@lumen5/lottie-web 5.14.0

package/player/js/utils/common.js

@@ -0,0 +1,280 @@
+import {
+  createSizedArray,
+} from './helpers/arrays';
+
+let subframeEnabled = true;
+let expressionsPlugin = null;
+let expressionsInterfaces = null;
+let idPrefix = '';
+const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+let _shouldRoundValues = false;
+const bmPow = Math.pow;
+const bmSqrt = Math.sqrt;
+const bmFloor = Math.floor;
+const bmMax = Math.max;
+const bmMin = Math.min;
+
+const BMMath = {};
+(function () {
+  var propertyNames = ['abs', 'acos', 'acosh', 'asin', 'asinh', 'atan', 'atanh', 'atan2', 'ceil', 'cbrt', 'expm1', 'clz32', 'cos', 'cosh', 'exp', 'floor', 'fround', 'hypot', 'imul', 'log', 'log1p', 'log2', 'log10', 'max', 'min', 'pow', 'random', 'round', 'sign', 'sin', 'sinh', 'sqrt', 'tan', 'tanh', 'trunc', 'E', 'LN10', 'LN2', 'LOG10E', 'LOG2E', 'PI', 'SQRT1_2', 'SQRT2'];
+  var i;
+  var len = propertyNames.length;
+  for (i = 0; i < len; i += 1) {
+    BMMath[propertyNames[i]] = Math[propertyNames[i]];
+  }
+}());
+
+function ProjectInterface() { return {}; }
+BMMath.random = Math.random;
+BMMath.abs = function (val) {
+  var tOfVal = typeof val;
+  if (tOfVal === 'object' && val.length) {
+    var absArr = createSizedArray(val.length);
+    var i;
+    var len = val.length;
+    for (i = 0; i < len; i += 1) {
+      absArr[i] = Math.abs(val[i]);
+    }
+    return absArr;
+  }
+  return Math.abs(val);
+};
+let defaultCurveSegments = 150;
+const degToRads = Math.PI / 180;
+const roundCorner = 0.5519;
+
+function roundValues(flag) {
+  _shouldRoundValues = !!flag;
+}
+
+function bmRnd(value) {
+  if (_shouldRoundValues) {
+    return Math.round(value);
+  }
+  return value;
+}
+
+function styleDiv(element) {
+  element.style.position = 'absolute';
+  element.style.top = 0;
+  element.style.left = 0;
+  element.style.display = 'block';
+  element.style.transformOrigin = '0 0';
+  element.style.webkitTransformOrigin = '0 0';
+  element.style.backfaceVisibility = 'visible';
+  element.style.webkitBackfaceVisibility = 'visible';
+  element.style.transformStyle = 'preserve-3d';
+  element.style.webkitTransformStyle = 'preserve-3d';
+  element.style.mozTransformStyle = 'preserve-3d';
+}
+
+function BMEnterFrameEvent(type, currentTime, totalTime, frameMultiplier) {
+  this.type = type;
+  this.currentTime = currentTime;
+  this.totalTime = totalTime;
+  this.direction = frameMultiplier < 0 ? -1 : 1;
+}
+
+function BMCompleteEvent(type, frameMultiplier) {
+  this.type = type;
+  this.direction = frameMultiplier < 0 ? -1 : 1;
+}
+
+function BMCompleteLoopEvent(type, totalLoops, currentLoop, frameMultiplier) {
+  this.type = type;
+  this.currentLoop = currentLoop;
+  this.totalLoops = totalLoops;
+  this.direction = frameMultiplier < 0 ? -1 : 1;
+}
+
+function BMSegmentStartEvent(type, firstFrame, totalFrames) {
+  this.type = type;
+  this.firstFrame = firstFrame;
+  this.totalFrames = totalFrames;
+}
+
+function BMDestroyEvent(type, target) {
+  this.type = type;
+  this.target = target;
+}
+
+function BMRenderFrameErrorEvent(nativeError, currentTime) {
+  this.type = 'renderFrameError';
+  this.nativeError = nativeError;
+  this.currentTime = currentTime;
+}
+
+function BMConfigErrorEvent(nativeError) {
+  this.type = 'configError';
+  this.nativeError = nativeError;
+}
+
+function BMAnimationConfigErrorEvent(type, nativeError) {
+  this.type = type;
+  this.nativeError = nativeError;
+}
+
+const createElementID = (function () {
+  var _count = 0;
+  return function createID() {
+    _count += 1;
+    return idPrefix + '__lottie_element_' + _count;
+  };
+}());
+
+function HSVtoRGB(h, s, v) {
+  var r;
+  var g;
+  var b;
+  var i;
+  var f;
+  var p;
+  var q;
+  var t;
+  i = Math.floor(h * 6);
+  f = h * 6 - i;
+  p = v * (1 - s);
+  q = v * (1 - f * s);
+  t = v * (1 - (1 - f) * s);
+  switch (i % 6) {
+    case 0: r = v; g = t; b = p; break;
+    case 1: r = q; g = v; b = p; break;
+    case 2: r = p; g = v; b = t; break;
+    case 3: r = p; g = q; b = v; break;
+    case 4: r = t; g = p; b = v; break;
+    case 5: r = v; g = p; b = q; break;
+    default: break;
+  }
+  return [r,
+    g,
+    b];
+}
+
+function RGBtoHSV(r, g, b) {
+  var max = Math.max(r, g, b);
+  var min = Math.min(r, g, b);
+  var d = max - min;
+  var h;
+  var s = (max === 0 ? 0 : d / max);
+  var v = max / 255;
+
+  switch (max) {
+    case min: h = 0; break;
+    case r: h = (g - b) + d * (g < b ? 6 : 0); h /= 6 * d; break;
+    case g: h = (b - r) + d * 2; h /= 6 * d; break;
+    case b: h = (r - g) + d * 4; h /= 6 * d; break;
+    default: break;
+  }
+
+  return [
+    h,
+    s,
+    v,
+  ];
+}
+
+function addSaturationToRGB(color, offset) {
+  var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255);
+  hsv[1] += offset;
+  if (hsv[1] > 1) {
+    hsv[1] = 1;
+  } else if (hsv[1] <= 0) {
+    hsv[1] = 0;
+  }
+  return HSVtoRGB(hsv[0], hsv[1], hsv[2]);
+}
+
+function addBrightnessToRGB(color, offset) {
+  var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255);
+  hsv[2] += offset;
+  if (hsv[2] > 1) {
+    hsv[2] = 1;
+  } else if (hsv[2] < 0) {
+    hsv[2] = 0;
+  }
+  return HSVtoRGB(hsv[0], hsv[1], hsv[2]);
+}
+
+function addHueToRGB(color, offset) {
+  var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255);
+  hsv[0] += offset / 360;
+  if (hsv[0] > 1) {
+    hsv[0] -= 1;
+  } else if (hsv[0] < 0) {
+    hsv[0] += 1;
+  }
+  return HSVtoRGB(hsv[0], hsv[1], hsv[2]);
+}
+
+const rgbToHex = (function () {
+  var colorMap = [];
+  var i;
+  var hex;
+  for (i = 0; i < 256; i += 1) {
+    hex = i.toString(16);
+    colorMap[i] = hex.length === 1 ? '0' + hex : hex;
+  }
+
+  return function (r, g, b) {
+    if (r < 0) {
+      r = 0;
+    }
+    if (g < 0) {
+      g = 0;
+    }
+    if (b < 0) {
+      b = 0;
+    }
+    return '#' + colorMap[r] + colorMap[g] + colorMap[b];
+  };
+}());
+
+const setSubframeEnabled = (flag) => { subframeEnabled = !!flag; };
+const getSubframeEnabled = () => subframeEnabled;
+const setExpressionsPlugin = (value) => { expressionsPlugin = value; };
+const getExpressionsPlugin = () => expressionsPlugin;
+const setExpressionInterfaces = (value) => { expressionsInterfaces = value; };
+const getExpressionInterfaces = () => expressionsInterfaces;
+const setDefaultCurveSegments = (value) => { defaultCurveSegments = value; };
+const getDefaultCurveSegments = () => defaultCurveSegments;
+const setIdPrefix = (value) => { idPrefix = value; };
+const getIdPrefix = () => idPrefix;
+
+export {
+  setSubframeEnabled,
+  getSubframeEnabled,
+  setExpressionsPlugin,
+  getExpressionsPlugin,
+  setExpressionInterfaces,
+  getExpressionInterfaces,
+  setDefaultCurveSegments,
+  getDefaultCurveSegments,
+  isSafari,
+  bmPow,
+  bmSqrt,
+  bmFloor,
+  bmMax,
+  bmMin,
+  degToRads,
+  roundCorner,
+  styleDiv,
+  bmRnd,
+  roundValues,
+  BMEnterFrameEvent,
+  BMCompleteEvent,
+  BMCompleteLoopEvent,
+  BMSegmentStartEvent,
+  BMDestroyEvent,
+  BMRenderFrameErrorEvent,
+  BMConfigErrorEvent,
+  BMAnimationConfigErrorEvent,
+  createElementID,
+  addSaturationToRGB,
+  addBrightnessToRGB,
+  addHueToRGB,
+  rgbToHex,
+  setIdPrefix,
+  getIdPrefix,
+  BMMath,
+  ProjectInterface,
+};

