@vielzeug/refine 3.1.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +508 -508
- package/dist/inputs/switch/switch.css.cjs +1 -1
- package/dist/inputs/switch/switch.css.cjs.map +1 -1
- package/dist/inputs/switch/switch.css.js +1 -1
- package/dist/inputs/switch/switch.css.js.map +1 -1
- package/dist/inputs/switch/switch.d.ts.map +1 -1
- package/dist/layout/sidebar/sidebar.d.ts +1 -0
- package/dist/layout/sidebar/sidebar.d.ts.map +1 -1
- package/dist/overlay/menu/menu.css.cjs +1 -1
- package/dist/overlay/menu/menu.css.cjs.map +1 -1
- package/dist/overlay/menu/menu.css.js +1 -1
- package/dist/overlay/menu/menu.css.js.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.cjs +1 -1
- package/dist/overlay/shared/use-floating-trigger.cjs.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.d.ts +3 -3
- package/dist/overlay/shared/use-floating-trigger.d.ts.map +1 -1
- package/dist/overlay/shared/use-floating-trigger.js +16 -4
- package/dist/overlay/shared/use-floating-trigger.js.map +1 -1
- package/dist/refine.cjs +57 -24
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +57 -24
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +57 -24
- package/dist/refine.js.map +1 -1
- package/dist/sidebar.cjs +10 -2
- package/dist/sidebar.cjs.map +1 -1
- package/dist/sidebar.js +10 -1
- package/dist/sidebar.js.map +1 -1
- package/dist/switch.cjs +28 -3
- package/dist/switch.cjs.map +1 -1
- package/dist/switch.js +54 -30
- package/dist/switch.js.map +1 -1
- package/package.json +1 -1
package/dist/refine.js
CHANGED
|
@@ -1913,7 +1913,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
1913
1913
|
`)}
|
|
1914
1914
|
</div>
|
|
1915
1915
|
</div>
|
|
1916
|
-
`},shadow:{delegatesFocus:!0},styles:[Z,J,Y,Fi]});var Li=e=>{let{bindTriggerAria:t,defaultOpen:n,disabled:r,getPanel:i,onClose:a,onOpen:o,onPlacementChange:s,openProp:c,placement:l,slot:u,slotElements:d,triggers:f}=e,p=()=>typeof u==`function`?u():u,m=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},h=Q(e.onCleanup),g=E(!1),_=()=>c.value!==void 0,v=null,y=null;function b(){let e=i(),t=v??p()?.assignedElements({flatten:!0})[0];if(!e||!t)return;let n=e.style.transition,r=e.style.transform;e.style.transition=`none`,e.style.transform=`none`;let a=z(t,e,{middleware:[V(m()),B(),te({padding:8})],placement:l.value});e.style.left=`${a.x}px`,e.style.top=`${a.y}px`,e.style.transition=n,e.style.transform=r,e.dataset.placement=a.placement,s?.(a.placement)}function x(){g.value=!0;let e=i();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}b()}function S(){g.value=!1;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function C(e=`programmatic`){
|
|
1916
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,Y,Fi]});var Li=e=>{let{bindTriggerAria:t,defaultOpen:n,disabled:r,getPanel:i,onClose:a,onOpen:o,onPlacementChange:s,openProp:c,placement:l,slot:u,slotElements:d,triggers:f}=e,p=()=>typeof u==`function`?u():u,m=()=>{let t=e.offset;return t==null?8:(typeof t==`object`?t.value:t)??8},h=Q(e.onCleanup),g=E(!1),_=()=>c.value!==void 0,v=null,y=null;function b(){let e=i(),t=v??p()?.assignedElements({flatten:!0})[0];if(!e||!t)return;let n=e.style.transition,r=e.style.transform;e.style.transition=`none`,e.style.transform=`none`;let a=z(t,e,{middleware:[V(m()),B(),te({padding:8})],placement:l.value});e.style.left=`${a.x}px`,e.style.top=`${a.y}px`,e.style.transition=n,e.style.transform=r,e.dataset.placement=a.placement,s?.(a.placement)}function x(){g.value=!0;let e=i();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}b()}function S(){g.value=!1;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function C(e=`programmatic`){if(!(r.value||g.value)){if(_()){o?.(e);return}x(),o?.(e)}}function w(e=`trigger`){if(g.value){if(_()){a?.(e);return}S(),a?.(e)}}function T(){g.value?w():C(`click`)}function D(e){e.key===`Escape`&&w(`escape`)}function k(e){let t=e.relatedTarget,n=i();t&&n?.contains(t)||t&&v?.contains(t)||w(`trigger`)}let A=()=>{y?.(),y=null;let e=p()?.assignedElements({flatten:!0})[0];if(!e){v=null;return}v=e;let n=t(e),r=[],a=(e,t,n,i)=>{e.addEventListener(t,n,i),r.push(()=>e.removeEventListener(t,n,i))},o=f.value;if(o.includes(`click`)&&a(e,`click`,T),o.includes(`hover`)){a(e,`pointerenter`,()=>C(`hover`)),a(e,`pointerleave`,()=>w(`trigger`));let t=i();t&&(a(t,`pointerenter`,()=>C(`hover`)),a(t,`pointerleave`,()=>w(`trigger`)))}if(o.includes(`focus`)){a(e,`focusin`,()=>C(`focus`)),a(e,`focusout`,k);let t=i();t&&a(t,`focusout`,k)}a(document,`keydown`,D),y=()=>{n();for(let e of r)e();v=null}},j=Xt({getTargets:()=>[v,i(),e.getHost?.()],isActive:()=>g.value&&f.value.includes(`click`),onDismiss:()=>w(`outsideClick`),signal:h});return{close:w,mount:()=>{let e=!1,t=p(),s=()=>{queueMicrotask(()=>{h.aborted||A()})};return t?.addEventListener(`slotchange`,s),s(),O(d,A,{immediate:!0}),O(c,t=>{if(t==null){e&&g.value&&(S(),a?.(`programmatic`)),e=!0;return}e=!0,t?x():g.value&&S()},{immediate:!0}),c.value===void 0&&n.value&&(x(),o?.(`programmatic`)),O(r,e=>{e&&w(`programmatic`)}),()=>{t?.removeEventListener(`slotchange`,s),y?.(),y=null;let e=i();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}j()}},open:C,toggle:T,updatePosition:b,visible:g}},Ri=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));overflow:var(--popover-overflow,auto);word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`,zi=8,Bi=new Set([`click`,`focus`,`hover`]),Vi=[`click`],Hi=e=>e==null?void 0:e===``||e===`true`,Ui=e=>dn(String(e??``),Bi,Vi),Wi=`ore-popover`;i(Wi,{props:{...G,"default-open":p.bool(!1),label:p.string(),offset:p.number(zi),open:{default:void 0,parse:Hi},placement:p.oneOf([`bottom`,`bottom-end`,`bottom-start`,`left`,`left-end`,`left-start`,`right`,`right-end`,`right-start`,`top`,`top-end`,`top-start`],`bottom`),trigger:p.string(`click`)},setup(t){let r=a(),i=v(),s=b(),c=r.shadowRoot,u=C(()=>!!t.disabled.value),d=n(`popover`),p=C(()=>Ui(t.trigger.value)),m=null,h=Li({bindTriggerAria:t=>e({attr:{"aria-controls":()=>d,"aria-disabled":()=>String(u.value),"aria-expanded":()=>String(h.visible.value),"aria-haspopup":`dialog`}},{target:t}),defaultOpen:t[`default-open`],disabled:u,getHost:()=>r,getPanel:()=>m,offset:t.offset,onCleanup:l,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),openProp:t.open,placement:C(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:p});return f(()=>h.mount()),o`
|
|
1917
1917
|
<slot></slot>
|
|
1918
1918
|
<div
|
|
1919
1919
|
class="panel"
|
|
@@ -2961,7 +2961,32 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
2961
2961
|
</div>
|
|
2962
2962
|
<span class="label" part="label" ref=${A}><slot></slot></span>
|
|
2963
2963
|
${Xn(g,v,x)}
|
|
2964
|
-
`},styles:[Xe,Z,X(Ne),ja,J]});var Pa=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,Fa=`ore-switch
|
|
2964
|
+
`},styles:[Xe,Z,X(Ne),ja,J]});var Pa=`@layer refine.base{:host{--_width:var(--switch-width,var(--size-10));--_height:var(--switch-height,var(--size-5));--_padding:var(--size-0-5);--_thumb-size:calc(var(--_height) - var(--_padding) * 2);--_track-bg:var(--switch-track-bg,var(--color-contrast-300));--_thumb-bg:var(--switch-thumb-bg,white);--_font-size:var(--switch-font-size,var(--text-sm));gap:var(--_gap,var(--size-2-5));min-height:var(--_touch-target);touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex-shrink:0;align-items:center;display:inline-flex}.switch-wrapper{flex-shrink:0;display:flex}.switch-track{width:var(--_width);height:var(--_height);background:var(--_track-bg);border-radius:var(--rounded-full);transition:background var(--transition-normal), box-shadow var(--transition-normal);position:relative}.switch-thumb{top:var(--_padding);width:var(--_thumb-size);height:var(--_thumb-size);background:var(--_thumb-bg);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-spring), box-shadow var(--transition-normal);will-change:transform;position:absolute}.switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding)}.switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding)}:host(:focus-visible) .switch-track{box-shadow:var(--_focus-shadow)}.label{font-size:var(--_font-size);color:var(--color-contrast)}}@layer refine.overrides{:host{--_active-bg:var(--switch-checked-bg,var(--_theme-base));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .switch-track{background:var(--_active-bg)}:host([checked]) .switch-thumb{transform:translateX(calc(var(--_width) - var(--_height)))}:host(:dir(rtl)[checked]) .switch-thumb{transform:translateX(calc(-1 * (var(--_width) - var(--_height))))}:host(:hover:not([disabled],[checked])) .switch-track{background:var(--color-contrast-400)}:host(:hover:not([disabled])[checked]) .switch-track{filter:brightness(1.1)}.helper-text[hidden]{display:none}.helper-text{width:100%;font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas))}.helper-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--_width) + var(--size-2-5))}.helper-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--_width) + var(--size-2-5))}.helper-text[role=alert]{color:var(--color-error)}}`,Fa=`ore-switch`,Ia=r`
|
|
2965
|
+
@media (pointer: coarse) {
|
|
2966
|
+
:host,
|
|
2967
|
+
:host([size='md']) {
|
|
2968
|
+
--_touch-target: var(--size-11);
|
|
2969
|
+
--_font-size: var(--text-base);
|
|
2970
|
+
--_gap: var(--size-3);
|
|
2971
|
+
--_height: var(--size-7);
|
|
2972
|
+
--_thumb-size: var(--size-6);
|
|
2973
|
+
--_width: var(--size-14);
|
|
2974
|
+
}
|
|
2975
|
+
|
|
2976
|
+
:host([size='sm']) {
|
|
2977
|
+
--_touch-target: var(--size-11);
|
|
2978
|
+
--_font-size: var(--text-sm);
|
|
2979
|
+
--_gap: var(--size-2);
|
|
2980
|
+
--_height: var(--size-5);
|
|
2981
|
+
--_thumb-size: var(--size-4);
|
|
2982
|
+
--_width: var(--size-10);
|
|
2983
|
+
}
|
|
2984
|
+
|
|
2985
|
+
:host([size='lg']) {
|
|
2986
|
+
--_touch-target: var(--size-11);
|
|
2987
|
+
}
|
|
2988
|
+
}
|
|
2989
|
+
`;i(Fa,{formAssociated:!0,props:{...U,...W,...G,checked:p.bool(!1),error:p.string(),helper:p.string(),name:p.string(),value:p.string(`on`)},setup(e){let t=a(),n=Nt({checked:e.checked,clearIndeterminateFirst:!1,disabled:e.disabled,error:e.error,helper:e.helper,onToggle:e=>{n.triggerValidation(`change`),xi(t,e.checked),$(t,`input`),$(t,`change`)},prefix:`switch`,signal:Q(l),value:e.value});n.attachFormField(y({disabled:n.disabled,toFormValue:e=>e,value:n.checkableFormValue}));let{assistiveId:r,checked:i,disabled:s,errorText:c,handleClick:u,handleKeydown:d,helperText:f,labelId:p}=n;return yi(t,()=>i.value,e=>{i.value=e}),Yn(e.size,{assistiveId:r,checked:i,disabled:s,errorText:c,handleClick:u,handleKeydown:d,helperText:f,labelId:p},`switch`),o`
|
|
2965
2990
|
<div class="switch-wrapper" part="switch">
|
|
2966
2991
|
<div class="switch-track" part="track">
|
|
2967
2992
|
<div class="switch-thumb" part="thumb"></div>
|
|
@@ -2969,7 +2994,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
2969
2994
|
</div>
|
|
2970
2995
|
<span class="label" part="label" id="${p}"><slot></slot></span>
|
|
2971
2996
|
${Xn(r,c,f)}
|
|
2972
|
-
`},styles:[Z,it,Xe,
|
|
2997
|
+
`},styles:[Z,it,Xe,X(Me),Ia,Pa]});var La=`@layer refine.base{:host{--_font-size:var(--textarea-font-size,var(--text-sm));--_gap:var(--textarea-gap,var(--size-2));--_padding:var(--textarea-padding,var(--size-2) var(--size-3));--_radius:var(--textarea-radius,var(--rounded-lg));--_placeholder:var(--textarea-placeholder-color,var(--color-contrast-500));--_bg:var(--textarea-bg,var(--color-contrast-100));--_border-color:var(--textarea-border-color,var(--color-contrast-300));--_min-height:var(--textarea-min-height,var(--size-24));--_max-height:var(--textarea-max-height,none);--_resize:var(--textarea-resize,vertical);flex-direction:column;align-items:stretch;min-width:12rem;display:inline-flex}.textarea-wrapper{gap:var(--size-1);flex-direction:column;min-width:0;display:flex}:host(:not([label-placement=outside])) .textarea-wrapper{position:relative}:host(:not([label-placement=outside])) .label{z-index:1;pointer-events:none;top:var(--size-2);position:absolute}:host(:not([label-placement=outside])) .label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--_padding-x,var(--size-3))}:host(:not([label-placement=outside])) .textarea-wrapper:has(.label:not([hidden])) .field{padding-top:calc(var(--size-2) + 1lh + 2px)}.field{box-sizing:border-box;min-width:0;padding:var(--_padding);background:var(--_bg);border:var(--border) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--shadow-2xs);transition:background var(--transition-fast), backdrop-filter var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:grid;position:relative}.status-icon,.field-spinner{top:var(--size-2);position:absolute}.status-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))),.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--size-2)}.status-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--size-2)}.status-icon{width:var(--size-5);height:var(--size-5);justify-content:center;align-items:center;display:none}:host([error]:not([error=""])) .status-icon,:host([success]) .status-icon{display:flex}.status-icon[data-status=error]{color:var(--color-error)}.status-icon[data-status=success]{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.field-spinner{width:var(--size-4);height:var(--size-4);border:var(--border-2) solid var(--_theme-focus,currentcolor);animation:var(--_motion-animation,spin var(--transition-loader) infinite);border-radius:50%;display:none}.field-spinner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.field-spinner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}:host([loading]) .field-spinner{display:inline-block}.label,label.label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-contrast-500);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:2px}:host([label-placement=outside]) .label,:host([label-placement=outside]) label.label{font-size:var(--text-sm);line-height:var(--leading-none);margin-bottom:0}.helper-text[hidden]{display:none}.helper-text{font-size:var(--text-xs);line-height:var(--leading-tight);color:color-mix(in oklch, var(--color-contrast-500) 80%, var(--color-canvas));padding-left:2px;padding-right:2px}textarea{box-sizing:border-box;min-width:12rem;min-height:var(--_min-height);max-height:var(--_max-height);font:inherit;font-size:var(--_font-size);line-height:var(--leading-relaxed);color:var(--textarea-color,var(--text-color-body));resize:vertical;background:0 0;border:none;outline:none;padding:0}textarea::placeholder{color:var(--_placeholder);transition:color var(--transition-fast)}textarea:focus-visible{outline:none}.counter{margin-top:var(--size-1);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-contrast-400);transition:color var(--transition-fast);align-self:flex-end;padding-left:2px;padding-right:2px}.counter.near-limit{color:var(--color-warning)}.counter.at-limit{color:var(--color-error)}:host(:not([disabled],[variant=bordered],[variant=flat])) .field:hover{border-color:var(--color-contrast-400)}:host(:not([disabled])) .field:focus-within~.label{color:var(--_theme-focus)}:host(:not([disabled])) .textarea-wrapper:has(.field:focus-within) .label{color:var(--_theme-focus)}:host([error]:not([error=""])) .field{border-color:var(--color-error)}:host([error]:not([error=""])) .label{color:var(--color-error)}:host([success]) .field{border-color:var(--color-success)}}@layer refine.variants{:host(:not([disabled],[variant=flat])) .field:focus-within{background:var(--color-canvas);border-color:var(--_theme-focus);box-shadow:var(--_theme-shadow,var(--color-primary-focus-shadow))}:host([error]:not([error=""])) .field:focus-within{border-color:var(--color-error);box-shadow:var(--color-error-focus-shadow)}:host([success]) .field:focus-within{border-color:var(--color-success);box-shadow:var(--color-success-focus-shadow)}}@layer refine.utilities{:host([auto-resize]) textarea{overflow:hidden}:host([fullwidth]){width:100%}}:host([disabled]){opacity:1}:host([disabled]) .field{background:var(--color-contrast-100);border-color:var(--color-contrast-200);box-shadow:none}:host([disabled]) textarea{color:var(--color-contrast-400)}:host([disabled]) textarea::placeholder{color:var(--color-contrast-300)}:host([disabled]) .label{color:var(--color-contrast-400)}`,Ra=`ore-textarea`;i(Ra,{formAssociated:!0,props:{...U,...W,...G,...K,"auto-resize":p.bool(!1),error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),loading:p.bool(!1),maxlength:p.json(void 0),name:p.string(),"no-resize":p.bool(!1),placeholder:p.string(),readonly:p.bool(!1),ref:p.data(),required:p.bool(!1),resize:p.string(),rows:p.json(void 0),success:p.bool(!1),value:p.string(),variant:p.string()},setup(t){let n=a(),r=x,i=h(),s=St({enabled:t[`auto-resize`]}),d=C(()=>t.disabled.value||t.loading.value),f=Q(l),p=nn({disabled:d,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{Si(n,t),$(n,`change`)},onInput:(e,t)=>{Si(n,t),$(n,`input`)},prefix:`textarea`,readonly:t.readonly,required:t.required,signal:f,value:t.value});bi(n,()=>p.value.value,e=>{p.value.value=e}),p.attachFormField(y({disabled:p.disabled,onReset:()=>{p.reset(),requestAnimationFrame(()=>s.recompute())},toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.value}));let{ariaDescribedBy:m,ariaErrorMessage:g,ariaInvalid:_,ariaLabelledBy:v,assistiveId:b,counter:S,errorId:w,errorText:T,fieldId:E,helperText:D,labelId:O,labelVisible:k}=p;return u(i,e=>{let n=p.wire(e),i=s.wire(e),a=Zt(t.ref,e),o=r(()=>{e.style.resize=t[`auto-resize`].value||t[`no-resize`].value?`none`:t.resize.value||`vertical`,requestAnimationFrame(()=>s.recompute())});return()=>{a(),n(),i(),o()}}),e({attr:{error:Jn(T),size:t.size,success:()=>t.success.value&&!T.value?!0:void 0,variant:t.variant}}),o`
|
|
2973
2998
|
<div class="textarea-wrapper" part="wrapper">
|
|
2974
2999
|
<label class="label" part="label" for="${E}" id="${O}" ?hidden="${()=>!k.value}">
|
|
2975
3000
|
${t.label}
|
|
@@ -2997,7 +3022,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
2997
3022
|
</div>
|
|
2998
3023
|
${Qn({assistiveId:b,counter:S,errorId:w,errorText:T,helperText:D})}
|
|
2999
3024
|
</div>
|
|
3000
|
-
`},shadow:{delegatesFocus:!0},styles:[Z,q,J,Y,Ze,X(Ae),rt(`textarea`),
|
|
3025
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,q,J,Y,Ze,X(Ae),rt(`textarea`),La,Ke({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var za=`@layer refine.base{:host{--_selected-bg:var(--time-picker-selected-bg,var(--_theme-focus));--_hover-bg:var(--time-picker-option-hover-bg,color-mix(in oklch, var(--_selected-bg) 12%, transparent));--_bg:var(--time-picker-bg,var(--color-canvas));--_border-color:var(--time-picker-border-color,var(--color-contrast-200));--_radius:var(--time-picker-radius,var(--rounded-xl));display:inline-block}:host([fullwidth]){display:block}:host([color=secondary]){--_selected-bg:var(--time-picker-selected-bg,var(--_theme-base))}[hidden]{display:none}.trigger{cursor:pointer}.trigger::part(input){cursor:pointer;caret-color:#0000;-webkit-user-select:none;user-select:none}.dropdown{z-index:var(--z-dropdown,200);pointer-events:none;background:var(--time-picker-bg,var(--_bg));border:var(--border) solid var(--time-picker-border-color,var(--_border-color));border-radius:var(--time-picker-radius,var(--_radius));min-width:12rem;box-shadow:var(--time-picker-shadow,var(--shadow-lg));opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);flex-direction:column;display:flex;position:fixed;inset:0 auto auto 0;overflow:hidden}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.cols-row{flex-direction:row;align-items:stretch;display:flex}.col,.col-sep{flex-direction:column;align-items:center;display:flex}.col{min-width:var(--size-14);border-bottom:var(--border) solid var(--_border-color);flex:1}.col-period{min-width:var(--size-16);flex:none}.col-label{width:100%;padding:var(--size-1) var(--size-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-contrast-400);text-align:center;letter-spacing:.05em;border-bottom:var(--border) solid var(--_border-color)}.col-scroll{width:100%;max-height:11rem;padding-block:var(--size-1);scrollbar-width:thin;overflow-y:auto}.col-sep{padding-top:var(--size-8);padding-inline:var(--size-0-5);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-contrast-500);-webkit-user-select:none;user-select:none;border-bottom:var(--border) solid var(--_border-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.option{height:var(--size-8);padding-inline:var(--size-2);margin-inline:var(--size-1);font-size:var(--text-sm);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.option:hover:not([data-disabled]){color:var(--color-contrast-900);background:var(--_hover-bg)}.option:focus-visible{box-shadow:0 0 0 2px var(--_selected-bg)}.option[aria-selected=true]{font-weight:var(--font-semibold);color:var(--color-white,#fff);background:var(--_selected-bg)}.option[data-disabled]{pointer-events:none;cursor:not-allowed;opacity:.3}@media (prefers-reduced-motion:reduce){.option{transition:none}}}`;function Ba(e){if(!e)return null;let t=/^(\d{1,2}):(\d{2})$/.exec(e.trim());if(!t)return null;let n=Number(t[1]),r=Number(t[2]);return n<0||n>23||r<0||r>59?null:{hours:n,minutes:r}}function Va(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function Ha(e,t,n){if(n===`12`){let n=e>=12?`PM`:`AM`,r=e%12==0?12:e%12;return`${String(r).padStart(2,`0`)}:${String(t).padStart(2,`0`)} ${n}`}return Va(e,t)}function Ua(e,t,n,r){let i=e*60+t,a=Ba(n),o=Ba(r),s=a?a.hours*60+a.minutes:0,c=o?o.hours*60+o.minutes:1439,l=Math.min(Math.max(i,s),c);return{hours:Math.floor(l/60),minutes:l%60}}var Wa=`ore-time-picker`;i(Wa,{formAssociated:!0,props:{...U,...W,...G,...K,error:p.string(),fullwidth:p.bool(!1),helper:p.string(),label:p.string(),"label-placement":p.oneOf([`inset`,`outside`],`inset`),max:p.string(),min:p.string(),"minute-step":p.number(5),name:p.string(),placeholder:p.string(),required:p.bool(!1),success:p.bool(!1),"time-format":p.oneOf([`12`,`24`],`24`),value:p.string(),variant:p.string()},setup(t){let n=a(),r=E(!1),i=E(Ba(t.value.value));bi(n,()=>{let e=i.value;return e?Va(e.hours,e.minutes):``},e=>{i.value=Ba(e)});let s=h(),c=h(),l=ln({getFloating:()=>c.value??null,getReference:()=>s.value??null,matchWidth:!1,offsetPx:4}),u=null,d=C(()=>!!t.disabled.value);y({disabled:d,toFormValue:e=>e||null,value:C(()=>{let e=i.value;return e?Va(e.hours,e.minutes):``})});let p=C(()=>t[`time-format`].value??`24`),m=C(()=>Math.max(1,Math.min(59,t[`minute-step`].value??5))),g=C(()=>i.value?Ha(i.value.hours,i.value.minutes,p.value):t.placeholder.value||``),_=C(()=>p.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),v=C(()=>{let e=m.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),b=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function x(e){if(p.value===`24`)return e;let t=e%12;return t===0?12:t}function S(e,t){return p.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function w(e,n){let r=e*60+n,i=Ba(t.min.value),a=Ba(t.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let T=E(i.value?.hours??0),D=E(i.value?.minutes??0),O=E((i.value?.hours??0)>=12?`PM`:`AM`),k=t.value.value;f(()=>{let e=setInterval(()=>{let e=t.value.value;if(e!==k){k=e;let t=Ba(e);i.value=t,t&&(T.value=t.hours,D.value=t.minutes,O.value=t.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(e)});function A(e,r){let a=Ua(e,r,t.min.value,t.max.value),o=Math.round(a.minutes/m.value)*m.value,s=Math.min(o,59);i.value={hours:a.hours,minutes:s},Si(n,Va(a.hours,s)),$(n,`input`),$(n,`change`)}function j(e){let t=p.value===`12`?S(T.value,O.value):T.value;D.value=e,A(t,e),N()}function M(){if(d.value)return;let e=i.value;e?(T.value=p.value===`12`?x(e.hours):e.hours,D.value=e.minutes,O.value=e.hours>=12?`PM`:`AM`):(T.value=p.value===`12`?12:0,D.value=0,O.value=`AM`),r.value=!0,l.update(),u=l.startAutoUpdate?.()??null}function N(){r.value=!1,u?.(),u=null}function P(){r.value?N():M()}function F(e){r.value&&(e.composedPath().includes(n)||N())}f(()=>(document.addEventListener(`pointerdown`,F,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,F,{capture:!0}),u?.(),u=null}));function I(e){d.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),P()):e.key===`Escape`&&r.value?(e.preventDefault(),N()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!r.value&&(e.preventDefault(),M()))}function L(e){e.key===`Escape`&&(e.preventDefault(),N())}function R(e){let t=_.value,n=t.indexOf(T.value);e.key===`ArrowUp`?(e.preventDefault(),T.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),T.value=t[(n+1)%t.length])}function z(e){let t=v.value,n=t.indexOf(D.value);e.key===`ArrowUp`?(e.preventDefault(),D.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),D.value=t[(n+1)%t.length])}function B(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),O.value=O.value===`AM`?`PM`:`AM`)}return e({attr:{open:()=>r.value?!0:void 0}}),o`
|
|
3001
3026
|
<!-- Trigger -->
|
|
3002
3027
|
<ore-input
|
|
3003
3028
|
class="trigger"
|
|
@@ -3104,13 +3129,13 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3104
3129
|
`:o``}
|
|
3105
3130
|
</div>
|
|
3106
3131
|
</div>
|
|
3107
|
-
`},shadow:{delegatesFocus:!0},styles:[Z,J,
|
|
3132
|
+
`},shadow:{delegatesFocus:!0},styles:[Z,J,za]});var Ga=de({BUTTON_GROUP_CTX:()=>Kn,BUTTON_GROUP_TAG:()=>qn,BUTTON_TAG:()=>nr,CALENDAR_TAG:()=>mi,CHECKBOX_GROUP_CTX:()=>_i,CHECKBOX_GROUP_TAG:()=>vi,CHECKBOX_TAG:()=>wi,COMBOBOX_OPTION_TAG:()=>Ni,COMBOBOX_TAG:()=>Pi,DATAGRID_TAG:()=>ra,DATE_PICKER_TAG:()=>aa,FILE_INPUT_TAG:()=>ha,INPUT_TAG:()=>ji,MESSAGE_COMPOSER_TAG:()=>ya,NUMBER_INPUT_TAG:()=>xa,OTP_INPUT_TAG:()=>Ca,RADIO_GROUP_CTX:()=>Ta,RADIO_GROUP_TAG:()=>Ea,RADIO_TAG:()=>Oa,RATING_TAG:()=>Aa,SELECT_TAG:()=>Ii,SLIDER_TAG:()=>Na,SWITCH_TAG:()=>Fa,TEXTAREA_TAG:()=>Ra,TIME_PICKER_TAG:()=>Wa}),Ka=`@layer refine.base{:host{--_bg:var(--box-bg,var(--color-canvas));--_color:var(--box-color,var(--color-contrast-900));--_border-width:var(--box-border,var(--border));--_border-color:var(--box-border-color,var(--color-divider));--_radius:var(--box-radius,var(--rounded-lg));--_padding:var(--box-padding,var(--size-4));--_shadow:var(--box-shadow,var(--shadow-sm));display:block;position:relative}.box{box-sizing:border-box;width:100%;height:100%;padding:var(--_padding);color:var(--_color);background:var(--_bg);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:backdrop-filter var(--transition-fast), box-shadow var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);position:relative}}@layer refine.variants{:host([color]){--_bg:var(--box-bg,var(--_theme-backdrop));--_border-color:var(--box-border-color,var(--_theme-border))}:host([variant=flat]){--_shadow:none}:host([color]:not([variant=frost]):hover){--_bg:color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50));--_border-color:var(--_theme-focus)}}@layer refine.utilities{:host([fullwidth]){width:100%}}`,qa=`ore-box`;i(qa,{props:{color:p.string(),effect:p.string(),elevation:p.number(),fullwidth:p.bool(),padding:p.string(),rounded:p.string(),variant:p.string()},setup(){return o`
|
|
3108
3133
|
<div class="box" part="box"><slot></slot></div>
|
|
3109
|
-
`},styles:[Z,tt,qe,Y,at(`.box`),We(`.box`),
|
|
3134
|
+
`},styles:[Z,tt,qe,Y,at(`.box`),We(`.box`),Ka]});var Ja=`@layer refine.base{:host{--_cols:var(--grid-cols,repeat(auto-fit, minmax(250px, 1fr)));--_rows:var(--grid-rows,auto);--_gap:var(--grid-gap,var(--size-4));--_row-gap:var(--grid-row-gap,var(--_gap));--_col-gap:var(--grid-col-gap,var(--_gap));grid-template-rows:var(--_rows);grid-template-columns:var(--_cols);gap:var(--_row-gap) var(--_col-gap);grid-auto-flow:row;display:grid}:host([gap=none]){--_row-gap:0;--_col-gap:0}:host([gap=xs]){--_row-gap:var(--size-1);--_col-gap:var(--size-1)}:host([gap=sm]){--_row-gap:var(--size-2);--_col-gap:var(--size-2)}:host([gap=md]){--_row-gap:var(--size-4);--_col-gap:var(--size-4)}:host([gap=lg]){--_row-gap:var(--size-6);--_col-gap:var(--size-6)}:host([gap=xl]){--_row-gap:var(--size-8);--_col-gap:var(--size-8)}:host([gap="2xl"]){--_row-gap:var(--size-12);--_col-gap:var(--size-12)}:host([align=start]){align-items:start}:host([align=center]){align-items:center}:host([align=end]){align-items:end}:host([align=stretch]){align-items:stretch}:host([align=baseline]){align-items:baseline}:host([justify=start]){justify-items:start}:host([justify=center]){justify-items:center}:host([justify=end]){justify-items:end}:host([justify=stretch]){justify-items:stretch}:host([flow=row]){grid-auto-flow:row}:host([flow=column]){grid-auto-flow:column}:host([flow=row-dense]){grid-auto-flow:dense}:host([flow=column-dense]){grid-auto-flow:column dense}:host([fullwidth]){width:100%}}`,Ya=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],Xa=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],Za=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},Qa={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},$a=`ore-grid`;i($a,{props:{align:p.string(),areas:p.string(),areas2xl:p.string(),areasLg:p.string(),areasMd:p.string(),areasSm:p.string(),areasXl:p.string(),cols:p.string(),cols2xl:p.string(),colsLg:p.string(),colsMd:p.string(),colsSm:p.string(),colsXl:p.string(),flow:p.string(),fullwidth:p.bool(!1),gap:p.string(),justify:p.string(),minColWidth:p.string(),responsive:p.bool(!1),rows:p.string()},setup(e){let t=a(),n=x,r=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,i=()=>{let n=t.offsetWidth,i=!!e.responsive.value,a=e.minColWidth.value??``,o;for(let[r,i]of Ya)if(n>=Za(t,i,Qa[i])&&e[r].value){o=e[r].value;break}o||=e.cols.value||void 0;let s=r(o,i,a);s?t.style.setProperty(`--_cols`,s):t.style.removeProperty(`--_cols`)};n(()=>{e.cols.value,e.colsSm.value,e.colsMd.value,e.colsLg.value,e.colsXl.value,e.cols2xl.value,e.responsive.value,e.minColWidth.value,i()});let s=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of Xa)if(n>=Za(t,a,Qa[a])&&e[i].value){r=e[i].value;break}r||=e.areas.value||``,r?t.style.setProperty(`grid-template-areas`,r):t.style.removeProperty(`grid-template-areas`)};return n(()=>{let n=e.rows.value;n&&n!==`auto`?t.style.setProperty(`--_rows`,`repeat(${n}, 1fr)`):t.style.removeProperty(`--_rows`)}),n(()=>{e.areas.value,e.areasSm.value,e.areasMd.value,e.areasLg.value,e.areasXl.value,e.areas2xl.value,s()}),f(()=>{let e=ie(t);l(()=>e.dispose());let r=T(e,{signal:e.disposalSignal});n(()=>{r.value&&(i(),s())})}),o`
|
|
3110
3135
|
<slot></slot>
|
|
3111
|
-
`},styles:[
|
|
3136
|
+
`},styles:[Ja]});var eo=`@layer refine.base{:host{display:block}}@layer refine.utilities{:host([align=start]){align-self:start}:host([align=center]){align-self:center}:host([align=end]){align-self:end}:host([align=stretch]){align-self:stretch}:host([justify=start]){justify-self:start}:host([justify=center]){justify-self:center}:host([justify=end]){justify-self:end}:host([justify=stretch]){justify-self:stretch}}`,to=`ore-grid-item`;i(to,{props:{align:p.string(),area:p.string(),col:p.string(),colSpan:p.string(),justify:p.string(),row:p.string(),rowSpan:p.string()},setup(t){let n=C(()=>{let e=t.col.value,n=t.colSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=C(()=>{let e=t.row.value,n=t.rowSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)});return e({style:{gridArea:t.area,gridColumn:n,gridRow:r}}),o`
|
|
3112
3137
|
<slot></slot>
|
|
3113
|
-
`},styles:[$a]});var to=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo[hidden],.navbar-start[hidden],.navbar-center[hidden],.navbar-end[hidden]{display:none}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,no=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},ro=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,io=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},ao=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},oo=e=>{let t=ao(e)?.clientWidth??0;return t>0?t:e.offsetWidth},so=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},co=t(`NavbarContext`),lo=`ore-navbar`;i(lo,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"menu-close-icon":p.string(`x`),"menu-close-label":p.string(`Close navigation menu`),"menu-icon":p.string(`menu`),"menu-open-label":p.string(`Open navigation menu`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=i.has(`logo`),c=i.has(`start`),u=i.has(),d=i.has(`end`),p=i.elements(`mobile-menu`),h=E(!1),g=E(null),_=E(!1),y=E(!1),x=E(!1),S=E(!1),w=E(!1),k=E(!1),A=E(0),j=E(!1),M=E(!1),N=E(io(t.breakpoint.value)),P=E(!1),F=()=>{let e=String(t[`mobile-sidebar`].value??``).trim();if(!e)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(e):null)??document.querySelector(e)};m(co,{closeMobileMenu:()=>R(),isMobile:C(()=>x.value),mobileMenuOpen:C(()=>S.value)});let I=()=>{if(t.floating.value&&t.sticky.value)return k.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},L=e=>{let t=!!e;if(!h.value){let e=g.value??F();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||h.value)&&S.value!==t&&(S.value=t,r(`mobile-menu-change`,{open:t}))},R=()=>L(!1),z=()=>L(!0),B=()=>{if(!h.value){let e=g.value??F();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}L(!S.value)},ee=()=>{let e=(g.value&&!h.value?_.value:!1)||j.value||!!t[`container-breakpoints`].value&&M.value;x.value=e,e||R()},V=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,te=e=>{A.value=V(e)},ne=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){k.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=V(e)-A.value;k.value=r>n};return e({attr:{"data-mobile":()=>x.value?!0:void 0,"data-mobile-open":()=>x.value&&S.value?!0:void 0,"data-mode":()=>I()??null,"data-mode-transitioning":()=>w.value?!0:void 0,"data-preview-mode":()=>P.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&k.value?!0:void 0}}),f(()=>{let e=n,r=so(n);e.closeMobileMenu=R,e.openMobileMenu=z,e.toggleMobileMenu=B;let i=no(window,`scroll`,()=>{ne(r)},{passive:!0}),a=r?no(r,`scroll`,()=>{ne(r)},{passive:!0}):void 0,o=no(n,`keydown`,e=>{e.key===`Escape`&&S.value&&R()}),s,c,u,d,f=()=>{if(c?.(),c=void 0,g.value=null,_.value=!1,y.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=F();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{F()&&f()});r.observe(t,{childList:!0,subtree:!0}),c=()=>r.disconnect();return}let r=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);_.value=n,y.value=t?.detail?t.detail.open:r,y.value&&!_.value&&(_.value=!0),ee()},i=new MutationObserver(()=>{r()});r(),i.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,r),c=()=>{i.disconnect(),e.removeEventListener(`mobile-open-change`,r)},g.value=e},m=()=>{w.value=!0,u!=null&&clearTimeout(u),u=setTimeout(()=>{w.value=!1,u=void 0},220)},v=O(C(()=>t.floating.value&&t.sticky.value),e=>{if(!e){k.value&&=!1,w.value&&=!1,d=void 0,u!=null&&(clearTimeout(u),u=void 0);return}te(r),ne(r),d=I()},{immediate:!0}),b=O(t[`mobile-sidebar`],()=>{f()},{immediate:!0}),x=O(C(()=>I()),e=>{if(!(t.floating.value&&t.sticky.value)){d=e??void 0;return}let n=e??void 0;d&&n&&d!==n&&m(),d=n},{immediate:!0}),E=O(h,e=>{!e&&S.value&&R()},{immediate:!0}),A=()=>{h.value=p.value.some(ro)},L=O(p,A,{immediate:!0}),V=new MutationObserver(()=>{A()});V.observe(n,{childList:!0,subtree:!0}),O(t.breakpoint,e=>{D(()=>{s?.(),s=void 0;let r=String(e??``).trim();N.value=io(r),j.value=!1;let i=oo(n);if(M.value=i>0&&N.value!=null&&i<=N.value,ee(),!(t[`container-breakpoints`].value&&N.value!=null)&&r)try{let e=oe(r),t=e=>{e&&(j.value=e.matches,ee())};t(e.getSnapshot());let n=O(T(e,{signal:e.disposalSignal}),t);s=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof re))throw e}})},{immediate:!0});let H=typeof ResizeObserver==`function`?(()=>{let e=ie(n);l(()=>e.dispose());let t=T(e,{signal:e.disposalSignal}),r=n.parentElement,i=ao(n),a=r?ie(r):void 0,o=i&&i!==r?ie(i):void 0;a&&l(()=>a.dispose()),o&&l(()=>o.dispose());let s=a?T(a,{signal:a.disposalSignal}):void 0,c=o?T(o,{signal:o.disposalSignal}):void 0;return O(C(()=>[t.value?.width,t.value?.height,s?.value?.width,s?.value?.height,c?.value?.width,c?.value?.height]),()=>{let e=oo(n),t=ao(n)?.clientWidth??0;M.value=e>0&&N.value!=null&&e<=N.value,P.value=t>0&&t<window.innerWidth,ee()})})():void 0;return()=>{o?.(),i?.(),a?.(),v?.dispose(),x?.dispose(),E?.dispose(),L?.dispose(),b?.dispose(),V.disconnect(),s?.(),c?.(),H?.dispose(),u!=null&&(clearTimeout(u),u=void 0)}}),o`
|
|
3138
|
+
`},styles:[eo]});var no=`@layer refine.base{:host{--_navbar-height:var(--navbar-height,var(--size-14));--_navbar-width:var(--navbar-width,min(100%, 80rem));--_navbar-offset:var(--navbar-offset,var(--size-3));--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-color:var(--navbar-color,var(--color-contrast-900));--_navbar-border-color:var(--navbar-border-color,var(--color-divider));--_navbar-shadow:var(--navbar-shadow,var(--shadow-md));--_navbar-radius:var(--navbar-radius,var(--rounded-lg));box-sizing:border-box;width:100%;color:var(--_navbar-color);display:block}:host([data-mode=sticky]){z-index:var(--z-sticky);position:sticky;top:0}:host([data-mode=floating]){inset-inline:var(--_navbar-offset);top:var(--_navbar-offset);z-index:var(--z-sticky);position:fixed}:host([data-preview-mode][data-mode=floating]){inset-inline:var(--_navbar-offset);position:absolute;top:auto}:host([floating][sticky][data-scrolled]){width:100%;top:0;left:0;right:0}:host([data-preview-mode][floating][sticky][data-scrolled]){width:auto;position:absolute;top:auto;left:0;right:0}:host>nav{flex-direction:column;width:100%;display:flex;position:relative}.navbar{box-sizing:border-box;gap:var(--size-2);width:100%;max-width:var(--_navbar-width);min-height:var(--_navbar-height);padding:var(--size-2) var(--size-4);color:inherit;white-space:nowrap;background:var(--_navbar-bg);border-top:none;border-right:none;border-bottom:var(--border) solid var(--_navbar-border-color);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transition:var(--_motion-transition,background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal));border-left:none;border-radius:0;flex-wrap:nowrap;align-items:center;margin-left:auto;margin-right:auto;display:flex;overflow:auto hidden}:host([data-mode=floating]) .navbar{border-top:var(--border) solid var(--_navbar-border-color);border-right:var(--border) solid var(--_navbar-border-color);border-bottom:var(--border) solid var(--_navbar-border-color);border-left:var(--border) solid var(--_navbar-border-color);border-radius:var(--_navbar-radius)}:host([data-mode=sticky]) .navbar,:host([floating][sticky][data-scrolled]) .navbar{border-left:none;border-right:none;border-radius:0;max-width:100%}:host([data-mode-transitioning][data-mode=sticky]) .navbar{animation:navbar-floating-to-sticky var(--transition-normal) var(--ease-in-out)}:host([data-mode-transitioning][data-mode=floating]) .navbar{animation:navbar-sticky-to-floating var(--transition-normal) var(--ease-in-out)}.navbar-logo[hidden],.navbar-start[hidden],.navbar-center[hidden],.navbar-end[hidden]{display:none}.navbar-logo,.navbar-start,.navbar-center,.navbar-end{white-space:nowrap;align-items:center;min-width:0;display:flex}.navbar-logo{flex:none}.navbar-start{gap:var(--size-1);flex:none}.navbar-center{gap:var(--size-1);flex:0 auto;justify-content:flex-start;min-width:0;display:flex}.navbar-end{gap:var(--size-1);flex:none}.navbar-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.navbar-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.mobile-toggle{width:var(--size-9);height:var(--size-9);color:var(--color-contrast-700);cursor:pointer;border:var(--border) solid transparent;border-radius:var(--rounded-md);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-toggle:hover{color:var(--color-contrast-900);background:var(--color-contrast-100);border-color:var(--color-contrast-200)}.mobile-toggle:focus-visible{outline:var(--focus-ring)}.mobile-menu-panel{z-index:1;box-sizing:border-box;width:100%;max-width:var(--_navbar-width);padding:var(--size-2);background:var(--_navbar-bg);border:var(--border) solid var(--_navbar-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_shadow,var(--_navbar-shadow));-webkit-backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));backdrop-filter:var(--navbar-backdrop-filter,blur(var(--blur-md)));transform-origin:top;animation:navbar-mobile-in var(--transition-fast) var(--ease-out);margin-top:var(--size-2);margin-left:auto;margin-right:auto;display:none;position:relative}:host([data-mobile][data-mobile-open]) .mobile-menu-panel:not([hidden]){gap:var(--size-1);display:grid}:host([data-mobile][data-mobile-open][data-mode=floating]) .mobile-menu-panel{margin-top:var(--size-1-5)}:host([data-mobile][data-mobile-open][data-mode=sticky]) .mobile-menu-panel,:host([data-mobile][data-mobile-open][floating][sticky][data-scrolled]) .mobile-menu-panel{z-index:2;border-radius:0 0 var(--rounded-md) var(--rounded-md);border-top:none;border-left:none;border-right:none;max-width:100%;margin:0;position:absolute;top:100%;left:0;right:0}:host([data-mobile]) .mobile-toggle:not([hidden]){order:-1;display:inline-flex}:host([data-mobile]) .navbar-start,:host([data-mobile]) .navbar-center,:host([data-mobile]) .navbar-end{display:none}:host([data-mobile][data-mobile-open]) .navbar{border-bottom-right-radius:var(--rounded-md);border-bottom-left-radius:var(--rounded-md)}@starting-style{.mobile-menu-panel{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}@keyframes navbar-mobile-in{0%{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}to{opacity:1;transform:translateY(0)}}@keyframes navbar-floating-to-sticky{0%{opacity:.92;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes navbar-sticky-to-floating{0%{opacity:.95;transform:translateY(-2px)scale(1)}to{opacity:1;transform:translateY(0)scale(.99)}}.item{box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));white-space:nowrap;appearance:none;cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.item:hover,.item:focus-visible{color:var(--navbar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--navbar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{color:var(--navbar-item-active-color,var(--color-primary));background:var(--navbar-item-active-bg,color-mix(in oklch, var(--color-primary) 12%, transparent))}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;background:0 0;outline:none}.item-icon,.item-end{align-items:center;display:inline-flex}.item-label{white-space:nowrap;min-width:0}:host([icon-only]) .item-label{display:none}:host([icon-only]) .item{padding:var(--size-1-5)}:host([navbar-mobile]){width:100%;display:block}:host([navbar-mobile]) .item{justify-content:flex-start;width:100%;display:flex}}@layer refine.variants{:host([variant=flat]){--_navbar-bg:color-mix(in oklch, var(--color-canvas) 88%, transparent);--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--color-canvas);--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:transparent;--_navbar-shadow:none;--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 40%, transparent)}:host([color]){--_navbar-border-color:color-mix(in oklch, var(--_theme-border) 30%, transparent)}}@media (width<=768px){@layer refine.base{:host([data-mode=floating]){inset-inline:var(--size-2);top:var(--size-2)}:host([floating][sticky][data-scrolled]){top:0;left:0;right:0}}}`,ro=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},io=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,ao=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},oo=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},so=e=>{let t=oo(e)?.clientWidth??0;return t>0?t:e.offsetWidth},co=e=>{let t=e.parentElement;for(;t;){let e=window.getComputedStyle(t).overflowY;if(e===`auto`||e===`scroll`||e===`overlay`)return t;t=t.parentElement}return null},lo=t(`NavbarContext`),uo=`ore-navbar`;i(uo,{props:{breakpoint:p.string(`(max-width: 768px)`),color:p.string(),"container-breakpoints":p.bool(!1),elevation:p.number(),floating:p.bool(!1),label:p.string(`Main navigation`),"menu-close-icon":p.string(`x`),"menu-close-label":p.string(`Close navigation menu`),"menu-icon":p.string(`menu`),"menu-open-label":p.string(`Open navigation menu`),"mobile-sidebar":p.string(),rounded:p.string(),"scroll-threshold":p.number(80),sticky:p.bool(!1),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=i.has(`logo`),c=i.has(`start`),u=i.has(),d=i.has(`end`),p=i.elements(`mobile-menu`),h=E(!1),g=E(null),_=E(!1),y=E(!1),x=E(!1),S=E(!1),w=E(!1),k=E(!1),A=E(0),j=E(!1),M=E(!1),N=E(ao(t.breakpoint.value)),P=E(!1),F=()=>{let e=String(t[`mobile-sidebar`].value??``).trim();if(!e)return null;let r=n.getRootNode();return(r instanceof ShadowRoot||r instanceof Document?r.querySelector(e):null)??document.querySelector(e)};m(lo,{closeMobileMenu:()=>R(),isMobile:C(()=>x.value),mobileMenuOpen:C(()=>S.value)});let I=()=>{if(t.floating.value&&t.sticky.value)return k.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},L=e=>{let t=!!e;if(!h.value){let e=g.value??F();if(e){t?e.openMobile?.():e.closeMobile?.();return}}(!t||h.value)&&S.value!==t&&(S.value=t,r(`mobile-menu-change`,{open:t}))},R=()=>L(!1),z=()=>L(!0),B=()=>{if(!h.value){let e=g.value??F();if(e){typeof e.toggleMobile==`function`?e.toggleMobile():typeof e.openMobile==`function`&&typeof e.closeMobile==`function`&&(e.hasAttribute(`data-mobile-open`)?e.closeMobile():e.openMobile());return}}L(!S.value)},ee=()=>{let e=(g.value&&!h.value?_.value:!1)||j.value||!!t[`container-breakpoints`].value&&M.value;x.value=e,e||R()},V=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,te=e=>{A.value=V(e)},ne=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){k.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=V(e)-A.value;k.value=r>n};return e({attr:{"data-mobile":()=>x.value?!0:void 0,"data-mobile-open":()=>x.value&&S.value?!0:void 0,"data-mode":()=>I()??null,"data-mode-transitioning":()=>w.value?!0:void 0,"data-preview-mode":()=>P.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&k.value?!0:void 0}}),f(()=>{let e=n,r=co(n);e.closeMobileMenu=R,e.openMobileMenu=z,e.toggleMobileMenu=B;let i=ro(window,`scroll`,()=>{ne(r)},{passive:!0}),a=r?ro(r,`scroll`,()=>{ne(r)},{passive:!0}):void 0,o=ro(n,`keydown`,e=>{e.key===`Escape`&&S.value&&R()}),s,c,u,d,f=()=>{if(c?.(),c=void 0,g.value=null,_.value=!1,y.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=F();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{F()&&f()});r.observe(t,{childList:!0,subtree:!0}),c=()=>r.disconnect();return}let r=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-mobile-open`);_.value=n,y.value=t?.detail?t.detail.open:r,y.value&&!_.value&&(_.value=!0),ee()},i=new MutationObserver(()=>{r()});r(),i.observe(e,{attributeFilter:[`data-bottom-nav`,`data-mobile-open`],attributes:!0}),e.addEventListener(`mobile-open-change`,r),c=()=>{i.disconnect(),e.removeEventListener(`mobile-open-change`,r)},g.value=e},m=()=>{w.value=!0,u!=null&&clearTimeout(u),u=setTimeout(()=>{w.value=!1,u=void 0},220)},v=O(C(()=>t.floating.value&&t.sticky.value),e=>{if(!e){k.value&&=!1,w.value&&=!1,d=void 0,u!=null&&(clearTimeout(u),u=void 0);return}te(r),ne(r),d=I()},{immediate:!0}),b=O(t[`mobile-sidebar`],()=>{f()},{immediate:!0}),x=O(C(()=>I()),e=>{if(!(t.floating.value&&t.sticky.value)){d=e??void 0;return}let n=e??void 0;d&&n&&d!==n&&m(),d=n},{immediate:!0}),E=O(h,e=>{!e&&S.value&&R()},{immediate:!0}),A=()=>{h.value=p.value.some(io)},L=O(p,A,{immediate:!0}),V=new MutationObserver(()=>{A()});V.observe(n,{childList:!0,subtree:!0}),O(t.breakpoint,e=>{D(()=>{s?.(),s=void 0;let r=String(e??``).trim();N.value=ao(r),j.value=!1;let i=so(n);if(M.value=i>0&&N.value!=null&&i<=N.value,ee(),!(t[`container-breakpoints`].value&&N.value!=null)&&r)try{let e=oe(r),t=e=>{e&&(j.value=e.matches,ee())};t(e.getSnapshot());let n=O(T(e,{signal:e.disposalSignal}),t);s=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof re))throw e}})},{immediate:!0});let H=typeof ResizeObserver==`function`?(()=>{let e=ie(n);l(()=>e.dispose());let t=T(e,{signal:e.disposalSignal}),r=n.parentElement,i=oo(n),a=r?ie(r):void 0,o=i&&i!==r?ie(i):void 0;a&&l(()=>a.dispose()),o&&l(()=>o.dispose());let s=a?T(a,{signal:a.disposalSignal}):void 0,c=o?T(o,{signal:o.disposalSignal}):void 0;return O(C(()=>[t.value?.width,t.value?.height,s?.value?.width,s?.value?.height,c?.value?.width,c?.value?.height]),()=>{let e=so(n),t=oo(n)?.clientWidth??0;M.value=e>0&&N.value!=null&&e<=N.value,P.value=t>0&&t<window.innerWidth,ee()})})():void 0;return()=>{o?.(),i?.(),a?.(),v?.dispose(),x?.dispose(),E?.dispose(),L?.dispose(),b?.dispose(),V.disconnect(),s?.(),c?.(),H?.dispose(),u!=null&&(clearTimeout(u),u=void 0)}}),o`
|
|
3114
3139
|
<nav part="nav" aria-label="${t.label}">
|
|
3115
3140
|
<div class="navbar" part="bar">
|
|
3116
3141
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!s.value}>
|
|
@@ -3156,7 +3181,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3156
3181
|
<slot name="mobile-menu"></slot>
|
|
3157
3182
|
</div>
|
|
3158
3183
|
</nav>
|
|
3159
|
-
`},styles:[Z,tt,Y,q,J,at(`.navbar`),
|
|
3184
|
+
`},styles:[Z,tt,Y,q,J,at(`.navbar`),no]});var fo=`ore-navbar-item`;i(fo,{props:{active:p.bool(!1),disabled:p.bool(!1),href:p.string(),"icon-only":p.bool(!1),rel:p.string(),target:p.string()},setup(t){let n=b(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=s(lo);e({attr:{"navbar-mobile":()=>a?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>a?.mobileMenuOpen.value?!0:void 0}});let c=()=>!!t.href.value&&!t.disabled.value,l=C(()=>Un(t.rel.value,t.target.value)),u=()=>{a?.mobileMenuOpen.value&&a.closeMobileMenu()},d=()=>o`
|
|
3160
3185
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
3161
3186
|
<slot name="icon"></slot>
|
|
3162
3187
|
</span>
|
|
@@ -3181,7 +3206,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3181
3206
|
`:o`
|
|
3182
3207
|
<button class="item" part="item" type="button" @click=${u}>${d()}</button>
|
|
3183
3208
|
`}
|
|
3184
|
-
`},styles:[q,to]});var fo=`.sidebar-logo[hidden],.toggle-btn[hidden]{min-width:0;min-height:0;margin:0;display:none}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));z-index:var(--sidebar-z-index,1);box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;position:relative;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}:host(:not([data-bottom-nav]))>nav{overflow:visible}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{box-sizing:border-box;gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}.bottom-bar[hidden]{display:none}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{box-sizing:border-box;gap:var(--size-2);height:var(--sidebar-header-height,var(--size-16));min-height:var(--sidebar-header-height,var(--size-16));padding:var(--sidebar-header-padding,var(--size-3));border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;z-index:1;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--sidebar-toggle-color,var(--color-contrast-600));cursor:pointer;background:var(--sidebar-toggle-bg,var(--_panel-bg));border:var(--border) solid var(--sidebar-toggle-border-color,var(--_panel-border-color));border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);top:var(--sidebar-toggle-offset,var(--size-4));justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(50%)}.toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host(:dir(rtl)) .toggle-btn{transform:translate(-50%)}:host(:not([data-has-logo])) .toggle-btn{position:static;transform:none}:host(:not([data-has-logo])) .toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}:host(:not([data-has-logo])) .toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.toggle-btn:hover{color:var(--sidebar-toggle-hover-color,var(--color-contrast-900));background:var(--sidebar-toggle-hover-bg,var(--color-contrast-100));box-shadow:var(--shadow-md)}.toggle-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.toggle-icon{justify-content:center;align-items:center;display:flex}:host([data-bottom-nav]) .toggle-btn{display:none}}@layer refine.variants{:host([variant=floating]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:calc(var(--size-1) * -1)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,po=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,mo=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);width:100%;min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-family:inherit;font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;outline:none;align-items:center;text-decoration:none;display:flex;position:relative}.item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:calc(var(--size-0-5) * -1);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,ho=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},go=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},_o=e=>{let t=go(e)?.clientWidth??0;return t>0?t:e.offsetWidth},vo=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement instanceof HTMLElement;)e=e.shadowRoot.activeElement;return e},yo=t(`SidebarContext`),bo=`ore-sidebar`;i(bo,{props:{"bottom-nav-at":p.string(),"close-on-select":p.bool(!1),"collapse-label":p.string(`Collapse sidebar`),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),"expand-label":p.string(`Expand sidebar`),label:p.string(`Sidebar navigation`),"mobile-close-label":p.string(`Close sidebar`),responsive:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,u=()=>i.has(`logo`).value,d=E(n.hasAttribute(`collapsed`)),p=E(d.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),h=E(!1),g=E(!1),_=E([]),y=E(!1),x=E(!1),S=E(ho(t.responsive.value)),w=E(!!String(t.responsive.value??``).trim()),D=E(!1),k=E(!1),A=E(ho(t[`bottom-nav-at`].value)),j=E(!1),M=null,N=()=>p.value,P=C(()=>h.value?`bottom-nav`:p.value?`collapsed`:`default`),F=()=>{let e=t[`container-breakpoints`].value,n=e?x.value:y.value||x.value,r=e?k.value:D.value||k.value;g.value||(h.value=r),!r&&!g.value&&R(!1,`responsive`),w.value&&L(n,`responsive`)},I=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),t=[...n.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],r=(t.length>0?t:e).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});_.value=r};m(yo,{closeMobile:()=>R(!1,`toggle`),closeOnSelect:t[`close-on-select`],collapsed:C(()=>!h.value&&p.value),mobileOpen:C(()=>h.value&&g.value),mode:P,variant:t.variant});let L=(e,t)=>{N()!==e&&(d.value||(p.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},R=(e,t)=>{let i=!!e;if(i&&!h.value&&(h.value=!0),!h.value&&!i){g.value&&=!1;return}g.value!==i&&(i&&(M=vo()),g.value=i,i?queueMicrotask(()=>n.shadowRoot?.querySelector(`nav`)?.focus()):(F(),queueMicrotask(()=>{M?.isConnected&&M.focus(),M=null})),r(`mobile-open-change`,{open:i,source:t}))},z=()=>{L(!N(),`toggle`)},B=n;return B.setCollapsed=e=>L(!!e,`api`),B.toggle=z,B.openMobile=()=>R(!0,`api`),B.closeMobile=()=>R(!1,`api`),B.toggleMobile=()=>R(!g.value,`toggle`),e({attr:{"data-bottom-nav":()=>h.value?!0:void 0,"data-collapsed":()=>N()&&!h.value?!0:void 0,"data-has-logo":()=>u()?!0:void 0,"data-mobile-open":()=>h.value&&g.value?!0:void 0,"data-preview-mode":()=>j.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,r=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{(n.hasAttribute(`collapsed`)||d.value)&&(d.value=!0,p.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0});let u=e=>{e.key===`Escape`&&g.value&&(e.preventDefault(),R(!1,`toggle`))};n.addEventListener(`keydown`,u),O(t.responsive,e=>{a?.(),a=void 0;let r=String(e??``).trim();w.value=!!r,S.value=ho(r),y.value=!1;let i=_o(n);if(x.value=i>0&&S.value!=null&&i<=S.value,F(),!(t[`container-breakpoints`].value&&S.value!=null)&&r)try{let e=oe(r),t=e=>{e&&(y.value=e.matches,F())};t(e.getSnapshot());let n=O(T(e,{signal:e.disposalSignal}),t);a=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof re))throw e}},{immediate:!0}),O(t[`bottom-nav-at`],e=>{o?.(),o=void 0;let r=String(e??``).trim();A.value=ho(r),D.value=!1;let i=_o(n);if(k.value=i>0&&A.value!=null&&i<=A.value,F(),!(t[`container-breakpoints`].value&&A.value!=null)&&r)try{let e=oe(r),t=e=>{e&&(D.value=e.matches,F())};t(e.getSnapshot());let n=O(T(e,{signal:e.disposalSignal}),t);o=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof re))throw e}},{immediate:!0});let f=typeof ResizeObserver==`function`?(()=>{let e=ie(n);l(()=>e.dispose());let t=T(e,{signal:e.disposalSignal}),i=n.parentElement,a=go(n),o=i?ie(i):void 0,s=a&&a!==i?ie(a):void 0;o&&l(()=>o.dispose()),s&&l(()=>s.dispose());let c=o?T(o,{signal:o.disposalSignal}):void 0,u=s?T(s,{signal:s.disposalSignal}):void 0,d;return O(C(()=>[t.value?.width,t.value?.height,c?.value?.width,c?.value?.height,u?.value?.width,u?.value?.height]),()=>{d!==void 0&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{let e=go(n),t=_o(n),i=x.value,a=k.value,o=e?.clientWidth??0;j.value=o>0&&o<window.innerWidth,x.value=t>0&&S.value!=null&&t<=S.value,k.value=t>0&&A.value!=null&&t<=A.value,(i!==x.value||a!==k.value)&&F(),r()})})})():void 0,m=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{h.value&&I()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),s.set(t,e)}},_=()=>{m([...n.querySelectorAll(`ore-sidebar-item`)]),I()};O(i.elements(),_,{immediate:!0});let v=new MutationObserver(_);return v.observe(n,{childList:!0,subtree:!0}),()=>{c.disconnect(),v.disconnect(),n.removeEventListener(`keydown`,u),a?.(),o?.(),f?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),o`
|
|
3209
|
+
`},styles:[q,no]});var po=`.sidebar-logo[hidden],.toggle-btn[hidden]{min-width:0;min-height:0;margin:0;display:none}@layer refine.base{:host{--_sidebar-width:var(--sidebar-width,16rem);--_sidebar-collapsed-width:var(--sidebar-collapsed-width,3.5rem);--_sidebar-transition:var(--transition-normal);--_panel-bg:var(--sidebar-bg,var(--color-canvas));--_panel-blur:var(--sidebar-panel-blur,var(--blur-md));--_panel-border-color:var(--sidebar-border-color,var(--color-divider));--_panel-radius:var(--sidebar-radius,var(--rounded-lg));--_panel-shadow:var(--sidebar-shadow,var(--shadow-md));z-index:var(--sidebar-z-index,1);box-sizing:border-box;width:100%;min-width:var(--size-2xs);max-width:var(--_sidebar-width);height:100%;min-height:0;transition:max-width var(--_sidebar-transition), min-width var(--_sidebar-transition);will-change:max-width;display:block;position:relative;overflow:visible}:host>nav{box-sizing:border-box;background:var(--_panel-bg);width:100%;height:100%;min-height:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));flex-direction:column;display:flex;position:relative;overflow:hidden}:host>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right:var(--border) solid var(--_panel-border-color)}:host>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left:var(--border) solid var(--_panel-border-color)}:host(:not([data-bottom-nav]))>nav{overflow:visible}.mobile-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in oklch, var(--color-contrast-950) 36%, transparent);border:0;width:100%;height:100%;display:none;position:absolute;inset:0}:host([data-bottom-nav][data-mobile-open]) .mobile-backdrop{z-index:calc(var(--z-sticky) + 1);width:100vw;height:100dvh;display:block;position:fixed;inset:0}:host([data-preview-mode][data-bottom-nav][data-mobile-open]) .mobile-backdrop{width:100%;height:100%;position:absolute;inset:0}:host([data-no-transition]),:host([data-no-transition])>nav{transition:none}:host([data-collapsed]){min-width:var(--_sidebar-collapsed-width);max-width:var(--_sidebar-collapsed-width)}:host([data-bottom-nav]){z-index:calc(var(--z-sticky) + 2);width:100%;min-width:0;max-width:100%;height:var(--sidebar-bottom-nav-height,3.75rem);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:host([data-preview-mode][data-bottom-nav]){pointer-events:none;width:auto;height:auto;position:absolute;inset:0}:host([data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);width:min(var(--_sidebar-width), 85vw);max-width:85vw;max-height:100dvh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;transform:translate(-104%)}:host([data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host([data-preview-mode][data-bottom-nav])>nav{z-index:calc(var(--z-sticky) + 3);pointer-events:auto;max-height:100%;position:absolute;top:0;bottom:0}:host([data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}:host([data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}:host(:dir(rtl)[data-bottom-nav])>nav{transform:translate(104%)}:host([data-bottom-nav][data-mobile-open])>nav{transform:translate(0)}.bottom-bar{box-sizing:border-box;gap:var(--size-1);width:100%;height:100%;padding:var(--size-1);pointer-events:none;background:var(--_panel-bg);border-top:var(--border) solid var(--_panel-border-color);box-shadow:var(--shadow-sm);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--_sidebar-transition), transform var(--_sidebar-transition), display var(--_sidebar-transition) allow-discrete;justify-content:space-around;align-items:stretch;display:flex;transform:translateY(100%)}.bottom-bar[hidden]{display:none}:host([data-bottom-nav]) .bottom-bar{pointer-events:auto;opacity:1;transform:translateY(0)}:host([data-preview-mode][data-bottom-nav]) .bottom-bar{z-index:calc(var(--z-sticky) + 2);height:var(--sidebar-bottom-nav-height,3.75rem);position:absolute;bottom:0;left:0;right:0}:host([data-bottom-nav][data-mobile-open]) .bottom-bar{z-index:calc(var(--z-sticky) + 1);pointer-events:none;opacity:0;transform:translateY(100%)}.bottom-tab{all:unset;box-sizing:border-box;gap:var(--size-0-5);min-width:0;padding:var(--size-1) var(--size-1-5);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.bottom-tab:hover,.bottom-tab:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}.bottom-tab:disabled{color:var(--sidebar-item-disabled-color,var(--color-contrast-400));cursor:not-allowed;opacity:.7}.bottom-tab-active,.bottom-tab[data-active=true]{color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}.bottom-tab-active:before,.bottom-tab[data-active=true]:before{display:none}.bottom-tab-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bottom-tab-label{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);white-space:nowrap;overflow:hidden}.sidebar-header{box-sizing:border-box;gap:var(--size-2);height:var(--sidebar-header-height,var(--size-16));min-height:var(--sidebar-header-height,var(--size-16));padding:var(--sidebar-header-padding,var(--size-3));border-bottom:var(--border) solid var(--color-contrast-200);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-header-content{flex:1;min-width:0;display:block;overflow:hidden}:host([data-collapsed]) .sidebar-header{gap:var(--size-2);flex-direction:column;justify-content:flex-start;align-items:center}:host([data-collapsed]) .sidebar-header .sidebar-header-content{display:none}.sidebar-logo{min-width:var(--size-8);min-height:var(--size-8);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-2)}.sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-2)}.sidebar-logo:empty{display:none}:host([data-collapsed]) .sidebar-logo{margin-block:var(--size-1)}:host([data-collapsed]) .sidebar-logo:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:0}:host([data-collapsed]) .sidebar-logo:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:0}.sidebar-content{gap:var(--size-2);min-width:0;padding:var(--size-4);scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow:clip auto}.sidebar-footer{padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0}.toggle-btn{all:unset;z-index:1;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--sidebar-toggle-color,var(--color-contrast-600));cursor:pointer;background:var(--sidebar-toggle-bg,var(--_panel-bg));border:var(--border) solid var(--sidebar-toggle-border-color,var(--_panel-border-color));border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);top:var(--sidebar-toggle-offset,var(--size-4));justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(50%)}.toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}:host(:dir(rtl)) .toggle-btn{transform:translate(-50%)}:host(:not([data-has-logo])) .toggle-btn{position:static;transform:none}:host(:not([data-has-logo])) .toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}:host(:not([data-has-logo])) .toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}:host([data-collapsed]:not([data-has-logo])) .toggle-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.toggle-btn:hover{color:var(--sidebar-toggle-hover-color,var(--color-contrast-900));background:var(--sidebar-toggle-hover-bg,var(--color-contrast-100));box-shadow:var(--shadow-md)}.toggle-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.toggle-icon{justify-content:center;align-items:center;display:flex}:host([data-bottom-nav]) .toggle-btn{display:none}}@layer refine.variants{:host([variant=floating]){--_panel-radius:var(--rounded-lg);height:calc(100% - var(--size-6));margin:var(--size-3)}:host([variant=floating])>nav{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius)}:host([variant=floating][data-bottom-nav]){bottom:var(--size-2);inset-inline:var(--size-2);width:auto;max-width:none}:host([variant=floating][data-preview-mode][data-bottom-nav]){inset:calc(var(--size-1) * -1)}:host([variant=floating][data-bottom-nav]) .bottom-bar{border:var(--border) solid var(--_panel-border-color);border-radius:var(--_panel-radius);box-shadow:var(--_panel-shadow)}:host([variant=floating][data-bottom-nav])>nav{top:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-2)}:host([variant=floating][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-2)}:host([variant=floating][data-preview-mode][data-bottom-nav]) .bottom-bar{bottom:var(--size-2);inset-inline:var(--size-2);width:auto}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav{top:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--size-1)}:host([variant=floating][data-preview-mode][data-bottom-nav])>nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--size-1)}:host([variant=inset]){--_panel-bg:var(--color-contrast-50);--_panel-shadow:none;--_panel-border-color:transparent}}`,mo=`@layer refine.base{:host{width:100%;display:block}:host([sidebar-bottom-nav]){display:none}.group{display:block}.group-header{all:unset;box-sizing:border-box;width:100%;min-height:var(--size-6);padding:var(--size-1) var(--size-2);margin-bottom:var(--size-2);color:inherit;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast);outline:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.group-header::-webkit-details-marker{display:none}:host([collapsible]) .group-header{cursor:pointer}:host([collapsible]) .group-header:hover{background:var(--color-contrast-100)}:host([collapsible]) .group-header:focus-visible{outline:var(--focus-ring)}:host(:not([collapsible])) .group-header{cursor:default}:host(:not([collapsible])) .chevron{display:none}.group-label{text-overflow:ellipsis;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:opacity var(--transition-fast);flex-grow:1;overflow:hidden}.group-icon{color:var(--color-contrast-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-icon:empty{display:none}.chevron{color:var(--color-contrast-400);transition:var(--_motion-transition,transform var(--transition-normal));flex-shrink:0;justify-content:center;align-items:center;display:flex}:host([collapsible]) .group[open] .chevron{transform:rotate(90deg)}.group-items{gap:var(--size-2);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}:host([sidebar-collapsed]) .group-label,:host([sidebar-collapsed]) .chevron{display:none}:host([sidebar-collapsed]) .group-header{height:0;min-height:0;margin:0;padding:0;display:none}:host([sidebar-collapsed]) .group-badge{visibility:visible;pointer-events:auto;opacity:1;width:auto;height:auto;display:flex;position:static}:host([collapsible]:not([open])) .group-items{display:none}}`,ho=`@layer refine.base{:host{min-width:0;max-width:100%;display:block}.item{box-sizing:border-box;gap:var(--size-2);width:100%;min-width:0;min-height:var(--_touch-target);padding:var(--size-1-5) var(--size-2);font-family:inherit;font-size:var(--sidebar-item-font-size,var(--text-sm));font-weight:var(--font-medium);color:var(--sidebar-item-color,var(--color-contrast-700));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-lg);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;outline:none;align-items:center;text-decoration:none;display:flex;position:relative}.item:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}a.item{text-decoration:none}.item:hover,.item:focus-visible{color:var(--sidebar-item-hover-color,var(--color-contrast-900));outline:var(--focus-ring);outline-offset:1px;background:var(--sidebar-item-hover-bg,var(--color-contrast-100))}:host([active]) .item{font-weight:var(--font-semibold);color:var(--sidebar-item-active-color,var(--color-primary));background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)))}:host([active]) .item:before{display:none}:host([disabled]) .item,:host([disabled]) .item:hover,:host([disabled]) .item:focus-visible{color:var(--sidebar-item-disabled-color,var(--color-contrast-300));pointer-events:none;cursor:not-allowed;opacity:1;background:0 0;outline:none}:host([disabled]) .item-icon{color:var(--sidebar-item-disabled-color,var(--color-contrast-300))}.item-icon{width:var(--size-5);height:var(--size-5);flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;display:flex}.item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--transition-fast);flex:1;overflow:hidden}.item-end{gap:var(--size-1);transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}:host([sidebar-collapsed]) .item,:host([sidebar-collapsed]) .item-icon{position:relative}:host([sidebar-collapsed]) .item-label{pointer-events:none;opacity:0;width:0;overflow:hidden}:host([sidebar-collapsed]) .item{justify-content:center;align-items:center;gap:0;width:100%;height:100%;min-height:100%;padding:0}:host([sidebar-collapsed]) .item:before{inset-block:var(--size-2)}:host([sidebar-collapsed]) .item-icon{width:var(--size-7);height:var(--size-7);padding:var(--size-1-5);font-size:1.5em}:host([sidebar-collapsed][active]) .item,:host([sidebar-collapsed]) .item:hover{background:0 0}:host([sidebar-collapsed][active]) .item-icon{background:var(--sidebar-item-active-bg,var(--color-primary-100,color-mix(in oklch, var(--color-primary) 12%, transparent)));border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-icon:hover{background:var(--color-contrast-100);border-radius:var(--rounded-full)}:host([sidebar-collapsed]) .item-end,:host([sidebar-collapsed]) .item-icon .group-badge,:host([sidebar-collapsed]) .item-icon ::slotted([slot=end]){right:0;bottom:calc(var(--size-2) * -1);z-index:2;pointer-events:auto;opacity:1;justify-content:center;align-items:center;min-width:1.25em;min-height:1.25em;display:flex;position:absolute;transform:translate(40%,-40%)}:host([dir=rtl][sidebar-collapsed]) .item-end,:host([dir=rtl][sidebar-collapsed]) .item-icon .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-icon ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end,:host(:dir(rtl)[sidebar-collapsed]) .item-icon .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-icon ::slotted([slot=end]){left:0;right:auto;transform:translate(-40%,-40%)}:host([sidebar-collapsed]) .item-end .group-badge,:host([sidebar-collapsed]) .item-end ::slotted([slot=end]){top:50%;right:calc(var(--size-0-5) * -1);z-index:1;position:absolute;transform:translateY(-50%)}:host([dir=rtl][sidebar-collapsed]) .item-end .group-badge,:host([dir=rtl][sidebar-collapsed]) .item-end ::slotted([slot=end]),:host(:dir(rtl)[sidebar-collapsed]) .item-end .group-badge,:host(:dir(rtl)[sidebar-collapsed]) .item-end ::slotted([slot=end]){right:auto;left:var(--size-2)}:host([sidebar-bottom-nav]){display:none}}`,go=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},_o=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},vo=e=>{let t=_o(e)?.clientWidth??0;return t>0?t:e.offsetWidth},yo=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement instanceof HTMLElement;)e=e.shadowRoot.activeElement;return e},bo=t(`SidebarContext`),xo=`ore-sidebar`;i(xo,{props:{"bottom-nav-at":p.string(),"close-on-select":p.bool(!1),"collapse-label":p.string(`Collapse sidebar`),collapsed:p.bool(!1),collapsible:p.bool(!1),"container-breakpoints":p.bool(!1),"default-collapsed":p.bool(!1),"expand-label":p.string(`Expand sidebar`),label:p.string(`Sidebar navigation`),"mobile-close-label":p.string(`Close sidebar`),responsive:p.string(),variant:p.string()},setup(t){let n=a(),r=v(),i=b(),s=()=>i.has(`header`).value,c=()=>i.has(`footer`).value,u=()=>i.has(`logo`).value,d=E(n.hasAttribute(`collapsed`)),p=E(d.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),h=E(!1),g=E(!1),_=E([]),y=E(!1),x=E(!1),S=E(go(t.responsive.value)),w=E(!!String(t.responsive.value??``).trim()),D=E(!1),k=E(!1),A=E(go(t[`bottom-nav-at`].value)),j=E(!1),M=null,N=()=>p.value,P=C(()=>h.value?`bottom-nav`:p.value?`collapsed`:`default`),F=()=>{let e=t[`container-breakpoints`].value,n=e?x.value:y.value||x.value,r=e?k.value:D.value||k.value;g.value||(h.value=r),!r&&!g.value&&R(!1,`responsive`),w.value&&L(n,`responsive`)},I=()=>{let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),t=[...n.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],r=(t.length>0?t:e).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});_.value=r};m(bo,{closeMobile:()=>R(!1,`toggle`),closeOnSelect:t[`close-on-select`],collapsed:C(()=>!h.value&&p.value),mobileOpen:C(()=>h.value&&g.value),mode:P,variant:t.variant});let L=(e,t)=>{N()!==e&&(d.value||(p.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},R=(e,t)=>{let i=!!e;if(i&&!h.value&&(h.value=!0),!h.value&&!i){g.value&&=!1;return}g.value!==i&&(i&&(M=yo()),g.value=i,i?queueMicrotask(()=>n.shadowRoot?.querySelector(`nav`)?.focus()):(F(),queueMicrotask(()=>{M?.isConnected&&M.focus(),M=null})),r(`mobile-open-change`,{open:i,source:t}))},z=()=>{L(!N(),`toggle`)},B=n;return B.setCollapsed=e=>L(!!e,`api`),B.toggle=z,B.openMobile=()=>R(!0,`api`),B.closeMobile=()=>R(!1,`api`),B.toggleMobile=()=>R(!g.value,`toggle`),e({attr:{"data-bottom-nav":()=>h.value?!0:void 0,"data-collapsed":()=>N()&&!h.value?!0:void 0,"data-has-logo":()=>u()?!0:void 0,"data-mobile-open":()=>h.value&&g.value?!0:void 0,"data-preview-mode":()=>j.value?!0:void 0}}),f(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,r=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(r));let a,o,s=new Map,c=new MutationObserver(()=>{(n.hasAttribute(`collapsed`)||d.value)&&(d.value=!0,p.value=n.hasAttribute(`collapsed`))});c.observe(n,{attributeFilter:[`collapsed`],attributes:!0});let u=e=>{e.key===`Escape`&&g.value&&(e.preventDefault(),R(!1,`toggle`))};n.addEventListener(`keydown`,u),O(t.responsive,e=>{a?.(),a=void 0;let r=String(e??``).trim();w.value=!!r,S.value=go(r),y.value=!1;let i=vo(n);if(x.value=i>0&&S.value!=null&&i<=S.value,F(),!(t[`container-breakpoints`].value&&S.value!=null)&&r)try{let e=oe(r),t=e=>{e&&(y.value=e.matches,F())};t(e.getSnapshot());let n=O(T(e,{signal:e.disposalSignal}),t);a=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof re))throw e}},{immediate:!0}),O(t[`bottom-nav-at`],e=>{o?.(),o=void 0;let r=String(e??``).trim();A.value=go(r),D.value=!1;let i=vo(n);if(k.value=i>0&&A.value!=null&&i<=A.value,F(),!(t[`container-breakpoints`].value&&A.value!=null)&&r)try{let e=oe(r),t=e=>{e&&(D.value=e.matches,F())};t(e.getSnapshot());let n=O(T(e,{signal:e.disposalSignal}),t);o=()=>{n.dispose(),e.dispose()}}catch(e){if(!(e instanceof re))throw e}},{immediate:!0});let f=typeof ResizeObserver==`function`?(()=>{let e=ie(n);l(()=>e.dispose());let t=T(e,{signal:e.disposalSignal}),i=n.parentElement,a=_o(n),o=i?ie(i):void 0,s=a&&a!==i?ie(a):void 0;o&&l(()=>o.dispose()),s&&l(()=>s.dispose());let c=o?T(o,{signal:o.disposalSignal}):void 0,u=s?T(s,{signal:s.disposalSignal}):void 0,d;return O(C(()=>[t.value?.width,t.value?.height,c?.value?.width,c?.value?.height,u?.value?.width,u?.value?.height]),()=>{d!==void 0&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{let e=_o(n),t=vo(n),i=x.value,a=k.value,o=e?.clientWidth??0;j.value=o>0&&o<window.innerWidth,x.value=t>0&&S.value!=null&&t<=S.value,k.value=t>0&&A.value!=null&&t<=A.value,(i!==x.value||a!==k.value)&&F(),r()})})})():void 0,m=e=>{let t=new Set(e);for(let[e,n]of s)t.has(e)||(n.disconnect(),s.delete(e));for(let t of e){if(s.has(t))continue;let e=new MutationObserver(()=>{h.value&&I()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),s.set(t,e)}},_=()=>{m([...n.querySelectorAll(`ore-sidebar-item`)]),I()};O(i.elements(),_,{immediate:!0});let v=new MutationObserver(_);return v.observe(n,{childList:!0,subtree:!0}),()=>{c.disconnect(),v.disconnect(),n.removeEventListener(`keydown`,u),a?.(),o?.(),f?.dispose();for(let e of s.values())e.disconnect();s.clear()}}),o`
|
|
3185
3210
|
<button
|
|
3186
3211
|
class="mobile-backdrop"
|
|
3187
3212
|
part="mobile-backdrop"
|
|
@@ -3189,7 +3214,12 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3189
3214
|
aria-label="${t[`mobile-close-label`]}"
|
|
3190
3215
|
?hidden=${()=>!h.value||!g.value}
|
|
3191
3216
|
@click=${()=>R(!1,`toggle`)}></button>
|
|
3192
|
-
<nav
|
|
3217
|
+
<nav
|
|
3218
|
+
aria-label="${t.label}"
|
|
3219
|
+
aria-hidden=${()=>h.value&&!g.value?`true`:null}
|
|
3220
|
+
part="nav"
|
|
3221
|
+
tabindex="-1"
|
|
3222
|
+
?inert=${()=>h.value&&!g.value}>
|
|
3193
3223
|
<div class="sidebar-header" part="header" ?hidden=${()=>!s()&&!t.collapsible.value}>
|
|
3194
3224
|
<span class="sidebar-logo" ?hidden=${()=>!u()}>
|
|
3195
3225
|
<slot name="logo"></slot>
|
|
@@ -3248,7 +3278,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3248
3278
|
</button>
|
|
3249
3279
|
`})}
|
|
3250
3280
|
</div>
|
|
3251
|
-
`},styles:[q,J,
|
|
3281
|
+
`},styles:[q,J,po]});var So=`ore-sidebar-group`;i(So,{props:{collapsible:p.bool(!1),"default-open":p.bool(!0),label:p.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(t){let n=b(),r=()=>n.has(`icon`).value,i=s(bo);e({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value||void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>t.open.value!==void 0,c=E(t[`default-open`].value),l=C(()=>t.collapsible.value?a()?t.open.value??!1:c.value:!0);return O(t.open,e=>{e!==void 0&&(c.value=e)}),e({attr:{open:()=>l.value?!0:void 0}}),o`
|
|
3252
3282
|
<details class="group" part="group" ?open=${l}>
|
|
3253
3283
|
<summary
|
|
3254
3284
|
class="group-header"
|
|
@@ -3267,7 +3297,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3267
3297
|
<slot></slot>
|
|
3268
3298
|
</div>
|
|
3269
3299
|
</details>
|
|
3270
|
-
`},styles:[J,
|
|
3300
|
+
`},styles:[J,mo]});var Co=`ore-sidebar-item`;i(Co,{props:{active:p.bool(!1),"bottom-nav":p.bool(!1),"bottom-nav-label":p.string(),disabled:p.bool(!1),href:p.string(),label:p.string(),rel:p.string(),target:p.string()},setup(t){let n=b(),r=()=>n.has(`icon`).value,i=()=>n.has(`end`).value,a=s(bo);e({attr:{"sidebar-bottom-nav":()=>a?.mode.value===`bottom-nav`&&!a?.mobileOpen.value||void 0,"sidebar-collapsed":()=>a?.collapsed.value?!0:void 0}});let c=()=>!!t.href.value&&!t.disabled.value,l=C(()=>Un(t.rel.value,t.target.value)),u=e=>{a?.closeOnSelect.value&&a.mobileOpen.value&&(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||queueMicrotask(a.closeMobile))},d=()=>o`
|
|
3271
3301
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!r()} aria-hidden="true">
|
|
3272
3302
|
<slot name="icon"></slot>
|
|
3273
3303
|
</span>
|
|
@@ -3283,6 +3313,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3283
3313
|
href="${t.href}"
|
|
3284
3314
|
rel="${l}"
|
|
3285
3315
|
target="${t.target}"
|
|
3316
|
+
aria-label="${t.label}"
|
|
3286
3317
|
aria-current="${()=>t.active.value?`page`:null}"
|
|
3287
3318
|
@click=${u}>
|
|
3288
3319
|
${d()}
|
|
@@ -3293,6 +3324,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3293
3324
|
part="item"
|
|
3294
3325
|
aria-disabled="true"
|
|
3295
3326
|
tabindex="-1"
|
|
3327
|
+
aria-label="${t.label}"
|
|
3296
3328
|
aria-current="${()=>t.active.value?`page`:null}">
|
|
3297
3329
|
${d()}
|
|
3298
3330
|
</div>
|
|
@@ -3302,12 +3334,13 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3302
3334
|
part="item"
|
|
3303
3335
|
type="button"
|
|
3304
3336
|
?disabled="${t.disabled}"
|
|
3337
|
+
aria-label="${t.label}"
|
|
3305
3338
|
aria-current="${()=>t.active.value?`page`:null}"
|
|
3306
3339
|
@click=${u}>
|
|
3307
3340
|
${d()}
|
|
3308
3341
|
</button>
|
|
3309
3342
|
`}
|
|
3310
|
-
`},styles:[q,mo]});var Co=de({BOX_TAG:()=>Ka,GRID_ITEM_TAG:()=>eo,GRID_TAG:()=>Qa,NAVBAR_CTX:()=>co,NAVBAR_ITEM_TAG:()=>uo,NAVBAR_TAG:()=>lo,SIDEBAR_CTX:()=>yo,SIDEBAR_GROUP_TAG:()=>xo,SIDEBAR_ITEM_TAG:()=>So,SIDEBAR_TAG:()=>bo});function wo(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}function To(e){let t=Q(e.onCleanup),n=E(!1),r=`programmatic`,i=wo(),a=!1,o=Wt({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?Br(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l={close(t=`programmatic`){if(!n.value)return;let i=e.dialogRef.value;i?.open?(r=t,(e.performClose??((e,t)=>e.close()))(i,t)):n.value=!1},dispose(){l.close(`programmatic`)},open(t=`programmatic`){if(n.value)return;let r=e.dialogRef.value;r&&!r.open&&(r.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(r),r.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0,e.onOpen?.(t))},[Symbol.dispose](){l.dispose()},toggle(e=`click`,t=`trigger`){n.value?l.close(t):l.open(e)}};t.addEventListener(`abort`,l.dispose,{once:!0});let u=e=>{c(e)&&l.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&u(`escape`))},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},p=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},m=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,p);let n=!1;O(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&l.open(`programmatic`),n=!0;return}l.close(`programmatic`);return}n=!0,t?l.open(`programmatic`):l.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(m(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:m}}function Eo(e){return e.filter(e=>e.localName===`ore-command-palette-item`).map(e=>({disabled:e.hasAttribute(`disabled`),group:e.getAttribute(`group`)??void 0,icon:e.getAttribute(`icon`)??void 0,keywords:(e.getAttribute(`keywords`)??``).split(`,`).map(e=>e.trim()).filter(Boolean),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,shortcut:e.getAttribute(`shortcut`)??void 0,value:e.getAttribute(`value`)??``}))}function Do(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function Oo(e){return{disabled:!!e.disabled,group:e.group,icon:e.icon,keywords:e.keywords??[],label:e.label??e.value,shortcut:e.shortcut,value:e.value}}function ko(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)||e.keywords.some(e=>e.toLowerCase().includes(r))):e}function Ao(e){let t=new Map;for(let n of e){let e=n.group,r=t.get(e);r||(r=[],t.set(e,r)),r.push(n)}let n=[],r=0;for(let[e,i]of t){e!==void 0&&n.push({group:e,type:`group`});for(let e of i)n.push({idx:r++,item:e,type:`item`})}return n}var jo=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none}}`,Mo=e=>e==null?void 0:e===``||e===`true`,No=`ore-command-palette-item`;i(No,{setup(){return o``}});var Po=`ore-command-palette`;i(Po,{props:{"default-open":p.bool(!1),"empty-text":p.string(`No results found.`),items:p.data(),"keep-open-on-select":p.bool(!1),label:p.string(`Command palette`),loading:p.bool(!1),"no-filter":p.bool(!1),open:{default:void 0,parse:Mo},placeholder:p.string(`Type a command or search…`),shortcut:p.string(`mod+k`)},setup(e){let t=a(),n=v(),r=Q(l),i=h(),s=h(),c=`cmdk-listbox`,u=null,p=E(``),m=E([]),g=()=>{m.value=Eo([...t.children])};g();let _=new MutationObserver(g);_.observe(t,{characterData:!0,childList:!0,subtree:!0}),l(()=>_.disconnect());let y=C(()=>{let t=e.items.value;return Array.isArray(t)?t.map(Oo):m.value}),b=C(()=>ko(y.value,p.value,!!e[`no-filter`].value)),x=C(()=>Ao(b.value)),S=an({getItems:()=>b.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{u?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:w}=S,T=()=>{p.value=``,S.reset()},{closeWithAnimation:D,overlay:k,requestClose:A,setupNativeListeners:j}=To({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:C(()=>`.search-input`),isPersistent:()=>!1,onCleanup:l,onEvent:d,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),T()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>D(),returnFocus:C(()=>!0)}),M=le();M.mount(window),l(()=>M.dispose());let N=null;O(e.shortcut,e=>{N?.(),N=null;let t=(e??``).trim();if(t)try{N=M.bind({handler:()=>{k.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),f(()=>{j()});function P(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():A(`trigger`))}function F(r){let i=r.target.value;p.value=i,S.navigate(`first`),n(`search`,{query:i});let a=b.value.length;yt(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:t.ownerDocument})}function I(e){if(!S.handleKeydown(e)&&e.key===`Enter`){let t=S.getActiveItem()??b.value.find(e=>!e.disabled);t&&(e.preventDefault(),P(t))}}return o`
|
|
3343
|
+
`},styles:[q,ho]});var wo=de({BOX_TAG:()=>qa,GRID_ITEM_TAG:()=>to,GRID_TAG:()=>$a,NAVBAR_CTX:()=>lo,NAVBAR_ITEM_TAG:()=>fo,NAVBAR_TAG:()=>uo,SIDEBAR_CTX:()=>bo,SIDEBAR_GROUP_TAG:()=>So,SIDEBAR_ITEM_TAG:()=>Co,SIDEBAR_TAG:()=>xo});function To(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}function Eo(e){let t=Q(e.onCleanup),n=E(!1),r=`programmatic`,i=To(),a=!1,o=Wt({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),s=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=()=>{t.close(),a=!1},r=e.getPanelEl();r?Br(r,n,`transition`):n()},c=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),l={close(t=`programmatic`){if(!n.value)return;let i=e.dialogRef.value;i?.open?(r=t,(e.performClose??((e,t)=>e.close()))(i,t)):n.value=!1},dispose(){l.close(`programmatic`)},open(t=`programmatic`){if(n.value)return;let r=e.dialogRef.value;r&&!r.open&&(r.classList.remove(`closing`),o.captureReturnFocus(),e.beforeOpen?.(r),r.showModal(),i.lock(e.host),o.applyInitialFocus(),n.value=!0,e.onOpen?.(t))},[Symbol.dispose](){l.dispose()},toggle(e=`click`,t=`trigger`){n.value?l.close(t):l.open(e)}};t.addEventListener(`abort`,l.dispose,{once:!0});let u=e=>{c(e)&&l.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?l.open(`trigger`):(t===`close`||t===`request-close`)&&u(`trigger`)},{signal:t});let d=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&u(`escape`))},f=t=>{e.isPersistent()||t.target===e.dialogRef.value&&u(`outsideClick`)},p=t=>{if(t&&t.target!==e.dialogRef.value)return;i.unlock(),e.host.removeAttribute(`open`),n.value=!1,o.restoreFocus();let a=r;r=`programmatic`,e.onNativeClose?.(a)},m=()=>{let t=e.dialogRef.value;t&&e.onEvent(t,`close`,p);let n=!1;O(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&l.open(`programmatic`),n=!0;return}l.close(`programmatic`);return}n=!0,t?l.open(`programmatic`):l.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation:s,dispatchCloseRequest:c,handleBackdropClick:f,handleCancel:d,isOpen:n,overlay:l,requestClose:u,setupNativeListeners:()=>{let t=e.dialogRef.value;t&&(m(),e.onEvent(t,`click`,f),e.onEvent(t,`cancel`,d))},watchOpenProp:m}}function Do(e){return e.filter(e=>e.localName===`ore-command-palette-item`).map(e=>({disabled:e.hasAttribute(`disabled`),group:e.getAttribute(`group`)??void 0,icon:e.getAttribute(`icon`)??void 0,keywords:(e.getAttribute(`keywords`)??``).split(`,`).map(e=>e.trim()).filter(Boolean),label:e.getAttribute(`label`)||[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent?.trim()).filter(Boolean).join(` `)||``,shortcut:e.getAttribute(`shortcut`)??void 0,value:e.getAttribute(`value`)??``}))}function Oo(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function ko(e){return{disabled:!!e.disabled,group:e.group,icon:e.icon,keywords:e.keywords??[],label:e.label??e.value,shortcut:e.shortcut,value:e.value}}function Ao(e,t,n){if(n)return e;let r=t.toLowerCase().trim();return r?e.filter(e=>e.label.toLowerCase().includes(r)||e.value.toLowerCase().includes(r)||e.keywords.some(e=>e.toLowerCase().includes(r))):e}function jo(e){let t=new Map;for(let n of e){let e=n.group,r=t.get(e);r||(r=[],t.set(e,r)),r.push(n)}let n=[],r=0;for(let[e,i]of t){e!==void 0&&n.push({group:e,type:`group`});for(let e of i)n.push({idx:r++,item:e,type:`item`})}return n}var Mo=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_backdrop-bg:var(--command-palette-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--command-palette-bg,var(--color-canvas));--_panel-border-color:var(--command-palette-border-color,var(--color-divider));--_option-hover-bg:var(--command-palette-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--command-palette-option-focus-bg,color-mix(in oklch, var(--color-primary) 12%, var(--color-contrast-100)));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;padding-top:min(14vh, var(--size-24));background:0 0;border:none;justify-content:center;align-items:flex-start;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0}dialog.closing::backdrop{opacity:0}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:min(28rem, calc(100dvh - var(--size-16)));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--command-palette-shadow,var(--shadow-2xl));opacity:1;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(-4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}@media (width<=640px){.panel{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4))}dialog{padding-top:var(--size-4)}}.search{gap:var(--size-2);padding:var(--size-3) var(--size-4);border-bottom:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.search-icon{color:var(--color-contrast-400);flex-shrink:0;display:inline-flex}.search-input{min-width:0;font:inherit;font-size:var(--text-md);color:var(--color-contrast-900);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-contrast-400)}.search-loader{border:2px solid var(--color-contrast-300);width:1em;height:1em;animation:command-palette-spin var(--transition-loader) infinite;border-radius:50%;flex-shrink:0;display:inline-flex}.search-loader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-right-color:#0000}.search-loader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-left-color:#0000}.search-loader[hidden]{display:none}@keyframes command-palette-spin{to{transform:rotate(360deg)}}.listbox{padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.empty{padding:var(--size-6) var(--size-3);font-size:var(--text-sm);color:var(--color-contrast-400);text-align:center}.group-heading{padding:var(--size-2) var(--size-2-5) var(--size-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-contrast-500);text-transform:uppercase;letter-spacing:var(--tracking-wide,.05em)}.item{gap:var(--size-2-5);padding:var(--size-2) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-800);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast);align-items:center;display:flex}.item:hover:not([data-disabled]){background:var(--_option-hover-bg)}.item[data-focused]:not([data-disabled]){background:var(--_option-focus-bg)}.item[data-disabled]{color:var(--color-contrast-400);cursor:not-allowed;opacity:.6}.item-icon{color:var(--color-contrast-500);flex-shrink:0;align-items:center;display:inline-flex}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-shortcut{gap:var(--size-1);flex-shrink:0;display:inline-flex}.item-shortcut kbd{padding:var(--size-0-5) var(--size-1-5);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-contrast-500);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}.footer{gap:var(--size-4);padding:var(--size-2) var(--size-4);font-size:var(--text-xs);color:var(--color-contrast-500);border-top:var(--border) solid var(--color-contrast-100);flex-shrink:0;align-items:center;display:flex}.footer-hint{gap:var(--size-1);align-items:center;display:inline-flex}.footer kbd{padding:var(--size-0-5) var(--size-1);font-family:inherit;font-size:var(--text-xs);background:var(--color-contrast-100);border:var(--border) solid var(--color-contrast-200);border-bottom-width:calc(var(--border) + 1px);border-radius:var(--rounded-sm)}::slotted(ore-command-palette-item){display:none}}`,No=e=>e==null?void 0:e===``||e===`true`,Po=`ore-command-palette-item`;i(Po,{setup(){return o``}});var Fo=`ore-command-palette`;i(Fo,{props:{"default-open":p.bool(!1),"empty-text":p.string(`No results found.`),items:p.data(),"keep-open-on-select":p.bool(!1),label:p.string(`Command palette`),loading:p.bool(!1),"no-filter":p.bool(!1),open:{default:void 0,parse:No},placeholder:p.string(`Type a command or search…`),shortcut:p.string(`mod+k`)},setup(e){let t=a(),n=v(),r=Q(l),i=h(),s=h(),c=`cmdk-listbox`,u=null,p=E(``),m=E([]),g=()=>{m.value=Do([...t.children])};g();let _=new MutationObserver(g);_.observe(t,{characterData:!0,childList:!0,subtree:!0}),l(()=>_.disconnect());let y=C(()=>{let t=e.items.value;return Array.isArray(t)?t.map(ko):m.value}),b=C(()=>Ao(y.value,p.value,!!e[`no-filter`].value)),x=C(()=>jo(b.value)),S=an({getItems:()=>b.value,isItemDisabled:e=>e.disabled,onNavigate:()=>{u?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},signal:r}),{focusedIndex:w}=S,T=()=>{p.value=``,S.reset()},{closeWithAnimation:D,overlay:k,requestClose:A,setupNativeListeners:j}=Eo({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:C(()=>`.search-input`),isPersistent:()=>!1,onCleanup:l,onEvent:d,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),T()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),S.navigate(`first`)},openProp:e.open,performClose:()=>D(),returnFocus:C(()=>!0)}),M=le();M.mount(window),l(()=>M.dispose());let N=null;O(e.shortcut,e=>{N?.(),N=null;let t=(e??``).trim();if(t)try{N=M.bind({handler:()=>{k.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),f(()=>{j()});function P(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():A(`trigger`))}function F(r){let i=r.target.value;p.value=i,S.navigate(`first`),n(`search`,{query:i});let a=b.value.length;yt(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:t.ownerDocument})}function I(e){if(!S.handleKeydown(e)&&e.key===`Enter`){let t=S.getActiveItem()??b.value.find(e=>!e.disabled);t&&(e.preventDefault(),P(t))}}return o`
|
|
3311
3344
|
<dialog ref="${i}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3312
3345
|
<div class="panel" part="panel">
|
|
3313
3346
|
<div class="search" part="search">
|
|
@@ -3362,7 +3395,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3362
3395
|
<span class="item-label">${e.item.label}</span>
|
|
3363
3396
|
${e.item.shortcut?o`
|
|
3364
3397
|
<span class="item-shortcut">
|
|
3365
|
-
${
|
|
3398
|
+
${Oo(e.item.shortcut).map(e=>o`
|
|
3366
3399
|
<kbd>${e}</kbd>
|
|
3367
3400
|
`)}
|
|
3368
3401
|
</span>
|
|
@@ -3387,7 +3420,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3387
3420
|
</div>
|
|
3388
3421
|
</div>
|
|
3389
3422
|
</dialog>
|
|
3390
|
-
`},styles:[J,
|
|
3423
|
+
`},styles:[J,Mo]});var Io=`@layer refine.base{:host{--_radius:var(--dialog-radius,var(--rounded-lg));--_padding:var(--dialog-padding,var(--size-4));--_gap:var(--dialog-gap,var(--size-4));--_max-width:var(--dialog-max-width,32rem);--_elevation:var(--shadow-xl);--_backdrop-filter:none;--_backdrop-bg:var(--dialog-backdrop,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_panel-bg:var(--dialog-bg,var(--color-canvas));--_panel-blur:var(--dialog-panel-blur,var(--blur-md));--_panel-border-color:var(--dialog-border-color,var(--color-divider));display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::-ms-backdrop{opacity:0}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:opacity var(--transition-normal), overlay var(--transition-normal) allow-discrete, display var(--transition-normal) allow-discrete}@starting-style{dialog::backdrop{opacity:0}}dialog.closing::-ms-backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}dialog.closing::backdrop{opacity:0;transition:opacity .15s var(--ease-in-out), overlay .15s allow-discrete, display .15s allow-discrete}.panel{box-sizing:border-box;width:var(--_max-width);max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8));background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--_radius);box-shadow:var(--dialog-shadow,var(--_elevation));opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity .2s var(--ease-spring), transform .2s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(1)translateY(0)}@starting-style{.panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}dialog.closing .panel{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}.panel[data-size=sm]{--_max-width:var(--dialog-max-width,22rem)}.panel[data-size=md]{--_max-width:var(--dialog-max-width,32rem)}.panel[data-size=lg]{--_max-width:var(--dialog-max-width,48rem)}.panel[data-size=xl]{--_max-width:var(--dialog-max-width,64rem)}.panel[data-size=full]{width:calc(100vw - var(--size-8));max-width:calc(100vw - var(--size-8));max-height:calc(100dvh - var(--size-8))}.header{gap:var(--size-2);padding:var(--_padding);flex-shrink:0;align-items:center;padding-bottom:0;display:flex}.header[hidden]{display:none}.title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-contrast-900);flex:1}.close{width:var(--size-8);min-width:var(--_touch-target);height:var(--size-8);min-height:var(--_touch-target);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close:hover{color:var(--color-contrast-900);background:var(--color-contrast-200)}.close:focus-visible{outline:var(--border-2) solid var(--color-focus);outline-offset:var(--border-2)}.close[hidden]{display:none}.body{padding:var(--_padding);overscroll-behavior:contain;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-contrast-700);flex:1;overflow-y:auto}.footer{gap:var(--_gap);padding:var(--_padding);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;padding-top:0;display:flex}.footer[hidden]{display:none}.header:not([hidden])+.body{padding-top:var(--size-4)}.body+.footer:not([hidden]){padding-top:var(--size-4);border-top:var(--border) solid var(--color-contrast-100)}@media (width<=640px){.panel,.panel[data-size=sm],.panel[data-size=md],.panel[data-size=lg],.panel[data-size=xl]{width:calc(100vw - var(--size-4));max-width:calc(100vw - var(--size-4));max-height:calc(100dvh - var(--size-4))}.header,.body,.footer{padding-inline:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}:host([elevation=none]){--_elevation:var(--shadow-none)}:host([elevation=sm]){--_elevation:var(--shadow-sm)}:host([elevation=md]){--_elevation:var(--shadow-md)}:host([elevation=lg]){--_elevation:var(--shadow-lg)}:host([elevation=xl]){--_elevation:var(--shadow-xl)}:host([elevation="2xl"]){--_elevation:var(--shadow-2xl)}:host([padding=none]){--_padding:var(--size-0)}:host([padding=sm]){--_padding:var(--size-3)}:host([padding=md]){--_padding:var(--size-4)}:host([padding=lg]){--_padding:var(--size-6)}:host([padding=xl]){--_padding:var(--size-8)}}`,Lo=e=>e==null?void 0:e===``||e===`true`,Ro=`ore-dialog`;i(Ro,{props:{backdrop:p.string(),"default-open":p.bool(!1),dismissible:p.bool(!1),elevation:p.string(),"initial-focus":p.string(),label:p.string(),open:{default:void 0,parse:Lo},padding:p.string(),persistent:p.bool(!1),"return-focus":p.bool(!0),rounded:p.string(),size:p.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let t=a(),n=v(),r=b(),i=h(),s=()=>r.has(`header`).value||!!e.label.value||e.dismissible.value,c=()=>r.has(`footer`).value,{closeWithAnimation:u,overlay:p,requestClose:m,setupNativeListeners:g}=Eo({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>n(`open-change`,{open:!1,reason:e}),onOpen:e=>n(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:()=>{u()},returnFocus:e[`return-focus`]});return f(()=>{if(i.value)return g(),()=>{p.dispose()}}),o`
|
|
3391
3424
|
<dialog ref=${i} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3392
3425
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
3393
3426
|
<div class="panel" part="panel" data-size="${e.size}">
|
|
@@ -3413,7 +3446,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3413
3446
|
</div>
|
|
3414
3447
|
</div>
|
|
3415
3448
|
</dialog>
|
|
3416
|
-
`},styles:[Y,q,Fo]});var Ro=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=right]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,zo=e=>e==null?void 0:e===``||e===`true`,Bo={bottom:{axis:`y`,closingDistance:e=>Math.max(0,e),translate:e=>`translateY(${e}px)`},left:{axis:`x`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateX(${e}px)`},right:{axis:`x`,closingDistance:e=>Math.max(0,e),translate:e=>`translateX(${e}px)`},top:{axis:`y`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateY(${e}px)`}},Vo=`ore-drawer`;i(Vo,{props:{backdrop:p.string(),"default-open":p.bool(!1),dismissible:p.bool(!0),"drag-handle-placement":p.oneOf([`outside`,`inset`],`outside`),"initial-focus":p.string(),label:p.string(),open:{default:void 0,parse:zo},persistent:p.bool(!1),placement:p.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":p.bool(!0),size:p.string(),title:p.string()},setup(e){let t=a(),r=v(),i=b(),s=n(`drawer-label`),c=h(),u=h(),p=E(!1),m,g,_=()=>e.label.value??e.title.value??``,y=()=>i.has(`header`).value||!!_(),x=()=>y()||e.dismissible.value,S=()=>i.has(`footer`).value,C=()=>e.placement.value||`right`,w=()=>Bo[C()],T=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},D=(e,t)=>w().closingDistance(e)>=t,O=e=>{if(!p.value)return;g&&=(clearTimeout(g),void 0);let t=c.value;if(!t){p.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,F(`swipe`)},k=(e,t,n)=>{if(p.value)return;p.value=!0;let r=t.axis===`x`?e.offsetWidth:e.offsetHeight,i=n>=0?Math.max(n,r):Math.min(n,-r),a=t.translate(i);e.style.transition=`transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 180ms ease-out`,e.offsetWidth;let o=t=>{t.target===e&&t.propertyName===`transform`&&(e.removeEventListener(`transitionend`,o),O(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;g=setTimeout(()=>{e.removeEventListener(`transitionend`,o),O(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},A=e=>{g&&=(clearTimeout(g),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,p.value=!1},j=({distance:e,reason:t})=>{let n=u.value;if(!n)return;let r=T(n,w().axis);if(t===`release`&&D(e,r)){k(n,w(),e);return}A(n)},{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=To({beforeOpen:e=>{let t=u.value;t&&A(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>u.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>{let t=u.value;t&&e!==`swipe`&&A(t);let n=c.value;n&&(n.style.transition=``),r(`open-change`,{open:!1,reason:e})},onOpen:e=>r(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():M()},returnFocus:e[`return-focus`]});return f(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{P.open(`programmatic`)},r.hide=()=>{P.close(`programmatic`)},I(),d(n,`cancel`,N),d(n,`click`,t=>{e.persistent.value||m?.active||p.value||t.target===n&&F(`outsideClick`)});let i=u.value?.querySelector(`[part="drag-handle"]`);return i&&(m=H(i,{axis:()=>w().axis,disabled:()=>p.value,onEnd:j,onMove:({distance:e})=>{let t=u.value;if(!t)return;let n=w(),r=T(t,n.axis),i=n.closingDistance(e),a=Math.min(i/r,1);t.style.transition=`none`,t.style.transform=n.translate(e),t.style.opacity=String(1-a*.4)}})),()=>{m?.dispose(),m=void 0,P.dispose()}}),o`
|
|
3449
|
+
`},styles:[Y,q,Io]});var zo=`@layer refine.base{:host{--_backdrop-bg:var(--drawer-backdrop-bg,color-mix(in oklch, var(--color-canvas) 40%, transparent));--_backdrop-filter:none;--_panel-bg:var(--drawer-bg,var(--color-canvas));--_panel-blur:var(--drawer-panel-blur,var(--blur-md));--_panel-shadow:var(--drawer-shadow,var(--shadow-xl));--_panel-border-color:var(--color-divider);--_panel-bleed:var(--size-8);--_drag-handle-inset:calc(var(--size-1) * -1);display:contents}dialog{all:unset;box-sizing:border-box;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;transition:display .2s allow-discrete, overlay .2s allow-discrete;display:flex;position:fixed;inset:0}dialog:not([open]),dialog:not([open]) .panel{display:none}dialog[open]{pointer-events:auto;display:flex}dialog::-ms-backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog::backdrop{background:var(--_backdrop-bg);opacity:1;-webkit-backdrop-filter:var(--_backdrop-filter);backdrop-filter:var(--_backdrop-filter);transition:display .2s allow-discrete, overlay .2s allow-discrete, opacity var(--transition-normal), backdrop-filter var(--transition-normal)}@starting-style{dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}dialog.closing::-ms-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}dialog.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .3s var(--ease-in-out), backdrop-filter .3s var(--ease-in-out), overlay .3s allow-discrete, display .3s allow-discrete}.panel{box-sizing:border-box;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);box-shadow:var(--_panel-shadow);opacity:1;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transition:opacity var(--transition-normal), transform .3s var(--ease-move);flex-direction:column;display:flex;position:absolute;overflow:visible;transform:translate(0)}@starting-style{.panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}}dialog.closing .panel{opacity:0;transform:var(--_panel-exit-transform,translate3d(0, 0, 0))}:host([placement=left]) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=left]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=left]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host(:not([placement])) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host(:not([placement])) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=right]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)));width:calc(var(--drawer-size,20rem) + var(--_panel-bleed));max-width:calc(100dvw + var(--_panel-bleed));border-top:none;border-bottom:none;top:0;bottom:0}:host([placement=right]) .panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:calc(var(--_panel-bleed) * -1);padding-right:var(--_panel-bleed);border-right:none;right:0}:host([placement=right]) .panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(var(--_panel-bleed) * -1);padding-left:var(--_panel-bleed);border-left:none;left:0}:host([placement=top]) .panel{--_panel-exit-transform:translateY(calc(-100% - var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-top:calc(var(--_panel-bleed) * -1);padding-top:var(--_panel-bleed);border-top:none;border-left:none;border-right:none;top:0;left:0;right:0}:host([placement=bottom]) .panel{--_panel-exit-transform:translateY(calc(100% + var(--_panel-bleed)));height:calc(var(--drawer-size,16rem) + var(--_panel-bleed));max-height:calc(100dvh + var(--_panel-bleed));margin-bottom:calc(var(--_panel-bleed) * -1);padding-bottom:var(--_panel-bleed);border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;right:0}:host(:dir(rtl)[placement=left]) .panel{--_panel-exit-transform:translateX(calc(100% + var(--_panel-bleed)))}:host(:dir(rtl)[placement=right]) .panel,:host(:dir(rtl):not([placement])) .panel{--_panel-exit-transform:translateX(calc(-100% - var(--_panel-bleed)))}:host([size=sm]){--drawer-size:14rem}:host([size=lg]){--drawer-size:32rem}:host([size=full]){--drawer-size:100%}:host([size=full]) .panel{width:calc(100% + var(--_panel-bleed));max-width:none;height:calc(100% + var(--_panel-bleed));border:none;max-height:none}.header{gap:var(--size-2);padding:var(--size-4);border-bottom:var(--border) solid var(--color-contrast-200);flex-shrink:0;align-items:center;display:flex}.header-title{text-overflow:ellipsis;min-width:0;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;flex:1;overflow:hidden}.body{padding:var(--size-4);flex:1;overflow-y:auto}.footer{gap:var(--size-2);padding:var(--size-4);border-top:var(--border) solid var(--color-contrast-200);flex-shrink:0;justify-content:flex-end;display:flex}.header[hidden],.footer[hidden],.close-btn[hidden]{display:none}.close-btn{all:unset;box-sizing:border-box;width:var(--size-8);height:var(--size-8);color:var(--color-contrast-500);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.close-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.close-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.close-btn:hover{color:var(--color-contrast-800);background:var(--color-contrast-200)}.close-btn:active{opacity:.8}.drag-handle{z-index:10;pointer-events:all;touch-action:none;cursor:grab;position:absolute}.drag-handle:active{cursor:grabbing}:host([placement=left]) .drag-handle,:host(:not([placement])) .drag-handle,:host([placement=right]) .drag-handle{width:var(--_panel-bleed);height:3.5rem;top:50%;translate:0 -50%}:host([placement=left]) .drag-handle{right:calc(var(--_panel-bleed) * -1)}:host([placement=right]) .drag-handle,:host(:not([placement])) .drag-handle{left:calc(var(--_panel-bleed) * -1)}:host([placement=top]) .drag-handle,:host([placement=bottom]) .drag-handle{width:3.5rem;height:var(--_panel-bleed);left:50%;translate:-50%}:host([placement=top]) .drag-handle{bottom:calc(var(--_panel-bleed) * -1)}:host([placement=bottom]) .drag-handle{top:calc(var(--_panel-bleed) * -1)}:host([drag-handle-placement=inset][placement=left]) .drag-handle{right:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=right]) .drag-handle,:host([drag-handle-placement=inset]:not([placement])) .drag-handle{left:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=top]) .drag-handle{bottom:var(--_drag-handle-inset)}:host([drag-handle-placement=inset][placement=bottom]) .drag-handle{top:var(--_drag-handle-inset)}.drag-handle:before{content:"";background:var(--color-contrast-400);border-radius:var(--rounded-full);opacity:.6;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);position:absolute;inset:50%;translate:-50% -50%}:host([placement=left]) .drag-handle:before,:host([placement=right]) .drag-handle:before,:host(:not([placement])) .drag-handle:before{width:5px;height:2.5rem}:host([placement=top]) .drag-handle:before,:host([placement=bottom]) .drag-handle:before{width:2.5rem;height:5px}.drag-handle:hover:before{background:var(--color-contrast-600);opacity:.9;transform:scale(1.15)}.close-btn:focus-visible{outline:var(--focus-ring)}@media (width<=640px){:host([placement=left]) .panel,:host(:not([placement])) .panel,:host([placement=right]) .panel{width:calc(min(var(--drawer-size,20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));max-width:calc(100vw - var(--size-2) + var(--_panel-bleed))}:host([placement=top]) .panel,:host([placement=bottom]) .panel{height:calc(min(var(--drawer-size,16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));max-height:calc(100dvh - var(--size-2) + var(--_panel-bleed))}.header,.body,.footer{padding:var(--size-3)}}}@layer refine.config{:host([backdrop=blur]){--_backdrop-filter:blur(var(--blur-xs))}:host([backdrop=transparent]){--_backdrop-bg:transparent}}`,Bo=e=>e==null?void 0:e===``||e===`true`,Vo={bottom:{axis:`y`,closingDistance:e=>Math.max(0,e),translate:e=>`translateY(${e}px)`},left:{axis:`x`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateX(${e}px)`},right:{axis:`x`,closingDistance:e=>Math.max(0,e),translate:e=>`translateX(${e}px)`},top:{axis:`y`,closingDistance:e=>Math.max(0,-e),translate:e=>`translateY(${e}px)`}},Ho=`ore-drawer`;i(Ho,{props:{backdrop:p.string(),"default-open":p.bool(!1),dismissible:p.bool(!0),"drag-handle-placement":p.oneOf([`outside`,`inset`],`outside`),"initial-focus":p.string(),label:p.string(),open:{default:void 0,parse:Bo},persistent:p.bool(!1),placement:p.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":p.bool(!0),size:p.string(),title:p.string()},setup(e){let t=a(),r=v(),i=b(),s=n(`drawer-label`),c=h(),u=h(),p=E(!1),m,g,_=()=>e.label.value??e.title.value??``,y=()=>i.has(`header`).value||!!_(),x=()=>y()||e.dismissible.value,S=()=>i.has(`footer`).value,C=()=>e.placement.value||`right`,w=()=>Vo[C()],T=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},D=(e,t)=>w().closingDistance(e)>=t,O=e=>{if(!p.value)return;g&&=(clearTimeout(g),void 0);let t=c.value;if(!t){p.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,F(`swipe`)},k=(e,t,n)=>{if(p.value)return;p.value=!0;let r=t.axis===`x`?e.offsetWidth:e.offsetHeight,i=n>=0?Math.max(n,r):Math.min(n,-r),a=t.translate(i);e.style.transition=`transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1), opacity 180ms ease-out`,e.offsetWidth;let o=t=>{t.target===e&&t.propertyName===`transform`&&(e.removeEventListener(`transitionend`,o),O(e))};e.addEventListener(`transitionend`,o);let s=parseFloat(getComputedStyle(e).transitionDuration)*1e3;g=setTimeout(()=>{e.removeEventListener(`transitionend`,o),O(e)},s+50),e.style.transform=a,e.style.opacity=`0.2`},A=e=>{g&&=(clearTimeout(g),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,p.value=!1},j=({distance:e,reason:t})=>{let n=u.value;if(!n)return;let r=T(n,w().axis);if(t===`release`&&D(e,r)){k(n,w(),e);return}A(n)},{closeWithAnimation:M,handleCancel:N,overlay:P,requestClose:F,watchOpenProp:I}=Eo({beforeOpen:e=>{let t=u.value;t&&A(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>u.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:l,onEvent:d,onNativeClose:e=>{let t=u.value;t&&e!==`swipe`&&A(t);let n=c.value;n&&(n.style.transition=``),r(`open-change`,{open:!1,reason:e})},onOpen:e=>r(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:(e,t)=>{t===`swipe`?e.close():M()},returnFocus:e[`return-focus`]});return f(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{P.open(`programmatic`)},r.hide=()=>{P.close(`programmatic`)},I(),d(n,`cancel`,N),d(n,`click`,t=>{e.persistent.value||m?.active||p.value||t.target===n&&F(`outsideClick`)});let i=u.value?.querySelector(`[part="drag-handle"]`);return i&&(m=H(i,{axis:()=>w().axis,disabled:()=>p.value,onEnd:j,onMove:({distance:e})=>{let t=u.value;if(!t)return;let n=w(),r=T(t,n.axis),i=n.closingDistance(e),a=Math.min(i/r,1);t.style.transition=`none`,t.style.transform=n.translate(e),t.style.opacity=String(1-a*.4)}})),()=>{m?.dispose(),m=void 0,P.dispose()}}),o`
|
|
3417
3450
|
<dialog
|
|
3418
3451
|
ref=${c}
|
|
3419
3452
|
aria-modal="true"
|
|
@@ -3443,7 +3476,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3443
3476
|
</div>
|
|
3444
3477
|
</div>
|
|
3445
3478
|
</dialog>
|
|
3446
|
-
`},styles:[nt,q,J,
|
|
3479
|
+
`},styles:[nt,q,J,zo]});var Uo=`@layer refine.base{:host{--_menu-panel-bg:var(--menu-panel-bg,var(--color-canvas));--_menu-panel-color:var(--menu-panel-color,var(--color-contrast-900));--_menu-panel-border-color:var(--menu-panel-border-color,var(--color-divider));--_menu-panel-blur:var(--menu-panel-blur,var(--blur-md));--_menu-panel-shadow:var(--menu-panel-shadow,var(--shadow-xl));display:inline-block;position:relative}.menu-panel{z-index:calc(var(--z-popover) + 1);box-sizing:border-box;min-width:var(--menu-panel-min-width,10rem);max-height:var(--menu-panel-max-height,min(70vh, 32rem));padding:var(--_panel-padding,var(--size-1));color:var(--_menu-panel-color);pointer-events:none;background:var(--_menu-panel-bg);border:var(--border) solid var(--_menu-panel-border-color);border-radius:var(--menu-panel-radius,var(--rounded-lg));box-shadow:var(--_menu-panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_menu-panel-blur));backdrop-filter:blur(var(--_menu-panel-blur));transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale));transform-origin:0 0;transition:opacity .1s var(--ease-spring), transform .1s var(--ease-spring), display .1s allow-discrete, overlay .1s allow-discrete;margin:0;position:fixed;top:0;overflow-y:auto}.menu-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.menu-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.menu-panel[data-placement=top-start],.menu-panel[data-placement=top],.menu-panel[data-placement=top-end]{transform-origin:0 100%}.menu-panel[data-placement=bottom-end],.menu-panel[data-placement=right-start],.menu-panel[data-placement=right]{transform-origin:100% 0}.menu-panel[data-open]{pointer-events:auto;opacity:1;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring), display .15s allow-discrete, overlay .15s allow-discrete;transform:translateY(0)scale(1)}@starting-style{.menu-panel[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y)) scale(var(--overlay-enter-scale))}}::slotted(ore-menu-item),::slotted(ore-menu-separator){display:block}}`,Wo=`@layer refine.base{:host{--_menu-color:var(--menu-item-color,var(--_theme-base,var(--color-primary)));--_hover-bg:var(--menu-item-hover-bg,var(--color-contrast-100));--_focus-color:var(--menu-item-focus-color,var(--_menu-color));--_focus-bg:var(--menu-item-focus-bg,color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));--_selection-bg:var(--menu-item-selection-bg,color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas)));--_checked-color:var(--menu-item-checked-color,var(--_menu-color));--_checked-bg:var(--menu-item-checked-bg,color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));outline:none;display:block}.item{gap:var(--_gap,var(--size-2));padding:var(--_item-padding,var(--size-1-5) var(--size-3));font-size:var(--_font-size,var(--text-sm));line-height:var(--leading-normal);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0;align-items:center;display:flex}:host(:first-of-type) .item{border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}:host(:last-child) .item{border-radius:0 0 var(--rounded-sm) var(--rounded-sm)}:host(:first-of-type:last-child) .item{border-radius:var(--rounded-sm)}:host(:not([disabled])) .item:hover{background:var(--_hover-bg)}:host(:focus-visible) .item{color:var(--_focus-color);background:var(--_focus-bg)}.item.is-checked{font-weight:var(--font-medium);color:var(--_checked-color)}:host([disabled]) .item{color:var(--color-contrast-400);pointer-events:none;cursor:not-allowed;opacity:.6}.icon-slot{display:contents}.item-check{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;display:inline-flex}.item-check:before{content:"";width:.875rem;height:.875rem;transition:background var(--transition-fast), border-color var(--transition-fast);border:1.5px solid;display:block}.item.is-checkbox .item-check:before{border-radius:2px}.item.is-radio .item-check:before{border-radius:50%}.item.is-checked .item-check:before{background:currentColor}.item.is-radio.is-checked .item-check:before{background:0 0;box-shadow:inset 0 0 0 3px}.item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}@media (pointer:coarse){.item{padding:var(--size-2-5) var(--size-3)}}`,Go=`@layer refine.base{:host{margin:var(--_separator-margin,var(--size-1)) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Ko=`ore-menu-item`;i(Ko,{props:{checked:p.bool(!1),disabled:p.bool(!1),type:p.string(),value:p.string()},setup(e){let t=()=>e.type.value===`checkbox`||e.type.value===`radio`,n=()=>t()&&e.checked.value;return t()?o`
|
|
3447
3480
|
<div
|
|
3448
3481
|
class="${()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,n()?`is-checked`:``].filter(Boolean).join(` `)}}"
|
|
3449
3482
|
tabindex="-1"
|
|
@@ -3459,7 +3492,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3459
3492
|
<span class="icon-slot"><slot name="icon"></slot></span>
|
|
3460
3493
|
<span class="item-label"><slot></slot></span>
|
|
3461
3494
|
</div>
|
|
3462
|
-
`},styles:[Z,
|
|
3495
|
+
`},styles:[Z,Wo]}),i(`ore-menu-separator`,{setup(){return o``},styles:[Go]});var qo=e=>e===`checkbox`||e===`radio`,Jo=e=>e==null?void 0:e===``||e===`true`,Yo=`ore-menu`;i(Yo,{props:{...W,...G,"default-open":p.bool(!1),open:{default:void 0,parse:Jo},placement:p.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(t){let r=a(),i=v(),s=b(),c=x,u=n(`menu`),d=C(()=>!!t.disabled.value),p=Q(l),m=null,h=null,g=null;function _(){return Array.from(r.querySelectorAll(`ore-menu-item:not([disabled])`))}function y(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function S(){return _().findIndex(e=>{let t=y(e);return e===document.activeElement||t===document.activeElement})}let w=E(!1),T=null,D=ln({getFloating:()=>h,getPlacement:()=>t.placement.value??`bottom-start`,getReference:()=>m,matchWidth:!1,offsetPx:4,padding:6}),k=an({disabled:C(()=>!w.value),getItems:_,isItemDisabled:e=>e.hasAttribute(`disabled`),onNavigate:({item:e})=>{y(e)?.focus()},signal:p}),A=(e=`programmatic`,t=!0)=>{w.value&&(w.value=!1,k.reset(),T?.(),T=null,t&&F(()=>m),i(`open-change`,{open:!1,reason:e}))},j=(e=`programmatic`)=>{d.value||w.value||(w.value=!0,D.update(),T=D.startAutoUpdate?.()??null,i(`open-change`,{open:!0,reason:e}))},M=()=>{w.value?A(`trigger`):j(`click`)};Xt({getTargets:()=>[r,h],isActive:()=>w.value,onDismiss:()=>A(`outsideClick`),signal:p});let N=!1;O(t.open,e=>{e===void 0?N?A(`programmatic`):t[`default-open`].value&&j(`programmatic`):e?j(`programmatic`):A(`programmatic`),N=!0},{immediate:!0}),p.addEventListener(`abort`,()=>{w.value&&(w.value=!1,k.reset(),T?.(),T=null)},{once:!0});let P=e=>{let t=e.getAttribute(`type`),n=qo(t);if(t===`checkbox`)e.toggleAttribute(`checked`,!e.hasAttribute(`checked`));else if(t===`radio`)for(let t of r.querySelectorAll(`ore-menu-item[type="radio"]`))t.toggleAttribute(`checked`,t===e);let a=e.getAttribute(`value`)??``,o=n?e.hasAttribute(`checked`):void 0;i(`select`,{checked:o,value:a}),n||A(`programmatic`)},I=jt({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{j(`keyboard`),requestAnimationFrame(()=>k.set(0))}}),L=jt({onPress:()=>{let e=k.getActiveItem();e&&P(e)}});function R(e){if(d.value)return;if(!w.value){I.handleKeydown(e);return}let t=S();if(t>=0&&k.set(t),e.key===`Escape`){e.preventDefault(),A(`escape`);return}if(!k.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){L.handleKeydown(e);return}e.key===`Tab`&&A(`programmatic`)}}e({on:{click:e=>{let t=e.composedPath();if(!w.value)return;let n=t.find(e=>e instanceof HTMLElement&&e.tagName===`ORE-MENU-ITEM`)??e.target?.closest(`ore-menu-item`)??null;n&&!n.hasAttribute(`disabled`)&&P(n)}}}),c(()=>{let e=w.value;h&&h.toggleAttribute(`data-open`,e)});function z(){if(g?.(),g=null,m=s.elements(`trigger`).value?.[0]??null,!m)return;let t=[],n=e({attr:{"aria-controls":()=>u,"aria-disabled":()=>d.value,"aria-expanded":()=>String(w.value),"aria-haspopup":`menu`}},{target:m}),r=e=>{e.stopPropagation(),!d.value&&M()},i=e=>{R(e)};m.addEventListener(`click`,r),m.addEventListener(`keydown`,i),t.push(()=>m?.removeEventListener(`click`,r)),t.push(()=>m?.removeEventListener(`keydown`,i)),g=()=>{n();for(let e of t)e()}}return O(s.elements(`trigger`),z,{immediate:!0}),f(()=>(z(),()=>{g?.(),g=null})),o`
|
|
3463
3496
|
<slot name="trigger"></slot>
|
|
3464
3497
|
<div
|
|
3465
3498
|
class="menu-panel"
|
|
@@ -3471,16 +3504,16 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3471
3504
|
ref="${e=>{h=e,h?.toggleAttribute(`data-open`,w.value)}}">
|
|
3472
3505
|
<slot></slot>
|
|
3473
3506
|
</div>
|
|
3474
|
-
`},styles:[
|
|
3507
|
+
`},styles:[Uo,X(Fe),nt]});var Xo=`@layer refine.base{:host{--_panel-bg:var(--navigation-menu-bg,var(--color-canvas));--_panel-border:var(--navigation-menu-border-color,var(--color-divider));--_panel-shadow:var(--navigation-menu-shadow,var(--shadow-xl));display:inline-block;position:relative}.triggers{gap:var(--navigation-menu-trigger-gap,var(--size-1));align-items:center;display:flex}}`,Zo=`@layer refine.base{:host{display:inline-flex}.trigger{all:unset;box-sizing:border-box;gap:var(--size-1);min-height:var(--_touch-target,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--navbar-item-color,var(--color-contrast-700));cursor:pointer;border-radius:var(--rounded-md);align-items:center;display:inline-flex}.trigger:hover,.trigger[aria-expanded=true]{color:var(--color-primary);background:var(--color-contrast-100)}.trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--size-0-5)}.trigger:disabled{cursor:not-allowed;opacity:.6}::slotted(ore-icon){transition:transform var(--transition-fast);flex:none}:host([aria-expanded=true]) ::slotted(ore-icon){transform:rotate(180deg)}}`,Qo=`@layer refine.base{:host{inset:unset;z-index:var(--z-popover);box-sizing:border-box;width:min(var(--navigation-menu-panel-width,48rem), calc(100vw - var(--size-8)));max-height:min(var(--navigation-menu-panel-max-height,42rem), calc(100dvh - var(--size-12)));overscroll-behavior:contain;background:var(--navigation-menu-bg,var(--color-canvas));border:var(--border) solid var(--navigation-menu-border-color,var(--color-divider));border-radius:var(--navigation-menu-radius,var(--rounded-lg));box-shadow:var(--navigation-menu-shadow,var(--shadow-xl));-webkit-backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);backdrop-filter:blur(var(--navigation-menu-backdrop-blur,var(--blur-xl))) saturate(180%);margin:0;display:none;position:fixed;overflow:auto}:host([hidden]){display:none}:host(:popover-open),:host([data-open]){display:block}.content{grid-template-columns:repeat(var(--navigation-menu-panel-columns,2), minmax(0, 1fr));gap:var(--size-3);padding:var(--size-5);grid-auto-rows:max-content;align-content:start;display:grid}.footer[hidden]{display:none}::slotted(a){min-width:0;padding:var(--size-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-contrast-700);border-radius:var(--rounded-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none}::slotted(a:hover),::slotted(a:focus-visible){color:var(--color-primary);background:var(--color-contrast-100)}::slotted(a:focus-visible){outline:var(--focus-ring);outline-offset:var(--size-0-5)}::slotted(a[slot=footer]){gap:var(--size-2);padding:var(--size-3) var(--size-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);border-top:var(--border) solid var(--color-divider);justify-content:space-between;align-items:center;text-decoration:none;display:flex}::slotted(a[slot=footer]:hover),::slotted(a[slot=footer]:focus-visible){background:var(--color-contrast-100)}}`,$o=e=>e??void 0,es=`ore-navigation-menu-item`;i(es,{props:{disabled:p.bool(!1),value:p.string(``)},setup(e){return o`
|
|
3475
3508
|
<button class="trigger" type="button" ?disabled=${e.disabled}><slot></slot></button>
|
|
3476
|
-
`},styles:[
|
|
3509
|
+
`},styles:[Zo]});var ts=`ore-navigation-menu-panel`;i(ts,{props:{for:p.string()},setup(){let e=b();return o`
|
|
3477
3510
|
<div class="content" part="content"><slot></slot></div>
|
|
3478
3511
|
<div class="footer" part="footer" ?hidden=${()=>!e.has(`footer`).value}><slot name="footer"></slot></div>
|
|
3479
|
-
`},styles:[
|
|
3512
|
+
`},styles:[Qo]});var ns=`ore-navigation-menu`;i(ns,{props:{...G,"close-on-select":p.bool(!0),columns:p.number(),"default-open":p.string(),label:p.string(`Navigation menu`),open:{default:void 0,parse:$o},placement:p.oneOf([`bottom-end`,`bottom-start`],`bottom-start`)},setup(e){let t=a(),r=v(),i=Q(l),s=n(`navigation-menu`),c=C(()=>e.disabled.value),u=E(null),d=null,p=null,m=null,h=()=>Array.from(t.querySelectorAll(`${es}:not([disabled])`)),g=e=>e.getAttribute(`value`)??``,_=()=>Array.from(t.querySelectorAll(ts)),y=e=>_().find(t=>t.getAttribute(`for`)===e)??null,b=()=>e.open.value!==void 0,x=e=>e.id||=n(`navigation-menu-panel`),S=ln({getFloating:()=>p,getPlacement:()=>e.placement.value??`bottom-start`,getReference:()=>d?.shadowRoot?.querySelector(`.trigger`)??d,matchWidth:!1,offsetPx:8,useClippingAncestor:!1}),w=()=>{let t=e.columns.value;return t===void 0?void 0:Math.max(1,Math.trunc(t))},T=e=>{if(e.hidden=!1,e.dataset.open=``,`showPopover`in e)try{e.matches(`:popover-open`)||e.showPopover()}catch{}},D=e=>{if(delete e.dataset.open,`hidePopover`in e)try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}e.hidden=!0},k=e=>{let t=e===null?null:y(e);m?.(),m=null,u.value=e,d=e?h().find(t=>g(t)===e)??null:null,p=t;for(let t of h()){let n=g(t)===e,r=t.shadowRoot?.querySelector(`.trigger`);t.setAttribute(`aria-expanded`,String(n)),r?.setAttribute(`aria-expanded`,String(n))}for(let e of _())e!==t&&D(e);if(t){let e=w();e!==void 0&&t.style.setProperty(`--navigation-menu-panel-columns`,String(e)),t.setAttribute(`aria-labelledby`,d?.id??``),T(t),S.update(),m=S.startAutoUpdate?.()??null}},A=(e,t)=>{c.value||u.value===e||(e===null||y(e))&&(b()||k(e),r(`open-change`,{open:e!==null,reason:t,value:e}))};return l(()=>{m?.();for(let e of _())D(e)}),Xt({getTargets:()=>[t,p],isActive:()=>u.value!==null,onDismiss:()=>A(null,`outsideClick`),signal:i}),f(()=>{let t=new Set;for(let t of _())t.setAttribute(`popover`,`manual`),t.setAttribute(`role`,`region`),x(t),D(t),t.addEventListener(`click`,n=>{let i=n.target instanceof Element?n.target.closest(`a[href]`):null;if(!i||!t.contains(i))return;let a=u.value;a&&(r(`select`,{href:i.href,value:a}),e[`close-on-select`].value&&!i.closest(`[data-navigation-menu-keep-open]`)&&A(null,`select`))},{signal:i});document.addEventListener(`keydown`,e=>{e.key===`Escape`&&u.value!==null&&(e.preventDefault(),A(null,`escape`),d?.shadowRoot?.querySelector(`.trigger`)?.focus())},{signal:i});for(let e of h()){let r=g(e),a=y(r);if(!r||t.has(r)||!a)continue;t.add(r),e.id||=n(`navigation-menu-trigger`);let o=e.shadowRoot?.querySelector(`.trigger`);o&&(o.setAttribute(`aria-controls`,x(a)),o.setAttribute(`aria-haspopup`,`true`),o.setAttribute(`aria-expanded`,`false`),e.setAttribute(`aria-expanded`,`false`),o.addEventListener(`click`,()=>A(u.value===r?null:r,`click`),{signal:i}),o.addEventListener(`keydown`,t=>{let n=h(),i=n.indexOf(e);t.key===`ArrowLeft`||t.key===`ArrowRight`||t.key===`Home`||t.key===`End`?(t.preventDefault(),(t.key===`Home`?n[0]:t.key===`End`?n.at(-1):n[(i+(t.key===`ArrowRight`?1:n.length-1))%n.length])?.shadowRoot?.querySelector(`.trigger`)?.focus()):t.key===`ArrowDown`&&(t.preventDefault(),A(r,`keyboard`),requestAnimationFrame(()=>p?.querySelector(`a, button, input, [tabindex]:not([tabindex="-1"])`)?.focus()))},{signal:i}))}e.open.value===void 0?e[`default-open`].value&&k(e[`default-open`].value):k(e.open.value)}),O(e.open,e=>{e!==void 0&&k(e)}),O(e.disabled,e=>{e&&k(null)}),o`
|
|
3480
3513
|
<nav class="triggers" aria-label="${e.label}" id="${s}"><slot></slot></nav>
|
|
3481
3514
|
<slot name="panel"></slot>
|
|
3482
3515
|
<slot name="footer"></slot>
|
|
3483
|
-
`},styles:[J,
|
|
3516
|
+
`},styles:[J,Xo]});var rs=`.tooltip{inset:unset;padding:calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);border:var(--_tooltip-border-width,var(--border-0)) solid var(--_tooltip-border-color,transparent);transform-origin:50%;margin:0;overflow:visible}@layer refine.base{:host{display:inline-block;position:relative}.tooltip{--_tooltip-fg:var(--color-contrast-100);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-900) 80%, transparent);--_tooltip-border-width:var(--border);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-100) 12%, transparent);--_tooltip-shadow:var(--shadow-md);--_tooltip-closed-transform:translateY(4px) scale(.98);max-width:var(--tooltip-max-width,var(--size-72));font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--_tooltip-fg);word-break:auto-phrase;white-space:normal;pointer-events:none;background:var(--_tooltip-bg);border-radius:var(--tooltip-radius,var(--rounded-lg));box-shadow:var(--_tooltip-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transform:var(--_tooltip-closed-transform);transition:opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;position:fixed}@media (prefers-color-scheme:dark){.tooltip{--_tooltip-fg:var(--color-contrast-900);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-100) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-900) 12%, transparent)}}.tooltip-text{white-space:pre-line;display:block}.tooltip[data-placement=top]{--_tooltip-closed-transform:translateY(4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=bottom]{--_tooltip-closed-transform:translateY(-4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=left]{--_tooltip-closed-transform:translateX(4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-placement=right]{--_tooltip-closed-transform:translateX(-4px) scale(var(--overlay-enter-scale-dialog))}.tooltip[data-open]{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;will-change:opacity, transform;display:block;transform:translate(0)scale(1)}.tooltip:popover-open{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-spring), display var(--transition-normal) allow-discrete, overlay var(--transition-normal) allow-discrete;will-change:opacity, transform;transform:translate(0)scale(1)}@starting-style{.tooltip:popover-open{opacity:0;transform:var(--_tooltip-closed-transform)}}@starting-style{.tooltip[data-open]{opacity:0;transform:var(--_tooltip-closed-transform)}}}@layer refine.variants{:host([variant=light]) .tooltip{--_tooltip-fg:var(--color-contrast-900);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-100) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-900) 12%, transparent);--_tooltip-shadow:var(--shadow-md)}@media (prefers-color-scheme:dark){:host([variant=light]) .tooltip{--_tooltip-fg:var(--color-contrast-100);--_tooltip-bg:color-mix(in oklch, var(--color-contrast-900) 80%, transparent);--_tooltip-border-color:color-mix(in oklch, var(--color-contrast-100) 12%, transparent)}}}@layer refine.utilities{:host([size=sm]) .tooltip{font-size:var(--text-xs)}:host([size=lg]) .tooltip{font-size:var(--text-base)}}`,is=4,as=[`hover`,`focus`],os=new Set([`click`,`focus`,`hover`]),ss=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},cs=e=>e==null?void 0:e===``||e===`true`,ls=e=>dn(e,os,as),us=`ore-tooltip`;i(us,{props:{...W,...G,"close-delay":{default:0,parse:ss},content:p.string(),"default-open":p.bool(!1),delay:{default:0,parse:ss},open:{default:void 0,parse:cs},placement:p.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:p.string(`hover,focus`),variant:p.string()},setup(t){let r=a(),i=v(),s=b(),c=r.shadowRoot,u=C(()=>!!t.disabled.value),d=C(()=>t.open.value!==void 0),p=E(`top`),m=n(`tooltip`),h=C(()=>ls(t.trigger.value)),g=null,_=null,y=null,x=()=>{_&&=(clearTimeout(_),null)},S=()=>{y&&=(clearTimeout(y),null)},w=Li({bindTriggerAria:t=>e({attr:{"aria-describedby":()=>m}},{target:t}),defaultOpen:t[`default-open`],disabled:u,getPanel:()=>g,offset:8,onCleanup:l,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),onPlacementChange:e=>{let t=e.split(`-`)[0];p.value=t,t===`left`&&g&&(g.style.left=`${parseFloat(g.style.left)-is}px`)},openProp:t.open,placement:C(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:s.elements(),triggers:C(()=>[])});function T(e=`hover`){if(d.value||u.value||!t.content.value&&!s.has(`content`).value)return;S(),x();let n=Number(t.delay.value)||0;n>0?_=setTimeout(()=>{_=null,w.open(e),w.updatePosition()},n):(w.open(e),w.updatePosition())}function D(){if(d.value)return;x();let e=Number(t[`close-delay`].value)||0;e>0?(S(),y=setTimeout(()=>{y=null,w.close(`trigger`)},e)):w.close(`trigger`)}return f(()=>{let e=c?.querySelector(`slot:not([name])`),t=[],n=(e,n,r)=>{e.addEventListener(n,r),t.push(()=>e.removeEventListener(n,r))},r=()=>{for(let e of t)e();t=[];let r=e?.assignedElements({flatten:!0})[0];if(!r)return;let i=h.value;i.includes(`hover`)&&(n(r,`pointerenter`,()=>T(`hover`)),n(r,`pointerleave`,D)),i.includes(`focus`)&&(n(r,`focusin`,()=>T(`focus`)),n(r,`focusout`,D)),i.includes(`click`)&&n(r,`click`,()=>w.visible.value?D():T(`click`))};e?.addEventListener(`slotchange`,r),r();let i=w.mount();return()=>{e?.removeEventListener(`slotchange`,r);for(let e of t)e();x(),S(),i()}}),o`
|
|
3484
3517
|
<slot></slot>
|
|
3485
3518
|
<div
|
|
3486
3519
|
class="tooltip"
|
|
@@ -3493,5 +3526,5 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,getHost a
|
|
|
3493
3526
|
aria-hidden="${()=>String(!w.visible.value)}">
|
|
3494
3527
|
<slot name="content"><span class="tooltip-text">${t.content}</span></slot>
|
|
3495
3528
|
</div>
|
|
3496
|
-
`},styles:[nt,
|
|
3529
|
+
`},styles:[nt,rs]});var ds={content:Tr,disclosure:zr,feedback:fi,inputs:Ga,layout:wo,overlay:de({COMMAND_PALETTE_ITEM_TAG:()=>Po,COMMAND_PALETTE_TAG:()=>Fo,DIALOG_TAG:()=>Ro,DRAWER_TAG:()=>Ho,MENU_ITEM_TAG:()=>Ko,MENU_TAG:()=>Yo,NAVIGATION_MENU_ITEM_TAG:()=>es,NAVIGATION_MENU_PANEL_TAG:()=>ts,NAVIGATION_MENU_TAG:()=>ns,POPOVER_TAG:()=>Wi,TOOLTIP_TAG:()=>us})};export{ds as components};
|
|
3497
3530
|
//# sourceMappingURL=refine.js.map
|