osl-base-extended 2.0.21 → 2.0.23

package/fesm2022/osl-base-extended.mjs

@@ -3837,6 +3837,7 @@ class OslAutocompleteLister {
     autocompleteData;
     recordCount = 0;
     loader = false;
+    setup;
     constructor(dialogRef, cd) {
         this.dialogRef = dialogRef;
         this.cd = cd;
@@ -3855,12 +3856,14 @@ class OslAutocompleteLister {
             return;
         this.column = res.result;
     }
-    async search(searchValue, page = 1, pageSize = 25) {
+    async search(searchValue, page = 1, pageSize = 25, sortKey, sortColumnDirection) {
         this.loader = true;
         const res = await this.autocompleteData.service[this.autocompleteData.methodName || 'Search']({
             page: page,
             pageSize: pageSize,
-            searchValue
+            searchValue,
+            sortColumn: sortKey,
+            sortColumnDirection: sortColumnDirection
         });
         this.cd.markForCheck();
         if (!res.isSuccessful)
@@ -3871,8 +3874,16 @@ class OslAutocompleteLister {
         }, 20);
         this.recordCount = res.result?.recordsFiltered;
     }
+    async onSortChange(event) {
+        if (this.setup?.gridRef && this.setup?.searchbar) {
+            this.setup.gridRef.currentPage = 1;
+            await this.search(this.setup.searchbar?.searchQuery, 1, this.setup?.gridRef?.pageSize, event.key, event.asc == true ? 'ASC' : 'DESC');
+            this.cd.detectChanges();
+            this.cd.markForCheck();
+        }
+    }
     onPageChange(event) {
-        this.search(event.searchValue, event.page, event.pageSize);
+        this.search(event.searchValue, event.page, event.pageSize, event.sortKey, event.sortASC == true ? 'ASC' : 'DESC');
     }
     onSearch(value) {
         this.search(value);
@@ -3881,14 +3892,17 @@ class OslAutocompleteLister {
         this.dialogRef.close(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslAutocompleteLister, deps: [{ token: i1.MatDialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: OslAutocompleteLister, isStandalone: false, selector: "osl-autocomplete-lister", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"p-4\">\r\n    <osl-setup [loading]=\"loader\" [autoMode]=\"false\" [title]=\"autocompleteData?.title\"  [totalRecords]=\"recordCount\"  (pageSizeChange)=\"onPageChange($event)\" (pageChange)=\"onPageChange($event)\" (onRowClick)=\"onRowClick($event)\" [columns]=\"column\" [datasource]=\"datasource\" [isLister]=\"true\"></osl-setup>\r\n    \r\n</div>", styles: [""], dependencies: [{ kind: "component", type: OslSetup, selector: "osl-setup", inputs: ["title", "columns", "datasource", "isPaginated", "pageSize", "autoMode", "tableHeight", "totalRecords", "loading", "dialogWidth", "formElements", "beforeDisplay", "onAddEditFn", "isLister", "canAdd", "canEdit", "canDelete", "moreMenuActions", "customFormFooter", "customHeaderTemp", "partialCustomHeaderTemp", "stateKey", "primaryKey", "onSave", "cardPageSize", "cardTemplate"], outputs: ["onSearch", "onAdd", "onEdit", "onDelete", "pageChange", "pageSizeChange", "sortChange", "onRowClick", "onStateRestored"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: OslAutocompleteLister, isStandalone: false, selector: "osl-autocomplete-lister", inputs: { data: "data" }, viewQueries: [{ propertyName: "setup", first: true, predicate: ["setup"], descendants: true }], ngImport: i0, template: "<div class=\"p-4\">\r\n    <osl-setup  [loading]=\"loader\" [autoMode]=\"false\" [title]=\"autocompleteData?.title\" (sortChange)=\"onSortChange($event)\" [totalRecords]=\"recordCount\"  (pageSizeChange)=\"onPageChange($event)\" (pageChange)=\"onPageChange($event)\" (onRowClick)=\"onRowClick($event)\" [columns]=\"column\" [datasource]=\"datasource\" [isLister]=\"true\"></osl-setup>\r\n    \r\n</div>", styles: [""], dependencies: [{ kind: "component", type: OslSetup, selector: "osl-setup", inputs: ["title", "columns", "datasource", "isPaginated", "pageSize", "autoMode", "tableHeight", "totalRecords", "loading", "dialogWidth", "formElements", "beforeDisplay", "onAddEditFn", "isLister", "canAdd", "canEdit", "canDelete", "moreMenuActions", "customFormFooter", "customHeaderTemp", "partialCustomHeaderTemp", "stateKey", "primaryKey", "onSave", "cardPageSize", "cardTemplate"], outputs: ["onSearch", "onAdd", "onEdit", "onDelete", "pageChange", "pageSizeChange", "sortChange", "onRowClick", "onStateRestored"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslAutocompleteLister, decorators: [{
             type: Component,
-            args: [{ selector: 'osl-autocomplete-lister', standalone: false, template: "<div class=\"p-4\">\r\n    <osl-setup [loading]=\"loader\" [autoMode]=\"false\" [title]=\"autocompleteData?.title\"  [totalRecords]=\"recordCount\"  (pageSizeChange)=\"onPageChange($event)\" (pageChange)=\"onPageChange($event)\" (onRowClick)=\"onRowClick($event)\" [columns]=\"column\" [datasource]=\"datasource\" [isLister]=\"true\"></osl-setup>\r\n    \r\n</div>" }]
+            args: [{ selector: 'osl-autocomplete-lister', standalone: false, template: "<div class=\"p-4\">\r\n    <osl-setup  [loading]=\"loader\" [autoMode]=\"false\" [title]=\"autocompleteData?.title\" (sortChange)=\"onSortChange($event)\" [totalRecords]=\"recordCount\"  (pageSizeChange)=\"onPageChange($event)\" (pageChange)=\"onPageChange($event)\" (onRowClick)=\"onRowClick($event)\" [columns]=\"column\" [datasource]=\"datasource\" [isLister]=\"true\"></osl-setup>\r\n    \r\n</div>" }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
+            }], setup: [{
+                type: ViewChild,
+                args: ['setup']
             }] } });
 
 class OslSkeletonModule {