osl-base-extended 2.0.20 → 2.0.22

package/fesm2022/osl-base-extended.mjs

@@ -3425,6 +3425,8 @@ class OslSetup {
             page: 1,
             pageSize: this.viewMode === 'card' ? this._effectiveCardPageSize : (this.gridRef?.pageSize || 10),
             searchValue: event,
+            sortASC: this.gridRef?.sortAsc,
+            sortKey: this.gridRef?.sortKey
         });
         this.onSearch.emit(event);
     }
@@ -3853,12 +3855,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)
@@ -3870,7 +3874,7 @@ class OslAutocompleteLister {
         this.recordCount = res.result?.recordsFiltered;
     }
     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);
@@ -3879,11 +3883,11 @@ 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" }, 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"] }] });
 }
 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\"  [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']