https://fibladi.com/assets/trending-D-IGnNwG.js

1import{j as e,L as m,r as S}from"./router-C3G0N1zd.js";import{c as M,a as h,b as N}from"./index-BHtoZQHS.js";import{a as v,P as y,C as k,B as L}from"./ProgressiveImage-U57HHUen.js";import{C as A}from"./homeSliderMobile-BRKd4GU5.js";import{navigationMenu as W,navigationMenuAr as T}from"./right-sidebar-navigation-DuMyMCQ0.js";import{H as R}from"./weekly-CPWqht5o.js";import{S as B}from"./SectionSliderPosts-DPULcPnH.js";import{C as V,a as $}from"./button-fzhn_NoD.js";/**
2 * @license lucide-react v0.540.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const F=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]],P=M("volume-2",F);/**
7 * @license lucide-react v0.540.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const U=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]],E=M("volume-x",U),q=({className:l,titleClass:t="text-lg",ratio:s="aspect-4/3",post:a,vr:o})=>{const{title:n,image:i,categories:x,id:u,link:c}=a,r=c!=null&&c.startsWith("http")?new URL(c).pathname:c;return e.jsxs("div",{className:h("group post-card-18 relative flex flex-col overflow-hidden rounded-xl",l),children:[e.jsxs("div",{className:h("relative size-full",s),children:[e.jsx(v,{src:i,alt:n,className:"rounded-xl brightness-100 group-hover:brightness-75",placeholderClassName:"rounded-xl",resetKey:a.id,sizes:"(min-width: 1280px) 25vw, (min-width: 640px) 50vw, 100vw",srcSetWidths:[300,400,600]}),e.jsx(m,{to:r,"aria-label":a.title,title:n,className:"absolute inset-0"})]}),e.jsx("div",{className:"absolute inset-x-0 top-0 flex flex-wrap gap-x-2 gap-y-1 p-4 opacity-0 transition-opacity duration-300 group-hover:opacity-100",children:e.jsx(y,{className:"ms-auto",handle:a.short_link,vr:o,id:u})}),e.jsx(m,{to:r,"aria-label":a.title,className:"absolute inset-x-0 bottom-0 block h-1/2 bg-linear-to-t from-black opacity-80"}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 flex grow flex-col p-6",children:[e.jsx(m,{to:r,"aria-label":a.title,className:"absolute inset-0"}),e.jsx(k,{categories:x,vr:o},`${u}-category`),e.jsx("h2",{className:h("mt-3 leading-snug font-semibold text-white line-clamp-2",t),dangerouslySetInnerHTML:{__html:n}})]})]})},w=({className:l,titleClass:t="text-xl sm:text-2xl xl:text-3xl",ratio:s="aspect-4/3 sm:aspect-1/1",post:a,vr:o,priority:n=!1})=>{const{title:i,image:x,categories:u,id:c,link:r}=a,d=r!=null&&r.startsWith("http")?new URL(r).pathname:r;return e.jsxs("div",{className:h("group post-card-19 relative flex flex-col overflow-hidden rounded-xl",l),children:[e.jsxs("div",{className:h("relative size-full",s),children:[e.jsx(v,{src:x,alt:i,className:"rounded-xl brightness-100 group-hover:brightness-75",placeholderClassName:"rounded-xl",resetKey:a.id,sizes:"(min-width: 1280px) 50vw, 100vw",priority:n,srcSetWidths:[300,400,600,800]}),e.jsx(m,{"aria-label":a.title,title:i,to:d,className:"absolute inset-0"})]}),e.jsx(m,{"aria-label":a.title,to:d,className:"absolute inset-x-0 bottom-0 block h-1/2 bg-linear-to-t from-black opacity-80"}),e.jsx("div",{className:"absolute inset-x-0 top-0 flex flex-wrap gap-x-2 gap-y-1 p-5 opacity-0 transition-opacity duration-300 group-hover:opacity-100 sm:px-7",children:e.jsx(y,{className:"ms-auto",handle:a.short_link,vr:o,id:c})}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 flex grow flex-col p-5 sm:p-8",children:[e.jsx(m,{"aria-label":a.title,to:d,className:"absolute inset-0"}),e.jsx(k,{categories:u,vr:o},`${c}-category`),e.jsx("h2",{className:h("mt-3 leading-snug font-semibold text-white line-clamp-2",t),dangerouslySetInnerHTML:{__html:i}})]})]})};function D(l){if(!l)return null;const t=l.match(/(?:youtube\.com\/(?:watch\?v=|live\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);return t?t[1]:null}const K=({className:l,post:t,ratio:s,vr:a})=>{const{title:o,image:n,link:i,videoUrl:x,categories:u,id:c,tags:r}=t,d=i!=null&&i.startsWith("http")?new URL(i).pathname:i,g=(r==null?void 0:r.includes("7144"))||(r==null?void 0:r.includes("6225")),[p,j]=S.useState(!0),f=S.useRef(null),b=D(x),I=_=>{_.preventDefault(),_.stopPropagation(),j(H=>{var z;const C=!H;return b&&((z=f.current)!=null&&z.contentWindow)&&f.current.contentWindow.postMessage(JSON.stringify({event:"command",func:C?"mute":"unMute",args:[]}),"*"),C})};return e.jsx("div",{className:h("group post-card-live relative flex flex-col overflow-hidden rounded-xl",l),children:g?e.jsxs("div",{className:N("relative size-full",s),children:[e.jsx(v,{src:n,alt:o,className:"rounded-xl brightness-100 group-hover:brightness-75",placeholderClassName:"rounded-xl",resetKey:t.id,sizes:"(min-width: 1280px) 50vw, 100vw",srcSetWidths:[300,400,600,800]}),e.jsx(m,{"aria-label":o,title:o,to:d,className:"absolute inset-0"}),e.jsx(m,{"aria-label":o,to:d,className:"absolute inset-x-0 bottom-0 block h-1/2 bg-linear-to-t from-black opacity-80"}),e.jsx("div",{className:"absolute inset-x-0 top-0 flex p-5 sm:px-7",children:e.jsx(y,{className:"ms-auto",handle:t.short_link,vr:a,id:c})}),e.jsxs("div",{className:"absolute inset-x-0 bottom-0 flex flex-col p-5 sm:p-8",children:[e.jsx(m,{"aria-label":o,to:d,className:"absolute inset-0"}),e.jsxs("div",{className:"relative z-10 flex items-center gap-2",children:[e.jsx(k,{categories:u,vr:a,color:"red"}),e.jsx("span",{"aria-label":a==="ar"?"تنبيه مهم":"Important alert",role:"status",className:"size-3 shrink-0 animate-pulse rounded-full bg-red-600 shadow-[0_0_0_4px_rgba(239,68,68,0.25),0_0_18px_6px_rgba(239,68,68,0.9)]"})]}),e.jsx("h2",{className:"mt-3 text-xl leading-snug font-semibold text-white line-clamp-2 sm:text-2xl xl:text-3xl",dangerouslySetInnerHTML:{__html:o}})]})]}):e.jsxs("div",{className:N("relative size-full bg-cover bg-center",s

11),style:{backgroundImage:`url(${n})`},children:[b?e.jsx("iframe",{ref:f,className:"absolute inset-0 size-full rounded-xl",src:`https://www.youtube.com/embed/${b}?autoplay=1&mute=1&controls=0&enablejsapi=1&loop=1&playlist=${b}`,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):x?e.jsx("iframe",{className:"absolute inset-0 size-full rounded-xl",src:x,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):null,e.jsx(m,{"aria-label":o,title:o,to:d,className:"absolute inset-0"}),e.jsx(m,{"aria-hidden":"true",tabIndex:-1,to:d,className:"absolute inset-x-0 bottom-0 block h-1/2 bg-linear-to-t from-black opacity-80"}),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-10 flex justify-end p-4 sm:p-5",children:e.jsx("span",{"aria-label":a==="ar"?"مباشر":"Live",role:"status",className:"size-3 shrink-0 animate-pulse rounded-full bg-red-600 shadow-[0_0_0_4px_rgba(239,68,68,0.25),0_0_18px_6px_rgba(239,68,68,0.9)]"})}),x&&e.jsx("button",{type:"button",onClick:I,"aria-label":p?"Unmute":"Mute",className:"absolute bottom-4 right-4 z-10 flex size-11 items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm transition hover:bg-black/50",children:p?e.jsx(E,{className:"size-5"}):e.jsx(P,{className:"size-5"})})]})})};function O(){return e.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-6",children:[e.jsx("div",{className:"h-auto rounded-lg bg-gray-300 lg:col-span-3"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 lg:col-span-3",children:[e.jsx("div",{className:"col-span-2 h-70 rounded-lg bg-gray-300 sm:col-span-1 sm:h-60"}),e.jsx("div",{className:"col-span-2 h-70 rounded-lg bg-gray-300 sm:col-span-1 sm:h-60"}),e.jsx("div",{className:"col-span-2 h-70 rounded-lg bg-gray-300 sm:h-92"})]})]})}function te({posts:l,className:t,vr:s,loading:a=!1,isHome:o=!1,ads:n=[],live:i}){if(a)return e.jsx(O,{});if(l.length===0)return null;const x=l.slice(1,3),u=o&&n.length>0,c=!!(o&&i),r=c?e.jsx(K,{className:"shadow-lg shadow-black/30 transition-shadow sm:order-last sm:col-span-2 sm:row-span-4",vr:s,ratio:"aspect-4/3 sm:aspect-16/1",post:i}):l[3]?e.jsx(w,{ratio:"aspect-4/3 sm:aspect-16/1",className:"sm:col-span-2 sm:row-span-4 shadow-lg shadow-black/30 transition-shadow",vr:s,post:l[3]}):null,d=u?e.jsx("div",{className:"-mx-1.5 -my-3 p-0 sm:hidden",dir:"ltr",children:e.jsx(A,{posts:n,isHome:!0})}):null,g=x.map((p,j)=>e.jsx(q,{className:"col-span-1 shadow-lg shadow-black/30 transition-shadow sm:row-span-2",post:p,vr:s},p.id??j));return e.jsx("div",{className:N("section-magazine-10 relative",t),children:e.jsx("div",{className:"grid grid-cols-1 gap-5 xl:grid-cols-2",children:c?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-1 gap-5 order-1 sm:grid-cols-2 sm:grid-rows-5 xl:order-2",children:[r,d,g]}),e.jsx(w,{className:"shadow-lg shadow-black/30 transition-shadow order-2 xl:order-1",post:l[0],vr:s,priority:!0})]}):e.jsxs(e.Fragment,{children:[e.jsx(w,{className:"shadow-lg shadow-black/30 transition-shadow",post:l[0],vr:s,priority:!0}),e.jsxs("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2 sm:grid-rows-5",children:[d,g,r]})]})})})}const G=`<svg viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M32.4167 10.6667L19.95 23.1334L12.6167 15.8L3.08333 25.3334' stroke='currentColor' stroke-width='2.93333' stroke-linecap='round' stroke-linejoin='round'/><path d='M23.6167 10.6667H32.4167V19.4667' stroke='currentColor' stroke-width='2.93333' stroke-linecap='round' stroke-linejoin='round'/></svg>
12`,Z=`<svg viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.25 32.6667C26.3502 32.6667 32.9167 26.1002 32.9167 18C32.9167 9.89983 26.3502 3.33334 18.25 3.33334C10.1498 3.33334 3.58333 9.89983 3.58333 18C3.58333 26.1002 10.1498 32.6667 18.25 32.6667Z' stroke='currentColor' stroke-width='2.93333' stroke-linecap='round' stroke-linejoin='round'/><path d='M18.25 9.20001V18L24.1167 20.9333' stroke='currentColor' stroke-width='2.93333' stroke-linecap='round' stroke-linejoin='round'/></svg>
13`,re=({isFR:l,pathname:t})=>e.jsx("nav",{className:"container w-full border-border hidden lg:block",children:e.jsx("div",{className:"font-medium",children:e.jsx("ul",{className:"flex items-center justify-between py-4",children:(l?W:T).map(s=>{if(s.id===0)return null;const a=decodeURIComponent(t)===s.href;return s.href.includes("http")?e.jsx("li",{className:"relative flex flex-col text-center justify-center",children:e.jsx(L,{color:a?"lime":"none",children:e.jsx("a",{href:s.href,className:"text-xs xl:text-sm font-medium py-px",children:s.name})})},s.href):e.jsx("li",{className:"relative flex flex-col text-center justify-center",children:e.jsxs(L,{className:"whitespace-nowrap",to:s.href,color:a?"lime":"none",children:[s.id===8&&e.jsx("div",{className:"w-5 h-5 xl:w-6 xl:h-6",

13style:{color:"#FF1744"},dangerouslySetInnerHTML:{__html:G}}),s.id===9&&e.jsx("div",{className:"w-4 h-4 xl:w-5 xl:h-5",style:{color:"#F502E4"},dangerouslySetInnerHTML:{__html:Z}}),e.jsx("span",{className:"text-xs xl:text-sm font-medium py-px",children:s.name})]})},s.href)})})})});function oe({posts:l,vr:t,loading:s=!1,imageLazy:a=!1}){return s?e.jsxs("div",{className:"space-y-4 mt-5",children:[e.jsx("div",{className:"bg-gray-300 h-7 w-1/2 rounded"}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-4 gap-8",children:[1,2,3,4].map((o,n)=>e.jsxs("div",{children:[e.jsx("div",{className:"animate-pulse rounded-3xl overflow-hidden",children:e.jsx("div",{className:"bg-gray-300 h-32 sm:h-44 w-full"})}),e.jsxs("div",{className:"py-4 space-y-2",children:[e.jsx("div",{className:"bg-gray-300 h-5 w-full rounded"}),e.jsx("div",{className:"bg-gray-300 h-5 w-5/6 rounded"})]})]},n))})]}):l.length<3?null:e.jsxs("div",{className:"relative mb-4 mt-5",children:[e.jsx(R,{level:1,children:e.jsxs(m,{to:"/$lang/news/trending-6hours",params:{lang:t},className:"flex items-center space-x-4",children:[t==="ar"?"ترند، الأكثر رواجًا":"Trending, les plus populaires ",t==="fr"?e.jsx(V,{size:19,strokeWidth:3,className:"mt-1"}):e.jsx($,{size:19,strokeWidth:3,className:"mt-1"})]})}),e.jsx(B,{posts:l,perView:4,showViewAll:!0,viewAllLinkHref:`/${t}/news/trending`,vr:t,imageLazy:a})]})}export{re as H,te as S,oe as T};