1import{a as H,b as X,c as v}from"./chunk-WOURJGH3.js";import{e as U,h as $,n as j,o as q}from"./chunk-UUWLCWHK.js";import"./chunk-GZRJNNHC.js";import{$b as G,Ab as S,Bb as n,Cb as o,Db as p,Eb as x,Fb as T,Hb as w,Ib as P,Jb as m,Nc as M,Qb as F,Rb as L,Tb as c,W as b,Ya as a,Zb as D,_b as N,a as d,b as _,ea as E,ec as O,fc as k,ga as B,ib as f,jb as A,qb as I,ra as u,sa as h,sb as l,xb as Q,yb as C,zb as y,zc as V}from"./chunk-LSGVUVTS.js";var J=["headerElement"],K=t=>({paginationQuery:t});function R(t,s){if(t&1&&p(0,"ss-blog-post-card",6),t&2){let e=s.$implicit;l("id",e.id)("imageSrc",e.imageSrc)("scope",e.scope)("title",e.title)("description",e.description)}}function W(t,s){if(t&1&&p(0,"ss-blog-post-card",6),t&2){let e=s.$implicit;l("id",e.id)("imageSrc",e.imageSrc)("scope",e.scope)("title",e.title)("description",e.description)}}function Z(t,s){if(t&1){let e=w();n(0,"section",1)(1,"h1",2),c(2,"Blog"),o(),n(3,"ss-header",3),x(4,4),c(5,"Top picks for you"),T(),o(),n(6,"div",5),y(7,R,1,5,"ss-blog-post-card",6,C),o(),n(9,"div",null,0)(11,"ss-header",7),x(12,4),c(13,"More from the blog"),T(),o()(),n(14,"div",8),y(15,W,1,5,"ss-blog-post-card",6,C),o(),n(17,"div",9)(18,"ss-limit",10),P("onSelect",function(r){u(e);let g=m();return h(g.onLimitSet(r))}),o(),n(19,"ss-pagination",11),P("onPageChange",function(r){u(e);let g=m();return h(g.onPageSet(r))}),o(),p(20,"div",12),o()()}if(t&2){let e=m();a(7),S(e.topPicks()),a(8),S(e.blogPosts()),a(3),l("limit",e.paginationQuery().limit),a(),l("total",e.total)("page",e.paginationQuery().page)("limit",e.paginationQuery().limit)}}var ge=(()=>{class t{constructor(){this.headerElement=A("headerElement"),this.paginationQuery=f({page:1,limit:6}),this._blogService=E(v),this.total=X.length,this.blogPosts=f([]),this.paginationQuery$=U(this.paginationQuery).pipe(b(e=>{this.getBlogPosts(e)})),this.topPicks=V(()=>[...this.blogPosts()].slice(0,3))}getBlogPosts(e){this.blogPosts.set(this._blogService.getBlogPosts(e))}onPageSet(e){this.paginationQuery.set(_(d({},this.paginationQuery()),{page:e})),this.onScrollToTop()}onLimitSet(e){this.paginationQuery.set(_(d({},this.paginationQuery()),{limit:e,page:1})),this.onScrollToTop()}onScrollToTop(){this.headerElement()?.nativeElement?.scrollIntoView({behavior:"smooth"})}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=B({type:t,selectors:[["ss-blog"]],viewQuery:function(i,r){i&1&&F(r.headerElement,J,5),i&2&&L()},standalone:!0,features:[D([v]),N],decls:2,vars:5,consts:[["headerElement",""],[1,"flex","flex-col","gap-10","bg-black-400","px-mobileX","py-mobileY","lg:px-20","lg:pb-10","lg:pt-[100px]"],[1,"mb-1.5","text-center","text-[40px]","font-bold"],["pageTitle","Featured"],["title",""],[1,"mt-10","flex","flex-col","gap-10","lg:flex-row"],[3,"id","imageSrc","scope","title","description"],["pageTitle","All Posts"],[1,"grid","grid-cols-1","gap-2.5","md:grid-cols-2","md:gap-5","lg:grid-cols-3","xl:grid-cols-4","xl:gap-10"],[1,"flex","items-center","justify-between","gap-10"],[1,"order-2","md:order-1",3,"onSelect","limit"],[1,"md:order-2",3,"onPageChange","total","page","limit"],[1,"order-3"]],template:function(i,r){i&1&&(I(0,Z,21,4,"section",1),O(1,"async")),i&2&&Q(G(3,K,k(1,1,r.paginationQuery$))?0:-1)},dependencies:[$,H,q,j,M],encapsulation:2,changeDetection:0})}}return t})();export{ge as BlogComponent};
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.