@editora/ui-core 0.1.19 → 0.1.21

package/dist/popover.esm.js

@@ -1,7 +1,7 @@
-import { E as v } from "./ElementBase-909688f3.mjs";
-import { c as h } from "./portal-fe73e5cc.mjs";
-import { c as f } from "./dismissable-layer-9c7e6b58.mjs";
-import { l as b } from "./positioner-e9770c66.mjs";
+import { E as v } from "./ElementBase-YlTLMsGk.mjs";
+import { b as h } from "./portal-bR42gHvG.mjs";
+import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as b } from "./positioner-D0VGxtYU.mjs";
 const g = `
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -309,28 +309,25 @@ class m extends v {
     ];
   }
   attributeChangedCallback(e, t, r) {
-    var o;
     if (t !== r) {
       if (e === "open") {
         this._syncOpenState();
         return;
       }
-      this._isOpen && ((o = this._portalEl) != null && o.isConnected) && (e === "placement" || e === "offset" || e === "flip" || e === "shift" || e === "variant" || e === "tone" || e === "size" || e === "radius" || e === "elevation" ? this._mountPortal() : (e === "close-on-escape" || e === "close-on-outside") && this._syncDismissableLayer());
+      this._isOpen && this._portalEl?.isConnected && (e === "placement" || e === "offset" || e === "flip" || e === "shift" || e === "variant" || e === "tone" || e === "size" || e === "radius" || e === "elevation" ? this._mountPortal() : (e === "close-on-escape" || e === "close-on-outside") && this._syncDismissableLayer());
     }
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("click", this._onHostClick), this._observeHost(), this._syncOpenState();
   }
   disconnectedCallback() {
-    var e;
-    this.removeEventListener("click", this._onHostClick), (e = this._hostObserver) == null || e.disconnect(), this._hostObserver = null, this._teardownPortal(), super.disconnectedCallback();
+    this.removeEventListener("click", this._onHostClick), this._hostObserver?.disconnect(), this._hostObserver = null, this._teardownPortal(), super.disconnectedCallback();
   }
   _handleHostClick(e) {
     const t = this._getTrigger();
-    if (!t)
-      return;
+    if (!t) return;
     const r = typeof e.composedPath == "function" ? e.composedPath() : [], o = e.target instanceof Node ? e.target : null;
-    (r.includes(t) || !!o && (t === o || t.contains(o))) && this.toggle();
+    (r.includes(t) || o && (t === o || t.contains(o))) && this.toggle();
   }
   open() {
     this.setAttribute("open", "");
@@ -342,8 +339,7 @@ class m extends v {
     this.hasAttribute("open") ? this.close() : this.open();
   }
   updatePosition() {
-    var e;
-    (e = this._positioner) == null || e.update();
+    this._positioner?.update();
   }
   _getTrigger() {
     return this.querySelector('[slot="trigger"]');
@@ -357,8 +353,8 @@ class m extends v {
     r && (e.dataset.tone = r);
     const o = this.getAttribute("size");
     o && (e.dataset.size = o);
-    const i = this.getAttribute("elevation");
-    i && (e.dataset.elevation = i);
+    const a = this.getAttribute("elevation");
+    a && (e.dataset.elevation = a);
     const s = this.getAttribute("radius");
     if (s && s.trim()) {
       const p = s.trim(), d = /^-?\d+(\.\d+)?$/.test(p) ? `${p}px` : p;
@@ -366,12 +362,12 @@ class m extends v {
     }
     const l = document.createElement("style");
     l.textContent = g, e.appendChild(l);
-    const a = document.createElement("div");
-    a.className = "panel show", this._panelEl = a;
+    const i = document.createElement("div");
+    i.className = "panel show", this._panelEl = i;
     const c = document.createElement("div");
-    c.className = "arrow", a.appendChild(c);
+    c.className = "arrow", i.appendChild(c);
     const u = this.querySelector('[slot="content"]'), n = document.createElement("div");
-    return n.className = "content", u && n.appendChild(u.cloneNode(!0)), a.appendChild(n), e.appendChild(a), e;
+    return n.className = "content", u && n.appendChild(u.cloneNode(!0)), i.appendChild(n), e.appendChild(i), e;
   }
   _getContentSource() {
     return this.querySelector('[slot="content"]');
@@ -391,9 +387,8 @@ class m extends v {
     return this.getAttribute("close-on-outside") !== "false";
   }
   _syncDismissableLayer() {
-    var t;
     const e = this._getTrigger();
-    !e || !this._panelEl || ((t = this._layer) == null || t.destroy(), this._layer = f({
+    !e || !this._panelEl || (this._layer?.destroy(), this._layer = f({
       node: this._panelEl,
       trigger: e,
       closeOnEscape: this._closeOnEscape(),
@@ -402,8 +397,7 @@ class m extends v {
     }));
   }
   _teardownPortal() {
-    var e, t, r, o;
-    if ((e = this._contentObserver) == null || e.disconnect(), this._contentObserver = null, (t = this._layer) == null || t.destroy(), this._layer = null, (r = this._positioner) == null || r.destroy(), this._positioner = null, this._panelEl = null, (o = this._portalEl) != null && o.parentElement)
+    if (this._contentObserver?.disconnect(), this._contentObserver = null, this._layer?.destroy(), this._layer = null, this._positioner?.destroy(), this._positioner = null, this._panelEl = null, this._portalEl?.parentElement)
       try {
         this._portalEl.parentElement.removeChild(this._portalEl);
       } catch {
@@ -416,8 +410,7 @@ class m extends v {
     }));
   }
   _observeContent() {
-    var t;
-    (t = this._contentObserver) == null || t.disconnect(), this._contentObserver = null;
+    this._contentObserver?.disconnect(), this._contentObserver = null;
     const e = this._getContentSource();
     !e || typeof MutationObserver > "u" || (this._contentObserver = new MutationObserver(() => this._schedulePortalSync()), this._contentObserver.observe(e, {
       attributes: !0,
@@ -427,16 +420,14 @@ class m extends v {
     }));
   }
   _observeHost() {
-    var e;
-    (e = this._hostObserver) == null || e.disconnect(), this._hostObserver = null, !(typeof MutationObserver > "u") && (this._hostObserver = new MutationObserver(() => this._schedulePortalSync()), this._hostObserver.observe(this, {
+    this._hostObserver?.disconnect(), this._hostObserver = null, !(typeof MutationObserver > "u") && (this._hostObserver = new MutationObserver(() => this._schedulePortalSync()), this._hostObserver.observe(this, {
       childList: !0,
       subtree: !1
     }));
   }
   _mountPortal() {
     const e = this._getTrigger();
-    if (!e)
-      return;
+    if (!e) return;
     this._teardownPortal(), this._portalEl = this._buildPortalContent();
     const t = h();
     t && (t.appendChild(this._portalEl), this._observeContent(), this._positioner = b({
@@ -450,10 +441,9 @@ class m extends v {
     }), this._syncDismissableLayer());
   }
   _syncOpenState() {
-    var i;
     const e = this.hasAttribute("open");
     if (e === this._isOpen) {
-      e && (!this._portalEl || !this._portalEl.isConnected ? this._mountPortal() : (i = this._positioner) == null || i.update());
+      e && (!this._portalEl || !this._portalEl.isConnected ? this._mountPortal() : this._positioner?.update());
       return;
     }
     if (this._isOpen = e, e) {

package/dist/portal-DgpQ3Jo1.js

@@ -0,0 +1 @@
+"use strict";const C=require("./positioner-D_fqyx_j.js");function H(a="ui-portal-root"){if(typeof document>"u")return null;let e=document.getElementById(a);return e||(e=document.createElement("div"),e.id=a,e.style.position="fixed",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.height="0",e.style.pointerEvents="none",e.style.zIndex="var(--ui-portal-z, 1600)",document.body.appendChild(e)),e.style.zIndex||(e.style.zIndex="var(--ui-portal-z, 1600)"),e}function x(a,e,l="top"){const t=typeof l=="string"?{placement:l}:l,r=e instanceof HTMLElement?e:typeof e.getBoundingClientRect=="function"?e.getBoundingClientRect():e,n=C.computePositionState(a,r,{placement:t.placement||"top",strategy:t.strategy||"fixed",offset:typeof t.offset=="number"?t.offset:8,flip:t.flip,shift:t.shift,arrow:t.arrow??null,boundary:t.boundary??null,boundaryPadding:t.boundaryPadding,dir:t.dir,autoPlacement:t.autoPlacement,allowedPlacements:t.allowedPlacements,fallbackPlacements:t.fallbackPlacements,inline:t.inline,hideWhenDetached:t.hideWhenDetached}),d=a.getBoundingClientRect(),m=n.middlewareData?.arrow?.x??Math.round(d.left+d.width/2-n.x),h=n.middlewareData?.arrow?.y??Math.round(d.top+d.height/2-n.y);return{top:n.y,left:n.x,placement:n.placement,x:m,y:h,strategy:n.strategy,availableWidth:n.availableWidth,availableHeight:n.availableHeight,middlewareData:n.middlewareData,referenceHidden:n.referenceHidden,escaped:n.escaped}}function M(a,e,l,t={}){return C.autoUpdatePositioner(a,e,l,t)}function D(a,e,l="top"){const t=typeof l=="string"?{placement:l}:l,r=t.placement||"top",n=typeof t.offset=="number"?t.offset:8,d=t.flip!==!1,m=!!t.shift,h=H();if(!h)return;e.style.position="absolute",e.style.pointerEvents="auto",h.appendChild(e);let P=()=>{};function W(f,y,c){const o=t.arrow||e.querySelector(".arrow");if(!o)return;const i=a.getBoundingClientRect(),g=i.left+i.width/2,w=i.top+i.height/2;if(c==="top"||c==="bottom"){const u=g-y,s=8,p=e.offsetWidth-8,b=Math.max(s,Math.min(p,u));o.style.left=`${Math.round(b)}px`,o.style.top=""}else{const u=w-f,s=8,p=e.offsetHeight-8,b=Math.max(s,Math.min(p,u));o.style.top=`${Math.round(b)}px`,o.style.left=""}}function v(){if(a&&typeof a.getBoundingClientRect=="function"&&a instanceof HTMLElement){const i=a,g=i.getRootNode?.(),w=g instanceof ShadowRoot?g.host:null,u=i.isConnected||document.body.contains(i)||(w?document.body.contains(w):!1),s=window.getComputedStyle(i),p=s.display!=="none"&&s.visibility!=="hidden"&&parseFloat(s.opacity||"1")>0;if(!u||!p){try{e.parentElement&&e.parentElement.removeChild(e)}catch{}P();return}}const f=x(a,e,{placement:r,offset:n,flip:d,shift:m,strategy:t.strategy||"fixed",boundary:t.boundary??null,boundaryPadding:t.boundaryPadding,dir:t.dir,autoPlacement:t.autoPlacement,allowedPlacements:t.allowedPlacements,fallbackPlacements:t.fallbackPlacements,inline:t.inline,hideWhenDetached:t.hideWhenDetached,arrow:t.arrow??null}),y=window.innerWidth||document.documentElement.clientWidth,c=window.innerHeight||document.documentElement.clientHeight;let o=f;d&&(f.top<0&&r==="top"||f.top+e.offsetHeight>c&&r==="bottom")&&(o=x(a,e,{placement:r==="top"?"bottom":"top",offset:n,flip:d,shift:m,strategy:t.strategy||"fixed",boundary:t.boundary??null,boundaryPadding:t.boundaryPadding,dir:t.dir,autoPlacement:t.autoPlacement,allowedPlacements:t.allowedPlacements,fallbackPlacements:t.fallbackPlacements,inline:t.inline,hideWhenDetached:t.hideWhenDetached,arrow:t.arrow??null})),o.left<4&&(o.left=4),o.left+e.offsetWidth>y-4&&(o.left=y-e.offsetWidth-4),o.top<4&&(o.top=4),o.top+e.offsetHeight>c-4&&(o.top=c-e.offsetHeight-4),e.style.top=`${Math.round(o.top)}px`,e.style.left=`${Math.round(o.left)}px`,W(o.top,o.left,o.placement),e.setAttribute("data-placement",o.placement)}return v(),P=M(a,e,v),()=>{try{e.parentElement&&e.parentElement.removeChild(e)}catch{}P()}}exports.autoUpdatePosition=M;exports.computePosition=x;exports.createPortalContainer=H;exports.showPortalFor=D;

package/dist/{portal-fe73e5cc.mjs → portal-bR42gHvG.mjs}

@@ -1,13 +1,11 @@
-import { c as H, a as M } from "./positioner-e9770c66.mjs";
+import { a as H, c as M } from "./positioner-D0VGxtYU.mjs";
 function W(a = "ui-portal-root") {
-  if (typeof document > "u")
-    return null;
+  if (typeof document > "u") return null;
   let e = document.getElementById(a);
   return e || (e = document.createElement("div"), e.id = a, e.style.position = "fixed", e.style.top = "0", e.style.left = "0", e.style.width = "100%", e.style.height = "0", e.style.pointerEvents = "none", e.style.zIndex = "var(--ui-portal-z, 1600)", document.body.appendChild(e)), e.style.zIndex || (e.style.zIndex = "var(--ui-portal-z, 1600)"), e;
 }
-function C(a, e, i = "top") {
-  var p, P, h, l;
-  const t = typeof i == "string" ? { placement: i } : i, c = e instanceof HTMLElement ? e : typeof e.getBoundingClientRect == "function" ? e.getBoundingClientRect() : e, n = H(a, c, {
+function v(a, e, l = "top") {
+  const t = typeof l == "string" ? { placement: l } : l, r = e instanceof HTMLElement ? e : typeof e.getBoundingClientRect == "function" ? e.getBoundingClientRect() : e, n = M(a, r, {
     placement: t.placement || "top",
     strategy: t.strategy || "fixed",
     offset: typeof t.offset == "number" ? t.offset : 8,
@@ -22,13 +20,13 @@ function C(a, e, i = "top") {
     fallbackPlacements: t.fallbackPlacements,
     inline: t.inline,
     hideWhenDetached: t.hideWhenDetached
-  }), d = a.getBoundingClientRect(), w = ((P = (p = n.middlewareData) == null ? void 0 : p.arrow) == null ? void 0 : P.x) ?? Math.round(d.left + d.width / 2 - n.x), b = ((l = (h = n.middlewareData) == null ? void 0 : h.arrow) == null ? void 0 : l.y) ?? Math.round(d.top + d.height / 2 - n.y);
+  }), s = a.getBoundingClientRect(), m = n.middlewareData?.arrow?.x ?? Math.round(s.left + s.width / 2 - n.x), h = n.middlewareData?.arrow?.y ?? Math.round(s.top + s.height / 2 - n.y);
   return {
     top: n.y,
     left: n.x,
     placement: n.placement,
-    x: w,
-    y: b,
+    x: m,
+    y: h,
     strategy: n.strategy,
     availableWidth: n.availableWidth,
     availableHeight: n.availableHeight,
@@ -37,47 +35,44 @@ function C(a, e, i = "top") {
     escaped: n.escaped
   };
 }
-function D(a, e, i, t = {}) {
-  return M(a, e, i, t);
+function D(a, e, l, t = {}) {
+  return H(a, e, l, t);
 }
-function B(a, e, i = "top") {
-  const t = typeof i == "string" ? { placement: i } : i, c = t.placement || "top", n = typeof t.offset == "number" ? t.offset : 8, d = t.flip !== !1, w = !!t.shift, b = W();
-  if (!b)
-    return;
-  e.style.position = "absolute", e.style.pointerEvents = "auto", b.appendChild(e);
-  let p = () => {
+function k(a, e, l = "top") {
+  const t = typeof l == "string" ? { placement: l } : l, r = t.placement || "top", n = typeof t.offset == "number" ? t.offset : 8, s = t.flip !== !1, m = !!t.shift, h = W();
+  if (!h) return;
+  e.style.position = "absolute", e.style.pointerEvents = "auto", h.appendChild(e);
+  let P = () => {
   };
-  function P(l, x, u) {
+  function C(f, y, c) {
     const o = t.arrow || e.querySelector(".arrow");
-    if (!o)
-      return;
-    const r = a.getBoundingClientRect(), s = r.left + r.width / 2, v = r.top + r.height / 2;
-    if (u === "top" || u === "bottom") {
-      const m = s - x, y = 8, f = e.offsetWidth - 8, g = Math.max(y, Math.min(f, m));
-      o.style.left = `${Math.round(g)}px`, o.style.top = "";
+    if (!o) return;
+    const i = a.getBoundingClientRect(), g = i.left + i.width / 2, w = i.top + i.height / 2;
+    if (c === "top" || c === "bottom") {
+      const p = g - y, d = 8, u = e.offsetWidth - 8, b = Math.max(d, Math.min(u, p));
+      o.style.left = `${Math.round(b)}px`, o.style.top = "";
     } else {
-      const m = v - l, y = 8, f = e.offsetHeight - 8, g = Math.max(y, Math.min(f, m));
-      o.style.top = `${Math.round(g)}px`, o.style.left = "";
+      const p = w - f, d = 8, u = e.offsetHeight - 8, b = Math.max(d, Math.min(u, p));
+      o.style.top = `${Math.round(b)}px`, o.style.left = "";
     }
   }
-  function h() {
-    var r;
+  function x() {
     if (a && typeof a.getBoundingClientRect == "function" && a instanceof HTMLElement) {
-      const s = a, v = (r = s.getRootNode) == null ? void 0 : r.call(s), m = v instanceof ShadowRoot ? v.host : null, y = s.isConnected || document.body.contains(s) || (m ? document.body.contains(m) : !1), f = window.getComputedStyle(s), g = f.display !== "none" && f.visibility !== "hidden" && parseFloat(f.opacity || "1") > 0;
-      if (!y || !g) {
+      const i = a, g = i.getRootNode?.(), w = g instanceof ShadowRoot ? g.host : null, p = i.isConnected || document.body.contains(i) || (w ? document.body.contains(w) : !1), d = window.getComputedStyle(i), u = d.display !== "none" && d.visibility !== "hidden" && parseFloat(d.opacity || "1") > 0;
+      if (!p || !u) {
         try {
           e.parentElement && e.parentElement.removeChild(e);
         } catch {
         }
-        p();
+        P();
         return;
       }
     }
-    const l = C(a, e, {
-      placement: c,
+    const f = v(a, e, {
+      placement: r,
       offset: n,
-      flip: d,
-      shift: w,
+      flip: s,
+      shift: m,
       strategy: t.strategy || "fixed",
       boundary: t.boundary ?? null,
       boundaryPadding: t.boundaryPadding,
@@ -88,13 +83,13 @@ function B(a, e, i = "top") {
       inline: t.inline,
       hideWhenDetached: t.hideWhenDetached,
       arrow: t.arrow ?? null
-    }), x = window.innerWidth || document.documentElement.clientWidth, u = window.innerHeight || document.documentElement.clientHeight;
-    let o = l;
-    d && (l.top < 0 && c === "top" || l.top + e.offsetHeight > u && c === "bottom") && (o = C(a, e, {
-      placement: c === "top" ? "bottom" : "top",
+    }), y = window.innerWidth || document.documentElement.clientWidth, c = window.innerHeight || document.documentElement.clientHeight;
+    let o = f;
+    s && (f.top < 0 && r === "top" || f.top + e.offsetHeight > c && r === "bottom") && (o = v(a, e, {
+      placement: r === "top" ? "bottom" : "top",
       offset: n,
-      flip: d,
-      shift: w,
+      flip: s,
+      shift: m,
       strategy: t.strategy || "fixed",
       boundary: t.boundary ?? null,
       boundaryPadding: t.boundaryPadding,
@@ -105,19 +100,19 @@ function B(a, e, i = "top") {
       inline: t.inline,
       hideWhenDetached: t.hideWhenDetached,
       arrow: t.arrow ?? null
-    })), o.left < 4 && (o.left = 4), o.left + e.offsetWidth > x - 4 && (o.left = x - e.offsetWidth - 4), o.top < 4 && (o.top = 4), o.top + e.offsetHeight > u - 4 && (o.top = u - e.offsetHeight - 4), e.style.top = `${Math.round(o.top)}px`, e.style.left = `${Math.round(o.left)}px`, P(o.top, o.left, o.placement), e.setAttribute("data-placement", o.placement);
+    })), o.left < 4 && (o.left = 4), o.left + e.offsetWidth > y - 4 && (o.left = y - e.offsetWidth - 4), o.top < 4 && (o.top = 4), o.top + e.offsetHeight > c - 4 && (o.top = c - e.offsetHeight - 4), e.style.top = `${Math.round(o.top)}px`, e.style.left = `${Math.round(o.left)}px`, C(o.top, o.left, o.placement), e.setAttribute("data-placement", o.placement);
   }
-  return h(), p = D(a, e, h), () => {
+  return x(), P = D(a, e, x), () => {
     try {
       e.parentElement && e.parentElement.removeChild(e);
     } catch {
     }
-    p();
+    P();
   };
 }
 export {
-  C as a,
-  D as b,
-  W as c,
-  B as s
+  D as a,
+  W as b,
+  v as c,
+  k as s
 };

package/dist/portal.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-1b301e7f.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-EV6mVBUV.js"),l=require("./selector-BvAh35ve.js"),a=`
   :host {
     display: contents;
     color-scheme: light dark;
@@ -31,8 +31,8 @@
       --ui-portal-color: CanvasText;
     }
   }
