qms-angular 1.1.4 → 1.1.6

package/src/assets/qms-ckeditor-plugin/package-lock.json

@@ -2115,6 +2115,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "node_modules/bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -4275,6 +4285,13 @@
       "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
       "dev": true
     },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -5770,6 +5787,13 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
     },
+    "node_modules/nan": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
+      "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
+      "dev": true,
+      "optional": true
+    },
     "node_modules/nanoid": {
       "version": "3.1.22",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
@@ -14337,6 +14361,16 @@
       "dev": true,
       "optional": true
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -16113,6 +16147,13 @@
       "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
       "dev": true
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
     "fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -17292,6 +17333,13 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
     },
+    "nan": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
+      "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
+      "dev": true,
+      "optional": true
+    },
     "nanoid": {
       "version": "3.1.22",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",

package/src/lib/components/list/_list-expansion.scss

@@ -4,7 +4,7 @@
 @import "../../../themes/theme/mixins";
 
 .mat-expansion-panel {
-  &.qms-expansion {
+  &.qms-expansion:not([class*=mat-elevation-z]) {
     background-color: transparent;
     box-shadow: none;
     border-bottom: 1px solid $border-bottom-item;

package/src/lib/components/list/list.scss

@@ -70,13 +70,13 @@
     }
   }
 
-  &:not([disabled]):hover, &:not([disabled]):focus {
+  &:not([disabled], .qms-list-item-disabled):hover, &:not([disabled], .qms-list-item-disabled):focus {
     cursor: pointer;
     background-color: black(0.08);
     outline: none;
   }
 
-  &:not([disabled]):active {
+  &:not([disabled], .qms-list-item-disabled):active {
     cursor: pointer;
     background-color: black(0.12);
   }

package/src/lib/components/qms-nav-drawer/qms-nav-drawer.component.scss

@@ -0,0 +1,101 @@
+@import "../../../themes/core/variables";
+@import "../../../themes/theme/variable";
+@import "../../../themes/theme/mixins";
+@import "../../../themes/qms-icon-font";
+
+.mat-tree.qms-nav-drawer-container {
+  font-family: Open Sans;
+  
+  .mat-tree-node {
+    &:hover {
+      background: black(0.08);
+    }
+
+    &:active {
+      background: black(0.12);
+    }
+
+    &.active {
+      color: theme-apply($primary);
+      background: theme-apply($primary-light-6-opacity);
+
+      &:active {
+        background: theme-apply($primary-light-12-opacity);
+      }
+
+      button,
+      .mat-icon-rtl-mirror,
+      .type-icon,
+      .text-name {
+        color: theme-apply($primary);
+      }
+    }
+  }
+
+  .mat-tree-node.collapse-node {
+    &.active {
+      button,
+      .mat-icon-rtl-mirror,
+      .type-icon,
+      .text-name {
+        color: theme-apply($primary);
+      }
+      &:hover {
+        background: theme-apply($primary-light-6-opacity);
+      }
+
+      &:active {
+        background: theme-apply($primary-light-12-opacity);
+      }
+    }
+  }
+
+  .mat-tree-node.expand-node {
+    color: theme-apply($primary);
+    button,
+    .mat-icon-rtl-mirror,
+    .type-icon,
+    .text-name {
+      color: theme-apply($primary);
+    }
+
+    &:hover {
+      background: theme-apply($primary-light-6-opacity);
+    }
+
+    &:active {
+      background: theme-apply($primary-light-12-opacity);
+    }
+  }
+
+  .type-icon {
+    margin-right: 5px;
+    color: theme-apply($ws-action-active);
+  }
+
+  .text-name {
+    color: theme-apply($default-color);
+  }
+
+  .mat-icon-rtl-mirror {
+    color: black(0.6);
+  }
+}
+
+.text-name {
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  cursor: pointer;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.ml-5 {
+  margin-left: 10px;
+}

package/src/lib/components/related/popup/related-popup.component.scss

@@ -260,7 +260,7 @@ cdk-virtual-scroll-viewport {
           border-bottom: none;
         }
 
-        .breadcrumb-containe {
+        .breadcrumb-container {
           .qms-breadcrumb-item {
             .mat-icon {
               font-size: 16px!important;
@@ -279,7 +279,7 @@ cdk-virtual-scroll-viewport {
         color: $disabled-color;
       }
 
-      .breadcrumb-containe {
+      .breadcrumb-container {
         .qms-breadcrumb-item {
           .mat-icon {
             color: $disabled-color;

package/src/lib/components/select-include-children/select-include-children.component.scss

@@ -269,7 +269,7 @@ cdk-virtual-scroll-viewport {
           border-bottom: none;
         }
 
-        .breadcrumb-containe {
+        .breadcrumb-container {
           .qms-breadcrumb-item {
             .mat-icon {
               font-size: 16px!important;

package/src/lib/components/select-one/select-one-next.component.scss

@@ -0,0 +1,70 @@
+@import "../../../themes/theme/variable";
+@import "../../../themes/theme/mixins";
+@import "../../../themes/core/scrollbar.scss";
+@import "../../../themes/core/button.scss";
+@import "../../../themes/core/dialog-new";
+@import "../../../themes/qms-icon-font";
+
+.search-field {
+  display: flex;
+  align-items: center;
+
+  input {
+    width: 100%;
+    padding: 10px;
+    outline: none;
+    border: none;
+    background: theme-apply($background-input-text);
+  }
+
+  .mat-icon {
+    margin-left: -30px;
+    cursor: pointer;
+    vertical-align: middle;
+  }
+}
+
+.title-header {
+  font-size: 1rem;
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+.btn-close-icon.qms-btn-icon {
+  width: 36px;
+  height: 36px;
+  line-height: 36px;
+}
+
+.qms-dialog-header {
+  border-bottom: 1px solid #ccc;
+  padding-bottom: 10px;
+}
+
+.search-module__option.mat-option.mat-active {
+  background-color: transparent;
+}
+
+.qms-dialog-content {
+  margin-top: 10px !important;
+}
+
+.qms-dialog-footer {
+  border-top: 1px solid #ccc;
+  padding-top: 10px;
+}
+
+::ng-deep .image-square.wrap-image {
+  width: 2.5rem !important;
+  height: 100% !important;
+  background: transparent;
+  align-self: center;
+  margin-right: 0;
+}
+
+::ng-deep .mat-option:hover:not(.mat-option-disabled),
+.mat-option:focus:not(.mat-option-disabled) {
+  background: transparent !important;
+}

package/src/lib/components/select-one/select-one.component.scss

@@ -201,7 +201,7 @@ cdk-virtual-scroll-viewport {
           border-bottom: none;
         }
 
-        .breadcrumb-containe {
+        .breadcrumb-container {
           .qms-breadcrumb-item {
             .mat-icon {
               font-size: 16px!important;

package/src/lib/components/select-process-document/select-process-document.component.scss

@@ -272,7 +272,7 @@ cdk-virtual-scroll-viewport {
           border-bottom: none;
         }
 
-        .breadcrumb-containe {
+        .breadcrumb-container {
           .qms-breadcrumb-item {
             .mat-icon {
               font-size: 16px!important;

package/src/lib/components/tree/basic-tree.component.scss

@@ -0,0 +1,168 @@
+@import "../../../themes/core/variables";
+@import "../../../themes/theme/variable";
+@import "../../../themes/theme/mixins";
+@import "../../../themes/qms-icon-font";
+
+.mat-tree.basic-tree-container {
+  font-family: Open Sans;
+
+  .mat-tree-node {
+    &:hover {
+      background: black(0.08);
+    }
+
+    &:active {
+      background: black(0.12);
+    }
+
+    &.active {
+      color: theme-apply($primary);
+      background: theme-apply($primary-light-6-opacity);
+
+      &:active {
+        background: theme-apply($primary-light-12-opacity);
+      }
+
+      button,
+      .mat-icon-rtl-mirror,
+      .type-icon,
+      .text-name {
+        color: theme-apply($primary);
+      }
+    }
+  }
+
+  .mat-tree-node.collapse-node {
+    &.active {
+      button,
+      .mat-icon-rtl-mirror,
+      .type-icon,
+      .text-name {
+        color: theme-apply($primary);
+      }
+      &:hover {
+        background: theme-apply($primary-light-6-opacity);
+      }
+
+      &:active {
+        background: theme-apply($primary-light-12-opacity);
+      }
+    }
+  }
+
+  .mat-tree-node.expand-node {
+    color: theme-apply($primary);
+    button,
+    .mat-icon-rtl-mirror,
+    .type-icon,
+    .text-name {
+      color: theme-apply($primary);
+    }
+
+    &:hover {
+      background: theme-apply($primary-light-6-opacity);
+    }
+
+    &:active {
+      background: theme-apply($primary-light-12-opacity);
+    }
+  }
+
+  .type-icon {
+    margin-right: 5px;
+    color: theme-apply($ws-action-active);
+  }
+
+  .text-name {
+    color: theme-apply($default-color);
+  }
+
+  .mat-icon-rtl-mirror {
+    color: black(0.6);
+  }
+
+  .mat-icon-button.btn-toggle {
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+  }
+
+  .mat-tree-node {
+    &.mat-tree-node-disabled-all {
+      cursor: default !important;
+      pointer-events: none;
+      user-select: none;
+
+      button.mat-button-disabled,
+      .mat-icon-rtl-mirror,
+      .type-icon {
+        color: black(0.38);
+      }
+
+      .text-name {
+        &.disabled {
+          color: black(0.38);
+          cursor: default !important;
+          pointer-events: none;
+          user-select: none;
+        }
+      }
+
+      &.active {
+        background-color: transparent;
+      }
+    }
+
+    &.mat-tree-node-disabled {
+      button.mat-button-disabled,
+      .type-icon {
+        color: black(0.38);
+      }
+
+      .text-name {
+        &.disabled {
+          color: black(0.38);
+          cursor: default !important;
+          pointer-events: none;
+          user-select: none;
+        }
+      }
+
+      &.active,
+      &:hover,
+      &:active,
+      &.expand-node:hover,
+      &.expand-node:active {
+        background-color: transparent;
+      }
+    }
+  }
+}
+
+.text-name {
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  cursor: pointer;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.ml-5 {
+  margin-left: 10px;
+}
+
+::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
+  .mat-checkbox-layout {
+    white-space: normal;
+  }
+  .mat-checkbox-label {
+    flex-direction: row;
+    align-items: center;
+  }
+}

package/src/themes/core/_checkbox.scss

@@ -14,6 +14,10 @@
 
     .mat-checkbox-inner-container {
       margin-right: 19px;
+
+      &.mat-checkbox-inner-container-no-side-margin {
+        margin-right: 0px;
+      }
     }
 
     &:hover:not(.mat-checkbox-disabled) {
@@ -22,7 +26,7 @@
 
     &:active:not(.mat-checkbox-disabled) {
       background-color: black(0.12);
-    } 
+    }
 
     .mat-checkbox-label {
       display: flex;
@@ -102,8 +106,19 @@
 
     &.mat-checkbox-indeterminate {
       .mat-checkbox-background {
-          background-color: theme-apply($primary);
+        background-color: theme-apply($primary);
       }
-  }
+    }
+
+    //-------------------Start No Label-----------------------------//
+    &.none-label {
+      &:hover:not(.mat-checkbox-disabled),
+      &:active:not(.mat-checkbox-disabled),
+      &.cdk-keyboard-focused,
+      &.mat-checkbox-checked {
+        background-color: transparent;
+      } 
+    }
+    //-------------------End No Label-----------------------------//
   }
 }

package/src/themes/core/_radio.scss

@@ -97,5 +97,23 @@
     .mat-radio-inner-circle {
       background-color: theme-apply($primary);
     }
+
+     //-------------------Start No Label-----------------------------//
+     &.none-label {
+      .mat-radio-container {
+        margin-right: 0;
+      }
+      .mat-radio-label-content {
+        display: none;
+      }
+
+      &:hover:not(.mat-radio-disabled),
+      &:active:not(.mat-radio-disabled),
+      &.cdk-keyboard-focused,
+      &.mat-radio-checked {
+        background-color: transparent;
+      } 
+    }
+    //-------------------End No Label-----------------------------//
   }
 }

package/src/themes/core/_slide-toggle.scss

@@ -113,5 +113,22 @@
         background-color: theme-apply($primary);
       }
     }
+
+    
+     //-------------------Start No Label-----------------------------//
+     &.none-label {
+      .mat-slide-toggle-bar {
+        margin-right: 0;
+      }
+
+      &:hover:not(.mat-disabled),
+      &:active:not(.mat-disabled),
+      &.cdk-keyboard-focused,
+      &.mat-checked {
+        background-color: transparent;
+      } 
+    }
+    //-------------------End No Label-----------------------------//
+
   }
 }

package/src/themes/core/_table-pure-gap.scss

@@ -2,32 +2,60 @@
 @import "../theme/mixins";
 @import "typography";
 
+
+.table-scroll-container {
+	position: relative;
+	padding-top: 35px;
+	overflow: hidden;
+}
+.table-scroll-area {
+	height: 100%;
+	overflow-x: auto;
+	overflow-y: auto;
+	-webkit-overflow-scrolling: auto;
+}
+
+
+
 table.mat-table {
   &.qms-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0 8px;
+    margin-top: -16px;
+    padding-right: 5px;
     background-color: transparent;
     font-family: Open Sans;
+    overflow-x: auto;
+		overflow-y: auto;
+		margin-bottom: 0;
+		border: none;
 
     .mat-header-cell {
       font-size: 14px;
       font-weight: 600;
       color: theme-apply($ws-text-secondary);
+      vertical-align: middle;
 
       .mat-checkbox.qms-group-options {
-        padding: 5px 15px 5px 5px;
+        padding: 5px;
       }
     }
 
     .mat-header-row {
-      height: 32px;
+      height: unset;
     }
 
     th {
-      border-bottom: none;
+			border: none !important;
+			min-width: 40px;
     }
 
+    .th-title {
+			position: absolute;
+			top: 0;	
+		}
+
     td {
       border-top: 1px solid theme-apply($disabled);
     }

package/src/themes/theme/_variable.scss

@@ -106,6 +106,7 @@ $qms-app-bar-light-background-color: --qms-app-bar-light-background-color;
 
 $ws-text-secondary: --ws-text-secondary;
 $ws-text-primary: --ws-text-primary;
+$ws-action-active: --ws-action-active; 
 
 @function black($opacity) {
   @return rgba(black, $opacity);
@@ -215,6 +216,7 @@ $qms-theme-default: (
   $other-divider: #e0e0e0,
   $ws-text-secondary: #5a5a5a,
   $ws-text-primary: #242424,
+  $ws-action-active: #707070
 );
 
 $qms-theme-pink: (
@@ -317,4 +319,5 @@ $qms-theme-pink: (
   $other-divider: #e0e0e0,
   $ws-text-secondary: #5a5a5a,
   $ws-text-primary: #242424,
+  $ws-action-active: #707070
 );

package/esm2015/lib/components/select-include-children/services/select-global.service.js

@@ -1,17 +0,0 @@
-import { Injectable } from "@angular/core";
-import { BehaviorSubject } from "rxjs";
-import * as i0 from "@angular/core";
-export class QMSSelectGlobalService {
-    constructor() {
-        this.searchSelect = new BehaviorSubject([]);
-    }
-    setSearchResult(result) {
-        this.searchSelect.next(result);
-    }
-}
-QMSSelectGlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSSelectGlobalService_Factory() { return new QMSSelectGlobalService(); }, token: QMSSelectGlobalService, providedIn: "root" });
-QMSSelectGlobalService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-QMSSelectGlobalService.ctorParameters = () => [];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWdsb2JhbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3NlbGVjdC1pbmNsdWRlLWNoaWxkcmVuL3NlcnZpY2VzL3NlbGVjdC1nbG9iYWwuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBS3ZDLE1BQU0sT0FBTyxzQkFBc0I7SUFHL0I7UUFGQSxpQkFBWSxHQUFHLElBQUksZUFBZSxDQUF1QixFQUFFLENBQUMsQ0FBQztJQUU3QyxDQUFDO0lBRWpCLGVBQWUsQ0FBQyxNQUE0QjtRQUN4QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOzs7O1lBUkosVUFBVSxTQUFDLEVBQUMsVUFBVSxFQUFFLE1BQU0sRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tIFwicnhqc1wiO1xyXG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tIFwiLi4vbW9kZWwvc2VsZWN0LW9wdGlvbi5tb2RlbFwiXHJcbmltcG9ydCB7IFNlbGVjdFNlYXJjaE9wdGlvbiB9IGZyb20gXCIuLi9tb2RlbC9zZWxlY3Qtc2VhcmNoLW9wdGlvbi5tb2RlbFwiO1xyXG5cclxuQEluamVjdGFibGUoe3Byb3ZpZGVkSW46ICdyb290J30pXHJcbmV4cG9ydCBjbGFzcyBRTVNTZWxlY3RHbG9iYWxTZXJ2aWNlIHtcclxuICAgIHNlYXJjaFNlbGVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8U2VsZWN0U2VhcmNoT3B0aW9uW10+KFtdKTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAgIHNldFNlYXJjaFJlc3VsdChyZXN1bHQ6IFNlbGVjdFNlYXJjaE9wdGlvbltdKSB7XHJcbiAgICAgICAgdGhpcy5zZWFyY2hTZWxlY3QubmV4dChyZXN1bHQpO1xyXG4gICAgfVxyXG5cclxufVxyXG4gICJdfQ==