@brndts/brndts-ads 0.0.2 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/dist/index.css +8 -5
- package/dist/index.css.map +1 -1
- package/dist/index.js +69 -69
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +69 -69
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -20,7 +20,6 @@ Here's a quick example of how to use Brndts Ads:
|
|
|
20
20
|
import BrndtsAds from "@brndts/brndts-ads";
|
|
21
21
|
|
|
22
22
|
const ads = new BrndtsAds("#player", {
|
|
23
|
-
host: "<WE PROVIDE THIS>",
|
|
24
23
|
key: "<WE PROVIDE THIS>",
|
|
25
24
|
auth: {
|
|
26
25
|
host: "<WE ALSO PROVIDE THIS>",
|
|
@@ -28,6 +27,11 @@ const ads = new BrndtsAds("#player", {
|
|
|
28
27
|
});
|
|
29
28
|
```
|
|
30
29
|
|
|
30
|
+
To use BRNDTS you just need to provide two arguments:
|
|
31
|
+
|
|
32
|
+
- The first one is a CSS Selector that identifies the element in which you want to present BRNDTS Ads.
|
|
33
|
+
- The second is a configuration object with information about your **key** and **authentication host**.
|
|
34
|
+
|
|
31
35
|
## License
|
|
32
36
|
|
|
33
37
|
See the [LICENSE](LICENSE) file for details.
|
package/dist/index.css
CHANGED
|
@@ -222,13 +222,16 @@
|
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
/* src/UI/Interface.scss */
|
|
225
|
-
#
|
|
226
|
-
display: flex;
|
|
225
|
+
#BRNDTS {
|
|
227
226
|
position: relative;
|
|
228
|
-
|
|
229
|
-
|
|
227
|
+
padding-top: 0;
|
|
228
|
+
height: 0;
|
|
229
|
+
max-width: 100%;
|
|
230
|
+
overflow: hidden;
|
|
231
|
+
width: 100%;
|
|
232
|
+
padding-bottom: 56.25%;
|
|
230
233
|
}
|
|
231
|
-
#
|
|
234
|
+
#BRNDTS[data-brndts_control=brndts_fs] video::-webkit-media-controls-fullscreen-button {
|
|
232
235
|
display: none;
|
|
233
236
|
}
|
|
234
237
|
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/Buttons/FullscreenButton/FullscreenButton.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTLTB {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_RTB {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_LTB {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_BTN {\n background-color: transparent;\n outline: 1px solid white; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n padding: 0;\n width: 28px;\n pointer-events: all;\n height: 100%;\n\n &[data-state=\"pressed\"] {\n background-color: white;\n }\n}\n",".BRNDTS_BTN[data-type=\"BRNDTS_BTN_FS\"] {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n}\n","#BRNDTS_CTLBB {\n position: absolute;\n bottom: 0;\n height: 75px;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_OPTIONS {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_TIME {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n #BRNDTS_CTLPGRS {\n height: 25px;\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLBB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#
|
|
1
|
+
{"version":3,"sources":["../src/Ads/Regions/Region.scss","../src/Ads/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Ads.scss","../src/UI/Controls/Components/TopBar/ControlTopBar.scss","../src/UI/Controls/Components/Buttons/ControlBarButton.scss","../src/UI/Controls/Components/Buttons/FullscreenButton/FullscreenButton.scss","../src/UI/Controls/Components/BottomBar/ControlBottomBar.scss","../src/UI/Interface.scss"],"sourcesContent":["[data-debug=\"true\"] {\n .BRNDTS_R {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n\n.BRNDTS_R {\n position: absolute;\n pointer-events: all;\n\n .BRNDTS_RB {\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n }\n\n .BRNDTS_RM {\n display: none;\n // transition: width 0.05s ease-in-out, height 0.05s ease-in-out;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n",".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: whitesmoke;\n border: 1px solid black;\n\n .box {\n width: 90%;\n height: 90%;\n --b: 2px; /* thickness of the border */\n --c: black; /* color of the border */\n --w: 20px; /* width of border */\n\n border: var(--b) solid #0000; /* space for the border */\n --_g: #0000 90deg, var(--c) 0;\n --_p: var(--w) var(--w) border-box no-repeat;\n background: conic-gradient(\n from 90deg at top var(--b) left var(--b),\n var(--_g)\n )\n 0 0 / var(--_p),\n conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100%\n 0 / var(--_p),\n conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0\n 100% / var(--_p),\n conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n 100% 100% / var(--_p);\n }\n\n .text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 24px;\n }\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n","#BRNDTS_CTLTB {\n position: absolute;\n top: 0;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_RTB {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_LTB {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_BTN {\n background-color: transparent;\n outline: 1px solid white; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n padding: 0;\n width: 28px;\n pointer-events: all;\n height: 100%;\n\n &[data-state=\"pressed\"] {\n background-color: white;\n }\n}\n",".BRNDTS_BTN[data-type=\"BRNDTS_BTN_FS\"] {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n}\n","#BRNDTS_CTLBB {\n position: absolute;\n bottom: 0;\n height: 75px;\n width: 100%;\n pointer-events: none;\n padding-top: 12px;\n padding-bottom: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n #BRNDTS_CTLBTS {\n height: 28px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n\n #BRNDTS_OPTIONS {\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n #BRNDTS_TIME {\n pointer-events: none;\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n }\n\n #BRNDTS_CTLPGRS {\n height: 25px;\n }\n\n & > * {\n pointer-events: initial;\n }\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLBB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -18650,7 +18650,6 @@ var ErrorHandler = /*#__PURE__*/ function() {
|
|
|
18650
18650
|
key: "handle",
|
|
18651
18651
|
value: function handle(error) {
|
|
18652
18652
|
Reporter_default.capture(error);
|
|
18653
|
-
console.error(error);
|
|
18654
18653
|
if (_instanceof(error, GenericError)) {
|
|
18655
18654
|
if (error.fatal) {
|
|
18656
18655
|
throw error;
|
|
@@ -18850,8 +18849,7 @@ var defaults = {
|
|
|
18850
18849
|
},
|
|
18851
18850
|
playback: {},
|
|
18852
18851
|
volume: {
|
|
18853
|
-
mute: false
|
|
18854
|
-
defaultVolume: 20
|
|
18852
|
+
mute: false
|
|
18855
18853
|
},
|
|
18856
18854
|
ads: {
|
|
18857
18855
|
enabled: true,
|
|
@@ -18862,7 +18860,7 @@ var defaults = {
|
|
|
18862
18860
|
},
|
|
18863
18861
|
regions: {
|
|
18864
18862
|
useCache: true,
|
|
18865
|
-
strategy: "
|
|
18863
|
+
strategy: "bannerv2"
|
|
18866
18864
|
},
|
|
18867
18865
|
provider: {
|
|
18868
18866
|
type: "brndts_placeholder",
|
|
@@ -18911,7 +18909,6 @@ var Config = /*#__PURE__*/ function() {
|
|
|
18911
18909
|
return fetch("".concat(this.configs.auth.host, "/authority/tenant/bap/").concat(this.configs.key, "/configs")).then(function(response) {
|
|
18912
18910
|
return response.json();
|
|
18913
18911
|
}).then(function(data) {
|
|
18914
|
-
console.log("Loaded remote configuration", data);
|
|
18915
18912
|
_this.remote = data;
|
|
18916
18913
|
_this.merge();
|
|
18917
18914
|
});
|
|
@@ -19909,6 +19906,11 @@ var RegionsContainerView = /*#__PURE__*/ function() {
|
|
|
19909
19906
|
} else {
|
|
19910
19907
|
this.contentLayer.style.top = "0px";
|
|
19911
19908
|
}
|
|
19909
|
+
if (width - newDimensions.width > 0) {
|
|
19910
|
+
this.contentLayer.style.left = "".concat((width - newDimensions.width) / 2, "px");
|
|
19911
|
+
} else {
|
|
19912
|
+
this.contentLayer.style.left = "0px";
|
|
19913
|
+
}
|
|
19912
19914
|
}
|
|
19913
19915
|
},
|
|
19914
19916
|
{
|
|
@@ -20438,7 +20440,6 @@ var KevelSDK = /*#__PURE__*/ function() {
|
|
|
20438
20440
|
};
|
|
20439
20441
|
}
|
|
20440
20442
|
}).catch(function(error) {
|
|
20441
|
-
console.error("There was a problem with the fetch operation:", error);
|
|
20442
20443
|
throw error;
|
|
20443
20444
|
});
|
|
20444
20445
|
}
|
|
@@ -20548,9 +20549,7 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
|
|
|
20548
20549
|
key: "request",
|
|
20549
20550
|
value: function request(params) {
|
|
20550
20551
|
var url2 = "https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params));
|
|
20551
|
-
console.log("requesting : ", url2);
|
|
20552
20552
|
return fetch("https://n1.smartyads.com/?c=b&".concat(this.buildQueryParams(params))).then(function(response) {
|
|
20553
|
-
console.log("response", response);
|
|
20554
20553
|
if (!response.ok) {
|
|
20555
20554
|
throw new InternalError("Network response was not ok");
|
|
20556
20555
|
}
|
|
@@ -20558,7 +20557,6 @@ var SmartyadsSDK = /*#__PURE__*/ function() {
|
|
|
20558
20557
|
}).then(function(data) {
|
|
20559
20558
|
return data;
|
|
20560
20559
|
}).catch(function(error) {
|
|
20561
|
-
console.error("There was a problem with the fetch operation:", error);
|
|
20562
20560
|
throw error;
|
|
20563
20561
|
});
|
|
20564
20562
|
}
|
|
@@ -20729,47 +20727,43 @@ var VideoRegionsDurationDecorator = /*#__PURE__*/ function(VideoRegionsDataManag
|
|
|
20729
20727
|
var last;
|
|
20730
20728
|
var result;
|
|
20731
20729
|
var workingTimestamp = timestamp;
|
|
20732
|
-
|
|
20733
|
-
|
|
20734
|
-
|
|
20735
|
-
|
|
20736
|
-
|
|
20730
|
+
while(totalDuration < this.params.duration){
|
|
20731
|
+
var regions = this.component.get(workingTimestamp);
|
|
20732
|
+
if (!regions || !regions.regions) {
|
|
20733
|
+
return null;
|
|
20734
|
+
}
|
|
20735
|
+
var validRegions = regions.regions.filter(function(reg, _, array) {
|
|
20736
|
+
if (!last) {
|
|
20737
|
+
last = array.map(function(r2) {
|
|
20738
|
+
return r2.id;
|
|
20739
|
+
});
|
|
20740
|
+
result = _to_consumable_array(array);
|
|
20737
20741
|
}
|
|
20738
|
-
|
|
20739
|
-
if (
|
|
20740
|
-
|
|
20741
|
-
return r2.id;
|
|
20742
|
-
});
|
|
20743
|
-
result = _to_consumable_array(array);
|
|
20742
|
+
if (reg.iou <= _this.iou) {
|
|
20743
|
+
if (last.includes(reg.id)) {
|
|
20744
|
+
return true;
|
|
20744
20745
|
}
|
|
20745
|
-
|
|
20746
|
-
if (last.includes(reg.id)) {
|
|
20747
|
-
return true;
|
|
20748
|
-
}
|
|
20749
|
-
return false;
|
|
20750
|
-
} else {
|
|
20751
|
-
if (last.includes(reg.id)) {
|
|
20752
|
-
var foundIndex = last.indexOf(reg.id);
|
|
20753
|
-
last.splice(foundIndex, 1);
|
|
20754
|
-
result === null || result === void 0 ? void 0 : result.splice(foundIndex, 1);
|
|
20755
|
-
}
|
|
20756
|
-
return false;
|
|
20757
|
-
}
|
|
20758
|
-
});
|
|
20759
|
-
if (validRegions.length <= 0) {
|
|
20760
|
-
return null;
|
|
20761
|
-
}
|
|
20762
|
-
var duration = 0;
|
|
20763
|
-
if (regions.timestamp_start < workingTimestamp) {
|
|
20764
|
-
duration = regions.timestamp_end - workingTimestamp;
|
|
20746
|
+
return false;
|
|
20765
20747
|
} else {
|
|
20766
|
-
|
|
20748
|
+
if (last.includes(reg.id)) {
|
|
20749
|
+
var foundIndex = last.indexOf(reg.id);
|
|
20750
|
+
last.splice(foundIndex, 1);
|
|
20751
|
+
result === null || result === void 0 ? void 0 : result.splice(foundIndex, 1);
|
|
20752
|
+
}
|
|
20753
|
+
return false;
|
|
20767
20754
|
}
|
|
20768
|
-
|
|
20769
|
-
|
|
20755
|
+
});
|
|
20756
|
+
if (validRegions.length <= 0) {
|
|
20757
|
+
return null;
|
|
20770
20758
|
}
|
|
20771
|
-
|
|
20772
|
-
|
|
20759
|
+
var duration = 0;
|
|
20760
|
+
if (regions.timestamp_start < workingTimestamp) {
|
|
20761
|
+
duration = regions.timestamp_end - workingTimestamp;
|
|
20762
|
+
} else {
|
|
20763
|
+
duration = regions.timestamp_end - regions.timestamp_start;
|
|
20764
|
+
}
|
|
20765
|
+
totalDuration += duration;
|
|
20766
|
+
workingTimestamp = regions.timestamp_end + 1e-3;
|
|
20773
20767
|
}
|
|
20774
20768
|
if (!result) {
|
|
20775
20769
|
return null;
|
|
@@ -20848,10 +20842,11 @@ var Ads = /*#__PURE__*/ function() {
|
|
|
20848
20842
|
this.context.store.subscribe(function(newState, oldState) {
|
|
20849
20843
|
if (oldState.status !== newState.status) {
|
|
20850
20844
|
if (newState.status === "playing") {
|
|
20851
|
-
console.log("ads state changed");
|
|
20852
20845
|
_this.adPresentationStrategy.start();
|
|
20853
20846
|
} else {
|
|
20847
|
+
var _this_regionsRenderer;
|
|
20854
20848
|
_this.adPresentationStrategy.stop();
|
|
20849
|
+
(_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
|
|
20855
20850
|
}
|
|
20856
20851
|
}
|
|
20857
20852
|
if (oldState.ready !== newState.ready) {
|
|
@@ -20861,11 +20856,20 @@ var Ads = /*#__PURE__*/ function() {
|
|
|
20861
20856
|
}
|
|
20862
20857
|
});
|
|
20863
20858
|
this.adPresentationStrategy.on("presentation", function() {
|
|
20864
|
-
|
|
20865
|
-
|
|
20866
|
-
|
|
20867
|
-
|
|
20868
|
-
|
|
20859
|
+
try {
|
|
20860
|
+
var regions = _this.videoRegions.get(_this.context.media.currentTime);
|
|
20861
|
+
if (regions === null || regions === void 0 ? void 0 : regions.regions) {
|
|
20862
|
+
var _this_regionsRenderer;
|
|
20863
|
+
_this.adPresentationStrategy.startedPresentation();
|
|
20864
|
+
(_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.render(regions.regions);
|
|
20865
|
+
}
|
|
20866
|
+
} catch (e2) {
|
|
20867
|
+
if (_instanceof(e2, Error)) {
|
|
20868
|
+
var error = new InternalError(e2.message);
|
|
20869
|
+
error.stack = e2.stack;
|
|
20870
|
+
_this.context.logger.error(e2);
|
|
20871
|
+
ErrorHandler.handle(error);
|
|
20872
|
+
}
|
|
20869
20873
|
}
|
|
20870
20874
|
}).on("cooldown", function() {
|
|
20871
20875
|
var _this_regionsRenderer;
|
|
@@ -20874,7 +20878,6 @@ var Ads = /*#__PURE__*/ function() {
|
|
|
20874
20878
|
});
|
|
20875
20879
|
(_this_context_media = this.context.media) === null || _this_context_media === void 0 ? void 0 : _this_context_media.on("SEEKED", function() {
|
|
20876
20880
|
_this.videoRegions.seek(_this.context.media.currentTime);
|
|
20877
|
-
_this.adPresentationStrategy.start();
|
|
20878
20881
|
});
|
|
20879
20882
|
this.handleState();
|
|
20880
20883
|
}
|
|
@@ -24158,10 +24161,9 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
|
|
|
24158
24161
|
}
|
|
24159
24162
|
_this.media = _this.context.media;
|
|
24160
24163
|
_this.container = document.createElement("div");
|
|
24161
|
-
_this.container.id = "
|
|
24164
|
+
_this.container.id = "BRNDTS";
|
|
24162
24165
|
_this.setDebug(_this.context.config.get("debug"));
|
|
24163
24166
|
_this.wrapMedia();
|
|
24164
|
-
_this.migrateStyles();
|
|
24165
24167
|
_this.setupControls();
|
|
24166
24168
|
return _this;
|
|
24167
24169
|
}
|
|
@@ -24170,7 +24172,7 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
|
|
|
24170
24172
|
key: "wrapMedia",
|
|
24171
24173
|
value: function wrapMedia() {
|
|
24172
24174
|
var _this_media_view_parentElement, _this_media_view;
|
|
24173
|
-
if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "
|
|
24175
|
+
if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "BRNDTS") {
|
|
24174
24176
|
this.context.elements.container = this.media.view.parentElement;
|
|
24175
24177
|
}
|
|
24176
24178
|
if (!is_default.element(this.context.elements.container)) {
|
|
@@ -24179,9 +24181,11 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
|
|
|
24179
24181
|
} else if (this.context.elements.container) {
|
|
24180
24182
|
this.container = this.context.elements.container;
|
|
24181
24183
|
}
|
|
24182
|
-
this.
|
|
24183
|
-
this.container.style.height = "".concat(this.media.viewHeight, "px");
|
|
24184
|
+
this.migrateStyles();
|
|
24184
24185
|
if (this.media.view) {
|
|
24186
|
+
this.media.view.style.position = "absolute";
|
|
24187
|
+
this.media.view.style.top = "0";
|
|
24188
|
+
this.media.view.style.left = "0";
|
|
24185
24189
|
this.media.view.style.width = "100%";
|
|
24186
24190
|
this.media.view.style.height = "100%";
|
|
24187
24191
|
}
|
|
@@ -24194,7 +24198,7 @@ var Interface = /*#__PURE__*/ function(_import_events3_default) {
|
|
|
24194
24198
|
var _this_media_view;
|
|
24195
24199
|
Object.values(_object_spread({}, ((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : _this_media_view.style) || {})).filter(//@ts-expect-error
|
|
24196
24200
|
function(key) {
|
|
24197
|
-
return !is_default.empty(key) && is_default.string(key)
|
|
24201
|
+
return !is_default.empty(key) && is_default.string(key);
|
|
24198
24202
|
}).forEach(function(key) {
|
|
24199
24203
|
_this.container.style.setProperty(//@ts-expect-error
|
|
24200
24204
|
key, //@ts-expect-error
|
|
@@ -28847,9 +28851,9 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
28847
28851
|
key: "setMediaElement",
|
|
28848
28852
|
value: function setMediaElement() {
|
|
28849
28853
|
var _this = this;
|
|
28850
|
-
|
|
28854
|
+
this.context.logger.log("Checking YT API");
|
|
28851
28855
|
if (is_default.object(window.YT) && is_default.function(window.YT.Player)) {
|
|
28852
|
-
|
|
28856
|
+
this.context.logger.log("YT API is already loaded");
|
|
28853
28857
|
this.YTAPIReady();
|
|
28854
28858
|
} else {
|
|
28855
28859
|
var callback = window.onYouTubeIframeAPIReady;
|
|
@@ -28857,12 +28861,12 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
28857
28861
|
if (callback && is_default.function(callback)) {
|
|
28858
28862
|
callback();
|
|
28859
28863
|
}
|
|
28860
|
-
|
|
28864
|
+
_this.context.logger.log("YT API is loaded");
|
|
28861
28865
|
_this.YTAPIReady();
|
|
28862
28866
|
};
|
|
28863
|
-
|
|
28867
|
+
this.context.logger.log("YT API is not loaded");
|
|
28864
28868
|
loadScript("https://www.youtube.com/iframe_api").catch(function(error) {
|
|
28865
|
-
|
|
28869
|
+
_this.context.logger.warn("YouTube API failed to load", error);
|
|
28866
28870
|
});
|
|
28867
28871
|
}
|
|
28868
28872
|
}
|
|
@@ -28921,7 +28925,7 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
28921
28925
|
value: function handleYTPlayerReady(event) {
|
|
28922
28926
|
var _this = this;
|
|
28923
28927
|
if (this.instance) {
|
|
28924
|
-
|
|
28928
|
+
this.context.logger.warn("Instance already found!");
|
|
28925
28929
|
return;
|
|
28926
28930
|
}
|
|
28927
28931
|
this.instance = event.target;
|
|
@@ -28946,7 +28950,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
28946
28950
|
key: "handlePlayerStateChange",
|
|
28947
28951
|
value: function handlePlayerStateChange(newState) {
|
|
28948
28952
|
var _this_media;
|
|
28949
|
-
console.log("player state changed", newState);
|
|
28950
28953
|
var seeked = ((_this_media = this.media) === null || _this_media === void 0 ? void 0 : _this_media.seeking) && [
|
|
28951
28954
|
1,
|
|
28952
28955
|
2
|
|
@@ -29011,7 +29014,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
29011
29014
|
id: id
|
|
29012
29015
|
});
|
|
29013
29016
|
media = elements_default.replaceElement(container, media);
|
|
29014
|
-
console.log("Setting media for video with id : ", media, videoId);
|
|
29015
29017
|
var ytPlayer = new window.YT.Player(media, {
|
|
29016
29018
|
videoId: videoId || void 0,
|
|
29017
29019
|
host: getHost(config2),
|
|
@@ -29244,7 +29246,6 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
29244
29246
|
width: width,
|
|
29245
29247
|
height: height
|
|
29246
29248
|
};
|
|
29247
|
-
console.log("adjusted dimensions!", adjustedDimensions);
|
|
29248
29249
|
if (preserveAspectRatio) {
|
|
29249
29250
|
adjustedDimensions = this.adjustSizeWithAspectRatio(width, height, this.aspectRatio);
|
|
29250
29251
|
}
|
|
@@ -29309,7 +29310,6 @@ var NativeMediaElement = /*#__PURE__*/ function(GenericMediaElement1) {
|
|
|
29309
29310
|
}
|
|
29310
29311
|
}
|
|
29311
29312
|
if (this.media && this.media.readyState >= HTMLMediaElement.HAVE_METADATA) {
|
|
29312
|
-
console.log("Metadata is already loaded.");
|
|
29313
29313
|
this.mediaIsReady();
|
|
29314
29314
|
}
|
|
29315
29315
|
}
|
|
@@ -29757,7 +29757,7 @@ var BrndtsAds = /*#__PURE__*/ function() {
|
|
|
29757
29757
|
ErrorHandler.handle(error);
|
|
29758
29758
|
});
|
|
29759
29759
|
this.context.media.on("READY", function() {
|
|
29760
|
-
|
|
29760
|
+
_this.context.logger.log("Media is Ready!");
|
|
29761
29761
|
_this.mediaIsReady();
|
|
29762
29762
|
});
|
|
29763
29763
|
if (this.context.media.isReady) {
|