@ecopages/radiant-ui 0.2.4 → 0.3.0

package/dist/components/ui/select/select.d.ts

@@ -1,8 +1,7 @@
 import type { JsxCustomElementAttributes, JsxElementProps, JsxRenderable } from '@ecopages/jsx';
 import type { NativeButtonProps, NativeInputProps } from '../../../lib/native-element-props';
 import { type RuiListboxOptionData } from '../listbox';
-import type { RuiSelect as RuiSelectElement, RuiSelectProps } from './select.script';
-import './select.script';
+import { RuiSelect as RuiSelectElement, type RuiSelectProps } from './select.script';
 export type RuiSelectControlProps = JsxElementProps<HTMLDivElement>;
 /**
  * Trigger row wrapper for the value button and toggle icon.

package/dist/components/ui/select/select.script.d.ts

@@ -1,3 +1,4 @@
+import type { JSX_PROPS } from '@ecopages/jsx';
 import { RadiantElement } from '@ecopages/radiant';
 import type { EventEmitter } from '@ecopages/radiant/tools/event-emitter';
 import { type ViewMultiValue } from '../shared/multi-value';
@@ -88,6 +89,7 @@ export type RuiSelectChangeDetail = {
  * The selected value does not appear in native `FormData`.
  */
 export declare class RuiSelect extends RadiantElement {
+    readonly [JSX_PROPS]?: RuiSelectProps;
     value: string[];
     label: string;
     placeholder: string;
@@ -156,3 +158,8 @@ export declare class RuiSelect extends RadiantElement {
     onFocusOut(event: FocusEvent): void;
     onDocumentPointerDown(event: PointerEvent): void;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'rui-select': RuiSelect;
+    }
+}

package/dist/components/ui/separator/separator.d.ts

@@ -1,6 +1,7 @@
 import type { JsxElementProps } from '@ecopages/jsx';
+import type { WithoutChildren } from '../../../lib/without-children';
 export type RuiSeparatorOrientation = 'horizontal' | 'vertical';
