@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.5 kB
JavaScript
;/**
* @name @wdns/vuetify-resize-drawer
* @version 3.2.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 a=require("vue"),ee=require("vuetify"),ye=require("vuetify/components"),Ce=require("vuetify/lib/components/VIcon/index.mjs"),y="v-resize-drawer",A=s=>{const{unit:l="px",value:u}=s;if(u!=null&&u!=="")return+u?`${Number(u)}${l}`:String(u)},z=s=>{const l=window.innerWidth,u=function(r){if(typeof r=="string"){const F=/(\d+(\.\d+)?)(\s*([a-zA-Z]+))?/,e=r.match(F);if(!e)return r;const c=parseFloat(e[1]),v=e[4];if(!isNaN(c)){const p=Math.round(c);return v?`${p} ${v}`:`${p}`}return r}return typeof r=="number"?Math.round(r):r}(s);return typeof s=="string"&&s.includes("%")?Number(s.replace("%",""))/100*l:typeof u=="string"?Number(u.replace(/\D/g,"")):u},te=s=>{if(!s)return 0;if(typeof s=="number")return s;const l=document.createElement("div");l.style.position="absolute",l.style.visibility="hidden",l.style.width=s;const u=document.body;u.appendChild(l);const r=getComputedStyle(l).width;return u.removeChild(l),parseFloat(r)},Ae={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(s,l){return s==="local"?localStorage.getItem(l):s==="session"?sessionStorage.getItem(l):""}const x=s=>{const{action:l="update",rail:u,resizedAmount:r,saveAmount:F,storageName:e,storageType:c}=s;if(u&&!F)return;let v=r;v=v??void 0,l==="set"&&(v=R(c,e)??"",v=v||r),c==="local"&&localStorage.setItem(e,String(v)),c==="session"&&sessionStorage.setItem(e,String(v))};function ae(s){let l=function(g){const C={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 B=g;return Object.entries(C).forEach(([b,$])=>{g.toLowerCase()!=b.toLowerCase()||(B=$)}),B}(s),u=0,r=0,F=0,e=0,c=0,v=0;if(l.substring(0,1)==="#")l=function(g){let C=g.replace("#","");C.length===3&&(C=C.split("").map(G=>G+G).join(""));const B=parseInt(C.substring(0,2),16),b=parseInt(C.substring(2,4),16),$=parseInt(C.substring(4,6),16);return[B,b,$]}(l);else if(l.includes("rgb"))l=[...l.matchAll(/\d+/g)].map(Number);else if(l.includes("hsl"))return l=[...l.matchAll(/\d+/g)].map(Number),u=l[0],r=l[1],F=l[2],`${u} ${r}% ${F}%`;[e,c,v]=l,e/=255,c/=255,v/=255;const p=Math.max(e,c,v),D=Math.min(e,c,v);if(p===null||!D===null||isNaN(p)||isNaN(D))return"0 0% 100% / 12%";if(u=(p+D)/2,r=(p+D)/2,F=(p+D)/2,p==D)u=r=0;else{const g=p-D;switch(r=F>.5?g/(2-p-D):g/(p+D),p){case e:u=(c-v)/g+(c<v?6:0);break;case c:u=(v-e)/g+2;break;case v:u=(e-c)/g+4}u/=6}return u=Math.round(360*u),r=Math.round(100*r),F=Math.round(100*F),`${u} ${r}% ${F}%`}const ne=(s,l)=>{if(function(r){return r==="transparent"||r==="none"||r==="inherit"||r==="currentColor"||r==="initial"||r==="unset"}(s))return s;if(function(r){return r.includes("--v-theme")}(s))return`rgb(var(${s}))`;const u=function(r,F){var c;const e=((c=F.global.current.value)==null?void 0:c.colors)??{};return Object.entries(e).find(([v])=>v===r)}(s,l);return u?`hsl(${ae(u[1])})`:`hsl(${ae(s)})`},oe={default:"1.5em",large:"1.75em",small:"1.25em","x-large":"2em","x-small":"1em"},be={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,modelValue:!0,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},Ee={key:0,class:"v-resize-drawer--handle-slot"},re=a.defineComponent({__name:"VResizeDrawer",props:a.mergeDefaults({absolute:{},expandOnHover:{},floating:{},handleBorderWidth:{},handleColor:{},handleIcon:{},handleIconSize:{},handlePosition:{},height:{},image:{},location:{},maxHeight:{},maxWidth:{},minHeight:{},minWidth:{},modelValue:{},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}},{...be}),emits:["close","drawer:mouseenter","drawer:mouseleave","handle:click","handle:dblclick","handle:drag","handle:mousedown","handle:mouseup","handle:touchend","handle:touchmove","handle:touchstart","update:modelValue"],setup(s,{emit:l}){const u=l,r=s,F=a.inject(q,{}),e=a.ref({...r,...F});a.watchEffect(()=>{e.value={...r,...F}}),a.watch(()=>r.width,t=>{g.value=t,d.value=A({value:t})||void 0,x({rail:e.value.rail,resizedAmount:d.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:M.value,storageType:e.value.storageType})});const c=a.toRef(e.value,"handleIconSize"),v=a.toRef(e.value,"handlePosition"),p=a.computed(()=>e.value),D=a.inject(Symbol.for("vuetify:icons")),g=a.ref(256),C=a.ref(256),B={mouseDown:!1,mouseUp:!0},b=a.ref(!1),$=a.ref(!1),G=a.ref(e.value.location),U=a.ref(),d=a.ref(256),T=a.useSlots(),V=ee.useTheme(),ie=ee.useDisplay(),f=a.computed(()=>G.value==="top"||G.value==="bottom"),M=a.computed(()=>`${e.value.storageName}-${e.value.location}`);a.onBeforeMount(()=>{e.value.name===void 0&&(e.value.name=String(Math.floor(1e8*Math.random())))}),a.onMounted(()=>{(function(){if(!Y.value)throw new Error("[VResizeDrawer]: 'bottom' location does not support 'bottom' or 'top' handle positions.");if(e.value.rail&&!f.value)return void(d.value=e.value.railWidth||void 0);const t=R(e.value.storageType,M.value),o=A({value:f.value?e.value.height:e.value.width});d.value=o,g.value=d.value,(e.value.saveHeight||e.value.saveWidth)&&t&&!e.value.rail&&(d.value=R(e.value.storageType,M.value)),d.value=z(d.value),x({action:"update",rail:e.value.rail,resizedAmount:d.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:M.value,storageType:e.value.storageType})})()}),a.onUnmounted(()=>{document.removeEventListener("mouseup",H,!1),document.removeEventListener("mousemove",O,!1),document.removeEventListener("touchend",N,!1),document.removeEventListener("touchstart",Z,!1)}),a.watch(()=>r.modelValue,t=>{u("update:modelValue",t),t||u("close")});const le=a.computed(()=>(t=>{const{absolute:o=!1,expandOnHover:n,floating:i,isMouseover:h,location:m,rail:S,railWidth:k,temporary:W}=t;let w=m==="left"||m==="start"||m===void 0;return m!=="top"&&m!=="bottom"||(w=!1),{[`${y}`]:!0,[`${y}--${m}`]:m==="bottom"||m==="top","v-navigation-drawer--absolute":o??!1,"v-navigation-drawer--custom-rail":Number(k)!==56,"v-navigation-drawer--fixed":!o,"v-navigation-drawer--floating":i,"v-navigation-drawer--is-mouseover":a.unref(h),"v-navigation-drawer--left":w,"v-navigation-drawer--open-on-hover":n,"v-navigation-drawer--rail":S??!1,"v-navigation-drawer--right":m==="right"||m==="end","v-navigation-drawer--temporary":W||!1}})({absolute:e.value.absolute,expandOnHover:e.value.expandOnHover,floating:e.value.floating,isMouseover:b,location:e.value.location,rail:e.value.rail,railWidth:e.value.railWidth,temporary:e.value.temporary})),ue=a.computed(()=>(t=>{const{isMouseDown:o,location:n,maxWidth:i,minWidth:h,rail:m,railWidth:S,resizedAmount:k,snapBack:W}=t;if(m)return{};let w=m?S:a.unref(k);W||(parseInt(w)>=parseInt(i)&&(w=parseInt(i)),parseInt(w)<=parseInt(h)&&(w=parseInt(h)));let Q={};return Q=n==="top"||n==="bottom"?{maxHeight:`${A({value:w})} !important`,minHeight:`${A({value:w})} !important`,transitionDuration:a.unref(o)?"0s":".2s",width:"100%"}:{transitionDuration:a.unref(o)?"0s":".2s",width:A({value:w})},Q})({isMouseDown:$,location:e.value.location,maxWidth:P.value,minWidth:I.value,rail:e.value.rail,railWidth:e.value.railWidth,resizedAmount:d.value,snapBack:e.value.snapBack||e.value.widthSnapBack})),se=a.computed(()=>{if(f.value||e.value.rail)return;const t=A({value:d.value});return z(t)}),de=a.computed(()=>(t=>{const{drawerLocation:o,handlePosition:n}=t;return{[`${y}--handle-container`]:!0,[`${y}--handle-container-position-${n}`]:!0,[`${y}--handle-container-parent-${o}`]:!0}})({drawerLocation:e.value.location,handlePosition:e.value.handlePosition})),ce=a.computed(()=>(t=>{const{borderWidth:o,handleColor:n,iconSizeUnit:i,location:h,position:m,theme:S}=t,k="translateX(-50%) "+(h==="top"?"rotate(90deg)":"rotate(-90deg)");let W=`${i}px`,w=`${i}px`;return m==="border"?(h==="bottom"||h==="top"?W=A({value:o}):(W="100%",w=A({value:o})),{backgroundColor:ne(n,S),height:W,width:w}):{backgroundColor:"transparent",height:W,transform:h==="top"||h==="bottom"?k:void 0,width:w}})({borderWidth:e.value.handleBorderWidth||1,handleColor:e.value.handleColor,iconSize:e.value.handleIconSize,iconSizeUnit:L.value,location:e.value.location,position:e.value.handlePosition,theme:V})),ve=a.computed(()=>(!e.value.touchless||!ie.mobile.value)&&!(!e.value.resizable||e.value.rail)&&!!Y.value),Y=a.computed(()=>e.value.location!=="bottom"&&e.value.location!=="top"||e.value.handlePosition!=="bottom"&&e.value.handlePosition!=="top"),he=a.computed(()=>(t=>{const{color:o,theme:n}=t;return{color:ne(o,n)}})({color:r.handleColor,theme:V})),me=a.computed(()=>(t=>{const{drawerLocation:o,handlePosition:n,iconOptions:i,isUserIcon:h}=t;return{[`${y}--handle-container-icon`]:!0,[`${y}--handle-container-icon-${n}-${o}`]:!0,[`${y}--handle-container-icon-user-icon`]:h,[`${y}--handle-container-icon-fa`]:(i==null?void 0:i.defaultSet)==="fa",[`${y}--handle-container-icon-fa-${n}`]:(i==null?void 0:i.defaultSet)==="fa"}})({drawerLocation:e.value.location,handlePosition:e.value.handlePosition,iconOptions:D,isUserIcon:e.value.handleIcon!=null&&e.value.handleIcon!==""})),Fe=a.computed(()=>(o=>{const{icon:n,iconOptions:i,name:h}=o;if(h==="border")return;if(n)return n;let m=((i==null?void 0:i.defaultSet)??"").toLowerCase();m=m==="fa"||m==="fasvg"?"fa":m;const S=Ae[m];if(!S)throw new Error(`[VResizeDrawer]: No default ${i==null?void 0:i.defaultSet} icon set found.`);const k=S[h];if(!k)throw new Error(`[VResizeDrawer]: No ${h} icon found.`);return k})({icon:e.value.handleIcon,iconOptions:D,name:e.value.handlePosition})),L=a.ref(te(String(c.value)));function pe(){b.value=!0,u("drawer:mouseenter",b.value)}function ge(){b.value=!1,u("drawer:mouseleave",b.value)}function j(t,o){let n=o;e.value.location!=="right"&&e.value.location!=="end"||(n=document.body.scrollWidth-n+L.value/2),e.value.location!=="left"&&e.value.location!=="start"||(n+=L.value/2),e.value.location==="top"&&(n-=function(i){const h=-29e-5*i*i+-.356*i+43.56;return Math.ceil(h)}(L.value)),e.value.location==="bottom"&&(n=window.innerHeight-n+L.value/2),d.value=A({value:n})||void 0,document.body.style.cursor="grabbing",E("handle:touchmove",t),E("handle:drag",t)}function _(t){var o,n;j(t,f.value?(o=t.touches[0])==null?void 0:o.clientY:(n=t.touches[0])==null?void 0:n.clientX)}function O(t){j(t,f.value?t.clientY:t.clientX)}Object.keys(oe).some(t=>t.includes(String(c.value)))&&(L.value=te(oe[String(c.value)]));const P=a.computed(()=>{const t=f.value?e.value.maxHeight:e.value.maxWidth;if(f.value&&e.value.maxHeight==="100%")return window.innerHeight;if(e.value.maxHeight==="100%")return window.innerWidth;if(String(t).includes("%")){const o=parseInt(String(t).replace("%",""));return(f.value?window.innerHeight:window.innerWidth)*o/100}return t}),I=a.computed(()=>{const t=f.value?e.value.minHeight:e.value.minWidth;if(f.value&&e.value.minHeight==="100%")return window.innerHeight;if(e.value.minWidth==="100%")return window.innerWidth;if(String(t).includes("%")){const o=parseInt(String(t).replace("%",""));return(f.value?window.innerHeight:window.innerWidth)*o/100}return t});function X(t){let o=t;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=z(o);const i=z(P.value),h=z(I.value);return n>=i&&(n=i),h>=n&&(n=h),n}function fe(t){E("handle:click",t)}function we(t){d.value=g.value,f.value&&(d.value=C.value),x({rail:e.value.rail,resizedAmount:d.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:M.value,storageType:e.value.storageType}),E("handle:dblclick",t)}function K(t,o){t.preventDefault(),t.stopPropagation();const n=t.type;let i=L.value;$.value=!0,e.value.handlePosition==="border"&&(i=e.value.handleBorderWidth||1),B.mouseUp=!1,o<i&&(n==="touchstart"?document.addEventListener("touchmove",_,!1):document.addEventListener("mousemove",O,!1)),B.mouseDown||(B.mouseDown=!0,n==="touchstart"?(document.addEventListener("touchend",N,!1),E("handle:touchstart",t)):(document.addEventListener("mouseup",H,!1),E("handle:mousedown",t)))}function De(t){K(t,f.value?t.offsetY:t.offsetX)}function Z(t){var n,i;let o=(f.value?(n=t.touches[0])==null?void 0:n.radiusY:(i=t.touches[0])==null?void 0:i.radiusX)??0;o/=2,K(t,o)}function J(t){t.preventDefault(),t.stopPropagation();const o=t.type,n=U.value;$.value=!1,B.mouseDown=!1,f.value||(d.value=(n==null?void 0:n.width)??g.value),document.body.style.cursor="";const i=d.value;String(i).includes("-")&&(d.value=I.value),d.value=X(d.value),d.value=A({value:d.value})||void 0,d.value=z(d.value),x({rail:e.value.rail,resizedAmount:d.value,saveAmount:e.value.saveHeight||e.value.saveWidth,storageName:M.value,storageType:e.value.storageType}),B.mouseUp||(B.mouseUp=!0,o==="touchend"?(document.removeEventListener("touchend",N,!1),document.removeEventListener("touchmove",_,!1),E("handle:touchend",t)):(document.removeEventListener("mouseup",H,!1),document.removeEventListener("mousemove",O,!1),E("handle:mouseup",t)))}function H(t){J(t)}function N(t){J(t)}const Be=a.computed(()=>{var t;return e.value.theme?e.value.theme:((t=V.global.current.value)==null?void 0:t.dark)===!0?"dark":"light"});function E(t,o){const n=parseInt(X(d.value))??0,i={e:o,eventName:t,offsetWidth:window.innerWidth-n+"px",resizedAmount:`${n}px`,resizedHeight:`${n}px`,resizedWidth:`${n}px`,width:`${n}px`};u(t,i)}return(t,o)=>(a.openBlock(),a.createBlock(a.unref(ye.VNavigationDrawer),a.mergeProps(a.unref(p),{ref_key:"resizeDrawer",ref:U,class:a.unref(le),location:a.unref(e).location,"model-value":t.modelValue,name:a.unref(e).name,style:a.unref(ue),tag:a.unref(e).tag,theme:a.unref(Be),width:a.unref(se),onMouseenter:pe,onMouseleave:ge}),{default:a.withCtx(()=>[a.unref(ve)?(a.openBlock(),a.createElementBlock("div",{key:0,class:a.normalizeClass(a.unref(de)),style:a.normalizeStyle(a.unref(ce)),onClick:fe,onDblclick:we,onMousedown:De,onMouseup:H,onTouchend:N,onTouchstart:Z},[a.unref(T).handle?(a.openBlock(),a.createElementBlock("div",Ee,[a.renderSlot(t.$slots,"handle")])):a.unref(v)!=="border"?(a.openBlock(),a.createBlock(Ce.VIcon,{key:1,class:a.normalizeClass(["v-resize-drawer--handle-icon",a.unref(me)]),icon:a.unref(Fe),size:a.unref(c),style:a.normalizeStyle(a.unref(he))},null,8,["class","icon","size","style"])):a.createCommentVNode("",!0)],38)):a.createCommentVNode("",!0),a.unref(T).prepend?a.renderSlot(t.$slots,"prepend",{key:1}):a.createCommentVNode("",!0),a.renderSlot(t.$slots,"default"),a.unref(T).append?a.renderSlot(t.$slots,"append",{key:2}):a.createCommentVNode("",!0)]),_:3},16,["class","location","model-value","name","style","tag","theme","width"]))}}),q=Symbol();exports.VResizeDrawer=re,exports.createVResizeDrawer=function(s={}){return{install:l=>{l.provide(q,s),l.component("VResizeDrawer",a.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./VResizeDrawer-CKGjiLW1.js"))))}}},exports.default=re,exports.globalOptions=q;
(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}@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)}})();