Your IP : 18.119.167.62
(function (exports,main_core) {
'use strict';
function _templateObject() {
var data = 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"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
function layout() {
var container = main_core.Tag.render(_templateObject());
var circle = container.querySelector('.main-ui-loader-svg-circle');
return {
container: container,
circle: circle
};
}
function _templateObject4() {
var data = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\tdata-is-shown: false;\n\t\t\t"]);
_templateObject4 = function _templateObject4() {
return data;
};
return data;
}
function _templateObject3() {
var data = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t"]);
_templateObject3 = function _templateObject3() {
return data;
};
return data;
}
function _templateObject2() {
var data = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\tdisplay: null;\n\t\t\t"]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject$1() {
var data = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\tdata-is-shown: true;\n\t\t\t"]);
_templateObject$1 = function _templateObject() {
return data;
};
return data;
}
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());
main_core.Tag.style(element)(_templateObject2());
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());
main_core.Event.unbind(element, 'animationend', handler);
resolve(event);
}
};
main_core.Event.bind(element, 'animationend', handler);
main_core.Tag.attrs(element)(_templateObject4());
main_core.Dom.removeClass(element, 'main-ui-show');
main_core.Dom.addClass(element, 'main-ui-hide');
}
});
}
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 = babelHelpers.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;
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');
}
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