(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-resizable"]=e(require("vue")):t["vue-resizable"]=e(t["Vue"])})("undefined"!==typeof self?self:this,(function(t){return function(){var e={365:function(t,e,i){"use strict";i.r(e);var s=i(81),n=i.n(s),r=i(645),h=i.n(r),a=h()(n());a.push([t.id,".resizable-component[data-v-3de5149f]{position:relative}.resizable-component>.resizable-r[data-v-3de5149f]{z-index:90;cursor:e-resize;top:0;height:100%}.resizable-component>.resizable-r[data-v-3de5149f],.resizable-component>.resizable-rb[data-v-3de5149f]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:12px;right:-6px}.resizable-component>.resizable-rb[data-v-3de5149f]{cursor:se-resize;height:12px;bottom:-6px;z-index:91}.resizable-component>.resizable-b[data-v-3de5149f]{z-index:90;cursor:s-resize;width:100%;left:0}.resizable-component>.resizable-b[data-v-3de5149f],.resizable-component>.resizable-lb[data-v-3de5149f]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;height:12px;bottom:-6px}.resizable-component>.resizable-lb[data-v-3de5149f]{cursor:sw-resize;width:12px;left:-6px;z-index:91}.resizable-component>.resizable-l[data-v-3de5149f]{z-index:90;cursor:w-resize;height:100%;top:0}.resizable-component>.resizable-l[data-v-3de5149f],.resizable-component>.resizable-lt[data-v-3de5149f]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:12px;left:-6px}.resizable-component>.resizable-lt[data-v-3de5149f]{cursor:nw-resize;height:12px;top:-6px;z-index:91}.resizable-component>.resizable-t[data-v-3de5149f]{z-index:90;cursor:n-resize;width:100%;left:0}.resizable-component>.resizable-rt[data-v-3de5149f],.resizable-component>.resizable-t[data-v-3de5149f]{display:block;position:absolute;touch-action:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;height:12px;top:-6px}.resizable-component>.resizable-rt[data-v-3de5149f]{cursor:ne-resize;width:12px;right:-6px;z-index:91}",""]),e["default"]=a},645:function(t){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var i="",s="undefined"!==typeof e[5];return e[4]&&(i+="@supports (".concat(e[4],") {")),e[2]&&(i+="@media ".concat(e[2]," {")),s&&(i+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),i+=t(e),s&&(i+="}"),e[2]&&(i+="}"),e[4]&&(i+="}"),i})).join("")},e.i=function(t,i,s,n,r){"string"===typeof t&&(t=[[null,t,void 0]]);var h={};if(s)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(h[o]=!0)}for(var l=0;l<t.length;l++){var c=[].concat(t[l]);s&&h[c[0]]||("undefined"!==typeof r&&("undefined"===typeof c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),i&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=i):c[2]=i),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),e.push(c))}},e}},81:function(t){"use strict";t.exports=function(t){return t[1]}},82:function(t,e){"use strict";e.Z=(t,e)=>{const i=t.__vccOpts||t;for(const[s,n]of e)i[s]=n;return i}},733:function(t,e,i){var s=i(365);s.__esModule&&(s=s.default),"string"===typeof s&&(s=[[t.id,s,""]]),s.locals&&(t.exports=s.locals);var n=i(650).Z;n("833bf5a8",s,!0,{sourceMap:!1,shadowMode:!1})},650:function(t,e,i){"use strict";function s(t,e){for(var i=[],s={},n=0;n<e.length;n++){var r=e[n],h=r[0],a=r[1],o=r[2],l=r[3],c={id:t+":"+n,css:a,media:o,sourceMap:l};s[h]?s[h].parts.push(c):i.push(s[h]={id:h,parts:[c]})}return i}i.d(e,{Z:function(){return f}});var n="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!n)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var r={},h=n&&(document.head||document.getElementsByTagName("head")[0]),a=null,o=0,l=!1,c=function(){},d=null,u="data-vue-ssr-id",m="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(t,e,i,n){l=i,d=n||{};var h=s(t,e);return p(h),function(e){for(var i=[],n=0;n<h.length;n++){var a=h[n],o=r[a.id];o.refs--,i.push(o)}e?(h=s(t,e),p(h)):h=[];for(n=0;n<i.length;n++){o=i[n];if(0===o.refs){for(var l=0;l<o.parts.length;l++)o.parts[l]();delete r[o.id]}}}}function p(t){for(var e=0;e<t.length;e++){var i=t[e],s=r[i.id];if(s){s.refs++;for(var n=0;n<s.parts.length;n++)s.parts[n](i.parts[n]);for(;n<i.parts.length;n++)s.parts.push(v(i.parts[n]));s.parts.length>i.parts.length&&(s.parts.length=i.parts.length)}else{var h=[];for(n=0;n<i.parts.length;n++)h.push(v(i.parts[n]));r[i.id]={id:i.id,refs:1,parts:h}}}}function b(){var t=document.createElement("style");return t.type="text/css",h.appendChild(t),t}function v(t){var e,i,s=document.querySelector("style["+u+'~="'+t.id+'"]');if(s){if(l)return c;s.parentNode.removeChild(s)}if(m){var n=o++;s=a||(a=b()),e=z.bind(null,s,n,!1),i=z.bind(null,s,n,!0)}else s=b(),e=w.bind(null,s),i=function(){s.parentNode.removeChild(s)};return e(t),function(s){if(s){if(s.css===t.css&&s.media===t.media&&s.sourceMap===t.sourceMap)return;e(t=s)}else i()}}var g=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}();function z(t,e,i,s){var n=i?"":s.css;if(t.styleSheet)t.styleSheet.cssText=g(e,n);else{var r=document.createTextNode(n),h=t.childNodes;h[e]&&t.removeChild(h[e]),h.length?t.insertBefore(r,h[e]):t.appendChild(r)}}function w(t,e){var i=e.css,s=e.media,n=e.sourceMap;if(s&&t.setAttribute("media",s),d.ssrId&&t.setAttribute(u,e.id),n&&(i+="\n/*# sourceURL="+n.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"),t.styleSheet)t.styleSheet.cssText=i;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}},203:function(e){"use strict";e.exports=t}},i={};function s(t){var n=i[t];if(void 0!==n)return n.exports;var r=i[t]={id:t,exports:{}};return e[t](r,r.exports,s),r.exports}!function(){s.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return s.d(e,{a:e}),e}}(),function(){s.d=function(t,e){for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})}}(),function(){s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}}(),function(){s.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){s.p=""}();var n={};return function(){"use strict";if(s.r(n),s.d(n,{default:function(){return m}}),"undefined"!==typeof window){var t=window.document.currentScript,e=t&&t.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);e&&(s.p=e[1])}var i=s(203);function r(t,e,s,n,r,h){return(0,i.openBlock)(),(0,i.createElementBlock)("div",{ref:"parent",class:"resizable-component",style:(0,i.normalizeStyle)(h.style)},[(0,i.renderSlot)(t.$slots,"default",{},void 0,!0),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(s.active,(t=>(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)("div",{key:t,class:(0,i.normalizeClass)("resizable-"+t)},null,2)),[[i.vShow,!s.maximize]]))),128))],4)}const h={"resizable-r":{bit:1,cursor:"e-resize"},"resizable-rb":{bit:3,cursor:"se-resize"},"resizable-b":{bit:2,cursor:"s-resize"},"resizable-lb":{bit:6,cursor:"sw-resize"},"resizable-l":{bit:4,cursor:"w-resize"},"resizable-lt":{bit:12,cursor:"nw-resize"},"resizable-t":{bit:8,cursor:"n-resize"},"resizable-rt":{bit:9,cursor:"ne-resize"},"drag-el":{bit:15,cursor:"pointer"}},a={l:1,t:2,w:4,h:8};var o={name:"VResizable",props:{width:{default:void 0,type:[Number,String]},minWidth:{default:0,type:Number},maxWidth:{default:void 0,type:Number},height:{default:void 0,type:[Number,String]},minHeight:{default:0,type:Number},maxHeight:{default:void 0,type:Number},left:{default:0,type:[Number,String]},top:{default:0,type:[Number,String]},active:{default:()=>["r","rb","b","lb","l","lt","t","rt"],validator:t=>["r","rb","b","lb","l","lt","t","rt"].filter((e=>-1!==t.indexOf(e))).length===t.length,type:Array},fitParent:{default:!1,type:Boolean},dragSelector:{default:void 0,type:String},maximize:{default:!1,type:Boolean},disableAttributes:{default:()=>[],validator:t=>["l","t","w","h"].filter((e=>-1!==t.indexOf(e))).length===t.length,type:Array}},emits:["mount","destroy","resize:start","resize:move","resize:end","drag:start","drag:move","drag:end","maximize"],data(){return{w:this.width,h:this.height,minW:this.minWidth,minH:this.minHeight,maxW:this.maxWidth,maxH:this.maxHeight,l:this.left,t:this.top,mouseX:0,mouseY:0,offsetX:0,offsetY:0,parent:{width:0,height:0},resizeState:0,dragElements:[],dragState:!1,calcMap:15}},computed:{style(){return{...this.calcMap&a.w&&{width:"number"===typeof this.w?this.w+"px":this.w},...this.calcMap&a.h&&{height:"number"===typeof this.h?this.h+"px":this.h},...this.calcMap&a.l&&{left:"number"===typeof this.l?this.l+"px":this.l},...this.calcMap&a.t&&{top:"number"===typeof this.t?this.t+"px":this.t}}}},watch:{maxWidth(t){this.maxW=t},maxHeight(t){this.maxH=t},minWidth(t){this.minW=t},minHeight(t){this.minH=t},width(t){"number"===typeof t&&(this.w=t)},height(t){"number"===typeof t&&(this.h=t)},left(t){"number"===typeof t&&(this.l=t)},top(t){"number"===typeof t&&(this.t=t)},dragSelector(t){this.setupDragElements(t)},maximize(t){this.setMaximize(t),this.emitEvent("maximize",{state:t})}},mounted(){this.width?"auto"!==this.width&&"number"!==typeof this.width&&(this.w=this.$el.clientWidth):this.w=this.$el.parentElement.clientWidth,this.height?"auto"!==this.height&&"number"!==typeof this.height&&(this.h=this.$el.clientHeight):this.h=this.$el.parentElement.clientHeight,"number"!==typeof this.left&&(this.l=this.$el.offsetLeft-this.$el.parentElement.offsetLeft),"number"!==typeof this.top&&(this.t=this.$el.offsetTop-this.$el.parentElement.offsetTop),this.minW&&this.w<this.minW&&(this.w=this.minW),this.minH&&this.h<this.minH&&(this.h=this.minH),this.maxW&&this.w>this.maxW&&(this.w=this.maxW),this.maxH&&this.h>this.maxH&&(this.h=this.maxH),this.setMaximize(this.maximize),this.setupDragElements(this.dragSelector),this.disableAttributes.forEach((t=>{switch(t){case"l":this.calcMap&=~a.l;break;case"t":this.calcMap&=~a.t;break;case"w":this.calcMap&=~a.w;break;case"h":this.calcMap&=~a.h}})),document.documentElement.addEventListener("mousemove",this.handleMove,!0),document.documentElement.addEventListener("mousedown",this.handleDown,!0),document.documentElement.addEventListener("mouseup",this.handleUp,!0),document.documentElement.addEventListener("touchmove",this.handleMove,!0),document.documentElement.addEventListener("touchstart",this.handleDown,!0),document.documentElement.addEventListener("touchend",this.handleUp,!0),this.emitEvent("mount")},beforeUnmount(){document.documentElement.removeEventListener("mousemove",this.handleMove,!0),document.documentElement.removeEventListener("mousedown",this.handleDown,!0),document.documentElement.removeEventListener("mouseup",this.handleUp,!0),document.documentElement.removeEventListener("touchmove",this.handleMove,!0),document.documentElement.removeEventListener("touchstart",this.handleDown,!0),document.documentElement.removeEventListener("touchend",this.handleUp,!0),this.emitEvent("destroy")},methods:{setMaximize(t){const e=this.$el.parentElement;t?(this.prevState={w:this.w,h:this.h,l:this.l,t:this.t},this.t=this.l=0,this.w=e.clientWidth,this.h=e.clientHeight):this.restoreSize()},restoreSize(){this.prevState&&(this.l=this.prevState.l,this.t=this.prevState.t,this.h=this.prevState.h,this.w=this.prevState.w)},setupDragElements(t){const e=this.$el.querySelectorAll(".drag-el");e.forEach((t=>{t.classList.remove("drag-el")}));const i=this.$el.querySelectorAll(t);i.forEach((t=>{t.classList.add("drag-el")})),this.dragElements=Array.prototype.slice.call(i)},emitEvent(t,e){this.$emit(t,{eventName:t,left:this.l,top:this.t,width:this.w,height:this.h,cmp:this,...e})},handleMove(t){if(0!==this.resizeState){let e,i;if(this.dragState||(isNaN(this.w)&&(this.w=this.$el.clientWidth),isNaN(this.h)&&(this.h=this.$el.clientHeight)),t.touches&&t.touches.length>=0?(e=t.touches[0].clientY,i=t.touches[0].clientX):(e=t.clientY,i=t.clientX),this.maximize&&this.prevState){const t=this.parent.width,s=this.parent.height;this.restoreSize(),this.prevState=void 0,this.t=e>s/2?s-this.h:0,this.l=i>t/2?t-this.w:0,this.emitEvent("maximize",{state:!1})}let s=i-this.mouseX+this.offsetX,n=e-this.mouseY+this.offsetY;if(this.$el.getBoundingClientRect){const t=this.$el.getBoundingClientRect(),e=t.width/this.$el.offsetWidth||1,i=t.height/this.$el.offsetHeight||1;s/=e,n/=i}this.offsetX=this.offsetY=0,this.resizeState&h["resizable-r"].bit&&(!this.dragState&&this.w+s<this.minW?this.offsetX=s-(s=this.minW-this.w):!this.dragState&&this.maxW&&this.w+s>this.maxW&&(!this.fitParent||this.w+this.l<this.parent.width)?this.offsetX=s-(s=this.maxW-this.w):this.fitParent&&this.l+this.w+s>this.parent.width&&(this.offsetX=s-(s=this.parent.width-this.l-this.w)),this.calcMap&a.w&&(this.w+=this.dragState?0:s)),this.resizeState&h["resizable-b"].bit&&(!this.dragState&&this.h+n<this.minH?this.offsetY=n-(n=this.minH-this.h):!this.dragState&&this.maxH&&this.h+n>this.maxH&&(!this.fitParent||this.h+this.t<this.parent.height)?this.offsetY=n-(n=this.maxH-this.h):this.fitParent&&this.t+this.h+n>this.parent.height&&(this.offsetY=n-(n=this.parent.height-this.t-this.h)),this.calcMap&a.h&&(this.h+=this.dragState?0:n)),this.resizeState&h["resizable-l"].bit&&(!this.dragState&&this.w-s<this.minW?this.offsetX=s-(s=this.w-this.minW):!this.dragState&&this.maxW&&this.w-s>this.maxW&&this.l>=0?this.offsetX=s-(s=this.w-this.maxW):this.fitParent&&this.l+s<0&&(this.offsetX=s-(s=-this.l)),this.calcMap&a.l&&(this.l+=s),this.calcMap&a.w&&(this.w-=this.dragState?0:s)),this.resizeState&h["resizable-t"].bit&&(!this.dragState&&this.h-n<this.minH?this.offsetY=n-(n=this.h-this.minH):!this.dragState&&this.maxH&&this.h-n>this.maxH&&this.t>=0?this.offsetY=n-(n=this.h-this.maxH):this.fitParent&&this.t+n<0&&(this.offsetY=n-(n=-this.t)),this.calcMap&a.t&&(this.t+=n),this.calcMap&a.h&&(this.h-=this.dragState?0:n)),this.mouseX=i,this.mouseY=e;const r=this.dragState?"drag:move":"resize:move";this.emitEvent(r)}},handleDown(t){if(!t.target.closest||t.target.closest(".resizable-component")===this.$refs["parent"])for(let e in h)if(this.$el.contains(t.target)&&(t.target.closest&&t.target.closest(`.${e}`)||t.target.classList.contains(e))){"drag-el"===e&&(this.dragState=!0),document.body.style.cursor=h[e].cursor,t.touches&&t.touches.length>=1?(this.mouseX=t.touches[0].clientX,this.mouseY=t.touches[0].clientY):(t.preventDefault&&t.preventDefault(),this.mouseX=t.clientX,this.mouseY=t.clientY),this.offsetX=this.offsetY=0,this.resizeState=h[e].bit,this.parent.height=this.$el.parentElement.clientHeight,this.parent.width=this.$el.parentElement.clientWidth;const i=this.dragState?"drag:start":"resize:start";this.emitEvent(i);break}},handleUp(){if(0!==this.resizeState){this.resizeState=0,document.body.style.cursor="";const t=this.dragState?"drag:end":"resize:end";this.emitEvent(t),this.dragState=!1}}}},l=(s(733),s(82));const c=(0,l.Z)(o,[["render",r],["__scopeId","data-v-3de5149f"]]);var d=c,u=d,m=u}(),n}()}));
//# sourceMappingURL=vue-resizable.umd.min.js.map