@limetech/lime-elements
Version:
78 lines • 2.63 kB
TypeScript
import { DialogHeading, ClosingActions } from './dialog.types';
/**
* :::note
* Regarding the `close` event: When putting other elements that emit `close`
* events inside a dialog, those events must be caught and stopped inside the
* dialog. If not, they will bubble to the event handler listening for `close`
* events on the dialog, which will close the dialog too.
*
* See the example _Nested `close` events_.
* :::
*
* :::important
* Are you developing for
* [Lime CRM](https://www.lime-technologies.com/en/lime-crm/)? Please note that
* you should use the [DialogRenderer](https://lundalogik.github.io/lime-web-components/versions/latest/interfaces/DialogRenderer.html)
* from Lime Web Components to open dialogs in Lime CRM.
* :::
*
* @exampleComponent limel-example-dialog
* @exampleComponent limel-example-dialog-nested-close-events
* @exampleComponent limel-example-dialog-heading
* @exampleComponent limel-example-dialog-heading-actions
* @exampleComponent limel-example-dialog-form
* @exampleComponent limel-example-dialog-size
* @exampleComponent limel-example-dialog-fullscreen
* @exampleComponent limel-example-dialog-closing-actions
* @exampleComponent limel-example-dialog-action-buttons
* @slot - Content to put inside the dialog
* @slot header-actions - The dialog header buttons
* @slot button - The dialog buttons
*/
export declare class Dialog {
/**
* The heading for the dialog, if any.
*/
heading: string | DialogHeading;
/**
* Set to `true` to make the dialog "fullscreen".
*/
fullscreen: boolean;
/**
* `true` if the dialog is open, `false` otherwise.
*/
open: boolean;
/**
* Defines which action triggers a close-event.
*/
closingActions: ClosingActions;
/**
* Emitted when the dialog is closed from inside the component.
* (*Not* emitted when the consumer sets the `open`-property to `false`.)
*/
private close;
/**
* Emitted when the dialog is in the process of being closed.
*/
private closing;
private host;
private mdcDialog;
private id;
constructor();
connectedCallback(): void;
componentWillLoad(): void;
componentDidLoad(): void;
private initialize;
disconnectedCallback(): void;
render(): any;
protected watchHandler(newValue: boolean, oldValue: boolean): void;
protected closingActionsChanged(newValue: ClosingActions, oldValue: ClosingActions): void;
private handleMdcOpened;
private handleMdcClosed;
private handleMdcClosing;
private isBadgeHeading;
private renderHeading;
private renderFooter;
private setClosingActions;
}
//# sourceMappingURL=dialog.d.ts.map