@wdns/vuetify-resize-drawer
Version:
The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.
3 lines (2 loc) • 33.1 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),te=require("vuetify"),ye=require("vuetify/components"),Ce=require("vuetify/components/VIcon"),y="v-resize-drawer",E=u=>{const{unit:r="px",value:l}=u;if(l!=null&&l!=="")return+l?`${Number(l)}${r}`:String(l)},G=u=>{const r=window.innerWidth,l=(function(i){if(typeof i=="string"){const m=/(\d+(\.\d+)?)(\s*([a-zA-Z]+))?/,h=i.match(m);if(!h)return i;const e=parseFloat(h[1]),v=h[4];if(!isNaN(e)){const F=Math.round(e);return v?`${F} ${v}`:`${F}`}return i}return typeof i=="number"?Math.round(i):i})(u);return typeof u=="string"&&u.includes("%")?Number(u.replace("%",""))/100*r:typeof l=="string"?Number(l.replace(/\D/g,"")):l},ae=u=>{if(!u)return 0;if(typeof u=="number")return u;const r=document.createElement("div");r.style.position="absolute",r.style.visibility="hidden",r.style.width=u;const l=document.body;l.appendChild(r);const i=getComputedStyle(r).width;return l.removeChild(r),parseFloat(i)},Ee={fa:{bottom:"fas fa-grip",center:"fas fa-angles-right",top:"fas fa-grip"},mdi:{bottom:"mdi:mdi-dots-grid",center:"mdi:mdi-chevron-double-right",top:"mdi:mdi-dots-grid"}};function R(u,r){return u==="local"?localStorage.getItem(r):u==="session"?sessionStorage.getItem(r):""}const H=u=>{const{action:r="update",rail:l,resizedAmount:i,saveAmount:m,storageName:h,storageType:e}=u;if(l&&!m)return;let v=i;v=v??void 0,r==="set"&&(v=R(e,h)??"",v=v||i),e==="local"&&localStorage.setItem(h,String(v)),e==="session"&&sessionStorage.setItem(h,String(v))};function ne(u){let r=(function(p){const f={AliceBlue:"#F0F8FF",AntiqueWhite:"#FAEBD7",Aqua:"#00FFFF",Aquamarine:"#7FFFD4",Azure:"#F0FFFF",Beige:"#F5F5DC",Bisque:"#FFE4C4",Black:"#000000",BlanchedAlmond:"#FFEBCD",Blue:"#0000FF",BlueViolet:"#8A2BE2",Brown:"#A52A2A",BurlyWood:"#DEB887",CadetBlue:"#5F9EA0",Chartreuse:"#7FFF00",Chocolate:"#D2691E",Coral:"#FF7F50",CornflowerBlue:"#6495ED",Cornsilk:"#FFF8DC",Crimson:"#DC143C",Cyan:"#00FFFF",DarkBlue:"#00008B",DarkCyan:"#008B8B",DarkGoldenRod:"#B8860B",DarkGray:"#A9A9A9",DarkGreen:"#006400",DarkGrey:"#A9A9A9",DarkKhaki:"#BDB76B",DarkMagenta:"#8B008B",DarkOliveGreen:"#556B2F",DarkOrange:"#FF8C00",DarkOrchid:"#9932CC",DarkRed:"#8B0000",DarkSalmon:"#E9967A",DarkSeaGreen:"#8FBC8F",DarkSlateBlue:"#483D8B",DarkSlateGray:"#2F4F4F",DarkSlateGrey:"#2F4F4F",DarkTurquoise:"#00CED1",DarkViolet:"#9400D3",DeepPink:"#FF1493",DeepSkyBlue:"#00BFFF",DimGray:"#696969",DimGrey:"#696969",DodgerBlue:"#1E90FF",FireBrick:"#B22222",FloralWhite:"#FFFAF0",ForestGreen:"#228B22",Fuchsia:"#FF00FF",Gainsboro:"#DCDCDC",GhostWhite:"#F8F8FF",Gold:"#FFD700",GoldenRod:"#DAA520",Gray:"#808080",Green:"#008000",GreenYellow:"#ADFF2F",Grey:"#808080",HoneyDew:"#F0FFF0",HotPink:"#FF69B4",IndianRed:"#CD5C5C",Indigo:"#4B0082",Ivory:"#FFFFF0",Khaki:"#F0E68C",Lavender:"#E6E6FA",LavenderBlush:"#FFF0F5",LawnGreen:"#7CFC00",LemonChiffon:"#FFFACD",LightBlue:"#ADD8E6",LightCoral:"#F08080",LightCyan:"#E0FFFF",LightGoldenRodYellow:"#FAFAD2",LightGray:"#D3D3D3",LightGreen:"#90EE90",LightGrey:"#D3D3D3",LightPink:"#FFB6C1",LightSalmon:"#FFA07A",LightSeaGreen:"#20B2AA",LightSkyBlue:"#87CEFA",LightSlateGray:"#778899",LightSlateGrey:"#778899",LightSteelBlue:"#B0C4DE",LightYellow:"#FFFFE0",Lime:"#00FF00",LimeGreen:"#32CD32",Linen:"#FAF0E6",Magenta:"#FF00FF",Maroon:"#800000",MediumAquaMarine:"#66CDAA",MediumBlue:"#0000CD",MediumOrchid:"#BA55D3",MediumPurple:"#9370DB",MediumSeaGreen:"#3CB371",MediumSlateBlue:"#7B68EE",MediumSpringGreen:"#00FA9A",MediumTurquoise:"#48D1CC",MediumVioletRed:"#C71585",MidnightBlue:"#191970",MintCream:"#F5FFFA",MistyRose:"#FFE4E1",Moccasin:"#FFE4B5",NavajoWhite:"#FFDEAD",Navy:"#000080",OldLace:"#FDF5E6",Olive:"#808000",OliveDrab:"#6B8E23",Orange:"#FFA500",OrangeRed:"#FF4500",Orchid:"#DA70D6",PaleGoldenRod:"#EEE8AA",PaleGreen:"#98FB98",PaleTurquoise:"#AFEEEE",PaleVioletRed:"#DB7093",PapayaWhip:"#FFEFD5",PeachPuff:"#FFDAB9",Peru:"#CD853F",Pink:"#FFC0CB",Plum:"#DDA0DD",PowderBlue:"#B0E0E6",Purple:"#800080",RebeccaPurple:"#663399",Red:"#FF0000",RosyBrown:"#BC8F8F",RoyalBlue:"#4169E1",SaddleBrown:"#8B4513",Salmon:"#FA8072",SandyBrown:"#F4A460",SeaGreen:"#2E8B57",SeaShell:"#FFF5EE",Sienna:"#A0522D",Silver:"#C0C0C0",SkyBlue:"#87CEEB",SlateBlue:"#6A5ACD",SlateGray:"#708090",SlateGrey:"#708090",Snow:"#FFFAFA",SpringGreen:"#00FF7F",SteelBlue:"#4682B4",Tan:"#D2B48C",Teal:"#008080",Thistle:"#D8BFD8",Tomato:"#FF6347",Turquoise:"#40E0D0",Violet:"#EE82EE",Wheat:"#F5DEB3",White:"#FFFFFF",WhiteSmoke:"#F5F5F5",Yellow:"#FFFF00",YellowGreen:"#9ACD32"};let M=p;return Object.entries(f).forEach(([C,A])=>{p.toLowerCase()!=C.toLowerCase()||(M=A)}),M})(u),l=0,i=0,m=0,h=0,e=0,v=0;if(r.substring(0,1)==="#")r=(function(p){let f=p.replace("#","");f.length===3&&(f=f.split("").map(L=>L+L).join(""));const M=parseInt(f.substring(0,2),16),C=parseInt(f.substring(2,4),16),A=parseInt(f.substring(4,6),16);return[M,C,A]})(r);else if(r.includes("rgb"))r=[...r.matchAll(/\d+/g)].map(Number);else if(r.includes("hsl"))return r=[...r.matchAll(/\d+/g)].map(Number),l=r[0],i=r[1],m=r[2],`${l} ${i}% ${m}%`;[h,e,v]=r,h/=255,e/=255,v/=255;const F=Math.max(h,e,v),D=Math.min(h,e,v);if(F===null||!D===null||isNaN(F)||isNaN(D)){const p="0 0% 100% / 12%";return console.warn(`[VResizeDrawer]: The "color" prop value using "${r}" doesn't exist. Using the value "hsl(${p})" in it's place.`),p}if(l=(F+D)/2,i=(F+D)/2,m=(F+D)/2,F==D)l=i=0;else{const p=F-D;switch(i=m>.5?p/(2-F-D):p/(F+D),F){case h:l=(e-v)/p+(e<v?6:0);break;case e:l=(v-h)/p+2;break;case v:l=(h-e)/p+4}l/=6}return l=Math.round(360*l),i=Math.round(100*i),m=Math.round(100*m),`${l} ${i}% ${m}%`}const oe=(u,r)=>{if((function(i){return i==="transparent"||i==="none"||i==="inherit"||i==="currentColor"||i==="initial"||i==="unset"})(u))return u;if((function(i){return i.includes("--v-theme")})(u))return`rgb(var(${u}))`;const l=(function(i,m){const h=m.global.current.value?.colors??{};return Object.entries(h).find(([e])=>e===i)})(u,r);return l?`hsl(${ne(String(l[1]))})`:`hsl(${ne(u)})`},re={default:"1.5em",large:"1.75em",small:"1.25em","x-large":"2em","x-small":"1em"},Ae={handleBorderWidth:8,handleColor:"primary",handleIcon:void 0,handleIconSize:"x-small",handlePosition:"center",height:256,location:"start",maxHeight:window.innerHeight,maxWidth:window.innerWidth,minHeight:56,minWidth:56,name:void 0,rail:!1,railWidth:8,resizable:!0,saveWidth:!0,snapBack:!0,storageName:`${y}-width`,storageType:"local",tag:"nav",theme:void 0,touchless:!1,width:256},Se={key:0,class:"v-resize-drawer--handle-slot"},ke={key:1,class:"v-navigation-drawer__prepend"},be={class:"v-navigation-drawer__content"},We={key:2,class:"v-navigation-drawer__append"},ie=t.defineComponent({__name:"VResizeDrawer",props:t.mergeModels(t.mergeDefaults({absolute:{},expandOnHover:{},floating:{},handleBorderWidth:{},handleColor:{},handleIcon:{},handleIconSize:{},handlePosition:{},height:{},image:{},location:{},maxHeight:{},maxWidth:{},minHeight:{},minWidth:{},name:{},rail:{},railWidth:{},resizable:{type:Boolean},saveHeight:{type:Boolean},saveWidth:{type:Boolean},snapBack:{type:Boolean},storageName:{},storageType:{},tag:{},temporary:{},theme:{},touchless:{type:Boolean},width:{},widthSnapBack:{type:Boolean}},{...Ae}),{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:t.mergeModels(["close","drawer:mouseenter","drawer:mouseleave","handle:click","handle:dblclick","handle:drag","handle:mousedown","handle:mouseup","handle:touchend","handle:touchmove","handle:touchstart","update:modelValue"],["update:modelValue"]),setup(u,{emit:r}){const l=r,i=t.useModel(u,"modelValue"),m=u,h=t.inject(O,{}),e=t.ref({...m,...h});t.watchEffect(()=>{e.value={...m,...h}}),t.watch(()=>m.width,a=>{f.value=a,c.value=E({value:a})||void 0,H({rail:e.value.rail,resizedAmount:c.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:z.value,storageType:e.value.storageType})});const v=t.toRef(e.value,"handleIconSize"),F=t.toRef(e.value,"handlePosition"),D=t.computed(()=>e.value),p=t.inject(Symbol.for("vuetify:icons")),f=t.ref(256),M=t.ref(256),C={mouseDown:!1,mouseUp:!0},A=t.ref(!1),L=t.ref(!1),q=t.ref(e.value.location),_=t.ref(),c=t.ref(256),V=t.useSlots(),U=te.useTheme(),le=te.useDisplay(),g=t.computed(()=>q.value==="top"||q.value==="bottom"),z=t.computed(()=>`${e.value.storageName}-${e.value.location}`);t.onBeforeMount(()=>{e.value.name===void 0&&(e.value.name=String(Math.floor(1e8*Math.random())))}),t.onMounted(()=>{(function(){if(!Y.value)throw new Error("[VResizeDrawer]: 'bottom' location does not support 'bottom' or 'top' handle positions.");if(e.value.rail&&!g.value)return void(c.value=e.value.railWidth||void 0);const a=R(e.value.storageType,z.value),n=E({value:g.value?e.value.height:e.value.width});c.value=n,f.value=c.value,(e.value.saveHeight||e.value.saveWidth)&&a&&!e.value.rail&&(c.value=R(e.value.storageType,z.value)),c.value=G(c.value),H({action:"update",rail:e.value.rail,resizedAmount:c.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:z.value,storageType:e.value.storageType})})()}),t.onUnmounted(()=>{document.removeEventListener("mouseup",N,!1),document.removeEventListener("mousemove",T,!1),document.removeEventListener("touchend",x,!1),document.removeEventListener("touchstart",J,!1)}),t.watch(()=>i,a=>{l("update:modelValue",a),a||l("close")});const ue=t.computed(()=>(a=>{const{expandOnHover:n,floating:o,isMouseover:d,location:s,rail:w,railWidth:b,temporary:W}=a;let S=s==="left"||s==="start"||s===void 0;return s!=="top"&&s!=="bottom"||(S=!1),{[`${y}`]:!0,[`${y}--${s}`]:s==="bottom"||s==="top","v-navigation-drawer--custom-rail":Number(b)!==56,"v-navigation-drawer--expand-on-hover":n,"v-navigation-drawer--floating":o,"v-navigation-drawer--is-hovering":t.unref(d),"v-navigation-drawer--left":S,"v-navigation-drawer--rail":w??!1,"v-navigation-drawer--right":s==="right"||s==="end","v-navigation-drawer--temporary":W||!1}})({expandOnHover:e.value.expandOnHover,floating:e.value.floating,isMouseover:A,location:e.value.location,rail:e.value.rail,railWidth:e.value.railWidth,temporary:e.value.temporary})),se=t.computed(()=>(a=>{const{isMouseDown:n,location:o,maxWidth:d,minWidth:s,rail:w,railWidth:b,resizedAmount:W,snapBack:S}=a;if(w)return{};let B=w?b:t.unref(W);S||(parseInt(B)>=parseInt(d)&&(B=parseInt(d)),parseInt(B)<=parseInt(s)&&(B=parseInt(s)));let ee={};return ee=o==="top"||o==="bottom"?{maxHeight:`${E({value:B})} !important`,minHeight:`${E({value:B})} !important`,transitionDuration:t.unref(n)?"0s":".2s",width:"100%"}:{transitionDuration:t.unref(n)?"0s":".2s",width:E({value:B})},ee})({isMouseDown:L,location:e.value.location,maxWidth:P.value,minWidth:I.value,rail:e.value.rail,railWidth:e.value.railWidth,resizedAmount:c.value,snapBack:e.value.snapBack||e.value.widthSnapBack})),de=t.computed(()=>{if(g.value||e.value.rail)return;const a=E({value:c.value});return G(a)}),ce=t.computed(()=>(a=>{const{drawerLocation:n,handlePosition:o}=a;return{"v-navigation-drawer__handle":!0,[`${y}--handle-container`]:!0,[`${y}--handle-container-position-${o}`]:!0,[`${y}--handle-container-parent-${n}`]:!0}})({drawerLocation:e.value.location,handlePosition:e.value.handlePosition})),ve=t.computed(()=>(a=>{const{borderWidth:n,handleColor:o,iconSizeUnit:d,location:s,position:w,theme:b}=a,W="translateX(-50%) "+(s==="top"?"rotate(90deg)":"rotate(-90deg)");let S=`${d}px`,B=`${d}px`;return w==="border"?(s==="bottom"||s==="top"?S=E({value:n}):(S="100%",B=E({value:n})),{backgroundColor:oe(o,b),height:S,width:B}):{backgroundColor:"transparent",height:S,transform:s==="top"||s==="bottom"?W:void 0,width:B}})({borderWidth:e.value.handleBorderWidth||1,handleColor:e.value.handleColor,iconSize:e.value.handleIconSize,iconSizeUnit:$.value,location:e.value.location,position:e.value.handlePosition,theme:U})),he=t.computed(()=>(!e.value.touchless||!le.mobile.value)&&!(!e.value.resizable||e.value.rail)&&!!Y.value),Y=t.computed(()=>e.value.location!=="bottom"&&e.value.location!=="top"||e.value.handlePosition!=="bottom"&&e.value.handlePosition!=="top"),me=t.computed(()=>(a=>{const{color:n,theme:o}=a;return{color:oe(n,o)}})({color:m.handleColor,theme:U})),pe=t.computed(()=>(a=>{const{drawerLocation:n,handlePosition:o,iconOptions:d,isUserIcon:s}=a;return{[`${y}--handle-container-icon`]:!0,[`${y}--handle-container-icon-${o}-${n}`]:!0,[`${y}--handle-container-icon-user-icon`]:s,[`${y}--handle-container-icon-fa`]:d?.defaultSet==="fa",[`${y}--handle-container-icon-fa-${o}`]:d?.defaultSet==="fa"}})({drawerLocation:e.value.location,handlePosition:e.value.handlePosition,iconOptions:p,isUserIcon:e.value.handleIcon!=null&&e.value.handleIcon!==""})),Fe=t.computed(()=>(n=>{const{icon:o,iconOptions:d,name:s}=n;if(s==="border")return;if(o)return o;let w=(d?.defaultSet??"").toLowerCase();w=w==="fa"||w==="fasvg"?"fa":w;const b=Ee[w];if(!b)throw new Error(`[VResizeDrawer]: No default ${d?.defaultSet} icon set found.`);const W=b[s];if(!W)throw new Error(`[VResizeDrawer]: No ${s} icon found.`);return W})({icon:e.value.handleIcon,iconOptions:p,name:e.value.handlePosition})),$=t.ref(ae(String(v.value)));function ge(){A.value=!0,l("drawer:mouseenter",A.value)}function fe(){A.value=!1,l("drawer:mouseleave",A.value)}function j(a,n){let o=n;e.value.location!=="right"&&e.value.location!=="end"||(o=document.body.scrollWidth-o+$.value/2),e.value.location!=="left"&&e.value.location!=="start"||(o+=$.value/2),e.value.location==="top"&&(o-=(function(d){const s=-29e-5*d*d+-.356*d+43.56;return Math.ceil(s)})($.value)),e.value.location==="bottom"&&(o=window.innerHeight-o+$.value/2),c.value=E({value:o})||void 0,document.body.style.cursor="grabbing",k("handle:touchmove",a),k("handle:drag",a)}function X(a){j(a,g.value?a.touches[0]?.clientY:a.touches[0]?.clientX)}function T(a){j(a,g.value?a.clientY:a.clientX)}Object.keys(re).some(a=>a.includes(String(v.value)))&&($.value=ae(re[String(v.value)]));const P=t.computed(()=>{const a=g.value?e.value.maxHeight:e.value.maxWidth;if(g.value&&e.value.maxHeight==="100%")return window.innerHeight;if(e.value.maxHeight==="100%")return window.innerWidth;if(String(a).includes("%")){const n=parseInt(String(a).replace("%",""));return(g.value?window.innerHeight:window.innerWidth)*n/100}return a}),I=t.computed(()=>{const a=g.value?e.value.minHeight:e.value.minWidth;if(g.value&&e.value.minHeight==="100%")return window.innerHeight;if(e.value.minWidth==="100%")return window.innerWidth;if(String(a).includes("%")){const n=parseInt(String(a).replace("%",""));return(g.value?window.innerHeight:window.innerWidth)*n/100}return a});function K(a){let n=a;parseInt(n)>=parseInt(P.value)&&(n=parseInt(P.value)),parseInt(n)<=parseInt(I.value)&&(n=parseInt(I.value)),typeof n=="number"&&(n=Math.round(n));let o=G(n);const d=G(P.value),s=G(I.value);return o>=d&&(o=d),s>=o&&(o=s),o}function we(a){k("handle:click",a)}function De(a){c.value=f.value,g.value&&(c.value=M.value),H({rail:e.value.rail,resizedAmount:c.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:z.value,storageType:e.value.storageType}),k("handle:dblclick",a)}function Z(a,n){a.preventDefault(),a.stopPropagation();const o=a.type;let d=$.value;L.value=!0,e.value.handlePosition==="border"&&(d=e.value.handleBorderWidth||1),C.mouseUp=!1,n<d&&(o==="touchstart"?document.addEventListener("touchmove",X,!1):document.addEventListener("mousemove",T,!1)),C.mouseDown||(C.mouseDown=!0,o==="touchstart"?(document.addEventListener("touchend",x,!1),k("handle:touchstart",a)):(document.addEventListener("mouseup",N,!1),k("handle:mousedown",a)))}function Be(a){Z(a,g.value?a.offsetY:a.offsetX)}function J(a){let n=(g.value?a.touches[0]?.radiusY:a.touches[0]?.radiusX)??0;n/=2,Z(a,n)}function Q(a){a.preventDefault(),a.stopPropagation();const n=a.type,o=_.value;L.value=!1,C.mouseDown=!1,g.value||(c.value=o?.width??f.value),document.body.style.cursor="";const d=c.value;String(d).includes("-")&&(c.value=I.value),c.value=K(c.value),c.value=E({value:c.value})||void 0,c.value=G(c.value),H({rail:e.value.rail,resizedAmount:c.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:z.value,storageType:e.value.storageType}),C.mouseUp||(C.mouseUp=!0,n==="touchend"?(document.removeEventListener("touchend",x,!1),document.removeEventListener("touchmove",X,!1),k("handle:touchend",a)):(document.removeEventListener("mouseup",N,!1),document.removeEventListener("mousemove",T,!1),k("handle:mouseup",a)))}function N(a){Q(a)}function x(a){Q(a)}function k(a,n){const o=parseInt(K(c.value))??0,d={e:n,eventName:a,offsetWidth:window.innerWidth-o+"px",resizedAmount:`${o}px`,resizedHeight:`${o}px`,resizedWidth:`${o}px`,width:`${o}px`};l(a,d)}return(a,n)=>(t.openBlock(),t.createBlock(t.unref(ye.VNavigationDrawer),t.mergeProps(t.unref(D),{ref_key:"resizeDrawer",ref:_,modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=o=>i.value=o),class:t.unref(ue),location:t.unref(e).location,name:t.unref(e).name,style:t.unref(se),tag:t.unref(e).tag,width:t.unref(de),onMouseenter:ge,onMouseleave:fe}),{default:t.withCtx(()=>[t.unref(he)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(ce)),style:t.normalizeStyle(t.unref(ve)),onClick:we,onDblclick:De,onMousedown:Be,onMouseup:N,onTouchend:x,onTouchstart:J},[t.unref(V).handle?(t.openBlock(),t.createElementBlock("div",Se,[t.renderSlot(a.$slots,"handle")])):t.unref(F)!=="border"?(t.openBlock(),t.createBlock(Ce.VIcon,{key:1,class:t.normalizeClass(["v-resize-drawer--handle-icon",t.unref(pe)]),icon:t.unref(Fe),size:t.unref(v),style:t.normalizeStyle(t.unref(me))},null,8,["class","icon","size","style"])):t.createCommentVNode("",!0)],38)):t.createCommentVNode("",!0),t.unref(V).prepend?(t.openBlock(),t.createElementBlock("div",ke,[t.renderSlot(a.$slots,"prepend")])):t.createCommentVNode("",!0),t.createElementVNode("div",be,[t.renderSlot(a.$slots,"default")]),t.unref(V).append?(t.openBlock(),t.createElementBlock("div",We,[t.renderSlot(a.$slots,"append")])):t.createCommentVNode("",!0)]),_:3},16,["modelValue","class","location","name","style","tag","width"]))}}),O=Symbol();exports.VResizeDrawer=ie,exports.createVResizeDrawer=function(u={}){return{install:r=>{r.provide(O,u),r.component("VResizeDrawer",t.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./VResizeDrawer-BnCjIAmm.js"))))}}},exports.default=ie,exports.globalOptions=O;
(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");n.appendChild(document.createTextNode(".v-resize-drawer{container-name:v-resize-drawer;container-type:inline-size}.v-resize-drawer--handle-container{align-items:center;cursor:grab;display:flex;justify-content:center;position:absolute;z-index:1}.v-resize-drawer--handle-container-icon-parent-end,.v-resize-drawer--handle-container-icon-parent-right{left:initial;right:0}.v-resize-drawer--handle-container-icon-center-end,.v-resize-drawer--handle-container-icon-center-right{transform:rotate(180deg)}.v-resize-drawer--handle-container-icon-user-icon{transform:none}.v-resize-drawer--handle-container-icon-fa{font-size:.7rem!important}.v-resize-drawer--handle-container-parent-left,.v-resize-drawer--handle-container-parent-start,.v-resize-drawer--handle-container-parent-undefined{right:0}.v-resize-drawer--handle-container-parent-end,.v-resize-drawer--handle-container-parent-right{left:0}.v-resize-drawer--handle-container-position-top{top:0}.v-resize-drawer--handle-container-position-center{top:50%;transform:translateY(-50%)}.v-resize-drawer--handle-container-position-bottom{bottom:0}.v-resize-drawer--handle-container-position-border{cursor:col-resize;height:100%;top:0;width:8px}.v-resize-drawer--bottom{transition:min-height .3s}.v-resize-drawer--bottom .v-resize-drawer--handle-container-position-center{left:50%;top:0;transform:translate(-50%)}.v-resize-drawer--bottom .v-resize-drawer--handle-container-position-border{cursor:row-resize;left:0%;top:0!important;width:100%!important}.v-resize-drawer--top{top:0!important;transition:min-height .3s}.v-resize-drawer--top .v-resize-drawer--handle-container-position-center{bottom:1px;left:50%;top:unset;transform:translate(-50%)}.v-resize-drawer--top .v-resize-drawer--handle-container-position-border{bottom:0!important;cursor:row-resize;left:0%;top:unset;width:100%!important}.v-resize-drawer--bottom .v-navigation-drawer__content,.v-resize-drawer--top .v-navigation-drawer__content{flex:1 1 auto;position:relative}.v-resize-drawer>.v-navigation-drawer__content{display:flex;flex-direction:column}@container v-resize-drawer (width > 0) and (max-width: 599.98px){.v-col-xs-12{flex:0 0 100%!important;flex-basis:0;flex-grow:1;max-width:100%!important}}@container v-resize-drawer (min-width: 600px){.v-col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.v-col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.v-col-sm-3{flex:0 0 25%;max-width:25%}.v-col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.v-col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.v-col-sm-6{flex:0 0 50%;max-width:50%}.v-col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.v-col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.v-col-sm-9{flex:0 0 75%;max-width:75%}.v-col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.v-col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.v-col-sm-12{flex:0 0 100%;max-width:100%}}@container v-resize-drawer (min-width: 840px){.v-col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.v-col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.v-col-md-3{flex:0 0 25%;max-width:25%}.v-col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.v-col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.v-col-md-6{flex:0 0 50%;max-width:50%}.v-col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.v-col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.v-col-md-9{flex:0 0 75%;max-width:75%}.v-col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.v-col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.v-col-md-12{flex:0 0 100%;max-width:100%}}@container v-resize-drawer (min-width: 1145px){.v-col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.v-col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.v-col-lg-3{flex:0 0 25%;max-width:25%}.v-col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.v-col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.v-col-lg-6{flex:0 0 50%;max-width:50%}.v-col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.v-col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.v-col-lg-9{flex:0 0 75%;max-width:75%}.v-col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.v-col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.v-col-lg-12{flex:0 0 100%;max-width:100%}}@container v-resize-drawer (min-width: 1545px){.v-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.v-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.v-col-xl-3{flex:0 0 25%;max-width:25%}.v-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.v-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.v-col-xl-6{flex:0 0 50%;max-width:50%}.v-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.v-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.v-col-xl-9{flex:0 0 75%;max-width:75%}.v-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.v-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.v-col-xl-12{flex:0 0 100%;max-width:100%}}@container v-resize-drawer (min-width: 2138px){.v-col-xxl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.v-col-xxl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.v-col-xxl-3{flex:0 0 25%;max-width:25%}.v-col-xxl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.v-col-xxl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.v-col-xxl-6{flex:0 0 50%;max-width:50%}.v-col-xxl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.v-col-xxl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.v-col-xxl-9{flex:0 0 75%;max-width:75%}.v-col-xxl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.v-col-xxl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.v-col-xxl-12{flex:0 0 100%;max-width:100%}}@container v-resize-drawer only print{.hidden-print-only{display:none!important}}@container v-resize-drawer only print{.d-print-only-none{display:none!important}.d-print-only-inline{display:inline!important}.d-print-only-inline-block{display:inline-block!important}.d-print-only-block{display:block!important}.d-print-only-table{display:table!important}.d-print-only-table-row{display:table-row!important}.d-print-only-table-cell{display:table-cell!important}.d-print-only-flex{display:flex!important}.d-print-only-inline-flex{display:inline-flex!important}}@container v-resize-drawer only screen{.hidden-screen-only{display:none!important}}@container v-resize-drawer only screen{.d-screen-only-none{display:none!important}.d-screen-only-inline{display:inline!important}.d-screen-only-inline-block{display:inline-block!important}.d-screen-only-block{display:block!important}.d-screen-only-table{display:table!important}.d-screen-only-table-row{display:table-row!important}.d-screen-only-table-cell{display:table-cell!important}.d-screen-only-flex{display:flex!important}.d-screen-only-inline-flex{display:inline-flex!important}}@container v-resize-drawer (max-width: 599.98px){.hidden-xs{display:none!important}}@container v-resize-drawer (max-width: 599.98px){.d-xs-none{display:none!important}.d-xs-inline{display:inline!important}.d-xs-inline-block{display:inline-block!important}.d-xs-block{display:block!important}.d-xs-table{display:table!important}.d-xs-table-row{display:table-row!important}.d-xs-table-cell{display:table-cell!important}.d-xs-flex{display:flex!important}.d-xs-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 600px) and (max-width: 839.98px){.hidden-sm{display:none!important}}@container v-resize-drawer (min-width: 600px) and (max-width: 839.98px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 840px) and (max-width: 1144.98px){.hidden-md{display:none!important}}@container v-resize-drawer (min-width: 840px) and (max-width: 1144.98px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 1145px) and (max-width: 1544.98px){.hidden-lg{display:none!important}}@container v-resize-drawer (min-width: 1145px) and (max-width: 1544.98px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 1545px) and (max-width: 2137.98px){.hidden-xl{display:none!important}}@container v-resize-drawer (min-width: 1545px) and (max-width: 2137.98px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 2138px){.hidden-xxl{display:none!important}}@container v-resize-drawer (min-width: 2138px){.d-xxl-none{display:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 600px){.hidden-sm-and-up{display:none!important}}@container v-resize-drawer (min-width: 600px){.d-sm-and-up-none{display:none!important}.d-sm-and-up-inline{display:inline!important}.d-sm-and-up-inline-block{display:inline-block!important}.d-sm-and-up-block{display:block!important}.d-sm-and-up-table{display:table!important}.d-sm-and-up-table-row{display:table-row!important}.d-sm-and-up-table-cell{display:table-cell!important}.d-sm-and-up-flex{display:flex!important}.d-sm-and-up-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 840px){.hidden-md-and-up{display:none!important}}@container v-resize-drawer (min-width: 840px){.d-md-and-up-none{display:none!important}.d-md-and-up-inline{display:inline!important}.d-md-and-up-inline-block{display:inline-block!important}.d-md-and-up-block{display:block!important}.d-md-and-up-table{display:table!important}.d-md-and-up-table-row{display:table-row!important}.d-md-and-up-table-cell{display:table-cell!important}.d-md-and-up-flex{display:flex!important}.d-md-and-up-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 1145px){.hidden-lg-and-up{display:none!important}}@container v-resize-drawer (min-width: 1145px){.d-lg-and-up-none{display:none!important}.d-lg-and-up-inline{display:inline!important}.d-lg-and-up-inline-block{display:inline-block!important}.d-lg-and-up-block{display:block!important}.d-lg-and-up-table{display:table!important}.d-lg-and-up-table-row{display:table-row!important}.d-lg-and-up-table-cell{display:table-cell!important}.d-lg-and-up-flex{display:flex!important}.d-lg-and-up-inline-flex{display:inline-flex!important}}@container v-resize-drawer (min-width: 1545px){.hidden-xl-and-up{display:none!important}}@container v-resize-drawer (min-width: 1545px){.d-xl-and-up-none{display:none!important}.d-xl-and-up-inline{display:inline!important}.d-xl-and-up-inline-block{display:inline-block!important}.d-xl-and-up-block{display:block!important}.d-xl-and-up-table{display:table!important}.d-xl-and-up-table-row{display:table-row!important}.d-xl-and-up-table-cell{display:table-cell!important}.d-xl-and-up-flex{display:flex!important}.d-xl-and-up-inline-flex{display:inline-flex!important}}@container v-resize-drawer (max-width: 839.98px){.hidden-sm-and-down{display:none!important}}@container v-resize-drawer (max-width: 839.98px){.d-sm-and-down-none{display:none!important}.d-sm-and-down-inline{display:inline!important}.d-sm-and-down-inline-block{display:inline-block!important}.d-sm-and-down-block{display:block!important}.d-sm-and-down-table{display:table!important}.d-sm-and-down-table-row{display:table-row!important}.d-sm-and-down-table-cell{display:table-cell!important}.d-sm-and-down-flex{display:flex!important}.d-sm-and-down-inline-flex{display:inline-flex!important}}@container v-resize-drawer (max-width: 1144.98px){.hidden-md-and-down{display:none!important}}@container v-resize-drawer (max-width: 1144.98px){.d-md-and-down-none{display:none!important}.d-md-and-down-inline{display:inline!important}.d-md-and-down-inline-block{display:inline-block!important}.d-md-and-down-block{display:block!important}.d-md-and-down-table{display:table!important}.d-md-and-down-table-row{display:table-row!important}.d-md-and-down-table-cell{display:table-cell!important}.d-md-and-down-flex{display:flex!important}.d-md-and-down-inline-flex{display:inline-flex!important}}@container v-resize-drawer (max-width: 1544.98px){.hidden-lg-and-down{display:none!important}}@container v-resize-drawer (max-width: 1544.98px){.d-lg-and-down-none{display:none!important}.d-lg-and-down-inline{display:inline!important}.d-lg-and-down-inline-block{display:inline-block!important}.d-lg-and-down-block{display:block!important}.d-lg-and-down-table{display:table!important}.d-lg-and-down-table-row{display:table-row!important}.d-lg-and-down-table-cell{display:table-cell!important}.d-lg-and-down-flex{display:flex!important}.d-lg-and-down-inline-flex{display:inline-flex!important}}@container v-resize-drawer (max-width: 2137.98px){.hidden-xl-and-down{display:none!important}}@container v-resize-drawer (max-width: 2137.98px){.d-xl-and-down-none{display:none!important}.d-xl-and-down-inline{display:inline!important}.d-xl-and-down-inline-block{display:inline-block!important}.d-xl-and-down-block{display:block!important}.d-xl-and-down-table{display:table!important}.d-xl-and-down-table-row{display:table-row!important}.d-xl-and-down-table-cell{display:table-cell!important}.d-xl-and-down-flex{display:flex!important}.d-xl-and-down-inline-flex{display:inline-flex!important}}")),document.head.appendChild(n)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();