qms-angular 1.1.3 → 1.1.5

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/button/button-toggle.scss

@@ -120,7 +120,7 @@
 
     &.qms-button-toggle-disabled {
       cursor: default !important;
-      background: #e4e4e4 !important;
+      background: theme-apply($disabled) !important;
       color: rgba(0, 0, 0, 0.38) !important;
       user-select: none;
 

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

@@ -5,7 +5,7 @@ $leading-icon: 24px;
 $leading-icon-padding: 4px;
 $subtitle-color: theme-apply($default-color);
 $subtitle-weight: 600;
-$border-bottom-item: #e0e0e0;
+$border-bottom-item: theme-apply($other-divider);;
 $size-caption: 0.75rem;
 $margin-icon: 0.75rem;
 $size-sm: 0.875rem;

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/qms-nav-drawer/qms-nav-drawer.component.scss

@@ -0,0 +1,99 @@
+@import "../../../themes/core/variables";
+@import "../../../themes/theme/variable";
+@import "../../../themes/theme/mixins";
+@import "../../../themes/qms-icon-font";
+
+.mat-tree.qms-nav-drawer-container {
+  .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/rich-text/rich-text.scss

@@ -23,7 +23,7 @@
   .ck-disabled {
     .ck.ck-toolbar,
     .ck.ck-editor__main > .ck-editor__editable {
-      background-color: #e4e4e4;
+      background-color: theme-apply($disabled);
       pointer-events: none;
     }
 

package/src/lib/components/substance-conflict/substance-conflict.component.scss

@@ -58,7 +58,7 @@
   }
 
   .button-view {
-    border: 1px solid #e4e4e4;
+    border: 1px solid theme-apply($disabled);
     border-radius: 5px;
     padding: 10px;
     cursor: pointer !important;
@@ -69,7 +69,7 @@
     }
 
     &.cancel {
-      background-color: #e4e4e4;
+      background-color: theme-apply($disabled);
       color: #000000;
     }
 

package/src/lib/qms-ckeditor-components/qms-ckeditor.component.scss

@@ -64,7 +64,7 @@
   .ck-disabled {
     .ck.ck-toolbar,
     .ck.ck-editor__main > .ck-editor__editable {
-      background-color: #e4e4e4;
+      background-color: theme-apply($disabled);
       pointer-events: none;
     }
 

package/src/themes/core/_app-bar.scss

@@ -3,13 +3,13 @@
 @import "../theme/mixins";
 
 .qms-app-bar-dark {
-    background: theme-apply($-qms-app-bar-dark-background-color);
+    background: theme-apply($qms-app-bar-dark-background-color);
     width     : 100% !important;
     height    : 56px !important;
 }
 
 .qms-app-bar-light {
-    background: theme-apply($-qms-app-bar-light-background-color);
+    background: theme-apply($qms-app-bar-light-background-color);
     width     : 100% !important;
     height    : 56px !important;
 }

package/src/themes/core/_checkbox.scss

@@ -99,5 +99,11 @@
         border-color: theme-apply($primary);
       }
     }
+
+    &.mat-checkbox-indeterminate {
+      .mat-checkbox-background {
+          background-color: theme-apply($primary);
+      }
+  }
   }
 }

package/src/themes/core/_dialog-new.scss

@@ -0,0 +1,32 @@
+::ng-deep .qms-dialog-container-v2 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+
+  .qms-dialog-header {
+    flex-shrink: 0;
+  }
+
+  .qms-dialog-content {
+    flex-grow: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    margin: 0;
+    min-height: 2em;
+  }
+
+  .qms-dialog-footer {
+    margin-top: 10px;
+    flex-shrink: 0;
+
+    &.qms-dialog-footer-align-center {
+      justify-content: center;
+    }
+
+    &.qms-dialog-footer-align-start {
+      justify-content: start;
+    }
+  }
+}

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

