Your IP : 108.162.216.193
this.BX = this.BX || {};
(function (exports,main_core) {
'use strict';
/**
* @namespace {BX.UI}
*/
var AlertColor = function AlertColor() {
babelHelpers.classCallCheck(this, AlertColor);
};
babelHelpers.defineProperty(AlertColor, "DEFAULT", 'ui-alert-default');
babelHelpers.defineProperty(AlertColor, "DANGER", 'ui-alert-danger');
babelHelpers.defineProperty(AlertColor, "SUCCESS", 'ui-alert-success');
babelHelpers.defineProperty(AlertColor, "WARNING", 'ui-alert-warning');
babelHelpers.defineProperty(AlertColor, "PRIMARY", 'ui-alert-primary');
babelHelpers.defineProperty(AlertColor, "INFO", 'ui-alert-info');
/**
* @namespace {BX.UI}
*/
var AlertSize = function AlertSize() {
babelHelpers.classCallCheck(this, AlertSize);
};
babelHelpers.defineProperty(AlertSize, "MD", 'ui-alert-md');
babelHelpers.defineProperty(AlertSize, "XS", 'ui-alert-xs');
/**
* @namespace {BX.UI}
*/
var AlertIcon = function AlertIcon() {
babelHelpers.classCallCheck(this, AlertIcon);
};
babelHelpers.defineProperty(AlertIcon, "NONE", '');
babelHelpers.defineProperty(AlertIcon, "INFO", 'ui-alert-icon-info');
babelHelpers.defineProperty(AlertIcon, "WARNING", 'ui-alert-icon-warning');
babelHelpers.defineProperty(AlertIcon, "DANGER", 'ui-alert-icon-danger');
babelHelpers.defineProperty(AlertIcon, "FORBIDDEN", 'ui-alert-icon-forbidden');
var _templateObject;
var Alert = /*#__PURE__*/function () {
function Alert(options) {
babelHelpers.classCallCheck(this, Alert);
this.text = options.text;
this.color = options.color;
this.size = options.size;
this.icon = options.icon;
this.closeBtn = !!options.closeBtn ? true : options.closeBtn;
this.animated = !!options.animated ? true : options.animated;
this.customClass = options.customClass;
this.beforeMessageHtml = main_core.Type.isElementNode(options.beforeMessageHtml) ? options.beforeMessageHtml : false;
this.afterMessageHtml = main_core.Type.isElementNode(options.afterMessageHtml) ? options.afterMessageHtml : false;
this.setText(this.text);
this.setSize(this.size);
this.setIcon(this.icon);
this.setColor(this.color);
this.setCloseBtn(this.closeBtn);
this.setCustomClass(this.customClass);
} //region COLOR
babelHelpers.createClass(Alert, [{
key: "setColor",
value: function setColor(color) {
this.color = color;
this.setClassList();
}
}, {
key: "getColor",
value: function getColor() {
return this.color;
} // endregion
//region SIZE
}, {
key: "setSize",
value: function setSize(size) {
this.size = size;
this.setClassList();
}
}, {
key: "getSize",
value: function getSize() {
return this.size;
} // endregion
//region ICON
}, {
key: "setIcon",
value: function setIcon(icon) {
this.icon = icon;
this.setClassList();
}
}, {
key: "getIcon",
value: function getIcon() {
return this.icon;
} // endregion
//region TEXT
}, {
key: "setText",
value: function setText(text) {
if (main_core.Type.isStringFilled(text)) {
this.text = text;
this.getTextContainer().innerHTML = text;
}
}
}, {
key: "getText",
value: function getText() {
return this.text;
}
}, {
key: "getTextContainer",
value: function getTextContainer() {
if (!this.textContainer) {
this.textContainer = main_core.Dom.create('span', {
props: {
className: 'ui-alert-message'
},
html: this.text
});
}
return this.textContainer;
} // endregion
// region CLOSE BTN
}, {
key: "setCloseBtn",
value: function setCloseBtn(closeBtn) {
this.closeBtn = closeBtn;
}
}, {
key: "getCloseBtn",
value: function getCloseBtn() {
if (this.closeBtn != true) {
return;
}
if (!this.closeNode && this.closeBtn === true) {
this.closeNode = main_core.Dom.create("span", {
props: {
className: "ui-alert-close-btn"
},
events: {
click: this.handleCloseBtnClick.bind(this)
}
});
}
return this.closeNode;
}
}, {
key: "handleCloseBtnClick",
value: function handleCloseBtnClick() {
if (this.animated === true) {
this.animateClosing();
} else {
main_core.Dom.remove(this.container);
}
} // endregion
// region Custom HTML
}, {
key: "setBeforeMessageHtml",
value: function setBeforeMessageHtml(element) {
if (main_core.Type.isElementNode(element) && element !== false) {
this.beforeMessageHtml = element;
}
}
}, {
key: "getBeforeMessageHtml",
value: function getBeforeMessageHtml() {
return this.beforeMessageHtml;
}
}, {
key: "setAfterMessageHtml",
value: function setAfterMessageHtml(element) {
if (main_core.Type.isElementNode(element) && element !== false) {
this.afterMessageHtml = element;
}
}
}, {
key: "getAfterMessageHtml",
value: function getAfterMessageHtml() {
return this.afterMessageHtml;
} //endregion
//region CUSTOM CLASS
}, {
key: "setCustomClass",
value: function setCustomClass(customClass) {
this.customClass = customClass;
this.updateClassList();
}
}, {
key: "getCustomClass",
value: function getCustomClass() {
return this.customClass;
} // endregion
//region CLASS LIST
}, {
key: "setClassList",
value: function setClassList() {
this.classList = "ui-alert";
if (typeof this.getColor() != "undefined") {
this.classList = this.classList + " " + this.color;
}
if (typeof this.getSize() != "undefined") {
this.classList = this.classList + " " + this.size;
}
if (typeof this.getIcon() != "undefined") {
this.classList = this.classList + " " + this.icon;
}
if (typeof this.getCustomClass() != "undefined") {
this.classList = this.classList + " " + this.customClass;
}
this.updateClassList();
}
}, {
key: "getClassList",
value: function getClassList() {
return this.classList;
}
}, {
key: "updateClassList",
value: function updateClassList() {
if (!this.container) {
this.getContainer();
}
this.container.setAttribute("class", this.classList);
} // endregion
//region ANIMATION
}, {
key: "animateOpening",
value: function animateOpening() {
this.container.style.overflow = "hidden";
this.container.style.height = 0;
this.container.style.paddingTop = 0;
this.container.style.paddingBottom = 0;
this.container.style.marginBottom = 0;
this.container.style.opacity = 0;
setTimeout(function () {
this.container.style.height = this.container.scrollHeight + "px";
this.container.style.height = "";
this.container.style.paddingTop = "";
this.container.style.paddingBottom = "";
this.container.style.marginBottom = "";
this.container.style.opacity = "";
}.bind(this), 10);
setTimeout(function () {
this.container.style.height = "";
}.bind(this), 200);
}
}, {
key: "animateClosing",
value: function animateClosing() {
this.container.style.overflow = "hidden";
var alertWrapPos = main_core.Dom.getPosition(this.container);
this.container.style.height = alertWrapPos.height + "px";
setTimeout(function () {
this.container.style.height = 0;
this.container.style.paddingTop = 0;
this.container.style.paddingBottom = 0;
this.container.style.marginBottom = 0;
this.container.style.opacity = 0;
}.bind(this), 10);
setTimeout(function () {
main_core.Dom.remove(this.container);
}.bind(this), 260);
} //endregion
}, {
key: "show",
value: function show() {
this.animateOpening();
}
}, {
key: "hide",
value: function hide() {
this.animateClosing();
}
}, {
key: "getContainer",
value: function getContainer() {
this.container = main_core.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\">", "</div>"])), this.getClassList(), this.getTextContainer());
if (this.animated === true) {
this.animateOpening();
}
if (this.closeBtn === true) {
main_core.Dom.append(this.getCloseBtn(), this.container);
}
if (main_core.Type.isElementNode(this.beforeMessageHtml)) {
main_core.Dom.prepend(this.getBeforeMessageHtml(), this.getTextContainer());
}
if (main_core.Type.isElementNode(this.afterMessageHtml)) {
main_core.Dom.append(this.getAfterMessageHtml(), this.getTextContainer());
}
return this.container;
}
}, {
key: "render",
value: function render() {
return this.getContainer();
}
}, {
key: "renderTo",
value: function renderTo(node) {
if (main_core.Type.isDomNode(node)) {
return node.appendChild(this.getContainer());
}
return null;
}
}, {
key: "destroy",
value: function destroy() {
main_core.Dom.remove(this.container);
this.container = null;
this.finished = false;
this.textAfterContainer = null;
this.textBeforeContainer = null;
this.bar = null;
for (var property in this) {
if (this.hasOwnProperty(property)) {
delete this[property];
}
}
Object.setPrototypeOf(this, null);
}
}]);
return Alert;
}();
babelHelpers.defineProperty(Alert, "Color", AlertColor);
babelHelpers.defineProperty(Alert, "Size", AlertSize);
babelHelpers.defineProperty(Alert, "Icon", AlertIcon);
exports.Alert = Alert;
exports.AlertColor = AlertColor;
exports.AlertSize = AlertSize;
exports.AlertIcon = AlertIcon;
}((this.BX.UI = this.BX.UI || {}),BX));
//# sourceMappingURL=alert.bundle.js.map