qms-angular 1.1.14 → 1.1.15

package/bundles/qms-angular.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/dialog'), require('rxjs/operators'), require('@angular/material/autocomplete'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/input'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@angular/material/chips'), require('@angular/material/button'), require('@angular/material/core'), require('@angular/material/progress-spinner'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/platform-browser/animations'), require('moment'), require('@angular/material/list'), require('@angular/material/expansion'), require('@angular/cdk/scrolling'), require('@angular/material/sidenav'), require('@angular/material/tree'), require('@angular/material/menu'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('@angular/common/http'), require('@angular/material/button-toggle'), require('@angular/material/select'), require('@angular/material/snack-bar'), require('@ckeditor/ckeditor5-angular'), require('jquery'), require('lodash'), require('buffer'), require('dagre'), require('@angular/material/tooltip'), require('@angular/material/tabs'), require('@angular/material/progress-bar'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/cdk/stepper'), require('@angular/material/stepper'), require('@angular/material/slide-toggle'), require('@angular/cdk/drag-drop'), require('@angular/animations'), require('@angular/material/divider'), require('ngx-mat-select-search')) :
-    typeof define === 'function' && define.amd ? define('qms-angular', ['exports', '@angular/core', 'rxjs', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/dialog', 'rxjs/operators', '@angular/material/autocomplete', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/input', '@angular/material/card', '@angular/material/icon', '@angular/material/checkbox', '@angular/material/chips', '@angular/material/button', '@angular/material/core', '@angular/material/progress-spinner', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/platform-browser/animations', 'moment', '@angular/material/list', '@angular/material/expansion', '@angular/cdk/scrolling', '@angular/material/sidenav', '@angular/material/tree', '@angular/material/menu', '@angular/platform-browser', '@angular/cdk/tree', '@angular/common/http', '@angular/material/button-toggle', '@angular/material/select', '@angular/material/snack-bar', '@ckeditor/ckeditor5-angular', 'jquery', 'lodash', 'buffer', 'dagre', '@angular/material/tooltip', '@angular/material/tabs', '@angular/material/progress-bar', '@angular/material/badge', '@angular/material/toolbar', '@angular/cdk/stepper', '@angular/material/stepper', '@angular/material/slide-toggle', '@angular/cdk/drag-drop', '@angular/animations', '@angular/material/divider', 'ngx-mat-select-search'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["qms-angular"] = {}, global.ng.core, global.rxjs, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.dialog, global.rxjs.operators, global.ng.material.autocomplete, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.input, global.ng.material.card, global.ng.material.icon, global.ng.material.checkbox, global.ng.material.chips, global.ng.material.button, global.ng.material.core, global.ng.material.progressSpinner, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.platformBrowser.animations, global.moment, global.ng.material.list, global.ng.material.expansion, global.ng.cdk.scrolling, global.ng.material.sidenav, global.ng.material.tree, global.ng.material.menu, global.ng.platformBrowser, global.ng.cdk.tree, global.ng.common.http, global.ng.material.buttonToggle, global.ng.material.select, global.ng.material.snackBar, global.ckeditor5Angular, global.$$1, global._, global.buffer, global.dagre, global.ng.material.tooltip, global.ng.material.tabs, global.ng.material.progressBar, global.ng.material.badge, global.ng.material.toolbar, global.ng.cdk.stepper, global.ng.material.stepper, global.ng.material.slideToggle, global.ng.cdk.dragDrop, global.ng.animations, global.ng.material.divider, global.ngxMatSelectSearch));
-})(this, (function (exports, i0, rxjs, i1, forms, formField, radio, dialog, operators, autocomplete, overlay, portal, input, card, icon, checkbox, chips, button, core, progressSpinner, a11y, coercion, collections, animations, moment, list, expansion, scrolling, sidenav, tree$1, menu, platformBrowser, tree, i1$1, buttonToggle, select, snackBar, ckeditor5Angular, $$1, _, buffer, dagre, tooltip, tabs, progressBar, badge, toolbar, stepper$1, stepper, slideToggle, dragDrop, animations$1, divider, ngxMatSelectSearch) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/dialog'), require('rxjs/operators'), require('@angular/material/autocomplete'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/input'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@angular/material/chips'), require('@angular/material/button'), require('@angular/material/core'), require('@angular/material/progress-spinner'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/platform-browser/animations'), require('moment'), require('@angular/material/list'), require('@angular/material/expansion'), require('@angular/cdk/scrolling'), require('@angular/material/sidenav'), require('@angular/material/tree'), require('@angular/material/menu'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('@angular/common/http'), require('@angular/material/button-toggle'), require('@angular/material/select'), require('@angular/material/snack-bar'), require('@ckeditor/ckeditor5-angular'), require('jquery'), require('lodash'), require('buffer'), require('dagre'), require('@angular/material/tooltip'), require('@angular/material/tabs'), require('@angular/material/progress-bar'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/cdk/stepper'), require('@angular/material/stepper'), require('@angular/material/slide-toggle'), require('@angular/cdk/drag-drop')) :
+    typeof define === 'function' && define.amd ? define('qms-angular', ['exports', '@angular/core', 'rxjs', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/dialog', 'rxjs/operators', '@angular/material/autocomplete', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/input', '@angular/material/card', '@angular/material/icon', '@angular/material/checkbox', '@angular/material/chips', '@angular/material/button', '@angular/material/core', '@angular/material/progress-spinner', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/platform-browser/animations', 'moment', '@angular/material/list', '@angular/material/expansion', '@angular/cdk/scrolling', '@angular/material/sidenav', '@angular/material/tree', '@angular/material/menu', '@angular/platform-browser', '@angular/cdk/tree', '@angular/common/http', '@angular/material/button-toggle', '@angular/material/select', '@angular/material/snack-bar', '@ckeditor/ckeditor5-angular', 'jquery', 'lodash', 'buffer', 'dagre', '@angular/material/tooltip', '@angular/material/tabs', '@angular/material/progress-bar', '@angular/material/badge', '@angular/material/toolbar', '@angular/cdk/stepper', '@angular/material/stepper', '@angular/material/slide-toggle', '@angular/cdk/drag-drop'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["qms-angular"] = {}, global.ng.core, global.rxjs, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.dialog, global.rxjs.operators, global.ng.material.autocomplete, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.input, global.ng.material.card, global.ng.material.icon, global.ng.material.checkbox, global.ng.material.chips, global.ng.material.button, global.ng.material.core, global.ng.material.progressSpinner, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.platformBrowser.animations, global.moment, global.ng.material.list, global.ng.material.expansion, global.ng.cdk.scrolling, global.ng.material.sidenav, global.ng.material.tree, global.ng.material.menu, global.ng.platformBrowser, global.ng.cdk.tree, global.ng.common.http, global.ng.material.buttonToggle, global.ng.material.select, global.ng.material.snackBar, global.ckeditor5Angular, global.$$1, global._, global.buffer, global.dagre, global.ng.material.tooltip, global.ng.material.tabs, global.ng.material.progressBar, global.ng.material.badge, global.ng.material.toolbar, global.ng.cdk.stepper, global.ng.material.stepper, global.ng.material.slideToggle, global.ng.cdk.dragDrop));
+})(this, (function (exports, i0, rxjs, i1, forms, formField, radio, dialog, operators, autocomplete, overlay, portal, input, card, icon, checkbox, chips, button, core, progressSpinner, a11y, coercion, collections, animations, moment, list, expansion, scrolling, sidenav, tree$1, menu, platformBrowser, tree, i1$1, buttonToggle, select, snackBar, ckeditor5Angular, $$1, _, buffer, dagre, tooltip, tabs, progressBar, badge, toolbar, stepper$1, stepper, slideToggle, dragDrop) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -98,19 +98,6 @@
         "SUPPORTED_EXTENSIONS": "Supported extensions",
         "FILES_ARE_NOT_SUPPORTED": "File(s) are not supported",
         "FILES_EXCEED_UPLOAD_LIMIT": "File(s) exceed upload size limit",
-        "SELECT_ACCESS": "Select Access(es)",
-        "PERSON": "Person",
-        "USER_GROUP": "User Group",
-        "DEPARTMENT": "Department",
-        "ROLE": "Role",
-        "DEPARTMENT_UNIT": "Department / unit",
-        "INCLUDE_SUB_DEPARTMENTS": "Automatically include sub-departments",
-        "NAME": "Name",
-        "SEARCH_USER_GROUP": "Search user group",
-        "SEARCH_DEPARTMENT_UNIT": "Search department / unit",
-        "FILTER": "Filter",
-        "TYPE": "Type",
-        "SEARCH_WITH_NAME": "Search first and last name",
         "ERROR": {
             "SELECT_DANGER": "You must select one or more events"
         },
@@ -478,19 +465,6 @@
         "SUPPORTED_EXTENSIONS": "Støttede utvidelser",
         "FILES_ARE_NOT_SUPPORTED": "Fil(er) støttes ikke",
         "FILES_EXCEED_UPLOAD_LIMIT": "Fil(er) overskrider grensen for opplastingsstørrelse",
-        "SELECT_ACCESS": "Velg ansvarlig(e)",
-        "PERSON": "Person",
-        "USER_GROUP": "Brukergruppe",
-        "DEPARTMENT": "Avdeling",
-        "ROLE": "Rolle",
-        "DEPARTMENT_UNIT": "Avdeling/enhet",
-        "INCLUDE_SUB_DEPARTMENTS": "Automatisk inkluder underavdelinger",
-        "NAME": "Navn",
-        "SEARCH_USER_GROUP": "Søk brukergruppe",
-        "SEARCH_DEPARTMENT_UNIT": "Søk avdeling/enhet",
-        "FILTER": "Bruk filter",
-        "TYPE": "Type",
-        "SEARCH_WITH_NAME": "Søk for- og etternavn",
         "ERROR": {
             "SELECT_DANGER": "Du må velge en eller flere hendelser"
         },
@@ -805,7 +779,7 @@
 
     var TranslateLibraryService = /** @class */ (function () {
         function TranslateLibraryService() {
-            this.getLanguageSubject$ = new rxjs.BehaviorSubject('en');
+            this.getLanguageSubject$ = new rxjs.BehaviorSubject(null);
             this.availableLanguages = { en: en, no: no };
         }
         TranslateLibraryService.prototype.setLanguage = function (item) {
@@ -3875,7 +3849,7 @@
         qmsTransformIcon: [{ type: i0.Input }]
     };
 
-    var ɵ0$5 = { appearance: 'fill' }, ɵ1$1 = { color: 'none' };
+    var ɵ0$4 = { appearance: 'fill' }, ɵ1$1 = { color: 'none' };
     var QmsAngularModule = /** @class */ (function () {
         function QmsAngularModule() {
         }
@@ -4000,7 +3974,7 @@
                         QMSMultiIconDirective
                     ],
                     providers: [
-                        { provide: formField.MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: ɵ0$5 },
+                        { provide: formField.MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: ɵ0$4 },
                         { provide: radio.MAT_RADIO_DEFAULT_OPTIONS, useValue: ɵ1$1 },
                         QMSUploadingFileGuard
                     ],
@@ -4343,7 +4317,7 @@
         _lines: [{ type: i0.ContentChildren, args: [QMSListLine, { descendants: true },] }]
     };
 
-    var ɵ0$4 = {
+    var ɵ0$3 = {
         expandedHeight: '*',
         collapsedHeight: '*'
     };
@@ -4388,7 +4362,7 @@
                     providers: [
                         {
                             provide: expansion.MAT_EXPANSION_PANEL_DEFAULT_OPTIONS,
-                            useValue: ɵ0$4
+                            useValue: ɵ0$3
                         }
                     ],
                     schemas: [
@@ -5094,9 +5068,9 @@
     QMSBreadcrumb.decorators = [
         { type: i0.Component, args: [{
                     selector: 'qms-breadcrumb',
-                    template: "<div>\r\n  <div class=\"breadcrumb-container\" *ngIf=\"!isMobileType\">\r\n    <!-- Home -->\r\n    <div\r\n      qms-breadcrumb-item\r\n      *ngIf=\"!isOverflow || type=='table'\"\r\n      [(showTooltip)]=\"homeNode['isOverflow']\"\r\n    >\r\n      <mat-icon\r\n        *ngIf=\"homeNode?.displayType === itemIconType.name\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n      >\r\n        {{ homeNode?.itemIcon }}\r\n      </mat-icon>\r\n      <mat-icon\r\n        *ngIf=\"homeNode?.displayType === itemIconType.svg\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n        [svgIcon]=\"homeNode.itemIconSvg\"\r\n      >\r\n      </mat-icon>\r\n      <img\r\n        *ngIf=\"homeNode?.displayType === itemIconType.path\"\r\n        class=\"mat-icon item-icon\"\r\n        [src]=\"homeNode.itemIconPath\"\r\n      />\r\n      <img\r\n        *ngIf=\"homeNode?.displayType === itemIconType.base64\"\r\n        class=\"mat-icon image-base64 item-icon\"\r\n        [src]=\"getImagePath(homeNode)\"\r\n      />\r\n      <div\r\n        class=\"qms-breadcrumb-item-text\"\r\n        [qms-tool-tip]=\"homeNode['name']\"\r\n        [showToolTip]=\"homeNode['isOverflow']\"\r\n        #breadcrumbItemText\r\n        mode=\"dark\"\r\n        (click)=\"onItemSelect(homeNode)\"\r\n      >\r\n        {{homeNode?.name}}\r\n      </div>\r\n      <mat-icon *ngIf=\"!isOverflow && type !=='table'\"\r\n        >keyboard_arrow_right</mat-icon\r\n      >\r\n      <span\r\n        *ngIf=\"itemNodes.length && type=='table'\"\r\n        qms-breadcrumb-direction-icon\r\n      >\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Dropdown not table -->\r\n    <div qms-breadcrumb-item *ngIf=\"isOverflow && type!='table'\">\r\n      <button\r\n        qms-btn-icon\r\n        color=\"light\"\r\n        class=\"breadcrumb__dropdown-btn\"\r\n        [matMenuTriggerFor]=\"bodyMediumMenu\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n        <mat-icon svgIcon=\"breadcrumb_dropdown\"></mat-icon>\r\n      </button>\r\n      <mat-menu\r\n        #bodyMediumMenu=\"matMenu\"\r\n        yPosition=\"below\"\r\n        class=\"qms-breadcrumb-menu\"\r\n      >\r\n        <div>\r\n          <div\r\n            qms-menu-item\r\n            mat-menu-item\r\n            disableRipple\r\n            *ngFor=\"let item of dropdownNodes\"\r\n            (keydown.enter)=\"onKeyPressed($event)\"\r\n            (click)=\"onItemSelect(item)\"\r\n          >\r\n            <div #menuItemContent qms-expansion-header>\r\n              <div qms-list-header>\r\n                <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-menu>\r\n\r\n      <span qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Dropdown table -->\r\n    <div qms-breadcrumb-item *ngIf=\"isOverflow && type=='table'\">\r\n      <button\r\n        qms-btn-icon\r\n        color=\"light\"\r\n        (click)=\"$event.stopPropagation()\"\r\n        [matMenuTriggerFor]=\"bodyMediumMenu\"\r\n      >\r\n        <mat-icon>more_horiz</mat-icon>\r\n      </button>\r\n      <mat-menu\r\n        #bodyMediumMenu=\"matMenu\"\r\n        yPosition=\"below\"\r\n        class=\"qms-breadcrumb-menu\"\r\n      >\r\n        <div>\r\n          <div\r\n            qms-menu-item\r\n            mat-menu-item\r\n            disableRipple\r\n            *ngFor=\"let item of dropdownNodes\"\r\n            (keydown.enter)=\"onKeyPressed($event)\"\r\n            (click)=\"onItemSelect(item)\"\r\n          >\r\n            <div #menuItemContent qms-expansion-header>\r\n              <div qms-list-header>\r\n                <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-menu>\r\n\r\n      <span qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n    <!-- Item list -->\r\n    <div\r\n      qms-breadcrumb-item\r\n      *ngFor=\"let item of itemNodes;let i=index\"\r\n      [isLastItem]=\"i === itemNodes.length - 1\"\r\n      [(showTooltip)]=\"item.isOverflow\"\r\n    >\r\n      <mat-icon\r\n        *ngIf=\"item.displayType === itemIconType.name && item.isShow\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n      >\r\n        {{ item.itemIcon }}\r\n      </mat-icon>\r\n      <mat-icon\r\n        *ngIf=\"item.displayType === itemIconType.svg && item.isShow\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n        [svgIcon]=\"item.itemIconSvg\"\r\n      >\r\n      </mat-icon>\r\n      <img\r\n        *ngIf=\"item.displayType === itemIconType.path && item.isShow\"\r\n        class=\"mat-icon item-icon\"\r\n        [src]=\"item.itemIconPath\"\r\n      />\r\n      <img\r\n        *ngIf=\"item.displayType === itemIconType.base64 && item.isShow\"\r\n        class=\"mat-icon image-base64 item-icon\"\r\n        [src]=\"getImagePath(item)\"\r\n      />\r\n      <div\r\n        class=\"qms-breadcrumb-item-text\"\r\n        [qms-tool-tip]=\"item.name\"\r\n        [showToolTip]=\"item.isOverflow\"\r\n        #breadcrumbItemText\r\n        mode=\"dark\"\r\n        *ngIf=\"item.isShow\"\r\n        (click)=\"onItemSelect(item, i == itemNodes.length - 1);\"\r\n      >\r\n        {{item.name}}\r\n      </div>\r\n      <span\r\n        qms-breadcrumb-direction-icon\r\n        *ngIf=\"item.isShow && i !== itemNodes.length - 1\"\r\n      >\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"breadcrumb-container\" *ngIf=\"isMobileType\">\r\n    <mat-sidenav-container>\r\n      <mat-sidenav\r\n        #sidenav\r\n        mode=\"'over'\"\r\n        class=\"breadcrumb-sidenav\"\r\n        [fixedInViewport]=\"true\"\r\n      >\r\n        <div class=\"header\">\r\n          <div class=\"header-left\">\r\n            <p>{{LANG.BREADCRUMB}}</p>\r\n            <div class=\"sub\">{{LANG.NAVIGATE_TO}}</div>\r\n          </div>\r\n          <div class=\"header-right\">\r\n            <button qms-btn-text (click)=\"sidenav.close()\">\r\n              {{LANG.QMSCKEDITOR.CLOSE}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"content\">\r\n          <mat-selection-list #shoes [multiple]=\"false\">\r\n            <mat-list-option\r\n              class=\"qms-list-option\"\r\n              *ngFor=\"let item of sideNavNodes; let first = first; let last = last;\"\r\n              (click)=\"onItemSelect(item)\"\r\n            >\r\n              <mat-icon\r\n                *ngIf=\"!first\"\r\n                mat-list-icon\r\n                class=\"subdirectory_arrow_right\"\r\n                >subdirectory_arrow_right</mat-icon\r\n              >\r\n              <div class=\"content-text-name\">\r\n                <div class=\"content-text-name-heading\">\r\n                  <mat-icon\r\n                    *ngIf=\"item.displayType === itemIconType.name\"\r\n                    class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n                  >\r\n                    {{ item.itemIcon }}\r\n                  </mat-icon>\r\n                  <img\r\n                    *ngIf=\"item.displayType === itemIconType.path\"\r\n                    class=\"mat-icon item-icon\"\r\n                    [src]=\"item.itemIconPath\"\r\n                  />\r\n                  <img\r\n                    *ngIf=\"item.displayType === itemIconType.base64\"\r\n                    class=\"mat-icon image-base64 item-icon\"\r\n                    [src]=\"getImagePath(item)\"\r\n                  />\r\n                  <span class=\"\">{{item.name}}</span>\r\n                </div>\r\n                <mat-icon class=\"color-gray\" *ngIf=\"last\">done</mat-icon>\r\n              </div>\r\n            </mat-list-option>\r\n          </mat-selection-list>\r\n        </div>\r\n      </mat-sidenav>\r\n\r\n      <mat-sidenav-content>\r\n        <button\r\n          qms-btn-icon\r\n          class=\"more_horiz-btn\"\r\n          color=\"light\"\r\n          *ngIf=\"sideNavNodes.length\"\r\n          (click)=\"sidenav.toggle()\"\r\n        >\r\n          <mat-icon>more_horiz</mat-icon>\r\n        </button>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n    <div qms-breadcrumb-item [(showTooltip)]=\"previousNode['isOverflow']\">\r\n      <!-- Home -->\r\n      <span qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_left</mat-icon>\r\n      </span>\r\n      <mat-icon\r\n        *ngIf=\"previousNode?.displayType === itemIconType.name\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n      >\r\n        {{ previousNode.itemIcon }}\r\n      </mat-icon>\r\n      <mat-icon\r\n        *ngIf=\"previousNode?.displayType === itemIconType.svg\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\"\r\n        [svgIcon]=\"previousNode.itemIconSvg\"\r\n      >\r\n      </mat-icon>\r\n      <img\r\n        *ngIf=\"previousNode?.displayType === itemIconType.path\"\r\n        class=\"mat-icon item-icon\"\r\n        [src]=\"previousNode.itemIconPath\"\r\n      />\r\n      <img\r\n        *ngIf=\"previousNode?.displayType === itemIconType.base64\"\r\n        class=\"mat-icon image-base64 item-icon\"\r\n        [src]=\"getImagePath(previousNode)\"\r\n      />\r\n      <div\r\n        class=\"qms-breadcrumb-item-text\"\r\n        [qms-tool-tip]=\"previousNode['name']\"\r\n        [showToolTip]=\"previousNode['isOverflow']\"\r\n        #breadcrumbItemText\r\n        mode=\"dark\"\r\n        (click)=\"onItemSelect(previousNode)\"\r\n      >\r\n        {{previousNode.name}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div>\r\n  <div class=\"breadcrumb-container\" *ngIf=\"!isMobileType\">\r\n    <!-- Home -->\r\n    <div qms-breadcrumb-item *ngIf=\"!isOverflow || type=='table'\" [(showTooltip)]=\"homeNode['isOverflow']\">\r\n      <mat-icon *ngIf=\"homeNode?.displayType === itemIconType.name\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\">\r\n        {{ homeNode?.itemIcon }}\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"homeNode?.displayType === itemIconType.svg\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\" [svgIcon]=\"homeNode.itemIconSvg\">\r\n      </mat-icon>\r\n      <img *ngIf=\"homeNode?.displayType === itemIconType.path\" class=\"mat-icon item-icon\"\r\n        [src]=\"homeNode.itemIconPath\" />\r\n      <img *ngIf=\"homeNode?.displayType === itemIconType.base64\" class=\"mat-icon image-base64 item-icon\"\r\n        [src]=\"getImagePath(homeNode)\" />\r\n      <div class=\"qms-breadcrumb-item-text\" [qms-tool-tip]=\"homeNode['name']\" [showToolTip]=\"homeNode['isOverflow']\"\r\n        #breadcrumbItemText mode=\"dark\" (click)=\"onItemSelect(homeNode)\">\r\n        {{homeNode?.name}}\r\n      </div>\r\n      <mat-icon *ngIf=\"!isOverflow && type !=='table'\">keyboard_arrow_right</mat-icon>\r\n      <span *ngIf=\"itemNodes.length && type=='table'\" qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Dropdown not table -->\r\n    <div qms-breadcrumb-item *ngIf=\"isOverflow && type!='table'\">\r\n      <button qms-btn-icon color=\"light\" class=\"breadcrumb__dropdown-btn\" [matMenuTriggerFor]=\"bodyMediumMenu\"\r\n        (click)=\"$event.stopPropagation()\">\r\n        <mat-icon svgIcon=\"breadcrumb_dropdown\"></mat-icon>\r\n      </button>\r\n      <mat-menu #bodyMediumMenu=\"matMenu\" yPosition=\"below\" class=\"qms-breadcrumb-menu\">\r\n        <div>\r\n          <div qms-menu-item mat-menu-item disableRipple *ngFor=\"let item of dropdownNodes\"\r\n            (keydown.enter)=\"onKeyPressed($event)\" (click)=\"onItemSelect(item)\">\r\n            <div #menuItemContent qms-expansion-header>\r\n              <div qms-list-header>\r\n                <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-menu>\r\n\r\n      <span qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n\r\n    <!-- Dropdown table -->\r\n    <div qms-breadcrumb-item *ngIf=\"isOverflow && type=='table' && dropdownNodes.length\">\r\n      <button qms-btn-icon color=\"light\" (click)=\"$event.stopPropagation()\" [matMenuTriggerFor]=\"bodyMediumMenu\">\r\n        <mat-icon>more_horiz</mat-icon>\r\n      </button>\r\n      <mat-menu #bodyMediumMenu=\"matMenu\" yPosition=\"below\" class=\"qms-breadcrumb-menu\">\r\n        <div>\r\n          <div qms-menu-item mat-menu-item disableRipple *ngFor=\"let item of dropdownNodes\"\r\n            (keydown.enter)=\"onKeyPressed($event)\" (click)=\"onItemSelect(item)\">\r\n            <div #menuItemContent qms-expansion-header>\r\n              <div qms-list-header>\r\n                <div qms-line color=\"default-subtitle\">{{item.name}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-menu>\r\n\r\n      <span qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n    <!-- Item list -->\r\n    <div qms-breadcrumb-item *ngFor=\"let item of itemNodes;let i=index\" [isLastItem]=\"i === itemNodes.length - 1\"\r\n      [(showTooltip)]=\"item.isOverflow\">\r\n      <mat-icon *ngIf=\"item.displayType === itemIconType.name && item.isShow\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\">\r\n        {{ item.itemIcon }}\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"item.displayType === itemIconType.svg && item.isShow\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\" [svgIcon]=\"item.itemIconSvg\">\r\n      </mat-icon>\r\n      <img *ngIf=\"item.displayType === itemIconType.path && item.isShow\" class=\"mat-icon item-icon\"\r\n        [src]=\"item.itemIconPath\" />\r\n      <img *ngIf=\"item.displayType === itemIconType.base64 && item.isShow\" class=\"mat-icon image-base64 item-icon\"\r\n        [src]=\"getImagePath(item)\" />\r\n      <div class=\"qms-breadcrumb-item-text\" [qms-tool-tip]=\"item.name\" [showToolTip]=\"item.isOverflow\"\r\n        #breadcrumbItemText mode=\"dark\" *ngIf=\"item.isShow\" (click)=\"onItemSelect(item, i == itemNodes.length - 1);\">\r\n        {{item.name}}\r\n      </div>\r\n      <span qms-breadcrumb-direction-icon *ngIf=\"item.isShow && i !== itemNodes.length - 1\">\r\n        <mat-icon>keyboard_arrow_right</mat-icon>\r\n      </span>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"breadcrumb-container\" *ngIf=\"isMobileType\">\r\n    <mat-sidenav-container>\r\n      <mat-sidenav #sidenav mode=\"'over'\" class=\"breadcrumb-sidenav\" [fixedInViewport]=\"true\">\r\n        <div class=\"header\">\r\n          <div class=\"header-left\">\r\n            <p>{{LANG.BREADCRUMB}}</p>\r\n            <div class=\"sub\">{{LANG.NAVIGATE_TO}}</div>\r\n          </div>\r\n          <div class=\"header-right\">\r\n            <button qms-btn-text (click)=\"sidenav.close()\">\r\n              {{LANG.QMSCKEDITOR.CLOSE}}\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"content\">\r\n          <mat-selection-list #shoes [multiple]=\"false\">\r\n            <mat-list-option class=\"qms-list-option\"\r\n              *ngFor=\"let item of sideNavNodes; let first = first; let last = last;\" (click)=\"onItemSelect(item)\">\r\n              <mat-icon *ngIf=\"!first\" mat-list-icon class=\"subdirectory_arrow_right\">subdirectory_arrow_right\r\n              </mat-icon>\r\n              <div class=\"content-text-name\">\r\n                <div class=\"content-text-name-heading\">\r\n                  <mat-icon *ngIf=\"item.displayType === itemIconType.name\"\r\n                    class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\">\r\n                    {{ item.itemIcon }}\r\n                  </mat-icon>\r\n                  <img *ngIf=\"item.displayType === itemIconType.path\" class=\"mat-icon item-icon\"\r\n                    [src]=\"item.itemIconPath\" />\r\n                  <img *ngIf=\"item.displayType === itemIconType.base64\" class=\"mat-icon image-base64 item-icon\"\r\n                    [src]=\"getImagePath(item)\" />\r\n                  <span class=\"\">{{item.name}}</span>\r\n                </div>\r\n                <mat-icon class=\"color-gray\" *ngIf=\"last\">done</mat-icon>\r\n              </div>\r\n            </mat-list-option>\r\n          </mat-selection-list>\r\n        </div>\r\n      </mat-sidenav>\r\n\r\n      <mat-sidenav-content>\r\n        <button qms-btn-icon class=\"more_horiz-btn\" color=\"light\" *ngIf=\"sideNavNodes.length\"\r\n          (click)=\"sidenav.toggle()\">\r\n          <mat-icon>more_horiz</mat-icon>\r\n        </button>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n    <div qms-breadcrumb-item [(showTooltip)]=\"previousNode['isOverflow']\">\r\n      <!-- Home -->\r\n      <span qms-breadcrumb-direction-icon>\r\n        <mat-icon>keyboard_arrow_left</mat-icon>\r\n      </span>\r\n      <mat-icon *ngIf=\"previousNode?.displayType === itemIconType.name\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\">\r\n        {{ previousNode.itemIcon }}\r\n      </mat-icon>\r\n      <mat-icon *ngIf=\"previousNode?.displayType === itemIconType.svg\"\r\n        class=\"mat-icon-rtl-mirror material-icons-outlined item-icon\" [svgIcon]=\"previousNode.itemIconSvg\">\r\n      </mat-icon>\r\n      <img *ngIf=\"previousNode?.displayType === itemIconType.path\" class=\"mat-icon item-icon\"\r\n        [src]=\"previousNode.itemIconPath\" />\r\n      <img *ngIf=\"previousNode?.displayType === itemIconType.base64\" class=\"mat-icon image-base64 item-icon\"\r\n        [src]=\"getImagePath(previousNode)\" />\r\n      <div class=\"qms-breadcrumb-item-text\" [qms-tool-tip]=\"previousNode['name']\"\r\n        [showToolTip]=\"previousNode['isOverflow']\" #breadcrumbItemText mode=\"dark\" (click)=\"onItemSelect(previousNode)\">\r\n        {{previousNode.name}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>",
                     encapsulation: i0.ViewEncapsulation.None,
-                    styles: [".breadcrumb-container{display:flex;font-family:Open Sans;font-size:14px;font-weight:600;color:#323232}.breadcrumb-container .qms-breadcrumb-direction-icon,.breadcrumb-container .qms-breadcrumb-item{display:flex;align-items:center;padding:3px 0 2px}.breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:18px;height:18px;font-size:18px;margin-left:.5rem;margin-right:.5rem}.breadcrumb-container .item-icon{margin-right:2px}.breadcrumb-container .qms-breadcrumb-item{cursor:inherit;margin:8px 8px 8px 0}.breadcrumb-container .qms-breadcrumb-item .qms-btn-icon{width:1.5rem;height:1.5rem;line-height:2rem}.breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-overflow{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn{width:2rem;height:2rem}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn svg{display:block}.breadcrumb-container .qms-breadcrumb-last-item{color:rgba(0,0,0,.6);font-weight:400;cursor:not-allowed}.breadcrumb-container .mat-drawer-container{z-index:3;background-color:transparent}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:12px;height:12px;font-size:12px;margin-left:.25rem;margin-right:.25rem;color:rgba(0,0,0,.6)}.qms-breadcrumb-table .breadcrumb-container .item-icon{margin-right:1px}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-text{font-size:12px;font-weight:400;color:rgba(0,0,0,.6)}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-overflow{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qms-breadcrumb__multi-line .breadcrumb-container{flex-wrap:wrap}.qms-breadcrumb-menu .qms-dropdown-menu-item{border:none}.breadcrumb-sidenav{display:flex;align-items:center;justify-content:center;width:100%;background:#fff;z-index:3}.breadcrumb-sidenav .header{font-family:Open Sans;font-style:normal;background-color:var(--background-area);height:71px;display:flex;justify-content:space-between;padding:16px}.breadcrumb-sidenav .header p{font-weight:600;font-size:18px;line-height:25px;color:var(--default-color);margin-bottom:0}.breadcrumb-sidenav .header .sub{font-weight:400;font-size:14px;line-height:22px;color:#5a5a5a}.breadcrumb-sidenav .content{padding:0 16px 16px;height:calc(100vh - 71px);overflow:auto}.breadcrumb-sidenav .content .qms-list-option{height:unset!important}.breadcrumb-sidenav .content .qms-list-option .mat-list-text{padding-right:0!important;padding-left:0!important}.breadcrumb-sidenav .content .qms-list-option .mat-list-item-content{border-bottom:1px solid #e0e0e0;padding:8px}.breadcrumb-sidenav .content-text-name{display:flex;align-items:center;justify-content:space-between}.breadcrumb-sidenav .content-text-name .content-text-name-heading{display:flex;align-items:center;color:var(--default-color)}.breadcrumb-sidenav .content-text-name .content-text-name-heading .item-icon{margin-right:10px;color:var(--tab-border)}.breadcrumb-sidenav .content-text-name .color-gray{color:var(--tab-border)}.more_horiz-btn.qms-btn-icon{width:1.5rem;height:1.5rem;line-height:2rem;margin:8px 0 8px 8px}.subdirectory_arrow_right{color:#0163b2}"]
+                    styles: [".breadcrumb-container{display:flex;font-family:Open Sans;font-size:14px;font-weight:600;color:#323232}.breadcrumb-container .qms-breadcrumb-direction-icon,.breadcrumb-container .qms-breadcrumb-item{display:flex;align-items:center;padding:3px 0 2px}.breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:18px;height:18px;font-size:18px;margin-left:.25rem;margin-right:.25rem}.breadcrumb-container .item-icon{margin-right:2px}.breadcrumb-container .qms-breadcrumb-item{cursor:inherit;margin:8px 0}.breadcrumb-container .qms-breadcrumb-item .qms-btn-icon{width:1.5rem;height:1.5rem;line-height:2rem}.breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-overflow{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn{width:2rem;height:2rem}.breadcrumb-container .qms-breadcrumb-item .breadcrumb__dropdown-btn svg{display:block}.breadcrumb-container .qms-breadcrumb-last-item{color:rgba(0,0,0,.6);font-weight:400;cursor:not-allowed}.breadcrumb-container .mat-drawer-container{z-index:3;background-color:transparent}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-direction-icon .mat-icon{width:12px;height:12px;font-size:12px;margin-left:.25rem;margin-right:.25rem;color:rgba(0,0,0,.6)}.qms-breadcrumb-table .breadcrumb-container .item-icon{margin-right:1px}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-text{font-size:12px;font-weight:400;color:rgba(0,0,0,.6)}.qms-breadcrumb-table .breadcrumb-container .qms-breadcrumb-item .qms-breadcrumb-item-overflow{max-width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qms-breadcrumb__multi-line .breadcrumb-container{flex-wrap:wrap}.qms-breadcrumb-menu .qms-dropdown-menu-item{border:none}.breadcrumb-sidenav{display:flex;align-items:center;justify-content:center;width:100%;background:#fff;z-index:3}.breadcrumb-sidenav .header{font-family:Open Sans;font-style:normal;background-color:var(--background-area);height:71px;display:flex;justify-content:space-between;padding:16px}.breadcrumb-sidenav .header p{font-weight:600;font-size:18px;line-height:25px;color:var(--default-color);margin-bottom:0}.breadcrumb-sidenav .header .sub{font-weight:400;font-size:14px;line-height:22px;color:#5a5a5a}.breadcrumb-sidenav .content{padding:0 16px 16px;height:calc(100vh - 71px);overflow:auto}.breadcrumb-sidenav .content .qms-list-option{height:unset!important}.breadcrumb-sidenav .content .qms-list-option .mat-list-text{padding-right:0!important;padding-left:0!important}.breadcrumb-sidenav .content .qms-list-option .mat-list-item-content{border-bottom:1px solid #e0e0e0;padding:8px}.breadcrumb-sidenav .content-text-name{display:flex;align-items:center;justify-content:space-between}.breadcrumb-sidenav .content-text-name .content-text-name-heading{display:flex;align-items:center;color:var(--default-color)}.breadcrumb-sidenav .content-text-name .content-text-name-heading .item-icon{margin-right:10px;color:var(--tab-border)}.breadcrumb-sidenav .content-text-name .color-gray{color:var(--tab-border)}.more_horiz-btn.qms-btn-icon{width:1.5rem;height:1.5rem;line-height:2rem;margin:8px 0 8px 8px}.subdirectory_arrow_right{color:#0163b2}"]
                 },] }
     ];
     QMSBreadcrumb.ctorParameters = function () { return [
@@ -18109,7 +18083,7 @@
         }(joint.shapes.standard.Link));
         app.Link = Link;
     })(exports.app || (exports.app = {}));
-    var ɵ0$3 = function (flags) {
+    var ɵ0$2 = function (flags) {
         if (this.hasFlag(flags, 'RENDER')) {
             this.render();
         }
@@ -18144,7 +18118,7 @@
             position: ['TRANSFORM'],
             angle: ['TRANSFORM']
         },
-        confirmUpdate: ɵ0$3,
+        confirmUpdate: ɵ0$2,
         render: ɵ1,
         update: ɵ2
     });
@@ -18174,7 +18148,7 @@
         erd: erd,
         uml: uml,
         org: org,
-        'ɵ0': ɵ0$3,
+        'ɵ0': ɵ0$2,
         'ɵ1': ɵ1,
         'ɵ2': ɵ2
     });
@@ -25725,7 +25699,7 @@
         selectionChangeEvent: [{ type: i0.Output }]
     };
 
-    var ɵ0$2 = { displayDefaultIndicatorType: false };
+    var ɵ0$1 = { displayDefaultIndicatorType: false };
     var QmsStepperModule = /** @class */ (function () {
         function QmsStepperModule() {
         }
@@ -25749,7 +25723,7 @@
                     ],
                     providers: [{
                             provide: stepper$1.STEPPER_GLOBAL_OPTIONS,
-                            useValue: ɵ0$2
+                            useValue: ɵ0$1
                         }]
                 },] }
     ];
@@ -29664,6 +29638,7 @@
         PaginationSize["large"] = "large";
         PaginationSize["mobile"] = "mobile";
     })(exports.PaginationSize || (exports.PaginationSize = {}));
