@editora/ui-core 0.2.1 → 0.3.0

package/dist/popover.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-DxbvhLJs.js"),b=require("./portal-XbYR3m_q.js"),g=require("./dismissable-layer-DNfrKA20.js"),m=require("./positioner-DZ1FW6A9.js"),s=require("./overlay-motion-B56x1GoY.js"),_=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-CbUsP3D6.js"),g=require("./number-attribute-C4Rrl7d3.js"),c=require("./clone-source-C7E_ri5f.js"),m=require("./portal-XbYR3m_q.js"),_=require("./dismissable-layer-DNfrKA20.js"),x=require("./positioner-DZ1FW6A9.js"),s=require("./overlay-motion-B56x1GoY.js"),y=`
   ${s.OVERLAY_MOTION_CSS}
 
   .popover-shell {
@@ -271,4 +271,4 @@
       box-shadow: none;
     }
   }
-`;class d extends f.ElementBase{constructor(){super(),this._portalEl=null,this._panelEl=null,this._positioner=null,this._layer=null,this._isOpen=!1,this._restoreFocusEl=null,this._contentObserver=null,this._hostObserver=null,this._syncPortalScheduled=!1,this._onHostClick=this._handleHostClick.bind(this)}static get observedAttributes(){return["open","placement","offset","flip","shift","close-on-escape","close-on-outside","variant","tone","size","radius","elevation"]}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}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(){this.removeEventListener("click",this._onHostClick),this._hostObserver?.disconnect(),this._hostObserver=null,this._teardownPortal(),super.disconnectedCallback()}_handleHostClick(e){const t=this._getTrigger();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()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}updatePosition(){this._positioner?.update()}_getTrigger(){return this.querySelector('[slot="trigger"]')}_buildPortalContent(){const e=document.createElement("div");e.className="popover-shell",e.style.pointerEvents="auto";const t=this.getAttribute("variant");t&&(e.dataset.variant=t);const r=this.getAttribute("tone");r&&(e.dataset.tone=r);const o=this.getAttribute("size");o&&(e.dataset.size=o);const a=this.getAttribute("elevation");a&&(e.dataset.elevation=a);const n=this.getAttribute("radius");if(n&&n.trim()){const l=n.trim(),h=/^-?\d+(\.\d+)?$/.test(l)?`${l}px`:l;e.style.setProperty("--ui-popover-radius",h)}const c=document.createElement("style");c.textContent=_,e.appendChild(c);const i=document.createElement("div");i.className="panel show",this._panelEl=i;const u=document.createElement("div");u.className="arrow",i.appendChild(u);const v=this.querySelector('[slot="content"]'),p=document.createElement("div");return p.className="content",v&&p.appendChild(v.cloneNode(!0)),i.appendChild(p),e.appendChild(i),e}_getContentSource(){return this.querySelector('[slot="content"]')}_placement(){const e=this.getAttribute("placement");return e||"bottom"}_offset(){const e=Number(this.getAttribute("offset"));return Number.isFinite(e)?e:8}_closeOnEscape(){return this.getAttribute("close-on-escape")!=="false"}_closeOnOutside(){return this.getAttribute("close-on-outside")!=="false"}_syncDismissableLayer(){const e=this._getTrigger();!e||!this._panelEl||(this._layer?.destroy(),this._layer=g.createDismissableLayer({node:this._panelEl,trigger:e,closeOnEscape:this._closeOnEscape(),closeOnPointerOutside:this._closeOnOutside(),onDismiss:()=>this.close()}))}_teardownPortal(e=!1){this._contentObserver?.disconnect(),this._contentObserver=null,this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._panelEl=null,e?s.retireOverlay(this._portalEl):s.removeOverlay(this._portalEl),this._portalEl=null}_schedulePortalSync(){this._syncPortalScheduled||!this._isOpen||(this._syncPortalScheduled=!0,queueMicrotask(()=>{this._syncPortalScheduled=!1,this._isOpen&&this._mountPortal()}))}_observeContent(){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,childList:!0,characterData:!0,subtree:!0}))}_observeHost(){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;this._teardownPortal(),this._portalEl=this._buildPortalContent();const t=b.createPortalContainer();t&&(t.appendChild(this._portalEl),this._observeContent(),this._positioner=m.createPositioner({anchor:e,floating:this._portalEl,placement:this._placement(),offset:this._offset(),shift:this.getAttribute("shift")!=="false",flip:this.getAttribute("flip")!=="false",arrow:this._portalEl.querySelector(".arrow")}),s.openOverlay(this._portalEl),this._syncDismissableLayer())}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e&&(!this._portalEl||!this._portalEl.isConnected?this._mountPortal():this._positioner?.update());return}if(this._isOpen=e,e){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!0},bubbles:!0,composed:!0}));return}this._teardownPortal(!0),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!1},bubbles:!0,composed:!0}));const t=this._getTrigger(),r=this._restoreFocusEl;this._restoreFocusEl=null;const o=(t&&t.isConnected?t:r)||null;if(o&&o.isConnected)try{o.focus()}catch{}}render(){this.setContent('<slot name="trigger"></slot>')}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-popover")&&customElements.define("ui-popover",d);exports.UIPopover=d;
+`;class h extends b.ElementBase{constructor(){super(),this._portalEl=null,this._panelEl=null,this._positioner=null,this._layer=null,this._isOpen=!1,this._restoreFocusEl=null,this._contentObserver=null,this._hostObserver=null,this._syncPortalScheduled=!1,this._onHostClick=this._handleHostClick.bind(this)}static get observedAttributes(){return["open","placement","offset","flip","shift","close-on-escape","close-on-outside","variant","tone","size","radius","elevation"]}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}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(),c.hideCloneSource(this.querySelector('[slot="content"]')),this._syncOpenState()}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;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()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}updatePosition(){this._positioner?.update()}_getTrigger(){return this.querySelector('[slot="trigger"]')}_buildPortalContent(){const e=document.createElement("div");e.className="popover-shell",e.style.pointerEvents="auto";const t=this.getAttribute("variant");t&&(e.dataset.variant=t);const r=this.getAttribute("tone");r&&(e.dataset.tone=r);const o=this.getAttribute("size");o&&(e.dataset.size=o);const a=this.getAttribute("elevation");a&&(e.dataset.elevation=a);const n=this.getAttribute("radius");if(n&&n.trim()){const l=n.trim(),f=/^-?\d+(\.\d+)?$/.test(l)?`${l}px`:l;e.style.setProperty("--ui-popover-radius",f)}const u=document.createElement("style");u.textContent=y,e.appendChild(u);const i=document.createElement("div");i.className="panel show",this._panelEl=i;const v=document.createElement("div");v.className="arrow",i.appendChild(v);const d=this.querySelector('[slot="content"]'),p=document.createElement("div");return p.className="content",d&&p.appendChild(c.revealClone(d.cloneNode(!0))),i.appendChild(p),e.appendChild(i),e}_getContentSource(){return this.querySelector('[slot="content"]')}_placement(){const e=this.getAttribute("placement");return e||"bottom"}_offset(){const e=g.numberAttribute(this.getAttribute("offset"),8);return Number.isFinite(e)?e:8}_closeOnEscape(){return this.getAttribute("close-on-escape")!=="false"}_closeOnOutside(){return this.getAttribute("close-on-outside")!=="false"}_syncDismissableLayer(){const e=this._getTrigger();!e||!this._panelEl||(this._layer?.destroy(),this._layer=_.createDismissableLayer({node:this._panelEl,trigger:e,closeOnEscape:this._closeOnEscape(),closeOnPointerOutside:this._closeOnOutside(),onDismiss:()=>this.close()}))}_teardownPortal(e=!1){this._contentObserver?.disconnect(),this._contentObserver=null,this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._panelEl=null,e?s.retireOverlay(this._portalEl):s.removeOverlay(this._portalEl),this._portalEl=null}_schedulePortalSync(){this._syncPortalScheduled||!this._isOpen||(this._syncPortalScheduled=!0,queueMicrotask(()=>{this._syncPortalScheduled=!1,this._isOpen&&this._mountPortal()}))}_observeContent(){this._contentObserver?.disconnect(),this._contentObserver=null;const e=this._getContentSource();c.hideCloneSource(e),!(!e||typeof MutationObserver>"u")&&(this._contentObserver=new MutationObserver(()=>this._schedulePortalSync()),this._contentObserver.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))}_observeHost(){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;this._teardownPortal(),this._portalEl=this._buildPortalContent();const t=m.createPortalContainer();t&&(t.appendChild(this._portalEl),this._observeContent(),this._positioner=x.createPositioner({anchor:e,floating:this._portalEl,placement:this._placement(),offset:this._offset(),shift:this.getAttribute("shift")!=="false",flip:this.getAttribute("flip")!=="false",arrow:this._portalEl.querySelector(".arrow")}),s.openOverlay(this._portalEl),this._syncDismissableLayer())}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e&&(!this._portalEl||!this._portalEl.isConnected?this._mountPortal():this._positioner?.update());return}if(this._isOpen=e,e){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!0},bubbles:!0,composed:!0}));return}this._teardownPortal(!0),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!1},bubbles:!0,composed:!0}));const t=this._getTrigger(),r=this._restoreFocusEl;this._restoreFocusEl=null;const o=(t&&t.isConnected?t:r)||null;if(o&&o.isConnected)try{o.focus()}catch{}}render(){this.setContent('<slot name="trigger"></slot>')}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-popover")&&customElements.define("ui-popover",h);exports.UIPopover=h;

package/dist/popover.esm.js

@@ -1,10 +1,12 @@
-import { E as d } from "./ElementBase-BeZT54Hj.mjs";
-import { b as h } from "./portal-DeaM1tYY.mjs";
-import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
-import { e as b } from "./positioner-BE8Nbho2.mjs";
-import { O as g, r as m, a as _, o as x } from "./overlay-motion-BX3dPLay.mjs";
-const w = `
-  ${g}
+import { E as h } from "./ElementBase-D5QsC5Vw.mjs";
+import { n as f } from "./number-attribute-BAF07JrU.mjs";
+import { h as v, r as b } from "./clone-source-BxK2pEVw.mjs";
+import { b as g } from "./portal-DeaM1tYY.mjs";
+import { c as m } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as _ } from "./positioner-BE8Nbho2.mjs";
+import { O as x, r as w, a as y, o as E } from "./overlay-motion-BX3dPLay.mjs";
+const C = `
+  ${x}
 
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
@@ -277,7 +279,7 @@ const w = `
     }
   }
 `;
-class y extends d {
+class O extends h {
   constructor() {
     super(), this._portalEl = null, this._panelEl = null, this._positioner = null, this._layer = null, this._isOpen = !1, this._restoreFocusEl = null, this._contentObserver = null, this._hostObserver = null, this._syncPortalScheduled = !1, this._onHostClick = this._handleHostClick.bind(this);
   }
@@ -307,7 +309,7 @@ class y extends d {
     }
   }
   connectedCallback() {
-    super.connectedCallback(), this.addEventListener("click", this._onHostClick), this._observeHost(), this._syncOpenState();
+    super.connectedCallback(), this.addEventListener("click", this._onHostClick), this._observeHost(), v(this.querySelector('[slot="content"]')), this._syncOpenState();
   }
   disconnectedCallback() {
     this.removeEventListener("click", this._onHostClick), this._hostObserver?.disconnect(), this._hostObserver = null, this._teardownPortal(), super.disconnectedCallback();
@@ -342,21 +344,21 @@ class y extends d {
     r && (e.dataset.tone = r);
     const o = this.getAttribute("size");
     o && (e.dataset.size = o);
-    const a = this.getAttribute("elevation");
-    a && (e.dataset.elevation = a);
-    const s = this.getAttribute("radius");
-    if (s && s.trim()) {
-      const p = s.trim(), v = /^-?\d+(\.\d+)?$/.test(p) ? `${p}px` : p;
-      e.style.setProperty("--ui-popover-radius", v);
+    const s = this.getAttribute("elevation");
+    s && (e.dataset.elevation = s);
+    const a = this.getAttribute("radius");
+    if (a && a.trim()) {
+      const p = a.trim(), d = /^-?\d+(\.\d+)?$/.test(p) ? `${p}px` : p;
+      e.style.setProperty("--ui-popover-radius", d);
     }
     const l = document.createElement("style");
-    l.textContent = w, e.appendChild(l);
+    l.textContent = C, e.appendChild(l);
     const i = document.createElement("div");
     i.className = "panel show", this._panelEl = i;
     const c = document.createElement("div");
     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)), i.appendChild(n), e.appendChild(i), e;
+    return n.className = "content", u && n.appendChild(b(u.cloneNode(!0))), i.appendChild(n), e.appendChild(i), e;
   }
   _getContentSource() {
     return this.querySelector('[slot="content"]');
@@ -366,7 +368,7 @@ class y extends d {
     return e || "bottom";
   }
   _offset() {
-    const e = Number(this.getAttribute("offset"));
+    const e = f(this.getAttribute("offset"), 8);
     return Number.isFinite(e) ? e : 8;
   }
   _closeOnEscape() {
@@ -377,7 +379,7 @@ class y extends d {
   }
   _syncDismissableLayer() {
     const e = this._getTrigger();
-    !e || !this._panelEl || (this._layer?.destroy(), this._layer = f({
+    !e || !this._panelEl || (this._layer?.destroy(), this._layer = m({
       node: this._panelEl,
       trigger: e,
       closeOnEscape: this._closeOnEscape(),
@@ -386,7 +388,7 @@ class y extends d {
     }));
   }
   _teardownPortal(e = !1) {
-    this._contentObserver?.disconnect(), this._contentObserver = null, this._layer?.destroy(), this._layer = null, this._positioner?.destroy(), this._positioner = null, this._panelEl = null, e ? m(this._portalEl) : _(this._portalEl), this._portalEl = null;
+    this._contentObserver?.disconnect(), this._contentObserver = null, this._layer?.destroy(), this._layer = null, this._positioner?.destroy(), this._positioner = null, this._panelEl = null, e ? w(this._portalEl) : y(this._portalEl), this._portalEl = null;
   }
   _schedulePortalSync() {
     this._syncPortalScheduled || !this._isOpen || (this._syncPortalScheduled = !0, queueMicrotask(() => {
@@ -396,7 +398,7 @@ class y extends d {
   _observeContent() {
     this._contentObserver?.disconnect(), this._contentObserver = null;
     const e = this._getContentSource();
-    !e || typeof MutationObserver > "u" || (this._contentObserver = new MutationObserver(() => this._schedulePortalSync()), this._contentObserver.observe(e, {
+    v(e), !(!e || typeof MutationObserver > "u") && (this._contentObserver = new MutationObserver(() => this._schedulePortalSync()), this._contentObserver.observe(e, {
       attributes: !0,
       childList: !0,
       characterData: !0,
@@ -413,8 +415,8 @@ class y extends d {
     const e = this._getTrigger();
     if (!e) return;
     this._teardownPortal(), this._portalEl = this._buildPortalContent();
-    const t = h();
-    t && (t.appendChild(this._portalEl), this._observeContent(), this._positioner = b({
+    const t = g();
+    t && (t.appendChild(this._portalEl), this._observeContent(), this._positioner = _({
       anchor: e,
       floating: this._portalEl,
       placement: this._placement(),
@@ -422,7 +424,7 @@ class y extends d {
       shift: this.getAttribute("shift") !== "false",
       flip: this.getAttribute("flip") !== "false",
       arrow: this._portalEl.querySelector(".arrow")
-    }), x(this._portalEl), this._syncDismissableLayer());
+    }), E(this._portalEl), this._syncDismissableLayer());
   }
   _syncOpenState() {
     const e = this.hasAttribute("open");
@@ -451,7 +453,7 @@ class y extends d {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-popover") && customElements.define("ui-popover", y);
+typeof customElements < "u" && !customElements.get("ui-popover") && customElements.define("ui-popover", O);
 export {
-  y as UIPopover
+  O as UIPopover
 };

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-DxbvhLJs.js"),l=require("./selector-BvAh35ve.js"),a=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-CbUsP3D6.js"),l=require("./selector-BvAh35ve.js"),a=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/portal.esm.js

@@ -1,4 +1,4 @@
-import { E as n } from "./ElementBase-BeZT54Hj.mjs";
+import { E as n } from "./ElementBase-D5QsC5Vw.mjs";
 import { s as o } from "./selector-WI8pD7YO.mjs";
 const a = `
   :host {

package/dist/positioner.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-DxbvhLJs.js"),h=require("./positioner-DZ1FW6A9.js"),a=require("./selector-BvAh35ve.js"),d=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-CbUsP3D6.js"),h=require("./positioner-DZ1FW6A9.js"),a=require("./selector-BvAh35ve.js"),d=require("./number-attribute-C4Rrl7d3.js"),f=`
   :host {
     display: contents;
     color-scheme: light dark;
   }
-`;function r(s,t=0){const e=Number(s);return Number.isFinite(e)?e:t}function o(s){if(s==null)return!1;const t=s.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function f(s){return new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]).has(s)?s:"bottom"}function b(s){return s==="absolute"?"absolute":"fixed"}class u extends c.ElementBase{constructor(){super(...arguments),this._positioner=null,this._observer=null}static get observedAttributes(){return["open","placement","strategy","offset","cross-offset","flip","shift","match-width","fit-viewport","auto-placement","hide-when-detached","inline","boundary-padding","dir","anchor","headless"]}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>this._syncPositioner()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","id"]}),this._syncPositioner()}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._destroyPositioner(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){e!==i&&this._syncPositioner()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}updatePosition(){this._positioner?.update()}_destroyPositioner(){this._positioner?.destroy(),this._positioner=null}_resolveAnchor(){const t=this.getAttribute("anchor");if(t){const i=this.getRootNode(),n=i instanceof ShadowRoot||i instanceof Document?a.safeQuerySelector(i,t):null;if(n instanceof HTMLElement)return n;const l=a.safeQuerySelector(document,t);if(l instanceof HTMLElement)return l}const e=this.querySelector('[slot="anchor"]');return e instanceof HTMLElement?e:null}_resolveFloating(){const t=this.querySelector('[slot="content"]');return t instanceof HTMLElement?t:Array.from(this.children).find(e=>e.getAttribute("slot")!=="anchor")}_syncPositioner(){if(!this.isConnected)return;if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyPositioner();return}const t=this._resolveAnchor(),e=this._resolveFloating();if(!(t instanceof HTMLElement)||!(e instanceof HTMLElement)){this._destroyPositioner();return}this._destroyPositioner(),this._positioner=h.createPositioner({anchor:t,floating:e,placement:f(this.getAttribute("placement")),strategy:b(this.getAttribute("strategy")),dir:this.getAttribute("dir")==="rtl"?"rtl":"ltr",offset:r(this.getAttribute("offset"),8),crossOffset:r(this.getAttribute("cross-offset"),0),flip:!this.hasAttribute("flip")||o(this.getAttribute("flip")),shift:!this.hasAttribute("shift")||o(this.getAttribute("shift")),matchWidth:o(this.getAttribute("match-width")),fitViewport:o(this.getAttribute("fit-viewport")),autoPlacement:o(this.getAttribute("auto-placement")),hideWhenDetached:o(this.getAttribute("hide-when-detached")),inline:o(this.getAttribute("inline")),boundaryPadding:r(this.getAttribute("boundary-padding"),4),arrow:this.querySelector('[slot="arrow"], .arrow'),onUpdate:i=>{this.dispatchEvent(new CustomEvent("position-change",{detail:i,bubbles:!0,composed:!0}))}})}render(){this.setContent(`<style>${d}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-positioner")&&customElements.define("ui-positioner",u);exports.UIPositioner=u;
+`,r=(e,t=0)=>d.numberAttribute(e,t);function o(e){if(e==null)return!1;const t=e.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function b(e){return new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]).has(e)?e:"bottom"}function m(e){return e==="absolute"?"absolute":"fixed"}class u extends c.ElementBase{constructor(){super(...arguments),this._positioner=null,this._observer=null}static get observedAttributes(){return["open","placement","strategy","offset","cross-offset","flip","shift","match-width","fit-viewport","auto-placement","hide-when-detached","inline","boundary-padding","dir","anchor","headless"]}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>this._syncPositioner()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","id"]}),this._syncPositioner()}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._destroyPositioner(),super.disconnectedCallback()}attributeChangedCallback(t,s,i){s!==i&&this._syncPositioner()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}updatePosition(){this._positioner?.update()}_destroyPositioner(){this._positioner?.destroy(),this._positioner=null}_resolveAnchor(){const t=this.getAttribute("anchor");if(t){const i=this.getRootNode(),n=i instanceof ShadowRoot||i instanceof Document?a.safeQuerySelector(i,t):null;if(n instanceof HTMLElement)return n;const l=a.safeQuerySelector(document,t);if(l instanceof HTMLElement)return l}const s=this.querySelector('[slot="anchor"]');return s instanceof HTMLElement?s:null}_resolveFloating(){const t=this.querySelector('[slot="content"]');return t instanceof HTMLElement?t:Array.from(this.children).find(s=>s.getAttribute("slot")!=="anchor")}_syncPositioner(){if(!this.isConnected)return;if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyPositioner();return}const t=this._resolveAnchor(),s=this._resolveFloating();if(!(t instanceof HTMLElement)||!(s instanceof HTMLElement)){this._destroyPositioner();return}this._destroyPositioner(),this._positioner=h.createPositioner({anchor:t,floating:s,placement:b(this.getAttribute("placement")),strategy:m(this.getAttribute("strategy")),dir:this.getAttribute("dir")==="rtl"?"rtl":"ltr",offset:r(this.getAttribute("offset"),8),crossOffset:r(this.getAttribute("cross-offset"),0),flip:!this.hasAttribute("flip")||o(this.getAttribute("flip")),shift:!this.hasAttribute("shift")||o(this.getAttribute("shift")),matchWidth:o(this.getAttribute("match-width")),fitViewport:o(this.getAttribute("fit-viewport")),autoPlacement:o(this.getAttribute("auto-placement")),hideWhenDetached:o(this.getAttribute("hide-when-detached")),inline:o(this.getAttribute("inline")),boundaryPadding:r(this.getAttribute("boundary-padding"),4),arrow:this.querySelector('[slot="arrow"], .arrow'),onUpdate:i=>{this.dispatchEvent(new CustomEvent("position-change",{detail:i,bubbles:!0,composed:!0}))}})}render(){this.setContent(`<style>${f}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-positioner")&&customElements.define("ui-positioner",u);exports.UIPositioner=u;

