https://www.binarly.io/_next/static/chunks/4467-e3b35b173345fed4.js?dpl=dpl_2aWTqtHYZ4MpaUgCiM89yKJybtah

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4467],{14467:(e,t,a)=>{a.d(t,{A:()=>h});var i=a(29300),r=a(65656),l=a(68061),n=a(80378),s=a(91811),o=a(67824),d=a(97819),c=a(78810),u=a(57978),p=a(88138),f=a.n(p),m=a(38160);function h(e){let{video:t,variant:a="card",size:n="sm",playInDialog:s=!0,animateOnHover:c=!0,className:u="",backgroundVariant:p="default",children:h=null}=e,[,x]=(0,d.ZA)("video"),[b,v]=(0,r.useState)(!1),y=t?.title||t?.description,w=()=>{s?x(t.url):v(!0)},j=t?.categories?.filter(e=>{let{category:t}=e;return t}),N=t?.tags?.filter(e=>{let{tag:t}=e;return t});return"card"===a||"card-horizontal"===a?(0,i.jsx)(l.Zp,{onClick:w,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),w())},role:"button",tabIndex:0,"aria-label":`Play video: ${t.title}`,wrapperClassName:"!shadow-none",className:(0,o.cn)("cursor-pointer group h-full",u),animateOnHover:c,backgroundVariant:p,children:(0,i.jsxs)(l.Wu,{className:(0,o.cn)("grid flex-1 h-full ",{"grid-cols-1 grid-rows-[auto_minmax(0,1fr)]":"card"===a,"grid-cols-1 md:grid-cols-2 gap-12 items-center":"card-horizontal"===a,"gap-6":y}),children:[(0,i.jsx)(g,{video:t,playInDialog:s,playInline:b}),y&&(0,i.jsxs)("div",{className:(0,o.cn)("gap-2 flex-1 h-full flex flex-col",{"":"card"===a,"space-y-5":"card-horizontal"===a}),children:[t.publishDate&&(0,i.jsx)(l.PC,{className:(0,o.cn)("",{}),"data-tina-field":t._isTiptapVideo?void 0:(0,o.Cw)(t,"publishDate"),children:f()(t?.publishDate).format("MMM D, YYYY")}),t.title&&(0,i.jsx)(l.ZB,{className:(0,o.cn)("!line-clamp-2",{"line-clamp-3 h3":"card-horizontal"===a,"flex-1":!t?.description}),size:n,title:t?.title,"data-tina-field":t._isTiptapVideo?void 0:(0,o.Cw)(t,"title"),children:t?.title}),t.description&&(0,i.jsx)(l.BT,{size:n,"data-tina-field":t._isTiptapVideo?void 0:(0,o.Cw)(t,"description"),children:t?.description}),h&&h,(!!j?.length||!!N?.length)&&(0,i.jsxs)("div",{className:"flex items-center flex-wrap gap-2 mt-6 min-w-0 overflow-hidden",children:[j?.map((e,t)=>(0,i.jsx)(m.Hb,{variant:"outline",title:e?.category?.title,children:e?.category?.title},e?.category?.id||`category-${t}`)),N?.map((e,t)=>(0,i.jsx)(m.Hb,{variant:"outline",title:e?.tag?.title,children:e?.tag?.title},e?.tag?.id||`tag-${t}`))]})]})]})}):"list-item"===a?(0,i.jsxs)("div",{className:"py-6 first:border-t border-b grid grid-cols-[1fr_4fr] gap-8 cursor-pointer group",role:"button",tabIndex:0,"aria-label":`Play video: ${t.title}`,onClick:w,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),w())},children:[(0,i.jsx)(g,{video:t,playInDialog:s,playInline:b}),y&&(0,i.jsxs)("div",{className:"space-y-2",children:[t.publishDate&&(0,i.jsx)(l.PC,{className:(0,o.cn)("mb-2",{}),children:f()(t.publishDate).format("MMM D, YYYY")}),t.title&&(0,i.jsx)(l.ZB,{size:n,children:t.title}),t.description&&(0,i.jsx)(l.BT,{size:n,className:"!line-clamp-2",children:t.description}),(0,i.jsxs)("div",{className:"flex items-center flex-wrap gap-2 mt-5 min-h-7 min-w-0 overflow-hidden",children:[j?.map((e,t)=>e?.category&&(0,i.jsx)(m.Hb,{variant:"outline",title:e?.category?.title,children:e?.category?.title},e?.category?.id||`category-${t}`)),N?.map((e,t)=>e?.tag&&(0,i.jsx)(m.Hb,{variant:"outline",title:e?.tag?.title,children:e?.tag?.title},e?.tag?.id||`tag-${t}`))]})]})]}):void 0}function g(e){let{video:t,playInDialog:a,playInline:r}=e,l=function(e){if(!e||"string"!=typeof e||!e.trim())return null;try{let t=new URL(e).searchParams.get("v");if(!t)return null;return`https://img.youtube.com/vi/${t}/maxresdefault.jpg`}catch(e){return null}}(t.url)||t.thumbnail;return(0,i.jsxs)("div",{className:"relative w-full aspect-video bg-gray-750 flex items-center justify-center","data-tina-field":t._isTiptapVideo?void 0:(0,o.Cw)(t,"url"),children:[(0,i.jsx)("div",{className:"absolute top-0 left-0 w-full h-full flex items-center justify-center",children:(0,i.jsx)(n.A,{className:"size-8 text-gray-800 stroke-[1.5px]"})}),l&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.default,{src:l,alt:t.title,width:1226,height:690,quality:100,sizes:"(max-width: 768px) 100vw, min(1226px, 90vw)",className:"w-full h-full object-cover z-10"}),(0,i.jsx)("span",{className:"absolute top-0 left-0 flex items-center justify-center z-20 w-full h-full pointer-events-none","aria-hidden":!0,

1children:(0,i.jsx)(s.A,{className:"size-14 stroke-[1.5px] bg-white/30 text-white stroke-white p-4 rounded-full group-hover:scale-110 transition-all duration-300"})})]}),(0,i.jsx)(i.Fragment,{children:r&&!a&&(0,i.jsx)(u.A,{src:t.url,width:"100%",height:"100%",className:"w-full aspect-video absolute top-0 left-0 inset-0 z-30",controls:!0,playing:!0})})]})}},38160:(e,t,a)=>{a.d(t,{Ex:()=>o,Hb:()=>d});var i=a(29300);a(65656);var r=a(24520),l=a(31547),n=a(67824);let s=(0,l.F)("inline-flex items-center justify-center rounded-[3px] uppercase !font-mono !font-normal border px-2.5 py-1 text-xs font-normal w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary-200 text-primary-900 [a&]:hover:bg-primary-500/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-primary-200 border-primary-200 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function o(e){let{className:t,variant:a,asChild:l=!1,...o}=e,d=l?r.DX:"span";return(0,i.jsx)(d,{"data-slot":"badge",className:(0,n.cn)(s({variant:a}),t),...o})}function d(e){let{className:t,children:a,title:r,...l}=e,s=r??("string"==typeof a?a:void 0);return(0,i.jsx)(o,{title:s,className:(0,n.cn)("max-w-[min(100%,16rem)] min-w-0 shrink justify-start text-left",t),...l,children:(0,i.jsx)("span",{className:"min-w-0 truncate",children:a})})}},57978:(e,t,a)=>{a.d(t,{A:()=>i});let i=(0,a(40472).default)(()=>a.e(4170).then(a.bind(a,4170)),{loadableGenerated:{webpack:()=>[4170]},ssr:!1,loading:()=>null})},68061:(e,t,a)=>{a.d(t,{BT:()=>f,PC:()=>u,Wu:()=>m,ZB:()=>p,Zp:()=>d,aR:()=>c});var i=a(29300),r=a(65656),l=a(67824),n=a(31562),s=a(97277),o=a(21513);function d(e){let{wrapperClassName:t,className:a,animateOnHover:d=!1,backgroundVariant:c="default",background:u,onClick:p,role:f,tabIndex:m,onKeyDown:h,"aria-label":g,"aria-labelledby":x,"aria-describedby":b,...v}=e,[y,w]=(0,r.useState)(!1);return(0,i.jsxs)(n.P.div,{"data-slot":"card",className:(0,l.cn)("h-full relative overflow-hidden bg-card text-card-foreground flex flex-col gap-6 rounded-none border py-4 md:py-6 shadow-sm","light"===c&&"bg-background-light","transparent"===c&&"bg-background/30",t&&t),onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),onClick:p,role:f,tabIndex:m,onKeyDown:h,"aria-label":g,"aria-labelledby":x,"aria-describedby":b,children:[u,(0,i.jsx)("div",{className:(0,l.cn)("relative z-20",a),...v,children:v.children}),(0,i.jsx)(s.N,{children:y&&d&&(0,i.jsx)(n.P.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.05},className:"h-full w-full absolute inset-0 card-hover-effect",children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"bg-background absolute w-full h-full overflow-hidden top-0 left-0 rounded-br-[70%] z-10",children:[(0,i.jsx)(o.PixelEffect,{containerClassName:"bg-transparent",animationSpeed:5,colors:[[78,64,255]],opacities:[.25,.35,.45,.55,.65,.75,.85,.95,1],dotSize:3,showGradient:!1}),(0,i.jsx)("div",{className:"absolute top-0 left-0 w-full h-full bg-radial-[at_0%_0%] from-background/50 via-background via-70% to-background to-100%"})]}),(0,i.jsxs)("div",{className:"z-10 bg-background absolute w-[70%] h-[70%] overflow-hidden bottom-0 right-0 rounded-tl-[100%] shadow-[inset_0_0_0_20px_black]",children:[(0,i.jsx)(o.PixelEffect,{animationSpeed:5,containerClassName:"bg-transparent m-20",colors:[[10,255,199]],opacities:[.25,.35,.45,.55,.65,.75,.85,.95,1],dotSize:3,showGradient:!1}),(0,i.jsx)("div",{className:"absolute top-0 left-0 w-full h-full bg-radial-[at_80%_100%] from-background/60 via-background to-black/90"})]})]})})})]})}function c(e){let{className:t,...a}=e;return(0,i.jsx)("div",{"data-slot":"card-header",className:(0,l.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-4 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function u(e){let{className:t,...a}=e;return(0,i.jsx)("div",{"data-slot":"card-date",className:(0,l.cn)("text-primary-200 font-mono text-sm",t),...a})}function p(e){let{className:t,size:a="sm",as:r="div",...n}=e;return(0,i.jsx)("h3"===r?"h3":"div",{"data-slot":"card-title",className:(0,l.cn)(t,"line-clamp-3",{h6:"sm"===a,h5:"md"===a,"text-xl md:text-[26px]":"lg"===a}),...n})}function f(e){let{className:t,size:a="sm",...r}=e;return(0,i.jsx)("div",{"data-slot":"card-description",className:(0,l.cn)("text-muted-foreground !leading-[1.8]",t,{"p-sm line-clamp-2":"sm"===a,"h6 line-clamp-3":"md"===a,"h6 line-clamp-4":"lg"===a}),...r})}function m(e){let{className:t,...a}=e;return(0,i.jsx)("div",{"data-slot":"card-content",className:(0,l.cn)("px-4 md:px-6",t),...a})}}}]);
2//# sourceMappingURL=4467-e3b35b173345fed4.js.map