package/player/js/utils/expressions/CompInterface.js

@@ -0,0 +1,28 @@
+const CompExpressionInterface = (function () {
+  return function (comp) {
+    function _thisLayerFunction(name) {
+      var i = 0;
+      var len = comp.layers.length;
+      while (i < len) {
+        if (comp.layers[i].nm === name || comp.layers[i].ind === name) {
+          return comp.elements[i].layerInterface;
+        }
+        i += 1;
+      }
+      return null;
+      // return {active:false};
+    }
+    Object.defineProperty(_thisLayerFunction, '_name', { value: comp.data.nm });
+    _thisLayerFunction.layer = _thisLayerFunction;
+    _thisLayerFunction.pixelAspect = 1;
+    _thisLayerFunction.height = comp.data.h || comp.globalData.compSize.h;
+    _thisLayerFunction.width = comp.data.w || comp.globalData.compSize.w;
+    _thisLayerFunction.pixelAspect = 1;
+    _thisLayerFunction.frameDuration = 1 / comp.globalData.frameRate;
+    _thisLayerFunction.displayStartTime = 0;
+    _thisLayerFunction.numLayers = comp.layers.length;
+    return _thisLayerFunction;
+  };
+}());
+
+export default CompExpressionInterface;

package/player/js/utils/expressions/EffectInterface.js

