@brndts/brndts-ads 1.13.5 → 1.13.6

package/dist/index.mjs

@@ -67456,6 +67456,17 @@ var Awaitable = /*#__PURE__*/ function() {
         });
     }
     _create_class(Awaitable, [
+        {
+            key: "reset",
+            value: function reset(value2) {
+                var _this = this;
+                this._value = value2;
+                this._promise = new Promise(function(resolve, reject) {
+                    _this._resolve = resolve;
+                    _this._reject = reject;
+                });
+            }
+        },
         {
             key: "value",
             get: function get() {
@@ -69821,6 +69832,7 @@ var AffiliateProvider = /*#__PURE__*/ function(ContentProvider1) {
                                 image.style.height = affiliate.size.h + "px";
                                 image.style.maxWidth = affiliate.size.w + "px";
                                 image.style.maxHeight = affiliate.size.h + "px";
+                                image.style.display = "block";
                                 image.setAttribute("src", affiliate.img);
                                 if (affiliate.url) {
                                     image.addEventListener("click", function() {
@@ -71293,10 +71305,16 @@ var RegionContent = /*#__PURE__*/ function() {
                 this.container.dataset.state = this.box.area(this.plane.size) > 0 ? "visible" : "hidden";
             }
         },
+        {
+            key: "hide",
+            value: function hide() {
+                this.container.dataset.state = "hidden";
+            }
+        },
         {
             key: "clear",
             value: function clear() {
-                this.container.dataset.state = "hidden";
+                this.hide();
                 this.content = void 0;
                 this.scale = null;
             }
@@ -71604,6 +71622,7 @@ var Region = /*#__PURE__*/ function() {
         this.onScreen = false;
         this.visible = false;
         this.plugins = [];
+        this.hidden = new Awaitable(false);
         this.id = id;
         this.regionDescriptor = regionDescriptor;
         this.options = options;
@@ -80280,20 +80299,52 @@ var DefaultTemplate = /*#__PURE__*/ function() {
     "use strict";
     function DefaultTemplate() {
         _class_call_check(this, DefaultTemplate);
+        this.margin = {
+            t: 0,
+            r: 0,
+            b: 64,
+            l: 0
+        };
     }
     _create_class(DefaultTemplate, [
         {
+            // get(plane: Plane.Descriptor, cutout: Cutout): PackingRegion[] {
+            //   const areas = [];
+            //   // Region A: Right strip (cutout height)
+            //   if (plane.width - (cutout.x + cutout.width) > 0) {
+            //     areas.push({
+            //       dimensions: new Dimensions(
+            //         { x: this.margin.l + cutout.x + cutout.width, y: this.margin.t + 0 },
+            //         { width: plane.width - (this.margin.l+this.margin.r) - (cutout.x + cutout.width), height: cutout.y + cutout.height }
+            //       ),
+            //       name: 'A',
+            //       maxSlots: 3, // Maximum slots for this region
+            //     });
+            //   }
+            //   // Region B: bottom-left strip (excluding cutout)
+            //   if (plane.height - (cutout.y + cutout.height) > 0) {
+            //     areas.push({
+            //       dimensions: new Dimensions(
+            //         { x: this.margin.l + 0, y: cutout.y + cutout.height },
+            //         { width: plane.width - (this.margin.l + this.margin.r), height: plane.height - (this.margin.t + this.margin.b) - (cutout.y + cutout.height) }
+            //       ),
+            //       name: 'B',
+            //       maxSlots: 1, // Maximum slots for this region
+            //     });
+            //   }
+            //   return areas;
+            // }
             key: "get",
             value: function get(plane, cutout) {
                 var areas = [];
                 if (plane.width - (cutout.x + cutout.width) > 0) {
                     areas.push({
                         dimensions: new Dimensions({
-                            x: cutout.x + cutout.width,
-                            y: 0
+                            x: this.margin.l + cutout.x + cutout.width,
+                            y: this.margin.t + 0
                         }, {
                             width: plane.width - (cutout.x + cutout.width),
-                            height: cutout.y + cutout.height
+                            height: plane.height - (this.margin.t + this.margin.b)
                         }),
                         name: "A",
                         maxSlots: 3
@@ -80302,12 +80353,14 @@ var DefaultTemplate = /*#__PURE__*/ function() {
                 if (plane.height - (cutout.y + cutout.height) > 0) {
                     areas.push({
                         dimensions: new Dimensions({
-                            x: 0,
-                            y: cutout.y + cutout.height
+                            x: this.margin.l + 0,
+                            y: this.margin.t + cutout.y + cutout.height
                         }, {
-                            width: plane.width,
-                            height: plane.height - (cutout.y + cutout.height)
+                            width: cutout.x + cutout.width,
+                            height: plane.height - (this.margin.t + this.margin.b) - (cutout.y + cutout.height)
                         }),
+                        available: {
+                        },
                         name: "B",
                         maxSlots: 1
                     });
@@ -80322,6 +80375,12 @@ var FullscreenTemplate = /*#__PURE__*/ function() {
     "use strict";
     function FullscreenTemplate() {
         _class_call_check(this, FullscreenTemplate);
+        this.margin = {
+            t: 0,
+            r: 0,
+            b: 64,
+            l: 0
+        };
     }
     _create_class(FullscreenTemplate, [
         {
@@ -80331,11 +80390,11 @@ var FullscreenTemplate = /*#__PURE__*/ function() {
                 if (plane.width - (cutout.x + cutout.width) > 0) {
                     areas.push({
                         dimensions: new Dimensions({
-                            x: cutout.x + cutout.width,
-                            y: 0
+                            x: this.margin.l + cutout.x + cutout.width,
+                            y: this.margin.t + 0
                         }, {
                             width: plane.width - (cutout.x + cutout.width),
-                            height: plane.height
+                            height: plane.height - (this.margin.t + this.margin.b)
                         }),
                         name: "A",
                         maxSlots: 3
@@ -80344,11 +80403,11 @@ var FullscreenTemplate = /*#__PURE__*/ function() {
                 if (plane.height - (cutout.y + cutout.height) > 0) {
                     areas.push({
                         dimensions: new Dimensions({
-                            x: 0,
-                            y: cutout.y + cutout.height
+                            x: this.margin.l + 0,
+                            y: this.margin.t + cutout.y + cutout.height
                         }, {
                             width: cutout.x + cutout.width,
-                            height: plane.height - (cutout.y + cutout.height)
+                            height: plane.height - (this.margin.t + this.margin.b) - (cutout.y + cutout.height)
                         }),
                         available: {
                             w: 0.7
@@ -80725,10 +80784,11 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
             key: "hideRegion",
             value: function hideRegion() {
                 return _async_to_generator(function() {
-                    var _this_deps_recorder;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
+                                this.hidden.reset(false);
+                                this.content.hide();
                                 return [
                                     4,
                                     this.applyPlugins("beforeHide")
@@ -80741,7 +80801,7 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
                                 this.content.clear();
                                 this.applyPlugins("afterHide");
                                 this.visible = false;
-                                (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(this, true);
+                                this.hidden.resolve(true);
                                 return [
                                     2
                                 ];
@@ -80750,30 +80810,40 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
                 }).call(this);
             }
         },
+        {
+            key: "showRegion",
+            value: function showRegion() {
+                return _async_to_generator(function() {
+                    var _this_deps_recorder;
+                    return _ts_generator(this, function(_state) {
+                        this.applyPlugins("beforeShow");
+                        this.container.style.display = "block";
+                        this.container.style.position = "relative";
+                        this.container.style.width = "".concat(this.box.width(this.plane.size), "px");
+                        this.container.style.height = "".concat(this.box.height(this.plane.size), "px");
+                        this.content.render();
+                        this.applyPlugins("afterShow");
+                        this.visible = true;
+                        (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(this, true);
+                        return [
+                            2
+                        ];
+                    });
+                }).call(this);
+            }
+        },
         {
             key: "render",
             value: function render(contours, box) {
                 return _async_to_generator(function() {
-                    var _this_deps_recorder;
                     return _ts_generator(this, function(_state) {
                         this.applyPlugins("beforeRender");
                         if (this.shouldPresent()) {
-                            ;
-                            this.applyPlugins("beforeShow");
-                            this.container.style.display = "block";
-                            this.container.style.position = "relative";
-                            this.container.style.width = "".concat(this.box.width(this.plane.size), "px");
-                            this.container.style.height = "".concat(this.box.height(this.plane.size), "px");
-                            this.content.render();
-                            this.applyPlugins("afterShow");
-                            this.visible = true;
-                            (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(this, true);
+                            this.showRegion();
                         } else if (this.shouldHide()) {
                             this.hideRegion();
                         } else {
                             if (this.visible) {
-                                this.container.style.width = "".concat(this.box.width(this.plane.size), "px");
-                                this.container.style.height = "".concat(this.box.height(this.plane.size), "px");
                                 this.applyPlugins("reRender");
                             }
                         }
@@ -80785,48 +80855,6 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
                 }).call(this);
             }
         },
-        {
-            key: "shouldRequestContent",
-            value: function shouldRequestContent(newBox) {
-                if (this.box.area({
-                    width: 1,
-                    height: 1
-                }) <= 0 && newBox.area({
-                    width: 1,
-                    height: 1
-                }) > 0) {
-                    return true;
-                }
-                if (this.box.isEqual(newBox.coords)) {
-                    return false;
-                }
-                if (newBox.area(this.plane.size) <= 0) {
-                    return false;
-                }
-                if (newBox.area(this.plane.size) === this.box.area(this.plane.size)) {
-                    return false;
-                }
-                if (Math.abs(newBox.area({
-                    width: 1,
-                    height: 1
-                }) - this.box.area({
-                    width: 1,
-                    height: 1
-                })) < 0.05) {
-                    return false;
-                }
-                if (Math.abs(newBox.aspectRatio({
-                    width: 1,
-                    height: 1
-                }) - this.box.aspectRatio({
-                    width: 1,
-                    height: 1
-                })) > 0.05) {
-                    return false;
-                }
-                return true;
-            }
-        },
         {
             key: "updateSize",
             value: function updateSize(width, height) {
@@ -80856,7 +80884,10 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
             value: function clear() {
                 var _this = this;
                 this.hideRegion().then(function() {
-                    _this.updateSize(0, 0);
+                    _this.plane.update({
+                        width: 0,
+                        height: 0
+                    });
                 });
             }
         }
@@ -81049,83 +81080,116 @@ var AdRegionsArea = /*#__PURE__*/ function() {
         {
             key: "render",
             value: function render(regions2) {
-                if (!regions2 || !regions2.length) {
-                    this.clear();
-                    return;
-                }
-                var mapped = new MappedCollection();
-                mapped.load(regions2);
-                var visibleRegions = this.regionsObjects.getVisible();
-                var diffLeft = getDifferenceLeft(visibleRegions, regions2);
-                var diffRight = getDifferenceRight(visibleRegions, regions2);
-                var common = getIntersection(visibleRegions, regions2);
-                for(var index = 0; index < diffLeft.length; index++){
-                    var existingObject = this.regionsObjects.getById(diffLeft[index].id);
-                    if (existingObject) {
-                        existingObject.clear();
-                    }
-                }
-                if (common.length) {
-                    for(var index1 = 0; index1 < common.length; index1++){
-                        if (index1 < this.maxRegions) {
-                            var pack = mapped.getById(common[index1].id);
-                            if (pack) {
-                                common[index1].updateSize(pack.width, pack.height);
-                            }
-                        } else {
-                            common[index1].clear();
-                        }
-                    }
-                } else {
-                    for(var index2 = 0; index2 < diffRight.length && index2 < this.maxRegions; index2++){
-                        var existingObject1 = this.regionsObjects.getById(diffRight[index2].id);
-                        if (existingObject1) {
-                            var pack1 = mapped.getById(diffRight[index2].id);
-                            if (pack1) {
-                                existingObject1.updateSize(pack1.width, pack1.height);
-                            }
-                        } else {
-                            var region = diffRight[index2];
-                            var provider = ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider);
-                            var plugins2 = [
-                                // new RegionBorderPlugin(),
-                                new RegionAnimationPlugin("OPACITY")
-                            ];
-                            var newRegion = new BasicAdRegion(region.id, {
-                                width: region.width,
-                                height: region.height
-                            }, {
-                                ad: {
-                                    type: region.type,
-                                    name: region.region
+                return _async_to_generator(function() {
+                    var mapped, visibleRegions, diffLeft, diffRight, pending, common, index, existingObject2, index1, pack, index2, existingObject21, pack1, region, provider, plugins2, newRegion;
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                if (!regions2 || !regions2.length) {
+                                    this.clear();
+                                    return [
+                                        2
+                                    ];
                                 }
-                            }, {
-                                provider: provider,
-                                plugins: plugins2,
-                                recorder: this.context.recorder
-                            });
-                            this.regionsObjects.push(newRegion);
-                            this.regionsContainerView.append(newRegion.view);
-                            this.intersectionObserver.observe(newRegion.view);
+                                mapped = new MappedCollection();
+                                mapped.load(regions2);
+                                visibleRegions = this.regionsObjects.getVisible();
+                                diffLeft = getDifferenceLeft(visibleRegions, regions2);
+                                diffRight = getDifferenceRight(visibleRegions, regions2);
+                                pending = [];
+                                common = getIntersection(visibleRegions, regions2);
+                                for(index = 0; index < diffLeft.length; index++){
+                                    existingObject2 = this.regionsObjects.getById(diffLeft[index].id);
+                                    if (existingObject2) {
+                                        existingObject2.updateSize(0, 0);
+                                        pending.push(existingObject2.hidden.promise);
+                                    }
+                                }
+                                if (!common.length) return [
+                                    3,
+                                    1
+                                ];
+                                for(index1 = 0; index1 < common.length; index1++){
+                                    if (index1 < this.maxRegions) {
+                                        pack = mapped.getById(common[index1].id);
+                                        if (pack) {
+                                            common[index1].updateSize(pack.width, pack.height);
+                                        }
+                                    } else {
+                                        common[index1].updateSize(0, 0);
+                                        pending.push(existingObject.hidden.promise);
+                                    }
+                                }
+                                return [
+                                    3,
+                                    3
+                                ];
+                            case 1:
+                                return [
+                                    4,
+                                    Promise.all(pending)
+                                ];
+                            case 2:
+                                _state.sent();
+                                for(index2 = 0; index2 < diffRight.length && index2 < this.maxRegions; index2++){
+                                    existingObject21 = this.regionsObjects.getById(diffRight[index2].id);
+                                    if (existingObject21) {
+                                        pack1 = mapped.getById(diffRight[index2].id);
+                                        if (pack1) {
+                                            existingObject21.updateSize(pack1.width, pack1.height);
+                                        }
+                                    } else {
+                                        region = diffRight[index2];
+                                        provider = ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider);
+                                        plugins2 = [
+                                            new RegionBorderPlugin(),
+                                            new RegionAnimationPlugin("OPACITY")
+                                        ];
+                                        newRegion = new BasicAdRegion(region.id, {
+                                            width: region.width,
+                                            height: region.height
+                                        }, {
+                                            ad: {
+                                                type: region.type,
+                                                name: region.region
+                                            }
+                                        }, {
+                                            provider: provider,
+                                            plugins: plugins2,
+                                            recorder: this.context.recorder
+                                        });
+                                        this.regionsObjects.push(newRegion);
+                                        this.regionsContainerView.append(newRegion.view);
+                                        this.intersectionObserver.observe(newRegion.view);
+                                    }
+                                }
+                                _state.label = 3;
+                            case 3:
+                                return [
+                                    2
+                                ];
                         }
-                    }
-                }
+                    });
+                }).call(this);
             }
         },
         {
             key: "clear",
             value: function clear() {
-                this.updateSize({
-                    width: 0,
-                    height: 0
-                }, this.context.media.aspectRatio);
-                this.updatePosition({
-                    x: 0,
-                    y: 0
-                });
+                var _this = this;
                 this.regionsObjects.forEach(function(region) {
                     region.clear();
                 });
+                setTimeout(function() {
+                    _this.updateSize({
+                        width: 0,
+                        height: 0
+                    }, _this.context.media.aspectRatio);
+                    _this.updatePosition({
+                        x: 0,
+                        y: 0
+                    });
+                }, 500);
             }
         },
         {
@@ -81224,9 +81288,9 @@ var RegionRenderer = /*#__PURE__*/ function() {
         {
             key: "clear",
             value: function clear() {
-                var regions2 = Object.values(this.regionAreas);
-                for(var index = 0; index < regions2.length; index++){
-                    regions2[index].clear();
+                var areas = Object.values(this.regionAreas);
+                for(var index = 0; index < areas.length; index++){
+                    areas[index].clear();
                 }
             }
         },
@@ -82205,9 +82269,9 @@ var RegionRenderer2 = /*#__PURE__*/ function() {
                     }
                 } else {
                     for(var index1 = 0; index1 < diffRight.length && index1 < this.maxRegions; index1++){
-                        var existingObject = this.regionsObjects.getById(diffRight[index1].id);
-                        if (existingObject) {
-                            existingObject.updateRegion(mapped.getById(diffRight[index1].id));
+                        var existingObject2 = this.regionsObjects.getById(diffRight[index1].id);
+                        if (existingObject2) {
+                            existingObject2.updateRegion(mapped.getById(diffRight[index1].id));
                         } else {
                             var newRegion = this.regionFactory.get(diffRight[index1], {
                                 width: this.regionsContainerView.width,
@@ -82222,9 +82286,9 @@ var RegionRenderer2 = /*#__PURE__*/ function() {
                     }
                 }
                 for(var index2 = 0; index2 < diffLeft.length; index2++){
-                    var existingObject1 = this.regionsObjects.getById(diffLeft[index2].id);
-                    if (existingObject1) {
-                        existingObject1.clear();
+                    var existingObject21 = this.regionsObjects.getById(diffLeft[index2].id);
+                    if (existingObject21) {
+                        existingObject21.clear();
                     }
                 }
                 this.regionsData = regions2;