@nuraly/lumenui 0.1.0

package/dist/src/components/popconfirm/bundle.js

@@ -0,0 +1,438 @@
+import{css as o,LitElement as r,html as n,nothing as t}from"lit";import{property as i,state as e,customElement as a}from"lit/decorators.js";import{NuralyUIBaseMixin as c}from"@nuralyui/common/mixins";import{styleMap as l}from"lit/directives/style-map.js";const s=o`
+  :host {
+    display: inline-block;
+  }
+
+  .popconfirm-content {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 12px 16px;
+    min-width: 200px;
+    max-width: 400px;
+  }
+
+  .popconfirm-message {
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+  }
+
+  .popconfirm-icon {
+    flex-shrink: 0;
+    font-size: 16px;
+    line-height: 1.5;
+    margin-top: 2px;
+  }
+
+  .popconfirm-icon--warning {
+    color: var(--nuraly-color-warning);
+  }
+
+  .popconfirm-icon--question {
+    color: var(--nuraly-color-info);
+  }
+
+  .popconfirm-icon--info {
+    color: var(--nuraly-color-info);
+  }
+
+  .popconfirm-icon--error {
+    color: var(--nuraly-color-error);
+  }
+
+  .popconfirm-icon--success {
+    color: var(--nuraly-color-success);
+  }
+
+  .popconfirm-icon--custom {
+    color: var(--nuraly-popconfirm-icon-color, var(--nuraly-color-text));
+  }
+
+  .popconfirm-text {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .popconfirm-title {
+    color: var(--nuraly-color-text);
+    font-size: var(--nuraly-font-size-base);
+    font-weight: 600;
+    line-height: 1.5;
+    margin: 0;
+  }
+
+  .popconfirm-description {
+    color: var(--nuraly-color-text-secondary);
+    font-size: var(--nuraly-font-size-sm);
+    line-height: 1.5;
+    margin: 0;
+  }
+
+  .popconfirm-buttons {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  .popconfirm-button {
+    padding: 4px 15px;
+    font-size: var(--nuraly-font-size-sm);
+    border-radius: var(--nuraly-border-radius);
+    border: 1px solid transparent;
+    cursor: pointer;
+    transition: all 0.2s;
+    font-weight: 400;
+    line-height: 1.5;
+    white-space: nowrap;
+    user-select: none;
+  }
+
+  .popconfirm-button:focus-visible {
+    outline: 2px solid var(--nuraly-color-primary);
+    outline-offset: 2px;
+  }
+
+  .popconfirm-button--cancel {
+    background: var(--nuraly-button-default-background);
+    color: var(--nuraly-button-default-text-color);
+    border-color: var(--nuraly-button-default-border-color);
+  }
+
+  .popconfirm-button--cancel:hover:not(:disabled) {
+    background: var(--nuraly-button-default-hover-background);
+    color: var(--nuraly-button-default-hover-text-color);
+    border-color: var(--nuraly-button-default-hover-border-color);
+  }
+
+  .popconfirm-button--ok-primary {
+    background: var(--nuraly-button-primary-background);
+    color: var(--nuraly-button-primary-text-color);
+    border-color: var(--nuraly-button-primary-border-color);
+  }
+
+  .popconfirm-button--ok-primary:hover:not(:disabled) {
+    background: var(--nuraly-button-primary-hover-background);
+    color: var(--nuraly-button-primary-hover-text-color);
+    border-color: var(--nuraly-button-primary-hover-border-color);
+  }
+
+  .popconfirm-button--ok-danger {
+    background: var(--nuraly-button-danger-background);
+    color: var(--nuraly-button-danger-text-color);
+    border-color: var(--nuraly-button-danger-border-color);
+  }
+
+  .popconfirm-button--ok-danger:hover:not(:disabled) {
+    background: var(--nuraly-button-danger-hover-background);
+    color: var(--nuraly-button-danger-hover-text-color);
+    border-color: var(--nuraly-button-danger-hover-border-color);
+  }
+
+  .popconfirm-button--ok-secondary {
+    background: var(--nuraly-button-secondary-background);
+    color: var(--nuraly-button-secondary-text-color);
+    border-color: var(--nuraly-button-secondary-border-color);
+  }
+
+  .popconfirm-button--ok-secondary:hover:not(:disabled) {
+    background: var(--nuraly-button-secondary-hover-background);
+    color: var(--nuraly-button-secondary-hover-text-color);
+    border-color: var(--nuraly-button-secondary-hover-border-color);
+  }
+
+  .popconfirm-button--ok-default {
+    background: var(--nuraly-button-default-background);
+    color: var(--nuraly-button-default-text-color);
+    border-color: var(--nuraly-button-default-border-color);
+  }
+
+  .popconfirm-button--ok-default:hover:not(:disabled) {
+    background: var(--nuraly-button-default-hover-background);
+    color: var(--nuraly-button-default-hover-text-color);
+    border-color: var(--nuraly-button-default-hover-border-color);
+  }
+
+  .popconfirm-button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .popconfirm-button--loading {
+    position: relative;
+    pointer-events: none;
+  }
+
+  .popconfirm-button--loading::before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 14px;
+    height: 14px;
+    margin-left: -7px;
+    margin-top: -7px;
+    border: 2px solid currentColor;
+    border-right-color: transparent;
+    border-radius: 50%;
+    animation: popconfirm-spin 0.6s linear infinite;
+  }
+
+  .popconfirm-button--loading > * {
+    visibility: hidden;
+  }
+
+  @keyframes popconfirm-spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  /* RTL Support */
+  :host([dir='rtl']) .popconfirm-message {
+    direction: rtl;
+  }
+
+  :host([dir='rtl']) .popconfirm-buttons {
+    flex-direction: row-reverse;
+  }
+`
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */;var p=function(o,r,n,t){for(var i,e=arguments.length,a=e<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,n):t,c=o.length-1;c>=0;c--)(i=o[c])&&(a=(e<3?i(a):e>3?i(r,n,a):i(r,n))||a);return e>3&&a&&Object.defineProperty(r,n,a),a},d=function(o,r,n,t){return new(n||(n=Promise))(function(i,e){function a(o){try{l(t.next(o))}catch(o){e(o)}}function c(o){try{l(t.throw(o))}catch(o){e(o)}}function l(o){var r;o.done?i(o.value):(r=o.value,r instanceof n?r:new n(function(o){o(r)})).then(a,c)}l((t=t.apply(o,r||[])).next())})};let u=class extends(c(r)){constructor(){super(...arguments),this.requiredComponents=["nr-dropdown","nr-icon","nr-button","nr-label"],this.title="",this.description="",this.okText="OK",this.cancelText="Cancel",this.okType="primary",this.showCancel=!0,this.icon="exclamation-circle",this.iconColor="",this.placement="top",this.trigger="click",this.disabled=!1,this.arrow=!0,this.open=!1,this.okLoading=!1,this._boundHandleOutsideClick=null,this._boundHandleKeydown=null,this.handleTriggerClick=o=>{this.disabled||(o.stopPropagation(),this.open?this.closePopconfirm():this.openPopconfirm())},this.handleConfirm=o=>d(this,void 0,void 0,function*(){o.stopPropagation();const r=new CustomEvent("nr-confirm",{bubbles:!0,composed:!0,cancelable:!0,detail:{originalEvent:o}});if(this.dispatchEvent(r)&&!r.defaultPrevented){const r=this.onConfirm;if(r&&"function"==typeof r){const n=r(o);if(n&&"function"==typeof n.then){this.okLoading=!0;try{yield n,this.closePopconfirm()}catch(o){console.error("Confirmation failed:",o)}finally{this.okLoading=!1}return}}this.closePopconfirm()}}),this.handleCancel=o=>{o.stopPropagation(),this.dispatchEvent(new CustomEvent("nr-cancel",{bubbles:!0,composed:!0,detail:{originalEvent:o}})),this.closePopconfirm()}}get dropdownElement(){var o;return null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("nr-dropdown")}connectedCallback(){super.connectedCallback(),this._boundHandleOutsideClick=this.handleOutsideClick.bind(this),this._boundHandleKeydown=this.handleKeydown.bind(this),document.addEventListener("click",this._boundHandleOutsideClick,!0),document.addEventListener("keydown",this._boundHandleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this._boundHandleOutsideClick&&document.removeEventListener("click",this._boundHandleOutsideClick,!0),this._boundHandleKeydown&&document.removeEventListener("keydown",this._boundHandleKeydown)}openPopconfirm(){this.open=!0,this.dropdownElement&&this.dropdownElement.show(),this.dispatchEvent(new CustomEvent("nr-open-change",{bubbles:!0,composed:!0,detail:{open:!0}}))}handleOutsideClick(o){if(!this.open)return;o.composedPath().includes(this)||this.closePopconfirm()}handleKeydown(o){"Escape"===o.key&&this.open&&this.closePopconfirm()}closePopconfirm(){this.open=!1,this.dropdownElement&&this.dropdownElement.hide(),this.dispatchEvent(new CustomEvent("nr-open-change",{bubbles:!0,composed:!0,detail:{open:!1}}))}getIconColor(){return this.iconColor?this.iconColor:""}getIconClass(){const o={"exclamation-circle":"warning","question-circle":"question","info-circle":"info","close-circle":"error","check-circle":"success"};return this.iconColor?"custom":o[this.icon]||"warning"}renderContent(){const o=this.getIconClass(),r=this.getIconColor();return n`
+      <div class="popconfirm-content">
+        <div class="popconfirm-message">
+          <div
+            class="popconfirm-icon popconfirm-icon--${o}"
+            style=${r?`color: ${r}`:""}>
+            <nr-icon name=${this.icon}></nr-icon>
+          </div>
+          <div class="popconfirm-text">
+            ${this.title?n`<nr-label class="popconfirm-title" size="medium">${this.title}</nr-label>`:""}
+            ${this.description?n`<nr-label class="popconfirm-description" size="small" variant="secondary">${this.description}</nr-label>`:""}
+          </div>
+        </div>
+        <div class="popconfirm-buttons">
+          ${this.showCancel?n`
+                <nr-button
+                  size="small"
+                  @click=${this.handleCancel}>
+                  ${this.cancelText}
+                </nr-button>
+              `:""}
+          <nr-button
+            size="small"
+            type=${"danger"===this.okType?"danger":"primary"===this.okType?"primary":"default"}
+            ?loading=${this.okLoading}
+            ?disabled=${this.okLoading}
+            @click=${this.handleConfirm}>
+            ${this.okText}
+          </nr-button>
+        </div>
+      </div>
+    `}render(){return n`
+      <nr-dropdown
+        .open=${this.open}
+        .placement=${this.placement}
+        trigger="manual"
+        ?disabled=${this.disabled}
+        ?arrow=${this.arrow}
+        .closeOnOutsideClick=${!1}
+        .closeOnEscape=${!1}>
+        <div slot="trigger" @click=${this.handleTriggerClick}>
+          <slot name="trigger"></slot>
+        </div>
+        <div slot="content">${this.renderContent()}</div>
+      </nr-dropdown>
+    `}};u.styles=s,p([i({type:String})],u.prototype,"title",void 0),p([i({type:String})],u.prototype,"description",void 0),p([i({type:String,attribute:"ok-text"})],u.prototype,"okText",void 0),p([i({type:String,attribute:"cancel-text"})],u.prototype,"cancelText",void 0),p([i({type:String,attribute:"ok-type"})],u.prototype,"okType",void 0),p([i({type:Boolean,attribute:"show-cancel"})],u.prototype,"showCancel",void 0),p([i({type:String})],u.prototype,"icon",void 0),p([i({type:String,attribute:"icon-color"})],u.prototype,"iconColor",void 0),p([i({type:String})],u.prototype,"placement",void 0),p([i({type:String})],u.prototype,"trigger",void 0),p([i({type:Boolean})],u.prototype,"disabled",void 0),p([i({type:Boolean})],u.prototype,"arrow",void 0),p([i({type:Boolean,reflect:!0})],u.prototype,"open",void 0),p([e()],u.prototype,"okLoading",void 0),u=p([a("nr-popconfirm")],u);const f=o`
+  :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;
+  }
+`
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */;var m,h=function(o,r,n,t){for(var i,e=arguments.length,a=e<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,n):t,c=o.length-1;c>=0;c--)(i=o[c])&&(a=(e<3?i(a):e>3?i(r,n,a):i(r,n))||a);return e>3&&a&&Object.defineProperty(r,n,a),a},b=function(o,r,n,t){return new(n||(n=Promise))(function(i,e){function a(o){try{l(t.next(o))}catch(o){e(o)}}function c(o){try{l(t.throw(o))}catch(o){e(o)}}function l(o){var r;o.done?i(o.value):(r=o.value,r instanceof n?r:new n(function(o){o(r)})).then(a,c)}l((t=t.apply(o,r||[])).next())})};let v=m=class extends(c(r)){constructor(){super(...arguments),this.requiredComponents=["nr-icon","nr-button","nr-label"],this.items=[],this._boundHandleOutsideClick=null,this._boundHandleKeydown=null,this._showTimestamp=0}connectedCallback(){super.connectedCallback(),m._instance=this,this._boundHandleOutsideClick=this.handleOutsideClick.bind(this),this._boundHandleKeydown=this.handleKeydown.bind(this),document.addEventListener("click",this._boundHandleOutsideClick,!0),document.addEventListener("keydown",this._boundHandleKeydown)}disconnectedCallback(){super.disconnectedCallback(),m._instance=null,this._boundHandleOutsideClick&&document.removeEventListener("click",this._boundHandleOutsideClick,!0),this._boundHandleKeydown&&document.removeEventListener("keydown",this._boundHandleKeydown)}static getInstance(){return m._instance}static confirm(o,r){return b(this,void 0,void 0,function*(){const n=m.getInstance();return n?new Promise(t=>{n.show(Object.assign(Object.assign({},o),{onConfirm:()=>b(this,void 0,void 0,function*(){var r;yield null===(r=o.onConfirm)||void 0===r?void 0:r.call(o),t(!0)}),onCancel:()=>{var r;null===(r=o.onCancel)||void 0===r||r.call(o),t(!1)}}),r)}):(console.warn("NrPopconfirmManager: No instance found. Add <nr-popconfirm-manager> to your app."),!1)})}show(o,r){const n=this.generateId(),t={id:n,config:o,position:this.adjustPosition(r),loading:!1};return this._showTimestamp=Date.now(),this.items=[t],console.log("[nr-popconfirm-manager] show() called, items:",this.items),this.requestUpdate(),n}close(o){this.items=this.items.filter(r=>r.id!==o)}closeAll(){this.items=[]}handleConfirm(o,r){return b(this,void 0,void 0,function*(){r.stopPropagation();const n=new CustomEvent("nr-popconfirm-confirm",{bubbles:!0,composed:!0,detail:{id:o.id,config:o.config}});if(this.dispatchEvent(n),o.config.onConfirm){const r=o.config.onConfirm();if(r&&"function"==typeof r.then){o.loading=!0,this.requestUpdate();try{yield r}catch(o){console.error("Popconfirm confirmation failed:",o)}finally{o.loading=!1}}}this.close(o.id)})}handleCancel(o,r){var n,t;r.stopPropagation();const i=new CustomEvent("nr-popconfirm-cancel",{bubbles:!0,composed:!0,detail:{id:o.id,config:o.config}});this.dispatchEvent(i),null===(t=(n=o.config).onCancel)||void 0===t||t.call(n),this.close(o.id)}handleOutsideClick(o){var r;if(0===this.items.length)return;if(Date.now()-this._showTimestamp<100)return;const n=o.composedPath(),t=null===(r=this.shadowRoot)||void 0===r?void 0:r.querySelector(".popconfirm-manager__item");t&&!n.includes(t)&&(this.items.forEach(o=>{var r,n;null===(n=(r=o.config).onCancel)||void 0===n||n.call(r)}),this.closeAll())}handleKeydown(o){"Escape"===o.key&&this.items.length>0&&(this.items.forEach(o=>{var r,n;null===(n=(r=o.config).onCancel)||void 0===n||n.call(r)}),this.closeAll())}adjustPosition(o){const r=16,n=window.innerWidth,t=window.innerHeight;let i=o.x,e=o.y;return i+280>n-r&&(i=n-280-r),i<r&&(i=r),e+120>t-r&&(e=o.y-120-8),e<r&&(e=r),{x:i,y:e}}generateId(){return`popconfirm-${crypto.randomUUID()}`}getIconClass(o){return{"exclamation-circle":"warning","question-circle":"question","info-circle":"info","close-circle":"error","check-circle":"success"}[o||""]||"warning"}renderItem(o){const{config:r,position:i}=o,e=r.icon||"exclamation-circle",a=r.iconColor?"custom":this.getIconClass(e),c=!1!==r.showCancel,s={left:`${i.x}px`,top:`${i.y}px`},p=r.iconColor?{color:r.iconColor}:{};return n`
+      <div
+        class="popconfirm-manager__item"
+        style=${l(s)}
+        @click=${o=>o.stopPropagation()}
+      >
+        <div class="popconfirm-manager__content">
+          <div class="popconfirm-manager__message">
+            <div
+              class="popconfirm-manager__icon popconfirm-manager__icon--${a}"
+              style=${l(p)}
+            >
+              <nr-icon name=${e}></nr-icon>
+            </div>
+            <div class="popconfirm-manager__text">
+              ${r.title?n`<nr-label class="popconfirm-manager__title" size="medium">${r.title}</nr-label>`:t}
+              ${r.description?n`<nr-label class="popconfirm-manager__description" size="small" variant="secondary">${r.description}</nr-label>`:t}
+            </div>
+          </div>
+          <div class="popconfirm-manager__buttons">
+            ${c?n`
+                  <nr-button
+                    size="small"
+                    @click=${r=>this.handleCancel(o,r)}
+                  >
+                    ${r.cancelText||"Cancel"}
+                  </nr-button>
+                `:t}
+            <nr-button
+              size="small"
+              type=${"danger"===r.okType?"danger":"primary"===r.okType?"primary":"default"}
+              ?loading=${o.loading}
+              ?disabled=${o.loading}
+              @click=${r=>this.handleConfirm(o,r)}
+            >
+              ${r.okText||"OK"}
+            </nr-button>
+          </div>
+        </div>
+      </div>
+    `}render(){return 0===this.items.length?t:n`
+      <div class="popconfirm-manager">
+        ${this.items.map(o=>this.renderItem(o))}
+      </div>
+    `}};v.styles=f,v._instance=null,h([e()],v.prototype,"items",void 0),v=m=h([a("nr-popconfirm-manager")],v);export{u as NrPopconfirmElement,v as NrPopconfirmManagerElement};

package/dist/src/components/popconfirm/index.d.ts

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

package/dist/src/components/popconfirm/index.js

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

package/dist/src/components/popconfirm/popconfirm-manager.component.d.ts

@@ -0,0 +1,129 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement, nothing } from 'lit';
+import { PopconfirmShowConfig, PopconfirmPosition } from './popconfirm.types.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