Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/ui/popup-with-header/dist/ |
Upload File : |
/* eslint-disable */ this.BX = this.BX || {}; (function (exports,main_core_events,main_loader,ui_progressround,ui_popupcomponentsmaker,ui_iconSet_api_core,main_popup,ui_popupWithHeader,main_core,ui_buttons,ui_infoHelper) { 'use strict'; let _ = t => t, _t, _t2, _t3, _t4, _t5; var _pausePlayerWidth = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("pausePlayerWidth"); var _scale = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("scale"); var _videos = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("videos"); var _loop = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("loop"); var _autoplay = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("autoplay"); var _muted = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("muted"); var _content = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("content"); var _videoNode = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("videoNode"); var _playerNode = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("playerNode"); var _progressBar = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("progressBar"); var _barPadding = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("barPadding"); var _posterUrl = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("posterUrl"); var _loader = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("loader"); var _currentPlayState = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("currentPlayState"); var _playButton = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("playButton"); var _stopButton = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("stopButton"); var _wrapper = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("wrapper"); var _hasAutoPlayed = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("hasAutoPlayed"); var _analyticsCallback = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("analyticsCallback"); var _onInitVideoMetadata = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onInitVideoMetadata"); var _onTick = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onTick"); var _onClickPlayer = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onClickPlayer"); var _onClickStopButton = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onClickStopButton"); var _onVideoEnded = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onVideoEnded"); var _scaleTo = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("scaleTo"); var _onPause = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onPause"); var _onPlay = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("onPlay"); class RoundPlayer { constructor(options) { var _options$width; Object.defineProperty(this, _onPlay, { value: _onPlay2 }); Object.defineProperty(this, _onPause, { value: _onPause2 }); Object.defineProperty(this, _scaleTo, { value: _scaleTo2 }); Object.defineProperty(this, _onVideoEnded, { value: _onVideoEnded2 }); Object.defineProperty(this, _onClickStopButton, { value: _onClickStopButton2 }); Object.defineProperty(this, _onClickPlayer, { value: _onClickPlayer2 }); Object.defineProperty(this, _onTick, { value: _onTick2 }); Object.defineProperty(this, _onInitVideoMetadata, { value: _onInitVideoMetadata2 }); Object.defineProperty(this, _pausePlayerWidth, { writable: true, value: void 0 }); Object.defineProperty(this, _scale, { writable: true, value: void 0 }); Object.defineProperty(this, _videos, { writable: true, value: void 0 }); Object.defineProperty(this, _loop, { writable: true, value: void 0 }); Object.defineProperty(this, _autoplay, { writable: true, value: void 0 }); Object.defineProperty(this, _muted, { writable: true, value: void 0 }); Object.defineProperty(this, _content, { writable: true, value: void 0 }); Object.defineProperty(this, _videoNode, { writable: true, value: void 0 }); Object.defineProperty(this, _playerNode, { writable: true, value: void 0 }); Object.defineProperty(this, _progressBar, { writable: true, value: void 0 }); Object.defineProperty(this, _barPadding, { writable: true, value: 3 }); Object.defineProperty(this, _posterUrl, { writable: true, value: void 0 }); Object.defineProperty(this, _loader, { writable: true, value: void 0 }); Object.defineProperty(this, _currentPlayState, { writable: true, value: RoundPlayer.PLAY_STATE_BACKGROUND }); Object.defineProperty(this, _playButton, { writable: true, value: void 0 }); Object.defineProperty(this, _stopButton, { writable: true, value: void 0 }); Object.defineProperty(this, _wrapper, { writable: true, value: void 0 }); Object.defineProperty(this, _hasAutoPlayed, { writable: true, value: false }); Object.defineProperty(this, _analyticsCallback, { writable: true, value: void 0 }); babelHelpers.classPrivateFieldLooseBase(this, _wrapper)[_wrapper] = options.wrapper; babelHelpers.classPrivateFieldLooseBase(this, _pausePlayerWidth)[_pausePlayerWidth] = (_options$width = options.width) != null ? _options$width : 86; babelHelpers.classPrivateFieldLooseBase(this, _scale)[_scale] = main_core.Type.isNumber(options.scale) ? options.scale : 1; babelHelpers.classPrivateFieldLooseBase(this, _videos)[_videos] = main_core.Type.isArrayFilled(options.videos) ? options.videos : []; babelHelpers.classPrivateFieldLooseBase(this, _loop)[_loop] = main_core.Type.isBoolean(options.loop) ? options.loop : true; babelHelpers.classPrivateFieldLooseBase(this, _autoplay)[_autoplay] = main_core.Type.isBoolean(options.autoplay) ? options.autoplay : true; babelHelpers.classPrivateFieldLooseBase(this, _muted)[_muted] = main_core.Type.isBoolean(options.muted) ? options.muted : true; babelHelpers.classPrivateFieldLooseBase(this, _posterUrl)[_posterUrl] = options.posterUrl; babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback] = main_core.Type.isFunction(options.analyticsCallback) ? options.analyticsCallback : null; babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode] = main_core.Tag.render(_t || (_t = _`<div class="ui-popupcomponentmaker__round-player"></div>`)); babelHelpers.classPrivateFieldLooseBase(this, _playButton)[_playButton] = main_core.Tag.render(_t2 || (_t2 = _`<div class="ui-popupcomponentmaker__round-player-btn"></div>`)); babelHelpers.classPrivateFieldLooseBase(this, _stopButton)[_stopButton] = main_core.Tag.render(_t3 || (_t3 = _`<div class="ui-popupcomponentmaker__round-player-btn --stop-btn"></div>`)); let poster = ''; if (main_core.Type.isStringFilled(babelHelpers.classPrivateFieldLooseBase(this, _posterUrl)[_posterUrl])) { babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode].style.backgroundImage = 'url("' + main_core.Text.encode(babelHelpers.classPrivateFieldLooseBase(this, _posterUrl)[_posterUrl]) + '")'; poster = 'poster="' + main_core.Text.encode(babelHelpers.classPrivateFieldLooseBase(this, _posterUrl)[_posterUrl]) + '"'; } const autoplay = babelHelpers.classPrivateFieldLooseBase(this, _autoplay)[_autoplay] ? 'autoplay' : ''; const muted = babelHelpers.classPrivateFieldLooseBase(this, _muted)[_muted] ? 'muted' : ''; babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode] = main_core.Tag.render(_t4 || (_t4 = _`<video ${0} ${0} ${0}></video>`), poster, autoplay, muted); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted = babelHelpers.classPrivateFieldLooseBase(this, _muted)[_muted]; babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].autoplay = babelHelpers.classPrivateFieldLooseBase(this, _autoplay)[_autoplay]; // this.#videoNode.loop = this.#loop; babelHelpers.classPrivateFieldLooseBase(this, _loader)[_loader] = new main_loader.Loader({ size: 40 }); babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode].style.width = babelHelpers.classPrivateFieldLooseBase(this, _pausePlayerWidth)[_pausePlayerWidth] + 'px'; babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('timeupdate', babelHelpers.classPrivateFieldLooseBase(this, _onTick)[_onTick].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('loadedmetadata', babelHelpers.classPrivateFieldLooseBase(this, _onInitVideoMetadata)[_onInitVideoMetadata].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode].addEventListener('click', babelHelpers.classPrivateFieldLooseBase(this, _onClickPlayer)[_onClickPlayer].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('ended', babelHelpers.classPrivateFieldLooseBase(this, _onVideoEnded)[_onVideoEnded].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('play', babelHelpers.classPrivateFieldLooseBase(this, _onPlay)[_onPlay].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('pause', babelHelpers.classPrivateFieldLooseBase(this, _onPause)[_onPause].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _playButton)[_playButton].addEventListener('click', babelHelpers.classPrivateFieldLooseBase(this, _onClickPlayer)[_onClickPlayer].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _stopButton)[_stopButton].addEventListener('click', babelHelpers.classPrivateFieldLooseBase(this, _onClickStopButton)[_onClickStopButton].bind(this)); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('canplay', () => { babelHelpers.classPrivateFieldLooseBase(this, _loader)[_loader].hide(); }); babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].addEventListener('waiting', () => { babelHelpers.classPrivateFieldLooseBase(this, _loader)[_loader].show(babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode]); }); } render() { if (babelHelpers.classPrivateFieldLooseBase(this, _content)[_content]) { return babelHelpers.classPrivateFieldLooseBase(this, _content)[_content]; } babelHelpers.classPrivateFieldLooseBase(this, _videos)[_videos].forEach(video => { main_core.Dom.append(main_core.Tag.render(_t5 || (_t5 = _`<source src="${0}" type="${0}">`), video.url, video.type), babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode]); }); main_core.Dom.append(babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode], babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode]); main_core.Dom.append(babelHelpers.classPrivateFieldLooseBase(this, _playButton)[_playButton], babelHelpers.classPrivateFieldLooseBase(this, _wrapper)[_wrapper]); main_core.Dom.append(babelHelpers.classPrivateFieldLooseBase(this, _stopButton)[_stopButton], babelHelpers.classPrivateFieldLooseBase(this, _wrapper)[_wrapper]); main_core.Dom.append(babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode], babelHelpers.classPrivateFieldLooseBase(this, _wrapper)[_wrapper]); babelHelpers.classPrivateFieldLooseBase(this, _content)[_content] = babelHelpers.classPrivateFieldLooseBase(this, _wrapper)[_wrapper]; return babelHelpers.classPrivateFieldLooseBase(this, _content)[_content]; } renderTo(wrapper) { main_core.Dom.append(wrapper, this.render()); return wrapper; } play() { babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].play(); main_core.Dom.removeClass(this.render(), '--stop'); } setMute(mute) { babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted = mute; } getPlayState() { return babelHelpers.classPrivateFieldLooseBase(this, _currentPlayState)[_currentPlayState]; } pause() { babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].pause(); } stop() { this.pause(); babelHelpers.classPrivateFieldLooseBase(this, _currentPlayState)[_currentPlayState] = RoundPlayer.PLAY_STATE_BACKGROUND; babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].currentTime = 0; main_core.Dom.addClass(this.render(), '--stop'); } userPlay() { this.stop(); babelHelpers.classPrivateFieldLooseBase(this, _currentPlayState)[_currentPlayState] = RoundPlayer.PLAY_STATE_USER; babelHelpers.classPrivateFieldLooseBase(this, _progressBar)[_progressBar].setValue(0); main_core.Dom.remove(babelHelpers.classPrivateFieldLooseBase(this, _progressBar)[_progressBar].getContainer()); babelHelpers.classPrivateFieldLooseBase(this, _progressBar)[_progressBar].renderTo(babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode]); this.setMute(false); this.play(); } } function _onInitVideoMetadata2(event) { babelHelpers.classPrivateFieldLooseBase(this, _progressBar)[_progressBar] = new ui_progressround.ProgressRound({ width: babelHelpers.classPrivateFieldLooseBase(this, _pausePlayerWidth)[_pausePlayerWidth] - 2 * babelHelpers.classPrivateFieldLooseBase(this, _barPadding)[_barPadding], lineSize: 2, maxValue: babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].duration, value: babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].currentTime, colorBar: '#fff', colorTrack: 'rgba(0, 0, 0, 0)' }); if (babelHelpers.classPrivateFieldLooseBase(this, _autoplay)[_autoplay]) { this.play(); } } function _onTick2() { babelHelpers.classPrivateFieldLooseBase(this, _progressBar)[_progressBar].update(babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].currentTime); } function _onClickPlayer2() { if (babelHelpers.classPrivateFieldLooseBase(this, _currentPlayState)[_currentPlayState] === RoundPlayer.PLAY_STATE_BACKGROUND) { this.userPlay(); main_core.Dom.removeClass(this.render(), '--stop'); } else { babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].paused ? this.play() : this.pause(); } if (babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]) { babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]('click-player'); } } function _onClickStopButton2() { if (babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]) { babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]('click-player'); } this.stop(); } function _onVideoEnded2() { if (babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback] && (!babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted || !babelHelpers.classPrivateFieldLooseBase(this, _hasAutoPlayed)[_hasAutoPlayed])) { babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]('video_finished', `isMuted_${babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted ? 'Y' : 'N'}`); } if (!babelHelpers.classPrivateFieldLooseBase(this, _hasAutoPlayed)[_hasAutoPlayed]) { babelHelpers.classPrivateFieldLooseBase(this, _hasAutoPlayed)[_hasAutoPlayed] = babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted; } this.stop(); main_core.Dom.remove(babelHelpers.classPrivateFieldLooseBase(this, _progressBar)[_progressBar].getContainer()); this.setMute(true); if (babelHelpers.classPrivateFieldLooseBase(this, _loop)[_loop]) { this.play(); } } function _scaleTo2(x) { babelHelpers.classPrivateFieldLooseBase(this, _playerNode)[_playerNode].style.transform = `scale(${x})`; } function _onPause2() { babelHelpers.classPrivateFieldLooseBase(this, _scaleTo)[_scaleTo](1); if (babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback] && (!babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted || !babelHelpers.classPrivateFieldLooseBase(this, _hasAutoPlayed)[_hasAutoPlayed])) { babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]('on-pause'); } } function _onPlay2() { babelHelpers.classPrivateFieldLooseBase(this, _scaleTo)[_scaleTo](babelHelpers.classPrivateFieldLooseBase(this, _scale)[_scale]); if (babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback] && (!babelHelpers.classPrivateFieldLooseBase(this, _videoNode)[_videoNode].muted || !babelHelpers.classPrivateFieldLooseBase(this, _hasAutoPlayed)[_hasAutoPlayed])) { babelHelpers.classPrivateFieldLooseBase(this, _analyticsCallback)[_analyticsCallback]('on-play'); } } RoundPlayer.PLAY_STATE_BACKGROUND = 'background'; RoundPlayer.PLAY_STATE_USER = 'user'; let _$1 = t => t, _t$1, _t2$1, _t3$1, _t4$1, _t5$1, _t6, _t7, _t8, _t9, _t10, _t11, _t12, _t13, _t14, _t15; var _options = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("options"); var _content$1 = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("content"); var _player = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("player"); class HeaderBuilder { constructor(options) { Object.defineProperty(this, _options, { writable: true, value: null }); Object.defineProperty(this, _content$1, { writable: true, value: void 0 }); Object.defineProperty(this, _player, { writable: true, value: void 0 }); babelHelpers.classPrivateFieldLooseBase(this, _options)[_options] = options; } buildPlayer(playerOptions) { return new RoundPlayer({ wrapper: playerOptions.wrapper, pausePlayerWidth: playerOptions.width, scale: playerOptions.scale, posterUrl: playerOptions.posterUrl, videos: playerOptions.videos, loop: playerOptions.loop, autoplay: playerOptions.autoplay, muted: playerOptions.muted, analyticsCallback: babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].analyticsCallback }); } renderPlayer(playerOptions) { if (babelHelpers.classPrivateFieldLooseBase(this, _player)[_player]) { return babelHelpers.classPrivateFieldLooseBase(this, _player)[_player]; } const wrapper = main_core.Tag.render(_t$1 || (_t$1 = _$1`<div class="ui-popupcomponentsmaker__round-player-box"/>`)); babelHelpers.classPrivateFieldLooseBase(this, _player)[_player] = this.buildPlayer({ ...playerOptions, wrapper: wrapper }); if (babelHelpers.classPrivateFieldLooseBase(this, _player)[_player]) { return babelHelpers.classPrivateFieldLooseBase(this, _player)[_player].render(); } return main_core.Tag.render(_t2$1 || (_t2$1 = _$1``)); } getPlayer() { return babelHelpers.classPrivateFieldLooseBase(this, _player)[_player]; } renderTitle(titleOptions) { const title = main_core.Tag.render(_t3$1 || (_t3$1 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__header-content"> <div class="ui-popupcomponentsmaker-header-tariff__title">${0}</div> </div> `), titleOptions.title); if (!main_core.Type.isNil(titleOptions.subtitle)) { main_core.Dom.append(main_core.Tag.render(_t4$1 || (_t4$1 = _$1`<div class="ui-popupcomponentsmaker-header-tariff__subtitle">${0}</div>`), titleOptions.subtitle), title); } return title; } renderDescription(descriptionOptions) { const descriptionText = main_core.Tag.render(_t5$1 || (_t5$1 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__box"> <div class="ui-popupcomponentsmaker-header-tariff__title">${0}</div> </div>`), descriptionOptions.title); if (!main_core.Type.isNil(descriptionOptions.subtitle)) { main_core.Dom.append(main_core.Tag.render(_t6 || (_t6 = _$1`<div class="ui-popupcomponentsmaker-header-tariff__subtitle">${0}</div>`), descriptionOptions.subtitle), descriptionText); } if (!main_core.Type.isNil(descriptionOptions.subtitleDescription)) { main_core.Dom.append(main_core.Tag.render(_t7 || (_t7 = _$1`<div class="ui-popupcomponentsmaker-header-tariff__text">${0}</div>`), descriptionOptions.subtitleDescription), descriptionText); } if (!main_core.Type.isNil(descriptionOptions.code)) { const onclick = e => { e.stopPropagation(); ui_infoHelper.FeaturePromotersRegistry.getPromoter({ code: descriptionOptions.code }).show(); }; main_core.Dom.append(main_core.Tag.render(_t8 || (_t8 = _$1`<a onclick="${0}" target="_blank" class="ui-popupcomponentsmaker-header-tariff__more">${0}<div class="ui-icon-set --chevron-right ui-popupcomponentsmaker-header-tariff__more-icon"></div></a>`), onclick, descriptionOptions.moreLabel), descriptionText); } let roundContent = ''; if (main_core.Type.isPlainObject(descriptionOptions.roundContent)) { roundContent = this.renderPlayer(descriptionOptions.roundContent); } else if (main_core.Type.isStringFilled(descriptionOptions.roundContent)) { roundContent = this.renderIcon(descriptionOptions.roundContent); } else if (main_core.Type.isDomNode(descriptionOptions.roundContent)) { roundContent = this.embedIcon(descriptionOptions.roundContent); } const descriptionBlock = main_core.Tag.render(_t9 || (_t9 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__message-wrapper"> ${0} ${0} </div> `), roundContent, descriptionText); const description = new ui_popupcomponentsmaker.PopupComponentsMakerItem({ html: descriptionBlock, withoutBackground: false }); main_core.Dom.addClass(description.getContainer(), 'ui-popupcomponentsmaker-header-tariff__section-message-wrapper'); description.getContainer().style.marginTop = '14px'; description.getContainer().classList.add('--transparent'); return description.getContainer(); } renderBtn(btnOptions) { const btn = btnOptions instanceof ui_buttons.Button ? btnOptions : new ui_buttons.Button({ text: btnOptions.label, color: ui_buttons.ButtonColor.LIGHT_BORDER, size: ui_buttons.ButtonSize.SMALL, link: btnOptions.url, onclick: () => { if (babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].analyticsCallback) { babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].analyticsCallback('click-button-header', btnOptions.url); } }, round: true, noCaps: true }); btn.addClass('ui-popupcomponentsmaker-header-tariff__button ui-btn-themes'); return btn.render(); } renderIcon(iconClass) { if (main_core.Type.isStringFilled(iconClass)) { return main_core.Tag.render(_t10 || (_t10 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__icon"> <div class="ui-icon-set ${0}"></div> </div> `), iconClass); } return main_core.Tag.render(_t11 || (_t11 = _$1``)); } embedIcon(icon) { if (main_core.Type.isDomNode(icon)) { return main_core.Tag.render(_t12 || (_t12 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__icon"> ${0} </div> `), icon); } return main_core.Tag.render(_t13 || (_t13 = _$1``)); } render() { if (babelHelpers.classPrivateFieldLooseBase(this, _content$1)[_content$1]) { return babelHelpers.classPrivateFieldLooseBase(this, _content$1)[_content$1]; } let btnContent = ''; if (babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].button) { btnContent = main_core.Tag.render(_t14 || (_t14 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__button-bar"> ${0} </div>`), this.renderBtn(babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].button)); } babelHelpers.classPrivateFieldLooseBase(this, _content$1)[_content$1] = main_core.Tag.render(_t15 || (_t15 = _$1` <div class="ui-popupcomponentsmaker-header-tariff__wrapper"> <div class="ui-popupcomponentsmaker-header-tariff__title-section"> ${0} ${0} </div> ${0} ${0} </div> `), babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].icon instanceof HTMLElement ? this.embedIcon(babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].icon) : this.renderIcon(babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].iconClass), this.renderTitle(babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].top), this.renderDescription(babelHelpers.classPrivateFieldLooseBase(this, _options)[_options].info), btnContent); return babelHelpers.classPrivateFieldLooseBase(this, _content$1)[_content$1]; } } let _$2 = t => t, _t$2, _t2$2; var _getThemePicker = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getThemePicker"); var _applyTheme = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("applyTheme"); class PopupHeader extends ui_popupcomponentsmaker.PopupComponentsMakerItem { constructor(options = {}) { options.withoutBackground = true; options.backgroundColor = null; options.backgroundImage = null; super(options); Object.defineProperty(this, _applyTheme, { value: _applyTheme2 }); Object.defineProperty(this, _getThemePicker, { value: _getThemePicker2 }); } getContainer() { if (!this.layout.container) { var _babelHelpers$classPr; const theme = (_babelHelpers$classPr = babelHelpers.classPrivateFieldLooseBase(this, _getThemePicker)[_getThemePicker]()) == null ? void 0 : _babelHelpers$classPr.getAppliedTheme(); this.layout.container = main_core.Tag.render(_t$2 || (_t$2 = _$2`<div class="ui-popupcomponentsmaker__header">${0}</div>`), this.getContent()); this.bacgroundNode = main_core.Tag.render(_t2$2 || (_t2$2 = _$2`<div class="ui-popupcomponentsmaker__header-background"></div>`)); main_core.Dom.append(this.bacgroundNode, this.layout.container); if (theme) { babelHelpers.classPrivateFieldLooseBase(this, _applyTheme)[_applyTheme](this.bacgroundNode, theme); } main_core_events.EventEmitter.subscribe('BX.Intranet.Bitrix24:ThemePicker:onThemeApply', event => { babelHelpers.classPrivateFieldLooseBase(this, _applyTheme)[_applyTheme](this.bacgroundNode, event.data.theme); }); } return super.getContainer(); } static createByJson(popupId, options) { const builder = new HeaderBuilder(options); const header = new PopupHeader({ html: builder.render() }); main_core_events.EventEmitter.subscribe('BX.Main.Popup:onClose', event => { if (popupId === event.target.uniquePopupId) { var _builder$getPlayer; (_builder$getPlayer = builder.getPlayer()) == null ? void 0 : _builder$getPlayer.stop(); } }); return header; } } function _getThemePicker2() { var _BX$Intranet$Bitrix, _BX$Intranet, _BX$Intranet$Bitrix2, _top$BX$Intranet, _top$BX$Intranet$Bitr; return (_BX$Intranet$Bitrix = (_BX$Intranet = BX.Intranet) == null ? void 0 : (_BX$Intranet$Bitrix2 = _BX$Intranet.Bitrix24) == null ? void 0 : _BX$Intranet$Bitrix2.ThemePicker.Singleton) != null ? _BX$Intranet$Bitrix : (_top$BX$Intranet = top.BX.Intranet) == null ? void 0 : (_top$BX$Intranet$Bitr = _top$BX$Intranet.Bitrix24) == null ? void 0 : _top$BX$Intranet$Bitr.ThemePicker.Singleton; } function _applyTheme2(container, theme) { const previewImage = `url('${main_core.Text.encode(theme.previewImage)}')`; main_core.Dom.style(container, 'backgroundImage', previewImage); main_core.Dom.removeClass(this.layout.container, 'bitrix24-theme-default bitrix24-theme-dark bitrix24-theme-light'); let themeClass = 'bitrix24-theme-default'; if (theme.id !== 'default') { themeClass = String(theme.id).indexOf('dark:') === 0 ? 'bitrix24-theme-dark' : 'bitrix24-theme-light'; } main_core.Dom.addClass(this.layout.container, themeClass); } let _$3 = t => t, _t$3, _t2$3; var _size = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("size"); var _getInnerBlock = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getInnerBlock"); class Skeleton { constructor(size = 473) { Object.defineProperty(this, _getInnerBlock, { value: _getInnerBlock2 }); Object.defineProperty(this, _size, { writable: true, value: void 0 }); babelHelpers.classPrivateFieldLooseBase(this, _size)[_size] = size; } get() { return main_core.Tag.render(_t$3 || (_t$3 = _$3` <div style="height: ${0}px;" class="popup-with-header-skeleton__wrap"> <div class="popup-with-header-skeleton__header"> <div class="popup-with-header-skeleton__header-top"> <div class="popup-with-header-skeleton__header-circle"> <div class="popup-with-header-skeleton__header-circle-inner"></div> </div> <div style="width: 100%;"> <div style="margin-bottom: 12px; max-width: 219px; height: 6px; background: rgba(255,255,255,.8);" class="popup-with-header-skeleton__line"></div> <div style="max-width: 119px; height: 4px;" class="popup-with-header-skeleton__line"></div> </div> </div> <div class="popup-with-header-skeleton__header-bottom"> <div class="popup-with-header-skeleton__header-bottom-circle-box"> <div class="popup-with-header-skeleton__header-bottom-circle"></div> <div class="popup-with-header-skeleton__header-bottom-circle-blue"></div> </div> <div style="width: 100%;"> <div style="margin-bottom: 9px; max-width: 193px; height: 5px;" class="popup-with-header-skeleton__line"></div> <div style="margin-bottom: 15px; max-width: 163px; height: 5px;" class="popup-with-header-skeleton__line"></div> <div style="margin-bottom: 9px; max-width: 156px; height: 2px;" class="popup-with-header-skeleton__line"></div> <div style="margin-bottom: 9px; max-width: 93px; height: 2px;" class="popup-with-header-skeleton__line"></div> </div> </div> </div> <div class="popup-with-header-skeleton__bottom"> ${0} ${0} ${0} </div> </div> `), babelHelpers.classPrivateFieldLooseBase(this, _size)[_size], babelHelpers.classPrivateFieldLooseBase(this, _getInnerBlock)[_getInnerBlock](), babelHelpers.classPrivateFieldLooseBase(this, _getInnerBlock)[_getInnerBlock](), babelHelpers.classPrivateFieldLooseBase(this, _getInnerBlock)[_getInnerBlock]()); } } function _getInnerBlock2() { return main_core.Tag.render(_t2$3 || (_t2$3 = _$3` <div class="popup-with-header-skeleton__bottom-inner"> <div class="popup-with-header-skeleton__bottom-left"> <div style="margin-bottom: 11px; max-width: 193px; height: 5px;" class="popup-with-header-skeleton__line"></div> <div style="margin-bottom: 17px; max-width: 163px; height: 5px;" class="popup-with-header-skeleton__line"></div> <div style="margin-bottom: 9px; max-width: 168px; height: 3px; background: rgba(149,156,164,.23);" class="popup-with-header-skeleton__line --dark-animation"></div> <div style="margin-bottom: 9px; max-width: 131px; height: 3px; background: rgba(149,156,164,.23);" class="popup-with-header-skeleton__line --dark-animation"></div> <div style="margin-bottom: 9px; max-width: 150px; height: 3px; background: rgba(149,156,164,.23);" class="popup-with-header-skeleton__line --dark-animation"></div> <div style="margin-bottom: 9px; max-width: 56px; height: 5px; background: rgba(32,102,176,.23);" class="popup-with-header-skeleton__line"></div> </div> <div class="popup-with-header-skeleton__bottom-right"> <div class="popup-with-header-skeleton-btn"></div> <div style="margin: 0 auto; max-width: 36px; height: 3px; background: #d9d9d9;" class="popup-with-header-skeleton__line"></div> </div> </div> `)); } let _$4 = t => t, _t$4, _t2$4, _t3$2, _t4$2, _t5$2, _t6$1; var _popupOptions = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("popupOptions"); var _prepareItemsContent = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("prepareItemsContent"); var _getThemePicker$1 = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getThemePicker"); var _applyTheme$1 = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("applyTheme"); class PopupWithHeader extends ui_popupcomponentsmaker.PopupComponentsMaker { constructor(options) { var _options$animationTem, _options$skeletonSize; super(options); Object.defineProperty(this, _applyTheme$1, { value: _applyTheme2$1 }); Object.defineProperty(this, _getThemePicker$1, { value: _getThemePicker2$1 }); Object.defineProperty(this, _prepareItemsContent, { value: _prepareItemsContent2 }); Object.defineProperty(this, _popupOptions, { writable: true, value: void 0 }); this.header = options.header instanceof PopupHeader ? options.header : null; this.template = options.template instanceof ui_popupWithHeader.BaseTemplate ? options.template : null; this.asyncData = options.asyncData instanceof BX.Promise || options.asyncData instanceof Promise ? options.asyncData : null; this.animationTemplate = (_options$animationTem = options.animationTemplate) != null ? _options$animationTem : true; this.skeletonSize = (_options$skeletonSize = options.skeletonSize) != null ? _options$skeletonSize : 473; this.analyticsCallback = main_core.Type.isFunction(options.analyticsCallback) ? options.analyticsCallback : null; babelHelpers.classPrivateFieldLooseBase(this, _popupOptions)[_popupOptions] = main_core.Type.isPlainObject(options.popupOptions) ? options.popupOptions : {}; } getPopup() { if (!this.popup) { const popupWidth = this.width ? this.width : 344; const popupId = this.id ? `${this.id}-popup` : null; let content = []; if (!this.asyncData) { content = main_core.Tag.render(_t$4 || (_t$4 = _$4` <div> ${0} <div> `), this.getHeaderWrapper()); if (this.content.length > 0) { content.append(main_core.Tag.render(_t2$4 || (_t2$4 = _$4`<div style="padding: 0 ${0}px ${0}px ${0}px">${0}</div>`), this.padding, this.padding, this.padding, this.getContentWrapper())); } } this.popup = new main_popup.Popup(popupId, this.target, { className: 'ui-popupcomponentmaker', contentBackground: 'transparent', contentPadding: this.contentPadding, angle: this.useAngle ? { offset: popupWidth / 2 - 16 } : false, offsetTop: this.offsetTop, width: popupWidth, offsetLeft: -(popupWidth / 2) + (this.target ? this.target.offsetWidth / 2 : 0) + 40, autoHide: true, closeByEsc: true, padding: 0, animation: 'fading-slide', content, cacheable: this.cacheable, ...babelHelpers.classPrivateFieldLooseBase(this, _popupOptions)[_popupOptions] }); if (this.asyncData) { const container = this.popup.getContentContainer(); main_core.Dom.clean(container); main_core.Dom.append(this.getSkeleton(), container); this.preparePopupAngly(container); if (main_core.Type.isDomNode(container.parentNode)) { main_core.Dom.addClass(container.parentNode, '--with-header'); } this.asyncData.then(response => { main_core.Dom.clean(container); response.data.header.analyticsCallback = this.analyticsCallback; this.header = PopupHeader.createByJson(popupId, response.data.header); content = main_core.Tag.render(_t3$2 || (_t3$2 = _$4` <div> ${0} <div> `), this.getHeaderWrapper()); let hasContent = response.data.items && this.template; if (hasContent) { this.template.setOptions({ items: response.data.items, analyticsCallback: this.analyticsCallback }); this.content = this.template.getContent(); this.contentWrapper = null; if (main_core.Dom.hasClass(this.getHeaderWrapper(), '--empty-content')) { main_core.Dom.removeClass(this.getHeaderWrapper(), '--empty-content'); } if (!this.getHeaderWrapper().querySelector('.ui-popupcomponentsmaker__round-player-box') && !main_core.Dom.hasClass(this.getHeaderWrapper(), '--without-video')) { main_core.Dom.addClass(this.getHeaderWrapper(), '--without-video'); } if (this.content.length > 0) { content.append(main_core.Tag.render(_t4$2 || (_t4$2 = _$4`<div class="ui-popupcomponentmaker__content-wrap">${0}</div>`), this.getContentWrapper())); } else { hasContent = false; } } main_core.Dom.append(content, container); if (hasContent) { if (this.popup.isShown()) { babelHelpers.classPrivateFieldLooseBase(this, _prepareItemsContent)[_prepareItemsContent](content); } else { this.popup.subscribeOnce('onShow', () => { babelHelpers.classPrivateFieldLooseBase(this, _prepareItemsContent)[_prepareItemsContent](content); }); } } this.popup.adjustPosition({ forceBindPosition: true, position: this.popup.isBottomAngle() ? 'top' : 'bottom' }); }); } this.popup.getContentContainer().style.overflowX = null; } return this.popup; } getSkeleton() { if (!this.skeleton) { var _babelHelpers$classPr; this.skeleton = new Skeleton(this.skeletonSize).get(); const theme = (_babelHelpers$classPr = babelHelpers.classPrivateFieldLooseBase(this, _getThemePicker$1)[_getThemePicker$1]()) == null ? void 0 : _babelHelpers$classPr.getAppliedTheme(); if (!theme) { return this.skeleton; } const headerContainer = this.skeleton.querySelector('.popup-with-header-skeleton__header'); babelHelpers.classPrivateFieldLooseBase(this, _applyTheme$1)[_applyTheme$1](headerContainer, theme); main_core_events.EventEmitter.subscribe('BX.Intranet.Bitrix24:ThemePicker:onThemeApply', event => { babelHelpers.classPrivateFieldLooseBase(this, _applyTheme$1)[_applyTheme$1](headerContainer, event.data.theme); }); } return this.skeleton; } preparePopupAngly(popupContainer) { var _popupContainer$paren; const angly = popupContainer == null ? void 0 : (_popupContainer$paren = popupContainer.parentNode) == null ? void 0 : _popupContainer$paren.querySelector('.popup-window-angly--arrow'); if (main_core.Type.isDomNode(angly)) { var _babelHelpers$classPr2; const theme = (_babelHelpers$classPr2 = babelHelpers.classPrivateFieldLooseBase(this, _getThemePicker$1)[_getThemePicker$1]()) == null ? void 0 : _babelHelpers$classPr2.getAppliedTheme(); if (theme) { babelHelpers.classPrivateFieldLooseBase(this, _applyTheme$1)[_applyTheme$1](angly, theme); main_core_events.EventEmitter.subscribe('BX.Intranet.Bitrix24:ThemePicker:onThemeApply', event => { babelHelpers.classPrivateFieldLooseBase(this, _applyTheme$1)[_applyTheme$1](angly, event.data.theme); }); } main_core.Dom.style(angly, 'background-position', 'center top'); main_core.Dom.addClass(popupContainer == null ? void 0 : popupContainer.parentNode, '--with-header'); } } getHeaderWrapper() { if (!this.header) { return null; } if (!this.headerWrapper) { var _this$header, _this$header2, _this$header3, _this$header4, _this$header4$html; this.headerWrapper = main_core.Tag.render(_t5$2 || (_t5$2 = _$4` <div class="ui-popupcomponentmaker__header-content"></div> `)); if (this.content.length <= 0) { this.headerWrapper.classList.add('--empty-content'); } const sectionNode = this.getSection(); if ((_this$header = this.header) != null && _this$header.marginBottom) { main_core.Type.isNumber(this.header.marginBottom) ? sectionNode.style.marginBottom = `${this.header.marginBottom}px` : null; } if ((_this$header2 = this.header) != null && _this$header2.className) { main_core.Dom.addClass(sectionNode, this.header.className); } if (main_core.Type.isDomNode((_this$header3 = this.header) == null ? void 0 : _this$header3.html)) { sectionNode.appendChild(this.getItem(this.header).getContainer()); this.headerWrapper.appendChild(sectionNode); } if (main_core.Type.isFunction((_this$header4 = this.header) == null ? void 0 : (_this$header4$html = _this$header4.html) == null ? void 0 : _this$header4$html.then)) { this.adjustPromise(this.header, sectionNode); this.headerWrapper.appendChild(sectionNode); } } return this.headerWrapper; } } function _prepareItemsContent2(content) { main_core.Dom.addClass(this.getContentWrapper(), 'ui-popup-with-header__content'); content.append(main_core.Tag.render(_t6$1 || (_t6$1 = _$4`<div class="ui-popupcomponentmaker__content-wrap">${0}</div>`), this.getContentWrapper())); if (this.popup.isBottomAngle() || !this.animationTemplate) { main_core.Dom.style(this.getContentWrapper(), 'transition', 'none'); } if (this.getContentWrapper().scrollHeight > 287 && !main_core.Dom.hasClass(this.getContentWrapper(), '--active-scroll')) { main_core.Dom.style(this.getContentWrapper(), 'height', '287px'); main_core.Dom.style(this.getContentWrapper(), 'overflow-y', 'scroll'); main_core.Dom.addClass(content, 'active-scroll'); } else { main_core.Dom.style(this.getContentWrapper(), 'height', `${this.getContentWrapper().scrollHeight}px`); } } function _getThemePicker2$1() { var _BX$Intranet$Bitrix, _BX$Intranet, _BX$Intranet$Bitrix2, _top$BX$Intranet, _top$BX$Intranet$Bitr; return (_BX$Intranet$Bitrix = (_BX$Intranet = BX.Intranet) == null ? void 0 : (_BX$Intranet$Bitrix2 = _BX$Intranet.Bitrix24) == null ? void 0 : _BX$Intranet$Bitrix2.ThemePicker.Singleton) != null ? _BX$Intranet$Bitrix : (_top$BX$Intranet = top.BX.Intranet) == null ? void 0 : (_top$BX$Intranet$Bitr = _top$BX$Intranet.Bitrix24) == null ? void 0 : _top$BX$Intranet$Bitr.ThemePicker.Singleton; } function _applyTheme2$1(container, theme) { const previewImage = `url('${main_core.Text.encode(theme.previewImage)}')`; main_core.Dom.style(container, 'backgroundImage', previewImage); main_core.Dom.removeClass(container, 'bitrix24-theme-default bitrix24-theme-dark bitrix24-theme-light'); let themeClass = 'bitrix24-theme-default'; if (theme.id !== 'default') { themeClass = String(theme.id).indexOf('dark:') === 0 ? 'bitrix24-theme-dark' : 'bitrix24-theme-light'; } main_core.Dom.addClass(container, themeClass); } class BaseTemplate { getContent() { throw new Error('Must be implemented in a child class'); } setOptions(options) { this.options = options; } } let _$5 = t => t, _t$5, _t2$5, _t3$3, _t4$3, _t5$3, _t6$2; var _cache = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("cache"); var _getItemContent = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getItemContent"); var _getTitle = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getTitle"); var _getIcon = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getIcon"); var _getDescription = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getDescription"); var _getMoreLink = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getMoreLink"); var _getButton = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getButton"); var _getButtonDescription = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("getButtonDescription"); var _setTextStyles = /*#__PURE__*/babelHelpers.classPrivateFieldLooseKey("setTextStyles"); class SaleTemplate extends BaseTemplate { constructor(options = {}) { super(); Object.defineProperty(this, _setTextStyles, { value: _setTextStyles2 }); Object.defineProperty(this, _getButtonDescription, { value: _getButtonDescription2 }); Object.defineProperty(this, _getButton, { value: _getButton2 }); Object.defineProperty(this, _getMoreLink, { value: _getMoreLink2 }); Object.defineProperty(this, _getDescription, { value: _getDescription2 }); Object.defineProperty(this, _getIcon, { value: _getIcon2 }); Object.defineProperty(this, _getTitle, { value: _getTitle2 }); Object.defineProperty(this, _getItemContent, { value: _getItemContent2 }); Object.defineProperty(this, _cache, { writable: true, value: new main_core.Cache.MemoryCache() }); this.options = options; } getContent() { return babelHelpers.classPrivateFieldLooseBase(this, _cache)[_cache].remember('popup-content', () => { const content = []; this.options.items.forEach((item, index) => { var _item$styles, _item$styles2; const itemContent = babelHelpers.classPrivateFieldLooseBase(this, _getItemContent)[_getItemContent](item); if ((_item$styles = item.styles) != null && _item$styles.color) { main_core.Dom.style(itemContent, 'color', item.styles.color); } content.push({ html: itemContent, background: (_item$styles2 = item.styles) == null ? void 0 : _item$styles2.background, margin: index === 0 ? '12px 0 0 0' : null }); }); return content; }); } } function _getItemContent2(config) { return main_core.Tag.render(_t$5 || (_t$5 = _$5` <div class="ui-popupconstructor-content-item-wrapper"> <div class="ui-popupconstructor-content-item-wrapper_information"> <div class="ui-popupconstructor-content-item-wrapper-title"> ${0} ${0} </div> <div> ${0} ${0} </div> </div> <div class="ui-popupconstructor-content-item-wrapper_button"> ${0} ${0} </div> </div> `), config.icon ? babelHelpers.classPrivateFieldLooseBase(this, _getIcon)[_getIcon](config.icon) : null, config.title ? babelHelpers.classPrivateFieldLooseBase(this, _getTitle)[_getTitle](config.title) : null, config.description ? babelHelpers.classPrivateFieldLooseBase(this, _getDescription)[_getDescription](config.description) : null, config.more ? babelHelpers.classPrivateFieldLooseBase(this, _getMoreLink)[_getMoreLink](config.more, config.button) : null, config.button ? babelHelpers.classPrivateFieldLooseBase(this, _getButton)[_getButton](config.button) : null, config.button.description ? babelHelpers.classPrivateFieldLooseBase(this, _getButtonDescription)[_getButtonDescription](config.button.description) : null); } function _getTitle2(config) { const title = main_core.Tag.render(_t2$5 || (_t2$5 = _$5` <div class="ui-popupconstructor-content-item__title">${0}</div> `), config.text); babelHelpers.classPrivateFieldLooseBase(this, _setTextStyles)[_setTextStyles](title, config); return title; } function _getIcon2(config) { const icon = main_core.Tag.render(_t3$3 || (_t3$3 = _$5` <div class="ui-popupconstructor-content-item__icon ui-icon-set --${0}"></div> `), config.name); if (config.color) { main_core.Dom.style(icon, 'background-color', config.color); } return icon; } function _getDescription2(config) { const description = main_core.Tag.render(_t4$3 || (_t4$3 = _$5` <div class="ui-popupconstructor-content-item__description"> ${0} </div> `), config.text); babelHelpers.classPrivateFieldLooseBase(this, _setTextStyles)[_setTextStyles](description, config); return description; } function _getMoreLink2(config, configMainButton) { const onclick = () => { var _this$options; if (config.code) { ui_infoHelper.FeaturePromotersRegistry.getPromoter({ code: config.code }).show(); } else if (config.articleId) { top.BX.Helper.show(`redirect=detail&code=${config.articleId}`); } if ((_this$options = this.options) != null && _this$options.analyticsCallback) { this.options.analyticsCallback('click-more', configMainButton.url); } }; const moreLink = main_core.Tag.render(_t5$3 || (_t5$3 = _$5` <div class="ui-popupconstructor-content-item__more-link" onclick="${0}">${0}</div> `), onclick, config.text.text); babelHelpers.classPrivateFieldLooseBase(this, _setTextStyles)[_setTextStyles](moreLink, config.text); return moreLink; } function _getButton2(config) { const buttonTag = config.target ? ui_buttons.ButtonTag.BUTTON : ui_buttons.ButtonTag.LINK; const button = new ui_buttons.Button({ round: true, text: config.text, size: ui_buttons.Button.Size.EXTRA_SMALL, color: ui_buttons.Button.Color.SUCCESS, noCaps: true, tag: buttonTag, link: config.target ? null : config.url, onclick: () => { var _this$options2; if (config.target) { window.open(config.url, config.target); } if ((_this$options2 = this.options) != null && _this$options2.analyticsCallback) { this.options.analyticsCallback('click-button', config.url); } } }); if (config.backgroundColor) { main_core.Dom.style(button.render(), 'background-color', config.backgroundColor); button.setColor(ui_buttons.Button.Color.LIGHT); } return button.render(); } function _getButtonDescription2(config) { const buttonDescription = main_core.Tag.render(_t6$2 || (_t6$2 = _$5` <div class="ui-popupconstructor-content-item__button-description"> ${0} </div> `), config.text); babelHelpers.classPrivateFieldLooseBase(this, _setTextStyles)[_setTextStyles](buttonDescription, config); return buttonDescription; } function _setTextStyles2(element, config) { if (config.color) { main_core.Dom.style(element, 'color', config.color); } if (config.fontSize) { main_core.Dom.style(element, 'font-size', config.fontSize); } if (config.weight) { main_core.Dom.style(element, 'font-weight', config.weight); } } exports.PopupWithHeader = PopupWithHeader; exports.PopupHeader = PopupHeader; exports.SaleTemplate = SaleTemplate; exports.BaseTemplate = BaseTemplate; }((this.BX.UI = this.BX.UI || {}),BX.Event,BX,BX.UI,BX.UI,BX.UI.IconSet,BX.Main,BX.UI,BX,BX.UI,BX.UI)); //# sourceMappingURL=popup-with-header.bundle.js.map