@nuralyui/popconfirm 0.0.4 → 0.0.6

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from './popconfirm.component.js';
+export * from './popconfirm-manager.component.js';
 export * from './popconfirm.types.js';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popconfirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popconfirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uBAAuB,CAAC"}

package/index.js

@@ -1,3 +1,4 @@
 export * from './popconfirm.component.js';
+export * from './popconfirm-manager.component.js';
 export * from './popconfirm.types.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/popconfirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './popconfirm.component.js';\nexport * from './popconfirm.types.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uBAAuB,CAAC","sourcesContent":["export * from './popconfirm.component.js';\nexport * from './popconfirm-manager.component.js';\nexport * from './popconfirm.types.js';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuralyui/popconfirm",
-    "version": "0.0.4",
+    "version": "0.0.6",
     "description": "NuralyUI Popconfirm Component - A pop-up confirmation dialog",
     "author": "Nuraly, Laabidi Aymen",
     "license": "MIT",

package/popconfirm-manager.component.d.ts

@@ -0,0 +1,132 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement, nothing } from 'lit';
+import { PopconfirmShowConfig, PopconfirmPosition } from './popconfirm.types.js';
+import '../icon/icon.component.js';
+import '../button/button.component.js';
+import '../label/label.component.js';
+declare const NrPopconfirmManagerElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & typeof LitElement;
+/**
+ * # PopconfirmManager Component
+ *
+ * A container component that manages popconfirm instances displayed at cursor position.
+ * Similar to toast notifications but for confirmation dialogs.
+ *
+ * ## Features
+ * - Show popconfirm at cursor/mouse position
+ * - Programmatic API for creating confirmations
+ * - Async confirmation support with loading state
+ * - Auto-dismiss on outside click or escape
+ * - Customizable appearance and callbacks
+ *
+ * ## Usage
+ * ```html
+ * <!-- Add once to your app -->
+ * <nr-popconfirm-manager></nr-popconfirm-manager>
+ *
+ * <!-- Programmatic usage -->
+ * <script>
+ *   const manager = document.querySelector('nr-popconfirm-manager');
+ *
+ *   // Show at cursor position (from click event)
+ *   element.addEventListener('click', (e) => {
+ *     manager.show({
+ *       title: 'Delete item?',
+ *       description: 'This action cannot be undone.',
+ *       okType: 'danger',
+ *       onConfirm: () => {
+ *         console.log('Deleted!');
+ *       }
+ *     }, { x: e.clientX, y: e.clientY });
+ *   });
+ *
+ *   // Or use the static confirm helper
+ *   const confirmed = await NrPopconfirmManager.confirm({
+ *     title: 'Are you sure?',
+ *   }, { x: event.clientX, y: event.clientY });
+ * </script>
+ * ```
+ *
+ * @element nr-popconfirm-manager
+ * @fires nr-popconfirm-confirm - Fired when user confirms
+ * @fires nr-popconfirm-cancel - Fired when user cancels
+ */
+export declare class NrPopconfirmManagerElement extends NrPopconfirmManagerElement_base {
+    static styles: import("lit").CSSResult;
+    requiredComponents: string[];
+    /** Active popconfirm items */
+    private items;
+    /** Bound event handlers */
+    private _boundHandleOutsideClick;
+    private _boundHandleKeydown;
+    /** Timestamp when popconfirm was shown (to prevent immediate close from same click) */
+    private _showTimestamp;
+    /** Static instance for global access */
+    private static _instance;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Get the global instance
+     */
+    static getInstance(): NrPopconfirmManagerElement | null;
+    /**
+     * Static helper to show a confirmation dialog
+     * Returns a promise that resolves to true if confirmed, false if cancelled
+     */
+    static confirm(config: PopconfirmShowConfig, position: PopconfirmPosition): Promise<boolean>;
+    /**
+     * Show a popconfirm at the specified position
+     */
+    show(config: PopconfirmShowConfig, position: PopconfirmPosition): string;
+    /**
+     * Close a specific popconfirm
+     */
+    close(id: string): void;
+    /**
+     * Close all popconfirms
+     */
+    closeAll(): void;
+    /**
+     * Handle confirm button click
+     */
+    private handleConfirm;
+    /**
+     * Handle cancel button click
+     */
+    private handleCancel;
+    /**
+     * Handle clicks outside the popconfirm
+     */
+    private handleOutsideClick;
+    /**
+     * Handle escape key
+     */
+    private handleKeydown;
+    /**
+     * Adjust position to keep popconfirm within viewport
+     */
+    private adjustPosition;
+    /**
+     * Generate unique ID
+     */
+    private generateId;
+    /**
+     * Get icon color based on icon type
+     */
+    private getIconClass;
+    /**
+     * Render a single popconfirm item
+     */
+    private renderItem;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nr-popconfirm-manager': NrPopconfirmManagerElement;
+    }
+}
+export {};
+//# sourceMappingURL=popconfirm-manager.component.d.ts.map

