p3x-redis-ui-material/dist-vue/assets/VTabs-DtsMDfa7.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{A as e,C as t,I as n,Kt as r,R as i,Wt as a,Y as o,_t as s,at as c,h as l,ht as u,nt as d,w as f,y as p,yt as m,z as h}from"./i18n.store-Bbsc3Bab.js";import{At as g,Bt as _,Ct as v,E as y,F as b,Gn as x,H as S,J as C,Lt as w,O as T,P as E,Pt as D,Q as O,Qt as k,Vn as A,Vt as j,Yn as M,Zn as N,a as P,gn as F,ht as I,i as ee,ir as te,k as ne,mt as re,n as ie,nt as ae,o as L,pt as oe,q as R,r as se,rr as z,rt as ce,s as le,wt as ue}from"./_plugin-vue_export-helper-D1H5elb2.js";import{t as de}from"./ssrBoot-uT1JaM1N.js";import{r as fe,t as B}from"./VSlideGroup-DZJHDEts.js";var pe=e=>{let{touchstartX:t,touchendX:n,touchstartY:r,touchendY:i}=e,a=.5;e.offsetX=n-t,e.offsetY=i-r,Math.abs(e.offsetY)<a*Math.abs(e.offsetX)&&(e.left&&n<t-16&&e.left(e),e.right&&n>t+16&&e.right(e)),Math.abs(e.offsetX)<a*Math.abs(e.offsetY)&&(e.up&&i<r-16&&e.up(e),e.down&&i>r+16&&e.down(e))};function me(e,t){let n=e.changedTouches[0];t.touchstartX=n.clientX,t.touchstartY=n.clientY,t.start?.({originalEvent:e,...t})}function he(e,t){let n=e.changedTouches[0];t.touchendX=n.clientX,t.touchendY=n.clientY,t.end?.({originalEvent:e,...t}),pe(t)}function ge(e,t){let n=e.changedTouches[0];t.touchmoveX=n.clientX,t.touchmoveY=n.clientY,t.move?.({originalEvent:e,...t})}function V(e={}){let t={touchstartX:0,touchstartY:0,touchendX:0,touchendY:0,touchmoveX:0,touchmoveY:0,offsetX:0,offsetY:0,left:e.left,right:e.right,up:e.up,down:e.down,start:e.start,move:e.move,end:e.end};return{touchstart:e=>me(e,t),touchend:e=>he(e,t),touchmove:e=>ge(e,t)}}function _e(e,t){let n=t.value,r=n?.parent?e.parentElement:e,i=n?.options??{passive:!0},a=t.instance?.$.uid;if(!r||a===void 0)return;let o=V(t.value);r._touchHandlers=r._touchHandlers??Object.create(null),r._touchHandlers[a]=o,x(o).forEach(e=>{r.addEventListener(e,o[e],i)})}function ve(e,t){let n=t.value?.parent?e.parentElement:e,r=t.instance?.$.uid;if(!n?._touchHandlers||r===void 0)return;let i=n._touchHandlers[r];x(i).forEach(e=>{n.removeEventListener(e,i[e])}),delete n._touchHandlers[r]}var H={mounted:_e,unmounted:ve},U=Symbol.for(`vuetify:v-window`),W=Symbol.for(`vuetify:v-window-group`),G=j({continuous:Boolean,nextIcon:{type:[Boolean,String,Function,Object],default:`$next`},prevIcon:{type:[Boolean,String,Function,Object],default:`$prev`},reverse:Boolean,showArrows:{type:[Boolean,String],validator:e=>typeof e==`boolean`||e===`hover`},verticalArrows:[Boolean,String],touch:{type:[Object,Boolean],default:void 0},direction:{type:String,default:`horizontal`},modelValue:null,disabled:Boolean,selectedClass:{type:String,default:`v-window-item--active`},mandatory:{type:[Boolean,String],default:`force`},crossfade:Boolean,transitionDuration:Number,..._(),...O(),...ae()},`VWindow`),K=D()({name:`VWindow`,directives:{vTouch:H},props:G(),emits:{"update:modelValue":e=>!0},setup(n,{slots:i}){let{themeClasses:l}=ce(n),{isRtl:p}=re(),{t:g}=oe(),_=T(n,W),y=u(),b=t(()=>p.value?!n.reverse:n.reverse),x=s(!1),S=t(()=>n.crossfade?`v-window-crossfade-transition`:`v-window-${n.direction===`vertical`?`y`:`x`}${(b.value?!x.value:x.value)?`-reverse`:``}-transition`),C=s(0),w=u(void 0),E=t(()=>_.items.value.findIndex(e=>_.selected.value.includes(e.id)));d(E,(e,t)=>{let n,r={left:0,top:0};z&&t>=0&&(n=ue(y.value),r.left=n?.scrollLeft,r.top=n?.scrollTop);let i=_.items.value.length,a=i-1;i<=2?x.value=e<t:e===a&&t===0?x.value=!1:e===0&&t===a?x.value=!0:x.value=e<t,h(()=>{!z||!n||(n.scrollTop!==r.top&&n.scrollTo({...r,behavior:`instant`}),requestAnimationFrame(()=>{n&&n.scrollTop!==r.top&&n.scrollTo({...r,behavior:`instant`})}))})},{flush:`sync`}),o(U,{transition:S,isReversed:x,transitionCount:C,transitionHeight:w,rootRef:y});let D=m(()=>n.continuous||E.value!==0),O=m(()=>n.continuous||E.value!==_.items.value.length-1);function k(){D.value&&_.prev()}function A(){O.value&&_.next()}let j=t(()=>{let t=[],r={icon:p.value?n.nextIcon:n.prevIcon,class:`v-window__${b.value?`right`:`left`}`,onClick:_.prev,"aria-label":g(`$vuetify.carousel.prev`)};t.push(D.value?i.prev?i.prev({props:r}):e(L,r,null):f(`div`,null,null));let a={icon:p.value?n.prevIcon:n.nextIcon,class:`v-window__${b.value?`left`:`right`}`,onClick:_.next,"aria-label":g(`$vuetify.carousel.next`)};return t.push(O.value?i.next?i.next({props:a}):e(L,a,null):f(`div`,null,null)),t}),M=t(()=>n.touch===!1?n.touch:{left:()=>{b.value?k():A()},right:()=>{b.value?A():k()},start:({originalEvent:e})=>{e.stopPropagation()},...n.touch===!0?{}:n.touch});function N(e){(n.direction===`horizontal`&&e.key===`ArrowLeft`||n.direction===`vertical`&&e.key===`ArrowUp`)&&(e.preventDefault(),k(),h(()=>{D.value?P(0):P(1)})),(n.direction===`horizontal`&&e.key===`ArrowRight`||n.direction===`vertical`&&e.key===`ArrowDown`)&&(e.preventDefault(),A(),h(()=>{O.value?P(1):P(0)}))}function P(e){let t=j.value[e];t&&(Array.isArray(t)?t[0]:t).el?.focus()}return v(()=>c(e(n.tag,{ref:y,class:a([`v-window`,{"v-window--show-arrows-on-hover":n.showArrows===`hover`,"v-window--vertical-arrows":!!n.verticalArrows,"v-window--crossfade":!!n.crossfade},l.value,n.class]),style:r([n.style,{"--v-window-transition-duration":te()?null:F(n.transitionDuration,`ms`)}])},{default:()=>[f(`div`,{class:`v-window__container`,style:{height:w.value}},[i.default?.({group:_}),n.showArrows!==!1&&f(`div`,{class:a([`v-window__controls`,{"v-window__controls--left":n.verticalArrows===`left`||n.verticalArrows===!0},{"v-window__controls--right":n.verticalArrows===`right`}]),onKeydown:N},[j.value])]),i.additional?.({group:_})]}),[[H,M.value]])),{group:_}}}),q=j({reverseTransition:{type:[Boolean,String],default:void 0},transition:{type:[Boolean,String],default:void 0},..._(),...y(),...se()},`VWindowItem`),J=D()({name:`VWindowItem`,directives:{vTouch:H},props:q(),emits:{"group:selected":e=>!0},setup(i,{slots:o}){let u=n(U),d=ne(i,W),{isBooted:p}=de();if(!u||!d)throw Error(`[Vuetify] VWindowItem must be used inside VWindow`);let m=s(!1),g=t(()=>p.value&&(u.isReversed.value?i.reverseTransition!==!1:i.transition!==!1));function _(){!m.value||!u||(m.value=!1,u.transitionCount.value>0&&(--u.transitionCount.value,u.transitionCount.value===0&&(u.transitionHeight.value=void 0)))}function y(){m.value||!u||(m.value=!0,u.transitionCount.value===0&&(u.transitionHeight.value=F(u.rootRef.value?.clientHeight)),u.transitionCount.value+=1)}function b(){_()}function x(e){m.value&&h(()=>{!g.value||!m.value||!u||(u.transitionHeight.value=F(e.clientHeight))})}let C=t(()=>{let e=u.isReversed.value?i.reverseTransition:i.transition;return g.value?{name:typeof e==`string`?e:u.transition.value,onBeforeEnter:y,onAfterEnter:_,onEnterCancelled:b,onBeforeLeave:y,onAfterLeave:_,onLeaveCancelled:b,onEnter:x}:!1}),{hasContent:w}=ee(i,d.isSelected);return v(()=>e(S,{transition:C.value,disabled:!p.value},{default:()=>[c(f(`div`,{class:a([`v-window-item`,d.selectedClass.value,i.class]),style:r(i.style)},[w.value&&o.default?.()]),[[l,d.isSelected.value]])]})),{groupItem:d}}}),Y=Symbol.for(`vuetify:v-tabs`),X=j({fixed:Boolean,sliderColor:String,sliderTransition:String,sliderTransitionDuration:[String,Number],hideSlider:Boolean,inset:Boolean,direction:{type:String,default:`horizontal`},...M(le({selectedClass:`v-tab--selected`,variant:`text`}),[`active`,`block`,`flat`,`location`,`position`,`symbol`])},`VTab`),Z=D()({name:`VTab`,props:X(),setup(n,{slots:o,attrs:s}){let{textColorClasses:c,textColorStyles:l}=C(()=>n.sliderColor),{backgroundColorClasses:d,backgroundColorStyles:m}=R(()=>n.sliderColor),h=u(),_=u(),y=t(()=>n.direction===`horizontal`),b=t(()=>h.value?.group?.isSelected.value??!1);function x(e,t){return{opacity:[0,1]}}function S(e,t){return n.direction===`vertical`?{transform:[`scaleY(0)`,`scaleY(1)`]}:{transform:[`scaleX(0)`,`scaleX(1)`]}}function w(e,t){let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=y.value?`x`:`y`,a=y.value?`X`:`Y`,o=y.value?`right`:`bottom`,s=y.value?`width`:`height`,c=n[i]>r[i]?n[o]-r[o]:n[i]-r[i],l=Math.sign(c)>0?y.value?`right`:`bottom`:Math.sign(c)<0?y.value?`left`:`top`:`center`,u=(Math.abs(c)+(Math.sign(c)<0?n[s]:r[s]))/Math.max(n[s],r[s])||0,d=n[s]/r[s]||0,f=1.5;return{transform:[`translate${a}(${c}px) scale${a}(${d})`,`translate${a}(${c/f}px) scale${a}(${(u-1)/f+1})`,`none`],transformOrigin:[,,,].fill(l)}}function T({value:e}){if(e){let e=h.value?.$el.parentElement?.querySelector(`.v-tab--selected .v-tab__slider`),t=_.value;if(!e||!t)return;let r=getComputedStyle(e).backgroundColor,i={fade:x,grow:S,shift:w}[n.sliderTransition??`shift`]??w,a=Number(n.sliderTransitionDuration)||({fade:400,grow:350,shift:225}[n.sliderTransition??`shift`]??225);k(t,{backgroundColor:[r,r],...i(t,e)},{duration:a,easing:g})}}return v(()=>{let t=L.filterProps(n);return e(L,i({symbol:Y,ref:h,class:[`v-tab`,n.class,b.value&&n.inset?d.value:[]],style:[n.style,b.value&&n.inset?m.value:[],{backgroundColor:b.value&&n.inset?`transparent !important`:void 0}],tabindex:b.value?0:-1,role:`tab`,"aria-selected":String(b.value),active:!1},t,s,{block:n.fixed,maxWidth:n.fixed?300:void 0,"onGroup:selected":T}),{...o,default:()=>f(p,null,[o.default?.()??n.text,!n.hideSlider&&f(`div`,{ref:_,class:a([`v-tab__slider`,n.inset?d.value:c.value]),style:r([l.value,n.inset?m.value:c.value])},null)])})}),P({},h)}}),ye=j({...M(G(),[`continuous`,`nextIcon`,`prevIcon`,`showArrows`,`touch`,`mandatory`])},`VTabsWindow`),Q=D()({name:`VTabsWindow`,props:ye(),emits:{"update:modelValue":e=>!0},setup(r,{slots:a}){let o=n(Y,null),s=I(r,`modelValue`),c=t({get(){return s.value!=null||!o?s.value:o.items.value.find(e=>o.selected.value.includes(e.id))?.value},set(e){s.value=e}});return v(()=>e(K,i({_as:`VTabsWindow`},K.filterProps(r),{modelValue:c.value,"onUpdate:modelValue":e=>c.value=e,class:[`v-tabs-window`,r.class],style:r.style,mandatory:!1,touch:!1}),a)),{}}}),be=j({...q()},`VTabsWindowItem`),$=D()({name:`VTabsWindowItem`,props:be(),setup(t,{slots:n}){return v(()=>e(J,i({_as:`VTabsWindowItem`},J.filterProps(t),{class:[`v-tabs-window-item`,t.class],style:t.style}),n)),{}}});function xe(e){return e?e.map(e=>A(e)?e:{text:e,value:e}):[]}var Se=j({alignTabs:{type:String,default:`start`},color:String,fixedTabs:Boolean,items:{type:Array,default:()=>[]},stacked:Boolean,bgColor:String,grow:Boolean,height:{type:[Number,String],default:void 0},hideSlider:Boolean,inset:Boolean,insetPadding:[String,Number],insetRadius:[String,Number],sliderColor:String,...N(X(),[`spaced`,`sliderTransition`,`sliderTransitionDuration`]),...fe({mandatory:`force`,selectedClass:`v-tab-item--selected`}),...E(),...O()},`VTabs`),Ce=D()({name:`VTabs`,props:Se(),emits:{"update:modelValue":e=>!0},setup(n,{attrs:r,slots:a}){let o=I(n,`modelValue`),s=t(()=>xe(n.items)),{densityClasses:c}=b(n),{backgroundColorClasses:l,backgroundColorStyles:u}=R(()=>n.bgColor),{scopeId:d}=ie();return w({VTab:{color:m(n,`color`),direction:m(n,`direction`),stacked:m(n,`stacked`),fixed:m(n,`fixedTabs`),inset:m(n,`inset`),sliderColor:m(n,`sliderColor`),sliderTransition:m(n,`sliderTransition`),sliderTransitionDuration:m(n,`sliderTransitionDuration`),hideSlider:m(n,`hideSlider`)}}),v(()=>{let t=B.filterProps(n),m=!!(a.window||n.items.length>0);return f(p,null,[e(B,i(t,{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,class:[`v-tabs`,`v-tabs--${n.direction}`,`v-tabs--align-tabs-${n.alignTabs}`,{"v-tabs--fixed-tabs":n.fixedTabs,"v-tabs--grow":n.grow,"v-tabs--inset":n.inset,"v-tabs--stacked":n.stacked},c.value,l.value,n.class],style:[{"--v-tabs-height":F(n.height),"--v-tabs-inset-padding":n.inset?F(n.insetPadding):void 0,"--v-tabs-inset-radius":n.inset?F(n.insetRadius):void 0},u.value,n.style],role:`tablist`,symbol:Y},d,r),{default:a.default??(()=>s.value.map(t=>a.tab?.({item:t})??e(Z,i(t,{key:t.text,value:t.value,spaced:n.spaced}),{default:a[`tab.${t.value}`]?()=>a[`tab.${t.value}`]?.({item:t}):void 0}))),prev:a.prev,next:a.next}),m&&e(Q,i({modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,key:`tabs-window`},d),{default:()=>[s.value.map(t=>a.item?.({item:t})??e($,{value:t.value},{default:()=>a[`item.${t.value}`]?.({item:t})})),a.window?.()]})])}),{}}});export{J as a,G as c,Z as i,H as l,$ as n,q as o,Q as r,K as s,Ce as t};