@nuralyui/popconfirm 0.0.5 → 0.0.6

package/popconfirm-manager.style.js

@@ -0,0 +1,137 @@
+import { css } from 'lit';
+export const popconfirmManagerStyles = css `
+  :host {
+    display: block;
+  }
+
+  .popconfirm-manager {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: var(--nuraly-z-index-popconfirm, 10000);
+  }
+
+  .popconfirm-manager__item {
+    position: fixed;
+    pointer-events: auto;
+    background: var(--nuraly-color-dropdown-background, #ffffff);
+    border: 1px solid var(--nuraly-color-dropdown-border, #e0e0e0);
+    border-radius: var(--nuraly-border-radius-lg, 8px);
+    box-shadow: var(--nuraly-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.15));
+    min-width: 240px;
+    max-width: 320px;
+    animation: popconfirm-manager-fade-in 0.15s ease-out;
+  }
+
+  @keyframes popconfirm-manager-fade-in {
+    from {
+      opacity: 0;
+      transform: scale(0.95) translateY(-4px);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  .popconfirm-manager__content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 12px 16px;
+  }
+
+  .popconfirm-manager__message {
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+  }
+
+  .popconfirm-manager__icon {
+    flex-shrink: 0;
+    font-size: 16px;
+    line-height: 1.5;
+    margin-top: 2px;
+  }
+
+  .popconfirm-manager__icon--warning {
+    color: var(--nuraly-color-warning, #faad14);
+  }
+
+  .popconfirm-manager__icon--question {
+    color: var(--nuraly-color-info, #1890ff);
+  }
+
+  .popconfirm-manager__icon--info {
+    color: var(--nuraly-color-info, #1890ff);
+  }
+
+  .popconfirm-manager__icon--error {
+    color: var(--nuraly-color-error, #ff4d4f);
+  }
+
+  .popconfirm-manager__icon--success {
+    color: var(--nuraly-color-success, #52c41a);
+  }
+
+  .popconfirm-manager__icon--custom {
+    color: inherit;
+  }
+
+  .popconfirm-manager__text {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .popconfirm-manager__title {
+    color: var(--nuraly-color-text, #262626);
+    font-size: var(--nuraly-font-size-base, 14px);
+    font-weight: 600;
+    line-height: 1.5;
+    margin: 0;
+  }
+
+  .popconfirm-manager__description {
+    color: var(--nuraly-color-text-secondary, #666666);
+    font-size: var(--nuraly-font-size-sm, 12px);
+    line-height: 1.5;
+    margin: 0;
+  }
+
+  .popconfirm-manager__buttons {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  /* Arrow pointer towards cursor */
+  .popconfirm-manager__item::before {
+    content: '';
+    position: absolute;
+    left: 16px;
+    top: -6px;
+    width: 12px;
+    height: 12px;
+    background: var(--nuraly-color-dropdown-background, #ffffff);
+    border: 1px solid var(--nuraly-color-dropdown-border, #e0e0e0);
+    border-right: none;
+    border-bottom: none;
+    transform: rotate(45deg);
+  }
+
+  /* RTL Support */
+  :host([dir='rtl']) .popconfirm-manager__message {
+    direction: rtl;
+  }
+
+  :host([dir='rtl']) .popconfirm-manager__buttons {
+    flex-direction: row-reverse;
+  }
+`;
+//# sourceMappingURL=popconfirm-manager.style.js.map

package/popconfirm-manager.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm-manager.style.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm-manager.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIzC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const popconfirmManagerStyles = css`\n  :host {\n    display: block;\n  }\n\n  .popconfirm-manager {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: var(--nuraly-z-index-popconfirm, 10000);\n  }\n\n  .popconfirm-manager__item {\n    position: fixed;\n    pointer-events: auto;\n    background: var(--nuraly-color-dropdown-background, #ffffff);\n    border: 1px solid var(--nuraly-color-dropdown-border, #e0e0e0);\n    border-radius: var(--nuraly-border-radius-lg, 8px);\n    box-shadow: var(--nuraly-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.15));\n    min-width: 240px;\n    max-width: 320px;\n    animation: popconfirm-manager-fade-in 0.15s ease-out;\n  }\n\n  @keyframes popconfirm-manager-fade-in {\n    from {\n      opacity: 0;\n      transform: scale(0.95) translateY(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n    }\n  }\n\n  .popconfirm-manager__content {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px 16px;\n  }\n\n  .popconfirm-manager__message {\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n  }\n\n  .popconfirm-manager__icon {\n    flex-shrink: 0;\n    font-size: 16px;\n    line-height: 1.5;\n    margin-top: 2px;\n  }\n\n  .popconfirm-manager__icon--warning {\n    color: var(--nuraly-color-warning, #faad14);\n  }\n\n  .popconfirm-manager__icon--question {\n    color: var(--nuraly-color-info, #1890ff);\n  }\n\n  .popconfirm-manager__icon--info {\n    color: var(--nuraly-color-info, #1890ff);\n  }\n\n  .popconfirm-manager__icon--error {\n    color: var(--nuraly-color-error, #ff4d4f);\n  }\n\n  .popconfirm-manager__icon--success {\n    color: var(--nuraly-color-success, #52c41a);\n  }\n\n  .popconfirm-manager__icon--custom {\n    color: inherit;\n  }\n\n  .popconfirm-manager__text {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .popconfirm-manager__title {\n    color: var(--nuraly-color-text, #262626);\n    font-size: var(--nuraly-font-size-base, 14px);\n    font-weight: 600;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .popconfirm-manager__description {\n    color: var(--nuraly-color-text-secondary, #666666);\n    font-size: var(--nuraly-font-size-sm, 12px);\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .popconfirm-manager__buttons {\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: center;\n  }\n\n  /* Arrow pointer towards cursor */\n  .popconfirm-manager__item::before {\n    content: '';\n    position: absolute;\n    left: 16px;\n    top: -6px;\n    width: 12px;\n    height: 12px;\n    background: var(--nuraly-color-dropdown-background, #ffffff);\n    border: 1px solid var(--nuraly-color-dropdown-border, #e0e0e0);\n    border-right: none;\n    border-bottom: none;\n    transform: rotate(45deg);\n  }\n\n  /* RTL Support */\n  :host([dir='rtl']) .popconfirm-manager__message {\n    direction: rtl;\n  }\n\n  :host([dir='rtl']) .popconfirm-manager__buttons {\n    flex-direction: row-reverse;\n  }\n`;\n"]}

package/popconfirm.component.d.ts

