qms-angular 1.1.67 → 1.1.68

package/bundles/qms-angular.umd.js

@@ -36706,6 +36706,7 @@
             this.onCheckItemSearchEvent = new i0.EventEmitter();
             this.onCheckAllItemSearchEvent = new i0.EventEmitter();
             this.toggleIncludeChildEvent = new i0.EventEmitter();
+            this.isPushingChildNodes = new i0.EventEmitter();
             this.MODE_VIEW_ENUM = exports.ModeDepartmentTreeeViewEnum;
             this.ITEM_SIZE = 50;
             this.ngUnsubscribe = new rxjs.Subject();
@@ -37062,7 +37063,10 @@
                 var checkExistInResult = function (node) { return _this.resultSelected.findIndex(function (x) { return x.id === node.id; }) > -1; };
                 if (added.length) {
                     var selectedNode_1 = null;
+                    _this.isPushingChildNodes.emit(true);
+                    var allChildNode_1 = [];
                     added.forEach(function (node) {
+                        allChildNode_1.push(Object.assign({}, node));
                         var nestedNode = ___namespace.cloneDeep(_this.convertToNestedNode(node));
                         if (!selectedNode_1) {
                             selectedNode_1 = _this.getAllParentNode(node)
@@ -37076,6 +37080,7 @@
                                 .find(function (x) { return x.isGroup; });
                         }
                         setTimeout(function () {
+                            var _a;
                             nestedNode.children = [];
                             if (!_this.config.lazy)
                                 nestedNode.childCount = _this.getListChildrenOfNode(node).length;
@@ -37087,13 +37092,15 @@
                                 if (groupResult && !groupResult.children.some(function (x) { return x.id === nestedNode.id; })) {
                                     groupResult.isGroup = existGroup.isGroup;
                                     groupResult.children.push(nestedNode);
+                                    _this.isPushingNode(allChildNode_1, (_a = groupResult.children) === null || _a === void 0 ? void 0 : _a.length);
                                 }
                                 _this._onSelectionNodeChangeEvent('updated', [groupResult]);
                                 _this.resultSelected = _this.resultSelected.filter(function (item) { return item.disabled || !_this.getListChildrenOfNode(flatExistGroup_1).map(function (x) { return x.id; }).includes(item.id); });
                                 return;
                             }
-                            if (checkExistInResult(node))
+                            if (checkExistInResult(node)) {
                                 return;
+                            }
                             _this.resultSelected.push(nestedNode);
                             _this._onSelectionNodeChangeEvent('added', [nestedNode]);
                         }, 0);
@@ -38092,6 +38099,12 @@
             action();
             this.lockHandleSelectionChange = false;
         };
+        SelectDepartmentTreeComponent.prototype.isPushingNode = function (allChildNode, countChildrenPushing) {
+            this.isPushingChildNodes.emit(true);
+            if ((allChildNode === null || allChildNode === void 0 ? void 0 : allChildNode.length) == countChildrenPushing) {
+                this.isPushingChildNodes.emit(false);
+            }
+        };
         return SelectDepartmentTreeComponent;
     }());
     SelectDepartmentTreeComponent.decorators = [
@@ -38131,6 +38144,7 @@
         onCheckItemSearchEvent: [{ type: i0.Output }],
         onCheckAllItemSearchEvent: [{ type: i0.Output }],
         toggleIncludeChildEvent: [{ type: i0.Output }],
+        isPushingChildNodes: [{ type: i0.Output }],
         cdkVirtualScrollViewport: [{ type: i0.ViewChild, args: [scrolling.CdkVirtualScrollViewport,] }],
         paginatorSearch: [{ type: i0.ViewChild, args: ['paginatorSearch',] }]
     };
@@ -38531,12 +38545,15 @@
         SelectDepartmentComponent.prototype.getChildrenSelected = function (node) {
             return this.treeDepartment.getChildrenSelected(node);
         };
+        SelectDepartmentComponent.prototype.isPushingChildNodes = function (val) {
+            this.isPushing = val;
+        };
         return SelectDepartmentComponent;
     }());
     SelectDepartmentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'qms-select-department',
