raise-common-lib 0.0.136 → 0.0.137
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 +50 -5
- 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 +36 -3
- package/esm2015/lib/layout/main-container/index.component.js +3 -3
- package/esm2015/lib/layout/rs-footer/index.component.js +1 -1
- package/esm5/lib/common-grid/index.component.js +48 -3
- package/esm5/lib/layout/main-container/index.component.js +3 -3
- package/esm5/lib/layout/rs-footer/index.component.js +1 -1
- package/fesm2015/raise-common-lib.js +38 -5
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +50 -5
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/common-grid/index.component.d.ts +6 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/style/style.scss +0 -1
|
@@ -291,6 +291,9 @@
|
|
|
291
291
|
this.dataBound = new core.EventEmitter();
|
|
292
292
|
this.exportQueryCellInfo = new core.EventEmitter();
|
|
293
293
|
this.rowSelecting = new core.EventEmitter();
|
|
294
|
+
this.rowDrop = new core.EventEmitter();
|
|
295
|
+
this.rowDrag = new core.EventEmitter();
|
|
296
|
+
this.rowDragStart = new core.EventEmitter();
|
|
294
297
|
this.selectId = [];
|
|
295
298
|
this.startPaging = false;
|
|
296
299
|
this.indexList = [];
|
|
@@ -426,6 +429,28 @@
|
|
|
426
429
|
function (args) {
|
|
427
430
|
this.exportQueryCellInfo.emit(args);
|
|
428
431
|
};
|
|
432
|
+
/**
|
|
433
|
+
* @param {?} args
|
|
434
|
+
* @return {?}
|
|
435
|
+
*/
|
|
436
|
+
CommonGridComponent.prototype._rowDrag = /**
|
|
437
|
+
* @param {?} args
|
|
438
|
+
* @return {?}
|
|
439
|
+
*/
|
|
440
|
+
function (args) {
|
|
441
|
+
this.rowDrag.emit(args);
|
|
442
|
+
};
|
|
443
|
+
/**
|
|
444
|
+
* @param {?} args
|
|
445
|
+
* @return {?}
|
|
446
|
+
*/
|
|
447
|
+
CommonGridComponent.prototype._rowDragStart = /**
|
|
448
|
+
* @param {?} args
|
|
449
|
+
* @return {?}
|
|
450
|
+
*/
|
|
451
|
+
function (args) {
|
|
452
|
+
this.rowDragStart.emit(args);
|
|
453
|
+
};
|
|
429
454
|
/**
|
|
430
455
|
* @param {?} $event
|
|
431
456
|
* @return {?}
|
|
@@ -827,6 +852,17 @@
|
|
|
827
852
|
function () {
|
|
828
853
|
return this.grid.getSelectedRecords();
|
|
829
854
|
};
|
|
855
|
+
/**
|
|
856
|
+
* @param {?} e
|
|
857
|
+
* @return {?}
|
|
858
|
+
*/
|
|
859
|
+
CommonGridComponent.prototype.onRowDrop = /**
|
|
860
|
+
* @param {?} e
|
|
861
|
+
* @return {?}
|
|
862
|
+
*/
|
|
863
|
+
function (e) {
|
|
864
|
+
this.rowDrop.emit(e);
|
|
865
|
+
};
|
|
830
866
|
/**
|
|
831
867
|
* @param {?} $event
|
|
832
868
|
* @return {?}
|
|
@@ -954,7 +990,7 @@
|
|
|
954
990
|
CommonGridComponent.decorators = [
|
|
955
991
|
{ type: core.Component, args: [{
|
|
956
992
|
selector: "rs-common-grid",
|
|
957
|
-
template: "<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]=\"dataSource\"\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]=\"dataSource && dataSource.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 (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 (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 [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 [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\"\r\n [allowResizing]=\"!last\"\r\n >\r\n </e-column>\r\n </e-columns>\r\n</ejs-grid>\r\n",
|
|
993
|
+
template: "<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]=\"dataSource\"\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]=\"dataSource && dataSource.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 (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 [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 [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\"\r\n [allowResizing]=\"!last\"\r\n >\r\n </e-column>\r\n </e-columns>\r\n</ejs-grid>\r\n",
|
|
958
994
|
styles: [""]
|
|
959
995
|
}] }
|
|
960
996
|
];
|
|
@@ -1003,7 +1039,10 @@
|
|
|
1003
1039
|
rowDataBound: [{ type: core.Output }],
|
|
1004
1040
|
dataBound: [{ type: core.Output }],
|
|
1005
1041
|
exportQueryCellInfo: [{ type: core.Output }],
|
|
1006
|
-
rowSelecting: [{ type: core.Output }]
|
|
1042
|
+
rowSelecting: [{ type: core.Output }],
|
|
1043
|
+
rowDrop: [{ type: core.Output }],
|
|
1044
|
+
rowDrag: [{ type: core.Output }],
|
|
1045
|
+
rowDragStart: [{ type: core.Output }]
|
|
1007
1046
|
};
|
|
1008
1047
|
return CommonGridComponent;
|
|
1009
1048
|
}());
|
|
@@ -1108,6 +1147,12 @@
|
|
|
1108
1147
|
/** @type {?} */
|
|
1109
1148
|
CommonGridComponent.prototype.rowSelecting;
|
|
1110
1149
|
/** @type {?} */
|
|
1150
|
+
CommonGridComponent.prototype.rowDrop;
|
|
1151
|
+
/** @type {?} */
|
|
1152
|
+
CommonGridComponent.prototype.rowDrag;
|
|
1153
|
+
/** @type {?} */
|
|
1154
|
+
CommonGridComponent.prototype.rowDragStart;
|
|
1155
|
+
/** @type {?} */
|
|
1111
1156
|
CommonGridComponent.prototype.selectId;
|
|
1112
1157
|
/** @type {?} */
|
|
1113
1158
|
CommonGridComponent.prototype.startPaging;
|
|
@@ -21244,8 +21289,8 @@
|
|
|
21244
21289
|
MainContainerComponent.decorators = [
|
|
21245
21290
|
{ type: core.Component, args: [{
|
|
21246
21291
|
selector: "rs-main-container",
|
|
21247
|
-
template: "<div class=\"app-main-container\">\r\n <ng-content select=\"[headerSlot]\"></ng-content>\r\n
|
|
21248
|
-
styles: [".app-main-container{display:flex;flex-direction:column;height:
|
|
21292
|
+
template: "<div class=\"app-main-container-wrap\">\r\n <div class=\"app-main-container\">\r\n <ng-content select=\"[headerSlot]\"></ng-content>\r\n <div class=\"main-page\">\r\n <div class=\"left-aside\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"right-aside\"\r\n [ngClass]=\"{ isCollapsed: isCollapsed }\"\r\n (click)=\"onRightAsideClick()\"\r\n >\r\n <ng-content select=\"[multiTabSlot]\"></ng-content>\r\n <!-- <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab> -->\r\n <div class=\"router-content\">\r\n <rs-drawer #drawer>\r\n <ng-content select=\"[routerSlot]\"></ng-content>\r\n </rs-drawer>\r\n </div>\r\n <rs-footer></rs-footer>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
21293
|
+
styles: [".app-main-container-wrap{width:100%;overflow:auto;height:100vh}@media (max-width:768px){.app-main-container-wrap{height:calc(100vh - 40px)}}.app-main-container{display:flex;flex-direction:column;height:100%;min-width:768px}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{height:100%}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto;max-width:1886px;width:100%;margin:0 auto}@media (max-width:992px){.app-main-container .right-aside.isCollapsed{position:relative}.app-main-container .right-aside.isCollapsed::after{content:\" \";position:absolute;z-index:5;inset:0;background-color:rgba(0,0,0,.2)}}"]
|
|
21249
21294
|
}] }
|
|
21250
21295
|
];
|
|
21251
21296
|
/** @nocollapse */
|
|
@@ -21320,7 +21365,7 @@
|
|
|
21320
21365
|
{ type: core.Component, args: [{
|
|
21321
21366
|
selector: 'rs-footer',
|
|
21322
21367
|
template: "<div class=\"rs-footer\">\r\n <span>\r\n RAISE<sup>®</sup>\u00A0\u00A9\u00A0\r\n {{ today | date : \"yyyy\" }}\r\n Linnovate Partners</span\r\n >\r\n</div>\r\n",
|
|
21323
|
-
styles: [".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px;max-width:1886px;margin:0 auto}"]
|
|
21368
|
+
styles: [".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px;max-width:1886px;margin:0 auto}@media (max-width:768px){.rs-footer{width:100%;position:fixed;bottom:0;left:0}}"]
|
|
21324
21369
|
}] }
|
|
21325
21370
|
];
|
|
21326
21371
|
return RSFooterComponent;
|