vue-jcrop
Version:
The Javascript cropping widget for Vue.js
1 lines • 59.3 kB
JavaScript
module.exports=function(modules){function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}var installedModules={};return __webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.i=function(value){return value},__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{configurable:!1,enumerable:!0,get:getter})},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=19)}([function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),DomObj=function(){function DomObj(el){_classCallCheck(this,DomObj),"string"==typeof el&&(el=document.getElementById(el)),this.el=el}return _createClass(DomObj,[{key:"appendTo",value:function(el){return"string"==typeof el&&(el=document.getElementById(el)),el.appendChild(this.el),this}},{key:"emit",value:function(evname){var ev=document.createEvent("Event");ev.initEvent(evname,!0,!0),ev.cropTarget=this,this.el.dispatchEvent(ev)}},{key:"removeClass",value:function(cl){return this.el.className=this.el.className.split(" ").filter(function(i){return cl!==i}).join(" "),this}},{key:"hasClass",value:function(cl){return this.el.className.split(" ").filter(function(i){return cl===i}).length}},{key:"addClass",value:function(cl){return this.hasClass(cl)||(this.el.className+=" "+cl),this}},{key:"listen",value:function(evname,handler){return this.el.addEventListener(evname,function(e){return handler(e.cropTarget,e)}),this}}]),DomObj}();exports.default=DomObj},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),Rect=function(){function Rect(){_classCallCheck(this,Rect),this.x=0,this.y=0,this.w=0,this.h=0}return _createClass(Rect,[{key:"round",value:function(){return Rect.create(Math.round(this.x),Math.round(this.y),Math.round(this.w),Math.round(this.h))}},{key:"normalize",value:function(){var _ref=[Math.min(this.x,this.x2),Math.min(this.y,this.y2),Math.max(this.x,this.x2),Math.max(this.y,this.y2)],x1=_ref[0],y1=_ref[1],x2=_ref[2],y2=_ref[3];return Rect.create(x1,y1,x2-x1,y2-y1)}},{key:"rebound",value:function(w,h){var rect=this.normalize();return rect.x<0&&(rect.x=0),rect.y<0&&(rect.y=0),rect.x2>w&&(rect.x=w-rect.w),rect.y2>h&&(rect.y=h-rect.h),rect}},{key:"scale",value:function(x,y){return y=y||x,Rect.create(this.x*x,this.y*y,this.w*x,this.h*y)}},{key:"unscale",value:function(x,y){return y=y||x,Rect.create(this.x/x,this.y/y,this.w/x,this.h/y)}},{key:"center",value:function(w,h){return Rect.create((w-this.w)/2,(h-this.h)/2,this.w,this.h)}},{key:"toArray",value:function(){return[this.x,this.y,this.w,this.h]}},{key:"x1",set:function(v){this.w=this.x2-v,this.x=v}},{key:"y1",set:function(v){this.h=this.y2-v,this.y=v}},{key:"x2",get:function(){return this.x+this.w},set:function(x){this.w=x-this.x}},{key:"y2",get:function(){return this.y+this.h},set:function(y){this.h=y-this.y}},{key:"aspect",get:function(){return this.w/this.h}}]),Rect}();Rect.fromPoints=function(p1,p2){var _ref2=[Math.min(p1[0],p2[0]),Math.min(p1[1],p2[1]),Math.max(p1[0],p2[0]),Math.max(p1[1],p2[1])],x1=_ref2[0],y1=_ref2[1],x2=_ref2[2],y2=_ref2[3];return Rect.create(x1,y1,x2-x1,y2-y1)},Rect.create=function(){var x=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,y=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,w=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,h=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,c=new Rect;return c.x=x,c.y=y,c.w=w,c.h=h,c},Rect.from=function(el){if(Array.isArray(el))return Rect.fromArray(el);var c=new Rect;return c.x=el.offsetLeft,c.y=el.offsetTop,c.w=el.offsetWidth,c.h=el.offsetHeight,c},Rect.fromArray=function(args){if(4===args.length)return Rect.create.apply(this,args);if(2===args.length)return Rect.fromPoints(args[0],args[1]);throw new Error("fromArray method problem")},Rect.sizeOf=function(el,y){if(y)return Rect.create(0,0,el,y);var c=new Rect;return c.w=el.offsetWidth,c.h=el.offsetHeight,c},Rect.getMax=function(w,h,aspect){return w/h>aspect?[h*aspect,h]:[w,w/aspect]},Rect.fromPoint=function(point,w,h){var quad=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"br",c=new Rect;switch(c.x=point[0],c.y=point[1],quad){case"br":c.x2=c.x+w,c.y2=c.y+h;break;case"bl":c.x2=c.x-w,c.y2=c.y+h;break;case"tl":c.x2=c.x-w,c.y2=c.y-h;break;case"tr":c.x2=c.x+w,c.y2=c.y-h}return c},exports.default=Rect},function(module,exports,__webpack_require__){"use strict";function extend(){var extended={};for(var key in arguments){var argument=arguments[key];for(var prop in argument)Object.prototype.hasOwnProperty.call(argument,prop)&&(extended[prop]=argument[prop])}return extended}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=extend},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={animateEasingFunction:"swing",animateFrames:30,multi:!1,multiMax:null,multiMin:1,cropperClass:"jcrop-widget",disabledClass:"jcrop-disable",canDrag:!0,canResize:!0,canSelect:!0,canRemove:!0,multiple:!1,autoFront:!0,active:!0,handles:["n","s","e","w","sw","nw","ne","se"],shade:!0,shadeClass:"jcrop-shade",shadeColor:"black",shadeOpacity:.5,widgetConstructor:null,x:0,y:0,w:100,h:100}},function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Dragger=function(el,startcb,movecb,donecb){function start(e){var obj="touchstart"===e.type?e.touches[0]:e;ox=obj.pageX,oy=obj.pageY,e.preventDefault(),e.stopPropagation(),startcb(ox,oy,obj)&&("mousedown"===e.type?(window.addEventListener("mousemove",move),document.addEventListener("mouseup",done)):"touchstart"===e.type&&(document.addEventListener("touchmove",move),document.addEventListener("touchend",done)))}function move(e){var obj="touchmove"===e.type?e.changedTouches[0]:e;e.stopPropagation(),movecb(obj.pageX-ox,obj.pageY-oy)}function done(e){var obj="touchend"===e.type?e.changedTouches[0]:e;obj.pageX&&obj.pageY&&movecb(obj.pageX-ox,obj.pageY-oy),document.removeEventListener("mouseup",done),window.removeEventListener("mousemove",move),document.removeEventListener("touchmove",move),document.removeEventListener("touchend",done),donecb()}function remove(){el.removeEventListener("mousedown",start),el.removeEventListener("touchstart",start)}var ox,oy;return"string"==typeof el&&(el=document.getElementById(el)),el.addEventListener("mousedown",start),el.addEventListener("touchstart",start),{remove:remove}};exports.default=Dragger},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var _slicedToArray=function(){function sliceIterator(arr,i){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return&&_i.return()}finally{if(_d)throw _e}}return _arr}return function(arr,i){if(Array.isArray(arr))return arr;if(Symbol.iterator in Object(arr))return sliceIterator(arr,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_rect=__webpack_require__(1),_rect2=function(obj){return obj&&obj.__esModule?obj:{default:obj}}(_rect),Sticker=function(){function Sticker(rect,w,h,ord){_classCallCheck(this,Sticker),this.sw=w,this.sh=h,this.rect=rect,this.locked=this.getCornerPoint(this.getOppositeCorner(ord)),this.stuck=this.getCornerPoint(ord)}return _createClass(Sticker,[{key:"move",value:function(x,y){return _rect2.default.fromPoints(this.locked,this.translateStuckPoint(x,y))}},{key:"getDragQuadrant",value:function(x,y){var relx=this.locked[0]-x,rely=this.locked[1]-y;return relx<0&&rely<0?"br":relx>=0&&rely>=0?"tl":relx<0&&rely>=0?"tr":"bl"}},{key:"getMaxRect",value:function(x,y,aspect){return _rect2.default.getMax(Math.abs(this.locked[0]-x),Math.abs(this.locked[1]-y),aspect)}},{key:"translateStuckPoint",value:function(ox,oy){var _stuck=_slicedToArray(this.stuck,3),xx=_stuck[0],yy=_stuck[1],sp=_stuck[2],x=null===xx?sp:xx+ox,y=null===yy?sp:yy+oy;if(x>this.sw&&(x=this.sw),y>this.sh&&(y=this.sh),x<0&&(x=0),y<0&&(y=0),this.aspect){var _getMaxRect=this.getMaxRect(x,y,this.aspect),_getMaxRect2=_slicedToArray(_getMaxRect,2),w=_getMaxRect2[0],h=_getMaxRect2[1],quad=this.getDragQuadrant(x,y),res=_rect2.default.fromPoint(this.locked,w,h,quad);return[res.x2,res.y2]}return[x,y]}},{key:"getCornerPoint",value:function(h){var p=this.rect;switch(h){case"n":return[null,p.y,p.x];case"s":return[null,p.y2,p.x2];case"e":return[p.x2,null,p.y2];case"w":return[p.x,null,p.y];case"se":return[p.x2,p.y2];case"sw":return[p.x,p.y2];case"ne":return[p.x2,p.y];case"nw":return[p.x,p.y]}}},{key:"getOppositeCorner",value:function(h){switch(h){case"n":return"se";case"s":case"e":return"nw";case"w":return"se";case"se":return"nw";case"sw":return"ne";case"ne":return"sw";case"nw":return"se"}}}]),Sticker}();Sticker.create=function(rect,w,h,ord){return new Sticker(rect,w,h,ord)},exports.default=Sticker},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function attach(el){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return options=(0,_extend2.default)({},_defaults2.default,options),"string"==typeof el&&(el=document.getElementById(el)),"IMG"===el.tagName?new _image2.default(el,options):new _dom2.default(el,options)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.DomObj=exports.Shade=exports.load=exports.easing=exports.Sticker=exports.Handle=exports.Rect=exports.Widget=exports.Dragger=exports.defaults=exports.Stage=void 0,exports.attach=attach;var _extend=__webpack_require__(2),_extend2=_interopRequireDefault(_extend),_defaults=__webpack_require__(3),_defaults2=_interopRequireDefault(_defaults),_dom=__webpack_require__(11),_dom2=_interopRequireDefault(_dom),_image=__webpack_require__(18),_image2=_interopRequireDefault(_image),_widget=__webpack_require__(12),_widget2=_interopRequireDefault(_widget),_shade=__webpack_require__(10),_shade2=_interopRequireDefault(_shade),_handle=__webpack_require__(9),_handle2=_interopRequireDefault(_handle),_dragger=__webpack_require__(4),_dragger2=_interopRequireDefault(_dragger),_rect=__webpack_require__(1),_rect2=_interopRequireDefault(_rect),_sticker=__webpack_require__(5),_sticker2=_interopRequireDefault(_sticker),_domobj=__webpack_require__(0),_domobj2=_interopRequireDefault(_domobj),_easing=__webpack_require__(8),_easing2=_interopRequireDefault(_easing),_loader=__webpack_require__(17),_loader2=_interopRequireDefault(_loader);exports.Stage=_dom2.default,exports.defaults=_defaults2.default,exports.Dragger=_dragger2.default,exports.Widget=_widget2.default,exports.Rect=_rect2.default,exports.Handle=_handle2.default,exports.Sticker=_sticker2.default,exports.easing=_easing2.default,exports.load=_loader2.default,exports.Shade=_shade2.default,exports.DomObj=_domobj2.default,exports.default={Stage:_dom2.default,defaults:_defaults2.default,Dragger:_dragger2.default,Widget:_widget2.default,Rect:_rect2.default,Handle:_handle2.default,Sticker:_sticker2.default,easing:_easing2.default,load:_loader2.default,attach:attach,Shade:_shade2.default,DomObj:_domobj2.default}},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_extend=__webpack_require__(2),_extend2=_interopRequireDefault(_extend),_domobj=__webpack_require__(0),_domobj2=_interopRequireDefault(_domobj),_defaults=__webpack_require__(3),_defaults2=_interopRequireDefault(_defaults),ConfObj=function(_DomObj){function ConfObj(el){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,ConfObj);var _this=_possibleConstructorReturn(this,(ConfObj.__proto__||Object.getPrototypeOf(ConfObj)).call(this,el));return _this.options={},Object.defineProperty(_this,"_optconf",{configurable:!1,enumerable:!1,value:{},writable:!0}),_this.initOptions(),_this.setOptions((0,_extend2.default)({},_defaults2.default,options)),_this}return _inherits(ConfObj,_DomObj),_createClass(ConfObj,[{key:"setOptions",value:function(options){var _this2=this;return this.options=(0,_extend2.default)({},this.options,options),Object.keys(options).forEach(function(key){_this2._optconf[key]&&_this2._optconf[key](options[key])}),this}},{key:"initOptions",value:function(){}}]),ConfObj}(_domobj2.default);exports.default=ConfObj},function(module,exports,__webpack_require__){"use strict";var m=module.exports={def:"outQuad",swing:function(t,b,c,d){return m[m.def](t,b,c,d)},inQuad:function(t,b,c,d){return c*(t/=d)*t+b},outQuad:function(t,b,c,d){return-c*(t/=d)*(t-2)+b},inOutQuad:function(t,b,c,d){return(t/=d/2)<1?c/2*t*t+b:-c/2*(--t*(t-2)-1)+b},inCubic:function(t,b,c,d){return c*(t/=d)*t*t+b},outCubic:function(t,b,c,d){return c*((t=t/d-1)*t*t+1)+b},inOutCubic:function(t,b,c,d){return(t/=d/2)<1?c/2*t*t*t+b:c/2*((t-=2)*t*t+2)+b},inQuart:function(t,b,c,d){return c*(t/=d)*t*t*t+b},outQuart:function(t,b,c,d){return-c*((t=t/d-1)*t*t*t-1)+b},inOutQuart:function(t,b,c,d){return(t/=d/2)<1?c/2*t*t*t*t+b:-c/2*((t-=2)*t*t*t-2)+b},inQuint:function(t,b,c,d){return c*(t/=d)*t*t*t*t+b},outQuint:function(t,b,c,d){return c*((t=t/d-1)*t*t*t*t+1)+b},inOutQuint:function(t,b,c,d){return(t/=d/2)<1?c/2*t*t*t*t*t+b:c/2*((t-=2)*t*t*t*t+2)+b},inSine:function(t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+c+b},outSine:function(t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b},inOutSine:function(t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b},inExpo:function(t,b,c,d){return 0==t?b:c*Math.pow(2,10*(t/d-1))+b},outExpo:function(t,b,c,d){return t==d?b+c:c*(1-Math.pow(2,-10*t/d))+b},inOutExpo:function(t,b,c,d){return 0==t?b:t==d?b+c:(t/=d/2)<1?c/2*Math.pow(2,10*(t-1))+b:c/2*(2-Math.pow(2,-10*--t))+b},inCirc:function(t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)-1)+b},outCirc:function(t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+b},inOutCirc:function(t,b,c,d){return(t/=d/2)<1?-c/2*(Math.sqrt(1-t*t)-1)+b:c/2*(Math.sqrt(1-(t-=2)*t)+1)+b},inElastic:function(t,b,c,d){var s=1.70158,p=0,a=c;if(0==t)return b;if(1==(t/=d))return b+c;if(p||(p=.3*d),a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return-a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)+b},outElastic:function(t,b,c,d){var s=1.70158,p=0,a=c;if(0==t)return b;if(1==(t/=d))return b+c;if(p||(p=.3*d),a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b},inOutElastic:function(t,b,c,d){var s=1.70158,p=0,a=c;if(0==t)return b;if(2==(t/=d/2))return b+c;if(p||(p=d*(.3*1.5)),a<Math.abs(c)){a=c;var s=p/4}else var s=p/(2*Math.PI)*Math.asin(c/a);return t<1?a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*-.5+b:a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b},inBack:function(t,b,c,d,s){return void 0==s&&(s=1.70158),c*(t/=d)*t*((s+1)*t-s)+b},outBack:function(t,b,c,d,s){return void 0==s&&(s=1.70158),c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},inOutBack:function(t,b,c,d,s){return void 0==s&&(s=1.70158),(t/=d/2)<1?c/2*(t*t*((1+(s*=1.525))*t-s))+b:c/2*((t-=2)*t*((1+(s*=1.525))*t+s)+2)+b},inBounce:function(t,b,c,d){return c-m.outBounce(d-t,0,c,d)+b},outBounce:function(t,b,c,d){return(t/=d)<1/2.75?c*(7.5625*t*t)+b:t<2/2.75?c*(7.5625*(t-=1.5/2.75)*t+.75)+b:t<2.5/2.75?c*(7.5625*(t-=2.25/2.75)*t+.9375)+b:c*(7.5625*(t-=2.625/2.75)*t+.984375)+b},inOutBounce:function(t,b,c,d){return t<d/2?.5*m.inBounce(2*t,0,c,d)+b:.5*m.outBounce(2*t-d,0,c,d)+.5*c+b}}},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _domobj=__webpack_require__(0),_domobj2=function(obj){return obj&&obj.__esModule?obj:{default:obj}}(_domobj),Handle=function(_DomObj){function Handle(){return _classCallCheck(this,Handle),_possibleConstructorReturn(this,(Handle.__proto__||Object.getPrototypeOf(Handle)).apply(this,arguments))}return _inherits(Handle,_DomObj),Handle}(_domobj2.default);Handle.create=function(clname){var el=document.createElement("div");return el.className=clname,new Handle(el)},exports.default=Handle},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_rect=__webpack_require__(1),_rect2=_interopRequireDefault(_rect),_domobj=__webpack_require__(0),_domobj2=_interopRequireDefault(_domobj),Manager=function(){function Manager(el){_classCallCheck(this,Manager),"string"==typeof el&&(el=document.getElementById(el)),this.el=el,this.shades={}}return _createClass(Manager,[{key:"init",value:function(){var _this=this,options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.active=void 0===options.shade||options.shade,this.keys().forEach(function(key){_this.shades[key]=Shade.create(options,key)}),this.el.addEventListener("crop.update",function(e){e.cropTarget.isActive()&&e.cropTarget.options.shade&&_this.adjust(e.cropTarget.pos)},!1),this.enable()}},{key:"adjust",value:function(rect){var f=_rect2.default.from(this.el),s=this.shades;s.t.h=rect.y,s.b.h=f.h-rect.y2,s.t.w=s.b.w=Math.floor(rect.w),s.l.w=s.t.x=s.b.x=Math.ceil(rect.x),s.r.w=f.w-(Math.ceil(rect.x)+Math.floor(rect.w))}},{key:"keys",value:function(){return["t","l","r","b"]}},{key:"enable",value:function(){var _this2=this,s=this.shades;this.keys().forEach(function(key){return s[key].insert(_this2.el)})}},{key:"disable",value:function(){var s=this.shades;this.keys().forEach(function(key){return s[key].remove()})}},{key:"setStyle",value:function(color,opacity){var s=this.shades;this.keys().forEach(function(key){return s[key].color(color).opacity(opacity)})}}]),Manager}();Manager.attach=function(i){var el=i.el,m=new Manager(el);return m.init(i.options),i.shades=m,i._optconf.shade=function(v){return i.updateShades()},i._optconf.shadeColor=function(v){return m.setStyle(v)},i._optconf.shadeOpacity=function(v){return m.setStyle(null,v)},m};var Shade=function(_DomObj){function Shade(){return _classCallCheck(this,Shade),_possibleConstructorReturn(this,(Shade.__proto__||Object.getPrototypeOf(Shade)).apply(this,arguments))}return _inherits(Shade,_DomObj),_createClass(Shade,[{key:"insert",value:function(el){el.appendChild(this.el)}},{key:"remove",value:function(){this.el.remove()}},{key:"color",value:function(c){return c&&(this.el.style.backgroundColor=c),this}},{key:"opacity",value:function(o){return o&&(this.el.style.opacity=o),this}},{key:"w",set:function(w){this.el.style.width=w+"px"}},{key:"h",set:function(h){this.el.style.height=h+"px"}},{key:"x",set:function(l){this.el.style.left=l+"px"}}]),Shade}(_domobj2.default);Shade.create=function(o,key){var el=document.createElement("div"),clname=o.shadeClass||"jcrop-shade";return el.className=clname+" "+key,new Shade(el).color(o.shadeColor).opacity(o.shadeOpacity)},Shade.Manager=Manager,exports.default=Shade},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_get=function get(object,property,receiver){null===object&&(object=Function.prototype);var desc=Object.getOwnPropertyDescriptor(object,property);if(void 0===desc){var parent=Object.getPrototypeOf(object);return null===parent?void 0:get(parent,property,receiver)}if("value"in desc)return desc.value;var getter=desc.get;if(void 0!==getter)return getter.call(receiver)},_extend=__webpack_require__(2),_extend2=_interopRequireDefault(_extend),_widget=__webpack_require__(12),_widget2=_interopRequireDefault(_widget),_shade=__webpack_require__(10),_shade2=_interopRequireDefault(_shade),_dragger=__webpack_require__(4),_dragger2=_interopRequireDefault(_dragger),_confobj=__webpack_require__(7),_confobj2=_interopRequireDefault(_confobj),_sticker=__webpack_require__(5),_sticker2=_interopRequireDefault(_sticker),Stage=function(_ConfObj){function Stage(el,options){_classCallCheck(this,Stage);var _this=_possibleConstructorReturn(this,(Stage.__proto__||Object.getPrototypeOf(Stage)).call(this,el,options));return _this.scalex=1,_this.scaley=1,_this.crops=new Set,_this.active=null,_this.enabled=!0,_this.init(),_this}return _inherits(Stage,_ConfObj),_createClass(Stage,[{key:"init",value:function(){this.initStageDrag(),_shade2.default.Manager.attach(this)}},{key:"initOptions",value:function(){var _this2=this;this._optconf.multi=function(v){v||_this2.limitWidgets()}}},{key:"setEnabled",value:function(){var v=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],clname=this.options.disabledClass||"jcrop-disable";return this[v?"removeClass":"addClass"](clname),this.enabled=!!v,this}},{key:"focus",value:function(){return!!this.enabled&&(this.active?this.active.el.focus():this.el.focus(),this)}},{key:"limitWidgets",value:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;if(!this.crops||n<1)return!1;for(var crops=Array.from(this.crops);crops.length>n;)this.removeWidget(crops.shift());return this}},{key:"canCreate",value:function(){var n=this.crops.size,o=this.options;return!!this.enabled&&(!(null!==o.multiMax&&n>=o.multiMax)&&!(!o.multi&&n>=o.multiMin))}},{key:"canRemove",value:function(){var n=this.crops.size,o=this.options;return!!this.enabled&&(!(this.active&&!this.active.options.canRemove)&&!(!o.canRemove||n<=o.multiMin))}},{key:"initStageDrag",value:function(){var crop,pos,w,h,stick,_this3=this;(0,_dragger2.default)(this.el,function(x,y,e){return!!_this3.canCreate()&&(crop=(_this3.options.widgetConstructor||_widget2.default).create(_this3.options),pos=crop.pos,pos.x=e.pageX-_this3.el.offsetParent.offsetLeft-_this3.el.offsetLeft,pos.y=e.pageY-_this3.el.offsetParent.offsetTop-_this3.el.offsetTop,w=_this3.el.offsetWidth,h=_this3.el.offsetHeight,_this3.addWidget(crop),stick=_sticker2.default.create(pos,w,h,"se"),_this3.options.aspectRatio&&(stick.aspect=_this3.options.aspectRatio),crop.render(pos),_this3.focus(),!0)},function(x,y){crop.render(stick.move(x,y))},function(){crop.emit("crop.change")})}},{key:"reorderWidgets",value:function(){var _this4=this,z=10;this.crops.forEach(function(crop){crop.el.style.zIndex=z++,_this4.active===crop?crop.addClass("active"):crop.removeClass("active")}),this.refresh()}},{key:"activate",value:function(widget){if(!this.enabled)return this;if(widget=widget||Array.from(this.crops).pop()){if(this.active===widget)return;this.active=widget,this.crops.delete(widget),this.crops.add(widget),this.reorderWidgets(),this.active.el.focus(),this.options.shade&&this.shades.enable(),widget.emit("crop.activate")}else this.shades.disable();return this}},{key:"addWidget",value:function(widget){return widget.attachToStage(this),widget.appendTo(this.el),this.activate(widget),this}},{key:"newWidget",value:function(rect){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};options=(0,_extend2.default)({},this.options,options);var crop=(this.options.widgetConstructor||_widget2.default).create(options);return crop.render(rect.unscale(this.scalex,this.scaley)),this.addWidget(crop),crop.el.focus(),crop}},{key:"removeWidget",value:function(widget){if(!this.canRemove())return!1;widget.emit("crop.remove"),widget.el.remove(),this.crops.delete(widget),this.activate()}},{key:"refresh",value:function(){this.crops.forEach(function(crop){crop.render()}),this.options.shade&&this.active&&this.shades.adjust(this.active.pos)}},{key:"updateShades",value:function(){if(this.shades)return this.options.shade?this.shades.enable():this.shades.disable(),this.options.shade&&this.active&&this.shades.adjust(this.active.pos),this}},{key:"setOptions",value:function(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};_get(Stage.prototype.__proto__||Object.getPrototypeOf(Stage.prototype),"setOptions",this).call(this,options),this.crops&&Array.from(this.crops).forEach(function(i){return i.setOptions(options)})}},{key:"destroy",value:function(){}}]),Stage}(_confobj2.default);exports.default=Stage},function(module,exports,__webpack_require__){"use strict";function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(self,call){if(!self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!call||"object"!=typeof call&&"function"!=typeof call?self:call}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:!1,writable:!0,configurable:!0}}),superClass&&(Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass)}Object.defineProperty(exports,"__esModule",{value:!0});var _slicedToArray=function(){function sliceIterator(arr,i){var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{!_n&&_i.return&&_i.return()}finally{if(_d)throw _e}}return _arr}return function(arr,i){if(Array.isArray(arr))return arr;if(Symbol.iterator in Object(arr))return sliceIterator(arr,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),_createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),_extend=__webpack_require__(2),_extend2=_interopRequireDefault(_extend),_handle=__webpack_require__(9),_handle2=_interopRequireDefault(_handle),_defaults=__webpack_require__(3),_defaults2=_interopRequireDefault(_defaults),_dragger=__webpack_require__(4),_dragger2=_interopRequireDefault(_dragger),_rect=__webpack_require__(1),_rect2=_interopRequireDefault(_rect),_sticker=__webpack_require__(5),_sticker2=_interopRequireDefault(_sticker),_confobj=__webpack_require__(7),_confobj2=_interopRequireDefault(_confobj),_keyboard=__webpack_require__(16),_keyboard2=_interopRequireDefault(_keyboard),_animate=__webpack_require__(15),_animate2=_interopRequireDefault(_animate),Widget=function(_ConfObj){function Widget(el){var options=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,Widget);var _this=_possibleConstructorReturn(this,(Widget.__proto__||Object.getPrototypeOf(Widget)).call(this,el,options));return _this.pos=_rect2.default.from(_this.el),_this.init(),_this}return _inherits(Widget,_ConfObj),_createClass(Widget,[{key:"init",value:function(){return this.createHandles(),this.createMover(),this.attachFocus(),_keyboard2.default.attach(this),this}},{key:"initOptions",value:function(){var _this2=this;this._optconf.aspectRatio=function(ar){var p=_this2.pos;if(_this2.aspect=ar||null,_this2.aspect&&p){var _Rect$getMax=_rect2.default.getMax(p.w,p.h,ar),_Rect$getMax2=_slicedToArray(_Rect$getMax,2),w=_Rect$getMax2[0],h=_Rect$getMax2[1];_this2.render(_rect2.default.fromPoint([p.x,p.y],w,h))}}}},{key:"attachToStage",value:function(stage){this.stage=stage,this.emit("crop.attach")}},{key:"attachFocus",value:function(){var _this3=this;this.el.addEventListener("focus",function(e){_this3.stage.activate(_this3),_this3.emit("crop.update")},!1)}},{key:"animate",value:function(rect,frames,efunc){var _this4=this,t=this;return efunc=efunc||t.options.animateEasingFunction||"swing",frames=frames||t.options.animateFrames||30,(0,_animate2.default)(t.el,t.pos,rect,function(r){return t.render(r.normalize())},frames,efunc).then(function(){return _this4.emit("crop.change")})}},{key:"createMover",value:function(){var w,h,_this5=this;this.pos=_rect2.default.from(this.el);var stick;(0,_dragger2.default)(this.el,function(){var pe=_this5.el.parentElement;if(!_this5.stage.enabled)return!1;var _ref=[pe.offsetWidth,pe.offsetHeight];return w=_ref[0],h=_ref[1],stick=_rect2.default.from(_this5.el),_this5.el.focus(),_this5.stage.activate(_this5),!0},function(x,y){_this5.pos.x=stick.x+x,_this5.pos.y=stick.y+y,_this5.render(_this5.pos.rebound(w,h))},function(){_this5.emit("crop.change")})}},{key:"nudge",value:function(){var x=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,y=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,pe=this.el.parentElement,_ref2=[pe.offsetWidth,pe.offsetHeight],w=_ref2[0],h=_ref2[1];x&&(this.pos.x+=x),y&&(this.pos.y+=y),this.render(this.pos.rebound(w,h)),this.emit("crop.change")}},{key:"createHandles",value:function(){var _this6=this;return this.options.handles.forEach(function(c){var handle=_handle2.default.create("jcrop-handle "+c);handle.appendTo(_this6.el);var stick;(0,_dragger2.default)(handle.el,function(){if(!_this6.stage.enabled)return!1;var pe=_this6.el.parentElement,w=pe.offsetWidth,h=pe.offsetHeight;return stick=_sticker2.default.create(_rect2.default.from(_this6.el),w,h,c),_this6.aspect&&(stick.aspect=_this6.aspect),_this6.el.focus(),_this6.emit("crop.active"),!0},function(x,y){return _this6.render(stick.move(x,y))},function(){_this6.emit("crop.change")})}),this}},{key:"isActive",value:function(){return this.stage&&this.stage.active===this}},{key:"render",value:function(r){return r=r||this.pos,this.el.style.top=Math.round(r.y)+"px",this.el.style.left=Math.round(r.x)+"px",this.el.style.width=Math.round(r.w)+"px",this.el.style.height=Math.round(r.h)+"px",this.pos=r,this.emit("crop.update"),this}},{key:"doneDragging",value:function(){this.pos=_rect2.default.from(this.el)}},{key:"sel",get:function(){var s=this.stage;return this.pos.scale(s.scalex,s.scaley)}}]),Widget}(_confobj2.default);Widget.create=function(){var options=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},el=document.createElement("div"),opts=(0,_extend2.default)({},_defaults2.default,options);return el.setAttribute("tabindex","0"),el.className=opts.cropperClass||"jcrop-widget",new(options.widgetConstructor||Widget)(el,opts)},exports.default=Widget},function(module,exports,__webpack_require__){__webpack_require__(21);var Component=__webpack_require__(22)(__webpack_require__(20),__webpack_require__(23),null,null);module.exports=Component.exports},function(module,exports,__webpack_require__){"use strict";function toFloat(value){return parseFloat(value)||0}function getBordersSize(styles){for(var positions=[],len=arguments.length-1;len-- >0;)positions[len]=arguments[len+1];return positions.reduce(function(size,position){return size+toFloat(styles["border-"+position+"-width"])},0)}function getPaddings(styles){for(var positions=["top","right","bottom","left"],paddings={},i=0,list=positions;i<list.length;i+=1){var position=list[i],value=styles["padding-"+position];paddings[position]=toFloat(value)}return paddings}function getSVGContentRect(target){var bbox=target.getBBox();return createRectInit(0,0,bbox.width,bbox.height)}function getHTMLElementContentRect(target){var clientWidth=target.clientWidth,clientHeight=target.clientHeight;if(!clientWidth&&!clientHeight)return emptyRect;var styles=getWindowOf(target).getComputedStyle(target),paddings=getPaddings(styles),horizPad=paddings.left+paddings.right,vertPad=paddings.top+paddings.bottom,width=toFloat(styles.width),height=toFloat(styles.height);if("border-box"===styles.boxSizing&&(Math.round(width+horizPad)!==clientWidth&&(width-=getBordersSize(styles,"left","right")+horizPad),Math.round(height+vertPad)!==clientHeight&&(height-=getBordersSize(styles,"top","bottom")+vertPad)),!isDocumentElement(target)){var vertScrollbar=Math.round(width+horizPad)-clientWidth,horizScrollbar=Math.round(height+vertPad)-clientHeight;1!==Math.abs(vertScrollbar)&&(width-=vertScrollbar),1!==Math.abs(horizScrollbar)&&(height-=horizScrollbar)}return createRectInit(paddings.left,paddings.top,width,height)}function isDocumentElement(target){return target===getWindowOf(target).document.documentElement}function getContentRect(target){return isBrowser?isSVGGraphicsElement(target)?getSVGContentRect(target):getHTMLElementContentRect(target):emptyRect}function createReadOnlyRect(ref){var x=ref.x,y=ref.y,width=ref.width,height=ref.height,Constr="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,rect=Object.create(Constr.prototype);return defineConfigurable(rect,{x:x,y:y,width:width,height:height,top:y,right:x+width,bottom:height+y,left:x}),rect}function createRectInit(x,y,width,height){return{x:x,y:y,width:width,height:height}}Object.defineProperty(exports,"__esModule",{value:!0});var MapShim=function(){function getIndex(arr,key){var result=-1;return arr.some(function(entry,index){return entry[0]===key&&(result=index,!0)}),result}return"undefined"!=typeof Map?Map:function(){function anonymous(){this.__entries__=[]}var prototypeAccessors={size:{configurable:!0}};return prototypeAccessors.size.get=function(){return this.__entries__.length},anonymous.prototype.get=function(key){var index=getIndex(this.__entries__,key),entry=this.__entries__[index];return entry&&entry[1]},anonymous.prototype.set=function(key,value){var index=getIndex(this.__entries__,key);~index?this.__entries__[index][1]=value:this.__entries__.push([key,value])},anonymous.prototype.delete=function(key){var entries=this.__entries__,index=getIndex(entries,key);~index&&entries.splice(index,1)},anonymous.prototype.has=function(key){return!!~getIndex(this.__entries__,key)},anonymous.prototype.clear=function(){this.__entries__.splice(0)},anonymous.prototype.forEach=function(callback,ctx){var this$1=this;void 0===ctx&&(ctx=null);for(var i=0,list=this$1.__entries__;i<list.length;i+=1){var entry=list[i];callback.call(ctx,entry[1],entry[0])}},Object.defineProperties(anonymous.prototype,prototypeAccessors),anonymous}()}(),isBrowser="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,global$1=function(){return"undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")()}(),requestAnimationFrame$1=function(){return"function"==typeof requestAnimationFrame?requestAnimationFrame.bind(global$1):function(callback){return setTimeout(function(){return callback(Date.now())},1e3/60)}}(),trailingTimeout=2,throttle=function(callback,delay){function resolvePending(){leadingCall&&(leadingCall=!1,callback()),trailingCall&&proxy()}function timeoutCallback(){requestAnimationFrame$1(resolvePending)}function proxy(){var timeStamp=Date.now();if(leadingCall){if(timeStamp-lastCallTime<trailingTimeout)return;trailingCall=!0}else leadingCall=!0,trailingCall=!1,setTimeout(timeoutCallback,delay);lastCallTime=timeStamp}var leadingCall=!1,trailingCall=!1,lastCallTime=0;return proxy},transitionKeys=["top","right","bottom","left","width","height","size","weight"],mutationObserverSupported="undefined"!=typeof MutationObserver,ResizeObserverController=function(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=throttle(this.refresh.bind(this),20)};ResizeObserverController.prototype.addObserver=function(observer){~this.observers_.indexOf(observer)||this.observers_.push(observer),this.connected_||this.connect_()},ResizeObserverController.prototype.removeObserver=function(observer){var observers=this.observers_,index=observers.indexOf(observer);~index&&observers.splice(index,1),!observers.length&&this.connected_&&this.disconnect_()},ResizeObserverController.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},ResizeObserverController.prototype.updateObservers_=function(){var activeObservers=this.observers_.filter(function(observer){return observer.gatherActive(),observer.hasActive()});return activeObservers.forEach(function(observer){return observer.broadcastActive()}),activeObservers.length>0},ResizeObserverController.prototype.connect_=function(){isBrowser&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),mutationObserverSupported?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},ResizeObserverController.prototype.disconnect_=function(){isBrowser&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},ResizeObserverController.prototype.onTransitionEnd_=function(ref){var propertyName=ref.propertyName;void 0===propertyName&&(propertyName=""),transitionKeys.some(function(key){return!!~propertyName.indexOf(key)})&&this.refresh()},ResizeObserverController.getInstance=function(){return this.instance_||(this.instance_=new ResizeObserverController),this.instance_},ResizeObserverController.instance_=null;var defineConfigurable=function(target,props){for(var i=0,list=Object.keys(props);i<list.length;i+=1){var key=list[i];Object.defineProperty(target,key,{value:props[key],enumerable:!1,writable:!1,configurable:!0})}return target},getWindowOf=function(target){return target&&target.ownerDocument&&target.ownerDocument.defaultView||global$1},emptyRect=createRectInit(0,0,0,0),isSVGGraphicsElement=function(){return"undefined"!=typeof SVGGraphicsElement?function(target){return target instanceof getWindowOf(target).SVGGraphicsElement}:function(target){return target instanceof getWindowOf(target).SVGElement&&"function"==typeof target.getBBox}}(),ResizeObservation=function(target){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=createRectInit(0,0,0,0),this.target=target};ResizeObservation.prototype.isActive=function(){var rect=getContentRect(this.target);return this.contentRect_=rect,rect.width!==this.broadcastWidth||rect.height!==this.broadcastHeight},ResizeObservation.prototype.broadcastRect=function(){var rect=this.contentRect_;return this.broadcastWidth=rect.width,this.broadcastHeight=rect.height,rect};var ResizeObserverEntry=function(target,rectInit){var contentRect=createReadOnlyRect(rectInit);defineConfigurable(this,{target:target,contentRect:contentRect})},ResizeObserverSPI=function(callback,controller,callbackCtx){if(this.activeObservations_=[],this.observations_=new MapShim,"function"!=typeof callback)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=callback,this.controller_=controller,this.callbackCtx_=callbackCtx};ResizeObserverSPI.prototype.observe=function(target){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(target instanceof getWindowOf(target).Element))throw new TypeError('parameter 1 is not of type "Element".');var observations=this.observations_;observations.has(target)||(observations.set(target,new ResizeObservation(target)),this.controller_.addObserver(this),this.controller_.refresh())}},ResizeObserverSPI.prototype.unobserve=function(target){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(target instanceof getWindowOf(target).Element))throw new TypeError('parameter 1 is not of type "Element".');var observations=this.observations_;observations.has(target)&&(observations.delete(target),observations.size||this.controller_.removeObserver(this))}},ResizeObserverSPI.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},ResizeObserverSPI.prototype.gatherActive=function(){var this$1=this;this.clearActive(),this.observations_.forEach(function(observation){observation.isActive()&&this$1.activeObservations_.push(observation)})},ResizeObserverSPI.prototype.broadcastActive=function(){if(this.hasActive()){var ctx=this.callbackCtx_,entries=this.activeObservations_.map(function(observation){return new ResizeObserverEntry(observation.target,observation.broadcastRect())});this.callback_.call(ctx,entries,ctx),this.clearActive()}},ResizeObserverSPI.prototype.clearActive=function(){this.activeObservations_.splice(0)},ResizeObserverSPI.prototype.hasActive=function(){return this.activeObservations_.length>0};var observers="undefined"!=typeof WeakMap?new WeakMap:new MapShim,ResizeObserver=function ResizeObserver(callback){if(!(this instanceof ResizeObserver))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var controller=ResizeObserverController.getInstance(),observer=new ResizeObserverSPI(callback,controller,this);observers.set(this,observer)};["observe","unobserve","disconnect"].forEach(function(method){ResizeObserver.prototype[method]=function(){return(ref=observers.get(this))[method].apply(ref,arguments);var ref}});var index=function(){return void 0!==global$1.ResizeObserver?global$1.ResizeObserver:ResizeObserver}();exports.default=index},function(module,exports,__webpack_require__){"use strict";function Animate(el,from,to,cb){var frames=arguments.length>4&&void 0!==arguments[4]?arguments[4]:30,efunc=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"swing",p=["x","y","w","h"],cur=from.normalize();efunc="string"==typeof efunc?_easing2.default[efunc]:efunc;var curFrame=0;return new Promise(function(resolve,reject){function step(){curFrame<frames?(p.forEach(function(key){cur[key]=Math.round(efunc(curFrame,from[key],to[key]-from[key],frames))}),cb(cur),curFrame++,requestAnimationFrame(step)):(cb(to),resolve())}requestAnimationFrame(step)})}Object.defineProperty(exports,"__esModule",{value:!0});var _easing=__webpack_require__(8),_easing2=function(obj){return obj&&obj.__esModule?obj:{default:obj}}(_easing);exports.default=Animate},function(module,exports,__webpack_require__){"use strict";function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function