@vielzeug/refine 26.10.1 → 26.10.5

package/dist/refine.cjs

@@ -3706,7 +3706,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
             ${renderItemContent()}
           </button>
         `}
-    `},styles:[A,Ur]});var qr=__exportAll({BOX_TAG:()=>kr,GRID_ITEM_TAG:()=>Ir,GRID_TAG:()=>Pr,NAVBAR_CTX:()=>Rr,NAVBAR_ITEM_TAG:()=>Br,NAVBAR_TAG:()=>zr,SIDEBAR_CTX:()=>$,SIDEBAR_GROUP_TAG:()=>Gr,SIDEBAR_ITEM_TAG:()=>Kr,SIDEBAR_TAG:()=>Wr});function useDialogControl(e){let t=lifecycleSignal(e.onCleanup),r=(0,n.signal)(!1),i=`programmatic`,a=createBackgroundLock(),o=!1,s=createFocusManager({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),cancelExit=()=>{},closeWithAnimation=()=>{let t=e.dialogRef.value;if(!t?.open||o)return;o=!0,t.classList.add(`closing`);let n=!1;cancelExit=()=>{n||(n=!0,t.classList.remove(`closing`),o=!1)};let finish=()=>{n||(n=!0,t.close(),o=!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)}})),c={close(t=`programmatic`){if(!r.value)return;let n=e.dialogRef.value;n?.open?(i=t,(e.performClose??((e,t)=>e.close()))(n,t)):r.value=!1},dispose(){c.close(`programmatic`)},open(t=`programmatic`){let n=e.dialogRef.value;if(n?.open){cancelExit();return}n&&!r.value&&(n.classList.remove(`closing`),s.captureReturnFocus(),e.beforeOpen?.(n),n.showModal(),a.lock(e.host),s.applyInitialFocus(),r.value=!0,e.onOpen?.(t))},[Symbol.dispose](){c.dispose()},toggle(e=`click`,t=`trigger`){r.value?c.close(t):c.open(e)}};t.addEventListener(`abort`,c.dispose,{once:!0});let requestClose=e=>{dispatchCloseRequest(e)&&c.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?c.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;a.unlock(),e.host.removeAttribute(`open`),r.value=!1,s.restoreFocus();let n=i;i=`programmatic`,e.onNativeClose?.(n)},mount=()=>{let t=e.dialogRef.value;if(!t)return;e.onEvent(t,`close`,handleNativeClose),e.onEvent(t,`cancel`,handleCancel);let r=!1;(0,n.watch)(e.openProp,t=>{if(t===void 0){if(!r){e.defaultOpen.value&&c.open(`programmatic`),r=!0;return}c.close(`programmatic`);return}r=!0,t?c.open(`programmatic`):c.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation,handleBackdropClick,isOpen:r,mount,overlay:c,requestClose}}var Jr=`@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 Yr=`ore-command-palette-item`;(0,t.define)(Yr,{setup(){return t.html``}});var Xr=`ore-command-palette`;(0,t.define)(Xr,{props:{"default-open":t.prop.bool(!1),"empty-text":t.prop.string(`No results found.`),items:t.prop.data(),"keep-open-on-select":t.prop.bool(!1),label:t.prop.string(`Command palette`),loading:t.prop.bool(!1),"no-filter":t.prop.bool(!1),open:{default:void 0,parse:parseOptionalBool},placeholder:t.prop.string(`Type a command or search…`),shortcut:t.prop.string(`mod+k`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=lifecycleSignal(t.onCleanup),o=(0,t.ref)(),s=(0,t.ref)(),c=`cmdk-listbox`,l=null,u=(0,n.signal)(``),d=(0,n.signal)([]),reparseSlottedItems=()=>{d.value=parseSlottedItems([...r.children])};reparseSlottedItems();let p=new MutationObserver(reparseSlottedItems);p.observe(r,{characterData:!0,childList:!0,subtree:!0}),(0,t.onCleanup)(()=>p.disconnect());let m=(0,n.computed)(()=>{let t=e.items.value;return Array.isArray(t)?t.map(normalizeItem):d.value}),h=(0,n.computed)(()=>filterItems(m.value,u.value,!!e[`no-filter`].value)),g=(0,n.computed)(()=>buildRows(h.value)),scrollFocusedIntoView=()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},_=createListControl({getItems:()=>h.value,isItemDisabled:e=>e.disabled,onNavigate:scrollFocusedIntoView,signal:a}),{focusedIndex:v}=_,resetSearch=()=>{u.value=``,_.reset()},{closeWithAnimation:y,handleBackdropClick:b,overlay:x,requestClose:S,mount:C}=useDialogControl({defaultOpen:e[`default-open`],dialogRef:o,getPanelEl:()=>o.value?.querySelector(`.panel`),host:r,initialFocus:(0,n.computed)(()=>`.search-input`),isPersistent:()=>!1,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>{i(`open-change`,{open:!1,reason:e}),resetSearch()},onOpen:e=>{i(`open-change`,{open:!0,reason:e}),_.navigate(`first`)},openProp:e.open,performClose:()=>y(),returnFocus:(0,n.computed)(()=>!0)}),w=(0,f.createKeymap)();w.mount(window),(0,t.onCleanup)(()=>w.dispose());let T=null;(0,n.watch)(e.shortcut,e=>{T?.(),T=null;let t=(e??``).trim();if(t)try{T=w.bind({handler:()=>{x.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),(0,t.onMounted)(()=>{C(),o.value&&(0,t.onEvent)(o.value,`click`,b)});function selectItem(t){t.disabled||(i(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():S(`trigger`))}function handleInput(t){let n=t.target.value;u.value=n,_.navigate(`first`),i(`search`,{query:n});let a=h.value.length;announce(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:r.ownerDocument})}function handleKeydown(e){if(!_.handleKeydown(e)&&e.key===`Enter`){let t=_.getActiveItem()??h.value.find(e=>!e.disabled);t&&(e.preventDefault(),selectItem(t))}}return t.html`
+    `},styles:[A,Ur]});var qr=__exportAll({BOX_TAG:()=>kr,GRID_ITEM_TAG:()=>Ir,GRID_TAG:()=>Pr,NAVBAR_CTX:()=>Rr,NAVBAR_ITEM_TAG:()=>Br,NAVBAR_TAG:()=>zr,SIDEBAR_CTX:()=>$,SIDEBAR_GROUP_TAG:()=>Gr,SIDEBAR_ITEM_TAG:()=>Kr,SIDEBAR_TAG:()=>Wr});function useDialogControl(e){let t=lifecycleSignal(e.onCleanup),r=(0,n.signal)(!1),i=`programmatic`,a=createBackgroundLock(),o=!1,s=createFocusManager({getInitialFocusSelector:()=>e.initialFocus.value,getReturnFocus:()=>e.returnFocus.value,host:e.host,signal:t}),cancelExit=()=>{},closeWithAnimation=()=>{let t=e.dialogRef.value;if(!t?.open||o)return;o=!0,t.classList.add(`closing`);let n=!1;cancelExit=()=>{n||(n=!0,t.classList.remove(`closing`),o=!1)};let finish=()=>{n||(n=!0,t.close(),o=!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)}})),c={close(t=`programmatic`){if(!r.value)return;let n=e.dialogRef.value;n?.open?(i=t,(e.performClose??((e,t)=>e.close()))(n,t)):r.value=!1},dispose(){c.close(`programmatic`)},open(t=`programmatic`){let n=e.dialogRef.value;if(n?.open){cancelExit();return}n&&!r.value&&(n.classList.remove(`closing`),s.captureReturnFocus(),e.beforeOpen?.(n),n.showModal(),a.lock(e.host),s.applyInitialFocus(),r.value=!0,e.onOpen?.(t))},[Symbol.dispose](){c.dispose()},toggle(e=`click`,t=`trigger`){r.value?c.close(t):c.open(e)}};t.addEventListener(`abort`,c.dispose,{once:!0});let requestClose=e=>{dispatchCloseRequest(e)&&c.close(e)};e.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?c.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;a.unlock(),e.host.removeAttribute(`open`),r.value=!1,s.restoreFocus();let n=i;i=`programmatic`,e.onNativeClose?.(n)},mount=()=>{let t=e.dialogRef.value;if(!t)return;e.onEvent(t,`close`,handleNativeClose),e.onEvent(t,`cancel`,handleCancel);let r=!1;(0,n.watch)(e.openProp,t=>{if(t===void 0){if(!r){e.defaultOpen.value&&c.open(`programmatic`),r=!0;return}c.close(`programmatic`);return}r=!0,t?c.open(`programmatic`):c.close(`programmatic`)},{immediate:!0})};return{closeWithAnimation,handleBackdropClick,isOpen:r,mount,overlay:c,requestClose}}var Jr=`@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 Yr=`ore-command-palette-item`;(0,t.define)(Yr,{setup(){return t.html``}});var Xr=`ore-command-palette`;(0,t.define)(Xr,{props:{"default-open":t.prop.bool(!1),"empty-text":t.prop.string(`No results found.`),items:t.prop.data(),"keep-open-on-select":t.prop.bool(!1),label:t.prop.string(`Command palette`),loading:t.prop.bool(!1),"no-filter":t.prop.bool(!1),open:{default:void 0,parse:parseOptionalBool},placeholder:t.prop.string(`Type a command or search…`),shortcut:t.prop.string(`mod+k`)},setup(e){let r=(0,t.getHost)(),i=(0,t.useEmit)(),a=lifecycleSignal(t.onCleanup),o=(0,t.ref)(),s=(0,t.ref)(),c=`cmdk-listbox`,l=null,u=(0,n.signal)(``),d=(0,n.signal)([]),reparseSlottedItems=()=>{d.value=parseSlottedItems([...r.children])};reparseSlottedItems();let p=new MutationObserver(reparseSlottedItems);p.observe(r,{characterData:!0,childList:!0,subtree:!0}),(0,t.onCleanup)(()=>p.disconnect());let m=(0,n.computed)(()=>{let t=e.items.value;return Array.isArray(t)?t.map(normalizeItem):d.value}),h=(0,n.computed)(()=>filterItems(m.value,u.value,!!e[`no-filter`].value)),g=(0,n.computed)(()=>buildRows(h.value)),scrollFocusedIntoView=()=>{l?.querySelector(`[data-focused]`)?.scrollIntoView({block:`nearest`})},_=createListControl({getItems:()=>h.value,isItemDisabled:e=>e.disabled,onNavigate:scrollFocusedIntoView,signal:a}),{focusedIndex:v}=_;(0,n.watch)(()=>h.value[v.value],e=>{i(`active-change`,e?{item:e,label:e.label,value:e.value}:{label:``,value:``})});let y=(0,n.signal)(!1),resetSearch=()=>{u.value=``,_.reset()},{closeWithAnimation:b,handleBackdropClick:x,overlay:S,requestClose:C,mount:w}=useDialogControl({defaultOpen:e[`default-open`],dialogRef:o,getPanelEl:()=>o.value?.querySelector(`.panel`),host:r,initialFocus:(0,n.computed)(()=>`.search-input`),isPersistent:()=>!1,onCleanup:t.onCleanup,onEvent:t.onEvent,onNativeClose:e=>{i(`open-change`,{open:!1,reason:e}),resetSearch()},onOpen:e=>{i(`open-change`,{open:!0,reason:e}),_.navigate(`first`)},openProp:e.open,performClose:()=>b(),returnFocus:(0,n.computed)(()=>!0)}),T=(0,f.createKeymap)();T.mount(window),(0,t.onCleanup)(()=>T.dispose());let E=null;(0,n.watch)(e.shortcut,e=>{E?.(),E=null;let t=(e??``).trim();if(t)try{E=T.bind({handler:()=>{S.toggle(`keyboard`,`trigger`)},id:`command-palette-toggle`,shortcut:t})}catch(e){`${t}${e instanceof Error?e.message:String(e)}`}},{immediate:!0}),(0,t.onMounted)(()=>{w(),o.value&&(0,t.onEvent)(o.value,`click`,x)});function selectItem(t){t.disabled||(i(`select`,{item:t,label:t.label,value:t.value}),e[`keep-open-on-select`].value?s.value?.focus():C(`trigger`))}function handleInput(t){let n=t.target.value;u.value=n,_.navigate(`first`),i(`search`,{query:n});let a=h.value.length;announce(a===0?e[`empty-text`].value:`${a} result${a===1?``:`s`} found`,{document:r.ownerDocument})}function handleKeydown(e){if(!_.handleKeydown(e)&&e.key===`Enter`){let t=_.getActiveItem()??h.value.find(e=>!e.disabled);t&&(e.preventDefault(),selectItem(t))}}return t.html`
       <dialog ref="${o}" class="dialog" part="dialog" aria-label="${e.label}" aria-modal="true">
         <div class="panel" part="panel">
           <div class="search" part="search">
@@ -3729,6 +3729,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
               @keydown="${handleKeydown}" />
             <span class="search-loader" ?hidden="${()=>!e.loading.value}" aria-hidden="true"></span>
           </div>
+          <div class="body">
           <div
             class="listbox"
             part="listbox"
@@ -3769,6 +3770,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
                       </div>
                     `)}
           </div>
+          <div class="preview" part="preview" role="region" aria-label="Preview" ?hidden="${()=>!y.value}">
+            <slot
+              name="preview"
+              @slotchange="${e=>{y.value=e.target.assignedElements().length>0}}"
+            ></slot>
+          </div>
+          </div>
           <div class="footer" part="footer">
             <span class="footer-hint">
               <ore-keyboard-key>↑</ore-keyboard-key>