qms-angular 1.1.92 → 1.1.93

package/bundles/qms-angular.umd.js

@@ -42076,13 +42076,14 @@
             var currNode = this.openNodes[this.openNodes.length - 1];
             var idxParent = this.openNodes.length >= 2 ? this.openNodes.length - 2 : '';
             var parentNode = idxParent !== '' ? this.openNodes[idxParent] : '';
-            this.activeNode = this.getActiveNode(currNode, parentNode);
+            this.activeNode = this.getActiveNode(currNode, parentNode, '');
             this.scrollIntoNode$.next(this.activeNode);
         };
-        QMSNavDrawerComponent.prototype.getActiveNode = function (id, parentId) {
+        QMSNavDrawerComponent.prototype.getActiveNode = function (id, parentId, itemType) {
             var _id = id ? id : '';
             var _parentId = parentId && (parentId !== this.guidHelper.empty) ? parentId : '';
-            return _id + "-" + _parentId;
+            var _itemType = itemType ? itemType : '';
+            return _id + "-" + _parentId + "-" + _itemType;
         };
         QMSNavDrawerComponent.prototype.findAndExpandNodes = function (expandNewChild) {
             var _this = this;
@@ -42103,7 +42104,7 @@
             this.cdRef.detectChanges();
         };
         QMSNavDrawerComponent.prototype.onClickNode = function (node) {
-            this.activeNode = this.getActiveNode(node.id, node.parentId);
+            this.activeNode = this.getActiveNode(node.id, node.parentId, node.itemType);
             this.onClickNodeEvent.emit(node);
             this.scrollIntoNode$.next(this.activeNode);
         };
@@ -42176,7 +42177,7 @@
     QMSNavDrawerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'qms-nav-drawer',
-                    template: "<mat-tree class=\"qms-nav-drawer-container\" [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 === getActiveNode(node.id, node.parentId)\r\n    }\">\r\n\r\n    <div class=\"d-flex align-items-center w-100\">\r\n      <button mat-icon-button disabled></button>\r\n      <img *ngIf=\"node.itemIconSvg\" class=\"material-icons type-icon cursor-pointer\" [src]=\"node.itemIconSvg\"\r\n        (click)=\"onClickNode(node)\" />\r\n      <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\r\n        class=\"material-icons-outlined type-icon cursor-pointer\" (click)=\"onClickNode(node)\"></span>\r\n      <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon cursor-pointer\"\r\n        (click)=\"onClickNode(node)\">{{\r\n        node.itemMatIcon }}\r\n      </span>\r\n\r\n      <span class=\"text-name cursor-pointer mx-2\" (click)=\"onClickNode(node)\">{{ node.name }}</span>\r\n\r\n      <ng-container *ngIf=\"favoriteAction\">\r\n        <button class=\"btn-action\" (click)=\"updateFavorite(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{node.isFavorite ? favoriteAction.tooltipRemoveFavorite : favoriteAction.tooltipAddFavorite}}\"\r\n          mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\" [ngClass]=\"{'primary': node.isFavorite}\">\r\n            {{node.isFavorite ? 'star' : 'star_outline' }}\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"addLocationAction\">\r\n        <button class=\"btn-action\" (click)=\"addLocation(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{addLocationAction.tooltipAddLocation}}\" mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\">\r\n            add\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n\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 === getActiveNode(node.id, node.parentId)\r\n    }\">\r\n\r\n    <div class=\"d-flex align-items-center w-100\">\r\n      <button mat-icon-button (click)=\"onExpandNode(node)\" matTreeNodeToggle>\r\n        <mat-icon class=\"mat-icon-rtl-mirror\">\r\n          {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\r\n        </mat-icon>\r\n      </button>\r\n\r\n      <img *ngIf=\"node.itemIconSvg\" class=\"material-icons type-icon cursor-pointer\" [src]=\"node.itemIconSvg\"\r\n        (click)=\"onClickNode(node)\" />\r\n      <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\r\n        class=\"material-icons-outlined type-icon cursor-pointer\" (click)=\"onClickNode(node)\"></span>\r\n      <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon cursor-pointer\"\r\n        (click)=\"onClickNode(node)\">{{\r\n        node.itemMatIcon }}\r\n      </span>\r\n\r\n      <span class=\"text-name cursor-pointer mx-2\" (click)=\"onClickNode(node)\">{{ node.name }}</span>\r\n\r\n      <ng-container *ngIf=\"favoriteAction\">\r\n        <button class=\"btn-action\" (click)=\"updateFavorite(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{node.isFavorite ? favoriteAction.tooltipRemoveFavorite : favoriteAction.tooltipAddFavorite}}\"\r\n          mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\" [ngClass]=\"{'primary': node.isFavorite}\">\r\n            {{node.isFavorite ? 'star' : 'star_outline' }}\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"addLocationAction\">\r\n        <button class=\"btn-action\" (click)=\"addLocation(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{addLocationAction.tooltipAddLocation}}\" mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\">\r\n            add\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </mat-tree-node>\r\n</mat-tree>",
+                    template: "<mat-tree class=\"qms-nav-drawer-container\" [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 === getActiveNode(node.id, node.parentId, node.itemType)\r\n    }\">\r\n\r\n    <div class=\"d-flex align-items-center w-100\">\r\n      <button mat-icon-button disabled></button>\r\n      <img *ngIf=\"node.itemIconSvg\" class=\"material-icons type-icon cursor-pointer\" [src]=\"node.itemIconSvg\"\r\n        (click)=\"onClickNode(node)\" />\r\n      <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\r\n        class=\"material-icons-outlined type-icon cursor-pointer\" (click)=\"onClickNode(node)\"></span>\r\n      <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon cursor-pointer\"\r\n        (click)=\"onClickNode(node)\">{{\r\n        node.itemMatIcon }}\r\n      </span>\r\n\r\n      <span class=\"text-name cursor-pointer mx-2\" (click)=\"onClickNode(node)\">{{ node.name }}</span>\r\n\r\n      <ng-container *ngIf=\"favoriteAction\">\r\n        <button class=\"btn-action\" (click)=\"updateFavorite(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{node.isFavorite ? favoriteAction.tooltipRemoveFavorite : favoriteAction.tooltipAddFavorite}}\"\r\n          mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\" [ngClass]=\"{'primary': node.isFavorite}\">\r\n            {{node.isFavorite ? 'star' : 'star_outline' }}\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"addLocationAction\">\r\n        <button class=\"btn-action\" (click)=\"addLocation(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{addLocationAction.tooltipAddLocation}}\" mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\">\r\n            add\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n\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 === getActiveNode(node.id, node.parentId, node.itemType)\r\n    }\">\r\n\r\n    <div class=\"d-flex align-items-center w-100\">\r\n      <button mat-icon-button (click)=\"onExpandNode(node)\" matTreeNodeToggle>\r\n        <mat-icon class=\"mat-icon-rtl-mirror\">\r\n          {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\r\n        </mat-icon>\r\n      </button>\r\n\r\n      <img *ngIf=\"node.itemIconSvg\" class=\"material-icons type-icon cursor-pointer\" [src]=\"node.itemIconSvg\"\r\n        (click)=\"onClickNode(node)\" />\r\n      <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\r\n        class=\"material-icons-outlined type-icon cursor-pointer\" (click)=\"onClickNode(node)\"></span>\r\n      <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon cursor-pointer\"\r\n        (click)=\"onClickNode(node)\">{{\r\n        node.itemMatIcon }}\r\n      </span>\r\n\r\n      <span class=\"text-name cursor-pointer mx-2\" (click)=\"onClickNode(node)\">{{ node.name }}</span>\r\n\r\n      <ng-container *ngIf=\"favoriteAction\">\r\n        <button class=\"btn-action\" (click)=\"updateFavorite(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{node.isFavorite ? favoriteAction.tooltipRemoveFavorite : favoriteAction.tooltipAddFavorite}}\"\r\n          mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\" [ngClass]=\"{'primary': node.isFavorite}\">\r\n            {{node.isFavorite ? 'star' : 'star_outline' }}\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"addLocationAction\">\r\n        <button class=\"btn-action\" (click)=\"addLocation(node, $event)\" qms-btn-icon color=\"light\"\r\n          qms-tool-tip=\"{{addLocationAction.tooltipAddLocation}}\" mode=\"dark\">\r\n          <mat-icon class=\"material-icons-outlined\">\r\n            add\r\n          </mat-icon>\r\n        </button>\r\n      </ng-container>\r\n    </div>\r\n  </mat-tree-node>\r\n</mat-tree>",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     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:normal;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-family:\"icomoon\"!important;speak:never;font-style:normal;font-weight: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:\"\\e91b\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\\e922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\\e923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\\e924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\\e925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\\e926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\\e927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\\e928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\\e929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\\e92a\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\\e92b\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\\e92c\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\\e92d\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\\e92e\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\\e92f\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\\e930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\\e931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\\e932\"}.icon-add-tooltip:before{content:\"\\e933\"}.icon-admin:before{content:\"\\e934\"}.icon-annual-cycle:before{content:\"\\e935\"}.icon-assignment-repete:before{content:\"\\e936\"}.icon-barrier-add:before{content:\"\\e937\"}.icon-barrier-edit:before{content:\"\\e938\"}.icon-barrier-view:before{content:\"\\e939\"}.icon-button-group:before{content:\"\\e93a\"}.icon-chemical-manager:before{content:\"\\e93b\"}.icon-chronic-health-hazard .path1:before{content:\"\\e93c\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\\e93d\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\\e93e\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\\e93f\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\\e940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\\e941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\\e942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\\e943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\\e944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\\e945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\\e946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\\e947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\\e948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\\e949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\\e94a\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\\e94b\"}.icon-corrosive .path1:before{content:\"\\e94c\";color:#323232}.icon-corrosive .path2:before{content:\"\\e94d\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\\e94e\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\\e94f\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\\e950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\\e951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\\e952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\\e953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\\e954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\\e955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\\e956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\\e957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\\e958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\\e959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\\e95a\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\\e95b\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\\e95c\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\\e95d\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\\e95e\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\\e95f\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\\e960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\\e961\"}.icon-database-sds:before{content:\"\\e962\"}.icon-description-add:before{content:\"\\e963\"}.icon-description-edit:before{content:\"\\e964\"}.icon-description-view:before{content:\"\\e965\";color:#666}.icon-document-read .path1:before{content:\"\\e966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\\e967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\\e968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\\e969\"}.icon-expired-off:before{content:\"\\e96a\"}.icon-expired-on:before{content:\"\\e96b\"}.icon-explosive .path1:before{content:\"\\e96c\";color:#e32730}.icon-explosive .path2:before{content:\"\\e96d\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\\e96e\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\\e96f\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\\e970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\\e971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\\e972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\\e973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\\e974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\\e975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\\e976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\\e977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\\e978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\\e979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\\e97a\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\\e97b\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\\e97c\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\\e97d\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\\e97e\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\\e97f\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\\e980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\\e981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\\e982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\\e983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\\e984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\\e985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\\e986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\\e987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\\e988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\\e989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\\e98a\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\\e98b\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\\e98c\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\\e98d\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\\e98e\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\\e98f\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\\e990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\\e991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\\e992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\\e993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\\e994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\\e995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\\e996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\\e997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\\e998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\\e999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\\e99a\"}.icon-file-pdf:before{content:\"\\e99b\"}.icon-file-pdf-verified .path1:before{content:\"\\e99c\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\\e99d\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\\e99e\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\\e99f\"}.icon-filter-alt:before{content:\"\\e9a0\"}.icon-flammable .path1:before{content:\"\\e9a1\";color:#323232}.icon-flammable .path2:before{content:\"\\e9a2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\\e9a3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\\e9a4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\\e9a5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\\e9a6\";color:#323232}.icon-health-hazard .path2:before{content:\"\\e9a7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\\e9a8\"}.icon-location:before{content:\"\\e9a9\"}.icon-measure-add:before{content:\"\\e9aa\"}.icon-measure-edit:before{content:\"\\e9ab\"}.icon-measure-view:before{content:\"\\e9ac\";color:#666}.icon-messages:before{content:\"\\e9ad\"}.icon-monitoring:before{content:\"\\e9ae\";color:#666}.icon-move:before{content:\"\\e9af\"}.icon-oxidizing .path1:before{content:\"\\e9b0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\\e9b1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\\e9b2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\\e9b3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\\e9b4\"}.icon-process-area-open:before{content:\"\\e9b5\"}.icon-process-linked .path1:before{content:\"\\e9b6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\\e9b7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\\e9b8\"}.icon-search-in-file:before{content:\"\\e9b9\"}.icon-sort-ascending:before{content:\"\\e9ba\"}.icon-sort-descending:before{content:\"\\e9bb\"}.icon-subscript:before{content:\"\\e9bc\"}.icon-superscript:before{content:\"\\e9bd\"}.icon-syncronice-favorites:before{content:\"\\e9be\"}.icon-system-settings:before{content:\"\\e9bf\"}.icon-view-three-outlined:before{content:\"\\e9c0\"}.icon-workplace-safety:before{content:\"\\e9c1\"}.icon-checklist:before{content:\"\\e900\"}.icon-department-document .path1:before{content:\"\\e901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\\e902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\\e903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\\e904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\\e905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\\e906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\\e907\"}.icon-dropdown-folder .path1:before{content:\"\\e908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\\e909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\\e90a\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\\e90b\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\\e90c\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\\e90d\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\\e90e\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\\e90f\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\\e910\"}.icon-folder-open:before{content:\"\\e911\"}.icon-keyboard_arrow_down:before{content:\"\\e912\"}.icon-keyboard_arrow_up:before{content:\"\\e913\"}.icon-local-document .path1:before{content:\"\\e914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\\e915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\\e916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\\e917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\\e918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\\e919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\\e91a\"}.icon-regional-document .path1:before{content:\"\\e91c\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\\e91d\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\\e91e\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\\e91f\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\\e920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\\e921\";margin-left:-1em;color:#662e0d}.mat-tree.qms-nav-drawer-container{font-family:Open Sans}.mat-tree.qms-nav-drawer-container .mat-tree-node:hover,.mat-tree.qms-nav-drawer-container .mat-tree-node:active,.mat-tree.qms-nav-drawer-container .mat-tree-node:focus{background:rgba(0,0,0,.08);padding-right:5px}.mat-tree.qms-nav-drawer-container .mat-tree-node:hover .btn-action,.mat-tree.qms-nav-drawer-container .mat-tree-node:active .btn-action,.mat-tree.qms-nav-drawer-container .mat-tree-node:focus .btn-action{display:block}.mat-tree.qms-nav-drawer-container .mat-tree-node:active{background:rgba(0,0,0,.12)}.mat-tree.qms-nav-drawer-container .mat-tree-node.active{color:var(--primary);background:var(--primary-light-6-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.active:active{background:var(--primary-light-12-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.active button,.mat-tree.qms-nav-drawer-container .mat-tree-node.active .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-tree-node.active .type-icon,.mat-tree.qms-nav-drawer-container .mat-tree-node.active .text-name{color:var(--primary)}.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active button,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active .type-icon,.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active .text-name{color:var(--primary)}.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active:hover{background:var(--primary-light-6-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.collapse-node.active:active{background:var(--primary-light-12-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node{color:var(--primary)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node button,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node .type-icon,.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node .text-name{color:var(--primary)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node:hover{background:var(--primary-light-6-opacity)}.mat-tree.qms-nav-drawer-container .mat-tree-node.expand-node:active{background:var(--primary-light-12-opacity)}.mat-tree.qms-nav-drawer-container .type-icon{margin-right:5px;color:var(--ws-action-active);font-size:18px}.mat-tree.qms-nav-drawer-container .text-name{color:var(--default-color)}.mat-tree.qms-nav-drawer-container .mat-icon-rtl-mirror,.mat-tree.qms-nav-drawer-container .mat-icon{color:#0009}.mat-tree.qms-nav-drawer-container button.qms-btn-icon{width:40px;height:40px;line-height:40px}.text-name{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;width:100%;min-width:20px}.cursor-pointer{cursor:pointer}.btn-action{display:none}.btn-action .material-icons-outlined.primary{color:var(--checkbox-color)}\n"]
                 },] }