https://dtvnieuws.nl/_nuxt/DWbNYEV7.js

1import{r as e}from"./B36yyN6n.js";import{$ as t,D as n,E as r,M as i,O as a,T as o,Vt as s,Wt as c,_t as l,h as u,j as d,l as f,nt as p,ot as m,vt as h,y as g}from"./B9pVQlp5.js";import{t as _}from"./Dgl1JKSl.js";import{N as v}from"./C8B4ThWv.js";import{n as y}from"./D5Lg_lFv.js";import{t as b}from"./BDNMzG2s.js";import{d as x,l as S}from"./dGABZGx-.js";import{t as C}from"./CSwqZTpi.js";import{t as w}from"./D1K9c-9r.js";import{t as T}from"./7wID-4Hu.js";import{t as E}from"./DFQazZhe.js";var D={data(){return{navItems:[]}},methods:{async getNavItems(){try{this.navItems=await this.$engine.getNavigation(v.WEBSITE_MAIN_MENU),this.$logStore.log(`fetched WEBSITE_MAIN_MENU (mobile)`,`page`,`info`,this.navItems)}catch(e){this.$logStore.log(`failed to fetch WEBSITE_MAIN_MENU (mobile)`,`error`,`error`,e)}}},mounted(){this.getNavItems()}},O={class:`offcanvas-menu fixed z-10 inset-0 overflow-auto bg-surface-bg`},k={class:`boxed`},A={class:`flex flex-col lg:flex-row gap-4 justify-between mb-4`},j={class:`flex flex-col gap-8 list-none mb-8`},M={class:`font-bold mb-2`},N={key:0,class:`flex flex-col`};function P(e,s,u,f,m,h){let v=E,y=_;return t(),a(`div`,O,[o(`div`,k,[o(`div`,A,[o(`div`,null,[i(v,null,{default:l(()=>[...s[0]||(s[0]=[d(`Menu`,-1)])]),_:1})])]),o(`ul`,j,[(t(!0),a(g,null,p(m.navItems,(e,s)=>(t(),a(`li`,null,[i(y,{to:e.slug,class:``},{default:l(()=>[o(`div`,M,c(e.body),1)]),_:2},1032,[`to`]),e.submenus&&e.submenus.length?(t(),a(`ul`,N,[(t(!0),a(g,null,p(e.submenus,e=>(t(),r(y,{to:e.slug,class:`border-b border-border-primary py-2 px-4 -mx-4 last:border-none`},{default:l(()=>[d(c(e.body),1)]),_:2},1032,[`to`]))),256))])):n(``,!0)]))),256))])])])}var F=Object.assign(b(D,[[`render`,P]]),{__name:`OffCanvasMenu`}),I={data(){return{navItems:[{name:`Voorpagina`,href:`/nieuws`,icon:`pin`,type:`HomeWebPage`},{name:`Meest gelezen`,href:`/meest-gelezen`,icon:`campaign`},{name:`Kijk en luister`,href:`/kijk-en-luister`,icon:`livetv`},{name:`Live`,href:`/kijk-en-luister/nu-live`,icon:`playArrow`}]}},computed:{route:function(){return(this._.provides[e]||this.$route).fullPath},mobileMenuOpen:function(){return this.$globalStore.mobileMenu}},watch:{route:function(){this.$globalStore.setMobileMenu(!1)}},methods:{icon:function(e){return`svgo-mobileTabMenu-${e}`},activeClasses:function(t){if((this._.provides[e]||this.$route).path.includes(t))return`bg-gradient-to-b from-surface-bg-variant2 to-transparent  !text-surface-primary`}}},L={class:`fixed left-0 bottom-0 right-0 z-20 bg-surface-bg lg:hidden border-t border-border-primary flex-none flex flex-row`},R={class:`block w-[25px] h-[25px]`},z={class:`text-xxs`},B={class:`block w-[25px] h-[25px]`};function V(e,n,u,d,f,h){let v=_,y=T;return t(),a(`div`,L,[(t(!0),a(g,null,p(f.navItems,e=>(t(),r(v,{class:s([`flex-1 text-center flex flex-col items-center gap-2 py-2 text-text-light hover:text-surface-primary`,h.activeClasses(e.href)]),to:e.href,type:e.type},{default:l(()=>[o(`span`,R,[(t(),r(m(`svgo-mobiletabmenu-${e.icon}`),{class:`!w-full !h-full`}))]),o(`span`,z,c(e.name),1)]),_:2},1032,[`class`,`to`,`type`]))),256)),o(`div`,{onClick:n[0]||(n[0]=t=>e.$globalStore.setMobileMenu(!e.$globalStore.mobileMenu)),class:s([`flex-1 text-center flex flex-col items-center gap-2 py-2 text-text-light hover:text-surface-primary`,{"bg-gradient-to-b from-surface-bg-variant2 to-transparent !text-surface-primary":h.mobileMenuOpen}])},[o(`span`,B,[i(y,{class:`!w-full !h-full`})]),n[1]||(n[1]=o(`span`,{class:`text-xxs`},`Menu`,-1))],2)])}var ee=Object.assign(b(I,[[`render`,V]]),{__name:`MobileTabMenu`}),H={data(){return{position:0}},computed:{animationClasses:function(){return`left: ${this.position}%;`}},methods:{move:function(){}},mounted(){}},U={class:`loader bg-surface-bg fixed left-0 top-0 right-0 h-[2px] z-50`};function W(e,n,i,a,s,c){return t(),r(f,{name:`fadeIn`},{default:l(()=>[h(o(`div`,U,[...n[0]||(n[0]=[o(`div`,{class:`loaderBar`},null,-1)])],512),[[u,e.$loadingStore&&e.$loadingStore.loading]])]),_:1})}var G=Object.assign(b(H,[[`render`,W]]),{__name:`LoadingElement`}),K={computed:{popup:function(){return this.$globalStore.popup}}},q={key:0,class:`fixed inset-0 bg-surface-bg/50 z-20`},J={class:`fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface-bg-variant p-4 rounded-lg lg:rou

1nded-2xl`};function Y(e,r,i,s,l,u){return u.popup?(t(),a(`div`,q,[o(`div`,J,c(u.popup),1)])):n(``,!0)}var X=Object.assign(b(K,[[`render`,Y]]),{__name:`PopupMessages`}),Z={data(){return{selectedRegions:[],selectableRegions:[]}},computed:{selectedRegionNames(){return this.selectedRegions.map(e=>e.title)}},methods:{async getRegions(){this.allRegions=await this.$engine.getRegions(),this.selectableRegions=await this.$engine.defaultRegionProvider.getSelectableRegions();let e=this.selectableRegions.map(e=>new y(e.id,e.title,e.type.name,e.slug));this.$globalStore.setRegions(e),this.selectedRegions=this.$engine.defaultRegionProvider.getUserSelectedRegions()},getRegion(e){let t=this.selectableRegions.filter(function(e){return e.title==this},e);return t.length>0&&t[0]},getRegionIndex(e){let t=this.getRegion(e);return t==0?-1:this.selectedRegions.indexOf(t)},closeRegionChoser(){this.$globalStore.setShowRegionSelector(!1)},async saveSelectedRegions(){this.$engine.defaultRegionProvider.getUserSelectedRegions().forEach(e=>{this.$engine.defaultRegionProvider.deselectRegion(e)}),this.selectedRegions.length>0&&this.selectedRegions.forEach(e=>{this.$engine.defaultRegionProvider.selectRegion(e)}),window.location.reload()},toggleSelectedRegion(e){let t=this.getRegion(e);if(t){let n=this.getRegionIndex(e);n>=0?this.selectedRegions.splice(n,1):this.selectedRegions.push(t)}}},mounted(){this.getRegions()}},Q={class:`fixed left-1/2 top-1/2 bg-white w-[400px] transform max-w-[90%] -translate-x-1/2 -translate-y-1/2 z-30 p-6 rounded-xl`},$=[`onClick`],te={key:0,class:`w-3 h-3 inline-block mr-2`},ne={key:1,class:`w-2.5 h-2.5 inline-block mr-2`};function re(e,m,_,v,y,b){let T=w,E=C,D=x,O=S;return t(),a(`div`,null,[i(f,{name:`blur`},{default:l(()=>[h(o(`div`,Q,[m[3]||(m[3]=o(`span`,{class:`block text-xl lg:text-2xl font-heading font-bold mb-4`},`Kies je favoriete regio's`,-1)),(t(!0),a(g,null,p(e.$globalStore.regions,e=>(t(),a(`span`,{onClick:t=>b.toggleSelectedRegion(e.name),class:s([b.selectedRegionNames.indexOf(e.name)>=0?`bg-primary text-white`:`bg-black/60 text-gray-300`,`inline-flex items-center border border-gray-300 mr-2 py-1.5 px-4 mb-2 text-sm rounded-full cursor-pointer`])},[b.selectedRegionNames.indexOf(e.name)>=0?(t(),a(`span`,te,[i(T)])):(t(),a(`span`,ne,[i(E)])),d(` `+c(e.name),1)],10,$))),256)),e.$globalStore.showRegionSelector?(t(),r(D,{key:0,onClick:b.saveSelectedRegions,icon:`updated`,extraClasses:`text-sm w-fit mt-3`},{default:l(()=>[...m[2]||(m[2]=[d(`Bewaar regio selectie`,-1)])]),_:1},8,[`onClick`])):n(``,!0),o(`button`,{onClick:m[0]||(m[0]=(...e)=>b.closeRegionChoser&&b.closeRegionChoser(...e)),class:`block w-[40px] h-[40px] p-[11px] absolute right-0 top-0 cursor-pointer`},[i(O)])],512),[[u,e.$globalStore.showRegionSelector]])]),_:1}),i(f,{name:`fadeIn`},{default:l(()=>[h(o(`div`,{class:`bg-black/60 w-screen h-screen fixed top-0 left-0 z-20`,onClick:m[1]||(m[1]=(...e)=>b.closeRegionChoser&&b.closeRegionChoser(...e))},null,512),[[u,e.$globalStore.showRegionSelector]])]),_:1})])}var ie=Object.assign(b(Z,[[`render`,re]]),{__name:`RegionChoser`});export{F as a,ee as i,X as n,G as r,ie as t};