@vielzeug/refine 26.10.1 → 26.10.6
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/command-palette.cjs +9 -1
- package/dist/command-palette.cjs.map +1 -1
- package/dist/command-palette.js +9 -1
- package/dist/command-palette.js.map +1 -1
- package/dist/core/aria-reflection.cjs +1 -1
- package/dist/core/aria-reflection.cjs.map +1 -1
- package/dist/core/aria-reflection.d.ts +8 -8
- package/dist/core/aria-reflection.d.ts.map +1 -1
- package/dist/core/aria-reflection.js +1 -1
- package/dist/core/aria-reflection.js.map +1 -1
- package/dist/custom-elements.json +4881 -4569
- package/dist/frameworks/elements.d.ts +1 -1
- package/dist/inputs/index.d.ts +2 -0
- package/dist/inputs/index.d.ts.map +1 -1
- package/dist/inputs/query-bar/query-bar-grammar.cjs +2 -0
- package/dist/inputs/query-bar/query-bar-grammar.cjs.map +1 -0
- package/dist/inputs/query-bar/query-bar-grammar.d.ts +85 -0
- package/dist/inputs/query-bar/query-bar-grammar.d.ts.map +1 -0
- package/dist/inputs/query-bar/query-bar-grammar.js +2 -0
- package/dist/inputs/query-bar/query-bar-grammar.js.map +1 -0
- package/dist/inputs/query-bar/query-bar.css.cjs +2 -0
- package/dist/inputs/query-bar/query-bar.css.cjs.map +1 -0
- package/dist/inputs/query-bar/query-bar.css.js +2 -0
- package/dist/inputs/query-bar/query-bar.css.js.map +1 -0
- package/dist/inputs/query-bar/query-bar.d.ts +68 -0
- package/dist/inputs/query-bar/query-bar.d.ts.map +1 -0
- package/dist/inputs/query-bar/query-bar.types.d.ts +42 -0
- package/dist/inputs/query-bar/query-bar.types.d.ts.map +1 -0
- package/dist/navbar.cjs +2 -2
- package/dist/navbar.cjs.map +1 -1
- package/dist/navbar.js +2 -2
- package/dist/navbar.js.map +1 -1
- package/dist/overlay/command-palette/command-palette.css.cjs +1 -1
- package/dist/overlay/command-palette/command-palette.css.cjs.map +1 -1
- package/dist/overlay/command-palette/command-palette.css.js +1 -1
- package/dist/overlay/command-palette/command-palette.css.js.map +1 -1
- package/dist/overlay/command-palette/command-palette.d.ts +4 -0
- package/dist/overlay/command-palette/command-palette.d.ts.map +1 -1
- package/dist/overlay/command-palette/command-palette.types.d.ts +10 -0
- package/dist/overlay/command-palette/command-palette.types.d.ts.map +1 -1
- package/dist/query-bar.cjs +77 -0
- package/dist/query-bar.cjs.map +1 -0
- package/dist/query-bar.js +77 -0
- package/dist/query-bar.js.map +1 -0
- package/dist/refine.cjs +112 -29
- package/dist/refine.cjs.map +1 -1
- package/dist/refine.iife.js +112 -29
- package/dist/refine.iife.js.map +1 -1
- package/dist/refine.js +112 -29
- package/dist/refine.js.map +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tabs.js.map +1 -1
- package/dist/types/elements.d.ts +2 -0
- package/package.json +25 -18
package/dist/refine.js
CHANGED
|
@@ -646,7 +646,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
646
646
|
<slot></slot>
|
|
647
647
|
</ol>
|
|
648
648
|
</nav>
|
|
649
|
-
`},styles:[Vt]});var Gt=new WeakMap,Kt=new WeakMap,createRegion=(e,t)=>{if(!t.body)return null;let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=ht,t.body.appendChild(n),n},getRegion=(e,t)=>{let n=Gt.get(t);if(n?.[e]&&!t.body?.contains(n[e])&&(n[e]=void 0),!n?.[e]){let r=createRegion(e,t);if(!r)return null;n||(n={},Gt.set(t,n)),n[e]=r}return n[e]??null},announce=(e,t={})=>{let n=t.document??(typeof document<`u`?document:null);if(!n)return;let r=getRegion(t.politeness??`polite`,n);if(!r)return;r.textContent=``;let i=Kt.get(r);i!==void 0&&clearTimeout(i);let a=setTimeout(()=>{r.textContent=e,Kt.delete(r)},50);Kt.set(r,a)},qt={ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function setAriaReflection(e,t,n){if(t in e){e[t]=n.length>0?n:null;return}let r=qt[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var createAutoResize=(e={})=>{let t=null,recompute=()=>{t&&e.enabled?.value!==!1&&(t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`)},wire=e=>(t=e,e.addEventListener(`input`,recompute),requestAnimationFrame(recompute),()=>{e.removeEventListener(`input`,recompute),t===e&&(t=null)});return{recompute,wire}},createErrorHelperState=e=>w(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),createCounterState=e=>w(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),counterClassName=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function createDirtyTracker(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var createAssistiveState=e=>{let t=w(()=>!!e.disabled?.value),r=n(`helper`),i=n(`error`),a=createErrorHelperState({error:e.error,helper:e.helper}),o=w(()=>a.value.errorText||a.value.helperText?r:null),s=w(()=>a.value.errorText?i:null),c=w(()=>a.value.errorText?`true`:null),l=null,attachFormField=e=>{l=e},triggerValidation=t=>{e.validateOn?.value===t&&l&&l.reportValidity()};return{ariaDescribedBy:o,ariaErrorMessage:s,ariaInvalid:c,assistiveId:r,attachFormField,disabled:t,errorId:i,errorText:w(()=>a.value.errorText),helperText:w(()=>a.value.helperText),triggerValidation}},createLabelState=e=>{let t=e.id??n(e.prefix??`field`),r=n(`label`),i=e.label??w(()=>void 0),a=e.hasLabel??w(()=>!!i.value);return{ariaLabelledBy:w(()=>a.value?r:null),fieldId:t,labelId:r,labelVisible:a}},createField=e=>({...createAssistiveState(e),...createLabelState(e)}),dispatchKeyboardAction=(e,t)=>{if(t.disabled?.value)return!1;let n=Object.hasOwn(t.keymap,e.key)?t.keymap[e.key]:void 0;if(!n)return!1;let r=t.preventDefault??`before`;r===`before`&&e.preventDefault();let i=n(e)!==!1;return r===`after`&&i&&e.preventDefault(),i},createInteraction=e=>{let isDisabled=()=>!!e.disabled?.value,t=e.keys??[`Enter`,` `],n=Object.fromEntries(t.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:t=>{isDisabled()||e.onBlur?.(t)},handleClick:t=>!isDisabled()&&(e.onPress?.(t,`pointer`),!0),handleFocus:t=>{isDisabled()||e.onFocus?.(t)},handleKeydown:t=>dispatchKeyboardAction(t,{disabled:e.disabled,keymap:n})}},syncedSignal=(e,t,n=e=>e)=>{let r=D(O(()=>n(e.value))),i=k(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},createCheckable=e=>{let t=syncedSignal(e.checked,e.signal,Boolean),n=e.indeterminate?syncedSignal(e.indeterminate,e.signal,Boolean):D(!1),r=t.value,i=n.value,a=createDirtyTracker(),o=w(()=>n.value?null:t.value?e.value.value??``:null),s=createField(e),c=w(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=w(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),reset=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},createPayload=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),toggle=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(createPayload(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(createPayload(r))}},u=createInteraction({disabled:s.disabled,onPress:e=>toggle(e)});return{...s,checkableFormValue:o,checked:t,handleClick:u.handleClick,handleKeydown:u.handleKeydown,indeterminate:n,reset,toggle,validationMessage:l,validity:c}},parseChoiceValues=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],createChoiceField=e=>{let t=w(()=>!!e.multiple?.value),normalizeValues=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},n=syncedSignal(e.value,e.signal,e=>normalizeValues(parseChoiceValues(e))),r=w(()=>t.value?n.value.join(`,`):n.value[0]??``),i=createDirtyTracker(),applyValues=e=>{n.value=normalizeValues(e)},setValues=e=>{i.markDirty(),applyValues(e)},clear=()=>setValues([]),removeValue=e=>{i.markDirty(),n.value=n.value.filter(t=>t!==e)},selectValue=e=>{if(t.value){n.value.includes(e)||setValues([...n.value,e]);return}setValues([e])},toggleValue=e=>{t.value&&n.value.includes(e)?removeValue(e):selectValue(e)},syncFromProp=e=>{applyValues(parseChoiceValues(e))},a=createField(e),o=w(()=>e.required?.value&&n.value.length===0?{valueMissing:!0}:null),s=w(()=>o.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=k(e.multiple,()=>syncFromProp(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let c=n.value,reset=()=>{applyValues(i.isDirty?c:parseChoiceValues(e.value.value)),i.clear(),a.triggerValidation(`change`)};return{...a,clear,formValue:r,removeValue,reset,selectedValue:w(()=>n.value[0]),selectedValues:n,selectValue,setValues,toggleValue,validationMessage:s,validity:o}},isBlank$1=e=>!e||e.trim()===``,createComposerControl=e=>{let t=w(()=>!isBlank$1(e.value.value)&&!e.disabled?.value&&!e.loading?.value),send=n=>{t.value&&e.onSend(n)},handleKeydown=t=>{if(t.key!==`Enter`||t.isComposing)return;let n=e.sendShortcut?.value??`enter`,r=t.metaKey||t.ctrlKey;(n===`mod+enter`?!r:t.shiftKey)||(t.preventDefault(),send(t))};return{canSend:t,handleKeydown,keyShortcutsHint:w(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send}};function parseIso(e){if(!e)return null;try{return ke(e,{as:`plainDate`})}catch{return null}}function toIsoString(e){return e?e.toString():null}function formatDisplayDate(e,t){return Oe(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function todayPlain(){return H.Now.plainDateISO()}function temporalDowToIndex(e){return e%7}function createDatePickerControl(e){let t=e.value??null,n=`day`,r=t??todayPlain(),i=r.year,a=r.month;function locale(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function weekendDays(){return e.weekendDays??[]}function isOutOfRange(t){return!!(e.min&&H.PlainDate.compare(t,e.min)<0||e.max&&H.PlainDate.compare(t,e.max)>0)}function isDayDisabled(e){return!!(isOutOfRange(e)||weekendDays().includes(temporalDowToIndex(e.dayOfWeek)))}function buildDayCells(){let e=todayPlain(),n=H.PlainDate.from({day:1,month:a,year:i}),r=temporalDowToIndex(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:isDayDisabled(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&H.PlainDate.compare(r,t)===0,isToday:H.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=H.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:isDayDisabled(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&H.PlainDate.compare(r,t)===0,isToday:H.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,l=n.add({months:1});for(let n=0;n<c;n++){let r=l.add({days:n});o.push({day:r.day,isDisabled:isDayDisabled(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&H.PlainDate.compare(r,t)===0,isToday:H.PlainDate.compare(r,e)===0,plain:r})}return o}function buildMonthCells(){let n=[],r=locale();for(let a=1;a<=12;a++){let o=H.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=e.min!==null&&e.min!==void 0&&H.PlainDate.compare(s,e.min)<0||e.max!==null&&e.max!==void 0&&H.PlainDate.compare(o,e.max)>0;n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:Oe(o,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:a,shortLabel:Oe(o,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function buildYearCells(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=H.PlainDate.from({day:1,month:1,year:i}),a=H.PlainDate.from({day:31,month:12,year:i}),o=e.min!==null&&e.min!==void 0&&H.PlainDate.compare(a,e.min)<0||e.max!==null&&e.max!==void 0&&H.PlainDate.compare(n,e.max)>0;r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function buildWeekdayLabels(){let e=ke(`2024-01-07`,{as:`plainDate`}),t=locale();return Array.from({length:7},(n,r)=>Oe(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:buildDayCells,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:buildMonthCells,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&isDayDisabled(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:buildWeekdayLabels,yearCells:buildYearCells}}function handleCalendarGridKeydown(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r(i);return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function createFocusManager(e){let t=null,n=null,r=!1,cancelInitialFocus=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},dispose=()=>{r||(r=!0,cancelInitialFocus(),t=null)};return e.signal?.addEventListener(`abort`,dispose,{once:!0}),{applyInitialFocus(){cancelInitialFocus();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus,captureReturnFocus(){t=Ae()},dispose,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t?.(),t=null},[Symbol.dispose]:dispose}}var getLightChildrenByTag=(e,t)=>Array.from(e.getElementsByTagName(t)),getChoiceLabel=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,toFiniteNumber=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},toFiniteNumberOr=(e,t)=>toFiniteNumber(e)??t,toPositiveStep=(e,t)=>Math.abs(toFiniteNumberOr(e,t))||t,lifecycleSignal=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},createOutsidePointerDismissal=e=>{let onPointerDown=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},dispose=()=>{document.removeEventListener(`pointerdown`,onPointerDown,{capture:!0})};return document.addEventListener(`pointerdown`,onPointerDown,{capture:!0}),e.signal.addEventListener(`abort`,dispose,{once:!0}),dispose},bindRefCallback=(e,t)=>{e.value?.(t);let n=k(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}},createSliderControl=e=>{let min=()=>toFiniteNumberOr(e.min?.value,0),max=()=>toFiniteNumberOr(e.max?.value,100),step=()=>toPositiveStep(e.step?.value,1),clamp$2=e=>{let t=min(),n=max();return Ne(toFiniteNumberOr(e,t),t,n)},snap=e=>{let t=min();return clamp$2(Math.round(toFiniteNumberOr(e,t)/step())*step())},toPercent=e=>{let t=min(),n=max(),r=toFiniteNumberOr(e,t);return n<=t?0:(r-t)/(n-t)*100},fromClientX=(e,t)=>{if(t.width<=0)return snap(min());let n=Math.max(0,Math.min(1,(e-t.left)/t.width)),r=min(),i=max();return snap(r+n*(i-r))},nextFromKey=(e,t)=>{let n=toFiniteNumberOr(t,min());return e===`ArrowRight`||e===`ArrowUp`?clamp$2(n+step()):e===`ArrowLeft`||e===`ArrowDown`?clamp$2(n-step()):e===`Home`?min():e===`End`?max():null},handleKeydown=(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=nextFromKey(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)};return{clamp:clamp$2,fromClientX,handleKeydown,max,min,nextFromKey,snap,toPercent}},createSpinnerControl=e=>{let isBlocked=()=>!!e.disabled?.value||!!e.readonly?.value,min=()=>toFiniteNumber(e.min?.value),max=()=>toFiniteNumber(e.max?.value),clamp$1=e=>Ne(e,min(),max()),step=()=>toPositiveStep(e.step?.value,1),largeStep=()=>{let t=step();return toPositiveStep(e.largeStep?.value,t*10)},currentOrFallback=()=>e.parse()??min()??0,commit=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(clamp$1(t),n)},incrementBy=(e,t)=>{isBlocked()||commit(currentOrFallback()+e,t)},atMin=()=>{let t=e.parse(),n=min();return t!=null&&n!=null&&t<=n},atMax=()=>{let t=e.parse(),n=max();return t!=null&&n!=null&&t>=n},handleKeydown=e=>!isBlocked()&&dispatchKeyboardAction(e,{keymap:{ArrowDown:()=>incrementBy(-step(),e),ArrowUp:()=>incrementBy(step(),e),End:()=>{let t=max();if(t==null)return!1;commit(t,e)},Home:()=>{let t=min();if(t==null)return!1;commit(t,e)},PageDown:()=>incrementBy(-largeStep(),e),PageUp:()=>incrementBy(largeStep(),e)},preventDefault:`after`});return{atMax,atMin,handleKeydown,incrementBy}},isBlank=e=>e.trim()===``,toFieldValue=e=>String(e??``),createTextField=e=>{let t=syncedSignal(e.value,e.signal,toFieldValue),n=createField(e),r=e.maxLength?createCounterState({maxLength:e.maxLength,value:t}):null,i=w(()=>!e.readonly?.value&&e.required?.value&&isBlank(t.value)?{valueMissing:!0}:null),a=w(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),reset=()=>{t.value=toFieldValue(e.value.value),n.triggerValidation(`change`)},clear=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},wire=(r,i)=>{let a=[],on=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&on(`focus`,t=>e.onFocus?.(t)),on(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),on(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),on(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let o=!1,detach=()=>{if(!o){o=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,detach,{once:!0}),detach};return{...n,clear,counter:r,reset,validationMessage:a,validity:i,value:t,wire}};function elementDirection(e){let t=e;for(;t;){let e=t.getAttribute(`dir`);if(e===`rtl`||e===`ltr`)return e;t=t.parentElement}return e!==null&&getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`}var createListControl=e=>{let t=new AbortController,n=D(-1),r=!1,removeAbortListener,i=je({direction:e.direction,disabled:()=>!!e.disabled?.value,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop,orientation:e.orientation,typeahead:e.typeahead}),syncIndex=()=>{n.value=i.getIndex()},applyChange=t=>{if(t){n.value=t.index;try{e.onNavigate?.(t)}finally{syncIndex()}}return i.getIndex()},set=e=>{if(r)return-1;let t=i.set(e);return syncIndex(),t},navigate=e=>{if(r)return-1;let t=i.navigate(e);return applyChange(t)},reset=()=>{r||(i.reset(),syncIndex())},handleKeydown=e=>{if(r)return!1;let t=i.handleKeydown(e);return t?(t.change&&applyChange(t.change),t.handled):!1},dispose=()=>{r||(r=!0,i.reset(),n.value=-1,t.abort(),removeAbortListener?.(),removeAbortListener=void 0)};return e.signal?.aborted?dispose():e.signal&&(e.signal?.addEventListener(`abort`,dispose,{once:!0}),removeAbortListener=()=>e.signal?.removeEventListener(`abort`,dispose)),{get disposalSignal(){return t.signal},dispose,get disposed(){return r},focusedIndex:n,getActiveItem:()=>r?void 0:i.getActiveItem(),handleKeydown,navigate,reset,set,[Symbol.dispose]:dispose}},RefineError=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},RefineConfigError=class extends RefineError{},rtlPlacement=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function createDropdownPositioner({boundary:e,getDir:t,getFloating:n,getOffsetPx:r=()=>0,getPlacement:i,getReference:a,matchWidth:o=!0,onPlacementChange:s,padding:c=6,useClippingAncestor:l=!0}){function resolvedPlacement(){let e=i?.()??`bottom-start`;return(t?.()??elementDirection(a()))===`rtl`?rtlPlacement(e):e}function updatePosition(){let t=a(),i=n();if(!t||!i)return;let u=resolvedPlacement(),d=Re(e??(l?ze(i):void 0)),f=t.getBoundingClientRect().width,p=0;if(o&&(i.style.left=`0px`,i.style.width=`auto`,i.style.minWidth=`${f}px`,p=i.getBoundingClientRect().width,u.startsWith(`top`)||u.startsWith(`bottom`))){let e=Math.max(0,d.width-c*2);i.style.width=`${Math.min(Math.max(p,f),e)}px`}let m=Ie(t,i,{boundary:d,middleware:[...(()=>{let e=r();return e?[Be(e)]:[]})(),Le({padding:c}),Ve({padding:c}),...o?[He({padding:c})]:[]],placement:u});i.style.left=`${m.x}px`,i.style.top=`${m.y}px`;let h=i.style.transition,g=i.style.transform;i.style.transition=`none`,i.style.transform=`none`;let _=i.getBoundingClientRect(),v=m.x-_.left,y=m.y-_.top;if(i.style.transition=h,i.style.transform=g,(v!==0||y!==0)&&(i.style.left=`${m.x+v}px`,i.style.top=`${m.y+y}px`),o){let e=m.middlewareData.size?.availableWidth??1/0;i.style.width=`${Math.min(Math.max(p,f),e)}px`}s?.(m.placement)}function startAutoUpdate(){let e=a(),t=n();return!e||!t?()=>{}:Fe(e,t,updatePosition)}return{floating:n,reference:a,startAutoUpdate,update:updatePosition}}var createListboxDropdown=e=>{if(typeof e.getBoundary!=`function`)throw new RefineConfigError(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new RefineConfigError(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new RefineConfigError(`createListboxDropdown: getReference is required`);let t=D(!1),n=w(()=>String(t.value)),r=!1,i=null,a=createDropdownPositioner({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),scrollFocusedIntoView=()=>{r||e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},o=createListControl({disabled:w(()=>!t.value),getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:t=>{scrollFocusedIntoView(),e.onNavigate?.(t)},orientation:e.orientation,signal:e.signal,typeahead:e.typeahead}),s=w(()=>{let n=o.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),shouldRestoreFocus=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,close=(n=`programmatic`,a=!0)=>{!r&&t.value&&(t.value=!1,o.reset(),i?.(),i=null,a&&shouldRestoreFocus()&&e.getTrigger&&Me(e.getTrigger),e.onClose?.(n))},open=(n=`programmatic`)=>{r||e.isDisabled?.()||t.value||(t.value=!0,a.update(),i=a.startAutoUpdate?.()??null,e.onOpen?.(n))},toggle=(e=`click`,n=`trigger`)=>{r||(t.value?close(n):open(e))};createOutsidePointerDismissal({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>close(`outsideClick`),signal:e.signal});let dispose=()=>{r||(r=!0,o.dispose(),t.value&&(t.value=!1,o.reset(),i?.(),i=null))};e.signal.addEventListener(`abort`,dispose,{once:!0});let handleKeydown=e=>r||!t.value?!1:e.key===`Escape`?(e.preventDefault(),close(`escape`),!0):o.handleKeydown(e);return{ariaActiveDescendant:s,ariaExpanded:n,close,dispose,get disposed(){return r},focusedIndex:o.focusedIndex,getActiveItem:o.getActiveItem,handleKeydown,isOpen:t,navigate:o.navigate,open,scrollFocusedIntoView,set:o.set,[Symbol.dispose]:dispose,toggle,updatePosition:()=>{r||a.update()}}},parseStringTriggers=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},parseOptionalBool=e=>e==null?void 0:e===``||e===`true`,Jt=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-divider));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_border-color:var(--card-border-color,color-mix(in oklch, var(--_theme-border) 50%, transparent))}:host([variant=flat]) .card{border:var(--_border) solid var(--_border-color)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar: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}.loading-bar: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([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]:active)) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,Yt=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function isNestedInteractiveTarget(e,t){for(let n of t.composedPath()){if(!(n instanceof HTMLElement))continue;if(n===e)return!1;let t=n.closest(Yt);if(t&&t!==e)return!0}return!1}var Xt=`ore-card`;i(Xt,{props:{...W,...K,...it,elevation:m.number(),interactive:m.bool(!1),orientation:m.string(),padding:m.string(),variant:m.string()},setup(t){let n=o(),r=y(),i=x(),a=S;e({attr:{"aria-busy":()=>t.loading.value?`true`:`false`,"aria-disabled":()=>t.interactive.value?String(t.disabled.value):null,role:()=>t.interactive.value?`button`:null}}),a(()=>{t.interactive.value?n.setAttribute(`tabindex`,t.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=createInteraction({disabled:w(()=>!t.interactive.value||!!t.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),handleClick=e=>{t.interactive.value&&!t.disabled.value&&(isNestedInteractiveTarget(n,e)||c.handleClick(e))},handleKeydown=e=>{c.handleKeydown(e)};return e({on:{click:e=>handleClick(e),keydown:e=>handleKeydown(e)}}),s`
|
|
649
|
+
`},styles:[Vt]});var Gt=new WeakMap,Kt=new WeakMap,createRegion=(e,t)=>{if(!t.body)return null;let n=t.createElement(`div`);return n.setAttribute(`aria-live`,e),n.setAttribute(`aria-atomic`,`true`),n.setAttribute(`data-block-announcer`,e),n.style.cssText=ht,t.body.appendChild(n),n},getRegion=(e,t)=>{let n=Gt.get(t);if(n?.[e]&&!t.body?.contains(n[e])&&(n[e]=void 0),!n?.[e]){let r=createRegion(e,t);if(!r)return null;n||(n={},Gt.set(t,n)),n[e]=r}return n[e]??null},announce=(e,t={})=>{let n=t.document??(typeof document<`u`?document:null);if(!n)return;let r=getRegion(t.politeness??`polite`,n);if(!r)return;r.textContent=``;let i=Kt.get(r);i!==void 0&&clearTimeout(i);let a=setTimeout(()=>{r.textContent=e,Kt.delete(r)},50);Kt.set(r,a)},qt={ariaActiveDescendantElement:`aria-activedescendant`,ariaControlsElements:`aria-controls`,ariaDescribedByElements:`aria-describedby`,ariaLabelledByElements:`aria-labelledby`};function setAriaReflection(e,t,n){if(t in e){if(t===`ariaActiveDescendantElement`){let t=e,r=n[0]??null;if(t.ariaActiveDescendantElement=r,t.ariaActiveDescendantElement===r)return}else{let r=e;r[t]=n.length>0?n:null;let i=r[t];if(n.length===0?!i||i.length===0:i?.length===n.length&&n.every((e,t)=>i[t]===e))return}}let r=qt[t],i=n.map(e=>e.id).filter(Boolean);i.length===0?e.removeAttribute(r):e.setAttribute(r,i.join(` `))}var createAutoResize=(e={})=>{let t=null,recompute=()=>{t&&e.enabled?.value!==!1&&(t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`)},wire=e=>(t=e,e.addEventListener(`input`,recompute),requestAnimationFrame(recompute),()=>{e.removeEventListener(`input`,recompute),t===e&&(t=null)});return{recompute,wire}},createErrorHelperState=e=>w(()=>({errorText:e.error?.value??``,helperText:e.helper?.value??``})),createCounterState=e=>w(()=>{let t=e.value?.value??``,n=e.maxLength?.value,r=Number(n),i=Number.isFinite(r)&&r>0?r:null,a=i!==null,o=a?`${t.length} / ${i}`:``,s=a?t.length/i:0;return{counterAtLimit:a?s>=1:!1,counterNearLimit:a?s>=.9&&s<1:!1,counterText:o}}),counterClassName=(e,t=`counter`)=>e?e.counterAtLimit?`${t} at-limit`:e.counterNearLimit?`${t} near-limit`:t:t;function createDirtyTracker(){let e=!1;return{clear:()=>{e=!1},get isDirty(){return e},markDirty:()=>{e=!0}}}var createAssistiveState=e=>{let t=w(()=>!!e.disabled?.value),r=n(`helper`),i=n(`error`),a=createErrorHelperState({error:e.error,helper:e.helper}),o=w(()=>a.value.errorText||a.value.helperText?r:null),s=w(()=>a.value.errorText?i:null),c=w(()=>a.value.errorText?`true`:null),l=null,attachFormField=e=>{l=e},triggerValidation=t=>{e.validateOn?.value===t&&l&&l.reportValidity()};return{ariaDescribedBy:o,ariaErrorMessage:s,ariaInvalid:c,assistiveId:r,attachFormField,disabled:t,errorId:i,errorText:w(()=>a.value.errorText),helperText:w(()=>a.value.helperText),triggerValidation}},createLabelState=e=>{let t=e.id??n(e.prefix??`field`),r=n(`label`),i=e.label??w(()=>void 0),a=e.hasLabel??w(()=>!!i.value);return{ariaLabelledBy:w(()=>a.value?r:null),fieldId:t,labelId:r,labelVisible:a}},createField=e=>({...createAssistiveState(e),...createLabelState(e)}),dispatchKeyboardAction=(e,t)=>{if(t.disabled?.value)return!1;let n=Object.hasOwn(t.keymap,e.key)?t.keymap[e.key]:void 0;if(!n)return!1;let r=t.preventDefault??`before`;r===`before`&&e.preventDefault();let i=n(e)!==!1;return r===`after`&&i&&e.preventDefault(),i},createInteraction=e=>{let isDisabled=()=>!!e.disabled?.value,t=e.keys??[`Enter`,` `],n=Object.fromEntries(t.map(t=>[t,t=>e.onPress?.(t,`keyboard`)]));return{handleBlur:t=>{isDisabled()||e.onBlur?.(t)},handleClick:t=>!isDisabled()&&(e.onPress?.(t,`pointer`),!0),handleFocus:t=>{isDisabled()||e.onFocus?.(t)},handleKeydown:t=>dispatchKeyboardAction(t,{disabled:e.disabled,keymap:n})}},syncedSignal=(e,t,n=e=>e)=>{let r=D(O(()=>n(e.value))),i=k(e,e=>{r.value=n(e)});return t&&t.addEventListener(`abort`,()=>i.dispose(),{once:!0}),r},createCheckable=e=>{let t=syncedSignal(e.checked,e.signal,Boolean),n=e.indeterminate?syncedSignal(e.indeterminate,e.signal,Boolean):D(!1),r=t.value,i=n.value,a=createDirtyTracker(),o=w(()=>n.value?null:t.value?e.value.value??``:null),s=createField(e),c=w(()=>e.required?.value&&(!t.value||n.value)?{valueMissing:!0}:null),l=w(()=>c.value?e.requiredMessage?.value||`This field is required.`:``),reset=()=>{t.value=a.isDirty?r:!!e.checked.value,n.value=a.isDirty?i:!!e.indeterminate?.value,a.clear(),s.triggerValidation(`change`)},createPayload=n=>({checked:t.value,originalEvent:n,value:e.value.value??``}),toggle=r=>{if(!s.disabled.value){if(a.markDirty(),e.group){n.value=!1,e.group.toggle(e.value.value??``,r),e.onToggle?.(createPayload(r));return}e.clearIndeterminateFirst&&n.value||(t.value=!t.value),n.value=!1,e.onToggle?.(createPayload(r))}},u=createInteraction({disabled:s.disabled,onPress:e=>toggle(e)});return{...s,checkableFormValue:o,checked:t,handleClick:u.handleClick,handleKeydown:u.handleKeydown,indeterminate:n,reset,toggle,validationMessage:l,validity:c}},parseChoiceValues=e=>e?Array.isArray(e)?e.filter(Boolean):e.split(`,`).map(e=>e.trim()).filter(Boolean):[],createChoiceField=e=>{let t=w(()=>!!e.multiple?.value),normalizeValues=e=>{let n=t.value?e:e.slice(0,1);return[...new Set(n.filter(Boolean))]},n=syncedSignal(e.value,e.signal,e=>normalizeValues(parseChoiceValues(e))),r=w(()=>t.value?n.value.join(`,`):n.value[0]??``),i=createDirtyTracker(),applyValues=e=>{n.value=normalizeValues(e)},setValues=e=>{i.markDirty(),applyValues(e)},clear=()=>setValues([]),removeValue=e=>{i.markDirty(),n.value=n.value.filter(t=>t!==e)},selectValue=e=>{if(t.value){n.value.includes(e)||setValues([...n.value,e]);return}setValues([e])},toggleValue=e=>{t.value&&n.value.includes(e)?removeValue(e):selectValue(e)},syncFromProp=e=>{applyValues(parseChoiceValues(e))},a=createField(e),o=w(()=>e.required?.value&&n.value.length===0?{valueMissing:!0}:null),s=w(()=>o.value?e.requiredMessage?.value||`Please make a selection.`:``);if(e.multiple){let t=k(e.multiple,()=>syncFromProp(e.value.value));e.signal.addEventListener(`abort`,()=>t.dispose(),{once:!0})}let c=n.value,reset=()=>{applyValues(i.isDirty?c:parseChoiceValues(e.value.value)),i.clear(),a.triggerValidation(`change`)};return{...a,clear,formValue:r,removeValue,reset,selectedValue:w(()=>n.value[0]),selectedValues:n,selectValue,setValues,toggleValue,validationMessage:s,validity:o}},isBlank$1=e=>!e||e.trim()===``,createComposerControl=e=>{let t=w(()=>!isBlank$1(e.value.value)&&!e.disabled?.value&&!e.loading?.value),send=n=>{t.value&&e.onSend(n)},handleKeydown=t=>{if(t.key!==`Enter`||t.isComposing)return;let n=e.sendShortcut?.value??`enter`,r=t.metaKey||t.ctrlKey;(n===`mod+enter`?!r:t.shiftKey)||(t.preventDefault(),send(t))};return{canSend:t,handleKeydown,keyShortcutsHint:w(()=>(e.sendShortcut?.value??`enter`)===`mod+enter`?`Control+Enter Meta+Enter`:`Enter`),send}};function parseIso(e){if(!e)return null;try{return ke(e,{as:`plainDate`})}catch{return null}}function toIsoString(e){return e?e.toString():null}function formatDisplayDate(e,t){return Oe(e,{intl:{day:`numeric`,month:`short`,year:`numeric`},locale:t,timeZone:`UTC`})}function todayPlain(){return H.Now.plainDateISO()}function temporalDowToIndex(e){return e%7}function createDatePickerControl(e){let t=e.value??null,n=`day`,r=t??todayPlain(),i=r.year,a=r.month;function locale(){return e.locale??(typeof navigator<`u`?navigator.language:`en`)}function weekendDays(){return e.weekendDays??[]}function isOutOfRange(t){return!!(e.min&&H.PlainDate.compare(t,e.min)<0||e.max&&H.PlainDate.compare(t,e.max)>0)}function isDayDisabled(e){return!!(isOutOfRange(e)||weekendDays().includes(temporalDowToIndex(e.dayOfWeek)))}function buildDayCells(){let e=todayPlain(),n=H.PlainDate.from({day:1,month:a,year:i}),r=temporalDowToIndex(n.dayOfWeek),o=[];for(let i=r-1;i>=0;i--){let r=n.subtract({days:i+1});o.push({day:r.day,isDisabled:isDayDisabled(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&H.PlainDate.compare(r,t)===0,isToday:H.PlainDate.compare(r,e)===0,plain:r})}let s=n.daysInMonth;for(let n=1;n<=s;n++){let r=H.PlainDate.from({day:n,month:a,year:i});o.push({day:n,isDisabled:isDayDisabled(r),isOutsideMonth:!1,iso:r.toString(),isSelected:t!==null&&H.PlainDate.compare(r,t)===0,isToday:H.PlainDate.compare(r,e)===0,plain:r})}let c=(7-o.length%7)%7,l=n.add({months:1});for(let n=0;n<c;n++){let r=l.add({days:n});o.push({day:r.day,isDisabled:isDayDisabled(r),isOutsideMonth:!0,iso:r.toString(),isSelected:t!==null&&H.PlainDate.compare(r,t)===0,isToday:H.PlainDate.compare(r,e)===0,plain:r})}return o}function buildMonthCells(){let n=[],r=locale();for(let a=1;a<=12;a++){let o=H.PlainDate.from({day:1,month:a,year:i}),s=o.with({day:o.daysInMonth}),c=e.min!==null&&e.min!==void 0&&H.PlainDate.compare(s,e.min)<0||e.max!==null&&e.max!==void 0&&H.PlainDate.compare(o,e.max)>0;n.push({isDisabled:c,isSelected:t!==null&&t.year===i&&t.month===a,label:Oe(o,{intl:{month:`long`},locale:r,timeZone:`UTC`}),month:a,shortLabel:Oe(o,{intl:{month:`short`},locale:r,timeZone:`UTC`})})}return n}function buildYearCells(){let n=Math.floor(i/10)*10,r=[];for(let i=n;i<n+12;i++){let n=H.PlainDate.from({day:1,month:1,year:i}),a=H.PlainDate.from({day:31,month:12,year:i}),o=e.min!==null&&e.min!==void 0&&H.PlainDate.compare(a,e.min)<0||e.max!==null&&e.max!==void 0&&H.PlainDate.compare(n,e.max)>0;r.push({isDisabled:o,isSelected:t!==null&&t.year===i,year:i})}return r}function buildWeekdayLabels(){let e=ke(`2024-01-07`,{as:`plainDate`}),t=locale();return Array.from({length:7},(n,r)=>Oe(e.add({days:r}),{intl:{weekday:`short`},locale:t,timeZone:`UTC`}))}return{dayCells:buildDayCells,displayMonth:()=>a,displayYear:()=>i,goTo(e,t){Number.isFinite(e)&&(i=e,a=Math.max(1,Math.min(12,t)))},monthCells:buildMonthCells,nextMonth(){a===12?(a=1,i++):a++},nextYear(){i++},prevMonth(){a===1?(a=12,i--):a--},prevYear(){i--},select(n){n!==null&&isDayDisabled(n)||(t=n,t&&(i=t.year,a=t.month),e.onChange(t))},selected:()=>t,setView(e){n=e},view:()=>n,weekdayLabels:buildWeekdayLabels,yearCells:buildYearCells}}function handleCalendarGridKeydown(e,t,n,r){let i=e.currentTarget,a=i.closest(`.cal-grid`);if(!a)return;let o=Array.from(a.querySelectorAll(t)),s=o.indexOf(i);if(s===-1)return;let c;if(e.key===`Enter`||e.key===` `){e.preventDefault(),r(i);return}if(e.key===`ArrowRight`)c=o[s+1];else if(e.key===`ArrowLeft`)c=o[s-1];else if(e.key===`ArrowDown`)c=o[s+n];else if(e.key===`ArrowUp`)c=o[s-n];else if(e.key===`Home`)c=o[Math.floor(s/n)*n];else if(e.key===`End`)c=o[Math.min(Math.floor(s/n)*n+n-1,o.length-1)];else return;e.preventDefault(),c?.focus()}function createFocusManager(e){let t=null,n=null,r=!1,cancelInitialFocus=()=>{n!==null&&(cancelAnimationFrame(n),n=null)},dispose=()=>{r||(r=!0,cancelInitialFocus(),t=null)};return e.signal?.addEventListener(`abort`,dispose,{once:!0}),{applyInitialFocus(){cancelInitialFocus();let t=e.getInitialFocusSelector();if(t){let r=e.host.shadowRoot??e.host,i=null;try{i=r.querySelector(t)}catch{return}i&&(n=requestAnimationFrame(()=>{n=null,i.focus()}))}},cancelInitialFocus,captureReturnFocus(){t=Ae()},dispose,get disposed(){return r},restoreFocus(){e.getReturnFocus()!==!1&&t?.(),t=null},[Symbol.dispose]:dispose}}var getLightChildrenByTag=(e,t)=>Array.from(e.getElementsByTagName(t)),getChoiceLabel=(e,t)=>e.find(e=>(e.getAttribute(`value`)??``)===t)?.textContent?.replace(/\s+/g,` `).trim()||t,toFiniteNumber=e=>{let t=Number(e);return Number.isFinite(t)?t:void 0},toFiniteNumberOr=(e,t)=>toFiniteNumber(e)??t,toPositiveStep=(e,t)=>Math.abs(toFiniteNumberOr(e,t))||t,lifecycleSignal=e=>{let t=new AbortController;return e(()=>t.abort()),t.signal},createOutsidePointerDismissal=e=>{let onPointerDown=t=>{if(!e.isActive())return;let n=t.composedPath(),r=n[0]instanceof Node?n[0]:t.target instanceof Node?t.target:null;e.getTargets().some(e=>e!=null&&(n.includes(e)||!!(r&&e.contains(r))))||e.onDismiss()},dispose=()=>{document.removeEventListener(`pointerdown`,onPointerDown,{capture:!0})};return document.addEventListener(`pointerdown`,onPointerDown,{capture:!0}),e.signal.addEventListener(`abort`,dispose,{once:!0}),dispose},bindRefCallback=(e,t)=>{e.value?.(t);let n=k(e,e=>e?.(t));return()=>{n.dispose(),e.value?.(null)}},createSliderControl=e=>{let min=()=>toFiniteNumberOr(e.min?.value,0),max=()=>toFiniteNumberOr(e.max?.value,100),step=()=>toPositiveStep(e.step?.value,1),clamp$2=e=>{let t=min(),n=max();return Ne(toFiniteNumberOr(e,t),t,n)},snap=e=>{let t=min();return clamp$2(Math.round(toFiniteNumberOr(e,t)/step())*step())},toPercent=e=>{let t=min(),n=max(),r=toFiniteNumberOr(e,t);return n<=t?0:(r-t)/(n-t)*100},fromClientX=(e,t)=>{if(t.width<=0)return snap(min());let n=Math.max(0,Math.min(1,(e-t.left)/t.width)),r=min(),i=max();return snap(r+n*(i-r))},nextFromKey=(e,t)=>{let n=toFiniteNumberOr(t,min());return e===`ArrowRight`||e===`ArrowUp`?clamp$2(n+step()):e===`ArrowLeft`||e===`ArrowDown`?clamp$2(n-step()):e===`Home`?min():e===`End`?max():null},handleKeydown=(t,n,r)=>{if(e.disabled?.value||e.readonly?.value)return!1;let i=nextFromKey(t.key,n);return i!==null&&(t.preventDefault(),r(i),!0)};return{clamp:clamp$2,fromClientX,handleKeydown,max,min,nextFromKey,snap,toPercent}},createSpinnerControl=e=>{let isBlocked=()=>!!e.disabled?.value||!!e.readonly?.value,min=()=>toFiniteNumber(e.min?.value),max=()=>toFiniteNumber(e.max?.value),clamp$1=e=>Ne(e,min(),max()),step=()=>toPositiveStep(e.step?.value,1),largeStep=()=>{let t=step();return toPositiveStep(e.largeStep?.value,t*10)},currentOrFallback=()=>e.parse()??min()??0,commit=(t,n)=>{if(t==null){e.commit(null,n);return}e.commit(clamp$1(t),n)},incrementBy=(e,t)=>{isBlocked()||commit(currentOrFallback()+e,t)},atMin=()=>{let t=e.parse(),n=min();return t!=null&&n!=null&&t<=n},atMax=()=>{let t=e.parse(),n=max();return t!=null&&n!=null&&t>=n},handleKeydown=e=>!isBlocked()&&dispatchKeyboardAction(e,{keymap:{ArrowDown:()=>incrementBy(-step(),e),ArrowUp:()=>incrementBy(step(),e),End:()=>{let t=max();if(t==null)return!1;commit(t,e)},Home:()=>{let t=min();if(t==null)return!1;commit(t,e)},PageDown:()=>incrementBy(-largeStep(),e),PageUp:()=>incrementBy(largeStep(),e)},preventDefault:`after`});return{atMax,atMin,handleKeydown,incrementBy}},isBlank=e=>e.trim()===``,toFieldValue=e=>String(e??``),createTextField=e=>{let t=syncedSignal(e.value,e.signal,toFieldValue),n=createField(e),r=e.maxLength?createCounterState({maxLength:e.maxLength,value:t}):null,i=w(()=>!e.readonly?.value&&e.required?.value&&isBlank(t.value)?{valueMissing:!0}:null),a=w(()=>i.value?e.requiredMessage?.value||`This field is required.`:``),reset=()=>{t.value=toFieldValue(e.value.value),n.triggerValidation(`change`)},clear=r=>{r?.preventDefault?.(),t.value=``,e.onInput?.(r??new InputEvent(`input`,{bubbles:!0}),``),e.onChange?.(r??new Event(`change`,{bubbles:!0}),``),n.triggerValidation(`change`)},wire=(r,i)=>{let a=[],on=(e,t)=>{r.addEventListener(e,t),a.push(()=>r.removeEventListener(e,t))};e.onFocus&&on(`focus`,t=>e.onFocus?.(t)),on(`input`,n=>{n.stopPropagation(),e.onBeforeInput?.(n),t.value=r.value,e.onInput?.(n,r.value)}),on(`change`,i=>{i.stopPropagation(),t.value=r.value,e.onChange?.(i,r.value),n.triggerValidation(`change`)}),on(`blur`,t=>{e.onBlur?.(t),n.triggerValidation(`blur`)});let o=!1,detach=()=>{if(!o){o=!0;for(let e of a)e()}};return i?.addEventListener(`abort`,detach,{once:!0}),detach};return{...n,clear,counter:r,reset,validationMessage:a,validity:i,value:t,wire}};function elementDirection(e){let t=e;for(;t;){let e=t.getAttribute(`dir`);if(e===`rtl`||e===`ltr`)return e;t=t.parentElement}return e!==null&&getComputedStyle(e).direction===`rtl`?`rtl`:`ltr`}var createListControl=e=>{let t=new AbortController,n=D(-1),r=!1,removeAbortListener,i=je({direction:e.direction,disabled:()=>!!e.disabled?.value,getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop,orientation:e.orientation,typeahead:e.typeahead}),syncIndex=()=>{n.value=i.getIndex()},applyChange=t=>{if(t){n.value=t.index;try{e.onNavigate?.(t)}finally{syncIndex()}}return i.getIndex()},set=e=>{if(r)return-1;let t=i.set(e);return syncIndex(),t},navigate=e=>{if(r)return-1;let t=i.navigate(e);return applyChange(t)},reset=()=>{r||(i.reset(),syncIndex())},handleKeydown=e=>{if(r)return!1;let t=i.handleKeydown(e);return t?(t.change&&applyChange(t.change),t.handled):!1},dispose=()=>{r||(r=!0,i.reset(),n.value=-1,t.abort(),removeAbortListener?.(),removeAbortListener=void 0)};return e.signal?.aborted?dispose():e.signal&&(e.signal?.addEventListener(`abort`,dispose,{once:!0}),removeAbortListener=()=>e.signal?.removeEventListener(`abort`,dispose)),{get disposalSignal(){return t.signal},dispose,get disposed(){return r},focusedIndex:n,getActiveItem:()=>r?void 0:i.getActiveItem(),handleKeydown,navigate,reset,set,[Symbol.dispose]:dispose}},RefineError=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},RefineConfigError=class extends RefineError{},rtlPlacement=e=>e.endsWith(`-start`)?e.replace(`-start`,`-end`):e.endsWith(`-end`)?e.replace(`-end`,`-start`):e;function createDropdownPositioner({boundary:e,getDir:t,getFloating:n,getOffsetPx:r=()=>0,getPlacement:i,getReference:a,matchWidth:o=!0,onPlacementChange:s,padding:c=6,useClippingAncestor:l=!0}){function resolvedPlacement(){let e=i?.()??`bottom-start`;return(t?.()??elementDirection(a()))===`rtl`?rtlPlacement(e):e}function updatePosition(){let t=a(),i=n();if(!t||!i)return;let u=resolvedPlacement(),d=Re(e??(l?ze(i):void 0)),f=t.getBoundingClientRect().width,p=0;if(o&&(i.style.left=`0px`,i.style.width=`auto`,i.style.minWidth=`${f}px`,p=i.getBoundingClientRect().width,u.startsWith(`top`)||u.startsWith(`bottom`))){let e=Math.max(0,d.width-c*2);i.style.width=`${Math.min(Math.max(p,f),e)}px`}let m=Ie(t,i,{boundary:d,middleware:[...(()=>{let e=r();return e?[Be(e)]:[]})(),Le({padding:c}),Ve({padding:c}),...o?[He({padding:c})]:[]],placement:u});i.style.left=`${m.x}px`,i.style.top=`${m.y}px`;let h=i.style.transition,g=i.style.transform;i.style.transition=`none`,i.style.transform=`none`;let _=i.getBoundingClientRect(),v=m.x-_.left,y=m.y-_.top;if(i.style.transition=h,i.style.transform=g,(v!==0||y!==0)&&(i.style.left=`${m.x+v}px`,i.style.top=`${m.y+y}px`),o){let e=m.middlewareData.size?.availableWidth??1/0;i.style.width=`${Math.min(Math.max(p,f),e)}px`}s?.(m.placement)}function startAutoUpdate(){let e=a(),t=n();return!e||!t?()=>{}:Fe(e,t,updatePosition)}return{floating:n,reference:a,startAutoUpdate,update:updatePosition}}var createListboxDropdown=e=>{if(typeof e.getBoundary!=`function`)throw new RefineConfigError(`createListboxDropdown: getBoundary is required`);if(typeof e.getPanel!=`function`)throw new RefineConfigError(`createListboxDropdown: getPanel is required`);if(typeof e.getReference!=`function`)throw new RefineConfigError(`createListboxDropdown: getReference is required`);let t=D(!1),n=w(()=>String(t.value)),r=!1,i=null,a=createDropdownPositioner({...e.positioning,getFloating:e.getPanel,getReference:e.getReference}),scrollFocusedIntoView=()=>{r||e.getFocusedOptionElement?.()?.scrollIntoView({block:`nearest`})},o=createListControl({disabled:w(()=>!t.value),getItems:e.getItems,isItemDisabled:e.isItemDisabled,keys:e.keys,loop:e.loop??!0,onNavigate:t=>{scrollFocusedIntoView(),e.onNavigate?.(t)},orientation:e.orientation,signal:e.signal,typeahead:e.typeahead}),s=w(()=>{let n=o.focusedIndex.value;return e.getOptionId&&t.value&&n>=0?e.getOptionId(n):null}),shouldRestoreFocus=()=>typeof e.restoreFocus==`function`?e.restoreFocus():e.restoreFocus??!0,close=(n=`programmatic`,a=!0)=>{!r&&t.value&&(t.value=!1,o.reset(),i?.(),i=null,a&&shouldRestoreFocus()&&e.getTrigger&&Me(e.getTrigger),e.onClose?.(n))},open=(n=`programmatic`)=>{r||e.isDisabled?.()||t.value||(t.value=!0,a.update(),i=a.startAutoUpdate?.()??null,e.onOpen?.(n))},toggle=(e=`click`,n=`trigger`)=>{r||(t.value?close(n):open(e))};createOutsidePointerDismissal({getTargets:()=>[e.getBoundary(),e.getPanel()],isActive:()=>t.value,onDismiss:()=>close(`outsideClick`),signal:e.signal});let dispose=()=>{r||(r=!0,o.dispose(),t.value&&(t.value=!1,o.reset(),i?.(),i=null))};e.signal.addEventListener(`abort`,dispose,{once:!0});let handleKeydown=e=>r||!t.value?!1:e.key===`Escape`?(e.preventDefault(),close(`escape`),!0):o.handleKeydown(e);return{ariaActiveDescendant:s,ariaExpanded:n,close,dispose,get disposed(){return r},focusedIndex:o.focusedIndex,getActiveItem:o.getActiveItem,handleKeydown,isOpen:t,navigate:o.navigate,open,scrollFocusedIntoView,set:o.set,[Symbol.dispose]:dispose,toggle,updatePosition:()=>{r||a.update()}}},parseStringTriggers=(e,t,n)=>{let r=String(e??``).split(`,`).map(e=>e.trim()).filter(e=>t.has(e));return r.length>0?r:[...n]},parseOptionalBool=e=>e==null?void 0:e===``||e===`true`,Jt=`@layer refine.base{:host{--_bg:var(--card-bg,var(--color-canvas));--_color:var(--card-color,var(--color-contrast-900));--_border:var(--card-border,var(--border));--_border-color:var(--card-border-color,var(--color-divider));--_radius:var(--card-radius,var(--rounded-lg));--_padding:var(--card-padding,var(--size-4));--_shadow:var(--card-shadow,var(--shadow-sm));--_hover-shadow:var(--card-hover-shadow,var(--shadow-md));flex-direction:column;display:flex;position:relative}.card{color:var(--_color);background:var(--_bg);border-radius:var(--_radius);transition:box-shadow var(--transition-normal), transform var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.card-media{flex-shrink:0;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;min-height:0;display:flex}.card-header,.card-content,.card-footer{padding:var(--_padding)}.card-header{padding-bottom:calc(var(--_padding) / 2)}.card-footer{padding-top:calc(var(--_padding) / 2)}.card-content{flex:1}.card-actions{gap:var(--size-2);padding:var(--_padding);padding-top:calc(var(--_padding) / 2);flex-wrap:wrap;align-items:center;display:flex}[hidden]{display:none}}@layer refine.variants{:host(:not([variant],[color])){--_shadow:var(--card-shadow,var(--shadow-sm))}:host(:not([variant],[color])) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host(:not([variant])[color]){--_bg:var(--card-bg,var(--_theme-backdrop));--_border-color:var(--card-border-color,var(--_theme-border))}:host(:not([variant])[color]) .card{border:var(--_border) solid var(--_border-color)}:host(:not([variant])[color]:hover){--_bg:var(--card-bg,color-mix(in oklch, var(--_theme-base) 16%, var(--color-contrast-50)));--_border-color:var(--card-border-color,var(--_theme-focus))}:host([variant=solid]){--_bg:var(--card-bg,var(--_theme-base));--_color:var(--card-color,var(--_theme-contrast));--_border-color:var(--card-border-color,var(--_theme-base));--_shadow:var(--card-shadow,var(--shadow-sm))}:host([variant=solid]) .card{border:var(--_border) solid var(--_border-color);box-shadow:var(--_shadow)}:host([variant=flat]){--_border-color:var(--card-border-color,color-mix(in oklch, var(--_theme-border) 50%, transparent))}:host([variant=flat]) .card{border:var(--_border) solid var(--_border-color)}}@layer refine.overrides{.loading-bar{background:linear-gradient(90deg, transparent 0%, var(--_theme-base,var(--color-primary)) 50%, transparent 100%);width:65%;height:3px;display:none;position:absolute;top:0}.loading-bar: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}.loading-bar: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([loading]) .loading-bar{animation:var(--_motion-animation,loading-bar 1.4s linear infinite);display:block}:host(:dir(rtl)[loading]) .loading-bar{animation-direction:reverse}:host([disabled]){pointer-events:none;opacity:.6}:host([disabled][interactive]) .card{cursor:not-allowed}:host([interactive]:not([disabled]):hover) .card{box-shadow:var(--_hover-shadow);transform:translateY(-2px)}:host([interactive]) .card{cursor:pointer;will-change:transform}:host[interactive]:not([disabled]):active:not(:has(button:active,a[href]:active,input:active,select:active,textarea:active,summary:active,[role=button]:active,[role=link]:active)) .card{box-shadow:var(--_shadow);transition:box-shadow var(--transition-fast), transform .12s var(--ease-spring);transform:translateY(0)scale(.99)}:host([interactive]:focus-visible) .card{outline:var(--border-2) solid var(--_theme-focus,var(--color-primary));outline-offset:var(--border-2)}:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-media{width:30%;min-width:192px;max-width:320px}:host([orientation=horizontal]) .card-media img{object-fit:cover;width:100%;height:100%}:host([orientation=horizontal]) .card-body{flex:1}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(200%)}}`,Yt=`button, a[href], input, select, textarea, summary, [role="button"], [role="link"], [contenteditable=""], [contenteditable="true"]`;function isNestedInteractiveTarget(e,t){for(let n of t.composedPath()){if(!(n instanceof HTMLElement))continue;if(n===e)return!1;let t=n.closest(Yt);if(t&&t!==e)return!0}return!1}var Xt=`ore-card`;i(Xt,{props:{...W,...K,...it,elevation:m.number(),interactive:m.bool(!1),orientation:m.string(),padding:m.string(),variant:m.string()},setup(t){let n=o(),r=y(),i=x(),a=S;e({attr:{"aria-busy":()=>t.loading.value?`true`:`false`,"aria-disabled":()=>t.interactive.value?String(t.disabled.value):null,role:()=>t.interactive.value?`button`:null}}),a(()=>{t.interactive.value?n.setAttribute(`tabindex`,t.disabled.value?`-1`:`0`):n.removeAttribute(`tabindex`)});let c=createInteraction({disabled:w(()=>!t.interactive.value||!!t.disabled.value),onPress:(e,t)=>{r(`activate`,{originalEvent:e,trigger:t})}}),handleClick=e=>{t.interactive.value&&!t.disabled.value&&(isNestedInteractiveTarget(n,e)||c.handleClick(e))},handleKeydown=e=>{c.handleKeydown(e)};return e({on:{click:e=>handleClick(e),keydown:e=>handleKeydown(e)}}),s`
|
|
650
650
|
<div class="card" part="card">
|
|
651
651
|
<div class="loading-bar" part="loading-bar"></div>
|
|
652
652
|
<div class="card-media" part="media" ?hidden="${()=>!i.has(`media`).value}">
|
|
@@ -1444,7 +1444,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
1444
1444
|
</div>
|
|
1445
1445
|
</div>
|
|
1446
1446
|
</details>
|
|
1447
|
-
`},styles:[J,Cr]});var Tr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}:host(:not([data-has-panels])){width:fit-content;height:auto}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}.panels[hidden]{display:none}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator: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([orientation=vertical]) .indicator: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}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}@layer refine.density{:host([density=compact]){--tabs-radius:var(--rounded-md);height:auto}:host([density=compact]) [role=tablist]{gap:var(--size-1);padding:var(--size-1)}:host([density=compact][variant=ghost]) [role=tablist]{padding:0}}`,Er=t(`TabsContext`),Dr=`ore-tabs`;i(Dr,{props:{...W,...G,activation:m.oneOf([`auto`,`manual`],`auto`),density:m.oneOf([`compact`,`default`],`default`),label:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`),value:m.string(),variant:m.string()},setup(t){let n=o(),r=y(),i=n.shadowRoot,a=g(),c=g(),l=D(t.value.value),d=D(!1),isManualActivation=()=>t.activation.value===`manual`,isVertical=()=>t.orientation.value===`vertical`;e({attr:{"data-has-panels":()=>d.value?``:null,value:()=>l.value??null}});let getTabs=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],getEnabledTabs=()=>getTabs().filter(e=>!e.hasAttribute(`disabled`)),focusTab=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},setSelection=(e,t=!1)=>{l.value=e,t&&e&&r(`change`,{value:e})},ensureSelection=()=>{let e=getTabs();if(e.length===0)return;let t=l.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`))
|
|
1447
|
+
`},styles:[J,Cr]});var Tr=`@layer refine.base{:host{--tabs-transition:var(--transition-normal);--tabs-radius:var(--rounded-lg);flex-direction:column;width:100%;height:100%;display:flex}:host(:not([data-has-panels])){width:fit-content;height:auto}.tablist-wrapper{flex-shrink:0;position:relative}[role=tablist]{gap:var(--tabs-tab-gap,var(--size-1));scrollbar-width:none;align-items:stretch;display:flex;position:relative;overflow-x:auto}[role=tablist]::-webkit-scrollbar{display:none}.indicator{pointer-events:none;background:var(--tabs-indicator-color,var(--_theme-base));border-radius:var(--rounded-full);height:2px;transition:transform var(--tabs-transition);position:absolute;bottom:0;left:0}.panels{flex-direction:column;flex:1;min-height:0;display:flex}.panels[hidden]{display:none}}@layer refine.orientation{:host([orientation=vertical]){flex-direction:row;align-items:flex-start}:host([orientation=vertical]) .tablist-wrapper{flex-shrink:0;display:flex}:host([orientation=vertical]) [role=tablist]{width:max-content;overflow-x:unset;flex-direction:column;overflow-y:auto}:host([orientation=vertical]) .indicator{top:0;bottom:unset;width:2px;height:unset;transition:transform var(--tabs-transition)}:host([orientation=vertical]) .indicator: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([orientation=vertical]) .indicator: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}}@layer refine.variants{:host,:host([variant=solid]){--tabs-tab-gap:var(--size-1);--_tablist-bg:var(--tabs-tablist-bg,var(--color-contrast-100));--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host [role=tablist],:host([variant=solid]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius)}:host .indicator,:host([variant=solid]) .indicator{display:none}:host([variant=flat]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200));background:var(--tabs-bg,var(--color-contrast-100));border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--inset-shadow-xs), var(--shadow-2xs);overflow:hidden}:host([variant=flat]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:none;border-bottom:var(--border) solid var(--_tablist-border-color);background:0 0;border-radius:0}:host([variant=flat]) .indicator{display:none}:host([variant=bordered]){--_tablist-border-color:var(--tabs-tablist-border-color,var(--color-contrast-200))}:host([variant=bordered]) [role=tablist]{gap:var(--size-1);padding:var(--size-1);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) var(--tabs-radius) 0 0;background:0 0;border-bottom:none}:host([variant=bordered]) .indicator{display:none}:host([variant=bordered]) .panels{border:var(--border) solid var(--_tablist-border-color);border-radius:0 0 var(--tabs-radius) var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) [role=tablist]{border-right:none;border-bottom:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius) 0 0 var(--tabs-radius)}:host([variant=bordered][orientation=vertical]) .panels{border-radius:0 var(--tabs-radius) var(--tabs-radius) 0}:host([variant=ghost]) [role=tablist]{gap:var(--size-1);background:0 0;border:none;border-radius:0;padding:0}:host([variant=ghost]) .indicator{display:none}:host([variant=frost]){--_tablist-bg:var(--tabs-tablist-bg,color-mix(in oklch, var(--color-canvas) 55%, transparent));--_tablist-border-color:var(--tabs-tablist-border-color,color-mix(in oklch, var(--color-contrast-300) 50%, transparent))}:host([variant=frost]) [role=tablist]{padding:var(--size-1);background:var(--_tablist-bg);border:var(--border) solid var(--_tablist-border-color);border-radius:var(--tabs-radius);box-shadow:var(--shadow-md), var(--inset-shadow-xs);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);backdrop-filter:blur(var(--blur-lg)) saturate(180%)}:host([variant=frost]) .indicator{display:none}}@layer refine.density{:host([density=compact]){--tabs-radius:var(--rounded-md);height:auto}:host([density=compact]) [role=tablist]{gap:var(--size-1);padding:var(--size-1)}:host([density=compact][variant=ghost]) [role=tablist]{padding:0}}`,Er=t(`TabsContext`),Dr=`ore-tabs`;i(Dr,{props:{...W,...G,activation:m.oneOf([`auto`,`manual`],`auto`),density:m.oneOf([`compact`,`default`],`default`),label:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`horizontal`),value:m.string(),variant:m.string()},setup(t){let n=o(),r=y(),i=n.shadowRoot,a=g(),c=g(),l=D(t.value.value),d=D(!1),isManualActivation=()=>t.activation.value===`manual`,isVertical=()=>t.orientation.value===`vertical`;e({attr:{"data-has-panels":()=>d.value?``:null,value:()=>l.value??null}});let getTabs=()=>[...n.querySelectorAll(`:scope > ore-tab-item[slot="tabs"]`)],getEnabledTabs=()=>getTabs().filter(e=>!e.hasAttribute(`disabled`)),focusTab=e=>{e&&(e.shadowRoot?.querySelector(`[role="tab"]`)??e).focus()},setSelection=(e,t=!1)=>{l.value=e,t&&e&&r(`change`,{value:e})},ensureSelection=()=>{let e=getTabs();if(e.length===0)return;let t=l.value;if(t&&e.some(e=>e.getAttribute(`value`)===t&&!e.hasAttribute(`disabled`)))return;let n=e.find(e=>!e.hasAttribute(`disabled`)&&e.getAttribute(`value`));n&&setSelection(n.getAttribute(`value`)??void 0,!1)};k(t.value,e=>{l.value=e,ensureSelection()});let f=createListControl({direction:()=>elementDirection(n),getItems:()=>getEnabledTabs(),loop:!0,onNavigate:({item:e})=>{if(focusTab(e),!isManualActivation()){let t=e.getAttribute(`value`);t&&setSelection(t,!0)}},orientation:()=>isVertical()?`vertical`:`both`,signal:lifecycleSignal(u)});h(Er,{color:t.color,density:w(()=>t.density.value??`default`),orientation:w(()=>t.orientation.value??`horizontal`),size:t.size,value:l,variant:t.variant});let moveIndicator=e=>{let t=c.value,n=a.value;if(!t||!n||!e)return;let r=e.getBoundingClientRect(),i=n.getBoundingClientRect();if(isVertical()){let e=r.top-i.top+n.scrollTop;t.style.transition=`none`,t.style.height=`${r.height}px`,t.style.width=``,t.style.left=`0`,t.style.top=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateY(${e}px)`}else{let e=r.left-i.left+n.scrollLeft;t.style.transition=`none`,t.style.width=`${r.width}px`,t.style.height=``,t.style.top=``,t.style.left=`0`,t.offsetWidth,t.style.transition=``,t.style.transform=`translateX(${e}px)`}},updateIndicator=()=>{let e=l.value;if(!e)return;let t=getTabs().find(t=>t.getAttribute(`value`)===e);moveIndicator(t)};k(l,()=>{requestAnimationFrame(updateIndicator)});let handleTabClick=e=>{let t=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`);if(!t||t.hasAttribute(`disabled`)||t.closest(`ore-tabs`)!==n)return;let r=t.getAttribute(`value`);r&&r!==l.value&&setSelection(r,!0)},activateFocusedTab=()=>{let e=getEnabledTabs().find(e=>e===document.activeElement||e.shadowRoot?.activeElement===document.activeElement)?.getAttribute(`value`);e&&e!==l.value&&setSelection(e,!0)},m=createInteraction({disabled:w(()=>!isManualActivation()),onPress:activateFocusedTab}),handleKeydown=e=>{let t=getEnabledTabs();if(t.length===0)return;let n=e.composedPath().find(e=>e instanceof HTMLElement&&e.localName===`ore-tab-item`)??t.find(e=>e.getAttribute(`value`)===l.value),r=n?t.indexOf(n):-1;r>=0&&f.set(r),!f.handleKeydown(e)&&m.handleKeydown(e)};return e({on:{click:handleTabClick,keydown:handleKeydown}}),p(()=>{let e=i?.querySelector(`slot[name="tabs"]`),t=i?.querySelector(`slot:not([name])`),sync=()=>{ensureSelection(),d.value=t?.assignedElements().some(e=>e.localName===`ore-tab-panel`)??!1,updateIndicator()};return e?.addEventListener(`slotchange`,sync),t?.addEventListener(`slotchange`,sync),sync(),requestAnimationFrame(sync),()=>{e?.removeEventListener(`slotchange`,sync),t?.removeEventListener(`slotchange`,sync)}}),s`
|
|
1448
1448
|
<div class="tablist-wrapper">
|
|
1449
1449
|
<div
|
|
1450
1450
|
role="tablist"
|
|
@@ -3226,7 +3226,82 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3226
3226
|
`)}
|
|
3227
3227
|
<slot name="footer"></slot>
|
|
3228
3228
|
</div>
|
|
3229
|
-
`},styles:[X,Vi]});var Gi=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.radio-group-items{flex-direction:var(--radio-group-direction,column);gap:var(--radio-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);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}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .radio-group-items{--radio-group-direction:row;flex-wrap:wrap}}`,Ki=t(`OreRadioGroup`),qi=`ore-radio-group`;i(qi,{formAssociated:!0,props:{...W,...G,...K,error:m.string(),helper:m.string(),label:m.string(),name:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`vertical`),required:m.bool(!1),value:{...m.string(),reflect:!1}},setup(t){let r=o(),i=y(),a=x(),c=S,l=createChoiceField({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,prefix:`radio-group`,required:t.required,signal:lifecycleSignal(u),value:t.value});l.attachFormField(b({disabled:l.disabled,onReset:l.reset,toFormValue:e=>e,validationMessage:l.validationMessage,validity:l.validity,value:l.formValue}));let d=l.selectedValue,f=t.disabled;e({attr:{size:t.size,value:()=>d.value||null}});let getSlottedRadios=()=>getLightChildrenByTag(r,`ore-radio`),getEnabledRadios=()=>f.value?[]:getSlottedRadios().filter(e=>!e.hasAttribute(`disabled`)),getLabelForValue=e=>getChoiceLabel(getSlottedRadios(),e),selectRadio=(e,t)=>{l.setValues(e?[e]:[]);let n=e?[getLabelForValue(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),l.triggerValidation(`blur`)};h(Ki,{color:t.color,disabled:f,name:t.name,select:selectRadio,size:t.size,value:d}),c(()=>{a.elements().value,d.value;let e=getSlottedRadios();for(let n of e){let e=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,e===d.value),t.name.value?n.setAttribute(`name`,t.name.value):n.removeAttribute(`name`),t.color.value?n.setAttribute(`color`,t.color.value):n.removeAttribute(`color`),t.size.value?n.setAttribute(`size`,t.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,f.value)}}),c(()=>{a.elements().value;let e=getSlottedRadios(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===d.value;n.setAttribute(`tabindex`,e&&!f.value?`0`:`-1`),e&&!f.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let p=createListControl({getItems:getEnabledRadios,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),t.tagName===`ORE-RADIO`&&selectRadio(t.getAttribute(`value`)??``,e)},signal:lifecycleSignal(u)});e({on:{change:e=>{e.target!==r&&(e.stopPropagation(),selectRadio(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=getEnabledRadios();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(p.set(n),p.handleKeydown(e))}}});let m=n(`radio-group-legend`);return s`
|
|
3229
|
+
`},styles:[X,Vi]});var Gi=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));min-width:var(--query-bar-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.prefix{display:contents}.prefix>ore-icon{color:var(--text-color-tertiary);flex-shrink:0}.prefix>ore-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))){margin-right:var(--size-1)}.prefix>ore-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)){margin-left:var(--size-1)}.pills{display:contents}.prefix ore-chip{flex:none}.prefix ore-chip: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-1)}.prefix ore-chip: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-1)}.suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border);border-radius:var(--rounded-sm)}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;min-width:var(--query-bar-dropdown-min-width,16rem);max-width:var(--query-bar-dropdown-max-width,min(28rem, calc(100vw - var(--size-4))));max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));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);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown: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}.dropdown: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}.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))}}.option{box-sizing:border-box;gap:var(--size-2);height:var(--query-bar-option-height,36px);padding:var(--size-1) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:baseline;display:flex}.option:hover{background:var(--_option-hover-bg)}.option[data-focused]{color:var(--_theme-base);background:var(--_option-focus-bg)}.no-match{box-sizing:border-box;height:var(--query-bar-option-height,36px);padding:var(--size-1) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-color-tertiary);border-radius:var(--rounded-sm);align-items:center;display:flex}.option-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.option-meta{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:1;overflow:hidden}.option-meta: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:right}.option-meta: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}}`,Ki=/^([a-z][a-z0-9-]*):(.*)$/i,lower=e=>e.toLowerCase();function keyIndex(e){return new Map(e.map(e=>[lower(e.key),e]))}function resolveOption(e,t){let n=lower(t);return e.options.find(e=>lower(e.value)===n||lower(e.label)===n)}function draftOf(e,t){let n=Ki.exec(e);if(!n)return null;let r=t.get(lower(n[1]));return r?{key:r.key,valuePrefix:n[2]}:null}function trailingDraft(e,t,n){if(/\s$/.test(e))return null;let r=draftOf(t[t.length-1]??``,n);if(!r)return null;let i=n.get(lower(r.key));return i&&resolveOption(i,r.valuePrefix)?null:r}function commitToken(e,t,n){let r=[...e.tokens],i=r.findIndex(e=>e.key===t);return i>=0?r[i]={key:t,value:n}:r.push({key:t,value:n}),{text:e.text,tokens:r}}function removeToken(e,t){return{text:e.text,tokens:e.tokens.filter(e=>e.key!==t)}}function parseQuery(e,t){let n=e.trim();if(n===``)return{draft:null,text:``,tokens:[]};let r=keyIndex(t),i=n.split(/\s+/),a=trailingDraft(e,i,r),o=a?i.slice(0,-1):i,s=[],c=[];for(let e of o){let t=Ki.exec(e),n=t?r.get(lower(t[1])):void 0,i=n&&t?resolveOption(n,t[2]):void 0;if(n&&i){let e=c.findIndex(e=>e.key===n.key);e>=0?c[e]={key:n.key,value:i.value}:c.push({key:n.key,value:i.value})}else s.push(e)}return{draft:a,text:s.join(` `),tokens:c}}function suggestQuery(e,t){let n=parseQuery(e,t).draft,matches=(e,t)=>lower(t.value).startsWith(e)||lower(t.label).startsWith(e);if(n){let e=keyIndex(t).get(lower(n.key));if(!e)return[];let r=lower(n.valuePrefix);return e.options.filter(e=>matches(r,e)).map(t=>({key:e.key,kind:`value`,label:t.label,value:t.value}))}let r=lower(/\s$/.test(e)||e.trim()===``?``:e.trim().split(/\s+/).pop()??``),i=t.filter(e=>lower(e.key).startsWith(r)||lower(e.label).startsWith(r)).map(e=>({key:e.key,kind:`key`,label:e.label})),a=r===``?[]:t.flatMap(e=>e.options.filter(e=>matches(r,e)).map(t=>({key:e.key,kind:`value`,label:t.label,value:t.value})));return[...i,...a]}var qi=36,Ji=`ore-query-bar`;i(Ji,{props:{clearable:m.bool(!1),disabled:m.bool(!1),error:m.string(),helper:m.string(),"hide-label":m.bool(!1),label:m.string(),placeholder:m.string(),rounded:m.string(),size:m.string(),state:m.data(),variant:m.string(),vocabulary:m.data()},setup(t){let r=o(),i=y(),a=S,c=lifecycleSignal(u),l=n(`query-bar`),vocabulary=()=>t.vocabulary.value??[],emptyState=()=>({text:``,tokens:[]}),normalizeState=e=>{if(e==null)return emptyState();if(typeof e!=`object`||!Array.isArray(e.tokens))return null;let t=e;return{text:typeof t.text==`string`?t.text:``,tokens:t.tokens}},f=D(normalizeState(t.state.value)??emptyState()),m=D(f.value.text),h=w(()=>suggestQuery(m.value,vocabulary())),_=w(()=>new Map(vocabulary().map(e=>[e.key,e]))),v=w(()=>{let e=parseQuery(m.value,vocabulary()).draft;return e!==null&&e.valuePrefix!==``&&h.value.length===0}),b=w(()=>{let e=parseQuery(m.value,vocabulary()).draft;return`No matching ${(e?_.value.get(e.key):void 0)?.label??e?.key??``} — searching as text`}),x=null,C=null,T=null,E=g(),O=createListboxDropdown({getBoundary:()=>r,getFocusedOptionElement:()=>T?.querySelector(`[data-focused]`)??null,getItems:()=>h.value,getOptionId:e=>`${l}-opt-${e}`,getPanel:()=>T,getReference:()=>C,getTrigger:()=>x,isDisabled:()=>!!t.disabled.value,isItemDisabled:()=>!1,onClose:e=>i(`open-change`,{open:!1,reason:e}),onOpen:e=>i(`open-change`,{open:!0,reason:e}),positioning:{matchWidth:!1},restoreFocus:!1,signal:c}),{focusedIndex:k,isOpen:A}=O;e({attr:{open:()=>A.value?!0:void 0,size:t.size,variant:t.variant}}),Object.defineProperty(r,"state",{configurable:!0,enumerable:!0,get:()=>f.value,set:e=>{let t=normalizeState(e);t!==null&&t.tokens!==f.value.tokens&&(f.value=t,m.value=t.text)}});function emitChange(){dispatchNativeFieldEvent(r,`input`),dispatchNativeFieldEvent(r,`change`)}function commit(e){f.value=e,emitChange()}function mergeTokens(e,t){let n=e;for(let e of t){let t=n.findIndex(t=>t.key===e.key);n=t>=0?[...n.slice(0,t),e,...n.slice(t+1)]:[...n,e]}return n}function applyField(){let e=parseQuery(m.value,vocabulary());e.tokens.length>0&&(m.value=e.text),commit({text:e.text,tokens:mergeTokens(f.value.tokens,e.tokens)})}function handleInput(e){m.value=e.target.value,applyField(),canOpen()&&O.open(`keyboard`)}function pick(e){let t=/\s$/.test(m.value)||m.value.trim()===``?``:m.value.replace(/\S+\s*$/,``).trim();e.kind===`key`?(m.value=t?`${t} ${e.key}:`:`${e.key}:`,applyField()):(m.value=t,commit(commitToken({text:t,tokens:f.value.tokens},e.key,e.value))),x?.focus()}function removeChip(e){e.stopPropagation();let t=e.detail?.value;t!==void 0&&(commit(removeToken(f.value,t)),x?.focus())}function clearText(){m.value=``,commit({text:``,tokens:f.value.tokens}),x?.focus()}function handleKeydown(e){if(!t.disabled.value&&!O.handleKeydown(e))switch(e.key){case`Enter`:{let t=A.value?h.value[k.value]:void 0;t&&(e.preventDefault(),pick(t));break}case`Backspace`:if(m.value===``&&f.value.tokens.length>0){let e=f.value.tokens[f.value.tokens.length-1];e&&commit(removeToken(f.value,e.key))}break;case`Tab`:O.close(`programmatic`)}}let canOpen=()=>h.value.length>0||v.value,openDropdown=()=>{canOpen()&&O.open(`focus`)};a(()=>{A.value&&!canOpen()&&O.close(`programmatic`)});function handleFocusOut(e){let t=e.relatedTarget;if(t instanceof Node&&r.shadowRoot?.contains(t))return;let n=parseQuery(m.value,vocabulary());if(n.draft){if(n.draft.valuePrefix===``){m.value=n.text;return}if(suggestQuery(m.value,vocabulary()).length===0){let e=n.text?`${n.text} ${n.draft.key}:${n.draft.valuePrefix}`:`${n.draft.key}:${n.draft.valuePrefix}`;m.value=e,commit({text:e,tokens:f.value.tokens})}}}a(()=>{h.value,O.isOpen.value&&O.set(-1)}),a(()=>{A.value?(T&&`showPopover`in T&&!T.matches(`:popover-open`)&&T.showPopover(),O.updatePosition()):T&&`hidePopover`in T&&T.matches(`:popover-open`)&&T.hidePopover()}),d(E,e=>{C=e;let t=e.shadowRoot?.querySelector(`input`)??null;if(t)return x=t,t.setAttribute(`role`,`combobox`),t.setAttribute(`autocomplete`,`off`),t.setAttribute(`aria-autocomplete`,`list`),t.setAttribute(`aria-haspopup`,`listbox`),t.setAttribute(`spellcheck`,`false`),t.setAttribute(`aria-keyshortcuts`,`Backspace`),t.addEventListener(`input`,handleInput),t.addEventListener(`keydown`,handleKeydown),t.addEventListener(`focus`,openDropdown),t.addEventListener(`focusout`,handleFocusOut),()=>{x=null,C=null,t.removeEventListener(`input`,handleInput),t.removeEventListener(`keydown`,handleKeydown),t.removeEventListener(`focus`,openDropdown),t.removeEventListener(`focusout`,handleFocusOut)}}),p(()=>{let e=r.shadowRoot?.querySelector(`[role="listbox"]`);x&&setAriaReflection(x,`ariaControlsElements`,e?[e]:[])}),a(()=>{if(!E.value||!x)return;x.setAttribute(`aria-expanded`,String(A.value));let e=r.shadowRoot?.querySelector(`[role="listbox"]`);setAriaReflection(x,`ariaControlsElements`,e?[e]:[]);let n=O.ariaActiveDescendant.value,i=n?[...T?.querySelectorAll(`[role="option"]`)??[]].find(e=>e.id===n):null;setAriaReflection(x,`ariaActiveDescendantElement`,i?.id===n?[i]:[]),t.disabled.value?x.setAttribute(`aria-disabled`,`true`):x.removeAttribute(`aria-disabled`),t.error.value?x.setAttribute(`aria-invalid`,`true`):x.removeAttribute(`aria-invalid`)}),a(()=>{E.value&&x&&x.value!==m.value&&(x.value=m.value)}),u(()=>{O[Symbol.dispose]()});let hideLabel=()=>t[`hide-label`].value,inputLabel=()=>hideLabel()?``:t.label.value??``,inputAriaLabel=()=>hideLabel()?t.label.value??``:null,pillLabel=e=>{let t=_.value.get(e.key),n=t?.options.find(t=>t.value===e.value);return t&&n?`${t.label}: ${n.label}`:`${t?.key??e.key}: ${n?.label??e.value}`},optionMeta=e=>{let t=_.value.get(e.key);return e.kind===`key`?`${e.key}:`:t?.label??e.key};return s`
|
|
3230
|
+
<ore-input
|
|
3231
|
+
class="trigger"
|
|
3232
|
+
ref=${E}
|
|
3233
|
+
label="${inputLabel}"
|
|
3234
|
+
aria-label="${inputAriaLabel}"
|
|
3235
|
+
placeholder="${()=>t.placeholder.value??``}"
|
|
3236
|
+
label-placement="inset"
|
|
3237
|
+
variant="${()=>t.variant.value??`bordered`}"
|
|
3238
|
+
size="${()=>t.size.value??``}"
|
|
3239
|
+
rounded="${()=>t.rounded.value??`md`}"
|
|
3240
|
+
helper="${()=>t.helper.value??``}"
|
|
3241
|
+
error="${()=>t.error.value??``}"
|
|
3242
|
+
?disabled="${()=>!!t.disabled.value}"
|
|
3243
|
+
part="wrapper">
|
|
3244
|
+
<div class="prefix" slot="prefix">
|
|
3245
|
+
<ore-icon name="search" size="16" aria-hidden="true"></ore-icon>
|
|
3246
|
+
<span class="pills">
|
|
3247
|
+
${()=>f.value.tokens.map(e=>s`
|
|
3248
|
+
<ore-chip
|
|
3249
|
+
value=${e.key}
|
|
3250
|
+
label=${pillLabel(e)}
|
|
3251
|
+
mode="removable"
|
|
3252
|
+
variant="flat"
|
|
3253
|
+
size="sm"
|
|
3254
|
+
@remove=${removeChip}>
|
|
3255
|
+
${pillLabel(e)}
|
|
3256
|
+
</ore-chip>
|
|
3257
|
+
`)}
|
|
3258
|
+
</span>
|
|
3259
|
+
</div>
|
|
3260
|
+
<span class="suffix" slot="suffix">
|
|
3261
|
+
<button
|
|
3262
|
+
class="clear-btn"
|
|
3263
|
+
part="clear-btn"
|
|
3264
|
+
type="button"
|
|
3265
|
+
aria-label="Clear"
|
|
3266
|
+
tabindex="-1"
|
|
3267
|
+
?hidden="${()=>!t.clearable.value||m.value===``}"
|
|
3268
|
+
@click="${clearText}">
|
|
3269
|
+
<ore-icon name="x" size="12" stroke-width="2.5" aria-hidden="true"></ore-icon>
|
|
3270
|
+
</button>
|
|
3271
|
+
</span>
|
|
3272
|
+
</ore-input>
|
|
3273
|
+
<div
|
|
3274
|
+
class="dropdown"
|
|
3275
|
+
part="dropdown"
|
|
3276
|
+
id="${()=>`${l}-dropdown`}"
|
|
3277
|
+
popover="manual"
|
|
3278
|
+
?data-open=${()=>A.value}
|
|
3279
|
+
ref=${e=>{T=e}}>
|
|
3280
|
+
<div
|
|
3281
|
+
role="listbox"
|
|
3282
|
+
id="${()=>`${l}-listbox`}"
|
|
3283
|
+
style="${()=>A.value&&canOpen()?`height:${(v.value?1:h.value.length)*qi}px;`:``}"
|
|
3284
|
+
aria-label="${()=>t.label.value||t.placeholder.value||`Suggestions`}">
|
|
3285
|
+
${()=>A.value&&v.value?s`<div class="no-match" role="option" aria-selected="false" aria-disabled="true">${b.value}</div>`:``}
|
|
3286
|
+
${()=>A.value&&h.value.length>0?h.value.map((e,t)=>s`
|
|
3287
|
+
<div
|
|
3288
|
+
class="option"
|
|
3289
|
+
role="option"
|
|
3290
|
+
id="${`${l}-opt-${t}`}"
|
|
3291
|
+
data-option-index="${t}"
|
|
3292
|
+
aria-selected="false"
|
|
3293
|
+
aria-disabled="false"
|
|
3294
|
+
style="${`position:absolute;top:0;left:0;right:0;transform:translateY(${t*qi}px);`}"
|
|
3295
|
+
?data-focused=${()=>k.value===t}
|
|
3296
|
+
@pointermove="${()=>O.set(t)}"
|
|
3297
|
+
@click="${()=>pick(e)}">
|
|
3298
|
+
<span class="option-label">${e.label}</span>
|
|
3299
|
+
<span class="option-meta">${optionMeta(e)}</span>
|
|
3300
|
+
</div>
|
|
3301
|
+
`):``}
|
|
3302
|
+
</div>
|
|
3303
|
+
</div>
|
|
3304
|
+
`},shadow:{delegatesFocus:!0},styles:[Q,Y,X,Gi]});var Yi=`@layer refine.base{:host{display:block}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:var(--size-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-contrast-600);padding:0}legend[hidden]{display:none}.radio-group-items{flex-direction:var(--radio-group-direction,column);gap:var(--radio-group-gap,var(--size-2));display:flex}.helper-text[hidden]{display:none}.helper-text{margin-top:var(--size-1-5);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}.error-text{margin-top:var(--size-1-5);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-error);padding-left:2px;padding-right:2px}}@layer refine.variants{:host([orientation=horizontal]) .radio-group-items{--radio-group-direction:row;flex-wrap:wrap}}`,Xi=t(`OreRadioGroup`),Zi=`ore-radio-group`;i(Zi,{formAssociated:!0,props:{...W,...G,...K,error:m.string(),helper:m.string(),label:m.string(),name:m.string(),orientation:m.oneOf([`horizontal`,`vertical`],`vertical`),required:m.bool(!1),value:{...m.string(),reflect:!1}},setup(t){let r=o(),i=y(),a=x(),c=S,l=createChoiceField({disabled:t.disabled,error:t.error,helper:t.helper,label:t.label,prefix:`radio-group`,required:t.required,signal:lifecycleSignal(u),value:t.value});l.attachFormField(b({disabled:l.disabled,onReset:l.reset,toFormValue:e=>e,validationMessage:l.validationMessage,validity:l.validity,value:l.formValue}));let d=l.selectedValue,f=t.disabled;e({attr:{size:t.size,value:()=>d.value||null}});let getSlottedRadios=()=>getLightChildrenByTag(r,`ore-radio`),getEnabledRadios=()=>f.value?[]:getSlottedRadios().filter(e=>!e.hasAttribute(`disabled`)),getLabelForValue=e=>getChoiceLabel(getSlottedRadios(),e),selectRadio=(e,t)=>{l.setValues(e?[e]:[]);let n=e?[getLabelForValue(e)]:[];i(`change`,{labels:n,originalEvent:t,values:e?[e]:[]}),l.triggerValidation(`blur`)};h(Xi,{color:t.color,disabled:f,name:t.name,select:selectRadio,size:t.size,value:d}),c(()=>{a.elements().value,d.value;let e=getSlottedRadios();for(let n of e){let e=n.getAttribute(`value`)??``;n.toggleAttribute(`checked`,e===d.value),t.name.value?n.setAttribute(`name`,t.name.value):n.removeAttribute(`name`),t.color.value?n.setAttribute(`color`,t.color.value):n.removeAttribute(`color`),t.size.value?n.setAttribute(`size`,t.size.value):n.removeAttribute(`size`),n.toggleAttribute(`disabled`,f.value)}}),c(()=>{a.elements().value;let e=getSlottedRadios(),t=!1;for(let n of e){let e=n.getAttribute(`value`)===d.value;n.setAttribute(`tabindex`,e&&!f.value?`0`:`-1`),e&&!f.value&&(t=!0)}if(!t&&e.length>0){let t=e.find(e=>!e.hasAttribute(`disabled`));t&&t.setAttribute(`tabindex`,`0`)}});let p=createListControl({getItems:getEnabledRadios,keys:{next:[`ArrowDown`,`ArrowRight`],prev:[`ArrowUp`,`ArrowLeft`]},loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),t.tagName===`ORE-RADIO`&&selectRadio(t.getAttribute(`value`)??``,e)},signal:lifecycleSignal(u)});e({on:{change:e=>{e.target!==r&&(e.stopPropagation(),selectRadio(e.target.getAttribute(`value`)??``,e))},keydown:e=>{let t=getEnabledRadios();if(!t.length)return;let n=t.indexOf(document.activeElement);n!==-1&&(p.set(n),p.handleKeydown(e))}}});let m=n(`radio-group-legend`);return s`
|
|
3230
3305
|
<fieldset
|
|
3231
3306
|
role="radiogroup"
|
|
3232
3307
|
aria-required="${()=>String(!!t.required.value)}"
|
|
@@ -3251,7 +3326,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3251
3326
|
${()=>l.errorText.value||l.helperText.value}
|
|
3252
3327
|
</div>
|
|
3253
3328
|
</fieldset>
|
|
3254
|
-
`},styles:[Z,
|
|
3329
|
+
`},styles:[Z,Yi]});var Qi=`@layer refine.base{:host{--_size:var(--radio-size,var(--size-5));--_font-size:var(--radio-font-size,var(--text-sm));--_bg:var(--radio-bg,var(--color-contrast-200));--_border:var(--radio-border-color,var(--color-contrast-300));gap:var(--_gap,var(--size-2));min-height:var(--_touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex}.radio-wrapper{width:var(--_size);height:var(--_size);flex-shrink:0;display:block;position:relative}.circle{box-sizing:border-box;width:var(--_size);height:var(--_size);background:var(--_bg);border:var(--border-2) solid var(--_border);transition:background var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;position:relative}:host(:focus-visible) .circle{box-shadow:var(--_focus-shadow)}.dot{background:var(--_dot-color);opacity:0;width:50%;height:50%;transition:opacity var(--transition-spring), transform var(--transition-spring);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.label{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}.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(--_size) + var(--size-2))}.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(--_size) + var(--size-2))}.helper-text[role=alert]{color:var(--color-error)}}@layer refine.overrides{:host{--_active-bg:var(--radio-checked-bg,var(--_theme-base));--_dot-color:var(--radio-color,var(--_theme-contrast));--_focus-shadow:var(--_theme-shadow)}:host([checked]) .circle{background:var(--_active-bg);border-color:var(--_active-bg)}:host([checked]) .dot{opacity:1;transform:translate(-50%,-50%)scale(1)}}`,$i=`ore-radio`;i($i,{formAssociated:!0,props:{...W,...G,...K,checked:m.bool(!1),error:m.string(),helper:m.string(),name:m.string(),value:m.string()},setup(t){let n=o(),r=c(Xi),i=w(()=>r?.name.value||t.name.value||``),a=w(()=>r?.size.value??t.size.value),l=w(()=>r?.color.value??t.color.value),d=w(()=>r?r.value.value===t.value.value:!!t.checked.value),getRadioGroup=()=>{let e=i.value;return e?Array.from(document.querySelectorAll(`ore-radio[name="${e}"]`)).filter(e=>!e.hasAttribute(`disabled`)):[]},selectRadio=(e,t)=>{if(r){r.select(e.getAttribute(`value`)??``,t);return}e.click()},f=createListControl({direction:()=>elementDirection(n),getItems:()=>getRadioGroup(),loop:!0,onNavigate:({event:e,item:t})=>{t.focus(),selectRadio(t,e)},orientation:`both`,signal:lifecycleSignal(u)}),activateSelf=e=>{if(!p.checked.value){if(r){r.select(t.value.value??``,e);return}p.toggle(e??new Event(`change`))}},p=createCheckable({checked:d,disabled:w(()=>t.disabled.value||!!r?.disabled.value),error:t.error,helper:t.helper,onToggle:e=>{setFieldChecked(n,e.checked),dispatchNativeFieldEvent(n,`input`),dispatchNativeFieldEvent(n,`change`)},prefix:`radio`,signal:lifecycleSignal(u),value:t.value});p.attachFormField(b({disabled:p.disabled,toFormValue:e=>e,value:p.checkableFormValue}));let{assistiveId:m,checked:h,disabled:g,errorText:_,helperText:v,labelId:y,toggle:x}=p;return defineFieldChecked(n,()=>h.value,e=>{h.value=e}),e({attr:{"aria-checked":()=>h.value?`true`:`false`,"aria-describedby":()=>_.value||v.value?m:null,"aria-disabled":()=>g.value?`true`:null,"aria-invalid":()=>_.value?`true`:null,"aria-labelledby":y,checked:h,color:l,disabled:()=>g.value?!0:void 0,name:()=>i.value||void 0,role:`radio`,size:a,tabindex:()=>{if(!g.value)return h.value?0:-1}},class:()=>({"is-checked":h.value,"is-disabled":g.value}),on:{click:e=>{if(!g.value){if(r)r.select(t.value.value??``,e);else{if(!i.value)return;if(!h.value){let r=t.name.value;document.querySelectorAll(`ore-radio[name="${r}"]`).forEach(e=>{e!==n&&e.removeAttribute(`checked`)}),x(e)}}}},keydown:e=>{if(e.key===` `||e.key===`Enter`){e.preventDefault(),activateSelf(e);return}let t=getRadioGroup();if(t.length===0)return;let r=t.indexOf(n);r!==-1&&(f.set(r),f.handleKeydown(e))}}}),s`
|
|
3255
3330
|
<div class="radio-wrapper" part="radio">
|
|
3256
3331
|
<div class="circle" part="circle">
|
|
3257
3332
|
<div class="dot" part="dot"></div>
|
|
@@ -3259,7 +3334,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3259
3334
|
</div>
|
|
3260
3335
|
<span class="label" part="label" id="${y}"><slot></slot></span>
|
|
3261
3336
|
${renderHelperRegion(m,_,v)}
|
|
3262
|
-
`},styles:[Q,Tt,Z,J,sizeVariantMixin(ct),
|
|
3337
|
+
`},styles:[Q,Tt,Z,J,sizeVariantMixin(ct),Qi]});var ea=`@layer refine.base{:host{--_star-size:var(--rating-star-size,var(--size-7));--_color-empty:var(--rating-color-empty,var(--color-contrast-200));--_color-filled:var(--rating-color-filled,var(--_theme-base,var(--color-warning)));--_gap:var(--rating-gap,var(--size-0_5));flex-wrap:wrap;align-items:center;display:inline-flex}.stars{gap:var(--_gap);align-items:center;display:flex;position:relative}.sparkle-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.sparkle{pointer-events:none;background:var(--_color-filled);animation:var(--_motion-animation,sparkle-fly var(--_dur,.5s) var(--ease-out) forwards);border-radius:50%;position:absolute}@keyframes sparkle-fly{0%{opacity:.9;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--_angle)) translateY(calc(-1 * var(--_dist))) scale(0)}}.star-btn{all:unset;width:var(--_star-size);min-width:var(--_touch-target);height:var(--_star-size);min-height:var(--_touch-target);color:var(--_color-empty);cursor:pointer;border-radius:var(--rounded-sm);transition:color var(--transition-fast), transform .12s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.star-btn[data-filled]{color:var(--_color-filled)}:host([solid]) .star-btn ore-icon::part(svg){fill:none}:host([solid]) .star-btn[data-filled] ore-icon::part(svg){fill:currentColor}.star-btn:hover:not([disabled]),.star-btn:focus-visible:not([disabled]){transform:scale(1.08)}.star-btn:focus-visible{outline:var(--border-2) solid var(--_color-filled);outline-offset:var(--border-2)}.star-btn[disabled]{cursor:default}:host([readonly]) .star-btn,:host([disabled]) .star-btn{pointer-events:none}:host([disabled]){opacity:.5}}@layer refine.utilities{:host([size=sm]){--_star-size:var(--size-5)}:host([size=lg]){--_star-size:var(--size-9)}@media (forced-colors:active){.star-btn{color:buttontext}.star-btn[data-filled]{color:highlight;forced-color-adjust:none}.star-btn:focus-visible{box-shadow:none;outline:2px solid highlight}}.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));margin-top:var(--size-1)}.helper-text[role=alert]{color:var(--color-error)}}@media (prefers-reduced-motion:reduce){.sparkle{display:none}}`,ta=`ore-rating`;i(ta,{formAssociated:!0,props:{...W,...G,...K,error:m.string(),helper:m.string(),label:m.string(`Rating`),max:m.number(5),name:m.string(),readonly:m.bool(!1),solid:m.bool(!1),value:m.number(0)},setup(t){let r=o(),i=w(()=>{let e=Math.max(1,Number(t.max?.value)||5),n=Number(t.value?.value);return Math.min(e,Math.max(0,Number.isFinite(n)?n:0))}),a=w(()=>!!t.disabled.value);defineFieldValue(r,()=>String(i.value),e=>{r.setAttribute(`value`,e)}),b({disabled:a,value:w(()=>String(i.value||0))});let c=n(`helper`),l=createErrorHelperState({error:t.error,helper:t.helper}),u=w(()=>l.value.errorText),d=w(()=>l.value.helperText),f=w(()=>u.value||d.value?c:null),p=w(()=>!t.readonly?.value&&!a.value),m=D(null),h=w(()=>m.value??i.value),getStarButtons=()=>[...r.shadowRoot?.querySelectorAll(`[data-star]`)??[]],g=createSliderControl({max:w(()=>Number(t.max?.value)||5),min:D(1),step:D(1)});function spawnSparkles(e){let t=r.shadowRoot?.querySelector(`.sparkle-layer`),n=r.shadowRoot?.querySelector(`[data-star="${e}"]`);if(!t||!n)return;let i=n.offsetLeft+n.offsetWidth/2,a=n.offsetTop+n.offsetHeight/2;for(let e=0;e<10;e++){let n=document.createElement(`span`),r=36*e+(Math.random()*30-15),o=18+Math.random()*20,s=3+Math.random()*4,c=380+Math.random()*220;n.className=`sparkle`,n.style.cssText=[`left:${i}px`,`top:${a}px`,`--_angle:${r}deg`,`--_dist:${o}px`,`width:${s}px`,`height:${s}px`,`--_dur:${c}ms`,`animation-delay:${Math.random()*60}ms`].join(`;`),t.appendChild(n),n.addEventListener(`animationend`,()=>n.remove(),{once:!0})}}function select(e,n){if(!p.value)return;let a=Math.max(1,Number(t.max?.value)||5),o=Math.min(a,Math.max(0,e));o!==i.value&&(setFieldValue(r,String(o)),dispatchNativeFieldEvent(r,`input`),dispatchNativeFieldEvent(r,`change`),spawnSparkles(o))}function handleKeydown(e,t){let n=g.nextFromKey(e.key,t);n!=null&&(e.preventDefault(),select(n,e),getStarButtons()[n-1]?.focus())}let _=w(()=>{let e=Number(t.max?.value)||5;return Array.from({length:e},(e,t)=>t+1)});return e({attr:{size:t.size}}),s`
|
|
3263
3338
|
<div
|
|
3264
3339
|
class="stars"
|
|
3265
3340
|
part="stars"
|
|
@@ -3287,7 +3362,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3287
3362
|
<div class="sparkle-layer"></div>
|
|
3288
3363
|
</div>
|
|
3289
3364
|
${renderHelperRegion(c,u,d)}
|
|
3290
|
-
`},styles:[Q,sizeVariantMixin({}),J,Y,
|
|
3365
|
+
`},styles:[Q,sizeVariantMixin({}),J,Y,ea]});var na=`@layer refine.base{:host{--_size:var(--slider-size,var(--size-5));--_height:var(--slider-height,var(--size-1));--_track:var(--slider-track-bg,var(--color-contrast-300));--_fill:var(--slider-fill,var(--color-neutral));--_thumb:var(--slider-thumb-bg,var(--color-contrast-50));--_thumb-size:var(--_size);--_thumb-inset:var(--slider-thumb-inset,var(--size-2-5));--_touch-target:var(--size-11);--_font-size:var(--text-sm);--_shadow:var(--color-neutral-focus-shadow);gap:var(--_gap,var(--size-3));min-width:var(--slider-min-width,12rem);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;display:inline-flex;position:relative}:host([fullwidth]){width:100%;min-width:0}}.slider-container{box-sizing:border-box;width:100%;min-height:var(--_touch-target);padding-inline:var(--_thumb-inset);flex:1;align-items:center;display:flex;position:relative}.slider-track{width:100%;height:var(--_height);background:var(--_track);border-radius:var(--rounded-full);position:relative}.slider-fill{top:0;left:var(--_fill-start,0%);width:var(--_fill-width,0%);background:var(--_fill);border-radius:var(--rounded-full);height:100%;transition:var(--_motion-transition,left var(--transition-fast), width var(--transition-fast));position:absolute}:host([data-dragging]) .slider-fill{transition:none}.slider-thumb{z-index:1;box-sizing:border-box;width:var(--_thumb-size);height:var(--_thumb-size);cursor:grab;background:var(--_thumb);border:2px solid var(--_fill);border-radius:var(--rounded-full);box-shadow:var(--shadow-sm);transition:var(--_motion-transition,box-shadow var(--transition-fast), left var(--transition-fast));will-change:transform;position:absolute;top:50%;transform:translate(-50%,-50%)}:host([data-dragging]) .slider-thumb{cursor:grabbing;box-shadow:var(--_shadow);transition:var(--_motion-transition,box-shadow var(--transition-fast))}.slider-thumb-sole{left:var(--_thumb-pos,0%)}:host(:focus-visible) .slider-thumb-sole,:host(:active) .slider-thumb-sole{box-shadow:var(--_shadow)}.slider-thumb-start{left:var(--_thumb-start,0%)}.slider-thumb-end{left:var(--_thumb-end,100%)}.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{z-index:2;outline:var(--border-2) solid var(--_fill);outline-offset:var(--size-0-5);box-shadow:var(--_shadow)}:host(:not([range])) .slider-thumb-start,:host(:not([range])) .slider-thumb-end,:host([range]) .slider-thumb-sole{display:none}@media (hover:hover){:host(:not([disabled])) .slider-thumb:hover{box-shadow:var(--_shadow)}}@media (forced-colors:active){:host(:focus-visible) .slider-thumb-sole,.slider-thumb-start:focus-visible,.slider-thumb-end:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}@layer refine.overrides{:host{--_fill:var(--slider-fill,var(--_theme-base));--_shadow:var(--_theme-shadow)}}.label{font-size:var(--_font-size);color:var(--color-contrast);white-space:nowrap}.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[role=alert]{color:var(--color-error)}`,guard=(e,t)=>n=>{e()&&t(n)},ra=`ore-slider`;i(ra,{formAssociated:!0,props:{...W,...G,...K,error:m.string(),from:m.number(0),"from-value-text":m.string(),fullwidth:m.bool(!1),helper:m.string(),max:m.number(100),min:m.number(0),name:m.string(),range:m.bool(!1),step:m.number(1),to:m.number(100),"to-value-text":m.string(),value:m.number(0),"value-text":m.string()},setup(t){let r=o(),i=x(),a=t.range.value,c=createSliderControl({max:t.max,min:t.min,step:t.step}),l=D(!1),d=w(()=>!!t.disabled.value),m=D(void 0),h=n(`helper`),_=createErrorHelperState({error:t.error,helper:t.helper}),v=w(()=>_.value.errorText),y=w(()=>_.value.helperText),S=w(()=>v.value||y.value?h:null);e({attr:{"data-dragging":()=>l.value?!0:void 0,size:t.size}});let C=D(`0`);a||(b({disabled:d,value:C}),k(t.value,e=>{C.value=String(e)},{immediate:!0}),e({attr:{"aria-describedby":()=>S.value??null,"aria-disabled":()=>d.value?`true`:null,"aria-labelledby":()=>m.value??null,"aria-valuemax":()=>c.max(),"aria-valuemin":()=>c.min(),"aria-valuenow":()=>Number(C.value||0),"aria-valuetext":()=>t[`value-text`].value??null,role:()=>`slider`,tabindex:()=>d.value?null:`0`}}));let T=D(0),E=D(100);defineFieldValue(r,()=>a?`${T.value},${E.value}`:C.value,e=>{if(a){let[t,n]=e.split(`,`).map(Number);Number.isFinite(t)&&(T.value=c.snap(t)),Number.isFinite(n)&&(E.value=c.snap(n));return}let t=Number(e);Number.isFinite(t)&&(C.value=String(c.snap(t)))}),a&&(b({disabled:d,toFormValue:({from:e,to:n})=>{let r=t.name.value;if(!r)return null;let i=new FormData;return i.append(`${r}[from]`,String(e)),i.append(`${r}[to]`,String(n)),i},value:w(()=>({from:T.value,to:E.value}))}),k(t.from,e=>{T.value=c.snap(Number(e))},{immediate:!0}),k(t.to,e=>{E.value=c.snap(Number(e))},{immediate:!0}));let O=g(),A=g(),j=g(),M=g(),N=g(),P=n(`slider-start`),F=n(`slider-end`),updateSingleCSS=e=>{let t=c.toPercent(e);r.style.setProperty(`--_thumb-pos`,`${t}%`),r.style.setProperty(`--_fill-start`,`0%`),r.style.setProperty(`--_fill-width`,`${t}%`)},updateRangeCSS=()=>{let e=c.toPercent(T.value),t=c.toPercent(E.value);r.style.setProperty(`--_thumb-start`,`${e}%`),r.style.setProperty(`--_thumb-end`,`${t}%`),r.style.setProperty(`--_fill-start`,`${e}%`),r.style.setProperty(`--_fill-width`,`${t-e}%`)},emitValueChange=()=>{let e=a?`${T.value},${E.value}`:C.value;setFieldValue(r,e),dispatchNativeFieldEvent(r,`input`),dispatchNativeFieldEvent(r,`change`)},setupRangeMode=(n,r)=>{updateRangeCSS();let clientToValue=e=>{let t=r.getBoundingClientRect();return c.fromClientX(e,t)},i=null,applyDrag=e=>{i===`start`?T.value=Math.min(c.snap(e),E.value):i===`end`&&(E.value=Math.max(c.snap(e),T.value)),T.value=c.clamp(T.value),E.value=c.clamp(E.value),updateRangeCSS(),emitValueChange()};f(n,`pointerdown`,guard(()=>!d.value,e=>{e.preventDefault();let t=clientToValue(e.clientX);i=Math.abs(t-T.value)<=Math.abs(t-E.value)?`start`:`end`,e.target.setPointerCapture(e.pointerId),applyDrag(t)})),f(n,`pointermove`,guard(()=>!!i,e=>{e.preventDefault(),l.value||=!0,applyDrag(clientToValue(e.clientX))})),f(n,`pointerup`,guard(()=>!!i,e=>{e.preventDefault(),i=null,l.value=!1,e.target.releasePointerCapture(e.pointerId)}));let makeThumbKeydown=(e,t)=>n=>{if(d.value)return;let r=c.nextFromKey(n.key,e());r!==null&&(n.preventDefault(),t(c.snap(r)),updateRangeCSS(),emitValueChange())},a=M.value,o=N.value;a&&(f(a,`keydown`,makeThumbKeydown(()=>T.value,e=>{T.value=Math.min(e,E.value)})),u(e({attr:{"aria-label":`Range start`,"aria-valuemax":()=>E.value,"aria-valuemin":()=>c.min(),"aria-valuenow":()=>T.value,"aria-valuetext":()=>t[`from-value-text`].value??null}},{target:a}))),o&&(f(o,`keydown`,makeThumbKeydown(()=>E.value,e=>{E.value=Math.max(e,T.value)})),u(e({attr:{"aria-label":`Range end`,"aria-valuemax":()=>c.max(),"aria-valuemin":()=>T.value,"aria-valuenow":()=>E.value,"aria-valuetext":()=>t[`to-value-text`].value??null}},{target:o})))},setupSingleMode=(e,t)=>{updateSingleCSS(Number(C.value));let updateValue=e=>{if(d.value)return;let n=t.getBoundingClientRect(),r=c.fromClientX(e,n);Number(C.value)!==r&&(C.value=r.toString(),updateSingleCSS(r),emitValueChange())},n=!1;f(e,`pointerdown`,guard(()=>!d.value,e=>{e.preventDefault(),n=!0,updateValue(e.clientX),e.target.setPointerCapture(e.pointerId)})),f(e,`pointermove`,guard(()=>n,e=>{e.preventDefault(),l.value||=!0,updateValue(e.clientX)})),f(e,`pointerup`,guard(()=>n,e=>{e.preventDefault(),n=!1,l.value=!1,e.target.releasePointerCapture(e.pointerId)})),f(r,`keydown`,guard(()=>!d.value,e=>{let t=Number(C.value||0),n=c.nextFromKey(e.key,t);if(n===null)return;e.preventDefault();let r=c.clamp(n);r!==t&&(C.value=r.toString(),updateSingleCSS(r),emitValueChange())}))};return p(()=>{let e=O.value,t=j.value;if(e&&t){if(i.has().value&&A.value){let e=n(`slider-label`);A.value.id=e,a||(m.value=e)}a?setupRangeMode(e,t):setupSingleMode(e,t)}}),s`
|
|
3291
3366
|
<div class="slider-container" part="slider" ref=${O}>
|
|
3292
3367
|
<div class="slider-track" part="track" ref=${j}>
|
|
3293
3368
|
<div class="slider-fill" part="fill"></div>
|
|
@@ -3312,7 +3387,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3312
3387
|
</div>
|
|
3313
3388
|
<span class="label" part="label" ref=${A}><slot></slot></span>
|
|
3314
3389
|
${renderHelperRegion(h,v,y)}
|
|
3315
|
-
`},styles:[Z,Q,sizeVariantMixin(ut),
|
|
3390
|
+
`},styles:[Z,Q,sizeVariantMixin(ut),na,Y]});var ia=`@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{min-width:0;font-size:var(--_font-size);color:var(--color-contrast);flex:1 1 0}}@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)}}`,aa=`ore-switch`,oa=r`
|
|
3316
3391
|
@media (pointer: coarse) {
|
|
3317
3392
|
:host,
|
|
3318
3393
|
:host([size='md']) {
|
|
@@ -3337,7 +3412,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3337
3412
|
--_touch-target: var(--size-11);
|
|
3338
3413
|
}
|
|
3339
3414
|
}
|
|
3340
|
-
`;i(
|
|
3415
|
+
`;i(aa,{formAssociated:!0,props:{...W,...G,...K,checked:m.bool(!1),error:m.string(),helper:m.string(),name:m.string(),value:m.string(`on`)},setup(e){let t=o(),n=createCheckable({checked:e.checked,clearIndeterminateFirst:!1,disabled:e.disabled,error:e.error,helper:e.helper,onToggle:e=>{n.triggerValidation(`change`),setFieldChecked(t,e.checked),dispatchNativeFieldEvent(t,`input`),dispatchNativeFieldEvent(t,`change`)},prefix:`switch`,signal:lifecycleSignal(u),value:e.value});n.attachFormField(b({disabled:n.disabled,toFormValue:e=>e,value:n.checkableFormValue}));let{assistiveId:r,checked:i,disabled:a,errorText:c,handleClick:l,handleKeydown:d,helperText:f,labelId:p}=n;return defineFieldChecked(t,()=>i.value,e=>{i.value=e}),applyCheckableBinding(e.size,{assistiveId:r,checked:i,disabled:a,errorText:c,handleClick:l,handleKeydown:d,helperText:f,labelId:p},`switch`),s`
|
|
3341
3416
|
<div class="switch-wrapper" part="switch">
|
|
3342
3417
|
<div class="switch-track" part="track">
|
|
3343
3418
|
<div class="switch-thumb" part="thumb"></div>
|
|
@@ -3345,7 +3420,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3345
3420
|
</div>
|
|
3346
3421
|
<span class="label" part="label" id="${p}"><slot></slot></span>
|
|
3347
3422
|
${renderHelperRegion(r,c,f)}
|
|
3348
|
-
`},styles:[Q,Tt,Z,sizeVariantMixin(lt),
|
|
3423
|
+
`},styles:[Q,Tt,Z,sizeVariantMixin(lt),oa,ia]});var sa=`@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)}`,ca=`ore-textarea`;i(ca,{formAssociated:!0,props:{...W,...G,...K,...q,"auto-resize":m.bool(!1),error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),loading:m.bool(!1),maxlength:m.json(void 0),name:m.string(),"no-resize":m.bool(!1),placeholder:m.string(),readonly:m.bool(!1),ref:m.data(),required:m.bool(!1),resize:m.string(),rows:m.json(void 0),success:m.bool(!1),value:m.string(),variant:m.string()},setup(t){let n=o(),r=S,i=g(),a=createAutoResize({enabled:t[`auto-resize`]}),c=w(()=>t.disabled.value||t.loading.value),f=lifecycleSignal(u),p=createTextField({disabled:c,error:t.error,helper:t.helper,label:t.label,labelPlacement:t[`label-placement`],maxLength:t.maxlength,onChange:(e,t)=>{setFieldValue(n,t),dispatchNativeFieldEvent(n,`change`)},onInput:(e,t)=>{setFieldValue(n,t),dispatchNativeFieldEvent(n,`input`)},prefix:`textarea`,readonly:t.readonly,required:t.required,signal:f,value:t.value});defineFieldValue(n,()=>p.value.value,e=>{p.value.value=e}),p.attachFormField(b({disabled:p.disabled,onReset:()=>{p.reset(),requestAnimationFrame(()=>a.recompute())},toFormValue:e=>e,validationMessage:p.validationMessage,validity:p.validity,value:p.value}));let{ariaDescribedBy:m,ariaErrorMessage:h,ariaInvalid:_,ariaLabelledBy:v,assistiveId:y,counter:x,errorId:C,errorText:T,fieldId:E,helperText:D,labelId:O,labelVisible:k}=p;return d(i,e=>{let n=p.wire(e),i=a.wire(e),o=bindRefCallback(t.ref,e),s=r(()=>{e.style.resize=t[`auto-resize`].value||t[`no-resize`].value?`none`:t.resize.value||`vertical`,requestAnimationFrame(()=>a.recompute())});return()=>{o(),n(),i(),s()}}),e({attr:{error:errorAttr(T),size:t.size,success:()=>t.success.value&&!T.value?!0:void 0,variant:t.variant}}),s`
|
|
3349
3424
|
<div class="textarea-wrapper" part="wrapper">
|
|
3350
3425
|
<label class="label" part="label" for="${E}" id="${O}" ?hidden="${()=>!k.value}">
|
|
3351
3426
|
${t.label}
|
|
@@ -3373,7 +3448,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3373
3448
|
</div>
|
|
3374
3449
|
${renderFieldStatusRegion({assistiveId:y,counter:x,errorId:C,errorText:T,helperText:D})}
|
|
3375
3450
|
</div>
|
|
3376
|
-
`},shadow:{delegatesFocus:!0},styles:[Q,J,Y,X,xt,sizeVariantMixin(st),forcedColorsFocusMixin(`textarea`),
|
|
3451
|
+
`},shadow:{delegatesFocus:!0},styles:[Q,J,Y,X,xt,sizeVariantMixin(st),forcedColorsFocusMixin(`textarea`),sa,fieldVariantMixin({container:`.field`,text:`textarea`,tokenPrefix:`textarea`})]});var la=`@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 parseTime(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 formatTime(e,t){return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}function formatDisplay(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 formatTime(e,t)}function clampTime(e,t,n,r){let i=e*60+t,a=parseTime(n),o=parseTime(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 ua=`ore-time-picker`;i(ua,{formAssociated:!0,props:{...W,...G,...K,...q,error:m.string(),fullwidth:m.bool(!1),helper:m.string(),label:m.string(),"label-placement":m.oneOf([`inset`,`outside`],`inset`),max:m.string(),min:m.string(),"minute-step":m.number(5),name:m.string(),placeholder:m.string(),required:m.bool(!1),success:m.bool(!1),"time-format":m.oneOf([`12`,`24`],`24`),value:m.string(),variant:m.string()},setup(t){let n=o(),r=D(!1),i=D(parseTime(t.value.value));defineFieldValue(n,()=>{let e=i.value;return e?formatTime(e.hours,e.minutes):``},e=>{i.value=parseTime(e)});let a=g(),c=g(),l=createDropdownPositioner({getFloating:()=>c.value??null,getOffsetPx:()=>4,getReference:()=>a.value??null,matchWidth:!1}),u=null,d=w(()=>!!t.disabled.value);b({disabled:d,toFormValue:e=>e||null,value:w(()=>{let e=i.value;return e?formatTime(e.hours,e.minutes):``})});let f=w(()=>t[`time-format`].value??`24`),m=w(()=>Math.max(1,Math.min(59,t[`minute-step`].value??5))),h=w(()=>i.value?formatDisplay(i.value.hours,i.value.minutes,f.value):t.placeholder.value||``),_=w(()=>f.value===`12`?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t)),v=w(()=>{let e=m.value,t=[];for(let n=0;n<60;n+=e)t.push(n);return t}),y=`time-picker-${Math.random().toString(36).slice(2,9)}-dropdown`;function toDisplayHour(e){if(f.value===`24`)return e;let t=e%12;return t===0?12:t}function to24Hour(e,t){return f.value===`24`?e:t===`AM`?e===12?0:e:e===12?12:e+12}function isTimeDisabled(e,n){let r=e*60+n,i=parseTime(t.min.value),a=parseTime(t.max.value);return!!(i&&r<i.hours*60+i.minutes||a&&r>a.hours*60+a.minutes)}let x=D(i.value?.hours??0),S=D(i.value?.minutes??0),C=D((i.value?.hours??0)>=12?`PM`:`AM`),T=t.value.value;p(()=>{let e=setInterval(()=>{let e=t.value.value;if(e!==T){T=e;let t=parseTime(e);i.value=t,t&&(x.value=t.hours,S.value=t.minutes,C.value=t.hours>=12?`PM`:`AM`)}},50);return()=>clearInterval(e)});function commit(e,r){let a=clampTime(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},setFieldValue(n,formatTime(a.hours,s)),dispatchNativeFieldEvent(n,`input`),dispatchNativeFieldEvent(n,`change`)}function commitFromMinute(e){let t=f.value===`12`?to24Hour(x.value,C.value):x.value;S.value=e,commit(t,e),closePicker()}function openPicker(){if(d.value)return;let e=i.value;e?(x.value=f.value===`12`?toDisplayHour(e.hours):e.hours,S.value=e.minutes,C.value=e.hours>=12?`PM`:`AM`):(x.value=f.value===`12`?12:0,S.value=0,C.value=`AM`),r.value=!0,l.update(),u=l.startAutoUpdate?.()??null}function closePicker(){r.value=!1,u?.(),u=null}function handleTriggerClick(){r.value?closePicker():openPicker()}function handleOutsideClick(e){r.value&&(e.composedPath().includes(n)||closePicker())}p(()=>(document.addEventListener(`pointerdown`,handleOutsideClick,{capture:!0}),()=>{document.removeEventListener(`pointerdown`,handleOutsideClick,{capture:!0}),u?.(),u=null}));function handleTriggerKeydown(e){d.value||(e.key===`Enter`||e.key===` `?(e.preventDefault(),handleTriggerClick()):e.key===`Escape`&&r.value?(e.preventDefault(),closePicker()):(e.key===`ArrowDown`||e.key===`ArrowUp`)&&!r.value&&(e.preventDefault(),openPicker()))}function handleDropdownKeydown(e){e.key===`Escape`&&(e.preventDefault(),closePicker())}function handleHourKeydown(e){let t=_.value,n=t.indexOf(x.value);e.key===`ArrowUp`?(e.preventDefault(),x.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),x.value=t[(n+1)%t.length])}function handleMinuteKeydown(e){let t=v.value,n=t.indexOf(S.value);e.key===`ArrowUp`?(e.preventDefault(),S.value=t[(n-1+t.length)%t.length]):e.key===`ArrowDown`&&(e.preventDefault(),S.value=t[(n+1)%t.length])}function handlePeriodKeydown(e){(e.key===`ArrowUp`||e.key===`ArrowDown`)&&(e.preventDefault(),C.value=C.value===`AM`?`PM`:`AM`)}e({attr:{open:()=>r.value?!0:void 0}});let inputValue=()=>h.value,inputLabel=()=>t.label.value??``,inputPlaceholder=()=>t.placeholder.value??``,inputLabelPlacement=()=>t[`label-placement`].value??`inset`,inputColor=()=>t.color?.value??void 0,inputSize=()=>t.size?.value??void 0,inputVariant=()=>t.variant?.value??void 0,inputRounded=()=>t.rounded?.value??void 0,inputHelper=()=>t.helper.value??``,inputError=()=>t.error.value??``,inputDisabled=()=>d.value?!0:void 0,inputRequired=()=>t.required.value?!0:void 0,inputFullwidth=()=>t.fullwidth.value?!0:void 0;return s`
|
|
3377
3452
|
<!-- Trigger -->
|
|
3378
3453
|
<ore-input
|
|
3379
3454
|
class="trigger"
|
|
@@ -3480,13 +3555,13 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3480
3555
|
`:s``}
|
|
3481
3556
|
</div>
|
|
3482
3557
|
</div>
|
|
3483
|
-
`},shadow:{delegatesFocus:!0},styles:[Q,Y,
|
|
3558
|
+
`},shadow:{delegatesFocus:!0},styles:[Q,Y,la]});var da=__exportAll({BUTTON_GROUP_CTX:()=>fn,BUTTON_GROUP_TAG:()=>pn,BUTTON_TAG:()=>gn,CALENDAR_TAG:()=>li,CHECKBOX_GROUP_CTX:()=>Hr,CHECKBOX_GROUP_TAG:()=>Ur,CHECKBOX_TAG:()=>Gr,COMBOBOX_OPTION_TAG:()=>hi,COMBOBOX_TAG:()=>gi,COUNTER_TAG:()=>vi,DATAGRID_TAG:()=>ji,DATE_PICKER_TAG:()=>Ni,FILE_INPUT_TAG:()=>Ii,INPUT_TAG:()=>mi,MESSAGE_COMPOSER_TAG:()=>bn,NUMBER_INPUT_TAG:()=>Ri,OTP_INPUT_TAG:()=>Bi,QR_SCANNER_TAG:()=>Wi,QUERY_BAR_TAG:()=>Ji,RADIO_GROUP_CTX:()=>Xi,RADIO_GROUP_TAG:()=>Zi,RADIO_TAG:()=>$i,RATING_TAG:()=>ta,SELECT_TAG:()=>Ti,SLIDER_TAG:()=>ra,SWITCH_TAG:()=>aa,TEXTAREA_TAG:()=>ca,TIME_PICKER_TAG:()=>ua}),fa=`@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%}}`,pa=`ore-box`;i(pa,{props:{color:m.string(),effect:m.string(),elevation:m.number(),fullwidth:m.bool(),padding:m.string(),rounded:m.string(),variant:m.string()},setup(){return s`
|
|
3484
3559
|
<div class="box" part="box"><slot></slot></div>
|
|
3485
|
-
`},styles:[Q,wt,yt,X,frostVariantMixin(`.box`),rainbowEffectMixin(`.box`),
|
|
3560
|
+
`},styles:[Q,wt,yt,X,frostVariantMixin(`.box`),rainbowEffectMixin(`.box`),fa]});var ma=`@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%}}`,ha=[[`cols2xl`,`--size-screen-2xl`],[`colsXl`,`--size-screen-xl`],[`colsLg`,`--size-screen-lg`],[`colsMd`,`--size-screen-md`],[`colsSm`,`--size-screen-sm`]],ga=[[`areas2xl`,`--size-screen-2xl`],[`areasXl`,`--size-screen-xl`],[`areasLg`,`--size-screen-lg`],[`areasMd`,`--size-screen-md`],[`areasSm`,`--size-screen-sm`]],resolveBp=(e,t,n)=>{let r=getComputedStyle(e).getPropertyValue(t).trim(),i=Number.parseFloat(r);return Number.isFinite(i)?i:n},_a={"--size-screen-2xl":1536,"--size-screen-lg":1024,"--size-screen-md":768,"--size-screen-sm":640,"--size-screen-xl":1280},va=`ore-grid`;i(va,{props:{align:m.string(),areas:m.string(),areas2xl:m.string(),areasLg:m.string(),areasMd:m.string(),areasSm:m.string(),areasXl:m.string(),cols:m.string(),cols2xl:m.string(),colsLg:m.string(),colsMd:m.string(),colsSm:m.string(),colsXl:m.string(),flow:m.string(),fullwidth:m.bool(!1),gap:m.string(),justify:m.string(),minColWidth:m.string(),responsive:m.bool(!1),rows:m.string()},setup(e){let t=o(),n=S,computeCols=(e,t,n)=>e===`auto`||!e&&t?`repeat(auto-fit, minmax(${n||`250px`}, 1fr))`:e?`repeat(${e}, 1fr)`:null,updateCols=()=>{let n=t.offsetWidth,r=!!e.responsive.value,i=e.minColWidth.value??``,a;for(let[r,i]of ha)if(n>=resolveBp(t,i,_a[i])&&e[r].value){a=e[r].value;break}a||=e.cols.value||void 0;let o=computeCols(a,r,i);o?t.style.setProperty(`--_cols`,o):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,updateCols()});let updateAreas=()=>{let n=t.offsetWidth,r=``;for(let[i,a]of ga)if(n>=resolveBp(t,a,_a[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,updateAreas()}),p(()=>{let e=U(t);u(()=>e.dispose());let r=E(e,{signal:e.disposalSignal});n(()=>{r.value&&(updateCols(),updateAreas())})}),s`
|
|
3486
3561
|
<slot></slot>
|
|
3487
|
-
`},styles:[
|
|
3562
|
+
`},styles:[ma]});var ya=`@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}}`,ba=`ore-grid-item`;i(ba,{props:{align:m.string(),area:m.string(),col:m.string(),colSpan:m.string(),justify:m.string(),row:m.string(),rowSpan:m.string()},setup(t){let n=w(()=>{let e=t.col.value,n=t.colSpan.value;return e||(n===`full`?`1 / -1`:n?`span ${n}`:``)}),r=w(()=>{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}}),s`
|
|
3488
3563
|
<slot></slot>
|
|
3489
|
-
`},styles:[ha]});var parseMaxWidthPx=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},resolveContainerElement=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},readContainerWidth=e=>{let t=resolveContainerElement(e)?.clientWidth??0;return t>0?t:e.offsetWidth},_a=`@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],.navbar-persistent[hidden]{display:none}.navbar-logo,.navbar-start,.navbar-center,.navbar-end,.navbar-persistent{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}.navbar-persistent{gap:var(--size-1);flex:none}.navbar-persistent: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-persistent: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}.navbar-end:not([hidden])+.navbar-persistent: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:var(--size-1)}.navbar-end:not([hidden])+.navbar-persistent: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-1)}:host([data-mobile]) .navbar-persistent: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([data-mobile]) .navbar-persistent: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,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-family:inherit;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:var(--navbar-bg,color-mix(in oklch, var(--color-canvas) 88%, transparent));--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:var(--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}}}`,listen=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},hasElementContent=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,findScrollContainer=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},va=t(`NavbarContext`),ya=`ore-navbar`;i(ya,{props:{breakpoint:m.string(`(max-width: 768px)`),color:m.string(),"container-breakpoints":m.bool(!1),elevation:m.number(),floating:m.bool(!1),label:m.string(`Main navigation`),"menu-close-icon":m.string(`x`),"menu-close-label":m.string(`Close navigation menu`),"menu-icon":m.string(`menu`),"menu-open-label":m.string(`Open navigation menu`),"mobile-sidebar":m.string(),rounded:m.string(),"scroll-threshold":m.number(80),sticky:m.bool(!1),variant:m.string()},setup(t){let n=o(),r=y(),i=x(),a=i.has(`logo`),c=i.has(`start`),l=i.has(),d=i.has(`end`),f=i.has(`persistent`),m=i.elements(`mobile-menu`),g=D(!1),_=D(null),v=D(!1),b=D(!1),S=D(!1),C=D(!1),T=D(!1),A=D(!1),j=D(0),M=D(!1),N=D(!1),P=D(parseMaxWidthPx(t.breakpoint.value)),F=D(!1),getExternalSidebar=()=>{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)};h(va,{closeMobileMenu:()=>closeMobileMenu(),isMobile:w(()=>S.value),mobileMenuOpen:w(()=>C.value)});let computeMode=()=>{if(t.floating.value&&t.sticky.value)return A.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},setMobileMenu=e=>{let t=!!e;if(!g.value){let e=_.value??getExternalSidebar();if(e){t?e.openDrawer?.():e.closeDrawer?.();return}}(!t||g.value)&&C.value!==t&&(C.value=t,r(`mobile-menu-change`,{open:t}))},closeMobileMenu=()=>setMobileMenu(!1),openMobileMenu=()=>setMobileMenu(!0),toggleMobileMenu=()=>{if(!g.value){let e=_.value??getExternalSidebar();if(e){typeof e.toggleDrawer==`function`?e.toggleDrawer():typeof e.openDrawer==`function`&&typeof e.closeDrawer==`function`&&(e.hasAttribute(`data-drawer-open`)?e.closeDrawer():e.openDrawer());return}}setMobileMenu(!C.value)},syncMobileMode=()=>{let e=(_.value&&!g.value?v.value:!1)||M.value||!!t[`container-breakpoints`].value&&N.value;S.value=e,e||closeMobileMenu()},readScrollOffset=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,resetScrollBase=e=>{j.value=readScrollOffset(e)},updateScrolled=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){A.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=readScrollOffset(e)-j.value;A.value=r>n};return e({attr:{"data-mobile":()=>S.value?!0:void 0,"data-mobile-open":()=>S.value&&C.value?!0:void 0,"data-mode":()=>computeMode()??null,"data-mode-transitioning":()=>T.value?!0:void 0,"data-preview-mode":()=>F.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&A.value?!0:void 0}}),p(()=>{let e=n,r=findScrollContainer(n);e.closeMobileMenu=closeMobileMenu,e.openMobileMenu=openMobileMenu,e.toggleMobileMenu=toggleMobileMenu;let i=listen(window,`scroll`,()=>{updateScrolled(r)},{passive:!0}),a=r?listen(r,`scroll`,()=>{updateScrolled(r)},{passive:!0}):void 0,o=listen(n,`keydown`,e=>{e.key===`Escape`&&C.value&&closeMobileMenu()}),mediaCleanup,mobileSidebarCleanup,s,c,resolveMobileSidebarTarget=()=>{if(mobileSidebarCleanup?.(),mobileSidebarCleanup=void 0,_.value=null,v.value=!1,b.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=getExternalSidebar();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{getExternalSidebar()&&resolveMobileSidebarTarget()});r.observe(t,{childList:!0,subtree:!0}),mobileSidebarCleanup=()=>r.disconnect();return}let syncTargetState=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-drawer-open`);v.value=n,b.value=t?.detail?t.detail.open:r,b.value&&!v.value&&(v.value=!0),syncMobileMode()},r=new MutationObserver(()=>{syncTargetState()});syncTargetState(),r.observe(e,{attributeFilter:[`data-bottom-nav`,`data-drawer-open`],attributes:!0}),e.addEventListener(`drawer-change`,syncTargetState),mobileSidebarCleanup=()=>{r.disconnect(),e.removeEventListener(`drawer-change`,syncTargetState)},_.value=e},triggerModeTransition=()=>{T.value=!0,s!=null&&clearTimeout(s),s=setTimeout(()=>{T.value=!1,s=void 0},220)},l=k(w(()=>t.floating.value&&t.sticky.value),e=>{if(!e){A.value&&=!1,T.value&&=!1,c=void 0,s!=null&&(clearTimeout(s),s=void 0);return}resetScrollBase(r),updateScrolled(r),c=computeMode()},{immediate:!0}),d=k(t[`mobile-sidebar`],()=>{resolveMobileSidebarTarget()},{immediate:!0}),f=k(w(()=>computeMode()),e=>{if(!(t.floating.value&&t.sticky.value)){c=e??void 0;return}let n=e??void 0;c&&n&&c!==n&&triggerModeTransition(),c=n},{immediate:!0}),p=k(g,e=>{!e&&C.value&&closeMobileMenu()},{immediate:!0}),syncMobileMenuContent=()=>{g.value=m.value.some(hasElementContent)},h=k(m,syncMobileMenuContent,{immediate:!0}),y=new MutationObserver(()=>{syncMobileMenuContent()});y.observe(n,{childList:!0,subtree:!0}),k(t.breakpoint,e=>{O(()=>{mediaCleanup?.(),mediaCleanup=void 0;let r=String(e??``).trim();P.value=parseMaxWidthPx(r),M.value=!1;let i=readContainerWidth(n);if(N.value=i>0&&P.value!=null&&i<=P.value,syncMobileMode(),!(t[`container-breakpoints`].value&&P.value!=null)&&r)try{let e=$e(r),syncMedia=e=>{e&&(M.value=e.matches,syncMobileMode())};syncMedia(e.getSnapshot());let t=k(E(e,{signal:e.disposalSignal}),syncMedia);mediaCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof Ze))throw e}})},{immediate:!0});let x=typeof ResizeObserver==`function`?(()=>{let e=U(n);u(()=>e.dispose());let t=E(e,{signal:e.disposalSignal}),r=n.parentElement,i=resolveContainerElement(n),a=r?U(r):void 0,o=i&&i!==r?U(i):void 0;a&&u(()=>a.dispose()),o&&u(()=>o.dispose());let s=a?E(a,{signal:a.disposalSignal}):void 0,c=o?E(o,{signal:o.disposalSignal}):void 0;return k(w(()=>[t.value?.width,t.value?.height,s?.value?.width,s?.value?.height,c?.value?.width,c?.value?.height]),()=>{let e=readContainerWidth(n),t=resolveContainerElement(n)?.clientWidth??0;N.value=e>0&&P.value!=null&&e<=P.value,F.value=t>0&&t<window.innerWidth,syncMobileMode()})})():void 0;return()=>{o?.(),i?.(),a?.(),l?.dispose(),f?.dispose(),p?.dispose(),h?.dispose(),d?.dispose(),y.disconnect(),mediaCleanup?.(),mobileSidebarCleanup?.(),x?.dispose(),s!=null&&(clearTimeout(s),s=void 0)}}),s`
|
|
3564
|
+
`},styles:[ya]});var parseMaxWidthPx=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},resolveContainerElement=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},readContainerWidth=e=>{let t=resolveContainerElement(e)?.clientWidth??0;return t>0?t:e.offsetWidth},xa=`@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],.navbar-persistent[hidden]{display:none}.navbar-logo,.navbar-start,.navbar-center,.navbar-end,.navbar-persistent{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}.navbar-persistent{gap:var(--size-1);flex:none}.navbar-persistent: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-persistent: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}.navbar-end:not([hidden])+.navbar-persistent: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:var(--size-1)}.navbar-end:not([hidden])+.navbar-persistent: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-1)}:host([data-mobile]) .navbar-persistent: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([data-mobile]) .navbar-persistent: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,var(--size-9));padding:var(--size-1-5) var(--size-2-5);font-family:inherit;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:var(--navbar-bg,color-mix(in oklch, var(--color-canvas) 88%, transparent));--_navbar-shadow:none}:host([variant=bordered]){--_navbar-bg:var(--navbar-bg,var(--color-canvas));--_navbar-border-color:color-mix(in oklch, var(--color-contrast-500) 32%, transparent)}:host([variant=outline]){--_navbar-bg:var(--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}}}`,listen=(e,t,n,r)=>e?(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)):()=>{},hasElementContent=e=>!(e instanceof HTMLElement)||e.tagName.includes(`-`)||e.childElementCount>0?!0:(e.textContent??``).trim().length>0,findScrollContainer=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},Sa=t(`NavbarContext`),Ca=`ore-navbar`;i(Ca,{props:{breakpoint:m.string(`(max-width: 768px)`),color:m.string(),"container-breakpoints":m.bool(!1),elevation:m.number(),floating:m.bool(!1),label:m.string(`Main navigation`),"menu-close-icon":m.string(`x`),"menu-close-label":m.string(`Close navigation menu`),"menu-icon":m.string(`menu`),"menu-open-label":m.string(`Open navigation menu`),"mobile-sidebar":m.string(),rounded:m.string(),"scroll-threshold":m.number(80),sticky:m.bool(!1),variant:m.string()},setup(t){let n=o(),r=y(),i=x(),a=i.has(`logo`),c=i.has(`start`),l=i.has(),d=i.has(`end`),f=i.has(`persistent`),m=i.elements(`mobile-menu`),g=D(!1),_=D(null),v=D(!1),b=D(!1),S=D(!1),C=D(!1),T=D(!1),A=D(!1),j=D(0),M=D(!1),N=D(!1),P=D(parseMaxWidthPx(t.breakpoint.value)),F=D(!1),getExternalSidebar=()=>{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)};h(Sa,{closeMobileMenu:()=>closeMobileMenu(),isMobile:w(()=>S.value),mobileMenuOpen:w(()=>C.value)});let computeMode=()=>{if(t.floating.value&&t.sticky.value)return A.value?`sticky`:`floating`;if(t.floating.value)return`floating`;if(t.sticky.value)return`sticky`},setMobileMenu=e=>{let t=!!e;if(!g.value){let e=_.value??getExternalSidebar();if(e){t?e.openDrawer?.():e.closeDrawer?.();return}}(!t||g.value)&&C.value!==t&&(C.value=t,r(`mobile-menu-change`,{open:t}))},closeMobileMenu=()=>setMobileMenu(!1),openMobileMenu=()=>setMobileMenu(!0),toggleMobileMenu=()=>{if(!g.value){let e=_.value??getExternalSidebar();if(e){typeof e.toggleDrawer==`function`?e.toggleDrawer():typeof e.openDrawer==`function`&&typeof e.closeDrawer==`function`&&(e.hasAttribute(`data-drawer-open`)?e.closeDrawer():e.openDrawer());return}}setMobileMenu(!C.value)},syncMobileMode=()=>{let e=(_.value&&!g.value?v.value:!1)||M.value||!!t[`container-breakpoints`].value&&N.value;S.value=e,e||closeMobileMenu()},readScrollOffset=e=>e?e.scrollTop||0:window.scrollY||document.documentElement.scrollTop||0,resetScrollBase=e=>{j.value=readScrollOffset(e)},updateScrolled=(e=null)=>{if(!(t.floating.value&&t.sticky.value)){A.value&&=!1;return}let n=Math.max(0,Number(t[`scroll-threshold`].value)||0),r=readScrollOffset(e)-j.value;A.value=r>n};return e({attr:{"data-mobile":()=>S.value?!0:void 0,"data-mobile-open":()=>S.value&&C.value?!0:void 0,"data-mode":()=>computeMode()??null,"data-mode-transitioning":()=>T.value?!0:void 0,"data-preview-mode":()=>F.value?!0:void 0,"data-scrolled":()=>t.floating.value&&t.sticky.value&&A.value?!0:void 0}}),p(()=>{let e=n,r=findScrollContainer(n);e.closeMobileMenu=closeMobileMenu,e.openMobileMenu=openMobileMenu,e.toggleMobileMenu=toggleMobileMenu;let i=listen(window,`scroll`,()=>{updateScrolled(r)},{passive:!0}),a=r?listen(r,`scroll`,()=>{updateScrolled(r)},{passive:!0}):void 0,o=listen(n,`keydown`,e=>{e.key===`Escape`&&C.value&&closeMobileMenu()}),mediaCleanup,mobileSidebarCleanup,s,c,resolveMobileSidebarTarget=()=>{if(mobileSidebarCleanup?.(),mobileSidebarCleanup=void 0,_.value=null,v.value=!1,b.value=!1,!String(t[`mobile-sidebar`].value??``).trim())return;let e=getExternalSidebar();if(!e){let e=n.getRootNode(),t=e instanceof Document||e instanceof ShadowRoot?e:document,r=new MutationObserver(()=>{getExternalSidebar()&&resolveMobileSidebarTarget()});r.observe(t,{childList:!0,subtree:!0}),mobileSidebarCleanup=()=>r.disconnect();return}let syncTargetState=t=>{let n=e.hasAttribute(`data-bottom-nav`),r=e.hasAttribute(`data-drawer-open`);v.value=n,b.value=t?.detail?t.detail.open:r,b.value&&!v.value&&(v.value=!0),syncMobileMode()},r=new MutationObserver(()=>{syncTargetState()});syncTargetState(),r.observe(e,{attributeFilter:[`data-bottom-nav`,`data-drawer-open`],attributes:!0}),e.addEventListener(`drawer-change`,syncTargetState),mobileSidebarCleanup=()=>{r.disconnect(),e.removeEventListener(`drawer-change`,syncTargetState)},_.value=e},triggerModeTransition=()=>{T.value=!0,s!=null&&clearTimeout(s),s=setTimeout(()=>{T.value=!1,s=void 0},220)},l=k(w(()=>t.floating.value&&t.sticky.value),e=>{if(!e){A.value&&=!1,T.value&&=!1,c=void 0,s!=null&&(clearTimeout(s),s=void 0);return}resetScrollBase(r),updateScrolled(r),c=computeMode()},{immediate:!0}),d=k(t[`mobile-sidebar`],()=>{resolveMobileSidebarTarget()},{immediate:!0}),f=k(w(()=>computeMode()),e=>{if(!(t.floating.value&&t.sticky.value)){c=e??void 0;return}let n=e??void 0;c&&n&&c!==n&&triggerModeTransition(),c=n},{immediate:!0}),p=k(g,e=>{!e&&C.value&&closeMobileMenu()},{immediate:!0}),syncMobileMenuContent=()=>{g.value=m.value.some(hasElementContent)},h=k(m,syncMobileMenuContent,{immediate:!0}),y=new MutationObserver(()=>{syncMobileMenuContent()});y.observe(n,{childList:!0,subtree:!0}),k(t.breakpoint,e=>{O(()=>{mediaCleanup?.(),mediaCleanup=void 0;let r=String(e??``).trim();P.value=parseMaxWidthPx(r),M.value=!1;let i=readContainerWidth(n);if(N.value=i>0&&P.value!=null&&i<=P.value,syncMobileMode(),!(t[`container-breakpoints`].value&&P.value!=null)&&r)try{let e=$e(r),syncMedia=e=>{e&&(M.value=e.matches,syncMobileMode())};syncMedia(e.getSnapshot());let t=k(E(e,{signal:e.disposalSignal}),syncMedia);mediaCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof Ze))throw e}})},{immediate:!0});let x=typeof ResizeObserver==`function`?(()=>{let e=U(n);u(()=>e.dispose());let t=E(e,{signal:e.disposalSignal}),r=n.parentElement,i=resolveContainerElement(n),a=r?U(r):void 0,o=i&&i!==r?U(i):void 0;a&&u(()=>a.dispose()),o&&u(()=>o.dispose());let s=a?E(a,{signal:a.disposalSignal}):void 0,c=o?E(o,{signal:o.disposalSignal}):void 0;return k(w(()=>[t.value?.width,t.value?.height,s?.value?.width,s?.value?.height,c?.value?.width,c?.value?.height]),()=>{let e=readContainerWidth(n),t=resolveContainerElement(n)?.clientWidth??0;N.value=e>0&&P.value!=null&&e<=P.value,F.value=t>0&&t<window.innerWidth,syncMobileMode()})})():void 0;return()=>{o?.(),i?.(),a?.(),l?.dispose(),f?.dispose(),p?.dispose(),h?.dispose(),d?.dispose(),y.disconnect(),mediaCleanup?.(),mobileSidebarCleanup?.(),x?.dispose(),s!=null&&(clearTimeout(s),s=void 0)}}),s`
|
|
3490
3565
|
<nav part="nav" aria-label="${t.label}">
|
|
3491
3566
|
<div class="navbar" part="bar">
|
|
3492
3567
|
<div class="navbar-logo" part="logo" ?hidden=${()=>!a.value}>
|
|
@@ -3536,7 +3611,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3536
3611
|
<slot name="mobile-menu"></slot>
|
|
3537
3612
|
</div>
|
|
3538
3613
|
</nav>
|
|
3539
|
-
`},styles:[Q,wt,X,J,Y,frostVariantMixin(`.navbar`),
|
|
3614
|
+
`},styles:[Q,wt,X,J,Y,frostVariantMixin(`.navbar`),xa]});var wa=`ore-navbar-item`;i(wa,{props:{active:m.bool(!1),ariaLabel:m.string(),disabled:m.bool(!1),href:m.string(),"icon-only":m.bool(!1),rel:m.string(),target:m.string()},setup(t){let n=x(),hasIcon=()=>n.has(`icon`).value,hasEnd=()=>n.has(`end`).value,r=c(Sa);e({attr:{"navbar-mobile":()=>r?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>r?.mobileMenuOpen.value?!0:void 0}});let isLink=()=>!!t.href.value&&!t.disabled.value,i=w(()=>computeSafeRel(t.rel.value,t.target.value)),a=w(()=>{if(!t.active.value)return null;let e=t.href.value;return e!==void 0&&e.startsWith(`#`)?`location`:`page`}),closeMobileMenuIfOpen=()=>{r?.mobileMenuOpen.value&&r.closeMobileMenu()},renderItemContent=()=>s`
|
|
3540
3615
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!hasIcon()} aria-hidden="true">
|
|
3541
3616
|
<slot name="icon"></slot>
|
|
3542
3617
|
</span>
|
|
@@ -3553,7 +3628,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3553
3628
|
rel="${i}"
|
|
3554
3629
|
target="${t.target}"
|
|
3555
3630
|
aria-label="${()=>t.ariaLabel.value??null}"
|
|
3556
|
-
aria-current="${
|
|
3631
|
+
aria-current="${a}"
|
|
3557
3632
|
@click=${closeMobileMenuIfOpen}>
|
|
3558
3633
|
${renderItemContent()}
|
|
3559
3634
|
</a>
|
|
@@ -3572,7 +3647,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3572
3647
|
aria-label="${()=>t.ariaLabel.value??null}"
|
|
3573
3648
|
@click=${closeMobileMenuIfOpen}>${renderItemContent()}</button>
|
|
3574
3649
|
`}
|
|
3575
|
-
`},styles:[J,_a]});function createBackgroundLock(){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=[]}}}}var xa=`.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}.drawer-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-drawer-open]) .drawer-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-drawer-open]) .drawer-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-drawer-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-drawer-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}}`,Sa=`@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}}`,Ca=`@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}}`,wa=t(`SidebarContext`),Ta=`ore-sidebar`;i(Ta,{props:{"bottom-nav-at":m.string(),"close-on-select":m.bool(!1),"collapse-label":m.string(`Collapse sidebar`),collapsed:m.bool(!1),collapsible:m.bool(!1),"container-breakpoints":m.bool(!1),"default-collapsed":m.bool(!1),drawer:m.bool(!1),"drawer-close-label":m.string(`Close sidebar`),"expand-label":m.string(`Expand sidebar`),label:m.string(`Sidebar navigation`),responsive:m.string(),variant:m.string()},setup(t){let n=o(),r=y(),i=x(),hasHeader=()=>i.has(`header`).value,hasFooter=()=>i.has(`footer`).value,hasLogo=()=>i.has(`logo`).value,a=D(n.hasAttribute(`collapsed`)),c=D(a.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),l=D(!1),d=D(!1),f=D([]),m=D(!1),g=D(!1),_=D(parseMaxWidthPx(t.responsive.value)),v=D(!!String(t.responsive.value??``).trim()),b=D(!1),S=D(!1),C=D(parseMaxWidthPx(t[`bottom-nav-at`].value)),T=D(!1),O=createBackgroundLock(),A=null,isCollapsed=()=>c.value,j=w(()=>l.value?`bottom-nav`:c.value?`collapsed`:`default`),applyResponsiveState=()=>{let e=t[`container-breakpoints`].value,n=e?g.value:m.value||g.value,r=e?S.value:b.value||S.value;d.value||(l.value=r),!r&&!d.value&&setDrawerOpen(!1,`responsive`),v.value&&setCollapsed(n,`responsive`)},readBottomNavItems=()=>{if(t.drawer.value){f.value=[];return}let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),r=[...n.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],a=(r.length>0?r: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}});f.value=a};h(wa,{closeDrawer:()=>setDrawerOpen(!1,`toggle`),closeOnSelect:t[`close-on-select`],collapsed:w(()=>!l.value&&c.value),drawerOpen:w(()=>d.value),mode:j,variant:t.variant});let setCollapsed=(e,t)=>{isCollapsed()!==e&&(a.value||(c.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},setDrawerOpen=(e,i)=>{let a=!!e;a&&!l.value&&!t.drawer.value&&(l.value=!0),d.value!==a&&(a&&(A=Ae(),O.lock(n)),d.value=a,a?queueMicrotask(()=>n.shadowRoot?.querySelector(`nav`)?.focus()):(O.unlock(),applyResponsiveState(),queueMicrotask(()=>{A?.(),A=null})),r(`drawer-change`,{open:a,source:i}))},doToggle=()=>{setCollapsed(!isCollapsed(),`toggle`)},M=n;return M.setCollapsed=e=>setCollapsed(!!e,`api`),M.toggle=doToggle,M.openDrawer=()=>setDrawerOpen(!0,`api`),M.closeDrawer=()=>setDrawerOpen(!1,`api`),M.toggleDrawer=()=>setDrawerOpen(!d.value,`toggle`),e({attr:{"data-bottom-nav":()=>l.value?!0:void 0,"data-collapsed":()=>isCollapsed()&&!l.value?!0:void 0,"data-drawer-open":()=>d.value?!0:void 0,"data-has-logo":()=>hasLogo()?!0:void 0,"data-preview-mode":()=>T.value?!0:void 0}}),p(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,unlockTransition=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(unlockTransition));let mediaCleanup,bottomNavCleanup,r=new Map,o=new MutationObserver(()=>{(n.hasAttribute(`collapsed`)||a.value)&&(a.value=!0,c.value=n.hasAttribute(`collapsed`))});o.observe(n,{attributeFilter:[`collapsed`],attributes:!0});let closeOnEscape=e=>{e.key===`Escape`&&d.value&&(e.preventDefault(),setDrawerOpen(!1,`toggle`))};n.addEventListener(`keydown`,closeOnEscape);let keepFocusInDrawer=e=>{if(!d.value)return;let t=e.target;t instanceof Node&&(n===t||n.contains(t))||n.shadowRoot?.querySelector(`nav`)?.focus()};document.addEventListener(`focusin`,keepFocusInDrawer),k(t.responsive,e=>{mediaCleanup?.(),mediaCleanup=void 0;let r=String(e??``).trim();v.value=!!r,_.value=parseMaxWidthPx(r),m.value=!1;let i=readContainerWidth(n);if(g.value=i>0&&_.value!=null&&i<=_.value,applyResponsiveState(),!(t[`container-breakpoints`].value&&_.value!=null)&&r)try{let e=$e(r),syncMedia=e=>{e&&(m.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=k(E(e,{signal:e.disposalSignal}),syncMedia);mediaCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof Ze))throw e}},{immediate:!0}),k(t[`bottom-nav-at`],e=>{bottomNavCleanup?.(),bottomNavCleanup=void 0;let r=String(e??``).trim();C.value=parseMaxWidthPx(r),b.value=!1;let i=readContainerWidth(n);if(S.value=i>0&&C.value!=null&&i<=C.value,applyResponsiveState(),!(t[`container-breakpoints`].value&&C.value!=null)&&r)try{let e=$e(r),syncMedia=e=>{e&&(b.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=k(E(e,{signal:e.disposalSignal}),syncMedia);bottomNavCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof Ze))throw e}},{immediate:!0}),k(t.drawer,()=>{applyResponsiveState(),readBottomNavItems()});let s=typeof ResizeObserver==`function`?(()=>{let e=U(n);u(()=>e.dispose());let t=E(e,{signal:e.disposalSignal}),r=n.parentElement,i=resolveContainerElement(n),a=r?U(r):void 0,o=i&&i!==r?U(i):void 0;a&&u(()=>a.dispose()),o&&u(()=>o.dispose());let s=a?E(a,{signal:a.disposalSignal}):void 0,c=o?E(o,{signal:o.disposalSignal}):void 0,l,onResize=()=>{l!==void 0&&cancelAnimationFrame(l),l=requestAnimationFrame(()=>{let e=resolveContainerElement(n),t=readContainerWidth(n),r=g.value,i=S.value,a=e?.clientWidth??0;T.value=a>0&&a<window.innerWidth,g.value=t>0&&_.value!=null&&t<=_.value,S.value=t>0&&C.value!=null&&t<=C.value,(r!==g.value||i!==S.value)&&applyResponsiveState(),unlockTransition()})};return k(w(()=>[t.value?.width,t.value?.height,s?.value?.width,s?.value?.height,c?.value?.width,c?.value?.height]),onResize)})():void 0,bindItemObservers=e=>{let t=new Set(e);for(let[e,n]of r)t.has(e)||(n.disconnect(),r.delete(e));for(let t of e){if(r.has(t))continue;let e=new MutationObserver(()=>{l.value&&readBottomNavItems()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),r.set(t,e)}},syncBottomNavItems=()=>{bindItemObservers([...n.querySelectorAll(`ore-sidebar-item`)]),readBottomNavItems()};k(i.elements(),syncBottomNavItems,{immediate:!0});let f=new MutationObserver(syncBottomNavItems);return f.observe(n,{childList:!0,subtree:!0}),()=>{o.disconnect(),f.disconnect(),n.removeEventListener(`keydown`,closeOnEscape),document.removeEventListener(`focusin`,keepFocusInDrawer),O.unlock(),mediaCleanup?.(),bottomNavCleanup?.(),s?.dispose();for(let e of r.values())e.disconnect();r.clear()}}),s`
|
|
3650
|
+
`},styles:[J,xa]});function createBackgroundLock(){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=[]}}}}var Ta=`.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}.drawer-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-drawer-open]) .drawer-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-drawer-open]) .drawer-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-drawer-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-drawer-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}}`,Ea=`@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}}`,Da=`@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}}`,Oa=t(`SidebarContext`),ka=`ore-sidebar`;i(ka,{props:{"bottom-nav-at":m.string(),"close-on-select":m.bool(!1),"collapse-label":m.string(`Collapse sidebar`),collapsed:m.bool(!1),collapsible:m.bool(!1),"container-breakpoints":m.bool(!1),"default-collapsed":m.bool(!1),drawer:m.bool(!1),"drawer-close-label":m.string(`Close sidebar`),"expand-label":m.string(`Expand sidebar`),label:m.string(`Sidebar navigation`),responsive:m.string(),variant:m.string()},setup(t){let n=o(),r=y(),i=x(),hasHeader=()=>i.has(`header`).value,hasFooter=()=>i.has(`footer`).value,hasLogo=()=>i.has(`logo`).value,a=D(n.hasAttribute(`collapsed`)),c=D(a.value?n.hasAttribute(`collapsed`):t[`default-collapsed`].value),l=D(!1),d=D(!1),f=D([]),m=D(!1),g=D(!1),_=D(parseMaxWidthPx(t.responsive.value)),v=D(!!String(t.responsive.value??``).trim()),b=D(!1),S=D(!1),C=D(parseMaxWidthPx(t[`bottom-nav-at`].value)),T=D(!1),O=createBackgroundLock(),A=null,isCollapsed=()=>c.value,j=w(()=>l.value?`bottom-nav`:c.value?`collapsed`:`default`),applyResponsiveState=()=>{let e=t[`container-breakpoints`].value,n=e?g.value:m.value||g.value,r=e?S.value:b.value||S.value;d.value||(l.value=r),!r&&!d.value&&setDrawerOpen(!1,`responsive`),v.value&&setCollapsed(n,`responsive`)},readBottomNavItems=()=>{if(t.drawer.value){f.value=[];return}let e=i.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),r=[...n.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],a=(r.length>0?r: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}});f.value=a};h(Oa,{closeDrawer:()=>setDrawerOpen(!1,`toggle`),closeOnSelect:t[`close-on-select`],collapsed:w(()=>!l.value&&c.value),drawerOpen:w(()=>d.value),mode:j,variant:t.variant});let setCollapsed=(e,t)=>{isCollapsed()!==e&&(a.value||(c.value=e),r(`collapsed-change`,{collapsed:e,source:t}))},setDrawerOpen=(e,i)=>{let a=!!e;a&&!l.value&&!t.drawer.value&&(l.value=!0),d.value!==a&&(a&&(A=Ae(),O.lock(n)),d.value=a,a?queueMicrotask(()=>n.shadowRoot?.querySelector(`nav`)?.focus()):(O.unlock(),applyResponsiveState(),queueMicrotask(()=>{A?.(),A=null})),r(`drawer-change`,{open:a,source:i}))},doToggle=()=>{setCollapsed(!isCollapsed(),`toggle`)},M=n;return M.setCollapsed=e=>setCollapsed(!!e,`api`),M.toggle=doToggle,M.openDrawer=()=>setDrawerOpen(!0,`api`),M.closeDrawer=()=>setDrawerOpen(!1,`api`),M.toggleDrawer=()=>setDrawerOpen(!d.value,`toggle`),e({attr:{"data-bottom-nav":()=>l.value?!0:void 0,"data-collapsed":()=>isCollapsed()&&!l.value?!0:void 0,"data-drawer-open":()=>d.value?!0:void 0,"data-has-logo":()=>hasLogo()?!0:void 0,"data-preview-mode":()=>T.value?!0:void 0}}),p(()=>{n.setAttribute(`data-no-transition`,``);let e=!1,unlockTransition=()=>{e||(e=!0,n.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(unlockTransition));let mediaCleanup,bottomNavCleanup,r=new Map,o=new MutationObserver(()=>{(n.hasAttribute(`collapsed`)||a.value)&&(a.value=!0,c.value=n.hasAttribute(`collapsed`))});o.observe(n,{attributeFilter:[`collapsed`],attributes:!0});let closeOnEscape=e=>{e.key===`Escape`&&d.value&&(e.preventDefault(),setDrawerOpen(!1,`toggle`))};n.addEventListener(`keydown`,closeOnEscape);let keepFocusInDrawer=e=>{if(!d.value)return;let t=e.target;t instanceof Node&&(n===t||n.contains(t))||n.shadowRoot?.querySelector(`nav`)?.focus()};document.addEventListener(`focusin`,keepFocusInDrawer),k(t.responsive,e=>{mediaCleanup?.(),mediaCleanup=void 0;let r=String(e??``).trim();v.value=!!r,_.value=parseMaxWidthPx(r),m.value=!1;let i=readContainerWidth(n);if(g.value=i>0&&_.value!=null&&i<=_.value,applyResponsiveState(),!(t[`container-breakpoints`].value&&_.value!=null)&&r)try{let e=$e(r),syncMedia=e=>{e&&(m.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=k(E(e,{signal:e.disposalSignal}),syncMedia);mediaCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof Ze))throw e}},{immediate:!0}),k(t[`bottom-nav-at`],e=>{bottomNavCleanup?.(),bottomNavCleanup=void 0;let r=String(e??``).trim();C.value=parseMaxWidthPx(r),b.value=!1;let i=readContainerWidth(n);if(S.value=i>0&&C.value!=null&&i<=C.value,applyResponsiveState(),!(t[`container-breakpoints`].value&&C.value!=null)&&r)try{let e=$e(r),syncMedia=e=>{e&&(b.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=k(E(e,{signal:e.disposalSignal}),syncMedia);bottomNavCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof Ze))throw e}},{immediate:!0}),k(t.drawer,()=>{applyResponsiveState(),readBottomNavItems()});let s=typeof ResizeObserver==`function`?(()=>{let e=U(n);u(()=>e.dispose());let t=E(e,{signal:e.disposalSignal}),r=n.parentElement,i=resolveContainerElement(n),a=r?U(r):void 0,o=i&&i!==r?U(i):void 0;a&&u(()=>a.dispose()),o&&u(()=>o.dispose());let s=a?E(a,{signal:a.disposalSignal}):void 0,c=o?E(o,{signal:o.disposalSignal}):void 0,l,onResize=()=>{l!==void 0&&cancelAnimationFrame(l),l=requestAnimationFrame(()=>{let e=resolveContainerElement(n),t=readContainerWidth(n),r=g.value,i=S.value,a=e?.clientWidth??0;T.value=a>0&&a<window.innerWidth,g.value=t>0&&_.value!=null&&t<=_.value,S.value=t>0&&C.value!=null&&t<=C.value,(r!==g.value||i!==S.value)&&applyResponsiveState(),unlockTransition()})};return k(w(()=>[t.value?.width,t.value?.height,s?.value?.width,s?.value?.height,c?.value?.width,c?.value?.height]),onResize)})():void 0,bindItemObservers=e=>{let t=new Set(e);for(let[e,n]of r)t.has(e)||(n.disconnect(),r.delete(e));for(let t of e){if(r.has(t))continue;let e=new MutationObserver(()=>{l.value&&readBottomNavItems()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),r.set(t,e)}},syncBottomNavItems=()=>{bindItemObservers([...n.querySelectorAll(`ore-sidebar-item`)]),readBottomNavItems()};k(i.elements(),syncBottomNavItems,{immediate:!0});let f=new MutationObserver(syncBottomNavItems);return f.observe(n,{childList:!0,subtree:!0}),()=>{o.disconnect(),f.disconnect(),n.removeEventListener(`keydown`,closeOnEscape),document.removeEventListener(`focusin`,keepFocusInDrawer),O.unlock(),mediaCleanup?.(),bottomNavCleanup?.(),s?.dispose();for(let e of r.values())e.disconnect();r.clear()}}),s`
|
|
3576
3651
|
<button
|
|
3577
3652
|
class="drawer-backdrop"
|
|
3578
3653
|
part="drawer-backdrop"
|
|
@@ -3644,7 +3719,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3644
3719
|
</button>
|
|
3645
3720
|
`})}
|
|
3646
3721
|
</div>
|
|
3647
|
-
`},styles:[J,Y,
|
|
3722
|
+
`},styles:[J,Y,Ta]});var Aa=`ore-sidebar-group`;i(Aa,{props:{collapsible:m.bool(!1),"default-open":m.bool(!0),label:m.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(t){let n=x(),hasIcon=()=>n.has(`icon`).value,r=c(Oa);e({attr:{"sidebar-bottom-nav":()=>r?.mode.value===`bottom-nav`&&!r?.drawerOpen.value||void 0,"sidebar-collapsed":()=>r?.collapsed.value?!0:void 0}});let isControlled=()=>t.open.value!==void 0,i=D(t[`default-open`].value),a=w(()=>t.collapsible.value?isControlled()?t.open.value??!1:i.value:!0);return k(t.open,e=>{e!==void 0&&(i.value=e)}),e({attr:{open:()=>a.value?!0:void 0}}),s`
|
|
3648
3723
|
<details class="group" part="group" ?open=${a}>
|
|
3649
3724
|
<summary
|
|
3650
3725
|
class="group-header"
|
|
@@ -3663,7 +3738,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3663
3738
|
<slot></slot>
|
|
3664
3739
|
</div>
|
|
3665
3740
|
</details>
|
|
3666
|
-
`},styles:[Y,
|
|
3741
|
+
`},styles:[Y,Ea]});var ja=`ore-sidebar-item`;i(ja,{props:{active:m.bool(!1),"bottom-nav":m.bool(!1),"bottom-nav-label":m.string(),disabled:m.bool(!1),href:m.string(),label:m.string(),rel:m.string(),target:m.string()},setup(t){let n=x(),hasIcon=()=>n.has(`icon`).value,hasEnd=()=>n.has(`end`).value,r=c(Oa);e({attr:{"sidebar-bottom-nav":()=>r?.mode.value===`bottom-nav`&&!r?.drawerOpen.value||void 0,"sidebar-collapsed":()=>r?.collapsed.value?!0:void 0}});let isLink=()=>!!t.href.value&&!t.disabled.value,i=w(()=>computeSafeRel(t.rel.value,t.target.value)),closeDrawerOnSelect=e=>{r?.closeOnSelect.value&&r.drawerOpen.value&&(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||queueMicrotask(r.closeDrawer))},renderItemContent=()=>s`
|
|
3667
3742
|
<span class="item-icon" part="item-icon" ?hidden=${()=>!hasIcon()} aria-hidden="true">
|
|
3668
3743
|
<slot name="icon"></slot>
|
|
3669
3744
|
</span>
|
|
@@ -3706,7 +3781,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3706
3781
|
${renderItemContent()}
|
|
3707
3782
|
</button>
|
|
3708
3783
|
`}
|
|
3709
|
-
`},styles:[J,Ca]});var Oa=__exportAll({BOX_TAG:()=>la,GRID_ITEM_TAG:()=>ga,GRID_TAG:()=>ma,NAVBAR_CTX:()=>va,NAVBAR_ITEM_TAG:()=>ba,NAVBAR_TAG:()=>ya,SIDEBAR_CTX:()=>wa,SIDEBAR_GROUP_TAG:()=>Ea,SIDEBAR_ITEM_TAG:()=>Da,SIDEBAR_TAG:()=>Ta});function useDialogControl(e){let t=lifecycleSignal(e.onCleanup),n=D(!1),r=`programmatic`,i=createBackgroundLock(),a=!1,o=createFocusManager({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),cancelExit=()=>{},closeWithAnimation=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=!1;cancelExit=()=>{n||(n=!0,t.classList.remove(`closing`),a=!1)};let finish=()=>{n||(n=!0,t.close(),a=!1)},r=e.getPanelEl();r?awaitExit(r,finish,`transition`):finish()},dispatchCloseRequest=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),s={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(){s.close(`programmatic`)},open(t=`programmatic`){let r=e.dialogRef.value;if(r?.open){cancelExit();return}r&&!n.value&&(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](){s.dispose()},toggle(e=`click`,t=`trigger`){n.value?s.close(t):s.open(e)}};t.addEventListener(`abort`,s.dispose,{once:!0});let requestClose=e=>{dispatchCloseRequest(e)&&s.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?s.open(`trigger`):(t===`close`||t===`request-close`)&&requestClose(`trigger`)},{signal:t});let handleCancel=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&requestClose(`escape`))},handleBackdropClick=t=>{e.isPersistent()||t.target===e.dialogRef.value&&requestClose(`outsideClick`)},handleNativeClose=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)},mount=()=>{let t=e.dialogRef.value;if(!t)return;e.onEvent(t,`close`,handleNativeClose),e.onEvent(t,`cancel`,handleCancel);let n=!1;k(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&s.open(`programmatic`),n=!0;return}s.close(`programmatic`);return}n=!0,t?s.open(`programmatic`):s.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation,handleBackdropClick,isOpen:n,mount,overlay:s,requestClose}}var ka=`@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}.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 ore-keyboard-key{--keyboard-key-font-family:inherit;--keyboard-key-padding-inline:var(--size-1)}::slotted(ore-command-palette-item){display:none}}`;function parseSlottedItems(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 splitShortcutKeys(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function normalizeItem(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 filterItems(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 buildRows(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 Aa=`ore-command-palette-item`;i(Aa,{setup(){return s``}});var ja=`ore-command-palette`;i(ja,{props:{"default-open":m.bool(!1),"empty-text":m.string(`No results found.`),items:m.data(),"keep-open-on-select":m.bool(!1),label:m.string(`Command palette`),loading:m.bool(!1),"no-filter":m.bool(!1),open:{default:void 0,parse:parseOptionalBool},placeholder:m.string(`Type a command or search…`),shortcut:m.string(`mod+k`)},setup(e){let t=o(),n=y(),r=lifecycleSignal(u),i=g(),a=g(),c=`cmdk-listbox`,l=null,d=D(``),m=D([]),reparseSlottedItems=()=>{m.value=parseSlottedItems([...t.children])};reparseSlottedItems();let h=new MutationObserver(reparseSlottedItems);h.observe(t,{characterData:!0,childList:!0,subtree:!0}),u(()=>h.disconnect());let _=w(()=>{let t=e.items.value;return Array.isArray(t)?t.map(normalizeItem):m.value}),v=w(()=>filterItems(_.value,d.value,!!e[`no-filter`].value)),b=w(()=>buildRows(v.value)),scrollFocusedIntoView=()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},x=createListControl({getItems:()=>v.value,isItemDisabled:e=>e.disabled,onNavigate:scrollFocusedIntoView,signal:r}),{focusedIndex:S}=x,resetSearch=()=>{d.value=``,x.reset()},{closeWithAnimation:C,handleBackdropClick:T,overlay:E,requestClose:O,mount:A}=useDialogControl({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:w(()=>`.search-input`),isPersistent:()=>!1,onCleanup:u,onEvent:f,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),resetSearch()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),x.navigate(`first`)},openProp:e.open,performClose:()=>C(),returnFocus:w(()=>!0)}),j=nt();j.mount(window),u(()=>j.dispose());let M=null;k(e.shortcut,e=>{M?.(),M=null;let t=(e??``).trim();if(t)try{M=j.bind({handler:()=>{E.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),p(()=>{A(),i.value&&f(i.value,`click`,T)});function selectItem(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?a.value?.focus():O(`trigger`))}function handleInput(r){let i=r.target.value;d.value=i,x.navigate(`first`),n(`search`,{query:i});let a=v.value.length;announce(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:t.ownerDocument})}function handleKeydown(e){if(!x.handleKeydown(e)&&e.key===`Enter`){let t=x.getActiveItem()??v.value.find(e=>!e.disabled);t&&(e.preventDefault(),selectItem(t))}}return s`
|
|
3784
|
+
`},styles:[J,Da]});var Ma=__exportAll({BOX_TAG:()=>pa,GRID_ITEM_TAG:()=>ba,GRID_TAG:()=>va,NAVBAR_CTX:()=>Sa,NAVBAR_ITEM_TAG:()=>wa,NAVBAR_TAG:()=>Ca,SIDEBAR_CTX:()=>Oa,SIDEBAR_GROUP_TAG:()=>Aa,SIDEBAR_ITEM_TAG:()=>ja,SIDEBAR_TAG:()=>ka});function useDialogControl(e){let t=lifecycleSignal(e.onCleanup),n=D(!1),r=`programmatic`,i=createBackgroundLock(),a=!1,o=createFocusManager({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),cancelExit=()=>{},closeWithAnimation=()=>{let t=e.dialogRef.value;if(!t?.open||a)return;a=!0,t.classList.add(`closing`);let n=!1;cancelExit=()=>{n||(n=!0,t.classList.remove(`closing`),a=!1)};let finish=()=>{n||(n=!0,t.close(),a=!1)},r=e.getPanelEl();r?awaitExit(r,finish,`transition`):finish()},dispatchCloseRequest=t=>e.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:t,...e.closeRequestDetail?.(t)}})),s={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(){s.close(`programmatic`)},open(t=`programmatic`){let r=e.dialogRef.value;if(r?.open){cancelExit();return}r&&!n.value&&(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](){s.dispose()},toggle(e=`click`,t=`trigger`){n.value?s.close(t):s.open(e)}};t.addEventListener(`abort`,s.dispose,{once:!0});let requestClose=e=>{dispatchCloseRequest(e)&&s.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?s.open(`trigger`):(t===`close`||t===`request-close`)&&requestClose(`trigger`)},{signal:t});let handleCancel=t=>{t.target===e.dialogRef.value&&(t.preventDefault(),!e.isPersistent()&&requestClose(`escape`))},handleBackdropClick=t=>{e.isPersistent()||t.target===e.dialogRef.value&&requestClose(`outsideClick`)},handleNativeClose=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)},mount=()=>{let t=e.dialogRef.value;if(!t)return;e.onEvent(t,`close`,handleNativeClose),e.onEvent(t,`cancel`,handleCancel);let n=!1;k(e.openProp,t=>{if(t===void 0){if(!n){e.defaultOpen.value&&s.open(`programmatic`),n=!0;return}s.close(`programmatic`);return}n=!0,t?s.open(`programmatic`):s.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation,handleBackdropClick,isOpen:n,mount,overlay:s,requestClose}}var Na=`@layer refine.base{:host{--_radius:var(--command-palette-radius,var(--rounded-lg));--_max-width:var(--command-palette-max-width,40rem);--_preview-width:var(--command-palette-preview-width,18rem);--_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)}.body{flex-direction:column}.preview{border-top:var(--border) solid var(--color-contrast-100);width:auto;max-height:40%}.preview: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-left:0}.preview: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:0}}.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)}}.body{flex:1;min-height:0;display:flex}.listbox{min-width:0;padding:var(--size-1);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow-y:auto}.preview{width:var(--_preview-width);padding:var(--size-3) var(--size-4);overscroll-behavior:contain;font-size:var(--text-sm);color:var(--color-contrast-700);scrollbar-width:thin;flex-shrink:0;overflow-y:auto}.preview: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-left:var(--border) solid var(--color-contrast-100)}.preview: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(--color-contrast-100)}.preview[hidden]{display:none}.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}.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 ore-keyboard-key{--keyboard-key-font-family:inherit;--keyboard-key-padding-inline:var(--size-1)}::slotted(ore-command-palette-item){display:none}}`;function parseSlottedItems(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 splitShortcutKeys(e){return e.split(`+`).map(e=>e.trim()).filter(Boolean)}function normalizeItem(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 filterItems(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 buildRows(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 Pa=`ore-command-palette-item`;i(Pa,{setup(){return s``}});var Fa=`ore-command-palette`;i(Fa,{props:{"default-open":m.bool(!1),"empty-text":m.string(`No results found.`),items:m.data(),"keep-open-on-select":m.bool(!1),label:m.string(`Command palette`),loading:m.bool(!1),"no-filter":m.bool(!1),open:{default:void 0,parse:parseOptionalBool},placeholder:m.string(`Type a command or search…`),shortcut:m.string(`mod+k`)},setup(e){let t=o(),n=y(),r=lifecycleSignal(u),i=g(),a=g(),c=`cmdk-listbox`,l=null,d=D(``),m=D([]),reparseSlottedItems=()=>{m.value=parseSlottedItems([...t.children])};reparseSlottedItems();let h=new MutationObserver(reparseSlottedItems);h.observe(t,{characterData:!0,childList:!0,subtree:!0}),u(()=>h.disconnect());let _=w(()=>{let t=e.items.value;return Array.isArray(t)?t.map(normalizeItem):m.value}),v=w(()=>filterItems(_.value,d.value,!!e[`no-filter`].value)),b=w(()=>buildRows(v.value)),scrollFocusedIntoView=()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},x=createListControl({getItems:()=>v.value,isItemDisabled:e=>e.disabled,onNavigate:scrollFocusedIntoView,signal:r}),{focusedIndex:S}=x;k(()=>v.value[S.value],e=>{n(`active-change`,e?{item:e,label:e.label,value:e.value}:{label:``,value:``})});let C=D(!1),resetSearch=()=>{d.value=``,x.reset()},{closeWithAnimation:T,handleBackdropClick:E,overlay:O,requestClose:A,mount:j}=useDialogControl({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:w(()=>`.search-input`),isPersistent:()=>!1,onCleanup:u,onEvent:f,onNativeClose:e=>{n(`open-change`,{open:!1,reason:e}),resetSearch()},onOpen:e=>{n(`open-change`,{open:!0,reason:e}),x.navigate(`first`)},openProp:e.open,performClose:()=>T(),returnFocus:w(()=>!0)}),M=nt();M.mount(window),u(()=>M.dispose());let N=null;k(e.shortcut,e=>{N?.(),N=null;let t=(e??``).trim();if(t)try{N=M.bind({handler:()=>{O.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),p(()=>{j(),i.value&&f(i.value,`click`,E)});function selectItem(t){t.disabled||(n(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?a.value?.focus():A(`trigger`))}function handleInput(r){let i=r.target.value;d.value=i,x.navigate(`first`),n(`search`,{query:i});let a=v.value.length;announce(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:t.ownerDocument})}function handleKeydown(e){if(!x.handleKeydown(e)&&e.key===`Enter`){let t=x.getActiveItem()??v.value.find(e=>!e.disabled);t&&(e.preventDefault(),selectItem(t))}}return s`
|
|
3710
3785
|
<dialog ref="${i}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3711
3786
|
<div class="panel" part="panel">
|
|
3712
3787
|
<div class="search" part="search">
|
|
@@ -3729,6 +3804,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3729
3804
|
@keydown="${handleKeydown}" />
|
|
3730
3805
|
<span class="search-loader" ?hidden="${()=>!e.loading.value}" aria-hidden="true"></span>
|
|
3731
3806
|
</div>
|
|
3807
|
+
<div class="body">
|
|
3732
3808
|
<div
|
|
3733
3809
|
class="listbox"
|
|
3734
3810
|
part="listbox"
|
|
@@ -3769,6 +3845,13 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3769
3845
|
</div>
|
|
3770
3846
|
`)}
|
|
3771
3847
|
</div>
|
|
3848
|
+
<div class="preview" part="preview" role="region" aria-label="Preview" ?hidden="${()=>!C.value}">
|
|
3849
|
+
<slot
|
|
3850
|
+
name="preview"
|
|
3851
|
+
@slotchange="${e=>{C.value=e.target.assignedElements().length>0}}"
|
|
3852
|
+
></slot>
|
|
3853
|
+
</div>
|
|
3854
|
+
</div>
|
|
3772
3855
|
<div class="footer" part="footer">
|
|
3773
3856
|
<span class="footer-hint">
|
|
3774
3857
|
<ore-keyboard-key>↑</ore-keyboard-key>
|
|
@@ -3786,7 +3869,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3786
3869
|
</div>
|
|
3787
3870
|
</div>
|
|
3788
3871
|
</dialog>
|
|
3789
|
-
`},styles:[Y,
|
|
3872
|
+
`},styles:[Y,Na]});var Ia=`@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(--focus-ring);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)}}`,La=`ore-dialog`;i(La,{props:{backdrop:m.string(),"default-open":m.bool(!1),dismissible:m.bool(!1),elevation:m.string(),"initial-focus":m.string(),label:m.string(),open:{default:void 0,parse:parseOptionalBool},padding:m.string(),persistent:m.bool(!1),"return-focus":m.bool(!0),rounded:m.string(),size:m.oneOf([`sm`,`md`,`lg`,`xl`,`full`],`md`)},setup(e){let t=o(),n=y(),r=x(),i=g(),hasHeader=()=>r.has(`header`).value||!!e.label.value||e.dismissible.value,hasFooter=()=>r.has(`footer`).value,{closeWithAnimation:a,handleBackdropClick:c,overlay:l,requestClose:d,mount:m}=useDialogControl({defaultOpen:e[`default-open`],dialogRef:i,getPanelEl:()=>i.value?.querySelector(`.panel`),host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:u,onEvent:f,onNativeClose:e=>n(`open-change`,{open:!1,reason:e}),onOpen:e=>n(`open-change`,{open:!0,reason:e}),openProp:e.open,performClose:()=>{a()},returnFocus:e[`return-focus`]}),handleDismiss=()=>{d(`trigger`)};return p(()=>{let e=i.value;if(e)return m(),f(e,`click`,c),()=>{l.dispose()}}),s`
|
|
3790
3873
|
<dialog ref=${i} class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
|
|
3791
3874
|
<div class="overlay" part="overlay" aria-hidden="true"></div>
|
|
3792
3875
|
<div class="panel" part="panel" data-size="${e.size}">
|
|
@@ -3812,7 +3895,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3812
3895
|
</div>
|
|
3813
3896
|
</div>
|
|
3814
3897
|
</dialog>
|
|
3815
|
-
`},styles:[X,J,Ma]});var Pa=`@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,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}}`,Fa={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)`}},Ia=`ore-drawer`;i(Ia,{props:{backdrop:m.string(),"default-open":m.bool(!1),dismissible:m.bool(!0),"drag-handle-placement":m.oneOf([`outside`,`inset`],`outside`),"initial-focus":m.string(),label:m.string(),open:{default:void 0,parse:parseOptionalBool},persistent:m.bool(!1),placement:m.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":m.bool(!0),size:m.string(),title:m.string()},setup(e){let t=o(),r=y(),i=x(),a=n(`drawer-label`),c=g(),l=g(),d=D(!1),m,h,getHeaderText=()=>e.label.value??e.title.value??``,hasHeaderTitle=()=>i.has(`header`).value||!!getHeaderText(),hasHeader=()=>hasHeaderTitle()||e.dismissible.value,hasFooter=()=>i.has(`footer`).value,getPlacement=()=>e.placement.value||`right`,getSwipeConfig=()=>Fa[getPlacement()],getSnapThreshold=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},shouldCommitSwipeClose=(e,t)=>getSwipeConfig().closingDistance(e)>=t,finalizeSwipeClose=e=>{if(!d.value)return;h&&=(clearTimeout(h),void 0);let t=c.value;if(!t){d.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,S(`swipe`)},startSwipeClose=(e,t,n)=>{if(d.value)return;d.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 onExitTransitionEnd=t=>{t.target===e&&t.propertyName===`transform`&&(e.removeEventListener(`transitionend`,onExitTransitionEnd),finalizeSwipeClose(e))};e.addEventListener(`transitionend`,onExitTransitionEnd);let o=parseFloat(getComputedStyle(e).transitionDuration)*1e3;h=setTimeout(()=>{e.removeEventListener(`transitionend`,onExitTransitionEnd),finalizeSwipeClose(e)},o+50),e.style.transform=a,e.style.opacity=`0.2`},resetPanelDragStyles=e=>{h&&=(clearTimeout(h),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,d.value=!1},handleSwipeEnd=({distance:e,reason:t})=>{let n=l.value;if(!n)return;let r=getSnapThreshold(n,getSwipeConfig().axis);if(t===`release`&&shouldCommitSwipeClose(e,r)){startSwipeClose(n,getSwipeConfig(),e);return}resetPanelDragStyles(n)},{closeWithAnimation:_,mount:v,overlay:b,requestClose:S}=useDialogControl({beforeOpen:e=>{let t=l.value;t&&resetPanelDragStyles(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>l.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:u,onEvent:f,onNativeClose:e=>{let t=l.value;t&&e!==`swipe`&&resetPanelDragStyles(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():_()},returnFocus:e[`return-focus`]}),handleCloseButtonClick=()=>{S(`trigger`)};return p(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{b.open(`programmatic`)},r.hide=()=>{b.close(`programmatic`)};let handleBackdropClick=t=>{e.persistent.value||m?.active||d.value||t.target===n&&S(`outsideClick`)};v(),f(n,`click`,handleBackdropClick);let i=l.value?.querySelector(`[part="drag-handle"]`);return i&&(m=Ue(i,{axis:()=>getSwipeConfig().axis,disabled:()=>d.value,onEnd:handleSwipeEnd,onMove:({distance:e})=>{let t=l.value;if(!t)return;let n=getSwipeConfig(),r=getSnapThreshold(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,b.dispose()}}),s`
|
|
3898
|
+
`},styles:[X,J,Ia]});var Ra=`@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,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}}`,za={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)`}},Ba=`ore-drawer`;i(Ba,{props:{backdrop:m.string(),"default-open":m.bool(!1),dismissible:m.bool(!0),"drag-handle-placement":m.oneOf([`outside`,`inset`],`outside`),"initial-focus":m.string(),label:m.string(),open:{default:void 0,parse:parseOptionalBool},persistent:m.bool(!1),placement:m.oneOf([`left`,`right`,`top`,`bottom`],`right`),"return-focus":m.bool(!0),size:m.string(),title:m.string()},setup(e){let t=o(),r=y(),i=x(),a=n(`drawer-label`),c=g(),l=g(),d=D(!1),m,h,getHeaderText=()=>e.label.value??e.title.value??``,hasHeaderTitle=()=>i.has(`header`).value||!!getHeaderText(),hasHeader=()=>hasHeaderTitle()||e.dismissible.value,hasFooter=()=>i.has(`footer`).value,getPlacement=()=>e.placement.value||`right`,getSwipeConfig=()=>za[getPlacement()],getSnapThreshold=(e,t)=>{let n=t===`x`?e.offsetWidth:e.offsetHeight;return Math.min(96,Math.max(36,n*.18))},shouldCommitSwipeClose=(e,t)=>getSwipeConfig().closingDistance(e)>=t,finalizeSwipeClose=e=>{if(!d.value)return;h&&=(clearTimeout(h),void 0);let t=c.value;if(!t){d.value=!1;return}t.style.transition=`none`,e.style.opacity=`0`,e.style.visibility=`hidden`,t.offsetWidth,S(`swipe`)},startSwipeClose=(e,t,n)=>{if(d.value)return;d.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 onExitTransitionEnd=t=>{t.target===e&&t.propertyName===`transform`&&(e.removeEventListener(`transitionend`,onExitTransitionEnd),finalizeSwipeClose(e))};e.addEventListener(`transitionend`,onExitTransitionEnd);let o=parseFloat(getComputedStyle(e).transitionDuration)*1e3;h=setTimeout(()=>{e.removeEventListener(`transitionend`,onExitTransitionEnd),finalizeSwipeClose(e)},o+50),e.style.transform=a,e.style.opacity=`0.2`},resetPanelDragStyles=e=>{h&&=(clearTimeout(h),void 0),e.style.transition=``,e.style.transform=``,e.style.opacity=``,e.style.visibility=``,d.value=!1},handleSwipeEnd=({distance:e,reason:t})=>{let n=l.value;if(!n)return;let r=getSnapThreshold(n,getSwipeConfig().axis);if(t===`release`&&shouldCommitSwipeClose(e,r)){startSwipeClose(n,getSwipeConfig(),e);return}resetPanelDragStyles(n)},{closeWithAnimation:_,mount:v,overlay:b,requestClose:S}=useDialogControl({beforeOpen:e=>{let t=l.value;t&&resetPanelDragStyles(t)},closeRequestDetail:t=>({placement:e.placement.value??`right`}),defaultOpen:e[`default-open`],dialogRef:c,getPanelEl:()=>l.value,host:t,initialFocus:e[`initial-focus`],isPersistent:()=>!!e.persistent.value,onCleanup:u,onEvent:f,onNativeClose:e=>{let t=l.value;t&&e!==`swipe`&&resetPanelDragStyles(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():_()},returnFocus:e[`return-focus`]}),handleCloseButtonClick=()=>{S(`trigger`)};return p(()=>{let n=c.value;if(!n)return;let r=t;r.show=()=>{b.open(`programmatic`)},r.hide=()=>{b.close(`programmatic`)};let handleBackdropClick=t=>{e.persistent.value||m?.active||d.value||t.target===n&&S(`outsideClick`)};v(),f(n,`click`,handleBackdropClick);let i=l.value?.querySelector(`[part="drag-handle"]`);return i&&(m=Ue(i,{axis:()=>getSwipeConfig().axis,disabled:()=>d.value,onEnd:handleSwipeEnd,onMove:({distance:e})=>{let t=l.value;if(!t)return;let n=getSwipeConfig(),r=getSnapThreshold(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,b.dispose()}}),s`
|
|
3816
3899
|
<dialog
|
|
3817
3900
|
ref=${c}
|
|
3818
3901
|
aria-modal="true"
|
|
@@ -3842,7 +3925,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3842
3925
|
</div>
|
|
3843
3926
|
</div>
|
|
3844
3927
|
</dialog>
|
|
3845
|
-
`},styles:[$,J,Y,
|
|
3928
|
+
`},styles:[$,J,Y,Ra]});var Va=`@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}}`,Ha=`@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)}}`,Ua=`@layer refine.base{:host{margin:var(--_separator-margin,var(--size-1)) 0;border-top:var(--border) solid var(--color-contrast-200);display:block}}`,Wa=`ore-menu-item`;i(Wa,{props:{checked:m.bool(!1),disabled:m.bool(!1),type:m.string(),value:m.string()},setup(e){let isCheckable=()=>e.type.value===`checkbox`||e.type.value===`radio`,isChecked=()=>isCheckable()&&e.checked.value,itemRole=()=>e.type.value===`checkbox`?`menuitemcheckbox`:e.type.value===`radio`?`menuitemradio`:`menuitem`,itemClass=()=>{let t=e.type.value;return[`item`,t===`checkbox`?`is-checkbox`:``,t===`radio`?`is-radio`:``,isChecked()?`is-checked`:``].filter(Boolean).join(` `)};return isCheckable()?s`
|
|
3846
3929
|
<div
|
|
3847
3930
|
class="${itemClass}"
|
|
3848
3931
|
part="item"
|
|
@@ -3859,7 +3942,7 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3859
3942
|
<span class="icon-slot" part="icon-slot"><slot name="icon"></slot></span>
|
|
3860
3943
|
<span class="item-label" part="item-label"><slot></slot></span>
|
|
3861
3944
|
</div>
|
|
3862
|
-
`},styles:[Q,
|
|
3945
|
+
`},styles:[Q,Ha]}),i(`ore-menu-separator`,{setup(){return s``},styles:[Ua]});var isCheckableItemType=e=>e===`checkbox`||e===`radio`,Ga=`ore-menu`;i(Ga,{props:{...G,...K,"default-open":m.bool(!1),open:{default:void 0,parse:parseOptionalBool},placement:m.oneOf([`bottom`,`bottom-start`,`bottom-end`,`top`,`top-start`,`top-end`],`bottom-start`)},setup(t){let r=o(),i=y(),a=x(),c=S,l=n(`menu`),d=w(()=>!!t.disabled.value),f=lifecycleSignal(u),m=null,h=null,cleanupTrigger=null;function getItems(){return Array.from(r.querySelectorAll(`ore-menu-item:not([disabled])`))}function getItemFocusable(e){return e?e.shadowRoot?.querySelector(`[role^="menuitem"]`)??e:null}function getFocusedItemIndex(){return getItems().findIndex(e=>{let t=getItemFocusable(e);return e===document.activeElement||t===document.activeElement})}let g=D(!1),_=null,v=createDropdownPositioner({getFloating:()=>h,getOffsetPx:()=>4,getPlacement:()=>t.placement.value??`bottom-start`,getReference:()=>m,matchWidth:!1,onPlacementChange:e=>h?.setAttribute(`data-placement`,e),padding:6,useClippingAncestor:!1}),b=createListControl({disabled:w(()=>!g.value),getItems,isItemDisabled:e=>e.hasAttribute(`disabled`),onNavigate:({item:e})=>{getItemFocusable(e)?.focus()},signal:f}),close=(e=`programmatic`,t=!0)=>{g.value&&(g.value=!1,b.reset(),_?.(),_=null,t&&Me(()=>m),i(`open-change`,{open:!1,reason:e}))},open=(e=`programmatic`)=>{d.value||g.value||(g.value=!0,v.update(),_=v.startAutoUpdate?.()??null,i(`open-change`,{open:!0,reason:e}))},toggle=()=>{g.value?close(`trigger`):open(`click`)};createOutsidePointerDismissal({getTargets:()=>[r,h],isActive:()=>g.value,onDismiss:()=>close(`outsideClick`),signal:f});let C=!1;k(t.open,e=>{e===void 0?C?close(`programmatic`):t[`default-open`].value&&open(`programmatic`):e?open(`programmatic`):close(`programmatic`),C=!0},{immediate:!0}),f.addEventListener(`abort`,()=>{g.value&&(g.value=!1,b.reset(),_?.(),_=null)},{once:!0});let activateItem=e=>{let t=e.getAttribute(`type`),n=isCheckableItemType(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||close(`programmatic`)},T=createInteraction({keys:[`Enter`,` `,`ArrowDown`],onPress:()=>{open(`keyboard`),requestAnimationFrame(()=>b.set(0))}}),E=createInteraction({onPress:()=>{let e=b.getActiveItem();e&&activateItem(e)}});function handleMenuKeydown(e){if(d.value)return;if(!g.value){T.handleKeydown(e);return}let t=getFocusedItemIndex();if(t>=0&&b.set(t),e.key===`Escape`){e.preventDefault(),close(`escape`);return}if(!b.handleKeydown(e)){if(e.key===` `||e.key===`Enter`){E.handleKeydown(e);return}e.key===`Tab`&&close(`programmatic`)}}e({on:{click:e=>{let t=e.composedPath();if(!g.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`)&&activateItem(n)}}}),c(()=>{let e=g.value;h&&h.toggleAttribute(`data-open`,e)});function resolveTrigger(){if(cleanupTrigger?.(),cleanupTrigger=null,m=a.elements(`trigger`).value?.[0]??null,!m)return;let t=[],n=e({attr:{"aria-controls":()=>l,"aria-disabled":()=>d.value,"aria-expanded":()=>String(g.value),"aria-haspopup":`menu`}},{target:m}),onTriggerClick=e=>{e.stopPropagation(),!d.value&&toggle()},onTriggerKeydown=e=>{handleMenuKeydown(e)};m.addEventListener(`click`,onTriggerClick),m.addEventListener(`keydown`,onTriggerKeydown),t.push(()=>m?.removeEventListener(`click`,onTriggerClick)),t.push(()=>m?.removeEventListener(`keydown`,onTriggerKeydown)),cleanupTrigger=()=>{n();for(let e of t)e()}}return k(a.elements(`trigger`),resolveTrigger,{immediate:!0}),p(()=>(resolveTrigger(),()=>{cleanupTrigger?.(),cleanupTrigger=null})),s`
|
|
3863
3946
|
<slot name="trigger"></slot>
|
|
3864
3947
|
<div
|
|
3865
3948
|
class="menu-panel"
|
|
@@ -3871,16 +3954,16 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3871
3954
|
ref="${e=>{h=e,h?.toggleAttribute(`data-open`,g.value)}}">
|
|
3872
3955
|
<slot></slot>
|
|
3873
3956
|
</div>
|
|
3874
|
-
`},styles:[
|
|
3957
|
+
`},styles:[Va,sizeVariantMixin(ft),$]});var Ka=`@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}}`,qa=`@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)}}`,Ja=`@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)}}`,parseOptionalString=e=>e??void 0,Ya=`ore-navigation-menu-item`;i(Ya,{props:{disabled:m.bool(!1),value:m.string(``)},setup(e){return s`
|
|
3875
3958
|
<button class="trigger" type="button" ?disabled=${e.disabled}><slot></slot></button>
|
|
3876
|
-
`},styles:[
|
|
3959
|
+
`},styles:[qa]});var Xa=`ore-navigation-menu-panel`;i(Xa,{props:{for:m.string()},setup(){let e=x();return s`
|
|
3877
3960
|
<div class="content" part="content"><slot></slot></div>
|
|
3878
3961
|
<div class="footer" part="footer" ?hidden=${()=>!e.has(`footer`).value}><slot name="footer"></slot></div>
|
|
3879
|
-
`},styles:[
|
|
3962
|
+
`},styles:[Ja]});var Za=`ore-navigation-menu`;i(Za,{props:{...K,"close-on-select":m.bool(!0),columns:m.number(),"default-open":m.string(),label:m.string(`Navigation menu`),open:{default:void 0,parse:parseOptionalString},placement:m.oneOf([`bottom-end`,`bottom-start`],`bottom-start`)},setup(e){let t=o(),r=y(),i=lifecycleSignal(u),a=n(`navigation-menu`),c=w(()=>e.disabled.value),l=D(null),d=null,f=null,m=null,items=()=>Array.from(t.querySelectorAll(`${Ya}:not([disabled])`)),valueOf=e=>e.getAttribute(`value`)??``,panels=()=>Array.from(t.querySelectorAll(Xa)),panelFor=e=>panels().find(t=>t.getAttribute(`for`)===e)??null,isControlled=()=>e.open.value!==void 0,panelIdFor=e=>e.id||=n(`navigation-menu-panel`),h=createDropdownPositioner({getFloating:()=>f,getOffsetPx:()=>8,getPlacement:()=>e.placement.value??`bottom-start`,getReference:()=>d?.shadowRoot?.querySelector(`.trigger`)??d,matchWidth:!1,useClippingAncestor:!1}),panelColumns=()=>{let t=e.columns.value;return t===void 0?void 0:Math.max(1,Math.trunc(t))},showPanel=e=>{if(e.hidden=!1,e.dataset.open=``,`showPopover`in e)try{e.matches(`:popover-open`)||e.showPopover()}catch{}},hidePanel=e=>{if(delete e.dataset.open,`hidePopover`in e)try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}e.hidden=!0},applyActive=e=>{let t=e===null?null:panelFor(e);m?.(),m=null,l.value=e,d=e?items().find(t=>valueOf(t)===e)??null:null,f=t;for(let t of items()){let n=valueOf(t)===e,r=t.shadowRoot?.querySelector(`.trigger`);t.setAttribute(`aria-expanded`,String(n)),r?.setAttribute(`aria-expanded`,String(n))}for(let e of panels())e!==t&&hidePanel(e);if(t){let e=panelColumns();e!==void 0&&t.style.setProperty(`--navigation-menu-panel-columns`,String(e)),t.setAttribute(`aria-labelledby`,d?.id??``),showPanel(t),h.update(),m=h.startAutoUpdate?.()??null}},requestActive=(e,t)=>{c.value||l.value===e||(e===null||panelFor(e))&&(isControlled()||applyActive(e),r(`open-change`,{open:e!==null,reason:t,value:e}))};return u(()=>{m?.();for(let e of panels())hidePanel(e)}),createOutsidePointerDismissal({getTargets:()=>[t,f],isActive:()=>l.value!==null,onDismiss:()=>requestActive(null,`outsideClick`),signal:i}),p(()=>{let t=new Set;for(let t of panels())t.setAttribute(`popover`,`manual`),t.setAttribute(`role`,`region`),panelIdFor(t),hidePanel(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=l.value;a&&(r(`select`,{href:i.href,value:a}),e[`close-on-select`].value&&!i.closest(`[data-navigation-menu-keep-open]`)&&requestActive(null,`select`))},{signal:i});document.addEventListener(`keydown`,e=>{e.key===`Escape`&&l.value!==null&&(e.preventDefault(),requestActive(null,`escape`),d?.shadowRoot?.querySelector(`.trigger`)?.focus())},{signal:i});for(let e of items()){let r=valueOf(e),a=panelFor(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`,panelIdFor(a)),o.setAttribute(`aria-haspopup`,`true`),o.setAttribute(`aria-expanded`,`false`),e.setAttribute(`aria-expanded`,`false`),o.addEventListener(`click`,()=>requestActive(l.value===r?null:r,`click`),{signal:i}),o.addEventListener(`keydown`,t=>{let n=items(),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(),requestActive(r,`keyboard`),requestAnimationFrame(()=>f?.querySelector(`a, button, input, [tabindex]:not([tabindex="-1"])`)?.focus()))},{signal:i}))}e.open.value===void 0?e[`default-open`].value&&applyActive(e[`default-open`].value):applyActive(e.open.value)}),k(e.open,e=>{e!==void 0&&applyActive(e)}),k(e.disabled,e=>{e&&applyActive(null)}),s`
|
|
3880
3963
|
<nav class="triggers" aria-label="${e.label}" id="${a}"><slot></slot></nav>
|
|
3881
3964
|
<slot name="panel"></slot>
|
|
3882
3965
|
<slot name="footer"></slot>
|
|
3883
|
-
`},styles:[Y,
|
|
3966
|
+
`},styles:[Y,Ka]});var Qa=`.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)}}`,$a=4,eo=[`hover`,`focus`],to=new Set([`click`,`focus`,`hover`]),parseDelayMs=e=>{if(e==null||e.trim()===``)return 0;let t=Number(e);return Number.isFinite(t)&&t>=0?t:0},normalizeTriggers=e=>parseStringTriggers(e,to,eo),no=`ore-tooltip`;i(no,{props:{...G,...K,"close-delay":{default:0,parse:parseDelayMs},content:m.string(),"default-open":m.bool(!1),delay:{default:0,parse:parseDelayMs},open:{default:void 0,parse:parseOptionalBool},placement:m.oneOf([`top`,`bottom`,`left`,`right`],`top`),trigger:m.string(`hover,focus`),variant:m.string()},setup(t){let r=o(),i=y(),a=x(),c=r.shadowRoot,l=w(()=>!!t.disabled.value),d=w(()=>t.open.value!==void 0),f=D(`top`),m=n(`tooltip`),h=w(()=>normalizeTriggers(t.trigger.value)),g=null,_=null,v=null,clearShowTimer=()=>{_&&=(clearTimeout(_),null)},clearHideTimer=()=>{v&&=(clearTimeout(v),null)},b=useFloatingTrigger({bindTriggerAria:t=>e({attr:{"aria-describedby":()=>m}},{target:t}),defaultOpen:t[`default-open`],disabled:l,getPanel:()=>g,onCleanup:u,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];f.value=t,t===`left`&&g&&(g.style.left=`${parseFloat(g.style.left)-$a}px`)},openProp:t.open,placement:w(()=>t.placement.value),slot:()=>c?.querySelector(`slot:not([name])`)??null,slotElements:a.elements(),triggers:w(()=>[])});function show(e=`hover`){if(d.value||l.value||!t.content.value&&!a.has(`content`).value)return;clearHideTimer(),clearShowTimer();let n=Number(t.delay.value)||0;n>0?_=setTimeout(()=>{_=null,b.open(e),b.updatePosition()},n):(b.open(e),b.updatePosition())}function hide(){if(d.value)return;clearShowTimer();let e=Number(t[`close-delay`].value)||0;e>0?(clearHideTimer(),v=setTimeout(()=>{v=null,b.close(`trigger`)},e)):b.close(`trigger`)}return p(()=>{let e=c?.querySelector(`slot:not([name])`),t=[],addEvent=(e,n,r)=>{e.addEventListener(n,r),t.push(()=>e.removeEventListener(n,r))},bindTriggerEvents=()=>{for(let e of t)e();t=[];let n=e?.assignedElements({flatten:!0})[0];if(!n)return;let r=h.value;r.includes(`hover`)&&(addEvent(n,`pointerenter`,()=>show(`hover`)),addEvent(n,`pointerleave`,hide)),r.includes(`focus`)&&(addEvent(n,`focusin`,()=>show(`focus`)),addEvent(n,`focusout`,hide)),r.includes(`click`)&&addEvent(n,`click`,()=>b.visible.value?hide():show(`click`))};e?.addEventListener(`slotchange`,bindTriggerEvents),bindTriggerEvents();let n=b.mount();return()=>{e?.removeEventListener(`slotchange`,bindTriggerEvents);for(let e of t)e();clearShowTimer(),clearHideTimer(),n()}}),s`
|
|
3884
3967
|
<slot></slot>
|
|
3885
3968
|
<div
|
|
3886
3969
|
class="tooltip"
|
|
@@ -3893,5 +3976,5 @@ import{bind as e,createContext as t,createId as n,css as r,define as i,each as a
|
|
|
3893
3976
|
aria-hidden="${()=>String(!b.visible.value)}">
|
|
3894
3977
|
<slot name="content"><span class="tooltip-text">${t.content}</span></slot>
|
|
3895
3978
|
</div>
|
|
3896
|
-
`},styles:[$,
|
|
3979
|
+
`},styles:[$,Qa]});var ro={content:yr,disclosure:Nr,feedback:si,inputs:da,layout:Ma,overlay:__exportAll({COMMAND_PALETTE_ITEM_TAG:()=>Pa,COMMAND_PALETTE_TAG:()=>Fa,DIALOG_TAG:()=>La,DRAWER_TAG:()=>Ba,MENU_ITEM_TAG:()=>Wa,MENU_TAG:()=>Ga,NAVIGATION_MENU_ITEM_TAG:()=>Ya,NAVIGATION_MENU_PANEL_TAG:()=>Xa,NAVIGATION_MENU_TAG:()=>Za,POPOVER_TAG:()=>Ai,TOOLTIP_TAG:()=>no})};export{ro as components};
|
|
3897
3980
|
//# sourceMappingURL=refine.js.map
|