https://www.salesmate.io/static/image-gallery-DSkrp5kz.js

1import{E as e,e as l,g as t,a as i,j as a,b as n,c as s,d as o,f as d}from"./index-C2S2Yysw.js";import{e as r,r as c}from"./vendor-CK00QW4g.js";import{c as m,A as u}from"./main-BcBMYSYc.js";import{u as _,D as x}from"./embla-carousel-pagination-button-M2T532ru.js";import{H as h,a as v}from"./arrow-right-2-CgB3nlN-.js";import{I as g}from"./arrow-left-D78Q2yIV.js";const p=p=>{var f,j,b,N,w,y,k,I,S,D;const{id:C,showSliderArrows:T,isShowPagination:M,paginationPosition:P,colorOptions:H,variant:L}=r.propsParser(p),{componentDataDispatcher:E,contentModel:$,selectedIndex:A,scrollSnaps:B,DotButton:F,emblaRef:R,onDotButtonClick:O,scrollNext:G,scrollPrev:K,options:U,officeImage:V}=(a=>{const{WIDGET_CHECK_TRUE:n}=i,{id:s,contentModel:o,modelInternalName:d,isAutoPlay:h,autoPlayTime:v}=r.propsParser(a),g={playOnInit:h===n,delay:parseInt(v)||2e3,stopOnInteraction:!1},[p,f]=m({active:!0,loop:!0,slidesToScroll:1,dragFree:!0,align:"start"},h===n?[u(g)]:[]),j="image-gallery-ssr",{componentDataDispatcher:b,setComponentDataDispatcher:N,isComponentLoaded:w}=e({id:s,modelInternalName:d,modelKeyForSSR:j});let y;(null==o?void 0:o.trim().length)&&(y=JSON.parse(o)),c.useEffect((()=>{var e;w&&(N({type:l.fetchingData}),(null==(e=null==o?void 0:o.trim())?void 0:e.length)&&(async()=>{N({type:l.dataFetched,data:await t(y,d,j,s)})})())}),[o]);const k=c.useCallback((()=>{f&&f.scrollPrev()}),[f]),I=c.useCallback((()=>{f&&f.scrollNext()}),[f]),{selectedIndex:S,scrollSnaps:D,onDotButtonClick:C}=_(f);return{componentDataDispatcher:b,contentModel:o,selectedIndex:S,scrollSnaps:D,DotButton:x,emblaRef:p,onDotButtonClick:C,scrollNext:I,scrollPrev:k,options:[{width:406},{width:372},{width:372},{width:222}],officeImage:[{width:500},{width:408},{width:408},{width:306},{width:284}]}})(p),{WIDGET_CHECK_TRUE:W}=i,{componentData:J,isLoading:q}=E;let z,Q=[],X=[];return 4===(null==(f=null==J?void 0:J.image_com)?void 0:f.length)&&(null==(j=null==J?void 0:J.image_com)||j.map((e=>{Q.push(e)})),Q=[...Q,...Q],z=Q,X=Q),a.jsxs(a.Fragment,{children:[a.jsx(n,{loaderClassName:"",contentModel:$,isLoading:q,componentData:J}),(null==J?void 0:J.id)&&!q&&("variant1"===L?a.jsxs("section",{className:"office-family-culture section-gap overflow-hidden relative",children:[((null==J?void 0:J.tagline_et)||(null==J?void 0:J.heading_et)||(null==J?void 0:J.descritpion_et))&&a.jsx("div",{className:"container",children:a.jsx("div",{className:"row",children:a.jsx("div",{className:"col col-12",children:a.jsxs("div",{className:""+("aiVariant"===L?"section-title-part-ai":"section-title-part"),children:[(null==J?void 0:J.tagline_et)&&a.jsx("span",{className:`tag-line ${H}`,dangerouslySetInnerHTML:{__html:null==J?void 0:J.tagline_et}}),(null==J?void 0:J.heading_et)&&a.jsx("h2",{dangerouslySetInnerHTML:{__html:null==J?void 0:J.heading_et}}),(null==J?void 0:J.descritpion_et)&&a.jsx("p",{dangerouslySetInnerHTML:{__html:null==J?void 0:J.descritpion_et}})]})})})}),!!(null==(b=null==J?void 0:J.image_com)?void 0:b.length)&&a.jsx("div",{className:"embla",children:a.jsx("div",{className:"embla__viewport",ref:R,children:a.jsx("div",{className:"embla__container embla-container flex items-center",children:null==(N=[...null==J?void 0:J.image_com,...null==J?void 0:J.image_com])?void 0:N.map(((e,l)=>{var t,i;return a.jsx("div",{className:`embla__slide embla-slide  \n                          xl:px-5 px-3  ${l%2==0?"xl:flex-[0_0_366px] md:flex-[0_0_256px] flex-[0_0_180px] xl:[&_img]:h-[520px] md:[&_img]:h-[409px] [&_img]:h-[298px]":"xl:flex-[0_0_446px]  md:flex-[0_0_396px] flex-[0_0_246px] xl:[&_img]:h-[408px] md:[&_img]:h-[309px] [&_img]:h-[248px]"} `,children:a.jsx(s,{src:(null==(t=null==e?void 0:e.image_emd)?void 0:t.length)>0?null==(i=null==e?void 0:e.image_emd)?void 0:i[0]:"",alt:(null==e?void 0:e.image_button_text_et)||"office-images",title:(null==e?void 0:e.image_button_text_et)||"office-images",name:(null==e?void 0:e.image_button_text_et)||"office-images",width:326,height:520,className:"rounded-2xl w-full object-cover object-top",options:U})},l.toString())}))})})}),(T===W||M===W)&&a.jsxs("div",{className:"embla__controls",children:[T===W&&a.jsx(a.Fragment,{children:a.jsxs("div",{className:"embla__buttons embla-controls-buttons",children:[a.jsx("button",{"aria-label":"Arrow Prev",className:"absolute left-4 xl:left-[13.75rem] top-2/4 -translate-y-[50%] leading-[0] embla__prev embla-controls-embla-prev",onClick:K,children:a.jsx("i",{className:"icon w-8 h-8 lg:w-12 lg:h-12 [&>svg]:stroke-secondary",children:a.jsx(h,{})})}),a.jsx("button",{"aria-label":"Arrow Next",className:"absolute right-4 xl:right-[13.75rem] top-2/4 -translate-y-[50%] leading-[0] embla__next embla-controls-embla-next",onClick:G,children:a.jsx("i",{className:"icon w-8 h-8 lg:w-12 lg:h-12 [&>svg]:stroke-secondary",children:a.jsx(v,{})})})]})}),M===W&&a.jsx("div",{className:"relative right-0 top-0 bottom-0",children:a.jsx("div",{className:`w-full flex mt-8 justify-center gap-3 items-center  h-full  ${P} `,children:B.map(((e,l)=>a.jsx(F,{onClick:()=>O(l),className:"embla__dot w-2 h-2 rounded-full bg-coolgray-300".concat(l===A?" embla__dot--selected embla-dot--selected w-3 h-3 mt-[-2px]":"")},l)))})})]}),(null==J?void 0:J.button_link_et)&&a.jsx("div",{className:"w-full flex justify-center lg:mt-16 mt-8",children:a.jsx(o,{to:null==J?void 0:J.button_link_et,className:"button-primary",children:null==J?void 0:J.button_text_et})})]}):"aiVariant"===L?a.jsx("section",{className:"section-gap w-full overflow-hidden",children:a.jsxs("div",{className:"container",children:[((null==J?void 0:J.tagline_et)||(null==J?void 0:J.heading_et)||(null==J?void 0:J.descritpion_et))&&a.jsx("div",{className:"section-title-part-ai",children:a.jsxs("div",{className:"row flex flex-wrap",children:[a.jsxs("div",{className:"lg:w-8/12 w-full",children:[(null==J?void 0:J.tagline_et)&&a.jsx("span",{className:`tag-line ${"aiVariant"===L?"text-coolgray-500":H}`,dangerouslySetInnerHTML:{__html:null==J?void 0:J.tagline_et}}),(null==J?void 0:J.heading_et)&&a.jsx("h2",{className:"h2 mb-4",dangerouslySetInnerHTML:{__html:null==J?void 0:J.heading_et}}),(null==J?void 0:J.descritpion_et)&&a.jsx("p",{dangerouslySetInnerHTML:{__html:null==J?void 0:J.descritpion_et}})]}),(null==J?void 0:J.button_link_et)&&a.jsx("div",{className:"col lg:w-3/12 w-full flex items-end md:justify-end",children:a.jsx("div",{className:"flex lg:mt-0 mt-4 lg:w-auto w-full",children:a.jsxs(o,{className:"link-wth-arrow link-wth-arrow-ai font-bold",to:null==J?void 0:J.button_link_et,children:[null==J?void 0:J.button_text_et,a.jsx("i",{className:"icon",children:a.jsx(d,{})})]})})})]})}),!!(null==(w=null==J?void 0:J.image_com)?void 0:w.length)&&a.jsx("div",{className:"relative",children:a.jsx("div",{className:"embla",children:a.jsx("div",{className:"embla__viewport",ref:R,children:a.jsx("div",{className:"embla__container embla-container flex items-center",children:null==(k=4===(null==(y=null==J?void 0:J.image_com)?void 0:y.length)?z:null==J?void 0:J.image_com)?void 0:k.map(((e,l)=>{var t,i;return a.jsxs("div",{className:"embla__slide embla-slide xl:px-4 sm:px-3 px-2 xl:flex-[0_0_532px] md:flex-[0_0_432px] sm:flex-[0_0_330px] flex-[0_0_300px] xl:[&_img]:h-[320px] md:[&_img]:h-[309px] [&_img]:h-[200px] relative overflow-hidden",children:[a.jsx(s,{src:(null==(t=null==e?void 0:e.image_emd)?void 0:t.length)>0?null==(i=null==e?void 0:e.image_emd)?void 0:i[0]:"",name:null==e?void 0:e.image_button_text_et,alt:null==e?void 0:e.image_button_text_et,title:null==e?void 0:e.image_button_text_et,width:326,height:520,className:"w-full object-cover object-top rounded",options:V}),(null==e?void 0:e.image_button_link_et)&&a.jsx("div",{className:"absolute bottom-4 w-full flex justify-center leading-[0]",children:a.jsx(o,{to:null==e?void 0:e.image_button_link_et,className:"button-primary-ai button-small-ai font-medium rounded-full text-sm",children:null==e?void 0:e.image_button_text_et})})]},l.toString())}))})})})})]})}):a.jsxs("section",{className:"section-gap w-full overflow-hidden case-study-variant",children:[a.jsx("div",{className:"container",children:a.jsxs("div",{className:"flex justify-between items-start gap-1",children:[a.jsx("div",{className:"section-title-part w-full",children:(null==J?void 0:J.heading_et)&&a.jsx("h2",{dangerouslySetInnerHTML:{__html:null==J?void 0:J.heading_et}})}),T===W&&a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("button",{"aria-label":"Previous",className:"w-6 h-6 flex items-center justify-center group",onClick:K,children:a.jsx("i",{className:"icon w-5 h-5 [&>svg_path]:fill-coolgray-300 group-hover:[&>svg_path]:fill-coolgray-900",children:a.jsx(g,{})})}),a.jsx("button",{"aria-label":"Next",className:"w-6 h-6 flex items-center justify-center rotate-180 group",onClick:G,children:a.jsx("i",{className:"icon w-5 h-5 [&>svg_path]:fill-coolgray-300 group-hover:[&>svg_path]:fill-coolgray-900",children:a.jsx(g,{})})})]})]})}),!!(null==(I=null==J?void 0:J.image_com)?void 0:I.length)&&a.jsx("div",{className:"embla",children:a.jsx("div",{className:"embla__viewport",ref:R,children:a.jsx("div",{className:"embla__container embla-container flex items-stretch",children:null==(D=4===(null==(S=null==J?void 0:J.image_com)?void 0:S.length)?X:null==J?void 0:J.image_com)?void 0:D.map(((e,l)=>{var t,i;return a.jsx("div",{className:"embla__slide embla-slide md:px-4 px-2 flex-[0_0_70%] md:flex-[0_0_40%] lg:flex-[0_0_33.333333333%]",children:a.jsx("div",{className:"relative overflow-hidden md:rounded-2xl rounded-xl",children:a.jsx(s,{src:(null==(t=null==e?void 0:e.image_emd)?void 0:t.length)>0?null==(i=null==e?void 0:e.image_emd)?void 0:i[0]:"",alt:(null==e?void 0:e.image_button_text_et)||"gallery-image",title:(null==e?void 0:e.image_button_text_et)||"gallery-image",name:`ExpImageGallery-${C}`,width:500,height:600,className:"w-full h-auto"})})},l.toString())}))})})}),M===W&&a.jsx("div",{className:"container",children:a.jsx("div",{className:`w-full flex mt-8 justify-center gap-3 items-center ${P}`,children:B.map(((e,l)=>a.jsx(F,{onClick:()=>O(l),className:"embla__dot w-2 h-2 rounded-full bg-gray-300".concat(l===A?" embla__dot--selected embla-dot--selected w-3 h-3 bg-gray-900":"")},l)))})})]}))]})};export{p as default};