@@ -0,0 +1,110 @@
+@import "../theme/variable";
+@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;
+      }
+    }
+
+    .mat-header-row {
+      height: unset;
+    }
+
+    th {
+			border: none !important;
+			min-width: 40px;
+    }
+
+    .th-title {
+			position: absolute;
+			top: 0;	
+		}
+
+    td {
+      border-top: 1px solid theme-apply($disabled);
+    }
+
+    &.border-left {
+      border-left: 1px solid theme-apply($disabled);
+    }
+
+    .border-right {
+      border-right: 1px solid theme-apply($disabled);
+    }
+
+    td.mat-cell {
+      padding: 10px 0 10px 0;
+      border-bottom: 1px solid theme-apply($other-divider);
+      border-top: 1px solid theme-apply($other-divider);
+      background-color: #fff;
+      color: theme-apply($ws-text-primary);
+      font-weight: 400;
+    }
+
+    td.mat-cell:first-child {
+      border-left: 1px solid theme-apply($other-divider);
+      border-bottom-left-radius: 4px;
+      border-top-left-radius: 4px;
+
+      .mat-checkbox.qms-group-options {
+        border-right: 1px solid theme-apply($other-divider);
+        border-radius: 0px;
+        padding: 5px 15px 5px 5px;
+      }
+    }
+
+    td.mat-cell:last-child {
+      border-right: 1px solid theme-apply($other-divider);
+      border-bottom-right-radius: 4px;
+      border-top-right-radius: 4px;
+    }
+
+    th.mat-header-cell:last-of-type,
+    td.mat-cell:last-of-type,
+    td.mat-footer-cell:last-of-type {
+      padding-right: 16px;
+    }
+
+    th.mat-header-cell:first-of-type,
+    td.mat-cell:first-of-type,
+    td.mat-footer-cell:first-of-type {
+      padding-left: 16px;
+    }
+  }
+}

package/src/themes/core/_table.scss

@@ -33,7 +33,7 @@
 
         &:hover, &:focus-visible {
             outline: unset;
-            color: #1954A9;
+            color: theme-apply($primary);
             text-decoration: underline;
         }
     }
@@ -57,7 +57,7 @@
     .qms-table-row {
         padding: 8px 0 8px 20px;
         background: #FFFFFF;
-        border: 1px solid #E0E0E0;
+        border: 1px solid theme-apply($other-divider);;
         border-radius: 4px;
         margin-top: 8px;
         min-height: 40px;
@@ -104,7 +104,7 @@
         }
 
         &-disabled {
-            background: #E4E4E4;
+            background: theme-apply($disabled);
             color: rgba(0, 0, 0, 0.38);
             pointer-events: none;
 
@@ -203,7 +203,7 @@
         }
 
         .qms-row-detail {
-            border: 1px solid #E0E0E0;
+            border: 1px solid theme-apply($other-divider);;
             border-top: none;
         }
     }
@@ -218,7 +218,7 @@
         }
 
         .qms-collapse-group {
-            border: 1px solid #E0E0E0;
+            border: 1px solid theme-apply($other-divider);;
             border-left: 4px solid theme-apply($primary-light-32-opacity);
             border-bottom-left-radius: 4px;
             border-bottom-right-radius: 4px;

package/src/themes/theme/_variable.scss

@@ -30,6 +30,7 @@ $slider-hover-border: --slider-hover-border;
 $slider-focus-border: --slider-focus-border;
 $slider-pressed: --slider-pressed;
 $disabled-select-input-checked: --disabled-select-input-checked;
+$other-divider: --other-divider;
 
 $error-color: --error-color;
 $success-color: --success-color;
@@ -100,31 +101,33 @@ $tab-primary-background-hover: --tab-primary-background-hover;
 $tab-primary-border: --tab-primary-border;
 $tab-disable-background: --tab-disable-background;
 
-$-qms-app-bar-dark-background-color: --qms-app-bar-dark-background-color;
-$-qms-app-bar-light-background-color: --qms-app-bar-light-background-color;
+$qms-app-bar-dark-background-color: --qms-app-bar-dark-background-color;
+$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)
-};
+  @return rgba(black, $opacity);
+}
 
 @function white($opacity) {
-  @return rgba(white, $opacity)
+  @return rgba(white, $opacity);
 }
 
