import { LitElement, CSSResultGroup } from 'lit'; /** * Modal popup triggered by clicking a slot element. * * Rendert intern ein natives ``, geöffnet via `showModal()`. * Das Popup liegt damit im Top-Layer des Browsers und ist immun gegen * Containing Blocks von Vorfahren (`transform`, `filter`, `contain`), * `overflow`-Clipping und z-index-Stacking. `showModal()` liefert * außerdem Fokus-Trap, `inert`-Hintergrund und Fokus-Rückgabe beim * Schließen. * * @tagname pd-popup * @summary Modal popup with trigger element and content slot. * * @event popup-close - Fired when popup is closed. * * @slot small-view - Trigger content (e.g., icon, text). * @slot content - Content displayed in the popup. * * @cssprop --pd-popup-modal-bg-rgba - Backdrop background (`::backdrop`). Default: `--pd-modal-overlay-col`. * @cssprop --pd-popup-modal-padding - Modal content padding. Default: `--pd-spacing-md`. * @cssprop --pd-popup-modal-padding-top - Top padding for vertical positioning. Default: `100px`. * @cssprop --pd-popup-modal-padding-bottom - Bottom padding inside content. Default: `130px`. * @cssprop --pd-popup-max-width - Maximum popup width. Default: `1200px`. * @cssprop --pd-popup-width - Popup width. Default: `80%`. * @cssprop --pd-popup-border-radius - Corner radius. Default: `--pd-radius-lg`. * @cssprop --pd-popup-modal-slot-max-width - Max width of slot content. Default: `1000px`. * @cssprop --pd-popup-modal-slot-margin - Slot content margin. Default: `0 --pd-spacing-lg`. * @cssprop --pd-popup-content-bg - Modal content background color. Default: `--pd-default-bg-col`. * @cssprop --pd-popup-content-height - Modal content height. Default: `auto`. */ export declare class PdPopup extends LitElement { /** * Öffnet den Dialog beim Mounten (Ersatz für das entfernte * `--pd-popup-default-display`; Muster: startOpen von pd-collapse). * Reines Init-Flag: wird genau einmal in firstUpdated ausgewertet, * spätere Änderungen sind wirkungslos — Schließen läuft über * Events/Unmount, kein intern mutierter Offen-Zustand. */ startOpen: boolean; /** Enable closing with Escape key. */ closeByEscape: boolean; /** Enable closing by clicking the backdrop overlay. */ closeByBackdrop: boolean; /** Hide the built-in close icon. Useful when content provides its own close mechanism. */ hideCloseIcon: boolean; /** Block body scroll when popup is open. */ blockScroll: boolean; /** Accessible label for the popup (used for aria-label). */ popupLabel: string; /** @ignore */ private _scrollBlocked; /** @ignore */ private _dialog; static styles: CSSResultGroup; disconnectedCallback(): void; firstUpdated(): void; /** * Öffnet das Popup programmatisch */ showPopup(): void; /** * Schließt das Popup programmatisch */ hidePopup(): void; protected render(): import('lit').TemplateResult<1>; /** ESC löst auf dem Dialog ein cancel aus — nur zulassen, wenn erlaubt. */ private _onCancel; private _onBackdropClick; /** Zentraler Schließ-Pfad: feuert bei ESC, Backdrop und close(). */ private _onDialogClose; private _unblockScroll; private _onCloseIconKeyDown; } //# sourceMappingURL=PdPopup.d.ts.map