@total_onion/onion-library 2.0.230 → 2.0.232

package/components/webc-post-filter-module/post-filter-module.html

@@ -4,7 +4,9 @@
 	data-dev="true"
 	data-devdatalocation="local"
 	data-clearfilterstext="Reset All"
-	data-loadmoretriggerclass="loadmore-trigger__button"
+	data-postsperpagedesktop="8"
+	data-postsperpagemobile="6"
+	data-loadmoretriggerclass="loadmore-trigger"
 	class="post-filter-module"
 >
 </post-filter-module>

package/components/webc-post-filter-module/post-filter-module.js

@@ -14,6 +14,9 @@ export default function postfiltermoduleJs(options = {}) {
 							allcategories: [],
 							groupingcategories: [],
 							filtercategories: [],
+							postsperpagedesktop: 8,
+							postsperpagemobile: 6,
+							pagenumber: 1,
 							setActiveFilters: function (newState) {
 								Object.assign(this.filterState, newState);
 								this.filterPosts.bind(this)();
@@ -31,9 +34,21 @@ export default function postfiltermoduleJs(options = {}) {
 							}
 						};
 
+						this.filterState.postsperpagedesktop =
+							this.dataset.postsperpagedesktop || 8;
+						this.filterState.postsperpagedesktop =
+							this.dataset.postsperpagedesktop || 6;
+
 						this.loadMoreTriggers = document.querySelectorAll(
-							`.${this.loadmoretriggerclass}`
+							`.${this.dataset.loadmoretriggerclass}`
 						);
+						this.loadMoreTriggers.forEach((trigger) => {
+							trigger.addEventListener('loadmore', () => {
+								this.filterState.pagenumber =
+									this.filterState.pagenumber + 1;
+								this.filterPosts();
+							});
+						});
 
 						const postFilterContainer =
 							document.createElement('div');
@@ -200,9 +215,6 @@ export default function postfiltermoduleJs(options = {}) {
 								}
 							});
 						});
-						this.filterState.setFilteredPosts.bind(this)({
-							filteredposts: this.filterState.allposts
-						});
 						const groupingButtons = this.querySelectorAll(
 							'.post-filter-module__grouping-category-button'
 						);
@@ -239,6 +251,8 @@ export default function postfiltermoduleJs(options = {}) {
 								}
 							});
 						});
+						this.filterPosts();
+
 						this.classList.add('loaded');
 					}
 
@@ -247,9 +261,23 @@ export default function postfiltermoduleJs(options = {}) {
 					}
 					filterPosts(event) {
 						if (this.filterState.activefilters.size === 0) {
+							const numberPosts =
+								Number(this.filterState.postsperpagedesktop) *
+								Number(this.filterState.pagenumber);
 							this.filterState.setFilteredPosts.bind(this)({
-								filteredposts: this.filterState.allposts
+								filteredposts: this.filterState.allposts.slice(
+									0,
+									numberPosts
+								)
 							});
+							if (
+								this.filterState.allposts.length ==
+								this.filterState.filteredposts.length
+							) {
+								this.loadMoreTriggers.forEach((trigger) => {
+									trigger.classList.add('hide');
+								});
+							}
 							return;
 						}
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.230",
+	"version": "2.0.232",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {