fabric 5.3.0 → 6.0.0-beta3

package/src/mixins/object_straightening.mixin.js

@@ -1,80 +0,0 @@
-fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ {
-
-  /**
-   * @private
-   * @return {Number} angle value
-   */
-  _getAngleValueForStraighten: function() {
-    var angle = this.angle % 360;
-    if (angle > 0) {
-      return Math.round((angle - 1) / 90) * 90;
-    }
-    return Math.round(angle / 90) * 90;
-  },
-
-  /**
-   * Straightens an object (rotating it from current angle to one of 0, 90, 180, 270, etc. depending on which is closer)
-   * @return {fabric.Object} thisArg
-   * @chainable
-   */
-  straighten: function() {
-    return this.rotate(this._getAngleValueForStraighten());
-  },
-
-  /**
-   * Same as {@link fabric.Object.prototype.straighten} but with animation
-   * @param {Object} callbacks Object with callback functions
-   * @param {Function} [callbacks.onComplete] Invoked on completion
-   * @param {Function} [callbacks.onChange] Invoked on every step of animation
-   * @return {fabric.Object} thisArg
-   */
-  fxStraighten: function(callbacks) {
-    callbacks = callbacks || { };
-
-    var empty = function() { },
-        onComplete = callbacks.onComplete || empty,
-        onChange = callbacks.onChange || empty,
-        _this = this;
-
-    return fabric.util.animate({
-      target: this,
-      startValue: this.get('angle'),
-      endValue: this._getAngleValueForStraighten(),
-      duration: this.FX_DURATION,
-      onChange: function(value) {
-        _this.rotate(value);
-        onChange();
-      },
-      onComplete: function() {
-        _this.setCoords();
-        onComplete();
-      },
-    });
-  }
-});
-
-fabric.util.object.extend(fabric.StaticCanvas.prototype, /** @lends fabric.StaticCanvas.prototype */ {
-
-  /**
-   * Straightens object, then rerenders canvas
-   * @param {fabric.Object} object Object to straighten
-   * @return {fabric.Canvas} thisArg
-   * @chainable
-   */
-  straightenObject: function (object) {
-    object.straighten();
-    this.requestRenderAll();
-    return this;
-  },
-
-  /**
-   * Same as {@link fabric.Canvas.prototype.straightenObject}, but animated
-   * @param {fabric.Object} object Object to straighten
-   * @return {fabric.Canvas} thisArg
-   */
-  fxStraightenObject: function (object) {
-    return object.fxStraighten({
-      onChange: this.requestRenderAllBound
-    });
-  }
-});

package/src/mixins/observable.mixin.js

