https://the.ismaili/static/js/block-video-card-animation.45084905.chunk.js

1"use strict";(globalThis.webpackChunkthe_ismaili||=[]).push([[6787,8426,9168],{93609(e,a,s){s.r(a);var t=s(65043),l=(s(84803),s(40686)),i=s(31528),n=s(23292),r=s(74975),o=s(59601),c=s(70214),p=s(18240),d=s(35475),u=s(36977),g=s(16483),m=s(70579);const v=e=>{var a,s,i,n;let{item:r,isActive:o}=e;const c=(0,t.useRef)(null),[v,b]=(0,t.useState)(!1),[h,f]=(0,t.useState)(!0),{isMobile:C}=(0,t.useContext)(p._),{getLink:y}=(0,u.Sg)(),E=(null===r||void 0===r||null===(a=r.content_buttons)||void 0===a||null===(s=a[0])||void 0===s?void 0:s.action)||"",x=(null===r||void 0===r||null===(i=r.content_buttons)||void 0===i||null===(n=i[0])||void 0===n?void 0:n.type)||"";(0,t.useEffect)(()=>{if(!C||!c.current)return;let e;return o?(f(!0),e=setTimeout(()=>{f(!1);const e=c.current.play();void 0!==e&&e.catch(e=>{console.warn("Video play aborted:",e)})},1e3)):(f(!0),c.current.pause(),c.current.currentTime=0),()=>clearTimeout(e)},[o,C]);const L=v||!h&&C&&o,k=!(!E||!x),$=(0,m.jsxs)("div",{className:"hover-card2 "+(k?"cursor-pointer":"cursor-default"),onMouseEnter:()=>{var e;b(!0),null===(e=c.current)||void 0===e||e.play()},onMouseLeave:()=>{b(!1),c.current&&(c.current.pause(),c.current.currentTime=0)},children:[(0,m.jsx)(g.A,{image:null===r||void 0===r?void 0:r.content_image,className:"card-image "+(L?"hidden":"")}),(0,m.jsx)("video",{ref:c,src:null===r||void 0===r?void 0:r.content_reference,muted:!0,loop:!0,playsInline:!0,className:"card-video "+(L?"visible":"")}),(0,m.jsxs)("div",{className:"overlay",children:[(0,m.jsx)("h2",{children:null===r||void 0===r?void 0:r.heading}),(null===r||void 0===r?void 0:r.body)&&(0,m.jsx)("p",{className:"slide-up-text",children:(0,l.Ay)(null===r||void 0===r?void 0:r.body)})]})]});return k?(0,m.jsx)(d.N_,{to:y(E,x),target:(0,u.ok)(x,E),children:$}):$},b=e=>{let{contents:a,colors:s}=e;const[l,p]=(0,t.useState)(0),{direction:d}=(0,o.A)(),u={spaceBetween:10,slidesPerView:1.1,modules:[n.A,i.A],pagination:{clickable:!0,dynamicBullets:!0,dynamicMainBullets:7},navigation:!0,breakpoints:{768:{slidesPerView:3}},onSlideChange:e=>p(e.realIndex)};return(0,m.jsx)("div",{className:"py-30 videoCardWrapper",style:(0,c.v7)(s),children:(0,m.jsx)("div",{className:"container",children:(0,m.jsx)(r.RC,{dir:d,...u,children:a.map((e,a)=>(0,m.jsx)(r.qr,{children:(0,m.jsx)(v,{item:e,index:a,isActive:a===l})},e.title))},d)})})};s.d(a,["default",0,b])},31528(e,a,s){s.d(a,{A:()=>i});var t=s(72999),l=s(47713);function i(e){let{swiper:a,extendParams:s,on:i,emit:n}=e;function r(e){let s;return e&&"string"===typeof e&&a.isElement&&(s=a.el.querySelector(e)||a.hostEl.querySelector(e),s)?s:(e&&("string"===typeof e&&(s=[...document.querySelectorAll(e)]),a.params.uniqueNavElements&&"string"===typeof e&&s&&s.length>1&&1===a.el.querySelectorAll(e).length?s=a.el.querySelector(e):s&&1===s.length&&(s=s[0])),e&&!s?e:s)}function o(e,s){const t=a.params.navigation;(e=(0,l.m)(e)).forEach(e=>{e&&(e.classList[s?"add":"remove"](...t.disabledClass.split(" ")),"BUTTON"===e.tagName&&(e.disabled=s),a.params.watchOverflow&&a.enabled&&e.classList[a.isLocked?"add":"remove"](t.lockClass))})}function c(){const{nextEl:e,prevEl:s}=a.navigation;if(a.params.loop)return o(s,!1),void o(e,!1);o(s,a.isBeginning&&!a.params.rewind),o(e,a.isEnd&&!a.params.rewind)}function p(e){e.preventDefault(),(!a.isBeginning||a.params.loop||a.params.rewind)&&(a.slidePrev(),n("navigationPrev"))}function d(e){e.preventDefault(),(!a.isEnd||a.params.loop||a.params.rewind)&&(a.slideNext(),n("navigationNext"))}function u(){const e=a.params.navigation;if(a.params.navigation=(0,t.c)(a,a.originalParams.navigation,a.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;let s=r(e.nextEl),i=r(e.prevEl);Object.assign(a.navigation,{nextEl:s,prevEl:i}),s=(0,l.m)(s),i=(0,l.m)(i);const n=(s,t)=>{s&&s.addEventListener("click","next"===t?d:p),!a.enabled&&s&&s.classList.add(...e.lockClass.split(" "))};s.forEach(e=>n(e,"next")),i.forEach(e=>n(e,"prev"))}function g(){let{nextEl:e,prevEl:s}=a.navigation;e=(0,l.m)(e),s=(0,l.m)(s);const t=(e,s)=>{e.removeEventListener("click","next"===s?d:p),e.classList.remove(...a.params.navigation.disabledClass.split(" "))};

1e.forEach(e=>t(e,"next")),s.forEach(e=>t(e,"prev"))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),a.navigation={nextEl:null,prevEl:null},i("init",()=>{!1===a.params.navigation.enabled?m():(u(),c())}),i("toEdge fromEdge lock unlock",()=>{c()}),i("destroy",()=>{g()}),i("enable disable",()=>{let{nextEl:e,prevEl:s}=a.navigation;e=(0,l.m)(e),s=(0,l.m)(s),a.enabled?c():[...e,...s].filter(e=>!!e).forEach(e=>e.classList.add(a.params.navigation.lockClass))}),i("click",(e,s)=>{let{nextEl:t,prevEl:i}=a.navigation;t=(0,l.m)(t),i=(0,l.m)(i);const r=s.target;let o=i.includes(r)||t.includes(r);if(a.isElement&&!o){const e=s.path||s.composedPath&&s.composedPath();e&&(o=e.find(e=>t.includes(e)||i.includes(e)))}if(a.params.navigation.hideOnClick&&!o){if(a.pagination&&a.params.pagination&&a.params.pagination.clickable&&(a.pagination.el===r||a.pagination.el.contains(r)))return;let e;t.length?e=t[0].classList.contains(a.params.navigation.hiddenClass):i.length&&(e=i[0].classList.contains(a.params.navigation.hiddenClass)),n(!0===e?"navigationShow":"navigationHide"),[...t,...i].filter(e=>!!e).forEach(e=>e.classList.toggle(a.params.navigation.hiddenClass))}});const m=()=>{a.el.classList.add(...a.params.navigation.navigationDisabledClass.split(" ")),g()};Object.assign(a.navigation,{enable:()=>{a.el.classList.remove(...a.params.navigation.navigationDisabledClass.split(" ")),u(),c()},disable:m,update:c,init:u,destroy:g})}},23292(e,a,s){function t(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!+\/()[\]])/g,"\\$1").replace(/ /g,".")}`}s.d(a,{A:()=>n});var l=s(72999),i=s(47713);function n(e){let{swiper:a,extendParams:s,on:n,emit:r}=e;const o="swiper-pagination";let c;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${o}-bullet`,bulletActiveClass:`${o}-bullet-active`,modifierClass:`${o}-`,currentClass:`${o}-current`,totalClass:`${o}-total`,hiddenClass:`${o}-hidden`,progressbarFillClass:`${o}-progressbar-fill`,progressbarOppositeClass:`${o}-progressbar-opposite`,clickableClass:`${o}-clickable`,lockClass:`${o}-lock`,horizontalClass:`${o}-horizontal`,verticalClass:`${o}-vertical`,paginationDisabledClass:`${o}-disabled`}}),a.pagination={el:null,bullets:[]};let p=0;function d(){return!a.params.pagination.el||!a.pagination.el||Array.isArray(a.pagination.el)&&0===a.pagination.el.length}function u(e,s){const{bulletActiveClass:t}=a.params.pagination;e&&(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&(e.classList.add(`${t}-${s}`),(e=e[("prev"===s?"previous":"next")+"ElementSibling"])&&e.classList.add(`${t}-${s}-${s}`))}function g(e){const s=e.target.closest(t(a.params.pagination.bulletClass));if(!s)return;e.preventDefault();const l=(0,i.i)(s)*a.params.slidesPerGroup;if(a.params.loop){if(a.realIndex===l)return;const e=(n=a.realIndex,r=l,o=a.slides.length,(r%=o)===1+(n%=o)?"next":r===n-1?"previous":void 0);"next"===e?a.slideNext():"previous"===e?a.slidePrev():a.slideToLoop(l)}else a.slideTo(l);var n,r,o}function m(){const e=a.rtl,s=a.params.pagination;if(d())return;let l,n,o=a.pagination.el;o=(0,i.m)(o);const g=a.virtual&&a.params.virtual.enabled?a.virtual.slides.length:a.slides.length,m=a.params.loop?Math.ceil(g/a.params.slidesPerGroup):a.snapGrid.length;if(a.params.loop?(n=a.previousRealIndex||0,l=a.params.slidesPerGroup>1?Math.floor(a.realIndex/a.params.slidesPerGroup):a.realIndex):"undefined"!==typeof a.snapIndex?(l=a.snapIndex,n=a.previousSnapIndex):(n=a.previousIndex||0,l=a.activeIndex||0),"bullets"===s.type&&a.pagination.bullets&&a.pagination.bullets.length>0){const t=a.pagination.bullets;let r,d,g;if(s.dynamicBullets&&(c=(0,i.h)(t[0],a.isHorizontal()?"width":"height",!0),o.forEach(e=>{e.style[a.isHorizontal()?"width":"height"]=c*(s.dynamicMainBullets+4)+"px"}),s.dynamicMainBullets>1&&void 0!==n&&(p+=l-(n||0),p>s.dynamicMainBullets-1?p=s.dynamicMainBullets-1:p<0&&(p=0)),r=Math.max(l-p,0),d=r+(Math.min(t.length,s.dynamicMainBullets)-1),g=(d+r)/2),t.forEach(e

1=>{const a=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(e=>`${s.bulletActiveClass}${e}`)].map(e=>"string"===typeof e&&e.includes(" ")?e.split(" "):e).flat();e.classList.remove(...a)}),o.length>1)t.forEach(e=>{const t=(0,i.i)(e);t===l?e.classList.add(...s.bulletActiveClass.split(" ")):a.isElement&&e.setAttribute("part","bullet"),s.dynamicBullets&&(t>=r&&t<=d&&e.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),t===r&&u(e,"prev"),t===d&&u(e,"next"))});else{const e=t[l];if(e&&e.classList.add(...s.bulletActiveClass.split(" ")),a.isElement&&t.forEach((e,a)=>{e.setAttribute("part",a===l?"bullet-active":"bullet")}),s.dynamicBullets){const e=t[r],a=t[d];for(let l=r;l<=d;l+=1)t[l]&&t[l].classList.add(...`${s.bulletActiveClass}-main`.split(" "));u(e,"prev"),u(a,"next")}}if(s.dynamicBullets){const l=Math.min(t.length,s.dynamicMainBullets+4),i=(c*l-c)/2-g*c,n=e?"right":"left";t.forEach(e=>{e.style[a.isHorizontal()?n:"top"]=`${i}px`})}}o.forEach((e,n)=>{if("fraction"===s.type&&(e.querySelectorAll(t(s.currentClass)).forEach(e=>{e.textContent=s.formatFractionCurrent(l+1)}),e.querySelectorAll(t(s.totalClass)).forEach(e=>{e.textContent=s.formatFractionTotal(m)})),"progressbar"===s.type){let i;i=s.progressbarOpposite?a.isHorizontal()?"vertical":"horizontal":a.isHorizontal()?"horizontal":"vertical";const n=(l+1)/m;let r=1,o=1;"horizontal"===i?r=n:o=n,e.querySelectorAll(t(s.progressbarFillClass)).forEach(e=>{e.style.transform=`translate3d(0,0,0) scaleX(${r}) scaleY(${o})`,e.style.transitionDuration=`${a.params.speed}ms`})}"custom"===s.type&&s.renderCustom?((0,i.s)(e,s.renderCustom(a,l+1,m)),0===n&&r("paginationRender",e)):(0===n&&r("paginationRender",e),r("paginationUpdate",e)),a.params.watchOverflow&&a.enabled&&e.classList[a.isLocked?"add":"remove"](s.lockClass)})}function v(){const e=a.params.pagination;if(d())return;const s=a.virtual&&a.params.virtual.enabled?a.virtual.slides.length:a.grid&&a.params.grid.rows>1?a.slides.length/Math.ceil(a.params.grid.rows):a.slides.length;let l=a.pagination.el;l=(0,i.m)(l);let n="";if("bullets"===e.type){let t=a.params.loop?Math.ceil(s/a.params.slidesPerGroup):a.snapGrid.length;a.params.freeMode&&a.params.freeMode.enabled&&t>s&&(t=s);for(let s=0;s<t;s+=1)e.renderBullet?n+=e.renderBullet.call(a,s,e.bulletClass):n+=`<${e.bulletElement} ${a.isElement?'part="bullet"':""} class="${e.bulletClass}"></${e.bulletElement}>`}"fraction"===e.type&&(n=e.renderFraction?e.renderFraction.call(a,e.currentClass,e.totalClass):`<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),"progressbar"===e.type&&(n=e.renderProgressbar?e.renderProgressbar.call(a,e.progressbarFillClass):`<span class="${e.progressbarFillClass}"></span>`),a.pagination.bullets=[],l.forEach(s=>{"custom"!==e.type&&(0,i.s)(s,n||""),"bullets"===e.type&&a.pagination.bullets.push(...s.querySelectorAll(t(e.bulletClass)))}),"custom"!==e.type&&r("paginationRender",l[0])}function b(){a.params.pagination=(0,l.c)(a,a.originalParams.pagination,a.params.pagination,{el:"swiper-pagination"});const e=a.params.pagination;if(!e.el)return;let s;"string"===typeof e.el&&a.isElement&&(s=a.el.querySelector(e.el)),s||"string"!==typeof e.el||(s=[...document.querySelectorAll(e.el)]),s||(s=e.el),s&&0!==s.length&&(a.params.uniqueNavElements&&"string"===typeof e.el&&Array.isArray(s)&&s.length>1&&(s=[...a.el.querySelectorAll(e.el)],s.length>1&&(s=s.find(e=>(0,i.b)(e,".swiper")[0]===a.el))),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(a.pagination,{el:s}

1),s=(0,i.m)(s),s.forEach(s=>{"bullets"===e.type&&e.clickable&&s.classList.add(...(e.clickableClass||"").split(" ")),s.classList.add(e.modifierClass+e.type),s.classList.add(a.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.classList.add(`${e.modifierClass}${e.type}-dynamic`),p=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.classList.add(e.progressbarOppositeClass),e.clickable&&s.addEventListener("click",g),a.enabled||s.classList.add(e.lockClass)}))}function h(){const e=a.params.pagination;if(d())return;let s=a.pagination.el;s&&(s=(0,i.m)(s),s.forEach(s=>{s.classList.remove(e.hiddenClass),s.classList.remove(e.modifierClass+e.type),s.classList.remove(a.isHorizontal()?e.horizontalClass:e.verticalClass),e.clickable&&(s.classList.remove(...(e.clickableClass||"").split(" ")),s.removeEventListener("click",g))})),a.pagination.bullets&&a.pagination.bullets.forEach(a=>a.classList.remove(...e.bulletActiveClass.split(" ")))}n("changeDirection",()=>{if(!a.pagination||!a.pagination.el)return;const e=a.params.pagination;let{el:s}=a.pagination;

1s=(0,i.m)(s),s.forEach(s=>{s.classList.remove(e.horizontalClass,e.verticalClass),s.classList.add(a.isHorizontal()?e.horizontalClass:e.verticalClass)})}),n("init",()=>{!1===a.params.pagination.enabled?f():(b(),v(),m())}),n("activeIndexChange",()=>{"undefined"===typeof a.snapIndex&&m()}),n("snapIndexChange",()=>{m()}),n("snapGridLengthChange",()=>{v(),m()}),n("destroy",()=>{h()}),n("enable disable",()=>{let{el:e}=a.pagination;e&&(e=(0,i.m)(e),e.forEach(e=>e.classList[a.enabled?"remove":"add"](a.params.pagination.lockClass)))}),n("lock unlock",()=>{m()}),n("click",(e,s)=>{const t=s.target,l=(0,i.m)(a.pagination.el);if(a.params.pagination.el&&a.params.pagination.hideOnClick&&l&&l.length>0&&!t.classList.contains(a.params.pagination.bulletClass)){if(a.navigation&&(a.navigation.nextEl&&t===a.navigation.nextEl||a.navigation.prevEl&&t===a.navigation.prevEl))return;const e=l[0].classList.contains(a.params.pagination.hiddenClass);r(!0===e?"paginationShow":"paginationHide"),l.forEach(e=>e.classList.toggle(a.params.pagination.hiddenClass))}});const f=()=>{a.el.classList.add(a.params.pagination.paginationDisabledClass);let{el:e}=a.pagination;e&&(e=(0,i.m)(e),e.forEach(e=>e.classList.add(a.params.pagination.paginationDisabledClass))),h()};Object.assign(a.pagination,{enable:()=>{a.el.classList.remove(a.params.pagination.paginationDisabledClass);let{el:e}=a.pagination;e&&(e=(0,i.m)(e),e.forEach(e=>e.classList.remove(a.params.pagination.paginationDisabledClass))),b(),v(),m()},disable:f,render:v,update:m,init:b,destroy:h})}}}]);
2//# sourceMappingURL=block-video-card-animation.45084905.chunk.js.map