https://hamer-shk.de/_next/static/chunks/4027.85cf0a5f71d853ae.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4027],{22433:function(e,t,i){"use strict";i.r(t);var n=i(59499),a=i(67294),o=i(2261),l=i(52953);i(25194),i(94375),i(18700),i(85140);var r=i(85893);function d(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function s(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?d(Object(i),!0).forEach(function(t){(0,n.Z)(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function c(e){var t=e.colors.map(e=>"".concat(e.color," ").concat(e.position,"%")).join(", ");return"linear-gradient(".concat(e.angle,"deg, ").concat(t,")")}function g(e){if(!e)return{};var t,i,n,a,o,l,r={};switch(e.type){case"color":r.backgroundColor=e.color;break;case"gradient":e.gradient&&(r.backgroundImage=c(e.gradient));break;case"image":e.image&&(r.backgroundImage="url('".concat(e.image,"')"),r.backgroundSize=null!==(t=null===(i=e.imageSettings)||void 0===i?void 0:i.backgroundSize)&&void 0!==t?t:"cover",r.backgroundPosition=null!==(n=null===(a=e.imageSettings)||void 0===a?void 0:a.backgroundPosition)&&void 0!==n?n:"center",r.backgroundRepeat=null!==(o=null===(l=e.imageSettings)||void 0===l?void 0:l.backgroundRepeat)&&void 0!==o?o:"no-repeat");break;case"combined":var d=[];e.gradient&&d.push(c(e.gradient)),e.enableImageOverlay&&e.image&&d.push("url('".concat(e.image,"')")),d.length&&(r.backgroundImage=d.join(", "),r.backgroundSize=d.map(()=>"cover").join(", "),r.backgroundPosition=d.map(()=>"center").join(", ")),e.color&&(r.backgroundColor=e.color),e.overlayBlendMode&&(r.backgroundBlendMode=e.overlayBlendMode)}return r}var u=e=>{var{layer:t,isActive:i}=e;if(!t.visible)return null;var{position:n,style:o,background:l,animations:d}=t,c={position:"absolute",left:n.x,top:n.y,width:n.width,height:n.height,zIndex:t.zIndex},u=s({fontFamily:o.fontFamily,fontSize:o.fontSize,fontWeight:o.fontWeight,color:o.color,width:"100%",height:"100%",display:"flex",boxSizing:"border-box",justifyContent:"center"===o.textAlign?"center":"right"===o.textAlign?"flex-end":"flex-start",alignItems:"center"===o.verticalAlign?"center":"bottom"===o.verticalAlign?"flex-end":"flex-start",padding:o.padding?"".concat(o.padding.top,"px ").concat(o.padding.right,"px ").concat(o.padding.bottom,"px ").concat(o.padding.left,"px"):void 0},g(l)),p=(0,a.useMemo)(()=>Object.values(d).sort((e,t)=>e.delay-t.delay),[d]),f=(0,r.jsx)("div",{className:"sliderv3-layer__inner",style:u,children:(0,r.jsx)("span",{children:t.content})});if(p.length>0){if(i)for(var b=p.length-1;b>=0;b--){var h=p[b];f=(0,r.jsx)("div",{className:"sliderv3-layer__anim",style:{width:"100%",height:"100%",animation:"sliderV3-".concat(h.name," ").concat(h.duration,"ms ").concat(h.easing," ").concat(h.delay,"ms ").concat(0===b?"both":"forwards")},children:f})}else f=(0,r.jsx)("div",{className:"sliderv3-layer__anim",style:{width:"100%",height:"100%",opacity:0}