-`;function a(r){return r==="prepend"?"prepend":"append"}function h(r){var t;return r.nodeType===Node.ELEMENT_NODE?!0:r.nodeType===Node.TEXT_NODE?!!((t=r.textContent)!=null&&t.trim()):!1}function u(r){return r.nodeType===Node.ELEMENT_NODE||r.nodeType===Node.TEXT_NODE}class n extends o.ElementBase{constructor(){super(),this._headless=!1,this._strategy="append",this._target=null,this._slot=null,this._entries=[],this._syncing=!1,this._guardTimer=null,this._targetObserver=null,this._pendingSlotSync=!1,this._onSlotChange=this._onSlotChange.bind(this),this._onTargetMutations=this._onTargetMutations.bind(this)}static get observedAttributes(){return["target","headless","strategy","disabled"]}connectedCallback(){super.connectedCallback(),this._syncConfig(),this._mountAllFromSlot()}disconnectedCallback(){this._guardTimer!=null&&(window.clearTimeout(this._guardTimer),this._guardTimer=null),this._slot&&(this._slot.removeEventListener("slotchange",this._onSlotChange),this._slot=null),this._disconnectTargetObserver(),this._restoreAll(),super.disconnectedCallback()}attributeChangedCallback(t,e,s){if(e!==s){if(this._syncConfig(),this._headless){this._restoreAll();return}(t==="target"||t==="strategy"||t==="disabled"||t==="headless")&&this._moveAllToTarget()}}_syncConfig(){this._headless=this.hasAttribute("headless")||this.hasAttribute("disabled"),this._strategy=a(this.getAttribute("strategy")),this._target=this._resolveTarget(),this._connectTargetObserver()}_resolveTarget(){const t=this.getAttribute("target");if(t){const e=document.querySelector(t);if(e instanceof HTMLElement)return e;this.dispatchEvent(new CustomEvent("target-missing",{detail:{target:t},bubbles:!0}))}return document.body}_connectTargetObserver(){this._disconnectTargetObserver(),!(!this._target||typeof MutationObserver>"u")&&(this._targetObserver=new MutationObserver(this._onTargetMutations),this._targetObserver.observe(this._target,{childList:!0,subtree:!0}))}_disconnectTargetObserver(){this._targetObserver&&(this._targetObserver.disconnect(),this._targetObserver=null)}_onTargetMutations(){if(this._syncing)return;let t=!1;this._entries=this._entries.filter(e=>{if(e.node.isConnected)return!0;try{e.anchor.parentNode&&e.anchor.parentNode.removeChild(e.anchor)}catch{}return t=!0,!1}),t&&this.dispatchEvent(new CustomEvent("sync",{detail:{count:this._entries.length},bubbles:!0}))}_beginSync(){this._syncing=!0,this._guardTimer!=null&&window.clearTimeout(this._guardTimer),this._guardTimer=window.setTimeout(()=>{this._syncing=!1,this._guardTimer=null,this._pendingSlotSync&&(this._pendingSlotSync=!1,this._mountAllFromSlot())},0)}_findEntry(t){return this._entries.find(e=>e.node===t)}_portalNode(t){if(!this._target||this._headless||!u(t)||this._findEntry(t)||!this.contains(t))return;const e=document.createComment("ui-portal-anchor"),s=t.parentNode;s&&(this._beginSync(),s.insertBefore(e,t),this._strategy==="prepend"?this._target.insertBefore(t,this._target.firstChild):this._target.appendChild(t),this._entries.push({node:t,anchor:e}))}_restoreEntry(t){const{node:e,anchor:s}=t;this._beginSync(),s.parentNode&&(s.parentNode.insertBefore(e,s),s.parentNode.removeChild(s))}_restoreAll(){if(!this._entries.length)return;const t=[...this._entries];this._entries=[],t.forEach(e=>this._restoreEntry(e)),this.dispatchEvent(new CustomEvent("unmount",{detail:{count:t.length},bubbles:!0}))}_moveAllToTarget(){if(this._headless){this._restoreAll();return}const t=[...this._entries];this._entries=[],t.forEach(e=>{const s=e.anchor,i=e.node;s.parentNode&&(this._beginSync(),this._strategy==="prepend"?this._target.insertBefore(i,this._target.firstChild):this._target.appendChild(i),this._entries.push({node:i,anchor:s}))}),this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_mountAllFromSlot(){if(this._headless)return;const t=this._slot||this.root.querySelector("slot");if(!t)return;const e=t.assignedNodes({flatten:!0}).filter(s=>h(s));e.forEach(s=>this._portalNode(s)),e.length&&this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_pruneDetachedEntries(){this._entries.length&&(this._entries=this._entries.filter(t=>{if(t.node.isConnected)return!0;try{t.anchor.parentNode&&t.anchor.parentNode.removeChild(t.anchor)}catch{}return!1}))}_onSlotChange(){if(!this._headless){if(this._syncing){this._pendingSlotSync=!0;return}this._pruneDetachedEntries(),this._mountAllFromSlot()}}render(){this.setContent(`
-      <style>${l}</style>
+`;function h(r){return r==="prepend"?"prepend":"append"}function u(r){return r.nodeType===Node.ELEMENT_NODE?!0:r.nodeType===Node.TEXT_NODE?!!r.textContent?.trim():!1}function c(r){return r.nodeType===Node.ELEMENT_NODE||r.nodeType===Node.TEXT_NODE}class n extends o.ElementBase{constructor(){super(),this._headless=!1,this._strategy="append",this._target=null,this._slot=null,this._entries=[],this._syncing=!1,this._guardTimer=null,this._targetObserver=null,this._pendingSlotSync=!1,this._onSlotChange=this._onSlotChange.bind(this),this._onTargetMutations=this._onTargetMutations.bind(this)}static get observedAttributes(){return["target","headless","strategy","disabled"]}connectedCallback(){super.connectedCallback(),this._syncConfig(),this._mountAllFromSlot()}disconnectedCallback(){this._guardTimer!=null&&(window.clearTimeout(this._guardTimer),this._guardTimer=null),this._slot&&(this._slot.removeEventListener("slotchange",this._onSlotChange),this._slot=null),this._disconnectTargetObserver(),this._restoreAll(),super.disconnectedCallback()}attributeChangedCallback(t,e,s){if(e!==s){if(this._syncConfig(),this._headless){this._restoreAll();return}(t==="target"||t==="strategy"||t==="disabled"||t==="headless")&&this._moveAllToTarget()}}_syncConfig(){this._headless=this.hasAttribute("headless")||this.hasAttribute("disabled"),this._strategy=h(this.getAttribute("strategy")),this._target=this._resolveTarget(),this._connectTargetObserver()}_resolveTarget(){const t=this.getAttribute("target");if(t){const e=l.safeQuerySelector(document,t);if(e instanceof HTMLElement)return e;this.dispatchEvent(new CustomEvent("target-missing",{detail:{target:t},bubbles:!0}))}return document.body}_connectTargetObserver(){this._disconnectTargetObserver(),!(!this._target||typeof MutationObserver>"u")&&(this._targetObserver=new MutationObserver(this._onTargetMutations),this._targetObserver.observe(this._target,{childList:!0,subtree:!0}))}_disconnectTargetObserver(){this._targetObserver&&(this._targetObserver.disconnect(),this._targetObserver=null)}_onTargetMutations(){if(this._syncing)return;let t=!1;this._entries=this._entries.filter(e=>{if(e.node.isConnected)return!0;try{e.anchor.parentNode&&e.anchor.parentNode.removeChild(e.anchor)}catch{}return t=!0,!1}),t&&this.dispatchEvent(new CustomEvent("sync",{detail:{count:this._entries.length},bubbles:!0}))}_beginSync(){this._syncing=!0,this._guardTimer!=null&&window.clearTimeout(this._guardTimer),this._guardTimer=window.setTimeout(()=>{this._syncing=!1,this._guardTimer=null,this._pendingSlotSync&&(this._pendingSlotSync=!1,this._mountAllFromSlot())},0)}_findEntry(t){return this._entries.find(e=>e.node===t)}_portalNode(t){if(!this._target||this._headless||!c(t)||this._findEntry(t)||!this.contains(t))return;const e=document.createComment("ui-portal-anchor"),s=t.parentNode;s&&(this._beginSync(),s.insertBefore(e,t),this._strategy==="prepend"?this._target.insertBefore(t,this._target.firstChild):this._target.appendChild(t),this._entries.push({node:t,anchor:e}))}_restoreEntry(t){const{node:e,anchor:s}=t;this._beginSync(),s.parentNode&&(s.parentNode.insertBefore(e,s),s.parentNode.removeChild(s))}_restoreAll(){if(!this._entries.length)return;const t=[...this._entries];this._entries=[],t.forEach(e=>this._restoreEntry(e)),this.dispatchEvent(new CustomEvent("unmount",{detail:{count:t.length},bubbles:!0}))}_moveAllToTarget(){if(this._headless){this._restoreAll();return}const t=[...this._entries];this._entries=[],t.forEach(e=>{const s=e.anchor,i=e.node;s.parentNode&&(this._beginSync(),this._strategy==="prepend"?this._target.insertBefore(i,this._target.firstChild):this._target.appendChild(i),this._entries.push({node:i,anchor:s}))}),this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_mountAllFromSlot(){if(this._headless)return;const t=this._slot||this.root.querySelector("slot");if(!t)return;const e=t.assignedNodes({flatten:!0}).filter(s=>u(s));e.forEach(s=>this._portalNode(s)),e.length&&this.dispatchEvent(new CustomEvent("mount",{detail:{count:this._entries.length},bubbles:!0}))}_pruneDetachedEntries(){this._entries.length&&(this._entries=this._entries.filter(t=>{if(t.node.isConnected)return!0;try{t.anchor.parentNode&&t.anchor.parentNode.removeChild(t.anchor)}catch{}return!1}))}_onSlotChange(){if(!this._headless){if(this._syncing){this._pendingSlotSync=!0;return}this._pruneDetachedEntries(),this._mountAllFromSlot()}}render(){this.setContent(`
+      <style>${a}</style>
       <div class="source" part="source">
         <slot></slot>
       </div>

