From 36f217d417eac0c9654b17e9ec5dd57ac327128f Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 29 Oct 2020 21:06:21 +0100
Subject: [PATCH] wip #4012 @3

---
 js/libs/fluidbook/fluidbook.links.js | 13 +++++++++++++
 style/fluidbook.less                 |  5 +++++
 2 files changed, 18 insertions(+)

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 3d774289..d1eff1fc 100644
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -324,6 +324,7 @@ FluidbookLinks.prototype = {
         links.prepend('<div class="nonlinkarea"></div>');
         var $this = this;
 
+        this.initLottieAnimations();
         this.animateLinks();
         $this.initAnimatedContentsLinks();
 
@@ -338,6 +339,18 @@ FluidbookLinks.prototype = {
         this.resize();
     },
 
+    initLottieAnimations: function () {
+        var $this = this;
+        $('.lottie:not([data-lottie-inited])').each(function () {
+            var id = $(this).data('lottie-id');
+            var params = $this.fluidbook.settings.lottieAnimations[id][0];
+            params.animationData = $this.fluidbook.settings.lottieAnimations[id][1];
+            params.container = $(this).get(0);
+            lottie.loadAnimation(params);
+            $(this).attr('data-lottie-inited', '1');
+        });
+    },
+
     animateLinks: function () {
         if (this.fluidbook.settings.linkBlinkTime == 0 || this.fluidbook.settings.linkBlinkRepetition == 0 || !this.fluidbook.settings.mobileLinksRevealAnim || this.fluidbook.menu.viewMode()) {
             return;
diff --git a/style/fluidbook.less b/style/fluidbook.less
index baf64c18..e9f4c1b2 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -1258,6 +1258,11 @@ html.ios body.portrait #interface {
     overflow: visible;
   }
 
+  .lottie {
+    width: 100%;
+    height: 100%;
+  }
+
   &.notinteractive {
     pointer-events: none;
 
-- 
2.39.5