raise-common-lib 0.0.261 → 0.0.263

package/fesm5/raise-common-lib.js

@@ -991,7 +991,9 @@ var CommonGridComponent = /** @class */ (function () {
          * @param {?} rows
          * @return {?}
          */
-        function (rows) { return _this.onDateTreeRowsApplied(rows); }));
+        function (rows) {
+            return _this.onDateTreeRowsApplied(rows);
+        }));
     }
     /**
      * @return {?}
@@ -1063,9 +1065,7 @@ var CommonGridComponent = /** @class */ (function () {
             ? 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
                         ? {
@@ -1081,10 +1081,12 @@ var CommonGridComponent = /** @class */ (function () {
             !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 = [];
@@ -1818,10 +1820,28 @@ var CommonGridComponent = /** @class */ (function () {
         this.ref && this.ref.markForCheck();
         this.ref && this.ref.detectChanges();
     };
+    /**
+     * @param {?} args
+     * @return {?}
+     */
+    CommonGridComponent.prototype.beforeDataBound = /**
+     * @param {?} args
+     * @return {?}
+     */
+    function (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: [""]
                 }] }
     ];
@@ -6451,8 +6471,8 @@ var RSNavCardGroupComponent = /** @class */ (function () {
     RSNavCardGroupComponent.decorators = [
         { type: Component, args: [{
                     selector: "nav-card-group",
-                    template: "<div class=\"rs-setting\">\r\n  <h1 class=\"rs-page-title\">{{ title }}</h1>\r\n  <div class=\"setting-content\">\r\n    <div\r\n      class=\"setting-group-card\"\r\n      *ngFor=\"let group of navList\"\r\n      [ngClass]=\"{ pointer: !group.subList }\"\r\n      (click)=\"!group.subList && onNavClick(group)\"\r\n    >\r\n      <header class=\"setting-card-header\">\r\n        <div class=\"setting-card-logo\">\r\n          <img [src]=\"group.img\" alt=\"\" />\r\n        </div>\r\n        <h4 class=\"setting-card-title\">{{ group.title }}</h4>\r\n        <div\r\n          class=\"setting-card-sub-title\"\r\n          *ngIf=\"!group.subList\"\r\n        >\r\n          {{ group.subTitle }}\r\n        </div>\r\n      </header>\r\n      <div class=\"setting-card-desc\" *ngIf=\"!group.subList\">\r\n        {{ group.desc }}\r\n      </div>\r\n      <div\r\n        class=\"setting-item\"\r\n        *ngFor=\"let item of group.subList\"\r\n        (click)=\"onNavClick(item)\"\r\n      >\r\n        {{ item.title }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".rs-setting{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-setting .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-setting .setting-content{flex:1;height:0;overflow:auto;display:flex;flex-flow:row wrap;gap:20px;padding:4px 20px 40px}.rs-setting .setting-content .setting-group-card{width:100%;min-width:320px;padding:0 12px 16px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card.pointer{cursor:pointer}.rs-setting .setting-content .setting-group-card .setting-card-header{padding:12px 8px;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo{display:flex;flex-flow:column nowrap;gap:4px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo img{width:24px;height:24px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo::after{content:\" \";width:24px;height:3px;background-color:#ff9618;border-radius:2px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-title{padding:0;margin:12px 0 0;color:#1f3f5c;font-family:Arial;font-size:15px;font-style:normal;font-weight:700;line-height:18px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-sub-title{color:#6c7c90;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin-top:6px}.rs-setting .setting-content .setting-group-card .setting-card-desc{padding:6px 8px;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item{padding:6px 8px;border-radius:4px;cursor:pointer;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item:hover{background-color:#1364b30d}@media screen and (min-width:741px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px)/ 2)}}@media screen and (min-width:1297px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 2)/ 3)}}@media screen and (min-width:1632px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 3)/ 4)}}@media screen and (min-width:1972px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 4)/ 5)}}"]
+                    template: "<div class=\"rs-setting\">\r\n  <h1 class=\"rs-page-title\">{{ title }}</h1>\r\n  <div class=\"setting-content\">\r\n    <div\r\n      class=\"setting-group-card\"\r\n      *ngFor=\"let group of navList\"\r\n      [ngClass]=\"{ pointer: !group.subList }\"\r\n      (click)=\"!group.subList && onNavClick(group)\"\r\n    >\r\n      <header class=\"setting-card-header\">\r\n        <div class=\"setting-card-logo\">\r\n          <img [src]=\"group.img\" alt=\"\" />\r\n        </div>\r\n        <h4 class=\"setting-card-title\">{{ group.title }}</h4>\r\n        <div class=\"setting-card-sub-title\" *ngIf=\"!group.subList\">\r\n          {{ group.subTitle }}\r\n        </div>\r\n      </header>\r\n      <div class=\"setting-card-desc\" *ngIf=\"!group.subList\">\r\n        {{ group.desc }}\r\n      </div>\r\n      <div\r\n        class=\"setting-item\"\r\n        *ngFor=\"let item of group.subList\"\r\n        [ngClass]=\"{ disabled: item.disabled }\"\r\n        (click)=\"onNavClick(item)\"\r\n        [matTooltip]=\"item.hoverTips ? item.hoverTips : ''\"\r\n        matTooltipShowDelay=\"300\"\r\n        matTooltipPosition=\"above\"\r\n      >\r\n        <span>\r\n          {{ item.title }}\r\n        </span>\r\n        <span *ngIf=\"item.img\">\r\n          <img [src]=\"item.img\" alt=\"\" class=\"setting-item-img\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".rs-setting{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-setting .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-setting .setting-content{flex:1;height:0;overflow:auto;display:flex;flex-flow:row wrap;gap:20px;padding:4px 20px 40px}.rs-setting .setting-content .setting-group-card{width:100%;min-width:320px;padding:0 12px 16px;border-radius:10px;border:1px solid #eaedf0;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card.pointer{cursor:pointer}.rs-setting .setting-content .setting-group-card .setting-card-header{padding:12px 8px;display:flex;flex-flow:column nowrap}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo{display:flex;flex-flow:column nowrap;gap:4px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo img{width:24px;height:24px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-logo::after{content:\" \";width:24px;height:3px;background-color:#ff9618;border-radius:2px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-title{padding:0;margin:12px 0 0;color:#1f3f5c;font-family:Arial;font-size:15px;font-style:normal;font-weight:700;line-height:18px}.rs-setting .setting-content .setting-group-card .setting-card-header .setting-card-sub-title{color:#6c7c90;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;margin-top:6px}.rs-setting .setting-content .setting-group-card .setting-card-desc{padding:6px 8px;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.rs-setting .setting-content .setting-group-card .setting-item{padding:6px 8px;border-radius:4px;cursor:pointer;color:#44566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px;display:flex;align-items:center;gap:8px}.rs-setting .setting-content .setting-group-card .setting-item:hover{background-color:#1364b30d}.rs-setting .setting-content .setting-group-card .setting-item.disabled{cursor:default;opacity:.5;pointer-events:none}.rs-setting .setting-content .setting-group-card .setting-item .setting-item-img{width:16px;height:16px}@media screen and (min-width:741px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px)/ 2)}}@media screen and (min-width:1297px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 2)/ 3)}}@media screen and (min-width:1632px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 3)/ 4)}}@media screen and (min-width:1972px){.rs-setting .setting-content .setting-group-card{width:calc((100% - 20px * 4)/ 5)}}"]
                 }] }
     ];
     /** @nocollapse */
@@ -25491,7 +25511,7 @@ var DrawerFormComponent = /** @class */ (function () {
      */
     function (index) {
         /** @type {?} */
-        var sectionItems = this.sectionEls.toArray();
+        var sectionItems = this.sectionEls && this.sectionEls.toArray();
         sectionItems[index].nativeElement.scrollIntoView(true);
         this.scrollIndex = index;
         this.isClickAnchor = true;
@@ -25526,15 +25546,16 @@ var DrawerFormComponent = /** @class */ (function () {
         /** @type {?} */
         var scrollHeight = scrollViewEl.scrollHeight - scrollViewEl.offsetHeight;
         /** @type {?} */
-        var sectionViewRatio = this.sectionEls.toArray().map((/**
-         * @param {?} section
-         * @return {?}
-         */
-        function (section) {
-            /** @type {?} */
-            var ratio = section.nativeElement.offsetHeight / scrollViewEl.scrollHeight;
-            return scrollHeight * ratio;
-        }));
+        var sectionViewRatio = this.sectionEls &&
+            this.sectionEls.toArray().map((/**
+             * @param {?} section
+             * @return {?}
+             */
+            function (section) {
+                /** @type {?} */
+                var ratio = section.nativeElement.offsetHeight / scrollViewEl.scrollHeight;
+                return scrollHeight * ratio;
+            }));
         /** @type {?} */
         var onScroll = (/**
          * @return {?}