this.BX = this.BX || {};
(function (exports,main_core_zIndexManager,main_core_events,main_core) {
'use strict';
/**
* @memberOf BX.Main.Popup
* @deprecated use BX.UI.Button
*/
var Button = /*#__PURE__*/function () {
function Button(params) {
babelHelpers.classCallCheck(this, Button);
this.popupWindow = null;
this.params = params || {};
this.text = this.params.text || '';
this.id = this.params.id || '';
this.className = this.params.className || '';
this.events = this.params.events || {};
this.contextEvents = {};
for (var eventName in this.events) {
if (main_core.Type.isFunction(this.events[eventName])) {
this.contextEvents[eventName] = this.events[eventName].bind(this);
}
}
this.buttonNode = main_core.Dom.create('span', {
props: {
className: 'popup-window-button' + (this.className.length > 0 ? ' ' + this.className : ''),
id: this.id
},
events: this.contextEvents,
text: this.text
});
}
babelHelpers.createClass(Button, [{
key: "render",
value: function render() {
return this.buttonNode;
}
}, {
key: "getId",
value: function getId() {
return this.id;
}
}, {
key: "getContainer",
value: function getContainer() {
return this.buttonNode;
}
}, {
key: "getName",
value: function getName() {
return this.text;
}
}, {
key: "setName",
value: function setName(name) {
this.text = name || '';
if (this.buttonNode) {
main_core.Dom.clean(this.buttonNode);
main_core.Dom.adjust(this.buttonNode, {
text: this.text
});
}
}
}, {
key: "setClassName",
value: function setClassName(className) {
if (this.buttonNode) {
if (main_core.Type.isString(this.className) && this.className !== '') {
main_core.Dom.removeClass(this.buttonNode, this.className);
}
main_core.Dom.addClass(this.buttonNode, className);
}
this.className = className;
}
}, {
key: "addClassName",
value: function addClassName(className) {
if (this.buttonNode) {
main_core.Dom.addClass(this.buttonNode, className);
this.className = this.buttonNode.className;
}
}
}, {
key: "removeClassName",
value: function removeClassName(className) {
if (this.buttonNode) {
main_core.Dom.removeClass(this.buttonNode, className);
this.className = this.buttonNode.className;
}
}
}]);
return Button;
}();
function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
var _left = /*#__PURE__*/new WeakMap();
var _top = /*#__PURE__*/new WeakMap();
var PositionEvent = /*#__PURE__*/function (_BaseEvent) {
babelHelpers.inherits(PositionEvent, _BaseEvent);
function PositionEvent() {
var _this;
babelHelpers.classCallCheck(this, PositionEvent);
_this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(PositionEvent).call(this));
_classPrivateFieldInitSpec(babelHelpers.assertThisInitialized(_this), _left, {
writable: true,
value: void 0
});
_classPrivateFieldInitSpec(babelHelpers.assertThisInitialized(_this), _top, {
writable: true,
value: void 0
});
return _this;
}
babelHelpers.createClass(PositionEvent, [{
key: "left",
get: function get() {
return babelHelpers.classPrivateFieldGet(this, _left);
},
set: function set(value) {
if (main_core.Type.isNumber(value)) {
babelHelpers.classPrivateFieldSet(this, _left, value);
}
}
}, {
key: "top",
get: function get() {
return babelHelpers.classPrivateFieldGet(this, _top);
},
set: function set(value) {
if (main_core.Type.isNumber(value)) {
babelHelpers.classPrivateFieldSet(this, _top, value);
}
}
}]);
return PositionEvent;
}(main_core_events.BaseEvent);
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
var aliases = {
onPopupWindowInit: {
namespace: 'BX.Main.Popup',
eventName: 'onInit'
},
onPopupWindowIsInitialized: {
namespace: 'BX.Main.Popup',
eventName: 'onAfterInit'
},
onPopupFirstShow: {
namespace: 'BX.Main.Popup',
eventName: 'onFirstShow'
},
onPopupShow: {
namespace: 'BX.Main.Popup',
eventName: 'onShow'
},
onAfterPopupShow: {
namespace: 'BX.Main.Popup',
eventName: 'onAfterShow'
},
onPopupClose: {
namespace: 'BX.Main.Popup',
eventName: 'onClose'
},
onPopupAfterClose: {
namespace: 'BX.Main.Popup',
eventName: 'onAfterClose'
},
onPopupDestroy: {
namespace: 'BX.Main.Popup',
eventName: 'onDestroy'
},
onPopupFullscreenLeave: {
namespace: 'BX.Main.Popup',
eventName: 'onFullscreenLeave'
},
onPopupFullscreenEnter: {
namespace: 'BX.Main.Popup',
eventName: 'onFullscreenEnter'
},
onPopupDragStart: {
namespace: 'BX.Main.Popup',
eventName: 'onDragStart'
},
onPopupDrag: {
namespace: 'BX.Main.Popup',
eventName: 'onDrag'
},
onPopupDragEnd: {
namespace: 'BX.Main.Popup',
eventName: 'onDragEnd'
},
onPopupResizeStart: {
namespace: 'BX.Main.Popup',
eventName: 'onResizeStart'
},
onPopupResize: {
namespace: 'BX.Main.Popup',
eventName: 'onResize'
},
onPopupResizeEnd: {
namespace: 'BX.Main.Popup',
eventName: 'onResizeEnd'
}
};
main_core_events.EventEmitter.registerAliases(aliases);
/**
* @memberof BX.Main
*/
var Popup = /*#__PURE__*/function (_EventEmitter) {
babelHelpers.inherits(Popup, _EventEmitter);
babelHelpers.createClass(Popup, null, [{
key: "setOptions",
/**
* @private
*/
/**
* @private
*/
value: function setOptions(options) {
if (!main_core.Type.isPlainObject(options)) {
return;
}
for (var option in options) {
this.options[option] = options[option];
}
}
}, {
key: "getOption",
value: function getOption(option, defaultValue) {
if (!main_core.Type.isUndefined(this.options[option])) {
return this.options[option];
} else if (!main_core.Type.isUndefined(defaultValue)) {
return defaultValue;
} else {
return this.defaultOptions[option];
}
}
}]);
function Popup(options) {
var _this;
babelHelpers.classCallCheck(this, Popup);
_this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(Popup).call(this));
_this.setEventNamespace('BX.Main.Popup');
var _arguments = Array.prototype.slice.call(arguments),
popupId = _arguments[0],
bindElement = _arguments[1],
params = _arguments[2]; //compatible arguments
_this.compatibleMode = params && main_core.Type.isBoolean(params.compatibleMode) ? params.compatibleMode : true;
if (main_core.Type.isPlainObject(options) && !bindElement && !params) {
params = options;
popupId = options.id;
bindElement = options.bindElement;
_this.compatibleMode = false;
}
params = params || {};
_this.params = params;
if (!main_core.Type.isStringFilled(popupId)) {
popupId = 'popup-window-' + main_core.Text.getRandom().toLowerCase();
}
_this.emit('onInit', new main_core_events.BaseEvent({
compatData: [popupId, bindElement, params]
}));
/**
* @private
*/
_this.uniquePopupId = popupId;
_this.params.zIndex = main_core.Type.isNumber(params.zIndex) ? parseInt(params.zIndex) : 0;
_this.params.zIndexAbsolute = main_core.Type.isNumber(params.zIndexAbsolute) ? parseInt(params.zIndexAbsolute) : 0;
_this.buttons = params.buttons && main_core.Type.isArray(params.buttons) ? params.buttons : [];
_this.offsetTop = Popup.getOption('offsetTop');
_this.offsetLeft = Popup.getOption('offsetLeft');
_this.firstShow = false;
_this.bordersWidth = 20;
_this.bindElementPos = null;
_this.closeIcon = null;
_this.resizeIcon = null;
_this.angle = null;
_this.angleArrowElement = null;
_this.overlay = null;
_this.titleBar = null;
_this.bindOptions = babelHelpers.typeof(params.bindOptions) === 'object' ? params.bindOptions : {};
_this.autoHide = params.autoHide === true;
_this.autoHideHandler = main_core.Type.isFunction(params.autoHideHandler) ? params.autoHideHandler : null;
_this.handleAutoHide = _this.handleAutoHide.bind(babelHelpers.assertThisInitialized(_this));
_this.handleOverlayClick = _this.handleOverlayClick.bind(babelHelpers.assertThisInitialized(_this));
_this.isAutoHideBinded = false;
_this.closeByEsc = params.closeByEsc === true;
_this.isCloseByEscBinded = false;
_this.toFrontOnShow = true;
_this.cacheable = true;
_this.destroyed = false;
_this.width = null;
_this.height = null;
_this.minWidth = null;
_this.minHeight = null;
_this.maxWidth = null;
_this.maxHeight = null;
_this.padding = null;
_this.contentPadding = null;
_this.background = null;
_this.contentBackground = null;
_this.targetContainer = main_core.Type.isElementNode(params.targetContainer) ? params.targetContainer : document.body;
_this.dragOptions = {
cursor: '',
callback: function callback() {},
eventName: ''
};
_this.dragged = false;
_this.dragPageX = 0;
_this.dragPageY = 0;
_this.animationShowClassName = null;
_this.animationCloseClassName = null;
_this.animationCloseEventType = null;
_this.handleDocumentMouseMove = _this.handleDocumentMouseMove.bind(babelHelpers.assertThisInitialized(_this));
_this.handleDocumentMouseUp = _this.handleDocumentMouseUp.bind(babelHelpers.assertThisInitialized(_this));
_this.handleDocumentKeyUp = _this.handleDocumentKeyUp.bind(babelHelpers.assertThisInitialized(_this));
_this.handleResizeWindow = _this.handleResizeWindow.bind(babelHelpers.assertThisInitialized(_this));
_this.handleResize = _this.handleResize.bind(babelHelpers.assertThisInitialized(_this));
_this.handleMove = _this.handleMove.bind(babelHelpers.assertThisInitialized(_this));
_this.onTitleMouseDown = _this.onTitleMouseDown.bind(babelHelpers.assertThisInitialized(_this));
_this.handleFullScreen = _this.handleFullScreen.bind(babelHelpers.assertThisInitialized(_this));
_this.subscribeFromOptions(params.events);
var popupClassName = 'popup-window';
if (params.titleBar) {
popupClassName += ' popup-window-with-titlebar';
}
if (params.className && main_core.Type.isStringFilled(params.className)) {
popupClassName += ' ' + params.className;
}
if (params.darkMode) {
popupClassName += ' popup-window-dark';
}
if (params.titleBar) {
_this.titleBar = main_core.Tag.render(_templateObject || (_templateObject = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\n\t\t\t"])), popupId);
}
if (params.closeIcon) {
var className = 'popup-window-close-icon' + (params.titleBar ? ' popup-window-titlebar-close-icon' : '');
_this.closeIcon = main_core.Tag.render(_templateObject2 || (_templateObject2 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\n\t\t\t"])), className, _this.handleCloseIconClick.bind(babelHelpers.assertThisInitialized(_this)));
if (main_core.Type.isPlainObject(params.closeIcon)) {
main_core.Dom.style(_this.closeIcon, params.closeIcon);
}
}
/**
* @private
*/
_this.contentContainer = main_core.Tag.render(_templateObject3 || (_templateObject3 = babelHelpers.taggedTemplateLiteral([""])), popupId);
/**
* @private
*/
_this.popupContainer = main_core.Tag.render(_templateObject4 || (_templateObject4 = babelHelpers.taggedTemplateLiteral(["", ""])), popupClassName, popupId, [_this.titleBar, _this.contentContainer, _this.closeIcon]);
_this.targetContainer.appendChild(_this.popupContainer);
_this.zIndexComponent = main_core_zIndexManager.ZIndexManager.register(_this.popupContainer, params.zIndexOptions);
_this.buttonsContainer = null;
if (params.contentColor && main_core.Type.isStringFilled(params.contentColor)) {
if (params.contentColor === 'white' || params.contentColor === 'gray') {
popupClassName += ' popup-window-content-' + params.contentColor;
}
_this.setContentColor(params.contentColor);
}
if (params.angle) {
_this.setAngle(params.angle);
}
if (params.overlay) {
_this.setOverlay(params.overlay);
}
_this.setOffset(params);
_this.setBindElement(bindElement);
_this.setTitleBar(params.titleBar);
_this.setContent(params.content);
_this.setButtons(params.buttons);
_this.setWidth(params.width);
_this.setHeight(params.height);
_this.setMinWidth(params.minWidth);
_this.setMinHeight(params.minHeight);
_this.setMaxWidth(params.maxWidth);
_this.setMaxHeight(params.maxHeight);
_this.setResizeMode(params.resizable);
_this.setPadding(params.padding);
_this.setContentPadding(params.contentPadding);
_this.setBackground(params.background);
_this.setContentBackground(params.contentBackground);
_this.setAnimation(params.animation);
_this.setCacheable(params.cacheable);
_this.setToFrontOnShow(params.toFrontOnShow); // Compatibility
if (params.contentNoPaddings) {
_this.setContentPadding(0);
}
if (params.noAllPaddings) {
_this.setPadding(0);
_this.setContentPadding(0);
}
if (params.bindOnResize !== false) {
main_core.Event.bind(window, 'resize', _this.handleResizeWindow);
}
_this.emit('onAfterInit', new main_core_events.BaseEvent({
compatData: [popupId, babelHelpers.assertThisInitialized(_this)]
}));
return _this;
}
/**
* @private
*/
babelHelpers.createClass(Popup, [{
key: "subscribeFromOptions",
value: function subscribeFromOptions(events) {
babelHelpers.get(babelHelpers.getPrototypeOf(Popup.prototype), "subscribeFromOptions", this).call(this, events, aliases);
}
}, {
key: "getId",
value: function getId() {
return this.uniquePopupId;
}
}, {
key: "isCompatibleMode",
value: function isCompatibleMode() {
return this.compatibleMode;
}
}, {
key: "setContent",
value: function setContent(content) {
if (!this.contentContainer || !content) {
return;
}
if (main_core.Type.isElementNode(content)) {
main_core.Dom.clean(this.contentContainer);
var hasParent = main_core.Type.isDomNode(content.parentNode);
this.contentContainer.appendChild(content);
if (this.isCompatibleMode() || hasParent) {
content.style.display = 'block';
}
} else if (main_core.Type.isString(content)) {
this.contentContainer.innerHTML = content;
} else {
this.contentContainer.innerHTML = ' ';
}
}
}, {
key: "setButtons",
value: function setButtons(buttons) {
this.buttons = buttons && main_core.Type.isArray(buttons) ? buttons : [];
if (this.buttonsContainer) {
main_core.Dom.remove(this.buttonsContainer);
}
var ButtonClass = main_core.Reflection.getClass('BX.UI.Button');
if (this.buttons.length > 0 && this.contentContainer) {
var newButtons = [];
for (var i = 0; i < this.buttons.length; i++) {
var button = this.buttons[i];
if (button instanceof Button) {
button.popupWindow = this;
newButtons.push(button.render());
} else if (ButtonClass && button instanceof ButtonClass) {
button.setContext(this);
newButtons.push(button.render());
}
}
this.buttonsContainer = this.contentContainer.parentNode.appendChild(main_core.Tag.render(_templateObject5 || (_templateObject5 = babelHelpers.taggedTemplateLiteral([""])), newButtons));
}
}
}, {
key: "getButtons",
value: function getButtons() {
return this.buttons;
}
}, {
key: "getButton",
value: function getButton(id) {
for (var i = 0; i < this.buttons.length; i++) {
var button = this.buttons[i];
if (button.getId() === id) {
return button;
}
}
return null;
}
}, {
key: "setBindElement",
value: function setBindElement(bindElement) {
if (bindElement === null) {
this.bindElement = null;
} else if (babelHelpers.typeof(bindElement) === 'object') {
if (main_core.Type.isDomNode(bindElement) || main_core.Type.isNumber(bindElement.top) && main_core.Type.isNumber(bindElement.left)) {
this.bindElement = bindElement;
} else if (main_core.Type.isNumber(bindElement.clientX) && main_core.Type.isNumber(bindElement.clientY)) {
this.bindElement = {
left: bindElement.pageX,
top: bindElement.pageY,
bottom: bindElement.pageY
};
}
}
}
/**
* @private
*/
}, {
key: "getBindElementPos",
value: function getBindElementPos(bindElement) {
if (main_core.Type.isDomNode(bindElement)) {
if (this.isTargetDocumentBody()) {
return main_core.Dom.getPosition(bindElement);
} else {
return this.getPositionRelativeToTarget(bindElement);
}
} else if (bindElement && babelHelpers.typeof(bindElement) === 'object') {
if (!main_core.Type.isNumber(bindElement.bottom)) {
bindElement.bottom = bindElement.top;
}
return bindElement;
} else {
var windowSize = this.getWindowSize();
var windowScroll = this.getWindowScroll();
var popupWidth = this.getPopupContainer().offsetWidth;
var popupHeight = this.getPopupContainer().offsetHeight;
this.bindOptions.forceTop = true;
return {
left: windowSize.innerWidth / 2 - popupWidth / 2 + windowScroll.scrollLeft,
top: windowSize.innerHeight / 2 - popupHeight / 2 + windowScroll.scrollTop,
bottom: windowSize.innerHeight / 2 - popupHeight / 2 + windowScroll.scrollTop,
//for optimisation purposes
windowSize: windowSize,
windowScroll: windowScroll,
popupWidth: popupWidth,
popupHeight: popupHeight
};
}
}
/**
* @internal
*/
}, {
key: "getPositionRelativeToTarget",
value: function getPositionRelativeToTarget(element) {
var offsetLeft = element.offsetLeft;
var offsetTop = element.offsetTop;
var offsetElement = element.offsetParent;
while (offsetElement && offsetElement !== this.getTargetContainer()) {
offsetLeft += offsetElement.offsetLeft;
offsetTop += offsetElement.offsetTop;
offsetElement = offsetElement.offsetParent;
}
var elementRect = element.getBoundingClientRect();
return new DOMRect(offsetLeft, offsetTop, elementRect.width, elementRect.height);
} // private
}, {
key: "getWindowSize",
value: function getWindowSize() {
if (this.isTargetDocumentBody()) {
return {
innerWidth: window.innerWidth,
innerHeight: window.innerHeight
};
} else {
return {
innerWidth: this.getTargetContainer().offsetWidth,
innerHeight: this.getTargetContainer().offsetHeight
};
}
} // private
}, {
key: "getWindowScroll",
value: function getWindowScroll() {
if (this.isTargetDocumentBody()) {
return {
scrollLeft: window.pageXOffset,
scrollTop: window.pageYOffset
};
} else {
return {
scrollLeft: this.getTargetContainer().scrollLeft,
scrollTop: this.getTargetContainer().scrollTop
};
}
}
}, {
key: "setAngle",
value: function setAngle(params) {
if (params === false) {
if (this.angle !== null) {
main_core.Dom.remove(this.angle.element);
}
this.angle = null;
this.angleArrowElement = null;
return;
}
var className = 'popup-window-angly';
if (this.angle === null) {
var position = this.bindOptions.position && this.bindOptions.position === 'top' ? 'bottom' : 'top';
var angleMinLeft = Popup.getOption(position === 'top' ? 'angleMinTop' : 'angleMinBottom');
var defaultOffset = main_core.Type.isNumber(params.offset) ? params.offset : 0;
var angleLeftOffset = Popup.getOption('angleLeftOffset', null);
if (defaultOffset > 0 && main_core.Type.isNumber(angleLeftOffset)) {
defaultOffset += angleLeftOffset - Popup.defaultOptions.angleLeftOffset;
}
this.angleArrowElement = main_core.Tag.render(_templateObject6 || (_templateObject6 = babelHelpers.taggedTemplateLiteral([""])));
if (this.background) {
this.angleArrowElement.style.background = this.background;
}
this.angle = {
element: main_core.Tag.render(_templateObject7 || (_templateObject7 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\n\t\t\t\t\t\t", "\n\t\t\t\t\t
\n\t\t\t\t"])), className, className, position, this.angleArrowElement),
position: position,
offset: 0,
defaultOffset: Math.max(defaultOffset, angleMinLeft) //Math.max(Type.isNumber(params.offset) ? params.offset : 0, angleMinLeft)
};
this.getPopupContainer().appendChild(this.angle.element);
}
if (babelHelpers.typeof(params) === 'object' && params.position && ['top', 'right', 'bottom', 'left', 'hide'].includes(params.position)) {
main_core.Dom.removeClass(this.angle.element, className + '-' + this.angle.position);
main_core.Dom.addClass(this.angle.element, className + '-' + params.position);
this.angle.position = params.position;
}
if (babelHelpers.typeof(params) === 'object' && main_core.Type.isNumber(params.offset)) {
var offset = params.offset;
var minOffset, maxOffset;
if (this.angle.position === 'top') {
minOffset = Popup.getOption('angleMinTop');
maxOffset = this.getPopupContainer().offsetWidth - Popup.getOption('angleMaxTop');
maxOffset = maxOffset < minOffset ? Math.max(minOffset, offset) : maxOffset;
this.angle.offset = Math.min(Math.max(minOffset, offset), maxOffset);
this.angle.element.style.left = this.angle.offset + 'px';
this.angle.element.style.marginLeft = 0;
this.angle.element.style.removeProperty('top');
} else if (this.angle.position === 'bottom') {
minOffset = Popup.getOption('angleMinBottom');
maxOffset = this.getPopupContainer().offsetWidth - Popup.getOption('angleMaxBottom');
maxOffset = maxOffset < minOffset ? Math.max(minOffset, offset) : maxOffset;
this.angle.offset = Math.min(Math.max(minOffset, offset), maxOffset);
this.angle.element.style.marginLeft = this.angle.offset + 'px';
this.angle.element.style.left = 0;
this.angle.element.style.removeProperty('top');
} else if (this.angle.position === 'right') {
minOffset = Popup.getOption('angleMinRight');
maxOffset = this.getPopupContainer().offsetHeight - Popup.getOption('angleMaxRight');
maxOffset = maxOffset < minOffset ? Math.max(minOffset, offset) : maxOffset;
this.angle.offset = Math.min(Math.max(minOffset, offset), maxOffset);
this.angle.element.style.top = this.angle.offset + 'px';
this.angle.element.style.removeProperty('left');
this.angle.element.style.removeProperty('margin-left');
} else if (this.angle.position === 'left') {
minOffset = Popup.getOption('angleMinLeft');
maxOffset = this.getPopupContainer().offsetHeight - Popup.getOption('angleMaxLeft');
maxOffset = maxOffset < minOffset ? Math.max(minOffset, offset) : maxOffset;
this.angle.offset = Math.min(Math.max(minOffset, offset), maxOffset);
this.angle.element.style.top = this.angle.offset + 'px';
this.angle.element.style.removeProperty('left');
this.angle.element.style.removeProperty('margin-left');
}
}
}
}, {
key: "getWidth",
value: function getWidth() {
return this.width;
}
}, {
key: "setWidth",
value: function setWidth(width) {
this.setWidthProperty('width', width);
}
}, {
key: "getHeight",
value: function getHeight() {
return this.height;
}
}, {
key: "setHeight",
value: function setHeight(height) {
this.setHeightProperty('height', height);
}
}, {
key: "getMinWidth",
value: function getMinWidth() {
return this.minWidth;
}
}, {
key: "setMinWidth",
value: function setMinWidth(width) {
this.setWidthProperty('minWidth', width);
}
}, {
key: "getMinHeight",
value: function getMinHeight() {
return this.minHeight;
}
}, {
key: "setMinHeight",
value: function setMinHeight(height) {
this.setHeightProperty('minHeight', height);
}
}, {
key: "getMaxWidth",
value: function getMaxWidth() {
return this.maxWidth;
}
}, {
key: "setMaxWidth",
value: function setMaxWidth(width) {
this.setWidthProperty('maxWidth', width);
}
}, {
key: "getMaxHeight",
value: function getMaxHeight() {
return this.maxHeight;
}
}, {
key: "setMaxHeight",
value: function setMaxHeight(height) {
this.setHeightProperty('maxHeight', height);
}
/**
* @private
*/
}, {
key: "setWidthProperty",
value: function setWidthProperty(property, width) {
var props = ['width', 'minWidth', 'maxWidth'];
if (props.indexOf(property) === -1) {
return;
}
if (main_core.Type.isNumber(width) && width >= 0) {
this[property] = width;
this.getResizableContainer().style[property] = width + 'px';
this.getContentContainer().style.overflowX = 'auto';
this.getPopupContainer().classList.add('popup-window-fixed-width');
if (this.getTitleContainer() && main_core.Browser.isIE11()) {
this.getTitleContainer().style[property] = width + 'px';
}
} else if (width === null || width === false) {
this[property] = null;
this.getResizableContainer().style.removeProperty(main_core.Text.toKebabCase(property));
var hasOtherProps = props.some(function (prop) {
return this.getResizableContainer().style.getPropertyValue(main_core.Text.toKebabCase(prop)) !== '';
}, this);
if (!hasOtherProps) {
this.getContentContainer().style.removeProperty('overflow-x');
this.getPopupContainer().classList.remove('popup-window-fixed-width');
}
if (this.getTitleContainer() && main_core.Browser.isIE11()) {
this.getTitleContainer().style.removeProperty(main_core.Text.toKebabCase(property));
}
}
}
/**
* @private
*/
}, {
key: "setHeightProperty",
value: function setHeightProperty(property, height) {
var props = ['height', 'minHeight', 'maxHeight'];
if (props.indexOf(property) === -1) {
return;
}
if (main_core.Type.isNumber(height) && height >= 0) {
this[property] = height;
this.getResizableContainer().style[property] = height + 'px';
this.getContentContainer().style.overflowY = 'auto';
this.getPopupContainer().classList.add('popup-window-fixed-height');
} else if (height === null || height === false) {
this[property] = null;
this.getResizableContainer().style.removeProperty(main_core.Text.toKebabCase(property));
var hasOtherProps = props.some(function (prop) {
return this.getResizableContainer().style.getPropertyValue(main_core.Text.toKebabCase(prop)) !== '';
}, this);
if (!hasOtherProps) {
this.getContentContainer().style.removeProperty('overflow-y');
this.getPopupContainer().classList.remove('popup-window-fixed-height');
}
}
}
}, {
key: "setPadding",
value: function setPadding(padding) {
if (main_core.Type.isNumber(padding) && padding >= 0) {
this.padding = padding;
this.getPopupContainer().style.padding = padding + 'px';
} else if (padding === null) {
this.padding = null;
this.getPopupContainer().style.removeProperty('padding');
}
}
}, {
key: "getPadding",
value: function getPadding() {
return this.padding;
}
}, {
key: "setContentPadding",
value: function setContentPadding(padding) {
if (main_core.Type.isNumber(padding) && padding >= 0) {
this.contentPadding = padding;
this.getContentContainer().style.padding = padding + 'px';
} else if (padding === null) {
this.contentPadding = null;
this.getContentContainer().style.removeProperty('padding');
}
}
}, {
key: "getContentPadding",
value: function getContentPadding() {
return this.contentPadding;
}
}, {
key: "setContentColor",
value: function setContentColor(color) {
if (main_core.Type.isString(color) && this.contentContainer) {
this.contentContainer.style.backgroundColor = color;
} else if (color === null) {
this.contentContainer.style.style.removeProperty('background-color');
}
}
}, {
key: "setBackground",
value: function setBackground(background) {
if (main_core.Type.isStringFilled(background)) {
this.background = background;
this.getPopupContainer().style.background = background;
if (this.angleArrowElement) {
this.angleArrowElement.style.background = background;
}
} else if (background === null) {
this.background = null;
this.getPopupContainer().style.removeProperty('background');
if (this.angleArrowElement) {
this.angleArrowElement.style.removeProperty('background');
}
}
}
}, {
key: "getBackground",
value: function getBackground() {
return this.background;
}
}, {
key: "setContentBackground",
value: function setContentBackground(background) {
if (main_core.Type.isStringFilled(background)) {
this.contentBackground = background;
this.getContentContainer().style.background = background;
} else if (background === null) {
this.contentBackground = null;
this.getContentContainer().style.removeProperty('background');
}
}
}, {
key: "getContentBackground",
value: function getContentBackground() {
return this.contentBackground;
}
}, {
key: "isDestroyed",
value: function isDestroyed() {
return this.destroyed;
}
}, {
key: "setCacheable",
value: function setCacheable(cacheable) {
this.cacheable = cacheable !== false;
}
}, {
key: "isCacheable",
value: function isCacheable() {
return this.cacheable;
}
}, {
key: "setToFrontOnShow",
value: function setToFrontOnShow(flag) {
this.toFrontOnShow = flag !== false;
}
}, {
key: "shouldFrontOnShow",
value: function shouldFrontOnShow() {
return this.toFrontOnShow;
}
}, {
key: "setResizeMode",
value: function setResizeMode(mode) {
if (mode === true || main_core.Type.isPlainObject(mode)) {
if (!this.resizeIcon) {
this.resizeIcon = main_core.Tag.render(_templateObject8 || (_templateObject8 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\n\t\t\t\t"])), this.handleResizeMouseDown.bind(this));
this.getPopupContainer().appendChild(this.resizeIcon);
} //Compatibility
this.setMinWidth(mode.minWidth);
this.setMinHeight(mode.minHeight);
} else if (mode === false && this.resizeIcon) {
main_core.Dom.remove(this.resizeIcon);
this.resizeIcon = null;
}
}
}, {
key: "getTargetContainer",
value: function getTargetContainer() {
return this.targetContainer;
}
}, {
key: "isTargetDocumentBody",
value: function isTargetDocumentBody() {
return this.getTargetContainer() === document.body;
}
}, {
key: "getPopupContainer",
value: function getPopupContainer() {
return this.popupContainer;
}
}, {
key: "getContentContainer",
value: function getContentContainer() {
return this.contentContainer;
}
}, {
key: "getResizableContainer",
value: function getResizableContainer() {
return main_core.Browser.isIE11() ? this.getContentContainer() : this.getPopupContainer();
}
}, {
key: "getTitleContainer",
value: function getTitleContainer() {
return this.titleBar;
}
/**
* @private
*/
}, {
key: "onTitleMouseDown",
value: function onTitleMouseDown(event) {
this._startDrag(event, {
cursor: 'move',
callback: this.handleMove,
eventName: 'Drag'
});
}
/**
* @private
*/
}, {
key: "handleResizeMouseDown",
value: function handleResizeMouseDown(event) {
this._startDrag(event, {
cursor: 'nwse-resize',
eventName: 'Resize',
callback: this.handleResize
});
if (this.isTargetDocumentBody()) {
this.resizeContentPos = main_core.Dom.getPosition(this.getResizableContainer());
this.resizeContentOffset = this.resizeContentPos.left - main_core.Dom.getPosition(this.getPopupContainer()).left;
} else {
this.resizeContentPos = this.getPositionRelativeToTarget(this.getResizableContainer());
this.resizeContentOffset = this.resizeContentPos.left - this.getPositionRelativeToTarget(this.getPopupContainer()).left;
}
this.resizeContentPos.offsetX = 0;
this.resizeContentPos.offsetY = 0;
}
/**
* @private
*/
}, {
key: "handleResize",
value: function handleResize(offsetX, offsetY, pageX, pageY) {
this.resizeContentPos.offsetX += offsetX;
this.resizeContentPos.offsetY += offsetY;
var width = this.resizeContentPos.width + this.resizeContentPos.offsetX;
var height = this.resizeContentPos.height + this.resizeContentPos.offsetY;
var scrollWidth = this.isTargetDocumentBody() ? document.documentElement.scrollWidth : this.getTargetContainer().scrollWidth;
if (this.resizeContentPos.left + width + this.resizeContentOffset >= scrollWidth) {
width = scrollWidth - this.resizeContentPos.left - this.resizeContentOffset;
}
width = Math.max(width, this.getMinWidth());
height = Math.max(height, this.getMinHeight());
if (this.getMaxWidth() !== null) {
width = Math.min(width, this.getMaxWidth());
}
if (this.getMaxHeight() !== null) {
height = Math.min(height, this.getMaxHeight());
}
this.setWidth(width);
this.setHeight(height);
}
}, {
key: "isTopAngle",
value: function isTopAngle() {
return this.angle !== null && this.angle.position === 'top';
}
}, {
key: "isBottomAngle",
value: function isBottomAngle() {
return this.angle !== null && this.angle.position === 'bottom';
}
}, {
key: "isTopOrBottomAngle",
value: function isTopOrBottomAngle() {
return this.angle !== null && (this.angle.position === 'top' || this.angle.position === 'bottom');
}
/**
* @private
*/
}, {
key: "getAngleHeight",
value: function getAngleHeight() {
return this.isTopOrBottomAngle() ? Popup.getOption('angleTopOffset') : 0;
}
}, {
key: "setOffset",
value: function setOffset(params) {
if (!main_core.Type.isPlainObject(params)) {
return;
}
if (main_core.Type.isNumber(params.offsetLeft)) {
this.offsetLeft = params.offsetLeft + Popup.getOption('offsetLeft');
}
if (main_core.Type.isNumber(params.offsetTop)) {
this.offsetTop = params.offsetTop + Popup.getOption('offsetTop');
}
}
}, {
key: "setTitleBar",
value: function setTitleBar(params) {
if (!this.titleBar) {
return;
}
if (babelHelpers.typeof(params) === 'object' && main_core.Type.isDomNode(params.content)) {
this.titleBar.innerHTML = '';
this.titleBar.appendChild(params.content);
} else if (typeof params === 'string') {
this.titleBar.innerHTML = '';
this.titleBar.appendChild(main_core.Dom.create('span', {
props: {
className: 'popup-window-titlebar-text'
},
text: params
}));
}
if (this.params.draggable) {
this.titleBar.style.cursor = 'move';
main_core.Event.bind(this.titleBar, 'mousedown', this.onTitleMouseDown);
}
}
}, {
key: "setClosingByEsc",
value: function setClosingByEsc(enable) {
enable = main_core.Type.isBoolean(enable) ? enable : true;
if (enable) {
this.closeByEsc = true;
this.bindClosingByEsc();
} else {
this.closeByEsc = false;
this.unbindClosingByEsc();
}
}
/**
* @private
*/
}, {
key: "bindClosingByEsc",
value: function bindClosingByEsc() {
if (this.closeByEsc && !this.isCloseByEscBinded) {
main_core.Event.bind(document, 'keyup', this.handleDocumentKeyUp);
this.isCloseByEscBinded = true;
}
}
/**
* @private
*/
}, {
key: "unbindClosingByEsc",
value: function unbindClosingByEsc() {
if (this.isCloseByEscBinded) {
main_core.Event.unbind(document, 'keyup', this.handleDocumentKeyUp);
this.isCloseByEscBinded = false;
}
}
}, {
key: "setAutoHide",
value: function setAutoHide(enable) {
enable = main_core.Type.isBoolean(enable) ? enable : true;
if (enable) {
this.autoHide = true;
this.bindAutoHide();
} else {
this.autoHide = false;
this.unbindAutoHide();
}
}
/**
* @private
*/
}, {
key: "bindAutoHide",
value: function bindAutoHide() {
if (this.autoHide && !this.isAutoHideBinded && this.isShown()) {
this.isAutoHideBinded = true;
if (this.isCompatibleMode()) {
main_core.Event.bind(this.getPopupContainer(), 'click', this.handleContainerClick);
}
if (this.overlay && this.overlay.element) {
main_core.Event.bind(this.overlay.element, 'click', this.handleOverlayClick);
} else {
if (this.isCompatibleMode()) {
main_core.Event.bind(document, 'click', this.handleAutoHide);
} else {
document.addEventListener('click', this.handleAutoHide, true);
}
}
}
}
/**
* @private
*/
}, {
key: "unbindAutoHide",
value: function unbindAutoHide() {
if (this.isAutoHideBinded) {
this.isAutoHideBinded = false;
if (this.isCompatibleMode()) {
main_core.Event.unbind(this.getPopupContainer(), 'click', this.handleContainerClick);
}
if (this.overlay && this.overlay.element) {
main_core.Event.unbind(this.overlay.element, 'click', this.handleOverlayClick);
} else {
if (this.isCompatibleMode()) {
main_core.Event.unbind(document, 'click', this.handleAutoHide);
} else {
document.removeEventListener('click', this.handleAutoHide, true);
}
}
}
}
/**
* @private
*/
}, {
key: "handleAutoHide",
value: function handleAutoHide(event) {
if (this.isDestroyed()) {
return;
}
if (this.autoHideHandler !== null) {
if (this.autoHideHandler(event)) {
this._tryCloseByEvent(event);
}
} else if (event.target !== this.getPopupContainer() && !this.getPopupContainer().contains(event.target)) {
this._tryCloseByEvent(event);
}
}
/**
* @private
*/
}, {
key: "_tryCloseByEvent",
value: function _tryCloseByEvent(event) {
var _this2 = this;
if (this.isCompatibleMode()) {
this.tryCloseByEvent(event);
} else {
setTimeout(function () {
_this2.tryCloseByEvent(event);
}, 0);
}
}
/**
* @private
*/
}, {
key: "tryCloseByEvent",
value: function tryCloseByEvent(event) {
if (event.button === 0) {
this.close();
}
}
/**
* @private
*/
}, {
key: "handleOverlayClick",
value: function handleOverlayClick(event) {
this.tryCloseByEvent(event);
event.stopPropagation();
}
}, {
key: "setOverlay",
value: function setOverlay(params) {
if (this.overlay === null) {
this.overlay = {
element: main_core.Tag.render(_templateObject9 || (_templateObject9 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\n\t\t\t\t"])), this.getId())
};
this.resizeOverlay();
this.targetContainer.appendChild(this.overlay.element);
this.getZIndexComponent().setOverlay(this.overlay.element);
}
if (params && main_core.Type.isNumber(params.opacity) && params.opacity >= 0 && params.opacity <= 100) {
this.overlay.element.style.opacity = parseFloat(params.opacity / 100).toPrecision(3);
}
if (params && params.backgroundColor) {
this.overlay.element.style.backgroundColor = params.backgroundColor;
}
}
}, {
key: "removeOverlay",
value: function removeOverlay() {
if (this.overlay !== null && this.overlay.element !== null) {
main_core.Dom.remove(this.overlay.element);
this.getZIndexComponent().setOverlay(null);
}
if (this.overlayTimeout) {
clearInterval(this.overlayTimeout);
this.overlayTimeout = null;
}
this.overlay = null;
}
}, {
key: "hideOverlay",
value: function hideOverlay() {
if (this.overlay !== null && this.overlay.element !== null) {
if (this.overlayTimeout) {
clearInterval(this.overlayTimeout);
this.overlayTimeout = null;
}
this.overlay.element.style.display = 'none';
}
}
}, {
key: "showOverlay",
value: function showOverlay() {
var _this3 = this;
if (this.overlay !== null && this.overlay.element !== null) {
this.overlay.element.style.display = 'block';
var popupHeight = this.getPopupContainer().offsetHeight;
this.overlayTimeout = setInterval(function () {
if (popupHeight !== _this3.getPopupContainer().offsetHeight) {
_this3.resizeOverlay();
popupHeight = _this3.getPopupContainer().offsetHeight;
}
}, 1000);
}
}
}, {
key: "resizeOverlay",
value: function resizeOverlay() {
if (this.overlay !== null && this.overlay.element !== null) {
var scrollWidth;
var scrollHeight;
if (this.isTargetDocumentBody()) {
scrollWidth = document.documentElement.scrollWidth;
scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight);
} else {
scrollWidth = this.getTargetContainer().scrollWidth;
scrollHeight = this.getTargetContainer().scrollHeight;
}
this.overlay.element.style.width = scrollWidth + 'px';
this.overlay.element.style.height = scrollHeight + 'px';
}
}
}, {
key: "getZindex",
value: function getZindex() {
return this.getZIndexComponent().getZIndex();
}
}, {
key: "getZIndexComponent",
value: function getZIndexComponent() {
return this.zIndexComponent;
}
}, {
key: "show",
value: function show() {
var _this4 = this;
if (this.isShown() || this.isDestroyed()) {
return;
}
this.emit('onBeforeShow');
this.showOverlay();
this.getPopupContainer().style.display = 'block';
if (this.shouldFrontOnShow()) {
this.bringToFront();
}
if (!this.firstShow) {
this.emit('onFirstShow', new main_core_events.BaseEvent({
compatData: [this]
}));
this.firstShow = true;
}
this.emit('onShow', new main_core_events.BaseEvent({
compatData: [this]
}));
this.adjustPosition();
this.animateOpening(function () {
if (_this4.isDestroyed()) {
return;
}
main_core.Dom.removeClass(_this4.getPopupContainer(), _this4.animationShowClassName);
_this4.emit('onAfterShow', new main_core_events.BaseEvent({
compatData: [_this4]
}));
});
this.bindClosingByEsc();
if (this.isCompatibleMode()) {
setTimeout(function () {
_this4.bindAutoHide();
}, 100);
} else {
this.bindAutoHide();
}
}
}, {
key: "close",
value: function close() {
var _this5 = this;
if (this.isDestroyed() || !this.isShown()) {
return;
}
this.emit('onClose', new main_core_events.BaseEvent({
compatData: [this]
}));
if (this.isDestroyed()) {
return;
}
this.animateClosing(function () {
if (_this5.isDestroyed()) {
return;
}
_this5.hideOverlay();
_this5.getPopupContainer().style.display = 'none';
main_core.Dom.removeClass(_this5.getPopupContainer(), _this5.animationCloseClassName);
_this5.unbindClosingByEsc();
if (_this5.isCompatibleMode()) {
setTimeout(function () {
_this5.unbindAutoHide();
}, 0);
} else {
_this5.unbindAutoHide();
}
_this5.emit('onAfterClose', new main_core_events.BaseEvent({
compatData: [_this5]
}));
if (!_this5.isCacheable()) {
_this5.destroy();
}
});
}
}, {
key: "bringToFront",
value: function bringToFront() {
if (this.isShown()) {
main_core_zIndexManager.ZIndexManager.bringToFront(this.getPopupContainer());
}
}
}, {
key: "toggle",
value: function toggle() {
this.isShown() ? this.close() : this.show();
}
/**
*
* @private
*/
}, {
key: "animateOpening",
value: function animateOpening(callback) {
main_core.Dom.removeClass(this.getPopupContainer(), this.animationCloseClassName);
if (this.animationShowClassName !== null) {
main_core.Dom.addClass(this.getPopupContainer(), this.animationShowClassName);
if (this.animationCloseEventType !== null) {
var eventName = this.animationCloseEventType + 'end';
this.getPopupContainer().addEventListener(eventName, function handleTransitionEnd() {
this.removeEventListener(eventName, handleTransitionEnd);
callback();
});
} else {
callback();
}
} else {
callback();
}
}
/**
* @private
*/
}, {
key: "animateClosing",
value: function animateClosing(callback) {
main_core.Dom.removeClass(this.getPopupContainer(), this.animationShowClassName);
if (this.animationCloseClassName !== null) {
main_core.Dom.addClass(this.getPopupContainer(), this.animationCloseClassName);
if (this.animationCloseEventType !== null) {
var eventName = this.animationCloseEventType + 'end';
this.getPopupContainer().addEventListener(eventName, function handleTransitionEnd() {
this.removeEventListener(eventName, handleTransitionEnd);
callback();
});
} else {
callback();
}
} else {
callback();
}
}
}, {
key: "setAnimation",
value: function setAnimation(options) {
if (main_core.Type.isPlainObject(options)) {
this.animationShowClassName = main_core.Type.isStringFilled(options.showClassName) ? options.showClassName : null;
this.animationCloseClassName = main_core.Type.isStringFilled(options.closeClassName) ? options.closeClassName : null;
this.animationCloseEventType = options.closeAnimationType === 'animation' || options.closeAnimationType === 'transition' ? options.closeAnimationType : null;
} else if (main_core.Type.isStringFilled(options)) {
var animationName = options;
if (animationName === 'fading') {
this.animationShowClassName = 'popup-window-show-animation-opacity';
this.animationCloseClassName = 'popup-window-close-animation-opacity';
this.animationCloseEventType = 'animation';
} else if (animationName === 'fading-slide') {
this.animationShowClassName = 'popup-window-show-animation-opacity-transform';
this.animationCloseClassName = 'popup-window-close-animation-opacity';
this.animationCloseEventType = 'animation';
} else if (animationName === 'scale') {
this.animationShowClassName = 'popup-window-show-animation-scale';
this.animationCloseClassName = 'popup-window-close-animation-opacity';
this.animationCloseEventType = 'animation';
}
} else if (options === false || options === null) {
this.animationShowClassName = null;
this.animationCloseClassName = null;
this.animationCloseEventType = null;
}
}
}, {
key: "isShown",
value: function isShown() {
return !this.isDestroyed() && this.getPopupContainer().style.display === 'block';
}
}, {
key: "destroy",
value: function destroy() {
var _this6 = this;
if (this.destroyed) {
return;
}
this.destroyed = true;
this.emit('onDestroy', new main_core_events.BaseEvent({
compatData: [this]
}));
this.unbindClosingByEsc();
if (this.isCompatibleMode()) {
setTimeout(function () {
_this6.unbindAutoHide();
}, 0);
} else {
this.unbindAutoHide();
}
main_core.Event.unbindAll(this);
main_core.Event.unbind(document, 'mousemove', this.handleDocumentMouseMove);
main_core.Event.unbind(document, 'mouseup', this.handleDocumentMouseUp);
main_core.Event.unbind(window, 'resize', this.handleResizeWindow);
this.removeOverlay();
main_core_zIndexManager.ZIndexManager.unregister(this.popupContainer);
this.zIndexComponent = null;
main_core.Dom.remove(this.popupContainer);
this.popupContainer = null;
this.contentContainer = null;
this.closeIcon = null;
this.titleBar = null;
this.buttonsContainer = null;
this.angle = null;
this.angleArrowElement = null;
this.resizeIcon = null;
}
}, {
key: "adjustPosition",
value: function adjustPosition(bindOptions) {
if (bindOptions && babelHelpers.typeof(bindOptions) === 'object') {
this.bindOptions = bindOptions;
}
var bindElementPos = this.getBindElementPos(this.bindElement);
if (!this.bindOptions.forceBindPosition && this.bindElementPos !== null && bindElementPos.top === this.bindElementPos.top && bindElementPos.left === this.bindElementPos.left) {
return;
}
this.bindElementPos = bindElementPos;
var windowSize = bindElementPos.windowSize ? bindElementPos.windowSize : this.getWindowSize();
var windowScroll = bindElementPos.windowScroll ? bindElementPos.windowScroll : this.getWindowScroll();
var popupWidth = bindElementPos.popupWidth ? bindElementPos.popupWidth : this.popupContainer.offsetWidth;
var popupHeight = bindElementPos.popupHeight ? bindElementPos.popupHeight : this.popupContainer.offsetHeight;
var angleTopOffset = Popup.getOption('angleTopOffset');
var left = this.bindElementPos.left + this.offsetLeft - (this.isTopOrBottomAngle() ? Popup.getOption('angleLeftOffset') : 0);
if (!this.bindOptions.forceLeft && left + popupWidth + this.bordersWidth >= windowSize.innerWidth + windowScroll.scrollLeft && windowSize.innerWidth + windowScroll.scrollLeft - popupWidth - this.bordersWidth > 0) {
var bindLeft = left;
left = windowSize.innerWidth + windowScroll.scrollLeft - popupWidth - this.bordersWidth;
if (this.isTopOrBottomAngle()) {
this.setAngle({
offset: bindLeft - left + this.angle.defaultOffset
});
}
} else if (this.isTopOrBottomAngle()) {
this.setAngle({
offset: this.angle.defaultOffset + (left < 0 ? left : 0)
});
}
if (left < 0) {
left = 0;
}
var top = 0;
if (this.bindOptions.position && this.bindOptions.position === 'top') {
top = this.bindElementPos.top - popupHeight - this.offsetTop - (this.isBottomAngle() ? angleTopOffset : 0);
if (top < 0 || !this.bindOptions.forceTop && top < windowScroll.scrollTop) {
top = this.bindElementPos.bottom + this.offsetTop;
if (this.angle !== null) {
top += angleTopOffset;
this.setAngle({
position: 'top'
});
}
} else if (this.isTopAngle()) {
top = top - angleTopOffset + Popup.getOption('positionTopXOffset');
this.setAngle({
position: 'bottom'
});
} else {
top += Popup.getOption('positionTopXOffset');
}
} else {
top = this.bindElementPos.bottom + this.offsetTop + this.getAngleHeight();
if (!this.bindOptions.forceTop && top + popupHeight > windowSize.innerHeight + windowScroll.scrollTop && this.bindElementPos.top - popupHeight - this.getAngleHeight() >= 0) //Can we place the PopupWindow above the bindElement?
{
//The PopupWindow doesn't place below the bindElement. We should place it above.
top = this.bindElementPos.top - popupHeight;
if (this.isTopOrBottomAngle()) {
top -= angleTopOffset;
this.setAngle({
position: 'bottom'
});
}
top += Popup.getOption('positionTopXOffset');
} else if (this.isBottomAngle()) {
top += angleTopOffset;
this.setAngle({
position: 'top'
});
}
}
if (top < 0) {
top = 0;
}
var event = new PositionEvent();
event.left = left;
event.top = top;
this.emit('onBeforeAdjustPosition', event);
main_core.Dom.adjust(this.popupContainer, {
style: {
top: event.top + 'px',
left: event.left + 'px'
}
});
}
}, {
key: "enterFullScreen",
value: function enterFullScreen() {
if (Popup.fullscreenStatus) {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
} else {
if (this.contentContainer.requestFullScreen) {
this.contentContainer.requestFullScreen();
main_core.Event.bind(window, 'fullscreenchange', this.handleFullScreen);
} else if (this.contentContainer.mozRequestFullScreen) {
this.contentContainer.mozRequestFullScreen();
main_core.Event.bind(window, 'mozfullscreenchange', this.handleFullScreen);
} else if (this.contentContainer.webkitRequestFullScreen) {
this.contentContainer.webkitRequestFullScreen();
main_core.Event.bind(window, 'webkitfullscreenchange', this.handleFullScreen);
} else {
console.log('fullscreen mode is not supported');
}
}
}
/**
* @private
*/
}, {
key: "handleFullScreen",
value: function handleFullScreen(event) {
if (Popup.fullscreenStatus) {
main_core.Event.unbind(window, 'fullscreenchange', this.handleFullScreen);
main_core.Event.unbind(window, 'webkitfullscreenchange', this.handleFullScreen);
main_core.Event.unbind(window, 'mozfullscreenchange', this.handleFullScreen);
Popup.fullscreenStatus = false;
if (!this.isDestroyed()) {
main_core.Dom.removeClass(this.contentContainer, 'popup-window-fullscreen');
this.emit('onFullscreenLeave');
this.adjustPosition();
}
} else {
Popup.fullscreenStatus = true;
if (!this.isDestroyed()) {
main_core.Dom.addClass(this.contentContainer, 'popup-window-fullscreen');
this.emit('onFullscreenEnter');
this.adjustPosition();
}
}
}
/**
* @private
*/
}, {
key: "handleCloseIconClick",
value: function handleCloseIconClick(event) {
this.tryCloseByEvent(event);
event.stopPropagation();
}
/**
* @private
*/
}, {
key: "handleContainerClick",
value: function handleContainerClick(event) {
event.stopPropagation();
}
/**
* @private
*/
}, {
key: "handleDocumentKeyUp",
value: function handleDocumentKeyUp(event) {
var _this7 = this;
if (event.keyCode === 27) {
checkEscPressed(this.getZindex(), function () {
_this7.close();
});
}
}
/**
* @private
*/
}, {
key: "handleResizeWindow",
value: function handleResizeWindow() {
if (this.isShown()) {
this.adjustPosition();
if (this.overlay !== null) {
this.resizeOverlay();
}
}
}
/**
* @private
*/
}, {
key: "handleMove",
value: function handleMove(offsetX, offsetY, pageX, pageY) {
var left = parseInt(this.popupContainer.style.left) + offsetX;
var top = parseInt(this.popupContainer.style.top) + offsetY;
if (babelHelpers.typeof(this.params.draggable) === 'object' && this.params.draggable.restrict) {
//Left side
if (left < 0) {
left = 0;
}
var scrollWidth;
var scrollHeight;
if (this.isTargetDocumentBody()) {
scrollWidth = document.documentElement.scrollWidth;
scrollHeight = document.documentElement.scrollHeight;
} else {
scrollWidth = this.getTargetContainer().scrollWidth;
scrollHeight = this.getTargetContainer().scrollHeight;
} //Right side
var floatWidth = this.popupContainer.offsetWidth;
var floatHeight = this.popupContainer.offsetHeight;
if (left > scrollWidth - floatWidth) {
left = scrollWidth - floatWidth;
}
if (top > scrollHeight - floatHeight) {
top = scrollHeight - floatHeight;
} //Top side
if (top < 0) {
top = 0;
}
}
this.popupContainer.style.left = left + 'px';
this.popupContainer.style.top = top + 'px';
}
/**
* @private
*/
}, {
key: "_startDrag",
value: function _startDrag(event, options) {
options = options || {};
if (main_core.Type.isStringFilled(options.cursor)) {
this.dragOptions.cursor = options.cursor;
}
if (main_core.Type.isStringFilled(options.eventName)) {
this.dragOptions.eventName = options.eventName;
}
if (main_core.Type.isFunction(options.callback)) {
this.dragOptions.callback = options.callback;
}
this.dragPageX = event.pageX;
this.dragPageY = event.pageY;
this.dragged = false;
main_core.Event.bind(document, 'mousemove', this.handleDocumentMouseMove);
main_core.Event.bind(document, 'mouseup', this.handleDocumentMouseUp);
if (document.body.setCapture) {
document.body.setCapture();
}
document.body.ondrag = function () {
return false;
};
document.body.onselectstart = function () {
return false;
};
document.body.style.cursor = this.dragOptions.cursor;
document.body.style.MozUserSelect = 'none';
this.popupContainer.style.MozUserSelect = 'none';
if (this.shouldFrontOnShow()) {
this.bringToFront();
}
event.preventDefault();
}
/**
* @private
*/
}, {
key: "handleDocumentMouseMove",
value: function handleDocumentMouseMove(event) {
if (this.dragPageX === event.pageX && this.dragPageY === event.pageY) {
return;
}
this.dragOptions.callback(event.pageX - this.dragPageX, event.pageY - this.dragPageY, event.pageX, event.pageY);
this.dragPageX = event.pageX;
this.dragPageY = event.pageY;
if (!this.dragged) {
this.emit("on".concat(this.dragOptions.eventName, "Start"), new main_core_events.BaseEvent({
compatData: [this]
}));
this.dragged = true;
}
this.emit("on".concat(this.dragOptions.eventName), new main_core_events.BaseEvent({
compatData: [this]
}));
}
/**
* @private
*/
}, {
key: "handleDocumentMouseUp",
value: function handleDocumentMouseUp(event) {
if (document.body.releaseCapture) {
document.body.releaseCapture();
}
main_core.Event.unbind(document, 'mousemove', this.handleDocumentMouseMove);
main_core.Event.unbind(document, 'mouseup', this.handleDocumentMouseUp);
document.body.ondrag = null;
document.body.onselectstart = null;
document.body.style.cursor = '';
document.body.style.MozUserSelect = '';
this.popupContainer.style.MozUserSelect = '';
this.emit("on".concat(this.dragOptions.eventName, "End"), new main_core_events.BaseEvent({
compatData: [this]
}));
this.dragged = false;
event.preventDefault();
}
}]);
return Popup;
}(main_core_events.EventEmitter);
babelHelpers.defineProperty(Popup, "options", {});
babelHelpers.defineProperty(Popup, "defaultOptions", {
//left offset for popup about target
angleLeftOffset: 40,
//when popup position is 'top' offset distance between popup body and target node
positionTopXOffset: -11,
//offset distance between popup body and target node if use angle, sum with positionTopXOffset
angleTopOffset: 10,
popupZindex: 1000,
popupOverlayZindex: 1100,
angleMinLeft: 10,
angleMaxLeft: 30,
angleMinRight: 10,
angleMaxRight: 30,
angleMinBottom: 23,
angleMaxBottom: 25,
angleMinTop: 23,
angleMaxTop: 25,
offsetLeft: 0,
offsetTop: 0
});
var escCallbackIndex = -1;
var escCallback = null;
function checkEscPressed(zIndex, callback) {
if (zIndex === false) {
if (escCallback && escCallback.length > 0) {
for (var i = 0; i < escCallback.length; i++) {
escCallback[i]();
}
escCallback = null;
escCallbackIndex = -1;
}
} else {
if (escCallback === null) {
escCallback = [];
escCallbackIndex = -1;
setTimeout(function () {
checkEscPressed(false);
}, 10);
}
if (zIndex > escCallbackIndex) {
escCallbackIndex = zIndex;
escCallback = [callback];
} else if (zIndex === escCallbackIndex) {
escCallback.push(callback);
}
}
}
var PopupManager = /*#__PURE__*/function () {
function PopupManager() {
babelHelpers.classCallCheck(this, PopupManager);
throw new Error('You cannot make an instance of PopupManager.');
}
babelHelpers.createClass(PopupManager, null, [{
key: "create",
value: function create(options) {
var _arguments = Array.prototype.slice.call(arguments),
popupId = _arguments[0],
bindElement = _arguments[1],
params = _arguments[2]; //compatible arguments
var id = popupId;
var compatMode = true;
if (main_core.Type.isPlainObject(popupId) && !bindElement && !params) {
compatMode = false;
id = popupId.id;
if (!main_core.Type.isStringFilled(id)) {
throw new Error('BX.Main.Popup.Manager: "id" parameter is required.');
}
}
var popupWindow = this.getPopupById(id);
if (popupWindow === null) {
popupWindow = compatMode ? new Popup(popupId, bindElement, params) : new Popup(options);
popupWindow.subscribe('onShow', this.handlePopupShow);
popupWindow.subscribe('onClose', this.handlePopupClose);
}
return popupWindow;
}
/**
* @private
*/
}, {
key: "handleOnAfterInit",
value: function handleOnAfterInit(event) {
event.getTarget().subscribeOnce('onDestroy', this.handlePopupDestroy);
this._popups.forEach(function (popup) {
if (popup.getId() === event.getTarget().getId()) {
console.error("Duplicate id (".concat(popup.getId(), ") for the BX.Main.Popup instance."));
}
});
this._popups.push(event.getTarget());
}
/**
* @private
*/
}, {
key: "handlePopupDestroy",
value: function handlePopupDestroy(event) {
this._popups = this._popups.filter(function (popup) {
return popup !== event.getTarget();
});
}
/**
* @private
*/
}, {
key: "handlePopupShow",
value: function handlePopupShow(event) {
if (this._currentPopup !== null) {
this._currentPopup.close();
}
this._currentPopup = event.getTarget();
}
/**
* @private
*/
}, {
key: "handlePopupClose",
value: function handlePopupClose() {
this._currentPopup = null;
}
}, {
key: "getCurrentPopup",
value: function getCurrentPopup() {
return this._currentPopup;
}
}, {
key: "isPopupExists",
value: function isPopupExists(id) {
return this.getPopupById(id) !== null;
}
}, {
key: "isAnyPopupShown",
value: function isAnyPopupShown() {
for (var i = 0, length = this._popups.length; i < length; i++) {
if (this._popups[i].isShown()) {
return true;
}
}
return false;
}
}, {
key: "getPopupById",
value: function getPopupById(id) {
for (var i = 0; i < this._popups.length; i++) {
if (this._popups[i].getId() === id) {
return this._popups[i];
}
}
return null;
}
}, {
key: "getMaxZIndex",
value: function getMaxZIndex() {
var zIndex = 0;
this.getPopups().forEach(function (popup) {
zIndex = Math.max(zIndex, popup.getZindex());
});
return zIndex;
}
}, {
key: "getPopups",
value: function getPopups() {
return this._popups;
}
}]);
return PopupManager;
}();
babelHelpers.defineProperty(PopupManager, "_popups", []);
babelHelpers.defineProperty(PopupManager, "_currentPopup", null);
PopupManager.handlePopupDestroy = PopupManager.handlePopupDestroy.bind(PopupManager);
PopupManager.handlePopupShow = PopupManager.handlePopupShow.bind(PopupManager);
PopupManager.handlePopupClose = PopupManager.handlePopupClose.bind(PopupManager);
PopupManager.handleOnAfterInit = PopupManager.handleOnAfterInit.bind(PopupManager);
main_core_events.EventEmitter.subscribe('BX.Main.Popup:onAfterInit', PopupManager.handleOnAfterInit);
var _templateObject$1, _templateObject2$1, _templateObject3$1;
var aliases$1 = {
onSubMenuShow: {
namespace: 'BX.Main.Menu.Item',
eventName: 'SubMenu:onShow'
},
onSubMenuClose: {
namespace: 'BX.Main.Menu.Item',
eventName: 'SubMenu:onClose'
}
};
var reEscape = /[<>'"]/g;
var escapeEntities = {
'<': '<',
'>': '>',
"'": ''',
'"': '"'
};
function encodeSafe(value) {
if (main_core.Type.isString(value)) {
return value.replace(reEscape, function (item) {
return escapeEntities[item];
});
}
return value;
}
main_core_events.EventEmitter.registerAliases(aliases$1);
var MenuItem = /*#__PURE__*/function (_EventEmitter) {
babelHelpers.inherits(MenuItem, _EventEmitter);
function MenuItem(options) {
var _this;
babelHelpers.classCallCheck(this, MenuItem);
_this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(MenuItem).call(this));
_this.setEventNamespace('BX.Main.Menu.Item');
options = options || {};
_this.options = options;
_this.id = options.id || main_core.Text.getRandom();
_this.text = '';
_this.allowHtml = false;
if (main_core.Type.isStringFilled(options.html) || main_core.Type.isElementNode(options.html)) {
_this.text = options.html;
_this.allowHtml = true;
} else if (main_core.Type.isStringFilled(options.text)) {
_this.text = options.text;
if (_this.text.match(/<[^>]+>/)) {
console.warn('BX.Main.MenuItem: use "html" option for the html item content.', _this.getText());
}
}
_this.title = main_core.Type.isStringFilled(options.title) ? options.title : '';
_this.delimiter = options.delimiter === true;
_this.href = main_core.Type.isStringFilled(options.href) ? options.href : null;
_this.target = main_core.Type.isStringFilled(options.target) ? options.target : null;
_this.dataset = main_core.Type.isPlainObject(options.dataset) ? options.dataset : null;
_this.className = main_core.Type.isStringFilled(options.className) ? options.className : null;
_this.menuShowDelay = main_core.Type.isNumber(options.menuShowDelay) ? options.menuShowDelay : 300;
_this.subMenuOffsetX = main_core.Type.isNumber(options.subMenuOffsetX) ? options.subMenuOffsetX : 4;
_this._items = main_core.Type.isArray(options.items) ? options.items : [];
_this.disabled = options.disabled === true;
_this.cacheable = options.cacheable === true;
/**
*
* @type {function|string}
*/
_this.onclick = main_core.Type.isStringFilled(options.onclick) || main_core.Type.isFunction(options.onclick) ? options.onclick : null;
_this.subscribeFromOptions(options.events, aliases$1);
/**
*
* @type {Menu}
*/
_this.menuWindow = null;
/**
*
* @type {Menu}
*/
_this.subMenuWindow = null;
/**
*
* @type {{item: HTMLElement, text: HTMLElement}}
*/
_this.layout = {
item: null,
text: null
};
_this.getLayout(); //compatibility
//compatibility
//now use this.options
_this.events = {};
_this.items = [];
for (var property in options) {
if (options.hasOwnProperty(property) && typeof _this[property] === 'undefined') {
_this[property] = options[property];
}
}
return _this;
}
babelHelpers.createClass(MenuItem, [{
key: "getLayout",
value: function getLayout() {
if (this.layout.item) {
return this.layout;
}
if (this.delimiter) {
if (main_core.Type.isStringFilled(this.getText())) {
this.layout.item = main_core.Dom.create('span', {
props: {
className: ['popup-window-delimiter-section', this.className ? this.className : ''].join(' ')
},
children: [this.layout.text = main_core.Tag.render(_templateObject$1 || (_templateObject$1 = babelHelpers.taggedTemplateLiteral(["\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t"])), this.allowHtml ? this.getText() : encodeSafe(this.getText()))]
});
} else {
this.layout.item = main_core.Tag.render(_templateObject2$1 || (_templateObject2$1 = babelHelpers.taggedTemplateLiteral(["