@websolutespa/bom-mixer-ui 1.7.9 → 1.7.10

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.7.10
+
+### Patch Changes
+
+- Modified: Media, Meta
+- Added: SvgAnimation mode overOut
+- Updated dependencies
+- Updated dependencies
+  - @websolutespa/bom-core@1.7.5
+  - @websolutespa/bom-mixer-models@1.7.4
+
 ## 1.7.9
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -4649,6 +4649,13 @@ const MediaBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
     'media--gallery': id
   });
   // console.log('props.width', props.width, 'props.height', props.height);
+  const style = {};
+  if (typeof width === 'string' && width.indexOf('px') !== -1) {
+    style.width = width;
+  }
+  if (typeof height === 'string' && height.indexOf('px') !== -1) {
+    style.height = height;
+  }
   const mediaChildren = item && !children ? getMediaItems(item, {
     width,
     height,
@@ -4669,7 +4676,7 @@ const MediaBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
     className: classNames,
     ref: ref,
     as: as
-  }, props, {
+  }, props, style, {
     children: mediaChildren
   }));
 });
@@ -5418,7 +5425,9 @@ MediaGallery.displayName = 'MediaGallery';
 
 function Meta(_ref) {
   let {
-    children
+    children,
+    websiteName = 'WebsiteName',
+    structuredDataCollections
   } = _ref;
   var _a, _b, _e;
   const page = bomMixerHooks.usePage();
@@ -5459,14 +5468,14 @@ function Meta(_ref) {
     }
   }
   // structuredData
-  const structuredData = bomMixerModels.resolveStructuredData(page);
+  const structuredData = bomMixerModels.resolveStructuredData(page, websiteName, structuredDataCollections);
   return jsxRuntime.jsxs(Head__default.default, {
     children: [jsxRuntime.jsx("title", {
       children: title
     }), jsxRuntime.jsx("meta", {
       name: "description",
       content: description
-    }), false  , bomCore.isProduction ? jsxRuntime.jsx("meta", {
+    }), false  , bomCore.getIsProduction() ? jsxRuntime.jsx("meta", {
       name: "robots",
       content: ((_e = page.meta) === null || _e === void 0 ? void 0 : _e.robots) || 'index, follow'
     }) : jsxRuntime.jsx("meta", {
@@ -6701,6 +6710,7 @@ const SvgAnimationStrategy = {
   Once: 'once',
   Scroll: 'scroll',
   Over: 'over',
+  OverOut: 'overOut',
   Controlled: 'controlled'
 };
 // export type SvgAnimationComponent<C extends React.ElementType = 'div'> = UIComponentWithRef<C, Props>;
@@ -6791,6 +6801,9 @@ const SvgAnimation = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
           case SvgAnimationStrategy.Over:
             playerRef.current.goToAndStop(playerRef.current.totalFrames - 1, true);
             break;
+          case SvgAnimationStrategy.OverOut:
+            playerRef.current.goToAndStop(0, true);
+            break;
         }
       }
     } else {
@@ -6838,9 +6851,19 @@ const SvgAnimation = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     if (!playerRef.current) {
       return;
     }
-    if (mode === SvgAnimationStrategy.Default || mode === SvgAnimationStrategy.Once) {
-      playerRef.current.goToAndPlay(0);
+    switch (mode) {
+      case SvgAnimationStrategy.Default:
+      case SvgAnimationStrategy.Once:
+        playerRef.current.goToAndPlay(0);
+        break;
+      case SvgAnimationStrategy.Over:
+        playerRef.current.goToAndStop(playerRef.current.totalFrames - 1, true);
+        break;
+      case SvgAnimationStrategy.OverOut:
+        playerRef.current.goToAndStop(0, true);
+        break;
     }
+    // console.log('onLoad', playerRef.current);
   };
   const onMouseEnter = event => {
     if (typeof props.onMouseEnter === 'function') {
@@ -6849,9 +6872,18 @@ const SvgAnimation = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     if (!playerRef.current) {
       return;
     }
-    if (mode === SvgAnimationStrategy.Over && playerRef.current.isPaused) {
+    if (mode === SvgAnimationStrategy.Over) {
       playerRef.current.goToAndPlay(0);
     }
+    if (mode === SvgAnimationStrategy.OverOut) {
+      playerRef.current.setDirection(1);
+      playerRef.current.setSpeed(1);
+      if (playerRef.current.currentFrame === playerRef.current.totalFrames - 1) {
+        playerRef.current.goToAndPlay(0);
+      } else {
+        playerRef.current.play();
+      }
+    }
   };
   const onMouseLeave = event => {
     if (typeof props.onMouseLeave === 'function') {
@@ -6860,8 +6892,10 @@ const SvgAnimation = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
     if (!playerRef.current) {
       return;
     }
-    if (mode === SvgAnimationStrategy.Over) {
-      playerRef.current.goToAndStop(playerRef.current.totalFrames - 1, true);
+    if (mode === SvgAnimationStrategy.OverOut) {
+      playerRef.current.setDirection(-1);
+      playerRef.current.setSpeed(1.5);
+      playerRef.current.play();
     }
   };
   const classNames = bomCore.getClassNames('lottie', className, {