@monoui/vuejs 1.1.80 → 1.1.82

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@monoui/vuejs",
-	"version": "1.1.80",
+	"version": "1.1.82",
 	"description": "This project will contain MonoFor UI Framework",
 	"main": "./dist/main.js",
 	"repository": "git@gitlab.com:monoui/vuejs.git",

package/src/components/Table/Table.vue

@@ -77,7 +77,8 @@
 													:key="'time-frame-' + opt"
 													@click.stop="
 														applyTimeFrameFilter(
-															opt
+															opt,
+															true
 														)
 													"
 												>
@@ -97,7 +98,8 @@
 													<b-dropdown-item
 														@click.stop="
 															applyTimeFrameFilter(
-																'Clear'
+																'Clear',
+																true
 															)
 														"
 													>
@@ -657,6 +659,9 @@ export default {
 	created() {
 		this.addPopStateListener();
 	},
+	beforeDestroy() {
+		this.removePopStateListener();
+	},
 	async mounted() {
 		if (this.history) this.loadHistory();
 
@@ -698,7 +703,7 @@ export default {
 			return lbl < 10 ? `\u00A0${lbl} months` : `${lbl} months`;
 		},
 
-		applyTimeFrameFilter(opt) {
+		applyTimeFrameFilter(opt, load = false) {
 			const existingIndex = this.filters.findIndex(
 				f => f.Column === this.finalTimeFrame.column
 			);
@@ -714,22 +719,28 @@ export default {
 					// Update existing filter
 					this.$set(this.filters, existingIndex, {
 						Column: this.finalTimeFrame.column,
-						Value: -opt,
-						Operator: 5,
-						AddMonths: true
+						Value: this.calculateStartDate(opt),
+						Operator: 5
 					});
 				} else {
 					// Add new filter
 					this.filters.push({
 						Column: this.finalTimeFrame.column,
-						Value: -opt,
-						Operator: 5,
-						AddMonths: true
+						Value: this.calculateStartDate(opt),
+						Operator: 5
 					});
 				}
 			}
 
-			this.getValues();
+			if (load) {
+				this.getValues();
+			}
+		},
+
+		calculateStartDate(months) {
+			const date = new Date();
+			date.setMonth(date.getMonth() - months);
+			return date.toISOString().split("T")[0]; // Return in YYYY-MM-DD format
 		},
 
 		getCorrelationClass(row, tableData) {
@@ -777,6 +788,8 @@ export default {
 			window.removeEventListener("popstate", this.popStateEvent);
 		},
 		async popStateEvent() {
+			if (!this.history) return;
+
 			this.comingFromPopState = true;
 			this.loadHistory();
 			this.getValues(false);