le-kit 0.5.2 → 0.5.4

package/dist/collection/components/le-popup/le-popup.js

@@ -1,626 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * A flexible popup/dialog component for alerts, confirms, prompts, and custom content.
- *
- * Uses the native HTML <dialog> element for proper modal behavior, accessibility,
- * and focus management. Can be used declaratively in HTML or programmatically
- * via leAlert(), leConfirm(), lePrompt().
- *
- * @slot - Default slot for custom body content
- * @slot header - Custom header content (replaces title)
- * @slot footer - Custom footer content (replaces default buttons)
- *
- * @cmsInternal true
- * @cmsCategory System
- */
-export class LePopup {
-    el;
-    /**
-     * The mode of the Le Kit (e.g., 'default' or 'admin')
-     */
-    mode = 'default';
-    /**
-     * Whether the popup is currently visible
-     */
-    open = false;
-    /**
-     * Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom
-     */
-    type = 'alert';
-    /**
-     * Optional title for the popup header
-     */
-    popupTitle;
-    /**
-     * Message text to display (for alert/confirm/prompt types)
-     */
-    message;
-    /**
-     * Whether the popup is modal (blocks interaction with page behind)
-     */
-    modal = true;
-    /**
-     * Position of the popup on screen
-     */
-    position = 'center';
-    /**
-     * Text for the confirm/OK button
-     */
-    confirmText = 'OK';
-    /**
-     * Text for the cancel button
-     */
-    cancelText = 'Cancel';
-    /**
-     * Placeholder text for prompt input
-     */
-    placeholder = '';
-    /**
-     * Default value for prompt input
-     */
-    defaultValue = '';
-    /**
-     * Whether clicking the backdrop closes the popup (modal only)
-     */
-    closeOnBackdrop = true;
-    /**
-     * Internal state for prompt input value
-     */
-    inputValue = '';
-    /**
-     * Emitted when the popup is confirmed (OK clicked)
-     */
-    leConfirm;
-    /**
-     * Emitted when the popup is cancelled (Cancel clicked or dismissed)
-     */
-    leCancel;
-    /**
-     * Emitted when the popup opens
-     */
-    leOpen;
-    /**
-     * Emitted when the popup closes
-     */
-    leClose;
-    dialogEl;
-    inputEl;
-    resolvePromise;
-    componentWillLoad() {
-        this.inputValue = this.defaultValue;
-    }
-    componentDidLoad() {
-        // Native dialog handles Escape key automatically when modal
-        // We just need to listen for the cancel event
-        this.dialogEl?.addEventListener('cancel', this.handleDialogCancel);
-    }
-    disconnectedCallback() {
-        this.dialogEl?.removeEventListener('cancel', this.handleDialogCancel);
-    }
-    handleDialogCancel = (e) => {
-        e.preventDefault(); // Prevent default close to handle it ourselves
-        this.handleCancel();
-    };
-    /**
-     * Opens the popup and returns a promise that resolves when closed
-     */
-    async show() {
-        return new Promise(resolve => {
-            this.resolvePromise = resolve;
-            this.inputValue = this.defaultValue;
-            this.open = true;
-            // Use requestAnimationFrame to ensure the dialog element is rendered
-            requestAnimationFrame(() => {
-                if (this.dialogEl) {
-                    if (this.modal) {
-                        this.dialogEl.showModal();
-                    }
-                    else {
-                        this.dialogEl.show();
-                    }
-                    this.leOpen.emit();
-                    // Focus input for prompt type
-                    if (this.type === 'prompt' && this.inputEl) {
-                        this.inputEl.focus();
-                        this.inputEl.select();
-                    }
-                }
-            });
-        });
-    }
-    /**
-     * Closes the popup with a result
-     */
-    async hide(confirmed = false) {
-        const result = {
-            confirmed,
-            value: this.type === 'prompt' ? this.inputValue : undefined,
-        };
-        this.dialogEl?.close();
-        this.open = false;
-        this.leClose.emit(result);
-        if (this.resolvePromise) {
-            this.resolvePromise(result);
-            this.resolvePromise = undefined;
-        }
-    }
-    handleConfirm = () => {
-        const result = {
-            confirmed: true,
-            value: this.type === 'prompt' ? this.inputValue : undefined,
-        };
-        this.leConfirm.emit(result);
-        this.hide(true);
-    };
-    handleCancel = () => {
-        const result = {
-            confirmed: false,
-            value: undefined,
-        };
-        this.leCancel.emit(result);
-        this.hide(false);
-    };
-    handleBackdropClick = (e) => {
-        // Check if click was on the dialog backdrop (outside the dialog box)
-        if (this.closeOnBackdrop && e.target === this.dialogEl) {
-            const rect = this.dialogEl.getBoundingClientRect();
-            const clickedInDialog = e.clientX >= rect.left &&
-                e.clientX <= rect.right &&
-                e.clientY >= rect.top &&
-                e.clientY <= rect.bottom;
-            if (!clickedInDialog) {
-                this.handleCancel();
-            }
-        }
-    };
-    handleInputChange = (e) => {
-        this.inputValue = e.target.value;
-    };
-    handleKeyDown = (e) => {
-        if (e.key === 'Enter' && this.type !== 'custom') {
-            e.preventDefault();
-            this.handleConfirm();
-        }
-    };
-    hasSlot(name) {
-        return !!this.el.querySelector(`[slot="${name}"]`);
-    }
-    renderHeader() {
-        if (this.hasSlot('header')) {
-            return (h("div", { class: "le-popup-header", part: "header" }, h("slot", { name: "header" })));
-        }
-        if (this.popupTitle) {
-            return (h("div", { class: "le-popup-header", part: "header" }, this.popupTitle));
-        }
-        return null;
-    }
-    renderBody() {
-        return (h("div", { class: "le-popup-body", part: "body" }, this.message && h("p", { class: "le-popup-message" }, this.message), this.type === 'prompt' && (h("input", { type: "text", class: "le-popup-input", part: "input", placeholder: this.placeholder, value: this.inputValue, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, ref: el => (this.inputEl = el) })), h("le-slot", { name: "", tag: "div", description: "Custom popup content", type: "slot" }, h("slot", null))));
-    }
-    renderFooter() {
-        if (this.hasSlot('footer')) {
-            return (h("div", { class: "le-popup-footer", part: "footer" }, h("slot", { name: "footer" })));
-        }
-        // For custom type without footer slot, don't render default buttons
-        if (this.type === 'custom') {
-            return null;
-        }
-        return (h("div", { class: "le-popup-footer", part: "footer" }, (this.type === 'confirm' || this.type === 'prompt') && (h("le-button", { variant: "outlined", part: "button-cancel", class: "le-popup-btn", onClick: this.handleCancel }, this.cancelText)), h("le-button", { variant: "solid", part: "button-confirm", class: "le-popup-btn", onClick: this.handleConfirm }, this.confirmText)));
-    }
-    render() {
-        const positionClass = `le-popup-position-${this.position}`;
-        return (h("dialog", { key: '75ff06ac2532818f2951283fb455d165d1b13e89', class: `le-popup-dialog ${positionClass}`, part: "dialog", ref: el => (this.dialogEl = el), onClick: this.handleBackdropClick }, h("le-component", { key: '0fea1c4ea66d8457c66bf5e14b08b7ac3251a9cc', component: "le-popup" }, h("div", { key: 'eb95845004b27cdba2e817b2f296a59ae1d62552', class: "le-popup-container", part: "container" }, this.renderHeader(), this.renderBody(), this.renderFooter()))));
-    }
-    static get is() { return "le-popup"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-popup.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-popup.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "mode": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "LeKitMode",
-                    "resolved": "string",
-                    "references": {
-                        "LeKitMode": {
-                            "location": "import",
-                            "path": "../../global/app",
-                            "id": "src/global/app.ts::LeKitMode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The mode of the Le Kit (e.g., 'default' or 'admin')"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "mode",
-                "defaultValue": "'default'"
-            },
-            "open": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the popup is currently visible"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "open",
-                "defaultValue": "false"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopupType",
-                    "resolved": "\"alert\" | \"confirm\" | \"custom\" | \"prompt\"",
-                    "references": {
-                        "PopupType": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "'alert'"
-            },
-            "popupTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional title for the popup header"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "popup-title"
-            },
-            "message": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Message text to display (for alert/confirm/prompt types)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "message"
-            },
-            "modal": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the popup is modal (blocks interaction with page behind)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "modal",
-                "defaultValue": "true"
-            },
-            "position": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopupPosition",
-                    "resolved": "\"bottom\" | \"bottom-left\" | \"bottom-right\" | \"center\" | \"top\" | \"top-left\" | \"top-right\"",
-                    "references": {
-                        "PopupPosition": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupPosition"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Position of the popup on screen"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "position",
-                "defaultValue": "'center'"
-            },
-            "confirmText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Text for the confirm/OK button"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "confirm-text",
-                "defaultValue": "'OK'"
-            },
-            "cancelText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Text for the cancel button"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cancel-text",
-                "defaultValue": "'Cancel'"
-            },
-            "placeholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Placeholder text for prompt input"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder",
-                "defaultValue": "''"
-            },
-            "defaultValue": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Default value for prompt input"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "default-value",
-                "defaultValue": "''"
-            },
-            "closeOnBackdrop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether clicking the backdrop closes the popup (modal only)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "close-on-backdrop",
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "inputValue": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "leConfirm",
-                "name": "leConfirm",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the popup is confirmed (OK clicked)"
-                },
-                "complexType": {
-                    "original": "PopupResult",
-                    "resolved": "PopupResult",
-                    "references": {
-                        "PopupResult": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupResult"
-                        }
-                    }
-                }
-            }, {
-                "method": "leCancel",
-                "name": "leCancel",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the popup is cancelled (Cancel clicked or dismissed)"
-                },
-                "complexType": {
-                    "original": "PopupResult",
-                    "resolved": "PopupResult",
-                    "references": {
-                        "PopupResult": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupResult"
-                        }
-                    }
-                }
-            }, {
-                "method": "leOpen",
-                "name": "leOpen",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the popup opens"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "leClose",
-                "name": "leClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the popup closes"
-                },
-                "complexType": {
-                    "original": "PopupResult",
-                    "resolved": "PopupResult",
-                    "references": {
-                        "PopupResult": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupResult"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "show": {
-                "complexType": {
-                    "signature": "() => Promise<PopupResult>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PopupResult": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupResult"
-                        }
-                    },
-                    "return": "Promise<PopupResult>"
-                },
-                "docs": {
-                    "text": "Opens the popup and returns a promise that resolves when closed",
-                    "tags": []
-                }
-            },
-            "hide": {
-                "complexType": {
-                    "signature": "(confirmed?: boolean) => Promise<void>",
-                    "parameters": [{
-                            "name": "confirmed",
-                            "type": "boolean",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PopupResult": {
-                            "location": "local",
-                            "path": "/home/runner/work/le-kit/le-kit/src/components/le-popup/le-popup.tsx",
-                            "id": "src/components/le-popup/le-popup.tsx::PopupResult"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Closes the popup with a result",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=le-popup.js.map

package/dist/collection/components/le-popup/le-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"le-popup.js","sourceRoot":"","sources":["../../../src/components/le-popup/le-popup.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Method, Event, EventEmitter, State, Element, h } from '@stencil/core';\nimport { LeKitMode } from '../../global/app';\n\n/**\n * Popup type determines the buttons shown\n */\nexport type PopupType = 'alert' | 'confirm' | 'prompt' | 'custom';\n\n/**\n * Popup position on the screen\n */\nexport type PopupPosition =\n  | 'center'\n  | 'top'\n  | 'bottom'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right';\n\n/**\n * Result returned by the popup when closed\n */\nexport interface PopupResult {\n  confirmed: boolean;\n  value?: string;\n}\n\n/**\n * A flexible popup/dialog component for alerts, confirms, prompts, and custom content.\n *\n * Uses the native HTML <dialog> element for proper modal behavior, accessibility,\n * and focus management. Can be used declaratively in HTML or programmatically\n * via leAlert(), leConfirm(), lePrompt().\n *\n * @slot - Default slot for custom body content\n * @slot header - Custom header content (replaces title)\n * @slot footer - Custom footer content (replaces default buttons)\n *\n * @cmsInternal true\n * @cmsCategory System\n */\n@Component({\n  tag: 'le-popup',\n  styleUrl: 'le-popup.css',\n  shadow: true,\n})\nexport class LePopup {\n  @Element() el: HTMLElement;\n\n  /**\n   * The mode of the Le Kit (e.g., 'default' or 'admin')\n   */\n  @Prop({ mutable: true, reflect: true }) mode: LeKitMode = 'default';\n\n  /**\n   * Whether the popup is currently visible\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Type of popup: alert (OK only), confirm (OK/Cancel), prompt (input + OK/Cancel), custom\n   */\n  @Prop() type: PopupType = 'alert';\n\n  /**\n   * Optional title for the popup header\n   */\n  @Prop() popupTitle?: string;\n\n  /**\n   * Message text to display (for alert/confirm/prompt types)\n   */\n  @Prop() message?: string;\n\n  /**\n   * Whether the popup is modal (blocks interaction with page behind)\n   */\n  @Prop() modal: boolean = true;\n\n  /**\n   * Position of the popup on screen\n   */\n  @Prop() position: PopupPosition = 'center';\n\n  /**\n   * Text for the confirm/OK button\n   */\n  @Prop() confirmText: string = 'OK';\n\n  /**\n   * Text for the cancel button\n   */\n  @Prop() cancelText: string = 'Cancel';\n\n  /**\n   * Placeholder text for prompt input\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * Default value for prompt input\n   */\n  @Prop() defaultValue: string = '';\n\n  /**\n   * Whether clicking the backdrop closes the popup (modal only)\n   */\n  @Prop() closeOnBackdrop: boolean = true;\n\n  /**\n   * Internal state for prompt input value\n   */\n  @State() inputValue: string = '';\n\n  /**\n   * Emitted when the popup is confirmed (OK clicked)\n   */\n  @Event() leConfirm: EventEmitter<PopupResult>;\n\n  /**\n   * Emitted when the popup is cancelled (Cancel clicked or dismissed)\n   */\n  @Event() leCancel: EventEmitter<PopupResult>;\n\n  /**\n   * Emitted when the popup opens\n   */\n  @Event() leOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when the popup closes\n   */\n  @Event() leClose: EventEmitter<PopupResult>;\n\n  private dialogEl?: HTMLDialogElement;\n  private inputEl?: HTMLInputElement;\n  private resolvePromise?: (result: PopupResult) => void;\n\n  componentWillLoad() {\n    this.inputValue = this.defaultValue;\n  }\n\n  componentDidLoad() {\n    // Native dialog handles Escape key automatically when modal\n    // We just need to listen for the cancel event\n    this.dialogEl?.addEventListener('cancel', this.handleDialogCancel);\n  }\n\n  disconnectedCallback() {\n    this.dialogEl?.removeEventListener('cancel', this.handleDialogCancel);\n  }\n\n  private handleDialogCancel = (e: Event) => {\n    e.preventDefault(); // Prevent default close to handle it ourselves\n    this.handleCancel();\n  };\n\n  /**\n   * Opens the popup and returns a promise that resolves when closed\n   */\n  @Method()\n  async show(): Promise<PopupResult> {\n    return new Promise(resolve => {\n      this.resolvePromise = resolve;\n      this.inputValue = this.defaultValue;\n      this.open = true;\n\n      // Use requestAnimationFrame to ensure the dialog element is rendered\n      requestAnimationFrame(() => {\n        if (this.dialogEl) {\n          if (this.modal) {\n            this.dialogEl.showModal();\n          } else {\n            this.dialogEl.show();\n          }\n\n          this.leOpen.emit();\n\n          // Focus input for prompt type\n          if (this.type === 'prompt' && this.inputEl) {\n            this.inputEl.focus();\n            this.inputEl.select();\n          }\n        }\n      });\n    });\n  }\n\n  /**\n   * Closes the popup with a result\n   */\n  @Method()\n  async hide(confirmed: boolean = false) {\n    const result: PopupResult = {\n      confirmed,\n      value: this.type === 'prompt' ? this.inputValue : undefined,\n    };\n\n    this.dialogEl?.close();\n    this.open = false;\n    this.leClose.emit(result);\n\n    if (this.resolvePromise) {\n      this.resolvePromise(result);\n      this.resolvePromise = undefined;\n    }\n  }\n\n  private handleConfirm = () => {\n    const result: PopupResult = {\n      confirmed: true,\n      value: this.type === 'prompt' ? this.inputValue : undefined,\n    };\n    this.leConfirm.emit(result);\n    this.hide(true);\n  };\n\n  private handleCancel = () => {\n    const result: PopupResult = {\n      confirmed: false,\n      value: undefined,\n    };\n    this.leCancel.emit(result);\n    this.hide(false);\n  };\n\n  private handleBackdropClick = (e: MouseEvent) => {\n    // Check if click was on the dialog backdrop (outside the dialog box)\n    if (this.closeOnBackdrop && e.target === this.dialogEl) {\n      const rect = this.dialogEl.getBoundingClientRect();\n      const clickedInDialog =\n        e.clientX >= rect.left &&\n        e.clientX <= rect.right &&\n        e.clientY >= rect.top &&\n        e.clientY <= rect.bottom;\n      if (!clickedInDialog) {\n        this.handleCancel();\n      }\n    }\n  };\n\n  private handleInputChange = (e: Event) => {\n    this.inputValue = (e.target as HTMLInputElement).value;\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && this.type !== 'custom') {\n      e.preventDefault();\n      this.handleConfirm();\n    }\n  };\n\n  private hasSlot(name: string): boolean {\n    return !!this.el.querySelector(`[slot=\"${name}\"]`);\n  }\n\n  private renderHeader() {\n    if (this.hasSlot('header')) {\n      return (\n        <div class=\"le-popup-header\" part=\"header\">\n          <slot name=\"header\"></slot>\n        </div>\n      );\n    }\n\n    if (this.popupTitle) {\n      return (\n        <div class=\"le-popup-header\" part=\"header\">\n          {this.popupTitle}\n        </div>\n      );\n    }\n\n    return null;\n  }\n\n  private renderBody() {\n    return (\n      <div class=\"le-popup-body\" part=\"body\">\n        {this.message && <p class=\"le-popup-message\">{this.message}</p>}\n\n        {this.type === 'prompt' && (\n          <input\n            type=\"text\"\n            class=\"le-popup-input\"\n            part=\"input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            onInput={this.handleInputChange}\n            onKeyDown={this.handleKeyDown}\n            ref={el => (this.inputEl = el)}\n          />\n        )}\n\n        {/* Default slot for custom content */}\n        <le-slot name=\"\" tag=\"div\" description=\"Custom popup content\" type=\"slot\">\n          <slot></slot>\n        </le-slot>\n      </div>\n    );\n  }\n\n  private renderFooter() {\n    if (this.hasSlot('footer')) {\n      return (\n        <div class=\"le-popup-footer\" part=\"footer\">\n          <slot name=\"footer\"></slot>\n        </div>\n      );\n    }\n\n    // For custom type without footer slot, don't render default buttons\n    if (this.type === 'custom') {\n      return null;\n    }\n\n    return (\n      <div class=\"le-popup-footer\" part=\"footer\">\n        {(this.type === 'confirm' || this.type === 'prompt') && (\n          <le-button\n            variant=\"outlined\"\n            part=\"button-cancel\"\n            class=\"le-popup-btn\"\n            onClick={this.handleCancel}\n          >\n            {this.cancelText}\n          </le-button>\n        )}\n        <le-button\n          variant=\"solid\"\n          part=\"button-confirm\"\n          class=\"le-popup-btn\"\n          onClick={this.handleConfirm}\n        >\n          {this.confirmText}\n        </le-button>\n      </div>\n    );\n  }\n\n  render() {\n    const positionClass = `le-popup-position-${this.position}`;\n\n    return (\n      <dialog\n        class={`le-popup-dialog ${positionClass}`}\n        part=\"dialog\"\n        ref={el => (this.dialogEl = el)}\n        onClick={this.handleBackdropClick}\n      >\n        <le-component component=\"le-popup\">\n          <div class=\"le-popup-container\" part=\"container\">\n            {this.renderHeader()}\n            {this.renderBody()}\n            {this.renderFooter()}\n          </div>\n        </le-component>\n      </dialog>\n    );\n  }\n}\n"]}