mira-app-server/web/assets/js/TabsTrigger-BT8zVtVt.js

Mira Server - standalone server application using mira-app-core

import{aW as O,aJ as g,cx as A,de as k,c8 as I,bZ as _,at as m,dq as f,aH as w,cB as s,G as S,cc as y,aw as x,cT as D,al as h,bV as L,bX as Z,bJ as ee,cM as R,cl as te,bQ as ae,bN as re,av as se,P as oe,ds as ne,dt as le,c6 as B,cO as ie,ak as P,a1 as M,bM as ue,b7 as de,bB as V,cN as ce}from"./index-OOzZz4T6.js";import{a as K,u as N}from"./Collection-xoV-DHwv.js";const pe="rovingFocusGroup.onEntryFocus",fe={bubbles:!1,cancelable:!0},ve={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function be(r,t){return t!=="rtl"?r:r==="ArrowLeft"?"ArrowRight":r==="ArrowRight"?"ArrowLeft":r}function ge(r,t,a){const e=be(r.key,a);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(e))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(e)))return ve[e]}function U(r,t=!1){const a=O();for(const e of r)if(e===a||(e.focus({preventScroll:t}),O()!==a))return}function _e(r,t){return r.map((a,e)=>r[(t+e)%r.length])}const[me,ye]=x("RovingFocusGroup");var Te=g({__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(r,{expose:t,emit:a}){const e=r,n=a,{loop:u,orientation:c,dir:l}=A(e),p=K(l),o=k(e,"currentTabStopId",n,{defaultValue:e.defaultCurrentTabStopId,passive:e.currentTabStopId===void 0}),d=I(!1),i=I(!1),v=I(0),{getItems:E,CollectionSlot:z}=N({isProvider:!0});function H(b){const q=!i.value;if(b.currentTarget&&b.target===b.currentTarget&&q&&!d.value){const C=new CustomEvent(pe,fe);if(b.currentTarget.dispatchEvent(C),n("entryFocus",C),!C.defaultPrevented){const F=E().map(T=>T.ref).filter(T=>T.dataset.disabled!==""),J=F.find(T=>T.getAttribute("data-active")===""),Q=F.find(T=>T.getAttribute("data-highlighted")===""),W=F.find(T=>T.id===o.value),X=[J,Q,W,...F].filter(Boolean);U(X,e.preventScrollOnEntryFocus)}}i.value=!1}function Y(){setTimeout(()=>{i.value=!1},1)}return t({getItems:E}),ye({loop:u,dir:p,orientation:c,currentTabStopId:o,onItemFocus:b=>{o.value=b},onItemShiftTab:()=>{d.value=!0},onFocusableItemAdd:()=>{v.value++},onFocusableItemRemove:()=>{v.value--}}),(b,q)=>(_(),m(s(z),null,{default:f(()=>[w(s(S),{tabindex:d.value||v.value===0?-1:0,"data-orientation":s(c),as:b.as,"as-child":b.asChild,dir:s(p),style:{outline:"none"},onMousedown:q[0]||(q[0]=C=>i.value=!0),onMouseup:Y,onFocus:H,onBlur:q[1]||(q[1]=C=>d.value=!1)},{default:f(()=>[y(b.$slots,"default")]),_:3},8,["tabindex","data-orientation","as","as-child","dir"])]),_:3}))}}),he=Te,qe=g({__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(r){const t=r,a=me(),e=D(),n=h(()=>t.tabStopId||e),u=h(()=>a.currentTabStopId.value===n.value),{getItems:c,CollectionItem:l}=N();L(()=>{t.focusable&&a.onFocusableItemAdd()}),Z(()=>{t.focusable&&a.onFocusableItemRemove()});function p(o){if(o.key==="Tab"&&o.shiftKey){a.onItemShiftTab();return}if(o.target!==o.currentTarget)return;const d=ge(o,a.orientation.value,a.dir.value);if(d!==void 0){if(o.metaKey||o.ctrlKey||o.altKey||!t.allowShiftKey&&o.shiftKey)return;o.preventDefault();let i=[...c().map(v=>v.ref).filter(v=>v.dataset.disabled!=="")];if(d==="last")i.reverse();else if(d==="prev"||d==="next"){d==="prev"&&i.reverse();const v=i.indexOf(o.currentTarget);i=a.loop.value?_e(i,v+1):i.slice(v+1)}ee(()=>U(i))}}return(o,d)=>(_(),m(s(l),null,{default:f(()=>[w(s(S),{tabindex:u.value?0:-1,"data-orientation":s(a).orientation.value,"data-active":o.active?"":void 0,"data-disabled":o.focusable?void 0:"",as:o.as,"as-child":o.asChild,onMousedown:d[0]||(d[0]=i=>{o.focusable?s(a).onItemFocus(n.value):i.preventDefault()}),onFocus:d[1]||(d[1]=i=>s(a).onItemFocus(n.value)),onKeydown:p},{default:f(()=>[y(o.$slots,"default")]),_:3},8,["tabindex","data-orientation","data-active","data-disabled","as","as-child"])]),_:3}))}}),Se=qe;const[$,Ce]=x("TabsRoot");var Ie=g({__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(r,{emit:t}){const a=r,e=t,{orientation:n,unmountOnHide:u,dir:c}=A(a),l=K(c);R();const p=k(a,"modelValue",e,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),o=I(),d=te(new Set);return Ce({modelValue:p,changeModelValue:i=>{p.value=i},orientation:n,dir:l,unmountOnHide:u,activationMode:a.activationMode,baseId:D(void 0,"reka-tabs"),tabsList:o,contentIds:d,registerContent:i=>{d.value=new Set([...d.value,i])},unregisterContent:i=>{const v=new Set(d.value);v.delete(i),d.value=v}}),(i,v)=>(_(),m(s(S),{dir:s(l),"data-orientation":s(n),"as-child":i.asChild,as:i.as},{default:f(()=>[y(i.$slots,"default",{modelValue:s(p)})]),_:3},8,["dir","data-orientation","as-child","as"]))}}),we=Ie;function j(r,t){return`${r}-trigger-${t}`}function G(r,t){return`${r}-content-${t}`}var Fe=g({__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(r){const t=r,{forwardRef:a}=R(),e=$(),n=h(()=>j(e.baseId,t.value)),u=h(()=>G(e.baseId,t.value)),c=h(()=>t.value===e.modelValue.value),l=I(c.value);return L(()=>{e.registerContent(t.value),requestAnimationFrame(()=>{l.value=!1})}),ae(()=>{e.unregisterContent(t.value)}),(p,o)=>(_(),m(s(oe),{present:p.forceMount||c.value,"force-mount":""},{default:f(({present:d})=>[w(s(S),{id:u.value,ref:s(a),"as-child":p.asChild,as:p.as,role:"tabpanel","data-state":c.value?"active":"inactive","data-orientation":s(e).orientation.value,"aria-labelledby":n.value,hidden:!d,tabindex:"0",style:re({animationDuration:l.value?"0s":void 0})},{default:f(()=>[!s(e).unmountOnHide.value||d?y(p.$slots,"default",{key:0}):se("v-if",!0)]),_:2},1032,["id","as-child","as","data-state","data-orientation","aria-labelledby","hidden","style"])]),_:3},8,["present"]))}}),Re=Fe,Be=g({__name:"TabsList",props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(r){const t=r,{loop:a}=A(t),{forwardRef:e,currentElement:n}=R(),u=$();return u.tabsList=n,(c,l)=>(_(),m(s(he),{"as-child":"",orientation:s(u).orientation.value,dir:s(u).dir.value,loop:s(a)},{default:f(()=>[w(s(S),{ref:s(e),role:"tablist","as-child":c.asChild,as:c.as,"aria-orientation":s(u).orientation.value},{default:f(()=>[y(c.$slots,"default")]),_:3},8,["as-child","as","aria-orientation"])]),_:3},8,["orientation","dir","loop"]))}}),Pe=Be,Me=g({__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(r){const t=r,{forwardRef:a}=R(),e=$(),n=h(()=>j(e.baseId,t.value)),u=h(()=>e.contentIds.value.has(t.value)?G(e.baseId,t.value):void 0),c=h(()=>t.value===e.modelValue.value);return(l,p)=>(_(),m(s(Se),{"as-child":"",focusable:!l.disabled,active:c.value},{default:f(()=>[w(s(S),{id:n.value,ref:s(a),role:"tab",type:l.as==="button"?"button":void 0,as:l.as,"as-child":l.asChild,"aria-selected":c.value?"true":"false","aria-controls":u.value,"data-state":c.value?"active":"inactive",disabled:l.disabled,"data-disabled":l.disabled?"":void 0,"data-orientation":s(e).orientation.value,onMousedown:p[0]||(p[0]=le(o=>{!l.disabled&&o.ctrlKey===!1?s(e).changeModelValue(l.value):o.preventDefault()},["left"])),onKeydown:p[1]||(p[1]=ne(o=>s(e).changeModelValue(l.value),["enter","space"])),onFocus:p[2]||(p[2]=()=>{const o=s(e).activationMode!=="manual";!c.value&&!l.disabled&&o&&s(e).changeModelValue(l.value)})},{default:f(()=>[y(l.$slots,"default")]),_:3},8,["id","type","as","as-child","aria-selected","aria-controls","data-state","disabled","data-disabled","data-orientation"])]),_:3},8,["focusable","active"]))}}),Ve=Me;const Ae=g({__name:"Tabs",props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1},dir:{type:String,required:!1},activationMode:{type:String,required:!1},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},class:{type:null,required:!1}},emits:["update:modelValue"],setup(r,{expose:t,emit:a}){t();const e=r,n=a,u=B(e,"class"),c=ie(u,n),l={props:e,emits:n,delegatedProps:u,forwarded:c,get TabsRoot(){return we},get cn(){return P}};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}});function $e(r,t,a,e,n,u){return _(),m(e.TabsRoot,V({"data-slot":"tabs"},e.forwarded,{class:e.cn("flex flex-col gap-2",e.props.class)}),{default:f(c=>[y(r.$slots,"default",ue(de(c)))]),_:3},16,["class"])}const Ue=M(Ae,[["render",$e],["__file","D:/mira_typescript/packages/mira-client/src/components/ui/tabs/Tabs.vue"]]),Ee=g({__name:"TabsContent",props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},class:{type:null,required:!1}},setup(r,{expose:t}){t();const a=r,e=B(a,"class"),n={props:a,delegatedProps:e,get TabsContent(){return Re},get cn(){return P}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}});function Oe(r,t,a,e,n,u){return _(),m(e.TabsContent,V({"data-slot":"tabs-content",class:e.cn("flex-1 outline-none",e.props.class)},e.delegatedProps),{default:f(()=>[y(r.$slots,"default")]),_:3},16,["class"])}const je=M(Ee,[["render",Oe],["__file","D:/mira_typescript/packages/mira-client/src/components/ui/tabs/TabsContent.vue"]]),ke=g({__name:"TabsList",props:{loop:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},class:{type:null,required:!1}},setup(r,{expose:t}){t();const a=r,e=B(a,"class"),n={props:a,delegatedProps:e,get TabsList(){return Pe},get cn(){return P}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}});function xe(r,t,a,e,n,u){return _(),m(e.TabsList,V({"data-slot":"tabs-list"},e.delegatedProps,{class:e.cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-0.75",e.props.class)}),{default:f(()=>[y(r.$slots,"default")]),_:3},16,["class"])}const Ge=M(ke,[["render",xe],["__file","D:/mira_typescript/packages/mira-client/src/components/ui/tabs/TabsList.vue"]]),De=g({__name:"TabsTrigger",props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},class:{type:null,required:!1}},setup(r,{expose:t}){t();const a=r,e=B(a,"class"),n=ce(e),u={props:a,delegatedProps:e,forwardedProps:n,get TabsTrigger(){return Ve},get cn(){return P}};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}});function Le(r,t,a,e,n,u){return _(),m(e.TabsTrigger,V({"data-slot":"tabs-trigger",class:e.cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-3 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e.props.class)},e.forwardedProps),{default:f(()=>[y(r.$slots,"default")]),_:3},16,["class"])}const ze=M(De,[["render",Le],["__file","D:/mira_typescript/packages/mira-client/src/components/ui/tabs/TabsTrigger.vue"]]);export{he as R,Ue as T,Se as a,je as b,Ge as c,ze as d};