/* Minification failed. Returning unminified contents.
(94,33-36): run-time error JS1009: Expected '}': ...
(100,25-27): run-time error JS1006: Expected ')': if
(102,80): run-time error JS1004: Expected ';'
(114,33-36): run-time error JS1009: Expected '}': ...
(133,33-36): run-time error JS1009: Expected '}': ...
(140,22-23): run-time error JS1009: Expected '}': )
(184,37-40): run-time error JS1009: Expected '}': ...
(185,50): run-time error JS1004: Expected ';'
(185,50-51): run-time error JS1195: Expected expression: :
(217,37-40): run-time error JS1009: Expected '}': ...
(258,21-22): run-time error JS1002: Syntax error: }
(259,17-18): run-time error JS1002: Syntax error: }
(294,33-36): run-time error JS1009: Expected '}': ...
(302,17-18): run-time error JS1002: Syntax error: }
(303,13-14): run-time error JS1002: Syntax error: }
(304,9-10): run-time error JS1002: Syntax error: }
(305,5-6): run-time error JS1002: Syntax error: }
(305,6-7): run-time error JS1195: Expected expression: )
(306,1-2): run-time error JS1002: Syntax error: }
*/
/*!
* Lexpera Popups v5.6.2
* Copyright 2021-2024 Lexpera
* For the latest versions and changelogs visit the link below:
*/
// Make an IIFE function variable for popups.
var Popups = function () {
return {
clearPopupsUser: function (userName) {
ClearPopupsUser(userName);
},
callGetPopupsWithExcludeList: function (abortRequest = false, ...popupNamesExcludeList) {
GetPopups(abortRequest = false, ...popupNamesExcludeList);
},
popupsReset: function (event) {
PopupsReset(event);
}
};
}();
/**
* Get banners, modals, and tooltips.
*
* @param {boolean} abortRequest = cancels ajax request before it sends.
* @param {...string} popupNamesExcludeList = array of strings. Put "Popup Name"" to exclude in certain conditions.
* @returns
*/
function GetPopups(abortRequest = false, ...popupNamesExcludeList) {
// Fetch for config.
let data = {
url: window.location.pathname,
sopi: typeof IusInfoUIDocument !== "undefined" ? IusInfoUIDocument.Sopi : null,
categoryAddress: typeof IusInfoUIDocument !== "undefined" ? IusInfoUIDocument.CategoryAddress : null
};
return $.ajax({
contentType: "application/json; charset=utf-8",
type: "POST",
url: "/Popup/GetPopups/",
data: JSON.stringify(data),
cache: false,
beforeSend: function (jqXHR) {
// Abort request before it sends.
if (abortRequest) jqXHR.abort();
},
success: function (data) {
// Check if null.
if (Object.values(JSON.parse(data)).some(d => d !== null)) {
// Parse for main data.
var popupData = JSON.parse(data);
// BANNERS.
if (popupData.Banners !== null) {
// Filter banners from db, local storage, and exclude list.
const showBanners = [...FilteredPopups(popupData.Banners, [...popupNamesExcludeList])];
// Apply banner config.
showBanners.map(b => {
// Make sure object keys are enclosed in double quotes "". ex: {"key": "value_is_here"}.
let mainBannerConfig = {
bannerID: `banner_${b.PopupID}`,
popupID: b.PopupID,
type: b.BannerType,
position: b.Position,
content: b.Content,
isRecurring: b.IsRecurring,
recurringDays: b.RecurringDays,
displayDelay: b.DisplayDelay,
displayDuration: b.DisplayDuration,
zIndex: b.zIndex
};
// Banner dismiss button config.
if (b.DismissButtonConfiguration &&
b.DismissButtonConfiguration !== null &&
typeof b.DismissButtonConfiguration !== "undefined") {
const jsonDismissConfig = JSON.parse(b.DismissButtonConfiguration);
const configDismissButton = {
buttonDismissText: jsonDismissConfig.buttonDismissText,
buttonDismissColor: jsonDismissConfig.buttonDismissColor,
buttonDismissBackgroundColor: jsonDismissConfig.buttonDismissBackgroundColor,
buttonDismissID: jsonDismissConfig.buttonDismissID,
buttonDismissURL: jsonDismissConfig.buttonDismissURL,
buttonDismissHidden: jsonDismissConfig.buttonDismissHidden,
buttonDismissFunction: jsonDismissConfig.buttonDismissFunction
};
// Apply to main banner config.
mainBannerConfig = {
...mainBannerConfig,
...configDismissButton
};
}
// Banner custom button config.
if (b.CustomButtonConfiguration &&
b.CustomButtonConfiguration !== null &&
typeof b.CustomButtonConfiguration !== "undefined") {
const jsonCustomConfig = JSON.parse(b.CustomButtonConfiguration);
const configCustomButton = {
buttonCustomText: jsonCustomConfig.buttonCustomText,
buttonCustomColor: jsonCustomConfig.buttonCustomColor,
buttonCustomBackgroundColor: jsonCustomConfig.buttonCustomBackgroundColor,
buttonCustomID: jsonCustomConfig.buttonCustomID,
buttonCustomURL: jsonCustomConfig.buttonCustomURL,
buttonCustomDismissBanner: jsonCustomConfig.buttonCustomDismissBanner,
buttonCustomFunction: jsonCustomConfig.buttonCustomFunction
};
mainBannerConfig = {
...mainBannerConfig,
...configCustomButton
};
}
// Extra banner config.
if (b.Configuration &&
b.Configuration !== null &&
typeof b.Configuration !== "undefined") {
const jsonExtraConfig = JSON.parse(b.Configuration);
const extraConfig = {
color: jsonExtraConfig.color,
backgroundColor: jsonExtraConfig.backgroundColor,
linkColor: jsonExtraConfig.linkColor,
icon: jsonExtraConfig.icon,
visible: jsonExtraConfig.visible,
onCloseFunction: jsonExtraConfig.onCloseFunction
};
mainBannerConfig = {
...mainBannerConfig,
...extraConfig
};
}
// Instantiate banners.
let docBanner = new LexperaBanner(mainBannerConfig);
});
}
// MODALS.
if (popupData.Modals !== null) {
// Filter modals from db, local storage, and exclude list.
const showModals = [...FilteredPopups(popupData.Modals, [...popupNamesExcludeList])];
// Holder for previous modal.
let previousModal = null;
for (let i = 0; i < showModals.length; i++) {
// Store for config.
let m = showModals[i];
// Skip if there's an existing active modal.
// Continue creating instance for those that have target elements.
if ($("body").hasClass("modal-open") && !(m.TargetElement !== null && m.TargetElement.trim().length > 0))
continue;
else {
let mainModalConfig = {
modalID: `modal_${m.PopupID}`,
popupID: m.PopupID,
title: m.Title,
content: m.Content,
modalSize: m.ModalSize,
type: m.ModalType,
displayDelay: m.DisplayDelay,
displayDuration: m.DisplayDuration,
isRecurring: m.IsRecurring,
recurringDays: m.RecurringDays,
targetElement: m.TargetElement,
targetAction: m.TargetAction,
visible: false
};
// Modal action buttons config.
if (m.ActionButtonsConfiguration &&
m.ActionButtonsConfiguration !== null &&
typeof m.ActionButtonsConfiguration !== "undefined") {
// Apply to main banner config.
mainModalConfig = {
...mainModalConfig,
actionButtons: m.ActionButtonsConfiguration
};
}
// Extra modal config.
if (m.Configuration &&
m.Configuration !== null &&
typeof m.Configuration !== "undefined") {
const jsonExtraConfig = JSON.parse(m.Configuration);
const extraConfig = {
additionalClass: jsonExtraConfig.additionalClass,
modalPosition: jsonExtraConfig.modalPosition,
modalHeaderColor: jsonExtraConfig.modalHeaderColor,
modalHeaderBackgroundColor: jsonExtraConfig.modalHeaderBackgroundColor,
modalHeaderHidden: jsonExtraConfig.modalHeaderHidden,
modalHeaderContent: jsonExtraConfig.modalHeaderContent,
modalBodyHidden: jsonExtraConfig.modalBodyHidden,
modalBodyColor: jsonExtraConfig.modalBodyColor,
modalBodyBackgroundColor: jsonExtraConfig.modalBodyBackgroundColor,
HTMLContent: jsonExtraConfig.HTMLContent,
modalFooterColor: jsonExtraConfig.modalFooterColor,
modalFooterBackgroundColor: jsonExtraConfig.modalFooterBackgroundColor,
modalFooterHidden: jsonExtraConfig.modalFooterHidden,
modalFooterContent: jsonExtraConfig.modalFooterContent,
closeButtonColor: jsonExtraConfig.closeButtonColor,
closeButtonText: jsonExtraConfig.closeButtonText,
modalBackdropStatic: jsonExtraConfig.modalBackdropStatic,
destroyOnClose: jsonExtraConfig.destroyOnClose,
onCloseFunction: jsonExtraConfig.onCloseFunction
};
mainModalConfig = {
...mainModalConfig,
...extraConfig
};
}
// Instantiate modals.
let docModal = new LexperaModal(mainModalConfig);
// Initialize only on valid configuration.
// Invalid config ex: not existing targetElements.
if (!docModal.isInvalidConfiguration) {
// Open next chained modal in list when closing the last shown modal with same targetElement.
if (previousModal !== null &&
previousModal.modalParams.targetElement === docModal.modalParams.targetElement) {
// Continue chain if targetElement is existing.
if (isThisDomExisting(previousModal.modalParams.targetElement) || isThisDomExisting(docModal.modalParams.targetElement))
previousModal.onModalCloseExecute(() => docModal.show(m.DisplayDelay));
} else if (previousModal !== null &&
previousModal.modalParams.targetElement !== docModal.modalParams.targetElement) {
// Show for different targetElements.
// Clear previous modal pointer.
previousModal = null;
// Skip modals that are triggered with targetAction.
// Don't show if there's an existing active modal.
if (!docModal.modalParams.targetAction && !$("body").hasClass("modal-open"))
docModal.show(m.DisplayDelay);
}
else {
// Skip modals that are triggered with targetAction.
if (!docModal.modalParams.targetAction)
docModal.show(m.DisplayDelay);
}
// Change pointer to previous modal.
previousModal = docModal;
}
}
}
}
// TOOLTIPS.
if (popupData.Tooltips !== null) {
// Filter tooltips from db, local storage, and exclude list.
const showTooltips = [...FilteredPopups(popupData.Tooltips, [...popupNamesExcludeList])];
// Get first instance of config that has valid steps and DOM to highlight.
let t = showTooltips.find(tooltip => hasTooltipsDOMToHighlight(JSON.parse(tooltip.Steps)));
if (t !== undefined) {
let mainTooltipConfig = {
popupID: t.PopupID,
targetElement: t.TargetElement,
targetAction: t.TargetAction,
steps: JSON.parse(t.Steps),
configuration: JSON.parse(t.Configuration),
isRecurring: t.IsRecurring,
recurringDays: t.RecurringDays,
displayDelay: t.DisplayDelay,
zIndex: t.zIndex
};
// Extra tooltip config.
if (t.Configuration &&
t.Configuration !== null &&
typeof t.Configuration !== "undefined") {
const jsonExtraConfig = JSON.parse(t.Configuration);
const extraConfig = {
onCloseFunction: jsonExtraConfig.onCloseFunction
};
mainTooltipConfig = {
...mainTooltipConfig,
...extraConfig
};
}
// Instantiate tooltip.
let docTooltip = new LexperaTooltips(mainTooltipConfig);
}
}
}
}
});
}
function PopupCustomAction(popupid, value) {
$.ajax({
contentType: "application/json; charset=utf-8",
type: "POST",
url: "/Popup/PopupMarketingAction/",
data: JSON.stringify({ popupID: popupid, value: value }),
cache: false
});
}
/**
* Customizable lexpera banner to show on top or bottom.
*
* @param {*} bannerParams = pass objects for customizations.
* @param {string} bannerParams.position = Placement of banner; default is bottom, "top-sticky" is sticky top, "top" is before the body.
* @param {string} bannerParams.icon = Change icon. Pass html string or image location path.
* @param {string} bannerParams.content = Banner message.
* @param {string} bannerParams.color = Banner text color. Pass css values.
* @param {string} bannerParams.backgroundColor = Banner background color.
* @param {integer} bannerParams.zIndex = Alter z-index; Default is 10000 for 5 digits, adjust as needed to place on top of another banner.
* @param {string} bannerParams.bannerID = ID selector to banner.
* @param {string} bannerParams.popupID = Custom attribute for popup ID.
* @param {string} bannerParams.buttonDismissText = Button dismiss text.
* @param {string} bannerParams.buttonDismissColor = Button dismiss text color.
* @param {string} bannerParams.buttonDismissBackgroundColor = Button dismiss background color.
* @param {string} bannerParams.buttonDismissID = ID selector to dimiss button.
* @param {boolean} bannerParams.buttonDismissHidden = No dismiss button shown.
* @param {string} bannerParams.buttonDismissURL = Navigate to this url location. Takes precedence over bannerParams.buttonDismissFunction.
* @param {anonymous_function | string} bannerParams.buttonDismissFunction = Custom click event handler for dismiss button; Pass string of js declarations or pass name of function if without parameters, use anonymous function if with parameters () => callThisFunction(p1, p2, ...); Make sure to pass escaped characters for multi line js ex: \r \n \t
* @param {string} bannerParams.buttonCustomText = Button custom text.
* @param {string} bannerParams.buttonCustomColor = Button custom color.
* @param {string} bannerParams.buttonCustomBackgroundColor = Button custom background color.
* @param {string} bannerParams.buttonCustomID = ID selector to custom button.
* @param {string} bannerParams.buttonCustomURL = Navigate to this url location. Takes precedence over bannerParams.buttonCustomFunction. Shows the custom button.
* @param {boolean} bannerParams.buttonCustomDismissBanner = Dismisses the banner. Updates the data in localStorage and DB. Shows the custom button.
* @param {anonymous_function | string} bannerParams.buttonCustomFunction = Custom click event handler for custom button. Shows the custom button.
* @param {string} bannerParams.linkColor = Hyperlinks color.
* @param {string} bannerParams.type = Banner theme depending on type. Pass "custom" if you want to use color, backgroundColor, and linkColor.
* @param {boolean} bannerParams.visible = Hide the banner by default.
* @param {integer} bannerParams.displayDelay = Add delay to attach the banner to DOM. Pass in unit of seconds, ex: 6 will be 6 seconds.
* @param {integer} bannerParams.displayDuration = Remove the DOM after duration.
* @param {anonymous_function | string} bannerParams.onCloseFunction = Custom function when the banner gets closed automatically. "displayDuration" is required; Pass string of js declarations or pass name of function if without parameters, use anonymous function if with parameters () => callThisFunction(p1, p2, ...); Make sure to pass escaped characters for multi line js ex: \r \n \t
* @param {boolean} bannerParams.isRecurring = Flag to check if banner is recurring.
* @param {integer} bannerParams.recurringDays = Expiration date for the banner to reshow again from localStorage and DB.
*
*/
class LexperaBanner {
constructor(bannerParams) {
// CONSTANTS.
const COLOR_LEXPERA_BLUE = "#2F7A8E";
const COLOR_LEXPERA_GRAY = "#4E6066";
const COLOR_LEXPERA_LIGHTBLUE = "#17A2B8";
const COLOR_BLACK = "#000000";
const COLOR_DEFAULT_LINKS = "#E0AD58";
const COLOR_SUCCESS = "#28A745";
const COLOR_SUCCESS_LINKS = "#FFC107";
const COLOR_DANGER = "#DC3545";
const COLOR_DANGER_LINKS = "WHEAT";
const COLOR_DANGER_ANALOGOUS = "#DC7935";
const COLOR_WARNING = "#FFC107";
const COLOR_WARNING_LINKS = "#17A2B8";
const COLOR_WARNING_ANALOGOUS = "#FF4507";
const ACTION_TYPE_HIDE = "hide";
const ACTION_TYPE_DISMISS = "dismiss";
const POPUP_TYPE_BANNER = "BANNER";
const TEXT_DO_NOT_SHOW_AGAIN = "Don't show again";
const SLASH = "/";
// Build base HTML.
const markup = `
`;
// Create virtual wrapper.
let virtualDIV = document.createElement("div");
// Assign class for wrapper.
virtualDIV.className = "lexpera-banner";
// Transform to jQuery Object.
this.banner = $(virtualDIV);
// Default CSS for banner.
this.banner.css({
cssText: `
position: fixed;
bottom: 0;
left: 0;
min-height: max-content;
background-color: ${COLOR_LEXPERA_BLUE};
width: 100%;
display: flex;
align-items: center;
padding: 6px 8px 12px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
z-index: 10000;
color: white;
`,
});
// Append HTML body from markup.
virtualDIV.innerHTML = markup;
// Extract elements for styling and customizations.
let iconContainer = this.banner.children(".banner-icon");
let icon = iconContainer.children();
let messageContainer = this.banner.children(".banner-content");
let messageContent = messageContainer.find("span");
let buttonContainer = this.banner.children(".banner-buttons");
let buttons = buttonContainer.find("button");
let btnDismiss = buttonContainer.find("[lb-dismiss]");
let btnCustom = buttonContainer.find("[lb-custom]");
// Default configurations.
// Default css.
const DefaultCSS = () => {
this.banner.css({
"flex-direction": "column",
});
iconContainer.css({
cssText: `
align-self: flex-start;
padding-bottom: 8px;
min-width: 65px;
`,
});
icon.css({
cssText: `
width: 1rem;
height: 1rem;
`,
});
messageContainer.css({
cssText: `
flex: 1;
align-self: flex-start;
margin-bottom: 1rem;
word-break: break-word;
overflow-wrap: break-word;
`,
});
buttonContainer.css({
cssText: `
display: flex;
align-self: flex-end;
`,
});
buttons
.css({
cssText: `
margin-left: 8px;
margin-right: 8px;
font-size: 0.75rem;
border-radius: 0;
color: white;
`,
})
.addClass("btn-sm");
btnDismiss.css({
"background-color": COLOR_LEXPERA_GRAY,
});
btnCustom.css({
"background-color": COLOR_LEXPERA_LIGHTBLUE,
});
// Hover effects.
buttons
.on("mouseenter", (event) => {
// Prevent bubbling.
event.stopImmediatePropagation();
// Apply css.
$(event.target).css("filter", "brightness(1.1)");
})
.on("mouseleave", (event) => {
// Prevent bubbling.
event.stopImmediatePropagation();
// Remove css.
$(event.target).css("filter", "");
});
// Don't use cssText, so padding for earlier declarations
// can be overridden.
this.banner.children("div").css({
"padding-left": "12px",
"padding-right": "12px",
});
// Responsive.
if (window.innerWidth >= 768) {
this.banner.css({
"flex-direction": "row",
padding: "12px 6px 12px",
});
iconContainer.css({
"align-self": "center",
"padding-bottom": "",
});
icon.css({
width: "2rem",
height: "2rem",
});
messageContainer.css({
"align-self": "center",
"margin-bottom": "",
});
buttonContainer.css({
"align-self": "center",
});
buttons
.css({
"font-size": "0.9rem",
})
.removeClass("btn-sm");
}
};
// Customizations.
const ApplyCustomizations = (bannerParams) => {
// Parameters for customizations are present.
if (bannerParams) {
// Placement of banner.
if (bannerParams.position) {
switch (bannerParams.position.toLowerCase()) {
case "top-sticky":
this.banner.css({
top: "0",
bottom: "",
});
break;
case "top":
this.banner.css({
position: "",
});
default:
break;
}
}
// Icon.
if (bannerParams.icon) {
// Determine icon size.
let iconSize;
// Use passed html.
if (containsHTML(bannerParams.icon)) {
// Replace DOM.
iconContainer.html(bannerParams.icon);
// Adjust icon size according to viewport.
iconSize = window.innerWidth >= 768 ? "2rem" : "1rem";
// Apply icon css.
iconContainer.children().css({
width: iconSize,
height: iconSize,
"font-size": iconSize,
});
} else {
// Adjust icon size according to viewport.
iconSize = window.innerWidth >= 768 ? 100 : 50;
// Use image src.
iconContainer.html(`
`);
}
}
// Banner message.
if (bannerParams.content && bannerParams.content.trim().length > 0)
messageContent.html(bannerParams.content.trim());
// Default Hyperlink color and hover effect.
messageContainer
.find("a")
.css({
color: COLOR_DEFAULT_LINKS,
})
.on("mouseenter", (event) => {
$(event.target).css("text-decoration", "underline");
})
.on("mouseleave", (event) => {
$(event.target).css("text-decoration", "");
});
// Text Color.
if (bannerParams.color)
messageContent.css({
color: bannerParams.color,
});
// Background color.
if (bannerParams.backgroundColor)
this.banner.css({
backgroundColor: bannerParams.backgroundColor,
});
// Z-index.
if (bannerParams.zIndex)
this.banner.css({
zIndex: abs(bannerParams.zIndex),
});
// ID selector to banner.
if (bannerParams.bannerID) {
if (
typeof bannerParams.bannerID === "string" &&
isNaN(bannerParams.bannerID) &&
bannerParams.bannerID.trim().length > 0
)
// Assign ID.
this.banner.attr("id", bannerParams.bannerID);
}
// Custom attribute popup id.
if (bannerParams.popupID && !isNaN(bannerParams.popupID))
this.banner.attr("popup-id", abs(bannerParams.popupID));
// Button dismiss text.
if (
bannerParams.buttonDismissText &&
bannerParams.buttonDismissText.trim().length > 0
)
btnDismiss.text(bannerParams.buttonDismissText.trim());
// Button dismiss text color.
if (bannerParams.buttonDismissColor)
btnDismiss.css({
color: bannerParams.buttonDismissColor,
});
// Button dismiss background color.
if (bannerParams.buttonDismissBackgroundColor)
btnDismiss.css({
backgroundColor: bannerParams.buttonDismissBackgroundColor,
});
// ID selector to dimiss button.
if (bannerParams.buttonDismissID)
btnDismiss.attr("id", bannerParams.buttonDismissID);
// No dismiss button shown.
if (bannerParams.buttonDismissHidden === true) btnDismiss.remove();
// Click event for dismiss button.
btnDismiss.on("click", (event) => {
// Prevent bubbling.
event.stopImmediatePropagation();
// Declarations.
let expireDay, actionType;
// Get expiration day from parameters or set to max.
// Action type of popup.
if (bannerParams.isRecurring && bannerParams.recurringDays) {
expireDay = abs(bannerParams.recurringDays);
actionType = ACTION_TYPE_HIDE;
} else {
expireDay = null;
actionType = ACTION_TYPE_DISMISS;
}
if (!bannerParams.buttonDismissHidden && bannerParams.popupID) {
// Set expiration date for this popup in local storage.
setExpiringPopup(
abs(bannerParams.popupID),
POPUP_TYPE_BANNER,
expireDay
);
// Update dismiss banner table.
// Handle Popup Action Ajax Call.
$.ajax({
type: "POST",
url: "/Popup/HandlePopupActionAsync/",
data: {
popupID: abs(bannerParams.popupID),
actionType: actionType,
days: expireDay,
popupType: POPUP_TYPE_BANNER
},
error: (err) => console.log(`ERROR: ${err}`),
});
}
if (
bannerParams.buttonDismissURL &&
bannerParams.buttonDismissURL.trim().length > 0
)
// Navigate.
window.location.href =
window.location.origin +
SLASH +
bannerParams.buttonDismissURL;
else {
// Custom function.
if (bannerParams.buttonDismissFunction) {
if (
typeof bannerParams.buttonDismissFunction ===
"function"
)
// Call the passed function.
bannerParams.buttonDismissFunction();
else if (
typeof bannerParams.buttonDismissFunction ===
"string" &&
bannerParams.buttonDismissFunction.length > 0
) {
// Delete DOM.
$(event.target)
.parents(".lexpera-banner")
.remove();
// Execute string js declarations like eval.
// Create new function.
let virtualFunction = new Function(
bannerParams.buttonDismissFunction
);
// Call virtual function.
virtualFunction();
}
}
}
// Delete DOM.
$(event.target).parents(".lexpera-banner").remove();
});
// Button custom text.
if (
bannerParams.buttonCustomText &&
bannerParams.buttonCustomText.trim().length > 0
)
btnCustom.text(bannerParams.buttonCustomText.trim());
// Button custom text color.
if (bannerParams.buttonCustomColor)
btnCustom.css({
color: bannerParams.buttonCustomColor,
});
// Button custom background color.
if (bannerParams.buttonCustomBackgroundColor)
btnCustom.css({
backgroundColor: bannerParams.buttonCustomBackgroundColor,
});
// ID selector to custom button.
if (bannerParams.buttonCustomID)
btnCustom.attr("id", bannerParams.buttonCustomID);
// Show custom button.
if (
bannerParams.buttonCustomFunction ||
(bannerParams.buttonCustomURL &&
bannerParams.buttonCustomURL.trim().length > 0) ||
(bannerParams.buttonCustomDismissBanner &&
bannerParams.buttonCustomDismissBanner === true)
) {
// Remove attribute hidden.
btnCustom.attr("hidden", false);
// Change text of custom button.
if (bannerParams.buttonCustomDismissBanner)
btnCustom.text(TEXT_DO_NOT_SHOW_AGAIN);
// Custom click event handler for custom button.
btnCustom.on("click", (event) => {
// Prevent bubbling.
event.stopImmediatePropagation();
if (bannerParams.buttonCustomURL)
// Navigate.
window.location.href =
window.location.origin +
SLASH +
bannerParams.buttonCustomURL;
else if (bannerParams.buttonCustomFunction) {
if (
typeof bannerParams.buttonCustomFunction ===
"function"
) {
// Call the passed function.
bannerParams.buttonCustomFunction();
} else if (
typeof bannerParams.buttonCustomFunction ===
"string" &&
bannerParams.buttonCustomFunction.length > 0
) {
// Execute string js declarations like eval.
// Create new function.
let virtualFunction = new Function(
bannerParams.buttonCustomFunction
);
// Call virtual function.
virtualFunction();
}
} else if (bannerParams.buttonCustomDismissBanner) {
// Declarations.
let expireDay = null,
actionType = ACTION_TYPE_DISMISS;
if (bannerParams.popupID) {
// Set expiration date for this popup in local storage.
setExpiringPopup(
abs(bannerParams.popupID),
POPUP_TYPE_BANNER,
expireDay
);
// Update dismiss banner table.
// Handle Popup Action Ajax Call.
$.ajax({
type: "POST",
url: "/Popup/HandlePopupActionAsync/",
data: {
popupID: abs(bannerParams.popupID),
actionType: actionType,
days: expireDay,
popupType: POPUP_TYPE_BANNER
},
error: (err) =>
console.log(`ERROR: ${err}`),
});
}
}
// Delete DOM.
$(event.target).parents(".lexpera-banner").remove();
});
}
// Hyperlinks color.
if (bannerParams.linkColor) {
// Hyperlink color.
messageContainer.find("a").css({
color: bannerParams.linkColor,
});
}
// Banner theme depending on type.
if (bannerParams.type) {
switch (bannerParams.type.toLowerCase()) {
case "success":
// Background color.
this.banner.css({
backgroundColor: COLOR_SUCCESS,
});
// Hyperlink color.
messageContainer.find("a").css({
color: COLOR_SUCCESS_LINKS,
});
// Buttons background color.
btnDismiss.css({
backgroundColor: COLOR_LEXPERA_BLUE,
});
btnCustom.css({
backgroundColor: COLOR_BLACK,
});
break;
case "danger":
this.banner.css({
backgroundColor: COLOR_DANGER,
});
// Hyperlink color.
messageContainer.find("a").css({
color: COLOR_DANGER_LINKS,
});
// Buttons background color.
btnDismiss.css({
backgroundColor: COLOR_DANGER_ANALOGOUS,
});
btnCustom.css({
backgroundColor: COLOR_BLACK,
});
break;
case "warning":
this.banner.css({
backgroundColor: COLOR_WARNING,
});
// Hyperlink color.
messageContainer.find("a").css({
color: COLOR_WARNING_LINKS,
});
// Icon color.
iconContainer.children().css({
color: COLOR_BLACK,
});
// Text color.
messageContent.css({
color: COLOR_BLACK,
});
// Buttons background color.
btnDismiss.css({
backgroundColor: COLOR_WARNING_ANALOGOUS,
});
btnCustom.css({
backgroundColor: COLOR_BLACK,
});
break;
default:
break;
}
}
// Hide the banner.
if (bannerParams.visible === false) this.banner.hide();
// Add delay to attach the banner to DOM.
if (bannerParams.displayDelay) {
window.setTimeout(() => {
// Attach html to body.
AttachVirtualDIV(bannerParams.position);
}, abs(bannerParams.displayDelay) * 1000);
} else {
// Attach html to body.
AttachVirtualDIV(bannerParams.position);
}
// Remove the DOM after duration.
if (bannerParams.displayDuration) {
HideAfterDuration(bannerParams.displayDuration);
}
}
};
// Method of attaching DOM to body.
const AttachVirtualDIV = (position) => {
if (position && position.toLowerCase() === "top")
$("body").prepend(virtualDIV);
else $("body").append(virtualDIV);
// Remove the last banner instantiated if limit has been reached.
if (LexperaBanner.maxInstancesReached()) {
$(this.banner).remove();
throw "Error: You can only create up to 2 banners at the same time";
}
};
// Hide banner after duration.
const HideAfterDuration = (duration) => {
let totalDuration = abs(duration);
// Display delay is present.
if (bannerParams.displayDelay)
totalDuration = abs(bannerParams.displayDelay) + abs(duration);
if (duration) {
window.setTimeout(() => {
// Call custom function before automatic DOM removal.
if (bannerParams.onCloseFunction) {
if (typeof bannerParams.onCloseFunction === "function")
// Call the passed function.
bannerParams.onCloseFunction();
else if (
typeof bannerParams.onCloseFunction === "string" &&
bannerParams.onCloseFunction.length > 0
) {
// Execute string js declarations like eval.
// Create new function.
let virtualFunction = new Function(
bannerParams.onCloseFunction
);
// Call virtual function.
virtualFunction();
}
}
// Remove DOM.
this.banner.remove();
}, totalDuration * 1000);
}
};
// Banner defaults and customizations.
const Initialize = (bannerParams) => {
if (bannerParams && Object.keys(bannerParams).length > 0) {
// Call default styles.
DefaultCSS();
// Apply customizations.
ApplyCustomizations(bannerParams);
} else return;
};
// To avoid duplicates of same banner.
if (!isThisDomExisting(`#${bannerParams.bannerID}`))
// Initialize banner.
Initialize(bannerParams);
}
// Hide banner.
hide() {
this.banner.css({
display: "none",
});
}
// Show banner.
show() {
this.banner.css({
display: "flex",
});
}
// Remove banner completely.
destroy() {
$(this.banner).remove();
}
// Counts instances of class.
static maxInstancesReached() {
if (!this.numOfCreatedInstances) this.numOfCreatedInstances = 0;
return ++this.numOfCreatedInstances > 2;
}
}
/**
* Customizable lexpera modal.
* Minimum requirement of bootstrap v4.
*
* @param {*} modalParams = pass objects for customizations.
* @param {string} modalParams.modalID = ID selector to modal.
* @param {string} modalParams.popupID = Custom attribute for popup ID.
* @param {string} modalParams.additionalClass = Add class to popup.
* @param {string} modalParams.title = Modal title.
* @param {string} modalParams.content = Modal body content.
* @param {string} modalParams.type = Modal theme depending on type.
* @param {string} modalParams.modalSize = Modal size. Options: "small", "large", "extra-large".
* @param {string} modalParams.modalPosition = Modal position. Options: "top", default is center.
* @param {string} modalParams.modalHeaderColor = Modal header color.
* @param {string} modalParams.modalHeaderBackgroundColor = Modal header background color.
* @param {boolean} modalParams.modalHeaderHidden = Hide modal header.
* @param {string} modalParams.modalHeaderContent = Modal header content.
* @param {boolean} modalParams.modalBodyHidden = Hide modal body.
* @param {string} modalParams.modalBodyColor = Modal body color.
* @param {string} modalParams.modalBodyBackgroundColor = Modal body background color.
* @param {string} modalParams.modalFooterColor = Modal footer color.
* @param {string} modalParams.modalFooterBackgroundColor = Modal footer background color.
* @param {boolean} modalParams.modalFooterHidden = Hide modal footer.
* @param {string} modalParams.modalFooterContent = Modal footer content.
* @param {string} modalParams.closeButtonColor = Close button color.
* @param {string} modalParams.closeButtonText = Custom designed close button with text.
* @param {array | string} modalParams.actionButtons = Dynamic custom buttons and configuration.
* @param {string} modalParams.HTMLContent = Pass HTML content for modal body. Overwrites modalParams.content and modalParams.modalHeaderContent.
* @param {boolean} modalParams.visible = Hide the modal by default.
* @param {integer} modalParams.displayDelay = Add delay to attach the modal to DOM. Pass in unit of seconds, ex: 6 will be 6 seconds.
* @param {integer} modalParams.displayDuration = Hide the DOM after duration.
* @param {boolean} modalParams.isRecurring = Flag to check if modal is recurring.
* @param {integer} modalParams.recurringDays = Expiration date for the modal to reshow again from localStorage and DB.
* @param {string} modalParams.targetElement = Selector for a javascript event to interact with.
* @param {string} modalParams.targetAction = Pass javascript events to trigger modal showing. Visit this site for a reference of events "https://www.w3schools.com/jsref/dom_obj_event.asp"
* @param {boolean} modalParams.modalBackdropStatic = Makes modal backdrop dismissable only by clicking on "X" button.
* @param {boolean} modalParams.destroyOnClose = Remove modal on close.
* @param {anonymous_function | string} modalParams.onCloseFunction = Custom event handler that triggers upon modal close (clicking "X" button); Pass string of js declarations or pass name of function if without parameters, use anonymous function if with parameters () => callThisFunction(p1, p2, ...); Make sure to pass escaped characters for multi line js ex: \r \n \t
*
*/
class LexperaModal {
constructor(modalParams) {
// CONSTANTS.
const COLOR_LEXPERA_BLUE = "#2F7A8E";
const COLOR_WHITE = "#FFFFFF";
const COLOR_RED = "#FF0000";
const COLOR_SUCCESS = "#28A745";
const COLOR_DANGER = "#DC3545";
const COLOR_WARNING = "#FFC107";
const COLOR_INFO = "#17A2B8";
const COLOR_DARK = "#343A40";
const COLOR_MODAL_OVERLAY = "rgba(213,213,213, 0.5)";
const COLOR_MODAL_HEADER = "#EAE6D6";
const COLOR_MODAL_BODY = "#F4F2E9";
const ACTION_TYPE_HIDE = "hide";
const ACTION_TYPE_DISMISS = "dismiss";
const POPUP_TYPE_MODAL = "MODAL";
const WARNING_MESSAGE_TARGET_ELEMENT =
"Please provide valid configuration for targetElement and targetAction to initialize modal properly.";
const MAX_CLOSE_BUTTON_TEXT_LENGTH = 100;
const SLASH = "/";
// Build base HTML.
const markup = `
`;
// Create virtual wrapper.
let parentVirtualWrapper = document.createElement("div");
// Append HTML body from markup.
parentVirtualWrapper.innerHTML = markup;
// Extract elements for styling and customizations.
this.modal = $(parentVirtualWrapper).children(".lexpera-modal");
let modalDialog = this.modal.find(".modal-dialog");
let modalContent = this.modal.find(".modal-content");
let modalHeader = this.modal.find(".modal-header");
let modalTitle = this.modal.find(".modal-title");
let modalBody = this.modal.find(".modal-body");
let modalFooter = this.modal.find(".modal-footer");
let buttons = this.modal.find("button");
let btnModalClose = buttons.filter((b) =>
$(buttons[b]).hasClass("close")
);
let select = this.modal.find("select");
// Default configurations.
// Default css.
const DefaultCSS = () => {
this.modal.css({
"background-color": COLOR_MODAL_OVERLAY,
});
modalHeader.css({
"background-color": COLOR_MODAL_HEADER,
"border-bottom": 0,
"border-radius": 0,
});
modalContent.css({
"border-radius": 0,
border: 0,
});
modalBody.css({
"background-color": COLOR_MODAL_BODY,
});
modalFooter.css({
"background-color": COLOR_MODAL_BODY,
"border-top": 0,
"border-radius": 0,
"justify-content": "center",
});
buttons.css({
"border-radius": 0,
});
btnModalClose.css({
color: COLOR_LEXPERA_BLUE,
"text-shadow": "none",
});
// On focus of button modal close.
btnModalClose.on("focus", () => {
btnModalClose.css({
"box-shadow": "none",
outline: "none",
});
});
select.css({
"border-radius": 0,
});
};
// Customizations.
const ApplyCustomizations = (modalParams) => {
// Parameters for customizations are present.
if (modalParams) {
// ID selector to modal.
if (modalParams.modalID) {
if (
typeof modalParams.modalID === "string" &&
isNaN(modalParams.modalID) &&
modalParams.modalID.trim().length > 0
)
// Assign ID.
this.modal.attr("id", modalParams.modalID);
}
// Custom attribute popup id.
if (modalParams.popupID && !isNaN(modalParams.popupID))
this.modal.attr("popup-id", abs(modalParams.popupID));
// Add class.
if (modalParams.additionalClass) {
if (
typeof modalParams.additionalClass === "string" &&
modalParams.additionalClass.trim().length > 0
)
this.modal.addClass(modalParams.additionalClass);
}
// Modal title.
if (modalParams.title && modalParams.title.trim().length > 0)
modalTitle.html(modalParams.title.trim());
// Modal body content.
if (modalParams.content && modalParams.content.trim().length > 0)
modalBody.html(modalParams.content.trim());
// Modal sizes.
if (modalParams.modalSize) {
switch (modalParams.modalSize.toLowerCase()) {
case "small": {
// Clear existing size classes.
modalDialog
.removeClass("modal-sm modal-lg modal-xl")
.addClass("modal-sm");
break;
}
case "large": {
// Clear existing size classes.
modalDialog
.removeClass("modal-sm modal-lg modal-xl")
.addClass("modal-lg");
break;
}
case "extra-large": {
// Clear existing size classes.
modalDialog
.removeClass("modal-sm modal-lg modal-xl")
.addClass("modal-xl");
break;
}
default: {
// Clear existing size classes.
modalDialog.removeClass(
"modal-sm modal-lg modal-xl"
);
break;
}
}
}
// Modal position.
if (modalParams.modalPosition) {
switch (modalParams.modalPosition.toLowerCase()) {
case "top": {
modalDialog.css({
"justify-content": "flex-start",
});
break;
}
default:
break;
}
}
// Modal header color.
if (modalParams.modalHeaderColor) {
modalHeader.css({
color: modalParams.modalHeaderColor,
});
}
// Modal header background color.
if (modalParams.modalHeaderBackgroundColor) {
modalHeader.css({
"background-color": modalParams.modalHeaderBackgroundColor,
});
}
// Hide modal header.
if (
modalParams.modalHeaderHidden &&
modalParams.modalHeaderHidden === true
) {
// Hide.
modalHeader.hide();
// Relocate dismiss button.
RelocateModalClose();
}
// Modal header content.
if (
modalParams.modalHeaderContent &&
modalParams.modalHeaderContent.trim().length > 0
) {
// Relocate dismiss button.
RelocateModalClose();
// Apply html.
modalHeader.html(modalParams.modalHeaderContent.trim());
}
// Hide modal body.
if (modalParams.modalBodyHidden && modalParams.modalBodyHidden === true) {
// Hide.
modalBody.hide();
}
// Modal body color.
if (modalParams.modalBodyColor) {
let modBodyFooter = this.modal.find(
".modal-content, .modal-body, .modal-footer"
);
modBodyFooter.css({
color: modalParams.modalBodyColor,
});
}
// Modal body background color.
if (modalParams.modalBodyBackgroundColor) {
let modBodyFooter = this.modal.find(
".modal-content, .modal-body, .modal-footer"
);
modBodyFooter.css({
"background-color": modalParams.modalBodyBackgroundColor,
});
}
// Modal footer color.
if (modalParams.modalFooterColor) {
modalFooter.css({
color: modalParams.modalFooterColor,
});
}
// Modal footer background color.
if (modalParams.modalFooterBackgroundColor) {
modalFooter.css({
"background-color": modalParams.modalFooterBackgroundColor,
});
}
// Hide modal footer.
if (
modalParams.modalFooterHidden &&
modalParams.modalFooterHidden === true
) {
// Hide.
modalFooter.hide();
}
// Modal theme depending on type.
if (modalParams.type) {
// Apply to all these modal elements.
let modalElements = this.modal.find(
".modal-content, .modal-header, .modal-body, .modal-footer"
);
switch (modalParams.type.toLowerCase()) {
case "success":
modalElements.css({
backgroundColor: COLOR_SUCCESS,
});
// Adjust color of modal header.
modalHeader.css("filter", "hue-rotate(-10deg)");
break;
case "danger":
modalElements.css({
backgroundColor: COLOR_DANGER,
});
// Adjust color of modal body content and footer.
modalBody.css("filter", "hue-rotate(-15deg)");
modalFooter.css("filter", "hue-rotate(-15deg)");
break;
case "warning":
modalElements.css({
backgroundColor: COLOR_WARNING,
});
// Adjust color of modal header.
modalHeader.css("filter", "hue-rotate(-10deg)");
break;
case "info":
modalElements.css({
backgroundColor: COLOR_INFO,
});
// Adjust color of modal header.
modalHeader.css("filter", "hue-rotate(-10deg)");
break;
case "dark":
modalElements.css({
backgroundColor: COLOR_DARK,
});
// Color.
modalElements.css("color", COLOR_WHITE);
// Adjust color of modal header.
modalHeader.css("filter", "hue-rotate(-70deg)");
break;
default:
break;
}
}
// Dynamic custom buttons and configuration.
if (modalParams.actionButtons) {
// Get array config.
let btnConfig =
Array.isArray(modalParams.actionButtons) &&
modalParams.actionButtons.length
? [...modalParams.actionButtons]
: JSON.parse(modalParams.actionButtons);
// Create button container element.
let virtualButtonContainer = document.createElement("div");
// Assign class for container.
virtualButtonContainer.className = "lm-action-buttons";
// Iterate through array to create buttons and config.
btnConfig.map((btnParams) => {
// Create element.
let virtualButton = document.createElement("button");
// Add bootstrap btn class.
$(virtualButton).addClass("btn");
// Default button css.
$(virtualButton)
.css({
cssText: `
margin-left: 8px;
margin-right: 8px;
font-size: 0.75rem;
border-radius: 0;
color: white;
background-color: #4E6066;
`,
})
.addClass("btn-sm");
// Hover effects.
$(virtualButton)
.on("mouseenter", (event) => {
// Prevent bubbling.
event.stopImmediatePropagation();
// Apply css.
$(event.target).css(
"filter",
"brightness(1.1)"
);
})
.on("mouseleave", (event) => {
// Prevent bubbling.
event.stopImmediatePropagation();
// Remove css.
$(event.target).css("filter", "");
});
// Responsive.
if (window.innerWidth >= 768) {
$(virtualButton)
.css({
"font-size": "0.9rem",
})
.removeClass("btn-sm");
}
// Button ID.
if (btnParams.actionButtonID) {
if (
typeof btnParams.actionButtonID === "string" &&
isNaN(btnParams.actionButtonID) &&
btnParams.actionButtonID.trim().length > 0
)
// Assign ID.
$(virtualButton).attr(
"id",
btnParams.actionButtonID
);
}
// Button Text.
$(virtualButton).text(
btnParams.actionButtonText || "Cstm Button"
);
// Button color.
if (btnParams.actionButtonColor)
$(virtualButton).css({
color: btnParams.actionButtonColor,
});
// Button background color.
if (btnParams.actionButtonBackgroundColor)
$(virtualButton).css({
"background-color":
btnParams.actionButtonBackgroundColor,
});
// Click handler.
$(virtualButton).on("click", () => {
if (
btnParams.actionButtonURL &&
btnParams.actionButtonURL.trim().length > 0
)
// Navigate.
window.location.href =
window.location.origin +
SLASH +
btnParams.actionButtonURL;
// Pass custom function.
else if (btnParams.actionButtonFunction) {
if (
typeof btnParams.actionButtonFunction ===
"function"
)
// Call the passed function.
btnParams.actionButtonFunction();
else if (
typeof btnParams.actionButtonFunction ===
"string" &&
btnParams.actionButtonFunction.length > 0
) {
// Execute string js declarations like eval.
// Create new function.
let virtualFunction = new Function(
btnParams.actionButtonFunction
);
// Call virtual function.
virtualFunction();
}
}
});
// Append button to button container.
$(virtualButton).appendTo(virtualButtonContainer);
});
// Attach to modal footer.
modalFooter.append(virtualButtonContainer);
}
// Apply HTML to modal body.
if (
modalParams.HTMLContent &&
modalParams.HTMLContent.trim().length > 0
) {
// Relocate dismiss button.
RelocateModalClose();
// Detach modal footer.
if (modalParams.actionButtons || modalParams.modalFooterContent) {
// Modal footer.
let modFoot = modalFooter;
// Detach footer.
var detModFoot = modFoot.detach();
if (!modalParams.modalFooterBackgroundColor) {
// Clear default css.
modFoot.css({
"background-color": "",
});
}
}
// Apply html.
modalContent.html(modalParams.HTMLContent);
// Bootstrap event on show.
this.modal.on("show.bs.modal", function (event) {
// Reappend detached modal footer to modal content body.
if (modalParams.actionButtons || modalParams.modalFooterContent)
detModFoot.appendTo(modalContent);
});
}
// Footer content.
if (
modalParams.modalFooterContent &&
modalParams.modalFooterContent.trim().length > 0
) {
// Create footer content container element.
let footerContentContainer = document.createElement("div");
// Assign class for container.
footerContentContainer.className = "lm-footer-content";
// Apply CSS for footer content container.
$(footerContentContainer).css({
cssText: `
flex: 1;
margin-right: auto;
`,
});
// Apply content.
$(footerContentContainer).html(modalParams.modalFooterContent);
// Attach to modal footer as first child element.
modalFooter.prepend(footerContentContainer);
}
// Close button color.
if (modalParams.closeButtonColor) {
btnModalClose.css({
color: modalParams.closeButtonColor,
});
}
// Close button text.
if (modalParams.closeButtonText &&
modalParams.closeButtonText.trim().length > 0) {
// Trim text if exceeds max length.
if (modalParams.closeButtonText.trim().length > MAX_CLOSE_BUTTON_TEXT_LENGTH) {
modalParams.closeButtonText = modalParams.closeButtonText.trim().substring(0, MAX_CLOSE_BUTTON_TEXT_LENGTH);
}
// Create base close button markup.
let closeButtonMarkup = `
${modalParams.closeButtonText.trim()}
×
`;
// Change html.
btnModalClose.html(closeButtonMarkup);
// Apply css.
btnModalClose.css({
position: "fixed",
right: "10px",
top: "2px",
color: "rgb(255, 0, 0)",
textShadow: "none",
boxShadow: "none",
outline: "none",
transform: "none"
});
let btnModalCloseBody = btnModalClose.find("div");
// 1st span close button text.
let btnModalCloseText = btnModalClose.find("span").eq(0);
// 2nd span close button "X".
let btnModalCloseButton = btnModalClose.find("span").eq(1);
// Close button body css.
btnModalCloseBody.css({
backgroundColor: "red",
padding: "4px 40px 6px 10px",
borderRadius: "12px",
color: "white",
display: "inline-flex",
justifyContent: "center",
alignItems: "center"
});
// Close button text css.
btnModalCloseText.css("font-size", "12px");
// Close button "X" css.
btnModalCloseButton.css({
color: "white",
position: "fixed",
backgroundColor: "#2f7a8e",
right: "20px",
top: "0",
paddingRight: "3px",
paddingLeft: "3px",
height: "36px",
fontSize: "34px",
display: "flex",
alignItems: "center"
});
}
// Hide modal on button dismiss click.
btnModalClose.on("click", () => {
HideModal();
});
// Show modal on targetElement.
// Triggered by targetAction js DOM events.
if (
modalParams.targetElement &&
modalParams.targetAction &&
isThisDomExisting(modalParams.targetElement)
) {
$(`body`).on(
`${modalParams.targetAction}`,
`${modalParams.targetElement}`,
() => {
// Show if no attribute "lexpera-modal-dismissed" present.
if (
!$(`${modalParams.targetElement}`)[0].hasAttribute(
"lexpera-modal-dismissed"
)
) {
// Show modal.
this.modal.modal("show");
// Hide modal after duration.
HideAfterDuration(modalParams.displayDuration);
}
}
);
} else {
// Add delay to show modal or show right away.
if (modalParams.displayDelay) {
window.setTimeout(() => {
// Show modal
ShowModal(modalParams.visible);
}, abs(modalParams.displayDelay) * 1000);
} else {
// Show modal
ShowModal(modalParams.visible);
}
// Hide modal after duration.
HideAfterDuration(modalParams.displayDuration);
}
// On modal hide, destroy modal.
this.modal.on("hidden.bs.modal", function (event) {
if (modalParams.destroyOnClose && modalParams.destroyOnClose === true)
$(event.target).detach();
});
// Modal backdrop dismissable only by clicking on "X" button.
if (
modalParams.modalBackdropStatic &&
modalParams.modalBackdropStatic === true
) {
this.modal.on("show.bs.modal", function (event) {
// Set to static backdrop.
if (isLegacyBootstrap()) {
if ($(this).data("bs.modal").options)
$(this).data("bs.modal").options.backdrop = "static";
} else {
if ($(this).data("bs.modal")._config)
$(this).data("bs.modal")._config.backdrop = "static";
}
});
// Emulate the backdrop static effect of enlarging the modal.
$("body").on("click", (event) => {
let htmlBody = $(event.currentTarget);
if (htmlBody.hasClass("modal-open")) {
// Apply css.
this.modal.css({
transform: "scale(1.02)",
transition: "all 0.2s",
});
// Clean css.
setTimeout(() => {
this.modal.css("transform", "");
}, 110);
}
});
}
}
};
// Show modal depending on modalParams.visible.
const ShowModal = (visible) => {
// Show modal by default. Otherwise hide on demand.
if (
visible === undefined ||
typeof visible !== "boolean" ||
visible !== false
)
this.modal.modal("show");
};
// Hide modal after duration.
const HideAfterDuration = (duration) => {
let totalDuration = abs(duration);
// Display delay is present and target element is not existing.
if (
(!modalParams.targetAction ||
!isThisDomExisting(modalParams.targetElement)) &&
modalParams.displayDelay
)
totalDuration = abs(modalParams.displayDelay) + abs(duration);
if (duration) {
window.setTimeout(() => {
HideModal();
}, totalDuration * 1000);
}
};
// Hide the modal and perform sets of actions.
const HideModal = () => {
// Declarations.
let expireDay, actionType;
// Get expiration day from parameters or set to max.
// Action type of popup.
if (modalParams.isRecurring && modalParams.recurringDays) {
expireDay = abs(modalParams.recurringDays);
actionType = ACTION_TYPE_HIDE;
} else {
expireDay = null;
actionType = ACTION_TYPE_DISMISS;
}
if (modalParams.popupID) {
// Set expiration date for this popup in local storage.
setExpiringPopup(
abs(modalParams.popupID),
POPUP_TYPE_MODAL,
expireDay
);
// Set attribute for target element to not show again on js DOM event action.
if (
modalParams.targetElement &&
modalParams.targetAction &&
isThisDomExisting(modalParams.targetElement)
)
$(`${modalParams.targetElement}`).attr(
"lexpera-modal-dismissed",
true
);
// Update dismiss modal table.
// Handle Popup Action Ajax Call.
$.ajax({
type: "POST",
url: "/Popup/HandlePopupActionAsync/",
data: {
popupID: abs(modalParams.popupID),
actionType: actionType,
days: expireDay,
popupType: POPUP_TYPE_MODAL
},
error: (err) => console.log(`ERROR: ${err}`),
});
}
// Custom function.
if (modalParams.onCloseFunction) {
if (typeof modalParams.onCloseFunction === "function")
// Call the passed function.
modalParams.onCloseFunction();
else if (
typeof modalParams.onCloseFunction === "string" &&
modalParams.onCloseFunction.length > 0
) {
// Execute string js declarations like eval.
// Create new function.
let virtualFunction = new Function(modalParams.onCloseFunction);
// Call virtual function.
virtualFunction();
}
}
// Hide programmatically.
this.modal.modal("hide");
};
// Relocate modal close button.
const RelocateModalClose = () => {
// Get button close.
let btnX = btnModalClose;
// Detach close button from DOM.
let detBtnX = btnX.detach();
// Apply new CSS.
btnX.css({
cssText: `
position: fixed;
right: 8px;
top: 4px;
color: ${COLOR_RED};
transform: scale(1.5);
text-shadow: none;
`,
});
// Bootstrap event on show.
this.modal.on("show.bs.modal", function (event) {
// Reappend to DOM .modal.fade.
detBtnX.appendTo(event.target);
});
};
// Modal defaults and customizations.
const Initialize = (modalParams) => {
if (modalParams && Object.keys(modalParams).length > 0) {
// Initialize only when targetElement is existing or no targetElement and action provided.
if (
(!modalParams.targetElement && !modalParams.targetAction) ||
isThisDomExisting(modalParams.targetElement)
) {
// Call default styles.
DefaultCSS();
// Apply customizations.
ApplyCustomizations(modalParams);
// Reference the parameters in this class.
this.modalParams = modalParams;
// Attach DOM to HTML body.
$("body").append(parentVirtualWrapper);
// Remove parent wrapper.
this.modal.unwrap();
} else {
// Throw warning message.
console.warn(WARNING_MESSAGE_TARGET_ELEMENT);
// Set flag to invalid configuration.
this.isInvalidConfiguration = true;
}
} else return;
};
// Initialize modal.
Initialize(modalParams);
}
// Hide modal.
hide(duration) {
if (duration && !isNaN(duration)) {
window.setTimeout(() => {
this.modal.modal("hide");
}, Number(duration) * 1000);
} else this.modal.modal("hide");
}
// Show modal.
show(duration) {
if (duration && !isNaN(duration)) {
window.setTimeout(() => {
this.modal.modal("show");
}, Number(duration) * 1000);
} else this.modal.modal("show");
}
// Remove modal completely.
destroy() {
// Delete instance and data elements.
this.modal.modal("dispose");
// Remove completely.
this.modal.remove();
$(".modal-backdrop").remove();
// Remove defined styles and classes from body.
$("body").removeClass("modal-open").css("padding-right", "");
}
// Executes function body on modal instance button close.
onModalCloseExecute(fnBody) {
let btnInstanceClose = this.modal.find("button.close");
btnInstanceClose.on("click", function () {
if (typeof fnBody === "function") {
// Call the passed function.
fnBody();
} else if (typeof fnBody === "string" && fnBody > 0) {
// Create new function.
let virtualFunction = new Function(fnBody);
// Call virtual function.
virtualFunction();
}
});
}
}
/**
* Executes Driver.js with/without customizations.
* Driver.js must be installed.
* Visit link for customizations and step definitions. "https://github.com/kamranahmedse/driver.js/blob/cce1e72b05c0bd60fe5f7b9f7dc054449e91612d/readme.md"
*
* @param {*} tooltipsParams = pass objects for customizations.
* @param {integer} tooltipsParams.zIndex = Alter z-index; Default is 11000 for 5 digits.
* @param {string} tooltipsParams.popupID = Custom attribute for popup ID.
* @param {string} tooltipsParams.targetElement = Selector for a javascript event to interact with.
* @param {string} tooltipsParams.targetAction = Pass javascript events to trigger driver.js. Visit this site for a reference of events "https://www.w3schools.com/jsref/dom_obj_event.asp"
* @param {array | object} tooltipsParams.steps = Array of step definitions. "https://github.com/kamranahmedse/driver.js/blob/cce1e72b05c0bd60fe5f7b9f7dc054449e91612d/readme.md#step-definition"
* @param {object} tooltipsParams.configuration = Driver.js option definitions. "https://github.com/kamranahmedse/driver.js/blob/cce1e72b05c0bd60fe5f7b9f7dc054449e91612d/readme.md#driver-definition". Do not pass javascript code.
* @param {integer} tooltipsParams.displayDelay = Add delay to start driver js. Pass in unit of seconds, ex: 6 will be 6 seconds.
* @param {anonymous_function | string} tooltipsParams.onCloseFunction = Custom event handler that triggers upon Driver.js close; Pass string of js declarations or pass name of function if without parameters, use anonymous function if with parameters () => callThisFunction(p1, p2, ...); Make sure to pass escaped characters for multi line js ex: \r \n \t
* @param {boolean} tooltipsParams.isRecurring = Flag to check if tooltips is recurring.
* @param {integer} tooltipsParams.recurringDays = Expiration date for the tooltips to reshow again from localStorage and DB.
*
*/
class LexperaTooltips {
constructor(tooltipsParams) {
// CONSTANTS.
const ACTION_TYPE_HIDE = "hide";
const ACTION_TYPE_DISMISS = "dismiss";
const POPUP_TYPE_TOOLTIP = "TOOLTIP";
const SLASH = "/";
// Reference driver in constructor.
var driver = this.driver;
// Execute driver.js with/without config.
const ExecuteDriverJS = (tooltipsParams) => {
// Checks if tooltipsParams.steps is an object or array.
// Also checks tooltipsParams.steps if it has any highlightable element.
if (
tooltipsParams.steps &&
hasTooltipsDOMToHighlight(tooltipsParams.steps) &&
(Object.prototype.toString.call(tooltipsParams.steps) ===
"[object Object]" ||
Object.prototype.toString.call(tooltipsParams.steps) ===
"[object Array]")
) {
// Driver.js instance with option config.
if (tooltipsParams.configuration)
driver = new Driver(tooltipsParams.configuration);
// Normal Driver.js instance.
else driver = new Driver();
} else return;
// Set array.
let steps = [];
// Copy array.
if (Array.isArray(tooltipsParams.steps) && tooltipsParams.steps.length >= 1)
steps = [...tooltipsParams.steps];
// Push object into array.
else steps.push(tooltipsParams.steps);
// Define the steps for introduction.
driver.defineSteps(steps);
// Start the tooltips.
if (tooltipsParams.displayDelay && !isNaN(tooltipsParams.displayDelay)) {
setTimeout(() => {
driver.start();
}, abs(tooltipsParams.displayDelay) * 1000);
} else driver.start();
// Default css.
DefaultCSS();
// Define customizations.
ApplyCustomizations(tooltipsParams);
};
// Default css.
const DefaultCSS = () => {
// Extract elements for styling and customizations.
this.overlay = $(driver.document).find("#driver-page-overlay");
// Keep zIndex to 11000+ to keep above LexperaBanner and LexperaModal zIndex.
this.overlay.css({
cssText: `
z-index: 11000 !important;
`,
});
};
// Customizations.
const ApplyCustomizations = (tooltipsParams) => {
if (tooltipsParams) {
// Z-index.
if (tooltipsParams.zIndex) {
this.overlay.css({
cssText: `
z-index: ${abs(tooltipsParams.zIndex)} !important;
`,
});
}
// Some elements need to be "readied" before DOM manipulation.
$(driver.document).ready(() => {
// Custom attribute popup id.
if (tooltipsParams.popupID && !isNaN(tooltipsParams.popupID))
this.overlay.attr("popup-id", abs(tooltipsParams.popupID));
// Refresh parameters.
referenceParameters();
// Hide the tooltips and perform sets of actions.
$("body").on(
"click",
".driver-popover-footer button",
function (event) {
// Fech parameters.
let dataParams = $("body").data(
"lexpera-tooltips-tooltipsParams"
);
// Indicator for button close and last step.
let btnClose = $(event.target).hasClass(
"driver-close-btn"
);
let btnDone = $(event.target).hasClass(
"driver-next-btn"
);
let lastStep =
dataParams.driver.hasNextStep() === false;
// Trigger only on close and last step of tooltips.
if (btnClose || (btnDone && lastStep)) {
// Prevent bubbling.
event.stopImmediatePropagation();
// Declarations.
let expireDay, actionType;
// Get expiration day from parameters or set to max.
// Action type of popup.
if (
dataParams.isRecurring &&
dataParams.recurringDays &&
!lastStep
) {
expireDay = abs(dataParams.recurringDays);
actionType = ACTION_TYPE_HIDE;
} else {
expireDay = null;
actionType = ACTION_TYPE_DISMISS;
}
if (dataParams.popupID) {
// Set expiration date for this popup in local storage.
setExpiringPopup(
abs(dataParams.popupID),
POPUP_TYPE_TOOLTIP,
expireDay
);
// Set attribute for target element to not show again on js DOM event action.
if (
dataParams.targetElement &&
dataParams.targetAction &&
isThisDomExisting(dataParams.targetElement)
)
$(`${dataParams.targetElement}`).attr(
"lexpera-tooltips-dismissed",
true
);
// Update tooltips table.
// Handle Popup Action Ajax Call.
$.ajax({
type: "POST",
url: "/Popup/HandlePopupActionAsync/",
data: {
popupID: abs(dataParams.popupID),
actionType: actionType,
days: expireDay,
popupType: POPUP_TYPE_TOOLTIP
},
error: (err) =>
console.log(`ERROR: ${err}`),
});
}
// Custom function.
if (dataParams.onCloseFunction) {
if (
typeof dataParams.onCloseFunction ===
"function"
)
// Call the passed function.
dataParams.onCloseFunction();
else if (
typeof dataParams.onCloseFunction ===
"string" &&
dataParams.onCloseFunction.length > 0
) {
// Execute string js declarations like eval.
// Create new function.
let virtualFunction = new Function(
dataParams.onCloseFunction
);
// Call virtual function.
virtualFunction();
}
}
// Clear driver.js.
dataParams.driver.reset();
}
}
);
});
}
};
// Store parameters as reference to class and data.
const referenceParameters = () => {
// Add instance of driver.js to parameters.
tooltipsParams.driver = driver;
// Reference the parameters in this class.
this.tooltipsParams = tooltipsParams;
// Store the parameters into data.
$("body").data("lexpera-tooltips-tooltipsParams", tooltipsParams);
};
// Tooltips defaults and customizations.
const Initialize = (tooltipsParams) => {
if (tooltipsParams && Object.keys(tooltipsParams).length > 0) {
// Show tooltips on targetElement.
// Triggered by targetAction js DOM events.
if (tooltipsParams.targetElement
&& tooltipsParams.targetAction
&& tooltipsParams.targetElement.length
&& tooltipsParams.targetAction.length) {
$("body").on(
`${tooltipsParams.targetAction}`,
`${tooltipsParams.targetElement}`,
(event) => {
// For driver.js to bind properly.
event.stopPropagation();
// Show if no attribute "lexpera-tooltips-dismissed" present.
if (
!$(`${tooltipsParams.targetElement}`)[0].hasAttribute(
"lexpera-tooltips-dismissed"
)
)
// Execute driver.js.
ExecuteDriverJS(tooltipsParams);
}
);
} else {
// One instance allowed at a time if no target element and action provided.
if (!LexperaTooltips.maxInstancesReached())
// Execute driver.js.
ExecuteDriverJS(tooltipsParams);
}
// Refresh parameters.
referenceParameters();
} else return;
};
// Initialize tooltips.
Initialize(tooltipsParams);
}
// Return Driver.js instance if no target element and action provided.
// See link for Driver.js methods. "https://github.com/kamranahmedse/driver.js#api-methods"
// Check first for targetElement before using any driver.js methods.
// Ex: let lt = new LexperaTooltips(); if (!targetElement) lt.getDriverInstance().moveNext().
getDriverInstance() {
if (this.tooltipsParams && this.tooltipsParams.driver) return this.tooltipsParams.driver;
}
// Counts instances of class.
static maxInstancesReached() {
if (!this.numOfCreatedInstances) this.numOfCreatedInstances = 0;
return ++this.numOfCreatedInstances > 1;
}
}
/**
* COMMON FUNCTIONS
*/
/**
* Check if passed string is HTML.
*
* @param {string} str
* @returns
*/
const containsHTML = (str) => /<[a-z][\s\S]*>/i.test(str);
/**
* Return absolute number.
*
* @param {number} digit
* @returns
*/
const abs = (digit) => Math.abs(Number(digit));
/**
* Check if DOM is present on the page.
*
* @param {any} selector
* @returns
*/
const isThisDomExisting = (selector) => $(selector).length > 0;
/**
* Checks passed object/array for lexpera tooltips steps if it has any highlightable element.
*
* @param {any} steps
* @returns
*/
const hasTooltipsDOMToHighlight = (steps) => {
let result = false;
// Array.
if (Array.isArray(steps))
result = steps.some((el) => isThisDomExisting(el.element));
else {
// Check if DOM existing for "element" object property.
if (steps.hasOwnProperty("element"))
result = isThisDomExisting(steps["element"]);
}
return result;
};
/**
* Checks if bootstrap is at version 3.
*
* @returns
*/
const isLegacyBootstrap = () => Number($.fn.tooltip.Constructor.VERSION.at(0)) === 3;
/**
* Set expire days for dismissed popups in local storage.
*
* @param {number} key = Popup ID.
* @param {string} type = banner, modal, tooltips.
* @param {number} expiryDays = days before reshowing popup.
* @returns
*/
const setExpiringPopup = (key, type, expiryDays) => {
// For Object key.
const POPUP_KEY = `popup_${key}`;
// Declare date.
let expiryDate = new Date();
// Set expiration date.
expiryDays !== null
? expiryDate.setDate(expiryDate.getDate() + Number(expiryDays))
: (expiryDate = new Date("9999-12-31 23:59:59.997"));
// Instantiate array.
let arr = [];
// Instantiate object.
let obj = {};
// Set key with expiration date.
obj[POPUP_KEY] = {
type: type,
expiration: expiryDate,
};
// Fetch expired popups.
let expiredPopup = localStorage["popups.expiringPopup"]
? JSON.parse(localStorage["popups.expiringPopup"])
: null;
// Add popup to array if localstorage key is existing, otherwise create new.
if (expiredPopup && expiredPopup.length > 0) {
// Check if key is already existing.
const hasExistingKey = expiredPopup.some((el) =>
el.hasOwnProperty(POPUP_KEY)
);
// Add new item if not existing.
if (!hasExistingKey) {
expiredPopup.push(obj);
localStorage["popups.expiringPopup"] = JSON.stringify(expiredPopup);
}
return false;
} else {
arr.push(obj);
localStorage["popups.expiringPopup"] = JSON.stringify(arr);
}
};
/**
* Returns popupID list of dismissed popups.
* Removes popup on local storage if already expired.
*
* @returns
*/
const GetLSPopups = () => {
// Array holder.
let popups = [];
// Check if key existing.
if (localStorage["popups.expiringPopup"]) {
// Parse local storage data.
var expiredPopups = JSON.parse(localStorage["popups.expiringPopup"]);
// Return unexpired popups.
const dismissedList = expiredPopups.filter((el) => {
var now = new Date();
if (now < Date.parse(Object.values(el)[0].expiration)) return true;
});
// Update values and push to array holder.
if (dismissedList.length > 0) {
localStorage["popups.expiringPopup"] = JSON.stringify(dismissedList);
dismissedList.map((item) => {
// Extract popupID from key.
let key = Object.keys(item)[0].split("_").pop();
popups.push(Number(key));
});
}
// Remove localStorage key.
else localStorage.removeItem("popups.expiringPopup");
}
return popups;
};
/**
* Removes popup on local storage by type provided.
*
* @param {string} type = banner, modal, tooltip.
*/
const ClearLSPopupsByType = (type) => {
// Check if valid popup type.
const validPopupType = ["banner", "modal", "tooltip"]
.some(t => t === type.toLowerCase());
// Check if key existing.
if (localStorage["popups.expiringPopup"] && type && typeof type === "string" && validPopupType) {
// Parse local storage data.
var expiredPopups = JSON.parse(localStorage["popups.expiringPopup"]);
// Exclude from list by type provided.
const filteredList = expiredPopups.filter(
(el) =>
Object.values(el)[0].type.toLowerCase() !== type.toLowerCase()
);
// Update values of local storage.
if (filteredList.length > 0)
localStorage["popups.expiringPopup"] = JSON.stringify(filteredList);
// Remove localStorage key.
else localStorage.removeItem("popups.expiringPopup");
}
};
/**
* Returns filtered popups to show.
* Pass array of objects to filter from.
*
* @param {array} list = list from db, filters out by Popup "PopupID".
* @param {array} excludeList = custom list passed, filters out by Popup "Name".
* @returns
*/
const FilteredPopups = (list, excludeList) => {
// Fetch local storage dismissed IDs list.
let ls = [...GetLSPopups()];
// Declare empty array.
let filteredPopups = [];
if (list && list.length) {
// Filter popups to show.
// PopupID key is case-sensitive.
filteredPopups = [...list].filter(
(p) => !ls.find((lsKey) => lsKey === p["PopupID"])
);
// Filter out with excludelist.
if (excludeList && excludeList.length) {
filteredPopups = [...filteredPopups].filter(
(p) => !excludeList.find((exl) => exl.toLowerCase() === p["Name"].toLowerCase())
);
}
}
return filteredPopups;
};
/**
* Clear localStorage popups.expiringPopup if a different user is logging in.
* Pass in user model ParentUserName from server for checking user.
* Preferably insert code in Layout.cshtml script.
*
* @param {string} userName
* @returns
*/
const ClearPopupsUser = (userName) => {
// Exit code if username is same as localStorage["popups.userName"].
if (!userName
|| (userName !== undefined
&& userName === localStorage["popups.userName"])) return false;
// If logged in with a different user, remove localStorage for popups.
if (localStorage["popups.userName"]
&& localStorage["popups.userName"] !== userName) {
// Replace key in localStorage.
localStorage["popups.userName"] = userName;
// Clear popups in localStorage.
localStorage.removeItem("popups.expiringPopup");
} else
// Add key in localStorage if not existing.
localStorage["popups.userName"] = userName;
};
/**
* Clear popups by type in database and localStorage.
* @param {any} event
*/
function PopupsReset(event) {
// #popupsResetForm must be present DOM.
if (isThisDomExisting("#popupsResetForm")) {
// Prevent reload of form.
event.preventDefault();
// Store checkbox value into an array.
let popupTypes = [...$('#popupsResetForm :checked')].map(cbox => cbox.value);
// Check if valid array.
if (popupTypes && popupTypes.length) {
// Clear popups in localstorage.
popupTypes.map(popup => ClearLSPopupsByType(popup));
// Clear popups in db by type.
$.ajax({
type: "POST",
url: "/Popup/HandlePopupDeleteAsync/",
beforeSend: function () {
// Show spinner.
$('#btnPopupsReset #loaderIndicator').show();
},
data: { popupTypes },
complete: function () {
// Hide spinner.
$('#btnPopupsReset #loaderIndicator').hide();
},
error: (err) => console.log(`ERROR: ${err}`)
});
}
}
};
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Driver=e():t.Driver=e()}(window,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/dist/",n(n.s=57)}([function(t,e,n){var o=n(2),i=n(11),r=n(4),s=n(13),a=n(22),c=function(t,e,n){var u,l,h,f,p=t&c.F,d=t&c.G,v=t&c.S,y=t&c.P,g=t&c.B,m=d?o:v?o[e]||(o[e]={}):(o[e]||{}).prototype,b=d?i:i[e]||(i[e]={}),w=b.prototype||(b.prototype={});for(u in d&&(n=e),n)h=((l=!p&&m&&void 0!==m[u])?m:n)[u],f=g&&l?a(h,o):y&&"function"==typeof h?a(Function.call,h):h,m&&s(m,u,h,t&c.U),b[u]!=h&&r(b,u,f),y&&w[u]!=h&&(w[u]=h)};o.core=i,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,e,n){var o=n(17)("wks"),i=n(14),r=n(2).Symbol,s="function"==typeof r;(t.exports=function(t){return o[t]||(o[t]=s&&r[t]||(s?r:i)("Symbol."+t))}).store=o},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var o=n(5),i=n(16);t.exports=n(6)?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var o=n(12),i=n(35),r=n(21),s=Object.defineProperty;e.f=n(6)?Object.defineProperty:function(t,e,n){if(o(t),e=r(e,!0),o(n),i)try{return s(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){t.exports=!n(7)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var o=n(39),i=n(24);t.exports=function(t){return o(i(t))}},function(t,e,n){var o=n(0);o(o.S+o.F*!n(6),"Object",{defineProperty:n(5).f})},function(t,e){var n=t.exports={version:"2.6.9"};"number"==typeof __e&&(__e=n)},function(t,e,n){var o=n(3);t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var o=n(2),i=n(4),r=n(8),s=n(14)("src"),a=n(59),c=(""+a).split("toString");n(11).inspectSource=function(t){return a.call(t)},(t.exports=function(t,e,n,a){var u="function"==typeof n;u&&(r(n,"name")||i(n,"name",e)),t[e]!==n&&(u&&(r(n,s)||i(n,s,t[e]?""+t[e]:c.join(String(e)))),t===o?t[e]=n:a?t[e]?t[e]=n:i(t,e,n):(delete t[e],i(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[s]||a.call(this)})},function(t,e){var n=0,o=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+o).toString(36))}},function(t,e,n){var o=n(45),i=n(28);t.exports=Object.keys||function(t){return o(t,i)}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var o=n(11),i=n(2),r=i["__core-js_shared__"]||(i["__core-js_shared__"]={});(t.exports=function(t,e){return r[t]||(r[t]=void 0!==e?e:{})})("versions",[]).push({version:o.version,mode:n(18)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(t,e){t.exports=!1},function(t,e,n){var o=n(24);t.exports=function(t){return Object(o(t))}},function(t,e,n){"use strict";var o=n(2),i=n(8),r=n(6),s=n(0),a=n(13),c=n(62).KEY,u=n(7),l=n(17),h=n(26),f=n(14),p=n(1),d=n(43),v=n(44),y=n(63),g=n(42),m=n(12),b=n(3),w=n(19),x=n(9),S=n(21),O=n(16),k=n(30),P=n(67),E=n(49),N=n(47),j=n(5),L=n(15),T=E.f,C=j.f,_=P.f,M=o.Symbol,H=o.JSON,B=H&&H.stringify,F=p("_hidden"),I=p("toPrimitive"),R={}.propertyIsEnumerable,A=l("symbol-registry"),z=l("symbols"),D=l("op-symbols"),V=Object.prototype,W="function"==typeof M&&!!N.f,q=o.QObject,G=!q||!q.prototype||!q.prototype.findChild,K=r&&u(function(){return 7!=k(C({},"a",{get:function(){return C(this,"a",{value:7}).a}})).a})?function(t,e,n){var o=T(V,e);o&&delete V[e],C(t,e,n),o&&t!==V&&C(V,e,o)}:C,U=function(t){var e=z[t]=k(M.prototype);return e._k=t,e},Y=W&&"symbol"==typeof M.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof M},J=function(t,e,n){return t===V&&J(D,e,n),m(t),e=S(e,!0),m(n),i(z,e)?(n.enumerable?(i(t,F)&&t[F][e]&&(t[F][e]=!1),n=k(n,{enumerable:O(0,!1)})):(i(t,F)||C(t,F,O(1,{})),t[F][e]=!0),K(t,e,n)):C(t,e,n)},X=function(t,e){m(t);for(var n,o=y(e=x(e)),i=0,r=o.length;r>i;)J(t,n=o[i++],e[n]);return t},Q=function(t){var e=R.call(this,t=S(t,!0));return!(this===V&&i(z,t)&&!i(D,t))&&(!(e||!i(this,t)||!i(z,t)||i(this,F)&&this[F][t])||e)},$=function(t,e){if(t=x(t),e=S(e,!0),t!==V||!i(z,e)||i(D,e)){var n=T(t,e);return!n||!i(z,e)||i(t,F)&&t[F][e]||(n.enumerable=!0),n}},Z=function(t){for(var e,n=_(x(t)),o=[],r=0;n.length>r;)i(z,e=n[r++])||e==F||e==c||o.push(e);return o},tt=function(t){for(var e,n=t===V,o=_(n?D:x(t)),r=[],s=0;o.length>s;)!i(z,e=o[s++])||n&&!i(V,e)||r.push(z[e]);return r};W||(a((M=function(){if(this instanceof M)throw TypeError("Symbol is not a constructor!");var t=f(arguments.length>0?arguments[0]:void 0),e=function(n){this===V&&e.call(D,n),i(this,F)&&i(this[F],t)&&(this[F][t]=!1),K(this,t,O(1,n))};return r&&G&&K(V,t,{configurable:!0,set:e}),U(t)}).prototype,"toString",function(){return this._k}),E.f=$,j.f=J,n(48).f=P.f=Z,n(29).f=Q,N.f=tt,r&&!n(18)&&a(V,"propertyIsEnumerable",Q,!0),d.f=function(t){return U(p(t))}),s(s.G+s.W+s.F*!W,{Symbol:M});for(var et="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),nt=0;et.length>nt;)p(et[nt++]);for(var ot=L(p.store),it=0;ot.length>it;)v(ot[it++]);s(s.S+s.F*!W,"Symbol",{for:function(t){return i(A,t+="")?A[t]:A[t]=M(t)},keyFor:function(t){if(!Y(t))throw TypeError(t+" is not a symbol!");for(var e in A)if(A[e]===t)return e},useSetter:function(){G=!0},useSimple:function(){G=!1}}),s(s.S+s.F*!W,"Object",{create:function(t,e){return void 0===e?k(t):X(k(t),e)},defineProperty:J,defineProperties:X,getOwnPropertyDescriptor:$,getOwnPropertyNames:Z,getOwnPropertySymbols:tt});var rt=u(function(){N.f(1)});s(s.S+s.F*rt,"Object",{getOwnPropertySymbols:function(t){return N.f(w(t))}}),H&&s(s.S+s.F*(!W||u(function(){var t=M();return"[null]"!=B([t])||"{}"!=B({a:t})||"{}"!=B(Object(t))})),"JSON",{stringify:function(t){for(var e,n,o=[t],i=1;arguments.length>i;)o.push(arguments[i++]);if(n=e=o[1],(b(e)||void 0!==t)&&!Y(t))return g(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!Y(e))return e}),o[1]=e,B.apply(H,o)}}),M.prototype[I]||n(4)(M.prototype,I,M.prototype.valueOf),h(M,"Symbol"),h(Math,"Math",!0),h(o.JSON,"JSON",!0)},function(t,e,n){var o=n(3);t.exports=function(t,e){if(!o(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!o(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!o(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!o(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var o=n(37);t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,i){return t.call(e,n,o,i)}}return function(){return t.apply(e,arguments)}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){"use strict";var o=n(7);t.exports=function(t,e){return!!t&&o(function(){e?t.call(null,function(){},1):t.call(null)})}},function(t,e,n){var o=n(5).f,i=n(8),r=n(1)("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,r)&&o(t,r,{configurable:!0,value:e})}},function(t,e,n){var o=n(17)("keys"),i=n(14);t.exports=function(t){return o[t]||(o[t]=i(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var o=n(12),i=n(65),r=n(28),s=n(27)("IE_PROTO"),a=function(){},c=function(){var t,e=n(36)("iframe"),o=r.length;for(e.style.display="none",n(66).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("