@colijnit/corecomponents_v12 261.20.4 → 261.20.6

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -11676,6 +11676,7 @@ class BaseSimpleGridComponent {
     deleteRow = new EventEmitter();
     addRow = new EventEmitter();
     rowVisible = new EventEmitter();
+    paginationPageChange = new EventEmitter();
     handleMouseMove(event) {
         if (this.resizable && event.buttons === 1 && this._columnForResize) {
             // this._columnForResize.width = this._columnForResize.originalWidth - (this._startMousePositionX - event.clientX);
@@ -11789,7 +11790,7 @@ class BaseSimpleGridComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BaseSimpleGridComponent, isStandalone: true, inputs: { data: "data", exportData: "exportData", dragDropEnabled: "dragDropEnabled", resizable: "resizable", inlineEdit: "inlineEdit", showEdit: "showEdit", showToolbar: "showToolbar", autoAddRow: "autoAddRow", emitDragDrop: "emitDragDrop", extraColumns: "extraColumns" }, outputs: { onDrop: "onDrop", selectRow: "selectRow", deselectRow: "deselectRow", dblClickRow: "dblClickRow", saveRow: "saveRow", deleteRow: "deleteRow", addRow: "addRow", rowVisible: "rowVisible" }, host: { listeners: { "document:mousemove": "handleMouseMove($event)", "document:mouseup": "handleMouseUp($event)" } }, queries: [{ propertyName: "content", predicate: SimpleGridColumnDirective }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BaseSimpleGridComponent, isStandalone: true, inputs: { data: "data", exportData: "exportData", dragDropEnabled: "dragDropEnabled", resizable: "resizable", inlineEdit: "inlineEdit", showEdit: "showEdit", showToolbar: "showToolbar", autoAddRow: "autoAddRow", emitDragDrop: "emitDragDrop", extraColumns: "extraColumns" }, outputs: { onDrop: "onDrop", selectRow: "selectRow", deselectRow: "deselectRow", dblClickRow: "dblClickRow", saveRow: "saveRow", deleteRow: "deleteRow", addRow: "addRow", rowVisible: "rowVisible", paginationPageChange: "paginationPageChange" }, host: { listeners: { "document:mousemove": "handleMouseMove($event)", "document:mouseup": "handleMouseUp($event)" } }, queries: [{ propertyName: "content", predicate: SimpleGridColumnDirective }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BaseSimpleGridComponent, decorators: [{
             type: Directive
@@ -11832,6 +11833,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], rowVisible: [{
                 type: Output
+            }], paginationPageChange: [{
+                type: Output
             }], handleMouseMove: [{
                 type: HostListener,
                 args: ['document:mousemove', ['$event']]
@@ -12430,6 +12433,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
     rowDisabledFn;
     showColumnSort = false;
     showRowButtons = false;
+    resetPageOnDataChange = true;
     /**
      * Promise function, if provided should return boolean
      */
@@ -12479,7 +12483,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this.changeDetection = changeDetection;
         this._formMaster = _formMaster;
         this.dataChanged.subscribe(() => {
-            this.currentPage = 1;
+            if (this.resetPageOnDataChange) {
+                this.currentPage = 1;
+            }
         });
     }
     handleClickOutsideRow() {
@@ -12961,7 +12967,7 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         this.rowToEdit = undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleGridComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: FormMasterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SimpleGridComponent, isStandalone: false, selector: "co-simple-grid", inputs: { showAdd: "showAdd", showDelete: "showDelete", deselectAllowed: "deselectAllowed", editOnCellClick: "editOnCellClick", rightToolbar: "rightToolbar", showGridSettings: "showGridSettings", rowsPerPage: "rowsPerPage", rowDisabledFn: "rowDisabledFn", showColumnSort: "showColumnSort", showRowButtons: "showRowButtons", canRowBeEdittedFn: "canRowBeEdittedFn" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-simple-grid": "this.showClass" } }, providers: [FormMasterService], viewQueries: [{ propertyName: "headerCells", predicate: ["headerCell"], descendants: true }, { propertyName: "rowElements", predicate: ["rowElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SimpleGridComponent, isStandalone: false, selector: "co-simple-grid", inputs: { showAdd: "showAdd", showDelete: "showDelete", deselectAllowed: "deselectAllowed", editOnCellClick: "editOnCellClick", rightToolbar: "rightToolbar", showGridSettings: "showGridSettings", rowsPerPage: "rowsPerPage", rowDisabledFn: "rowDisabledFn", showColumnSort: "showColumnSort", showRowButtons: "showRowButtons", resetPageOnDataChange: "resetPageOnDataChange", canRowBeEdittedFn: "canRowBeEdittedFn" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-simple-grid": "this.showClass" } }, providers: [FormMasterService], viewQueries: [{ propertyName: "headerCells", predicate: ["headerCell"], descendants: true }, { propertyName: "rowElements", predicate: ["rowElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     @if (showToolbar) {
       <co-grid-toolbar
         [class.right]="rightToolbar"
@@ -13156,9 +13162,9 @@ class SimpleGridComponent extends BaseSimpleGridComponent {
         [currentPage]="currentPage"
         [totalItems]="data.length"
         [autoHide]="true"
-        (previousClick)="goToPreviousPage()"
-        (nextClick)="goToNextPage()"
-        (pageClick)="setCurrentPage($event)">
+        (previousClick)="goToPreviousPage(); this.paginationPageChange.emit()"
+        (nextClick)="goToNextPage(); this.paginationPageChange.emit()"
+        (pageClick)="setCurrentPage($event); this.paginationPageChange.emit()">
       </co-pagination-bar>
     }
     `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: GridToolbarComponent, selector: "co-grid-toolbar", inputs: ["showEdit", "showAdd", "showDelete", "deleteEnabled"], outputs: ["editClick", "cancelClick", "saveClick", "addClick", "deleteClick"] }, { kind: "component", type: FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "directive", type: ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "component", type: PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "component", type: ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: SimpleGridCellComponent, selector: "co-simple-grid-cell", inputs: ["editMode", "column", "row", "fieldEditMode"], outputs: ["cellClick"] }, { kind: "pipe", type: PaginatePipe, name: "paginate" }, { kind: "pipe", type: CoreLocalizePipe, name: "coreLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -13362,9 +13368,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         [currentPage]="currentPage"
         [totalItems]="data.length"
         [autoHide]="true"
-        (previousClick)="goToPreviousPage()"
-        (nextClick)="goToNextPage()"
-        (pageClick)="setCurrentPage($event)">
+        (previousClick)="goToPreviousPage(); this.paginationPageChange.emit()"
+        (nextClick)="goToNextPage(); this.paginationPageChange.emit()"
+        (pageClick)="setCurrentPage($event); this.paginationPageChange.emit()">
       </co-pagination-bar>
     }
     `,
@@ -13399,6 +13405,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], showRowButtons: [{
                 type: Input
+            }], resetPageOnDataChange: [{
+                type: Input
             }], canRowBeEdittedFn: [{
                 type: Input
             }], showClass: [{