Your IP : 216.73.216.86
this.BX=this.BX||{};(function(e,s,t,a,i,l,r,o,n,p,d){"use strict";let c=e=>e,b,h,u,v,m;var P=babelHelpers.classPrivateFieldLooseKey("pausePlayerWidth");var y=babelHelpers.classPrivateFieldLooseKey("scale");var L=babelHelpers.classPrivateFieldLooseKey("videos");var B=babelHelpers.classPrivateFieldLooseKey("loop");var g=babelHelpers.classPrivateFieldLooseKey("autoplay");var H=babelHelpers.classPrivateFieldLooseKey("muted");var f=babelHelpers.classPrivateFieldLooseKey("content");var F=babelHelpers.classPrivateFieldLooseKey("videoNode");var k=babelHelpers.classPrivateFieldLooseKey("playerNode");var _=babelHelpers.classPrivateFieldLooseKey("progressBar");var w=babelHelpers.classPrivateFieldLooseKey("barPadding");var T=babelHelpers.classPrivateFieldLooseKey("posterUrl");var x=babelHelpers.classPrivateFieldLooseKey("loader");var C=babelHelpers.classPrivateFieldLooseKey("currentPlayState");var D=babelHelpers.classPrivateFieldLooseKey("playButton");var O=babelHelpers.classPrivateFieldLooseKey("stopButton");var $=babelHelpers.classPrivateFieldLooseKey("wrapper");var K=babelHelpers.classPrivateFieldLooseKey("hasAutoPlayed");var j=babelHelpers.classPrivateFieldLooseKey("analyticsCallback");var S=babelHelpers.classPrivateFieldLooseKey("onInitVideoMetadata");var I=babelHelpers.classPrivateFieldLooseKey("onTick");var E=babelHelpers.classPrivateFieldLooseKey("onClickPlayer");var A=babelHelpers.classPrivateFieldLooseKey("onClickStopButton");var N=babelHelpers.classPrivateFieldLooseKey("onVideoEnded");var W=babelHelpers.classPrivateFieldLooseKey("scaleTo");var X=babelHelpers.classPrivateFieldLooseKey("onPause");var U=babelHelpers.classPrivateFieldLooseKey("onPlay");class M{constructor(e){var s;Object.defineProperty(this,U,{value:Q});Object.defineProperty(this,X,{value:J});Object.defineProperty(this,W,{value:V});Object.defineProperty(this,N,{value:q});Object.defineProperty(this,A,{value:G});Object.defineProperty(this,E,{value:Y});Object.defineProperty(this,I,{value:R});Object.defineProperty(this,S,{value:z});Object.defineProperty(this,P,{writable:true,value:void 0});Object.defineProperty(this,y,{writable:true,value:void 0});Object.defineProperty(this,L,{writable:true,value:void 0});Object.defineProperty(this,B,{writable:true,value:void 0});Object.defineProperty(this,g,{writable:true,value:void 0});Object.defineProperty(this,H,{writable:true,value:void 0});Object.defineProperty(this,f,{writable:true,value:void 0});Object.defineProperty(this,F,{writable:true,value:void 0});Object.defineProperty(this,k,{writable:true,value:void 0});Object.defineProperty(this,_,{writable:true,value:void 0});Object.defineProperty(this,w,{writable:true,value:3});Object.defineProperty(this,T,{writable:true,value:void 0});Object.defineProperty(this,x,{writable:true,value:void 0});Object.defineProperty(this,C,{writable:true,value:M.PLAY_STATE_BACKGROUND});Object.defineProperty(this,D,{writable:true,value:void 0});Object.defineProperty(this,O,{writable:true,value:void 0});Object.defineProperty(this,$,{writable:true,value:void 0});Object.defineProperty(this,K,{writable:true,value:false});Object.defineProperty(this,j,{writable:true,value:void 0});babelHelpers.classPrivateFieldLooseBase(this,$)[$]=e.wrapper;babelHelpers.classPrivateFieldLooseBase(this,P)[P]=(s=e.width)!=null?s:86;babelHelpers.classPrivateFieldLooseBase(this,y)[y]=n.Type.isNumber(e.scale)?e.scale:1;babelHelpers.classPrivateFieldLooseBase(this,L)[L]=n.Type.isArrayFilled(e.videos)?e.videos:[];babelHelpers.classPrivateFieldLooseBase(this,B)[B]=n.Type.isBoolean(e.loop)?e.loop:true;babelHelpers.classPrivateFieldLooseBase(this,g)[g]=n.Type.isBoolean(e.autoplay)?e.autoplay:true;babelHelpers.classPrivateFieldLooseBase(this,H)[H]=n.Type.isBoolean(e.muted)?e.muted:true;babelHelpers.classPrivateFieldLooseBase(this,T)[T]=e.posterUrl;babelHelpers.classPrivateFieldLooseBase(this,j)[j]=n.Type.isFunction(e.analyticsCallback)?e.analyticsCallback:null;babelHelpers.classPrivateFieldLooseBase(this,k)[k]=n.Tag.render(b||(b=c`<div class="ui-popupcomponentmaker__round-player"></div>`));babelHelpers.classPrivateFieldLooseBase(this,D)[D]=n.Tag.render(h||(h=c`<div class="ui-popupcomponentmaker__round-player-btn"></div>`));babelHelpers.classPrivateFieldLooseBase(this,O)[O]=n.Tag.render(u||(u=c`<div class="ui-popupcomponentmaker__round-player-btn --stop-btn"></div>`));let a="";if(n.Type.isStringFilled(babelHelpers.classPrivateFieldLooseBase(this,T)[T])){babelHelpers.classPrivateFieldLooseBase(this,k)[k].style.backgroundImage='url("'+n.Text.encode(babelHelpers.classPrivateFieldLooseBase(this,T)[T])+'")';a='poster="'+n.Text.encode(babelHelpers.classPrivateFieldLooseBase(this,T)[T])+'"'}const i=babelHelpers.classPrivateFieldLooseBase(this,g)[g]?"autoplay":"";const l=babelHelpers.classPrivateFieldLooseBase(this,H)[H]?"muted":"";babelHelpers.classPrivateFieldLooseBase(this,F)[F]=n.Tag.render(v||(v=c`<video ${0} ${0} ${0}></video>`),a,i,l);babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted=babelHelpers.classPrivateFieldLooseBase(this,H)[H];babelHelpers.classPrivateFieldLooseBase(this,F)[F].autoplay=babelHelpers.classPrivateFieldLooseBase(this,g)[g];babelHelpers.classPrivateFieldLooseBase(this,x)[x]=new t.Loader({size:40});babelHelpers.classPrivateFieldLooseBase(this,k)[k].style.width=babelHelpers.classPrivateFieldLooseBase(this,P)[P]+"px";babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("timeupdate",babelHelpers.classPrivateFieldLooseBase(this,I)[I].bind(this));babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("loadedmetadata",babelHelpers.classPrivateFieldLooseBase(this,S)[S].bind(this));babelHelpers.classPrivateFieldLooseBase(this,k)[k].addEventListener("click",babelHelpers.classPrivateFieldLooseBase(this,E)[E].bind(this));babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("ended",babelHelpers.classPrivateFieldLooseBase(this,N)[N].bind(this));babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("play",babelHelpers.classPrivateFieldLooseBase(this,U)[U].bind(this));babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("pause",babelHelpers.classPrivateFieldLooseBase(this,X)[X].bind(this));babelHelpers.classPrivateFieldLooseBase(this,D)[D].addEventListener("click",babelHelpers.classPrivateFieldLooseBase(this,E)[E].bind(this));babelHelpers.classPrivateFieldLooseBase(this,O)[O].addEventListener("click",babelHelpers.classPrivateFieldLooseBase(this,A)[A].bind(this));babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("canplay",(()=>{babelHelpers.classPrivateFieldLooseBase(this,x)[x].hide()}));babelHelpers.classPrivateFieldLooseBase(this,F)[F].addEventListener("waiting",(()=>{babelHelpers.classPrivateFieldLooseBase(this,x)[x].show(babelHelpers.classPrivateFieldLooseBase(this,k)[k])}))}render(){if(babelHelpers.classPrivateFieldLooseBase(this,f)[f]){return babelHelpers.classPrivateFieldLooseBase(this,f)[f]}babelHelpers.classPrivateFieldLooseBase(this,L)[L].forEach((e=>{n.Dom.append(n.Tag.render(m||(m=c`<source src="${0}" type="${0}">`),e.url,e.type),babelHelpers.classPrivateFieldLooseBase(this,F)[F])}));n.Dom.append(babelHelpers.classPrivateFieldLooseBase(this,F)[F],babelHelpers.classPrivateFieldLooseBase(this,k)[k]);n.Dom.append(babelHelpers.classPrivateFieldLooseBase(this,D)[D],babelHelpers.classPrivateFieldLooseBase(this,$)[$]);n.Dom.append(babelHelpers.classPrivateFieldLooseBase(this,O)[O],babelHelpers.classPrivateFieldLooseBase(this,$)[$]);n.Dom.append(babelHelpers.classPrivateFieldLooseBase(this,k)[k],babelHelpers.classPrivateFieldLooseBase(this,$)[$]);babelHelpers.classPrivateFieldLooseBase(this,f)[f]=babelHelpers.classPrivateFieldLooseBase(this,$)[$];return babelHelpers.classPrivateFieldLooseBase(this,f)[f]}renderTo(e){n.Dom.append(e,this.render());return e}play(){babelHelpers.classPrivateFieldLooseBase(this,F)[F].play();n.Dom.removeClass(this.render(),"--stop")}setMute(e){babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted=e}getPlayState(){return babelHelpers.classPrivateFieldLooseBase(this,C)[C]}pause(){babelHelpers.classPrivateFieldLooseBase(this,F)[F].pause()}stop(){this.pause();babelHelpers.classPrivateFieldLooseBase(this,C)[C]=M.PLAY_STATE_BACKGROUND;babelHelpers.classPrivateFieldLooseBase(this,F)[F].currentTime=0;n.Dom.addClass(this.render(),"--stop")}userPlay(){this.stop();babelHelpers.classPrivateFieldLooseBase(this,C)[C]=M.PLAY_STATE_USER;babelHelpers.classPrivateFieldLooseBase(this,_)[_].setValue(0);n.Dom.remove(babelHelpers.classPrivateFieldLooseBase(this,_)[_].getContainer());babelHelpers.classPrivateFieldLooseBase(this,_)[_].renderTo(babelHelpers.classPrivateFieldLooseBase(this,k)[k]);this.setMute(false);this.play()}}function z(e){babelHelpers.classPrivateFieldLooseBase(this,_)[_]=new a.ProgressRound({width:babelHelpers.classPrivateFieldLooseBase(this,P)[P]-2*babelHelpers.classPrivateFieldLooseBase(this,w)[w],lineSize:2,maxValue:babelHelpers.classPrivateFieldLooseBase(this,F)[F].duration,value:babelHelpers.classPrivateFieldLooseBase(this,F)[F].currentTime,colorBar:"#fff",colorTrack:"rgba(0, 0, 0, 0)"});if(babelHelpers.classPrivateFieldLooseBase(this,g)[g]){this.play()}}function R(){babelHelpers.classPrivateFieldLooseBase(this,_)[_].update(babelHelpers.classPrivateFieldLooseBase(this,F)[F].currentTime)}function Y(){if(babelHelpers.classPrivateFieldLooseBase(this,C)[C]===M.PLAY_STATE_BACKGROUND){this.userPlay();n.Dom.removeClass(this.render(),"--stop")}else{babelHelpers.classPrivateFieldLooseBase(this,F)[F].paused?this.play():this.pause()}if(babelHelpers.classPrivateFieldLooseBase(this,j)[j]){babelHelpers.classPrivateFieldLooseBase(this,j)[j]("click-player")}}function G(){if(babelHelpers.classPrivateFieldLooseBase(this,j)[j]){babelHelpers.classPrivateFieldLooseBase(this,j)[j]("click-player")}this.stop()}function q(){if(babelHelpers.classPrivateFieldLooseBase(this,j)[j]&&(!babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted||!babelHelpers.classPrivateFieldLooseBase(this,K)[K])){babelHelpers.classPrivateFieldLooseBase(this,j)[j]("video_finished",`isMuted_${babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted?"Y":"N"}`)}if(!babelHelpers.classPrivateFieldLooseBase(this,K)[K]){babelHelpers.classPrivateFieldLooseBase(this,K)[K]=babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted}this.stop();n.Dom.remove(babelHelpers.classPrivateFieldLooseBase(this,_)[_].getContainer());this.setMute(true);if(babelHelpers.classPrivateFieldLooseBase(this,B)[B]){this.play()}}function V(e){babelHelpers.classPrivateFieldLooseBase(this,k)[k].style.transform=`scale(${e})`}function J(){babelHelpers.classPrivateFieldLooseBase(this,W)[W](1);if(babelHelpers.classPrivateFieldLooseBase(this,j)[j]&&(!babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted||!babelHelpers.classPrivateFieldLooseBase(this,K)[K])){babelHelpers.classPrivateFieldLooseBase(this,j)[j]("on-pause")}}function Q(){babelHelpers.classPrivateFieldLooseBase(this,W)[W](babelHelpers.classPrivateFieldLooseBase(this,y)[y]);if(babelHelpers.classPrivateFieldLooseBase(this,j)[j]&&(!babelHelpers.classPrivateFieldLooseBase(this,F)[F].muted||!babelHelpers.classPrivateFieldLooseBase(this,K)[K])){babelHelpers.classPrivateFieldLooseBase(this,j)[j]("on-play")}}M.PLAY_STATE_BACKGROUND="background";M.PLAY_STATE_USER="user";let Z=e=>e,ee,se,te,ae,ie,le,re,oe,ne,pe,de,ce,be,he,ue;var ve=babelHelpers.classPrivateFieldLooseKey("options");var me=babelHelpers.classPrivateFieldLooseKey("content");var Pe=babelHelpers.classPrivateFieldLooseKey("player");class ye{constructor(e){Object.defineProperty(this,ve,{writable:true,value:null});Object.defineProperty(this,me,{writable:true,value:void 0});Object.defineProperty(this,Pe,{writable:true,value:void 0});babelHelpers.classPrivateFieldLooseBase(this,ve)[ve]=e}buildPlayer(e){return new M({wrapper:e.wrapper,pausePlayerWidth:e.width,scale:e.scale,posterUrl:e.posterUrl,videos:e.videos,loop:e.loop,autoplay:e.autoplay,muted:e.muted,analyticsCallback:babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].analyticsCallback})}renderPlayer(e){if(babelHelpers.classPrivateFieldLooseBase(this,Pe)[Pe]){return babelHelpers.classPrivateFieldLooseBase(this,Pe)[Pe]}const s=n.Tag.render(ee||(ee=Z`<div class="ui-popupcomponentsmaker__round-player-box"/>`));babelHelpers.classPrivateFieldLooseBase(this,Pe)[Pe]=this.buildPlayer({...e,wrapper:s});if(babelHelpers.classPrivateFieldLooseBase(this,Pe)[Pe]){return babelHelpers.classPrivateFieldLooseBase(this,Pe)[Pe].render()}return n.Tag.render(se||(se=Z``))}getPlayer(){return babelHelpers.classPrivateFieldLooseBase(this,Pe)[Pe]}renderTitle(e){const s=n.Tag.render(te||(te=Z`
<div class="ui-popupcomponentsmaker-header-tariff__header-content">
<div class="ui-popupcomponentsmaker-header-tariff__title">${0}</div>
</div>
`),e.title);if(!n.Type.isNil(e.subtitle)){n.Dom.append(n.Tag.render(ae||(ae=Z`<div class="ui-popupcomponentsmaker-header-tariff__subtitle">${0}</div>`),e.subtitle),s)}return s}renderDescription(e){const s=n.Tag.render(ie||(ie=Z`
<div class="ui-popupcomponentsmaker-header-tariff__box">
<div class="ui-popupcomponentsmaker-header-tariff__title">${0}</div>
</div>`),e.title);if(!n.Type.isNil(e.subtitle)){n.Dom.append(n.Tag.render(le||(le=Z`<div class="ui-popupcomponentsmaker-header-tariff__subtitle">${0}</div>`),e.subtitle),s)}if(!n.Type.isNil(e.subtitleDescription)){n.Dom.append(n.Tag.render(re||(re=Z`<div class="ui-popupcomponentsmaker-header-tariff__text">${0}</div>`),e.subtitleDescription),s)}if(!n.Type.isNil(e.code)){const t=s=>{s.stopPropagation();d.FeaturePromotersRegistry.getPromoter({code:e.code}).show()};n.Dom.append(n.Tag.render(oe||(oe=Z`<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>`),t,e.moreLabel),s)}let t="";if(n.Type.isPlainObject(e.roundContent)){t=this.renderPlayer(e.roundContent)}else if(n.Type.isStringFilled(e.roundContent)){t=this.renderIcon(e.roundContent)}else if(n.Type.isDomNode(e.roundContent)){t=this.embedIcon(e.roundContent)}const a=n.Tag.render(ne||(ne=Z`
<div class="ui-popupcomponentsmaker-header-tariff__message-wrapper">
${0}
${0}
</div>
`),t,s);const l=new i.PopupComponentsMakerItem({html:a,withoutBackground:false});n.Dom.addClass(l.getContainer(),"ui-popupcomponentsmaker-header-tariff__section-message-wrapper");l.getContainer().style.marginTop="14px";l.getContainer().classList.add("--transparent");return l.getContainer()}renderBtn(e){const s=e instanceof p.Button?e:new p.Button({text:e.label,color:p.ButtonColor.LIGHT_BORDER,size:p.ButtonSize.SMALL,link:e.url,onclick:()=>{if(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].analyticsCallback){babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].analyticsCallback("click-button-header",e.url)}},round:true,noCaps:true});s.addClass("ui-popupcomponentsmaker-header-tariff__button ui-btn-themes");return s.render()}renderIcon(e){if(n.Type.isStringFilled(e)){return n.Tag.render(pe||(pe=Z`
<div class="ui-popupcomponentsmaker-header-tariff__icon">
<div class="ui-icon-set ${0}"></div>
</div>
`),e)}return n.Tag.render(de||(de=Z``))}embedIcon(e){if(n.Type.isDomNode(e)){return n.Tag.render(ce||(ce=Z`
<div class="ui-popupcomponentsmaker-header-tariff__icon">
${0}
</div>
`),e)}return n.Tag.render(be||(be=Z``))}render(){if(babelHelpers.classPrivateFieldLooseBase(this,me)[me]){return babelHelpers.classPrivateFieldLooseBase(this,me)[me]}let e="";if(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].button){e=n.Tag.render(he||(he=Z`
<div class="ui-popupcomponentsmaker-header-tariff__button-bar">
${0}
</div>`),this.renderBtn(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].button))}babelHelpers.classPrivateFieldLooseBase(this,me)[me]=n.Tag.render(ue||(ue=Z`
<div class="ui-popupcomponentsmaker-header-tariff__wrapper">
<div class="ui-popupcomponentsmaker-header-tariff__title-section">
${0}
${0}
</div>
${0}
${0}
</div>
`),babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].icon instanceof HTMLElement?this.embedIcon(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].icon):this.renderIcon(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].iconClass),this.renderTitle(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].top),this.renderDescription(babelHelpers.classPrivateFieldLooseBase(this,ve)[ve].info),e);return babelHelpers.classPrivateFieldLooseBase(this,me)[me]}}let Le=e=>e,Be,ge;var He=babelHelpers.classPrivateFieldLooseKey("getThemePicker");var fe=babelHelpers.classPrivateFieldLooseKey("applyTheme");class Fe extends i.PopupComponentsMakerItem{constructor(e={}){e.withoutBackground=true;e.backgroundColor=null;e.backgroundImage=null;super(e);Object.defineProperty(this,fe,{value:_e});Object.defineProperty(this,He,{value:ke})}getContainer(){if(!this.layout.container){var e;const t=(e=babelHelpers.classPrivateFieldLooseBase(this,He)[He]())==null?void 0:e.getAppliedTheme();this.layout.container=n.Tag.render(Be||(Be=Le`<div class="ui-popupcomponentsmaker__header">${0}</div>`),this.getContent());this.bacgroundNode=n.Tag.render(ge||(ge=Le`<div class="ui-popupcomponentsmaker__header-background"></div>`));n.Dom.append(this.bacgroundNode,this.layout.container);if(t){babelHelpers.classPrivateFieldLooseBase(this,fe)[fe](this.bacgroundNode,t)}s.EventEmitter.subscribe("BX.Intranet.Bitrix24:ThemePicker:onThemeApply",(e=>{babelHelpers.classPrivateFieldLooseBase(this,fe)[fe](this.bacgroundNode,e.data.theme)}))}return super.getContainer()}static createByJson(e,t){const a=new ye(t);const i=new Fe({html:a.render()});s.EventEmitter.subscribe("BX.Main.Popup:onClose",(s=>{if(e===s.target.uniquePopupId){var t;(t=a.getPlayer())==null?void 0:t.stop()}}));return i}}function ke(){var e,s,t,a,i;return(e=(s=BX.Intranet)==null?void 0:(t=s.Bitrix24)==null?void 0:t.ThemePicker.Singleton)!=null?e:(a=top.BX.Intranet)==null?void 0:(i=a.Bitrix24)==null?void 0:i.ThemePicker.Singleton}function _e(e,s){const t=`url('${n.Text.encode(s.previewImage)}')`;n.Dom.style(e,"backgroundImage",t);n.Dom.removeClass(this.layout.container,"bitrix24-theme-default bitrix24-theme-dark bitrix24-theme-light");let a="bitrix24-theme-default";if(s.id!=="default"){a=String(s.id).indexOf("dark:")===0?"bitrix24-theme-dark":"bitrix24-theme-light"}n.Dom.addClass(this.layout.container,a)}let we=e=>e,Te,xe;var Ce=babelHelpers.classPrivateFieldLooseKey("size");var De=babelHelpers.classPrivateFieldLooseKey("getInnerBlock");class Oe{constructor(e=473){Object.defineProperty(this,De,{value:$e});Object.defineProperty(this,Ce,{writable:true,value:void 0});babelHelpers.classPrivateFieldLooseBase(this,Ce)[Ce]=e}get(){return n.Tag.render(Te||(Te=we`
<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,Ce)[Ce],babelHelpers.classPrivateFieldLooseBase(this,De)[De](),babelHelpers.classPrivateFieldLooseBase(this,De)[De](),babelHelpers.classPrivateFieldLooseBase(this,De)[De]())}}function $e(){return n.Tag.render(xe||(xe=we`
<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 Ke=e=>e,je,Se,Ie,Ee,Ae,Ne;var We=babelHelpers.classPrivateFieldLooseKey("popupOptions");var Xe=babelHelpers.classPrivateFieldLooseKey("prepareItemsContent");var Ue=babelHelpers.classPrivateFieldLooseKey("getThemePicker");var Me=babelHelpers.classPrivateFieldLooseKey("applyTheme");class ze extends i.PopupComponentsMaker{constructor(e){var s,t;super(e);Object.defineProperty(this,Me,{value:Ge});Object.defineProperty(this,Ue,{value:Ye});Object.defineProperty(this,Xe,{value:Re});Object.defineProperty(this,We,{writable:true,value:void 0});this.header=e.header instanceof Fe?e.header:null;this.template=e.template instanceof o.BaseTemplate?e.template:null;this.asyncData=e.asyncData instanceof BX.Promise||e.asyncData instanceof Promise?e.asyncData:null;this.animationTemplate=(s=e.animationTemplate)!=null?s:true;this.skeletonSize=(t=e.skeletonSize)!=null?t:473;this.analyticsCallback=n.Type.isFunction(e.analyticsCallback)?e.analyticsCallback:null;babelHelpers.classPrivateFieldLooseBase(this,We)[We]=n.Type.isPlainObject(e.popupOptions)?e.popupOptions:{}}getPopup(){if(!this.popup){const e=this.width?this.width:344;const s=this.id?`${this.id}-popup`:null;let t=[];if(!this.asyncData){t=n.Tag.render(je||(je=Ke`
<div>
${0}
<div>
`),this.getHeaderWrapper());if(this.content.length>0){t.append(n.Tag.render(Se||(Se=Ke`<div style="padding: 0 ${0}px ${0}px ${0}px">${0}</div>`),this.padding,this.padding,this.padding,this.getContentWrapper()))}}this.popup=new r.Popup(s,this.target,{className:"ui-popupcomponentmaker",contentBackground:"transparent",contentPadding:this.contentPadding,angle:this.useAngle?{offset:e/2-16}:false,offsetTop:this.offsetTop,width:e,offsetLeft:-(e/2)+(this.target?this.target.offsetWidth/2:0)+40,autoHide:true,closeByEsc:true,padding:0,animation:"fading-slide",content:t,cacheable:this.cacheable,...babelHelpers.classPrivateFieldLooseBase(this,We)[We]});if(this.asyncData){const e=this.popup.getContentContainer();n.Dom.clean(e);n.Dom.append(this.getSkeleton(),e);this.preparePopupAngly(e);if(n.Type.isDomNode(e.parentNode)){n.Dom.addClass(e.parentNode,"--with-header")}this.asyncData.then((a=>{n.Dom.clean(e);a.data.header.analyticsCallback=this.analyticsCallback;this.header=Fe.createByJson(s,a.data.header);t=n.Tag.render(Ie||(Ie=Ke`
<div>
${0}
<div>
`),this.getHeaderWrapper());let i=a.data.items&&this.template;if(i){this.template.setOptions({items:a.data.items,analyticsCallback:this.analyticsCallback});this.content=this.template.getContent();this.contentWrapper=null;if(n.Dom.hasClass(this.getHeaderWrapper(),"--empty-content")){n.Dom.removeClass(this.getHeaderWrapper(),"--empty-content")}if(!this.getHeaderWrapper().querySelector(".ui-popupcomponentsmaker__round-player-box")&&!n.Dom.hasClass(this.getHeaderWrapper(),"--without-video")){n.Dom.addClass(this.getHeaderWrapper(),"--without-video")}if(this.content.length>0){t.append(n.Tag.render(Ee||(Ee=Ke`<div class="ui-popupcomponentmaker__content-wrap">${0}</div>`),this.getContentWrapper()))}else{i=false}}n.Dom.append(t,e);if(i){if(this.popup.isShown()){babelHelpers.classPrivateFieldLooseBase(this,Xe)[Xe](t)}else{this.popup.subscribeOnce("onShow",(()=>{babelHelpers.classPrivateFieldLooseBase(this,Xe)[Xe](t)}))}}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 e;this.skeleton=new Oe(this.skeletonSize).get();const t=(e=babelHelpers.classPrivateFieldLooseBase(this,Ue)[Ue]())==null?void 0:e.getAppliedTheme();if(!t){return this.skeleton}const a=this.skeleton.querySelector(".popup-with-header-skeleton__header");babelHelpers.classPrivateFieldLooseBase(this,Me)[Me](a,t);s.EventEmitter.subscribe("BX.Intranet.Bitrix24:ThemePicker:onThemeApply",(e=>{babelHelpers.classPrivateFieldLooseBase(this,Me)[Me](a,e.data.theme)}))}return this.skeleton}preparePopupAngly(e){var t;const a=e==null?void 0:(t=e.parentNode)==null?void 0:t.querySelector(".popup-window-angly--arrow");if(n.Type.isDomNode(a)){var i;const t=(i=babelHelpers.classPrivateFieldLooseBase(this,Ue)[Ue]())==null?void 0:i.getAppliedTheme();if(t){babelHelpers.classPrivateFieldLooseBase(this,Me)[Me](a,t);s.EventEmitter.subscribe("BX.Intranet.Bitrix24:ThemePicker:onThemeApply",(e=>{babelHelpers.classPrivateFieldLooseBase(this,Me)[Me](a,e.data.theme)}))}n.Dom.style(a,"background-position","center top");n.Dom.addClass(e==null?void 0:e.parentNode,"--with-header")}}getHeaderWrapper(){if(!this.header){return null}if(!this.headerWrapper){var e,s,t,a,i;this.headerWrapper=n.Tag.render(Ae||(Ae=Ke`
<div class="ui-popupcomponentmaker__header-content"></div>
`));if(this.content.length<=0){this.headerWrapper.classList.add("--empty-content")}const l=this.getSection();if((e=this.header)!=null&&e.marginBottom){n.Type.isNumber(this.header.marginBottom)?l.style.marginBottom=`${this.header.marginBottom}px`:null}if((s=this.header)!=null&&s.className){n.Dom.addClass(l,this.header.className)}if(n.Type.isDomNode((t=this.header)==null?void 0:t.html)){l.appendChild(this.getItem(this.header).getContainer());this.headerWrapper.appendChild(l)}if(n.Type.isFunction((a=this.header)==null?void 0:(i=a.html)==null?void 0:i.then)){this.adjustPromise(this.header,l);this.headerWrapper.appendChild(l)}}return this.headerWrapper}}function Re(e){n.Dom.addClass(this.getContentWrapper(),"ui-popup-with-header__content");e.append(n.Tag.render(Ne||(Ne=Ke`<div class="ui-popupcomponentmaker__content-wrap">${0}</div>`),this.getContentWrapper()));if(this.popup.isBottomAngle()||!this.animationTemplate){n.Dom.style(this.getContentWrapper(),"transition","none")}if(this.getContentWrapper().scrollHeight>287&&!n.Dom.hasClass(this.getContentWrapper(),"--active-scroll")){n.Dom.style(this.getContentWrapper(),"height","287px");n.Dom.style(this.getContentWrapper(),"overflow-y","scroll");n.Dom.addClass(e,"active-scroll")}else{n.Dom.style(this.getContentWrapper(),"height",`${this.getContentWrapper().scrollHeight}px`)}}function Ye(){var e,s,t,a,i;return(e=(s=BX.Intranet)==null?void 0:(t=s.Bitrix24)==null?void 0:t.ThemePicker.Singleton)!=null?e:(a=top.BX.Intranet)==null?void 0:(i=a.Bitrix24)==null?void 0:i.ThemePicker.Singleton}function Ge(e,s){const t=`url('${n.Text.encode(s.previewImage)}')`;n.Dom.style(e,"backgroundImage",t);n.Dom.removeClass(e,"bitrix24-theme-default bitrix24-theme-dark bitrix24-theme-light");let a="bitrix24-theme-default";if(s.id!=="default"){a=String(s.id).indexOf("dark:")===0?"bitrix24-theme-dark":"bitrix24-theme-light"}n.Dom.addClass(e,a)}class qe{getContent(){throw new Error("Must be implemented in a child class")}setOptions(e){this.options=e}}let Ve=e=>e,Je,Qe,Ze,es,ss,ts;var as=babelHelpers.classPrivateFieldLooseKey("cache");var is=babelHelpers.classPrivateFieldLooseKey("getItemContent");var ls=babelHelpers.classPrivateFieldLooseKey("getTitle");var rs=babelHelpers.classPrivateFieldLooseKey("getIcon");var os=babelHelpers.classPrivateFieldLooseKey("getDescription");var ns=babelHelpers.classPrivateFieldLooseKey("getMoreLink");var ps=babelHelpers.classPrivateFieldLooseKey("getButton");var ds=babelHelpers.classPrivateFieldLooseKey("getButtonDescription");var cs=babelHelpers.classPrivateFieldLooseKey("setTextStyles");class bs extends qe{constructor(e={}){super();Object.defineProperty(this,cs,{value:Bs});Object.defineProperty(this,ds,{value:Ls});Object.defineProperty(this,ps,{value:ys});Object.defineProperty(this,ns,{value:Ps});Object.defineProperty(this,os,{value:ms});Object.defineProperty(this,rs,{value:vs});Object.defineProperty(this,ls,{value:us});Object.defineProperty(this,is,{value:hs});Object.defineProperty(this,as,{writable:true,value:new n.Cache.MemoryCache});this.options=e}getContent(){return babelHelpers.classPrivateFieldLooseBase(this,as)[as].remember("popup-content",(()=>{const e=[];this.options.items.forEach(((s,t)=>{var a,i;const l=babelHelpers.classPrivateFieldLooseBase(this,is)[is](s);if((a=s.styles)!=null&&a.color){n.Dom.style(l,"color",s.styles.color)}e.push({html:l,background:(i=s.styles)==null?void 0:i.background,margin:t===0?"12px 0 0 0":null})}));return e}))}}function hs(e){return n.Tag.render(Je||(Je=Ve`
<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>
`),e.icon?babelHelpers.classPrivateFieldLooseBase(this,rs)[rs](e.icon):null,e.title?babelHelpers.classPrivateFieldLooseBase(this,ls)[ls](e.title):null,e.description?babelHelpers.classPrivateFieldLooseBase(this,os)[os](e.description):null,e.more?babelHelpers.classPrivateFieldLooseBase(this,ns)[ns](e.more,e.button):null,e.button?babelHelpers.classPrivateFieldLooseBase(this,ps)[ps](e.button):null,e.button.description?babelHelpers.classPrivateFieldLooseBase(this,ds)[ds](e.button.description):null)}function us(e){const s=n.Tag.render(Qe||(Qe=Ve`
<div class="ui-popupconstructor-content-item__title">${0}</div>
`),e.text);babelHelpers.classPrivateFieldLooseBase(this,cs)[cs](s,e);return s}function vs(e){const s=n.Tag.render(Ze||(Ze=Ve`
<div class="ui-popupconstructor-content-item__icon ui-icon-set --${0}"></div>
`),e.name);if(e.color){n.Dom.style(s,"background-color",e.color)}return s}function ms(e){const s=n.Tag.render(es||(es=Ve`
<div class="ui-popupconstructor-content-item__description">
${0}
</div>
`),e.text);babelHelpers.classPrivateFieldLooseBase(this,cs)[cs](s,e);return s}function Ps(e,s){const t=()=>{var t;if(e.code){d.FeaturePromotersRegistry.getPromoter({code:e.code}).show()}else if(e.articleId){top.BX.Helper.show(`redirect=detail&code=${e.articleId}`)}if((t=this.options)!=null&&t.analyticsCallback){this.options.analyticsCallback("click-more",s.url)}};const a=n.Tag.render(ss||(ss=Ve`
<div class="ui-popupconstructor-content-item__more-link" onclick="${0}">${0}</div>
`),t,e.text.text);babelHelpers.classPrivateFieldLooseBase(this,cs)[cs](a,e.text);return a}function ys(e){const s=e.target?p.ButtonTag.BUTTON:p.ButtonTag.LINK;const t=new p.Button({round:true,text:e.text,size:p.Button.Size.EXTRA_SMALL,color:p.Button.Color.SUCCESS,noCaps:true,tag:s,link:e.target?null:e.url,onclick:()=>{var s;if(e.target){window.open(e.url,e.target)}if((s=this.options)!=null&&s.analyticsCallback){this.options.analyticsCallback("click-button",e.url)}}});if(e.backgroundColor){n.Dom.style(t.render(),"background-color",e.backgroundColor);t.setColor(p.Button.Color.LIGHT)}return t.render()}function Ls(e){const s=n.Tag.render(ts||(ts=Ve`
<div class="ui-popupconstructor-content-item__button-description">
${0}
</div>
`),e.text);babelHelpers.classPrivateFieldLooseBase(this,cs)[cs](s,e);return s}function Bs(e,s){if(s.color){n.Dom.style(e,"color",s.color)}if(s.fontSize){n.Dom.style(e,"font-size",s.fontSize)}if(s.weight){n.Dom.style(e,"font-weight",s.weight)}}e.PopupWithHeader=ze;e.PopupHeader=Fe;e.SaleTemplate=bs;e.BaseTemplate=qe})(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.map.js