text: /**!
   * AngularJS file upload directives and services. Supoorts: file upload/drop/paste, resume, cancel/abort,
   * progress, resize, thumbnail, preview, validation and CORS
   * @author  Danial  <danial.farid@gmail.com>
   * @version 11.0.1
   */
  
  if (window.XMLHttpRequest && !(window.FileAPI && FileAPI.shouldLoad)) {
    window.XMLHttpRequest.prototype.setRequestHeader = (function (orig) {
      return function (header, value) {
        if (header === '__setXHR_') {
          var val = value(this);
          // fix for angular < 1.2.0
          if (val instanceof Function) {
            val(this);
          }
        } else {
          orig.apply(this, arguments);
        }
      };
    })(window.XMLHttpRequest.prototype.setRequestHeader);
  }
  
  var ngFileUpload = angular.module('ngFileUpload', []);
  
  ngFileUpload.version = '11.0.1';
  
  ngFileUpload.service('UploadBase', ['$http', '$q', '$timeout', function ($http, $q, $timeout) {
    var upload = this;
  
    this.isResumeSupported = function () {
      return window.Blob && (window.Blob instanceof Function) && new window.Blob().slice;
    };
  
    var resumeSupported = this.isResumeSupported();
  
    function sendHttp(config) {
      config.method = config.method || 'POST';
      config.headers = config.headers || {};
  
      var deferred = config._deferred = config._deferred || $q.defer();
      var promise = deferred.promise;
  
      function notifyProgress(e) {
        if (deferred.notify) {
          deferred.notify(e);
        }
        if (promise.progressFunc) {
          $timeout(function () {
            promise.progressFunc(e);
          });
        }
      }
  
      function getNotifyEvent(n) {
        if (config._start != null && resumeSupported) {
          return {
            loaded: n.loaded + config._start, total: config._file.size, type: n.type, config: config,
            lengthComputable: true, target: n.target
          };
        } else {
          return n;
        }
      }
  
      if (!config.disableProgress) {
        config.headers.__setXHR_ = function () {
          return function (xhr) {
            if (!xhr || !(xhr instanceof XMLHttpRequest)) return;
            config.__XHR = xhr;
            if (config.xhrFn) config.xhrFn(xhr);
            xhr.upload.addEventListener('progress', function (e) {
              e.config = config;
              notifyProgress(getNotifyEvent(e));
            }, false);
            //fix for firefox not firing upload progress end, also IE8-9
            xhr.upload.addEventListener('load', function (e) {
              if (e.lengthComputable) {
                e.config = config;
                notifyProgress(getNotifyEvent(e));
              }
            }, false);
          };
        };
      }
  
      function uploadWithAngular() {
        $http(config).then(function (r) {
          if (resumeSupported && config._chunkSize && !config._finished) {
            notifyProgress({loaded: config._end, total: config._file.size, config: config, type: 'progress'});
            upload.upload(config, true);
          } else {
            if (config._finished) delete config._finished;
            deferred.resolve(r);
          }
        }, function (e) {
          deferred.reject(e);
        }, function (n) {
          deferred.notify(n);
        });
      }
  
      if (!resumeSupported) {
        uploadWithAngular();
      } else if (config._chunkSize && config._end && !config._finished) {
        config._start = config._end;
        config._end += config._chunkSize;
        uploadWithAngular();
      } else if (config.resumeSizeUrl) {
        $http.get(config.resumeSizeUrl).then(function (resp) {
          if (config.resumeSizeResponseReader) {
            config._start = config.resumeSizeResponseReader(resp.data);
          } else {
            config._start = parseInt((resp.data.size == null ? resp.data : resp.data.size).toString());
          }
          if (config._chunkSize) {
            config._end = config._start + config._chunkSize;
          }
          uploadWithAngular();
        }, function (e) {
          throw e;
        });
      } else if (config.resumeSize) {
        config.resumeSize().then(function (size) {
          config._start = size;
          uploadWithAngular();
        }, function (e) {
          throw e;
        });
      } else {
        uploadWithAngular();
      }
  
  
      promise.success = function (fn) {
        promise.then(function (response) {
          fn(response.data, response.status, response.headers, config);
        });
        return promise;
      };
  
      promise.error = function (fn) {
        promise.then(null, function (response) {
          fn(response.data, response.status, response.headers, config);
        });
        return promise;
      };
  
      promise.progress = function (fn) {
        promise.progressFunc = fn;
        promise.then(null, null, function (n) {
          fn(n);
        });
        return promise;
      };
      promise.abort = promise.pause = function () {
        if (config.__XHR) {
          $timeout(function () {
            config.__XHR.abort();
          });
        }
        return promise;
      };
      promise.xhr = function (fn) {
        config.xhrFn = (function (origXhrFn) {
          return function () {
            if (origXhrFn) origXhrFn.apply(promise, arguments);
            fn.apply(promise, arguments);
          };
        })(config.xhrFn);
        return promise;
      };
  
      return promise;
    }
  
    this.rename = function (file, name) {
      file.ngfName = name;
      return file;
    };
  
    this.jsonBlob = function (val) {
      if (val != null && !angular.isString(val)) {
        val = JSON.stringify(val);
      }
      var blob = new window.Blob([val], {type: 'application/json'});
      blob._ngfBlob = true;
      return blob;
    };
  
    this.json = function (val) {
      return angular.toJson(val);
    };
  
    function copy(obj) {
      var clone = {};
      for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
          clone[key] = obj[key];
        }
      }
      return clone;
    }
  
    this.upload = function (config, internal) {
      function isFile(file) {
        return file != null && (file instanceof window.Blob || (file.flashId && file.name && file.size));
      }
  
      function toResumeFile(file, formData) {
        if (file._ngfBlob) return file;
        config._file = config._file || file;
        if (config._start != null && resumeSupported) {
          if (config._end && config._end >= file.size) {
            config._finished = true;
            config._end = file.size;
          }
          var slice = file.slice(config._start, config._end || file.size);
          slice.name = file.name;
          slice.ngfName = file.ngfName;
          if (config._chunkSize) {
            formData.append('_chunkSize', config._chunkSize);
            formData.append('_currentChunkSize', config._end - config._start);
            formData.append('_chunkNumber', Math.floor(config._start / config._chunkSize));
            formData.append('_totalSize', config._file.size);
          }
          return slice;
        }
        return file;
      }
  
      function addFieldToFormData(formData, val, key) {
        if (val !== undefined) {
          if (angular.isDate(val)) {
            val = val.toISOString();
          }
          if (angular.isString(val)) {
            formData.append(key, val);
          } else if (isFile(val)) {
            var file = toResumeFile(val, formData);
            var split = key.split(',');
            if (split[1]) {
              file.ngfName = split[1].replace(/^\s+|\s+$/g, '');
              key = split[0];
            }
            config._fileKey = config._fileKey || key;
            formData.append(key, file, file.ngfName || file.name);
          } else {
            if (angular.isObject(val)) {
              if (val.$$ngfCircularDetection) throw 'ngFileUpload: Circular reference in config.data. Make sure specified data for Upload.upload() has no circular reference: ' + key;
  
              val.$$ngfCircularDetection = true;
              try {
                for (var k in val) {
                  if (val.hasOwnProperty(k) && k !== '$$ngfCircularDetection') {
                    var objectKey = config.objectKey == null ? '[i]' : config.objectKey;
                    if (val.length && parseInt(k) > -1) {
                      objectKey = config.arrayKey == null ? objectKey : config.arrayKey;
                    }
                    addFieldToFormData(formData, val[k], key + objectKey.replace(/[ik]/g, k));
                  }
                }
              } finally {
                delete val.$$ngfCircularDetection;
              }
            } else {
              formData.append(key, val);
            }
          }
        }
      }
  
      function digestConfig() {
        config._chunkSize = upload.translateScalars(config.resumeChunkSize);
        config._chunkSize = config._chunkSize ? parseInt(config._chunkSize.toString()) : null;
  
        config.headers = config.headers || {};
        config.headers['Content-Type'] = undefined;
        config.transformRequest = config.transformRequest ?
          (angular.isArray(config.transformRequest) ?
            config.transformRequest : [config.transformRequest]) : [];
        config.transformRequest.push(function (data) {
          var formData = new window.FormData(), key;
          data = data || config.fields || {};
          if (config.file) {
            data.file = config.file;
          }
          for (key in data) {
            if (data.hasOwnProperty(key)) {
              var val = data[key];
              if (config.formDataAppender) {
                config.formDataAppender(formData, key, val);
              } else {
                addFieldToFormData(formData, val, key);
              }
            }
          }
  
          return formData;
        });
      }
  
      if (!internal) config = copy(config);
      if (!config._isDigested) {
        config._isDigested = true;
        digestConfig();
      }
  
      return sendHttp(config);
    };
  
    this.http = function (config) {
      config = copy(config);
      config.transformRequest = config.transformRequest || function (data) {
          if ((window.ArrayBuffer && data instanceof window.ArrayBuffer) || data instanceof window.Blob) {
            return data;
          }
          return $http.defaults.transformRequest[0].apply(this, arguments);
        };
      config._chunkSize = upload.translateScalars(config.resumeChunkSize);
      config._chunkSize = config._chunkSize ? parseInt(config._chunkSize.toString()) : null;
  
      return sendHttp(config);
    };
  
    this.translateScalars = function (str) {
      if (angular.isString(str)) {
        if (str.search(/kb/i) === str.length - 2) {
          return parseFloat(str.substring(0, str.length - 2) * 1000);
        } else if (str.search(/mb/i) === str.length - 2) {
          return parseFloat(str.substring(0, str.length - 2) * 1000000);
        } else if (str.search(/gb/i) === str.length - 2) {
          return parseFloat(str.substring(0, str.length - 2) * 1000000000);
        } else if (str.search(/b/i) === str.length - 1) {
          return parseFloat(str.substring(0, str.length - 1));
        } else if (str.search(/s/i) === str.length - 1) {
          return parseFloat(str.substring(0, str.length - 1));
        } else if (str.search(/m/i) === str.length - 1) {
          return parseFloat(str.substring(0, str.length - 1) * 60);
        } else if (str.search(/h/i) === str.length - 1) {
          return parseFloat(str.substring(0, str.length - 1) * 3600);
        }
      }
      return str;
    };
  
    this.setDefaults = function (defaults) {
      this.defaults = defaults || {};
    };
  
    this.defaults = {};
    this.version = ngFileUpload.version;
  }
  
  ]);
  
  ngFileUpload.service('Upload', ['$parse', '$timeout', '$compile', '$q', 'UploadExif', function ($parse, $timeout, $compile, $q, UploadExif) {
    var upload = UploadExif;
    upload.getAttrWithDefaults = function (attr, name) {
      if (attr[name] != null) return attr[name];
      var def = upload.defaults[name];
      return (def == null ? def : (angular.isString(def) ? def : JSON.stringify(def)));
    };
  
    upload.attrGetter = function (name, attr, scope, params) {
      var attrVal = this.getAttrWithDefaults(attr, name);
      if (scope) {
        try {
          if (params) {
            return $parse(attrVal)(scope, params);
          } else {
            return $parse(attrVal)(scope);
          }
        } catch (e) {
          // hangle string value without single qoute
          if (name.search(/min|max|pattern/i)) {
            return attrVal;
          } else {
            throw e;
          }
        }
      } else {
        return attrVal;
      }
    };
  
    upload.shouldUpdateOn = function (type, attr, scope) {
      var modelOptions = upload.attrGetter('ngModelOptions', attr, scope);
      if (modelOptions && modelOptions.updateOn) {
        return modelOptions.updateOn.split(' ').indexOf(type) > -1;
      }
      return true;
    };
  
    upload.emptyPromise = function () {
      var d = $q.defer();
      var args = arguments;
      $timeout(function () {
        d.resolve.apply(d, args);
      });
      return d.promise;
    };
  
    upload.happyPromise = function (promise, data) {
      var d = $q.defer();
      promise.then(function (result) {
        d.resolve(result);
      }, function (error) {
        $timeout(function () {
          throw error;
        });
        d.resolve(data);
      });
      return d.promise;
    };
  
    function applyExifRotations(files, attr, scope) {
      var promises = [upload.emptyPromise()];
      angular.forEach(files, function (f, i) {
        if (f.type.indexOf('image/jpeg') === 0 && upload.attrGetter('ngfFixOrientation', attr, scope, {$file: f})) {
          promises.push(upload.happyPromise(upload.applyExifRotation(f), f).then(function (fixedFile) {
            files.splice(i, 1, fixedFile);
          }));
        }
      });
      return $q.all(promises);
    }
  
    function resize(files, attr, scope) {
      var param = upload.attrGetter('ngfResize', attr, scope);
      if (!param || !angular.isObject(param) || !upload.isResizeSupported() || !files.length) return upload.emptyPromise();
      var promises = [upload.emptyPromise()];
      angular.forEach(files, function (f, i) {
        if (f.type.indexOf('image') === 0) {
          if (param.pattern && !upload.validatePattern(f, param.pattern)) return;
          var promise = upload.resize(f, param.width, param.height, param.quality,
            param.type, param.ratio, param.centerCrop, function(width, height) {
              return upload.attrGetter('ngfResizeIf', attr, scope,
                {$width: width, $height: height, $file: f});
            });
          promises.push(promise);
          promise.then(function (resizedFile) {
            files.splice(i, 1, resizedFile);
          }, function (e) {
            f.$error = 'resize';
            f.$errorParam = (e ? (e.message ? e.message : e) + ': ' : '') + (f && f.name);
          });
        }
      });
      return $q.all(promises);
    }
  
    function handleKeep(files, prevFiles, attr, scope) {
      var dupFiles = [];
      var keep = upload.attrGetter('ngfKeep', attr, scope);
      if (keep) {
        var hasNew = false;
  
        if (keep === 'distinct' || upload.attrGetter('ngfKeepDistinct', attr, scope) === true) {
          var len = prevFiles.length;
          if (files) {
            for (var i = 0; i < files.length; i++) {
              for (var j = 0; j < len; j++) {
                if (files[i].name === prevFiles[j].name) {
                  dupFiles.push(files[i]);
                  break;
                }
              }
              if (j === len) {
                prevFiles.push(files[i]);
                hasNew = true;
              }
            }
          }
          files = prevFiles;
        } else {
          files = prevFiles.concat(files || []);
        }
      }
      return {files: files, dupFiles: dupFiles, keep: keep};
    }
  
    upload.updateModel = function (ngModel, attr, scope, fileChange, files, evt, noDelay) {
      function update(files, invalidFiles, newFiles, dupFiles, isSingleModel) {
        var file = files && files.length ? files[0] : null;
  
        if (ngModel) {
          upload.applyModelValidation(ngModel, files);
          ngModel.$setViewValue(isSingleModel ? file : files);
        }
  
        if (fileChange) {
          $parse(fileChange)(scope, {
            $files: files,
            $file: file,
            $newFiles: newFiles,
            $duplicateFiles: dupFiles,
            $invalidFiles: invalidFiles,
            $event: evt
          });
        }
  
        var invalidModel = upload.attrGetter('ngfModelInvalid', attr);
        if (invalidModel) {
          $timeout(function () {
            $parse(invalidModel).assign(scope, invalidFiles);
          });
        }
        $timeout(function () {
          // scope apply changes
        });
      }
  
      var newFiles = files;
      var prevFiles = ngModel && ngModel.$modelValue && (angular.isArray(ngModel.$modelValue) ?
          ngModel.$modelValue : [ngModel.$modelValue]);
      prevFiles = (prevFiles || attr.$$ngfPrevFiles || []).slice(0);
      var keepResult = handleKeep(files, prevFiles, attr, scope);
      files = keepResult.files;
      var dupFiles = keepResult.dupFiles;
      var isSingleModel = !upload.attrGetter('ngfMultiple', attr, scope) && !upload.attrGetter('multiple', attr) && !keepResult.keep;
  
      attr.$$ngfPrevFiles = files;
  
      if (keepResult.keep && (!newFiles || !newFiles.length)) return;
  
      upload.attrGetter('ngfBeforeModelChange', attr, scope, {$files: files,
        $file: files && files.length ? files[0] : null,
        $duplicateFiles: dupFiles,
        $event: evt});
  
      upload.validate(newFiles, ngModel, attr, scope).then(function () {
        if (noDelay) {
          update(files, [], newFiles, dupFiles, isSingleModel);
        } else {
          var options = upload.attrGetter('ngModelOptions', attr, scope);
          if (!options || !options.allowInvalid) {
            var valids = [], invalids = [];
            angular.forEach(files, function (file) {
              if (file.$error) {
                invalids.push(file);
              } else {
                valids.push(file);
              }
            });
            files = valids;
          }
          var fixOrientation = upload.emptyPromise(files);
          if (upload.attrGetter('ngfFixOrientation', attr, scope) && upload.isExifSupported()) {
            fixOrientation = applyExifRotations(files, attr, scope);
          }
          fixOrientation.then(function () {
            resize(files, attr, scope).then(function () {
              $timeout(function () {
                update(files, invalids, newFiles, dupFiles, isSingleModel);
              }, options && options.debounce ? options.debounce.change || options.debounce : 0);
            }, function (e) {
              throw 'Could not resize files ' + e;
            });
          });
        }
      });
  
      // cleaning object url memories
      var l = prevFiles.length;
      while (l--) {
        var prevFile = prevFiles[l];
        if (window.URL && prevFile.blobUrl) {
          URL.revokeObjectURL(prevFile.blobUrl);
          delete prevFile.blobUrl;
        }
      }
    };
  
    return upload;
  }]);
  
  ngFileUpload.directive('ngfSelect', ['$parse', '$timeout', '$compile', 'Upload', function ($parse, $timeout, $compile, Upload) {
    var generatedElems = [];
  
    function isDelayedClickSupported(ua) {
      // fix for android native browser < 4.4 and safari windows
      var m = ua.match(/Android[^\d]*(\d+)\.(\d+)/);
      if (m && m.length > 2) {
        var v = Upload.defaults.androidFixMinorVersion || 4;
        return parseInt(m[1]) < 4 || (parseInt(m[1]) === v && parseInt(m[2]) < v);
      }
  
      // safari on windows
      return ua.indexOf('Chrome') === -1 && /.*Windows.*Safari.*/.test(ua);
    }
  
    function linkFileSelect(scope, elem, attr, ngModel, $parse, $timeout, $compile, upload) {
      /** @namespace attr.ngfSelect */
      /** @namespace attr.ngfChange */
      /** @namespace attr.ngModel */
      /** @namespace attr.ngModelOptions */
      /** @namespace attr.ngfMultiple */
      /** @namespace attr.ngfCapture */
      /** @namespace attr.ngfValidate */
      /** @namespace attr.ngfKeep */
      var attrGetter = function (name, scope) {
        return upload.attrGetter(name, attr, scope);
      };
  
      function isInputTypeFile() {
        return elem[0].tagName.toLowerCase() === 'input' && attr.type && attr.type.toLowerCase() === 'file';
      }
  
      function fileChangeAttr() {
        return attrGetter('ngfChange') || attrGetter('ngfSelect');
      }
  
      function changeFn(evt) {
        if (upload.shouldUpdateOn('change', attr, scope)) {
          var fileList = evt.__files_ || (evt.target && evt.target.files), files = [];
          for (var i = 0; i < fileList.length; i++) {
            files.push(fileList[i]);
          }
          upload.updateModel(ngModel, attr, scope, fileChangeAttr(),
            files.length ? files : null, evt);
        }
      }
  
      upload.registerModelChangeValidator(ngModel, attr, scope);
  
      var unwatches = [];
      unwatches.push(scope.$watch(attrGetter('ngfMultiple'), function () {
        fileElem.attr('multiple', attrGetter('ngfMultiple', scope));
      }));
      unwatches.push(scope.$watch(attrGetter('ngfCapture'), function () {
        fileElem.attr('capture', attrGetter('ngfCapture', scope));
      }));
      unwatches.push(scope.$watch(attrGetter('ngfAccept'), function () {
        fileElem.attr('accept', attrGetter('ngfAccept', scope));
      }));
      attr.$observe('accept', function () {
        fileElem.attr('accept', attrGetter('accept'));
      });
      unwatches.push(function () {
        if (attr.$$observers) delete attr.$$observers.accept;
      });
      function bindAttrToFileInput(fileElem) {
        if (elem !== fileElem) {
          for (var i = 0; i < elem[0].attributes.length; i++) {
            var attribute = elem[0].attributes[i];
            if (attribute.name !== 'type' && attribute.name !== 'class' && attribute.name !== 'style') {
              if (attribute.value == null || attribute.value === '') {
                if (attribute.name === 'required') attribute.value = 'required';
                if (attribute.name === 'multiple') attribute.value = 'multiple';
              }
              fileElem.attr(attribute.name, attribute.name === 'id' ? 'ngf-' + attribute.value : attribute.value);
            }
          }
        }
      }
  
      function createFileInput() {
        if (isInputTypeFile()) {
          return elem;
        }
  
        var fileElem = angular.element('<input type="file">');
  
        bindAttrToFileInput(fileElem);
  
        var label = angular.element('<label>upload</label>');
        label.css('visibility', 'hidden').css('position', 'absolute').css('overflow', 'hidden')
          .css('width', '0px').css('height', '0px').css('border', 'none')
          .css('margin', '0px').css('padding', '0px').attr('tabindex', '-1');
        generatedElems.push({el: elem, ref: label});
  
        document.body.appendChild(label.append(fileElem)[0]);
  
        return fileElem;
      }
  
      var initialTouchStartY = 0;
  
      function clickHandler(evt) {
        if (elem.attr('disabled') || attrGetter('ngfSelectDisabled', scope)) return false;
  
        var r = handleTouch(evt);
        if (r != null) return r;
  
        resetModel(evt);
  
        // fix for md when the element is removed from the DOM and added back #460
        try {
          if (!isInputTypeFile() && !document.body.contains(fileElem[0])) {
            generatedElems.push({el: elem, ref: fileElem.parent()});
            document.body.appendChild(fileElem[0].parent());
            fileElem.bind('change', changeFn);
          }
        } catch(e){/*ignore*/}
  
        if (isDelayedClickSupported(navigator.userAgent)) {
          setTimeout(function () {
            fileElem[0].click();
          }, 0);
        } else {
          fileElem[0].click();
        }
  
        return false;
      }
  
      function handleTouch(evt) {
        var touches = evt.changedTouches || (evt.originalEvent && evt.originalEvent.changedTouches);
        if (evt.type === 'touchstart') {
          initialTouchStartY = touches ? touches[0].clientY : 0;
          return true; // don't block event default
        } else {
          evt.stopPropagation();
          evt.preventDefault();
  
          // prevent scroll from triggering event
          if (evt.type === 'touchend') {
            var currentLocation = touches ? touches[0].clientY : 0;
            if (Math.abs(currentLocation - initialTouchStartY) > 20) return false;
          }
        }
      }
  
      var fileElem = elem;
  
      function resetModel(evt) {
        if (upload.shouldUpdateOn('click', attr, scope) && fileElem.val()) {
          fileElem.val(null);
          upload.updateModel(ngModel, attr, scope, fileChangeAttr(), null, evt, true);
        }
      }
  
      if (!isInputTypeFile()) {
        fileElem = createFileInput();
      }
      fileElem.bind('change', changeFn);
  
      if (!isInputTypeFile()) {
        elem.bind('click touchstart touchend', clickHandler);
      } else {
        elem.bind('click', resetModel);
      }
  
      function ie10SameFileSelectFix(evt) {
        if (fileElem && !fileElem.attr('__ngf_ie10_Fix_')) {
          if (!fileElem[0].parentNode) {
            fileElem = null;
            return;
          }
          evt.preventDefault();
          evt.stopPropagation();
          fileElem.unbind('click');
          var clone = fileElem.clone();
          fileElem.replaceWith(clone);
          fileElem = clone;
          fileElem.attr('__ngf_ie10_Fix_', 'true');
          fileElem.bind('change', changeFn);
          fileElem.bind('click', ie10SameFileSelectFix);
          fileElem[0].click();
          return false;
        } else {
          fileElem.removeAttr('__ngf_ie10_Fix_');
        }
      }
  
      if (navigator.appVersion.indexOf('MSIE 10') !== -1) {
        fileElem.bind('click', ie10SameFileSelectFix);
      }
  
      if (ngModel) ngModel.$formatters.push(function (val) {
        if (val == null || val.length === 0) {
          if (fileElem.val()) {
            fileElem.val(null);
          }
        }
        return val;
      });
  
      scope.$on('$destroy', function () {
        if (!isInputTypeFile()) fileElem.parent().remove();
        angular.forEach(unwatches, function (unwatch) {
          unwatch();
        });
      });
  
      $timeout(function () {
        for (var i = 0; i < generatedElems.length; i++) {
          var g = generatedElems[i];
          if (!document.body.contains(g.el[0])) {
            generatedElems.splice(i, 1);
            g.ref.remove();
          }
        }
      });
  
      if (window.FileAPI && window.FileAPI.ngfFixIE) {
        window.FileAPI.ngfFixIE(elem, fileElem, changeFn);
      }
    }
  
    return {
      restrict: 'AEC',
      require: '?ngModel',
      link: function (scope, elem, attr, ngModel) {
        linkFileSelect(scope, elem, attr, ngModel, $parse, $timeout, $compile, Upload);
      }
    };
  }]);
  
  (function () {
  
    ngFileUpload.service('UploadDataUrl', ['UploadBase', '$timeout', '$q', function (UploadBase, $timeout, $q) {
      var upload = UploadBase;
      upload.base64DataUrl = function (file) {
        if (angular.isArray(file)) {
          var d = $q.defer(), count = 0;
          angular.forEach(file, function (f) {
            upload.dataUrl(f, true)['finally'](function () {
              count++;
              if (count === file.length) {
                var urls = [];
                angular.forEach(file, function (ff) {
                  urls.push(ff.$ngfDataUrl);
                });
                d.resolve(urls, file);
              }
            });
          });
          return d.promise;
        } else {
          return upload.dataUrl(file, true);
        }
      };
      upload.dataUrl = function (file, disallowObjectUrl) {
        if (!file) return upload.emptyPromise(file, file);
        if ((disallowObjectUrl && file.$ngfDataUrl != null) || (!disallowObjectUrl && file.$ngfBlobUrl != null)) {
          return upload.emptyPromise(disallowObjectUrl ? file.$ngfDataUrl : file.$ngfBlobUrl, file);
        }
        var p = disallowObjectUrl ? file.$$ngfDataUrlPromise : file.$$ngfBlobUrlPromise;
        if (p) return p;
  
        var deferred = $q.defer();
        $timeout(function () {
          if (window.FileReader && file &&
            (!window.FileAPI || navigator.userAgent.indexOf('MSIE 8') === -1 || file.size < 20000) &&
            (!window.FileAPI || navigator.userAgent.indexOf('MSIE 9') === -1 || file.size < 4000000)) {
            //prefer URL.createObjectURL for handling refrences to files of all sizes
            //since it doesn´t build a large string in memory
            var URL = window.URL || window.webkitURL;
            if (URL && URL.createObjectURL && !disallowObjectUrl) {
              var url;
              try {
                url = URL.createObjectURL(file);
              } catch (e) {
                $timeout(function () {
                  file.$ngfBlobUrl = '';
                  deferred.reject();
                });
                return;
              }
              $timeout(function () {
                file.$ngfBlobUrl = url;
                if (url) deferred.resolve(url, file);
              });
            } else {
              var fileReader = new FileReader();
              fileReader.onload = function (e) {
                $timeout(function () {
                  file.$ngfDataUrl = e.target.result;
                  deferred.resolve(e.target.result, file);
                });
              };
              fileReader.onerror = function () {
                $timeout(function () {
                  file.$ngfDataUrl = '';
                  deferred.reject();
                });
              };
              fileReader.readAsDataURL(file);
            }
          } else {
            $timeout(function () {
              file[disallowObjectUrl ? 'dataUrl' : 'blobUrl'] = '';
              deferred.reject();
            });
          }
        });
  
        if (disallowObjectUrl) {
          p = file.$$ngfDataUrlPromise = deferred.promise;
        } else {
          p = file.$$ngfBlobUrlPromise = deferred.promise;
        }
        p['finally'](function () {
          delete file[disallowObjectUrl ? '$$ngfDataUrlPromise' : '$$ngfBlobUrlPromise'];
        });
        return p;
      };
      return upload;
    }]);
  
    function getTagType(el) {
      if (el.tagName.toLowerCase() === 'img') return 'image';
      if (el.tagName.toLowerCase() === 'audio') return 'audio';
      if (el.tagName.toLowerCase() === 'video') return 'video';
      return /./;
    }
  
    function linkFileDirective(Upload, $timeout, scope, elem, attr, directiveName, resizeParams, isBackground) {
      function constructDataUrl(file) {
        var disallowObjectUrl = Upload.attrGetter('ngfNoObjectUrl', attr, scope);
        Upload.dataUrl(file, disallowObjectUrl)['finally'](function () {
          $timeout(function () {
            var src = (disallowObjectUrl ? file.$ngfDataUrl : file.$ngfBlobUrl) || file.$ngfDataUrl;
            if (isBackground) {
              elem.css('background-image', 'url(\'' + (src || '') + '\')');
            } else {
              elem.attr('src', src);
            }
            if (src) {
              elem.removeClass('ng-hide');
            } else {
              elem.addClass('ng-hide');
            }
          });
        });
      }
  
      $timeout(function () {
        var unwatch = scope.$watch(attr[directiveName], function (file) {
          var size = resizeParams;
          if (directiveName === 'ngfThumbnail') {
            if (!size) {
              size = {width: elem[0].clientWidth, height: elem[0].clientHeight};
            }
            if (size.width === 0 && window.getComputedStyle) {
              var style = getComputedStyle(elem[0]);
              size = {
                width: parseInt(style.width.slice(0, -2)),
                height: parseInt(style.height.slice(0, -2))
              };
            }
          }
  
          if (angular.isString(file)) {
            elem.removeClass('ng-hide');
            if (isBackground) {
              return elem.css('background-image', 'url(\'' + file + '\')');
            } else {
              return elem.attr('src', file);
            }
          }
          if (file && file.type && file.type.search(getTagType(elem[0])) === 0 &&
            (!isBackground || file.type.indexOf('image') === 0)) {
            if (size && Upload.isResizeSupported()) {
              Upload.resize(file, size.width, size.height, size.quality).then(
                function (f) {
                  constructDataUrl(f);
                }, function (e) {
                  throw e;
                }
              );
            } else {
              constructDataUrl(file);
            }
          } else {
            elem.addClass('ng-hide');
          }
        });
  
        scope.$on('$destroy', function () {
          unwatch();
        });
      });
    }
  
  
    /** @namespace attr.ngfSrc */
    /** @namespace attr.ngfNoObjectUrl */
    ngFileUpload.directive('ngfSrc', ['Upload', '$timeout', function (Upload, $timeout) {
      return {
        restrict: 'AE',
        link: function (scope, elem, attr) {
          linkFileDirective(Upload, $timeout, scope, elem, attr, 'ngfSrc',
            Upload.attrGetter('ngfResize', attr, scope), false);
        }
      };
    }]);
  
    /** @namespace attr.ngfBackground */
    /** @namespace attr.ngfNoObjectUrl */
    ngFileUpload.directive('ngfBackground', ['Upload', '$timeout', function (Upload, $timeout) {
      return {
        restrict: 'AE',
        link: function (scope, elem, attr) {
          linkFileDirective(Upload, $timeout, scope, elem, attr, 'ngfBackground',
            Upload.attrGetter('ngfResize', attr, scope), true);
        }
      };
    }]);
  
    /** @namespace attr.ngfThumbnail */
    /** @namespace attr.ngfAsBackground */
    /** @namespace attr.ngfSize */
    /** @namespace attr.ngfNoObjectUrl */
    ngFileUpload.directive('ngfThumbnail', ['Upload', '$timeout', function (Upload, $timeout) {
      return {
        restrict: 'AE',
        link: function (scope, elem, attr) {
          var size = Upload.attrGetter('ngfSize', attr, scope);
          linkFileDirective(Upload, $timeout, scope, elem, attr, 'ngfThumbnail', size,
            Upload.attrGetter('ngfAsBackground', attr, scope));
        }
      };
    }]);
  
    ngFileUpload.config(['$compileProvider', function ($compileProvider) {
      if ($compileProvider.imgSrcSanitizationWhitelist) $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|local|file|data|blob):/);
      if ($compileProvider.aHrefSanitizationWhitelist) $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|local|file|data|blob):/);
    }]);
  
    ngFileUpload.filter('ngfDataUrl', ['UploadDataUrl', '$sce', function (UploadDataUrl, $sce) {
      return function (file, disallowObjectUrl, trustedUrl) {
        if (angular.isString(file)) {
          return $sce.trustAsResourceUrl(file);
        }
        var src = file && ((disallowObjectUrl ? file.$ngfDataUrl : file.$ngfBlobUrl) || file.$ngfDataUrl);
        if (file && !src) {
          if (!file.$ngfDataUrlFilterInProgress && angular.isObject(file)) {
            file.$ngfDataUrlFilterInProgress = true;
            UploadDataUrl.dataUrl(file, disallowObjectUrl);
          }
          return '';
        }
        if (file) delete file.$ngfDataUrlFilterInProgress;
        return (file && src ? (trustedUrl ? $sce.trustAsResourceUrl(src) : src) : file) || '';
      };
    }]);
  
  })();
  
  ngFileUpload.service('UploadValidate', ['UploadDataUrl', '$q', '$timeout', function (UploadDataUrl, $q, $timeout) {
    var upload = UploadDataUrl;
  
    function globStringToRegex(str) {
      var regexp = '', excludes = [];
      if (str.length > 2 && str[0] === '/' && str[str.length - 1] === '/') {
        regexp = str.substring(1, str.length - 1);
      } else {
        var split = str.split(',');
        if (split.length > 1) {
          for (var i = 0; i < split.length; i++) {
            var r = globStringToRegex(split[i]);
            if (r.regexp) {
              regexp += '(' + r.regexp + ')';
              if (i < split.length - 1) {
                regexp += '|';
              }
            } else {
              excludes = excludes.concat(r.excludes);
            }
          }
        } else {
          if (str.indexOf('!') === 0) {
            excludes.push('^((?!' + globStringToRegex(str.substring(1)).regexp + ').)*$');
          } else {
            if (str.indexOf('.') === 0) {
              str = '*' + str;
            }
            regexp = '^' + str.replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\-]', 'g'), '\\$&') + '$';
            regexp = regexp.replace(/\\\*/g, '.*').replace(/\\\?/g, '.');
          }
        }
      }
      return {regexp: regexp, excludes: excludes};
    }
  
    upload.validatePattern = function (file, val) {
      if (!val) {
        return true;
      }
      var pattern = globStringToRegex(val), valid = true;
      if (pattern.regexp && pattern.regexp.length) {
        var regexp = new RegExp(pattern.regexp, 'i');
        valid = (file.type != null && regexp.test(file.type)) ||
          (file.name != null && regexp.test(file.name));
      }
      var len = pattern.excludes.length;
      while (len--) {
        var exclude = new RegExp(pattern.excludes[len], 'i');
        valid = valid && (file.type == null || exclude.test(file.type)) &&
          (file.name == null || exclude.test(file.name));
      }
      return valid;
    };
  
    upload.ratioToFloat = function (val) {
      var r = val.toString(), xIndex = r.search(/[x:]/i);
      if (xIndex > -1) {
        r = parseFloat(r.substring(0, xIndex)) / parseFloat(r.substring(xIndex + 1));
      } else {
        r = parseFloat(r);
      }
      return r;
    };
  
    upload.registerModelChangeValidator = function (ngModel, attr, scope) {
      if (ngModel) {
        ngModel.$formatters.push(function (files) {
          if (ngModel.$dirty) {
            upload.validate(files, ngModel, attr, scope).then(function () {
              upload.applyModelValidation(ngModel, files);
            });
          }
        });
      }
    };
  
    function markModelAsDirty(ngModel, files) {
      if (files != null && !ngModel.$dirty) {
        if (ngModel.$setDirty) {
          ngModel.$setDirty();
        } else {
          ngModel.$dirty = true;
        }
      }
    }
  
    upload.applyModelValidation = function (ngModel, files) {
      markModelAsDirty(ngModel, files);
      angular.forEach(ngModel.$ngfValidations, function (validation) {
        ngModel.$setValidity(validation.name, validation.valid);
      });
    };
  
    upload.validate = function (files, ngModel, attr, scope) {
      ngModel = ngModel || {};
      ngModel.$ngfValidations = ngModel.$ngfValidations || [];
  
      angular.forEach(ngModel.$ngfValidations, function (v) {
        v.valid = true;
      });
  
      var attrGetter = function (name, params) {
        return upload.attrGetter(name, attr, scope, params);
      };
  
      if (files == null || files.length === 0) {
        return upload.emptyPromise(ngModel);
      }
  
      files = files.length === undefined ? [files] : files.slice(0);
  
      function validateSync(name, validatorVal, fn) {
        if (files) {
          var dName = 'ngf' + name[0].toUpperCase() + name.substr(1);
          var i = files.length, valid = null;
          while (i--) {
            var file = files[i];
            if (file) {
              var val = attrGetter(dName, {$file: file});
              if (val == null) {
                val = validatorVal(attrGetter('ngfValidate') || {});
                valid = valid == null ? true : valid;
              }
              if (val != null) {
                if (!fn(file, val)) {
                  file.$error = name;
                  file.$errorParam = val;
                  files.splice(i, 1);
                  valid = false;
                }
              }
            }
          }
          if (valid !== null) {
            ngModel.$ngfValidations.push({name: name, valid: valid});
          }
        }
      }
  
      validateSync('pattern', function (cons) {
        return cons.pattern;
      }, upload.validatePattern);
      validateSync('minSize', function (cons) {
        return cons.size && cons.size.min;
      }, function (file, val) {
        return file.size >= upload.translateScalars(val);
      });
      validateSync('maxSize', function (cons) {
        return cons.size && cons.size.max;
      }, function (file, val) {
        return file.size <= upload.translateScalars(val);
      });
      var totalSize = 0;
      validateSync('maxTotalSize', function (cons) {
        return cons.maxTotalSize && cons.maxTotalSize;
      }, function (file, val) {
        totalSize += file.size;
        if (totalSize > upload.translateScalars(val)) {
          files.splice(0, files.length);
          return false;
        }
        return true;
      });
  
      validateSync('validateFn', function () {
        return null;
      }, function (file, r) {
        return r === true || r === null || r === '';
      });
  
      if (!files.length) {
        return upload.emptyPromise(ngModel, ngModel.$ngfValidations);
      }
  
      function validateAsync(name, validatorVal, type, asyncFn, fn, addDimensions, addDuration) {
        function resolveResult(defer, file, val) {
          if (val != null) {
            asyncFn(file, val).then(function (d) {
              if (!fn(d, val)) {
                file.$error = name;
                file.$errorParam = val;
                defer.reject();
              } else {
                defer.resolve();
              }
            }, function () {
              if (attrGetter('ngfValidateForce', {$file: file})) {
                file.$error = name;
                file.$errorParam = val;
                defer.reject();
              } else {
                defer.resolve();
              }
            });
          } else {
            defer.resolve();
          }
        }
  
        var promises = [upload.emptyPromise()];
        if (files) {
          var dName = 'ngf' + name[0].toUpperCase() + name.substr(1);
          files = files.length === undefined ? [files] : files;
          angular.forEach(files, function (file) {
            var defer = $q.defer();
            promises.push(defer.promise);
            if (type && (file.type == null || file.type.search(type) !== 0)) {
              defer.resolve();
              return;
            }
            if (addDimensions && attrGetter(dName) != null) {
              upload.imageDimensions(file).then(function (d) {
                resolveResult(defer, file,
                  attrGetter(dName, {$file: file, $width: d.width, $height: d.height}));
              }, function () {
                defer.reject();
              });
            } else if (addDuration && attrGetter(dName) != null) {
              upload.mediaDuration(file).then(function (d) {
                resolveResult(defer, file,
                  attrGetter(dName, {$file: file, $duration: d}));
              }, function () {
                defer.reject();
              });
            } else {
              var val = attrGetter(dName, {$file: file});
              if (val == null && validatorVal != null) {
                val = validatorVal(attrGetter('ngfValidate', {'$file': file}) || {});
              }
              resolveResult(defer, file, val);
            }
          });
          return $q.all(promises).then(function () {
            ngModel.$ngfValidations.push({name: name, valid: true});
          }, function () {
            ngModel.$ngfValidations.push({name: name, valid: false});
          });
        }
      }
  
      var deffer = $q.defer();
      var promises = [];
  
      promises.push(upload.happyPromise(validateAsync('maxHeight', function (cons) {
        return cons.height && cons.height.max;
      }, /image/, this.imageDimensions, function (d, val) {
        return d.height <= val;
      })));
      promises.push(upload.happyPromise(validateAsync('minHeight', function (cons) {
        return cons.height && cons.height.min;
      }, /image/, this.imageDimensions, function (d, val) {
        return d.height >= val;
      })));
      promises.push(upload.happyPromise(validateAsync('maxWidth', function (cons) {
        return cons.width && cons.width.max;
      }, /image/, this.imageDimensions, function (d, val) {
        return d.width <= val;
      })));
      promises.push(upload.happyPromise(validateAsync('minWidth', function (cons) {
        return cons.width && cons.width.min;
      }, /image/, this.imageDimensions, function (d, val) {
        return d.width >= val;
      })));
      promises.push(upload.happyPromise(validateAsync('dimensions', null, /image/,
        function (file, val) {
          return upload.emptyPromise(val);
        }, function (r) {
          return r;
        }, true)));
      promises.push(upload.happyPromise(validateAsync('ratio', function (cons) {
        return cons.ratio;
      }, /image/, this.imageDimensions, function (d, val) {
        var split = val.toString().split(','), valid = false;
        for (var i = 0; i < split.length; i++) {
          if (Math.abs((d.width / d.height) - upload.ratioToFloat(split[i])) < 0.0001) {
            valid = true;
          }
        }
        return valid;
      })));
      promises.push(upload.happyPromise(validateAsync('maxRatio', function (cons) {
        return cons.ratio;
      }, /image/, this.imageDimensions, function (d, val) {
        return (d.width / d.height) - upload.ratioToFloat(val) < 0.0001;
      })));
      promises.push(upload.happyPromise(validateAsync('minRatio', function (cons) {
        return cons.ratio;
      }, /image/, this.imageDimensions, function (d, val) {
        return (d.width / d.height) - upload.ratioToFloat(val) > -0.0001;
      })));
      promises.push(upload.happyPromise(validateAsync('maxDuration', function (cons) {
        return cons.duration && cons.duration.max;
      }, /audio|video/, this.mediaDuration, function (d, val) {
        return d <= upload.translateScalars(val);
      })));
      promises.push(upload.happyPromise(validateAsync('minDuration', function (cons) {
        return cons.duration && cons.duration.min;
      }, /audio|video/, this.mediaDuration, function (d, val) {
        return d >= upload.translateScalars(val);
      })));
      promises.push(upload.happyPromise(validateAsync('duration', null, /audio|video/,
        function (file, val) {
          return upload.emptyPromise(val);
        }, function (r) {
          return r;
        }, false, true)));
  
      promises.push(upload.happyPromise(validateAsync('validateAsyncFn', function () {
        return null;
      }, null, function (file, val) {
        return val;
      }, function (r) {
        return r === true || r === null || r === '';
      })));
  
      return $q.all(promises).then(function () {
        deffer.resolve(ngModel, ngModel.$ngfValidations);
      });
    };
  
    upload.imageDimensions = function (file) {
      if (file.$ngfWidth && file.$ngfHeight) {
        var d = $q.defer();
        $timeout(function () {
          d.resolve({width: file.$ngfWidth, height: file.$ngfHeight});
        });
        return d.promise;
      }
      if (file.$ngfDimensionPromise) return file.$ngfDimensionPromise;
  
      var deferred = $q.defer();
      $timeout(function () {
        if (file.type.indexOf('image') !== 0) {
          deferred.reject('not image');
          return;
        }
        upload.dataUrl(file).then(function (dataUrl) {
          var img = angular.element('<img>').attr('src', dataUrl).css('visibility', 'hidden').css('position', 'fixed');
  
          function success() {
            var width = img[0].clientWidth;
            var height = img[0].clientHeight;
            img.remove();
            file.$ngfWidth = width;
            file.$ngfHeight = height;
            deferred.resolve({width: width, height: height});
          }
  
          function error() {
            img.remove();
            deferred.reject('load error');
          }
  
          img.on('load', success);
          img.on('error', error);
          var count = 0;
  
          function checkLoadError() {
            $timeout(function () {
              if (img[0].parentNode) {
                if (img[0].clientWidth) {
                  success();
                } else if (count > 10) {
                  error();
                } else {
                  checkLoadError();
                }
              }
            }, 1000);
          }
  
          checkLoadError();
  
          angular.element(document.getElementsByTagName('body')[0]).append(img);
        }, function () {
          deferred.reject('load error');
        });
      });
  
      file.$ngfDimensionPromise = deferred.promise;
      file.$ngfDimensionPromise['finally'](function () {
        delete file.$ngfDimensionPromise;
      });
      return file.$ngfDimensionPromise;
    };
  
    upload.mediaDuration = function (file) {
      if (file.$ngfDuration) {
        var d = $q.defer();
        $timeout(function () {
          d.resolve(file.$ngfDuration);
        });
        return d.promise;
      }
      if (file.$ngfDurationPromise) return file.$ngfDurationPromise;
  
      var deferred = $q.defer();
      $timeout(function () {
        if (file.type.indexOf('audio') !== 0 && file.type.indexOf('video') !== 0) {
          deferred.reject('not media');
          return;
        }
        upload.dataUrl(file).then(function (dataUrl) {
          var el = angular.element(file.type.indexOf('audio') === 0 ? '<audio>' : '<video>')
            .attr('src', dataUrl).css('visibility', 'none').css('position', 'fixed');
  
          function success() {
            var duration = el[0].duration;
            file.$ngfDuration = duration;
            el.remove();
            deferred.resolve(duration);
          }
  
          function error() {
            el.remove();
            deferred.reject('load error');
          }
  
          el.on('loadedmetadata', success);
          el.on('error', error);
          var count = 0;
  
          function checkLoadError() {
            $timeout(function () {
              if (el[0].parentNode) {
                if (el[0].duration) {
                  success();
                } else if (count > 10) {
                  error();
                } else {
                  checkLoadError();
                }
              }
            }, 1000);
          }
  
          checkLoadError();
  
          angular.element(document.body).append(el);
        }, function () {
          deferred.reject('load error');
        });
      });
  
      file.$ngfDurationPromise = deferred.promise;
      file.$ngfDurationPromise['finally'](function () {
        delete file.$ngfDurationPromise;
      });
      return file.$ngfDurationPromise;
    };
    return upload;
  }
  ]);
  
  ngFileUpload.service('UploadResize', ['UploadValidate', '$q', function (UploadValidate, $q) {
    var upload = UploadValidate;
  
    /**
     * Conserve aspect ratio of the original region. Useful when shrinking/enlarging
     * images to fit into a certain area.
     * Source:  http://stackoverflow.com/a/14731922
     *
     * @param {Number} srcWidth Source area width
     * @param {Number} srcHeight Source area height
     * @param {Number} maxWidth Nestable area maximum available width
     * @param {Number} maxHeight Nestable area maximum available height
     * @return {Object} { width, height }
     */
    var calculateAspectRatioFit = function (srcWidth, srcHeight, maxWidth, maxHeight, centerCrop) {
      var ratio = centerCrop ? Math.max(maxWidth / srcWidth, maxHeight / srcHeight) :
        Math.min(maxWidth / srcWidth, maxHeight / srcHeight);
      return {
        width: srcWidth * ratio, height: srcHeight * ratio,
        marginX: srcWidth * ratio - maxWidth, marginY: srcHeight * ratio - maxHeight
      };
    };
  
    // Extracted from https://github.com/romelgomez/angular-firebase-image-upload/blob/master/app/scripts/fileUpload.js#L89
    var resize = function (imagen, width, height, quality, type, ratio, centerCrop, resizeIf) {
      var deferred = $q.defer();
      var canvasElement = document.createElement('canvas');
      var imageElement = document.createElement('img');
  
      imageElement.onload = function () {
        if (resizeIf != null && resizeIf(imageElement.width, imageElement.height) === false) {
          deferred.reject('resizeIf');
          return;
        }
        try {
          if (ratio) {
            var ratioFloat = upload.ratioToFloat(ratio);
            var imgRatio = imageElement.width / imageElement.height;
            if (imgRatio < ratioFloat) {
              width = imageElement.width;
              height = width / ratioFloat;
            } else {
              height = imageElement.height;
              width = height * ratioFloat;
            }
          }
          if (!width) {
            width = imageElement.width;
          }
          if (!height) {
            height = imageElement.height;
          }
          var dimensions = calculateAspectRatioFit(imageElement.width, imageElement.height, width, height, centerCrop);
          canvasElement.width = Math.min(dimensions.width, width);
          canvasElement.height = Math.min(dimensions.height, height);
          var context = canvasElement.getContext('2d');
          context.drawImage(imageElement,
            Math.min(0, -dimensions.marginX / 2), Math.min(0, -dimensions.marginY / 2),
            dimensions.width, dimensions.height);
          deferred.resolve(canvasElement.toDataURL(type || 'image/WebP', quality || 0.934));
        } catch (e) {
          deferred.reject(e);
        }
      };
      imageElement.onerror = function () {
        deferred.reject();
      };
      imageElement.src = imagen;
      return deferred.promise;
    };
  
    upload.dataUrltoBlob = function (dataurl, name) {
      var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      var blob = new window.Blob([u8arr], {type: mime});
      blob.name = name;
      return blob;
    };
  
    upload.isResizeSupported = function () {
      var elem = document.createElement('canvas');
      return window.atob && elem.getContext && elem.getContext('2d');
    };
  
    if (upload.isResizeSupported()) {
      // add name getter to the blob constructor prototype
      Object.defineProperty(window.Blob.prototype, 'name', {
        get: function () {
          return this.$ngfName;
        },
        set: function (v) {
          this.$ngfName = v;
        },
        configurable: true
      });
    }
  
    upload.resize = function (file, width, height, quality, type, ratio, centerCrop, resizeIf) {
      if (file.type.indexOf('image') !== 0) return upload.emptyPromise(file);
  
      var deferred = $q.defer();
      upload.dataUrl(file, true).then(function (url) {
        resize(url, width, height, quality, type || file.type, ratio, centerCrop, resizeIf)
          .then(function (dataUrl) {
            deferred.resolve(upload.dataUrltoBlob(dataUrl, file.name));
          }, function (r) {
            if (r === 'resizeIf') {
              deferred.resolve(file);
            }
            deferred.reject();
          });
      }, function () {
        deferred.reject();
      });
      return deferred.promise;
    };
  
    return upload;
  }]);
  
  (function () {
    ngFileUpload.directive('ngfDrop', ['$parse', '$timeout', '$location', 'Upload', '$http', '$q',
      function ($parse, $timeout, $location, Upload, $http, $q) {
        return {
          restrict: 'AEC',
          require: '?ngModel',
          link: function (scope, elem, attr, ngModel) {
            linkDrop(scope, elem, attr, ngModel, $parse, $timeout, $location, Upload, $http, $q);
          }
        };
      }]);
  
    ngFileUpload.directive('ngfNoFileDrop', function () {
      return function (scope, elem) {
        if (dropAvailable()) elem.css('display', 'none');
      };
    });
  
    ngFileUpload.directive('ngfDropAvailable', ['$parse', '$timeout', 'Upload', function ($parse, $timeout, Upload) {
      return function (scope, elem, attr) {
        if (dropAvailable()) {
          var model = $parse(Upload.attrGetter('ngfDropAvailable', attr));
          $timeout(function () {
            model(scope);
            if (model.assign) {
              model.assign(scope, true);
            }
          });
        }
      };
    }]);
  
    function linkDrop(scope, elem, attr, ngModel, $parse, $timeout, $location, upload, $http, $q) {
      var available = dropAvailable();
  
      var attrGetter = function (name, scope, params) {
        return upload.attrGetter(name, attr, scope, params);
      };
  
      if (attrGetter('dropAvailable')) {
        $timeout(function () {
          if (scope[attrGetter('dropAvailable')]) {
            scope[attrGetter('dropAvailable')].value = available;
          } else {
            scope[attrGetter('dropAvailable')] = available;
          }
        });
      }
      if (!available) {
        if (attrGetter('ngfHideOnDropNotAvailable', scope) === true) {
          elem.css('display', 'none');
        }
        return;
      }
  
      function isDisabled() {
        return elem.attr('disabled') || attrGetter('ngfDropDisabled', scope);
      }
  
      if (attrGetter('ngfSelect') == null) {
        upload.registerModelChangeValidator(ngModel, attr, scope);
      }
  
      var leaveTimeout = null;
      var stopPropagation = $parse(attrGetter('ngfStopPropagation'));
      var dragOverDelay = 1;
      var actualDragOverClass;
  
      elem[0].addEventListener('dragover', function (evt) {
        if (isDisabled()) return;
        evt.preventDefault();
        if (stopPropagation(scope)) evt.stopPropagation();
        // handling dragover events from the Chrome download bar
        if (navigator.userAgent.indexOf('Chrome') > -1) {
          var b = evt.dataTransfer.effectAllowed;
          evt.dataTransfer.dropEffect = ('move' === b || 'linkMove' === b) ? 'move' : 'copy';
        }
        $timeout.cancel(leaveTimeout);
        if (!actualDragOverClass) {
          actualDragOverClass = 'C';
          calculateDragOverClass(scope, attr, evt, function (clazz) {
            actualDragOverClass = clazz;
            elem.addClass(actualDragOverClass);
            attrGetter('ngfDrag', scope, {$isDragging: true, $class: actualDragOverClass, $event: evt});
          });
        }
      }, false);
      elem[0].addEventListener('dragenter', function (evt) {
        if (isDisabled()) return;
        evt.preventDefault();
        if (stopPropagation(scope)) evt.stopPropagation();
      }, false);
      elem[0].addEventListener('dragleave', function (evt) {
        if (isDisabled()) return;
        evt.preventDefault();
        if (stopPropagation(scope)) evt.stopPropagation();
        leaveTimeout = $timeout(function () {
          if (actualDragOverClass) elem.removeClass(actualDragOverClass);
          actualDragOverClass = null;
          attrGetter('ngfDrag', scope, {$isDragging: false, $event: evt});
        }, dragOverDelay || 100);
      }, false);
      elem[0].addEventListener('drop', function (evt) {
        if (isDisabled() || !upload.shouldUpdateOn('drop', attr, scope)) return;
        evt.preventDefault();
        if (stopPropagation(scope)) evt.stopPropagation();
        if (actualDragOverClass) elem.removeClass(actualDragOverClass);
        actualDragOverClass = null;
        var html;
        try {
          html = (evt.dataTransfer && evt.dataTransfer.getData && evt.dataTransfer.getData('text/html'));
        } catch (e) {/* Fix IE11 that throw error calling getData */
        }
        if (upload.shouldUpdateOn('dropUrl', attr, scope) && html) {
          extractUrlAndUpdateModel(html, evt);
        } else {
          extractFiles(evt, function (files) {
              upload.updateModel(ngModel, attr, scope, attrGetter('ngfChange') || attrGetter('ngfDrop'), files, evt);
            }, attrGetter('ngfAllowDir', scope) !== false,
            attrGetter('multiple') || attrGetter('ngfMultiple', scope));
        }
      }, false);
      elem[0].addEventListener('paste', function (evt) {
        if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1 &&
          attrGetter('ngfEnableFirefoxPaste', scope)) {
          evt.preventDefault();
        }
        if (isDisabled() || !upload.shouldUpdateOn('paste', attr, scope)) return;
        var files = [];
        var clipboard = evt.clipboardData || evt.originalEvent.clipboardData;
        if (clipboard && clipboard.items) {
          for (var k = 0; k < clipboard.items.length; k++) {
            if (clipboard.items[k].type.indexOf('image') !== -1) {
              files.push(clipboard.items[k].getAsFile());
            }
          }
        }
        if (files.length) {
          upload.updateModel(ngModel, attr, scope, attrGetter('ngfChange') || attrGetter('ngfDrop'), files, evt);
        } else {
          var html;
          try {
            html = (clipboard && clipboard.getData && clipboard.getData('text/html'));
          } catch (e) {/* Fix IE11 that throw error calling getData */
          }
          if (upload.shouldUpdateOn('pasteUrl', attr, scope) && html) {
            extractUrlAndUpdateModel(html, evt);
          }
        }
      }, false);
  
      if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1 &&
        attrGetter('ngfEnableFirefoxPaste', scope)) {
        elem.attr('contenteditable', true);
        elem.on('keypress', function (e) {
          if (!e.metaKey && !e.ctrlKey) {
            e.preventDefault();
          }
        });
      }
  
      function extractUrlAndUpdateModel(html, evt) {
        var urls = [];
        html.replace(/<(img src|img [^>]* src) *=\"([^\"]*)\"/gi, function (m, n, src) {
          urls.push(src);
        });
        var promises = [], files = [];
        if (urls.length) {
          angular.forEach(urls, function (url) {
            promises.push($http({url: url, method: 'get', responseType: 'arraybuffer'}).then(function (resp) {
              var arrayBufferView = new Uint8Array(resp.data);
              var type = resp.headers('content-type') || 'image/WebP';
              var blob = new window.Blob([arrayBufferView], {type: type});
              files.push(blob);
              //var split = type.split('[/;]');
              //blob.name = url.substring(0, 150).replace(/\W+/g, '') + '.' + (split.length > 1 ? split[1] : 'jpg');
            }));
          });
          $q.all(promises).then(function () {
            upload.updateModel(ngModel, attr, scope, attrGetter('ngfChange') || attrGetter('ngfDrop'), files, evt);
          });
        }
      }
  
      function calculateDragOverClass(scope, attr, evt, callback) {
        var obj = attrGetter('ngfDragOverClass', scope, {$event: evt}), dClass = 'dragover';
        if (angular.isString(obj)) {
          dClass = obj;
        } else if (obj) {
          if (obj.delay) dragOverDelay = obj.delay;
          if (obj.accept || obj.reject) {
            var items = evt.dataTransfer.items;
            if (items == null || !items.length) {
              dClass = obj.accept;
            } else {
              var pattern = obj.pattern || attrGetter('ngfPattern', scope, {$event: evt});
              var len = items.length;
              while (len--) {
                if (!upload.validatePattern(items[len], pattern)) {
                  dClass = obj.reject;
                  break;
                } else {
                  dClass = obj.accept;
                }
              }
            }
          }
        }
        callback(dClass);
      }
  
      function extractFiles(evt, callback, allowDir, multiple) {
        var files = [], processing = 0;
  
        function traverseFileTree(files, entry, path) {
          if (entry != null) {
            if (entry.isDirectory) {
              var filePath = (path || '') + entry.name;
              files.push({name: entry.name, type: 'directory', path: filePath});
              var dirReader = entry.createReader();
              var entries = [];
              processing++;
              var readEntries = function () {
                dirReader.readEntries(function (results) {
                  try {
                    if (!results.length) {
                      for (var i = 0; i < entries.length; i++) {
                        traverseFileTree(files, entries[i], (path ? path : '') + entry.name + '/');
                      }
                      processing--;
                    } else {
                      entries = entries.concat(Array.prototype.slice.call(results || [], 0));
                      readEntries();
                    }
                  } catch (e) {
                    processing--;
                    console.error(e);
                  }
                }, function () {
                  processing--;
                });
              };
              readEntries();
            } else {
              processing++;
              entry.file(function (file) {
                try {
                  processing--;
                  file.path = (path ? path : '') + file.name;
                  files.push(file);
                } catch (e) {
                  processing--;
                  console.error(e);
                }
              }, function () {
                processing--;
              });
            }
          }
        }
  
        var items = evt.dataTransfer.items;
  
        if (items && items.length > 0 && $location.protocol() !== 'file') {
          for (var i = 0; i < items.length; i++) {
            if (items[i].webkitGetAsEntry && items[i].webkitGetAsEntry() && items[i].webkitGetAsEntry().isDirectory) {
              var entry = items[i].webkitGetAsEntry();
              if (entry.isDirectory && !allowDir) {
                continue;
              }
              if (entry != null) {
                traverseFileTree(files, entry);
              }
            } else {
              var f = items[i].getAsFile();
              if (f != null) files.push(f);
            }
            if (!multiple && files.length > 0) break;
          }
        } else {
          var fileList = evt.dataTransfer.files;
          if (fileList != null) {
            for (var j = 0; j < fileList.length; j++) {
              var file = fileList.item(j);
              if (file.type || file.size > 0) {
                files.push(file);
              }
              if (!multiple && files.length > 0) {
                break;
              }
            }
          }
        }
        var delays = 0;
        (function waitForProcess(delay) {
          $timeout(function () {
            if (!processing) {
              if (!multiple && files.length > 1) {
                i = 0;
                while (files[i].type === 'directory') i++;
                files = [files[i]];
              }
              callback(files);
            } else {
              if (delays++ * 10 < 20 * 1000) {
                waitForProcess(10);
              }
            }
          }, delay || 0);
        })();
      }
    }
  
    function dropAvailable() {
      var div = document.createElement('div');
      return ('draggable' in div) && ('ondrop' in div) && !/Edge\/12./i.test(navigator.userAgent);
    }
  
  })();
  
  // customized version of https://github.com/exif-js/exif-js
  ngFileUpload.service('UploadExif', ['UploadResize', '$q', function (UploadResize, $q) {
    var upload = UploadResize;
  
    function findEXIFinJPEG(file) {
      var dataView = new DataView(file);
  
      if ((dataView.getUint8(0) !== 0xFF) || (dataView.getUint8(1) !== 0xD8)) {
        return 'Not a valid JPEG';
      }
  
      var offset = 2,
        length = file.byteLength,
        marker;
  
      while (offset < length) {
        if (dataView.getUint8(offset) !== 0xFF) {
          return 'Not a valid marker at offset ' + offset + ', found: ' + dataView.getUint8(offset);
        }
  
        marker = dataView.getUint8(offset + 1);
        if (marker === 225) {
          return readEXIFData(dataView, offset + 4, dataView.getUint16(offset + 2) - 2);
        } else {
          offset += 2 + dataView.getUint16(offset + 2);
        }
      }
    }
  
    function readOrientation(file, tiffStart, dirStart, bigEnd) {
      var entries = file.getUint16(dirStart, !bigEnd),
        entryOffset, i;
  
      for (i = 0; i < entries; i++) {
        entryOffset = dirStart + i * 12 + 2;
        var val = file.getUint16(entryOffset, !bigEnd);
        if (0x0112 === val) {
          return readTagValue(file, entryOffset, tiffStart, bigEnd);
        }
      }
      return null;
    }
  
    function readTagValue(file, entryOffset, tiffStart, bigEnd) {
      var numValues = file.getUint32(entryOffset + 4, !bigEnd),
        valueOffset = file.getUint32(entryOffset + 8, !bigEnd) + tiffStart, offset, vals, n;
  
      if (numValues === 1) {
        return file.getUint16(entryOffset + 8, !bigEnd);
      } else {
        offset = numValues > 2 ? valueOffset : (entryOffset + 8);
        vals = [];
        for (n = 0; n < numValues; n++) {
          vals[n] = file.getUint16(offset + 2 * n, !bigEnd);
        }
        return vals;
      }
    }
  
    function getStringFromDB(buffer, start, length) {
      var outstr = '';
      for (var n = start; n < start + length; n++) {
        outstr += String.fromCharCode(buffer.getUint8(n));
      }
      return outstr;
    }
  
    function readEXIFData(file, start) {
      if (getStringFromDB(file, start, 4) !== 'Exif') {
        return 'Not valid EXIF data! ' + getStringFromDB(file, start, 4);
      }
  
      var bigEnd,
        tiffOffset = start + 6;
  
      // test for TIFF validity and endianness
      if (file.getUint16(tiffOffset) === 0x4949) {
        bigEnd = false;
      } else if (file.getUint16(tiffOffset) === 0x4D4D) {
        bigEnd = true;
      } else {
        return 'Not valid TIFF data! (no 0x4949 or 0x4D4D)';
      }
  
      if (file.getUint16(tiffOffset + 2, !bigEnd) !== 0x002A) {
        return 'Not valid TIFF data! (no 0x002A)';
      }
  
      var firstIFDOffset = file.getUint32(tiffOffset + 4, !bigEnd);
  
      if (firstIFDOffset < 0x00000008) {
        return 'Not valid TIFF data! (First offset less than 8)', file.getUint32(tiffOffset + 4, !bigEnd);
      }
  
      return readOrientation(file, tiffOffset, tiffOffset + firstIFDOffset, bigEnd);
  
    }
  
    upload.isExifSupported = function () {
      return window.FileReader && new FileReader().readAsArrayBuffer && upload.isResizeSupported();
    };
  
    upload.orientation = function (file) {
      if (file.$ngfOrientation != null) {
        return upload.emptyPromise(file.$ngfOrientation);
      }
      var defer = $q.defer();
      var fileReader = new FileReader();
      fileReader.onload = function (e) {
        var orientation;
        try {
          orientation = findEXIFinJPEG(e.target.result);
        } catch (e) {
          defer.reject(e);
          return;
        }
        if (angular.isString(orientation)) {
          defer.resolve(1);
        } else {
          file.$ngfOrientation = orientation;
          defer.resolve(orientation);
        }
      };
      fileReader.onerror = function (e) {
        defer.reject(e);
      };
  
      fileReader.readAsArrayBuffer(file);
      return defer.promise;
    };
  
  
    function applyTransform(ctx, orientation, width, height) {
      switch (orientation) {
        case 2:
          return ctx.transform(-1, 0, 0, 1, width, 0);
        case 3:
          return ctx.transform(-1, 0, 0, -1, width, height);
        case 4:
          return ctx.transform(1, 0, 0, -1, 0, height);
        case 5:
          return ctx.transform(0, 1, 1, 0, 0, 0);
        case 6:
          return ctx.transform(0, 1, -1, 0, height, 0);
        case 7:
          return ctx.transform(0, -1, -1, 0, height, width);
        case 8:
          return ctx.transform(0, -1, 1, 0, 0, width);
      }
    }
  
    upload.applyExifRotation = function (file) {
      if (file.type.indexOf('image/jpeg') !== 0) {
        return upload.emptyPromise(file);
      }
  
      var deferred = $q.defer();
      upload.orientation(file).then(function (orientation) {
        if (!orientation || orientation < 2 || orientation > 8) {
          deferred.resolve(file);
        }
        upload.dataUrl(file, true).then(function (url) {
          var canvas = document.createElement('canvas');
          var img = document.createElement('img');
  
          img.onload = function () {
            try {
              canvas.width = orientation > 4 ? img.height : img.width;
              canvas.height = orientation > 4 ? img.width : img.height;
              var ctx = canvas.getContext('2d');
              applyTransform(ctx, orientation, img.width, img.height);
              ctx.drawImage(img, 0, 0);
              var dataUrl = canvas.toDataURL(file.type || 'image/WebP', 0.934);
              dataUrl = restoreExif(url, dataUrl);
              var blob = upload.dataUrltoBlob(dataUrl, file.name);
              deferred.resolve(blob);
            } catch (e) {
              deferred.reject(e);
            }
          };
          img.onerror = function () {
            deferred.reject();
          };
          img.src = url;
        }, function (e) {
          deferred.reject(e);
        });
      }, function (e) {
        deferred.reject(e);
      });
      return deferred.promise;
    };
  
    function restoreExif(orig, resized) {
  
      var ExifRestorer = {};
  
      ExifRestorer.KEY_STR = 'ABCDEFGHIJKLMNOP' +
        'QRSTUVWXYZabcdef' +
        'ghijklmnopqrstuv' +
        'wxyz0123456789+/' +
        '=';
  
      ExifRestorer.encode64 = function (input) {
        var output = '',
          chr1, chr2, chr3 = '',
          enc1, enc2, enc3, enc4 = '',
          i = 0;
  
        do {
          chr1 = input[i++];
          chr2 = input[i++];
          chr3 = input[i++];
  
          enc1 = chr1 >> 2;
          enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
          enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
          enc4 = chr3 & 63;
  
          if (isNaN(chr2)) {
            enc3 = enc4 = 64;
          } else if (isNaN(chr3)) {
            enc4 = 64;
          }
  
          output = output +
            this.KEY_STR.charAt(enc1) +
            this.KEY_STR.charAt(enc2) +
            this.KEY_STR.charAt(enc3) +
            this.KEY_STR.charAt(enc4);
          chr1 = chr2 = chr3 = '';
          enc1 = enc2 = enc3 = enc4 = '';
        } while (i < input.length);
  
        return output;
      };
  
      ExifRestorer.restore = function (origFileBase64, resizedFileBase64) {
        if (!origFileBase64.match('data:image/jpeg;base64,')) {
          return resizedFileBase64;
        }
  
        var rawImage = this.decode64(origFileBase64.replace('data:image/jpeg;base64,', ''));
        var segments = this.slice2Segments(rawImage);
  
        var image = this.exifManipulation(resizedFileBase64, segments);
  
        return 'data:image/jpeg;base64,' + this.encode64(image);
      };
  
  
      ExifRestorer.exifManipulation = function (resizedFileBase64, segments) {
        var exifArray = this.getExifArray(segments),
          newImageArray = this.insertExif(resizedFileBase64, exifArray);
        return new Uint8Array(newImageArray);
      };
  
  
      ExifRestorer.getExifArray = function (segments) {
        var seg;
        for (var x = 0; x < segments.length; x++) {
          seg = segments[x];
          if (seg[0] === 255 & seg[1] === 225) //(ff e1)
          {
            return seg;
          }
        }
        return [];
      };
  
  
      ExifRestorer.insertExif = function (resizedFileBase64, exifArray) {
        var imageData = resizedFileBase64.replace('data:image/jpeg;base64,', ''),
          buf = this.decode64(imageData),
          separatePoint = buf.indexOf(255, 3),
          mae = buf.slice(0, separatePoint),
          ato = buf.slice(separatePoint),
          array = mae;
  
        array = array.concat(exifArray);
        array = array.concat(ato);
        return array;
      };
  
  
      ExifRestorer.slice2Segments = function (rawImageArray) {
        var head = 0,
          segments = [];
  
        while (1) {
          if (rawImageArray[head] === 255 & rawImageArray[head + 1] === 218) {
            break;
          }
          if (rawImageArray[head] === 255 & rawImageArray[head + 1] === 216) {
            head += 2;
          }
          else {
            var length = rawImageArray[head + 2] * 256 + rawImageArray[head + 3],
              endPoint = head + length + 2,
              seg = rawImageArray.slice(head, endPoint);
            segments.push(seg);
            head = endPoint;
          }
          if (head > rawImageArray.length) {
            break;
          }
        }
  
        return segments;
      };
  
  
      ExifRestorer.decode64 = function (input) {
        var chr1, chr2, chr3 = '',
          enc1, enc2, enc3, enc4 = '',
          i = 0,
          buf = [];
  
        // remove all characters that are not A-Z, a-z, 0-9, +, /, or =
        var base64test = /[^A-Za-z0-9\+\/\=]/g;
        if (base64test.exec(input)) {
          console.log('There were invalid base64 characters in the input text.\n' +
            'Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and "="\n' +
            'Expect errors in decoding.');
        }
        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, '');
  
        do {
          enc1 = this.KEY_STR.indexOf(input.charAt(i++));
          enc2 = this.KEY_STR.indexOf(input.charAt(i++));
          enc3 = this.KEY_STR.indexOf(input.charAt(i++));
          enc4 = this.KEY_STR.indexOf(input.charAt(i++));
  
          chr1 = (enc1 << 2) | (enc2 >> 4);
          chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
          chr3 = ((enc3 & 3) << 6) | enc4;
  
          buf.push(chr1);
  
          if (enc3 !== 64) {
            buf.push(chr2);
          }
          if (enc4 !== 64) {
            buf.push(chr3);
          }
  
          chr1 = chr2 = chr3 = '';
          enc1 = enc2 = enc3 = enc4 = '';
  
        } while (i < input.length);
  
        return buf;
      };
  
      return ExifRestorer.restore(orig, resized);  //<= EXIF
    }
  
    return upload;
  }]);
  