@@ -117,10 +117,33 @@ export declare class NrPopconfirmElement extends NrPopconfirmElement_base {
      * Loading state for OK button (for async operations)
      */
     private okLoading;
+    /**
+     * Bound event handlers for cleanup
+     */
+    private _boundHandleOutsideClick;
+    private _boundHandleKeydown;
     /**
      * Reference to the dropdown element
      */
     private get dropdownElement();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Handle trigger click to toggle popconfirm
+     */
+    private handleTriggerClick;
+    /**
+     * Open the popconfirm
+     */
+    private openPopconfirm;
+    /**
+     * Handle clicks outside the popconfirm to close it
+     */
+    private handleOutsideClick;
+    /**
+     * Handle escape key to close popconfirm
+     */
+    private handleKeydown;
     /**
      * Handle confirm button click
      */
@@ -133,10 +156,6 @@ export declare class NrPopconfirmElement extends NrPopconfirmElement_base {
      * Close the popconfirm
      */
     private closePopconfirm;
-    /**
-     * Handle dropdown open/close events
-     */
-    private handleOpenChange;
     /**
      * Get icon color based on icon type
      */
@@ -149,7 +168,7 @@ export declare class NrPopconfirmElement extends NrPopconfirmElement_base {
      * Render the popconfirm content
      */
     private renderContent;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/popconfirm.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.component.d.ts","sourceRoot":"","sources":["../../../src/components/popconfirm/popconfirm.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,EACH,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACjB,MAAM,uBAAuB,CAAC;;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,mBAAoB,SAAQ,wBAA6B;IACpE,OAAgB,MAAM,0BAAU;IAEvB,kBAAkB,WAA8B;IAEzD;;OAEG;IACkC,KAAK,SAAM;IAEhD;;OAEG;IACyB,WAAW,SAAM;IAE7C;;OAEG;IAC+C,MAAM,SAAQ;IAEhE;;OAEG;IACmD,UAAU,SAAY;IAE5E;;OAEG;IAC+C,MAAM,EAAE,oBAAoB,CAC/C;IAE/B;;OAEG;IACoD,UAAU,UAAQ;IAEzE;;OAEG;IACyB,IAAI,iBAA0B;IAE1D;;OAEG;IACkD,SAAS,SAAM;IAEpE;;OAEG;IACyB,SAAS,EAAE,mBAAmB,CAA2B;IAErF;;OAEG;IACyB,OAAO,EAAE,iBAAiB,CAA2B;IAEjF;;OAEG;IAC0B,QAAQ,UAAS;IAE9C;;OAEG;IAC0B,KAAK,UAAQ;IAE1C;;OAEG;IACyC,IAAI,UAAS;IAEzD;;OAEG;IACM,OAAO,CAAC,SAAS,CAAS;IAEnC;;OAEG;IACH,OAAO,KAAK,eAAe,GAE1B;IAED;;OAEG;IACH,OAAO,CAAC,aAAa,CAiCnB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY,CAYlB;IAEF;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAStB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY;IASpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,aAAa;IA+CZ,MAAM;CAehB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,mBAAmB,CAAC;KACtC;CACF"}
+{"version":3,"file":"popconfirm.component.d.ts","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACf,MAAM,uBAAuB,CAAC;;AAG/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,mBAAoB,SAAQ,wBAA6B;IACpE,OAAgB,MAAM,0BAAU;IAEvB,kBAAkB,WAAuD;IAElF;;OAEG;IACkC,KAAK,SAAM;IAEhD;;OAEG;IACyB,WAAW,SAAM;IAE7C;;OAEG;IAC+C,MAAM,SAAQ;IAEhE;;OAEG;IACmD,UAAU,SAAY;IAE5E;;OAEG;IAC+C,MAAM,EAAE,oBAAoB,CAC/C;IAE/B;;OAEG;IACoD,UAAU,UAAQ;IAEzE;;OAEG;IACyB,IAAI,iBAA0B;IAE1D;;OAEG;IACkD,SAAS,SAAM;IAEpE;;OAEG;IACyB,SAAS,EAAE,mBAAmB,CAA2B;IAErF;;OAEG;IACyB,OAAO,EAAE,iBAAiB,CAA2B;IAEjF;;OAEG;IAC0B,QAAQ,UAAS;IAE9C;;OAEG;IAC0B,KAAK,UAAQ;IAE1C;;OAEG;IACyC,IAAI,UAAS;IAEzD;;OAEG;IACM,OAAO,CAAC,SAAS,CAAS;IAEnC;;OAEG;IACH,OAAO,CAAC,wBAAwB,CAAqC;IACrE,OAAO,CAAC,mBAAmB,CAA6C;IAExE;;OAEG;IACH,OAAO,KAAK,eAAe,GAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAUrC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CASxB;IAEF;;OAEG;IACH,OAAO,CAAC,cAAc;IActB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAQ1B;;OAEG;IACH,OAAO,CAAC,aAAa;IAMrB;;OAEG;IACH,OAAO,CAAC,aAAa,CAiCnB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY,CAYlB;IAEF;;OAEG;IACH,OAAO,CAAC,eAAe;IAcvB;;OAEG;IACH,OAAO,CAAC,YAAY;IASpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,aAAa;IA0CZ,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,mBAAmB,CAAC;KACtC;CACF"}

package/popconfirm.component.js

@@ -20,7 +20,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './popconfirm.style.js';
 import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
 /**
@@ -78,7 +77,7 @@ import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
 let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(LitElement) {
     constructor() {
         super(...arguments);
-        this.requiredComponents = ['nr-dropdown', 'nr-icon'];
+        this.requiredComponents = ['nr-dropdown', 'nr-icon', 'nr-button', 'nr-label'];
         /**
          * Title of the confirmation box
          */
@@ -135,6 +134,25 @@ let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(Li
          * Loading state for OK button (for async operations)
          */
         this.okLoading = false;
+        /**
+         * Bound event handlers for cleanup
+         */
+        this._boundHandleOutsideClick = null;
+        this._boundHandleKeydown = null;
+        /**
+         * Handle trigger click to toggle popconfirm
+         */
+        this.handleTriggerClick = (e) => {
+            if (this.disabled)
+                return;
+            e.stopPropagation();
+            if (this.open) {
+                this.closePopconfirm();
+            }
+            else {
+                this.openPopconfirm();
+            }
+        };
         /**
          * Handle confirm button click
          */
@@ -183,17 +201,6 @@ let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(Li
             }));
             this.closePopconfirm();
         };
-        /**
-         * Handle dropdown open/close events
-         */
-        this.handleOpenChange = (e) => {
-            this.open = e.detail.open;
-            this.dispatchEvent(new CustomEvent('nr-open-change', {
-                bubbles: true,
-                composed: true,
-                detail: { open: this.open },
-            }));
-        };
     }
     /**
      * Reference to the dropdown element
@@ -202,14 +209,68 @@ let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(Li
         var _a;
         return (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('nr-dropdown');
     }
+    connectedCallback() {
+        super.connectedCallback();
+        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();
+        if (this._boundHandleOutsideClick) {
+            document.removeEventListener('click', this._boundHandleOutsideClick, true);
+        }
+        if (this._boundHandleKeydown) {
+            document.removeEventListener('keydown', this._boundHandleKeydown);
+        }
+    }
+    /**
+     * Open the popconfirm
+     */
+    openPopconfirm() {
+        this.open = true;
+        if (this.dropdownElement) {
+            this.dropdownElement.show();
+        }
+        this.dispatchEvent(new CustomEvent('nr-open-change', {
+            bubbles: true,
+            composed: true,
+            detail: { open: true },
+        }));
+    }
+    /**
+     * Handle clicks outside the popconfirm to close it
+     */
+    handleOutsideClick(e) {
+        if (!this.open)
+            return;
+        const path = e.composedPath();
+        if (!path.includes(this)) {
+            this.closePopconfirm();
+        }
+    }
+    /**
+     * Handle escape key to close popconfirm
+     */
+    handleKeydown(e) {
+        if (e.key === 'Escape' && this.open) {
+            this.closePopconfirm();
+        }
+    }
     /**
      * Close the popconfirm
      */
     closePopconfirm() {
         this.open = false;
         if (this.dropdownElement) {
-            this.dropdownElement.open = false;
+            this.dropdownElement.hide();
         }
+        this.dispatchEvent(new CustomEvent('nr-open-change', {
+            bubbles: true,
+            composed: true,
+            detail: { open: false },
+        }));
     }
     /**
      * Get icon color based on icon type
@@ -243,7 +304,6 @@ let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(Li
     renderContent() {
         const iconClass = this.getIconClass();
         const iconColor = this.getIconColor();
-        const okButtonClass = `ok-${this.okType}`;
         return html `
       <div class="popconfirm-content">
         <div class="popconfirm-message">
@@ -253,34 +313,30 @@ let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(Li
             <nr-icon name=${this.icon}></nr-icon>
           </div>
           <div class="popconfirm-text">
-            ${this.title ? html `<div class="popconfirm-title">${this.title}</div>` : ''}
+            ${this.title ? html `<nr-label class="popconfirm-title" size="medium">${this.title}</nr-label>` : ''}
             ${this.description
-            ? html `<div class="popconfirm-description">${this.description}</div>`
+            ? html `<nr-label class="popconfirm-description" size="small" variant="secondary">${this.description}</nr-label>`
             : ''}
           </div>
         </div>
         <div class="popconfirm-buttons">
           ${this.showCancel
             ? html `
-                <button
-                  class="popconfirm-button popconfirm-button--cancel"
-                  @click=${this.handleCancel}
-                  type="button">
+                <nr-button
+                  size="small"
+                  @click=${this.handleCancel}>
                   ${this.cancelText}
-                </button>
+                </nr-button>
               `
             : ''}
-          <button
-            class=${classMap({
-            'popconfirm-button': true,
-            [`popconfirm-button--${okButtonClass}`]: true,
-            'popconfirm-button--loading': this.okLoading,
-        })}
-            @click=${this.handleConfirm}
+          <nr-button
+            size="small"
+            type=${this.okType === 'danger' ? 'danger' : this.okType === 'primary' ? 'primary' : 'default'}
+            ?loading=${this.okLoading}
             ?disabled=${this.okLoading}
-            type="button">
+            @click=${this.handleConfirm}>
             ${this.okText}
-          </button>
+          </nr-button>
         </div>
       </div>
     `;
@@ -290,12 +346,14 @@ let NrPopconfirmElement = class NrPopconfirmElement extends NuralyUIBaseMixin(Li
       <nr-dropdown
         .open=${this.open}
         .placement=${this.placement}
-        .trigger=${this.trigger}
+        trigger="manual"
         ?disabled=${this.disabled}
         ?arrow=${this.arrow}
-        @nr-dropdown-open=${this.handleOpenChange}
-        @nr-dropdown-close=${this.handleOpenChange}>
-        <slot name="trigger" slot="trigger"></slot>
+        .closeOnOutsideClick=${false}
+        .closeOnEscape=${false}>
+        <div slot="trigger" @click=${this.handleTriggerClick}>
+          <slot name="trigger"></slot>
+        </div>
         <div slot="content">${this.renderContent()}</div>
       </nr-dropdown>
     `;

package/popconfirm.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.component.js","sourceRoot":"","sources":["../../../src/components/popconfirm/popconfirm.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 } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './popconfirm.style.js';\nimport { NuralyUIBaseMixin } from '@nuralyui/common/mixins';\nimport {\n    PopconfirmPlacement,\n    PopconfirmTrigger,\n    PopconfirmButtonType,\n    PopconfirmIcon,\n} from './popconfirm.types.js';\n\n/**\n * # Popconfirm Component\n *\n * A pop-up confirmation dialog triggered by user interaction. It provides a simple and\n * compact way to ask for user confirmation before performing an action.\n *\n * ## Features\n * - Customizable title and description\n * - Configurable OK and Cancel buttons\n * - Multiple placement options (12 positions)\n * - Custom icons with predefined options\n * - Async confirmation support\n * - Multiple trigger modes (click, hover, focus)\n * - Theme-aware styling\n * - Keyboard accessibility\n *\n * ## Usage\n * ```html\n * <!-- Basic popconfirm -->\n * <nr-popconfirm\n *   title=\"Are you sure delete this task?\"\n *   ok-text=\"Yes\"\n *   cancel-text=\"No\">\n *   <button slot=\"trigger\">Delete</button>\n * </nr-popconfirm>\n *\n * <!-- With description -->\n * <nr-popconfirm\n *   title=\"Delete the task\"\n *   description=\"Are you sure you want to delete this task? This action cannot be undone.\"\n *   ok-type=\"danger\">\n *   <button slot=\"trigger\">Delete</button>\n * </nr-popconfirm>\n *\n * <!-- Custom icon -->\n * <nr-popconfirm\n *   title=\"Change status?\"\n *   icon=\"question-circle\"\n *   icon-color=\"#1890ff\">\n *   <button slot=\"trigger\">Change Status</button>\n * </nr-popconfirm>\n * ```\n *\n * @element nr-popconfirm\n * @fires nr-confirm - Fired when user confirms the action\n * @fires nr-cancel - Fired when user cancels the action\n * @fires nr-open-change - Fired when popconfirm visibility changes\n *\n * @slot trigger - Element that triggers the popconfirm\n *\n * @cssproperty --nuraly-popconfirm-icon-color - Custom icon color\n */\n@customElement('nr-popconfirm')\nexport class NrPopconfirmElement extends NuralyUIBaseMixin(LitElement) {\n  static override styles = styles;\n\n  override requiredComponents = ['nr-dropdown', 'nr-icon'];\n\n  /**\n   * Title of the confirmation box\n   */\n  @property({ type: String }) override title = '';\n\n  /**\n   * Description of the confirmation box (optional)\n   */\n  @property({ type: String }) description = '';\n\n  /**\n   * Text of the OK button\n   */\n  @property({ type: String, attribute: 'ok-text' }) okText = 'OK';\n\n  /**\n   * Text of the Cancel button\n   */\n  @property({ type: String, attribute: 'cancel-text' }) cancelText = 'Cancel';\n\n  /**\n   * Button type of the OK button\n   */\n  @property({ type: String, attribute: 'ok-type' }) okType: PopconfirmButtonType =\n    PopconfirmButtonType.Primary;\n\n  /**\n   * Show cancel button\n   */\n  @property({ type: Boolean, attribute: 'show-cancel' }) showCancel = true;\n\n  /**\n   * Icon name for the confirmation box\n   */\n  @property({ type: String }) icon = PopconfirmIcon.Warning;\n\n  /**\n   * Custom icon color\n   */\n  @property({ type: String, attribute: 'icon-color' }) iconColor = '';\n\n  /**\n   * Placement of the popconfirm\n   */\n  @property({ type: String }) placement: PopconfirmPlacement = PopconfirmPlacement.Top;\n\n  /**\n   * Trigger mode\n   */\n  @property({ type: String }) trigger: PopconfirmTrigger = PopconfirmTrigger.Click;\n\n  /**\n   * Whether the popconfirm is disabled\n   */\n  @property({ type: Boolean }) disabled = false;\n\n  /**\n   * Whether to show arrow\n   */\n  @property({ type: Boolean }) arrow = true;\n\n  /**\n   * Whether the popconfirm is open\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * Loading state for OK button (for async operations)\n   */\n  @state() private okLoading = false;\n\n  /**\n   * Reference to the dropdown element\n   */\n  private get dropdownElement(): any {\n    return this.shadowRoot?.querySelector('nr-dropdown');\n  }\n\n  /**\n   * Handle confirm button click\n   */\n  private handleConfirm = async (e: Event) => {\n    e.stopPropagation();\n\n    const confirmEvent = new CustomEvent('nr-confirm', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail: { originalEvent: e },\n    });\n\n    const dispatched = this.dispatchEvent(confirmEvent);\n\n    // If event is not prevented, close the popconfirm\n    if (dispatched && !confirmEvent.defaultPrevented) {\n      // Check if the event handler returns a promise\n      const handler = (this as any).onConfirm;\n      if (handler && typeof handler === 'function') {\n        const result = handler(e);\n        if (result && typeof result.then === 'function') {\n          this.okLoading = true;\n          try {\n            await result;\n            this.closePopconfirm();\n          } catch (error) {\n            console.error('Confirmation failed:', error);\n          } finally {\n            this.okLoading = false;\n          }\n          return;\n        }\n      }\n      this.closePopconfirm();\n    }\n  };\n\n  /**\n   * Handle cancel button click\n   */\n  private handleCancel = (e: Event) => {\n    e.stopPropagation();\n\n    this.dispatchEvent(\n      new CustomEvent('nr-cancel', {\n        bubbles: true,\n        composed: true,\n        detail: { originalEvent: e },\n      })\n    );\n\n    this.closePopconfirm();\n  };\n\n  /**\n   * Close the popconfirm\n   */\n  private closePopconfirm() {\n    this.open = false;\n    if (this.dropdownElement) {\n      this.dropdownElement.open = false;\n    }\n  }\n\n  /**\n   * Handle dropdown open/close events\n   */\n  private handleOpenChange = (e: CustomEvent) => {\n    this.open = e.detail.open;\n    this.dispatchEvent(\n      new CustomEvent('nr-open-change', {\n        bubbles: true,\n        composed: true,\n        detail: { open: this.open },\n      })\n    );\n  };\n\n  /**\n   * Get icon color based on icon type\n   */\n  private getIconColor(): string {\n    if (this.iconColor) {\n      return this.iconColor;\n    }\n\n    // Return empty string to use CSS class colors\n    return '';\n  }\n\n  /**\n   * Get icon class based on icon type\n   */\n  private getIconClass(): 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    if (this.iconColor) {\n      return 'custom';\n    }\n\n    return iconColorMap[this.icon] || 'warning';\n  }\n\n  /**\n   * Render the popconfirm content\n   */\n  private renderContent() {\n    const iconClass = this.getIconClass();\n    const iconColor = this.getIconColor();\n    const okButtonClass = `ok-${this.okType}`;\n\n    return html`\n      <div class=\"popconfirm-content\">\n        <div class=\"popconfirm-message\">\n          <div\n            class=\"popconfirm-icon popconfirm-icon--${iconClass}\"\n            style=${iconColor ? `color: ${iconColor}` : ''}>\n            <nr-icon name=${this.icon}></nr-icon>\n          </div>\n          <div class=\"popconfirm-text\">\n            ${this.title ? html`<div class=\"popconfirm-title\">${this.title}</div>` : ''}\n            ${this.description\n              ? html`<div class=\"popconfirm-description\">${this.description}</div>`\n              : ''}\n          </div>\n        </div>\n        <div class=\"popconfirm-buttons\">\n          ${this.showCancel\n            ? html`\n                <button\n                  class=\"popconfirm-button popconfirm-button--cancel\"\n                  @click=${this.handleCancel}\n                  type=\"button\">\n                  ${this.cancelText}\n                </button>\n              `\n            : ''}\n          <button\n            class=${classMap({\n              'popconfirm-button': true,\n              [`popconfirm-button--${okButtonClass}`]: true,\n              'popconfirm-button--loading': this.okLoading,\n            })}\n            @click=${this.handleConfirm}\n            ?disabled=${this.okLoading}\n            type=\"button\">\n            ${this.okText}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <nr-dropdown\n        .open=${this.open}\n        .placement=${this.placement as any}\n        .trigger=${this.trigger as any}\n        ?disabled=${this.disabled}\n        ?arrow=${this.arrow}\n        @nr-dropdown-open=${this.handleOpenChange}\n        @nr-dropdown-close=${this.handleOpenChange}>\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n        <div slot=\"content\">${this.renderContent()}</div>\n      </nr-dropdown>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nr-popconfirm': NrPopconfirmElement;\n  }\n}\n"]}
+{"version":3,"file":"popconfirm.component.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm.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 } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styles } from './popconfirm.style.js';\nimport { NuralyUIBaseMixin } from '@nuralyui/common/mixins';\nimport {\n  PopconfirmPlacement,\n  PopconfirmTrigger,\n  PopconfirmButtonType,\n  PopconfirmIcon,\n} from './popconfirm.types.js';\n\n\n/**\n * # Popconfirm Component\n *\n * A pop-up confirmation dialog triggered by user interaction. It provides a simple and\n * compact way to ask for user confirmation before performing an action.\n *\n * ## Features\n * - Customizable title and description\n * - Configurable OK and Cancel buttons\n * - Multiple placement options (12 positions)\n * - Custom icons with predefined options\n * - Async confirmation support\n * - Multiple trigger modes (click, hover, focus)\n * - Theme-aware styling\n * - Keyboard accessibility\n *\n * ## Usage\n * ```html\n * <!-- Basic popconfirm -->\n * <nr-popconfirm\n *   title=\"Are you sure delete this task?\"\n *   ok-text=\"Yes\"\n *   cancel-text=\"No\">\n *   <button slot=\"trigger\">Delete</button>\n * </nr-popconfirm>\n *\n * <!-- With description -->\n * <nr-popconfirm\n *   title=\"Delete the task\"\n *   description=\"Are you sure you want to delete this task? This action cannot be undone.\"\n *   ok-type=\"danger\">\n *   <button slot=\"trigger\">Delete</button>\n * </nr-popconfirm>\n *\n * <!-- Custom icon -->\n * <nr-popconfirm\n *   title=\"Change status?\"\n *   icon=\"question-circle\"\n *   icon-color=\"#1890ff\">\n *   <button slot=\"trigger\">Change Status</button>\n * </nr-popconfirm>\n * ```\n *\n * @element nr-popconfirm\n * @fires nr-confirm - Fired when user confirms the action\n * @fires nr-cancel - Fired when user cancels the action\n * @fires nr-open-change - Fired when popconfirm visibility changes\n *\n * @slot trigger - Element that triggers the popconfirm\n *\n * @cssproperty --nuraly-popconfirm-icon-color - Custom icon color\n */\n@customElement('nr-popconfirm')\nexport class NrPopconfirmElement extends NuralyUIBaseMixin(LitElement) {\n  static override styles = styles;\n\n  override requiredComponents = ['nr-dropdown', 'nr-icon', 'nr-button', 'nr-label'];\n\n  /**\n   * Title of the confirmation box\n   */\n  @property({ type: String }) override title = '';\n\n  /**\n   * Description of the confirmation box (optional)\n   */\n  @property({ type: String }) description = '';\n\n  /**\n   * Text of the OK button\n   */\n  @property({ type: String, attribute: 'ok-text' }) okText = 'OK';\n\n  /**\n   * Text of the Cancel button\n   */\n  @property({ type: String, attribute: 'cancel-text' }) cancelText = 'Cancel';\n\n  /**\n   * Button type of the OK button\n   */\n  @property({ type: String, attribute: 'ok-type' }) okType: PopconfirmButtonType =\n    PopconfirmButtonType.Primary;\n\n  /**\n   * Show cancel button\n   */\n  @property({ type: Boolean, attribute: 'show-cancel' }) showCancel = true;\n\n  /**\n   * Icon name for the confirmation box\n   */\n  @property({ type: String }) icon = PopconfirmIcon.Warning;\n\n  /**\n   * Custom icon color\n   */\n  @property({ type: String, attribute: 'icon-color' }) iconColor = '';\n\n  /**\n   * Placement of the popconfirm\n   */\n  @property({ type: String }) placement: PopconfirmPlacement = PopconfirmPlacement.Top;\n\n  /**\n   * Trigger mode\n   */\n  @property({ type: String }) trigger: PopconfirmTrigger = PopconfirmTrigger.Click;\n\n  /**\n   * Whether the popconfirm is disabled\n   */\n  @property({ type: Boolean }) disabled = false;\n\n  /**\n   * Whether to show arrow\n   */\n  @property({ type: Boolean }) arrow = true;\n\n  /**\n   * Whether the popconfirm is open\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * Loading state for OK button (for async operations)\n   */\n  @state() private okLoading = false;\n\n  /**\n   * Bound event handlers for cleanup\n   */\n  private _boundHandleOutsideClick: ((e: Event) => void) | null = null;\n  private _boundHandleKeydown: ((e: KeyboardEvent) => void) | null = null;\n\n  /**\n   * Reference to the dropdown element\n   */\n  private get dropdownElement(): any {\n    return this.shadowRoot?.querySelector('nr-dropdown');\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\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    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   * Handle trigger click to toggle popconfirm\n   */\n  private handleTriggerClick = (e: Event): void => {\n    if (this.disabled) return;\n    e.stopPropagation();\n\n    if (this.open) {\n      this.closePopconfirm();\n    } else {\n      this.openPopconfirm();\n    }\n  };\n\n  /**\n   * Open the popconfirm\n   */\n  private openPopconfirm(): void {\n    this.open = true;\n    if (this.dropdownElement) {\n      this.dropdownElement.show();\n    }\n    this.dispatchEvent(\n      new CustomEvent('nr-open-change', {\n        bubbles: true,\n        composed: true,\n        detail: { open: true },\n      })\n    );\n  }\n\n  /**\n   * Handle clicks outside the popconfirm to close it\n   */\n  private handleOutsideClick(e: Event): void {\n    if (!this.open) return;\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this.closePopconfirm();\n    }\n  }\n\n  /**\n   * Handle escape key to close popconfirm\n   */\n  private handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape' && this.open) {\n      this.closePopconfirm();\n    }\n  }\n\n  /**\n   * Handle confirm button click\n   */\n  private handleConfirm = async (e: Event) => {\n    e.stopPropagation();\n\n    const confirmEvent = new CustomEvent('nr-confirm', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail: { originalEvent: e },\n    });\n\n    const dispatched = this.dispatchEvent(confirmEvent);\n\n    // If event is not prevented, close the popconfirm\n    if (dispatched && !confirmEvent.defaultPrevented) {\n      // Check if the event handler returns a promise\n      const handler = (this as any).onConfirm;\n      if (handler && typeof handler === 'function') {\n        const result = handler(e);\n        if (result && typeof result.then === 'function') {\n          this.okLoading = true;\n          try {\n            await result;\n            this.closePopconfirm();\n          } catch (error) {\n            console.error('Confirmation failed:', error);\n          } finally {\n            this.okLoading = false;\n          }\n          return;\n        }\n      }\n      this.closePopconfirm();\n    }\n  };\n\n  /**\n   * Handle cancel button click\n   */\n  private handleCancel = (e: Event) => {\n    e.stopPropagation();\n\n    this.dispatchEvent(\n      new CustomEvent('nr-cancel', {\n        bubbles: true,\n        composed: true,\n        detail: { originalEvent: e },\n      })\n    );\n\n    this.closePopconfirm();\n  };\n\n  /**\n   * Close the popconfirm\n   */\n  private closePopconfirm() {\n    this.open = false;\n    if (this.dropdownElement) {\n      this.dropdownElement.hide();\n    }\n    this.dispatchEvent(\n      new CustomEvent('nr-open-change', {\n        bubbles: true,\n        composed: true,\n        detail: { open: false },\n      })\n    );\n  }\n\n  /**\n   * Get icon color based on icon type\n   */\n  private getIconColor(): string {\n    if (this.iconColor) {\n      return this.iconColor;\n    }\n\n    // Return empty string to use CSS class colors\n    return '';\n  }\n\n  /**\n   * Get icon class based on icon type\n   */\n  private getIconClass(): 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    if (this.iconColor) {\n      return 'custom';\n    }\n\n    return iconColorMap[this.icon] || 'warning';\n  }\n\n  /**\n   * Render the popconfirm content\n   */\n  private renderContent() {\n    const iconClass = this.getIconClass();\n    const iconColor = this.getIconColor();\n\n    return html`\n      <div class=\"popconfirm-content\">\n        <div class=\"popconfirm-message\">\n          <div\n            class=\"popconfirm-icon popconfirm-icon--${iconClass}\"\n            style=${iconColor ? `color: ${iconColor}` : ''}>\n            <nr-icon name=${this.icon}></nr-icon>\n          </div>\n          <div class=\"popconfirm-text\">\n            ${this.title ? html`<nr-label class=\"popconfirm-title\" size=\"medium\">${this.title}</nr-label>` : ''}\n            ${this.description\n              ? html`<nr-label class=\"popconfirm-description\" size=\"small\" variant=\"secondary\">${this.description}</nr-label>`\n              : ''}\n          </div>\n        </div>\n        <div class=\"popconfirm-buttons\">\n          ${this.showCancel\n            ? html`\n                <nr-button\n                  size=\"small\"\n                  @click=${this.handleCancel}>\n                  ${this.cancelText}\n                </nr-button>\n              `\n            : ''}\n          <nr-button\n            size=\"small\"\n            type=${this.okType === 'danger' ? 'danger' : this.okType === 'primary' ? 'primary' : 'default'}\n            ?loading=${this.okLoading}\n            ?disabled=${this.okLoading}\n            @click=${this.handleConfirm}>\n            ${this.okText}\n          </nr-button>\n        </div>\n      </div>\n    `;\n  }\n\n  override render() {\n    return html`\n      <nr-dropdown\n        .open=${this.open}\n        .placement=${this.placement as any}\n        trigger=\"manual\"\n        ?disabled=${this.disabled}\n        ?arrow=${this.arrow}\n        .closeOnOutsideClick=${false}\n        .closeOnEscape=${false}>\n        <div slot=\"trigger\" @click=${this.handleTriggerClick}>\n          <slot name=\"trigger\"></slot>\n        </div>\n        <div slot=\"content\">${this.renderContent()}</div>\n      </nr-dropdown>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nr-popconfirm': NrPopconfirmElement;\n  }\n}\n"]}

