@momentum-design/components 0.73.3 → 0.73.5

package/dist/components/animation/animation.component.js

@@ -11,7 +11,7 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import lottie from 'lottie-web/build/player/lottie_light';
-import * as animationManifest from '@momentum-design/animations/dist/manifest.json';
+import animationManifest from '@momentum-design/animations/dist/manifest';
 import styles from './animation.styles';
 import { Component } from '../../models';
 import { DEFAULTS } from './animation.constants';
@@ -123,13 +123,15 @@ class Animation extends Component {
      * Import animation data dynamically
      */
     getAnimationData() {
-        if (!(this.name && animationManifest[this.name])) {
-            return Promise.reject(new Error(`Invalid animation name: ${this.name}`));
+        if (this.name && animationManifest[this.name]) {
+            const path = animationManifest[this.name].replace(/^\./, '');
+            import(`@momentum-design/animations/dist${path}`)
+                .then((result) => this.onLoadSuccessHandler(result.default))
+                .catch((error) => this.onLoadFailHandler(error));
+        }
+        else {
+            this.onLoadFailHandler(new Error(`Invalid animation name: ${this.name}`));
         }
-        const path = animationManifest[this.name].replace(/^\./, '');
-        return import(`@momentum-design/animations/dist${path}`)
-            .then((result) => this.onLoadSuccessHandler(result.default))
-            .catch((error) => this.onLoadFailHandler(error));
     }
     updated(changedProperties) {
         super.updated(changedProperties);
@@ -137,7 +139,7 @@ class Animation extends Component {
         // note: we re-create the animation for parameter changes as well, because lottie
         //       does not API for changing them on the fly
         if (changedProperties.has('name') || changedProperties.has('loop') || changedProperties.has('autoplay')) {
-            this.getAnimationData().catch((err) => { var _a; return (_a = this.onerror) === null || _a === void 0 ? void 0 : _a.call(this, err.message); });
+            this.getAnimationData();
         }
         if (changedProperties.has('ariaLabel') || changedProperties.has('ariaLabelledBy')) {
             this.role = this.ariaLabel || this.ariaLabelledBy ? 'img' : null;

package/dist/components/animation/animation.styles.js

@@ -1,3 +1,8 @@
+import { css } from 'lit';
 import { hostFitContentStyles } from '../../utils/styles';
-const styles = [hostFitContentStyles];
+const styles = [hostFitContentStyles, css `
+  :host svg{
+    display: block;
+  }
+`];
 export default styles;

package/package.json

@@ -41,5 +41,5 @@
     "lottie-web": "^5.12.2",
     "uuid": "^11.0.5"
   },
-  "version": "0.73.3"
+  "version": "0.73.5"
 }