rails_cropit 0.1.0 → 0.1.1

data/vendor/assets/javascripts/jquery.cropit.js

@@ -1,637 +0,0 @@
-/*
- *  cropit - v0.2.0
- *  Customizable crop and zoom.
- *  https://github.com/scottcheng/cropit
- *
- *  Made by Scott Cheng
- *  Based on https://github.com/yufeiliu/simple_image_uploader
- *  Under MIT License
- */
-(function($) {
-    var Zoomer;
-    Zoomer = function() {
-        function Zoomer() {}
-        Zoomer.prototype.setup = function(imageSize, previewSize, exportZoom, options) {
-            var heightRatio, widthRatio;
-            if (exportZoom == null) {
-                exportZoom = 1;
-            }
-            widthRatio = previewSize.w / imageSize.w;
-            heightRatio = previewSize.h / imageSize.h;
-            if ((options != null ? options.minZoom : void 0) === "fit") {
-                this.minZoom = widthRatio < heightRatio ? widthRatio : heightRatio;
-            } else {
-                this.minZoom = widthRatio < heightRatio ? heightRatio : widthRatio;
-            }
-            return this.maxZoom = this.minZoom < 1 / exportZoom ? 1 / exportZoom : this.minZoom;
-        };
-        Zoomer.prototype.getZoom = function(sliderPos) {
-            if (!(this.minZoom && this.maxZoom)) {
-                return null;
-            }
-            return sliderPos * (this.maxZoom - this.minZoom) + this.minZoom;
-        };
-        Zoomer.prototype.getSliderPos = function(zoom) {
-            if (!(this.minZoom && this.maxZoom)) {
-                return null;
-            }
-            if (this.minZoom === this.maxZoom) {
-                return 0;
-            } else {
-                return (zoom - this.minZoom) / (this.maxZoom - this.minZoom);
-            }
-        };
-        Zoomer.prototype.isZoomable = function() {
-            if (!(this.minZoom && this.maxZoom)) {
-                return null;
-            }
-            return this.minZoom !== this.maxZoom;
-        };
-        Zoomer.prototype.fixZoom = function(zoom) {
-            if (zoom < this.minZoom) {
-                return this.minZoom;
-            }
-            if (zoom > this.maxZoom) {
-                return this.maxZoom;
-            }
-            return zoom;
-        };
-        return Zoomer;
-    }();
-    var Cropit;
-    Cropit = function() {
-        Cropit._DEFAULTS = {
-            exportZoom: 1,
-            imageBackground: false,
-            imageBackgroundBorderWidth: 0,
-            imageState: null,
-            allowCrossOrigin: false,
-            allowDragNDrop: true,
-            freeMove: false,
-            minZoom: "fill"
-        };
-        Cropit.PREVIEW_EVENTS = function() {
-            return [ "mousedown", "mouseup", "mouseleave", "touchstart", "touchend", "touchcancel", "touchleave" ].map(function(type) {
-                return "" + type + ".cropit";
-            }).join(" ");
-        }();
-        Cropit.PREVIEW_MOVE_EVENTS = "mousemove.cropit touchmove.cropit";
-        Cropit.ZOOM_INPUT_EVENTS = function() {
-            return [ "mousemove", "touchmove", "change" ].map(function(type) {
-                return "" + type + ".cropit";
-            }).join(" ");
-        }();
-        function Cropit(element, options) {
-            var dynamicDefaults;
-            this.element = element;
-            this.$el = $(this.element);
-            dynamicDefaults = {
-                $fileInput: this.$("input.cropit-image-input"),
-                $preview: this.$(".cropit-image-preview"),
-                $zoomSlider: this.$("input.cropit-image-zoom-input"),
-                $previewContainer: this.$(".cropit-image-preview-container")
-            };
-            this.options = $.extend({}, Cropit._DEFAULTS, dynamicDefaults, options);
-            this.init();
-        }
-        Cropit.prototype.init = function() {
-            var $previewContainer, _ref, _ref1, _ref2;
-            this.image = new Image();
-            if (this.options.allowCrossOrigin) {
-                this.image.crossOrigin = "Anonymous";
-            }
-            this.$fileInput = this.options.$fileInput.attr({
-                accept: "image/*"
-            });
-            this.$preview = this.options.$preview.css({
-                backgroundRepeat: "no-repeat"
-            });
-            this.$zoomSlider = this.options.$zoomSlider.attr({
-                min: 0,
-                max: 1,
-                step: .01
-            });
-            this.previewSize = {
-                w: this.options.width || this.$preview.width(),
-                h: this.options.height || this.$preview.height()
-            };
-            if (this.options.width) {
-                this.$preview.width(this.previewSize.w);
-            }
-            if (this.options.height) {
-                this.$preview.height(this.previewSize.h);
-            }
-            if (this.options.imageBackground) {
-                if ($.isArray(this.options.imageBackgroundBorderWidth)) {
-                    this.imageBgBorderWidthArray = this.options.imageBackgroundBorderWidth;
-                } else {
-                    this.imageBgBorderWidthArray = [];
-                    [ 0, 1, 2, 3 ].forEach(function(_this) {
-                        return function(i) {
-                            return _this.imageBgBorderWidthArray[i] = _this.options.imageBackgroundBorderWidth;
-                        };
-                    }(this));
-                }
-                $previewContainer = this.options.$previewContainer;
-                this.$imageBg = $("<img />").addClass("cropit-image-background").attr("alt", "").css("position", "absolute");
-                this.$imageBgContainer = $("<div />").addClass("cropit-image-background-container").css({
-                    position: "absolute",
-                    zIndex: 0,
-                    left: -this.imageBgBorderWidthArray[3] + window.parseInt(this.$preview.css("border-left-width")),
-                    top: -this.imageBgBorderWidthArray[0] + window.parseInt(this.$preview.css("border-top-width")),
-                    width: this.previewSize.w + this.imageBgBorderWidthArray[1] + this.imageBgBorderWidthArray[3],
-                    height: this.previewSize.h + this.imageBgBorderWidthArray[0] + this.imageBgBorderWidthArray[2]
-                }).append(this.$imageBg);
-                if (this.imageBgBorderWidthArray[0] > 0) {
-                    this.$imageBgContainer.css({
-                        overflow: "hidden"
-                    });
-                }
-                $previewContainer.css("position", "relative").prepend(this.$imageBgContainer);
-                this.$preview.css("position", "relative");
-                this.$preview.hover(function(_this) {
-                    return function() {
-                        return _this.$imageBg.addClass("cropit-preview-hovered");
-                    };
-                }(this), function(_this) {
-                    return function() {
-                        return _this.$imageBg.removeClass("cropit-preview-hovered");
-                    };
-                }(this));
-            }
-            this.initialOffset = {
-                x: 0,
-                y: 0
-            };
-            this.initialZoom = 0;
-            this.initialZoomSliderPos = 0;
-            this.imageLoaded = false;
-            this.moveContinue = false;
-            this.zoomer = new Zoomer();
-            if (this.options.allowDragNDrop) {
-                jQuery.event.props.push("dataTransfer");
-            }
-            this.bindListeners();
-            this.$zoomSlider.val(this.initialZoomSliderPos);
-            this.setOffset(((_ref = this.options.imageState) != null ? _ref.offset : void 0) || this.initialOffset);
-            this.zoom = ((_ref1 = this.options.imageState) != null ? _ref1.zoom : void 0) || this.initialZoom;
-            return this.loadImage(((_ref2 = this.options.imageState) != null ? _ref2.src : void 0) || null);
-        };
-        Cropit.prototype.bindListeners = function() {
-            this.$fileInput.on("change.cropit", this.onFileChange.bind(this));
-            this.$preview.on(Cropit.PREVIEW_EVENTS, this.onPreviewEvent.bind(this));
-            this.$zoomSlider.on(Cropit.ZOOM_INPUT_EVENTS, this.onZoomSliderChange.bind(this));
-            if (this.options.allowDragNDrop) {
-                this.$preview.on("dragover.cropit dragleave.cropit", this.onDragOver.bind(this));
-                return this.$preview.on("drop.cropit", this.onDrop.bind(this));
-            }
-        };
-        Cropit.prototype.unbindListeners = function() {
-            this.$fileInput.off("change.cropit");
-            this.$preview.off(Cropit.PREVIEW_EVENTS);
-            this.$preview.off("dragover.cropit dragleave.cropit drop.cropit");
-            return this.$zoomSlider.off(Cropit.ZOOM_INPUT_EVENTS);
-        };
-        Cropit.prototype.reset = function() {
-            this.zoom = this.initialZoom;
-            return this.offset = this.initialOffset;
-        };
-        Cropit.prototype.onFileChange = function() {
-            var _base;
-            if (typeof (_base = this.options).onFileChange === "function") {
-                _base.onFileChange();
-            }
-            return this.loadFileReader(this.$fileInput.get(0).files[0]);
-        };
-        Cropit.prototype.loadFileReader = function(file) {
-            var fileReader;
-            fileReader = new FileReader();
-            if (file != null ? file.type.match("image") : void 0) {
-                this.setImageLoadingClass();
-                fileReader.readAsDataURL(file);
-                fileReader.onload = this.onFileReaderLoaded.bind(this);
-                return fileReader.onerror = this.onFileReaderError.bind(this);
-            } else if (file != null) {
-                return this.onFileReaderError();
-            }
-        };
-        Cropit.prototype.onFileReaderLoaded = function(e) {
-            this.reset();
-            return this.loadImage(e.target.result);
-        };
-        Cropit.prototype.onFileReaderError = function() {
-            var _base;
-            return typeof (_base = this.options).onFileReaderError === "function" ? _base.onFileReaderError() : void 0;
-        };
-        Cropit.prototype.onDragOver = function(e) {
-            e.preventDefault();
-            e.dataTransfer.dropEffect = "copy";
-            return this.$preview.toggleClass("cropit-drag-hovered", e.type === "dragover");
-        };
-        Cropit.prototype.onDrop = function(e) {
-            var files;
-            e.preventDefault();
-            e.stopPropagation();
-            files = Array.prototype.slice.call(e.dataTransfer.files, 0);
-            files.some(function(_this) {
-                return function(file) {
-                    if (file.type.match("image")) {
-                        _this.loadFileReader(file);
-                        return true;
-                    }
-                };
-            }(this));
-            return this.$preview.removeClass("cropit-drag-hovered");
-        };
-        Cropit.prototype.loadImage = function(imageSrc) {
-            var _base;
-            this.imageSrc = imageSrc;
-            if (!this.imageSrc) {
-                return;
-            }
-            if (typeof (_base = this.options).onImageLoading === "function") {
-                _base.onImageLoading();
-            }
-            this.setImageLoadingClass();
-            this.image.onload = this.onImageLoaded.bind(this);
-            this.image.onerror = this.onImageError.bind(this);
-            return this.image.src = this.imageSrc;
-        };
-        Cropit.prototype.onImageLoaded = function() {
-            var _base;
-            this.setImageLoadedClass();
-            this.setOffset(this.offset);
-            this.$preview.css("background-image", "url(" + this.imageSrc + ")");
-            if (this.options.imageBackground) {
-                this.$imageBg.attr("src", this.imageSrc);
-            }
-            this.imageSize = {
-                w: this.image.width,
-                h: this.image.height
-            };
-            this.setupZoomer();
-            this.imageLoaded = true;
-            return typeof (_base = this.options).onImageLoaded === "function" ? _base.onImageLoaded() : void 0;
-        };
-        Cropit.prototype.onImageError = function() {
-            var _base;
-            return typeof (_base = this.options).onImageError === "function" ? _base.onImageError() : void 0;
-        };
-        Cropit.prototype.setImageLoadingClass = function() {
-            return this.$preview.removeClass("cropit-image-loaded").addClass("cropit-image-loading");
-        };
-        Cropit.prototype.setImageLoadedClass = function() {
-            return this.$preview.removeClass("cropit-image-loading").addClass("cropit-image-loaded");
-        };
-        Cropit.prototype.getEventPosition = function(e) {
-            var _ref, _ref1, _ref2, _ref3;
-            if ((_ref = e.originalEvent) != null ? (_ref1 = _ref.touches) != null ? _ref1[0] : void 0 : void 0) {
-                e = (_ref2 = e.originalEvent) != null ? (_ref3 = _ref2.touches) != null ? _ref3[0] : void 0 : void 0;
-            }
-            if (e.clientX && e.clientY) {
-                return {
-                    x: e.clientX,
-                    y: e.clientY
-                };
-            }
-        };
-        Cropit.prototype.onPreviewEvent = function(e) {
-            if (!this.imageLoaded) {
-                return;
-            }
-            this.moveContinue = false;
-            this.$preview.off(Cropit.PREVIEW_MOVE_EVENTS);
-            if (e.type === "mousedown" || e.type === "touchstart") {
-                this.origin = this.getEventPosition(e);
-                this.moveContinue = true;
-                this.$preview.on(Cropit.PREVIEW_MOVE_EVENTS, this.onMove.bind(this));
-            } else {
-                $(document.body).focus();
-            }
-            e.stopPropagation();
-            return false;
-        };
-        Cropit.prototype.onMove = function(e) {
-            var eventPosition;
-            eventPosition = this.getEventPosition(e);
-            if (this.moveContinue && eventPosition) {
-                this.setOffset({
-                    x: this.offset.x + eventPosition.x - this.origin.x,
-                    y: this.offset.y + eventPosition.y - this.origin.y
-                });
-            }
-            this.origin = eventPosition;
-            e.stopPropagation();
-            return false;
-        };
-        Cropit.prototype.setOffset = function(position) {
-            this.offset = this.fixOffset(position);
-            this.$preview.css("background-position", "" + this.offset.x + "px " + this.offset.y + "px");
-            if (this.options.imageBackground) {
-                return this.$imageBg.css({
-                    left: this.offset.x + this.imageBgBorderWidthArray[3],
-                    top: this.offset.y + this.imageBgBorderWidthArray[0]
-                });
-            }
-        };
-        Cropit.prototype.fixOffset = function(offset) {
-            var ret;
-            if (!this.imageLoaded) {
-                return offset;
-            }
-            ret = {
-                x: offset.x,
-                y: offset.y
-            };
-            if (!this.options.freeMove) {
-                if (this.imageSize.w * this.zoom >= this.previewSize.w) {
-                    ret.x = Math.min(0, Math.max(ret.x, this.previewSize.w - this.imageSize.w * this.zoom));
-                } else {
-                    ret.x = Math.max(0, Math.min(ret.x, this.previewSize.w - this.imageSize.w * this.zoom));
-                }
-                if (this.imageSize.h * this.zoom >= this.previewSize.h) {
-                    ret.y = Math.min(0, Math.max(ret.y, this.previewSize.h - this.imageSize.h * this.zoom));
-                } else {
-                    ret.y = Math.max(0, Math.min(ret.y, this.previewSize.h - this.imageSize.h * this.zoom));
-                }
-            }
-            ret.x = this.round(ret.x);
-            ret.y = this.round(ret.y);
-            return ret;
-        };
-        Cropit.prototype.onZoomSliderChange = function() {
-            var newZoom;
-            if (!this.imageLoaded) {
-                return;
-            }
-            this.zoomSliderPos = Number(this.$zoomSlider.val());
-            newZoom = this.zoomer.getZoom(this.zoomSliderPos);
-            return this.setZoom(newZoom);
-        };
-        Cropit.prototype.enableZoomSlider = function() {
-            var _base;
-            this.$zoomSlider.removeAttr("disabled");
-            return typeof (_base = this.options).onZoomEnabled === "function" ? _base.onZoomEnabled() : void 0;
-        };
-        Cropit.prototype.disableZoomSlider = function() {
-            var _base;
-            this.$zoomSlider.attr("disabled", true);
-            return typeof (_base = this.options).onZoomDisabled === "function" ? _base.onZoomDisabled() : void 0;
-        };
-        Cropit.prototype.setupZoomer = function() {
-            this.zoomer.setup(this.imageSize, this.previewSize, this.options.exportZoom, this.options);
-            this.zoom = this.fixZoom(this.zoom);
-            this.setZoom(this.zoom);
-            if (this.isZoomable()) {
-                return this.enableZoomSlider();
-            } else {
-                return this.disableZoomSlider();
-            }
-        };
-        Cropit.prototype.setZoom = function(newZoom) {
-            var newX, newY, oldZoom, updatedHeight, updatedWidth;
-            newZoom = this.fixZoom(newZoom);
-            updatedWidth = this.round(this.imageSize.w * newZoom);
-            updatedHeight = this.round(this.imageSize.h * newZoom);
-            oldZoom = this.zoom;
-            newX = this.previewSize.w / 2 - (this.previewSize.w / 2 - this.offset.x) * newZoom / oldZoom;
-            newY = this.previewSize.h / 2 - (this.previewSize.h / 2 - this.offset.y) * newZoom / oldZoom;
-            this.zoom = newZoom;
-            this.setOffset({
-                x: newX,
-                y: newY
-            });
-            this.zoomSliderPos = this.zoomer.getSliderPos(this.zoom);
-            this.$zoomSlider.val(this.zoomSliderPos);
-            this.$preview.css("background-size", "" + updatedWidth + "px " + updatedHeight + "px");
-            if (this.options.imageBackground) {
-                return this.$imageBg.css({
-                    width: updatedWidth,
-                    height: updatedHeight
-                });
-            }
-        };
-        Cropit.prototype.fixZoom = function(zoom) {
-            return this.zoomer.fixZoom(zoom);
-        };
-        Cropit.prototype.isZoomable = function() {
-            return this.zoomer.isZoomable();
-        };
-        Cropit.prototype.getCroppedImageData = function(exportOptions) {
-            var canvas, canvasContext, croppedSize, exportDefaults, exportZoom;
-            if (!this.imageSrc) {
-                return null;
-            }
-            exportDefaults = {
-                type: "image/png",
-                quality: .75,
-                originalSize: false,
-                fillBg: "#fff"
-            };
-            exportOptions = $.extend({}, exportDefaults, exportOptions);
-            croppedSize = {
-                w: this.previewSize.w,
-                h: this.previewSize.h
-            };
-            exportZoom = exportOptions.originalSize ? 1 / this.zoom : this.options.exportZoom;
-            canvas = $("<canvas />").attr({
-                width: croppedSize.w * exportZoom,
-                height: croppedSize.h * exportZoom
-            }).get(0);
-            canvasContext = canvas.getContext("2d");
-            if (exportOptions.type === "image/jpeg") {
-                canvasContext.fillStyle = exportOptions.fillBg;
-                canvasContext.fillRect(0, 0, canvas.width, canvas.height);
-            }
-            canvasContext.drawImage(this.image, this.offset.x * exportZoom, this.offset.y * exportZoom, this.zoom * exportZoom * this.imageSize.w, this.zoom * exportZoom * this.imageSize.h);
-            return canvas.toDataURL(exportOptions.type, exportOptions.quality);
-        };
-        Cropit.prototype.getImageState = function() {
-            return {
-                src: this.imageSrc,
-                offset: this.offset,
-                zoom: this.zoom
-            };
-        };
-        Cropit.prototype.getImageSrc = function() {
-            return this.imageSrc;
-        };
-        Cropit.prototype.getOffset = function() {
-            return this.offset;
-        };
-        Cropit.prototype.getZoom = function() {
-            return this.zoom;
-        };
-        Cropit.prototype.getImageSize = function() {
-            if (!this.imageSize) {
-                return null;
-            }
-            return {
-                width: this.imageSize.w,
-                height: this.imageSize.h
-            };
-        };
-        Cropit.prototype.getPreviewSize = function() {
-            return {
-                width: this.previewSize.w,
-                height: this.previewSize.h
-            };
-        };
-        Cropit.prototype.setPreviewSize = function(size) {
-            if (!((size != null ? size.width : void 0) > 0 && (size != null ? size.height : void 0) > 0)) {
-                return;
-            }
-            this.previewSize = {
-                w: size.width,
-                h: size.height
-            };
-            this.$preview.css({
-                width: this.previewSize.w,
-                height: this.previewSize.h
-            });
-            if (this.options.imageBackground) {
-                this.$imageBgContainer.css({
-                    width: this.previewSize.w + this.imageBgBorderWidthArray[1] + this.imageBgBorderWidthArray[3],
-                    height: this.previewSize.h + this.imageBgBorderWidthArray[0] + this.imageBgBorderWidthArray[2]
-                });
-            }
-            if (this.imageLoaded) {
-                return this.setupZoomer();
-            }
-        };
-        Cropit.prototype.disable = function() {
-            this.unbindListeners();
-            this.disableZoomSlider();
-            return this.$el.addClass("cropit-disabled");
-        };
-        Cropit.prototype.reenable = function() {
-            this.bindListeners();
-            this.enableZoomSlider();
-            return this.$el.removeClass("cropit-disabled");
-        };
-        Cropit.prototype.round = function(x) {
-            return +(Math.round(x * 100) + "e-2");
-        };
-        Cropit.prototype.$ = function(selector) {
-            if (!this.$el) {
-                return null;
-            }
-            return this.$el.find(selector);
-        };
-        return Cropit;
-    }();
-    var dataKey, methods;
-    dataKey = "cropit";
-    methods = {
-        init: function(options) {
-            return this.each(function() {
-                var cropit;
-                if (!$.data(this, dataKey)) {
-                    cropit = new Cropit(this, options);
-                    return $.data(this, dataKey, cropit);
-                }
-            });
-        },
-        destroy: function() {
-            return this.each(function() {
-                return $.removeData(this, dataKey);
-            });
-        },
-        isZoomable: function() {
-            var cropit;
-            cropit = this.first().data(dataKey);
-            return cropit != null ? cropit.isZoomable() : void 0;
-        },
-        "export": function(options) {
-            var cropit;
-            cropit = this.first().data(dataKey);
-            return cropit != null ? cropit.getCroppedImageData(options) : void 0;
-        },
-        imageState: function() {
-            var cropit;
-            cropit = this.first().data(dataKey);
-            return cropit != null ? cropit.getImageState() : void 0;
-        },
-        imageSrc: function(newImageSrc) {
-            var cropit;
-            if (newImageSrc != null) {
-                return this.each(function() {
-                    var cropit;
-                    cropit = $.data(this, dataKey);
-                    if (cropit != null) {
-                        cropit.reset();
-                    }
-                    return cropit != null ? cropit.loadImage(newImageSrc) : void 0;
-                });
-            } else {
-                cropit = this.first().data(dataKey);
-                return cropit != null ? cropit.getImageSrc() : void 0;
-            }
-        },
-        offset: function(newOffset) {
-            var cropit;
-            if (newOffset != null && newOffset.x != null && newOffset.y != null) {
-                return this.each(function() {
-                    var cropit;
-                    cropit = $.data(this, dataKey);
-                    return cropit != null ? cropit.setOffset(newOffset) : void 0;
-                });
-            } else {
-                cropit = this.first().data(dataKey);
-                return cropit != null ? cropit.getOffset() : void 0;
-            }
-        },
-        zoom: function(newZoom) {
-            var cropit;
-            if (newZoom != null) {
-                return this.each(function() {
-                    var cropit;
-                    cropit = $.data(this, dataKey);
-                    return cropit != null ? cropit.setZoom(newZoom) : void 0;
-                });
-            } else {
-                cropit = this.first().data(dataKey);
-                return cropit != null ? cropit.getZoom() : void 0;
-            }
-        },
-        imageSize: function() {
-            var cropit;
-            cropit = this.first().data(dataKey);
-            return cropit != null ? cropit.getImageSize() : void 0;
-        },
-        previewSize: function(newSize) {
-            var cropit;
-            if (newSize != null) {
-                return this.each(function() {
-                    var cropit;
-                    cropit = $.data(this, dataKey);
-                    return cropit != null ? cropit.setPreviewSize(newSize) : void 0;
-                });
-            } else {
-                cropit = this.first().data(dataKey);
-                return cropit != null ? cropit.getPreviewSize() : void 0;
-            }
-        },
-        disable: function() {
-            return this.each(function() {
-                var cropit;
-                cropit = $.data(this, dataKey);
-                return cropit.disable();
-            });
-        },
-        reenable: function() {
-            return this.each(function() {
-                var cropit;
-                cropit = $.data(this, dataKey);
-                return cropit.reenable();
-            });
-        }
-    };
-    $.fn.cropit = function(method) {
-        if (methods[method]) {
-            return methods[method].apply(this, [].slice.call(arguments, 1));
-        } else {
-            return methods.init.apply(this, arguments);
-        }
-    };
-})(window.jQuery);