package/dist/positioner.esm.js

@@ -1,22 +1,19 @@
-import { E as h } from "./ElementBase-BeZT54Hj.mjs";
+import { E as h } from "./ElementBase-D5QsC5Vw.mjs";
 import { e as c } from "./positioner-BE8Nbho2.mjs";
 import { s as l } from "./selector-WI8pD7YO.mjs";
-const u = `
+import { n as u } from "./number-attribute-BAF07JrU.mjs";
+const d = `
   :host {
     display: contents;
     color-scheme: light dark;
   }
-`;
-function r(s, t = 0) {
-  const e = Number(s);
-  return Number.isFinite(e) ? e : t;
-}
-function o(s) {
-  if (s == null) return !1;
-  const t = s.toLowerCase();
+`, r = (e, t = 0) => u(e, t);
+function i(e) {
+  if (e == null) return !1;
+  const t = e.toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-function d(s) {
+function f(e) {
   return (/* @__PURE__ */ new Set([
     "top",
     "top-start",
@@ -30,12 +27,12 @@ function d(s) {
     "left",
     "left-start",
     "left-end"
-  ])).has(s) ? s : "bottom";
+  ])).has(e) ? e : "bottom";
 }
-function f(s) {
-  return s === "absolute" ? "absolute" : "fixed";
+function b(e) {
+  return e === "absolute" ? "absolute" : "fixed";
 }
-class b extends h {
+class m extends h {
   constructor() {
     super(...arguments), this._positioner = null, this._observer = null;
   }
@@ -65,8 +62,8 @@ class b extends h {
   disconnectedCallback() {
     this._observer?.disconnect(), this._observer = null, this._destroyPositioner(), super.disconnectedCallback();
   }
-  attributeChangedCallback(t, e, i) {
-    e !== i && this._syncPositioner();
+  attributeChangedCallback(t, s, o) {
+    s !== o && this._syncPositioner();
   }
   open() {
     this.setAttribute("open", "");
@@ -83,17 +80,17 @@ class b extends h {
   _resolveAnchor() {
     const t = this.getAttribute("anchor");
     if (t) {
-      const i = this.getRootNode(), n = i instanceof ShadowRoot || i instanceof Document ? l(i, t) : null;
+      const o = this.getRootNode(), n = o instanceof ShadowRoot || o instanceof Document ? l(o, t) : null;
       if (n instanceof HTMLElement) return n;
       const a = l(document, t);
       if (a instanceof HTMLElement) return a;
     }
-    const e = this.querySelector('[slot="anchor"]');
-    return e instanceof HTMLElement ? e : null;
+    const s = this.querySelector('[slot="anchor"]');
+    return s instanceof HTMLElement ? s : null;
   }
   _resolveFloating() {
     const t = this.querySelector('[slot="content"]');
-    return t instanceof HTMLElement ? t : Array.from(this.children).find((e) => e.getAttribute("slot") !== "anchor");
+    return t instanceof HTMLElement ? t : Array.from(this.children).find((s) => s.getAttribute("slot") !== "anchor");
   }
   _syncPositioner() {
     if (!this.isConnected) return;
@@ -101,41 +98,41 @@ class b extends h {
       this._destroyPositioner();
       return;
     }
-    const t = this._resolveAnchor(), e = this._resolveFloating();
-    if (!(t instanceof HTMLElement) || !(e instanceof HTMLElement)) {
+    const t = this._resolveAnchor(), s = this._resolveFloating();
+    if (!(t instanceof HTMLElement) || !(s instanceof HTMLElement)) {
       this._destroyPositioner();
       return;
     }
     this._destroyPositioner(), this._positioner = c({
       anchor: t,
-      floating: e,
-      placement: d(this.getAttribute("placement")),
-      strategy: f(this.getAttribute("strategy")),
+      floating: s,
+      placement: f(this.getAttribute("placement")),
+      strategy: b(this.getAttribute("strategy")),
       dir: this.getAttribute("dir") === "rtl" ? "rtl" : "ltr",
       offset: r(this.getAttribute("offset"), 8),
       crossOffset: r(this.getAttribute("cross-offset"), 0),
-      flip: !this.hasAttribute("flip") || o(this.getAttribute("flip")),
-      shift: !this.hasAttribute("shift") || o(this.getAttribute("shift")),
-      matchWidth: o(this.getAttribute("match-width")),
-      fitViewport: o(this.getAttribute("fit-viewport")),
-      autoPlacement: o(this.getAttribute("auto-placement")),
-      hideWhenDetached: o(this.getAttribute("hide-when-detached")),
-      inline: o(this.getAttribute("inline")),
+      flip: !this.hasAttribute("flip") || i(this.getAttribute("flip")),
+      shift: !this.hasAttribute("shift") || i(this.getAttribute("shift")),
+      matchWidth: i(this.getAttribute("match-width")),
+      fitViewport: i(this.getAttribute("fit-viewport")),
+      autoPlacement: i(this.getAttribute("auto-placement")),
+      hideWhenDetached: i(this.getAttribute("hide-when-detached")),
+      inline: i(this.getAttribute("inline")),
       boundaryPadding: r(this.getAttribute("boundary-padding"), 4),
       arrow: this.querySelector('[slot="arrow"], .arrow'),
-      onUpdate: (i) => {
-        this.dispatchEvent(new CustomEvent("position-change", { detail: i, bubbles: !0, composed: !0 }));
+      onUpdate: (o) => {
+        this.dispatchEvent(new CustomEvent("position-change", { detail: o, bubbles: !0, composed: !0 }));
       }
     });
   }
   render() {
-    this.setContent(`<style>${u}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
+    this.setContent(`<style>${d}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", b);
+typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", m);
 export {
-  b as UIPositioner
+  m as UIPositioner
 };

package/dist/preload.cjs.js

@@ -0,0 +1,221 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=`@layer editora-preload {
+  ui-alert:not(:defined),
+  ui-alert-dialog:not(:defined),
+  ui-app-header:not(:defined),
+  ui-aspect-ratio:not(:defined),
+  ui-box:not(:defined),
+  ui-breadcrumb:not(:defined),
+  ui-calendar:not(:defined),
+  ui-card:not(:defined),
+  ui-chart:not(:defined),
+  ui-collapsible:not(:defined),
+  ui-container:not(:defined),
+  ui-context-menu:not(:defined),
+  ui-control-group:not(:defined),
+  ui-data-table:not(:defined),
+  ui-date-field:not(:defined),
+  ui-description:not(:defined),
+  ui-dialog:not(:defined),
+  ui-drawer:not(:defined),
+  ui-empty-state:not(:defined),
+  ui-field:not(:defined),
+  ui-field-error:not(:defined),
+  ui-fieldset:not(:defined),
+  ui-file-upload:not(:defined),
+  ui-form:not(:defined),
+  ui-gantt:not(:defined),
+  ui-inline-edit:not(:defined),
+  ui-input:not(:defined),
+  ui-layout:not(:defined),
+  ui-masonry-grid:not(:defined),
+  ui-meter:not(:defined),
+  ui-multi-select:not(:defined),
+  ui-navigation-menu:not(:defined),
+  ui-number-field:not(:defined),
+  ui-otp-input:not(:defined),
+  ui-panel:not(:defined),
+  ui-panel-group:not(:defined),
+  ui-password-field:not(:defined),
+  ui-pin-input:not(:defined),
+  ui-plugin-panel:not(:defined),
+  ui-progress:not(:defined),
+  ui-quick-actions:not(:defined),
+  ui-radio-group:not(:defined),
+  ui-scroll-area:not(:defined),
+  ui-section:not(:defined),
+  ui-separator:not(:defined),
+  ui-sidebar:not(:defined),
+  ui-skeleton:not(:defined),
+  ui-sortable:not(:defined),
+  ui-splitter:not(:defined),
+  ui-stepper:not(:defined),
+  ui-table:not(:defined),
+  ui-tabs:not(:defined),
+  ui-tags-input:not(:defined),
+  ui-time-field:not(:defined),
+  ui-timeline:not(:defined),
+  ui-toast:not(:defined),
+  ui-toolbar:not(:defined),
+  ui-transfer-list:not(:defined),
+  ui-tree:not(:defined),
+  ui-tree-item:not(:defined) {
+    display: block;
+  }
+
+  ui-flex:not(:defined) {
+    display: flex;
+  }
+
+  ui-command:not(:defined),
+  ui-grid:not(:defined),
+  ui-placement-grid:not(:defined) {
+    display: grid;
+  }
+
+  ui-avatar:not(:defined),
+  ui-color-picker:not(:defined),
+  ui-combobox:not(:defined),
+  ui-menu:not(:defined),
+  ui-menubar:not(:defined) {
+    display: inline-block;
+  }
+
+  ui-anchor:not(:defined),
+  ui-badge:not(:defined),
+  ui-block-controls:not(:defined),
+  ui-button:not(:defined),
+  ui-checkbox:not(:defined),
+  ui-hover-card:not(:defined),
+  ui-label:not(:defined),
+  ui-odometer:not(:defined),
+  ui-pagination:not(:defined),
+  ui-radio:not(:defined),
+  ui-rating:not(:defined),
+  ui-slot:not(:defined),
+  ui-switch:not(:defined),
+  ui-toggle:not(:defined),
+  ui-toggle-group:not(:defined) {
+    display: inline-flex;
+  }
+
+  ui-date-picker:not(:defined),
+  ui-date-range-picker:not(:defined),
+  ui-date-range-time-picker:not(:defined),
+  ui-date-time-picker:not(:defined),
+  ui-dropdown:not(:defined),
+  ui-icon:not(:defined),
+  ui-select:not(:defined),
+  ui-slider:not(:defined),
+  ui-textarea:not(:defined),
+  ui-time-picker:not(:defined) {
+    display: inline-grid;
+  }
+
+  ui-direction-provider:not(:defined),
+  ui-dismissable-layer:not(:defined),
+  ui-focus-scope:not(:defined),
+  ui-portal:not(:defined),
+  ui-positioner:not(:defined),
+  ui-presence:not(:defined),
+  ui-visually-hidden:not(:defined) {
+    display: contents;
+  }
+
+  ui-command-palette:not(:defined),
+  ui-floating-toolbar:not(:defined),
+  ui-selection-popup:not(:defined) {
+    display: none;
+  }
+
+  /* Spacing the elements draw around slotted content (default size; approximate for others). */
+  ui-tabs:not(:defined) > [slot="panel"] {
+    display: block;
+    margin-block-start: 12px;
+    padding-block: 8px;
+  }
+
+  ui-card:not(:defined) {
+    display: grid;
+    gap: var(--ui-card-gap, 8px);
+    padding: var(--ui-card-padding, 16px) var(--ui-card-padding, 16px) 0;
+    border: 1px solid transparent;
+  }
+
+  /* Content the element renders itself, or only shows on demand. */
+  ui-dialog:not(:defined),
+  ui-alert-dialog:not(:defined),
+  ui-drawer:not(:defined),
+  ui-toast:not(:defined) {
+    display: none;
+  }
+
+  ui-dropdown:not(:defined) > [slot="content"],
+  ui-menu:not(:defined) > [slot="content"],
+  ui-menu:not(:defined) > [slot="item"],
+  ui-menubar:not(:defined) > [slot="content"],
+  ui-context-menu:not(:defined) > [slot="content"],
+  ui-popover:not(:defined) > [slot="content"],
+  ui-hover-card:not(:defined) > [slot="card"],
+  ui-navigation-menu:not(:defined) > [slot="panel"],
+  ui-split-button:not(:defined) > [slot="menuitem"],
+  ui-select:not(:defined) > :is(option, optgroup),
+  ui-multi-select:not(:defined) > :is(option, optgroup),
+  ui-combobox:not(:defined) > :is(option, optgroup),
+  ui-tabs:not(:defined) > [slot="panel"] ~ [slot="panel"] {
+    display: none;
+  }
+
+  /* Form controls draw their field in the shadow root, so they take no space until defined: reserve
+     the height they will have (measured: 32px control, about 26px more with a label and another
+     24px with a description). */
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker):not(:defined),
+  ui-button:not(:defined),
+  ui-pagination:not(:defined) {
+    min-block-size: var(--ui-control-height-2, 32px);
+  }
+
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label]:not(:defined) {
+    min-block-size: calc(var(--ui-control-height-2, 32px) + 26px);
+  }
+
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label][description]:not(:defined) {
+    min-block-size: calc(var(--ui-control-height-2, 32px) + 50px);
+  }
+
+  ui-textarea:not(:defined) {
+    min-block-size: 122px;
+  }
+
+  ui-textarea[label]:not(:defined) {
+    min-block-size: 148px;
+  }
+
+  /* The selected panel (a server-rendered selected attribute), not the first. Browsers without
+     :nth-child(… of S) drop these rules and keep showing the first panel. */
+  ui-tabs[selected="1"]:not(:defined) > [slot="panel"]:not(:nth-child(2 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="1"]:not(:defined) > :nth-child(2 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="2"]:not(:defined) > [slot="panel"]:not(:nth-child(3 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="2"]:not(:defined) > :nth-child(3 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="3"]:not(:defined) > [slot="panel"]:not(:nth-child(4 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="3"]:not(:defined) > :nth-child(4 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="4"]:not(:defined) > [slot="panel"]:not(:nth-child(5 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="4"]:not(:defined) > :nth-child(5 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="5"]:not(:defined) > [slot="panel"]:not(:nth-child(6 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="5"]:not(:defined) > :nth-child(6 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="6"]:not(:defined) > [slot="panel"]:not(:nth-child(7 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="6"]:not(:defined) > :nth-child(7 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="7"]:not(:defined) > [slot="panel"]:not(:nth-child(8 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="7"]:not(:defined) > :nth-child(8 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="8"]:not(:defined) > [slot="panel"]:not(:nth-child(9 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="8"]:not(:defined) > :nth-child(9 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="9"]:not(:defined) > [slot="panel"]:not(:nth-child(10 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="9"]:not(:defined) > :nth-child(10 of [slot="panel"]) { display: block; }
+
+  /* Tab labels in a row of about the strip's height, instead of stacked blocks. */
+  ui-tabs:not(:defined) > [slot="tab"] {
+    display: inline-block;
+    padding: 8px 12px;
+    line-height: 20px;
+  }
+}
+`;exports.PRELOAD_CSS=e;