qms-angular 1.1.67 → 1.1.69

package/fesm2015/qms-angular.js

@@ -35035,6 +35035,7 @@ class SelectDepartmentTreeComponent {
         this.onCheckItemSearchEvent = new EventEmitter();
         this.onCheckAllItemSearchEvent = new EventEmitter();
         this.toggleIncludeChildEvent = new EventEmitter();
+        this.isPushingChildNodes = new EventEmitter();
         this.MODE_VIEW_ENUM = ModeDepartmentTreeeViewEnum;
         this.ITEM_SIZE = 50;
         this.ngUnsubscribe = new Subject();
@@ -35331,7 +35332,12 @@ class SelectDepartmentTreeComponent {
             const checkExistInResult = (node) => this.resultSelected.findIndex(x => x.id === node.id) > -1;
             if (added.length) {
                 let selectedNode = null;
+                const allChildNode = [];
+                if (added.length > 1) {
+                    this.isPushingChildNodes.emit(true);
+                }
                 added.forEach(node => {
+                    allChildNode.push(Object.assign({}, node));
                     const nestedNode = _.cloneDeep(this.convertToNestedNode(node));
                     if (!selectedNode) {
                         selectedNode = this.getAllParentNode(node)
@@ -35345,6 +35351,7 @@ class SelectDepartmentTreeComponent {
                             .find(x => x.isGroup);
                     }
                     setTimeout(() => {
+                        var _a;
                         nestedNode.children = [];
                         if (!this.config.lazy)
                             nestedNode.childCount = this.getListChildrenOfNode(node).length;
@@ -35356,13 +35363,15 @@ class SelectDepartmentTreeComponent {
                             if (groupResult && !groupResult.children.some(x => x.id === nestedNode.id)) {
                                 groupResult.isGroup = existGroup.isGroup;
                                 groupResult.children.push(nestedNode);
+                                this.isPushingNode(allChildNode, (_a = groupResult.children) === null || _a === void 0 ? void 0 : _a.length);
                             }
                             this._onSelectionNodeChangeEvent('updated', [groupResult]);
                             this.resultSelected = this.resultSelected.filter(item => item.disabled || !this.getListChildrenOfNode(flatExistGroup).map(x => x.id).includes(item.id));
                             return;
                         }
-                        if (checkExistInResult(node))
+                        if (checkExistInResult(node)) {
                             return;
+                        }
                         this.resultSelected.push(nestedNode);
                         this._onSelectionNodeChangeEvent('added', [nestedNode]);
                     }, 0);
@@ -36267,6 +36276,12 @@ class SelectDepartmentTreeComponent {
         action();
         this.lockHandleSelectionChange = false;
     }
+    isPushingNode(allChildNode, countChildrenPushing) {
+        this.isPushingChildNodes.emit(true);
+        if ((allChildNode === null || allChildNode === void 0 ? void 0 : allChildNode.length) == countChildrenPushing) {
+            this.isPushingChildNodes.emit(false);
+        }
+    }
 }
 SelectDepartmentTreeComponent.decorators = [
     { type: Component, args: [{
@@ -36305,6 +36320,7 @@ SelectDepartmentTreeComponent.propDecorators = {
     onCheckItemSearchEvent: [{ type: Output }],
     onCheckAllItemSearchEvent: [{ type: Output }],
     toggleIncludeChildEvent: [{ type: Output }],
+    isPushingChildNodes: [{ type: Output }],
     cdkVirtualScrollViewport: [{ type: ViewChild, args: [CdkVirtualScrollViewport,] }],
     paginatorSearch: [{ type: ViewChild, args: ['paginatorSearch',] }]
 };
@@ -36648,11 +36664,14 @@ class SelectDepartmentComponent {
     getChildrenSelected(node) {
         return this.treeDepartment.getChildrenSelected(node);
     }
+    isPushingChildNodes(val) {
+        this.isPushing = val;
+    }
 }
 SelectDepartmentComponent.decorators = [
     { type: 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: MAT_CHECKBOX_DEFAULT_OPTIONS,