Your IP : 216.73.216.86
this.BX = this.BX || {};
(function (exports,main_core_events,main_core,main_popup,landing_pageobject) {
'use strict';
let _ = t => t,
_t,
_t2,
_t3,
_t4,
_t5,
_t6,
_t7,
_t8;
var _cache = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("cache");
var _getPopup = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getPopup");
var _getContent = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getContent");
class FeaturesPopup extends main_core_events.EventEmitter {
constructor(_options) {
super();
Object.defineProperty(this, _getContent, {
value: _getContent2
});
Object.defineProperty(this, _getPopup, {
value: _getPopup2
});
Object.defineProperty(this, _cache, {
writable: true,
value: new main_core.Cache.MemoryCache()
});
this.setEventNamespace('BX.Landing.FeaturesPopup');
this.subscribeFromOptions(_options.events);
this.setOptions(_options);
main_core.Event.bind(landing_pageobject.PageObject.getEditorWindow().document, 'click', () => {
this.hide();
});
}
setOptions(options) {
babelHelpers.classPrivateFieldLooseBase(this, _cache)[_cache].set('options', {
...options
});
}
getOptions() {
return babelHelpers.classPrivateFieldLooseBase(this, _cache)[_cache].get('options', {});
}
show() {
babelHelpers.classPrivateFieldLooseBase(this, _getPopup)[_getPopup]().show();
this.emit('onShow');
}
hide() {
babelHelpers.classPrivateFieldLooseBase(this, _getPopup)[_getPopup]().close();
this.emit('onClose');
}
isShown() {
return babelHelpers.classPrivateFieldLooseBase(this, _getPopup)[_getPopup]().isShown();
}
static createContentBlock(options) {
if (main_core.Type.isArray(options)) {
return options.map(optionsItem => {
return FeaturesPopup.createContentBlock(optionsItem);
});
}
const getTitle = () => {
if (main_core.Type.isStringFilled(options.title)) {
return main_core.Tag.render(_t || (_t = _`
<div class="landing-features-popup-content-block-text-title">
${0}
</div>
`), main_core.Text.encode(options.title));
}
return '';
};
const getLink = () => {
if (main_core.Type.isPlainObject(options.link) && main_core.Type.isStringFilled(options.link.label) && main_core.Type.isFunction(options.link.onClick)) {
return main_core.Tag.render(_t2 || (_t2 = _`
<div
class="landing-features-popup-content-block-text-link"
onclick="${0}"
>
${0}
</div>
`), options.link.onClick, main_core.Text.encode(options.link.label));
}
return '';
};
const getActionButton = () => {
if (main_core.Type.isPlainObject(options.actionButton) && main_core.Type.isStringFilled(options.actionButton.label) && main_core.Type.isFunction(options.actionButton.onClick)) {
return main_core.Tag.render(_t3 || (_t3 = _`
<div class="landing-features-popup-content-block-action">
<span
class="ui-btn ui-btn-xs ui-btn-round ui-btn-no-caps ui-btn-light-border"
onclick="${0}"
>${0}</span>
</div>
`), options.actionButton.onClick, main_core.Text.encode(options.actionButton.label));
}
return '';
};
const getTextBlock = () => {
const title = getTitle();
const link = getLink();
if (title || link) {
return main_core.Tag.render(_t4 || (_t4 = _`
<div class="landing-features-popup-content-block-text">
${0}
${0}
</div>
`), getTitle(), getLink());
}
return '';
};
const getIcon = () => {
if (main_core.Type.isPlainObject(options.icon)) {
return main_core.Tag.render(_t5 || (_t5 = _`
<div class="landing-features-popup-content-block-icon">
<div class="ui-icon ui-icon-md ${0}">
<i></i>
</div>
</div>
`), options.icon.className);
}
return '';
};
const blockClass = (() => {
let result = '';
if (main_core.Type.isFunction(options.onClick)) {
result += ' landing-features-popup-content-block-clickable';
}
if (main_core.Type.isStringFilled(options.theme)) {
result += ` landing-features-popup-content-block-theme-${options.theme}`;
}
return result;
})();
const block = main_core.Tag.render(_t6 || (_t6 = _`
<div
class="landing-features-popup-content-block${0}"
data-id="${0}"
>
${0}
${0}
${0}
</div>
`), blockClass, main_core.Text.encode(options.id || main_core.Text.getRandom()), getIcon(), getTextBlock(), getActionButton());
if (main_core.Type.isFunction(options.onClick)) {
main_core.Event.bind(block, 'click', options.onClick);
}
if (main_core.Type.isStringFilled(options.backgroundColor)) {
main_core.Dom.style(block, 'background-color', options.backgroundColor);
}
return block;
}
static createRow(options) {
return main_core.Tag.render(_t7 || (_t7 = _`
<div class="landing-features-popup-content-row">
${0}
</div>
`), FeaturesPopup.createContentBlock(options));
}
}
function _getPopup2() {
return babelHelpers.classPrivateFieldLooseBase(this, _cache)[_cache].remember('popup', () => {
return new main_popup.Popup({
id: `landing-features-popup-${main_core.Text.getRandom()}`,
bindElement: this.getOptions().bindElement,
content: babelHelpers.classPrivateFieldLooseBase(this, _getContent)[_getContent](),
className: 'landing-features-popup',
width: 410,
autoHide: true,
closeByEsc: true,
noAllPaddings: true,
angle: {
position: 'top',
offset: 115
},
minWidth: 410,
contentBackground: 'transparent',
background: '#E9EAED'
});
});
}
function _getContent2() {
return babelHelpers.classPrivateFieldLooseBase(this, _cache)[_cache].remember('content', () => {
return main_core.Tag.render(_t8 || (_t8 = _`
<div class="landing-features-popup-content">
${0}
</div>
`), this.getOptions().items.map(options => {
return FeaturesPopup.createRow(options);
}));
});
}
FeaturesPopup.Themes = {
Highlight: 'highlight'
};
exports.FeaturesPopup = FeaturesPopup;
}((this.BX.Landing = this.BX.Landing || {}),BX.Event,BX,BX.Main,BX.Landing));
//# sourceMappingURL=features-popup.bundle.js.map