apxor-rtm-ui 0.9.4 → 0.9.5
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/dist/apxor.rtm.js.bak +145 -143
- package/dist/apxor.rtm.min.js +3 -3
- package/package.json +1 -1
package/dist/apxor.rtm.js.bak
CHANGED
|
@@ -12296,14 +12296,14 @@
|
|
|
12296
12296
|
_config$wait_interval,
|
|
12297
12297
|
_config$termination;
|
|
12298
12298
|
_classCallCheck(this, TemplateContent);
|
|
12299
|
-
_defineProperty(this, "
|
|
12299
|
+
_defineProperty(this, "PyAT", function () {
|
|
12300
12300
|
return new Promise(function (resolve, reject) {
|
|
12301
12301
|
try {
|
|
12302
|
-
var element = _this.
|
|
12302
|
+
var element = _this.CZfr(_this.layout);
|
|
12303
12303
|
var styleElement = document.createElement("style");
|
|
12304
12304
|
styleElement.innerHTML = _this.styleContent;
|
|
12305
12305
|
document.head.appendChild(styleElement);
|
|
12306
|
-
_this.
|
|
12306
|
+
_this.AVsY();
|
|
12307
12307
|
try {
|
|
12308
12308
|
eval(_this.script);
|
|
12309
12309
|
} catch (e) {
|
|
@@ -12314,15 +12314,15 @@
|
|
|
12314
12314
|
}
|
|
12315
12315
|
_this.imageElements.forEach(function (img) {
|
|
12316
12316
|
img.addEventListener("error", function () {
|
|
12317
|
-
_this.
|
|
12317
|
+
_this.mIrr("provided image doesn't exists");
|
|
12318
12318
|
});
|
|
12319
12319
|
});
|
|
12320
12320
|
_this.intervalToCheckMediaLoadingStatus = setInterval(function () {
|
|
12321
12321
|
_this.wait_interval -= 1;
|
|
12322
12322
|
if (_this.wait_interval <= 0) {
|
|
12323
|
-
_this.
|
|
12323
|
+
_this.mIrr("provided media doesn't exists");
|
|
12324
12324
|
} else {
|
|
12325
|
-
if (_this.
|
|
12325
|
+
if (_this.qNbo() && _this.BcAJ() && _this.SeJW()) {
|
|
12326
12326
|
clearInterval(_this.intervalToCheckMediaLoadingStatus);
|
|
12327
12327
|
resolve(element);
|
|
12328
12328
|
}
|
|
@@ -12336,7 +12336,7 @@
|
|
|
12336
12336
|
}
|
|
12337
12337
|
});
|
|
12338
12338
|
});
|
|
12339
|
-
_defineProperty(this, "
|
|
12339
|
+
_defineProperty(this, "mIrr", function (reason) {
|
|
12340
12340
|
var _window$ApxorRTM, _window$Apxor, _this$config, _this$config2, _window$Apxor2, _this$config3, _this$config4, _this$config5, _this$config6, _window3;
|
|
12341
12341
|
!_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
|
|
12342
12342
|
apx_nudge_name: _this.name,
|
|
@@ -12352,13 +12352,13 @@
|
|
|
12352
12352
|
_this.closeCallBack("cancel");
|
|
12353
12353
|
(_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorInternals) === null || _window3 === void 0 || _window3.removeBuilderTemplate(_this.configId);
|
|
12354
12354
|
});
|
|
12355
|
-
_defineProperty(this, "
|
|
12355
|
+
_defineProperty(this, "AVsY", function () {
|
|
12356
12356
|
var BuilderTemplatesStyles = document.createElement("style");
|
|
12357
12357
|
BuilderTemplatesStyles.innerHTML = _this.initialStyles;
|
|
12358
12358
|
BuilderTemplatesStyles.setAttribute("apx-builder-template-styles", "");
|
|
12359
12359
|
document.head.appendChild(BuilderTemplatesStyles);
|
|
12360
12360
|
});
|
|
12361
|
-
_defineProperty(this, "
|
|
12361
|
+
_defineProperty(this, "CZfr", function (config) {
|
|
12362
12362
|
var _window$Apxor3;
|
|
12363
12363
|
var element;
|
|
12364
12364
|
switch (config.type) {
|
|
@@ -12444,7 +12444,7 @@
|
|
|
12444
12444
|
if (config.type === "cta_button" || config.type === "button") {
|
|
12445
12445
|
reason = "cta-clicked";
|
|
12446
12446
|
}
|
|
12447
|
-
_this.
|
|
12447
|
+
_this.GAvR(e, "redirect", reason);
|
|
12448
12448
|
if ((_this$config7 = _this.config) !== null && _this$config7 !== void 0 && (_this$config7 = _this$config7.additional_info) !== null && _this$config7 !== void 0 && _this$config7.apx_step) {
|
|
12449
12449
|
var _window4, _this$config8;
|
|
12450
12450
|
(_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.Apxor) === null || _window4 === void 0 || _window4.triggerNextStep(_this.configId, ((_this$config8 = _this.config) === null || _this$config8 === void 0 || (_this$config8 = _this$config8.additional_info) === null || _this$config8 === void 0 ? void 0 : _this$config8.apx_step) + 1);
|
|
@@ -12460,7 +12460,7 @@
|
|
|
12460
12460
|
} else if (config.type === "cta_button" || config.type === "button") {
|
|
12461
12461
|
reason = "cta-clicked";
|
|
12462
12462
|
}
|
|
12463
|
-
_this.
|
|
12463
|
+
_this.GAvR(e, "cancel", reason);
|
|
12464
12464
|
// window.Apxor.logActionEvent(
|
|
12465
12465
|
// "walk_through_cancelled",
|
|
12466
12466
|
// this.configId,
|
|
@@ -12479,7 +12479,7 @@
|
|
|
12479
12479
|
} else if (config.type === "cta_button" || config.type === "button") {
|
|
12480
12480
|
reason = "cta-clicked";
|
|
12481
12481
|
}
|
|
12482
|
-
_this.
|
|
12482
|
+
_this.GAvR(e, "dismiss", reason);
|
|
12483
12483
|
if ((_this$config9 = _this.config) !== null && _this$config9 !== void 0 && (_this$config9 = _this$config9.additional_info) !== null && _this$config9 !== void 0 && _this$config9.apx_step) {
|
|
12484
12484
|
var _window5, _this$config10;
|
|
12485
12485
|
(_window5 = window) === null || _window5 === void 0 || (_window5 = _window5.Apxor) === null || _window5 === void 0 || _window5.triggerNextStep(_this.configId, ((_this$config10 = _this.config) === null || _this$config10 === void 0 || (_this$config10 = _this$config10.additional_info) === null || _this$config10 === void 0 ? void 0 : _this$config10.apx_step) + 1);
|
|
@@ -12490,7 +12490,7 @@
|
|
|
12490
12490
|
element.onclick = function (e) {
|
|
12491
12491
|
e.stopPropagation();
|
|
12492
12492
|
window.Apxor.neverShow(_this.configId, _this.name, "IN_APP");
|
|
12493
|
-
_this.
|
|
12493
|
+
_this.GAvR(e, "never");
|
|
12494
12494
|
};
|
|
12495
12495
|
break;
|
|
12496
12496
|
case "toggle-class":
|
|
@@ -12515,7 +12515,7 @@
|
|
|
12515
12515
|
tempInput.select();
|
|
12516
12516
|
document.execCommand("copy");
|
|
12517
12517
|
document.body.removeChild(tempInput);
|
|
12518
|
-
_this.
|
|
12518
|
+
_this.GAvR(e, "copy-content", "cta-clicked");
|
|
12519
12519
|
setTimeout(function () {
|
|
12520
12520
|
window.Apxor.showInfoToast("Text-Copied:".concat(textToCopy));
|
|
12521
12521
|
}, 500);
|
|
@@ -12537,7 +12537,7 @@
|
|
|
12537
12537
|
}
|
|
12538
12538
|
if (config.absolute_position_children && config.absolute_position_children.length > 0) {
|
|
12539
12539
|
config.absolute_position_children.forEach(function (childConfig) {
|
|
12540
|
-
var childElement = _this.
|
|
12540
|
+
var childElement = _this.CZfr(childConfig);
|
|
12541
12541
|
element.appendChild(childElement);
|
|
12542
12542
|
});
|
|
12543
12543
|
}
|
|
@@ -12545,7 +12545,7 @@
|
|
|
12545
12545
|
// Process children
|
|
12546
12546
|
if (config.children && config.children.length > 0) {
|
|
12547
12547
|
config.children.forEach(function (childConfig) {
|
|
12548
|
-
var childElement = _this.
|
|
12548
|
+
var childElement = _this.CZfr(childConfig);
|
|
12549
12549
|
element.appendChild(childElement);
|
|
12550
12550
|
});
|
|
12551
12551
|
}
|
|
@@ -12572,7 +12572,7 @@
|
|
|
12572
12572
|
}
|
|
12573
12573
|
return element;
|
|
12574
12574
|
});
|
|
12575
|
-
_defineProperty(this, "
|
|
12575
|
+
_defineProperty(this, "GAvR", function (e, action) {
|
|
12576
12576
|
var _window$Apxor4, _this$config11, _this$config12, _window$Apxor5, _this$config13, _this$config14, _this$config15, _this$config16;
|
|
12577
12577
|
var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
|
|
12578
12578
|
var additional_info = {
|
|
@@ -12601,7 +12601,7 @@
|
|
|
12601
12601
|
_this.closeCallBack(action);
|
|
12602
12602
|
}
|
|
12603
12603
|
});
|
|
12604
|
-
_defineProperty(this, "
|
|
12604
|
+
_defineProperty(this, "BcAJ", function () {
|
|
12605
12605
|
//This logic is to make sure that image has loaded, it doesn't check whether image is broken
|
|
12606
12606
|
//refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
|
|
12607
12607
|
if (_this.imageElements.length === 0) return true;
|
|
@@ -12609,13 +12609,13 @@
|
|
|
12609
12609
|
return img.complete;
|
|
12610
12610
|
});
|
|
12611
12611
|
});
|
|
12612
|
-
_defineProperty(this, "
|
|
12612
|
+
_defineProperty(this, "SeJW", function () {
|
|
12613
12613
|
if (!_this.bgImageUrl) return true;
|
|
12614
12614
|
var img = new Image();
|
|
12615
12615
|
img.src = _this.bgImageUrl;
|
|
12616
12616
|
return img.complete;
|
|
12617
12617
|
});
|
|
12618
|
-
_defineProperty(this, "
|
|
12618
|
+
_defineProperty(this, "qNbo", function () {
|
|
12619
12619
|
if (_this.videoElements.length === 0) return true;
|
|
12620
12620
|
return _this.videoElements.every(function (video) {
|
|
12621
12621
|
return video.readyState >= 3;
|
|
@@ -13554,7 +13554,7 @@
|
|
|
13554
13554
|
case 0:
|
|
13555
13555
|
_context2.prev = 0;
|
|
13556
13556
|
_context2.next = 3;
|
|
13557
|
-
return this.templateContent.
|
|
13557
|
+
return this.templateContent.PyAT();
|
|
13558
13558
|
case 3:
|
|
13559
13559
|
this.inLineContainer = _context2.sent;
|
|
13560
13560
|
_context2.next = 9;
|
|
@@ -15131,7 +15131,7 @@
|
|
|
15131
15131
|
* @description Creates the styles for Marketing message.
|
|
15132
15132
|
* @returns {string} css styles
|
|
15133
15133
|
*/
|
|
15134
|
-
_defineProperty(this, "
|
|
15134
|
+
_defineProperty(this, "Feqc", function () {
|
|
15135
15135
|
if (!_this.enable_marketing) {
|
|
15136
15136
|
return "";
|
|
15137
15137
|
}
|
|
@@ -15150,7 +15150,7 @@
|
|
|
15150
15150
|
* @private
|
|
15151
15151
|
* @description Sets the marketing content at the end of the Inline
|
|
15152
15152
|
*/
|
|
15153
|
-
_defineProperty(this, "
|
|
15153
|
+
_defineProperty(this, "Nlsc", function () {
|
|
15154
15154
|
if (_this.enable_marketing) {
|
|
15155
15155
|
var marketingContainer = document.createElement("div");
|
|
15156
15156
|
marketingContainer.classList.add("apx-inline-marketing".concat(_this.cssPostFix));
|
|
@@ -15764,7 +15764,7 @@
|
|
|
15764
15764
|
if (apxor_tooltip_styles) {
|
|
15765
15765
|
return;
|
|
15766
15766
|
}
|
|
15767
|
-
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInLineContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInLineMediaContainerStyles(), "\n ").concat(this._getInLineNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getInLineButtonContainerStyles(), " \n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.
|
|
15767
|
+
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInLineContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInLineMediaContainerStyles(), "\n ").concat(this._getInLineNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getInLineButtonContainerStyles(), " \n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.Feqc(), "\n ").concat(this._getTippyStyles(), "\n ").concat(this._getFooterStyles(), "\n ").concat(this._getProgressBarStyles(), "\n ").concat(this._getBootstrapiconsStyles(), " \n ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
|
|
15768
15768
|
var styleNode = document.createElement("style");
|
|
15769
15769
|
styleNode.setAttribute("apx-tooltip-styles", "");
|
|
15770
15770
|
styleNode.innerHTML = styles;
|
|
@@ -16574,7 +16574,7 @@
|
|
|
16574
16574
|
this._setCloseButton();
|
|
16575
16575
|
|
|
16576
16576
|
//Set the Marketing content
|
|
16577
|
-
this.
|
|
16577
|
+
this.Nlsc();
|
|
16578
16578
|
}
|
|
16579
16579
|
|
|
16580
16580
|
/**
|
|
@@ -19471,7 +19471,7 @@
|
|
|
19471
19471
|
case 0:
|
|
19472
19472
|
_context2.prev = 0;
|
|
19473
19473
|
_context2.next = 3;
|
|
19474
|
-
return this.templateContent.
|
|
19474
|
+
return this.templateContent.PyAT();
|
|
19475
19475
|
case 3:
|
|
19476
19476
|
this.inAppContainer = _context2.sent;
|
|
19477
19477
|
this.inAppContainer.style.zIndex = 99999;
|
|
@@ -19670,7 +19670,7 @@
|
|
|
19670
19670
|
* @description Creates the styles for Marketing message.
|
|
19671
19671
|
* @returns {string} css styles
|
|
19672
19672
|
*/
|
|
19673
|
-
_defineProperty(this, "
|
|
19673
|
+
_defineProperty(this, "Feqc", function () {
|
|
19674
19674
|
if (!_this.enable_marketing) {
|
|
19675
19675
|
return "";
|
|
19676
19676
|
}
|
|
@@ -19716,7 +19716,7 @@
|
|
|
19716
19716
|
* @private
|
|
19717
19717
|
* @description Get the response for Form content in the InApp modal.
|
|
19718
19718
|
*/
|
|
19719
|
-
_defineProperty(this, "
|
|
19719
|
+
_defineProperty(this, "FiBJ", function (form_elements) {
|
|
19720
19720
|
var obj = {};
|
|
19721
19721
|
var callback = "";
|
|
19722
19722
|
form_elements.forEach(function (element) {
|
|
@@ -19756,7 +19756,7 @@
|
|
|
19756
19756
|
* @private
|
|
19757
19757
|
* @description Sets the marketing content at the end of the InApp
|
|
19758
19758
|
*/
|
|
19759
|
-
_defineProperty(this, "
|
|
19759
|
+
_defineProperty(this, "Nlsc", function () {
|
|
19760
19760
|
if (_this.enable_marketing) {
|
|
19761
19761
|
var marketingContainer = document.createElement("div");
|
|
19762
19762
|
marketingContainer.classList.add("apx-inapp-marketing".concat(_this.cssPostFix));
|
|
@@ -20016,7 +20016,7 @@
|
|
|
20016
20016
|
}, {
|
|
20017
20017
|
key: "_setStyles",
|
|
20018
20018
|
value: function _setStyles() {
|
|
20019
|
-
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInAppContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInAppMediaContainerStyles(), "\n ").concat(this._getInAppNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getFormStyles(), "\n ").concat(this._getInAppButtonContainerStyles(), "\n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.
|
|
20019
|
+
var styles = "\n ".concat(this._getCustomFonts(), " \n ").concat(this._getBackgroundContainerStyles(), " \n ").concat(this._getInAppContainerStyles(), " \n ").concat(this._getScrollStyles(), " \n ").concat(this._getControlsStyles(), " \n ").concat(this._getInAppMediaContainerStyles(), "\n ").concat(this._getInAppNonMediaContainerStyles(), "\n ").concat(this._getTextConatinerStyles(), "\n ").concat(this._getTitleStyles(), " \n ").concat(this._getDescriptionStyles(), " \n ").concat(this._getFormStyles(), "\n ").concat(this._getInAppButtonContainerStyles(), "\n ").concat(this._getIconStyles(), " \n ").concat(this._getImageStyles(), " \n ").concat(this._getVideoStyles(), " \n ").concat(this.Feqc(), " \n ").concat(this._getProgressBarStyles(), "\n ").concat(this._getBootstrapiconsStyles(), " \n ").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
|
|
20020
20020
|
var styleNode = document.createElement("style");
|
|
20021
20021
|
styleNode.setAttribute("id", "apxor-style-" + this.configId);
|
|
20022
20022
|
styleNode.innerHTML = styles;
|
|
@@ -20510,7 +20510,7 @@
|
|
|
20510
20510
|
this._setCloseButton();
|
|
20511
20511
|
|
|
20512
20512
|
//Set the Marketing content
|
|
20513
|
-
this.
|
|
20513
|
+
this.Nlsc();
|
|
20514
20514
|
}
|
|
20515
20515
|
|
|
20516
20516
|
/**
|
|
@@ -20782,7 +20782,7 @@
|
|
|
20782
20782
|
var form = document.querySelector(".apx-inapp-form-container".concat(this.cssPostFix));
|
|
20783
20783
|
form.addEventListener("submit", function (e) {
|
|
20784
20784
|
e.preventDefault();
|
|
20785
|
-
var _this8$generateRespon = _this8.
|
|
20785
|
+
var _this8$generateRespon = _this8.FiBJ(_this8.form.elements),
|
|
20786
20786
|
obj = _this8$generateRespon.obj,
|
|
20787
20787
|
callback = _this8$generateRespon.callback;
|
|
20788
20788
|
var evalString = "(obj)=>" + callback + "(obj)";
|
|
@@ -21142,7 +21142,7 @@
|
|
|
21142
21142
|
};
|
|
21143
21143
|
} else {
|
|
21144
21144
|
// As the video player is hidden by default, unhide if the mode is not PIP.
|
|
21145
|
-
_this.
|
|
21145
|
+
_this.fEjA();
|
|
21146
21146
|
}
|
|
21147
21147
|
_this.showCallback();
|
|
21148
21148
|
} catch (e) {
|
|
@@ -21163,7 +21163,7 @@
|
|
|
21163
21163
|
* For portrait - width is set to 50% of the screen and height is auto adjusted based on resolution.
|
|
21164
21164
|
* For landscape - height is set to 50% of the screen and width is auto adjusted based on resolution.
|
|
21165
21165
|
*/
|
|
21166
|
-
_defineProperty(this, "
|
|
21166
|
+
_defineProperty(this, "BzkK", function () {
|
|
21167
21167
|
var _getHeightWidthFromRe = getHeightWidthFromResolution(_this.video, 1),
|
|
21168
21168
|
width = _getHeightWidthFromRe.width,
|
|
21169
21169
|
height = _getHeightWidthFromRe.height;
|
|
@@ -21175,7 +21175,7 @@
|
|
|
21175
21175
|
* @private
|
|
21176
21176
|
* @description Removes the video player style element.
|
|
21177
21177
|
*/
|
|
21178
|
-
_defineProperty(this, "
|
|
21178
|
+
_defineProperty(this, "DEWK", function () {
|
|
21179
21179
|
var playerStyles = document.getElementById("apx-mpl-styles");
|
|
21180
21180
|
if (playerStyles) {
|
|
21181
21181
|
playerStyles.remove();
|
|
@@ -21186,7 +21186,7 @@
|
|
|
21186
21186
|
* @private
|
|
21187
21187
|
* @description Attach listeners on the video controls
|
|
21188
21188
|
*/
|
|
21189
|
-
_defineProperty(this, "
|
|
21189
|
+
_defineProperty(this, "LyPc", function () {
|
|
21190
21190
|
// Listener for the video end. Display the CTA's when the video ends.
|
|
21191
21191
|
_this.videoElement.addEventListener("ended", function () {
|
|
21192
21192
|
var ctaButtons = document.getElementById("apx-cta-btn");
|
|
@@ -21289,7 +21289,7 @@
|
|
|
21289
21289
|
* @private
|
|
21290
21290
|
* @description Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
|
|
21291
21291
|
*/
|
|
21292
|
-
_defineProperty(this, "
|
|
21292
|
+
_defineProperty(this, "KpqY", function () {
|
|
21293
21293
|
var _this$terminationConf;
|
|
21294
21294
|
if (_this.mode === "PIP" && !((_this$terminationConf = _this.terminationConfig) !== null && _this$terminationConf !== void 0 && _this$terminationConf.auto_dismiss)) {
|
|
21295
21295
|
// On Exit of the PIP,
|
|
@@ -21329,7 +21329,7 @@
|
|
|
21329
21329
|
* @private Sets the custom controls on the video player.
|
|
21330
21330
|
* PIP and close are the custom controls that are created and positions on the video.
|
|
21331
21331
|
*/
|
|
21332
|
-
_defineProperty(this, "
|
|
21332
|
+
_defineProperty(this, "mkBf", function () {
|
|
21333
21333
|
_this.enable_close_button;
|
|
21334
21334
|
if (_this.enable_close_button) {
|
|
21335
21335
|
var closeButton = document.createElement("span");
|
|
@@ -21376,21 +21376,21 @@
|
|
|
21376
21376
|
* @function hideVideoPlayer
|
|
21377
21377
|
* @description Sets the visibility of the video player to hidden.
|
|
21378
21378
|
*/
|
|
21379
|
-
_defineProperty(this, "
|
|
21379
|
+
_defineProperty(this, "UaAZ", function () {
|
|
21380
21380
|
_this.videoPlayer.classList.add("apx-video-hide-elmt".concat(_this.cssPostFix));
|
|
21381
21381
|
});
|
|
21382
21382
|
/**
|
|
21383
21383
|
* @function unhideVideoPlayer
|
|
21384
21384
|
* @description Unhides video player.
|
|
21385
21385
|
*/
|
|
21386
|
-
_defineProperty(this, "
|
|
21386
|
+
_defineProperty(this, "fEjA", function () {
|
|
21387
21387
|
_this.videoPlayer.classList.remove("apx-video-hide-elmt".concat(_this.cssPostFix));
|
|
21388
21388
|
});
|
|
21389
21389
|
/**
|
|
21390
21390
|
* @function getVideoElement
|
|
21391
21391
|
* @returns {HTMLElement} Video ekement
|
|
21392
21392
|
*/
|
|
21393
|
-
_defineProperty(this, "
|
|
21393
|
+
_defineProperty(this, "IQDs", function () {
|
|
21394
21394
|
return _this.videoElement;
|
|
21395
21395
|
});
|
|
21396
21396
|
this.videoPlayer = null;
|
|
@@ -21445,7 +21445,7 @@
|
|
|
21445
21445
|
this.videoPlayer.style.backgroundColor = this.bg_color;
|
|
21446
21446
|
|
|
21447
21447
|
// Video has a resolution, not deviating from the resolution set the height and width.
|
|
21448
|
-
this.
|
|
21448
|
+
this.BzkK();
|
|
21449
21449
|
//Generate the styles and add them to the document head.
|
|
21450
21450
|
this._setVideoPlayerStyles();
|
|
21451
21451
|
//Set the position of the video player with in the 5 possible positions.
|
|
@@ -21453,16 +21453,16 @@
|
|
|
21453
21453
|
//Create a video element,set the source and add to the container.
|
|
21454
21454
|
this._setPlayerContent();
|
|
21455
21455
|
//Set the listeners on the video control buttons.
|
|
21456
|
-
this.
|
|
21456
|
+
this.LyPc();
|
|
21457
21457
|
//Attach listeners for the PIP toggle. i.e. for the PIP enter and PIP exit
|
|
21458
|
-
this.
|
|
21458
|
+
this.KpqY();
|
|
21459
21459
|
//Set the custom close and PIP controls. Not using the defaults from the html video element.
|
|
21460
21460
|
//Reason - We want to position them at the top right and left positions.
|
|
21461
|
-
this.
|
|
21461
|
+
this.mkBf();
|
|
21462
21462
|
//Generate and postion the CTA buttons on the video. By default hidden, visible only when video is completed
|
|
21463
21463
|
this._setButtons(BUTTON_CONTAINER_POSITION.CENTER);
|
|
21464
21464
|
//Hide the video player. Display it based on the video mode. Videoplayer for "video" mode and a direct PIP for "PIP" mode.
|
|
21465
|
-
this.
|
|
21465
|
+
this.UaAZ();
|
|
21466
21466
|
//If the auto dismiss is enabled, sets the timeout to call the InApp close.
|
|
21467
21467
|
this._setAutoTerminate();
|
|
21468
21468
|
document.body.appendChild(this.videoPlayer);
|
|
@@ -21577,7 +21577,7 @@
|
|
|
21577
21577
|
}
|
|
21578
21578
|
}
|
|
21579
21579
|
this.videoPlayer.remove();
|
|
21580
|
-
this.
|
|
21580
|
+
this.DEWK();
|
|
21581
21581
|
if (closeButtonName !== "auto_dismiss") {
|
|
21582
21582
|
var _window$ApxorRTM8;
|
|
21583
21583
|
(_window$ApxorRTM8 = window.ApxorRTM) === null || _window$ApxorRTM8 === void 0 || _window$ApxorRTM8.logEvent("apx_video_inapp_close_button_clicked", {
|
|
@@ -21647,7 +21647,7 @@
|
|
|
21647
21647
|
replayCount: _this3.replayCount
|
|
21648
21648
|
});
|
|
21649
21649
|
_this3.videoPlayer.remove();
|
|
21650
|
-
_this3.
|
|
21650
|
+
_this3.DEWK();
|
|
21651
21651
|
_this3.hideCallback();
|
|
21652
21652
|
} catch (e) {
|
|
21653
21653
|
console.log("Can't close the video player\n".concat(e));
|
|
@@ -21741,14 +21741,14 @@
|
|
|
21741
21741
|
try {
|
|
21742
21742
|
var _window;
|
|
21743
21743
|
(_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.debug("called showEmbedCards");
|
|
21744
|
-
var element = _this.
|
|
21745
|
-
_this.
|
|
21744
|
+
var element = _this.IPHJ(_this.layout);
|
|
21745
|
+
_this.dYwu();
|
|
21746
21746
|
window.onresize = function () {
|
|
21747
|
-
_this.
|
|
21747
|
+
_this.FLOH();
|
|
21748
21748
|
};
|
|
21749
21749
|
_this.imageElements.forEach(function (img) {
|
|
21750
21750
|
img.addEventListener("error", function () {
|
|
21751
|
-
_this.
|
|
21751
|
+
_this.mIrr("provided image doesn't exists");
|
|
21752
21752
|
});
|
|
21753
21753
|
});
|
|
21754
21754
|
var rootContainer = document.createElement("div");
|
|
@@ -21759,7 +21759,7 @@
|
|
|
21759
21759
|
var styleElement = document.createElement("style");
|
|
21760
21760
|
styleElement.innerHTML = _this.styleContent;
|
|
21761
21761
|
document.head.appendChild(styleElement);
|
|
21762
|
-
_this.
|
|
21762
|
+
_this.Mfpa(_this.termination);
|
|
21763
21763
|
try {
|
|
21764
21764
|
eval(_this.script);
|
|
21765
21765
|
} catch (e) {
|
|
@@ -21770,10 +21770,10 @@
|
|
|
21770
21770
|
_this.intervalToCheckMediaLoadingStatus = setInterval(function () {
|
|
21771
21771
|
_this.wait_interval -= 1;
|
|
21772
21772
|
if (_this.wait_interval <= 0) {
|
|
21773
|
-
_this.
|
|
21773
|
+
_this.mIrr("provided media doesn't exists");
|
|
21774
21774
|
} else {
|
|
21775
|
-
if (_this.
|
|
21776
|
-
_this.
|
|
21775
|
+
if (_this.qNbo() && _this.BcAJ() && _this.SeJW()) {
|
|
21776
|
+
_this.FLOH();
|
|
21777
21777
|
clearInterval(_this.intervalToCheckMediaLoadingStatus);
|
|
21778
21778
|
}
|
|
21779
21779
|
}
|
|
@@ -21784,7 +21784,7 @@
|
|
|
21784
21784
|
(_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.ApxorLogger) === null || _window3 === void 0 || _window3.error("failed while creating embed card with error: ".concat(e === null || e === void 0 ? void 0 : e.name, " ").concat(e === null || e === void 0 ? void 0 : e.message));
|
|
21785
21785
|
}
|
|
21786
21786
|
});
|
|
21787
|
-
_defineProperty(this, "
|
|
21787
|
+
_defineProperty(this, "mIrr", function (reason) {
|
|
21788
21788
|
var _window$ApxorRTM, _window4;
|
|
21789
21789
|
!_this.loggedNudgeNotShownEvent && ((_window$ApxorRTM = window.ApxorRTM) === null || _window$ApxorRTM === void 0 ? void 0 : _window$ApxorRTM.logEvent("apx_nudge_not_shown", {
|
|
21790
21790
|
apx_nudge_name: _this.name,
|
|
@@ -21798,13 +21798,13 @@
|
|
|
21798
21798
|
clearInterval(_this.intervalToCheckMediaLoadingStatus);
|
|
21799
21799
|
(_window4 = window) === null || _window4 === void 0 || (_window4 = _window4.ApxorWidget) === null || _window4 === void 0 || _window4.removeEmbedCard(_this.configId);
|
|
21800
21800
|
});
|
|
21801
|
-
_defineProperty(this, "
|
|
21801
|
+
_defineProperty(this, "dYwu", function () {
|
|
21802
21802
|
var EmbeddedCardsStyles = document.createElement("style");
|
|
21803
21803
|
EmbeddedCardsStyles.innerHTML = _this.initialStyles;
|
|
21804
21804
|
EmbeddedCardsStyles.setAttribute("apx-embedded-card-styles", "");
|
|
21805
21805
|
document.head.appendChild(EmbeddedCardsStyles);
|
|
21806
21806
|
});
|
|
21807
|
-
_defineProperty(this, "
|
|
21807
|
+
_defineProperty(this, "IPHJ", function (config) {
|
|
21808
21808
|
var _window$Apxor;
|
|
21809
21809
|
var element;
|
|
21810
21810
|
switch (config.type) {
|
|
@@ -21884,27 +21884,27 @@
|
|
|
21884
21884
|
element.onclick = function (e) {
|
|
21885
21885
|
e.stopPropagation();
|
|
21886
21886
|
window.Apxor.redirect(JSON.stringify(action));
|
|
21887
|
-
_this.
|
|
21887
|
+
_this.GAvR(e);
|
|
21888
21888
|
};
|
|
21889
21889
|
break;
|
|
21890
21890
|
case "show-video":
|
|
21891
21891
|
element.onclick = function (e) {
|
|
21892
21892
|
e.stopPropagation();
|
|
21893
21893
|
window.Apxor.showVideoInApp(_this.configId, _this.name, action.url);
|
|
21894
|
-
_this.
|
|
21894
|
+
_this.GAvR(e);
|
|
21895
21895
|
};
|
|
21896
21896
|
break;
|
|
21897
21897
|
case "cancel":
|
|
21898
21898
|
element.onclick = function (e) {
|
|
21899
21899
|
e.stopPropagation();
|
|
21900
|
-
_this.
|
|
21900
|
+
_this.GAvR(e);
|
|
21901
21901
|
window.Apxor.logActionEvent("walk_through_cancelled", _this.configId, _this.name);
|
|
21902
21902
|
};
|
|
21903
21903
|
break;
|
|
21904
21904
|
case "dismiss":
|
|
21905
21905
|
element.onclick = function (e) {
|
|
21906
21906
|
e.stopPropagation();
|
|
21907
|
-
_this.
|
|
21907
|
+
_this.GAvR(e);
|
|
21908
21908
|
};
|
|
21909
21909
|
break;
|
|
21910
21910
|
case "never":
|
|
@@ -21917,7 +21917,7 @@
|
|
|
21917
21917
|
apx_nudge_id: _this.configId,
|
|
21918
21918
|
apx_termination_type: "never-show"
|
|
21919
21919
|
});
|
|
21920
|
-
_this.
|
|
21920
|
+
_this.GAvR(e);
|
|
21921
21921
|
};
|
|
21922
21922
|
break;
|
|
21923
21923
|
case "toggle-class":
|
|
@@ -21942,7 +21942,7 @@
|
|
|
21942
21942
|
tempInput.select();
|
|
21943
21943
|
document.execCommand("copy");
|
|
21944
21944
|
document.body.removeChild(tempInput);
|
|
21945
|
-
_this.
|
|
21945
|
+
_this.GAvR(e);
|
|
21946
21946
|
};
|
|
21947
21947
|
break;
|
|
21948
21948
|
case "log-app-event":
|
|
@@ -21962,7 +21962,7 @@
|
|
|
21962
21962
|
}
|
|
21963
21963
|
if (config.absolute_position_children && config.absolute_position_children.length > 0) {
|
|
21964
21964
|
config.absolute_position_children.forEach(function (childConfig) {
|
|
21965
|
-
var childElement = _this.
|
|
21965
|
+
var childElement = _this.CZfr(childConfig);
|
|
21966
21966
|
element.appendChild(childElement);
|
|
21967
21967
|
});
|
|
21968
21968
|
}
|
|
@@ -21970,7 +21970,7 @@
|
|
|
21970
21970
|
// Process children
|
|
21971
21971
|
if (config.children && config.children.length > 0) {
|
|
21972
21972
|
config.children.forEach(function (childConfig) {
|
|
21973
|
-
var childElement = _this.
|
|
21973
|
+
var childElement = _this.IPHJ(childConfig);
|
|
21974
21974
|
element.appendChild(childElement);
|
|
21975
21975
|
});
|
|
21976
21976
|
}
|
|
@@ -21996,7 +21996,7 @@
|
|
|
21996
21996
|
}
|
|
21997
21997
|
return element;
|
|
21998
21998
|
});
|
|
21999
|
-
_defineProperty(this, "
|
|
21999
|
+
_defineProperty(this, "GAvR", function (e) {
|
|
22000
22000
|
var _e$target$getAttribut, _e$target, _e$target$getAttribut2;
|
|
22001
22001
|
var additional_info = {
|
|
22002
22002
|
apx_nudge_name: _this.name,
|
|
@@ -22013,7 +22013,7 @@
|
|
|
22013
22013
|
(_window$ApxorRTM5 = window.ApxorRTM) === null || _window$ApxorRTM5 === void 0 || _window$ApxorRTM5.logEvent("apx_card_interaction", additional_info);
|
|
22014
22014
|
}
|
|
22015
22015
|
});
|
|
22016
|
-
_defineProperty(this, "
|
|
22016
|
+
_defineProperty(this, "Mfpa", function (config) {
|
|
22017
22017
|
config.forEach(function (id) {
|
|
22018
22018
|
var element = document.getElementById(id);
|
|
22019
22019
|
if (element) {
|
|
@@ -22021,7 +22021,7 @@
|
|
|
22021
22021
|
}
|
|
22022
22022
|
});
|
|
22023
22023
|
});
|
|
22024
|
-
_defineProperty(this, "
|
|
22024
|
+
_defineProperty(this, "BcAJ", function () {
|
|
22025
22025
|
//This logic is to make sure that image has loaded, it doesn't check whether image is broken
|
|
22026
22026
|
//refer: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/complete#value
|
|
22027
22027
|
if (_this.imageElements.length === 0) return true;
|
|
@@ -22029,19 +22029,19 @@
|
|
|
22029
22029
|
return img.complete;
|
|
22030
22030
|
});
|
|
22031
22031
|
});
|
|
22032
|
-
_defineProperty(this, "
|
|
22032
|
+
_defineProperty(this, "qNbo", function () {
|
|
22033
22033
|
if (_this.videoElements.length === 0) return true;
|
|
22034
22034
|
return _this.videoElements.every(function (video) {
|
|
22035
22035
|
return video.readyState >= 3;
|
|
22036
22036
|
});
|
|
22037
22037
|
});
|
|
22038
|
-
_defineProperty(this, "
|
|
22038
|
+
_defineProperty(this, "SeJW", function () {
|
|
22039
22039
|
if (!_this.bgImageUrl) return true;
|
|
22040
22040
|
var img = new Image();
|
|
22041
22041
|
img.src = _this.bgImageUrl;
|
|
22042
22042
|
return img.complete;
|
|
22043
22043
|
});
|
|
22044
|
-
_defineProperty(this, "
|
|
22044
|
+
_defineProperty(this, "FLOH", function () {
|
|
22045
22045
|
var _window6, _window7;
|
|
22046
22046
|
var width = window.document.querySelector("html").offsetWidth;
|
|
22047
22047
|
var height = window.document.querySelector("html").offsetHeight;
|
|
@@ -22131,8 +22131,8 @@
|
|
|
22131
22131
|
_this.storyContainer.appendChild(currentElement);
|
|
22132
22132
|
_this.storyContainer.appendChild(slideDetails);
|
|
22133
22133
|
document.body.appendChild(_this.storyContainer);
|
|
22134
|
-
_this.
|
|
22135
|
-
_this.
|
|
22134
|
+
_this.mZHL();
|
|
22135
|
+
_this.VeEd();
|
|
22136
22136
|
_this.progress = Array.from(document.querySelectorAll(".progress"));
|
|
22137
22137
|
var current_slide = document.querySelector(".slide-details");
|
|
22138
22138
|
var playNext = function playNext(e) {
|
|
@@ -22178,7 +22178,7 @@
|
|
|
22178
22178
|
_existingAbsoluteElements2.forEach(function (element) {
|
|
22179
22179
|
element.remove();
|
|
22180
22180
|
});
|
|
22181
|
-
// this.
|
|
22181
|
+
// this.Qhbi();
|
|
22182
22182
|
var _currentSlideDetails = document.querySelector(".slide-details");
|
|
22183
22183
|
_currentSlideDetails.innerHTML = "";
|
|
22184
22184
|
_this.position = _this.position + 1;
|
|
@@ -22274,7 +22274,7 @@
|
|
|
22274
22274
|
absolute_header = document.createElement("div");
|
|
22275
22275
|
current_slide_from_config.layout.absolute_position_children.forEach(function (current_element) {
|
|
22276
22276
|
var current_absolute_element;
|
|
22277
|
-
current_absolute_element = _this.
|
|
22277
|
+
current_absolute_element = _this.CZfr(current_element);
|
|
22278
22278
|
absolute_header.appendChild(current_absolute_element);
|
|
22279
22279
|
});
|
|
22280
22280
|
(_absolute_header = absolute_header) === null || _absolute_header === void 0 || _absolute_header.classList.add("apx-slide-header");
|
|
@@ -22334,7 +22334,7 @@
|
|
|
22334
22334
|
document.body.style.backgroundRepeat = "";
|
|
22335
22335
|
var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
|
|
22336
22336
|
delete updated_layout_without_absolute_elements["absolute_position_children"];
|
|
22337
|
-
element = _this.
|
|
22337
|
+
element = _this.CZfr(updated_layout_without_absolute_elements);
|
|
22338
22338
|
document.body.style.backgroundColor = current_slide_from_config.media_background_color;
|
|
22339
22339
|
document.body.style.margin = "0px";
|
|
22340
22340
|
}
|
|
@@ -22342,9 +22342,9 @@
|
|
|
22342
22342
|
current_slide.removeChild(current_slide.children[0]);
|
|
22343
22343
|
}
|
|
22344
22344
|
current_slide.appendChild(element);
|
|
22345
|
-
_this.
|
|
22345
|
+
_this.AIAj();
|
|
22346
22346
|
window.intervalToCheckImgStatus = setInterval(function () {
|
|
22347
|
-
if (_this.
|
|
22347
|
+
if (_this.wVBl()) {
|
|
22348
22348
|
clearInterval(window.intervalToCheckImgStatus);
|
|
22349
22349
|
}
|
|
22350
22350
|
}, 500);
|
|
@@ -22372,7 +22372,7 @@
|
|
|
22372
22372
|
});
|
|
22373
22373
|
playNext();
|
|
22374
22374
|
});
|
|
22375
|
-
_defineProperty(this, "
|
|
22375
|
+
_defineProperty(this, "Qhbi", function () {
|
|
22376
22376
|
document.body.classList.add("slide-right");
|
|
22377
22377
|
var animationEndCounter = 0;
|
|
22378
22378
|
var onAnimationEnd = function onAnimationEnd() {
|
|
@@ -22384,7 +22384,7 @@
|
|
|
22384
22384
|
};
|
|
22385
22385
|
document.body.addEventListener("animationend", onAnimationEnd);
|
|
22386
22386
|
});
|
|
22387
|
-
_defineProperty(this, "
|
|
22387
|
+
_defineProperty(this, "CZfr", function (config) {
|
|
22388
22388
|
var _window$Apxor4;
|
|
22389
22389
|
var element;
|
|
22390
22390
|
var explicit_styles = "";
|
|
@@ -22442,7 +22442,7 @@
|
|
|
22442
22442
|
element.innerHTML = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12.375 4L10.1979 6.17708L7.92708 9.20833H3V15.4583H7.16667L12.375 20.6667V4Z\" fill=\"currentColor\" />\n <path d=\"M14.4905 20.2167C18.9193 20.2167 22.5095 16.6265 22.5095 12.1977C22.5095 7.76894 18.9193 4.17871 14.4905 4.17871\" stroke=\"currentColor\" fill =\"transparent\" stroke-width=\"1.782\"/>\n <path d=\"M14.4905 15.7618C16.4588 15.7618 18.0545 14.1661 18.0545 12.1978C18.0545 10.2294 16.4588 8.63379 14.4905 8.63379\" stroke=\"currentColor\" fill=\"transparent\" stroke-width=\"1.782\"/>\n </svg>";
|
|
22443
22443
|
element.id = "apx-mute-icon";
|
|
22444
22444
|
element.addEventListener("touchstart", function (event) {
|
|
22445
|
-
_this.
|
|
22445
|
+
_this.DhGb(event);
|
|
22446
22446
|
});
|
|
22447
22447
|
break;
|
|
22448
22448
|
case "copy_icon":
|
|
@@ -22539,6 +22539,7 @@
|
|
|
22539
22539
|
updated_action = _objectSpread2(_objectSpread2({}, action), {}, {
|
|
22540
22540
|
display_type: "stories"
|
|
22541
22541
|
});
|
|
22542
|
+
window.ApxorRTM.pauseVideos();
|
|
22542
22543
|
window.Apxor.redirect(JSON.stringify(updated_action));
|
|
22543
22544
|
var progress = Array.from(document.querySelectorAll(".progress"));
|
|
22544
22545
|
var activeIndex = progress.findIndex(function (el) {
|
|
@@ -22657,7 +22658,7 @@
|
|
|
22657
22658
|
}
|
|
22658
22659
|
if (config.absolute_position_children && config.absolute_position_children.length > 0) {
|
|
22659
22660
|
config.absolute_position_children.forEach(function (childConfig) {
|
|
22660
|
-
var childElement = _this.
|
|
22661
|
+
var childElement = _this.CZfr(childConfig);
|
|
22661
22662
|
element.appendChild(childElement);
|
|
22662
22663
|
});
|
|
22663
22664
|
}
|
|
@@ -22665,7 +22666,7 @@
|
|
|
22665
22666
|
// Process children
|
|
22666
22667
|
if (config.children && config.children.length > 0) {
|
|
22667
22668
|
config.children.forEach(function (childConfig) {
|
|
22668
|
-
var childElement = _this.
|
|
22669
|
+
var childElement = _this.CZfr(childConfig);
|
|
22669
22670
|
element.appendChild(childElement);
|
|
22670
22671
|
});
|
|
22671
22672
|
}
|
|
@@ -22693,7 +22694,7 @@
|
|
|
22693
22694
|
element.appendChild(ElementStyles);
|
|
22694
22695
|
return element;
|
|
22695
22696
|
});
|
|
22696
|
-
_defineProperty(this, "
|
|
22697
|
+
_defineProperty(this, "DhGb", function (event) {
|
|
22697
22698
|
var slide_details_to_be_deleted;
|
|
22698
22699
|
var mute_child_elements;
|
|
22699
22700
|
var unmute_child_elements;
|
|
@@ -22723,11 +22724,11 @@
|
|
|
22723
22724
|
}
|
|
22724
22725
|
// this.muteElement.addEventListener("touchstart", (event) => {
|
|
22725
22726
|
// event.stopPropagation();
|
|
22726
|
-
// this.
|
|
22727
|
+
// this.DhGb(event);
|
|
22727
22728
|
// });
|
|
22728
22729
|
}
|
|
22729
22730
|
});
|
|
22730
|
-
_defineProperty(this, "
|
|
22731
|
+
_defineProperty(this, "VeEd", function () {
|
|
22731
22732
|
var tapTimeout;
|
|
22732
22733
|
var tapThreshold = 0.5; // Assuming 0.5 is the center of the WebView
|
|
22733
22734
|
var longPressDuration = 200;
|
|
@@ -22851,7 +22852,7 @@
|
|
|
22851
22852
|
event.target.dataset.touchStartTime = event.timeStamp;
|
|
22852
22853
|
});
|
|
22853
22854
|
});
|
|
22854
|
-
_defineProperty(this, "
|
|
22855
|
+
_defineProperty(this, "mZHL", function () {
|
|
22855
22856
|
var startY, startX;
|
|
22856
22857
|
_this.storyContainer.addEventListener("touchstart", function (event) {
|
|
22857
22858
|
_this.swipeTouch = true;
|
|
@@ -23058,7 +23059,7 @@
|
|
|
23058
23059
|
}, 50);
|
|
23059
23060
|
});
|
|
23060
23061
|
});
|
|
23061
|
-
_defineProperty(this, "
|
|
23062
|
+
_defineProperty(this, "AIAj", function () {
|
|
23062
23063
|
_this.loader.style.display = "block";
|
|
23063
23064
|
var progress = Array.from(document.querySelectorAll(".progress"));
|
|
23064
23065
|
var activeIndex = progress.findIndex(function (el) {
|
|
@@ -23074,7 +23075,7 @@
|
|
|
23074
23075
|
}
|
|
23075
23076
|
}
|
|
23076
23077
|
});
|
|
23077
|
-
_defineProperty(this, "
|
|
23078
|
+
_defineProperty(this, "URNM", function () {
|
|
23078
23079
|
if (!_this.continueLoading) {
|
|
23079
23080
|
var slide_details_to_be_deleted = document.querySelector(".slide-details");
|
|
23080
23081
|
var childElements = slide_details_to_be_deleted.querySelectorAll("video");
|
|
@@ -23094,19 +23095,19 @@
|
|
|
23094
23095
|
_this.loader.style.display = "none";
|
|
23095
23096
|
}
|
|
23096
23097
|
});
|
|
23097
|
-
_defineProperty(this, "
|
|
23098
|
+
_defineProperty(this, "BcAJ", function () {
|
|
23098
23099
|
if (_this.imageElements.length === 0) return true;
|
|
23099
23100
|
return _this.imageElements.every(function (img) {
|
|
23100
23101
|
return img.complete;
|
|
23101
23102
|
});
|
|
23102
23103
|
});
|
|
23103
|
-
_defineProperty(this, "
|
|
23104
|
+
_defineProperty(this, "qNbo", function () {
|
|
23104
23105
|
if (_this.videoElements.length === 0) return true;
|
|
23105
23106
|
return _this.videoElements.every(function (video) {
|
|
23106
23107
|
return video.readyState >= 3;
|
|
23107
23108
|
});
|
|
23108
23109
|
});
|
|
23109
|
-
_defineProperty(this, "
|
|
23110
|
+
_defineProperty(this, "wVBl", function () {
|
|
23110
23111
|
var bodyStyles = window.getComputedStyle(document.body);
|
|
23111
23112
|
var backgroundImage = bodyStyles.backgroundImage;
|
|
23112
23113
|
if (backgroundImage && backgroundImage !== "none" && _this.current_slide_config.media_type === "image") {
|
|
@@ -23116,7 +23117,7 @@
|
|
|
23116
23117
|
var img = new Image();
|
|
23117
23118
|
img.src = imageUrl;
|
|
23118
23119
|
if (img.complete) {
|
|
23119
|
-
_this.
|
|
23120
|
+
_this.URNM();
|
|
23120
23121
|
return true;
|
|
23121
23122
|
}
|
|
23122
23123
|
return false;
|
|
@@ -23124,21 +23125,21 @@
|
|
|
23124
23125
|
var slide_details_to_be_deleted = document.querySelector(".slide-details");
|
|
23125
23126
|
var childElements = slide_details_to_be_deleted.querySelectorAll("video");
|
|
23126
23127
|
if (childElements[0].readyState >= 3) {
|
|
23127
|
-
_this.
|
|
23128
|
+
_this.URNM();
|
|
23128
23129
|
return true;
|
|
23129
23130
|
}
|
|
23130
23131
|
return false;
|
|
23131
23132
|
} else {
|
|
23132
23133
|
if (_this.videoElements.length == 0 && _this.imageElements.length == 0) {
|
|
23133
|
-
_this.
|
|
23134
|
+
_this.URNM();
|
|
23134
23135
|
return true;
|
|
23135
|
-
} else if (_this.
|
|
23136
|
-
_this.
|
|
23136
|
+
} else if (_this.BcAJ() && _this.qNbo()) {
|
|
23137
|
+
_this.URNM();
|
|
23137
23138
|
return true;
|
|
23138
23139
|
}
|
|
23139
23140
|
}
|
|
23140
23141
|
});
|
|
23141
|
-
_defineProperty(this, "
|
|
23142
|
+
_defineProperty(this, "tgxN", function (event, startY, action) {
|
|
23142
23143
|
event.stopPropagation();
|
|
23143
23144
|
var endY = event.changedTouches[0].clientY;
|
|
23144
23145
|
var deltaY = startY - endY;
|
|
@@ -23147,6 +23148,7 @@
|
|
|
23147
23148
|
var _window$ApxorRTM14;
|
|
23148
23149
|
_this.swipe_up_redirect = true;
|
|
23149
23150
|
_this.swipeUpTouch = true;
|
|
23151
|
+
window.ApxorRTM.pauseVideos();
|
|
23150
23152
|
window.Apxor.redirect(JSON.stringify(action));
|
|
23151
23153
|
var progress = Array.from(document.querySelectorAll(".progress"));
|
|
23152
23154
|
var activeIndex = progress.findIndex(function (el) {
|
|
@@ -23234,7 +23236,7 @@
|
|
|
23234
23236
|
this.swipe_action;
|
|
23235
23237
|
this.continueLoading = false;
|
|
23236
23238
|
this.boundSwipeUpHandling = function (event) {
|
|
23237
|
-
return _this.
|
|
23239
|
+
return _this.tgxN(event, _this.startY, _this.swipe_action);
|
|
23238
23240
|
};
|
|
23239
23241
|
}
|
|
23240
23242
|
_createClass(Stories, [{
|
|
@@ -23298,7 +23300,7 @@
|
|
|
23298
23300
|
} else {
|
|
23299
23301
|
var _progress$activeIndex5, _progress$activeIndex6, _progress$, _window12, _window12$logInternal, _window$ApxorRTM16, _window$ApxorRTM17, _window$ApxorRTM18;
|
|
23300
23302
|
// Move to the first slide of the next group
|
|
23301
|
-
// this.
|
|
23303
|
+
// this.Qhbi();
|
|
23302
23304
|
this.position++;
|
|
23303
23305
|
this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
|
|
23304
23306
|
this.slides = this.config[this.position].slides;
|
|
@@ -23424,7 +23426,7 @@
|
|
|
23424
23426
|
if (activeIndex === 0) {
|
|
23425
23427
|
var _progress$activeIndex9, _progress$activeIndex10, _progress$lastSlideIn, _window14, _window14$logInternal, _window$ApxorRTM22, _window$ApxorRTM23, _window$ApxorRTM24;
|
|
23426
23428
|
// If at the first slide of the current group, move to the last slide of the previous group
|
|
23427
|
-
// this.
|
|
23429
|
+
// this.Qhbi();
|
|
23428
23430
|
this.position--;
|
|
23429
23431
|
this.progress_bar = new ProgressBar$1(this.config[this.position].progress_bar);
|
|
23430
23432
|
this.slides = this.config[this.position].slides;
|
|
@@ -23611,25 +23613,25 @@
|
|
|
23611
23613
|
// Create custom content
|
|
23612
23614
|
var updated_layout_without_absolute_elements = JSON.parse(JSON.stringify(current_slide_from_config.layout));
|
|
23613
23615
|
delete updated_layout_without_absolute_elements["absolute_position_children"];
|
|
23614
|
-
element = this.
|
|
23616
|
+
element = this.CZfr(updated_layout_without_absolute_elements);
|
|
23615
23617
|
}
|
|
23616
23618
|
// Append slide content to slide details container
|
|
23617
23619
|
|
|
23618
23620
|
document.body.style.backgroundColor = current_slide_from_config.media_background_color;
|
|
23619
23621
|
document.body.style.margin = "0px";
|
|
23620
23622
|
currentSlideDetails.appendChild(element);
|
|
23621
|
-
this.
|
|
23623
|
+
this.AIAj();
|
|
23622
23624
|
|
|
23623
23625
|
// Handle absolute position children
|
|
23624
23626
|
if (current_slide_from_config.layout.absolute_position_children && current_slide_from_config.layout.absolute_position_children.length > 0) {
|
|
23625
23627
|
current_slide_from_config.layout.absolute_position_children.forEach(function (childConfig) {
|
|
23626
|
-
var childElement = _this2.
|
|
23628
|
+
var childElement = _this2.CZfr(childConfig);
|
|
23627
23629
|
// Append absolute position children to slide details container
|
|
23628
23630
|
currentSlideDetails.appendChild(childElement);
|
|
23629
23631
|
});
|
|
23630
23632
|
}
|
|
23631
23633
|
window.intervalToCheckImgStatus2 = setInterval(function () {
|
|
23632
|
-
if (_this2.
|
|
23634
|
+
if (_this2.wVBl()) {
|
|
23633
23635
|
clearInterval(window.intervalToCheckImgStatus2);
|
|
23634
23636
|
}
|
|
23635
23637
|
}, 500);
|
|
@@ -24064,15 +24066,15 @@
|
|
|
24064
24066
|
_this$badge$animation2,
|
|
24065
24067
|
_this$badge$animation3;
|
|
24066
24068
|
_classCallCheck(this, ApxorBadge);
|
|
24067
|
-
_defineProperty(this, "
|
|
24069
|
+
_defineProperty(this, "YJBe", function () {
|
|
24068
24070
|
var delayMillis = _this.delayMillis * 1000;
|
|
24069
24071
|
_this.shakeAnimationRepeat(_this.interCount, delayMillis);
|
|
24070
24072
|
});
|
|
24071
|
-
_defineProperty(this, "
|
|
24073
|
+
_defineProperty(this, "RRte", function () {
|
|
24072
24074
|
var delayMillis = _this.delayMillis * 1000;
|
|
24073
24075
|
_this.fadeAnimationRepeat(_this.interCount, delayMillis);
|
|
24074
24076
|
});
|
|
24075
|
-
_defineProperty(this, "
|
|
24077
|
+
_defineProperty(this, "meeG", function () {
|
|
24076
24078
|
var _this$targetElement;
|
|
24077
24079
|
var delayMillis = _this.delayMillis * 1000;
|
|
24078
24080
|
var finalStyles = ".apxor-badge-container-stylesdummy-".concat(_this.cssPostFix, " {\n opacity:0;\n }").replaceAll("\n", "").replace(/[\s]{2,999}/g, "");
|
|
@@ -24081,7 +24083,7 @@
|
|
|
24081
24083
|
(_this$targetElement = _this.targetElement) === null || _this$targetElement === void 0 || _this$targetElement.appendChild(newstyleNode1);
|
|
24082
24084
|
_this.rippleAnimationRepeat(_this.interCount, delayMillis);
|
|
24083
24085
|
});
|
|
24084
|
-
_defineProperty(this, "
|
|
24086
|
+
_defineProperty(this, "WRyz", function () {
|
|
24085
24087
|
var delayMillis = _this.delayMillis * 1000;
|
|
24086
24088
|
//let badgeContainerClass = `.apxor-badge-container-styles-${this.cssPostFix}`;
|
|
24087
24089
|
//let badgeAnimationElement = document.querySelector(badgeContainerClass);
|
|
@@ -24098,7 +24100,7 @@
|
|
|
24098
24100
|
// newstyleNode1.innerHTML = finalStyles;
|
|
24099
24101
|
// this.targetElement?.appendChild(newstyleNode1);
|
|
24100
24102
|
});
|
|
24101
|
-
_defineProperty(this, "
|
|
24103
|
+
_defineProperty(this, "mayB", function () {
|
|
24102
24104
|
var elements = document.querySelectorAll(".apx-main-styles-".concat(_this.configId));
|
|
24103
24105
|
elements === null || elements === void 0 || elements.forEach(function (ele) {
|
|
24104
24106
|
ele === null || ele === void 0 || ele.remove();
|
|
@@ -24107,9 +24109,9 @@
|
|
|
24107
24109
|
dummy_elements === null || dummy_elements === void 0 || dummy_elements.forEach(function (ele) {
|
|
24108
24110
|
ele === null || ele === void 0 || ele.remove();
|
|
24109
24111
|
});
|
|
24110
|
-
_this.
|
|
24112
|
+
_this.bFdF();
|
|
24111
24113
|
});
|
|
24112
|
-
_defineProperty(this, "
|
|
24114
|
+
_defineProperty(this, "bFdF", function () {
|
|
24113
24115
|
var targetWrapperElement = document.querySelector(".image-container-".concat(_this.configId));
|
|
24114
24116
|
// Ensure the target element is the wrapper with class 'image-container'
|
|
24115
24117
|
if (targetWrapperElement) {
|
|
@@ -24133,12 +24135,12 @@
|
|
|
24133
24135
|
* @param {boolean} optimized
|
|
24134
24136
|
* @returns viewId
|
|
24135
24137
|
*/
|
|
24136
|
-
_defineProperty(this, "
|
|
24138
|
+
_defineProperty(this, "eIhd", function (node, optimized) {
|
|
24137
24139
|
if (node.nodeType !== Node.ELEMENT_NODE) return "";
|
|
24138
24140
|
var steps = [];
|
|
24139
24141
|
var contextNode = node;
|
|
24140
24142
|
while (contextNode) {
|
|
24141
|
-
var step = _this.
|
|
24143
|
+
var step = _this.jLln(contextNode, !!optimized, contextNode === node);
|
|
24142
24144
|
if (!step) break; // Error - bail out early.
|
|
24143
24145
|
steps.push(step);
|
|
24144
24146
|
if (step.optimized) break;
|
|
@@ -24153,7 +24155,7 @@
|
|
|
24153
24155
|
* @param {boolean} optimized
|
|
24154
24156
|
* @param {object} isTargetNode
|
|
24155
24157
|
*/
|
|
24156
|
-
_defineProperty(this, "
|
|
24158
|
+
_defineProperty(this, "jLln", function (node, optimized, isTargetNode) {
|
|
24157
24159
|
if (node.nodeType !== Node.ELEMENT_NODE) return null;
|
|
24158
24160
|
var id = node.getAttribute("id");
|
|
24159
24161
|
if (optimized) {
|
|
@@ -24275,7 +24277,7 @@
|
|
|
24275
24277
|
this.contentZindexValue = 1;
|
|
24276
24278
|
}
|
|
24277
24279
|
_createClass(ApxorBadge, [{
|
|
24278
|
-
key: "
|
|
24280
|
+
key: "EOyo",
|
|
24279
24281
|
value: function createBadge() {
|
|
24280
24282
|
var _this2 = this;
|
|
24281
24283
|
var targetFoundCallback = function targetFoundCallback() {
|
|
@@ -25092,16 +25094,16 @@
|
|
|
25092
25094
|
var RTM = /*#__PURE__*/_createClass(function RTM() {
|
|
25093
25095
|
var _this = this;
|
|
25094
25096
|
_classCallCheck(this, RTM);
|
|
25095
|
-
_defineProperty(this, "
|
|
25097
|
+
_defineProperty(this, "fHZG", {});
|
|
25096
25098
|
_defineProperty(this, "isShowingAction", false);
|
|
25097
25099
|
_defineProperty(this, "currentAction", null);
|
|
25098
|
-
_defineProperty(this, "
|
|
25099
|
-
_defineProperty(this, "version",
|
|
25100
|
+
_defineProperty(this, "AJVx", null);
|
|
25101
|
+
_defineProperty(this, "version", 95);
|
|
25100
25102
|
_defineProperty(this, "isInitialised", false);
|
|
25101
|
-
_defineProperty(this, "
|
|
25102
|
-
_defineProperty(this, "
|
|
25103
|
+
_defineProperty(this, "BqLl", {});
|
|
25104
|
+
_defineProperty(this, "RdLI", false);
|
|
25103
25105
|
_defineProperty(this, "_isShownECCalled", false);
|
|
25104
|
-
_defineProperty(this, "
|
|
25106
|
+
_defineProperty(this, "pjzM", function () {
|
|
25105
25107
|
_this.isInitialised = true;
|
|
25106
25108
|
var oldPushState = history.pushState;
|
|
25107
25109
|
history.pushState = function pushState() {
|
|
@@ -25128,7 +25130,7 @@
|
|
|
25128
25130
|
var _window;
|
|
25129
25131
|
(_window = window) === null || _window === void 0 || (_window = _window.ApxorLogger) === null || _window === void 0 || _window.error("logger show");
|
|
25130
25132
|
if (!_this.isInitialised) {
|
|
25131
|
-
_this.
|
|
25133
|
+
_this.pjzM();
|
|
25132
25134
|
}
|
|
25133
25135
|
window.addEventListener("pagehide", function () {
|
|
25134
25136
|
var _window$Apxor, _window$Apxor$pageUnl;
|
|
@@ -25153,7 +25155,7 @@
|
|
|
25153
25155
|
} else if (ui_config.display_type === "new-inline" || ui_config.action_class === "tooltip_builder") {
|
|
25154
25156
|
_this.createInLineToolTip(ui_config, duration, uuid, name, ui_config.action_class === "tooltip_builder" ? "tooltip_builder" : "new-inline");
|
|
25155
25157
|
} else if (ui_config.display_type === "coach_mark_v2") {
|
|
25156
|
-
_this.
|
|
25158
|
+
_this.qXJu(ui_config, duration, uuid, name);
|
|
25157
25159
|
} else {
|
|
25158
25160
|
showCoachmarkWithDelay(_this, ui_config, {
|
|
25159
25161
|
configId: uuid,
|
|
@@ -25193,7 +25195,7 @@
|
|
|
25193
25195
|
});
|
|
25194
25196
|
_defineProperty(this, "showBadge", function (uiJson, duration, uuid, name, terminationConfig) {
|
|
25195
25197
|
if (!_this.isInitialised) {
|
|
25196
|
-
_this.
|
|
25198
|
+
_this.pjzM();
|
|
25197
25199
|
}
|
|
25198
25200
|
window.addEventListener("pagehide", function () {
|
|
25199
25201
|
var _window$Apxor2, _window$Apxor2$pageUn;
|
|
@@ -25205,7 +25207,7 @@
|
|
|
25205
25207
|
_this.removeBadge(name, uuid);
|
|
25206
25208
|
}
|
|
25207
25209
|
var termination_config = JSON.parse(terminationConfig);
|
|
25208
|
-
_this.
|
|
25210
|
+
_this.EOyo(ui_config, duration, uuid, name, termination_config);
|
|
25209
25211
|
});
|
|
25210
25212
|
_defineProperty(this, "showInApp", function (config, duration, configId, name) {
|
|
25211
25213
|
try {
|
|
@@ -25271,7 +25273,7 @@
|
|
|
25271
25273
|
try {
|
|
25272
25274
|
config = config.split("\n").join("\\n");
|
|
25273
25275
|
var ui_config = JSON.parse(config);
|
|
25274
|
-
_this.
|
|
25276
|
+
_this.UCak(ui_config, configId, name, position, slidesSeenCount, view_id);
|
|
25275
25277
|
} catch (e) {
|
|
25276
25278
|
var _window$Apxor4;
|
|
25277
25279
|
if (((_window$Apxor4 = window.Apxor) === null || _window$Apxor4 === void 0 ? void 0 : _window$Apxor4.platform) === "ios") {
|
|
@@ -25285,7 +25287,7 @@
|
|
|
25285
25287
|
console.error(e);
|
|
25286
25288
|
}
|
|
25287
25289
|
});
|
|
25288
|
-
_defineProperty(this, "
|
|
25290
|
+
_defineProperty(this, "UCak", function (config, configId, name, position, slidesSeenCount, view_id) {
|
|
25289
25291
|
var cardsContainer = new Stories(config, configId, name, position, slidesSeenCount, view_id, function () {
|
|
25290
25292
|
var _window$ApxorRTM3, _config$additional_in3, _config$additional_in4;
|
|
25291
25293
|
(_window$ApxorRTM3 = window.ApxorRTM) === null || _window$ApxorRTM3 === void 0 || _window$ApxorRTM3.logEvent("apx_nudge_shown", {
|
|
@@ -25334,7 +25336,7 @@
|
|
|
25334
25336
|
var _window22, _window22$updateFlag, _window23;
|
|
25335
25337
|
_this.isShowingAction = false;
|
|
25336
25338
|
_this.currentAction = null;
|
|
25337
|
-
_this.
|
|
25339
|
+
_this.AJVx = null;
|
|
25338
25340
|
(_window22 = window) === null || _window22 === void 0 || (_window22 = _window22.Apxor) === null || _window22 === void 0 || (_window22$updateFlag = _window22.updateFlag) === null || _window22$updateFlag === void 0 || _window22$updateFlag.call(_window22, false);
|
|
25339
25341
|
if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
|
|
25340
25342
|
window.Apxor.logActionEvent("inline_dismissed", uuid, name);
|
|
@@ -25345,21 +25347,21 @@
|
|
|
25345
25347
|
}
|
|
25346
25348
|
};
|
|
25347
25349
|
if (action_class === "new-inline") {
|
|
25348
|
-
_this.
|
|
25350
|
+
_this.AJVx = new InLineTooltip(ui_config, [], [], terminationConfig, {
|
|
25349
25351
|
configId: uuid,
|
|
25350
25352
|
configName: name
|
|
25351
25353
|
}, _this, onShow, onHide, function () {}, false, 0);
|
|
25352
25354
|
} else if (action_class === "tooltip_builder") {
|
|
25353
|
-
_this.
|
|
25355
|
+
_this.AJVx = new NewInLineTooltip(ui_config, terminationConfig, {
|
|
25354
25356
|
configId: uuid,
|
|
25355
25357
|
configName: name
|
|
25356
25358
|
}, _this, onShow, onHide);
|
|
25357
25359
|
}
|
|
25358
25360
|
setTimeout(function () {
|
|
25359
|
-
_this.
|
|
25361
|
+
_this.AJVx.createNewTooltip();
|
|
25360
25362
|
}, ui_config.delay);
|
|
25361
25363
|
});
|
|
25362
|
-
_defineProperty(this, "
|
|
25364
|
+
_defineProperty(this, "qXJu", function (ui_config, duration, uuid, name) {
|
|
25363
25365
|
var terminationConfig = {};
|
|
25364
25366
|
terminationConfig["auto_dismiss"] = duration > 0;
|
|
25365
25367
|
terminationConfig["duration"] = duration;
|
|
@@ -25383,7 +25385,7 @@
|
|
|
25383
25385
|
var _window27, _window27$updateFlag, _window28;
|
|
25384
25386
|
_this.isShowingAction = false;
|
|
25385
25387
|
_this.currentAction = null;
|
|
25386
|
-
_this.
|
|
25388
|
+
_this.AJVx = null;
|
|
25387
25389
|
(_window27 = window) === null || _window27 === void 0 || (_window27 = _window27.Apxor) === null || _window27 === void 0 || (_window27$updateFlag = _window27.updateFlag) === null || _window27$updateFlag === void 0 || _window27$updateFlag.call(_window27, false);
|
|
25388
25390
|
if (window.Apxor && window.Apxor.logActionEvent && !isCancelled) {
|
|
25389
25391
|
window.Apxor.logActionEvent("inline_dismissed", uuid, name);
|
|
@@ -25395,7 +25397,7 @@
|
|
|
25395
25397
|
}, _this.stepperCallback, false, 0);
|
|
25396
25398
|
_this._currentCoachmark.createNewCoachMark();
|
|
25397
25399
|
});
|
|
25398
|
-
_defineProperty(this, "
|
|
25400
|
+
_defineProperty(this, "EOyo", function (ui_config, duration, uuid, name, terminationConfig) {
|
|
25399
25401
|
_this._currentBadge = new ApxorBadge(ui_config, terminationConfig, {
|
|
25400
25402
|
configId: uuid,
|
|
25401
25403
|
configName: name
|
|
@@ -25412,12 +25414,12 @@
|
|
|
25412
25414
|
}
|
|
25413
25415
|
}
|
|
25414
25416
|
});
|
|
25415
|
-
_this._currentBadge.
|
|
25416
|
-
_this._currentBadge.
|
|
25417
|
+
_this._currentBadge.mayB();
|
|
25418
|
+
_this._currentBadge.EOyo();
|
|
25417
25419
|
});
|
|
25418
25420
|
_defineProperty(this, "updateElementPositionOnScroll", function (top, left, height, width) {
|
|
25419
|
-
if (_this.
|
|
25420
|
-
_this.
|
|
25421
|
+
if (_this.AJVx) {
|
|
25422
|
+
_this.AJVx.updateElementPositionOnScroll(top, left, height, width);
|
|
25421
25423
|
}
|
|
25422
25424
|
});
|
|
25423
25425
|
_defineProperty(this, "createInAppVideo", function (config, duration, configId, name) {
|
|
@@ -25552,10 +25554,10 @@
|
|
|
25552
25554
|
});
|
|
25553
25555
|
_defineProperty(this, "showPlaceHolder", function () {
|
|
25554
25556
|
var _window38;
|
|
25555
|
-
if (_this.
|
|
25557
|
+
if (_this.RdLI) {
|
|
25556
25558
|
return;
|
|
25557
25559
|
}
|
|
25558
|
-
_this.
|
|
25560
|
+
_this.RdLI = true;
|
|
25559
25561
|
var ele = document.createElement("div");
|
|
25560
25562
|
ele.innerHTML = "place your immersive card here";
|
|
25561
25563
|
ele.style.backgroundColor = "#f5f5f5";
|