https://www.costadelgolf.com/chunk-HGCBIZDI.js

1import{a as K}from"./chunk-UJHK3SSN.js";import{a as q,b as J}from"./chunk-I2VD3DFD.js";import"./chunk-YVB23WKU.js";import"./chunk-PZDWYEOA.js";import"./chunk-6PPQPO7T.js";import"./chunk-KY6WRW4S.js";import"./chunk-JQ6QMLO3.js";import"./chunk-AAJSTLI3.js";import"./chunk-JNE3WCUK.js";import"./chunk-DMZO5K6R.js";import{a as U}from"./chunk-D6DDX2A5.js";import{E as Y,c as O,d as S}from"./chunk-VI5W2KM3.js";import{Ab as G,Ba as o,Ca as r,Da as g,Ea as D,Fa as j,Ga as k,Ha as _,Ia as s,K as f,O as u,P as h,Pa as I,Q as v,Qa as c,R as E,Ra as m,Sa as y,Za as N,_ as z,bb as b,ca as F,cb as x,db as A,fa as a,fb as T,ia as P,na as d,pb as R,rb as H,sb as w,ta as V,ua as p,wa as L,wb as $,zb as M}from"./chunk-VQSL7IBG.js";import"./chunk-25N2FLV6.js";function te(t,n){if(t&1&&(o(0,"div",10),c(1),r()),t&2){let e=s();a(),m(e.category)}}var B=class t{post;localizedRouter=f(U);get category(){let n=new Set(["EN","ES"]);return this.post.labels.find(e=>!n.has(e))??null}onCardClick(){this.localizedRouter.navigateTo(`/blog/${this.post.slug}`)}onImageError(n){let e=n.target;e.src=""}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=P({type:t,selectors:[["app-blog-card"]],inputs:{post:"post"},decls:15,vars:12,consts:[[1,"blog-card",3,"click"],[1,"blog-card__image-container"],[1,"blog-card__image",3,"error","src","alt"],["class","blog-card__category",4,"ngIf"],[1,"blog-card__content"],[1,"blog-card__date"],[1,"blog-card__title"],[1,"blog-card__read-more"],["width","16","height","16","viewBox","0 0 16 16","fill","none"],["d","M3 8H13M13 8L9 4M13 8L9 12","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],[1,"blog-card__category"]],template:function(e,i){e&1&&(o(0,"a",0),_("click",function(){return i.onCardClick()}),o(1,"div",1)(2,"img",2),_("error",function(C){return i.onImageError(C)}),r(),d(3,te,2,1,"div",3),r(),o(4,"div",4)(5,"p",5),c(6),b(7,"date"),r(),o(8,"h3",6),c(9),r(),o(10,"span",7),c(11),b(12,"translate"),v(),o(13,"svg",8),g(14,"path",9),r()()()()),e&2&&(V("aria-label",i.post.title),a(2),p("src",i.post.image,F)("alt",i.post.title),a(),p("ngIf",i.category),a(3),m(A(7,7,i.post.published,"MMMM d, yyyy")),a(3),m(i.post.title),a(2),y(" ",x(12,10,"read_more")," "))},dependencies:[M,w,$,S,O],styles:["[_nghost-%COMP%]{display:block;width:100%;height:360px}.blog-card[_ngcontent-%COMP%]{position:relative;width:100%;height:100%;background-color:var(--ttb-white, #ffffff);border-radius:15px;overflow:hidden;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;

1cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;color:inherit}.blog-card[_ngcontent-%COMP%]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.blog-card[_ngcontent-%COMP%]:hover   .blog-card__image[_ngcontent-%COMP%]{transform:scale(1.04)}.blog-card[_ngcontent-%COMP%]:hover   .blog-card__read-more[_ngcontent-%COMP%]{gap:8px}.blog-card__image-container[_ngcontent-%COMP%]{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0}.blog-card__image[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card__category[_ngcontent-%COMP%]{position:absolute;top:12px;left:12px;background-color:var(--ttb-primary, #2e7d32);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:20px}.blog-card__content[_ngcontent-%COMP%]{flex:1;background-color:var(--ttb-grey-primary, #f5f5f5);padding:16px;display:flex;flex-direction:column;gap:6px}.blog-card__date[_ngcontent-%COMP%]{font-size:12px;font-weight:600;color:var(--ttb-grey-secondary, #888);margin:0;text-transform:uppercase;letter-spacing:.04em}.blog-card__title[_ngcontent-%COMP%]{flex:1;font-size:16px;font-weight:800;color:var(--ttb-primary-black, #1a1a1a);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.blog-card__read-more[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--ttb-primary, #2e7d32);transition:gap .2s ease;margin-top:auto}"]})};var ne=()=>[1,2,3,4,5,6];function oe(t,n){if(t&1&&g(0,"app-blog-card",17),t&2){let e=n.$implicit;p("post",e)}}function ie(t,n){if(t&1&&(o(0,"div",15),d(1,oe,1,1,"app-blog-card",16),r()),t&2){let e=s(2);a(),p("ngForOf",e.posts)}}function ae(t,n){if(t&1&&(D(0),d(1,ie,2,1,"div",14),j()),t&2){let e=s(),i=I(23);a(),p("ngIf",e.posts.length>0)("ngIfElse",i)}}function re(t,n){if(t&1){let e=k();o(0,"button",25),_("click",function(){let l=u(e).$implicit,C=s(2);return h(C.goToPage(l))}),c(1),r()}if(t&2){let e=n.$implicit,i=s(2);L("paginator__btn--active",e===i.currentPage),a(),y(" ",e," ")}}function le(t,n){if(t&1){let e=k();o(0,"nav",18)(1,"button",19),_("click",function(){u(e);let l=s();return h(l.goToPage(l.currentPage-1))}),v(),o(2,"svg",20),g(3,"path",21),r()(),d(4,re,2,3,"button",22),E(),o(5,"button",23),_("click",function(){u(e);let l=s();return h(l.goToPage(l.currentPage+1))}),v(),o(6,"svg",20),g(7,"path",24),r()()()}if(t&2){let e=s();a(),p("disabled",e.currentPage===1),a(3),p("ngForOf",e.pagesArray)}}function pe(t,n){t&1&&(o(0,"div",27),g(1,"div",28),o(2,"div",29),g(3,"div",30)(4,"div",31)(5,"div",32),r()())}function ge(t,n){t&1&&(o(0,"div",15),d(1,pe,6,0,"div",26),r()),t&2&&(a(),p("ngForOf",N(1,ne)))}function ce(t,n){t&1&&(o(0,"div",33)(1,"p"),c(2),b(3,"translate"),r()()),t&2&&(a(2),m(x(3,1,"no_posts")))}var Q=class t{platformId=f(z);blogService=f(K);languageService=f(Y);location=f(R);languageId=this.languageService.currentLanguageId;allPosts=[];posts=[];loading=!0;pageSize=6;currentPage=1;get totalPages(){return Math.ceil(this.allPosts.length/this.pageSize)}get pagesArray(){return Array.from({length:this.totalPages},(n,e)=>e+1)}ngOnInit(){this.loadPosts()}loadPosts(){if(!G(this.platformId)){this.loading=!1;return}this.loading=!0,this.blogService.getPosts(this.languageId).subscribe({next:n=>{this.allPosts=n.data.posts,this.setPage(1),this.loading=!1},error:()=>{this.loading=!1}})}goToPage(n){n<1||n>this.totalPages||n===this.currentPage||(this.setPage(n),window.scrollTo({top:0,behavior:"smooth"}))}onBack(){this.location.back()}setPage(n){this.currentPage=n;let e=(n-1)*this.pageSize;this.posts=this.allPosts.slice(e,e+this.pageSize)}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=P({type:t,selectors:[["app-blog"]],decls:24,vars:12,consts:[["skeletonTpl",""],["emptyTpl",""],[1,"blog-page-container"],[1,"blog-page-content"],[1,"blog-page__back-wrapper"],["type","button",1,"blog-page__back",3,"click"],["src","/assets/ttb/icons/arrow-left.svg","alt","Back",1,"blog-page__back-icon"],[1,"blog-page__back-text"],[1,"blog-hero"],[1,"blog-hero__title"],[1,"blog-hero__subtitle"],[1,"blog-grid-section"],[4,"ngIf","ngIfElse"],["class","blog-paginator",4,"ngIf"],["class","blog-grid",4,"ngIf","ngIfElse"],[1,"blog-grid"],[3,"post",4,"ngFor","ngForOf"],[3,"post"],[1,"blog-paginator"],[1,"paginator__btn","paginator__btn--arrow",3,"click","disabled"],["width","16","height","16","viewBox","0 0 16 16","fill","none"],["d","M10 3L5 8L10 13","stroke","currentColor","stroke-width","1.5","stroke-linecap","round"],["class","paginator__btn",3,"paginator__btn--active","click",4,"ngFor","ngForOf"],[1,"paginator__btn","paginator__btn--arrow",3,"click"],["d","M6 3L11 8L6 13","stroke","currentColor","stroke-width","1.5","stroke-linecap","round"],[1,"paginator__btn",3,"click"],["class","blog-card-skeleton",4,"ngFor","ngForOf"],[1,"blog-card-skeleton"],[1,"skeleton","skeleton--image"],[1,"skeleton-content"],[1,"skeleton","skeleton--date"],[1,"skeleton","skeleton--title"],[1,"skeleton","skeleton--title","short"],[1,"blog-empty"]],template:function(e,i){if(e&1){let l=k();o(0,"div",2),g(1,"app-app-header"),o(2,"main",3)(3,"div",4)(4,"button",5),_("click",function(){return u(l),h(i.onBack())}),g(5,"img",6),o(6,"span",7),c(7),b(8,"translate"),r()()(),o(9,"section",8)(10,"h1",9),c(11),b(12,"translate"),r(),o(13,"p",10),c(14),b(15,"translate"),r()(),o(16,"section",11),d(17,ae,2,2,"ng-container",12)(18,le,8,2,"nav",13),r()(),g(19,"app-app-footer"),r(),d(20,ge,2,2,"ng-template",null,0,T)(22,ce,4,3,"ng-template",null,1,T)}if(e&2){let l=I(21);a(7),m(x(8,6,"back")),a(4),m(x(12,8,"golf_blog")),a(3),m(x(15,10,"extra_blog_subt")),a(3),p("ngIf",!i.loading)("ngIfElse",l),a(),p("ngIf",i.totalPages>1&&!i.loading)}},dependencies:[M,H,w,q,J,B,S,O],styles:["[_nghost-%COMP%]{display:block}.blog-page-container[_ngcontent-%COMP%]{min-height:100vh;display:flex;flex-direction:column;background:#fff}.blog-page-content[_ngcontent-%COMP%]{flex:1}.blog-page__back-wrapper[_ngcontent-%COMP%]{max-width:1280px;margin:0 auto;padding:calc(var(--app-header-height, 80px) + 24px) 0 0}@media (max-width: 1024px){.blog-page__back-wrapper[_ngcontent-%COMP%]{padding:calc(var(--app-header-height, 80px) + 24px) 32px 0}}@media (max-width: 768px){.blog-page__back-wrapper[_ngcontent-%COMP%]{padding:calc(var(--app-header-height, 64px) + 16px) 20px 0}}.blog-page__back[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer}.blog-page__back[_ngcontent-%COMP%]:hover{opacity:.7}.blog-page__back-icon[_ngcontent-%COMP%]{width:24px;height:24px;filter:brightness(0) saturate(100%)}.blog-page__back-text[_ngcontent-%COMP%]{font-size:22px;font-weight:var(--font-black);color:#000000de;line-height:1.1}.blog-hero[_ngcontent-%COMP%]{background:#fff;color:#000;text-align:center;padding:24px 24px 6px}.blog-hero__title[_ngcontent-%COMP%]{font-size:clamp(36px,6vw,64px);font-weight:900;letter-spacing:-.02em;margin:0 0 12px}.blog-hero__subtitle[_ngcontent-%COMP%]{font-size:18px;opacity:.8;margin:0;font-weight:400}.blog-grid-section[_ngcontent-%COMP%]{max-width:1280px;margin:0 auto;padding:48px 0 80px}@media (max-width: 1024px){.blog-grid-section[_ngcontent-%COMP%]{padding:48px 32px 80px}}@media (max-width: 768px){.blog-grid-section[_ngcontent-%COMP%]{padding:32px 20px 60px}}.blog-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 1024px){.blog-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.blog-grid[_ngcontent-%COMP%]{grid-template-columns:1fr}}.blog-card-skeleton[_ngcontent-%COMP%]{width:100%;height:360px;border-radius:15px;overflow:hidden;background-color:var(--ttb-grey-primary, #f5f5f5);box-shadow:0 2px 4px #0000000f}@media (max-width: 640px){.blog-card-skeleton[_ngcontent-%COMP%]{height:auto}}.skeleton-content[_ngcontent-%COMP%]{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton[_ngcontent-%COMP%]{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:_ngcontent-%COMP%_shimmer 1.4s infinite;border-radius:6px}.skeleton--image[_ngcontent-%COMP%]{width:100%;height:200px;border-radius:0}.skeleton--date[_ngcontent-%COMP%]{height:12px;width:100px}.skeleton--title[_ngcontent-%COMP%]{height:16px;width:100%}.skeleton--title.short[_ngcontent-%COMP%]{width:65%}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-load-more[_ngcontent-%COMP%]{display:flex;justify-content:center;margin-top:48px}.load-more-btn[_ngcontent-%COMP%]{background-color:var(--ttb-primary, #2e7d32);color:#fff;border:none;padding:14px 40px;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:48px}.load-more-btn[_ngcontent-%COMP%]:hover:not(:disabled){background-color:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 12px #2e7d3259}.load-more-btn[_ngcontent-%COMP%]:disabled{opacity:.7;cursor:not-allowed}.spinner[_ngcontent-%COMP%]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:_ngcontent-%COMP%_spin .7s linear infinite}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}.blog-empty[_ngcontent-%COMP%]{text-align:center;padding:64px 24px;color:var(--ttb-grey-secondary, #888);font-size:16px}.blog-paginator[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}.paginator__btn[_ngcontent-%COMP%]{min-width:40px;height:40px;padding:0 12px;border:1.5px solid #e0e0e0;border-radius:8px;background:#fff;color:var(--ttb-primary-black, #1a1a1a);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.paginator__btn[_ngcontent-%COMP%]:hover:not(:disabled):not(.paginator__btn--active){border-color:var(--ttb-primary, #2e7d32);color:var(--ttb-primary, #2e7d32)}.paginator__btn--active[_ngcontent-%COMP%]{background-color:var(--ttb-primary, #2e7d32);border-color:var(--ttb-primary, #2e7d32);color:#fff;cursor:default}.paginator__btn--arrow[_ngcontent-%COMP%]{color:var(--ttb-primary-black, #1a1a1a)}.paginator__btn[_ngcontent-%COMP%]:disabled{opacity:.35;cursor:not-allowed}"]})};export{Q as BlogComponent};