package/popconfirm.style.d.ts.map

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

package/popconfirm.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.style.js","sourceRoot":"","sources":["../../../src/components/popconfirm/popconfirm.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n\n  .popconfirm-content {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px 16px;\n    min-width: 200px;\n    max-width: 400px;\n  }\n\n  .popconfirm-message {\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n  }\n\n  .popconfirm-icon {\n    flex-shrink: 0;\n    font-size: 16px;\n    line-height: 1.5;\n    margin-top: 2px;\n  }\n\n  .popconfirm-icon--warning {\n    color: var(--nuraly-color-warning);\n  }\n\n  .popconfirm-icon--question {\n    color: var(--nuraly-color-info);\n  }\n\n  .popconfirm-icon--info {\n    color: var(--nuraly-color-info);\n  }\n\n  .popconfirm-icon--error {\n    color: var(--nuraly-color-error);\n  }\n\n  .popconfirm-icon--success {\n    color: var(--nuraly-color-success);\n  }\n\n  .popconfirm-icon--custom {\n    color: var(--nuraly-popconfirm-icon-color, var(--nuraly-color-text));\n  }\n\n  .popconfirm-text {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .popconfirm-title {\n    color: var(--nuraly-color-text);\n    font-size: var(--nuraly-font-size-base);\n    font-weight: 600;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .popconfirm-description {\n    color: var(--nuraly-color-text-secondary);\n    font-size: var(--nuraly-font-size-sm);\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .popconfirm-buttons {\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: center;\n  }\n\n  .popconfirm-button {\n    padding: 4px 15px;\n    font-size: var(--nuraly-font-size-sm);\n    border-radius: var(--nuraly-border-radius);\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-weight: 400;\n    line-height: 1.5;\n    white-space: nowrap;\n    user-select: none;\n  }\n\n  .popconfirm-button:focus-visible {\n    outline: 2px solid var(--nuraly-color-primary);\n    outline-offset: 2px;\n  }\n\n  .popconfirm-button--cancel {\n    background: var(--nuraly-button-default-background);\n    color: var(--nuraly-button-default-text-color);\n    border-color: var(--nuraly-button-default-border-color);\n  }\n\n  .popconfirm-button--cancel:hover:not(:disabled) {\n    background: var(--nuraly-button-default-hover-background);\n    color: var(--nuraly-button-default-hover-text-color);\n    border-color: var(--nuraly-button-default-hover-border-color);\n  }\n\n  .popconfirm-button--ok-primary {\n    background: var(--nuraly-button-primary-background);\n    color: var(--nuraly-button-primary-text-color);\n    border-color: var(--nuraly-button-primary-border-color);\n  }\n\n  .popconfirm-button--ok-primary:hover:not(:disabled) {\n    background: var(--nuraly-button-primary-hover-background);\n    color: var(--nuraly-button-primary-hover-text-color);\n    border-color: var(--nuraly-button-primary-hover-border-color);\n  }\n\n  .popconfirm-button--ok-danger {\n    background: var(--nuraly-button-danger-background);\n    color: var(--nuraly-button-danger-text-color);\n    border-color: var(--nuraly-button-danger-border-color);\n  }\n\n  .popconfirm-button--ok-danger:hover:not(:disabled) {\n    background: var(--nuraly-button-danger-hover-background);\n    color: var(--nuraly-button-danger-hover-text-color);\n    border-color: var(--nuraly-button-danger-hover-border-color);\n  }\n\n  .popconfirm-button--ok-secondary {\n    background: var(--nuraly-button-secondary-background);\n    color: var(--nuraly-button-secondary-text-color);\n    border-color: var(--nuraly-button-secondary-border-color);\n  }\n\n  .popconfirm-button--ok-secondary:hover:not(:disabled) {\n    background: var(--nuraly-button-secondary-hover-background);\n    color: var(--nuraly-button-secondary-hover-text-color);\n    border-color: var(--nuraly-button-secondary-hover-border-color);\n  }\n\n  .popconfirm-button--ok-default {\n    background: var(--nuraly-button-default-background);\n    color: var(--nuraly-button-default-text-color);\n    border-color: var(--nuraly-button-default-border-color);\n  }\n\n  .popconfirm-button--ok-default:hover:not(:disabled) {\n    background: var(--nuraly-button-default-hover-background);\n    color: var(--nuraly-button-default-hover-text-color);\n    border-color: var(--nuraly-button-default-hover-border-color);\n  }\n\n  .popconfirm-button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .popconfirm-button--loading {\n    position: relative;\n    pointer-events: none;\n  }\n\n  .popconfirm-button--loading::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 14px;\n    height: 14px;\n    margin-left: -7px;\n    margin-top: -7px;\n    border: 2px solid currentColor;\n    border-right-color: transparent;\n    border-radius: 50%;\n    animation: popconfirm-spin 0.6s linear infinite;\n  }\n\n  .popconfirm-button--loading > * {\n    visibility: hidden;\n  }\n\n  @keyframes popconfirm-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  /* RTL Support */\n  :host([dir='rtl']) .popconfirm-message {\n    direction: rtl;\n  }\n\n  :host([dir='rtl']) .popconfirm-buttons {\n    flex-direction: row-reverse;\n  }\n`;\n"]}
+{"version":3,"file":"popconfirm.style.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n\n  .popconfirm-content {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px 16px;\n    min-width: 200px;\n    max-width: 400px;\n  }\n\n  .popconfirm-message {\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n  }\n\n  .popconfirm-icon {\n    flex-shrink: 0;\n    font-size: 16px;\n    line-height: 1.5;\n    margin-top: 2px;\n  }\n\n  .popconfirm-icon--warning {\n    color: var(--nuraly-color-warning);\n  }\n\n  .popconfirm-icon--question {\n    color: var(--nuraly-color-info);\n  }\n\n  .popconfirm-icon--info {\n    color: var(--nuraly-color-info);\n  }\n\n  .popconfirm-icon--error {\n    color: var(--nuraly-color-error);\n  }\n\n  .popconfirm-icon--success {\n    color: var(--nuraly-color-success);\n  }\n\n  .popconfirm-icon--custom {\n    color: var(--nuraly-popconfirm-icon-color, var(--nuraly-color-text));\n  }\n\n  .popconfirm-text {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .popconfirm-title {\n    color: var(--nuraly-color-text);\n    font-size: var(--nuraly-font-size-base);\n    font-weight: 600;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .popconfirm-description {\n    color: var(--nuraly-color-text-secondary);\n    font-size: var(--nuraly-font-size-sm);\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  .popconfirm-buttons {\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: center;\n  }\n\n  .popconfirm-button {\n    padding: 4px 15px;\n    font-size: var(--nuraly-font-size-sm);\n    border-radius: var(--nuraly-border-radius);\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-weight: 400;\n    line-height: 1.5;\n    white-space: nowrap;\n    user-select: none;\n  }\n\n  .popconfirm-button:focus-visible {\n    outline: 2px solid var(--nuraly-color-primary);\n    outline-offset: 2px;\n  }\n\n  .popconfirm-button--cancel {\n    background: var(--nuraly-button-default-background);\n    color: var(--nuraly-button-default-text-color);\n    border-color: var(--nuraly-button-default-border-color);\n  }\n\n  .popconfirm-button--cancel:hover:not(:disabled) {\n    background: var(--nuraly-button-default-hover-background);\n    color: var(--nuraly-button-default-hover-text-color);\n    border-color: var(--nuraly-button-default-hover-border-color);\n  }\n\n  .popconfirm-button--ok-primary {\n    background: var(--nuraly-button-primary-background);\n    color: var(--nuraly-button-primary-text-color);\n    border-color: var(--nuraly-button-primary-border-color);\n  }\n\n  .popconfirm-button--ok-primary:hover:not(:disabled) {\n    background: var(--nuraly-button-primary-hover-background);\n    color: var(--nuraly-button-primary-hover-text-color);\n    border-color: var(--nuraly-button-primary-hover-border-color);\n  }\n\n  .popconfirm-button--ok-danger {\n    background: var(--nuraly-button-danger-background);\n    color: var(--nuraly-button-danger-text-color);\n    border-color: var(--nuraly-button-danger-border-color);\n  }\n\n  .popconfirm-button--ok-danger:hover:not(:disabled) {\n    background: var(--nuraly-button-danger-hover-background);\n    color: var(--nuraly-button-danger-hover-text-color);\n    border-color: var(--nuraly-button-danger-hover-border-color);\n  }\n\n  .popconfirm-button--ok-secondary {\n    background: var(--nuraly-button-secondary-background);\n    color: var(--nuraly-button-secondary-text-color);\n    border-color: var(--nuraly-button-secondary-border-color);\n  }\n\n  .popconfirm-button--ok-secondary:hover:not(:disabled) {\n    background: var(--nuraly-button-secondary-hover-background);\n    color: var(--nuraly-button-secondary-hover-text-color);\n    border-color: var(--nuraly-button-secondary-hover-border-color);\n  }\n\n  .popconfirm-button--ok-default {\n    background: var(--nuraly-button-default-background);\n    color: var(--nuraly-button-default-text-color);\n    border-color: var(--nuraly-button-default-border-color);\n  }\n\n  .popconfirm-button--ok-default:hover:not(:disabled) {\n    background: var(--nuraly-button-default-hover-background);\n    color: var(--nuraly-button-default-hover-text-color);\n    border-color: var(--nuraly-button-default-hover-border-color);\n  }\n\n  .popconfirm-button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .popconfirm-button--loading {\n    position: relative;\n    pointer-events: none;\n  }\n\n  .popconfirm-button--loading::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 14px;\n    height: 14px;\n    margin-left: -7px;\n    margin-top: -7px;\n    border: 2px solid currentColor;\n    border-right-color: transparent;\n    border-radius: 50%;\n    animation: popconfirm-spin 0.6s linear infinite;\n  }\n\n  .popconfirm-button--loading > * {\n    visibility: hidden;\n  }\n\n  @keyframes popconfirm-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  /* RTL Support */\n  :host([dir='rtl']) .popconfirm-message {\n    direction: rtl;\n  }\n\n  :host([dir='rtl']) .popconfirm-buttons {\n    flex-direction: row-reverse;\n  }\n`;\n"]}

package/popconfirm.types.d.ts

@@ -60,4 +60,45 @@ export interface PopconfirmConfig {
     disabled?: boolean;
     arrow?: boolean;
 }
+/**
+ * Configuration for programmatic popconfirm at cursor position
+ */
+export interface PopconfirmShowConfig {
+    /** Title of the confirmation box */
+    title: string;
+    /** Description of the confirmation box (optional) */
+    description?: string;
+    /** Text of the OK button */
+    okText?: string;
+    /** Text of the Cancel button */
+    cancelText?: string;
+    /** Button type of the OK button */
+    okType?: PopconfirmButtonType;
+    /** Show cancel button */
+    showCancel?: boolean;
+    /** Icon name */
+    icon?: string;
+    /** Custom icon color */
+    iconColor?: string;
+    /** Callback when confirmed */
+    onConfirm?: () => void | Promise<void>;
+    /** Callback when cancelled */
+    onCancel?: () => void;
+}
+/**
+ * Position for cursor-based popconfirm
+ */
+export interface PopconfirmPosition {
+    x: number;
+    y: number;
+}
+/**
+ * Active popconfirm item
+ */
+export interface PopconfirmItem {
+    id: string;
+    config: PopconfirmShowConfig;
+    position: PopconfirmPosition;
+    loading?: boolean;
+}
 //# sourceMappingURL=popconfirm.types.d.ts.map

package/popconfirm.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.types.d.ts","sourceRoot":"","sources":["../../../src/components/popconfirm/popconfirm.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,0BAAkB,mBAAmB;IACnC,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;IAClB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,IAAI,SAAS;IACb,SAAS,eAAe;IACxB,OAAO,aAAa;IACpB,KAAK,UAAU;IACf,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;CACvB;AAED;;GAEG;AACH,0BAAkB,iBAAiB;IACjC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,0BAAkB,oBAAoB;IACpC,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,0BAAkB,cAAc;IAC9B,OAAO,uBAAuB;IAC9B,QAAQ,oBAAoB;IAC5B,IAAI,gBAAgB;IACpB,KAAK,iBAAiB;IACtB,OAAO,iBAAiB;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"popconfirm.types.d.ts","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,0BAAkB,mBAAmB;IACnC,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;IAClB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,IAAI,SAAS;IACb,SAAS,eAAe;IACxB,OAAO,aAAa;IACpB,KAAK,UAAU;IACf,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;CACvB;AAED;;GAEG;AACH,0BAAkB,iBAAiB;IACjC,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,0BAAkB,oBAAoB;IACpC,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,0BAAkB,cAAc;IAC9B,OAAO,uBAAuB;IAC9B,QAAQ,oBAAoB;IAC5B,IAAI,gBAAgB;IACpB,KAAK,iBAAiB;IACtB,OAAO,iBAAiB;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/popconfirm.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.types.js","sourceRoot":"","sources":["../../../src/components/popconfirm/popconfirm.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Popconfirm placement options\n * Inherited from dropdown placement options\n */\nexport const enum PopconfirmPlacement {\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n}\n\n/**\n * Popconfirm trigger mode\n */\nexport const enum PopconfirmTrigger {\n  Click = 'click',\n  Hover = 'hover',\n  Focus = 'focus',\n}\n\n/**\n * Popconfirm button type\n */\nexport const enum PopconfirmButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Danger = 'danger',\n  Default = 'default',\n}\n\n/**\n * Predefined icons for popconfirm\n */\nexport const enum PopconfirmIcon {\n  Warning = 'exclamation-circle',\n  Question = 'question-circle',\n  Info = 'info-circle',\n  Error = 'close-circle',\n  Success = 'check-circle',\n}\n\n/**\n * Popconfirm configuration\n */\nexport interface PopconfirmConfig {\n  title: string;\n  description?: string;\n  okText?: string;\n  cancelText?: string;\n  okType?: PopconfirmButtonType;\n  showCancel?: boolean;\n  icon?: string;\n  iconColor?: string;\n  placement?: PopconfirmPlacement;\n  trigger?: PopconfirmTrigger;\n  disabled?: boolean;\n  arrow?: boolean;\n}\n"]}
+{"version":3,"file":"popconfirm.types.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/popconfirm.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Popconfirm placement options\n * Inherited from dropdown placement options\n */\nexport const enum PopconfirmPlacement {\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n}\n\n/**\n * Popconfirm trigger mode\n */\nexport const enum PopconfirmTrigger {\n  Click = 'click',\n  Hover = 'hover',\n  Focus = 'focus',\n}\n\n/**\n * Popconfirm button type\n */\nexport const enum PopconfirmButtonType {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Danger = 'danger',\n  Default = 'default',\n}\n\n/**\n * Predefined icons for popconfirm\n */\nexport const enum PopconfirmIcon {\n  Warning = 'exclamation-circle',\n  Question = 'question-circle',\n  Info = 'info-circle',\n  Error = 'close-circle',\n  Success = 'check-circle',\n}\n\n/**\n * Popconfirm configuration\n */\nexport interface PopconfirmConfig {\n  title: string;\n  description?: string;\n  okText?: string;\n  cancelText?: string;\n  okType?: PopconfirmButtonType;\n  showCancel?: boolean;\n  icon?: string;\n  iconColor?: string;\n  placement?: PopconfirmPlacement;\n  trigger?: PopconfirmTrigger;\n  disabled?: boolean;\n  arrow?: boolean;\n}\n\n/**\n * Configuration for programmatic popconfirm at cursor position\n */\nexport interface PopconfirmShowConfig {\n  /** Title of the confirmation box */\n  title: string;\n  /** Description of the confirmation box (optional) */\n  description?: string;\n  /** Text of the OK button */\n  okText?: string;\n  /** Text of the Cancel button */\n  cancelText?: string;\n  /** Button type of the OK button */\n  okType?: PopconfirmButtonType;\n  /** Show cancel button */\n  showCancel?: boolean;\n  /** Icon name */\n  icon?: string;\n  /** Custom icon color */\n  iconColor?: string;\n  /** Callback when confirmed */\n  onConfirm?: () => void | Promise<void>;\n  /** Callback when cancelled */\n  onCancel?: () => void;\n}\n\n/**\n * Position for cursor-based popconfirm\n */\nexport interface PopconfirmPosition {\n  x: number;\n  y: number;\n}\n\n/**\n * Active popconfirm item\n */\nexport interface PopconfirmItem {\n  id: string;\n  config: PopconfirmShowConfig;\n  position: PopconfirmPosition;\n  loading?: boolean;\n}\n"]}

