import { PropertyValueMap } from 'lit'; import { DdsElement } from '../../internal/dds-hu-element'; /** * `dap-ds-overlay` * @summary An overlay is a container for overlay content. * @element dap-ds-overlay * @title - Overlay * * @property {boolean} open - The open state of the overlay. * * @event {CustomEvent} dds-before-open - Fires before the overlay opens. * @event {CustomEvent} dds-opened - Fires after the overlay opens. * @event {CustomEvent} dds-before-close - Fires before the overlay closes. * @event {CustomEvent} dds-closed - Fires after the overlay closes. * * @slot - The content of the overlay. * * @csspart base - The overlay element * * @cssproperty --dds-overlay-z-index - Controls the z-index of the overlay (default: 1) * @cssproperty --dds-overlay-background - Controls the background of the overlay (default: var(--dds-black-10)) * @cssproperty --dds-overlay-opacity-closed - Controls the opacity when overlay is closed (default: 0) * @cssproperty --dds-overlay-opacity-open - Controls the opacity when overlay is open (default: 1) * @cssproperty --dds-overlay-transition-duration - Controls the transition duration (default: var(--dds-transition-fast)) * @cssproperty --dds-overlay-transition-timing - Controls the transition timing function (default: var(--dds-easing-ease-in-out)) */ export default class DapDSOverlay extends DdsElement { /** The open state of the overlay. */ open: boolean; static readonly styles: import('lit').CSSResult; connectedCallback(): void; protected updated(changedProperties: PropertyValueMap | Map): void; private handleOpen; private handleClose; render(): import('lit-html').TemplateResult<1>; }