@brndts/brndts-ads 1.13.1 → 1.13.3

package/dist/index.mjs

@@ -80276,6 +80276,93 @@ var TYPES = {
         ]
     ]
 };
+var DefaultTemplate = /*#__PURE__*/ function() {
+    "use strict";
+    function DefaultTemplate() {
+        _class_call_check(this, DefaultTemplate);
+    }
+    _create_class(DefaultTemplate, [
+        {
+            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
+                        }, {
+                            width: plane.width - (cutout.x + cutout.width),
+                            height: cutout.y + cutout.height
+                        }),
+                        name: "A",
+                        maxSlots: 3
+                    });
+                }
+                if (plane.height - (cutout.y + cutout.height) > 0) {
+                    areas.push({
+                        dimensions: new Dimensions({
+                            x: 0,
+                            y: cutout.y + cutout.height
+                        }, {
+                            width: plane.width,
+                            height: plane.height - (cutout.y + cutout.height)
+                        }),
+                        name: "B",
+                        maxSlots: 1
+                    });
+                }
+                return areas;
+            }
+        }
+    ]);
+    return DefaultTemplate;
+}();
+var FullscreenTemplate = /*#__PURE__*/ function() {
+    "use strict";
+    function FullscreenTemplate() {
+        _class_call_check(this, FullscreenTemplate);
+    }
+    _create_class(FullscreenTemplate, [
+        {
+            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
+                        }, {
+                            width: plane.width - (cutout.x + cutout.width),
+                            height: plane.height
+                        }),
+                        name: "A",
+                        maxSlots: 3
+                    });
+                }
+                if (plane.height - (cutout.y + cutout.height) > 0) {
+                    areas.push({
+                        dimensions: new Dimensions({
+                            x: 0,
+                            y: cutout.y + cutout.height
+                        }, {
+                            width: cutout.x + cutout.width,
+                            height: plane.height - (cutout.y + cutout.height)
+                        }),
+                        available: {
+                            w: 0.7
+                        },
+                        name: "B",
+                        maxSlots: 1
+                    });
+                }
+                return areas;
+            }
+        }
+    ]);
+    return FullscreenTemplate;
+}();
 var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
     "use strict";
     _inherits(RegionPacker, _import_events8_default);
@@ -80289,6 +80376,7 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
         _this.mapped = [];
         _this.areas = [];
         _this.packed = [];
