From da35e07587dc351badb039c9b1a3b8addb6f5c92 Mon Sep 17 00:00:00 2001 From: Steven Than Date: Fri, 9 Aug 2024 02:17:06 -0700 Subject: [PATCH] wip --- package.json | 1 + src/components/Spinner/ApmSpinner.tsx | 2763 ++++++++++++++++++++++++- yarn.lock | 20 + 3 files changed, 2751 insertions(+), 33 deletions(-) diff --git a/package.json b/package.json index 9a1abe05a..4c26551ca 100644 --- a/package.json +++ b/package.json @@ -66,6 +66,7 @@ "lodash.topairs": "^4.3.0", "lodash.uniqueid": "^4.0.1", "lodash.without": "^4.4.0", + "lottie-react": "^2.4.0", "memoize-one": "^5.1.1", "prop-types": "^15.7.2", "react-imask": "^6.2.2", diff --git a/src/components/Spinner/ApmSpinner.tsx b/src/components/Spinner/ApmSpinner.tsx index 685d541b5..a9f850080 100644 --- a/src/components/Spinner/ApmSpinner.tsx +++ b/src/components/Spinner/ApmSpinner.tsx @@ -1,5 +1,7 @@ import React, { FC } from 'react'; import range from '../../util/range'; +import Lottie from 'lottie-react'; +import classNames from 'classnames'; // const since these don't behave well as live props, some animation issues: const DURATION = '1s'; @@ -11,44 +13,2739 @@ type Props = { size?: string; }; -const ApmSpinner: FC = ({ color, size, ...props }) => ( - - - - - - - - {range(SEGMENTS).map((i) => { - const opacity = (i / SEGMENTS).toFixed(2); - const rotate = (i * (360 / SEGMENTS)).toFixed(2); +const purpleCow = { + nm: 'Comp 1', + ddd: 0, + h: 1024, + w: 1024, + meta: { g: '@lottiefiles/toolkit-js 0.33.2' }, + layers: [ + { + ty: 4, + nm: 'head', + sr: 1, + st: 0, + op: 177.6666666666667, + ip: 0, + hd: false, + ddd: 0, + bm: 0, + hasMask: false, + ao: 0, + ks: { + a: { a: 0, k: [479.85, 289.77], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { + a: 1, + k: [ + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.806 }, + s: [512.88, 455.52], + t: 20, + ti: [0, 8.333], + to: [0, -3.333], + }, + { + o: { x: 0.167, y: 0.148 }, + i: { x: 0.667, y: 1 }, + s: [512.88, 435.52], + t: 32, + ti: [0, -0.333], + to: [0, -8.333], + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.864 }, + s: [512.88, 405.52], + t: 45, + ti: [0, -8.333], + to: [0, 0.333], + }, + { + o: { x: 0.167, y: 0.22 }, + i: { x: 0.667, y: 1 }, + s: [512.88, 437.52], + t: 63, + ti: [0, -3], + to: [0, 8.333], + }, + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [512.88, 455.52], t: 80 }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.882 }, + s: [512.88, 455.52], + t: 88, + ti: [0, 11.333], + to: [0, -6.667], + }, + { + o: { x: 0.167, y: 0.234 }, + i: { x: 0.667, y: 1 }, + s: [512.88, 415.52], + t: 100, + ti: [0, -3.667], + to: [0, -11.333], + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.907 }, + s: [512.88, 387.52], + t: 117, + ti: [0, -11.333], + to: [0, 3.667], + }, + { + o: { x: 0.167, y: 0.372 }, + i: { x: 0.274, y: 1 }, + s: [512.88, 437.52], + t: 136, + ti: [0, -3], + to: [0, 11.333], + }, + { s: [512.88, 455.52], t: 164 }, + ], + ix: 2, + }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ef: [], + shapes: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'eyes', + it: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [-4.665, -29.948], + [23.444, -3.652], + [4.665, 29.949], + [-23.444, 3.651], + ], + o: [ + [23.444, -3.651], + [4.664, 29.949], + [-23.444, 3.651], + [-4.664, -29.948], + [0, 0], + ], + v: [ + [-8.446, -54.227], + [42.449, -6.612], + [8.446, 54.227], + [-42.449, 6.611], + [-8.446, -54.227], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.0353, 0.0353, 0.0353], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [0, -2.105032095300885e-7], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [320.0910034179688, 61.4630012512207], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [-23.484, -3.384], + [4.315, -29.956], + [23.484, 3.383], + [-4.316, 29.957], + ], + o: [ + [4.316, -29.957], + [23.484, 3.384], + [-4.316, 29.956], + [-23.484, -3.383], + [0, 0], + ], + v: [ + [-42.521, -6.126], + [7.815, -54.241], + [42.522, 6.126], + [-7.814, 54.241], + [-42.521, -6.126], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.0353, 0.0353, 0.0353], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [0.0003671052328328983, -0.00009696681420479081], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [47.08736801147461, 57.87490463256836], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'tr', + a: { a: 0, k: [183.727, 59.795], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [499.723, 294.467], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Muzzle', + it: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'nose', + it: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [-38.48, -29.44], + [17.28, -14.96], + [11.84, 10.24], + [8.96, 8.24], + [16.48, 9.68], + [-3.2, 14.4], + ], + o: [ + [7.52, -33.76], + [40.64, 31.12], + [-19.68, 17.12], + [-11.52, -9.92], + [-8.88, -8.16], + [-15.2, -8.88], + [0, 0], + ], + v: [ + [-72.72, -35.2], + [27.12, -38.24], + [58.64, 51.84], + [8.08, 50.16], + [-16.48, 24], + [-57.76, 3.76], + [-72.72, -35.2], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.1765, 0.1804, 0.1882], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-3.345800673447144, 0.5885635463658687], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [72.8241958618164, 69.7985610961914], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [-39.84, 27.68], + [-8, -17.841], + [12.72, -9.759], + [10.48, -6], + [14.24, -12.8], + [8, 6.16], + ], + o: [ + [-24, -18.8], + [42.08, -29.28], + [10.48, 23.279], + [-12.08, 9.201], + [-10.48, 6], + [-13.2, 11.759], + [0, 0], + ], + v: [ + [-54.8, 57.521], + [-25.52, -38.56], + [68.32, -39.28], + [54.08, 8], + [15.04, 21.521], + [-14.24, 56.081], + [-54.8, 57.521], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.1765, 0.1804, 0.1882], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [2.795248257504909, 3.38696971305361], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [322.3252563476562, 72.9969711303711], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'tr', + a: { a: 0, k: [199.29, 69.21], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { + a: 1, + k: [ + { o: { x: 0.472, y: 0 }, i: { x: 0.667, y: 1 }, s: [343.53, 176.891], t: 20 }, + { o: { x: 0.333, y: 0 }, i: { x: 0.45, y: 1 }, s: [343.53, 166.891], t: 45 }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [343.53, 176.891], + t: 80, + }, + { o: { x: 0.596, y: 0 }, i: { x: 0.667, y: 1 }, s: [343.53, 176.891], t: 88 }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.104, y: 1 }, + s: [343.53, 166.891], + t: 117, + }, + { s: [343.53, 176.891], t: 164 }, + ], + ix: 2, + }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 1, + k: [ + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.88], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, -8.52], + [154.8, 184.04], + [-226.8, 155.88], + [-342.16, -27.719], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 20, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.879], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.849, -172.919], + [193.089, -183.079], + [335.889, 21.48], + [105.378, 234.04], + [-259.2, 206.393], + [-341.551, 2.281], + [-190.831, -195.399], + [6.849, -172.919], + ], + }, + ], + t: 32, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.88], + [-1.12, -64.24], + [103.92, -11.2], + [0, 0], + ], + v: [ + [6.24, -172.92], + [192.48, -183.08], + [335.28, 51.479], + [154.8, 274.039], + [-226.8, 245.879], + [-342.16, 32.28], + [-191.44, -195.4], + [6.24, -172.92], + ], + }, + ], + t: 45, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.667, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [-12.575, -99.768], + [89.12, -20.239], + [93.68, 50.719], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [13.83, 109.728], + [-89.12, 20.24], + [-94.08, -50.881], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, -8.52], + [197.258, 214.841], + [-184.342, 186.682], + [-342.16, -27.719], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 63, + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.667, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.88], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, -8.52], + [154.8, 184.04], + [-226.8, 155.88], + [-342.16, -27.719], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 80, + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.88], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, -8.52], + [154.8, 184.04], + [-226.8, 155.88], + [-342.16, -27.719], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 88, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.879], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, 21.48], + [124.8, 236.04], + [-239.779, 238.393], + [-342.16, 2.281], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 100, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.48], + [8, -100.239], + [76.187, -50.475], + [79.257, 71.181], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-76.186, 50.473], + [-79.608, -71.431], + [-1.12, -64.24], + [103.92, -11.2], + [0, 0], + ], + v: [ + [6.24, -172.92], + [192.48, -183.08], + [335.28, 51.479], + [194.048, 284.85], + [-235.8, 262.879], + [-342.16, 32.28], + [-191.44, -195.4], + [6.24, -172.92], + ], + }, + ], + t: 117, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.274, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [-12.575, -99.768], + [89.12, -20.239], + [93.68, 50.719], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [13.83, 109.728], + [-89.12, 20.24], + [-94.08, -50.881], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, -8.52], + [197.258, 214.841], + [-184.342, 186.682], + [-342.16, -27.719], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 136, + }, + { + s: [ + { + c: true, + i: [ + [0, 0], + [-66.32, -4.481], + [8, -100.239], + [89.12, -20.24], + [93.68, 50.72], + [1.12, 64.239], + [-103.92, 11.2], + [-96, -2.24], + ], + o: [ + [97.28, 2.319], + [66.32, 4.479], + [-8, 100.241], + [-89.12, 20.24], + [-94.08, -50.88], + [-1.12, -64.24], + [103.92, -11.201], + [0, 0], + ], + v: [ + [6.24, -172.919], + [192.48, -183.079], + [335.28, -8.52], + [154.8, 184.04], + [-226.8, 155.88], + [-342.16, -27.719], + [-191.44, -195.399], + [6.24, -172.919], + ], + }, + ], + t: 164, + }, + ], + ix: 2, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [1, 0.8235, 0.6863], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'st', + bm: 0, + hd: false, + nm: '', + lc: 1, + lj: 1, + ml: 4, + o: { a: 0, k: 100, ix: 2 }, + w: { a: 0, k: 10, ix: 2 }, + c: { a: 0, k: [0.451, 0.0353, 0.8627], ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-3.18541183457819, -0.161489916917759], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [340.3445739746094, 206.6885223388672], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'tr', + a: { a: 0, k: [343.53, 206.85], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [486.65, 602.45], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [0, 0], + [-19.2, -26.16], + [-27.2, -8.96], + [-5.2, 17.28], + [57.84, 18], + ], + o: [ + [-46.8, -14.56], + [0, 0], + [11.52, 15.68], + [63.84, 21.04], + [5.36, -17.28], + [0, 0], + ], + v: [ + [20.04, -53.76], + [-87.64, -49.36], + [-66.52, 3.84], + [-10.6, 47.28], + [82.28, 13.04], + [20.04, -53.76], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [1, 1, 1], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-2.039793240417254, -2.897514650545567], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [145.6101989746094, 118.1524887084961], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [-52.56, 12], + [0, 0], + [36.48, -24], + [24, 42], + ], + o: [ + [-16.64, -29.12], + [52.56, -12], + [0, 0], + [-30.8, 20.32], + [0, 0], + ], + v: [ + [-70.52, 28.56], + [-17.96, -58.56], + [87.16, -46.56], + [34.6, 39.04], + [-70.52, 28.56], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [1, 1, 1], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'st', + bm: 0, + hd: false, + nm: '', + lc: 1, + lj: 1, + ml: 4, + o: { a: 0, k: 100, ix: 2 }, + w: { a: 0, k: 10, ix: 2 }, + c: { a: 0, k: [0.451, 0.0353, 0.8627], ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [5.220324174468544, -2.374610606464927], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [826.0703125, 120.4353866577148], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 1, + k: [ + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.96], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-105.64, 251.159], + [17.48, 159.96], + ], + }, + ], + t: 20, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.961], + [121.08, 126.521], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.879], + [-117.16, -55.639], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.32], + [-105.64, 269.159], + [17.48, 159.961], + ], + }, + ], + t: 32, + }, + { + o: { x: 0.167, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.961], + [121.08, 126.521], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.879], + [-117.16, -55.639], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.32], + [-98.64, 273.159], + [17.48, 159.961], + ], + }, + ], + t: 45, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.96], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-105.64, 251.159], + [17.48, 159.96], + ], + }, + ], + t: 63, + }, + { + o: { x: 0.167, y: 0 }, + i: { x: 0.833, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.96], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-105.64, 251.159], + [17.48, 159.96], + ], + }, + ], + t: 80, + }, + { + o: { x: 0.167, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.96], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-105.64, 251.159], + [17.48, 159.96], + ], + }, + ], + t: 88, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.961], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-104.64, 270.159], + [17.48, 159.961], + ], + }, + ], + t: 100, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.961], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.639], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-100.222, 288.099], + [17.48, 159.961], + ], + }, + ], + t: 117, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.274, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.96], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-105.64, 251.159], + [17.48, 159.96], + ], + }, + ], + t: 136, + }, + { + s: [ + { + c: true, + i: [ + [0, 0], + [-21.76, 11.679], + [-7.84, 140.72], + [13.52, 3.44], + [28.56, -14.24], + [0, 0], + [81.04, 7.84], + [1.12, -5.679], + [-57.68, -38.48], + [-14.8, -2], + [0, 0], + [1.12, -30.399], + [3.52, -31.04], + [0.72, -39.039], + [0, 0], + ], + o: [ + [0, 0], + [18.56, -9.92], + [7.84, -140.72], + [-13.52, -3.36], + [-12.16, 6.08], + [0, 0], + [-81.04, -7.921], + [-1.12, 5.601], + [16.8, 11.2], + [38.72, 5.28], + [0, 0], + [-1.12, 30.401], + [-2.24, 19.92], + [-0.48, 25.921], + [0, 0], + ], + v: [ + [17.48, 159.96], + [121.08, 126.52], + [251.72, -69.799], + [146.68, -254.92], + [55.8, -230.92], + [17.48, -207.24], + [-115.4, -269.16], + [-258.44, -228.601], + [-170.36, -73.88], + [-117.16, -55.64], + [-63.64, -55.16], + [-70.36, 34.92], + [-75.64, 139.319], + [-105.64, 251.159], + [17.48, 159.96], + ], + }, + ], + t: 164, + }, + ], + ix: 2, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.451, 0.0353, 0.8627], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'st', + bm: 0, + hd: false, + nm: '', + lc: 1, + lj: 1, + ml: 4, + o: { a: 0, k: 100, ix: 2 }, + w: { a: 0, k: 10, ix: 2 }, + c: { a: 0, k: [0.451, 0.0353, 0.8627], ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-3.154444084897079, -7.615101429743618], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [256.6555480957031, 270.994873046875], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 1, + k: [ + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [191.64, 289.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 20, + }, + { + o: { x: 0.167, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [189.64, 325.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 45, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.667, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [189.64, 325.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 63, + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.667, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [191.64, 289.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 80, + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.667, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [191.64, 289.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 88, + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [191.64, 330.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 117, + }, + { + o: { x: 0.167, y: 0.167 }, + i: { x: 0.274, y: 1 }, + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [189.64, 325.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 136, + }, + { + s: [ + { + c: true, + i: [ + [0, 0], + [-131.76, -4.48], + [0, 0], + [-44.32, 15.12], + [-6.96, -14.4], + [39.36, -33.36], + [0, 0], + [2, -50.96], + [-5.04, -15.599], + [-5.04, -38.639], + [0, 0], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [131.76, 4.48], + [0, 0], + [65.84, -22.4], + [5.36, 10.96], + [-43.92, 37.2], + [0, 0], + [-1.12, 29.279], + [10.16, 31.521], + [4.24, 32.241], + [0, 0], + [0, 0], + [0, 0], + ], + v: [ + [-278.04, -253.28], + [-130.52, -267.92], + [74.44, -217.2], + [164.2, -267.12], + [325.56, -237.44], + [261.4, -95.52], + [170.2, -60.64], + [157.8, 58.72], + [165.72, 134.159], + [186.68, 225.999], + [191.64, 289.52], + [-330.92, 157.76], + [-278.04, -253.28], + ], + }, + ], + t: 164, + }, + ], + ix: 2, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [1, 1, 1], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'st', + bm: 0, + hd: false, + nm: '', + lc: 1, + lj: 1, + ml: 4, + o: { a: 0, k: 100, ix: 2 }, + w: { a: 0, k: 10, ix: 2 }, + c: { a: 0, k: [0.451, 0.0353, 0.8627], ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-2.370785479775691, 7.725999357019305], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [626.1592407226562, 297.4960021972656], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Horn', + it: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [46.16, -15.84], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [-46.16, 15.84], + [0, 0], + [0, 0], + ], + v: [ + [73.76, 21.4], + [-27.6, -72.04], + [-40, 87.88], + [73.76, 21.4], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: true, + nm: '', + c: { a: 0, k: [1, 0.7216, 0.0118], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [10.92517257722086, 7.135271539563661], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [84.93517303466797, 95.26526641845703], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [-52.48, -10.08], + [0, 0], + [0, 0], + ], + o: [ + [0, 0], + [58.56, 11.28], + [0, 0], + [0, 0], + ], + v: [ + [-78.28, 34.88], + [19.72, -69.84], + [45.64, 79.92], + [-78.28, 34.88], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: true, + nm: '', + c: { a: 0, k: [1, 0.7216, 0.0118], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-11.78519560122589, 4.72651323259673], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [369.6248168945312, 98.5765151977539], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [1, 0.8235, 0.6863], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'st', + bm: 0, + hd: false, + nm: '', + lc: 1, + lj: 1, + ml: 4, + o: { a: 0, k: 100, ix: 2 }, + w: { a: 0, k: 10, ix: 2 }, + c: { a: 0, k: [0.451, 0.0353, 0.8627], ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [229.97, 88.13], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [491.33, 7.17], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + ], + ind: 1, + }, + { + ty: 4, + nm: 'Grass (In/Out)', + sr: 1, + st: 0, + op: 177.6666666666667, + ip: 0, + hd: false, + ddd: 0, + bm: 0, + hasMask: false, + ao: 0, + ks: { + a: { a: 0, k: [0, 0], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [0, 0], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { + a: 1, + k: [ + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 34 }, + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100], t: 35 }, + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100], t: 79 }, + { s: [0], t: 80 }, + ], + ix: 2, + }, + }, + ef: [], + shapes: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Grass', + it: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 1, + k: [ + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.833 }, + s: [ + { + c: true, + i: [ + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [19.663, 15.502], + [0, 0], + ], + o: [ + [26.265, 27.642], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [-56.682, -44.685], + [0, 0], + ], + v: [ + [40.124, -62.91], + [90.642, 0.001], + [55.197, -8.708], + [52.37, 62.91], + [24.724, 31.878], + [4.86, 62.91], + [-33.96, 4.452], + [40.124, -62.91], + ], + }, + ], + t: 45, + }, + { + s: [ + { + c: true, + i: [ + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [70.37, 16.049], + [0, 0], + ], + o: [ + [37.037, 9.061], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [-70.37, -16.05], + [0, 0], + ], + v: [ + [5.654, -60.553], + [89.605, -62.909], + [47.629, -23.097], + [106.889, 12.706], + [43.926, 27.52], + [76.024, 96.656], + [-20.272, 36.163], + [5.654, -60.553], + ], + }, + ], + t: 63, + }, + ], + ix: 2, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.4275, 0.6588, 0.4275], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [21.21823254113483, 0], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [112.1102294921875, 63.15999984741211], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'tr', + a: { a: 0, k: [90.892, 63.16], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { + a: 1, + k: [ + { + o: { x: 0.333, y: 0 }, + i: { x: 0.667, y: 1 }, + s: [706.173, 854.638], + t: 35, + ti: [-20.667, 0.333], + to: [5, 13.333], + }, + { + o: { x: 0.333, y: 0 }, + i: { x: 0.833, y: 0.802 }, + s: [736.173, 934.638], + t: 45, + ti: [7.333, 28.667], + to: [20.667, -0.333], + }, + { + o: { x: 0.167, y: 0.142 }, + i: { x: 0.833, y: 0.833 }, + s: [830.173, 852.638], + t: 63, + ti: [23, 15], + to: [-7.333, -28.667], + }, + { s: [692.173, 762.638], t: 80 }, + ], + ix: 2, + }, + r: { + a: 1, + k: [ + { o: { x: 0.167, y: 0 }, i: { x: 0.833, y: 1 }, s: [38], t: 35 }, + { o: { x: 0.167, y: 0 }, i: { x: 0.833, y: 1 }, s: [0], t: 45 }, + { o: { x: 0.167, y: 0 }, i: { x: 0.833, y: 1 }, s: [0], t: 63 }, + { s: [-19], t: 80 }, + ], + ix: 2, + }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + ], + ind: 2, + }, + { + ty: 4, + nm: 'Grass 2 (In/Out)', + sr: 1, + st: 0, + op: 177.6666666666667, + ip: 0, + hd: false, + ddd: 0, + bm: 0, + hasMask: false, + ao: 0, + ks: { + a: { a: 0, k: [0, 0], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [0, 0], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { + a: 1, + k: [ + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 91 }, + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100], t: 92 }, + { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100], t: 155 }, + { s: [0], t: 156 }, + ], + ix: 2, + }, + }, + ef: [], + shapes: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Grass 2', + it: [ + { + ty: 'gr', + bm: 0, + hd: false, + nm: 'Path', + it: [ + { + ty: 'sh', + bm: 0, + hd: false, + nm: '', + d: 1, + ks: { + a: 0, + k: { + c: true, + i: [ + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [-19.663, 15.502], + [0, 0], + ], + o: [ + [-26.264, 27.641], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [0, 0], + [56.682, -44.685], + [0, 0], + ], + v: [ + [-40.124, -62.91], + [-90.642, -0.001], + [-55.197, -8.71], + [-52.37, 62.91], + [-24.724, 31.877], + [-4.86, 62.91], + [33.96, 4.452], + [-40.124, -62.91], + ], + }, + }, + }, + { + ty: 'fl', + bm: 0, + hd: false, + nm: '', + c: { a: 0, k: [0.4275, 0.6588, 0.4275], ix: 2 }, + r: 1, + o: { a: 0, k: 100, ix: 2 }, + }, + { + ty: 'tr', + a: { a: 0, k: [-21.21823254113484, 0], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { a: 0, k: [69.67376708984375, 63.15999984741211], ix: 2 }, + r: { a: 0, k: 0, ix: 2 }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + { + ty: 'tr', + a: { a: 0, k: [90.892, 63.16], ix: 2 }, + s: { a: 0, k: [100, 100], ix: 2 }, + sk: { a: 0, k: 0, ix: 2 }, + p: { + a: 1, + k: [ + { + o: { x: 0.303, y: 0 }, + i: { x: 0.667, y: 1 }, + s: [301.282, 867.528], + t: 92, + ti: [-93, 25], + to: [0, 0], + }, + { + o: { x: 0.303, y: 0 }, + i: { x: 0.648, y: 0.508 }, + s: [251.282, 927.528], + t: 100, + ti: [-37.404, 10.055], + to: [18.952, -5.095], + }, + { + o: { x: 0.402, y: 0.174 }, + i: { x: 0.833, y: 0.921 }, + s: [356.177, 940.169], + t: 112, + ti: [-74.048, 19.905], + to: [146.137, -39.284], + }, + { + o: { x: 0.167, y: 0.502 }, + i: { x: 0.667, y: 1 }, + s: [823.282, 781.528], + t: 128, + ti: [1.333, 0], + to: [93, -25], + }, + { s: [759.282, 759.528], t: 156 }, + ], + ix: 2, + }, + r: { + a: 1, + k: [ + { o: { x: 0.167, y: 0 }, i: { x: 0.667, y: 1 }, s: [57], t: 92 }, + { o: { x: 0.333, y: 0 }, i: { x: 0.833, y: 0.896 }, s: [0], t: 100 }, + { o: { x: 0.167, y: 0.442 }, i: { x: 0.833, y: 1 }, s: [-118], t: 128 }, + { s: [-145], t: 156 }, + ], + ix: 2, + }, + sa: { a: 0, k: 0, ix: 2 }, + o: { a: 0, k: 100, ix: 2 }, + }, + ], + }, + ], + ind: 3, + }, + ], + v: '5.7.5', + fr: 100, + op: 176.6666666666667, + ip: 0, + assets: [], +}; - return ( - - ); - })} - - - +const ApmSpinner: FC = ({ color, size, className, ...props }) => ( + + + ); ApmSpinner.defaultProps = { color: 'currentColor', - size: '1em', + size: '1.25em', }; ApmSpinner.displayName = 'ApmSpinner'; diff --git a/yarn.lock b/yarn.lock index a9c4b42a9..1e8659b7b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -145,6 +145,7 @@ __metadata: lodash.topairs: ^4.3.0 lodash.uniqueid: ^4.0.1 lodash.without: ^4.4.0 + lottie-react: ^2.4.0 memoize-one: ^5.1.1 prettier: ^2.5.1 prop-types: ^15.7.2 @@ -12160,6 +12161,25 @@ __metadata: languageName: node linkType: hard +"lottie-react@npm:^2.4.0": + version: 2.4.0 + resolution: "lottie-react@npm:2.4.0" + dependencies: + lottie-web: ^5.10.2 + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + checksum: e9ea4a89be90a29bde4a83956f76a80d1f8031882f18ea38ef5271d2aafd8e68348ae6297f185ed85b149ca4896fe33aee7faf9780b88a1b289b8e146f477448 + languageName: node + linkType: hard + +"lottie-web@npm:^5.10.2": + version: 5.12.2 + resolution: "lottie-web@npm:5.12.2" + checksum: af5bc3bc405fd760de8b17a36158d5a8c3e8c586c711d0c63681ddf056b65bc6b54ea36b1fcad782fb02dbe12e696a40e0ba72daf41b8f10ab5b5d1113793636 + languageName: node + linkType: hard + "lower-case@npm:^2.0.2": version: 2.0.2 resolution: "lower-case@npm:2.0.2"