raise-common-lib 0.0.136 → 0.0.138

package/bundles/raise-common-lib.umd.js

@@ -291,6 +291,9 @@
             this.dataBound = new core.EventEmitter();
             this.exportQueryCellInfo = new core.EventEmitter();
             this.rowSelecting = new core.EventEmitter();
+            this.rowDrop = new core.EventEmitter();
+            this.rowDrag = new core.EventEmitter();
+            this.rowDragStart = new core.EventEmitter();
             this.selectId = [];
             this.startPaging = false;
             this.indexList = [];
@@ -426,6 +429,28 @@
         function (args) {
             this.exportQueryCellInfo.emit(args);
         };
+        /**
+         * @param {?} args
+         * @return {?}
+         */
+        CommonGridComponent.prototype._rowDrag = /**
+         * @param {?} args
+         * @return {?}
+         */
+        function (args) {
+            this.rowDrag.emit(args);
+        };
+        /**
+         * @param {?} args
+         * @return {?}
+         */
+        CommonGridComponent.prototype._rowDragStart = /**
+         * @param {?} args
+         * @return {?}
+         */
+        function (args) {
+            this.rowDragStart.emit(args);
+        };
         /**
          * @param {?} $event
          * @return {?}
@@ -827,6 +852,17 @@
         function () {
             return this.grid.getSelectedRecords();
         };
+        /**
+         * @param {?} e
+         * @return {?}
+         */
+        CommonGridComponent.prototype.onRowDrop = /**
+         * @param {?} e
+         * @return {?}
+         */
+        function (e) {
+            this.rowDrop.emit(e);
+        };
         /**
          * @param {?} $event
          * @return {?}
@@ -954,7 +990,7 @@
         CommonGridComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-common-grid",
-                        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",
+                        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",
                         styles: [""]
                     }] }
         ];
@@ -1003,7 +1039,10 @@
             rowDataBound: [{ type: core.Output }],
             dataBound: [{ type: core.Output }],
             exportQueryCellInfo: [{ type: core.Output }],
-            rowSelecting: [{ type: core.Output }]
+            rowSelecting: [{ type: core.Output }],
+            rowDrop: [{ type: core.Output }],
+            rowDrag: [{ type: core.Output }],
+            rowDragStart: [{ type: core.Output }]
         };
         return CommonGridComponent;
     }());
@@ -1108,6 +1147,12 @@
         /** @type {?} */
         CommonGridComponent.prototype.rowSelecting;
         /** @type {?} */
+        CommonGridComponent.prototype.rowDrop;
+        /** @type {?} */
+        CommonGridComponent.prototype.rowDrag;
+        /** @type {?} */
+        CommonGridComponent.prototype.rowDragStart;
+        /** @type {?} */
         CommonGridComponent.prototype.selectId;
         /** @type {?} */
         CommonGridComponent.prototype.startPaging;
@@ -2669,6 +2714,7 @@
             this.customPageTitle = false;
             this.hideSearch = false;
             this.isInner = false;
+            this.onGridSearch = new core.EventEmitter();
             this.hasWholeToolbarSlot = false;
         }
         /**
@@ -2712,6 +2758,9 @@
             else if (this.treeGrid) {
                 this.treeGrid.search(this.searchValue);
             }
+            else {
+                this.onGridSearch.emit(this.searchValue);
+            }
         };
         /**
          * @return {?}
@@ -2737,7 +2786,8 @@
             pageTitle: [{ type: core.Input }],
             customPageTitle: [{ type: core.Input }],
             hideSearch: [{ type: core.Input }],
-            isInner: [{ type: core.Input }]
+            isInner: [{ type: core.Input }],
+            onGridSearch: [{ type: core.Output }]
         };
         return RsPageListComponent;
     }());
@@ -2758,6 +2808,8 @@
         RsPageListComponent.prototype.hideSearch;
         /** @type {?} */
         RsPageListComponent.prototype.isInner;
+        /** @type {?} */
+        RsPageListComponent.prototype.onGridSearch;
         /**
          * @type {?}
          * @private
@@ -21244,8 +21296,8 @@
         MainContainerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-main-container",
-                        template: "<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",
-                        styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.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)}}"]
+                        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",
+                        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)}}"]
                     }] }
         ];
         /** @nocollapse */
@@ -21320,7 +21372,7 @@
             { type: core.Component, args: [{
                         selector: 'rs-footer',
                         template: "<div class=\"rs-footer\">\r\n  <span>\r\n    RAISE<sup>&reg;</sup>\u00A0\u00A9\u00A0\r\n    {{ today | date : \"yyyy\" }}\r\n    Linnovate Partners</span\r\n  >\r\n</div>\r\n",
-                        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}"]
+                        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}}"]
                     }] }
         ];
         return RSFooterComponent;