dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
38 lines (37 loc) • 1.76 kB
TypeScript
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 {
static tagName: string;
/** The open state of the overlay. */
open: boolean;
static readonly styles: import('lit').CSSResult;
connectedCallback(): void;
protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
private handleOpen;
private handleClose;
render(): import('lit-html').TemplateResult<1>;
}