+        _this.templates = {};
         _this.context = context;
         _this.plane = {
             width: ((_this_context_elements_container = _this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0,
@@ -80297,12 +80385,17 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
         _this.mapped = transformData(TYPES).sort(function(a, b) {
             return b.area - a.area;
         });
+        _this.templates = {
+            "default": new DefaultTemplate(),
+            "fullscreen": new FullscreenTemplate()
+        };
         return _this;
     }
     _create_class(RegionPacker, [
         {
             key: "setCutout",
             value: function setCutout(cutout) {
+                var template = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "default";
                 var _this_context_elements_container, _this_context_elements_container1;
                 this.cutout = cutout;
                 this.areas = [];
@@ -80310,30 +80403,7 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
                     width: ((_this_context_elements_container = this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0,
                     height: ((_this_context_elements_container1 = this.context.elements.container) === null || _this_context_elements_container1 === void 0 ? void 0 : _this_context_elements_container1.getBoundingClientRect().height) || 0
                 };
-                if (this.plane.width - (this.cutout.x + this.cutout.width) > 0) {
-                    this.areas.push({
-                        dimensions: new Dimensions({
-                            x: this.cutout.x + this.cutout.width,
-                            y: 0
-                        }, {
-                            width: this.plane.width - (this.cutout.x + this.cutout.width),
-                            height: this.plane.height
-                        }),
-                        name: "A"
-                    });
-                }
-                if (this.plane.height - (this.cutout.y + this.cutout.height) > 0) {
-                    this.areas.push({
-                        dimensions: new Dimensions({
-                            x: 0,
-                            y: this.cutout.y + this.cutout.height
-                        }, {
-                            width: this.cutout.x + this.cutout.width,
-                            height: this.plane.height - (this.cutout.y + this.cutout.height)
-                        }),
-                        name: "B"
-                    });
-                }
+                this.areas = this.templates[template].get(this.plane, cutout);
                 return this;
             }
         },
@@ -80356,9 +80426,10 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
         {
             key: "fillRegion",
             value: function fillRegion(region) {
+                var _region_available, _region_available1, _region_available2, _region_available3;
                 var result = [];
-                var availableWidth = region.name === "B" ? region.dimensions.size.width * 0.7 : region.dimensions.size.width;
-                var availableHeight = region.name === "A" ? region.dimensions.size.height * 0.7 : region.dimensions.size.height;
+                var availableWidth = ((_region_available = region.available) === null || _region_available === void 0 ? void 0 : _region_available.w) ? region.dimensions.size.width * ((_region_available1 = region.available) === null || _region_available1 === void 0 ? void 0 : _region_available1.w) : region.dimensions.size.width;
+                var availableHeight = ((_region_available2 = region.available) === null || _region_available2 === void 0 ? void 0 : _region_available2.h) ? region.dimensions.size.height * ((_region_available3 = region.available) === null || _region_available3 === void 0 ? void 0 : _region_available3.h) : region.dimensions.size.height;
                 var regionX = region.dimensions.position.x;
                 var regionY = region.dimensions.position.y;
                 var usableTypes = this.mapped.filter(function(type) {
@@ -80392,6 +80463,9 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
                         }
                         index -= 1;
                     }
+                    if (result.length >= region.maxSlots) {
+                        break;
+                    }
                 }
                 return result;
             }
@@ -80578,12 +80652,6 @@ var StaticRegionContent2 = /*#__PURE__*/ function(RegionContent) {
                 this.container.style.width = "fit-content";
                 this.container.style.height = "fit-content";
                 this.container.dataset.state = this.box.area(this.plane.size) > 0 ? "visible" : "hidden";
-                this.container.childNodes.forEach(function(node) {
-                    if (_instanceof(node, HTMLElement)) {
-                        node.style.width = "fit-content";
-                        node.style.height = "fit-content";
-                    }
-                });
             }
         }
     ]);
@@ -80833,6 +80901,7 @@ var RegionsContainerView = /*#__PURE__*/ function() {
         }
         if (this.contentLayer) {
             this.contentLayer.style.position = "absolute";
+            this.contentLayer.style.overflow = "hidden";
             this.contentLayer.style.top = "".concat(this.position.y, "px");
             this.contentLayer.style.left = "".concat(this.position.x, "px");
             this.contentLayer.style.width = "".concat(this.size.width, "px");
@@ -80989,27 +81058,33 @@ var AdRegionsArea = /*#__PURE__*/ function() {
                 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 index = 0; index < common.length; index++){
-                        if (index < this.maxRegions) {
-                            var pack = mapped.getById(common[index].id);
+                    for(var index1 = 0; index1 < common.length; index1++){
+                        if (index1 < this.maxRegions) {
+                            var pack = mapped.getById(common[index1].id);
                             if (pack) {
-                                common[index].updateSize(pack.width, pack.height);
+                                common[index1].updateSize(pack.width, pack.height);
                             }
                         } else {
-                            common[index].clear();
+                            common[index1].clear();
                         }
                     }
                 } else {
-                    for(var index1 = 0; index1 < diffRight.length && index1 < this.maxRegions; index1++){
-                        var existingObject = this.regionsObjects.getById(diffRight[index1].id);
-                        if (existingObject) {
-                            var pack1 = mapped.getById(diffRight[index1].id);
+                    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) {
-                                existingObject.updateSize(pack1.width, pack1.height);
+                                existingObject1.updateSize(pack1.width, pack1.height);
                             }
                         } else {
-                            var region = diffRight[index1];
+                            var region = diffRight[index2];
                             var provider = ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider);
                             var plugins2 = [
                                 new RegionBorderPlugin(),
@@ -81034,17 +81109,19 @@ var AdRegionsArea = /*#__PURE__*/ function() {
                         }
                     }
                 }
-                for(var index2 = 0; index2 < diffLeft.length; index2++){
-                    var existingObject1 = this.regionsObjects.getById(diffLeft[index2].id);
-                    if (existingObject1) {
-                        existingObject1.clear();
-                    }
-                }
             }
         },
         {
             key: "clear",
             value: function clear() {
+                this.updateSize({
+                    width: 0,
+                    height: 0
+                }, this.context.media.aspectRatio);
+                this.updatePosition({
+                    x: 0,
+                    y: 0
+                });
                 this.regionsObjects.forEach(function(region) {
                     region.clear();
                 });
@@ -81438,7 +81515,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
                         y: (expected === null || expected === void 0 ? void 0 : expected.position.y) || 0,
                         width: (expected === null || expected === void 0 ? void 0 : expected.size.width) || 0,
                         height: (expected === null || expected === void 0 ? void 0 : expected.size.height) || 0
-                    });
+                    }, _this.context.store.getState().fullscreen ? "fullscreen" : "default");
                     _this.packer.pack();
                     if (_this.packer.packed.length > 0) {
                         var _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
@@ -81465,10 +81542,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
         {
             key: "enteredFullscreen",
             value: function enteredFullscreen() {
-                var _this = this;
-                setTimeout(function() {
-                    _this.updatedContainerSize(true);
-                }, 0);
+                this.updatedContainerSize(true);
             }
         },
         {
@@ -81493,7 +81567,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
                         y: ((_this_mediaElementSizeController2 = this.mediaElementSizeController) === null || _this_mediaElementSizeController2 === void 0 ? void 0 : _this_mediaElementSizeController2.position.y) || 0,
                         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) {
                         var _this_regionsRenderer1, _this_regionsRenderer2;