@brndts/brndts-ads 1.13.0 → 1.13.2

package/dist/index.mjs

@@ -67785,7 +67785,38 @@ var AdsConfigsClass = /*#__PURE__*/ function(BRNDTSConfig) {
             key: "defaults",
             get: function get() {
                 return {
-                    general: {},
+                    general: {
+                        clickability: {
+                            value: true,
+                            setting: {
+                                code: "clickability",
+                                name: "clickability",
+                                description: "",
+                                type: "boolean",
+                                constraints: {}
+                            }
+                        },
+                        visibility_on_pause: {
+                            value: true,
+                            setting: {
+                                code: "visibility_on_pause",
+                                name: "visibility_on_pause",
+                                description: "",
+                                type: "boolean",
+                                constraints: {}
+                            }
+                        },
+                        debug_mode: {
+                            value: false,
+                            setting: {
+                                code: "debug_mode",
+                                name: "debug_mode",
+                                description: "",
+                                type: "boolean",
+                                constraints: {}
+                            }
+                        }
+                    },
                     adStrategies: {}
                 };
             }
@@ -73026,6 +73057,12 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 return this.media;
             }
         },
+        {
+            key: "fullscreenElement",
+            get: function get() {
+                return this.view || void 0;
+            }
+        },
         {
             key: "viewWidth",
             get: function get() {
@@ -73472,6 +73509,12 @@ var NativeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 return this.media;
             }
         },
+        {
+            key: "fullscreenElement",
+            get: function get() {
+                return this.view || void 0;
+            }
+        },
         {
             key: "viewWidth",
             get: function get() {
@@ -73842,6 +73885,13 @@ var BradmaxMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 return this.actualMediaElement;
             }
         },
+        {
+            key: "fullscreenElement",
+            get: function get() {
+                var _this_view;
+                return ((_this_view = this.view) === null || _this_view === void 0 ? void 0 : _this_view.closest(".bsplayer")) || void 0;
+            }
+        },
         {
             key: "viewWidth",
             get: function get() {
@@ -74304,6 +74354,12 @@ var DailymotionMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 return this.rootNode;
             }
         },
+        {
+            key: "fullscreenElement",
+            get: function get() {
+                return this.view || void 0;
+            }
+        },
         {
             key: "viewWidth",
             get: function get() {
@@ -74603,6 +74659,12 @@ var VideoJSMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
                 return this.media;
             }
         },
+        {
+            key: "fullscreenElement",
+            get: function get() {
+                return this.view || void 0;
+            }
+        },
         {
             key: "viewWidth",
             get: function get() {
@@ -79779,7 +79841,7 @@ var Fullscreen = /*#__PURE__*/ function() {
         this.context = context;
         this.container = this.context.elements.container;
         document.addEventListener("fullscreenchange", function() {
-            if (document.fullscreenElement === _this.context.media.view || document.fullscreenElement === _this.context.elements.container) {
+            if (document.fullscreenElement === _this.context.media.fullscreenElement || document.fullscreenElement === _this.context.elements.container) {
                 _this.context.elements.fullscreen = document.fullscreenElement;
                 _this.container.dataset.fullscreen = "true";
                 _this.container.style.paddingBottom = "0";
@@ -80214,6 +80276,89 @@ 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"
+                    });
+                }
+                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"
+                    });
+                }
+                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"
+                    });
+                }
+                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"
+                    });
+                }
+                return areas;
+            }
+        }
+    ]);
+    return FullscreenTemplate;
+}();
 var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
     "use strict";
     _inherits(RegionPacker, _import_events8_default);
@@ -80227,6 +80372,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,
@@ -80235,12 +80381,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 = [];
@@ -80248,30 +80399,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;
             }
         },
@@ -80294,9 +80422,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) {
@@ -80927,27 +81056,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(),
@@ -80972,18 +81107,21 @@ 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() {
+                var _this = this;
                 this.regionsObjects.forEach(function(region) {
+                    _this.updateSize({
+                        width: 0,
+                        height: 0
+                    }, _this.context.media.aspectRatio);
+                    _this.updatePosition({
+                        x: 0,
+                        y: 0
+                    });
                     region.clear();
                 });
             }
@@ -81376,7 +81514,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;
@@ -81403,10 +81541,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
         {
             key: "enteredFullscreen",
             value: function enteredFullscreen() {
-                var _this = this;
-                setTimeout(function() {
-                    _this.updatedContainerSize(true);
-                }, 0);
+                this.updatedContainerSize(true);
             }
         },
         {
@@ -81431,7 +81566,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;