+    var ɵ0 = { overlayPanelClass: 'customCDKpanel' };
     var QMSPaginatorComponent = /** @class */ (function () {
         function QMSPaginatorComponent(trans) {
             this.trans = trans;
@@ -29856,11 +29831,17 @@
     QMSPaginatorComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'qms-paginator',
-                    template: "<div class=\"qms-paginator-outer-container\"  [class.size-small]='size == sizeSmall'  [class.d-none]='numHidden > length'>\r\n  <div class=\"mat-paginator-container\" *ngIf='size != sizeMobile'>\r\n    <div class=\"qms-total-result\" [class.mr-b-size-small]='size == sizeSmall'>\r\n      <span>{{LANG.RESULTS}}: {{length}}</span>\r\n    </div>\r\n    <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\r\n      <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\r\n      <mat-form-field\r\n        qms-form\r\n        qms-select-input\r\n        class=\"qms-form-page-size\"\r\n        appearance=\"fill\">\r\n        <mat-select\r\n          panelClass=\"qms-select-panel\"\r\n          [value]=\"pageSize\"\r\n          (selectionChange)=\"_changePageSize($event.value)\"\r\n          qms-select>\r\n          <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\r\n            {{ item }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\r\n      <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\r\n\r\n      <mat-form-field\r\n        qms-form\r\n        qms-select-input\r\n        class=\"qms-form-page-size qms-form-select-page-size\"\r\n        appearance=\"fill\">\r\n        <mat-select\r\n          panelClass=\"qms-select-panel\"\r\n          [value]=\"pageIndex\"\r\n          (selectionChange)=\"_changePageNumber($event.value)\"\r\n          qms-select>\r\n          <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\r\n            {{ item }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field> \r\n    </div>\r\n    <div class=\"qms-paginator-range-actions\">\r\n      <button qms-btn-icon color=\"light\"  (click)='previousPage()' [disabled]='minPage == pageIndex'>\r\n        <mat-icon>chevron_left</mat-icon>\r\n      </button>\r\n      <ng-container *ngFor='let item of displayNumberOfPages' >\r\n          <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span>\r\n          <button  *ngIf='item != \"...\"' qms-btn-icon color=\"light\"  \r\n            [class.selected]='pageIndex == item' [disabled]='pageIndex == item'\r\n            (click)='changePage(item)'>\r\n            {{item}}\r\n        </button>\r\n      </ng-container>\r\n     \r\n      <button qms-btn-icon color=\"light\"  (click)='nextPage()' [disabled]='maxpage == pageIndex'>\r\n        <mat-icon>chevron_right</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"mat-paginator-container-mobile\"  *ngIf='size == sizeMobile'>\r\n    <div class=\"mat-paginator-container\"  *ngIf='size == sizeMobile'>\r\n      <div class=\"qms-paginator-range-actions\">\r\n        <button qms-btn-icon color=\"light\"  (click)='previousPage()' [disabled]='minPage == pageIndex'>\r\n          <mat-icon>chevron_left</mat-icon>\r\n        </button>\r\n        <ng-container *ngFor='let item of displayNumberOfPages' >\r\n            <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span>\r\n            <button  *ngIf='item != \"...\"' qms-btn-icon color=\"light\" \r\n              [class.selected]='pageIndex == item' [disabled]='pageIndex == item'\r\n              (click)='changePage(item)'>\r\n              {{item}}\r\n          </button>\r\n        </ng-container>\r\n       \r\n        <button qms-btn-icon color=\"light\"  (click)='nextPage()' [disabled]='maxpage == pageIndex'>\r\n          <mat-icon>chevron_right</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"qms-total-result\">\r\n      <span>{{LANG.RESULTS}}: {{length}}</span>\r\n    </div>\r\n    <div style=\"display: flex;\">\r\n      <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\r\n        <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\r\n        <mat-form-field\r\n          qms-form\r\n          qms-select-input\r\n          class=\"qms-form-page-size\"\r\n          appearance=\"fill\">\r\n          <mat-select\r\n            panelClass=\"qms-select-panel\"\r\n            [value]=\"pageSize\"\r\n            (selectionChange)=\"_changePageSize($event.value)\"\r\n            qms-select>\r\n            <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\r\n              {{ item }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\r\n        <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\r\n        <mat-form-field\r\n          qms-form\r\n          qms-select-input\r\n          class=\"qms-form-page-size qms-form-select-page-size\"\r\n          appearance=\"fill\">\r\n          <mat-select\r\n            panelClass=\"qms-select-panel\"\r\n            [value]=\"pageIndex\"\r\n            (selectionChange)=\"_changePageNumber($event.value)\"\r\n            qms-select>\r\n            <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\r\n              {{ item }}\r\n            </mat-option>\r\n          </mat-select>\r\n        </mat-form-field> \r\n      </div>\r\n    </div>\r\n   \r\n  </div>\r\n \r\n</div>",
+                    template: "<div class=\"qms-paginator-outer-container\" [class.size-small]='size == sizeSmall' [class.d-none]='numHidden > length'>\r\n    <div class=\"mat-paginator-container\" *ngIf='size != sizeMobile'>\r\n        <div class=\"qms-total-result\" [class.mr-b-size-small]='size == sizeSmall'>\r\n            <span>{{LANG.RESULTS}}: {{length}}</span>\r\n        </div>\r\n        <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\r\n            <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\r\n            <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\r\n                <mat-select panelClass=\"qms-select-panel\" [value]=\"pageSize\"\r\n                    (selectionChange)=\"_changePageSize($event.value)\" qms-select>\r\n                    <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\r\n                        {{ item }}\r\n                    </mat-option>\r\n                </mat-select>\r\n            </mat-form-field>\r\n        </div>\r\n        <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\r\n            <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\r\n\r\n            <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\r\n                appearance=\"fill\">\r\n                <mat-select panelClass=\"qms-select-panel\" [value]=\"pageIndex\"\r\n                    (selectionChange)=\"_changePageNumber($event.value)\" qms-select disableOptionCentering>\r\n                    <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\r\n                        {{ item }}\r\n                    </mat-option>\r\n                </mat-select>\r\n            </mat-form-field>\r\n        </div>\r\n        <div class=\"qms-paginator-range-actions\">\r\n            <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\r\n                <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <ng-container *ngFor='let item of displayNumberOfPages'>\r\n                <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span>\r\n                <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\" [class.selected]='pageIndex == item'\r\n                    [disabled]='pageIndex == item' (click)='changePage(item)'>\r\n                    {{item}}\r\n                </button>\r\n            </ng-container>\r\n\r\n            <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\r\n                <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"mat-paginator-container-mobile\" *ngIf='size == sizeMobile'>\r\n        <div class=\"mat-paginator-container\" *ngIf='size == sizeMobile'>\r\n            <div class=\"qms-paginator-range-actions\">\r\n                <button qms-btn-icon color=\"light\" (click)='previousPage()' [disabled]='minPage == pageIndex'>\r\n                    <mat-icon>chevron_left</mat-icon>\r\n                </button>\r\n                <ng-container *ngFor='let item of displayNumberOfPages'>\r\n                    <span *ngIf='item == \"...\"' class=\"qms-3d\">{{item}}</span>\r\n                    <button *ngIf='item != \"...\"' qms-btn-icon color=\"light\" [class.selected]='pageIndex == item'\r\n                        [disabled]='pageIndex == item' (click)='changePage(item)'>\r\n                        {{item}}\r\n                    </button>\r\n                </ng-container>\r\n\r\n                <button qms-btn-icon color=\"light\" (click)='nextPage()' [disabled]='maxpage == pageIndex'>\r\n                    <mat-icon>chevron_right</mat-icon>\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <div class=\"qms-total-result\">\r\n            <span>{{LANG.RESULTS}}: {{length}}</span>\r\n        </div>\r\n        <div style=\"display: flex;\">\r\n            <div class=\"qms-paginator-page-size\" *ngIf='size != sizeSmall'>\r\n                <div class=\"qms-pagesize-label\">{{LANG.ROW_PER_PAGE}}:</div>\r\n                <mat-form-field qms-form qms-select-input class=\"qms-form-page-size\" appearance=\"fill\">\r\n                    <mat-select panelClass=\"qms-select-panel\" [value]=\"pageSize\"\r\n                        (selectionChange)=\"_changePageSize($event.value)\" qms-select>\r\n                        <mat-option *ngFor=\"let item of pageSizeOptions\" [value]=\"item\">\r\n                            {{ item }}\r\n                        </mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n            </div>\r\n            <div class=\"qms-paginator-page-size\" *ngIf='size != sizeMedium && size != sizeSmall'>\r\n                <div class=\"qms-pagesize-label \">{{LANG.JUM_TO_PAGE}}:</div>\r\n                <mat-form-field qms-form qms-select-input class=\"qms-form-page-size qms-form-select-page-size\"\r\n                    appearance=\"fill\">\r\n                    <mat-select panelClass=\"qms-select-panel\" [value]=\"pageIndex\"\r\n                        (selectionChange)=\"_changePageNumber($event.value)\" qms-select>\r\n                        <mat-option *ngFor=\"let item of numberOfPages\" [value]=\"item\">\r\n                            {{ item }}\r\n                        </mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>",
                     host: {
                         'class': 'qms-paginator'
                     },
-                    styles: ["::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,.6)}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-form-field-flex{width:80px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-form-field-flex{width:51px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:rgba(0,0,0,.6)}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-form-field-flex{width:80px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-form-field-flex{width:51px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}"]
+                    providers: [
+                        {
+                            provide: select.MAT_SELECT_CONFIG,
+                            useValue: ɵ0,
+                        },
+                    ],
+                    styles: ["::ng-deep .customCDKpanel{transform:none!important}::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,.6)}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-form-field-flex{width:80px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-form-field-flex{width:51px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:rgba(0,0,0,.6)}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-form-field-flex{width:80px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-form-field-flex{width:51px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}"]
                 },] }
     ];
     QMSPaginatorComponent.ctorParameters = function () { return [
@@ -30125,1033 +30106,6 @@
         return TreeModelNavDrawer;
     }());
 
