diff --git a/CHANGELOG.md b/CHANGELOG.md
index abcde0d..3e74a91 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,11 @@
+# [1.1.0-rc.4](https://github.com/nichollascarter/subjx/compare/v1.1.0-rc.3...v1.1.0-rc.4) (2022-03-21)
+
+
+### Bug Fixes
+
+* **core:** fixed tests ([5d81abe](https://github.com/nichollascarter/subjx/commit/5d81abe94f745b25d4d539d081bcd14a9870003a))
+* **core:** set correct transform origin, allow alignment for groupable html elements ([cf29d29](https://github.com/nichollascarter/subjx/commit/cf29d2910cbea89c83864b98d382cbfdda535531))
+
 # [1.1.0-rc.3](https://github.com/nichollascarter/subjx/compare/v1.1.0-rc.2...v1.1.0-rc.3) (2022-03-02)
 
 
diff --git a/dist/js/subjx.common.js b/dist/js/subjx.common.js
index c52067b..4be486f 100644
--- a/dist/js/subjx.common.js
+++ b/dist/js/subjx.common.js
@@ -4,4 +4,4 @@
 * Karen Sarksyan
 * nichollascarter@gmail.com
 */
-"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}function _objectWithoutProperties(e,t){if(null==e)return{};var r,a,o=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _createSuper(e){return function(){var t,r=_getPrototypeOf(e);if(_isNativeReflectConstruct()){var a=_getPrototypeOf(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return _possibleConstructorReturn(this,t)}}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _get(e,t,r){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var a=_superPropBase(e,t);if(a){var o=Object.getOwnPropertyDescriptor(a,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function _iterableToArrayLimit(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],a=!0,o=!1,n=void 0;try{for(var i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(r.push(i.value),!t||r.length!==t);a=!0);}catch(e){o=!0,n=e}finally{try{a||null==s.return||s.return()}finally{if(o)throw n}}return r}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _createForOfIteratorHelper(e){if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=_unsupportedIterableToArray(e))){var t=0,r=function(){};return{s:r,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o,n=!0,i=!1;return{s:function(){a=e[Symbol.iterator]()},n:function(){var e=a.next();return n=e.done,e},e:function(e){i=!0,o=e},f:function(){try{n||null==a.return||a.return()}finally{if(i)throw o}}}}var requestAnimFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||function(e){return setTimeout(e,1e3/60)},cancelAnimFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame||function(e){clearTimeout(e)},_Array$prototype=Array.prototype,forEach=_Array$prototype.forEach,arrSlice=_Array$prototype.slice,arrMap=_Array$prototype.map,arrReduce=_Array$prototype.reduce,_console=console,warn=_console.warn,noop=function(e){return e},isDef=function(e){return null!=e},isUndef=function(e){return null==e},isFunc=function(e){return"function"==typeof e},createMethod=function(e){return isFunc(e)?function(){e.call.apply(e,[this].concat(Array.prototype.slice.call(arguments)))}:noop},Helper=function(){function e(t){if(_classCallCheck(this,e),"string"==typeof t){var r=document.querySelectorAll(t);this.length=r.length;for(var a=0;a<this.length;a++)this[a]=r[a]}else if("object"!==_typeof(t)||1!==t.nodeType&&t!==document)if(t instanceof e){this.length=t.length;for(var o=0;o<this.length;o++)this[o]=t[o]}else{if(!isIterable(t))throw new Error("Passed parameter must be selector/element/elementArray");this.length=t.length;for(var n=0;n<this.length;n++)1===t[n].nodeType&&(this[n]=t[n])}else this[0]=t,this.length=1}return _createClass(e,[{key:"css",value:function(e){var t=function(t){for(var r=t.length;r--;)return t[r].currentStyle?t[r].currentStyle[e]:document.defaultView&&document.defaultView.getComputedStyle?document.defaultView.getComputedStyle(t[r],"")[e]:t[r].style[e]},r=function(e,t){for(var r=e.length;r--;)for(var a in t)e[r].style[a]=t[a];return e.style},a={setStyle:function(e){return r(this,e)},getStyle:function(){return t(this)}};return"string"==typeof e?a.getStyle.apply(this,arrSlice.call(arguments,1)):"object"!==_typeof(e)&&e?(warn("Method ".concat(e," does not exist")),!1):a.setStyle.apply(this,arguments)}},{key:"on",value:function(){for(var e=this.length;e--;)this[e].events||(this[e].events={},this[e].events[arguments[0]]=[]),"string"!=typeof arguments[1]?document.addEventListener?this[e].addEventListener(arguments[0],arguments[1],arguments[2]||{passive:!1}):document.attachEvent?this[e].attachEvent("on".concat(arguments[0]),arguments[1]):this[e]["on".concat(arguments[0])]=arguments[1]:listenerDelegate(this[e],arguments[0],arguments[1],arguments[2],arguments[3],!0);return this}},{key:"off",value:function(){for(var e=this.length;e--;)this[e].events||(this[e].events={},this[e].events[arguments[0]]=[]),"string"!=typeof arguments[1]?document.removeEventListener?this[e].removeEventListener(arguments[0],arguments[1],arguments[2]):document.detachEvent?this[e].detachEvent("on".concat(arguments[0]),arguments[1]):this[e]["on".concat(arguments[0])]=null:listenerDelegate(this[e],arguments[0],arguments[1],arguments[2],arguments[3],!1);return this}},{key:"is",value:function(e){if(isUndef(e))return!1;for(var t=helper(e),r=this.length;r--;)if(this[r]===t[r])return!0;return!1}}]),e}();function listenerDelegate(e,t,r,a,o,n){var i=function(e){for(var t=e.target;t&&t!==this;)t.matches(r)&&a.call(t,e),t=t.parentNode};!0===n?document.addEventListener?e.addEventListener(t,i,o||{passive:!1}):document.attachEvent?e.attachEvent("on".concat(t),i):e["on".concat(t)]=i:document.removeEventListener?e.removeEventListener(t,i,o||{passive:!1}):document.detachEvent?e.detachEvent("on".concat(t),i):e["on".concat(t)]=null}function isIterable(e){return isDef(e)&&"object"===_typeof(e)&&(Array.isArray(e)||isDef(window.Symbol)&&"function"==typeof e[window.Symbol.iterator]||isDef(e.forEach)||"number"==typeof e.length&&(0===e.length||e.length>0&&e.length-1 in e))}function helper(e){return new Helper(e)}var MIN_SIZE=2,THEME_COLOR="#00a8ff",LIB_CLASS_PREFIX="sjx-",E_MOUSEDOWN="mousedown",E_MOUSEUP="mouseup",E_MOUSEMOVE="mousemove",E_TOUCHSTART="touchstart",E_TOUCHEND="touchend",E_TOUCHMOVE="touchmove",E_DRAG_START="dragStart",E_DRAG="drag",E_DRAG_END="dragEnd",E_RESIZE_START="resizeStart",E_RESIZE="resize",E_RESIZE_END="resizeEnd",E_ROTATE_START="rotateStart",E_ROTATE="rotate",E_ROTATE_END="rotateEnd",E_SET_POINT="setPoint",E_SET_POINT_START="setPointStart",E_SET_POINT_END="setPointEnd",EMITTER_EVENTS=[E_DRAG_START,E_DRAG,,E_DRAG_END,E_RESIZE_START,E_RESIZE,E_RESIZE_END,E_ROTATE_START,E_ROTATE,E_ROTATE_END,E_SET_POINT_START,E_SET_POINT_END],CSS_PREFIXES=["","-webkit-","-moz-","-ms-","-o-"],ON_GETSTATE="ongetstate",ON_APPLY="onapply",ON_MOVE="onmove",ON_RESIZE="onresize",ON_ROTATE="onrotate",NOTIFIER_EVENTS=[ON_GETSTATE,ON_APPLY,ON_MOVE,ON_RESIZE,ON_ROTATE],NOTIFIER_CONSTANTS={NOTIFIER_EVENTS:NOTIFIER_EVENTS,ON_GETSTATE:ON_GETSTATE,ON_APPLY:ON_APPLY,ON_MOVE:ON_MOVE,ON_RESIZE:ON_RESIZE,ON_ROTATE:ON_ROTATE},EVENT_EMITTER_CONSTANTS={EMITTER_EVENTS:EMITTER_EVENTS,E_DRAG_START:E_DRAG_START,E_DRAG:E_DRAG,E_DRAG_END:E_DRAG_END,E_RESIZE_START:E_RESIZE_START,E_RESIZE:E_RESIZE,E_RESIZE_END:E_RESIZE_END,E_ROTATE_START:E_ROTATE_START,E_ROTATE:E_ROTATE,E_ROTATE_END:E_ROTATE_END,E_SET_POINT:E_SET_POINT,E_SET_POINT_START:E_SET_POINT_START,E_SET_POINT_END:E_SET_POINT_END},CLIENT_EVENTS_CONSTANTS={E_MOUSEDOWN:E_MOUSEDOWN,E_MOUSEUP:E_MOUSEUP,E_MOUSEMOVE:E_MOUSEMOVE,E_TOUCHSTART:E_TOUCHSTART,E_TOUCHEND:E_TOUCHEND,E_TOUCHMOVE:E_TOUCHMOVE},TRANSFORM_HANDLES_KEYS={TOP_LEFT:"tl",TOP_CENTER:"tc",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br",BOTTOM_CENTER:"bc",MIDDLE_LEFT:"ml",MIDDLE_RIGHT:"mr",CENTER:"center"},TRANSFORM_EDGES_KEYS={TOP_EDGE:"te",BOTTOM_EDGE:"be",LEFT_EDGE:"le",RIGHT_EDGE:"re"},TRANSFORM_HANDLES_CONSTANTS={TRANSFORM_HANDLES_KEYS:TRANSFORM_HANDLES_KEYS,TRANSFORM_EDGES_KEYS:TRANSFORM_EDGES_KEYS},ON_GETSTATE$1=NOTIFIER_CONSTANTS.ON_GETSTATE,ON_APPLY$1=NOTIFIER_CONSTANTS.ON_APPLY,ON_MOVE$1=NOTIFIER_CONSTANTS.ON_MOVE,ON_RESIZE$1=NOTIFIER_CONSTANTS.ON_RESIZE,ON_ROTATE$1=NOTIFIER_CONSTANTS.ON_ROTATE,Observable=function(){function e(){_classCallCheck(this,e),this.observers={}}return _createClass(e,[{key:"subscribe",value:function(e,t){var r=this.observers;return isUndef(r[e])&&Object.defineProperty(r,e,{value:[]}),r[e].push(t),this}},{key:"unsubscribe",value:function(e,t){var r=this.observers;if(isDef(r[e])){var a=r[e].indexOf(t);r[e].splice(a,1)}return this}},{key:"notify",value:function(e,t,r){isUndef(this.observers[e])||this.observers[e].forEach((function(a){if(t!==a)switch(e){case ON_MOVE$1:a.notifyMove(r);break;case ON_ROTATE$1:a.notifyRotate(r);break;case ON_RESIZE$1:a.notifyResize(r);break;case ON_APPLY$1:a.notifyApply(r);break;case ON_GETSTATE$1:a.notifyGetState(r)}}))}}]),e}(),Event=function(){function e(t){_classCallCheck(this,e),this.name=t,this.callbacks=[]}return _createClass(e,[{key:"registerCallback",value:function(e){this.callbacks.push(e)}},{key:"removeCallback",value:function(e){var t=this.callbacks(e);this.callbacks.splice(t,1)}}]),e}(),EventDispatcher=function(){function e(){_classCallCheck(this,e),this.events={}}return _createClass(e,[{key:"registerEvent",value:function(e){this.events[e]=new Event(e)}},{key:"emit",value:function(e,t,r){this.events[t].callbacks.forEach((function(t){t.call(e,r)}))}},{key:"addEventListener",value:function(e,t){this.events[e].registerCallback(t)}},{key:"removeEventListener",value:function(e,t){this.events[e].removeCallback(t)}}]),e}(),E_DRAG$1=EVENT_EMITTER_CONSTANTS.E_DRAG,E_MOUSEMOVE$1=CLIENT_EVENTS_CONSTANTS.E_MOUSEMOVE,E_MOUSEUP$1=CLIENT_EVENTS_CONSTANTS.E_MOUSEUP,E_TOUCHMOVE$1=CLIENT_EVENTS_CONSTANTS.E_TOUCHMOVE,E_TOUCHEND$1=CLIENT_EVENTS_CONSTANTS.E_TOUCHEND,SubjectModel=function(){function e(t){_classCallCheck(this,e),this.elements=t,this.storage=null,this.proxyMethods=null,this.eventDispatcher=new EventDispatcher,this._onMouseDown=this._onMouseDown.bind(this),this._onTouchStart=this._onTouchStart.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this._onTouchMove=this._onTouchMove.bind(this),this._onMouseUp=this._onMouseUp.bind(this),this._onTouchEnd=this._onTouchEnd.bind(this),this._animate=this._animate.bind(this)}return _createClass(e,[{key:"enable",value:function(e){this._processOptions(e),this._init(this.elements),this.proxyMethods.onInit.call(this,this.elements)}},{key:"disable",value:function(){throwNotImplementedError()}},{key:"_init",value:function(){throwNotImplementedError()}},{key:"_destroy",value:function(){throwNotImplementedError()}},{key:"_processOptions",value:function(){throwNotImplementedError()}},{key:"_start",value:function(){throwNotImplementedError()}},{key:"_moving",value:function(){throwNotImplementedError()}},{key:"_end",value:function(){throwNotImplementedError()}},{key:"_animate",value:function(){throwNotImplementedError()}},{key:"_drag",value:function(e){var t=e.element,r=e.dx,a=e.dy,o=_objectWithoutProperties(e,["element","dx","dy"]),n=_objectSpread2({dx:r,dy:a,transform:this._processMove(t,{dx:r,dy:a})},o);this.proxyMethods.onMove.call(this,n),this._emitEvent(E_DRAG$1,n)}},{key:"_draw",value:function(){this._animate()}},{key:"_onMouseDown",value:function(e){this._start(e),helper(document).on(E_MOUSEMOVE$1,this._onMouseMove).on(E_MOUSEUP$1,this._onMouseUp)}},{key:"_onTouchStart",value:function(e){this._start(e.touches[0]),helper(document).on(E_TOUCHMOVE$1,this._onTouchMove).on(E_TOUCHEND$1,this._onTouchEnd)}},{key:"_onMouseMove",value:function(e){e.preventDefault&&e.preventDefault(),this._moving(e)}},{key:"_onTouchMove",value:function(e){e.preventDefault&&e.preventDefault(),this._moving(e.touches[0])}},{key:"_onMouseUp",value:function(e){helper(document).off(E_MOUSEMOVE$1,this._onMouseMove).off(E_MOUSEUP$1,this._onMouseUp),this._end(e,this.elements)}},{key:"_onTouchEnd",value:function(e){helper(document).off(E_TOUCHMOVE$1,this._onTouchMove).off(E_TOUCHEND$1,this._onTouchEnd),0===e.touches.length&&this._end(e.changedTouches[0],this.elements)}},{key:"_emitEvent",value:function(){var e;(e=this.eventDispatcher).emit.apply(e,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"on",value:function(e,t){return this.eventDispatcher.addEventListener(e,t),this}},{key:"off",value:function(e,t){return this.eventDispatcher.removeEventListener(e,t),this}}]),e}(),throwNotImplementedError=function(){throw Error("Method not implemented")},RAD=Math.PI/180,DEG=180/Math.PI,snapCandidate=function(e,t){return 0===t?e:Math.round(e/t)*t},snapToGrid=function(e,t){if(0===t)return e;var r=snapCandidate(e,t);return r-e<t?r:void 0},floatToFixed=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:6;return Number(e.toFixed(t))},getMinMaxOfArray=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2,r=[],a=function(t){var a=e.map((function(e){return e[t]}));r.push([Math.min.apply(Math,_toConsumableArray(a)),Math.max.apply(Math,_toConsumableArray(a))])},o=0;o<t;o++)a(o);return r},getOffset=function(e){return e.getBoundingClientRect()},addClass=function(e,t){if(t){if(e.classList){if(!(t.indexOf(" ")>-1))return e.classList.add(t);t.split(/\s+/).forEach((function(t){return e.classList.add(t)}))}return e}},removeClass=function(e,t){if(t){if(e.classList){if(!(t.indexOf(" ")>-1))return e.classList.remove(t);t.split(/\s+/).forEach((function(t){return e.classList.remove(t)}))}return e}},objectsCollide=function(e,t){var r=getOffset(e),a=r.top,o=r.left,n=getOffset(t),i=n.top,s=n.left,l=helper(e),c=helper(t);return!(a<i||a+parseFloat(l.css("height"))>i+parseFloat(c.css("height"))||o<s||o+parseFloat(l.css("width"))>s+parseFloat(c.css("width")))},matrixToCSS=function(e){var t="matrix3d(".concat(e.join(),")");return{transform:t,webkitTranform:t,mozTransform:t,msTransform:t,otransform:t}},getStyle=function(e,t){var r,a=window.getComputedStyle(e),o=null,n=_createForOfIteratorHelper(CSS_PREFIXES);try{for(n.s();!(r=n.n()).done;){var i=r.value;if(o=a.getPropertyValue("".concat(i).concat(t))||o)break}}catch(e){n.e(e)}finally{n.f()}return o},getScrollOffset=function(){var e=document.documentElement;return{left:(window.pageXOffset||e.scrollLeft)-(e.clientLeft||0),top:(window.pageYOffset||e.scrollTop)-(e.clientTop||0)}},getElementOffset=function(e){for(var t=0,r=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-e.scrollLeft,r+=e.offsetTop-e.scrollTop,e=e.offsetParent;return{left:t,top:r}},NOTIFIER_EVENTS$1=NOTIFIER_CONSTANTS.NOTIFIER_EVENTS,ON_GETSTATE$2=NOTIFIER_CONSTANTS.ON_GETSTATE,ON_APPLY$2=NOTIFIER_CONSTANTS.ON_APPLY,ON_MOVE$2=NOTIFIER_CONSTANTS.ON_MOVE,ON_RESIZE$2=NOTIFIER_CONSTANTS.ON_RESIZE,ON_ROTATE$2=NOTIFIER_CONSTANTS.ON_ROTATE,EMITTER_EVENTS$1=EVENT_EMITTER_CONSTANTS.EMITTER_EVENTS,E_DRAG_START$1=EVENT_EMITTER_CONSTANTS.E_DRAG_START,E_DRAG$2=EVENT_EMITTER_CONSTANTS.E_DRAG,E_DRAG_END$1=EVENT_EMITTER_CONSTANTS.E_DRAG_END,E_RESIZE_START$1=EVENT_EMITTER_CONSTANTS.E_RESIZE_START,E_RESIZE$1=EVENT_EMITTER_CONSTANTS.E_RESIZE,E_RESIZE_END$1=EVENT_EMITTER_CONSTANTS.E_RESIZE_END,E_ROTATE_START$1=EVENT_EMITTER_CONSTANTS.E_ROTATE_START,E_ROTATE$1=EVENT_EMITTER_CONSTANTS.E_ROTATE,E_ROTATE_END$1=EVENT_EMITTER_CONSTANTS.E_ROTATE_END,E_SET_POINT$1=EVENT_EMITTER_CONSTANTS.E_SET_POINT,E_SET_POINT_END$1=EVENT_EMITTER_CONSTANTS.E_SET_POINT_END,TRANSFORM_HANDLES_KEYS$1=TRANSFORM_HANDLES_CONSTANTS.TRANSFORM_HANDLES_KEYS,TRANSFORM_EDGES_KEYS$1=TRANSFORM_HANDLES_CONSTANTS.TRANSFORM_EDGES_KEYS,E_MOUSEDOWN$1=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$1=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,E_MOUSEMOVE$2=CLIENT_EVENTS_CONSTANTS.E_MOUSEMOVE,E_MOUSEUP$2=CLIENT_EVENTS_CONSTANTS.E_MOUSEUP,E_TOUCHMOVE$2=CLIENT_EVENTS_CONSTANTS.E_TOUCHMOVE,E_TOUCHEND$2=CLIENT_EVENTS_CONSTANTS.E_TOUCHEND,TOP_LEFT=TRANSFORM_HANDLES_KEYS$1.TOP_LEFT,TOP_CENTER=TRANSFORM_HANDLES_KEYS$1.TOP_CENTER,TOP_RIGHT=TRANSFORM_HANDLES_KEYS$1.TOP_RIGHT,BOTTOM_LEFT=TRANSFORM_HANDLES_KEYS$1.BOTTOM_LEFT,BOTTOM_RIGHT=TRANSFORM_HANDLES_KEYS$1.BOTTOM_RIGHT,BOTTOM_CENTER=TRANSFORM_HANDLES_KEYS$1.BOTTOM_CENTER,MIDDLE_LEFT=TRANSFORM_HANDLES_KEYS$1.MIDDLE_LEFT,MIDDLE_RIGHT=TRANSFORM_HANDLES_KEYS$1.MIDDLE_RIGHT,TOP_EDGE=TRANSFORM_EDGES_KEYS$1.TOP_EDGE,BOTTOM_EDGE=TRANSFORM_EDGES_KEYS$1.BOTTOM_EDGE,LEFT_EDGE=TRANSFORM_EDGES_KEYS$1.LEFT_EDGE,RIGHT_EDGE=TRANSFORM_EDGES_KEYS$1.RIGHT_EDGE,keys=Object.keys,values=Object.values,Transformable=function(e){_inherits(r,SubjectModel);var t=_createSuper(r);function r(e,a,o){var n;if(_classCallCheck(this,r),(n=t.call(this,e)).constructor===r)throw new TypeError("Cannot construct Transformable instances directly");return n.observable=o,EMITTER_EVENTS$1.forEach((function(e){return n.eventDispatcher.registerEvent(e)})),_get(_getPrototypeOf(r.prototype),"enable",_assertThisInitialized(n)).call(_assertThisInitialized(n),a),n}return _createClass(r,[{key:"_cursorPoint",value:function(){throw Error("'_cursorPoint()' method not implemented")}},{key:"_rotate",value:function(e){var t=e.element,a=e.radians,o=_objectWithoutProperties(e,["element","radians"]),n=_objectSpread2({transform:this._processRotate(t,a),delta:a},o);this.proxyMethods.onRotate.call(this,n),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_ROTATE$1,n)}},{key:"_resize",value:function(e){var t=e.element,a=e.dx,o=e.dy,n=_objectWithoutProperties(e,["element","dx","dy"]),i=_objectSpread2({},this._processResize(t,{dx:a,dy:o}),{dx:a,dy:o},n);this.proxyMethods.onResize.call(this,i),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_RESIZE$1,i)}},{key:"_processOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.elements;_toConsumableArray(t).map((function(e){return addClass(e,"".concat(LIB_CLASS_PREFIX,"drag"))}));var r=e.each,a=void 0===r?{move:!1,resize:!1,rotate:!1}:r,o=e.snap,n=void 0===o?{x:10,y:10,angle:10}:o,i=e.axis,s=void 0===i?"xy":i,l=e.cursorMove,c=void 0===l?"auto":l,u=e.cursorResize,d=void 0===u?"auto":u,f=e.cursorRotate,h=void 0===f?"auto":f,_=e.rotationPoint,T=void 0!==_&&_,p=e.transformOrigin,y=void 0!==p&&p,v=e.restrict,E=e.draggable,m=void 0===E||E,x=e.resizable,g=void 0===x||x,b=e.rotatable,S=void 0===b||b,M=e.scalable,O=void 0!==M&&M,A=e.applyTranslate,N=void 0!==A&&A,R=e.onInit,C=void 0===R?noop:R,k=e.onDrop,I=void 0===k?noop:k,D=e.onMove,w=void 0===D?noop:D,P=e.onResize,V=void 0===P?noop:P,$=e.onRotate,G=void 0===$?noop:$,L=e.onDestroy,j=void 0===L?noop:L,F=e.container,H=void 0===F?t[0].parentNode:F,U=e.controlsContainer,B=void 0===U?H:U,Y=e.proportions,z=void 0!==Y&&Y,X=e.rotatorAnchor,W=void 0===X?null:X,Z=e.rotatorOffset,K=void 0===Z?50:Z,q=e.showNormal,Q=void 0===q||q,J=e.custom;this.options={axis:s,cursorMove:c,cursorRotate:h,cursorResize:d,rotationPoint:T,transformOrigin:y||T,restrict:v?helper(v)[0]||document.body:null,container:helper(H)[0],controlsContainer:helper(B)[0],snap:_objectSpread2({},n,{angle:n.angle*RAD}),each:a,proportions:z,draggable:m,resizable:g,rotatable:S,scalable:O,applyTranslate:N,custom:"object"===_typeof(J)&&J||null,rotatorAnchor:W,rotatorOffset:K,showNormal:Q,isGrouped:t.length>1},this.proxyMethods={onInit:createMethod(C),onDrop:createMethod(I),onMove:createMethod(w),onResize:createMethod(V),onRotate:createMethod(G),onDestroy:createMethod(j)},this.subscribe(a)}},{key:"_animate",value:function(){var e=this,t=this,a=t.observable,o=t.storage,n=t.options,i=t.elements;if(!isUndef(o)&&(o.frame=requestAnimFrame(t._animate),o.doDraw)){o.doDraw=!1;var s=o.dox,l=o.doy,c=o.clientX,u=o.clientY,d=o.relativeX,f=o.relativeY,h=o.doDrag,_=o.doResize,T=o.doRotate,p=o.doSetCenter,y=o.revX,v=o.revY,E=o.mouseEvent,m=o.data,x=n.snap,g=n.each,b=g.move,S=g.resize,M=g.rotate,O=n.draggable,A=n.resizable,N=n.rotatable,R=n.isGrouped,C=n.restrict;if(_&&A){var k=snapToGrid(c-d,x.x),I=snapToGrid(u-f,x.y),D=o.cached,w=o.cached,P=(w=void 0===w?{}:w).dist,V=(P=void 0===P?{}:P).dx,$=void 0===V?k:V,G=P.dy,L=void 0===G?I:G,j={dx:k,dy:I,clientX:c,clientY:u,mouseEvent:E},F=C?i.reduce((function(t,r){var a=m.get(r).transform.ctm,o=R?{x:k,y:I}:e._pointToTransform({x:k,y:I,matrix:a}),n=o.x,i=o.y,c=s?y?-n:n:0,u=l?v?-i:i:0,d=e._processResizeRestrict(r,{dx:c,dy:u}),f=d.x,h=d.y;return{x:null!==f&&null===t.x?k:t.x,y:null!==h&&null===t.y?I:t.y}}),{x:null,y:null}):{x:null,y:null},H=F.x,U=F.y,B=C&&(null!==H||null!==U),Y=B?$:k,z=B?L:I,X=_objectSpread2({},j,{dx:Y,dy:z,revX:y,revY:v,dox:s,doy:l});i.map((function(r){var a=m.get(r).transform.ctm,o=R?{x:Y,y:z}:e._pointToTransform({x:Y,y:z,matrix:a}),n=o.x,i=o.y,c=s?y?-n:n:0,u=l?v?-i:i:0;t._resize(_objectSpread2({},X,{element:r,dx:c,dy:u}))})),this.storage.cached=_objectSpread2({},D,{dist:{dx:Y,dy:z}}),this._processControlsResize({dx:Y,dy:z}),S&&a.notify(ON_RESIZE$2,t,X)}if(h&&O){var W=s?snapToGrid(c-d,x.x):0,Z=l?snapToGrid(u-f,x.y):0,K=o.cached,q=o.cached,Q=(q=void 0===q?{}:q).dist,J=(Q=void 0===Q?{}:Q).dx,ee=void 0===J?W:J,te=Q.dy,re=void 0===te?Z:te,ae={dx:W,dy:Z,clientX:c,clientY:u,mouseEvent:E},oe=C?i.reduce((function(t,r){var a=e._processMoveRestrict(r,ae),o=a.x,n=a.y;return{x:null===t.x&&C?o:t.x,y:null===t.y&&C?n:t.y}}),{x:null,y:null}):{x:null,y:null},ne=oe.x,ie=oe.y,se=null!==ne&&C?ee:W,le=null!==ie&&C?re:Z,ce=_objectSpread2({},ae,{dx:se,dy:le});this.storage.cached=_objectSpread2({},K,{dist:{dx:se,dy:le}}),i.map((function(t){return _get(_getPrototypeOf(r.prototype),"_drag",e).call(e,_objectSpread2({element:t},ce,{dx:se,dy:le}))})),this._processControlsMove({dx:se,dy:le}),b&&a.notify(ON_MOVE$2,t,ce)}if(T&&N){var ue=o.pressang,de=o.center,fe=Math.atan2(u-de.y,c-de.x),he=snapToGrid(fe-ue,x.angle);if(C)if(i.some((function(t){var r=e._processRotateRestrict(t,he),a=r.x,o=r.y;return null!==a||null!==o})))return;var _e={clientX:c,clientY:u,mouseEvent:E};i.map((function(e){return t._rotate(_objectSpread2({element:e,radians:he},_e))})),this._processControlsRotate({radians:he}),M&&a.notify(ON_ROTATE$2,t,_objectSpread2({radians:he},_e))}if(p&&N){var Te=o.bx,pe=o.by,ye=this._pointToControls({x:c,y:u}),ve=ye.x,Ee=ye.y;t._moveCenterHandle(ve-Te,Ee-pe)}}}},{key:"_start",value:function(e){var t=e.clientX,a=e.clientY,o=this.elements,n=this.observable,i=this.options,s=i.axis,l=i.each,c=this.storage,u=this.storage.handles,d=values(u).some((function(t){return helper(e.target).is(t)}))||o.some((function(t){return t.contains(e.target)}));if(c.isTarget=d,d){var f=this._compute(e,o);keys(f).map((function(e){return c[e]=f[e]}));var h=f.onRightEdge,_=f.onBottomEdge,T=f.onTopEdge,p=f.onLeftEdge,y=f.handle,v=f.factor,E=f.revX,m=f.revY,x=f.doW,g=f.doH,b=h||_||T||p,S=u.rotator,M=u.center,O=u.radius;isDef(O)&&removeClass(O,"".concat(LIB_CLASS_PREFIX,"hidden"));var A=y.is(S),N=!!isDef(M)&&y.is(M),R=d&&!(A||b||N),C={mouseEvent:e,clientX:t,clientY:a,doResize:b,doDrag:R,doRotate:A,doSetCenter:N,onExecution:!0,cursor:null,dox:/\x/.test(s)&&(!b||(y.is(u.ml)||y.is(u.mr)||y.is(u.tl)||y.is(u.tr)||y.is(u.bl)||y.is(u.br)||y.is(u.le)||y.is(u.re))),doy:/\y/.test(s)&&(!b||(y.is(u.br)||y.is(u.bl)||y.is(u.bc)||y.is(u.tr)||y.is(u.tl)||y.is(u.tc)||y.is(u.te)||y.is(u.be)))};this.storage=_objectSpread2({},c,{},C);var k={clientX:t,clientY:a};b?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_RESIZE_START$1,k):A?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_ROTATE_START$1,k):R&&_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_DRAG_START$1,k);var I=l.move,D=l.resize,w=l.rotate,P=b?E_RESIZE$1:A?E_ROTATE$1:E_DRAG$2,V=b&&D||A&&w||R&&I;n.notify(ON_GETSTATE$2,this,{clientX:t,clientY:a,actionName:P,triggerEvent:V,factor:v,revX:E,revY:m,doW:x,doH:g}),this._draw()}}},{key:"_moving",value:function(e){var t=this.storage,r=void 0===t?{}:t,a=this.options;if(r.isTarget){var o=this._cursorPoint(e),n=o.x,i=o.y;r.mouseEvent=e,r.clientX=n,r.clientY=i,r.doDraw=!0;var s=r.doRotate,l=r.doDrag,c=r.doResize,u=r.cursor,d=a.cursorMove,f=a.cursorResize,h=a.cursorRotate;isUndef(u)&&(l?u=d:s?u=h:c&&(u=f),helper(document.body).css({cursor:u}))}}},{key:"_end",value:function(e){var t=this,a=e.clientX,o=e.clientY,n=this.elements,i=this.options.each,s=this.observable,l=this.storage,c=l.doResize,u=l.doDrag,d=l.doRotate,f=l.doSetCenter,h=l.frame,_=l.handles.radius,T=l.isTarget,p=this.proxyMethods;if(T){var y=([{actionName:E_RESIZE$1,condition:c},{actionName:E_DRAG$2,condition:u},{actionName:E_ROTATE$1,condition:d},{actionName:E_SET_POINT$1,condition:f}].find((function(e){return e.condition}))||{}).actionName,v=void 0===y?E_DRAG$2:y;n.map((function(e){return t._applyTransformToElement(e,v)})),this._processActions(v),this._updateStorage();var E={clientX:a,clientY:o};p.onDrop.call(this,E),c?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_RESIZE_END$1,E):d?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_ROTATE_END$1,E):u?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_DRAG_END$1,E):f&&_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_SET_POINT_END$1,E);var m=i.move,x=i.resize,g=i.rotate,b=c&&x||d&&g||u&&m;s.notify(ON_APPLY$2,this,{clientX:a,clientY:o,actionName:v,triggerEvent:b}),cancelAnimFrame(h),helper(document.body).css({cursor:"auto"}),isDef(_)&&addClass(_,"".concat(LIB_CLASS_PREFIX,"hidden"))}}},{key:"_compute",value:function(e,t){var r=this,a=this.storage,o=(a=void 0===a?{}:a).handles,n=a.data,i=helper(e.target),s=this._checkHandles(i,o),l=s.revX,c=s.revY,u=s.doW,d=s.doH,f=_objectWithoutProperties(s,["revX","revY","doW","doH"]),h=this._getCommonState(),_=this._cursorPoint(e),T=_.x,p=_.y,y=this._pointToControls({x:T,y:p},h.transform),v=y.x,E=y.y;t.map((function(e){var t=r._getElementState(e,{revX:l,revY:c,doW:u,doH:d}),a=t.transform,o=_objectWithoutProperties(t,["transform"]),i=r._pointToTransform({x:T,y:p,matrix:a.ctm}),s=i.x,f=i.y;n.set(e,_objectSpread2({},n.get(e),{},o,{transform:a,cx:s,cy:f}))}));var m=Math.atan2(p-h.center.y,T-h.center.x);return _objectSpread2({data:n},f,{handle:values(o).some((function(t){return helper(e.target).is(t)}))?i:helper(t[0]),pressang:m},h,{revX:l,revY:c,doW:u,doH:d,relativeX:T,relativeY:p,bx:v,by:E})}},{key:"_checkHandles",value:function(e,t){var r=function(r){return r.some((function(r){return a=t[r],!!isDef(a)&&e.is(a);var a}))};return{revX:r([TOP_LEFT,MIDDLE_LEFT,BOTTOM_LEFT,TOP_CENTER,LEFT_EDGE]),revY:r([TOP_LEFT,TOP_RIGHT,TOP_CENTER,MIDDLE_LEFT,TOP_EDGE]),onTopEdge:r([TOP_CENTER,TOP_RIGHT,TOP_LEFT,TOP_EDGE]),onLeftEdge:r([TOP_LEFT,MIDDLE_LEFT,BOTTOM_LEFT,LEFT_EDGE]),onRightEdge:r([TOP_RIGHT,MIDDLE_RIGHT,BOTTOM_RIGHT,RIGHT_EDGE]),onBottomEdge:r([BOTTOM_RIGHT,BOTTOM_CENTER,BOTTOM_LEFT,BOTTOM_EDGE]),doW:r([MIDDLE_LEFT,MIDDLE_RIGHT,LEFT_EDGE,RIGHT_EDGE]),doH:r([TOP_CENTER,BOTTOM_CENTER,BOTTOM_EDGE,TOP_EDGE])}}},{key:"_restrictHandler",value:function(e,t){for(var r=null,a=null,o=this.getBoundingRect(e,t),n=this._getRestrictedBBox(),i=_slicedToArray(getMinMaxOfArray(n),2),s=_slicedToArray(i[0],2),l=s[0],c=s[1],u=_slicedToArray(i[1],2),d=u[0],f=u[1],h=0,_=o.length;h<_;h++){var T=_slicedToArray(o[h],2),p=T[0],y=T[1];(p<l||p>c)&&(r=p),(y<d||y>f)&&(a=y)}return{x:r,y:a}}},{key:"_destroy",value:function(){var e=this,t=this.elements,r=this.storage,a=(r=void 0===r?{}:r).controls,o=r.wrapper;[].concat(_toConsumableArray(t),[a]).map((function(t){return helper(t).off(E_MOUSEDOWN$1,e._onMouseDown).off(E_TOUCHSTART$1,e._onTouchStart)})),o.parentNode.removeChild(o)}},{key:"_updateStorage",value:function(){var e=this.storage,t=this.storage,r=t.transformOrigin,a=t.cached,o=(a=void 0===a?{}:a).transformOrigin,n=void 0===o?r:o;this.storage=_objectSpread2({},e,{doResize:!1,doDrag:!1,doRotate:!1,doSetCenter:!1,doDraw:!1,onExecution:!1,cursor:null,transformOrigin:n,cached:{}})}},{key:"notifyMove",value:function(e){var t=this,a=e.dx,o=e.dy;this.elements.map((function(e){return _get(_getPrototypeOf(r.prototype),"_drag",t).call(t,{element:e,dx:a,dy:o})})),this._processControlsMove({dx:a,dy:o})}},{key:"notifyRotate",value:function(e){var t=this,r=e.radians,a=_objectWithoutProperties(e,["radians"]),o=this.elements,n=this.options,i=(n=void 0===n?{}:n).snap.angle;o.map((function(e){return t._rotate(_objectSpread2({element:e,radians:snapToGrid(r,i)},a))})),this._processControlsRotate({radians:r})}},{key:"notifyResize",value:function(e){var t=this,r=e.dx,a=e.dy,o=e.revX,n=e.revY,i=e.dox,s=e.doy,l=this.elements,c=this.storage.data,u=this.options.isGrouped;l.map((function(e){var l=c.get(e).transform.ctm,d=u?{x:r,y:a}:t._pointToTransform({x:r,y:a,matrix:l}),f=d.x,h=d.y;t._resize({element:e,dx:i?o?-f:f:0,dy:s?n?-h:h:0})})),this._processControlsResize({dx:r,dy:a})}},{key:"notifyApply",value:function(e){var t=this,a=e.clientX,o=e.clientY,n=e.actionName,i=e.triggerEvent;this.proxyMethods.onDrop.call(this,{clientX:a,clientY:o}),i&&(this.elements.map((function(e){return t._applyTransformToElement(e,n)})),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,"".concat(n,"End"),{clientX:a,clientY:o}))}},{key:"notifyGetState",value:function(e){var t=this,a=e.clientX,o=e.clientY,n=e.actionName,i=e.triggerEvent,s=_objectWithoutProperties(e,["clientX","clientY","actionName","triggerEvent"]);if(i){var l=this.elements,c=this.storage.data;l.map((function(e){var r=t._getElementState(e,s);c.set(e,_objectSpread2({},c.get(e),{},r))}));var u=this._getCommonState();this.storage=_objectSpread2({},this.storage,{},u),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,"".concat(n,"Start"),{clientX:a,clientY:o})}}},{key:"subscribe",value:function(e){var t=e.resize,r=e.move,a=e.rotate,o=this.observable;(r||t||a)&&o.subscribe(ON_GETSTATE$2,this).subscribe(ON_APPLY$2,this),r&&o.subscribe(ON_MOVE$2,this),t&&o.subscribe(ON_RESIZE$2,this),a&&o.subscribe(ON_ROTATE$2,this)}},{key:"unsubscribe",value:function(){var e=this,t=this.observable;NOTIFIER_EVENTS$1.map((function(r){return t.unsubscribe(r,e)}))}},{key:"disable",value:function(){var e=this.storage,t=this.proxyMethods,r=this.elements;isUndef(e)||(e.onExecution&&helper(document).off(E_MOUSEMOVE$2,this._onMouseMove).off(E_MOUSEUP$2,this._onMouseUp).off(E_TOUCHMOVE$2,this._onTouchMove).off(E_TOUCHEND$2,this._onTouchEnd),r.map((function(e){return removeClass(e,"".concat(LIB_CLASS_PREFIX,"drag"))})),this.unsubscribe(),this._destroy(),t.onDestroy.call(this,r),delete this.storage)}},{key:"exeDrag",value:function(e){var t=this,a=e.dx,o=e.dy,n=this.elements,i=this.options.draggable,s=this.storage,l=this.storage.data;if(i){var c=this._getCommonState();n.map((function(e){var r=t._getElementState(e,{revX:!1,revY:!1,doW:!1,doH:!1});l.set(e,_objectSpread2({},l.get(e),{},r))})),this.storage=_objectSpread2({},s,{},c),n.map((function(e){_get(_getPrototypeOf(r.prototype),"_drag",t).call(t,{element:e,dx:a,dy:o}),t._applyTransformToElement(e,E_DRAG$2)})),this._processControlsMove({dx:a,dy:o})}}},{key:"exeResize",value:function(e){var t=this,r=e.dx,a=e.dy,o=e.revX,n=void 0!==o&&o,i=e.revY,s=void 0!==i&&i,l=e.doW,c=void 0!==l&&l,u=e.doH,d=void 0!==u&&u,f=this.elements,h=this.options.resizable,_=this.storage,T=this.storage.data;if(h){var p=this._getCommonState();f.map((function(e){var r=t._getElementState(e,{revX:n,revY:s,doW:c,doH:d});T.set(e,_objectSpread2({},T.get(e),{},r))})),this.storage=_objectSpread2({},_,{},p),f.map((function(e){t._resize({element:e,dx:r,dy:a}),t._applyTransformToElement(e,E_RESIZE$1)})),this._processControlsMove({dx:r,dy:a})}}},{key:"exeRotate",value:function(e){var t=this,r=e.delta,a=this.elements,o=this.options.rotatable,n=this.storage,i=this.storage.data;if(o){var s=this._getCommonState();a.map((function(e){var r=t._getElementState(e,{revX:!1,revY:!1,doW:!1,doH:!1});i.set(e,_objectSpread2({},i.get(e),{},r))})),this.storage=_objectSpread2({},n,{},s),a.map((function(e){t._rotate({element:e,radians:r}),t._applyTransformToElement(e,E_ROTATE$1)})),this._processControlsRotate({radians:r})}}},{key:"setCenterPoint",value:function(){throw Error("'setCenterPoint()' method not implemented")}},{key:"resetCenterPoint",value:function(){warn('"resetCenterPoint" method is replaced by "resetTransformOrigin" and would be removed soon'),this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"setTransformOrigin",value:function(){throw Error("'setTransformOrigin()' method not implemented")}},{key:"resetTransformOrigin",value:function(){this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"controls",get:function(){return this.storage.wrapper}}]),r}(),cloneMatrix=function(e){return e.map((function(e){return _toConsumableArray(e)}))},flatMatrix=function(e){return e.reduce((function(t,r,a){return[].concat(_toConsumableArray(t),[e[0][a],e[1][a],e[2][a],e[3][a]])}),[])},createIdentityMatrix=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:4;return _toConsumableArray(Array(e)).map((function(e,t,r){return r.map((function(){return+!t--}))}))},createTranslateMatrix=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return createIdentityMatrix().map((function(a,o){return a[3]=[e,t,r,1][o],a}))},createScaleMatrix=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return createIdentityMatrix().map((function(o,n){return o[n]=[e,t,r,a][n],o}))},createRotateMatrix=function(e,t){var r=createIdentityMatrix();return r[0][0]=t,r[0][1]=-e,r[1][0]=e,r[1][1]=t,r},dropTranslate=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=t?cloneMatrix(e):e;return r[0][3]=r[1][3]=r[2][3]=0,r},multiplyMatrixAndPoint=function(e,t){for(var r=[],a=0,o=e.length;a<o;++a){for(var n=0,i=0;i<o;++i)n+=+e[a][i]*t[i];r[a]=n}return r},multiplyMatrix=function(e,t){for(var r=[],a=0;a<t.length;a++){r[a]=[];for(var o=0;o<e[0].length;o++){for(var n=0,i=0;i<e.length;i++)n+=e[i][o]*t[a][i];r[a].push(n)}}return r},matrixInvert=function(e){for(var t,r=cloneMatrix(e),a=r.length,o=[],n=0;n<a;n++)o[n]=[];for(var i=0;i<a;i++)for(var s=0;s<a;s++)o[i][s]=0,i==s&&(o[i][s]=1);for(var l=0;l<a;l++){t=r[l][l];for(var c=0;c<a;c++)r[l][c]/=t,o[l][c]/=t;for(var u=l+1;u<a;u++){t=r[u][l];for(var d=0;d<a;d++)r[u][d]-=r[l][d]*t,o[u][d]-=o[l][d]*t}}for(var f=a-1;f>0;f--)for(var h=f-1;h>=0;h--){t=r[h][f];for(var _=0;_<a;_++)r[h][_]-=r[f][_]*t,o[h][_]-=o[f][_]*t}for(var T=0;T<a;T++)for(var p=0;p<a;p++)r[T][p]=o[T][p];return r},computeTransformMatrix=function(e,t){var r=_slicedToArray(t,3),a=r[0],o=r[1],n=r[2],i=createTranslateMatrix(-a,-o,-n),s=createTranslateMatrix(a,o,n);return multiplyMatrix(multiplyMatrix(i,e),s)},getCurrentTransformMatrix=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.body,r=arguments.length>2?arguments[2]:void 0,a=createIdentityMatrix(),o=e,n=r||getTransform(o),i=!1;o&&o instanceof Element;){var s=getTransformOrigin(o,i);if(a=multiplyMatrix(a,computeTransformMatrix(n,s)),i=!0,o===t||null===o.offsetParent)break;o=o.offsetParent,n=getTransform(o)}return a},decompose=function(e){var t=Math.sqrt(e[0][0]*e[0][0]+e[1][0]*e[1][0]+e[2][0]*e[2][0]),r=Math.sqrt(e[0][1]*e[0][1]+e[1][1]*e[1][1]+e[2][1]*e[2][1]),a=Math.sqrt(e[0][2]*e[0][2]+e[1][2]*e[1][2]+e[2][2]*e[2][2]),o=Math.atan2(-e[0][3]/a,e[1][3]/a),n=Math.asin(e[3][1]/a),i=Math.atan2(-e[3][0]/r,e[0][0]/t);return 1!==e[0][1]&&-1!==e[0][1]||(o=0,n=e[0][1]*-Math.PI/2,i=e[0][1]*Math.atan2(e[1][1]/r,e[0][1]/r)),{rotate:{x:o,y:n,z:i},translate:{x:e[0][3]/t,y:e[1][3]/r,z:e[2][3]/a},scale:{sX:t,sY:r,sZ:a}}},getTransform=function(e){var t=getStyle(e,"transform")||"none",r=createIdentityMatrix();if("none"===t)return r;var a=t.split(/\s*[(),]\s*/).slice(1,-1);if(16!==a.length)return[[+a[0],+a[2],0,+a[4]],[+a[1],+a[3],0,+a[5]],[0,0,1,0],[0,0,0,1]];for(var o=0;o<4;++o)for(var n=0;n<4;++n)r[n][o]=+a[4*o+n];return r},getTransformOrigin=function(e,t){for(var r=getStyle(e,"transform-origin"),a=r?r.split(" "):[],o=[t?-e.clientLeft:0,t?-e.clientTop:0,0,1],n=0;n<a.length;++n)o[n]+=parseFloat(a[n]);return o},getAbsoluteOffset=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.body,r=0,a=0,o=e,n=!1;o&&o.offsetParent;){var i=getCurrentTransformMatrix(o.offsetParent),s=multiplyMatrixAndPoint(dropTranslate(i,!1),[o.offsetLeft+(n?o.clientLeft:0),o.offsetTop+(n?o.clientTop:0),0,1]),l=_slicedToArray(s,2),c=l[0],u=l[1];if(a+=c,r+=u,t===o)break;n=!0,o=o.offsetParent}return[a,r,0,1]},E_MOUSEDOWN$2=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$2=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,keys$1=Object.keys,entries=Object.entries,values$1=Object.values,Draggable=function(e){_inherits(r,Transformable);var t=_createSuper(r);function r(){return _classCallCheck(this,r),t.apply(this,arguments)}return _createClass(r,[{key:"_init",value:function(e){var t=this,r=this.options,a=r.transformOrigin,o=r.container,n=r.controlsContainer,i=r.resizable,s=r.rotatable,l=r.showNormal,c=r.restrict,u=createElement(["sjx-wrapper"]),d=createElement(["sjx-controls"]),f={},h=this._getVertices(),_=h.rotator,T=void 0===_?null:_,p=h.anchor,y=void 0===p?null:p,v=_objectWithoutProperties(h,["rotator","anchor"]),E={};if(s){var m=l?renderLine([[y.x,y.y],T],"normal"):null;l&&d.appendChild(m);var x=null;a&&(x=renderLine([v.center,v.center],"radius"),addClass(x,"sjx-hidden"),d.appendChild(x)),E=_objectSpread2({},E,{normal:m,radius:x})}var g={te:[v.tl,v.tr],be:[v.bl,v.br],le:[v.tl,v.bl],re:[v.tr,v.br]},b=i?{tl:v.tl,tr:v.tr,br:v.br,bl:v.bl,tc:v.tc,bc:v.bc,ml:v.ml,mr:v.mr}:{},S=Array.isArray(a)?[].concat(_toConsumableArray(a),[0,1]):v.center,M=_objectSpread2({},b,{center:a&&s?S:void 0,rotator:T}),O=function(e,t){return keys$1(e).map((function(r){var a=e[r];if(!isUndef(a)){var o=t(a,r);f[r]=o,d.appendChild(o)}}))};O(g,renderLine),O(M,createHandler),u.appendChild(d),n.appendChild(u);var A=new WeakMap;e.map((function(e){return A.set(e,{parent:e.parentNode,transform:{ctm:getCurrentTransformMatrix(e,o)},bBox:t._getBBox(),__data__:new WeakMap,cached:{}})}));var N=c||o;this.storage={wrapper:u,controls:d,handles:_objectSpread2({},f,{},E),data:A,center:{isShifted:Array.isArray(a)},transformOrigin:S,transform:{containerMatrix:getCurrentTransformMatrix(N,N.parentNode)}},[].concat(_toConsumableArray(e),[d]).map((function(e){return helper(e).on(E_MOUSEDOWN$2,t._onMouseDown).on(E_TOUCHSTART$2,t._onTouchStart)}))}},{key:"_pointToTransform",value:function(e){var t=e.x,r=e.y,a=e.matrix,o=matrixInvert(a);return this._applyMatrixToPoint(dropTranslate(o,!1),t,r)}},{key:"_pointToControls",value:function(e){var t=e.x,r=e.y,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.storage.transform,o=a.controlsMatrix,n=matrixInvert(o);return this._applyMatrixToPoint(dropTranslate(n,!1),t,r)}},{key:"_applyMatrixToPoint",value:function(e,t,r){var a=_slicedToArray(multiplyMatrixAndPoint(e,[t,r,0,1]),2);return{x:a[0],y:a[1]}}},{key:"_cursorPoint",value:function(e){var t=e.clientX,r=e.clientY,a=this.options.container,o=getCurrentTransformMatrix(a),n=getElementOffset(a),i=getScrollOffset(),s=i.left,l=i.top,c=createTranslateMatrix(n.left-s,n.top-l);return this._applyMatrixToPoint(matrixInvert(multiplyMatrix(o,c)),t,r)}},{key:"_getRestrictedBBox",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.storage.transform.containerMatrix,r=this.options,a=r.restrict,o=r.container,n=a||o;return _getBoundingRect(n,o,e?getCurrentTransformMatrix(n,o):t)}},{key:"_applyTransformToElement",value:function(e){var t=this.storage,r=t.controls,a=t.data,o=this.options.applyTranslate,n=a.get(e),i=n.cached,s=n.transform.matrix,l=helper(r);if(!isUndef(i)&&o){var c=helper(e),u=i.dx,d=i.dy,f=matrixToCSS(s),h=parseFloat(e.style.left||c.css("left")),_=parseFloat(e.style.top||c.css("top"));f.left="".concat(h+u,"px"),f.top="".concat(_+d,"px"),c.css(f),l.css(f)}}},{key:"_processActions",value:function(){}},{key:"_processResize",value:function(e,t){var r,a,o,n,i,s,l=t.dx,c=t.dy,u=this.storage,d=u.revX,f=u.revY,h=u.doW,_=u.doH,T=u.data,p=u.bBox,y=p.width,v=p.height,E=this.options,m=E.proportions,x=E.scalable,g=T.get(e),b=g.transform,S=b.matrix,M=b.auxiliary.scale.translateMatrix,O=g.cached,A=_slicedToArray(function(e,t){var r=h||!h&&!_?(y+e)/y:(v+t)/v,a=m?y*r:y+e,o=m?v*r:v+t;return[a/y,o/v,a,o]}(l,c),4),N=A[0],R=A[1],C=A[2],k=A[3],I=function(e,t){var r=createScaleMatrix(e,t);return multiplyMatrix(multiplyMatrix(M,r),matrixInvert(M))}(N,R),D=x?multiplyMatrix(I,S):(a=S,o=(r=I)[0][3],n=r[1][3],i=createTranslateMatrix(o,n),s=createTranslateMatrix(o*(d?-1:1),n*(f?-1:1)),multiplyMatrix(multiplyMatrix(s,a),matrixInvert(i)));return C<=MIN_SIZE||k<=MIN_SIZE?{transform:D,width:C,height:k}:(this._updateElementView(e,_objectSpread2({},matrixToCSS(flatMatrix(D)),{},!x&&{width:"".concat(C,"px"),height:"".concat(k,"px")})),T.set(e,_objectSpread2({},g,{cached:_objectSpread2({},O,{dx:l,dy:c,bBox:{width:C,height:k}})})),{transform:D,width:C,height:k})}},{key:"_processMove",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data,n=o.get(e),i=n.transform,s=i.matrix,l=i.auxiliary.translate.parentMatrix,c=n.cached,u=void 0===c?{}:c,d=_slicedToArray(multiplyMatrixAndPoint(l,[r,a,0,1]),2),f=d[0],h=d[1],_=multiplyMatrix(s,createTranslateMatrix(f,h)),T=matrixToCSS(flatMatrix(_));return this._updateElementView(e,T),o.set(e,_objectSpread2({},n,{cached:_objectSpread2({},u,{dist:{dx:floatToFixed(r),dy:floatToFixed(a),ox:floatToFixed(f),oy:floatToFixed(h)}})})),_}},{key:"_processRotate",value:function(e,t){var r=this.storage.data,a=this.options.restrict,o=r.get(e).transform,n=o.matrix,i=o.auxiliary.rotate.translateMatrix,s=floatToFixed(Math.cos(t),4),l=floatToFixed(Math.sin(t),4),c=createRotateMatrix(l,s),u=multiplyMatrix(multiplyMatrix(matrixInvert(i),c),i),d=multiplyMatrix(n,u),f=a?this._restrictHandler(d):{x:null,y:null},h=f.x,_=f.y;return isDef(h)||isDef(_)?d:(this._updateElementView(e,matrixToCSS(flatMatrix(d))),d)}},{key:"_getElementState",value:function(e,t){var r=t.revX,a=t.revY,o=t.doW,n=t.doH,i=this.storage,s=i.handles.center,l=i.data,c=i.transformOrigin,u=this.options,d=u.container,f=u.scalable,h=l.get(e).parent,_=_slicedToArray(getAbsoluteOffset(e,d),2),T=_[0],p=_[1],y=e.offsetLeft,v=e.offsetTop,E=e.offsetWidth,m=e.offsetHeight,x=getTransform(e),g=getCurrentTransformMatrix(e,d),b=getCurrentTransformMatrix(h,d),S=E/2,M=m/2,O=_slicedToArray(multiplyMatrixAndPoint(g,[S,M,0,1]),2),A=n?0:r?-S:S,N=o?0:a?-M:M,R=O[0]+T,C=O[1]+p,k=s?getTransform(s):createIdentityMatrix(),I=_slicedToArray(multiplyMatrixAndPoint(multiplyMatrix(matrixInvert(dropTranslate(g)),dropTranslate(k)),[c[0]-R,c[1]-C,0,1]),2),D=I[0],w=I[1],P=_slicedToArray(multiplyMatrixAndPoint(x,[D,w,0,1]),2),V=P[0],$=P[1],G=decompose(getCurrentTransformMatrix(e,e.parentNode)).scale,L=G.sX,j=G.sY;return{transform:{auxiliary:{scale:{translateMatrix:f?createTranslateMatrix(A,N):createTranslateMatrix(n?0:S,o?0:M)},translate:{parentMatrix:matrixInvert(dropTranslate(b))},rotate:{translateMatrix:createTranslateMatrix(V,$)}},scaleX:A,scaleY:N,matrix:x,ctm:g,parentMatrix:b,scX:L,scY:j},bBox:{width:E,height:m,left:y,top:v,offset:{left:T,top:p}}}}},{key:"_getCommonState",value:function(){var e=this.elements,t=this.storage,r=t.controls,a=t.handles.center,o=t.center,n=t.wrapper,i=this.options,s=i.container,l=i.restrict,c=_slicedToArray(getAbsoluteOffset(e[0],s),2),u=c[0],d=c[1],f=getCurrentTransformMatrix(e[0],s),h=l||s,_=getCurrentTransformMatrix(h,h.parentNode),T=this._getBBox(),p=T.width,y=T.height,v=_slicedToArray(multiplyMatrixAndPoint(f,[p/2,y/2,0,1]),2),E=v[0]+u,m=v[1]+d,x=a?getTransform(a):createIdentityMatrix();return{transform:{controlsMatrix:getCurrentTransformMatrix(r,r.parentNode),containerMatrix:_,wrapperMatrix:getCurrentTransformMatrix(n,s)},bBox:_objectSpread2({},this._getBBox()),center:_objectSpread2({},o,{x:E,y:m,matrix:x})}}},{key:"_getBBox",value:function(){var e=_slicedToArray(this.elements,1)[0],t=this.options,r=t.isGrouped,a=t.container;if(r)return this._getGroupBbox();var o=_slicedToArray(getAbsoluteOffset(e,a),2),n=o[0],i=o[1];return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight,offset:{left:n,top:i}}}},{key:"_processControlsResize",value:function(){var e=this._applyTransformToHandles().center,t=this.storage.transform.controlsMatrix;e&&(this.storage=_objectSpread2({},this.storage,{cached:{transformOrigin:multiplyMatrixAndPoint(t,e)}}))}},{key:"_processControlsMove",value:function(e){var t=e.dx,r=e.dy,a=this.storage,o=a.transform,n=o.controlsMatrix,i=o.wrapperMatrix,s=a.center,l=a.transformOrigin,c=multiplyMatrix(n,createTranslateMatrix(t,r)),u=matrixToCSS(flatMatrix(c));this._updateControlsView(u);var d=dropTranslate(matrixInvert(i)),f=_slicedToArray(multiplyMatrixAndPoint(d,[t,r,0,1]),2),h=f[0],_=f[1];if(s.isShifted)this._moveCenterHandle(-h,-_,!1);else{var T=createTranslateMatrix(h,_);this.storage=_objectSpread2({},this.storage,{cached:{transformOrigin:multiplyMatrixAndPoint(T,l)}})}}},{key:"_processControlsRotate",value:function(){this._applyTransformToHandles()}},{key:"_moveCenterHandle",value:function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=this.storage,o=a.handles.center,n=a.center.matrix,i=a.center,s=a.transformOrigin,l=createTranslateMatrix(e,t),c=multiplyMatrix(n,l);helper(o).css(_objectSpread2({},matrixToCSS(flatMatrix(c)))),this.storage=_objectSpread2({},this.storage,{center:_objectSpread2({},i,{isShifted:!0})},r?{cached:{transformOrigin:multiplyMatrixAndPoint(l,s)}}:{})}},{key:"_processMoveRestrict",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data.get(e).transform,n=o.matrix,i=o.auxiliary.translate.parentMatrix,s=_slicedToArray(multiplyMatrixAndPoint(i,[r,a,0,1]),2),l=s[0],c=s[1],u=multiplyMatrix(n,createTranslateMatrix(l,c));return this._restrictHandler(u)}},{key:"_processRotateRestrict",value:function(e,t){var r=this.storage.data.get(e).transform,a=r.matrix,o=r.auxiliary.rotate.translateMatrix,n=floatToFixed(Math.cos(t),4),i=floatToFixed(Math.sin(t),4),s=createRotateMatrix(i,n),l=multiplyMatrix(multiplyMatrix(matrixInvert(o),s),o),c=multiplyMatrix(a,l);return this._restrictHandler(c)}},{key:"_processResizeRestrict",value:function(e,t){var r,a,o,n,i,s,l,c,u,d,f,h,_=t.dx,T=t.dy,p=this.storage,y=p.revX,v=p.revY,E=p.doW,m=p.doH,x=p.data,g=p.bBox,b=g.width,S=g.height,M=this.options,O=M.proportions,A=M.scalable,N=x.get(e).transform,R=N.matrix,C=N.auxiliary.scale.translateMatrix,k=_slicedToArray((r=_,a=T,o=E||!E&&!m?(b+r)/b:(S+a)/S,[(n=O?b*o:b+r)/b,(i=O?S*o:S+a)/S,n,i]),2),I=k[0],D=k[1],w=(s=createScaleMatrix(I,D),multiplyMatrix(multiplyMatrix(C,s),matrixInvert(C))),P=A?multiplyMatrix(w,R):(c=R,u=(l=w)[0][3],d=l[1][3],f=createTranslateMatrix(u,d),h=createTranslateMatrix(u*(y?-1:1),d*(v?-1:1)),multiplyMatrix(multiplyMatrix(h,c),matrixInvert(f)));return this._restrictHandler(P)}},{key:"_updateElementView",value:function(e,t){helper(e).css(t)}},{key:"_updateControlsView",value:function(e){helper(this.storage.controls).css(e)}},{key:"_getVertices",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createIdentityMatrix(),t=this.elements,r=_slicedToArray(t=void 0===t?[]:t,1),a=r[0],o=this.options,n=o.isGrouped,i=o.rotatable,s=o.rotatorAnchor,l=o.rotatorOffset,c=n?this._getGroupVertices():this._getElementVertices(a,e),u=null;if(i){var d={},f=1;switch(s){case"n":d.x=c.tc[0],d.y=c.tc[1];break;case"s":d.x=c.bc[0],d.y=c.bc[1],f=-1;break;case"w":d.x=c.ml[0],d.y=c.ml[1],f=-1;break;case"e":default:d.x=c.mr[0],d.y=c.mr[1]}var h="n"===s||"s"===s?Math.atan2(c.bl[1]-c.tl[1],c.bl[0]-c.tl[0]):Math.atan2(c.tl[1]-c.tr[1],c.tl[0]-c.tr[0]);u=[d.x-l*f*Math.cos(h),d.y-l*f*Math.sin(h)],c.rotator=u,c.anchor=d}return c}},{key:"_getElementVertices",value:function(e,t){var r=this.options,a=r.container,o=r.isGrouped,n=_slicedToArray(getAbsoluteOffset(e,a),2),i=n[0],s=n[1],l=e.offsetWidth,c=e.offsetHeight,u={tl:[0,0,0,1],bl:[0,c,0,1],br:[l,c,0,1],tr:[l,0,0,1],tc:[l/2,0,0,1],ml:[0,c/2,0,1],bc:[l/2,c,0,1],mr:[l,c/2,0,1],center:[l/2,c/2,0,1]},d=o?t:multiplyMatrix(getCurrentTransformMatrix(e,a),t);return entries(u).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=r[1];return[].concat(_toConsumableArray(e),[[a,multiplyMatrixAndPoint(d,o)]])}),[]).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=_slicedToArray(r[1],4),n=o[0],l=o[1],c=o[2],u=o[3];return e[a]=[n+i,l+s,c,u],e}),{})}},{key:"_getGroupVertices",value:function(){var e=this._getGroupBbox(),t=e.x,r=e.y,a=e.width,o=e.height,n=a/2,i=o/2;return{tl:[t,r],tr:[t+a,r],mr:[t+a,r+i],ml:[t,r+i],tc:[t+n,r],bc:[t+n,r+o],br:[t+a,r+o],bl:[t,r+o],center:[t+n,r+i]}}},{key:"_getGroupBbox",value:function(){var e=this.elements,t=this.options.container,r=e.reduce((function(e,r){var a=_slicedToArray(getAbsoluteOffset(r,t),2),o=a[0],n=a[1],i=r.offsetWidth,s=r.offsetHeight,l=[[0,0,0,1],[0,s,0,1],[i,s,0,1],[i,0,0,1]],c=getCurrentTransformMatrix(r,t),u=l.reduce((function(e,t){return[].concat(_toConsumableArray(e),[multiplyMatrixAndPoint(c,t)])}),[]).map((function(e){var t=_slicedToArray(e,4),r=t[0],a=t[1],i=t[2],s=t[3];return[r+o,a+n,i,s]}));return[].concat(_toConsumableArray(e),[u])}),[]),a=_slicedToArray(getMinMaxOfArray(r.reduce((function(e,t){return[].concat(_toConsumableArray(e),_toConsumableArray(t))}),[])),2),o=_slicedToArray(a[0],2),n=o[0],i=o[1],s=_slicedToArray(a[1],2),l=s[0];return{x:n,y:l,width:i-n,height:s[1]-l}}},{key:"_getElementBBox",value:function(e){var t=this.options.container,r=_slicedToArray(getAbsoluteOffset(e,t),2),a=r[0],o=r[1],n=e.offsetWidth,i=e.offsetHeight,s=[[0,0,0,1],[0,i,0,1],[n,i,0,1],[n,0,0,1]],l=getCurrentTransformMatrix(e,t),c=s.reduce((function(e,t){return[].concat(_toConsumableArray(e),[multiplyMatrixAndPoint(l,t)])}),[]).map((function(e){var t=_slicedToArray(e,4),r=t[0],n=t[1],i=t[2],s=t[3];return[r+a,n+o,i,s]})),u=_slicedToArray(getMinMaxOfArray(c),2),d=_slicedToArray(u[0],2),f=d[0],h=d[1],_=_slicedToArray(u[1],2),T=_[0];return{x:f,y:T,width:h-f,height:_[1]-T}}},{key:"_applyTransformToHandles",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.boxMatrix,r=void 0===t?createIdentityMatrix():t,a=this.options,o=a.rotatable,n=a.resizable,i=a.showNormal,s=this.storage,l=s.handles,c=s.center,u=(c=void 0===c?{}:c).isShifted,d=void 0!==u&&u,f=s.transform.controlsMatrix,h=multiplyMatrix(r,matrixInvert(f)),_=this._getVertices(h),T=_.anchor,p=void 0===T?null:T,y=_.center,v=_objectWithoutProperties(_,["anchor","center"]),E=null,m={};o&&(E=i?[[p.x,p.y],v.rotator]:null,m={rotator:v.rotator});var x=_objectSpread2({te:[v.tl,v.tr],be:[v.bl,v.br],le:[v.tl,v.bl],re:[v.tr,v.br]},i&&E&&{normal:E});keys$1(x).forEach((function(e){var t=_slicedToArray(x[e],2),r=t[0],a=t[1],o=getLineAttrs(r,a),n=o.cx,i=o.cy,s=o.length,c=o.theta;helper(l[e]).css({transform:"translate(".concat(n,"px, ").concat(i,"px) rotate(").concat(c,"deg)"),width:"".concat(s,"px")})}));var g=_objectSpread2({},n&&v,{},m,{},!d&&Boolean(y)&&{center:y});return keys$1(g).reduce((function(e,t){var r=l[t],a=g[t];if(e[t]=a,isUndef(a)||isUndef(r))return e;var o=_slicedToArray(a,2),n=o[0],i=o[1];return helper(r).css({transform:"translate(".concat(n,"px, ").concat(i,"px)")}),e}),{})}},{key:"setCenterPoint",value:function(){warn('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.x,r=e.y,a=e.dx,o=e.dy,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.elements,s=_slicedToArray(i=void 0===i?[]:i,1),l=s[0],c=this.storage,u=this.storage,d=(u=void 0===u?{}:u).wrapper,f=u.handles.center,h=u.center,_=this.options,T=(_=void 0===_?{}:_).container,p=isDef(a)&&isDef(o),y=isDef(t)&&isDef(r);if(f&&h&&(p||y)){var v,E,m=multiplyMatrix(getCurrentTransformMatrix(l,T),matrixInvert(getCurrentTransformMatrix(d,d.parentNode))),x=getAbsoluteOffset(l,T),g=_slicedToArray(x,2),b=g[0],S=g[1];if(p){var M=l.offsetHeight,O=l.offsetWidth;v=O/2-a,E=M/2-o}else v=t,E=r;var A=multiplyMatrixAndPoint(m,[v,E,0,1]),N=_slicedToArray(A,2),R=N[0],C=N[1];helper(f).css({transform:"translate(".concat(R+b,"px, ").concat(C+S,"px)")}),h.isShifted=n,c.transformOrigin=multiplyMatrixAndPoint(createIdentityMatrix(),[R,C,0,1])}}},{key:"fitControlsToSize",value:function(){var e=createIdentityMatrix();this.storage=_objectSpread2({},this.storage,{transform:_objectSpread2({},this.storage.transform||{},{controlsMatrix:e})}),this._updateControlsView(matrixToCSS(flatMatrix(e))),this._applyTransformToHandles()}},{key:"getBoundingRect",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=this.elements,r=_slicedToArray(t=void 0===t?[]:t,1),a=r[0],o=this.options,n=o.scalable,i=o.restrict,s=o.container,l=this.storage,c=l.bBox,u=l.bBox,d=(u=void 0===u?{}:u).width,f=u.height,h=l.cached,_=(h=void 0===h?{}:h).bBox,T=(_=void 0===_?{}:_).width,p=void 0===T?d:T,y=_.height,v=void 0===y?f:y,E=n?c:_objectSpread2({},c,{width:p,height:v}),m=i||s;return _getBoundingRect(a,m,getCurrentTransformMatrix(a,m,e),E)}},{key:"applyAlignment",value:function(e){var t=this.elements,r=this.options.container,a=this._getVertices(),o=(a.anchor,a.rotator,a.center,_objectWithoutProperties(a,["anchor","rotator","center"])),n=this._getRestrictedBBox(!0),i=values$1(o),s=_slicedToArray(getMinMaxOfArray(n),2),l=_slicedToArray(s[0],2),c=l[0],u=l[1],d=_slicedToArray(s[1],2),f=d[0],h=d[1],_=_slicedToArray(getMinMaxOfArray(i),2),T=_slicedToArray(_[0],2),p=T[0],y=T[1],v=_slicedToArray(_[1],2),E=v[0],m=v[1],x=_slicedToArray(multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(t[0].parentNode,r))),[function(){switch(!0){case/[l]/.test(e):return c-p;case/[r]/.test(e):return u-y;case/[h]/.test(e):return(u+c)/2-(y+p)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(e):return f-E;case/[b]/.test(e):return h-m;case/[v]/.test(e):return(h+f)/2-(m+E)/2;default:return 0}}(),0,1]),2),g=x[0],b=x[1],S=multiplyMatrix(getTransform(t[0]),createTranslateMatrix(g,b));this._updateElementView(t[0],matrixToCSS(flatMatrix(S))),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var e=this.elements,t=_slicedToArray(e=void 0===e?[]:e,1)[0],r=this.options.isGrouped?this._getGroupVertices():this._getElementVertices(t,createIdentityMatrix()),a=r.tl,o=r.tr,n=r.br;return{x:floatToFixed(a[0]),y:floatToFixed(a[1]),width:floatToFixed(Math.sqrt(Math.pow(a[0]-o[0],2)+Math.pow(a[1]-o[1],2))),height:floatToFixed(Math.sqrt(Math.pow(o[0]-n[0],2)+Math.pow(o[1]-n[1],2))),rotation:floatToFixed(Math.atan2(o[1]-a[1],o[0]-a[0])*DEG)}}}]),r}(),createHandler=function(e){var t=_slicedToArray(e,2),r=t[0],a=t[1],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"handler",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=createElement(["sjx-hdl","sjx-hdl-".concat(o)]);return helper(i).css(_objectSpread2({transform:"translate(".concat(r,"px, ").concat(a,"px)")},n)),i},renderLine=function(e,t){var r=_slicedToArray(e,3),a=r[0],o=r[1],n=r[2],i=void 0===n?1:n,s=getLineAttrs(a,o,i),l=s.cx,c=s.cy,u=s.length,d=s.theta,f=createElement(["sjx-hdl-line","sjx-hdl-".concat(t)]);return helper(f).css({transform:"translate(".concat(l,"px, ").concat(c,"px) rotate(").concat(d,"deg)"),height:"".concat(i,"px"),width:"".concat(u,"px")}),f},getLineAttrs=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=_slicedToArray(e,2),o=a[0],n=a[1],i=_slicedToArray(t,2),s=i[0],l=i[1],c=Math.sqrt((s-o)*(s-o)+(l-n)*(l-n)),u=(o+s)/2-c/2,d=(n+l)/2-r/2,f=Math.atan2(n-l,o-s)*(180/Math.PI);return{cx:u,cy:d,thickness:r,theta:f,length:c}},_getBoundingRect=function(e,t,r,a){var o=_slicedToArray(getAbsoluteOffset(e,t),2),n=o[0],i=o[1],s=a||{width:e.offsetWidth,height:e.offsetHeight,offset:{left:n,top:i}},l=s.width,c=s.height,u=s.offset,d=(u=void 0===u?{}:u).left,f=u.top;return[[0,0,0,1],[l,0,0,1],[0,c,0,1],[l,c,0,1]].reduce((function(e,t){return[].concat(_toConsumableArray(e),[multiplyMatrixAndPoint(r,t)])}),[]).map((function(e){var t=_slicedToArray(e,4),r=t[0],a=t[1],o=t[2],n=t[3];return[r+d,a+f,o,n]}))},createElement=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=document.createElement("div");return e.forEach((function(e){return addClass(t,e)})),t},sepRE=/\s*,\s*|\s+/g,allowedElements=["circle","ellipse","image","line","path","polygon","polyline","rect","text","g","foreignobject","use"];function createSVGElement(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=document.createElementNS("http://www.w3.org/2000/svg",e);return t.forEach((function(e){return addClass(r,e)})),r}var createSVGPoint=function(e,t){var r=createSVGElement("svg").createSVGPoint();return r.x=e,r.y=t,r},checkChildElements=function e(t){var r=[];return isSVGGroup(t)?forEach.call(t.childNodes,(function(t){if(1===t.nodeType){var a=t.tagName.toLowerCase();-1!==allowedElements.indexOf(a)&&("g"===a&&r.push.apply(r,_toConsumableArray(e(t))),r.push(t))}})):r.push(t),r},createSVGMatrix=function(){return createSVGElement("svg").createSVGMatrix()},createTranslateMatrix$1=function(e,t){var r=createSVGMatrix();return r.e=e,r.f=t,r},createRotateMatrix$1=function(e,t){var r=createSVGMatrix();return r.a=t,r.b=e,r.c=-e,r.d=t,r},createScaleMatrix$1=function(e,t){var r=createSVGMatrix();return r.a=e,r.d=t,r},getTransformToElement=function(e,t){return(t.getScreenCTM&&t.getScreenCTM()||createSVGMatrix()).inverse().multiply(e.getScreenCTM()||createSVGMatrix())},matrixToString=function(e){var t=e.a,r=e.b,a=e.c,o=e.d,n=e.e,i=e.f;return"matrix(".concat(t,",").concat(r,",").concat(a,",").concat(o,",").concat(n,",").concat(i,")")},pointTo=function(e,t,r){return createSVGPoint(t,r).matrixTransform(e)},cloneMatrix$1=function(e){var t=createSVGMatrix();return t.a=e.a,t.b=e.b,t.c=e.c,t.d=e.d,t.e=e.e,t.f=e.f,t},isIdentity=function(e){var t=e.a,r=e.b,a=e.c,o=e.d,n=e.e,i=e.f;return 1===t&&0===r&&0===a&&1===o&&0===n&&0===i},checkElement=function(e){var t=e.tagName.toLowerCase();return-1!==allowedElements.indexOf(t)||(warn('Selected element "'.concat(t,'" is not allowed to transform. Allowed elements:\n\n            circle, ellipse, image, line, path, polygon, polyline, rect, text, g')),!1)},isSVGGroup=function(e){return"g"===e.tagName.toLowerCase()},normalizeString=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.replace(/[\n\r]/g,"").replace(/([^e])-/g,"$1 -").replace(/ +/g," ").replace(/(\d*\.)(\d+)(?=\.)/g,"$1$2 ")},parsePoints=function(e){return normalizeString(e).trim().split(sepRE).reduce((function(e,t,r,a){return r%2==0&&e.push(a.slice(r,r+2)),e}),[])},arrayToChunks=function(e,t){return Array.from(new Array(Math.ceil(e.length/t)),(function(r,a){return e.slice(a*t,a*t+t)}))},dRE=/\s*([achlmqstvz])([^achlmqstvz]*)\s*/gi,getCommandValuesLength=function(e){return[{size:2,condition:["M","m","L","l","T","t"].includes(e)},{size:1,condition:["H","h","V","v"].includes(e)},{size:6,condition:["C","c"].includes(e)},{size:4,condition:["S","s","Q","q"].includes(e)},{size:7,condition:["A","a"].includes(e)},{size:1,condition:!0}].find((function(e){return!!e.condition}))},parsePath=function(e){for(var t=dRE.lastIndex=0,r=[],a=function(){var e=_slicedToArray(t,3),a=e[1],o=e[2],n=a.toUpperCase(),i=a!==n,s=normalizeString(o).trim().split(sepRE).map((function(e){if(!isNaN(e))return Number(e)})),l=!1,c="M"===n,u=getCommandValuesLength(a).size;arrayToChunks(s,u).map((function(e){var t=l&&c;return l=l||c,r.push({relative:i,key:t?"L":n,cmd:t?i?"l":"L":a,values:e})}))};t=dRE.exec(e);)a();return reducePathData(absolutizePathData(r))},movePath=function(e){var t=e.path,r=e.dx,a=e.dy;try{for(var o=parsePath(t),n="",i=" ",s=!0,l=0,c=o.length;l<c;l++){var u=o[l],d=u.values,f=u.key,h=u.relative,_=[];switch(f){case"M":for(var T=0,p=d.length;T<p;T+=2){var y=_slicedToArray(d.slice(T,T+2),2),v=y[0],E=y[1];h&&!s||(v+=r,E+=a),_.push(v,E),s=!1}break;case"A":for(var m=0,x=d.length;m<x;m+=7){var g=d.slice(m,m+7);h||(g[5]+=r,g[6]+=a),_.push.apply(_,_toConsumableArray(g))}break;case"C":for(var b=0,S=d.length;b<S;b+=6){var M=d.slice(b,b+6);h||(M[0]+=r,M[1]+=a,M[2]+=r,M[3]+=a,M[4]+=r,M[5]+=a),_.push.apply(_,_toConsumableArray(M))}break;case"H":for(var O=0,A=d.length;O<A;O+=1){var N=d.slice(O,O+1);h||(N[0]+=r),_.push(N[0])}break;case"V":for(var R=0,C=d.length;R<C;R+=1){var k=d.slice(R,R+1);h||(k[0]+=a),_.push(k[0])}break;case"L":case"T":for(var I=0,D=d.length;I<D;I+=2){var w=_slicedToArray(d.slice(I,I+2),2),P=w[0],V=w[1];h||(P+=r,V+=a),_.push(P,V)}break;case"Q":case"S":for(var $=0,G=d.length;$<G;$+=4){var L=_slicedToArray(d.slice($,$+4),4),j=L[0],F=L[1],H=L[2],U=L[3];h||(j+=r,F+=a,H+=r,U+=a),_.push(j,F,H,U)}break;case"Z":d[0]="",i=""}n+=f+_.join(",")+i}return n}catch(e){warn("Path parsing error: "+e)}},resizePath=function(e){var t=e.path,r=e.localCTM;try{for(var a=parsePath(t),o="",n=" ",i=[],s=!0,l=0,c=a.length;l<c;l++){var u=a[l],d=u.values,f=u.key,h=u.relative,_=void 0!==h&&h;switch(f){case"A":var T=[],p=cloneMatrix$1(r);_&&(p.e=p.f=0);for(var y=0,v=d.length;y<v;y+=7){var E=_slicedToArray(d.slice(y,y+7),7),m=E[0],x=E[1],g=E[2],b=E[3],S=E[4],M=E[5],O=E[6],A=pointTo(p,M,O),N=A.x,R=A.y;T.push(floatToFixed(N),floatToFixed(R)),p.e=p.f=0;var C=pointTo(p,m,x),k=C.x,I=C.y;T.unshift(floatToFixed(k),floatToFixed(I),g,b,S)}i.push(T);break;case"C":var D=[],w=cloneMatrix$1(r);_&&(w.e=w.f=0);for(var P=0,V=d.length;P<V;P+=6){var $=_slicedToArray(d.slice(P,P+6),6),G=$[0],L=$[1],j=$[2],F=$[3],H=$[4],U=$[5],B=pointTo(w,G,L),Y=B.x,z=B.y,X=pointTo(w,j,F),W=X.x,Z=X.y,K=pointTo(w,H,U),q=K.x,Q=K.y;D.push(floatToFixed(Y),floatToFixed(z),floatToFixed(W),floatToFixed(Z),floatToFixed(q),floatToFixed(Q))}i.push(D);break;case"H":var J=[],ee=cloneMatrix$1(r);_&&(ee.e=ee.f=0);for(var te=0,re=d.length;te<re;te+=1){var ae=_slicedToArray(d.slice(te,te+1),1)[0],oe=pointTo(ee,ae,0).x;J.push(floatToFixed(oe))}i.push(J);break;case"V":var ne=[],ie=cloneMatrix$1(r);_&&(ie.e=ie.f=0);for(var se=0,le=d.length;se<le;se+=1){var ce=_slicedToArray(d.slice(se,se+1),1)[0],ue=pointTo(ie,0,ce).y;ne.push(floatToFixed(ue))}i.push(ne);break;case"T":case"L":var de=[],fe=cloneMatrix$1(r);_&&(fe.e=fe.f=0);for(var he=0,_e=d.length;he<_e;he+=2){var Te=_slicedToArray(d.slice(he,he+2),2),pe=Te[0],ye=Te[1],ve=pointTo(fe,pe,ye),Ee=ve.x,me=ve.y;de.push(floatToFixed(Ee),floatToFixed(me))}i.push(de);break;case"M":var xe=[],ge=cloneMatrix$1(r);_&&!s&&(ge.e=ge.f=0);for(var be=0,Se=d.length;be<Se;be+=2){var Me=_slicedToArray(d.slice(be,be+2),2),Oe=Me[0],Ae=Me[1],Ne=pointTo(ge,Oe,Ae),Re=Ne.x,Ce=Ne.y;xe.push(floatToFixed(Re),floatToFixed(Ce)),s=!1}i.push(xe);break;case"Q":var ke=[],Ie=cloneMatrix$1(r);_&&(Ie.e=Ie.f=0);for(var De=0,we=d.length;De<we;De+=4){var Pe=_slicedToArray(d.slice(De,De+4),4),Ve=Pe[0],$e=Pe[1],Ge=Pe[2],Le=Pe[3],je=pointTo(Ie,Ve,$e),Fe=je.x,He=je.y,Ue=pointTo(Ie,Ge,Le),Be=Ue.x,Ye=Ue.y;ke.push(floatToFixed(Fe),floatToFixed(He),floatToFixed(Be),floatToFixed(Ye))}i.push(ke);break;case"S":var ze=[],Xe=cloneMatrix$1(r);_&&(Xe.e=Xe.f=0);for(var We=0,Ze=d.length;We<Ze;We+=4){var Ke=_slicedToArray(d.slice(We,We+4),4),qe=Ke[0],Qe=Ke[1],Je=Ke[2],et=Ke[3],tt=pointTo(Xe,qe,Qe),rt=tt.x,at=tt.y,ot=pointTo(Xe,Je,et),nt=ot.x,it=ot.y;ze.push(floatToFixed(rt),floatToFixed(at),floatToFixed(nt),floatToFixed(it))}i.push(ze);break;case"Z":i.push([""]),n=""}o+=u.key+i[l].join(",")+n}return o.trim()}catch(e){warn("Path parsing error: "+e)}},absolutizePathData=function(e){var t=null,r=null,a=null,o=null;return e.reduce((function(e,n){var i,s=n.cmd,l=n.values;switch(s){case"M":var c=_slicedToArray(l,2),u=c[0],d=c[1];i={key:"M",values:[u,d]},a=u,o=d,t=u,r=d;break;case"m":var f=_slicedToArray(l,2),h=f[0],_=f[1],T=t+h,p=r+_;i={key:"M",values:[T,p]},a=T,o=p,t=T,r=p;break;case"L":var y=_slicedToArray(l,2),v=y[0],E=y[1];i={key:"L",values:[v,E]},t=v,r=E;break;case"l":var m=_slicedToArray(l,2),x=m[0],g=m[1],b=t+x,S=r+g;i={key:"L",values:[b,S]},t=b,r=S;break;case"C":var M=_slicedToArray(l,6),O=M[0],A=M[1],N=M[2],R=M[3],C=M[4],k=M[5];i={key:"C",values:[O,A,N,R,C,k]},t=C,r=k;break;case"c":var I=_slicedToArray(l,6),D=I[0],w=I[1],P=I[2],V=I[3],$=I[4],G=I[5],L=[t+D,r+w,t+P,r+V,t+$,r+G];i={key:"C",values:[].concat(L)},t=L[4],r=L[5];break;case"Q":var j=_slicedToArray(l,4),F=j[0],H=j[1],U=j[2],B=j[3];i={key:"Q",values:[F,H,U,B]},t=U,r=B;break;case"q":var Y=_slicedToArray(l,4),z=Y[0],X=Y[1],W=Y[2],Z=Y[3],K=[t+z,r+X,t+W,r+Z];e.push({key:"Q",values:[].concat(K)}),t=K[2],r=K[3];break;case"A":var q=_slicedToArray(l,7),Q=q[0],J=q[1],ee=q[2],te=q[3],re=q[4],ae=q[5],oe=q[6];i={key:"A",values:[Q,J,ee,te,re,ae,oe]},t=ae,r=oe;break;case"a":var ne=_slicedToArray(l,7),ie=ne[0],se=ne[1],le=ne[2],ce=ne[3],ue=ne[4],de=ne[5],fe=ne[6],he=t+de,_e=r+fe;i={key:"A",values:[ie,se,le,ce,ue,he,_e]},t=he,r=_e;break;case"H":var Te=_slicedToArray(l,1)[0];i={key:"H",values:[Te]},t=Te;break;case"h":var pe=_slicedToArray(l,1)[0],ye=t+pe;i={key:"H",values:[ye]},t=ye;break;case"V":var ve=_slicedToArray(l,1)[0];i={key:"V",values:[ve]},r=ve;break;case"v":var Ee=_slicedToArray(l,1)[0],me=r+Ee;i={key:"V",values:[me]},r=me;break;case"S":var xe=_slicedToArray(l,4),ge=xe[0],be=xe[1],Se=xe[2],Me=xe[3];i={key:"S",values:[ge,be,Se,Me]},t=Se,r=Me;break;case"s":var Oe=_slicedToArray(l,4),Ae=Oe[0],Ne=Oe[1],Re=Oe[2],Ce=Oe[3],ke=[t+Ae,r+Ne,t+Re,r+Ce];i={key:"S",values:[].concat(ke)},t=ke[2],r=ke[3];break;case"T":var Ie=_slicedToArray(l,2),De=Ie[0],we=Ie[1];i={key:"T",values:[De,we]},t=De,r=we;break;case"t":var Pe=_slicedToArray(l,2),Ve=Pe[0],$e=Pe[1],Ge=t+Ve,Le=r+$e;i={key:"T",values:[Ge,Le]},t=Ge,r=Le;break;case"Z":case"z":i={key:"Z",values:[]},t=a,r=o}return[].concat(_toConsumableArray(e),[i])}),[])},reducePathData=function(e){var t=null,r=null,a=null,o=null,n=null,i=null,s=null;return e.reduce((function(e,l){var c,u=l.key,d=l.values;switch(u){case"M":var f=_slicedToArray(d,2),h=f[0],_=f[1];c=[{key:"M",values:[h,_]}],i=h,s=_,o=h,n=_;break;case"C":var T=_slicedToArray(d,6),p=T[0],y=T[1],v=T[2],E=T[3],m=T[4],x=T[5];c=[{key:"C",values:[p,y,v,E,m,x]}],r=v,a=E,o=m,n=x;break;case"L":var g=_slicedToArray(d,2),b=g[0],S=g[1];c=[{key:"L",values:[b,S]}],o=b,n=S;break;case"H":var M=_slicedToArray(d,1)[0];c=[{key:"L",values:[M,n]}],o=M;break;case"V":var O=_slicedToArray(d,1)[0];c=[{key:"L",values:[o,O]}],n=O;break;case"S":var A,N,R=_slicedToArray(d,4),C=R[0],k=R[1],I=R[2],D=R[3];"C"===t||"S"===t?(A=o+(o-r),N=n+(n-a)):(A=o,N=n),c=[{key:"C",values:[A,N,C,k,I,D]}],r=C,a=k,o=I,n=D;break;case"T":var w,P,V=_slicedToArray(d,2),$=V[0],G=V[1];"Q"===t||"T"===t?(w=o+(o-r),P=n+(n-a)):(w=o,P=n),c=[{key:"C",values:[o+2*(w-o)/3,n+2*(P-n)/3,$+2*(w-$)/3,G+2*(P-G)/3,$,G]}],r=w,a=P,o=$,n=G;break;case"Q":var L=_slicedToArray(d,4),j=L[0],F=L[1],H=L[2],U=L[3];c=[{key:"C",values:[o+2*(j-o)/3,n+2*(F-n)/3,H+2*(j-H)/3,U+2*(F-U)/3,H,U]}],r=j,a=F,o=H,n=U;break;case"A":var B=_slicedToArray(d,7),Y=B[0],z=B[1],X=B[2],W=B[3],Z=B[4],K=B[5],q=B[6];if(0===Y||0===z)c=[{key:"C",values:[o,n,K,q,K,q]}],o=K,n=q;else if(o!==K||n!==q)c=arcToCubicCurves(o,n,K,q,Y,z,X,W,Z).map((function(e){return{key:"C",values:e}})),o=K,n=q;break;case"Z":c=[l],o=i,n=s}return t=u,[].concat(_toConsumableArray(e),_toConsumableArray(c))}),[])},arcToCubicCurves=function e(t,r,a,o,n,i,s,l,c,u){var d,f,h,_,T,p=function(e,t,r){return{x:e*Math.cos(r)-t*Math.sin(r),y:e*Math.sin(r)+t*Math.cos(r)}},y=(d=s,Math.PI*d/180),v=[];if(u)f=u[0],h=u[1],_=u[2],T=u[3];else{var E=p(t,r,-y);t=E.x,r=E.y;var m=p(a,o,-y),x=(t-(a=m.x))/2,g=(r-(o=m.y))/2,b=x*x/(n*n)+g*g/(i*i);b>1&&(n*=b=Math.sqrt(b),i*=b);var S=n*n,M=i*i,O=S*M-S*g*g-M*x*x,A=S*g*g+M*x*x,N=(l===c?-1:1)*Math.sqrt(Math.abs(O/A));_=N*n*g/i+(t+a)/2,T=N*-i*x/n+(r+o)/2,f=Math.asin(parseFloat(((r-T)/i).toFixed(9))),h=Math.asin(parseFloat(((o-T)/i).toFixed(9))),t<_&&(f=Math.PI-f),a<_&&(h=Math.PI-h),f<0&&(f=2*Math.PI+f),h<0&&(h=2*Math.PI+h),c&&f>h&&(f-=2*Math.PI),!c&&h>f&&(h-=2*Math.PI)}var R=h-f;if(Math.abs(R)>120*Math.PI/180){var C=h,k=a,I=o,D=c&&h>f?1:-1;h=f+120*Math.PI/180*D,a=_+n*Math.cos(h),o=T+i*Math.sin(h),v=e(a,o,k,I,n,i,s,0,c,[h,C,_,T])}R=h-f;var w=Math.cos(f),P=Math.sin(f),V=Math.cos(h),$=Math.sin(h),G=Math.tan(R/4),L=4/3*n*G,j=4/3*i*G,F=[t,r],H=[t+L*P,r-j*w],U=[a+L*$,o-j*V],B=[a,o];if(H[0]=2*F[0]-H[0],H[1]=2*F[1]-H[1],u)return[H,U,B].concat(_toConsumableArray(v));v=[H,U,B].concat(_toConsumableArray(v)).join().split(",");var Y=[],z=[];return v.forEach((function(e,t){t%2?z.push(p(v[t-1],v[t],y).y):z.push(p(v[t],v[t+1],y).x),6===z.length&&(Y.push(z),z=[])})),Y},E_DRAG$3=EVENT_EMITTER_CONSTANTS.E_DRAG,E_RESIZE$2=EVENT_EMITTER_CONSTANTS.E_RESIZE,E_ROTATE$2=EVENT_EMITTER_CONSTANTS.E_ROTATE,E_MOUSEDOWN$3=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$3=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,keys$2=Object.keys,entries$1=Object.entries,values$2=Object.values,DraggableSVG=function(e){_inherits(r,Transformable);var t=_createSuper(r);function r(){return _classCallCheck(this,r),t.apply(this,arguments)}return _createClass(r,[{key:"_init",value:function(e){var t=this,r=this.options,a=r.container,o=r.controlsContainer,n=r.resizable,i=r.rotatable,s=r.showNormal,l=r.transformOrigin,c=r.restrict,u=createSVGElement("g",["sjx-svg-wrapper"]),d=createSVGElement("g",["sjx-svg-controls"]),f=this._getVertices(),h=f.rotator,_=void 0===h?null:h,T=f.anchor,p=void 0===T?null:T,y=_objectWithoutProperties(f,["rotator","anchor"]),v={},E={},m=Array.isArray(l)?pointTo(createSVGMatrix(),l[0],l[1]):y.center;if(i){var x=s?renderLine$1([p,_],THEME_COLOR,"normal"):null;s&&d.appendChild(x);var g=null;l&&((g=createSVGElement("line",["sjx-hidden"])).x1.baseVal.value=y.center.x,g.y1.baseVal.value=y.center.y,g.x2.baseVal.value=m.x,g.y2.baseVal.value=m.y,setLineStyle(g,"#fe3232"),g.setAttribute("opacity",.5),d.appendChild(g)),E=_objectSpread2({},E,{normal:x,radius:g})}var b=n?{tl:y.tl,tr:y.tr,br:y.br,bl:y.bl,tc:y.tc,bc:y.bc,ml:y.ml,mr:y.mr}:{},S={te:[y.tl,y.tr],be:[y.bl,y.br],le:[y.tl,y.bl],re:[y.tr,y.br]};keys$2(S).forEach((function(e){var t=S[e];isUndef(t)||(v[e]=renderLine$1(t,THEME_COLOR,e),d.appendChild(v[e]))}));var M=_objectSpread2({},b,{rotator:_,center:l&&i?m:void 0});keys$2(M).forEach((function(e){var t=M[e];if(!isUndef(t)){var r=t.x,a=t.y,o="center"===e?"#fe3232":THEME_COLOR;v[e]=createHandler$1(r,a,o,e),d.appendChild(v[e])}})),u.appendChild(d),o.appendChild(u);var O=new WeakMap;e.map((function(e){return O.set(e,{parent:e.parentNode,transform:{ctm:getTransformToElement(e,a)},bBox:e.getBBox(),__data__:new WeakMap,cached:{}})}));var A=c||a;this.storage={wrapper:u,controls:d,handles:_objectSpread2({},v,{},E),data:O,center:{isShifted:Array.isArray(l)},transformOrigin:m,transform:{containerMatrix:getTransformToElement(A,A.parentNode)}},[].concat(_toConsumableArray(e),[d]).map((function(e){return helper(e).on(E_MOUSEDOWN$3,t._onMouseDown).on(E_TOUCHSTART$3,t._onTouchStart)}))}},{key:"_cursorPoint",value:function(e){var t=e.clientX,r=e.clientY,a=this.options.container;return this._applyMatrixToPoint(a.getScreenCTM().inverse(),t,r)}},{key:"_getRestrictedBBox",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.storage,r=(t=void 0===t?{}:t).transform,a=(r=void 0===r?{}:r).containerMatrix,o=this.options,n=(o=void 0===o?{}:o).container,i=o.restrict,s=i||n;return _getBoundingRect$1(s,e?getTransformToElement(s,n):a)}},{key:"_pointToTransform",value:function(e){var t=e.x,r=e.y,a=e.matrix.inverse();return a.e=a.f=0,this._applyMatrixToPoint(a,t,r)}},{key:"_pointToControls",value:function(e){var t=e.x,r=e.y,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.storage.transform,o=a.controlsMatrix,n=o.inverse();return n.e=n.f=0,this._applyMatrixToPoint(n,t,r)}},{key:"_applyMatrixToPoint",value:function(e,t,r){var a=createSVGElement("svg").createSVGPoint();return a.x=t,a.y=r,a.matrixTransform(e)}},{key:"_applyTransformToElement",value:function(e,t){var r=this.storage,a=(r=void 0===r?{}:r).data,o=r.bBox,n=this.options,i=(n=void 0===n?{}:n).isGrouped,s=n.scalable,l=n.applyTranslate,c=a.get(e),u=c.cached,d=void 0===u?{}:u,f=_objectWithoutProperties(c,["cached"]),h=f.transform,_=h.matrix,T=h.parentMatrix,p=f.__data__,y=d.scaleX,v=d.scaleY,E=d.dist,m=(E=void 0===E?{}:E).dx,x=E.dy,g=E.ox,b=E.oy,S=d.transformMatrix;if(t===E_DRAG$3){if(!l||!m&&!x)return;var M=createTranslateMatrix$1(g,b),O=M.multiply(_).multiply(M.inverse());this._updateElementView(["transform",O]),isSVGGroup(e)?checkChildElements(e).map((function(e){var t=createTranslateMatrix$1(m,x),r=t.multiply(getTransformToElement(e,e.parentNode)).multiply(t.inverse());if(isIdentity(r)||e.setAttribute("transform",matrixToString(r)),!isSVGGroup(e)){var a=T.inverse();a.e=a.f=0;var o=pointTo(a,g,b),n=o.x,i=o.y;applyTranslate(e,{x:n,y:i})}})):applyTranslate(e,{x:g,y:b})}if(t===E_RESIZE$2){if(!S)return;if(!s)if(isSVGGroup(e)||i)checkChildElements(e).forEach((function(t){if(!isSVGGroup(t)){var r=getTransformToElement(t,i?e.parentNode:e),a=r.inverse().multiply(S).multiply(r);applyResize(t,{dx:m,dy:x,scaleX:y,scaleY:v,localCTM:a,transformMatrix:S,bBox:o,__data__:p,isGrouped:i})}}));else applyResize(e,{dx:m,dy:x,scaleX:y,scaleY:v,localCTM:S,transformMatrix:S,bBox:o,__data__:p,isGrouped:i})}a.set(e,_objectSpread2({},f))}},{key:"_processActions",value:function(e){var t=this.storage,r=t.transform.controlsMatrix,a=t.center,o=(a=void 0===a?{}:a).isShifted;if(this.options.isGrouped&&e===E_ROTATE$2){this._applyTransformToHandles();var n=pointTo(r,0,0),i=n.x,s=n.y;o&&this._moveCenterHandle(i,s),this._updateControlsView(),o||this.setTransformOrigin({dx:0,dy:0},!1)}}},{key:"_processResize",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage,n=o.revX,i=o.revY,s=o.doW,l=o.doH,c=o.data,u=o.bBox,d=u.x,f=u.y,h=u.width,_=u.height,T=this.options,p=T.isGrouped,y=T.proportions,v=T.scalable,E=c.get(e),m=E.transform,x=m.matrix,g=m.auxiliary.scale.translateMatrix,b=E.cached,S=void 0===b?{}:b,M=_slicedToArray(function(e,t){var r=Math.max(1,h),a=Math.max(1,_),o=s||!s&&!l?(r+e)/r:(a+t)/a,n=y?r*o:r+e,i=y?a*o:a+t;return[n/r,i/a,n,i]}(r,a),4),O=M[0],A=M[1],N=M[2],R=M[3],C=function(e,t){var r=createScaleMatrix$1(e,t);return g.multiply(r).multiply(g.inverse())}(O,A),k=d-(N-h)*(l?.5:n?1:0),I=f-(R-_)*(s?.5:i?1:0),D=p?C.multiply(x):x.multiply(C);return v&&this._updateElementView(e,["transform",D]),c.set(e,_objectSpread2({},E,{cached:_objectSpread2({},S,{scaleX:O,scaleY:A,transformMatrix:C,resultMatrix:D})})),this._applyTransformToElement(e,E_RESIZE$2),{x:k,y:I,width:N,height:R,transform:D}}},{key:"_processMove",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data,n=o.get(e),i=n.transform,s=i.matrix,l=i.auxiliary.translate,c=l.translateMatrix,u=l.parentMatrix,d=n.cached;u.e=u.f=0;var f=pointTo(u,r,a),h=f.x,_=f.y;o.set(e,_objectSpread2({},n,{cached:_objectSpread2({},d,{dist:{dx:floatToFixed(r),dy:floatToFixed(a),ox:floatToFixed(h),oy:floatToFixed(_)}})})),c.e=h,c.f=_;var T=c.multiply(s);return this._updateElementView(e,["transform",T]),T}},{key:"_processRotate",value:function(e,t){var r=this.storage,a=(r=void 0===r?{}:r).data.get(e).transform,o=a.matrix,n=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix,s=floatToFixed(Math.cos(t)),l=floatToFixed(Math.sin(t)),c=createRotateMatrix$1(l,s);n.e=n.f=0;var u=n.inverse().multiply(c).multiply(n),d=i.multiply(u).multiply(i.inverse()).multiply(o);return this._updateElementView(e,["transform",d]),d}},{key:"_getElementState",value:function(e,t){var r=t.revX,a=t.revY,o=t.doW,n=t.doH,i=this.options,s=i.container,l=i.isGrouped,c=this.storage,u=c.data,d=c.controls,f=c.handles.center,h=c.transformOrigin,_=h.x,T=h.y,p=u.get(e),y=p.__data__;storeElementAttributes(e,p,s),y.delete(e),checkChildElements(e).forEach((function(t){y.delete(t),storeElementAttributes(t,p,e,l)}));var v=this._getBBox(),E=v.x,m=v.y,x=v.width,g=v.height,b=getTransformToElement(e,e.parentNode),S=getTransformToElement(e,s),M=getTransformToElement(e.parentNode,s),O=M.inverse(),A=E+x*(n?.5:r?1:0),N=m+g*(o?.5:a?1:0),R=getTransformToElement(d,s),C=E+x/2,k=m+g/2,I=pointTo(R,_,T),D=I.x,w=I.y,P=f?pointTo(O,D,w):pointTo(l?O:b,C,k),V=P.x,$=P.y,G=f?pointTo(l?O:S.inverse(),D,w):pointTo(l?O:createSVGMatrix(),A,N),L=G.x,j=G.y;return{transform:{auxiliary:{scale:{scaleMatrix:createSVGMatrix(),translateMatrix:createTranslateMatrix$1(L,j)},translate:{parentMatrix:O,translateMatrix:createSVGMatrix()},rotate:{translateMatrix:createTranslateMatrix$1(V,$)}},matrix:b,ctm:S,parentMatrix:M,scX:Math.sqrt(S.a*S.a+S.b*S.b),scY:Math.sqrt(S.c*S.c+S.d*S.d)},bBox:v}}},{key:"_getCommonState",value:function(){var e=this.elements,t=this.options,r=t.isGrouped,a=t.container,o=t.restrict,n=this.storage,i=n.controls,s=n.handles.center,l=this._getBBox(),c=l.x,u=l.y,d=c+l.width/2,f=u+l.height/2,h=getTransformToElement(i,a),_=s?s.cx.baseVal.value:d,T=s?s.cy.baseVal.value:f,p=pointTo(h,_,T),y=p.x,v=p.y,E=pointTo(r?createSVGMatrix():getTransformToElement(e[0],a),d,f),m=E.x,x=E.y,g=o||a,b=getTransformToElement(g,g.parentNode),S=_objectSpread2({},this.storage.center||{},{x:s?y:m,y:s?v:x,hx:s?s.cx.baseVal.value:null,hy:s?s.cy.baseVal.value:null});return{transform:{containerMatrix:b,controlsMatrix:getTransformToElement(i,i.parentNode),controlsTranslateMatrix:createSVGMatrix(),wrapperOriginMatrix:createTranslateMatrix$1(S.x,S.y)},bBox:l,center:S}}},{key:"_getVertices",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createSVGMatrix(),t=this.elements,r=this.options,a=r.isGrouped,o=r.rotatable,n=r.rotatorAnchor,i=r.rotatorOffset,s=r.container,l=this._getBBox(),c=l.x,u=l.y,d=l.width,f=l.height,h=d/2,_=f/2,T={tl:[c,u],tr:[c+d,u],mr:[c+d,u+_],ml:[c,u+_],tc:[c+h,u],bc:[c+h,u+f],br:[c+d,u+f],bl:[c,u+f],center:[c+h,u+_]},p=a?e:e.multiply(getTransformToElement(t[0],s)),y=entries$1(T).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=_slicedToArray(r[1],2),n=o[0],i=o[1];return e[a]=pointTo(p,n,i),e}),{});if(o){var v={},E=1;switch(n){case"n":var m=y.tc,x=m.x,g=m.y;v.x=x,v.y=g;break;case"s":var b=y.bc,S=b.x,M=b.y;v.x=S,v.y=M,E=-1;break;case"w":var O=y.ml,A=O.x,N=O.y;v.x=A,v.y=N,E=-1;break;case"e":default:var R=y.mr,C=R.x,k=R.y;v.x=C,v.y=k}var I="n"===n||"s"===n?Math.atan2(y.bl.y-y.tl.y,y.bl.x-y.tl.x):Math.atan2(y.tl.y-y.tr.y,y.tl.x-y.tr.x),D=i*E,w={x:v.x-D*Math.cos(I),y:v.y-D*Math.sin(I)};y.rotator=w,y.anchor=v}return y}},{key:"_getBBox",value:function(){var e=this.elements,t=this.options,r=t.container;if(t.isGrouped){var a=e.reduce((function(e,t){var a=getTransformToElement(t,r);return[].concat(_toConsumableArray(e),_toConsumableArray(_getBoundingRect$1(t,a)))}),[]),o=_slicedToArray(getMinMaxOfArray(a),2),n=_slicedToArray(o[0],2),i=n[0],s=n[1],l=_slicedToArray(o[1],2),c=l[0];return{x:i,y:c,width:s-i,height:l[1]-c}}return e[0].getBBox()}},{key:"_moveCenterHandle",value:function(e,t){var r=this.storage,a=r.handles,o=a.center,n=a.radius,i=r.center,s=r.transform,l=(s=void 0===s?{}:s).controlsMatrix,c=void 0===l?createSVGMatrix():l,u=r.transformOrigin,d=(u=void 0===u?{}:u).x,f=u.y,h=r.cached;if(!isUndef(o)){var _=d+e,T=f+t;o.cx.baseVal.value=_,o.cy.baseVal.value=T,n.x2.baseVal.value=_,n.y2.baseVal.value=T,this.storage=_objectSpread2({},this.storage,{center:_objectSpread2({},i,{isShifted:!0},pointTo(c.inverse(),_,T)),cached:_objectSpread2({},h,{transformOrigin:pointTo(createSVGMatrix(),_,T)})})}}},{key:"_processMoveRestrict",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data.get(e).transform,n=o.matrix,i=o.auxiliary.translate.parentMatrix;i.e=i.f=0;var s=pointTo(i,r,a),l=s.x,c=s.y,u=createTranslateMatrix$1(l,c).multiply(n);return this._restrictHandler(e,u)}},{key:"_processRotateRestrict",value:function(e,t){var r=this.storage,a=(r=void 0===r?{}:r).data.get(e).transform,o=a.matrix,n=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix,s=floatToFixed(Math.cos(t)),l=floatToFixed(Math.sin(t)),c=createRotateMatrix$1(l,s);n.e=n.f=0;var u=n.inverse().multiply(c).multiply(n),d=i.multiply(u).multiply(i.inverse()).multiply(o);return this._restrictHandler(e,d)}},{key:"_processResizeRestrict",value:function(e,t){var r,a,o,n,i,s,l,c=t.dx,u=t.dy,d=this.storage,f=d.doW,h=d.doH,_=d.data,T=d.bBox,p=T.width,y=T.height,v=this.options.proportions,E=_.get(e).transform,m=E.matrix,x=E.auxiliary.scale.translateMatrix,g=m.multiply(function(e,t){var r=createScaleMatrix$1(e,t);return x.multiply(r).multiply(x.inverse())}.apply(void 0,_toConsumableArray((r=c,a=u,o=Math.max(1,p),n=Math.max(1,y),i=f||!f&&!h?(o+r)/o:(n+a)/n,[(s=v?o*i:o+r)/o,(l=v?n*i:n+a)/n,s,l]))));return this._restrictHandler(e,g)}},{key:"_processControlsResize",value:function(){var e=this.storage,t=(e=void 0===e?{}:e).transform.controlsMatrix;this._applyTransformToHandles({boxMatrix:t.inverse()})}},{key:"_processControlsMove",value:function(e){var t=e.dx,r=e.dy,a=this.storage,o=(a=void 0===a?{}:a).transform,n=o.controlsMatrix,i=o.controlsTranslateMatrix,s=a.center;i.e=t,i.f=r;var l=i.multiply(n);if(this._updateControlsView(l),s.isShifted){var c=n.inverse();c.e=c.f=0;var u=pointTo(c,t,r),d=u.x,f=u.y;this._moveCenterHandle(-d,-f)}}},{key:"_processControlsRotate",value:function(e){var t=e.radians,r=this.storage,a=(r=void 0===r?{}:r).transform,o=a.controlsMatrix,n=a.wrapperOriginMatrix,i=floatToFixed(Math.cos(t)),s=floatToFixed(Math.sin(t)),l=createRotateMatrix$1(s,i),c=n.multiply(l).multiply(n.inverse()).multiply(o);this._updateControlsView(c)}},{key:"_updateElementView",value:function(e,t){var r=_slicedToArray(t,2),a=r[0],o=r[1];"transform"===a&&e.setAttribute(a,matrixToString(o))}},{key:"_updateControlsView",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createSVGMatrix();this.storage.controls.setAttribute("transform",matrixToString(e))}},{key:"_applyTransformToHandles",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.boxMatrix,r=void 0===t?createSVGMatrix():t,a=this.options.rotatable,o=this.storage,n=o.handles,i=o.center.isShifted,s=this._getVertices(r),l=s.anchor,c=void 0===l?null:l,u=s.center,d=_objectWithoutProperties(s,["anchor","center"]),f={te:[d.tl,d.tr],be:[d.bl,d.br],le:[d.tl,d.bl],re:[d.tr,d.br]};if(a){var h=n.normal,_=n.radius;isDef(h)&&(h.x1.baseVal.value=c.x,h.y1.baseVal.value=c.y,h.x2.baseVal.value=d.rotator.x,h.y2.baseVal.value=d.rotator.y),isDef(_)&&(_.x1.baseVal.value=u.x,_.y1.baseVal.value=u.y,i||(_.x2.baseVal.value=u.x,_.y2.baseVal.value=u.y))}keys$2(f).forEach((function(e){var t=n[e],r=_slicedToArray(f[e],2),a=r[0],o=r[1];isUndef(a)||isUndef(t)||entries$1({x1:a.x,y1:a.y,x2:o.x,y2:o.y}).map((function(e){var r=_slicedToArray(e,2),a=r[0],o=r[1];return t.setAttribute(a,o)}))}));var T=_objectSpread2({},d,{},!i&&Boolean(u)&&{center:u});return keys$2(T).reduce((function(e,t){var r=n[t],a=T[t];return e[t]=a,isUndef(a)||isUndef(r)?e:(r.setAttribute("cx",a.x),r.setAttribute("cy",a.y),e)}),{})}},{key:"setCenterPoint",value:function(){warn('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.x,r=e.y,a=e.dx,o=e.dy,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.elements,s=this.storage,l=this.storage,c=(l=void 0===l?{}:l).controls,u=l.handles,d=(u=void 0===u?{}:u).center,f=u.radius,h=l.center,_=this.options,T=_.container,p=_.isGrouped,y=isDef(a)&&isDef(o),v=isDef(t)&&isDef(r);if(h&&d&&f&&(y||v)){var E,m,x=getTransformToElement(c,c.parentNode).inverse(),g=p?x:x.multiply(getTransformToElement(i[0],T));if(y){var b=this._getBBox(),S=b.x,M=b.y,O=b.width,A=b.height,N=O/2,R=A/2;E=S+N+a,m=M+R+o}else E=t,m=r;var C=pointTo(g,E,m),k=C.x,I=C.y;d.cx.baseVal.value=k,d.cy.baseVal.value=I,f.x2.baseVal.value=k,f.y2.baseVal.value=I,h.isShifted=n,s.transformOrigin=pointTo(createSVGMatrix(),k,I)}}},{key:"fitControlsToSize",value:function(){var e=this.storage,t=void 0===e?{}:e,r=createSVGMatrix();this.storage=_objectSpread2({},t,{transform:_objectSpread2({},t.transform||{},{controlsMatrix:r})}),this._updateControlsView(r),this._applyTransformToHandles({boxMatrix:r})}},{key:"getBoundingRect",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=this.options,a=(r=void 0===r?{}:r).restrict,o=r.container,n=a||o,i=t?getTransformToElement(e.parentNode,n).multiply(t):getTransformToElement(e,n);return _getBoundingRect$1(e,i,e.getBBox())}},{key:"applyAlignment",value:function(e){var t=this,r=this.elements,a=this.options.container,o=this._getVertices(),n=(o.anchor,o.rotator,o.center,_objectWithoutProperties(o,["anchor","rotator","center"])),i=this._getRestrictedBBox(!0),s=values$2(n).map((function(e){return[e.x,e.y]})),l=_slicedToArray(getMinMaxOfArray(i),2),c=_slicedToArray(l[0],2),u=c[0],d=c[1],f=_slicedToArray(l[1],2),h=f[0],_=f[1],T=_slicedToArray(getMinMaxOfArray(s),2),p=_slicedToArray(T[0],2),y=p[0],v=p[1],E=_slicedToArray(T[1],2),m=E[0],x=E[1];r.map((function(r){var o=getTransformToElement(r.parentNode,a);o.e=o.f=0;var n=pointTo(o.inverse(),function(){switch(!0){case/[l]/.test(e):return u-y;case/[r]/.test(e):return d-v;case/[h]/.test(e):return(d+u)/2-(v+y)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(e):return h-m;case/[b]/.test(e):return _-x;case/[v]/.test(e):return(_+h)/2-(x+m)/2;default:return 0}}()),i=n.x,s=n.y,l=createTranslateMatrix$1(i,s).multiply(getTransformToElement(r,r.parentNode));t._updateElementView(r,["transform",l])})),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var e=this.elements,t=this.options,r=t.isGrouped,a=t.container,o=this._getBBox(),n=o.x,i=o.y,s=o.width,l=o.height,c={tl:[n,i],tr:[n+s,i],bl:[n,i+l],br:[n+s,i+l]},u=r?createSVGMatrix():getTransformToElement(e[0],a),d=entries$1(c).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=_slicedToArray(r[1],2),n=o[0],i=o[1];return e[a]=pointTo(u,n,i),e}),{}),f=d.tl,h=d.br,_=d.tr;return{x:floatToFixed(f.x),y:floatToFixed(f.y),width:floatToFixed(Math.sqrt(Math.pow(f.x-_.x,2)+Math.pow(f.y-_.y,2))),height:floatToFixed(Math.sqrt(Math.pow(_.x-h.x,2)+Math.pow(_.y-h.y,2))),rotation:floatToFixed(Math.atan2(_.y-f.y,_.x-f.x)*DEG)}}}]),r}(),applyTranslate=function(e,t){var r=t.x,a=t.y,o=[];switch(e.tagName.toLowerCase()){case"text":var n=isDef(e.x.baseVal[0])?e.x.baseVal[0].value+r:(Number(e.getAttribute("x"))||0)+r,i=isDef(e.y.baseVal[0])?e.y.baseVal[0].value+a:(Number(e.getAttribute("y"))||0)+a;o.push(["x",n],["y",i]);break;case"foreignobject":case"use":case"image":case"rect":var s=isDef(e.x.baseVal.value)?e.x.baseVal.value+r:(Number(e.getAttribute("x"))||0)+r,l=isDef(e.y.baseVal.value)?e.y.baseVal.value+a:(Number(e.getAttribute("y"))||0)+a;o.push(["x",s],["y",l]);break;case"circle":case"ellipse":var c=e.cx.baseVal.value+r,u=e.cy.baseVal.value+a;o.push(["cx",c],["cy",u]);break;case"line":var d=e.x1.baseVal.value+r,f=e.y1.baseVal.value+a,h=e.x2.baseVal.value+r,_=e.y2.baseVal.value+a;o.push(["x1",d],["y1",f],["x2",h],["y2",_]);break;case"polygon":case"polyline":var T=parsePoints(e.getAttribute("points")).map((function(e){return e[0]=Number(e[0])+r,e[1]=Number(e[1])+a,e.join(" ")})).join(" ");o.push(["points",T]);break;case"path":var p=e.getAttribute("d");o.push(["d",movePath({path:p,dx:r,dy:a})])}o.forEach((function(t){e.setAttribute(t[0],t[1])}))},applyResize=function(e,t){var r=t.scaleX,a=t.scaleY,o=t.localCTM,n=t.bBox,i=n.width,s=n.height,l=t.__data__,c=t.transformMatrix,u=t.isGrouped,d=[],f=l.get(e);switch(e.tagName.toLowerCase()){case"text":case"tspan":var h=f.x,_=f.y,T=f.textLength,p=pointTo(o,h,_),y=p.x,v=p.y;d.push(["x",y+(r<0?i:0)],["y",v-(a<0?s:0)],["textLength",Math.abs(r*T)]);break;case"circle":var E=f.r,m=f.cx,x=f.cy,g=E*(Math.abs(r)+Math.abs(a))/2,b=pointTo(o,m,x),S=b.x,M=b.y;d.push(["r",g],["cx",S],["cy",M]);break;case"foreignobject":case"image":case"rect":if(u){var O=f.matrix,A=f.childCTM,N=A.inverse().multiply(c).multiply(A),R=O.multiply(N);d.push(["transform",matrixToString(R)])}else{var C=f.width,k=f.height,I=f.x,D=f.y,w=pointTo(o,I,D),P=w.x,V=w.y,$=Math.abs(C*r),G=Math.abs(k*a);d.push(["x",P-(r<0?$:0)],["y",V-(a<0?G:0)],["width",$],["height",G])}break;case"ellipse":var L=f.rx,j=f.ry,F=f.cx,H=f.cy,U=pointTo(o,F,H),B=U.x,Y=U.y,z=createSVGMatrix();z.a=r,z.d=a;var X=pointTo(z,L,j),W=X.x,Z=X.y;d.push(["rx",Math.abs(W)],["ry",Math.abs(Z)],["cx",B],["cy",Y]);break;case"line":var K=f.resX1,q=f.resY1,Q=f.resX2,J=f.resY2,ee=pointTo(o,K,q),te=ee.x,re=ee.y,ae=pointTo(o,Q,J),oe=ae.x,ne=ae.y;d.push(["x1",te],["y1",re],["x2",oe],["y2",ne]);break;case"polygon":case"polyline":var ie=f.points,se=parsePoints(ie).map((function(e){var t=pointTo(o,Number(e[0]),Number(e[1])),r=t.x,a=t.y;return e[0]=floatToFixed(r),e[1]=floatToFixed(a),e.join(" ")})).join(" ");d.push(["points",se]);break;case"path":var le=f.path;d.push(["d",resizePath({path:le,localCTM:o})])}d.forEach((function(t){var r=_slicedToArray(t,2),a=r[0],o=r[1];e.setAttribute(a,o)}))},createHandler$1=function(e,t,r,a){var o=createSVGElement("circle",["sjx-svg-hdl","sjx-svg-hdl-".concat(a)]);return entries$1({cx:e,cy:t,r:4,fill:"#fff",stroke:r,"stroke-width":1,"fill-opacity":1,"vector-effect":"non-scaling-stroke"}).forEach((function(e){var t=_slicedToArray(e,2),r=t[0],a=t[1];return o.setAttribute(r,a)})),o},setLineStyle=function(e,t){e.setAttribute("stroke",t),e.setAttribute("stroke-dasharray","3 3"),e.setAttribute("vector-effect","non-scaling-stroke")},storeElementAttributes=function(e,t,r,a){var o=null;switch(e.tagName.toLowerCase()){case"text":o={x:isDef(e.x.baseVal[0])?e.x.baseVal[0].value:Number(e.getAttribute("x"))||0,y:isDef(e.y.baseVal[0])?e.y.baseVal[0].value:Number(e.getAttribute("y"))||0,textLength:isDef(e.textLength.baseVal)?e.textLength.baseVal.value:Number(e.getAttribute("textLength"))||null};break;case"circle":o={r:e.r.baseVal.value,cx:e.cx.baseVal.value,cy:e.cy.baseVal.value};break;case"foreignobject":case"image":case"rect":o={width:e.width.baseVal.value,height:e.height.baseVal.value,x:e.x.baseVal.value,y:e.y.baseVal.value};break;case"ellipse":o={rx:e.rx.baseVal.value,ry:e.ry.baseVal.value,cx:e.cx.baseVal.value,cy:e.cy.baseVal.value};break;case"line":o={resX1:e.x1.baseVal.value,resY1:e.y1.baseVal.value,resX2:e.x2.baseVal.value,resY2:e.y2.baseVal.value};break;case"polygon":case"polyline":o={points:e.getAttribute("points")};break;case"path":o={path:e.getAttribute("d")}}t.__data__.set(e,_objectSpread2({},o,{matrix:getTransformToElement(e,e.parentNode),ctm:getTransformToElement(e.parentNode,r),childCTM:getTransformToElement(e,a?r.parentNode:r)}))},renderLine$1=function(e,t,r){var a=_slicedToArray(e,2),o=a[0],n=a[1],i=createSVGElement("line",["sjx-svg-line","sjx-svg-line-".concat(r)]),s={x1:o.x,y1:o.y,x2:n.x,y2:n.y,stroke:t,"stroke-width":1,"vector-effect":"non-scaling-stroke"};return entries$1(s).forEach((function(e){var t=_slicedToArray(e,2),r=t[0],a=t[1];return i.setAttribute(r,a)})),i},_getBoundingRect$1=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.getBBox(),a=r.x,o=r.y,n=r.width,i=r.height,s=[[a,o],[a+n,o],[a+n,o+i],[a,o+i]];return s.map((function(e){var r=_slicedToArray(e,2),a=r[0],o=r[1],n=pointTo(t,a,o);return[n.x,n.y]}))};function drag(e,t){if(this.length){var r=isDef(t)&&t instanceof Observable?t:new Observable;if(this[0]instanceof SVGElement){var a=arrReduce.call(this,(function(e,t){return checkElement(t)&&e.push(t),e}),[]);return new DraggableSVG(a,e,r)}return new Draggable(arrMap.call(this,(function(e){return e})),e,r)}}var EMITTER_EVENTS$2=EVENT_EMITTER_CONSTANTS.EMITTER_EVENTS,E_MOUSEDOWN$4=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$4=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,Cloneable=function(e){_inherits(r,SubjectModel);var t=_createSuper(r);function r(e,a){var o;return _classCallCheck(this,r),(o=t.call(this,e)).enable(a),o}return _createClass(r,[{key:"_init",value:function(){var e=this,t=this.elements,r=this.options,a=helper(t),o=r.style,n=r.appendTo,i=_objectSpread2({position:"absolute","z-index":"2147483647"},o),s=new WeakMap;t.map((function(e){return s.set(e,{parent:isDef(n)?helper(n)[0]:document.body})})),this.storage={css:i,data:s},a.on(E_MOUSEDOWN$4,this._onMouseDown).on(E_TOUCHSTART$4,this._onTouchStart),EMITTER_EVENTS$2.slice(0,3).forEach((function(t){e.eventDispatcher.registerEvent(t)}))}},{key:"_processOptions",value:function(e){var t={},r=null,a=document,o=noop,n=noop,i=noop,s=noop;if(isDef(e)){var l=e.style,c=e.appendTo,u=e.stack,d=e.onInit,f=e.onMove,h=e.onDrop,_=e.onDestroy;t=isDef(l)&&"object"===_typeof(l)?l:t,r=c||null;var T=isDef(u)?helper(u)[0]:document;o=createMethod(d),n=createMethod(f),i=isFunc(h)?function(e){var t=this.storage,r=(t=void 0===t?{}:t).clone;objectsCollide(r,T)&&h.call(this,e,this.elements,r)}:noop,s=createMethod(_)}this.options={style:t,appendTo:r,stack:a},this.proxyMethods={onInit:o,onDrop:i,onMove:n,onDestroy:s}}},{key:"_start",value:function(e){var t=e.target,r=e.clientX,a=e.clientY,o=this.elements,n=this.storage,i=this.storage,s=i.data,l=i.css,c=o.find((function(e){return e===t||e.contains(t)}));if(c){var u=(s.get(c)||{}).parent,d=void 0===u?c.parentNode:u,f=getOffset(d),h=f.left,_=f.top;l.left="".concat(r-h,"px"),l.top="".concat(a-_,"px");var T=c.cloneNode(!0);helper(T).css(l),n.clientX=r,n.clientY=a,n.cx=r,n.cy=a,n.clone=T,d.appendChild(T),this._draw()}}},{key:"_moving",value:function(e){var t=e.clientX,r=e.clientY,a=this.storage;a.clientX=t,a.clientY=r,a.doDraw=!0,a.doMove=!0}},{key:"_end",value:function(e){var t=this.storage,r=t.clone,a=t.frameId;t.doDraw=!1,cancelAnimFrame(a),isUndef(r)||(this.proxyMethods.onDrop.call(this,e),r.parentNode.removeChild(r),delete t.clone)}},{key:"_animate",value:function(){var e=this.storage;e.frameId=requestAnimFrame(this._animate);var t=e.doDraw,r=e.clientX,a=e.clientY,o=e.cx,n=e.cy,i=e.clone;t&&(e.doDraw=!1,this._drag({element:i,dx:r-o,dy:a-n}))}},{key:"_processMove",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage,n=(o=void 0===o?{}:o).clone,i="translate(".concat(r,"px, ").concat(a,"px)");helper(n).css({transform:i,webkitTranform:i,mozTransform:i,msTransform:i,otransform:i})}},{key:"_destroy",value:function(){var e=this.storage,t=this.proxyMethods,r=this.elements;isUndef(e)||(helper(r).off(E_MOUSEDOWN$4,this._onMouseDown).off(E_TOUCHSTART$4,this._onTouchStart),t.onDestroy.call(this,r),delete this.storage)}},{key:"disable",value:function(){this._destroy()}}]),r}();function clone(e){if(this.length)return new Cloneable(arrMap.call(this,(function(e){return e})),e)}var Subjx=function(e){_inherits(r,Helper);var t=_createSuper(r);function r(){return _classCallCheck(this,r),t.apply(this,arguments)}return _createClass(r,[{key:"drag",value:function(){return drag.call.apply(drag,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"clone",value:function(){return clone.call.apply(clone,[this].concat(Array.prototype.slice.call(arguments)))}}]),r}();function subjx(e){return new Subjx(e)}Object.defineProperty(subjx,"createObservable",{value:function(){return new Observable}}),Object.defineProperty(subjx,"Subjx",{value:Subjx}),Object.defineProperty(subjx,"Observable",{value:Observable}),module.exports=subjx;
+"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var r=0;r<t.length;r++){var a=t[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}function _objectWithoutProperties(e,t){if(null==e)return{};var r,a,o=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _createSuper(e){return function(){var t,r=_getPrototypeOf(e);if(_isNativeReflectConstruct()){var a=_getPrototypeOf(this).constructor;t=Reflect.construct(r,arguments,a)}else t=r.apply(this,arguments);return _possibleConstructorReturn(this,t)}}function _superPropBase(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=_getPrototypeOf(e)););return e}function _get(e,t,r){return(_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,r){var a=_superPropBase(e,t);if(a){var o=Object.getOwnPropertyDescriptor(a,t);return o.get?o.get.call(r):o.value}})(e,t,r||e)}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function _iterableToArrayLimit(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],a=!0,o=!1,n=void 0;try{for(var i,s=e[Symbol.iterator]();!(a=(i=s.next()).done)&&(r.push(i.value),!t||r.length!==t);a=!0);}catch(e){o=!0,n=e}finally{try{a||null==s.return||s.return()}finally{if(o)throw n}}return r}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _createForOfIteratorHelper(e){if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(e=_unsupportedIterableToArray(e))){var t=0,r=function(){};return{s:r,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o,n=!0,i=!1;return{s:function(){a=e[Symbol.iterator]()},n:function(){var e=a.next();return n=e.done,e},e:function(e){i=!0,o=e},f:function(){try{n||null==a.return||a.return()}finally{if(i)throw o}}}}var requestAnimFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||function(e){return setTimeout(e,1e3/60)},cancelAnimFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame||function(e){clearTimeout(e)},_Array$prototype=Array.prototype,forEach=_Array$prototype.forEach,arrSlice=_Array$prototype.slice,arrMap=_Array$prototype.map,arrReduce=_Array$prototype.reduce,_console=console,warn=_console.warn,noop=function(e){return e},isDef=function(e){return null!=e},isUndef=function(e){return null==e},isFunc=function(e){return"function"==typeof e},createMethod=function(e){return isFunc(e)?function(){e.call.apply(e,[this].concat(Array.prototype.slice.call(arguments)))}:noop},Helper=function(){function e(t){if(_classCallCheck(this,e),"string"==typeof t){var r=document.querySelectorAll(t);this.length=r.length;for(var a=0;a<this.length;a++)this[a]=r[a]}else if("object"!==_typeof(t)||1!==t.nodeType&&t!==document)if(t instanceof e){this.length=t.length;for(var o=0;o<this.length;o++)this[o]=t[o]}else{if(!isIterable(t))throw new Error("Passed parameter must be selector/element/elementArray");this.length=t.length;for(var n=0;n<this.length;n++)1===t[n].nodeType&&(this[n]=t[n])}else this[0]=t,this.length=1}return _createClass(e,[{key:"css",value:function(e){var t=function(t){for(var r=t.length;r--;)return t[r].currentStyle?t[r].currentStyle[e]:document.defaultView&&document.defaultView.getComputedStyle?document.defaultView.getComputedStyle(t[r],"")[e]:t[r].style[e]},r=function(e,t){for(var r=e.length;r--;)for(var a in t)e[r].style[a]=t[a];return e.style},a={setStyle:function(e){return r(this,e)},getStyle:function(){return t(this)}};return"string"==typeof e?a.getStyle.apply(this,arrSlice.call(arguments,1)):"object"!==_typeof(e)&&e?(warn("Method ".concat(e," does not exist")),!1):a.setStyle.apply(this,arguments)}},{key:"on",value:function(){for(var e=this.length;e--;)this[e].events||(this[e].events={},this[e].events[arguments[0]]=[]),"string"!=typeof arguments[1]?document.addEventListener?this[e].addEventListener(arguments[0],arguments[1],arguments[2]||{passive:!1}):document.attachEvent?this[e].attachEvent("on".concat(arguments[0]),arguments[1]):this[e]["on".concat(arguments[0])]=arguments[1]:listenerDelegate(this[e],arguments[0],arguments[1],arguments[2],arguments[3],!0);return this}},{key:"off",value:function(){for(var e=this.length;e--;)this[e].events||(this[e].events={},this[e].events[arguments[0]]=[]),"string"!=typeof arguments[1]?document.removeEventListener?this[e].removeEventListener(arguments[0],arguments[1],arguments[2]):document.detachEvent?this[e].detachEvent("on".concat(arguments[0]),arguments[1]):this[e]["on".concat(arguments[0])]=null:listenerDelegate(this[e],arguments[0],arguments[1],arguments[2],arguments[3],!1);return this}},{key:"is",value:function(e){if(isUndef(e))return!1;for(var t=helper(e),r=this.length;r--;)if(this[r]===t[r])return!0;return!1}}]),e}();function listenerDelegate(e,t,r,a,o,n){var i=function(e){for(var t=e.target;t&&t!==this;)t.matches(r)&&a.call(t,e),t=t.parentNode};!0===n?document.addEventListener?e.addEventListener(t,i,o||{passive:!1}):document.attachEvent?e.attachEvent("on".concat(t),i):e["on".concat(t)]=i:document.removeEventListener?e.removeEventListener(t,i,o||{passive:!1}):document.detachEvent?e.detachEvent("on".concat(t),i):e["on".concat(t)]=null}function isIterable(e){return isDef(e)&&"object"===_typeof(e)&&(Array.isArray(e)||isDef(window.Symbol)&&"function"==typeof e[window.Symbol.iterator]||isDef(e.forEach)||"number"==typeof e.length&&(0===e.length||e.length>0&&e.length-1 in e))}function helper(e){return new Helper(e)}var MIN_SIZE=2,THEME_COLOR="#00a8ff",LIB_CLASS_PREFIX="sjx-",E_MOUSEDOWN="mousedown",E_MOUSEUP="mouseup",E_MOUSEMOVE="mousemove",E_TOUCHSTART="touchstart",E_TOUCHEND="touchend",E_TOUCHMOVE="touchmove",E_DRAG_START="dragStart",E_DRAG="drag",E_DRAG_END="dragEnd",E_RESIZE_START="resizeStart",E_RESIZE="resize",E_RESIZE_END="resizeEnd",E_ROTATE_START="rotateStart",E_ROTATE="rotate",E_ROTATE_END="rotateEnd",E_SET_POINT="setPoint",E_SET_POINT_START="setPointStart",E_SET_POINT_END="setPointEnd",EMITTER_EVENTS=[E_DRAG_START,E_DRAG,,E_DRAG_END,E_RESIZE_START,E_RESIZE,E_RESIZE_END,E_ROTATE_START,E_ROTATE,E_ROTATE_END,E_SET_POINT_START,E_SET_POINT_END],CSS_PREFIXES=["","-webkit-","-moz-","-ms-","-o-"],ON_GETSTATE="ongetstate",ON_APPLY="onapply",ON_MOVE="onmove",ON_RESIZE="onresize",ON_ROTATE="onrotate",NOTIFIER_EVENTS=[ON_GETSTATE,ON_APPLY,ON_MOVE,ON_RESIZE,ON_ROTATE],NOTIFIER_CONSTANTS={NOTIFIER_EVENTS:NOTIFIER_EVENTS,ON_GETSTATE:ON_GETSTATE,ON_APPLY:ON_APPLY,ON_MOVE:ON_MOVE,ON_RESIZE:ON_RESIZE,ON_ROTATE:ON_ROTATE},EVENT_EMITTER_CONSTANTS={EMITTER_EVENTS:EMITTER_EVENTS,E_DRAG_START:E_DRAG_START,E_DRAG:E_DRAG,E_DRAG_END:E_DRAG_END,E_RESIZE_START:E_RESIZE_START,E_RESIZE:E_RESIZE,E_RESIZE_END:E_RESIZE_END,E_ROTATE_START:E_ROTATE_START,E_ROTATE:E_ROTATE,E_ROTATE_END:E_ROTATE_END,E_SET_POINT:E_SET_POINT,E_SET_POINT_START:E_SET_POINT_START,E_SET_POINT_END:E_SET_POINT_END},CLIENT_EVENTS_CONSTANTS={E_MOUSEDOWN:E_MOUSEDOWN,E_MOUSEUP:E_MOUSEUP,E_MOUSEMOVE:E_MOUSEMOVE,E_TOUCHSTART:E_TOUCHSTART,E_TOUCHEND:E_TOUCHEND,E_TOUCHMOVE:E_TOUCHMOVE},TRANSFORM_HANDLES_KEYS={TOP_LEFT:"tl",TOP_CENTER:"tc",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br",BOTTOM_CENTER:"bc",MIDDLE_LEFT:"ml",MIDDLE_RIGHT:"mr",CENTER:"center"},TRANSFORM_EDGES_KEYS={TOP_EDGE:"te",BOTTOM_EDGE:"be",LEFT_EDGE:"le",RIGHT_EDGE:"re"},TRANSFORM_HANDLES_CONSTANTS={TRANSFORM_HANDLES_KEYS:TRANSFORM_HANDLES_KEYS,TRANSFORM_EDGES_KEYS:TRANSFORM_EDGES_KEYS},ON_GETSTATE$1=NOTIFIER_CONSTANTS.ON_GETSTATE,ON_APPLY$1=NOTIFIER_CONSTANTS.ON_APPLY,ON_MOVE$1=NOTIFIER_CONSTANTS.ON_MOVE,ON_RESIZE$1=NOTIFIER_CONSTANTS.ON_RESIZE,ON_ROTATE$1=NOTIFIER_CONSTANTS.ON_ROTATE,Observable=function(){function e(){_classCallCheck(this,e),this.observers={}}return _createClass(e,[{key:"subscribe",value:function(e,t){var r=this.observers;return isUndef(r[e])&&Object.defineProperty(r,e,{value:[]}),r[e].push(t),this}},{key:"unsubscribe",value:function(e,t){var r=this.observers;if(isDef(r[e])){var a=r[e].indexOf(t);r[e].splice(a,1)}return this}},{key:"notify",value:function(e,t,r){isUndef(this.observers[e])||this.observers[e].forEach((function(a){if(t!==a)switch(e){case ON_MOVE$1:a.notifyMove(r);break;case ON_ROTATE$1:a.notifyRotate(r);break;case ON_RESIZE$1:a.notifyResize(r);break;case ON_APPLY$1:a.notifyApply(r);break;case ON_GETSTATE$1:a.notifyGetState(r)}}))}}]),e}(),Event=function(){function e(t){_classCallCheck(this,e),this.name=t,this.callbacks=[]}return _createClass(e,[{key:"registerCallback",value:function(e){this.callbacks.push(e)}},{key:"removeCallback",value:function(e){var t=this.callbacks(e);this.callbacks.splice(t,1)}}]),e}(),EventDispatcher=function(){function e(){_classCallCheck(this,e),this.events={}}return _createClass(e,[{key:"registerEvent",value:function(e){this.events[e]=new Event(e)}},{key:"emit",value:function(e,t,r){this.events[t].callbacks.forEach((function(t){t.call(e,r)}))}},{key:"addEventListener",value:function(e,t){this.events[e].registerCallback(t)}},{key:"removeEventListener",value:function(e,t){this.events[e].removeCallback(t)}}]),e}(),E_DRAG$1=EVENT_EMITTER_CONSTANTS.E_DRAG,E_MOUSEMOVE$1=CLIENT_EVENTS_CONSTANTS.E_MOUSEMOVE,E_MOUSEUP$1=CLIENT_EVENTS_CONSTANTS.E_MOUSEUP,E_TOUCHMOVE$1=CLIENT_EVENTS_CONSTANTS.E_TOUCHMOVE,E_TOUCHEND$1=CLIENT_EVENTS_CONSTANTS.E_TOUCHEND,SubjectModel=function(){function e(t){_classCallCheck(this,e),this.elements=t,this.storage=null,this.proxyMethods=null,this.eventDispatcher=new EventDispatcher,this._onMouseDown=this._onMouseDown.bind(this),this._onTouchStart=this._onTouchStart.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this._onTouchMove=this._onTouchMove.bind(this),this._onMouseUp=this._onMouseUp.bind(this),this._onTouchEnd=this._onTouchEnd.bind(this),this._animate=this._animate.bind(this)}return _createClass(e,[{key:"enable",value:function(e){this._processOptions(e),this._init(this.elements),this.proxyMethods.onInit.call(this,this.elements)}},{key:"disable",value:function(){throwNotImplementedError()}},{key:"_init",value:function(){throwNotImplementedError()}},{key:"_destroy",value:function(){throwNotImplementedError()}},{key:"_processOptions",value:function(){throwNotImplementedError()}},{key:"_start",value:function(){throwNotImplementedError()}},{key:"_moving",value:function(){throwNotImplementedError()}},{key:"_end",value:function(){throwNotImplementedError()}},{key:"_animate",value:function(){throwNotImplementedError()}},{key:"_drag",value:function(e){var t=e.element,r=e.dx,a=e.dy,o=_objectWithoutProperties(e,["element","dx","dy"]),n=_objectSpread2({dx:r,dy:a,transform:this._processMove(t,{dx:r,dy:a})},o);this.proxyMethods.onMove.call(this,n),this._emitEvent(E_DRAG$1,n)}},{key:"_draw",value:function(){this._animate()}},{key:"_onMouseDown",value:function(e){this._start(e),helper(document).on(E_MOUSEMOVE$1,this._onMouseMove).on(E_MOUSEUP$1,this._onMouseUp)}},{key:"_onTouchStart",value:function(e){this._start(e.touches[0]),helper(document).on(E_TOUCHMOVE$1,this._onTouchMove).on(E_TOUCHEND$1,this._onTouchEnd)}},{key:"_onMouseMove",value:function(e){e.preventDefault&&e.preventDefault(),this._moving(e)}},{key:"_onTouchMove",value:function(e){e.preventDefault&&e.preventDefault(),this._moving(e.touches[0])}},{key:"_onMouseUp",value:function(e){helper(document).off(E_MOUSEMOVE$1,this._onMouseMove).off(E_MOUSEUP$1,this._onMouseUp),this._end(e,this.elements)}},{key:"_onTouchEnd",value:function(e){helper(document).off(E_TOUCHMOVE$1,this._onTouchMove).off(E_TOUCHEND$1,this._onTouchEnd),0===e.touches.length&&this._end(e.changedTouches[0],this.elements)}},{key:"_emitEvent",value:function(){var e;(e=this.eventDispatcher).emit.apply(e,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"on",value:function(e,t){return this.eventDispatcher.addEventListener(e,t),this}},{key:"off",value:function(e,t){return this.eventDispatcher.removeEventListener(e,t),this}}]),e}(),throwNotImplementedError=function(){throw Error("Method not implemented")},RAD=Math.PI/180,DEG=180/Math.PI,snapCandidate=function(e,t){return 0===t?e:Math.round(e/t)*t},snapToGrid=function(e,t){if(0===t)return e;var r=snapCandidate(e,t);return r-e<t?r:void 0},floatToFixed=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:6;return Number(e.toFixed(t))},getMinMaxOfArray=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2,r=[],a=function(t){var a=e.map((function(e){return e[t]}));r.push([Math.min.apply(Math,_toConsumableArray(a)),Math.max.apply(Math,_toConsumableArray(a))])},o=0;o<t;o++)a(o);return r},getOffset=function(e){return e.getBoundingClientRect()},addClass=function(e,t){if(t){if(e.classList){if(!(t.indexOf(" ")>-1))return e.classList.add(t);t.split(/\s+/).forEach((function(t){return e.classList.add(t)}))}return e}},removeClass=function(e,t){if(t){if(e.classList){if(!(t.indexOf(" ")>-1))return e.classList.remove(t);t.split(/\s+/).forEach((function(t){return e.classList.remove(t)}))}return e}},objectsCollide=function(e,t){var r=getOffset(e),a=r.top,o=r.left,n=getOffset(t),i=n.top,s=n.left,l=helper(e),c=helper(t);return!(a<i||a+parseFloat(l.css("height"))>i+parseFloat(c.css("height"))||o<s||o+parseFloat(l.css("width"))>s+parseFloat(c.css("width")))},matrixToCSS=function(e){var t="matrix3d(".concat(e.join(),")");return{transform:t,webkitTranform:t,mozTransform:t,msTransform:t,otransform:t}},getStyle=function(e,t){var r,a=window.getComputedStyle(e),o=null,n=_createForOfIteratorHelper(CSS_PREFIXES);try{for(n.s();!(r=n.n()).done;){var i=r.value;if(o=a.getPropertyValue("".concat(i).concat(t))||o)break}}catch(e){n.e(e)}finally{n.f()}return o},getScrollOffset=function(){var e=document.documentElement;return{left:(window.pageXOffset||e.scrollLeft)-(e.clientLeft||0),top:(window.pageYOffset||e.scrollTop)-(e.clientTop||0)}},getElementOffset=function(e){for(var t=0,r=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-e.scrollLeft,r+=e.offsetTop-e.scrollTop,e=e.offsetParent;return{left:t,top:r}},NOTIFIER_EVENTS$1=NOTIFIER_CONSTANTS.NOTIFIER_EVENTS,ON_GETSTATE$2=NOTIFIER_CONSTANTS.ON_GETSTATE,ON_APPLY$2=NOTIFIER_CONSTANTS.ON_APPLY,ON_MOVE$2=NOTIFIER_CONSTANTS.ON_MOVE,ON_RESIZE$2=NOTIFIER_CONSTANTS.ON_RESIZE,ON_ROTATE$2=NOTIFIER_CONSTANTS.ON_ROTATE,EMITTER_EVENTS$1=EVENT_EMITTER_CONSTANTS.EMITTER_EVENTS,E_DRAG_START$1=EVENT_EMITTER_CONSTANTS.E_DRAG_START,E_DRAG$2=EVENT_EMITTER_CONSTANTS.E_DRAG,E_DRAG_END$1=EVENT_EMITTER_CONSTANTS.E_DRAG_END,E_RESIZE_START$1=EVENT_EMITTER_CONSTANTS.E_RESIZE_START,E_RESIZE$1=EVENT_EMITTER_CONSTANTS.E_RESIZE,E_RESIZE_END$1=EVENT_EMITTER_CONSTANTS.E_RESIZE_END,E_ROTATE_START$1=EVENT_EMITTER_CONSTANTS.E_ROTATE_START,E_ROTATE$1=EVENT_EMITTER_CONSTANTS.E_ROTATE,E_ROTATE_END$1=EVENT_EMITTER_CONSTANTS.E_ROTATE_END,E_SET_POINT$1=EVENT_EMITTER_CONSTANTS.E_SET_POINT,E_SET_POINT_END$1=EVENT_EMITTER_CONSTANTS.E_SET_POINT_END,TRANSFORM_HANDLES_KEYS$1=TRANSFORM_HANDLES_CONSTANTS.TRANSFORM_HANDLES_KEYS,TRANSFORM_EDGES_KEYS$1=TRANSFORM_HANDLES_CONSTANTS.TRANSFORM_EDGES_KEYS,E_MOUSEDOWN$1=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$1=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,E_MOUSEMOVE$2=CLIENT_EVENTS_CONSTANTS.E_MOUSEMOVE,E_MOUSEUP$2=CLIENT_EVENTS_CONSTANTS.E_MOUSEUP,E_TOUCHMOVE$2=CLIENT_EVENTS_CONSTANTS.E_TOUCHMOVE,E_TOUCHEND$2=CLIENT_EVENTS_CONSTANTS.E_TOUCHEND,TOP_LEFT=TRANSFORM_HANDLES_KEYS$1.TOP_LEFT,TOP_CENTER=TRANSFORM_HANDLES_KEYS$1.TOP_CENTER,TOP_RIGHT=TRANSFORM_HANDLES_KEYS$1.TOP_RIGHT,BOTTOM_LEFT=TRANSFORM_HANDLES_KEYS$1.BOTTOM_LEFT,BOTTOM_RIGHT=TRANSFORM_HANDLES_KEYS$1.BOTTOM_RIGHT,BOTTOM_CENTER=TRANSFORM_HANDLES_KEYS$1.BOTTOM_CENTER,MIDDLE_LEFT=TRANSFORM_HANDLES_KEYS$1.MIDDLE_LEFT,MIDDLE_RIGHT=TRANSFORM_HANDLES_KEYS$1.MIDDLE_RIGHT,TOP_EDGE=TRANSFORM_EDGES_KEYS$1.TOP_EDGE,BOTTOM_EDGE=TRANSFORM_EDGES_KEYS$1.BOTTOM_EDGE,LEFT_EDGE=TRANSFORM_EDGES_KEYS$1.LEFT_EDGE,RIGHT_EDGE=TRANSFORM_EDGES_KEYS$1.RIGHT_EDGE,keys=Object.keys,values=Object.values,Transformable=function(e){_inherits(r,SubjectModel);var t=_createSuper(r);function r(e,a,o){var n;if(_classCallCheck(this,r),(n=t.call(this,e)).constructor===r)throw new TypeError("Cannot construct Transformable instances directly");return n.observable=o,EMITTER_EVENTS$1.forEach((function(e){return n.eventDispatcher.registerEvent(e)})),_get(_getPrototypeOf(r.prototype),"enable",_assertThisInitialized(n)).call(_assertThisInitialized(n),a),n}return _createClass(r,[{key:"_cursorPoint",value:function(){throw Error("'_cursorPoint()' method not implemented")}},{key:"_rotate",value:function(e){var t=e.element,a=e.radians,o=_objectWithoutProperties(e,["element","radians"]),n=_objectSpread2({transform:this._processRotate(t,a),delta:a},o);this.proxyMethods.onRotate.call(this,n),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_ROTATE$1,n)}},{key:"_resize",value:function(e){var t=e.element,a=e.dx,o=e.dy,n=_objectWithoutProperties(e,["element","dx","dy"]),i=_objectSpread2({},this._processResize(t,{dx:a,dy:o}),{dx:a,dy:o},n);this.proxyMethods.onResize.call(this,i),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_RESIZE$1,i)}},{key:"_processOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.elements;_toConsumableArray(t).map((function(e){return addClass(e,"".concat(LIB_CLASS_PREFIX,"drag"))}));var r=e.each,a=void 0===r?{move:!1,resize:!1,rotate:!1}:r,o=e.snap,n=void 0===o?{x:10,y:10,angle:10}:o,i=e.axis,s=void 0===i?"xy":i,l=e.cursorMove,c=void 0===l?"auto":l,u=e.cursorResize,d=void 0===u?"auto":u,f=e.cursorRotate,h=void 0===f?"auto":f,_=e.rotationPoint,T=void 0!==_&&_,p=e.transformOrigin,y=void 0!==p&&p,v=e.restrict,E=e.draggable,m=void 0===E||E,x=e.resizable,g=void 0===x||x,b=e.rotatable,S=void 0===b||b,M=e.scalable,O=void 0!==M&&M,A=e.applyTranslate,N=void 0!==A&&A,R=e.onInit,C=void 0===R?noop:R,k=e.onDrop,I=void 0===k?noop:k,D=e.onMove,P=void 0===D?noop:D,w=e.onResize,V=void 0===w?noop:w,$=e.onRotate,G=void 0===$?noop:$,L=e.onDestroy,j=void 0===L?noop:L,F=e.container,H=void 0===F?t[0].parentNode:F,U=e.controlsContainer,B=void 0===U?H:U,Y=e.proportions,z=void 0!==Y&&Y,X=e.rotatorAnchor,W=void 0===X?null:X,Z=e.rotatorOffset,K=void 0===Z?50:Z,q=e.showNormal,Q=void 0===q||q,J=e.custom;this.options={axis:s,cursorMove:c,cursorRotate:h,cursorResize:d,rotationPoint:T,transformOrigin:y||T,restrict:v?helper(v)[0]||document.body:null,container:helper(H)[0],controlsContainer:helper(B)[0],snap:_objectSpread2({},n,{angle:n.angle*RAD}),each:a,proportions:z,draggable:m,resizable:g,rotatable:S,scalable:O,applyTranslate:N,custom:"object"===_typeof(J)&&J||null,rotatorAnchor:W,rotatorOffset:K,showNormal:Q,isGrouped:t.length>1},this.proxyMethods={onInit:createMethod(C),onDrop:createMethod(I),onMove:createMethod(P),onResize:createMethod(V),onRotate:createMethod(G),onDestroy:createMethod(j)},this.subscribe(a)}},{key:"_animate",value:function(){var e=this,t=this,a=t.observable,o=t.storage,n=t.options,i=t.elements;if(!isUndef(o)&&(o.frame=requestAnimFrame(t._animate),o.doDraw)){o.doDraw=!1;var s=o.dox,l=o.doy,c=o.clientX,u=o.clientY,d=o.relativeX,f=o.relativeY,h=o.doDrag,_=o.doResize,T=o.doRotate,p=o.doSetCenter,y=o.revX,v=o.revY,E=o.mouseEvent,m=o.data,x=n.snap,g=n.each,b=g.move,S=g.resize,M=g.rotate,O=n.draggable,A=n.resizable,N=n.rotatable,R=n.isGrouped,C=n.restrict;if(_&&A){var k=snapToGrid(c-d,x.x),I=snapToGrid(u-f,x.y),D=o.cached,P=o.cached,w=(P=void 0===P?{}:P).dist,V=(w=void 0===w?{}:w).dx,$=void 0===V?k:V,G=w.dy,L=void 0===G?I:G,j={dx:k,dy:I,clientX:c,clientY:u,mouseEvent:E},F=C?i.reduce((function(t,r){var a=m.get(r).transform.ctm,o=R?{x:k,y:I}:e._pointToTransform({x:k,y:I,matrix:a}),n=o.x,i=o.y,c=s?y?-n:n:0,u=l?v?-i:i:0,d=e._processResizeRestrict(r,{dx:c,dy:u}),f=d.x,h=d.y;return{x:null!==f&&null===t.x?k:t.x,y:null!==h&&null===t.y?I:t.y}}),{x:null,y:null}):{x:null,y:null},H=F.x,U=F.y,B=C&&(null!==H||null!==U),Y=B?$:k,z=B?L:I,X=_objectSpread2({},j,{dx:Y,dy:z,revX:y,revY:v,dox:s,doy:l});i.map((function(r){var a=m.get(r).transform.ctm,o=R?{x:Y,y:z}:e._pointToTransform({x:Y,y:z,matrix:a}),n=o.x,i=o.y,c=s?y?-n:n:0,u=l?v?-i:i:0;t._resize(_objectSpread2({},X,{element:r,dx:c,dy:u}))})),this.storage.cached=_objectSpread2({},D,{dist:{dx:Y,dy:z}}),this._processControlsResize({dx:Y,dy:z}),S&&a.notify(ON_RESIZE$2,t,X)}if(h&&O){var W=s?snapToGrid(c-d,x.x):0,Z=l?snapToGrid(u-f,x.y):0,K=o.cached,q=o.cached,Q=(q=void 0===q?{}:q).dist,J=(Q=void 0===Q?{}:Q).dx,ee=void 0===J?W:J,te=Q.dy,re=void 0===te?Z:te,ae={dx:W,dy:Z,clientX:c,clientY:u,mouseEvent:E},oe=C?i.reduce((function(t,r){var a=e._processMoveRestrict(r,ae),o=a.x,n=a.y;return{x:null===t.x&&C?o:t.x,y:null===t.y&&C?n:t.y}}),{x:null,y:null}):{x:null,y:null},ne=oe.x,ie=oe.y,se=null!==ne&&C?ee:W,le=null!==ie&&C?re:Z,ce=_objectSpread2({},ae,{dx:se,dy:le});this.storage.cached=_objectSpread2({},K,{dist:{dx:se,dy:le}}),i.map((function(t){return _get(_getPrototypeOf(r.prototype),"_drag",e).call(e,_objectSpread2({element:t},ce,{dx:se,dy:le}))})),this._processControlsMove({dx:se,dy:le}),b&&a.notify(ON_MOVE$2,t,ce)}if(T&&N){var ue=o.pressang,de=o.center,fe=Math.atan2(u-de.y,c-de.x),he=snapToGrid(fe-ue,x.angle);if(C)if(i.some((function(t){var r=e._processRotateRestrict(t,he),a=r.x,o=r.y;return null!==a||null!==o})))return;var _e={clientX:c,clientY:u,mouseEvent:E};i.map((function(e){return t._rotate(_objectSpread2({element:e,radians:he},_e))})),this._processControlsRotate({radians:he}),M&&a.notify(ON_ROTATE$2,t,_objectSpread2({radians:he},_e))}if(p&&N){var Te=o.bx,pe=o.by,ye=this._pointToControls({x:c,y:u}),ve=ye.x,Ee=ye.y;t._moveCenterHandle(ve-Te,Ee-pe)}}}},{key:"_start",value:function(e){var t=e.clientX,a=e.clientY,o=this.elements,n=this.observable,i=this.options,s=i.axis,l=i.each,c=this.storage,u=this.storage.handles,d=values(u).some((function(t){return helper(e.target).is(t)}))||o.some((function(t){return t.contains(e.target)}));if(c.isTarget=d,d){var f=this._compute(e,o);keys(f).map((function(e){return c[e]=f[e]}));var h=f.onRightEdge,_=f.onBottomEdge,T=f.onTopEdge,p=f.onLeftEdge,y=f.handle,v=f.factor,E=f.revX,m=f.revY,x=f.doW,g=f.doH,b=h||_||T||p,S=u.rotator,M=u.center,O=u.radius;isDef(O)&&removeClass(O,"".concat(LIB_CLASS_PREFIX,"hidden"));var A=y.is(S),N=!!isDef(M)&&y.is(M),R=d&&!(A||b||N),C={mouseEvent:e,clientX:t,clientY:a,doResize:b,doDrag:R,doRotate:A,doSetCenter:N,onExecution:!0,cursor:null,dox:/\x/.test(s)&&(!b||(y.is(u.ml)||y.is(u.mr)||y.is(u.tl)||y.is(u.tr)||y.is(u.bl)||y.is(u.br)||y.is(u.le)||y.is(u.re))),doy:/\y/.test(s)&&(!b||(y.is(u.br)||y.is(u.bl)||y.is(u.bc)||y.is(u.tr)||y.is(u.tl)||y.is(u.tc)||y.is(u.te)||y.is(u.be)))};this.storage=_objectSpread2({},c,{},C);var k={clientX:t,clientY:a};b?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_RESIZE_START$1,k):A?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_ROTATE_START$1,k):R&&_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_DRAG_START$1,k);var I=l.move,D=l.resize,P=l.rotate,w=b?E_RESIZE$1:A?E_ROTATE$1:E_DRAG$2,V=b&&D||A&&P||R&&I;n.notify(ON_GETSTATE$2,this,{clientX:t,clientY:a,actionName:w,triggerEvent:V,factor:v,revX:E,revY:m,doW:x,doH:g}),this._draw()}}},{key:"_moving",value:function(e){var t=this.storage,r=void 0===t?{}:t,a=this.options;if(r.isTarget){var o=this._cursorPoint(e),n=o.x,i=o.y;r.mouseEvent=e,r.clientX=n,r.clientY=i,r.doDraw=!0;var s=r.doRotate,l=r.doDrag,c=r.doResize,u=r.cursor,d=a.cursorMove,f=a.cursorResize,h=a.cursorRotate;isUndef(u)&&(l?u=d:s?u=h:c&&(u=f),helper(document.body).css({cursor:u}))}}},{key:"_end",value:function(e){var t=this,a=e.clientX,o=e.clientY,n=this.elements,i=this.options.each,s=this.observable,l=this.storage,c=l.doResize,u=l.doDrag,d=l.doRotate,f=l.doSetCenter,h=l.frame,_=l.handles.radius,T=l.isTarget,p=this.proxyMethods;if(T){var y=([{actionName:E_RESIZE$1,condition:c},{actionName:E_DRAG$2,condition:u},{actionName:E_ROTATE$1,condition:d},{actionName:E_SET_POINT$1,condition:f}].find((function(e){return e.condition}))||{}).actionName,v=void 0===y?E_DRAG$2:y;n.map((function(e){return t._applyTransformToElement(e,v)})),this._processActions(v),this._updateStorage();var E={clientX:a,clientY:o};p.onDrop.call(this,E),c?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_RESIZE_END$1,E):d?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_ROTATE_END$1,E):u?_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_DRAG_END$1,E):f&&_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,E_SET_POINT_END$1,E);var m=i.move,x=i.resize,g=i.rotate,b=c&&x||d&&g||u&&m;s.notify(ON_APPLY$2,this,{clientX:a,clientY:o,actionName:v,triggerEvent:b}),cancelAnimFrame(h),helper(document.body).css({cursor:"auto"}),isDef(_)&&addClass(_,"".concat(LIB_CLASS_PREFIX,"hidden"))}}},{key:"_compute",value:function(e,t){var r=this,a=this.storage,o=(a=void 0===a?{}:a).handles,n=a.data,i=helper(e.target),s=this._checkHandles(i,o),l=s.revX,c=s.revY,u=s.doW,d=s.doH,f=_objectWithoutProperties(s,["revX","revY","doW","doH"]),h=this._getCommonState(),_=this._cursorPoint(e),T=_.x,p=_.y,y=this._pointToControls({x:T,y:p},h.transform),v=y.x,E=y.y;t.map((function(e){var t=r._getElementState(e,{revX:l,revY:c,doW:u,doH:d}),a=t.transform,o=_objectWithoutProperties(t,["transform"]),i=r._pointToTransform({x:T,y:p,matrix:a.ctm}),s=i.x,f=i.y;n.set(e,_objectSpread2({},n.get(e),{},o,{transform:a,cx:s,cy:f}))}));var m=Math.atan2(p-h.center.y,T-h.center.x);return _objectSpread2({data:n},f,{handle:values(o).some((function(t){return helper(e.target).is(t)}))?i:helper(t[0]),pressang:m},h,{revX:l,revY:c,doW:u,doH:d,relativeX:T,relativeY:p,bx:v,by:E})}},{key:"_checkHandles",value:function(e,t){var r=function(r){return r.some((function(r){return a=t[r],!!isDef(a)&&e.is(a);var a}))};return{revX:r([TOP_LEFT,MIDDLE_LEFT,BOTTOM_LEFT,TOP_CENTER,LEFT_EDGE]),revY:r([TOP_LEFT,TOP_RIGHT,TOP_CENTER,MIDDLE_LEFT,TOP_EDGE]),onTopEdge:r([TOP_CENTER,TOP_RIGHT,TOP_LEFT,TOP_EDGE]),onLeftEdge:r([TOP_LEFT,MIDDLE_LEFT,BOTTOM_LEFT,LEFT_EDGE]),onRightEdge:r([TOP_RIGHT,MIDDLE_RIGHT,BOTTOM_RIGHT,RIGHT_EDGE]),onBottomEdge:r([BOTTOM_RIGHT,BOTTOM_CENTER,BOTTOM_LEFT,BOTTOM_EDGE]),doW:r([MIDDLE_LEFT,MIDDLE_RIGHT,LEFT_EDGE,RIGHT_EDGE]),doH:r([TOP_CENTER,BOTTOM_CENTER,BOTTOM_EDGE,TOP_EDGE])}}},{key:"_restrictHandler",value:function(e,t){for(var r=null,a=null,o=this.getBoundingRect(e,t),n=this._getRestrictedBBox(),i=_slicedToArray(getMinMaxOfArray(n),2),s=_slicedToArray(i[0],2),l=s[0],c=s[1],u=_slicedToArray(i[1],2),d=u[0],f=u[1],h=0,_=o.length;h<_;h++){var T=_slicedToArray(o[h],2),p=T[0],y=T[1];(p<l||p>c)&&(r=p),(y<d||y>f)&&(a=y)}return{x:r,y:a}}},{key:"_destroy",value:function(){var e=this,t=this.elements,r=this.storage,a=(r=void 0===r?{}:r).controls,o=r.wrapper;[].concat(_toConsumableArray(t),[a]).map((function(t){return helper(t).off(E_MOUSEDOWN$1,e._onMouseDown).off(E_TOUCHSTART$1,e._onTouchStart)})),o.parentNode.removeChild(o)}},{key:"_updateStorage",value:function(){var e=this.storage,t=this.storage,r=t.transformOrigin,a=t.transform,o=(a=void 0===a?{}:a).controlsMatrix,n=t.cached,i=(n=void 0===n?{}:n).transformOrigin,s=void 0===i?r:i,l=n.controlsMatrix,c=void 0===l?o:l;this.storage=_objectSpread2({},e,{doResize:!1,doDrag:!1,doRotate:!1,doSetCenter:!1,doDraw:!1,onExecution:!1,cursor:null,transformOrigin:s,controlsMatrix:c,cached:{}})}},{key:"notifyMove",value:function(e){var t=this,a=e.dx,o=e.dy;this.elements.map((function(e){return _get(_getPrototypeOf(r.prototype),"_drag",t).call(t,{element:e,dx:a,dy:o})})),this._processControlsMove({dx:a,dy:o})}},{key:"notifyRotate",value:function(e){var t=this,r=e.radians,a=_objectWithoutProperties(e,["radians"]),o=this.elements,n=this.options,i=(n=void 0===n?{}:n).snap.angle;o.map((function(e){return t._rotate(_objectSpread2({element:e,radians:snapToGrid(r,i)},a))})),this._processControlsRotate({radians:r})}},{key:"notifyResize",value:function(e){var t=this,r=e.dx,a=e.dy,o=e.revX,n=e.revY,i=e.dox,s=e.doy,l=this.elements,c=this.storage.data,u=this.options.isGrouped;l.map((function(e){var l=c.get(e).transform.ctm,d=u?{x:r,y:a}:t._pointToTransform({x:r,y:a,matrix:l}),f=d.x,h=d.y;t._resize({element:e,dx:i?o?-f:f:0,dy:s?n?-h:h:0})})),this._processControlsResize({dx:r,dy:a})}},{key:"notifyApply",value:function(e){var t=this,a=e.clientX,o=e.clientY,n=e.actionName,i=e.triggerEvent;this.proxyMethods.onDrop.call(this,{clientX:a,clientY:o}),i&&(this.elements.map((function(e){return t._applyTransformToElement(e,n)})),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,"".concat(n,"End"),{clientX:a,clientY:o}))}},{key:"notifyGetState",value:function(e){var t=this,a=e.clientX,o=e.clientY,n=e.actionName,i=e.triggerEvent,s=_objectWithoutProperties(e,["clientX","clientY","actionName","triggerEvent"]);if(i){var l=this.elements,c=this.storage.data;l.map((function(e){var r=t._getElementState(e,s);c.set(e,_objectSpread2({},c.get(e),{},r))}));var u=this._getCommonState();this.storage=_objectSpread2({},this.storage,{},u),_get(_getPrototypeOf(r.prototype),"_emitEvent",this).call(this,"".concat(n,"Start"),{clientX:a,clientY:o})}}},{key:"subscribe",value:function(e){var t=e.resize,r=e.move,a=e.rotate,o=this.observable;(r||t||a)&&o.subscribe(ON_GETSTATE$2,this).subscribe(ON_APPLY$2,this),r&&o.subscribe(ON_MOVE$2,this),t&&o.subscribe(ON_RESIZE$2,this),a&&o.subscribe(ON_ROTATE$2,this)}},{key:"unsubscribe",value:function(){var e=this,t=this.observable;NOTIFIER_EVENTS$1.map((function(r){return t.unsubscribe(r,e)}))}},{key:"disable",value:function(){var e=this.storage,t=this.proxyMethods,r=this.elements;isUndef(e)||(e.onExecution&&helper(document).off(E_MOUSEMOVE$2,this._onMouseMove).off(E_MOUSEUP$2,this._onMouseUp).off(E_TOUCHMOVE$2,this._onTouchMove).off(E_TOUCHEND$2,this._onTouchEnd),r.map((function(e){return removeClass(e,"".concat(LIB_CLASS_PREFIX,"drag"))})),this.unsubscribe(),this._destroy(),t.onDestroy.call(this,r),delete this.storage)}},{key:"exeDrag",value:function(e){var t=this,a=e.dx,o=e.dy,n=this.elements,i=this.options.draggable,s=this.storage,l=this.storage.data;if(i){var c=this._getCommonState();n.map((function(e){var r=t._getElementState(e,{revX:!1,revY:!1,doW:!1,doH:!1});l.set(e,_objectSpread2({},l.get(e),{},r))})),this.storage=_objectSpread2({},s,{},c),n.map((function(e){_get(_getPrototypeOf(r.prototype),"_drag",t).call(t,{element:e,dx:a,dy:o}),t._applyTransformToElement(e,E_DRAG$2)})),this._processControlsMove({dx:a,dy:o})}}},{key:"exeResize",value:function(e){var t=this,r=e.dx,a=e.dy,o=e.revX,n=void 0!==o&&o,i=e.revY,s=void 0!==i&&i,l=e.doW,c=void 0!==l&&l,u=e.doH,d=void 0!==u&&u,f=this.elements,h=this.options.resizable,_=this.storage,T=this.storage.data;if(h){var p=this._getCommonState();f.map((function(e){var r=t._getElementState(e,{revX:n,revY:s,doW:c,doH:d});T.set(e,_objectSpread2({},T.get(e),{},r))})),this.storage=_objectSpread2({},_,{},p),f.map((function(e){t._resize({element:e,dx:r,dy:a}),t._applyTransformToElement(e,E_RESIZE$1)})),this._processControlsMove({dx:r,dy:a})}}},{key:"exeRotate",value:function(e){var t=this,r=e.delta,a=this.elements,o=this.options.rotatable,n=this.storage,i=this.storage.data;if(o){var s=this._getCommonState();a.map((function(e){var r=t._getElementState(e,{revX:!1,revY:!1,doW:!1,doH:!1});i.set(e,_objectSpread2({},i.get(e),{},r))})),this.storage=_objectSpread2({},n,{},s),a.map((function(e){t._rotate({element:e,radians:r}),t._applyTransformToElement(e,E_ROTATE$1)})),this._processControlsRotate({radians:r})}}},{key:"setCenterPoint",value:function(){throw Error("'setCenterPoint()' method not implemented")}},{key:"resetCenterPoint",value:function(){warn('"resetCenterPoint" method is replaced by "resetTransformOrigin" and would be removed soon'),this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"setTransformOrigin",value:function(){throw Error("'setTransformOrigin()' method not implemented")}},{key:"resetTransformOrigin",value:function(){this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"controls",get:function(){return this.storage.wrapper}}]),r}(),cloneMatrix=function(e){return e.map((function(e){return _toConsumableArray(e)}))},flatMatrix=function(e){return e.reduce((function(t,r,a){return[].concat(_toConsumableArray(t),[e[0][a],e[1][a],e[2][a],e[3][a]])}),[])},createIdentityMatrix=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:4;return _toConsumableArray(Array(e)).map((function(e,t,r){return r.map((function(){return+!t--}))}))},createTranslateMatrix=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return createIdentityMatrix().map((function(a,o){return a[3]=[e,t,r,1][o],a}))},createScaleMatrix=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return createIdentityMatrix().map((function(o,n){return o[n]=[e,t,r,a][n],o}))},createRotateMatrix=function(e,t){var r=createIdentityMatrix();return r[0][0]=t,r[0][1]=-e,r[1][0]=e,r[1][1]=t,r},dropTranslate=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=t?cloneMatrix(e):e;return r[0][3]=r[1][3]=r[2][3]=0,r},multiplyMatrixAndPoint=function(e,t){for(var r=[],a=0,o=e.length;a<o;++a){for(var n=0,i=0;i<o;++i)n+=+e[a][i]*t[i];r[a]=n}return r},multiplyMatrix=function(e,t){for(var r=[],a=0;a<t.length;a++){r[a]=[];for(var o=0;o<e[0].length;o++){for(var n=0,i=0;i<e.length;i++)n+=e[i][o]*t[a][i];r[a].push(n)}}return r},matrixInvert=function(e){for(var t,r=cloneMatrix(e),a=r.length,o=[],n=0;n<a;n++)o[n]=[];for(var i=0;i<a;i++)for(var s=0;s<a;s++)o[i][s]=0,i==s&&(o[i][s]=1);for(var l=0;l<a;l++){t=r[l][l];for(var c=0;c<a;c++)r[l][c]/=t,o[l][c]/=t;for(var u=l+1;u<a;u++){t=r[u][l];for(var d=0;d<a;d++)r[u][d]-=r[l][d]*t,o[u][d]-=o[l][d]*t}}for(var f=a-1;f>0;f--)for(var h=f-1;h>=0;h--){t=r[h][f];for(var _=0;_<a;_++)r[h][_]-=r[f][_]*t,o[h][_]-=o[f][_]*t}for(var T=0;T<a;T++)for(var p=0;p<a;p++)r[T][p]=o[T][p];return r},computeTransformMatrix=function(e,t){var r=_slicedToArray(t,3),a=r[0],o=r[1],n=r[2],i=createTranslateMatrix(-a,-o,-n),s=createTranslateMatrix(a,o,n);return multiplyMatrix(multiplyMatrix(i,e),s)},getCurrentTransformMatrix=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.body,r=arguments.length>2?arguments[2]:void 0,a=createIdentityMatrix(),o=e,n=r||getTransform(o),i=!1;o&&o instanceof Element;){var s=getTransformOrigin(o,i);if(a=multiplyMatrix(a,computeTransformMatrix(n,s)),i=!0,o===t||null===o.offsetParent)break;o=o.offsetParent,n=getTransform(o)}return a},decompose=function(e){var t=Math.sqrt(e[0][0]*e[0][0]+e[1][0]*e[1][0]+e[2][0]*e[2][0]),r=Math.sqrt(e[0][1]*e[0][1]+e[1][1]*e[1][1]+e[2][1]*e[2][1]),a=Math.sqrt(e[0][2]*e[0][2]+e[1][2]*e[1][2]+e[2][2]*e[2][2]),o=Math.atan2(-e[0][3]/a,e[1][3]/a),n=Math.asin(e[3][1]/a),i=Math.atan2(-e[3][0]/r,e[0][0]/t);return 1!==e[0][1]&&-1!==e[0][1]||(o=0,n=e[0][1]*-Math.PI/2,i=e[0][1]*Math.atan2(e[1][1]/r,e[0][1]/r)),{rotate:{x:o,y:n,z:i},translate:{x:e[0][3]/t,y:e[1][3]/r,z:e[2][3]/a},scale:{sX:t,sY:r,sZ:a}}},getTransform=function(e){var t=getStyle(e,"transform")||"none",r=createIdentityMatrix();if("none"===t)return r;var a=t.split(/\s*[(),]\s*/).slice(1,-1);if(16!==a.length)return[[+a[0],+a[2],0,+a[4]],[+a[1],+a[3],0,+a[5]],[0,0,1,0],[0,0,0,1]];for(var o=0;o<4;++o)for(var n=0;n<4;++n)r[n][o]=+a[4*o+n];return r},getTransformOrigin=function(e,t){for(var r=getStyle(e,"transform-origin"),a=r?r.split(" "):[],o=[t?-e.clientLeft:0,t?-e.clientTop:0,0,1],n=0;n<a.length;++n)o[n]+=parseFloat(a[n]);return o},getAbsoluteOffset=function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.body,r=0,a=0,o=e,n=!1;o&&o.offsetParent;){var i=getCurrentTransformMatrix(o.offsetParent),s=multiplyMatrixAndPoint(dropTranslate(i,!1),[o.offsetLeft+(n?o.clientLeft:0),o.offsetTop+(n?o.clientTop:0),0,1]),l=_slicedToArray(s,2),c=l[0],u=l[1];if(a+=c,r+=u,t===o)break;n=!0,o=o.offsetParent}return[a,r,0,1]},E_MOUSEDOWN$2=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$2=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,keys$1=Object.keys,entries=Object.entries,values$1=Object.values,Draggable=function(e){_inherits(r,Transformable);var t=_createSuper(r);function r(){return _classCallCheck(this,r),t.apply(this,arguments)}return _createClass(r,[{key:"_init",value:function(e){var t=this,r=this.options,a=r.transformOrigin,o=r.container,n=r.controlsContainer,i=r.resizable,s=r.rotatable,l=r.showNormal,c=r.restrict,u=createElement(["sjx-wrapper"]),d=createElement(["sjx-controls"]),f={},h=this._getVertices(),_=h.rotator,T=void 0===_?null:_,p=h.anchor,y=void 0===p?null:p,v=_objectWithoutProperties(h,["rotator","anchor"]),E={};if(s){var m=l?renderLine([[y.x,y.y],T],"normal"):null;l&&d.appendChild(m);var x=null;a&&(x=renderLine([v.center,v.center],"radius"),addClass(x,"sjx-hidden"),d.appendChild(x)),E=_objectSpread2({},E,{normal:m,radius:x})}var g={te:[v.tl,v.tr],be:[v.bl,v.br],le:[v.tl,v.bl],re:[v.tr,v.br]},b=i?{tl:v.tl,tr:v.tr,br:v.br,bl:v.bl,tc:v.tc,bc:v.bc,ml:v.ml,mr:v.mr}:{},S=Array.isArray(a)?[].concat(_toConsumableArray(a),[0,1]):v.center,M=_objectSpread2({},b,{center:a&&s?S:void 0,rotator:T}),O=function(e,t){return keys$1(e).map((function(r){var a=e[r];if(!isUndef(a)){var o=t(a,r);f[r]=o,d.appendChild(o)}}))};O(g,renderLine),O(M,createHandler),u.appendChild(d),n.appendChild(u);var A=new WeakMap;e.map((function(e){return A.set(e,{parent:e.parentNode,transform:{ctm:getCurrentTransformMatrix(e,o)},bBox:t._getBBox(),__data__:new WeakMap,cached:{}})}));var N=c||o;this.storage={wrapper:u,controls:d,handles:_objectSpread2({},f,{},E),data:A,center:{isShifted:Array.isArray(a)},transformOrigin:S,transform:{containerMatrix:getCurrentTransformMatrix(N,N.parentNode)},cached:{}},[].concat(_toConsumableArray(e),[d]).map((function(e){return helper(e).on(E_MOUSEDOWN$2,t._onMouseDown).on(E_TOUCHSTART$2,t._onTouchStart)}))}},{key:"_pointToTransform",value:function(e){var t=e.x,r=e.y,a=e.matrix,o=matrixInvert(a);return this._applyMatrixToPoint(dropTranslate(o,!1),t,r)}},{key:"_pointToControls",value:function(e){var t=e.x,r=e.y,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.storage.transform,o=a.controlsMatrix,n=matrixInvert(o);return this._applyMatrixToPoint(dropTranslate(n,!1),t,r)}},{key:"_applyMatrixToPoint",value:function(e,t,r){var a=_slicedToArray(multiplyMatrixAndPoint(e,[t,r,0,1]),2);return{x:a[0],y:a[1]}}},{key:"_cursorPoint",value:function(e){var t=e.clientX,r=e.clientY,a=this.options.container,o=getCurrentTransformMatrix(a),n=getElementOffset(a),i=getScrollOffset(),s=i.left,l=i.top,c=createTranslateMatrix(n.left-s,n.top-l);return this._applyMatrixToPoint(matrixInvert(multiplyMatrix(o,c)),t,r)}},{key:"_getRestrictedBBox",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.storage.transform.containerMatrix,r=this.options,a=r.restrict,o=r.container,n=a||o;return _getBoundingRect(n,o,e?getCurrentTransformMatrix(n,o):t)}},{key:"_applyTransformToElement",value:function(e){var t=this.storage,r=t.controls,a=t.data,o=this.options.applyTranslate,n=a.get(e),i=n.cached,s=n.transform.matrix,l=helper(r);if(!isUndef(i)&&o){var c=helper(e),u=i.dx,d=i.dy,f=matrixToCSS(s),h=parseFloat(e.style.left||c.css("left")),_=parseFloat(e.style.top||c.css("top"));f.left="".concat(h+u,"px"),f.top="".concat(_+d,"px"),c.css(f),l.css(f)}}},{key:"_processActions",value:function(){}},{key:"_processResize",value:function(e,t){var r,a,o,n,i,s,l=t.dx,c=t.dy,u=this.storage,d=u.revX,f=u.revY,h=u.doW,_=u.doH,T=u.data,p=u.bBox,y=p.width,v=p.height,E=this.options,m=E.proportions,x=E.scalable,g=T.get(e),b=g.transform,S=b.matrix,M=b.auxiliary.scale.translateMatrix,O=g.cached,A=_slicedToArray(function(e,t){var r=h||!h&&!_?(y+e)/y:(v+t)/v,a=m?y*r:y+e,o=m?v*r:v+t;return[a/y,o/v,a,o]}(l,c),4),N=A[0],R=A[1],C=A[2],k=A[3],I=function(e,t){var r=createScaleMatrix(e,t);return multiplyMatrix(multiplyMatrix(M,r),matrixInvert(M))}(N,R),D=x?multiplyMatrix(I,S):(a=S,o=(r=I)[0][3],n=r[1][3],i=createTranslateMatrix(o,n),s=createTranslateMatrix(o*(d?-1:1),n*(f?-1:1)),multiplyMatrix(multiplyMatrix(s,a),matrixInvert(i)));return C<=MIN_SIZE||k<=MIN_SIZE?{transform:D,width:C,height:k}:(this._updateElementView(e,_objectSpread2({},matrixToCSS(flatMatrix(D)),{},!x&&{width:"".concat(C,"px"),height:"".concat(k,"px")})),T.set(e,_objectSpread2({},g,{cached:_objectSpread2({},O,{dx:l,dy:c,bBox:{width:C,height:k}})})),{transform:D,width:C,height:k})}},{key:"_processMove",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data,n=o.get(e),i=n.transform,s=i.matrix,l=i.auxiliary.translate.parentMatrix,c=n.cached,u=void 0===c?{}:c,d=_slicedToArray(multiplyMatrixAndPoint(l,[r,a,0,1]),2),f=d[0],h=d[1],_=multiplyMatrix(s,createTranslateMatrix(f,h)),T=matrixToCSS(flatMatrix(_));return this._updateElementView(e,T),o.set(e,_objectSpread2({},n,{cached:_objectSpread2({},u,{dist:{dx:floatToFixed(r),dy:floatToFixed(a),ox:floatToFixed(f),oy:floatToFixed(h)}})})),_}},{key:"_processRotate",value:function(e,t){var r=this.storage.data,a=this.options.restrict,o=r.get(e).transform,n=o.matrix,i=o.auxiliary.rotate.translateMatrix,s=floatToFixed(Math.cos(t),4),l=floatToFixed(Math.sin(t),4),c=createRotateMatrix(l,s),u=multiplyMatrix(multiplyMatrix(matrixInvert(i),c),i),d=multiplyMatrix(n,u),f=a?this._restrictHandler(d):{x:null,y:null},h=f.x,_=f.y;return isDef(h)||isDef(_)?d:(this._updateElementView(e,matrixToCSS(flatMatrix(d))),d)}},{key:"_getElementState",value:function(e,t){var r=t.revX,a=t.revY,o=t.doW,n=t.doH,i=this.storage,s=i.handles.center,l=i.data,c=i.transformOrigin,u=this.options,d=u.container,f=u.scalable,h=l.get(e).parent,_=_slicedToArray(getAbsoluteOffset(e,d),2),T=_[0],p=_[1],y=e.offsetLeft,v=e.offsetTop,E=e.offsetWidth,m=e.offsetHeight,x=getTransform(e),g=getCurrentTransformMatrix(e,d),b=getCurrentTransformMatrix(h,d),S=E/2,M=m/2,O=_slicedToArray(multiplyMatrixAndPoint(g,[S,M,0,1]),2),A=n?0:r?-S:S,N=o?0:a?-M:M,R=O[0]+T,C=O[1]+p,k=s?getTransform(s):createIdentityMatrix(),I=_slicedToArray(multiplyMatrixAndPoint(multiplyMatrix(matrixInvert(dropTranslate(g)),dropTranslate(k)),[c[0]-R,c[1]-C,0,1]),2),D=I[0],P=I[1],w=_slicedToArray(multiplyMatrixAndPoint(x,[D,P,0,1]),2),V=w[0],$=w[1],G=decompose(getCurrentTransformMatrix(e,e.parentNode)).scale,L=G.sX,j=G.sY;return{transform:{auxiliary:{scale:{translateMatrix:f?createTranslateMatrix(A,N):createTranslateMatrix(n?0:S,o?0:M)},translate:{parentMatrix:matrixInvert(dropTranslate(b))},rotate:{translateMatrix:createTranslateMatrix(V,$)}},scaleX:A,scaleY:N,matrix:x,ctm:g,parentMatrix:b,scX:L,scY:j},bBox:{width:E,height:m,left:y,top:v,offset:{left:T,top:p}}}}},{key:"_getCommonState",value:function(){var e=this.elements,t=this.storage,r=t.controls,a=t.handles.center,o=t.center,n=t.wrapper,i=this.options,s=i.container,l=i.restrict,c=_slicedToArray(getAbsoluteOffset(e[0],s),2),u=c[0],d=c[1],f=getCurrentTransformMatrix(e[0],s),h=l||s,_=getCurrentTransformMatrix(h,h.parentNode),T=this._getBBox(),p=T.width,y=T.height,v=_slicedToArray(multiplyMatrixAndPoint(f,[p/2,y/2,0,1]),2),E=v[0]+u,m=v[1]+d,x=a?getTransform(a):createIdentityMatrix();return{transform:{controlsMatrix:getCurrentTransformMatrix(r,r.parentNode),containerMatrix:_,wrapperMatrix:getCurrentTransformMatrix(n,s)},bBox:_objectSpread2({},this._getBBox()),center:_objectSpread2({},o,{x:E,y:m,matrix:x})}}},{key:"_getBBox",value:function(){var e=_slicedToArray(this.elements,1)[0],t=this.options,r=t.isGrouped,a=t.container;if(r)return this._getGroupBbox();var o=_slicedToArray(getAbsoluteOffset(e,a),2),n=o[0],i=o[1];return{x:e.offsetLeft,y:e.offsetTop,width:e.offsetWidth,height:e.offsetHeight,offset:{left:n,top:i}}}},{key:"_processControlsResize",value:function(){var e=this._applyTransformToHandles().center,t=this.storage.transform.controlsMatrix;e&&(this.storage=_objectSpread2({},this.storage,{cached:{transformOrigin:multiplyMatrixAndPoint(t,e)}}))}},{key:"_processControlsMove",value:function(e){var t=e.dx,r=e.dy,a=this.storage,o=a.transform,n=o.controlsMatrix,i=o.wrapperMatrix,s=a.center,l=a.transformOrigin,c=multiplyMatrix(n,createTranslateMatrix(t,r));this._updateControlsView(c);var u=dropTranslate(matrixInvert(i)),d=_slicedToArray(multiplyMatrixAndPoint(u,[t,r,0,1]),2),f=d[0],h=d[1];if(s.isShifted)this._moveCenterHandle(-f,-h,!1);else{var _=createTranslateMatrix(f,h);this.storage=_objectSpread2({},this.storage,{cached:{transformOrigin:multiplyMatrixAndPoint(_,l)}})}}},{key:"_processControlsRotate",value:function(){this._applyTransformToHandles()}},{key:"_moveCenterHandle",value:function(e,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=this.storage,o=a.handles.center,n=a.center.matrix,i=a.center,s=a.transformOrigin,l=createTranslateMatrix(e,t),c=multiplyMatrix(n,l);helper(o).css(_objectSpread2({},matrixToCSS(flatMatrix(c)))),this.storage=_objectSpread2({},this.storage,{center:_objectSpread2({},i,{isShifted:!0})},r?{cached:{transformOrigin:multiplyMatrixAndPoint(l,s)}}:{})}},{key:"_processMoveRestrict",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data.get(e).transform,n=o.matrix,i=o.auxiliary.translate.parentMatrix,s=_slicedToArray(multiplyMatrixAndPoint(i,[r,a,0,1]),2),l=s[0],c=s[1],u=multiplyMatrix(n,createTranslateMatrix(l,c));return this._restrictHandler(u)}},{key:"_processRotateRestrict",value:function(e,t){var r=this.storage.data.get(e).transform,a=r.matrix,o=r.auxiliary.rotate.translateMatrix,n=floatToFixed(Math.cos(t),4),i=floatToFixed(Math.sin(t),4),s=createRotateMatrix(i,n),l=multiplyMatrix(multiplyMatrix(matrixInvert(o),s),o),c=multiplyMatrix(a,l);return this._restrictHandler(c)}},{key:"_processResizeRestrict",value:function(e,t){var r,a,o,n,i,s,l,c,u,d,f,h,_=t.dx,T=t.dy,p=this.storage,y=p.revX,v=p.revY,E=p.doW,m=p.doH,x=p.data,g=p.bBox,b=g.width,S=g.height,M=this.options,O=M.proportions,A=M.scalable,N=x.get(e).transform,R=N.matrix,C=N.auxiliary.scale.translateMatrix,k=_slicedToArray((r=_,a=T,o=E||!E&&!m?(b+r)/b:(S+a)/S,[(n=O?b*o:b+r)/b,(i=O?S*o:S+a)/S,n,i]),2),I=k[0],D=k[1],P=(s=createScaleMatrix(I,D),multiplyMatrix(multiplyMatrix(C,s),matrixInvert(C))),w=A?multiplyMatrix(P,R):(c=R,u=(l=P)[0][3],d=l[1][3],f=createTranslateMatrix(u,d),h=createTranslateMatrix(u*(y?-1:1),d*(v?-1:1)),multiplyMatrix(multiplyMatrix(h,c),matrixInvert(f)));return this._restrictHandler(w)}},{key:"_updateElementView",value:function(e,t){helper(e).css(t)}},{key:"_updateControlsView",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createIdentityMatrix(),t=matrixToCSS(flatMatrix(e));helper(this.storage.controls).css(t),this.storage.cached.controlsMatrix=e}},{key:"_getVertices",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createIdentityMatrix(),t=this.elements,r=_slicedToArray(t=void 0===t?[]:t,1),a=r[0],o=this.options,n=o.isGrouped,i=o.rotatable,s=o.rotatorAnchor,l=o.rotatorOffset,c=n?this._getGroupVertices():this._getElementVertices(a,e),u=null;if(i){var d={},f=1;switch(s){case"n":d.x=c.tc[0],d.y=c.tc[1];break;case"s":d.x=c.bc[0],d.y=c.bc[1],f=-1;break;case"w":d.x=c.ml[0],d.y=c.ml[1],f=-1;break;case"e":default:d.x=c.mr[0],d.y=c.mr[1]}var h="n"===s||"s"===s?Math.atan2(c.bl[1]-c.tl[1],c.bl[0]-c.tl[0]):Math.atan2(c.tl[1]-c.tr[1],c.tl[0]-c.tr[0]);u=[d.x-l*f*Math.cos(h),d.y-l*f*Math.sin(h)],c.rotator=u,c.anchor=d}return c}},{key:"_getElementVertices",value:function(e,t){var r=this.options,a=r.container,o=r.isGrouped,n=_slicedToArray(getAbsoluteOffset(e,a),2),i=n[0],s=n[1],l=e.offsetWidth,c=e.offsetHeight,u={tl:[0,0,0,1],bl:[0,c,0,1],br:[l,c,0,1],tr:[l,0,0,1],tc:[l/2,0,0,1],ml:[0,c/2,0,1],bc:[l/2,c,0,1],mr:[l,c/2,0,1],center:[l/2,c/2,0,1]},d=o?t:multiplyMatrix(getCurrentTransformMatrix(e,a),t);return entries(u).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=r[1];return[].concat(_toConsumableArray(e),[[a,multiplyMatrixAndPoint(d,o)]])}),[]).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=_slicedToArray(r[1],4),n=o[0],l=o[1],c=o[2],u=o[3];return e[a]=[n+i,l+s,c,u],e}),{})}},{key:"_getGroupVertices",value:function(){var e=this._getGroupBbox(),t=e.x,r=e.y,a=e.width,o=e.height,n=a/2,i=o/2;return{tl:[t,r],tr:[t+a,r],mr:[t+a,r+i],ml:[t,r+i],tc:[t+n,r],bc:[t+n,r+o],br:[t+a,r+o],bl:[t,r+o],center:[t+n,r+i]}}},{key:"_getGroupBbox",value:function(){var e=this.elements,t=this.options.container,r=e.reduce((function(e,r){var a=_slicedToArray(getAbsoluteOffset(r,t),2),o=a[0],n=a[1],i=r.offsetWidth,s=r.offsetHeight,l=[[0,0,0,1],[0,s,0,1],[i,s,0,1],[i,0,0,1]],c=getCurrentTransformMatrix(r,t),u=l.reduce((function(e,t){return[].concat(_toConsumableArray(e),[multiplyMatrixAndPoint(c,t)])}),[]).map((function(e){var t=_slicedToArray(e,4),r=t[0],a=t[1],i=t[2],s=t[3];return[r+o,a+n,i,s]}));return[].concat(_toConsumableArray(e),[u])}),[]),a=_slicedToArray(getMinMaxOfArray(r.reduce((function(e,t){return[].concat(_toConsumableArray(e),_toConsumableArray(t))}),[])),2),o=_slicedToArray(a[0],2),n=o[0],i=o[1],s=_slicedToArray(a[1],2),l=s[0];return{x:n,y:l,width:i-n,height:s[1]-l}}},{key:"_getElementBBox",value:function(e){var t=this.options.container,r=_slicedToArray(getAbsoluteOffset(e,t),2),a=r[0],o=r[1],n=e.offsetWidth,i=e.offsetHeight,s=[[0,0,0,1],[0,i,0,1],[n,i,0,1],[n,0,0,1]],l=getCurrentTransformMatrix(e,t),c=s.reduce((function(e,t){return[].concat(_toConsumableArray(e),[multiplyMatrixAndPoint(l,t)])}),[]).map((function(e){var t=_slicedToArray(e,4),r=t[0],n=t[1],i=t[2],s=t[3];return[r+a,n+o,i,s]})),u=_slicedToArray(getMinMaxOfArray(c),2),d=_slicedToArray(u[0],2),f=d[0],h=d[1],_=_slicedToArray(u[1],2),T=_[0];return{x:f,y:T,width:h-f,height:_[1]-T}}},{key:"_applyTransformToHandles",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.boxMatrix,r=void 0===t?createIdentityMatrix():t,a=this.options,o=a.rotatable,n=a.resizable,i=a.showNormal,s=this.storage,l=s.handles,c=s.controls,u=s.center,d=(u=void 0===u?{}:u).isShifted,f=void 0!==d&&d,h=s.transform,_=(h=void 0===h?{}:h).controlsMatrix,T=void 0===_?getCurrentTransformMatrix(c,c.parentNode):_,p=multiplyMatrix(r,matrixInvert(T)),y=this._getVertices(p),v=y.anchor,E=void 0===v?null:v,m=y.center,x=_objectWithoutProperties(y,["anchor","center"]),g=null,b={};o&&(g=i?[[E.x,E.y],x.rotator]:null,b={rotator:x.rotator});var S=_objectSpread2({te:[x.tl,x.tr],be:[x.bl,x.br],le:[x.tl,x.bl],re:[x.tr,x.br]},i&&g&&{normal:g});keys$1(S).forEach((function(e){var t=_slicedToArray(S[e],2),r=t[0],a=t[1],o=getLineAttrs(r,a),n=o.cx,i=o.cy,s=o.length,c=o.theta;helper(l[e]).css({transform:"translate(".concat(n,"px, ").concat(i,"px) rotate(").concat(c,"deg)"),width:"".concat(s,"px")})}));var M=_objectSpread2({},n&&x,{},b,{},!f&&Boolean(m)&&{center:m});return keys$1(M).reduce((function(e,t){var r=l[t],a=M[t];if(e[t]=a,isUndef(a)||isUndef(r))return e;var o=_slicedToArray(a,2),n=o[0],i=o[1];return helper(r).css({transform:"translate(".concat(n,"px, ").concat(i,"px)")}),e}),{})}},{key:"setCenterPoint",value:function(){warn('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.x,r=e.y,a=e.dx,o=e.dy,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.elements,s=_slicedToArray(i=void 0===i?[]:i,1),l=s[0],c=this.storage,u=this.storage,d=(u=void 0===u?{}:u).wrapper,f=u.handles.center,h=u.center,_=this.options,T=(_=void 0===_?{}:_).container,p=isDef(a)&&isDef(o),y=isDef(t)&&isDef(r);if(f&&h&&(p||y)){var v,E,m=multiplyMatrix(getCurrentTransformMatrix(l,T),matrixInvert(getCurrentTransformMatrix(d,d.parentNode))),x=getAbsoluteOffset(l,T),g=_slicedToArray(x,2),b=g[0],S=g[1];if(p){var M=l.offsetHeight,O=l.offsetWidth,A=O/2-a,N=M/2-o,R=multiplyMatrixAndPoint(m,[A,N,0,1]),C=_slicedToArray(R,2);v=C[0],E=C[1]}else v=t,E=r;helper(f).css({transform:"translate(".concat(v+b,"px, ").concat(E+S,"px)")}),h.isShifted=n,c.transformOrigin=multiplyMatrixAndPoint(createIdentityMatrix(),[v,E,0,1])}}},{key:"fitControlsToSize",value:function(){var e=this.storage,t=e.controls,r=e.center,a=(r=void 0===r?{}:r).isShifted,o=_slicedToArray(e.transformOrigin,2),n=o[0],i=o[1],s=getCurrentTransformMatrix(t,t.parentNode),l=_slicedToArray(multiplyMatrixAndPoint(s,[n,i,0,1]),2),c=l[0],u=l[1],d=[{nextValues:function(){return{x:c,y:u}},pin:!0,condition:function(){return a}},{nextValues:function(){return{dx:0,dy:0}},pin:!1,condition:function(){return!a}}].find((function(e){return(0,e.condition)()})),f=d.nextValues,h=d.pin;this._updateControlsView(),this.setTransformOrigin(_objectSpread2({},f()),h),this._applyTransformToHandles()}},{key:"getBoundingRect",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=this.elements,r=_slicedToArray(t=void 0===t?[]:t,1),a=r[0],o=this.options,n=o.scalable,i=o.restrict,s=o.container,l=this.storage,c=l.bBox,u=l.bBox,d=(u=void 0===u?{}:u).width,f=u.height,h=l.cached,_=(h=void 0===h?{}:h).bBox,T=(_=void 0===_?{}:_).width,p=void 0===T?d:T,y=_.height,v=void 0===y?f:y,E=n?c:_objectSpread2({},c,{width:p,height:v}),m=i||s;return _getBoundingRect(a,m,getCurrentTransformMatrix(a,m,e),E)}},{key:"applyAlignment",value:function(e){var t=this,r=this.elements,a=this.options.container,o=this._getVertices(),n=(o.anchor,o.rotator,o.center,_objectWithoutProperties(o,["anchor","rotator","center"])),i=this._getRestrictedBBox(!0),s=values$1(n),l=_slicedToArray(getMinMaxOfArray(i),2),c=_slicedToArray(l[0],2),u=c[0],d=c[1],f=_slicedToArray(l[1],2),h=f[0],_=f[1],T=_slicedToArray(getMinMaxOfArray(s),2),p=_slicedToArray(T[0],2),y=p[0],v=p[1],E=_slicedToArray(T[1],2),m=E[0],x=E[1],g=_slicedToArray(multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(r[0].parentNode,a))),[function(){switch(!0){case/[l]/.test(e):return u-y;case/[r]/.test(e):return d-v;case/[h]/.test(e):return(d+u)/2-(v+y)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(e):return h-m;case/[b]/.test(e):return _-x;case/[v]/.test(e):return(_+h)/2-(x+m)/2;default:return 0}}(),0,1]),2),b=g[0],S=g[1],M=multiplyMatrix(getTransform(r[0]),createTranslateMatrix(b,S));r.map((function(e){return t._updateElementView(e,matrixToCSS(flatMatrix(M)))})),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var e=this.elements,t=_slicedToArray(e=void 0===e?[]:e,1)[0],r=this.options.isGrouped?this._getGroupVertices():this._getElementVertices(t,createIdentityMatrix()),a=r.tl,o=r.tr,n=r.br;return{x:floatToFixed(a[0]),y:floatToFixed(a[1]),width:floatToFixed(Math.sqrt(Math.pow(a[0]-o[0],2)+Math.pow(a[1]-o[1],2))),height:floatToFixed(Math.sqrt(Math.pow(o[0]-n[0],2)+Math.pow(o[1]-n[1],2))),rotation:floatToFixed(Math.atan2(o[1]-a[1],o[0]-a[0])*DEG)}}}]),r}(),createHandler=function(e){var t=_slicedToArray(e,2),r=t[0],a=t[1],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"handler",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=createElement(["sjx-hdl","sjx-hdl-".concat(o)]);return helper(i).css(_objectSpread2({transform:"translate(".concat(r,"px, ").concat(a,"px)")},n)),i},renderLine=function(e,t){var r=_slicedToArray(e,3),a=r[0],o=r[1],n=r[2],i=void 0===n?1:n,s=getLineAttrs(a,o,i),l=s.cx,c=s.cy,u=s.length,d=s.theta,f=createElement(["sjx-hdl-line","sjx-hdl-".concat(t)]);return helper(f).css({transform:"translate(".concat(l,"px, ").concat(c,"px) rotate(").concat(d,"deg)"),height:"".concat(i,"px"),width:"".concat(u,"px")}),f},getLineAttrs=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=_slicedToArray(e,2),o=a[0],n=a[1],i=_slicedToArray(t,2),s=i[0],l=i[1],c=Math.sqrt((s-o)*(s-o)+(l-n)*(l-n)),u=(o+s)/2-c/2,d=(n+l)/2-r/2,f=Math.atan2(n-l,o-s)*(180/Math.PI);return{cx:u,cy:d,thickness:r,theta:f,length:c}},_getBoundingRect=function(e,t,r,a){var o=_slicedToArray(getAbsoluteOffset(e,t),2),n=o[0],i=o[1],s=a||{width:e.offsetWidth,height:e.offsetHeight,offset:{left:n,top:i}},l=s.width,c=s.height,u=s.offset,d=(u=void 0===u?{}:u).left,f=u.top;return[[0,0,0,1],[l,0,0,1],[0,c,0,1],[l,c,0,1]].reduce((function(e,t){return[].concat(_toConsumableArray(e),[multiplyMatrixAndPoint(r,t)])}),[]).map((function(e){var t=_slicedToArray(e,4),r=t[0],a=t[1],o=t[2],n=t[3];return[r+d,a+f,o,n]}))},createElement=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=document.createElement("div");return e.forEach((function(e){return addClass(t,e)})),t},sepRE=/\s*,\s*|\s+/g,allowedElements=["circle","ellipse","image","line","path","polygon","polyline","rect","text","g","foreignobject","use"];function createSVGElement(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=document.createElementNS("http://www.w3.org/2000/svg",e);return t.forEach((function(e){return addClass(r,e)})),r}var createSVGPoint=function(e,t){var r=createSVGElement("svg").createSVGPoint();return r.x=e,r.y=t,r},checkChildElements=function e(t){var r=[];return isSVGGroup(t)?forEach.call(t.childNodes,(function(t){if(1===t.nodeType){var a=t.tagName.toLowerCase();-1!==allowedElements.indexOf(a)&&("g"===a&&r.push.apply(r,_toConsumableArray(e(t))),r.push(t))}})):r.push(t),r},createSVGMatrix=function(){return createSVGElement("svg").createSVGMatrix()},createTranslateMatrix$1=function(e,t){var r=createSVGMatrix();return r.e=e,r.f=t,r},createRotateMatrix$1=function(e,t){var r=createSVGMatrix();return r.a=t,r.b=e,r.c=-e,r.d=t,r},createScaleMatrix$1=function(e,t){var r=createSVGMatrix();return r.a=e,r.d=t,r},getTransformToElement=function(e,t){return(t.getScreenCTM&&t.getScreenCTM()||createSVGMatrix()).inverse().multiply(e.getScreenCTM()||createSVGMatrix())},matrixToString=function(e){var t=e.a,r=e.b,a=e.c,o=e.d,n=e.e,i=e.f;return"matrix(".concat(t,",").concat(r,",").concat(a,",").concat(o,",").concat(n,",").concat(i,")")},pointTo=function(e,t,r){return createSVGPoint(t,r).matrixTransform(e)},cloneMatrix$1=function(e){var t=createSVGMatrix();return t.a=e.a,t.b=e.b,t.c=e.c,t.d=e.d,t.e=e.e,t.f=e.f,t},isIdentity=function(e){var t=e.a,r=e.b,a=e.c,o=e.d,n=e.e,i=e.f;return 1===t&&0===r&&0===a&&1===o&&0===n&&0===i},checkElement=function(e){var t=e.tagName.toLowerCase();return-1!==allowedElements.indexOf(t)||(warn('Selected element "'.concat(t,'" is not allowed to transform. Allowed elements:\n\n            circle, ellipse, image, line, path, polygon, polyline, rect, text, g')),!1)},isSVGGroup=function(e){return"g"===e.tagName.toLowerCase()},normalizeString=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.replace(/[\n\r]/g,"").replace(/([^e])-/g,"$1 -").replace(/ +/g," ").replace(/(\d*\.)(\d+)(?=\.)/g,"$1$2 ")},parsePoints=function(e){return normalizeString(e).trim().split(sepRE).reduce((function(e,t,r,a){return r%2==0&&e.push(a.slice(r,r+2)),e}),[])},arrayToChunks=function(e,t){return Array.from(new Array(Math.ceil(e.length/t)),(function(r,a){return e.slice(a*t,a*t+t)}))},dRE=/\s*([achlmqstvz])([^achlmqstvz]*)\s*/gi,getCommandValuesLength=function(e){return[{size:2,condition:["M","m","L","l","T","t"].includes(e)},{size:1,condition:["H","h","V","v"].includes(e)},{size:6,condition:["C","c"].includes(e)},{size:4,condition:["S","s","Q","q"].includes(e)},{size:7,condition:["A","a"].includes(e)},{size:1,condition:!0}].find((function(e){return!!e.condition}))},parsePath=function(e){for(var t=dRE.lastIndex=0,r=[],a=function(){var e=_slicedToArray(t,3),a=e[1],o=e[2],n=a.toUpperCase(),i=a!==n,s=normalizeString(o).trim().split(sepRE).map((function(e){if(!isNaN(e))return Number(e)})),l=!1,c="M"===n,u=getCommandValuesLength(a).size;arrayToChunks(s,u).map((function(e){var t=l&&c;return l=l||c,r.push({relative:i,key:t?"L":n,cmd:t?i?"l":"L":a,values:e})}))};t=dRE.exec(e);)a();return reducePathData(absolutizePathData(r))},movePath=function(e){var t=e.path,r=e.dx,a=e.dy;try{for(var o=parsePath(t),n="",i=" ",s=!0,l=0,c=o.length;l<c;l++){var u=o[l],d=u.values,f=u.key,h=u.relative,_=[];switch(f){case"M":for(var T=0,p=d.length;T<p;T+=2){var y=_slicedToArray(d.slice(T,T+2),2),v=y[0],E=y[1];h&&!s||(v+=r,E+=a),_.push(v,E),s=!1}break;case"A":for(var m=0,x=d.length;m<x;m+=7){var g=d.slice(m,m+7);h||(g[5]+=r,g[6]+=a),_.push.apply(_,_toConsumableArray(g))}break;case"C":for(var b=0,S=d.length;b<S;b+=6){var M=d.slice(b,b+6);h||(M[0]+=r,M[1]+=a,M[2]+=r,M[3]+=a,M[4]+=r,M[5]+=a),_.push.apply(_,_toConsumableArray(M))}break;case"H":for(var O=0,A=d.length;O<A;O+=1){var N=d.slice(O,O+1);h||(N[0]+=r),_.push(N[0])}break;case"V":for(var R=0,C=d.length;R<C;R+=1){var k=d.slice(R,R+1);h||(k[0]+=a),_.push(k[0])}break;case"L":case"T":for(var I=0,D=d.length;I<D;I+=2){var P=_slicedToArray(d.slice(I,I+2),2),w=P[0],V=P[1];h||(w+=r,V+=a),_.push(w,V)}break;case"Q":case"S":for(var $=0,G=d.length;$<G;$+=4){var L=_slicedToArray(d.slice($,$+4),4),j=L[0],F=L[1],H=L[2],U=L[3];h||(j+=r,F+=a,H+=r,U+=a),_.push(j,F,H,U)}break;case"Z":d[0]="",i=""}n+=f+_.join(",")+i}return n}catch(e){warn("Path parsing error: "+e)}},resizePath=function(e){var t=e.path,r=e.localCTM;try{for(var a=parsePath(t),o="",n=" ",i=[],s=!0,l=0,c=a.length;l<c;l++){var u=a[l],d=u.values,f=u.key,h=u.relative,_=void 0!==h&&h;switch(f){case"A":var T=[],p=cloneMatrix$1(r);_&&(p.e=p.f=0);for(var y=0,v=d.length;y<v;y+=7){var E=_slicedToArray(d.slice(y,y+7),7),m=E[0],x=E[1],g=E[2],b=E[3],S=E[4],M=E[5],O=E[6],A=pointTo(p,M,O),N=A.x,R=A.y;T.push(floatToFixed(N),floatToFixed(R)),p.e=p.f=0;var C=pointTo(p,m,x),k=C.x,I=C.y;T.unshift(floatToFixed(k),floatToFixed(I),g,b,S)}i.push(T);break;case"C":var D=[],P=cloneMatrix$1(r);_&&(P.e=P.f=0);for(var w=0,V=d.length;w<V;w+=6){var $=_slicedToArray(d.slice(w,w+6),6),G=$[0],L=$[1],j=$[2],F=$[3],H=$[4],U=$[5],B=pointTo(P,G,L),Y=B.x,z=B.y,X=pointTo(P,j,F),W=X.x,Z=X.y,K=pointTo(P,H,U),q=K.x,Q=K.y;D.push(floatToFixed(Y),floatToFixed(z),floatToFixed(W),floatToFixed(Z),floatToFixed(q),floatToFixed(Q))}i.push(D);break;case"H":var J=[],ee=cloneMatrix$1(r);_&&(ee.e=ee.f=0);for(var te=0,re=d.length;te<re;te+=1){var ae=_slicedToArray(d.slice(te,te+1),1)[0],oe=pointTo(ee,ae,0).x;J.push(floatToFixed(oe))}i.push(J);break;case"V":var ne=[],ie=cloneMatrix$1(r);_&&(ie.e=ie.f=0);for(var se=0,le=d.length;se<le;se+=1){var ce=_slicedToArray(d.slice(se,se+1),1)[0],ue=pointTo(ie,0,ce).y;ne.push(floatToFixed(ue))}i.push(ne);break;case"T":case"L":var de=[],fe=cloneMatrix$1(r);_&&(fe.e=fe.f=0);for(var he=0,_e=d.length;he<_e;he+=2){var Te=_slicedToArray(d.slice(he,he+2),2),pe=Te[0],ye=Te[1],ve=pointTo(fe,pe,ye),Ee=ve.x,me=ve.y;de.push(floatToFixed(Ee),floatToFixed(me))}i.push(de);break;case"M":var xe=[],ge=cloneMatrix$1(r);_&&!s&&(ge.e=ge.f=0);for(var be=0,Se=d.length;be<Se;be+=2){var Me=_slicedToArray(d.slice(be,be+2),2),Oe=Me[0],Ae=Me[1],Ne=pointTo(ge,Oe,Ae),Re=Ne.x,Ce=Ne.y;xe.push(floatToFixed(Re),floatToFixed(Ce)),s=!1}i.push(xe);break;case"Q":var ke=[],Ie=cloneMatrix$1(r);_&&(Ie.e=Ie.f=0);for(var De=0,Pe=d.length;De<Pe;De+=4){var we=_slicedToArray(d.slice(De,De+4),4),Ve=we[0],$e=we[1],Ge=we[2],Le=we[3],je=pointTo(Ie,Ve,$e),Fe=je.x,He=je.y,Ue=pointTo(Ie,Ge,Le),Be=Ue.x,Ye=Ue.y;ke.push(floatToFixed(Fe),floatToFixed(He),floatToFixed(Be),floatToFixed(Ye))}i.push(ke);break;case"S":var ze=[],Xe=cloneMatrix$1(r);_&&(Xe.e=Xe.f=0);for(var We=0,Ze=d.length;We<Ze;We+=4){var Ke=_slicedToArray(d.slice(We,We+4),4),qe=Ke[0],Qe=Ke[1],Je=Ke[2],et=Ke[3],tt=pointTo(Xe,qe,Qe),rt=tt.x,at=tt.y,ot=pointTo(Xe,Je,et),nt=ot.x,it=ot.y;ze.push(floatToFixed(rt),floatToFixed(at),floatToFixed(nt),floatToFixed(it))}i.push(ze);break;case"Z":i.push([""]),n=""}o+=u.key+i[l].join(",")+n}return o.trim()}catch(e){warn("Path parsing error: "+e)}},absolutizePathData=function(e){var t=null,r=null,a=null,o=null;return e.reduce((function(e,n){var i,s=n.cmd,l=n.values;switch(s){case"M":var c=_slicedToArray(l,2),u=c[0],d=c[1];i={key:"M",values:[u,d]},a=u,o=d,t=u,r=d;break;case"m":var f=_slicedToArray(l,2),h=f[0],_=f[1],T=t+h,p=r+_;i={key:"M",values:[T,p]},a=T,o=p,t=T,r=p;break;case"L":var y=_slicedToArray(l,2),v=y[0],E=y[1];i={key:"L",values:[v,E]},t=v,r=E;break;case"l":var m=_slicedToArray(l,2),x=m[0],g=m[1],b=t+x,S=r+g;i={key:"L",values:[b,S]},t=b,r=S;break;case"C":var M=_slicedToArray(l,6),O=M[0],A=M[1],N=M[2],R=M[3],C=M[4],k=M[5];i={key:"C",values:[O,A,N,R,C,k]},t=C,r=k;break;case"c":var I=_slicedToArray(l,6),D=I[0],P=I[1],w=I[2],V=I[3],$=I[4],G=I[5],L=[t+D,r+P,t+w,r+V,t+$,r+G];i={key:"C",values:[].concat(L)},t=L[4],r=L[5];break;case"Q":var j=_slicedToArray(l,4),F=j[0],H=j[1],U=j[2],B=j[3];i={key:"Q",values:[F,H,U,B]},t=U,r=B;break;case"q":var Y=_slicedToArray(l,4),z=Y[0],X=Y[1],W=Y[2],Z=Y[3],K=[t+z,r+X,t+W,r+Z];e.push({key:"Q",values:[].concat(K)}),t=K[2],r=K[3];break;case"A":var q=_slicedToArray(l,7),Q=q[0],J=q[1],ee=q[2],te=q[3],re=q[4],ae=q[5],oe=q[6];i={key:"A",values:[Q,J,ee,te,re,ae,oe]},t=ae,r=oe;break;case"a":var ne=_slicedToArray(l,7),ie=ne[0],se=ne[1],le=ne[2],ce=ne[3],ue=ne[4],de=ne[5],fe=ne[6],he=t+de,_e=r+fe;i={key:"A",values:[ie,se,le,ce,ue,he,_e]},t=he,r=_e;break;case"H":var Te=_slicedToArray(l,1)[0];i={key:"H",values:[Te]},t=Te;break;case"h":var pe=_slicedToArray(l,1)[0],ye=t+pe;i={key:"H",values:[ye]},t=ye;break;case"V":var ve=_slicedToArray(l,1)[0];i={key:"V",values:[ve]},r=ve;break;case"v":var Ee=_slicedToArray(l,1)[0],me=r+Ee;i={key:"V",values:[me]},r=me;break;case"S":var xe=_slicedToArray(l,4),ge=xe[0],be=xe[1],Se=xe[2],Me=xe[3];i={key:"S",values:[ge,be,Se,Me]},t=Se,r=Me;break;case"s":var Oe=_slicedToArray(l,4),Ae=Oe[0],Ne=Oe[1],Re=Oe[2],Ce=Oe[3],ke=[t+Ae,r+Ne,t+Re,r+Ce];i={key:"S",values:[].concat(ke)},t=ke[2],r=ke[3];break;case"T":var Ie=_slicedToArray(l,2),De=Ie[0],Pe=Ie[1];i={key:"T",values:[De,Pe]},t=De,r=Pe;break;case"t":var we=_slicedToArray(l,2),Ve=we[0],$e=we[1],Ge=t+Ve,Le=r+$e;i={key:"T",values:[Ge,Le]},t=Ge,r=Le;break;case"Z":case"z":i={key:"Z",values:[]},t=a,r=o}return[].concat(_toConsumableArray(e),[i])}),[])},reducePathData=function(e){var t=null,r=null,a=null,o=null,n=null,i=null,s=null;return e.reduce((function(e,l){var c,u=l.key,d=l.values;switch(u){case"M":var f=_slicedToArray(d,2),h=f[0],_=f[1];c=[{key:"M",values:[h,_]}],i=h,s=_,o=h,n=_;break;case"C":var T=_slicedToArray(d,6),p=T[0],y=T[1],v=T[2],E=T[3],m=T[4],x=T[5];c=[{key:"C",values:[p,y,v,E,m,x]}],r=v,a=E,o=m,n=x;break;case"L":var g=_slicedToArray(d,2),b=g[0],S=g[1];c=[{key:"L",values:[b,S]}],o=b,n=S;break;case"H":var M=_slicedToArray(d,1)[0];c=[{key:"L",values:[M,n]}],o=M;break;case"V":var O=_slicedToArray(d,1)[0];c=[{key:"L",values:[o,O]}],n=O;break;case"S":var A,N,R=_slicedToArray(d,4),C=R[0],k=R[1],I=R[2],D=R[3];"C"===t||"S"===t?(A=o+(o-r),N=n+(n-a)):(A=o,N=n),c=[{key:"C",values:[A,N,C,k,I,D]}],r=C,a=k,o=I,n=D;break;case"T":var P,w,V=_slicedToArray(d,2),$=V[0],G=V[1];"Q"===t||"T"===t?(P=o+(o-r),w=n+(n-a)):(P=o,w=n),c=[{key:"C",values:[o+2*(P-o)/3,n+2*(w-n)/3,$+2*(P-$)/3,G+2*(w-G)/3,$,G]}],r=P,a=w,o=$,n=G;break;case"Q":var L=_slicedToArray(d,4),j=L[0],F=L[1],H=L[2],U=L[3];c=[{key:"C",values:[o+2*(j-o)/3,n+2*(F-n)/3,H+2*(j-H)/3,U+2*(F-U)/3,H,U]}],r=j,a=F,o=H,n=U;break;case"A":var B=_slicedToArray(d,7),Y=B[0],z=B[1],X=B[2],W=B[3],Z=B[4],K=B[5],q=B[6];if(0===Y||0===z)c=[{key:"C",values:[o,n,K,q,K,q]}],o=K,n=q;else if(o!==K||n!==q)c=arcToCubicCurves(o,n,K,q,Y,z,X,W,Z).map((function(e){return{key:"C",values:e}})),o=K,n=q;break;case"Z":c=[l],o=i,n=s}return t=u,[].concat(_toConsumableArray(e),_toConsumableArray(c))}),[])},arcToCubicCurves=function e(t,r,a,o,n,i,s,l,c,u){var d,f,h,_,T,p=function(e,t,r){return{x:e*Math.cos(r)-t*Math.sin(r),y:e*Math.sin(r)+t*Math.cos(r)}},y=(d=s,Math.PI*d/180),v=[];if(u)f=u[0],h=u[1],_=u[2],T=u[3];else{var E=p(t,r,-y);t=E.x,r=E.y;var m=p(a,o,-y),x=(t-(a=m.x))/2,g=(r-(o=m.y))/2,b=x*x/(n*n)+g*g/(i*i);b>1&&(n*=b=Math.sqrt(b),i*=b);var S=n*n,M=i*i,O=S*M-S*g*g-M*x*x,A=S*g*g+M*x*x,N=(l===c?-1:1)*Math.sqrt(Math.abs(O/A));_=N*n*g/i+(t+a)/2,T=N*-i*x/n+(r+o)/2,f=Math.asin(parseFloat(((r-T)/i).toFixed(9))),h=Math.asin(parseFloat(((o-T)/i).toFixed(9))),t<_&&(f=Math.PI-f),a<_&&(h=Math.PI-h),f<0&&(f=2*Math.PI+f),h<0&&(h=2*Math.PI+h),c&&f>h&&(f-=2*Math.PI),!c&&h>f&&(h-=2*Math.PI)}var R=h-f;if(Math.abs(R)>120*Math.PI/180){var C=h,k=a,I=o,D=c&&h>f?1:-1;h=f+120*Math.PI/180*D,a=_+n*Math.cos(h),o=T+i*Math.sin(h),v=e(a,o,k,I,n,i,s,0,c,[h,C,_,T])}R=h-f;var P=Math.cos(f),w=Math.sin(f),V=Math.cos(h),$=Math.sin(h),G=Math.tan(R/4),L=4/3*n*G,j=4/3*i*G,F=[t,r],H=[t+L*w,r-j*P],U=[a+L*$,o-j*V],B=[a,o];if(H[0]=2*F[0]-H[0],H[1]=2*F[1]-H[1],u)return[H,U,B].concat(_toConsumableArray(v));v=[H,U,B].concat(_toConsumableArray(v)).join().split(",");var Y=[],z=[];return v.forEach((function(e,t){t%2?z.push(p(v[t-1],v[t],y).y):z.push(p(v[t],v[t+1],y).x),6===z.length&&(Y.push(z),z=[])})),Y},E_DRAG$3=EVENT_EMITTER_CONSTANTS.E_DRAG,E_RESIZE$2=EVENT_EMITTER_CONSTANTS.E_RESIZE,E_ROTATE$2=EVENT_EMITTER_CONSTANTS.E_ROTATE,E_MOUSEDOWN$3=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$3=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,keys$2=Object.keys,entries$1=Object.entries,values$2=Object.values,DraggableSVG=function(e){_inherits(r,Transformable);var t=_createSuper(r);function r(){return _classCallCheck(this,r),t.apply(this,arguments)}return _createClass(r,[{key:"_init",value:function(e){var t=this,r=this.options,a=r.container,o=r.controlsContainer,n=r.resizable,i=r.rotatable,s=r.showNormal,l=r.transformOrigin,c=r.restrict,u=createSVGElement("g",["sjx-svg-wrapper"]),d=createSVGElement("g",["sjx-svg-controls"]),f=this._getVertices(),h=f.rotator,_=void 0===h?null:h,T=f.anchor,p=void 0===T?null:T,y=_objectWithoutProperties(f,["rotator","anchor"]),v={},E={},m=Array.isArray(l)?pointTo(createSVGMatrix(),l[0],l[1]):y.center;if(i){var x=s?renderLine$1([p,_],THEME_COLOR,"normal"):null;s&&d.appendChild(x);var g=null;l&&((g=createSVGElement("line",["sjx-hidden"])).x1.baseVal.value=y.center.x,g.y1.baseVal.value=y.center.y,g.x2.baseVal.value=m.x,g.y2.baseVal.value=m.y,setLineStyle(g,"#fe3232"),g.setAttribute("opacity",.5),d.appendChild(g)),E=_objectSpread2({},E,{normal:x,radius:g})}var b=n?{tl:y.tl,tr:y.tr,br:y.br,bl:y.bl,tc:y.tc,bc:y.bc,ml:y.ml,mr:y.mr}:{},S={te:[y.tl,y.tr],be:[y.bl,y.br],le:[y.tl,y.bl],re:[y.tr,y.br]};keys$2(S).forEach((function(e){var t=S[e];isUndef(t)||(v[e]=renderLine$1(t,THEME_COLOR,e),d.appendChild(v[e]))}));var M=_objectSpread2({},b,{rotator:_,center:l&&i?m:void 0});keys$2(M).forEach((function(e){var t=M[e];if(!isUndef(t)){var r=t.x,a=t.y,o="center"===e?"#fe3232":THEME_COLOR;v[e]=createHandler$1(r,a,o,e),d.appendChild(v[e])}})),u.appendChild(d),o.appendChild(u);var O=new WeakMap;e.map((function(e){return O.set(e,{parent:e.parentNode,transform:{ctm:getTransformToElement(e,a)},bBox:e.getBBox(),__data__:new WeakMap,cached:{}})}));var A=c||a;this.storage={wrapper:u,controls:d,handles:_objectSpread2({},v,{},E),data:O,center:{isShifted:Array.isArray(l)},transformOrigin:m,transform:{containerMatrix:getTransformToElement(A,A.parentNode)},cached:{}},[].concat(_toConsumableArray(e),[d]).map((function(e){return helper(e).on(E_MOUSEDOWN$3,t._onMouseDown).on(E_TOUCHSTART$3,t._onTouchStart)}))}},{key:"_cursorPoint",value:function(e){var t=e.clientX,r=e.clientY,a=this.options.container;return this._applyMatrixToPoint(a.getScreenCTM().inverse(),t,r)}},{key:"_getRestrictedBBox",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.storage,r=(t=void 0===t?{}:t).transform,a=(r=void 0===r?{}:r).containerMatrix,o=this.options,n=(o=void 0===o?{}:o).container,i=o.restrict,s=i||n;return _getBoundingRect$1(s,e?getTransformToElement(s,n):a)}},{key:"_pointToTransform",value:function(e){var t=e.x,r=e.y,a=e.matrix.inverse();return a.e=a.f=0,this._applyMatrixToPoint(a,t,r)}},{key:"_pointToControls",value:function(e){var t=e.x,r=e.y,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.storage.transform,o=a.controlsMatrix,n=o.inverse();return n.e=n.f=0,this._applyMatrixToPoint(n,t,r)}},{key:"_applyMatrixToPoint",value:function(e,t,r){var a=createSVGElement("svg").createSVGPoint();return a.x=t,a.y=r,a.matrixTransform(e)}},{key:"_applyTransformToElement",value:function(e,t){var r=this.storage,a=(r=void 0===r?{}:r).data,o=r.bBox,n=this.options,i=(n=void 0===n?{}:n).isGrouped,s=n.scalable,l=n.applyTranslate,c=a.get(e),u=c.cached,d=void 0===u?{}:u,f=_objectWithoutProperties(c,["cached"]),h=f.transform,_=h.matrix,T=h.parentMatrix,p=f.__data__,y=d.scaleX,v=d.scaleY,E=d.dist,m=(E=void 0===E?{}:E).dx,x=E.dy,g=E.ox,b=E.oy,S=d.transformMatrix;if(t===E_DRAG$3){if(!l||!m&&!x)return;var M=createTranslateMatrix$1(g,b),O=M.multiply(_).multiply(M.inverse());this._updateElementView(["transform",O]),isSVGGroup(e)?checkChildElements(e).map((function(e){var t=createTranslateMatrix$1(m,x),r=t.multiply(getTransformToElement(e,e.parentNode)).multiply(t.inverse());if(isIdentity(r)||e.setAttribute("transform",matrixToString(r)),!isSVGGroup(e)){var a=T.inverse();a.e=a.f=0;var o=pointTo(a,g,b),n=o.x,i=o.y;applyTranslate(e,{x:n,y:i})}})):applyTranslate(e,{x:g,y:b})}if(t===E_RESIZE$2){if(!S)return;if(!s)if(isSVGGroup(e)||i)checkChildElements(e).forEach((function(t){if(!isSVGGroup(t)){var r=getTransformToElement(t,i?e.parentNode:e),a=r.inverse().multiply(S).multiply(r);applyResize(t,{dx:m,dy:x,scaleX:y,scaleY:v,localCTM:a,transformMatrix:S,bBox:o,__data__:p,isGrouped:i})}}));else applyResize(e,{dx:m,dy:x,scaleX:y,scaleY:v,localCTM:S,transformMatrix:S,bBox:o,__data__:p,isGrouped:i})}a.set(e,_objectSpread2({},f))}},{key:"_processActions",value:function(e){var t=this.storage,r=t.transform.controlsMatrix,a=t.center,o=(a=void 0===a?{}:a).isShifted;if(this.options.isGrouped&&e===E_ROTATE$2){this._applyTransformToHandles();var n=pointTo(r,0,0),i=n.x,s=n.y;o&&this._moveCenterHandle(i,s),this._updateControlsView(),o||this.setTransformOrigin({dx:0,dy:0},!1)}}},{key:"_processResize",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage,n=o.revX,i=o.revY,s=o.doW,l=o.doH,c=o.data,u=o.bBox,d=u.x,f=u.y,h=u.width,_=u.height,T=this.options,p=T.isGrouped,y=T.proportions,v=T.scalable,E=c.get(e),m=E.transform,x=m.matrix,g=m.auxiliary.scale.translateMatrix,b=E.cached,S=void 0===b?{}:b,M=_slicedToArray(function(e,t){var r=Math.max(1,h),a=Math.max(1,_),o=s||!s&&!l?(r+e)/r:(a+t)/a,n=y?r*o:r+e,i=y?a*o:a+t;return[n/r,i/a,n,i]}(r,a),4),O=M[0],A=M[1],N=M[2],R=M[3],C=function(e,t){var r=createScaleMatrix$1(e,t);return g.multiply(r).multiply(g.inverse())}(O,A),k=d-(N-h)*(l?.5:n?1:0),I=f-(R-_)*(s?.5:i?1:0),D=p?C.multiply(x):x.multiply(C);return v&&this._updateElementView(e,["transform",D]),c.set(e,_objectSpread2({},E,{cached:_objectSpread2({},S,{scaleX:O,scaleY:A,transformMatrix:C,resultMatrix:D})})),this._applyTransformToElement(e,E_RESIZE$2),{x:k,y:I,width:N,height:R,transform:D}}},{key:"_processMove",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data,n=o.get(e),i=n.transform,s=i.matrix,l=i.auxiliary.translate,c=l.translateMatrix,u=l.parentMatrix,d=n.cached;u.e=u.f=0;var f=pointTo(u,r,a),h=f.x,_=f.y;o.set(e,_objectSpread2({},n,{cached:_objectSpread2({},d,{dist:{dx:floatToFixed(r),dy:floatToFixed(a),ox:floatToFixed(h),oy:floatToFixed(_)}})})),c.e=h,c.f=_;var T=c.multiply(s);return this._updateElementView(e,["transform",T]),T}},{key:"_processRotate",value:function(e,t){var r=this.storage,a=(r=void 0===r?{}:r).data.get(e).transform,o=a.matrix,n=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix,s=floatToFixed(Math.cos(t)),l=floatToFixed(Math.sin(t)),c=createRotateMatrix$1(l,s);n.e=n.f=0;var u=n.inverse().multiply(c).multiply(n),d=i.multiply(u).multiply(i.inverse()).multiply(o);return this._updateElementView(e,["transform",d]),d}},{key:"_getElementState",value:function(e,t){var r=t.revX,a=t.revY,o=t.doW,n=t.doH,i=this.options,s=i.container,l=i.isGrouped,c=this.storage,u=c.data,d=c.controls,f=c.handles.center,h=c.transformOrigin,_=h.x,T=h.y,p=u.get(e),y=p.__data__;storeElementAttributes(e,p,s),y.delete(e),checkChildElements(e).forEach((function(t){y.delete(t),storeElementAttributes(t,p,e,l)}));var v=this._getBBox(),E=v.x,m=v.y,x=v.width,g=v.height,b=getTransformToElement(e,e.parentNode),S=getTransformToElement(e,s),M=getTransformToElement(e.parentNode,s),O=M.inverse(),A=E+x*(n?.5:r?1:0),N=m+g*(o?.5:a?1:0),R=getTransformToElement(d,s),C=E+x/2,k=m+g/2,I=pointTo(R,_,T),D=I.x,P=I.y,w=f?pointTo(O,D,P):pointTo(l?O:b,C,k),V=w.x,$=w.y,G=f?pointTo(l?O:S.inverse(),D,P):pointTo(l?O:createSVGMatrix(),A,N),L=G.x,j=G.y;return{transform:{auxiliary:{scale:{scaleMatrix:createSVGMatrix(),translateMatrix:createTranslateMatrix$1(L,j)},translate:{parentMatrix:O,translateMatrix:createSVGMatrix()},rotate:{translateMatrix:createTranslateMatrix$1(V,$)}},matrix:b,ctm:S,parentMatrix:M,scX:Math.sqrt(S.a*S.a+S.b*S.b),scY:Math.sqrt(S.c*S.c+S.d*S.d)},bBox:v}}},{key:"_getCommonState",value:function(){var e=this.elements,t=this.options,r=t.isGrouped,a=t.container,o=t.restrict,n=this.storage,i=n.controls,s=n.handles.center,l=this._getBBox(),c=l.x,u=l.y,d=c+l.width/2,f=u+l.height/2,h=getTransformToElement(i,a),_=s?s.cx.baseVal.value:d,T=s?s.cy.baseVal.value:f,p=pointTo(h,_,T),y=p.x,v=p.y,E=pointTo(r?createSVGMatrix():getTransformToElement(e[0],a),d,f),m=E.x,x=E.y,g=o||a,b=getTransformToElement(g,g.parentNode),S=_objectSpread2({},this.storage.center||{},{x:s?y:m,y:s?v:x,hx:s?s.cx.baseVal.value:null,hy:s?s.cy.baseVal.value:null});return{transform:{containerMatrix:b,controlsMatrix:getTransformToElement(i,i.parentNode),controlsTranslateMatrix:createSVGMatrix(),wrapperOriginMatrix:createTranslateMatrix$1(S.x,S.y)},bBox:l,center:S}}},{key:"_getVertices",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createSVGMatrix(),t=this.elements,r=this.options,a=r.isGrouped,o=r.rotatable,n=r.rotatorAnchor,i=r.rotatorOffset,s=r.container,l=this._getBBox(),c=l.x,u=l.y,d=l.width,f=l.height,h=d/2,_=f/2,T={tl:[c,u],tr:[c+d,u],mr:[c+d,u+_],ml:[c,u+_],tc:[c+h,u],bc:[c+h,u+f],br:[c+d,u+f],bl:[c,u+f],center:[c+h,u+_]},p=a?e:e.multiply(getTransformToElement(t[0],s)),y=entries$1(T).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=_slicedToArray(r[1],2),n=o[0],i=o[1];return e[a]=pointTo(p,n,i),e}),{});if(o){var v={},E=1;switch(n){case"n":var m=y.tc,x=m.x,g=m.y;v.x=x,v.y=g;break;case"s":var b=y.bc,S=b.x,M=b.y;v.x=S,v.y=M,E=-1;break;case"w":var O=y.ml,A=O.x,N=O.y;v.x=A,v.y=N,E=-1;break;case"e":default:var R=y.mr,C=R.x,k=R.y;v.x=C,v.y=k}var I="n"===n||"s"===n?Math.atan2(y.bl.y-y.tl.y,y.bl.x-y.tl.x):Math.atan2(y.tl.y-y.tr.y,y.tl.x-y.tr.x),D=i*E,P={x:v.x-D*Math.cos(I),y:v.y-D*Math.sin(I)};y.rotator=P,y.anchor=v}return y}},{key:"_getBBox",value:function(){var e=this.elements,t=this.options,r=t.container;if(t.isGrouped){var a=e.reduce((function(e,t){var a=getTransformToElement(t,r);return[].concat(_toConsumableArray(e),_toConsumableArray(_getBoundingRect$1(t,a)))}),[]),o=_slicedToArray(getMinMaxOfArray(a),2),n=_slicedToArray(o[0],2),i=n[0],s=n[1],l=_slicedToArray(o[1],2),c=l[0];return{x:i,y:c,width:s-i,height:l[1]-c}}return e[0].getBBox()}},{key:"_moveCenterHandle",value:function(e,t){var r=this.storage,a=r.handles,o=a.center,n=a.radius,i=r.center,s=r.transform,l=(s=void 0===s?{}:s).controlsMatrix,c=void 0===l?createSVGMatrix():l,u=r.transformOrigin,d=(u=void 0===u?{}:u).x,f=u.y,h=r.cached;if(!isUndef(o)){var _=d+e,T=f+t;o.cx.baseVal.value=_,o.cy.baseVal.value=T,n.x2.baseVal.value=_,n.y2.baseVal.value=T,this.storage=_objectSpread2({},this.storage,{center:_objectSpread2({},i,{isShifted:!0},pointTo(c.inverse(),_,T)),cached:_objectSpread2({},h,{transformOrigin:pointTo(createSVGMatrix(),_,T)})})}}},{key:"_processMoveRestrict",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage.data.get(e).transform,n=o.matrix,i=o.auxiliary.translate.parentMatrix;i.e=i.f=0;var s=pointTo(i,r,a),l=s.x,c=s.y,u=createTranslateMatrix$1(l,c).multiply(n);return this._restrictHandler(e,u)}},{key:"_processRotateRestrict",value:function(e,t){var r=this.storage,a=(r=void 0===r?{}:r).data.get(e).transform,o=a.matrix,n=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix,s=floatToFixed(Math.cos(t)),l=floatToFixed(Math.sin(t)),c=createRotateMatrix$1(l,s);n.e=n.f=0;var u=n.inverse().multiply(c).multiply(n),d=i.multiply(u).multiply(i.inverse()).multiply(o);return this._restrictHandler(e,d)}},{key:"_processResizeRestrict",value:function(e,t){var r,a,o,n,i,s,l,c=t.dx,u=t.dy,d=this.storage,f=d.doW,h=d.doH,_=d.data,T=d.bBox,p=T.width,y=T.height,v=this.options.proportions,E=_.get(e).transform,m=E.matrix,x=E.auxiliary.scale.translateMatrix,g=m.multiply(function(e,t){var r=createScaleMatrix$1(e,t);return x.multiply(r).multiply(x.inverse())}.apply(void 0,_toConsumableArray((r=c,a=u,o=Math.max(1,p),n=Math.max(1,y),i=f||!f&&!h?(o+r)/o:(n+a)/n,[(s=v?o*i:o+r)/o,(l=v?n*i:n+a)/n,s,l]))));return this._restrictHandler(e,g)}},{key:"_processControlsResize",value:function(){var e=this.storage,t=(e=void 0===e?{}:e).transform.controlsMatrix;this._applyTransformToHandles({boxMatrix:t.inverse()})}},{key:"_processControlsMove",value:function(e){var t=e.dx,r=e.dy,a=this.storage,o=(a=void 0===a?{}:a).transform,n=o.controlsMatrix,i=o.controlsTranslateMatrix,s=a.center;i.e=t,i.f=r;var l=i.multiply(n);if(this._updateControlsView(l),s.isShifted){var c=n.inverse();c.e=c.f=0;var u=pointTo(c,t,r),d=u.x,f=u.y;this._moveCenterHandle(-d,-f)}}},{key:"_processControlsRotate",value:function(e){var t=e.radians,r=this.storage,a=(r=void 0===r?{}:r).transform,o=a.controlsMatrix,n=a.wrapperOriginMatrix,i=floatToFixed(Math.cos(t)),s=floatToFixed(Math.sin(t)),l=createRotateMatrix$1(s,i),c=n.multiply(l).multiply(n.inverse()).multiply(o);this._updateControlsView(c)}},{key:"_updateElementView",value:function(e,t){var r=_slicedToArray(t,2),a=r[0],o=r[1];"transform"===a&&e.setAttribute(a,matrixToString(o))}},{key:"_updateControlsView",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:createSVGMatrix();this.storage.controls.setAttribute("transform",matrixToString(e)),this.storage.cached.controlsMatrix=e}},{key:"_applyTransformToHandles",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.boxMatrix,r=void 0===t?createSVGMatrix():t,a=this.options.rotatable,o=this.storage,n=o.handles,i=o.center.isShifted,s=this._getVertices(r),l=s.anchor,c=void 0===l?null:l,u=s.center,d=_objectWithoutProperties(s,["anchor","center"]),f={te:[d.tl,d.tr],be:[d.bl,d.br],le:[d.tl,d.bl],re:[d.tr,d.br]};if(a){var h=n.normal,_=n.radius;isDef(h)&&(h.x1.baseVal.value=c.x,h.y1.baseVal.value=c.y,h.x2.baseVal.value=d.rotator.x,h.y2.baseVal.value=d.rotator.y),isDef(_)&&(_.x1.baseVal.value=u.x,_.y1.baseVal.value=u.y,i||(_.x2.baseVal.value=u.x,_.y2.baseVal.value=u.y))}keys$2(f).forEach((function(e){var t=n[e],r=_slicedToArray(f[e],2),a=r[0],o=r[1];isUndef(a)||isUndef(t)||entries$1({x1:a.x,y1:a.y,x2:o.x,y2:o.y}).map((function(e){var r=_slicedToArray(e,2),a=r[0],o=r[1];return t.setAttribute(a,o)}))}));var T=_objectSpread2({},d,{},!i&&Boolean(u)&&{center:u});return keys$2(T).reduce((function(e,t){var r=n[t],a=T[t];return e[t]=a,isUndef(a)||isUndef(r)?e:(r.setAttribute("cx",a.x),r.setAttribute("cy",a.y),e)}),{})}},{key:"setCenterPoint",value:function(){warn('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.x,r=e.y,a=e.dx,o=e.dy,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.elements,s=this.storage,l=this.storage,c=(l=void 0===l?{}:l).controls,u=l.handles,d=(u=void 0===u?{}:u).center,f=u.radius,h=l.center,_=this.options,T=_.container,p=_.isGrouped,y=isDef(a)&&isDef(o),v=isDef(t)&&isDef(r);if(h&&d&&f&&(y||v)){var E,m,x=getTransformToElement(c,c.parentNode).inverse(),g=p?x:x.multiply(getTransformToElement(i[0],T));if(y){var b=this._getBBox(),S=b.x,M=b.y,O=b.width,A=b.height,N=O/2,R=A/2,C=pointTo(g,S+N+a,M+R+o);E=C.x,m=C.y}else E=t,m=r;d.cx.baseVal.value=E,d.cy.baseVal.value=m,f.x2.baseVal.value=E,f.y2.baseVal.value=m,h.isShifted=n,s.transformOrigin=pointTo(createSVGMatrix(),E,m)}}},{key:"fitControlsToSize",value:function(){var e=this.storage,t=e.controls,r=e.center,a=(r=void 0===r?{}:r).isShifted,o=e.transformOrigin,n=(o=void 0===o?{}:o).x,i=o.y,s=getTransformToElement(t,t.parentNode),l=pointTo(s,n,i),c=l.x,u=l.y,d=[{nextValues:function(){return{x:c,y:u}},pin:!0,condition:function(){return a}},{nextValues:function(){return{dx:0,dy:0}},pin:!1,condition:function(){return!a}}].find((function(e){return(0,e.condition)()})),f=d.nextValues,h=d.pin;this._updateControlsView(),this.setTransformOrigin(_objectSpread2({},f()),h),this._applyTransformToHandles()}},{key:"getBoundingRect",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=this.options,a=(r=void 0===r?{}:r).restrict,o=r.container,n=a||o,i=t?getTransformToElement(e.parentNode,n).multiply(t):getTransformToElement(e,n);return _getBoundingRect$1(e,i,e.getBBox())}},{key:"applyAlignment",value:function(e){var t=this,r=this.elements,a=this.options.container,o=this._getVertices(),n=(o.anchor,o.rotator,o.center,_objectWithoutProperties(o,["anchor","rotator","center"])),i=this._getRestrictedBBox(!0),s=values$2(n).map((function(e){return[e.x,e.y]})),l=_slicedToArray(getMinMaxOfArray(i),2),c=_slicedToArray(l[0],2),u=c[0],d=c[1],f=_slicedToArray(l[1],2),h=f[0],_=f[1],T=_slicedToArray(getMinMaxOfArray(s),2),p=_slicedToArray(T[0],2),y=p[0],v=p[1],E=_slicedToArray(T[1],2),m=E[0],x=E[1];r.map((function(r){var o=getTransformToElement(r.parentNode,a);o.e=o.f=0;var n=pointTo(o.inverse(),function(){switch(!0){case/[l]/.test(e):return u-y;case/[r]/.test(e):return d-v;case/[h]/.test(e):return(d+u)/2-(v+y)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(e):return h-m;case/[b]/.test(e):return _-x;case/[v]/.test(e):return(_+h)/2-(x+m)/2;default:return 0}}()),i=n.x,s=n.y,l=createTranslateMatrix$1(i,s).multiply(getTransformToElement(r,r.parentNode));t._updateElementView(r,["transform",l])})),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var e=this.elements,t=this.options,r=t.isGrouped,a=t.container,o=this._getBBox(),n=o.x,i=o.y,s=o.width,l=o.height,c={tl:[n,i],tr:[n+s,i],bl:[n,i+l],br:[n+s,i+l]},u=r?createSVGMatrix():getTransformToElement(e[0],a),d=entries$1(c).reduce((function(e,t){var r=_slicedToArray(t,2),a=r[0],o=_slicedToArray(r[1],2),n=o[0],i=o[1];return e[a]=pointTo(u,n,i),e}),{}),f=d.tl,h=d.br,_=d.tr;return{x:floatToFixed(f.x),y:floatToFixed(f.y),width:floatToFixed(Math.sqrt(Math.pow(f.x-_.x,2)+Math.pow(f.y-_.y,2))),height:floatToFixed(Math.sqrt(Math.pow(_.x-h.x,2)+Math.pow(_.y-h.y,2))),rotation:floatToFixed(Math.atan2(_.y-f.y,_.x-f.x)*DEG)}}}]),r}(),applyTranslate=function(e,t){var r=t.x,a=t.y,o=[];switch(e.tagName.toLowerCase()){case"text":var n=isDef(e.x.baseVal[0])?e.x.baseVal[0].value+r:(Number(e.getAttribute("x"))||0)+r,i=isDef(e.y.baseVal[0])?e.y.baseVal[0].value+a:(Number(e.getAttribute("y"))||0)+a;o.push(["x",n],["y",i]);break;case"foreignobject":case"use":case"image":case"rect":var s=isDef(e.x.baseVal.value)?e.x.baseVal.value+r:(Number(e.getAttribute("x"))||0)+r,l=isDef(e.y.baseVal.value)?e.y.baseVal.value+a:(Number(e.getAttribute("y"))||0)+a;o.push(["x",s],["y",l]);break;case"circle":case"ellipse":var c=e.cx.baseVal.value+r,u=e.cy.baseVal.value+a;o.push(["cx",c],["cy",u]);break;case"line":var d=e.x1.baseVal.value+r,f=e.y1.baseVal.value+a,h=e.x2.baseVal.value+r,_=e.y2.baseVal.value+a;o.push(["x1",d],["y1",f],["x2",h],["y2",_]);break;case"polygon":case"polyline":var T=parsePoints(e.getAttribute("points")).map((function(e){return e[0]=Number(e[0])+r,e[1]=Number(e[1])+a,e.join(" ")})).join(" ");o.push(["points",T]);break;case"path":var p=e.getAttribute("d");o.push(["d",movePath({path:p,dx:r,dy:a})])}o.forEach((function(t){e.setAttribute(t[0],t[1])}))},applyResize=function(e,t){var r=t.scaleX,a=t.scaleY,o=t.localCTM,n=t.bBox,i=n.width,s=n.height,l=t.__data__,c=t.transformMatrix,u=t.isGrouped,d=[],f=l.get(e);switch(e.tagName.toLowerCase()){case"text":case"tspan":var h=f.x,_=f.y,T=f.textLength,p=pointTo(o,h,_),y=p.x,v=p.y;d.push(["x",y+(r<0?i:0)],["y",v-(a<0?s:0)],["textLength",Math.abs(r*T)]);break;case"circle":var E=f.r,m=f.cx,x=f.cy,g=E*(Math.abs(r)+Math.abs(a))/2,b=pointTo(o,m,x),S=b.x,M=b.y;d.push(["r",g],["cx",S],["cy",M]);break;case"foreignobject":case"image":case"rect":if(u){var O=f.matrix,A=f.childCTM,N=A.inverse().multiply(c).multiply(A),R=O.multiply(N);d.push(["transform",matrixToString(R)])}else{var C=f.width,k=f.height,I=f.x,D=f.y,P=pointTo(o,I,D),w=P.x,V=P.y,$=Math.abs(C*r),G=Math.abs(k*a);d.push(["x",w-(r<0?$:0)],["y",V-(a<0?G:0)],["width",$],["height",G])}break;case"ellipse":var L=f.rx,j=f.ry,F=f.cx,H=f.cy,U=pointTo(o,F,H),B=U.x,Y=U.y,z=createSVGMatrix();z.a=r,z.d=a;var X=pointTo(z,L,j),W=X.x,Z=X.y;d.push(["rx",Math.abs(W)],["ry",Math.abs(Z)],["cx",B],["cy",Y]);break;case"line":var K=f.resX1,q=f.resY1,Q=f.resX2,J=f.resY2,ee=pointTo(o,K,q),te=ee.x,re=ee.y,ae=pointTo(o,Q,J),oe=ae.x,ne=ae.y;d.push(["x1",te],["y1",re],["x2",oe],["y2",ne]);break;case"polygon":case"polyline":var ie=f.points,se=parsePoints(ie).map((function(e){var t=pointTo(o,Number(e[0]),Number(e[1])),r=t.x,a=t.y;return e[0]=floatToFixed(r),e[1]=floatToFixed(a),e.join(" ")})).join(" ");d.push(["points",se]);break;case"path":var le=f.path;d.push(["d",resizePath({path:le,localCTM:o})])}d.forEach((function(t){var r=_slicedToArray(t,2),a=r[0],o=r[1];e.setAttribute(a,o)}))},createHandler$1=function(e,t,r,a){var o=createSVGElement("circle",["sjx-svg-hdl","sjx-svg-hdl-".concat(a)]);return entries$1({cx:e,cy:t,r:4,fill:"#fff",stroke:r,"stroke-width":1,"fill-opacity":1,"vector-effect":"non-scaling-stroke"}).forEach((function(e){var t=_slicedToArray(e,2),r=t[0],a=t[1];return o.setAttribute(r,a)})),o},setLineStyle=function(e,t){e.setAttribute("stroke",t),e.setAttribute("stroke-dasharray","3 3"),e.setAttribute("vector-effect","non-scaling-stroke")},storeElementAttributes=function(e,t,r,a){var o=null;switch(e.tagName.toLowerCase()){case"text":o={x:isDef(e.x.baseVal[0])?e.x.baseVal[0].value:Number(e.getAttribute("x"))||0,y:isDef(e.y.baseVal[0])?e.y.baseVal[0].value:Number(e.getAttribute("y"))||0,textLength:isDef(e.textLength.baseVal)?e.textLength.baseVal.value:Number(e.getAttribute("textLength"))||null};break;case"circle":o={r:e.r.baseVal.value,cx:e.cx.baseVal.value,cy:e.cy.baseVal.value};break;case"foreignobject":case"image":case"rect":o={width:e.width.baseVal.value,height:e.height.baseVal.value,x:e.x.baseVal.value,y:e.y.baseVal.value};break;case"ellipse":o={rx:e.rx.baseVal.value,ry:e.ry.baseVal.value,cx:e.cx.baseVal.value,cy:e.cy.baseVal.value};break;case"line":o={resX1:e.x1.baseVal.value,resY1:e.y1.baseVal.value,resX2:e.x2.baseVal.value,resY2:e.y2.baseVal.value};break;case"polygon":case"polyline":o={points:e.getAttribute("points")};break;case"path":o={path:e.getAttribute("d")}}t.__data__.set(e,_objectSpread2({},o,{matrix:getTransformToElement(e,e.parentNode),ctm:getTransformToElement(e.parentNode,r),childCTM:getTransformToElement(e,a?r.parentNode:r)}))},renderLine$1=function(e,t,r){var a=_slicedToArray(e,2),o=a[0],n=a[1],i=createSVGElement("line",["sjx-svg-line","sjx-svg-line-".concat(r)]),s={x1:o.x,y1:o.y,x2:n.x,y2:n.y,stroke:t,"stroke-width":1,"vector-effect":"non-scaling-stroke"};return entries$1(s).forEach((function(e){var t=_slicedToArray(e,2),r=t[0],a=t[1];return i.setAttribute(r,a)})),i},_getBoundingRect$1=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.getBBox(),a=r.x,o=r.y,n=r.width,i=r.height,s=[[a,o],[a+n,o],[a+n,o+i],[a,o+i]];return s.map((function(e){var r=_slicedToArray(e,2),a=r[0],o=r[1],n=pointTo(t,a,o);return[n.x,n.y]}))};function drag(e,t){if(this.length){var r=isDef(t)&&t instanceof Observable?t:new Observable;if(this[0]instanceof SVGElement){var a=arrReduce.call(this,(function(e,t){return checkElement(t)&&e.push(t),e}),[]);return new DraggableSVG(a,e,r)}return new Draggable(arrMap.call(this,(function(e){return e})),e,r)}}var EMITTER_EVENTS$2=EVENT_EMITTER_CONSTANTS.EMITTER_EVENTS,E_MOUSEDOWN$4=CLIENT_EVENTS_CONSTANTS.E_MOUSEDOWN,E_TOUCHSTART$4=CLIENT_EVENTS_CONSTANTS.E_TOUCHSTART,Cloneable=function(e){_inherits(r,SubjectModel);var t=_createSuper(r);function r(e,a){var o;return _classCallCheck(this,r),(o=t.call(this,e)).enable(a),o}return _createClass(r,[{key:"_init",value:function(){var e=this,t=this.elements,r=this.options,a=helper(t),o=r.style,n=r.appendTo,i=_objectSpread2({position:"absolute","z-index":"2147483647"},o),s=new WeakMap;t.map((function(e){return s.set(e,{parent:isDef(n)?helper(n)[0]:document.body})})),this.storage={css:i,data:s},a.on(E_MOUSEDOWN$4,this._onMouseDown).on(E_TOUCHSTART$4,this._onTouchStart),EMITTER_EVENTS$2.slice(0,3).forEach((function(t){e.eventDispatcher.registerEvent(t)}))}},{key:"_processOptions",value:function(e){var t={},r=null,a=document,o=noop,n=noop,i=noop,s=noop;if(isDef(e)){var l=e.style,c=e.appendTo,u=e.stack,d=e.onInit,f=e.onMove,h=e.onDrop,_=e.onDestroy;t=isDef(l)&&"object"===_typeof(l)?l:t,r=c||null;var T=isDef(u)?helper(u)[0]:document;o=createMethod(d),n=createMethod(f),i=isFunc(h)?function(e){var t=this.storage,r=(t=void 0===t?{}:t).clone;objectsCollide(r,T)&&h.call(this,e,this.elements,r)}:noop,s=createMethod(_)}this.options={style:t,appendTo:r,stack:a},this.proxyMethods={onInit:o,onDrop:i,onMove:n,onDestroy:s}}},{key:"_start",value:function(e){var t=e.target,r=e.clientX,a=e.clientY,o=this.elements,n=this.storage,i=this.storage,s=i.data,l=i.css,c=o.find((function(e){return e===t||e.contains(t)}));if(c){var u=(s.get(c)||{}).parent,d=void 0===u?c.parentNode:u,f=getOffset(d),h=f.left,_=f.top;l.left="".concat(r-h,"px"),l.top="".concat(a-_,"px");var T=c.cloneNode(!0);helper(T).css(l),n.clientX=r,n.clientY=a,n.cx=r,n.cy=a,n.clone=T,d.appendChild(T),this._draw()}}},{key:"_moving",value:function(e){var t=e.clientX,r=e.clientY,a=this.storage;a.clientX=t,a.clientY=r,a.doDraw=!0,a.doMove=!0}},{key:"_end",value:function(e){var t=this.storage,r=t.clone,a=t.frameId;t.doDraw=!1,cancelAnimFrame(a),isUndef(r)||(this.proxyMethods.onDrop.call(this,e),r.parentNode.removeChild(r),delete t.clone)}},{key:"_animate",value:function(){var e=this.storage;e.frameId=requestAnimFrame(this._animate);var t=e.doDraw,r=e.clientX,a=e.clientY,o=e.cx,n=e.cy,i=e.clone;t&&(e.doDraw=!1,this._drag({element:i,dx:r-o,dy:a-n}))}},{key:"_processMove",value:function(e,t){var r=t.dx,a=t.dy,o=this.storage,n=(o=void 0===o?{}:o).clone,i="translate(".concat(r,"px, ").concat(a,"px)");helper(n).css({transform:i,webkitTranform:i,mozTransform:i,msTransform:i,otransform:i})}},{key:"_destroy",value:function(){var e=this.storage,t=this.proxyMethods,r=this.elements;isUndef(e)||(helper(r).off(E_MOUSEDOWN$4,this._onMouseDown).off(E_TOUCHSTART$4,this._onTouchStart),t.onDestroy.call(this,r),delete this.storage)}},{key:"disable",value:function(){this._destroy()}}]),r}();function clone(e){if(this.length)return new Cloneable(arrMap.call(this,(function(e){return e})),e)}var Subjx=function(e){_inherits(r,Helper);var t=_createSuper(r);function r(){return _classCallCheck(this,r),t.apply(this,arguments)}return _createClass(r,[{key:"drag",value:function(){return drag.call.apply(drag,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"clone",value:function(){return clone.call.apply(clone,[this].concat(Array.prototype.slice.call(arguments)))}}]),r}();function subjx(e){return new Subjx(e)}Object.defineProperty(subjx,"createObservable",{value:function(){return new Observable}}),Object.defineProperty(subjx,"Subjx",{value:Subjx}),Object.defineProperty(subjx,"Observable",{value:Observable}),module.exports=subjx;
diff --git a/dist/js/subjx.dev.common.js b/dist/js/subjx.dev.common.js
index 45ca5ad..a3139ff 100644
--- a/dist/js/subjx.dev.common.js
+++ b/dist/js/subjx.dev.common.js
@@ -1998,10 +1998,15 @@ var Transformable = /*#__PURE__*/function (_SubjectModel) {
       var storage = this.storage,
           _this$storage5 = this.storage,
           prevTransformOrigin = _this$storage5.transformOrigin,
+          _this$storage5$transf = _this$storage5.transform;
+      _this$storage5$transf = _this$storage5$transf === void 0 ? {} : _this$storage5$transf;
+      var prevControlsMatrix = _this$storage5$transf.controlsMatrix,
           _this$storage5$cached = _this$storage5.cached;
       _this$storage5$cached = _this$storage5$cached === void 0 ? {} : _this$storage5$cached;
       var _this$storage5$cached2 = _this$storage5$cached.transformOrigin,
-          transformOrigin = _this$storage5$cached2 === void 0 ? prevTransformOrigin : _this$storage5$cached2;
+          transformOrigin = _this$storage5$cached2 === void 0 ? prevTransformOrigin : _this$storage5$cached2,
+          _this$storage5$cached3 = _this$storage5$cached.controlsMatrix,
+          controlsMatrix = _this$storage5$cached3 === void 0 ? prevControlsMatrix : _this$storage5$cached3;
       this.storage = _objectSpread2({}, storage, {
         doResize: false,
         doDrag: false,
@@ -2011,6 +2016,7 @@ var Transformable = /*#__PURE__*/function (_SubjectModel) {
         onExecution: false,
         cursor: null,
         transformOrigin: transformOrigin,
+        controlsMatrix: controlsMatrix,
         cached: {}
       });
     }
@@ -2748,7 +2754,8 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
         transformOrigin: nextTransformOrigin,
         transform: {
           containerMatrix: getCurrentTransformMatrix(restrictContainer, restrictContainer.parentNode)
-        }
+        },
+        cached: {}
       };
       [].concat(_toConsumableArray(elements), [controls]).map(function (target) {
         return helper(target).on(E_MOUSEDOWN$2, _this._onMouseDown).on(E_TOUCHSTART$2, _this._onTouchStart);
@@ -3194,9 +3201,8 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           center = _this$storage5.center,
           transformOrigin = _this$storage5.transformOrigin;
       var moveControlsMtrx = multiplyMatrix(controlsMatrix, createTranslateMatrix(dx, dy));
-      var wrapperStyle = matrixToCSS(flatMatrix(moveControlsMtrx));
 
-      this._updateControlsView(wrapperStyle);
+      this._updateControlsView(moveControlsMtrx);
 
       var centerTransformMatrix = dropTranslate(matrixInvert(wrapperMatrix));
 
@@ -3339,8 +3345,11 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
     }
   }, {
     key: "_updateControlsView",
-    value: function _updateControlsView(css) {
-      helper(this.storage.controls).css(css);
+    value: function _updateControlsView() {
+      var matrix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : createIdentityMatrix();
+      var cssStyle = matrixToCSS(flatMatrix(matrix));
+      helper(this.storage.controls).css(cssStyle);
+      this.storage.cached.controlsMatrix = matrix;
     }
   }, {
     key: "_getVertices",
@@ -3567,11 +3576,15 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           showNormal = _this$options10.showNormal,
           _this$storage8 = this.storage,
           handles = _this$storage8.handles,
+          controls = _this$storage8.controls,
           _this$storage8$center = _this$storage8.center;
       _this$storage8$center = _this$storage8$center === void 0 ? {} : _this$storage8$center;
       var _this$storage8$center2 = _this$storage8$center.isShifted,
           isShifted = _this$storage8$center2 === void 0 ? false : _this$storage8$center2,
-          controlsMatrix = _this$storage8.transform.controlsMatrix;
+          _this$storage8$transf = _this$storage8.transform;
+      _this$storage8$transf = _this$storage8$transf === void 0 ? {} : _this$storage8$transf;
+      var _this$storage8$transf2 = _this$storage8$transf.controlsMatrix,
+          controlsMatrix = _this$storage8$transf2 === void 0 ? getCurrentTransformMatrix(controls, controls.parentNode) : _this$storage8$transf2;
       var matrix = multiplyMatrix(boxMatrix, // better to find result matrix instead of calculated
       matrixInvert(controlsMatrix));
 
@@ -3682,35 +3695,78 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
       if (isRelative) {
         var offsetHeight = element.offsetHeight,
             offsetWidth = element.offsetWidth;
-        newX = -dx + offsetWidth / 2;
-        newY = -dy + offsetHeight / 2;
+        var relX = -dx + offsetWidth / 2;
+        var relY = -dy + offsetHeight / 2;
+
+        var _multiplyMatrixAndPoi17 = multiplyMatrixAndPoint(matrix, [relX, relY, 0, 1]);
+
+        var _multiplyMatrixAndPoi18 = _slicedToArray(_multiplyMatrixAndPoi17, 2);
+
+        newX = _multiplyMatrixAndPoi18[0];
+        newY = _multiplyMatrixAndPoi18[1];
       } else {
         newX = x;
         newY = y;
       }
 
-      var _multiplyMatrixAndPoi17 = multiplyMatrixAndPoint(matrix, [newX, newY, 0, 1]),
-          _multiplyMatrixAndPoi18 = _slicedToArray(_multiplyMatrixAndPoi17, 2),
-          nextX = _multiplyMatrixAndPoi18[0],
-          nextY = _multiplyMatrixAndPoi18[1];
-
       helper(handle).css({
-        transform: "translate(".concat(nextX + offsetLeft, "px, ").concat(nextY + offsetTop, "px)")
+        transform: "translate(".concat(newX + offsetLeft, "px, ").concat(newY + offsetTop, "px)")
       });
       center.isShifted = pin;
-      storage.transformOrigin = multiplyMatrixAndPoint(createIdentityMatrix(), [nextX, nextY, 0, 1]);
+      storage.transformOrigin = multiplyMatrixAndPoint(createIdentityMatrix(), [newX, newY, 0, 1]);
     }
   }, {
     key: "fitControlsToSize",
     value: function fitControlsToSize() {
-      var identityMatrix = createIdentityMatrix();
-      this.storage = _objectSpread2({}, this.storage, {
-        transform: _objectSpread2({}, this.storage.transform || {}, {
-          controlsMatrix: identityMatrix
-        })
-      });
+      var _this$storage10 = this.storage,
+          controls = _this$storage10.controls,
+          _this$storage10$cente = _this$storage10.center;
+      _this$storage10$cente = _this$storage10$cente === void 0 ? {} : _this$storage10$cente;
+
+      var isShifted = _this$storage10$cente.isShifted,
+          _this$storage10$trans = _slicedToArray(_this$storage10.transformOrigin, 2),
+          originX = _this$storage10$trans[0],
+          originY = _this$storage10$trans[1];
+
+      var controlsMatrix = getCurrentTransformMatrix(controls, controls.parentNode);
+
+      var _multiplyMatrixAndPoi19 = multiplyMatrixAndPoint(controlsMatrix, [originX, originY, 0, 1]),
+          _multiplyMatrixAndPoi20 = _slicedToArray(_multiplyMatrixAndPoi19, 2),
+          dx = _multiplyMatrixAndPoi20[0],
+          dy = _multiplyMatrixAndPoi20[1];
+
+      var _find = [{
+        nextValues: function nextValues() {
+          return {
+            x: dx,
+            y: dy
+          };
+        },
+        pin: true,
+        condition: function condition() {
+          return isShifted;
+        }
+      }, {
+        nextValues: function nextValues() {
+          return {
+            dx: 0,
+            dy: 0
+          };
+        },
+        pin: false,
+        condition: function condition() {
+          return !isShifted;
+        }
+      }].find(function (_ref21) {
+        var condition = _ref21.condition;
+        return condition();
+      }),
+          nextValues = _find.nextValues,
+          pin = _find.pin;
+
+      this._updateControlsView();
 
-      this._updateControlsView(matrixToCSS(flatMatrix(identityMatrix)));
+      this.setTransformOrigin(_objectSpread2({}, nextValues()), pin);
 
       this._applyTransformToHandles();
     }
@@ -3727,21 +3783,21 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           scalable = _this$options12.scalable,
           restrict = _this$options12.restrict,
           container = _this$options12.container,
-          _this$storage10 = this.storage,
-          bBox = _this$storage10.bBox,
-          _this$storage10$bBox = _this$storage10.bBox;
-
-      _this$storage10$bBox = _this$storage10$bBox === void 0 ? {} : _this$storage10$bBox;
-      var width = _this$storage10$bBox.width,
-          height = _this$storage10$bBox.height,
-          _this$storage10$cache = _this$storage10.cached;
-      _this$storage10$cache = _this$storage10$cache === void 0 ? {} : _this$storage10$cache;
-      var _this$storage10$cache2 = _this$storage10$cache.bBox;
-      _this$storage10$cache2 = _this$storage10$cache2 === void 0 ? {} : _this$storage10$cache2;
-      var _this$storage10$cache3 = _this$storage10$cache2.width,
-          nextWidth = _this$storage10$cache3 === void 0 ? width : _this$storage10$cache3,
-          _this$storage10$cache4 = _this$storage10$cache2.height,
-          nextHeight = _this$storage10$cache4 === void 0 ? height : _this$storage10$cache4;
+          _this$storage11 = this.storage,
+          bBox = _this$storage11.bBox,
+          _this$storage11$bBox = _this$storage11.bBox;
+
+      _this$storage11$bBox = _this$storage11$bBox === void 0 ? {} : _this$storage11$bBox;
+      var width = _this$storage11$bBox.width,
+          height = _this$storage11$bBox.height,
+          _this$storage11$cache = _this$storage11.cached;
+      _this$storage11$cache = _this$storage11$cache === void 0 ? {} : _this$storage11$cache;
+      var _this$storage11$cache2 = _this$storage11$cache.bBox;
+      _this$storage11$cache2 = _this$storage11$cache2 === void 0 ? {} : _this$storage11$cache2;
+      var _this$storage11$cache3 = _this$storage11$cache2.width,
+          nextWidth = _this$storage11$cache3 === void 0 ? width : _this$storage11$cache3,
+          _this$storage11$cache4 = _this$storage11$cache2.height,
+          nextHeight = _this$storage11$cache4 === void 0 ? height : _this$storage11$cache4;
       var nextBox = scalable ? bBox : _objectSpread2({}, bBox, {
         width: nextWidth,
         height: nextHeight
@@ -3752,6 +3808,8 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
   }, {
     key: "applyAlignment",
     value: function applyAlignment(direction) {
+      var _this2 = this;
+
       var elements = this.elements,
           container = this.options.container;
 
@@ -3815,15 +3873,15 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
         }
       };
 
-      var _multiplyMatrixAndPoi19 = multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(elements[0].parentNode, container))), [getXDir(), getYDir(), 0, 1]),
-          _multiplyMatrixAndPoi20 = _slicedToArray(_multiplyMatrixAndPoi19, 2),
-          x = _multiplyMatrixAndPoi20[0],
-          y = _multiplyMatrixAndPoi20[1];
+      var _multiplyMatrixAndPoi21 = multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(elements[0].parentNode, container))), [getXDir(), getYDir(), 0, 1]),
+          _multiplyMatrixAndPoi22 = _slicedToArray(_multiplyMatrixAndPoi21, 2),
+          x = _multiplyMatrixAndPoi22[0],
+          y = _multiplyMatrixAndPoi22[1];
 
       var moveElementMtrx = multiplyMatrix(getTransform(elements[0]), createTranslateMatrix(x, y));
-
-      this._updateElementView(elements[0], matrixToCSS(flatMatrix(moveElementMtrx)));
-
+      elements.map(function (element) {
+        return _this2._updateElementView(element, matrixToCSS(flatMatrix(moveElementMtrx)));
+      });
       this.fitControlsToSize();
     }
   }, {
@@ -3836,10 +3894,10 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           element = _this$elements9[0],
           isGrouped = this.options.isGrouped;
 
-      var _ref21 = isGrouped ? this._getGroupVertices() : this._getElementVertices(element, createIdentityMatrix()),
-          tl = _ref21.tl,
-          tr = _ref21.tr,
-          br = _ref21.br;
+      var _ref22 = isGrouped ? this._getGroupVertices() : this._getElementVertices(element, createIdentityMatrix()),
+          tl = _ref22.tl,
+          tr = _ref22.tr,
+          br = _ref22.br;
 
       return {
         x: floatToFixed(tl[0]),
@@ -3854,10 +3912,10 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
   return Draggable;
 }(Transformable);
 
-var createHandler = function createHandler(_ref22) {
-  var _ref23 = _slicedToArray(_ref22, 2),
-      x = _ref23[0],
-      y = _ref23[1];
+var createHandler = function createHandler(_ref23) {
+  var _ref24 = _slicedToArray(_ref23, 2),
+      x = _ref24[0],
+      y = _ref24[1];
 
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'handler';
   var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -3868,12 +3926,12 @@ var createHandler = function createHandler(_ref22) {
   return element;
 };
 
-var renderLine = function renderLine(_ref24, key) {
-  var _ref25 = _slicedToArray(_ref24, 3),
-      pt1 = _ref25[0],
-      pt2 = _ref25[1],
-      _ref25$ = _ref25[2],
-      thickness = _ref25$ === void 0 ? 1 : _ref25$;
+var renderLine = function renderLine(_ref25, key) {
+  var _ref26 = _slicedToArray(_ref25, 3),
+      pt1 = _ref26[0],
+      pt2 = _ref26[1],
+      _ref26$ = _ref26[2],
+      thickness = _ref26$ === void 0 ? 1 : _ref26$;
 
   var _getLineAttrs2 = getLineAttrs(pt1, pt2, thickness),
       cx = _getLineAttrs2.cx,
@@ -3920,7 +3978,7 @@ var _getBoundingRect = function _getBoundingRect(element, container, ctm, bBox)
       offsetLeft = _getAbsoluteOffset16[0],
       offsetTop = _getAbsoluteOffset16[1];
 
-  var _ref26 = bBox || {
+  var _ref27 = bBox || {
     width: element.offsetWidth,
     height: element.offsetHeight,
     offset: {
@@ -3928,22 +3986,22 @@ var _getBoundingRect = function _getBoundingRect(element, container, ctm, bBox)
       top: offsetTop
     }
   },
-      width = _ref26.width,
-      height = _ref26.height,
-      _ref26$offset = _ref26.offset;
+      width = _ref27.width,
+      height = _ref27.height,
+      _ref27$offset = _ref27.offset;
 
-  _ref26$offset = _ref26$offset === void 0 ? {} : _ref26$offset;
-  var left = _ref26$offset.left,
-      top = _ref26$offset.top;
+  _ref27$offset = _ref27$offset === void 0 ? {} : _ref27$offset;
+  var left = _ref27$offset.left,
+      top = _ref27$offset.top;
   var vertices = [[0, 0, 0, 1], [width, 0, 0, 1], [0, height, 0, 1], [width, height, 0, 1]];
   return vertices.reduce(function (nextVerteces, vertex) {
     return [].concat(_toConsumableArray(nextVerteces), [multiplyMatrixAndPoint(ctm, vertex)]);
-  }, []).map(function (_ref27) {
-    var _ref28 = _slicedToArray(_ref27, 4),
-        x = _ref28[0],
-        y = _ref28[1],
-        z = _ref28[2],
-        w = _ref28[3];
+  }, []).map(function (_ref28) {
+    var _ref29 = _slicedToArray(_ref28, 4),
+        x = _ref29[0],
+        y = _ref29[1],
+        z = _ref29[2],
+        w = _ref29[3];
 
     return [x + left, y + top, z, w];
   });
@@ -5453,7 +5511,8 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
         transformOrigin: nextTransformOrigin,
         transform: {
           containerMatrix: getTransformToElement(restrictContainer, restrictContainer.parentNode)
-        }
+        },
+        cached: {}
       };
       [].concat(_toConsumableArray(elements), [controls]).map(function (target) {
         return helper(target).on(E_MOUSEDOWN$3, _this._onMouseDown).on(E_TOUCHSTART$3, _this._onTouchStart);
@@ -6244,6 +6303,7 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
     value: function _updateControlsView() {
       var matrix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : createSVGMatrix();
       this.storage.controls.setAttribute('transform', matrixToString(matrix));
+      this.storage.cached.controlsMatrix = matrix;
     }
   }, {
     key: "_applyTransformToHandles",
@@ -6373,41 +6433,75 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
 
         var hW = width / 2,
             hH = height / 2;
-        newX = bx + hW + dx;
-        newY = by + hH + dy;
+
+        var _pointTo9 = pointTo(nextTransform, bx + hW + dx, by + hH + dy);
+
+        newX = _pointTo9.x;
+        newY = _pointTo9.y;
       } else {
         newX = x;
         newY = y;
       }
 
-      var _pointTo9 = pointTo(nextTransform, newX, newY),
-          nextX = _pointTo9.x,
-          nextY = _pointTo9.y;
-
-      handle.cx.baseVal.value = nextX;
-      handle.cy.baseVal.value = nextY;
-      radius.x2.baseVal.value = nextX;
-      radius.y2.baseVal.value = nextY;
+      handle.cx.baseVal.value = newX;
+      handle.cy.baseVal.value = newY;
+      radius.x2.baseVal.value = newX;
+      radius.y2.baseVal.value = newY;
       center.isShifted = pin;
-      storage.transformOrigin = pointTo(createSVGMatrix(), nextX, nextY);
+      storage.transformOrigin = pointTo(createSVGMatrix(), newX, newY);
     }
   }, {
     key: "fitControlsToSize",
     value: function fitControlsToSize() {
       var _this$storage16 = this.storage,
-          storage = _this$storage16 === void 0 ? {} : _this$storage16;
-      var identityMatrix = createSVGMatrix();
-      this.storage = _objectSpread2({}, storage, {
-        transform: _objectSpread2({}, storage.transform || {}, {
-          controlsMatrix: identityMatrix
-        })
-      });
+          controls = _this$storage16.controls,
+          _this$storage16$cente = _this$storage16.center;
+      _this$storage16$cente = _this$storage16$cente === void 0 ? {} : _this$storage16$cente;
+      var isShifted = _this$storage16$cente.isShifted,
+          _this$storage16$trans = _this$storage16.transformOrigin;
+      _this$storage16$trans = _this$storage16$trans === void 0 ? {} : _this$storage16$trans;
+      var originX = _this$storage16$trans.x,
+          originY = _this$storage16$trans.y;
+      var controlsMatrix = getTransformToElement(controls, controls.parentNode);
+
+      var _pointTo10 = pointTo(controlsMatrix, originX, originY),
+          dx = _pointTo10.x,
+          dy = _pointTo10.y;
+
+      var _find = [{
+        nextValues: function nextValues() {
+          return {
+            x: dx,
+            y: dy
+          };
+        },
+        pin: true,
+        condition: function condition() {
+          return isShifted;
+        }
+      }, {
+        nextValues: function nextValues() {
+          return {
+            dx: 0,
+            dy: 0
+          };
+        },
+        pin: false,
+        condition: function condition() {
+          return !isShifted;
+        }
+      }].find(function (_ref21) {
+        var condition = _ref21.condition;
+        return condition();
+      }),
+          nextValues = _find.nextValues,
+          pin = _find.pin;
 
-      this._updateControlsView(identityMatrix);
+      this._updateControlsView();
 
-      this._applyTransformToHandles({
-        boxMatrix: identityMatrix
-      });
+      this.setTransformOrigin(_objectSpread2({}, nextValues()), pin);
+
+      this._applyTransformToHandles();
     }
   }, {
     key: "getBoundingRect",
@@ -6437,9 +6531,9 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
 
       var restrictBBox = this._getRestrictedBBox(true);
 
-      var nextVertices = values$2(vertices).map(function (_ref21) {
-        var x = _ref21.x,
-            y = _ref21.y;
+      var nextVertices = values$2(vertices).map(function (_ref22) {
+        var x = _ref22.x,
+            y = _ref22.y;
         return [x, y];
       });
 
@@ -6497,9 +6591,9 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
         var parentMatrix = getTransformToElement(element.parentNode, container);
         parentMatrix.e = parentMatrix.f = 0;
 
-        var _pointTo10 = pointTo(parentMatrix.inverse(), getXDir(), getYDir()),
-            x = _pointTo10.x,
-            y = _pointTo10.y;
+        var _pointTo11 = pointTo(parentMatrix.inverse(), getXDir(), getYDir()),
+            x = _pointTo11.x,
+            y = _pointTo11.y;
 
         var moveElementMtrx = createTranslateMatrix$1(x, y).multiply(getTransformToElement(element, element.parentNode));
 
@@ -6529,12 +6623,12 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
       };
       var nextTransform = isGrouped ? createSVGMatrix() : getTransformToElement(elements[0], container);
 
-      var _entries$reduce = entries$1(vertices).reduce(function (nextRes, _ref22) {
-        var _ref23 = _slicedToArray(_ref22, 2),
-            key = _ref23[0],
-            _ref23$ = _slicedToArray(_ref23[1], 2),
-            x = _ref23$[0],
-            y = _ref23$[1];
+      var _entries$reduce = entries$1(vertices).reduce(function (nextRes, _ref23) {
+        var _ref24 = _slicedToArray(_ref23, 2),
+            key = _ref24[0],
+            _ref24$ = _slicedToArray(_ref24[1], 2),
+            x = _ref24$[0],
+            y = _ref24$[1];
 
         nextRes[key] = pointTo(nextTransform, x, y);
         return nextRes;
@@ -6556,9 +6650,9 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
   return DraggableSVG;
 }(Transformable);
 
-var applyTranslate = function applyTranslate(element, _ref24) {
-  var x = _ref24.x,
-      y = _ref24.y;
+var applyTranslate = function applyTranslate(element, _ref25) {
+  var x = _ref25.x,
+      y = _ref25.y;
   var attrs = [];
 
   switch (element.tagName.toLowerCase()) {
@@ -6655,9 +6749,9 @@ var applyResize = function applyResize(element, data) {
             y = storedData.y,
             textLength = storedData.textLength;
 
-        var _pointTo11 = pointTo(localCTM, x, y),
-            resX = _pointTo11.x,
-            resY = _pointTo11.y;
+        var _pointTo12 = pointTo(localCTM, x, y),
+            resX = _pointTo12.x,
+            resY = _pointTo12.y;
 
         attrs.push(['x', resX + (scaleX < 0 ? boxW : 0)], ['y', resY - (scaleY < 0 ? boxH : 0)], ['textLength', Math.abs(scaleX * textLength)]);
         break;
@@ -6670,9 +6764,9 @@ var applyResize = function applyResize(element, data) {
             cy = storedData.cy,
             newR = r * (Math.abs(scaleX) + Math.abs(scaleY)) / 2;
 
-        var _pointTo12 = pointTo(localCTM, cx, cy),
-            _resX3 = _pointTo12.x,
-            _resY3 = _pointTo12.y;
+        var _pointTo13 = pointTo(localCTM, cx, cy),
+            _resX3 = _pointTo13.x,
+            _resY3 = _pointTo13.y;
 
         attrs.push(['r', newR], ['cx', _resX3], ['cy', _resY3]);
         break;
@@ -6688,9 +6782,9 @@ var applyResize = function applyResize(element, data) {
               _x5 = storedData.x,
               _y5 = storedData.y;
 
-          var _pointTo13 = pointTo(localCTM, _x5, _y5),
-              _resX4 = _pointTo13.x,
-              _resY4 = _pointTo13.y;
+          var _pointTo14 = pointTo(localCTM, _x5, _y5),
+              _resX4 = _pointTo14.x,
+              _resY4 = _pointTo14.y;
 
           var newWidth = Math.abs(width * scaleX),
               newHeight = Math.abs(height * scaleY);
@@ -6714,17 +6808,17 @@ var applyResize = function applyResize(element, data) {
             _cx = storedData.cx,
             _cy = storedData.cy;
 
-        var _pointTo14 = pointTo(localCTM, _cx, _cy),
-            cx1 = _pointTo14.x,
-            cy1 = _pointTo14.y;
+        var _pointTo15 = pointTo(localCTM, _cx, _cy),
+            cx1 = _pointTo15.x,
+            cy1 = _pointTo15.y;
 
         var scaleMatrix = createSVGMatrix();
         scaleMatrix.a = scaleX;
         scaleMatrix.d = scaleY;
 
-        var _pointTo15 = pointTo(scaleMatrix, rx, ry),
-            nRx = _pointTo15.x,
-            nRy = _pointTo15.y;
+        var _pointTo16 = pointTo(scaleMatrix, rx, ry),
+            nRx = _pointTo16.x,
+            nRy = _pointTo16.y;
 
         attrs.push(['rx', Math.abs(nRx)], ['ry', Math.abs(nRy)], ['cx', cx1], ['cy', cy1]);
         break;
@@ -6737,13 +6831,13 @@ var applyResize = function applyResize(element, data) {
             resX2 = storedData.resX2,
             resY2 = storedData.resY2;
 
-        var _pointTo16 = pointTo(localCTM, resX1, resY1),
-            resX1_ = _pointTo16.x,
-            resY1_ = _pointTo16.y;
+        var _pointTo17 = pointTo(localCTM, resX1, resY1),
+            resX1_ = _pointTo17.x,
+            resY1_ = _pointTo17.y;
 
-        var _pointTo17 = pointTo(localCTM, resX2, resY2),
-            resX2_ = _pointTo17.x,
-            resY2_ = _pointTo17.y;
+        var _pointTo18 = pointTo(localCTM, resX2, resY2),
+            resX2_ = _pointTo18.x,
+            resY2_ = _pointTo18.y;
 
         attrs.push(['x1', resX1_], ['y1', resY1_], ['x2', resX2_], ['y2', resY2_]);
         break;
@@ -6754,9 +6848,9 @@ var applyResize = function applyResize(element, data) {
       {
         var points = storedData.points;
         var result = parsePoints(points).map(function (item) {
-          var _pointTo18 = pointTo(localCTM, Number(item[0]), Number(item[1])),
-              x = _pointTo18.x,
-              y = _pointTo18.y;
+          var _pointTo19 = pointTo(localCTM, Number(item[0]), Number(item[1])),
+              x = _pointTo19.x,
+              y = _pointTo19.y;
 
           item[0] = floatToFixed(x);
           item[1] = floatToFixed(y);
@@ -6777,10 +6871,10 @@ var applyResize = function applyResize(element, data) {
       }
   }
 
-  attrs.forEach(function (_ref25) {
-    var _ref26 = _slicedToArray(_ref25, 2),
-        key = _ref26[0],
-        value = _ref26[1];
+  attrs.forEach(function (_ref26) {
+    var _ref27 = _slicedToArray(_ref26, 2),
+        key = _ref27[0],
+        value = _ref27[1];
 
     element.setAttribute(key, value);
   });
@@ -6798,10 +6892,10 @@ var createHandler$1 = function createHandler(left, top, color, key) {
     'fill-opacity': 1,
     'vector-effect': 'non-scaling-stroke'
   };
-  entries$1(attrs).forEach(function (_ref27) {
-    var _ref28 = _slicedToArray(_ref27, 2),
-        attr = _ref28[0],
-        value = _ref28[1];
+  entries$1(attrs).forEach(function (_ref28) {
+    var _ref29 = _slicedToArray(_ref28, 2),
+        attr = _ref29[0],
+        value = _ref29[1];
 
     return handler.setAttribute(attr, value);
   });
@@ -6918,10 +7012,10 @@ var storeElementAttributes = function storeElementAttributes(element, storage, c
   }));
 };
 
-var renderLine$1 = function renderLine(_ref29, color, key) {
-  var _ref30 = _slicedToArray(_ref29, 2),
-      b = _ref30[0],
-      e = _ref30[1];
+var renderLine$1 = function renderLine(_ref30, color, key) {
+  var _ref31 = _slicedToArray(_ref30, 2),
+      b = _ref31[0],
+      e = _ref31[1];
 
   var handler = createSVGElement('line', ['sjx-svg-line', "sjx-svg-line-".concat(key)]);
   var attrs = {
@@ -6933,10 +7027,10 @@ var renderLine$1 = function renderLine(_ref29, color, key) {
     'stroke-width': 1,
     'vector-effect': 'non-scaling-stroke'
   };
-  entries$1(attrs).forEach(function (_ref31) {
-    var _ref32 = _slicedToArray(_ref31, 2),
-        attr = _ref32[0],
-        value = _ref32[1];
+  entries$1(attrs).forEach(function (_ref32) {
+    var _ref33 = _slicedToArray(_ref32, 2),
+        attr = _ref33[0],
+        value = _ref33[1];
 
     return handler.setAttribute(attr, value);
   });
@@ -6950,14 +7044,14 @@ var _getBoundingRect$1 = function _getBoundingRect(element, ctm) {
       width = bBox.width,
       height = bBox.height;
   var vertices = [[x, y], [x + width, y], [x + width, y + height], [x, y + height]];
-  return vertices.map(function (_ref33) {
-    var _ref34 = _slicedToArray(_ref33, 2),
-        l = _ref34[0],
-        t = _ref34[1];
-
-    var _pointTo19 = pointTo(ctm, l, t),
-        nx = _pointTo19.x,
-        ny = _pointTo19.y;
+  return vertices.map(function (_ref34) {
+    var _ref35 = _slicedToArray(_ref34, 2),
+        l = _ref35[0],
+        t = _ref35[1];
+
+    var _pointTo20 = pointTo(ctm, l, t),
+        nx = _pointTo20.x,
+        ny = _pointTo20.y;
 
     return [nx, ny];
   });
diff --git a/dist/js/subjx.dev.js b/dist/js/subjx.dev.js
index a9a2f12..4e1ada1 100644
--- a/dist/js/subjx.dev.js
+++ b/dist/js/subjx.dev.js
@@ -2002,10 +2002,15 @@
           var storage = this.storage,
               _this$storage5 = this.storage,
               prevTransformOrigin = _this$storage5.transformOrigin,
+              _this$storage5$transf = _this$storage5.transform;
+          _this$storage5$transf = _this$storage5$transf === void 0 ? {} : _this$storage5$transf;
+          var prevControlsMatrix = _this$storage5$transf.controlsMatrix,
               _this$storage5$cached = _this$storage5.cached;
           _this$storage5$cached = _this$storage5$cached === void 0 ? {} : _this$storage5$cached;
           var _this$storage5$cached2 = _this$storage5$cached.transformOrigin,
-              transformOrigin = _this$storage5$cached2 === void 0 ? prevTransformOrigin : _this$storage5$cached2;
+              transformOrigin = _this$storage5$cached2 === void 0 ? prevTransformOrigin : _this$storage5$cached2,
+              _this$storage5$cached3 = _this$storage5$cached.controlsMatrix,
+              controlsMatrix = _this$storage5$cached3 === void 0 ? prevControlsMatrix : _this$storage5$cached3;
           this.storage = _objectSpread2({}, storage, {
             doResize: false,
             doDrag: false,
@@ -2015,6 +2020,7 @@
             onExecution: false,
             cursor: null,
             transformOrigin: transformOrigin,
+            controlsMatrix: controlsMatrix,
             cached: {}
           });
         }
@@ -2752,7 +2758,8 @@
             transformOrigin: nextTransformOrigin,
             transform: {
               containerMatrix: getCurrentTransformMatrix(restrictContainer, restrictContainer.parentNode)
-            }
+            },
+            cached: {}
           };
           [].concat(_toConsumableArray(elements), [controls]).map(function (target) {
             return helper(target).on(E_MOUSEDOWN$2, _this._onMouseDown).on(E_TOUCHSTART$2, _this._onTouchStart);
@@ -3198,9 +3205,8 @@
               center = _this$storage5.center,
               transformOrigin = _this$storage5.transformOrigin;
           var moveControlsMtrx = multiplyMatrix(controlsMatrix, createTranslateMatrix(dx, dy));
-          var wrapperStyle = matrixToCSS(flatMatrix(moveControlsMtrx));
 
-          this._updateControlsView(wrapperStyle);
+          this._updateControlsView(moveControlsMtrx);
 
           var centerTransformMatrix = dropTranslate(matrixInvert(wrapperMatrix));
 
@@ -3343,8 +3349,11 @@
         }
       }, {
         key: "_updateControlsView",
-        value: function _updateControlsView(css) {
-          helper(this.storage.controls).css(css);
+        value: function _updateControlsView() {
+          var matrix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : createIdentityMatrix();
+          var cssStyle = matrixToCSS(flatMatrix(matrix));
+          helper(this.storage.controls).css(cssStyle);
+          this.storage.cached.controlsMatrix = matrix;
         }
       }, {
         key: "_getVertices",
@@ -3571,11 +3580,15 @@
               showNormal = _this$options10.showNormal,
               _this$storage8 = this.storage,
               handles = _this$storage8.handles,
+              controls = _this$storage8.controls,
               _this$storage8$center = _this$storage8.center;
           _this$storage8$center = _this$storage8$center === void 0 ? {} : _this$storage8$center;
           var _this$storage8$center2 = _this$storage8$center.isShifted,
               isShifted = _this$storage8$center2 === void 0 ? false : _this$storage8$center2,
-              controlsMatrix = _this$storage8.transform.controlsMatrix;
+              _this$storage8$transf = _this$storage8.transform;
+          _this$storage8$transf = _this$storage8$transf === void 0 ? {} : _this$storage8$transf;
+          var _this$storage8$transf2 = _this$storage8$transf.controlsMatrix,
+              controlsMatrix = _this$storage8$transf2 === void 0 ? getCurrentTransformMatrix(controls, controls.parentNode) : _this$storage8$transf2;
           var matrix = multiplyMatrix(boxMatrix, // better to find result matrix instead of calculated
           matrixInvert(controlsMatrix));
 
@@ -3686,35 +3699,78 @@
           if (isRelative) {
             var offsetHeight = element.offsetHeight,
                 offsetWidth = element.offsetWidth;
-            newX = -dx + offsetWidth / 2;
-            newY = -dy + offsetHeight / 2;
+            var relX = -dx + offsetWidth / 2;
+            var relY = -dy + offsetHeight / 2;
+
+            var _multiplyMatrixAndPoi17 = multiplyMatrixAndPoint(matrix, [relX, relY, 0, 1]);
+
+            var _multiplyMatrixAndPoi18 = _slicedToArray(_multiplyMatrixAndPoi17, 2);
+
+            newX = _multiplyMatrixAndPoi18[0];
+            newY = _multiplyMatrixAndPoi18[1];
           } else {
             newX = x;
             newY = y;
           }
 
-          var _multiplyMatrixAndPoi17 = multiplyMatrixAndPoint(matrix, [newX, newY, 0, 1]),
-              _multiplyMatrixAndPoi18 = _slicedToArray(_multiplyMatrixAndPoi17, 2),
-              nextX = _multiplyMatrixAndPoi18[0],
-              nextY = _multiplyMatrixAndPoi18[1];
-
           helper(handle).css({
-            transform: "translate(".concat(nextX + offsetLeft, "px, ").concat(nextY + offsetTop, "px)")
+            transform: "translate(".concat(newX + offsetLeft, "px, ").concat(newY + offsetTop, "px)")
           });
           center.isShifted = pin;
-          storage.transformOrigin = multiplyMatrixAndPoint(createIdentityMatrix(), [nextX, nextY, 0, 1]);
+          storage.transformOrigin = multiplyMatrixAndPoint(createIdentityMatrix(), [newX, newY, 0, 1]);
         }
       }, {
         key: "fitControlsToSize",
         value: function fitControlsToSize() {
-          var identityMatrix = createIdentityMatrix();
-          this.storage = _objectSpread2({}, this.storage, {
-            transform: _objectSpread2({}, this.storage.transform || {}, {
-              controlsMatrix: identityMatrix
-            })
-          });
+          var _this$storage10 = this.storage,
+              controls = _this$storage10.controls,
+              _this$storage10$cente = _this$storage10.center;
+          _this$storage10$cente = _this$storage10$cente === void 0 ? {} : _this$storage10$cente;
+
+          var isShifted = _this$storage10$cente.isShifted,
+              _this$storage10$trans = _slicedToArray(_this$storage10.transformOrigin, 2),
+              originX = _this$storage10$trans[0],
+              originY = _this$storage10$trans[1];
+
+          var controlsMatrix = getCurrentTransformMatrix(controls, controls.parentNode);
+
+          var _multiplyMatrixAndPoi19 = multiplyMatrixAndPoint(controlsMatrix, [originX, originY, 0, 1]),
+              _multiplyMatrixAndPoi20 = _slicedToArray(_multiplyMatrixAndPoi19, 2),
+              dx = _multiplyMatrixAndPoi20[0],
+              dy = _multiplyMatrixAndPoi20[1];
+
+          var _find = [{
+            nextValues: function nextValues() {
+              return {
+                x: dx,
+                y: dy
+              };
+            },
+            pin: true,
+            condition: function condition() {
+              return isShifted;
+            }
+          }, {
+            nextValues: function nextValues() {
+              return {
+                dx: 0,
+                dy: 0
+              };
+            },
+            pin: false,
+            condition: function condition() {
+              return !isShifted;
+            }
+          }].find(function (_ref21) {
+            var condition = _ref21.condition;
+            return condition();
+          }),
+              nextValues = _find.nextValues,
+              pin = _find.pin;
+
+          this._updateControlsView();
 
-          this._updateControlsView(matrixToCSS(flatMatrix(identityMatrix)));
+          this.setTransformOrigin(_objectSpread2({}, nextValues()), pin);
 
           this._applyTransformToHandles();
         }
@@ -3731,21 +3787,21 @@
               scalable = _this$options12.scalable,
               restrict = _this$options12.restrict,
               container = _this$options12.container,
-              _this$storage10 = this.storage,
-              bBox = _this$storage10.bBox,
-              _this$storage10$bBox = _this$storage10.bBox;
-
-          _this$storage10$bBox = _this$storage10$bBox === void 0 ? {} : _this$storage10$bBox;
-          var width = _this$storage10$bBox.width,
-              height = _this$storage10$bBox.height,
-              _this$storage10$cache = _this$storage10.cached;
-          _this$storage10$cache = _this$storage10$cache === void 0 ? {} : _this$storage10$cache;
-          var _this$storage10$cache2 = _this$storage10$cache.bBox;
-          _this$storage10$cache2 = _this$storage10$cache2 === void 0 ? {} : _this$storage10$cache2;
-          var _this$storage10$cache3 = _this$storage10$cache2.width,
-              nextWidth = _this$storage10$cache3 === void 0 ? width : _this$storage10$cache3,
-              _this$storage10$cache4 = _this$storage10$cache2.height,
-              nextHeight = _this$storage10$cache4 === void 0 ? height : _this$storage10$cache4;
+              _this$storage11 = this.storage,
+              bBox = _this$storage11.bBox,
+              _this$storage11$bBox = _this$storage11.bBox;
+
+          _this$storage11$bBox = _this$storage11$bBox === void 0 ? {} : _this$storage11$bBox;
+          var width = _this$storage11$bBox.width,
+              height = _this$storage11$bBox.height,
+              _this$storage11$cache = _this$storage11.cached;
+          _this$storage11$cache = _this$storage11$cache === void 0 ? {} : _this$storage11$cache;
+          var _this$storage11$cache2 = _this$storage11$cache.bBox;
+          _this$storage11$cache2 = _this$storage11$cache2 === void 0 ? {} : _this$storage11$cache2;
+          var _this$storage11$cache3 = _this$storage11$cache2.width,
+              nextWidth = _this$storage11$cache3 === void 0 ? width : _this$storage11$cache3,
+              _this$storage11$cache4 = _this$storage11$cache2.height,
+              nextHeight = _this$storage11$cache4 === void 0 ? height : _this$storage11$cache4;
           var nextBox = scalable ? bBox : _objectSpread2({}, bBox, {
             width: nextWidth,
             height: nextHeight
@@ -3756,6 +3812,8 @@
       }, {
         key: "applyAlignment",
         value: function applyAlignment(direction) {
+          var _this2 = this;
+
           var elements = this.elements,
               container = this.options.container;
 
@@ -3819,15 +3877,15 @@
             }
           };
 
-          var _multiplyMatrixAndPoi19 = multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(elements[0].parentNode, container))), [getXDir(), getYDir(), 0, 1]),
-              _multiplyMatrixAndPoi20 = _slicedToArray(_multiplyMatrixAndPoi19, 2),
-              x = _multiplyMatrixAndPoi20[0],
-              y = _multiplyMatrixAndPoi20[1];
+          var _multiplyMatrixAndPoi21 = multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(elements[0].parentNode, container))), [getXDir(), getYDir(), 0, 1]),
+              _multiplyMatrixAndPoi22 = _slicedToArray(_multiplyMatrixAndPoi21, 2),
+              x = _multiplyMatrixAndPoi22[0],
+              y = _multiplyMatrixAndPoi22[1];
 
           var moveElementMtrx = multiplyMatrix(getTransform(elements[0]), createTranslateMatrix(x, y));
-
-          this._updateElementView(elements[0], matrixToCSS(flatMatrix(moveElementMtrx)));
-
+          elements.map(function (element) {
+            return _this2._updateElementView(element, matrixToCSS(flatMatrix(moveElementMtrx)));
+          });
           this.fitControlsToSize();
         }
       }, {
@@ -3840,10 +3898,10 @@
               element = _this$elements9[0],
               isGrouped = this.options.isGrouped;
 
-          var _ref21 = isGrouped ? this._getGroupVertices() : this._getElementVertices(element, createIdentityMatrix()),
-              tl = _ref21.tl,
-              tr = _ref21.tr,
-              br = _ref21.br;
+          var _ref22 = isGrouped ? this._getGroupVertices() : this._getElementVertices(element, createIdentityMatrix()),
+              tl = _ref22.tl,
+              tr = _ref22.tr,
+              br = _ref22.br;
 
           return {
             x: floatToFixed(tl[0]),
@@ -3858,10 +3916,10 @@
       return Draggable;
     }(Transformable);
 
-    var createHandler = function createHandler(_ref22) {
-      var _ref23 = _slicedToArray(_ref22, 2),
-          x = _ref23[0],
-          y = _ref23[1];
+    var createHandler = function createHandler(_ref23) {
+      var _ref24 = _slicedToArray(_ref23, 2),
+          x = _ref24[0],
+          y = _ref24[1];
 
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'handler';
       var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -3872,12 +3930,12 @@
       return element;
     };
 
-    var renderLine = function renderLine(_ref24, key) {
-      var _ref25 = _slicedToArray(_ref24, 3),
-          pt1 = _ref25[0],
-          pt2 = _ref25[1],
-          _ref25$ = _ref25[2],
-          thickness = _ref25$ === void 0 ? 1 : _ref25$;
+    var renderLine = function renderLine(_ref25, key) {
+      var _ref26 = _slicedToArray(_ref25, 3),
+          pt1 = _ref26[0],
+          pt2 = _ref26[1],
+          _ref26$ = _ref26[2],
+          thickness = _ref26$ === void 0 ? 1 : _ref26$;
 
       var _getLineAttrs2 = getLineAttrs(pt1, pt2, thickness),
           cx = _getLineAttrs2.cx,
@@ -3924,7 +3982,7 @@
           offsetLeft = _getAbsoluteOffset16[0],
           offsetTop = _getAbsoluteOffset16[1];
 
-      var _ref26 = bBox || {
+      var _ref27 = bBox || {
         width: element.offsetWidth,
         height: element.offsetHeight,
         offset: {
@@ -3932,22 +3990,22 @@
           top: offsetTop
         }
       },
-          width = _ref26.width,
-          height = _ref26.height,
-          _ref26$offset = _ref26.offset;
+          width = _ref27.width,
+          height = _ref27.height,
+          _ref27$offset = _ref27.offset;
 
-      _ref26$offset = _ref26$offset === void 0 ? {} : _ref26$offset;
-      var left = _ref26$offset.left,
-          top = _ref26$offset.top;
+      _ref27$offset = _ref27$offset === void 0 ? {} : _ref27$offset;
+      var left = _ref27$offset.left,
+          top = _ref27$offset.top;
       var vertices = [[0, 0, 0, 1], [width, 0, 0, 1], [0, height, 0, 1], [width, height, 0, 1]];
       return vertices.reduce(function (nextVerteces, vertex) {
         return [].concat(_toConsumableArray(nextVerteces), [multiplyMatrixAndPoint(ctm, vertex)]);
-      }, []).map(function (_ref27) {
-        var _ref28 = _slicedToArray(_ref27, 4),
-            x = _ref28[0],
-            y = _ref28[1],
-            z = _ref28[2],
-            w = _ref28[3];
+      }, []).map(function (_ref28) {
+        var _ref29 = _slicedToArray(_ref28, 4),
+            x = _ref29[0],
+            y = _ref29[1],
+            z = _ref29[2],
+            w = _ref29[3];
 
         return [x + left, y + top, z, w];
       });
@@ -5457,7 +5515,8 @@
             transformOrigin: nextTransformOrigin,
             transform: {
               containerMatrix: getTransformToElement(restrictContainer, restrictContainer.parentNode)
-            }
+            },
+            cached: {}
           };
           [].concat(_toConsumableArray(elements), [controls]).map(function (target) {
             return helper(target).on(E_MOUSEDOWN$3, _this._onMouseDown).on(E_TOUCHSTART$3, _this._onTouchStart);
@@ -6248,6 +6307,7 @@
         value: function _updateControlsView() {
           var matrix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : createSVGMatrix();
           this.storage.controls.setAttribute('transform', matrixToString(matrix));
+          this.storage.cached.controlsMatrix = matrix;
         }
       }, {
         key: "_applyTransformToHandles",
@@ -6377,41 +6437,75 @@
 
             var hW = width / 2,
                 hH = height / 2;
-            newX = bx + hW + dx;
-            newY = by + hH + dy;
+
+            var _pointTo9 = pointTo(nextTransform, bx + hW + dx, by + hH + dy);
+
+            newX = _pointTo9.x;
+            newY = _pointTo9.y;
           } else {
             newX = x;
             newY = y;
           }
 
-          var _pointTo9 = pointTo(nextTransform, newX, newY),
-              nextX = _pointTo9.x,
-              nextY = _pointTo9.y;
-
-          handle.cx.baseVal.value = nextX;
-          handle.cy.baseVal.value = nextY;
-          radius.x2.baseVal.value = nextX;
-          radius.y2.baseVal.value = nextY;
+          handle.cx.baseVal.value = newX;
+          handle.cy.baseVal.value = newY;
+          radius.x2.baseVal.value = newX;
+          radius.y2.baseVal.value = newY;
           center.isShifted = pin;
-          storage.transformOrigin = pointTo(createSVGMatrix(), nextX, nextY);
+          storage.transformOrigin = pointTo(createSVGMatrix(), newX, newY);
         }
       }, {
         key: "fitControlsToSize",
         value: function fitControlsToSize() {
           var _this$storage16 = this.storage,
-              storage = _this$storage16 === void 0 ? {} : _this$storage16;
-          var identityMatrix = createSVGMatrix();
-          this.storage = _objectSpread2({}, storage, {
-            transform: _objectSpread2({}, storage.transform || {}, {
-              controlsMatrix: identityMatrix
-            })
-          });
+              controls = _this$storage16.controls,
+              _this$storage16$cente = _this$storage16.center;
+          _this$storage16$cente = _this$storage16$cente === void 0 ? {} : _this$storage16$cente;
+          var isShifted = _this$storage16$cente.isShifted,
+              _this$storage16$trans = _this$storage16.transformOrigin;
+          _this$storage16$trans = _this$storage16$trans === void 0 ? {} : _this$storage16$trans;
+          var originX = _this$storage16$trans.x,
+              originY = _this$storage16$trans.y;
+          var controlsMatrix = getTransformToElement(controls, controls.parentNode);
+
+          var _pointTo10 = pointTo(controlsMatrix, originX, originY),
+              dx = _pointTo10.x,
+              dy = _pointTo10.y;
+
+          var _find = [{
+            nextValues: function nextValues() {
+              return {
+                x: dx,
+                y: dy
+              };
+            },
+            pin: true,
+            condition: function condition() {
+              return isShifted;
+            }
+          }, {
+            nextValues: function nextValues() {
+              return {
+                dx: 0,
+                dy: 0
+              };
+            },
+            pin: false,
+            condition: function condition() {
+              return !isShifted;
+            }
+          }].find(function (_ref21) {
+            var condition = _ref21.condition;
+            return condition();
+          }),
+              nextValues = _find.nextValues,
+              pin = _find.pin;
 
-          this._updateControlsView(identityMatrix);
+          this._updateControlsView();
 
-          this._applyTransformToHandles({
-            boxMatrix: identityMatrix
-          });
+          this.setTransformOrigin(_objectSpread2({}, nextValues()), pin);
+
+          this._applyTransformToHandles();
         }
       }, {
         key: "getBoundingRect",
@@ -6441,9 +6535,9 @@
 
           var restrictBBox = this._getRestrictedBBox(true);
 
-          var nextVertices = values$2(vertices).map(function (_ref21) {
-            var x = _ref21.x,
-                y = _ref21.y;
+          var nextVertices = values$2(vertices).map(function (_ref22) {
+            var x = _ref22.x,
+                y = _ref22.y;
             return [x, y];
           });
 
@@ -6501,9 +6595,9 @@
             var parentMatrix = getTransformToElement(element.parentNode, container);
             parentMatrix.e = parentMatrix.f = 0;
 
-            var _pointTo10 = pointTo(parentMatrix.inverse(), getXDir(), getYDir()),
-                x = _pointTo10.x,
-                y = _pointTo10.y;
+            var _pointTo11 = pointTo(parentMatrix.inverse(), getXDir(), getYDir()),
+                x = _pointTo11.x,
+                y = _pointTo11.y;
 
             var moveElementMtrx = createTranslateMatrix$1(x, y).multiply(getTransformToElement(element, element.parentNode));
 
@@ -6533,12 +6627,12 @@
           };
           var nextTransform = isGrouped ? createSVGMatrix() : getTransformToElement(elements[0], container);
 
-          var _entries$reduce = entries$1(vertices).reduce(function (nextRes, _ref22) {
-            var _ref23 = _slicedToArray(_ref22, 2),
-                key = _ref23[0],
-                _ref23$ = _slicedToArray(_ref23[1], 2),
-                x = _ref23$[0],
-                y = _ref23$[1];
+          var _entries$reduce = entries$1(vertices).reduce(function (nextRes, _ref23) {
+            var _ref24 = _slicedToArray(_ref23, 2),
+                key = _ref24[0],
+                _ref24$ = _slicedToArray(_ref24[1], 2),
+                x = _ref24$[0],
+                y = _ref24$[1];
 
             nextRes[key] = pointTo(nextTransform, x, y);
             return nextRes;
@@ -6560,9 +6654,9 @@
       return DraggableSVG;
     }(Transformable);
 
-    var applyTranslate = function applyTranslate(element, _ref24) {
-      var x = _ref24.x,
-          y = _ref24.y;
+    var applyTranslate = function applyTranslate(element, _ref25) {
+      var x = _ref25.x,
+          y = _ref25.y;
       var attrs = [];
 
       switch (element.tagName.toLowerCase()) {
@@ -6659,9 +6753,9 @@
                 y = storedData.y,
                 textLength = storedData.textLength;
 
-            var _pointTo11 = pointTo(localCTM, x, y),
-                resX = _pointTo11.x,
-                resY = _pointTo11.y;
+            var _pointTo12 = pointTo(localCTM, x, y),
+                resX = _pointTo12.x,
+                resY = _pointTo12.y;
 
             attrs.push(['x', resX + (scaleX < 0 ? boxW : 0)], ['y', resY - (scaleY < 0 ? boxH : 0)], ['textLength', Math.abs(scaleX * textLength)]);
             break;
@@ -6674,9 +6768,9 @@
                 cy = storedData.cy,
                 newR = r * (Math.abs(scaleX) + Math.abs(scaleY)) / 2;
 
-            var _pointTo12 = pointTo(localCTM, cx, cy),
-                _resX3 = _pointTo12.x,
-                _resY3 = _pointTo12.y;
+            var _pointTo13 = pointTo(localCTM, cx, cy),
+                _resX3 = _pointTo13.x,
+                _resY3 = _pointTo13.y;
 
             attrs.push(['r', newR], ['cx', _resX3], ['cy', _resY3]);
             break;
@@ -6692,9 +6786,9 @@
                   _x5 = storedData.x,
                   _y5 = storedData.y;
 
-              var _pointTo13 = pointTo(localCTM, _x5, _y5),
-                  _resX4 = _pointTo13.x,
-                  _resY4 = _pointTo13.y;
+              var _pointTo14 = pointTo(localCTM, _x5, _y5),
+                  _resX4 = _pointTo14.x,
+                  _resY4 = _pointTo14.y;
 
               var newWidth = Math.abs(width * scaleX),
                   newHeight = Math.abs(height * scaleY);
@@ -6718,17 +6812,17 @@
                 _cx = storedData.cx,
                 _cy = storedData.cy;
 
-            var _pointTo14 = pointTo(localCTM, _cx, _cy),
-                cx1 = _pointTo14.x,
-                cy1 = _pointTo14.y;
+            var _pointTo15 = pointTo(localCTM, _cx, _cy),
+                cx1 = _pointTo15.x,
+                cy1 = _pointTo15.y;
 
             var scaleMatrix = createSVGMatrix();
             scaleMatrix.a = scaleX;
             scaleMatrix.d = scaleY;
 
-            var _pointTo15 = pointTo(scaleMatrix, rx, ry),
-                nRx = _pointTo15.x,
-                nRy = _pointTo15.y;
+            var _pointTo16 = pointTo(scaleMatrix, rx, ry),
+                nRx = _pointTo16.x,
+                nRy = _pointTo16.y;
 
             attrs.push(['rx', Math.abs(nRx)], ['ry', Math.abs(nRy)], ['cx', cx1], ['cy', cy1]);
             break;
@@ -6741,13 +6835,13 @@
                 resX2 = storedData.resX2,
                 resY2 = storedData.resY2;
 
-            var _pointTo16 = pointTo(localCTM, resX1, resY1),
-                resX1_ = _pointTo16.x,
-                resY1_ = _pointTo16.y;
+            var _pointTo17 = pointTo(localCTM, resX1, resY1),
+                resX1_ = _pointTo17.x,
+                resY1_ = _pointTo17.y;
 
-            var _pointTo17 = pointTo(localCTM, resX2, resY2),
-                resX2_ = _pointTo17.x,
-                resY2_ = _pointTo17.y;
+            var _pointTo18 = pointTo(localCTM, resX2, resY2),
+                resX2_ = _pointTo18.x,
+                resY2_ = _pointTo18.y;
 
             attrs.push(['x1', resX1_], ['y1', resY1_], ['x2', resX2_], ['y2', resY2_]);
             break;
@@ -6758,9 +6852,9 @@
           {
             var points = storedData.points;
             var result = parsePoints(points).map(function (item) {
-              var _pointTo18 = pointTo(localCTM, Number(item[0]), Number(item[1])),
-                  x = _pointTo18.x,
-                  y = _pointTo18.y;
+              var _pointTo19 = pointTo(localCTM, Number(item[0]), Number(item[1])),
+                  x = _pointTo19.x,
+                  y = _pointTo19.y;
 
               item[0] = floatToFixed(x);
               item[1] = floatToFixed(y);
@@ -6781,10 +6875,10 @@
           }
       }
 
-      attrs.forEach(function (_ref25) {
-        var _ref26 = _slicedToArray(_ref25, 2),
-            key = _ref26[0],
-            value = _ref26[1];
+      attrs.forEach(function (_ref26) {
+        var _ref27 = _slicedToArray(_ref26, 2),
+            key = _ref27[0],
+            value = _ref27[1];
 
         element.setAttribute(key, value);
       });
@@ -6802,10 +6896,10 @@
         'fill-opacity': 1,
         'vector-effect': 'non-scaling-stroke'
       };
-      entries$1(attrs).forEach(function (_ref27) {
-        var _ref28 = _slicedToArray(_ref27, 2),
-            attr = _ref28[0],
-            value = _ref28[1];
+      entries$1(attrs).forEach(function (_ref28) {
+        var _ref29 = _slicedToArray(_ref28, 2),
+            attr = _ref29[0],
+            value = _ref29[1];
 
         return handler.setAttribute(attr, value);
       });
@@ -6922,10 +7016,10 @@
       }));
     };
 
-    var renderLine$1 = function renderLine(_ref29, color, key) {
-      var _ref30 = _slicedToArray(_ref29, 2),
-          b = _ref30[0],
-          e = _ref30[1];
+    var renderLine$1 = function renderLine(_ref30, color, key) {
+      var _ref31 = _slicedToArray(_ref30, 2),
+          b = _ref31[0],
+          e = _ref31[1];
 
       var handler = createSVGElement('line', ['sjx-svg-line', "sjx-svg-line-".concat(key)]);
       var attrs = {
@@ -6937,10 +7031,10 @@
         'stroke-width': 1,
         'vector-effect': 'non-scaling-stroke'
       };
-      entries$1(attrs).forEach(function (_ref31) {
-        var _ref32 = _slicedToArray(_ref31, 2),
-            attr = _ref32[0],
-            value = _ref32[1];
+      entries$1(attrs).forEach(function (_ref32) {
+        var _ref33 = _slicedToArray(_ref32, 2),
+            attr = _ref33[0],
+            value = _ref33[1];
 
         return handler.setAttribute(attr, value);
       });
@@ -6954,14 +7048,14 @@
           width = bBox.width,
           height = bBox.height;
       var vertices = [[x, y], [x + width, y], [x + width, y + height], [x, y + height]];
-      return vertices.map(function (_ref33) {
-        var _ref34 = _slicedToArray(_ref33, 2),
-            l = _ref34[0],
-            t = _ref34[1];
-
-        var _pointTo19 = pointTo(ctm, l, t),
-            nx = _pointTo19.x,
-            ny = _pointTo19.y;
+      return vertices.map(function (_ref34) {
+        var _ref35 = _slicedToArray(_ref34, 2),
+            l = _ref35[0],
+            t = _ref35[1];
+
+        var _pointTo20 = pointTo(ctm, l, t),
+            nx = _pointTo20.x,
+            ny = _pointTo20.y;
 
         return [nx, ny];
       });
diff --git a/dist/js/subjx.esm.js b/dist/js/subjx.esm.js
index f40a6e3..128fdff 100644
--- a/dist/js/subjx.esm.js
+++ b/dist/js/subjx.esm.js
@@ -1996,10 +1996,15 @@ var Transformable = /*#__PURE__*/function (_SubjectModel) {
       var storage = this.storage,
           _this$storage5 = this.storage,
           prevTransformOrigin = _this$storage5.transformOrigin,
+          _this$storage5$transf = _this$storage5.transform;
+      _this$storage5$transf = _this$storage5$transf === void 0 ? {} : _this$storage5$transf;
+      var prevControlsMatrix = _this$storage5$transf.controlsMatrix,
           _this$storage5$cached = _this$storage5.cached;
       _this$storage5$cached = _this$storage5$cached === void 0 ? {} : _this$storage5$cached;
       var _this$storage5$cached2 = _this$storage5$cached.transformOrigin,
-          transformOrigin = _this$storage5$cached2 === void 0 ? prevTransformOrigin : _this$storage5$cached2;
+          transformOrigin = _this$storage5$cached2 === void 0 ? prevTransformOrigin : _this$storage5$cached2,
+          _this$storage5$cached3 = _this$storage5$cached.controlsMatrix,
+          controlsMatrix = _this$storage5$cached3 === void 0 ? prevControlsMatrix : _this$storage5$cached3;
       this.storage = _objectSpread2({}, storage, {
         doResize: false,
         doDrag: false,
@@ -2009,6 +2014,7 @@ var Transformable = /*#__PURE__*/function (_SubjectModel) {
         onExecution: false,
         cursor: null,
         transformOrigin: transformOrigin,
+        controlsMatrix: controlsMatrix,
         cached: {}
       });
     }
@@ -2746,7 +2752,8 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
         transformOrigin: nextTransformOrigin,
         transform: {
           containerMatrix: getCurrentTransformMatrix(restrictContainer, restrictContainer.parentNode)
-        }
+        },
+        cached: {}
       };
       [].concat(_toConsumableArray(elements), [controls]).map(function (target) {
         return helper(target).on(E_MOUSEDOWN$2, _this._onMouseDown).on(E_TOUCHSTART$2, _this._onTouchStart);
@@ -3192,9 +3199,8 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           center = _this$storage5.center,
           transformOrigin = _this$storage5.transformOrigin;
       var moveControlsMtrx = multiplyMatrix(controlsMatrix, createTranslateMatrix(dx, dy));
-      var wrapperStyle = matrixToCSS(flatMatrix(moveControlsMtrx));
 
-      this._updateControlsView(wrapperStyle);
+      this._updateControlsView(moveControlsMtrx);
 
       var centerTransformMatrix = dropTranslate(matrixInvert(wrapperMatrix));
 
@@ -3337,8 +3343,11 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
     }
   }, {
     key: "_updateControlsView",
-    value: function _updateControlsView(css) {
-      helper(this.storage.controls).css(css);
+    value: function _updateControlsView() {
+      var matrix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : createIdentityMatrix();
+      var cssStyle = matrixToCSS(flatMatrix(matrix));
+      helper(this.storage.controls).css(cssStyle);
+      this.storage.cached.controlsMatrix = matrix;
     }
   }, {
     key: "_getVertices",
@@ -3565,11 +3574,15 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           showNormal = _this$options10.showNormal,
           _this$storage8 = this.storage,
           handles = _this$storage8.handles,
+          controls = _this$storage8.controls,
           _this$storage8$center = _this$storage8.center;
       _this$storage8$center = _this$storage8$center === void 0 ? {} : _this$storage8$center;
       var _this$storage8$center2 = _this$storage8$center.isShifted,
           isShifted = _this$storage8$center2 === void 0 ? false : _this$storage8$center2,
-          controlsMatrix = _this$storage8.transform.controlsMatrix;
+          _this$storage8$transf = _this$storage8.transform;
+      _this$storage8$transf = _this$storage8$transf === void 0 ? {} : _this$storage8$transf;
+      var _this$storage8$transf2 = _this$storage8$transf.controlsMatrix,
+          controlsMatrix = _this$storage8$transf2 === void 0 ? getCurrentTransformMatrix(controls, controls.parentNode) : _this$storage8$transf2;
       var matrix = multiplyMatrix(boxMatrix, // better to find result matrix instead of calculated
       matrixInvert(controlsMatrix));
 
@@ -3680,35 +3693,78 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
       if (isRelative) {
         var offsetHeight = element.offsetHeight,
             offsetWidth = element.offsetWidth;
-        newX = -dx + offsetWidth / 2;
-        newY = -dy + offsetHeight / 2;
+        var relX = -dx + offsetWidth / 2;
+        var relY = -dy + offsetHeight / 2;
+
+        var _multiplyMatrixAndPoi17 = multiplyMatrixAndPoint(matrix, [relX, relY, 0, 1]);
+
+        var _multiplyMatrixAndPoi18 = _slicedToArray(_multiplyMatrixAndPoi17, 2);
+
+        newX = _multiplyMatrixAndPoi18[0];
+        newY = _multiplyMatrixAndPoi18[1];
       } else {
         newX = x;
         newY = y;
       }
 
-      var _multiplyMatrixAndPoi17 = multiplyMatrixAndPoint(matrix, [newX, newY, 0, 1]),
-          _multiplyMatrixAndPoi18 = _slicedToArray(_multiplyMatrixAndPoi17, 2),
-          nextX = _multiplyMatrixAndPoi18[0],
-          nextY = _multiplyMatrixAndPoi18[1];
-
       helper(handle).css({
-        transform: "translate(".concat(nextX + offsetLeft, "px, ").concat(nextY + offsetTop, "px)")
+        transform: "translate(".concat(newX + offsetLeft, "px, ").concat(newY + offsetTop, "px)")
       });
       center.isShifted = pin;
-      storage.transformOrigin = multiplyMatrixAndPoint(createIdentityMatrix(), [nextX, nextY, 0, 1]);
+      storage.transformOrigin = multiplyMatrixAndPoint(createIdentityMatrix(), [newX, newY, 0, 1]);
     }
   }, {
     key: "fitControlsToSize",
     value: function fitControlsToSize() {
-      var identityMatrix = createIdentityMatrix();
-      this.storage = _objectSpread2({}, this.storage, {
-        transform: _objectSpread2({}, this.storage.transform || {}, {
-          controlsMatrix: identityMatrix
-        })
-      });
+      var _this$storage10 = this.storage,
+          controls = _this$storage10.controls,
+          _this$storage10$cente = _this$storage10.center;
+      _this$storage10$cente = _this$storage10$cente === void 0 ? {} : _this$storage10$cente;
+
+      var isShifted = _this$storage10$cente.isShifted,
+          _this$storage10$trans = _slicedToArray(_this$storage10.transformOrigin, 2),
+          originX = _this$storage10$trans[0],
+          originY = _this$storage10$trans[1];
+
+      var controlsMatrix = getCurrentTransformMatrix(controls, controls.parentNode);
+
+      var _multiplyMatrixAndPoi19 = multiplyMatrixAndPoint(controlsMatrix, [originX, originY, 0, 1]),
+          _multiplyMatrixAndPoi20 = _slicedToArray(_multiplyMatrixAndPoi19, 2),
+          dx = _multiplyMatrixAndPoi20[0],
+          dy = _multiplyMatrixAndPoi20[1];
+
+      var _find = [{
+        nextValues: function nextValues() {
+          return {
+            x: dx,
+            y: dy
+          };
+        },
+        pin: true,
+        condition: function condition() {
+          return isShifted;
+        }
+      }, {
+        nextValues: function nextValues() {
+          return {
+            dx: 0,
+            dy: 0
+          };
+        },
+        pin: false,
+        condition: function condition() {
+          return !isShifted;
+        }
+      }].find(function (_ref21) {
+        var condition = _ref21.condition;
+        return condition();
+      }),
+          nextValues = _find.nextValues,
+          pin = _find.pin;
+
+      this._updateControlsView();
 
-      this._updateControlsView(matrixToCSS(flatMatrix(identityMatrix)));
+      this.setTransformOrigin(_objectSpread2({}, nextValues()), pin);
 
       this._applyTransformToHandles();
     }
@@ -3725,21 +3781,21 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           scalable = _this$options12.scalable,
           restrict = _this$options12.restrict,
           container = _this$options12.container,
-          _this$storage10 = this.storage,
-          bBox = _this$storage10.bBox,
-          _this$storage10$bBox = _this$storage10.bBox;
-
-      _this$storage10$bBox = _this$storage10$bBox === void 0 ? {} : _this$storage10$bBox;
-      var width = _this$storage10$bBox.width,
-          height = _this$storage10$bBox.height,
-          _this$storage10$cache = _this$storage10.cached;
-      _this$storage10$cache = _this$storage10$cache === void 0 ? {} : _this$storage10$cache;
-      var _this$storage10$cache2 = _this$storage10$cache.bBox;
-      _this$storage10$cache2 = _this$storage10$cache2 === void 0 ? {} : _this$storage10$cache2;
-      var _this$storage10$cache3 = _this$storage10$cache2.width,
-          nextWidth = _this$storage10$cache3 === void 0 ? width : _this$storage10$cache3,
-          _this$storage10$cache4 = _this$storage10$cache2.height,
-          nextHeight = _this$storage10$cache4 === void 0 ? height : _this$storage10$cache4;
+          _this$storage11 = this.storage,
+          bBox = _this$storage11.bBox,
+          _this$storage11$bBox = _this$storage11.bBox;
+
+      _this$storage11$bBox = _this$storage11$bBox === void 0 ? {} : _this$storage11$bBox;
+      var width = _this$storage11$bBox.width,
+          height = _this$storage11$bBox.height,
+          _this$storage11$cache = _this$storage11.cached;
+      _this$storage11$cache = _this$storage11$cache === void 0 ? {} : _this$storage11$cache;
+      var _this$storage11$cache2 = _this$storage11$cache.bBox;
+      _this$storage11$cache2 = _this$storage11$cache2 === void 0 ? {} : _this$storage11$cache2;
+      var _this$storage11$cache3 = _this$storage11$cache2.width,
+          nextWidth = _this$storage11$cache3 === void 0 ? width : _this$storage11$cache3,
+          _this$storage11$cache4 = _this$storage11$cache2.height,
+          nextHeight = _this$storage11$cache4 === void 0 ? height : _this$storage11$cache4;
       var nextBox = scalable ? bBox : _objectSpread2({}, bBox, {
         width: nextWidth,
         height: nextHeight
@@ -3750,6 +3806,8 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
   }, {
     key: "applyAlignment",
     value: function applyAlignment(direction) {
+      var _this2 = this;
+
       var elements = this.elements,
           container = this.options.container;
 
@@ -3813,15 +3871,15 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
         }
       };
 
-      var _multiplyMatrixAndPoi19 = multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(elements[0].parentNode, container))), [getXDir(), getYDir(), 0, 1]),
-          _multiplyMatrixAndPoi20 = _slicedToArray(_multiplyMatrixAndPoi19, 2),
-          x = _multiplyMatrixAndPoi20[0],
-          y = _multiplyMatrixAndPoi20[1];
+      var _multiplyMatrixAndPoi21 = multiplyMatrixAndPoint(matrixInvert(dropTranslate(getCurrentTransformMatrix(elements[0].parentNode, container))), [getXDir(), getYDir(), 0, 1]),
+          _multiplyMatrixAndPoi22 = _slicedToArray(_multiplyMatrixAndPoi21, 2),
+          x = _multiplyMatrixAndPoi22[0],
+          y = _multiplyMatrixAndPoi22[1];
 
       var moveElementMtrx = multiplyMatrix(getTransform(elements[0]), createTranslateMatrix(x, y));
-
-      this._updateElementView(elements[0], matrixToCSS(flatMatrix(moveElementMtrx)));
-
+      elements.map(function (element) {
+        return _this2._updateElementView(element, matrixToCSS(flatMatrix(moveElementMtrx)));
+      });
       this.fitControlsToSize();
     }
   }, {
@@ -3834,10 +3892,10 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
           element = _this$elements9[0],
           isGrouped = this.options.isGrouped;
 
-      var _ref21 = isGrouped ? this._getGroupVertices() : this._getElementVertices(element, createIdentityMatrix()),
-          tl = _ref21.tl,
-          tr = _ref21.tr,
-          br = _ref21.br;
+      var _ref22 = isGrouped ? this._getGroupVertices() : this._getElementVertices(element, createIdentityMatrix()),
+          tl = _ref22.tl,
+          tr = _ref22.tr,
+          br = _ref22.br;
 
       return {
         x: floatToFixed(tl[0]),
@@ -3852,10 +3910,10 @@ var Draggable = /*#__PURE__*/function (_Transformable) {
   return Draggable;
 }(Transformable);
 
-var createHandler = function createHandler(_ref22) {
-  var _ref23 = _slicedToArray(_ref22, 2),
-      x = _ref23[0],
-      y = _ref23[1];
+var createHandler = function createHandler(_ref23) {
+  var _ref24 = _slicedToArray(_ref23, 2),
+      x = _ref24[0],
+      y = _ref24[1];
 
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'handler';
   var style = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -3866,12 +3924,12 @@ var createHandler = function createHandler(_ref22) {
   return element;
 };
 
-var renderLine = function renderLine(_ref24, key) {
-  var _ref25 = _slicedToArray(_ref24, 3),
-      pt1 = _ref25[0],
-      pt2 = _ref25[1],
-      _ref25$ = _ref25[2],
-      thickness = _ref25$ === void 0 ? 1 : _ref25$;
+var renderLine = function renderLine(_ref25, key) {
+  var _ref26 = _slicedToArray(_ref25, 3),
+      pt1 = _ref26[0],
+      pt2 = _ref26[1],
+      _ref26$ = _ref26[2],
+      thickness = _ref26$ === void 0 ? 1 : _ref26$;
 
   var _getLineAttrs2 = getLineAttrs(pt1, pt2, thickness),
       cx = _getLineAttrs2.cx,
@@ -3918,7 +3976,7 @@ var _getBoundingRect = function _getBoundingRect(element, container, ctm, bBox)
       offsetLeft = _getAbsoluteOffset16[0],
       offsetTop = _getAbsoluteOffset16[1];
 
-  var _ref26 = bBox || {
+  var _ref27 = bBox || {
     width: element.offsetWidth,
     height: element.offsetHeight,
     offset: {
@@ -3926,22 +3984,22 @@ var _getBoundingRect = function _getBoundingRect(element, container, ctm, bBox)
       top: offsetTop
     }
   },
-      width = _ref26.width,
-      height = _ref26.height,
-      _ref26$offset = _ref26.offset;
+      width = _ref27.width,
+      height = _ref27.height,
+      _ref27$offset = _ref27.offset;
 
-  _ref26$offset = _ref26$offset === void 0 ? {} : _ref26$offset;
-  var left = _ref26$offset.left,
-      top = _ref26$offset.top;
+  _ref27$offset = _ref27$offset === void 0 ? {} : _ref27$offset;
+  var left = _ref27$offset.left,
+      top = _ref27$offset.top;
   var vertices = [[0, 0, 0, 1], [width, 0, 0, 1], [0, height, 0, 1], [width, height, 0, 1]];
   return vertices.reduce(function (nextVerteces, vertex) {
     return [].concat(_toConsumableArray(nextVerteces), [multiplyMatrixAndPoint(ctm, vertex)]);
-  }, []).map(function (_ref27) {
-    var _ref28 = _slicedToArray(_ref27, 4),
-        x = _ref28[0],
-        y = _ref28[1],
-        z = _ref28[2],
-        w = _ref28[3];
+  }, []).map(function (_ref28) {
+    var _ref29 = _slicedToArray(_ref28, 4),
+        x = _ref29[0],
+        y = _ref29[1],
+        z = _ref29[2],
+        w = _ref29[3];
 
     return [x + left, y + top, z, w];
   });
@@ -5451,7 +5509,8 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
         transformOrigin: nextTransformOrigin,
         transform: {
           containerMatrix: getTransformToElement(restrictContainer, restrictContainer.parentNode)
-        }
+        },
+        cached: {}
       };
       [].concat(_toConsumableArray(elements), [controls]).map(function (target) {
         return helper(target).on(E_MOUSEDOWN$3, _this._onMouseDown).on(E_TOUCHSTART$3, _this._onTouchStart);
@@ -6242,6 +6301,7 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
     value: function _updateControlsView() {
       var matrix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : createSVGMatrix();
       this.storage.controls.setAttribute('transform', matrixToString(matrix));
+      this.storage.cached.controlsMatrix = matrix;
     }
   }, {
     key: "_applyTransformToHandles",
@@ -6371,41 +6431,75 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
 
         var hW = width / 2,
             hH = height / 2;
-        newX = bx + hW + dx;
-        newY = by + hH + dy;
+
+        var _pointTo9 = pointTo(nextTransform, bx + hW + dx, by + hH + dy);
+
+        newX = _pointTo9.x;
+        newY = _pointTo9.y;
       } else {
         newX = x;
         newY = y;
       }
 
-      var _pointTo9 = pointTo(nextTransform, newX, newY),
-          nextX = _pointTo9.x,
-          nextY = _pointTo9.y;
-
-      handle.cx.baseVal.value = nextX;
-      handle.cy.baseVal.value = nextY;
-      radius.x2.baseVal.value = nextX;
-      radius.y2.baseVal.value = nextY;
+      handle.cx.baseVal.value = newX;
+      handle.cy.baseVal.value = newY;
+      radius.x2.baseVal.value = newX;
+      radius.y2.baseVal.value = newY;
       center.isShifted = pin;
-      storage.transformOrigin = pointTo(createSVGMatrix(), nextX, nextY);
+      storage.transformOrigin = pointTo(createSVGMatrix(), newX, newY);
     }
   }, {
     key: "fitControlsToSize",
     value: function fitControlsToSize() {
       var _this$storage16 = this.storage,
-          storage = _this$storage16 === void 0 ? {} : _this$storage16;
-      var identityMatrix = createSVGMatrix();
-      this.storage = _objectSpread2({}, storage, {
-        transform: _objectSpread2({}, storage.transform || {}, {
-          controlsMatrix: identityMatrix
-        })
-      });
+          controls = _this$storage16.controls,
+          _this$storage16$cente = _this$storage16.center;
+      _this$storage16$cente = _this$storage16$cente === void 0 ? {} : _this$storage16$cente;
+      var isShifted = _this$storage16$cente.isShifted,
+          _this$storage16$trans = _this$storage16.transformOrigin;
+      _this$storage16$trans = _this$storage16$trans === void 0 ? {} : _this$storage16$trans;
+      var originX = _this$storage16$trans.x,
+          originY = _this$storage16$trans.y;
+      var controlsMatrix = getTransformToElement(controls, controls.parentNode);
+
+      var _pointTo10 = pointTo(controlsMatrix, originX, originY),
+          dx = _pointTo10.x,
+          dy = _pointTo10.y;
+
+      var _find = [{
+        nextValues: function nextValues() {
+          return {
+            x: dx,
+            y: dy
+          };
+        },
+        pin: true,
+        condition: function condition() {
+          return isShifted;
+        }
+      }, {
+        nextValues: function nextValues() {
+          return {
+            dx: 0,
+            dy: 0
+          };
+        },
+        pin: false,
+        condition: function condition() {
+          return !isShifted;
+        }
+      }].find(function (_ref21) {
+        var condition = _ref21.condition;
+        return condition();
+      }),
+          nextValues = _find.nextValues,
+          pin = _find.pin;
 
-      this._updateControlsView(identityMatrix);
+      this._updateControlsView();
 
-      this._applyTransformToHandles({
-        boxMatrix: identityMatrix
-      });
+      this.setTransformOrigin(_objectSpread2({}, nextValues()), pin);
+
+      this._applyTransformToHandles();
     }
   }, {
     key: "getBoundingRect",
@@ -6435,9 +6529,9 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
 
       var restrictBBox = this._getRestrictedBBox(true);
 
-      var nextVertices = values$2(vertices).map(function (_ref21) {
-        var x = _ref21.x,
-            y = _ref21.y;
+      var nextVertices = values$2(vertices).map(function (_ref22) {
+        var x = _ref22.x,
+            y = _ref22.y;
         return [x, y];
       });
 
@@ -6495,9 +6589,9 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
         var parentMatrix = getTransformToElement(element.parentNode, container);
         parentMatrix.e = parentMatrix.f = 0;
 
-        var _pointTo10 = pointTo(parentMatrix.inverse(), getXDir(), getYDir()),
-            x = _pointTo10.x,
-            y = _pointTo10.y;
+        var _pointTo11 = pointTo(parentMatrix.inverse(), getXDir(), getYDir()),
+            x = _pointTo11.x,
+            y = _pointTo11.y;
 
         var moveElementMtrx = createTranslateMatrix$1(x, y).multiply(getTransformToElement(element, element.parentNode));
 
@@ -6527,12 +6621,12 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
       };
       var nextTransform = isGrouped ? createSVGMatrix() : getTransformToElement(elements[0], container);
 
-      var _entries$reduce = entries$1(vertices).reduce(function (nextRes, _ref22) {
-        var _ref23 = _slicedToArray(_ref22, 2),
-            key = _ref23[0],
-            _ref23$ = _slicedToArray(_ref23[1], 2),
-            x = _ref23$[0],
-            y = _ref23$[1];
+      var _entries$reduce = entries$1(vertices).reduce(function (nextRes, _ref23) {
+        var _ref24 = _slicedToArray(_ref23, 2),
+            key = _ref24[0],
+            _ref24$ = _slicedToArray(_ref24[1], 2),
+            x = _ref24$[0],
+            y = _ref24$[1];
 
         nextRes[key] = pointTo(nextTransform, x, y);
         return nextRes;
@@ -6554,9 +6648,9 @@ var DraggableSVG = /*#__PURE__*/function (_Transformable) {
   return DraggableSVG;
 }(Transformable);
 
-var applyTranslate = function applyTranslate(element, _ref24) {
-  var x = _ref24.x,
-      y = _ref24.y;
+var applyTranslate = function applyTranslate(element, _ref25) {
+  var x = _ref25.x,
+      y = _ref25.y;
   var attrs = [];
 
   switch (element.tagName.toLowerCase()) {
@@ -6653,9 +6747,9 @@ var applyResize = function applyResize(element, data) {
             y = storedData.y,
             textLength = storedData.textLength;
 
-        var _pointTo11 = pointTo(localCTM, x, y),
-            resX = _pointTo11.x,
-            resY = _pointTo11.y;
+        var _pointTo12 = pointTo(localCTM, x, y),
+            resX = _pointTo12.x,
+            resY = _pointTo12.y;
 
         attrs.push(['x', resX + (scaleX < 0 ? boxW : 0)], ['y', resY - (scaleY < 0 ? boxH : 0)], ['textLength', Math.abs(scaleX * textLength)]);
         break;
@@ -6668,9 +6762,9 @@ var applyResize = function applyResize(element, data) {
             cy = storedData.cy,
             newR = r * (Math.abs(scaleX) + Math.abs(scaleY)) / 2;
 
-        var _pointTo12 = pointTo(localCTM, cx, cy),
-            _resX3 = _pointTo12.x,
-            _resY3 = _pointTo12.y;
+        var _pointTo13 = pointTo(localCTM, cx, cy),
+            _resX3 = _pointTo13.x,
+            _resY3 = _pointTo13.y;
 
         attrs.push(['r', newR], ['cx', _resX3], ['cy', _resY3]);
         break;
@@ -6686,9 +6780,9 @@ var applyResize = function applyResize(element, data) {
               _x5 = storedData.x,
               _y5 = storedData.y;
 
-          var _pointTo13 = pointTo(localCTM, _x5, _y5),
-              _resX4 = _pointTo13.x,
-              _resY4 = _pointTo13.y;
+          var _pointTo14 = pointTo(localCTM, _x5, _y5),
+              _resX4 = _pointTo14.x,
+              _resY4 = _pointTo14.y;
 
           var newWidth = Math.abs(width * scaleX),
               newHeight = Math.abs(height * scaleY);
@@ -6712,17 +6806,17 @@ var applyResize = function applyResize(element, data) {
             _cx = storedData.cx,
             _cy = storedData.cy;
 
-        var _pointTo14 = pointTo(localCTM, _cx, _cy),
-            cx1 = _pointTo14.x,
-            cy1 = _pointTo14.y;
+        var _pointTo15 = pointTo(localCTM, _cx, _cy),
+            cx1 = _pointTo15.x,
+            cy1 = _pointTo15.y;
 
         var scaleMatrix = createSVGMatrix();
         scaleMatrix.a = scaleX;
         scaleMatrix.d = scaleY;
 
-        var _pointTo15 = pointTo(scaleMatrix, rx, ry),
-            nRx = _pointTo15.x,
-            nRy = _pointTo15.y;
+        var _pointTo16 = pointTo(scaleMatrix, rx, ry),
+            nRx = _pointTo16.x,
+            nRy = _pointTo16.y;
 
         attrs.push(['rx', Math.abs(nRx)], ['ry', Math.abs(nRy)], ['cx', cx1], ['cy', cy1]);
         break;
@@ -6735,13 +6829,13 @@ var applyResize = function applyResize(element, data) {
             resX2 = storedData.resX2,
             resY2 = storedData.resY2;
 
-        var _pointTo16 = pointTo(localCTM, resX1, resY1),
-            resX1_ = _pointTo16.x,
-            resY1_ = _pointTo16.y;
+        var _pointTo17 = pointTo(localCTM, resX1, resY1),
+            resX1_ = _pointTo17.x,
+            resY1_ = _pointTo17.y;
 
-        var _pointTo17 = pointTo(localCTM, resX2, resY2),
-            resX2_ = _pointTo17.x,
-            resY2_ = _pointTo17.y;
+        var _pointTo18 = pointTo(localCTM, resX2, resY2),
+            resX2_ = _pointTo18.x,
+            resY2_ = _pointTo18.y;
 
         attrs.push(['x1', resX1_], ['y1', resY1_], ['x2', resX2_], ['y2', resY2_]);
         break;
@@ -6752,9 +6846,9 @@ var applyResize = function applyResize(element, data) {
       {
         var points = storedData.points;
         var result = parsePoints(points).map(function (item) {
-          var _pointTo18 = pointTo(localCTM, Number(item[0]), Number(item[1])),
-              x = _pointTo18.x,
-              y = _pointTo18.y;
+          var _pointTo19 = pointTo(localCTM, Number(item[0]), Number(item[1])),
+              x = _pointTo19.x,
+              y = _pointTo19.y;
 
           item[0] = floatToFixed(x);
           item[1] = floatToFixed(y);
@@ -6775,10 +6869,10 @@ var applyResize = function applyResize(element, data) {
       }
   }
 
-  attrs.forEach(function (_ref25) {
-    var _ref26 = _slicedToArray(_ref25, 2),
-        key = _ref26[0],
-        value = _ref26[1];
+  attrs.forEach(function (_ref26) {
+    var _ref27 = _slicedToArray(_ref26, 2),
+        key = _ref27[0],
+        value = _ref27[1];
 
     element.setAttribute(key, value);
   });
@@ -6796,10 +6890,10 @@ var createHandler$1 = function createHandler(left, top, color, key) {
     'fill-opacity': 1,
     'vector-effect': 'non-scaling-stroke'
   };
-  entries$1(attrs).forEach(function (_ref27) {
-    var _ref28 = _slicedToArray(_ref27, 2),
-        attr = _ref28[0],
-        value = _ref28[1];
+  entries$1(attrs).forEach(function (_ref28) {
+    var _ref29 = _slicedToArray(_ref28, 2),
+        attr = _ref29[0],
+        value = _ref29[1];
 
     return handler.setAttribute(attr, value);
   });
@@ -6916,10 +7010,10 @@ var storeElementAttributes = function storeElementAttributes(element, storage, c
   }));
 };
 
-var renderLine$1 = function renderLine(_ref29, color, key) {
-  var _ref30 = _slicedToArray(_ref29, 2),
-      b = _ref30[0],
-      e = _ref30[1];
+var renderLine$1 = function renderLine(_ref30, color, key) {
+  var _ref31 = _slicedToArray(_ref30, 2),
+      b = _ref31[0],
+      e = _ref31[1];
 
   var handler = createSVGElement('line', ['sjx-svg-line', "sjx-svg-line-".concat(key)]);
   var attrs = {
@@ -6931,10 +7025,10 @@ var renderLine$1 = function renderLine(_ref29, color, key) {
     'stroke-width': 1,
     'vector-effect': 'non-scaling-stroke'
   };
-  entries$1(attrs).forEach(function (_ref31) {
-    var _ref32 = _slicedToArray(_ref31, 2),
-        attr = _ref32[0],
-        value = _ref32[1];
+  entries$1(attrs).forEach(function (_ref32) {
+    var _ref33 = _slicedToArray(_ref32, 2),
+        attr = _ref33[0],
+        value = _ref33[1];
 
     return handler.setAttribute(attr, value);
   });
@@ -6948,14 +7042,14 @@ var _getBoundingRect$1 = function _getBoundingRect(element, ctm) {
       width = bBox.width,
       height = bBox.height;
   var vertices = [[x, y], [x + width, y], [x + width, y + height], [x, y + height]];
-  return vertices.map(function (_ref33) {
-    var _ref34 = _slicedToArray(_ref33, 2),
-        l = _ref34[0],
-        t = _ref34[1];
-
-    var _pointTo19 = pointTo(ctm, l, t),
-        nx = _pointTo19.x,
-        ny = _pointTo19.y;
+  return vertices.map(function (_ref34) {
+    var _ref35 = _slicedToArray(_ref34, 2),
+        l = _ref35[0],
+        t = _ref35[1];
+
+    var _pointTo20 = pointTo(ctm, l, t),
+        nx = _pointTo20.x,
+        ny = _pointTo20.y;
 
     return [nx, ny];
   });
diff --git a/dist/js/subjx.js b/dist/js/subjx.js
index 7c2934c..effa871 100644
--- a/dist/js/subjx.js
+++ b/dist/js/subjx.js
@@ -4,4 +4,4 @@
 * Karen Sarksyan
 * nichollascarter@gmail.com
 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).subjx=e()}(this,function(){"use strict";function et(t){return(et="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function r(t,e,r){return e&&a(t.prototype,e),r&&a(t,r),t}function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function bt(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?e(Object(o),!0).forEach(function(t){var e,r,a;e=n,a=o[r=t],r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}function _t(t){return(_t=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n(t,e){return(n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function R(t,e){if(null==t)return{};var r=function(t,e){if(null==t)return{};var r={};var a=Object.keys(t);var n,o;for(o=0;o<a.length;o++)n=a[o],0<=e.indexOf(n)||(r[n]=t[n]);return r}(t,e);var a,n;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)a=o[n],0<=e.indexOf(a)||Object.prototype.propertyIsEnumerable.call(t,a)&&(r[a]=t[a])}return r}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(a){return function(){var t,e=_t(a);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()){var r=_t(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?s(t):e}(this,t)}}function kt(t,e,r){return(kt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,r){var a=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_t(t)););return t}(t,e);if(a){var n=Object.getOwnPropertyDescriptor(a,e);return n.get?n.get.call(r):n.value}})(t,e,r||t)}function se(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var r=[];var a=!0;var n=!1;var o=void 0;try{for(var i,s=t[Symbol.iterator]();!(a=(i=s.next()).done)&&(r.push(i.value),!e||r.length!==e);a=!0);}catch(t){n=!0,o=t}finally{try{a||null==s["return"]||s["return"]()}finally{if(n)throw o}}return r}(t,e)||v(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Yt(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||v(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(t,e){if(t){if("string"==typeof t)return l(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(t,e):void 0}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}var Mt=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return setTimeout(t,1e3/60)};var M=window.cancelAnimationFrame||window.mozCancelAnimationFrame||function(t){clearTimeout(t)};var t=Array.prototype,u=t.forEach,h=t.slice,f=t.map,d=t.reduce;var ce=console.warn;function rt(t){return t}var j=function(t){return null!=t};function Et(t){return null==t}function y(t){return"function"==typeof t}function at(t){return y(t)?function(){t.call.apply(t,[this].concat(Array.prototype.slice.call(arguments)))}:rt}var p=function(){function o(t){if(i(this,o),"string"==typeof t){var e=document.querySelectorAll(t);this.length=e.length;for(var r=0;r<this.length;r++)this[r]=e[r]}else if("object"!==et(t)||1!==t.nodeType&&t!==document)if(t instanceof o){this.length=t.length;for(var a=0;a<this.length;a++)this[a]=t[a]}else{if(!function(t){return j(t)&&"object"===et(t)&&(Array.isArray(t)||j(window.Symbol)&&"function"==typeof t[window.Symbol.iterator]||j(t.forEach)||"number"==typeof t.length&&(0===t.length||0<t.length&&t.length-1 in t))}(t))throw new Error("Passed parameter must be selector/element/elementArray");this.length=t.length;for(var n=0;n<this.length;n++)1===t[n].nodeType&&(this[n]=t[n])}else this[0]=t,this.length=1}return r(o,[{key:"css",value:function(r){var t={setStyle:function(t){return function(t,e){var r=t.length;for(;r--;)for(var a in e)t[r].style[a]=e[a];return t.style}(this,t)},getStyle:function(){return function(t){var e=t.length;for(;e--;)return t[e].currentStyle?t[e].currentStyle[r]:document.defaultView&&document.defaultView.getComputedStyle?document.defaultView.getComputedStyle(t[e],"")[r]:t[e].style[r]}(this)}};return"string"==typeof r?t.getStyle.apply(this,h.call(arguments,1)):"object"!==et(r)&&r?(ce("Method ".concat(r," does not exist")),!1):t.setStyle.apply(this,arguments)}},{key:"on",value:function(t,e,r,a){var n=this.length;for(;n--;)this[n].events||(this[n].events={},this[n].events[t]=[]),"string"!=typeof e?document.addEventListener?this[n].addEventListener(t,e,r||{passive:!1}):document.attachEvent?this[n].attachEvent("on".concat(t),e):this[n]["on".concat(t)]=e:m(this[n],t,e,r,a,!0);return this}},{key:"off",value:function(t,e,r,a){var n=this.length;for(;n--;)this[n].events||(this[n].events={},this[n].events[t]=[]),"string"!=typeof e?document.removeEventListener?this[n].removeEventListener(t,e,r):document.detachEvent?this[n].detachEvent("on".concat(t),e):this[n]["on".concat(t)]=null:m(this[n],t,e,r,a,!1);return this}},{key:"is",value:function(t){if(Et(t))return!1;var e=nt(t);var r=this.length;for(;r--;)if(this[r]===e[r])return!0;return!1}}]),o}();function m(t,e,r,a,n,o){function i(t){var e=t.target;for(;e&&e!==this;)e.matches(r)&&a.call(e,t),e=e.parentNode}!0===o?document.addEventListener?t.addEventListener(e,i,n||{passive:!1}):document.attachEvent?t.attachEvent("on".concat(e),i):t["on".concat(e)]=i:document.removeEventListener?t.removeEventListener(e,i,n||{passive:!1}):document.detachEvent?t.detachEvent("on".concat(e),i):t["on".concat(e)]=null}function nt(t){return new p(t)}var Y=2;var S="#00a8ff";var ot="sjx-";var x="dragStart";var g="drag";var b="dragEnd";var _="resizeStart";var k="resize";var E="resizeEnd";var T="rotateStart";var w="rotate";var O="rotateEnd";var C="setPointStart";var V="setPointEnd";var A=["","-webkit-","-moz-","-ms-","-o-"];var N="ongetstate";var P="onapply";var D="onmove";var B="onresize";var L="onrotate";var z={NOTIFIER_EVENTS:[N,P,D,B,L],ON_GETSTATE:N,ON_APPLY:P,ON_MOVE:D,ON_RESIZE:B,ON_ROTATE:L};var H={EMITTER_EVENTS:[x,g,,b,_,k,E,T,w,O,C,V],E_DRAG_START:x,E_DRAG:g,E_DRAG_END:b,E_RESIZE_START:_,E_RESIZE:k,E_RESIZE_END:E,E_ROTATE_START:T,E_ROTATE:w,E_ROTATE_END:O,E_SET_POINT:"setPoint",E_SET_POINT_START:C,E_SET_POINT_END:V};var I="mousedown",X="mouseup",G="mousemove",W="touchstart",F="touchend",q="touchmove";var Z={TOP_LEFT:"tl",TOP_CENTER:"tc",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br",BOTTOM_CENTER:"bc",MIDDLE_LEFT:"ml",MIDDLE_RIGHT:"mr",CENTER:"center"},Q={TOP_EDGE:"te",BOTTOM_EDGE:"be",LEFT_EDGE:"le",RIGHT_EDGE:"re"};var U=z.ON_GETSTATE,$=z.ON_APPLY,J=z.ON_MOVE,K=z.ON_RESIZE,tt=z.ON_ROTATE;var it=function(){function t(){i(this,t),this.observers={}}return r(t,[{key:"subscribe",value:function(t,e){var r=this.observers;return Et(r[t])&&Object.defineProperty(r,t,{value:[]}),r[t].push(e),this}},{key:"unsubscribe",value:function(t,e){var r=this.observers;if(j(r[t])){var a=r[t].indexOf(e);r[t].splice(a,1)}return this}},{key:"notify",value:function(e,r,a){Et(this.observers[e])||this.observers[e].forEach(function(t){if(r!==t)switch(e){case J:t.notifyMove(a);break;case tt:t.notifyRotate(a);break;case K:t.notifyResize(a);break;case $:t.notifyApply(a);break;case U:t.notifyGetState(a)}})}}]),t}();var st=function(){function e(t){i(this,e),this.name=t,this.callbacks=[]}return r(e,[{key:"registerCallback",value:function(t){this.callbacks.push(t)}},{key:"removeCallback",value:function(t){var e=this.callbacks(t);this.callbacks.splice(e,1)}}]),e}();var ct=function(){function t(){i(this,t),this.events={}}return r(t,[{key:"registerEvent",value:function(t){this.events[t]=new st(t)}},{key:"emit",value:function(e,t,r){this.events[t].callbacks.forEach(function(t){t.call(e,r)})}},{key:"addEventListener",value:function(t,e){this.events[t].registerCallback(e)}},{key:"removeEventListener",value:function(t,e){this.events[t].removeCallback(e)}}]),t}();var vt=H.E_DRAG;var lt=G,ut=X,ht=q,ft=F;var dt=function(){function e(t){i(this,e),this.elements=t,this.storage=null,this.proxyMethods=null,this.eventDispatcher=new ct,this._onMouseDown=this._onMouseDown.bind(this),this._onTouchStart=this._onTouchStart.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this._onTouchMove=this._onTouchMove.bind(this),this._onMouseUp=this._onMouseUp.bind(this),this._onTouchEnd=this._onTouchEnd.bind(this),this._animate=this._animate.bind(this)}return r(e,[{key:"enable",value:function(t){this._processOptions(t),this._init(this.elements),this.proxyMethods.onInit.call(this,this.elements)}},{key:"disable",value:function(){pt()}},{key:"_init",value:function(){pt()}},{key:"_destroy",value:function(){pt()}},{key:"_processOptions",value:function(){pt()}},{key:"_start",value:function(){pt()}},{key:"_moving",value:function(){pt()}},{key:"_end",value:function(){pt()}},{key:"_animate",value:function(){pt()}},{key:"_drag",value:function(t){var e=t.element,r=t.dx,a=t.dy,n=R(t,["element","dx","dy"]);var o=bt({dx:r,dy:a,transform:this._processMove(e,{dx:r,dy:a})},n);this.proxyMethods.onMove.call(this,o),this._emitEvent(vt,o)}},{key:"_draw",value:function(){this._animate()}},{key:"_onMouseDown",value:function(t){this._start(t),nt(document).on(lt,this._onMouseMove).on(ut,this._onMouseUp)}},{key:"_onTouchStart",value:function(t){this._start(t.touches[0]),nt(document).on(ht,this._onTouchMove).on(ft,this._onTouchEnd)}},{key:"_onMouseMove",value:function(t){t.preventDefault&&t.preventDefault(),this._moving(t)}},{key:"_onTouchMove",value:function(t){t.preventDefault&&t.preventDefault(),this._moving(t.touches[0])}},{key:"_onMouseUp",value:function(t){nt(document).off(lt,this._onMouseMove).off(ut,this._onMouseUp),this._end(t,this.elements)}},{key:"_onTouchEnd",value:function(t){nt(document).off(ht,this._onTouchMove).off(ft,this._onTouchEnd),0===t.touches.length&&this._end(t.changedTouches[0],this.elements)}},{key:"_emitEvent",value:function(){var t;(t=this.eventDispatcher).emit.apply(t,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"on",value:function(t,e){return this.eventDispatcher.addEventListener(t,e),this}},{key:"off",value:function(t,e){return this.eventDispatcher.removeEventListener(t,e),this}}]),e}();var pt=function(){throw Error("Method not implemented")};var yt=Math.PI/180;var mt=180/Math.PI;function Tt(t,e){if(0===e)return t;var r=function(t,e){return 0===e?t:Math.round(t/e)*e}(t,e);return r-t<e?r:void 0}function ve(t,e){var r=1<arguments.length&&void 0!==e?e:6;return Number(t.toFixed(r))}function xt(r,t){var e=1<arguments.length&&void 0!==t?t:2;var a=[];function n(e){var t=r.map(function(t){return t[e]});a.push([Math.min.apply(Math,Yt(t)),Math.max.apply(Math,Yt(t))])}for(var o=0;o<e;o++)n(o);return a}function gt(t){return t.getBoundingClientRect()}function wt(e,t){if(t){if(e.classList){if(!(-1<t.indexOf(" ")))return e.classList.add(t);t.split(/\s+/).forEach(function(t){return e.classList.add(t)})}return e}}function Ot(e,t){if(t){if(e.classList){if(!(-1<t.indexOf(" ")))return e.classList.remove(t);t.split(/\s+/).forEach(function(t){return e.classList.remove(t)})}return e}}function St(t){var e="matrix3d(".concat(t.join(),")");return{transform:e,webkitTranform:e,mozTransform:e,msTransform:e,otransform:e}}function Rt(t,e){var r=window.getComputedStyle(t);var a=null;var n,o=function(t){if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(t=v(t))){var e=0;var r=function(){};return{s:r,n:function(){return e>=t.length?{done:!0}:{done:!1,value:t[e++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,n,o=!0,i=!1;return{s:function(){a=t[Symbol.iterator]()},n:function(){var t=a.next();return o=t.done,t},e:function(t){i=!0,n=t},f:function(){try{o||null==a.return||a.return()}finally{if(i)throw n}}}}(A);try{for(o.s();!(n=o.n()).done;){var i=n.value;if(a=r.getPropertyValue("".concat(i).concat(e))||a)break}}catch(t){o.e(t)}finally{o.f()}return a}var Ct=z.NOTIFIER_EVENTS,Vt=z.ON_GETSTATE,At=z.ON_APPLY,Nt=z.ON_MOVE,Pt=z.ON_RESIZE,Dt=z.ON_ROTATE;var jt=H.EMITTER_EVENTS,Bt=H.E_DRAG_START,Lt=H.E_DRAG,zt=H.E_DRAG_END,Ht=H.E_RESIZE_START,It=H.E_RESIZE,Xt=H.E_RESIZE_END,Gt=H.E_ROTATE_START,Wt=H.E_ROTATE,Ft=H.E_ROTATE_END,qt=H.E_SET_POINT,Zt=H.E_SET_POINT_END;var Qt=Z,Ut=Q;var $t=I,Jt=W,Kt=G,te=X,ee=q,re=F;var ae=Qt.TOP_LEFT,ne=Qt.TOP_CENTER,oe=Qt.TOP_RIGHT,ie=Qt.BOTTOM_LEFT,le=Qt.BOTTOM_RIGHT,ue=Qt.BOTTOM_CENTER,he=Qt.MIDDLE_LEFT,fe=Qt.MIDDLE_RIGHT;var de=Ut.TOP_EDGE,pe=Ut.BOTTOM_EDGE,ye=Ut.LEFT_EDGE,me=Ut.RIGHT_EDGE;var xe=Object.keys,ge=Object.values;var be=function(){o(gt,dt);var n=c(gt);function gt(t,e,r){var a;if(i(this,gt),(a=n.call(this,t)).constructor===gt)throw new TypeError("Cannot construct Transformable instances directly");return a.observable=r,jt.forEach(function(t){return a.eventDispatcher.registerEvent(t)}),kt(_t(gt.prototype),"enable",s(a)).call(s(a),e),a}return r(gt,[{key:"_cursorPoint",value:function(){throw Error("'_cursorPoint()' method not implemented")}},{key:"_rotate",value:function(t){var e=t.element,r=t.radians,a=R(t,["element","radians"]);var n=bt({transform:this._processRotate(e,r),delta:r},a);this.proxyMethods.onRotate.call(this,n),kt(_t(gt.prototype),"_emitEvent",this).call(this,Wt,n)}},{key:"_resize",value:function(t){var e=t.element,r=t.dx,a=t.dy,n=R(t,["element","dx","dy"]);var o=bt({},this._processResize(e,{dx:r,dy:a}),{dx:r,dy:a},n);this.proxyMethods.onResize.call(this,o),kt(_t(gt.prototype),"_emitEvent",this).call(this,It,o)}},{key:"_processOptions",value:function(t){var e=0<arguments.length&&void 0!==t?t:{};var r=this.elements;Yt(r).map(function(t){return wt(t,"".concat(ot,"drag"))});var a=e.each,n=void 0===a?{move:!1,resize:!1,rotate:!1}:a,o=e.snap,i=void 0===o?{x:10,y:10,angle:10}:o,s=e.axis,c=void 0===s?"xy":s,v=e.cursorMove,l=void 0===v?"auto":v,u=e.cursorResize,h=void 0===u?"auto":u,f=e.cursorRotate,d=void 0===f?"auto":f,p=e.rotationPoint,y=void 0!==p&&p,m=e.transformOrigin,x=void 0!==m&&m,g=e.restrict,b=e.draggable,_=void 0===b||b,k=e.resizable,M=void 0===k||k,E=e.rotatable,T=void 0===E||E,w=e.scalable,O=void 0!==w&&w,S=e.applyTranslate,R=void 0!==S&&S,C=e.onInit,V=void 0===C?rt:C,A=e.onDrop,N=void 0===A?rt:A,P=e.onMove,D=void 0===P?rt:P,j=e.onResize,B=void 0===j?rt:j,L=e.onRotate,z=void 0===L?rt:L,Y=e.onDestroy,H=void 0===Y?rt:Y,I=e.container,X=void 0===I?r[0].parentNode:I,G=e.controlsContainer,W=void 0===G?X:G,F=e.proportions,q=void 0!==F&&F,Z=e.rotatorAnchor,Q=void 0===Z?null:Z,U=e.rotatorOffset,$=void 0===U?50:U,J=e.showNormal,K=void 0===J||J,tt=e.custom;this.options={axis:c,cursorMove:l,cursorRotate:d,cursorResize:h,rotationPoint:y,transformOrigin:x||y,restrict:g?nt(g)[0]||document.body:null,container:nt(X)[0],controlsContainer:nt(W)[0],snap:bt({},i,{angle:i.angle*yt}),each:n,proportions:q,draggable:_,resizable:M,rotatable:T,scalable:O,applyTranslate:R,custom:"object"===et(tt)&&tt||null,rotatorAnchor:Q,rotatorOffset:$,showNormal:K,isGrouped:1<r.length},this.proxyMethods={onInit:at(V),onDrop:at(N),onMove:at(D),onResize:at(B),onRotate:at(z),onDestroy:at(H)},this.subscribe(n)}},{key:"_animate",value:function(){var u=this;var s=this;var t=s.observable,e=s.storage,r=s.options,a=s.elements;if(!Et(e)&&(e.frame=Mt(s._animate),e.doDraw)){e.doDraw=!1;var h=e.dox,f=e.doy,n=e.clientX,o=e.clientY,i=e.relativeX,c=e.relativeY,v=e.doDrag,l=e.doResize,d=e.doRotate,p=e.doSetCenter,y=e.revX,m=e.revY,x=e.mouseEvent,g=e.data;var b=r.snap,_=r.each,k=_.move,M=_.resize,E=_.rotate,T=r.draggable,w=r.resizable,O=r.rotatable,S=r.isGrouped,R=r.restrict;if(l&&w){var C=Tt(n-i,b.x);var V=Tt(o-c,b.y);var A=e.cached,N=e.cached;var P=(N=void 0===N?{}:N).dist;var D=(P=void 0===P?{}:P).dx,j=void 0===D?C:D,B=P.dy,L=void 0===B?V:B;var z={dx:C,dy:V,clientX:n,clientY:o,mouseEvent:x};var Y=R?a.reduce(function(t,e){var r=g.get(e).transform.ctm;var a=S?{x:C,y:V}:u._pointToTransform({x:C,y:V,matrix:r}),n=a.x,o=a.y;var i=h?y?-n:n:0;var s=f?m?-o:o:0;var c=u._processResizeRestrict(e,{dx:i,dy:s}),v=c.x,l=c.y;return{x:null!==v&&null===t.x?C:t.x,y:null!==l&&null===t.y?V:t.y}},{x:null,y:null}):{x:null,y:null},H=Y.x,I=Y.y;var X=R&&(null!==H||null!==I);var G=X?j:C;var W=X?L:V;var F=bt({},z,{dx:G,dy:W,revX:y,revY:m,dox:h,doy:f});a.map(function(t){var e=g.get(t).transform.ctm;var r=S?{x:G,y:W}:u._pointToTransform({x:G,y:W,matrix:e}),a=r.x,n=r.y;var o=h?y?-a:a:0;var i=f?m?-n:n:0;s._resize(bt({},F,{element:t,dx:o,dy:i}))}),this.storage.cached=bt({},A,{dist:{dx:G,dy:W}}),this._processControlsResize({dx:G,dy:W}),M&&t.notify(Pt,s,F)}if(v&&T){var q=h?Tt(n-i,b.x):0;var Z=f?Tt(o-c,b.y):0;var Q=e.cached,U=e.cached;var $=(U=void 0===U?{}:U).dist;var J=($=void 0===$?{}:$).dx,K=void 0===J?q:J,tt=$.dy,et=void 0===tt?Z:tt;var rt={dx:q,dy:Z,clientX:n,clientY:o,mouseEvent:x};var at=R?a.reduce(function(t,e){var r=u._processMoveRestrict(e,rt),a=r.x,n=r.y;return{x:null===t.x&&R?a:t.x,y:null===t.y&&R?n:t.y}},{x:null,y:null}):{x:null,y:null},nt=at.x,ot=at.y;var it=null!==nt&&R?K:q;var st=null!==ot&&R?et:Z;var ct=bt({},rt,{dx:it,dy:st});this.storage.cached=bt({},Q,{dist:{dx:it,dy:st}}),a.map(function(t){return kt(_t(gt.prototype),"_drag",u).call(u,bt({element:t},ct,{dx:it,dy:st}))}),this._processControlsMove({dx:it,dy:st}),k&&t.notify(Nt,s,ct)}if(d&&O){var vt=e.pressang,lt=e.center;var ut=Math.atan2(o-lt.y,n-lt.x);var ht=Tt(ut-vt,b.angle);if(R)if(a.some(function(t){var e=u._processRotateRestrict(t,ht),r=e.x,a=e.y;return null!==r||null!==a}))return;var ft={clientX:n,clientY:o,mouseEvent:x};a.map(function(t){return s._rotate(bt({element:t,radians:ht},ft))}),this._processControlsRotate({radians:ht}),E&&t.notify(Dt,s,bt({radians:ht},ft))}if(p&&O){var dt=e.bx,pt=e.by;var yt=this._pointToControls({x:n,y:o}),mt=yt.x,xt=yt.y;s._moveCenterHandle(mt-dt,xt-pt)}}}},{key:"_start",value:function(e){var t=e.clientX,r=e.clientY;var a=this.elements,n=this.observable,o=this.options,i=o.axis,s=o.each,c=this.storage,v=this.storage.handles;var l=ge(v).some(function(t){return nt(e.target).is(t)})||a.some(function(t){return t.contains(e.target)});if(c.isTarget=l){var u=this._compute(e,a);xe(u).map(function(t){return c[t]=u[t]});var h=u.onRightEdge,f=u.onBottomEdge,d=u.onTopEdge,p=u.onLeftEdge,y=u.handle,m=u.factor,x=u.revX,g=u.revY,b=u.doW,_=u.doH;var k=h||f||d||p;var M=v.rotator,E=v.center,T=v.radius;j(T)&&Ot(T,"".concat(ot,"hidden"));var w=y.is(M),O=!!j(E)&&y.is(E);var S=l&&!(w||k||O);var R={mouseEvent:e,clientX:t,clientY:r,doResize:k,doDrag:S,doRotate:w,doSetCenter:O,onExecution:!0,cursor:null,dox:/\x/.test(i)&&(!k||(y.is(v.ml)||y.is(v.mr)||y.is(v.tl)||y.is(v.tr)||y.is(v.bl)||y.is(v.br)||y.is(v.le)||y.is(v.re))),doy:/\y/.test(i)&&(!k||(y.is(v.br)||y.is(v.bl)||y.is(v.bc)||y.is(v.tr)||y.is(v.tl)||y.is(v.tc)||y.is(v.te)||y.is(v.be)))};this.storage=bt({},c,{},R);var C={clientX:t,clientY:r};k?kt(_t(gt.prototype),"_emitEvent",this).call(this,Ht,C):w?kt(_t(gt.prototype),"_emitEvent",this).call(this,Gt,C):S&&kt(_t(gt.prototype),"_emitEvent",this).call(this,Bt,C);var V=s.move,A=s.resize,N=s.rotate;var P=k?It:w?Wt:Lt;var D=k&&A||w&&N||S&&V;n.notify(Vt,this,{clientX:t,clientY:r,actionName:P,triggerEvent:D,factor:m,revX:x,revY:g,doW:b,doH:_}),this._draw()}}},{key:"_moving",value:function(t){var e=this.storage,r=void 0===e?{}:e,a=this.options;if(r.isTarget){var n=this._cursorPoint(t),o=n.x,i=n.y;r.mouseEvent=t,r.clientX=o,r.clientY=i,r.doDraw=!0;var s=r.doRotate,c=r.doDrag,v=r.doResize,l=r.cursor;var u=a.cursorMove,h=a.cursorResize,f=a.cursorRotate;Et(l)&&(c?l=u:s?l=f:v&&(l=h),nt(document.body).css({cursor:l}))}}},{key:"_end",value:function(t){var e=this;var r=t.clientX,a=t.clientY;var n=this.elements,o=this.options.each,i=this.observable,s=this.storage,c=s.doResize,v=s.doDrag,l=s.doRotate,u=s.doSetCenter,h=s.frame,f=s.handles.radius,d=s.isTarget,p=this.proxyMethods;if(d){var y=([{actionName:It,condition:c},{actionName:Lt,condition:v},{actionName:Wt,condition:l},{actionName:qt,condition:u}].find(function(t){return t.condition})||{}).actionName,m=void 0===y?Lt:y;n.map(function(t){return e._applyTransformToElement(t,m)}),this._processActions(m),this._updateStorage();var x={clientX:r,clientY:a};p.onDrop.call(this,x),c?kt(_t(gt.prototype),"_emitEvent",this).call(this,Xt,x):l?kt(_t(gt.prototype),"_emitEvent",this).call(this,Ft,x):v?kt(_t(gt.prototype),"_emitEvent",this).call(this,zt,x):u&&kt(_t(gt.prototype),"_emitEvent",this).call(this,Zt,x);var g=o.move,b=o.resize,_=o.rotate;var k=c&&b||l&&_||v&&g;i.notify(At,this,{clientX:r,clientY:a,actionName:m,triggerEvent:k}),M(h),nt(document.body).css({cursor:"auto"}),j(f)&&wt(f,"".concat(ot,"hidden"))}}},{key:"_compute",value:function(e,t){var s=this;var r=this.storage;var a=(r=void 0===r?{}:r).handles,c=r.data;var n=nt(e.target);var o=this._checkHandles(n,a),v=o.revX,l=o.revY,u=o.doW,h=o.doH,i=R(o,["revX","revY","doW","doH"]);var f=this._getCommonState();var d=this._cursorPoint(e),p=d.x,y=d.y;var m=this._pointToControls({x:p,y:y},f.transform),x=m.x,g=m.y;t.map(function(t){var e=s._getElementState(t,{revX:v,revY:l,doW:u,doH:h}),r=e.transform,a=R(e,["transform"]);var n=s._pointToTransform({x:p,y:y,matrix:r.ctm}),o=n.x,i=n.y;c.set(t,bt({},c.get(t),{},a,{transform:r,cx:o,cy:i}))});var b=Math.atan2(y-f.center.y,p-f.center.x);return bt({data:c},i,{handle:ge(a).some(function(t){return nt(e.target).is(t)})?n:nt(t[0]),pressang:b},f,{revX:v,revY:l,doW:u,doH:h,relativeX:p,relativeY:y,bx:x,by:g})}},{key:"_checkHandles",value:function(e,r){function t(t){return t.some(function(t){return function(t){return!!j(t)&&e.is(t)}(r[t])})}return{revX:t([ae,he,ie,ne,ye]),revY:t([ae,oe,ne,he,de]),onTopEdge:t([ne,oe,ae,de]),onLeftEdge:t([ae,he,ie,ye]),onRightEdge:t([oe,fe,le,me]),onBottomEdge:t([le,ue,ie,pe]),doW:t([he,fe,ye,me]),doH:t([ne,ue,pe,de])}}},{key:"_restrictHandler",value:function(t,e){var r=null,a=null;var n=this.getBoundingRect(t,e);var o=this._getRestrictedBBox();var i=se(xt(o),2),s=se(i[0],2),c=s[0],v=s[1],l=se(i[1],2),u=l[0],h=l[1];for(var f=0,d=n.length;f<d;f++){var p=se(n[f],2),y=p[0],m=p[1];(y<c||v<y)&&(r=y),(m<u||h<m)&&(a=m)}return{x:r,y:a}}},{key:"_destroy",value:function(){var e=this;var t=this.elements,r=this.storage;var a=(r=void 0===r?{}:r).controls,n=r.wrapper;[].concat(Yt(t),[a]).map(function(t){return nt(t).off($t,e._onMouseDown).off(Jt,e._onTouchStart)}),n.parentNode.removeChild(n)}},{key:"_updateStorage",value:function(){var t=this.storage,e=this.storage,r=e.transformOrigin,a=e.cached;var n=(a=void 0===a?{}:a).transformOrigin,o=void 0===n?r:n;this.storage=bt({},t,{doResize:!1,doDrag:!1,doRotate:!1,doSetCenter:!1,doDraw:!1,onExecution:!1,cursor:null,transformOrigin:o,cached:{}})}},{key:"notifyMove",value:function(t){var e=this;var r=t.dx,a=t.dy;this.elements.map(function(t){return kt(_t(gt.prototype),"_drag",e).call(e,{element:t,dx:r,dy:a})}),this._processControlsMove({dx:r,dy:a})}},{key:"notifyRotate",value:function(t){var e=this;var r=t.radians,a=R(t,["radians"]);var n=this.elements,o=this.options;var i=(o=void 0===o?{}:o).snap.angle;n.map(function(t){return e._rotate(bt({element:t,radians:Tt(r,i)},a))}),this._processControlsRotate({radians:r})}},{key:"notifyResize",value:function(t){var o=this;var i=t.dx,s=t.dy,c=t.revX,v=t.revY,l=t.dox,u=t.doy;var e=this.elements,h=this.storage.data,f=this.options.isGrouped;e.map(function(t){var e=h.get(t).transform.ctm;var r=f?{x:i,y:s}:o._pointToTransform({x:i,y:s,matrix:e}),a=r.x,n=r.y;o._resize({element:t,dx:l?c?-a:a:0,dy:u?v?-n:n:0})}),this._processControlsResize({dx:i,dy:s})}},{key:"notifyApply",value:function(t){var e=this;var r=t.clientX,a=t.clientY,n=t.actionName,o=t.triggerEvent;this.proxyMethods.onDrop.call(this,{clientX:r,clientY:a}),o&&(this.elements.map(function(t){return e._applyTransformToElement(t,n)}),kt(_t(gt.prototype),"_emitEvent",this).call(this,"".concat(n,"End"),{clientX:r,clientY:a}))}},{key:"notifyGetState",value:function(t){var r=this;var e=t.clientX,a=t.clientY,n=t.actionName,o=t.triggerEvent,i=R(t,["clientX","clientY","actionName","triggerEvent"]);if(o){var s=this.elements,c=this.storage.data;s.map(function(t){var e=r._getElementState(t,i);c.set(t,bt({},c.get(t),{},e))});var v=this._getCommonState();this.storage=bt({},this.storage,{},v),kt(_t(gt.prototype),"_emitEvent",this).call(this,"".concat(n,"Start"),{clientX:e,clientY:a})}}},{key:"subscribe",value:function(t){var e=t.resize,r=t.move,a=t.rotate;var n=this.observable;(r||e||a)&&n.subscribe(Vt,this).subscribe(At,this),r&&n.subscribe(Nt,this),e&&n.subscribe(Pt,this),a&&n.subscribe(Dt,this)}},{key:"unsubscribe",value:function(){var e=this;var r=this.observable;Ct.map(function(t){return r.unsubscribe(t,e)})}},{key:"disable",value:function(){var t=this.storage,e=this.proxyMethods,r=this.elements;Et(t)||(t.onExecution&&nt(document).off(Kt,this._onMouseMove).off(te,this._onMouseUp).off(ee,this._onTouchMove).off(re,this._onTouchEnd),r.map(function(t){return Ot(t,"".concat(ot,"drag"))}),this.unsubscribe(),this._destroy(),e.onDestroy.call(this,r),delete this.storage)}},{key:"exeDrag",value:function(t){var r=this;var e=t.dx,a=t.dy;var n=this.elements,o=this.options.draggable,i=this.storage,s=this.storage.data;if(o){var c=this._getCommonState();n.map(function(t){var e=r._getElementState(t,{revX:!1,revY:!1,doW:!1,doH:!1});s.set(t,bt({},s.get(t),{},e))}),this.storage=bt({},i,{},c),n.map(function(t){kt(_t(gt.prototype),"_drag",r).call(r,{element:t,dx:e,dy:a}),r._applyTransformToElement(t,Lt)}),this._processControlsMove({dx:e,dy:a})}}},{key:"exeResize",value:function(t){var r=this;var e=t.dx,a=t.dy,n=t.revX,o=void 0!==n&&n,i=t.revY,s=void 0!==i&&i,c=t.doW,v=void 0!==c&&c,l=t.doH,u=void 0!==l&&l;var h=this.elements,f=this.options.resizable,d=this.storage,p=this.storage.data;if(f){var y=this._getCommonState();h.map(function(t){var e=r._getElementState(t,{revX:o,revY:s,doW:v,doH:u});p.set(t,bt({},p.get(t),{},e))}),this.storage=bt({},d,{},y),h.map(function(t){r._resize({element:t,dx:e,dy:a}),r._applyTransformToElement(t,It)}),this._processControlsMove({dx:e,dy:a})}}},{key:"exeRotate",value:function(t){var r=this;var e=t.delta;var a=this.elements,n=this.options.rotatable,o=this.storage,i=this.storage.data;if(n){var s=this._getCommonState();a.map(function(t){var e=r._getElementState(t,{revX:!1,revY:!1,doW:!1,doH:!1});i.set(t,bt({},i.get(t),{},e))}),this.storage=bt({},o,{},s),a.map(function(t){r._rotate({element:t,radians:e}),r._applyTransformToElement(t,Wt)}),this._processControlsRotate({radians:e})}}},{key:"setCenterPoint",value:function(){throw Error("'setCenterPoint()' method not implemented")}},{key:"resetCenterPoint",value:function(){ce('"resetCenterPoint" method is replaced by "resetTransformOrigin" and would be removed soon'),this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"setTransformOrigin",value:function(){throw Error("'setTransformOrigin()' method not implemented")}},{key:"resetTransformOrigin",value:function(){this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"controls",get:function(){return this.storage.wrapper}}]),gt}();function _e(t){return t.map(function(t){return Yt(t)})}function ke(a){return a.reduce(function(t,e,r){return[].concat(Yt(t),[a[0][r],a[1][r],a[2][r],a[3][r]])},[])}function Me(t){return Yt(Array(0<arguments.length&&void 0!==t?t:4)).map(function(t,e,r){return r.map(function(){return+!e--})})}function Ee(r,a,t){var n=2<arguments.length&&void 0!==t?t:0;return Me().map(function(t,e){return t[3]=[r,a,n,1][e],t})}function Te(r,a,t,e){var n=2<arguments.length&&void 0!==t?t:1;var o=3<arguments.length&&void 0!==e?e:1;return Me().map(function(t,e){return t[e]=[r,a,n,o][e],t})}function we(t,e){var r=Me();return r[0][0]=e,r[0][1]=-t,r[1][0]=t,r[1][1]=e,r}function Oe(t,e){var r=!(1<arguments.length&&void 0!==e)||e?_e(t):t;return r[0][3]=r[1][3]=r[2][3]=0,r}function Se(t,e){var r=[];for(var a=0,n=t.length;a<n;++a){var o=0;for(var i=0;i<n;++i)o+=+t[a][i]*e[i];r[a]=o}return r}function Re(t,e){var r=[];for(var a=0;a<e.length;a++){r[a]=[];for(var n=0;n<t[0].length;n++){var o=0;for(var i=0;i<t.length;i++)o+=t[i][n]*e[a][i];r[a].push(o)}}return r}function Ce(t){var e=_e(t);var r,a=e.length,n=[];for(var o=0;o<a;o++)n[o]=[];for(var i=0;i<a;i++)for(var s=0;s<a;s++)n[i][s]=0,i==s&&(n[i][s]=1);for(var c=0;c<a;c++){r=e[c][c];for(var v=0;v<a;v++)e[c][v]/=r,n[c][v]/=r;for(var l=c+1;l<a;l++){r=e[l][c];for(var u=0;u<a;u++)e[l][u]-=e[c][u]*r,n[l][u]-=n[c][u]*r}}for(var h=a-1;0<h;h--)for(var f=h-1;0<=f;f--){r=e[f][h];for(var d=0;d<a;d++)e[f][d]-=e[h][d]*r,n[f][d]-=n[h][d]*r}for(var p=0;p<a;p++)for(var y=0;y<a;y++)e[p][y]=n[p][y];return e}function Ve(t,e,r){var a=1<arguments.length&&void 0!==e?e:document.body;var n=2<arguments.length?r:void 0;var o=Me();var i=t;var s=n||Ae(i);var c=!1;for(;i&&i instanceof Element;){var v=Ne(i,c);if(o=Re(o,(l=s,void 0,u=se(v,3),h=u[0],f=u[1],d=u[2],p=Ee(-h,-f,-d),y=Ee(h,f,d),Re(Re(p,l),y))),c=!0,i===a||null===i.offsetParent)break;i=i.offsetParent,s=Ae(i)}var l,u,h,f,d,p,y;return o}var Ae=function(t){var e=Rt(t,"transform")||"none";var r=Me();if("none"===e)return r;var a=e.split(/\s*[(),]\s*/).slice(1,-1);if(16!==a.length)return[[+a[0],+a[2],0,+a[4]],[+a[1],+a[3],0,+a[5]],[0,0,1,0],[0,0,0,1]];for(var n=0;n<4;++n)for(var o=0;o<4;++o)r[o][n]=+a[4*n+o];return r};var Ne=function(t,e){var r=Rt(t,"transform-origin");var a=r?r.split(" "):[];var n=[e?-t.clientLeft:0,e?-t.clientTop:0,0,1];for(var o=0;o<a.length;++o)n[o]+=parseFloat(a[o]);return n};function Pe(t,e){var r=1<arguments.length&&void 0!==e?e:document.body;var a=0,n=0;var o=t;var i=!1;for(;o&&o.offsetParent;){var s=Ve(o.offsetParent);var c=se(Se(Oe(s,!1),[o.offsetLeft+(i?o.clientLeft:0),o.offsetTop+(i?o.clientTop:0),0,1]),2);if(n+=c[0],a+=c[1],r===o)break;i=!0,o=o.offsetParent}return[n,a,0,1]}var De=I,je=W;var Be=Object.keys,Le=Object.entries,ze=Object.values;var Ye=function(){o(e,be);var t=c(e);function e(){return i(this,e),t.apply(this,arguments)}return r(e,[{key:"_init",value:function(t){var e=this;var r=this.options,a=r.transformOrigin,n=r.container,o=r.controlsContainer,i=r.resizable,s=r.rotatable,c=r.showNormal,v=r.restrict;var l=We(["sjx-wrapper"]);var u=We(["sjx-controls"]);var h={};var f=this._getVertices(),d=f.rotator,p=void 0===d?null:d,y=f.anchor,m=void 0===y?null:y,x=R(f,["rotator","anchor"]);var g={};if(s){var b=c?Ie([[m.x,m.y],p],"normal"):null;c&&u.appendChild(b);var _=null;a&&(_=Ie([x.center,x.center],"radius"),wt(_,"sjx-hidden"),u.appendChild(_)),g=bt({},g,{normal:b,radius:_})}var k={te:[x.tl,x.tr],be:[x.bl,x.br],le:[x.tl,x.bl],re:[x.tr,x.br]};var M=i?{tl:x.tl,tr:x.tr,br:x.br,bl:x.bl,tc:x.tc,bc:x.bc,ml:x.ml,mr:x.mr}:{};var E=Array.isArray(a)?[].concat(Yt(a),[0,1]):x.center;var T=bt({},M,{center:a&&s?E:void 0,rotator:p});function w(a,n){return Be(a).map(function(t){var e=a[t];if(!Et(e)){var r=n(e,t);h[t]=r,u.appendChild(r)}})}w(k,Ie),w(T,He),l.appendChild(u),o.appendChild(l);var O=new WeakMap;t.map(function(t){return O.set(t,{parent:t.parentNode,transform:{ctm:Ve(t,n)},bBox:e._getBBox(),__data__:new WeakMap,cached:{}})});var S=v||n;this.storage={wrapper:l,controls:u,handles:bt({},h,{},g),data:O,center:{isShifted:Array.isArray(a)},transformOrigin:E,transform:{containerMatrix:Ve(S,S.parentNode)}},[].concat(Yt(t),[u]).map(function(t){return nt(t).on(De,e._onMouseDown).on(je,e._onTouchStart)})}},{key:"_pointToTransform",value:function(t){var e=t.x,r=t.y,a=t.matrix;var n=Ce(a);return this._applyMatrixToPoint(Oe(n,!1),e,r)}},{key:"_pointToControls",value:function(t,e){var r=t.x,a=t.y;var n=(1<arguments.length&&void 0!==e?e:this.storage.transform).controlsMatrix;var o=Ce(n);return this._applyMatrixToPoint(Oe(o,!1),r,a)}},{key:"_applyMatrixToPoint",value:function(t,e,r){var a=se(Se(t,[e,r,0,1]),2);return{x:a[0],y:a[1]}}},{key:"_cursorPoint",value:function(t){var e=t.clientX,r=t.clientY;var a=this.options.container;var n=Ve(a);var o=function(t){var e=0;var r=0;for(;t&&!isNaN(t.offsetLeft)&&!isNaN(t.offsetTop);)e+=t.offsetLeft-t.scrollLeft,r+=t.offsetTop-t.scrollTop,t=t.offsetParent;return{left:e,top:r}}(a);var i=function(){var t=document.documentElement;return{left:(window.pageXOffset||t.scrollLeft)-(t.clientLeft||0),top:(window.pageYOffset||t.scrollTop)-(t.clientTop||0)}}(),s=i.left,c=i.top;var v=Ee(o.left-s,o.top-c);return this._applyMatrixToPoint(Ce(Re(n,v)),e,r)}},{key:"_getRestrictedBBox",value:function(t){var e=0<arguments.length&&void 0!==t&&t;var r=this.storage.transform.containerMatrix,a=this.options,n=a.restrict,o=a.container;var i=n||o;return Ge(i,o,e?Ve(i,o):r)}},{key:"_applyTransformToElement",value:function(t){var e=this.storage,r=e.controls,a=e.data,n=this.options.applyTranslate;var o=a.get(t),i=o.cached,s=o.transform.matrix;var c=nt(r);if(!Et(i)&&n){var v=nt(t);var l=i.dx,u=i.dy;var h=St(s);var f=parseFloat(t.style.left||v.css("left"));var d=parseFloat(t.style.top||v.css("top"));h.left="".concat(f+l,"px"),h.top="".concat(d+u,"px"),v.css(h),c.css(h)}}},{key:"_processActions",value:function(){}},{key:"_processResize",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.revX,i=n.revY,s=n.doW,c=n.doH,v=n.data,l=n.bBox,u=l.width,h=l.height,f=this.options,d=f.proportions,p=f.scalable;var y=v.get(t);var m=y.transform,x=m.matrix,g=m.auxiliary.scale.translateMatrix,b=y.cached;var _=se((w=r,O=a,S=s||!s&&!c?(u+w)/u:(h+O)/h,[(R=d?u*S:u+w)/u,(C=d?h*S:h+O)/h,R,C]),4),k=_[0],M=_[1],E=_[2],T=_[3];var w,O,S,R,C;var V=(A=Te(k,M),Re(Re(g,A),Ce(g)));var A;var N=p?Re(V,x):(D=x,j=(P=V)[0][3],B=P[1][3],L=Ee(j,B),z=Ee(j*(o?-1:1),B*(i?-1:1)),Re(Re(z,D),Ce(L)));var P,D,j,B,L,z;return E<=Y||T<=Y||(this._updateElementView(t,bt({},St(ke(N)),{},!p&&{width:"".concat(E,"px"),height:"".concat(T,"px")})),v.set(t,bt({},y,{cached:bt({},b,{dx:r,dy:a,bBox:{width:E,height:T}})}))),{transform:N,width:E,height:T}}},{key:"_processMove",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data;var o=n.get(t);var i=o.transform,s=i.matrix,c=i.auxiliary.translate.parentMatrix,v=o.cached,l=void 0===v?{}:v;var u=se(Se(c,[r,a,0,1]),2),h=u[0],f=u[1];var d=Re(s,Ee(h,f));var p=St(ke(d));return this._updateElementView(t,p),n.set(t,bt({},o,{cached:bt({},l,{dist:{dx:ve(r),dy:ve(a),ox:ve(h),oy:ve(f)}})})),d}},{key:"_processRotate",value:function(t,e){var r=this.storage.data,a=this.options.restrict;var n=r.get(t).transform,o=n.matrix,i=n.auxiliary.rotate.translateMatrix;var s=ve(Math.cos(e),4),c=ve(Math.sin(e),4);var v=we(c,s);var l=Re(Re(Ce(i),v),i);var u=Re(o,l);var h=a?this._restrictHandler(u):{x:null,y:null},f=h.x,d=h.y;return j(f)||j(d)||this._updateElementView(t,St(ke(u))),u}},{key:"_getElementState",value:function(t,e){var r=e.revX,a=e.revY,n=e.doW,o=e.doH;var i=this.storage,s=i.handles.center,c=i.data,v=i.transformOrigin,l=this.options,u=l.container,h=l.scalable;var f=c.get(t).parent;var d=se(Pe(t,u),2),p=d[0],y=d[1];var m=t.offsetLeft,x=t.offsetTop,g=t.offsetWidth,b=t.offsetHeight;var _=Ae(t);var k=Ve(t,u);var M=Ve(f,u);var E=g/2,T=b/2;var w=se(Se(k,[E,T,0,1]),2);var O=o?0:r?-E:E,S=n?0:a?-T:T;var R=w[0]+p;var C=w[1]+y;var V=s?Ae(s):Me();var A=se(Se(Re(Ce(Oe(k)),Oe(V)),[v[0]-R,v[1]-C,0,1]),2),N=A[0],P=A[1];var D=se(Se(_,[N,P,0,1]),2),j=D[0],B=D[1];var L=function(t){var e=Math.sqrt(t[0][0]*t[0][0]+t[1][0]*t[1][0]+t[2][0]*t[2][0]),r=Math.sqrt(t[0][1]*t[0][1]+t[1][1]*t[1][1]+t[2][1]*t[2][1]),a=Math.sqrt(t[0][2]*t[0][2]+t[1][2]*t[1][2]+t[2][2]*t[2][2]);var n=Math.atan2(-t[0][3]/a,t[1][3]/a),o=Math.asin(t[3][1]/a),i=Math.atan2(-t[3][0]/r,t[0][0]/e);return 1!==t[0][1]&&-1!==t[0][1]||(o=t[n=0][1]*-Math.PI/2,i=t[0][1]*Math.atan2(t[1][1]/r,t[0][1]/r)),{rotate:{x:n,y:o,z:i},translate:{x:t[0][3]/e,y:t[1][3]/r,z:t[2][3]/a},scale:{sX:e,sY:r,sZ:a}}}(Ve(t,t.parentNode)).scale,z=L.sX,Y=L.sY;return{transform:{auxiliary:{scale:{translateMatrix:h?Ee(O,S):Ee(o?0:E,n?0:T)},translate:{parentMatrix:Ce(Oe(M))},rotate:{translateMatrix:Ee(j,B)}},scaleX:O,scaleY:S,matrix:_,ctm:k,parentMatrix:M,scX:z,scY:Y},bBox:{width:g,height:b,left:m,top:x,offset:{left:p,top:y}}}}},{key:"_getCommonState",value:function(){var t=this.elements,e=this.storage,r=e.controls,a=e.handles.center,n=e.center,o=e.wrapper,i=this.options,s=i.container,c=i.restrict;var v=se(Pe(t[0],s),2),l=v[0],u=v[1];var h=Ve(t[0],s);var f=c||s;var d=Ve(f,f.parentNode);var p=this._getBBox(),y=p.width,m=p.height;var x=se(Se(h,[y/2,m/2,0,1]),2);var g=x[0]+l;var b=x[1]+u;var _=a?Ae(a):Me();return{transform:{controlsMatrix:Ve(r,r.parentNode),containerMatrix:d,wrapperMatrix:Ve(o,s)},bBox:bt({},this._getBBox()),center:bt({},n,{x:g,y:b,matrix:_})}}},{key:"_getBBox",value:function(){var t=se(this.elements,1)[0],e=this.options,r=e.isGrouped,a=e.container;if(r)return this._getGroupBbox();var n=se(Pe(t,a),2),o=n[0],i=n[1];return{x:t.offsetLeft,y:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight,offset:{left:o,top:i}}}},{key:"_processControlsResize",value:function(){var t=this._applyTransformToHandles().center;var e=this.storage.transform.controlsMatrix;t&&(this.storage=bt({},this.storage,{cached:{transformOrigin:Se(e,t)}}))}},{key:"_processControlsMove",value:function(t){var e=t.dx,r=t.dy;var a=this.storage,n=a.transform,o=n.controlsMatrix,i=n.wrapperMatrix,s=a.center,c=a.transformOrigin;var v=Re(o,Ee(e,r));var l=St(ke(v));this._updateControlsView(l);var u=Oe(Ce(i));var h=se(Se(u,[e,r,0,1]),2),f=h[0],d=h[1];if(s.isShifted)this._moveCenterHandle(-f,-d,!1);else{var p=Ee(f,d);this.storage=bt({},this.storage,{cached:{transformOrigin:Se(p,c)}})}}},{key:"_processControlsRotate",value:function(){this._applyTransformToHandles()}},{key:"_moveCenterHandle",value:function(t,e,r){var a=!(2<arguments.length&&void 0!==r)||r;var n=this.storage,o=n.handles.center,i=n.center.matrix,s=n.center,c=n.transformOrigin;var v=Ee(t,e);var l=Re(i,v);nt(o).css(bt({},St(ke(l)))),this.storage=bt({},this.storage,{center:bt({},s,{isShifted:!0})},a?{cached:{transformOrigin:Se(v,c)}}:{})}},{key:"_processMoveRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data.get(t).transform,o=n.matrix,i=n.auxiliary.translate.parentMatrix;var s=se(Se(i,[r,a,0,1]),2),c=s[0],v=s[1];var l=Re(o,Ee(c,v));return this._restrictHandler(l)}},{key:"_processRotateRestrict",value:function(t,e){var r=this.storage.data.get(t).transform,a=r.matrix,n=r.auxiliary.rotate.translateMatrix;var o=ve(Math.cos(e),4),i=ve(Math.sin(e),4);var s=we(i,o);var c=Re(Re(Ce(n),s),n);var v=Re(a,c);return this._restrictHandler(v)}},{key:"_processResizeRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.revX,i=n.revY,s=n.doW,c=n.doH,v=n.data,l=n.bBox,u=l.width,h=l.height,f=this.options,d=f.proportions,p=f.scalable;var y=v.get(t).transform,m=y.matrix,x=y.auxiliary.scale.translateMatrix;var g=se((k=r,M=a,E=s||!s&&!c?(u+k)/u:(h+M)/h,[(T=d?u*E:u+k)/u,(w=d?h*E:h+M)/h,T,w]),2),b=g[0],_=g[1];var k,M,E,T,w;var O=(S=Te(b,_),Re(Re(x,S),Ce(x)));var S;var R=p?Re(O,m):(V=m,A=(C=O)[0][3],N=C[1][3],P=Ee(A,N),D=Ee(A*(o?-1:1),N*(i?-1:1)),Re(Re(D,V),Ce(P)));var C,V,A,N,P,D;return this._restrictHandler(R)}},{key:"_updateElementView",value:function(t,e){nt(t).css(e)}},{key:"_updateControlsView",value:function(t){nt(this.storage.controls).css(t)}},{key:"_getVertices",value:function(t){var e=0<arguments.length&&void 0!==t?t:Me();var r=this.elements;var a=se(r=void 0===r?[]:r,1)[0],n=this.options,o=n.isGrouped,i=n.rotatable,s=n.rotatorAnchor,c=n.rotatorOffset;var v=o?this._getGroupVertices():this._getElementVertices(a,e);var l=null;if(i){var u={};var h=1;switch(s){case"n":u.x=v.tc[0],u.y=v.tc[1];break;case"s":u.x=v.bc[0],u.y=v.bc[1],h=-1;break;case"w":u.x=v.ml[0],u.y=v.ml[1],h=-1;break;case"e":default:u.x=v.mr[0],u.y=v.mr[1]}var f="n"===s||"s"===s?Math.atan2(v.bl[1]-v.tl[1],v.bl[0]-v.tl[0]):Math.atan2(v.tl[1]-v.tr[1],v.tl[0]-v.tr[0]);l=[u.x-c*h*Math.cos(f),u.y-c*h*Math.sin(f)],v.rotator=l,v.anchor=u}return v}},{key:"_getElementVertices",value:function(t,e){var r=this.options,a=r.container,n=r.isGrouped;var o=se(Pe(t,a),2),v=o[0],l=o[1];var i=t.offsetWidth,s=t.offsetHeight;var c={tl:[0,0,0,1],bl:[0,s,0,1],br:[i,s,0,1],tr:[i,0,0,1],tc:[i/2,0,0,1],ml:[0,s/2,0,1],bc:[i/2,s,0,1],mr:[i,s/2,0,1],center:[i/2,s/2,0,1]};var u=n?e:Re(Ve(t,a),e);return Le(c).reduce(function(t,e){var r=se(e,2),a=r[0],n=r[1];return[].concat(Yt(t),[[a,Se(u,n)]])},[]).reduce(function(t,e){var r=se(e,2),a=r[0],n=se(r[1],4),o=n[0],i=n[1],s=n[2],c=n[3];return t[a]=[o+v,i+l,s,c],t},{})}},{key:"_getGroupVertices",value:function(){var t=this._getGroupBbox(),e=t.x,r=t.y,a=t.width,n=t.height;var o=a/2,i=n/2;return{tl:[e,r],tr:[e+a,r],mr:[e+a,r+i],ml:[e,r+i],tc:[e+o,r],bc:[e+o,r+n],br:[e+a,r+n],bl:[e,r+n],center:[e+o,r+i]}}},{key:"_getGroupBbox",value:function(){var t=this.elements,l=this.options.container;var e=t.reduce(function(t,e){var r=se(Pe(e,l),2),i=r[0],s=r[1];var a=e.offsetWidth,n=e.offsetHeight;var o=[[0,0,0,1],[0,n,0,1],[a,n,0,1],[a,0,0,1]];var c=Ve(e,l);var v=o.reduce(function(t,e){return[].concat(Yt(t),[Se(c,e)])},[]).map(function(t){var e=se(t,4),r=e[0],a=e[1],n=e[2],o=e[3];return[r+i,a+s,n,o]});return[].concat(Yt(t),[v])},[]);var r=se(xt(e.reduce(function(t,e){return[].concat(Yt(t),Yt(e))},[])),2),a=se(r[0],2),n=a[0],o=a[1],i=se(r[1],2),s=i[0];return{x:n,y:s,width:o-n,height:i[1]-s}}},{key:"_getElementBBox",value:function(t){var e=this.options.container;var r=se(Pe(t,e),2),i=r[0],s=r[1];var a=t.offsetWidth,n=t.offsetHeight;var o=[[0,0,0,1],[0,n,0,1],[a,n,0,1],[a,0,0,1]];var c=Ve(t,e);var v=o.reduce(function(t,e){return[].concat(Yt(t),[Se(c,e)])},[]).map(function(t){var e=se(t,4),r=e[0],a=e[1],n=e[2],o=e[3];return[r+i,a+s,n,o]});var l=se(xt(v),2),u=se(l[0],2),h=u[0],f=u[1],d=se(l[1],2),p=d[0];return{x:h,y:p,width:f-h,height:d[1]-p}}},{key:"_applyTransformToHandles",value:function(t){var e=(0<arguments.length&&void 0!==t?t:{}).boxMatrix,r=void 0===e?Me():e;var a=this.options,n=a.rotatable,o=a.resizable,i=a.showNormal,s=this.storage,v=s.handles,c=s.center;var l=(c=void 0===c?{}:c).isShifted,u=void 0!==l&&l,h=s.transform.controlsMatrix;var f=Re(r,Ce(h));var d=this._getVertices(f),p=d.anchor,y=void 0===p?null:p,m=d.center,x=R(d,["anchor","center"]);var g=null;var b={};n&&(g=i?[[y.x,y.y],x.rotator]:null,b={rotator:x.rotator});var _=bt({te:[x.tl,x.tr],be:[x.bl,x.br],le:[x.tl,x.bl],re:[x.tr,x.br]},i&&g&&{normal:g});Be(_).forEach(function(t){var e=se(_[t],2),r=e[0],a=e[1];var n=Xe(r,a),o=n.cx,i=n.cy,s=n.length,c=n.theta;nt(v[t]).css({transform:"translate(".concat(o,"px, ").concat(i,"px) rotate(").concat(c,"deg)"),width:"".concat(s,"px")})});var k=bt({},o&&x,{},b,{},!u&&Boolean(m)&&{center:m});return Be(k).reduce(function(t,e){var r=v[e];var a=k[e];if(t[e]=a,Et(a)||Et(r))return t;var n=se(a,2),o=n[0],i=n[1];return nt(r).css({transform:"translate(".concat(o,"px, ").concat(i,"px)")}),t},{})}},{key:"setCenterPoint",value:function(){ce('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(t,e){var r=0<arguments.length&&void 0!==t?t:{},a=r.x,n=r.y,o=r.dx,i=r.dy;var s=!(1<arguments.length&&void 0!==e)||e;var c=this.elements;var v=se(c=void 0===c?[]:c,1)[0],l=this.storage,u=this.storage;var h=(u=void 0===u?{}:u).wrapper,f=u.handles.center,d=u.center,p=this.options;var y=(p=void 0===p?{}:p).container;var m=j(o)&&j(i),x=j(a)&&j(n);if(f&&d&&(m||x)){var g=Re(Ve(v,y),Ce(Ve(h,h.parentNode)));var b,_;var k=se(Pe(v,y),2),M=k[0],E=k[1];if(m){var T=v.offsetHeight;b=-o+v.offsetWidth/2,_=-i+T/2}else b=a,_=n;var w=se(Se(g,[b,_,0,1]),2),O=w[0],S=w[1];nt(f).css({transform:"translate(".concat(O+M,"px, ").concat(S+E,"px)")}),d.isShifted=s,l.transformOrigin=Se(Me(),[O,S,0,1])}}},{key:"fitControlsToSize",value:function(){var t=Me();this.storage=bt({},this.storage,{transform:bt({},this.storage.transform||{},{controlsMatrix:t})}),this._updateControlsView(St(ke(t))),this._applyTransformToHandles()}},{key:"getBoundingRect",value:function(t){var e=0<arguments.length&&void 0!==t?t:null;var r=this.elements;var a=se(r=void 0===r?[]:r,1)[0],n=this.options,o=n.scalable,i=n.restrict,s=n.container,c=this.storage,v=c.bBox,l=c.bBox;var u=(l=void 0===l?{}:l).width,h=l.height,f=c.cached;var d=(f=void 0===f?{}:f).bBox;var p=(d=void 0===d?{}:d).width,y=void 0===p?u:p,m=d.height;var x=o?v:bt({},v,{width:y,height:void 0===m?h:m});var g=i||s;return Ge(a,g,Ve(a,g,e),x)}},{key:"applyAlignment",value:function(t){var e=this.elements,r=this.options.container;var a=this._getVertices(),n=(a.anchor,a.rotator,a.center,R(a,["anchor","rotator","center"]));var o=this._getRestrictedBBox(!0);var i=ze(n);var s=se(xt(o),2),c=se(s[0],2),v=c[0],l=c[1],u=se(s[1],2),h=u[0],f=u[1];var d=se(xt(i),2),p=se(d[0],2),y=p[0],m=p[1],x=se(d[1],2),g=x[0],b=x[1];var _=se(Se(Ce(Oe(Ve(e[0].parentNode,r))),[function(){switch(!0){case/[l]/.test(t):return v-y;case/[r]/.test(t):return l-m;case/[h]/.test(t):return(l+v)/2-(m+y)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(t):return h-g;case/[b]/.test(t):return f-b;case/[v]/.test(t):return(f+h)/2-(b+g)/2;default:return 0}}(),0,1]),2),k=_[0],M=_[1];var E=Re(Ae(e[0]),Ee(k,M));this._updateElementView(e[0],St(ke(E))),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var t=this.elements;var e=se(t=void 0===t?[]:t,1)[0];var r=this.options.isGrouped?this._getGroupVertices():this._getElementVertices(e,Me()),a=r.tl,n=r.tr,o=r.br;return{x:ve(a[0]),y:ve(a[1]),width:ve(Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2))),height:ve(Math.sqrt(Math.pow(n[0]-o[0],2)+Math.pow(n[1]-o[1],2))),rotation:ve(Math.atan2(n[1]-a[1],n[0]-a[0])*mt)}}}]),e}();var He=function(t,e,r){var a=se(t,2),n=a[0],o=a[1];var i=2<arguments.length&&void 0!==r?r:{};var s=We(["sjx-hdl","sjx-hdl-".concat(1<arguments.length&&void 0!==e?e:"handler")]);return nt(s).css(bt({transform:"translate(".concat(n,"px, ").concat(o,"px)")},i)),s};var Ie=function(t,e){var r=se(t,3),a=r[0],n=r[1],o=r[2],i=void 0===o?1:o;var s=Xe(a,n,i),c=s.cx,v=s.cy,l=s.length,u=s.theta;var h=We(["sjx-hdl-line","sjx-hdl-".concat(e)]);return nt(h).css({transform:"translate(".concat(c,"px, ").concat(v,"px) rotate(").concat(u,"deg)"),height:"".concat(i,"px"),width:"".concat(l,"px")}),h};var Xe=function(t,e,r){var a=2<arguments.length&&void 0!==r?r:1;var n=se(t,2),o=n[0],i=n[1];var s=se(e,2),c=s[0],v=s[1];var l=Math.sqrt((c-o)*(c-o)+(v-i)*(v-i));return{cx:(o+c)/2-l/2,cy:(i+v)/2-a/2,thickness:a,theta:Math.atan2(i-v,o-c)*(180/Math.PI),length:l}};var Ge=function(t,e,r,a){var n=se(Pe(t,e),2),o=n[0],i=n[1];var s=a||{width:t.offsetWidth,height:t.offsetHeight,offset:{left:o,top:i}},c=s.width,v=s.height,l=s.offset;var u=(l=void 0===l?{}:l).left,h=l.top;return[[0,0,0,1],[c,0,0,1],[0,v,0,1],[c,v,0,1]].reduce(function(t,e){return[].concat(Yt(t),[Se(r,e)])},[]).map(function(t){var e=se(t,4),r=e[0],a=e[1],n=e[2],o=e[3];return[r+u,a+h,n,o]})};var We=function(t){var e=0<arguments.length&&void 0!==t?t:[];var r=document.createElement("div");return e.forEach(function(t){return wt(r,t)}),r};var Fe=/\s*,\s*|\s+/g;var qe=["circle","ellipse","image","line","path","polygon","polyline","rect","text","g","foreignobject","use"];function Ze(t,e){var r=1<arguments.length&&void 0!==e?e:[];var a=document.createElementNS("http://www.w3.org/2000/svg",t);return r.forEach(function(t){return wt(a,t)}),a}function Qe(t){var r=[];return nr(t)?u.call(t.childNodes,function(t){if(1===t.nodeType){var e=t.tagName.toLowerCase();-1!==qe.indexOf(e)&&("g"===e&&r.push.apply(r,Yt(Qe(t))),r.push(t))}}):r.push(t),r}function Ue(){return Ze("svg").createSVGMatrix()}function $e(t,e){var r=Ue();return r.e=t,r.f=e,r}function Je(t,e){var r=Ue();return r.a=e,r.b=t,r.c=-t,r.d=e,r}function Ke(t,e){var r=Ue();return r.a=t,r.d=e,r}function tr(t,e){return(e.getScreenCTM&&e.getScreenCTM()||Ue()).inverse().multiply(t.getScreenCTM()||Ue())}function er(t){var e=t.a,r=t.b,a=t.c,n=t.d,o=t.e,i=t.f;return"matrix(".concat(e,",").concat(r,",").concat(a,",").concat(n,",").concat(o,",").concat(i,")")}function rr(t,e,r){return function(t,e){var r=Ze("svg").createSVGPoint();return r.x=t,r.y=e,r}(e,r).matrixTransform(t)}function ar(t){var e=Ue();return e.a=t.a,e.b=t.b,e.c=t.c,e.d=t.d,e.e=t.e,e.f=t.f,e}var nr=function(t){return"g"===t.tagName.toLowerCase()};function or(t){return(0<arguments.length&&void 0!==t?t:"").replace(/[\n\r]/g,"").replace(/([^e])-/g,"$1 -").replace(/ +/g," ").replace(/(\d*\.)(\d+)(?=\.)/g,"$1$2 ")}function ir(t){return or(t).trim().split(Fe).reduce(function(t,e,r,a){return r%2==0&&t.push(a.slice(r,r+2)),t},[])}var sr=/\s*([achlmqstvz])([^achlmqstvz]*)\s*/gi;function cr(t){var c=sr.lastIndex=0;var v=[];function e(){var t=se(c,3),r=t[1],e=t[2];var a=r.toUpperCase();var n=r!==a;var o=or(e).trim().split(Fe).map(function(t){if(!isNaN(t))return Number(t)});var i=!1;var s="M"===a;(function(r,a){return Array.from(new Array(Math.ceil(r.length/a)),function(t,e){return r.slice(e*a,e*a+a)})})(o,function(t){return[{size:2,condition:["M","m","L","l","T","t"].includes(t)},{size:1,condition:["H","h","V","v"].includes(t)},{size:6,condition:["C","c"].includes(t)},{size:4,condition:["S","s","Q","q"].includes(t)},{size:7,condition:["A","a"].includes(t)},{size:1,condition:!0}].find(function(t){return!!t.condition})}(r).size).map(function(t){var e=i&&s;return i=i||s,v.push({relative:n,key:e?"L":a,cmd:e?n?"l":"L":r,values:t})})}for(;c=sr.exec(t);)e();return lr(vr(v))}var vr=function(t){var jt=null,Bt=null,Lt=null,zt=null;return t.reduce(function(t,e){var r=e.cmd,a=e.values;var n;switch(r){case"M":var o=se(a,2),i=o[0],s=o[1];n={key:"M",values:[i,s]},jt=Lt=i,Bt=zt=s;break;case"m":var c=se(a,2),v=c[0],l=c[1];var u=jt+v;var h=Bt+l;n={key:"M",values:[u,h]},jt=Lt=u,Bt=zt=h;break;case"L":var f=se(a,2),d=f[0],p=f[1];n={key:"L",values:[d,p]},jt=d,Bt=p;break;case"l":var y=se(a,2),m=y[0],x=y[1];var g=jt+m;var b=Bt+x;n={key:"L",values:[g,b]},jt=g,Bt=b;break;case"C":var _=se(a,6),k=_[0],M=_[1],E=_[2],T=_[3],w=_[4],O=_[5];n={key:"C",values:[k,M,E,T,w,O]},jt=w,Bt=O;break;case"c":var S=se(a,6),R=S[0],C=S[1],V=S[2],A=S[3],N=S[4],P=S[5];var D=[jt+R,Bt+C,jt+V,Bt+A,jt+N,Bt+P];n={key:"C",values:[].concat(D)},jt=D[4],Bt=D[5];break;case"Q":var j=se(a,4),B=j[0],L=j[1],z=j[2],Y=j[3];n={key:"Q",values:[B,L,z,Y]},jt=z,Bt=Y;break;case"q":var H=se(a,4),I=H[0],X=H[1],G=H[2],W=H[3];var F=[jt+I,Bt+X,jt+G,Bt+W];t.push({key:"Q",values:[].concat(F)}),jt=F[2],Bt=F[3];break;case"A":var q=se(a,7),Z=q[0],Q=q[1],U=q[2],$=q[3],J=q[4],K=q[5],tt=q[6];n={key:"A",values:[Z,Q,U,$,J,K,tt]},jt=K,Bt=tt;break;case"a":var et=se(a,7),rt=et[0],at=et[1],nt=et[2],ot=et[3],it=et[4],st=et[5],ct=et[6];var vt=jt+st;var lt=Bt+ct;n={key:"A",values:[rt,at,nt,ot,it,vt,lt]},jt=vt,Bt=lt;break;case"H":var ut=se(a,1)[0];n={key:"H",values:[ut]},jt=ut;break;case"h":var ht=se(a,1)[0];var ft=jt+ht;n={key:"H",values:[ft]},jt=ft;break;case"V":var dt=se(a,1)[0];n={key:"V",values:[dt]},Bt=dt;break;case"v":var pt=se(a,1)[0];var yt=Bt+pt;n={key:"V",values:[yt]},Bt=yt;break;case"S":var mt=se(a,4),xt=mt[0],gt=mt[1],bt=mt[2],_t=mt[3];n={key:"S",values:[xt,gt,bt,_t]},jt=bt,Bt=_t;break;case"s":var kt=se(a,4),Mt=kt[0],Et=kt[1],Tt=kt[2],wt=kt[3];var Ot=[jt+Mt,Bt+Et,jt+Tt,Bt+wt];n={key:"S",values:[].concat(Ot)},jt=Ot[2],Bt=Ot[3];break;case"T":var St=se(a,2),Rt=St[0],Ct=St[1];n={key:"T",values:[Rt,Ct]},jt=Rt,Bt=Ct;break;case"t":var Vt=se(a,2),At=Vt[0],Nt=Vt[1];var Pt=jt+At;var Dt=Bt+Nt;n={key:"T",values:[Pt,Dt]},jt=Pt,Bt=Dt;break;case"Z":case"z":n={key:"Z",values:[]},jt=Lt,Bt=zt}return[].concat(Yt(t),[n])},[])};var lr=function(t){var W=null;var F=null;var q=null;var Z=null;var Q=null;var U=null;var $=null;return t.reduce(function(t,e){var r=e.key,a=e.values;var n;switch(r){case"M":var o=se(a,2),i=o[0],s=o[1];n=[{key:"M",values:[i,s]}],Z=U=i,Q=$=s;break;case"C":var c=se(a,6),v=c[0],l=c[1],u=c[2],h=c[3],f=c[4],d=c[5];n=[{key:"C",values:[v,l,u,h,f,d]}],F=u,q=h,Z=f,Q=d;break;case"L":var p=se(a,2),y=p[0],m=p[1];n=[{key:"L",values:[y,m]}],Z=y,Q=m;break;case"H":var x=se(a,1)[0];n=[{key:"L",values:[x,Q]}],Z=x;break;case"V":var g=se(a,1)[0];n=[{key:"L",values:[Z,g]}],Q=g;break;case"S":var b=se(a,4),_=b[0],k=b[1],M=b[2],E=b[3];var T,w;w="C"===W||"S"===W?(T=Z+(Z-F),Q+(Q-q)):(T=Z,Q),n=[{key:"C",values:[T,w,_,k,M,E]}],F=_,q=k,Z=M,Q=E;break;case"T":var O=se(a,2),S=O[0],R=O[1];var C,V;V="Q"===W||"T"===W?(C=Z+(Z-F),Q+(Q-q)):(C=Z,Q),n=[{key:"C",values:[Z+2*(C-Z)/3,Q+2*(V-Q)/3,S+2*(C-S)/3,R+2*(V-R)/3,S,R]}],F=C,q=V,Z=S,Q=R;break;case"Q":var A=se(a,4),N=A[0],P=A[1],D=A[2],j=A[3];n=[{key:"C",values:[Z+2*(N-Z)/3,Q+2*(P-Q)/3,D+2*(N-D)/3,j+2*(P-j)/3,D,j]}],F=N,q=P,Z=D,Q=j;break;case"A":var B=se(a,7),L=B[0],z=B[1],Y=B[2],H=B[3],I=B[4],X=B[5],G=B[6];if(0===L||0===z)n=[{key:"C",values:[Z,Q,X,G,X,G]}],Z=X,Q=G;else if(Z!==X||Q!==G)n=ur(Z,Q,X,G,L,z,Y,H,I).map(function(t){return{key:"C",values:t}}),Z=X,Q=G;break;case"Z":n=[e],Z=U,Q=$}return W=r,[].concat(Yt(t),Yt(n))},[])};var ur=function t(e,r,a,n,o,i,s,c,v,l){function u(t,e,r){return{x:t*Math.cos(r)-e*Math.sin(r),y:t*Math.sin(r)+e*Math.cos(r)}}var h=(f=s,Math.PI*f/180);var f;var d=[];var p,y,m,x;if(l)p=l[0],y=l[1],m=l[2],x=l[3];else{var g=u(e,r,-h);e=g.x,r=g.y;var b=u(a,n,-h);var _=(e-(a=b.x))/2;var k=(r-(n=b.y))/2;var M=_*_/(o*o)+k*k/(i*i);1<M&&(o*=M=Math.sqrt(M),i*=M);var E=o*o;var T=i*i;var w=E*T-E*k*k-T*_*_;var O=E*k*k+T*_*_;var S=(c===v?-1:1)*Math.sqrt(Math.abs(w/O));m=S*o*k/i+(e+a)/2,x=S*-i*_/o+(r+n)/2,p=Math.asin(parseFloat(((r-x)/i).toFixed(9))),y=Math.asin(parseFloat(((n-x)/i).toFixed(9))),e<m&&(p=Math.PI-p),a<m&&(y=Math.PI-y),p<0&&(p=2*Math.PI+p),y<0&&(y=2*Math.PI+y),v&&y<p&&(p-=2*Math.PI),!v&&p<y&&(y-=2*Math.PI)}var R=y-p;if(Math.abs(R)>120*Math.PI/180){var C=y;var V=a;var A=n;var N=v&&p<y?1:-1;y=p+120*Math.PI/180*N,a=m+o*Math.cos(y),n=x+i*Math.sin(y),d=t(a,n,V,A,o,i,s,0,v,[y,C,m,x])}R=y-p;var P=Math.cos(p);var D=Math.sin(p);var j=Math.cos(y);var B=Math.sin(y);var L=Math.tan(R/4);var z=4/3*o*L;var Y=4/3*i*L;var H=[e,r];var I=[e+z*D,r-Y*P];var X=[a+z*B,n-Y*j];var G=[a,n];if(I[0]=2*H[0]-I[0],I[1]=2*H[1]-I[1],l)return[I,X,G].concat(Yt(d));d=[I,X,G].concat(Yt(d)).join().split(",");var W=[];var F=[];return d.forEach(function(t,e){e%2?F.push(u(d[e-1],d[e],h).y):F.push(u(d[e],d[e+1],h).x),6===F.length&&(W.push(F),F=[])}),W};var hr=H.E_DRAG,fr=H.E_RESIZE,dr=H.E_ROTATE;var pr=I,yr=W;var mr=Object.keys,xr=Object.entries,gr=Object.values;var br=function(){o(e,be);var t=c(e);function e(){return i(this,e),t.apply(this,arguments)}return r(e,[{key:"_init",value:function(t){var e=this;var r=this.options,a=r.container,n=r.controlsContainer,o=r.resizable,i=r.rotatable,s=r.showNormal,c=r.transformOrigin,v=r.restrict;var l=Ze("g",["sjx-svg-wrapper"]);var u=Ze("g",["sjx-svg-controls"]);var h=this._getVertices(),f=h.rotator,d=void 0===f?null:f,p=h.anchor,y=void 0===p?null:p,m=R(h,["rotator","anchor"]);var x={};var g={};var b=Array.isArray(c)?rr(Ue(),c[0],c[1]):m.center;if(i){var _=s?wr([y,d],S,"normal"):null;s&&u.appendChild(_);var k=null;c&&((k=Ze("line",["sjx-hidden"])).x1.baseVal.value=m.center.x,k.y1.baseVal.value=m.center.y,k.x2.baseVal.value=b.x,k.y2.baseVal.value=b.y,Er(k,"#fe3232"),k.setAttribute("opacity",.5),u.appendChild(k)),g=bt({},g,{normal:_,radius:k})}var M=o?{tl:m.tl,tr:m.tr,br:m.br,bl:m.bl,tc:m.tc,bc:m.bc,ml:m.ml,mr:m.mr}:{};var E={te:[m.tl,m.tr],be:[m.bl,m.br],le:[m.tl,m.bl],re:[m.tr,m.br]};mr(E).forEach(function(t){var e=E[t];Et(e)||(x[t]=wr(e,S,t),u.appendChild(x[t]))});var T=bt({},M,{rotator:d,center:c&&i?b:void 0});mr(T).forEach(function(t){var e=T[t];if(!Et(e)){var r=e.x,a=e.y;var n="center"===t?"#fe3232":S;x[t]=Mr(r,a,n,t),u.appendChild(x[t])}}),l.appendChild(u),n.appendChild(l);var w=new WeakMap;t.map(function(t){return w.set(t,{parent:t.parentNode,transform:{ctm:tr(t,a)},bBox:t.getBBox(),__data__:new WeakMap,cached:{}})});var O=v||a;this.storage={wrapper:l,controls:u,handles:bt({},x,{},g),data:w,center:{isShifted:Array.isArray(c)},transformOrigin:b,transform:{containerMatrix:tr(O,O.parentNode)}},[].concat(Yt(t),[u]).map(function(t){return nt(t).on(pr,e._onMouseDown).on(yr,e._onTouchStart)})}},{key:"_cursorPoint",value:function(t){var e=t.clientX,r=t.clientY;var a=this.options.container;return this._applyMatrixToPoint(a.getScreenCTM().inverse(),e,r)}},{key:"_getRestrictedBBox",value:function(t){var e=0<arguments.length&&void 0!==t&&t;var r=this.storage;var a=(r=void 0===r?{}:r).transform;var n=(a=void 0===a?{}:a).containerMatrix,o=this.options;var i=(o=void 0===o?{}:o).container;var s=o.restrict||i;return Or(s,e?tr(s,i):n)}},{key:"_pointToTransform",value:function(t){var e=t.x,r=t.y;var a=t.matrix.inverse();return a.e=a.f=0,this._applyMatrixToPoint(a,e,r)}},{key:"_pointToControls",value:function(t,e){var r=t.x,a=t.y;var n=(1<arguments.length&&void 0!==e?e:this.storage.transform).controlsMatrix.inverse();return n.e=n.f=0,this._applyMatrixToPoint(n,r,a)}},{key:"_applyMatrixToPoint",value:function(t,e,r){var a=Ze("svg").createSVGPoint();return a.x=e,a.y=r,a.matrixTransform(t)}},{key:"_applyTransformToElement",value:function(a,t){var e=this.storage;var r=(e=void 0===e?{}:e).data,n=e.bBox,o=this.options;var i=(o=void 0===o?{}:o).isGrouped,s=o.scalable,c=o.applyTranslate;var v=r.get(a),l=v.cached,u=void 0===l?{}:l,h=R(v,["cached"]);var f=h.transform,d=f.matrix,p=f.parentMatrix,y=h.__data__;var m=u.scaleX,x=u.scaleY,g=u.dist;var b=(g=void 0===g?{}:g).dx,_=g.dy,k=g.ox,M=g.oy,E=u.transformMatrix;if(t===hr){if(!c||!b&&!_)return;var T=$e(k,M);var w=T.multiply(d).multiply(T.inverse());this._updateElementView(["transform",w]),nr(a)?Qe(a).map(function(t){var e=$e(b,_);var r=e.multiply(tr(t,t.parentNode)).multiply(e.inverse());if(function(t){var e=t.a,r=t.b,a=t.c,n=t.d,o=t.e,i=t.f;return 1===e&&0===r&&0===a&&1===n&&0===o&&0===i}(r)||t.setAttribute("transform",er(r)),!nr(t)){var a=p.inverse();a.e=a.f=0;var n=rr(a,k,M),o=n.x,i=n.y;_r(t,{x:o,y:i})}}):_r(a,{x:k,y:M})}if(t===fr){if(!E)return;if(!s)if(nr(a)||i)Qe(a).forEach(function(t){if(!nr(t)){var e=tr(t,i?a.parentNode:a);var r=e.inverse().multiply(E).multiply(e);kr(t,{dx:b,dy:_,scaleX:m,scaleY:x,localCTM:r,transformMatrix:E,bBox:n,__data__:y,isGrouped:i})}});else kr(a,{dx:b,dy:_,scaleX:m,scaleY:x,localCTM:E,transformMatrix:E,bBox:n,__data__:y,isGrouped:i})}r.set(a,bt({},h))}},{key:"_processActions",value:function(t){var e=this.storage,r=e.transform.controlsMatrix,a=e.center;var n=(a=void 0===a?{}:a).isShifted;if(this.options.isGrouped&&t===dr){this._applyTransformToHandles();var o=rr(r,0,0),i=o.x,s=o.y;n&&this._moveCenterHandle(i,s),this._updateControlsView(),n||this.setTransformOrigin({dx:0,dy:0},!1)}}},{key:"_processResize",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.revX,i=n.revY,s=n.doW,c=n.doH,v=n.data,l=n.bBox,u=l.x,h=l.y,f=l.width,d=l.height,p=this.options,y=p.isGrouped,m=p.proportions,x=p.scalable;var g=v.get(t);var b=g.transform,_=b.matrix,k=b.auxiliary.scale.translateMatrix,M=g.cached,E=void 0===M?{}:M;var T=se((C=r,V=a,A=Math.max(1,f),N=Math.max(1,d),P=s||!s&&!c?(A+C)/A:(N+V)/N,[(D=m?A*P:A+C)/A,(j=m?N*P:N+V)/N,D,j]),4),w=T[0],O=T[1],S=T[2],R=T[3];var C,V,A,N,P,D,j;var B=(L=Ke(w,O),k.multiply(L).multiply(k.inverse()));var L;var z=u-(S-f)*(c?.5:o?1:0),Y=h-(R-d)*(s?.5:i?1:0);var H=y?B.multiply(_):_.multiply(B);return x&&this._updateElementView(t,["transform",H]),v.set(t,bt({},g,{cached:bt({},E,{scaleX:w,scaleY:O,transformMatrix:B,resultMatrix:H})})),this._applyTransformToElement(t,fr),{x:z,y:Y,width:S,height:R,transform:H}}},{key:"_processMove",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data;var o=n.get(t);var i=o.transform,s=i.matrix,c=i.auxiliary.translate,v=c.translateMatrix,l=c.parentMatrix,u=o.cached;l.e=l.f=0;var h=rr(l,r,a),f=h.x,d=h.y;n.set(t,bt({},o,{cached:bt({},u,{dist:{dx:ve(r),dy:ve(a),ox:ve(f),oy:ve(d)}})})),v.e=f,v.f=d;var p=v.multiply(s);return this._updateElementView(t,["transform",p]),p}},{key:"_processRotate",value:function(t,e){var r=this.storage;var a=(r=void 0===r?{}:r).data.get(t).transform,n=a.matrix,o=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix;var s=ve(Math.cos(e)),c=ve(Math.sin(e));var v=Je(c,s);o.e=o.f=0;var l=o.inverse().multiply(v).multiply(o);var u=i.multiply(l).multiply(i.inverse()).multiply(n);return this._updateElementView(t,["transform",u]),u}},{key:"_getElementState",value:function(e,t){var r=t.revX,a=t.revY,n=t.doW,o=t.doH;var i=this.options,s=i.container,c=i.isGrouped,v=this.storage,l=v.data,u=v.controls,h=v.handles.center,f=v.transformOrigin,d=f.x,p=f.y;var y=l.get(e);var m=y.__data__;Tr(e,y,s),m["delete"](e),Qe(e).forEach(function(t){m["delete"](t),Tr(t,y,e,c)});var x=this._getBBox();var g=x.x,b=x.y,_=x.width,k=x.height;var M=tr(e,e.parentNode),E=tr(e,s),T=tr(e.parentNode,s);var w=T.inverse();var O=g+_*(o?.5:r?1:0),S=b+k*(n?.5:a?1:0);var R=tr(u,s);var C=g+_/2,V=b+k/2;var A=rr(R,d,p),N=A.x,P=A.y;var D=h?rr(w,N,P):rr(c?w:M,C,V),j=D.x,B=D.y;var L=h?rr(c?w:E.inverse(),N,P):rr(c?w:Ue(),O,S),z=L.x,Y=L.y;return{transform:{auxiliary:{scale:{scaleMatrix:Ue(),translateMatrix:$e(z,Y)},translate:{parentMatrix:w,translateMatrix:Ue()},rotate:{translateMatrix:$e(j,B)}},matrix:M,ctm:E,parentMatrix:T,scX:Math.sqrt(E.a*E.a+E.b*E.b),scY:Math.sqrt(E.c*E.c+E.d*E.d)},bBox:x}}},{key:"_getCommonState",value:function(){var t=this.elements,e=this.options,r=e.isGrouped,a=e.container,n=e.restrict,o=this.storage,i=o.controls,s=o.handles.center;var c=this._getBBox();var v=c.x,l=c.y;var u=v+c.width/2,h=l+c.height/2;var f=tr(i,a);var d=s?s.cx.baseVal.value:u;var p=s?s.cy.baseVal.value:h;var y=rr(f,d,p),m=y.x,x=y.y;var g=rr(r?Ue():tr(t[0],a),u,h),b=g.x,_=g.y;var k=n||a;var M=tr(k,k.parentNode);var E=bt({},this.storage.center||{},{x:s?m:b,y:s?x:_,hx:s?s.cx.baseVal.value:null,hy:s?s.cy.baseVal.value:null});return{transform:{containerMatrix:M,controlsMatrix:tr(i,i.parentNode),controlsTranslateMatrix:Ue(),wrapperOriginMatrix:$e(E.x,E.y)},bBox:c,center:E}}},{key:"_getVertices",value:function(t){var e=0<arguments.length&&void 0!==t?t:Ue();var r=this.elements,a=this.options,n=a.isGrouped,o=a.rotatable,i=a.rotatorAnchor,s=a.rotatorOffset,c=a.container;var v=this._getBBox(),l=v.x,u=v.y,h=v.width,f=v.height;var d=h/2,p=f/2;var y={tl:[l,u],tr:[l+h,u],mr:[l+h,u+p],ml:[l,u+p],tc:[l+d,u],bc:[l+d,u+f],br:[l+h,u+f],bl:[l,u+f],center:[l+d,u+p]};var m=n?e:e.multiply(tr(r[0],c));var x=xr(y).reduce(function(t,e){var r=se(e,2),a=r[0],n=se(r[1],2),o=n[0],i=n[1];return t[a]=rr(m,o,i),t},{});if(o){var g={};var b=1;switch(i){case"n":var _=x.tc,k=_.x,M=_.y;g.x=k,g.y=M;break;case"s":var E=x.bc,T=E.x,w=E.y;g.x=T,g.y=w,b=-1;break;case"w":var O=x.ml,S=O.x,R=O.y;g.x=S,g.y=R,b=-1;break;case"e":default:var C=x.mr,V=C.x,A=C.y;g.x=V,g.y=A}var N="n"===i||"s"===i?Math.atan2(x.bl.y-x.tl.y,x.bl.x-x.tl.x):Math.atan2(x.tl.y-x.tr.y,x.tl.x-x.tr.x);var P=s*b;var D={x:g.x-P*Math.cos(N),y:g.y-P*Math.sin(N)};x.rotator=D,x.anchor=g}return x}},{key:"_getBBox",value:function(){var t=this.elements,e=this.options,a=e.container;if(e.isGrouped){var r=t.reduce(function(t,e){var r=tr(e,a);return[].concat(Yt(t),Yt(Or(e,r)))},[]);var n=se(xt(r),2),o=se(n[0],2),i=o[0],s=o[1],c=se(n[1],2),v=c[0];return{x:i,y:v,width:s-i,height:c[1]-v}}return t[0].getBBox()}},{key:"_moveCenterHandle",value:function(t,e){var r=this.storage,a=r.handles,n=a.center,o=a.radius,i=r.center,s=r.transform;var c=(s=void 0===s?{}:s).controlsMatrix,v=void 0===c?Ue():c,l=r.transformOrigin;var u=(l=void 0===l?{}:l).x,h=l.y,f=r.cached;if(!Et(n)){var d=u+t,p=h+e;n.cx.baseVal.value=d,n.cy.baseVal.value=p,o.x2.baseVal.value=d,o.y2.baseVal.value=p,this.storage=bt({},this.storage,{center:bt({},i,{isShifted:!0},rr(v.inverse(),d,p)),cached:bt({},f,{transformOrigin:rr(Ue(),d,p)})})}}},{key:"_processMoveRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data.get(t).transform,o=n.matrix,i=n.auxiliary.translate.parentMatrix;i.e=i.f=0;var s=rr(i,r,a),c=s.x,v=s.y;var l=$e(c,v).multiply(o);return this._restrictHandler(t,l)}},{key:"_processRotateRestrict",value:function(t,e){var r=this.storage;var a=(r=void 0===r?{}:r).data.get(t).transform,n=a.matrix,o=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix;var s=ve(Math.cos(e)),c=ve(Math.sin(e));var v=Je(c,s);o.e=o.f=0;var l=o.inverse().multiply(v).multiply(o);var u=i.multiply(l).multiply(i.inverse()).multiply(n);return this._restrictHandler(t,u)}},{key:"_processResizeRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.doW,i=n.doH,s=n.data,c=n.bBox,v=c.width,l=c.height,u=this.options.proportions;var h=s.get(t).transform,f=h.matrix,d=h.auxiliary.scale.translateMatrix;var p=f.multiply(function(t,e){var r=Ke(t,e);return d.multiply(r).multiply(d.inverse())}.apply(void 0,Yt((y=r,m=a,x=Math.max(1,v),g=Math.max(1,l),b=o||!o&&!i?(x+y)/x:(g+m)/g,[(_=u?x*b:x+y)/x,(k=u?g*b:g+m)/g,_,k]))));var y,m,x,g,b,_,k;return this._restrictHandler(t,p)}},{key:"_processControlsResize",value:function(){var t=this.storage;var e=(t=void 0===t?{}:t).transform.controlsMatrix;this._applyTransformToHandles({boxMatrix:e.inverse()})}},{key:"_processControlsMove",value:function(t){var e=t.dx,r=t.dy;var a=this.storage;var n=(a=void 0===a?{}:a).transform,o=n.controlsMatrix,i=n.controlsTranslateMatrix,s=a.center;i.e=e,i.f=r;var c=i.multiply(o);if(this._updateControlsView(c),s.isShifted){var v=o.inverse();v.e=v.f=0;var l=rr(v,e,r),u=l.x,h=l.y;this._moveCenterHandle(-u,-h)}}},{key:"_processControlsRotate",value:function(t){var e=t.radians;var r=this.storage;var a=(r=void 0===r?{}:r).transform,n=a.controlsMatrix,o=a.wrapperOriginMatrix;var i=ve(Math.cos(e)),s=ve(Math.sin(e));var c=Je(s,i);var v=o.multiply(c).multiply(o.inverse()).multiply(n);this._updateControlsView(v)}},{key:"_updateElementView",value:function(t,e){var r=se(e,2),a=r[0],n=r[1];"transform"===a&&t.setAttribute(a,er(n))}},{key:"_updateControlsView",value:function(t){var e=0<arguments.length&&void 0!==t?t:Ue();this.storage.controls.setAttribute("transform",er(e))}},{key:"_applyTransformToHandles",value:function(t){var e=(0<arguments.length&&void 0!==t?t:{}).boxMatrix,r=void 0===e?Ue():e;var a=this.options.rotatable,n=this.storage,o=n.handles,i=n.center.isShifted;var s=this._getVertices(r),c=s.anchor,v=void 0===c?null:c,l=s.center,u=R(s,["anchor","center"]);var h={te:[u.tl,u.tr],be:[u.bl,u.br],le:[u.tl,u.bl],re:[u.tr,u.br]};if(a){var f=o.normal,d=o.radius;j(f)&&(f.x1.baseVal.value=v.x,f.y1.baseVal.value=v.y,f.x2.baseVal.value=u.rotator.x,f.y2.baseVal.value=u.rotator.y),j(d)&&(d.x1.baseVal.value=l.x,d.y1.baseVal.value=l.y,i||(d.x2.baseVal.value=l.x,d.y2.baseVal.value=l.y))}mr(h).forEach(function(t){var n=o[t];var e=se(h[t],2),r=e[0],a=e[1];Et(r)||Et(n)||xr({x1:r.x,y1:r.y,x2:a.x,y2:a.y}).map(function(t){var e=se(t,2),r=e[0],a=e[1];return n.setAttribute(r,a)})});var p=bt({},u,{},!i&&Boolean(l)&&{center:l});return mr(p).reduce(function(t,e){var r=o[e];var a=p[e];return t[e]=a,Et(a)||Et(r)||(r.setAttribute("cx",a.x),r.setAttribute("cy",a.y)),t},{})}},{key:"setCenterPoint",value:function(){ce('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(t,e){var r=0<arguments.length&&void 0!==t?t:{},a=r.x,n=r.y,o=r.dx,i=r.dy;var s=!(1<arguments.length&&void 0!==e)||e;var c=this.elements,v=this.storage,l=this.storage;var u=(l=void 0===l?{}:l).controls,h=l.handles;var f=(h=void 0===h?{}:h).center,d=h.radius,p=l.center,y=this.options,m=y.container,x=y.isGrouped;var g=j(o)&&j(i),b=j(a)&&j(n);if(p&&f&&d&&(g||b)){var _=tr(u,u.parentNode).inverse();var k=x?_:_.multiply(tr(c[0],m));var M,E;if(g){var T=this._getBBox(),w=T.x,O=T.y;M=w+T.width/2+o,E=O+T.height/2+i}else M=a,E=n;var S=rr(k,M,E),R=S.x,C=S.y;f.cx.baseVal.value=R,f.cy.baseVal.value=C,d.x2.baseVal.value=R,d.y2.baseVal.value=C,p.isShifted=s,v.transformOrigin=rr(Ue(),R,C)}}},{key:"fitControlsToSize",value:function(){var t=this.storage,e=void 0===t?{}:t;var r=Ue();this.storage=bt({},e,{transform:bt({},e.transform||{},{controlsMatrix:r})}),this._updateControlsView(r),this._applyTransformToHandles({boxMatrix:r})}},{key:"getBoundingRect",value:function(t,e){var r=1<arguments.length&&void 0!==e?e:null;var a=this.options;var n=(a=void 0===a?{}:a).restrict,o=a.container;var i=n||o;var s=r?tr(t.parentNode,i).multiply(r):tr(t,i);return Or(t,s,t.getBBox())}},{key:"applyAlignment",value:function(i){var s=this;var t=this.elements,c=this.options.container;var e=this._getVertices(),r=(e.anchor,e.rotator,e.center,R(e,["anchor","rotator","center"]));var a=this._getRestrictedBBox(!0);var n=gr(r).map(function(t){return[t.x,t.y]});var o=se(xt(a),2),v=se(o[0],2),l=v[0],u=v[1],h=se(o[1],2),f=h[0],d=h[1];var p=se(xt(n),2),y=se(p[0],2),m=y[0],x=y[1],g=se(p[1],2),b=g[0],_=g[1];t.map(function(t){var e=tr(t.parentNode,c);e.e=e.f=0;var r=rr(e.inverse(),function(){switch(!0){case/[l]/.test(i):return l-m;case/[r]/.test(i):return u-x;case/[h]/.test(i):return(u+l)/2-(x+m)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(i):return f-b;case/[b]/.test(i):return d-_;case/[v]/.test(i):return(d+f)/2-(_+b)/2;default:return 0}}()),a=r.x,n=r.y;var o=$e(a,n).multiply(tr(t,t.parentNode));s._updateElementView(t,["transform",o])}),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var t=this.elements,e=this.options,r=e.isGrouped,a=e.container;var n=this._getBBox(),o=n.x,i=n.y,s=n.width,c=n.height;var v={tl:[o,i],tr:[o+s,i],bl:[o,i+c],br:[o+s,i+c]};var l=r?Ue():tr(t[0],a);var u=xr(v).reduce(function(t,e){var r=se(e,2),a=r[0],n=se(r[1],2),o=n[0],i=n[1];return t[a]=rr(l,o,i),t},{}),h=u.tl,f=u.br,d=u.tr;return{x:ve(h.x),y:ve(h.y),width:ve(Math.sqrt(Math.pow(h.x-d.x,2)+Math.pow(h.y-d.y,2))),height:ve(Math.sqrt(Math.pow(d.x-f.x,2)+Math.pow(d.y-f.y,2))),rotation:ve(Math.atan2(d.y-h.y,d.x-h.x)*mt)}}}]),e}();var _r=function(e,t){var r=t.x,a=t.y;var n=[];switch(e.tagName.toLowerCase()){case"text":var o=j(e.x.baseVal[0])?e.x.baseVal[0].value+r:(Number(e.getAttribute("x"))||0)+r;var i=j(e.y.baseVal[0])?e.y.baseVal[0].value+a:(Number(e.getAttribute("y"))||0)+a;n.push(["x",o],["y",i]);break;case"foreignobject":case"use":case"image":case"rect":var s=j(e.x.baseVal.value)?e.x.baseVal.value+r:(Number(e.getAttribute("x"))||0)+r;var c=j(e.y.baseVal.value)?e.y.baseVal.value+a:(Number(e.getAttribute("y"))||0)+a;n.push(["x",s],["y",c]);break;case"circle":case"ellipse":var v=e.cx.baseVal.value+r,l=e.cy.baseVal.value+a;n.push(["cx",v],["cy",l]);break;case"line":var u=e.x1.baseVal.value+r,h=e.y1.baseVal.value+a,f=e.x2.baseVal.value+r,d=e.y2.baseVal.value+a;n.push(["x1",u],["y1",h],["x2",f],["y2",d]);break;case"polygon":case"polyline":var p=ir(e.getAttribute("points")).map(function(t){return t[0]=Number(t[0])+r,t[1]=Number(t[1])+a,t.join(" ")}).join(" ");n.push(["points",p]);break;case"path":var y=e.getAttribute("d");n.push(["d",function(t){var e=t.path,r=t.dx,a=t.dy;try{var n=cr(e);var o="";var i=" ";var s=!0;for(var c=0,v=n.length;c<v;c++){var l=n[c];var u=l.values,h=l.key,f=l.relative;var d=[];switch(h){case"M":for(var p=0,y=u.length;p<y;p+=2){var m=se(u.slice(p,p+2),2),x=m[0],g=m[1];f&&!s||(x+=r,g+=a),d.push(x,g),s=!1}break;case"A":for(var b=0,_=u.length;b<_;b+=7){var k=u.slice(b,b+7);f||(k[5]+=r,k[6]+=a),d.push.apply(d,Yt(k))}break;case"C":for(var M=0,E=u.length;M<E;M+=6){var T=u.slice(M,M+6);f||(T[0]+=r,T[1]+=a,T[2]+=r,T[3]+=a,T[4]+=r,T[5]+=a),d.push.apply(d,Yt(T))}break;case"H":for(var w=0,O=u.length;w<O;w+=1){var S=u.slice(w,w+1);f||(S[0]+=r),d.push(S[0])}break;case"V":for(var R=0,C=u.length;R<C;R+=1){var V=u.slice(R,R+1);f||(V[0]+=a),d.push(V[0])}break;case"L":case"T":for(var A=0,N=u.length;A<N;A+=2){var P=se(u.slice(A,A+2),2),D=P[0],j=P[1];f||(D+=r,j+=a),d.push(D,j)}break;case"Q":case"S":for(var B=0,L=u.length;B<L;B+=4){var z=se(u.slice(B,B+4),4),Y=z[0],H=z[1],I=z[2],X=z[3];f||(Y+=r,H+=a,I+=r,X+=a),d.push(Y,H,I,X)}break;case"Z":i=u[0]=""}o+=h+d.join(",")+i}return o}catch(t){ce("Path parsing error: "+t)}}({path:y,dx:r,dy:a})])}n.forEach(function(t){e.setAttribute(t[0],t[1])})};var kr=function(n,t){var e=t.scaleX,r=t.scaleY,o=t.localCTM,a=t.bBox,i=a.width,s=a.height,c=t.__data__,v=t.transformMatrix,l=t.isGrouped;var u=[];var h=c.get(n);switch(n.tagName.toLowerCase()){case"text":case"tspan":var f=h.x,d=h.y,p=h.textLength;var y=rr(o,f,d),m=y.x,x=y.y;u.push(["x",m+(e<0?i:0)],["y",x-(r<0?s:0)],["textLength",Math.abs(e*p)]);break;case"circle":var g=h.r,b=h.cx,_=h.cy,k=g*(Math.abs(e)+Math.abs(r))/2;var M=rr(o,b,_),E=M.x,T=M.y;u.push(["r",k],["cx",E],["cy",T]);break;case"foreignobject":case"image":case"rect":if(l){var w=h.matrix,O=h.childCTM;var S=O.inverse().multiply(v).multiply(O);var R=w.multiply(S);u.push(["transform",er(R)])}else{var C=h.width,V=h.height,A=h.x,N=h.y;var P=rr(o,A,N),D=P.x,j=P.y;var B=Math.abs(C*e),L=Math.abs(V*r);u.push(["x",D-(e<0?B:0)],["y",j-(r<0?L:0)],["width",B],["height",L])}break;case"ellipse":var z=h.rx,Y=h.ry,H=h.cx,I=h.cy;var X=rr(o,H,I),G=X.x,W=X.y;var F=Ue();F.a=e,F.d=r;var q=rr(F,z,Y),Z=q.x,Q=q.y;u.push(["rx",Math.abs(Z)],["ry",Math.abs(Q)],["cx",G],["cy",W]);break;case"line":var U=h.resX1,$=h.resY1,J=h.resX2,K=h.resY2;var tt=rr(o,U,$),et=tt.x,rt=tt.y;var at=rr(o,J,K),nt=at.x,ot=at.y;u.push(["x1",et],["y1",rt],["x2",nt],["y2",ot]);break;case"polygon":case"polyline":var it=h.points;var st=ir(it).map(function(t){var e=rr(o,Number(t[0]),Number(t[1])),r=e.x,a=e.y;return t[0]=ve(r),t[1]=ve(a),t.join(" ")}).join(" ");u.push(["points",st]);break;case"path":var ct=h.path;u.push(["d",function(t){var e=t.path,r=t.localCTM;try{var a=cr(e);var n="";var o=" ";var i=[];var s=!0;for(var c=0,v=a.length;c<v;c++){var l=a[c];var u=l.values,h=l.key,f=l.relative,d=void 0!==f&&f;switch(h){case"A":var p=[];var y=ar(r);d&&(y.e=y.f=0);for(var m=0,x=u.length;m<x;m+=7){var g=se(u.slice(m,m+7),7),b=g[0],_=g[1],k=g[2],M=g[3],E=g[4],T=g[5],w=g[6];var O=rr(y,T,w),S=O.x,R=O.y;p.push(ve(S),ve(R)),y.e=y.f=0;var C=rr(y,b,_),V=C.x,A=C.y;p.unshift(ve(V),ve(A),k,M,E)}i.push(p);break;case"C":var N=[];var P=ar(r);d&&(P.e=P.f=0);for(var D=0,j=u.length;D<j;D+=6){var B=se(u.slice(D,D+6),6),L=B[0],z=B[1],Y=B[2],H=B[3],I=B[4],X=B[5];var G=rr(P,L,z),W=G.x,F=G.y;var q=rr(P,Y,H),Z=q.x,Q=q.y;var U=rr(P,I,X),$=U.x,J=U.y;N.push(ve(W),ve(F),ve(Z),ve(Q),ve($),ve(J))}i.push(N);break;case"H":var K=[];var tt=ar(r);d&&(tt.e=tt.f=0);for(var et=0,rt=u.length;et<rt;et+=1){var at=se(u.slice(et,et+1),1)[0];var nt=rr(tt,at,0).x;K.push(ve(nt))}i.push(K);break;case"V":var ot=[];var it=ar(r);d&&(it.e=it.f=0);for(var st=0,ct=u.length;st<ct;st+=1){var vt=se(u.slice(st,st+1),1)[0];var lt=rr(it,0,vt).y;ot.push(ve(lt))}i.push(ot);break;case"T":case"L":var ut=[];var ht=ar(r);d&&(ht.e=ht.f=0);for(var ft=0,dt=u.length;ft<dt;ft+=2){var pt=se(u.slice(ft,ft+2),2),yt=pt[0],mt=pt[1];var xt=rr(ht,yt,mt),gt=xt.x,bt=xt.y;ut.push(ve(gt),ve(bt))}i.push(ut);break;case"M":var _t=[];var kt=ar(r);d&&!s&&(kt.e=kt.f=0);for(var Mt=0,Et=u.length;Mt<Et;Mt+=2){var Tt=se(u.slice(Mt,Mt+2),2),wt=Tt[0],Ot=Tt[1];var St=rr(kt,wt,Ot),Rt=St.x,Ct=St.y;_t.push(ve(Rt),ve(Ct)),s=!1}i.push(_t);break;case"Q":var Vt=[];var At=ar(r);d&&(At.e=At.f=0);for(var Nt=0,Pt=u.length;Nt<Pt;Nt+=4){var Dt=se(u.slice(Nt,Nt+4),4),jt=Dt[0],Bt=Dt[1],Lt=Dt[2],zt=Dt[3];var Yt=rr(At,jt,Bt),Ht=Yt.x,It=Yt.y;var Xt=rr(At,Lt,zt),Gt=Xt.x,Wt=Xt.y;Vt.push(ve(Ht),ve(It),ve(Gt),ve(Wt))}i.push(Vt);break;case"S":var Ft=[];var qt=ar(r);d&&(qt.e=qt.f=0);for(var Zt=0,Qt=u.length;Zt<Qt;Zt+=4){var Ut=se(u.slice(Zt,Zt+4),4),$t=Ut[0],Jt=Ut[1],Kt=Ut[2],te=Ut[3];var ee=rr(qt,$t,Jt),re=ee.x,ae=ee.y;var ne=rr(qt,Kt,te),oe=ne.x,ie=ne.y;Ft.push(ve(re),ve(ae),ve(oe),ve(ie))}i.push(Ft);break;case"Z":i.push([""]),o=""}n+=l.key+i[c].join(",")+o}return n.trim()}catch(t){ce("Path parsing error: "+t)}}({path:ct,localCTM:o})])}u.forEach(function(t){var e=se(t,2),r=e[0],a=e[1];n.setAttribute(r,a)})};var Mr=function(t,e,r,a){var n=Ze("circle",["sjx-svg-hdl","sjx-svg-hdl-".concat(a)]);return xr({cx:t,cy:e,r:4,fill:"#fff",stroke:r,"stroke-width":1,"fill-opacity":1,"vector-effect":"non-scaling-stroke"}).forEach(function(t){var e=se(t,2),r=e[0],a=e[1];return n.setAttribute(r,a)}),n};var Er=function(t,e){t.setAttribute("stroke",e),t.setAttribute("stroke-dasharray","3 3"),t.setAttribute("vector-effect","non-scaling-stroke")};var Tr=function(t,e,r,a){var n=null;switch(t.tagName.toLowerCase()){case"text":n={x:j(t.x.baseVal[0])?t.x.baseVal[0].value:Number(t.getAttribute("x"))||0,y:j(t.y.baseVal[0])?t.y.baseVal[0].value:Number(t.getAttribute("y"))||0,textLength:j(t.textLength.baseVal)?t.textLength.baseVal.value:Number(t.getAttribute("textLength"))||null};break;case"circle":n={r:t.r.baseVal.value,cx:t.cx.baseVal.value,cy:t.cy.baseVal.value};break;case"foreignobject":case"image":case"rect":n={width:t.width.baseVal.value,height:t.height.baseVal.value,x:t.x.baseVal.value,y:t.y.baseVal.value};break;case"ellipse":n={rx:t.rx.baseVal.value,ry:t.ry.baseVal.value,cx:t.cx.baseVal.value,cy:t.cy.baseVal.value};break;case"line":n={resX1:t.x1.baseVal.value,resY1:t.y1.baseVal.value,resX2:t.x2.baseVal.value,resY2:t.y2.baseVal.value};break;case"polygon":case"polyline":n={points:t.getAttribute("points")};break;case"path":n={path:t.getAttribute("d")}}e.__data__.set(t,bt({},n,{matrix:tr(t,t.parentNode),ctm:tr(t.parentNode,r),childCTM:tr(t,a?r.parentNode:r)}))};var wr=function(t,e,r){var a=se(t,2),n=a[0],o=a[1];var i=Ze("line",["sjx-svg-line","sjx-svg-line-".concat(r)]);var s={x1:n.x,y1:n.y,x2:o.x,y2:o.y,stroke:e,"stroke-width":1,"vector-effect":"non-scaling-stroke"};return xr(s).forEach(function(t){var e=se(t,2),r=e[0],a=e[1];return i.setAttribute(r,a)}),i};var Or=function(t,o,e){var r=2<arguments.length&&void 0!==e?e:t.getBBox();var a=r.x,n=r.y,i=r.width,s=r.height;return[[a,n],[a+i,n],[a+i,n+s],[a,n+s]].map(function(t){var e=se(t,2),r=e[0],a=e[1];var n=rr(o,r,a);return[n.x,n.y]})};function Sr(t,e){if(this.length){var r=j(e)&&e instanceof it?e:new it;if(this[0]instanceof SVGElement){var a=d.call(this,function(t,e){return function(t){var e=t.tagName.toLowerCase();return-1!==qe.indexOf(e)||(ce('Selected element "'.concat(e,'" is not allowed to transform. Allowed elements:\n\n            circle, ellipse, image, line, path, polygon, polyline, rect, text, g')),!1)}(e)&&t.push(e),t},[]);return new br(a,t,r)}return new Ye(f.call(this,function(t){return t}),t,r)}}var Rr=H.EMITTER_EVENTS;var Cr=I,Vr=W;var Ar=function(){o(n,dt);var a=c(n);function n(t,e){var r;return i(this,n),(r=a.call(this,t)).enable(e),r}return r(n,[{key:"_init",value:function(){var e=this;var t=this.elements,r=this.options;var a=nt(t);var n=r.style,o=r.appendTo;var i=bt({position:"absolute","z-index":"2147483647"},n);var s=new WeakMap;t.map(function(t){return s.set(t,{parent:j(o)?nt(o)[0]:document.body})}),this.storage={css:i,data:s},a.on(Cr,this._onMouseDown).on(Vr,this._onTouchStart),Rr.slice(0,3).forEach(function(t){e.eventDispatcher.registerEvent(t)})}},{key:"_processOptions",value:function(t){var e={},r=null,a=document,n=rt,o=rt,i=rt,s=rt;if(j(t)){var c=t.style,v=t.appendTo,l=t.stack,u=t.onInit,h=t.onMove,f=t.onDrop,d=t.onDestroy;e=j(c)&&"object"===et(c)?c:e,r=v||null;var p=j(l)?nt(l)[0]:document;n=at(u),o=at(h),i=y(f)?function(t){var e=this.storage;var r=(e=void 0===e?{}:e).clone;!function(t,e){var r=gt(t),a=r.top,n=r.left,o=gt(e),i=o.top,s=o.left,c=nt(t),v=nt(e);return!(a<i||a+parseFloat(c.css("height"))>i+parseFloat(v.css("height"))||n<s||n+parseFloat(c.css("width"))>s+parseFloat(v.css("width")))}(r,p)||f.call(this,t,this.elements,r)}:rt,s=at(d)}this.options={style:e,appendTo:r,stack:a},this.proxyMethods={onInit:n,onDrop:i,onMove:o,onDestroy:s}}},{key:"_start",value:function(t){var e=t.target,r=t.clientX,a=t.clientY;var n=this.elements,o=this.storage,i=this.storage,s=i.data,c=i.css;var v=n.find(function(t){return t===e||t.contains(e)});if(v){var l=(s.get(v)||{}).parent,u=void 0===l?v.parentNode:l;var h=gt(u),f=h.left,d=h.top;c.left="".concat(r-f,"px"),c.top="".concat(a-d,"px");var p=v.cloneNode(!0);nt(p).css(c),o.clientX=r,o.clientY=a,o.cx=r,o.cy=a,o.clone=p,u.appendChild(p),this._draw()}}},{key:"_moving",value:function(t){var e=t.clientX,r=t.clientY;var a=this.storage;a.clientX=e,a.clientY=r,a.doDraw=!0,a.doMove=!0}},{key:"_end",value:function(t){var e=this.storage;var r=e.clone,a=e.frameId;e.doDraw=!1,M(a),Et(r)||(this.proxyMethods.onDrop.call(this,t),r.parentNode.removeChild(r),delete e.clone)}},{key:"_animate",value:function(){var t=this.storage;t.frameId=Mt(this._animate);var e=t.doDraw,r=t.clientX,a=t.clientY,n=t.cx,o=t.cy,i=t.clone;e&&(t.doDraw=!1,this._drag({element:i,dx:r-n,dy:a-o}))}},{key:"_processMove",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage;var o=(n=void 0===n?{}:n).clone;var i="translate(".concat(r,"px, ").concat(a,"px)");nt(o).css({transform:i,webkitTranform:i,mozTransform:i,msTransform:i,otransform:i})}},{key:"_destroy",value:function(){var t=this.storage,e=this.proxyMethods,r=this.elements;Et(t)||(nt(r).off(Cr,this._onMouseDown).off(Vr,this._onTouchStart),e.onDestroy.call(this,r),delete this.storage)}},{key:"disable",value:function(){this._destroy()}}]),n}();function Nr(t){if(this.length)return new Ar(f.call(this,function(t){return t}),t)}var Pr=function(){o(e,p);var t=c(e);function e(){return i(this,e),t.apply(this,arguments)}return r(e,[{key:"drag",value:function(){return Sr.call.apply(Sr,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"clone",value:function(){return Nr.call.apply(Nr,[this].concat(Array.prototype.slice.call(arguments)))}}]),e}();function Dr(t){return new Pr(t)}return Object.defineProperty(Dr,"createObservable",{value:function(){return new it}}),Object.defineProperty(Dr,"Subjx",{value:Pr}),Object.defineProperty(Dr,"Observable",{value:it}),Dr});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).subjx=e()}(this,function(){"use strict";function et(t){return(et="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function r(t,e,r){return e&&a(t.prototype,e),r&&a(t,r),t}function e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function bt(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?e(Object(o),!0).forEach(function(t){var e,r,a;e=n,a=o[r=t],r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}function _t(t){return(_t=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function n(t,e){return(n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function R(t,e){if(null==t)return{};var r=function(t,e){if(null==t)return{};var r={};var a=Object.keys(t);var n,o;for(o=0;o<a.length;o++)n=a[o],0<=e.indexOf(n)||(r[n]=t[n]);return r}(t,e);var a,n;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)a=o[n],0<=e.indexOf(a)||Object.prototype.propertyIsEnumerable.call(t,a)&&(r[a]=t[a])}return r}function s(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(a){return function(){var t,e=_t(a);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()){var r=_t(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return function(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?s(t):e}(this,t)}}function kt(t,e,r){return(kt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,r){var a=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=_t(t)););return t}(t,e);if(a){var n=Object.getOwnPropertyDescriptor(a,e);return n.get?n.get.call(r):n.value}})(t,e,r||t)}function se(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var r=[];var a=!0;var n=!1;var o=void 0;try{for(var i,s=t[Symbol.iterator]();!(a=(i=s.next()).done)&&(r.push(i.value),!e||r.length!==e);a=!0);}catch(t){n=!0,o=t}finally{try{a||null==s["return"]||s["return"]()}finally{if(n)throw o}}return r}(t,e)||v(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Yt(t){return function(t){if(Array.isArray(t))return l(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||v(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(t,e){if(t){if("string"==typeof t)return l(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(t,e):void 0}}function l(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}var Mt=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return setTimeout(t,1e3/60)};var M=window.cancelAnimationFrame||window.mozCancelAnimationFrame||function(t){clearTimeout(t)};var t=Array.prototype,u=t.forEach,h=t.slice,f=t.map,d=t.reduce;var ce=console.warn;function rt(t){return t}var j=function(t){return null!=t};function Et(t){return null==t}function y(t){return"function"==typeof t}function at(t){return y(t)?function(){t.call.apply(t,[this].concat(Array.prototype.slice.call(arguments)))}:rt}var p=function(){function o(t){if(i(this,o),"string"==typeof t){var e=document.querySelectorAll(t);this.length=e.length;for(var r=0;r<this.length;r++)this[r]=e[r]}else if("object"!==et(t)||1!==t.nodeType&&t!==document)if(t instanceof o){this.length=t.length;for(var a=0;a<this.length;a++)this[a]=t[a]}else{if(!function(t){return j(t)&&"object"===et(t)&&(Array.isArray(t)||j(window.Symbol)&&"function"==typeof t[window.Symbol.iterator]||j(t.forEach)||"number"==typeof t.length&&(0===t.length||0<t.length&&t.length-1 in t))}(t))throw new Error("Passed parameter must be selector/element/elementArray");this.length=t.length;for(var n=0;n<this.length;n++)1===t[n].nodeType&&(this[n]=t[n])}else this[0]=t,this.length=1}return r(o,[{key:"css",value:function(r){var t={setStyle:function(t){return function(t,e){var r=t.length;for(;r--;)for(var a in e)t[r].style[a]=e[a];return t.style}(this,t)},getStyle:function(){return function(t){var e=t.length;for(;e--;)return t[e].currentStyle?t[e].currentStyle[r]:document.defaultView&&document.defaultView.getComputedStyle?document.defaultView.getComputedStyle(t[e],"")[r]:t[e].style[r]}(this)}};return"string"==typeof r?t.getStyle.apply(this,h.call(arguments,1)):"object"!==et(r)&&r?(ce("Method ".concat(r," does not exist")),!1):t.setStyle.apply(this,arguments)}},{key:"on",value:function(t,e,r,a){var n=this.length;for(;n--;)this[n].events||(this[n].events={},this[n].events[t]=[]),"string"!=typeof e?document.addEventListener?this[n].addEventListener(t,e,r||{passive:!1}):document.attachEvent?this[n].attachEvent("on".concat(t),e):this[n]["on".concat(t)]=e:m(this[n],t,e,r,a,!0);return this}},{key:"off",value:function(t,e,r,a){var n=this.length;for(;n--;)this[n].events||(this[n].events={},this[n].events[t]=[]),"string"!=typeof e?document.removeEventListener?this[n].removeEventListener(t,e,r):document.detachEvent?this[n].detachEvent("on".concat(t),e):this[n]["on".concat(t)]=null:m(this[n],t,e,r,a,!1);return this}},{key:"is",value:function(t){if(Et(t))return!1;var e=nt(t);var r=this.length;for(;r--;)if(this[r]===e[r])return!0;return!1}}]),o}();function m(t,e,r,a,n,o){function i(t){var e=t.target;for(;e&&e!==this;)e.matches(r)&&a.call(e,t),e=e.parentNode}!0===o?document.addEventListener?t.addEventListener(e,i,n||{passive:!1}):document.attachEvent?t.attachEvent("on".concat(e),i):t["on".concat(e)]=i:document.removeEventListener?t.removeEventListener(e,i,n||{passive:!1}):document.detachEvent?t.detachEvent("on".concat(e),i):t["on".concat(e)]=null}function nt(t){return new p(t)}var Y=2;var S="#00a8ff";var ot="sjx-";var x="dragStart";var g="drag";var b="dragEnd";var _="resizeStart";var k="resize";var E="resizeEnd";var T="rotateStart";var w="rotate";var O="rotateEnd";var C="setPointStart";var V="setPointEnd";var N=["","-webkit-","-moz-","-ms-","-o-"];var A="ongetstate";var P="onapply";var D="onmove";var B="onresize";var L="onrotate";var z={NOTIFIER_EVENTS:[A,P,D,B,L],ON_GETSTATE:A,ON_APPLY:P,ON_MOVE:D,ON_RESIZE:B,ON_ROTATE:L};var H={EMITTER_EVENTS:[x,g,,b,_,k,E,T,w,O,C,V],E_DRAG_START:x,E_DRAG:g,E_DRAG_END:b,E_RESIZE_START:_,E_RESIZE:k,E_RESIZE_END:E,E_ROTATE_START:T,E_ROTATE:w,E_ROTATE_END:O,E_SET_POINT:"setPoint",E_SET_POINT_START:C,E_SET_POINT_END:V};var I="mousedown",X="mouseup",G="mousemove",W="touchstart",F="touchend",q="touchmove";var Z={TOP_LEFT:"tl",TOP_CENTER:"tc",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br",BOTTOM_CENTER:"bc",MIDDLE_LEFT:"ml",MIDDLE_RIGHT:"mr",CENTER:"center"},Q={TOP_EDGE:"te",BOTTOM_EDGE:"be",LEFT_EDGE:"le",RIGHT_EDGE:"re"};var U=z.ON_GETSTATE,$=z.ON_APPLY,J=z.ON_MOVE,K=z.ON_RESIZE,tt=z.ON_ROTATE;var it=function(){function t(){i(this,t),this.observers={}}return r(t,[{key:"subscribe",value:function(t,e){var r=this.observers;return Et(r[t])&&Object.defineProperty(r,t,{value:[]}),r[t].push(e),this}},{key:"unsubscribe",value:function(t,e){var r=this.observers;if(j(r[t])){var a=r[t].indexOf(e);r[t].splice(a,1)}return this}},{key:"notify",value:function(e,r,a){Et(this.observers[e])||this.observers[e].forEach(function(t){if(r!==t)switch(e){case J:t.notifyMove(a);break;case tt:t.notifyRotate(a);break;case K:t.notifyResize(a);break;case $:t.notifyApply(a);break;case U:t.notifyGetState(a)}})}}]),t}();var st=function(){function e(t){i(this,e),this.name=t,this.callbacks=[]}return r(e,[{key:"registerCallback",value:function(t){this.callbacks.push(t)}},{key:"removeCallback",value:function(t){var e=this.callbacks(t);this.callbacks.splice(e,1)}}]),e}();var ct=function(){function t(){i(this,t),this.events={}}return r(t,[{key:"registerEvent",value:function(t){this.events[t]=new st(t)}},{key:"emit",value:function(e,t,r){this.events[t].callbacks.forEach(function(t){t.call(e,r)})}},{key:"addEventListener",value:function(t,e){this.events[t].registerCallback(e)}},{key:"removeEventListener",value:function(t,e){this.events[t].removeCallback(e)}}]),t}();var vt=H.E_DRAG;var lt=G,ut=X,ht=q,ft=F;var dt=function(){function e(t){i(this,e),this.elements=t,this.storage=null,this.proxyMethods=null,this.eventDispatcher=new ct,this._onMouseDown=this._onMouseDown.bind(this),this._onTouchStart=this._onTouchStart.bind(this),this._onMouseMove=this._onMouseMove.bind(this),this._onTouchMove=this._onTouchMove.bind(this),this._onMouseUp=this._onMouseUp.bind(this),this._onTouchEnd=this._onTouchEnd.bind(this),this._animate=this._animate.bind(this)}return r(e,[{key:"enable",value:function(t){this._processOptions(t),this._init(this.elements),this.proxyMethods.onInit.call(this,this.elements)}},{key:"disable",value:function(){pt()}},{key:"_init",value:function(){pt()}},{key:"_destroy",value:function(){pt()}},{key:"_processOptions",value:function(){pt()}},{key:"_start",value:function(){pt()}},{key:"_moving",value:function(){pt()}},{key:"_end",value:function(){pt()}},{key:"_animate",value:function(){pt()}},{key:"_drag",value:function(t){var e=t.element,r=t.dx,a=t.dy,n=R(t,["element","dx","dy"]);var o=bt({dx:r,dy:a,transform:this._processMove(e,{dx:r,dy:a})},n);this.proxyMethods.onMove.call(this,o),this._emitEvent(vt,o)}},{key:"_draw",value:function(){this._animate()}},{key:"_onMouseDown",value:function(t){this._start(t),nt(document).on(lt,this._onMouseMove).on(ut,this._onMouseUp)}},{key:"_onTouchStart",value:function(t){this._start(t.touches[0]),nt(document).on(ht,this._onTouchMove).on(ft,this._onTouchEnd)}},{key:"_onMouseMove",value:function(t){t.preventDefault&&t.preventDefault(),this._moving(t)}},{key:"_onTouchMove",value:function(t){t.preventDefault&&t.preventDefault(),this._moving(t.touches[0])}},{key:"_onMouseUp",value:function(t){nt(document).off(lt,this._onMouseMove).off(ut,this._onMouseUp),this._end(t,this.elements)}},{key:"_onTouchEnd",value:function(t){nt(document).off(ht,this._onTouchMove).off(ft,this._onTouchEnd),0===t.touches.length&&this._end(t.changedTouches[0],this.elements)}},{key:"_emitEvent",value:function(){var t;(t=this.eventDispatcher).emit.apply(t,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"on",value:function(t,e){return this.eventDispatcher.addEventListener(t,e),this}},{key:"off",value:function(t,e){return this.eventDispatcher.removeEventListener(t,e),this}}]),e}();var pt=function(){throw Error("Method not implemented")};var yt=Math.PI/180;var mt=180/Math.PI;function Tt(t,e){if(0===e)return t;var r=function(t,e){return 0===e?t:Math.round(t/e)*e}(t,e);return r-t<e?r:void 0}function ve(t,e){var r=1<arguments.length&&void 0!==e?e:6;return Number(t.toFixed(r))}function xt(r,t){var e=1<arguments.length&&void 0!==t?t:2;var a=[];function n(e){var t=r.map(function(t){return t[e]});a.push([Math.min.apply(Math,Yt(t)),Math.max.apply(Math,Yt(t))])}for(var o=0;o<e;o++)n(o);return a}function gt(t){return t.getBoundingClientRect()}function wt(e,t){if(t){if(e.classList){if(!(-1<t.indexOf(" ")))return e.classList.add(t);t.split(/\s+/).forEach(function(t){return e.classList.add(t)})}return e}}function Ot(e,t){if(t){if(e.classList){if(!(-1<t.indexOf(" ")))return e.classList.remove(t);t.split(/\s+/).forEach(function(t){return e.classList.remove(t)})}return e}}function St(t){var e="matrix3d(".concat(t.join(),")");return{transform:e,webkitTranform:e,mozTransform:e,msTransform:e,otransform:e}}function Rt(t,e){var r=window.getComputedStyle(t);var a=null;var n,o=function(t){if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(t=v(t))){var e=0;var r=function(){};return{s:r,n:function(){return e>=t.length?{done:!0}:{done:!1,value:t[e++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,n,o=!0,i=!1;return{s:function(){a=t[Symbol.iterator]()},n:function(){var t=a.next();return o=t.done,t},e:function(t){i=!0,n=t},f:function(){try{o||null==a.return||a.return()}finally{if(i)throw n}}}}(N);try{for(o.s();!(n=o.n()).done;){var i=n.value;if(a=r.getPropertyValue("".concat(i).concat(e))||a)break}}catch(t){o.e(t)}finally{o.f()}return a}var Ct=z.NOTIFIER_EVENTS,Vt=z.ON_GETSTATE,Nt=z.ON_APPLY,At=z.ON_MOVE,Pt=z.ON_RESIZE,Dt=z.ON_ROTATE;var jt=H.EMITTER_EVENTS,Bt=H.E_DRAG_START,Lt=H.E_DRAG,zt=H.E_DRAG_END,Ht=H.E_RESIZE_START,It=H.E_RESIZE,Xt=H.E_RESIZE_END,Gt=H.E_ROTATE_START,Wt=H.E_ROTATE,Ft=H.E_ROTATE_END,qt=H.E_SET_POINT,Zt=H.E_SET_POINT_END;var Qt=Z,Ut=Q;var $t=I,Jt=W,Kt=G,te=X,ee=q,re=F;var ae=Qt.TOP_LEFT,ne=Qt.TOP_CENTER,oe=Qt.TOP_RIGHT,ie=Qt.BOTTOM_LEFT,le=Qt.BOTTOM_RIGHT,ue=Qt.BOTTOM_CENTER,he=Qt.MIDDLE_LEFT,fe=Qt.MIDDLE_RIGHT;var de=Ut.TOP_EDGE,pe=Ut.BOTTOM_EDGE,ye=Ut.LEFT_EDGE,me=Ut.RIGHT_EDGE;var xe=Object.keys,ge=Object.values;var be=function(){o(gt,dt);var n=c(gt);function gt(t,e,r){var a;if(i(this,gt),(a=n.call(this,t)).constructor===gt)throw new TypeError("Cannot construct Transformable instances directly");return a.observable=r,jt.forEach(function(t){return a.eventDispatcher.registerEvent(t)}),kt(_t(gt.prototype),"enable",s(a)).call(s(a),e),a}return r(gt,[{key:"_cursorPoint",value:function(){throw Error("'_cursorPoint()' method not implemented")}},{key:"_rotate",value:function(t){var e=t.element,r=t.radians,a=R(t,["element","radians"]);var n=bt({transform:this._processRotate(e,r),delta:r},a);this.proxyMethods.onRotate.call(this,n),kt(_t(gt.prototype),"_emitEvent",this).call(this,Wt,n)}},{key:"_resize",value:function(t){var e=t.element,r=t.dx,a=t.dy,n=R(t,["element","dx","dy"]);var o=bt({},this._processResize(e,{dx:r,dy:a}),{dx:r,dy:a},n);this.proxyMethods.onResize.call(this,o),kt(_t(gt.prototype),"_emitEvent",this).call(this,It,o)}},{key:"_processOptions",value:function(t){var e=0<arguments.length&&void 0!==t?t:{};var r=this.elements;Yt(r).map(function(t){return wt(t,"".concat(ot,"drag"))});var a=e.each,n=void 0===a?{move:!1,resize:!1,rotate:!1}:a,o=e.snap,i=void 0===o?{x:10,y:10,angle:10}:o,s=e.axis,c=void 0===s?"xy":s,v=e.cursorMove,l=void 0===v?"auto":v,u=e.cursorResize,h=void 0===u?"auto":u,f=e.cursorRotate,d=void 0===f?"auto":f,p=e.rotationPoint,y=void 0!==p&&p,m=e.transformOrigin,x=void 0!==m&&m,g=e.restrict,b=e.draggable,_=void 0===b||b,k=e.resizable,M=void 0===k||k,E=e.rotatable,T=void 0===E||E,w=e.scalable,O=void 0!==w&&w,S=e.applyTranslate,R=void 0!==S&&S,C=e.onInit,V=void 0===C?rt:C,N=e.onDrop,A=void 0===N?rt:N,P=e.onMove,D=void 0===P?rt:P,j=e.onResize,B=void 0===j?rt:j,L=e.onRotate,z=void 0===L?rt:L,Y=e.onDestroy,H=void 0===Y?rt:Y,I=e.container,X=void 0===I?r[0].parentNode:I,G=e.controlsContainer,W=void 0===G?X:G,F=e.proportions,q=void 0!==F&&F,Z=e.rotatorAnchor,Q=void 0===Z?null:Z,U=e.rotatorOffset,$=void 0===U?50:U,J=e.showNormal,K=void 0===J||J,tt=e.custom;this.options={axis:c,cursorMove:l,cursorRotate:d,cursorResize:h,rotationPoint:y,transformOrigin:x||y,restrict:g?nt(g)[0]||document.body:null,container:nt(X)[0],controlsContainer:nt(W)[0],snap:bt({},i,{angle:i.angle*yt}),each:n,proportions:q,draggable:_,resizable:M,rotatable:T,scalable:O,applyTranslate:R,custom:"object"===et(tt)&&tt||null,rotatorAnchor:Q,rotatorOffset:$,showNormal:K,isGrouped:1<r.length},this.proxyMethods={onInit:at(V),onDrop:at(A),onMove:at(D),onResize:at(B),onRotate:at(z),onDestroy:at(H)},this.subscribe(n)}},{key:"_animate",value:function(){var u=this;var s=this;var t=s.observable,e=s.storage,r=s.options,a=s.elements;if(!Et(e)&&(e.frame=Mt(s._animate),e.doDraw)){e.doDraw=!1;var h=e.dox,f=e.doy,n=e.clientX,o=e.clientY,i=e.relativeX,c=e.relativeY,v=e.doDrag,l=e.doResize,d=e.doRotate,p=e.doSetCenter,y=e.revX,m=e.revY,x=e.mouseEvent,g=e.data;var b=r.snap,_=r.each,k=_.move,M=_.resize,E=_.rotate,T=r.draggable,w=r.resizable,O=r.rotatable,S=r.isGrouped,R=r.restrict;if(l&&w){var C=Tt(n-i,b.x);var V=Tt(o-c,b.y);var N=e.cached,A=e.cached;var P=(A=void 0===A?{}:A).dist;var D=(P=void 0===P?{}:P).dx,j=void 0===D?C:D,B=P.dy,L=void 0===B?V:B;var z={dx:C,dy:V,clientX:n,clientY:o,mouseEvent:x};var Y=R?a.reduce(function(t,e){var r=g.get(e).transform.ctm;var a=S?{x:C,y:V}:u._pointToTransform({x:C,y:V,matrix:r}),n=a.x,o=a.y;var i=h?y?-n:n:0;var s=f?m?-o:o:0;var c=u._processResizeRestrict(e,{dx:i,dy:s}),v=c.x,l=c.y;return{x:null!==v&&null===t.x?C:t.x,y:null!==l&&null===t.y?V:t.y}},{x:null,y:null}):{x:null,y:null},H=Y.x,I=Y.y;var X=R&&(null!==H||null!==I);var G=X?j:C;var W=X?L:V;var F=bt({},z,{dx:G,dy:W,revX:y,revY:m,dox:h,doy:f});a.map(function(t){var e=g.get(t).transform.ctm;var r=S?{x:G,y:W}:u._pointToTransform({x:G,y:W,matrix:e}),a=r.x,n=r.y;var o=h?y?-a:a:0;var i=f?m?-n:n:0;s._resize(bt({},F,{element:t,dx:o,dy:i}))}),this.storage.cached=bt({},N,{dist:{dx:G,dy:W}}),this._processControlsResize({dx:G,dy:W}),M&&t.notify(Pt,s,F)}if(v&&T){var q=h?Tt(n-i,b.x):0;var Z=f?Tt(o-c,b.y):0;var Q=e.cached,U=e.cached;var $=(U=void 0===U?{}:U).dist;var J=($=void 0===$?{}:$).dx,K=void 0===J?q:J,tt=$.dy,et=void 0===tt?Z:tt;var rt={dx:q,dy:Z,clientX:n,clientY:o,mouseEvent:x};var at=R?a.reduce(function(t,e){var r=u._processMoveRestrict(e,rt),a=r.x,n=r.y;return{x:null===t.x&&R?a:t.x,y:null===t.y&&R?n:t.y}},{x:null,y:null}):{x:null,y:null},nt=at.x,ot=at.y;var it=null!==nt&&R?K:q;var st=null!==ot&&R?et:Z;var ct=bt({},rt,{dx:it,dy:st});this.storage.cached=bt({},Q,{dist:{dx:it,dy:st}}),a.map(function(t){return kt(_t(gt.prototype),"_drag",u).call(u,bt({element:t},ct,{dx:it,dy:st}))}),this._processControlsMove({dx:it,dy:st}),k&&t.notify(At,s,ct)}if(d&&O){var vt=e.pressang,lt=e.center;var ut=Math.atan2(o-lt.y,n-lt.x);var ht=Tt(ut-vt,b.angle);if(R)if(a.some(function(t){var e=u._processRotateRestrict(t,ht),r=e.x,a=e.y;return null!==r||null!==a}))return;var ft={clientX:n,clientY:o,mouseEvent:x};a.map(function(t){return s._rotate(bt({element:t,radians:ht},ft))}),this._processControlsRotate({radians:ht}),E&&t.notify(Dt,s,bt({radians:ht},ft))}if(p&&O){var dt=e.bx,pt=e.by;var yt=this._pointToControls({x:n,y:o}),mt=yt.x,xt=yt.y;s._moveCenterHandle(mt-dt,xt-pt)}}}},{key:"_start",value:function(e){var t=e.clientX,r=e.clientY;var a=this.elements,n=this.observable,o=this.options,i=o.axis,s=o.each,c=this.storage,v=this.storage.handles;var l=ge(v).some(function(t){return nt(e.target).is(t)})||a.some(function(t){return t.contains(e.target)});if(c.isTarget=l){var u=this._compute(e,a);xe(u).map(function(t){return c[t]=u[t]});var h=u.onRightEdge,f=u.onBottomEdge,d=u.onTopEdge,p=u.onLeftEdge,y=u.handle,m=u.factor,x=u.revX,g=u.revY,b=u.doW,_=u.doH;var k=h||f||d||p;var M=v.rotator,E=v.center,T=v.radius;j(T)&&Ot(T,"".concat(ot,"hidden"));var w=y.is(M),O=!!j(E)&&y.is(E);var S=l&&!(w||k||O);var R={mouseEvent:e,clientX:t,clientY:r,doResize:k,doDrag:S,doRotate:w,doSetCenter:O,onExecution:!0,cursor:null,dox:/\x/.test(i)&&(!k||(y.is(v.ml)||y.is(v.mr)||y.is(v.tl)||y.is(v.tr)||y.is(v.bl)||y.is(v.br)||y.is(v.le)||y.is(v.re))),doy:/\y/.test(i)&&(!k||(y.is(v.br)||y.is(v.bl)||y.is(v.bc)||y.is(v.tr)||y.is(v.tl)||y.is(v.tc)||y.is(v.te)||y.is(v.be)))};this.storage=bt({},c,{},R);var C={clientX:t,clientY:r};k?kt(_t(gt.prototype),"_emitEvent",this).call(this,Ht,C):w?kt(_t(gt.prototype),"_emitEvent",this).call(this,Gt,C):S&&kt(_t(gt.prototype),"_emitEvent",this).call(this,Bt,C);var V=s.move,N=s.resize,A=s.rotate;var P=k?It:w?Wt:Lt;var D=k&&N||w&&A||S&&V;n.notify(Vt,this,{clientX:t,clientY:r,actionName:P,triggerEvent:D,factor:m,revX:x,revY:g,doW:b,doH:_}),this._draw()}}},{key:"_moving",value:function(t){var e=this.storage,r=void 0===e?{}:e,a=this.options;if(r.isTarget){var n=this._cursorPoint(t),o=n.x,i=n.y;r.mouseEvent=t,r.clientX=o,r.clientY=i,r.doDraw=!0;var s=r.doRotate,c=r.doDrag,v=r.doResize,l=r.cursor;var u=a.cursorMove,h=a.cursorResize,f=a.cursorRotate;Et(l)&&(c?l=u:s?l=f:v&&(l=h),nt(document.body).css({cursor:l}))}}},{key:"_end",value:function(t){var e=this;var r=t.clientX,a=t.clientY;var n=this.elements,o=this.options.each,i=this.observable,s=this.storage,c=s.doResize,v=s.doDrag,l=s.doRotate,u=s.doSetCenter,h=s.frame,f=s.handles.radius,d=s.isTarget,p=this.proxyMethods;if(d){var y=([{actionName:It,condition:c},{actionName:Lt,condition:v},{actionName:Wt,condition:l},{actionName:qt,condition:u}].find(function(t){return t.condition})||{}).actionName,m=void 0===y?Lt:y;n.map(function(t){return e._applyTransformToElement(t,m)}),this._processActions(m),this._updateStorage();var x={clientX:r,clientY:a};p.onDrop.call(this,x),c?kt(_t(gt.prototype),"_emitEvent",this).call(this,Xt,x):l?kt(_t(gt.prototype),"_emitEvent",this).call(this,Ft,x):v?kt(_t(gt.prototype),"_emitEvent",this).call(this,zt,x):u&&kt(_t(gt.prototype),"_emitEvent",this).call(this,Zt,x);var g=o.move,b=o.resize,_=o.rotate;var k=c&&b||l&&_||v&&g;i.notify(Nt,this,{clientX:r,clientY:a,actionName:m,triggerEvent:k}),M(h),nt(document.body).css({cursor:"auto"}),j(f)&&wt(f,"".concat(ot,"hidden"))}}},{key:"_compute",value:function(e,t){var s=this;var r=this.storage;var a=(r=void 0===r?{}:r).handles,c=r.data;var n=nt(e.target);var o=this._checkHandles(n,a),v=o.revX,l=o.revY,u=o.doW,h=o.doH,i=R(o,["revX","revY","doW","doH"]);var f=this._getCommonState();var d=this._cursorPoint(e),p=d.x,y=d.y;var m=this._pointToControls({x:p,y:y},f.transform),x=m.x,g=m.y;t.map(function(t){var e=s._getElementState(t,{revX:v,revY:l,doW:u,doH:h}),r=e.transform,a=R(e,["transform"]);var n=s._pointToTransform({x:p,y:y,matrix:r.ctm}),o=n.x,i=n.y;c.set(t,bt({},c.get(t),{},a,{transform:r,cx:o,cy:i}))});var b=Math.atan2(y-f.center.y,p-f.center.x);return bt({data:c},i,{handle:ge(a).some(function(t){return nt(e.target).is(t)})?n:nt(t[0]),pressang:b},f,{revX:v,revY:l,doW:u,doH:h,relativeX:p,relativeY:y,bx:x,by:g})}},{key:"_checkHandles",value:function(e,r){function t(t){return t.some(function(t){return function(t){return!!j(t)&&e.is(t)}(r[t])})}return{revX:t([ae,he,ie,ne,ye]),revY:t([ae,oe,ne,he,de]),onTopEdge:t([ne,oe,ae,de]),onLeftEdge:t([ae,he,ie,ye]),onRightEdge:t([oe,fe,le,me]),onBottomEdge:t([le,ue,ie,pe]),doW:t([he,fe,ye,me]),doH:t([ne,ue,pe,de])}}},{key:"_restrictHandler",value:function(t,e){var r=null,a=null;var n=this.getBoundingRect(t,e);var o=this._getRestrictedBBox();var i=se(xt(o),2),s=se(i[0],2),c=s[0],v=s[1],l=se(i[1],2),u=l[0],h=l[1];for(var f=0,d=n.length;f<d;f++){var p=se(n[f],2),y=p[0],m=p[1];(y<c||v<y)&&(r=y),(m<u||h<m)&&(a=m)}return{x:r,y:a}}},{key:"_destroy",value:function(){var e=this;var t=this.elements,r=this.storage;var a=(r=void 0===r?{}:r).controls,n=r.wrapper;[].concat(Yt(t),[a]).map(function(t){return nt(t).off($t,e._onMouseDown).off(Jt,e._onTouchStart)}),n.parentNode.removeChild(n)}},{key:"_updateStorage",value:function(){var t=this.storage,e=this.storage,r=e.transformOrigin,a=e.transform;var n=(a=void 0===a?{}:a).controlsMatrix,o=e.cached;var i=(o=void 0===o?{}:o).transformOrigin,s=void 0===i?r:i,c=o.controlsMatrix,v=void 0===c?n:c;this.storage=bt({},t,{doResize:!1,doDrag:!1,doRotate:!1,doSetCenter:!1,doDraw:!1,onExecution:!1,cursor:null,transformOrigin:s,controlsMatrix:v,cached:{}})}},{key:"notifyMove",value:function(t){var e=this;var r=t.dx,a=t.dy;this.elements.map(function(t){return kt(_t(gt.prototype),"_drag",e).call(e,{element:t,dx:r,dy:a})}),this._processControlsMove({dx:r,dy:a})}},{key:"notifyRotate",value:function(t){var e=this;var r=t.radians,a=R(t,["radians"]);var n=this.elements,o=this.options;var i=(o=void 0===o?{}:o).snap.angle;n.map(function(t){return e._rotate(bt({element:t,radians:Tt(r,i)},a))}),this._processControlsRotate({radians:r})}},{key:"notifyResize",value:function(t){var o=this;var i=t.dx,s=t.dy,c=t.revX,v=t.revY,l=t.dox,u=t.doy;var e=this.elements,h=this.storage.data,f=this.options.isGrouped;e.map(function(t){var e=h.get(t).transform.ctm;var r=f?{x:i,y:s}:o._pointToTransform({x:i,y:s,matrix:e}),a=r.x,n=r.y;o._resize({element:t,dx:l?c?-a:a:0,dy:u?v?-n:n:0})}),this._processControlsResize({dx:i,dy:s})}},{key:"notifyApply",value:function(t){var e=this;var r=t.clientX,a=t.clientY,n=t.actionName,o=t.triggerEvent;this.proxyMethods.onDrop.call(this,{clientX:r,clientY:a}),o&&(this.elements.map(function(t){return e._applyTransformToElement(t,n)}),kt(_t(gt.prototype),"_emitEvent",this).call(this,"".concat(n,"End"),{clientX:r,clientY:a}))}},{key:"notifyGetState",value:function(t){var r=this;var e=t.clientX,a=t.clientY,n=t.actionName,o=t.triggerEvent,i=R(t,["clientX","clientY","actionName","triggerEvent"]);if(o){var s=this.elements,c=this.storage.data;s.map(function(t){var e=r._getElementState(t,i);c.set(t,bt({},c.get(t),{},e))});var v=this._getCommonState();this.storage=bt({},this.storage,{},v),kt(_t(gt.prototype),"_emitEvent",this).call(this,"".concat(n,"Start"),{clientX:e,clientY:a})}}},{key:"subscribe",value:function(t){var e=t.resize,r=t.move,a=t.rotate;var n=this.observable;(r||e||a)&&n.subscribe(Vt,this).subscribe(Nt,this),r&&n.subscribe(At,this),e&&n.subscribe(Pt,this),a&&n.subscribe(Dt,this)}},{key:"unsubscribe",value:function(){var e=this;var r=this.observable;Ct.map(function(t){return r.unsubscribe(t,e)})}},{key:"disable",value:function(){var t=this.storage,e=this.proxyMethods,r=this.elements;Et(t)||(t.onExecution&&nt(document).off(Kt,this._onMouseMove).off(te,this._onMouseUp).off(ee,this._onTouchMove).off(re,this._onTouchEnd),r.map(function(t){return Ot(t,"".concat(ot,"drag"))}),this.unsubscribe(),this._destroy(),e.onDestroy.call(this,r),delete this.storage)}},{key:"exeDrag",value:function(t){var r=this;var e=t.dx,a=t.dy;var n=this.elements,o=this.options.draggable,i=this.storage,s=this.storage.data;if(o){var c=this._getCommonState();n.map(function(t){var e=r._getElementState(t,{revX:!1,revY:!1,doW:!1,doH:!1});s.set(t,bt({},s.get(t),{},e))}),this.storage=bt({},i,{},c),n.map(function(t){kt(_t(gt.prototype),"_drag",r).call(r,{element:t,dx:e,dy:a}),r._applyTransformToElement(t,Lt)}),this._processControlsMove({dx:e,dy:a})}}},{key:"exeResize",value:function(t){var r=this;var e=t.dx,a=t.dy,n=t.revX,o=void 0!==n&&n,i=t.revY,s=void 0!==i&&i,c=t.doW,v=void 0!==c&&c,l=t.doH,u=void 0!==l&&l;var h=this.elements,f=this.options.resizable,d=this.storage,p=this.storage.data;if(f){var y=this._getCommonState();h.map(function(t){var e=r._getElementState(t,{revX:o,revY:s,doW:v,doH:u});p.set(t,bt({},p.get(t),{},e))}),this.storage=bt({},d,{},y),h.map(function(t){r._resize({element:t,dx:e,dy:a}),r._applyTransformToElement(t,It)}),this._processControlsMove({dx:e,dy:a})}}},{key:"exeRotate",value:function(t){var r=this;var e=t.delta;var a=this.elements,n=this.options.rotatable,o=this.storage,i=this.storage.data;if(n){var s=this._getCommonState();a.map(function(t){var e=r._getElementState(t,{revX:!1,revY:!1,doW:!1,doH:!1});i.set(t,bt({},i.get(t),{},e))}),this.storage=bt({},o,{},s),a.map(function(t){r._rotate({element:t,radians:e}),r._applyTransformToElement(t,Wt)}),this._processControlsRotate({radians:e})}}},{key:"setCenterPoint",value:function(){throw Error("'setCenterPoint()' method not implemented")}},{key:"resetCenterPoint",value:function(){ce('"resetCenterPoint" method is replaced by "resetTransformOrigin" and would be removed soon'),this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"setTransformOrigin",value:function(){throw Error("'setTransformOrigin()' method not implemented")}},{key:"resetTransformOrigin",value:function(){this.setTransformOrigin({dx:0,dy:0},!1)}},{key:"controls",get:function(){return this.storage.wrapper}}]),gt}();function _e(t){return t.map(function(t){return Yt(t)})}function ke(a){return a.reduce(function(t,e,r){return[].concat(Yt(t),[a[0][r],a[1][r],a[2][r],a[3][r]])},[])}function Me(t){return Yt(Array(0<arguments.length&&void 0!==t?t:4)).map(function(t,e,r){return r.map(function(){return+!e--})})}function Ee(r,a,t){var n=2<arguments.length&&void 0!==t?t:0;return Me().map(function(t,e){return t[3]=[r,a,n,1][e],t})}function Te(r,a,t,e){var n=2<arguments.length&&void 0!==t?t:1;var o=3<arguments.length&&void 0!==e?e:1;return Me().map(function(t,e){return t[e]=[r,a,n,o][e],t})}function we(t,e){var r=Me();return r[0][0]=e,r[0][1]=-t,r[1][0]=t,r[1][1]=e,r}function Oe(t,e){var r=!(1<arguments.length&&void 0!==e)||e?_e(t):t;return r[0][3]=r[1][3]=r[2][3]=0,r}function Se(t,e){var r=[];for(var a=0,n=t.length;a<n;++a){var o=0;for(var i=0;i<n;++i)o+=+t[a][i]*e[i];r[a]=o}return r}function Re(t,e){var r=[];for(var a=0;a<e.length;a++){r[a]=[];for(var n=0;n<t[0].length;n++){var o=0;for(var i=0;i<t.length;i++)o+=t[i][n]*e[a][i];r[a].push(o)}}return r}function Ce(t){var e=_e(t);var r,a=e.length,n=[];for(var o=0;o<a;o++)n[o]=[];for(var i=0;i<a;i++)for(var s=0;s<a;s++)n[i][s]=0,i==s&&(n[i][s]=1);for(var c=0;c<a;c++){r=e[c][c];for(var v=0;v<a;v++)e[c][v]/=r,n[c][v]/=r;for(var l=c+1;l<a;l++){r=e[l][c];for(var u=0;u<a;u++)e[l][u]-=e[c][u]*r,n[l][u]-=n[c][u]*r}}for(var h=a-1;0<h;h--)for(var f=h-1;0<=f;f--){r=e[f][h];for(var d=0;d<a;d++)e[f][d]-=e[h][d]*r,n[f][d]-=n[h][d]*r}for(var p=0;p<a;p++)for(var y=0;y<a;y++)e[p][y]=n[p][y];return e}function Ve(t,e,r){var a=1<arguments.length&&void 0!==e?e:document.body;var n=2<arguments.length?r:void 0;var o=Me();var i=t;var s=n||Ne(i);var c=!1;for(;i&&i instanceof Element;){var v=Ae(i,c);if(o=Re(o,(l=s,void 0,u=se(v,3),h=u[0],f=u[1],d=u[2],p=Ee(-h,-f,-d),y=Ee(h,f,d),Re(Re(p,l),y))),c=!0,i===a||null===i.offsetParent)break;i=i.offsetParent,s=Ne(i)}var l,u,h,f,d,p,y;return o}var Ne=function(t){var e=Rt(t,"transform")||"none";var r=Me();if("none"===e)return r;var a=e.split(/\s*[(),]\s*/).slice(1,-1);if(16!==a.length)return[[+a[0],+a[2],0,+a[4]],[+a[1],+a[3],0,+a[5]],[0,0,1,0],[0,0,0,1]];for(var n=0;n<4;++n)for(var o=0;o<4;++o)r[o][n]=+a[4*n+o];return r};var Ae=function(t,e){var r=Rt(t,"transform-origin");var a=r?r.split(" "):[];var n=[e?-t.clientLeft:0,e?-t.clientTop:0,0,1];for(var o=0;o<a.length;++o)n[o]+=parseFloat(a[o]);return n};function Pe(t,e){var r=1<arguments.length&&void 0!==e?e:document.body;var a=0,n=0;var o=t;var i=!1;for(;o&&o.offsetParent;){var s=Ve(o.offsetParent);var c=se(Se(Oe(s,!1),[o.offsetLeft+(i?o.clientLeft:0),o.offsetTop+(i?o.clientTop:0),0,1]),2);if(n+=c[0],a+=c[1],r===o)break;i=!0,o=o.offsetParent}return[n,a,0,1]}var De=I,je=W;var Be=Object.keys,Le=Object.entries,ze=Object.values;var Ye=function(){o(e,be);var t=c(e);function e(){return i(this,e),t.apply(this,arguments)}return r(e,[{key:"_init",value:function(t){var e=this;var r=this.options,a=r.transformOrigin,n=r.container,o=r.controlsContainer,i=r.resizable,s=r.rotatable,c=r.showNormal,v=r.restrict;var l=We(["sjx-wrapper"]);var u=We(["sjx-controls"]);var h={};var f=this._getVertices(),d=f.rotator,p=void 0===d?null:d,y=f.anchor,m=void 0===y?null:y,x=R(f,["rotator","anchor"]);var g={};if(s){var b=c?Ie([[m.x,m.y],p],"normal"):null;c&&u.appendChild(b);var _=null;a&&(_=Ie([x.center,x.center],"radius"),wt(_,"sjx-hidden"),u.appendChild(_)),g=bt({},g,{normal:b,radius:_})}var k={te:[x.tl,x.tr],be:[x.bl,x.br],le:[x.tl,x.bl],re:[x.tr,x.br]};var M=i?{tl:x.tl,tr:x.tr,br:x.br,bl:x.bl,tc:x.tc,bc:x.bc,ml:x.ml,mr:x.mr}:{};var E=Array.isArray(a)?[].concat(Yt(a),[0,1]):x.center;var T=bt({},M,{center:a&&s?E:void 0,rotator:p});function w(a,n){return Be(a).map(function(t){var e=a[t];if(!Et(e)){var r=n(e,t);h[t]=r,u.appendChild(r)}})}w(k,Ie),w(T,He),l.appendChild(u),o.appendChild(l);var O=new WeakMap;t.map(function(t){return O.set(t,{parent:t.parentNode,transform:{ctm:Ve(t,n)},bBox:e._getBBox(),__data__:new WeakMap,cached:{}})});var S=v||n;this.storage={wrapper:l,controls:u,handles:bt({},h,{},g),data:O,center:{isShifted:Array.isArray(a)},transformOrigin:E,transform:{containerMatrix:Ve(S,S.parentNode)},cached:{}},[].concat(Yt(t),[u]).map(function(t){return nt(t).on(De,e._onMouseDown).on(je,e._onTouchStart)})}},{key:"_pointToTransform",value:function(t){var e=t.x,r=t.y,a=t.matrix;var n=Ce(a);return this._applyMatrixToPoint(Oe(n,!1),e,r)}},{key:"_pointToControls",value:function(t,e){var r=t.x,a=t.y;var n=(1<arguments.length&&void 0!==e?e:this.storage.transform).controlsMatrix;var o=Ce(n);return this._applyMatrixToPoint(Oe(o,!1),r,a)}},{key:"_applyMatrixToPoint",value:function(t,e,r){var a=se(Se(t,[e,r,0,1]),2);return{x:a[0],y:a[1]}}},{key:"_cursorPoint",value:function(t){var e=t.clientX,r=t.clientY;var a=this.options.container;var n=Ve(a);var o=function(t){var e=0;var r=0;for(;t&&!isNaN(t.offsetLeft)&&!isNaN(t.offsetTop);)e+=t.offsetLeft-t.scrollLeft,r+=t.offsetTop-t.scrollTop,t=t.offsetParent;return{left:e,top:r}}(a);var i=function(){var t=document.documentElement;return{left:(window.pageXOffset||t.scrollLeft)-(t.clientLeft||0),top:(window.pageYOffset||t.scrollTop)-(t.clientTop||0)}}(),s=i.left,c=i.top;var v=Ee(o.left-s,o.top-c);return this._applyMatrixToPoint(Ce(Re(n,v)),e,r)}},{key:"_getRestrictedBBox",value:function(t){var e=0<arguments.length&&void 0!==t&&t;var r=this.storage.transform.containerMatrix,a=this.options,n=a.restrict,o=a.container;var i=n||o;return Ge(i,o,e?Ve(i,o):r)}},{key:"_applyTransformToElement",value:function(t){var e=this.storage,r=e.controls,a=e.data,n=this.options.applyTranslate;var o=a.get(t),i=o.cached,s=o.transform.matrix;var c=nt(r);if(!Et(i)&&n){var v=nt(t);var l=i.dx,u=i.dy;var h=St(s);var f=parseFloat(t.style.left||v.css("left"));var d=parseFloat(t.style.top||v.css("top"));h.left="".concat(f+l,"px"),h.top="".concat(d+u,"px"),v.css(h),c.css(h)}}},{key:"_processActions",value:function(){}},{key:"_processResize",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.revX,i=n.revY,s=n.doW,c=n.doH,v=n.data,l=n.bBox,u=l.width,h=l.height,f=this.options,d=f.proportions,p=f.scalable;var y=v.get(t);var m=y.transform,x=m.matrix,g=m.auxiliary.scale.translateMatrix,b=y.cached;var _=se((w=r,O=a,S=s||!s&&!c?(u+w)/u:(h+O)/h,[(R=d?u*S:u+w)/u,(C=d?h*S:h+O)/h,R,C]),4),k=_[0],M=_[1],E=_[2],T=_[3];var w,O,S,R,C;var V=(N=Te(k,M),Re(Re(g,N),Ce(g)));var N;var A=p?Re(V,x):(D=x,j=(P=V)[0][3],B=P[1][3],L=Ee(j,B),z=Ee(j*(o?-1:1),B*(i?-1:1)),Re(Re(z,D),Ce(L)));var P,D,j,B,L,z;return E<=Y||T<=Y||(this._updateElementView(t,bt({},St(ke(A)),{},!p&&{width:"".concat(E,"px"),height:"".concat(T,"px")})),v.set(t,bt({},y,{cached:bt({},b,{dx:r,dy:a,bBox:{width:E,height:T}})}))),{transform:A,width:E,height:T}}},{key:"_processMove",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data;var o=n.get(t);var i=o.transform,s=i.matrix,c=i.auxiliary.translate.parentMatrix,v=o.cached,l=void 0===v?{}:v;var u=se(Se(c,[r,a,0,1]),2),h=u[0],f=u[1];var d=Re(s,Ee(h,f));var p=St(ke(d));return this._updateElementView(t,p),n.set(t,bt({},o,{cached:bt({},l,{dist:{dx:ve(r),dy:ve(a),ox:ve(h),oy:ve(f)}})})),d}},{key:"_processRotate",value:function(t,e){var r=this.storage.data,a=this.options.restrict;var n=r.get(t).transform,o=n.matrix,i=n.auxiliary.rotate.translateMatrix;var s=ve(Math.cos(e),4),c=ve(Math.sin(e),4);var v=we(c,s);var l=Re(Re(Ce(i),v),i);var u=Re(o,l);var h=a?this._restrictHandler(u):{x:null,y:null},f=h.x,d=h.y;return j(f)||j(d)||this._updateElementView(t,St(ke(u))),u}},{key:"_getElementState",value:function(t,e){var r=e.revX,a=e.revY,n=e.doW,o=e.doH;var i=this.storage,s=i.handles.center,c=i.data,v=i.transformOrigin,l=this.options,u=l.container,h=l.scalable;var f=c.get(t).parent;var d=se(Pe(t,u),2),p=d[0],y=d[1];var m=t.offsetLeft,x=t.offsetTop,g=t.offsetWidth,b=t.offsetHeight;var _=Ne(t);var k=Ve(t,u);var M=Ve(f,u);var E=g/2,T=b/2;var w=se(Se(k,[E,T,0,1]),2);var O=o?0:r?-E:E,S=n?0:a?-T:T;var R=w[0]+p;var C=w[1]+y;var V=s?Ne(s):Me();var N=se(Se(Re(Ce(Oe(k)),Oe(V)),[v[0]-R,v[1]-C,0,1]),2),A=N[0],P=N[1];var D=se(Se(_,[A,P,0,1]),2),j=D[0],B=D[1];var L=function(t){var e=Math.sqrt(t[0][0]*t[0][0]+t[1][0]*t[1][0]+t[2][0]*t[2][0]),r=Math.sqrt(t[0][1]*t[0][1]+t[1][1]*t[1][1]+t[2][1]*t[2][1]),a=Math.sqrt(t[0][2]*t[0][2]+t[1][2]*t[1][2]+t[2][2]*t[2][2]);var n=Math.atan2(-t[0][3]/a,t[1][3]/a),o=Math.asin(t[3][1]/a),i=Math.atan2(-t[3][0]/r,t[0][0]/e);return 1!==t[0][1]&&-1!==t[0][1]||(o=t[n=0][1]*-Math.PI/2,i=t[0][1]*Math.atan2(t[1][1]/r,t[0][1]/r)),{rotate:{x:n,y:o,z:i},translate:{x:t[0][3]/e,y:t[1][3]/r,z:t[2][3]/a},scale:{sX:e,sY:r,sZ:a}}}(Ve(t,t.parentNode)).scale,z=L.sX,Y=L.sY;return{transform:{auxiliary:{scale:{translateMatrix:h?Ee(O,S):Ee(o?0:E,n?0:T)},translate:{parentMatrix:Ce(Oe(M))},rotate:{translateMatrix:Ee(j,B)}},scaleX:O,scaleY:S,matrix:_,ctm:k,parentMatrix:M,scX:z,scY:Y},bBox:{width:g,height:b,left:m,top:x,offset:{left:p,top:y}}}}},{key:"_getCommonState",value:function(){var t=this.elements,e=this.storage,r=e.controls,a=e.handles.center,n=e.center,o=e.wrapper,i=this.options,s=i.container,c=i.restrict;var v=se(Pe(t[0],s),2),l=v[0],u=v[1];var h=Ve(t[0],s);var f=c||s;var d=Ve(f,f.parentNode);var p=this._getBBox(),y=p.width,m=p.height;var x=se(Se(h,[y/2,m/2,0,1]),2);var g=x[0]+l;var b=x[1]+u;var _=a?Ne(a):Me();return{transform:{controlsMatrix:Ve(r,r.parentNode),containerMatrix:d,wrapperMatrix:Ve(o,s)},bBox:bt({},this._getBBox()),center:bt({},n,{x:g,y:b,matrix:_})}}},{key:"_getBBox",value:function(){var t=se(this.elements,1)[0],e=this.options,r=e.isGrouped,a=e.container;if(r)return this._getGroupBbox();var n=se(Pe(t,a),2),o=n[0],i=n[1];return{x:t.offsetLeft,y:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight,offset:{left:o,top:i}}}},{key:"_processControlsResize",value:function(){var t=this._applyTransformToHandles().center;var e=this.storage.transform.controlsMatrix;t&&(this.storage=bt({},this.storage,{cached:{transformOrigin:Se(e,t)}}))}},{key:"_processControlsMove",value:function(t){var e=t.dx,r=t.dy;var a=this.storage,n=a.transform,o=n.controlsMatrix,i=n.wrapperMatrix,s=a.center,c=a.transformOrigin;var v=Re(o,Ee(e,r));this._updateControlsView(v);var l=Oe(Ce(i));var u=se(Se(l,[e,r,0,1]),2),h=u[0],f=u[1];if(s.isShifted)this._moveCenterHandle(-h,-f,!1);else{var d=Ee(h,f);this.storage=bt({},this.storage,{cached:{transformOrigin:Se(d,c)}})}}},{key:"_processControlsRotate",value:function(){this._applyTransformToHandles()}},{key:"_moveCenterHandle",value:function(t,e,r){var a=!(2<arguments.length&&void 0!==r)||r;var n=this.storage,o=n.handles.center,i=n.center.matrix,s=n.center,c=n.transformOrigin;var v=Ee(t,e);var l=Re(i,v);nt(o).css(bt({},St(ke(l)))),this.storage=bt({},this.storage,{center:bt({},s,{isShifted:!0})},a?{cached:{transformOrigin:Se(v,c)}}:{})}},{key:"_processMoveRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data.get(t).transform,o=n.matrix,i=n.auxiliary.translate.parentMatrix;var s=se(Se(i,[r,a,0,1]),2),c=s[0],v=s[1];var l=Re(o,Ee(c,v));return this._restrictHandler(l)}},{key:"_processRotateRestrict",value:function(t,e){var r=this.storage.data.get(t).transform,a=r.matrix,n=r.auxiliary.rotate.translateMatrix;var o=ve(Math.cos(e),4),i=ve(Math.sin(e),4);var s=we(i,o);var c=Re(Re(Ce(n),s),n);var v=Re(a,c);return this._restrictHandler(v)}},{key:"_processResizeRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.revX,i=n.revY,s=n.doW,c=n.doH,v=n.data,l=n.bBox,u=l.width,h=l.height,f=this.options,d=f.proportions,p=f.scalable;var y=v.get(t).transform,m=y.matrix,x=y.auxiliary.scale.translateMatrix;var g=se((k=r,M=a,E=s||!s&&!c?(u+k)/u:(h+M)/h,[(T=d?u*E:u+k)/u,(w=d?h*E:h+M)/h,T,w]),2),b=g[0],_=g[1];var k,M,E,T,w;var O=(S=Te(b,_),Re(Re(x,S),Ce(x)));var S;var R=p?Re(O,m):(V=m,N=(C=O)[0][3],A=C[1][3],P=Ee(N,A),D=Ee(N*(o?-1:1),A*(i?-1:1)),Re(Re(D,V),Ce(P)));var C,V,N,A,P,D;return this._restrictHandler(R)}},{key:"_updateElementView",value:function(t,e){nt(t).css(e)}},{key:"_updateControlsView",value:function(t){var e=0<arguments.length&&void 0!==t?t:Me();var r=St(ke(e));nt(this.storage.controls).css(r),this.storage.cached.controlsMatrix=e}},{key:"_getVertices",value:function(t){var e=0<arguments.length&&void 0!==t?t:Me();var r=this.elements;var a=se(r=void 0===r?[]:r,1)[0],n=this.options,o=n.isGrouped,i=n.rotatable,s=n.rotatorAnchor,c=n.rotatorOffset;var v=o?this._getGroupVertices():this._getElementVertices(a,e);var l=null;if(i){var u={};var h=1;switch(s){case"n":u.x=v.tc[0],u.y=v.tc[1];break;case"s":u.x=v.bc[0],u.y=v.bc[1],h=-1;break;case"w":u.x=v.ml[0],u.y=v.ml[1],h=-1;break;case"e":default:u.x=v.mr[0],u.y=v.mr[1]}var f="n"===s||"s"===s?Math.atan2(v.bl[1]-v.tl[1],v.bl[0]-v.tl[0]):Math.atan2(v.tl[1]-v.tr[1],v.tl[0]-v.tr[0]);l=[u.x-c*h*Math.cos(f),u.y-c*h*Math.sin(f)],v.rotator=l,v.anchor=u}return v}},{key:"_getElementVertices",value:function(t,e){var r=this.options,a=r.container,n=r.isGrouped;var o=se(Pe(t,a),2),v=o[0],l=o[1];var i=t.offsetWidth,s=t.offsetHeight;var c={tl:[0,0,0,1],bl:[0,s,0,1],br:[i,s,0,1],tr:[i,0,0,1],tc:[i/2,0,0,1],ml:[0,s/2,0,1],bc:[i/2,s,0,1],mr:[i,s/2,0,1],center:[i/2,s/2,0,1]};var u=n?e:Re(Ve(t,a),e);return Le(c).reduce(function(t,e){var r=se(e,2),a=r[0],n=r[1];return[].concat(Yt(t),[[a,Se(u,n)]])},[]).reduce(function(t,e){var r=se(e,2),a=r[0],n=se(r[1],4),o=n[0],i=n[1],s=n[2],c=n[3];return t[a]=[o+v,i+l,s,c],t},{})}},{key:"_getGroupVertices",value:function(){var t=this._getGroupBbox(),e=t.x,r=t.y,a=t.width,n=t.height;var o=a/2,i=n/2;return{tl:[e,r],tr:[e+a,r],mr:[e+a,r+i],ml:[e,r+i],tc:[e+o,r],bc:[e+o,r+n],br:[e+a,r+n],bl:[e,r+n],center:[e+o,r+i]}}},{key:"_getGroupBbox",value:function(){var t=this.elements,l=this.options.container;var e=t.reduce(function(t,e){var r=se(Pe(e,l),2),i=r[0],s=r[1];var a=e.offsetWidth,n=e.offsetHeight;var o=[[0,0,0,1],[0,n,0,1],[a,n,0,1],[a,0,0,1]];var c=Ve(e,l);var v=o.reduce(function(t,e){return[].concat(Yt(t),[Se(c,e)])},[]).map(function(t){var e=se(t,4),r=e[0],a=e[1],n=e[2],o=e[3];return[r+i,a+s,n,o]});return[].concat(Yt(t),[v])},[]);var r=se(xt(e.reduce(function(t,e){return[].concat(Yt(t),Yt(e))},[])),2),a=se(r[0],2),n=a[0],o=a[1],i=se(r[1],2),s=i[0];return{x:n,y:s,width:o-n,height:i[1]-s}}},{key:"_getElementBBox",value:function(t){var e=this.options.container;var r=se(Pe(t,e),2),i=r[0],s=r[1];var a=t.offsetWidth,n=t.offsetHeight;var o=[[0,0,0,1],[0,n,0,1],[a,n,0,1],[a,0,0,1]];var c=Ve(t,e);var v=o.reduce(function(t,e){return[].concat(Yt(t),[Se(c,e)])},[]).map(function(t){var e=se(t,4),r=e[0],a=e[1],n=e[2],o=e[3];return[r+i,a+s,n,o]});var l=se(xt(v),2),u=se(l[0],2),h=u[0],f=u[1],d=se(l[1],2),p=d[0];return{x:h,y:p,width:f-h,height:d[1]-p}}},{key:"_applyTransformToHandles",value:function(t){var e=(0<arguments.length&&void 0!==t?t:{}).boxMatrix,r=void 0===e?Me():e;var a=this.options,n=a.rotatable,o=a.resizable,i=a.showNormal,s=this.storage,v=s.handles,c=s.controls,l=s.center;var u=(l=void 0===l?{}:l).isShifted,h=void 0!==u&&u,f=s.transform;var d=(f=void 0===f?{}:f).controlsMatrix,p=void 0===d?Ve(c,c.parentNode):d;var y=Re(r,Ce(p));var m=this._getVertices(y),x=m.anchor,g=void 0===x?null:x,b=m.center,_=R(m,["anchor","center"]);var k=null;var M={};n&&(k=i?[[g.x,g.y],_.rotator]:null,M={rotator:_.rotator});var E=bt({te:[_.tl,_.tr],be:[_.bl,_.br],le:[_.tl,_.bl],re:[_.tr,_.br]},i&&k&&{normal:k});Be(E).forEach(function(t){var e=se(E[t],2),r=e[0],a=e[1];var n=Xe(r,a),o=n.cx,i=n.cy,s=n.length,c=n.theta;nt(v[t]).css({transform:"translate(".concat(o,"px, ").concat(i,"px) rotate(").concat(c,"deg)"),width:"".concat(s,"px")})});var T=bt({},o&&_,{},M,{},!h&&Boolean(b)&&{center:b});return Be(T).reduce(function(t,e){var r=v[e];var a=T[e];if(t[e]=a,Et(a)||Et(r))return t;var n=se(a,2),o=n[0],i=n[1];return nt(r).css({transform:"translate(".concat(o,"px, ").concat(i,"px)")}),t},{})}},{key:"setCenterPoint",value:function(){ce('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(t,e){var r=0<arguments.length&&void 0!==t?t:{},a=r.x,n=r.y,o=r.dx,i=r.dy;var s=!(1<arguments.length&&void 0!==e)||e;var c=this.elements;var v=se(c=void 0===c?[]:c,1)[0],l=this.storage,u=this.storage;var h=(u=void 0===u?{}:u).wrapper,f=u.handles.center,d=u.center,p=this.options;var y=(p=void 0===p?{}:p).container;var m=j(o)&&j(i),x=j(a)&&j(n);if(f&&d&&(m||x)){var g=Re(Ve(v,y),Ce(Ve(h,h.parentNode)));var b,_;var k=se(Pe(v,y),2),M=k[0],E=k[1];if(m){var T=v.offsetHeight,w=v.offsetWidth;var O=se(Se(g,[-o+w/2,-i+T/2,0,1]),2);b=O[0],_=O[1]}else b=a,_=n;nt(f).css({transform:"translate(".concat(b+M,"px, ").concat(_+E,"px)")}),d.isShifted=s,l.transformOrigin=Se(Me(),[b,_,0,1])}}},{key:"fitControlsToSize",value:function(){var t=this.storage,e=t.controls,r=t.center;var a=(r=void 0===r?{}:r).isShifted,n=se(t.transformOrigin,2),o=n[0],i=n[1];var s=Ve(e,e.parentNode);var c=se(Se(s,[o,i,0,1]),2),v=c[0],l=c[1];var u=[{nextValues:function(){return{x:v,y:l}},pin:!0,condition:function(){return a}},{nextValues:function(){return{dx:0,dy:0}},pin:!1,condition:function(){return!a}}].find(function(t){return(0,t.condition)()}),h=u.nextValues,f=u.pin;this._updateControlsView(),this.setTransformOrigin(bt({},h()),f),this._applyTransformToHandles()}},{key:"getBoundingRect",value:function(t){var e=0<arguments.length&&void 0!==t?t:null;var r=this.elements;var a=se(r=void 0===r?[]:r,1)[0],n=this.options,o=n.scalable,i=n.restrict,s=n.container,c=this.storage,v=c.bBox,l=c.bBox;var u=(l=void 0===l?{}:l).width,h=l.height,f=c.cached;var d=(f=void 0===f?{}:f).bBox;var p=(d=void 0===d?{}:d).width,y=void 0===p?u:p,m=d.height;var x=o?v:bt({},v,{width:y,height:void 0===m?h:m});var g=i||s;return Ge(a,g,Ve(a,g,e),x)}},{key:"applyAlignment",value:function(t){var e=this;var r=this.elements,a=this.options.container;var n=this._getVertices(),o=(n.anchor,n.rotator,n.center,R(n,["anchor","rotator","center"]));var i=this._getRestrictedBBox(!0);var s=ze(o);var c=se(xt(i),2),v=se(c[0],2),l=v[0],u=v[1],h=se(c[1],2),f=h[0],d=h[1];var p=se(xt(s),2),y=se(p[0],2),m=y[0],x=y[1],g=se(p[1],2),b=g[0],_=g[1];var k=se(Se(Ce(Oe(Ve(r[0].parentNode,a))),[function(){switch(!0){case/[l]/.test(t):return l-m;case/[r]/.test(t):return u-x;case/[h]/.test(t):return(u+l)/2-(x+m)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(t):return f-b;case/[b]/.test(t):return d-_;case/[v]/.test(t):return(d+f)/2-(_+b)/2;default:return 0}}(),0,1]),2),M=k[0],E=k[1];var T=Re(Ne(r[0]),Ee(M,E));r.map(function(t){return e._updateElementView(t,St(ke(T)))}),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var t=this.elements;var e=se(t=void 0===t?[]:t,1)[0];var r=this.options.isGrouped?this._getGroupVertices():this._getElementVertices(e,Me()),a=r.tl,n=r.tr,o=r.br;return{x:ve(a[0]),y:ve(a[1]),width:ve(Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2))),height:ve(Math.sqrt(Math.pow(n[0]-o[0],2)+Math.pow(n[1]-o[1],2))),rotation:ve(Math.atan2(n[1]-a[1],n[0]-a[0])*mt)}}}]),e}();var He=function(t,e,r){var a=se(t,2),n=a[0],o=a[1];var i=2<arguments.length&&void 0!==r?r:{};var s=We(["sjx-hdl","sjx-hdl-".concat(1<arguments.length&&void 0!==e?e:"handler")]);return nt(s).css(bt({transform:"translate(".concat(n,"px, ").concat(o,"px)")},i)),s};var Ie=function(t,e){var r=se(t,3),a=r[0],n=r[1],o=r[2],i=void 0===o?1:o;var s=Xe(a,n,i),c=s.cx,v=s.cy,l=s.length,u=s.theta;var h=We(["sjx-hdl-line","sjx-hdl-".concat(e)]);return nt(h).css({transform:"translate(".concat(c,"px, ").concat(v,"px) rotate(").concat(u,"deg)"),height:"".concat(i,"px"),width:"".concat(l,"px")}),h};var Xe=function(t,e,r){var a=2<arguments.length&&void 0!==r?r:1;var n=se(t,2),o=n[0],i=n[1];var s=se(e,2),c=s[0],v=s[1];var l=Math.sqrt((c-o)*(c-o)+(v-i)*(v-i));return{cx:(o+c)/2-l/2,cy:(i+v)/2-a/2,thickness:a,theta:Math.atan2(i-v,o-c)*(180/Math.PI),length:l}};var Ge=function(t,e,r,a){var n=se(Pe(t,e),2),o=n[0],i=n[1];var s=a||{width:t.offsetWidth,height:t.offsetHeight,offset:{left:o,top:i}},c=s.width,v=s.height,l=s.offset;var u=(l=void 0===l?{}:l).left,h=l.top;return[[0,0,0,1],[c,0,0,1],[0,v,0,1],[c,v,0,1]].reduce(function(t,e){return[].concat(Yt(t),[Se(r,e)])},[]).map(function(t){var e=se(t,4),r=e[0],a=e[1],n=e[2],o=e[3];return[r+u,a+h,n,o]})};var We=function(t){var e=0<arguments.length&&void 0!==t?t:[];var r=document.createElement("div");return e.forEach(function(t){return wt(r,t)}),r};var Fe=/\s*,\s*|\s+/g;var qe=["circle","ellipse","image","line","path","polygon","polyline","rect","text","g","foreignobject","use"];function Ze(t,e){var r=1<arguments.length&&void 0!==e?e:[];var a=document.createElementNS("http://www.w3.org/2000/svg",t);return r.forEach(function(t){return wt(a,t)}),a}function Qe(t){var r=[];return nr(t)?u.call(t.childNodes,function(t){if(1===t.nodeType){var e=t.tagName.toLowerCase();-1!==qe.indexOf(e)&&("g"===e&&r.push.apply(r,Yt(Qe(t))),r.push(t))}}):r.push(t),r}function Ue(){return Ze("svg").createSVGMatrix()}function $e(t,e){var r=Ue();return r.e=t,r.f=e,r}function Je(t,e){var r=Ue();return r.a=e,r.b=t,r.c=-t,r.d=e,r}function Ke(t,e){var r=Ue();return r.a=t,r.d=e,r}function tr(t,e){return(e.getScreenCTM&&e.getScreenCTM()||Ue()).inverse().multiply(t.getScreenCTM()||Ue())}function er(t){var e=t.a,r=t.b,a=t.c,n=t.d,o=t.e,i=t.f;return"matrix(".concat(e,",").concat(r,",").concat(a,",").concat(n,",").concat(o,",").concat(i,")")}function rr(t,e,r){return function(t,e){var r=Ze("svg").createSVGPoint();return r.x=t,r.y=e,r}(e,r).matrixTransform(t)}function ar(t){var e=Ue();return e.a=t.a,e.b=t.b,e.c=t.c,e.d=t.d,e.e=t.e,e.f=t.f,e}var nr=function(t){return"g"===t.tagName.toLowerCase()};function or(t){return(0<arguments.length&&void 0!==t?t:"").replace(/[\n\r]/g,"").replace(/([^e])-/g,"$1 -").replace(/ +/g," ").replace(/(\d*\.)(\d+)(?=\.)/g,"$1$2 ")}function ir(t){return or(t).trim().split(Fe).reduce(function(t,e,r,a){return r%2==0&&t.push(a.slice(r,r+2)),t},[])}var sr=/\s*([achlmqstvz])([^achlmqstvz]*)\s*/gi;function cr(t){var c=sr.lastIndex=0;var v=[];function e(){var t=se(c,3),r=t[1],e=t[2];var a=r.toUpperCase();var n=r!==a;var o=or(e).trim().split(Fe).map(function(t){if(!isNaN(t))return Number(t)});var i=!1;var s="M"===a;(function(r,a){return Array.from(new Array(Math.ceil(r.length/a)),function(t,e){return r.slice(e*a,e*a+a)})})(o,function(t){return[{size:2,condition:["M","m","L","l","T","t"].includes(t)},{size:1,condition:["H","h","V","v"].includes(t)},{size:6,condition:["C","c"].includes(t)},{size:4,condition:["S","s","Q","q"].includes(t)},{size:7,condition:["A","a"].includes(t)},{size:1,condition:!0}].find(function(t){return!!t.condition})}(r).size).map(function(t){var e=i&&s;return i=i||s,v.push({relative:n,key:e?"L":a,cmd:e?n?"l":"L":r,values:t})})}for(;c=sr.exec(t);)e();return lr(vr(v))}var vr=function(t){var jt=null,Bt=null,Lt=null,zt=null;return t.reduce(function(t,e){var r=e.cmd,a=e.values;var n;switch(r){case"M":var o=se(a,2),i=o[0],s=o[1];n={key:"M",values:[i,s]},jt=Lt=i,Bt=zt=s;break;case"m":var c=se(a,2),v=c[0],l=c[1];var u=jt+v;var h=Bt+l;n={key:"M",values:[u,h]},jt=Lt=u,Bt=zt=h;break;case"L":var f=se(a,2),d=f[0],p=f[1];n={key:"L",values:[d,p]},jt=d,Bt=p;break;case"l":var y=se(a,2),m=y[0],x=y[1];var g=jt+m;var b=Bt+x;n={key:"L",values:[g,b]},jt=g,Bt=b;break;case"C":var _=se(a,6),k=_[0],M=_[1],E=_[2],T=_[3],w=_[4],O=_[5];n={key:"C",values:[k,M,E,T,w,O]},jt=w,Bt=O;break;case"c":var S=se(a,6),R=S[0],C=S[1],V=S[2],N=S[3],A=S[4],P=S[5];var D=[jt+R,Bt+C,jt+V,Bt+N,jt+A,Bt+P];n={key:"C",values:[].concat(D)},jt=D[4],Bt=D[5];break;case"Q":var j=se(a,4),B=j[0],L=j[1],z=j[2],Y=j[3];n={key:"Q",values:[B,L,z,Y]},jt=z,Bt=Y;break;case"q":var H=se(a,4),I=H[0],X=H[1],G=H[2],W=H[3];var F=[jt+I,Bt+X,jt+G,Bt+W];t.push({key:"Q",values:[].concat(F)}),jt=F[2],Bt=F[3];break;case"A":var q=se(a,7),Z=q[0],Q=q[1],U=q[2],$=q[3],J=q[4],K=q[5],tt=q[6];n={key:"A",values:[Z,Q,U,$,J,K,tt]},jt=K,Bt=tt;break;case"a":var et=se(a,7),rt=et[0],at=et[1],nt=et[2],ot=et[3],it=et[4],st=et[5],ct=et[6];var vt=jt+st;var lt=Bt+ct;n={key:"A",values:[rt,at,nt,ot,it,vt,lt]},jt=vt,Bt=lt;break;case"H":var ut=se(a,1)[0];n={key:"H",values:[ut]},jt=ut;break;case"h":var ht=se(a,1)[0];var ft=jt+ht;n={key:"H",values:[ft]},jt=ft;break;case"V":var dt=se(a,1)[0];n={key:"V",values:[dt]},Bt=dt;break;case"v":var pt=se(a,1)[0];var yt=Bt+pt;n={key:"V",values:[yt]},Bt=yt;break;case"S":var mt=se(a,4),xt=mt[0],gt=mt[1],bt=mt[2],_t=mt[3];n={key:"S",values:[xt,gt,bt,_t]},jt=bt,Bt=_t;break;case"s":var kt=se(a,4),Mt=kt[0],Et=kt[1],Tt=kt[2],wt=kt[3];var Ot=[jt+Mt,Bt+Et,jt+Tt,Bt+wt];n={key:"S",values:[].concat(Ot)},jt=Ot[2],Bt=Ot[3];break;case"T":var St=se(a,2),Rt=St[0],Ct=St[1];n={key:"T",values:[Rt,Ct]},jt=Rt,Bt=Ct;break;case"t":var Vt=se(a,2),Nt=Vt[0],At=Vt[1];var Pt=jt+Nt;var Dt=Bt+At;n={key:"T",values:[Pt,Dt]},jt=Pt,Bt=Dt;break;case"Z":case"z":n={key:"Z",values:[]},jt=Lt,Bt=zt}return[].concat(Yt(t),[n])},[])};var lr=function(t){var W=null;var F=null;var q=null;var Z=null;var Q=null;var U=null;var $=null;return t.reduce(function(t,e){var r=e.key,a=e.values;var n;switch(r){case"M":var o=se(a,2),i=o[0],s=o[1];n=[{key:"M",values:[i,s]}],Z=U=i,Q=$=s;break;case"C":var c=se(a,6),v=c[0],l=c[1],u=c[2],h=c[3],f=c[4],d=c[5];n=[{key:"C",values:[v,l,u,h,f,d]}],F=u,q=h,Z=f,Q=d;break;case"L":var p=se(a,2),y=p[0],m=p[1];n=[{key:"L",values:[y,m]}],Z=y,Q=m;break;case"H":var x=se(a,1)[0];n=[{key:"L",values:[x,Q]}],Z=x;break;case"V":var g=se(a,1)[0];n=[{key:"L",values:[Z,g]}],Q=g;break;case"S":var b=se(a,4),_=b[0],k=b[1],M=b[2],E=b[3];var T,w;w="C"===W||"S"===W?(T=Z+(Z-F),Q+(Q-q)):(T=Z,Q),n=[{key:"C",values:[T,w,_,k,M,E]}],F=_,q=k,Z=M,Q=E;break;case"T":var O=se(a,2),S=O[0],R=O[1];var C,V;V="Q"===W||"T"===W?(C=Z+(Z-F),Q+(Q-q)):(C=Z,Q),n=[{key:"C",values:[Z+2*(C-Z)/3,Q+2*(V-Q)/3,S+2*(C-S)/3,R+2*(V-R)/3,S,R]}],F=C,q=V,Z=S,Q=R;break;case"Q":var N=se(a,4),A=N[0],P=N[1],D=N[2],j=N[3];n=[{key:"C",values:[Z+2*(A-Z)/3,Q+2*(P-Q)/3,D+2*(A-D)/3,j+2*(P-j)/3,D,j]}],F=A,q=P,Z=D,Q=j;break;case"A":var B=se(a,7),L=B[0],z=B[1],Y=B[2],H=B[3],I=B[4],X=B[5],G=B[6];if(0===L||0===z)n=[{key:"C",values:[Z,Q,X,G,X,G]}],Z=X,Q=G;else if(Z!==X||Q!==G)n=ur(Z,Q,X,G,L,z,Y,H,I).map(function(t){return{key:"C",values:t}}),Z=X,Q=G;break;case"Z":n=[e],Z=U,Q=$}return W=r,[].concat(Yt(t),Yt(n))},[])};var ur=function t(e,r,a,n,o,i,s,c,v,l){function u(t,e,r){return{x:t*Math.cos(r)-e*Math.sin(r),y:t*Math.sin(r)+e*Math.cos(r)}}var h=(f=s,Math.PI*f/180);var f;var d=[];var p,y,m,x;if(l)p=l[0],y=l[1],m=l[2],x=l[3];else{var g=u(e,r,-h);e=g.x,r=g.y;var b=u(a,n,-h);var _=(e-(a=b.x))/2;var k=(r-(n=b.y))/2;var M=_*_/(o*o)+k*k/(i*i);1<M&&(o*=M=Math.sqrt(M),i*=M);var E=o*o;var T=i*i;var w=E*T-E*k*k-T*_*_;var O=E*k*k+T*_*_;var S=(c===v?-1:1)*Math.sqrt(Math.abs(w/O));m=S*o*k/i+(e+a)/2,x=S*-i*_/o+(r+n)/2,p=Math.asin(parseFloat(((r-x)/i).toFixed(9))),y=Math.asin(parseFloat(((n-x)/i).toFixed(9))),e<m&&(p=Math.PI-p),a<m&&(y=Math.PI-y),p<0&&(p=2*Math.PI+p),y<0&&(y=2*Math.PI+y),v&&y<p&&(p-=2*Math.PI),!v&&p<y&&(y-=2*Math.PI)}var R=y-p;if(Math.abs(R)>120*Math.PI/180){var C=y;var V=a;var N=n;var A=v&&p<y?1:-1;y=p+120*Math.PI/180*A,a=m+o*Math.cos(y),n=x+i*Math.sin(y),d=t(a,n,V,N,o,i,s,0,v,[y,C,m,x])}R=y-p;var P=Math.cos(p);var D=Math.sin(p);var j=Math.cos(y);var B=Math.sin(y);var L=Math.tan(R/4);var z=4/3*o*L;var Y=4/3*i*L;var H=[e,r];var I=[e+z*D,r-Y*P];var X=[a+z*B,n-Y*j];var G=[a,n];if(I[0]=2*H[0]-I[0],I[1]=2*H[1]-I[1],l)return[I,X,G].concat(Yt(d));d=[I,X,G].concat(Yt(d)).join().split(",");var W=[];var F=[];return d.forEach(function(t,e){e%2?F.push(u(d[e-1],d[e],h).y):F.push(u(d[e],d[e+1],h).x),6===F.length&&(W.push(F),F=[])}),W};var hr=H.E_DRAG,fr=H.E_RESIZE,dr=H.E_ROTATE;var pr=I,yr=W;var mr=Object.keys,xr=Object.entries,gr=Object.values;var br=function(){o(e,be);var t=c(e);function e(){return i(this,e),t.apply(this,arguments)}return r(e,[{key:"_init",value:function(t){var e=this;var r=this.options,a=r.container,n=r.controlsContainer,o=r.resizable,i=r.rotatable,s=r.showNormal,c=r.transformOrigin,v=r.restrict;var l=Ze("g",["sjx-svg-wrapper"]);var u=Ze("g",["sjx-svg-controls"]);var h=this._getVertices(),f=h.rotator,d=void 0===f?null:f,p=h.anchor,y=void 0===p?null:p,m=R(h,["rotator","anchor"]);var x={};var g={};var b=Array.isArray(c)?rr(Ue(),c[0],c[1]):m.center;if(i){var _=s?wr([y,d],S,"normal"):null;s&&u.appendChild(_);var k=null;c&&((k=Ze("line",["sjx-hidden"])).x1.baseVal.value=m.center.x,k.y1.baseVal.value=m.center.y,k.x2.baseVal.value=b.x,k.y2.baseVal.value=b.y,Er(k,"#fe3232"),k.setAttribute("opacity",.5),u.appendChild(k)),g=bt({},g,{normal:_,radius:k})}var M=o?{tl:m.tl,tr:m.tr,br:m.br,bl:m.bl,tc:m.tc,bc:m.bc,ml:m.ml,mr:m.mr}:{};var E={te:[m.tl,m.tr],be:[m.bl,m.br],le:[m.tl,m.bl],re:[m.tr,m.br]};mr(E).forEach(function(t){var e=E[t];Et(e)||(x[t]=wr(e,S,t),u.appendChild(x[t]))});var T=bt({},M,{rotator:d,center:c&&i?b:void 0});mr(T).forEach(function(t){var e=T[t];if(!Et(e)){var r=e.x,a=e.y;var n="center"===t?"#fe3232":S;x[t]=Mr(r,a,n,t),u.appendChild(x[t])}}),l.appendChild(u),n.appendChild(l);var w=new WeakMap;t.map(function(t){return w.set(t,{parent:t.parentNode,transform:{ctm:tr(t,a)},bBox:t.getBBox(),__data__:new WeakMap,cached:{}})});var O=v||a;this.storage={wrapper:l,controls:u,handles:bt({},x,{},g),data:w,center:{isShifted:Array.isArray(c)},transformOrigin:b,transform:{containerMatrix:tr(O,O.parentNode)},cached:{}},[].concat(Yt(t),[u]).map(function(t){return nt(t).on(pr,e._onMouseDown).on(yr,e._onTouchStart)})}},{key:"_cursorPoint",value:function(t){var e=t.clientX,r=t.clientY;var a=this.options.container;return this._applyMatrixToPoint(a.getScreenCTM().inverse(),e,r)}},{key:"_getRestrictedBBox",value:function(t){var e=0<arguments.length&&void 0!==t&&t;var r=this.storage;var a=(r=void 0===r?{}:r).transform;var n=(a=void 0===a?{}:a).containerMatrix,o=this.options;var i=(o=void 0===o?{}:o).container;var s=o.restrict||i;return Or(s,e?tr(s,i):n)}},{key:"_pointToTransform",value:function(t){var e=t.x,r=t.y;var a=t.matrix.inverse();return a.e=a.f=0,this._applyMatrixToPoint(a,e,r)}},{key:"_pointToControls",value:function(t,e){var r=t.x,a=t.y;var n=(1<arguments.length&&void 0!==e?e:this.storage.transform).controlsMatrix.inverse();return n.e=n.f=0,this._applyMatrixToPoint(n,r,a)}},{key:"_applyMatrixToPoint",value:function(t,e,r){var a=Ze("svg").createSVGPoint();return a.x=e,a.y=r,a.matrixTransform(t)}},{key:"_applyTransformToElement",value:function(a,t){var e=this.storage;var r=(e=void 0===e?{}:e).data,n=e.bBox,o=this.options;var i=(o=void 0===o?{}:o).isGrouped,s=o.scalable,c=o.applyTranslate;var v=r.get(a),l=v.cached,u=void 0===l?{}:l,h=R(v,["cached"]);var f=h.transform,d=f.matrix,p=f.parentMatrix,y=h.__data__;var m=u.scaleX,x=u.scaleY,g=u.dist;var b=(g=void 0===g?{}:g).dx,_=g.dy,k=g.ox,M=g.oy,E=u.transformMatrix;if(t===hr){if(!c||!b&&!_)return;var T=$e(k,M);var w=T.multiply(d).multiply(T.inverse());this._updateElementView(["transform",w]),nr(a)?Qe(a).map(function(t){var e=$e(b,_);var r=e.multiply(tr(t,t.parentNode)).multiply(e.inverse());if(function(t){var e=t.a,r=t.b,a=t.c,n=t.d,o=t.e,i=t.f;return 1===e&&0===r&&0===a&&1===n&&0===o&&0===i}(r)||t.setAttribute("transform",er(r)),!nr(t)){var a=p.inverse();a.e=a.f=0;var n=rr(a,k,M),o=n.x,i=n.y;_r(t,{x:o,y:i})}}):_r(a,{x:k,y:M})}if(t===fr){if(!E)return;if(!s)if(nr(a)||i)Qe(a).forEach(function(t){if(!nr(t)){var e=tr(t,i?a.parentNode:a);var r=e.inverse().multiply(E).multiply(e);kr(t,{dx:b,dy:_,scaleX:m,scaleY:x,localCTM:r,transformMatrix:E,bBox:n,__data__:y,isGrouped:i})}});else kr(a,{dx:b,dy:_,scaleX:m,scaleY:x,localCTM:E,transformMatrix:E,bBox:n,__data__:y,isGrouped:i})}r.set(a,bt({},h))}},{key:"_processActions",value:function(t){var e=this.storage,r=e.transform.controlsMatrix,a=e.center;var n=(a=void 0===a?{}:a).isShifted;if(this.options.isGrouped&&t===dr){this._applyTransformToHandles();var o=rr(r,0,0),i=o.x,s=o.y;n&&this._moveCenterHandle(i,s),this._updateControlsView(),n||this.setTransformOrigin({dx:0,dy:0},!1)}}},{key:"_processResize",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.revX,i=n.revY,s=n.doW,c=n.doH,v=n.data,l=n.bBox,u=l.x,h=l.y,f=l.width,d=l.height,p=this.options,y=p.isGrouped,m=p.proportions,x=p.scalable;var g=v.get(t);var b=g.transform,_=b.matrix,k=b.auxiliary.scale.translateMatrix,M=g.cached,E=void 0===M?{}:M;var T=se((C=r,V=a,N=Math.max(1,f),A=Math.max(1,d),P=s||!s&&!c?(N+C)/N:(A+V)/A,[(D=m?N*P:N+C)/N,(j=m?A*P:A+V)/A,D,j]),4),w=T[0],O=T[1],S=T[2],R=T[3];var C,V,N,A,P,D,j;var B=(L=Ke(w,O),k.multiply(L).multiply(k.inverse()));var L;var z=u-(S-f)*(c?.5:o?1:0),Y=h-(R-d)*(s?.5:i?1:0);var H=y?B.multiply(_):_.multiply(B);return x&&this._updateElementView(t,["transform",H]),v.set(t,bt({},g,{cached:bt({},E,{scaleX:w,scaleY:O,transformMatrix:B,resultMatrix:H})})),this._applyTransformToElement(t,fr),{x:z,y:Y,width:S,height:R,transform:H}}},{key:"_processMove",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data;var o=n.get(t);var i=o.transform,s=i.matrix,c=i.auxiliary.translate,v=c.translateMatrix,l=c.parentMatrix,u=o.cached;l.e=l.f=0;var h=rr(l,r,a),f=h.x,d=h.y;n.set(t,bt({},o,{cached:bt({},u,{dist:{dx:ve(r),dy:ve(a),ox:ve(f),oy:ve(d)}})})),v.e=f,v.f=d;var p=v.multiply(s);return this._updateElementView(t,["transform",p]),p}},{key:"_processRotate",value:function(t,e){var r=this.storage;var a=(r=void 0===r?{}:r).data.get(t).transform,n=a.matrix,o=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix;var s=ve(Math.cos(e)),c=ve(Math.sin(e));var v=Je(c,s);o.e=o.f=0;var l=o.inverse().multiply(v).multiply(o);var u=i.multiply(l).multiply(i.inverse()).multiply(n);return this._updateElementView(t,["transform",u]),u}},{key:"_getElementState",value:function(e,t){var r=t.revX,a=t.revY,n=t.doW,o=t.doH;var i=this.options,s=i.container,c=i.isGrouped,v=this.storage,l=v.data,u=v.controls,h=v.handles.center,f=v.transformOrigin,d=f.x,p=f.y;var y=l.get(e);var m=y.__data__;Tr(e,y,s),m["delete"](e),Qe(e).forEach(function(t){m["delete"](t),Tr(t,y,e,c)});var x=this._getBBox();var g=x.x,b=x.y,_=x.width,k=x.height;var M=tr(e,e.parentNode),E=tr(e,s),T=tr(e.parentNode,s);var w=T.inverse();var O=g+_*(o?.5:r?1:0),S=b+k*(n?.5:a?1:0);var R=tr(u,s);var C=g+_/2,V=b+k/2;var N=rr(R,d,p),A=N.x,P=N.y;var D=h?rr(w,A,P):rr(c?w:M,C,V),j=D.x,B=D.y;var L=h?rr(c?w:E.inverse(),A,P):rr(c?w:Ue(),O,S),z=L.x,Y=L.y;return{transform:{auxiliary:{scale:{scaleMatrix:Ue(),translateMatrix:$e(z,Y)},translate:{parentMatrix:w,translateMatrix:Ue()},rotate:{translateMatrix:$e(j,B)}},matrix:M,ctm:E,parentMatrix:T,scX:Math.sqrt(E.a*E.a+E.b*E.b),scY:Math.sqrt(E.c*E.c+E.d*E.d)},bBox:x}}},{key:"_getCommonState",value:function(){var t=this.elements,e=this.options,r=e.isGrouped,a=e.container,n=e.restrict,o=this.storage,i=o.controls,s=o.handles.center;var c=this._getBBox();var v=c.x,l=c.y;var u=v+c.width/2,h=l+c.height/2;var f=tr(i,a);var d=s?s.cx.baseVal.value:u;var p=s?s.cy.baseVal.value:h;var y=rr(f,d,p),m=y.x,x=y.y;var g=rr(r?Ue():tr(t[0],a),u,h),b=g.x,_=g.y;var k=n||a;var M=tr(k,k.parentNode);var E=bt({},this.storage.center||{},{x:s?m:b,y:s?x:_,hx:s?s.cx.baseVal.value:null,hy:s?s.cy.baseVal.value:null});return{transform:{containerMatrix:M,controlsMatrix:tr(i,i.parentNode),controlsTranslateMatrix:Ue(),wrapperOriginMatrix:$e(E.x,E.y)},bBox:c,center:E}}},{key:"_getVertices",value:function(t){var e=0<arguments.length&&void 0!==t?t:Ue();var r=this.elements,a=this.options,n=a.isGrouped,o=a.rotatable,i=a.rotatorAnchor,s=a.rotatorOffset,c=a.container;var v=this._getBBox(),l=v.x,u=v.y,h=v.width,f=v.height;var d=h/2,p=f/2;var y={tl:[l,u],tr:[l+h,u],mr:[l+h,u+p],ml:[l,u+p],tc:[l+d,u],bc:[l+d,u+f],br:[l+h,u+f],bl:[l,u+f],center:[l+d,u+p]};var m=n?e:e.multiply(tr(r[0],c));var x=xr(y).reduce(function(t,e){var r=se(e,2),a=r[0],n=se(r[1],2),o=n[0],i=n[1];return t[a]=rr(m,o,i),t},{});if(o){var g={};var b=1;switch(i){case"n":var _=x.tc,k=_.x,M=_.y;g.x=k,g.y=M;break;case"s":var E=x.bc,T=E.x,w=E.y;g.x=T,g.y=w,b=-1;break;case"w":var O=x.ml,S=O.x,R=O.y;g.x=S,g.y=R,b=-1;break;case"e":default:var C=x.mr,V=C.x,N=C.y;g.x=V,g.y=N}var A="n"===i||"s"===i?Math.atan2(x.bl.y-x.tl.y,x.bl.x-x.tl.x):Math.atan2(x.tl.y-x.tr.y,x.tl.x-x.tr.x);var P=s*b;var D={x:g.x-P*Math.cos(A),y:g.y-P*Math.sin(A)};x.rotator=D,x.anchor=g}return x}},{key:"_getBBox",value:function(){var t=this.elements,e=this.options,a=e.container;if(e.isGrouped){var r=t.reduce(function(t,e){var r=tr(e,a);return[].concat(Yt(t),Yt(Or(e,r)))},[]);var n=se(xt(r),2),o=se(n[0],2),i=o[0],s=o[1],c=se(n[1],2),v=c[0];return{x:i,y:v,width:s-i,height:c[1]-v}}return t[0].getBBox()}},{key:"_moveCenterHandle",value:function(t,e){var r=this.storage,a=r.handles,n=a.center,o=a.radius,i=r.center,s=r.transform;var c=(s=void 0===s?{}:s).controlsMatrix,v=void 0===c?Ue():c,l=r.transformOrigin;var u=(l=void 0===l?{}:l).x,h=l.y,f=r.cached;if(!Et(n)){var d=u+t,p=h+e;n.cx.baseVal.value=d,n.cy.baseVal.value=p,o.x2.baseVal.value=d,o.y2.baseVal.value=p,this.storage=bt({},this.storage,{center:bt({},i,{isShifted:!0},rr(v.inverse(),d,p)),cached:bt({},f,{transformOrigin:rr(Ue(),d,p)})})}}},{key:"_processMoveRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage.data.get(t).transform,o=n.matrix,i=n.auxiliary.translate.parentMatrix;i.e=i.f=0;var s=rr(i,r,a),c=s.x,v=s.y;var l=$e(c,v).multiply(o);return this._restrictHandler(t,l)}},{key:"_processRotateRestrict",value:function(t,e){var r=this.storage;var a=(r=void 0===r?{}:r).data.get(t).transform,n=a.matrix,o=a.parentMatrix,i=a.auxiliary.rotate.translateMatrix;var s=ve(Math.cos(e)),c=ve(Math.sin(e));var v=Je(c,s);o.e=o.f=0;var l=o.inverse().multiply(v).multiply(o);var u=i.multiply(l).multiply(i.inverse()).multiply(n);return this._restrictHandler(t,u)}},{key:"_processResizeRestrict",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage,o=n.doW,i=n.doH,s=n.data,c=n.bBox,v=c.width,l=c.height,u=this.options.proportions;var h=s.get(t).transform,f=h.matrix,d=h.auxiliary.scale.translateMatrix;var p=f.multiply(function(t,e){var r=Ke(t,e);return d.multiply(r).multiply(d.inverse())}.apply(void 0,Yt((y=r,m=a,x=Math.max(1,v),g=Math.max(1,l),b=o||!o&&!i?(x+y)/x:(g+m)/g,[(_=u?x*b:x+y)/x,(k=u?g*b:g+m)/g,_,k]))));var y,m,x,g,b,_,k;return this._restrictHandler(t,p)}},{key:"_processControlsResize",value:function(){var t=this.storage;var e=(t=void 0===t?{}:t).transform.controlsMatrix;this._applyTransformToHandles({boxMatrix:e.inverse()})}},{key:"_processControlsMove",value:function(t){var e=t.dx,r=t.dy;var a=this.storage;var n=(a=void 0===a?{}:a).transform,o=n.controlsMatrix,i=n.controlsTranslateMatrix,s=a.center;i.e=e,i.f=r;var c=i.multiply(o);if(this._updateControlsView(c),s.isShifted){var v=o.inverse();v.e=v.f=0;var l=rr(v,e,r),u=l.x,h=l.y;this._moveCenterHandle(-u,-h)}}},{key:"_processControlsRotate",value:function(t){var e=t.radians;var r=this.storage;var a=(r=void 0===r?{}:r).transform,n=a.controlsMatrix,o=a.wrapperOriginMatrix;var i=ve(Math.cos(e)),s=ve(Math.sin(e));var c=Je(s,i);var v=o.multiply(c).multiply(o.inverse()).multiply(n);this._updateControlsView(v)}},{key:"_updateElementView",value:function(t,e){var r=se(e,2),a=r[0],n=r[1];"transform"===a&&t.setAttribute(a,er(n))}},{key:"_updateControlsView",value:function(t){var e=0<arguments.length&&void 0!==t?t:Ue();this.storage.controls.setAttribute("transform",er(e)),this.storage.cached.controlsMatrix=e}},{key:"_applyTransformToHandles",value:function(t){var e=(0<arguments.length&&void 0!==t?t:{}).boxMatrix,r=void 0===e?Ue():e;var a=this.options.rotatable,n=this.storage,o=n.handles,i=n.center.isShifted;var s=this._getVertices(r),c=s.anchor,v=void 0===c?null:c,l=s.center,u=R(s,["anchor","center"]);var h={te:[u.tl,u.tr],be:[u.bl,u.br],le:[u.tl,u.bl],re:[u.tr,u.br]};if(a){var f=o.normal,d=o.radius;j(f)&&(f.x1.baseVal.value=v.x,f.y1.baseVal.value=v.y,f.x2.baseVal.value=u.rotator.x,f.y2.baseVal.value=u.rotator.y),j(d)&&(d.x1.baseVal.value=l.x,d.y1.baseVal.value=l.y,i||(d.x2.baseVal.value=l.x,d.y2.baseVal.value=l.y))}mr(h).forEach(function(t){var n=o[t];var e=se(h[t],2),r=e[0],a=e[1];Et(r)||Et(n)||xr({x1:r.x,y1:r.y,x2:a.x,y2:a.y}).map(function(t){var e=se(t,2),r=e[0],a=e[1];return n.setAttribute(r,a)})});var p=bt({},u,{},!i&&Boolean(l)&&{center:l});return mr(p).reduce(function(t,e){var r=o[e];var a=p[e];return t[e]=a,Et(a)||Et(r)||(r.setAttribute("cx",a.x),r.setAttribute("cy",a.y)),t},{})}},{key:"setCenterPoint",value:function(){ce('"setCenterPoint" method is replaced by "setTransformOrigin" and would be removed soon'),this.setTransformOrigin.apply(this,arguments)}},{key:"setTransformOrigin",value:function(t,e){var r=0<arguments.length&&void 0!==t?t:{},a=r.x,n=r.y,o=r.dx,i=r.dy;var s=!(1<arguments.length&&void 0!==e)||e;var c=this.elements,v=this.storage,l=this.storage;var u=(l=void 0===l?{}:l).controls,h=l.handles;var f=(h=void 0===h?{}:h).center,d=h.radius,p=l.center,y=this.options,m=y.container,x=y.isGrouped;var g=j(o)&&j(i),b=j(a)&&j(n);if(p&&f&&d&&(g||b)){var _=tr(u,u.parentNode).inverse();var k=x?_:_.multiply(tr(c[0],m));var M,E;if(g){var T=this._getBBox(),w=T.x,O=T.y,S=T.width,R=T.height;var C=rr(k,w+S/2+o,O+R/2+i);M=C.x,E=C.y}else M=a,E=n;f.cx.baseVal.value=M,f.cy.baseVal.value=E,d.x2.baseVal.value=M,d.y2.baseVal.value=E,p.isShifted=s,v.transformOrigin=rr(Ue(),M,E)}}},{key:"fitControlsToSize",value:function(){var t=this.storage,e=t.controls,r=t.center;var a=(r=void 0===r?{}:r).isShifted,n=t.transformOrigin;var o=(n=void 0===n?{}:n).x,i=n.y;var s=tr(e,e.parentNode);var c=rr(s,o,i),v=c.x,l=c.y;var u=[{nextValues:function(){return{x:v,y:l}},pin:!0,condition:function(){return a}},{nextValues:function(){return{dx:0,dy:0}},pin:!1,condition:function(){return!a}}].find(function(t){return(0,t.condition)()}),h=u.nextValues,f=u.pin;this._updateControlsView(),this.setTransformOrigin(bt({},h()),f),this._applyTransformToHandles()}},{key:"getBoundingRect",value:function(t,e){var r=1<arguments.length&&void 0!==e?e:null;var a=this.options;var n=(a=void 0===a?{}:a).restrict,o=a.container;var i=n||o;var s=r?tr(t.parentNode,i).multiply(r):tr(t,i);return Or(t,s,t.getBBox())}},{key:"applyAlignment",value:function(i){var s=this;var t=this.elements,c=this.options.container;var e=this._getVertices(),r=(e.anchor,e.rotator,e.center,R(e,["anchor","rotator","center"]));var a=this._getRestrictedBBox(!0);var n=gr(r).map(function(t){return[t.x,t.y]});var o=se(xt(a),2),v=se(o[0],2),l=v[0],u=v[1],h=se(o[1],2),f=h[0],d=h[1];var p=se(xt(n),2),y=se(p[0],2),m=y[0],x=y[1],g=se(p[1],2),b=g[0],_=g[1];t.map(function(t){var e=tr(t.parentNode,c);e.e=e.f=0;var r=rr(e.inverse(),function(){switch(!0){case/[l]/.test(i):return l-m;case/[r]/.test(i):return u-x;case/[h]/.test(i):return(u+l)/2-(x+m)/2;default:return 0}}(),function(){switch(!0){case/[t]/.test(i):return f-b;case/[b]/.test(i):return d-_;case/[v]/.test(i):return(d+f)/2-(_+b)/2;default:return 0}}()),a=r.x,n=r.y;var o=$e(a,n).multiply(tr(t,t.parentNode));s._updateElementView(t,["transform",o])}),this.fitControlsToSize()}},{key:"getDimensions",value:function(){var t=this.elements,e=this.options,r=e.isGrouped,a=e.container;var n=this._getBBox(),o=n.x,i=n.y,s=n.width,c=n.height;var v={tl:[o,i],tr:[o+s,i],bl:[o,i+c],br:[o+s,i+c]};var l=r?Ue():tr(t[0],a);var u=xr(v).reduce(function(t,e){var r=se(e,2),a=r[0],n=se(r[1],2),o=n[0],i=n[1];return t[a]=rr(l,o,i),t},{}),h=u.tl,f=u.br,d=u.tr;return{x:ve(h.x),y:ve(h.y),width:ve(Math.sqrt(Math.pow(h.x-d.x,2)+Math.pow(h.y-d.y,2))),height:ve(Math.sqrt(Math.pow(d.x-f.x,2)+Math.pow(d.y-f.y,2))),rotation:ve(Math.atan2(d.y-h.y,d.x-h.x)*mt)}}}]),e}();var _r=function(e,t){var r=t.x,a=t.y;var n=[];switch(e.tagName.toLowerCase()){case"text":var o=j(e.x.baseVal[0])?e.x.baseVal[0].value+r:(Number(e.getAttribute("x"))||0)+r;var i=j(e.y.baseVal[0])?e.y.baseVal[0].value+a:(Number(e.getAttribute("y"))||0)+a;n.push(["x",o],["y",i]);break;case"foreignobject":case"use":case"image":case"rect":var s=j(e.x.baseVal.value)?e.x.baseVal.value+r:(Number(e.getAttribute("x"))||0)+r;var c=j(e.y.baseVal.value)?e.y.baseVal.value+a:(Number(e.getAttribute("y"))||0)+a;n.push(["x",s],["y",c]);break;case"circle":case"ellipse":var v=e.cx.baseVal.value+r,l=e.cy.baseVal.value+a;n.push(["cx",v],["cy",l]);break;case"line":var u=e.x1.baseVal.value+r,h=e.y1.baseVal.value+a,f=e.x2.baseVal.value+r,d=e.y2.baseVal.value+a;n.push(["x1",u],["y1",h],["x2",f],["y2",d]);break;case"polygon":case"polyline":var p=ir(e.getAttribute("points")).map(function(t){return t[0]=Number(t[0])+r,t[1]=Number(t[1])+a,t.join(" ")}).join(" ");n.push(["points",p]);break;case"path":var y=e.getAttribute("d");n.push(["d",function(t){var e=t.path,r=t.dx,a=t.dy;try{var n=cr(e);var o="";var i=" ";var s=!0;for(var c=0,v=n.length;c<v;c++){var l=n[c];var u=l.values,h=l.key,f=l.relative;var d=[];switch(h){case"M":for(var p=0,y=u.length;p<y;p+=2){var m=se(u.slice(p,p+2),2),x=m[0],g=m[1];f&&!s||(x+=r,g+=a),d.push(x,g),s=!1}break;case"A":for(var b=0,_=u.length;b<_;b+=7){var k=u.slice(b,b+7);f||(k[5]+=r,k[6]+=a),d.push.apply(d,Yt(k))}break;case"C":for(var M=0,E=u.length;M<E;M+=6){var T=u.slice(M,M+6);f||(T[0]+=r,T[1]+=a,T[2]+=r,T[3]+=a,T[4]+=r,T[5]+=a),d.push.apply(d,Yt(T))}break;case"H":for(var w=0,O=u.length;w<O;w+=1){var S=u.slice(w,w+1);f||(S[0]+=r),d.push(S[0])}break;case"V":for(var R=0,C=u.length;R<C;R+=1){var V=u.slice(R,R+1);f||(V[0]+=a),d.push(V[0])}break;case"L":case"T":for(var N=0,A=u.length;N<A;N+=2){var P=se(u.slice(N,N+2),2),D=P[0],j=P[1];f||(D+=r,j+=a),d.push(D,j)}break;case"Q":case"S":for(var B=0,L=u.length;B<L;B+=4){var z=se(u.slice(B,B+4),4),Y=z[0],H=z[1],I=z[2],X=z[3];f||(Y+=r,H+=a,I+=r,X+=a),d.push(Y,H,I,X)}break;case"Z":i=u[0]=""}o+=h+d.join(",")+i}return o}catch(t){ce("Path parsing error: "+t)}}({path:y,dx:r,dy:a})])}n.forEach(function(t){e.setAttribute(t[0],t[1])})};var kr=function(n,t){var e=t.scaleX,r=t.scaleY,o=t.localCTM,a=t.bBox,i=a.width,s=a.height,c=t.__data__,v=t.transformMatrix,l=t.isGrouped;var u=[];var h=c.get(n);switch(n.tagName.toLowerCase()){case"text":case"tspan":var f=h.x,d=h.y,p=h.textLength;var y=rr(o,f,d),m=y.x,x=y.y;u.push(["x",m+(e<0?i:0)],["y",x-(r<0?s:0)],["textLength",Math.abs(e*p)]);break;case"circle":var g=h.r,b=h.cx,_=h.cy,k=g*(Math.abs(e)+Math.abs(r))/2;var M=rr(o,b,_),E=M.x,T=M.y;u.push(["r",k],["cx",E],["cy",T]);break;case"foreignobject":case"image":case"rect":if(l){var w=h.matrix,O=h.childCTM;var S=O.inverse().multiply(v).multiply(O);var R=w.multiply(S);u.push(["transform",er(R)])}else{var C=h.width,V=h.height,N=h.x,A=h.y;var P=rr(o,N,A),D=P.x,j=P.y;var B=Math.abs(C*e),L=Math.abs(V*r);u.push(["x",D-(e<0?B:0)],["y",j-(r<0?L:0)],["width",B],["height",L])}break;case"ellipse":var z=h.rx,Y=h.ry,H=h.cx,I=h.cy;var X=rr(o,H,I),G=X.x,W=X.y;var F=Ue();F.a=e,F.d=r;var q=rr(F,z,Y),Z=q.x,Q=q.y;u.push(["rx",Math.abs(Z)],["ry",Math.abs(Q)],["cx",G],["cy",W]);break;case"line":var U=h.resX1,$=h.resY1,J=h.resX2,K=h.resY2;var tt=rr(o,U,$),et=tt.x,rt=tt.y;var at=rr(o,J,K),nt=at.x,ot=at.y;u.push(["x1",et],["y1",rt],["x2",nt],["y2",ot]);break;case"polygon":case"polyline":var it=h.points;var st=ir(it).map(function(t){var e=rr(o,Number(t[0]),Number(t[1])),r=e.x,a=e.y;return t[0]=ve(r),t[1]=ve(a),t.join(" ")}).join(" ");u.push(["points",st]);break;case"path":var ct=h.path;u.push(["d",function(t){var e=t.path,r=t.localCTM;try{var a=cr(e);var n="";var o=" ";var i=[];var s=!0;for(var c=0,v=a.length;c<v;c++){var l=a[c];var u=l.values,h=l.key,f=l.relative,d=void 0!==f&&f;switch(h){case"A":var p=[];var y=ar(r);d&&(y.e=y.f=0);for(var m=0,x=u.length;m<x;m+=7){var g=se(u.slice(m,m+7),7),b=g[0],_=g[1],k=g[2],M=g[3],E=g[4],T=g[5],w=g[6];var O=rr(y,T,w),S=O.x,R=O.y;p.push(ve(S),ve(R)),y.e=y.f=0;var C=rr(y,b,_),V=C.x,N=C.y;p.unshift(ve(V),ve(N),k,M,E)}i.push(p);break;case"C":var A=[];var P=ar(r);d&&(P.e=P.f=0);for(var D=0,j=u.length;D<j;D+=6){var B=se(u.slice(D,D+6),6),L=B[0],z=B[1],Y=B[2],H=B[3],I=B[4],X=B[5];var G=rr(P,L,z),W=G.x,F=G.y;var q=rr(P,Y,H),Z=q.x,Q=q.y;var U=rr(P,I,X),$=U.x,J=U.y;A.push(ve(W),ve(F),ve(Z),ve(Q),ve($),ve(J))}i.push(A);break;case"H":var K=[];var tt=ar(r);d&&(tt.e=tt.f=0);for(var et=0,rt=u.length;et<rt;et+=1){var at=se(u.slice(et,et+1),1)[0];var nt=rr(tt,at,0).x;K.push(ve(nt))}i.push(K);break;case"V":var ot=[];var it=ar(r);d&&(it.e=it.f=0);for(var st=0,ct=u.length;st<ct;st+=1){var vt=se(u.slice(st,st+1),1)[0];var lt=rr(it,0,vt).y;ot.push(ve(lt))}i.push(ot);break;case"T":case"L":var ut=[];var ht=ar(r);d&&(ht.e=ht.f=0);for(var ft=0,dt=u.length;ft<dt;ft+=2){var pt=se(u.slice(ft,ft+2),2),yt=pt[0],mt=pt[1];var xt=rr(ht,yt,mt),gt=xt.x,bt=xt.y;ut.push(ve(gt),ve(bt))}i.push(ut);break;case"M":var _t=[];var kt=ar(r);d&&!s&&(kt.e=kt.f=0);for(var Mt=0,Et=u.length;Mt<Et;Mt+=2){var Tt=se(u.slice(Mt,Mt+2),2),wt=Tt[0],Ot=Tt[1];var St=rr(kt,wt,Ot),Rt=St.x,Ct=St.y;_t.push(ve(Rt),ve(Ct)),s=!1}i.push(_t);break;case"Q":var Vt=[];var Nt=ar(r);d&&(Nt.e=Nt.f=0);for(var At=0,Pt=u.length;At<Pt;At+=4){var Dt=se(u.slice(At,At+4),4),jt=Dt[0],Bt=Dt[1],Lt=Dt[2],zt=Dt[3];var Yt=rr(Nt,jt,Bt),Ht=Yt.x,It=Yt.y;var Xt=rr(Nt,Lt,zt),Gt=Xt.x,Wt=Xt.y;Vt.push(ve(Ht),ve(It),ve(Gt),ve(Wt))}i.push(Vt);break;case"S":var Ft=[];var qt=ar(r);d&&(qt.e=qt.f=0);for(var Zt=0,Qt=u.length;Zt<Qt;Zt+=4){var Ut=se(u.slice(Zt,Zt+4),4),$t=Ut[0],Jt=Ut[1],Kt=Ut[2],te=Ut[3];var ee=rr(qt,$t,Jt),re=ee.x,ae=ee.y;var ne=rr(qt,Kt,te),oe=ne.x,ie=ne.y;Ft.push(ve(re),ve(ae),ve(oe),ve(ie))}i.push(Ft);break;case"Z":i.push([""]),o=""}n+=l.key+i[c].join(",")+o}return n.trim()}catch(t){ce("Path parsing error: "+t)}}({path:ct,localCTM:o})])}u.forEach(function(t){var e=se(t,2),r=e[0],a=e[1];n.setAttribute(r,a)})};var Mr=function(t,e,r,a){var n=Ze("circle",["sjx-svg-hdl","sjx-svg-hdl-".concat(a)]);return xr({cx:t,cy:e,r:4,fill:"#fff",stroke:r,"stroke-width":1,"fill-opacity":1,"vector-effect":"non-scaling-stroke"}).forEach(function(t){var e=se(t,2),r=e[0],a=e[1];return n.setAttribute(r,a)}),n};var Er=function(t,e){t.setAttribute("stroke",e),t.setAttribute("stroke-dasharray","3 3"),t.setAttribute("vector-effect","non-scaling-stroke")};var Tr=function(t,e,r,a){var n=null;switch(t.tagName.toLowerCase()){case"text":n={x:j(t.x.baseVal[0])?t.x.baseVal[0].value:Number(t.getAttribute("x"))||0,y:j(t.y.baseVal[0])?t.y.baseVal[0].value:Number(t.getAttribute("y"))||0,textLength:j(t.textLength.baseVal)?t.textLength.baseVal.value:Number(t.getAttribute("textLength"))||null};break;case"circle":n={r:t.r.baseVal.value,cx:t.cx.baseVal.value,cy:t.cy.baseVal.value};break;case"foreignobject":case"image":case"rect":n={width:t.width.baseVal.value,height:t.height.baseVal.value,x:t.x.baseVal.value,y:t.y.baseVal.value};break;case"ellipse":n={rx:t.rx.baseVal.value,ry:t.ry.baseVal.value,cx:t.cx.baseVal.value,cy:t.cy.baseVal.value};break;case"line":n={resX1:t.x1.baseVal.value,resY1:t.y1.baseVal.value,resX2:t.x2.baseVal.value,resY2:t.y2.baseVal.value};break;case"polygon":case"polyline":n={points:t.getAttribute("points")};break;case"path":n={path:t.getAttribute("d")}}e.__data__.set(t,bt({},n,{matrix:tr(t,t.parentNode),ctm:tr(t.parentNode,r),childCTM:tr(t,a?r.parentNode:r)}))};var wr=function(t,e,r){var a=se(t,2),n=a[0],o=a[1];var i=Ze("line",["sjx-svg-line","sjx-svg-line-".concat(r)]);var s={x1:n.x,y1:n.y,x2:o.x,y2:o.y,stroke:e,"stroke-width":1,"vector-effect":"non-scaling-stroke"};return xr(s).forEach(function(t){var e=se(t,2),r=e[0],a=e[1];return i.setAttribute(r,a)}),i};var Or=function(t,o,e){var r=2<arguments.length&&void 0!==e?e:t.getBBox();var a=r.x,n=r.y,i=r.width,s=r.height;return[[a,n],[a+i,n],[a+i,n+s],[a,n+s]].map(function(t){var e=se(t,2),r=e[0],a=e[1];var n=rr(o,r,a);return[n.x,n.y]})};function Sr(t,e){if(this.length){var r=j(e)&&e instanceof it?e:new it;if(this[0]instanceof SVGElement){var a=d.call(this,function(t,e){return function(t){var e=t.tagName.toLowerCase();return-1!==qe.indexOf(e)||(ce('Selected element "'.concat(e,'" is not allowed to transform. Allowed elements:\n\n            circle, ellipse, image, line, path, polygon, polyline, rect, text, g')),!1)}(e)&&t.push(e),t},[]);return new br(a,t,r)}return new Ye(f.call(this,function(t){return t}),t,r)}}var Rr=H.EMITTER_EVENTS;var Cr=I,Vr=W;var Nr=function(){o(n,dt);var a=c(n);function n(t,e){var r;return i(this,n),(r=a.call(this,t)).enable(e),r}return r(n,[{key:"_init",value:function(){var e=this;var t=this.elements,r=this.options;var a=nt(t);var n=r.style,o=r.appendTo;var i=bt({position:"absolute","z-index":"2147483647"},n);var s=new WeakMap;t.map(function(t){return s.set(t,{parent:j(o)?nt(o)[0]:document.body})}),this.storage={css:i,data:s},a.on(Cr,this._onMouseDown).on(Vr,this._onTouchStart),Rr.slice(0,3).forEach(function(t){e.eventDispatcher.registerEvent(t)})}},{key:"_processOptions",value:function(t){var e={},r=null,a=document,n=rt,o=rt,i=rt,s=rt;if(j(t)){var c=t.style,v=t.appendTo,l=t.stack,u=t.onInit,h=t.onMove,f=t.onDrop,d=t.onDestroy;e=j(c)&&"object"===et(c)?c:e,r=v||null;var p=j(l)?nt(l)[0]:document;n=at(u),o=at(h),i=y(f)?function(t){var e=this.storage;var r=(e=void 0===e?{}:e).clone;!function(t,e){var r=gt(t),a=r.top,n=r.left,o=gt(e),i=o.top,s=o.left,c=nt(t),v=nt(e);return!(a<i||a+parseFloat(c.css("height"))>i+parseFloat(v.css("height"))||n<s||n+parseFloat(c.css("width"))>s+parseFloat(v.css("width")))}(r,p)||f.call(this,t,this.elements,r)}:rt,s=at(d)}this.options={style:e,appendTo:r,stack:a},this.proxyMethods={onInit:n,onDrop:i,onMove:o,onDestroy:s}}},{key:"_start",value:function(t){var e=t.target,r=t.clientX,a=t.clientY;var n=this.elements,o=this.storage,i=this.storage,s=i.data,c=i.css;var v=n.find(function(t){return t===e||t.contains(e)});if(v){var l=(s.get(v)||{}).parent,u=void 0===l?v.parentNode:l;var h=gt(u),f=h.left,d=h.top;c.left="".concat(r-f,"px"),c.top="".concat(a-d,"px");var p=v.cloneNode(!0);nt(p).css(c),o.clientX=r,o.clientY=a,o.cx=r,o.cy=a,o.clone=p,u.appendChild(p),this._draw()}}},{key:"_moving",value:function(t){var e=t.clientX,r=t.clientY;var a=this.storage;a.clientX=e,a.clientY=r,a.doDraw=!0,a.doMove=!0}},{key:"_end",value:function(t){var e=this.storage;var r=e.clone,a=e.frameId;e.doDraw=!1,M(a),Et(r)||(this.proxyMethods.onDrop.call(this,t),r.parentNode.removeChild(r),delete e.clone)}},{key:"_animate",value:function(){var t=this.storage;t.frameId=Mt(this._animate);var e=t.doDraw,r=t.clientX,a=t.clientY,n=t.cx,o=t.cy,i=t.clone;e&&(t.doDraw=!1,this._drag({element:i,dx:r-n,dy:a-o}))}},{key:"_processMove",value:function(t,e){var r=e.dx,a=e.dy;var n=this.storage;var o=(n=void 0===n?{}:n).clone;var i="translate(".concat(r,"px, ").concat(a,"px)");nt(o).css({transform:i,webkitTranform:i,mozTransform:i,msTransform:i,otransform:i})}},{key:"_destroy",value:function(){var t=this.storage,e=this.proxyMethods,r=this.elements;Et(t)||(nt(r).off(Cr,this._onMouseDown).off(Vr,this._onTouchStart),e.onDestroy.call(this,r),delete this.storage)}},{key:"disable",value:function(){this._destroy()}}]),n}();function Ar(t){if(this.length)return new Nr(f.call(this,function(t){return t}),t)}var Pr=function(){o(e,p);var t=c(e);function e(){return i(this,e),t.apply(this,arguments)}return r(e,[{key:"drag",value:function(){return Sr.call.apply(Sr,[this].concat(Array.prototype.slice.call(arguments)))}},{key:"clone",value:function(){return Ar.call.apply(Ar,[this].concat(Array.prototype.slice.call(arguments)))}}]),e}();function Dr(t){return new Pr(t)}return Object.defineProperty(Dr,"createObservable",{value:function(){return new it}}),Object.defineProperty(Dr,"Subjx",{value:Pr}),Object.defineProperty(Dr,"Observable",{value:it}),Dr});
diff --git a/package.json b/package.json
index 824914f..a056845 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "subjx",
-    "version": "1.1.0-rc.3",
+    "version": "1.1.0-rc.4",
     "description": "Drag, Rotate, Resize library",
     "author": "Karen Sarksyan (https://github.com/nichollascarter)",
     "license": "MIT",