https://www.treble.tech/_next/static/chunks/9248.9d4b58c569ebfe82.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9248],{4e3:e=>{e.exports={product:"ProductTraining_product__0oEV0",segment:"ProductTraining_segment__qebj3",light:"ProductTraining_light__ON8D1",product__container:"ProductTraining_product__container___9S4n",product__videobg:"ProductTraining_product__videobg__pvggY",product__cta:"ProductTraining_product__cta__PjJp4",product__block:"ProductTraining_product__block__IuzGB",product__layout:"ProductTraining_product__layout__Bd2yD",product__media:"ProductTraining_product__media__rxcNJ",product__videoWrap:"ProductTraining_product__videoWrap__34l5n",product__header:"ProductTraining_product__header__a4vU4",product__heading:"ProductTraining_product__heading__8mGaW",product__text:"ProductTraining_product__text__lQKcg",product__comparison:"ProductTraining_product__comparison__vT8oD",product__button:"ProductTraining_product__button__reuUx",product__videoInner:"ProductTraining_product__videoInner__IOpOR",label:"ProductTraining_label__hrJbX",left:"ProductTraining_left__TggLI",right:"ProductTraining_right__MqJ4s",label__pointer:"ProductTraining_label__pointer__A2SrT",label__icon:"ProductTraining_label__icon__SCNDq",label__title:"ProductTraining_label__title__Qenpn",label__text:"ProductTraining_label__text__HDmAv",placeholderAnimation:"ProductTraining_placeholderAnimation__JX1ex"}},59248:(e,t,i)=>{"use strict";i.r(t),i.d(t,{ProductTrainingSlice:()=>y,default:()=>f});var r=i(26514),n=i(75834),o=i(51586),a=i(69001),d=i.n(a),c=i(97315),s=i(80527),l=i(31838),_=i(98341),u=i.n(_),p=i(37071),h=i(89340);let g={visible:{x:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9],delay:.3}},hidden:{x:"-40px",opacity:0}},v={visible:{y:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9],delay:.2}},hidden:{y:"30px",opacity:0}};var x=i(4e3),b=i.n(x);let m=e=>{let{heading:t,video:i,segment:o=!1,light:a=!1,ctaText:_,ctaLink:x,items:m}=e,[y,f]=(0,c.Wx)({triggerOnce:!0,threshold:.3}),P=(0,s.s)(),T={visible:{x:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9],delay:.6}},hidden:{x:"-40px",opacity:0}};return n.useEffect(()=>{f&&P.start("visible")},[f]),(0,r.jsxs)("section",{className:d()(b().product,{[b().segment]:o,[b().light]:a}),ref:y,children:[(0,r.jsx)("div",{className:b().product__container,children:(0,r.jsxs)("div",{children:[(0,r.jsx)("header",{className:b().product__header,children:(0,r.jsx)(l.P.div,{className:b().product__heading,animate:P,initial:"hidden",variants:h.DW,children:t})}),(0,r.jsxs)("div",{className:b().product__block,children:[(0,r.jsxs)("div",{className:b().product__layout,children:[null==m?void 0:m.map((e,t)=>(0,r.jsxs)(l.P.div,{className:d()(b().label,b().left),animate:P,initial:"hidden",variants:T,children:[(0,r.jsx)("div",{className:b().label__icon,children:e.icon&&(0,r.jsx)(u(),{src:e.icon.url,width:e.icon.width,height:e.icon.height,alt:"",priority:!0})}),(0,r.jsx)("div",{className:b().label__title,children:e.title}),(0,r.jsx)("div",{className:b().label__pointer}),(0,r.jsx)("div",{className:b().label__text,children:e.text})]},t)),_&&(0,r.jsx)(l.P.div,{className:b().product__cta,animate:P,initial:"hidden",variants:g,children:(0,r.jsx)(p.$,{...x,size:"large",appearance:"text",arrow:!0,children:_})})]}),(0,r.jsx)(l.P.div,{className:b().product__media,animate:P,initial:"hidden",variants:v,children:(0,r.jsx)("div",{className:b().product__videoWrap,children:(0,r.jsx)("div",{className:b().product__videoInner,children:(0,r.jsx)("video",{src:null==i?void 0:i.href,autoPlay:!0,playsInline:!0,loop:!0,muted:!0})})})})]})]})}),(0,r.jsx)("video",{className:b().product__videobg,src:"/videos/video-bg2.mp4",playsInline:!0,loop:!0,muted:!0})]})},y=e=>{let{title:t,video:i,segment:n,light:a,ctaText:d,ctaLink:c,items:s}=e;return(0,r.jsx)(m,{heading:(0,r.jsx)(o.s,{render:t}),video:i,items:s,segment:n,light:a,ctaText:d,ctaLink:c})},f=y},80527:(e,t,i)=>{"use strict";i.d(t,{s:()=>s});var r=i(62209),n=i(80007),o=i(9591);function a(){let e=!1,t=new Set,i={subscribe:e=>(t.add(e),()=>void t.delete(e)),start(i,n){(0,r.V)(e,"controls.start() should only be called after a component has mounted. Consider calling within a useEffect hook.");let a=[];

