https://www.victronenergy.fr/static/build/assets/ImageTextSlider-ccf7ebb9.js

1import{r as m,j as e}from"./index-c1926ae5.js";import{d as y,I as f}from"./icon-play-fbc5fe22.js";import{g as l}from"./index-10963069.js";import{S as N}from"./ScrollToPlugin-1bb62f7c.js";import{S}from"./core-1b78b535.js";/* empty css                       *//* empty css                        */import{F as i}from"./message-8cbef400.js";const C="/static/build/assets/victron-connect-img02-d8da1903.webp",k="/static/build/assets/victron-connect-img03-62dc5e19.webp",V="/static/build/assets/video-poster-victron-connect-01-2d868364.webp",A="/static/build/assets/victron-connect-01-00e8d371.mp4";l.registerPlugin(N);function W(){var a;const h=t=>{a||(a=t)},[v,b]=m.useState(null),[p,j]=m.useState(null),g=t=>{var x=t.getBoundingClientRect(),s=a.querySelector(".image-text-slider-block .swiper-scrollbar").getBoundingClientRect();const c=x.left-s.left;l.to(a.querySelector(".image-text-slider-block .swiper-scrollbar-drag"),{width:t.clientWidth,x:c}),l.to(a.querySelector(".swiper-scrollbar-container"),{scrollTo:{x:c}})},u=t=>{v.slideTo(t),p.pause()},[M,w]=m.useState(!1);m.useEffect(()=>{async function t(){await document.fonts.ready,w(!0);const s=document.querySelectorAll(".connect-page .swiper-scrollbar-labels-holder .swiper-scrollbar-label")[0];g(s)}new S(".connect-page .image-text-slider",{speed:1400,watchSlidesProgress:!0,allowTouchMove:!1,on:{activeIndexChange:function(){const r=a.querySelectorAll(".swiper-scrollbar-labels-holder .swiper-scrollbar-label");for(const c of r)c.classList.remove("active");const s=r[this.activeIndex];s.classList.add("active"),g(s)},init:function(){b(this),l.set(`.connect-page #image-text-slider__slide-text--${this.realIndex}`,{autoAlpha:1})},sliderMove:function(){l.to(`.connect-page #image-text-slider__slide-text--${this.realIndex}`,{autoAlpha:0,duration:.4,delay:.2,ease:"power2.out"})},transitionStart:function(){const r=document.querySelectorAll(".connect-page .image-text-slider .image-text-slider__slide-text");for(let d=0;d<r.length;d++){const n=r[d];l.to(n,{autoAlpha:0,duration:.4,delay:.2,ease:"power2.out",onComplete:()=>{n.classList.remove("visible"),d===this.realIndex&&(n.classList.add("visible"),l.to(n,{autoAlpha:1,duration:.6,ease:"power2.out"}))}})}for(var s=0;s<this.slides.length;s++){var c=this.slides[s].progress,o=c;console.log(o),o<0?(console.log("innerTranslate < 0 ",1+o/-5*5),l.to(this.slides[s].querySelector(".image-text-slider__image"),{scaleX:1+o/-5*5,scaleY:1+o/-5*5,ease:"power2.out",duration:1.7})):(console.log("else =",1+o/5*5),l.to(this.slides[s].querySelector(".image-text-slider__image"),{scaleX:1+o/5*5,scaleY:1+o/5*5,ease:"power2.out",duration:1.7}))}}}}),t();const x=a.querySelector("#video01");j(x)},[]);const _=t=>{p.play(),l.to(a.querySelectorAll(".video__poster-holder")[t-1],{autoAlpha:0,pointerEvents:"none",duration:.6,ease:"Power2.out"})};return e.jsxs("div",{className:"image-text-slider-block container",ref:h,children:[e.jsx("div",{className:"anchor",id:"connections"}),e.jsxs("div",{className:"image-text-slider-block__title-holder text-center","data-unreveal":!0,children:[e.jsx("img",{src:y,alt:"small background pattern",className:"image-text-slider-block__bg",loading:"lazy"}),e.jsx("p",{className:"color--grey600  announcer-wide","data-reveal":!0,children:e.jsx(i,{id:"BxKjxX",defaultMessage:[{type:0,value:"the connectivity options are endless"}]})}),e.jsx("h2",{className:"container--small color--text-black","data-title-stagger-reveal":!0,children:e.jsx(i,{id:"Fgcmcg",defaultMessage:[{type:0,value:"Connect with VictronConnect"}]})})]}),e.jsxs("div",{className:"image-text-slider swiper","data-reveal":!0,children:[e.jsxs("div",{className:"swiper-wrapper",children:[e.jsx("div",{className:"swiper-slide",children:e.jsx("div",{className:"image-text-slider__image-holder",children:e.jsx("div",{className:"image-text-slider__image-holder",children:e.jsx("img",{src:C,className:"image-text-slider__image",loading:"lazy"})})})}),e.jsx("div",{className:"swiper-slide",children:e.jsx("div",{className:"image-text-slider__image-holder",children:e.jsxs("div",{className:"image-text-slider__image",children:[e.jsxs("div",{className:"video__poster-holder",children:[e.jsx("img",{src:V,className:"video__poster",loading:"lazy"}),e.jsx("div",{className:"icon-play-holder",onClick:_.bind(this,1),children:e.jsx(f,{})})]}),e.jsxs("video",{controls:!0,className:"video",id:"video01",preload:"none",children:[e.jsx("source",{src:A,type:"video/mp4"}),e.jsx(i,{id:"LyOAnu",defaultMessage:[{type:0,value:"Your browser does not support the video tag."}]})]})]})})}),e.jsx("div",{className:"swiper-slide",children:e.jsx("div",{className:"image-text-slider__image-holder",children:e.jsx("img",{src:k,className:"image-text-slider__image",loading:"lazy"})})})]}),e.jsx("div",{className:"swiper-scrollbar-container",children:e.jsxs("div",{className:"swiper-scrollbar-holder",children:[e.jsxs("div",{className:"swiper-scrollbar-labels-holder",children:[e.jsx("div",{className:"swiper-scrollbar-label body-title active",onClick:u.bind(this,0),children:e.jsx(i,{id:"G0feJj",defaultMessage:[{type:0,value:"Smart products"}]})}),e.jsx("div",{className:"swiper-scrollbar-label body-title",onClick:u.bind(this,1),children:e.jsx(i,{id:"4PmPJg",defaultMessage:[{type:0,value:"VictronConnect - Remote"}]})}),e.jsx("div",{className:"swiper-scrollbar-label body-title",onClick:u.bind(this,2),children:e.jsx(i,{id:"tsoZRV",defaultMessage:[{type:0,value:"Upgrade non-smart products"}]})})]}),e.jsx("div",{className:"swiper-scrollbar",children:e.jsx("div",{className:"swiper-scrollbar-drag"})})]})}),e.jsxs("div",{children:[e.jsx("div",{className:"image-text-slider__slide-text text-center visible",id:"image-text-slider__slide-text--0",children:e.jsx("p",{className:"title-small",children:e.jsx(i,{id:"+XARvT",defaultMessage:[{type:0,value:"Smart products easily establish a local connection to the app via Bluetooth. Other products may use Wifi or LAN to get connected. Check the product’s datasheets to see if they work with VictronConnect."}]})})}),e.jsx("div",{className:"image-text-slider__slide-text text-center",id:"image-text-slider__slide-text--1",children:e.jsx("p",{className:"title-small",children:e.jsx(i,{id:"Go/tL3",defaultMessage:[{type:0,value:"Enable VictronConnect-Remote with a remote communication device to see all your connected products in the VictronConnect app from wherever you are."}]})})}),e.jsx("div",{className:"image-text-slider__slide-text text-center",id:"image-text-slider__slide-text--2",children:e.jsx("p",{className:"title-small",children:e.jsx(i,{id:"ko7uOH",defaultMessage:[{type:0,value:"Not all Victron products come with Bluetooth or Wifi connections. However, products with VE.direct and VE.Bus communication ports can be upgraded with special Bluetooth dongles, so they work with VictronConnect."}]})})})]})]}),e.jsx("div",{className:"anchor",id:"demos"})]})}

1export{W as default};