@ptcwebops/ptcw-design 0.0.14 → 0.1.0

package/dist/{esm → ptcw-design}/lottie-player.entry.js

@@ -1,28 +1,66 @@
-import { r as registerInstance, c as createEvent, h } from './index-5b1c792c.js';
+import { r as registerInstance, f as createEvent, h } from './index-f7043a90.js';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
 
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
 		exports: {},
 		require: function (path, base) {
-			return commonjsRequire();
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
 		}
 	}, fn(module, module.exports), module.exports;
 }
 
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
 var lottie_svg = createCommonjsModule(function (module) {
 (typeof navigator !== "undefined") && (function(root, factory) {
-    if (module.exports) {
+    if (typeof undefined === "function" && undefined.amd) {
+        undefined(function() {
+            return factory(root);
+        });
+    } else if ('object' === "object" && module.exports) {
         module.exports = factory(root);
     } else {
         root.lottie = factory(root);
         root.bodymovin = root.lottie;
     }
 }((window || {}), function(window) {
+	/* global locationHref:writable, animationManager, subframeEnabled:writable, defaultCurveSegments:writable, roundValues,
+expressionsPlugin:writable, PropertyFactory, ShapePropertyFactory, Matrix, idPrefix:writable */
+/* exported locationHref, subframeEnabled, expressionsPlugin, idPrefix */
+
+'use strict';
 
 /* exported svgNS, locationHref, initialDefaultFrame */
 
@@ -42,9 +80,12 @@ var subframeEnabled = true;
 var idPrefix = '';
 var expressionsPlugin;
 var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var cachedColors = {};
+var bmRnd;
 var bmPow = Math.pow;
 var bmSqrt = Math.sqrt;
 var bmFloor = Math.floor;
+var bmMax = Math.max;
 var bmMin = Math.min;
 
 var BMMath = {};
@@ -77,6 +118,31 @@ var defaultCurveSegments = 150;
 var degToRads = Math.PI / 180;
 var roundCorner = 0.5519;
 
+function roundValues(flag) {
+  if (flag) {
+    bmRnd = Math.round;
+  } else {
+    bmRnd = function (val) {
+      return val;
+    };
+  }
+}
+roundValues(false);
+
+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;
@@ -118,6 +184,11 @@ function BMConfigErrorEvent(nativeError) {
   this.nativeError = nativeError;
 }
 
+function BMAnimationConfigErrorEvent(type, nativeError) {
+  this.type = type;
+  this.nativeError = nativeError;
+}
+
 var createElementID = (function () {
   var _count = 0;
   return function createID() {
@@ -147,6 +218,7 @@ function HSVtoRGB(h, s, v) {
     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,
@@ -166,6 +238,7 @@ function RGBtoHSV(r, g, b) {
     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 [
@@ -857,8 +930,8 @@ var Matrix = (function () {
         startdenom = math.pow(width, chunks),
         significance = math.pow(2, digits),
         overflow = significance * 2,
-        mask = width - 1;
-         // node.js crypto module, initialized at the bottom.
+        mask = width - 1,
+        nodecrypto;         // node.js crypto module, initialized at the bottom.
 
 //
 // seedrandom()
@@ -1016,6 +1089,7 @@ var Matrix = (function () {
 //
     function autoseed() {
         try {
+            if (nodecrypto) { return tostring(nodecrypto.randomBytes(width)); }
             var out = new Uint8Array(width);
             (global.crypto || global.msCrypto).getRandomValues(out);
             return tostring(out);
@@ -1541,11 +1615,11 @@ function dataFunctionManager() {
         }
         if (layerData.ty === 0) {
           layerData.layers = findCompLayers(layerData.refId, comps);
-          completeLayers(layerData.layers, comps);
+          completeLayers(layerData.layers, comps, fontManager);
         } else if (layerData.ty === 4) {
           completeShapes(layerData.shapes);
         } else if (layerData.ty === 5) {
-          completeText(layerData);
+          completeText(layerData, fontManager);
         }
       }
     }
@@ -1845,7 +1919,7 @@ function dataFunctionManager() {
     checkText(animationData);
     checkChars(animationData);
     checkShapes(animationData);
-    completeLayers(animationData.layers, animationData.assets);
+    completeLayers(animationData.layers, animationData.assets, fontManager);
     animationData.__complete = true;
   }
 
@@ -1899,6 +1973,8 @@ function getFontProperties(fontData) {
       case 'thin':
         fWeight = '200';
         break;
+      default:
+        break;
     }
   }
 
@@ -2717,6 +2793,8 @@ var PropertyFactory = (function () {
         case 1:
           p = new KeyframedMultidimensionalProperty(elem, data, mult, container);
           break;
+        default:
+          break;
       }
     }
     if (p.effectsSequence.length) {
@@ -5251,6 +5329,8 @@ TextAnimatorProperty.prototype.getMeasures = function (documentData, lettersChan
             case 2:
               currentLength += (totalLength - documentData.lineWidths[letters[i].line]) / 2;
               break;
+            default:
+              break;
           }
           currentLine = letters[i].line;
         }
@@ -5537,6 +5617,8 @@ TextAnimatorProperty.prototype.getMeasures = function (documentData, lettersChan
           case 2:
             matrixHelper.translate(letters[i].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i].line]) / 2, 0, 0);
             break;
+          default:
+            break;
         }
         matrixHelper.translate(0, -documentData.ls);
         matrixHelper.translate(offf, 0, 0);
@@ -7257,6 +7339,11 @@ TransformElement.prototype = {
     if (this.data.ao) {
       this.finalTransform.mProp.autoOriented = true;
     }
+
+    // TODO: check TYPE 11: Guided elements
+    if (this.data.ty !== 11) {
+      // this.createElements();
+    }
   },
   renderTransform: function () {
     this.finalTransform._opMdf = this.finalTransform.mProp.o._mdf || this._isFirstFrame;
@@ -7897,6 +7984,68 @@ var SVGElementsRenderer = (function () {
   return ob;
 }());
 
+/* global Matrix */
+
+function ShapeTransformManager() {
+  this.sequences = {};
+  this.sequenceList = [];
+  this.transform_key_count = 0;
+}
+
+ShapeTransformManager.prototype = {
+  addTransformSequence: function (transforms) {
+    var i;
+    var len = transforms.length;
+    var key = '_';
+    for (i = 0; i < len; i += 1) {
+      key += transforms[i].transform.key + '_';
+    }
+    var sequence = this.sequences[key];
+    if (!sequence) {
+      sequence = {
+        transforms: [].concat(transforms),
+        finalTransform: new Matrix(),
+        _mdf: false,
+      };
+      this.sequences[key] = sequence;
+      this.sequenceList.push(sequence);
+    }
+    return sequence;
+  },
+  processSequence: function (sequence, isFirstFrame) {
+    var i = 0;
+    var len = sequence.transforms.length;
+    var _mdf = isFirstFrame;
+    while (i < len && !isFirstFrame) {
+      if (sequence.transforms[i].transform.mProps._mdf) {
+        _mdf = true;
+        break;
+      }
+      i += 1;
+    }
+    if (_mdf) {
+      var props;
+      sequence.finalTransform.reset();
+      for (i = len - 1; i >= 0; i -= 1) {
+        props = sequence.transforms[i].transform.mProps.v.props;
+        sequence.finalTransform.transform(props[0], props[1], props[2], props[3], props[4], props[5], props[6], props[7], props[8], props[9], props[10], props[11], props[12], props[13], props[14], props[15]);
+      }
+    }
+    sequence._mdf = _mdf;
+  },
+  processSequences: function (isFirstFrame) {
+    var i;
+    var len = this.sequenceList.length;
+    for (i = 0; i < len; i += 1) {
+      this.processSequence(this.sequenceList[i], isFirstFrame);
+    }
+  },
+  getNewKey: function () {
+    this.transform_key_count += 1;
+    return '_' + this.transform_key_count;
+  },
+};
+
 /* global LayerExpressionInterface, EffectsExpressionInterface, CompExpressionInterface, ShapeExpressionInterface,
 TextExpressionInterface, getBlendMode,createElementID, EffectsManager */
 
@@ -8297,6 +8446,8 @@ ITextElement.prototype.applyTextPropertiesToMatrix = function (documentData, mat
     case 2:
       matrixHelper.translate(documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]) / 2, 0, 0);
       break;
+    default:
+      break;
   }
   matrixHelper.translate(xPos, yPos, 0);
 };
@@ -10785,13 +10936,371 @@ expressionsPlugin = Expressions;
 /* global BMMath, BezierFactory, createTypedArray, degToRads, shapePool */
 
 var ExpressionManager = (function () {
+  'use strict';
 
   var ob = {};
   var Math = BMMath;
+  var window = null;
+  var document = null;
+  var XMLHttpRequest = null;
+  var fetch = null;
+
+  function $bm_isInstanceOfArray(arr) {
+    return arr.constructor === Array || arr.constructor === Float32Array;
+  }
+
+  function isNumerable(tOfV, v) {
+    return tOfV === 'number' || tOfV === 'boolean' || tOfV === 'string' || v instanceof Number;
+  }
+
+  function $bm_neg(a) {
+    var tOfA = typeof a;
+    if (tOfA === 'number' || tOfA === 'boolean' || a instanceof Number) {
+      return -a;
+    }
+    if ($bm_isInstanceOfArray(a)) {
+      var i;
+      var lenA = a.length;
+      var retArr = [];
+      for (i = 0; i < lenA; i += 1) {
+        retArr[i] = -a[i];
+      }
+      return retArr;
+    }
+    if (a.propType) {
+      return a.v;
+    }
+    return -a;
+  }
+
+  var easeInBez = BezierFactory.getBezierEasing(0.333, 0, 0.833, 0.833, 'easeIn').get;
+  var easeOutBez = BezierFactory.getBezierEasing(0.167, 0.167, 0.667, 1, 'easeOut').get;
+  var easeInOutBez = BezierFactory.getBezierEasing(0.33, 0, 0.667, 1, 'easeInOut').get;
+
+  function sum(a, b) {
+    var tOfA = typeof a;
+    var tOfB = typeof b;
+    if (tOfA === 'string' || tOfB === 'string') {
+      return a + b;
+    }
+    if (isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+      return a + b;
+    }
+    if ($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)) {
+      a = a.slice(0);
+      a[0] += b;
+      return a;
+    }
+    if (isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)) {
+      b = b.slice(0);
+      b[0] = a + b[0];
+      return b;
+    }
+    if ($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)) {
+      var i = 0;
+      var lenA = a.length;
+      var lenB = b.length;
+      var retArr = [];
+      while (i < lenA || i < lenB) {
+        if ((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)) {
+          retArr[i] = a[i] + b[i];
+        } else {
+          retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+        }
+        i += 1;
+      }
+      return retArr;
+    }
+    return 0;
+  }
+  var add = sum;
+
+  function sub(a, b) {
+    var tOfA = typeof a;
+    var tOfB = typeof b;
+    if (isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+      if (tOfA === 'string') {
+        a = parseInt(a, 10);
+      }
+      if (tOfB === 'string') {
+        b = parseInt(b, 10);
+      }
+      return a - b;
+    }
+    if ($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)) {
+      a = a.slice(0);
+      a[0] -= b;
+      return a;
+    }
+    if (isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)) {
+      b = b.slice(0);
+      b[0] = a - b[0];
+      return b;
+    }
+    if ($bm_isInstanceOfArray(a) && $bm_isInstanceOfArray(b)) {
+      var i = 0;
+      var lenA = a.length;
+      var lenB = b.length;
+      var retArr = [];
+      while (i < lenA || i < lenB) {
+        if ((typeof a[i] === 'number' || a[i] instanceof Number) && (typeof b[i] === 'number' || b[i] instanceof Number)) {
+          retArr[i] = a[i] - b[i];
+        } else {
+          retArr[i] = b[i] === undefined ? a[i] : a[i] || b[i];
+        }
+        i += 1;
+      }
+      return retArr;
+    }
+    return 0;
+  }
+
+  function mul(a, b) {
+    var tOfA = typeof a;
+    var tOfB = typeof b;
+    var arr;
+    if (isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+      return a * b;
+    }
+
+    var i;
+    var len;
+    if ($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)) {
+      len = a.length;
+      arr = createTypedArray('float32', len);
+      for (i = 0; i < len; i += 1) {
+        arr[i] = a[i] * b;
+      }
+      return arr;
+    }
+    if (isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)) {
+      len = b.length;
+      arr = createTypedArray('float32', len);
+      for (i = 0; i < len; i += 1) {
+        arr[i] = a * b[i];
+      }
+      return arr;
+    }
+    return 0;
+  }
 
-  BezierFactory.getBezierEasing(0.333, 0, 0.833, 0.833, 'easeIn').get;
-  BezierFactory.getBezierEasing(0.167, 0.167, 0.667, 1, 'easeOut').get;
-  BezierFactory.getBezierEasing(0.33, 0, 0.667, 1, 'easeInOut').get;
+  function div(a, b) {
+    var tOfA = typeof a;
+    var tOfB = typeof b;
+    var arr;
+    if (isNumerable(tOfA, a) && isNumerable(tOfB, b)) {
+      return a / b;
+    }
+    var i;
+    var len;
+    if ($bm_isInstanceOfArray(a) && isNumerable(tOfB, b)) {
+      len = a.length;
+      arr = createTypedArray('float32', len);
+      for (i = 0; i < len; i += 1) {
+        arr[i] = a[i] / b;
+      }
+      return arr;
+    }
+    if (isNumerable(tOfA, a) && $bm_isInstanceOfArray(b)) {
+      len = b.length;
+      arr = createTypedArray('float32', len);
+      for (i = 0; i < len; i += 1) {
+        arr[i] = a / b[i];
+      }
+      return arr;
+    }
+    return 0;
+  }
+  function mod(a, b) {
+    if (typeof a === 'string') {
+      a = parseInt(a, 10);
+    }
+    if (typeof b === 'string') {
+      b = parseInt(b, 10);
+    }
+    return a % b;
+  }
+  var $bm_sum = sum;
+  var $bm_sub = sub;
+  var $bm_mul = mul;
+  var $bm_div = div;
+  var $bm_mod = mod;
+
+  function clamp(num, min, max) {
+    if (min > max) {
+      var mm = max;
+      max = min;
+      min = mm;
+    }
+    return Math.min(Math.max(num, min), max);
+  }
+
+  function radiansToDegrees(val) {
+    return val / degToRads;
+  }
+  var radians_to_degrees = radiansToDegrees;
+
+  function degreesToRadians(val) {
+    return val * degToRads;
+  }
+  var degrees_to_radians = radiansToDegrees;
+
+  var helperLengthArray = [0, 0, 0, 0, 0, 0];
+
+  function length(arr1, arr2) {
+    if (typeof arr1 === 'number' || arr1 instanceof Number) {
+      arr2 = arr2 || 0;
+      return Math.abs(arr1 - arr2);
+    }
+    if (!arr2) {
+      arr2 = helperLengthArray;
+    }
+    var i;
+    var len = Math.min(arr1.length, arr2.length);
+    var addedLength = 0;
+    for (i = 0; i < len; i += 1) {
+      addedLength += Math.pow(arr2[i] - arr1[i], 2);
+    }
+    return Math.sqrt(addedLength);
+  }
+
+  function normalize(vec) {
+    return div(vec, length(vec));
+  }
+
+  function rgbToHsl(val) {
+    var r = val[0]; var g = val[1]; var b = val[2];
+    var max = Math.max(r, g, b);
+    var min = Math.min(r, g, b);
+    var h;
+    var s;
+    var l = (max + min) / 2;
+
+    if (max === min) {
+      h = 0; // achromatic
+      s = 0; // achromatic
+    } else {
+      var d = max - min;
+      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+      switch (max) {
+        case r: h = (g - b) / d + (g < b ? 6 : 0); break;
+        case g: h = (b - r) / d + 2; break;
+        case b: h = (r - g) / d + 4; break;
+        default: break;
+      }
+      h /= 6;
+    }
+
+    return [h, s, l, val[3]];
+  }
+
+  function hue2rgb(p, q, t) {
+    if (t < 0) t += 1;
+    if (t > 1) t -= 1;
+    if (t < 1 / 6) return p + (q - p) * 6 * t;
+    if (t < 1 / 2) return q;
+    if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+  }
+
+  function hslToRgb(val) {
+    var h = val[0];
+    var s = val[1];
+    var l = val[2];
+
+    var r;
+    var g;
+    var b;
+
+    if (s === 0) {
+      r = l; // achromatic
+      b = l; // achromatic
+      g = l; // achromatic
+    } else {
+      var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      var p = 2 * l - q;
+      r = hue2rgb(p, q, h + 1 / 3);
+      g = hue2rgb(p, q, h);
+      b = hue2rgb(p, q, h - 1 / 3);
+    }
+
+    return [r, g, b, val[3]];
+  }
+
+  function linear(t, tMin, tMax, value1, value2) {
+    if (value1 === undefined || value2 === undefined) {
+      value1 = tMin;
+      value2 = tMax;
+      tMin = 0;
+      tMax = 1;
+    }
+    if (tMax < tMin) {
+      var _tMin = tMax;
+      tMax = tMin;
+      tMin = _tMin;
+    }
+    if (t <= tMin) {
+      return value1;
+    } if (t >= tMax) {
+      return value2;
+    }
+    var perc = tMax === tMin ? 0 : (t - tMin) / (tMax - tMin);
+    if (!value1.length) {
+      return value1 + (value2 - value1) * perc;
+    }
+    var i;
+    var len = value1.length;
+    var arr = createTypedArray('float32', len);
+    for (i = 0; i < len; i += 1) {
+      arr[i] = value1[i] + (value2[i] - value1[i]) * perc;
+    }
+    return arr;
+  }
+  function random(min, max) {
+    if (max === undefined) {
+      if (min === undefined) {
+        min = 0;
+        max = 1;
+      } else {
+        max = min;
+        min = undefined;
+      }
+    }
+    if (max.length) {
+      var i;
+      var len = max.length;
+      if (!min) {
+        min = createTypedArray('float32', len);
+      }
+      var arr = createTypedArray('float32', len);
+      var rnd = BMMath.random();
+      for (i = 0; i < len; i += 1) {
+        arr[i] = min[i] + rnd * (max[i] - min[i]);
+      }
+      return arr;
+    }
+    if (min === undefined) {
+      min = 0;
+    }
+    var rndm = BMMath.random();
+    return min + rndm * (max - min);
+  }
+
+  function createPath(points, inTangents, outTangents, closed) {
+    var i;
+    var len = points.length;
+    var path = shapePool.newElement();
+    path.setPathData(!!closed, len);
+    var arrPlaceholder = [0, 0];
+    var inVertexPoint;
+    var outVertexPoint;
+    for (i = 0; i < len; i += 1) {
+      inVertexPoint = (inTangents && inTangents[i]) ? inTangents[i] : arrPlaceholder;
+      outVertexPoint = (outTangents && outTangents[i]) ? outTangents[i] : arrPlaceholder;
+      path.setTripleAt(points[i][0], points[i][1], outVertexPoint[0] + points[i][0], outVertexPoint[1] + points[i][1], inVertexPoint[0] + points[i][0], inVertexPoint[1] + points[i][1], i, true);
+    }
+    return path;
+  }
 
   function initiateExpression(elem, data, property) {
     var val = data.x;
@@ -10799,6 +11308,7 @@ var ExpressionManager = (function () {
     var _needsRandom = val.indexOf('random') !== -1;
     var elemType = elem.data.ty;
     var transform;
+    var $bm_transform;
     var content;
     var effect;
     var thisProperty = property;
@@ -10810,14 +11320,39 @@ var ExpressionManager = (function () {
     });
     elem.comp.frameDuration = 1 / elem.comp.globalData.frameRate;
     elem.comp.displayStartTime = 0;
+    var inPoint = elem.data.ip / elem.comp.globalData.frameRate;
+    var outPoint = elem.data.op / elem.comp.globalData.frameRate;
+    var width = elem.data.sw ? elem.data.sw : 0;
+    var height = elem.data.sh ? elem.data.sh : 0;
+    var name = elem.data.nm;
+    var loopIn;
+    var loop_in;
+    var loopOut;
+    var loop_out;
+    var smooth;
+    var toWorld;
+    var fromWorld;
+    var fromComp;
+    var toComp;
+    var fromCompToSurface;
+    var position;
+    var rotation;
+    var anchorPoint;
+    var scale;
     var thisLayer;
+    var thisComp;
+    var mask;
+    var valueAtTime;
     var velocityAtTime;
 
     var scoped_bm_rt;
     // val = val.replace(/(\\?"|')((http)(s)?(:\/))?\/.*?(\\?"|')/g, "\"\""); // deter potential network calls
     var expression_function = eval('[function _expression_function(){' + val + ';scoped_bm_rt=$bm_rt}]')[0]; // eslint-disable-line no-eval
+    var numKeys = property.kf ? data.k.length : 0;
+
+    var active = !this.data || this.data.hd !== true;
 
-    (function wiggle(freq, amp) {
+    var wiggle = function wiggle(freq, amp) {
       var iWiggle;
       var j;
       var lenWiggle = this.pv.length ? this.pv.length : 1;
@@ -10847,37 +11382,211 @@ var ExpressionManager = (function () {
         return arr;
       }
       return this.pv + addedAmps[0] + (-amp + amp * 2 * BMMath.random()) * perc;
-    }).bind(this);
+    }.bind(this);
 
     if (thisProperty.loopIn) {
-      thisProperty.loopIn.bind(thisProperty);
+      loopIn = thisProperty.loopIn.bind(thisProperty);
+      loop_in = loopIn;
     }
 
     if (thisProperty.loopOut) {
-      thisProperty.loopOut.bind(thisProperty);
+      loopOut = thisProperty.loopOut.bind(thisProperty);
+      loop_out = loopOut;
     }
 
     if (thisProperty.smooth) {
-      thisProperty.smooth.bind(thisProperty);
+      smooth = thisProperty.smooth.bind(thisProperty);
+    }
+
+    function loopInDuration(type, duration) {
+      return loopIn(type, duration, true);
+    }
+
+    function loopOutDuration(type, duration) {
+      return loopOut(type, duration, true);
     }
 
     if (this.getValueAtTime) {
-      this.getValueAtTime.bind(this);
+      valueAtTime = this.getValueAtTime.bind(this);
     }
 
     if (this.getVelocityAtTime) {
       velocityAtTime = this.getVelocityAtTime.bind(this);
     }
 
-    elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface);
+    var comp = elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface);
+
+    function lookAt(elem1, elem2) {
+      var fVec = [elem2[0] - elem1[0], elem2[1] - elem1[1], elem2[2] - elem1[2]];
+      var pitch = Math.atan2(fVec[0], Math.sqrt(fVec[1] * fVec[1] + fVec[2] * fVec[2])) / degToRads;
+      var yaw = -Math.atan2(fVec[1], fVec[2]) / degToRads;
+      return [yaw, pitch, 0];
+    }
+
+    function easeOut(t, tMin, tMax, val1, val2) {
+      return applyEase(easeOutBez, t, tMin, tMax, val1, val2);
+    }
+
+    function easeIn(t, tMin, tMax, val1, val2) {
+      return applyEase(easeInBez, t, tMin, tMax, val1, val2);
+    }
+
+    function ease(t, tMin, tMax, val1, val2) {
+      return applyEase(easeInOutBez, t, tMin, tMax, val1, val2);
+    }
+
+    function applyEase(fn, t, tMin, tMax, val1, val2) {
+      if (val1 === undefined) {
+        val1 = tMin;
+        val2 = tMax;
+      } else {
+        t = (t - tMin) / (tMax - tMin);
+      }
+      if (t > 1) {
+        t = 1;
+      } else if (t < 0) {
+        t = 0;
+      }
+      var mult = fn(t);
+      if ($bm_isInstanceOfArray(val1)) {
+        var iKey;
+        var lenKey = val1.length;
+        var arr = createTypedArray('float32', lenKey);
+        for (iKey = 0; iKey < lenKey; iKey += 1) {
+          arr[iKey] = (val2[iKey] - val1[iKey]) * mult + val1[iKey];
+        }
+        return arr;
+      }
+      return (val2 - val1) * mult + val1;
+    }
+
+    function nearestKey(time) {
+      var iKey;
+      var lenKey = data.k.length;
+      var index;
+      var keyTime;
+      if (!data.k.length || typeof (data.k[0]) === 'number') {
+        index = 0;
+        keyTime = 0;
+      } else {
+        index = -1;
+        time *= elem.comp.globalData.frameRate;
+        if (time < data.k[0].t) {
+          index = 1;
+          keyTime = data.k[0].t;
+        } else {
+          for (iKey = 0; iKey < lenKey - 1; iKey += 1) {
+            if (time === data.k[iKey].t) {
+              index = iKey + 1;
+              keyTime = data.k[iKey].t;
+              break;
+            } else if (time > data.k[iKey].t && time < data.k[iKey + 1].t) {
+              if (time - data.k[iKey].t > data.k[iKey + 1].t - time) {
+                index = iKey + 2;
+                keyTime = data.k[iKey + 1].t;
+              } else {
+                index = iKey + 1;
+                keyTime = data.k[iKey].t;
+              }
+              break;
+            }
+          }
+          if (index === -1) {
+            index = iKey + 1;
+            keyTime = data.k[iKey].t;
+          }
+        }
+      }
+      var obKey = {};
+      obKey.index = index;
+      obKey.time = keyTime / elem.comp.globalData.frameRate;
+      return obKey;
+    }
+
+    function key(ind) {
+      var obKey;
+      var iKey;
+      var lenKey;
+      if (!data.k.length || typeof (data.k[0]) === 'number') {
+        throw new Error('The property has no keyframe at index ' + ind);
+      }
+      ind -= 1;
+      obKey = {
+        time: data.k[ind].t / elem.comp.globalData.frameRate,
+        value: [],
+      };
+      var arr = Object.prototype.hasOwnProperty.call(data.k[ind], 's') ? data.k[ind].s : data.k[ind - 1].e;
+
+      lenKey = arr.length;
+      for (iKey = 0; iKey < lenKey; iKey += 1) {
+        obKey[iKey] = arr[iKey];
+        obKey.value[iKey] = arr[iKey];
+      }
+      return obKey;
+    }
+
+    function framesToTime(frames, fps) {
+      if (!fps) {
+        fps = elem.comp.globalData.frameRate;
+      }
+      return frames / fps;
+    }
+
+    function timeToFrames(t, fps) {
+      if (!t && t !== 0) {
+        t = time;
+      }
+      if (!fps) {
+        fps = elem.comp.globalData.frameRate;
+      }
+      return t * fps;
+    }
 
     function seedRandom(seed) {
       BMMath.seedrandom(randSeed + seed);
     }
 
+    function sourceRectAtTime() {
+      return elem.sourceRectAtTime();
+    }
+
+    function substring(init, end) {
+      if (typeof value === 'string') {
+        if (end === undefined) {
+          return value.substring(init);
+        }
+        return value.substring(init, end);
+      }
+      return '';
+    }
+
+    function substr(init, end) {
+      if (typeof value === 'string') {
+        if (end === undefined) {
+          return value.substr(init);
+        }
+        return value.substr(init, end);
+      }
+      return '';
+    }
+
+    function posterizeTime(framesPerSecond) {
+      time = framesPerSecond === 0 ? 0 : Math.floor(time * framesPerSecond) / framesPerSecond;
+      value = valueAtTime(time);
+    }
+
     var time;
+    var velocity;
     var value;
+    var text;
+    var textIndex;
+    var textTotal;
+    var selectorValue;
+    var index = elem.data.ind;
+    var hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+    var parent;
     var randSeed = Math.floor(Math.random() * 1000000);
+    var globalData = elem.globalData;
     function executeExpression(_value) {
       // globalData.pushExpression();
       value = _value;
@@ -10887,16 +11596,31 @@ var ExpressionManager = (function () {
       if (this.frameExpressionId === elem.globalData.frameId && this.propType !== 'textSelector') {
         return value;
       }
+      if (this.propType === 'textSelector') {
+        textIndex = this.textIndex;
+        textTotal = this.textTotal;
+        selectorValue = this.selectorValue;
+      }
       if (!thisLayer) {
+        text = elem.layerInterface.text;
         thisLayer = elem.layerInterface;
-        thisLayer.toWorld.bind(thisLayer);
-        thisLayer.fromWorld.bind(thisLayer);
-        thisLayer.fromComp.bind(thisLayer);
-        thisLayer.toComp.bind(thisLayer);
-        thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null;
+        thisComp = elem.comp.compInterface;
+        toWorld = thisLayer.toWorld.bind(thisLayer);
+        fromWorld = thisLayer.fromWorld.bind(thisLayer);
+        fromComp = thisLayer.fromComp.bind(thisLayer);
+        toComp = thisLayer.toComp.bind(thisLayer);
+        mask = thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null;
+        fromCompToSurface = fromComp;
       }
       if (!transform) {
         transform = elem.layerInterface('ADBE Transform Group');
+        $bm_transform = transform;
+        if (transform) {
+          anchorPoint = transform.anchorPoint;
+          /* position = transform.position;
+                    rotation = transform.rotation;
+                    scale = transform.scale; */
+        }
       }
 
       if (elemType === 4 && !content) {
@@ -10905,12 +11629,21 @@ var ExpressionManager = (function () {
       if (!effect) {
         effect = thisLayer(4);
       }
+      hasParent = !!(elem.hierarchy && elem.hierarchy.length);
+      if (hasParent && !parent) {
+        parent = elem.hierarchy[0].layerInterface;
+      }
       time = this.comp.renderedFrame / this.comp.globalData.frameRate;
       if (needsVelocity) {
-        velocityAtTime(time);
+        velocity = velocityAtTime(time);
       }
       expression_function();
       this.frameExpressionId = elem.globalData.frameId;
+
+      // TODO: Check if it's possible to return on ShapeInterface the .v value
+      if (scoped_bm_rt.propType === 'shape') {
+        scoped_bm_rt = scoped_bm_rt.v;
+      }
       // globalData.popExpression();
       return scoped_bm_rt;
     }
@@ -11577,7 +12310,9 @@ var ShapeExpressionInterface = (function () {
         arr.push(strokeInterfaceFactory(shapes[i], view[i], propertyGroup));
       } else if (shapes[i].ty === 'tm') {
         arr.push(trimInterfaceFactory(shapes[i], view[i], propertyGroup));
-      } else if (shapes[i].ty === 'tr') ; else if (shapes[i].ty === 'el') {
+      } else if (shapes[i].ty === 'tr') {
+        // arr.push(transformInterfaceFactory(shapes[i],view[i],propertyGroup));
+      } else if (shapes[i].ty === 'el') {
         arr.push(ellipseInterfaceFactory(shapes[i], view[i], propertyGroup));
       } else if (shapes[i].ty === 'sr') {
         arr.push(starInterfaceFactory(shapes[i], view[i], propertyGroup));
@@ -11592,7 +12327,7 @@ var ShapeExpressionInterface = (function () {
       } else if (shapes[i].ty === 'gf') {
         arr.push(gradientFillInterfaceFactory(shapes[i], view[i], propertyGroup));
       } else {
-        arr.push(defaultInterfaceFactory());
+        arr.push(defaultInterfaceFactory(shapes[i], view[i], propertyGroup));
       }
     }
     return arr;
@@ -12956,7 +13691,9 @@ function setLocationHref(href) {
 }
 
 function searchAnimations() {
-  {
+  if (standalone === true) {
+    animationManager.searchAnimations(animationData, standalone, renderer);
+  } else {
     animationManager.searchAnimations();
   }
 }
@@ -12970,6 +13707,9 @@ function setIDPrefix(prefix) {
 }
 
 function loadAnimation(params) {
+  if (standalone === true) {
+    params.animationData = JSON.parse(animationData);
+  }
   return animationManager.loadAnimation(params);
 }
 
@@ -12990,6 +13730,11 @@ function setQuality(value) {
   } else if (!isNaN(value) && value > 1) {
     defaultCurveSegments = value;
   }
+  if (defaultCurveSegments >= 50) {
+    roundValues(false);
+  } else {
+    roundValues(true);
+  }
 }
 
 function inBrowser() {
@@ -13060,15 +13805,18 @@ function getQueryVariable(variable) {
   }
   return null;
 }
+var standalone = '__[STANDALONE]__';
+var animationData = '__[ANIMATIONDATA]__';
+var renderer = '';
 var queryString;
-{
+if (standalone) {
   var scripts = document.getElementsByTagName('script');
   var index = scripts.length - 1;
   var myScript = scripts[index] || {
     src: '',
   };
   queryString = myScript.src.replace(/^[^\?]+\??/, ''); // eslint-disable-line no-useless-escape
-  getQueryVariable('renderer');
+  renderer = getQueryVariable('renderer');
 }
 var readyStateCheckInterval = setInterval(checkReady, 100);
 
@@ -13102,14 +13850,16 @@ var PlayerState;
     PlayerState["Stopped"] = "stopped";
     PlayerState["Frozen"] = "frozen";
     PlayerState["Error"] = "error";
-})(PlayerState || (PlayerState = {}));
+})(PlayerState || (PlayerState = {}));
+;
 
 // Define play modes
 var PlayMode;
 (function (PlayMode) {
     PlayMode["Normal"] = "normal";
     PlayMode["Bounce"] = "bounce";
-})(PlayMode || (PlayMode = {}));
+})(PlayMode || (PlayMode = {}));
+;
 
 const lottiePlayerCss = ":host{--lottie-player-toolbar-height:35px;--lottie-player-toolbar-background-color:transparent;--lottie-player-toolbar-icon-color:#999;--lottie-player-toolbar-icon-hover-color:#222;--lottie-player-toolbar-icon-active-color:#555;--lottie-player-seeker-track-color:#CCC;--lottie-player-seeker-thumb-color:rgba(0, 107, 120, 0.8);display:block;width:100%;height:100%}.main{box-sizing:border-box;display:inline-grid;grid-auto-columns:auto;grid-template-rows:auto;position:relative;height:inherit;width:inherit}.main.controls{grid-template-rows:1fr var(--lottie-player-toolbar-height)}.animation{overflow:hidden;height:calc(1fr - var(--lottie-player-toolbar-height))}.toolbar{display:grid;grid-template-columns:32px 32px 1fr 32px 32px;align-items:center;justify-items:center;background-color:var(--lottie-player-toolbar-background-color)}.toolbar button{cursor:pointer;fill:var(--lottie-player-toolbar-icon-color);display:flex;background:none;border:0;padding:0;outline:none;height:100%}.toolbar button:hover{fill:var(--lottie-player-toolbar-icon-hover-color)}.toolbar button.active{fill:var(--lottie-player-toolbar-icon-active-color)}.toolbar button.disabled svg{display:none}.toolbar a{filter:grayscale(100%);display:flex;transition:filter .5s, opacity 0.5s;opacity:0.4;height:100%;align-items:center}.toolbar a:hover{filter:none;display:flex;opacity:1}.seeker{-webkit-appearance:none;width:95%;outline:none}.seeker::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-webkit-slider-thumb{height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer;-webkit-appearance:none;margin-top:-5px}.seeker:focus::-webkit-slider-runnable-track{background:#999}.seeker::-moz-range-track{width:100%;height:5px;cursor:pointer;background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-moz-range-thumb{height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer}.seeker::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.seeker::-ms-fill-lower{background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-ms-fill-upper{background:var(--lottie-player-seeker-track-color);border-radius:3px}.seeker::-ms-thumb{border:0;height:15px;width:15px;border-radius:50%;background:var(--lottie-player-seeker-thumb-color);cursor:pointer}.seeker:focus::-ms-fill-lower{background:var(--lottie-player-seeker-track-color)}.seeker:focus::-ms-fill-upper{background:var(--lottie-player-seeker-track-color)}.error{display:flex;justify-content:center;height:100%;align-items:center}";
 
@@ -13368,6 +14118,7 @@ const LottiePlayer = class {
     if (!this._lottie) {
       return;
     }
+    this._lottie.pause;
     this.currentState = PlayerState.Frozen;
     this.freezed.emit();
   }