https://gcore.com/chunk-7NLZMFTM.js

1import{a as tt}from"./chunk-5M7W6KZE.js";import{b as Z}from"./chunk-PRNKDDPV.js";import"./chunk-F44DDBOP.js";import{a as Y}from"./chunk-PORX3UX6.js";import"./chunk-JQY7SDL4.js";import"./chunk-TGKTSQMU.js";import"./chunk-XFKHJGQR.js";import{a as q,b as G}from"./chunk-2TL7DSS6.js";import"./chunk-V5ZGPBJ2.js";import"./chunk-W6CTV5QR.js";import{c as J,x as K}from"./chunk-QJR3TNSK.js";import{n as b,p as Q,q as z,r as U,s as W}from"./chunk-ORHRSOOZ.js";import"./chunk-DBVLANSY.js";import"./chunk-HNJ6M6TB.js";import{b as j}from"./chunk-YFQ7JV6D.js";import{i as X}from"./chunk-QTFKSNAC.js";import"./chunk-W4XBYBVE.js";import{n as R,t as H,z as $}from"./chunk-5BWIBOEJ.js";import{$b as a,Bc as A,Db as y,Dc as E,Ec as B,Tb as C,Vb as u,X as m,Xb as T,Yb as D,Zb as L,_b as i,ac as r,ad as V,bc as l,bd as I,gb as x,h as M,ha as g,hb as S,jc as f,nb as n,nc as h,pc as p,q as w,qa as d,ra as _,rd as N,xc as k,yc as F}from"./chunk-TWWR6OUJ.js";import{a as O,b as P}from"./chunk-ZRJ5ZCFR.js";var ot=["tab"];function it(c,e){if(c&1&&l(0,"svg-icon",13),c&2){let t=p().$implicit,o=p(2);i("src",o.ICONS_MAP[t.iconName??""])}}function ct(c,e){if(c&1){let t=f();a(0,"li",9),h("click",function(s){d(t);let nt=p(2);return _(nt.scrollToTab(s))}),a(1,"a",10,0)(3,"div",11)(4,"div",12),C(5,it,1,1,"svg-icon",13),r(),l(6,"span",14),r()()()}if(c&2){let t=e.$implicit;n(),i("routerLink",t.url),n(4),u(t.iconName?5:-1),n(),i("innerHtml",t.name,x)}}function rt(c,e){if(c&1){let t=f();a(0,"gcore-top-section",1)(1,"a",2),E(2),r(),l(3,"img",3),r(),a(4,"section",4)(5,"div",5)(6,"ul",6),h("appear",function(){d(t);let s=p();return _(s.scrollToActiveTabOnInit())}),D(7,ct,7,3,"li",null,T),r(),a(9,"div",7),l(10,"router-outlet"),r()()(),l(11,"gcore-cta-section",8)}if(c&2){let t=e;i("title",t.topSection.title)("highLightedText",t.topSection.highlightedTitle)("descriptionLines",t.topSection.description),n(),i("href",t.topButton.url,S),n(),B(t.topButton.text),n(),i("alt",t.topSection.title),n(3),i("threshold",.1),n(),L(t.optionsList),n(4),i("descriptionWidth",50)("sectionContent",t.trySection)("primaryButton",t.tryButton)}}var et=class v{constructor(){this.router=g(z),this.viewport=g($),this.strapiContentService=g(K),this.seoService=g(J),this.isOldStyle=!0,this.tabRefList=N("tab"),this.ICONS_MAP=X}ngOnInit(){this.content$=this.getPageContent();let e;this.router.events.pipe(G(this),m(t=>{t instanceof b||(e=this.viewport.getScrollPosition())})).subscribe(t=>{t instanceof b&&e&&this.viewport.scrollToPosition(e)})}scrollToActiveTabOnInit(){this.tabRefList().forEach(e=>{if(e.nativeElement.classList.contains("active")){let t=e.nativeElement.parentElement;t&&this.scrollToActiveTab(t)}})}scrollToTab(e){let t=e.currentTarget;this.scrollToActiveTab(t)}scrollToActiveTab(e){let t=e.parentElement;t&&t.scrollTo({left:e.offsetLeft-24})}getPageContent(){return this.strapiContentService.getSingleContentType("features-demo-page","FeaturesDemoPage").pipe(m(()=>this.seoService.setCanonical()),w(e=>P(O({},e),{optionsList:e.optionsList.map(t=>({name:t.value,iconName:t.iconName,url:t.details}))})))}static{this.\u0275fac=function(t){return new(t||v)}}static{this.\u0275cmp=y({type:v,selectors:[["gcore-features-demo"]],viewQuery:function(t,o){t&1&&k(o.tabRefList,ot,5),t&2&&F()},hostVars:2,hostBindings:function(t,o){t&2&&A("gc-old-styles",o.isOldStyle)},decls:2,vars:3,consts:[["tab",""],["highLightedTag","span","imageSrc","assets/images/streaming-platform/features-demo/hero.svg",1,"gc-top-section",3,"title","highLightedText","descriptionLines"],["target","_blank",1,"gc-button","gc-button_large","gc-button_primary",3,"href"],["src","assets/images/streaming-platform/features-demo/hero.svg",1,"gc-desktop-hide",3,"alt"],[1,"gc-page-section","gc-options-section"],[1,"gc-content-wrapper","gc-p-section-vertical_large","gc-flex","gc-flex-h-space-between","gc-flex-column_tablet","gc-row-gap_xx-large"],["gcoreVisibleOnScroll","",1,"gc-flex","gc-flex-column","gc-gap_medium","gc-tabs",3,"appear","threshold"],[1,"gc-content"],["variant","dark",3,"descriptionWidth","sectionContent","primaryButton"],[3,"click"],["routerLinkActive","active",1,"gc-link",3,"routerLink"],[1,"gc-tab","gc-flex","gc-flex-v-center"],[1,"gc-icon-wrapper"],[1,"gc-inherit-color","gc-tab-icon",3,"src"],[3,"innerHtml"]],template:function(t,o){if(t&1&&(C(0,rt,12,10),V(1,"async")),t&2){let s;u((s=I(1,1,o.content$))?0:-1,s)}},dependencies:[H,Z,Y,U,W,j,Q,tt,R],styles:[".gc-top-section[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;max-width:fit-content;padding:3rem 0 1rem}.gc-options-section[_ngcontent-%COMP%]   .gc-content[_ngcontent-%COMP%]{max-width:40.5rem;width:100%;min-height:40rem}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]{width:100%;max-width:22.5rem}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{width:100%}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{display:block}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   .gc-tab[_ngcontent-%COMP%]{column-gap:.3rem;background-color:transparent;border:1px solid transparent;border-radius:6.25rem;padding:.75rem 1rem;color:#3b2b42;cursor:pointer}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]   .gc-tab[_ngcontent-%COMP%]   svg-icon[_ngcontent-%COMP%]  svg rect{stroke:currentColor}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a.active[_ngcontent-%COMP%]   .gc-tab[_ngcontent-%COMP%]{background-color:#3b2b42;border-color:#3b2b42;color:#fff}@media(max-width:1128px){.gc-options-section[_ngcontent-%COMP%]   .gc-content[_ngcontent-%COMP%]{max-width:none;min-height:25.5rem}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]{flex-direction:row;white-space:nowrap;overflow:auto;max-width:none;scrollbar-width:none}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{width:fit-content}.gc-options-section[_ngcontent-%COMP%]   .gc-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .gc-icon-wrapper[_ngcontent-%COMP%]{width:1.5rem}}"],changeDetection:0})}};et=M([q()],et);export{et as FeaturesDemoComponent};
2//# sourceMappingURL=chunk-7NLZMFTM.js.map