@cds/core
Version:
Clarity Design System - common components, themes, and utilties
58 lines (57 loc) • 1.94 kB
TypeScript
import { EventEmitter, ClosableController, CloseChangeType, LayerController } from '@cds/core/internal';
import { LitElement } from 'lit';
export declare class CdsInternalStaticOverlay extends LitElement {
closable: boolean;
hidden: boolean;
protected demoMode: boolean;
i18n: {
closeButtonAriaLabel: string;
contentStart: string;
contentEnd: string;
};
protected layerController: LayerController<this>;
protected closableController: ClosableController<this>;
static get shadowRootOptions(): any;
protected get closeButtonTemplate(): import("lit-html").TemplateResult<1>;
protected get backdropTemplate(): import("lit-html").TemplateResult<1>;
protected render(): import("lit-html").TemplateResult<1>;
protected backdropClick(): void;
closeOverlay(trigger?: CloseChangeType): void;
static get styles(): import("lit").CSSResultGroup[];
}
/**
*
* ```typescript
* import '@cds/core/internal-components/overlay/register.js';
* ```
*
* ```html
* <cds-internal-overlay>
* <section cds-layout="vertical align:horizontal-stretch">
* <div cds-layout="vertical pad:md gap:md">
* <h2 cds-text="display">A Title</h2>
* <div>
* <p cds-text="body">
* Content inside a generic overlay.
* </p>
* </div>
* </div>
* </section>
* </cds-internal-overlay>
* ```
*
* @element cds-internal-overlay
* @slot - Content slot for the content inside the overlay's panel
* @event closeChange - Notify user when close event has occurred
* @cssprop --backdrop-background
* @cssprop --layered-backdrop-background
* @cssprop --animation-duration
* @cssprop --animation-easing
*
* KNOWN ISSUE: Safari jumps through the exit animation but only when the ESC key is pressed.
*
*/
export declare class CdsInternalOverlay extends CdsInternalStaticOverlay {
cdsMotion: string;
cdsMotionChange: EventEmitter<string>;
}