-    var QMSSelectDepartmentTreeConfig = /** @class */ (function () {
-        function QMSSelectDepartmentTreeConfig() {
-            this.treeData = [];
-            this.selectIncludeLabel = '';
-            this.selectedList = [];
-            this.disabledList = [];
-            this.includeChildren = false;
-        }
-        return QMSSelectDepartmentTreeConfig;
-    }());
-
-    var QMSSelectDepartmentTreeGlobalService = /** @class */ (function () {
-        function QMSSelectDepartmentTreeGlobalService() {
-            this.getDataTree$ = new rxjs.BehaviorSubject([]);
-            this.searchDepartment$ = new rxjs.Subject();
-        }
-        QMSSelectDepartmentTreeGlobalService.prototype.updateDataTree = function (data) {
-            this.getDataTree$.next(data);
-        };
-        QMSSelectDepartmentTreeGlobalService.prototype.setResultSearch = function (data) {
-            this.searchDepartment$.next(data);
-        };
-        return QMSSelectDepartmentTreeGlobalService;
-    }());
-    QMSSelectDepartmentTreeGlobalService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSSelectDepartmentTreeGlobalService_Factory() { return new QMSSelectDepartmentTreeGlobalService(); }, token: QMSSelectDepartmentTreeGlobalService, providedIn: "root" });
-    QMSSelectDepartmentTreeGlobalService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
-    var SelectDepartmentTreeComponent = /** @class */ (function () {
-        function SelectDepartmentTreeComponent(selectDepartmentService, cdRef, domSanitizer, appIconService, iconRegistry, eleRef) {
-            var _this = this;
-            this.selectDepartmentService = selectDepartmentService;
-            this.cdRef = cdRef;
-            this.domSanitizer = domSanitizer;
-            this.appIconService = appIconService;
-            this.iconRegistry = iconRegistry;
-            this.eleRef = eleRef;
-            this.enableIncludeChild = false;
-            this.enableTreeSearch = false;
-            this.treeDataSourceConfig = new QMSSelectDepartmentTreeConfig();
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.isLoaded = false;
-            this.groupIncludeChild = [];
-            this.singleItem = [];
-            this.resultSelected = [];
-            this.valueChange$ = new rxjs.Subject();
-            this.textSearch = new forms.FormControl('');
-            this.onSearchEvent = new i0.EventEmitter();
-            this.resultSearch = [];
-            this.activeNode = '';
-            this.nestedTreeNodeMap = new Map();
-            this.flatTreeNodeMap = new Map();
-            this.checkListSelection = new collections.SelectionModel(true);
-            this.isShowTreeSearch = false;
-            this.itemIconType = ItemIconType;
-            this._transformer = function (node, level) {
-                var _a;
-                var flatNode = _this._convertToFlatNode(node) || new QMSFlatNodeTree();
-                flatNode.id = node.id;
-                flatNode.name = node.name;
-                flatNode.expandable = (node.children && node.children.length > 0) || (!!node.childCount);
-                flatNode.level = level;
-                flatNode.parentId = node.parentId;
-                flatNode.markedGetChildren = !!((_a = node.children) === null || _a === void 0 ? void 0 : _a.length);
-                flatNode.itemIcon = node.itemIcon;
-                flatNode.itemIconSvg = node.itemIconSvg;
-                flatNode.isFile = node.isFile;
-                flatNode.disabled = node.disabled;
-                _this.flatTreeNodeMap.set(flatNode, node);
-                _this.nestedTreeNodeMap.set(node, flatNode);
-                return flatNode;
-            };
-            this.getLevel = function (node) { return node === null || node === void 0 ? void 0 : node.level; };
-            this._getChild = function (node) { return node.children; };
-            this.isExpandable = function (node) { return node.expandable; };
-            this.hasChild = function (_, node) { return node.expandable; };
-            this.treeControl = new tree.FlatTreeControl(this.getLevel, this.isExpandable);
-            this.treeFlattener = new tree$1.MatTreeFlattener(this._transformer, this.getLevel, this.isExpandable, this._getChild);
-            this.dataSource = new tree$1.MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
-            // Init tree data
-            this.selectDepartmentService.getDataTree$
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (data) {
-                _this.dataSource.data = data;
-            });
-            // Register icon
-            appIconService.registerProcessIcon(iconRegistry, domSanitizer);
-            appIconService.registerProcessAreaIcon(iconRegistry, domSanitizer);
-            appIconService.registerDocumentIcon(iconRegistry, domSanitizer);
-            appIconService.registerFolderIcon(iconRegistry, domSanitizer);
-            appIconService.registerDeviationIcon(iconRegistry, domSanitizer);
-            appIconService.registerChecklistIcon(iconRegistry, domSanitizer);
-            appIconService.registerRiskIcon(iconRegistry, domSanitizer);
-            this.textSearch.valueChanges
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (result) {
-                if (result) {
-                    _this.onSearchEvent.emit(result);
-                    return;
-                }
-            });
-            this.selectDepartmentService.searchDepartment$
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (result) {
-                _this.resultSearch = result;
-            });
-        }
-        Object.defineProperty(SelectDepartmentTreeComponent.prototype, "treeData", {
-            set: function (value) {
-                this.treeDataSourceConfig.treeData = value || [];
-                this.selectDepartmentService.updateDataTree(this.treeDataSourceConfig.treeData);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SelectDepartmentTreeComponent.prototype, "selectedList", {
-            set: function (value) {
-                this.treeDataSourceConfig.selectedList = value || [];
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SelectDepartmentTreeComponent.prototype, "currentTreeData", {
-            get: function () {
-                return this.selectDepartmentService.getDataTree$.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SelectDepartmentTreeComponent.prototype.ngOnInit = function () {
-            this._initTreeData();
-            this._initCheckListSelected();
-        };
-        SelectDepartmentTreeComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SelectDepartmentTreeComponent.prototype._initTreeData = function () {
-            var _this = this;
-            if (this.treeDataSourceConfig.treeData.length) {
-                var rootNode = this.treeDataSourceConfig.treeData.filter(function (item) { return +item.parentId === 0; })
-                    .map(function (item, _index) {
-                    var node = {
-                        id: item.id,
-                        name: item.name,
-                        markedGetChildren: item.markedGetChildren,
-                        children: [],
-                        disabled: _this.treeDataSourceConfig.disabledList.includes(item.id),
-                        itemIcon: item.itemIcon,
-                        itemMatIcon: item.itemMatIcon,
-                        itemIconSvg: item.itemIconSvg
-                    };
-                    return node;
-                });
-                this.selectDepartmentService.updateDataTree(rootNode);
-                var groupResult_1 = this.treeDataSourceConfig.treeData.reduce(function (result, currentValue) {
-                    (result[currentValue['parentId']] = result[currentValue['parentId']] || []).push(currentValue);
-                    return result;
-                }, {});
-                var groupResultKey = Object.keys(groupResult_1);
-                while (this.treeControl.dataNodes.filter(function (node) { return node.expandable; }).every(function (node) { return !node.markedGetChildren; })) {
-                    groupResultKey.forEach(function (key, index) {
-                        var parentFlatNode = _this.treeControl.dataNodes.find(function (node) { return node.id === key; });
-                        if (parentFlatNode) {
-                            var parentNestedNode = _this._convertToNestedNode(parentFlatNode);
-                            parentNestedNode.markedGetChildren = true;
-                            parentNestedNode.children = groupResult_1[key];
-                            parentNestedNode.childCount = parentNestedNode.children.length;
-                            _this.selectDepartmentService.updateDataTree(_this.currentTreeData);
-                        }
-                    });
-                }
-            }
-        };
-        SelectDepartmentTreeComponent.prototype._initCheckListSelected = function () {
-            var _this = this;
-            if (!this.treeDataSourceConfig.selectedList.length)
-                return;
-            this.groupIncludeChild = this.treeDataSourceConfig.selectedList.filter(function (item) { return item.children; });
-            this.singleItem = this.treeDataSourceConfig.selectedList.filter(function (item) { return item.children === null; });
-            this.treeDataSourceConfig.selectedList.forEach(function (item) {
-                var _a;
-                var flatNode = _this.treeControl.dataNodes.find(function (node) { return node.id === item.id; });
-                if (flatNode) {
-                    _this.checkListSelection.select(flatNode);
-                    ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) && item.children.forEach(function (child) {
-                        var node = _this.treeControl.dataNodes.find(function (_x) { return _x.id === child.id; });
-                        if (node) {
-                            _this.checkListSelection.select(node);
-                            _this.onExpandAllParent(node);
-                        }
-                    });
-                    _this.onExpandAllParent(flatNode);
-                    _this.resultSelected = __spreadArray(__spreadArray([], __read(_this.singleItem)), __read(_this.groupIncludeChild));
-                    _this.valueChange$.next(_this.resultSelected);
-                }
-            });
-        };
-        SelectDepartmentTreeComponent.prototype.onExpandNode = function (node) {
-        };
-        SelectDepartmentTreeComponent.prototype.onOptionSearchSelected = function (value) {
-            var flatNode = this.treeControl.dataNodes.find(function (node) { return node.id === value.id; });
-            if (!flatNode)
-                return;
-            this.checkListSelection.select(flatNode);
-            this._handleCheckNode(flatNode);
-            this.scrollIntoNode(flatNode.id);
-        };
-        SelectDepartmentTreeComponent.prototype.onSlideToggleChange = function () {
-        };
-        SelectDepartmentTreeComponent.prototype.displayWhenSelectDepartmentOption = function ($event) {
-            return '';
-        };
-        SelectDepartmentTreeComponent.prototype.onCheckNode = function (node) {
-            this.checkListSelection.toggle(node);
-            this._handleCheckNode(node);
-            this.valueChange$.next(this.resultSelected);
-        };
-        SelectDepartmentTreeComponent.prototype.onExpandAllParent = function (node) {
-            var _this = this;
-            var parents = this._getAllParentNode(node);
-            if (!!(parents === null || parents === void 0 ? void 0 : parents.length)) {
-                parents.forEach(function (parent) {
-                    _this.treeControl.expand(parent);
-                });
-            }
-        };
-        SelectDepartmentTreeComponent.prototype.onRemoveNode = function (nodeId) {
-            var flatNode = this.treeControl.dataNodes.find(function (item) { return item.id === nodeId; });
-            this.checkListSelection.deselect(flatNode);
-            flatNode && this._handleCheckNode(flatNode);
-        };
-        SelectDepartmentTreeComponent.prototype.isIndeterminate = function (node) {
-            var _this = this;
-            var childSelected = this._getListChildrenOfNode(node).filter(function (item) { return _this.checkListSelection.isSelected(item); });
-            return (!!childSelected.length && !this.checkListSelection.isSelected(node));
-        };
-        SelectDepartmentTreeComponent.prototype.isCheckAll = function (node) {
-            var _this = this;
-            var listCheck = __spreadArray(__spreadArray([], __read(this._getListChildrenOfNode(node))), [node]);
-            return listCheck.every(function (item) { return _this.checkListSelection.isSelected(item); });
-        };
-        SelectDepartmentTreeComponent.prototype._handleCheckNode = function (node) {
-            var _b, _c;
-            var isSelectedNode = this.checkListSelection.isSelected(node);
-            var isOwnerGroup = !!this.groupIncludeChild.find(function (gr) { return (gr === null || gr === void 0 ? void 0 : gr.id) === node.id; });
-            if (isSelectedNode) {
-                var children = this.treeDataSourceConfig.includeChildren && this._getListChildrenOfNode(node);
-                children && (_b = this.checkListSelection).select.apply(_b, __spreadArray([], __read(children)));
-            }
-            else {
-                var childSelected = this._getChildrenSelected(node);
-                // check node is owner group or mode is 'include children' and remove all children
-                (isOwnerGroup || this.treeDataSourceConfig.includeChildren) && (_c = this.checkListSelection).deselect.apply(_c, __spreadArray([], __read(childSelected)));
-            }
-            this._updateGroupResult(node);
-            this._updateSingleResult();
-            this.resultSelected = __spreadArray(__spreadArray([], __read(this.singleItem)), __read(this.groupIncludeChild));
-        };
-        // Check group root contain node and re-update chilren
-        SelectDepartmentTreeComponent.prototype._updateGroupResult = function (node) {
-            var nestedNode = this._convertToNestedNode(node);
-            var existedGroup = this._getExistedGroup(node);
-            var childrenSelected = this._mapToNestedListNode(this._getChildrenSelected(this._convertToFlatNode(existedGroup) || node));
-            var item = this.groupIncludeChild.find(function (gr) { return gr.id == nestedNode.id || gr.id === (existedGroup === null || existedGroup === void 0 ? void 0 : existedGroup.id); });
-            if (!!item) {
-                item.children = childrenSelected;
-            }
-            else {
-                this.treeDataSourceConfig.includeChildren && this.groupIncludeChild.push(Object.assign(Object.assign({}, nestedNode), { children: childrenSelected }));
-            }
-            this._checkGroupSelected(childrenSelected);
-        };
-        // Check single selected result
-        SelectDepartmentTreeComponent.prototype._updateSingleResult = function () {
-            var _this = this;
-            var excludeChildOfGroup = [];
-            this.groupIncludeChild.forEach(function (gr) {
-                excludeChildOfGroup = __spreadArray(__spreadArray([], __read(excludeChildOfGroup)), __read(gr.children.map(function (x) { return x.id; })));
-            });
-            this.singleItem = this.treeControl.dataNodes.filter(function (item) {
-                var isSelected = _this.checkListSelection.isSelected(item);
-                var existedGroup = _this._getExistedGroup(item);
-                var isOwnerGroup = !!_this.groupIncludeChild.find(function (x) { return (x === null || x === void 0 ? void 0 : x.id) === item.id; });
-                return isSelected && !existedGroup && !isOwnerGroup && !excludeChildOfGroup.includes(item.id);
-            }).map(function (item) {
-                var nestedNode = _this._convertToNestedNode(item);
-                nestedNode.children = null;
-                return nestedNode;
-            });
-        };
-        SelectDepartmentTreeComponent.prototype._checkGroupSelected = function (childSelected) {
-            var _this = this;
-            this.groupIncludeChild = this.groupIncludeChild.filter(function (gr) {
-                var flatNode = _this.treeControl.dataNodes.find(function (node) { return node.id === gr.id; });
-                var childSelectedInGroup = gr.children.filter(function (x) { return childSelected.includes(x); });
-                gr.childCount = _this._getListChildrenOfNode(flatNode).length;
-                // if Mode is 'include child' the group list will filter exclude all child selected , ortherwise filter exclude all child in group that node is contained
-                var arrChild = _this.treeDataSourceConfig.includeChildren ? childSelected : childSelectedInGroup;
-                return gr.childCount > 0 && _this.checkListSelection.isSelected(flatNode) && !arrChild.find(function (_x) { return _x.id === gr.id; });
-            });
-        };
-        SelectDepartmentTreeComponent.prototype._getExistedGroup = function (node) {
-            var _this = this;
-            var allParent = this._getAllParentNode(node);
-            var listGroupIds = this.groupIncludeChild.map(function (gr) { return gr.id; });
-            var existedGroup;
-            allParent.forEach(function (item) {
-                if (listGroupIds.includes(item.id)) {
-                    existedGroup = _this._convertToNestedNode(item);
-                }
-            });
-            return existedGroup;
-        };
-        SelectDepartmentTreeComponent.prototype._getChildrenSelected = function (node) {
-            var _this = this;
-            return this._getListChildrenOfNode(node).filter(function (x) { return _this.checkListSelection.isSelected(x); });
-        };
-        SelectDepartmentTreeComponent.prototype._getListChildrenOfNode = function (node) {
-            return this.treeControl.getDescendants(node);
-        };
-        SelectDepartmentTreeComponent.prototype._mapToNestedListNode = function (flatNodeList) {
-            var _this = this;
-            return flatNodeList.map(function (item) { return _this._convertToNestedNode(item); });
-        };
-        SelectDepartmentTreeComponent.prototype._convertToNestedNode = function (node) {
-            return this.flatTreeNodeMap.get(node);
-        };
-        SelectDepartmentTreeComponent.prototype._convertToFlatNode = function (node) {
-            return this.nestedTreeNodeMap.get(node);
-        };
-        SelectDepartmentTreeComponent.prototype._getRootSelected = function (node) {
-            var _this = this;
-            var parentList = this._getAllParentNode(node);
-            var groupExist;
-            if (parentList.length) {
-                parentList.forEach(function (item) {
-                    if (_this.checkListSelection.isSelected(item)) {
-                        groupExist = item;
-                    }
-                });
-            }
-            return groupExist;
-        };
-        SelectDepartmentTreeComponent.prototype._getAllParentNode = function (node) {
-            var listParent = [];
-            var parent = this._getParentNode(node);
-            while (parent) {
-                listParent.push(parent);
-                parent = this._getParentNode(parent);
-            }
-            return listParent;
-        };
-        SelectDepartmentTreeComponent.prototype._getParentNode = function (node) {
-            var currentLevel = this.getLevel(node);
-            if (currentLevel < 1)
-                return;
-            var index = this.treeControl.dataNodes.indexOf(node) - 1;
-            for (var i = index; i >= 0; i--) {
-                var currentNode = this.treeControl.dataNodes[i];
-                if (this.getLevel(currentNode) < currentLevel) {
-                    return currentNode;
-                }
-            }
-            return;
-        };
-        SelectDepartmentTreeComponent.prototype.getItemIconType = function (item) {
-            if (!!item.itemMatIcon)
-                return this.itemIconType.name;
-            if (!!item.itemIconSvg)
-                return this.itemIconType.svg;
-            if (!!item.itemIcon)
-                return this.itemIconType.path;
-            return;
-        };
-        SelectDepartmentTreeComponent.prototype.scrollIntoNode = function (nodeId) {
-            var flatNode = this.treeControl.dataNodes.find(function (item) { return item.id === nodeId; });
-            if (!nodeId)
-                return;
-            this.treeControl.expand(flatNode);
-            this.onExpandAllParent(flatNode);
-            var element = this.eleRef.nativeElement.querySelector("#node-" + flatNode.id);
-            element.scrollIntoView({
-                behavior: 'smooth',
-                block: 'center',
-            });
-        };
-        SelectDepartmentTreeComponent.prototype._expandAllGroupExist = function () {
-        };
-        SelectDepartmentTreeComponent.prototype.getSelectedNodeStorage = function () {
-            return JSON.parse(localStorage.getItem('selectedNode'));
-        };
-        SelectDepartmentTreeComponent.prototype.setSelectedNodeStorage = function (node) {
-            this.treeDataSourceConfig.includeChildren && localStorage.setItem('selectedNode', JSON.stringify(node));
-        };
-        return SelectDepartmentTreeComponent;
-    }());
-    SelectDepartmentTreeComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'qms-select-department-tree',
-                    template: "<div class=\"qms-select-department-tree-container\">\r\n  <div class=\"input-select-department\">\r\n    <div *ngIf=\"enableTreeSearch\" class=\"input__field\">\r\n      <mat-form-field class=\"w100\" qms-form qms-search-field>\r\n        <input type=\"text\" placeholder=\"Search\" matInput />\r\n        <button qms-btn-icon color=\"light\" matSuffix>\r\n          <mat-icon>search</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div *ngIf=\"enableIncludeChild\" class=\"select__toggle-include toggle-include-child mt-1\">\r\n      <mat-slide-toggle [(ngModel)]=\"treeDataSourceConfig.includeChildren\" (ngModelChange)=\"onSlideToggleChange()\"\r\n        color=\"default\" qms-group-options>\r\n        <span class=\"text-label\">Select include children</span>\r\n      </mat-slide-toggle>\r\n    </div>\r\n    <div class=\"line__divider\"></div>\r\n  </div>\r\n\r\n  <div class=\"tree-department-wrapper\">\r\n    <mat-tree class=\"select-department-tree\" [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\r\n      <!-- This is the tree node template for leaf nodes -->\r\n      <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding [ngClass]=\"{\r\n                  active: activeNode == node.id,\r\n                  'mat-tree-node-disabled-all': node.disabled\r\n                }\">\r\n        <button class=\"btn-toggle\" mat-icon-button disabled></button>\r\n        <ng-container [ngTemplateOutlet]=\"showCheckboxTemplate\" [ngTemplateOutletContext]=\"{ node: node }\">\r\n        </ng-container>\r\n      </mat-tree-node>\r\n      <!-- This is the tree node template for expandable nodes -->\r\n      <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding [ngClass]=\"{\r\n                  'expand-node': treeControl.isExpanded(node),\r\n                  'collapse-node': !treeControl.isExpanded(node),\r\n                  active: activeNode == node.id,\r\n                  'mat-tree-node-disabled': node.disabled\r\n                }\">\r\n        <div class=\"node-content-wraper\">\r\n          <button class=\"btn-toggle\" mat-icon-button (click)=\"onExpandNode(node)\" matTreeNodeToggle>\r\n            <mat-icon>\r\n              {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\r\n            </mat-icon>\r\n          </button>\r\n          <ng-container [ngTemplateOutlet]=\"showCheckboxTemplate\r\n                        \" [ngTemplateOutletContext]=\"{ node: node }\"></ng-container>\r\n          <mat-progress-bar *ngIf=\"false\" mode=\"indeterminate\" class=\"example-tree-progress-bar\">\r\n          </mat-progress-bar>\r\n        </div>\r\n      </mat-tree-node>\r\n    </mat-tree>\r\n  </div>\r\n  <!-- Template for Checkbox -->\r\n  <ng-template #showCheckboxTemplate let-node=\"node\">\r\n    <mat-checkbox [id]=\"'node-'+node.id\" qms-group-options color=\"default\" label=\"none\" class=\"flex-direction-row\"\r\n      [checked]=\"checkListSelection.isSelected(node)\" (click)=\"onCheckNode(node)\" [attr.disabled]=\"node.disabled\">\r\n      <img *ngIf=\"node.itemIconSvg\" class=\"material-icons type-icon\" [src]=\"node.itemIconSvg\" />\r\n      <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\r\n        class=\"material-icons-outlined type-icon\"></span>\r\n      <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon\">{{\r\n        node.itemMatIcon }}\r\n      </span>\r\n      <span class=\"text-name cursor-pointer ml-5 123\" [ngClass]=\"{ disabled: node.disabled }\">{{ node.name\r\n        }}\r\n      </span>\r\n    </mat-checkbox>\r\n  </ng-template>\r\n</div>\r\n",
-                    styles: ["@charset \"UTF-8\";@font-face{font-family:icomoon;src:url(../assets/fonts/icomoon.eot?aghldx);src:url(../assets/fonts/icomoon.eot?aghldx#iefix) format(\"embedded-opentype\"),url(../assets/fonts/icomoon.ttf?aghldx) format(\"truetype\"),url(../assets/fonts/icomoon.woff?aghldx) format(\"woff\"),url(../assets/fonts/icomoon.svg?aghldx#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-acutely-toxic .path1:before{content:\"\uE91B\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\uE922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\uE923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\uE924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\uE925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\uE926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\uE927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\uE928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\uE929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\uE92A\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\uE92B\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\uE92C\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\uE92D\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\uE92E\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\uE92F\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\uE930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\uE931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\uE932\"}.icon-add-tooltip:before{content:\"\uE933\"}.icon-admin:before{content:\"\uE934\"}.icon-annual-cycle:before{content:\"\uE935\"}.icon-assignment-repete:before{content:\"\uE936\"}.icon-barrier-add:before{content:\"\uE937\"}.icon-barrier-edit:before{content:\"\uE938\"}.icon-barrier-view:before{content:\"\uE939\"}.icon-button-group:before{content:\"\uE93A\"}.icon-chemical-manager:before{content:\"\uE93B\"}.icon-chronic-health-hazard .path1:before{content:\"\uE93C\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\uE93D\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\uE93E\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\uE93F\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\uE940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\uE941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\uE942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\uE943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\uE944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\uE945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\uE946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\uE947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\uE948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\uE949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\uE94A\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\uE94B\"}.icon-corrosive .path1:before{content:\"\uE94C\";color:#323232}.icon-corrosive .path2:before{content:\"\uE94D\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\uE94E\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\uE94F\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\uE950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\uE951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\uE952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\uE953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\uE954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\uE955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\uE956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\uE957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\uE958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\uE959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\uE95A\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\uE95B\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\uE95C\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\uE95D\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\uE95E\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\uE95F\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\uE960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\uE961\"}.icon-database-sds:before{content:\"\uE962\"}.icon-description-add:before{content:\"\uE963\"}.icon-description-edit:before{content:\"\uE964\"}.icon-description-view:before{content:\"\uE965\";color:#666}.icon-document-read .path1:before{content:\"\uE966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\uE967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\uE968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\uE969\"}.icon-expired-off:before{content:\"\uE96A\"}.icon-expired-on:before{content:\"\uE96B\"}.icon-explosive .path1:before{content:\"\uE96C\";color:#e32730}.icon-explosive .path2:before{content:\"\uE96D\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\uE96E\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\uE96F\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\uE970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\uE971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\uE972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\uE973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\uE974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\uE975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\uE976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\uE977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\uE978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\uE979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\uE97A\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\uE97B\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\uE97C\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\uE97D\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\uE97E\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\uE97F\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\uE980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\uE981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\uE982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\uE983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\uE984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\uE985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\uE986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\uE987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\uE988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\uE989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\uE98A\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\uE98B\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\uE98C\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\uE98D\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\uE98E\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\uE98F\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\uE990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\uE991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\uE992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\uE993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\uE994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\uE995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\uE996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\uE997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\uE998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\uE999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\uE99A\"}.icon-file-pdf:before{content:\"\uE99B\"}.icon-file-pdf-verified .path1:before{content:\"\uE99C\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\uE99D\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\uE99E\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\uE99F\"}.icon-filter-alt:before{content:\"\uE9A0\"}.icon-flammable .path1:before{content:\"\uE9A1\";color:#323232}.icon-flammable .path2:before{content:\"\uE9A2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\uE9A3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\uE9A4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\uE9A5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\uE9A6\";color:#323232}.icon-health-hazard .path2:before{content:\"\uE9A7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\uE9A8\"}.icon-location:before{content:\"\uE9A9\"}.icon-measure-add:before{content:\"\uE9AA\"}.icon-measure-edit:before{content:\"\uE9AB\"}.icon-measure-view:before{content:\"\uE9AC\";color:#666}.icon-messages:before{content:\"\uE9AD\"}.icon-monitoring:before{content:\"\uE9AE\";color:#666}.icon-move:before{content:\"\uE9AF\"}.icon-oxidizing .path1:before{content:\"\uE9B0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\uE9B1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\uE9B2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\uE9B3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\uE9B4\"}.icon-process-area-open:before{content:\"\uE9B5\"}.icon-process-linked .path1:before{content:\"\uE9B6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\uE9B7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\uE9B8\"}.icon-search-in-file:before{content:\"\uE9B9\"}.icon-sort-ascending:before{content:\"\uE9BA\"}.icon-sort-descending:before{content:\"\uE9BB\"}.icon-subscript:before{content:\"\uE9BC\"}.icon-superscript:before{content:\"\uE9BD\"}.icon-syncronice-favorites:before{content:\"\uE9BE\"}.icon-system-settings:before{content:\"\uE9BF\"}.icon-view-three-outlined:before{content:\"\uE9C0\"}.icon-workplace-safety:before{content:\"\uE9C1\"}.icon-checklist:before{content:\"\uE900\"}.icon-department-document .path1:before{content:\"\uE901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\uE902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\uE903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\uE904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\uE905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\uE906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\uE907\"}.icon-dropdown-folder .path1:before{content:\"\uE908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\uE909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\uE90A\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\uE90B\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\uE90C\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\uE90D\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\uE90E\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\uE90F\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\uE910\"}.icon-folder-open:before{content:\"\uE911\"}.icon-keyboard_arrow_down:before{content:\"\uE912\"}.icon-keyboard_arrow_up:before{content:\"\uE913\"}.icon-local-document .path1:before{content:\"\uE914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\uE915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\uE916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\uE917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\uE918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\uE919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\uE91A\"}.icon-regional-document .path1:before{content:\"\uE91C\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\uE91D\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\uE91E\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\uE91F\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\uE920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\uE921\";margin-left:-1em;color:#662e0d}.qms-select-department-tree-container .mr10{margin-right:10px}.qms-select-department-tree-container .mt5{margin-bottom:5px}.qms-select-department-tree-container .mb5{margin-top:5px}.qms-select-department-tree-container .w100{width:100%}.qms-select-department-tree-container .text-right{text-align:right}.qms-select-department-tree-container .mt20{margin-top:20px}.qms-select-department-tree-container .text-selected{color:rgba(0,0,0,.6);font-size:12px;line-height:16px;margin-top:1rem}.qms-select-department-tree-container .input__field{display:flex;align-items:center;position:relative}.qms-select-department-tree-container .input__field input.input-search{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qms-select-department-tree-container .input__field .btn-search{cursor:pointer;vertical-align:middle;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qms-select-department-tree-container .input__field .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qms-select-department-tree-container .tree-department-wrapper{height:375px;overflow-y:auto}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node:hover{background:rgba(0,0,0,.08)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node:active{background:rgba(0,0,0,.12)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.active{color:var(--primary);background:var(--primary-light-6-opacity)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.active:active{background:var(--primary-light-12-opacity)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.active .mat-icon-rtl-mirror,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.active .text-name,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.active .type-icon,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.active button,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.collapse-node.active .mat-icon-rtl-mirror,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.collapse-node.active .text-name,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.collapse-node.active .type-icon,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.collapse-node.active button{color:var(--primary)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.collapse-node.active:hover{background:var(--primary-light-6-opacity)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.collapse-node.active:active{background:var(--primary-light-12-opacity)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node .mat-icon-rtl-mirror,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node .text-name,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node .type-icon,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node button{color:var(--primary)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node:hover{background:var(--primary-light-6-opacity)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.expand-node:active{background:var(--primary-light-12-opacity)}.qms-select-department-tree-container .mat-tree.select-department-tree .type-icon{margin-right:5px;color:var(--ws-action-active)}.qms-select-department-tree-container .mat-tree.select-department-tree .text-name{color:var(--default-color)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-icon-rtl-mirror{color:rgba(0,0,0,.6)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-icon-button.btn-toggle{width:35px;height:35px;line-height:35px}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled-all{cursor:default!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled-all .mat-icon-rtl-mirror,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled-all .type-icon,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled-all button.mat-button-disabled{color:rgba(0,0,0,.38)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled-all .text-name.disabled{color:rgba(0,0,0,.38);cursor:default!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled-all.active{background-color:transparent}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled .type-icon,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled button.mat-button-disabled{color:rgba(0,0,0,.38)}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled .text-name.disabled{color:rgba(0,0,0,.38);cursor:default!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled.active,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled.expand-node:active,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled.expand-node:hover,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled:active,.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node.mat-tree-node-disabled:hover{background-color:transparent}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node>.node-content-wraper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;display:flex;justify-content:center;align-items:center}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node>.node-content-wraper>.mat-progress-bar{height:3px;width:100%;position:absolute;bottom:0;left:10px}.qms-select-department-tree-container .mat-tree.select-department-tree .mat-tree-node>.node-content-wraper>.mat-progress-bar .mat-progress-bar-fill:after{background:var(--primary)}.qms-select-department-tree-container .text-name{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;width:100%}.qms-select-department-tree-container .cursor-pointer{cursor:pointer}.qms-select-department-tree-container .ml-5{margin-left:10px}.qms-select-department-tree-container ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-layout{white-space:normal}.qms-select-department-tree-container ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-label{flex-direction:row;align-items:center;position:relative;padding-bottom:2px}"]
-                },] }
-    ];
-    SelectDepartmentTreeComponent.ctorParameters = function () { return [
-        { type: QMSSelectDepartmentTreeGlobalService },
-        { type: i0.ChangeDetectorRef },
-        { type: platformBrowser.DomSanitizer },
-        { type: QMSIconRegistryService },
-        { type: icon.MatIconRegistry },
-        { type: i0.ElementRef }
-    ]; };
-    SelectDepartmentTreeComponent.propDecorators = {
-        enableIncludeChild: [{ type: i0.Input }],
-        enableTreeSearch: [{ type: i0.Input }],
-        treeData: [{ type: i0.Input }],
-        selectedList: [{ type: i0.Input }]
-    };
-
-    var QMSSelectDepartmentTreeModule = /** @class */ (function () {
-        function QMSSelectDepartmentTreeModule() {
-        }
-        return QMSSelectDepartmentTreeModule;
-    }());
-    QMSSelectDepartmentTreeModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        SelectDepartmentTreeComponent
-                    ],
-                    imports: [
-                        i1.CommonModule,
-                        tree$1.MatTreeModule,
-                        checkbox.MatCheckboxModule,
-                        autocomplete.MatAutocompleteModule,
-                        icon.MatIconModule,
-                        progressBar.MatProgressBarModule,
-                        QmsAngularModule,
-                        input.MatInputModule,
-                        forms.ReactiveFormsModule,
-                        forms.FormsModule,
-                        button.MatButtonModule,
-                        expansion.MatExpansionModule,
-                        slideToggle.MatSlideToggleModule,
-                        QMSButtonModule,
-                        formField.MatFormFieldModule,
-                        chips.MatChipsModule,
-                        SharedModule
-                    ],
-                    exports: [
-                        SelectDepartmentTreeComponent
-                    ]
-                },] }
-    ];
-
-    var SelectDepartmentPopupData = /** @class */ (function () {
-        function SelectDepartmentPopupData() {
-            this.treeData = [];
-            this.headerName = '';
-            this.selectIncludeLabel = '';
-            this.selectedNode = [];
-            this.disabledList = [];
-            this.enableSearch = false;
-            this.includeChildren = false;
-        }
-        return SelectDepartmentPopupData;
-    }());
-
-    var SelectDepartmentAnimationTrigger = [
-        animations$1.trigger('inOutAnimation', [
-            animations$1.transition(':enter', [
-                animations$1.style({ opacity: 0 }),
-                animations$1.animate('0.3s ease-out', animations$1.style({ opacity: 1 }))
-            ]),
-        ]),
-        animations$1.trigger('rotateAnimation', [
-            animations$1.transition(':enter', [
-                animations$1.style({ transform: 'scale(0)  rotate(-180deg)' }),
-                animations$1.animate('0.3s ease-out', animations$1.style({ transform: 'scale(1)  rotate(0)' }))
-            ]),
-            animations$1.transition(':leave', [
-                animations$1.style({ transform: 'scale(1) rotate(0)' }),
-                animations$1.animate('0.3s ease-in', animations$1.style({ transform: 'scale(0) rotate(-180deg) ' }))
-            ])
-        ]),
-        animations$1.trigger('heightAnimation', [
-            animations$1.transition(':enter', [
-                animations$1.style({ minHeight: 0, maxHeight: 0 }),
-                animations$1.animate('0.1s ease-in', animations$1.style({ maxHeight: '175px', minHeight: '40px' }))
-            ]),
-            animations$1.transition(':leave', [
-                animations$1.style({ maxHeight: '175px', minHeight: '40px' }),
-                animations$1.animate('0.1s ease-out', animations$1.style({ minHeight: 0, maxHeight: 0 }))
-            ])
-        ]),
-    ];
-
-    var ɵ0$1 = {
-        clickAction: 'noop'
-    };
-    var SelectDepartmentComponent = /** @class */ (function () {
-        function SelectDepartmentComponent(selectDepartmentService, cdRef, dialogRef, data) {
-            var _this = this;
-            this.selectDepartmentService = selectDepartmentService;
-            this.cdRef = cdRef;
-            this.dialogRef = dialogRef;
-            this.data = data;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.groupIncludeChild = [];
-            this.singleItem = [];
-            this.resultSelected = [];
-            this.textSearch = new forms.FormControl('');
-            this.onSearchEvent = new i0.EventEmitter();
-            this.resultSearch = [];
-            // Init popup data
-            this.popupData = ___namespace.cloneDeep(data);
-            this.textSearch.valueChanges
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (result) {
-                if (result) {
-                    _this.onSearchEvent.emit(result);
-                    return;
-                }
-            });
-        }
-        Object.defineProperty(SelectDepartmentComponent.prototype, "currentTreeData", {
-            get: function () {
-                return this.selectDepartmentService.getDataTree$.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SelectDepartmentComponent.prototype.onCloseDialog = function () {
-            this.dialogRef.close(this.treeDepartment.resultSelected);
-        };
-        SelectDepartmentComponent.prototype.ngOnInit = function () {
-        };
-        SelectDepartmentComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SelectDepartmentComponent.prototype.displayWhenSelectDepartmentOption = function ($event) {
-            return '';
-        };
-        SelectDepartmentComponent.prototype.onScrollToNode = function (node) {
-            this.treeDepartment.scrollIntoNode(node.id);
-        };
-        SelectDepartmentComponent.prototype.onRemoveNode = function (node) {
-            this.treeDepartment.onRemoveNode(node.id);
-        };
-        return SelectDepartmentComponent;
-    }());
-    SelectDepartmentComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'qms-select-department',
-                    template: "<div class=\"qms-select-department\">\r\n  <div class=\"header-dialog mb-2\">\r\n    <span>{{popupData.headerName}}</span>\r\n    <mat-icon matDialogClose mat-icon>close</mat-icon>\r\n  </div>\r\n\r\n  <div>\r\n    <div class=\"qms-scrollbar\">\r\n      <div>\r\n        <qms-select-department-tree #treeDepartment [treeData]=\"popupData.treeData\"\r\n          [enableIncludeChild]=\"popupData.includeChildren\" [enableTreeSearch]=\"popupData.enableSearch\"\r\n          [selectedList]=\"popupData.selectedList\">\r\n        </qms-select-department-tree>\r\n      </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"!!resultSelected.length\" class=\"line__divider\"></div>\r\n    <div [@heightAnimation] *ngIf=\"!!treeDepartment.resultSelected.length\" class=\" pr-0 pe-0\">\r\n      <div class=\"header-title\">Result</div>\r\n      <div class=\"result-content pr-0 pe-0\">\r\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\r\n          <mat-chip [qms-tool-tip]=\"item.name\" position=\"top\" mode=\"dark\"\r\n            *ngFor=\"let item of treeDepartment.resultSelected\" qms-chip [removable]=\"true\">\r\n            <span (click)=\"onScrollToNode(item)\" qms-chip-body>\r\n              <span class=\"related__item__content_name\" #itemName>\r\n                {{item.name}}\r\n                <span class=\"select__include-children__count\" *ngIf=\"item?.children\">\r\n                  {{item.children.length}}/{{item.childCount}}\r\n                </span>\r\n              </span>\r\n            </span>\r\n            <mat-icon (click)=\"onRemoveNode(item)\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"line__divider\"></div>\r\n    <div class=\"confirm__button__groups\">\r\n      <button (click)=\"onCloseDialog()\" class=\"btn-add\" [disabled]=\"!treeDepartment.resultSelected.length\"\r\n        [class.qms-btn-disabled]=\"!treeDepartment.resultSelected.length\" qms-btn>\r\n        <span>Add</span>\r\n        <span *ngIf=\"!!treeDepartment.resultSelected\">\r\n          ({{treeDepartment.resultSelected.length}})\r\n        </span>\r\n      </button>\r\n      <button qms-btn-text mat-dialog-close>\r\n        Cancel\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    providers: [
-                        {
-                            provide: checkbox.MAT_CHECKBOX_DEFAULT_OPTIONS,
-                            useValue: ɵ0$1
-                        }
-                    ],
-                    animations: SelectDepartmentAnimationTrigger,
-                    styles: ["@charset \"UTF-8\";@font-face{font-family:icomoon;src:url(../assets/fonts/icomoon.eot?aghldx);src:url(../assets/fonts/icomoon.eot?aghldx#iefix) format(\"embedded-opentype\"),url(../assets/fonts/icomoon.ttf?aghldx) format(\"truetype\"),url(../assets/fonts/icomoon.woff?aghldx) format(\"woff\"),url(../assets/fonts/icomoon.svg?aghldx#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-acutely-toxic .path1:before{content:\"\uE91B\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\uE922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\uE923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\uE924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\uE925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\uE926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\uE927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\uE928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\uE929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\uE92A\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\uE92B\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\uE92C\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\uE92D\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\uE92E\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\uE92F\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\uE930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\uE931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\uE932\"}.icon-add-tooltip:before{content:\"\uE933\"}.icon-admin:before{content:\"\uE934\"}.icon-annual-cycle:before{content:\"\uE935\"}.icon-assignment-repete:before{content:\"\uE936\"}.icon-barrier-add:before{content:\"\uE937\"}.icon-barrier-edit:before{content:\"\uE938\"}.icon-barrier-view:before{content:\"\uE939\"}.icon-button-group:before{content:\"\uE93A\"}.icon-chemical-manager:before{content:\"\uE93B\"}.icon-chronic-health-hazard .path1:before{content:\"\uE93C\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\uE93D\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\uE93E\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\uE93F\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\uE940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\uE941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\uE942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\uE943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\uE944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\uE945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\uE946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\uE947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\uE948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\uE949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\uE94A\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\uE94B\"}.icon-corrosive .path1:before{content:\"\uE94C\";color:#323232}.icon-corrosive .path2:before{content:\"\uE94D\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\uE94E\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\uE94F\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\uE950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\uE951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\uE952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\uE953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\uE954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\uE955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\uE956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\uE957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\uE958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\uE959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\uE95A\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\uE95B\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\uE95C\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\uE95D\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\uE95E\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\uE95F\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\uE960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\uE961\"}.icon-database-sds:before{content:\"\uE962\"}.icon-description-add:before{content:\"\uE963\"}.icon-description-edit:before{content:\"\uE964\"}.icon-description-view:before{content:\"\uE965\";color:#666}.icon-document-read .path1:before{content:\"\uE966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\uE967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\uE968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\uE969\"}.icon-expired-off:before{content:\"\uE96A\"}.icon-expired-on:before{content:\"\uE96B\"}.icon-explosive .path1:before{content:\"\uE96C\";color:#e32730}.icon-explosive .path2:before{content:\"\uE96D\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\uE96E\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\uE96F\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\uE970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\uE971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\uE972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\uE973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\uE974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\uE975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\uE976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\uE977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\uE978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\uE979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\uE97A\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\uE97B\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\uE97C\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\uE97D\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\uE97E\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\uE97F\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\uE980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\uE981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\uE982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\uE983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\uE984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\uE985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\uE986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\uE987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\uE988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\uE989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\uE98A\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\uE98B\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\uE98C\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\uE98D\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\uE98E\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\uE98F\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\uE990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\uE991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\uE992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\uE993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\uE994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\uE995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\uE996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\uE997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\uE998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\uE999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\uE99A\"}.icon-file-pdf:before{content:\"\uE99B\"}.icon-file-pdf-verified .path1:before{content:\"\uE99C\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\uE99D\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\uE99E\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\uE99F\"}.icon-filter-alt:before{content:\"\uE9A0\"}.icon-flammable .path1:before{content:\"\uE9A1\";color:#323232}.icon-flammable .path2:before{content:\"\uE9A2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\uE9A3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\uE9A4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\uE9A5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\uE9A6\";color:#323232}.icon-health-hazard .path2:before{content:\"\uE9A7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\uE9A8\"}.icon-location:before{content:\"\uE9A9\"}.icon-measure-add:before{content:\"\uE9AA\"}.icon-measure-edit:before{content:\"\uE9AB\"}.icon-measure-view:before{content:\"\uE9AC\";color:#666}.icon-messages:before{content:\"\uE9AD\"}.icon-monitoring:before{content:\"\uE9AE\";color:#666}.icon-move:before{content:\"\uE9AF\"}.icon-oxidizing .path1:before{content:\"\uE9B0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\uE9B1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\uE9B2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\uE9B3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\uE9B4\"}.icon-process-area-open:before{content:\"\uE9B5\"}.icon-process-linked .path1:before{content:\"\uE9B6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\uE9B7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\uE9B8\"}.icon-search-in-file:before{content:\"\uE9B9\"}.icon-sort-ascending:before{content:\"\uE9BA\"}.icon-sort-descending:before{content:\"\uE9BB\"}.icon-subscript:before{content:\"\uE9BC\"}.icon-superscript:before{content:\"\uE9BD\"}.icon-syncronice-favorites:before{content:\"\uE9BE\"}.icon-system-settings:before{content:\"\uE9BF\"}.icon-view-three-outlined:before{content:\"\uE9C0\"}.icon-workplace-safety:before{content:\"\uE9C1\"}.icon-checklist:before{content:\"\uE900\"}.icon-department-document .path1:before{content:\"\uE901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\uE902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\uE903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\uE904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\uE905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\uE906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\uE907\"}.icon-dropdown-folder .path1:before{content:\"\uE908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\uE909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\uE90A\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\uE90B\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\uE90C\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\uE90D\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\uE90E\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\uE90F\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\uE910\"}.icon-folder-open:before{content:\"\uE911\"}.icon-keyboard_arrow_down:before{content:\"\uE912\"}.icon-keyboard_arrow_up:before{content:\"\uE913\"}.icon-local-document .path1:before{content:\"\uE914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\uE915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\uE916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\uE917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\uE918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\uE919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\uE91A\"}.icon-regional-document .path1:before{content:\"\uE91C\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\uE91D\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\uE91E\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\uE91F\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\uE920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\uE921\";margin-left:-1em;color:#662e0d}.qms-select-department .cursor-pointer{cursor:pointer}.qms-select-department .ml-5{margin-left:10px}.qms-select-department .padding-5{padding:5px}.qms-select-department .header-dialog{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px}.qms-select-department .input__field{display:flex;align-items:center;position:relative}.qms-select-department .input__field input.input-search{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qms-select-department .input__field .btn-search{cursor:pointer;vertical-align:middle;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qms-select-department .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qms-select-department .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qms-select-department .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qms-select-department .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qms-select-department .panel__item{max-height:175px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qms-select-department .panel__item .related__item__inline{max-width:100%}.qms-select-department .panel__item .select__toggle-include{width:100%}.qms-select-department .panel__item .select__toggle-include.toggle-include-child .mat-slide-toggle.qms-group-options .mat-slide-toggle-thumb{background-color:#5a5a5a!important}.qms-select-department .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qms-select-department .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qms-select-department .header-title{font-weight:600;color:rgba(0,0,0,.87)}.qms-select-department .result-content{padding-right:0!important}.qms-select-department .result-content .mat-chip-list{min-height:40px}.qms-select-department .result-content .mat-chip-list .mat-icon{color:rgba(0,0,0,.3)!important;cursor:pointer}.qms-select-department .result-content .mat-chip-list .mat-icon:hover{color:#000!important}.qms-select-department .result-content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.qms-select-department .result-content span.related__item__content_name .select__include-children__count{font-size:.75rem;color:rgba(0,0,0,.5);font-weight:600}.qms-select-department .text-name{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;width:100%}.qms-select-department ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-layout{white-space:normal}.qms-select-department ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-label{flex-direction:row;align-items:center;position:relative;padding-bottom:2px}.qms-select-department .confirm__button__groups .btn-add>.qms-btn-wrapper{display:flex;justify-content:center;align-items:center}"]
-                },] }
-    ];
-    SelectDepartmentComponent.ctorParameters = function () { return [
-        { type: QMSSelectDepartmentTreeGlobalService },
-        { type: i0.ChangeDetectorRef },
-        { type: dialog.MatDialogRef },
-        { type: SelectDepartmentPopupData, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
-    SelectDepartmentComponent.propDecorators = {
-        treeDepartment: [{ type: i0.ViewChild, args: ['treeDepartment',] }]
-    };
-
-    var QMSSelectDepartmentModule = /** @class */ (function () {
-        function QMSSelectDepartmentModule() {
-        }
-        return QMSSelectDepartmentModule;
-    }());
-    QMSSelectDepartmentModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        SelectDepartmentComponent
-                    ],
-                    imports: [
-                        i1.CommonModule,
-                        progressBar.MatProgressBarModule,
-                        tree$1.MatTreeModule,
-                        checkbox.MatCheckboxModule,
-                        forms.ReactiveFormsModule,
-                        forms.FormsModule,
-                        QmsAngularModule,
-                        icon.MatIconModule,
-                        QMSTreeModule,
-                        button.MatButtonModule,
-                        dialog.MatDialogModule,
-                        expansion.MatExpansionModule,
-                        autocomplete.MatAutocompleteModule,
-                        input.MatInputModule,
-                        QMSAppIconModule,
-                        QMSButtonModule,
-                        slideToggle.MatSlideToggleModule,
-                        QMSButtonModule,
-                        formField.MatFormFieldModule,
-                        chips.MatChipsModule,
-                        QMSSelectDepartmentTreeModule
-                    ],
-                    exports: [
-                        SelectDepartmentComponent
-                    ],
-                    schemas: [
-                        i0.CUSTOM_ELEMENTS_SCHEMA
-                    ]
-                },] }
-    ];
-
-    var QMSSelectDepartmentGlobalService = /** @class */ (function () {
-        function QMSSelectDepartmentGlobalService() {
-            this.getDataTree$ = new rxjs.BehaviorSubject([]);
-            this.searchDepartment$ = new rxjs.Subject();
-        }
-        QMSSelectDepartmentGlobalService.prototype.updateDataTree = function (data) {
-            this.getDataTree$.next(data);
-        };
-        QMSSelectDepartmentGlobalService.prototype.setResultSearch = function (data) {
-            this.searchDepartment$.next(data);
-        };
-        return QMSSelectDepartmentGlobalService;
-    }());
-    QMSSelectDepartmentGlobalService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSSelectDepartmentGlobalService_Factory() { return new QMSSelectDepartmentGlobalService(); }, token: QMSSelectDepartmentGlobalService, providedIn: "root" });
-    QMSSelectDepartmentGlobalService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
-    exports.OptionSelectAccessEnum = void 0;
-    (function (OptionSelectAccessEnum) {
-        OptionSelectAccessEnum[OptionSelectAccessEnum["PERSON"] = 0] = "PERSON";
-        OptionSelectAccessEnum[OptionSelectAccessEnum["USER_GROUP"] = 1] = "USER_GROUP";
-        OptionSelectAccessEnum[OptionSelectAccessEnum["DEPARTMENT"] = 2] = "DEPARTMENT";
-    })(exports.OptionSelectAccessEnum || (exports.OptionSelectAccessEnum = {}));
-
-    var QMSSelectAccessResult = /** @class */ (function () {
-        function QMSSelectAccessResult() {
-            this.userGroups = [];
-            this.departments = [];
-            this.persons = [];
-        }
-        return QMSSelectAccessResult;
-    }());
-    var QMSSelectAccessData = /** @class */ (function () {
-        function QMSSelectAccessData() {
-            this.accessUserGroups = [];
-            this.accessDepartments = [];
-            this.accessPersons = [];
-            this.selectedData = new QMSSelectAccessResult();
-        }
-        return QMSSelectAccessData;
-    }());
-
-    var QMSAccessItem = /** @class */ (function () {
-        function QMSAccessItem() {
-            this.selected = false;
-        }
-        return QMSAccessItem;
-    }());
-
-    var OptionSelectAccessModel = /** @class */ (function () {
-        function OptionSelectAccessModel() {
-        }
-        return OptionSelectAccessModel;
-    }());
-
-    var QMSSelectAccessGlobalService = /** @class */ (function () {
-        function QMSSelectAccessGlobalService() {
-        }
-        return QMSSelectAccessGlobalService;
-    }());
-    QMSSelectAccessGlobalService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSSelectAccessGlobalService_Factory() { return new QMSSelectAccessGlobalService(); }, token: QMSSelectAccessGlobalService, providedIn: "root" });
-    QMSSelectAccessGlobalService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
-    var SelectAccessAnimationTrigger = [
-        animations$1.trigger('inOutAnimation', [
-            animations$1.transition(':enter', [
-                animations$1.style({ opacity: 0 }),
-                animations$1.animate('0.3s ease-out', animations$1.style({ opacity: 1 }))
-            ]),
-        ]),
-    ];
-
-    var ɵ0 = {
-        clickAction: 'noop'
-    };
-    var QMSSelectAccessDialogComponent = /** @class */ (function () {
-        function QMSSelectAccessDialogComponent(dialogRef, dataDialog, translate, _fb, qmsSelectAccessService) {
-            this.dialogRef = dialogRef;
-            this.dataDialog = dataDialog;
-            this.translate = translate;
-            this._fb = _fb;
-            this.qmsSelectAccessService = qmsSelectAccessService;
-            this.ngUnsubcribe = new rxjs.Subject();
-            this.optionSelect = new forms.FormControl();
-            this.OPTION_ENUM = exports.OptionSelectAccessEnum;
-            this.options = [
-                {
-                    displayName: 'PERSON',
-                    type: this.OPTION_ENUM.PERSON
-                },
-                {
-                    displayName: 'USER_GROUP',
-                    type: this.OPTION_ENUM.USER_GROUP
-                },
-                {
-                    displayName: 'DEPARTMENT',
-                    type: this.OPTION_ENUM.DEPARTMENT
-                }
-            ];
-            this.userGroupForm = new forms.FormControl('');
-            this.onSearchPersonEvent = new i0.EventEmitter();
-            this.onSearchPersonFreeTextEvent = new i0.EventEmitter();
-            this.onSearchUserGroupEvent = new i0.EventEmitter();
-            this.onSearchDepartmentEvent = new i0.EventEmitter();
-            /** list filtered by search keyword */
-            this.filteredSearchTextBox = {
-                department: new rxjs.ReplaySubject(1),
-                role: new rxjs.ReplaySubject(1),
-            };
-            this.getPerson$ = new rxjs.BehaviorSubject([]);
-            this.getUserGroup$ = new rxjs.BehaviorSubject([]);
-            this.resultAccess = new QMSSelectAccessResult();
-            this.resultAccess = ___namespace.cloneDeep(this.dataDialog.selectedData);
-            this.optionSelect.valueChanges
-                .pipe(operators.takeUntil(this.ngUnsubcribe))
-                .subscribe(function (result) {
-                // console.log(result);
-            });
-            // Filtered Option select person
-            this.filteredSearchTextBox.role.next(this.dataDialog.accessUserGroups);
-            this.filteredSearchTextBox.department.next(this.dataDialog.accessDepartments);
-            this.updatePersonFilter(this.dataDialog.accessPersons);
-            this.updateUserGroupFilter(this.dataDialog.accessUserGroups);
-        }
-        Object.defineProperty(QMSSelectAccessDialogComponent.prototype, "tree", {
-            set: function (data) {
-                var _this = this;
-                if (data) {
-                    this.treeDepartment = data;
-                    data.valueChange$
-                        .pipe(operators.takeUntil(this.ngUnsubcribe))
-                        .subscribe(function (result) {
-                        _this.resultAccess.departments = result;
-                    });
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QMSSelectAccessDialogComponent.prototype, "personFiltered", {
-            get: function () {
-                var persons = this.getPerson$.value;
-                var ids = this.resultAccess.persons.map(function (x) { return x.id; });
-                persons.forEach(function (x) { return x.selected = ids.includes(x.id); });
-                return persons;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(QMSSelectAccessDialogComponent.prototype, "userGroupFiltered", {
-            get: function () {
-                var userGroups = this.getUserGroup$.value;
-                var ids = this.resultAccess.userGroups.map(function (x) { return x.id; });
-                userGroups.forEach(function (x) { return x.selected = ids.includes(x.id); });
-                return userGroups;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        QMSSelectAccessDialogComponent.prototype.ngAfterViewInit = function () {
-            // Result department access
-        };
-        QMSSelectAccessDialogComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.translate.getLanguageSubject$.pipe().subscribe(function (res) {
-                if (res) {
-                    _this.LANG = _this.translate.getObjectLang(res);
-                }
-            });
-            this.buildPersonForm();
-            // Filter person by roles
-            this.personForm.get('roleFilter').valueChanges
-                .pipe(operators.takeUntil(this.ngUnsubcribe), operators.debounceTime(500))
-                .subscribe(function (keyword) {
-                if (!_this.dataDialog.accessUserGroups) {
-                    return;
-                }
-                if (!keyword) {
-                    _this.filteredSearchTextBox.role.next(_this.dataDialog.accessUserGroups);
-                    return;
-                }
-                _this.filteredSearchTextBox.role.next(_this.dataDialog.accessUserGroups.filter(function (role) { return role.name.toLocaleLowerCase().includes(keyword.toLocaleLowerCase()); }));
-            });
-            // Filter person by departments
-            this.personForm.get('departmentFilter').valueChanges
-                .pipe(operators.takeUntil(this.ngUnsubcribe))
-                .subscribe(function () {
-                if (!_this.dataDialog.accessDepartments) {
-                    return;
-                }
-                var search = _this.personForm.get('departmentFilter').value;
-                if (!search) {
-                    _this.filteredSearchTextBox.department.next(_this.dataDialog.accessDepartments.slice());
-                }
-                else {
-                    search = search.toLowerCase();
-                    _this.filteredSearchTextBox.department.next(_this.dataDialog.accessDepartments.filter(function (x) { return x.name.toLowerCase().indexOf(search) > -1; }));
-                }
-            });
-        };
-        QMSSelectAccessDialogComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubcribe.next();
-            this.ngUnsubcribe.complete();
-        };
-        QMSSelectAccessDialogComponent.prototype.buildPersonForm = function () {
-            this.personForm = this._fb.group({
-                roleId: new forms.FormControl(''),
-                departmentId: new forms.FormControl(),
-                departmentFilter: new forms.FormControl([]),
-                recursive: new forms.FormControl(false),
-                keyword: new forms.FormControl(''),
-                roleFilter: new forms.FormControl(''),
-                excludedQuitDepartmentId: true
-            });
-        };
-        QMSSelectAccessDialogComponent.prototype.onFilterPerson = function () {
-            this.onSearchPersonEvent.emit(this.personForm.value);
-        };
-        QMSSelectAccessDialogComponent.prototype.onSearchPersonFreeText = function () {
-            this.onSearchPersonFreeTextEvent.emit(this.personForm.get('keyword').value);
-        };
-        QMSSelectAccessDialogComponent.prototype.onFilterUserGroup = function () {
-            this.onSearchUserGroupEvent.emit(this.userGroupForm.value);
-        };
-        QMSSelectAccessDialogComponent.prototype.onSelectPerson = function (employee) {
-            employee.selected = !employee.selected;
-            employee.selected ? this.resultAccess.persons.push(employee) : this.resultAccess.persons = this.resultAccess.persons.filter(function (item) { return item.id !== employee.id; });
-        };
-        QMSSelectAccessDialogComponent.prototype.onSelectUserGroup = function (userGroup) {
-            userGroup.selected = !userGroup.selected;
-            userGroup.selected ? this.resultAccess.userGroups.push(userGroup) : this.resultAccess.userGroups = this.resultAccess.userGroups.filter(function (item) { return item.id !== userGroup.id; });
-        };
-        QMSSelectAccessDialogComponent.prototype.onRemoveChip = function (type, index) {
-            switch (type) {
-                case this.OPTION_ENUM.PERSON:
-                    this.resultAccess.persons.splice(index, 1);
-                    if (this.personFiltered[index]) {
-                        this.personFiltered[index].selected = false;
-                    }
-                    break;
-                case this.OPTION_ENUM.USER_GROUP:
-                    this.resultAccess.userGroups.splice(index, 1);
-                    if (this.userGroupFiltered[index]) {
-                        this.userGroupFiltered[index].selected = false;
-                    }
-                    break;
-                default:
-                    return;
-            }
-        };
-        QMSSelectAccessDialogComponent.prototype.onSelectionTypeChange = function (event) {
-            this.dialogRef.updateSize('732px');
-        };
-        QMSSelectAccessDialogComponent.prototype.setFormControlValue = function (formControlNames, values) {
-            var _this = this;
-            formControlNames.forEach(function (controlName, _index) {
-                var _a;
-                (_a = _this.personForm.get(controlName)) === null || _a === void 0 ? void 0 : _a.setValue(values[_index]);
-            });
-        };
-        QMSSelectAccessDialogComponent.prototype.getPersonSelected = function () {
-        };
-        QMSSelectAccessDialogComponent.prototype.isCheckAll = function (type) {
-            switch (type) {
-                case this.OPTION_ENUM.PERSON:
-                    return this.personFiltered.length && this.personFiltered.every(function (x) { return x.selected; });
-                case this.OPTION_ENUM.USER_GROUP:
-                    return this.userGroupFiltered.length && this.userGroupFiltered.every(function (x) { return x.selected; });
-                default:
-                    return false;
-            }
-        };
-        QMSSelectAccessDialogComponent.prototype.isIndeterminate = function (type) {
-            switch (type) {
-                case this.OPTION_ENUM.PERSON:
-                    return !this.isCheckAll(type) && this.personFiltered.some(function (x) { return x.selected; });
-                case this.OPTION_ENUM.USER_GROUP:
-                    return !this.isCheckAll(type) && this.userGroupFiltered.some(function (x) { return x.selected; });
-                case this.OPTION_ENUM.DEPARTMENT:
-                default:
-                    return false;
-            }
-        };
-        QMSSelectAccessDialogComponent.prototype.onCheckAll = function (type, $event) {
-            $event.checked = !$event.checked;
-            switch (type) {
-                case this.OPTION_ENUM.PERSON: {
-                    this.personFiltered.forEach(function (x) { return x.selected = $event.checked; });
-                    var idFiltered_1 = this.personFiltered.map(function (x) { return x.id; });
-                    if ($event.checked) {
-                        var idPersonSelected_1 = this.resultAccess.persons.map(function (x) { return x.id; });
-                        this.resultAccess.persons = __spreadArray(__spreadArray([], __read(this.resultAccess.persons)), __read(this.personFiltered.filter(function (x) { return !idPersonSelected_1.includes(x.id); })));
-                    }
-                    else {
-                        this.resultAccess.persons = this.resultAccess.persons.filter(function (x) { return !idFiltered_1.includes(x.id); });
-                    }
-                    break;
-                }
-                case this.OPTION_ENUM.USER_GROUP: {
-                    this.userGroupFiltered.forEach(function (x) { return x.selected = $event.checked; });
-                    var idFiltered_2 = this.userGroupFiltered.map(function (x) { return x.id; });
-                    if ($event.checked) {
-                        var idSelected_1 = this.resultAccess.userGroups.map(function (x) { return x.id; });
-                        this.resultAccess.userGroups = __spreadArray(__spreadArray([], __read(this.resultAccess.userGroups)), __read(this.userGroupFiltered.filter(function (x) { return !idSelected_1.includes(x.id); })));
-                    }
-                    else {
-                        this.resultAccess.userGroups = this.resultAccess.userGroups.filter(function (x) { return !idFiltered_2.includes(x.id); });
-                    }
-                    break;
-                }
-                default:
-                    return;
-            }
-        };
-        QMSSelectAccessDialogComponent.prototype.onScollToNodeTreeDepartment = function (node) {
-            this.optionSelect.value === this.OPTION_ENUM.DEPARTMENT && this.treeDepartment.scrollIntoNode(node.id);
-        };
-        QMSSelectAccessDialogComponent.prototype.onRemoveTreeNodeDepartment = function (node) {
-            if (this.optionSelect.value === this.OPTION_ENUM.DEPARTMENT) {
-                this.treeDepartment.onRemoveNode(node.id);
-            }
-            this.resultAccess.departments = this.resultAccess.departments.filter(function (item) { return item.id !== node.id; });
-        };
-        QMSSelectAccessDialogComponent.prototype.trackByFn = function (index, item) {
-            return index;
-        };
-        QMSSelectAccessDialogComponent.prototype.updatePersonFilter = function (data) {
-            this.getPerson$.next(data);
-        };
-        QMSSelectAccessDialogComponent.prototype.updateUserGroupFilter = function (data) {
-            this.getUserGroup$.next(data);
-        };
-        return QMSSelectAccessDialogComponent;
-    }());
-    QMSSelectAccessDialogComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'qms-select-access-dialog',
-                    template: "<div class=\"select-access-dialog-container\">\r\n  <div class=\"access-dialog-header mb-2\">\r\n    <span class=\"header-title\">{{LANG.SELECT_ACCESS}}</span>\r\n    <mat-icon mat-dialog-close class=\"mat-icons-outlined\">close</mat-icon>\r\n  </div>\r\n  <div class=\"access-dialog-wraper\">\r\n    <mat-form-field qms-form qms-select-input class=\"field-select-option  w-100\" appearance=\"fill\">\r\n      <mat-label qms-select-input>{{LANG.TYPE}}</mat-label>\r\n      <mat-select (selectionChange)=\"onSelectionTypeChange($event)\" [formControl]=\"optionSelect\" placeholder=\"Select\"\r\n        disableOptionCentering #singleSelect panelClass=\"qms-select-panel\" qms-select>\r\n\r\n        <mat-option *ngFor=\"let item of options\" [value]=\"item.type\">\r\n          {{ LANG[item.displayName] }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <!-- Person Access -->\r\n    <div class=\"option-selected-content\">\r\n      <ng-container *ngIf=\"optionSelect.value === OPTION_ENUM.PERSON\">\r\n        <form [formGroup]=\"personForm\">\r\n          <mat-dialog-content>\r\n            <div class=\"group-filter-person-option\">\r\n              <mat-form-field class=\"w-100 input-option-filter\" qms-form>\r\n                <mat-label qms-select-input>{{LANG.ROLE}}</mat-label>\r\n                <mat-select panelClass=\"qms-select-panel\" qms-select disableOptionCentering formControlName=\"roleId\">\r\n                  <mat-option>\r\n                    <ngx-mat-select-search formControlName=\"roleFilter\" placeholderLabel=\"{{ LANG.ROLE }}\"\r\n                      noEntriesFoundLabel=\"\">\r\n                    </ngx-mat-select-search>\r\n                  </mat-option>\r\n                  <mat-option *ngFor=\"let item of filteredSearchTextBox.role | async\" [value]=\"item.id\">\r\n                    {{ item.name }}\r\n                  </mat-option>\r\n                </mat-select>\r\n                <span [@inOutAnimation] (click)=\"personForm.get('roleId').setValue('')\" class=\"pointer \" matSuffix\r\n                  aria-label=\"Clear\" *ngIf=\"personForm.get('roleId').value\">\r\n                  <mat-icon>close</mat-icon>\r\n                </span>\r\n              </mat-form-field>\r\n\r\n              <mat-form-field class=\"w-100 input-select-option\" qms-form qms-select-input>\r\n                <mat-label>{{LANG.DEPARTMENT_UNIT}}</mat-label>\r\n                <mat-select panelClass=\"qms-select-panel\" qms-select disableOptionCentering\r\n                  formControlName=\"departmentId\">\r\n                  <mat-option>\r\n                    <ngx-mat-select-search formControlName=\"departmentFilter\" [placeholderLabel]=\"LANG.DEPARTMENT_UNIT\"\r\n                      noEntriesFoundLabel=\"\">\r\n                    </ngx-mat-select-search>\r\n                  </mat-option>\r\n                  <mat-option *ngFor=\"let item of filteredSearchTextBox.department | async\" [value]=\"item.id\">\r\n                    {{item.name}}\r\n                  </mat-option>\r\n                </mat-select>\r\n\r\n                <span (click)=\"setFormControlValue(['recursive','departmentId'], [false,''])\" [@inOutAnimation]\r\n                  class=\"pointer\" matSuffix aria-label=\"Clear\" *ngIf=\"personForm.get('departmentId').value\">\r\n                  <mat-icon>close</mat-icon>\r\n                </span>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <mat-slide-toggle class=\"w-100 slide-toggle\" formControlName=\"recursive\"\r\n              [disabled]=\"!personForm.get('departmentId').value\" color=\"default\" qms-group-options>\r\n              <span class=\"text-label\">{{LANG.INCLUDE_SUB_DEPARTMENTS}}</span>\r\n            </mat-slide-toggle>\r\n\r\n            <mat-form-field class=\"w-100\" appearance=\"fill\" qms-form qms-search-field>\r\n              <!-- <mat-label>{{LANG.SEARCH_WITH_NAME}}</mat-label> -->\r\n              <input matInput appearance=\"off\" [placeholder]=\"LANG.SEARCH_WITH_NAME\" formControlName=\"keyword\"\r\n                type=\"text\" autocomplete=\"off\" />\r\n\r\n              <button qms-btn-icon color=\"light\" [@inOutAnimation] (click)=\"onSearchPersonFreeText()\"\r\n                class=\"pointer me-1\" matSuffix aria-label=\"Search\">\r\n                <mat-icon>search</mat-icon>\r\n              </button>\r\n              <span [@inOutAnimation] (click)=\"personForm.get('keyword').setValue('')\"\r\n                class=\"pointer btn-icon-clear d-flex justify-content-center align-items-center \" matSuffix\r\n                aria-label=\"Clear\" *ngIf=\"personForm.get('keyword').value\">\r\n                <button qms-btn-icon color=\"light\">\r\n                  <mat-icon>close</mat-icon>\r\n                </button>\r\n              </span>\r\n            </mat-form-field>\r\n            <button (click)=\"onFilterPerson()\" qms-btn-outlined class=\"w-100 mb-1 mt-3\">\r\n              {{LANG.FILTER}}\r\n            </button>\r\n          </mat-dialog-content>\r\n\r\n          <mat-dialog-content class=\"items-list\">\r\n            <div qms-scrollbar>\r\n              <div class=\"item\">\r\n                <mat-checkbox #checkPerson class=\"w-100\" (click)=\"onCheckAll(OPTION_ENUM.PERSON,checkPerson)\"\r\n                  [checked]=\"isCheckAll(OPTION_ENUM.PERSON)\" [indeterminate]=\"isIndeterminate(OPTION_ENUM.PERSON)\"\r\n                  color=\"default\" qms-group-options>\r\n                  <span class=\"text-label header-title\">{{LANG.CHOOSE_ALL}} ({{personFiltered.length}})</span>\r\n                </mat-checkbox>\r\n              </div>\r\n              <mat-divider class=\"mx-auto\"></mat-divider>\r\n              <div class=\"item-list-wrapper\">\r\n                <div class=\"item  mt-1\" *ngFor=\"let employee of personFiltered; trackBy: trackByFn\">\r\n                  <mat-checkbox [checked]=\"employee.selected\" (click)=\"onSelectPerson(employee)\" class=\"w-100\"\r\n                    color=\"default\" qms-group-options>\r\n                    <div class=\"text-label\">\r\n                      <span class=\"text-label label-item fs-14 \">\r\n                        {{ employee.name }}\r\n                      </span>\r\n                      <span *ngIf=\"employee.subName\" class=\"ms-1 sub-label\">({{employee.subName}})</span>\r\n                    </div>\r\n                    <small class=\"text-help px-1 fs-12 sub-label\">{{ employee.helpText }}</small>\r\n                  </mat-checkbox>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </mat-dialog-content>\r\n        </form>\r\n      </ng-container>\r\n\r\n      <!-- UserGroup Access -->\r\n      <ng-container *ngIf=\"optionSelect.value === OPTION_ENUM.USER_GROUP\">\r\n        <form>\r\n          <mat-dialog-content>\r\n            <mat-form-field class=\"w-100\" qms-form qms-search-field>\r\n              <input [formControl]=\"userGroupForm\" matInput type=\"text\" autocomplete=\"off\" placeholder=\"User group\" />\r\n              <button (click)=\"onFilterUserGroup()\" qms-btn-icon color=\"light\" matSuffix>\r\n                <mat-icon>search</mat-icon>\r\n              </button>\r\n              <div [@inOutAnimation] *ngIf=\"!!userGroupForm.value\" matSuffix qms-input-clear>\r\n                <button (click)=\"userGroupForm.setValue('')\" qms-btn-icon color=\"light\">\r\n                  <mat-icon>close</mat-icon>\r\n                </button>\r\n              </div>\r\n            </mat-form-field>\r\n          </mat-dialog-content>\r\n          <mat-dialog-content class=\"items-list\">\r\n            <div qms-scrollbar>\r\n              <div class=\"item\">\r\n                <mat-checkbox #checkUserGroup class=\"w-100\" color=\"default\"\r\n                  [checked]=\"isCheckAll(OPTION_ENUM.USER_GROUP)\"\r\n                  [indeterminate]=\"isIndeterminate(OPTION_ENUM.USER_GROUP)\"\r\n                  (click)=\"onCheckAll(OPTION_ENUM.USER_GROUP,checkUserGroup)\" qms-group-options>\r\n                  <span class=\"text-label header-title\">{{LANG.CHOOSE_ALL}} ({{userGroupFiltered.length}})</span>\r\n                </mat-checkbox>\r\n              </div>\r\n              <mat-divider class=\"mx-auto\"></mat-divider>\r\n              <div class=\"item-list-wrapper\">\r\n                <div class=\"item mt-1\" *ngFor=\"let userGroup of userGroupFiltered\">\r\n                  <mat-checkbox (click)=\"onSelectUserGroup(userGroup)\" [checked]=\"userGroup.selected\" class=\"w-100\"\r\n                    color=\"default\" qms-group-options>\r\n                    <span class=\"text-label\">\r\n                      {{userGroup.name}}\r\n                    </span>\r\n                  </mat-checkbox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-dialog-content>\r\n        </form>\r\n      </ng-container>\r\n\r\n      <!-- Department Access -->\r\n      <ng-container *ngIf=\"optionSelect.value === OPTION_ENUM.DEPARTMENT\" class=\"person-access\">\r\n        <qms-select-department-tree #treeDepartment [treeData]=\"dataDialog.accessDepartments\"\r\n          [enableIncludeChild]=\"true\" [enableTreeSearch]=\"true\" [selectedList]=\"resultAccess.departments\">\r\n        </qms-select-department-tree>\r\n      </ng-container>\r\n    </div>\r\n    <mat-divider *ngIf=\"optionSelect.value !== null\" class=\"mx-auto\"></mat-divider>\r\n    <div *ngIf=\"optionSelect.value !== null\" class=\"header-title my-2\">{{LANG.RESULTS}}</div>\r\n\r\n    <div *ngIf=\"optionSelect.value !== null\" class=\"result-selected-container\">\r\n      <!-- Result Person  -->\r\n      <mat-expansion-panel qms-expansion [expanded]=\"optionSelect.value === OPTION_ENUM.PERSON\">\r\n        <mat-expansion-panel-header>\r\n          <div class=\"title-content\">\r\n            <div class=\"qms-list-text\">\r\n              <div qms-line color=\"default-subtitle\">{{LANG.PERSON}} <span\r\n                  class=\"fw-600\">({{resultAccess.persons.length}})</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </mat-expansion-panel-header>\r\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\r\n          <mat-chip class=\"chip-item-result\" [qms-tool-tip]=\"item.name\" position=\"top\" mode=\"dark\"\r\n            *ngFor=\"let item of resultAccess.persons; let i = index\" qms-chip [removable]=\"true\">\r\n            <span qms-chip-body>\r\n              <span class=\"text-label\">\r\n                {{ item.name }}\r\n                <span *ngIf=\"item.subName\">({{ item.subName }})</span>\r\n              </span>\r\n            </span>\r\n            <mat-icon (click)=\"onRemoveChip(OPTION_ENUM.PERSON,i)\" class=\"remove-chip-icon\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </mat-expansion-panel>\r\n\r\n      <!-- Result User group -->\r\n      <mat-expansion-panel qms-expansion [expanded]=\"optionSelect.value === OPTION_ENUM.USER_GROUP\">\r\n        <mat-expansion-panel-header>\r\n          <div class=\"title-content\">\r\n            <div class=\"qms-list-text\">\r\n              <div qms-line color=\"default-subtitle\">{{LANG.USER_GROUP}}\r\n                <span class=\"fw-600\">\r\n                  ({{resultAccess.userGroups.length}})\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </mat-expansion-panel-header>\r\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\r\n          <mat-chip class=\"chip-item-result\" [qms-tool-tip]=\"item.name\" position=\"top\" mode=\"dark\"\r\n            *ngFor=\"let item of resultAccess.userGroups; let i = index\" qms-chip [removable]=\"true\">\r\n            <span qms-chip-body>\r\n              <span class=\"text-label\">\r\n                {{item.name}}\r\n                <span *ngIf=\"item.subName\">({{ item.subName }})</span>\r\n              </span>\r\n            </span>\r\n            <mat-icon (click)=\"onRemoveChip(OPTION_ENUM.USER_GROUP,i)\" class=\"remove-chip-icon\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </mat-expansion-panel>\r\n\r\n      <!-- Result Department -->\r\n      <mat-expansion-panel qms-expansion [expanded]=\"optionSelect.value === OPTION_ENUM.DEPARTMENT\">\r\n        <mat-expansion-panel-header>\r\n          <div class=\"title-content\">\r\n            <div class=\"qms-list-text\">\r\n              <div qms-line color=\"default-subtitle\">{{LANG.DEPARTMENT}}\r\n                <span class=\"fw-600\">\r\n                  ({{resultAccess.departments.length}})\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </mat-expansion-panel-header>\r\n\r\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\r\n          <mat-chip class=\"chip-item-result item-department\" [qms-tool-tip]=\"item.name\" position=\"top\" mode=\"dark\"\r\n            *ngFor=\"let item of resultAccess.departments\" qms-chip [removable]=\"true\">\r\n            <span (click)=\"onScollToNodeTreeDepartment(item)\" qms-chip-body>\r\n              <span class=\"chip-item__content_name\" #itemName>\r\n                {{item.name}}\r\n              </span>\r\n              <span class=\"chip-item-children__count ms-1\" *ngIf=\"item?.children\">\r\n                {{item.children.length}}/{{item.childCount}}\r\n              </span>\r\n            </span>\r\n            <mat-icon class=\"remove-chip-icon\" (click)=\"onRemoveTreeNodeDepartment(item)\">cancel</mat-icon>\r\n          </mat-chip>\r\n        </mat-chip-list>\r\n      </mat-expansion-panel>\r\n    </div>\r\n    <mat-divider class=\"mx-auto\"></mat-divider>\r\n    <div class=\"confirm__button__groups\" [class.none-option]=\"optionSelect.value === null\">\r\n      <button *ngIf=\"optionSelect.value !== null\"\r\n        [disabled]=\"!(!!resultAccess.departments.length || !!resultAccess.persons.length || !!resultAccess.userGroups.length)\"\r\n        class=\"btn-add\"\r\n        [class.qms-btn-disabled]=\"!(!!resultAccess.departments.length || !!resultAccess.persons.length || !!resultAccess.userGroups.length)\"\r\n        [mat-dialog-close]=\"resultAccess\" qms-btn>\r\n        <span>{{LANG.ADD}}</span>\r\n      </button>\r\n      <button qms-btn-text mat-dialog-close>\r\n        {{LANG.CANCEL}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    animations: [SelectAccessAnimationTrigger],
-                    providers: [
-                        {
-                            provide: checkbox.MAT_CHECKBOX_DEFAULT_OPTIONS,
-                            useValue: ɵ0
-                        }
-                    ],
-                    encapsulation: i0.ViewEncapsulation.None,
-                    styles: ["@charset \"UTF-8\";@font-face{font-family:icomoon;src:url(../assets/fonts/icomoon.eot?aghldx);src:url(../assets/fonts/icomoon.eot?aghldx#iefix) format(\"embedded-opentype\"),url(../assets/fonts/icomoon.ttf?aghldx) format(\"truetype\"),url(../assets/fonts/icomoon.woff?aghldx) format(\"woff\"),url(../assets/fonts/icomoon.svg?aghldx#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-acutely-toxic .path1:before{content:\"\uE91B\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\uE922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\uE923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\uE924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\uE925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\uE926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\uE927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\uE928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\uE929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\uE92A\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\uE92B\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\uE92C\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\uE92D\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\uE92E\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\uE92F\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\uE930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\uE931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\uE932\"}.icon-add-tooltip:before{content:\"\uE933\"}.icon-admin:before{content:\"\uE934\"}.icon-annual-cycle:before{content:\"\uE935\"}.icon-assignment-repete:before{content:\"\uE936\"}.icon-barrier-add:before{content:\"\uE937\"}.icon-barrier-edit:before{content:\"\uE938\"}.icon-barrier-view:before{content:\"\uE939\"}.icon-button-group:before{content:\"\uE93A\"}.icon-chemical-manager:before{content:\"\uE93B\"}.icon-chronic-health-hazard .path1:before{content:\"\uE93C\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\uE93D\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\uE93E\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\uE93F\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\uE940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\uE941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\uE942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\uE943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\uE944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\uE945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\uE946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\uE947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\uE948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\uE949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\uE94A\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\uE94B\"}.icon-corrosive .path1:before{content:\"\uE94C\";color:#323232}.icon-corrosive .path2:before{content:\"\uE94D\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\uE94E\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\uE94F\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\uE950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\uE951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\uE952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\uE953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\uE954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\uE955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\uE956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\uE957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\uE958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\uE959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\uE95A\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\uE95B\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\uE95C\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\uE95D\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\uE95E\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\uE95F\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\uE960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\uE961\"}.icon-database-sds:before{content:\"\uE962\"}.icon-description-add:before{content:\"\uE963\"}.icon-description-edit:before{content:\"\uE964\"}.icon-description-view:before{content:\"\uE965\";color:#666}.icon-document-read .path1:before{content:\"\uE966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\uE967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\uE968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\uE969\"}.icon-expired-off:before{content:\"\uE96A\"}.icon-expired-on:before{content:\"\uE96B\"}.icon-explosive .path1:before{content:\"\uE96C\";color:#e32730}.icon-explosive .path2:before{content:\"\uE96D\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\uE96E\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\uE96F\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\uE970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\uE971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\uE972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\uE973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\uE974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\uE975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\uE976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\uE977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\uE978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\uE979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\uE97A\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\uE97B\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\uE97C\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\uE97D\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\uE97E\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\uE97F\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\uE980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\uE981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\uE982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\uE983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\uE984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\uE985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\uE986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\uE987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\uE988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\uE989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\uE98A\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\uE98B\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\uE98C\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\uE98D\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\uE98E\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\uE98F\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\uE990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\uE991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\uE992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\uE993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\uE994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\uE995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\uE996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\uE997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\uE998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\uE999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\uE99A\"}.icon-file-pdf:before{content:\"\uE99B\"}.icon-file-pdf-verified .path1:before{content:\"\uE99C\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\uE99D\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\uE99E\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\uE99F\"}.icon-filter-alt:before{content:\"\uE9A0\"}.icon-flammable .path1:before{content:\"\uE9A1\";color:#323232}.icon-flammable .path2:before{content:\"\uE9A2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\uE9A3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\uE9A4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\uE9A5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\uE9A6\";color:#323232}.icon-health-hazard .path2:before{content:\"\uE9A7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\uE9A8\"}.icon-location:before{content:\"\uE9A9\"}.icon-measure-add:before{content:\"\uE9AA\"}.icon-measure-edit:before{content:\"\uE9AB\"}.icon-measure-view:before{content:\"\uE9AC\";color:#666}.icon-messages:before{content:\"\uE9AD\"}.icon-monitoring:before{content:\"\uE9AE\";color:#666}.icon-move:before{content:\"\uE9AF\"}.icon-oxidizing .path1:before{content:\"\uE9B0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\uE9B1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\uE9B2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\uE9B3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\uE9B4\"}.icon-process-area-open:before{content:\"\uE9B5\"}.icon-process-linked .path1:before{content:\"\uE9B6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\uE9B7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\uE9B8\"}.icon-search-in-file:before{content:\"\uE9B9\"}.icon-sort-ascending:before{content:\"\uE9BA\"}.icon-sort-descending:before{content:\"\uE9BB\"}.icon-subscript:before{content:\"\uE9BC\"}.icon-superscript:before{content:\"\uE9BD\"}.icon-syncronice-favorites:before{content:\"\uE9BE\"}.icon-system-settings:before{content:\"\uE9BF\"}.icon-view-three-outlined:before{content:\"\uE9C0\"}.icon-workplace-safety:before{content:\"\uE9C1\"}.icon-checklist:before{content:\"\uE900\"}.icon-department-document .path1:before{content:\"\uE901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\uE902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\uE903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\uE904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\uE905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\uE906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\uE907\"}.icon-dropdown-folder .path1:before{content:\"\uE908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\uE909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\uE90A\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\uE90B\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\uE90C\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\uE90D\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\uE90E\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\uE90F\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\uE910\"}.icon-folder-open:before{content:\"\uE911\"}.icon-keyboard_arrow_down:before{content:\"\uE912\"}.icon-keyboard_arrow_up:before{content:\"\uE913\"}.icon-local-document .path1:before{content:\"\uE914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\uE915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\uE916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\uE917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\uE918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\uE919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\uE91A\"}.icon-regional-document .path1:before{content:\"\uE91C\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\uE91D\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\uE91E\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\uE91F\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\uE920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\uE921\";margin-left:-1em;color:#662e0d}.select-access-dialog-container{font-family:Open Sans}.select-access-dialog-container .mat-expansion-panel .mat-expansion-panel-body{padding-top:0!important}.select-access-dialog-container .mat-expansion-panel-header{font-size:12px!important;font-weight:800!important}.select-access-dialog-container .w-100{width:100%}.select-access-dialog-container .h-100{height:100%}.select-access-dialog-container .pointer{cursor:pointer}.select-access-dialog-container .fw-600{font-weight:600}.select-access-dialog-container .label-item{font-weight:600;color:var(--ws-text-primary)}.select-access-dialog-container .sub-label{color:var(--ws-text-secondary)}.select-access-dialog-container .fs-14{font-size:14px}.select-access-dialog-container .fs-12{font-size:12px}.select-access-dialog-container .header-title{font-weight:600;color:var(--ws-text-primary);font-size:16px}.select-access-dialog-container .chip-item-result{max-width:250px}.select-access-dialog-container .chip-item-result.item-department .qms-chip-body{display:flex;justify-content:center;align-items:center}.select-access-dialog-container .remove-chip-icon{color:rgba(0,0,0,.3);cursor:pointer}.select-access-dialog-container .remove-chip-icon:hover{color:rgba(0,0,0,.7)}.select-access-dialog-container .mat-form-field-wrapper{padding-bottom:5px!important}.select-access-dialog-container .mat-expansion-panel{border-radius:unset!important}.select-access-dialog-container .mat-expansion-panel-header:not([aria-disabled=true]){background:unset}.select-access-dialog-container .mat-expansion-panel.mat-expanded .mat-expansion-panel-header{background:#e5eefb}.select-access-dialog-container .mat-expansion-panel.mat-expanded .mat-expansion-panel-header .qms-line{color:var(--primary-light)!important}.select-access-dialog-container .access-dialog-header{display:flex;justify-content:space-between;align-items:center}.select-access-dialog-container .access-dialog-wraper{width:100%}.select-access-dialog-container .access-dialog-wraper .field-select-option .mat-form-field-wrapper{padding-bottom:16px!important}.select-access-dialog-container .access-dialog-wraper .field-select-option .mat-form-field-underline{bottom:16px!important}.select-access-dialog-container .mat-chip-list-wrapper{margin:unset!important}.select-access-dialog-container .result-selected-container{max-height:185px;overflow-y:auto}.select-access-dialog-container .item-list-wrapper{max-height:25vh;padding-right:4px;overflow-y:auto}.select-access-dialog-container .item-list-wrapper .item{min-height:40px}.select-access-dialog-container .confirm__button__groups .btn-add>.qms-btn-wrapper{display:flex;justify-content:center;align-items:center}.select-access-dialog-container .option-selected-content .group-filter-person-option{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;grid-gap:8px;gap:8px}.select-access-dialog-container span.chip-item__content_name{display:inline-block;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-access-dialog-container span.chip-item-children__count{font-size:.75rem;color:rgba(0,0,0,.5);font-weight:600}.select-access-dialog-container .mat-slide-toggle.qms-group-options{padding:unset!important}.select-access-dialog-container .input-option-filter .mat-form-field-wrapper{padding-bottom:8px!important}.select-access-dialog-container .input-option-filter .mat-form-field-underline{bottom:8px!important}.select-access-dialog-container .slide-toggle{margin-bottom:8px}.select-access-dialog-container .confirm__button__groups.none-option{margin-top:85px}.select-access-dialog-container .btn-icon-clear{position:relative;padding:0 1rem}.select-access-dialog-container .btn-icon-clear .qms-btn-icon{margin-right:unset!important}.select-access-dialog-container .btn-icon-clear:after{position:absolute;content:\"\";left:0;top:0;height:100%;width:1px;background:rgba(0,0,0,.3)}"]
-                },] }
-    ];
-    QMSSelectAccessDialogComponent.ctorParameters = function () { return [
-        { type: dialog.MatDialogRef },
-        { type: QMSSelectAccessData, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
-        { type: TranslateLibraryService },
-        { type: forms.FormBuilder },
-        { type: QMSSelectAccessGlobalService }
-    ]; };
-    QMSSelectAccessDialogComponent.propDecorators = {
-        tree: [{ type: i0.ViewChild, args: ['treeDepartment', {
-                        read: SelectDepartmentTreeComponent
-                    },] }]
-    };
-
-    var QMSSelectAccessDialogModule = /** @class */ (function () {
-        function QMSSelectAccessDialogModule() {
-        }
-        return QMSSelectAccessDialogModule;
-    }());
-    QMSSelectAccessDialogModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        QMSSelectAccessDialogComponent
-                    ],
-                    imports: [
-                        i1.CommonModule,
-                        QMSSelectDepartmentModule,
-                        formField.MatFormFieldModule,
-                        input.MatInputModule,
-                        button.MatButtonModule,
-                        checkbox.MatCheckboxModule,
-                        QmsAngularModule,
-                        select.MatSelectModule,
-                        ngxMatSelectSearch.NgxMatSelectSearchModule,
-                        forms.FormsModule,
-                        forms.ReactiveFormsModule,
-                        icon.MatIconModule,
-                        dialog.MatDialogModule,
-                        QMSButtonModule,
-                        chips.MatChipsModule,
-                        divider.MatDividerModule,
-                        expansion.MatExpansionModule,
-                        QMSSelectDepartmentTreeModule,
-                        slideToggle.MatSlideToggleModule,
-                        QMSListModule,
-                    ],
-                    exports: [
-                        QMSSelectAccessDialogComponent
-                    ]
-                },] }
-    ];
-
     /*
      * Public API Surface of qms-angular
      */
