https://khawlaartandculture.com/assets/index-AC-8foqh.js

1import{r as S,j as e}from"./react-Bn9KuX-L.js";import{h as b,c as H,u as D,g as K,R as z}from"./index-C_5JZHn3.js";import{u as J,b as k,a as Q,A as M}from"./course-DjpPQ619.js";import{u as X}from"./useAos-wyQfxrcU.js";import{S as Z}from"./index-BDC5YXdj.js";import"./router-Bgi5W-cI.js";import"./query-BLZ7jo_n.js";import"./useRequireAuth-DdIlAqAH.js";import"./common-C7XJoNpp.js";const O=.5,ee=4,se=4e3,te=1,ne=42,ie=50,ae=1500,R="cardio",re="__active",le=({id:r,className:i,itemCount:a,children:n})=>{const d=S.useRef(null);return S.useEffect(()=>{const s=d.current;if(!s)return;const h=Array.from(s.querySelectorAll(`.${R}`));if(h.length===0)return;s.style.position="relative",s.style.overflow="hidden";const v=h.map(t=>{t.style.display="inline-block";const l=t.offsetWidth;return t.style.position="absolute",t.style.transformOrigin="0 0",{element:t,fullWidth:l}}),U=s.clientWidth*.5,Y=s.clientWidth/2.3,c=v.length;let m=Math.PI/2,_=m,p=0,g=0,E=0;const W=()=>c*(Math.PI/2-m)/(2*Math.PI),w=()=>{const t=W()%c;return t<0?t+c:t},$=()=>Math.round(w())%c,A=()=>{const t=2*Math.PI/c;let l=m;for(const o of v){const u=Math.sin(l),N=O+(1-O)*(u+1)*.5,V=U+N*(Math.cos(l)*Y-o.fullWidth*.5),B=ne+N*u*ie;o.element.style.zIndex=String(N*100|0),o.element.style.transform=`translate(${V}px, ${B}px) scale(${N})`,l+=t}const x=$();v.forEach((o,u)=>o.element.classList.toggle(re,u===x))},T=()=>{cancelAnimationFrame(p),p=0},C=()=>{const t=_-m,l=performance.now(),x=(l-g)*.002;g=l,Math.abs(t)<.003?(m=_,T()):(m=_-t/(1+ee*x),p=requestAnimationFrame(C)),A()},q=()=>{p===0&&(g=performance.now(),p=requestAnimationFrame(C))},I=t=>{_+=2*Math.PI/c*t,q()},j=()=>window.clearInterval(E),y=()=>{j(),E=window.setInterval(()=>I(te),se)},L=t=>{const l=t.target?.closest(`.${R}`);if(!l)return;const x=v.findIndex(u=>u.element===l);if(x<0)return;let o=x-w()%c;2*Math.abs(o)>c&&(o+=o>0?-c:c),Math.abs(o)>.5&&t.preventDefault(),_=m,I(-o)},f=t=>t.preventDefault();s.addEventListener("click",L),s.addEventListener("mouseover",j),s.addEventListener("mouseout",y),s.addEventListener("mousedown",f),s.addEventListener("selectstart",f),y(),A(),s.style.visibility="visible",s.style.opacity="0";const G=requestAnimationFrame(()=>{s.style.transition=`opacity ${ae}ms`,s.style.opacity="1"});return()=>{cancelAnimationFrame(G),T(),j(),s.removeEventListener("click",L),s.removeEventListener("mouseover",j),s.removeEventListener("mouseout",y),s.removeEventListener("mousedown",f),s.removeEventListener("selectstart",f)}},[a]),e.jsx("div",{id:r,className:i,ref:d,children:n})},oe={slidesToShow:3,slidesToScroll:1,infinite:!0,autoplay:!0,draggable:!0,swipeToSlide:!0,responsive:[{breakpoint:1030,settings:{slidesToShow:2,slidesToScroll:1}},{breakpoint:550,settings:{slidesToShow:1,slidesToScroll:1}}]},ce={slidesToShow:4,slidesToScroll:1,infinite:!0,autoplay:!0,draggable:!0,swipeToSlide:!0,responsive:[{breakpoint:1030,settings:{slidesToShow:2,slidesToScroll:1}},{breakpoint:555,settings:{slidesToShow:1,slidesToScroll:1}}]},F=({config:r,className:i,style:a,children:n})=>{const d=S.useRef(null);return e.jsxs("div",{className:H("row align-items-center justify-content-between",i),style:a,children:[e.jsx("div",{className:"col-md-1",children:e.jsx(b,{style:{paddingLeft:"7px"},className:"__next_prv_icon",onClick:()=>d.current?.slickPrev(),children:"arrow_back_ios"})}),e.jsx("div",{className:"col-md-9",children:e.jsx(Z,{ref:d,className:"carousel",...r,children:n})}),e.jsx("div",{className:"col-md-1 d-flex justify-content-end",children:e.jsx(b,{className:"__next_prv_icon",onClick:()=>d.current?.slickNext(),children:"arrow_forward_ios"})})]})},de=({courses:r,onOpen:i})=>{const{text:a}=D();return e.jsxs("div",{className:"____courses",children:[e.jsx("h1",{className:"_____title",style:{color:"#fff"},children:a.online_courses}),e.jsx(F,{config:oe,children:r.map(n=>e.jsx("div",{className:"slide",children:e.jsx("div",{className:"____single_slide",onClick:()=>i(n),children:e.jsxs("div",{className:"__sliding",children:[Number(n.isPaid)>0&&e.jsx("div",{className:"__premium primary_background_color",children:a.premium}),Number(n.isPaid)===0&&e.jsx("div",{className:"__premium ",children:a.free}),e.jsx("img",{src:n.picture,className:"imageLoader"}),e.jsxs("div",{style:{padding:"10px"},children:[e.jsx("div",{className:"__extra_div",children:n.programmeName}),e.jsx("h1",{className:"__h1-he",children:n.title}),e.jsxs("h2",{children:["A course by ",n.artistName]}),e.jsxs("div",{className:"__duration",children:[e.jsxs("div",{children:[e.jsx("h1",{children:a.level}),e.jsx("span",{children:n.level})]}),e.jsxs("div",{children:[e.jsx("h1",{children:a.lessons}

1),e.jsx("span",{children:n.lessonsCount})]}),e.jsxs("div",{children:[e.jsx("h1",{children:a.duration}),e.jsx("span",{children:n.duration})]})]}),e.jsx("span",{className:"__spn",children:e.jsx("a",{children:a.more})})]})]})})},n.courseId))})]})},P=({events:r})=>e.jsxs("div",{className:"container-fluid ___events",style:{marginTop:"80px"},children:[e.jsx("h1",{className:"_____title",style:{color:"#00407a"},children:r[0]?.categoryName}),e.jsx("div",{className:"row justify-content-center align-items-center",children:e.jsx("div",{className:"col-md-6 text-center",children:e.jsx("p",{children:r[0]?.categoryDescription})})}),e.jsx(F,{config:ce,className:"mb-3",style:{backgroundColor:"#f5f5f5",paddingTop:"3.4rem"},children:r.map(i=>e.jsx("div",{className:"slide",children:e.jsxs("div",{className:"____single_slide_event",children:[e.jsx("img",{src:i.eventCover,className:"imageLoader"}),e.jsxs("div",{className:"__extra_div",children:[e.jsx("h1",{children:i.title}),e.jsxs("h2",{children:["by ",i.artistName]})]})]})},i.eventId))})]}),me=6,ge=()=>{const{text:r}=D(),{items:i}=J(),{data:a}=k(M.WORKSHOPS),{data:n}=k(M.LECTURES),d=Q();X([i.length]);const s=i.slice(0,me);return e.jsxs("div",{className:"kc-khawla-art-academy __kac",style:{paddingTop:"110px"},children:[e.jsx("div",{style:{backgroundColor:"#00407a",paddingTop:"40px"},children:e.jsxs("div",{className:"container-fluid",children:[e.jsx("div",{className:"row justify-content-center align-items-center",children:e.jsx("div",{className:"col-md-8",children:e.jsx(le,{id:"showcase",className:"noselect",itemCount:s.length,children:s.map(h=>e.jsxs("div",{className:"cardio",children:[e.jsx("img",{className:"cloud9-item",src:h.picture,alt:"Firefox"}),e.jsx("h1",{children:h.title})]},h.courseId))})})}),e.jsxs("div",{className:"row justify-content-center align-items-center",children:[e.jsx("div",{className:"col-md-10",children:e.jsx(de,{courses:i,onOpen:d})}),e.jsx("div",{className:"col-md-10",children:e.jsx("div",{className:"col-md-12 text-center",children:e.jsx(K,{as:"button",className:"__viw_all ",to:z.ACADEMY_COURSES,children:r.view_all})})})]})]})}),e.jsx(P,{events:a?.items??[]}),e.jsx(P,{events:n?.items??[]})]})};export{ge as default};