-                    template: "<div class=\"qms-select-department\">\n  <div class=\"header-dialog mb-2\">\n    <span>{{popupData.headerName}}</span>\n    <button matDialogClose class=\"btn-close-dialog\" color=\"light\" qms-btn-icon>\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n  <div>\n    <div class=\"qms-scrollbar\">\n      <div>\n        <qms-select-department-tree #treeDepartment customClass=\"custom-department-tree\"\n          [height]=\"popupData.config.isMobile ? '38vh' : '50vh'\" [rowsSkeleton]=\"9\" [config]=\"popupData.config\"\n          (onSearchEvent)=\"onSearchEvent.emit($event)\" (onValueChangeEvent)=\"onResultDepartmentChange($event)\"\n          (onPagingSearchEvent)=\"onPagingEvent.emit($event)\" (onCheckNodeEvent)=\"onCheckNodeEvent.emit($event)\"\n          (onExpandNodeEvent)=\"onExpandNodeEvent.emit($event)\" (onLoadMoreEvent)=\"onLoadMoreEvent.emit()\"\n          (onCheckAllItemSearchEvent)=\"onCheckAllItemSearchEvent.emit($event)\"\n          (onCheckItemSearchEvent)=\"onCheckItemSearchEvent.emit($event)\"\n          (toggleIncludeChildEvent)=\"toggleIncludeChildEvent.emit($event)\">\n        </qms-select-department-tree>\n      </div>\n    </div>\n    <div class=\"line__divider\"></div>\n    <div [@heightAnimation]\n      *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult && !popupData.config.moveLocationMode\"\n      class=\" pr-0 pe-0\">\n      <div class=\"header-title\">{{popupData.resultTitle || LANG.RESULT}}</div>\n      <div class=\"result-content pr-0 pe-0\">\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\n          <div [@inOutAnimation_2] [id]=\"'item-result-'+item.id\" *ngFor=\"let item of treeDepartment.resultSelected\">\n            <mat-chip [@updateItemAnimation] *qmsContentChanges=\"item.children?.length\"\n              [qms-tool-tip]=\"generateTootip(item)\" position=\"top\" mode=\"dark\" qms-chip [removable]=\"true\">\n              <span (click)=\"onScrollToNode(item)\" qms-chip-body>\n                <span class=\"related__item__content_name\" #itemName>\n                  <span>{{item.name}}</span>\n                  <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && !popupData.config.lazy\">\n                    {{item.children.length}}/{{item.childCount}}\n                  </span>\n                  <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && popupData.config.lazy\">\n                    {{item.selectedChildCount || item.children.length}}/{{item.childCount}}\n                  </span>\n                </span>\n              </span>\n              <ng-container *ngIf=\"isNodeLoading(item.id)\" [ngTemplateOutlet]=\"loadingSpinner\"></ng-container>\n              <mat-icon *ngIf=\"!treeDepartment.isDisabledNode(item.id) && !isNodeLoading(item.id)\"\n                (click)=\"onRemoveNode(item)\">cancel</mat-icon>\n            </mat-chip>\n          </div>\n        </mat-chip-list>\n      </div>\n    </div>\n    <mat-divider *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult\"\n      class=\"mx-auto\"></mat-divider>\n    <div class=\"confirm__button__groups\">\n      <button (click)=\"onCloseDialog()\" class=\"btn-add\"\n        [disabled]=\"!treeDepartment.resultSelected.length && !popupData.config.canAddNullResult\"\n        [class.qms-btn-disabled]=\"!treeDepartment.resultSelected.length && !popupData.config.canAddNullResult\" qms-btn>\n        <span>{{LANG.ADD}}</span>\n        <span *ngIf=\"!popupData.config.moveLocationMode\">\n          ({{treeDepartment.resultSelected.length}})\n        </span>\n      </button>\n      <button qms-btn-text mat-dialog-close>\n        {{LANG.CANCEL}}\n      </button>\n    </div>\n  </div>\n</div>\n\n<!-- Loading spinner -->\n<ng-template #loadingSpinner>\n  <div class=\"qms-spinner-wrapper\">\n    <div class=\"qms-spinner center\">\n      <mat-spinner [diameter]=\"20\" [strokeWidth]=\"2\" color=\"primary\"></mat-spinner>\n    </div>\n  </div>\n</ng-template>",
+                    template: "<div class=\"qms-select-department\">\n  <div class=\"header-dialog mb-2\">\n    <span>{{popupData.headerName}}</span>\n    <button matDialogClose class=\"btn-close-dialog\" color=\"light\" qms-btn-icon>\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n  <div>\n    <div class=\"qms-scrollbar\">\n      <div>\n        <qms-select-department-tree #treeDepartment customClass=\"custom-department-tree\"\n          [height]=\"popupData.config.isMobile ? '38vh' : '50vh'\" [rowsSkeleton]=\"9\" [config]=\"popupData.config\"\n          (onSearchEvent)=\"onSearchEvent.emit($event)\" (onValueChangeEvent)=\"onResultDepartmentChange($event)\"\n          (onPagingSearchEvent)=\"onPagingEvent.emit($event)\" (onCheckNodeEvent)=\"onCheckNodeEvent.emit($event)\"\n          (onExpandNodeEvent)=\"onExpandNodeEvent.emit($event)\" (onLoadMoreEvent)=\"onLoadMoreEvent.emit()\"\n          (onCheckAllItemSearchEvent)=\"onCheckAllItemSearchEvent.emit($event)\"\n          (onCheckItemSearchEvent)=\"onCheckItemSearchEvent.emit($event)\"\n          (toggleIncludeChildEvent)=\"toggleIncludeChildEvent.emit($event)\"\n          (isPushingChildNodes)=\"isPushingChildNodes($event)\">\n        </qms-select-department-tree>\n      </div>\n    </div>\n    <div class=\"line__divider\"></div>\n    <div [@heightAnimation]\n      *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult && !popupData.config.moveLocationMode\"\n      class=\" pr-0 pe-0\">\n      <div class=\"header-title\">{{popupData.resultTitle || LANG.RESULT}}</div>\n      <div class=\"result-content pr-0 pe-0\">\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\n          <div [@inOutAnimation_2] [id]=\"'item-result-'+item.id\" *ngFor=\"let item of treeDepartment.resultSelected\">\n            <mat-chip [@updateItemAnimation] *qmsContentChanges=\"item.children?.length\"\n              [qms-tool-tip]=\"generateTootip(item)\" position=\"top\" mode=\"dark\" qms-chip [removable]=\"true\">\n              <span (click)=\"onScrollToNode(item)\" qms-chip-body>\n                <span class=\"related__item__content_name\" #itemName>\n                  <span>{{item.name}}</span>\n                  <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && !popupData.config.lazy\">\n                    {{item.children.length}}/{{item.childCount}}\n                  </span>\n                  <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && popupData.config.lazy\">\n                    {{item.selectedChildCount || item.children.length}}/{{item.childCount}}\n                  </span>\n                </span>\n              </span>\n              <ng-container *ngIf=\"isNodeLoading(item.id)\" [ngTemplateOutlet]=\"loadingSpinner\"></ng-container>\n              <mat-icon *ngIf=\"!treeDepartment.isDisabledNode(item.id) && !isNodeLoading(item.id)\"\n                (click)=\"onRemoveNode(item)\">cancel</mat-icon>\n            </mat-chip>\n          </div>\n        </mat-chip-list>\n      </div>\n    </div>\n    <mat-divider *ngIf=\"treeDepartment && !!treeDepartment.resultSelected.length && !popupData.hidePanelResult\"\n      class=\"mx-auto\"></mat-divider>\n    <div class=\"confirm__button__groups\">\n     \n      <button (click)=\"onCloseDialog()\" class=\"btn-add\"\n        [disabled]=\"(!treeDepartment.resultSelected.length && !popupData.config.canAddNullResult) || isPushing\"\n        [class.qms-btn-disabled]=\"(!treeDepartment.resultSelected.length && !popupData.config.canAddNullResult) || isPushing\" qms-btn>\n        <span>{{LANG.ADD}}</span>\n        <span *ngIf=\"!popupData.config.moveLocationMode\">\n          ({{treeDepartment.resultSelected.length}})\n        </span>\n      </button>\n      <button qms-btn-text mat-dialog-close>\n        {{LANG.CANCEL}}\n      </button>\n    </div>\n  </div>\n</div>\n\n<!-- Loading spinner -->\n<ng-template #loadingSpinner>\n  <div class=\"qms-spinner-wrapper\">\n    <div class=\"qms-spinner center\">\n      <mat-spinner [diameter]=\"20\" [strokeWidth]=\"2\" color=\"primary\"></mat-spinner>\n    </div>\n  </div>\n</ng-template>",
                     providers: [
                         {
                             provide: checkbox.MAT_CHECKBOX_DEFAULT_OPTIONS,