@builder.io/sdk 1.1.29-2 → 1.1.29-6

package/dist/index.cjs.js

@@ -129,7 +129,7 @@ function assertAllowedPropertyName(name) {
         throw new Error("Property name \"".concat(name, "\" is not allowed"));
 }
 
-var version = "1.1.29-1";
+var version = "1.1.29-5";
 
 var Subscription = /** @class */ (function () {
     function Subscription(listeners, listener) {
@@ -685,7 +685,10 @@ var Animator = /** @class */ (function () {
                         }, (animation.duration + (animation.delay || 0)) * 1000 + 100);
                     });
                 }
-                else if (animation.repeat && triggered && !pendingAnimation && !isScrolledIntoView(element)) {
+                else if (animation.repeat &&
+                    triggered &&
+                    !pendingAnimation &&
+                    !isScrolledIntoView(element)) {
                     // we want to repeat the animation everytime the the element is out of vide and back again
                     triggered = false;
                     assign(element.style, animation.steps[0].styles);
@@ -697,8 +700,8 @@ var Animator = /** @class */ (function () {
             function isScrolledIntoView(elem) {
                 var rect = elem.getBoundingClientRect();
                 var windowHeight = window.innerHeight;
-                var thresholdPrecent = animation.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)
@@ -1148,9 +1151,14 @@ var Builder = /** @class */ (function () {
         if (isBrowser) {
             this.bindMessageListeners();
             if (Builder.isEditing) {
-                parent.postMessage({ type: 'builder.animatorOptions', data: { options: {
-                            version: 2
-                        } } }, '*');
+                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' }