/* eslint-disable */
this.BX = this.BX || {};
(function (exports,main_core) {
	'use strict';

	/**
	 * @namespace {BX.UI}
	 */
	class AlertColor {}
	AlertColor.DEFAULT = 'ui-alert-default';
	AlertColor.DANGER = 'ui-alert-danger';
	AlertColor.SUCCESS = 'ui-alert-success';
	AlertColor.WARNING = 'ui-alert-warning';
	AlertColor.PRIMARY = 'ui-alert-primary';
	AlertColor.INFO = 'ui-alert-info';

	/**
	 * @namespace {BX.UI}
	 */
	class AlertSize {}
	AlertSize.MD = 'ui-alert-md';
	AlertSize.XS = 'ui-alert-xs';

	/**
	 * @namespace {BX.UI}
	 */
	class AlertIcon {}
	AlertIcon.NONE = '';
	AlertIcon.INFO = 'ui-alert-icon-info';
	AlertIcon.WARNING = 'ui-alert-icon-warning';
	AlertIcon.DANGER = 'ui-alert-icon-danger';
	AlertIcon.FORBIDDEN = 'ui-alert-icon-forbidden';

	let _ = t => t,
	  _t;
	class Alert {
	  constructor(options) {
	    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
	  setColor(color) {
	    this.color = color;
	    this.setClassList();
	  }
	  getColor() {
	    return this.color;
	  }

	  // endregion

	  //region SIZE
	  setSize(size) {
	    this.size = size;
	    this.setClassList();
	  }
	  getSize() {
	    return this.size;
	  }

	  // endregion

	  //region ICON
	  setIcon(icon) {
	    this.icon = icon;
	    this.setClassList();
	  }
	  getIcon() {
	    return this.icon;
	  }

	  // endregion

	  //region TEXT
	  setText(text) {
	    if (main_core.Type.isStringFilled(text)) {
	      this.text = text;
	      this.getTextContainer().innerHTML = text;
	    }
	  }
	  getText() {
	    return this.text;
	  }
	  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
	  setCloseBtn(closeBtn) {
	    this.closeBtn = closeBtn;
	  }
	  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;
	  }
	  handleCloseBtnClick() {
	    if (this.animated === true) {
	      this.animateClosing();
	    } else {
	      main_core.Dom.remove(this.container);
	    }
	  }

	  // endregion

	  // region Custom HTML
	  setBeforeMessageHtml(element) {
	    if (main_core.Type.isElementNode(element) && element !== false) {
	      this.beforeMessageHtml = element;
	    }
	  }
	  getBeforeMessageHtml() {
	    return this.beforeMessageHtml;
	  }
	  setAfterMessageHtml(element) {
	    if (main_core.Type.isElementNode(element) && element !== false) {
	      this.afterMessageHtml = element;
	    }
	  }
	  getAfterMessageHtml() {
	    return this.afterMessageHtml;
	  }

	  //endregion

	  //region CUSTOM CLASS
	  setCustomClass(customClass) {
	    this.customClass = customClass;
	    this.updateClassList();
	  }
	  getCustomClass() {
	    return this.customClass;
	  }

	  // endregion

	  //region CLASS LIST
	  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();
	  }
	  getClassList() {
	    return this.classList;
	  }
	  updateClassList() {
	    if (!this.container) {
	      this.getContainer();
	    }
	    this.container.setAttribute("class", this.classList);
	  }

	  // endregion

	  //region ANIMATION
	  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);
	  }
	  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

	  show() {
	    this.animateOpening();
	  }
	  hide() {
	    this.animateClosing();
	  }
	  getContainer() {
	    this.container = main_core.Tag.render(_t || (_t = _`<div class="${0}">${0}</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;
	  }
	  render() {
	    return this.getContainer();
	  }
	  renderTo(node) {
	    if (main_core.Type.isDomNode(node)) {
	      return node.appendChild(this.getContainer());
	    }
	    return null;
	  }
	  destroy() {
	    main_core.Dom.remove(this.container);
	    this.container = null;
	    this.finished = false;
	    this.textAfterContainer = null;
	    this.textBeforeContainer = null;
	    this.bar = null;
	    for (const property in this) {
	      if (this.hasOwnProperty(property)) {
	        delete this[property];
	      }
	    }
	    Object.setPrototypeOf(this, null);
	  }
	}
	Alert.Color = AlertColor;
	Alert.Size = AlertSize;
	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