@builder.io/sdk 1.1.28-6 → 1.1.29-0

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.28-5";
+var version = "1.1.28";
 
 var Subscription = /** @class */ (function () {
     function Subscription(listeners, listener) {
@@ -666,18 +666,25 @@ var Animator = /** @class */ (function () {
         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);
                         setTimeout(function () {
+                            pendingAnimation = false;
                             element.style.transition = '';
                             element.style.transitionDelay = '';
                         }, (animation.duration * 1000 + (animation.delay || 0)) * 1000 + 100);
                     });
                 }
+                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;
+                }
             }
             // TODO: roll all of these in one for more efficiency of checking all the rects
             var onScroll = throttle(immediateOnScroll, 200, { leading: false });
@@ -685,7 +692,7 @@ var Animator = /** @class */ (function () {
             function isScrolledIntoView(elem) {
                 var rect = elem.getBoundingClientRect();
                 var windowHeight = window.innerHeight;
-                var thresholdPrecent = 0;
+                var thresholdPrecent = animation.thresholdPrecent || 0;
                 var threshold = thresholdPrecent * 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
@@ -1113,6 +1120,7 @@ var Builder = /** @class */ (function () {
         this.observersByKey = {};
         this.noEditorUpdates = {};
         this.overrides = {};
+        this.queryOptions = {};
         this.getContentQueue = null;
         this.priorContentQueue = null;
         this.testCookiePrefix = 'builder.tests';
@@ -1134,6 +1142,11 @@ var Builder = /** @class */ (function () {
         }
         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;
@@ -1724,10 +1737,14 @@ var Builder = /** @class */ (function () {
         var params = QueryString.parseDeep(this.modifySearch(location.search || '').substr(1));
         var builder = params.builder;
         if (builder) {
-            var userAttributes = builder.userAttributes, overrides = builder.overrides, env = builder.env, host = builder.host, api = builder.api, cachebust = builder.cachebust, noCache = builder.noCache, preview = builder.preview, editing = builder.editing, frameEditing = builder.frameEditing, overrideParams = builder.params;
+            var userAttributes = builder.userAttributes, overrides = builder.overrides, env = builder.env, host = builder.host, api = builder.api, cachebust = builder.cachebust, noCache = builder.noCache, preview = builder.preview, editing = builder.editing, frameEditing = builder.frameEditing, options = builder.options, overrideParams = builder.params;
             if (userAttributes) {
                 this.setUserAttributes(userAttributes);
             }
+            if (options) {
+                // picking only locale and includeRefs
+                this.queryOptions = tslib.__assign(tslib.__assign({}, (options.locale && { locale: options.locale })), (options.includeRefs && { includeRefs: options.includeRefs }));
+            }
             if (overrides) {
                 this.overrides = overrides;
             }
@@ -2199,9 +2216,9 @@ var Builder = /** @class */ (function () {
         var queue = useQueue || (usePastQueue ? this.priorContentQueue : this.getContentQueue) || [];
         // TODO: do this on every request send?
         this.getOverridesFromQueryString();
-        var queryParams = tslib.__assign({ 
+        var queryParams = tslib.__assign(tslib.__assign({ 
             // TODO: way to force a request to be in a separate queue. or just lower queue limit to be 1 by default
-            omit: queue[0].omit || 'meta.componentsUsed', apiKey: this.apiKey }, queue[0].options);
+            omit: queue[0].omit || 'meta.componentsUsed', apiKey: this.apiKey }, queue[0].options), this.queryOptions);
         if (queue[0].fields) {
             queryParams.fields = queue[0].fields;
         }