/* eslint-disable */
(function (exports,main_core) {
	'use strict';

	var _templateObject;
	function layout() {
	  var container = main_core.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["\n\t\t<div class=\"main-ui-loader main-ui-hide\">\n\t\t\t<svg class=\"main-ui-loader-svg\" viewBox=\"25 25 50 50\">\n\t\t\t\t<circle class=\"main-ui-loader-svg-circle\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke-miterlimit=\"10\">\n\t\t\t</svg>\n\t\t</div>\n\t"])));
	  var circle = container.querySelector('.main-ui-loader-svg-circle');
	  return {
	    container: container,
	    circle: circle
	  };
	}

	var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
	function show(element) {
	  if (!main_core.Type.isDomNode(element)) {
	    return Promise.reject(new Error('element is not Element'));
	  }
	  return new Promise(function (resolve) {
	    if (element.dataset.isShown === 'false' || !element.dataset.isShown) {
	      var handler = function handler(event) {
	        if (event.animationName === 'showMainLoader') {
	          main_core.Event.unbind(element, 'animationend', handler);
	          resolve(event);
	        }
	      };
	      main_core.Event.bind(element, 'animationend', handler);
	      main_core.Tag.attrs(element)(_templateObject$1 || (_templateObject$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\tdata-is-shown: true;\n\t\t\t"])));
	      main_core.Tag.style(element)(_templateObject2 || (_templateObject2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\tdisplay: null;\n\t\t\t"])));
	      main_core.Dom.removeClass(element, 'main-ui-hide');
	      main_core.Dom.addClass(element, 'main-ui-show');
	    }
	  });
	}
	function hide(element) {
	  if (!main_core.Type.isDomNode(element)) {
	    return Promise.reject(new Error('element is not Element'));
	  }
	  return new Promise(function (resolve) {
	    if (element.dataset.isShown === 'true') {
	      var handler = function handler(event) {
	        if (event.animationName === 'hideMainLoader') {
	          main_core.Tag.style(element)(_templateObject3 || (_templateObject3 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t"])));
	          main_core.Event.unbind(element, 'animationend', handler);
	          resolve(event);
	        }
	      };
	      main_core.Event.bind(element, 'animationend', handler);
	      main_core.Tag.attrs(element)(_templateObject4 || (_templateObject4 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\tdata-is-shown: false;\n\t\t\t"])));
	      main_core.Dom.removeClass(element, 'main-ui-show');
	      main_core.Dom.addClass(element, 'main-ui-hide');
	    }
	  });
	}

	function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
	function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
	var defaultOptions = {
	  size: 110
	};
	var STATE_READY = 'ready';
	var STATE_SHOWN = 'shown';
	var STATE_HIDDEN = 'hidden';
	var Loader = /*#__PURE__*/function () {
	  function Loader() {
	    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
	    babelHelpers.classCallCheck(this, Loader);
	    babelHelpers.defineProperty(this, "data", layout());
	    babelHelpers.defineProperty(this, "state", STATE_READY);
	    babelHelpers.defineProperty(this, "currentTarget", null);
	    var currentOptions = _objectSpread(_objectSpread({}, defaultOptions), options);
	    this.currentTarget = currentOptions.target;
	    this.setOptions(currentOptions);
	  }
	  babelHelpers.createClass(Loader, [{
	    key: "createLayout",
	    value: function createLayout() {
	      return this.layout;
	    }
	  }, {
	    key: "show",
	    value: function show$$1() {
	      var _this = this;
	      var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
	      return new Promise(function () {
	        var targetElement = target || _this.currentTarget;
	        if (main_core.type.isDomNode(targetElement) && targetElement !== _this.layout.parentNode) {
	          _this.currentTarget = targetElement;
	          main_core.append(_this.layout, targetElement);
	        }
	        if (_this.state !== STATE_SHOWN) {
	          _this.state = STATE_SHOWN;
	          return show(_this.layout);
	        }
	        return false;
	      });
	    }
	  }, {
	    key: "hide",
	    value: function hide$$1() {
	      var _this2 = this;
	      return new Promise(function () {
	        if (_this2.state !== STATE_HIDDEN) {
	          _this2.state = STATE_HIDDEN;
	          return hide(_this2.layout);
	        }
	        return false;
	      });
	    }
	  }, {
	    key: "isShown",
	    value: function isShown() {
	      return this.state === STATE_SHOWN;
	    }
	  }, {
	    key: "destroy",
	    value: function destroy() {
	      main_core.remove(this.layout);
	    }
	  }, {
	    key: "setOptions",
	    value: function setOptions(_ref) {
	      var _this3 = this;
	      var target = _ref.target,
	        size = _ref.size,
	        color = _ref.color,
	        offset = _ref.offset,
	        mode = _ref.mode,
	        strokeWidth = _ref.strokeWidth;
	      var layoutStyles = new Map();
	      var circleStyles = new Map();
	      if (main_core.type.isDomNode(target)) {
	        this.currentTarget = target;
	      }
	      if (main_core.type.isNumber(size)) {
	        layoutStyles.set('width', "".concat(size, "px"));
	        layoutStyles.set('height', "".concat(size, "px"));
	      }
	      if (main_core.type.isString(color)) {
	        circleStyles.set('stroke', color);
	      }
	      if (main_core.type.isObjectLike(offset)) {
	        var prefix = /^inline$|^custom$/.test(mode) ? '' : 'margin-';
	        if (main_core.type.isString(offset.top)) {
	          layoutStyles.set("".concat(prefix, "top"), offset.top);
	        }
	        if (main_core.type.isString(offset.left)) {
	          layoutStyles.set("".concat(prefix, "left"), offset.left);
	        }
	      }
	      if (mode === 'inline') {
	        main_core.addClass(this.layout, 'main-ui-loader-inline');
	      } else {
	        main_core.removeClass(this.layout, 'main-ui-loader-inline');
	      }
	      if (mode === 'custom') {
	        main_core.addClass(this.layout, 'main-ui-loader-custom');
	        main_core.removeClass(this.layout, 'main-ui-loader-inline');
	      }
	      if (main_core.type.isNumber(strokeWidth)) {
	        circleStyles.set('stroke-width', strokeWidth);
	      }
	      layoutStyles.forEach(function (value, key) {
	        _this3.layout.style[key] = value;
	      });
	      circleStyles.forEach(function (value, key) {
	        _this3.circle.style[key] = value;
	      });
	    }
	  }, {
	    key: "layout",
	    get: function get() {
	      return this.data.container;
	    }
	  }, {
	    key: "circle",
	    get: function get() {
	      return this.data.circle;
	    }
	  }]);
	  return Loader;
	}();

	exports.Loader = Loader;

}((this.BX = this.BX || {}),BX));
//# sourceMappingURL=loader.bundle.js.map