1,children:f})}return(0,r.jsx)("div",{className:"sliderv3-layer",style:c,children:f})},p={id:"f29cee65-88b3-4dcb-a20e-34c8dfbe6258",name:"My Slider",slides:[{id:"62c190bb-44d9-4d2e-8125-092f3b250e86",name:"Slide 1",duration:5e3,layers:[{id:"5c36a445-bb20-49d6-9f7c-2b24fe24ec99",name:"Title Text",type:"text",content:"Slide 1",position:{x:332,y:129,width:475,height:103},animations:{animation1:{type:"animation1",name:"zoomIn",duration:1e3,delay:0,easing:"ease-in-out"},animation2:{type:"animation2",name:"flipInX",duration:1280,delay:2500,easing:"ease-in-out"}},visible:!0,locked:!1,zIndex:1,style:{fontFamily:"Arial",fontSize:36,fontWeight:"bold",color:"#fb00ff",textAlign:"center",verticalAlign:"center",padding:{top:0,right:0,bottom:0,left:0}},background:{type:"image",image:"https://agentur-id.de/api/attachments/69c6649be4a8f7bfa37e5629",imageSettings:{backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}},{id:"4e892e9e-88bd-4f68-99af-cf337cd5f467",name:"Subtitle Text",type:"text",content:"With Beautiful Animations",position:{x:150,y:250,width:500,height:60},animations:{animation1:{type:"animation1",name:"slideLeft",duration:1200,delay:500,easing:"ease-out"}},visible:!0,locked:!1,zIndex:2,style:{fontFamily:"Arial",fontSize:24,fontWeight:"normal",color:"#666666",textAlign:"center",verticalAlign:"center",padding:{top:0,right:0,bottom:0,left:0}}}],background:{type:"gradient",color:"#FF6B6B",gradient:{type:"linear",angle:45,colors:[{color:"#4dff00",position:0},{color:"#8b5cf6",position:100}]}}},{id:"b7e3bc1d-15b4-4a25-930b-d78199818f4b",name:"Slide 2",duration:5e3,layers:[{id:"ade3f6a0-3294-48cd-909b-81f29c6a4d14",name:"Title Text",type:"text",content:"This is Slide 2",position:{x:100,y:150,width:600,height:80},animations:{animation1:{type:"animation1",name:"slideUp",duration:1200,delay:200,easing:"ease-out"}},visible:!0,locked:!1,zIndex:1,style:{fontFamily:"Arial",fontSize:36,fontWeight:"bold",color:"#FFFFFF",textAlign:"center",verticalAlign:"center",padding:{top:0,right:0,bottom:0,left:0}}}],background:{type:"combined",color:"#4ECDC4",gradient:{type:"linear",angle:45,colors:[{color:"rgba(59, 130, 246, 0.46)",position:0},{color:"#8b5cf6",position:77}]},enableImageOverlay:!0,overlayBlendMode:"normal",image:"https://agentur-id.de/api/attachments/69c6649be4a8f7bfa37e5629"}},{id:"2d2e0521-288d-4c4b-a370-e970dc9d0f82",name:"Slide 3",duration:5e3,layers:[{id:"ff9c5e7a-24cc-45a2-8a00-ca2604be9c18",name:"Title Text",type:"text",content:"Final Slide",position:{x:100,y:200,width:600,height:80},animations:{animation1:{type:"animation1",name:"zoomIn",duration:1500,delay:300,easing:"ease-in-out"}},visible:!0,locked:!1,zIndex:1,style:{fontFamily:"Arial",fontSize:36,fontWeight:"bold",color:"#333333",textAlign:"center",verticalAlign:"center",padding:{top:0,right:0,bottom:0,left:0}}}],background:{type:"color",color:"#45B7D1"}}],settings:{width:1920,height:800,autoplay:!0,loop:!0,pauseOnHover:!0,navigation:!0,pagination:!0,transitionType:"fade",transitionDuration:500,defaultSlideDuration:5e3,previewMode:"all",responsiveMode:"height-only"}},f=e=>{var t,i=null!==(t=e.data)&&void 0!==t?t:e.content,n=null!=i&&i.slides&&null!=i&&i.settings?i:p;console.log("slider running");var d=(0,a.useRef)(null),{0:c,1:f}=(0,a.useState)(1),{0:b,1:h}=(0,a.useState)(0),{0:v,1:m}=(0,a.useState)(0),{0:y,1:x}=(0,a.useState)(!1),k=null==n?void 0:n.settings,S=null==n?void 0:n.slides;(0,a.useEffect)(()=>{var e=d.current;if(e&&k){var t=()=>{var t=e.clientWidth;t>0&&f(t/k.width)};t();var i=new ResizeObserver(t);return i.observe(e),()=>i.disconnect()}},[null==k?void 0:k.width]);var w=(0,a.useMemo)(()=>{if(!k)return[l.s5];var e=[l.s5];return k.navigation&&e.push(l.W_),k.pagination&&e.push(l.tl),k.autoplay&&e.push(l.pt),"fade"===k.transitionType&&e.push(l.xW),e},[null==k?void 0:k.navigation,null==k?void 0:k.pagination,null==k?void 0:k.autoplay,null==k?void 0:k.transitionType]),j=(0,a.useCallback)(e=>{h(e.realIndex),m(e=>e+1)},[]),O=(0,a.useCallback)(()=>{x(!0)},[]);return null!=S&&S.length&&k?(0,r.jsx)("div",{ref:d,className:"sliderv3",style:{width:"100%",height:k.height*c,position:"relative",overflow:"hidden"},children:(0,r.jsx)(o.tq,{className:"sliderv3__swiper",modules:w,slidesPerView:1,loop:k.loop,speed:k.transitionDuration,effect:"fade"===k.transitionType?"fade":void 0,fadeEffect:"fade"===k.transitionType?{crossFade:!0}:void 0,autoplay:!!k.autoplay&&{delay:k.defaultSlideDuration,disableOnInteraction:!1,pauseOnMouseEnter:k.pauseOnHover},navigation:k.navigation,pagination:!!k.pagination&&{clickable:!0},onSlideChange:j,onSwiper:O,simulateTouch:!1,a11y:{enabled:!0,prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"First slide",lastSlideMessage:"Last slide"},style:{width:"100%",height:"100%"},children:S.map((e,t)=>{var i=y&&t===b;return(0,r.jsx)(o.o5,{"data-swiper-autoplay":e.duration,children:(0,r.jsx)("div",{className:"sliderv3-slide",style:s({width:k.width,height:k.height,transform:"scale(".concat(c,")"),transformOrigin:"top left",position:"relative",overflow:"hidden"},g(e.background)),children:e.layers.map(e=>(0,r.jsx)(u,{layer:e,isActive:i},"".concat(e.id,"-").concat(i?v:"off")))})},e.id)})})}):null};t.default=f},85140:function(){},18700:function(){}}]);