https://autozentrumduisburg.de/_next/static/chunks/6538.b73e536186ca651a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6538],{86538:(e,t,o)=>{o.r(t),o.d(t,{default:()=>H});var n=o(62888),i=o(8334),u=o(91524),a=o(62017),r=o(8159),p=o(86116),l=o(20061);let s={hourly:3600,daily:86400,weekly:604800,monthly:263e4},d=["left-pane","right-pane","left-slide-in","right-slide-in","modal"],h=["top-bar","bottom-bar"],m=[{key:"title",tag:"h2",className:"popup-title"},{key:"sub_title",tag:"h3",className:"popup-subtitle"},{key:"description",tag:"p",className:"popup-description"}];function f(e){return{target:e,..."_blank"===e&&{rel:"noreferrer"}}}function c({texts:e}){if(!e)return null;let t=m.filter(t=>e[t.key]?.text);return t.length?(0,n.jsx)("div",{className:"popup-texts",children:t.map(({key:t,tag:o,className:i})=>(0,n.jsx)(o,{className:i,style:function(e){if(!e)return;let t={};if(e.color&&(t.color=e.color),e.size&&(t.fontSize=`${e.size}px`),Object.keys(t).length)return t}(e[t]),children:e[t]?.text},t))}):null}var k=o(63905),g=o(87466);let P=g.Ay.div.withConfig({componentId:"sc-75cebc75-0"})(["display:",";flex-wrap:",";justify-content:",";gap:",";.popup-button{display:",";align-items:",";justify-content:",";padding:",";border:",";border-radius:",";font-size:",";cursor:",";transition:",";text-decoration:",";&:hover,&:focus,&:active{opacity:",";}}.popup-button-outline{background:",";border:",";}"],e=>e.theme.token?.featurePopupButtonsDisplay,e=>e.theme.token?.featurePopupButtonsFlexWrap,e=>e.theme.token?.featurePopupButtonsJustifyContent,e=>e.theme.token?.featurePopupButtonsGap,e=>e.theme.token?.featurePopupButtonDisplay,e=>e.theme.token?.featurePopupButtonAlignItems,e=>e.theme.token?.featurePopupButtonJustifyContent,e=>e.theme.token?.featurePopupButtonPadding,e=>e.theme.token?.featurePopupButtonBorder,e=>e.theme.token?.featurePopupButtonBorderRadius,e=>e.theme.token?.featurePopupButtonFontSize,e=>e.theme.token?.featurePopupButtonCursor,e=>e.theme.token?.featurePopupButtonTransition,e=>e.theme.token?.featurePopupButtonTextDecoration,e=>e.theme.token?.featurePopupButtonHoverOpacity,e=>e.theme.token?.featurePopupButtonOutlineBackground,e=>e.theme.token?.featurePopupButtonOutlineBorder);function x({buttons:e,pdf:t}){return e.length?(0,n.jsx)(P,{className:"popup-buttons",children:e.map(e=>{let o=e.downloadPdf&&t?.public_url?{href:t.public_url,download:t.name,...f(e.target)}:e.url?{href:e.url,...f(e.target)}:null,i="outline"===e.buttonType?{borderColor:e.color||void 0,color:e.textColor||e.color||void 0}:{backgroundColor:e.color||void 0,color:e.textColor||void 0},u=`${e.text}-${e.url}-${e.buttonType}`,a="outline"===e.buttonType?"popup-button popup-button-outline":"popup-button";return o?.download?(0,n.jsx)("a",{className:a,style:i,...o,children:e.text},u):o?(0,n.jsx)(k.N_,{className:a,style:i,...o,children:e.text},u):(0,n.jsx)("button",{type:"button",className:a,style:i,children:e.text},u)})}):null}var y=o(76354),b=o(43533);let C=g.Ay.div.withConfig({componentId:"sc-b8dbd53c-0"})(["position:",";inset:",";z-index:",";flex:",";min-width:",";width:",";height:",";overflow:",";@media (width < 768px){height:",";}a{display:",";width:",";height:",";}.img-wrapper{display:",";width:",";height:",";}img{width:",";height:",";object-fit:",";}"],e=>e.theme.token?.featurePopupMediaPosition,e=>e.theme.token?.featurePopupMediaInset,e=>e.theme.token?.featurePopupMediaZIndex,e=>e.theme.token?.featurePopupMediaFlex,e=>e.theme.token?.featurePopupMediaMinWidth,e=>e.theme.token?.featurePopupMediaWidth,e=>e.theme.token?.featurePopupMediaHeight,e=>e.theme.token?.featurePopupMediaOverflow,e=>e.theme.token?.featurePopupMediaHeightMD,e=>e.theme.token?.featurePopupMediaLinkDisplay,e=>e.theme.token?.featurePopupMediaLinkWidth,e=>e.theme.token?.featurePopupMediaLinkHeight,e=>e.theme.token?.featurePopupMediaImgWrapperDisplay,e=>e.theme.token?.featurePopupMediaImgWrapperWidth,e=>e.theme.token?.featurePopupMediaImgWrapperHeight,e=>e.theme.token?.featurePopupMediaImgWidth,e=>e.theme.token?.featurePopupMediaImgHeight,e=>e.theme.token?.featurePopupMediaImgObjectFit);function v({videoId:e,autoplay:t,muted:o}){return(0,n.jsx)(C,{className:"popup-media",children:(0,n.jsx)(b.A,{videoId:e,opts:{width:"100%",height:"100%",playerVars:{autoplay:+!!t,mute:t||o?1:0}}})})}function B({image:e,video:t}){let o=function(e){let{url:t,autoplay:o=!1,muted:n=!1}=e||{};if(!t)return null;let i=(0,l.A)(t);return i?{videoId:i,autoplay:o,muted:n}:null}(t);if(o)return(0,n.jsx)(v,{...o});if(!e?.image_file)return null;let i=e.image_file.sizes?.original,u=(0,n.jsx)(y.E9,{data:e.image_file,config:{width:i?.width,height:i?.he

