UNPKG

resizable

Version:

Resizable behaviour for elements

13 lines (11 loc) 28.6 kB
var Me=Object.create;var xt=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Le=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var u=(i,t)=>()=>(t||i((t={exports:{}}).exports,t),t.exports);var He=(i,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Te(t))!ke.call(i,r)&&r!==e&&xt(i,r,{get:()=>t[r],enumerable:!(s=Ce(t,r))||s.enumerable});return i};var m=(i,t,e)=>(e=i!=null?Me(Le(i)):{},He(t||!i||!i.__esModule?xt(e,"default",{value:i,enumerable:!0}):e,i));var C=u((ai,bt)=>{bt.exports=function i(t,e,s,r){if(!(this instanceof i))return new i(t,e,s,r);this.left=t||0,this.top=e||0,this.right=s||0,this.bottom=r||0,this.width=Math.abs(this.right-this.left),this.height=Math.abs(this.bottom-this.top)}});var yt=u(it=>{it.x=function(){return window.innerHeight>document.documentElement.clientHeight};it.y=function(){return window.innerWidth>document.documentElement.clientWidth}});var zt=u((li,St)=>{var T=document.createElement("div"),L=T.style;L.width="100px";L.height="100px";L.overflow="scroll";L.position="absolute";L.top="-9999px";document.documentElement.appendChild(T);St.exports=T.offsetWidth-T.clientWidth;document.documentElement.removeChild(T)});var Et=u((fi,_t)=>{_t.exports=function(i){var t=i;if(i===window)return!0;if(i===document)return!1;for(;t;){if(getComputedStyle(t).position==="fixed")return!0;t=t.offsetParent}return!1}});var Ot=u((ui,Xt)=>{Xt.exports=document.createElement("div")});var Mt=u((di,rt)=>{var st=getComputedStyle(document.documentElement,"");st?(X=(Array.prototype.slice.call(st).join("").match(/-(moz|webkit|ms)-/)||st.OLink===""&&["","o"])[1],Yt="WebKit|Moz|MS|O".match(new RegExp("("+X+")","i"))[1],rt.exports={dom:Yt,lowercase:X,css:"-"+X+"-",js:X[0].toUpperCase()+X.substr(1)}):rt.exports={dom:"",lowercase:"",css:"",js:""};var X,Yt});var nt=u((ci,kt)=>{var Ct=Ot().style,Tt=Mt().lowercase;kt.exports=function(i,t){if(!(!i||!t)){var e,s;if(typeof t=="string"){if(e=t,arguments.length<3)return i.style[Lt(e)];s=arguments[2]||"",t={},t[e]=s}for(e in t)typeof t[e]=="number"&&/left|right|bottom|top|width|height/i.test(e)&&(t[e]+="px"),s=t[e]||"",i.style[Lt(e)]=s}};function Lt(i){var t=i[0].toUpperCase()+i.slice(1);return Ct[i]!==void 0?i:Ct[Tt+t]!==void 0?Tt+t:""}});var k=u((pi,Ht)=>{Ht.exports=function(i){return i+="",parseFloat(i.slice(0,-2))||0}});var qt=u((mi,It)=>{var Ie=nt(),qe=k();It.exports=function(i){var t=Ie(i,"transform"),e=/translate(?:3d)?\s*\(([^\)]*)\)/.exec(t);if(!e)return[0,0];var s=e[1].split(/\s*,\s*/);return s.map(function(r){return qe(r)})}});var at=u((vi,At)=>{var z=window,F=document,ot=C(),A=yt(),W=zt(),Fe=Et(),gi=qt();At.exports=Ft;function Ft(i){if(!i)throw Error("Bad argument");var t,e;if(i===z)return e=ot(z.pageXOffset,z.pageYOffset),e.width=z.innerWidth-(A.y()?W:0),e.height=z.innerHeight-(A.x()?W:0),e.right=e.left+e.width,e.bottom=e.top+e.height,e;if(i===F){var s=Ft(F.documentElement);return s.bottom=Math.max(window.innerHeight,s.bottom),s.right=Math.max(window.innerWidth,s.right),s.height=Math.max(window.innerHeight,s.height),s.width=Math.max(window.innerHeight,s.width),A.y(F.documentElement)&&(s.right-=W),A.x(F.documentElement)&&(s.bottom-=W),s}try{t=i.getBoundingClientRect()}catch{t=ot(i.clientLeft,i.clientTop)}var r=Fe(i),o=r?0:z.pageXOffset,n=r?0:z.pageYOffset;return e=ot(t.left+o,t.top+n,t.left+o+i.offsetWidth,t.top+n+i.offsetHeight),e}});var P=u((wi,Wt)=>{Wt.exports={freeze:Ae,unfreeze:We,isFrozen:Re};var R=new WeakMap;function Ae(i,t){var e=R.get(i);return e&&e[t]?!1:(e||(e={},R.set(i,e)),e[t]=!0,!0)}function We(i,t){var e=R.get(i);return!e||!e[t]?!1:(e[t]=null,!0)}function Re(i,t){var e=R.get(i);return e&&e[t]}});var D=u((xi,Rt)=>{var K=new WeakMap;function Pe(i,t,e){var s=K.get(i),r;if(!t){if(r=s||{},e&&e.length){var o={};for(var t in r)o[t]=r[t].filter(function(a){return ht(a,e)});r=o}return r}return!s||!s[t]?[]:(r=s[t],e&&e.length&&(r=r.filter(function(n){return ht(n,e)})),r)}function Ke(i,t,e,s){var r=K.get(i);if(!r||!r[t])return!1;var o=r[t];if(s&&s.length&&!ht(e,s))return!1;for(var n=0;n<o.length;n++)if(o[n]===e){o.splice(n,1);break}}function De(i,t,e,s){if(e){var r=K.get(i);r||(r={},K.set(i,r)),(r[t]=r[t]||[]).push(e),s&&s.length&&(e._ns=s)}}function ht(i,t){if(!i._ns)return!1;for(var e=t.length;e--;)if(i._ns.indexOf(t[e])>=0)return!0}Rt.exports={get:Pe,remove:Ke,add:De}});var N=u((bi,Kt)=>{"use strict";Kt.exports=O;var Pt=P(),B=D();function O(i,t,e){if(!i)return i;var s,r;if(e===void 0){var o=[].slice.call(arguments,1),n=i.removeAll||i.removeAllListeners;if(n&&n.apply(i,o),!t){s=B.get(i);for(t in s)O(i,t);return i}if(typeof t=="function"){e=t,t=null,s=B.get(i);for(t in s)s[t].indexOf(e)>=0&&O(i,t,e);return i}return t=""+t,t.split(/\s+/).forEach(function(l){var c=l.split(".");if(l=c.shift(),s=B.get(i,l,c),l){var d={};d[l]=s,s=d}for(var v in s)[].slice.call(s[v]).forEach(function(S){O(i,v,S)})}),i}Array.isArray(t)||(t=(t+"").split(/\s+/));var a=i.removeEventListener||i.removeListener||i.detachEvent||i.off;if(t.forEach(function(l){var c=l.split(".");if(l=c.shift(),a)if(Pt.freeze(i,"off"+l))a.call(i,l,e),Pt.unfreeze(i,"off"+l);else return i;B.remove(i,l,e,c)}),e.__wrapFn){var f=e.__wrapFn;e.__wrapFn=null,O(i,t,f)}if(e.__origFn){var f=e.__origFn;e.__origFn=null,O(i,t,f)}return i}});var lt=u((yi,Bt)=>{"use strict";var Dt=P(),Be=D(),Ne=N();Bt.exports=$e;function $e(i,t,e,s={}){if(!i)return i;if(typeof i=="string"||s.target){for(;e.__wrapFn;)e=e.__wrapFn;var r=i;i=s.target||document,e.__wrapFn=Ue.bind({target:i,selector:r,cb:e}),e.__wrapFn.__origFn=e,e=e.__wrapFn}Array.isArray(t)||(t=(t+"").split(/\s+/));var o=i.addEventListener||i.addListener||i.attachEvent||i.on;return t.forEach(function(n){var a=n.split(".");if(n=a.shift(),o)if(Dt.freeze(i,"on"+n))o.call(i,n,e),Dt.unfreeze(i,"on"+n);else return i;Be.add(i,n,e,a)}),function(){Ne(i,t,e)}}function Ue(i){var t=this.cb,e=this.selector,s=this.target,r=i.target;r!==s&&(Array.isArray(e)||(e=[e]),e.some(function(o){var n;if(typeof o!="string"){if(!o.contains(r))return!1;n=o}else n=r.closest&&r.closest(o);return n&&s!==n&&s.contains(n)?(i.delegateTarget=n,!0):!1})&&t.apply(r,arguments))}});var dt=u((Si,Ut)=>{var Nt=P(),Ve=D();Ut.exports=function(i,t,e,s){if(i){var r=arguments;return typeof t=="string"?(r=[].slice.call(arguments,2),t.split(/\s+/).forEach(function(o){$t.apply(this,[i,o].concat(r))}),i):$t.apply(this,r)}};var ft=typeof jQuery>"u"?void 0:jQuery,ut=typeof document>"u"?void 0:document,je=typeof window>"u"?void 0:window;function $t(i,t,e,s){var r,o=t;ut&&(i instanceof Node||i===je)?(ut&&t instanceof Event?o=t:(o=ut.createEvent("CustomEvent"),o.initCustomEvent(t,s,!0,e)),r=i.dispatchEvent):ft&&i instanceof ft?(o=ft.Event(t,e),o.detail=e,r=s?targte.trigger:i.triggerHandler):r=i.dispatchEvent||i.emit||i.trigger||i.fire||i.raise;var n=[].slice.call(arguments,2);if(r&&Nt.freeze(i,"emit"+t))return r.apply(i,[o].concat(n)),Nt.unfreeze(i,"emit"+t),i;var a=o.split(".");o=a.shift();for(var f=Ve.get(i,o,a),l=f.slice(),c=0;c<l.length;c++)l[c]&&l[c].apply(i,n);return i}});var Vt=u((zi,$)=>{$.exports.on=lt();$.exports.off=N();$.exports.emit=dt()});var Gt=u((_i,Zt)=>{function jt(i,t){return i.touches?arguments.length>1?ct(i.touches,t).clientY:i.targetTouches[0].clientY:i.clientY}function Qt(i,t){return i.touches?arguments.length>t?ct(i.touches,t).clientX:i.targetTouches[0].clientX:i.clientX}function U(i,t){return[Qt.apply(this,arguments),jt.apply(this,arguments)]}function ct(i,t){for(var e=0;e<i.length;e++)if(i[e].identifier===t)return i[e]}U.x=Qt;U.y=jt;U.findTouch=ct;Zt.exports=U});var te=u((Ei,Jt)=>{"use strict";Jt.exports=function(t){return typeof t=="object"?t===null:typeof t!="function"}});var ie=u((Xi,ee)=>{"use strict";var Qe=te();w.OTHERWISE="_";w.ENTER="enter";w.EXIT="exit";function w(i,t){if(i instanceof w)return i;if(!(this instanceof w))return new w(i);this.states=i||{},this.context=t||this,this.inited=!1}w.prototype.set=function(i){var t=this.state,e=this.states,s=w.ENTER,r=w.EXIT,o=w.OTHERWISE,n=e[t]!==void 0?t:o,a=e[n],f,l=r+n;if(this.inited){if(a&&!this[l]){if(this[l]=!0,f=a[r]&&a[r].call?a[r].call(this.context):a[1]&&a[1].call?a[1].call(this.context):a[r],f===!1)return this[l]=!1,!1;if(f!==void 0&&f!==i)return this.set(f),this[l]=!1,!1;if(this[l]=!1,this.state!==t)return}if(i===t)return!1}else this.inited=!0;this.state=i;var c=e.hasOwnProperty(i)?i:o,d=e[c],v,S=s+c;if(!this[S]){if(this[S]=!0,d?d.call?v=d.call(this.context):Array.isArray(d)?v=d[0]&&d[0].call?d[0].call(this.context,this):d[0]:d.hasOwnProperty(s)?v=d[s].call?d[s].call(this.context):d[s]:Qe(d)&&(v=d):v=d,v===!1)return this.set(t),this[S]=!1,!1;if(v!==void 0&&v!==i)return this.set(v),this[S]=!1,!1;this[S]=!1}return this.context};w.prototype.get=function(){return this.state};ee.exports=w});var re=u((Oi,se)=>{se.exports=Ze;var pt=ie();pt.ENTER="before";pt.EXIT="after";function Ze(i,t,e,s){s?i[t]=function(){return arguments.length?r.set(arguments[0]):r.get()}:Object.defineProperty(i,t,{set:function(o){return r.set(o)},get:function(){return r.get()}});var r=new pt(e,i);return i}});var oe=u((Yi,ne)=>{ne.exports=function(t,e){e||(e=[0,""]),t=String(t);var s=parseFloat(t,10);return e[0]=s,e[1]=t.match(/[\d.\-\+]*\s*(.*)/)[1]||"",e}});var fe=u((Mi,le)=>{"use strict";var ae=oe();le.exports=gt;var H=he("in",document.body);function mt(i,t){var e=ae(getComputedStyle(i).getPropertyValue(t));return e[0]*gt(e[1],i)}function he(i,t){var e=document.createElement("div");e.style.height="128"+i,t.appendChild(e);var s=mt(e,"height")/128;return t.removeChild(e),s}function gt(i,t){if(!i)return null;switch(t=t||document.body,i=(i+""||"px").trim().toLowerCase(),(t===window||t===document)&&(t=document.body),i){case"%":return t.clientHeight/100;case"ch":case"ex":return he(i,t);case"em":return mt(t,"font-size");case"rem":return mt(document.body,"font-size");case"vw":return window.innerWidth/100;case"vh":return window.innerHeight/100;case"vmin":return Math.min(window.innerWidth,window.innerHeight)/100;case"vmax":return Math.max(window.innerWidth,window.innerHeight)/100;case"in":return H;case"cm":return H/2.54;case"mm":return H/25.4;case"pt":return H/72;case"pc":return H/6;case"px":return 1}var e=ae(i);if(!isNaN(e[0])&&e[1]){var s=gt(e[1],t);return typeof s=="number"?e[0]*s:null}return null}});var ge=u((Ti,me)=>{var pe=C(),G=k();me.exports=function(i){if(i===window)return pe();if(!(i instanceof Element))throw Error("Argument is not an element");var t=window.getComputedStyle(i);return pe(G(t.paddingLeft),G(t.paddingTop),G(t.paddingRight),G(t.paddingBottom))}});var xe=u((Li,we)=>{var ve=C(),J=k();we.exports=function(i){if(i===window)return ve();if(!(i instanceof Element))throw Error("Argument is not an element");var t=window.getComputedStyle(i);return ve(J(t.borderLeftWidth),J(t.borderTopWidth),J(t.borderRightWidth),J(t.borderBottomWidth))}});var Se=u((ki,ye)=>{var tt=k(),be=C();ye.exports=function(i){if(i===window)return be();if(!(i instanceof Element))throw Error("Argument is not an element");var t=window.getComputedStyle(i);return be(tt(t.marginLeft),tt(t.marginTop),tt(t.marginRight),tt(t.marginBottom))}});var I=m(at(),1),h=m(Vt(),1),x=m(Gt(),1),ce=m(re(),1),q=m(fe(),1),_=window,g=document,ue=g.documentElement,V=0,vt=class i{static cache=new WeakMap;css3=!0;axis=null;constructor(t,e){var s=i.cache.get(t);if(s)return s.state="reset",Object.assign(s,e),s.update(),s;this.id=Math.random().toString(36).substring(2,15),this._ns=".draggy_"+this.id,this.element=t,i.cache.set(t,this),(0,ce.default)(this,"state",i.state),this.currentHandles=[],Object.assign(this,e),this.handle===void 0&&(this.handle=this.element),this.droppable&&((0,h.on)(this,"dragstart",()=>{this.dropTargets=Z(this.droppable)}),(0,h.on)(this,"drag",()=>{if(this.dropTargets){var r=(0,I.default)(this.element);this.dropTargets.forEach(o=>{var n=(0,I.default)(o);Je(r,n,this.droppableTolerance)?(this.droppableClass&&o.classList.add(this.droppableClass),this.dropTarget||(this.dropTarget=o,(0,h.emit)(this,"dragover",o),(0,h.emit)(o,"dragover",this))):(this.dropTarget&&((0,h.emit)(this,"dragout",o),(0,h.emit)(o,"dragout",this),this.dropTarget=null),this.droppableClass&&o.classList.remove(this.droppableClass))})}}),(0,h.on)(this,"dragend",()=>{this.dropTarget&&((0,h.emit)(this.dropTarget,"drop",this),(0,h.emit)(this,"drop",this.dropTarget),this.dropTarget.classList.remove(this.droppableClass),this.dropTarget=null)})),this.update(),this.state="idle"}on(t,e){return(0,h.on)(this,t,e)}off(t,e){return(0,h.off)(this,t,e)}static state={_:{before:function(){this.element.classList.add("draggy-idle"),(0,h.emit)(this.element,"idle",null,!0),(0,h.emit)(this,"idle"),this.ctrlKey=!1,this.shiftKey=!1,this.metaKey=!1,this.altKey=!1,this.movementX=0,this.movementY=0,this.deltaX=0,this.deltaY=0,(0,h.on)(g,"mousedown"+this._ns+" touchstart"+this._ns,t=>{t.draggies&&(t.draggies.indexOf(this)<0||t.target.name===void 0&&(this.setTouch(t),this.update(t),this.state="threshold"))})},after:function(){this.element.classList.remove("draggy-idle"),(0,h.off)(g,this._ns),this.release&&(this._trackingInterval=setInterval(t=>{var e=Date.now(),s=e-this.timestamp,r=this.prevX-this.frame[0],o=this.prevY-this.frame[1];this.frame[0]=this.prevX,this.frame[1]=this.prevY;var n=Math.sqrt(r*r+o*o),a=Math.min(this.velocity*n/(1+s),this.maxSpeed);return this.speed=.8*a+.2*this.speed,this.angle=Math.atan2(o,r),(0,h.emit)(this,"track"),this},this.framerate))}},threshold:{before:function(){if(Ge(this.threshold)){this.state="drag";return}this.element.classList.add("draggy-threshold"),(0,h.emit)(this,"threshold"),(0,h.emit)(this.element,"threshold"),(0,h.on)(g,"touchmove"+this._ns+" mousemove"+this._ns,t=>{t.preventDefault();var e=(0,x.x)(t,this.touchIdx),s=(0,x.y)(t,this.touchIdx),r=this.prevMouseX-e,o=this.prevMouseY-s;(r<this.threshold[0]||r>this.threshold[2]||o<this.threshold[1]||o>this.threshold[3])&&(this.update(t),this.state="drag")}),(0,h.on)(g,"mouseup"+this._ns+" touchend"+this._ns,t=>{t.preventDefault(),V=0,this.touchIdx=null,this.state="idle"})},after:function(){this.element.classList.remove("draggy-threshold"),(0,h.off)(g,this._ns)}},drag:{before:function(){de.disable(ue),this.element.classList.add("draggy-drag"),(0,h.emit)(this,"dragstart"),(0,h.emit)(this.element,"dragstart",null,!0),(0,h.emit)(this,"drag"),(0,h.emit)(this.element,"drag",null,!0),(0,h.on)(g,"touchend"+this._ns+" mouseup"+this._ns+" mouseleave"+this._ns,t=>{t.preventDefault(),V=0,this.touchIdx=null,this.speed>1?this.state="release":this.state="idle"}),(0,h.on)(g,"touchmove"+this._ns+" mousemove"+this._ns,t=>{this.drag(t)})},after:function(){de.enable(ue),this.element.classList.remove("draggy-drag"),(0,h.emit)(this,"dragend"),(0,h.emit)(this.element,"dragend",null,!0),(0,h.off)(g,this._ns),clearInterval(this._trackingInterval)}},release:{before:function(){this.element.classList.add("draggy-release"),clearTimeout(this._animateTimeout),this.element.style.transition=this.releaseDuration+"ms ease-out "+(this.css3?"transform":"position"),this._animateTimeout=setTimeout(()=>{this.state="idle"},this.releaseDuration),this.move(this.prevX+this.speed*Math.cos(this.angle),this.prevY+this.speed*Math.sin(this.angle)),this.speed=0,(0,h.emit)(this,"track")},after:function(){this.element.classList.remove("draggy-release"),this.element.style.transition=null}},reset:function(){return this.currentHandles.forEach(t=>{(0,h.off)(t,this._ns)}),clearTimeout(this._animateTimeout),(0,h.off)(g,this._ns),(0,h.off)(this.element,this._ns),"_"}};drag(t){t.preventDefault();var e=(0,x.x)(t,this.touchIdx),s=(0,x.y)(t,this.touchIdx),r=e-this.prevMouseX,o=s-this.prevMouseY,n=e,a=s;this._isFixed||(n+=_.pageXOffset,a+=_.pageYOffset),(t.ctrlKey||t.metaKey)&&(this.sniperOffsetX+=r*this.sniperSlowdown,this.sniperOffsetY+=o*this.sniperSlowdown),this.ctrlKey=t.ctrlKey,this.shiftKey=t.shiftKey,this.metaKey=t.metaKey,this.altKey=t.altKey;var f=n-this.initOffsetX-this.innerOffsetX-this.sniperOffsetX,l=a-this.initOffsetY-this.innerOffsetY-this.sniperOffsetY;this.move(f,l),this.prevMouseX=e,this.prevMouseY=s,(0,h.emit)(this,"drag"),(0,h.emit)(this.element,"drag",null,!0)}setTouch(t){if(!t.touches||this.touchIdx!==null)return this;this.touchIdx=V,V++}touchIdx=null;update(t){this._isFixed=ii(this.element),this.css3||(this.element.style.position="absolute"),this.currentHandles.forEach(n=>{(0,h.off)(n,this._ns)});var e=Z(this.cancel);this.currentHandles=Z(this.handle),this.currentHandles.forEach(n=>{(0,h.on)(n,"mousedown"+this._ns+" touchstart"+this._ns,a=>{a.draggies||(a.draggies=[]),!a.draggies.some(f=>this.element.contains(f.element))&&(e.some(f=>f.contains(a.target))||a.draggies.push(this))})}),this.updateLimits(),this.innerOffsetX=this.pin[0],this.innerOffsetY=this.pin[1];var s=this.element.getBoundingClientRect();if(t)this.prevMouseX=(0,x.x)(t,this.touchIdx),this.prevMouseY=(0,x.y)(t,this.touchIdx),this.innerOffsetX=-s.left+(0,x.x)(t,this.touchIdx),this.innerOffsetY=-s.top+(0,x.y)(t,this.touchIdx);else{var r=(this.pin[0]+this.pin[2])*.5,o=(this.pin[1]+this.pin[3])*.5;this.prevMouseX=s.left+r,this.prevMouseY=s.top+o,this.innerOffsetX=r,this.innerOffsetY=o}this.speed=0,this.amplitude=0,this.angle=0,this.timestamp=+new Date,this.frame=[this.prevX,this.prevY],this.sniperOffsetX=0,this.sniperOffsetY=0}updateLimits(){var t=this.getCoords();this.prevX=t[0],this.prevY=t[1],this.initX=t[0],this.initY=t[1];var e=(0,I.default)(this.element);this.initOffsetX=e.left-this.prevX,this.initOffsetY=e.top-this.prevY,this.offsets=e;var s=this.within;(this.within==="parent"||this.within===!0)&&(s=this.element.parentNode),s=s||g;var r=(0,I.default)(s);s===_&&this._isFixed&&(r.top-=_.pageYOffset,r.left-=_.pageXOffset,r.bottom-=_.pageYOffset,r.right-=_.pageXOffset),this.withinOffsets=r,this.overflowX=this.pin.width-r.width,this.overflowY=this.pin.height-r.height,this.limits={left:r.left-this.initOffsetX-this.pin[0]-(this.overflowX<0?0:this.overflowX),top:r.top-this.initOffsetY-this.pin[1]-(this.overflowY<0?0:this.overflowY),right:this.overflowX>0?0:r.right-this.initOffsetX-this.pin[2],bottom:this.overflowY>0?0:r.bottom-this.initOffsetY-this.pin[3]}}updateInfo(t,e){this.deltaX=t-this.prevX,this.deltaY=e-this.prevY,this.prevX=t,this.prevY=e,this.movementX=t-this.initX,this.movementY=e-this.initY}getCoords(){return this.css3?ei(this.element).slice(0,2)||[0,0]:[(0,q.default)(this.element.style.left),(0,q.default)(this.element.style.top)]}setCoords(t,e){this.css3?(t==null&&(t=this.prevX),e==null&&(e=this.prevY),t=Q(t,this.precision),e=Q(e,this.precision),this.element.style.transform=`translate3d(${t}px, ${e}px, 0)`,this.updateInfo(t,e)):(t==null&&(t=this.prevX),e==null&&(e=this.prevY),t=Q(t,this.precision),e=Q(e,this.precision),this.element.style.left=t,this.element.style.top=e,this.updateInfo(t,e))}within=g;handle;set pin(t){Array.isArray(t)?t.length===2?this._pin=[t[0],t[1],t[0],t[1]]:t.length===4&&(this._pin=t):typeof t=="number"?this._pin=[t,t,t,t]:this._pin=t,this._pin.width=this._pin[2]-this._pin[0],this._pin.height=this._pin[3]-this._pin[1]}get pin(){if(this._pin)return this._pin;var t=[0,0,this.offsets.width,this.offsets.height];return t.width=this.offsets.width,t.height=this.offsets.height,t}set threshold(t){typeof t=="number"?this._threshold=[-t*.5,-t*.5,t*.5,t*.5]:t.length===2?this._threshold=[-t[0]*.5,-t[1]*.5,t[0]*.5,t[1]*.5]:t.length===4?this._threshold=t:typeof t=="function"?this._threshold=t():this._threshold=[0,0,0,0]}get threshold(){return this._threshold||[0,0,0,0]}release=!1;releaseDuration=500;velocity=1e3;maxSpeed=250;framerate=50;precision=1;droppable=null;droppableTolerance=.5;droppableClass=null;sniper=!0;sniperSlowdown=.85;move(t,e){if(this.axis==="x"){t==null&&(t=this.prevX),e==null&&(e=this.prevY);var s=this.limits;if(this.repeat){var r=s.right-s.left,o=-this.initOffsetX+this.withinOffsets.left-this.pin[0]-Math.max(0,this.overflowX);t=Y(t-o,r)+o}else t=j(t,s.left,s.right);this.setCoords(t)}else if(this.axis==="y"){t==null&&(t=this.prevX),e==null&&(e=this.prevY);var s=this.limits;if(this.repeat){var n=s.bottom-s.top,a=-this.initOffsetY+this.withinOffsets.top-this.pin[1]-Math.max(0,this.overflowY);e=Y(e-a,n)+a}else e=j(e,s.top,s.bottom);this.setCoords(null,e)}else{t==null&&(t=this.prevX),e==null&&(e=this.prevY);var s=this.limits;if(this.repeat){var r=s.right-s.left,n=s.bottom-s.top,o=-this.initOffsetX+this.withinOffsets.left-this.pin[0]-Math.max(0,this.overflowX),a=-this.initOffsetY+this.withinOffsets.top-this.pin[1]-Math.max(0,this.overflowY);this.repeat==="x"?t=Y(t-o,r)+o:(this.repeat==="y"||(t=Y(t-o,r)+o),e=Y(e-a,n)+a)}t=j(t,s.left,s.right),e=j(e,s.top,s.bottom),this.setCoords(t,e)}}repeat=!1;destroy(){this.currentHandles.forEach(t=>{(0,h.off)(t,this._ns)}),this.state="destroy",clearTimeout(this._animateTimeout),(0,h.off)(g,this._ns),(0,h.off)(this.element,this._ns),this.element=null,this.within=null}};function Ge(i){if(!i[0]&&!i[1]&&!i[2]&&!i[3])return!0}function Z(i){return Array.isArray(i)?i.map(Z).reduce(function(t,e){return t.concat(e)},[]):i instanceof HTMLElement?[i]:[].slice.call(document.querySelectorAll(i))}function Je(i,t,e=0){let s=Math.max(0,Math.min(i.right,t.right)-Math.max(i.left,t.left)),r=Math.max(0,Math.min(i.bottom,t.bottom)-Math.max(i.top,t.top)),o=s*r,n=(i.right-i.left)*(i.bottom-i.top),a=(t.right-t.left)*(t.bottom-t.top),f=Math.min(n,a);return o>=e*f}function Y(i,t,e){if(e===void 0&&(e=t,t=0),t>e){var s=e;e=t,t=s}var r=e-t;return i=(i+t)%r-t,i<t&&(i+=r),i>e&&(i-=r),i}function j(i,t,e){return Math.max(t,Math.min(i,e))}function Q(i,t){return t===0?i:t?(t=parseFloat(t),i=Math.round(i/t)*t,parseFloat(i.toFixed(ti(t)))):Math.round(i)}function ti(i){var t=i+"",e=t.indexOf(".")+1;return e?t.length-e:0}var de={disable(i){i.style.userSelect="none",i.style.userDrag="none",i.style.touchCallout="none",i.setAttribute("unselectable","on"),i.addEventListener("selectstart",t=>t.preventDefault())},enable(i){i.style.userSelect=null,i.style.userDrag=null,i.style.touchCallout=null,i.removeAttribute("unselectable"),i.removeEventListener("selectstart",t=>t.preventDefault())}};function ei(i){var t=i.style.transform,e=/translate(?:3d)?\s*\(([^\)]*)\)/.exec(t);if(!e)return[0,0];var s=e[1].split(/\s*,\s*/);return[(0,q.default)(s[0]),(0,q.default)(s[1])]}function ii(i){var t=i;if(i===window)return!0;if(i===document)return!1;for(;t;){if(getComputedStyle(t).position==="fixed")return!0;t=t.offsetParent}return!1}var M=vt;var E=m(dt(),1),_e=m(lt(),1),Ee=m(N(),1),p=m(nt(),1),Xe=m(ge(),1),Oe=m(xe(),1),Ye=m(Se(),1),wt=m(at(),1),si=document,ze=si.documentElement;function et(i,t){var e=this;if(!(e instanceof et))return new et(i,t);e.element=i,Object.assign(e,t),e.draggable===!0?e.draggable=new M(e.element,{within:e.within,css3:e.css3}):e.draggable?(e.draggable=new M(e.element,e.draggable),e.draggable.css3=e.css3):e.draggable=new M(e.element,{handle:null}),e.createHandles(),e.resize&&e.on("resize",e.resize)}var y=et.prototype;y.css3=!0;y.draggable=!1;y.on=function(i,t){(0,_e.default)(this,i,t)};y.off=function(i,t){(0,Ee.default)(this,i,t)};y.createHandles=function(){var i=this,t;if(Array.isArray(i.handles)){t={};for(var e=i.handles.length;e--;)t[i.handles[e]]=null}else if(typeof i.handles=="string"){t={};for(var s=i.handles.match(/([swne]+)/g),e=s.length;e--;)t[s[e]]=null}else if(typeof i.handles=="object"&&i.handles.constructor===Object)t=i.handles;else{var r=getComputedStyle(i.element).position,o=getComputedStyle(i.element).display;/inline/.test(o)||/static/.test(r)?(t={s:null,se:null,e:null},(0,p.default)(i.element,"position","relative")):t={s:null,se:null,e:null,ne:null,n:null,nw:null,w:null,sw:null}}var n;for(var a in t)t[a]=i.createHandle(t[a],a);i.handles=t};y.createHandle=function(i,t){var e=this,s=e.element;i||(i=document.createElement("div"),i.classList.add("resizable-handle")),e.element.appendChild(i),i.direction=t;var r=e.within==="parent"?e.element.parentNode:e.within,o=new M(i,{within:r,threshold:e.threshold,axis:/^[ns]$/.test(t)?"y":/^[we]$/.test(t)?"x":"both"});return o.on("dragstart",function(n){e.m=(0,Ye.default)(s),e.b=(0,Oe.default)(s),e.p=(0,Xe.default)(s),e.draggable.update(n);var a=getComputedStyle(s);if(e.offsets=e.draggable.getCoords(),getComputedStyle(s).boxSizing==="border-box"&&(e.p.top=0,e.p.bottom=0,e.p.left=0,e.p.right=0,e.b.top=0,e.b.bottom=0,e.b.left=0,e.b.right=0),e.initSize=[s.offsetWidth-e.b.left-e.b.right-e.p.left-e.p.right,s.offsetHeight-e.b.top-e.b.bottom-e.p.top-e.p.bottom],e.initSizeFull=[s.offsetWidth,s.offsetHeight],e.prevCoords=[0,0],e.shiftOffset=[0,0],e.center=[e.offsets[0]+e.initSize[0]/2,e.offsets[1]+e.initSize[1]/2],e.within){var f=(0,wt.default)(r),l=(0,wt.default)(s);e.maxSize=[l.left-f.left+e.initSize[0],l.top-f.top+e.initSize[1],f.right-l.right+e.initSize[0],f.bottom-l.bottom+e.initSize[1]]}else e.maxSize=[9999,9999,9999,9999];(0,p.default)(ze,{cursor:t+"-resize"});for(var c in e.handles)(0,p.default)(e.handles[c],"cursor",null);(0,E.default)(e,"resizestart"),(0,E.default)(s,"resizestart")}),o.on("drag",function(){var n=o.getCoords(),a=[s.offsetWidth,s.offsetHeight];if(o.shiftKey){switch(t){case"se":case"s":case"e":break;case"nw":n[0]=-n[0],n[1]=-n[1];break;case"n":n[1]=-n[1];break;case"w":n[0]=-n[0];break;case"ne":n[1]=-n[1];break;case"sw":n[0]=-n[0];break}(0,p.default)(s,{width:Math.min(e.initSize[0]+n[0]*2,e.maxSize[2]+n[0],e.maxSize[0]+n[0]),height:Math.min(e.initSize[1]+n[1]*2,e.maxSize[3]+n[1],e.maxSize[1]+n[1])});var f=a[0]-s.offsetWidth,l=a[1]-s.offsetHeight;e.draggable.updateLimits(),f&&e.draggable.move(e.center[0]-e.initSize[0]/2-n[0]),l&&e.draggable.move(null,e.center[1]-e.initSize[1]/2-n[1])}else switch(t){case"se":(0,p.default)(s,{width:Math.min(e.initSize[0]+n[0],e.maxSize[2]),height:Math.min(e.initSize[1]+n[1],e.maxSize[3])});case"s":(0,p.default)(s,{height:Math.min(e.initSize[1]+n[1],e.maxSize[3])});case"e":(0,p.default)(s,{width:Math.min(e.initSize[0]+n[0],e.maxSize[2])});case"se":case"s":case"e":e.draggable.updateLimits(),e.draggable.move(e.center[0]-e.initSize[0]/2,e.center[1]-e.initSize[1]/2);break;case"nw":(0,p.default)(s,{width:b(e.initSize[0]-n[0],0,e.maxSize[0]),height:b(e.initSize[1]-n[1],0,e.maxSize[1])});case"n":(0,p.default)(s,{height:b(e.initSize[1]-n[1],0,e.maxSize[1])});case"w":(0,p.default)(s,{width:b(e.initSize[0]-n[0],0,e.maxSize[0])});case"nw":case"n":case"w":e.draggable.updateLimits();var d=e.initSizeFull[0]-s.offsetWidth,c=e.initSizeFull[1]-s.offsetHeight;e.draggable.move(e.offsets[0]+d,e.offsets[1]+c);break;case"ne":(0,p.default)(s,{width:b(e.initSize[0]+n[0],0,e.maxSize[2]),height:b(e.initSize[1]-n[1],0,e.maxSize[1])}),e.draggable.updateLimits();var c=e.initSizeFull[1]-s.offsetHeight;e.draggable.move(null,e.offsets[1]+c);break;case"sw":(0,p.default)(s,{width:b(e.initSize[0]-n[0],0,e.maxSize[0]),height:b(e.initSize[1]+n[1],0,e.maxSize[3])}),e.draggable.updateLimits();var d=e.initSizeFull[0]-s.offsetWidth;e.draggable.move(e.offsets[0]+d);break}(0,E.default)(e,"resize"),(0,E.default)(s,"resize"),o.setCoords(0,0)}),o.on("dragend",function(){(0,p.default)(ze,{cursor:null});for(var n in e.handles)(0,p.default)(e.handles[n],"cursor",e.handles[n].direction+"-resize");(0,E.default)(e,"resizeend"),(0,E.default)(s,"resizeend")}),(0,p.default)(i,ni[t]),(0,p.default)(i,"cursor",t+"-resize"),i.classList.add("resizable-handle-"+t),i};y.destroy=function(){for(var i in this.handles)this.element.removeChild(this.handles[i]),M.cache.get(this.handles[i]).destroy();this.element=null};var ri=10;y.threshold=ri;var ni={e:{left:"auto",right:"-5px",position:"absolute",width:"10px",top:"0px",bottom:"0px"},w:{right:"auto",left:"-5px",position:"absolute",width:"10px",top:"0px",bottom:"0px"},s:{top:"auto",bottom:"-5px",position:"absolute",height:"10px",left:"0px",right:"0px"},n:{bottom:"auto",top:"-5px",position:"absolute",height:"10px",left:"0px",right:"0px"},nw:{position:"absolute",width:"10px",height:"10px","z-index":1,top:"-5px",left:"-5px",bottom:"auto",right:"auto"},ne:{position:"absolute",width:"10px",height:"10px","z-index":1,top:"-5px",right:"-5px",bottom:"auto",left:"auto"},sw:{position:"absolute",width:"10px",height:"10px","z-index":1,bottom:"-5px",left:"-5px",top:"auto",right:"auto"},se:{position:"absolute",width:"10px",height:"10px","z-index":1,bottom:"-5px",right:"-5px",top:"auto",left:"auto"}};function b(i,t,e){return Math.max(t,Math.min(i,e))}var Ii=et;export{Ii as default}; /*! Bundled license information: is-primitive/index.js: (*! * is-primitive <https://github.com/jonschlinkert/is-primitive> * * Copyright (c) 2014-present, Jon Schlinkert. * Released under the MIT License. *) */ //# sourceMappingURL=resizable.min.js.map