@@ -31199,12 +30153,10 @@
     exports.NavigatorLinkView = NavigatorLinkView;
     exports.NewTreeComponent = NewTreeComponent;
     exports.NewTreeModel = NewTreeModel;
-    exports.OptionSelectAccessModel = OptionSelectAccessModel;
     exports.PROCESS_AREA_ICON = PROCESS_AREA_ICON;
     exports.PROCESS_AREA_OUTLINED_ICON = PROCESS_AREA_OUTLINED_ICON;
     exports.PROCESS_ICON = PROCESS_ICON;
     exports.PopupData = PopupData;
-    exports.QMSAccessItem = QMSAccessItem;
     exports.QMSAnchor = QMSAnchor;
     exports.QMSAppBar = QMSAppBar;
     exports.QMSAppIconModule = QMSAppIconModule;
@@ -31313,16 +30265,6 @@
     exports.QMSScrolableAttachmentListDirective = QMSScrolableAttachmentListDirective;
     exports.QMSScrollbarDirective = QMSScrollbarDirective;
     exports.QMSSearchFieldDirective = QMSSearchFieldDirective;
-    exports.QMSSelectAccessData = QMSSelectAccessData;
-    exports.QMSSelectAccessDialogComponent = QMSSelectAccessDialogComponent;
-    exports.QMSSelectAccessDialogModule = QMSSelectAccessDialogModule;
-    exports.QMSSelectAccessGlobalService = QMSSelectAccessGlobalService;
-    exports.QMSSelectAccessResult = QMSSelectAccessResult;
-    exports.QMSSelectDepartmentGlobalService = QMSSelectDepartmentGlobalService;
-    exports.QMSSelectDepartmentModule = QMSSelectDepartmentModule;
-    exports.QMSSelectDepartmentTreeConfig = QMSSelectDepartmentTreeConfig;
-    exports.QMSSelectDepartmentTreeGlobalService = QMSSelectDepartmentTreeGlobalService;
-    exports.QMSSelectDepartmentTreeModule = QMSSelectDepartmentTreeModule;
     exports.QMSSelectIncludeChildrenGlobalService = QMSSelectIncludeChildrenGlobalService;
     exports.QMSSelectIncludeChildrenModule = QMSSelectIncludeChildrenModule;
     exports.QMSSelectOneGlobalService = QMSSelectOneGlobalService;
@@ -31402,9 +30344,6 @@
     exports.SaveTemplateComponent = SaveTemplateComponent;
     exports.ScrollToSelectedDirective = ScrollToSelectedDirective;
     exports.SelectConst = SelectConst;
-    exports.SelectDepartmentComponent = SelectDepartmentComponent;
-    exports.SelectDepartmentPopupData = SelectDepartmentPopupData;
-    exports.SelectDepartmentTreeComponent = SelectDepartmentTreeComponent;
     exports.SelectDialog = SelectDialog;
     exports.SelectIncludeChildrenPopUpComponent = SelectIncludeChildrenPopUpComponent;
     exports.SelectOneDialog = SelectOneDialog;