1ight,gravity:{type:"no"},resizing_type:"fit"},alt:e.alt_text||""});return e.target_url?(0,n.jsx)(C,{className:"popup-media",children:(0,n.jsx)(k.N_,{href:e.target_url,children:u})}):(0,n.jsx)(C,{className:"popup-media",children:u})}var w=o(22338);let _=e=>(0,g.AH)(["animation-name:",";animation-duration:",";animation-timing-function:",";"],e,e=>e.theme.token?.featurePopupAnimationDuration,e=>e.theme.token?.featurePopupAnimationEasing),j=e=>(0,g.AH)([""," animation-fill-mode:",";"],_(e),e=>e.theme.token?.featurePopupExitAnimationFillMode),A={"left-pane":(0,g.AH)(["top:50%;left:24px;max-width:calc(100vw - 48px);transform:translate(0,-50%);",""],_(w.e8)),"right-pane":(0,g.AH)(["top:50%;right:24px;max-width:calc(100vw - 48px);transform:translate(0,-50%);",""],_(w.D5)),"left-slide-in":(0,g.AH)(["left:16px;bottom:16px;max-width:calc(100vw - 32px);",""],_(w.K0)),"right-slide-in":(0,g.AH)(["right:16px;bottom:16px;max-width:calc(100vw - 32px);",""],_(w.xA)),"top-bar":(0,g.AH)(["top:20px;left:20px;right:20px;",""],_(w.MR)),"bottom-bar":(0,g.AH)(["bottom:20px;left:20px;right:20px;",""],_(w.Oh)),modal:(0,g.AH)(["top:50%;left:50%;max-width:calc(100vw - 32px);transform:translate(-50%,-50%);",""],_(w.yT))},M={"left-pane":j(w.NV),"right-pane":j(w.QL),"left-slide-in":j(w.pz),"right-slide-in":j(w.SI),"top-bar":j(w.Nq),"bottom-bar":j(w.bx),modal:j(w.hI)},N=g.Ay.div.withConfig({componentId:"sc-1e95a61e-0"})([".popup-overlay{position:",";inset:",";z-index:",";background:",";animation-name:",";animation-duration:",";animation-timing-function:",";","}.popup-container{position:",";z-index:",";overflow:",";max-height:",";background:",";border-radius:",";box-shadow:",";"," ","}.popup-body{position:",";display:",";flex-direction:",";align-items:",";gap:",";height:",";min-height:",";@media (width < 768px){flex-direction:",";}}.popup-content{position:",";z-index:",";display:",";flex-direction:",";justify-content:",";align-items:",";flex:",";min-width:",";padding:",";}.popup-close-button{position:",";top:",";right:",";z-index:",";display:",";align-items:",";justify-content:",";width:",";height:",";padding:",";border:",";border-radius:",";background:",";cursor:",";font-size:",";color:",";line-height:",";}"],e=>e.theme.token?.featurePopupOverlayPosition,e=>e.theme.token?.featurePopupOverlayInset,e=>e.theme.token?.featurePopupOverlayZIndex,e=>e.theme.token?.featurePopupOverlayBackground,w.qG,e=>e.theme.token?.featurePopupOverlayAnimationDuration,e=>e.theme.token?.featurePopupOverlayAnimationEasing,e=>e.$isClosing&&(0,g.AH)(["animation-name:",";animation-fill-mode:",";pointer-events:",";"],w.Xn,e=>e.theme.token?.featurePopupOverlayFadeOutAnimationFillMode,e=>e.theme.token?.featurePopupOverlayFadeOutPointerEvents),e=>e.theme.token?.featurePopupContainerPosition,e=>e.theme.token?.featurePopupContainerZIndex,e=>e.theme.token?.featurePopupContainerOverflow,e=>e.theme.token?.featurePopupContainerMaxHeight,e=>e.theme.token?.featurePopupContainerBackground,e=>e.theme.token?.featurePopupContainerBorderRadius,e=>e.theme.token?.featurePopupContainerBoxShadow,e=>A[e.$layoutType],e=>e.$isClosing&&M[e.$layoutType],e=>e.theme.token?.featurePopupBodyPosition,e=>e.theme.token?.featurePopupBodyDisplay,e=>e.theme.token?.featurePopupBodyFlexDirection,e=>e.theme.token?.featurePopupBodyAlignItems,e=>e.theme.token?.featurePopupBodyGap,e=>e.theme.token?.featurePopupBodyHeight,e=>e.theme.token?.featurePopupBodyMinHeight,e=>e.theme.token?.featurePopupBodyFlexDirectionMD,e=>e.theme.token?.featurePopupContentPosition,e=>e.theme.token?.featurePopupContentZIndex,e=>e.theme.token?.featurePopupContentDisplay,e=>e.theme.token?.featurePopupContentFlexDirection,e=>e.theme.token?.featurePopupContentJustifyContent,e=>e.theme.token?.featurePopupContentAlignItems,e=>e.theme.token?.featurePopupContentFlex,e=>e.theme.token?.featurePopupContentMinWidth,e=>e.theme.token?.featurePopupContentPadding,e=>e.theme.token?.featurePopupCloseButtonPosition,e=>e.theme.token?.featurePopupCloseButtonTop,e=>e.theme.token?.featurePopupCloseButtonRight,e=>e.theme.token?.featurePopupCloseButtonZIndex,e=>e.theme.token?.featurePopupCloseButtonDisplay,e=>e.theme.token?.featurePopupCloseButtonAlignItems,e=>e.theme.token?.featurePopupCloseButtonJustifyContent,e=>e.theme.token?.featurePopupCloseButtonWidth,e=>e.theme.token?.featurePopupCloseButtonHeight,e=>e.theme.token?.featurePopupCloseButtonPadding,e=>e.theme.token?.featurePopupCloseButtonBorder,e=>e.theme.token?.featurePopupCloseButtonBorderRadius,e=>

1e.theme.token?.featurePopupCloseButtonBackground,e=>e.theme.token?.featurePopupCloseButtonCursor,e=>e.theme.token?.featurePopupCloseButtonFontSize,e=>e.theme.token?.featurePopupCloseButtonColor,e=>e.theme.token?.featurePopupCloseButtonLineHeight);function I({template:e,isClosing:t,onClose:o}){let i,{layout:r,image:p,video:l,text:s,pdf:m}=e,{t:f}=(0,a.Bd)("common"),k=(0,u.useRef)(null),g=(i=e.buttons,i?.filter(e=>!!e.text)??[]),P=d.includes(r.layout_type);return(0,u.useEffect)(()=>{let e=e=>{"Escape"===e.key&&o()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),(0,u.useEffect)(()=>{let e=document.activeElement;if(!(e&&e!==document.body))return k.current?.focus(),()=>e?.focus()},[k]),(0,n.jsxs)(N,{className:"widget-popup",$layoutType:r.layout_type,$isClosing:t,children:[P&&(0,n.jsx)("div",{className:"popup-overlay",role:"presentation",onClick:o}),(0,n.jsxs)("div",{ref:k,className:"popup-container",role:"dialog",tabIndex:-1,style:function(e){let t={};if(e.background_color&&(t.background=e.background_color),!h.includes(e.layout_type)&&e.width&&(t.width=`min(${e.width}px, 100vw)`),Object.keys(t).length)return t}(r),children:[r.close_button?.show&&(0,n.jsx)("button",{type:"button",className:"popup-close-button",style:function(e){let{color:t,backgroundColorOpacity:o}=e;return{color:t||void 0,backgroundColor:"number"==typeof o?`rgba(0, 0, 0, ${o/100})`:void 0}}(r.close_button),onClick:o,"aria-label":f("close"),children:"✕"}),(0,n.jsxs)("div",{className:"popup-body",children:[(0,n.jsxs)("div",{className:"popup-content",children:[(0,n.jsx)(c,{texts:s}),(0,n.jsx)(x,{buttons:g,pdf:m})]}),(0,n.jsx)(B,{image:p,video:l})]})]})]})}function H(e){let{widget:t}=(0,i.lA)(e),o=t?.data?.popup_template,{isPopupOpen:a,isClosing:l,closePopup:d}=function({template:e}){let t=e?.dates,o=t?.ttl,[n,i]=(0,u.useState)(!1),[a,l]=(0,u.useState)(!1),d=(0,u.useRef)(!1),h=(0,u.useCallback)(()=>{d.current||(d.current=!0,l(!0))},[]),m=(0,u.useCallback)(()=>{let o;if(!e||!p.Af||d.current)return;let n=t?.active_from?new Date(t.active_from):null,u=t?.active_to?new Date(t.active_to):null,a=new Date;if(!e.active||!((!n||a>=n)&&(!u||a<=u)))return;if(t?.repeat)return void i(!0);let l=(o=e.id,`popup_last_shown_${o}`),h=Number((0,r.Gq)(l))||0,m=Math.floor(Date.now()/1e3);if(t?.repeat_period){let e=s[t.repeat_period]||0;if(e<=0)return;m-h>=e&&((0,r.SO)(l,m),i(!0));return}h||((0,r.SO)(l,m),i(!0))},[e,t]);return(0,u.useEffect)(()=>{let e=setTimeout(()=>m(),250);return()=>clearTimeout(e)},[m]),(0,u.useEffect)(()=>{if(!a)return;let e=setTimeout(()=>{i(!1),l(!1)},400);return()=>clearTimeout(e)},[a]),(0,u.useEffect)(()=>{if(!n||!o)return;let e=setTimeout(()=>h(),1e3*o);return()=>clearTimeout(e)},[n,o,h]),{isPopupOpen:n,isClosing:a,closePopup:h}}({template:o});return o&&a?(0,n.jsx)(I,{template:o,isClosing:l,onClose:d}):null}}}]);