2 lines
10 KiB
JavaScript
2 lines
10 KiB
JavaScript
import{m as e,V as t,u as a,c as l,d as o}from"./VBtn-DXIjKgi3.js";import{p as n,ah as s,s as i,a6 as r,t as u,C as d,H as v,d as c,F as f,m as h,ai as m,aj as p,ak as g,al as b,j as w,n as y,q as x,v as C,am as V,a5 as S,A as T,W as B,an as _,ab as I,ao as $,Z as E,af as X,ap as Y,ag as k,aq as W,ac as H,aa as j,I as M,ar as A,x as R,y as L,as as O,at as P,au as q}from"./index-D7OhodeS.js";import{m as z,V as F}from"./VSlideGroup-DqA25s5N.js";import{m as U,u as G}from"./loader-FoCKURRT.js";const D=Symbol.for("vuetify:v-tabs"),N=n({fixed:Boolean,sliderColor:String,hideSlider:Boolean,direction:{type:String,default:"horizontal"},...s(e({selectedClass:"v-tab--selected",variant:"text"}),["active","block","flat","location","position","symbol"])},"VTab"),Z=i()({name:"VTab",props:N(),setup(e,a){function l(e){var t,a;let{value:l}=e;if(l){const e=null==(a=null==(t=b.value)?void 0:t.$el.parentElement)?void 0:a.querySelector(".v-tab--selected .v-tab__slider"),l=w.value;if(!e||!l)return;const o=getComputedStyle(e).color,n=e.getBoundingClientRect(),s=l.getBoundingClientRect(),i=y.value?"x":"y",r=y.value?"X":"Y",u=y.value?"right":"bottom",d=y.value?"width":"height",v=n[i]>s[i]?n[u]-s[u]:n[i]-s[i],c=Math.sign(v)>0?y.value?"right":"bottom":0>Math.sign(v)?y.value?"left":"top":"center",f=Math.abs(v)+(0>Math.sign(v)?n[d]:s[d]),h=1.5;p(l,{backgroundColor:[o,"currentcolor"],transform:[`translate${r}(${v}px) scale${r}(${n[d]/s[d]||0})`,`translate${r}(${v/h}px) scale${r}(${((f/Math.max(n[d],s[d])||0)-1)/h+1})`,"none"],transformOrigin:[,,,].fill(c)},{duration:225,easing:g})}}let{slots:o,attrs:n}=a;const{textColorClasses:s,textColorStyles:i}=r(e,"sliderColor"),b=u(),w=u(),y=d((()=>"horizontal"===e.direction)),x=d((()=>{var e,t;return(null==(t=null==(e=b.value)?void 0:e.group)?void 0:t.isSelected.value)??!1}));return v((()=>{const a=t.filterProps(e);return c(t,h({symbol:D,ref:b,class:["v-tab",e.class],style:e.style,tabindex:x.value?0:-1,role:"tab","aria-selected":x.value+"",active:!1},a,n,{block:e.fixed,maxWidth:e.fixed?300:void 0,"onGroup:selected":l}),{...o,default:()=>{var t;return c(f,null,[(null==(t=o.default)?void 0:t.call(o))??e.text,!e.hideSlider&&c("div",{ref:w,class:["v-tab__slider",s.value],style:i.value},null)])}})})),m({},b)}}),J={mounted:function(e,t){var a;const l=t.value,o=(null==l?void 0:l.parent)?e.parentElement:e,n=(null==l?void 0:l.options)??{passive:!0},s=null==(a=t.instance)?void 0:a.$.uid;if(!o||!s)return;const i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const 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=>function(e,t){var a;const l=e.changedTouches[0];t.touchstartX=l.clientX,t.touchstartY=l.clientY,null==(a=t.start)||a.call(t,{originalEvent:e,...t})}(e,t),touchend:e=>function(e,t){var a;const l=e.changedTouches[0];t.touchendX=l.clientX,t.touchendY=l.clientY,null==(a=t.end)||a.call(t,{originalEvent:e,...t}),(e=>{const{touchstartX:t,touchendX:a,touchstartY:l,touchendY:o}=e;e.offsetX=a-t,e.offsetY=o-l,.5*Math.abs(e.offsetX)>Math.abs(e.offsetY)&&(e.left&&t-16>a&&e.left(e),e.right&&a>t+16&&e.right(e)),.5*Math.abs(e.offsetY)>Math.abs(e.offsetX)&&(e.up&&l-16>o&&e.up(e),e.down&&o>l+16&&e.down(e))})(t)}(e,t),touchmove:e=>function(e,t){var a;const l=e.changedTouches[0];t.touchmoveX=l.clientX,t.touchmoveY=l.clientY,null==(a=t.move)||a.call(t,{originalEvent:e,...t})}(e,t)}}(t.value);o._touchHandlers=o._touchHandlers??Object.create(null),o._touchHandlers[s]=i,b(i).forEach((e=>{o.addEventListener(e,i[e],n)}))},unmounted:function(e,t){var a,l;const o=(null==(a=t.value)?void 0:a.parent)?e.parentElement:e,n=null==(l=t.instance)?void 0:l.$.uid;if(!(null==o?void 0:o._touchHandlers)||!n)return;const s=o._touchHandlers[n];b(s).forEach((e=>{o.removeEventListener(e,s[e])})),delete o._touchHandlers[n]}},K=Symbol.for("vuetify:v-window"),Q=Symbol.for("vuetify:v-window-group"),ee=n({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=>"boolean"==typeof e||"hover"===e},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"},...w(),...y(),...x()},"VWindow"),te=i()({name:"VWindow",directives:{Touch:J},props:ee(),emits:{"update:modelValue":e=>!0},setup(e,l){function o(){E.value&&h.prev()}function n(){X.value&&h.next()}let{slots:s}=l;const{themeClasses:i}=C(e),{isRtl:r}=V(),{t:f}=S(),h=a(e,Q),m=u(),p=d((()=>r.value?!e.reverse:e.reverse)),g=T(!1),b=d((()=>`v-window-${"vertical"===e.direction?"y":"x"}${(p.value?!g.value:g.value)?"-reverse":""}-transition`)),w=T(0),y=u(void 0),x=d((()=>h.items.value.findIndex((e=>h.selected.value.includes(e.id)))));B(x,((e,t)=>{const a=h.items.value.length,l=a-1;g.value=a>2?e===l&&0===t||(0!==e||t!==l)&&t>e:t>e})),_(K,{transition:b,isReversed:g,transitionCount:w,transitionHeight:y,rootRef:m});const E=d((()=>e.continuous||0!==x.value)),X=d((()=>e.continuous||x.value!==h.items.value.length-1)),Y=d((()=>{const a=[],l={icon:r.value?e.nextIcon:e.prevIcon,class:"v-window__"+(p.value?"right":"left"),onClick:h.prev,"aria-label":f("$vuetify.carousel.prev")};a.push(E.value?s.prev?s.prev({props:l}):c(t,l,null):c("div",null,null));const o={icon:r.value?e.prevIcon:e.nextIcon,class:"v-window__"+(p.value?"left":"right"),onClick:h.next,"aria-label":f("$vuetify.carousel.next")};return a.push(X.value?s.next?s.next({props:o}):c(t,o,null):c("div",null,null)),a})),k=d((()=>!1===e.touch?e.touch:{left:()=>{p.value?o():n()},right:()=>{p.value?n():o()},start:e=>{let{originalEvent:t}=e;t.stopPropagation()},...!0===e.touch?{}:e.touch}));return v((()=>I(c(e.tag,{ref:m,class:["v-window",{"v-window--show-arrows-on-hover":"hover"===e.showArrows},i.value,e.class],style:e.style},{default:()=>{var t,a;return[c("div",{class:"v-window__container",style:{height:y.value}},[null==(t=s.default)?void 0:t.call(s,{group:h}),!1!==e.showArrows&&c("div",{class:"v-window__controls"},[Y.value])]),null==(a=s.additional)?void 0:a.call(s,{group:h})]}}),[[$("touch"),k.value]]))),{group:h}}}),ae=n({...s(ee(),["continuous","nextIcon","prevIcon","showArrows","touch","mandatory"])},"VTabsWindow"),le=i()({name:"VTabsWindow",props:ae(),emits:{"update:modelValue":e=>!0},setup(e,t){let{slots:a}=t;const l=E(D,null),o=X(e,"modelValue"),n=d({get(){var e;return null==o.value&&l?null==(e=l.items.value.find((e=>l.selected.value.includes(e.id))))?void 0:e.value:o.value},set(e){o.value=e}});return v((()=>{const t=te.filterProps(e);return c(te,h({_as:"VTabsWindow"},t,{modelValue:n.value,"onUpdate:modelValue":e=>n.value=e,class:["v-tabs-window",e.class],style:e.style,mandatory:!1,touch:!1}),a)})),{}}}),oe=n({reverseTransition:{type:[Boolean,String],default:void 0},transition:{type:[Boolean,String],default:void 0},...w(),...l(),...Y()},"VWindowItem"),ne=i()({name:"VWindowItem",directives:{Touch:J},props:oe(),emits:{"group:selected":e=>!0},setup(e,t){function a(){h.value&&r&&(h.value=!1,r.transitionCount.value>0&&(r.transitionCount.value-=1,0===r.transitionCount.value&&(r.transitionHeight.value=void 0)))}function l(){var e;!h.value&&r&&(h.value=!0,0===r.transitionCount.value&&(r.transitionHeight.value=M(null==(e=r.rootRef.value)?void 0:e.clientHeight)),r.transitionCount.value+=1)}function n(){a()}function s(e){h.value&&A((()=>{m.value&&h.value&&r&&(r.transitionHeight.value=M(e.clientHeight))}))}let{slots:i}=t;const r=E(K),u=o(e,Q),{isBooted:f}=k();if(!r||!u)throw Error("[Vuetify] VWindowItem must be used inside VWindow");const h=T(!1),m=d((()=>f.value&&(r.isReversed.value?!1!==e.reverseTransition:!1!==e.transition))),p=d((()=>{const t=r.isReversed.value?e.reverseTransition:e.transition;return!!m.value&&{name:"string"!=typeof t?r.transition.value:t,onBeforeEnter:l,onAfterEnter:a,onEnterCancelled:n,onBeforeLeave:l,onAfterLeave:a,onLeaveCancelled:n,onEnter:s}})),{hasContent:g}=W(e,u.isSelected);return v((()=>c(j,{transition:p.value,disabled:!f.value},{default:()=>{var t;return[I(c("div",{class:["v-window-item",u.selectedClass.value,e.class],style:e.style},[g.value&&(null==(t=i.default)?void 0:t.call(i))]),[[H,u.isSelected.value]])]}}))),{groupItem:u}}}),se=n({...oe()},"VTabsWindowItem"),ie=i()({name:"VTabsWindowItem",props:se(),setup(e,t){let{slots:a}=t;return v((()=>{const t=ne.filterProps(e);return c(ne,h({_as:"VTabsWindowItem"},t,{class:["v-tabs-window-item",e.class],style:e.style}),a)})),{}}}),re=n({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,sliderColor:String,...z({mandatory:"force",selectedClass:"v-tab-item--selected"}),...U(),...y()},"VTabs"),ue=i()({name:"VTabs",props:re(),emits:{"update:modelValue":e=>!0},setup(e,t){let{attrs:a,slots:l}=t;const o=X(e,"modelValue"),n=d((()=>function(e){return e?e.map((e=>q(e)?e:{text:e,value:e})):[]}(e.items))),{densityClasses:s}=G(e),{backgroundColorClasses:i,backgroundColorStyles:r}=R(L(e,"bgColor")),{scopeId:u}=O();return P({VTab:{color:L(e,"color"),direction:L(e,"direction"),stacked:L(e,"stacked"),fixed:L(e,"fixedTabs"),sliderColor:L(e,"sliderColor"),hideSlider:L(e,"hideSlider")}}),v((()=>{const t=F.filterProps(e),d=!(!l.window&&0>=e.items.length);return c(f,null,[c(F,h(t,{modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,class:["v-tabs","v-tabs--"+e.direction,"v-tabs--align-tabs-"+e.alignTabs,{"v-tabs--fixed-tabs":e.fixedTabs,"v-tabs--grow":e.grow,"v-tabs--stacked":e.stacked},s.value,i.value,e.class],style:[{"--v-tabs-height":M(e.height)},r.value,e.style],role:"tablist",symbol:D},u,a),{default:()=>{var e;return[(null==(e=l.default)?void 0:e.call(l))??n.value.map((e=>{var t;return(null==(t=l.tab)?void 0:t.call(l,{item:e}))??c(Z,h(e,{key:e.text,value:e.value}),{default:l["tab."+e.value]?()=>{var t;return null==(t=l["tab."+e.value])?void 0:t.call(l,{item:e})}:void 0})}))]}}),d&&c(le,h({modelValue:o.value,"onUpdate:modelValue":e=>o.value=e,key:"tabs-window"},u),{default:()=>{var e;return[n.value.map((e=>{var t;return(null==(t=l.item)?void 0:t.call(l,{item:e}))??c(ie,{value:e.value},{default:()=>{var t;return null==(t=l["item."+e.value])?void 0:t.call(l,{item:e})}})})),null==(e=l.window)?void 0:e.call(l)]}})])})),{}}});export{Z as V,ue as a,ie as b,le as c};
|