package/popconfirm-manager.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm-manager.component.d.ts","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm-manager.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAKhD,OAAO,EAEL,oBAAoB,EACpB,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBACa,0BAA2B,SAAQ,+BAA6B;IAC3E,OAAgB,MAAM,0BAA2B;IAExC,kBAAkB,WAAwC;IAEnE,8BAA8B;IACrB,OAAO,CAAC,KAAK,CAAwB;IAE9C,2BAA2B;IAC3B,OAAO,CAAC,wBAAwB,CAAqC;IACrE,OAAO,CAAC,mBAAmB,CAA6C;IAExE,uFAAuF;IACvF,OAAO,CAAC,cAAc,CAAa;IAEnC,wCAAwC;IACxC,OAAO,CAAC,MAAM,CAAC,SAAS,CAA2C;IAE1D,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAYrC;;OAEG;IACH,MAAM,CAAC,WAAW,IAAI,0BAA0B,GAAG,IAAI;IAIvD;;;OAGG;WACU,OAAO,CAClB,MAAM,EAAE,oBAAoB,EAC5B,QAAQ,EAAE,kBAAkB,GAC3B,OAAO,CAAC,OAAO,CAAC;IAyBnB;;OAEG;IACH,IAAI,CAAC,MAAM,EAAE,oBAAoB,EAAE,QAAQ,EAAE,kBAAkB,GAAG,MAAM;IAyBxE;;OAEG;IACH,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIvB;;OAEG;IACH,QAAQ,IAAI,IAAI;IAIhB;;OAEG;YACW,aAAa;IA+B3B;;OAEG;IACH,OAAO,CAAC,YAAY;IAcpB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAqB1B;;OAEG;IACH,OAAO,CAAC,aAAa;IASrB;;OAEG;IACH,OAAO,CAAC,cAAc;IA6BtB;;OAEG;IACH,OAAO,CAAC,UAAU;IAIlB;;OAEG;IACH,OAAO,CAAC,YAAY;IAYpB;;OAEG;IACH,OAAO,CAAC,UAAU;IA0DT,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/popconfirm-manager.component.js

