raise-common-lib 0.0.261 → 0.0.263
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/raise-common-lib.umd.js +40 -19
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/common-grid/index.component.js +21 -7
- package/esm2015/lib/form/drawer-form/drawer-form.component.js +12 -11
- package/esm2015/lib/layout/nav-card-group/constants.js +7 -1
- package/esm2015/lib/layout/nav-card-group/index.component.js +3 -3
- package/esm5/lib/common-grid/index.component.js +28 -8
- package/esm5/lib/form/drawer-form/drawer-form.component.js +12 -11
- package/esm5/lib/layout/nav-card-group/constants.js +7 -1
- package/esm5/lib/layout/nav-card-group/index.component.js +3 -3
- package/fesm2015/raise-common-lib.js +33 -18
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +40 -19
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/common-grid/index.component.d.ts +1 -0
- package/lib/layout/nav-card-group/constants.d.ts +3 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -39,8 +39,8 @@ var RSNavCardGroupComponent = /** @class */ (function () {
|
|
|
39
39
|
RSNavCardGroupComponent.decorators = [
|
|
40
40
|
{ type: Component, args: [{
|
|
41
41
|
selector: "nav-card-group",
|
|
42
|
-
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
|
|
43
|
-
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)}}"]
|
|
42
|
+
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",
|
|
43
|
+
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)}}"]
|
|
44
44
|
}] }
|
|
45
45
|
];
|
|
46
46
|
/** @nocollapse */
|
|
@@ -68,4 +68,4 @@ if (false) {
|
|
|
68
68
|
/** @type {?} */
|
|
69
69
|
RSNavCardGroupComponent.prototype.router;
|
|
70
70
|
}
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbmF2LWNhcmQtZ3JvdXAvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBR3pDO0lBTUUsaUNBQW1CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBSWpDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRTFCLFlBQU8sR0FBZSxFQUFFLENBQUM7UUFDekIsbUJBQWMsR0FBWSxLQUFLLENBQUMsQ0FBQyxTQUFTOztRQUMxQyxVQUFLLEdBQUcsRUFBRSxDQUFDO0lBUmdCLENBQUM7Ozs7SUFDckMsMENBQVE7OztJQUFSLGNBQWtCLENBQUM7Ozs7O0lBU25CLDRDQUFVOzs7O0lBQVYsVUFBVyxJQUFJO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztTQUNwRTtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7O2dCQXJCRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsMDRDQUFxQzs7aUJBRXRDOzs7O2dCQVBRLE1BQU07OzsyQkFZWixNQUFNOzBCQUdOLEtBQUs7aUNBQ0wsS0FBSzt3QkFDTCxLQUFLOztJQVFSLDhCQUFDO0NBQUEsQUF0QkQsSUFzQkM7U0FqQlksdUJBQXVCOzs7SUFJbEMsMkNBQ21DOztJQUVuQywwQ0FBa0M7O0lBQ2xDLGlEQUF5Qzs7SUFDekMsd0NBQW9COztJQVJSLHlDQUFxQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5pbXBvcnQgeyBOYXZHcm91cCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwibmF2LWNhcmQtZ3JvdXBcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUlNOYXZDYXJkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIG5hdkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIEBJbnB1dCgpIG5hdkxpc3Q6IE5hdkdyb3VwW10gPSBbXTtcclxuICBASW5wdXQoKSBjdXN0b21OYXZDbGljazogYm9vbGVhbiA9IGZhbHNlOyAvLyDmjqXmlLbovpPlhaXlsZ7mgKdcclxuICBASW5wdXQoKSB0aXRsZSA9IFwiXCI7XHJcblxyXG4gIG9uTmF2Q2xpY2soaXRlbSkge1xyXG4gICAgaWYgKCF0aGlzLmN1c3RvbU5hdkNsaWNrKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnVybF0sIHsgc3RhdGU6IHsgdGl0bGU6IGl0ZW0udGl0bGUgfSB9KTtcclxuICAgIH1cclxuICAgIHRoaXMubmF2Q2xpY2suZW1pdChpdGVtKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -933,9 +933,7 @@ class CommonGridComponent {
|
|
|
933
933
|
? changes.dataSource.currentValue
|
|
934
934
|
: null;
|
|
935
935
|
if (bindRows) {
|
|
936
|
-
if (this.allowPaging &&
|
|
937
|
-
bindRows.length &&
|
|
938
|
-
!this.pageSettings) {
|
|
936
|
+
if (this.allowPaging && bindRows.length && !this.pageSettings) {
|
|
939
937
|
this.pageSettings =
|
|
940
938
|
bindRows.length > 9
|
|
941
939
|
? {
|
|
@@ -951,10 +949,12 @@ class CommonGridComponent {
|
|
|
951
949
|
!this.dateTreeApplyingFilter) {
|
|
952
950
|
this.captureDateTreeRawFromDataSource(changes.dataSource.currentValue);
|
|
953
951
|
}
|
|
954
|
-
if (changes.enableDateTreeFilter &&
|
|
952
|
+
if (changes.enableDateTreeFilter &&
|
|
953
|
+
changes.enableDateTreeFilter.currentValue) {
|
|
955
954
|
this.captureDateTreeRawFromDataSource(this.dataSource);
|
|
956
955
|
}
|
|
957
|
-
if (changes.enableDateTreeFilter &&
|
|
956
|
+
if (changes.enableDateTreeFilter &&
|
|
957
|
+
!changes.enableDateTreeFilter.currentValue) {
|
|
958
958
|
this.dateTreeHelper && this.dateTreeHelper.close();
|
|
959
959
|
this.dateTreeDisplayRows = [];
|
|
960
960
|
this.dateTreeRawRows = [];
|
|
@@ -1512,11 +1512,25 @@ class CommonGridComponent {
|
|
|
1512
1512
|
this.ref && this.ref.markForCheck();
|
|
1513
1513
|
this.ref && this.ref.detectChanges();
|
|
1514
1514
|
}
|
|
1515
|
+
/**
|
|
1516
|
+
* @param {?} args
|
|
1517
|
+
* @return {?}
|
|
1518
|
+
*/
|
|
1519
|
+
beforeDataBound(args) {
|
|
1520
|
+
if (args.actionArgs &&
|
|
1521
|
+
(args.actionArgs.action === "clearFilter" ||
|
|
1522
|
+
args.actionArgs.requestType === "searching")) {
|
|
1523
|
+
if (((/** @type {?} */ (this.grid))).pagerModule.pagerObj.isAllPage &&
|
|
1524
|
+
args.count !== ((/** @type {?} */ (this.grid))).pageSettings.pageSize) {
|
|
1525
|
+
((/** @type {?} */ (this.grid))).pagerModule.pagerObj.isAllPage = false;
|
|
1526
|
+
}
|
|
1527
|
+
}
|
|
1528
|
+
}
|
|
1515
1529
|
}
|
|
1516
1530
|
CommonGridComponent.decorators = [
|
|
1517
1531
|
{ type: Component, args: [{
|
|
1518
1532
|
selector: "rs-common-grid",
|
|
1519
|
-
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",
|
|
1533
|
+
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",
|
|
1520
1534
|
styles: [""]
|
|
1521
1535
|
}] }
|
|
1522
1536
|
];
|
|
@@ -5534,8 +5548,8 @@ class RSNavCardGroupComponent {
|
|
|
5534
5548
|
RSNavCardGroupComponent.decorators = [
|
|
5535
5549
|
{ type: Component, args: [{
|
|
5536
5550
|
selector: "nav-card-group",
|
|
5537
|
-
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
|
|
5538
|
-
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)}}"]
|
|
5551
|
+
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",
|
|
5552
|
+
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)}}"]
|
|
5539
5553
|
}] }
|
|
5540
5554
|
];
|
|
5541
5555
|
/** @nocollapse */
|
|
@@ -24202,7 +24216,7 @@ class DrawerFormComponent {
|
|
|
24202
24216
|
*/
|
|
24203
24217
|
onClickAnchor(index) {
|
|
24204
24218
|
/** @type {?} */
|
|
24205
|
-
const sectionItems = this.sectionEls.toArray();
|
|
24219
|
+
const sectionItems = this.sectionEls && this.sectionEls.toArray();
|
|
24206
24220
|
sectionItems[index].nativeElement.scrollIntoView(true);
|
|
24207
24221
|
this.scrollIndex = index;
|
|
24208
24222
|
this.isClickAnchor = true;
|
|
@@ -24229,15 +24243,16 @@ class DrawerFormComponent {
|
|
|
24229
24243
|
/** @type {?} */
|
|
24230
24244
|
const scrollHeight = scrollViewEl.scrollHeight - scrollViewEl.offsetHeight;
|
|
24231
24245
|
/** @type {?} */
|
|
24232
|
-
const sectionViewRatio = this.sectionEls
|
|
24233
|
-
|
|
24234
|
-
|
|
24235
|
-
|
|
24236
|
-
|
|
24237
|
-
|
|
24238
|
-
|
|
24239
|
-
|
|
24240
|
-
|
|
24246
|
+
const sectionViewRatio = this.sectionEls &&
|
|
24247
|
+
this.sectionEls.toArray().map((/**
|
|
24248
|
+
* @param {?} section
|
|
24249
|
+
* @return {?}
|
|
24250
|
+
*/
|
|
24251
|
+
(section) => {
|
|
24252
|
+
/** @type {?} */
|
|
24253
|
+
const ratio = section.nativeElement.offsetHeight / scrollViewEl.scrollHeight;
|
|
24254
|
+
return scrollHeight * ratio;
|
|
24255
|
+
}));
|
|
24241
24256
|
/** @type {?} */
|
|
24242
24257
|
const onScroll = (/**
|
|
24243
24258
|
* @return {?}
|