remove lottie-web dependency (#4132)

packages/model-viewer/package.json

@@ -103,10 +103,9 @@
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-polyfill": "^3.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "typescript": "4.8.4",
-    "lottie-web": "5.9.6"
+    "typescript": "4.8.4"
   },
   "publishConfig": {
     "access": "public"
   }
-}
+}

packages/model-viewer/src/features/scene-graph/api.ts

@@ -12,7 +12,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type {AnimationItem} from 'lottie-web';
 
 import {AlphaMode, MagFilter, MinFilter, WrapMode} from '../../three-components/gltf-instance/gltf-2.0.js';
 
@@ -324,9 +323,11 @@ export declare interface Image {
   readonly element?: HTMLVideoElement|HTMLCanvasElement;
 
   /**
-   * The Lottie animation object, if this is a Lottie texture.
+   * The Lottie animation object, if this is a Lottie texture. You may wish to
+   * do image.animation as import('lottie-web').AnimationItem; to get its type
+   * info.
    */
-  readonly animation?: AnimationItem;
+  readonly animation?: any;
 
   /**
    * A method to create an object URL of this image at the desired

packages/model-viewer/src/features/scene-graph/image.ts

@@ -13,7 +13,6 @@
  * limitations under the License.
  */
 
-import type {AnimationItem} from 'lottie-web';
 import {Mesh, MeshBasicMaterial, OrthographicCamera, PlaneGeometry, Scene, Texture as ThreeTexture, WebGLRenderTarget} from 'three';
 
 import {blobCanvas} from '../../model-viewer-base.js';
@@ -76,7 +75,7 @@ export class Image extends ThreeDOMElement implements ImageInterface {
     return;
   }
 
-  get animation(): AnimationItem|undefined {
+  get animation(): any|undefined {
     const texture = this[$threeTexture] as any;
     if (texture && texture.isCanvasTexture && texture.animation) {
       return texture.animation;