@@ -0,0 +1,376 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var NrPopconfirmManagerElement_1;
+import { html, LitElement, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { popconfirmManagerStyles } from './popconfirm-manager.style.js';
+import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
+// Import required components
+import '../icon/icon.component.js';
+import '../button/button.component.js';
+import '../label/label.component.js';
+/**
+ * # PopconfirmManager Component
+ *
+ * A container component that manages popconfirm instances displayed at cursor position.
+ * Similar to toast notifications but for confirmation dialogs.
+ *
+ * ## Features
+ * - Show popconfirm at cursor/mouse position
+ * - Programmatic API for creating confirmations
+ * - Async confirmation support with loading state
+ * - Auto-dismiss on outside click or escape
+ * - Customizable appearance and callbacks
+ *
+ * ## Usage
+ * ```html
+ * <!-- Add once to your app -->
+ * <nr-popconfirm-manager></nr-popconfirm-manager>
+ *
+ * <!-- Programmatic usage -->
+ * <script>
+ *   const manager = document.querySelector('nr-popconfirm-manager');
+ *
+ *   // Show at cursor position (from click event)
+ *   element.addEventListener('click', (e) => {
+ *     manager.show({
+ *       title: 'Delete item?',
+ *       description: 'This action cannot be undone.',
+ *       okType: 'danger',
+ *       onConfirm: () => {
+ *         console.log('Deleted!');
+ *       }
+ *     }, { x: e.clientX, y: e.clientY });
+ *   });
+ *
+ *   // Or use the static confirm helper
+ *   const confirmed = await NrPopconfirmManager.confirm({
+ *     title: 'Are you sure?',
+ *   }, { x: event.clientX, y: event.clientY });
+ * </script>
+ * ```
+ *
+ * @element nr-popconfirm-manager
+ * @fires nr-popconfirm-confirm - Fired when user confirms
+ * @fires nr-popconfirm-cancel - Fired when user cancels
+ */
+let NrPopconfirmManagerElement = NrPopconfirmManagerElement_1 = class NrPopconfirmManagerElement extends NuralyUIBaseMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.requiredComponents = ['nr-icon', 'nr-button', 'nr-label'];
+        /** Active popconfirm items */
+        this.items = [];
+        /** Bound event handlers */
+        this._boundHandleOutsideClick = null;
+        this._boundHandleKeydown = null;
+        /** Timestamp when popconfirm was shown (to prevent immediate close from same click) */
+        this._showTimestamp = 0;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        NrPopconfirmManagerElement_1._instance = this;
+        this._boundHandleOutsideClick = this.handleOutsideClick.bind(this);
+        this._boundHandleKeydown = this.handleKeydown.bind(this);
+        document.addEventListener('click', this._boundHandleOutsideClick, true);
+        document.addEventListener('keydown', this._boundHandleKeydown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        NrPopconfirmManagerElement_1._instance = null;
+        if (this._boundHandleOutsideClick) {
+            document.removeEventListener('click', this._boundHandleOutsideClick, true);
+        }
+        if (this._boundHandleKeydown) {
+            document.removeEventListener('keydown', this._boundHandleKeydown);
+        }
+    }
+    /**
+     * Get the global instance
+     */
+    static getInstance() {
+        return NrPopconfirmManagerElement_1._instance;
+    }
+    /**
+     * Static helper to show a confirmation dialog
+     * Returns a promise that resolves to true if confirmed, false if cancelled
+     */
+    static confirm(config, position) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const instance = NrPopconfirmManagerElement_1.getInstance();
+            if (!instance) {
+                console.warn('NrPopconfirmManager: No instance found. Add <nr-popconfirm-manager> to your app.');
+                return false;
+            }
+            return new Promise((resolve) => {
+                instance.show(Object.assign(Object.assign({}, config), { onConfirm: () => __awaiter(this, void 0, void 0, function* () {
+                        var _a;
+                        yield ((_a = config.onConfirm) === null || _a === void 0 ? void 0 : _a.call(config));
+                        resolve(true);
+                    }), onCancel: () => {
+                        var _a;
+                        (_a = config.onCancel) === null || _a === void 0 ? void 0 : _a.call(config);
+                        resolve(false);
+                    } }), position);
+            });
+        });
+    }
+    /**
+     * Show a popconfirm at the specified position
+     */
+    show(config, position) {
+        const id = this.generateId();
+        // Adjust position to keep popconfirm within viewport
+        const adjustedPosition = this.adjustPosition(position);
+        const item = {
+            id,
+            config,
+            position: adjustedPosition,
+            loading: false,
+        };
+        // Record timestamp to prevent immediate close from same click event
+        this._showTimestamp = Date.now();
+        // Only allow one popconfirm at a time
+        this.items = [item];
+        console.log('[nr-popconfirm-manager] show() called, items:', this.items);
+        this.requestUpdate();
+        return id;
+    }
+    /**
+     * Close a specific popconfirm
+     */
+    close(id) {
+        this.items = this.items.filter(item => item.id !== id);
+    }
+    /**
+     * Close all popconfirms
+     */
+    closeAll() {
+        this.items = [];
+    }
+    /**
+     * Handle confirm button click
+     */
+    handleConfirm(item, e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.stopPropagation();
+            const confirmEvent = new CustomEvent('nr-popconfirm-confirm', {
+                bubbles: true,
+                composed: true,
+                detail: { id: item.id, config: item.config },
+            });
+            this.dispatchEvent(confirmEvent);
+            // Handle async onConfirm
+            if (item.config.onConfirm) {
+                const result = item.config.onConfirm();
+                if (result && typeof result.then === 'function') {
+                    // Show loading state
+                    item.loading = true;
+                    this.requestUpdate();
+                    try {
+                        yield result;
+                    }
+                    catch (error) {
+                        console.error('Popconfirm confirmation failed:', error);
+                    }
+                    finally {
+                        item.loading = false;
+                    }
+                }
+            }
+            this.close(item.id);
+        });
+    }
+    /**
+     * Handle cancel button click
+     */
+    handleCancel(item, e) {
+        var _a, _b;
+        e.stopPropagation();
+        const cancelEvent = new CustomEvent('nr-popconfirm-cancel', {
+            bubbles: true,
+            composed: true,
+            detail: { id: item.id, config: item.config },
+        });
+        this.dispatchEvent(cancelEvent);
+        (_b = (_a = item.config).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.close(item.id);
+    }
+    /**
+     * Handle clicks outside the popconfirm
+     */
+    handleOutsideClick(e) {
+        var _a;
+        if (this.items.length === 0)
+            return;
+        // Prevent immediate close from the same click event that opened the popconfirm
+        // Allow at least 100ms before responding to outside clicks
+        if (Date.now() - this._showTimestamp < 100) {
+            return;
+        }
+        const path = e.composedPath();
+        const popconfirmContainer = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.popconfirm-manager__item');
+        if (popconfirmContainer && !path.includes(popconfirmContainer)) {
+            // Cancel all open popconfirms
+            this.items.forEach(item => {
+                var _a, _b;
+                (_b = (_a = item.config).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+            });
+            this.closeAll();
+        }
+    }
+    /**
+     * Handle escape key
+     */
+    handleKeydown(e) {
+        if (e.key === 'Escape' && this.items.length > 0) {
+            this.items.forEach(item => {
+                var _a, _b;
+                (_b = (_a = item.config).onCancel) === null || _b === void 0 ? void 0 : _b.call(_a);
+            });
+            this.closeAll();
+        }
+    }
+    /**
+     * Adjust position to keep popconfirm within viewport
+     */
+    adjustPosition(position) {
+        const padding = 16;
+        const estimatedWidth = 280;
+        const estimatedHeight = 120;
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        let x = position.x;
+        let y = position.y;
+        // Adjust horizontal position
+        if (x + estimatedWidth > viewportWidth - padding) {
+            x = viewportWidth - estimatedWidth - padding;
+        }
+        if (x < padding) {
+            x = padding;
+        }
+        // Adjust vertical position
+        if (y + estimatedHeight > viewportHeight - padding) {
+            y = position.y - estimatedHeight - 8; // Show above cursor
+        }
+        if (y < padding) {
+            y = padding;
+        }
+        return { x, y };
+    }
+    /**
+     * Generate unique ID
+     */
+    generateId() {
+        return `popconfirm-${crypto.randomUUID()}`;
+    }
+    /**
+     * Get icon color based on icon type
+     */
+    getIconClass(icon) {
+        const iconColorMap = {
+            ["exclamation-circle" /* PopconfirmIcon.Warning */]: 'warning',
+            ["question-circle" /* PopconfirmIcon.Question */]: 'question',
+            ["info-circle" /* PopconfirmIcon.Info */]: 'info',
+            ["close-circle" /* PopconfirmIcon.Error */]: 'error',
+            ["check-circle" /* PopconfirmIcon.Success */]: 'success',
+        };
+        return iconColorMap[icon || ''] || 'warning';
+    }
+    /**
+     * Render a single popconfirm item
+     */
+    renderItem(item) {
+        const { config, position } = item;
+        const icon = config.icon || "exclamation-circle" /* PopconfirmIcon.Warning */;
+        const iconClass = config.iconColor ? 'custom' : this.getIconClass(icon);
+        const showCancel = config.showCancel !== false;
+        const positionStyles = {
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+        };
+        const iconStyles = config.iconColor ? { color: config.iconColor } : {};
+        return html `
+      <div
+        class="popconfirm-manager__item"
+        style=${styleMap(positionStyles)}
+        @click=${(e) => e.stopPropagation()}
+      >
+        <div class="popconfirm-manager__content">
+          <div class="popconfirm-manager__message">
+            <div
+              class="popconfirm-manager__icon popconfirm-manager__icon--${iconClass}"
+              style=${styleMap(iconStyles)}
+            >
+              <nr-icon name=${icon}></nr-icon>
+            </div>
+            <div class="popconfirm-manager__text">
+              ${config.title ? html `<nr-label class="popconfirm-manager__title" size="medium">${config.title}</nr-label>` : nothing}
+              ${config.description ? html `<nr-label class="popconfirm-manager__description" size="small" variant="secondary">${config.description}</nr-label>` : nothing}
+            </div>
+          </div>
+          <div class="popconfirm-manager__buttons">
+            ${showCancel
+            ? html `
+                  <nr-button
+                    size="small"
+                    @click=${(e) => this.handleCancel(item, e)}
+                  >
+                    ${config.cancelText || 'Cancel'}
+                  </nr-button>
+                `
+            : nothing}
+            <nr-button
+              size="small"
+              type=${config.okType === 'danger' ? 'danger' : config.okType === 'primary' ? 'primary' : 'default'}
+              ?loading=${item.loading}
+              ?disabled=${item.loading}
+              @click=${(e) => this.handleConfirm(item, e)}
+            >
+              ${config.okText || 'OK'}
+            </nr-button>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    render() {
+        if (this.items.length === 0) {
+            return nothing;
+        }
+        return html `
+      <div class="popconfirm-manager">
+        ${this.items.map(item => this.renderItem(item))}
+      </div>
+    `;
+    }
+};
+NrPopconfirmManagerElement.styles = popconfirmManagerStyles;
+/** Static instance for global access */
+NrPopconfirmManagerElement._instance = null;
+__decorate([
+    state()
+], NrPopconfirmManagerElement.prototype, "items", void 0);
+NrPopconfirmManagerElement = NrPopconfirmManagerElement_1 = __decorate([
+    customElement('nr-popconfirm-manager')
+], NrPopconfirmManagerElement);
+export { NrPopconfirmManagerElement };
+//# sourceMappingURL=popconfirm-manager.component.js.map

package/popconfirm-manager.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm-manager.component.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm-manager.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport { html, LitElement, nothing } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { popconfirmManagerStyles } from './popconfirm-manager.style.js';\nimport { NuralyUIBaseMixin } from '@nuralyui/common/mixins';\nimport {\n  PopconfirmIcon,\n  PopconfirmShowConfig,\n  PopconfirmPosition,\n  PopconfirmItem,\n} from './popconfirm.types.js';\n\n// Import required components\nimport '../icon/icon.component.js';\nimport '../button/button.component.js';\nimport '../label/label.component.js';\n\n/**\n * # PopconfirmManager Component\n *\n * A container component that manages popconfirm instances displayed at cursor position.\n * Similar to toast notifications but for confirmation dialogs.\n *\n * ## Features\n * - Show popconfirm at cursor/mouse position\n * - Programmatic API for creating confirmations\n * - Async confirmation support with loading state\n * - Auto-dismiss on outside click or escape\n * - Customizable appearance and callbacks\n *\n * ## Usage\n * ```html\n * <!-- Add once to your app -->\n * <nr-popconfirm-manager></nr-popconfirm-manager>\n *\n * <!-- Programmatic usage -->\n * <script>\n *   const manager = document.querySelector('nr-popconfirm-manager');\n *\n *   // Show at cursor position (from click event)\n *   element.addEventListener('click', (e) => {\n *     manager.show({\n *       title: 'Delete item?',\n *       description: 'This action cannot be undone.',\n *       okType: 'danger',\n *       onConfirm: () => {\n *         console.log('Deleted!');\n *       }\n *     }, { x: e.clientX, y: e.clientY });\n *   });\n *\n *   // Or use the static confirm helper\n *   const confirmed = await NrPopconfirmManager.confirm({\n *     title: 'Are you sure?',\n *   }, { x: event.clientX, y: event.clientY });\n * </script>\n * ```\n *\n * @element nr-popconfirm-manager\n * @fires nr-popconfirm-confirm - Fired when user confirms\n * @fires nr-popconfirm-cancel - Fired when user cancels\n */\n@customElement('nr-popconfirm-manager')\nexport class NrPopconfirmManagerElement extends NuralyUIBaseMixin(LitElement) {\n  static override styles = popconfirmManagerStyles;\n\n  override requiredComponents = ['nr-icon', 'nr-button', 'nr-label'];\n\n  /** Active popconfirm items */\n  @state() private items: PopconfirmItem[] = [];\n\n  /** Bound event handlers */\n  private _boundHandleOutsideClick: ((e: Event) => void) | null = null;\n  private _boundHandleKeydown: ((e: KeyboardEvent) => void) | null = null;\n\n  /** Timestamp when popconfirm was shown (to prevent immediate close from same click) */\n  private _showTimestamp: number = 0;\n\n  /** Static instance for global access */\n  private static _instance: NrPopconfirmManagerElement | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    NrPopconfirmManagerElement._instance = this;\n\n    this._boundHandleOutsideClick = this.handleOutsideClick.bind(this);\n    this._boundHandleKeydown = this.handleKeydown.bind(this);\n    document.addEventListener('click', this._boundHandleOutsideClick, true);\n    document.addEventListener('keydown', this._boundHandleKeydown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    NrPopconfirmManagerElement._instance = null;\n\n    if (this._boundHandleOutsideClick) {\n      document.removeEventListener('click', this._boundHandleOutsideClick, true);\n    }\n    if (this._boundHandleKeydown) {\n      document.removeEventListener('keydown', this._boundHandleKeydown);\n    }\n  }\n\n  /**\n   * Get the global instance\n   */\n  static getInstance(): NrPopconfirmManagerElement | null {\n    return NrPopconfirmManagerElement._instance;\n  }\n\n  /**\n   * Static helper to show a confirmation dialog\n   * Returns a promise that resolves to true if confirmed, false if cancelled\n   */\n  static async confirm(\n    config: PopconfirmShowConfig,\n    position: PopconfirmPosition\n  ): Promise<boolean> {\n    const instance = NrPopconfirmManagerElement.getInstance();\n    if (!instance) {\n      console.warn('NrPopconfirmManager: No instance found. Add <nr-popconfirm-manager> to your app.');\n      return false;\n    }\n\n    return new Promise((resolve) => {\n      instance.show(\n        {\n          ...config,\n          onConfirm: async () => {\n            await config.onConfirm?.();\n            resolve(true);\n          },\n          onCancel: () => {\n            config.onCancel?.();\n            resolve(false);\n          },\n        },\n        position\n      );\n    });\n  }\n\n  /**\n   * Show a popconfirm at the specified position\n   */\n  show(config: PopconfirmShowConfig, position: PopconfirmPosition): string {\n    const id = this.generateId();\n\n    // Adjust position to keep popconfirm within viewport\n    const adjustedPosition = this.adjustPosition(position);\n\n    const item: PopconfirmItem = {\n      id,\n      config,\n      position: adjustedPosition,\n      loading: false,\n    };\n\n    // Record timestamp to prevent immediate close from same click event\n    this._showTimestamp = Date.now();\n\n    // Only allow one popconfirm at a time\n    this.items = [item];\n\n    console.log('[nr-popconfirm-manager] show() called, items:', this.items);\n    this.requestUpdate();\n\n    return id;\n  }\n\n  /**\n   * Close a specific popconfirm\n   */\n  close(id: string): void {\n    this.items = this.items.filter(item => item.id !== id);\n  }\n\n  /**\n   * Close all popconfirms\n   */\n  closeAll(): void {\n    this.items = [];\n  }\n\n  /**\n   * Handle confirm button click\n   */\n  private async handleConfirm(item: PopconfirmItem, e: Event): Promise<void> {\n    e.stopPropagation();\n\n    const confirmEvent = new CustomEvent('nr-popconfirm-confirm', {\n      bubbles: true,\n      composed: true,\n      detail: { id: item.id, config: item.config },\n    });\n    this.dispatchEvent(confirmEvent);\n\n    // Handle async onConfirm\n    if (item.config.onConfirm) {\n      const result = item.config.onConfirm();\n      if (result && typeof (result as Promise<void>).then === 'function') {\n        // Show loading state\n        item.loading = true;\n        this.requestUpdate();\n\n        try {\n          await result;\n        } catch (error) {\n          console.error('Popconfirm confirmation failed:', error);\n        } finally {\n          item.loading = false;\n        }\n      }\n    }\n\n    this.close(item.id);\n  }\n\n  /**\n   * Handle cancel button click\n   */\n  private handleCancel(item: PopconfirmItem, e: Event): void {\n    e.stopPropagation();\n\n    const cancelEvent = new CustomEvent('nr-popconfirm-cancel', {\n      bubbles: true,\n      composed: true,\n      detail: { id: item.id, config: item.config },\n    });\n    this.dispatchEvent(cancelEvent);\n\n    item.config.onCancel?.();\n    this.close(item.id);\n  }\n\n  /**\n   * Handle clicks outside the popconfirm\n   */\n  private handleOutsideClick(e: Event): void {\n    if (this.items.length === 0) return;\n\n    // Prevent immediate close from the same click event that opened the popconfirm\n    // Allow at least 100ms before responding to outside clicks\n    if (Date.now() - this._showTimestamp < 100) {\n      return;\n    }\n\n    const path = e.composedPath();\n    const popconfirmContainer = this.shadowRoot?.querySelector('.popconfirm-manager__item');\n\n    if (popconfirmContainer && !path.includes(popconfirmContainer)) {\n      // Cancel all open popconfirms\n      this.items.forEach(item => {\n        item.config.onCancel?.();\n      });\n      this.closeAll();\n    }\n  }\n\n  /**\n   * Handle escape key\n   */\n  private handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this.items.length > 0) {\n      this.items.forEach(item => {\n        item.config.onCancel?.();\n      });\n      this.closeAll();\n    }\n  }\n\n  /**\n   * Adjust position to keep popconfirm within viewport\n   */\n  private adjustPosition(position: PopconfirmPosition): PopconfirmPosition {\n    const padding = 16;\n    const estimatedWidth = 280;\n    const estimatedHeight = 120;\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    let x = position.x;\n    let y = position.y;\n\n    // Adjust horizontal position\n    if (x + estimatedWidth > viewportWidth - padding) {\n      x = viewportWidth - estimatedWidth - padding;\n    }\n    if (x < padding) {\n      x = padding;\n    }\n\n    // Adjust vertical position\n    if (y + estimatedHeight > viewportHeight - padding) {\n      y = position.y - estimatedHeight - 8; // Show above cursor\n    }\n    if (y < padding) {\n      y = padding;\n    }\n\n    return { x, y };\n  }\n\n  /**\n   * Generate unique ID\n   */\n  private generateId(): string {\n    return `popconfirm-${crypto.randomUUID()}`;\n  }\n\n  /**\n   * Get icon color based on icon type\n   */\n  private getIconClass(icon?: string): string {\n    const iconColorMap: Record<string, string> = {\n      [PopconfirmIcon.Warning]: 'warning',\n      [PopconfirmIcon.Question]: 'question',\n      [PopconfirmIcon.Info]: 'info',\n      [PopconfirmIcon.Error]: 'error',\n      [PopconfirmIcon.Success]: 'success',\n    };\n\n    return iconColorMap[icon || ''] || 'warning';\n  }\n\n  /**\n   * Render a single popconfirm item\n   */\n  private renderItem(item: PopconfirmItem) {\n    const { config, position } = item;\n    const icon = config.icon || PopconfirmIcon.Warning;\n    const iconClass = config.iconColor ? 'custom' : this.getIconClass(icon);\n    const showCancel = config.showCancel !== false;\n\n    const positionStyles = {\n      left: `${position.x}px`,\n      top: `${position.y}px`,\n    };\n\n    const iconStyles = config.iconColor ? { color: config.iconColor } : {};\n\n    return html`\n      <div\n        class=\"popconfirm-manager__item\"\n        style=${styleMap(positionStyles)}\n        @click=${(e: Event) => e.stopPropagation()}\n      >\n        <div class=\"popconfirm-manager__content\">\n          <div class=\"popconfirm-manager__message\">\n            <div\n              class=\"popconfirm-manager__icon popconfirm-manager__icon--${iconClass}\"\n              style=${styleMap(iconStyles)}\n            >\n              <nr-icon name=${icon}></nr-icon>\n            </div>\n            <div class=\"popconfirm-manager__text\">\n              ${config.title ? html`<nr-label class=\"popconfirm-manager__title\" size=\"medium\">${config.title}</nr-label>` : nothing}\n              ${config.description ? html`<nr-label class=\"popconfirm-manager__description\" size=\"small\" variant=\"secondary\">${config.description}</nr-label>` : nothing}\n            </div>\n          </div>\n          <div class=\"popconfirm-manager__buttons\">\n            ${showCancel\n              ? html`\n                  <nr-button\n                    size=\"small\"\n                    @click=${(e: Event) => this.handleCancel(item, e)}\n                  >\n                    ${config.cancelText || 'Cancel'}\n                  </nr-button>\n                `\n              : nothing}\n            <nr-button\n              size=\"small\"\n              type=${config.okType === 'danger' ? 'danger' : config.okType === 'primary' ? 'primary' : 'default'}\n              ?loading=${item.loading}\n              ?disabled=${item.loading}\n              @click=${(e: Event) => this.handleConfirm(item, e)}\n            >\n              ${config.okText || 'OK'}\n            </nr-button>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  override render() {\n    if (this.items.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <div class=\"popconfirm-manager\">\n        ${this.items.map(item => this.renderItem(item))}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nr-popconfirm-manager': NrPopconfirmManagerElement;\n  }\n}\n"]}

package/popconfirm-manager.style.d.ts

@@ -0,0 +1,2 @@
+export declare const popconfirmManagerStyles: import("lit").CSSResult;
+//# sourceMappingURL=popconfirm-manager.style.d.ts.map

package/popconfirm-manager.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm-manager.style.d.ts","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm-manager.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,yBAsInC,CAAC"}