<section id="cff-post-list-section" class="cff-preview-posts-list-ctn cff-fb-fs cff-preview-section" :data-dimmed="!isSectionHighLighted('postList')" :class="customizerFeedData.settings.feedlayout == 'masonry' ? 'cff-preview-posts-masonry' : ''" v-if="sourcesList.length && (customizerFeedData.settings.feedtype == 'timeline' || customizerFeedData.settings.feedtype == 'featuredpost' || customizerFeedData.settings.feedtype == 'events' || customizerFeedData.settings.feedtype == 'reviews')" :data-generate-masonry="customizerFeedData.settings.feedlayout == 'masonry' ? generateMasonryGridHeight() : false" :data-feed-type="customizerFeedData.settings.feedtype" :data-feed-layout="customizerFeedData.settings.feedlayout" :data-feed-columns="getFeedColumns()" :data-poststyle="customizerFeedData.settings.poststyle" :data-boxshadow="valueIsEnabled(customizerFeedData.settings.boxshadow) && customizerFeedData.settings.poststyle == 'boxed'" :data-narrow="valueIsEnabled(customizerFeedData.settings.enablenarrow) ? 'active' : 'inactive'">
    <cff-post-full-layout-component v-for="singlePost in returnPostList()" v-bind:key="singlePost.id" v-if="shouldShowPostList('full' ,singlePost)" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText" :plugin-type="pluginType"></cff-post-full-layout-component>
	<cff-post-half-layout-component v-for="singlePost in returnPostList()" v-bind:key="singlePost.id" v-if="shouldShowPostList('half' ,singlePost)" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-half-layout-component>
	<cff-post-thumb-layout-component v-for="singlePost in returnPostList()" v-bind:key="singlePost.id" v-if="shouldShowPostList('thumb' ,singlePost)" :single-post="singlePost" :customizer-feed-data="customizerFeedData" :translated-text="translatedText"></cff-post-thumb-layout-component>
</section>