raise-common-lib 0.0.261 → 0.0.262

package/fesm2015/raise-common-lib.js

@@ -933,9 +933,7 @@ class CommonGridComponent {
             ? changes.dataSource.currentValue
             : null;
         if (bindRows) {
-            if (this.allowPaging &&
-                bindRows.length &&
-                !this.pageSettings) {
+            if (this.allowPaging && bindRows.length && !this.pageSettings) {
                 this.pageSettings =
                     bindRows.length > 9
                         ? {
@@ -951,10 +949,12 @@ class CommonGridComponent {
             !this.dateTreeApplyingFilter) {
             this.captureDateTreeRawFromDataSource(changes.dataSource.currentValue);
         }
-        if (changes.enableDateTreeFilter && changes.enableDateTreeFilter.currentValue) {
+        if (changes.enableDateTreeFilter &&
+            changes.enableDateTreeFilter.currentValue) {
             this.captureDateTreeRawFromDataSource(this.dataSource);
         }
-        if (changes.enableDateTreeFilter && !changes.enableDateTreeFilter.currentValue) {
+        if (changes.enableDateTreeFilter &&
+            !changes.enableDateTreeFilter.currentValue) {
             this.dateTreeHelper && this.dateTreeHelper.close();
             this.dateTreeDisplayRows = [];
             this.dateTreeRawRows = [];
@@ -1512,11 +1512,25 @@ class CommonGridComponent {
         this.ref && this.ref.markForCheck();
         this.ref && this.ref.detectChanges();
     }
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    beforeDataBound(args) {
+        if (args.actionArgs &&
+            (args.actionArgs.action === "clearFilter" ||
+                args.actionArgs.requestType === "searching")) {
+            if (((/** @type {?} */ (this.grid))).pagerModule.pagerObj.isAllPage &&
+                args.count !== ((/** @type {?} */ (this.grid))).pageSettings.pageSize) {
+                ((/** @type {?} */ (this.grid))).pagerModule.pagerObj.isAllPage = false;
+            }
+        }
+    }
 }
 CommonGridComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-common-grid",
-                template: "<rs-date-tree-filter-popover\r\n  *ngIf=\"enableDateTreeFilter && dateTreeHelper && dateTreeHelper.popoverVisible\"\r\n  #dateTreePopoverRef\r\n  [ngStyle]=\"dateTreeHelper.popoverStyle\"\r\n  [field]=\"dateTreeHelper.popoverField\"\r\n  [translation]=\"translation\"\r\n  [sourceRows]=\"dateTreePopoverSourceRows\"\r\n  [dateFields]=\"dateTreeHelper.dateFields\"\r\n  [selectedByField]=\"dateTreeHelper.selectedByField\"\r\n  [fieldLabelMap]=\"dateTreeHelper.fieldLabelMap\"\r\n  (apply)=\"dateTreeHelper.updateSelection($event)\"\r\n  (close)=\"dateTreeHelper.close()\"\r\n></rs-date-tree-filter-popover>\r\n<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"gridBindDataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"gridBindDataSource && gridBindDataSource.length ? contextMenuItems : null\"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n      [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n      [isPrimaryKey]=\"item?.isPrimaryKey ? true : false\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
+                template: "<rs-date-tree-filter-popover\r\n  *ngIf=\"\r\n    enableDateTreeFilter && dateTreeHelper && dateTreeHelper.popoverVisible\r\n  \"\r\n  #dateTreePopoverRef\r\n  [ngStyle]=\"dateTreeHelper.popoverStyle\"\r\n  [field]=\"dateTreeHelper.popoverField\"\r\n  [translation]=\"translation\"\r\n  [sourceRows]=\"dateTreePopoverSourceRows\"\r\n  [dateFields]=\"dateTreeHelper.dateFields\"\r\n  [selectedByField]=\"dateTreeHelper.selectedByField\"\r\n  [fieldLabelMap]=\"dateTreeHelper.fieldLabelMap\"\r\n  (apply)=\"dateTreeHelper.updateSelection($event)\"\r\n  (close)=\"dateTreeHelper.close()\"\r\n></rs-date-tree-filter-popover>\r\n<ejs-grid\r\n  #grid\r\n  [id]=\"gridId\"\r\n  [ngClass]=\"{\r\n    'hide-Check-box': !alwaysShowCheckbox,\r\n    'grid-loading': className === 'grid-loading'\r\n  }\"\r\n  [dataSource]=\"gridBindDataSource\"\r\n  [allowPaging]=\"allowPaging && pageSettings\"\r\n  [allowResizing]=\"true\"\r\n  [pageSettings]=\"pageSettings\"\r\n  [showColumnMenu]=\"true\"\r\n  [allowSorting]=\"true\"\r\n  [allowFiltering]=\"true\"\r\n  [allowExcelExport]=\"true\"\r\n  [allowRowDragAndDrop]=\"allowRowDragAndDrop\"\r\n  [filterSettings]=\"filterSettings\"\r\n  [resizeSettings]=\"resizeSettings\"\r\n  [allowSelection]=\"true\"\r\n  [editSettings]=\"editSettings\"\r\n  [childGrid]=\"childGrid\"\r\n  [contextMenuItems]=\"\r\n    gridBindDataSource && gridBindDataSource.length ? contextMenuItems : null\r\n  \"\r\n  [selectionSettings]=\"selectionSettings\"\r\n  (recordClick)=\"_recordClick($event)\"\r\n  (recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n  (actionBegin)=\"_actionBegin($event)\"\r\n  (actionComplete)=\"_actionHandler($event)\"\r\n  (rowSelected)=\"_rowSelected($event)\"\r\n  (rowDeselecting)=\"_rowDeselecting($event)\"\r\n  (rowDeselected)=\"_rowDeselected($event)\"\r\n  style=\"border: none\"\r\n  (contextMenuClick)=\"_onContextMenu($event)\"\r\n  (contextMenuOpen)=\"contextMenuOpen($event)\"\r\n  (queryCellInfo)=\"customiseCell($event)\"\r\n  (dataBound)=\"_dataBound($event)\"\r\n  (rowDataBound)=\"_rowDataBound($event)\"\r\n  (rowSelecting)=\"_rowSelecting($event)\"\r\n  (excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n  (rowDrop)=\"onRowDrop($event)\"\r\n  (rowDragStart)=\"_rowDragStart($event)\"\r\n  (rowDrag)=\"_rowDrag($event)\"\r\n  (load)=\"_load()\"\r\n  [frozenColumns]=\"frozenColumns\"\r\n  [columnChooserSettings]=\"columnChooserSettings\"\r\n  (beforeDataBound)=\"beforeDataBound($event)\"\r\n>\r\n  <e-columns>\r\n    <e-column\r\n      *ngIf=\"showCheckBox\"\r\n      type=\"checkbox\"\r\n      [width]=\"checkBoxWidth\"\r\n      [minWidth]=\"checkBoxWidth\"\r\n      [showColumnMenu]=\"false\"\r\n      [allowResizing]=\"false\"\r\n    ></e-column>\r\n    <e-column\r\n      *ngFor=\"let item of fields; trackBy: trackByFn; let last = last\"\r\n      [field]=\"item.columnName\"\r\n      [filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n      [customAttributes]=\"\r\n        item.colName === 'entityUserList' || item.colName === 'kycProgress'\r\n          ? { class: 'hideColumnFilterClass' }\r\n          : {}\r\n      \"\r\n      [headerText]=\"item.columnDisplayName\"\r\n      [textAlign]=\"item.textAlign\"\r\n      [showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n      [allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n      [allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n      [showInColumnChooser]=\"\r\n        item.showInColumnChooser === undefined ? true : item.showInColumnChooser\r\n      \"\r\n      [editType]=\"item.editType\"\r\n      [validationRules]=\"item.validationRules\"\r\n      [type]=\"item.dataType || 'string'\"\r\n      [width]=\"item.width\"\r\n      [minWidth]=\"item.minWidth\"\r\n      [format]=\"item.format\"\r\n      [visible]=\"item.visible\"\r\n      [template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n      [clipMode]=\"\r\n        item.clipMode ? item.clipMode : clipMode || 'EllipsisWithTooltip'\r\n      \"\r\n      [sortComparer]=\"item.dateComparer || null\"\r\n      [allowResizing]=\"!last\"\r\n      [headerTemplate]=\"item.showHeaderTemplate ? headerTemplate : undefined\"\r\n      [isPrimaryKey]=\"item?.isPrimaryKey ? true : false\"\r\n    >\r\n    </e-column>\r\n  </e-columns>\r\n</ejs-grid>\r\n",
                 styles: [""]
             }] }
 ];
@@ -24202,7 +24216,7 @@ class DrawerFormComponent {
      */
     onClickAnchor(index) {
         /** @type {?} */
-        const sectionItems = this.sectionEls.toArray();
+        const sectionItems = this.sectionEls && this.sectionEls.toArray();
         sectionItems[index].nativeElement.scrollIntoView(true);
         this.scrollIndex = index;
         this.isClickAnchor = true;
@@ -24229,15 +24243,16 @@ class DrawerFormComponent {
         /** @type {?} */
         const scrollHeight = scrollViewEl.scrollHeight - scrollViewEl.offsetHeight;
         /** @type {?} */
-        const sectionViewRatio = this.sectionEls.toArray().map((/**
-         * @param {?} section
-         * @return {?}
-         */
-        (section) => {
-            /** @type {?} */
-            const ratio = section.nativeElement.offsetHeight / scrollViewEl.scrollHeight;
-            return scrollHeight * ratio;
-        }));
+        const sectionViewRatio = this.sectionEls &&
+            this.sectionEls.toArray().map((/**
+             * @param {?} section
+             * @return {?}
+             */
+            (section) => {
+                /** @type {?} */
+                const ratio = section.nativeElement.offsetHeight / scrollViewEl.scrollHeight;
+                return scrollHeight * ratio;
+            }));
         /** @type {?} */
         const onScroll = (/**
          * @return {?}