@brndts/brndts-ads 1.11.0 → 1.11.1

package/dist/index.mjs

@@ -70413,6 +70413,7 @@ var PrebidGAMProvider = /*#__PURE__*/ function(ContentProvider1) {
         PrebidGAMEventsInstance.onSlotRenderEnd(function(event) {
             var slot = event.slot;
             if ("".concat(_this.workingSlotId) === event.slot.getSlotElementId()) {
+                var _this_content_extra_sz, _this_content_extra_sz1;
                 if (!_this.content.extra) {
                     _this.content.extra = {};
                 }
@@ -70422,6 +70423,10 @@ var PrebidGAMProvider = /*#__PURE__*/ function(ContentProvider1) {
                 if (slot.getTargeting("hb_bidder").length) {
                     _this.content.extra.bidder = slot.getTargeting("hb_bidder")[0];
                 }
+                _this.content.extra.sz = {
+                    w: event.size[0] || ((_this_content_extra_sz = _this.content.extra.sz) === null || _this_content_extra_sz === void 0 ? void 0 : _this_content_extra_sz.w) || 0,
+                    h: event.size[1] || ((_this_content_extra_sz1 = _this.content.extra.sz) === null || _this_content_extra_sz1 === void 0 ? void 0 : _this_content_extra_sz1.h) || 0
+                };
                 _this.content.pending = false;
                 _this.fullfill();
             }
@@ -71173,20 +71178,26 @@ var RegionBorderPlugin = /*#__PURE__*/ function() {
         {
             key: "afterShow",
             value: function afterShow(region) {
+                var styles2 = window.getComputedStyle(region.content.view);
+                var width = parseFloat(styles2.width);
+                var height = parseFloat(styles2.height);
                 region.view.style.width = "".concat(region.boxWidth + 4, "px");
                 region.view.style.height = "".concat(region.boxHeight + 4, "px");
-                region.content.view.style.width = "".concat(region.boxWidth + 4, "px");
-                region.content.view.style.height = "".concat(region.boxHeight + 4, "px");
+                region.content.view.style.width = "".concat(width + 4, "px");
+                region.content.view.style.height = "".concat(height + 4, "px");
                 return Promise.resolve();
             }
         },
         {
             key: "reRender",
             value: function reRender(region) {
+                var styles2 = window.getComputedStyle(region.content.view);
+                var width = parseFloat(styles2.width);
+                var height = parseFloat(styles2.height);
                 region.view.style.width = "".concat(region.boxWidth + 4, "px");
                 region.view.style.height = "".concat(region.boxHeight + 4, "px");
-                region.content.view.style.width = "".concat(region.boxWidth + 4, "px");
-                region.content.view.style.height = "".concat(region.boxHeight + 4, "px");
+                region.content.view.style.width = "".concat(width + 4, "px");
+                region.content.view.style.height = "".concat(height + 4, "px");
                 return Promise.resolve();
             }
         },
@@ -71719,6 +71730,39 @@ var Region = /*#__PURE__*/ function() {
     return Region;
 }();
 // src/Ads/Regions/StaticAdRegion.ts
+var StaticRegionContent = /*#__PURE__*/ function(RegionContent) {
+    "use strict";
+    _inherits(StaticRegionContent, RegionContent);
+    function StaticRegionContent(id, plane, box, ctx) {
+        _class_call_check(this, StaticRegionContent);
+        var _this;
+        _this = _call_super(this, StaticRegionContent, [
+            id,
+            plane,
+            box,
+            ctx
+        ]);
+        _this.container.style.left = "50%";
+        _this.container.style.top = "50%";
+        _this.container.style.transform = "translate(-50%, -50%)";
+        return _this;
+    }
+    _create_class(StaticRegionContent, [
+        {
+            key: "render",
+            value: function render(force) {
+                var _this_content, _this_content_extra_sz, _this_content_extra, _this_content1, _this_content_extra_sz1, _this_content_extra1, _this_content2;
+                if ((_this_content = this.content) === null || _this_content === void 0 ? void 0 : _this_content.pending) {
+                    return;
+                }
+                this.container.style.width = "".concat((_this_content1 = this.content) === null || _this_content1 === void 0 ? void 0 : (_this_content_extra = _this_content1.extra) === null || _this_content_extra === void 0 ? void 0 : (_this_content_extra_sz = _this_content_extra.sz) === null || _this_content_extra_sz === void 0 ? void 0 : _this_content_extra_sz.w, "px");
+                this.container.style.height = "".concat((_this_content2 = this.content) === null || _this_content2 === void 0 ? void 0 : (_this_content_extra1 = _this_content2.extra) === null || _this_content_extra1 === void 0 ? void 0 : (_this_content_extra_sz1 = _this_content_extra1.sz) === null || _this_content_extra_sz1 === void 0 ? void 0 : _this_content_extra_sz1.h, "px");
+                this.container.dataset.state = this.box.area(this.plane.size) > 0 ? "visible" : "hidden";
+            }
+        }
+    ]);
+    return StaticRegionContent;
+}(RegionContent);
 var StaticAdRegion = /*#__PURE__*/ function(Region) {
     "use strict";
     _inherits(StaticAdRegion, Region);
@@ -71742,6 +71786,9 @@ var StaticAdRegion = /*#__PURE__*/ function(Region) {
             deps
         ]);
         _this.requestWithSize = true;
+        _this.content.view.remove();
+        _this.content = new StaticRegionContent(_this.id, _this.plane, _this.box, _this.deps.debug ? _this.regionDescriptor.ctx : void 0);
+        _this.container.appendChild(_this.content.view);
         return _this;
     }
     _create_class(StaticAdRegion, [