@brndts/brndts-ads 1.13.6 → 1.13.7

package/dist/index.js

@@ -72180,19 +72180,6 @@ var StaticAdRegion = /*#__PURE__*/ function(Region) {
     return StaticAdRegion;
 }(Region);
 // src/Ads/StaticAds/StaticAds.ts
-function debounce3(func) {
-    var timeout = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 100;
-    var timer;
-    return function() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        clearTimeout(timer);
-        timer = setTimeout(function() {
-            func.apply(void 0, _to_consumable_array(args));
-        }, timeout);
-    };
-}
 function isElementVisible(element) {
     if (!element) return false;
     if (!document.contains(element)) return false;
@@ -72209,7 +72196,6 @@ var StaticAds = /*#__PURE__*/ function() {
         this.handlePageMutation = this.handlePageMutation.bind(this);
         this.context = context;
         this.recorderFactory = new RecorderFactory(this.context);
-        this.observer = new MutationObserver(debounce3(this.handlePageMutation));
     }
     _create_class(StaticAds, [
         {
@@ -72311,16 +72297,11 @@ var StaticAds = /*#__PURE__*/ function() {
             value: function start() {
                 this.context.logger.log("starting static ads");
                 this.handleRegions();
-                this.observer.observe(document.body, {
-                    childList: true,
-                    subtree: true
-                });
             }
         },
         {
             key: "destroy",
             value: function destroy() {
-                this.observer.disconnect();
                 this.context.logger.log("destroying static ads");
                 this.regions.forEach(function(region) {
                     region.destroy();
@@ -81292,41 +81273,6 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
                 return updated;
             }
         },
-        {
-            key: "recalculate",
-            value: function recalculate() {
-                if (!this.isResized) {
-                    return this.restore();
-                }
-                var updated = false;
-                if (this.context.media.view) {
-                    var _this_context_elements_container, _this_context_elements_container1, _this_context_elements_container2, _this_context_elements_container3;
-                    var size = adjustSizeWithAspectRatio((((_this_context_elements_container = this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0) * (this.sizePercentage / 100), (((_this_context_elements_container1 = this.context.elements.container) === null || _this_context_elements_container1 === void 0 ? void 0 : _this_context_elements_container1.getBoundingClientRect().height) || 0) * (this.sizePercentage / 100), this.context.media.aspectRatio);
-                    if (size.width !== this.size.width || size.height !== this.size.height) {
-                        this.size = size;
-                        this.context.media.view.style.width = "".concat(this.size.width, "px");
-                        this.context.media.view.style.height = "".concat(this.size.height, "px");
-                        this.context.media.setSize(this.size.width, this.size.height);
-                        updated = true;
-                    }
-                    var adjustedPosition = adjustSizeWithAspectRatio((((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (this.positionOffset / 100), (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (this.positionOffset / 100), this.context.media.aspectRatio);
-                    var marginValue = Math.min(adjustedPosition.width, adjustedPosition.height);
-                    if (this.position.x !== marginValue || this.position.y !== marginValue) {
-                        var _this_context_interface;
-                        this.position.x = marginValue;
-                        this.position.y = marginValue;
-                        this.context.media.view.style.left = "".concat(this.position.x, "px");
-                        this.context.media.view.style.top = "".concat(this.position.y, "px");
-                        (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : _this_context_interface.updatePosition(marginValue, marginValue);
-                        updated = true;
-                    }
-                }
-                if (updated) {
-                    this.emit("UPDATED");
-                }
-                return updated;
-            }
-        },
         {
             key: "update",
             value: function update(percentage) {
@@ -81413,8 +81359,6 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
         this.context = context;
         this.mediaElementSizeController = new MediaElementSizeController(context);
         this.packer = new RegionPacker(this.context);
-        this.mediaElementSizeController.on("UPDATED", function() {});
-        this.packer.on("PACKED", function() {});
     }
     _create_class(BasicPresentationMode, [
         {
@@ -81516,11 +81460,15 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
                         width: ((_this_mediaElementSizeController3 = this.mediaElementSizeController) === null || _this_mediaElementSizeController3 === void 0 ? void 0 : _this_mediaElementSizeController3.size.width) || 0,
                         height: ((_this_mediaElementSizeController4 = this.mediaElementSizeController) === null || _this_mediaElementSizeController4 === void 0 ? void 0 : _this_mediaElementSizeController4.size.height) || 0
                     }, fullscreen ? "fullscreen" : "default");
-                    var updated = this.packer.repack();
-                    if (updated) {
+                    this.packer.repack();
+                    if (this.packer.packed.length > 0) {
                         var _this_regionsRenderer1, _this_regionsRenderer2;
                         (_this_regionsRenderer1 = this.regionsRenderer) === null || _this_regionsRenderer1 === void 0 ? void 0 : _this_regionsRenderer1.addAreas(this.packer.areas);
                         (_this_regionsRenderer2 = this.regionsRenderer) === null || _this_regionsRenderer2 === void 0 ? void 0 : _this_regionsRenderer2.render(this.packer.packed);
+                    } else {
+                        var _this_regionsRenderer3, _this_mediaElementSizeController5;
+                        (_this_regionsRenderer3 = this.regionsRenderer) === null || _this_regionsRenderer3 === void 0 ? void 0 : _this_regionsRenderer3.clear();
+                        (_this_mediaElementSizeController5 = this.mediaElementSizeController) === null || _this_mediaElementSizeController5 === void 0 ? void 0 : _this_mediaElementSizeController5.restore();
                     }
                 }
             }
@@ -82550,22 +82498,32 @@ var VideoAds = /*#__PURE__*/ function() {
     function VideoAds(context) {
         _class_call_check(this, VideoAds);
         this.videoAdElements = [];
+        this.handlePageMutation = this.handlePageMutation.bind(this);
         this.context = context;
     }
     _create_class(VideoAds, [
         {
-            key: "start",
-            value: function start() {
-                if (!this.context.supports.api) {
-                    this.context.logger.error("Setup failed: no support");
-                    return;
-                }
+            key: "handleMedias",
+            value: function handleMedias() {
                 try {
+                    var elements2 = [];
+                    for(var index = 0; index < this.videoAdElements.length; index++){
+                        var element = this.videoAdElements[index];
+                        if (element.media.view && document.body.contains(element.media.view)) {
+                            elements2.push(element);
+                        } else {
+                            element.destroy();
+                        }
+                    }
+                    this.videoAdElements = elements2;
                     var medias = MediaElementFactory.getElements(this.context.selectors.targets);
                     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                     try {
                         for(var _iterator = medias[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                             var media = _step.value;
+                            if (!media || media.closest("#BRNDTS_R") || media.querySelector("#BRNDTS_R")) {
+                                continue;
+                            }
                             var videoAd = new VideoAd(this.context, media);
                             this.videoAdElements.push(videoAd);
                             videoAd.start();
@@ -82591,6 +82549,22 @@ var VideoAds = /*#__PURE__*/ function() {
                 }
             }
         },
+        {
+            key: "start",
+            value: function start() {
+                if (!this.context.supports.api) {
+                    this.context.logger.error("Setup failed: no support");
+                    return;
+                }
+                this.handleMedias();
+            }
+        },
+        {
+            key: "handlePageMutation",
+            value: function handlePageMutation() {
+                this.handleMedias();
+            }
+        },
         {
             key: "updateSize",
             value: function updateSize() {
@@ -82643,16 +82617,28 @@ var VideoAds = /*#__PURE__*/ function() {
 var Ads = /*#__PURE__*/ function() {
     function Ads(context) {
         _class_call_check(this, Ads);
+        this.handlePageMutation = functions_default.debounce(this.handlePageMutation.bind(this), 100);
         this.context = context;
         this.videoAds = new VideoAds(this.context);
         this.staticAds = new StaticAds(this.context);
+        this.observer = new MutationObserver(this.handlePageMutation);
     }
     _create_class(Ads, [
+        {
+            key: "handlePageMutation",
+            value: function handlePageMutation() {
+                this.videoAds.handlePageMutation();
+                this.staticAds.handlePageMutation();
+            }
+        },
         {
             key: "start",
             value: function start() {
                 this.videoAds.start();
                 this.staticAds.start();
+                this.observer.observe(document.body, {
+                    childList: true
+                });
             }
         },
         {
@@ -82665,6 +82651,7 @@ var Ads = /*#__PURE__*/ function() {
             key: "destroy",
             value: function destroy() {
                 var _GooglePublisherTag_get;
+                this.observer.disconnect();
                 this.videoAds.destroy();
                 this.staticAds.destroy();
                 (_GooglePublisherTag_get = GooglePublisherTag.get()) === null || _GooglePublisherTag_get === void 0 ? void 0 : _GooglePublisherTag_get.destroy();