@florid-kit/components 0.9.24 → 0.9.25

package/components/popin.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+
+/**
+ * <o-popin>
+ * A11y-friendly popin (modal). Adjustments:
+ *  - Default is FULLSCREEN
+ *  - Header expects inline SVG via a named <slot name="logo"> (no URL prop)
+ *  - Close button, ESC / backdrop close, focus trapping entry point
+ *  - Background image via CSS var or attribute `background-url` (optional)
+ *  - Variant switch: set `variant="dialog"` for centered dialog with max-width
+ *
+ * Example:
+ * <o-popin open title="Welcome" background-url="https://...">
+ *   <svg slot="logo" width="120" height="24" viewBox="0 0 120 24" aria-hidden="true">...</svg>
+ *   <p>Your content here</p>
+ * </o-popin>
+ */
+export declare class OPopin extends LitElement {
+    /** Whether the popin is open */
+    open: boolean;
+    /** Background image URL (optional) */
+    backgroundUrl: string;
+    /** Close when pressing Escape */
+    closeOnEsc: boolean;
+    /** Close when clicking on the backdrop */
+    closeOnBackdrop: boolean;
+    /** Prevent page scroll while open */
+    lockScroll: boolean;
+    /** Layout variant: "fullscreen" (default) or "dialog" */
+    variant: 'fullscreen' | 'dialog';
+    /** Optional max-width of the dialog content when variant="dialog" (e.g., "640px"). */
+    maxWidth: string;
+    private _labelId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _onKeydown;
+    private _onBackdropClick;
+    private _requestClose;
+    private _renderCloseButton;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}