Your IP : 216.73.216.86
/* eslint-disable */
this.BX = this.BX || {};
(function (exports,main_core,ui_iconSet_api_core,main_core_events,main_popup) {
'use strict';
let _ = t => t,
_t,
_t2,
_t3,
_t4,
_t5,
_t6,
_t7,
_t8;
var _panel = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("panel");
var _popup = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("popup");
var _container = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("container");
var _createPanel = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("createPanel");
var _handlePopupShow = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("handlePopupShow");
var _handlePopupClose = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("handlePopupClose");
class NotificationPanel extends main_core_events.EventEmitter {
constructor(options) {
var _this$options, _this$options$id;
super();
Object.defineProperty(this, _handlePopupClose, {
value: _handlePopupClose2
});
Object.defineProperty(this, _handlePopupShow, {
value: _handlePopupShow2
});
Object.defineProperty(this, _createPanel, {
value: _createPanel2
});
Object.defineProperty(this, _panel, {
writable: true,
value: null
});
Object.defineProperty(this, _popup, {
writable: true,
value: null
});
Object.defineProperty(this, _container, {
writable: true,
value: void 0
});
this.setEventNamespace('UI:NotificationPanel');
this.options = {
...this.getDefaultOptions(),
...(main_core.Type.isPlainObject(options) ? options : {})
};
(_this$options$id = (_this$options = this.options).id) != null ? _this$options$id : _this$options.id = main_core.Text.getRandom();
}
getDefaultOptions() {
return {
backgroundColor: '#F2FEE2',
leftIcon: null,
rightButtons: [],
showCloseIcon: true,
events: {}
};
}
getContainer() {
if (babelHelpers.classPrivateFieldLooseBase(this, _container)[_container]) {
return babelHelpers.classPrivateFieldLooseBase(this, _container)[_container];
}
babelHelpers.classPrivateFieldLooseBase(this, _container)[_container] = main_core.Tag.render(_t || (_t = _`
<div class="ui-notification-panel__container">
${0}
${0}
</div>
`), this.getContent(), this.getFooter());
return babelHelpers.classPrivateFieldLooseBase(this, _container)[_container];
}
getButtonsContainer(buttons) {
const buttonsContainer = main_core.Tag.render(_t2 || (_t2 = _`<div class="ui-notification-panel__buttons-container"></div>`));
buttons.forEach(button => {
button.renderTo(buttonsContainer);
});
return buttonsContainer;
}
getContent() {
const content = main_core.Tag.render(_t3 || (_t3 = _`<div class="ui-notification-panel__content"></div>`));
if (this.options.leftIcon) {
this.options.leftIcon.size = 28;
this.options.leftIcon.renderTo(content);
main_core.Dom.append(main_core.Tag.render(_t4 || (_t4 = _`<div class="ui-notification-panel__left-icon-divider"></div>`)), content);
}
if (main_core.Type.isElementNode(this.options.content)) {
main_core.Dom.append(this.options.content, content);
} else if (main_core.Type.isString(this.options.content)) {
main_core.Dom.append(main_core.Tag.render(_t5 || (_t5 = _`<div class="ui-notification-panel__text">${0}</div>`), this.options.content), content);
}
main_core.Dom.append(this.getFooter(), content);
return content;
}
getFooter() {
const footer = main_core.Tag.render(_t6 || (_t6 = _`<div class="ui-notification-panel__footer"></div>`));
if (this.options.rightButtons) {
main_core.Dom.append(this.getButtonsContainer(this.options.rightButtons), footer);
}
if (this.options.showCloseIcon) {
main_core.Dom.append(this.getCloseButton(), footer);
}
return footer;
}
getCloseButton() {
return main_core.Tag.render(_t7 || (_t7 = _`
<div
class="ui-notification-panel__close-button ui-icon-set --cross-45"
onclick="${0}"
>
</div>
`), this.hide.bind(this));
}
getPopup() {
var _babelHelpers$classPr, _babelHelpers$classPr2;
(_babelHelpers$classPr2 = (_babelHelpers$classPr = babelHelpers.classPrivateFieldLooseBase(this, _popup))[_popup]) != null ? _babelHelpers$classPr2 : _babelHelpers$classPr[_popup] = main_popup.PopupWindowManager.create({
id: this.options.id,
content: this.getContent(),
background: this.options.backgroundColor,
targetContainer: babelHelpers.classPrivateFieldLooseBase(this, _panel)[_panel],
className: 'ui-notification-panel__container',
animation: {
showClassName: 'ui-notification-panel__show',
closeClassName: 'ui-notification-panel__hide',
closeAnimationType: 'transition'
},
events: {
onShow: babelHelpers.classPrivateFieldLooseBase(this, _handlePopupShow)[_handlePopupShow].bind(this),
onClose: babelHelpers.classPrivateFieldLooseBase(this, _handlePopupClose)[_handlePopupClose].bind(this)
},
zIndexOptions: {
alwaysOnTop: true
}
});
return babelHelpers.classPrivateFieldLooseBase(this, _popup)[_popup];
}
show() {
if (!babelHelpers.classPrivateFieldLooseBase(this, _panel)[_panel]) {
babelHelpers.classPrivateFieldLooseBase(this, _createPanel)[_createPanel]();
}
this.getPopup().show();
}
hide() {
this.getPopup().close();
}
}
function _createPanel2() {
babelHelpers.classPrivateFieldLooseBase(this, _panel)[_panel] = main_core.Tag.render(_t8 || (_t8 = _`<div class="ui-notification-panel" id="notification-panel-${0}"></div>`), this.options.id);
const mainTable = document.body.querySelector('.bx-layout-table');
main_core.Dom.insertBefore(babelHelpers.classPrivateFieldLooseBase(this, _panel)[_panel], mainTable);
}
function _handlePopupShow2() {
var _this$options$events;
(_this$options$events = this.options.events) == null ? void 0 : _this$options$events.onShow == null ? void 0 : _this$options$events.onShow();
this.emit('onShow');
}
function _handlePopupClose2() {
var _this$options$events2;
(_this$options$events2 = this.options.events) == null ? void 0 : _this$options$events2.onHide == null ? void 0 : _this$options$events2.onHide();
this.emit('onHide');
}
exports.NotificationPanel = NotificationPanel;
}((this.BX.UI = this.BX.UI || {}),BX,BX.UI.IconSet,BX.Event,BX.Main));
//# sourceMappingURL=notification-panel.bundle.js.map