-
 $qms-theme-default: (
   $primary: #1954a9,
   $primary-light: #2873df,
   $primary-lighter: #b7daf8,
   $primary-light-3-opacity: #f5faff,
-  $primary-light-6-opacity: #F2F7FD,
-  $primary-light-12-opacity: #E5EEFB,
+  $primary-light-6-opacity: #f2f7fd,
+  $primary-light-12-opacity: #e5eefb,
   $primary-light-24-opacity: rgba(40, 115, 223, 0.24),
   $primary-light-32-opacity: #94baef,
-  $primary-light-38-opacity: #86A5D1,
+  $primary-light-38-opacity: #86a5d1,
   $primary-dark: #144285,
-  $primary-dark-24-opacity: #C8D6EA,
+  $primary-dark-24-opacity: #c8d6ea,
   $secondary: #9e360f,
   $secondary-light: #b63e11,
   $secondary-dark: #872e0d,
@@ -137,7 +140,7 @@ $qms-theme-default: (
   $disabled: #e4e4e4,
   $active: #1954a9,
   $default-color: #323232,
-  $disabled-select-input-checked: #DADADA,
+  $disabled-select-input-checked: #dadada,
   $slider-background: rgba(#1954a9, 0.38),
   $slider-tick-color: rgba(255, 255, 255, 0.38),
   $slider-hover-border: rgba(25, 84, 169, 8%),
@@ -208,8 +211,12 @@ $qms-theme-default: (
   $tab-primary-background-hover: rgba(255, 255, 255, 0.08),
   $tab-primary-border: rgba(255, 255, 255, 0.38),
   $tab-disable-background: rgba(25, 84, 169, 0.12),
-  $-qms-app-bar-dark-background-color: #0d6efd,
-  $-qms-app-bar-light-background-color: #c41e1e,
+  $qms-app-bar-dark-background-color: #0d6efd,
+  $qms-app-bar-light-background-color: #c41e1e,
+  $other-divider: #e0e0e0,
+  $ws-text-secondary: #5a5a5a,
+  $ws-text-primary: #242424,
+  $ws-action-active: #707070
 );
 
 $qms-theme-pink: (
@@ -217,13 +224,13 @@ $qms-theme-pink: (
   $primary-light: #2873df,
   $primary-lighter: #b7daf8,
   $primary-light-3-opacity: #f5faff,
-  $primary-light-6-opacity: #F2F7FD,
-  $primary-light-12-opacity: #E5EEFB,
+  $primary-light-6-opacity: #f2f7fd,
+  $primary-light-12-opacity: #e5eefb,
   $primary-light-24-opacity: rgba(40, 115, 223, 0.24),
   $primary-light-32-opacity: #94baef,
-  $primary-light-38-opacity: #86A5D1,
+  $primary-light-38-opacity: #86a5d1,
   $primary-dark: #144285,
-  $primary-dark-24-opacity: #C8D6EA,
+  $primary-dark-24-opacity: #c8d6ea,
   $secondary: #9e360f,
   $secondary-light: #b63e11,
   $secondary-dark: #872e0d,
@@ -236,7 +243,7 @@ $qms-theme-pink: (
   $disabled: #e4e4e4,
   $active: #1954a9,
   $default-color: #323232,
-  $disabled-select-input-checked: #DADADA,
+  $disabled-select-input-checked: #dadada,
   $slider-background: rgba(#1954a9, 0.38),
   $slider-tick-color: rgba(255, 255, 255, 0.38),
   $slider-hover-border: rgba(25, 84, 169, 8%),
@@ -307,6 +314,10 @@ $qms-theme-pink: (
   $tab-primary-background-hover: rgba(255, 255, 255, 0.08),
   $tab-primary-border: rgba(255, 255, 255, 0.38),
   $tab-disable-background: rgba(25, 84, 169, 0.12),
-  $-qms-app-bar-dark-background-color: #0d6efd,
-  $-qms-app-bar-light-background-color: #c41e1e,
+  $qms-app-bar-dark-background-color: #0d6efd,
+  $qms-app-bar-light-background-color: #c41e1e,
+  $other-divider: #e0e0e0,
+  $ws-text-secondary: #5a5a5a,
+  $ws-text-primary: #242424,
+  $ws-action-active: #707070
 );