@monkeyplus/flow 6.0.93 → 6.0.96
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/cms/dist/assets/{AuthForm-DSUWtrqu.js → AuthForm-CEqqOioG.js} +1 -1
- package/cms/dist/assets/AuthForm-Dyry4sjr.js +1 -0
- package/cms/dist/assets/{Button-D3MhoEVs.js → Button-DSBabzKN.js} +1 -1
- package/cms/dist/assets/Button-DqA6yHmE.js +3 -0
- package/cms/dist/assets/{Checkbox-I6l8ibKx.js → Checkbox-2DLJujJl.js} +1 -1
- package/cms/dist/assets/Checkbox-B9TQzWoR.js +1 -0
- package/cms/dist/assets/Cms-B3N_KCIZ.js +1 -0
- package/cms/dist/assets/Cms-CitEH0f5.js +1 -0
- package/cms/dist/assets/Cms-DBVYneZ6.js +1 -0
- package/cms/dist/assets/Cms-RiSl7itt.js +1 -0
- package/cms/dist/assets/{Cms.vue_vue_type_script_setup_true_lang-DkS_qK_V.js → Cms.vue_vue_type_script_setup_true_lang-BE4gcjtK.js} +1 -1
- package/cms/dist/assets/Cms.vue_vue_type_script_setup_true_lang-Cim5a8ta.js +1 -0
- package/cms/dist/assets/{Collection-BHRxgXC_.js → Collection-BKCtzrFp.js} +1 -1
- package/cms/dist/assets/{Collection-X1G_TG6g.js → Collection-CvMe4uAc.js} +1 -1
- package/cms/dist/assets/Collection-DUac22Dt.js +1 -0
- package/cms/dist/assets/Collection-DnqXcyIX.js +1 -0
- package/cms/dist/assets/{Collection.vue_vue_type_script_setup_true_lang-CHokmmAY.js → Collection.vue_vue_type_script_setup_true_lang-C1S_bdnX.js} +1 -1
- package/cms/dist/assets/Collection.vue_vue_type_script_setup_true_lang-D00wuxPQ.js +4 -0
- package/cms/dist/assets/{DropdownMenu-B1u9PaKA.js → DropdownMenu-BQssBxgT.js} +1 -1
- package/cms/dist/assets/DropdownMenu-CEBhjrc5.js +1 -0
- package/cms/dist/assets/Entry-BJp9ayT7.js +1 -0
- package/cms/dist/assets/Entry-CGSN0PAz.js +1 -0
- package/cms/dist/assets/Entry-CaHgQH1Y.js +1 -0
- package/cms/dist/assets/Entry-CgN2sYol.js +1 -0
- package/cms/dist/assets/Entry-CgT6L2WL.js +1 -0
- package/cms/dist/assets/Entry-Dci2mvxv.js +1 -0
- package/cms/dist/assets/Entry-Dm44tSiN.js +1 -0
- package/cms/dist/assets/Entry-Dmqp93hD.js +1 -0
- package/cms/dist/assets/{Entry.vue_vue_type_script_setup_true_lang-DVd5twfc.js → Entry.vue_vue_type_script_setup_true_lang-BfyEnUL0.js} +1 -1
- package/cms/dist/assets/Entry.vue_vue_type_script_setup_true_lang-CUxKDnZU.js +1 -0
- package/cms/dist/assets/{Entry.vue_vue_type_script_setup_true_lang-DbsFlTxT.js → Entry.vue_vue_type_script_setup_true_lang-CxjPxxzL.js} +1 -1
- package/cms/dist/assets/Entry.vue_vue_type_script_setup_true_lang-vcckP0ZX.js +1 -0
- package/cms/dist/assets/{Fields-CYKDLhcu.js → Fields-BawGmVCc.js} +1 -1
- package/cms/dist/assets/Fields-Bi4LYuMU.js +210 -0
- package/cms/dist/assets/{FormField-BscJyBNL.js → FormField-C34EWjac.js} +1 -1
- package/cms/dist/assets/FormField-C61IDh4I.js +1 -0
- package/cms/dist/assets/{Input-CtKMh-vS.js → Input-Hz9y3cZz.js} +1 -1
- package/cms/dist/assets/Input-mdAflUvn.js +1 -0
- package/cms/dist/assets/{Main-kKxOZo_I.js → Main-CXgqjq7s.js} +1 -1
- package/cms/dist/assets/Main-CYPH0uHW.js +1 -0
- package/cms/dist/assets/{Media-DgSFU9pN.js → Media-CXv54zBr.js} +1 -1
- package/cms/dist/assets/Media-Zai8Eyjm.js +64 -0
- package/cms/dist/assets/{Modal-DBoykdu6.js → Modal-C1wCau0J.js} +1 -1
- package/cms/dist/assets/Modal-CGsB-OTj.js +1 -0
- package/cms/dist/assets/{Page-CsOwi72I.js → Page-DjVmU66s.js} +1 -1
- package/cms/dist/assets/Page-XI1TMPvl.js +1 -0
- package/cms/dist/assets/{PageSideForm-CBdqu1u8.js → PageSideForm-Bp1Urir0.js} +1 -1
- package/cms/dist/assets/{PageSideForm-C57k1-lB.js → PageSideForm-C_RLGfWu.js} +1 -1
- package/cms/dist/assets/PageSideForm-DLg59PHV.js +1 -0
- package/cms/dist/assets/PageSideForm-a3VRcJON.js +1 -0
- package/cms/dist/assets/{Pages-Cr0Ny5dU.js → Pages-CKJpfmGL.js} +1 -1
- package/cms/dist/assets/Pages-SGGbFdJj.js +1 -0
- package/cms/dist/assets/{Pages-DvKhay6n.js → Pages-xAbJV9U3.js} +1 -1
- package/cms/dist/assets/Pages-xefD7rnP.js +1 -0
- package/cms/dist/assets/Preview-DnGTPdN6.js +1 -0
- package/cms/dist/assets/{Preview-DEpRC4Bi.js → Preview-OR4KfKz3.js} +1 -1
- package/cms/dist/assets/{RovingFocusGroup-CUm7l9no.js → RovingFocusGroup-BcsqcJ5O.js} +1 -1
- package/cms/dist/assets/RovingFocusGroup-tXChOlJX.js +1 -0
- package/cms/dist/assets/{RovingFocusItem-D6KZ03Mu.js → RovingFocusItem-9F18dqW5.js} +1 -1
- package/cms/dist/assets/RovingFocusItem-BZFr46dB.js +1 -0
- package/cms/dist/assets/{SelectMenu-DSVqRTaq.js → SelectMenu-DJ6U8efG.js} +1 -1
- package/cms/dist/assets/SelectMenu-tO51XXJu.js +1 -0
- package/cms/dist/assets/{Settings-CTjOI3Bj.js → Settings-BEdVFG1w.js} +1 -1
- package/cms/dist/assets/Settings-Bsy0zuFA.js +1 -0
- package/cms/dist/assets/{Sidebar-YXbFeNkk.js → Sidebar-CEo-y76h.js} +1 -1
- package/cms/dist/assets/Sidebar-Yq9IY4Ms.js +1 -0
- package/cms/dist/assets/{TooltipProvider-mPBbU-gh.js → TooltipProvider-DSEdSlGC.js} +1 -1
- package/cms/dist/assets/TooltipProvider-eymskTia.js +1 -0
- package/cms/dist/assets/app-BgUToHeP.js +1 -0
- package/cms/dist/assets/app-CaD5gbmy.js +1 -0
- package/cms/dist/assets/app-CskbKD_s.js +1 -0
- package/cms/dist/assets/app-DIwCYECN.js +1 -0
- package/cms/dist/assets/{app.vue_vue_type_script_setup_true_lang-CIebD0CF.js → app.vue_vue_type_script_setup_true_lang-CcJRfxNS.js} +1 -1
- package/cms/dist/assets/app.vue_vue_type_script_setup_true_lang-D_pkxqlv.js +13 -0
- package/cms/dist/assets/{auth-CZZ1ffk_.js → auth-DCjN847G.js} +1 -1
- package/cms/dist/assets/auth-Dk9sEsYb.js +3 -0
- package/cms/dist/assets/{cms-DLlwnI0X.js → cms-CPHw4cSK.js} +1 -1
- package/cms/dist/assets/cms-iIeAz_di.js +1 -0
- package/cms/dist/assets/{dist-BZucBpTS.js → dist-CJ_kIawN.js} +1 -1
- package/cms/dist/assets/dist-DT4goRM8.js +1 -0
- package/cms/dist/assets/{index.spa-Bf4LYMIu.js → index.spa-92WvmWuv.js} +2 -2
- package/cms/dist/assets/index.spa-C7iKiCvX.js +18 -0
- package/cms/dist/assets/{index.vue_vue_type_script_setup_true_lang-DzsfBsr6.js → index.vue_vue_type_script_setup_true_lang-C2LQo8Oj.js} +1 -1
- package/cms/dist/assets/index.vue_vue_type_script_setup_true_lang-rpB9rqn_.js +1 -0
- package/cms/dist/assets/{not-found-BYa-WMRP.js → not-found-DHHFlsrQ.js} +1 -1
- package/cms/dist/assets/{not-found-C61__aTl.js → not-found-D_-ir4iz.js} +1 -1
- package/cms/dist/assets/not-found-Dk1mx7Yj.js +1 -0
- package/cms/dist/assets/not-found-DvkmN0eD.js +1 -0
- package/cms/dist/assets/pages-B40UGtkq.js +1 -0
- package/cms/dist/assets/pages-BcMEj4In.js +1 -0
- package/cms/dist/assets/pages-Ckuyy9Ug.js +1 -0
- package/cms/dist/assets/pages-oA_sDzlt.js +1 -0
- package/cms/dist/assets/{preview-CVJOQGkg.js → preview-DNlc8BJR.js} +1 -1
- package/cms/dist/assets/preview-DPGswc5E.js +1 -0
- package/cms/dist/assets/{useCmsBreadcrumb-mRDI-ntE.js → useCmsBreadcrumb-BgIIsOA3.js} +1 -1
- package/cms/dist/assets/useCmsBreadcrumb-Td17D_qt.js +1 -0
- package/cms/dist/assets/{useOverlay-DgQAqZ8g.js → useOverlay-BfXmCZ3K.js} +1 -1
- package/cms/dist/assets/useOverlay-CmtILBeo.js +1 -0
- package/cms/dist/assets/{usePortal-Lm5jfTqo.js → usePortal-CQWjJqTo.js} +1 -1
- package/cms/dist/assets/usePortal-D1eAe6IG.js +1 -0
- package/cms/dist/assets/{useToast-BX1LBtlK.js → useToast-CXoHGY9X.js} +1 -1
- package/cms/dist/assets/useToast-DEQY9Mgj.js +1 -0
- package/cms/dist/assets/{utils-Cny8bLQM.js → utils-BNIC2Ofx.js} +1 -1
- package/cms/dist/assets/utils-CjR9cj4u.js +1 -0
- package/cms/dist/index.spa.html +1 -1
- package/modules/cms/server/api/admin.mjs +1 -1
- package/package.json +1 -1
- package/src/main.mjs +13 -0
- package/src/runtime/components/MkImage.mjs +8 -2
- package/src/runtime/components/MkPicture.mjs +3 -1
- package/cms/dist/assets/Cms-CW1YXNCb.js +0 -1
- package/cms/dist/assets/Cms-d7Sr9gZE.js +0 -1
- package/cms/dist/assets/Entry-1x-zO6lW.js +0 -1
- package/cms/dist/assets/Entry-BLyuYGMJ.js +0 -1
- package/cms/dist/assets/Entry-Djw3mJvP.js +0 -1
- package/cms/dist/assets/Entry-J-RzddNe.js +0 -1
- package/cms/dist/assets/app-BPX7lmeE.js +0 -1
- package/cms/dist/assets/app-DpjH5rYR.js +0 -1
- package/cms/dist/assets/pages-D0o0l_zk.js +0 -1
- package/cms/dist/assets/pages-vEXLxRjV.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{At as e,Ct as t,D as n,Dt as r,Fn as i,Ht as a,Jt as o,Kt as s,L as c,Lt as l,Mt as u,Nn as d,Nt as f,Pt as p,Qt as m,Rt as h,Vt as g,Wt as _,Yt as v,a as y,d as b,en as x,hn as S,j as C,jt as w,kn as T,ln as E,m as D,mn as O,o as k,sn as A,un as j,vt as M,wn as N,yn as P}from"./index.spa-C7iKiCvX.js";import{T as ee,n as te,t as F}from"./Input-Hz9y3cZz.js";import{a as I,b as L,c as R,d as ne,f as re,g as ie,h as ae,i as oe,l as se,m as z,n as B,o as V,p as H,r as U,s as W,u as G,v as K,y as ce}from"./Fields-BawGmVCc.js";import{b as q,t as J,v as Y,x as X}from"./Button-DSBabzKN.js";import{t as le}from"./DropdownMenu-CEBhjrc5.js";import{r as ue}from"./SelectMenu-DJ6U8efG.js";import{n as de,t as fe}from"./Preview-DnGTPdN6.js";import{t as Z}from"./cms-iIeAz_di.js";import{t as pe}from"./dist-TO46HCAG.js";import{r as me}from"./Media-CXv54zBr.js";import{t as he}from"./preview-DPGswc5E.js";import{n as ge,t as _e}from"./PageSideForm-C_RLGfWu.js";import{t as ve}from"./Sidebar-Yq9IY4Ms.js";import{n as ye,t as be}from"./useCmsBreadcrumb-BgIIsOA3.js";function Q(t){let r=N([]),i=N(0),a=N(`closed`),o=t.searchTerm??N(``),s=null,c=null,l=null,u=null,f=null,p=null,m=null,h=null,_=null,v=null,y=null,{score:x}=te(),S=()=>{a.value!==`closed`&&(a.value=`closed`,p&&=(document.removeEventListener(`keydown`,p,!0),null),m&&=(t.editor.view.dom.removeEventListener(`blur`,m),null),v&&=(window.removeEventListener(`scroll`,v,!0),null),c&&l&&(c.removeEventListener(`mousedown`,l),l=null),s&&=(s.destroy(),null),c&&=(c.remove(),null))},C=t.filterFields??[`label`],w=t.filter||((e,t)=>{if(!t)return e;let n=[];for(let r of e){let e=null;for(let n of C){let i=b(r,n);if(i==null)continue;let a=Array.isArray(i)?i.map(String):[String(i)];for(let n of a){let r=n.replace(/[\s_-]/g,``),i=Math.min(x(n,t)??3,x(r,t)??3);if((e===null||i<e)&&(e=i),e===0)break}if(e===0)break}e!==null&&e<3&&n.push({item:r,score:e})}return n.sort((e,t)=>e.score-t.score),n.map(({item:e})=>e)}),T=t.limit??42,E=typeof t.pluginKey==`string`?new ae(t.pluginKey):t.pluginKey,O=e(()=>{let e=d(t.items);return e?.length?D(e)?e:[e]:[]}),k=e(()=>O.value.flatMap(e=>e)),A=e(()=>r.value.length?t.ignoreFilter?[r.value]:O.value.map(e=>{let t=e.filter(e=>r.value.includes(e));return t.sort((e,t)=>r.value.indexOf(e)-r.value.indexOf(t)),t}).filter(e=>e.length>0):[]),M=e(()=>r.value.filter(e=>e.type!==`label`&&e.type!==`separator`)),P=n(t.options,{strategy:`absolute`,placement:`bottom-start`,offset:8,flip:{},shift:{padding:8},size:!1,autoPlacement:!1,hide:!1,inline:!1}),F=V(P),I=e=>{if(!h)return;let t=h();t&&ee({getBoundingClientRect:()=>t},e,{placement:P.placement,strategy:P.strategy,middleware:F}).then(({x:t,y:n,strategy:r})=>{e.style.width=`max-content`,e.style.position=r,e.style.top=`0`,e.style.left=`0`,e.style.transform=`translate(${Math.round(t)}px, ${Math.round(n)}px)`})},L=()=>{a.value=`open`,p||(p=e=>{f&&f({event:e})&&(e.preventDefault(),e.stopPropagation())},document.addEventListener(`keydown`,p,!0)),m||(m=()=>{setTimeout(()=>{if(a.value===`open`){let e=t.editor.view.state.tr.setMeta(E,{exit:!0});t.editor.view.dispatch(e)}},0)},t.editor.view.dom.addEventListener(`blur`,m)),v||(v=()=>{c&&I(c)},window.addEventListener(`scroll`,v,!0)),_=e=>{i.value=e,s&&s.updateProps({groups:A.value,selectedIndex:e,onSelect:u,onHover:_,state:a.value})},s=new ne(R,{props:{groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value},editor:t.editor}),c=document.createElement(`div`),c.style.position=P.strategy,c.style.zIndex=`50`,l=e=>{e.preventDefault()},c.addEventListener(`mousedown`,l),((typeof t.appendTo==`function`?t.appendTo():t.appendTo)??t.editor.view.dom.parentElement)?.appendChild(c),s.element&&c.appendChild(s.element),I(c)};t.ignoreFilter&&(y=j(()=>d(t.items),e=>{if(h){if(r.value=(e?.length?D(e)?e.flat():e:[]).slice(0,T),!r.value.length){S();return}if(i.value>=M.value.length&&(i.value=Math.max(0,M.value.length-1)),a.value===`closed`&&r.value.length){L();return}s&&s.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}),c&&I(c)}},{deep:!0,flush:`sync`}));let R={props:{groups:{type:Array,required:!0},selectedIndex:{type:Number,required:!0},onSelect:{type:Function,required:!0},onHover:{type:Function,required:!0},state:{type:String,required:!0}},setup(e){function n(t,n,r){t.preventDefault(),e.onSelect(n,r)}function r(t){e.onHover(t)}return()=>{let i=e.groups,a=new Map,o=0;for(let e of i)for(let t of e){let e=t;e.type!==`label`&&e.type!==`separator`&&a.set(t,o++)}return g(`div`,{class:t.ui.value.content(),role:`listbox`,"data-state":e.state},[g(`div`,{class:t.ui.value.viewport(),role:`presentation`},i.map((i,o)=>g(`div`,{key:`group-${o}`,class:t.ui.value.group(),role:`group`},i.map((i,s)=>{let c=i;if(c.type===`label`)return g(`div`,{key:`label-${o}-${s}`,class:t.ui.value.label({class:c.class})},t.renderItem(i,t.ui));if(c.type===`separator`)return g(`div`,{key:`separator-${o}-${s}`,class:t.ui.value.separator({class:c.class}),role:`separator`});let l=a.get(i),u=l===e.selectedIndex;return g(`div`,{key:`item-${l}`,class:t.ui.value.item({class:c.class,active:!1}),role:`option`,"aria-selected":u,"data-highlighted":u?``:void 0,"data-disabled":c.disabled?``:void 0,onMousedown:e=>n(e,i,l),onMouseenter:()=>r(l),ref:e=>{e&&u&&e.scrollIntoView({block:`nearest`,inline:`nearest`})}},t.renderItem(i,t.ui))}))))])}}};return{plugin:re({...t.suggestion||{},pluginKey:E,editor:t.editor,char:t.char,items:({query:e})=>(o.value=e,t.ignoreFilter?k.value.slice(0,T):w(k.value,e).slice(0,T)),command:({editor:e,range:n,props:r})=>{t.onSelect(e,n,r)},render:()=>(f=e=>{let{event:t}=e;if(!s||!M.value.length)return!1;if(t.key===`Escape`)return S(),!0;if(t.key===`ArrowUp`)return i.value=(i.value+M.value.length-1)%M.value.length,s?.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}),!0;if(t.key===`ArrowDown`)return i.value=(i.value+1)%M.value.length,s?.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}),!0;if(t.key===`Enter`||t.key===`Tab`){let e=M.value[i.value];return e&&u&&u(e),!0}return!1},{onStart:e=>{r.value=t.ignoreFilter?k.value.slice(0,T):e.items,i.value=0,u=t=>e.command(t),h=e.clientRect,r.value.length&&L()},onUpdate:e=>{if(r.value=t.ignoreFilter?k.value.slice(0,T):e.items,u=t=>e.command(t),i.value>=M.value.length&&(i.value=Math.max(0,M.value.length-1)),!r.value.length){S();return}s?s.updateProps({groups:A.value,selectedIndex:i.value,onSelect:u,onHover:_,state:a.value}):L(),c&&I(c)},onKeyDown:f,onExit:()=>{S(),h=null,o.value=``}})}),destroy:()=>{a.value=`closed`,p&&=(document.removeEventListener(`keydown`,p,!0),null),m&&=(t.editor.view.dom.removeEventListener(`blur`,m),null),v&&=(window.removeEventListener(`scroll`,v,!0),null),c&&l&&(c.removeEventListener(`mousedown`,l),l=null),s&&=(s.destroy(),null),c&&=(c.remove(),null),y&&=(y(),null)},filteredItems:r,searchTerm:o}}var xe={slots:{content:`min-w-48 max-w-60 max-h-96 bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin) flex flex-col`,viewport:`relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1`,group:`p-1 isolate`,label:`w-full flex items-center font-semibold text-highlighted`,separator:`-mx-1 my-1 h-px bg-border`,item:`group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75`,itemLeadingIcon:`shrink-0 flex items-center justify-center`,itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemWrapper:`flex-1 flex flex-col text-start min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,itemLabelExternalIcon:`inline-block size-3 align-top text-dimmed`},variants:{size:{xs:{label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},sm:{label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},md:{label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},lg:{label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},xl:{label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6 text-xl`,itemLeadingAvatarSize:`xs`}},active:{true:{item:`text-highlighted before:bg-elevated/75`,itemLeadingIcon:`text-default`},false:{item:[`text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`]}}},defaultVariants:{size:`md`}},Se=Object.assign({inheritAttrs:!1},{__name:`EditorMentionMenu`,props:_({size:{type:null,required:!1},items:{type:Array,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},editor:{type:Object,required:!1},char:{type:String,required:!1,default:`@`},pluginKey:{type:String,required:!1,default:`mentionMenu`},filterFields:{type:Array,required:!1},limit:{type:Number,required:!1},options:{type:Object,required:!1},suggestion:{type:Object,required:!1},appendTo:{type:Function,required:!1,skipCheck:!0},ignoreFilter:{type:Boolean,required:!1}},{searchTerm:{type:String,default:``},searchTermModifiers:{}}),emits:[`update:searchTerm`],setup(t){let n=t,r=A(t,`searchTerm`,{type:String,default:``}),i=C(),a=e(()=>X({extend:X(xe),...i.ui?.editorMentionMenu||{}})({size:n.size})),c=null;return v(async()=>{await s(),!(!n.editor||n.editor.isDestroyed)&&(c=Q({editor:n.editor,char:n.char,pluginKey:n.pluginKey,items:T(()=>n.items),filterFields:n.filterFields,ignoreFilter:n.ignoreFilter,limit:n.limit,options:n.options,suggestion:n.suggestion,appendTo:n.appendTo,searchTerm:r,ui:a,onSelect:(e,t,r)=>{e.chain().focus().deleteRange(t).insertContent({type:`mention`,attrs:{...r,mentionSuggestionChar:n.char}}).run()},renderItem:(e,t)=>[e.avatar?g(Y,{...e.avatar,size:t.value.itemLeadingAvatarSize(),class:t.value.itemLeadingAvatar()}):e.icon?g(q,{name:e.icon,class:t.value.itemLeadingIcon()}):null,g(`span`,{class:t.value.itemWrapper()},[g(`span`,{class:t.value.itemLabel()},e.label),e.description?g(`span`,{class:t.value.itemDescription()},e.description):null])]}),n.editor.registerPlugin(c.plugin))}),o(()=>{c&&=(c.destroy(),null),n.editor&&!n.editor.isDestroyed&&n.editor.unregisterPlugin(n.pluginKey)}),(e,t)=>(m(),p(`div`))}}),Ce={slots:{content:`min-w-48 max-w-60 max-h-96 bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin) flex flex-col`,viewport:`relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1`,group:`p-1 isolate`,label:`w-full flex items-center font-semibold text-highlighted`,separator:`-mx-1 my-1 h-px bg-border`,item:`group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75`,itemLeadingIcon:`shrink-0 flex items-center justify-center`,itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemWrapper:`flex-1 flex flex-col text-start min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,itemLabelExternalIcon:`inline-block size-3 align-top text-dimmed`},variants:{size:{xs:{label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},sm:{label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4 text-sm`,itemLeadingAvatarSize:`3xs`},md:{label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},lg:{label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5 text-base`,itemLeadingAvatarSize:`2xs`},xl:{label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6 text-xl`,itemLeadingAvatarSize:`xs`}},active:{true:{item:`text-highlighted before:bg-elevated/75`,itemLeadingIcon:`text-default`},false:{item:[`text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`]}}},defaultVariants:{size:`md`}},we=Object.assign({inheritAttrs:!1},{__name:`EditorSuggestionMenu`,props:{size:{type:null,required:!1},items:{type:Array,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},editor:{type:Object,required:!1},char:{type:String,required:!1,default:`/`},pluginKey:{type:String,required:!1,default:`suggestionMenu`},filterFields:{type:Array,required:!1},limit:{type:Number,required:!1},options:{type:Object,required:!1},suggestion:{type:Object,required:!1},appendTo:{type:Function,required:!1,skipCheck:!0}},setup(t){let n=t,r=C(),i=a(`editorHandlers`,e(()=>W())),c=e(()=>X({extend:X(Ce),...r.ui?.editorSuggestionMenu||{}})({size:n.size})),l=null;return v(async()=>{await s(),!(!n.editor||n.editor.isDestroyed)&&(l=Q({editor:n.editor,char:n.char,pluginKey:n.pluginKey,items:T(()=>n.items),filterFields:n.filterFields,limit:n.limit,options:n.options,suggestion:n.suggestion,appendTo:n.appendTo,ui:c,onSelect:(e,t,n)=>{if(n.type===`label`||n.type===`separator`)return;e.chain().focus().deleteRange(t).run();let r=i?.value?.[n.kind];r&&r.execute(e,n).run()},renderItem:(e,t)=>e.type===`label`?[g(`span`,{},e.label)]:[e.icon?g(q,{name:e.icon,class:t.value.itemLeadingIcon()}):null,g(`span`,{class:t.value.itemWrapper()},[g(`span`,{class:t.value.itemLabel()},e.label),e.description?g(`span`,{class:t.value.itemDescription()},e.description):null])]}),n.editor.registerPlugin(l.plugin))}),o(()=>{l&&=(l.destroy(),null),n.editor&&!n.editor.isDestroyed&&n.editor.unregisterPlugin(n.pluginKey)}),(e,t)=>(m(),p(`div`))}}),Te=h({__name:`EditorImageUploadNode`,props:{decorations:{},selected:{type:Boolean},updateAttributes:{type:Function},deleteNode:{type:Function},node:{},view:{},getPos:{},innerDecorations:{},editor:{},extension:{},HTMLAttributes:{}},setup(e){let t=e,n=N(null),r=N(!1);return j(n,async e=>{if(!e)return;r.value=!0;let n=new FileReader;n.onload=async e=>{let n=e.target?.result;if(!n){r.value=!1;return}await new Promise(e=>setTimeout(e,1e3));let i=t.getPos();if(typeof i!=`number`){r.value=!1;return}t.editor.chain().focus().deleteRange({from:i,to:i+1}).setImage({src:n}).run(),r.value=!1},n.readAsDataURL(e)}),(e,t)=>{let i=Y,a=me;return m(),u(d(se),null,{default:O(()=>[l(a,{modelValue:d(n),"onUpdate:modelValue":t[0]||=e=>P(n)?n.value=e:null,accept:`image/*`,label:`Upload an image`,description:`SVG, PNG, JPG or GIF (max. 2MB)`,preview:!1,class:`min-h-48`},{leading:O(()=>[l(i,{icon:d(r)?`i-lucide-loader-circle`:`i-lucide-image`,size:`xl`,ui:{icon:[d(r)&&`animate-spin`]}},null,8,[`icon`,`ui`])]),_:1},8,[`modelValue`])]),_:1})}}}),Ee=H.create({name:`imageUpload`,group:`block`,atom:!0,draggable:!0,addAttributes(){return{}},parseHTML(){return[{tag:`div[data-type="image-upload"]`}]},renderHTML({HTMLAttributes:e}){return[`div`,z(e,{"data-type":`image-upload`})]},addNodeView(){return G(Te)},addCommands(){return{insertImageUpload:()=>({commands:e})=>e.insertContent({type:this.name})}}}),De={class:`flex items-center mr-0.5`},$=h({__name:`EditorLinkPopover`,props:{editor:{},autoOpen:{type:Boolean},heading:{type:Boolean}},setup(t){let n=t,r=N(!1),i=N(``),a=e(()=>n.editor.isActive(`link`)),o=e(()=>{if(!n.editor.isEditable)return!0;let{selection:e}=n.editor.state;return e.empty&&!n.editor.isActive(`link`)});j(()=>n.editor,(e,t,n)=>{if(!e)return;let r=()=>{let{href:t}=e.getAttributes(`link`);i.value=t||``};r(),e.on(`selectionUpdate`,r),n(()=>{e.off(`selectionUpdate`,r)})},{immediate:!0}),j(a,e=>{e&&n.autoOpen&&(r.value=!0)});function s(){if(!i.value)return;let{selection:e}=n.editor.state,t=e.empty,a=n.editor.isActive(`code`),o=n.editor.chain().focus();a&&!t?o=o.extendMarkRange(`code`).setLink({href:i.value}):(o=o.extendMarkRange(`link`).setLink({href:i.value}),t&&(o=o.insertContent({type:`text`,text:i.value}))),o.run(),r.value=!1}function c(){n.editor.chain().focus().extendMarkRange(`link`).unsetLink().setMeta(`preventAutolink`,!0).run(),i.value=``,r.value=!1}function f(){i.value&&window.open(i.value,`_blank`,`noopener,noreferrer`)}function p(e){e.key===`Enter`&&(e.preventDefault(),s())}return(e,t)=>{let n=J,h=oe,g=ue,_=F,v=K;return m(),u(v,{open:d(r),"onUpdate:open":t[1]||=e=>P(r)?r.value=e:null,ui:{content:`p-0.5`}},{content:O(()=>[l(_,{modelValue:d(i),"onUpdate:modelValue":t[0]||=e=>P(i)?i.value=e:null,autofocus:``,name:`url`,type:`url`,variant:`none`,placeholder:`Paste a link...`,onKeydown:p},{default:O(()=>[w(`div`,De,[l(n,{icon:`i-lucide-corner-down-left`,variant:`ghost`,size:`sm`,disabled:!d(i)&&!d(a),title:`Apply link`,onClick:s},null,8,[`disabled`]),l(g,{orientation:`vertical`,class:`h-6 mx-1`}),l(n,{icon:`i-lucide-external-link`,color:`neutral`,variant:`ghost`,size:`sm`,disabled:!d(i)&&!d(a),title:`Open in new window`,onClick:f},null,8,[`disabled`]),l(n,{icon:`i-lucide-trash`,color:`neutral`,variant:`ghost`,size:`sm`,disabled:!d(i)&&!d(a),title:`Remove link`,onClick:c},null,8,[`disabled`])])]),_:1},8,[`modelValue`])]),default:O(()=>[l(h,{text:`Link`},{default:O(()=>[l(n,{icon:`i-lucide-link`,color:`neutral`,"active-color":`primary`,variant:`ghost`,"active-variant":`soft`,size:`sm`,active:d(a),disabled:d(o)},null,8,[`active`,`disabled`])]),_:1})]),_:1},8,[`open`])}}}),Oe=h({__name:`PagesEditor`,props:{modelValue:{},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=E(`editorRef`),n=A(e,`modelValue`),r={imageUpload:{canExecute:e=>e.can().insertContent({type:`imageUpload`}),execute:e=>e.chain().focus().insertContent({type:`imageUpload`}),isActive:e=>e.isActive(`imageUpload`),isDisabled:void 0}},a=[[{kind:`undo`,icon:`i-lucide-undo`,tooltip:{text:`Undo`}},{kind:`redo`,icon:`i-lucide-redo`,tooltip:{text:`Redo`}}],[{icon:`i-lucide-heading`,tooltip:{text:`Headings`},content:{align:`start`},items:[{kind:`heading`,level:1,icon:`i-lucide-heading-1`,label:`Heading 1`},{kind:`heading`,level:2,icon:`i-lucide-heading-2`,label:`Heading 2`},{kind:`heading`,level:3,icon:`i-lucide-heading-3`,label:`Heading 3`},{kind:`heading`,level:4,icon:`i-lucide-heading-4`,label:`Heading 4`}]},{icon:`i-lucide-list`,tooltip:{text:`Lists`},content:{align:`start`},items:[{kind:`bulletList`,icon:`i-lucide-list`,label:`Bullet List`},{kind:`orderedList`,icon:`i-lucide-list-ordered`,label:`Ordered List`}]},{kind:`blockquote`,icon:`i-lucide-text-quote`,tooltip:{text:`Blockquote`}},{kind:`codeBlock`,icon:`i-lucide-square-code`,tooltip:{text:`Code Block`}}],[{kind:`mark`,mark:`bold`,icon:`i-lucide-bold`,tooltip:{text:`Bold`}},{kind:`mark`,mark:`italic`,icon:`i-lucide-italic`,tooltip:{text:`Italic`}},{kind:`mark`,mark:`underline`,icon:`i-lucide-underline`,tooltip:{text:`Underline`}},{kind:`mark`,mark:`strike`,icon:`i-lucide-strikethrough`,tooltip:{text:`Strikethrough`}},{kind:`mark`,mark:`code`,icon:`i-lucide-code`,tooltip:{text:`Code`}}],[{slot:`link`,icon:`i-lucide-link`},{kind:`imageUpload`,icon:`i-lucide-image`,tooltip:{text:`Image`}}],[{icon:`i-lucide-align-justify`,tooltip:{text:`Text Align`},content:{align:`end`},items:[{kind:`textAlign`,align:`left`,icon:`i-lucide-align-left`,label:`Align Left`},{kind:`textAlign`,align:`center`,icon:`i-lucide-align-center`,label:`Align Center`},{kind:`textAlign`,align:`right`,icon:`i-lucide-align-right`,label:`Align Right`},{kind:`textAlign`,align:`justify`,icon:`i-lucide-align-justify`,label:`Align Justify`}]}]];function o(e){return[[{icon:`i-lucide-download`,to:e.state.doc.nodeAt(e.state.selection.from)?.attrs?.src,download:!0,tooltip:{text:`Download`}},{icon:`i-lucide-refresh-cw`,tooltip:{text:`Replace`},onClick:()=>{let{state:t}=e,{selection:n}=t,r=n.from,i=t.doc.nodeAt(r);i&&i.type.name===`image`&&e.chain().focus().deleteRange({from:r,to:r+i.nodeSize}).insertContentAt(r,{type:`imageUpload`}).run()}}],[{icon:`i-lucide-trash`,tooltip:{text:`Delete`},onClick:()=>{let{state:t}=e,{selection:n}=t,r=n.from,i=t.doc.nodeAt(r);i&&i.type.name===`image`&&e.chain().focus().deleteRange({from:r,to:r+i.nodeSize}).run()}}]]}let s=N();function c(e){return s.value?.node?.type?R(e,[[{type:`label`,label:pe(s.value.node.type)},{label:`Turn into`,icon:`i-lucide-repeat-2`,children:[{kind:`paragraph`,label:`Paragraph`,icon:`i-lucide-type`},{kind:`heading`,level:1,label:`Heading 1`,icon:`i-lucide-heading-1`},{kind:`heading`,level:2,label:`Heading 2`,icon:`i-lucide-heading-2`},{kind:`heading`,level:3,label:`Heading 3`,icon:`i-lucide-heading-3`},{kind:`heading`,level:4,label:`Heading 4`,icon:`i-lucide-heading-4`},{kind:`bulletList`,label:`Bullet List`,icon:`i-lucide-list`},{kind:`orderedList`,label:`Ordered List`,icon:`i-lucide-list-ordered`},{kind:`blockquote`,label:`Blockquote`,icon:`i-lucide-text-quote`},{kind:`codeBlock`,label:`Code Block`,icon:`i-lucide-square-code`}]},{kind:`clearFormatting`,pos:s.value?.pos,label:`Reset formatting`,icon:`i-lucide-rotate-ccw`}],[{kind:`duplicate`,pos:s.value?.pos,label:`Duplicate`,icon:`i-lucide-copy`},{label:`Copy to clipboard`,icon:`i-lucide-clipboard`,onSelect:async()=>{if(!s.value)return;let t=s.value.pos,n=e.state.doc.nodeAt(t);n&&await navigator.clipboard.writeText(n.textContent)}}],[{kind:`moveUp`,pos:s.value?.pos,label:`Move up`,icon:`i-lucide-arrow-up`},{kind:`moveDown`,pos:s.value?.pos,label:`Move down`,icon:`i-lucide-arrow-down`}],[{kind:`delete`,pos:s.value?.pos,label:`Delete`,icon:`i-lucide-trash`}]],r):[]}let f=[[{type:`label`,label:`Style`},{kind:`paragraph`,label:`Paragraph`,icon:`i-lucide-type`},{kind:`heading`,level:1,label:`Heading 1`,icon:`i-lucide-heading-1`},{kind:`heading`,level:2,label:`Heading 2`,icon:`i-lucide-heading-2`},{kind:`heading`,level:3,label:`Heading 3`,icon:`i-lucide-heading-3`},{kind:`bulletList`,label:`Bullet List`,icon:`i-lucide-list`},{kind:`orderedList`,label:`Numbered List`,icon:`i-lucide-list-ordered`},{kind:`blockquote`,label:`Blockquote`,icon:`i-lucide-text-quote`},{kind:`codeBlock`,label:`Code Block`,icon:`i-lucide-square-code`}],[{type:`label`,label:`Insert`},{kind:`mention`,label:`Mention`,icon:`i-lucide-at-sign`},{kind:`emoji`,label:`Emoji`,icon:`i-lucide-smile-plus`},{kind:`imageUpload`,label:`Image`,icon:`i-lucide-image`},{kind:`horizontalRule`,label:`Horizontal Rule`,icon:`i-lucide-separator-horizontal`}]],p=[{label:`benjamincanac`,avatar:{src:`https://avatars.githubusercontent.com/u/739984?v=4`,loading:`lazy`}},{label:`HugoRCD`,avatar:{src:`https://avatars.githubusercontent.com/u/71938701?v=4`,loading:`lazy`}},{label:`romhml`,avatar:{src:`https://avatars.githubusercontent.com/u/25613751?v=4`,loading:`lazy`}},{label:`sandros94`,avatar:{src:`https://avatars.githubusercontent.com/u/13056429?v=4`,loading:`lazy`}},{label:`hywax`,avatar:{src:`https://avatars.githubusercontent.com/u/149865959?v=4`,loading:`lazy`}},{label:`J-Michalek`,avatar:{src:`https://avatars.githubusercontent.com/u/71264422?v=4`,loading:`lazy`}},{label:`genu`,avatar:{src:`https://avatars.githubusercontent.com/u/928780?v=4`,loading:`lazy`}}];return(e,h)=>{let g=U,_=we,v=Se,y=J,b=le,x=B,S=I;return m(),u(S,{ref_key:`editorRef`,ref:t,modelValue:n.value,"onUpdate:modelValue":h[1]||=e=>n.value=e,"content-type":`html`,extensions:[d(Ee)],handlers:r,placeholder:`Write, type '/' for commands...`,ui:{base:`p-8 sm:px-16 py-13.5`},class:`w-full bg-white h-[99%] overflow-auto rounded-lg border border-gray-300`},{default:O(({editor:e,handlers:t})=>[l(g,{editor:e,items:a,class:`border-b border-muted sticky top-0 inset-x-0 py-2 z-50 bg-default overflow-x-auto`},{link:O(()=>[l($,{editor:e,"auto-open":``},null,8,[`editor`])]),_:2},1032,[`editor`]),l(g,{editor:e,items:o(e),layout:`bubble`,"should-show":({editor:e,view:t})=>e.isActive(`image`)&&t.hasFocus()},null,8,[`editor`,`items`,`should-show`]),l(_,{editor:e,items:f},null,8,[`editor`]),l(v,{editor:e,items:p},null,8,[`editor`]),l(x,{editor:e,onNodeChange:h[0]||=e=>s.value=e},{default:O(({ui:n,onClick:r})=>[l(y,{icon:`i-lucide-plus`,color:`neutral`,variant:`ghost`,size:`sm`,class:i(n.handle()),onClick:n=>{n.stopPropagation();let i=r();t.suggestion?.execute(e,{pos:i?.pos}).run()}},null,8,[`class`,`onClick`]),l(b,{modal:!1,items:c(e),content:{side:`left`},ui:{content:`w-48`,label:`text-xs`},"onUpdate:open":t=>e.chain().setMeta(`lockDragHandle`,t).run()},{default:O(({open:e})=>[l(y,{color:`neutral`,variant:`ghost`,"active-variant":`soft`,size:`sm`,icon:`i-lucide-grip-vertical`,active:e,class:i(n.handle())},null,8,[`active`,`class`])]),_:2},1032,[`items`,`onUpdate:open`])]),_:2},1032,[`editor`])]),_:1},8,[`modelValue`,`extensions`])}}}),ke={key:1,class:`max-w-[320px] mx-auto`},Ae={class:`pt-6 flex justify-center space-x-2`},je=h({__name:`PageSideContent`,setup(e){let{fields:t,push:n}=L(`content`);function i(e){e===`html`&&n({type:`html`,body:``}),e===`image`&&n({type:`image`,image:{src:``}})}return(e,n)=>{let a=ie,o=J;return m(),p(`div`,null,[(m(!0),p(r,null,x(d(t),(e,t)=>(m(),p(`div`,{key:t},[e.value.type===`html`?(m(),u(d(ce),{key:0,name:`content[${t}].body`},{default:O(({field:e})=>[l(Oe,{"model-value":e.value,"onUpdate:modelValue":e[`onUpdate:modelValue`]},null,8,[`model-value`,`onUpdate:modelValue`])]),_:1},8,[`name`])):f(``,!0),e.value.type===`image`?(m(),p(`div`,ke,[l(a,{name:`content[${t}].image`,field:{label:`Imagen`,name:`image`,widget:`image`,options:{}}},null,8,[`name`])])):f(``,!0),n[2]||=w(`div`,{class:`flex justify-center`},[w(`div`,{class:`h-6 w-1 bg-gray-300 inline-block text-center`})],-1)]))),128)),w(`div`,Ae,[l(o,{icon:`i-lucide-text`,label:`Texto`,onClick:n[0]||=e=>i(`html`)}),l(o,{icon:`i-lucide-image`,label:`Imagen`,onClick:n[1]||=e=>i(`image`)})])])}}}),Me={class:`p-3 overflow-auto w-full h-full absolute top-0 bg-gray-100`},Ne=h({__name:`PageSide`,props:{collection:{}},setup(e){let n=Z(),r=ge(),i=y(),a=he(),o=N([]),{state:s}=c(async()=>{let t=((typeof i.params.file==`string`?i.params.file:i.params.file?.[0])||``).split(`/`).pop(),{content:s,filePath:c}=await r.readFile(i.params.folder,t),[l]=t?.split(`.`)||[``],u=e.collection.preview?.url?.replace(`**`,l);return u&&(a.url=u,a.fetchPreview(n.removeBase(c),{...s})),o.value=s?.content||[],{content:{content:[],...s},fields:e.collection?.fields||[],filePath:c,fileName:t}},null,{});j(s,e=>{n.filePage=e},{immediate:!0});let p=N(!0);M(o,()=>{s.value?.filePath&&a.fetchPreview(n.removeBase(s.value.filePath),{...s.value.content,content:o.value})},{debounce:400,deep:!0});let h=N([{label:``,icon:`i-carbon-blog`,content:``,value:`content`},{label:``,icon:`i-tabler-seo`,content:``,value:`seo`}]),g=N(`content`);return(e,n)=>{let r=de,a=ve;return m(),u(a,{open:d(p),"onUpdate:open":n[2]||=e=>P(p)?p.value=e:null,collapsible:`icon`,variant:`overlay`,ui:{container:`h-full`,inner:`bg-elevated/25 divide-transparent`,body:`py-0`},style:{"--sidebar-width":`36rem`}},{default:O(()=>[d(s)?.content&&d(s).fields?.length&&d(i).params.file?.length?(m(),u(_e,{key:d(i).params.file?.[0],fields:d(s)?.fields||[],content:d(s).content,draft:{},"file-path":d(s).filePath},{actions:O(()=>[w(`div`,null,[l(r,{modelValue:d(g),"onUpdate:modelValue":n[0]||=e=>P(g)?g.value=e:null,content:!1,items:d(h),class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])])]),content:O(({blogContent:e})=>[S(w(`div`,Me,[l(je,{modelValue:d(o),"onUpdate:modelValue":n[1]||=e=>P(o)?o.value=e:null},null,8,[`modelValue`])],512),[[t,d(g)===`content`]])]),_:1},8,[`fields`,`content`,`file-path`])):f(``,!0)]),_:1},8,[`open`])}}}),Pe={class:`flex flex-1 bg-neutral-50 dark:bg-neutral-950 h-full`},Fe={class:`flex-1 flex flex-col`},Ie={class:`h-(--ui-header-height) shrink-0 flex items-center px-4 border-b border-default bg-white space-x-3`},Le={class:`flex-1`},Re={class:`flex-1 p-4 bg-white`},ze=h({__name:`Pages`,setup(t){let n=y(),r=Z();k();let i=e(()=>r.postsPages.find(e=>e.name===n.params.folder));e(()=>r.filePage);let a=be(`posts`);return(e,t)=>{let n=ye,r=fe;return m(),p(`div`,Pe,[l(Ne,{collection:d(i)},null,8,[`collection`]),w(`div`,Fe,[w(`div`,Ie,[w(`div`,Le,[l(n,{items:d(a),class:`truncate`},{separator:O(()=>[...t[0]||=[w(`span`,{class:`mx-2 text-gray-400`},`/`,-1)]]),_:1},8,[`items`])]),t[1]||=w(`div`,{id:`header-mode`},null,-1),t[2]||=w(`div`,{id:`header-undo`},null,-1),t[3]||=w(`div`,{id:`header-action`},null,-1)]),w(`div`,Re,[l(r)])])])}}});export{ze as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as P}from"./index.spa-C7iKiCvX.js";import{C as ee,D as te,E as ne,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-DSBabzKN.js";import{l as H,t as U}from"./RovingFocusGroup-tXChOlJX.js";import{t as W}from"./RovingFocusItem-BZFr46dB.js";import{n as G,t as K}from"./preview-DPGswc5E.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:te(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(ne),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=P(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`w-full rounded-md focus-visible:outline-3`},variants:{color:{primary:{content:`outline-primary/25`},secondary:{content:`outline-secondary/25`},success:{content:`outline-success/25`},info:{content:`outline-info/25`},warning:{content:`outline-warning/25`},error:{content:`outline-error/25`},neutral:{content:`outline-inverted/25`}},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:[`grow`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate`],indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`,trigger:`w-full justify-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary`]}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary`]}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success`]}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info`]}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning`]}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error`]}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-inverted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-inverted`]}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-primary outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-primary`]}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-secondary outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-secondary`]}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-success outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-success`]}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-info outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-info`]}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-warning outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-warning`]}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-error outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-error`]}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted`]}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=ee(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`src`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K(),n=N();e.url&&(t.url=e.url),j(()=>t.html,e=>{n.value&&n.value.contentWindow&&e&&n.value.contentWindow.postMessage({type:`flow:preview:morph`,html:e,assets:{...t.assets}},`*`)});let r=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,i)=>{let o=Q;return g(),h(`div`,ce,[O(`iframe`,{ref_key:`iframeRef`,ref:n,src:f(t).url.startsWith(`/`)?f(t).url:`/`+f(t).url,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(o,{modelValue:f(t).active,"onUpdate:modelValue":i[0]||=e=>f(t).active=e,content:!1,items:r.value,class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as P}from"./index.spa-Bf4LYMIu.js";import{C as ee,D as te,E as ne,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-D3MhoEVs.js";import{l as H,t as U}from"./RovingFocusGroup-CUm7l9no.js";import{t as W}from"./RovingFocusItem-D6KZ03Mu.js";import{n as G,t as K}from"./preview-CVJOQGkg.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:te(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(ne),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=P(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`w-full rounded-md focus-visible:outline-3`},variants:{color:{primary:{content:`outline-primary/25`},secondary:{content:`outline-secondary/25`},success:{content:`outline-success/25`},info:{content:`outline-info/25`},warning:{content:`outline-warning/25`},error:{content:`outline-error/25`},neutral:{content:`outline-inverted/25`}},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:[`grow`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate`],indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`,trigger:`w-full justify-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary`]}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary`]}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success`]}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info`]}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning`]}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error`]}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-inverted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-inverted`]}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-primary outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-primary`]}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-secondary outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-secondary`]}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-success outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-success`]}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-info outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-info`]}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-warning outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-warning`]}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-error outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-error`]}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted`]}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=ee(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`src`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K(),n=N();e.url&&(t.url=e.url),j(()=>t.html,e=>{n.value&&n.value.contentWindow&&e&&n.value.contentWindow.postMessage({type:`flow:preview:morph`,html:e},`*`)});let r=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,i)=>{let o=Q;return g(),h(`div`,ce,[O(`iframe`,{ref_key:`iframeRef`,ref:n,src:f(t).url.startsWith(`/`)?f(t).url:`/`+f(t).url,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(o,{modelValue:f(t).active,"onUpdate:modelValue":i[0]||=e=>f(t).active=e,content:!1,items:r.value,class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};
|
|
1
|
+
import{$ as e,An as t,At as n,Dn as r,Dt as i,Fn as a,Gt as o,It as s,Jt as c,Ln as l,Lt as u,Mt as d,Nn as f,Nt as p,Ot as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Y as b,Yt as x,cn as S,d as C,en as w,et as T,fn as E,j as D,jt as O,mn as k,tn as A,un as j,ut as M,wn as N,wt as P}from"./index.spa-92WvmWuv.js";import{C as ee,D as te,E as ne,P as F,S as I,b as L,k as R,v as z,w as B,x as V}from"./Button-DqA6yHmE.js";import{l as H,t as U}from"./RovingFocusGroup-BcsqcJ5O.js";import{t as W}from"./RovingFocusItem-9F18dqW5.js";import{n as G,t as K}from"./preview-DNlc8BJR.js";var[q,J]=F(`TabsRoot`),Y=v({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:n}){let i=e,a=n,{orientation:o,unmountOnHide:s,dir:c}=t(i),l=H(c);R();let u=T(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),p=N(),m=r(new Set);return J({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:te(void 0,`reka-tabs`),tabsList:p,contentIds:m,registerContent:e=>{m.value=new Set([...m.value,e])},unregisterContent:e=>{let t=new Set(m.value);t.delete(e),m.value=t}}),(e,t)=>(g(),d(f(B),{dir:f(l),"data-orientation":f(o),"as-child":e.asChild,as:e.as},{default:k(()=>[A(e.$slots,`default`,{modelValue:f(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function X(e,t){return`${e}-trigger-${t}`}function Z(e,t){return`${e}-content-${t}`}var re=v({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>Z(i.baseId,t.value)),s=n(()=>t.value===i.modelValue.value),m=N(s.value);return x(()=>{i.registerContent(t.value),requestAnimationFrame(()=>{m.value=!1})}),c(()=>{i.unregisterContent(t.value)}),(e,t)=>(g(),d(f(ne),{present:e.forceMount||s.value,"force-mount":``},{default:k(({present:t})=>[u(f(B),{id:o.value,ref:f(r),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":s.value?`active`:`inactive`,"data-orientation":f(i).orientation.value,"aria-labelledby":a.value,hidden:!t,tabindex:`0`,style:l({animationDuration:m.value?`0s`:void 0})},{default:k(()=>[!f(i).unmountOnHide.value||t?A(e.$slots,`default`,{key:0}):p(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),ie=v({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t,{expose:r}){let i=t,a=q();r({updateIndicatorStyle:u}),R();let s=b(),c=N({size:null,position:null}),l=N([]);j(()=>[a.modelValue.value,a?.dir.value],()=>{u()},{immediate:!0,flush:`post`}),E(()=>{l.value=Array.from(a.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),e(n(()=>[a.tabsList.value,...l.value]),u);function u(){let e=a.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(a.orientation.value===`horizontal`?c.value={size:e.offsetWidth,position:e.offsetLeft}:c.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>f(s)&&typeof c.value.size==`number`?(g(),d(f(B),o({key:0},i,{style:{"--reka-tabs-indicator-size":`${c.value.size}px`,"--reka-tabs-indicator-position":`${c.value.position}px`}}),{default:k(()=>[A(e.$slots,`default`)]),_:3},16,[`style`])):p(`v-if`,!0)}}),ae=v({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=t(e),{forwardRef:r,currentElement:i}=R(),a=q();return a.tabsList=i,(e,t)=>(g(),d(f(U),{"as-child":``,orientation:f(a).orientation.value,dir:f(a).dir.value,loop:f(n)},{default:k(()=>[u(f(B),{ref:f(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":f(a).orientation.value},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),oe=v({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:r}=R(),i=q(),a=n(()=>X(i.baseId,t.value)),o=n(()=>i.contentIds.value.has(t.value)?Z(i.baseId,t.value):void 0),s=n(()=>t.value===i.modelValue.value);return(e,t)=>(g(),d(f(W),{"as-child":``,focusable:!e.disabled,active:s.value},{default:k(()=>[u(f(B),{id:a.value,ref:f(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":f(i).orientation.value,onMousedown:t[0]||=y(t=>{!e.disabled&&t.ctrlKey===!1?f(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=P(t=>f(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=f(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&f(i).changeModelValue(e.value)}},{default:k(()=>[A(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),se={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`w-full rounded-md focus-visible:outline-3`},variants:{color:{primary:{content:`outline-primary/25`},secondary:{content:`outline-secondary/25`},success:{content:`outline-success/25`},info:{content:`outline-info/25`},warning:{content:`outline-warning/25`},error:{content:`outline-error/25`},neutral:{content:`outline-inverted/25`}},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:[`grow`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate`],indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`,trigger:`w-full justify-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary`]}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary`]}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success`]}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info`]}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning`]}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error`]}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-inverted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-inverted`]}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-primary outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-primary`]}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-secondary outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-secondary`]}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-success outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-success`]}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-info outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-info`]}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-warning outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-warning`]}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-error outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-error`]}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted`]}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Q={__name:`Tabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:t,emit:r}){let c=e,l=r,m=S(),v=ee(`tabs`,c),y=D(),b=I(M(v,`as`,`unmountOnHide`),l),x=n(()=>V({extend:V(se),...y.ui?.tabs||{}})({color:v.color,variant:v.variant,size:v.size,orientation:v.orientation})),T=N([]);function E(e,t){T.value[e]=t}return t({triggersRef:T}),(e,t)=>(g(),d(f(Y),o(f(b),{"model-value":f(v).modelValue,"default-value":f(v).defaultValue,orientation:f(v).orientation,"activation-mode":f(v).activationMode,"data-slot":`root`,class:x.value.root({class:[f(v).ui?.root,f(v).class]})}),{default:k(()=>[u(f(ae),{"data-slot":`list`,class:a(x.value.list({class:f(v).ui?.list}))},{default:k(()=>[u(f(ie),{"data-slot":`indicator`,class:a(x.value.indicator({class:f(v).ui?.indicator}))},null,8,[`class`]),A(e.$slots,`list-leading`),(g(!0),h(i,null,w(f(v).items,(t,n)=>(g(),d(f(oe),{key:f(C)(t,f(v).valueKey)??n,ref_for:!0,ref:e=>E(n,e),value:f(C)(t,f(v).valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:a(x.value.trigger({class:[f(v).ui?.trigger,t.ui?.trigger]}))},{default:k(()=>[A(e.$slots,`leading`,{item:t,index:n,ui:x.value},()=>[t.icon?(g(),d(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:a(x.value.leadingIcon({class:[f(v).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(g(),d(z,o({key:1,size:t.ui?.leadingAvatarSize||f(v).ui?.leadingAvatarSize||x.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:x.value.leadingAvatar({class:[f(v).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):p(``,!0)]),f(C)(t,f(v).labelKey)||m.default?(g(),h(`span`,{key:0,"data-slot":`label`,class:a(x.value.label({class:[f(v).ui?.label,t.ui?.label]}))},[A(e.$slots,`default`,{item:t,index:n},()=>[s(_(f(C)(t,f(v).labelKey)),1)])],2)):p(``,!0),A(e.$slots,`trailing`,{item:t,index:n,ui:x.value},()=>[t.badge||t.badge===0?(g(),d(G,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||f(v).ui?.trailingBadgeSize||x.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:x.value.trailingBadge({class:[f(v).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):p(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),A(e.$slots,`list-trailing`)]),_:3},8,[`class`]),f(v).content?(g(!0),h(i,{key:0},w(f(v).items,(t,n)=>(g(),d(f(re),{key:f(C)(t,f(v).valueKey)??n,value:f(C)(t,f(v).valueKey)??String(n),"data-slot":`content`,class:a(x.value.content({class:[f(v).ui?.content,t.ui?.content,t.class]}))},{default:k(()=>[A(e.$slots,t.slot||`content`,{item:t,index:n,ui:x.value},()=>[s(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):p(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},ce={class:`checkerboard h-full w-full p-2 relative`},le=[`src`],$=v({__name:`Preview`,props:{url:{}},setup(e){let t=K(),n=N();e.url&&(t.url=e.url),j(()=>t.html,e=>{n.value&&n.value.contentWindow&&e&&n.value.contentWindow.postMessage({type:`flow:preview:morph`,html:e,assets:t.assets},`*`)});let r=N([{label:``,icon:`i-lucide-laptop`,content:``,value:`desktop`},{label:``,icon:`i-lucide-smartphone`,content:``,value:`mobile`}]);return(e,i)=>{let o=Q;return g(),h(`div`,ce,[O(`iframe`,{ref_key:`iframeRef`,ref:n,src:f(t).url.startsWith(`/`)?f(t).url:`/`+f(t).url,class:a([`w-full h-full bg-white mx-auto`,{"md:max-w-[390px]":f(t).active===`mobile`}])},null,10,le),(g(),d(m,{to:`#header-mode`,defer:``},[u(o,{modelValue:f(t).active,"onUpdate:modelValue":i[0]||=e=>f(t).active=e,content:!1,items:r.value,class:`mx-3`,color:`neutral`},null,8,[`modelValue`,`items`])]))])}}});export{Q as n,$ as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{$t as e,An as t,At as n,Ht as r,I as i,Lt as a,Mt as o,Nn as s,Qt as c,Rt as l,Vt as u,bn as d,dn as f,et as p,mn as m,tn as h,un as g,wn as _}from"./index.spa-
|
|
1
|
+
import{$t as e,An as t,At as n,Ht as r,I as i,Lt as a,Mt as o,Nn as s,Qt as c,Rt as l,Vt as u,bn as d,dn as f,et as p,mn as m,tn as h,un as g,wn as _}from"./index.spa-92WvmWuv.js";import{M as v,N as y,P as b,T as x,w as S}from"./Button-DqA6yHmE.js";function C(e){let t=v({dir:_(`ltr`)});return n(()=>e?.value||t.dir?.value||`ltr`)}function w(){let e=_();return{primitiveElement:e,currentElement:n(()=>[`#text`,`#comment`].includes(e.value?.$el.nodeName)?e.value?.$el.nextElementSibling:i(e))}}var T=`data-reka-collection-item`;function E(t={}){let{key:i=``,isProvider:a=!1}=t,o=`${i}CollectionProvider`,s;if(a){let t=_(new Map);s={collectionRef:_(),itemMap:t},e(o,s)}else s=r(o);let c=(e=!1)=>{let t=s.collectionRef.value;if(!t)return[];let n=Array.from(t.querySelectorAll(`[${T}]`)),r=Array.from(s.itemMap.value.values()).sort((e,t)=>n.indexOf(e.ref)-n.indexOf(t.ref));return e?r:r.filter(e=>e.ref.dataset.disabled!==``)},p=l({name:`CollectionSlot`,inheritAttrs:!1,setup(e,{slots:t,attrs:n}){let{primitiveElement:r,currentElement:i}=w();return g(i,()=>{s.collectionRef.value=i.value}),()=>u(x,{ref:r,...n},t)}}),m=l({name:`CollectionItem`,inheritAttrs:!1,props:{value:{validator:()=>!0}},setup(e,{slots:t,attrs:n}){let{primitiveElement:r,currentElement:i}=w();return f(t=>{if(i.value){let n=d(i.value);s.itemMap.value.set(n,{ref:i.value,value:e.value}),t(()=>s.itemMap.value.delete(n))}}),()=>u(x,{...n,[T]:``,ref:r},t)}});return{getItems:c,reactiveItems:n(()=>Array.from(s.itemMap.value.values())),itemMapSize:n(()=>s.itemMap.value.size),CollectionSlot:p,CollectionItem:m}}var D=`rovingFocusGroup.onEntryFocus`,O={bubbles:!1,cancelable:!0},k={ArrowLeft:`prev`,ArrowUp:`prev`,ArrowRight:`next`,ArrowDown:`next`,PageUp:`first`,Home:`first`,PageDown:`last`,End:`last`};function A(e,t){return t===`rtl`?e===`ArrowLeft`?`ArrowRight`:e===`ArrowRight`?`ArrowLeft`:e:e}function j(e,t,n){let r=A(e.key,n);if(!(t===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(r))&&!(t===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(r)))return k[r]}function M(e,t=!1){let n=y();for(let r of e)if(r===n||(r.focus({preventScroll:t}),y()!==n))return}function N(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var[P,F]=b(`RovingFocusGroup`),I=l({__name:`RovingFocusGroup`,props:{orientation:{type:String,required:!1,default:void 0},dir:{type:String,required:!1},loop:{type:Boolean,required:!1,default:!1},currentTabStopId:{type:[String,null],required:!1},defaultCurrentTabStopId:{type:String,required:!1},preventScrollOnEntryFocus:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`entryFocus`,`update:currentTabStopId`],setup(e,{expose:n,emit:r}){let i=e,l=r,{loop:u,orientation:d,dir:f}=t(i),g=C(f),v=p(i,`currentTabStopId`,l,{defaultValue:i.defaultCurrentTabStopId,passive:i.currentTabStopId===void 0}),y=_(!1),b=_(!1),x=_(0),{getItems:w,CollectionSlot:T}=E({isProvider:!0});function k(e){let t=!b.value;if(e.currentTarget&&e.target===e.currentTarget&&t&&!y.value){let t=new CustomEvent(D,O);if(e.currentTarget.dispatchEvent(t),l(`entryFocus`,t),!t.defaultPrevented){let e=w().map(e=>e.ref).filter(e=>e.dataset.disabled!==``);M([e.find(e=>e.getAttribute(`data-active`)===``),e.find(e=>e.getAttribute(`data-highlighted`)===``),e.find(e=>e.id===v.value),...e].filter(Boolean),i.preventScrollOnEntryFocus)}}b.value=!1}function A(){setTimeout(()=>{b.value=!1},1)}return n({getItems:w}),F({loop:u,dir:g,orientation:d,currentTabStopId:v,onItemFocus:e=>{v.value=e},onItemShiftTab:()=>{y.value=!0},onFocusableItemAdd:()=>{x.value++},onFocusableItemRemove:()=>{x.value--}}),(e,t)=>(c(),o(s(T),null,{default:m(()=>[a(s(S),{tabindex:y.value||x.value===0?-1:0,"data-orientation":s(d),as:e.as,"as-child":e.asChild,dir:s(g),style:{outline:`none`},onMousedown:t[0]||=e=>b.value=!0,onMouseup:A,onFocus:k,onBlur:t[1]||=e=>y.value=!1},{default:m(()=>[h(e.$slots,`default`)]),_:3},8,[`tabindex`,`data-orientation`,`as`,`as-child`,`dir`])]),_:3}))}});export{j as a,w as c,M as i,C as l,P as n,N as o,k as r,E as s,I as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$t as e,An as t,At as n,Ht as r,I as i,Lt as a,Mt as o,Nn as s,Qt as c,Rt as l,Vt as u,bn as d,dn as f,et as p,mn as m,tn as h,un as g,wn as _}from"./index.spa-C7iKiCvX.js";import{M as v,N as y,P as b,T as x,w as S}from"./Button-DSBabzKN.js";function C(e){let t=v({dir:_(`ltr`)});return n(()=>e?.value||t.dir?.value||`ltr`)}function w(){let e=_();return{primitiveElement:e,currentElement:n(()=>[`#text`,`#comment`].includes(e.value?.$el.nodeName)?e.value?.$el.nextElementSibling:i(e))}}var T=`data-reka-collection-item`;function E(t={}){let{key:i=``,isProvider:a=!1}=t,o=`${i}CollectionProvider`,s;if(a){let t=_(new Map);s={collectionRef:_(),itemMap:t},e(o,s)}else s=r(o);let c=(e=!1)=>{let t=s.collectionRef.value;if(!t)return[];let n=Array.from(t.querySelectorAll(`[${T}]`)),r=Array.from(s.itemMap.value.values()).sort((e,t)=>n.indexOf(e.ref)-n.indexOf(t.ref));return e?r:r.filter(e=>e.ref.dataset.disabled!==``)},p=l({name:`CollectionSlot`,inheritAttrs:!1,setup(e,{slots:t,attrs:n}){let{primitiveElement:r,currentElement:i}=w();return g(i,()=>{s.collectionRef.value=i.value}),()=>u(x,{ref:r,...n},t)}}),m=l({name:`CollectionItem`,inheritAttrs:!1,props:{value:{validator:()=>!0}},setup(e,{slots:t,attrs:n}){let{primitiveElement:r,currentElement:i}=w();return f(t=>{if(i.value){let n=d(i.value);s.itemMap.value.set(n,{ref:i.value,value:e.value}),t(()=>s.itemMap.value.delete(n))}}),()=>u(x,{...n,[T]:``,ref:r},t)}});return{getItems:c,reactiveItems:n(()=>Array.from(s.itemMap.value.values())),itemMapSize:n(()=>s.itemMap.value.size),CollectionSlot:p,CollectionItem:m}}var D=`rovingFocusGroup.onEntryFocus`,O={bubbles:!1,cancelable:!0},k={ArrowLeft:`prev`,ArrowUp:`prev`,ArrowRight:`next`,ArrowDown:`next`,PageUp:`first`,Home:`first`,PageDown:`last`,End:`last`};function A(e,t){return t===`rtl`?e===`ArrowLeft`?`ArrowRight`:e===`ArrowRight`?`ArrowLeft`:e:e}function j(e,t,n){let r=A(e.key,n);if(!(t===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(r))&&!(t===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(r)))return k[r]}function M(e,t=!1){let n=y();for(let r of e)if(r===n||(r.focus({preventScroll:t}),y()!==n))return}function N(e,t){return e.map((n,r)=>e[(t+r)%e.length])}var[P,F]=b(`RovingFocusGroup`),I=l({__name:`RovingFocusGroup`,props:{orientation:{type:String,required:!1,default:void 0},dir:{type:String,required:!1},loop:{type:Boolean,required:!1,default:!1},currentTabStopId:{type:[String,null],required:!1},defaultCurrentTabStopId:{type:String,required:!1},preventScrollOnEntryFocus:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`entryFocus`,`update:currentTabStopId`],setup(e,{expose:n,emit:r}){let i=e,l=r,{loop:u,orientation:d,dir:f}=t(i),g=C(f),v=p(i,`currentTabStopId`,l,{defaultValue:i.defaultCurrentTabStopId,passive:i.currentTabStopId===void 0}),y=_(!1),b=_(!1),x=_(0),{getItems:w,CollectionSlot:T}=E({isProvider:!0});function k(e){let t=!b.value;if(e.currentTarget&&e.target===e.currentTarget&&t&&!y.value){let t=new CustomEvent(D,O);if(e.currentTarget.dispatchEvent(t),l(`entryFocus`,t),!t.defaultPrevented){let e=w().map(e=>e.ref).filter(e=>e.dataset.disabled!==``);M([e.find(e=>e.getAttribute(`data-active`)===``),e.find(e=>e.getAttribute(`data-highlighted`)===``),e.find(e=>e.id===v.value),...e].filter(Boolean),i.preventScrollOnEntryFocus)}}b.value=!1}function A(){setTimeout(()=>{b.value=!1},1)}return n({getItems:w}),F({loop:u,dir:g,orientation:d,currentTabStopId:v,onItemFocus:e=>{v.value=e},onItemShiftTab:()=>{y.value=!0},onFocusableItemAdd:()=>{x.value++},onFocusableItemRemove:()=>{x.value--}}),(e,t)=>(c(),o(s(T),null,{default:m(()=>[a(s(S),{tabindex:y.value||x.value===0?-1:0,"data-orientation":s(d),as:e.as,"as-child":e.asChild,dir:s(g),style:{outline:`none`},onMousedown:t[0]||=e=>b.value=!0,onMouseup:A,onFocus:k,onBlur:t[1]||=e=>y.value=!1},{default:m(()=>[h(e.$slots,`default`)]),_:3},8,[`tabindex`,`data-orientation`,`as`,`as-child`,`dir`])]),_:3}))}});export{j as a,w as c,M as i,C as l,P as n,N as o,k as r,E as s,I as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{At as e,Kt as t,Lt as n,Mt as r,Nn as i,Qt as a,Rt as o,Xt as s,Yt as c,mn as l,tn as u}from"./index.spa-
|
|
1
|
+
import{At as e,Kt as t,Lt as n,Mt as r,Nn as i,Qt as a,Rt as o,Xt as s,Yt as c,mn as l,tn as u}from"./index.spa-92WvmWuv.js";import{D as d,w as f}from"./Button-DqA6yHmE.js";import{a as p,i as m,n as h,o as g,s as _}from"./RovingFocusGroup-BcsqcJ5O.js";var v=o({__name:`RovingFocusItem`,props:{tabStopId:{type:String,required:!1},focusable:{type:Boolean,required:!1,default:!0},active:{type:Boolean,required:!1},allowShiftKey:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(o){let v=o,y=h(),b=d(),x=e(()=>v.tabStopId||b),S=e(()=>y.currentTabStopId.value===x.value),{getItems:C,CollectionItem:w}=_();c(()=>{v.focusable&&y.onFocusableItemAdd()}),s(()=>{v.focusable&&y.onFocusableItemRemove()});function T(e){if(e.key===`Tab`&&e.shiftKey){y.onItemShiftTab();return}if(e.target!==e.currentTarget)return;let n=p(e,y.orientation.value,y.dir.value);if(n!==void 0){if(e.metaKey||e.ctrlKey||e.altKey||!v.allowShiftKey&&e.shiftKey)return;e.preventDefault();let r=[...C().map(e=>e.ref).filter(e=>e.dataset.disabled!==``)];if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let t=r.indexOf(e.currentTarget);r=y.loop.value?g(r,t+1):r.slice(t+1)}t(()=>m(r))}}return(e,t)=>(a(),r(i(w),null,{default:l(()=>[n(i(f),{tabindex:S.value?0:-1,"data-orientation":i(y).orientation.value,"data-active":e.active?``:void 0,"data-disabled":e.focusable?void 0:``,as:e.as,"as-child":e.asChild,onMousedown:t[0]||=t=>{e.focusable?i(y).onItemFocus(x.value):t.preventDefault()},onFocus:t[1]||=e=>i(y).onItemFocus(x.value),onKeydown:T},{default:l(()=>[u(e.$slots,`default`)]),_:3},8,[`tabindex`,`data-orientation`,`data-active`,`data-disabled`,`as`,`as-child`])]),_:3}))}});export{v as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{At as e,Kt as t,Lt as n,Mt as r,Nn as i,Qt as a,Rt as o,Xt as s,Yt as c,mn as l,tn as u}from"./index.spa-C7iKiCvX.js";import{D as d,w as f}from"./Button-DSBabzKN.js";import{a as p,i as m,n as h,o as g,s as _}from"./RovingFocusGroup-tXChOlJX.js";var v=o({__name:`RovingFocusItem`,props:{tabStopId:{type:String,required:!1},focusable:{type:Boolean,required:!1,default:!0},active:{type:Boolean,required:!1},allowShiftKey:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(o){let v=o,y=h(),b=d(),x=e(()=>v.tabStopId||b),S=e(()=>y.currentTabStopId.value===x.value),{getItems:C,CollectionItem:w}=_();c(()=>{v.focusable&&y.onFocusableItemAdd()}),s(()=>{v.focusable&&y.onFocusableItemRemove()});function T(e){if(e.key===`Tab`&&e.shiftKey){y.onItemShiftTab();return}if(e.target!==e.currentTarget)return;let n=p(e,y.orientation.value,y.dir.value);if(n!==void 0){if(e.metaKey||e.ctrlKey||e.altKey||!v.allowShiftKey&&e.shiftKey)return;e.preventDefault();let r=[...C().map(e=>e.ref).filter(e=>e.dataset.disabled!==``)];if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let t=r.indexOf(e.currentTarget);r=y.loop.value?g(r,t+1):r.slice(t+1)}t(()=>m(r))}}return(e,t)=>(a(),r(i(w),null,{default:l(()=>[n(i(f),{tabindex:S.value?0:-1,"data-orientation":i(y).orientation.value,"data-active":e.active?``:void 0,"data-disabled":e.focusable?void 0:``,as:e.as,"as-child":e.asChild,onMousedown:t[0]||=t=>{e.focusable?i(y).onItemFocus(x.value):t.preventDefault()},onFocus:t[1]||=e=>i(y).onItemFocus(x.value),onKeydown:T},{default:l(()=>[u(e.$slots,`default`)]),_:3},8,[`tabindex`,`data-orientation`,`data-active`,`data-disabled`,`as`,`as-child`])]),_:3}))}});export{v as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{At as e,Bt as t,D as n,Dt as r,Fn as i,Gt as a,In as o,It as s,Kt as c,Lt as l,Mt as u,N as d,Nn as f,Nt as p,On as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Wt as b,Yt as x,cn as S,d as C,en as w,f as T,h as ee,j as E,jt as D,kn as O,l as te,ln as k,m as ne,mn as A,sn as re,tn as j,u as ie,un as ae,ut as oe,wn as se}from"./index.spa-Bf4LYMIu.js";import{_ as ce,a as le,c as ue,d as M,f as de,g as fe,h as pe,i as me,l as he,m as ge,n as _e,o as ve,p as ye,r as be,s as xe,t as Se,u as Ce}from"./Input-CtKMh-vS.js";import{C as we,S as Te,_ as Ee,b as N,g as De,m as Oe,p as ke,t as Ae,v as P,w as F,x as I,y as je}from"./Button-D3MhoEVs.js";import{a as Me,n as Ne}from"./usePortal-Lm5jfTqo.js";var L=v({__name:`BaseSeparator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let n=t,r=[`horizontal`,`vertical`];function i(e){return r.includes(e)}let o=e(()=>i(n.orientation)?n.orientation:`horizontal`),s=e(()=>o.value===`vertical`?n.orientation:void 0),c=e(()=>n.decorative?{role:`none`}:{"aria-orientation":s.value,role:`separator`});return(e,t)=>(g(),u(f(F),a({as:e.as,"as-child":e.asChild,"data-orientation":o.value},c.value),{default:A(()=>[j(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-orientation`]))}}),R=v({__name:`Separator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let n=e;return(e,r)=>(g(),u(L,o(t(n)),{default:A(()=>[j(e.$slots,`default`)]),_:3},16))}}),z={slots:{root:`flex items-center align-center text-center`,border:``,container:`font-medium text-default flex`,icon:`shrink-0 size-5`,avatar:`shrink-0`,avatarSize:`2xs`,label:`text-sm`},variants:{color:{primary:{border:`border-primary`},secondary:{border:`border-secondary`},success:{border:`border-success`},info:{border:`border-info`},warning:{border:`border-warning`},error:{border:`border-error`},neutral:{border:`border-default`}},orientation:{horizontal:{root:`w-full flex-row`,border:`w-full`,container:`whitespace-nowrap`},vertical:{root:`h-full flex-col`,border:`h-full`,container:``}},size:{xs:``,sm:``,md:``,lg:``,xl:``},position:{start:``,center:``,end:``},type:{solid:{border:`border-solid`},dashed:{border:`border-dashed`},dotted:{border:`border-dotted`}}},compoundVariants:[{orientation:`horizontal`,position:`start`,class:{container:`me-3`}},{orientation:`horizontal`,position:`center`,class:{container:`mx-3`}},{orientation:`horizontal`,position:`end`,class:{container:`ms-3`}},{orientation:`vertical`,position:`start`,class:{container:`mb-2`}},{orientation:`vertical`,position:`center`,class:{container:`my-2`}},{orientation:`vertical`,position:`end`,class:{container:`mt-2`}},{orientation:`horizontal`,size:`xs`,class:{border:`border-t`}},{orientation:`horizontal`,size:`sm`,class:{border:`border-t-[2px]`}},{orientation:`horizontal`,size:`md`,class:{border:`border-t-[3px]`}},{orientation:`horizontal`,size:`lg`,class:{border:`border-t-[4px]`}},{orientation:`horizontal`,size:`xl`,class:{border:`border-t-[5px]`}},{orientation:`vertical`,size:`xs`,class:{border:`border-s`}},{orientation:`vertical`,size:`sm`,class:{border:`border-s-[2px]`}},{orientation:`vertical`,size:`md`,class:{border:`border-s-[3px]`}},{orientation:`vertical`,size:`lg`,class:{border:`border-s-[4px]`}},{orientation:`vertical`,size:`xl`,class:{border:`border-s-[5px]`}}],defaultVariants:{color:`neutral`,size:`xs`,type:`solid`}},B={__name:`Separator`,props:{as:{type:null,required:!1},label:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},size:{type:null,required:!1},type:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},position:{type:null,required:!1,default:`center`},class:{type:null,required:!1},ui:{type:null,required:!1},decorative:{type:Boolean,required:!1}},setup(t){let n=t,o=S(),s=we(`separator`,n),c=E(),m=Te(oe(s,`as`,`decorative`,`orientation`)),[v,y]=d(),b=e(()=>!!(s.label||s.icon||s.avatar||o.default)),x=e(()=>I({extend:I(z),...c.ui?.separator||{}})({color:s.color,orientation:s.orientation,size:s.size,position:s.position,type:s.type}));return(e,t)=>(g(),h(r,null,[l(f(v),null,{default:A(()=>[D(`div`,{"data-slot":`container`,class:i(x.value.container({class:f(s).ui?.container}))},[j(e.$slots,`default`,{ui:x.value},()=>[f(s).label?(g(),h(`span`,{key:0,"data-slot":`label`,class:i(x.value.label({class:f(s).ui?.label}))},_(f(s).label),3)):f(s).icon?(g(),u(N,{key:1,name:f(s).icon,"data-slot":`icon`,class:i(x.value.icon({class:f(s).ui?.icon}))},null,8,[`name`,`class`])):f(s).avatar?(g(),u(P,a({key:2,size:f(s).ui?.avatarSize||x.value.avatarSize()},f(s).avatar,{"data-slot":`avatar`,class:x.value.avatar({class:f(s).ui?.avatar})}),null,16,[`size`,`class`])):p(``,!0)])],2)]),_:3}),l(f(R),a(f(m),{"data-slot":`root`,class:x.value.root({class:[f(s).ui?.root,f(s).class]})}),{default:A(()=>[b.value&&f(s).position===`start`?(g(),u(f(y),{key:0})):p(``,!0),D(`div`,{"data-slot":`border`,class:i(x.value.border({class:f(s).ui?.border}))},null,2),b.value&&f(s).position===`center`?(g(),h(r,{key:1},[l(f(y)),D(`div`,{"data-slot":`border`,class:i(x.value.border({class:f(s).ui?.border}))},null,2)],64)):p(``,!0),b.value&&f(s).position===`end`?(g(),u(f(y),{key:2})):p(``,!0)]),_:1},16,[`class`])],64))}};function V(e,t){if(typeof e!=`object`||!e)return!1;let n=C(e,t);return n!=null&&n!==``}function H(e,t){return t?{xs:44,sm:48,md:52,lg:56,xl:60}[e]:{xs:24,sm:28,md:32,lg:36,xl:40}[e]}function Pe(e,t,n,r){let i=H(t,!0),a=H(t,!1);return r?()=>i:n?t=>V(e[t],n)?i:a:()=>a}var Fe={slots:{base:[`relative group rounded-md inline-flex items-center disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leading:`absolute inset-y-0 start-0 flex items-center`,leadingIcon:`shrink-0 text-dimmed`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,trailing:`absolute inset-y-0 end-0 flex items-center`,trailingIcon:`shrink-0 text-dimmed`,value:`truncate pointer-events-none`,placeholder:`truncate text-dimmed`,arrow:`fill-bg stroke-default`,content:[`max-h-[min(15rem,var(--reka-select-content-available-height,15rem))] w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col`,`max-h-[min(15rem,var(--reka-combobox-content-available-height,15rem))] origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)`],viewport:`relative scroll-py-1 overflow-y-auto flex-1`,group:`p-1 isolate`,empty:`text-center text-muted`,label:`font-semibold text-highlighted`,separator:`-mx-1 my-1 h-px bg-border`,item:[`group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`],itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemLeadingChip:`shrink-0`,itemLeadingChipSize:``,itemTrailing:`ms-auto inline-flex gap-1.5 items-center`,itemTrailingIcon:`shrink-0`,itemWrapper:`flex-1 flex flex-col min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,input:`border-b border-default`,focusScope:`flex flex-col min-h-0`,trailingClear:`p-0`},variants:{fieldGroup:{horizontal:`not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]`,vertical:`not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]`},size:{xs:{base:`px-2 py-1 text-xs gap-1`,leading:`ps-2`,trailing:`pe-2`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`,trailingIcon:`size-4`,label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4`,itemLeadingAvatarSize:`3xs`,itemLeadingChip:`size-4`,itemLeadingChipSize:`sm`,itemTrailingIcon:`size-4`,empty:`p-2 text-xs`},sm:{base:`px-2.5 py-1.5 text-xs gap-1.5`,leading:`ps-2.5`,trailing:`pe-2.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`,trailingIcon:`size-4`,label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4`,itemLeadingAvatarSize:`3xs`,itemLeadingChip:`size-4`,itemLeadingChipSize:`sm`,itemTrailingIcon:`size-4`,empty:`p-2.5 text-xs`},md:{base:`px-2.5 py-1.5 text-sm gap-1.5`,leading:`ps-2.5`,trailing:`pe-2.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`,trailingIcon:`size-5`,label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5`,itemLeadingAvatarSize:`2xs`,itemLeadingChip:`size-5`,itemLeadingChipSize:`md`,itemTrailingIcon:`size-5`,empty:`p-2.5 text-sm`},lg:{base:`px-3 py-2 text-sm gap-2`,leading:`ps-3`,trailing:`pe-3`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`,trailingIcon:`size-5`,label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5`,itemLeadingAvatarSize:`2xs`,itemLeadingChip:`size-5`,itemLeadingChipSize:`md`,itemTrailingIcon:`size-5`,empty:`p-3 text-sm`},xl:{base:`px-3 py-2 text-base gap-2`,leading:`ps-3`,trailing:`pe-3`,leadingIcon:`size-6`,leadingAvatarSize:`xs`,trailingIcon:`size-6`,label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6`,itemLeadingAvatarSize:`xs`,itemLeadingChip:`size-6`,itemLeadingChipSize:`lg`,itemTrailingIcon:`size-6`,empty:`p-3 text-base`}},variant:{outline:`text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default`,soft:`text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50`,subtle:`text-highlighted bg-elevated ring ring-inset ring-accented hover:bg-accented/75 disabled:bg-elevated`,ghost:`text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent`,none:`text-highlighted bg-transparent focus:outline-none`},color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},leading:{true:``},trailing:{true:``},loading:{true:``},highlight:{true:``},fixed:{false:``},type:{file:`file:me-1.5 file:font-medium file:text-muted file:outline-none`},position:{popper:{content:`data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]`},"item-aligned":{content:``}},multiple:{true:``},virtualize:{true:{viewport:`p-1 isolate`},false:{viewport:`divide-y divide-default`}}},compoundVariants:[{color:`primary`,variant:[`outline`,`subtle`],class:`outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary`},{color:`secondary`,variant:[`outline`,`subtle`],class:`outline-secondary/25 focus-visible:outline-3 focus-visible:ring-secondary`},{color:`success`,variant:[`outline`,`subtle`],class:`outline-success/25 focus-visible:outline-3 focus-visible:ring-success`},{color:`info`,variant:[`outline`,`subtle`],class:`outline-info/25 focus-visible:outline-3 focus-visible:ring-info`},{color:`warning`,variant:[`outline`,`subtle`],class:`outline-warning/25 focus-visible:outline-3 focus-visible:ring-warning`},{color:`error`,variant:[`outline`,`subtle`],class:`outline-error/25 focus-visible:outline-3 focus-visible:ring-error`},{color:`primary`,variant:[`soft`,`ghost`],class:`outline-primary/25 focus-visible:outline-3`},{color:`secondary`,variant:[`soft`,`ghost`],class:`outline-secondary/25 focus-visible:outline-3`},{color:`success`,variant:[`soft`,`ghost`],class:`outline-success/25 focus-visible:outline-3`},{color:`info`,variant:[`soft`,`ghost`],class:`outline-info/25 focus-visible:outline-3`},{color:`warning`,variant:[`soft`,`ghost`],class:`outline-warning/25 focus-visible:outline-3`},{color:`error`,variant:[`soft`,`ghost`],class:`outline-error/25 focus-visible:outline-3`},{color:`primary`,highlight:!0,class:`ring ring-inset ring-primary`},{color:`secondary`,highlight:!0,class:`ring ring-inset ring-secondary`},{color:`success`,highlight:!0,class:`ring ring-inset ring-success`},{color:`info`,highlight:!0,class:`ring ring-inset ring-info`},{color:`warning`,highlight:!0,class:`ring ring-inset ring-warning`},{color:`error`,highlight:!0,class:`ring ring-inset ring-error`},{color:`neutral`,variant:[`outline`,`subtle`],class:`outline-inverted/25 focus-visible:outline-3 focus-visible:ring-inverted`},{color:`neutral`,variant:[`soft`,`ghost`],class:`outline-inverted/25 focus-visible:outline-3`},{color:`neutral`,highlight:!0,class:`ring ring-inset ring-inverted`},{leading:!0,size:`xs`,class:`ps-7`},{leading:!0,size:`sm`,class:`ps-8`},{leading:!0,size:`md`,class:`ps-9`},{leading:!0,size:`lg`,class:`ps-10`},{leading:!0,size:`xl`,class:`ps-11`},{trailing:!0,size:`xs`,class:`pe-7`},{trailing:!0,size:`sm`,class:`pe-8`},{trailing:!0,size:`md`,class:`pe-9`},{trailing:!0,size:`lg`,class:`pe-10`},{trailing:!0,size:`xl`,class:`pe-11`},{loading:!0,leading:!0,class:{leadingIcon:`animate-spin`}},{loading:!0,leading:!1,trailing:!0,class:{trailingIcon:`animate-spin`}},{fixed:!1,size:`xs`,class:`md:text-xs`},{fixed:!1,size:`sm`,class:`md:text-xs`},{fixed:!1,size:`md`,class:`md:text-sm`},{fixed:!1,size:`lg`,class:`md:text-sm`}],defaultVariants:{size:`md`,color:`primary`,variant:`outline`,position:`popper`}},U=Object.assign({inheritAttrs:!1},{__name:`SelectMenu`,props:b({id:{type:String,required:!1},placeholder:{type:String,required:!1},searchInput:{type:[Boolean,Object],required:!1,default:!0},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},required:{type:Boolean,required:!1},trailingIcon:{type:null,required:!1},selectedIcon:{type:null,required:!1},clear:{type:[Boolean,Object],required:!1},clearIcon:{type:null,required:!1},content:{type:Object,required:!1},arrow:{type:[Boolean,Object],required:!1},portal:{type:[Boolean,String],required:!1,skipCheck:!0,default:!0},virtualize:{type:[Boolean,Object],required:!1,default:!1},valueKey:{type:null,required:!1},labelKey:{type:null,required:!1,default:`label`},descriptionKey:{type:null,required:!1,default:`description`},items:{type:null,required:!1},defaultValue:{type:null,required:!1},modelValue:{type:null,required:!1},modelModifiers:{type:null,required:!1},multiple:{type:Boolean,required:!1},highlight:{type:Boolean,required:!1},createItem:{type:[Boolean,String,Object],required:!1},filterFields:{type:Array,required:!1},ignoreFilter:{type:Boolean,required:!1},autofocus:{type:Boolean,required:!1},autofocusDelay:{type:Number,required:!1,default:0},class:{type:null,required:!1},ui:{type:Object,required:!1},open:{type:Boolean,required:!1},defaultOpen:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},name:{type:String,required:!1},resetSearchTermOnBlur:{type:Boolean,required:!1,default:!0},resetSearchTermOnSelect:{type:Boolean,required:!1,default:!0},resetModelValueOnClear:{type:Boolean,required:!1,default:!0},highlightOnHover:{type:Boolean,required:!1},by:{type:[String,Function],required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},leading:{type:Boolean,required:!1},leadingIcon:{type:null,required:!1},trailing:{type:Boolean,required:!1},loading:{type:Boolean,required:!1},loadingIcon:{type:null,required:!1}},{searchTerm:{type:String,default:``},searchTermModifiers:{}}),emits:b([`change`,`blur`,`focus`,`create`,`clear`,`highlight`,`update:modelValue`,`update:open`],[`update:searchTerm`]),setup(v,{expose:b,emit:F}){let L=v,R=F,z=S(),B=we(`selectMenu`,L),V=re(v,`searchTerm`,{type:String,default:``}),{t:H}=te(),U=E(),{filterGroups:Ie}=_e(),Le=Te(oe(B,`modelValue`,`defaultValue`,`open`,`defaultOpen`,`required`,`multiple`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`resetModelValueOnClear`,`highlightOnHover`,`by`),R),Re=Ne(O(()=>B.portal)),ze=O(()=>n(B.content,{side:`bottom`,sideOffset:8,collisionPadding:8,position:`popper`})),Be=O(()=>n(B.arrow,{rounded:!0})),Ve=e(()=>typeof B.clear==`object`?B.clear:{}),He=O(()=>B.virtualize?n(typeof B.virtualize==`boolean`?{}:B.virtualize,{estimateSize:Pe(Y.value,G.value||`md`,B.descriptionKey,!!z[`item-description`])}):!1),Ue=O(()=>n(B.searchInput,{placeholder:H(`selectMenu.search`),variant:`none`})),{emitFormBlur:We,emitFormFocus:Ge,emitFormInput:Ke,emitFormChange:qe,size:Je,color:Ye,id:Xe,name:Ze,highlight:Qe,disabled:$e,ariaAttrs:et}=ke(L),{orientation:tt,size:nt}=De(L),{isLeading:W,isTrailing:rt,leadingIconName:it,trailingIconName:at}=Ee(O(()=>n(B,{trailingIcon:U.ui.icons.chevronDown}))),G=e(()=>nt.value||Je.value),[ot,K]=d(),[st,ct]=d({props:{item:{type:[Object,String,Number,Boolean],required:!0},index:{type:Number,required:!1}}}),q=e(()=>I({extend:I(Fe),...U.ui?.selectMenu||{}})({color:Ye.value??B.color,variant:B.variant,size:G?.value??B.size,loading:B.loading,highlight:Qe.value??B.highlight,leading:W.value||!!B.avatar||!!z.leading,trailing:rt.value||!!z.trailing,fieldGroup:tt.value,virtualize:!!B.virtualize,multiple:B.multiple}));function lt(e){if(B.multiple&&Array.isArray(e)){let t=e.map(e=>T(ut.value,e,{labelKey:B.labelKey,valueKey:B.valueKey,by:B.by})).filter(e=>e!=null&&e!==``);return t.length>0?t.join(`, `):void 0}return T(ut.value,e,{labelKey:B.labelKey,valueKey:B.valueKey,by:B.by})}let J=e(()=>B.items?.length?ne(B.items)?B.items:[B.items]:[]),ut=e(()=>J.value.flatMap(e=>e)),dt=e(()=>{if(B.ignoreFilter||!V.value)return J.value;let e=Array.isArray(B.filterFields)?B.filterFields:[B.labelKey];return Ie(J.value,V.value,{fields:e,isStructural:e=>$(e)&&!!e.type&&[`label`,`separator`].includes(e.type)})}),Y=e(()=>dt.value.flatMap(e=>e)),X=e(()=>{if(!B.createItem||!V.value)return!1;let e=B.valueKey?{[B.valueKey]:V.value}:V.value;return typeof B.createItem==`object`&&B.createItem.when===`always`||B.createItem===`always`?!Y.value.find(t=>ie(t,e,B.by??B.valueKey)):!Y.value.length}),Z=e(()=>typeof B.createItem==`object`?B.createItem.position:`bottom`),Q=k(`triggerRef`);function ft(){B.autofocus&&Q.value?.$el?.focus({focusVisible:!0})}x(()=>{setTimeout(()=>{ft()},B.autofocusDelay)});function pt(e){m(B.modelValue)!==e&&(B.modelModifiers?.trim&&(typeof e==`string`||e==null)&&(e=e?.trim()??null),B.modelModifiers?.number&&(e=ee(e)),B.modelModifiers?.nullable&&(e??=null),B.modelModifiers?.optional&&!B.modelModifiers?.nullable&&e!==null&&(e??=void 0),R(`change`,new Event(`change`,{target:{value:e}})),qe(),Ke(),B.resetSearchTermOnSelect&&(V.value=``))}let mt=se(!1);function ht(e){mt.value=e;let t;e?(R(`focus`,new FocusEvent(`focus`)),Ge(),clearTimeout(t)):(R(`blur`,new FocusEvent(`blur`)),We(),B.resetSearchTermOnBlur&&(t=setTimeout(()=>{V.value=``},100)))}function gt(e){e.preventDefault(),e.stopPropagation(),R(`create`,V.value)}function _t(e,t){if($(t)){if(t.disabled){e.preventDefault();return}t.onSelect?.(e)}}function $(e){return typeof e==`object`&&!!e}function vt(e){return B.multiple&&Array.isArray(e)?e.length===0:e==null||e===``}function yt(){R(`clear`)}let bt=k(`viewportRef`),xt=k(`comboboxRootRef`);return ae(()=>B.items,async()=>{mt.value&&(await c(),xt.value?.highlightFirstItem?.())},{flush:`post`}),b({triggerRef:O(()=>Q.value?.$el),viewportRef:O(()=>bt.value)}),(e,n)=>(g(),h(r,null,[l(f(ot),null,{default:A(()=>[l(f(he),{"data-slot":`item`,class:i(q.value.item({class:f(B).ui?.item})),value:V.value,onSelect:gt},{default:A(()=>[D(`span`,{"data-slot":`itemLabel`,class:i(q.value.itemLabel({class:f(B).ui?.itemLabel}))},[j(e.$slots,`create-item-label`,{item:V.value},()=>[s(_(f(H)(`selectMenu.create`,{label:V.value})),1)])],2)]),_:3},8,[`class`,`value`])]),_:3}),l(f(st),null,{default:A(({item:t,index:n})=>[$(t)&&t.type===`label`?(g(),u(f(xe),{key:0,"data-slot":`label`,class:i(q.value.label({class:[f(B).ui?.label,t.ui?.label,t.class]}))},{default:A(()=>[s(_(f(C)(t,f(B).labelKey)),1)]),_:2},1032,[`class`])):$(t)&&t.type===`separator`?(g(),u(f(le),{key:1,"data-slot":`separator`,class:i(q.value.separator({class:[f(B).ui?.separator,t.ui?.separator,t.class]}))},null,8,[`class`])):(g(),u(f(he),{key:2,"data-slot":`item`,class:i(q.value.item({class:[f(B).ui?.item,$(t)&&t.ui?.item,$(t)&&t.class]})),disabled:$(t)&&t.disabled,value:f(B).valueKey&&$(t)?f(C)(t,f(B).valueKey):t,onSelect:e=>_t(e,t)},{default:A(()=>[j(e.$slots,`item`,{item:t,index:n,ui:q.value},()=>[j(e.$slots,`item-leading`,{item:t,index:n,ui:q.value},()=>[$(t)&&t.icon?(g(),u(N,{key:0,name:t.icon,"data-slot":`itemLeadingIcon`,class:i(q.value.itemLeadingIcon({class:[f(B).ui?.itemLeadingIcon,t.ui?.itemLeadingIcon]}))},null,8,[`name`,`class`])):$(t)&&t.avatar?(g(),u(P,a({key:1,size:t.ui?.itemLeadingAvatarSize||f(B).ui?.itemLeadingAvatarSize||q.value.itemLeadingAvatarSize()},t.avatar,{"data-slot":`itemLeadingAvatar`,class:q.value.itemLeadingAvatar({class:[f(B).ui?.itemLeadingAvatar,t.ui?.itemLeadingAvatar]})}),null,16,[`size`,`class`])):$(t)&&t.chip?(g(),u(je,a({key:2,size:t.ui?.itemLeadingChipSize||f(B).ui?.itemLeadingChipSize||q.value.itemLeadingChipSize(),inset:``,standalone:``},t.chip,{"data-slot":`itemLeadingChip`,class:q.value.itemLeadingChip({class:[f(B).ui?.itemLeadingChip,t.ui?.itemLeadingChip]})}),null,16,[`size`,`class`])):p(``,!0)]),D(`span`,{"data-slot":`itemWrapper`,class:i(q.value.itemWrapper({class:[f(B).ui?.itemWrapper,$(t)&&t.ui?.itemWrapper]}))},[D(`span`,{"data-slot":`itemLabel`,class:i(q.value.itemLabel({class:[f(B).ui?.itemLabel,$(t)&&t.ui?.itemLabel]}))},[j(e.$slots,`item-label`,{item:t,index:n},()=>[s(_($(t)?f(C)(t,f(B).labelKey):t),1)])],2),$(t)&&(f(C)(t,f(B).descriptionKey)||z[`item-description`])?(g(),h(`span`,{key:0,"data-slot":`itemDescription`,class:i(q.value.itemDescription({class:[f(B).ui?.itemDescription,$(t)&&t.ui?.itemDescription]}))},[j(e.$slots,`item-description`,{item:t,index:n},()=>[s(_(f(C)(t,f(B).descriptionKey)),1)])],2)):p(``,!0)],2),D(`span`,{"data-slot":`itemTrailing`,class:i(q.value.itemTrailing({class:[f(B).ui?.itemTrailing,$(t)&&t.ui?.itemTrailing]}))},[j(e.$slots,`item-trailing`,{item:t,index:n,ui:q.value}),l(f(ue),{"as-child":``},{default:A(()=>[l(N,{name:f(B).selectedIcon||f(U).ui.icons.check,"data-slot":`itemTrailingIcon`,class:i(q.value.itemTrailingIcon({class:[f(B).ui?.itemTrailingIcon,$(t)&&t.ui?.itemTrailingIcon]}))},null,8,[`name`,`class`])]),_:2},1024)],2)])]),_:2},1032,[`class`,`disabled`,`value`,`onSelect`]))]),_:3}),l(f(ce),a({ref_key:`comboboxRootRef`,ref:xt},f(Le),{"ignore-filter":``,"as-child":``,name:f(Ze),disabled:f($e),"onUpdate:modelValue":pt,"onUpdate:open":ht}),{default:A(({modelValue:c,open:d})=>[l(f(fe),{"as-child":``},{default:A(()=>[l(f(me),a({id:f(Xe),ref_key:`triggerRef`,ref:Q,"data-slot":`base`,class:q.value.base({class:[f(B).ui?.base,f(B).class]}),tabindex:`0`},{...e.$attrs,...f(et)}),{default:A(()=>[f(W)||f(B).avatar||z.leading?(g(),h(`span`,{key:0,"data-slot":`leading`,class:i(q.value.leading({class:f(B).ui?.leading}))},[j(e.$slots,`leading`,{modelValue:c,open:d,ui:q.value},()=>[f(W)&&f(it)?(g(),u(N,{key:0,name:f(it),"data-slot":`leadingIcon`,class:i(q.value.leadingIcon({class:f(B).ui?.leadingIcon}))},null,8,[`name`,`class`])):f(B).avatar?(g(),u(P,a({key:1,size:f(B).ui?.itemLeadingAvatarSize||q.value.itemLeadingAvatarSize()},f(B).avatar,{"data-slot":`itemLeadingAvatar`,class:q.value.itemLeadingAvatar({class:f(B).ui?.itemLeadingAvatar})}),null,16,[`size`,`class`])):p(``,!0)])],2)):p(``,!0),j(e.$slots,`default`,{modelValue:c,open:d,ui:q.value},()=>[(g(!0),h(r,null,w([lt(c)],e=>(g(),h(r,{key:e},[e==null?(g(),h(`span`,{key:1,"data-slot":`placeholder`,class:i(q.value.placeholder({class:f(B).ui?.placeholder}))},_(f(B).placeholder??`\xA0`),3)):(g(),h(`span`,{key:0,"data-slot":`value`,class:i(q.value.value({class:f(B).ui?.value}))},_(e),3))],64))),128))]),f(rt)||z.trailing||f(B).clear?(g(),h(`span`,{key:1,"data-slot":`trailing`,class:i(q.value.trailing({class:f(B).ui?.trailing}))},[j(e.$slots,`trailing`,{modelValue:c,open:d,ui:q.value},()=>[f(B).clear&&!vt(c)?(g(),u(f(ge),{key:0,"as-child":``},{default:A(()=>[l(Ae,a({as:`span`,icon:f(B).clearIcon||f(U).ui.icons.close,size:G.value,variant:`link`,color:`neutral`,tabindex:`-1`},Ve.value,{"data-slot":`trailingClear`,class:q.value.trailingClear({class:f(B).ui?.trailingClear}),onClick:y(yt,[`stop`])}),null,16,[`icon`,`size`,`class`])]),_:1})):f(at)?(g(),u(N,{key:1,name:f(at),"data-slot":`trailingIcon`,class:i(q.value.trailingIcon({class:f(B).ui?.trailingIcon}))},null,8,[`name`,`class`])):p(``,!0)])],2)):p(``,!0)]),_:2},1040,[`id`,`class`])]),_:2},1024),l(f(ve),o(t(f(Re))),{default:A(()=>[l(f(Oe),null,{default:A(()=>[l(f(ye),a({"data-slot":`content`,class:q.value.content({class:f(B).ui?.content})},ze.value),{default:A(()=>[l(f(Me),{trapped:``,"data-slot":`focusScope`,class:i(q.value.focusScope({class:f(B).ui?.focusScope}))},{default:A(()=>[j(e.$slots,`content-top`),f(B).searchInput?(g(),u(f(Ce),{key:0,modelValue:V.value,"onUpdate:modelValue":n[1]||=e=>V.value=e,"display-value":()=>V.value,"as-child":``},{default:A(()=>[l(Se,a({autofocus:``,autocomplete:`off`,size:G.value},Ue.value,{"model-modifiers":{trim:f(B).modelModifiers?.trim},"data-slot":`input`,class:q.value.input({class:f(B).ui?.input}),onChange:n[0]||=y(()=>{},[`stop`])}),null,16,[`size`,`model-modifiers`,`class`])]),_:1},8,[`modelValue`,`display-value`])):p(``,!0),l(f(de),{"data-slot":`empty`,class:i(q.value.empty({class:f(B).ui?.empty}))},{default:A(()=>[j(e.$slots,`empty`,{searchTerm:V.value},()=>[s(_(V.value?f(H)(`selectMenu.noMatch`,{searchTerm:V.value}):f(H)(`selectMenu.noData`)),1)])]),_:3},8,[`class`]),D(`div`,{ref_key:`viewportRef`,ref:bt,role:`presentation`,"data-slot":`viewport`,class:i(q.value.viewport({class:f(B).ui?.viewport}))},[f(B).virtualize?(g(),h(r,{key:0},[X.value&&Z.value===`top`?(g(),u(f(K),{key:0})):p(``,!0),l(f(be),a({options:Y.value,"text-content":e=>$(e)?f(C)(e,f(B).labelKey):String(e)},He.value),{default:A(({option:e,virtualItem:t})=>[l(f(ct),{item:e,index:t.index},null,8,[`item`,`index`])]),_:1},16,[`options`,`text-content`]),X.value&&Z.value===`bottom`?(g(),u(f(K),{key:1})):p(``,!0)],64)):(g(),h(r,{key:1},[X.value&&Z.value===`top`?(g(),u(f(M),{key:0,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[l(f(K))]),_:1},8,[`class`])):p(``,!0),(g(!0),h(r,null,w(dt.value,(e,t)=>(g(),u(f(M),{key:`group-${t}`,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[(g(!0),h(r,null,w(e,(e,n)=>(g(),u(f(ct),{key:`group-${t}-${n}`,item:e,index:n},null,8,[`item`,`index`]))),128))]),_:2},1032,[`class`]))),128)),X.value&&Z.value===`bottom`?(g(),u(f(M),{key:1,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[l(f(K))]),_:1},8,[`class`])):p(``,!0)],64))],2),j(e.$slots,`content-bottom`)]),_:3},8,[`class`]),f(B).arrow?(g(),u(f(pe),a({key:0},Be.value,{"data-slot":`arrow`,class:q.value.arrow({class:f(B).ui?.arrow})}),null,16,[`class`])):p(``,!0)]),_:3},16,[`class`])]),_:3})]),_:3},16)]),_:3},16,[`name`,`disabled`])],64))}});export{R as i,Pe as n,B as r,U as t};
|
|
1
|
+
import{At as e,Bt as t,D as n,Dt as r,Fn as i,Gt as a,In as o,It as s,Kt as c,Lt as l,Mt as u,N as d,Nn as f,Nt as p,On as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Wt as b,Yt as x,cn as S,d as C,en as w,f as T,h as ee,j as E,jt as D,kn as O,l as te,ln as k,m as ne,mn as A,sn as re,tn as j,u as ie,un as ae,ut as oe,wn as se}from"./index.spa-C7iKiCvX.js";import{_ as ce,a as le,c as ue,d as M,f as de,g as fe,h as pe,i as me,l as he,m as ge,n as _e,o as ve,p as ye,r as be,s as xe,t as Se,u as Ce}from"./Input-Hz9y3cZz.js";import{C as we,S as Te,_ as Ee,b as N,g as De,m as Oe,p as ke,t as Ae,v as P,w as F,x as I,y as je}from"./Button-DSBabzKN.js";import{a as Me,n as Ne}from"./usePortal-D1eAe6IG.js";var L=v({__name:`BaseSeparator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let n=t,r=[`horizontal`,`vertical`];function i(e){return r.includes(e)}let o=e(()=>i(n.orientation)?n.orientation:`horizontal`),s=e(()=>o.value===`vertical`?n.orientation:void 0),c=e(()=>n.decorative?{role:`none`}:{"aria-orientation":s.value,role:`separator`});return(e,t)=>(g(),u(f(F),a({as:e.as,"as-child":e.asChild,"data-orientation":o.value},c.value),{default:A(()=>[j(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-orientation`]))}}),R=v({__name:`Separator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let n=e;return(e,r)=>(g(),u(L,o(t(n)),{default:A(()=>[j(e.$slots,`default`)]),_:3},16))}}),z={slots:{root:`flex items-center align-center text-center`,border:``,container:`font-medium text-default flex`,icon:`shrink-0 size-5`,avatar:`shrink-0`,avatarSize:`2xs`,label:`text-sm`},variants:{color:{primary:{border:`border-primary`},secondary:{border:`border-secondary`},success:{border:`border-success`},info:{border:`border-info`},warning:{border:`border-warning`},error:{border:`border-error`},neutral:{border:`border-default`}},orientation:{horizontal:{root:`w-full flex-row`,border:`w-full`,container:`whitespace-nowrap`},vertical:{root:`h-full flex-col`,border:`h-full`,container:``}},size:{xs:``,sm:``,md:``,lg:``,xl:``},position:{start:``,center:``,end:``},type:{solid:{border:`border-solid`},dashed:{border:`border-dashed`},dotted:{border:`border-dotted`}}},compoundVariants:[{orientation:`horizontal`,position:`start`,class:{container:`me-3`}},{orientation:`horizontal`,position:`center`,class:{container:`mx-3`}},{orientation:`horizontal`,position:`end`,class:{container:`ms-3`}},{orientation:`vertical`,position:`start`,class:{container:`mb-2`}},{orientation:`vertical`,position:`center`,class:{container:`my-2`}},{orientation:`vertical`,position:`end`,class:{container:`mt-2`}},{orientation:`horizontal`,size:`xs`,class:{border:`border-t`}},{orientation:`horizontal`,size:`sm`,class:{border:`border-t-[2px]`}},{orientation:`horizontal`,size:`md`,class:{border:`border-t-[3px]`}},{orientation:`horizontal`,size:`lg`,class:{border:`border-t-[4px]`}},{orientation:`horizontal`,size:`xl`,class:{border:`border-t-[5px]`}},{orientation:`vertical`,size:`xs`,class:{border:`border-s`}},{orientation:`vertical`,size:`sm`,class:{border:`border-s-[2px]`}},{orientation:`vertical`,size:`md`,class:{border:`border-s-[3px]`}},{orientation:`vertical`,size:`lg`,class:{border:`border-s-[4px]`}},{orientation:`vertical`,size:`xl`,class:{border:`border-s-[5px]`}}],defaultVariants:{color:`neutral`,size:`xs`,type:`solid`}},B={__name:`Separator`,props:{as:{type:null,required:!1},label:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},size:{type:null,required:!1},type:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},position:{type:null,required:!1,default:`center`},class:{type:null,required:!1},ui:{type:null,required:!1},decorative:{type:Boolean,required:!1}},setup(t){let n=t,o=S(),s=we(`separator`,n),c=E(),m=Te(oe(s,`as`,`decorative`,`orientation`)),[v,y]=d(),b=e(()=>!!(s.label||s.icon||s.avatar||o.default)),x=e(()=>I({extend:I(z),...c.ui?.separator||{}})({color:s.color,orientation:s.orientation,size:s.size,position:s.position,type:s.type}));return(e,t)=>(g(),h(r,null,[l(f(v),null,{default:A(()=>[D(`div`,{"data-slot":`container`,class:i(x.value.container({class:f(s).ui?.container}))},[j(e.$slots,`default`,{ui:x.value},()=>[f(s).label?(g(),h(`span`,{key:0,"data-slot":`label`,class:i(x.value.label({class:f(s).ui?.label}))},_(f(s).label),3)):f(s).icon?(g(),u(N,{key:1,name:f(s).icon,"data-slot":`icon`,class:i(x.value.icon({class:f(s).ui?.icon}))},null,8,[`name`,`class`])):f(s).avatar?(g(),u(P,a({key:2,size:f(s).ui?.avatarSize||x.value.avatarSize()},f(s).avatar,{"data-slot":`avatar`,class:x.value.avatar({class:f(s).ui?.avatar})}),null,16,[`size`,`class`])):p(``,!0)])],2)]),_:3}),l(f(R),a(f(m),{"data-slot":`root`,class:x.value.root({class:[f(s).ui?.root,f(s).class]})}),{default:A(()=>[b.value&&f(s).position===`start`?(g(),u(f(y),{key:0})):p(``,!0),D(`div`,{"data-slot":`border`,class:i(x.value.border({class:f(s).ui?.border}))},null,2),b.value&&f(s).position===`center`?(g(),h(r,{key:1},[l(f(y)),D(`div`,{"data-slot":`border`,class:i(x.value.border({class:f(s).ui?.border}))},null,2)],64)):p(``,!0),b.value&&f(s).position===`end`?(g(),u(f(y),{key:2})):p(``,!0)]),_:1},16,[`class`])],64))}};function V(e,t){if(typeof e!=`object`||!e)return!1;let n=C(e,t);return n!=null&&n!==``}function H(e,t){return t?{xs:44,sm:48,md:52,lg:56,xl:60}[e]:{xs:24,sm:28,md:32,lg:36,xl:40}[e]}function Pe(e,t,n,r){let i=H(t,!0),a=H(t,!1);return r?()=>i:n?t=>V(e[t],n)?i:a:()=>a}var Fe={slots:{base:[`relative group rounded-md inline-flex items-center disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leading:`absolute inset-y-0 start-0 flex items-center`,leadingIcon:`shrink-0 text-dimmed`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,trailing:`absolute inset-y-0 end-0 flex items-center`,trailingIcon:`shrink-0 text-dimmed`,value:`truncate pointer-events-none`,placeholder:`truncate text-dimmed`,arrow:`fill-bg stroke-default`,content:[`max-h-[min(15rem,var(--reka-select-content-available-height,15rem))] w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col`,`max-h-[min(15rem,var(--reka-combobox-content-available-height,15rem))] origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)`],viewport:`relative scroll-py-1 overflow-y-auto flex-1`,group:`p-1 isolate`,empty:`text-center text-muted`,label:`font-semibold text-highlighted`,separator:`-mx-1 my-1 h-px bg-border`,item:[`group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`],itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemLeadingChip:`shrink-0`,itemLeadingChipSize:``,itemTrailing:`ms-auto inline-flex gap-1.5 items-center`,itemTrailingIcon:`shrink-0`,itemWrapper:`flex-1 flex flex-col min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,input:`border-b border-default`,focusScope:`flex flex-col min-h-0`,trailingClear:`p-0`},variants:{fieldGroup:{horizontal:`not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]`,vertical:`not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]`},size:{xs:{base:`px-2 py-1 text-xs gap-1`,leading:`ps-2`,trailing:`pe-2`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`,trailingIcon:`size-4`,label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4`,itemLeadingAvatarSize:`3xs`,itemLeadingChip:`size-4`,itemLeadingChipSize:`sm`,itemTrailingIcon:`size-4`,empty:`p-2 text-xs`},sm:{base:`px-2.5 py-1.5 text-xs gap-1.5`,leading:`ps-2.5`,trailing:`pe-2.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`,trailingIcon:`size-4`,label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4`,itemLeadingAvatarSize:`3xs`,itemLeadingChip:`size-4`,itemLeadingChipSize:`sm`,itemTrailingIcon:`size-4`,empty:`p-2.5 text-xs`},md:{base:`px-2.5 py-1.5 text-sm gap-1.5`,leading:`ps-2.5`,trailing:`pe-2.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`,trailingIcon:`size-5`,label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5`,itemLeadingAvatarSize:`2xs`,itemLeadingChip:`size-5`,itemLeadingChipSize:`md`,itemTrailingIcon:`size-5`,empty:`p-2.5 text-sm`},lg:{base:`px-3 py-2 text-sm gap-2`,leading:`ps-3`,trailing:`pe-3`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`,trailingIcon:`size-5`,label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5`,itemLeadingAvatarSize:`2xs`,itemLeadingChip:`size-5`,itemLeadingChipSize:`md`,itemTrailingIcon:`size-5`,empty:`p-3 text-sm`},xl:{base:`px-3 py-2 text-base gap-2`,leading:`ps-3`,trailing:`pe-3`,leadingIcon:`size-6`,leadingAvatarSize:`xs`,trailingIcon:`size-6`,label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6`,itemLeadingAvatarSize:`xs`,itemLeadingChip:`size-6`,itemLeadingChipSize:`lg`,itemTrailingIcon:`size-6`,empty:`p-3 text-base`}},variant:{outline:`text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default`,soft:`text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50`,subtle:`text-highlighted bg-elevated ring ring-inset ring-accented hover:bg-accented/75 disabled:bg-elevated`,ghost:`text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent`,none:`text-highlighted bg-transparent focus:outline-none`},color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},leading:{true:``},trailing:{true:``},loading:{true:``},highlight:{true:``},fixed:{false:``},type:{file:`file:me-1.5 file:font-medium file:text-muted file:outline-none`},position:{popper:{content:`data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]`},"item-aligned":{content:``}},multiple:{true:``},virtualize:{true:{viewport:`p-1 isolate`},false:{viewport:`divide-y divide-default`}}},compoundVariants:[{color:`primary`,variant:[`outline`,`subtle`],class:`outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary`},{color:`secondary`,variant:[`outline`,`subtle`],class:`outline-secondary/25 focus-visible:outline-3 focus-visible:ring-secondary`},{color:`success`,variant:[`outline`,`subtle`],class:`outline-success/25 focus-visible:outline-3 focus-visible:ring-success`},{color:`info`,variant:[`outline`,`subtle`],class:`outline-info/25 focus-visible:outline-3 focus-visible:ring-info`},{color:`warning`,variant:[`outline`,`subtle`],class:`outline-warning/25 focus-visible:outline-3 focus-visible:ring-warning`},{color:`error`,variant:[`outline`,`subtle`],class:`outline-error/25 focus-visible:outline-3 focus-visible:ring-error`},{color:`primary`,variant:[`soft`,`ghost`],class:`outline-primary/25 focus-visible:outline-3`},{color:`secondary`,variant:[`soft`,`ghost`],class:`outline-secondary/25 focus-visible:outline-3`},{color:`success`,variant:[`soft`,`ghost`],class:`outline-success/25 focus-visible:outline-3`},{color:`info`,variant:[`soft`,`ghost`],class:`outline-info/25 focus-visible:outline-3`},{color:`warning`,variant:[`soft`,`ghost`],class:`outline-warning/25 focus-visible:outline-3`},{color:`error`,variant:[`soft`,`ghost`],class:`outline-error/25 focus-visible:outline-3`},{color:`primary`,highlight:!0,class:`ring ring-inset ring-primary`},{color:`secondary`,highlight:!0,class:`ring ring-inset ring-secondary`},{color:`success`,highlight:!0,class:`ring ring-inset ring-success`},{color:`info`,highlight:!0,class:`ring ring-inset ring-info`},{color:`warning`,highlight:!0,class:`ring ring-inset ring-warning`},{color:`error`,highlight:!0,class:`ring ring-inset ring-error`},{color:`neutral`,variant:[`outline`,`subtle`],class:`outline-inverted/25 focus-visible:outline-3 focus-visible:ring-inverted`},{color:`neutral`,variant:[`soft`,`ghost`],class:`outline-inverted/25 focus-visible:outline-3`},{color:`neutral`,highlight:!0,class:`ring ring-inset ring-inverted`},{leading:!0,size:`xs`,class:`ps-7`},{leading:!0,size:`sm`,class:`ps-8`},{leading:!0,size:`md`,class:`ps-9`},{leading:!0,size:`lg`,class:`ps-10`},{leading:!0,size:`xl`,class:`ps-11`},{trailing:!0,size:`xs`,class:`pe-7`},{trailing:!0,size:`sm`,class:`pe-8`},{trailing:!0,size:`md`,class:`pe-9`},{trailing:!0,size:`lg`,class:`pe-10`},{trailing:!0,size:`xl`,class:`pe-11`},{loading:!0,leading:!0,class:{leadingIcon:`animate-spin`}},{loading:!0,leading:!1,trailing:!0,class:{trailingIcon:`animate-spin`}},{fixed:!1,size:`xs`,class:`md:text-xs`},{fixed:!1,size:`sm`,class:`md:text-xs`},{fixed:!1,size:`md`,class:`md:text-sm`},{fixed:!1,size:`lg`,class:`md:text-sm`}],defaultVariants:{size:`md`,color:`primary`,variant:`outline`,position:`popper`}},U=Object.assign({inheritAttrs:!1},{__name:`SelectMenu`,props:b({id:{type:String,required:!1},placeholder:{type:String,required:!1},searchInput:{type:[Boolean,Object],required:!1,default:!0},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},required:{type:Boolean,required:!1},trailingIcon:{type:null,required:!1},selectedIcon:{type:null,required:!1},clear:{type:[Boolean,Object],required:!1},clearIcon:{type:null,required:!1},content:{type:Object,required:!1},arrow:{type:[Boolean,Object],required:!1},portal:{type:[Boolean,String],required:!1,skipCheck:!0,default:!0},virtualize:{type:[Boolean,Object],required:!1,default:!1},valueKey:{type:null,required:!1},labelKey:{type:null,required:!1,default:`label`},descriptionKey:{type:null,required:!1,default:`description`},items:{type:null,required:!1},defaultValue:{type:null,required:!1},modelValue:{type:null,required:!1},modelModifiers:{type:null,required:!1},multiple:{type:Boolean,required:!1},highlight:{type:Boolean,required:!1},createItem:{type:[Boolean,String,Object],required:!1},filterFields:{type:Array,required:!1},ignoreFilter:{type:Boolean,required:!1},autofocus:{type:Boolean,required:!1},autofocusDelay:{type:Number,required:!1,default:0},class:{type:null,required:!1},ui:{type:Object,required:!1},open:{type:Boolean,required:!1},defaultOpen:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},name:{type:String,required:!1},resetSearchTermOnBlur:{type:Boolean,required:!1,default:!0},resetSearchTermOnSelect:{type:Boolean,required:!1,default:!0},resetModelValueOnClear:{type:Boolean,required:!1,default:!0},highlightOnHover:{type:Boolean,required:!1},by:{type:[String,Function],required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},leading:{type:Boolean,required:!1},leadingIcon:{type:null,required:!1},trailing:{type:Boolean,required:!1},loading:{type:Boolean,required:!1},loadingIcon:{type:null,required:!1}},{searchTerm:{type:String,default:``},searchTermModifiers:{}}),emits:b([`change`,`blur`,`focus`,`create`,`clear`,`highlight`,`update:modelValue`,`update:open`],[`update:searchTerm`]),setup(v,{expose:b,emit:F}){let L=v,R=F,z=S(),B=we(`selectMenu`,L),V=re(v,`searchTerm`,{type:String,default:``}),{t:H}=te(),U=E(),{filterGroups:Ie}=_e(),Le=Te(oe(B,`modelValue`,`defaultValue`,`open`,`defaultOpen`,`required`,`multiple`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`resetModelValueOnClear`,`highlightOnHover`,`by`),R),Re=Ne(O(()=>B.portal)),ze=O(()=>n(B.content,{side:`bottom`,sideOffset:8,collisionPadding:8,position:`popper`})),Be=O(()=>n(B.arrow,{rounded:!0})),Ve=e(()=>typeof B.clear==`object`?B.clear:{}),He=O(()=>B.virtualize?n(typeof B.virtualize==`boolean`?{}:B.virtualize,{estimateSize:Pe(Y.value,G.value||`md`,B.descriptionKey,!!z[`item-description`])}):!1),Ue=O(()=>n(B.searchInput,{placeholder:H(`selectMenu.search`),variant:`none`})),{emitFormBlur:We,emitFormFocus:Ge,emitFormInput:Ke,emitFormChange:qe,size:Je,color:Ye,id:Xe,name:Ze,highlight:Qe,disabled:$e,ariaAttrs:et}=ke(L),{orientation:tt,size:nt}=De(L),{isLeading:W,isTrailing:rt,leadingIconName:it,trailingIconName:at}=Ee(O(()=>n(B,{trailingIcon:U.ui.icons.chevronDown}))),G=e(()=>nt.value||Je.value),[ot,K]=d(),[st,ct]=d({props:{item:{type:[Object,String,Number,Boolean],required:!0},index:{type:Number,required:!1}}}),q=e(()=>I({extend:I(Fe),...U.ui?.selectMenu||{}})({color:Ye.value??B.color,variant:B.variant,size:G?.value??B.size,loading:B.loading,highlight:Qe.value??B.highlight,leading:W.value||!!B.avatar||!!z.leading,trailing:rt.value||!!z.trailing,fieldGroup:tt.value,virtualize:!!B.virtualize,multiple:B.multiple}));function lt(e){if(B.multiple&&Array.isArray(e)){let t=e.map(e=>T(ut.value,e,{labelKey:B.labelKey,valueKey:B.valueKey,by:B.by})).filter(e=>e!=null&&e!==``);return t.length>0?t.join(`, `):void 0}return T(ut.value,e,{labelKey:B.labelKey,valueKey:B.valueKey,by:B.by})}let J=e(()=>B.items?.length?ne(B.items)?B.items:[B.items]:[]),ut=e(()=>J.value.flatMap(e=>e)),dt=e(()=>{if(B.ignoreFilter||!V.value)return J.value;let e=Array.isArray(B.filterFields)?B.filterFields:[B.labelKey];return Ie(J.value,V.value,{fields:e,isStructural:e=>$(e)&&!!e.type&&[`label`,`separator`].includes(e.type)})}),Y=e(()=>dt.value.flatMap(e=>e)),X=e(()=>{if(!B.createItem||!V.value)return!1;let e=B.valueKey?{[B.valueKey]:V.value}:V.value;return typeof B.createItem==`object`&&B.createItem.when===`always`||B.createItem===`always`?!Y.value.find(t=>ie(t,e,B.by??B.valueKey)):!Y.value.length}),Z=e(()=>typeof B.createItem==`object`?B.createItem.position:`bottom`),Q=k(`triggerRef`);function ft(){B.autofocus&&Q.value?.$el?.focus({focusVisible:!0})}x(()=>{setTimeout(()=>{ft()},B.autofocusDelay)});function pt(e){m(B.modelValue)!==e&&(B.modelModifiers?.trim&&(typeof e==`string`||e==null)&&(e=e?.trim()??null),B.modelModifiers?.number&&(e=ee(e)),B.modelModifiers?.nullable&&(e??=null),B.modelModifiers?.optional&&!B.modelModifiers?.nullable&&e!==null&&(e??=void 0),R(`change`,new Event(`change`,{target:{value:e}})),qe(),Ke(),B.resetSearchTermOnSelect&&(V.value=``))}let mt=se(!1);function ht(e){mt.value=e;let t;e?(R(`focus`,new FocusEvent(`focus`)),Ge(),clearTimeout(t)):(R(`blur`,new FocusEvent(`blur`)),We(),B.resetSearchTermOnBlur&&(t=setTimeout(()=>{V.value=``},100)))}function gt(e){e.preventDefault(),e.stopPropagation(),R(`create`,V.value)}function _t(e,t){if($(t)){if(t.disabled){e.preventDefault();return}t.onSelect?.(e)}}function $(e){return typeof e==`object`&&!!e}function vt(e){return B.multiple&&Array.isArray(e)?e.length===0:e==null||e===``}function yt(){R(`clear`)}let bt=k(`viewportRef`),xt=k(`comboboxRootRef`);return ae(()=>B.items,async()=>{mt.value&&(await c(),xt.value?.highlightFirstItem?.())},{flush:`post`}),b({triggerRef:O(()=>Q.value?.$el),viewportRef:O(()=>bt.value)}),(e,n)=>(g(),h(r,null,[l(f(ot),null,{default:A(()=>[l(f(he),{"data-slot":`item`,class:i(q.value.item({class:f(B).ui?.item})),value:V.value,onSelect:gt},{default:A(()=>[D(`span`,{"data-slot":`itemLabel`,class:i(q.value.itemLabel({class:f(B).ui?.itemLabel}))},[j(e.$slots,`create-item-label`,{item:V.value},()=>[s(_(f(H)(`selectMenu.create`,{label:V.value})),1)])],2)]),_:3},8,[`class`,`value`])]),_:3}),l(f(st),null,{default:A(({item:t,index:n})=>[$(t)&&t.type===`label`?(g(),u(f(xe),{key:0,"data-slot":`label`,class:i(q.value.label({class:[f(B).ui?.label,t.ui?.label,t.class]}))},{default:A(()=>[s(_(f(C)(t,f(B).labelKey)),1)]),_:2},1032,[`class`])):$(t)&&t.type===`separator`?(g(),u(f(le),{key:1,"data-slot":`separator`,class:i(q.value.separator({class:[f(B).ui?.separator,t.ui?.separator,t.class]}))},null,8,[`class`])):(g(),u(f(he),{key:2,"data-slot":`item`,class:i(q.value.item({class:[f(B).ui?.item,$(t)&&t.ui?.item,$(t)&&t.class]})),disabled:$(t)&&t.disabled,value:f(B).valueKey&&$(t)?f(C)(t,f(B).valueKey):t,onSelect:e=>_t(e,t)},{default:A(()=>[j(e.$slots,`item`,{item:t,index:n,ui:q.value},()=>[j(e.$slots,`item-leading`,{item:t,index:n,ui:q.value},()=>[$(t)&&t.icon?(g(),u(N,{key:0,name:t.icon,"data-slot":`itemLeadingIcon`,class:i(q.value.itemLeadingIcon({class:[f(B).ui?.itemLeadingIcon,t.ui?.itemLeadingIcon]}))},null,8,[`name`,`class`])):$(t)&&t.avatar?(g(),u(P,a({key:1,size:t.ui?.itemLeadingAvatarSize||f(B).ui?.itemLeadingAvatarSize||q.value.itemLeadingAvatarSize()},t.avatar,{"data-slot":`itemLeadingAvatar`,class:q.value.itemLeadingAvatar({class:[f(B).ui?.itemLeadingAvatar,t.ui?.itemLeadingAvatar]})}),null,16,[`size`,`class`])):$(t)&&t.chip?(g(),u(je,a({key:2,size:t.ui?.itemLeadingChipSize||f(B).ui?.itemLeadingChipSize||q.value.itemLeadingChipSize(),inset:``,standalone:``},t.chip,{"data-slot":`itemLeadingChip`,class:q.value.itemLeadingChip({class:[f(B).ui?.itemLeadingChip,t.ui?.itemLeadingChip]})}),null,16,[`size`,`class`])):p(``,!0)]),D(`span`,{"data-slot":`itemWrapper`,class:i(q.value.itemWrapper({class:[f(B).ui?.itemWrapper,$(t)&&t.ui?.itemWrapper]}))},[D(`span`,{"data-slot":`itemLabel`,class:i(q.value.itemLabel({class:[f(B).ui?.itemLabel,$(t)&&t.ui?.itemLabel]}))},[j(e.$slots,`item-label`,{item:t,index:n},()=>[s(_($(t)?f(C)(t,f(B).labelKey):t),1)])],2),$(t)&&(f(C)(t,f(B).descriptionKey)||z[`item-description`])?(g(),h(`span`,{key:0,"data-slot":`itemDescription`,class:i(q.value.itemDescription({class:[f(B).ui?.itemDescription,$(t)&&t.ui?.itemDescription]}))},[j(e.$slots,`item-description`,{item:t,index:n},()=>[s(_(f(C)(t,f(B).descriptionKey)),1)])],2)):p(``,!0)],2),D(`span`,{"data-slot":`itemTrailing`,class:i(q.value.itemTrailing({class:[f(B).ui?.itemTrailing,$(t)&&t.ui?.itemTrailing]}))},[j(e.$slots,`item-trailing`,{item:t,index:n,ui:q.value}),l(f(ue),{"as-child":``},{default:A(()=>[l(N,{name:f(B).selectedIcon||f(U).ui.icons.check,"data-slot":`itemTrailingIcon`,class:i(q.value.itemTrailingIcon({class:[f(B).ui?.itemTrailingIcon,$(t)&&t.ui?.itemTrailingIcon]}))},null,8,[`name`,`class`])]),_:2},1024)],2)])]),_:2},1032,[`class`,`disabled`,`value`,`onSelect`]))]),_:3}),l(f(ce),a({ref_key:`comboboxRootRef`,ref:xt},f(Le),{"ignore-filter":``,"as-child":``,name:f(Ze),disabled:f($e),"onUpdate:modelValue":pt,"onUpdate:open":ht}),{default:A(({modelValue:c,open:d})=>[l(f(fe),{"as-child":``},{default:A(()=>[l(f(me),a({id:f(Xe),ref_key:`triggerRef`,ref:Q,"data-slot":`base`,class:q.value.base({class:[f(B).ui?.base,f(B).class]}),tabindex:`0`},{...e.$attrs,...f(et)}),{default:A(()=>[f(W)||f(B).avatar||z.leading?(g(),h(`span`,{key:0,"data-slot":`leading`,class:i(q.value.leading({class:f(B).ui?.leading}))},[j(e.$slots,`leading`,{modelValue:c,open:d,ui:q.value},()=>[f(W)&&f(it)?(g(),u(N,{key:0,name:f(it),"data-slot":`leadingIcon`,class:i(q.value.leadingIcon({class:f(B).ui?.leadingIcon}))},null,8,[`name`,`class`])):f(B).avatar?(g(),u(P,a({key:1,size:f(B).ui?.itemLeadingAvatarSize||q.value.itemLeadingAvatarSize()},f(B).avatar,{"data-slot":`itemLeadingAvatar`,class:q.value.itemLeadingAvatar({class:f(B).ui?.itemLeadingAvatar})}),null,16,[`size`,`class`])):p(``,!0)])],2)):p(``,!0),j(e.$slots,`default`,{modelValue:c,open:d,ui:q.value},()=>[(g(!0),h(r,null,w([lt(c)],e=>(g(),h(r,{key:e},[e==null?(g(),h(`span`,{key:1,"data-slot":`placeholder`,class:i(q.value.placeholder({class:f(B).ui?.placeholder}))},_(f(B).placeholder??`\xA0`),3)):(g(),h(`span`,{key:0,"data-slot":`value`,class:i(q.value.value({class:f(B).ui?.value}))},_(e),3))],64))),128))]),f(rt)||z.trailing||f(B).clear?(g(),h(`span`,{key:1,"data-slot":`trailing`,class:i(q.value.trailing({class:f(B).ui?.trailing}))},[j(e.$slots,`trailing`,{modelValue:c,open:d,ui:q.value},()=>[f(B).clear&&!vt(c)?(g(),u(f(ge),{key:0,"as-child":``},{default:A(()=>[l(Ae,a({as:`span`,icon:f(B).clearIcon||f(U).ui.icons.close,size:G.value,variant:`link`,color:`neutral`,tabindex:`-1`},Ve.value,{"data-slot":`trailingClear`,class:q.value.trailingClear({class:f(B).ui?.trailingClear}),onClick:y(yt,[`stop`])}),null,16,[`icon`,`size`,`class`])]),_:1})):f(at)?(g(),u(N,{key:1,name:f(at),"data-slot":`trailingIcon`,class:i(q.value.trailingIcon({class:f(B).ui?.trailingIcon}))},null,8,[`name`,`class`])):p(``,!0)])],2)):p(``,!0)]),_:2},1040,[`id`,`class`])]),_:2},1024),l(f(ve),o(t(f(Re))),{default:A(()=>[l(f(Oe),null,{default:A(()=>[l(f(ye),a({"data-slot":`content`,class:q.value.content({class:f(B).ui?.content})},ze.value),{default:A(()=>[l(f(Me),{trapped:``,"data-slot":`focusScope`,class:i(q.value.focusScope({class:f(B).ui?.focusScope}))},{default:A(()=>[j(e.$slots,`content-top`),f(B).searchInput?(g(),u(f(Ce),{key:0,modelValue:V.value,"onUpdate:modelValue":n[1]||=e=>V.value=e,"display-value":()=>V.value,"as-child":``},{default:A(()=>[l(Se,a({autofocus:``,autocomplete:`off`,size:G.value},Ue.value,{"model-modifiers":{trim:f(B).modelModifiers?.trim},"data-slot":`input`,class:q.value.input({class:f(B).ui?.input}),onChange:n[0]||=y(()=>{},[`stop`])}),null,16,[`size`,`model-modifiers`,`class`])]),_:1},8,[`modelValue`,`display-value`])):p(``,!0),l(f(de),{"data-slot":`empty`,class:i(q.value.empty({class:f(B).ui?.empty}))},{default:A(()=>[j(e.$slots,`empty`,{searchTerm:V.value},()=>[s(_(V.value?f(H)(`selectMenu.noMatch`,{searchTerm:V.value}):f(H)(`selectMenu.noData`)),1)])]),_:3},8,[`class`]),D(`div`,{ref_key:`viewportRef`,ref:bt,role:`presentation`,"data-slot":`viewport`,class:i(q.value.viewport({class:f(B).ui?.viewport}))},[f(B).virtualize?(g(),h(r,{key:0},[X.value&&Z.value===`top`?(g(),u(f(K),{key:0})):p(``,!0),l(f(be),a({options:Y.value,"text-content":e=>$(e)?f(C)(e,f(B).labelKey):String(e)},He.value),{default:A(({option:e,virtualItem:t})=>[l(f(ct),{item:e,index:t.index},null,8,[`item`,`index`])]),_:1},16,[`options`,`text-content`]),X.value&&Z.value===`bottom`?(g(),u(f(K),{key:1})):p(``,!0)],64)):(g(),h(r,{key:1},[X.value&&Z.value===`top`?(g(),u(f(M),{key:0,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[l(f(K))]),_:1},8,[`class`])):p(``,!0),(g(!0),h(r,null,w(dt.value,(e,t)=>(g(),u(f(M),{key:`group-${t}`,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[(g(!0),h(r,null,w(e,(e,n)=>(g(),u(f(ct),{key:`group-${t}-${n}`,item:e,index:n},null,8,[`item`,`index`]))),128))]),_:2},1032,[`class`]))),128)),X.value&&Z.value===`bottom`?(g(),u(f(M),{key:1,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[l(f(K))]),_:1},8,[`class`])):p(``,!0)],64))],2),j(e.$slots,`content-bottom`)]),_:3},8,[`class`]),f(B).arrow?(g(),u(f(pe),a({key:0},Be.value,{"data-slot":`arrow`,class:q.value.arrow({class:f(B).ui?.arrow})}),null,16,[`class`])):p(``,!0)]),_:3},16,[`class`])]),_:3})]),_:3},16)]),_:3},16,[`name`,`disabled`])],64))}});export{R as i,Pe as n,B as r,U as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{At as e,Bt as t,D as n,Dt as r,Fn as i,Gt as a,In as o,It as s,Kt as c,Lt as l,Mt as u,N as d,Nn as f,Nt as p,On as m,Pt as h,Qt as g,Rn as _,Rt as v,Tt as y,Wt as b,Yt as x,cn as S,d as C,en as w,f as T,h as ee,j as E,jt as D,kn as O,l as te,ln as k,m as ne,mn as A,sn as re,tn as j,u as ie,un as ae,ut as oe,wn as se}from"./index.spa-92WvmWuv.js";import{_ as ce,a as le,c as ue,d as M,f as de,g as fe,h as pe,i as me,l as he,m as ge,n as _e,o as ve,p as ye,r as be,s as xe,t as Se,u as Ce}from"./Input-mdAflUvn.js";import{C as we,S as Te,_ as Ee,b as N,g as De,m as Oe,p as ke,t as Ae,v as P,w as F,x as I,y as je}from"./Button-DqA6yHmE.js";import{a as Me,n as Ne}from"./usePortal-CQWjJqTo.js";var L=v({__name:`BaseSeparator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let n=t,r=[`horizontal`,`vertical`];function i(e){return r.includes(e)}let o=e(()=>i(n.orientation)?n.orientation:`horizontal`),s=e(()=>o.value===`vertical`?n.orientation:void 0),c=e(()=>n.decorative?{role:`none`}:{"aria-orientation":s.value,role:`separator`});return(e,t)=>(g(),u(f(F),a({as:e.as,"as-child":e.asChild,"data-orientation":o.value},c.value),{default:A(()=>[j(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-orientation`]))}}),R=v({__name:`Separator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let n=e;return(e,r)=>(g(),u(L,o(t(n)),{default:A(()=>[j(e.$slots,`default`)]),_:3},16))}}),z={slots:{root:`flex items-center align-center text-center`,border:``,container:`font-medium text-default flex`,icon:`shrink-0 size-5`,avatar:`shrink-0`,avatarSize:`2xs`,label:`text-sm`},variants:{color:{primary:{border:`border-primary`},secondary:{border:`border-secondary`},success:{border:`border-success`},info:{border:`border-info`},warning:{border:`border-warning`},error:{border:`border-error`},neutral:{border:`border-default`}},orientation:{horizontal:{root:`w-full flex-row`,border:`w-full`,container:`whitespace-nowrap`},vertical:{root:`h-full flex-col`,border:`h-full`,container:``}},size:{xs:``,sm:``,md:``,lg:``,xl:``},position:{start:``,center:``,end:``},type:{solid:{border:`border-solid`},dashed:{border:`border-dashed`},dotted:{border:`border-dotted`}}},compoundVariants:[{orientation:`horizontal`,position:`start`,class:{container:`me-3`}},{orientation:`horizontal`,position:`center`,class:{container:`mx-3`}},{orientation:`horizontal`,position:`end`,class:{container:`ms-3`}},{orientation:`vertical`,position:`start`,class:{container:`mb-2`}},{orientation:`vertical`,position:`center`,class:{container:`my-2`}},{orientation:`vertical`,position:`end`,class:{container:`mt-2`}},{orientation:`horizontal`,size:`xs`,class:{border:`border-t`}},{orientation:`horizontal`,size:`sm`,class:{border:`border-t-[2px]`}},{orientation:`horizontal`,size:`md`,class:{border:`border-t-[3px]`}},{orientation:`horizontal`,size:`lg`,class:{border:`border-t-[4px]`}},{orientation:`horizontal`,size:`xl`,class:{border:`border-t-[5px]`}},{orientation:`vertical`,size:`xs`,class:{border:`border-s`}},{orientation:`vertical`,size:`sm`,class:{border:`border-s-[2px]`}},{orientation:`vertical`,size:`md`,class:{border:`border-s-[3px]`}},{orientation:`vertical`,size:`lg`,class:{border:`border-s-[4px]`}},{orientation:`vertical`,size:`xl`,class:{border:`border-s-[5px]`}}],defaultVariants:{color:`neutral`,size:`xs`,type:`solid`}},B={__name:`Separator`,props:{as:{type:null,required:!1},label:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},size:{type:null,required:!1},type:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},position:{type:null,required:!1,default:`center`},class:{type:null,required:!1},ui:{type:null,required:!1},decorative:{type:Boolean,required:!1}},setup(t){let n=t,o=S(),s=we(`separator`,n),c=E(),m=Te(oe(s,`as`,`decorative`,`orientation`)),[v,y]=d(),b=e(()=>!!(s.label||s.icon||s.avatar||o.default)),x=e(()=>I({extend:I(z),...c.ui?.separator||{}})({color:s.color,orientation:s.orientation,size:s.size,position:s.position,type:s.type}));return(e,t)=>(g(),h(r,null,[l(f(v),null,{default:A(()=>[D(`div`,{"data-slot":`container`,class:i(x.value.container({class:f(s).ui?.container}))},[j(e.$slots,`default`,{ui:x.value},()=>[f(s).label?(g(),h(`span`,{key:0,"data-slot":`label`,class:i(x.value.label({class:f(s).ui?.label}))},_(f(s).label),3)):f(s).icon?(g(),u(N,{key:1,name:f(s).icon,"data-slot":`icon`,class:i(x.value.icon({class:f(s).ui?.icon}))},null,8,[`name`,`class`])):f(s).avatar?(g(),u(P,a({key:2,size:f(s).ui?.avatarSize||x.value.avatarSize()},f(s).avatar,{"data-slot":`avatar`,class:x.value.avatar({class:f(s).ui?.avatar})}),null,16,[`size`,`class`])):p(``,!0)])],2)]),_:3}),l(f(R),a(f(m),{"data-slot":`root`,class:x.value.root({class:[f(s).ui?.root,f(s).class]})}),{default:A(()=>[b.value&&f(s).position===`start`?(g(),u(f(y),{key:0})):p(``,!0),D(`div`,{"data-slot":`border`,class:i(x.value.border({class:f(s).ui?.border}))},null,2),b.value&&f(s).position===`center`?(g(),h(r,{key:1},[l(f(y)),D(`div`,{"data-slot":`border`,class:i(x.value.border({class:f(s).ui?.border}))},null,2)],64)):p(``,!0),b.value&&f(s).position===`end`?(g(),u(f(y),{key:2})):p(``,!0)]),_:1},16,[`class`])],64))}};function V(e,t){if(typeof e!=`object`||!e)return!1;let n=C(e,t);return n!=null&&n!==``}function H(e,t){return t?{xs:44,sm:48,md:52,lg:56,xl:60}[e]:{xs:24,sm:28,md:32,lg:36,xl:40}[e]}function Pe(e,t,n,r){let i=H(t,!0),a=H(t,!1);return r?()=>i:n?t=>V(e[t],n)?i:a:()=>a}var Fe={slots:{base:[`relative group rounded-md inline-flex items-center disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leading:`absolute inset-y-0 start-0 flex items-center`,leadingIcon:`shrink-0 text-dimmed`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,trailing:`absolute inset-y-0 end-0 flex items-center`,trailingIcon:`shrink-0 text-dimmed`,value:`truncate pointer-events-none`,placeholder:`truncate text-dimmed`,arrow:`fill-bg stroke-default`,content:[`max-h-[min(15rem,var(--reka-select-content-available-height,15rem))] w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col`,`max-h-[min(15rem,var(--reka-combobox-content-available-height,15rem))] origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)`],viewport:`relative scroll-py-1 overflow-y-auto flex-1`,group:`p-1 isolate`,empty:`text-center text-muted`,label:`font-semibold text-highlighted`,separator:`-mx-1 my-1 h-px bg-border`,item:[`group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50`,`transition-colors before:transition-colors`],itemLeadingIcon:[`shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default`,`transition-colors`],itemLeadingAvatar:`shrink-0`,itemLeadingAvatarSize:``,itemLeadingChip:`shrink-0`,itemLeadingChipSize:``,itemTrailing:`ms-auto inline-flex gap-1.5 items-center`,itemTrailingIcon:`shrink-0`,itemWrapper:`flex-1 flex flex-col min-w-0`,itemLabel:`truncate`,itemDescription:`truncate text-muted`,input:`border-b border-default`,focusScope:`flex flex-col min-h-0`,trailingClear:`p-0`},variants:{fieldGroup:{horizontal:`not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]`,vertical:`not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]`},size:{xs:{base:`px-2 py-1 text-xs gap-1`,leading:`ps-2`,trailing:`pe-2`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`,trailingIcon:`size-4`,label:`p-1 text-[10px]/3 gap-1`,item:`p-1 text-xs gap-1`,itemLeadingIcon:`size-4`,itemLeadingAvatarSize:`3xs`,itemLeadingChip:`size-4`,itemLeadingChipSize:`sm`,itemTrailingIcon:`size-4`,empty:`p-2 text-xs`},sm:{base:`px-2.5 py-1.5 text-xs gap-1.5`,leading:`ps-2.5`,trailing:`pe-2.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`,trailingIcon:`size-4`,label:`p-1.5 text-[10px]/3 gap-1.5`,item:`p-1.5 text-xs gap-1.5`,itemLeadingIcon:`size-4`,itemLeadingAvatarSize:`3xs`,itemLeadingChip:`size-4`,itemLeadingChipSize:`sm`,itemTrailingIcon:`size-4`,empty:`p-2.5 text-xs`},md:{base:`px-2.5 py-1.5 text-sm gap-1.5`,leading:`ps-2.5`,trailing:`pe-2.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`,trailingIcon:`size-5`,label:`p-1.5 text-xs gap-1.5`,item:`p-1.5 text-sm gap-1.5`,itemLeadingIcon:`size-5`,itemLeadingAvatarSize:`2xs`,itemLeadingChip:`size-5`,itemLeadingChipSize:`md`,itemTrailingIcon:`size-5`,empty:`p-2.5 text-sm`},lg:{base:`px-3 py-2 text-sm gap-2`,leading:`ps-3`,trailing:`pe-3`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`,trailingIcon:`size-5`,label:`p-2 text-xs gap-2`,item:`p-2 text-sm gap-2`,itemLeadingIcon:`size-5`,itemLeadingAvatarSize:`2xs`,itemLeadingChip:`size-5`,itemLeadingChipSize:`md`,itemTrailingIcon:`size-5`,empty:`p-3 text-sm`},xl:{base:`px-3 py-2 text-base gap-2`,leading:`ps-3`,trailing:`pe-3`,leadingIcon:`size-6`,leadingAvatarSize:`xs`,trailingIcon:`size-6`,label:`p-2 text-sm gap-2`,item:`p-2 text-base gap-2`,itemLeadingIcon:`size-6`,itemLeadingAvatarSize:`xs`,itemLeadingChip:`size-6`,itemLeadingChipSize:`lg`,itemTrailingIcon:`size-6`,empty:`p-3 text-base`}},variant:{outline:`text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default`,soft:`text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50`,subtle:`text-highlighted bg-elevated ring ring-inset ring-accented hover:bg-accented/75 disabled:bg-elevated`,ghost:`text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent`,none:`text-highlighted bg-transparent focus:outline-none`},color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},leading:{true:``},trailing:{true:``},loading:{true:``},highlight:{true:``},fixed:{false:``},type:{file:`file:me-1.5 file:font-medium file:text-muted file:outline-none`},position:{popper:{content:`data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]`},"item-aligned":{content:``}},multiple:{true:``},virtualize:{true:{viewport:`p-1 isolate`},false:{viewport:`divide-y divide-default`}}},compoundVariants:[{color:`primary`,variant:[`outline`,`subtle`],class:`outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary`},{color:`secondary`,variant:[`outline`,`subtle`],class:`outline-secondary/25 focus-visible:outline-3 focus-visible:ring-secondary`},{color:`success`,variant:[`outline`,`subtle`],class:`outline-success/25 focus-visible:outline-3 focus-visible:ring-success`},{color:`info`,variant:[`outline`,`subtle`],class:`outline-info/25 focus-visible:outline-3 focus-visible:ring-info`},{color:`warning`,variant:[`outline`,`subtle`],class:`outline-warning/25 focus-visible:outline-3 focus-visible:ring-warning`},{color:`error`,variant:[`outline`,`subtle`],class:`outline-error/25 focus-visible:outline-3 focus-visible:ring-error`},{color:`primary`,variant:[`soft`,`ghost`],class:`outline-primary/25 focus-visible:outline-3`},{color:`secondary`,variant:[`soft`,`ghost`],class:`outline-secondary/25 focus-visible:outline-3`},{color:`success`,variant:[`soft`,`ghost`],class:`outline-success/25 focus-visible:outline-3`},{color:`info`,variant:[`soft`,`ghost`],class:`outline-info/25 focus-visible:outline-3`},{color:`warning`,variant:[`soft`,`ghost`],class:`outline-warning/25 focus-visible:outline-3`},{color:`error`,variant:[`soft`,`ghost`],class:`outline-error/25 focus-visible:outline-3`},{color:`primary`,highlight:!0,class:`ring ring-inset ring-primary`},{color:`secondary`,highlight:!0,class:`ring ring-inset ring-secondary`},{color:`success`,highlight:!0,class:`ring ring-inset ring-success`},{color:`info`,highlight:!0,class:`ring ring-inset ring-info`},{color:`warning`,highlight:!0,class:`ring ring-inset ring-warning`},{color:`error`,highlight:!0,class:`ring ring-inset ring-error`},{color:`neutral`,variant:[`outline`,`subtle`],class:`outline-inverted/25 focus-visible:outline-3 focus-visible:ring-inverted`},{color:`neutral`,variant:[`soft`,`ghost`],class:`outline-inverted/25 focus-visible:outline-3`},{color:`neutral`,highlight:!0,class:`ring ring-inset ring-inverted`},{leading:!0,size:`xs`,class:`ps-7`},{leading:!0,size:`sm`,class:`ps-8`},{leading:!0,size:`md`,class:`ps-9`},{leading:!0,size:`lg`,class:`ps-10`},{leading:!0,size:`xl`,class:`ps-11`},{trailing:!0,size:`xs`,class:`pe-7`},{trailing:!0,size:`sm`,class:`pe-8`},{trailing:!0,size:`md`,class:`pe-9`},{trailing:!0,size:`lg`,class:`pe-10`},{trailing:!0,size:`xl`,class:`pe-11`},{loading:!0,leading:!0,class:{leadingIcon:`animate-spin`}},{loading:!0,leading:!1,trailing:!0,class:{trailingIcon:`animate-spin`}},{fixed:!1,size:`xs`,class:`md:text-xs`},{fixed:!1,size:`sm`,class:`md:text-xs`},{fixed:!1,size:`md`,class:`md:text-sm`},{fixed:!1,size:`lg`,class:`md:text-sm`}],defaultVariants:{size:`md`,color:`primary`,variant:`outline`,position:`popper`}},U=Object.assign({inheritAttrs:!1},{__name:`SelectMenu`,props:b({id:{type:String,required:!1},placeholder:{type:String,required:!1},searchInput:{type:[Boolean,Object],required:!1,default:!0},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},required:{type:Boolean,required:!1},trailingIcon:{type:null,required:!1},selectedIcon:{type:null,required:!1},clear:{type:[Boolean,Object],required:!1},clearIcon:{type:null,required:!1},content:{type:Object,required:!1},arrow:{type:[Boolean,Object],required:!1},portal:{type:[Boolean,String],required:!1,skipCheck:!0,default:!0},virtualize:{type:[Boolean,Object],required:!1,default:!1},valueKey:{type:null,required:!1},labelKey:{type:null,required:!1,default:`label`},descriptionKey:{type:null,required:!1,default:`description`},items:{type:null,required:!1},defaultValue:{type:null,required:!1},modelValue:{type:null,required:!1},modelModifiers:{type:null,required:!1},multiple:{type:Boolean,required:!1},highlight:{type:Boolean,required:!1},createItem:{type:[Boolean,String,Object],required:!1},filterFields:{type:Array,required:!1},ignoreFilter:{type:Boolean,required:!1},autofocus:{type:Boolean,required:!1},autofocusDelay:{type:Number,required:!1,default:0},class:{type:null,required:!1},ui:{type:Object,required:!1},open:{type:Boolean,required:!1},defaultOpen:{type:Boolean,required:!1},disabled:{type:Boolean,required:!1},name:{type:String,required:!1},resetSearchTermOnBlur:{type:Boolean,required:!1,default:!0},resetSearchTermOnSelect:{type:Boolean,required:!1,default:!0},resetModelValueOnClear:{type:Boolean,required:!1,default:!0},highlightOnHover:{type:Boolean,required:!1},by:{type:[String,Function],required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},leading:{type:Boolean,required:!1},leadingIcon:{type:null,required:!1},trailing:{type:Boolean,required:!1},loading:{type:Boolean,required:!1},loadingIcon:{type:null,required:!1}},{searchTerm:{type:String,default:``},searchTermModifiers:{}}),emits:b([`change`,`blur`,`focus`,`create`,`clear`,`highlight`,`update:modelValue`,`update:open`],[`update:searchTerm`]),setup(v,{expose:b,emit:F}){let L=v,R=F,z=S(),B=we(`selectMenu`,L),V=re(v,`searchTerm`,{type:String,default:``}),{t:H}=te(),U=E(),{filterGroups:Ie}=_e(),Le=Te(oe(B,`modelValue`,`defaultValue`,`open`,`defaultOpen`,`required`,`multiple`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`resetModelValueOnClear`,`highlightOnHover`,`by`),R),Re=Ne(O(()=>B.portal)),ze=O(()=>n(B.content,{side:`bottom`,sideOffset:8,collisionPadding:8,position:`popper`})),Be=O(()=>n(B.arrow,{rounded:!0})),Ve=e(()=>typeof B.clear==`object`?B.clear:{}),He=O(()=>B.virtualize?n(typeof B.virtualize==`boolean`?{}:B.virtualize,{estimateSize:Pe(Y.value,G.value||`md`,B.descriptionKey,!!z[`item-description`])}):!1),Ue=O(()=>n(B.searchInput,{placeholder:H(`selectMenu.search`),variant:`none`})),{emitFormBlur:We,emitFormFocus:Ge,emitFormInput:Ke,emitFormChange:qe,size:Je,color:Ye,id:Xe,name:Ze,highlight:Qe,disabled:$e,ariaAttrs:et}=ke(L),{orientation:tt,size:nt}=De(L),{isLeading:W,isTrailing:rt,leadingIconName:it,trailingIconName:at}=Ee(O(()=>n(B,{trailingIcon:U.ui.icons.chevronDown}))),G=e(()=>nt.value||Je.value),[ot,K]=d(),[st,ct]=d({props:{item:{type:[Object,String,Number,Boolean],required:!0},index:{type:Number,required:!1}}}),q=e(()=>I({extend:I(Fe),...U.ui?.selectMenu||{}})({color:Ye.value??B.color,variant:B.variant,size:G?.value??B.size,loading:B.loading,highlight:Qe.value??B.highlight,leading:W.value||!!B.avatar||!!z.leading,trailing:rt.value||!!z.trailing,fieldGroup:tt.value,virtualize:!!B.virtualize,multiple:B.multiple}));function lt(e){if(B.multiple&&Array.isArray(e)){let t=e.map(e=>T(ut.value,e,{labelKey:B.labelKey,valueKey:B.valueKey,by:B.by})).filter(e=>e!=null&&e!==``);return t.length>0?t.join(`, `):void 0}return T(ut.value,e,{labelKey:B.labelKey,valueKey:B.valueKey,by:B.by})}let J=e(()=>B.items?.length?ne(B.items)?B.items:[B.items]:[]),ut=e(()=>J.value.flatMap(e=>e)),dt=e(()=>{if(B.ignoreFilter||!V.value)return J.value;let e=Array.isArray(B.filterFields)?B.filterFields:[B.labelKey];return Ie(J.value,V.value,{fields:e,isStructural:e=>$(e)&&!!e.type&&[`label`,`separator`].includes(e.type)})}),Y=e(()=>dt.value.flatMap(e=>e)),X=e(()=>{if(!B.createItem||!V.value)return!1;let e=B.valueKey?{[B.valueKey]:V.value}:V.value;return typeof B.createItem==`object`&&B.createItem.when===`always`||B.createItem===`always`?!Y.value.find(t=>ie(t,e,B.by??B.valueKey)):!Y.value.length}),Z=e(()=>typeof B.createItem==`object`?B.createItem.position:`bottom`),Q=k(`triggerRef`);function ft(){B.autofocus&&Q.value?.$el?.focus({focusVisible:!0})}x(()=>{setTimeout(()=>{ft()},B.autofocusDelay)});function pt(e){m(B.modelValue)!==e&&(B.modelModifiers?.trim&&(typeof e==`string`||e==null)&&(e=e?.trim()??null),B.modelModifiers?.number&&(e=ee(e)),B.modelModifiers?.nullable&&(e??=null),B.modelModifiers?.optional&&!B.modelModifiers?.nullable&&e!==null&&(e??=void 0),R(`change`,new Event(`change`,{target:{value:e}})),qe(),Ke(),B.resetSearchTermOnSelect&&(V.value=``))}let mt=se(!1);function ht(e){mt.value=e;let t;e?(R(`focus`,new FocusEvent(`focus`)),Ge(),clearTimeout(t)):(R(`blur`,new FocusEvent(`blur`)),We(),B.resetSearchTermOnBlur&&(t=setTimeout(()=>{V.value=``},100)))}function gt(e){e.preventDefault(),e.stopPropagation(),R(`create`,V.value)}function _t(e,t){if($(t)){if(t.disabled){e.preventDefault();return}t.onSelect?.(e)}}function $(e){return typeof e==`object`&&!!e}function vt(e){return B.multiple&&Array.isArray(e)?e.length===0:e==null||e===``}function yt(){R(`clear`)}let bt=k(`viewportRef`),xt=k(`comboboxRootRef`);return ae(()=>B.items,async()=>{mt.value&&(await c(),xt.value?.highlightFirstItem?.())},{flush:`post`}),b({triggerRef:O(()=>Q.value?.$el),viewportRef:O(()=>bt.value)}),(e,n)=>(g(),h(r,null,[l(f(ot),null,{default:A(()=>[l(f(he),{"data-slot":`item`,class:i(q.value.item({class:f(B).ui?.item})),value:V.value,onSelect:gt},{default:A(()=>[D(`span`,{"data-slot":`itemLabel`,class:i(q.value.itemLabel({class:f(B).ui?.itemLabel}))},[j(e.$slots,`create-item-label`,{item:V.value},()=>[s(_(f(H)(`selectMenu.create`,{label:V.value})),1)])],2)]),_:3},8,[`class`,`value`])]),_:3}),l(f(st),null,{default:A(({item:t,index:n})=>[$(t)&&t.type===`label`?(g(),u(f(xe),{key:0,"data-slot":`label`,class:i(q.value.label({class:[f(B).ui?.label,t.ui?.label,t.class]}))},{default:A(()=>[s(_(f(C)(t,f(B).labelKey)),1)]),_:2},1032,[`class`])):$(t)&&t.type===`separator`?(g(),u(f(le),{key:1,"data-slot":`separator`,class:i(q.value.separator({class:[f(B).ui?.separator,t.ui?.separator,t.class]}))},null,8,[`class`])):(g(),u(f(he),{key:2,"data-slot":`item`,class:i(q.value.item({class:[f(B).ui?.item,$(t)&&t.ui?.item,$(t)&&t.class]})),disabled:$(t)&&t.disabled,value:f(B).valueKey&&$(t)?f(C)(t,f(B).valueKey):t,onSelect:e=>_t(e,t)},{default:A(()=>[j(e.$slots,`item`,{item:t,index:n,ui:q.value},()=>[j(e.$slots,`item-leading`,{item:t,index:n,ui:q.value},()=>[$(t)&&t.icon?(g(),u(N,{key:0,name:t.icon,"data-slot":`itemLeadingIcon`,class:i(q.value.itemLeadingIcon({class:[f(B).ui?.itemLeadingIcon,t.ui?.itemLeadingIcon]}))},null,8,[`name`,`class`])):$(t)&&t.avatar?(g(),u(P,a({key:1,size:t.ui?.itemLeadingAvatarSize||f(B).ui?.itemLeadingAvatarSize||q.value.itemLeadingAvatarSize()},t.avatar,{"data-slot":`itemLeadingAvatar`,class:q.value.itemLeadingAvatar({class:[f(B).ui?.itemLeadingAvatar,t.ui?.itemLeadingAvatar]})}),null,16,[`size`,`class`])):$(t)&&t.chip?(g(),u(je,a({key:2,size:t.ui?.itemLeadingChipSize||f(B).ui?.itemLeadingChipSize||q.value.itemLeadingChipSize(),inset:``,standalone:``},t.chip,{"data-slot":`itemLeadingChip`,class:q.value.itemLeadingChip({class:[f(B).ui?.itemLeadingChip,t.ui?.itemLeadingChip]})}),null,16,[`size`,`class`])):p(``,!0)]),D(`span`,{"data-slot":`itemWrapper`,class:i(q.value.itemWrapper({class:[f(B).ui?.itemWrapper,$(t)&&t.ui?.itemWrapper]}))},[D(`span`,{"data-slot":`itemLabel`,class:i(q.value.itemLabel({class:[f(B).ui?.itemLabel,$(t)&&t.ui?.itemLabel]}))},[j(e.$slots,`item-label`,{item:t,index:n},()=>[s(_($(t)?f(C)(t,f(B).labelKey):t),1)])],2),$(t)&&(f(C)(t,f(B).descriptionKey)||z[`item-description`])?(g(),h(`span`,{key:0,"data-slot":`itemDescription`,class:i(q.value.itemDescription({class:[f(B).ui?.itemDescription,$(t)&&t.ui?.itemDescription]}))},[j(e.$slots,`item-description`,{item:t,index:n},()=>[s(_(f(C)(t,f(B).descriptionKey)),1)])],2)):p(``,!0)],2),D(`span`,{"data-slot":`itemTrailing`,class:i(q.value.itemTrailing({class:[f(B).ui?.itemTrailing,$(t)&&t.ui?.itemTrailing]}))},[j(e.$slots,`item-trailing`,{item:t,index:n,ui:q.value}),l(f(ue),{"as-child":``},{default:A(()=>[l(N,{name:f(B).selectedIcon||f(U).ui.icons.check,"data-slot":`itemTrailingIcon`,class:i(q.value.itemTrailingIcon({class:[f(B).ui?.itemTrailingIcon,$(t)&&t.ui?.itemTrailingIcon]}))},null,8,[`name`,`class`])]),_:2},1024)],2)])]),_:2},1032,[`class`,`disabled`,`value`,`onSelect`]))]),_:3}),l(f(ce),a({ref_key:`comboboxRootRef`,ref:xt},f(Le),{"ignore-filter":``,"as-child":``,name:f(Ze),disabled:f($e),"onUpdate:modelValue":pt,"onUpdate:open":ht}),{default:A(({modelValue:c,open:d})=>[l(f(fe),{"as-child":``},{default:A(()=>[l(f(me),a({id:f(Xe),ref_key:`triggerRef`,ref:Q,"data-slot":`base`,class:q.value.base({class:[f(B).ui?.base,f(B).class]}),tabindex:`0`},{...e.$attrs,...f(et)}),{default:A(()=>[f(W)||f(B).avatar||z.leading?(g(),h(`span`,{key:0,"data-slot":`leading`,class:i(q.value.leading({class:f(B).ui?.leading}))},[j(e.$slots,`leading`,{modelValue:c,open:d,ui:q.value},()=>[f(W)&&f(it)?(g(),u(N,{key:0,name:f(it),"data-slot":`leadingIcon`,class:i(q.value.leadingIcon({class:f(B).ui?.leadingIcon}))},null,8,[`name`,`class`])):f(B).avatar?(g(),u(P,a({key:1,size:f(B).ui?.itemLeadingAvatarSize||q.value.itemLeadingAvatarSize()},f(B).avatar,{"data-slot":`itemLeadingAvatar`,class:q.value.itemLeadingAvatar({class:f(B).ui?.itemLeadingAvatar})}),null,16,[`size`,`class`])):p(``,!0)])],2)):p(``,!0),j(e.$slots,`default`,{modelValue:c,open:d,ui:q.value},()=>[(g(!0),h(r,null,w([lt(c)],e=>(g(),h(r,{key:e},[e==null?(g(),h(`span`,{key:1,"data-slot":`placeholder`,class:i(q.value.placeholder({class:f(B).ui?.placeholder}))},_(f(B).placeholder??`\xA0`),3)):(g(),h(`span`,{key:0,"data-slot":`value`,class:i(q.value.value({class:f(B).ui?.value}))},_(e),3))],64))),128))]),f(rt)||z.trailing||f(B).clear?(g(),h(`span`,{key:1,"data-slot":`trailing`,class:i(q.value.trailing({class:f(B).ui?.trailing}))},[j(e.$slots,`trailing`,{modelValue:c,open:d,ui:q.value},()=>[f(B).clear&&!vt(c)?(g(),u(f(ge),{key:0,"as-child":``},{default:A(()=>[l(Ae,a({as:`span`,icon:f(B).clearIcon||f(U).ui.icons.close,size:G.value,variant:`link`,color:`neutral`,tabindex:`-1`},Ve.value,{"data-slot":`trailingClear`,class:q.value.trailingClear({class:f(B).ui?.trailingClear}),onClick:y(yt,[`stop`])}),null,16,[`icon`,`size`,`class`])]),_:1})):f(at)?(g(),u(N,{key:1,name:f(at),"data-slot":`trailingIcon`,class:i(q.value.trailingIcon({class:f(B).ui?.trailingIcon}))},null,8,[`name`,`class`])):p(``,!0)])],2)):p(``,!0)]),_:2},1040,[`id`,`class`])]),_:2},1024),l(f(ve),o(t(f(Re))),{default:A(()=>[l(f(Oe),null,{default:A(()=>[l(f(ye),a({"data-slot":`content`,class:q.value.content({class:f(B).ui?.content})},ze.value),{default:A(()=>[l(f(Me),{trapped:``,"data-slot":`focusScope`,class:i(q.value.focusScope({class:f(B).ui?.focusScope}))},{default:A(()=>[j(e.$slots,`content-top`),f(B).searchInput?(g(),u(f(Ce),{key:0,modelValue:V.value,"onUpdate:modelValue":n[1]||=e=>V.value=e,"display-value":()=>V.value,"as-child":``},{default:A(()=>[l(Se,a({autofocus:``,autocomplete:`off`,size:G.value},Ue.value,{"model-modifiers":{trim:f(B).modelModifiers?.trim},"data-slot":`input`,class:q.value.input({class:f(B).ui?.input}),onChange:n[0]||=y(()=>{},[`stop`])}),null,16,[`size`,`model-modifiers`,`class`])]),_:1},8,[`modelValue`,`display-value`])):p(``,!0),l(f(de),{"data-slot":`empty`,class:i(q.value.empty({class:f(B).ui?.empty}))},{default:A(()=>[j(e.$slots,`empty`,{searchTerm:V.value},()=>[s(_(V.value?f(H)(`selectMenu.noMatch`,{searchTerm:V.value}):f(H)(`selectMenu.noData`)),1)])]),_:3},8,[`class`]),D(`div`,{ref_key:`viewportRef`,ref:bt,role:`presentation`,"data-slot":`viewport`,class:i(q.value.viewport({class:f(B).ui?.viewport}))},[f(B).virtualize?(g(),h(r,{key:0},[X.value&&Z.value===`top`?(g(),u(f(K),{key:0})):p(``,!0),l(f(be),a({options:Y.value,"text-content":e=>$(e)?f(C)(e,f(B).labelKey):String(e)},He.value),{default:A(({option:e,virtualItem:t})=>[l(f(ct),{item:e,index:t.index},null,8,[`item`,`index`])]),_:1},16,[`options`,`text-content`]),X.value&&Z.value===`bottom`?(g(),u(f(K),{key:1})):p(``,!0)],64)):(g(),h(r,{key:1},[X.value&&Z.value===`top`?(g(),u(f(M),{key:0,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[l(f(K))]),_:1},8,[`class`])):p(``,!0),(g(!0),h(r,null,w(dt.value,(e,t)=>(g(),u(f(M),{key:`group-${t}`,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[(g(!0),h(r,null,w(e,(e,n)=>(g(),u(f(ct),{key:`group-${t}-${n}`,item:e,index:n},null,8,[`item`,`index`]))),128))]),_:2},1032,[`class`]))),128)),X.value&&Z.value===`bottom`?(g(),u(f(M),{key:1,"data-slot":`group`,class:i(q.value.group({class:f(B).ui?.group}))},{default:A(()=>[l(f(K))]),_:1},8,[`class`])):p(``,!0)],64))],2),j(e.$slots,`content-bottom`)]),_:3},8,[`class`]),f(B).arrow?(g(),u(f(pe),a({key:0},Be.value,{"data-slot":`arrow`,class:q.value.arrow({class:f(B).ui?.arrow})}),null,16,[`class`])):p(``,!0)]),_:3},16,[`class`])]),_:3})]),_:3},16)]),_:3},16,[`name`,`disabled`])],64))}});export{R as i,Pe as n,B as r,U as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Pt as e,Qt as t}from"./index.spa-
|
|
1
|
+
import{Pt as e,Qt as t}from"./index.spa-92WvmWuv.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";var r={};function i(n,r){return t(),e(`div`,null,` Settings `)}var a=n(r,[[`render`,i]]);export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Pt as e,Qt as t}from"./index.spa-C7iKiCvX.js";import{t as n}from"./_plugin-vue_export-helper-BDNMzG2s.js";var r={};function i(n,r){return t(),e(`div`,null,` Settings `)}var a=n(r,[[`render`,i]]);export{a as default};
|