2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
import{Q as Ve,b as J}from"./QBtn-AYMizH8c.js";import{Q as Ne,a as He,b as Xe,c as Ye,d as Ue}from"./QLayout-DIjK04DF.js";import{b as W,Q as Z,a as E}from"./QItem-F5bzVaJB.js";import{s as Ce,y as $,A as qe,p as f,B as je,C as ee,D as Q,E as te,F as Re,G as V,H as ne,I as he,J as ae,K as Ke,L as Ge,M as Je,N as re,O as Ze,q as D,z as g,P as pe,x as et,Q as tt,R as at,a as rt,b as ot,o as ut,e as nt,w as p,f as d,g as P,h as lt,t as it}from"./index-QUdrNkKl.js";import{u as ke,a as Be}from"./use-dark-BRt0_t6X.js";import{h as _e,b as ye}from"./render-B4qP-w0Q.js";import{u as st,a as dt,b as ct,c as ft,d as vt}from"./use-prevent-scroll-eZQDeoK_.js";import{u as mt}from"./use-timeout-Jkrq6Sig.js";import{c as ht,b as N}from"./format-GjIIeqP4.js";const pt=["ul","ol"],yt=Ce({name:"QList",props:{...ke,bordered:Boolean,dense:Boolean,separator:Boolean,padding:Boolean,tag:{type:String,default:"div"}},setup(t,{slots:o}){const n=qe(),y=Be(t,n.proxy.$q),e=f(()=>pt.includes(t.tag)?null:"list"),r=f(()=>"q-list"+(t.bordered===!0?" q-list--bordered":"")+(t.dense===!0?" q-list--dense":"")+(t.separator===!0?" q-list--separator":"")+(y.value===!0?" q-list--dark":"")+(t.padding===!0?" q-list--padding":""));return()=>$(t.tag,{class:r.value,role:e.value},_e(o.default))}}),le={left:!0,right:!0,up:!0,down:!0,horizontal:!0,vertical:!0},bt=Object.keys(le);le.all=!0;function be(t){const o={};for(const n of bt)t[n]===!0&&(o[n]=!0);return Object.keys(o).length===0?le:(o.horizontal===!0?o.left=o.right=!0:o.left===!0&&o.right===!0&&(o.horizontal=!0),o.vertical===!0?o.up=o.down=!0:o.up===!0&&o.down===!0&&(o.vertical=!0),o.horizontal===!0&&o.vertical===!0&&(o.all=!0),o)}const gt=["INPUT","TEXTAREA"];function ge(t,o){return o.event===void 0&&t.target!==void 0&&t.target.draggable!==!0&&typeof o.handler=="function"&>.includes(t.target.nodeName.toUpperCase())===!1&&(t.qClonedBy===void 0||t.qClonedBy.indexOf(o.uid)===-1)}function oe(t,o,n){const y=ne(t);let e,r=y.left-o.event.x,i=y.top-o.event.y,m=Math.abs(r),h=Math.abs(i);const s=o.direction;s.horizontal===!0&&s.vertical!==!0?e=r<0?"left":"right":s.horizontal!==!0&&s.vertical===!0?e=i<0?"up":"down":s.up===!0&&i<0?(e="up",m>h&&(s.left===!0&&r<0?e="left":s.right===!0&&r>0&&(e="right"))):s.down===!0&&i>0?(e="down",m>h&&(s.left===!0&&r<0?e="left":s.right===!0&&r>0&&(e="right"))):s.left===!0&&r<0?(e="left",m<h&&(s.up===!0&&i<0?e="up":s.down===!0&&i>0&&(e="down"))):s.right===!0&&r>0&&(e="right",m<h&&(s.up===!0&&i<0?e="up":s.down===!0&&i>0&&(e="down")));let u=!1;if(e===void 0&&n===!1){if(o.event.isFirst===!0||o.event.lastDir===void 0)return{};e=o.event.lastDir,u=!0,e==="left"||e==="right"?(y.left-=r,m=0,r=0):(y.top-=i,h=0,i=0)}return{synthetic:u,payload:{evt:t,touch:o.event.mouse!==!0,mouse:o.event.mouse===!0,position:y,direction:e,isFirst:o.event.isFirst,isFinal:n===!0,duration:Date.now()-o.event.time,distance:{x:m,y:h},offset:{x:r,y:i},delta:{x:y.left-o.event.lastX,y:y.top-o.event.lastY}}}}let wt=0;const ue=je({name:"touch-pan",beforeMount(t,{value:o,modifiers:n}){if(n.mouse!==!0&&Q.has.touch!==!0)return;function y(r,i){n.mouse===!0&&i===!0?Ge(r):(n.stop===!0&&ae(r),n.prevent===!0&&he(r))}const e={uid:"qvtp_"+wt++,handler:o,modifiers:n,direction:be(n),noop:Re,mouseStart(r){ge(r,e)&&Ke(r)&&(V(e,"temp",[[document,"mousemove","move","notPassiveCapture"],[document,"mouseup","end","passiveCapture"]]),e.start(r,!0))},touchStart(r){if(ge(r,e)){const i=r.target;V(e,"temp",[[i,"touchmove","move","notPassiveCapture"],[i,"touchcancel","end","passiveCapture"],[i,"touchend","end","passiveCapture"]]),e.start(r)}},start(r,i){if(Q.is.firefox===!0&&te(t,!0),e.lastEvt=r,i===!0||n.stop===!0){if(e.direction.all!==!0&&(i!==!0||e.modifiers.mouseAllDir!==!0&&e.modifiers.mousealldir!==!0)){const s=r.type.indexOf("mouse")!==-1?new MouseEvent(r.type,r):new TouchEvent(r.type,r);r.defaultPrevented===!0&&he(s),r.cancelBubble===!0&&ae(s),Object.assign(s,{qKeyEvent:r.qKeyEvent,qClickOutside:r.qClickOutside,qAnchorHandled:r.qAnchorHandled,qClonedBy:r.qClonedBy===void 0?[e.uid]:r.qClonedBy.concat(e.uid)}),e.initialEvent={target:r.target,event:s}}ae(r)}const{left:m,top:h}=ne(r);e.event={x:m,y:h,time:Date.now(),mouse:i===!0,detected:!1,isFirst:!0,isFinal:!1,lastX:m,lastY:h}},move(r){if(e.event===void 0)return;const i=ne(r),m=i.left-e.event.x,h=i.top-e.event.y;if(m===0&&h===0)return;e.lastEvt=r;const s=e.event.mouse===!0,u=()=>{y(r,s);let w;n.preserveCursor!==!0&&n.preservecursor!==!0&&(w=document.documentElement.style.cursor||"",document.documentElement.style.cursor="grabbing"),s===!0&&document.body.classList.add("no-pointer-events--children"),document.body.classList.add("non-selectable"),ht(),e.styleCleanup=c=>{if(e.styleCleanup=void 0,w!==void 0&&(document.documentElement.style.cursor=w),document.body.classList.remove("non-selectable"),s===!0){const x=()=>{document.body.classList.remove("no-pointer-events--children")};c!==void 0?setTimeout(()=>{x(),c()},50):x()}else c!==void 0&&c()}};if(e.event.detected===!0){e.event.isFirst!==!0&&y(r,e.event.mouse);const{payload:w,synthetic:c}=oe(r,e,!1);w!==void 0&&(e.handler(w)===!1?e.end(r):(e.styleCleanup===void 0&&e.event.isFirst===!0&&u(),e.event.lastX=w.position.left,e.event.lastY=w.position.top,e.event.lastDir=c===!0?void 0:w.direction,e.event.isFirst=!1));return}if(e.direction.all===!0||s===!0&&(e.modifiers.mouseAllDir===!0||e.modifiers.mousealldir===!0)){u(),e.event.detected=!0,e.move(r);return}const B=Math.abs(m),b=Math.abs(h);B!==b&&(e.direction.horizontal===!0&&B>b||e.direction.vertical===!0&&B<b||e.direction.up===!0&&B<b&&h<0||e.direction.down===!0&&B<b&&h>0||e.direction.left===!0&&B>b&&m<0||e.direction.right===!0&&B>b&&m>0?(e.event.detected=!0,e.move(r)):e.end(r,!0))},end(r,i){if(e.event!==void 0){if(ee(e,"temp"),Q.is.firefox===!0&&te(t,!1),i===!0)e.styleCleanup?.(),e.event.detected!==!0&&e.initialEvent!==void 0&&e.initialEvent.target.dispatchEvent(e.initialEvent.event);else if(e.event.detected===!0){e.event.isFirst===!0&&e.handler(oe(r===void 0?e.lastEvt:r,e).payload);const{payload:m}=oe(r===void 0?e.lastEvt:r,e,!0),h=()=>{e.handler(m)};e.styleCleanup!==void 0?e.styleCleanup(h):h()}e.event=void 0,e.initialEvent=void 0,e.lastEvt=void 0}}};if(t.__qtouchpan=e,n.mouse===!0){const r=n.mouseCapture===!0||n.mousecapture===!0?"Capture":"";V(e,"main",[[t,"mousedown","mouseStart",`passive${r}`]])}Q.has.touch===!0&&V(e,"main",[[t,"touchstart","touchStart",`passive${n.capture===!0?"Capture":""}`],[t,"touchmove","noop","notPassiveCapture"]])},updated(t,o){const n=t.__qtouchpan;n!==void 0&&(o.oldValue!==o.value&&(typeof value!="function"&&n.end(),n.handler=o.value),n.direction=be(o.modifiers))},beforeUnmount(t){const o=t.__qtouchpan;o!==void 0&&(o.event!==void 0&&o.end(),ee(o,"main"),ee(o,"temp"),Q.is.firefox===!0&&te(t,!1),o.styleCleanup?.(),delete t.__qtouchpan)}}),we=150,Ct=Ce({name:"QDrawer",inheritAttrs:!1,props:{...dt,...ke,side:{type:String,default:"left",validator:t=>["left","right"].includes(t)},width:{type:Number,default:300},mini:Boolean,miniToOverlay:Boolean,miniWidth:{type:Number,default:57},noMiniAnimation:Boolean,breakpoint:{type:Number,default:1023},showIfAbove:Boolean,behavior:{type:String,validator:t=>["default","desktop","mobile"].includes(t),default:"default"},bordered:Boolean,elevated:Boolean,overlay:Boolean,persistent:Boolean,noSwipeOpen:Boolean,noSwipeClose:Boolean,noSwipeBackdrop:Boolean},emits:[...st,"onLayout","miniState"],setup(t,{slots:o,emit:n,attrs:y}){const e=qe(),{proxy:{$q:r}}=e,i=Be(t,r),{preventBodyScroll:m}=vt(),{registerTimeout:h,removeTimeout:s}=mt(),u=Je(Ze,re);if(u===re)return console.error("QDrawer needs to be child of QLayout"),re;let B,b=null,w;const c=D(t.behavior==="mobile"||t.behavior!=="desktop"&&u.totalWidth.value<=t.breakpoint),x=f(()=>t.mini===!0&&c.value!==!0),q=f(()=>x.value===!0?t.miniWidth:t.width),v=D(t.showIfAbove===!0&&c.value===!1?!0:t.modelValue===!0),ie=f(()=>t.persistent!==!0&&(c.value===!0||Se.value===!0));function se(a,l){if(xe(),a!==!1&&u.animate(),k(0),c.value===!0){const C=u.instances[F.value];C?.belowBreakpoint===!0&&C.hide(!1),T(1),u.isContainer.value!==!0&&m(!0)}else T(0),a!==!1&&R(!1);h(()=>{a!==!1&&R(!0),l!==!0&&n("show",a)},we)}function de(a,l){Te(),a!==!1&&u.animate(),T(0),k(L.value*q.value),K(),l!==!0?h(()=>{n("hide",a)},we):s()}const{show:H,hide:O}=ct({showing:v,hideOnRouteChange:ie,handleShow:se,handleHide:de}),{addToHistory:xe,removeFromHistory:Te}=ft(v,O,ie),z={belowBreakpoint:c,hide:O},_=f(()=>t.side==="right"),L=f(()=>(r.lang.rtl===!0?-1:1)*(_.value===!0?1:-1)),ce=D(0),M=D(!1),X=D(!1),fe=D(q.value*L.value),F=f(()=>_.value===!0?"left":"right"),Y=f(()=>v.value===!0&&c.value===!1&&t.overlay===!1?t.miniToOverlay===!0?t.miniWidth:q.value:0),U=f(()=>t.overlay===!0||t.miniToOverlay===!0||u.view.value.indexOf(_.value?"R":"L")!==-1||r.platform.is.ios===!0&&u.isContainer.value===!0),A=f(()=>t.overlay===!1&&v.value===!0&&c.value===!1),Se=f(()=>t.overlay===!0&&v.value===!0&&c.value===!1),De=f(()=>"fullscreen q-drawer__backdrop"+(v.value===!1&&M.value===!1?" hidden":"")),Le=f(()=>({backgroundColor:`rgba(0,0,0,${ce.value*.4})`})),ve=f(()=>_.value===!0?u.rows.value.top[2]==="r":u.rows.value.top[0]==="l"),Me=f(()=>_.value===!0?u.rows.value.bottom[2]==="r":u.rows.value.bottom[0]==="l"),Ee=f(()=>{const a={};return u.header.space===!0&&ve.value===!1&&(U.value===!0?a.top=`${u.header.offset}px`:u.header.space===!0&&(a.top=`${u.header.size}px`)),u.footer.space===!0&&Me.value===!1&&(U.value===!0?a.bottom=`${u.footer.offset}px`:u.footer.space===!0&&(a.bottom=`${u.footer.size}px`)),a}),Oe=f(()=>{const a={width:`${q.value}px`,transform:`translateX(${fe.value}px)`};return c.value===!0?a:Object.assign(a,Ee.value)}),Ae=f(()=>"q-drawer__content fit "+(u.isContainer.value!==!0?"scroll":"overflow-auto")),Qe=f(()=>`q-drawer q-drawer--${t.side}`+(X.value===!0?" q-drawer--mini-animate":"")+(t.bordered===!0?" q-drawer--bordered":"")+(i.value===!0?" q-drawer--dark q-dark":"")+(M.value===!0?" no-transition":v.value===!0?"":" q-layout--prevent-focus")+(c.value===!0?" fixed q-drawer--on-top q-drawer--mobile q-drawer--top-padding":` q-drawer--${x.value===!0?"mini":"standard"}`+(U.value===!0||A.value!==!0?" fixed":"")+(t.overlay===!0||t.miniToOverlay===!0?" q-drawer--on-top":"")+(ve.value===!0?" q-drawer--top-padding":""))),Pe=f(()=>{const a=r.lang.rtl===!0?t.side:F.value;return[[ue,Ie,void 0,{[a]:!0,mouse:!0}]]}),$e=f(()=>{const a=r.lang.rtl===!0?F.value:t.side;return[[ue,me,void 0,{[a]:!0,mouse:!0}]]}),ze=f(()=>{const a=r.lang.rtl===!0?F.value:t.side;return[[ue,me,void 0,{[a]:!0,mouse:!0,mouseAllDir:!0}]]});function j(){We(c,t.behavior==="mobile"||t.behavior!=="desktop"&&u.totalWidth.value<=t.breakpoint)}g(c,a=>{a===!0?(B=v.value,v.value===!0&&O(!1)):t.overlay===!1&&t.behavior!=="mobile"&&B!==!1&&(v.value===!0?(k(0),T(0),K()):H(!1))}),g(()=>t.side,(a,l)=>{u.instances[l]===z&&(u.instances[l]=void 0,u[l].space=!1,u[l].offset=0),u.instances[a]=z,u[a].size=q.value,u[a].space=A.value,u[a].offset=Y.value}),g(u.totalWidth,()=>{(u.isContainer.value===!0||document.qScrollPrevented!==!0)&&j()}),g(()=>t.behavior+t.breakpoint,j),g(u.isContainer,a=>{v.value===!0&&m(a!==!0),a===!0&&j()}),g(u.scrollbarWidth,()=>{k(v.value===!0?0:void 0)}),g(Y,a=>{S("offset",a)}),g(A,a=>{n("onLayout",a),S("space",a)}),g(_,()=>{k()}),g(q,a=>{k(),G(t.miniToOverlay,a)}),g(()=>t.miniToOverlay,a=>{G(a,q.value)}),g(()=>r.lang.rtl,()=>{k()}),g(()=>t.mini,()=>{t.noMiniAnimation||t.modelValue===!0&&(Fe(),u.animate())}),g(x,a=>{n("miniState",a)});function k(a){a===void 0?pe(()=>{a=v.value===!0?0:q.value,k(L.value*a)}):(u.isContainer.value===!0&&_.value===!0&&(c.value===!0||Math.abs(a)===q.value)&&(a+=L.value*u.scrollbarWidth.value),fe.value=a)}function T(a){ce.value=a}function R(a){const l=a===!0?"remove":u.isContainer.value!==!0?"add":"";l!==""&&document.body.classList[l]("q-body--drawer-toggle")}function Fe(){b!==null&&clearTimeout(b),e.proxy&&e.proxy.$el&&e.proxy.$el.classList.add("q-drawer--mini-animate"),X.value=!0,b=setTimeout(()=>{b=null,X.value=!1,e?.proxy?.$el?.classList.remove("q-drawer--mini-animate")},150)}function Ie(a){if(v.value!==!1)return;const l=q.value,C=N(a.distance.x,0,l);if(a.isFinal===!0){C>=Math.min(75,l)===!0?H():(u.animate(),T(0),k(L.value*l)),M.value=!1;return}k((r.lang.rtl===!0?_.value!==!0:_.value)?Math.max(l-C,0):Math.min(0,C-l)),T(N(C/l,0,1)),a.isFirst===!0&&(M.value=!0)}function me(a){if(v.value!==!0)return;const l=q.value,C=a.direction===t.side,I=(r.lang.rtl===!0?C!==!0:C)?N(a.distance.x,0,l):0;if(a.isFinal===!0){Math.abs(I)<Math.min(75,l)===!0?(u.animate(),T(1),k(0)):O(),M.value=!1;return}k(L.value*I),T(N(1-I/l,0,1)),a.isFirst===!0&&(M.value=!0)}function K(){m(!1),R(!0)}function S(a,l){u.update(t.side,a,l)}function We(a,l){a.value!==l&&(a.value=l)}function G(a,l){S("size",a===!0?t.miniWidth:l)}return u.instances[t.side]=z,G(t.miniToOverlay,q.value),S("space",A.value),S("offset",Y.value),t.showIfAbove===!0&&t.modelValue!==!0&&v.value===!0&&t["onUpdate:modelValue"]!==void 0&&n("update:modelValue",!0),et(()=>{n("onLayout",A.value),n("miniState",x.value),B=t.showIfAbove===!0;const a=()=>{(v.value===!0?se:de)(!1,!0)};if(u.totalWidth.value!==0){pe(a);return}w=g(u.totalWidth,()=>{w(),w=void 0,v.value===!1&&t.showIfAbove===!0&&c.value===!1?H(!1):a()})}),tt(()=>{w?.(),b!==null&&(clearTimeout(b),b=null),v.value===!0&&K(),u.instances[t.side]===z&&(u.instances[t.side]=void 0,S("size",0),S("offset",0),S("space",!1))}),()=>{const a=[];c.value===!0&&(t.noSwipeOpen===!1&&a.push(at($("div",{key:"open",class:`q-drawer__opener fixed-${t.side}`,"aria-hidden":"true"}),Pe.value)),a.push(ye("div",{ref:"backdrop",class:De.value,style:Le.value,"aria-hidden":"true",onClick:O},void 0,"backdrop",t.noSwipeBackdrop!==!0&&v.value===!0,()=>ze.value)));const l=x.value===!0&&o.mini!==void 0,C=[$("div",{...y,key:""+l,class:[Ae.value,y.class]},l===!0?o.mini():_e(o.default))];return t.elevated===!0&&v.value===!0&&C.push($("div",{class:"q-layout__shadow absolute-full overflow-hidden no-pointer-events"})),a.push(ye("aside",{ref:"content",class:Qe.value,style:Oe.value},C,"contentclose",t.noSwipeClose!==!0&&c.value===!0,()=>$e.value)),$("div",{class:"q-drawer-container"},a)}}}),Et=rt({__name:"DevLayout",setup(t){const o=D(!1);function n(){o.value=!o.value}return(y,e)=>{const r=ot("router-view");return ut(),nt(Ue,{view:"lHh Lpr lFf"},{default:p(()=>[d(Ne,{elevated:""},{default:p(()=>[d(He,null,{default:p(()=>[d(Ve,{flat:"",dense:"",round:"",icon:"menu","aria-label":"Menu",onClick:n}),d(Xe,null,{default:p(()=>[...e[1]||(e[1]=[P(" Quasar App ",-1)])]),_:1}),lt("div",null,"Quasar v"+it(y.$q.version),1)]),_:1})]),_:1}),d(Ct,{modelValue:o.value,"onUpdate:modelValue":e[0]||(e[0]=i=>o.value=i),"show-if-above":"",bordered:""},{default:p(()=>[d(yt,null,{default:p(()=>[d(W,{header:""},{default:p(()=>[...e[2]||(e[2]=[P(" Links ",-1)])]),_:1}),d(Z,{clickable:"",to:"/",exact:""},{default:p(()=>[d(E,{avatar:""},{default:p(()=>[d(J,{name:"home"})]),_:1}),d(E,null,{default:p(()=>[d(W,null,{default:p(()=>[...e[3]||(e[3]=[P("Home",-1)])]),_:1})]),_:1})]),_:1}),d(Z,{clickable:"",to:"/dev/api/endpoints",exact:""},{default:p(()=>[d(E,{avatar:""},{default:p(()=>[d(J,{name:"api"})]),_:1}),d(E,null,{default:p(()=>[d(W,null,{default:p(()=>[...e[4]||(e[4]=[P("API Endpoints Tester",-1)])]),_:1})]),_:1})]),_:1}),d(Z,{clickable:"",to:"/dev/api/mail-debug",exact:""},{default:p(()=>[d(E,{avatar:""},{default:p(()=>[d(J,{name:"mail"})]),_:1}),d(E,null,{default:p(()=>[d(W,null,{default:p(()=>[...e[5]||(e[5]=[P("Mail Debug",-1)])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]),d(Ye,null,{default:p(()=>[d(r)]),_:1})]),_:1})}}});export{Et as default};
|