data/vendor/assets/javascripts/jquery.cropit.min.js

@@ -1,10 +0,0 @@
-/*
- *  cropit - v0.2.0
- *  Customizable crop and zoom.
- *  https://github.com/scottcheng/cropit
- *
- *  Made by Scott Cheng
- *  Based on https://github.com/yufeiliu/simple_image_uploader
- *  Under MIT License
- */
-!function(a){var b;b=function(){function a(){}return a.prototype.setup=function(a,b,c,d){var e,f;return null==c&&(c=1),f=b.w/a.w,e=b.h/a.h,this.minZoom="fit"===(null!=d?d.minZoom:void 0)?e>f?f:e:e>f?e:f,this.maxZoom=this.minZoom<1/c?1/c:this.minZoom},a.prototype.getZoom=function(a){return this.minZoom&&this.maxZoom?a*(this.maxZoom-this.minZoom)+this.minZoom:null},a.prototype.getSliderPos=function(a){return this.minZoom&&this.maxZoom?this.minZoom===this.maxZoom?0:(a-this.minZoom)/(this.maxZoom-this.minZoom):null},a.prototype.isZoomable=function(){return this.minZoom&&this.maxZoom?this.minZoom!==this.maxZoom:null},a.prototype.fixZoom=function(a){return a<this.minZoom?this.minZoom:a>this.maxZoom?this.maxZoom:a},a}();var c;c=function(){function c(b,d){var e;this.element=b,this.$el=a(this.element),e={$fileInput:this.$("input.cropit-image-input"),$preview:this.$(".cropit-image-preview"),$zoomSlider:this.$("input.cropit-image-zoom-input"),$previewContainer:this.$(".cropit-image-preview-container")},this.options=a.extend({},c._DEFAULTS,e,d),this.init()}return c._DEFAULTS={exportZoom:1,imageBackground:!1,imageBackgroundBorderWidth:0,imageState:null,allowCrossOrigin:!1,allowDragNDrop:!0,freeMove:!1,minZoom:"fill"},c.PREVIEW_EVENTS=function(){return["mousedown","mouseup","mouseleave","touchstart","touchend","touchcancel","touchleave"].map(function(a){return""+a+".cropit"}).join(" ")}(),c.PREVIEW_MOVE_EVENTS="mousemove.cropit touchmove.cropit",c.ZOOM_INPUT_EVENTS=function(){return["mousemove","touchmove","change"].map(function(a){return""+a+".cropit"}).join(" ")}(),c.prototype.init=function(){var c,d,e,f;return this.image=new Image,this.options.allowCrossOrigin&&(this.image.crossOrigin="Anonymous"),this.$fileInput=this.options.$fileInput.attr({accept:"image/*"}),this.$preview=this.options.$preview.css({backgroundRepeat:"no-repeat"}),this.$zoomSlider=this.options.$zoomSlider.attr({min:0,max:1,step:.01}),this.previewSize={w:this.options.width||this.$preview.width(),h:this.options.height||this.$preview.height()},this.options.width&&this.$preview.width(this.previewSize.w),this.options.height&&this.$preview.height(this.previewSize.h),this.options.imageBackground&&(a.isArray(this.options.imageBackgroundBorderWidth)?this.imageBgBorderWidthArray=this.options.imageBackgroundBorderWidth:(this.imageBgBorderWidthArray=[],[0,1,2,3].forEach(function(a){return function(b){return a.imageBgBorderWidthArray[b]=a.options.imageBackgroundBorderWidth}}(this))),c=this.options.$previewContainer,this.$imageBg=a("<img />").addClass("cropit-image-background").attr("alt","").css("position","absolute"),this.$imageBgContainer=a("<div />").addClass("cropit-image-background-container").css({position:"absolute",zIndex:0,left:-this.imageBgBorderWidthArray[3]+window.parseInt(this.$preview.css("border-left-width")),top:-this.imageBgBorderWidthArray[0]+window.parseInt(this.$preview.css("border-top-width")),width:this.previewSize.w+this.imageBgBorderWidthArray[1]+this.imageBgBorderWidthArray[3],height:this.previewSize.h+this.imageBgBorderWidthArray[0]+this.imageBgBorderWidthArray[2]}).append(this.$imageBg),this.imageBgBorderWidthArray[0]>0&&this.$imageBgContainer.css({overflow:"hidden"}),c.css("position","relative").prepend(this.$imageBgContainer),this.$preview.css("position","relative"),this.$preview.hover(function(a){return function(){return a.$imageBg.addClass("cropit-preview-hovered")}}(this),function(a){return function(){return a.$imageBg.removeClass("cropit-preview-hovered")}}(this))),this.initialOffset={x:0,y:0},this.initialZoom=0,this.initialZoomSliderPos=0,this.imageLoaded=!1,this.moveContinue=!1,this.zoomer=new b,this.options.allowDragNDrop&&jQuery.event.props.push("dataTransfer"),this.bindListeners(),this.$zoomSlider.val(this.initialZoomSliderPos),this.setOffset((null!=(d=this.options.imageState)?d.offset:void 0)||this.initialOffset),this.zoom=(null!=(e=this.options.imageState)?e.zoom:void 0)||this.initialZoom,this.loadImage((null!=(f=this.options.imageState)?f.src:void 0)||null)},c.prototype.bindListeners=function(){return this.$fileInput.on("change.cropit",this.onFileChange.bind(this)),this.$preview.on(c.PREVIEW_EVENTS,this.onPreviewEvent.bind(this)),this.$zoomSlider.on(c.ZOOM_INPUT_EVENTS,this.onZoomSliderChange.bind(this)),this.options.allowDragNDrop?(this.$preview.on("dragover.cropit dragleave.cropit",this.onDragOver.bind(this)),this.$preview.on("drop.cropit",this.onDrop.bind(this))):void 0},c.prototype.unbindListeners=function(){return this.$fileInput.off("change.cropit"),this.$preview.off(c.PREVIEW_EVENTS),this.$preview.off("dragover.cropit dragleave.cropit drop.cropit"),this.$zoomSlider.off(c.ZOOM_INPUT_EVENTS)},c.prototype.reset=function(){return this.zoom=this.initialZoom,this.offset=this.initialOffset},c.prototype.onFileChange=function(){var a;return"function"==typeof(a=this.options).onFileChange&&a.onFileChange(),this.loadFileReader(this.$fileInput.get(0).files[0])},c.prototype.loadFileReader=function(a){var b;return b=new FileReader,(null!=a?a.type.match("image"):void 0)?(this.setImageLoadingClass(),b.readAsDataURL(a),b.onload=this.onFileReaderLoaded.bind(this),b.onerror=this.onFileReaderError.bind(this)):null!=a?this.onFileReaderError():void 0},c.prototype.onFileReaderLoaded=function(a){return this.reset(),this.loadImage(a.target.result)},c.prototype.onFileReaderError=function(){var a;return"function"==typeof(a=this.options).onFileReaderError?a.onFileReaderError():void 0},c.prototype.onDragOver=function(a){return a.preventDefault(),a.dataTransfer.dropEffect="copy",this.$preview.toggleClass("cropit-drag-hovered","dragover"===a.type)},c.prototype.onDrop=function(a){var b;return a.preventDefault(),a.stopPropagation(),b=Array.prototype.slice.call(a.dataTransfer.files,0),b.some(function(a){return function(b){return b.type.match("image")?(a.loadFileReader(b),!0):void 0}}(this)),this.$preview.removeClass("cropit-drag-hovered")},c.prototype.loadImage=function(a){var b;return this.imageSrc=a,this.imageSrc?("function"==typeof(b=this.options).onImageLoading&&b.onImageLoading(),this.setImageLoadingClass(),this.image.onload=this.onImageLoaded.bind(this),this.image.onerror=this.onImageError.bind(this),this.image.src=this.imageSrc):void 0},c.prototype.onImageLoaded=function(){var a;return this.setImageLoadedClass(),this.setOffset(this.offset),this.$preview.css("background-image","url("+this.imageSrc+")"),this.options.imageBackground&&this.$imageBg.attr("src",this.imageSrc),this.imageSize={w:this.image.width,h:this.image.height},this.setupZoomer(),this.imageLoaded=!0,"function"==typeof(a=this.options).onImageLoaded?a.onImageLoaded():void 0},c.prototype.onImageError=function(){var a;return"function"==typeof(a=this.options).onImageError?a.onImageError():void 0},c.prototype.setImageLoadingClass=function(){return this.$preview.removeClass("cropit-image-loaded").addClass("cropit-image-loading")},c.prototype.setImageLoadedClass=function(){return this.$preview.removeClass("cropit-image-loading").addClass("cropit-image-loaded")},c.prototype.getEventPosition=function(a){var b,c,d,e;return(null!=(b=a.originalEvent)&&null!=(c=b.touches)?c[0]:void 0)&&(a=null!=(d=a.originalEvent)&&null!=(e=d.touches)?e[0]:void 0),a.clientX&&a.clientY?{x:a.clientX,y:a.clientY}:void 0},c.prototype.onPreviewEvent=function(b){return this.imageLoaded?(this.moveContinue=!1,this.$preview.off(c.PREVIEW_MOVE_EVENTS),"mousedown"===b.type||"touchstart"===b.type?(this.origin=this.getEventPosition(b),this.moveContinue=!0,this.$preview.on(c.PREVIEW_MOVE_EVENTS,this.onMove.bind(this))):a(document.body).focus(),b.stopPropagation(),!1):void 0},c.prototype.onMove=function(a){var b;return b=this.getEventPosition(a),this.moveContinue&&b&&this.setOffset({x:this.offset.x+b.x-this.origin.x,y:this.offset.y+b.y-this.origin.y}),this.origin=b,a.stopPropagation(),!1},c.prototype.setOffset=function(a){return this.offset=this.fixOffset(a),this.$preview.css("background-position",""+this.offset.x+"px "+this.offset.y+"px"),this.options.imageBackground?this.$imageBg.css({left:this.offset.x+this.imageBgBorderWidthArray[3],top:this.offset.y+this.imageBgBorderWidthArray[0]}):void 0},c.prototype.fixOffset=function(a){var b;return this.imageLoaded?(b={x:a.x,y:a.y},this.options.freeMove||(b.x=this.imageSize.w*this.zoom>=this.previewSize.w?Math.min(0,Math.max(b.x,this.previewSize.w-this.imageSize.w*this.zoom)):Math.max(0,Math.min(b.x,this.previewSize.w-this.imageSize.w*this.zoom)),b.y=this.imageSize.h*this.zoom>=this.previewSize.h?Math.min(0,Math.max(b.y,this.previewSize.h-this.imageSize.h*this.zoom)):Math.max(0,Math.min(b.y,this.previewSize.h-this.imageSize.h*this.zoom))),b.x=this.round(b.x),b.y=this.round(b.y),b):a},c.prototype.onZoomSliderChange=function(){var a;if(this.imageLoaded)return this.zoomSliderPos=Number(this.$zoomSlider.val()),a=this.zoomer.getZoom(this.zoomSliderPos),this.setZoom(a)},c.prototype.enableZoomSlider=function(){var a;return this.$zoomSlider.removeAttr("disabled"),"function"==typeof(a=this.options).onZoomEnabled?a.onZoomEnabled():void 0},c.prototype.disableZoomSlider=function(){var a;return this.$zoomSlider.attr("disabled",!0),"function"==typeof(a=this.options).onZoomDisabled?a.onZoomDisabled():void 0},c.prototype.setupZoomer=function(){return this.zoomer.setup(this.imageSize,this.previewSize,this.options.exportZoom,this.options),this.zoom=this.fixZoom(this.zoom),this.setZoom(this.zoom),this.isZoomable()?this.enableZoomSlider():this.disableZoomSlider()},c.prototype.setZoom=function(a){var b,c,d,e,f;return a=this.fixZoom(a),f=this.round(this.imageSize.w*a),e=this.round(this.imageSize.h*a),d=this.zoom,b=this.previewSize.w/2-(this.previewSize.w/2-this.offset.x)*a/d,c=this.previewSize.h/2-(this.previewSize.h/2-this.offset.y)*a/d,this.zoom=a,this.setOffset({x:b,y:c}),this.zoomSliderPos=this.zoomer.getSliderPos(this.zoom),this.$zoomSlider.val(this.zoomSliderPos),this.$preview.css("background-size",""+f+"px "+e+"px"),this.options.imageBackground?this.$imageBg.css({width:f,height:e}):void 0},c.prototype.fixZoom=function(a){return this.zoomer.fixZoom(a)},c.prototype.isZoomable=function(){return this.zoomer.isZoomable()},c.prototype.getCroppedImageData=function(b){var c,d,e,f,g;return this.imageSrc?(f={type:"image/png",quality:.75,originalSize:!1,fillBg:"#fff"},b=a.extend({},f,b),e={w:this.previewSize.w,h:this.previewSize.h},g=b.originalSize?1/this.zoom:this.options.exportZoom,c=a("<canvas />").attr({width:e.w*g,height:e.h*g}).get(0),d=c.getContext("2d"),"image/jpeg"===b.type&&(d.fillStyle=b.fillBg,d.fillRect(0,0,c.width,c.height)),d.drawImage(this.image,this.offset.x*g,this.offset.y*g,this.zoom*g*this.imageSize.w,this.zoom*g*this.imageSize.h),c.toDataURL(b.type,b.quality)):null},c.prototype.getImageState=function(){return{src:this.imageSrc,offset:this.offset,zoom:this.zoom}},c.prototype.getImageSrc=function(){return this.imageSrc},c.prototype.getOffset=function(){return this.offset},c.prototype.getZoom=function(){return this.zoom},c.prototype.getImageSize=function(){return this.imageSize?{width:this.imageSize.w,height:this.imageSize.h}:null},c.prototype.getPreviewSize=function(){return{width:this.previewSize.w,height:this.previewSize.h}},c.prototype.setPreviewSize=function(a){return(null!=a?a.width:void 0)>0&&(null!=a?a.height:void 0)>0?(this.previewSize={w:a.width,h:a.height},this.$preview.css({width:this.previewSize.w,height:this.previewSize.h}),this.options.imageBackground&&this.$imageBgContainer.css({width:this.previewSize.w+this.imageBgBorderWidthArray[1]+this.imageBgBorderWidthArray[3],height:this.previewSize.h+this.imageBgBorderWidthArray[0]+this.imageBgBorderWidthArray[2]}),this.imageLoaded?this.setupZoomer():void 0):void 0},c.prototype.disable=function(){return this.unbindListeners(),this.disableZoomSlider(),this.$el.addClass("cropit-disabled")},c.prototype.reenable=function(){return this.bindListeners(),this.enableZoomSlider(),this.$el.removeClass("cropit-disabled")},c.prototype.round=function(a){return+(Math.round(100*a)+"e-2")},c.prototype.$=function(a){return this.$el?this.$el.find(a):null},c}();var d,e;d="cropit",e={init:function(b){return this.each(function(){var e;return a.data(this,d)?void 0:(e=new c(this,b),a.data(this,d,e))})},destroy:function(){return this.each(function(){return a.removeData(this,d)})},isZoomable:function(){var a;return a=this.first().data(d),null!=a?a.isZoomable():void 0},"export":function(a){var b;return b=this.first().data(d),null!=b?b.getCroppedImageData(a):void 0},imageState:function(){var a;return a=this.first().data(d),null!=a?a.getImageState():void 0},imageSrc:function(b){var c;return null!=b?this.each(function(){var c;return c=a.data(this,d),null!=c&&c.reset(),null!=c?c.loadImage(b):void 0}):(c=this.first().data(d),null!=c?c.getImageSrc():void 0)},offset:function(b){var c;return null!=b&&null!=b.x&&null!=b.y?this.each(function(){var c;return c=a.data(this,d),null!=c?c.setOffset(b):void 0}):(c=this.first().data(d),null!=c?c.getOffset():void 0)},zoom:function(b){var c;return null!=b?this.each(function(){var c;return c=a.data(this,d),null!=c?c.setZoom(b):void 0}):(c=this.first().data(d),null!=c?c.getZoom():void 0)},imageSize:function(){var a;return a=this.first().data(d),null!=a?a.getImageSize():void 0},previewSize:function(b){var c;return null!=b?this.each(function(){var c;return c=a.data(this,d),null!=c?c.setPreviewSize(b):void 0}):(c=this.first().data(d),null!=c?c.getPreviewSize():void 0)},disable:function(){return this.each(function(){var b;return b=a.data(this,d),b.disable()})},reenable:function(){return this.each(function(){var b;return b=a.data(this,d),b.reenable()})}},a.fn.cropit=function(a){return e[a]?e[a].apply(this,[].slice.call(arguments,1)):e.init.apply(this,arguments)}}(window.jQuery);