package/dist/portal.esm.js

@@ -1,5 +1,6 @@
-import { E as n } from "./ElementBase-909688f3.mjs";
-const o = `
+import { E as n } from "./ElementBase-YlTLMsGk.mjs";
+import { s as o } from "./selector-WI8pD7YO.mjs";
+const a = `
   :host {
     display: contents;
     color-scheme: light dark;
@@ -36,14 +37,13 @@ const o = `
 function l(r) {
   return r === "prepend" ? "prepend" : "append";
 }
-function a(r) {
-  var t;
-  return r.nodeType === Node.ELEMENT_NODE ? !0 : r.nodeType === Node.TEXT_NODE ? !!((t = r.textContent) != null && t.trim()) : !1;
-}
 function h(r) {
+  return r.nodeType === Node.ELEMENT_NODE ? !0 : r.nodeType === Node.TEXT_NODE ? !!r.textContent?.trim() : !1;
+}
+function u(r) {
   return r.nodeType === Node.ELEMENT_NODE || r.nodeType === Node.TEXT_NODE;
 }
-class u extends n {
+class c extends n {
   constructor() {
     super(), this._headless = !1, this._strategy = "append", this._target = null, this._slot = null, this._entries = [], this._syncing = !1, this._guardTimer = null, this._targetObserver = null, this._pendingSlotSync = !1, this._onSlotChange = this._onSlotChange.bind(this), this._onTargetMutations = this._onTargetMutations.bind(this);
   }
@@ -71,9 +71,8 @@ class u extends n {
   _resolveTarget() {
     const t = this.getAttribute("target");
     if (t) {
-      const e = document.querySelector(t);
-      if (e instanceof HTMLElement)
-        return e;
+      const e = o(document, t);
+      if (e instanceof HTMLElement) return e;
       this.dispatchEvent(
         new CustomEvent("target-missing", {
           detail: { target: t },
@@ -90,12 +89,10 @@ class u extends n {
     this._targetObserver && (this._targetObserver.disconnect(), this._targetObserver = null);
   }
   _onTargetMutations() {
-    if (this._syncing)
-      return;
+    if (this._syncing) return;
     let t = !1;
     this._entries = this._entries.filter((e) => {
-      if (e.node.isConnected)
-        return !0;
+      if (e.node.isConnected) return !0;
       try {
         e.anchor.parentNode && e.anchor.parentNode.removeChild(e.anchor);
       } catch {
@@ -112,8 +109,7 @@ class u extends n {
     return this._entries.find((e) => e.node === t);
   }
   _portalNode(t) {
-    if (!this._target || this._headless || !h(t) || this._findEntry(t) || !this.contains(t))
-      return;
+    if (!this._target || this._headless || !u(t) || this._findEntry(t) || !this.contains(t)) return;
     const e = document.createComment("ui-portal-anchor"), s = t.parentNode;
     s && (this._beginSync(), s.insertBefore(e, t), this._strategy === "prepend" ? this._target.insertBefore(t, this._target.firstChild) : this._target.appendChild(t), this._entries.push({ node: t, anchor: e }));
   }
@@ -122,8 +118,7 @@ class u extends n {
     this._beginSync(), s.parentNode && (s.parentNode.insertBefore(e, s), s.parentNode.removeChild(s));
   }
   _restoreAll() {
-    if (!this._entries.length)
-      return;
+    if (!this._entries.length) return;
     const t = [...this._entries];
     this._entries = [], t.forEach((e) => this._restoreEntry(e)), this.dispatchEvent(new CustomEvent("unmount", { detail: { count: t.length }, bubbles: !0 }));
   }
@@ -139,18 +134,15 @@ class u extends n {
     }), this.dispatchEvent(new CustomEvent("mount", { detail: { count: this._entries.length }, bubbles: !0 }));
   }
   _mountAllFromSlot() {
-    if (this._headless)
-      return;
+    if (this._headless) return;
     const t = this._slot || this.root.querySelector("slot");
-    if (!t)
-      return;
-    const e = t.assignedNodes({ flatten: !0 }).filter((s) => a(s));
+    if (!t) return;
+    const e = t.assignedNodes({ flatten: !0 }).filter((s) => h(s));
     e.forEach((s) => this._portalNode(s)), e.length && this.dispatchEvent(new CustomEvent("mount", { detail: { count: this._entries.length }, bubbles: !0 }));
   }
   _pruneDetachedEntries() {
     this._entries.length && (this._entries = this._entries.filter((t) => {
-      if (t.node.isConnected)
-        return !0;
+      if (t.node.isConnected) return !0;
       try {
         t.anchor.parentNode && t.anchor.parentNode.removeChild(t.anchor);
       } catch {
@@ -169,7 +161,7 @@ class u extends n {
   }
   render() {
     this.setContent(`
-      <style>${o}</style>
+      <style>${a}</style>
       <div class="source" part="source">
         <slot></slot>
       </div>
@@ -181,7 +173,7 @@ class u extends n {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-portal") && customElements.define("ui-portal", u);
+typeof customElements < "u" && !customElements.get("ui-portal") && customElements.define("ui-portal", c);
 export {
-  u as UIPortal
+  c as UIPortal
 };