mira-app-server/web/assets/js/Slider-IdZsXzZo.js

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

import{aw as Z,aJ as B,cx as X,cM as k,c8 as M,al as c,bZ as x,at as D,dq as E,cc as A,cB as e,bN as U,de as se,cg as ue,bB as H,av as de,cv as me,G as F,bV as fe,bX as ve,aH as L,cZ as pe,c6 as ce,cO as ye,ak as ge,a1 as Se,ax as be,x as he,cb as we}from"./index-OOzZz4T6.js";import{f as J}from"./SelectValue-BTic8Ggd.js";import{a as _e,u as W}from"./Collection-xoV-DHwv.js";import{n as qe,V as Ce,q as xe}from"./TooltipTrigger-BN8IaDgz.js";function De(l=[],n,t){const a=[...l];return a[t]=n,a.sort((s,d)=>s-d)}function Q(l,n,t){const d=100/(t-n)*(l-n);return J(d,0,100)}function Ee(l,n){return n>2?`Value ${l+1} of ${n}`:n===2?["Minimum","Maximum"][l]:void 0}function Ve(l,n){if(l.length===1)return 0;const t=l.map(s=>Math.abs(s-n)),a=Math.min(...t);return t.indexOf(a)}function Ke(l,n,t){const a=l/2,d=j([0,50],[0,a]);return(a-d(n)*t)*t}function Be(l){return l.slice(0,-1).map((n,t)=>l[t+1]-n)}function Re(l,n){if(n>0){const t=Be(l);return Math.min(...t)>=n}return!0}function j(l,n){return t=>{if(l[0]===l[1]||n[0]===n[1])return n[0];const a=(n[1]-n[0])/(l[1]-l[0]);return n[0]+a*(t-l[0])}}function Ae(l){return(String(l).split(".")[1]||"").length}function Pe(l,n){const t=10**n;return Math.round(l*t)/t}const ee=["PageUp","PageDown"],te=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],ae={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageUp","ArrowUp","ArrowLeft"]},[ne,re]=Z(["SliderVertical","SliderHorizontal"]);var Me=B({__name:"SliderHorizontal",props:{dir:{type:String,required:!1},min:{type:Number,required:!0},max:{type:Number,required:!0},inverted:{type:Boolean,required:!0}},emits:["slideEnd","slideStart","slideMove","homeKeyDown","endKeyDown","stepKeyDown"],setup(l,{emit:n}){const t=l,a=n,{max:s,min:d,dir:i,inverted:r}=X(t),{forwardRef:f,currentElement:y}=k(),h=T(),_=M(),w=M(),q=c(()=>i?.value!=="rtl"&&!r.value||i?.value!=="ltr"&&r.value);function g(u,o){const m=w.value||y.value.getBoundingClientRect(),b=[...h.thumbElements.value][h.valueIndexToChangeRef.value],R=h.thumbAlignment.value==="contain"?b.clientWidth:0;!_.value&&!o&&h.thumbAlignment.value==="contain"&&(_.value=u.clientX-b.getBoundingClientRect().left);const N=[0,m.width-R],K=q.value?[d.value,s.value]:[s.value,d.value],I=j(N,K);w.value=m;const v=o?u.clientX-m.left-R/2:u.clientX-m.left-(_.value??0);return I(v)}const V=c(()=>q.value?"left":"right"),z=c(()=>q.value?"right":"left"),S=c(()=>q.value?1:-1);return re({startEdge:V,endEdge:z,direction:S,size:"width"}),(u,o)=>(x(),D(le,{ref:e(f),dir:e(i),"data-orientation":"horizontal",style:U({"--reka-slider-thumb-transform":!q.value&&e(h).thumbAlignment.value==="overflow"?"translateX(50%)":"translateX(-50%)"}),onSlideStart:o[0]||(o[0]=m=>{const b=g(m,!0);a("slideStart",b)}),onSlideMove:o[1]||(o[1]=m=>{const b=g(m);a("slideMove",b)}),onSlideEnd:o[2]||(o[2]=()=>{w.value=void 0,_.value=void 0,a("slideEnd")}),onStepKeyDown:o[3]||(o[3]=m=>{const b=q.value?"from-left":"from-right",R=e(ae)[b].includes(m.key);a("stepKeyDown",m,R?-1:1)}),onEndKeyDown:o[4]||(o[4]=m=>a("endKeyDown",m)),onHomeKeyDown:o[5]||(o[5]=m=>a("homeKeyDown",m))},{default:E(()=>[A(u.$slots,"default")]),_:3},8,["dir","style"]))}}),ke=Me,Ie=B({__name:"SliderVertical",props:{min:{type:Number,required:!0},max:{type:Number,required:!0},inverted:{type:Boolean,required:!0}},emits:["slideEnd","slideStart","slideMove","homeKeyDown","endKeyDown","stepKeyDown"],setup(l,{emit:n}){const t=l,a=n,{max:s,min:d,inverted:i}=X(t),r=T(),{forwardRef:f,currentElement:y}=k(),h=M(),_=M(),w=c(()=>!i.value);function q(S,u){const o=_.value||y.value.getBoundingClientRect(),m=[...r.thumbElements.value][r.valueIndexToChangeRef.value],b=r.thumbAlignment.value==="contain"?m.clientHeight:0;!h.value&&!u&&r.thumbAlignment.value==="contain"&&(h.value=S.clientY-m.getBoundingClientRect().top);const R=[0,o.height-b],N=w.value?[s.value,d.value]:[d.value,s.value],K=j(R,N),I=u?S.clientY-o.top-b/2:S.clientY-o.top-(h.value??0);return _.value=o,K(I)}const g=c(()=>w.value?"bottom":"top"),V=c(()=>w.value?"top":"bottom"),z=c(()=>w.value?1:-1);return re({startEdge:g,endEdge:V,direction:z,size:"height"}),(S,u)=>(x(),D(le,{ref:e(f),"data-orientation":"vertical",style:U({"--reka-slider-thumb-transform":!w.value&&e(r).thumbAlignment.value==="overflow"?"translateY(-50%)":"translateY(50%)"}),onSlideStart:u[0]||(u[0]=o=>{const m=q(o,!0);a("slideStart",m)}),onSlideMove:u[1]||(u[1]=o=>{const m=q(o);a("slideMove",m)}),onSlideEnd:u[2]||(u[2]=()=>{_.value=void 0,h.value=void 0,a("slideEnd")}),onStepKeyDown:u[3]||(u[3]=o=>{const m=w.value?"from-bottom":"from-top",b=e(ae)[m].includes(o.key);a("stepKeyDown",o,b?-1:1)}),onEndKeyDown:u[4]||(u[4]=o=>a("endKeyDown",o)),onHomeKeyDown:u[5]||(u[5]=o=>a("homeKeyDown",o))},{default:E(()=>[A(S.$slots,"default")]),_:3},8,["style"]))}}),Te=Ie;const[T,ze]=Z("SliderRoot");var Ne=B({inheritAttrs:!1,__name:"SliderRoot",props:{defaultValue:{type:Array,required:!1,default:()=>[0]},modelValue:{type:[Array,null],required:!1},disabled:{type:Boolean,required:!1,default:!1},orientation:{type:String,required:!1,default:"horizontal"},dir:{type:String,required:!1},inverted:{type:Boolean,required:!1,default:!1},min:{type:Number,required:!1,default:0},max:{type:Number,required:!1,default:100},step:{type:Number,required:!1,default:1},minStepsBetweenThumbs:{type:Number,required:!1,default:0},thumbAlignment:{type:String,required:!1,default:"contain"},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"},name:{type:String,required:!1},required:{type:Boolean,required:!1}},emits:["update:modelValue","valueCommit"],setup(l,{emit:n}){const t=l,a=n,{min:s,max:d,step:i,minStepsBetweenThumbs:r,orientation:f,disabled:y,thumbAlignment:h,dir:_}=X(t),w=_e(_),{forwardRef:q,currentElement:g}=k(),V=qe(g),{CollectionSlot:z}=W({isProvider:!0}),S=se(t,"modelValue",a,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),u=c(()=>Array.isArray(S.value)?[...S.value]:[]),o=M(0),m=M(u.value);function b(v){const p=Ve(u.value,v);K(v,p)}function R(v){K(v,o.value)}function N(){const v=m.value[o.value];u.value[o.value]!==v&&a("valueCommit",me(u.value))}function K(v,p,{commit:C}={commit:!1}){const O=Ae(i.value),G=Pe(Math.round((v-s.value)/i.value)*i.value+s.value,O),Y=J(G,s.value,d.value),P=De(u.value,Y,p);if(Re(P,r.value*i.value)){o.value=P.indexOf(Y);const $=String(P)!==String(S.value);$&&C&&a("valueCommit",P),$&&(I.value[o.value]?.focus(),S.value=P)}}const I=M([]);return ze({modelValue:S,currentModelValue:u,valueIndexToChangeRef:o,thumbElements:I,orientation:f,min:s,max:d,disabled:y,thumbAlignment:h}),(v,p)=>(x(),D(e(z),null,{default:E(()=>[(x(),D(ue(e(f)==="horizontal"?ke:Te),H(v.$attrs,{ref:e(q),"as-child":v.asChild,as:v.as,min:e(s),max:e(d),dir:e(w),inverted:v.inverted,"aria-disabled":e(y),"data-disabled":e(y)?"":void 0,onPointerdown:p[0]||(p[0]=()=>{e(y)||(m.value=u.value)}),onSlideStart:p[1]||(p[1]=C=>!e(y)&&b(C)),onSlideMove:p[2]||(p[2]=C=>!e(y)&&R(C)),onSlideEnd:p[3]||(p[3]=C=>!e(y)&&N()),onHomeKeyDown:p[4]||(p[4]=C=>!e(y)&&K(e(s),0,{commit:!0})),onEndKeyDown:p[5]||(p[5]=C=>!e(y)&&K(e(d),u.value.length-1,{commit:!0})),onStepKeyDown:p[6]||(p[6]=(C,O)=>{if(!e(y)){const P=e(ee).includes(C.key)||C.shiftKey&&e(te).includes(C.key)?10:1,$=o.value,oe=u.value[$],ie=e(i)*P*O;K(oe+ie,$,{commit:!0})}})}),{default:E(()=>[A(v.$slots,"default",{modelValue:e(S)}),e(V)&&v.name?(x(),D(e(Ce),{key:0,type:"number",value:e(S),name:v.name,required:v.required,disabled:e(y),step:e(i)},null,8,["value","name","required","disabled","step"])):de("v-if",!0)]),_:3},16,["as-child","as","min","max","dir","inverted","aria-disabled","data-disabled"]))]),_:3}))}}),$e=Ne,He=B({__name:"SliderImpl",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},emits:["slideStart","slideMove","slideEnd","homeKeyDown","endKeyDown","stepKeyDown"],setup(l,{emit:n}){const t=l,a=n,s=T();return(d,i)=>(x(),D(e(F),H({"data-slider-impl":""},t,{onKeydown:i[0]||(i[0]=r=>{r.key==="Home"?(a("homeKeyDown",r),r.preventDefault()):r.key==="End"?(a("endKeyDown",r),r.preventDefault()):e(ee).concat(e(te)).includes(r.key)&&(a("stepKeyDown",r),r.preventDefault())}),onPointerdown:i[1]||(i[1]=r=>{const f=r.target;f.setPointerCapture(r.pointerId),r.preventDefault(),e(s).thumbElements.value.includes(f)?f.focus():a("slideStart",r)}),onPointermove:i[2]||(i[2]=r=>{r.target.hasPointerCapture(r.pointerId)&&a("slideMove",r)}),onPointerup:i[3]||(i[3]=r=>{const f=r.target;f.hasPointerCapture(r.pointerId)&&(f.releasePointerCapture(r.pointerId),a("slideEnd",r))})}),{default:E(()=>[A(d.$slots,"default")]),_:3},16))}}),le=He,Fe=B({__name:"SliderRange",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(l){const n=T(),t=ne();k();const a=c(()=>n.currentModelValue.value.map(i=>Q(i,n.min.value,n.max.value))),s=c(()=>n.currentModelValue.value.length>1?Math.min(...a.value):0),d=c(()=>100-Math.max(...a.value,0));return(i,r)=>(x(),D(e(F),{"data-disabled":e(n).disabled.value?"":void 0,"data-orientation":e(n).orientation.value,"as-child":i.asChild,as:i.as,style:U({[e(t).startEdge.value]:`${s.value}%`,[e(t).endEdge.value]:`${d.value}%`})},{default:E(()=>[A(i.$slots,"default")]),_:3},8,["data-disabled","data-orientation","as-child","as","style"]))}}),Oe=Fe,Ye=B({inheritAttrs:!1,__name:"SliderThumbImpl",props:{index:{type:Number,required:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(l){const n=l,t=T(),a=ne(),{forwardRef:s,currentElement:d}=k(),{CollectionItem:i}=W(),r=c(()=>t.modelValue?.value?.[n.index]),f=c(()=>r.value===void 0?0:Q(r.value,t.min.value??0,t.max.value??100)),y=c(()=>Ee(n.index,t.modelValue?.value?.length??0)),h=xe(d),_=c(()=>h[a.size].value),w=c(()=>t.thumbAlignment.value==="overflow"||!_.value?0:Ke(_.value,f.value,a.direction.value)),q=pe();return fe(()=>{t.thumbElements.value.push(d.value)}),ve(()=>{const g=t.thumbElements.value.findIndex(V=>V===d.value)??-1;t.thumbElements.value.splice(g,1)}),(g,V)=>(x(),D(e(i),null,{default:E(()=>[L(e(F),H(g.$attrs,{ref:e(s),role:"slider",tabindex:e(t).disabled.value?void 0:0,"aria-label":g.$attrs["aria-label"]||y.value,"data-disabled":e(t).disabled.value?"":void 0,"data-orientation":e(t).orientation.value,"aria-valuenow":r.value,"aria-valuemin":e(t).min.value,"aria-valuemax":e(t).max.value,"aria-orientation":e(t).orientation.value,"as-child":g.asChild,as:g.as,style:{transform:"var(--reka-slider-thumb-transform)",position:"absolute",[e(a).startEdge.value]:`calc(${f.value}% + ${w.value}px)`,display:!e(q)&&r.value===void 0?"none":void 0},onFocus:V[0]||(V[0]=()=>{e(t).valueIndexToChangeRef.value=g.index})}),{default:E(()=>[A(g.$slots,"default")]),_:3},16,["tabindex","aria-label","data-disabled","data-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-orientation","as-child","as","style"])]),_:3}))}}),Le=Ye,Xe=B({__name:"SliderThumb",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(l){const n=l,{getItems:t}=W(),{forwardRef:a,currentElement:s}=k(),d=c(()=>s.value?t(!0).findIndex(i=>i.ref===s.value):-1);return(i,r)=>(x(),D(Le,H({ref:e(a)},n,{index:d.value}),{default:E(()=>[A(i.$slots,"default")]),_:3},16,["index"]))}}),Ue=Xe,We=B({__name:"SliderTrack",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(l){const n=T();return k(),(t,a)=>(x(),D(e(F),{"as-child":t.asChild,as:t.as,"data-disabled":e(n).disabled.value?"":void 0,"data-orientation":e(n).orientation.value},{default:E(()=>[A(t.$slots,"default")]),_:3},8,["as-child","as","data-disabled","data-orientation"]))}}),je=We;const Ge=B({__name:"Slider",props:{defaultValue:{type:Array,required:!1},modelValue:{type:[Array,null],required:!1},disabled:{type:Boolean,required:!1},orientation:{type:String,required:!1},dir:{type:String,required:!1},inverted:{type:Boolean,required:!1},min:{type:Number,required:!1},max:{type:Number,required:!1},step:{type:Number,required:!1},minStepsBetweenThumbs:{type:Number,required:!1},thumbAlignment:{type:String,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1},name:{type:String,required:!1},required:{type:Boolean,required:!1},class:{type:null,required:!1}},emits:["update:modelValue","valueCommit"],setup(l,{expose:n,emit:t}){n();const a=l,s=t,d=ce(a,"class"),i=ye(d,s),r={props:a,emits:s,delegatedProps:d,forwarded:i,get SliderRange(){return Oe},get SliderRoot(){return $e},get SliderThumb(){return Ue},get SliderTrack(){return je},get cn(){return ge}};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}});function Ze(l,n,t,a,s,d){return x(),D(a.SliderRoot,H({"data-slot":"slider",class:a.cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",a.props.class)},a.forwarded),{default:E(({modelValue:i})=>[L(a.SliderTrack,{"data-slot":"slider-track",class:"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"},{default:E(()=>[L(a.SliderRange,{"data-slot":"slider-range",class:"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"})]),_:1}),(x(!0),be(he,null,we(i,(r,f)=>(x(),D(a.SliderThumb,{key:f,"data-slot":"slider-thumb",class:"bg-white border-primary ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"}))),128))]),_:1},16,["class"])}const at=Se(Ge,[["render",Ze],["__file","D:/mira_typescript/packages/mira-client/src/components/ui/slider/Slider.vue"]]);export{at as S};