https://nivona.com/assets/ProductOverviewView-BGAX8mai.js

1import{S as q}from"./Series-D5-0236E.js";import{i as $,v as G,w as Q,x as ee,d as X,h as M,y as U,z as te,c,b as d,e as f,a as I,A as V,u as l,g as C,f as h,B as j,C as se,F,r as x,D as E,t as v,E as J,G as W,H,o as n,_ as Y,l as Z,I as ae,J as oe,j as ie,K as re}from"./app-LIlCCuWE.js";import{A as ne}from"./AnchorNavOverview-DwunFzP0.js";import{s as ce,f as le}from"./pricing-z8xFvLv1.js";import{P as ue}from"./ProductFeatures-BcYbuQrR.js";import{_ as me}from"./BottomSection.vue_vue_type_script_setup_true_lang-Fb0Mn2ht.js";import{u as de}from"./useSeoMeta-C3853sYX.js";import{u as fe}from"./useWebPageJsonLd-C_ZS9_h1.js";import"./SectionHeader-BupqgaZ4.js";import"./debounce-CSQnlchr.js";import"./Lightbox-CZ_bE4RH.js";import"./bottomsection-r5W9hqwU.js";import"./ServiceInfos-jQCkwUrN.js";import"./url-BbmIeGsZ.js";import"./structuredData-BU3Bae-y.js";const N=$(()=>({seriesOverview:G.value.map(ee),series:{sectionHeader:{title:"resource.product_overview.series.title",subtitle:"resource.product_overview.series.subtitle",align:"center"}},summary:G.value.map(Q),productRange:{sectionHeader:{title:"resource.product_overview.product_range.title",subtitle:"resource.product_overview.product_range.subtitle",align:"center"},featureItems:[{imageSrc:"Kaffeevollautomaten.jpg",title:"resource.home.product_range.items.0.title",subtitle:"resource.home.product_range.items.0.subtitle",description:"resource.product.specifications.0.description"},{imageSrc:"Zubehoer.jpg",title:"resource.home.product_range.items.1.title",subtitle:"resource.home.product_range.items.1.subtitle",description:"resource.product.specifications.1.description"},{imageSrc:"Reinigung.jpg",title:"resource.home.product_range.items.2.title",subtitle:"resource.home.product_range.items.2.subtitle",description:"resource.product.specifications.2.description"},{imageSrc:"Kaffeebohnen.jpg",title:"resource.home.product_range.items.3.title",subtitle:"resource.home.product_range.items.3.subtitle",description:"resource.product.specifications.3.description"}],usePagination:!1,useSectionHeader:!0},bottomSectionOptions:{showRetailerContact:!1,showRetailerFinder:!0}})),he=["id"],ve={class:"product-summary-desktop"},pe={class:"product-media-column"},ge={class:"product-image"},ye={key:0},be=["srcset"],_e=["src","alt"],we={key:0,class:"color-options"},ke=["data-color","onClick"],Ce={class:"product-details-column"},Fe={class:"title-wrapper"},Ie={class:"product-title"},Se={key:0,class:"new-label"},xe={class:"product-description"},ze={key:0,class:"product-price"},Pe={key:1,class:"product-features"},Te=["src"],Oe={class:"feature-label"},De={key:2,class:"product-awards"},Le=["src","alt"],Ne={class:"product-link"},Me={class:"product-summary-mobile"},$e={class:"title-wrapper-mobile"},Re={class:"product-title-mobile"},Ae={key:0,class:"new-label-mobile"},Be={class:"product-image-mobile"},Ke={key:0},Ve=["srcset"],je=["src","alt"],Ee={key:0,class:"color-options-mobile"},We=["data-color","onClick"],He={key:1,class:"product-features-mobile"},Xe=["src"],Ye={class:"feature-label-mobile"},Ge={class:"product-header-mobile"},Je={class:"product-name-mobile"},Ue={key:0,class:"product-price-mobile"},Ze={class:"product-description-mobile"},qe={key:2,class:"product-awards-mobile"},Qe=["src","alt"],et={class:"product-link-mobile"},tt=X({__name:"ProductSummaryItem",props:{summary:{},images:{}},setup(r){const g=r,p=M(""),b=M(null),_=M(!1),k=M(!1),{pushWithLocale:R}=U(),z=$(()=>g.images.find(e=>e.filename===p.value)),y=$(()=>{const e=z.value,a=ce((e==null?void 0:e.prices)??(e!=null&&e.price?void 0:g.summary.prices));return a?le(a):(e==null?void 0:e.price)??""}),S=$(()=>{var a,m,s;const e=(m=(a=z.value)==null?void 0:a.mobileFilename)==null?void 0:m.trim();return e||p.value===g.summary.imageSrc&&((s=g.summary.mobileImageSrc)==null?void 0:s.trim())||""});te(()=>g.images,e=>{if(e&&e.length){const a=e.find(m=>H(m.color)==="schwarz");p.value=a?a.filename:e[0].filename}},{immediate:!0});function O(e){p.value=e}function A(){R({name:"product",params:{slug:g.summary.id}})}function B(){if(k.value){k.value=!1;return}A()}function D(e){const a=e.touches[0];a&&(b.value={x:a.clientX,y:a.clientY},_.value=!1)}function L(e){if(!b.value)return;const a=e.touches[0];if(!a)return;const m=Math.abs(a.clientX-b.value.x),s=Math.abs(a.clientY-b.value.y);(m>10||s>10)&&(_.value=!0)}function P(){b.value&&(_.value?k.value=!1:(k.value=!0,A()),t())}function t(){b.value=null,_.value=!1}function o(e){if(!e)return"";const a=W(e)??e;return h(a)??e}function i(e){return H(e)}return(e,a)=>{const m=se("RouterLink");return n(),c("article",{id:r.summary.id},[d("div",ve,[d("div",pe,[d("div",ge,[I(m,{to:{name:"product",params:{slug:r.summary.id}},class:"product-image-link","aria-label":l(h)(r.summary.linkText||"resource.product_summary.link_text"),onClick:j(B,["prevent"]),onTouchstart:D,onTouchmove:L,onTouchend:P,onTouchcancel:t},{default:V(()=>[p.value?(n(),c("picture",ye,[S.value?(n(),c("source",{key:0,srcset:l(C)(S.value),media:"(max-width: 768px)"},null,8,be)):f("",!0),d("img",{src:l(C)(p.value),alt:l(h)(r.summary.name),class:"product-image-img",loading:"lazy"},null,8,_e)])):f("",!0)]),_:1},8,["to","aria-label"])]),r.images.length?(n(),c("div",we,[(n(!0),c(F,null,x(r.images,(s,u)=>(n(),c("button",{key:u,class:E(["color-badge",{active:p.value===s.filename}]),"data-color":i(s.color),type:"button",onClick:j(w=>O(s.filename),["stop","prevent"])},v(o(s.color)),11,ke))),128))])):f("",!0)]),d("div",Ce,[d("div",Fe,[d("h2",Ie,v(l(h)(r.summary.name)),1),r.summary.isNew?(n(),c("span",Se,v(l(h)("resource.product_summary.new_label")),1)):f("",!0)]),d("p",xe,v(l(h)(r.summary.description)),1),y.value?(n(),c("p",ze,v(y.value),1)):f("",!0),r.summary.features&&r.summary.features.length?(n(),c("div",Pe,[(n(!0),c(F,null,x(r.summary.features,(s,u)=>(n(),c("div",{key:`feature-${u}`,class:"feature-item"},[s.icon?(n(),c("img",{key:0,src:l(C)(s.icon),alt:"",class:"feature-icon",loading:"lazy"}

1,null,8,Te)):f("",!0),d("span",Oe,v(l(h)(s.label)),1)]))),128))])):f("",!0),r.summary.awards&&r.summary.awards.length?(n(),c("div",De,[(n(!0),c(F,null,x(r.summary.awards,(s,u)=>(n(),c(F,{key:`award-${u}`},[s&&s.icon?(n(),c("img",{key:0,src:l(C)(s.icon),alt:s.alt,class:"award-icon",loading:"lazy"},null,8,Le)):f("",!0)],64))),128))])):f("",!0),d("div",Ne,[I(m,{to:{name:"product",params:{slug:r.summary.id}}},{default:V(()=>[J(v(l(h)(r.summary.linkText||"resource.product_summary.link_text")),1)]),_:1},8,["to"])])])]),d("div",Me,[d("div",$e,[d("h2",Re,v(l(h)(r.summary.name)),1),r.summary.isNew?(n(),c("span",Ae,v(l(h)("resource.product_summary.new_label")),1)):f("",!0)]),d("div",Be,[I(m,{to:{name:"product",params:{slug:r.summary.id}},class:"product-image-link mobile","aria-label":l(h)(r.summary.linkText||"resource.product_summary.link_text"),onClick:j(B,["prevent"]),onTouchstart:D,onTouchmove:L,onTouchend:P,onTouchcancel:t},{default:V(()=>[p.value?(n(),c("picture",Ke,[S.value?(n(),c("source",{key:0,srcset:l(C)(S.value),media:"(max-width: 768px)"},null,8,Ve)):f("",!0),d("img",{src:l(C)(p.value),alt:l(h)(r.summary.name),class:"product-image-mobile-img",loading:"lazy"},null,8,je)])):f("",!0)]),_:1},8,["to","aria-label"])]),r.images.length?(n(),c("div",Ee,[(n(!0),c(F,null,x(r.images,(s,u)=>(n(),c("button",{key:u,class:E(["color-badge-mobile",{active:p.value===s.filename}]),"data-color":i(s.color),type:"button",onClick:j(w=>O(s.filename),["stop","prevent"])},v(o(s.color)),11,We))),128))])):f("",!0),r.summary.features&&r.summary.features.length?(n(),c("div",He,[(n(!0),c(F,null,x(r.summary.features,(s,u)=>(n(),c("div",{key:`feature-mobile-${u}`,class:"feature-item-mobile"},[s.icon?(n(),c("img",{key:0,src:l(C)(s.icon),alt:"",class:"feature-icon-mobile",loading:"lazy"},null,8,Xe)):f("",!0),d("span",Ye,v(l(h)(s.label)),1)]))),128))])):f("",!0),d("div",Ge,[d("p",Je,v(l(h)(r.summary.categoryTitle)),1),y.value?(n(),c("p",Ue,v(y.value),1)):f("",!0)]),d("p",Ze,v(l(h)(r.summary.description)),1),r.summary.awards&&r.summary.awards.length?(n(),c("div",qe,[(n(!0),c(F,null,x(r.summary.awards,(s,u)=>(n(),c("img",{key:`award-mobile-${u}`,src:l(C)(s.icon),alt:s.alt,class:"award-icon-mobile",loading:"lazy"},null,8,Qe))),128))])):f("",!0),d("div",et,[I(m,{to:{name:"product",params:{slug:r.summary.id}}},{default:V(()=>[J(v(l(h)(r.summary.linkText||"resource.product_summary.link_text")),1)]),_:1},8,["to"])])])],8,he)}}}),st=Y(tt,[["__scopeId","data-v-9c3bcf71"]]),at={class:"product-summary-list"},ot=X({__name:"ProductSummaryList",props:{products:{}},setup(r){function g(t){return t.colorOptions?p(t):b(t)}function p(t){if(!t.colorOptions||t.colorOptions.length===0)return[];const o=t.colorOptions.map(i=>_(i)).filter(i=>!!i);return k(o,t.imageSrc,t.mobileImageSrc)}function b(t){const o=[],i=A(t);if(i.length){const m=new Set(i.map(w=>w.toLowerCase())),s=Object.keys(oe);(s.length?s:ae).filter(w=>{const T=O(w);return T?m.has(T.toLowerCase()):!1}).forEach(w=>{const T=w.replace("../assets/images/",""),K=z(T);K&&o.push(K)})}const e=k(o,t.imageSrc,t.mobileImageSrc);if(e.length)return e;const a=z(t.imageSrc,!0,t.mobileImageSrc);return a?[{filename:a.filename,mobileFilename:a.mobileFilename,color:a.color}]:[]}function _(t){var s,u;const o=y(t.filename);if(!o)return;const i=((s=t.color)==null?void 0:s.trim())||((u=t.label)==null?void 0:u.trim()),a=(i?W(i)??i:void 0)??S(o),m=y(t.mobileFilename??"");return{filename:o,mobileFilename:m||void 0,color:a,isDefault:!!t.isDefault,price:t.price,prices:t.prices}}function k(t,o,i){if(!t.length&&!o)return[];const e=R(t),a=y(o),m=y(i??"");if(a){let s=e.findIndex(u=>u.isDefault);if(s===-1&&(s=e.findIndex(u=>

1D(u.filename,a))),s===-1){const u=z(a,!0,m);u&&e.unshift(u)}else if(s>0){const[u]=e.splice(s,1);e.unshift({...u,mobileFilename:u.mobileFilename??(m||void 0),isDefault:!0})}else e[0]={...e[0],mobileFilename:e[0].mobileFilename??(m||void 0),isDefault:!0}}return e.map(({filename:s,mobileFilename:u,color:w,price:T,prices:K})=>({filename:s,mobileFilename:u,color:w,price:T,prices:K}))}function R(t){return t.reduce((o,i)=>{const e=o.findIndex(m=>D(m.filename,i.filename));if(e===-1)return o.push({...i}),o;const a=o[e];return o[e]={filename:a.filename,mobileFilename:a.mobileFilename||i.mobileFilename,color:a.color||i.color,isDefault:a.isDefault||i.isDefault,price:a.price??i.price,prices:a.prices??i.prices},o},[])}function z(t,o=!1,i){const e=y(t);if(!e)return;const a=y(i??"");return{filename:e,mobileFilename:a||void 0,color:S(e),isDefault:o}}function y(t){const o=t==null?void 0:t.trim();return o?/^(https?:)?\/\//i.test(o)?o:o.replace(/^\.\//,"").replace(/^\.\.\/assets\/images\//,""):""}function S(t){const i=P(t).match(/NIVONA_Frontansicht_Render_[^_]+_(.+)\.[^.]+$/i);return!i||!i[1]?"":B(i[1])}function O(t){const i=P(t).match(/NIVONA_Frontansicht_Render_([^_]+)_.+/i);return(i==null?void 0:i[1])??""}function A(t){var a;const o=new Set,i=(a=t.id)==null?void 0:a.trim();i&&o.add(i);const e=y(t.imageSrc);if(e){const m=O(e);m&&o.add(m)}return Array.from(o)}function B(t){return W(t)??H(t)}function D(t,o){return L(t)===L(o)}function L(t){return P(t).toLowerCase()}function P(t){const o=t.split(/[\\/]/);return o[o.length-1]||""}return(t,o)=>(n(),c("section",at,[(n(!0),c(F,null,x(r.products,i=>(n(),Z(st,{key:i.id,summary:i,images:g(i)},null,8,["summary","images"]))),128))]))}}),it=Y(ot,[["__scopeId","data-v-e6811ff7"]]),rt={class:"overview-page"},nt=X({__name:"ProductOverviewView",setup(r){const g=M(typeof window<"u"?window.innerWidth>992:!1),{augmentLocation:p}=U(),b=$(()=>({caption:"resource.product_overview.compare_button",to:p({name:"compare"})}));de("resource.seo.overview"),fe("resource.page_titles.overview",{descriptionKey:"resource.seo.overview.description",scriptKey:"overview-webpage-jsonld"});function _(){g.value=window.innerWidth>992}return ie(()=>{window.addEventListener("resize",_)}),re(()=>{window.removeEventListener("resize",_)}),(k,R)=>(n(),c("div",rt,[I(ne,{items:l(N).seriesOverview,"action-link":b.value},null,8,["items","action-link"]),g.value?(n(),Z(q,{key:0,class:"first-section",data:l(N).series,"swap-images":!0},null,8,["data"])):f("",!0),I(it,{products:l(N).summary,class:E({"first-section":!g.value})},null,8,["products","class"]),I(ue,{data:l(N).productRange},null,8,["data"]),I(me,{data:l(N).bottomSectionOptions},null,8,["data"])]))}}),Ct=Y(nt,[["__scopeId","data-v-9301a278"]]);export{Ct as default};