\n ![\"\"](\"/imgs/symbol.svg\")
\n
\n \n \n \n Att låna kostar pengar!\n
\n Om du inte kan betala tillbaka skulden i tid riskerar du en\n betalningsanmärkning. Det kan leda till svårigheter att få hyra\n bostad, teckna abonnemang och få nya lån. För stöd, vänd dig till\n budget- och skuldrådgivningen i din kommun. Kontaktuppgifter finns\n på{\" \"}\n\n konsumentverket.se.\n \n \n
\n \n )}\n \n )\n}\n\nBroccForm.defaultProps = {\n hero: false,\n loan: false,\n}\n\nBroccForm.propTypes = {\n bgc: PropTypes.string.isRequired,\n hero: PropTypes.bool,\n loan: PropTypes.bool,\n widget: PropTypes.string.isRequired,\n messageHandler: PropTypes.func,\n}\n","module.exports = {\n THREE_TOP_LEFT: \"3 Sparkles Top Left\",\n THREE_TOP_RIGHT: \"3 Sparkles Top Right\",\n FOUR_BOTTOM_RIGHT: \"4 Sparkles Bottom Right\",\n FOUR_TOP_LEFT: \"4 Sparkles Top Left\",\n FOUR_TOP_RIGHT: \"4 Sparkles Top Right\",\n}\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","require(\"core-js/modules/es.typed-array.set.js\");\n\nrequire(\"core-js/modules/es.typed-array.sort.js\");\n\nrequire(\"core-js/modules/es.array.reduce.js\");\n\n(function (f) {\n if (typeof exports === \"object\" && typeof module !== \"undefined\") {\n module.exports = f();\n } else if (typeof define === \"function\" && define.amd) {\n define([], f);\n } else {\n var g;\n\n if (typeof window !== \"undefined\") {\n g = window;\n } else if (typeof global !== \"undefined\") {\n g = global;\n } else if (typeof self !== \"undefined\") {\n g = self;\n } else {\n g = this;\n }\n\n g.lottie_api = f();\n }\n})(function () {\n var define, module, exports;\n return function () {\n function r(e, n, t) {\n function o(i, f) {\n if (!n[i]) {\n if (!e[i]) {\n var c = \"function\" == typeof require && require;\n if (!f && c) return c(i, !0);\n if (u) return u(i, !0);\n var a = new Error(\"Cannot find module '\" + i + \"'\");\n throw a.code = \"MODULE_NOT_FOUND\", a;\n }\n\n var p = n[i] = {\n exports: {}\n };\n e[i][0].call(p.exports, function (r) {\n var n = e[i][1][r];\n return o(n || r);\n }, p, p.exports, r, e, n, t);\n }\n\n return n[i].exports;\n }\n\n for (var u = \"function\" == typeof require && require, i = 0; i < t.length; i++) {\n o(t[i]);\n }\n\n return o;\n }\n\n return r;\n }()({\n 1: [function (require, module, exports) {\n 'use strict';\n\n var Renderer = require('../renderer/Renderer');\n\n var layer_api = require('../helpers/layerAPIBuilder');\n\n function AnimationItemFactory(animation) {\n var state = {\n animation: animation,\n elements: animation.renderer.elements.map(function (item) {\n return layer_api(item, animation);\n }),\n boundingRect: null,\n scaleData: null\n };\n\n function getCurrentFrame() {\n return animation.currentFrame;\n }\n\n function getCurrentTime() {\n return animation.currentFrame / animation.frameRate;\n }\n\n function addValueCallback(properties, value) {\n var i,\n len = properties.length;\n\n for (i = 0; i < len; i += 1) {\n properties.getPropertyAtIndex(i).setValue(value);\n }\n }\n\n function toKeypathLayerPoint(properties, point) {\n var i,\n len = properties.length;\n var points = [];\n\n for (i = 0; i < len; i += 1) {\n points.push(properties.getPropertyAtIndex(i).toKeypathLayerPoint(point));\n }\n\n if (points.length === 1) {\n return points[0];\n }\n\n return points;\n }\n\n function fromKeypathLayerPoint(properties, point) {\n var i,\n len = properties.length;\n var points = [];\n\n for (i = 0; i < len; i += 1) {\n points.push(properties.getPropertyAtIndex(i).fromKeypathLayerPoint(point));\n }\n\n if (points.length === 1) {\n return points[0];\n }\n\n return points;\n }\n\n function calculateScaleData(boundingRect) {\n var compWidth = animation.animationData.w;\n var compHeight = animation.animationData.h;\n var compRel = compWidth / compHeight;\n var elementWidth = boundingRect.width;\n var elementHeight = boundingRect.height;\n var elementRel = elementWidth / elementHeight;\n var scale, scaleXOffset, scaleYOffset;\n var xAlignment, yAlignment, scaleMode;\n var aspectRatio = animation.renderer.renderConfig.preserveAspectRatio.split(' ');\n\n if (aspectRatio[1] === 'meet') {\n scale = elementRel > compRel ? elementHeight / compHeight : elementWidth / compWidth;\n } else {\n scale = elementRel > compRel ? elementWidth / compWidth : elementHeight / compHeight;\n }\n\n xAlignment = aspectRatio[0].substr(0, 4);\n yAlignment = aspectRatio[0].substr(4);\n\n if (xAlignment === 'xMin') {\n scaleXOffset = 0;\n } else if (xAlignment === 'xMid') {\n scaleXOffset = (elementWidth - compWidth * scale) / 2;\n } else {\n scaleXOffset = elementWidth - compWidth * scale;\n }\n\n if (yAlignment === 'YMin') {\n scaleYOffset = 0;\n } else if (yAlignment === 'YMid') {\n scaleYOffset = (elementHeight - compHeight * scale) / 2;\n } else {\n scaleYOffset = elementHeight - compHeight * scale;\n }\n\n return {\n scaleYOffset: scaleYOffset,\n scaleXOffset: scaleXOffset,\n scale: scale\n };\n }\n\n function recalculateSize(container) {\n var container = animation.wrapper;\n state.boundingRect = container.getBoundingClientRect();\n state.scaleData = calculateScaleData(state.boundingRect);\n }\n\n function toContainerPoint(point) {\n if (!animation.wrapper || !animation.wrapper.getBoundingClientRect) {\n return point;\n }\n\n if (!state.boundingRect) {\n recalculateSize();\n }\n\n var boundingRect = state.boundingRect;\n var newPoint = [point[0] - boundingRect.left, point[1] - boundingRect.top];\n var scaleData = state.scaleData;\n newPoint[0] = (newPoint[0] - scaleData.scaleXOffset) / scaleData.scale;\n newPoint[1] = (newPoint[1] - scaleData.scaleYOffset) / scaleData.scale;\n return newPoint;\n }\n\n function fromContainerPoint(point) {\n if (!animation.wrapper || !animation.wrapper.getBoundingClientRect) {\n return point;\n }\n\n if (!state.boundingRect) {\n recalculateSize();\n }\n\n var boundingRect = state.boundingRect;\n var scaleData = state.scaleData;\n var newPoint = [point[0] * scaleData.scale + scaleData.scaleXOffset, point[1] * scaleData.scale + scaleData.scaleYOffset];\n var newPoint = [newPoint[0] + boundingRect.left, newPoint[1] + boundingRect.top];\n return newPoint;\n }\n\n function getScaleData() {\n return state.scaleData;\n }\n\n var methods = {\n recalculateSize: recalculateSize,\n getScaleData: getScaleData,\n toContainerPoint: toContainerPoint,\n fromContainerPoint: fromContainerPoint,\n getCurrentFrame: getCurrentFrame,\n getCurrentTime: getCurrentTime,\n addValueCallback: addValueCallback,\n toKeypathLayerPoint: toKeypathLayerPoint,\n fromKeypathLayerPoint: fromKeypathLayerPoint\n };\n return Object.assign({}, Renderer(state), methods);\n }\n\n module.exports = AnimationItemFactory;\n }, {\n \"../helpers/layerAPIBuilder\": 6,\n \"../renderer/Renderer\": 42\n }],\n 2: [function (require, module, exports) {\n 'use strict';\n\n module.exports = ',';\n }, {}],\n 3: [function (require, module, exports) {\n 'use strict';\n\n module.exports = {\n 0: 0,\n 1: 1,\n 2: 2,\n 3: 3,\n 4: 4,\n 5: 5,\n 13: 13,\n 'comp': 0,\n 'composition': 0,\n 'solid': 1,\n 'image': 2,\n 'null': 3,\n 'shape': 4,\n 'text': 5,\n 'camera': 13\n };\n }, {}],\n 4: [function (require, module, exports) {\n 'use strict';\n\n module.exports = {\n LAYER_TRANSFORM: 'transform'\n };\n }, {}],\n 5: [function (require, module, exports) {\n 'use strict';\n\n var key_path_separator = require('../enums/key_path_separator');\n\n var sanitizeString = require('./stringSanitizer');\n\n module.exports = function (propertyPath) {\n var keyPathSplit = propertyPath.split(key_path_separator);\n var selector = keyPathSplit.shift();\n return {\n selector: sanitizeString(selector),\n propertyPath: keyPathSplit.join(key_path_separator)\n };\n };\n }, {\n \"../enums/key_path_separator\": 2,\n \"./stringSanitizer\": 7\n }],\n 6: [function (require, module, exports) {\n 'use strict';\n\n var TextElement = require('../layer/text/TextElement');\n\n var ShapeElement = require('../layer/shape/Shape');\n\n var NullElement = require('../layer/null_element/NullElement');\n\n var SolidElement = require('../layer/solid/SolidElement');\n\n var ImageElement = require('../layer/image/ImageElement');\n\n var CameraElement = require('../layer/camera/Camera');\n\n var LayerBase = require('../layer/LayerBase');\n\n module.exports = function getLayerApi(element, parent) {\n var layerType = element.data.ty;\n\n var Composition = require('../layer/composition/Composition');\n\n switch (layerType) {\n case 0:\n return Composition(element, parent);\n\n case 1:\n return SolidElement(element, parent);\n\n case 2:\n return ImageElement(element, parent);\n\n case 3:\n return NullElement(element, parent);\n\n case 4:\n return ShapeElement(element, parent, element.data.shapes, element.itemsData);\n\n case 5:\n return TextElement(element, parent);\n\n case 13:\n return CameraElement(element, parent);\n\n default:\n return LayerBase(element, parent);\n }\n };\n }, {\n \"../layer/LayerBase\": 13,\n \"../layer/camera/Camera\": 15,\n \"../layer/composition/Composition\": 16,\n \"../layer/image/ImageElement\": 20,\n \"../layer/null_element/NullElement\": 21,\n \"../layer/shape/Shape\": 22,\n \"../layer/solid/SolidElement\": 35,\n \"../layer/text/TextElement\": 38\n }],\n 7: [function (require, module, exports) {\n \"use strict\";\n\n function sanitizeString(string) {\n return string.trim();\n }\n\n module.exports = sanitizeString;\n }, {}],\n 8: [function (require, module, exports) {\n 'use strict';\n\n var createTypedArray = require('./typedArrays');\n /*!\r\n Transformation Matrix v2.0\r\n (c) Epistemex 2014-2015\r\n www.epistemex.com\r\n By Ken Fyrstenberg\r\n Contributions by leeoniya.\r\n License: MIT, header required.\r\n */\n\n /**\r\n * 2D transformation matrix object initialized with identity matrix.\r\n *\r\n * The matrix can synchronize a canvas context by supplying the context\r\n * as an argument, or later apply current absolute transform to an\r\n * existing context.\r\n *\r\n * All values are handled as floating point values.\r\n *\r\n * @param {CanvasRenderingContext2D} [context] - Optional context to sync with Matrix\r\n * @prop {number} a - scale x\r\n * @prop {number} b - shear y\r\n * @prop {number} c - shear x\r\n * @prop {number} d - scale y\r\n * @prop {number} e - translate x\r\n * @prop {number} f - translate y\r\n * @prop {CanvasRenderingContext2D|null} [context=null] - set or get current canvas context\r\n * @constructor\r\n */\n\n\n var Matrix = function () {\n var _cos = Math.cos;\n var _sin = Math.sin;\n var _tan = Math.tan;\n var _rnd = Math.round;\n\n function reset() {\n this.props[0] = 1;\n this.props[1] = 0;\n this.props[2] = 0;\n this.props[3] = 0;\n this.props[4] = 0;\n this.props[5] = 1;\n this.props[6] = 0;\n this.props[7] = 0;\n this.props[8] = 0;\n this.props[9] = 0;\n this.props[10] = 1;\n this.props[11] = 0;\n this.props[12] = 0;\n this.props[13] = 0;\n this.props[14] = 0;\n this.props[15] = 1;\n return this;\n }\n\n function rotate(angle) {\n if (angle === 0) {\n return this;\n }\n\n var mCos = _cos(angle);\n\n var mSin = _sin(angle);\n\n return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n }\n\n function rotateX(angle) {\n if (angle === 0) {\n return this;\n }\n\n var mCos = _cos(angle);\n\n var mSin = _sin(angle);\n\n return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1);\n }\n\n function rotateY(angle) {\n if (angle === 0) {\n return this;\n }\n\n var mCos = _cos(angle);\n\n var mSin = _sin(angle);\n\n return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1);\n }\n\n function rotateZ(angle) {\n if (angle === 0) {\n return this;\n }\n\n var mCos = _cos(angle);\n\n var mSin = _sin(angle);\n\n return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n }\n\n function shear(sx, sy) {\n return this._t(1, sy, sx, 1, 0, 0);\n }\n\n function skew(ax, ay) {\n return this.shear(_tan(ax), _tan(ay));\n }\n\n function skewFromAxis(ax, angle) {\n var mCos = _cos(angle);\n\n var mSin = _sin(angle);\n\n return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); //return this._t(mCos, mSin, -mSin, mCos, 0, 0)._t(1, 0, _tan(ax), 1, 0, 0)._t(mCos, -mSin, mSin, mCos, 0, 0);\n }\n\n function scale(sx, sy, sz) {\n sz = isNaN(sz) ? 1 : sz;\n\n if (sx == 1 && sy == 1 && sz == 1) {\n return this;\n }\n\n return this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1);\n }\n\n function setTransform(a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p) {\n this.props[0] = a;\n this.props[1] = b;\n this.props[2] = c;\n this.props[3] = d;\n this.props[4] = e;\n this.props[5] = f;\n this.props[6] = g;\n this.props[7] = h;\n this.props[8] = i;\n this.props[9] = j;\n this.props[10] = k;\n this.props[11] = l;\n this.props[12] = m;\n this.props[13] = n;\n this.props[14] = o;\n this.props[15] = p;\n return this;\n }\n\n function translate(tx, ty, tz) {\n tz = tz || 0;\n\n if (tx !== 0 || ty !== 0 || tz !== 0) {\n return this._t(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, tx, ty, tz, 1);\n }\n\n return this;\n }\n\n function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) {\n var _p = this.props;\n\n if (a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0) {\n //NOTE: commenting this condition because TurboFan deoptimizes code when present\n //if(m2 !== 0 || n2 !== 0 || o2 !== 0){\n _p[12] = _p[12] * a2 + _p[15] * m2;\n _p[13] = _p[13] * f2 + _p[15] * n2;\n _p[14] = _p[14] * k2 + _p[15] * o2;\n _p[15] = _p[15] * p2; //}\n\n this._identityCalculated = false;\n return this;\n }\n\n var a1 = _p[0];\n var b1 = _p[1];\n var c1 = _p[2];\n var d1 = _p[3];\n var e1 = _p[4];\n var f1 = _p[5];\n var g1 = _p[6];\n var h1 = _p[7];\n var i1 = _p[8];\n var j1 = _p[9];\n var k1 = _p[10];\n var l1 = _p[11];\n var m1 = _p[12];\n var n1 = _p[13];\n var o1 = _p[14];\n var p1 = _p[15];\n /* matrix order (canvas compatible):\r\n * ace\r\n * bdf\r\n * 001\r\n */\n\n _p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2;\n _p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2;\n _p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2;\n _p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2;\n _p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2;\n _p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2;\n _p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2;\n _p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2;\n _p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2;\n _p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2;\n _p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2;\n _p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2;\n _p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2;\n _p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2;\n _p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2;\n _p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2;\n this._identityCalculated = false;\n return this;\n }\n\n function isIdentity() {\n if (!this._identityCalculated) {\n this._identity = !(this.props[0] !== 1 || this.props[1] !== 0 || this.props[2] !== 0 || this.props[3] !== 0 || this.props[4] !== 0 || this.props[5] !== 1 || this.props[6] !== 0 || this.props[7] !== 0 || this.props[8] !== 0 || this.props[9] !== 0 || this.props[10] !== 1 || this.props[11] !== 0 || this.props[12] !== 0 || this.props[13] !== 0 || this.props[14] !== 0 || this.props[15] !== 1);\n this._identityCalculated = true;\n }\n\n return this._identity;\n }\n\n function equals(matr) {\n var i = 0;\n\n while (i < 16) {\n if (matr.props[i] !== this.props[i]) {\n return false;\n }\n\n i += 1;\n }\n\n return true;\n }\n\n function clone(matr) {\n var i;\n\n for (i = 0; i < 16; i += 1) {\n matr.props[i] = this.props[i];\n }\n }\n\n function cloneFromProps(props) {\n var i;\n\n for (i = 0; i < 16; i += 1) {\n this.props[i] = props[i];\n }\n }\n\n function applyToPoint(x, y, z) {\n return {\n x: x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12],\n y: x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13],\n z: x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]\n };\n /*return {\r\n x: x * me.a + y * me.c + me.e,\r\n y: x * me.b + y * me.d + me.f\r\n };*/\n }\n\n function applyToX(x, y, z) {\n return x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12];\n }\n\n function applyToY(x, y, z) {\n return x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13];\n }\n\n function applyToZ(x, y, z) {\n return x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14];\n }\n\n function inversePoint(pt) {\n var determinant = this.props[0] * this.props[5] - this.props[1] * this.props[4];\n var a = this.props[5] / determinant;\n var b = -this.props[1] / determinant;\n var c = -this.props[4] / determinant;\n var d = this.props[0] / determinant;\n var e = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / determinant;\n var f = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / determinant;\n return [pt[0] * a + pt[1] * c + e, pt[0] * b + pt[1] * d + f, 0];\n }\n\n function inversePoints(pts) {\n var i,\n len = pts.length,\n retPts = [];\n\n for (i = 0; i < len; i += 1) {\n retPts[i] = inversePoint(pts[i]);\n }\n\n return retPts;\n }\n\n function applyToTriplePoints(pt1, pt2, pt3) {\n var arr = createTypedArray('float32', 6);\n\n if (this.isIdentity()) {\n arr[0] = pt1[0];\n arr[1] = pt1[1];\n arr[2] = pt2[0];\n arr[3] = pt2[1];\n arr[4] = pt3[0];\n arr[5] = pt3[1];\n } else {\n var p0 = this.props[0],\n p1 = this.props[1],\n p4 = this.props[4],\n p5 = this.props[5],\n p12 = this.props[12],\n p13 = this.props[13];\n arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12;\n arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13;\n arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12;\n arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13;\n arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12;\n arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13;\n }\n\n return arr;\n }\n\n function applyToPointArray(x, y, z) {\n var arr;\n\n if (this.isIdentity()) {\n arr = [x, y, z];\n } else {\n arr = [x * this.props[0] + y * this.props[4] + z * this.props[8] + this.props[12], x * this.props[1] + y * this.props[5] + z * this.props[9] + this.props[13], x * this.props[2] + y * this.props[6] + z * this.props[10] + this.props[14]];\n }\n\n return arr;\n }\n\n function applyToPointStringified(x, y) {\n if (this.isIdentity()) {\n return x + ',' + y;\n }\n\n return x * this.props[0] + y * this.props[4] + this.props[12] + ',' + (x * this.props[1] + y * this.props[5] + this.props[13]);\n }\n\n function toCSS() {\n //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.\n\n /*if(this.isIdentity()) {\r\n return '';\r\n }*/\n var i = 0;\n var props = this.props;\n var cssValue = 'matrix3d(';\n var v = 10000;\n\n while (i < 16) {\n cssValue += _rnd(props[i] * v) / v;\n cssValue += i === 15 ? ')' : ',';\n i += 1;\n }\n\n return cssValue;\n }\n\n function to2dCSS() {\n //Doesn't make much sense to add this optimization. If it is an identity matrix, it's very likely this will get called only once since it won't be keyframed.\n\n /*if(this.isIdentity()) {\r\n return '';\r\n }*/\n var v = 10000;\n var props = this.props;\n return \"matrix(\" + _rnd(props[0] * v) / v + ',' + _rnd(props[1] * v) / v + ',' + _rnd(props[4] * v) / v + ',' + _rnd(props[5] * v) / v + ',' + _rnd(props[12] * v) / v + ',' + _rnd(props[13] * v) / v + \")\";\n }\n\n function MatrixInstance() {\n this.reset = reset;\n this.rotate = rotate;\n this.rotateX = rotateX;\n this.rotateY = rotateY;\n this.rotateZ = rotateZ;\n this.skew = skew;\n this.skewFromAxis = skewFromAxis;\n this.shear = shear;\n this.scale = scale;\n this.setTransform = setTransform;\n this.translate = translate;\n this.transform = transform;\n this.applyToPoint = applyToPoint;\n this.applyToX = applyToX;\n this.applyToY = applyToY;\n this.applyToZ = applyToZ;\n this.applyToPointArray = applyToPointArray;\n this.applyToTriplePoints = applyToTriplePoints;\n this.applyToPointStringified = applyToPointStringified;\n this.toCSS = toCSS;\n this.to2dCSS = to2dCSS;\n this.clone = clone;\n this.cloneFromProps = cloneFromProps;\n this.equals = equals;\n this.inversePoints = inversePoints;\n this.inversePoint = inversePoint;\n this._t = this.transform;\n this.isIdentity = isIdentity;\n this._identity = true;\n this._identityCalculated = false;\n this.props = createTypedArray('float32', 16);\n this.reset();\n }\n\n ;\n return function () {\n return new MatrixInstance();\n };\n }();\n\n module.exports = Matrix;\n }, {\n \"./typedArrays\": 9\n }],\n 9: [function (require, module, exports) {\n 'use strict';\n\n var createTypedArray = function () {\n function createRegularArray(type, len) {\n var i = 0,\n arr = [],\n value;\n\n switch (type) {\n case 'int16':\n case 'uint8c':\n value = 1;\n break;\n\n default:\n value = 1.1;\n break;\n }\n\n for (i = 0; i < len; i += 1) {\n arr.push(value);\n }\n\n return arr;\n }\n\n function createTypedArray(type, len) {\n if (type === 'float32') {\n return new Float32Array(len);\n } else if (type === 'int16') {\n return new Int16Array(len);\n } else if (type === 'uint8c') {\n return new Uint8ClampedArray(len);\n }\n }\n\n if (typeof Uint8ClampedArray === 'function' && typeof Float32Array === 'function') {\n return createTypedArray;\n } else {\n return createRegularArray;\n }\n }();\n\n module.exports = createTypedArray;\n }, {}],\n 10: [function (require, module, exports) {\n 'use strict';\n\n var AnimationItem = require('./animation/AnimationItem');\n\n function createAnimationApi(anim) {\n return Object.assign({}, AnimationItem(anim));\n }\n\n module.exports = {\n createAnimationApi: createAnimationApi\n };\n }, {\n \"./animation/AnimationItem\": 1\n }],\n 11: [function (require, module, exports) {\n 'use strict';\n\n var keyPathBuilder = require('../helpers/keyPathBuilder');\n\n var layer_types = require('../enums/layer_types');\n\n function KeyPathList(elements, node_type) {\n function _getLength() {\n return elements.length;\n }\n\n function _filterLayerByType(elements, type) {\n return elements.filter(function (element) {\n return element.getTargetLayer().data.ty === layer_types[type];\n });\n }\n\n function _filterLayerByName(elements, name) {\n return elements.filter(function (element) {\n return element.getTargetLayer().data.nm === name;\n });\n }\n\n function _filterLayerByProperty(elements, name) {\n return elements.filter(function (element) {\n if (element.hasProperty(name)) {\n return element.getProperty(name);\n }\n\n return false;\n });\n }\n\n function getLayersByType(selector) {\n return KeyPathList(_filterLayerByType(elements, selector), 'layer');\n }\n\n function getLayersByName(selector) {\n return KeyPathList(_filterLayerByName(elements, selector), 'layer');\n }\n\n function getPropertiesBySelector(selector) {\n return KeyPathList(elements.filter(function (element) {\n return element.hasProperty(selector);\n }).map(function (element) {\n return element.getProperty(selector);\n }), 'property');\n }\n\n function getLayerProperty(selector) {\n var layers = _filterLayerByProperty(elements, selector);\n\n var properties = layers.map(function (element) {\n return element.getProperty(selector);\n });\n return KeyPathList(properties, 'property');\n }\n\n function getKeyPath(propertyPath) {\n var keyPathData = keyPathBuilder(propertyPath);\n var selector = keyPathData.selector;\n var nodesByName, nodesByType, selectedNodes;\n\n if (node_type === 'renderer' || node_type === 'layer') {\n nodesByName = getLayersByName(selector);\n nodesByType = getLayersByType(selector);\n\n if (nodesByName.length === 0 && nodesByType.length === 0) {\n selectedNodes = getLayerProperty(selector);\n } else {\n selectedNodes = nodesByName.concat(nodesByType);\n }\n\n if (keyPathData.propertyPath) {\n return selectedNodes.getKeyPath(keyPathData.propertyPath);\n } else {\n return selectedNodes;\n }\n } else if (node_type === 'property') {\n selectedNodes = getPropertiesBySelector(selector);\n\n if (keyPathData.propertyPath) {\n return selectedNodes.getKeyPath(keyPathData.propertyPath);\n } else {\n return selectedNodes;\n }\n }\n }\n\n function concat(nodes) {\n var nodesElements = nodes.getElements();\n return KeyPathList(elements.concat(nodesElements), node_type);\n }\n\n function getElements() {\n return elements;\n }\n\n function getPropertyAtIndex(index) {\n return elements[index];\n }\n\n var methods = {\n getKeyPath: getKeyPath,\n concat: concat,\n getElements: getElements,\n getPropertyAtIndex: getPropertyAtIndex\n };\n Object.defineProperty(methods, 'length', {\n get: _getLength\n });\n return methods;\n }\n\n module.exports = KeyPathList;\n }, {\n \"../enums/layer_types\": 3,\n \"../helpers/keyPathBuilder\": 5\n }],\n 12: [function (require, module, exports) {\n 'use strict';\n\n var key_path_separator = require('../enums/key_path_separator');\n\n var property_names = require('../enums/property_names');\n\n function KeyPathNode(state) {\n function getPropertyByPath(selector, propertyPath) {\n var instanceProperties = state.properties || [];\n var i = 0,\n len = instanceProperties.length;\n\n while (i < len) {\n if (instanceProperties[i].name === selector) {\n return instanceProperties[i].value;\n }\n\n i += 1;\n }\n\n return null;\n }\n\n function hasProperty(selector) {\n return !!getPropertyByPath(selector);\n }\n\n function getProperty(selector) {\n return getPropertyByPath(selector);\n }\n\n function fromKeypathLayerPoint(point) {\n return state.parent.fromKeypathLayerPoint(point);\n }\n\n function toKeypathLayerPoint(point) {\n return state.parent.toKeypathLayerPoint(point);\n }\n\n var methods = {\n hasProperty: hasProperty,\n getProperty: getProperty,\n fromKeypathLayerPoint: fromKeypathLayerPoint,\n toKeypathLayerPoint: toKeypathLayerPoint\n };\n return methods;\n }\n\n module.exports = KeyPathNode;\n }, {\n \"../enums/key_path_separator\": 2,\n \"../enums/property_names\": 4\n }],\n 13: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../key_path/KeyPathNode');\n\n var Transform = require('./transform/Transform');\n\n var Effects = require('./effects/Effects');\n\n var Matrix = require('../helpers/transformationMatrix');\n\n function LayerBase(state) {\n var transform = Transform(state.element.finalTransform.mProp, state);\n var effects = Effects(state.element.effectsManager.effectElements || [], state);\n\n function _buildPropertyMap() {\n state.properties.push({\n name: 'transform',\n value: transform\n }, {\n name: 'Transform',\n value: transform\n }, {\n name: 'Effects',\n value: effects\n }, {\n name: 'effects',\n value: effects\n });\n }\n\n function getElementToPoint(point) {}\n\n function toKeypathLayerPoint(point) {\n var element = state.element;\n\n if (state.parent.toKeypathLayerPoint) {\n point = state.parent.toKeypathLayerPoint(point);\n }\n\n var toWorldMat = Matrix();\n var transformMat = state.getProperty('Transform').getTargetTransform();\n transformMat.applyToMatrix(toWorldMat);\n\n if (element.hierarchy && element.hierarchy.length) {\n var i,\n len = element.hierarchy.length;\n\n for (i = 0; i < len; i += 1) {\n element.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);\n }\n }\n\n return toWorldMat.inversePoint(point);\n }\n\n function fromKeypathLayerPoint(point) {\n var element = state.element;\n var toWorldMat = Matrix();\n var transformMat = state.getProperty('Transform').getTargetTransform();\n transformMat.applyToMatrix(toWorldMat);\n\n if (element.hierarchy && element.hierarchy.length) {\n var i,\n len = element.hierarchy.length;\n\n for (i = 0; i < len; i += 1) {\n element.hierarchy[i].finalTransform.mProp.applyToMatrix(toWorldMat);\n }\n }\n\n point = toWorldMat.applyToPointArray(point[0], point[1], point[2] || 0);\n\n if (state.parent.fromKeypathLayerPoint) {\n return state.parent.fromKeypathLayerPoint(point);\n } else {\n return point;\n }\n }\n\n function getTargetLayer() {\n return state.element;\n }\n\n var methods = {\n getTargetLayer: getTargetLayer,\n toKeypathLayerPoint: toKeypathLayerPoint,\n fromKeypathLayerPoint: fromKeypathLayerPoint\n };\n\n _buildPropertyMap();\n\n return Object.assign(state, KeyPathNode(state), methods);\n }\n\n module.exports = LayerBase;\n }, {\n \"../helpers/transformationMatrix\": 8,\n \"../key_path/KeyPathNode\": 12,\n \"./effects/Effects\": 19,\n \"./transform/Transform\": 39\n }],\n 14: [function (require, module, exports) {\n 'use strict';\n\n var layer_types = require('../enums/layer_types');\n\n var layer_api = require('../helpers/layerAPIBuilder');\n\n function LayerList(elements) {\n function _getLength() {\n return elements.length;\n }\n\n function _filterLayerByType(elements, type) {\n return elements.filter(function (element) {\n return element.data.ty === layer_types[type];\n });\n }\n\n function _filterLayerByName(elements, name) {\n return elements.filter(function (element) {\n return element.data.nm === name;\n });\n }\n\n function getLayers() {\n return LayerList(elements);\n }\n\n function getLayersByType(type) {\n var elementsList = _filterLayerByType(elements, type);\n\n return LayerList(elementsList);\n }\n\n function getLayersByName(type) {\n var elementsList = _filterLayerByName(elements, type);\n\n return LayerList(elementsList);\n }\n\n function layer(index) {\n if (index >= elements.length) {\n return [];\n }\n\n return layer_api(elements[parseInt(index)]);\n }\n\n function addIteratableMethods(iteratableMethods, list) {\n iteratableMethods.reduce(function (accumulator, value) {\n var _value = value;\n\n accumulator[value] = function () {\n var _arguments = arguments;\n return elements.map(function (element) {\n var layer = layer_api(element);\n\n if (layer[_value]) {\n return layer[_value].apply(null, _arguments);\n }\n\n return null;\n });\n };\n\n return accumulator;\n }, methods);\n }\n\n function getTargetElements() {\n return elements;\n }\n\n function concat(list) {\n return elements.concat(list.getTargetElements());\n }\n\n var methods = {\n getLayers: getLayers,\n getLayersByType: getLayersByType,\n getLayersByName: getLayersByName,\n layer: layer,\n concat: concat,\n getTargetElements: getTargetElements\n };\n addIteratableMethods(['setTranslate', 'getType', 'getDuration']);\n addIteratableMethods(['setText', 'getText', 'setDocumentData', 'canResizeFont', 'setMinimumFontSize']);\n Object.defineProperty(methods, 'length', {\n get: _getLength\n });\n return methods;\n }\n\n module.exports = LayerList;\n }, {\n \"../enums/layer_types\": 3,\n \"../helpers/layerAPIBuilder\": 6\n }],\n 15: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function Camera(element, parent) {\n var instance = {};\n var state = {\n element: element,\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Point of Interest',\n value: Property(element.a, parent)\n }, {\n name: 'Zoom',\n value: Property(element.pe, parent)\n }, {\n name: 'Position',\n value: Property(element.p, parent)\n }, {\n name: 'X Rotation',\n value: Property(element.rx, parent)\n }, {\n name: 'Y Rotation',\n value: Property(element.ry, parent)\n }, {\n name: 'Z Rotation',\n value: Property(element.rz, parent)\n }, {\n name: 'Orientation',\n value: Property(element.or, parent)\n }];\n }\n\n function getTargetLayer() {\n return state.element;\n }\n\n var methods = {\n getTargetLayer: getTargetLayer\n };\n return Object.assign(instance, KeyPathNode(state), methods);\n }\n\n module.exports = Camera;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 16: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathList = require('../../key_path/KeyPathList');\n\n var LayerBase = require('../LayerBase');\n\n var layer_api = require('../../helpers/layerAPIBuilder');\n\n var Property = require('../../property/Property');\n\n var TimeRemap = require('./TimeRemap');\n\n function Composition(element, parent) {\n var instance = {};\n var state = {\n element: element,\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function buildLayerApi(layer, index) {\n var _layerApi = null;\n var ob = {\n name: layer.nm\n };\n\n function getLayerApi() {\n if (!_layerApi) {\n _layerApi = layer_api(element.elements[index], state);\n }\n\n return _layerApi;\n }\n\n Object.defineProperty(ob, 'value', {\n get: getLayerApi\n });\n return ob;\n }\n\n function _buildPropertyMap() {\n var compositionLayers = element.layers.map(buildLayerApi);\n return [{\n name: 'Time Remap',\n value: TimeRemap(element.tm)\n }].concat(compositionLayers);\n }\n\n var methods = {};\n return Object.assign(instance, LayerBase(state), KeyPathList(state.elements, 'layer'), methods);\n }\n\n module.exports = Composition;\n }, {\n \"../../helpers/layerAPIBuilder\": 6,\n \"../../key_path/KeyPathList\": 11,\n \"../../property/Property\": 40,\n \"../LayerBase\": 13,\n \"./TimeRemap\": 17\n }],\n 17: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var ValueProperty = require('../../property/ValueProperty');\n\n function TimeRemap(property, parent) {\n var state = {\n property: property,\n parent: parent\n };\n var _isCallbackAdded = false;\n var currentSegmentInit = 0;\n var currentSegmentEnd = 0;\n var previousTime = 0,\n currentTime = 0;\n var initTime = 0;\n var _loop = true;\n var _loopCount = 0;\n var _speed = 1;\n var _paused = false;\n var _isDebugging = false;\n var queuedSegments = [];\n\n var _destroyFunction;\n\n var enterFrameCallback = null;\n var enterFrameEvent = {\n time: -1\n };\n\n function playSegment(init, end, clear) {\n _paused = false;\n\n if (clear) {\n clearQueue();\n currentTime = init;\n }\n\n if (_isDebugging) {\n console.log(init, end);\n }\n\n _loopCount = 0;\n previousTime = Date.now();\n currentSegmentInit = init;\n currentSegmentEnd = end;\n addCallback();\n }\n\n function playQueuedSegment() {\n var newSegment = queuedSegments.shift();\n playSegment(newSegment[0], newSegment[1]);\n }\n\n function queueSegment(init, end) {\n queuedSegments.push([init, end]);\n }\n\n function clearQueue() {\n queuedSegments.length = 0;\n }\n\n function _segmentPlayer(currentValue) {\n if (currentSegmentInit === currentSegmentEnd) {\n currentTime = currentSegmentInit;\n } else if (!_paused) {\n var nowTime = Date.now();\n var elapsedTime = _speed * (nowTime - previousTime) / 1000;\n previousTime = nowTime;\n\n if (currentSegmentInit < currentSegmentEnd) {\n currentTime += elapsedTime;\n\n if (currentTime > currentSegmentEnd) {\n _loopCount += 1;\n\n if (queuedSegments.length) {\n playQueuedSegment();\n } else if (!_loop) {\n currentTime = currentSegmentEnd;\n } else {\n /*currentTime -= Math.floor(currentTime / (currentSegmentEnd - currentSegmentInit)) * (currentSegmentEnd - currentSegmentInit);\r\n currentTime = currentSegmentInit + currentTime;*/\n currentTime = currentTime % (currentSegmentEnd - currentSegmentInit); //currentTime = currentSegmentInit + (currentTime);\n //currentTime = currentSegmentInit + (currentTime - currentSegmentEnd);\n //console.log('CT: ', currentTime) \n }\n }\n } else {\n currentTime -= elapsedTime;\n\n if (currentTime < currentSegmentEnd) {\n _loopCount += 1;\n\n if (queuedSegments.length) {\n playQueuedSegment();\n } else if (!_loop) {\n currentTime = currentSegmentEnd;\n } else {\n currentTime = currentSegmentInit - (currentSegmentEnd - currentTime);\n }\n }\n }\n\n if (_isDebugging) {\n console.log(currentTime);\n }\n }\n\n if (instance.onEnterFrame && enterFrameEvent.time !== currentTime) {\n enterFrameEvent.time = currentTime;\n instance.onEnterFrame(enterFrameEvent);\n }\n\n return currentTime;\n }\n\n function addCallback() {\n if (!_isCallbackAdded) {\n _isCallbackAdded = true;\n _destroyFunction = instance.setValue(_segmentPlayer, _isDebugging);\n }\n }\n\n function playTo(end, clear) {\n _paused = false;\n\n if (clear) {\n clearQueue();\n }\n\n addCallback();\n currentSegmentEnd = end;\n }\n\n function getCurrentTime() {\n if (_isCallbackAdded) {\n return currentTime;\n } else {\n return property.v / property.mult;\n }\n }\n\n function setLoop(flag) {\n _loop = flag;\n }\n\n function setSpeed(value) {\n _speed = value;\n }\n\n function setDebugging(flag) {\n _isDebugging = flag;\n }\n\n function pause() {\n _paused = true;\n }\n\n function destroy() {\n if (_destroyFunction) {\n _destroyFunction();\n\n state.property = null;\n state.parent = null;\n }\n }\n\n var methods = {\n playSegment: playSegment,\n playTo: playTo,\n queueSegment: queueSegment,\n clearQueue: clearQueue,\n setLoop: setLoop,\n setSpeed: setSpeed,\n pause: pause,\n setDebugging: setDebugging,\n getCurrentTime: getCurrentTime,\n onEnterFrame: null,\n destroy: destroy\n };\n var instance = {};\n return Object.assign(instance, methods, ValueProperty(state), KeyPathNode(state));\n }\n\n module.exports = TimeRemap;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/ValueProperty\": 41\n }],\n 18: [function (require, module, exports) {\n 'use strict';\n\n var Property = require('../../property/Property');\n\n function EffectElement(effect, parent) {\n return Property(effect.p, parent);\n }\n\n module.exports = EffectElement;\n }, {\n \"../../property/Property\": 40\n }],\n 19: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n var EffectElement = require('./EffectElement');\n\n function Effects(effects, parent) {\n var state = {\n parent: parent,\n properties: buildProperties()\n };\n\n function getValue(effectData, index) {\n var nm = effectData.data ? effectData.data.nm : index.toString();\n var effectElement = effectData.data ? Effects(effectData.effectElements, parent) : Property(effectData.p, parent);\n return {\n name: nm,\n value: effectElement\n };\n }\n\n function buildProperties() {\n var i,\n len = effects.length;\n var arr = [];\n\n for (i = 0; i < len; i += 1) {\n arr.push(getValue(effects[i], i));\n }\n\n return arr;\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = Effects;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40,\n \"./EffectElement\": 18\n }],\n 20: [function (require, module, exports) {\n 'use strict';\n\n var LayerBase = require('../LayerBase');\n\n function Image(element) {\n var state = {\n element: element,\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [];\n }\n\n var methods = {};\n return Object.assign({}, LayerBase(state), methods);\n }\n\n module.exports = Image;\n }, {\n \"../LayerBase\": 13\n }],\n 21: [function (require, module, exports) {\n 'use strict';\n\n var LayerBase = require('../LayerBase');\n\n function NullElement(element, parent) {\n var instance = {};\n var state = {\n element: element,\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [];\n }\n\n var methods = {};\n return Object.assign(instance, LayerBase(state), methods);\n }\n\n module.exports = NullElement;\n }, {\n \"../LayerBase\": 13\n }],\n 22: [function (require, module, exports) {\n 'use strict';\n\n var LayerBase = require('../LayerBase');\n\n var ShapeContents = require('./ShapeContents');\n\n function Shape(element, parent) {\n var state = {\n properties: [],\n parent: parent,\n element: element\n };\n var shapeContents = ShapeContents(element.data.shapes, element.itemsData, state);\n\n function _buildPropertyMap() {\n state.properties.push({\n name: 'Contents',\n value: shapeContents\n });\n }\n\n var methods = {};\n\n _buildPropertyMap();\n\n return Object.assign(state, LayerBase(state), methods);\n }\n\n module.exports = Shape;\n }, {\n \"../LayerBase\": 13,\n \"./ShapeContents\": 23\n }],\n 23: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n var ShapeRectangle = require('./ShapeRectangle');\n\n var ShapeFill = require('./ShapeFill');\n\n var ShapeStroke = require('./ShapeStroke');\n\n var ShapeEllipse = require('./ShapeEllipse');\n\n var ShapeGradientFill = require('./ShapeGradientFill');\n\n var ShapeGradientStroke = require('./ShapeGradientStroke');\n\n var ShapeTrimPaths = require('./ShapeTrimPaths');\n\n var ShapeRepeater = require('./ShapeRepeater');\n\n var ShapePolystar = require('./ShapePolystar');\n\n var ShapeRoundCorners = require('./ShapeRoundCorners');\n\n var ShapePath = require('./ShapePath');\n\n var Transform = require('../transform/Transform');\n\n var Matrix = require('../../helpers/transformationMatrix');\n\n function ShapeContents(shapesData, shapes, parent) {\n var state = {\n properties: _buildPropertyMap(),\n parent: parent\n };\n var cachedShapeProperties = [];\n\n function buildShapeObject(shape, index) {\n var ob = {\n name: shape.nm\n };\n Object.defineProperty(ob, 'value', {\n get: function get() {\n if (cachedShapeProperties[index]) {\n return cachedShapeProperties[index];\n } else {\n var property;\n }\n\n if (shape.ty === 'gr') {\n property = ShapeContents(shapesData[index].it, shapes[index].it, state);\n } else if (shape.ty === 'rc') {\n property = ShapeRectangle(shapes[index], state);\n } else if (shape.ty === 'el') {\n property = ShapeEllipse(shapes[index], state);\n } else if (shape.ty === 'fl') {\n property = ShapeFill(shapes[index], state);\n } else if (shape.ty === 'st') {\n property = ShapeStroke(shapes[index], state);\n } else if (shape.ty === 'gf') {\n property = ShapeGradientFill(shapes[index], state);\n } else if (shape.ty === 'gs') {\n property = ShapeGradientStroke(shapes[index], state);\n } else if (shape.ty === 'tm') {\n property = ShapeTrimPaths(shapes[index], state);\n } else if (shape.ty === 'rp') {\n property = ShapeRepeater(shapes[index], state);\n } else if (shape.ty === 'sr') {\n property = ShapePolystar(shapes[index], state);\n } else if (shape.ty === 'rd') {\n property = ShapeRoundCorners(shapes[index], state);\n } else if (shape.ty === 'sh') {\n property = ShapePath(shapes[index], state);\n } else if (shape.ty === 'tr') {\n property = Transform(shapes[index].transform.mProps, state);\n } else {\n console.log(shape.ty);\n }\n\n cachedShapeProperties[index] = property;\n return property;\n }\n });\n return ob;\n }\n\n function _buildPropertyMap() {\n return shapesData.map(function (shape, index) {\n return buildShapeObject(shape, index);\n });\n }\n\n function fromKeypathLayerPoint(point) {\n if (state.hasProperty('Transform')) {\n var toWorldMat = Matrix();\n var transformMat = state.getProperty('Transform').getTargetTransform();\n transformMat.applyToMatrix(toWorldMat);\n point = toWorldMat.applyToPointArray(point[0], point[1], point[2] || 0);\n }\n\n return state.parent.fromKeypathLayerPoint(point);\n }\n\n function toKeypathLayerPoint(point) {\n point = state.parent.toKeypathLayerPoint(point);\n\n if (state.hasProperty('Transform')) {\n var toWorldMat = Matrix();\n var transformMat = state.getProperty('Transform').getTargetTransform();\n transformMat.applyToMatrix(toWorldMat);\n point = toWorldMat.inversePoint(point);\n }\n\n return point;\n }\n\n var methods = {\n fromKeypathLayerPoint: fromKeypathLayerPoint,\n toKeypathLayerPoint: toKeypathLayerPoint //state.properties = _buildPropertyMap();\n\n };\n return Object.assign(state, KeyPathNode(state), methods);\n }\n\n module.exports = ShapeContents;\n }, {\n \"../../helpers/transformationMatrix\": 8,\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40,\n \"../transform/Transform\": 39,\n \"./ShapeEllipse\": 24,\n \"./ShapeFill\": 25,\n \"./ShapeGradientFill\": 26,\n \"./ShapeGradientStroke\": 27,\n \"./ShapePath\": 28,\n \"./ShapePolystar\": 29,\n \"./ShapeRectangle\": 30,\n \"./ShapeRepeater\": 31,\n \"./ShapeRoundCorners\": 32,\n \"./ShapeStroke\": 33,\n \"./ShapeTrimPaths\": 34\n }],\n 24: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeEllipse(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Size',\n value: Property(element.sh.s, parent)\n }, {\n name: 'Position',\n value: Property(element.sh.p, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeEllipse;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 25: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeFill(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Color',\n value: Property(element.c, parent)\n }, {\n name: 'Opacity',\n value: {\n setValue: Property(element.o, parent)\n }\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeFill;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 26: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeGradientFill(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Start Point',\n value: Property(element.s, parent)\n }, {\n name: 'End Point',\n value: Property(element.s, parent)\n }, {\n name: 'Opacity',\n value: Property(element.o, parent)\n }, {\n name: 'Highlight Length',\n value: Property(element.h, parent)\n }, {\n name: 'Highlight Angle',\n value: Property(element.a, parent)\n }, {\n name: 'Colors',\n value: Property(element.g.prop, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeGradientFill;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 27: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeGradientStroke(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Start Point',\n value: Property(element.s, parent)\n }, {\n name: 'End Point',\n value: Property(element.e, parent)\n }, {\n name: 'Opacity',\n value: Property(element.o, parent)\n }, {\n name: 'Highlight Length',\n value: Property(element.h, parent)\n }, {\n name: 'Highlight Angle',\n value: Property(element.a, parent)\n }, {\n name: 'Colors',\n value: Property(element.g.prop, parent)\n }, {\n name: 'Stroke Width',\n value: Property(element.w, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeGradientStroke;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 28: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapePath(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function setPath(value) {\n Property(element.sh).setValue(value);\n }\n\n function _buildPropertyMap() {\n return [{\n name: 'path',\n value: Property(element.sh, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapePath;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 29: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapePolystar(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Points',\n value: Property(element.sh.pt, parent)\n }, {\n name: 'Position',\n value: Property(element.sh.p, parent)\n }, {\n name: 'Rotation',\n value: Property(element.sh.r, parent)\n }, {\n name: 'Inner Radius',\n value: Property(element.sh.ir, parent)\n }, {\n name: 'Outer Radius',\n value: Property(element.sh.or, parent)\n }, {\n name: 'Inner Roundness',\n value: Property(element.sh.is, parent)\n }, {\n name: 'Outer Roundness',\n value: Property(element.sh.os, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapePolystar;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 30: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeRectangle(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Size',\n value: Property(element.sh.s, parent)\n }, {\n name: 'Position',\n value: Property(element.sh.p, parent)\n }, {\n name: 'Roundness',\n value: Property(element.sh.r, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeRectangle;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 31: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n var Transform = require('../transform/Transform');\n\n function ShapeRepeater(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Copies',\n value: Property(element.c, parent)\n }, {\n name: 'Offset',\n value: Property(element.o, parent)\n }, {\n name: 'Transform',\n value: Transform(element.tr, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeRepeater;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40,\n \"../transform/Transform\": 39\n }],\n 32: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeRoundCorners(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Radius',\n value: Property(element.rd, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeRoundCorners;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 33: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeStroke(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Color',\n value: Property(element.c, parent)\n }, {\n name: 'Stroke Width',\n value: Property(element.w, parent)\n }, {\n name: 'Opacity',\n value: Property(element.o, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeStroke;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 34: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function ShapeTrimPaths(element, parent) {\n var state = {\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Start',\n value: Property(element.s, parent)\n }, {\n name: 'End',\n value: Property(element.e, parent)\n }, {\n name: 'Offset',\n value: Property(element.o, parent)\n }];\n }\n\n var methods = {};\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = ShapeTrimPaths;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 35: [function (require, module, exports) {\n 'use strict';\n\n var LayerBase = require('../LayerBase');\n\n function Solid(element, parent) {\n var state = {\n element: element,\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [];\n }\n\n var methods = {};\n return Object.assign({}, LayerBase(state), methods);\n }\n\n module.exports = Solid;\n }, {\n \"../LayerBase\": 13\n }],\n 36: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n var TextAnimator = require('./TextAnimator');\n\n function Text(element, parent) {\n var instance = {};\n var state = {\n element: element,\n parent: parent,\n properties: _buildPropertyMap()\n };\n\n function setDocumentData(_function) {\n var previousValue;\n\n var textDocumentUpdater = function textDocumentUpdater(data) {\n var newValue = _function(element.textProperty.currentData);\n\n if (previousValue !== newValue) {\n previousValue = newValue;\n return Object.assign({}, data, newValue, {\n __complete: false\n });\n }\n\n return data;\n };\n\n element.textProperty.addEffect(textDocumentUpdater);\n }\n\n function addAnimators() {\n var animatorProperties = [];\n var animators = element.textAnimator._animatorsData;\n var i,\n len = animators.length;\n var textAnimator;\n\n for (i = 0; i < len; i += 1) {\n textAnimator = TextAnimator(animators[i]);\n animatorProperties.push({\n name: element.textAnimator._textData.a[i].nm || 'Animator ' + (i + 1),\n //Fallback for old animations\n value: textAnimator\n });\n }\n\n return animatorProperties;\n }\n\n function _buildPropertyMap() {\n return [{\n name: 'Source',\n value: {\n setValue: setDocumentData\n }\n }].concat(addAnimators());\n }\n\n var methods = {};\n return Object.assign(instance, methods, KeyPathNode(state));\n }\n\n module.exports = Text;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40,\n \"./TextAnimator\": 37\n }],\n 37: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function TextAnimator(animator) {\n var instance = {};\n var state = {\n properties: _buildPropertyMap()\n };\n\n function setAnchorPoint(value) {\n Property(animator.a.a).setValue(value);\n }\n\n function setFillBrightness(value) {\n Property(animator.a.fb).setValue(value);\n }\n\n function setFillColor(value) {\n Property(animator.a.fc).setValue(value);\n }\n\n function setFillHue(value) {\n Property(animator.a.fh).setValue(value);\n }\n\n function setFillSaturation(value) {\n Property(animator.a.fs).setValue(value);\n }\n\n function setFillOpacity(value) {\n Property(animator.a.fo).setValue(value);\n }\n\n function setOpacity(value) {\n Property(animator.a.o).setValue(value);\n }\n\n function setPosition(value) {\n Property(animator.a.p).setValue(value);\n }\n\n function setRotation(value) {\n Property(animator.a.r).setValue(value);\n }\n\n function setRotationX(value) {\n Property(animator.a.rx).setValue(value);\n }\n\n function setRotationY(value) {\n Property(animator.a.ry).setValue(value);\n }\n\n function setScale(value) {\n Property(animator.a.s).setValue(value);\n }\n\n function setSkewAxis(value) {\n Property(animator.a.sa).setValue(value);\n }\n\n function setStrokeColor(value) {\n Property(animator.a.sc).setValue(value);\n }\n\n function setSkew(value) {\n Property(animator.a.sk).setValue(value);\n }\n\n function setStrokeOpacity(value) {\n Property(animator.a.so).setValue(value);\n }\n\n function setStrokeWidth(value) {\n Property(animator.a.sw).setValue(value);\n }\n\n function setStrokeBrightness(value) {\n Property(animator.a.sb).setValue(value);\n }\n\n function setStrokeHue(value) {\n Property(animator.a.sh).setValue(value);\n }\n\n function setStrokeSaturation(value) {\n Property(animator.a.ss).setValue(value);\n }\n\n function setTrackingAmount(value) {\n Property(animator.a.t).setValue(value);\n }\n\n function _buildPropertyMap() {\n return [{\n name: 'Anchor Point',\n value: {\n setValue: setAnchorPoint\n }\n }, {\n name: 'Fill Brightness',\n value: {\n setValue: setFillBrightness\n }\n }, {\n name: 'Fill Color',\n value: {\n setValue: setFillColor\n }\n }, {\n name: 'Fill Hue',\n value: {\n setValue: setFillHue\n }\n }, {\n name: 'Fill Saturation',\n value: {\n setValue: setFillSaturation\n }\n }, {\n name: 'Fill Opacity',\n value: {\n setValue: setFillOpacity\n }\n }, {\n name: 'Opacity',\n value: {\n setValue: setOpacity\n }\n }, {\n name: 'Position',\n value: {\n setValue: setPosition\n }\n }, {\n name: 'Rotation X',\n value: {\n setValue: setRotationX\n }\n }, {\n name: 'Rotation Y',\n value: {\n setValue: setRotationY\n }\n }, {\n name: 'Scale',\n value: {\n setValue: setScale\n }\n }, {\n name: 'Skew Axis',\n value: {\n setValue: setSkewAxis\n }\n }, {\n name: 'Stroke Color',\n value: {\n setValue: setStrokeColor\n }\n }, {\n name: 'Skew',\n value: {\n setValue: setSkew\n }\n }, {\n name: 'Stroke Width',\n value: {\n setValue: setStrokeWidth\n }\n }, {\n name: 'Tracking Amount',\n value: {\n setValue: setTrackingAmount\n }\n }, {\n name: 'Stroke Opacity',\n value: {\n setValue: setStrokeOpacity\n }\n }, {\n name: 'Stroke Brightness',\n value: {\n setValue: setStrokeBrightness\n }\n }, {\n name: 'Stroke Saturation',\n value: {\n setValue: setStrokeSaturation\n }\n }, {\n name: 'Stroke Hue',\n value: {\n setValue: setStrokeHue\n }\n }];\n }\n\n var methods = {};\n return Object.assign(instance, methods, KeyPathNode(state));\n }\n\n module.exports = TextAnimator;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 38: [function (require, module, exports) {\n 'use strict';\n\n var LayerBase = require('../LayerBase');\n\n var Text = require('./Text');\n\n function TextElement(element) {\n var instance = {};\n var TextProperty = Text(element);\n var state = {\n element: element,\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'text',\n value: TextProperty\n }, {\n name: 'Text',\n value: TextProperty\n }];\n }\n\n function getText() {\n return element.textProperty.currentData.t;\n }\n\n function setText(value, index) {\n setDocumentData({\n t: value\n }, index);\n }\n\n function setDocumentData(data, index) {\n return element.updateDocumentData(data, index);\n }\n\n function canResizeFont(_canResize) {\n return element.canResizeFont(_canResize);\n }\n\n function setMinimumFontSize(_fontSize) {\n return element.setMinimumFontSize(_fontSize);\n }\n\n var methods = {\n getText: getText,\n setText: setText,\n canResizeFont: canResizeFont,\n setDocumentData: setDocumentData,\n setMinimumFontSize: setMinimumFontSize\n };\n return Object.assign(instance, LayerBase(state), methods);\n }\n\n module.exports = TextElement;\n }, {\n \"../LayerBase\": 13,\n \"./Text\": 36\n }],\n 39: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../../key_path/KeyPathNode');\n\n var Property = require('../../property/Property');\n\n function Transform(props, parent) {\n var state = {\n properties: _buildPropertyMap()\n };\n\n function _buildPropertyMap() {\n return [{\n name: 'Anchor Point',\n value: Property(props.a, parent)\n }, {\n name: 'Point of Interest',\n value: Property(props.a, parent)\n }, {\n name: 'Position',\n value: Property(props.p, parent)\n }, {\n name: 'Scale',\n value: Property(props.s, parent)\n }, {\n name: 'Rotation',\n value: Property(props.r, parent)\n }, {\n name: 'X Position',\n value: Property(props.px, parent)\n }, {\n name: 'Y Position',\n value: Property(props.py, parent)\n }, {\n name: 'Z Position',\n value: Property(props.pz, parent)\n }, {\n name: 'X Rotation',\n value: Property(props.rx, parent)\n }, {\n name: 'Y Rotation',\n value: Property(props.ry, parent)\n }, {\n name: 'Z Rotation',\n value: Property(props.rz, parent)\n }, {\n name: 'Opacity',\n value: Property(props.o, parent)\n }];\n }\n\n function getTargetTransform() {\n return props;\n }\n\n var methods = {\n getTargetTransform: getTargetTransform\n };\n return Object.assign(methods, KeyPathNode(state));\n }\n\n module.exports = Transform;\n }, {\n \"../../key_path/KeyPathNode\": 12,\n \"../../property/Property\": 40\n }],\n 40: [function (require, module, exports) {\n 'use strict';\n\n var KeyPathNode = require('../key_path/KeyPathNode');\n\n var ValueProperty = require('./ValueProperty');\n\n function Property(property, parent) {\n var state = {\n property: property,\n parent: parent\n };\n\n function destroy() {\n state.property = null;\n state.parent = null;\n }\n\n var methods = {\n destroy: destroy\n };\n return Object.assign({}, methods, ValueProperty(state), KeyPathNode(state));\n }\n\n module.exports = Property;\n }, {\n \"../key_path/KeyPathNode\": 12,\n \"./ValueProperty\": 41\n }],\n 41: [function (require, module, exports) {\n 'use strict';\n\n var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n function ValueProperty(state) {\n function setValue(value) {\n var property = state.property;\n\n if (!property || !property.addEffect) {\n return;\n }\n\n if (typeof value === 'function') {\n return property.addEffect(value);\n } else if (property.propType === 'multidimensional' && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.length === 2) {\n return property.addEffect(function () {\n return value;\n });\n } else if (property.propType === 'unidimensional' && typeof value === 'number') {\n return property.addEffect(function () {\n return value;\n });\n }\n }\n\n function getValue() {\n return state.property.v;\n }\n\n var methods = {\n setValue: setValue,\n getValue: getValue\n };\n return methods;\n }\n\n module.exports = ValueProperty;\n }, {}],\n 42: [function (require, module, exports) {\n 'use strict';\n\n var LayerList = require('../layer/LayerList');\n\n var KeyPathList = require('../key_path/KeyPathList');\n\n function Renderer(state) {\n state._type = 'renderer';\n\n function getRendererType() {\n return state.animation.animType;\n }\n\n return Object.assign({\n getRendererType: getRendererType\n }, LayerList(state.elements), KeyPathList(state.elements, 'renderer'));\n }\n\n module.exports = Renderer;\n }, {\n \"../key_path/KeyPathList\": 11,\n \"../layer/LayerList\": 14\n }]\n }, {}, [10])(10);\n});","module.exports = {\n \"default\": require(\"core-js/library/fn/json/stringify\"),\n __esModule: true\n};","require('../../modules/es6.symbol');\nrequire('../../modules/es6.object.to-string');\nrequire('../../modules/es7.symbol.async-iterator');\nrequire('../../modules/es7.symbol.observable');\nmodule.exports = require('../../modules/_core').Symbol;\n","var dP = require('./_object-dp');\nvar anObject = require('./_an-object');\nvar getKeys = require('./_object-keys');\n\nmodule.exports = require('./_descriptors') ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = getKeys(Properties);\n var length = keys.length;\n var i = 0;\n var P;\n while (length > i) dP.f(O, P = keys[i++], Properties[P]);\n return O;\n};\n","\"use strict\";\n\nexports.__esModule = true;\n\nexports.default = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};","module.exports = {};\n","var id = 0;\nvar px = Math.random();\nmodule.exports = function (key) {\n return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));\n};\n","// TODO: Remove from `core-js@4`\nrequire('../modules/es.global-this');\n","export function get(obj, arg, fallback = null) {\n if (obj == null || Array.isArray(obj) || typeof obj !== \"object\") return\n let args = []\n if (typeof arg === \"string\") {\n args = arg.split(\".\")\n }\n if (Array.isArray(arg)) {\n args = arg\n }\n\n return args.reduce((acc, val, idx, arr) => {\n if (acc == null || typeof acc !== \"object\") {\n return fallback\n }\n\n if (Object.prototype.hasOwnProperty.call(acc, val)) {\n return acc[val]\n }\n\n if (idx !== arr.length - 1) {\n return Object.create(Object.prototype)\n }\n\n return fallback\n }, obj)\n}\n\nfunction createSlugParameters(source, pathParams = []) {\n const parent = get(source, \"fields.parent\")\n if (parent) {\n pathParams.unshift(get(parent, \"fields.slug\"))\n createSlugParameters(parent, pathParams)\n }\n\n return pathParams\n}\n\nfunction handleLinks(fields, obj) {\n if (Object.prototype.hasOwnProperty.call(fields, \"internalLink\")) {\n const internalLink = get(fields, \"internalLink\")\n const slugs = createSlugParameters(internalLink)\n slugs.push(internalLink.fields.slug)\n return Object.assign(\n {},\n {\n slug: `/${slugs.join(\"/\")}`,\n },\n obj\n )\n }\n\n if (Object.prototype.hasOwnProperty.call(fields, \"externalLink\")) {\n const externalLink = get(fields, \"externalLink\")\n return Object.assign(\n {},\n {\n href: externalLink,\n },\n obj\n )\n }\n\n return null\n}\n\nexport function createButton(node) {\n const fields = get(node, \"data.target.fields\", {})\n const align = get(fields, \"align\")\n const title = get(fields, \"title\")\n\n return handleLinks(fields, { align, title })\n}\n\nexport function createAnchorTag(node) {\n const fields = get(node, \"data.target.fields\", {})\n const title = get(fields, \"title\")\n\n return handleLinks(fields, { title })\n}\n","/** @jsx jsx */\nimport { documentToReactComponents } from \"@contentful/rich-text-react-renderer\"\nimport { BLOCKS, MARKS, INLINES } from \"@contentful/rich-text-types\"\nimport { createAnchorTag, createButton, get } from \"@src/lib/inline-entry\"\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport { Fragment } from \"react\"\nimport { jsx } from \"theme-ui\"\nimport pdf from \"../../static/imgs/pdf.png\"\n\nconst options = (paragraphVariant, center, textStyle) => {\n const textAlign = textStyle === \"Black text\" ? \"left\" : null\n return {\n renderMark: {\n [MARKS.BOLD]: function boldRenderer(text) {\n return (\n \n {text}\n \n )\n },\n [MARKS.CODE]: function codeRenderer(text) {\n return (\n \n Om du inte kan betala tillbaka skulden i tid riskerar du en\n betalningsanmärkning. Det kan leda till svårigheter att få hyra\n bostad, teckna abonnemang och få nya lån. För stöd, vänd dig till\n budget- och skuldrådgivningen i din kommun. Kontaktuppgifter finns\n på{\" \"}\n
\n {text}\n \n )\n },\n [MARKS.ITALIC]: function italicRenderer(text) {\n return (\n \n {text}\n \n )\n },\n },\n renderNode: {\n [INLINES.HYPERLINK]: (node, children) => {\n if (textStyle === \"Black text\") {\n const sxStyle = {\n display: \"inline-block\",\n color: \"black\",\n fontWeight: \"bold\",\n fontSize: \"16px\",\n textDecoration: \"none, underline\",\n }\n const linkItem = node.data.uri.includes(\"http\") ? (\n {linkItem}
\n }\n if (node.data.uri.includes(\"@\")) {\n return {children}\n }\n const linkItem = node.data.uri.includes(\"http\") ? (\n \n {children}\n \n ) : (\n {children}\n )\n return linkItem\n },\n [BLOCKS.EMBEDDED_ASSET]: node => {\n const { file } = node.data?.target?.fields\n\n return (\n {children}
\n },\n [BLOCKS.HEADING_2]: function heading2Renderer(node, children) {\n return (\n{children}
\n },\n [BLOCKS.HEADING_5]: function heading5Renderer(node, children) {\n return{children}
\n },\n [BLOCKS.HEADING_6]: function heading6Renderer(node, children) {\n return{children}
\n },\n [BLOCKS.UL_LIST]: function ulRenderer(node, children) {\n return- {children}
- {children}
\n {children}\n\n )\n },\n [BLOCKS.HR]: function hrRenderer() {\n return
\n },\n // eslint-disable-next-line no-unused-vars\n \"embedded-entry-inline\": function inlineEntryRenderer(node, children) {\n const type = get(node, \"data.target.sys.contentType.sys.contentful_id\")\n\n if (type === \"button\") {\n const button = createButton(node)\n\n const styles = {\n variant: \"button.primary\",\n color: \"white !important\",\n fontSize: \"inherit\",\n left:\n button.align === \"Center\"\n ? \"50%\"\n : button.align === \"Right\"\n ? \"100%\"\n : \"0px\",\n mt: 12,\n position: \"relative\",\n textDecoration: \"none !important\",\n transform:\n button.align === \"Center\"\n ? \"translateX(-50%)\"\n : button.align === \"Right\"\n ? \"translateX(-100%)\"\n : \"unset\",\n width: \"max-content\",\n }\n\n if (button.slug) {\n return (\n \n {button.title}\n \n )\n }\n return (\n \n {node?.data?.target?.fields?.externalLink.includes(\".pdf\") && (\n