@builder.io/sdk 1.1.29 → 1.1.30

package/dist/index.umd.js

@@ -152,7 +152,7 @@
             throw new Error("Property name \"".concat(name, "\" is not allowed"));
     }
 
-    var version = "1.1.28";
+    var version = "1.1.30-1";
 
     var Subscription = /** @class */ (function () {
         function Subscription(listeners, listener) {
@@ -689,18 +689,33 @@
             Array.from(elements).forEach(function (element) {
                 _this.augmentAnimation(animation, element);
                 var triggered = false;
+                var pendingAnimation = false;
                 function immediateOnScroll() {
                     if (!triggered && isScrolledIntoView(element)) {
                         triggered = true;
+                        pendingAnimation = true;
                         setTimeout(function () {
                             assign(element.style, animation.steps[1].styles);
-                            document.removeEventListener('scroll', onScroll);
+                            if (!animation.repeat) {
+                                document.removeEventListener('scroll', onScroll);
+                            }
                             setTimeout(function () {
-                                element.style.transition = '';
-                                element.style.transitionDelay = '';
-                            }, (animation.duration * 1000 + (animation.delay || 0)) * 1000 + 100);
+                                pendingAnimation = false;
+                                if (!animation.repeat) {
+                                    element.style.transition = '';
+                                    element.style.transitionDelay = '';
+                                }
+                            }, (animation.duration + (animation.delay || 0)) * 1000 + 100);
                         });
                     }
+                    else if (animation.repeat &&
+                        triggered &&
+                        !pendingAnimation &&
+                        !isScrolledIntoView(element)) {
+                        // we want to repeat the animation every time the the element is out of view and back again
+                        triggered = false;
+                        assign(element.style, animation.steps[0].styles);
+                    }
                 }
                 // TODO: roll all of these in one for more efficiency of checking all the rects
                 var onScroll = throttle(immediateOnScroll, 200, { leading: false });
@@ -708,8 +723,8 @@
                 function isScrolledIntoView(elem) {
                     var rect = elem.getBoundingClientRect();
                     var windowHeight = window.innerHeight;
-                    var thresholdPrecent = 0;
-                    var threshold = thresholdPrecent * windowHeight;
+                    var thresholdPercent = (animation.thresholdPercent || 0) / 100;
+                    var threshold = thresholdPercent * windowHeight;
                     // TODO: partial in view? or what if element is larger than screen itself
                     return (rect.bottom > threshold && rect.top < windowHeight - threshold // Element is peeking top or bottom
                     // (rect.top > 0 && rect.bottom < window.innerHeight) || // element fits within the screen and is fully on screen (not hanging off at all)
@@ -1226,6 +1241,16 @@
             }
             if (isBrowser) {
                 this.bindMessageListeners();
+                if (Builder.isEditing) {
+                    parent.postMessage({
+                        type: 'builder.animatorOptions',
+                        data: {
+                            options: {
+                                version: 2,
+                            },
+                        },
+                    }, '*');
+                }
                 // TODO: postmessage to parent the builder info for every package
                 // type: 'builder.sdk', data: { name: '@builder.io/react', version: '0.1.23' }
                 // (window as any).BUILDER_VERSION = Builder.VERSION;