https://www.salesmate.io/static/time-line-component-B0O_3PFe.js

1import{E as e,e as i,g as t,j as n,b as l}from"./index-DvtYNCk9.js";import{e as m,r as o}from"./vendor-D8DBuDFK.js";import"./main-JXwh71rI.js";const r=r=>{var a,_,s,d,c;const{componentDataDispatcher:u,contentModel:h,handleMouseDown:f,handleMouseLeave:p,handleMouseUp:x,handleMouseMove:v,handleWheel:b,sliderRef:w}=(n=>{const{id:l,contentModel:r,modelInternalName:a}=m.propsParser(n),_="time-line-component-ssr",{componentDataDispatcher:s,setComponentDataDispatcher:d,isComponentLoaded:c}=e({id:l,modelInternalName:a,modelKeyForSSR:_});let u;(null==r?void 0:r.trim().length)&&(u=JSON.parse(r));const h=o.useRef(null),[f,p]=o.useState(!1),[x,v]=o.useState(0),[b,w]=o.useState(0);return o.useEffect((()=>{var e;c&&(d({type:i.fetchingData}),(null==(e=null==r?void 0:r.trim())?void 0:e.length)&&(async()=>{d({type:i.dataFetched,data:await t(u,a,_,l)})})())}),[r]),{componentDataDispatcher:s,contentModel:r,sliderRef:h,handleMouseDown:e=>{p(!0),h.current&&(h.current.classList.add("active"),v(e.pageX-h.current.offsetLeft),w(h.current.scrollLeft))},handleMouseLeave:()=>{p(!1)},handleMouseUp:()=>{p(!1)},handleMouseMove:e=>{if(!f||!h.current)return;e.preventDefault();const i=2*(e.pageX-h.current.offsetLeft-x);h.current.scrollLeft=b-i},handleWheel:e=>{e.preventDefault()}}})(r),{componentData:g,isLoading:j}=u,{headingTag:M,colorOptions:N}=m.propsParser(r);return n.jsxs(n.Fragment,{children:[n.jsx(l,{loaderClassName:"",contentModel:h,isLoading:j,componentData:g}),(null==g?void 0:g.id)&&!j&&n.jsxs("section",{className:"time-line-section section-gap",children:[n.jsx("div",{className:"container",children:n.jsx("div",{className:"row",children:n.jsx("div",{className:"col col-12",children:n.jsxs("div",{className:"section-title-part",children:[(null==g?void 0:g.tagline_et)&&n.jsx("span",{className:`tag-line ${N}`,dangerouslySetInnerHTML:{__html:null==g?void 0:g.tagline_et}}),(null==g?void 0:g.heading_et)&&n.jsx("h2",{dangerouslySetInnerHTML:{__html:null==g?void 0:g.heading_et},className:`${M}`}),(null==g?void 0:g.descritpion_et)&&n.jsx("div",{className:"w-full",dangerouslySetInnerHTML:{__html:null==g?void 0:g.descritpion_et}})]})})})}),!!(null==(a=null==g?void 0:g.time_line_item_com)?void 0:a.length)&&n.jsx("div",{className:"w-full flex flex-wrap justify-end",children:n.jsxs("div",{className:"time-line-section-inner [&_.time-line-row]:flex [&_.time-line-row]:w-[max-content] [&_.time-line-item]:relative\n          3xl:[&_.time-line-item]:min-w-[424px] [&_.time-line-item]:min-w-[326px] 3xl:[&_.time-line-item]:max-w-[424px] [&_.time-line-item]:max-w-[326px]  [&_.time-line-item]:flex [&_.time-line-item]:flex-wrap [&_.time-line-item_h3]:w-full [&_.time-line-item-inner]:w-full [&_.time-line-item-inner]:flex [&_.time-line-item-inner]:flex-wrap [&_.time-line-item-inner-content]:mx-auto 3xl:[&_.time-line-item-inner-content]:w-[326px] [&_.time-line-item-inner-content]:w-full [&_.time-line-item-inner-content_li]:w-full [&_.time-line-item-inner-content_li]:text-coolgray-600 [&_.time-line-item-inner-content_li]:text-sm  [&_.time-line-item-inner-content_li]:break-words  [&_.time-line-item-inner-content_li]:pl-6  [&_.time-line-item-inner-content_li]:relative before:[&_.time-line-item-inner-content_li]:absolute before:[&_.time-line-item-inner-content_li]:w-[14px]  before:[&_.time-line-item-inner-content_li]:h-[14px]  before:[&_.time-line-item-inner-content_li]:top-[2px] before:[&_.time-line-item-inner-content_li]:left-0 before:[&_.time-line-item-inner-content_li]:bg-list-icon-two [&_.time-line-item-inner_h3]:text-center [&_.time-line-item]:px-6  [&_.time-line-item]:py-7 after:[&_.time-line-item]:absolute after:[&_.time-line-item]:content-['']  after:[&_.time-line-item]:w-[1px] after:[&_.time-line-item]:bg-blue-600 before:[&_.time-line-item]:absolute before:[&_.time-line-item]:content-['']  before:[&_.time-line-item]:bg-timeline-dot before:[&_.time-line-item]:w-8  before:[&_.time-line-item]:h-8 after:[&_.time-line-item]:top-0  after:[&_.time-line-item]:bottom-0  \n           3xl:w-[calc(100%_-200px)] 2xl:w-[calc(100%_-76px)] xl:w-[calc(100%_-100px)] md:w-[calc(100%_-40px)] w-full overflow-auto cursor-grab select-none lg:[&_.time-line-item-title]:text-lg [&_.time-line-item-title]:text-base [&_.time-line-item-title]:m-0 [&_.time-line-item-title]:text-blue-600",ref:w,onMouseDown:f,onMouseLeave:p,onMouseUp:x,onMouseMove:v,onWheel:b,children:[n.jsx("div",{className:"time-line-row  items-end time-line-row-one [&_.time-line-item_ul_li]:mb-2 [&_.time-line-item]:items-end\n                border-b-8 border-solid border-blue-50  after:[&_.time-line-item]:right-0  before:[&_.time-line-item]:-right-4   before:[&_.time-line-item]:bottom-[-18px]",children:!!(null==(_=null==g?void 0:g.time_line_item_com)?void 0:_.length)&&(null==(s=null==g?void 0:g.time_line_item_com)?void 0:s.map(((e,i)=>{if(i%2==0)return n.jsx("div",{className:"time-line-item",children:n.jsxs("div",{className:"time-line-item-inner",children:[(null==e?void 0:e.time_line_item_et)&&n.jsx("div",{className:"time-line-item-inner-content",dangerouslySetInnerHTML:{__html:null==e?void 0:e.time_line_item_et}}),(null==e?void 0:e.time_line_year_et)&&n.jsx("h3",{className:"time-line-item-title",dangerouslySetInnerHTML:{__html:null==e?void 0:e.time_line_year_et}})]})},i)})))}),n.jsx("div",{className:"time-line-row items-start time-line-row-two [&_.time-line-item_ul_li]:mt-2  [&_.time-line-item]:items-start [&_.time-line-item-inner-content]:order-2 3xl:pl-52 pl-40\n            before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:absolute\n            3xl:before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:left-[-207px] before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:left-[-180px]  before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:h-[2px] before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:border-dotted  before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:border-t-2 before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:border-blue-600 before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:z-10 before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:-top-1 before:[&_.time-line-item:nth-child(1)_.time-line-item-inner_.time-line-item-inner]:content-[''] before:[&_.time-line-item:nth-child(1)_.time-line-item-inner__.time-line-item-inner]:absolute\n            3xl:before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:w-[211px]\n             before:[&_.time-line-item:nth-child(1)_.time-line-item-inner]:w-[166px] after:[&_.time-line-item]:left-0  before:[&_.time-line-item]:-left-4 before:[&_.time-line-item]:top-[-18px]  before:[&_.time-line-item:nth-child(1)]:drop-shadow-timeline",children:!!(null==(d=null==g?void 0:g.time_line_item_com)?void 0:d.length)&&(null==(c=null==g?void 0:g.time_line_item_com)?void 0:c.map(((e,i)=>{if(i%2==1)return n.jsx("div",{className:"time-line-item",children:n.jsxs("div",{className:"time-line-item-inner",children:[(null==e?void 0:e.time_line_item_et)&&n.jsx("div",{className:"time-line-item-inner-content",dangerouslySetInnerHTML:{__html:null==e?void 0:e.time_line_item_et}}),(null==e?void 0:e.time_line_year_et)&&n.jsx("h3",{className:"time-line-item-title",dangerouslySetInnerHTML:{__html:null==e?void 0:e.time_line_year_et}})]})},i)})))})]})})]})]})};export{r as default};