@zeedhi/vuetify 1.107.3 → 1.108.0

package/dist/zd-vuetify.esm.js

@@ -46606,6 +46606,7 @@ let ZdIterable$1 = class ZdIterable extends ZdComponentRender$1 {
             initialized: false,
             visibleData: [],
         };
+        this.data = [];
     }
     mounted() {
         if (this.instance.datasource.watchUrl) {
@@ -46621,8 +46622,39 @@ let ZdIterable$1 = class ZdIterable extends ZdComponentRender$1 {
             this.unWatchRouteFn();
         }
     }
+    get virtualScrollPage() {
+        var _a, _b;
+        return [((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) || 0, ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) || 0];
+    }
+    /**
+     * Watches virtual scroll pagination info (start and perPage properties)
+     * if the values change, should call changeData only with the visible data
+     */
+    changeScrollData(scrollData, prevScrollData = [0, 0]) {
+        const start = scrollData[0];
+        const perPage = scrollData[1];
+        const prevStart = prevScrollData[0];
+        const prevPerPage = prevScrollData[1];
+        if (start === prevStart && perPage === prevPerPage)
+            return;
+        this.changeDataWithFilter(this.data, start, perPage);
+    }
+    changeDataWithFilter(data, start, perPage) {
+        const visibleData = [...data].splice(start, perPage);
+        this.instance.changeData(visibleData);
+    }
     changeData(data) {
-        this.instance.changeData(data);
+        var _a, _b;
+        if (!data)
+            return;
+        this.data = data;
+        if (!this.instance.virtualScroll) {
+            this.instance.changeData(data);
+            return;
+        }
+        if (((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) !== undefined && ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) !== undefined) {
+            this.changeDataWithFilter(this.data, this.scrollData.start, this.scrollData.perPage);
+        }
     }
     rowKey(item) {
         return item[this.instance.datasource.uniqueKey];
@@ -46656,6 +46688,12 @@ __decorate([
     Prop({ type: [String, Boolean], default: undefined }),
     __metadata("design:type", Object)
 ], ZdIterable$1.prototype, "searchIn", void 0);
+__decorate([
+    Watch('virtualScrollPage', { deep: true, immediate: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Array, Array]),
+    __metadata("design:returntype", void 0)
+], ZdIterable$1.prototype, "changeScrollData", null);
 ZdIterable$1 = __decorate([
     Component$1
 ], ZdIterable$1);
@@ -53107,6 +53145,7 @@ let ZdIterable = class ZdIterable extends ZdComponentRender$1 {
             initialized: false,
             visibleData: [],
         };
+        this.data = [];
     }
     mounted() {
         if (this.instance.datasource.watchUrl) {
@@ -53122,8 +53161,39 @@ let ZdIterable = class ZdIterable extends ZdComponentRender$1 {
             this.unWatchRouteFn();
         }
     }
+    get virtualScrollPage() {
+        var _a, _b;
+        return [((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) || 0, ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) || 0];
+    }
+    /**
+     * Watches virtual scroll pagination info (start and perPage properties)
+     * if the values change, should call changeData only with the visible data
+     */
+    changeScrollData(scrollData, prevScrollData = [0, 0]) {
+        const start = scrollData[0];
+        const perPage = scrollData[1];
+        const prevStart = prevScrollData[0];
+        const prevPerPage = prevScrollData[1];
+        if (start === prevStart && perPage === prevPerPage)
+            return;
+        this.changeDataWithFilter(this.data, start, perPage);
+    }
+    changeDataWithFilter(data, start, perPage) {
+        const visibleData = [...data].splice(start, perPage);
+        this.instance.changeData(visibleData);
+    }
     changeData(data) {
-        this.instance.changeData(data);
+        var _a, _b;
+        if (!data)
+            return;
+        this.data = data;
+        if (!this.instance.virtualScroll) {
+            this.instance.changeData(data);
+            return;
+        }
+        if (((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) !== undefined && ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) !== undefined) {
+            this.changeDataWithFilter(this.data, this.scrollData.start, this.scrollData.perPage);
+        }
     }
     rowKey(item) {
         return item[this.instance.datasource.uniqueKey];
@@ -53157,6 +53227,12 @@ __decorate([
     Prop({ type: [String, Boolean], default: undefined }),
     __metadata("design:type", Object)
 ], ZdIterable.prototype, "searchIn", void 0);
+__decorate([
+    Watch('virtualScrollPage', { deep: true, immediate: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Array, Array]),
+    __metadata("design:returntype", void 0)
+], ZdIterable.prototype, "changeScrollData", null);
 ZdIterable = __decorate([
     Component$1
 ], ZdIterable);

package/dist/zd-vuetify.umd.js

@@ -46605,6 +46605,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
               initialized: false,
               visibleData: [],
           };
+          this.data = [];
       }
       mounted() {
           if (this.instance.datasource.watchUrl) {
@@ -46620,8 +46621,39 @@ If you're seeing "$attrs is readonly", it's caused by this`);
               this.unWatchRouteFn();
           }
       }
+      get virtualScrollPage() {
+          var _a, _b;
+          return [((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) || 0, ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) || 0];
+      }
+      /**
+       * Watches virtual scroll pagination info (start and perPage properties)
+       * if the values change, should call changeData only with the visible data
+       */
+      changeScrollData(scrollData, prevScrollData = [0, 0]) {
+          const start = scrollData[0];
+          const perPage = scrollData[1];
+          const prevStart = prevScrollData[0];
+          const prevPerPage = prevScrollData[1];
+          if (start === prevStart && perPage === prevPerPage)
+              return;
+          this.changeDataWithFilter(this.data, start, perPage);
+      }
+      changeDataWithFilter(data, start, perPage) {
+          const visibleData = [...data].splice(start, perPage);
+          this.instance.changeData(visibleData);
+      }
       changeData(data) {
-          this.instance.changeData(data);
+          var _a, _b;
+          if (!data)
+              return;
+          this.data = data;
+          if (!this.instance.virtualScroll) {
+              this.instance.changeData(data);
+              return;
+          }
+          if (((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) !== undefined && ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) !== undefined) {
+              this.changeDataWithFilter(this.data, this.scrollData.start, this.scrollData.perPage);
+          }
       }
       rowKey(item) {
           return item[this.instance.datasource.uniqueKey];
@@ -46655,6 +46687,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       vuePropertyDecorator.Prop({ type: [String, Boolean], default: undefined }),
       __metadata("design:type", Object)
   ], ZdIterable$1.prototype, "searchIn", void 0);
+  __decorate([
+      vuePropertyDecorator.Watch('virtualScrollPage', { deep: true, immediate: true }),
+      __metadata("design:type", Function),
+      __metadata("design:paramtypes", [Array, Array]),
+      __metadata("design:returntype", void 0)
+  ], ZdIterable$1.prototype, "changeScrollData", null);
   ZdIterable$1 = __decorate([
       vuePropertyDecorator.Component
   ], ZdIterable$1);
@@ -53106,6 +53144,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
               initialized: false,
               visibleData: [],
           };
+          this.data = [];
       }
       mounted() {
           if (this.instance.datasource.watchUrl) {
@@ -53121,8 +53160,39 @@ If you're seeing "$attrs is readonly", it's caused by this`);
               this.unWatchRouteFn();
           }
       }
