@deepfuture/dui-cdn 1.1.0 → 1.2.0

package/dui.js

@@ -2229,7 +2229,8 @@ h6 { font-size: var(--text-base); line-height: var(--text-base--line-height); }
  * not CSS line-box edges, to the 4px grid.
  * ================================================================= */
 h1, h2, h3, h4, h5, h6,
-p, li, blockquote, dt, dd {
+p, li, blockquote, dt, dd,
+label, legend, caption, figcaption, th, td {
   text-box: trim-both cap alphabetic;
 }
 `;
@@ -14493,6 +14494,7 @@ var styles89 = i5`
     display: flex;
     width: 100%;
     height: 100%;
+    min-height: inherit;
   }
 `;
 var __ctx_dec16, _isMobile_dec, _openMobile_dec, _internalOpen_dec6, _collapsible_dec, _variant_dec, _side_dec5, _defaultOpen_dec6, _open_dec6, _a42, _init42, _open6, _defaultOpen6, _side5, _variant, _collapsible, _internalOpen6, _b29, internalOpen_get6, internalOpen_set6, _DuiSidebarProviderPrimitive_instances, _openMobile, _c16, openMobile_get, openMobile_set, _isMobile, _d10, isMobile_get, isMobile_set, _mediaQuery, _boundOnMediaChange, _boundOnKeyDown, isOpen_get5, _setOpen, _toggleSidebar, _onMediaChange, _onKeyDown6, __ctx16, buildContext_fn8;
@@ -14503,7 +14505,7 @@ var DuiSidebarProviderPrimitive = class extends (_a42 = i8, _open_dec6 = [n7({ t
     __privateAdd(this, _open6, __runInitializers(_init42, 8, this)), __runInitializers(_init42, 11, this);
     __privateAdd(this, _defaultOpen6, __runInitializers(_init42, 12, this, true)), __runInitializers(_init42, 15, this);
     __privateAdd(this, _side5, __runInitializers(_init42, 16, this, "left")), __runInitializers(_init42, 19, this);
-    __privateAdd(this, _variant, __runInitializers(_init42, 20, this, "")), __runInitializers(_init42, 23, this);
+    __privateAdd(this, _variant, __runInitializers(_init42, 20, this, "sidebar")), __runInitializers(_init42, 23, this);
     __privateAdd(this, _collapsible, __runInitializers(_init42, 24, this, "offcanvas")), __runInitializers(_init42, 27, this);
     __privateAdd(this, _internalOpen6, __runInitializers(_init42, 28, this, true)), __runInitializers(_init42, 31, this);
     __privateAdd(this, _openMobile, __runInitializers(_init42, 32, this, false)), __runInitializers(_init42, 35, this);
@@ -14623,7 +14625,6 @@ var styles90 = i5`
   :host {
     display: block;
     flex-shrink: 0;
-    height: 100%;
   }
 
   .DesktopOuter {
@@ -15228,6 +15229,16 @@ var DuiSidebarInsetPrimitive = class extends i8 {
 
 // packages/components/src/sidebar/sidebar.ts
 var styles102 = i`
+  /* ── Host: sticky full-viewport height ── */
+  /* Percentage heights on internal elements need a definite parent.
+     Using height: 100dvh + sticky keeps the sidebar pinned while
+     main content scrolls freely — no parent height context needed. */
+  :host {
+    position: sticky;
+    top: 0;
+    height: 100dvh;
+  }
+
   /* ── Desktop Outer ── */
 
   .DesktopOuter {

package/dui.min.js

@@ -582,7 +582,8 @@ h6 { font-size: var(--text-base); line-height: var(--text-base--line-height); }
  * not CSS line-box edges, to the 4px grid.
  * ================================================================= */
 h1, h2, h3, h4, h5, h6,
-p, li, blockquote, dt, dd {
+p, li, blockquote, dt, dd,
+label, legend, caption, figcaption, th, td {
   text-box: trim-both cap alphabetic;
 }
 `;var p1=`/* =================================================================
@@ -5501,12 +5502,12 @@ p, li, blockquote, dt, dd {
     display: flex;
     width: 100%;
     height: 100%;
+    min-height: inherit;
   }
-`,XI,JI,QI,ZI,tO,eO,oO,rO,sO,iO,wt,ok,rk,sk,ik,nk,ak,lk,nO,mk,ut,dk,ck,fk,Fu,pk,hk,Kd,gk,Yr,oi,ri,Uu,Gd,Yd,qu,Pu,uk,Vu,ve=class extends(iO=b,sO=[h({type:Boolean})],rO=[h({type:Boolean,attribute:"default-open"})],oO=[h({reflect:!0})],eO=[h({reflect:!0})],tO=[h({reflect:!0})],ZI=[E()],QI=[E()],JI=[E()],XI=[Et({context:tr}),E()],iO){constructor(){super(...arguments);n(this,ut);n(this,ok,i(wt,8,this)),i(wt,11,this);n(this,rk,i(wt,12,this,!0)),i(wt,15,this);n(this,sk,i(wt,16,this,"left")),i(wt,19,this);n(this,ik,i(wt,20,this,"")),i(wt,23,this);n(this,nk,i(wt,24,this,"offcanvas")),i(wt,27,this);n(this,ak,i(wt,28,this,!0)),i(wt,31,this);n(this,dk,i(wt,32,this,!1)),i(wt,35,this);n(this,pk,i(wt,36,this,!1)),i(wt,39,this);n(this,Yr);n(this,oi);n(this,ri);n(this,Gd,t=>{r(this,ut,Kd)?p(this,ut,t,Fu):(this.open===void 0&&p(this,ut,t,mk),this.dispatchEvent(vk({open:t})))});n(this,Yd,()=>{r(this,ut,Kd)?p(this,ut,!r(this,ut,fk),Fu):r(this,Gd).call(this,!r(this,ut,Uu))});n(this,qu,t=>{p(this,ut,!t.matches,gk),r(this,ut,Kd)||p(this,ut,!1,Fu)});n(this,Pu,t=>{t.key==="b"&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),r(this,Yd).call(this))});n(this,uk,i(wt,40,this,u(this,ut,Vu).call(this))),i(wt,43,this)}connectedCallback(){super.connectedCallback(),this.open===void 0&&p(this,ut,this.defaultOpen,mk),p(this,Yr,matchMedia("(min-width: 768px)")),p(this,ut,!r(this,Yr).matches,gk),p(this,oi,r(this,qu).bind(this)),r(this,Yr).addEventListener("change",r(this,oi)),p(this,ri,r(this,Pu).bind(this)),document.addEventListener("keydown",r(this,ri)),this._ctx=u(this,ut,Vu).call(this)}disconnectedCallback(){super.disconnectedCallback(),r(this,Yr)&&r(this,oi)&&r(this,Yr).removeEventListener("change",r(this,oi)),r(this,ri)&&document.removeEventListener("keydown",r(this,ri))}willUpdate(){this._ctx=u(this,ut,Vu).call(this)}render(){return m`<slot></slot>`}};wt=T(iO),ok=new WeakMap,rk=new WeakMap,sk=new WeakMap,ik=new WeakMap,nk=new WeakMap,ak=new WeakMap,ut=new WeakSet,dk=new WeakMap,pk=new WeakMap,Yr=new WeakMap,oi=new WeakMap,ri=new WeakMap,Uu=function(){return this.open??r(this,ut,nO)},Gd=new WeakMap,Yd=new WeakMap,qu=new WeakMap,Pu=new WeakMap,uk=new WeakMap,Vu=function(){return{state:r(this,ut,Uu)?"expanded":"collapsed",open:r(this,ut,Uu),openMobile:r(this,ut,fk),isMobile:r(this,ut,Kd),side:this.side,variant:this.variant,collapsible:this.collapsible,setOpen:r(this,Gd),toggleSidebar:r(this,Yd)}},d(wt,4,"open",sO,ve,ok),d(wt,4,"defaultOpen",rO,ve,rk),d(wt,4,"side",oO,ve,sk),d(wt,4,"variant",eO,ve,ik),d(wt,4,"collapsible",tO,ve,nk),lk=d(wt,20,"#internalOpen",ZI,ut,ak),nO=lk.get,mk=lk.set,ck=d(wt,20,"#openMobile",QI,ut,dk),fk=ck.get,Fu=ck.set,hk=d(wt,20,"#isMobile",JI,ut,pk),Kd=hk.get,gk=hk.set,d(wt,4,"_ctx",XI,ve,uk),$(wt,ve),v(ve,"tagName","dui-sidebar-provider"),v(ve,"styles",[y,FD]);var UD=g`
+`,XI,JI,QI,ZI,tO,eO,oO,rO,sO,iO,wt,ok,rk,sk,ik,nk,ak,lk,nO,mk,ut,dk,ck,fk,Fu,pk,hk,Kd,gk,Yr,oi,ri,Uu,Gd,Yd,qu,Pu,uk,Vu,ve=class extends(iO=b,sO=[h({type:Boolean})],rO=[h({type:Boolean,attribute:"default-open"})],oO=[h({reflect:!0})],eO=[h({reflect:!0})],tO=[h({reflect:!0})],ZI=[E()],QI=[E()],JI=[E()],XI=[Et({context:tr}),E()],iO){constructor(){super(...arguments);n(this,ut);n(this,ok,i(wt,8,this)),i(wt,11,this);n(this,rk,i(wt,12,this,!0)),i(wt,15,this);n(this,sk,i(wt,16,this,"left")),i(wt,19,this);n(this,ik,i(wt,20,this,"sidebar")),i(wt,23,this);n(this,nk,i(wt,24,this,"offcanvas")),i(wt,27,this);n(this,ak,i(wt,28,this,!0)),i(wt,31,this);n(this,dk,i(wt,32,this,!1)),i(wt,35,this);n(this,pk,i(wt,36,this,!1)),i(wt,39,this);n(this,Yr);n(this,oi);n(this,ri);n(this,Gd,t=>{r(this,ut,Kd)?p(this,ut,t,Fu):(this.open===void 0&&p(this,ut,t,mk),this.dispatchEvent(vk({open:t})))});n(this,Yd,()=>{r(this,ut,Kd)?p(this,ut,!r(this,ut,fk),Fu):r(this,Gd).call(this,!r(this,ut,Uu))});n(this,qu,t=>{p(this,ut,!t.matches,gk),r(this,ut,Kd)||p(this,ut,!1,Fu)});n(this,Pu,t=>{t.key==="b"&&(t.metaKey||t.ctrlKey)&&(t.preventDefault(),r(this,Yd).call(this))});n(this,uk,i(wt,40,this,u(this,ut,Vu).call(this))),i(wt,43,this)}connectedCallback(){super.connectedCallback(),this.open===void 0&&p(this,ut,this.defaultOpen,mk),p(this,Yr,matchMedia("(min-width: 768px)")),p(this,ut,!r(this,Yr).matches,gk),p(this,oi,r(this,qu).bind(this)),r(this,Yr).addEventListener("change",r(this,oi)),p(this,ri,r(this,Pu).bind(this)),document.addEventListener("keydown",r(this,ri)),this._ctx=u(this,ut,Vu).call(this)}disconnectedCallback(){super.disconnectedCallback(),r(this,Yr)&&r(this,oi)&&r(this,Yr).removeEventListener("change",r(this,oi)),r(this,ri)&&document.removeEventListener("keydown",r(this,ri))}willUpdate(){this._ctx=u(this,ut,Vu).call(this)}render(){return m`<slot></slot>`}};wt=T(iO),ok=new WeakMap,rk=new WeakMap,sk=new WeakMap,ik=new WeakMap,nk=new WeakMap,ak=new WeakMap,ut=new WeakSet,dk=new WeakMap,pk=new WeakMap,Yr=new WeakMap,oi=new WeakMap,ri=new WeakMap,Uu=function(){return this.open??r(this,ut,nO)},Gd=new WeakMap,Yd=new WeakMap,qu=new WeakMap,Pu=new WeakMap,uk=new WeakMap,Vu=function(){return{state:r(this,ut,Uu)?"expanded":"collapsed",open:r(this,ut,Uu),openMobile:r(this,ut,fk),isMobile:r(this,ut,Kd),side:this.side,variant:this.variant,collapsible:this.collapsible,setOpen:r(this,Gd),toggleSidebar:r(this,Yd)}},d(wt,4,"open",sO,ve,ok),d(wt,4,"defaultOpen",rO,ve,rk),d(wt,4,"side",oO,ve,sk),d(wt,4,"variant",eO,ve,ik),d(wt,4,"collapsible",tO,ve,nk),lk=d(wt,20,"#internalOpen",ZI,ut,ak),nO=lk.get,mk=lk.set,ck=d(wt,20,"#openMobile",QI,ut,dk),fk=ck.get,Fu=ck.set,hk=d(wt,20,"#isMobile",JI,ut,pk),Kd=hk.get,gk=hk.set,d(wt,4,"_ctx",XI,ve,uk),$(wt,ve),v(ve,"tagName","dui-sidebar-provider"),v(ve,"styles",[y,FD]);var UD=g`
   :host {
     display: block;
     flex-shrink: 0;
-    height: 100%;
   }
 
   .DesktopOuter {
@@ -5816,6 +5817,16 @@ p, li, blockquote, dt, dd {
     container-type: size;
   }
 `,La=class extends b{static tagName="dui-sidebar-inset";static styles=[y,ZD];render(){return m`<slot></slot>`}};var tH=k`
+  /* ── Host: sticky full-viewport height ── */
+  /* Percentage heights on internal elements need a definite parent.
+     Using height: 100dvh + sticky keeps the sidebar pinned while
+     main content scrolls freely — no parent height context needed. */
+  :host {
+    position: sticky;
+    top: 0;
+    height: 100dvh;
+  }
+
   /* ── Desktop Outer ── */
 
   .DesktopOuter {

package/package.json

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