059ea0da0d89f521.js

js ionos.de collected 2026-10-01 08:32:17 UTC 97,189 bytes, 3 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,761554,e=>{"use strict";e.i(350461);var t=e.i(391398);e.i(455207);var a=e.i(508767),s=e.i(191788);e.i(790563);var l=e.i(538467),r=e.i(775141),i=e.i(21003),n=e.i(397783),o=e.i(876797),c=e.i(408956),w=e.i(112173),d=e.i(448780),u=e.i(102378),m=e.i(947963);let p=({content:e})=>{let[r,p]=(0,s.useState)(!1),x=(0,o.useAnimation)(),h=(0,l.useBreakpoint)("lg");return((0,s.useEffect)(()=>{x.start(r?"open":"collapsed")},[x,r]),e&&e.headline&&e.items&&0!==e.items.length)?(0,t.jsx)("div",{className:"tw-mb-16 tw-rounded-2xl tw-bg-white tw-p-32",children:h?(0,t.jsx)(n.LazyMotion,{features:i.domAnimation,children:(0,t.jsxs)("button",{onClick:()=>p(!r),className:"tw-flex tw-w-full tw-cursor-pointer tw-items-start tw-gap-12 tw-text-left","aria-expanded":r,children:[(0,t.jsx)("span",{className:"tw-flex-1 tw-font-overpass-semibold tw-text-2xl md:tw-mr-40",children:e.headline.value}),e.items.map((e,s)=>(0,t.jsxs)("div",{className:"tw-flex tw-min-w-140 tw-flex-1 tw-flex-row tw-gap-14",children:[(0,t.jsx)("div",{className:"tw-w-24 tw-min-w-24",children:(0,t.jsx)(u.IonosCheckmark,{className:"tw-min-h-24 tw-min-w-24"})}),(0,t.jsxs)(c.m.div,{initial:"collapsed",animate:x,exit:"collapsed",className:"tw-flex-1",transition:{duration:.3},children:[(0,t.jsx)("p",{className:(0,a.classNames)("tw-min-h-72 tw-font-overpass-semibold xl:tw-min-h-48"),children:e.headline.value}),e.text&&(0,t.jsx)(c.m.p,{className:"tw-mt-12 tw-h-0 tw-overflow-hidden tw-opacity-0",variants:{collapsed:{opacity:0,scale:.9,height:0},open:{opacity:1,scale:1,height:"auto"}},transition:{duration:.3},children:(0,t.jsx)(m.Markdown,{noMarkdownWrapperDiv:!0,children:e.text.value})})]},"content")]},s)),(0,t.jsx)("div",{className:"tw-mt-16 tw-flex tw-h-20 tw-min-w-40 lg:tw-min-w-0",children:(0,t.jsx)(c.m.div,{tabIndex:0,className:"",animate:{rotate:r?"-180deg":0},"aria-label":"Toggle details","aria-expanded":r,children:(0,t.jsx)(d.ChevronDown,{className:"tw-min-h-20 tw-min-w-20 tw-text-ionos-blue-800"})},"ArrowDown")})]})}):(0,t.jsxs)("div",{className:"tw-flex tw-w-full tw-cursor-pointer tw-flex-col tw-items-start tw-gap-16 tw-text-left md:tw-flex-row",children:[(0,t.jsx)("span",{className:"tw-font-overpass-semibold tw-text-2xl md:tw-mr-40",children:e.headline.value}),(0,t.jsx)("div",{className:"tw-grid tw-gap-16 md:tw-grid-cols-2",children:e.items.map((e,s)=>(0,t.jsxs)("div",{className:"tw-flex tw-gap-14",children:[(0,t.jsx)("div",{className:"tw-w-24 tw-min-w-24",children:(0,t.jsx)(u.IonosCheckmark,{className:"tw-min-h-24 tw-min-w-24"})}),(0,t.jsx)(w.Tooltip,{text:e?.text?.value,children:(0,t.jsx)("span",{className:(0,a.classNames)("tw-cursor-pointer tw-border-b-2 tw-border-dotted tw-border-ionos-blue-800"),children:e?.headline?.value})},s)]},s))})]})}):null},x=e=>{let t,a,s;function l(t,s){a.x-=t.deltaX,a.y-=t.deltaY,e.container.dispatchEvent(new CustomEvent(s,{detail:{x:a.x,y:a.y}}))}function r(e){if(Math.abs(e.deltaX)>Math.abs(e.deltaY)){(e.preventDefault(),!s)&&(a={x:e.pageX,y:e.pageY},l(e,"ksDragStart"),s=!0);l(e,"ksDrag"),clearTimeout(t),t=setTimeout(()=>{s=!1,l(e,"ksDragEnd")},50)}}e.on("created",()=>{e.container.addEventListener("wheel",r,{passive:!1})})};var h=e.i(218395),f=e.i(471631);e.i(178630);var b=e.i(638888),g=e.i(189544);e.i(489932);var v=e.i(735285);e.i(896099);var j=e.i(602853);let N=(e,t,a,l,r)=>{let[i,n]=(0,s.useState)(null),[o,c]=(0,s.useState)(null),{setCurrentPrice:w}=(0,s.useContext)(j.priceServiceContext),[d,u]=(0,s.useState)(),[m,p]=(0,s.useState)(),[x,h]=(0,s.use

1State)(""),[f,b]=(0,s.useState)(r),[g,v]=(0,s.useState)(0),N=async s=>{let r=s.price??await w(s.articleId,e,s.orderFactor),i=t?.articleCollections[0]?.articles;if(i&&Array.isArray(i)){let e=i.filter(e=>e.articleId===s.articleId)[0];e&&e.details&&(p(e.details),h(e.header),b(e.saveBasketProps),v(Math.abs(e.details.length-a.length)))}n(r),c("new"===l()?s.orderLinkNewCheckout:s.orderLink)};return(0,s.useEffect)(()=>{(async()=>{d&&(d.orderFactor?n(await w(d.articleId,e,d.orderFactor)):n(await w(d.articleId,e)),c(d.orderLink))})()},[d]),{selectedVariantPrice:i,selectedVariantOrderLink:o,dropDownArticle:d,setDropDownArticle:u,dropdownDetails:m,productLabel:x,additionalBasketProps:f,diff:g,onSelectUpdatePrice:N}},y=({item:e,refer:l,productLabel:r})=>{let[i,n]=(0,s.useState)("");return((0,s.useEffect)(()=>{if(e){let t;n(((t=new DOMParser().parseFromString(e,"text/html")).body.querySelectorAll("h3").forEach(e=>{e.classList.add("tw-flex","tw-flex-col","tw-w-full","tw-mb-8","tw-font-overpass-bold","tw-text-3xl")}),t.body.querySelectorAll("p").forEach(e=>{e.classList.add("tw-font-sans-semi-bold","tw-items-center","tw-w-full","tw-pb-16")}),t.body.innerHTML))}},[e]),e)?(0,t.jsxs)("div",{className:(0,a.classNames)("tw-w-full tw-pb-40"),children:[!r&&i&&(0,t.jsx)("div",{ref:l,className:"equal-height-headlines",children:(0,t.jsx)(m.Markdown,{className:(0,a.classNames)({"tw-pb-16":r}),components:{h3:({children:e})=>(0,t.jsx)("h3",{className:(0,a.classNames)("tw-flex tw-w-full tw-flex-col tw-font-overpass-bold tw-text-2xl",{"tw-mb-8":r}),children:e}),p:({children:e})=>(0,t.jsx)("p",{className:(0,a.classNames)("tw-w-full tw-items-center tw-font-sans-regular",{"tw-pb-16":r}),children:e})},children:e})}),r&&(0,t.jsx)("div",{ref:l,className:"equal-height-headlines",children:(0,t.jsx)(m.Markdown,{children:e})})]}):null},k=({data:e,tableLength:s,productLabel:l,refer:r})=>(0,t.jsx)("div",{className:(0,a.classNames)("tw-relative tw-flex tw-w-auto tw-flex-none tw-flex-col tw-items-center",{"tw-gap-[5px]":s>3}),children:e?.map((e,a)=>0===a&&(0,t.jsx)(y,{item:e,refer:r,productLabel:l},a))});e.i(915242);var C=e.i(925784),S=e.i(604879);let I=({cmsIdentifier:e,onVisiblityChange:l,variantsDataResponse:r,orderLink:i,orderLinkNewCheckout:n,offCanvasBasket:o,locales:c})=>{let w=r[e],[d,u]=(0,s.useState)(e),[m,p]=(0,s.useState)(w.variants.find(e=>

1!0===e.productVariantDefault).cmsModel.variant),[x,h]=(0,s.useState)(""),{headline:f,month:b,months:g,footerBefore:v,footerMiddle:j,footerAfter:N,setupFee:y,setupFeeAfter:k,total:I,cta:D,freeDomain:P,klarna:O}=c,T=({variant:e})=>Math.round((e.cmsData.billingFactor<=e.cmsData.discountDuration||0===e.cmsData.discountDuration?e.cmsData.billingFactor*e.cmsData.basicFee:e.cmsData.discountDuration*e.cmsData.basicFee+(e.cmsData.billingFactor-e.cmsData.discountDuration)*e.cmsData.basicFeeStandard)*100)/100,L=e=>String(Number.isInteger(e)?e.toFixed(0):e.toFixed(2)).replace(".",",")+" â¬";return i.url=i.url.replace(/\&variant=[^&]*/g,""),""!=x&&(i.url=i.url+"&variant="+m.replace(/ /g,"")),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"tw-flex tw-flex-col tw-bg-white",children:[(0,t.jsxs)("div",{className:"tw-relative tw-z-10 tw-flex tw-items-center tw-p-24",children:[(0,t.jsx)(S.OffCanvasCheckmarkUrl,{width:30,height:30}),(0,t.jsx)("div",{className:"tw-ml-12 tw-grow tw-text-left tw-text-md",children:""!==o.headline?o.headline:f}),(0,t.jsx)("button",{className:"tw-h-20 tw-w-20",onClick:e=>{e.target,l(!1)},children:(0,t.jsx)(S.OffCanvasCloseUrl,{width:20,height:20})})]}),(0,t.jsxs)("div",{className:(0,a.classNames)("duration-slider-toggle-free-domain tw-relative tw-top-0 tw-z-0 tw-flex tw-items-center tw-border-purple-700 tw-bg-purple-100 tw-p-24 tw-font-sans-regular tw-text-sm tw-text-purple-700 tw-shadow-md",{"tw-hidden":o.communication?.trim().length<=0||!o.communication}),children:[(0,t.jsx)("div",{className:"tw-h-24 tw-w-24",children:(0,t.jsx)(S.OffCanvasWorldUrl,{width:24,height:24})}),(0,t.jsx)("div",{className:"tw-ml-12 tw-grow tw-self-start tw-text-left tw-font-sans-regular tw-text-md",children:P})]})]}),(0,t.jsx)("div",{id:"offCanvasBasket",className:"tw-shrink tw-grow tw-basis-1 tw-overflow-y-auto tw-p-24",children:(0,t.jsxs)("div",{className:"duration-slider-body-tariff",children:[(0,t.jsx)("div",{id:"duration-slider-tariff-name",className:"tw-text-left tw-text-2xl",children:w.variants[0].cmsData.title}),(0,t.jsx)(({variantsData:e})=>(0,t.jsx)(t.Fragment,{children:e.variants.sort((e,t)=>e.cmsData.mct>t.cmsData.mct?1:-1).map(e=>(0,t.jsx)("div",{className:"tw-mt-12",onClick:()=>{var t,a,s;t=e.cmsModel.cmsIdentifier,a=e.cmsData.mct,s=e.cmsModel.variant,u(t),p(s),h(a)},children:(0,t.jsxs)("div",{className:(0,a.classNames)("tw-relative tw-mb-16 tw-flex tw-rounded-lg tw-border-1 tw-border-cool-grey-300 tw-bg-white tw-p-12",{"tw-border-ionos-blue-400":e.cmsModel.cmsIdentifier===d&&e.cmsModel.variant===m}),children:[(0,t.jsx)("button",{className:(0,a.classNames)("tw-h-24 tw-w-24 tw-self-center tw-rounded-full tw-border-2 tw-border-cool-grey-300 tw-bg-white tw-p-6",{"tw-mx-5 tw-h-14 tw-w-14 tw-border-0 tw-bg-ionos-blue-300 tw-ring-1 tw-ring-cool-grey-300 tw-ring-offset-4":e.cmsModel.cmsIdentifier===d&&e.cmsModel.variant===m})}),(0,t.jsxs)("div",{className:"duration-slider-toggle-text tw-mx-12 tw-grow tw-self-center tw-whitespace-nowrap tw-text-left tw-font-sans-semi-bold",children:[e.cmsData.mct," ",1===e.cmsData.mct?b:g]}),(0,t.jsx)("div",{className:"tw-text-right",children:(0,t.jsx)("div",{className:"tw-flex tw-justify-items-end",children:(0,t.jsx)("div",{className:"tw-grow",children:(0,t.jsx)("div",{dangerouslySetInnerHTML:{__html:e.price}})})})})]})},e.cmsModel.cmsIdentifier))}),{variantsData:w})]})}),w.variants.sort((e,t)=>e.cmsData.mct>t.cmsData.mct?1:-1).map(e=>e.cmsModel.cmsIdentifier===d&&e.cmsModel.variant===m&&(0,t.jsxs)("div",{className:"tw-z-10 tw-flex tw-shrink-0 tw-flex-col tw-justify-evenly tw-bg-white tw-px-24 tw-py-36 tw-shadow-top",children:[(0,t.jsxs)("div",{className:"tw-mb-24 tw-flex",children:[(0,t.jsx)("div",{className:"tw-grow-[0] tw-pt-8",children:(0,t.jsx)(S.OffCanvasCartUrl,{width:45,height:40})}),(0,t.jsxs)("div",{className:"tw-ml-16 tw-mr-16 tw-text-left",children:[(0,t.jsxs)("div",{className:"tw-font-overpass-semibold tw-text-xl",children:[" ",e.cmsData.title]}),(0,t.jsxs)("div",{className:"tw-whitespace-pre-wrap",children:[v," ",L(T({variant:e}))," ",j," ",L((({variant:e})=>Math.round(e.cmsData.billingFactor*e.cmsData.basicFeeStandard*100)/100)({variant:e}))," ",N," ",e.cmsData.setupFee>0&&(0,t.jsxs)(t.Fragment,{children:[y," ",L(e.cmsData.setupFee)," ",k]})]})]}

1),(0,t.jsxs)("div",{className:"duration-slider-foot-subtotal tw--mb-1 tw-self-end tw-whitespace-nowrap tw-text-right",children:[I," ",(0,t.jsxs)("span",{className:"tw-font-overpass-semibold tw-text-xl tw-text-ionos-blue-400",children:[L(T({variant:e})+e.cmsData.setupFee),"Â ",!1]}),!1]})]}),O&&""!==O&&(0,t.jsxs)("div",{className:"tw--mt-8 tw-flex tw-flex-row tw-items-center tw-rounded-[4px] tw-bg-purple-100 tw-px-12 tw-py-8 tw-text-base",children:[(0,t.jsx)("span",{className:"tw-flex-grow tw-text-left tw-text-purple-600",children:O}),(0,t.jsx)(S.KlarnaUrl,{alt:"IONOS Logo",width:70,height:85,className:""})]}),(0,t.jsx)("div",{children:(0,t.jsx)(C.OldPriceCTA,{orderLink:i,orderLinkNewCheckout:n,isDomainArticle:!1,linkVisible:!0,priceVisible:!1,productVariance:e.cmsModel.variant,buttonText:""!==o.cta?o.cta:D,className:"tw-w-full",articleAvailable:!0,price:e.price,priceTemplate:"",hostingServiceKey:e.cmsData.hostingServiceKey,cmsIdentifier:e.cmsModel.cmsIdentifier})})]},"variant_"+d))]})};var D=e.i(607652);let P=({cmsIdentifier:e,visible:a,setOffCanvasBasket:l,orderLink:r,orderLinkNewCheckout:w,offCanvasBasket:d,locales:u})=>{let m=(0,o.useAnimation)(),[p,x]=(0,s.useState)(a),[h,f]=(0,s.useState)(),b=new URLSearchParams,g=async()=>{try{let t,a=`${(t=new URLSearchParams(window.location.search),(b.append("cmsIdentifiers",e),b.append("useSession","true"),"PRELIVE"===t.get("ADMCMD_prev")||"PRELIVE"===window.localStorage.getItem("ADMCMD_prev"))?"https://shop-api.ionos.de/prelive":"https://www.ionos.de/shop-api/v1")}/api/shop/tariff/variants?${b.toString()}`,s=(0,D.getDefaultHeadersForFetch)(),l=await fetch(a,{method:"GET",headers:s,credentials:"include"});if(!l.ok){console.error("Failed to fetch data:",l.statusText),f(null);return}let r=l.headers.get("content-type");if(r&&r.includes("application/json")){let e,t=await l.json();f(t),e=new CustomEvent("onOffCanvasBasketLoad",{detail:{data:t}}),window.dispatchEvent(e)}else throw Error("Network response was not ok")}catch(e){throw console.error("Error fetching data:",e.message),e}};(0,s.useEffect)(()=>{p&&g(),m.start(p?"open":"collapsed")},[m,p]);let v=(0,s.useCallback)(e=>{let t;!1===e&&(t=new CustomEvent("onOffCanvasBasketLoadHide"),window.dispatchEvent(t)),x(e),setTimeout(()=>{!1==e&&l(null)},500)},[]);return(0,t.jsxs)(n.LazyMotion,{features:i.domAnimation,children:[(0,t.jsx)(c.m.div,{initial:"collapsed",animate:m,className:"tw-fixed tw-right-0 tw-top-0 tw-z-1000 tw-flex tw-h-full tw-w-full tw-transform tw-flex-col tw-overflow-hidden tw-border-1 tw-bg-cool-grey-100 tw-text-cool-grey-800 lg:tw-w-[650px]",exit:"collapsed",variants:{open:{right:0},collapsed:{right:"-650px"}},transition:{duration:.5},children:h&&(0,t.jsx)(I,{locales:u,cmsIdentifier:e,variantsDataResponse:Object.values(h)[0],onVisiblityChange:v,orderLink:r,orderLinkNewCheckout:w,offCanvasBasket:d})}),(0,t.jsx)(c.m.div,{layout:!0,initial:{opacity:+!!p,zIndex:p?49:-1},animate:{opacity:+!!p,zIndex:p?49:-1},exit:{opacity:0,zIndex:-1},transition:{duration:.125,delay:0},className:"tw-fixed tw-inset-0 tw-h-screen tw-w-screen tw-bg-ionos-blue-800 tw-bg-opacity-40",onClick:()=>v(!1)},"offCanvasBackdrop")]})};var O=e.i(671173),T=e.i(961572),L=e.i(272043);let A=(0,s.memo)(({dropdownDetails:e,item:a,index:s,diff:l,highlight:r,locales:i})=>(0,t.jsxs)(t.Fragment,{children:[!e&&(0,t.jsx)(m.Markdown,{components:{p:({children:e})=>{let a=[],s=[],l=[];return Array.isArray(e)?(e.forEach(e=>{e?.type?.name==="tooltip"?a.push(e):e?.type?.name==="checkmark"?s.push(e):l.push(e)}),(0,t.jsxs)("p",{className:"tw-flex tw-pb-16",children:[!(0,T.default)(s)&&s,!(0,T.default)(l)&&(0,t.jsx)("span",{className:"tw-flex-grow tw-whitespace-break-spaces tw-font-sans-regular tw-text-base",children:l}),!(0,T.default)(a)&&(0,t.jsx)("span",{className:"tw-font-sans-regular tw-text-base",children:a})]})):(0,t.jsx)("p",{className:"tw-pb-16 tw-font-sans-regular tw-text-base",children:e})},b:({children:e})=>(0,t.jsx)("b",{className:"tw-font-sans-bold",children:e}),hr:()=>(0,t.jsx)("hr",{className:"tw-mb-16 tw-mt-16 tw-opacity-70"}),tooltip:({label:e,content:a})=>(0,t.jsx)(w.Tooltip,{as:"span",tooltipBright:r,className:(0,L.default)("tw-cursor-pointer",{"tw-border-b-2 tw-border-dotted":e,"tw-border-ionos-blue-800":!r,"tw-border-white":r}),tooltipChildren:a,children:e&&(0,t.jsx)("span",{children:e})}),checkmark:()=>(0,t.jsx)(u.default,{className:"tw-mr-12 tw-min-h-24 tw-min-w-24 tw-self-start",background:r?"dark":"light"}),ul:({children:e})=>(0,t.jsx)("div",{className:"tw-w-full tw-pb-14 tw-font-sans-regular",children:e}),li:({children:e})=>{let a=[],s=[];

1return Array.isArray(e)?(e.forEach(e=>{e?.type?.name==="tooltip"?a.push(e):s.push(e)}),(0,t.jsxs)("p",{className:"tw-flex",children:[!(0,T.default)(s)&&(0,t.jsx)("span",{className:"hastooltip tw-ml-20 tw-list-item tw-font-sans-regular tw-text-base",children:s}),!(0,T.default)(a)&&(0,t.jsx)("span",{className:"tw-ml-auto tw-font-sans-regular tw-text-base",children:a})]})):(0,t.jsx)("span",{className:"tw-ml-20 tw-list-item tw-font-sans-regular tw-text-base",children:e})}},children:a}),e&&(0,t.jsx)("div",{dangerouslySetInnerHTML:{__html:e[s-l]}})]})),F=(e,t)=>e?.map(e=>Object.values(e)[t]);var E=e.i(31530),M=e.i(129018),z=e.i(716065);function U({articleDropdowns:e,onUpdate:l,inverse:r=!1}){let[o,w]=(0,s.useState)(!1),[u,m]=(0,s.useState)(null),p=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(!u){let t;e?.articleCollections?.forEach(e=>{e?.articles?.forEach(e=>{e?.selectOptionIsDefault&&(t=e)})}),m(t||e?.articleCollections&&e?.articleCollections[0]?.articles[0]||null)}},[e,u]),(0,s.useEffect)(()=>{let e=e=>{p.current&&(p.current.contains(e.target)||w(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let x=e=>()=>{m(e),w(!1),l(e)},h=()=>{w(!o)};return e&&e.articleCollections&&0!==e.articleCollections.length?(0,t.jsxs)("div",{className:"tw-relative tw-inline-block tw-w-full tw-pt-16",ref:p,children:[(0,t.jsxs)("div",{tabIndex:0,"data-testid":"dropdown-toggle",className:(0,a.classNames)("tw-flex tw-cursor-pointer tw-items-center tw-rounded-[12px] tw-border-2 tw-border-ionos-blue-700 tw-py-10 tw-pl-24 tw-pr-12",{"tw-border-white hover:tw-border-ionos-blue-200 hover:tw-text-ionos-blue-200 active:tw-text-black":r,"tw-border-ionos-blue-700 hover:tw-border-ionos-blue-500 hover:tw-text-ionos-blue-500":!r}),onClick:h,onKeyDown:e=>{"Enter"===e.key&&h()},children:[(0,t.jsx)("div",{className:"tw-flex-1 tw-overflow-hidden tw-whitespace-nowrap tw-text-left",children:u?.label}),(0,t.jsx)("div",{children:(0,t.jsx)(n.LazyMotion,{features:i.domAnimation,children:(0,t.jsx)(c.m.div,{className:"tw-flex",animate:{transform:o?"scaleY(-1)":"scaleY(1)"},children:(0,t.jsx)(d.default,{className:"tw-relative tw-top-2 tw-min-h-20 tw-min-w-20"})})})})]}),o&&(0,t.jsx)("div",{className:"tw-absolute tw-left-0 tw-z-10 tw-w-full tw-pt-8 tw-text-left tw-text-base",children:(0,t.jsx)("div",{className:" tw-overflow-hidden tw-rounded-xl tw-border tw-border-cool-grey-400 tw-bg-white tw-text-black tw-shadow-2xl",children:e?.articleCollections.map(({articles:e,title:s})=>(0,t.jsx)("div",{className:"tw-max-h-[16rem] tw-overflow-y-auto",children:(0,t.jsxs)("div",{className:"tw-relative ",children:[s&&"default"!==s.toLowerCase()&&(0,t.jsx)("p",{className:"tw-sans-regular tw-p-16 tw-pb-0 tw-text-xs tw-text-cool-grey-500",children:s}),e.map((e,s)=>{let l=e===u;return(0,t.jsxs)("div",{onClick:x(e),onKeyDown:t=>{"Enter"===t.key&&x(e)},className:(0,a.classNames)("tw-cursor-pointer tw-p-16 tw-text-base","tw-flex tw-flex-row tw-items-center tw-justify-center","hover:tw-bg-ionos-blue-200",{"tw-bg-ionos-blue-100":l}),children:[(0,t.jsxs)("div",{className:"tw-flex-1",children:[(0,t.jsx)("div",{className:"tw-mb-4",children:e.label}),(0,t.jsx)("div",{className:"tw-text-cool-grey-600",children:e.description}),e.price&&(0,t.jsx)(z.PriceDisplayComponent,{priceData:e.price,template:"SMALL"})]}),l&&(0,t.jsx)(M.default,{className:"tw-ml-0 tw-text-ionos-blue-400","data-testid":"checkmark-default-article"})]},s)})]})},s))})})]}):(0,t.jsx)(t.Fragment,{children:" "})}var V=e.i(124739);let _={en_US:{value:"You must be an IONOS partner to claim this offer. [[PU.WH.US:/agency-partner|Sign up for our IONOS Agency Partner Program now.]]"},en_UK:{value:"You must be an IONOS partner to claim this offer. [[PU.WH.UK:/agency-partner|Sign up for our IONOS Agency Partner Program now.]]"},en_CA:{value:"You must be an IONOS partner to claim this offer. [[PU.WH.CA:/agency-partner|Sign up for our IONOS Agency Partner Program now.]]"},de_DE:{value:`Dieser Tarif kann nur von verifizierten Partnern bestellt werden. [[PU.WH.DE:/agentur-partner|Jetzt f\xfcr das IONOS Agentur Partnerprogramm registrieren.]]`},de_AT:{value:`Dieser Tarif kann nur von verifizierten Partnern bestellt werden. [[PU.WH.AT:/agentur-partner|Jetzt f\xfcr das IONOS Agentur Partnerprogramm registrieren.]]`},es_ES:{value:"You must be an IONOS partner to claim this offer. [[PU.WH.ES:/agency-partner:Sign up for our IONOS Agency Partner Program now.]]"},mx_MX:{value:"You must be an IONOS partner to claim this offer. [[PU.WH.MX:/agency-partner|Sign up for our IONOS Agency Partner Program now.]]"},fr_FR:{value:"Ce pack est disponible pour nos partenaires uniquement. Pour rejoindre le Programme IONOS Agency Partner, [[PU.WH.FR:/agency-partner|inscrivez-vous ici.]]"},it_IT:{value:"You must be an IONOS partner to claim this offer. [[PU.WH.IT:/agency-partner|Sign up for our IONOS Agency Partner Program now.]]"}};var $=e.i(955394);let B=({refer:e,locales:s,additionalBasketUrlPath:l,tooltip:r,extraBasketData:i,isArticleAvailable:n,selectedVariantPrice:o,item:c,isDomainArticle:w,getCmsIdentifier:d,getPriceTemplate:u,getProductVariance:m,selectedVariantOrderLink:p,variants:x,orderLink:h,orderLinkNewCheckout:f,

1isStandalone:b,articleDropdowns:g,price:v,onSelectUpdatePrice:j,setOffCanvasBasket:N,setUpsellPopup:y,useOrderabilityCheck:k,orderabilityInfo:C,hostingServiceKey:S,isActive:I=!0,highlight:D=!1,productType:P,hasTableAnyDropdowns:O,hidePriceCta:T=!1})=>{let L=o??v,A=L?.available===!1,F=C?.value||_[(0,$.language)()]?.value,M=F?.replace(/\[\[[^/]*(\/[^|:]*)[|:]([^\]]*)\]\]/g,'<a href="$1" style="text-decoration: underline;">$2</a>')?.replace(/\[\[([^\]]*)\]\]/g,"$1");return(0,t.jsxs)("div",{className:"equal-height-price tw-flex tw-size-full tw-flex-col",ref:e,children:[(0,t.jsx)(V.PriceCTA,{locales:s,item:c,tooltip:r,useOrderabilityCheck:k,price:o??v,additionalUrlPath:l,extraBasketData:i,componentType:"VerticalFeatureTable",articleAvailable:n(o||c.price),isDomainArticle:w(o||c.price),template:"LARGE",cmsIdentifier:d(o||c.price),productVariance:m(o||c.price),orderLink:o?p:x?x[0].orderLink:h,orderLinkNewCheckout:o?p:x?x[0].orderLinkNewCheckout:f,setOffCanvasBasket:N,setUpsellPopup:y,isInsideHFeatureTable:!!(r||A),hostingServiceKey:S,productOfferType:P,isActive:I,size:"full",highlight:D,linkVisible:!T,className:(0,a.classNames)("feature-table-rd tw-flex tw-w-full tw-flex-col tw-items-baseline tw-justify-center",{"!tw-h-fit":b}),children:(r||A)&&(0,t.jsx)(E.TooltipOld,{tooltipBright:!0,children:M})}),(0,t.jsx)("div",{className:(0,a.classNames)("tw-flex-shrink-0",{"tw-h-64":O}),children:g&&(0,t.jsx)(U,{articleDropdowns:g,onUpdate:e=>j(e),inverse:D})})]})};var H=e.i(697618);let R={h1:({children:e})=>(0,t.jsx)("h1",{className:"tw-mb-4 tw-mt-14 tw-flex tw-text-left tw-font-overpass-bold tw-text-[52px] tw-leading-[52px]",children:e}),p:({children:e})=>(0,t.jsx)("p",{className:"tw-w-full tw-text-left tw-font-sans-bold tw-text-[12.8px] tw-leading-[16px]",children:e}),a:({children:e,href:a})=>(0,t.jsx)(H.Link,{href:a,button:!0,primary:!0,className:"tw-mt-36 tw-w-full tw-cursor-pointer tw-self-stretch",size:"full",children:e})},K={p:({children:e})=>(0,t.jsx)("p",{className:"tw-flex tw-w-full tw-flex-col tw-items-start tw-text-left",children:(Array.isArray(e)?e:[e]).map((e,a)=>{if("string"!=typeof e||!(e.includes("-")||e.trim().includes(" ")))return(0,t.jsx)(s.Fragment,{children:e},a);let[l,r]=(e=>{let t=e.trim(),a=t.indexOf("-");if(-1!==a)return[t.slice(0,a).trim(),t.slice(a+1).trim()];let[s,...l]=t.split(/\s+/);return[s,l.join(" ")]})(e);return(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)("span",{className:"tw-mt-8 tw-block tw-font-sans-bold tw-text-[28px] tw-leading-normal tw-text-ionos-blue-800",children:l}),r&&(0,t.jsx)("span",{className:"tw-mb-[22px] tw-block tw-font-sans-bold tw-text-[14px] tw-leading-[19.25px] tw-text-ionos-blue-800",children:r})]},a)})}),a:({children:e,href:a})=>{let s="tw-mt-16 tw-w-full tw-cursor-pointer tw-self-stretch",l="string"==typeof a&&a.startsWith("lightbox:")?a.slice(9):null;return l?(0,t.jsx)(H.Link,{type:"lightbox",modalLink:l.replace(/^#/,""),href:l,button:!0,primary:!0,size:"full",className:s,children:e}):(0,t.jsx)(H.Link,{href:a,button:!0,primary:!0,size:"full",className:s,children:e})},br:()=>null},W=({data:e,refer:s,headlines:l,highlight:r,price:i,additionalBasketProps:n,additionalBasketUrlPath:o,isArticleAvailable:c,selectedVariantPrice:w,isDomainArticle:d,getCmsIdentifier:u,getPriceTemplate:p,getCheckoutVariant:x,getProductVariance:h,selectedVariantOrderLink:f,variants:b,orderLink:g,orderLinkNewCheckout:v,isStandalone:j,articleDropdowns:N,onSelectUpdatePrice:y,orderabilityInfo:k,dropdownDetails:C,hostingServiceKey:S,diff:I,setOffCanvasBasket:D,setUpsellPopup:P,useOrderabilityCheck:O,isActive:T=!0,locales:L,productType:E,hasTableAnyDropdowns:M,hidePriceCta:z=!1})=>(e=e.filter(e=>"string"==typeof e?et(e).length>0:e&&Object.keys(e).length>0),(0,t.jsx)(t.Fragment,{children:e?.map((e,i)=>(0,t.jsxs)("div",{ref:s,className:`${e.price||void 0===et(e).length||i<=1?"ignore-height !tw-h-auto tw-w-full":"equal-height-"+i+" tw-w-full"}`,children:[(0,t.jsx)("span",{className:(0,a.classNames)("tw-mt-15 tw-block tw-w-full tw-font-overpass-semibold tw-text-xl",{"tw-hidden":!l||0===et(e).length||0===i},e&&1===i?"tw-hidden":""),children:l&&F(l,i)},`product ${e}${i}`),i>0&&(0,t.jsx)("div",{className:(0,a.classNames)("tw-w-full tw-font-sans-regular",e&&1===i?"tw-text-center tw-leading-6":"",{"tw-hidden":0===e.length||0===et(e).length},{"ignore-height tw-flex tw-flex-col tw-items-center tw-justify-center tw-pb-20":e.price||1===i}),children:e.price?(0,t.jsx)(B,{locales:L,tooltip:e?.price?.tooltip,useOrderabilityCheck:O,refer:s,price:e.price,extraBasketData:n,additionalBasketUrlPath:o,isArticleAvailable:c,selectedVariantPrice:w,item:e,orderabilityInfo:k,isDomainArticle:d,getCmsIdentifier:u,getPriceTemplate:p,getProductVariance:h,selectedVariantOrderLink:f,variants:b,orderLink:g,orderLinkNewCheckout:v,isStandalone:j,articleDropdowns:N,onSelectUpdatePrice:y,setOffCanvasBasket:D,setUpsellPopup:P,hostingServiceKey:S,isActive:T,highlight:r,productType:E,hasTableAnyDropdowns:M,hidePriceCta:z}):1===i?(0,t.jsx)("div",{ref:s,className:"equal-height-price tw-flex tw-size-full tw-flex-col",children:"string"==typeof e&&e.includes("badge-special")?(0,t.jsx)("div",{className:"feature-table-rd tw-flex tw-w-full tw-flex-auto tw-flex-col",children:(0,t.jsx)(m.Markdown,{className:"tw-w-full",components:K,children:e})}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"tw-mb-[22px]"}),(0,t.jsx)("div",{className:"feature-table-rd tw-flex tw-w-full tw-flex-auto tw-flex-col tw-items-baseline tw-justify-center lg:tw-w-full",children:(0,t.jsx)(m.Markdown,{className:"tw-flex tw-w-full tw-flex-auto tw-flex-col [&>p:last-child]:tw-mt-auto",components:R,children:e})}),M&&(0,t.jsx)("div",{className:"tw-h-64 tw-shrink-0"})]})}):(0,t.jsx)(A,{locales:L,dropdownDetails:C,item:e,index:i,diff:I,highlight:r})},"markdowndiv"+i)]},i))}));var Y=e.i(11606),q=e.i(731051),G=e.i(400191);let Z=({cmsIdentifier:e,upsellIdentifier:a,price:l,onVisiblityChange:r,orderLink:i,orderLinkNewCheckout:n,upsellPopup:o,locales:c,hostingServiceKey:w,productType:d})=>{let{upsellPopupLabel:u,upsellPopupFooter:m,close:p}=c,x={...n}

1,[h,f]=(0,s.useState)("");return(0,s.useEffect)(()=>{window.UNOUNO?.params?.slug&&f(`&pageName=${window.UNOUNO.params.slug}`)},[]),x.url=x.url.replace(/my\.ionos/g,"mein.ionos").replace(/\&variant=[^&]*/g,"").replace(RegExp(e,"g"),a),(0,t.jsxs)("div",{id:"upsellPopup",className:"tw-relative tw-text-left",children:[(0,t.jsx)("button",{"aria-label":p,onClick:e=>{e.target,r(!1)},className:"tw-absolute tw-right-26 tw-top-24 tw-size-16 -tw-translate-y-1/2 tw-translate-x-1/2 tw-cursor-pointer after:tw-absolute after:tw-left-1/2 after:tw-top-0 after:tw-inline-block after:tw-h-16 after:tw-w-2 after:tw-rotate-45 after:tw-bg-ionos-blue-800 after:tw-content before:tw-absolute before:tw-left-1/2 before:tw-top-0 before:tw-inline-block before:tw-h-16 before:tw-w-2 before:-tw-rotate-45 before:tw-bg-ionos-blue-800 before:tw-content","data-testid":"upsell-popup-close-button"}),(0,t.jsx)(Y.Label,{className:"tw-mb-8 tw-ml-0",children:o.preline?o.preline:u}),(0,t.jsx)(q.OldHeadline,{className:"tw-mb-4 tw-block",size:"heading3",children:o.header}),(0,t.jsx)("span",{className:"tw-mb-24 tw-block tw-text-md",children:o.subheader}),(0,t.jsxs)("div",{className:"tw-relative tw-mb-24 tw-flex tw-flex-col tw-rounded-2xl tw-bg-grey-0 tw-p-24",children:[(0,t.jsxs)("div",{className:"tw-flex tw-flex-row tw-items-start tw-gap-16 tw-text-base",children:[(0,t.jsx)(G.OldMarkdown,{colorScheme:"bright",components:{li:({children:e,className:a})=>(0,t.jsxs)("li",{className:(0,L.default)("tw-mt-16 tw-flex tw-items-start",a),children:[(0,t.jsx)(S.CheckmarkDarkUrl,{className:"tw-mr-12 tw-shrink-0",width:24,height:24,alt:""}),(0,t.jsx)("div",{children:e})]})},children:o.text?.value}),(0,t.jsx)(S.UpsellPopupDiscountUrl,{className:"tw-hidden md:tw-block lg:tw-block",width:72,height:72})]}),(0,t.jsx)("div",{className:"tw-my-20 tw--mb-20 tw-ml-auto",children:(0,t.jsx)(z.PriceDisplayComponent,{priceData:l,minimal:!0,style:{marginBottom:15}})})]}),(0,t.jsxs)("p",{className:"tw-flex tw-flex-row tw-text-base",children:[(0,t.jsx)(S.UpsellPopupShieldUrl,{width:24,height:24,className:"tw-mr-4"}),o.footerText?o.footerText:m]}),(0,t.jsxs)("div",{className:"tw-flex tw-flex-col tw-items-center md:tw-mt-24 md:tw-flex-row md:tw-gap-16 md:tw-gap-y-0",children:[(0,t.jsx)("div",{"data-testid":"upsell-popup-upgrade-button",children:(0,t.jsx)(C.OldPriceCTA,{additioanQueryParams:h,orderLinkNewCheckout:x,buttonText:o.linkTextPrimary,className:"tw-grow-0 lg:!tw-w-auto [&>a:hover]:tw-bg-ionos-blue-600 [&>a]:tw-border-ionos-blue-600 [&>a]:tw-bg-ionos-blue-700 [&>a]:tw-text-base [&>a]:tw-text-white [&>a]:hover:tw-border-ionos-blue-600 [&>a]:focus-visible:tw-outline-2 [&>a]:focus-visible:tw-outline-ionos-blue-400",articleAvailable:!0,priceVisible:!1,isDomainArticle:!1,hostingServiceKey:o.articles[0]?.hostingServiceKey??w,productOfferType:o.articles[0]?.productType??d,cmsIdentifier:a})}),(0,t.jsx)("div",{"data-testid":"upsell-popup-configure-button",children:(0,t.jsx)(C.OldPriceCTA,{additioanQueryParams:h,orderLink:i,orderLinkNewCheckout:n,buttonText:o.linkTextSecondary,className:"tw-grow-0 lg:!tw-w-auto [&>a]:tw-w-auto [&>a]:tw-border-ionos-blue-600 [&>a]:tw-bg-transparent [&>a]:tw-text-base [&>a]:hover:tw-border-ionos-blue-600 [&>a]:hover:tw-bg-ionos-blue-600 [&>a]:hover:tw-text-white [&>a]:focus-visible:tw-outline-2 [&>a]:focus-visible:tw-outline-ionos-blue-400",articleAvailable:!0,priceVisible:!1,isDomainArticle:!1,hostingServiceKey:w,productOfferType:d,cmsIdentifier:e})})]})]},"upsell-popup-content-"+e)};var J=e.i(645395),Q=e.i(115680);let X=({cmsIdentifier:e,visible:a,setUpsellPopup:l,orderLink:r,orderLinkNewCheckout:w,upsellPopup:d,locales:u,hostingServiceKey:m,productType:p})=>{let x=(0,o.useAnimation)(),[h,f]=(0,s.useState)(a),b=d.articles[0].articleId||"upsellPopup",g=d.articles[0]?.price||d.price,v=(0,J.useFocusTrap)({enabled:!!(h&&g),restoreFocus:!0,fallbackToContainer:!0});(0,Q.useLockBodyScroll)(!!h,!0),(0,s.useEffect)(()=>{let e;h&&g&&(e=new CustomEvent("onUpsellPopupLoad",{detail:{data:g}}),window.dispatchEvent(e)),x.start(h?"open":"collapsed")},[x,h]);let j=(0,s.useCallback)(e=>{let t;!1===e&&(t=new CustomEvent("onOffUpsellPopupLoadHide"),window.dispatchEvent(t)),f(e),setTimeout(()=>{!1==e&&l(null)},500)},[]);return(0,t.jsxs)(n.LazyMotion,{features:i.domAnimation,children:[(0,t.jsx)("div",{className:`tw-fixed tw-inset-0 tw-flex tw-justify-center tw-overflow-y-auto tw-p-8 ${h?"tw-z-1000":"tw-pointer-events-none -tw-z-1"}`,children:(0,t.jsx)(c.m.div,{ref:v,initial:"collapsed",animate:x,className:"tw-relative tw-my-auto tw-flex tw-w-[calc(100vw-16px)] tw-flex-col tw-rounded-3xl tw-border-1 tw-bg-cool-grey-100 t

1w-p-24 tw-text-cool-grey-700 md:tw-h-auto md:tw-w-[644px] lg:tw-w-[644px]",exit:"collapsed",variants:{open:{opacity:1,zIndex:1e3},collapsed:{opacity:0,zIndex:-1}},transition:{duration:.5,delay:.125},children:g&&(0,t.jsx)(Z,{locales:u,cmsIdentifier:e,upsellIdentifier:b,price:g,onVisiblityChange:j,orderLink:r,orderLinkNewCheckout:w,upsellPopup:d,hostingServiceKey:m,productType:p})})}),(0,t.jsx)(c.m.div,{layout:!0,initial:{opacity:+!!h,zIndex:h?49:-1},animate:{opacity:+!!h,zIndex:h?49:-1},exit:{opacity:0,zIndex:-1},transition:{duration:.5,delay:.125},className:"tw-fixed tw-inset-0 tw-h-screen tw-w-full tw-bg-grey-200 tw-bg-opacity-80",onClick:()=>j(!1)},"upsellPopupBackdrop")]})},ee=s.default.forwardRef(({additionalBasketUrlPath:e="",extraBasketData:l={},directArticles:r,isStandalone:i,variants:n,highlight:o,headlines:c,data:w,orderabilityInfo:d,tableDirection:u,highlightText:m,orderLink:p,orderLinkNewCheckout:x,tableLength:h,articleDropdowns:f=[],offCanvasBasket:b={},upsellPopup:y={},productType:C,useOrderabilityCheck:S,hostingServiceKey:I,isActive:D=!0,locales:T,upsellPopupIndex:L,hasTableAnyDropdowns:A,hidePriceCta:F=!1},E)=>{let{price:M}=(0,s.useContext)(j.priceServiceContext),{selectedVariantPrice:z,selectedVariantOrderLink:U,dropdownDetails:V,productLabel:_,additionalBasketProps:$,diff:B,onSelectUpdatePrice:H}=N(M,f,w,v.getCheckoutVariant,l),[R,K]=(0,s.useState)(),Y=e=>{K(e)},[q,G]=(0,s.useState)(),Z=e=>{G(e)},J=s.default.useRef(null),[Q,ee]=(0,s.useState)(0);return(0,s.useEffect)(()=>{let e=J.current;if(!e)return;let t=new MutationObserver(()=>{let t=e.style.transform;if(!t||"none"===t)return;let a=t.match(/translate3d?\(([^)]+)\)/);if(a){let[e]=a[1].split(",").map(e=>parseFloat(e));ee(e)}});return t.observe(e,{attributes:!0,attributeFilter:["style"]}),()=>t.disconnect()},[]),(0,s.useEffect)(()=>{let e=J.current;e&&(q&&y[L]?.articles?.length>0&&!y[L]?.hidden&&!b?.enabled?e.style.left=`${Q}px`:e.style.left="0px")},[q]),(0,s.useEffect)(()=>{let e=J.current;e&&(R&&b?.enabled&&"bundle"!==C&&!y?.enabled?e.style.left=`${Q}px`:e.style.left="0px")},[R]),(0,t.jsxs)("div",{ref:J,className:(0,a.classNames)("keen-slider__slide tw-flex tw-w-full tw-flex-col tw-self-stretch",{"tw-max-w-400 md:tw-w-7/12 lg:tw-w-4/12 lg:tw-max-w-none":!i,"tw-rounded-[18px]":m,"!tw-transform-none":q&&y[L]?.articles?.length>0&&!y[L]?.hidden&&!b?.enabled||R&&b?.enabled&&"bundle"!==C&&!y?.enabled}),children:[m?(0,t.jsx)("div",{className:"tw--mb-18 tw-h-50",children:(0,t.jsx)("span",{className:"tw-inline-block tw-h-50 tw-w-full tw-rounded-t-2xl tw-bg-purple-400 tw-px-30 tw-pb-2 tw-pt-6 tw-font-overpass-semibold tw-text-lg tw-text-ionos-blue-800",children:m})}):(0,t.jsx)("span",{className:"tw-h-40 tw-w-full"}),(0,t.jsxs)("div",{"data-testid":"featuretable",className:(0,a.classNames)("tw-mb-32 tw-flex tw-h-full tw-w-full tw-items-start tw-justify-start tw-rounded-2xl tw-bg-white tw-p-24 tw-text-center tw-shadow-md lg:tw-p-32",{"!tw-bg-ionos-blue-700 tw-text-white":o,"tw-border-4 tw-border-purple-400":m,"tw-bg-ionos-blue-700 tw-text-white":"vertical"===u&&o}),children:[(0,t.jsxs)("div",{className:"tw-flex tw-w-full tw-flex-none tw-flex-col tw-justify-evenly tw-text-left",children:[(0,t.jsx)(k,{data:w,tableLength:h,productLabel:_,refer:E}),(0,t.jsx)(O.ErrorBoundary,{fallback:(0,t.jsx)(t.Fragment,{children:"An error occurred while rendering the vertical feature table"}),onError:(e,t)=>{console.error(e,t,w)},children:(0,t.jsx)(W,{locales:T,directArticles:r,data:w,orderabilityInfo:d,useOrderabilityCheck:S,refer:E,headlines:c,highlight:o,price:M,additionalBasketProps:$,additionalBasketUrlPath:e,isArticleAvailable:g.isArticleAvailable,selectedVariantPrice:z,isDomainArticle:g.isDomainArticle,getCmsIdentifier:g.getCmsIdentifier,getCheckoutVariant:v.getCheckoutVariant,getProductVariance:g.getProductVariance,selectedVariantOrderLink:U,variants:n,orderLink:p,orderLinkNewCheckout:x,isStandalone:i,articleDropdowns:f,onSelectUpdatePrice:H,dropdownDetails:V,hostingServiceKey:I,productType:C,isActive:D,diff:B,hasTableAnyDropdowns:A,hidePriceCta:F,...b?.enabled&&"bundle"!==C?{setOffCanvasBasket:Y}:{},...y[L]?.articles?.length>0&&!y[L]?.hidden&&!b?.enabled?{setUpsellPopup:Z}:{}})})]}),R&&b?.enabled&&"bundle"!==C&&!y?.enabled&&(0,t.jsx)(P,{locales:T,cmsIdentifier:R,visible:!0,setOffCanvasBasket:Y,orderLink:p,orderLinkNewCheckout:x,offCanvasBasket:b}),q&&!y[L]?.hidden&&y[L]&&y[L]?.articles?.length>0&&!b?.enabled&&(0,t.jsx)(X,{locales:T,cmsIdentifier:q,visible:!0,setUpsellPopup:Z,orderLink:p,orderLinkNewCheckout:x,upsellPopup:y[L],hostingServiceKey:I,productType:C})]})]})});function et(e){return e.length>0&&e.replace(/<[^>]*>?/gm,"")}ee.displayName="VerticalFeatureTable";let ea=({products:e,articles:i,priceTemplate:n,tableDirection:o,articleDropdowns:c,useNewCheckout:w,tableStyle:d,offCanvasBasket:u,upsellPopup:g,useOrderabilityCheck:v,footerText:j,isDatacenterIncluded:N,featureTableInclusive:y,isActive:k=!0,locales:C,hidePriceCta:S=!1})=>

1{let I=(0,b.useVerticalFeatureTableEqualRows)(),[D,P]=(0,s.useState)(0),O=(0,l.useBreakpoint)("lg"),T=(0,l.useBreakpoint)("md"),L=O?4:T?3:1,A=e.length<=L,F=A?1:e.length-L+1,[E,M]=(0,r.useKeenSlider)({slides:{origin:T?"auto":.05,perView:O?4:T?3:1.3,spacing:12},disabled:A,drag:!0,slideChanged(e){P(e.track.details.rel)}},[x]);(0,s.useEffect)(()=>{!O&&M.current&&setTimeout(()=>M.current?.update(),10)},[M,O]);let z=e.length<=4,U=c?.some(e=>null!=e);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"tw-flex tw-flex-col",children:[(0,t.jsx)("div",{className:"md:tw-rd-container md:tw-px-24",children:(0,t.jsx)("div",{className:(0,a.classNames)("tw-flex tw-justify-start tw-overflow-x-auto tw-will-change-scroll",{"lg:tw-justify-center":z,"xl:tw-justify-center":z},{"keen-slider":!A},{"lg:tw-gap-12":z&&"vertical"===o&&A},{"tw-flex-col":"default"===o},{"lg:tw-flex lg:tw-gap-x-12 lg:tw-overflow-x-auto":"vertical"===o&&2===e.length},{"tw-snap-x tw-overflow-x-auto tw-px-1 tw-custom-scrollbar lg:tw-gap-4":"mini"===d}),ref:E,children:e.map((a,s)=>{let{articles:l,articleId:r,data:d,price:m,headlines:p,highlightText:x,highlight:h,orderabilityInfo:f}=a,b=l?.[0],j=i?.[s],{highlightText:N,highlight:y}={highlightText:i?.[s]?.highlightText??x,highlight:i?.[s]?.isHighlight??h},D=d.map(e=>"string"==typeof e&&j?.label?e.replace("[[TITLE]]",j.label):e);return(0,t.jsx)(ee,{variants:b?.licences,useOrderabilityCheck:v,orderabilityInfo:f,articleDropdowns:c?.[s],orderLink:b?.orderLink,orderLinkNewCheckout:b?.orderLinkNewCheckout,articleId:r,productType:b?.productType,hostingServiceKey:b?.hostingServiceKey,useNewCheckout:w,data:D,priceObject:m,priceTemplate:n,highlight:y,highlightText:y?N:null,headlines:p,tableDirection:o,tableLength:e.length,offCanvasBasket:u,upsellPopup:g,index:s,upsellPopupIndex:s,ref:I,isActive:k,locales:C,hasTableAnyDropdowns:U,hidePriceCta:S},`verticalFeatureTable-${r}`)})})}),!A&&F>1&&(0,t.jsxs)("div",{className:"tw-mx-auto tw-mb-18 tw-flex tw-w-[calc(100%-4rem)] tw-items-center tw-justify-between tw-gap-18",children:[F>2?(0,t.jsxs)("span",{className:"tw-font-overpass-regular tw-text-2xl tw-text-ionos-blue-800",children:[D+1," / ",F]}):(0,t.jsx)("div",{className:"tw-flex tw-gap-24",children:[...Array(F)].map((e,s)=>(0,t.jsx)("button",{type:"button","aria-label":`Go to slide ${s+1}`,className:(0,a.classNames)("tw-h-16 tw-w-16 tw-rounded-full",{"tw-bg-ionos-blue-500":D===s,"tw-bg-ionos-blue-300":D!==s})},`feature_table_slider_${s}`))}),(0,t.jsxs)("div",{className:"tw-flex tw-gap-24",children:[(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),M.current?.prev()},type:"button","aria-label":"Move slider to previous slide",disabled:0===D,className:(0,a.classNames)("tw-flex tw-h-48 tw-w-48 tw-items-center tw-justify-center",{"tw-opacity-50":0===D}),children:(0,t.jsx)(f.default,{weight:300,className:"tw-min-h-48 tw-min-w-48 tw-text-ionos-blue-800"})}),(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),M.current?.next()},type:"button","aria-label":"Move slider to next slide",disabled:D===F-1,className:(0,a.classNames)("tw-flex tw-h-48 tw-w-48 tw-items-center tw-justify-center",{"tw-opacity-50":D===F-1}),children:(0,t.jsx)(h.default,{weight:300,className:"tw-min-h-48 tw-min-w-48 tw-text-ionos-blue-800"})})]})]}),(0,t.jsx)("div",{className:"tw-rd-container",children:(0,t.jsx)(p,{content:y})})]}),j&&(0,t.jsx)("div",{className:"tw-container",children:(0,t.jsx)("div",{className:"tw-d-flex tw-mt-20 tw-flex-row tw-justify-center tw-text-center",children:(0,t.jsx)(m.Markdown,{children:j})})})]})};var es=e.i(541902);let el=({className:e,children:i,footerText:n,itemLength:o})=>{let c=(0,l.useBreakpoint)("xl"),w=(0,l.useBreakpoint)("lg"),d=!c&&!w,[{abs:u,maxIdx:p},b]=(0,s.useState)({abs:0,maxIdx:0}),g=p+1,v=w&&o>=9||d,j=g>1&&!c,N=e=>{if(!e.track.details)return;let{abs:t,maxIdx:a}=e.track.details;b({abs:t,maxIdx:a})},y="auto",k=(0,s.useMemo)(()=>({disabled:c,drag:!0,updated:N,slideChanged:N,created:N,slides:{perView:1.3,origin:o<=2?"center":y},breakpoints:{"(min-width: 520px)":{slides:{perView:1.8,origin:1===o?"center":y}},"(min-width: 620px)":{slides:{perView:2.2,origin:1===o?"center":y}},"(min-width: 740px)":{slides:{perView:2.6,origin:1===o?"center":y}},"(min-width: 920px)":{slides:{perView:3.6,origin:1===o?"center":y}}}}),[c,o]),[C,S]=(0,r.useKeenSlider)(k,[x]);return(0,s.useEffect)(()=>{S.current?.update?.(k),S.current?.moveToIdx?.(0)},[S,k,c]),0===o?null:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:e,ref:C,children:i}),n&&(0,t.jsx)("div",{className:"tw-mx-6 tw-my-16 tw-flex-row tw-text-sm",children:(0,t.jsx)(m.Markdown,{children:n})}),j&&(0,t.jsxs)("div",{className:"tw-mx-auto tw-mb-18 tw-flex tw-w-[calc(100%-4rem)] tw-items-center tw-justify-between tw-gap-18",children:[g>1&&(v&&g>2?(0,t.jsxs)("span",{className:"tw-font-overpass-regular tw-text-2xl tw-text-ionos-blue-800",children:[u+1," / ",g]}):(0,t.jsx)("div",{className:"tw-flex tw-gap-24",children:[...Array(g)].map((e,s)=>(0,t.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),S.current?.moveToIdx(s)},"aria-label":`Go to slide ${s+1}`,className:(0,a.classNames)("tw-h-16 tw-w-16 tw-rounded-full",{"tw-bg-ionos-blue-500":u===s,"tw-bg-ionos-blue-300":u!==s})},`feature_table_slider_${s}`))})),g>1&&!c&&(0,t.jsxs)("div",{className:"tw-flex tw-gap-24",children:[(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),S.current?.prev()},type:"button","aria-label":"Move slider to previous slide",disabled:0===u,className:(0,a.classNames)("tw-flex tw-h-48 tw-w-48 tw-items-center tw-justify-center",{"tw-opacity-50":0===u}),children:(0,t.jsx)(f.default,{weight:300,className:"tw-min-h-48 tw-min-w-48 tw-text-ionos-blue-800"})}),(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),S.current?.next()},type:"button","aria-label":"Move slider to next slide",disabled:u===p,className:(0,a.classNames)("tw-flex tw-h-48 tw-w-48 tw-items-center tw-justify-center",{"tw-opacity-50":u===p}),children:(0,t.jsx)(h.default,{weight:300,className:"tw-min-h-48 tw-min-w-48 tw-text-ionos-blue-800"})})]})]})]})},er=({articleId:e,articles:a,price:l,isCustomizable:r,setOffCanvasBasket:i,setUpsellPopup:n,setDatacenterSelector:o,useOrderabilityCheck:c,isDatacenterIncluded:d,orderabilityInfo:u,locales:m,hourly:p,hidePriceCta:x=!1})=>{let{tooltipInfoValue:h,featureTableLinkValue:f,featureTableLinkUnavailable:b}=m,g=u?.value||_[(0,$.language)()]?.value,j=g?.replace(/\[\[[^/]*(\/[^|:]*)[|:]([^\]]*)\]\]/g,'<a href="$1" style="text-decoration: underline;">$2</a>

1')?.replace(/\[\[([^\]]*)\]\]/g,"$1"),[N,y]=(0,s.useState)(""),[k,C]=(0,s.useState)("");(0,s.useEffect)(()=>{let e=window.sessionStorage.getItem("cart.article"),t=window.sessionStorage.getItem("datacenterId"),a=(0,v.getCheckoutVariant)();e&&"old"===a&&y(e?"&selected.datacenter="+e:""),"new"===a&&(window.UNOUNO?.params?.slug&&C(`&pageName=${window.UNOUNO.params.slug}`),t&&d&&y((e?"&datacenter="+t:"")+(r?"&external":"")))},[r,d]);let S=(0,t.jsx)(V.PriceCTA,{tooltip:l?.tooltip,useOrderabilityCheck:c,priceVisible:!1,linkVisible:!x,price:l,link:"",buttonText:l?.available||o?f:b,priceTemplate:"",className:"",additioanQueryParams:N+k,articleAvailable:l?.available!==!1&&(!!o||l?.available),isDomainArticle:!1,cmsIdentifier:e,orderLink:a[0]?.orderLink,orderLinkNewCheckout:a[0]?.orderLinkNewCheckout,isInsideHFeatureTable:!0,hostingServiceKey:a[0]?.hostingServiceKey,setOffCanvasBasket:i,setUpsellPopup:n,setDatacenterSelector:o,componentType:"horizontal-featuretable",hourly:p});return l?.available===!1&&(j||h)?(0,t.jsx)(w.Tooltip,{text:j||h,children:S}):l?.available||o||!h?S:(0,t.jsx)(w.Tooltip,{text:h,children:S})},ei=({item:e,isDefault:s,isCustomizable:l,price:r,hasHighlight:i,articles:n,index:o,useNewCheckout:c,articleId:w,useOrderabilityCheck:d,isDatacenterIncluded:u,orderabilityInfo:m,setOffCanvasBasket:p,setUpsellPopup:x,setDatacenterSelector:h,locales:f,hourly:b,hidePriceCta:g=!1})=>(0,t.jsx)(t.Fragment,{children:!!e?.price&&r&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,a.classNames)("tw-order-1 tw-h-[230px] xl:tw-order-4 xl:tw-h-auto"),children:[r&&(0,t.jsx)(z.PriceDisplayComponent,{priceData:r,hourly:b,className:(0,a.classNames)({"!tw-text-white":i})}),s&&(0,t.jsx)(er,{locales:f,isDatacenterIncluded:u,useOrderabilityCheck:d,orderabilityInfo:m,articles:n,useNewCheckout:c,articleId:w,price:r,index:o,isCustomizable:l,setOffCanvasBasket:p,setUpsellPopup:x,setDatacenterSelector:h,hourly:b,hidePriceCta:g})]}),!s&&(0,t.jsx)("div",{className:"tw-p-24",children:(0,t.jsx)(er,{locales:f,orderabilityInfo:m,isDatacenterIncluded:u,articleId:w,useOrderabilityCheck:d,price:r,articles:n,useNewCheckout:c,index:o,isCustomizable:l,setOffCanvasBasket:p,setUpsellPopup:x,setDatacenterSelector:h,hourly:b,hidePriceCta:g})})]})}),en=({hasHighlight:e,processedData:s,isCustomizable:l,isLimited:r,headlineValues:i,locales:n,isDefault:o,orderabilityInfo:c,price:w,articles:d,articleId:u,useNewCheckout:p,isDatacenterIncluded:x,setOffCanvasBasket:h,setUpsellPopup:f,setDatacenterSelector:b,useOrderabilityCheck:g,configurableTextValue:v,limitedTextValue:j,hourly:N,hidePriceCta:y=!1})=>s?.map((s,k)=>(0,t.jsxs)(t.Fragment,{children:[!s?.price&&s?.price===void 0&&void 0!==s&&""!==s&&(0,t.jsxs)("div",{className:(0,a.classNames)("tw-order-2 tw-mb-20 tw-whitespace-nowrap tw-leading-[35px] xl:tw-whitespace-normal",0===k&&"tw-order-1",0!==k&&"tw-px-0 xl:tw-px-0"),children:[0===k?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"tw-h-[35px] xl:tw-h-auto",children:l&&(0,t.jsx)(Y.Label,{type:"neutral",className:"!tw-ml-0 tw-whitespace-nowrap",children:v})}),(0,t.jsx)("div",{className:"tw-h-[35px] xl:tw-h-auto",children:0===k&&r&&(0,t.jsx)(Y.Label,{type:"special",className:"!tw-ml-0 tw-whitespace-nowrap",children:j})})]}):(0,t.jsx)("p",{className:"tw-text-base xl:tw-hidden",children:i[k]}),(0,t.jsx)(m.Markdown,{components:{h3:e=>(0,t.jsx)("h3",{className:"tw-mb-3 tw-mt-4 tw-font-overpass-bold tw-text-2xl tw-font-bold",children:e.children}),img:()=>null},needSpace:!1,className:(0,a.classNames)("tw-text-left"),children:s})]}),(0,t.jsx)(ei,{hasHighlight:e,locales:n,isDatacenterIncluded:x,useOrderabilityCheck:g,orderabilityInfo:c,item:s,isDefault:o,isCustomizable:l,price:w,articles:d,index:k,useNewCheckout:p,articleId:u,setOffCanvasBasket:h,setUpsellPopup:f,setDatacenterSelector:b,hourly:N,hidePriceCta:y})]})),eo=({products:e,articles:l,priceTemplate:r,tableDirection:i,articleDropdowns:n,useNewCheckout:o,tableStyle:c,offCanvasBasket:w,upsellPopup:d,setDatacenterSelector:u,useOrderabilityCheck:m,isDatacenterIncluded:p,featureTableInclusive:x,isActive:h=!0,isDefault:f,locales:b,hourly:g,hidePriceCta:v=!1})=>

1{let[j,N]=(0,s.useState)(),y=e=>{N(e)},[k,C]=(0,s.useState)(),S=e=>{C(e)};return e?.map(({articles:e,articleId:s,data:r,price:i,headlines:n,highlight:c,highlightText:x,orderabilityInfo:h,serverAvailability:N,orderLink:C,orderLinkNewCheckout:I},D)=>{let O=!!N&&!!N.datacenterFeatures&&Object.values(N.datacenterFeatures).some(e=>!0===e.customizable&&!0===e.available),T=N?.limited||!1,L=Object.values(n[0]),{configurableTextValue:A,limitedTextValue:F}=b,E=l?.[D],M=r.map(e=>"string"==typeof e&&E?.label?e.replace("[[TITLE]]",E.label):e),z=l?.find(e=>e.articleId===s),U=z?.highlightText??x,V=z?.isHighlight??c,_=U&&""!==U,$=!0===V;return(0,t.jsx)(t.Fragment,{children:e&&(0,t.jsxs)("div",{className:(0,a.classNames)("keen-slider__slide tw-p-6 xl:tw-w-full xl:tw-p-0",{"tw-mt-44 xl:tw-mt-0":!_}),children:[(0,t.jsx)("div",{"data-testid":`ft-${s}`,className:(0,a.classNames)("tw-rounded-2xl tw-bg-white tw-shadow-md xl:tw-my-8",_?"tw-border-4 tw-border-purple-400 tw-bg-purple-400 tw-pt-10 xl:tw-overflow-auto":"tw-bg-white"),children:(0,t.jsxs)("div",{className:(0,a.classNames)("tw-overflow-auto tw-rounded-2xl"),children:[_&&(0,t.jsx)("div",{className:"tw-h-30 tw-px-24 tw-font-overpass-semibold tw-text-base",children:U}),(0,t.jsx)("div",{className:(0,a.classNames)("tw-flex tw-flex-col tw-overflow-hidden tw-px-24 tw-py-16 xl:tw-grid xl:tw-w-full xl:tw-grid-cols-5 tw-gap-x-10",$?"tw-bg-ionos-blue-700 tw-text-white":"tw-bg-white",_&&"tw-rounded-t-2xl"),children:(0,t.jsx)(en,{hasHighlight:$,processedData:M,isCustomizable:O||!1,isLimited:T,headlineValues:L,locales:b,isDefault:f,orderabilityInfo:h,price:i,articles:e,articleId:s,useNewCheckout:o,isDatacenterIncluded:p,...w?.enabled&&!p?{setOffCanvasBasket:y}:{setOffCanvasBasket:null},...d[D]?.articles?.length>0&&!d[D]?.hidden&&!w?.enabled&&!p?{setUpsellPopup:S}:{setUpsellPopup:null},setDatacenterSelector:u,useOrderabilityCheck:m,configurableTextValue:A,limitedTextValue:F,hourly:g,hidePriceCta:v})})]})}),j&&!w?.enabled&&!d?.enabled&&(0,t.jsx)(P,{locales:b,cmsIdentifier:j,visible:!0,setOffCanvasBasket:y,orderLink:e?.[0]?.orderLink,orderLinkNewCheckout:e?.[0]?.orderLinkNewCheckout,offCanvasBasket:w}),k&&!d[D]?.hidden&&d[D]&&d[D]?.articles?.length>0&&!w?.enabled&&(0,t.jsx)(X,{locales:b,cmsIdentifier:k,visible:!0,setUpsellPopup:S,orderLink:e?.[0]?.orderLink,orderLinkNewCheckout:e?.[0]?.orderLinkNewCheckout,upsellPopup:d[D]})]},s)})})};var ec=e.i(203828);let ew=({setRangeSliderValues:e,data:l,name:r,unit:i,format:n=!1,digits:o=0,className:c})=>{let{locale:w}=(0,ec.useRouter)(),d=l[0]?.min&&l[0].min>=l[0].start?l[0].min:l[0].start,u=l[0]?.max&&l[0].max<=l[0].end?l[0].max:l[0].end,[m]=(0,s.useState)(l[0].start),[p]=(0,s.useState)(l[0].end),[x,h]=(0,s.use

1State)(d),[f,b]=(0,s.useState)(u),[g,v]=(0,s.useState)(d),[j,N]=(0,s.useState)(u),y=e=>e.toLocaleString(w,{minimumFractionDigits:o,maximumFractionDigits:o}),k=(0,s.useCallback)(()=>{let e=document.querySelector(`#RangeSlider${r} .slider-track`);if(e){let t=(x-m)/(p-m)*100,a=(f-m)/(p-m)*100;e.style.left=`${t}%`,e.style.right=`${100-a}%`}},[x,f,r,m,p]);(0,s.useEffect)(()=>{k()},[x,f,k]);let C=(e,t)=>{if("Enter"===e.key){let a=parseInt(e.target.value,10);"min"===t&&a>=m&&a<f-1?h(a):"max"===t&&a<=p&&a>x+1&&b(a)}};return(0,t.jsxs)("div",{id:`RangeSlider${r}`,className:(0,a.classNames)("tw-mx-auto tw-mb-16 tw-w-full",c),children:[(0,t.jsxs)("div",{className:"tw-flex tw-w-full tw-justify-between",children:[(0,t.jsx)("div",{className:"tw-w-1/2",children:(0,t.jsx)("input",{type:"number",value:g,onChange:t=>{let a=""===t.target.value?m:parseInt(t.target.value,10);a>=m&&a<f-1&&(v(a),h(a),e(r,a,f))},onKeyDown:e=>C(e,"min"),className:"tw-hidden",min:m,max:f-1})}),(0,t.jsx)("div",{className:"tw-w-1/2",children:(0,t.jsx)("input",{type:"number",value:j,onChange:t=>{let a=""===t.target.value?p:parseInt(t.target.value,10);a<=p&&a>x+1&&(N(a),b(a),e(r,x,a))},onKeyDown:e=>C(e,"max"),className:"tw-hidden",min:x+1,max:p})})]}),(0,t.jsxs)("div",{className:"range-slider tw-relative tw-mb-32 tw-mt-16 tw-h-4 tw-w-full tw-rounded-lg tw-bg-[#DBEDF8]",children:[(0,t.jsx)("div",{className:"slider-track tw-absolute tw-left-0 tw-right-full tw-h-full tw-rounded tw-bg-[#3196D6]"}),(0,t.jsx)("input",{type:"range",min:m,max:p,value:x,onChange:t=>{let a=parseInt(t.target.value,10);a>=m&&f-a>=1&&(h(a),v(a),e(r,a,f))},className:"tw-pointer-events-none tw-absolute tw-top-0 tw-h-[5px] tw-w-full tw--translate-y-1 tw-appearance-none [&::-moz-range-thumb]:tw-pointer-events-auto [&::-moz-range-thumb]:tw-relative [&::-moz-range-thumb]:tw-z-20 [&::-moz-range-thumb]:tw-h-[25px] [&::-moz-range-thumb]:tw-w-[25px] [&::-moz-range-thumb]:tw-cursor-pointer [&::-moz-range-thumb]:tw-rounded-full [&::-moz-range-thumb]:tw-border-4 [&::-moz-range-thumb]:tw-border-white [&::-moz-range-thumb]:tw-bg-[#DBEDF8] [&::-moz-range-thumb]:tw-shadow-[0_2px_9px_-2px_rgba(0,0,0,0.25)] [&::-webkit-slider-thumb]:tw-pointer-events-auto [&::-webkit-slider-thumb]:tw-relative [&::-webkit-slider-thumb]:tw-z-20 [&::-webkit-slider-thumb]:tw-h-[25px] [&::-webkit-slider-thumb]:tw-w-[25px] [&::-webkit-slider-thumb]:tw-cursor-pointer [&::-webkit-slider-thumb]:tw-rounded-full [&::-webkit-slider-thumb]:tw-border-4 [&::-webkit-slider-thumb]:tw-border-white [&::-webkit-slider-thumb]:tw-bg-[#DBEDF8] [&::-webkit-slider-thumb]:tw-shadow-[0_2px_9px_-2px_rgba(0,0,0,0.25)]",style:{background:"none"}}),(0,t.jsx)("input",{type:"range",min:m,max:p,value:f,onChange:t=>{let a=parseInt(t.target.value,10);a<=p&&a-x>=1&&(b(a),N(a),e(r,x,a))},className:"tw-pointer-events-none tw-absolute tw-top-0 tw-h-[5px] tw-w-full tw--translate-y-1 tw-appearance-none [&::-moz-range-thumb]:tw-pointer-events-auto [&::-moz-range-thumb]:tw-relative [&::-moz-range-thumb]:tw-z-20 [&::-moz-range-thumb]:tw-h-[25px] [&::-moz-range-thumb]:tw-w-[25px] [&::-moz-range-thumb]:tw-cursor-pointer [&::-moz-range-thumb]:tw-rounded-full [&::-moz-range-thumb]:tw-border-4 [&::-moz-range-thumb]:tw-border-white [&::-moz-range-thumb]:tw-bg-[#DBEDF8] [&::-moz-range-thumb]:tw-shadow-[0_2px_9px_-2px_rgba(0,0,0,0.25)] [&::-webkit-slider-thumb]:tw-pointer-events-auto [&::-webkit-slider-thumb]:tw-relative [&::-webkit-slider-thumb]:tw-z-20 [&::-webkit-slider-thumb]:tw-h-[25px] [&::-webkit-slider-thumb]:tw-w-[25px] [&::-webkit-slider-thumb]:tw-cursor-pointer [&::-webkit-slider-thumb]:tw-rounded-full [&::-webkit-slider-thumb]:tw-border-4 [&::-webkit-slider-thumb]:tw-border-white [&::-webkit-slider-thumb]:tw-bg-[#DBEDF8] [&::-webkit-slider-thumb]:tw-shadow-[0_2px_9px_-2px_rgba(0,0,0,0.25)]",style:{background:"none"}}),(0,t.jsxs)("div",{className:"tw-flex tw-w-full tw-flex-row tw-justify-between tw-pt-16",children:[(0,t.jsxs)("div",{children:[i.pre,n?y(x):x,i.post]}),(0,t.jsxs)("div",{children:[i.pre,n?y(f):f,i.post]})]})]})]})};var ed=e.i(430559);let eu=(e,t)=>String(e).toLowerCase()===String(t).toLowerCase(),em=[{price:{start:"auto",end:"auto"}},{cpuBrand:{options:["INTEL","AMD"],value:["AMD","INTEL"]}},{valueCpu:{start:2,end:32,min:6,max:12}},{valueRam:{start:16,end:512,min:64,max:256}},{storageType:{options:["NVME_SSD","SSD","HDD"],value:["NVME_SSD","SSD","HDD"]}},{valueSsd:{start:320,end:2048,min:480,max:2048}},{dataStorageType:{options:[],value:[]}},{valueDataStorage:{start:"auto",end:"auto"}},{pagination:{perPage:0}},{ui:{expandPriceSection:!0,expandProcessorSection:!0,expandRamSection:!0,expandStorageSection:!0}

1}],ep=({products:e,onProductsChange:a,locales:r,desktopBreakpoint:w="lg",config:d=""})=>{let u,m,{currency:p,featureTableFilterHeadline:x,featureTableFilterReset:h,featureTableFilterPriceSection:f,featureTableFilterProcessorSection:b,featureTableFilterCpuBrand:g,featureTableFilterCpuValue:v,featureTableFilterCpuUnit:j,featureTableFilterRamSection:N,featureTableFilterRamValue:y,featureTableFilterRamUnit:k,featureTableFilterStorageSection:C,featureTableFilterStorageType:I,featureTableFilterStorageAmount:P,featureTableFilterStorageUnit:O,featureTableFilterResult:T,featureTableFilterResults:L,featureTableFilterShowResults:A}=r,F=(0,l.useBreakpoint)(w),E=(0,o.useAnimation)(),M=["us","ca","uk","mx"].includes("de")?{pre:`${p}`,post:""}:{pre:"",post:` ${p}`},z={cpuBrand:g,valueCpu:v,valueRam:y,storageType:I,valueSsd:P},U={price:M,valueCpu:{pre:"",post:` ${j}`},valueRam:{pre:"",post:` ${k}`},valueSsd:{pre:"",post:` ${O}`},valueDataStorage:{pre:"",post:` ${O}`}},[V,_]=(0,s.useState)(!1),[$,B]=(0,s.useState)(null),[H,R]=(0,s.use

1State)(null),[K,W]=(0,s.useState)(0),Y=d&&"object"==typeof d&&Object.keys(d).length>0?d:em,G=(u=em.find(e=>e.ui)?.ui??{},{showPriceSection:(m=d&&"object"==typeof d&&Object.keys(d).length>0?d.find?.(e=>e.ui)?.ui??{}:{}).expandPriceSection??u.expandPriceSection??!0,showProcessorSection:m.expandProcessorSection??u.expandProcessorSection??!0,showRamSection:m.expandRamSection??u.expandRamSection??!0,showStorageSection:m.expandStorageSection??u.expandStorageSection??!0}),Z=Y.map(e=>({...Object.keys(e).reduce((t,a)=>{let s=e[a];if(s&&"object"==typeof s){let e={...s};"start"in e&&"end"in e&&("min"in e||"auto"===e.start||(e.min=e.start),"max"in e||"auto"===e.end||(e.max=e.end)),e.options&&!e.value&&(e.value=[]),t[a]=e}else t[a]=s;return t},{})})),J=(d&&"object"==typeof d&&Object.keys(d).length>0?d.find?.(e=>e.ui)?.ui??{}:em.find(e=>e.ui)?.ui??{}).sections,X=new URLSearchParams;(0,Q.useLockBodyScroll)(!!V,!1);let ee=(0,s.useCallback)(()=>{{let e=window.location.pathname.split("/"),t=(e[e.length-1]||"").replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).replace(/\s/g,"");return`productFilterState${t}`}},[]),et=ee(),ea=`${ee()}_sections`,es=(0,s.useCallback)(()=>{try{let e=sessionStorage.getItem(ea);if(e){let t=JSON.parse(e);if("boolean"==typeof t[0])return t;return{0:t.showPriceSection??G.showPriceSection,1:t.showProcessorSection??G.showProcessorSection,2:t.showRamSection??G.showRamSection,3:t.showStorageSection??G.showStorageSection}}}catch(e){console.warn("Failed to load section states from session storage:",e)}return J?J.reduce((e,t,a)=>(e[a]=t.expanded,e),{}):{0:G.showPriceSection,1:G.showProcessorSection,2:G.showRamSection,3:G.showStorageSection}},[ea,G,J])(),[el,er]=(0,s.useState)(es),ei=(0,s.useCallback)(()=>{try{let e=sessionStorage.getItem(et);if(e){let t=JSON.parse(e);return Z.map((e,a)=>((e,t)=>{if(!t)return e;let a={...e};return Object.keys(a).forEach(e=>{t[e]&&(a[e]={...a[e],...void 0!==t[e].start&&{start:t[e].start},...void 0!==t[e].end&&{end:t[e].end},...void 0!==t[e].min&&{min:t[e].min},...void 0!==t[e].max&&{max:t[e].max},...void 0!==t[e].value&&{value:t[e].value}})}),a})(e,t[a]))}}catch(e){console.warn("Failed to load filters from session storage:",e)}return Z},[et,Z]),[en,eo]=(0,s.useState)(ei()),ec=(0,s.useCallback)(e=>{try{sessionStorage.setItem(et,JSON.stringify(e))}catch(e){console.warn("Failed to save filters to session storage:",e)}},[et]);(0,s.useEffect)(()=>{try{sessionStorage.setItem(ea,JSON.stringify(el))}catch(e){console.warn("Failed to save section states to session storage:",e)}},[ea,el]);let ep=(e,t)=>t.map((t,a)=>{var s;let l={...t};return s=Y[a],Object.keys(l).forEach(t=>{let a=l[t],r=s?.[t];if(!a||"object"!=typeof a||!r||!("start"in r)&&!("end"in r))return;let i="auto"===r.start&&"auto"===a.start,n="auto"===r.end&&"auto"===a.end;if(!i&&!n)return;let o=e.map(e=>{let a=e[t];return"string"==typeof a?parseFloat(a):a}).filter(e=>"number"==typeof e&&!isNaN(e));if(0===o.length)return;let c=Math.min(...o),w=Math.max(...o);i&&(a.start=c,a.min&&"auto"!==a.min||(a.min=c)),n&&(a.end=w,a.max&&"auto"!==a.max||(a.max=w))}),l}),ex=async()=>{let t=(0,D.getDefaultHeadersForFetch)();try{let a,s=`${(a=new URLSearchParams(window.location.search),(X.append("useSession","true"),"PRELIVE"===a.get("ADMCMD_prev")||"PRELIVE"===window.localStorage.getItem("ADMCMD_prev"))?"https://shop-api.ionos.de/prelive":"https://www.ionos.de/shop-api/v1")}/api/shop/server/specifications?${X.toString()}`,l=await ed.default.post(s,{serverCmsIdentifiers:e.map(e=>e.articleId).filter(Boolean)},{headers:t,withCredentials:!0}),r=l.headers["content-type"];if(r&&r.includes("application/json")){let e=l.data.specifications?Object.entries(l.data.specifications).map(([e,t])=>({..."object"==typeof t&&null!==t?t:{},articleId:e})):[];B(e);let t=ep(e,en);eo(t),ec(t),R(eb(e,t))}else throw Error("Expected JSON response")}catch(e){console.error("Error fetching server specifications:",e)}},eh=(e,t,a)=>{let s=en.map(s=>s[e]?{[e]:{...s[e],min:t,max:a}}:s);s.some(t=>t[e])||s.push({[e]:{min:t,max:a}}),eo(s),ec(s)},ef=e=>en.map(t=>"object"==typeof t&&null!==t&&Object.prototype.hasOwnProperty.call(t,e)?t[e]:null).filter(e=>null!==e),eb=(e,t)=>{let a=t||en;return a&&0!==a.length?e.filter(e=>a.every(t=>"object"!=typeof t||null===t||Object.keys(t).every(a=>((e,t,a)=>{if("pagination"===a||"ui"===a)return!0;let s=t[a],l=e[a];if(s&&"object"==typeof s&&("min"in s||"max"in s)){let e;return e="string"==typeof l?parseFloat(l):l,"min"in s&&"max"in s?e>=s.min&&e<=s.max:"min"in s?e>=s.min:!("max"in s)||e<=s.max}return Array.isArray(s.value)?0===s.value.length||s.value.some(e=>String(e).toLowerCase()===String(l).toLowerCase()):"string"==typeof l?String(l).toLowerCase()===String(s.value).toLowerCase():l===s.value}

1)(e,t,a)))):e},eg=(e,a,s)=>(0,t.jsx)("div",{className:"tw-mb-10 tw-flex tw-flex-col tw-gap-8 tw-pt-8",children:a.map((a,l)=>{let r=s?.[l]??a.replace("_"," ");return(0,t.jsxs)("label",{className:"tw-flex tw-gap-4",children:[(0,t.jsx)("input",{type:"checkbox",checked:ef(e)[0]?.value?.some(e=>eu(e,a)),onChange:t=>{var s,l;let r,i,n,o;return s=t.target.checked,r=ef(e)[0],i=r?.value?[...r.value]:[],s?i.some(e=>eu(e,a))||i.push(a):i=i.filter(e=>!eu(e,a)),l=i,(n=en.map(t=>t[e]?{[e]:{...t[e],value:l}}:t)).some(t=>t[e])||n.push({[e]:{value:l}}),void(eo(o=n),ec(o))}}),(0,t.jsx)("span",{className:"tw-pt-2",children:r})]},a)})}),ev=e=>e&&H?e.filter(e=>H.some(t=>!!t.articleId&&eu(t.articleId,e.articleId??""))):[],ej=()=>(0,t.jsxs)("button",{className:"tw-flex tw-flex-row tw-gap-x-6 tw-rounded-full tw-border-2 tw-border-ionos-blue-700 tw-fill-ionos-blue-700 tw-px-16 tw-text-base tw-leading-[36px] tw-text-ionos-blue-700 hover:tw-border-ionos-blue-400 hover:tw-bg-ionos-blue-400 hover:tw-fill-grey-0 hover:tw-text-white",onClick:()=>{let e;eo(e=$?ep($,[...Z]):[...Z]),W(e=>e+1),J?er(J.reduce((e,t,a)=>(e[a]=t.expanded,e),{})):er({0:G.showPriceSection,1:G.showProcessorSection,2:G.showRamSection,3:G.showStorageSection}),$&&(ec(e),R(eb($,e)))},children:[(0,t.jsxs)("svg",{style:{marginTop:"9px"},xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",children:[(0,t.jsx)("g",{clipPath:"url(#clip0_1242_78061)",children:(0,t.jsx)("path",{d:"M1.40634 7.538C1.04723 7.45534 0.823676 7.09712 0.906343 6.73845C1.70145 3.29445 4.72901 0.888672 8.26856 0.888672C10.5259 0.888672 12.6326 1.91801 14.0463 3.58956V1.55534C14.0463 1.18689 14.345 0.888672 14.713 0.888672C15.081 0.888672 15.3797 1.18689 15.3797 1.55534V5.99978C15.3797 6.36823 15.081 6.66645 14.713 6.66645H10.713C10.345 6.66645 10.0463 6.36823 10.0463 5.99978C10.0463 5.63134 10.345 5.33312 10.713 5.33312H13.6557C12.5557 3.43978 10.4997 2.22201 8.26856 2.22201C5.35301 2.22201 2.86012 4.20289 2.20545 7.03845C2.13434 7.34689 1.85968 7.55534 1.55612 7.55534C1.50679 7.55534 1.45612 7.54956 1.4059 7.538H1.40634ZM15.0557 9.36156C14.7059 9.25578 14.3317 9.454 14.2246 9.806C13.437 12.406 10.9877 14.2216 8.26856 14.2216C6.03745 14.2216 3.98145 13.0038 2.88145 11.1104H5.82412C6.19212 11.1104 6.49079 10.8122 6.49079 10.4438C6.49079 10.0753 6.19212 9.77712 5.82412 9.77712H1.82412C1.45612 9.77712 1.15745 10.0753 1.15745 10.4438V14.8882C1.15745 15.2567 1.45612 15.5549 1.82412 15.5549C2.19212 15.5549 2.49079 15.2567 2.49079 14.8882V12.854C3.90456 14.5256 6.01123 15.5549 8.26856 15.5549C11.6228 15.5549 14.529 13.3998 15.5006 10.1927C15.6072 9.84023 15.4081 9.46867 15.0557 9.36156Z"})}),(0,t.jsx)("defs",{children:(0,t.jsx)("clipPath",{id:"clip0_1242_78061",children:(0,t.jsx)("rect",{width:"16",height:"16"})})})]}),h]});(0,s.useEffect)(()=>{$||ex()},[]),(0,s.useEffect)(()=>{E.start(V?"open":"collapsed")},[E,V]),(0,s.useEffect)(()=>{$&&R(eb($,en))},[en,K]),(0,s.useEffect)(()=>{H&&a?.(ev(e))},[H]);let eN=(0,s.useCallback)(e=>{_(e)},[]),ey=e=>{let a=ef(e)[0],l=a?.headline??z[e],r=U[e]??{pre:"",post:""};return a?.options?(0,t.jsxs)(s.default.Fragment,{children:[l&&(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:l}),eg(e,a.options,a.labels),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]},e):(0,t.jsxs)(s.default.Fragment,{children:[l&&(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:l}),(0,t.jsx)(ew,{setRangeSliderValues:eh,data:ef(e),name:e,unit:r,..."price"===e?{format:!0}:{},className:`tw-mb-48${!l?" tw-mt-16":""}`},`${e}-${K}`),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]},e)},ek=()=>J?J.map((e,a)=>{let s=e.filters.filter(e=>ef(e)[0]);if(0===s.length)return null;let l=el[a]??e.expanded;return(0,t.jsxs)("div",{className:"tw-container tw-mb-16 tw-rounded-lg tw-bg-grey-0 tw-p-10 tw-pb-16",children:[(0,t.jsx)("h3",{className:"tw--mx-10 tw--mb-16 tw-border-cool-grey-100 tw-text-lg",children:(0,t.jsxs)("button",{type:"button",className:"tw-flex tw-w-full tw-cursor-pointer tw-items-center tw-justify-between tw-px-10 tw-pb-8",onClick:()=>{er(e=>({...e,[a]:!e[a]}

1))},children:[e.headline," ",l?(0,t.jsx)(S.ArrowUpFlatRegularUrl,{width:20,height:20}):(0,t.jsx)(S.ArrowDownFlatRegularUrl,{width:20,height:20})]})}),l&&(0,t.jsx)("div",{className:"tw--mt-24 tw-overflow-hidden tw-px-8",children:s.map(ey)})]},e.headline)}):null,eC=(e,a,s,l="tw--mt-24 tw-overflow-hidden tw-px-8")=>{let r=el[e];return(0,t.jsxs)("div",{className:"tw-container tw-mb-16 tw-rounded-lg tw-bg-grey-0 tw-p-10 tw-pb-16",children:[(0,t.jsx)("h3",{className:"tw--mx-10 tw--mb-16 tw-border-cool-grey-100 tw-text-lg",children:(0,t.jsxs)("button",{type:"button",className:"tw-flex tw-w-full tw-cursor-pointer tw-items-center tw-justify-between tw-px-10 tw-pb-8",onClick:()=>er(t=>({...t,[e]:!t[e]})),children:[a," ",r?(0,t.jsx)(S.ArrowUpFlatRegularUrl,{width:20,height:20}):(0,t.jsx)(S.ArrowDownFlatRegularUrl,{width:20,height:20})]})}),r&&(0,t.jsx)("div",{id:"filter-section",className:l,children:s})]},e)},eS=()=>(0,t.jsxs)(t.Fragment,{children:[ef("price")[0]&&eC(0,f,(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(ew,{setRangeSliderValues:eh,data:ef("price"),name:"price",unit:M,format:!0,className:"tw-mb-48"},`price-${K}`),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]}),"tw-mt-8 tw-overflow-hidden"),(ef("cpuBrand")[0]||ef("valueCpu")[0])&&eC(1,b,(0,t.jsxs)(t.Fragment,{children:[ef("cpuBrand")[0]&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:g}),eg("cpuBrand",ef("cpuBrand")[0].options,ef("cpuBrand")[0].labels),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]}),ef("valueCpu")[0]&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:v}),(0,t.jsx)(ew,{setRangeSliderValues:eh,data:ef("valueCpu"),name:"valueCpu",unit:{pre:"",post:` ${j}`},className:"tw-mb-48"},`valueCpu-${K}

1`),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]})]})),ef("valueRam")[0]&&eC(2,N,(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:y}),(0,t.jsx)(ew,{setRangeSliderValues:eh,data:ef("valueRam"),name:"valueRam",unit:{pre:"",post:` ${k}`},className:"tw-mb-48"},`valueRam-${K}`),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]})),(ef("storageType")[0]||ef("valueSsd")[0])&&eC(3,C,(0,t.jsxs)(t.Fragment,{children:[ef("storageType")[0]&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:I}),eg("storageType",ef("storageType")[0].options,ef("storageType")[0].labels),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]}),ef("valueSsd")[0]&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"tw-mt-24 tw-block tw-font-sans-bold tw-text-base",children:P}),(0,t.jsx)(ew,{setRangeSliderValues:eh,data:ef("valueSsd"),name:"valueSsd",unit:{pre:"",post:` ${O}`},className:"tw-mb-48"},`valueSsd-${K}`),(0,t.jsx)("hr",{className:"tw--mb-16 tw-border-grey-200"})]})]}))]});return(0,t.jsxs)(t.Fragment,{children:[F&&(0,t.jsxs)("div",{className:"tw-sticky tw-top-0 tw-flex tw-w-[250px] tw-flex-col tw-font-overpass-semibold",children:[(0,t.jsxs)("div",{className:"tw-flex-items-end tw-mb-16 tw-flex tw-h-[48px] tw-flex-row tw-items-center tw-border-ionos-blue-700",children:[(0,t.jsx)("h2",{className:"tw-flex-grow",children:x}),(0,t.jsxs)("div",{children:[(0,t.jsx)("strong",{children:ev(e).length})," ",1===ev(e).length?T:L]})]}),J?ek():eS(),(0,t.jsx)("div",{className:"tw-flex-items-end tw-mb-16 tw-flex tw-h-[57px] tw-flex-row tw-items-center tw-justify-end tw-border-ionos-blue-700",children:ej()})]},K),!F&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"tw-absolute tw-z-10 tw-mt-4 tw-flex tw-w-[250px] tw-flex-row tw-gap-x-16",children:[(0,t.jsxs)("button",{className:"tw-flex tw-flex-row tw-gap-x-6 tw-rounded-full tw-border-2 tw-border-ionos-blue-700 tw-fill-ionos-blue-700 tw-px-16 tw-text-base tw-leading-[36px] tw-text-ionos-blue-700 hover:tw-border-ionos-blue-400 hover:tw-bg-ionos-blue-400 hover:tw-fill-grey-0 hover:tw-text-white",onClick:()=>{eN(!0)},children:[x,(0,t.jsx)("svg",{style:{marginTop:"9px"},xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",children:(0,t.jsx)("path",{d:"M1.55534 4.00003H9.33312V4.22225C9.33312 5.08003 10.0309 5.7778 10.8887 5.7778H11.7776C12.6353 5.7778 13.3331 5.08003 13.3331 4.22225V4.00003H14.4442C14.8122 4.00003 15.1109 3.7018 15.1109 3.33336C15.1109 2.96492 14.8122 2.66669 14.4442 2.66669H13.3331V2.44447C13.3331 1.58669 12.6353 0.888916 11.7776 0.888916H10.8887C10.0309 0.888916 9.33312 1.58669 9.33312 2.44447V2.66669H1.55534C1.18734 2.66669 0.888672 2.96492 0.888672 3.33336C0.888672 3.7018 1.18734 4.00003 1.55534 4.00003ZM10.6664 2.44447C10.6664 2.3218 10.7664 2.22225 10.8887 2.22225H11.7776C11.8998 2.22225 11.9998 2.3218 11.9998 2.44447V4.22225C11.9998 4.34492 11.8998 4.44447 11.7776 4.44447H10.8887C10.7664 4.44447 10.6664 4.34492 10.6664 4.22225V2.44447ZM14.4442 7.33336H7.11089V7.11114C7.11089 6.25336 6.41312 5.55558 5.55534 5.55558H4.66645C3.80867 5.55558 3.11089 6.25336 3.11089 7.11114V7.33336H1.55534C1.18734 7.33336 0.888672 7.63158 0.888672 8.00003C0.888672 8.36847 1.18734 8.66669 1.55534 8.66669H3.11089V8.88892C3.11089 9.74669 3.80867 10.4445 4.66645 10.4445H5.55534C6.41312 10.4445 7.11089 9.74669 7.11089 8.88892V8.66669H14.4442C14.8122 8.66669 15.1109 8.36847 15.1109 8.00003C15.1109 7.63158 14.8122 7.33336 14.4442 7.33336ZM5.77756 8.88892C5.77756 9.01158 5.67756 9.11114 5.55534 9.11114H4.66645C4.54423 9.11114 4.44423 9.01158 4.44423 8.88892V7.11114C4.44423 6.98847 4.54423 6.88892 4.66645 6.88892H5.55534C5.67756 6.88892 5.77756 6.98847 5.77756 7.11114V8.88892ZM14.4442 12H11.9998V11.7778C11.9998 10.92 11.302 10.2222 10.4442 10.2222H9.55534C8.69756 10.2222 7.99978 10.92 7.99978 11.7778V12H1.55534C1.18734 12 0.888672 12.2982 0.888672 12.6667C0.888672 13.0351 1.18734 13.3334 1.55534 13.3334H7.99978V13.5556C7.99978 14.4134 8.69756 15.1111 9.55534 15.1111H10.4442C11.302 15.1111 11.9998 14.4134 11.9998 13.5556V13.3334H14.4442C14.8122 13.3334 15.1109 13.0351 15.1109 12.6667C15.1109 12.2982 14.8122 12 14.4442 12ZM10.6664 13.5556C10.6664 13.6782 10.5664 13.7778 10.4442 13.7778H9.55534C9.43312 13.7778 9.33312 13.6782 9.33312 13.5556V11.7778C9.33312 11.6551 9.43312 11.5556 9.55534 11.5556H10.4442C10.5664 11.5556 10.6664 11.6551 10.6664 11.7778V13.5556Z"})})]}),H&&(0,t.jsxs)("div",{className:"tw-flex-grow tw-text-right tw-font-overpass-semibold tw-leading-[39px]",children:[(0,t.jsx)("strong",{children:ev(e).length})," ",1===ev(e).length?T:L]})]}),(0,t.jsxs)(n.LazyMotion,{features:i.domAnimation,children:[(0,t.jsx)(c.m.div,{initial:"collapsed",animate:E,className:"tw-fixed tw-right-0 tw-top-0 tw-z-1000 tw-flex tw-h-full tw-w-full tw-transform tw-flex-col tw-overflow-hidden tw-border-1 tw-bg-grey-0 t

1w-text-cool-grey-800 md:tw-w-[325px]",exit:"collapsed",variants:{open:{left:0},collapsed:{left:"-1000px"}},transition:{duration:.5},children:$&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"tw-bg-grey-0 tw-px-24 tw-py-14",children:[(0,t.jsx)("button",{"aria-label":"Close",onClick:()=>{eN(!1)},className:"tw-absolute tw-right-32 tw-top-28 tw-h-16 tw-w-16 -tw-translate-y-1/2 tw-translate-x-1/2 tw-cursor-pointer after:tw-absolute after:tw-left-1/2 after:tw-top-0 after:tw-inline-block after:tw-h-16 after:tw-w-2 after:tw-rotate-45 after:tw-bg-ionos-blue-800 after:tw-content before:tw-absolute before:tw-left-1/2 before:tw-top-0 before:tw-inline-block before:tw-h-16 before:tw-w-2 before:-tw-rotate-45 before:tw-bg-ionos-blue-800 before:tw-content","data-testid":"upsell-popup-close-button"}),(0,t.jsxs)("div",{className:"tw-flex-gap-16 tw-flex-justify tw-flex tw-flex-row tw-items-center",children:[(0,t.jsx)(q.OldHeadline,{size:"heading3",className:"tw-flex-grow",children:x}),(0,t.jsxs)("div",{className:"tw-mr-48",children:[(0,t.jsx)("strong",{children:ev(e).length})," ",L]})]})]}),(0,t.jsx)("div",{className:"tw-grow tw-overflow-y-auto tw-bg-cool-grey-100 tw-px-24 tw-py-40",children:J?ek():eS()},K),(0,t.jsxs)("div",{className:"tw-flex tw-items-center tw-justify-between tw-gap-12 tw-border-t-1 tw-bg-grey-0 tw-px-24 tw-py-14",children:[ej(),(0,t.jsx)("button",{className:"tw-flex tw-flex-row tw-gap-x-6 tw-rounded-full tw-border-2 tw-border-ionos-blue-700 tw-bg-ionos-blue-700 tw-px-16 tw-text-base tw-leading-[36px] tw-text-white hover:tw-border-ionos-blue-400 hover:tw-bg-ionos-blue-400 md:tw-hidden",onClick:()=>eN(!1),children:A})]})]})}),(0,t.jsx)(c.m.div,{layout:!0,role:"presentation",initial:{opacity:+!!V,zIndex:V?49:-1},animate:{opacity:+!!V,zIndex:V?49:-1},exit:{opacity:0,zIndex:-1},transition:{duration:.125,delay:0},className:"tw-fixed tw-inset-0 tw-h-screen tw-w-screen tw-bg-ionos-blue-800 tw-bg-opacity-40",onClick:()=>eN(!1)},"filterBackdrop")]})]})]})};var ex=e.i(258093),eh=e.i(546071);let ef=({cmsIdentifier:e,product:l,datacenterDataResponse:r,onVisiblityChange:i,datacenterSelector:n,useOrderabilityCheck:o,locales:c})=>{let w=r?.find(t=>t.serverCmsIdentifier===e)||{},[d,u]=(0,s.useState)(),[m,p]=(0,s.useState)("");(0,s.useEffect)(()=>{if(w.datacenterFeatures){let e=Object.fromEntries(Object.entries(w.datacenterFeatures).map(([e,t])=>[e,{...t,location:t.location?.toUpperCase()==="UK"?"GB":t.location?.toUpperCase()}])),t=new Map;Object.entries(e).forEach(([e,a])=>{let s=a.location,l=t.get(s);l?a.available&&!l.datacenterData.available&&t.set(s,{datacenterId:e,datacenterData:a}):t.set(s,{datacenterId:e,datacenterData:a})}),w.datacenterFeatures=Object.fromEntries(Array.from(t.values()).map(({datacenterId:e,datacenterData:t})=>[e,t]))}},[w]);let{datacenterSelectorHeadline:x,datacenterSelectorSubheadline:h,datacenterSelectorUnavailableLabel:f,datacenterSelectorUnavailableInfo:b,datacenterSelectorCustomizationLabel:g,datacenterSelectorUpgradeabilityLabel:v,featureTableLinkValue:j,datacenterSelectorDE:N,datacenterSelectorUK:y,datacenterSelectorES:k,datacenterSelectorEN:C,datacenterSelectorFR:I,datacenterSelectorPhoneNumber:D,datacenterSelectorButtonChoose:P}=c,O=(n||[]).map(e=>e.flagCode?.toUpperCase()).filter(Boolean),T=(e,t)=>{u(e),p(t?"&external":"")};return(0,s.useEffect)(()=>{if(w.datacenterFeatures&&!d){let e=Object.entries(w.datacenterFeatures).filter(([e,t])=>t?.location!=="N/A").sort(([,e],[,t])=>{let a=O.indexOf(e.location),s=O.indexOf(t.location);return -1===a&&-1===s?0:-1===a?1:-1===s?-1:a-s}).find(([e,t])=>!0===t.available);if(e){let[t,a]=e;T(t,a?.customizable)}}},[w.datacenterFeatures,d]),(0,t.jsxs)("div",{className:"tw-flex tw-h-full tw-flex-col tw-bg-cool-grey-100",children:[(0,t.jsx)("div",{className:"tw-flex tw-flex-row tw-items-start tw-bg-grey-0 tw-px-24 tw-py-16",children:(0,t.jsxs)("div",{className:"tw-flex tw-flex-grow tw-flex-col tw-gap-4",children:[(0,t.jsxs)("div",{className:"tw-flex tw-flex-row tw-items-center tw-gap-8",children:[(0,t.jsx)("div",{className:"tw-font-open-sans tw-flex-grow tw-text-base tw-uppercase",children:w.serverTitle}),(0,t.jsx)("button",{className:"tw-h-13 tw-w-13 tw-mt-2",onClick:e=>{e.target,i(!1)},children:(0,t.jsx)(S.OffCanvasCloseUrl,{width:13,height:13})})]}),(0,t.jsx)("div",{children:(0,t.jsx)(q.OldHeadline,{as:"h3",size:"heading3",children:x})}),(0,t.jsx)("div",{className:"tw-font-open-sans tw-text-base",children:h})]})}),(0,t.jsx)("div",{className:"tw-full tw-flex tw-flex-grow tw-flex-col tw-overflow-hidden",children:(0,t.jsx)("div",{className:"tw-flex tw-flex-col tw-gap-24 tw-overflow-y-auto tw-px-24 tw-py-40",children:w.datacenterFeatures&&Object.entries(w.datacenterFeatures).filter(([e,t])=>t?.location!=="N/A").sort(([,e],[,t])=>{let a=O.indexOf(e.location),s=O.indexOf(t.location);return -1===a&&-1===s?0:-1===a?1:-1===s?-1:a-s}).map(([e,s])=>(0,t.jsx)("div",{"data-testid":`datacenter-option-container-${s.location}`,className:(0,a.classNames)("tw-full hover:tw-bg-grey-50 tw-flex tw-cursor-auto tw-items-center",{"tw-cursor-pointer":!0===s.available}),children:(0,t.jsx)("div",{className:"tw-flex tw-flex-grow tw-flex-col",children:(0,t.jsx)("div",{"data-testid":`datacenter-option-${s.location}`,className:"",onClick:()=>{!0===s.available&&T(e,s.customizable)},children:(0,t.jsxs)("div",{className:(0,a.classNames)("tw-relative tw-flex tw-flex-nowrap tw-items-center tw-rounded-[4px] tw-border-2 tw-border-transparent tw-bg-cool-grey-100 t

1w-p-12 tw-py-16 lg:tw-py-24",{"tw-border-cool-grey-500 tw-bg-white hover:tw-border-ionos-blue-400 hover:tw-bg-ionos-blue-300/10":!0===s.available,"tw-border-ionos-blue-400 tw-bg-ionos-blue-300/10":e===d}),children:[(0,t.jsxs)("button",{"data-testid":`datacenter-select-button-${s.location}`,className:(0,a.classNames)("tw-flex tw-flex-grow tw-min-w-0 tw-basis-1/2 tw-items-center lg:tw-basis-auto",{"tw-cursor-auto":!1===s.available}),children:[(0,t.jsx)(ex.Image,{className:"tw-mr-14 tw-h-24 tw-w-24 tw-rounded-full tw-object-cover",src:`/icons/flags/${s.location}.svg`,alt:`flag-${s.location?.toLowerCase()}`,title:`flag-${s.location?.toLowerCase()}`,width:32,height:16}),(0,t.jsx)("span",{id:`datacenterId_${e}`,className:"tw-whitespace-normal tw-text-left tw-leading-tight",children:c[`datacenterSelector${s.location}`]})]}),!1===s.available&&(0,t.jsx)("div",{"data-testid":`datacenter_location_unavailable_${s.location}`,className:"tw-flex tw-justify-items-end",children:f}),!0===s.customizable&&!0===s.available&&(0,t.jsx)("div",{"data-testid":`datacenter_location_customizable_${s.location}`,className:"tw-flex tw-min-w-0 tw-basis-1/2 tw-justify-end lg:tw-basis-auto",children:(0,t.jsx)(Y.Label,{"data-testid":`datacenter_location_customizable_${s.location}`,type:"neutral",className:"tw-mr-10 tw-inline-block tw-whitespace-normal tw-text-xs",children:g})}),!0===s.upgradeability&&!1===s.available&&(0,t.jsx)("div",{"data-testid":`datacenter_location_upgradeable_${s.location}`,className:"tw-flex tw-justify-items-end",children:(0,t.jsx)(Y.Label,{"data-testid":`datacenter_location_upgradeable_${s.location}`,type:"neutral",className:"tw-mr-10 tw-whitespace-nowrap tw-text-xs",children:v})})]})},e)})},`datacenter_selector_${e}`))})}),(0,t.jsxs)("div",{className:"tw-flex tw-flex-col tw-gap-24 tw-bg-grey-0 tw-px-16 tw-pb-16 tw-pt-16",children:[(0,t.jsx)("span",{children:b}),(0,t.jsxs)("div",{className:"tw-flex tw-flex-row tw-justify-end tw-gap-16",children:[(0,t.jsx)(eh.OldLink,{button:!0,"data-testid":"datacenter-selector-phone-link",href:`tel: ${D}`,primary:!1,className:"tw-w-1/2 hover:tw-border-ionos-blue-400 hover:tw-bg-ionos-blue-400",children:D}),l&&(0,t.jsx)(V.PriceCTA,{additioanQueryParams:`&datacenter=${d}${m}`,articleAvailable:Object.values(w.datacenterFeatures).filter(e=>e.available).length>=1,isDomainArticle:!1,className:"!tw-w-1/2 [&>a]:tw-mt-0 [&>a]:tw-max-w-none [&>a]:tw-justify-items-stretch [&>a]:tw-border-0 [&>a]:tw-bg-ionos-blue-700 [&>a]:tw-text-grey-0 [&>a]:hover:tw-bg-ionos-blue-400",cmsIdentifier:e,orderLink:l.articles[0]?.orderLink,orderLinkNewCheckout:l.articles[0]?.orderLinkNewCheckout,componentType:"horizontal-featuretable",buttonText:P})]})]})]})},eb=({cmsIdentifier:e,products:a,visible:l,setDatacenterSelector:r,locales:w,datacenterSelector:d,useOrderabilityCheck:u})=>{let m=(0,o.useAnimation)(),[p,x]=(0,s.useState)(l),[h,f]=(0,s.useState)(),b=new URLSearchParams,g=(d||[]).map(e=>e.flagCode?.toUpperCase()).filter(Boolean),v=async()=>{let t=(0,D.getDefaultHeadersForFetch)();try{let s,l=`${(s=new URLSearchParams(window.location.search),(b.append("useSession","true"),"PRELIVE"===s.get("ADMCMD_prev")||"PRELIVE"===window.localStorage.getItem("ADMCMD_prev"))?"https://shop-api.ionos.de/prelive":"https://www.ionos.de/shop-api/v1")}/api/shop/server/bulk-server-status?${b.toString()}`,r=await ed.default.post(l,[e],{headers:t,withCredentials:!0}),i=r.headers["content-type"];if(i&&i.includes("application/json")){var a;f((a=r.data,g.length?a.map(e=>{if(!e.datacenterFeatures)return e;let t=Object.fromEntries(Object.entries(e.datacenterFeatures).sort(([,e],[,t])=>{let a=e.location?.toUpperCase()==="UK"?"GB":e.location?.toUpperCase(),s=t.location?.toUpperCase()==="UK"?"GB":t.location?.toUpperCase(),l=g.indexOf(a),r=g.indexOf(s);return -1===l&&-1===r?0:-1===l?1:-1===r?-1:l-r}));return{...e,datacenterFeatures:t}}):a))}else throw Error("Expected JSON response")}catch(e){console.error("Error fetching server specifications:",e)}};(0,Q.useLockBodyScroll)(!!p,!1),(0,s.useEffect)(()=>{p||(v(),setTimeout(()=>{x(!0)},500)),m.start(p?"open":"collapsed")},[m,p]);let j=(0,s.useCallback)(e=>{x(e),setTimeout(()=>{!1==e&&r(null)},500)},[]);return(0,t.jsxs)(n.LazyMotion,{features:i.domAnimation,children:[(0,t.jsx)(c.m.div,{initial:"collapsed",animate:m,className:"tw-fixed tw-bottom-0 tw-right-0 tw-z-1000 tw-flex tw-h-[80%] tw-w-full tw-transform tw-flex-col tw-overflow-hidden tw-border-1 tw-bg-cool-grey-100 t

1w-text-cool-grey-800 md:tw-top-0 md:tw-h-full md:tw-w-[440px] lg:tw-top-0 lg:tw-h-full lg:tw-w-[440px]",exit:"collapsed","data-testid":"datacenter-selector-container",variants:{open:{right:0},collapsed:{right:"-440px"}},transition:{duration:.5},children:h&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(ef,{product:a.find(t=>t.articleId===e),datacenterDataResponse:h,onVisiblityChange:j,useOrderabilityCheck:u,datacenterSelector:d,locales:w,cmsIdentifier:e},`datacenters_${e}`)})}),(0,t.jsx)(c.m.div,{layout:!0,initial:{opacity:+!!p,zIndex:p?49:-1},animate:{opacity:+!!p,zIndex:p?49:-1},exit:{opacity:0,zIndex:-1},transition:{duration:.125,delay:0},className:"tw-fixed tw-inset-0 tw-h-screen tw-w-screen tw-bg-ionos-blue-800 tw-bg-opacity-40",onClick:()=>j(!1)},"datacenterSelectorBackdrop")]})};var eg=e.i(283194),ev=e.i(900692);let ej=e=>e?.find?.(e=>e?.pagination)?.pagination?.perPage,eN=({products:e,articles:r,priceTemplate:i,tableDirection:n,articleDropdowns:o,useNewCheckout:c,tableStyle:w,datacenterSelector:d,offCanvasBasket:u,upsellPopup:m,useOrderabilityCheck:x,isDatacenterIncluded:h,featureTableInclusive:f,isActive:b=!0,footerText:g,locales:v,useFilter:j=!1,filterConfig:N=[],hourly:y=!1,hidePriceCta:k=!1})=>{let C=(0,l.useBreakpoint)("xl"),{featureTableNoResultHeadline:S,featureTableNoResultText:I}=v,D="default"===w||"dedicated"===w,[P,O]=(0,s.useState)([]),T=j?P:e,L=T.length?Object.values(T[0]?.headlines[0]):void 0,A=(0,s.useCallback)(e=>{O(e)},[]),{displayedItems:F,showPagination:E,productsPerPage:M,currentPage:z,totalItems:U,totalPages:V,handlePageChange:_}=((e,t)=>{let a=ej(t)??ej(em),{currentPage:s,totalItems:l,totalPages:r,paginatedItems:i,handlePageChange:n}=(0,ev.usePagination)(e,a);return{displayedItems:a?i:e,showPagination:!!a&&r>1,productsPerPage:a,currentPage:s,totalItems:l,totalPages:r,handlePageChange:n}})(T,N),$=j&&C?F:T,B=(0,s.useRef)(null),[H,R]=(0,s.useState)(),K=e=>{R(e)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"tw-rd-container",children:(0,t.jsx)(p,{content:f})}),(0,t.jsxs)("div",{className:(0,a.classNames)(j&&"xl:tw-flex xl:tw-gap-32"),children:[j&&(0,t.jsx)("div",{className:"tw-mb-20 xl:tw-mb-0 xl:tw-shrink-0",children:(0,t.jsx)(ep,{desktopBreakpoint:"xl",onProductsChange:A,products:e,locales:v,config:N})}),H&&!u?.enabled&&!m?.enabled&&(0,t.jsx)(eb,{cmsIdentifier:H,locales:v,visible:!1,useOrderabilityCheck:x,setDatacenterSelector:K,datacenterSelector:d,products:T}),(0,t.jsxs)("div",{ref:B,className:(0,a.classNames)(j&&"xl:tw-flex-1",C?"":"tw-mt-48 tw-pt-24"),children:[(0,t.jsx)("div",{className:"tw-hidden tw-w-full tw-px-5 xl:tw-block",children:(0,t.jsx)("div",{className:"tw-mb-8 tw-px-24 xl:tw-grid xl:tw-grid-cols-5",children:L?.map(e=>("\r"!==e||!D)&&(0,t.jsx)("div",{className:(0,a.classNames)("tw-py-16 tw-text-left"),children:e}))})}),T&&(0,t.jsx)(t.Fragment,{children:0==T.length?(0,t.jsxs)("div",{className:"tw-flex tw-min-h-64 tw-flex-col tw-items-center tw-justify-center tw-pt-48",children:[(0,t.jsx)("div",{children:(0,t.jsx)(es.Headline,{as:"h3",size:"heading-xl",className:"tw-mb-8 tw-font-overpass-semibold",children:S})}),(0,t.jsx)("div",{className:"tw-text-center tw-font-sans-regular tw-text-base",children:I})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(el,{itemLength:$.length,className:"tw-flex tw-select-none tw-overflow-hidden tw-no-scrollbar xl:tw-contents",footerText:g,children:(0,t.jsx)(eo,{products:$,articles:r,priceTemplate:i,tableDirection:n,articleDropdowns:o,useNewCheckout:c,tableStyle:w,useOrderabilityCheck:x,isDatacenterIncluded:h,offCanvasBasket:u,upsellPopup:m,...h?{setDatacenterSelector:K}:{setDatacenterSelector:null},featureTableInclusive:f,isActive:b,isDefault:D,locales:v,hourly:y,hidePriceCta:k})}),j&&C&&E&&(0,t.jsx)("div",{className:"tw-mt-16",children:(0,t.jsx)(eg.Pagination,{currentPage:z,totalItems:U,itemsPerPage:M,onPageChange:e=>{_(e);let t=B.current?.closest('[data-testid="featuretable-anchor"]')??B.current;t?.scrollIntoView({behavior:"smooth",block:"start"})},locales:v})})]})})]})]})]})},ey=({articleDropdowns:e,onSelectUpdatePrice:l})=>

1{let[r,o]=(0,s.useState)(!1),[w,d]=(0,s.useState)(null),u=(0,s.useRef)(null),[m,p]=(0,s.useState)(null);(0,s.useEffect)(()=>{let e=e=>{u.current&&!u.current?.contains(e.target)&&o(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);let x=e=>{d(e),p(null),o(!1)};return e&&e.articleCollections&&0!==e.articleCollections.length?((0,s.useEffect)(()=>{e?.articleCollections?.forEach(e=>{e?.articles?.forEach(e=>{e?.selectOptionIsDefault&&p(e)})})},[e,p]),(0,t.jsxs)("div",{className:"tw-relative tw-inline-block tw-w-full tw-pt-16",ref:u,children:[(0,t.jsxs)("div",{tabIndex:0,className:"tw-flex tw-cursor-pointer tw-items-center tw-justify-between tw-rounded-xl tw-border tw-border-cool-grey-800 tw-border-gray-300 tw-bg-white tw-px-12 tw-py-10 tw-text-base tw-text-ionos-blue-600 hover:tw-bg-cool-grey-100 active:tw-bg-ionos-blue-100",onClick:()=>o(!r),onKeyPress:e=>{"Enter"===e.key&&o(!r)},children:[(0,t.jsx)("div",{className:"tw-w-full tw-overflow-hidden tw-whitespace-nowrap tw-text-left",children:w?.label||(m?m.label:e&&e?.articleCollections[0]?.articles[0]&&e?.articleCollections[0]?.articles[0].label)}),(0,t.jsx)("div",{className:"tw-relative tw-pl-5","data-testid":`dropdown-arrow-closed-${!r}`,children:(0,t.jsx)(n.LazyMotion,{features:i.domAnimation,children:(0,t.jsx)(c.m.div,{className:" ",animate:{transform:r?"scaleY(-1)":"scaleY(1)"},children:(0,t.jsx)(S.ArrowDownFlatRegularUrl,{alt:"Dropdown Arrow",className:(0,a.classNames)("tw-fill-ionos-blue-400"),width:20,height:20})})})})]}),r&&(0,t.jsx)("div",{className:"tw-absolute tw-left-0 tw-z-10 tw-max-h-[16rem] tw-w-full tw-overflow-y-auto tw-rounded-xl tw-border tw-border-cool-grey-400 tw-bg-white tw-text-left tw-text-base",style:{boxShadow:"0px 8px 24px 0px rgba(0, 0, 0, 0.10), 0px 8px 16px 0px rgba(0, 0, 0, 0.10)"},children:e?.articleCollections.map(({articles:s,title:r})=>(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:"tw-relative",children:[r&&"default"!==r.toLowerCase()&&(0,t.jsx)("p",{className:"tw-sans-regular tw-p-16 tw-pb-0 tw-text-xs tw-text-cool-grey-500",children:r}),s.map(s=>(0,t.jsxs)("div",{className:"tw-flex tw-cursor-pointer tw-flex-col tw-justify-between tw-text-sm tw-text-black",onClick:()=>{x(s),l(s)},onKeyDown:e=>{"Enter"===e.key&&(x(s),l(s))},children:[(0,t.jsx)("div",{tabIndex:0,className:(0,a.classNames)("tw-flex tw-flex-col tw-p-16 hover:tw-bg-cool-grey-100",{"tw-bg-ionos-blue-100":w?.selectOptionId===s.selectOptionId||m&&m?.selectOptionId===s.selectOptionId}),children:(0,t.jsxs)("div",{className:"tw-flex tw-flex-row tw-items-center tw-justify-between",children:[(0,t.jsxs)("div",{className:"tw-flex tw-flex-col",children:[(0,t.jsx)("span",{className:"",children:s&&s.label}),(0,t.jsx)("span",{className:"tw-py-5 tw-text-cool-grey-700",children:s&&s.description}),e.showPrices&&s.price&&(0,t.jsx)(z.PriceDisplayComponent,{priceData:s.price,template:"SMALL"})]}),(w?.selectOptionId===s.selectOptionId||m&&m?.selectOptionId===s.selectOptionId)&&(0,t.jsx)("div",{className:"",children:(0,t.jsx)("svg",{id:"ICON",xmlns:"http://www.w3.org/2000/svg",className:"tw-h-16 tw-w-16",viewBox:"0 0 24 24","data-testid":"checkmark-default-article",children:(0,t.jsx)("path",{id:"ic-s24-regular-checkmark",style:{opacity:1},className:"tw-fill-ionos-blue-400",d:"M10,21a1,1,0,0,1-.759-.349l-6-7a1,1,0,1,1,1.518-1.3l5.115,5.967L19.152,3.47a1,1,0,1,1,1.7,1.06l-10,16a1,1,0,0,1-.773.467Q10.038,21,10,21Z"})})})]})}),(0,t.jsx)("span",{className:"tw-w-full tw-border-b-1"})]},`dropdownArticle${s.selectOptionId}`))]})}))})]})):(0,t.jsx)(t.Fragment,{children:" "})},ek=s.default.forwardRef(({additionalBasketUrlPath:e="",extraBasketData:l={},isStandalone:r,directArticle:i,variants:n,price:o,highlight:c,headlines:w,data:d,tableDirection:u,highlightText:m,orderLink:p,orderLinkNewCheckout:x,upsellPopup:h={},tableLength:f,articleDropdowns:b=[],hostingServiceKey:j,tableStyle:y,locales:k,upsellPopupIndex:S,hidePriceCta:I=!1},D)=>{let{ctaLabel:P}=k,[O,T]=(0,s.useState)(""),[L,A]=(0,s.useState)(!1);(0,s.useEffect)(()=>{window.UNOUNO?.params?.slug&&T(`&pageName=${window.UNOUNO.params.slug}`)},[]);

1let[E,M]=(0,s.useState)(),z=e=>{M(e)},U=s.default.useRef(null),[V,_]=(0,s.useState)(0);(0,s.useEffect)(()=>{let e=U.current;if(!e)return;let t=new MutationObserver(()=>{let t=e.style.transform;if(!t||"none"===t)return;let a=t.match(/translate3d?\(([^)]+)\)/);if(a){let[e]=a[1].split(",").map(e=>parseFloat(e));_(e)}});return t.observe(e,{attributes:!0,attributeFilter:["style"]}),()=>t.disconnect()},[]),(0,s.useEffect)(()=>{let e=U.current;e&&(E&&h[S]?.articles?.length>0&&!h[S]?.hidden?e.style.left=`${V}px`:e.style.left="0px")},[E]);let{selectedVariantPrice:$,selectedVariantOrderLink:B,dropdownDetails:H,productLabel:R,additionalBasketProps:K,diff:W,onSelectUpdatePrice:Y}=N(o,b,d,v.getCheckoutVariant,l);return(0,t.jsxs)("div",{ref:U,className:(0,a.classNames)("keen-slider__slide tw-scroll-x-auto tw-flex tw-w-2/12 tw-min-w-180 tw-snap-center tw-flex-col tw-items-stretch",{"!tw-transform-none":E&&h[S]?.articles?.length>0&&!h[S]?.hidden}),children:[(0,t.jsx)("div",{className:"tw-flex tw-w-full tw-content-center tw-justify-center",children:(0,t.jsx)("div",{"aria-hidden":!m,className:(0,a.classNames)("tw-mx-auto -tw-mb-1 tw-min-h-[36px] tw-w-160 tw-rounded-t-2xl tw-bg-purple-300 tw-p-6 tw-text-center tw-font-overpass-semibold tw-text-base",m?"tw-bg-purple-300":"tw-invisible"),children:m||"Placeholder"})}),(0,t.jsx)("div",{"data-cy":"mini-featuretable",className:(0,a.classNames)("tw-mb-20 tw-w-full tw-rounded-2xl tw-border-1 tw-bg-white tw-shadow-lg hover:tw-border-ionos-blue-800 hover:tw-bg-ionos-blue-800 active:tw-border-ionos-blue-800 active:tw-bg-ionos-blue-800 [&>div]:hover:tw-text-white [&>div]:active:tw-text-white ",{"tw-border-t-0 !tw-bg-ionos-blue-800 tw-text-white":c||L}),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),onTouchStart:()=>A(!0),onTouchEnd:()=>A(!1),onTouchCancel:()=>A(!1),children:(0,t.jsxs)("div",{className:"tw-px-14 tw-py-24",children:[i&&i.label?(0,t.jsx)("h3",{className:"tw-mb-24 tw-font-overpass-semibold tw-text-2xl",children:i.label}):(0,t.jsx)(G.OldMarkdown,{className:"tw-mb-24 [&>*]:tw-font-overpass-semibold [&>*]:tw-text-2xl",children:d[0]}),d?.filter(e=>e.price).map((e,a)=>(0,t.jsxs)("div",{className:"tw-w-full",children:[(0,t.jsx)(C.OldPriceCTA,{locales:k,tableStyle:"mini",highlight:c||L,dropdownDetails:H,linkVisible:!1,price:e.price,componentType:"mini-FeatureTable",additioanQueryParams:O,cmsIdentifier:(0,g.getCmsIdentifier)(e.price),articleAvailable:!!(0,g.isArticleAvailable)(e.price),isDomainArticle:(0,g.isDomainArticle)(e.price),template:"LARGE",priceTemplate:(0,g.getPriceTemplate)($?.priceHtmlTemplate?$:e.price),hostingServiceKey:j,className:"tw-min-h-140"}),b&&(0,t.jsx)(ey,{articleDropdowns:b,onSelectUpdatePrice:e=>Y(e)}),(0,t.jsx)("div",{className:"tw-mt-16",children:!H&&d&&d.map((e,a)=>!e.price&&a>0&&(0,t.jsxs)("div",{className:"tw-mb-16 tw-flex",children:[(0,t.jsx)(G.OldMarkdown,{components:{p:({children:e})=>(0,t.jsx)("strong",{className:"tw-pr-6",children:e})},children:e}),(0,t.jsx)("span",{children:F(w,a)})]},`data-index-${a}`))}),(0,t.jsx)(C.OldPriceCTA,{locales:k,tableStyle:"mini",highlight:c||L,dropdownDetails:H,linkVisible:!I,priceVisible:!1,orderLink:B||p,orderLinkNewCheckout:x,componentType:"mini-FeatureTable",cmsIdentifier:(0,g.getCmsIdentifier)(e.price),additioanQueryParams:O,articleAvailable:!!(0,g.isArticleAvailable)(e.price),isDomainArticle:(0,g.isDomainArticle)(e.price),hostingServiceKey:j,priceTemplate:"",className:"tw-min-w-auto tw-w-full",buttonText:P,...h[S]?.articles?.length>0&&!h[S]?.hidden?{setUpsellPopup:z}:{}}),E&&!h[S]?.hidden&&h[S]?.articles?.length>0&&(0,t.jsx)(X,{locales:k,cmsIdentifier:(0,g.getCmsIdentifier)(e.price),visible:!0,setUpsellPopup:z,orderLink:p,orderLinkNewCheckout:x,upsellPopup:h[S]})]},`price-${a}`))]})})]})}),eC=({products:e,articles:i,priceTemplate:n,tableDirection:o,articleDropdowns:c,useNewCheckout:w,tableStyle:d,footerText:u,offCanvasBasket:g,upsellPopup:v,useOrderabilityCheck:j,isDatacenterIncluded:N,featureTableInclusive:y,isActive:k=!0,locales:C,hidePriceCta:S=!1})=>{let I=(0,b.useVerticalFeatureTableEqualRows)(),[D,P]=(0,s.useState)(0),O=(0,l.useBreakp

1oint)("lg"),T=(0,l.useBreakpoint)("md"),L=T&&!O,A=O?6:L?3:1,F=Math.ceil(e.length/A),E=e.length<=A,[M,z]=(0,r.useKeenSlider)({slides:{origin:T?"auto":.05,perView:O?6:L?3:1.3,spacing:12},disabled:E,drag:!0,slideChanged(e){P(Math.floor(e.track.details.rel/A))}},[x]);(0,s.useEffect)(()=>{!O&&z.current&&setTimeout(()=>z.current?.update(),10)},[z,O]);let U=e.length<=4,V=e.length>A,_=0===D,$=D>=F-1,B=e=>{let t=Math.max(0,Math.min(e,F-1));z.current?.moveToIdx(t*A)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"tw-flex tw-flex-col",children:[(0,t.jsx)("div",{className:"md:tw-rd-container md:tw-px-24",children:(0,t.jsx)("div",{className:(0,a.classNames)("tw-flex tw-justify-start tw-overflow-x-auto tw-will-change-scroll",{"lg:tw-justify-center":U,"xl:tw-justify-center":!U},{"keen-slider":!E},{"lg:tw-gap-12":U&&"vertical"===o},{"xl:tw-gap-12":!U&&"vertical"===o},{"tw-flex-col":"default"===o},{"lg:tw-flex lg:tw-gap-x-[4%] lg:tw-overflow-x-auto":"vertical"===o&&2===e.length},{"tw-snap-x tw-overflow-x-auto tw-px-1 tw-custom-scrollbar lg:tw-gap-4":"mini"===d}),ref:M,children:e.map((a,s)=>{let{articles:l,articleId:r,data:d,price:u,headlines:m,highlightText:p,highlight:x}=a,h=l?.[0],{highlightText:f,highlight:b}={highlightText:i?.[s]?.highlightText??p,highlight:i?.[s]?.isHighlight??x};return(0,t.jsx)(ek,{tableStyle:"mini",variants:h?.licences,label:!0,articleDropdowns:c?.[s],orderLink:h?.orderLink,orderLinkNewCheckout:h?.orderLinkNewCheckout,directArticle:i[s],articleId:r,productType:h?.productType,hostingServiceKey:h?.hostingServiceKey,useNewCheckout:w,data:d,priceObject:u,priceTemplate:n,highlight:b,highlightText:f,headlines:m,tableDirection:o,tableLength:e.length,index:s,ref:I,locales:C,upsellPopup:v,upsellPopupIndex:s,hidePriceCta:S},`miniFeatureTable-${r}`)})})}),V&&(0,t.jsxs)("div",{className:"tw-mx-auto tw-mb-18 tw-flex tw-w-[calc(100%-4rem)] tw-items-center tw-justify-between tw-gap-18",children:[F>2?(0,t.jsxs)("span",{className:"tw-font-overpass-regular tw-text-2xl tw-text-ionos-blue-800",children:[D+1," / ",F]}):(0,t.jsx)("div",{className:"tw-flex tw-gap-24",children:[...Array(F)].map((e,s)=>(0,t.jsx)("button",{type:"button","aria-label":`Go to slide ${s+1}`,className:(0,a.classNames)("tw-h-16 tw-w-16 tw-rounded-full",{"tw-bg-ionos-blue-500":D===s,"tw-bg-ionos-blue-300":D!==s}),onClick:()=>B(s)},`feature_table_slider_${s}`))}),(0,t.jsxs)("div",{className:"tw-flex tw-gap-24",children:[(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),B(D-1)},type:"button","aria-label":"Move slider to previous slide",disabled:_,className:(0,a.classNames)("tw-flex tw-h-48 tw-w-48 tw-items-center tw-justify-center",{"tw-opacity-50":_}),children:(0,t.jsx)(f.default,{weight:300,className:"tw-min-h-48 tw-min-w-48 tw-text-ionos-blue-800"})}),(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),B(D+1)},type:"button","aria-label":"Move slider to next slide",disabled:$,className:(0,a.classNames)("tw-flex tw-h-48 tw-w-48 tw-items-center tw-justify-center",{"tw-opacity-50":$}),children:(0,t.jsx)(h.default,{weight:300,className:"tw-min-h-48 tw-min-w-48 tw-text-ionos-blue-800"})})]})]}),(0,t.jsx)("div",{className:"tw-rd-container",children:(0,t.jsx)(p,{content:y})})]}),u&&(0,t.jsx)("div",{className:"tw-container",children:(0,t.jsx)("div",{className:"tw-d-flex tw-mt-20 tw-flex-row tw-justify-center tw-text-center",children:(0,t.jsx)(m.Markdown,{children:u})})})]})};var eS=e.i(724317),eI=e.i(356888);e.s(["FeatureTablesProducts",0,e=>{let{footerText:a}=e,{isVATApplied:l}=(0,eS.useVATToggle)(),[r,i]=(0,s.useState)(a);return(0,s.useEffect)(()=>{a&&i(a?.replace(/\\/g,"")+" ")},[l,a,"de"]),"vertical"===e.tableDirection&&"mini"!==e.tableStyle?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(eI.TrialUpgradeWarning,{market:"de"}),(0,t.jsx)(ea,{...e,footerText:r})]}):"mini"===e.tableStyle?(0,t.jsx)(eC,{...e,footerText:r}):(0,t.jsx)(eN,{...e,footerText:r})}],761554)},782222,e=>{e.n(e.i(761554))}]);
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;

2n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="1f7840ef-83ac-5990-97c0-4b3002b94d7e")}catch(e){}}();
3//# debugId=1f7840ef-83ac-5990-97c0-4b3002b94d7e

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.