1return t.forEach(e=>{a.push((0,o._)(e,i,{transitionOverride:n}))}),Promise.all(a)},set:i=>((0,r.V)(e,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),t.forEach(e=>{(0,n.VI)(e,i)})),stop(){t.forEach(e=>{e.values.forEach(e=>e.stop())})},mount:()=>(e=!0,()=>{e=!1,i.stop()})};return i}var d=i(53214),c=i(99971);let s=function(){let e=(0,d.M)(a);return(0,c.E)(e.mount,[]),e}},89340:(e,t,i)=>{"use strict";i.d(t,{AL:()=>a,DW:()=>r,eu:()=>n,z0:()=>o});let r={visible:{x:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9]}},hidden:{x:"-40px",opacity:0}},n={visible:{x:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9],delay:.1}},hidden:{x:"-40px",opacity:0}},o={visible:{x:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9],delay:.3}},hidden:{x:"-40px",opacity:0}},a={visible:{y:"0%",opacity:1,transition:{duration:1,ease:[.6,.01,0,.9],delay:.3}},hidden:{y:"40px",opacity:0}}},97315:(e,t,i)=>{"use strict";i.d(t,{Wx:()=>s});var r=i(75834),n=Object.defineProperty,o=new Map,a=new WeakMap,d=0,c=void 0;function s({threshold:e,delay:t,trackVisibility:i,rootMargin:n,root:l,triggerOnce:_,skip:u,initialInView:p,fallbackInView:h,onChange:g}={}){var v;let[x,b]=r.useState(null),m=r.useRef(g),[y,f]=r.useState({inView:!!p,entry:void 0});m.current=g,r.useEffect(()=>{let r;if(!u&&x)return r=function(e,t,i={},r=c){if(void 0===window.IntersectionObserver&&void 0!==r){let n=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}),()=>{}}let{id:n,observer:s,elements:l}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var i;return`${t}_${"root"===t?!(i=e.root)?"0":(a.has(i)||(d+=1,a.set(i,d.toString())),a.get(i)):e[t]}`}).toString(),i=o.get(t);if(!i){let r,n=new Map,a=new IntersectionObserver(t=>{t.forEach(t=>{var i;let o=t.isIntersecting&&r.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=o),null==(i=n.get(t.target))||i.forEach(e=>{e(o,t)})})},e);r=a.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:a,elements:n},o.set(t,i)}return i}(i),_=l.get(e)||[];return l.has(e)||l.set(e,_),_.push(t),s.observe(e),function(){_.splice(_.indexOf(t),1),0===_.length&&(l.delete(e),s.unobserve(e)),0===l.size&&(s.disconnect(),o.delete(n))}}(x,(e,t)=>{f({inView:e,entry:t}),m.current&&m.current(e,t),t.isIntersecting&&_&&r&&(r(),r=void 0)},{root:l,rootMargin:n,threshold:e,trackVisibility:i,delay:t},h),()=>{r&&r()}},[Array.isArray(e)?e.toString():e,x,l,n,_,u,i,h,t]);let P=null==(v=y.entry)?void 0:v.target,T=r.useRef(void 0);x||!P||_||u||T.current===P||(T.current=P,f({inView:!!p,entry:void 0}));let j=[b,y.inView,y.entry];return j.ref=j[0],j.inView=j[1],j.entry=j[2],j}r.Component}}]);