-export type RuiSeparatorProps = Omit<JsxElementProps<HTMLHRElement>, 'children'> & {
+export type RuiSeparatorProps = WithoutChildren<JsxElementProps<HTMLHRElement>> & {
     /** Visual and semantic direction. Default: `horizontal`. */
     orientation?: RuiSeparatorOrientation;
 };

package/dist/components/ui/sidebar/index.js

@@ -1,2 +1,2 @@
-import{RadiantElement as ye,bindTo as ot,bound as Se,customElement as oi,event as ft,onEvent as st,onUpdated as mt,prop as x,query as ct,state as si}from"@ecopages/radiant";import{isServer as li}from"@ecopages/radiant/is-server";function yt(e){return e.split(",").map(t=>t.trim()).filter(t=>t.length>0)}var St,wt,xt,Mt,Et,Tt,At,kt,Rt,Ct,Ot,Lt,Wt,Dt,zt,It,Bt,jt,Pt,Vt,Ut,Kt,Gt,Ht,Qt,$t,Yt,Xt,qt,Nt,Zt,Jt,Ft,te,ee,ie,re,ne,ae,oe,se,le,de,ue,ce,he,pe,be,fe,me,ge,_e;function ii(e,t,i,r,u,f){var b,o,A,z,C,I,k,U=Symbol.metadata||Symbol.for("Symbol.metadata"),G=Object.defineProperty,D=Object.create,H=[D(null),D(null)],K=t.length;function O(n,m,h){return function(a,s){m&&(s=a,a=e);for(var g=0;g<n.length;g++)s=n[g].apply(a,h?[s]:[]);return h?s:a}}function v(n,m,h,a){if(typeof n!="function"&&(a||n!==void 0))throw new TypeError(m+" must "+(h||"be")+" a function"+(a?"":" or undefined"));return n}function Q(n,m,h,a,s,g,E,p,y,S,J){function Y(d){if(!J(d))throw new TypeError("Attempted to access private element on non-instance")}var X=[].concat(m[0]),F=m[3],q=!E,L=s===1,tt=s===3,et=s===4,B=s===2;function j(d,R,nt){return function(V,at){return R&&(at=V,V=n),nt&&nt(V),l[d].call(V,at)}}if(!q){var l={},N=[],w=tt?"get":et||L?"set":"value";if(y?(S||L?l={get:ve(function(){return F(this)},a,"get"),set:function(d){m[4](this,d)}}:l[w]=F,S||ve(l[w],a,B?"":w)):S||(l=Object.getOwnPropertyDescriptor(n,a)),!S&&!y){if((o=H[+p][a])&&(o^s)!==7)throw Error("Decorating two elements with the same name ("+l[w].name+") is not supported yet");H[+p][a]=s<3?1:s}}for(var c=n,P=X.length-1;P>=0;P-=h?2:1){var it=v(X[P],"A decorator","be",!0),rt=h?X[P-1]:void 0,Z={},W={kind:["field","accessor","method","getter","setter","class"][s],name:a,metadata:b,addInitializer:function(d,R){if(d.v)throw new TypeError("attempted to call addInitializer after decoration was finished");v(R,"An initializer","be",!0),g.push(R)}.bind(null,Z)};if(q)o=it.call(rt,c,W),Z.v=1,v(o,"class decorators","return")&&(c=o);else if(W.static=p,W.private=y,o=W.access={has:y?J.bind():function(d){return a in d}},et||(o.get=y?B?function(d){return Y(d),l.value}:j("get",0,Y):function(d){return d[a]}),B||tt||(o.set=y?j("set",0,Y):function(d,R){d[a]=R}),c=it.call(rt,L?{get:l.get,set:l.set}:l[w],W),Z.v=1,L){if(typeof c=="object"&&c)(o=v(c.get,"accessor.get"))&&(l.get=o),(o=v(c.set,"accessor.set"))&&(l.set=o),(o=v(c.init,"accessor.init"))&&N.unshift(o);else if(c!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(c,(S?"field":"method")+" decorators","return")&&(S?N.unshift(c):l[w]=c)}return s<2&&E.push(O(N,p,1),O(g,p,0)),S||q||(y?L?E.splice(-1,0,j("get",p),j("set",p)):E.push(B?l[w]:v.call.bind(l[w])):G(n,a,l)),c}function $(n){return G(n,U,{configurable:!0,enumerable:!0,value:b})}return f!==void 0&&(b=f[U]),b=D(b??null),C=[],I=function(n){n&&C.push(O(n))},k=function(n,m){for(var h=0;h<i.length;h++){var a=i[h],s=a[1],g=7&s;if((8&s)==n&&!g==m){var E=a[2],p=!!a[3],y=16&s;Q(n?e:e.prototype,a,y,p?"#"+E:ri(E),g,g<2?[]:n?z=z||[]:A=A||[],C,!!n,p,m,n&&p?function(S){return ai(S)===e}:u)}}},k(8,0),k(0,0),k(8,1),k(0,1),I(A),I(z),o=C,K||$(e),{e:o,get c(){var n=[];return K&&[$(e=Q(e,[t],r,e.name,5,n)),O(n,1)]}}}function ri(e){var t=ni(e,"string");return typeof t=="symbol"?t:t+""}function ni(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var r=i.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ve(e,t,i){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:i?i+" "+t:t})}catch{}return e}function ai(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var di=256,ui=48,ci=200,hi=480,pi="b",we=8,xe=32,Me='[data-ref="menu-button"]';function bi(e){return e.metaKey||e.ctrlKey}function fi(){return typeof window<"u"&&typeof window.matchMedia=="function"}function ht(e){return e==="left"||e==="right"}var Te,Ee=class extends ye{static{({e:[xt,Mt,Et,Tt,At,kt,Rt,Ct,Ot,Lt,Wt,Dt,zt,It,Bt,jt,Pt,Vt,Ut,Kt,Gt,Ht,Qt,$t,Yt,Xt,qt,Nt,Zt,Jt,Ft,te,ee,ie,re,ne,ae,oe,se,le,de,ue,ce,he,pe,be,fe,me,ge,_e,St],c:[Te,wt]}=ii(this,[oi("rui-sidebar")],[[[x({type:String,reflect:!0,defaultValue:"sidebar"}),ot([{attr:"data-variant"},{ref:"root",attr:"data-variant"},{ref:"pane",attr:"data-variant"}])],0,"variant"],[[x({type:String,reflect:!0,defaultValue:"left"}),ot([{attr:"data-side"},{ref:"root",attr:"data-side"},{ref:"pane",attr:"data-side"}])],0,"side"],[[x({type:String,reflect:!0,defaultValue:"off"}),ot([{attr:"data-collapsible"},{ref:"root",attr:"data-collapsible"}])],0,"collapsible"],[x({type:Number,defaultValue:di}),0,"defaultWidth"],[x({type:Number,reflect:!0,attribute:"width"}),0,"width"],[x({type:Number,defaultValue:ci}),0,"minWidth"],[x({type:Number,defaultValue:hi}),0,"maxWidth"],[x({type:Boolean,defaultValue:!1}),0,"resizable"],[x({type:Boolean,defaultValue:!0}),0,"defaultOpen"],[x({type:Boolean,defaultValue:!1}),0,"mobileDefaultOpen"],[x({type:Boolean,attribute:"open"}),0,"open"],[x({type:Number,defaultValue:768}),0,"mobileBreakpoint"],[[x({type:String,defaultValue:"Sidebar"}),ot([{attr:"aria-label"},{ref:"pane",attr:"aria-label"}])],0,"label"],[x({type:Boolean,reflect:!0,attribute:"match-active"}),0,"matchActive"],[x({type:String,defaultValue:"pathname"}),0,"matchMode"],[x({type:Boolean,attribute:"scroll-active-on-mount"}),0,"scrollActiveOnMount"],[x({type:String,attribute:"navigation-events",defaultValue:""}),0,"navigationEvents"],[ct({ref:"root"}),0,"rootTarget"],[ct({ref:"pane"}),0,"paneTarget"],[ct({ref:"handle"}),0,"handleTarget"],[ct({ref:"scrim"}),0,"scrimTarget"],[ft({name:"rui-sidebar-toggle",bubbles:!0,composed:!0}),0,"toggleEvent"],[ft({name:"rui-sidebar-resize",bubbles:!0,composed:!0}),0,"resizeEvent"],[ft({name:"rui-sidebar-mobile-change",bubbles:!0,composed:!0}),0,"mobileChangeEvent"],[[si,ot([{attr:"data-mobile"},{ref:"root",attr:"data-mobile"}])],0,"isMobile"],[mt(["open","collapsible","variant","side","width","defaultWidth","defaultOpen","minWidth","maxWidth","isMobile","resizable","label"]),2,"onStateUpdated"],[mt(["mobileBreakpoint"]),2,"onMobileBreakpointUpdated"],[mt(["matchActive","matchMode","navigationEvents"]),2,"onMatchSettingsUpdated"],[Se,2,"onPointerMove"],[Se,2,"onPointerUp"],[st({ref:"handle",type:"pointerdown"}),2,"onHandlePointerDown"],[st({ref:"handle",type:"keydown"}),2,"onHandleKeydown"],[st({ref:"scrim",type:"click"}),2,"onScrimClick"],[st({selector:Me,type:"click"}),2,"onMenuLinkClick"],[st({document:!0,type:"keydown"}),2,"onHostKeydown"]],0,void 0,ye))}variant=(St(this),xt(this));side=(Mt(this),Et(this));collapsible=(Tt(this),At(this));defaultWidth=(kt(this),Rt(this));width=(Ct(this),Ot(this));minWidth=(Lt(this),Wt(this));maxWidth=(Dt(this),zt(this));resizable=(It(this),Bt(this));defaultOpen=(jt(this),Pt(this));mobileDefaultOpen=(Vt(this),Ut(this));open=(Kt(this),Gt(this));mobileBreakpoint=(Ht(this),Qt(this));label=($t(this),Yt(this));matchActive=(Xt(this),qt(this,!1));matchMode=(Nt(this),Zt(this));scrollActiveOnMount=(Jt(this),Ft(this,!1));navigationEvents=(te(this),ee(this,""));rootTarget=(ie(this),re(this));paneTarget=(ne(this),ae(this));handleTarget=(oe(this),se(this));scrimTarget=(le(this),de(this));toggleEvent=(ue(this),ce(this));resizeEvent=(he(this),pe(this));mobileChangeEvent=(be(this),fe(this));isMobile=(me(this),ge(this,!1));mediaQuery=(_e(this),null);mediaListener=t=>this.setMobile(t.matches);dragging=!1;dragStartCoord=0;dragStartSize=0;navigationCleanups=[];didScrollActiveOnMount=!1;openControlled=!1;mobileReady=!1;connectedCallback(){super.connectedCallback(),this.ensureWidthInitialized(),this.setAttribute("role","complementary"),this.attachNavigationListeners()}onConnected(){this.ensureWidthInitialized(),this.openControlled=this.open!==void 0,this.bindMobileMediaQuery(),this.openControlled||(this.open=this.isMobile?this.mobileDefaultOpen:this.defaultOpen),this.syncPresentation(),this.syncPaneWidthVar(),this.mobileReady=!0}updated(t){super.updated(t);let i=this.scrollActiveOnMount&&!this.didScrollActiveOnMount;this.syncActiveLinks(i),i&&(this.didScrollActiveOnMount=!0)}disconnectedCallback(){this.endDrag(),this.unbindMobileMediaQuery(),this.detachNavigationListeners(),this.mobileReady=!1,super.disconnectedCallback()}syncPresentation(){let t=this.isOpen(),i=t?"expanded":"collapsed",r=this.resizable&&this.collapsible==="off"&&t&&!this.isMobile,u=!(t||!this.isMobile&&this.collapsible==="icon"),f=this.paneWidth();this.setAttribute("data-state",i),this.setAttribute("data-pane-width",String(f));let b=this.rootTarget;b&&(b.dataset.state=i);let o=this.scrimTarget;o&&o.toggleAttribute("hidden",!(this.isMobile&&t));let A=this.paneTarget;A&&(u?A.setAttribute("inert",""):A.removeAttribute("inert")),this.syncHandlePresentation(r,f)}syncHandlePresentation(t,i){let r=this.handleTarget;r&&(r.toggleAttribute("hidden",!t),t&&(r.setAttribute("aria-orientation",ht(this.side)?"vertical":"horizontal"),r.setAttribute("aria-valuenow",String(i)),r.setAttribute("aria-valuemin",String(this.minWidth)),r.setAttribute("aria-valuemax",String(this.maxWidth)),r.setAttribute("aria-label",`${this.label} resize handle`)))}isOpen(){return this.open!==void 0?this.open:this.defaultOpen}ensureWidthInitialized(){this.hasAttribute("width")||(this.width===void 0||this.width===0)&&(this.width=this.defaultWidth)}onStateUpdated(){this.syncPresentation(),this.syncPaneWidthVar()}onMobileBreakpointUpdated(){this.bindMobileMediaQuery()}onMatchSettingsUpdated(){this.detachNavigationListeners(),this.attachNavigationListeners()}syncActiveLinks(t=!1){if(!this.matchActive||typeof window>"u"||typeof window.location>"u")return!1;let i=window.location.pathname,r=!1;for(let u of this.querySelectorAll(Me)){let f=this.isLinkActive(u,i);u.classList.toggle("rui-sidebar__menu-button--active",f),f?(u.setAttribute("aria-current","page"),t&&!r&&(u.scrollIntoView({block:"nearest"}),r=!0)):u.removeAttribute("aria-current")}return r}isLinkActive(t,i){let r=t.pathname;return this.matchMode==="prefix"?i===r||i.startsWith(`${r}/`):r===i}attachNavigationListeners(){if(li||!this.isConnected||!this.matchActive||typeof window>"u"||typeof window.addEventListener!="function")return;let t=()=>this.syncActiveLinks(!1);if(window.addEventListener("popstate",t),this.navigationCleanups.push(()=>window.removeEventListener("popstate",t)),typeof document<"u"&&typeof document.addEventListener=="function")for(let i of yt(this.navigationEvents))document.addEventListener(i,t),this.navigationCleanups.push(()=>document.removeEventListener(i,t))}detachNavigationListeners(){for(let t of this.navigationCleanups)t();this.navigationCleanups=[]}unbindMobileMediaQuery(){this.mediaQuery?.removeEventListener("change",this.mediaListener),this.mediaQuery=null}bindMobileMediaQuery(){if(this.unbindMobileMediaQuery(),this.mobileBreakpoint<=0||!fi()){this.setMobile(!1);return}this.mediaQuery=window.matchMedia(`(max-width: ${this.mobileBreakpoint-1}px)`),this.mediaQuery.addEventListener("change",this.mediaListener),this.setMobile(this.mediaQuery.matches)}setMobile(t){if(t===this.isMobile)return;let i=this.isMobile&&!t,r=!this.isMobile&&t;this.isMobile=t;let u=this.mobileReady&&!this.openControlled;u&&i&&this.collapsible==="off"&&!this.isOpen()?this.setOpen(!0):u&&r?this.setOpen(this.mobileDefaultOpen):this.syncPaneWidthVar(),this.mobileChangeEvent.emit({mobile:t})}clampWidth(t){return Math.min(this.maxWidth,Math.max(this.minWidth,t))}paneWidth(){return this.isOpen()?this.width&&this.width>0?this.width:this.defaultWidth:this.isMobile?0:this.collapsible==="icon"?ui:0}syncPaneWidthVar(t=this.paneWidth()){let i=this.rootTarget;i&&i.style.setProperty("--rui-sidebar-pane-width",`${t}px`),this.paneTarget&&(this.paneTarget.style.removeProperty("width"),this.paneTarget.style.removeProperty("height")),this.setAttribute("data-pane-width",String(t))}applyWidth(t,i){let r=this.clampWidth(t);this.width=r,this.syncPaneWidthVar(r),i&&this.resizeEvent.emit({width:r})}toggle(){this.setOpen(!this.isOpen())}setOpen(t){let i=this.isOpen();if(t===i){this.syncPresentation(),this.syncPaneWidthVar();return}this.open=t;let r=t?"expanded":"collapsed";this.syncPresentation(),this.syncPaneWidthVar(),this.toggleEvent.emit({open:t,state:r})}beginDrag(t){if(t.button!==0||this.collapsible!=="off")return;this.dragging=!0;let i=ht(this.side);this.dragStartCoord=i?t.clientX:t.clientY,this.dragStartSize=this.paneWidth(),this.handleTarget?.setPointerCapture(t.pointerId),document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}endDrag(){this.dragging&&(this.dragging=!1,document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp))}onPointerMove(t){if(!this.dragging)return;let r=ht(this.side)?t.clientX:t.clientY,u=this.side==="right"?this.dragStartCoord-r:r-this.dragStartCoord;this.applyWidth(this.dragStartSize+u,!0)}onPointerUp(){this.endDrag()}onHandlePointerDown(t){t.preventDefault(),this.beginDrag(t)}onHandleKeydown(t){let i=t,r=this.paneWidth(),u=ht(this.side),f=u?"ArrowLeft":"ArrowUp",b=u?"ArrowRight":"ArrowDown",o=r;if(i.key===f)o=r-(i.shiftKey?xe:we);else if(i.key===b)o=r+(i.shiftKey?xe:we);else if(i.key==="Home")o=this.minWidth;else if(i.key==="End")o=this.maxWidth;else return;t.preventDefault(),this.applyWidth(o,!0)}onScrimClick(){this.isMobile&&this.setOpen(!1)}onMenuLinkClick(){this.isMobile&&this.setOpen(!1)}onHostKeydown(t){let i=t;if(i.key==="Escape"&&this.isMobile&&this.isOpen()){i.preventDefault(),this.setOpen(!1);return}bi(i)&&i.key.toLowerCase()===pi&&(i.preventDefault(),this.toggle())}static{wt()}};import{RadiantElement as Xe,bindTo as pt,customElement as yi,onEvent as Si,onUpdated as qe,prop as lt,query as wi,state as gt}from"@ecopages/radiant";var Ae,ke,Re,Ce,Oe,Le,We,De,ze,Ie,Be,je,Pe,Ve,Ue,Ke,Ge,He,Qe,$e;function mi(e,t,i,r,u,f){var b,o,A,z,C,I,k,U=Symbol.metadata||Symbol.for("Symbol.metadata"),G=Object.defineProperty,D=Object.create,H=[D(null),D(null)],K=t.length;function O(n,m,h){return function(a,s){m&&(s=a,a=e);for(var g=0;g<n.length;g++)s=n[g].apply(a,h?[s]:[]);return h?s:a}}function v(n,m,h,a){if(typeof n!="function"&&(a||n!==void 0))throw new TypeError(m+" must "+(h||"be")+" a function"+(a?"":" or undefined"));return n}function Q(n,m,h,a,s,g,E,p,y,S,J){function Y(d){if(!J(d))throw new TypeError("Attempted to access private element on non-instance")}var X=[].concat(m[0]),F=m[3],q=!E,L=s===1,tt=s===3,et=s===4,B=s===2;function j(d,R,nt){return function(V,at){return R&&(at=V,V=n),nt&&nt(V),l[d].call(V,at)}}if(!q){var l={},N=[],w=tt?"get":et||L?"set":"value";if(y?(S||L?l={get:Ye(function(){return F(this)},a,"get"),set:function(d){m[4](this,d)}}:l[w]=F,S||Ye(l[w],a,B?"":w)):S||(l=Object.getOwnPropertyDescriptor(n,a)),!S&&!y){if((o=H[+p][a])&&(o^s)!==7)throw Error("Decorating two elements with the same name ("+l[w].name+") is not supported yet");H[+p][a]=s<3?1:s}}for(var c=n,P=X.length-1;P>=0;P-=h?2:1){var it=v(X[P],"A decorator","be",!0),rt=h?X[P-1]:void 0,Z={},W={kind:["field","accessor","method","getter","setter","class"][s],name:a,metadata:b,addInitializer:function(d,R){if(d.v)throw new TypeError("attempted to call addInitializer after decoration was finished");v(R,"An initializer","be",!0),g.push(R)}.bind(null,Z)};if(q)o=it.call(rt,c,W),Z.v=1,v(o,"class decorators","return")&&(c=o);else if(W.static=p,W.private=y,o=W.access={has:y?J.bind():function(d){return a in d}},et||(o.get=y?B?function(d){return Y(d),l.value}:j("get",0,Y):function(d){return d[a]}),B||tt||(o.set=y?j("set",0,Y):function(d,R){d[a]=R}),c=it.call(rt,L?{get:l.get,set:l.set}:l[w],W),Z.v=1,L){if(typeof c=="object"&&c)(o=v(c.get,"accessor.get"))&&(l.get=o),(o=v(c.set,"accessor.set"))&&(l.set=o),(o=v(c.init,"accessor.init"))&&N.unshift(o);else if(c!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(c,(S?"field":"method")+" decorators","return")&&(S?N.unshift(c):l[w]=c)}return s<2&&E.push(O(N,p,1),O(g,p,0)),S||q||(y?L?E.splice(-1,0,j("get",p),j("set",p)):E.push(B?l[w]:v.call.bind(l[w])):G(n,a,l)),c}function $(n){return G(n,U,{configurable:!0,enumerable:!0,value:b})}return f!==void 0&&(b=f[U]),b=D(b??null),C=[],I=function(n){n&&C.push(O(n))},k=function(n,m){for(var h=0;h<i.length;h++){var a=i[h],s=a[1],g=7&s;if((8&s)==n&&!g==m){var E=a[2],p=!!a[3],y=16&s;Q(n?e:e.prototype,a,y,p?"#"+E:gi(E),g,g<2?[]:n?z=z||[]:A=A||[],C,!!n,p,m,n&&p?function(S){return vi(S)===e}:u)}}},k(8,0),k(0,0),k(8,1),k(0,1),I(A),I(z),o=C,K||$(e),{e:o,get c(){var n=[];return K&&[$(e=Q(e,[t],r,e.name,5,n)),O(n,1)]}}}function gi(e){var t=_i(e,"string");return typeof t=="symbol"?t:t+""}function _i(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var r=i.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ye(e,t,i){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:i?i+" "+t:t})}catch{}return e}function vi(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var Ne="Toggle sidebar",xi=["filled","outline","ghost"],Mi=["sm","md","lg"];function Je({variant:e,size:t}){return`rui-button rui-button--${e} rui-button--${t} rui-sidebar__trigger`}function Ei(e){return e==="inset"?"collapsed":"expanded"}var Fe,Ze=class extends Xe{static{({e:[Re,Ce,Oe,Le,We,De,ze,Ie,Be,je,Pe,Ve,Ue,Ke,Ge,He,Qe,$e,Ae],c:[Fe,ke]}=mi(this,[yi("rui-sidebar-trigger")],[[lt({type:String,defaultValue:""}),0,"controls"],[[lt({type:String,attribute:"button-label",defaultValue:Ne}),pt({ref:"button",attr:"aria-label",map:t=>t?.trim()||Ne})],0,"buttonLabel"],[lt({type:String,reflect:!0,defaultValue:""}),0,"placement"],[lt({type:String,defaultValue:"ghost"}),0,"variant"],[lt({type:String,defaultValue:"md"}),0,"size"],[wi({ref:"button"}),0,"buttonTarget"],[[gt,pt([{attr:"data-sidebar-state"},{ref:"button",attr:"aria-expanded",map:t=>String(t==="expanded")}])],0,"sidebarState"],[[gt,pt({attr:"data-sidebar-mobile"})],0,"sidebarMobile"],[[gt,pt({attr:"data-sidebar-collapsible"})],0,"sidebarCollapsible"],[qe(["controls","placement"]),2,"onTargetUpdated"],[qe(["variant","size"]),2,"onPresentationUpdated"],[Si({ref:"button",type:"click"}),2,"onButtonClick"]],0,void 0,Xe))}controls=(Ae(this),Re(this));buttonLabel=(Ce(this),Oe(this));placement=(Le(this),We(this));variant=(De(this),ze(this));size=(Ie(this),Be(this));buttonTarget=(je(this),Pe(this));sidebarState=(Ve(this),Ue(this,"expanded"));sidebarMobile=(Ke(this),Ge(this,null));sidebarCollapsible=(He(this),Qe(this,null));sidebarObserver=($e(this),null);attachedSidebar=null;onConnected(){this.syncWithSidebar()}disconnectedCallback(){this.detachFromSidebar(),super.disconnectedCallback()}onTargetUpdated(){this.syncWithSidebar()}onPresentationUpdated(){let t=this.buttonTarget?.classList;if(t){for(let i of xi)t.toggle(`rui-button--${i}`,i===this.variant);for(let i of Mi)t.toggle(`rui-button--${i}`,i===this.size)}}resolveSidebar(){let t=this.controls?.trim();if(t){let r=document.getElementById(t);return r?.localName==="rui-sidebar"?r:null}let i=this.closest("rui-sidebar");return i?.id?i:null}syncWithSidebar(){let t=this.resolveSidebar();t!==this.attachedSidebar&&(this.detachFromSidebar(),t&&(this.attachedSidebar=t,typeof MutationObserver=="function"&&(this.sidebarObserver=new MutationObserver(()=>this.applyState()),this.sidebarObserver.observe(t,{attributes:!0,attributeFilter:["data-state","data-mobile","data-collapsible"]}))));let i=t?.id||this.controls;i?this.buttonTarget?.setAttribute("aria-controls",i):this.buttonTarget?.removeAttribute("aria-controls"),this.applyState()}detachFromSidebar(){this.sidebarObserver?.disconnect(),this.attachedSidebar=null,this.sidebarObserver=null}applyState(){let t=this.attachedSidebar;if(!t){this.sidebarState=Ei(this.placement),this.sidebarMobile=null,this.sidebarCollapsible=null;return}this.sidebarState=t.getAttribute("data-state")==="collapsed"?"collapsed":"expanded",this.sidebarMobile=t.getAttribute("data-mobile")==="true",this.sidebarCollapsible=t.getAttribute("data-collapsible")??"off"}onButtonClick(t){t.preventDefault(),t.stopPropagation();let i=this.resolveSidebar();i&&typeof i.toggle=="function"&&i.toggle()}static{ke()}};import{jsx as T,jsxs as dt}from"@ecopages/jsx/jsx-runtime";function Ti(){return dt("span",{class:"rui-sidebar__trigger-icon","aria-hidden":"true",children:[dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--collapse",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}),T("path",{d:"M9 3v18"}),T("path",{d:"m14 15 3-3-3-3"})]}),dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--expand",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}),T("path",{d:"M9 3v18"}),T("path",{d:"m14 9-3 3 3 3"})]}),dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--close",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M18 6 6 18"}),T("path",{d:"m6 6 12 12"})]}),dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--menu",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M4 6h16"}),T("path",{d:"M4 12h16"}),T("path",{d:"M4 18h16"})]})]})}function Ai({children:e,triggerLabel:t,placement:i,variant:r="ghost",size:u="md",controls:f,...b}){return T("rui-sidebar-trigger",{...b,"prop:buttonLabel":t,placement:i,variant:r,size:u,controls:f,children:T("button",{"data-ref":"button",type:"button",class:Je({variant:r,size:u}),children:e??T(Ti,{})})})}import{jsx as _,jsxs as ut}from"@ecopages/jsx/jsx-runtime";function _t(e,t){return t===void 0||e?.label!==void 0?e:{...e,label:t}}function bt(...e){for(let t of e)if(t!==void 0)return t}function M(...e){return e.filter(Boolean).join(" ")}function vt(e,...t){let i={...e};for(let r of t)delete i[r];return i}function ki({layout:e="default",siteHeader:t,sidebar:i,children:r,class:u,...f}){return e==="docs"?ut("div",{...f,class:M("rui-sidebar-provider",u),"data-layout":e,children:[t?_("div",{class:"rui-sidebar-provider__site-header",children:t}):null,ut("div",{class:"rui-sidebar-provider__body",children:[i,r]})]}):ut("div",{...f,class:M("rui-sidebar-provider",u),"data-layout":e,children:[i,r]})}function Ri({children:e,class:t,...i}){return _("div",{...i,class:M("rui-sidebar__header",t),children:e})}function Ci({children:e,class:t,...i}){return _("div",{...i,class:M("rui-sidebar__content",t),children:e})}function Oi({children:e,class:t,...i}){return _("div",{...i,class:M("rui-sidebar__footer",t),children:e})}function Li({class:e,...t}){return _("hr",{...t,role:"separator","aria-orientation":"horizontal",class:M("rui-sidebar__separator",e)})}function Wi({children:e,class:t,...i}){return _("section",{...i,class:M("rui-sidebar__group",t),children:e})}function ti({children:e,class:t,...i}){return _("h2",{...i,class:M("rui-sidebar__group-label",t),children:e})}function Di({children:e,class:t,...i}){return _("button",{...i,type:"button",class:M("rui-sidebar__group-action",t),children:e})}function zi({label:e,action:t,class:i,...r}){return ut("div",{...r,class:M("rui-sidebar__group-header",i),children:[_(ti,{children:e}),t]})}function Ii({children:e,class:t,...i}){return _("ul",{...i,role:"list",class:M("rui-sidebar__menu",t),children:e})}function Bi({children:e,class:t,...i}){return _("li",{...i,class:M("rui-sidebar__menu-item",t),children:e})}function ei(e){if(e.href!==void 0){let{children:U,class:G,isActive:D,href:H,tooltip:K,aria:O,title:v,"aria-current":Q,...$}=e;return _("a",{...vt($,"as"),aria:_t(O,typeof U=="string"?void 0:K),href:H,"data-ref":"menu-button",class:M("rui-sidebar__menu-button",D&&"rui-sidebar__menu-button--active",G),"aria-current":D?"page":Q,title:bt(v,K),children:U})}let{children:t,class:i,isActive:r,type:u="button",tooltip:f,disabled:b,onClick:o,aria:A,title:z,"aria-current":C,"on:click":I,...k}=e;return _("button",{...vt(k,"as","href"),aria:_t(A,typeof t=="string"?void 0:f),type:u,"data-ref":"menu-button",class:M("rui-sidebar__menu-button",r&&"rui-sidebar__menu-button--active",i),"aria-current":r?"page":C,disabled:b,title:bt(z,f),"on:click":bt(I,o),children:t})}function ji(e){let{class:t,...i}=e;return _(ei,{class:M("rui-sidebar__menu-action",t),...i})}function Pi({children:e,class:t,...i}){return _("main",{...i,class:M("rui-sidebar__inset",t),children:e})}function Vi({children:e,open:t,label:i,...r}){return _("rui-sidebar",{...r,"prop:open":t,label:i,children:ut("div",{class:"rui-sidebar","data-ref":"root",children:[_("button",{"data-ref":"scrim",type:"button",class:"rui-sidebar__scrim",tabindex:-1,"aria-label":"Close sidebar",hidden:!0}),_("div",{"data-ref":"pane",class:"rui-sidebar__pane","aria-label":i,children:e}),_("div",{"data-ref":"handle",class:"rui-sidebar__handle",role:"separator",tabindex:0,hidden:!0,children:_("span",{class:"rui-sidebar__handle-grip","aria-hidden":"true"})})]})})}export{Vi as RuiSidebar,Ci as RuiSidebarContent,Te as RuiSidebarElement,Oi as RuiSidebarFooter,Wi as RuiSidebarGroup,Di as RuiSidebarGroupAction,zi as RuiSidebarGroupHeader,ti as RuiSidebarGroupLabel,Ri as RuiSidebarHeader,Pi as RuiSidebarInset,Ii as RuiSidebarMenu,ji as RuiSidebarMenuAction,ei as RuiSidebarMenuButton,Bi as RuiSidebarMenuItem,ki as RuiSidebarProvider,Li as RuiSidebarSeparator,Ai as RuiSidebarTrigger,Fe as RuiSidebarTriggerElement};
+import{RadiantElement as we,bindTo as ot,bound as xe,customElement as oi,event as gt,onEvent as st,onUpdated as _t,prop as x,query as ct,state as si}from"@ecopages/radiant";import{isServer as li}from"@ecopages/radiant/is-server";function wt(e){return e.split(",").map(t=>t.trim()).filter(t=>t.length>0)}var xt,Mt,Et,Tt,At,Rt,kt,Ct,Ot,Lt,Wt,Dt,zt,It,Bt,jt,Pt,Vt,Ut,Kt,Gt,Ht,Qt,$t,Yt,Xt,qt,Nt,Zt,Jt,Ft,te,ee,ie,re,ne,ae,oe,se,le,de,ue,ce,he,pe,be,fe,me,ge,_e,ve,ye;function ii(e,t,i,r,u,f){var b,o,A,z,C,I,R,U=Symbol.metadata||Symbol.for("Symbol.metadata"),G=Object.defineProperty,D=Object.create,H=[D(null),D(null)],K=t.length;function O(n,m,h){return function(a,s){m&&(s=a,a=e);for(var g=0;g<n.length;g++)s=n[g].apply(a,h?[s]:[]);return h?s:a}}function v(n,m,h,a){if(typeof n!="function"&&(a||n!==void 0))throw new TypeError(m+" must "+(h||"be")+" a function"+(a?"":" or undefined"));return n}function Q(n,m,h,a,s,g,E,p,y,S,J){function Y(d){if(!J(d))throw new TypeError("Attempted to access private element on non-instance")}var X=[].concat(m[0]),F=m[3],q=!E,L=s===1,tt=s===3,et=s===4,B=s===2;function j(d,k,nt){return function(V,at){return k&&(at=V,V=n),nt&&nt(V),l[d].call(V,at)}}if(!q){var l={},N=[],w=tt?"get":et||L?"set":"value";if(y?(S||L?l={get:Se(function(){return F(this)},a,"get"),set:function(d){m[4](this,d)}}:l[w]=F,S||Se(l[w],a,B?"":w)):S||(l=Object.getOwnPropertyDescriptor(n,a)),!S&&!y){if((o=H[+p][a])&&(o^s)!==7)throw Error("Decorating two elements with the same name ("+l[w].name+") is not supported yet");H[+p][a]=s<3?1:s}}for(var c=n,P=X.length-1;P>=0;P-=h?2:1){var it=v(X[P],"A decorator","be",!0),rt=h?X[P-1]:void 0,Z={},W={kind:["field","accessor","method","getter","setter","class"][s],name:a,metadata:b,addInitializer:function(d,k){if(d.v)throw new TypeError("attempted to call addInitializer after decoration was finished");v(k,"An initializer","be",!0),g.push(k)}.bind(null,Z)};if(q)o=it.call(rt,c,W),Z.v=1,v(o,"class decorators","return")&&(c=o);else if(W.static=p,W.private=y,o=W.access={has:y?J.bind():function(d){return a in d}},et||(o.get=y?B?function(d){return Y(d),l.value}:j("get",0,Y):function(d){return d[a]}),B||tt||(o.set=y?j("set",0,Y):function(d,k){d[a]=k}),c=it.call(rt,L?{get:l.get,set:l.set}:l[w],W),Z.v=1,L){if(typeof c=="object"&&c)(o=v(c.get,"accessor.get"))&&(l.get=o),(o=v(c.set,"accessor.set"))&&(l.set=o),(o=v(c.init,"accessor.init"))&&N.unshift(o);else if(c!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(c,(S?"field":"method")+" decorators","return")&&(S?N.unshift(c):l[w]=c)}return s<2&&E.push(O(N,p,1),O(g,p,0)),S||q||(y?L?E.splice(-1,0,j("get",p),j("set",p)):E.push(B?l[w]:v.call.bind(l[w])):G(n,a,l)),c}function $(n){return G(n,U,{configurable:!0,enumerable:!0,value:b})}return f!==void 0&&(b=f[U]),b=D(b??null),C=[],I=function(n){n&&C.push(O(n))},R=function(n,m){for(var h=0;h<i.length;h++){var a=i[h],s=a[1],g=7&s;if((8&s)==n&&!g==m){var E=a[2],p=!!a[3],y=16&s;Q(n?e:e.prototype,a,y,p?"#"+E:ri(E),g,g<2?[]:n?z=z||[]:A=A||[],C,!!n,p,m,n&&p?function(S){return ai(S)===e}:u)}}},R(8,0),R(0,0),R(8,1),R(0,1),I(A),I(z),o=C,K||$(e),{e:o,get c(){var n=[];return K&&[$(e=Q(e,[t],r,e.name,5,n)),O(n,1)]}}}function ri(e){var t=ni(e,"string");return typeof t=="symbol"?t:t+""}function ni(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var r=i.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Se(e,t,i){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:i?i+" "+t:t})}catch{}return e}function ai(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var di=256,ui=48,ci=200,hi=480,pi="b",Me=8,Ee=32,Te='[data-ref="menu-button"]';function bi(e){return e.metaKey||e.ctrlKey}function fi(){return typeof window<"u"&&typeof window.matchMedia=="function"}function ht(e){return e==="left"||e==="right"}var pt,Ae=class extends we{static{({e:[Et,Tt,At,Rt,kt,Ct,Ot,Lt,Wt,Dt,zt,It,Bt,jt,Pt,Vt,Ut,Kt,Gt,Ht,Qt,$t,Yt,Xt,qt,Nt,Zt,Jt,Ft,te,ee,ie,re,ne,ae,oe,se,le,de,ue,ce,he,pe,be,fe,me,ge,_e,ve,ye,xt],c:[pt,Mt]}=ii(this,[oi("rui-sidebar")],[[[x({type:String,reflect:!0,defaultValue:"sidebar"}),ot([{attr:"data-variant"},{ref:"root",attr:"data-variant"},{ref:"pane",attr:"data-variant"}])],0,"variant"],[[x({type:String,reflect:!0,defaultValue:"left"}),ot([{attr:"data-side"},{ref:"root",attr:"data-side"},{ref:"pane",attr:"data-side"}])],0,"side"],[[x({type:String,reflect:!0,defaultValue:"off"}),ot([{attr:"data-collapsible"},{ref:"root",attr:"data-collapsible"}])],0,"collapsible"],[x({type:Number,defaultValue:di}),0,"defaultWidth"],[x({type:Number,reflect:!0,attribute:"width"}),0,"width"],[x({type:Number,defaultValue:ci}),0,"minWidth"],[x({type:Number,defaultValue:hi}),0,"maxWidth"],[x({type:Boolean,defaultValue:!1}),0,"resizable"],[x({type:Boolean,defaultValue:!0}),0,"defaultOpen"],[x({type:Boolean,defaultValue:!1}),0,"mobileDefaultOpen"],[x({type:Boolean,attribute:"open"}),0,"open"],[x({type:Number,defaultValue:768}),0,"mobileBreakpoint"],[[x({type:String,defaultValue:"Sidebar"}),ot([{attr:"aria-label"},{ref:"pane",attr:"aria-label"}])],0,"label"],[x({type:Boolean,reflect:!0,attribute:"match-active"}),0,"matchActive"],[x({type:String,defaultValue:"pathname"}),0,"matchMode"],[x({type:Boolean,attribute:"scroll-active-on-mount"}),0,"scrollActiveOnMount"],[x({type:String,attribute:"navigation-events",defaultValue:""}),0,"navigationEvents"],[ct({ref:"root"}),0,"rootTarget"],[ct({ref:"pane"}),0,"paneTarget"],[ct({ref:"handle"}),0,"handleTarget"],[ct({ref:"scrim"}),0,"scrimTarget"],[gt({name:"rui-sidebar-toggle",bubbles:!0,composed:!0}),0,"toggleEvent"],[gt({name:"rui-sidebar-resize",bubbles:!0,composed:!0}),0,"resizeEvent"],[gt({name:"rui-sidebar-mobile-change",bubbles:!0,composed:!0}),0,"mobileChangeEvent"],[[si,ot([{attr:"data-mobile"},{ref:"root",attr:"data-mobile"}])],0,"isMobile"],[_t(["open","collapsible","variant","side","width","defaultWidth","defaultOpen","minWidth","maxWidth","isMobile","resizable","label"]),2,"onStateUpdated"],[_t(["mobileBreakpoint"]),2,"onMobileBreakpointUpdated"],[_t(["matchActive","matchMode","navigationEvents"]),2,"onMatchSettingsUpdated"],[xe,2,"onPointerMove"],[xe,2,"onPointerUp"],[st({ref:"handle",type:"pointerdown"}),2,"onHandlePointerDown"],[st({ref:"handle",type:"keydown"}),2,"onHandleKeydown"],[st({ref:"scrim",type:"click"}),2,"onScrimClick"],[st({selector:Te,type:"click"}),2,"onMenuLinkClick"],[st({document:!0,type:"keydown"}),2,"onHostKeydown"]],0,void 0,we))}variant=(xt(this),Et(this));side=(Tt(this),At(this));collapsible=(Rt(this),kt(this));defaultWidth=(Ct(this),Ot(this));width=(Lt(this),Wt(this));minWidth=(Dt(this),zt(this));maxWidth=(It(this),Bt(this));resizable=(jt(this),Pt(this));defaultOpen=(Vt(this),Ut(this));mobileDefaultOpen=(Kt(this),Gt(this));open=(Ht(this),Qt(this));mobileBreakpoint=($t(this),Yt(this));label=(Xt(this),qt(this));matchActive=(Nt(this),Zt(this,!1));matchMode=(Jt(this),Ft(this));scrollActiveOnMount=(te(this),ee(this,!1));navigationEvents=(ie(this),re(this,""));rootTarget=(ne(this),ae(this));paneTarget=(oe(this),se(this));handleTarget=(le(this),de(this));scrimTarget=(ue(this),ce(this));toggleEvent=(he(this),pe(this));resizeEvent=(be(this),fe(this));mobileChangeEvent=(me(this),ge(this));isMobile=(_e(this),ve(this,!1));mediaQuery=(ye(this),null);mediaListener=t=>this.setMobile(t.matches);dragging=!1;dragStartCoord=0;dragStartSize=0;navigationCleanups=[];didScrollActiveOnMount=!1;openControlled=!1;mobileReady=!1;connectedCallback(){super.connectedCallback(),this.ensureWidthInitialized(),this.setAttribute("role","complementary"),this.attachNavigationListeners()}onConnected(){this.ensureWidthInitialized(),this.openControlled=this.open!==void 0,this.bindMobileMediaQuery(),this.openControlled||(this.open=this.isMobile?this.mobileDefaultOpen:this.defaultOpen),this.syncPresentation(),this.syncPaneWidthVar(),this.mobileReady=!0}updated(t){super.updated(t);let i=this.scrollActiveOnMount&&!this.didScrollActiveOnMount;this.syncActiveLinks(i),i&&(this.didScrollActiveOnMount=!0)}disconnectedCallback(){this.endDrag(),this.unbindMobileMediaQuery(),this.detachNavigationListeners(),this.mobileReady=!1,super.disconnectedCallback()}syncPresentation(){let t=this.isOpen(),i=t?"expanded":"collapsed",r=this.resizable&&this.collapsible==="off"&&t&&!this.isMobile,u=!(t||!this.isMobile&&this.collapsible==="icon"),f=this.paneWidth();this.setAttribute("data-state",i),this.setAttribute("data-pane-width",String(f));let b=this.rootTarget;b&&(b.dataset.state=i);let o=this.scrimTarget;o&&o.toggleAttribute("hidden",!(this.isMobile&&t));let A=this.paneTarget;A&&(u?A.setAttribute("inert",""):A.removeAttribute("inert")),this.syncHandlePresentation(r,f)}syncHandlePresentation(t,i){let r=this.handleTarget;r&&(r.toggleAttribute("hidden",!t),t&&(r.setAttribute("aria-orientation",ht(this.side)?"vertical":"horizontal"),r.setAttribute("aria-valuenow",String(i)),r.setAttribute("aria-valuemin",String(this.minWidth)),r.setAttribute("aria-valuemax",String(this.maxWidth)),r.setAttribute("aria-label",`${this.label} resize handle`)))}isOpen(){return this.open!==void 0?this.open:this.defaultOpen}ensureWidthInitialized(){this.hasAttribute("width")||(this.width===void 0||this.width===0)&&(this.width=this.defaultWidth)}onStateUpdated(){this.syncPresentation(),this.syncPaneWidthVar()}onMobileBreakpointUpdated(){this.bindMobileMediaQuery()}onMatchSettingsUpdated(){this.detachNavigationListeners(),this.attachNavigationListeners()}syncActiveLinks(t=!1){if(!this.matchActive||typeof window>"u"||typeof window.location>"u")return!1;let i=window.location.pathname,r=!1;for(let u of this.querySelectorAll(Te)){let f=this.isLinkActive(u,i);u.classList.toggle("rui-sidebar__menu-button--active",f),f?(u.setAttribute("aria-current","page"),t&&!r&&(u.scrollIntoView({block:"nearest"}),r=!0)):u.removeAttribute("aria-current")}return r}isLinkActive(t,i){let r=t.pathname;return this.matchMode==="prefix"?i===r||i.startsWith(`${r}/`):r===i}attachNavigationListeners(){if(li||!this.isConnected||!this.matchActive||typeof window>"u"||typeof window.addEventListener!="function")return;let t=()=>this.syncActiveLinks(!1);if(window.addEventListener("popstate",t),this.navigationCleanups.push(()=>window.removeEventListener("popstate",t)),typeof document<"u"&&typeof document.addEventListener=="function")for(let i of wt(this.navigationEvents))document.addEventListener(i,t),this.navigationCleanups.push(()=>document.removeEventListener(i,t))}detachNavigationListeners(){for(let t of this.navigationCleanups)t();this.navigationCleanups=[]}unbindMobileMediaQuery(){this.mediaQuery?.removeEventListener("change",this.mediaListener),this.mediaQuery=null}bindMobileMediaQuery(){if(this.unbindMobileMediaQuery(),this.mobileBreakpoint<=0||!fi()){this.setMobile(!1);return}this.mediaQuery=window.matchMedia(`(max-width: ${this.mobileBreakpoint-1}px)`),this.mediaQuery.addEventListener("change",this.mediaListener),this.setMobile(this.mediaQuery.matches)}setMobile(t){if(t===this.isMobile)return;let i=this.isMobile&&!t,r=!this.isMobile&&t;this.isMobile=t;let u=this.mobileReady&&!this.openControlled;u&&i&&this.collapsible==="off"&&!this.isOpen()?this.setOpen(!0):u&&r?this.setOpen(this.mobileDefaultOpen):this.syncPaneWidthVar(),this.mobileChangeEvent.emit({mobile:t})}clampWidth(t){return Math.min(this.maxWidth,Math.max(this.minWidth,t))}paneWidth(){return this.isOpen()?this.width&&this.width>0?this.width:this.defaultWidth:this.isMobile?0:this.collapsible==="icon"?ui:0}syncPaneWidthVar(t=this.paneWidth()){let i=this.rootTarget;i&&i.style.setProperty("--rui-sidebar-pane-width",`${t}px`),this.paneTarget&&(this.paneTarget.style.removeProperty("width"),this.paneTarget.style.removeProperty("height")),this.setAttribute("data-pane-width",String(t))}applyWidth(t,i){let r=this.clampWidth(t);this.width=r,this.syncPaneWidthVar(r),i&&this.resizeEvent.emit({width:r})}toggle(){this.setOpen(!this.isOpen())}setOpen(t){let i=this.isOpen();if(t===i){this.syncPresentation(),this.syncPaneWidthVar();return}this.open=t;let r=t?"expanded":"collapsed";this.syncPresentation(),this.syncPaneWidthVar(),this.toggleEvent.emit({open:t,state:r})}beginDrag(t){if(t.button!==0||this.collapsible!=="off")return;this.dragging=!0;let i=ht(this.side);this.dragStartCoord=i?t.clientX:t.clientY,this.dragStartSize=this.paneWidth(),this.handleTarget?.setPointerCapture(t.pointerId),document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}endDrag(){this.dragging&&(this.dragging=!1,document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp))}onPointerMove(t){if(!this.dragging)return;let r=ht(this.side)?t.clientX:t.clientY,u=this.side==="right"?this.dragStartCoord-r:r-this.dragStartCoord;this.applyWidth(this.dragStartSize+u,!0)}onPointerUp(){this.endDrag()}onHandlePointerDown(t){t.preventDefault(),this.beginDrag(t)}onHandleKeydown(t){let i=t,r=this.paneWidth(),u=ht(this.side),f=u?"ArrowLeft":"ArrowUp",b=u?"ArrowRight":"ArrowDown",o=r;if(i.key===f)o=r-(i.shiftKey?Ee:Me);else if(i.key===b)o=r+(i.shiftKey?Ee:Me);else if(i.key==="Home")o=this.minWidth;else if(i.key==="End")o=this.maxWidth;else return;t.preventDefault(),this.applyWidth(o,!0)}onScrimClick(){this.isMobile&&this.setOpen(!1)}onMenuLinkClick(){this.isMobile&&this.setOpen(!1)}onHostKeydown(t){let i=t;if(i.key==="Escape"&&this.isMobile&&this.isOpen()){i.preventDefault(),this.setOpen(!1);return}bi(i)&&i.key.toLowerCase()===pi&&(i.preventDefault(),this.toggle())}static{Mt()}};import{RadiantElement as qe,bindTo as bt,customElement as yi,onEvent as Si,onUpdated as Ne,prop as lt,query as wi,state as vt}from"@ecopages/radiant";var Re,ke,Ce,Oe,Le,We,De,ze,Ie,Be,je,Pe,Ve,Ue,Ke,Ge,He,Qe,$e,Ye;function mi(e,t,i,r,u,f){var b,o,A,z,C,I,R,U=Symbol.metadata||Symbol.for("Symbol.metadata"),G=Object.defineProperty,D=Object.create,H=[D(null),D(null)],K=t.length;function O(n,m,h){return function(a,s){m&&(s=a,a=e);for(var g=0;g<n.length;g++)s=n[g].apply(a,h?[s]:[]);return h?s:a}}function v(n,m,h,a){if(typeof n!="function"&&(a||n!==void 0))throw new TypeError(m+" must "+(h||"be")+" a function"+(a?"":" or undefined"));return n}function Q(n,m,h,a,s,g,E,p,y,S,J){function Y(d){if(!J(d))throw new TypeError("Attempted to access private element on non-instance")}var X=[].concat(m[0]),F=m[3],q=!E,L=s===1,tt=s===3,et=s===4,B=s===2;function j(d,k,nt){return function(V,at){return k&&(at=V,V=n),nt&&nt(V),l[d].call(V,at)}}if(!q){var l={},N=[],w=tt?"get":et||L?"set":"value";if(y?(S||L?l={get:Xe(function(){return F(this)},a,"get"),set:function(d){m[4](this,d)}}:l[w]=F,S||Xe(l[w],a,B?"":w)):S||(l=Object.getOwnPropertyDescriptor(n,a)),!S&&!y){if((o=H[+p][a])&&(o^s)!==7)throw Error("Decorating two elements with the same name ("+l[w].name+") is not supported yet");H[+p][a]=s<3?1:s}}for(var c=n,P=X.length-1;P>=0;P-=h?2:1){var it=v(X[P],"A decorator","be",!0),rt=h?X[P-1]:void 0,Z={},W={kind:["field","accessor","method","getter","setter","class"][s],name:a,metadata:b,addInitializer:function(d,k){if(d.v)throw new TypeError("attempted to call addInitializer after decoration was finished");v(k,"An initializer","be",!0),g.push(k)}.bind(null,Z)};if(q)o=it.call(rt,c,W),Z.v=1,v(o,"class decorators","return")&&(c=o);else if(W.static=p,W.private=y,o=W.access={has:y?J.bind():function(d){return a in d}},et||(o.get=y?B?function(d){return Y(d),l.value}:j("get",0,Y):function(d){return d[a]}),B||tt||(o.set=y?j("set",0,Y):function(d,k){d[a]=k}),c=it.call(rt,L?{get:l.get,set:l.set}:l[w],W),Z.v=1,L){if(typeof c=="object"&&c)(o=v(c.get,"accessor.get"))&&(l.get=o),(o=v(c.set,"accessor.set"))&&(l.set=o),(o=v(c.init,"accessor.init"))&&N.unshift(o);else if(c!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(c,(S?"field":"method")+" decorators","return")&&(S?N.unshift(c):l[w]=c)}return s<2&&E.push(O(N,p,1),O(g,p,0)),S||q||(y?L?E.splice(-1,0,j("get",p),j("set",p)):E.push(B?l[w]:v.call.bind(l[w])):G(n,a,l)),c}function $(n){return G(n,U,{configurable:!0,enumerable:!0,value:b})}return f!==void 0&&(b=f[U]),b=D(b??null),C=[],I=function(n){n&&C.push(O(n))},R=function(n,m){for(var h=0;h<i.length;h++){var a=i[h],s=a[1],g=7&s;if((8&s)==n&&!g==m){var E=a[2],p=!!a[3],y=16&s;Q(n?e:e.prototype,a,y,p?"#"+E:gi(E),g,g<2?[]:n?z=z||[]:A=A||[],C,!!n,p,m,n&&p?function(S){return vi(S)===e}:u)}}},R(8,0),R(0,0),R(8,1),R(0,1),I(A),I(z),o=C,K||$(e),{e:o,get c(){var n=[];return K&&[$(e=Q(e,[t],r,e.name,5,n)),O(n,1)]}}}function gi(e){var t=_i(e,"string");return typeof t=="symbol"?t:t+""}function _i(e,t){if(typeof e!="object"||!e)return e;var i=e[Symbol.toPrimitive];if(i!==void 0){var r=i.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xe(e,t,i){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:i?i+" "+t:t})}catch{}return e}function vi(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var Ze="Toggle sidebar",xi=["filled","outline","ghost"],Mi=["sm","md","lg"];function Fe({variant:e,size:t}){return`rui-button rui-button--${e} rui-button--${t} rui-sidebar__trigger`}function Ei(e){return e==="inset"?"collapsed":"expanded"}var ft,Je=class extends qe{static{({e:[Ce,Oe,Le,We,De,ze,Ie,Be,je,Pe,Ve,Ue,Ke,Ge,He,Qe,$e,Ye,Re],c:[ft,ke]}=mi(this,[yi("rui-sidebar-trigger")],[[lt({type:String,defaultValue:""}),0,"controls"],[[lt({type:String,attribute:"button-label",defaultValue:Ze}),bt({ref:"button",attr:"aria-label",map:t=>t?.trim()||Ze})],0,"buttonLabel"],[lt({type:String,reflect:!0,defaultValue:""}),0,"placement"],[lt({type:String,defaultValue:"ghost"}),0,"variant"],[lt({type:String,defaultValue:"md"}),0,"size"],[wi({ref:"button"}),0,"buttonTarget"],[[vt,bt([{attr:"data-sidebar-state"},{ref:"button",attr:"aria-expanded",map:t=>String(t==="expanded")}])],0,"sidebarState"],[[vt,bt({attr:"data-sidebar-mobile"})],0,"sidebarMobile"],[[vt,bt({attr:"data-sidebar-collapsible"})],0,"sidebarCollapsible"],[Ne(["controls","placement"]),2,"onTargetUpdated"],[Ne(["variant","size"]),2,"onPresentationUpdated"],[Si({ref:"button",type:"click"}),2,"onButtonClick"]],0,void 0,qe))}controls=(Re(this),Ce(this));buttonLabel=(Oe(this),Le(this));placement=(We(this),De(this));variant=(ze(this),Ie(this));size=(Be(this),je(this));buttonTarget=(Pe(this),Ve(this));sidebarState=(Ue(this),Ke(this,"expanded"));sidebarMobile=(Ge(this),He(this,null));sidebarCollapsible=(Qe(this),$e(this,null));sidebarObserver=(Ye(this),null);attachedSidebar=null;onConnected(){this.syncWithSidebar()}disconnectedCallback(){this.detachFromSidebar(),super.disconnectedCallback()}onTargetUpdated(){this.syncWithSidebar()}onPresentationUpdated(){let t=this.buttonTarget?.classList;if(t){for(let i of xi)t.toggle(`rui-button--${i}`,i===this.variant);for(let i of Mi)t.toggle(`rui-button--${i}`,i===this.size)}}resolveSidebar(){let t=this.controls?.trim();if(t){let r=document.getElementById(t);return r?.localName==="rui-sidebar"?r:null}let i=this.closest("rui-sidebar");return i?.id?i:null}syncWithSidebar(){let t=this.resolveSidebar();t!==this.attachedSidebar&&(this.detachFromSidebar(),t&&(this.attachedSidebar=t,typeof MutationObserver=="function"&&(this.sidebarObserver=new MutationObserver(()=>this.applyState()),this.sidebarObserver.observe(t,{attributes:!0,attributeFilter:["data-state","data-mobile","data-collapsible"]}))));let i=t?.id||this.controls;i?this.buttonTarget?.setAttribute("aria-controls",i):this.buttonTarget?.removeAttribute("aria-controls"),this.applyState()}detachFromSidebar(){this.sidebarObserver?.disconnect(),this.attachedSidebar=null,this.sidebarObserver=null}applyState(){let t=this.attachedSidebar;if(!t){this.sidebarState=Ei(this.placement),this.sidebarMobile=null,this.sidebarCollapsible=null;return}this.sidebarState=t.getAttribute("data-state")==="collapsed"?"collapsed":"expanded",this.sidebarMobile=t.getAttribute("data-mobile")==="true",this.sidebarCollapsible=t.getAttribute("data-collapsible")??"off"}onButtonClick(t){t.preventDefault(),t.stopPropagation();let i=this.resolveSidebar();i&&typeof i.toggle=="function"&&i.toggle()}static{ke()}};import{jsx as T,jsxs as dt}from"@ecopages/jsx/jsx-runtime";function Ti(){return dt("span",{class:"rui-sidebar__trigger-icon","aria-hidden":"true",children:[dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--collapse",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}),T("path",{d:"M9 3v18"}),T("path",{d:"m14 15 3-3-3-3"})]}),dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--expand",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}),T("path",{d:"M9 3v18"}),T("path",{d:"m14 9-3 3 3 3"})]}),dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--close",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M18 6 6 18"}),T("path",{d:"m6 6 12 12"})]}),dt("svg",{class:"rui-sidebar__trigger-glyph rui-sidebar__trigger-glyph--menu",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[T("path",{d:"M4 6h16"}),T("path",{d:"M4 12h16"}),T("path",{d:"M4 18h16"})]})]})}function Ai({children:e,triggerLabel:t,placement:i,variant:r="ghost",size:u="md",controls:f,...b}){return T(ft,{...b,"prop:buttonLabel":t,placement:i,variant:r,size:u,controls:f,children:T("button",{"data-ref":"button",type:"button",class:Fe({variant:r,size:u}),children:e??T(Ti,{})})})}import{jsx as _,jsxs as ut}from"@ecopages/jsx/jsx-runtime";function yt(e,t){return t===void 0||e?.label!==void 0?e:{...e,label:t}}function mt(...e){for(let t of e)if(t!==void 0)return t}function M(...e){return e.filter(Boolean).join(" ")}function St(e,...t){let i={...e};for(let r of t)delete i[r];return i}function Ri({layout:e="default",siteHeader:t,sidebar:i,children:r,class:u,...f}){return e==="docs"?ut("div",{...f,class:M("rui-sidebar-provider",u),"data-layout":e,children:[t?_("div",{class:"rui-sidebar-provider__site-header",children:t}):null,ut("div",{class:"rui-sidebar-provider__body",children:[i,r]})]}):ut("div",{...f,class:M("rui-sidebar-provider",u),"data-layout":e,children:[i,r]})}function ki({children:e,class:t,...i}){return _("div",{...i,class:M("rui-sidebar__header",t),children:e})}function Ci({children:e,class:t,...i}){return _("div",{...i,class:M("rui-sidebar__content",t),children:e})}function Oi({children:e,class:t,...i}){return _("div",{...i,class:M("rui-sidebar__footer",t),children:e})}function Li({class:e,...t}){return _("hr",{...t,role:"separator","aria-orientation":"horizontal",class:M("rui-sidebar__separator",e)})}function Wi({children:e,class:t,...i}){return _("section",{...i,class:M("rui-sidebar__group",t),children:e})}function ti({children:e,class:t,...i}){return _("h2",{...i,class:M("rui-sidebar__group-label",t),children:e})}function Di({children:e,class:t,...i}){return _("button",{...i,type:"button",class:M("rui-sidebar__group-action",t),children:e})}function zi({label:e,action:t,class:i,...r}){return ut("div",{...r,class:M("rui-sidebar__group-header",i),children:[_(ti,{children:e}),t]})}function Ii({children:e,class:t,...i}){return _("ul",{...i,role:"list",class:M("rui-sidebar__menu",t),children:e})}function Bi({children:e,class:t,...i}){return _("li",{...i,class:M("rui-sidebar__menu-item",t),children:e})}function ei(e){if(e.href!==void 0){let{children:U,class:G,isActive:D,href:H,tooltip:K,aria:O,title:v,"aria-current":Q,...$}=e;return _("a",{...St($,"as"),aria:yt(O,typeof U=="string"?void 0:K),href:H,"data-ref":"menu-button",class:M("rui-sidebar__menu-button",D&&"rui-sidebar__menu-button--active",G),"aria-current":D?"page":Q,title:mt(v,K),children:U})}let{children:t,class:i,isActive:r,type:u="button",tooltip:f,disabled:b,onClick:o,aria:A,title:z,"aria-current":C,"on:click":I,...R}=e;return _("button",{...St(R,"as","href"),aria:yt(A,typeof t=="string"?void 0:f),type:u,"data-ref":"menu-button",class:M("rui-sidebar__menu-button",r&&"rui-sidebar__menu-button--active",i),"aria-current":r?"page":C,disabled:b,title:mt(z,f),"on:click":mt(I,o),children:t})}function ji(e){let{class:t,...i}=e;return _(ei,{class:M("rui-sidebar__menu-action",t),...i})}function Pi({children:e,class:t,...i}){return _("main",{...i,class:M("rui-sidebar__inset",t),children:e})}function Vi({children:e,open:t,label:i,...r}){return _(pt,{...r,"prop:open":t,label:i,children:ut("div",{class:"rui-sidebar","data-ref":"root",children:[_("button",{"data-ref":"scrim",type:"button",class:"rui-sidebar__scrim",tabindex:-1,"aria-label":"Close sidebar",hidden:!0}),_("div",{"data-ref":"pane",class:"rui-sidebar__pane","aria-label":i,children:e}),_("div",{"data-ref":"handle",class:"rui-sidebar__handle",role:"separator",tabindex:0,hidden:!0,children:_("span",{class:"rui-sidebar__handle-grip","aria-hidden":"true"})})]})})}export{Vi as RuiSidebar,Ci as RuiSidebarContent,pt as RuiSidebarElement,Oi as RuiSidebarFooter,Wi as RuiSidebarGroup,Di as RuiSidebarGroupAction,zi as RuiSidebarGroupHeader,ti as RuiSidebarGroupLabel,ki as RuiSidebarHeader,Pi as RuiSidebarInset,Ii as RuiSidebarMenu,ji as RuiSidebarMenuAction,ei as RuiSidebarMenuButton,Bi as RuiSidebarMenuItem,Ri as RuiSidebarProvider,Li as RuiSidebarSeparator,Ai as RuiSidebarTrigger,ft as RuiSidebarTriggerElement};
 //# sourceMappingURL=index.js.map