1import{a as B}from"./chunk-QFRJLGNP.js";import{a as b}from"./chunk-H2VDFCNS.js";import{a as T}from"./chunk-QGCDHANZ.js";import"./chunk-ICTC243F.js";import"./chunk-LCSCAX5U.js";import"./chunk-NMUJVAUH.js";import"./chunk-7YOJ6LVA.js";import{a as k}from"./chunk-XOHOQGQY.js";import{c as w,f as S}from"./chunk-ZYKAYA2V.js";import{q as O}from"./chunk-YPPESSFD.js";import{$a as n,Eb as f,Fb as x,Gb as h,Ib as s,Jb as l,Kb as p,Lb as o,Mb as r,Nb as _,Y as d,_b as C,jc as v,lc as g,mc as P,nc as M,ob as m,yc as u,zc as y}from"./chunk-CZ2XFELG.js";var E=()=>["/search"],F=t=>({subCat:t}),I=(t,a)=>a.title,j=(t,a)=>a.id;function z(t,a){if(t&1&&(o(0,"a",4),g(1),r()),t&2){let e=a.$implicit;p("routerLink",u(3,E))("queryParams",y(4,F,e.slug)),n(),M(" ",e.label," ")}}function L(t,a){if(t&1&&_(0,"app-landing-ad-card",11),t&2){let e=a.$implicit;p("ad",e)}}function $(t,a){t&1&&(o(0,"p",12),g(1,"No ads available in this section right now."),r())}function N(t,a){if(t&1&&(o(0,"section",6)(1,"div",7),_(2,"img",8),o(3,"div",9)(4,"h2"),g(5),r()()(),o(6,"div",10),s(7,L,1,1,"app-landing-ad-card",11,j),r(),f(9,$,2,0,"p",12),o(10,"div",13)(11,"a",14),g(12," See more "),r()()()),t&2){let e=a.$implicit,i=a.$index,c=C();v("beauty-page__section--last",i===c.categorySections.length-1),n(2),p("ngSrc",e.bannerImage)("alt",e.title+" banner"),n(3),P(e.title),n(2),l(e.ads),n(2),x(e.ads.length?-1:9),n(2),p("routerLink",u(8,E))("queryParams",y(9,F,e.slug))}}var K=(()=>{class t{constructor(){this.metaDataService=d(T),this.activatedRoute=d(w),this.landingSections=this.activatedRoute.snapshot.data.landingSections?.sections??[],this.adsBySubCat=new Map(this.landingSections.map(e=>[e.subCat.slug,e.ads])),this.categoryTabs=b.map(e=>({label:e.title,slug:e.slug})),this.categorySections=b.map(e=>({title:e.title,slug:e.slug,bannerImage:e.bannerImage,ads:e.subCatSlugs.flatMap(i=>this.adsBySubCat.get(i)??[])}))}ngOnInit(){this.metaDataService.updateAllMetaTags({title:"Beauty & Health | Naiya",description:"Explore Naiya\u2019s beauty and health collection, including skincare, makeup, hair care, fragrances, and personal care products.",author:"Naiya",canonicalUrl:"/beauty-health",ogImage:`${k.websiteURL}/assets/beauty-page/skincare-banner.png`})}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=m({type:t,selectors:[["app-beauty-page"]],decls:8,vars:0,consts:[[1,"beauty-page"],[1,"beauty-page__shell"],["aria-label","Beauty and health page navigation",1,"beauty-page__subnav"],[1,"beauty-page__category-tabs"],[1,"beauty-page__category-tab",3,"routerLink","queryParams"],[1,"beauty-page__section",3,"beauty-page__section--last"],[1,"beauty-page__section"],[1,"beauty-page__category-banner"],["fill","","sizes","100vw",3,"ngSrc","alt"],[1,"beauty-page__category-banner-overlay"],[1,"beauty-page__cards"],[3,"ad"],[1,"beauty-page__empty"],[1,"beauty-page__see-more-row"],[1,"beauty-page__see-more-btn",3,"routerLink","queryParams"]],template:function(i,c){i&1&&(o(0,"section",0)(1,"div",1)(2,"nav",2)(3,"div",3),s(4,z,2,6,"a",4,h),r()(),s(6,N,13,11,"section",5,I),r()()),i&2&&(n(4),l(c.categoryTabs),n(2),l(c.categorySections))},dependencies:[O,S,B],styles:['.beauty-page[_ngcontent-%COMP%]{--beauty-bg: #fafafa;--beauty-surface: #ffffff;--beauty-border: #e8e8e8;--beauty-text: #111111;--beauty-text-muted: #666666;background:var(--beauty-bg);color:var(--beauty-text);font-family:inherit;overflow-x:hidden}.beauty-page__shell[_ngcontent-%COMP%]{display:grid;gap:40px;width:100%}.beauty-page__subnav[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 14px;background:var(--beauty-surface);border:1px solid var(--beauty-border);border-radius:120px;width:100%;box-sizing:border-box;min-width:0}.beauty-page__category-tabs[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;min-width:0;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.beauty-page__category-tabs[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.beauty-page__category-tab[_ngcontent-%COMP%]{color:var(--beauty-text);font-family:inherit;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap}.beauty-page__section[_ngcontent-%COMP%]{display:grid;gap:24px}.beauty-page__section--last[_ngcontent-%COMP%]{padding-bottom:40px}.beauty-page__category-banner[_ngcontent-%COMP%]{position:relative;width:100%;height:clamp(160px,20vw,240px);overflow:hidden;border-radius:4px;background:#f0f0f0}.beauty-page__category-banner[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{object-fit:cover}.beauty-page__category-banner-overlay[_ngcontent-%COMP%]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003}.beauty-page__category-banner-overlay[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0;color:#fff;font-family:Bodoni MT,"Bodoni 72",Times New Roman,serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.beauty-page__cards[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:40px 24px;justify-items:center}.beauty-page__empty[_ngcontent-%COMP%]{margin:0;color:var(--beauty-text-muted);font-size:1.6rem;text-align:center;padding:40px 0}.beauty-page__see-more-row[_ngcontent-%COMP%]{display:flex;justify-content:center;padding-top:10px}.beauty-page__see-more-btn[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;padding:14px 48px;border:1px solid #111111;background:transparent;color:#111;font-family:inherit;font-size:1.4rem;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.beauty-page__see-more-btn[_ngcontent-%COMP%]:hover{background:#111;color:#fff}@media(max-width:840px){.beauty-page__shell[_ngcontent-%COMP%]{gap:32px}.beauty-page__section[_ngcontent-%COMP%]{padding:0 16px}.beauty-page__subnav[_ngcontent-%COMP%]{border-radius:0;border-left:0;border-right:0;padding:12px 10px}.beauty-page__category-tabs[_ngcontent-%COMP%]{justify-content:flex-start}.beauty-page__category-banner-overlay[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:2.8rem}}@media(max-width:580px){.beauty-page__shell[_ngcontent-%COMP%]{gap:24px}.beauty-page__section[_ngcontent-%COMP%]{padding:0 12px;gap:16px}.beauty-page__category-banner[_ngcontent-%COMP%]{height:180px}.beauty-page__category-banner-overlay[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{font-size:2.4rem}.beauty-page__cards[_ngcontent-%COMP%]{grid-template-columns:1fr;gap:24px}}@media(max-width:375px){.beauty-page__section[_ngcontent-%COMP%]{padding:0 10px}.beauty-page__category-banner[_ngcontent-%COMP%]{height:160px}.beauty-page__see-more-btn[_ngcontent-%COMP%]{width:100%;padding:12px 24px}}']})}}return t})();export{K as BeautyPageComponent};
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.