@@ -0,0 +1,111 @@
+import ExpressionPropertyInterface from './ExpressionValueFactory';
+import propertyGroupFactory from './PropertyGroupFactory';
+import PropertyInterface from './PropertyInterface';
+
+const EffectsExpressionInterface = (function () {
+  var ob = {
+    createEffectsInterface: createEffectsInterface,
+  };
+
+  function createEffectsInterface(elem, propertyGroup) {
+    if (elem.effectsManager) {
+      var effectElements = [];
+      var effectsData = elem.data.ef;
+      var i;
+      var len = elem.effectsManager.effectElements.length;
+      for (i = 0; i < len; i += 1) {
+        effectElements.push(createGroupInterface(effectsData[i], elem.effectsManager.effectElements[i], propertyGroup, elem));
+      }
+
+      var effects = elem.data.ef || [];
+      var groupInterface = function (name) {
+        i = 0;
+        len = effects.length;
+        while (i < len) {
+          if (name === effects[i].nm || name === effects[i].mn || name === effects[i].ix) {
+            return effectElements[i];
+          }
+          i += 1;
+        }
+        return null;
+      };
+      Object.defineProperty(groupInterface, 'numProperties', {
+        get: function () {
+          return effects.length;
+        },
+      });
+      return groupInterface;
+    }
+    return null;
+  }
+
+  function createGroupInterface(data, elements, propertyGroup, elem) {
+    function groupInterface(name) {
+      var effects = data.ef;
+      var i = 0;
+      var len = effects.length;
+      while (i < len) {
+        if (name === effects[i].nm || name === effects[i].mn || name === effects[i].ix) {
+          if (effects[i].ty === 5) {
+            return effectElements[i];
+          }
+          return effectElements[i]();
+        }
+        i += 1;
+      }
+      throw new Error();
+    }
+    var _propertyGroup = propertyGroupFactory(groupInterface, propertyGroup);
+
+    var effectElements = [];
+    var i;
+    var len = data.ef.length;
+    for (i = 0; i < len; i += 1) {
+      if (data.ef[i].ty === 5) {
+        effectElements.push(createGroupInterface(data.ef[i], elements.effectElements[i], elements.effectElements[i].propertyGroup, elem));
+      } else {
+        effectElements.push(createValueInterface(elements.effectElements[i], data.ef[i].ty, elem, _propertyGroup));
+      }
+    }
+
+    if (data.mn === 'ADBE Color Control') {
+      Object.defineProperty(groupInterface, 'color', {
+        get: function () {
+          return effectElements[0]();
+        },
+      });
+    }
+    Object.defineProperties(groupInterface, {
+      numProperties: {
+        get: function () {
+          return data.np;
+        },
+      },
+      _name: { value: data.nm },
+      propertyGroup: { value: _propertyGroup },
+    });
+    groupInterface.enabled = data.en !== 0;
+    groupInterface.active = groupInterface.enabled;
+    return groupInterface;
+  }
+
+  function createValueInterface(element, type, elem, propertyGroup) {
+    var expressionProperty = ExpressionPropertyInterface(element.p);
+    function interfaceFunction() {
+      if (type === 10) {
+        return elem.comp.compInterface(element.p.v);
+      }
+      return expressionProperty();
+    }
+
+    if (element.p.setGroupProperty) {
+      element.p.setGroupProperty(PropertyInterface('', propertyGroup));
+    }
+
+    return interfaceFunction;
+  }
+
+  return ob;
+}());
+
+export default EffectsExpressionInterface;