@@ -1,141 +0,0 @@
-(function() {
-
-  /**
-   * @private
-   * @param {String} eventName
-   * @param {Function} handler
-   */
-  function _removeEventListener(eventName, handler) {
-    if (!this.__eventListeners[eventName]) {
-      return;
-    }
-    var eventListener = this.__eventListeners[eventName];
-    if (handler) {
-      eventListener[eventListener.indexOf(handler)] = false;
-    }
-    else {
-      fabric.util.array.fill(eventListener, false);
-    }
-  }
-
-  /**
-   * Observes specified event
-   * @memberOf fabric.Observable
-   * @alias on
-   * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})
-   * @param {Function} handler Function that receives a notification when an event of the specified type occurs
-   * @return {Self} thisArg
-   * @chainable
-   */
-  function on(eventName, handler) {
-    if (!this.__eventListeners) {
-      this.__eventListeners = { };
-    }
-    // one object with key/value pairs was passed
-    if (arguments.length === 1) {
-      for (var prop in eventName) {
-        this.on(prop, eventName[prop]);
-      }
-    }
-    else {
-      if (!this.__eventListeners[eventName]) {
-        this.__eventListeners[eventName] = [];
-      }
-      this.__eventListeners[eventName].push(handler);
-    }
-    return this;
-  }
-
-  function _once(eventName, handler) {
-    var _handler = function () {
-      handler.apply(this, arguments);
-      this.off(eventName, _handler);
-    }.bind(this);
-    this.on(eventName, _handler);
-  }
-
-  function once(eventName, handler) {
-    // one object with key/value pairs was passed
-    if (arguments.length === 1) {
-      for (var prop in eventName) {
-        _once.call(this, prop, eventName[prop]);
-      }
-    }
-    else {
-      _once.call(this, eventName, handler);
-    }
-    return this;
-  }
-
-  /**
-   * Stops event observing for a particular event handler. Calling this method
-   * without arguments removes all handlers for all events
-   * @memberOf fabric.Observable
-   * @alias off
-   * @param {String|Object} eventName Event name (eg. 'after:render') or object with key/value pairs (eg. {'after:render': handler, 'selection:cleared': handler})
-   * @param {Function} handler Function to be deleted from EventListeners
-   * @return {Self} thisArg
-   * @chainable
-   */
-  function off(eventName, handler) {
-    if (!this.__eventListeners) {
-      return this;
-    }
-
-    // remove all key/value pairs (event name -> event handler)
-    if (arguments.length === 0) {
-      for (eventName in this.__eventListeners) {
-        _removeEventListener.call(this, eventName);
-      }
-    }
-    // one object with key/value pairs was passed
-    else if (arguments.length === 1 && typeof arguments[0] === 'object') {
-      for (var prop in eventName) {
-        _removeEventListener.call(this, prop, eventName[prop]);
-      }
-    }
-    else {
-      _removeEventListener.call(this, eventName, handler);
-    }
-    return this;
-  }
-
-  /**
-   * Fires event with an optional options object
-   * @memberOf fabric.Observable
-   * @param {String} eventName Event name to fire
-   * @param {Object} [options] Options object
-   * @return {Self} thisArg
-   * @chainable
-   */
-  function fire(eventName, options) {
-    if (!this.__eventListeners) {
-      return this;
-    }
-
-    var listenersForEvent = this.__eventListeners[eventName];
-    if (!listenersForEvent) {
-      return this;
-    }
-
-    for (var i = 0, len = listenersForEvent.length; i < len; i++) {
-      listenersForEvent[i] && listenersForEvent[i].call(this, options || { });
-    }
-    this.__eventListeners[eventName] = listenersForEvent.filter(function(value) {
-      return value !== false;
-    });
-    return this;
-  }
-
-  /**
-   * @namespace fabric.Observable
-   * @tutorial {@link http://fabricjs.com/fabric-intro-part-2#events}
-   * @see {@link http://fabricjs.com/events|Events demo}
-   */
-  fabric.Observable = {
-    fire: fire,
-    on: on,
-    once: once,
-    off: off,
-  };
-})();

package/src/mixins/shared_methods.mixin.js

@@ -1,94 +0,0 @@
-/**
- * @namespace fabric.CommonMethods
- */
-fabric.CommonMethods = {
-
-  /**
-   * Sets object's properties from options
-   * @param {Object} [options] Options object
-   */
-  _setOptions: function(options) {
-    for (var prop in options) {
-      this.set(prop, options[prop]);
-    }
-  },
-
-  /**
-   * @private
-   * @param {Object} [filler] Options object
-   * @param {String} [property] property to set the Gradient to
-   */
-  _initGradient: function(filler, property) {
-    if (filler && filler.colorStops && !(filler instanceof fabric.Gradient)) {
-      this.set(property, new fabric.Gradient(filler));
-    }
-  },
-
-  /**
-   * @private
-   * @param {Object} [filler] Options object
-   * @param {String} [property] property to set the Pattern to
-   * @param {Function} [callback] callback to invoke after pattern load
-   */
-  _initPattern: function(filler, property, callback) {
-    if (filler && filler.source && !(filler instanceof fabric.Pattern)) {
-      this.set(property, new fabric.Pattern(filler, callback));
-    }
-    else {
-      callback && callback();
-    }
-  },
-
-  /**
-   * @private
-   */
-  _setObject: function(obj) {
-    for (var prop in obj) {
-      this._set(prop, obj[prop]);
-    }
-  },
-
-  /**
-   * Sets property to a given value. When changing position/dimension -related properties (left, top, scale, angle, etc.) `set` does not update position of object's borders/controls. If you need to update those, call `setCoords()`.
-   * @param {String|Object} key Property name or object (if object, iterate over the object properties)
-   * @param {Object|Function} value Property value (if function, the value is passed into it and its return value is used as a new one)
-   * @return {fabric.Object} thisArg
-   * @chainable
-   */
-  set: function(key, value) {
-    if (typeof key === 'object') {
-      this._setObject(key);
-    }
-    else {
-      this._set(key, value);
-    }
-    return this;
-  },
-
-  _set: function(key, value) {
-    this[key] = value;
-  },
-
-  /**
-   * Toggles specified property from `true` to `false` or from `false` to `true`
-   * @param {String} property Property to toggle
-   * @return {fabric.Object} thisArg
-   * @chainable
-   */
-  toggle: function(property) {
-    var value = this.get(property);
-    if (typeof value === 'boolean') {
-      this.set(property, !value);
-    }
-    return this;
-  },
-
-  /**
-   * Basic getter
-   * @param {String} property Property name
-   * @return {*} value of a property
-   */
-  get: function(property) {
-    return this[property];
-  }
-};

