@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.
12 lines (11 loc) • 33.8 kB
JavaScript
;/**
* @name @wdns/vuetify-resize-drawer
* @version 3.3.1
* @description The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.
* @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)
* @copyright Copyright 2025, WebDevNerdStuff
* @homepage https://webdevnerdstuff.github.io/vuetify-resize-drawer/
* @repository https://github.com/webdevnerdstuff/vuetify-resize-drawer
* @license MIT License
*/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=s=>{const{unit:i="px",value:u}=s;if(u!=null&&u!=="")return+u?`${Number(u)}${i}`:String(u)},G=s=>{const i=window.innerWidth,u=function(l){if(typeof l=="string"){const p=/(\d+(\.\d+)?)(\s*([a-zA-Z]+))?/,m=l.match(p);if(!m)return l;const e=parseFloat(m[1]),d=m[4];if(!isNaN(e)){const F=Math.round(e);return d?`${F} ${d}`:`${F}`}return l}return typeof l=="number"?Math.round(l):l}(s);return typeof s=="string"&&s.includes("%")?Number(s.replace("%",""))/100*i:typeof u=="string"?Number(u.replace(/\D/g,"")):u},ae=s=>{if(!s)return 0;if(typeof s=="number")return s;const i=document.createElement("div");i.style.position="absolute",i.style.visibility="hidden",i.style.width=s;const u=document.body;u.appendChild(i);const l=getComputedStyle(i).width;return u.removeChild(i),parseFloat(l)},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 O(s,i){return s==="local"?localStorage.getItem(i):s==="session"?sessionStorage.getItem(i):""}const x=s=>{const{action:i="update",rail:u,resizedAmount:l,saveAmount:p,storageName:m,storageType:e}=s;if(u&&!p)return;let d=l;d=d??void 0,i==="set"&&(d=O(e,m)??"",d=d||l),e==="local"&&localStorage.setItem(m,String(d)),e==="session"&&sessionStorage.setItem(m,String(d))};function ne(s){let i=function(w){const B={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=w;return Object.entries(B).forEach(([C,A])=>{w.toLowerCase()!=C.toLowerCase()||(M=A)}),M}(s),u=0,l=0,p=0,m=0,e=0,d=0;if(i.substring(0,1)==="#")i=function(w){let B=w.replace("#","");B.length===3&&(B=B.split("").map(L=>L+L).join(""));const M=parseInt(B.substring(0,2),16),C=parseInt(B.substring(2,4),16),A=parseInt(B.substring(4,6),16);return[M,C,A]}(i);else if(i.includes("rgb"))i=[...i.matchAll(/\d+/g)].map(Number);else if(i.includes("hsl"))return i=[...i.matchAll(/\d+/g)].map(Number),u=i[0],l=i[1],p=i[2],`${u} ${l}% ${p}%`;[m,e,d]=i,m/=255,e/=255,d/=255;const F=Math.max(m,e,d),D=Math.min(m,e,d);if(F===null||!D===null||isNaN(F)||isNaN(D))return"0 0% 100% / 12%";if(u=(F+D)/2,l=(F+D)/2,p=(F+D)/2,F==D)u=l=0;else{const w=F-D;switch(l=p>.5?w/(2-F-D):w/(F+D),F){case m:u=(e-d)/w+(e<d?6:0);break;case e:u=(d-m)/w+2;break;case d:u=(m-e)/w+4}u/=6}return u=Math.round(360*u),l=Math.round(100*l),p=Math.round(100*p),`${u} ${l}% ${p}%`}const oe=(s,i)=>{if(function(l){return l==="transparent"||l==="none"||l==="inherit"||l==="currentColor"||l==="initial"||l==="unset"}(s))return s;if(function(l){return l.includes("--v-theme")}(s))return`rgb(var(${s}))`;const u=function(l,p){var e;const m=((e=p.global.current.value)==null?void 0:e.colors)??{};return Object.entries(m).find(([d])=>d===l)}(s,i);return u?`hsl(${ne(u[1])})`:`hsl(${ne(s)})`},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"},be={key:1,class:"v-navigation-drawer__prepend"},ke={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(s,{emit:i}){const u=i,l=t.useModel(s,"modelValue"),p=s,m=t.inject(R,{}),e=t.ref({...p,...m});t.watchEffect(()=>{e.value={...p,...m}}),t.watch(()=>p.width,a=>{B.value=a,c.value=E({value:a})||void 0,x({rail:e.value.rail,resizedAmount:c.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:z.value,storageType:e.value.storageType})});const d=t.toRef(e.value,"handleIconSize"),F=t.toRef(e.value,"handlePosition"),D=t.computed(()=>e.value),w=t.inject(Symbol.for("vuetify:icons")),B=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=O(e.value.storageType,z.value),o=E({value:g.value?e.value.height:e.value.width});c.value=o,B.value=c.value,(e.value.saveHeight||e.value.saveWidth)&&a&&!e.value.rail&&(c.value=O(e.value.storageType,z.value)),c.value=G(c.value),x({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",H,!1),document.removeEventListener("touchstart",J,!1)}),t.watch(()=>l,a=>{u("update:modelValue",a),a||u("close")});const ue=t.computed(()=>(a=>{const{absolute:o=!1,expandOnHover:n,floating:r,isMouseover:v,location:h,rail:b,railWidth:k,temporary:W}=a;let f=h==="left"||h==="start"||h===void 0;return h!=="top"&&h!=="bottom"||(f=!1),{[`${y}`]:!0,[`${y}--${h}`]:h==="bottom"||h==="top","v-navigation-drawer--absolute":o??!1,"v-navigation-drawer--custom-rail":Number(k)!==56,"v-navigation-drawer--fixed":!o,"v-navigation-drawer--floating":r,"v-navigation-drawer--is-mouseover":t.unref(v),"v-navigation-drawer--left":f,"v-navigation-drawer--open-on-hover":n,"v-navigation-drawer--rail":b??!1,"v-navigation-drawer--right":h==="right"||h==="end","v-navigation-drawer--temporary":W||!1}})({absolute:e.value.absolute,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:o,location:n,maxWidth:r,minWidth:v,rail:h,railWidth:b,resizedAmount:k,snapBack:W}=a;if(h)return{};let f=h?b:t.unref(k);W||(parseInt(f)>=parseInt(r)&&(f=parseInt(r)),parseInt(f)<=parseInt(v)&&(f=parseInt(v)));let ee={};return ee=n==="top"||n==="bottom"?{maxHeight:`${E({value:f})} !important`,minHeight:`${E({value:f})} !important`,transitionDuration:t.unref(o)?"0s":".2s",width:"100%"}:{transitionDuration:t.unref(o)?"0s":".2s",width:E({value:f})},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:o,handlePosition:n}=a;return{"v-navigation-drawer__handle":!0,[`${y}--handle-container`]:!0,[`${y}--handle-container-position-${n}`]:!0,[`${y}--handle-container-parent-${o}`]:!0}})({drawerLocation:e.value.location,handlePosition:e.value.handlePosition})),ve=t.computed(()=>(a=>{const{borderWidth:o,handleColor:n,iconSizeUnit:r,location:v,position:h,theme:b}=a,k="translateX(-50%) "+(v==="top"?"rotate(90deg)":"rotate(-90deg)");let W=`${r}px`,f=`${r}px`;return h==="border"?(v==="bottom"||v==="top"?W=E({value:o}):(W="100%",f=E({value:o})),{backgroundColor:oe(n,b),height:W,width:f}):{backgroundColor:"transparent",height:W,transform:v==="top"||v==="bottom"?k:void 0,width:f}})({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:o,theme:n}=a;return{color:oe(o,n)}})({color:p.handleColor,theme:U})),pe=t.computed(()=>(a=>{const{drawerLocation:o,handlePosition:n,iconOptions:r,isUserIcon:v}=a;return{[`${y}--handle-container-icon`]:!0,[`${y}--handle-container-icon-${n}-${o}`]:!0,[`${y}--handle-container-icon-user-icon`]:v,[`${y}--handle-container-icon-fa`]:(r==null?void 0:r.defaultSet)==="fa",[`${y}--handle-container-icon-fa-${n}`]:(r==null?void 0:r.defaultSet)==="fa"}})({drawerLocation:e.value.location,handlePosition:e.value.handlePosition,iconOptions:w,isUserIcon:e.value.handleIcon!=null&&e.value.handleIcon!==""})),Fe=t.computed(()=>(o=>{const{icon:n,iconOptions:r,name:v}=o;if(v==="border")return;if(n)return n;let h=((r==null?void 0:r.defaultSet)??"").toLowerCase();h=h==="fa"||h==="fasvg"?"fa":h;const b=Ee[h];if(!b)throw new Error(`[VResizeDrawer]: No default ${r==null?void 0:r.defaultSet} icon set found.`);const k=b[v];if(!k)throw new Error(`[VResizeDrawer]: No ${v} icon found.`);return k})({icon:e.value.handleIcon,iconOptions:w,name:e.value.handlePosition})),$=t.ref(ae(String(d.value)));function ge(){A.value=!0,u("drawer:mouseenter",A.value)}function fe(){A.value=!1,u("drawer:mouseleave",A.value)}function j(a,o){let n=o;e.value.location!=="right"&&e.value.location!=="end"||(n=document.body.scrollWidth-n+$.value/2),e.value.location!=="left"&&e.value.location!=="start"||(n+=$.value/2),e.value.location==="top"&&(n-=function(r){const v=-29e-5*r*r+-.356*r+43.56;return Math.ceil(v)}($.value)),e.value.location==="bottom"&&(n=window.innerHeight-n+$.value/2),c.value=E({value:n})||void 0,document.body.style.cursor="grabbing",S("handle:touchmove",a),S("handle:drag",a)}function X(a){var o,n;j(a,g.value?(o=a.touches[0])==null?void 0:o.clientY:(n=a.touches[0])==null?void 0:n.clientX)}function T(a){j(a,g.value?a.clientY:a.clientX)}Object.keys(re).some(a=>a.includes(String(d.value)))&&($.value=ae(re[String(d.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 o=parseInt(String(a).replace("%",""));return(g.value?window.innerHeight:window.innerWidth)*o/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 o=parseInt(String(a).replace("%",""));return(g.value?window.innerHeight:window.innerWidth)*o/100}return a});function K(a){let o=a;parseInt(o)>=parseInt(P.value)&&(o=parseInt(P.value)),parseInt(o)<=parseInt(I.value)&&(o=parseInt(I.value)),typeof o=="number"&&(o=Math.round(o));let n=G(o);const r=G(P.value),v=G(I.value);return n>=r&&(n=r),v>=n&&(n=v),n}function we(a){S("handle:click",a)}function Be(a){c.value=B.value,g.value&&(c.value=M.value),x({rail:e.value.rail,resizedAmount:c.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:z.value,storageType:e.value.storageType}),S("handle:dblclick",a)}function Z(a,o){a.preventDefault(),a.stopPropagation();const n=a.type;let r=$.value;L.value=!0,e.value.handlePosition==="border"&&(r=e.value.handleBorderWidth||1),C.mouseUp=!1,o<r&&(n==="touchstart"?document.addEventListener("touchmove",X,!1):document.addEventListener("mousemove",T,!1)),C.mouseDown||(C.mouseDown=!0,n==="touchstart"?(document.addEventListener("touchend",H,!1),S("handle:touchstart",a)):(document.addEventListener("mouseup",N,!1),S("handle:mousedown",a)))}function De(a){Z(a,g.value?a.offsetY:a.offsetX)}function J(a){var n,r;let o=(g.value?(n=a.touches[0])==null?void 0:n.radiusY:(r=a.touches[0])==null?void 0:r.radiusX)??0;o/=2,Z(a,o)}function Q(a){a.preventDefault(),a.stopPropagation();const o=a.type,n=_.value;L.value=!1,C.mouseDown=!1,g.value||(c.value=(n==null?void 0:n.width)??B.value),document.body.style.cursor="";const r=c.value;String(r).includes("-")&&(c.value=I.value),c.value=K(c.value),c.value=E({value:c.value})||void 0,c.value=G(c.value),x({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,o==="touchend"?(document.removeEventListener("touchend",H,!1),document.removeEventListener("touchmove",X,!1),S("handle:touchend",a)):(document.removeEventListener("mouseup",N,!1),document.removeEventListener("mousemove",T,!1),S("handle:mouseup",a)))}function N(a){Q(a)}function H(a){Q(a)}function S(a,o){const n=parseInt(K(c.value))??0,r={e:o,eventName:a,offsetWidth:window.innerWidth-n+"px",resizedAmount:`${n}px`,resizedHeight:`${n}px`,resizedWidth:`${n}px`,width:`${n}px`};u(a,r)}return(a,o)=>(t.openBlock(),t.createBlock(t.unref(ye.VNavigationDrawer),t.mergeProps(t.unref(D),{ref_key:"resizeDrawer",ref:_,modelValue:l.value,"onUpdate:modelValue":o[0]||(o[0]=n=>l.value=n),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:Be,onMousedown:De,onMouseup:N,onTouchend:H,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(d),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",be,[t.renderSlot(a.$slots,"prepend")])):t.createCommentVNode("",!0),t.createElementVNode("div",ke,[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"]))}}),R=Symbol();exports.VResizeDrawer=ie,exports.createVResizeDrawer=function(s={}){return{install:i=>{i.provide(R,s),i.component("VResizeDrawer",t.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./VResizeDrawer-uX2YCyci.js"))))}}},exports.default=ie,exports.globalOptions=R;
(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: 960px){.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: 1280px){.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: 1920px){.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: 2560px){.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: 959.98px){.hidden-sm{display:none!important}}@container v-resize-drawer (min-width: 600px) and (max-width: 959.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: 960px) and (max-width: 1279.98px){.hidden-md{display:none!important}}@container v-resize-drawer (min-width: 960px) and (max-width: 1279.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: 1280px) and (max-width: 1919.98px){.hidden-lg{display:none!important}}@container v-resize-drawer (min-width: 1280px) and (max-width: 1919.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: 1920px) and (max-width: 2559.98px){.hidden-xl{display:none!important}}@container v-resize-drawer (min-width: 1920px) and (max-width: 2559.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: 2560px){.hidden-xxl{display:none!important}}@container v-resize-drawer (min-width: 2560px){.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: 960px){.hidden-md-and-up{display:none!important}}@container v-resize-drawer (min-width: 960px){.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: 1280px){.hidden-lg-and-up{display:none!important}}@container v-resize-drawer (min-width: 1280px){.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: 1920px){.hidden-xl-and-up{display:none!important}}@container v-resize-drawer (min-width: 1920px){.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: 959.98px){.hidden-sm-and-down{display:none!important}}@container v-resize-drawer (max-width: 959.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: 1279.98px){.hidden-md-and-down{display:none!important}}@container v-resize-drawer (max-width: 1279.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: 1919.98px){.hidden-lg-and-down{display:none!important}}@container v-resize-drawer (max-width: 1919.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: 2559.98px){.hidden-xl-and-down{display:none!important}}@container v-resize-drawer (max-width: 2559.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)}})();