https://forwardint.macaly-app.com/assets/housereel_._category-vUzmJsLZ.js

1import{f as h,p,g as x,r as u,k as a}from"./index-BgC-7ug5.js";import{g,H as v}from"./housereel-categories-ZL4AWXWr.js";import{e as j,b as N}from"./vimeo-Cp78_Kpg.js";import{S as b}from"./SubNav-BSNZaAGH.js";const y=v.map(s=>({label:s.labelCs,slug:s.slug,href:`/housereel/${s.slug}`}));function S(){const{category:s}=h.useParams(),l=p(x.content.listHouseReelItemsByCategory,{category:s})??[],[i,n]=u.useState(null);return g(s,"cs"),a.jsxs("main",{className:"page-container",children:[a.jsx(b,{items:y,activeSlug:s}),a.jsx("div",{className:"media-grid",children:l.map(e=>{const t=e.titleCs,m=e.thumbnailUrl||(e.vimeoId?`https://vumbnail.com/${j(e.vimeoId)}.jpg`:""),d=!!e.vimeoId,o=e.dop?.match(/\s*\/\s*agency:\s*(.+)$/i),c=o?e.dop?.slice(0,o.index).trim():e.dop,r=e.agency||o?.[1]?.trim();return a.jsxs("div",{className:`media-card${d?" media-card--clickable":""}`,onClick:()=>d?n(e.vimeoId):void 0,children:[a.jsxs("div",{className:"media-card-thumb",children:[m?a.jsx("img",{src:m,alt:e.altText||t,className:"media-card-img",loading:"lazy"}):a.jsx("div",{className:"media-card-placeholder"}),d&&a.jsx("div",{className:"media-card-play-overlay",children:a.jsx("div",{className:"media-card-play-btn",children:a.jsx("svg",{viewBox:"0 0 24 24",fill:"white",width:"36",height:"36",children:a.jsx("polygon",{points:"5,3 19,12 5,21"})})})})]}),a.jsxs("div",{className:"media-card-info",children:[a.jsx("h2",{className:"media-card-title",children:t}),e.director&&a.jsxs("p",{className:"media-card-meta",children:[a.jsx("span",{className:"media-card-meta-label",children:"DIRECTOR:"})," ",e.director]}),(c||r)&&a.jsxs("p",{className:"media-card-meta",children:[c&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"media-card-meta-label",children:"D.O.P.:"})," ",c]}),c&&r&&" / ",r&&a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"media-card-meta-label",children:"AGENCY:"})," ",r]})]})]})]},e._id)})}),i&&a.jsx(C,{vimeoId:i,onClose:()=>n(null)})]})}function C({vimeoId:s,onClose:l}){return a.jsx("div",{className:"vimeo-modal-backdrop",onClick:l,children:a.jsxs("div",{className:"vimeo-modal-container",onClick:i=>i.stopPropagation(),children:[a.jsx("button",{className:"vimeo-modal-close",onClick:l,"aria-label":"Close",children:"✕"}),a.jsx("div",{className:"vimeo-responsive",children:a.jsx("iframe",{src:N(s,!0),allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Video"})})]})})}export{S as component};