package/src/mixins/stateful.mixin.js

@@ -1,107 +0,0 @@
-(function() {
-
-  var extend = fabric.util.object.extend,
-      originalSet = 'stateProperties';
-
-  /*
-    Depends on `stateProperties`
-  */
-  function saveProps(origin, destination, props) {
-    var tmpObj = { }, deep = true;
-    props.forEach(function(prop) {
-      tmpObj[prop] = origin[prop];
-    });
-
-    extend(origin[destination], tmpObj, deep);
-  }
-
-  function _isEqual(origValue, currentValue, firstPass) {
-    if (origValue === currentValue) {
-      // if the objects are identical, return
-      return true;
-    }
-    else if (Array.isArray(origValue)) {
-      if (!Array.isArray(currentValue) || origValue.length !== currentValue.length) {
-        return false;
-      }
-      for (var i = 0, len = origValue.length; i < len; i++) {
-        if (!_isEqual(origValue[i], currentValue[i])) {
-          return false;
-        }
-      }
-      return true;
-    }
-    else if (origValue && typeof origValue === 'object') {
-      var keys = Object.keys(origValue), key;
-      if (!currentValue ||
-          typeof currentValue !== 'object' ||
-          (!firstPass && keys.length !== Object.keys(currentValue).length)
-      ) {
-        return false;
-      }
-      for (var i = 0, len = keys.length; i < len; i++) {
-        key = keys[i];
-        // since clipPath is in the statefull cache list and the clipPath objects
-        // would be iterated as an object, this would lead to possible infinite recursion
-        // we do not want to compare those.
-        if (key === 'canvas' || key === 'group') {
-          continue;
-        }
-        if (!_isEqual(origValue[key], currentValue[key])) {
-          return false;
-        }
-      }
-      return true;
-    }
-  }
-
-
-  fabric.util.object.extend(fabric.Object.prototype, /** @lends fabric.Object.prototype */ {
-
-    /**
-     * Returns true if object state (one of its state properties) was changed
-     * @param {String} [propertySet] optional name for the set of property we want to save
-     * @return {Boolean} true if instance' state has changed since `{@link fabric.Object#saveState}` was called
-     */
-    hasStateChanged: function(propertySet) {
-      propertySet = propertySet || originalSet;
-      var dashedPropertySet = '_' + propertySet;
-      if (Object.keys(this[dashedPropertySet]).length < this[propertySet].length) {
-        return true;
-      }
-      return !_isEqual(this[dashedPropertySet], this, true);
-    },
-
-    /**
-     * Saves state of an object
-     * @param {Object} [options] Object with additional `stateProperties` array to include when saving state
-     * @return {fabric.Object} thisArg
-     */
-    saveState: function(options) {
-      var propertySet = options && options.propertySet || originalSet,
-          destination = '_' + propertySet;
-      if (!this[destination]) {
-        return this.setupState(options);
-      }
-      saveProps(this, destination, this[propertySet]);
-      if (options && options.stateProperties) {
-        saveProps(this, destination, options.stateProperties);
-      }
-      return this;
-    },
-
-    /**
-     * Setups state of an object
-     * @param {Object} [options] Object with additional `stateProperties` array to include when saving state
-     * @return {fabric.Object} thisArg
-     */
-    setupState: function(options) {
-      options = options || { };
-      var propertySet = options.propertySet || originalSet;
-      options.propertySet = propertySet;
-      this['_' + propertySet] = { };
-      this.saveState(options);
-      return this;
-    }
-  });
-})();