1"use strict";(self.webpackChunkthreeddd_front=self.webpackChunkthreeddd_front||[]).push([[107],{9107:(Jt,A,l)=>{l.r(A),l.d(A,{BlogPostComponent:()=>Zt});var t=l(7019),v=l(430),k=l(9437),O=l(1413),E=l(8810),x=l(983),V=l(7673),D=l(7468),L=l(8207),h=l(177),C=l(1180),y=l(174),G=l(345);let $=(()=>{var o;class r{constructor(){this.sanitizer=(0,t.WQX)(G.up),this.imageBaseUrl=(0,t.WQX)(C.sT)}transform(e){if(!e)return this.sanitizer.bypassSecurityTrustHtml("");const n=this.processRelativeUrls(e);return this.sanitizer.bypassSecurityTrustHtml(n)}processRelativeUrls(e){const s=(new DOMParser).parseFromString(e,"text/html");return s.querySelectorAll("img").forEach(g=>{if(g.hasAttribute("src")){const d=g.getAttribute("src");d.startsWith("/")&&g.setAttribute("src",this.imageBaseUrl.baseUrl+d)}this.addAspectRatioStyle(g)}),s.querySelectorAll('a[data-add-image-balancer="true"]').forEach(g=>{const d=g.getAttribute("href");d?.startsWith("/")&&g.setAttribute("href",this.imageBaseUrl.baseUrl+d)}),s.querySelectorAll("iframe").forEach(g=>{this.addIframeStyles(g)}),s.body.innerHTML}addAspectRatioStyle(e){const n=e.getAttribute("data-width"),s=e.getAttribute("data-height");if(!n||!s)return;const a=parseFloat(n),c=parseFloat(s);if(isNaN(a)||isNaN(c)||a<=0||c<=0)return;const p=e;e.setAttribute("width",a.toString()),e.setAttribute("height",c.toString()),p.style.height="auto",e.removeAttribute("data-width"),e.removeAttribute("data-height")}addIframeStyles(e){const n=e.getAttribute("width"),s=e.getAttribute("height");if(!n||!s)return;const a=parseFloat(n),c=parseFloat(s);if(isNaN(a)||isNaN(c)||a<=0||c<=0)return;const p=e;p.style.aspectRatio=`${a} / ${c}`,p.style.width="100%",p.style.height="auto",p.style.borderRadius="4px"}}return(o=r).\u0275fac=function(e){return new(e||o)},o.\u0275pipe=t.EJ8({name:"relativeUrlReplacer",type:o,pure:!0,standalone:!0}),r})();var X=l(8048),S=l(2312);let z=(()=>{var o;class r extends S.h{constructor(){super(...arguments),this.entity="blog",this.showAllComments=!0,this.expandAllResponses=!0}}return(o=r).\u0275fac=function(){let i;return function(n){return(i||(i=t.xGo(o)))(n||o)}}(),o.\u0275prov=t.jDH({token:o,factory:o.\u0275fac}),r})();var N=l(5064),Y=l(5379),Z=l(4357),W=l(6699),Q=l(6537),b=l(5697),I=l(710),T=l(1626),J=l(5312),w=l(5979);const K={blog:"blog_like_users",model:"model_like_users",gallery:"gallery_like_users"};let B=(()=>{var o;class r{constructor(){this.http=(0,t.WQX)(T.Qq),this.sharedGlobalDataService=(0,t.WQX)(w.o),this.apiLikeBaseUrl=J.c.apiLikeBaseUrl}getUsersFromResponse(e){return e.data[K[this.entity]]??[]}getSortedUsers(e){const n=[...this.getUsersFromResponse(e)],s=this.sharedGlobalDataService.authorizedSource.getValue();if(s&&n.length){const a=n.findIndex(c=>c.user_slug===s);if(a>0){const[c]=n.splice(a,1);n.unshift(c)}}return n}addOrRemoveUserInList(e,n){if(n){const a=this.sharedGlobalDataService.userDataSource.getValue();return[{user_avatar:"blank.svg"===a.user.avatar?null:a.user.avatar,user_name:a.user.username,user_slug:a.user.slug},...e]}const s=this.sharedGlobalDataService.authorizedSource.getValue();return s?e.filter(a=>a.user_slug!==s):e}}return(o=r).\u0275fac=function(e){return new(e||o)},o.\u0275prov=t.jDH({token:o,factory:o.\u0275fac}),r})();var q=l(480);let tt=(()=>{var o;class r extends B{constructor(){super(...arguments),this.entity="blog"}getLikeUsers(e){return this.http.post(this.apiLikeBaseUrl+b.bG.likeUsers,{entity:this.entity,slug:e})}likeEntity(e,n){return this.http.post(this.apiLikeBaseUrl+b.bG.likePost,{entity:this.entity,slug:e,rating:n},{context:(new T._y).set(q.cM,!0)})}}return(o=r).\u0275fac=function(){let i;return function(n){return(i||(i=t.xGo(o)))(n||o)}}(),o.\u0275prov=t.jDH({token:o,factory:o.\u0275fac}),r})();var j=l(5116),_=l(2128),H=l(6069);function et(o,r){if(1&o&&(t.qSk(),t.joV(),t.j41(0,"div",15),t.EFF(1),t.k0s()),2&o){const i=t.XpG();t.AVh("animating",i.counterAnimating()),t.R7$(1),t.SpI(" ",i.likesCount," ")}}function nt(o,r){if(1&o&&t.nrm(0,"span",16),2&o){const i=r.$implicit;t.xc7("left",i.left,"px")("top",i.top,"px"),t.AVh("liked",i.liked)}}function ot(o,r){if(1&o&&t.nrm(0,"span",17),2&o){const i=r.$implicit;t.xc7("left",i.left,"px")("top",i.top,"px")("--tx",i.tx+"px")("--ty",i.ty+"px")("--delay",i.delay+"s")("--size",i.size+"px")}}function it(o,r){1&o&&(t.j41(0,"div",18),t.SdG(1),t.k0s())}const st=["*"];let rt=(()=>{var o;
1class r{constructor(){this.route=(0,t.WQX)(v.nX),this.sharedGlobalDataService=(0,t.WQX)(w.o),this.subscribeHandlerService=(0,t.WQX)(j.e),this.backdropComponentService=(0,t.WQX)(_.v),this.likeButtonBaseService=(0,t.WQX)(B),this.popupBarService=(0,t.WQX)(H.h),this.locale=(0,t.WQX)(t.xe9),this.unsubscriber=new O.B,this.animationTimers=[],this.animationElementId=0,this.animating=(0,t.vPA)(!1),this.counterAnimating=(0,t.vPA)(!1),this.ripples=(0,t.vPA)([]),this.stars=(0,t.vPA)([]),this.likeList=(0,t.vPA)([]),this.loadingLikeUsers=(0,t.vPA)(!1),this.loadingLikePost=(0,t.vPA)(!1),this.language={like:{ru:"\u041d\u0440\u0430\u0432\u0438\u0442\u0441\u044f",en:"Like",es:"Like"}},this.isLiked=void 0,this.likeListChange=new t.bkB}ngOnInit(){this.subscribeHandlerService.subjectSubscribe(this.sharedGlobalDataService.authorized,e=>{this.authorized=e},this.unsubscriber),this.slug&&this.subscribeHandlerService.requestBySignal({req:this.likeButtonBaseService.getLikeUsers(this.slug),success:e=>{const n=this.likeButtonBaseService.getSortedUsers(e);this.likeList.set(n),this.likeListChange.emit(n),this.isLiked=n.some(s=>s.user_slug===this.authorized)},err:e=>(this.popupBarService.showGlobalErrorPopup(),(0,E.$)(()=>e)),extras:{loading:this.loadingLikeUsers,skipNotFound:!0}})}buttonClick(e){void 0===this.isLiked||this.loadingLikePost()||(this.authorized?(this.runClickAnimation(e,!this.isLiked),this.clickOnLikeButton()):this.backdropComponentService.LoginInPopup(void 0))}clickOnLikeButton(){if(!this.slug||void 0===this.isLiked)return;const e=!this.isLiked,s=this.isLiked,a=this.likesCount??0,c=this.likeList();this.isLiked=e,this.likesCount=e?a+1:Math.max(0,a-1),this.subscribeHandlerService.requestBySignal({req:this.likeButtonBaseService.likeEntity(this.slug,1),success:()=>{const p=this.likeButtonBaseService.addOrRemoveUserInList(c,e);this.likeList.set(p),this.likeListChange.emit(p)},err:()=>(this.isLiked=s,this.likesCount=a,this.likeList.set(c),this.likeListChange.emit(c),this.popupBarService.showGlobalErrorPopup(),x.w),extras:{loading:this.loadingLikePost,skipNotFound:!0}})}runClickAnimation(e,n){const s=e.currentTarget,a=s.getBoundingClientRect(),c=e.clientX-a.left,p=e.clientY-a.top,g=this.nextAnimationElementId();this.ripples.update(d=>[...d,{id:g,left:c,top:p,liked:n}]),this.setAnimationTimer(()=>this.removeRipple(g),600),n&&this.createStars(s,a),this.animating.set(!0),this.counterAnimating.set(!0),this.setAnimationTimer(()=>this.animating.set(!1),400),this.setAnimationTimer(()=>this.counterAnimating.set(!1),200)}createStars(e,n){const a=e.querySelector(".icon")?.getBoundingClientRect(),c=a?a.left-n.left+a.width/2:32,p=a?a.top-n.top+a.height/2:24,d=Array.from({length:15},(u,P)=>{const m=2*Math.PI*P/15+.4*(Math.random()-.5),f=25+25*Math.random();return{id:this.nextAnimationElementId(),left:c,top:p,tx:Math.cos(m)*f,ty:Math.sin(m)*f,delay:.15*Math.random(),size:1+2*Math.random()}});this.stars.update(u=>[...u,...d]),d.forEach(u=>this.setAnimationTimer(()=>this.removeStar(u.id),450))}removeRipple(e){this.ripples.update(n=>n.filter(s=>s.id!==e))}removeStar(e){this.stars.update(n=>n.filter(s=>s.id!==e))}nextAnimationElementId(){return this.animationElementId+=1,this.animationElementId}setAnimationTimer(e,n){const s=setTimeout(e,n);this.animationTimers.push(s)}ngOnDestroy(){this.unsubscriber.next(),this.animationTimers.forEach(e=>clearTimeout(e))}}return(o=r).\u0275fac=function(e){return new(e||o)},o.\u0275cmp=t.VBU({type:o,selectors:[["app-like-button"]],inputs:{language:"language",isLiked:"isLiked",likesCount:"likesCount",slug:"slug"},outputs:{likeListChange:"likeListChange"},standalone:!0,features:[t.aNF],ngContentSelectors:st,decls:16,vars:10,consts:[[1,"like-button-wrapper"],[1,"like-button",3,"disabled","click"],[1,"content"],[1,"icon-wrapper"],[1,"icon"],["fill","none","preserveAspectRatio","none","viewBox","0 0 32 32","xmlns","http://www.w3.org/2000/svg"],["clip-rule","evenodd","d","M14.9746 2.19391C16.0219 0.615151 18.3041 0.608406 19.3838 2.1402C19.9408 2.93087 20.1412 3.87645 20.1777 4.75739C20.2144 5.64436 20.0889 6.54868 19.9189 7.33747C19.8044 7.86876 19.665 8.36371 19.5322 8.78571H26.4668C28.3295 8.78571 29.9601 10.2239 29.9941 12.2037C30.0211 13.7795 29.9605 15.9293 29.5801 18.0123C29.2056 20.0624 28.4921 22.2182 27.0898 23.6422C25.5942 25.1606 23.6843 25.6971 21.1104 25.8931C18.5739 26.0863 15.1284 25.9595 10.4658 25.9595H7C4.79077 25.9595 3.00011 24.1475 3 21.9127V13.8433C3 11.6082 4.79086 9.79645 7 9.79645H9.04395C9.59929 9.79645 10.1182 9.51587 10.4277 9.04938L14.9746 2.19391ZM17.7559 3.31403C17.4761 2.91751 16.8932 2.93392 16.6357 3.32184L12.0889 10.1763C11.7996 10.6124 11.4264 10.9734 11 11.2457V23.9381C15.4982 23.9465 18.6145 24.0542 20.96 23.8756C23.359 23.6928 24.6818 23.2196 25.6729 22.2134C26.6406 21.2307 27.2607 19.5751 27.6133 17.6451C27.9598 15.7479 28.0209 13.7472 27.9951 12.2388C27.9817 11.4569 27.3341 10.8091 26.4668 10.8091H18.1016C17.7636 10.809 17.4482 10.6357 17.2637 10.3492C17.0796 10.0629 17.0504 9.70178 17.1865 9.38923C17.1865 9.38923 17.189 9.38554 17.1904 9.38239C17.1933 9.37565 17.1977 9.36347 17.2041 9.34821C17.2169 9.31774 17.2362 9.27097 17.2607 9.20954C17.3101 9.08571 17.38 8.90241 17.46 8.67536C17.6205 8.21914 17.8169 7.59326 17.9648 6.9068C18.1139 6.21529 18.2067 5.49564 18.1797 4.84235C18.1523 4.18289 18.0069 3.67037 17.7559 3.31403ZM7 11.8199C5.89543 11.8199 5 12.7258 5 13.8433V21.9127C5.00011 23.0303 5.89566 23.9361 7 23.9361H9V11.8199H7Z","fill-rule","evenodd",1,"icon-outline"],[1,"icon-filled"],["d","M9.78421 25.8366L7.99222 25.9859C5.79801 26.1679 3.87025 24.5664 3.68502 22.4092L3.01437 14.5975C2.82912 12.4401 4.45694 10.5427 6.6509 10.3604L8.14017 10.2369L9.78421 25.8366Z"],["d","M14.0038 2.3457C14.9179 0.733872 17.1868 0.538834 18.3908 1.92937C19.0128 2.64768 19.2915 3.54552 19.4012 4.39484C19.5115 5.24987 19.4617 6.13501 19.3574 6.912C19.2871 7.43559 19.1902 7.92554 19.0926 8.34476L26.0338 7.76859C27.8834 7.61514 29.6221 8.86804 29.8202 10.7758C29.9782 12.297 30.0961 14.3815 29.8893 16.4284C29.6858 18.4432 29.1528 20.5876 27.8705 22.081C26.5043 23.6721 24.6436 24.3485 22.0906 24.7513C20.3472 25.0263 18.1556 25.1891 15.4249 25.3915C14.375 25.4694 13.2453 25.5535 12.0308 25.6519L10.2251 9.00899L14.0038 2.3457Z"],["class","counter",3,"animating",4,"ngIf"],[1,"text"],["class","ripple",3,"liked","left","top",4,"ngFor","ngForOf"],["class","star",3,"left","top","--tx","--ty","--delay","--size",4,"ngFor","ngForOf"],["class","popup-wrapper",4,"ngIf"],[1,"counter"],[1,"ripple"],[1,"star"],[1,"popup-wrapper"]],template:function(e,n){1&e&&(t.NAR(),t.j41(0,"div",0)(1,"button",1),t.bIt("click",function(a){return n.buttonClick(a)}),t.j41(2,"div",2)(3,"div",3)(4,"div",4),t.qSk(),t.j41(5,"svg",5),t.nrm(6,"path",6),t.j41(7,"g",7),t.nrm(8,"path",8)(9,"path",9),t.k0s()()(),t.DNE(10,et,2,3,"div",10),t.k0s(),t.joV(),t.j41(11,"div",11),t.EFF(12),t.k0s()(),t.DNE(13,nt,1,6,"span",12),t.DNE(14,ot,1,12,"span",13),t.k0s(),t.DNE(15,it,2,0,"div",14),t.k0s()),2&e&&(t.R7$(1),t.AVh("liked",n.isLiked)("animating",n.animating()),t.Y8G("disabled",void 0===n.isLiked),t.R7$(9),t.Y8G("ngIf",n.likesCount>0),t.R7$(2),t.JRh(n.language.like[n.locale]),t.R7$(1),t.Y8G("ngForOf",n.ripples()),t.R7$(1),t.Y8G("ngForOf",n.stars()),t.R7$(1),t.Y8G("ngIf",n.likesCount>0))},dependencies:[h.bT,h.pM],styles:["@keyframes _ngcontent-%COMP%_likeIconPop{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(0)}to{transform:scale(1) rotate(-3deg)}}@keyframes _ngcontent-%COMP%_ripple{0%{width:0;height:0;opacity:1}
1to{width:200px;height:200px;opacity:0}}@keyframes _ngcontent-%COMP%_starBurst{0%{transform:translate(0) scale(0) rotate(0);opacity:1}50%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1) rotate(180deg);opacity:0}}@keyframes _ngcontent-%COMP%_counterUp{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _ngcontent-%COMP%_iconFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes _ngcontent-%COMP%_iconFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.like-button-wrapper[_ngcontent-%COMP%]{position:relative}.popup-wrapper[_ngcontent-%COMP%]{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:10;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;transform:translate(-50%);border-radius:6px;opacity:0;visibility:hidden;transition:opacity .3s ease .15s,visibility .3s ease .15s}@media (pointer: coarse){.popup-wrapper[_ngcontent-%COMP%]{display:none}}.like-button-wrapper[_ngcontent-%COMP%]:hover .popup-wrapper[_ngcontent-%COMP%]{opacity:1;visibility:visible;transition-delay:.3s}.like-button[_ngcontent-%COMP%]{position:relative;overflow:hidden;border:0;outline:none;text-decoration:none;border-radius:12px;background-color:var(--gray-200, #F7F6F5);color:var(--gray-1000, #1B1916);cursor:pointer;transition:background-color .3s ease;width:100%}.like-button[_ngcontent-%COMP%]:disabled, .like-button.disabled[_ngcontent-%COMP%]{color:var(--gray-200, #F7F6F5);cursor:default;pointer-events:none}.like-button[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px}.like-button[_ngcontent-%COMP%] .icon-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px}.like-button[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{position:relative;flex-shrink:0;width:32px;height:32px;transition:transform .2s ease}.like-button[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{position:absolute;inset:0;display:block;width:100%;height:100%}.like-button[_ngcontent-%COMP%] .icon-outline[_ngcontent-%COMP%]{fill:currentColor;transition:fill .2s ease}.like-button[_ngcontent-%COMP%] .icon-filled[_ngcontent-%COMP%]{opacity:0;transform:scale(.8);fill:var(--blue-500, #0881CC)}.like-button[_ngcontent-%COMP%] .counter[_ngcontent-%COMP%], .like-button[_ngcontent-%COMP%] .text[_ngcontent-%COMP%]{font-family:Roboto,sans-serif;font-weight:500;color:var(--gray-1000, #1B1916)}.like-button[_ngcontent-%COMP%] .counter[_ngcontent-%COMP%]{font-size:16px;line-height:24px}.like-button[_ngcontent-%COMP%] .counter.animating[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_counterUp .2s ease}.like-button[_ngcontent-%COMP%] .text[_ngcontent-%COMP%]{font-size:16px;line-height:20px}.like-button[_ngcontent-%COMP%] .ripple[_ngcontent-%COMP%]{position:absolute;z-index:0;border-radius:50%;pointer-events:none;background-color:#ffffff80;animation:_ngcontent-%COMP%_ripple .6s ease-out;transform:translate(-50%,-50%)}.like-button[_ngcontent-%COMP%] .ripple.liked[_ngcontent-%COMP%]{background-color:#0881cc4d}.like-button[_ngcontent-%COMP%] .star[_ngcontent-%COMP%]{position:absolute;z-index:2;width:var(--size);height:var(--size);border-radius:50%;pointer-events:none;background-color:var(--blue-500, #0881CC);animation:_ngcontent-%COMP%_starBurst .3s ease-out forwards;animation-delay:var(--delay)}@media (hover: hover) and (pointer: fine){.like-button[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover{background-color:var(--blue-100, #E3F4FC)}.like-button[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover .icon-outline[_ngcontent-%COMP%]{fill:var(--blue-500, #036CAD)}.like-button[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover:not(.liked) .icon[_ngcontent-%COMP%]{transform:rotate(8deg)}}.like-button.active[_ngcontent-%COMP%], .like-button[_ngcontent-%COMP%]:active{background-color:var(--blue-100, #E3F4FC)}.like-button.liked[_ngcontent-%COMP%]{background-color:var(--gray-200, #F7F6F5)}.like-button.liked[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{transform:rotate(-3deg)}.like-button.liked[_ngcontent-%COMP%] .icon-outline[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_iconFadeOut .3s ease forwards}.like-button.liked[_ngcontent-%COMP%] .icon-filled[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_iconFadeIn .3s ease forwards}@media (hover: hover) and (pointer: fine){.like-button.liked[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover{background-color:var(--blue-100, #E3F4FC)}}.like-button.animating[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_likeIconPop .4s ease-out}button[_ngcontent-%COMP%]{font-size:16px;line-height:24px;font-weight:500;height:48px;display:inline-flex;align-items:center;justify-content:center}"],changeDetection:0}),r})();var at=l(2415),lt=l(9738),ct=l(3726),gt=l(6977),pt=l(152),dt=l(4678);const ht=["usersLikesList"];function ut(o,r){1&o&&(t.qex(0),t.qSk(),t.j41(1,"svg",10),t.nrm(2,"path",11)(3,"path",12),t.k0s(),t.bVm())}function Ct(o,r){1&o&&(t.qSk(),t.j41(0,"svg",10),t.nrm(1,"path",13)(2,"path",14),t.k0s())}function mt(o,r){if(1&o&&(t.qex(0),t.j41(1,"span"),t.EFF(2),t.k0s(),t.bVm()),2&o){const i=t.XpG();t.R7$(2),t.JRh(i.title)}}function ft(o,r){1&o&&t.nrm(0,"app-model-user-like-set",15),2&o&&t.Y8G("user",r.$implicit)("inColumn",!0)}let vt=(()=>{var o;
1class r{constructor(e,n){this.backdropService=e,this.backdropComponentService=n,this.platformId=(0,t.WQX)(t.Agw),this.unsubscriber=new O.B,this.list=[],this.userLikedIt=!1,this.title="",this.stickyList=(0,t.vPA)(!1),this.onScroll=()=>{const s=this.usersLikesListRef?.nativeElement;this.stickyList.set(!!s&&s.getBoundingClientRect().top<0)}}ngOnInit(){(0,h.UE)(this.platformId)&&window.addEventListener("scroll",this.onScroll,!0)}ngAfterViewInit(){(0,h.UE)(this.platformId)&&(0,ct.R)(document,"keydown").pipe((0,gt.Q)(this.unsubscriber),(0,pt.B)(10)).subscribe(e=>{"Escape"===e.key&&this.backdropComponentService.hideAndDestroyService()})}ngOnDestroy(){(0,h.UE)(this.platformId)&&window.removeEventListener("scroll",this.onScroll,!0),this.unsubscriber.next()}}return(o=r).\u0275fac=function(e){return new(e||o)(t.rXU(dt.u),t.rXU(_.v))},o.\u0275cmp=t.VBU({type:o,selectors:[["app-list-of-liked-users"]],viewQuery:function(e,n){if(1&e&&t.GBs(ht,5),2&e){let s;t.mGM(s=t.lsd())&&(n.usersLikesListRef=s.first)}},inputs:{list:"list",userLikedIt:"userLikedIt",title:"title"},standalone:!0,features:[t.aNF],decls:13,vars:9,consts:[[1,"users-likes-list"],["usersLikesList",""],[1,"list-header"],[1,"users-in-list"],[4,"ngIf","ngIfElse"],["recommendActive",""],[4,"ngIf"],[3,"buttonClick"],[1,"grid-container"],[3,"user","inColumn",4,"ngFor","ngForOf"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M0.00496856 7.99145C0.00966099 7.44252 0.455983 7 1.00493 7H4.58621C7.02157 5.36218 8.48813 3.74995 9.38298 2.55647C9.83977 1.94724 10.1528 1.44052 10.3824 1.06784C10.3883 1.05837 10.3941 1.04887 10.4 1.03935C10.502 0.873808 10.6088 0.700435 10.7023 0.570527C10.7504 0.503638 10.8274 0.402004 10.9274 0.308588C10.9921 0.248204 11.2603 0 11.6831 0C12.0579 0 12.335 0.181987 12.4922 0.325171C12.6625 0.480226 12.7836 0.668118 12.868 0.853869C13.0379 1.22735 13.1048 1.68773 13.0734 2.20919C13.0186 3.1204 12.6565 4.35507 11.7619 6L17.0221 5.99998C17.3356 5.99998 17.6777 6.03697 17.9965 6.17857C18.3493 6.33522 18.6151 6.59409 18.7804 6.92526C18.9282 7.22151 18.9721 7.52952 18.989 7.77005C19.0061 8.01494 18.9998 8.28261 18.9924 8.5298C18.9697 9.30898 18.7725 10.6674 18.3582 11.9848C18.1495 12.6483 17.8766 13.3314 17.5241 13.9387C17.1758 14.5386 16.7165 15.1223 16.1097 15.5154C15.6836 15.7914 15.1827 15.985 14.6215 15.9997C14.6127 15.9999 14.604 16 14.5953 16H1.00497C0.736684 16 0.479649 15.8922 0.291629 15.7008C0.103609 15.5094 0.000375723 15.2505 0.0051289 14.9823C0.0319418 13.4691 0.0220114 12.3855 0.0115298 11.2417C0.00283465 10.2929 -0.0062398 9.30263 0.00496856 7.99145ZM1.00493 8H4.74008C4.83748 8 4.93302 7.97059 5.01416 7.91673C8.66715 5.49183 10.3054 3.08026 11.0766 1.84621C11.091 1.8231 11.1052 1.80041 11.119 1.77813C11.1612 1.71027 11.2006 1.64632 11.2375 1.58648C11.4676 1.21301 11.5989 1 11.6831 1C11.8269 1 12.0679 1.26654 12.0804 1.91196C12.0817 1.98078 12.0805 2.0539 12.0762 2.13147C12.0314 2.94825 11.6549 4.25772 10.4859 6.21889C10.283 6.55927 10.5228 7 10.9191 7L17.0221 6.99998C18.0002 6.99998 18.0229 7.49123 17.9929 8.5C17.9534 9.86296 17.2717 13.5712 15.566 14.6761C15.2605 14.874 14.936 14.9911 14.5953 15H1.00497C1.01122 14.6475 1.01545 14.316 1.01814 14C1.02692 12.9691 1.01927 12.1025 1.01137 11.2073C1.00291 10.2497 0.994167 9.25931 1.00493 8Z","fill","#8C8C8C"],["fill-rule","evenodd","clip-rule","evenodd","d","M-6.30862e-05 7H4.99994V16H-6.30862e-05V7ZM0.999937 8V15H3.99994V8H0.999937Z","fill","#8C8C8C"],["d","M0 7.02002L4 7V16L0 15.99V7.02002Z","fill","#4182AA"],["d","M8.72656 3.34741C7.29688 5.03101 5.72441 6.45044 5 6.99976V15.9998C7.53374 15.9957 13.6088 15.9998 14.4414 15.9998C16.7461 15.9998 17.8413 13.7398 18.5 11.4997C18.8877 10.1811 19 8.99975 19 7.99975C19 6.49975 18.0664 5.99976 17 5.99976H11.75C12.7656 4.12476 13.0396 3.02698 13.082 2.01538C13.1245 1.00378 12.6438 0.259904 12.0156 0.0505205C11.5668 -0.0990935 11.0457 0.119246 10.7148 0.593485C10.366 1.09347 9.56856 2.35588 8.72656 3.34741Z","fill","#4182AA"],[3,"user","inColumn"]],template:function(e,n){if(1&e&&(t.j41(0,"div",0,1)(2,"div",2)(3,"div",3),t.DNE(4,ut,4,0,"ng-container",4),t.DNE(5,Ct,3,0,"ng-template",null,5,t.C5r),t.j41(7,"span"),t.EFF(8),t.k0s(),t.DNE(9,mt,3,1,"ng-container",6),t.k0s(),t.j41(10,"app-close-button",7),t.bIt("buttonClick",function(){return n.backdropComponentService.hideAndDestroyService()}),t.k0s()(),t.j41(11,"div",8),t.DNE(12,ft,1,2,"app-model-user-like-set",9),t.k0s()()),2&e){const s=t.sdS(6);t.AVh("sticky-list",n.stickyList()),t.R7$(2),t.AVh("sticky-list-header",n.stickyList()),t.R7$(2),t.Y8G("ngIf",!n.userLikedIt)("ngIfElse",s),t.R7$(4),t.SpI(" ",n.list.length," "),t.R7$(1),t.Y8G("ngIf",n.title),t.R7$(3),t.Y8G("ngForOf",n.list)}},dependencies:[h.bT,h.pM,at.o,lt.f],styles:[".users-likes-list[_ngcontent-%COMP%]{background:#FFFFFF;width:720px;padding-left:24px;padding-right:24px;border-radius:24px}@media (max-width: 767.98px){.users-likes-list[_ngcontent-%COMP%]{width:540px}}@media (max-width: 575.98px){.users-likes-list[_ngcontent-%COMP%]{width:360px}}.sticky-list[_ngcontent-%COMP%]{padding-top:56px}.list-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;background:#FFFFFF;height:56px;padding-top:24px;padding-bottom:8px;position:relative}.users-in-list[_ngcontent-%COMP%]{height:20px;color:#373737;font-weight:500;font-size:16px;line-height:20px}.users-in-list[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin-left:8px;display:inline-block}.sticky-list-header[_ngcontent-%COMP%]{width:720px;position:fixed;top:0;margin-left:-24px;padding:24px 24px 8px;z-index:10}@media (max-width: 767.98px){.sticky-list-header[_ngcontent-%COMP%]{width:540px}}@media (max-width: 575.98px){.sticky-list-header[_ngcontent-%COMP%]{width:360px}}.grid-container[_ngcontent-%COMP%]{padding:16px 0 24px;display:grid;grid-template-columns:repeat(3,208px);justify-content:space-between;gap:8px 24px}@media (max-width: 767.98px){.grid-container[_ngcontent-%COMP%]{grid-template-columns:repeat(2,206px)}}@media (max-width: 575.98px){.grid-container[_ngcontent-%COMP%]{grid-template-columns:repeat(1,206px)}}"],changeDetection:0}),r})(),bt=(()=>{var o;
1class r{constructor(){this.noAvatarPlaceholder=(0,t.WQX)(C.UP),this.imageBaseUrl=(0,t.WQX)(C.sT),this.userAvatar="",this.userSlug="",this.userName="",this.route=I.iw,this.inColumn=!1}ngOnInit(){this.userAvatar=this.user.user_avatar?this.imageBaseUrl.baseUrl+b.oT.avatarProfileSmallWebp+this.user.user_avatar:this.noAvatarPlaceholder,this.userSlug=this.user.user_slug,this.userName=this.user.user_name}}return(o=r).\u0275fac=function(e){return new(e||o)},o.\u0275cmp=t.VBU({type:o,selectors:[["app-user-like-set"]],hostVars:2,hostBindings:function(e,n){2&e&&t.AVh("inColumn",n.inColumn)},inputs:{user:"user",inColumn:"inColumn"},standalone:!0,features:[t.aNF],decls:4,vars:5,consts:[[3,"title","routerLink"],["alt","",3,"src"]],template:function(e,n){1&e&&(t.j41(0,"a",0),t.nrm(1,"img",1),t.j41(2,"span"),t.EFF(3),t.k0s()()),2&e&&(t.FS9("title",n.userName),t.FCK("routerLink","/",n.route.users,"/",n.userSlug,""),t.R7$(1),t.Y8G("src",n.userAvatar,t.B4B),t.R7$(2),t.JRh(n.userName))},dependencies:[v.Wk],styles:["[_nghost-%COMP%]{width:100%;height:32px}[_nghost-%COMP%] a[_ngcontent-%COMP%]{height:inherit;text-decoration:none;display:flex;gap:8px;align-items:center;border-radius:16px;padding-right:16px}@media (hover: hover) and (pointer: fine){[_nghost-%COMP%] a[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover{background-color:#f7f7f7}}[_nghost-%COMP%] a[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{height:32px;width:32px;border-radius:50%;z-index:1}[_nghost-%COMP%] a[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:32px;height:32px;min-width:32px;z-index:1}[_nghost-%COMP%] a[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:16px;font-weight:500;line-height:20px;color:#4182aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px}@media (hover: hover) and (pointer: fine){[_nghost-%COMP%] a[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:hover{color:#125884}}[_nghost-%COMP%] a[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:active{color:#125884}.inColumn[_nghost-%COMP%]{height:52px}.inColumn[_nghost-%COMP%] a[_ngcontent-%COMP%]{border-radius:28px;padding-right:16px}.inColumn[_nghost-%COMP%] a[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{height:52px;width:52px;border-radius:50%;z-index:1}.inColumn[_nghost-%COMP%] a[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:52px;height:52px;min-width:52px;z-index:1}"],changeDetection:0}),r})();function Pt(o,r){1&o&&t.nrm(0,"app-user-like-set",4),2&o&&t.Y8G("user",r.$implicit)("inColumn",!1)}function kt(o,r){if(1&o){const i=t.RV6();t.qex(0),t.j41(1,"button",5),t.bIt("click",function(){t.eBV(i);const n=t.XpG();return t.Njj(n.showAllUser())}),t.EFF(2),t.nI1(3,"translate"),t.k0s(),t.bVm()}2&o&&(t.R7$(2),t.SpI(" ",t.bMT(3,1,"model.likes.seeAll")," "))}let _t=(()=>{var o;class r{constructor(){this.backdropComponentService=(0,t.WQX)(_.v),this.sliceLikeUsers=8,this.list=(0,t.vPA)([]),this.listCut=(0,t.EWP)(()=>this.list().slice(0,this.sliceLikeUsers)),this.canShowButtonMore=(0,t.EWP)(()=>this.list().length>this.sliceLikeUsers)}showAllUser(){const e=this.viewContainerRef.createComponent(vt);e.instance.list=this.list(),e.instance.userLikedIt=!0,this.backdropComponentService.createBackdropComponent(this.viewContainerRef,{inZIndex:700,screenStop:!0,insertBackdropStyles:{display:"flex",alignItems:"start",justifyContent:"center",overflow:"auto",paddingTop:"80px",paddingBottom:"80px"}},e)}}return(o=r).\u0275fac=function(e){return new(e||o)},o.\u0275cmp=t.VBU({type:o,selectors:[["app-list-of-liked-users-short"]],inputs:{sliceLikeUsers:"sliceLikeUsers",viewContainerRef:"viewContainerRef",list:"list"},standalone:!0,features:[t.aNF],decls:4,vars:2,consts:[[1,"users-list-wrapper"],[1,"users-list"],[3,"user","inColumn",4,"ngFor","ngForOf"],[4,"ngIf"],[3,"user","inColumn"],[1,"sky-btn-rect","sky-btn-white","user-like-else",3,"click"]],template:function(e,n){1&e&&(t.j41(0,"div",0)(1,"div",1),t.DNE(2,Pt,1,2,"app-user-like-set",2),t.k0s(),t.DNE(3,kt,4,3,"ng-container",3),t.k0s()),2&e&&(t.R7$(2),t.Y8G("ngForOf",n.listCut()),t.R7$(1),t.Y8G("ngIf",n.canShowButtonMore()))},dependencies:[h.bT,h.pM,y.D,bt],styles:[".users-list-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:216px;padding:16px;background-color:#fff;box-shadow:0 0 16px #6c92a966;border-radius:12px;z-index:10}.users-list-wrapper[_ngcontent-%COMP%] .users-list[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.users-list-wrapper[_ngcontent-%COMP%] .user-like-else[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;justify-content:center}"],changeDetection:0}),r})();
1var Mt=l(3812),Ot=l(8202),xt=l(2005),Lt=l(1265),yt=l(1340),St=l(8526),wt=l(8035);function Bt(o,r){if(1&o&&(t.qSk(),t.joV(),t.qex(0),t.j41(1,"li")(2,"a",13),t.qSk(),t.j41(3,"svg",2),t.nrm(4,"path",14)(5,"path",15)(6,"path",16)(7,"path",17),t.k0s(),t.EFF(8),t.nI1(9,"translate"),t.k0s()(),t.bVm()),2&o){const i=t.XpG();t.R7$(2),t.Y8G("href","/"+i.routeBlogUrl.post+"/"+i.blogPost.postSlug+"/edit",t.B4B),t.R7$(6),t.SpI(" ",t.bMT(9,2,"blog.bread\u0421rumbs.edit"),"")}}function Ft(o,r){if(1&o){const i=t.RV6();t.qex(0),t.j41(1,"div",18)(2,"div",19)(3,"a",20)(4,"img",21,22),t.bIt("error",function(){t.eBV(i);const n=t.sdS(5),s=t.XpG();return t.Njj(s.onUserAvatarError(n))}),t.k0s()(),t.j41(6,"a",20)(7,"span"),t.EFF(8),t.k0s()()(),t.j41(9,"div",23),t.bIt("click",function(){t.eBV(i);const n=t.XpG();return t.Njj(n.toggleBookmark())}),t.qSk(),t.j41(10,"svg",24),t.nrm(11,"path",25)(12,"path",26),t.k0s()()(),t.bVm()}if(2&o){const i=t.XpG();t.R7$(3),t.Y8G("routerLink",null==i.blogPost?null:i.blogPost.authorSlug),t.R7$(1),t.Y8G("src",null==i.blogPost?null:i.blogPost.authorAvatar,t.B4B),t.R7$(2),t.Y8G("routerLink",null==i.blogPost?null:i.blogPost.authorSlug),t.R7$(2),t.SpI(" ",null==i.blogPost?null:i.blogPost.userSlug," "),t.R7$(1),t.AVh("is-bookmarked",i.isBookmarked),t.Y8G("appTooltip",i.isBookmarked?i.language.tooltip.inFavorites[i.locale]:i.language.tooltip.addToFavorites[i.locale])}}function Ut(o,r){if(1&o&&(t.qex(0),t.j41(1,"span"),t.qSk(),t.j41(2,"svg",27),t.nrm(3,"path",28),t.k0s(),t.EFF(4),t.k0s(),t.bVm()),2&o){const i=t.XpG();t.R7$(4),t.SpI(" ",null==i.blogPost?null:i.blogPost.postComments," ")}}function Rt(o,r){if(1&o&&(t.qex(0),t.j41(1,"span"),t.qSk(),t.j41(2,"svg",27),t.nrm(3,"path",29)(4,"path",30),t.k0s(),t.EFF(5),t.k0s(),t.bVm()),2&o){const i=t.XpG();t.R7$(5),t.SpI(" ",i.postLikesCount," ")}}function At(o,r){if(1&o&&(t.qex(0),t.j41(1,"span"),t.qSk(),t.j41(2,"svg",27)(3,"g",31),t.nrm(4,"path",32),t.k0s(),t.j41(5,"defs")(6,"clipPath",33),t.nrm(7,"rect",34),t.k0s()()(),t.EFF(8),t.k0s(),t.bVm()),2&o){const i=t.XpG();t.R7$(8),t.SpI(" ",null==i.blogPost?null:i.blogPost.postViews," ")}}function Et(o,r){if(1&o&&(t.nrm(0,"div",35),t.nI1(1,"relativeUrlReplacer")),2&o){const i=t.XpG();t.Y8G("innerHTML",t.bMT(1,1,null==i.blogPost||null==i.blogPost.content?null:i.blogPost.content.content),t.npT)}}function It(o,r){1&o&&(t.j41(0,"div",36),t.qSk(),t.j41(1,"svg",37),t.nrm(2,"path",38)(3,"path",39)(4,"path",40)(5,"path",41)(6,"path",42)(7,"path",43)(8,"path",44)(9,"path",45)(10,"path",46)(11,"path",47),t.k0s()())}function Tt(o,r){if(1&o){const i=t.RV6();t.j41(0,"section",9)(1,"app-like-button",48),t.bIt("likeListChange",function(n){t.eBV(i);const s=t.XpG();return t.Njj(s.onLikeListChange(n))}),t.nrm(2,"app-list-of-liked-users-short",49),t.k0s()()}if(2&o){const i=t.XpG();t.R7$(1),t.Y8G("likesCount",i.postLikesCount)("slug",i.blogSlug),t.R7$(1),t.Y8G("viewContainerRef",i.viewContainerRef)("list",i.list)}}l(647);const jt=function(o){return[o]},Ht=function(o){return{tag:o}};function Vt(o,r){if(1&o&&(t.j41(0,"div",52)(1,"a",53),t.EFF(2),t.k0s()()),2&o){const i=r.$implicit,e=t.XpG(2);t.R7$(1),t.Y8G("routerLink",t.eq3(3,jt,"/"+e.routeBlogUrl.blog))("queryParams",t.eq3(5,Ht,i.title)),t.R7$(1),t.JRh(i.title)}}function Dt(o,r){if(1&o&&(t.qex(0),t.j41(1,"section",9)(2,"div",50),t.DNE(3,Vt,3,7,"div",51),t.k0s()(),t.bVm()),2&o){const i=t.XpG();t.R7$(3),t.Y8G("ngForOf",i.blogTags)}}function Gt(o,r){if(1&o&&(t.qex(0),t.nrm(1,"img",62),t.nI1(2,"imageBaseUrl"),t.bVm()),2&o){const i=t.XpG(2);t.R7$(1),t.Y8G("src",t.bMT(2,1,i.userAvatarUrl+(null==i.userData||null==i.userData.user?null:i.userData.user.avatar)),t.B4B)}}function $t(o,r){if(1&o&&t.nrm(0,"img",62),2&o){const i=t.XpG(2);t.Y8G("src",i.noAvatarPlaceholder,t.B4B)}}function Xt(o,r){1&o&&t.nrm(0,"app-comment",66),2&o&&t.Y8G("comment",r.$implicit)}function zt(o,r){if(1&o){const i=t.RV6();t.j41(0,"button",67),t.bIt("click",function(){t.eBV(i);const n=t.XpG(3);return t.Njj(n.commentAll())}),t.EFF(1),t.k0s()}if(2&o){const i=t.XpG(3);t.R7$(1),t.SpI(" ",i.trans.commentsComponent.showAllComments[i.locale]," ")}}function Nt(o,r){if(1&o&&(t.qex(0),t.DNE(1,Xt,1,1,"app-comment",63),t.j41(2,"div",64),t.DNE(3,zt,2,1,"button",65),t.k0s(),t.bVm()),2&o){const i=t.XpG(2);t.R7$(1),t.Y8G("ngForOf",i.responseCommentsPart),t.R7$(2),t.Y8G("ngIf",i.responseCommentsPart!=i.responseCommentsFilter)}}function Yt(o,r){if(1&o&&(t.j41(0,"section",9)(1,"div",54),t.EFF(2),t.k0s(),t.j41(3,"div",55)(4,"div",56)(5,"div",57),t.DNE(6,Gt,3,3,"ng-container",58),t.DNE(7,$t,1,1,"ng-template",null,59,t.C5r),t.k0s(),t.j41(9,"div",60),t.nrm(10,"app-comment-add",61),t.k0s()(),t.DNE(11,Nt,4,2,"ng-container",4),t.k0s()()),2&o){const i=t.sdS(8),e=t.XpG();t.R7$(2),t.SpI(" ",e.numberComments," "),t.R7$(4),t.Y8G("ngIf",(null==e.userData||null==e.userData.user?null:e.userData.user.avatar)&&"blank.svg"!==(null==e.userData||null==e.userData.user?null:e.userData.user.avatar))("ngIfElse",i),t.R7$(4),t.Y8G("containerRef",e.viewContainerRef),t.R7$(1),t.Y8G("ngIf",null==e.responseCommentsPart?null:e.responseCommentsPart.length)}}let Zt=(()=>{var o;
1class r{constructor(e,n,s,a,c,p,g,d,u,P,m,f,M,F,U,R,Wt,Qt){this.route=e,this.authService=n,this.subscribeHandlerService=s,this.sharedGlobalDataService=a,this.blogsService=c,this.timeConjugationService=p,this.blogCommentsService=g,this.translate=d,this.likesService=u,this.viewContainerRef=P,this.popupBarService=m,this.seoHandlerService=f,this.bookmarkCollectionService=M,this.backdropComponentService=F,this.sky=U,this.baseHref=R,this.imageBaseUrl=Wt,this.locale=Qt,this.noAvatarPlaceholder=(0,t.WQX)(C.UP),this.injector=(0,t.WQX)(t.zZn),this.unsubscriber=new O.B,this.postSectionRendered=!1,this.list=(0,t.vPA)([]),this.routeBlogUrl=X.x,this.routeUrl=I.iw,this.loadingBlogPost=new L.I,this.loadingUserLikePost=new L.I,this.bookmarkListLoading=new L.I,this.displayEditButton=!1,this.authorized=null,this.commentDisplay=!0,this.imLikedPost=void 0,this.numberComments="",this.userAvatarUrl=b.oT.avatarProfileSmallWebp,this.trans=Y.H,this.isBookmarked=!1,this.language={tooltip:{addToFavorites:{ru:"\u0412 \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0435",en:"Add to favorites",es:"Agregar a favoritos"},inFavorites:{ru:"\u0412 \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u043c",en:"In favorites",es:"En favoritos"}}}}ngOnInit(){this.blogSlug=this.route.snapshot.paramMap.get("slug")??"",this.blogCommentsService.initTargetFromFragment(this.route.snapshot.fragment),this.getBlogPostAndTags(),this.subscribeHandlerService.subjectSubscribe(this.sharedGlobalDataService.authorized,e=>{this.authorized=e,e?(this.getUsersLikePost(),this.updateDisplayEditButton()):this.imLikedPost=!1},this.unsubscriber),this.subscribeHandlerService.subjectSubscribe(this.sharedGlobalDataService.userData,e=>{this.userData=e},this.unsubscriber),this.getLikesUserCommentsSet(),this.subscribeHandlerService.subjectSubscribe(this.blogCommentsService.commentsState$,e=>{this.responseCommentsFilter=e.filter,this.responseCommentsPart=e.part,this.commentDisplay=e.commentDisplay;const n=e.countAll;this.numberComments=n.toString()+" "+this.timeConjugationService.timeText(n,this.translate.transform("model.comments.one"),this.translate.transform("model.comments.two"),this.translate.transform("model.comments.five")),this.tryRevealAndScrollToComment()},this.unsubscriber),this.subscribeHandlerService.subjectSubscribe(this.blogCommentsService.updateComments,e=>{e&&e.state===N.U.all&&this.processComments(!0)},this.unsubscriber),this.processComments(!1)}showError(){this.popupBarService.showGlobalErrorPopup()}updateDisplayEditButton(){this.displayEditButton=this.authorized&&this.blogPost&&(this.authService.checkUserRole("ROLE_MODERATOR_BLOGS")||this.blogPost.userSlug===this.authorized)}clearContent(e){if(e){const n=document.createElement("div");return n.innerHTML=e||"",(n.textContent||n.innerText||"").replace(/\[\[3ddd_sep\]\]/g," ").replace(/\n+/g," ").replace(/\s+/g," ").trim()}return""}prepareSeo(){const e=this.blogPost?.postTitle+(this.sky?" - 3dsky Blog":" - \u0411\u043b\u043e\u0433 3ddd");let n=this.clearContent(this.blogPost?.content.content);n=n.length>160?n.substring(0,160)+"...":n;const s=location.origin+this.baseHref+"blog",a=location.origin+this.baseHref+"blog/post/"+this.blogPost?.postSlug,c=this.sky?`${location.origin}/ng-assets/seo/blog/blog-en.jpg`:`${location.origin}/ng-assets/seo/blog/blog-ru.jpg`,p=this.sky?"3dsky":"3ddd",g=location.origin+this.baseHref,d=this.blogPost?.postTitle,u=`${location.origin}/ng-assets/images/site-logo-icons/${this.sky?"3dsky":"3ddd"}-512.png`,P=[u],m=this.blogPost?.postCreatedAt,f=this.blogPost?.categoryTitle,M=this.blogTags?.map(R=>R.title).join(", "),F=this.clearContent(this.blogPost?.content.content).split(" ").length;this.seoHandlerService.setMetaTags(e,n,[{property:"og:url",content:a},{property:"og:image",content:c},{property:"og:description",content:n},{property:"og:site_name",content:p},{name:"twitter:image",content:this.imageBaseUrl.baseUrl+"/media/images/"+this.blogPost?.postAnnounce?.image},{name:"twitter:image:alt",content:e},{property:"article:published_time",content:this.blogPost?.postCreatedAt??""},{property:"article:section",content:this.blogPost?.categoryUrl??""},{property:"article:tag",content:M??""}
1]),this.seoHandlerService.setSchema({"@context":"https://schema.org","@graph":[{"@type":"BlogPosting",headline:d,description:n,image:P,datePublished:m,author:{"@type":"Person",name:this.blogPost?.userSlug,url:location.origin+this.baseHref+"users/"+this.blogPost?.userSlug},publisher:{"@type":"Organization","@id":`${g}#organization`,name:p,url:g,logo:{"@type":"ImageObject",url:u}},mainEntityOfPage:{"@type":"WebPage","@id":`${a}`},articleSection:f,keywords:M,wordCount:F,inLanguage:`${this.locale}-${this.locale.toUpperCase()}`,isPartOf:{"@type":"Blog","@id":`${s}/#blog`}},{"@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Blog",item:s}]}]})}getUsersLikePost(){this.blogSlug&&this.subscribeHandlerService.takeOne(this.blogsService.getUsersLikePost(this.blogSlug).pipe((0,k.W)(e=>(this.showError(),(0,E.$)(()=>e)))),e=>{this.imLikedPost=e.data.blog_like_users.some(n=>n.user_slug==this.authorized)},this.loadingUserLikePost)}getBlogPostAndTags(){if(!this.blogSlug)return;const e=this.blogsService.getPost(this.blogSlug).pipe((0,k.W)(s=>(this.showError(),404===s.status&&(location.href="/404"),x.w))),n=this.blogsService.getTags(this.blogSlug,this.sky?"en":"ru").pipe((0,k.W)(()=>(0,V.of)({data:[],message:"",status:200,success:!0,errors:[]})));this.subscribeHandlerService.takeOne((0,D.p)([n,e]),([s,a])=>{this.blogTags=s.data,a.data.authorAvatar=a.data.userAvatar?this.imageBaseUrl.baseUrl+b.oT.avatarProfileSmallWebp+a.data.userAvatar:this.noAvatarPlaceholder,a.data.authorSlug="/"+this.routeUrl.users+"/"+a.data.userSlug,a.data.showAuthorAvatar=!this.sky,this.blogPost=a.data,this.blogPost.content.content=this.blogPost.content.content?this.blogPost.content.content.replace(/<p>\s*\[\[3ddd_sep\]\]\s*<\/p>/gi,"").replace(/\[\[3ddd_sep\]\]/g,""):null,this.postLikesCount=this.blogPost.postLikes,this.isBookmarked=this.blogPost.isBookmarked,this.updateDisplayEditButton(),this.prepareSeo(),(0,t.mal)(()=>{this.postSectionRendered=!0,this.tryRevealAndScrollToComment()},{injector:this.injector})},this.loadingBlogPost)}onUserAvatarError(e){e.src=this.noAvatarPlaceholder}processComments(e){this.blogSlug&&this.subscribeHandlerService.takeOne(this.blogCommentsService.getComments(this.blogSlug,e),()=>{})}commentAll(){this.responseCommentsPart=this.responseCommentsFilter,this.blogCommentsService.setShowAllComments(!0)}tryRevealAndScrollToComment(){!this.postSectionRendered||!this.responseCommentsFilter?.length||this.blogCommentsService.revealAndScrollToComment(this.responseCommentsFilter,e=>!!this.responseCommentsPart?.some(n=>n.id===e),()=>this.commentAll())}getLikesUserCommentsSet(){this.blogSlug&&this.subscribeHandlerService.takeOne(this.likesService.likesUserSetCommentsList(this.blogSlug,this.blogCommentsService.entity),n=>{this.blogCommentsService.setAuthUserLikeComments(n.data.auth_user_like_comments)})}onLikeListChange(e){this.list.set(e)}toggleBookmark(){if(!this.sharedGlobalDataService.authorizedSource.getValue())return void this.backdropComponentService.LoginInPopup();const e=this.isBookmarked;this.isBookmarked=!0,this.subscribeHandlerService.takeOne(this.bookmarkCollectionService.setBookmarkBlog(this.blogSlug,e).pipe((0,k.W)(n=>(n.status>=500&&this.showError(),this.isBookmarked=e,x.w))),n=>{this.isBookmarked="added"===n.data.result,this.postLikesCount=this.blogPost.postLikes;let s=this.translate.transform("added"===n.data.result?"collection.bookmarkListPopup.articleAdded":"collection.bookmarkListPopup.articleRemoved");this.popupBarService.showPopup({data:s})},this.bookmarkListLoading)}ngOnDestroy(){this.seoHandlerService.resetMetaTags(),this.unsubscriber.next()}}return(o=r).\u0275fac=function(e){return new(e||o)(t.rXU(v.nX),t.rXU(Ot.u),t.rXU(j.e),t.rXU(w.o),t.rXU(xt.B),t.rXU(Lt.a),t.rXU(S.h),t.rXU(y.D),t.rXU(yt.A),t.rXU(t.c1b),t.rXU(H.h),t.rXU(St.T),t.rXU(wt.K),t.rXU(_.v),t.rXU(C.ef),t.rXU(h.kB),t.rXU(C.sT),t.rXU(t.xe9))}
1,o.\u0275cmp=t.VBU({type:o,selectors:[["app-blog-post"]],standalone:!0,features:[t.Jv_([{provide:S.h,useClass:z},{provide:B,useClass:tt}]),t.aNF],decls:31,vars:30,consts:[[1,"main-context"],[1,"sky-blog",3,"routerLink"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8.70728 4.29289C9.0978 3.90237 9.73081 3.90237 10.1213 4.29289C10.5119 4.68342 10.5119 5.31643 10.1213 5.70696L6.82837 8.99992H16.0002C16.5525 8.99992 17.0002 9.44764 17.0002 9.99992C17.0002 10.5522 16.5525 10.9999 16.0002 10.9999H6.82837L10.1213 14.2929C10.5119 14.6834 10.5119 15.3164 10.1213 15.707C9.73081 16.0974 9.09777 16.0975 8.70728 15.707L3.00024 9.99992L8.70728 4.29289Z","fill","currentColor"],[4,"ngIf"],[1,"blog-section","top-info"],[1,"post-info"],[1,"created"],[1,"post-stat"],[1,"blog-section"],["class","post-content",3,"innerHTML",4,"ngIf","ngIfElse"],["blogPostIsLoading",""],["class","blog-section",4,"ngIf"],[1,"sky-btn-rect","sky-btn-white",3,"href"],["d","M2.58249 17.4181L2.94278 15.6387C3.06164 14.977 3.26753 13.9114 3.73494 13.439L9.66115 7.50476L12.4625 10.3615L6.53625 16.2957C6.06883 16.7681 5.03544 16.9563 4.34626 17.0699L2.58249 17.4181Z","fill","currentColor"],["d","M13.7313 9.09086L15.6708 7.14879C16.6441 6.16519 16.9675 5.24635 15.9942 4.26275L15.7804 4.04669C14.807 3.0631 13.8372 3.30272 12.8638 4.28631L10.9074 6.24544L13.7313 9.09086Z","fill","currentColor"],["d","M2.58249 17.4181L2.94278 15.6387C3.06164 14.977 3.26753 13.9114 3.73494 13.439L9.66115 7.50476L12.4625 10.3615L6.53625 16.2957C6.06883 16.7681 5.03544 16.9563 4.34626 17.0699L2.58249 17.4181Z","stroke","currentColor"],["d","M13.7313 9.09086L15.6708 7.14879C16.6441 6.16519 16.9675 5.24635 15.9942 4.26275L15.7804 4.04669C14.807 3.0631 13.8372 3.30272 12.8638 4.28631L10.9074 6.24544L13.7313 9.09086Z","stroke","currentColor"],[1,"author-and-likes"],[1,"author-avatar"],["rel","nofollow",3,"routerLink"],["alt","","loading","lazy",3,"src","error"],["img",""],[1,"blog-likes",3,"appTooltip","click"],["width","29","height","24","viewBox","0 0 29 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M1.05762 7.71724C1.05762 2.40188 9.41476 -2.7195 14.0576 4.97771C19.629 -2.7195 27.0576 2.40188 27.0576 7.71724C27.0576 13.4844 21.4114 18.9405 14.6833 22.7141C14.2946 22.9321 13.8205 22.9324 13.4326 22.7129C6.70424 18.9044 1.05762 12.8737 1.05762 7.71724Z","fill","currentColor"],["d","M14.0576 4.97771L13.1519 5.52401C13.3352 5.82791 13.6587 6.01961 14.0133 6.03447C14.3679 6.04934 14.7063 5.88537 14.9144 5.59788L14.0576 4.97771ZM13.4326 22.7129L13.9536 21.7924V21.7924L13.4326 22.7129ZM14.6833 22.7141L14.1659 21.7916V21.7916L14.6833 22.7141ZM14.0576 4.97771L14.9633 4.43141C13.7009 2.33847 12.1311 1.03227 10.4272 0.416332C8.7267 -0.198393 6.9883 -0.0905879 5.4512 0.47517C2.44746 1.58076 -7.52211e-05 4.53499 -7.52211e-05 7.71724H1.05762H2.11531C2.11531 5.58413 3.84634 3.32 6.18189 2.46035C7.31444 2.0435 8.53585 1.98197 9.70809 2.40572C10.877 2.82826 12.0929 3.76834 13.1519 5.52401L14.0576 4.97771ZM1.05762 7.71724H-7.52211e-05C-7.52211e-05 10.661 1.59459 13.697 3.9189 16.4089C6.26349 19.1444 9.45804 21.6785 12.9116 23.6333L13.4326 22.7129L13.9536 21.7924C10.6788 19.9388 7.68586 17.5533 5.52505 15.0322C3.34396 12.4875 2.11531 9.92994 2.11531 7.71724H1.05762ZM14.6833 22.7141L15.2007 23.6366C18.6349 21.7105 21.8336 19.3337 24.1871 16.6625C26.5344 13.9984 28.1153 10.9532 28.1153 7.71724H27.0576H25.9999C25.9999 10.2485 24.7577 12.815 22.5999 15.2641C20.4483 17.7061 17.4599 19.9441 14.1659 21.7916L14.6833 22.7141ZM27.0576 7.71724H28.1153C28.1153 4.59821 25.9661 1.61168 23.0268 0.48063C21.5299 -0.0953586 19.82 -0.194304 18.0891 0.412984C16.364 1.01825 14.6914 2.29824 13.2008 4.35754L14.0576 4.97771L14.9144 5.59788C16.2096 3.80858 17.5548 2.84228 18.7895 2.40907C20.0184 1.97788 21.2103 2.04827 22.2671 2.45489C24.4349 3.28907 25.9999 5.52091 25.9999 7.71724H27.0576ZM13.4326 22.7129L12.9116 23.6333C13.6234 24.0363 14.4913 24.0345 15.2007 23.6366L14.6833 22.7141L14.1659 21.7916C14.0979 21.8298 14.0176 21.8286 13.9536 21.7924L13.4326 22.7129Z","fill","currentColor"],["
1width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M14 6.89248V5.65077C14 4.21058 12.8807 3.04308 11.5 3.04308H5.76367C4.23735 3.04311 3.00003 4.33373 3 5.9258V7.49959C3.00024 8.84933 4.04969 9.94328 5.34375 9.94328C5.64217 9.94345 5.89968 10.1462 5.98828 10.4332L6.01562 10.5616L6.30664 12.9554L8.48633 10.9599C9.20231 10.3045 10.1227 9.9433 11.0752 9.94328C12.6905 9.94328 14 8.57735 14 6.89248ZM15 6.89248C15 9.15343 13.2428 10.9864 11.0752 10.9864C10.3654 10.9864 9.68001 11.2559 9.14648 11.7442L6.96582 13.7397C6.36334 14.2911 5.41515 13.9162 5.31445 13.0868L5.05664 10.9721C3.34459 10.8203 2.00023 9.32461 2 7.49959V5.9258C2.00003 3.75766 3.68507 2.00004 5.76367 2H11.5C13.433 2 15 3.63451 15 5.65077V6.89248Z","fill","#8C8C8C"],["d","M9.33298 5.49236H13.4369C14.2874 5.49236 14.9991 6.13305 15 6.98358C15.0016 8.52703 14.795 10.8653 13.6384 11.9813C12.3453 13.2292 10.2762 12.9796 5.36222 12.9796H3.87495C2.83941 12.9796 2 12.1402 2 11.1046V7.86651C2 6.83098 2.83947 5.99151 3.875 5.99151H4.49301C5.03767 5.99151 5.54797 5.72538 5.8597 5.27875L8.13821 2.01427C8.48353 1.51952 9.21704 1.51366 9.5764 1.9983C10.4172 3.13222 9.33298 5.49236 9.33298 5.49236Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["d","M5 6V13","stroke","currentColor"],["clip-path","url(#clip0_28977_4319)"],["fill-rule","evenodd","clip-rule","evenodd","d","M8.49937 3C10.4148 3 12.0222 3.79102 13.2396 4.7041C14.4566 5.61704 15.3148 6.67402 15.7445 7.26465C16.0588 7.69674 16.0886 8.26597 15.8002 8.72754C15.0575 9.91585 12.729 12.9998 8.49839 13C4.26725 12.9998 1.94029 9.91473 1.19859 8.72656C0.910739 8.26513 0.941129 7.69641 1.25523 7.26465C1.68484 6.67416 2.54245 5.6179 3.75914 4.70508C4.97651 3.79189 6.58381 3.00012 8.49937 3ZM11.4515 4.75781C11.8418 5.4064 12.0658 6.18334 12.0658 7C12.0658 9.13404 10.5401 11 8.49937 11C6.45866 11 4.93297 9.13405 4.93297 7C4.93297 6.18398 5.15556 5.40707 5.54527 4.75879C5.12722 4.97697 4.73679 5.22934 4.3773 5.49902C3.27029 6.32957 2.48097 7.30051 2.08433 7.8457C2.00156 7.95951 1.99799 8.09483 2.06675 8.20508C2.76173 9.31838 4.82411 11.9998 8.49839 12C12.1724 11.9998 14.236 9.31865 14.932 8.20508C15.0008 8.09478 14.9972 7.95956 14.9144 7.8457C14.5176 7.30035 13.7283 6.32941 12.6214 5.49902C12.2613 5.22887 11.8705 4.97625 11.4515 4.75781ZM8.49937 4C7.16319 4 5.95152 5.26806 5.95152 7C5.95152 8.73194 7.16319 10 8.49937 10C9.83553 9.99997 11.0472 8.73192 11.0472 7C11.0472 5.26808 9.83553 4.00003 8.49937 4Z","fill","currentColor"],["id","clip0_28977_4319"],["width","16","height","16","fill","white"],[1,"post-content",3,"innerHTML"],[1,"blog-post-loading"],["width","745","height","690","viewBox","0 0 745 690","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M741 676C743.209 676 745 677.791 745 680V686C745 688.209 743.209 690 741 690H4C1.79086 690 9.66399e-08 688.209 0 686V680C0 677.791 1.79086 676 4 676H741Z","fill","CurrentColor"],["d","M516 650C518.209 650 520 651.791 520 654V660C520 662.209 518.209 664 516 664H4C1.79087 664 9.66405e-08 662.209 0 660V654C0 651.791 1.79086 650 4 650H516Z","fill","CurrentColor"],["d","M741 624C743.209 624 745 625.791 745 628V634C745 636.209 743.209 638 741 638H4C1.79086 638 9.66399e-08 636.209 0 634V628C0 625.791 1.79086 624 4 624H741Z","fill","currentColor"],["d","M741 598C743.209 598 745 599.791 745 602V608C745 610.209 743.209 612 741 612H4C1.79086 612 9.66399e-08 610.209 0 608V602C0 599.791 1.79086 598 4 598H741Z","fill","CurrentColor"],["d","M741 572C743.209 572 745 573.791 745 576V582C745 584.209 743.209 586 741 586H4C1.79086 586 9.66399e-08 584.209 0 582V576C0 573.791 1.79086 572 4 572H741Z","fill","CurrentColor"],["d","M676 546C678.209 546 680 547.791 680 550V556C680 558.209 678.209 560 676 560H4C1.79087 560 9.66407e-08 558.209 0 556V550C0 547.791 1.79086 546 4 546H676Z","fill","CurrentColor"],["d","M741 520C743.209 520 745 521.791 745 524V530C745 532.209 743.209 534 741 534H4C1.79086 534 9.66399e-08 532.209 0 530V524C0 521.791 1.79086 520 4 520H741Z","fill","CurrentColor"],["d","M741 494C743.209 494 745 495.791 745 498V504C745 506.209 743.209 508 741 508H4C1.79086 508 9.66399e-08 506.209 0 504V498C0 495.791 1.79086 494 4 494H741Z","fill","CurrentColor"],["d","M741 468C743.209 468 745 469.791 745 472V478C745 480.209 743.209 482 741 482H4C1.79086 482 9.66399e-08 480.209 0 478V472C0 469.791 1.79086 468 4 468H741Z","fill","CurrentColor"],["d","M741 0C743.209 0 745 1.79086 745 4V416C745 418.209 743.209 420 741 420H4C1.79086 420 8.25466e-08 418.209 0 416V4C0 1.79086 1.79086 8.50619e-08 4 0H741Z","fill","CurrentColor"],[1,"button-like",3,"likesCount","slug","likeListChange"],[3,"viewContainerRef","list"],[1,"tags-container"],["class","teg-item",4,"ngFor","ngForOf"],[1,"teg-item"],[3,"routerLink","queryParams"],[1,"num-comment"],[1,"comment"],[1,"comment-input"],[1,"comment-avatar-frame"],[4,"ngIf","ngIfElse"],["userAvatarBlank",""],[1,"wrap-textarea"],[3,"containerRef"],["alt","",3,"src"],[3,"comment",4,"ngFor","ngForOf"],[1,"d-flex","justify-content-center","show-more"],["class","button-send",3,"click",4,"ngIf"],[3,"comment"],[1,"button-send",3,"click"]],template:function(e,n){if(1&e&&(t.j41(0,"section",0)(1,"nav"),t.nI1(2,"translate"),t.j41(3,"ul")(4,"li")(5,"a",1),t.qSk(),t.j41(6,"svg",2),t.nrm(7,"path",3),t.k0s(),t.EFF(8),t.nI1(9,"translate"),t.k0s()(),t.DNE(10,Bt,10,4,"ng-container",4),t.k0s()(),t.joV(),t.j41(11,"section",5),t.DNE(12,Ft,13,7,"ng-container",4),t.j41(13,"div",6)(14,"time",7),t.nI1(15,"date"),t.EFF(16),t.nI1(17,"date"),t.k0s(),t.j41(18,"div",8),t.DNE(19,Ut,5,1,"ng-container",4),t.DNE(20,Rt,6,1,"ng-container",4),t.DNE(21,At,9,1,"ng-container",4),t.k0s()(),t.j41(22,"h1"),t.EFF(23),t.k0s()(),t.j41(24,"section",9),t.DNE(25,Et,2,3,"div",10),t.k0s(),t.DNE(26,It,12,0,"ng-template",null,11,t.C5r),t.DNE(28,Tt,3,4,"section",12),t.DNE(29,Dt,4,1,"ng-container",4),t.k0s(),t.DNE(30,Yt,12,5,"section",12)),2&e){const s=t.sdS(27);t.AVh("main-context-loading",n.loadingBlogPost.isLoading),t.R7$(1),t.BMQ("aria-label",t.bMT(2,20,"blog.bread\u0421rumbs.ariaLabel")),t.R7$(4),t.Y8G("routerLink","/"+n.routeBlogUrl.blog),t.R7$(3),t.SpI(" ",t.bMT(9,22,"blog.bread\u0421rumbs.blogList")," "),t.R7$(2),t.Y8G("ngIf",n.displayEditButton),t.R7$(1),t.AVh("top-info-loading",n.loadingBlogPost.isLoading),t.R7$(1),t.Y8G("ngIf",!n.sky&&(n.loadingBlogPost.isLoading||(null==n.blogPost?null:n.blogPost.showAuthorAvatar))),t.R7$(2),t.BMQ("datetime",t.i5U(15,24,null==n.blogPost?null:n.blogPost.postCreatedAt,"yyyy-MM-dd")),t.R7$(2),t.SpI(" ",t.i5U(17,27,null==n.blogPost?null:n.blogPost.postCreatedAt,n.sky?"MMMM d, y":"d MMMM y")," "),t.R7$(3),t.Y8G("ngIf",null==n.blogPost?null:n.blogPost.postComments),t.R7$(1),t.Y8G("ngIf",n.postLikesCount),t.R7$(1),t.Y8G("ngIf",null==n.blogPost?null:n.blogPost.postViews),t.R7$(2),t.JRh(null==n.blogPost?null:n.blogPost.postTitle),t.R7$(2),t.Y8G("ngIf",!n.loadingBlogPost.isLoading)("ngIfElse",s),t.R7$(3),t.Y8G("ngIf",!n.loadingBlogPost.isLoading),t.R7$(1),t.Y8G("ngIf",n.blogPost&&(null==n.blogTags?null:n.blogTags.length)),t.R7$(1),t.Y8G("ngIf",!n.loadingBlogPost.isLoading)}},dependencies:[y.D,Mt.d,v.iI,v.Wk,$,rt,Z.C,W.z,Q.U,h.vh,h.bT,h.pM,_t],styles:['[_nghost-%COMP%]{display:grid;min-height:100vh;width:100%;grid-template-columns:minmax(320px,1fr)}@media (min-width: 768px){[_nghost-%COMP%]{grid-auto-rows:min-content 1fr min-content}}@media (max-width: 767.98px){[_nghost-%COMP%]{grid-auto-rows:1fr min-content}}[_nghost-%COMP%] .blog-post-loading[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .blog-post-loading[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{display:block;width:100%;height:auto}[_nghost-%COMP%] .blog-post-loading[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]{fill:var
1(--gray-200, #F7F6F5)}[_nghost-%COMP%] .main-context[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:24px}[_nghost-%COMP%] .main-context-loading[_ngcontent-%COMP%] nav[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:first-child{position:relative;visibility:hidden;min-height:16px}[_nghost-%COMP%] .main-context-loading[_ngcontent-%COMP%] nav[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:first-child:after{content:"";position:absolute;left:0;top:0;visibility:visible;width:160px;height:16px;background-color:var(--gray-200, #F7F6F5);border-radius:4px}[_nghost-%COMP%] ul[_ngcontent-%COMP%]{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center}[_nghost-%COMP%] .post-content{overflow-wrap:break-word}[_nghost-%COMP%] .post-content ol, [_nghost-%COMP%] .post-content ul{margin-top:0;margin-bottom:16px;padding-left:32px}[_nghost-%COMP%] .post-content table{margin-bottom:16px}[_nghost-%COMP%] .post-content p{margin-top:0;margin-bottom:16px}[_nghost-%COMP%] .post-content img{border-radius:4px}[_nghost-%COMP%] .post-content h1{font-size:40px;margin-top:40px;margin-bottom:24px}[_nghost-%COMP%] .post-content h2{font-size:32px;margin-top:32px;margin-bottom:20px}[_nghost-%COMP%] .post-content h3{font-size:28px;margin-top:24px;margin-bottom:16px}[_nghost-%COMP%] .post-content h4{font-size:24px;margin-top:20px;margin-bottom:14px}[_nghost-%COMP%] .post-content h5{font-size:20px;margin-top:16px;margin-bottom:12px}[_nghost-%COMP%] .post-content h6{font-size:16px;margin-top:12px;margin-bottom:10px}[_nghost-%COMP%] .post-content h1, [_nghost-%COMP%] .post-content h2, [_nghost-%COMP%] .post-content h3, [_nghost-%COMP%] .post-content h4, [_nghost-%COMP%] .post-content h5, [_nghost-%COMP%] .post-content h6{color:var(--gray-900, #423F3C);font-weight:700;line-height:1.2}nav[_ngcontent-%COMP%]{max-width:1344px;width:100%;padding:0 12px;margin-left:auto;margin-right:auto}nav[_ngcontent-%COMP%] .sky-blog[_ngcontent-%COMP%]{display:flex;gap:6px;color:var(--gray-1000, #1B1916);font-size:16px;font-weight:500;line-height:20px;text-decoration:none}@media (hover: hover) and (pointer: fine){nav[_ngcontent-%COMP%] .sky-blog[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover{color:var(--blue-500, #036CAD)}}nav[_ngcontent-%COMP%] .sky-blog.active[_ngcontent-%COMP%], nav[_ngcontent-%COMP%] .sky-blog[_ngcontent-%COMP%]:active{color:var(--blue-700, #014B7A)}.blog-section[_ngcontent-%COMP%]{max-width:768px;width:100%;padding:0 12px;margin-left:auto;margin-right:auto}.num-comment[_ngcontent-%COMP%]{font-family:Roboto,sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:24px;color:var(--gray-1000, #1B1916);margin-top:80px;margin-bottom:24px}@media (max-width: 1199.98px){.num-comment[_ngcontent-%COMP%]{margin-top:48px;margin-bottom:16px}}.top-info[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px;color:var(--gray-700, #92908C);font-size:14px;line-height:16px}.top-info-loading[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%], .top-info-loading[_ngcontent-%COMP%] h1[_ngcontent-%COMP%], .top-info-loading[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{position:relative;visibility:hidden}.top-info-loading[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%]:after, .top-info-loading[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]:after, .top-info-loading[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:after{content:"";position:absolute;left:0;top:0;visibility:visible;background-color:var(--gray-200, #F7F6F5);border-radius:4px}.top-info-loading[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:first-child{width:40px;height:40px}.top-info-loading[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:first-child:after{width:40px;height:40px;border-radius:100px}.top-info-loading[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:last-child{min-width:160px;min-height:20px}
1.top-info-loading[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:last-child:after{width:160px;height:20px}.top-info-loading[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%]{visibility:hidden}.top-info-loading[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%]{min-height:16px}.top-info-loading[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%]:after{width:284px;height:16px}.top-info-loading[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{min-height:1.2em}.top-info-loading[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]:after{width:100%;height:1.2em}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%]{display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%]{display:grid;place-items:center;gap:6px;grid-template-columns:40px 1fr}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{display:grid;text-decoration:none}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{border-radius:100px;height:40px;min-width:40px}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .author-avatar[_ngcontent-%COMP%] a[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:var(--gray-1000, #1B1916);font-size:16px;font-weight:500;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%]{display:flex;align-items:center;align-self:center;cursor:pointer}@media (max-width: 991.98px){.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%]{width:44px;height:44px;justify-content:center}}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:first-child{fill:none}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:last-child{fill:var(--gray-1000, #1B1916)}@media (hover: hover) and (pointer: fine){.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:first-child{fill:var(--gray-300, #E7E6E5)}}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%]:active svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:first-child{fill:var(--red-500, #FF2D55)}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .blog-likes[_ngcontent-%COMP%]:active svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:last-child{fill:var(--red-500, #FF2D55)}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .is-bookmarked[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:first-child{fill:var(--red-500, #FF2D55)}.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .is-bookmarked[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:last-child{fill:var(--red-500, #FF2D55)}@media (hover: hover) and (pointer: fine){.top-info[_ngcontent-%COMP%] .author-and-likes[_ngcontent-%COMP%] .is-bookmarked[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover svg[_ngcontent-%COMP%] path[_ngcontent-%COMP%]:first-child{fill:var(--red-500, #FF2D55)}}.top-info[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;justify-content:left;gap:24px}.top-info[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%] .post-stat[_ngcontent-%COMP%]{display:flex;align-items:center;gap:16px}.top-info[_ngcontent-%COMP%] .post-info[_ngcontent-%COMP%] .post-stat[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px}.top-info[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-size:32px;line-height:38px;color:var(--gray-900, #423F3C);font-weight:700;margin:0}@media (max-width: 991.98px){.top-info[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-size:28px;line-height:34px}}
1.post-content[_ngcontent-%COMP%]{color:var(--gray-1000, #1B1916);font-size:16px;line-height:1.6}.tags-container[_ngcontent-%COMP%]{margin-bottom:-8px}@media (max-width: 767.98px){.tags-container[_ngcontent-%COMP%]{display:flex;overflow:auto;background-color:#fff;min-width:100%;margin-left:-12px;margin-right:-12px}.tags-container[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}}.teg-item[_ngcontent-%COMP%]{display:inline-block;font-size:16px;line-height:20px;padding:4px 8px;background:#EFEFF0;border-radius:4px;margin:0 8px 8px 0;white-space:nowrap}@media (max-width: 767.98px){.teg-item[_ngcontent-%COMP%]{padding:8px 16px;margin:0 0 0 12px}}@media (hover: hover) and (pointer: fine){.teg-item[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover{background-color:#deeff9}}.teg-item.active[_ngcontent-%COMP%], .teg-item[_ngcontent-%COMP%]:active{background-color:#deeff9}.teg-item[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#4182aa;text-decoration:none}.comment-input[_ngcontent-%COMP%]{display:flex;align-items:flex-start;min-height:52px;padding-bottom:1px;width:100%;margin-top:5px;margin-bottom:5px}.comment-avatar-frame[_ngcontent-%COMP%]{margin-right:16px}.comment-avatar-frame[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{border-radius:50%;width:52px;min-width:52px;height:auto}.comment-avatar-frame[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:52px;height:52px}.wrap-textarea[_ngcontent-%COMP%]{position:relative;width:100%}.show-more[_ngcontent-%COMP%]{margin-top:24px}@media (pointer: coarse){.show-more[_ngcontent-%COMP%]{margin-top:16px}}.button-send[_ngcontent-%COMP%]{padding:12px 40px;border:none;border-radius:4px;color:#4182aa;font-size:16px;line-height:20px;background:#F4F4F4}.button-send.active[_ngcontent-%COMP%], .button-send[_ngcontent-%COMP%]:active{color:#023d67;background:#CDE8FE}@media (hover: hover) and (pointer: fine){.button-send[_ngcontent-%COMP%]:not(.active):not(.disabled):not(:active):not(:disabled):hover{background:#DEEFF9}}']}),r})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.