https://www.gebiedsontwikkeling.nu/dist/js/c-article-list.49638592d43c8431a1ed.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{327:function(e,t,i){var r=i(498);r.__esModule&&(r=r.default),"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);(0,i(8).default)("9892261c",r,!0,{})},497:function(e,t,i){"use strict";i(327)},498:function(e,t,i){(t=i(7)(!1)).push([e.i,".article-list-item .image{height:100%;flex-shrink:0;flex-grow:0;flex-basis:5.61rem}@media(min-width:768px){.article-list-item .image{flex-basis:13.288rem}}.article-list-item .image img{height:100%}.article-list-item .date{padding-top:.317rem;padding-bottom:.317rem}",""]),t.locals={"size-14":"55.927rem","size-13":"41.956rem","size-12":"31.475rem","size-11":"23.612rem","size-10":"17.713rem","size-9":"13.288rem","size-8":"9.969rem","size-7":"7.478rem","size-6":"5.61rem","size-5":"4.209rem","size-4":"3.157rem","size-3":"2.369rem","size-2":"1.777rem","size-1":"1.333rem","size-0":"1rem","size--1":".75rem","size--2":".563rem","size--3":".422rem","size--4":".317rem","size--5":".134rem","size--6":".056rem","breakpoint-xs":"0","breakpoint-s":"640px","breakpoint-m":"768px","breakpoint-l":"1024px","breakpoint-xl":"1280px","breakpoint-xxl":"1536px","container-width-xs":"100%","container-width-s":"calc(100% - 6.314rem)","container-width-m":"calc(100% - 6.314rem)","container-width-l":"calc(100% - 11.22rem)","container-width-xl":"calc(100% - 11.22rem)","container-width-xxl":"calc(1455px - 11.22rem)"},e.exports=t},582:function(e,t,i){"use strict";i.r(t);

1var r={name:"ArticleListItem",props:{categoryLink:{type:String,default:void 0},displayLabel:{type:String,default:void 0},fullDate:{type:String,required:!0},image:{type:Object,default:void 0},index:{type:Number,required:!0},relativeUrl:{type:String,required:!0},special:{type:Boolean,required:!0},teaser:{type:String,required:!0},title:{type:String,required:!0}}},l=(i(497),i(3)),s=Object(l.a)(r,(function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("l-box",{staticClass:"article-list-item",attrs:{inline:0,"align-items":"center"}},[e.image?i("ui-link",{staticClass:"image",attrs:{to:e.relativeUrl}},[i("ui-image",{attrs:{image:e.image,"zoom-on-hover":""}})],1):e._e(),i("l-box",{attrs:{stack:e.$responsive({xs:0,m:2})}},[i("t-paragraph",{attrs:{size:e.$responsive({xs:0,m:3}),weight:600,family:"serif"}},[i("ui-link",{attrs:{to:e.relativeUrl,underline:!1,wrap:"balance"}},[e._v("\n        "+e._s(e.title)+"\n      ")])],1),i("l-box",{attrs:{stack:0}},[e.$responsive("m")?i("t-paragraph",{attrs:{family:"serif",size:0,"line-height":1.55}},[e._v("\n        "+e._s(e.teaser)+"\n      ")]):e._e(),i("l-box",{attrs:{inline:-2,"align-items":"center",wrap:""}},[e.special?i("ui-pill",[e._v("Uitgelicht")]):e._e(),i("ui-pill",{attrs:{color:"gray",link:e.categoryLink}},[e._v("\n          "+e._s(e.displayLabel)+"\n        ")]),i("t-paragraph",{staticClass:"date",attrs:{size:-3,color:"secondary-500"}},[e._v("\n          "+e._s(e.fullDate)+"\n        ")])],1)],1)],1)],1)}),[],!1,null,null,null).exports;var a={name:"ArticleList",components:{ArticleItem:s},mounted(){if(this.scrollToArticle){const e=this.$refs["article"+this.scrollToArticle];if(e){const t=e[0].$el;setTimeout(()=>window.scrollTo({top:t.offsetTop-150,behavior:"smooth"}),250)}this.scrollToArticleCallback()}},props:{articles:{type:Array,default:()=>[]},scrollToArticle:{type:Number,default:void 0},scrollToArticleCallback:{type:Function,default:e=>e}}},n=Object(l.a)(a,(function(){var e=this,t=e.$createElement,i=e._self._c||t;return e.articles?i("l-box",{attrs:{stack:e.$responsive({xs:2,m:5}),"justify-content":"center"}},e._l(e.articles,(function(t,r){return i("article-item",e._b({key:t.id,ref:"article"+r,refInFor:!0,attrs:{index:r+1}},"article-item",t,!1))})),1):e._e()}),[],!1,null,null,null);t.default=n.exports}}]);