@deepfuture/dui-cdn 1.4.2 → 1.4.4

package/dui.js

@@ -7452,13 +7452,14 @@ var FloatingPortalController = class {
   }
   #createPositioner() {
     if (this.#positioner) {
-      this.#positioner.style.display = "";
+      this.#positioner.style.display = "block";
       this.#applyForwardedProperties(this.#positioner);
       return;
     }
     const overlayRoot = this.#getOverlayRoot();
     const positioner = document.createElement("div");
     positioner.style.position = "fixed";
+    positioner.style.display = "block";
     positioner.style.zIndex = "1000";
     positioner.style.pointerEvents = "none";
     positioner.setAttribute("data-floating-portal", "");
@@ -12447,6 +12448,7 @@ var DuiPopoverPopupPrimitive = class extends (_a32 = i8, _showArrow_dec = [n7({
       offset: 8,
       styles: portalPopupStyles3,
       contentContainer: ".Content",
+      forwardProperties: ["--popover-popup-padding"],
       onPosition: ({ placement }) => {
         const actualSide = placement.split("-")[0];
         if (actualSide !== __privateGet(this, _DuiPopoverPopupPrimitive_instances, side_get)) {
@@ -12965,7 +12967,7 @@ var DuiPreviewCardPopupPrimitive = class extends (_a35 = i8, _showArrow_dec2 = [
       offset: 8,
       styles: portalPopupStyles4,
       contentContainer: ".PreviewCardContent",
-      forwardProperties: ["--preview-card-popup-padding"],
+      forwardProperties: ["--preview-card-popup-padding", "--preview-card-popup-max-width"],
       onPosition: ({ placement }) => {
         const actualSide = placement.split("-")[0];
         if (actualSide !== __privateGet(this, _DuiPreviewCardPopupPrimitive_instances, side_get2)) {
@@ -13051,7 +13053,7 @@ var styles77 = i`
     line-height: var(--text-sm--line-height);
     box-shadow: var(--shadow-lg);
     border: var(--border-width-thin) solid var(--border);
-    max-width: var(--max-width, var(--space-80));
+    max-width: var(--preview-card-popup-max-width, var(--space-80));
     transition-duration: var(--duration-faster);
     transition-timing-function: var(--ease-out-3);
   }

package/dui.min.js

@@ -2730,7 +2730,7 @@ label, legend, caption, figcaption, th, td {
     <polygon class="arrow-fill" points="0,0 5,6 10,0" />
     <path class="arrow-stroke" d="M 0,0 L 5,6 L 10,0" />
   </svg>
-`,uV={...x0,getOffsetParent:()=>window},mV=i=>({name:"alignInner",fn(r){let t=i.getElement();if(!t)return{};let e=i.padding??8,{rects:s}=r,l=r.elements.floating,d=l.getBoundingClientRect(),m=t.getBoundingClientRect(),g=m.top-d.top+m.height/2,E=i.getReferenceInner?.(),y=(E?E.getBoundingClientRect().top+E.getBoundingClientRect().height/2:s.reference.y+s.reference.height/2)-g,_=globalThis.innerHeight,S=d.height,O=e,B=_-S-e,j=Math.max(O,Math.min(y,B)),K=l.shadowRoot?.querySelector(".Popup")??l.querySelector(".Popup");if(K&&j!==y){let J=y-j;K.scrollTop=Math.max(0,K.scrollTop-J)}y=j;let F=m.left-d.left;return{x:E?E.getBoundingClientRect().left-F:s.reference.x,y,reset:!1}}}),fV=(i,r,t={})=>{let{placement:e="bottom-start",offsetPx:s=4,matchWidth:l=!1,minMatchWidth:d=!1,padding:m=8}=t,E=t.alignToInner?.getElement()!=null?[mV(t.alignToInner)]:[gz(s),bz(),vz({padding:m})];return l?E.push(y0({apply({rects:$,elements:y}){Object.assign(y.floating.style,{width:`${$.reference.width}px`})}})):d&&E.push(y0({apply({rects:$,elements:y}){Object.assign(y.floating.style,{minWidth:`${$.reference.width}px`})}})),xz(i,r,{placement:e,strategy:"fixed",middleware:E,platform:uV})},kz=(i,r,t={})=>{let{onPosition:e,...s}=t;return fz(i,r,()=>{fV(i,r,s).then(l=>{Object.assign(r.style,{left:`${l.x}px`,top:`${l.y}px`}),e?.(l)})})};var Te=class{#t;#e;#o;#n;#d;#c;#a;#f;#g;#l;#s;#m;#p;#h;#w;#x;#k;#v=[];#r=null;#b=null;#i=!1;#u=!1;#y=0;get isOpen(){return this.#i}get isAnimating(){return this.#u}get isStarting(){return this.#i&&this.#u}get isEnding(){return!this.#i&&this.#u}get positionerElement(){return this.#r}get renderRoot(){return this.#r?.shadowRoot??this.#r}set placement(r){this.#d=r}set offset(r){this.#c=r}constructor(r,t){this.#t=r,this.#e=t.getAnchor,this.#o=t.matchWidth??!0,this.#n=t.minMatchWidth??!1,this.#d=t.placement??"bottom-start",this.#c=t.offset??4,this.#a=t.styles,this.#f=t.onOpen,this.#g=t.onClose,this.#l=t.onPosition,this.#s=t.renderPopup,this.#m=t.contentContainer,this.#p=t.contentSelector,this.#h=t.forwardProperties??[],this.#w=t.getOverlayRoot??(()=>document.body),this.#x=t.alignToInner,this.#k=t.alignToInnerReference,r.addController(this)}hostConnected(){document.addEventListener("click",this.#C)}hostDisconnected(){document.removeEventListener("click",this.#C),this.#O(),p0(this.#t)}hostUpdated(){if(this.#i?this.#t.setAttribute("open",""):this.#t.removeAttribute("open"),this.#s&&(this.#i||this.isEnding)){let r=this.renderRoot;r&&Vh(this.#s(this),r)}this.#m&&this.#i&&this.#v.length===0&&this.#L()}open(){if(this.#i)return;this.#y++;let r=this.#y;VL(this.#t,()=>this.close()),this.#i=!0,this.#u=!0,this.#A(),this.#I(),this.#f?.(),this.#t.requestUpdate(),yz().then(()=>{r===this.#y&&(this.#u=!1,this.#t.requestUpdate())})}close(){if(!this.#i)return;this.#y++,this.#u=!0,this.#t.requestUpdate();let r=this.renderRoot?.querySelector(".Popup");if(!r){this.#E();return}wz(r,()=>this.#E())}#E(){this.#i&&(this.#i=!1,this.#u=!1,this.#T(),p0(this.#t),this.#g?.(),this.#_(),this.#t.requestUpdate())}#C=r=>{if(!this.#i)return;let t=r.composedPath();!t.includes(this.#t)&&!this.#S(t)&&this.close()};#S(r){return this.#r?r.includes(this.#r):!1}#A(){if(this.#r){this.#r.style.display="",this.#$(this.#r);return}let r=this.#w(),t=document.createElement("div");t.style.position="fixed",t.style.zIndex="1000",t.style.pointerEvents="none",t.setAttribute("data-floating-portal",""),t.setAttribute("data-dui-portal-for",this.#t.tagName.toLowerCase());let e=this.#t.constructor,s=d=>d?Array.isArray(d)?d.flatMap(s):[d]:[],l=[...s(e.styles),...this.#a??[]];if(l.length>0){let d=t.attachShadow({mode:"open"});Ih(d,l)}this.#$(t),r.appendChild(t),this.#r=t}#$(r){if(this.#h.length===0)return;let t=getComputedStyle(this.#t);for(let e of this.#h){let s=t.getPropertyValue(e).trim();s&&r.style.setProperty(e,s)}}#_(){this.#r&&(this.#r.style.display="none")}#R(){this.#r?.remove(),this.#r=null}#I(){if(this.#b)return;let r=this.#e(),t=this.#r;!r||!t||(this.#b=kz(r,t,{placement:this.#d,offsetPx:this.#c,matchWidth:this.#o,minMatchWidth:this.#n,onPosition:this.#l,alignToInner:this.#x?{getElement:this.#x,getReferenceInner:this.#k}:void 0}))}#T(){this.#b?.(),this.#b=null}#L(){let r=this.renderRoot?.querySelector(this.#m);if(!r)return;let t=this.#p?Array.from(this.#t.querySelectorAll(`:scope > ${this.#p}`)):Array.from(this.#t.childNodes);for(let e of t)r.appendChild(e),this.#v.push(e)}#z(){for(let r of this.#v)this.#t.appendChild(r);this.#v=[]}#O(){this.#T(),this.#z(),this.#R()}};var M0=M("value-change",{bubbles:!0,composed:!0}),Zu=M("values-change",{bubbles:!0,composed:!0}),gV=b`
+`,uV={...x0,getOffsetParent:()=>window},mV=i=>({name:"alignInner",fn(r){let t=i.getElement();if(!t)return{};let e=i.padding??8,{rects:s}=r,l=r.elements.floating,d=l.getBoundingClientRect(),m=t.getBoundingClientRect(),g=m.top-d.top+m.height/2,E=i.getReferenceInner?.(),y=(E?E.getBoundingClientRect().top+E.getBoundingClientRect().height/2:s.reference.y+s.reference.height/2)-g,_=globalThis.innerHeight,S=d.height,O=e,B=_-S-e,j=Math.max(O,Math.min(y,B)),K=l.shadowRoot?.querySelector(".Popup")??l.querySelector(".Popup");if(K&&j!==y){let J=y-j;K.scrollTop=Math.max(0,K.scrollTop-J)}y=j;let F=m.left-d.left;return{x:E?E.getBoundingClientRect().left-F:s.reference.x,y,reset:!1}}}),fV=(i,r,t={})=>{let{placement:e="bottom-start",offsetPx:s=4,matchWidth:l=!1,minMatchWidth:d=!1,padding:m=8}=t,E=t.alignToInner?.getElement()!=null?[mV(t.alignToInner)]:[gz(s),bz(),vz({padding:m})];return l?E.push(y0({apply({rects:$,elements:y}){Object.assign(y.floating.style,{width:`${$.reference.width}px`})}})):d&&E.push(y0({apply({rects:$,elements:y}){Object.assign(y.floating.style,{minWidth:`${$.reference.width}px`})}})),xz(i,r,{placement:e,strategy:"fixed",middleware:E,platform:uV})},kz=(i,r,t={})=>{let{onPosition:e,...s}=t;return fz(i,r,()=>{fV(i,r,s).then(l=>{Object.assign(r.style,{left:`${l.x}px`,top:`${l.y}px`}),e?.(l)})})};var Te=class{#t;#e;#o;#n;#d;#c;#a;#f;#g;#l;#s;#m;#p;#h;#w;#x;#k;#v=[];#r=null;#b=null;#i=!1;#u=!1;#y=0;get isOpen(){return this.#i}get isAnimating(){return this.#u}get isStarting(){return this.#i&&this.#u}get isEnding(){return!this.#i&&this.#u}get positionerElement(){return this.#r}get renderRoot(){return this.#r?.shadowRoot??this.#r}set placement(r){this.#d=r}set offset(r){this.#c=r}constructor(r,t){this.#t=r,this.#e=t.getAnchor,this.#o=t.matchWidth??!0,this.#n=t.minMatchWidth??!1,this.#d=t.placement??"bottom-start",this.#c=t.offset??4,this.#a=t.styles,this.#f=t.onOpen,this.#g=t.onClose,this.#l=t.onPosition,this.#s=t.renderPopup,this.#m=t.contentContainer,this.#p=t.contentSelector,this.#h=t.forwardProperties??[],this.#w=t.getOverlayRoot??(()=>document.body),this.#x=t.alignToInner,this.#k=t.alignToInnerReference,r.addController(this)}hostConnected(){document.addEventListener("click",this.#C)}hostDisconnected(){document.removeEventListener("click",this.#C),this.#O(),p0(this.#t)}hostUpdated(){if(this.#i?this.#t.setAttribute("open",""):this.#t.removeAttribute("open"),this.#s&&(this.#i||this.isEnding)){let r=this.renderRoot;r&&Vh(this.#s(this),r)}this.#m&&this.#i&&this.#v.length===0&&this.#L()}open(){if(this.#i)return;this.#y++;let r=this.#y;VL(this.#t,()=>this.close()),this.#i=!0,this.#u=!0,this.#A(),this.#I(),this.#f?.(),this.#t.requestUpdate(),yz().then(()=>{r===this.#y&&(this.#u=!1,this.#t.requestUpdate())})}close(){if(!this.#i)return;this.#y++,this.#u=!0,this.#t.requestUpdate();let r=this.renderRoot?.querySelector(".Popup");if(!r){this.#E();return}wz(r,()=>this.#E())}#E(){this.#i&&(this.#i=!1,this.#u=!1,this.#T(),p0(this.#t),this.#g?.(),this.#_(),this.#t.requestUpdate())}#C=r=>{if(!this.#i)return;let t=r.composedPath();!t.includes(this.#t)&&!this.#S(t)&&this.close()};#S(r){return this.#r?r.includes(this.#r):!1}#A(){if(this.#r){this.#r.style.display="block",this.#$(this.#r);return}let r=this.#w(),t=document.createElement("div");t.style.position="fixed",t.style.display="block",t.style.zIndex="1000",t.style.pointerEvents="none",t.setAttribute("data-floating-portal",""),t.setAttribute("data-dui-portal-for",this.#t.tagName.toLowerCase());let e=this.#t.constructor,s=d=>d?Array.isArray(d)?d.flatMap(s):[d]:[],l=[...s(e.styles),...this.#a??[]];if(l.length>0){let d=t.attachShadow({mode:"open"});Ih(d,l)}this.#$(t),r.appendChild(t),this.#r=t}#$(r){if(this.#h.length===0)return;let t=getComputedStyle(this.#t);for(let e of this.#h){let s=t.getPropertyValue(e).trim();s&&r.style.setProperty(e,s)}}#_(){this.#r&&(this.#r.style.display="none")}#R(){this.#r?.remove(),this.#r=null}#I(){if(this.#b)return;let r=this.#e(),t=this.#r;!r||!t||(this.#b=kz(r,t,{placement:this.#d,offsetPx:this.#c,matchWidth:this.#o,minMatchWidth:this.#n,onPosition:this.#l,alignToInner:this.#x?{getElement:this.#x,getReferenceInner:this.#k}:void 0}))}#T(){this.#b?.(),this.#b=null}#L(){let r=this.renderRoot?.querySelector(this.#m);if(!r)return;let t=this.#p?Array.from(this.#t.querySelectorAll(`:scope > ${this.#p}`)):Array.from(this.#t.childNodes);for(let e of t)r.appendChild(e),this.#v.push(e)}#z(){for(let r of this.#v)this.#t.appendChild(r);this.#v=[]}#O(){this.#T(),this.#z(),this.#R()}};var M0=M("value-change",{bubbles:!0,composed:!0}),Zu=M("values-change",{bubbles:!0,composed:!0}),gV=b`
   :host {
     display: block;
   }
@@ -4674,7 +4674,7 @@ label, legend, caption, figcaption, th, td {
       left: 50%;
       transform: translateX(-50%) rotate(180deg);
     }
-  `],jM,KM,WM,YM,yr,PE,UE,qE,jE,Af,GM,wr,ps,kl,Bs,_f,XM,Go=class extends(YM=x,WM=[u({type:Boolean,attribute:"show-arrow"})],KM=[u({type:Boolean,attribute:"close-on-click"})],jM=[C()],YM){constructor(){super(...arguments);a(this,wr);a(this,PE,n(yr,8,this,!0)),n(yr,11,this);a(this,UE,n(yr,12,this,!1)),n(yr,15,this);a(this,qE,n(yr,16,this,"bottom")),n(yr,19,this);a(this,ps,new q(this,{context:Hs,subscribe:!0}));a(this,kl,!1);a(this,Bs,new Te(this,{getAnchor:()=>o(this,ps).value?.triggerEl,matchWidth:!1,placement:"bottom",offset:8,styles:FP,contentContainer:".Content",onPosition:({placement:t})=>{let e=t.split("-")[0];e!==o(this,wr,Af)&&h(this,wr,e,GM)},renderPopup:t=>{let e=o(this,ps).value?.popupId??"";return f`
+  `],jM,KM,WM,YM,yr,PE,UE,qE,jE,Af,GM,wr,ps,kl,Bs,_f,XM,Go=class extends(YM=x,WM=[u({type:Boolean,attribute:"show-arrow"})],KM=[u({type:Boolean,attribute:"close-on-click"})],jM=[C()],YM){constructor(){super(...arguments);a(this,wr);a(this,PE,n(yr,8,this,!0)),n(yr,11,this);a(this,UE,n(yr,12,this,!1)),n(yr,15,this);a(this,qE,n(yr,16,this,"bottom")),n(yr,19,this);a(this,ps,new q(this,{context:Hs,subscribe:!0}));a(this,kl,!1);a(this,Bs,new Te(this,{getAnchor:()=>o(this,ps).value?.triggerEl,matchWidth:!1,placement:"bottom",offset:8,styles:FP,contentContainer:".Content",forwardProperties:["--popover-popup-padding"],onPosition:({placement:t})=>{let e=t.split("-")[0];e!==o(this,wr,Af)&&h(this,wr,e,GM)},renderPopup:t=>{let e=o(this,ps).value?.popupId??"";return f`
         <div
           class="Popup"
           id="${e}"
@@ -4800,7 +4800,7 @@ label, legend, caption, figcaption, th, td {
       left: 50%;
       transform: translateX(-50%) rotate(180deg);
     }
-  `],g5,v5,b5,Zi,pC,hC,uC,Hf,x5,Tr,Cr,_l,tn,Bf,Ff,y5,$r=class extends(b5=x,v5=[u({type:Boolean,attribute:"show-arrow"})],g5=[C()],b5){constructor(){super(...arguments);a(this,Tr);a(this,pC,n(Zi,8,this,!0)),n(Zi,11,this);a(this,hC,n(Zi,12,this,"top")),n(Zi,15,this);a(this,Cr,new q(this,{context:Al,subscribe:!0}));a(this,_l,!1);a(this,tn,new Te(this,{getAnchor:()=>o(this,Cr).value?.triggerEl,matchWidth:!1,placement:"top",offset:8,styles:XP,contentContainer:".PreviewCardContent",forwardProperties:["--preview-card-popup-padding"],onPosition:({placement:t})=>{let e=t.split("-")[0];e!==o(this,Tr,Hf)&&h(this,Tr,e,x5)},renderPopup:t=>{let e=o(this,Cr).value?.popupId??"";return f`
+  `],g5,v5,b5,Zi,pC,hC,uC,Hf,x5,Tr,Cr,_l,tn,Bf,Ff,y5,$r=class extends(b5=x,v5=[u({type:Boolean,attribute:"show-arrow"})],g5=[C()],b5){constructor(){super(...arguments);a(this,Tr);a(this,pC,n(Zi,8,this,!0)),n(Zi,11,this);a(this,hC,n(Zi,12,this,"top")),n(Zi,15,this);a(this,Cr,new q(this,{context:Al,subscribe:!0}));a(this,_l,!1);a(this,tn,new Te(this,{getAnchor:()=>o(this,Cr).value?.triggerEl,matchWidth:!1,placement:"top",offset:8,styles:XP,contentContainer:".PreviewCardContent",forwardProperties:["--preview-card-popup-padding","--preview-card-popup-max-width"],onPosition:({placement:t})=>{let e=t.split("-")[0];e!==o(this,Tr,Hf)&&h(this,Tr,e,x5)},renderPopup:t=>{let e=o(this,Cr).value?.popupId??"";return f`
         <div
           class="Popup"
           id="${e}"
@@ -4825,7 +4825,7 @@ label, legend, caption, figcaption, th, td {
     line-height: var(--text-sm--line-height);
     box-shadow: var(--shadow-lg);
     border: var(--border-width-thin) solid var(--border);
-    max-width: var(--max-width, var(--space-80));
+    max-width: var(--preview-card-popup-max-width, var(--space-80));
     transition-duration: var(--duration-faster);
     transition-timing-function: var(--ease-out-3);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepfuture/dui-cdn",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "DUI CDN bundle — all components, Lit inlined. Zero dependencies.",
   "type": "module",
   "license": "MIT",