package/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/popconfirm/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,eAAO,MAAM,YAAY;;;;EASvB,CAAC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../../src/components/popconfirm/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,eAAO,MAAM,YAAY;;;;EASvB,CAAC"}

package/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/components/popconfirm/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,mBAAmB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,WAAW;QACrB,YAAY,EAAE,gBAAgB;KAC/B;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport { NrPopconfirmElement } from './popconfirm.component.js';\n\nexport const NrPopconfirm = createComponent({\n  tagName: 'nr-popconfirm',\n  elementClass: NrPopconfirmElement,\n  react: React,\n  events: {\n    onConfirm: 'nr-confirm',\n    onCancel: 'nr-cancel',\n    onOpenChange: 'nr-open-change',\n  },\n});\n"]}
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../../src/components/popconfirm/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,OAAO,EAAE,eAAe;IACxB,YAAY,EAAE,mBAAmB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,WAAW;QACrB,YAAY,EAAE,gBAAgB;KAC/B;CACF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport { NrPopconfirmElement } from './popconfirm.component.js';\n\nexport const NrPopconfirm = createComponent({\n  tagName: 'nr-popconfirm',\n  elementClass: NrPopconfirmElement,\n  react: React,\n  events: {\n    onConfirm: 'nr-confirm',\n    onCancel: 'nr-cancel',\n    onOpenChange: 'nr-open-change',\n  },\n});\n"]}