1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4026],{84026:(e,t,s)=>{s.r(t),s.d(t,{default:()=>u});var l=s(95155),a=s(12115),r=s(32169),i=s(5772),n=s(98500),o=s.n(n);function c({video:e,featured:t=!1}){let[s,r]=(0,a.useState)(e.youtubeId?`https://i.ytimg.com/vi/${e.youtubeId}/maxresdefault.jpg`:e.thumbnail);return(0,l.jsx)(o(),{href:`/video/${e.slug}`,className:"group block w-full",children:(0,l.jsxs)("div",{className:"relative aspect-[9/16] w-full overflow-hidden rounded-xl bg-slate-900",children:[(0,l.jsx)(i.default,{src:s,alt:e.title,fill:!0,quality:75,sizes:"(min-width: 1024px) 20vw, (min-width: 768px) 25vw, (min-width: 640px) 33vw, 72vw",className:"object-cover transition-transform duration-300 group-hover:scale-105",onError:()=>{s!==e.thumbnail&&r(e.thumbnail)}}),(0,l.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/85 via-black/15 to-transparent"}),(0,l.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,l.jsx)("span",{className:"flex h-14 w-14 items-center justify-center rounded-full border-2 border-white/90 bg-black/20 text-white backdrop-blur-[2px] transition-transform duration-300 group-hover:scale-110",children:(0,l.jsx)("svg",{viewBox:"0 0 24 24",className:"ml-0.5 h-6 w-6",fill:"currentColor","aria-hidden":"true",children:(0,l.jsx)("path",{d:"M8 5v14l11-7z"})})})}),(0,l.jsxs)("div",{className:"absolute inset-x-0 bottom-0 flex flex-col gap-1.5 p-3",children:[e.duration&&(0,l.jsx)("span",{className:"self-start rounded-full bg-white/95 px-2 py-0.5 text-xs font-semibold tabular-nums text-gray-900 shadow-sm",children:e.duration}),(0,l.jsx)("h3",{className:`line-clamp-3 font-semibold text-white ${t?"text-base":"text-sm"}`,children:e.title})]})]})})}function d({videos:e}){let[t,s]=(0,a.useState)(),[i,n]=(0,a.useState)(0),[o,u]=(0,a.useState)(!1),[x,h]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{if(!t)return;let e=()=>{n(t.selectedScrollSnap()),u(t.canScrollPrev()),h(t.canScrollNext())};return e(),t.on("select",e),t.on("reInit",e),()=>{t.off("select",e),t.off("reInit",e)}},[t]),(0,l.jsxs)(r.FN,{setApi:s,opts:{align:"start",slidesToScroll:1,containScroll:"trimSnaps"},className:"w-full",children:[(0,l.jsx)(r.Wk,{className:"items-center",children:e.map((e,t)=>(0,l.jsx)(r.A7,{className:"basis-[72%] sm:basis-1/3 md:basis-1/4 lg:basis-1/5",children:(0,l.jsx)("div",{className:`w-full origin-center transition-transform duration-300 ease-out ${t===i?"scale-100":"scale-[0.85]"}`,children:(0,l.jsx)(c,{video:e,featured:t===i})})},e.id))}),o&&(0,l.jsx)("button",{type:"button","aria-label":"Pr\xe9c\xe9dent",onClick:()=>t?.scrollPrev(),className:"absolute left-0 top-1/2 z-10 hidden -translate-y-1/2 text-slate-800 drop-shadow-[0_1px_2px_rgba(255,255,255,0.9)] transition hover:text-primary-600 md:block",children:(0,l.jsx)("svg",{viewBox:"0 0 24 24",className:"h-9 w-9",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:(0,l.jsx)("path",{d:"m15 18-6-6 6-6"})})}),x&&(0,l.jsx)("button",{type:"button","aria-label":"Suivant",onClick:()=>t?.scrollNext(),className:"absolute right-0 top-1/2 z-10 hidden -translate-y-1/2 text-slate-800 drop-shadow-[0_1px_2px_rgba(255,255,255,0.9)] transition hover:text-primary-600 md:block",children:(0,l.jsx)("svg",{viewBox:"0 0 24 24",className:"h-9 w-9",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:(0,l.jsx)("path",{d:"m9 18 6-6-6-6"})})})]})}function u({videos:e}){if(!e||0===e.length)return null;let t=e.slice(0,10);return(0,l.jsxs)("section",{className:"flex flex-col gap-6",children:[(0,l.jsx)("h2",{className:"flex items-start justify-start gap-3 text-2xl font-bold uppercase text-primary-500 sm:text-3xl",children:(0,l.jsxs)("span",{children:["EcoMatin ",(0,l.jsx)("span",{className:"font-extrabold",children:"Shorts"})]})}),(0,l.jsx)(d,{videos:t})]})}}}]);
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.