@nuraly/lumenui 0.3.5 → 0.3.6

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

@@ -1,8 +1,102 @@
-import{css as t,html as o,LitElement as e,nothing as i}from"lit";import{property as n,state as r,customElement as s}from"lit/decorators.js";import{styleMap as c}from"lit/directives/style-map.js";const a=t`
+import{css as o,render as t,nothing as i,html as n,LitElement as e}from"lit";import{property as r,state as s,customElement as c}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";import{styleMap as p}from"lit/directives/style-map.js";const l=o`
   :host {
     display: inline-block;
   }
 
+  .popconfirm-trigger {
+    display: inline-block;
+    cursor: pointer;
+  }
+
+  .popconfirm-panel {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 2147483000;
+    background: #ffffff;
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
+    box-sizing: border-box;
+    min-width: 200px;
+    max-width: 400px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  }
+
+  .popconfirm-arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background: #ffffff;
+    border: 1px solid #e0e0e0;
+    transform: rotate(45deg);
+    pointer-events: none;
+  }
+
+  .popconfirm-panel--top .popconfirm-arrow,
+  .popconfirm-panel--top-start .popconfirm-arrow,
+  .popconfirm-panel--top-end .popconfirm-arrow {
+    bottom: -5px;
+    border-top: none;
+    border-left: none;
+  }
+
+  .popconfirm-panel--bottom .popconfirm-arrow,
+  .popconfirm-panel--bottom-start .popconfirm-arrow,
+  .popconfirm-panel--bottom-end .popconfirm-arrow {
+    top: -5px;
+    border-bottom: none;
+    border-right: none;
+  }
+
+  .popconfirm-panel--left .popconfirm-arrow,
+  .popconfirm-panel--left-start .popconfirm-arrow,
+  .popconfirm-panel--left-end .popconfirm-arrow {
+    right: -5px;
+    border-bottom: none;
+    border-left: none;
+  }
+
+  .popconfirm-panel--right .popconfirm-arrow,
+  .popconfirm-panel--right-start .popconfirm-arrow,
+  .popconfirm-panel--right-end .popconfirm-arrow {
+    left: -5px;
+    border-top: none;
+    border-right: none;
+  }
+
+  .popconfirm-panel--top .popconfirm-arrow,
+  .popconfirm-panel--bottom .popconfirm-arrow {
+    left: 50%;
+    margin-left: -4px;
+  }
+
+  .popconfirm-panel--top-start .popconfirm-arrow,
+  .popconfirm-panel--bottom-start .popconfirm-arrow {
+    left: 12px;
+  }
+
+  .popconfirm-panel--top-end .popconfirm-arrow,
+  .popconfirm-panel--bottom-end .popconfirm-arrow {
+    right: 12px;
+  }
+
+  .popconfirm-panel--left .popconfirm-arrow,
+  .popconfirm-panel--right .popconfirm-arrow {
+    top: 50%;
+    margin-top: -4px;
+  }
+
+  .popconfirm-panel--left-start .popconfirm-arrow,
+  .popconfirm-panel--right-start .popconfirm-arrow {
+    top: 12px;
+  }
+
+  .popconfirm-panel--left-end .popconfirm-arrow,
+  .popconfirm-panel--right-end .popconfirm-arrow {
+    bottom: 12px;
+  }
+
   .popconfirm-content {
     display: flex;
     flex-direction: column;
@@ -207,33 +301,43 @@ import{css as t,html as o,LitElement as e,nothing as i}from"lit";import{property
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */,l=t=>class extends t{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var t,o,e;super.disconnectedCallback(),null===(t=this.themeObserver)||void 0===t||t.disconnect(),null===(o=this.designSystemObserver)||void 0===o||o.disconnect(),null===(e=this.mediaQuery)||void 0===e||e.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var t,o;const e=(null===(t=this.closest("[data-theme]"))||void 0===t?void 0:t.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return e||((null===(o=window.matchMedia)||void 0===o?void 0:o.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var t;const o=(null===(t=this.closest("[design-system]"))||void 0===t?void 0:t.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===o?o:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},d=()=>{var t;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(t=process.env)||void 0===t?void 0:t.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},p=t=>class extends t{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(d())for(const t of this.requiredComponents)if(!this.isComponentAvailable(t))throw new Error(`Required component "${t}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${t}';`)}validateDependenciesWithHandler(t){if(!d())return!0;let o=!0;for(const e of this.requiredComponents)if(!this.isComponentAvailable(e)){o=!1;const i=new Error(`Required component "${e}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);t?t(e,i):console.error(i.message)}return o}isComponentAvailable(t){return!!customElements.get(t)}getMissingDependencies(){return this.requiredComponents.filter(t=>!this.isComponentAvailable(t))}areDependenciesAvailable(){return this.requiredComponents.every(t=>this.isComponentAvailable(t))}addRequiredComponent(t){this.requiredComponents.includes(t)||this.requiredComponents.push(t)}removeRequiredComponent(t){const o=this.requiredComponents.indexOf(t);o>-1&&this.requiredComponents.splice(o,1)}},f=t=>class extends t{dispatchCustomEvent(t,o){this.dispatchEvent(new CustomEvent(t,{detail:o,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(t,o){var e;const i=Object.assign(Object.assign({},o),{timestamp:Date.now(),componentName:(null===(e=this.tagName)||void 0===e?void 0:e.toLowerCase())||"unknown"});this.dispatchCustomEvent(t,i)}dispatchInputEvent(t,o){const e=Object.assign({target:o.target||this,value:o.value,originalEvent:o.originalEvent},o);this.dispatchCustomEvent(t,e)}dispatchFocusEvent(t,o){const e=Object.assign({target:o.target||this,value:o.value,focused:o.focused,cursorPosition:o.cursorPosition,selectedText:o.selectedText},o);this.dispatchCustomEvent(t,e)}dispatchValidationEvent(t,o){var e;const i=Object.assign({target:o.target||this,value:o.value,isValid:null!==(e=o.isValid)&&void 0!==e&&e,error:o.error},o);this.dispatchCustomEvent(t,i)}dispatchActionEvent(t,o){const e=Object.assign({target:o.target||this,action:o.action,previousValue:o.previousValue,newValue:o.newValue},o);this.dispatchCustomEvent(t,e)}isReadonlyKeyAllowed(t){if(t.ctrlKey||t.metaKey){return["KeyA","KeyC"].includes(t.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(t.key)}isActivationKey(t){return"Enter"===t.key||" "===t.key}},h=new Set,m=new Map;
+ */,d=o=>class extends o{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var o,t,i;super.disconnectedCallback(),null===(o=this.themeObserver)||void 0===o||o.disconnect(),null===(t=this.designSystemObserver)||void 0===t||t.disconnect(),null===(i=this.mediaQuery)||void 0===i||i.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var o,t;const i=(null===(o=this.closest("[data-theme]"))||void 0===o?void 0:o.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme");return i||((null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get currentDesignSystem(){var o;const t=(null===(o=this.closest("[design-system]"))||void 0===o?void 0:o.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===t?t:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}},f=()=>{var o;return void 0!==globalThis.litElementVersions||"undefined"!=typeof process&&"development"===(null===(o=process.env)||void 0===o?void 0:o.NODE_ENV)||"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname)},m=o=>class extends o{constructor(){super(...arguments),this.requiredComponents=[]}validateDependencies(){if(f())for(const o of this.requiredComponents)if(!this.isComponentAvailable(o))throw new Error(`Required component "${o}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}. Example: import '@nuralyui/${o}';`)}validateDependenciesWithHandler(o){if(!f())return!0;let t=!0;for(const i of this.requiredComponents)if(!this.isComponentAvailable(i)){t=!1;const n=new Error(`Required component "${i}" is not registered. Please import and register the component before using ${this.tagName.toLowerCase()}.`);o?o(i,n):console.error(n.message)}return t}isComponentAvailable(o){return!!customElements.get(o)}getMissingDependencies(){return this.requiredComponents.filter(o=>!this.isComponentAvailable(o))}areDependenciesAvailable(){return this.requiredComponents.every(o=>this.isComponentAvailable(o))}addRequiredComponent(o){this.requiredComponents.includes(o)||this.requiredComponents.push(o)}removeRequiredComponent(o){const t=this.requiredComponents.indexOf(o);t>-1&&this.requiredComponents.splice(t,1)}},h=o=>class extends o{dispatchCustomEvent(o,t){this.dispatchEvent(new CustomEvent(o,{detail:t,bubbles:!0,composed:!0}))}dispatchEventWithMetadata(o,t){var i;const n=Object.assign(Object.assign({},t),{timestamp:Date.now(),componentName:(null===(i=this.tagName)||void 0===i?void 0:i.toLowerCase())||"unknown"});this.dispatchCustomEvent(o,n)}dispatchInputEvent(o,t){const i=Object.assign({target:t.target||this,value:t.value,originalEvent:t.originalEvent},t);this.dispatchCustomEvent(o,i)}dispatchFocusEvent(o,t){const i=Object.assign({target:t.target||this,value:t.value,focused:t.focused,cursorPosition:t.cursorPosition,selectedText:t.selectedText},t);this.dispatchCustomEvent(o,i)}dispatchValidationEvent(o,t){var i;const n=Object.assign({target:t.target||this,value:t.value,isValid:null!==(i=t.isValid)&&void 0!==i&&i,error:t.error},t);this.dispatchCustomEvent(o,n)}dispatchActionEvent(o,t){const i=Object.assign({target:t.target||this,action:t.action,previousValue:t.previousValue,newValue:t.newValue},t);this.dispatchCustomEvent(o,i)}isReadonlyKeyAllowed(o){if(o.ctrlKey||o.metaKey){return["KeyA","KeyC"].includes(o.code)}return["Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(o.key)}isActivationKey(o){return"Enter"===o.key||" "===o.key}},u=new Set,g=new Map;
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
  */
-const u=t=>{class o extends t{constructor(){super(...arguments),this.t=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const t=this.constructor.useShadowDom;if(!t&&null===this.t)for(this.t=[];this.firstChild;)this.t.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!t){const t=this.constructor,o=this.tagName.toLowerCase(),e=t.styles;if(e){const t=b(e);t&&function(t,o,e){var i;if(!m.has(t)){const e=new CSSStyleSheet;e.replaceSync(o),m.set(t,e)}const n=m.get(t),r=`doc:${t}`;if(h.has(r)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,n],h.add(r)),e){let o=e;for(;o;){const e=o.getRootNode();if(!(e instanceof ShadowRoot))break;{const r=`shadow:${((null===(i=e.host)||void 0===i?void 0:i.tagName)||"").toLowerCase()}:${t}`;h.has(r)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n],h.add(r)),o=e.host}}}}(o,t,this)}}}get lightChildren(){return this.t?this.t.filter(t=>!(t instanceof Element&&t.hasAttribute("slot"))):[]}lightChildrenNamed(t){return this.t?this.t.filter(o=>o instanceof Element&&o.getAttribute("slot")===t):[]}}return o.useShadowDom=!1,o},g=t=>p(l(f(u(t))));function b(t){return Array.isArray(t)?t.map(t=>b(t)).filter(Boolean).join("\n"):t&&"string"==typeof t.cssText?t.cssText:"string"==typeof t?t:""}
+const b=o=>{class t extends o{constructor(){super(...arguments),this.o=null}createRenderRoot(){return this.constructor.useShadowDom?super.createRenderRoot():this}connectedCallback(){const o=this.constructor.useShadowDom;if(!o&&null===this.o)for(this.o=[];this.firstChild;)this.o.push(this.removeChild(this.firstChild));if(super.connectedCallback(),!o){const o=this.constructor,t=this.tagName.toLowerCase(),i=o.styles;if(i){const o=w(i);o&&function(o,t,i){var n;if(!g.has(o)){const i=new CSSStyleSheet;i.replaceSync(t),g.set(o,i)}const e=g.get(o),r=`doc:${o}`;if(u.has(r)||(document.adoptedStyleSheets=[...document.adoptedStyleSheets,e],u.add(r)),i){let t=i;for(;t;){const i=t.getRootNode();if(!(i instanceof ShadowRoot))break;{const r=`shadow:${((null===(n=i.host)||void 0===n?void 0:n.tagName)||"").toLowerCase()}:${o}`;u.has(r)||(i.adoptedStyleSheets=[...i.adoptedStyleSheets,e],u.add(r)),t=i.host}}}}(t,o,this)}}}get lightChildren(){return this.o?this.o.filter(o=>!(o instanceof Element&&o.hasAttribute("slot"))):[]}lightChildrenNamed(o){return this.o?this.o.filter(t=>t instanceof Element&&t.getAttribute("slot")===o):[]}}return t.useShadowDom=!1,t},v=o=>m(d(h(b(o))));function w(o){return Array.isArray(o)?o.map(o=>w(o)).filter(Boolean).join("\n"):o&&"string"==typeof o.cssText?o.cssText:"string"==typeof o?o:""}
 /**
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */var v=function(t,o,e,i){for(var n,r=arguments.length,s=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,c=t.length-1;c>=0;c--)(n=t[c])&&(s=(r<3?n(s):r>3?n(o,e,s):n(o,e))||s);return r>3&&s&&Object.defineProperty(o,e,s),s},x=function(t,o,e,i){return new(e||(e=Promise))(function(n,r){function s(t){try{a(i.next(t))}catch(t){r(t)}}function c(t){try{a(i.throw(t))}catch(t){r(t)}}function a(t){var o;t.done?n(t.value):(o=t.value,o instanceof e?o:new e(function(t){t(o)})).then(s,c)}a((i=i.apply(t,o||[])).next())})};let y=class extends(g(e)){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=t=>{this.disabled||(t.stopPropagation(),this.open?this.closePopconfirm():this.openPopconfirm())},this.handleConfirm=t=>x(this,void 0,void 0,function*(){t.stopPropagation();const o=new CustomEvent("nr-confirm",{bubbles:!0,composed:!0,cancelable:!0,detail:{originalEvent:t}});if(this.dispatchEvent(o)&&!o.defaultPrevented){const o=this.onConfirm;if(o&&"function"==typeof o){const e=o(t);if(e&&"function"==typeof e.then){this.okLoading=!0;try{yield e,this.closePopconfirm()}catch(t){console.error("Confirmation failed:",t)}finally{this.okLoading=!1}return}}this.closePopconfirm()}}),this.handleCancel=t=>{t.stopPropagation(),this.dispatchEvent(new CustomEvent("nr-cancel",{bubbles:!0,composed:!0,detail:{originalEvent:t}})),this.closePopconfirm()}}get dropdownElement(){var t;return null===(t=this.shadowRoot)||void 0===t?void 0:t.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(t){if(!this.open)return;t.composedPath().includes(this)||this.closePopconfirm()}handleKeydown(t){"Escape"===t.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 t={"exclamation-circle":"warning","question-circle":"question","info-circle":"info","close-circle":"error","check-circle":"success"};return this.iconColor?"custom":t[this.icon]||"warning"}renderContent(){const t=this.getIconClass(),e=this.getIconColor();return o`
+ */var x=function(o,t,i,n){for(var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n,c=o.length-1;c>=0;c--)(e=o[c])&&(s=(r<3?e(s):r>3?e(t,i,s):e(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s},y=function(o,t,i,n){return new(i||(i=Promise))(function(e,r){function s(o){try{a(n.next(o))}catch(o){r(o)}}function c(o){try{a(n.throw(o))}catch(o){r(o)}}function a(o){var t;o.done?e(o.value):(t=o.value,t instanceof i?t:new i(function(o){o(t)})).then(s,c)}a((n=n.apply(o,t||[])).next())})};let k=class extends(v(e)){constructor(){super(...arguments),this.requiredComponents=["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._portalHost=null,this._portalRoot=null,this._boundHandleOutsideClick=null,this._boundHandleKeydown=null,this._boundReposition=null,this.handleTriggerClick=o=>{this.disabled||(o.stopPropagation(),this.open?this.closePopconfirm():this.openPopconfirm())},this.handleConfirm=o=>y(this,void 0,void 0,function*(){o.stopPropagation();const t=new CustomEvent("nr-confirm",{bubbles:!0,composed:!0,cancelable:!0,detail:{originalEvent:o}});if(this.dispatchEvent(t)&&!t.defaultPrevented){const t=this.onConfirm;if(t&&"function"==typeof t){const i=t(o);if(i&&"function"==typeof i.then){this.okLoading=!0;try{yield i,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()}}connectedCallback(){super.connectedCallback(),this._boundHandleOutsideClick=this.handleOutsideClick.bind(this),this._boundHandleKeydown=this.handleKeydown.bind(this),this._boundReposition=()=>this.reposition(),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),this._detachViewportListeners(),this._teardownPortal()}updated(o){super.updated(o),o.has("open")&&(this.open?this._attachViewportListeners():this._detachViewportListeners()),this._renderPortal()}_ensurePortal(){if(this._portalRoot)return this._portalRoot;const o=document.createElement("div");return o.setAttribute("data-nr-popconfirm-portal",""),o.style.position="fixed",o.style.top="0",o.style.left="0",o.style.width="0",o.style.height="0",o.style.zIndex="2147483000",document.body.appendChild(o),this._portalHost=o,this._portalRoot=o.attachShadow({mode:"open"}),this._portalRoot}_teardownPortal(){this._portalRoot&&t(i,this._portalRoot),this._portalHost&&this._portalHost.parentNode&&this._portalHost.parentNode.removeChild(this._portalHost),this._portalHost=null,this._portalRoot=null}_attachViewportListeners(){this._boundReposition&&(window.addEventListener("scroll",this._boundReposition,!0),window.addEventListener("resize",this._boundReposition))}_detachViewportListeners(){this._boundReposition&&(window.removeEventListener("scroll",this._boundReposition,!0),window.removeEventListener("resize",this._boundReposition))}_renderPortal(){if(!this.open)return void(this._portalRoot&&t(i,this._portalRoot));const o=this._ensurePortal();t(this._renderPortalTemplate(),o),requestAnimationFrame(()=>this.reposition())}_renderPortalTemplate(){const o=`popconfirm-panel--${this.placement}`;return n`
+      <style>${l.cssText}</style>
+      <div
+        class="popconfirm-panel ${a({[o]:!0,"popconfirm-panel--with-arrow":this.arrow})}"
+        part="panel"
+        role="dialog"
+        @click=${o=>o.stopPropagation()}>
+        ${this.arrow?n`<div class="popconfirm-arrow" part="arrow"></div>`:i}
+        ${this.renderContent()}
+      </div>
+    `}reposition(){if(!this.open||!this._portalRoot)return;const o=this._portalRoot.querySelector(".popconfirm-panel");if(!o)return;const t=this.getBoundingClientRect(),i=o.getBoundingClientRect(),n=this.placement||"top";let e=0,r=0;n.startsWith("top")?e=t.top-i.height-8:n.startsWith("bottom")?e=t.bottom+8:n.startsWith("left")?r=t.left-i.width-8:n.startsWith("right")&&(r=t.right+8),"top"===n||"bottom"===n?r=t.left+(t.width-i.width)/2:"left"===n||"right"===n?e=t.top+(t.height-i.height)/2:n.endsWith("-start")?n.startsWith("top")||n.startsWith("bottom")?r=t.left:e=t.top:n.endsWith("-end")&&(n.startsWith("top")||n.startsWith("bottom")?r=t.right-i.width:e=t.bottom-i.height);const s=window.innerWidth,c=window.innerHeight;r=Math.max(8,Math.min(r,s-i.width-8)),e=Math.max(8,Math.min(e,c-i.height-8)),o.style.top=`${e}px`,o.style.left=`${r}px`}openPopconfirm(){this.open=!0,this.dispatchEvent(new CustomEvent("nr-open-change",{bubbles:!0,composed:!0,detail:{open:!0}}))}closePopconfirm(){this.open=!1,this.dispatchEvent(new CustomEvent("nr-open-change",{bubbles:!0,composed:!0,detail:{open:!1}}))}handleOutsideClick(o){if(!this.open)return;const t=o.composedPath();t.includes(this)||this._portalHost&&t.includes(this._portalHost)||this.closePopconfirm()}handleKeydown(o){"Escape"===o.key&&this.open&&this.closePopconfirm()}getIconColor(){return 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(),t=this.getIconColor();return n`
       <div class="popconfirm-content" part="content">
         <div class="popconfirm-message" part="message">
           <div
-            class="popconfirm-icon popconfirm-icon--${t}"
+            class="popconfirm-icon popconfirm-icon--${o}"
             part="icon"
-            style=${e?`color: ${e}`:""}>
+            style=${t?`color: ${t}`:""}>
             <nr-icon name=${this.icon}></nr-icon>
           </div>
           <div class="popconfirm-text" part="text">
-            ${this.title?o`<nr-label class="popconfirm-title" size="medium">${this.title}</nr-label>`:""}
-            ${this.description?o`<nr-label class="popconfirm-description" size="small" variant="secondary">${this.description}</nr-label>`:""}
+            ${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" part="buttons">
-          ${this.showCancel?o`
+          ${this.showCancel?n`
                 <nr-button
                   size="small"
                   part="cancel-button"
@@ -252,21 +356,11 @@ const u=t=>{class o extends t{constructor(){super(...arguments),this.t=null}crea
           </nr-button>
         </div>
       </div>
-    `}render(){return o`
-      <nr-dropdown
-        .open=${this.open}
-        .placement=${this.placement}
-        trigger="manual"
-        ?disabled=${this.disabled}
-        ?arrow=${this.arrow}
-        .closeOnOutsideClick=${!1}
-        .closeOnEscape=${!1}>
-        <div slot="trigger" part="trigger" @click=${this.handleTriggerClick}>
-          <slot name="trigger"></slot>
-        </div>
-        <div slot="content">${this.renderContent()}</div>
-      </nr-dropdown>
-    `}};y.useShadowDom=!0,y.styles=a,v([n({type:String})],y.prototype,"title",void 0),v([n({type:String})],y.prototype,"description",void 0),v([n({type:String,attribute:"ok-text"})],y.prototype,"okText",void 0),v([n({type:String,attribute:"cancel-text"})],y.prototype,"cancelText",void 0),v([n({type:String,attribute:"ok-type"})],y.prototype,"okType",void 0),v([n({type:Boolean,attribute:"show-cancel"})],y.prototype,"showCancel",void 0),v([n({type:String})],y.prototype,"icon",void 0),v([n({type:String,attribute:"icon-color"})],y.prototype,"iconColor",void 0),v([n({type:String})],y.prototype,"placement",void 0),v([n({type:String})],y.prototype,"trigger",void 0),v([n({type:Boolean})],y.prototype,"disabled",void 0),v([n({type:Boolean})],y.prototype,"arrow",void 0),v([n({type:Boolean,reflect:!0})],y.prototype,"open",void 0),v([r()],y.prototype,"okLoading",void 0),y=v([s("nr-popconfirm")],y);const w=t`
+    `}render(){return n`
+      <div class="popconfirm-trigger" part="trigger" @click=${this.handleTriggerClick}>
+        <slot name="trigger"></slot>
+      </div>
+    `}};k.useShadowDom=!0,k.styles=l,x([r({type:String})],k.prototype,"title",void 0),x([r({type:String})],k.prototype,"description",void 0),x([r({type:String,attribute:"ok-text"})],k.prototype,"okText",void 0),x([r({type:String,attribute:"cancel-text"})],k.prototype,"cancelText",void 0),x([r({type:String,attribute:"ok-type"})],k.prototype,"okType",void 0),x([r({type:Boolean,attribute:"show-cancel"})],k.prototype,"showCancel",void 0),x([r({type:String})],k.prototype,"icon",void 0),x([r({type:String,attribute:"icon-color"})],k.prototype,"iconColor",void 0),x([r({type:String})],k.prototype,"placement",void 0),x([r({type:String})],k.prototype,"trigger",void 0),x([r({type:Boolean})],k.prototype,"disabled",void 0),x([r({type:Boolean})],k.prototype,"arrow",void 0),x([r({type:Boolean,reflect:!0})],k.prototype,"open",void 0),x([s()],k.prototype,"okLoading",void 0),k=x([c("nr-popconfirm")],k);const _=o`
   :host {
     display: block;
   }
@@ -405,48 +499,48 @@ const u=t=>{class o extends t{constructor(){super(...arguments),this.t=null}crea
  * @license
  * Copyright 2023 Nuraly, Laabidi Aymen
  * SPDX-License-Identifier: MIT
- */;var k,_=function(t,o,e,i){for(var n,r=arguments.length,s=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,c=t.length-1;c>=0;c--)(n=t[c])&&(s=(r<3?n(s):r>3?n(o,e,s):n(o,e))||s);return r>3&&s&&Object.defineProperty(o,e,s),s},$=function(t,o,e,i){return new(e||(e=Promise))(function(n,r){function s(t){try{a(i.next(t))}catch(t){r(t)}}function c(t){try{a(i.throw(t))}catch(t){r(t)}}function a(t){var o;t.done?n(t.value):(o=t.value,o instanceof e?o:new e(function(t){t(o)})).then(s,c)}a((i=i.apply(t,o||[])).next())})};let C=k=class extends(g(e)){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(),k._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(),k._instance=null,this._boundHandleOutsideClick&&document.removeEventListener("click",this._boundHandleOutsideClick,!0),this._boundHandleKeydown&&document.removeEventListener("keydown",this._boundHandleKeydown)}static getInstance(){return k._instance}static confirm(t,o){return $(this,void 0,void 0,function*(){const e=k.getInstance();return e?new Promise(i=>{e.show(Object.assign(Object.assign({},t),{onConfirm:()=>$(this,void 0,void 0,function*(){var o;yield null===(o=t.onConfirm)||void 0===o?void 0:o.call(t),i(!0)}),onCancel:()=>{var o;null===(o=t.onCancel)||void 0===o||o.call(t),i(!1)}}),o)}):(console.warn("NrPopconfirmManager: No instance found. Add <nr-popconfirm-manager> to your app."),!1)})}show(t,o){const e=this.generateId(),i={id:e,config:t,position:this.adjustPosition(o),loading:!1};return this._showTimestamp=Date.now(),this.items=[i],console.log("[nr-popconfirm-manager] show() called, items:",this.items),this.requestUpdate(),e}close(t){this.items=this.items.filter(o=>o.id!==t)}closeAll(){this.items=[]}handleConfirm(t,o){return $(this,void 0,void 0,function*(){o.stopPropagation();const e=new CustomEvent("nr-popconfirm-confirm",{bubbles:!0,composed:!0,detail:{id:t.id,config:t.config}});if(this.dispatchEvent(e),t.config.onConfirm){const o=t.config.onConfirm();if(o&&"function"==typeof o.then){t.loading=!0,this.requestUpdate();try{yield o}catch(t){console.error("Popconfirm confirmation failed:",t)}finally{t.loading=!1}}}this.close(t.id)})}handleCancel(t,o){var e,i;o.stopPropagation();const n=new CustomEvent("nr-popconfirm-cancel",{bubbles:!0,composed:!0,detail:{id:t.id,config:t.config}});this.dispatchEvent(n),null===(i=(e=t.config).onCancel)||void 0===i||i.call(e),this.close(t.id)}handleOutsideClick(t){var o;if(0===this.items.length)return;if(Date.now()-this._showTimestamp<100)return;const e=t.composedPath(),i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".popconfirm-manager__item");i&&!e.includes(i)&&(this.items.forEach(t=>{var o,e;null===(e=(o=t.config).onCancel)||void 0===e||e.call(o)}),this.closeAll())}handleKeydown(t){"Escape"===t.key&&this.items.length>0&&(this.items.forEach(t=>{var o,e;null===(e=(o=t.config).onCancel)||void 0===e||e.call(o)}),this.closeAll())}adjustPosition(t){const o=16,e=window.innerWidth,i=window.innerHeight;let n=t.x,r=t.y;return n+280>e-o&&(n=e-280-o),n<o&&(n=o),r+120>i-o&&(r=t.y-120-8),r<o&&(r=o),{x:n,y:r}}generateId(){return`popconfirm-${crypto.randomUUID()}`}getIconClass(t){return{"exclamation-circle":"warning","question-circle":"question","info-circle":"info","close-circle":"error","check-circle":"success"}[t||""]||"warning"}renderItem(t){const{config:e,position:n}=t,r=e.icon||"exclamation-circle",s=e.iconColor?"custom":this.getIconClass(r),a=!1!==e.showCancel,l={left:`${n.x}px`,top:`${n.y}px`},d=e.iconColor?{color:e.iconColor}:{};return o`
+ */;var $,C=function(o,t,i,n){for(var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n,c=o.length-1;c>=0;c--)(e=o[c])&&(s=(r<3?e(s):r>3?e(t,i,s):e(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s},E=function(o,t,i,n){return new(i||(i=Promise))(function(e,r){function s(o){try{a(n.next(o))}catch(o){r(o)}}function c(o){try{a(n.throw(o))}catch(o){r(o)}}function a(o){var t;o.done?e(o.value):(t=o.value,t instanceof i?t:new i(function(o){o(t)})).then(s,c)}a((n=n.apply(o,t||[])).next())})};let S=$=class extends(v(e)){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(),$._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(),$._instance=null,this._boundHandleOutsideClick&&document.removeEventListener("click",this._boundHandleOutsideClick,!0),this._boundHandleKeydown&&document.removeEventListener("keydown",this._boundHandleKeydown)}static getInstance(){return $._instance}static confirm(o,t){return E(this,void 0,void 0,function*(){const i=$.getInstance();return i?new Promise(n=>{i.show(Object.assign(Object.assign({},o),{onConfirm:()=>E(this,void 0,void 0,function*(){var t;yield null===(t=o.onConfirm)||void 0===t?void 0:t.call(o),n(!0)}),onCancel:()=>{var t;null===(t=o.onCancel)||void 0===t||t.call(o),n(!1)}}),t)}):(console.warn("NrPopconfirmManager: No instance found. Add <nr-popconfirm-manager> to your app."),!1)})}show(o,t){const i=this.generateId(),n={id:i,config:o,position:this.adjustPosition(t),loading:!1};return this._showTimestamp=Date.now(),this.items=[n],console.log("[nr-popconfirm-manager] show() called, items:",this.items),this.requestUpdate(),i}close(o){this.items=this.items.filter(t=>t.id!==o)}closeAll(){this.items=[]}handleConfirm(o,t){return E(this,void 0,void 0,function*(){t.stopPropagation();const i=new CustomEvent("nr-popconfirm-confirm",{bubbles:!0,composed:!0,detail:{id:o.id,config:o.config}});if(this.dispatchEvent(i),o.config.onConfirm){const t=o.config.onConfirm();if(t&&"function"==typeof t.then){o.loading=!0,this.requestUpdate();try{yield t}catch(o){console.error("Popconfirm confirmation failed:",o)}finally{o.loading=!1}}}this.close(o.id)})}handleCancel(o,t){var i,n;t.stopPropagation();const e=new CustomEvent("nr-popconfirm-cancel",{bubbles:!0,composed:!0,detail:{id:o.id,config:o.config}});this.dispatchEvent(e),null===(n=(i=o.config).onCancel)||void 0===n||n.call(i),this.close(o.id)}handleOutsideClick(o){var t;if(0===this.items.length)return;if(Date.now()-this._showTimestamp<100)return;const i=o.composedPath(),n=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".popconfirm-manager__item");n&&!i.includes(n)&&(this.items.forEach(o=>{var t,i;null===(i=(t=o.config).onCancel)||void 0===i||i.call(t)}),this.closeAll())}handleKeydown(o){"Escape"===o.key&&this.items.length>0&&(this.items.forEach(o=>{var t,i;null===(i=(t=o.config).onCancel)||void 0===i||i.call(t)}),this.closeAll())}adjustPosition(o){const t=16,i=window.innerWidth,n=window.innerHeight;let e=o.x,r=o.y;return e+280>i-t&&(e=i-280-t),e<t&&(e=t),r+120>n-t&&(r=o.y-120-8),r<t&&(r=t),{x:e,y:r}}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:t,position:e}=o,r=t.icon||"exclamation-circle",s=t.iconColor?"custom":this.getIconClass(r),c=!1!==t.showCancel,a={left:`${e.x}px`,top:`${e.y}px`},l=t.iconColor?{color:t.iconColor}:{};return n`
       <div
         class="popconfirm-manager__item"
-        style=${c(l)}
-        @click=${t=>t.stopPropagation()}
+        style=${p(a)}
+        @click=${o=>o.stopPropagation()}
       >
         <div class="popconfirm-manager__content">
           <div class="popconfirm-manager__message">
             <div
               class="popconfirm-manager__icon popconfirm-manager__icon--${s}"
-              style=${c(d)}
+              style=${p(l)}
             >
               <nr-icon name=${r}></nr-icon>
             </div>
             <div class="popconfirm-manager__text">
-              ${e.title?o`<nr-label class="popconfirm-manager__title" size="medium">${e.title}</nr-label>`:i}
-              ${e.description?o`<nr-label class="popconfirm-manager__description" size="small" variant="secondary">${e.description}</nr-label>`:i}
+              ${t.title?n`<nr-label class="popconfirm-manager__title" size="medium">${t.title}</nr-label>`:i}
+              ${t.description?n`<nr-label class="popconfirm-manager__description" size="small" variant="secondary">${t.description}</nr-label>`:i}
             </div>
           </div>
           <div class="popconfirm-manager__buttons">
-            ${a?o`
+            ${c?n`
                   <nr-button
                     size="small"
-                    @click=${o=>this.handleCancel(t,o)}
+                    @click=${t=>this.handleCancel(o,t)}
                   >
-                    ${e.cancelText||"Cancel"}
+                    ${t.cancelText||"Cancel"}
                   </nr-button>
                 `:i}
             <nr-button
               size="small"
-              type=${"danger"===e.okType?"danger":"primary"===e.okType?"primary":"default"}
-              ?loading=${t.loading}
-              ?disabled=${t.loading}
-              @click=${o=>this.handleConfirm(t,o)}
+              type=${"danger"===t.okType?"danger":"primary"===t.okType?"primary":"default"}
+              ?loading=${o.loading}
+              ?disabled=${o.loading}
+              @click=${t=>this.handleConfirm(o,t)}
             >
-              ${e.okText||"OK"}
+              ${t.okText||"OK"}
             </nr-button>
           </div>
         </div>
       </div>
-    `}render(){return 0===this.items.length?i:o`
+    `}render(){return 0===this.items.length?i:n`
       <div class="popconfirm-manager">
-        ${this.items.map(t=>this.renderItem(t))}
+        ${this.items.map(o=>this.renderItem(o))}
       </div>
-    `}};C.useShadowDom=!0,C.styles=w,C._instance=null,_([r()],C.prototype,"items",void 0),C=k=_([s("nr-popconfirm-manager")],C);export{y as NrPopconfirmElement,C as NrPopconfirmManagerElement};
+    `}};S.useShadowDom=!0,S.styles=_,S._instance=null,C([s()],S.prototype,"items",void 0),S=$=C([c("nr-popconfirm-manager")],S);export{k as NrPopconfirmElement,S as NrPopconfirmManagerElement};

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

@@ -9,45 +9,9 @@ declare const NrPopconfirmElement_base: (new (...args: any[]) => import("@nuraly
 /**
  * # Popconfirm Component
  *
- * A pop-up confirmation dialog triggered by user interaction. It provides a simple and
- * compact way to ask for user confirmation before performing an action.
- *
- * ## Features
- * - Customizable title and description
- * - Configurable OK and Cancel buttons
- * - Multiple placement options (12 positions)
- * - Custom icons with predefined options
- * - Async confirmation support
- * - Multiple trigger modes (click, hover, focus)
- * - Theme-aware styling
- * - Keyboard accessibility
- *
- * ## Usage
- * ```html
- * <!-- Basic popconfirm -->
- * <nr-popconfirm
- *   title="Are you sure delete this task?"
- *   ok-text="Yes"
- *   cancel-text="No">
- *   <button slot="trigger">Delete</button>
- * </nr-popconfirm>
- *
- * <!-- With description -->
- * <nr-popconfirm
- *   title="Delete the task"
- *   description="Are you sure you want to delete this task? This action cannot be undone."
- *   ok-type="danger">
- *   <button slot="trigger">Delete</button>
- * </nr-popconfirm>
- *
- * <!-- Custom icon -->
- * <nr-popconfirm
- *   title="Change status?"
- *   icon="question-circle"
- *   icon-color="#1890ff">
- *   <button slot="trigger">Change Status</button>
- * </nr-popconfirm>
- * ```
+ * A pop-up confirmation dialog triggered by user interaction. The panel is rendered
+ * into a body-level portal so it escapes ancestor stacking contexts and is not
+ * hidden when the trigger's ancestors are toggled with `display: none`.
  *
  * @element nr-popconfirm
  * @fires nr-confirm - Fired when user confirms the action
@@ -62,112 +26,44 @@ export declare class NrPopconfirmElement extends NrPopconfirmElement_base {
     static useShadowDom: boolean;
     static styles: import("lit").CSSResult;
     requiredComponents: string[];
-    /**
-     * 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 for the confirmation box
-     */
     icon: PopconfirmIcon;
-    /**
-     * Custom icon color
-     */
     iconColor: string;
-    /**
-     * Placement of the popconfirm
-     */
     placement: PopconfirmPlacement;
-    /**
-     * Trigger mode
-     */
     trigger: PopconfirmTrigger;
-    /**
-     * Whether the popconfirm is disabled
-     */
     disabled: boolean;
-    /**
-     * Whether to show arrow
-     */
     arrow: boolean;
-    /**
-     * Whether the popconfirm is open
-     */
     open: boolean;
-    /**
-     * Loading state for OK button (for async operations)
-     */
     private okLoading;
-    /**
-     * Bound event handlers for cleanup
-     */
+    private _portalHost;
+    private _portalRoot;
     private _boundHandleOutsideClick;
     private _boundHandleKeydown;
-    /**
-     * Reference to the dropdown element
-     */
-    private get dropdownElement();
+    private _boundReposition;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /**
-     * Handle trigger click to toggle popconfirm
-     */
+    updated(changed: Map<string, any>): void;
+    private _ensurePortal;
+    private _teardownPortal;
+    private _attachViewportListeners;
+    private _detachViewportListeners;
+    private _renderPortal;
+    private _renderPortalTemplate;
+    private reposition;
     private handleTriggerClick;
-    /**
-     * Open the popconfirm
-     */
     private openPopconfirm;
-    /**
-     * Handle clicks outside the popconfirm to close it
-     */
+    private closePopconfirm;
     private handleOutsideClick;
-    /**
-     * Handle escape key to close popconfirm
-     */
     private handleKeydown;
-    /**
-     * Handle confirm button click
-     */
     private handleConfirm;
-    /**
-     * Handle cancel button click
-     */
     private handleCancel;
-    /**
-     * Close the popconfirm
-     */
-    private closePopconfirm;
-    /**
-     * Get icon color based on icon type
-     */
     private getIconColor;
-    /**
-     * Get icon class based on icon type
-     */
     private getIconClass;
-    /**
-     * Render the popconfirm content
-     */
     private renderContent;
     render(): import("lit-html").TemplateResult<1>;
 }