+      get virtualScrollPage() {
+          var _a, _b;
+          return [((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) || 0, ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) || 0];
+      }
+      /**
+       * Watches virtual scroll pagination info (start and perPage properties)
+       * if the values change, should call changeData only with the visible data
+       */
+      changeScrollData(scrollData, prevScrollData = [0, 0]) {
+          const start = scrollData[0];
+          const perPage = scrollData[1];
+          const prevStart = prevScrollData[0];
+          const prevPerPage = prevScrollData[1];
+          if (start === prevStart && perPage === prevPerPage)
+              return;
+          this.changeDataWithFilter(this.data, start, perPage);
+      }
+      changeDataWithFilter(data, start, perPage) {
+          const visibleData = [...data].splice(start, perPage);
+          this.instance.changeData(visibleData);
+      }
       changeData(data) {
-          this.instance.changeData(data);
+          var _a, _b;
+          if (!data)
+              return;
+          this.data = data;
+          if (!this.instance.virtualScroll) {
+              this.instance.changeData(data);
+              return;
+          }
+          if (((_a = this.scrollData) === null || _a === void 0 ? void 0 : _a.start) !== undefined && ((_b = this.scrollData) === null || _b === void 0 ? void 0 : _b.perPage) !== undefined) {
+              this.changeDataWithFilter(this.data, this.scrollData.start, this.scrollData.perPage);
+          }
       }
       rowKey(item) {
           return item[this.instance.datasource.uniqueKey];
@@ -53156,6 +53226,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       vuePropertyDecorator.Prop({ type: [String, Boolean], default: undefined }),
       __metadata("design:type", Object)
   ], ZdIterable.prototype, "searchIn", void 0);
+  __decorate([
+      vuePropertyDecorator.Watch('virtualScrollPage', { deep: true, immediate: true }),
+      __metadata("design:type", Function),
+      __metadata("design:paramtypes", [Array, Array]),
+      __metadata("design:returntype", void 0)
+  ], ZdIterable.prototype, "changeScrollData", null);
   ZdIterable = __decorate([
       vuePropertyDecorator.Component
   ], ZdIterable);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.107.3",
+  "version": "1.108.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -51,5 +51,5 @@
     "@types/prismjs": "1.26.*",
     "@types/sortablejs": "1.15.*"
   },
-  "gitHead": "3b851815bcbce0ed87be3194f213b3a4e1335b01"
+  "gitHead": "69fc4b2235ec2cdca0490368e27e672dda3725b5"
 }

package/types/components/zd-iterable/ZdIterable.d.ts

@@ -29,6 +29,14 @@ export default class ZdIterable extends ZdComponentRender {
     scrollData: IScrollData;
     mounted(): void;
     beforeDestroy(): void;
+    get virtualScrollPage(): number[];
+    /**
+     * Watches virtual scroll pagination info (start and perPage properties)
+     * if the values change, should call changeData only with the visible data
+     */
+    changeScrollData(scrollData: number[], prevScrollData?: number[]): void;
+    changeDataWithFilter(data: IDictionary[], start: number, perPage: number): void;
+    private data;
     changeData(data?: IDictionary[]): void;
     rowKey(item: IDictionary<any>): any;
 }