(function (global, factory) {

typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

typeof define === 'function' && define.amd ? define(factory) :

(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Cropper = factory());

}(this, (function () { 'use strict';

function _typeof(obj) {

}

function _classCallCheck(instance, Constructor) {

}

function _defineProperties(target, props) {

}

function _createClass(Constructor, protoProps, staticProps) {

}

function _defineProperty(obj, key, value) {

}

function ownKeys(object, enumerableOnly) {

}

function _objectSpread2(target) {

}

function _toConsumableArray(arr) {

return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();

}

function _arrayWithoutHoles(arr) {

if (Array.isArray(arr)) return _arrayLikeToArray(arr);

}

function _iterableToArray(iter) {

if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);

}

function _unsupportedIterableToArray(o, minLen) {

}

function _arrayLikeToArray(arr, len) {

}

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.");

}

var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';

var WINDOW = IS_BROWSER ? window : {};

var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;

var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;

var NAMESPACE = 'cropper'; // Actions

var ACTION_ALL = 'all';

var ACTION_CROP = 'crop';

var ACTION_MOVE = 'move';

var ACTION_ZOOM = 'zoom';

var ACTION_EAST = 'e';

var ACTION_WEST = 'w';

var ACTION_SOUTH = 's';

var ACTION_NORTH = 'n';

var ACTION_NORTH_EAST = 'ne';

var ACTION_NORTH_WEST = 'nw';

var ACTION_SOUTH_EAST = 'se';

var ACTION_SOUTH_WEST = 'sw'; // Classes

var CLASS_CROP = "".concat(NAMESPACE, "-crop");

var CLASS_DISABLED = "".concat(NAMESPACE, "-disabled");

var CLASS_HIDDEN = "".concat(NAMESPACE, "-hidden");

var CLASS_HIDE = "".concat(NAMESPACE, "-hide");

var CLASS_INVISIBLE = "".concat(NAMESPACE, "-invisible");

var CLASS_MODAL = "".concat(NAMESPACE, "-modal");

var CLASS_MOVE = "".concat(NAMESPACE, "-move"); // Data keys

var DATA_ACTION = "".concat(NAMESPACE, "Action");

var DATA_PREVIEW = "".concat(NAMESPACE, "Preview"); // Drag modes

var DRAG_MODE_CROP = 'crop';

var DRAG_MODE_MOVE = 'move';

var DRAG_MODE_NONE = 'none'; // Events

var EVENT_CROP = 'crop';

var EVENT_CROP_END = 'cropend';

var EVENT_CROP_MOVE = 'cropmove';

var EVENT_CROP_START = 'cropstart';

var EVENT_DBLCLICK = 'dblclick';

var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';

var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';

var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';

var EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;

var EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? 'pointermove' : EVENT_TOUCH_MOVE;

var EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;

var EVENT_READY = 'ready';

var EVENT_RESIZE = 'resize';

var EVENT_WHEEL = 'wheel';

var EVENT_ZOOM = 'zoom'; // Mime types

var MIME_TYPE_JPEG = 'image/jpeg'; // RegExps

var REGEXP_ACTIONS = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/;

var REGEXP_DATA_URL = /^data:/;

var REGEXP_DATA_URL_JPEG = /^data:image\/jpeg;base64,/;

var REGEXP_TAG_NAME = /^img|canvas$/i; // Misc

// Inspired by the default width and height of a canvas element.

var MIN_CONTAINER_WIDTH = 200;

var MIN_CONTAINER_HEIGHT = 100;

var DEFAULTS = {

// Define the view mode of the cropper

viewMode: 0,

// 0, 1, 2, 3

// Define the dragging mode of the cropper

dragMode: DRAG_MODE_CROP,

// 'crop', 'move' or 'none'

// Define the initial aspect ratio of the crop box

initialAspectRatio: NaN,

// Define the aspect ratio of the crop box

aspectRatio: NaN,

// An object with the previous cropping result data

data: null,

// A selector for adding extra containers to preview

preview: '',

// Re-render the cropper when resize the window

responsive: true,

// Restore the cropped area after resize the window

restore: true,

// Check if the current image is a cross-origin image

checkCrossOrigin: true,

// Check the current image's Exif Orientation information

checkOrientation: true,

// Show the black modal

modal: true,

// Show the dashed lines for guiding

guides: true,

// Show the center indicator for guiding

center: true,

// Show the white modal to highlight the crop box

highlight: true,

// Show the grid background

background: true,

// Enable to crop the image automatically when initialize

autoCrop: true,

// Define the percentage of automatic cropping area when initializes

autoCropArea: 0.8,

// Enable to move the image

movable: true,

// Enable to rotate the image

rotatable: true,

// Enable to scale the image

scalable: true,

// Enable to zoom the image

zoomable: true,

// Enable to zoom the image by dragging touch

zoomOnTouch: true,

// Enable to zoom the image by wheeling mouse

zoomOnWheel: true,

// Define zoom ratio when zoom the image by wheeling mouse

wheelZoomRatio: 0.1,

// Enable to move the crop box

cropBoxMovable: true,

// Enable to resize the crop box

cropBoxResizable: true,

// Toggle drag mode between "crop" and "move" when click twice on the cropper

toggleDragModeOnDblclick: true,

// Size limitation

minCanvasWidth: 0,

minCanvasHeight: 0,

minCropBoxWidth: 0,

minCropBoxHeight: 0,

minContainerWidth: MIN_CONTAINER_WIDTH,

minContainerHeight: MIN_CONTAINER_HEIGHT,

// Shortcuts of events

ready: null,

cropstart: null,

cropmove: null,

cropend: null,

crop: null,

zoom: null

};

var TEMPLATE = '<div class="cropper-container" touch-action="none">' + '<div class="cropper-wrap-box">' + '<div class="cropper-canvas"></div>' + '</div>' + '<div class="cropper-drag-box"></div>' + '<div class="cropper-crop-box">' + '<span class="cropper-view-box"></span>' + '<span class="cropper-dashed dashed-h"></span>' + '<span class="cropper-dashed dashed-v"></span>' + '<span class="cropper-center"></span>' + '<span class="cropper-face"></span>' + '<span class="cropper-line line-e" data-cropper-action="e"></span>' + '<span class="cropper-line line-n" data-cropper-action="n"></span>' + '<span class="cropper-line line-w" data-cropper-action="w"></span>' + '<span class="cropper-line line-s" data-cropper-action="s"></span>' + '<span class="cropper-point point-e" data-cropper-action="e"></span>' + '<span class="cropper-point point-n" data-cropper-action="n"></span>' + '<span class="cropper-point point-w" data-cropper-action="w"></span>' + '<span class="cropper-point point-s" data-cropper-action="s"></span>' + '<span class="cropper-point point-ne" data-cropper-action="ne"></span>' + '<span class="cropper-point point-nw" data-cropper-action="nw"></span>' + '<span class="cropper-point point-sw" data-cropper-action="sw"></span>' + '<span class="cropper-point point-se" data-cropper-action="se"></span>' + '</div>' + '</div>';

/**

var isNaN = Number.isNaN || WINDOW.isNaN;

/**

function isNumber(value) {

return typeof value === 'number' && !isNaN(value);

}

/**

var isPositiveNumber = function isPositiveNumber(value) {

return value > 0 && value < Infinity;

};

/**

function isUndefined(value) {

return typeof value === 'undefined';

}

/**

function isObject(value) {

return _typeof(value) === 'object' && value !== null;

}

var hasOwnProperty = Object.prototype.hasOwnProperty;

/**

function isPlainObject(value) {

}

/**

function isFunction(value) {

return typeof value === 'function';

}

var slice = Array.prototype.slice;

/**

function toArray(value) {

return Array.from ? Array.from(value) : slice.call(value);

}

/**

function forEach(data, callback) {

}

/**

var assign = Object.assign || function assign(target) {

};

var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;

/**

function normalizeDecimalNumber(value) {

var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100000000000;

return REGEXP_DECIMALS.test(value) ? Math.round(value * times) / times : value;

}

var REGEXP_SUFFIX = /^width|height|left|top|marginLeft|marginTop$/;

/**

function setStyle(element, styles) {

}

/**

function hasClass(element, value) {

return element.classList ? element.classList.contains(value) : element.className.indexOf(value) > -1;

}

/**

function addClass(element, value) {

}

/**

function removeClass(element, value) {

}

/**

function toggleClass(element, value, added) {

}

var REGEXP_CAMEL_CASE = /([a-z\d])([A-Z])/g;

/**

function toParamCase(value) {

return value.replace(REGEXP_CAMEL_CASE, '$1-$2').toLowerCase();

}

/**

function getData(element, name) {

}

/**

function setData(element, name, data) {

}

/**

function removeData(element, name) {

}

var REGEXP_SPACES = /\s\s*/;

var onceSupported = function () {

var supported = false;

if (IS_BROWSER) {

var once = false;

var listener = function listener() {};

var options = Object.defineProperty({}, 'once', {

get: function get() {

supported = true;

return once;

},

/**

set: function set(value) {

once = value;

}

});

WINDOW.addEventListener('test', listener, options);

WINDOW.removeEventListener('test', listener, options);

}

return supported;

}();

/**

function removeListener(element, type, listener) {

}

/**

function addListener(element, type, listener) {

}

/**

function dispatchEvent(element, type, data) {

}

/**

function getOffset(element) {

}

var location = WINDOW.location;

var REGEXP_ORIGINS = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;

/**

function isCrossOriginURL(url) {

var parts = url.match(REGEXP_ORIGINS);

return parts !== null && (parts[1] !== location.protocol || parts[2] !== location.hostname || parts[3] !== location.port);

}

/**

function addTimestamp(url) {

var timestamp = "timestamp=".concat(new Date().getTime());

return url + (url.indexOf('?') === -1 ? '?' : '&') + timestamp;

}

/**

function getTransforms(_ref) {

}

/**

function getMaxZoomRatio(pointers) {