qms-angular 1.0.73 → 1.0.74

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

@@ -12,12 +12,18 @@
 
     &.active {
       background-color: #F2F7FD;
+      color           : #1954A9 !important;
+
+      img {
+        filter: opacity(0.5) drop-shadow(0 0 0 #1954A9);
+      }
     }
 
     .tree-content {
-      width   : 100%;
-      position: relative;
-      cursor: pointer;
+      width      : 100%;
+      position   : relative;
+      cursor     : pointer;
+      align-items: center;
     }
 
     .arrow-icon {
@@ -26,14 +32,13 @@
 
     .collapse-expand-icon {
       color: #3e57b7;
+
       &:hover {
         background: rgba(0, 0, 0, 0.08);
       }
     }
 
     .add-icon {
-      color: #3e57b7;
-
       &:hover {
         background: rgba(0, 0, 0, 0.08);
       }
@@ -87,10 +92,11 @@
     }
 
     .tree-content {
+      display: flex;
 
       .button-icon {
-        width        : 30px;
-        height       : 30px;
+        width        : 40px;
+        height       : 40px;
         line-height  : 30px !important;
         border-radius: 50%;
 
@@ -106,18 +112,20 @@
 
       .add-icon {
         position: absolute;
-        top     : -2px;
         right   : -34px;
 
+
         mat-icon {
           top          : 3px;
           right        : 3px;
           border-radius: 50%;
+          color        : rgba(0, 0, 0, 0.6);
         }
+
       }
 
       .favorite {
-        color: #b13514;
+        color: #b13514 !important;
       }
 
       .not-favorite {
@@ -125,7 +133,7 @@
       }
 
       .btn-favorite {
-        right: -5px;
+        right: 6px;
         color: unset;
       }
 
@@ -139,19 +147,11 @@
         position          : relative;
         overflow          : hidden;
         text-overflow     : ellipsis;
-        padding-left      : 42px;
-        max-width: calc(100% - 56px);
+        padding-left      : 7px;
+        max-width         : calc(100% - 56px);
         display           : -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
-        //       position: relative;
-        // max-width: 100%;
-        // white-space: nowrap;
-        // overflow: hidden;
-        // text-overflow: ellipsis;
-        // margin-top: 5px;
-        // padding-left: 34px;
-        // width: 95%;
       }
 
       .span-text:after {
@@ -159,8 +159,8 @@
         display: block;
         clear  : both;
       }
-
     }
+
   }
 
   .mat-tree-node:first-child {
@@ -179,4 +179,10 @@
     background: #F2F7FD;
   }
 
+  .mat-tree-node:hover {
+    .span-text {
+      max-width: calc(100% - 96px);
+    }
+  }
+
 }

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

@@ -10,6 +10,11 @@
         padding: 0 8px;
         flex-wrap: wrap-reverse;
         width: 100%;
+        .mat-select {
+            .mat-select-arrow {
+                margin-top: 17.5px;
+            }
+        }
         .qms-total-result {
             margin-right: 24px;
             margin-bottom: 15px;
@@ -68,9 +73,19 @@
                 line-height: 22px;
                 color: #323232;
             }
+            button:not(.qms-btn-disabled) {
+                .qms-btn-icon-wrapper {
+                    color: #323232;
+                }
+            }
         }
     }
     .mat-paginator-container-mobile {
+        .mat-select {
+            .mat-select-arrow {
+                margin-top: 17.5px;
+            }
+        }
         .qms-total-result {
             margin-bottom: 16px;
             span {

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

@@ -106,20 +106,20 @@
   right: 0;
   overflow: auto;
   background: white;
-}
 
-.qmsckeditor__fullscreen .qms-ckeditor {
-  height: 98%;
-display: inline-block;
-  width: 100%;
-}
+ .qms-ckeditor {
+    height: 98%;
+    display: block;
+    width: 100%;
+  }
 
-.qmsckeditor__fullscreen .ck.ck-editor__main {
-  height: 98%;
-}
+  .ck.ck-editor__main {
+    height: 98%;
+  }
 
-.qmsckeditor__fullscreen .ck.ck-editor__editable {
-  height: inherit;
+  .ck.ck-editor__editable {
+    height: inherit;
+  }
 }
 
 .sub-container {

package/src/themes/core/_side-sheet.scss

@@ -3,7 +3,7 @@
         width: 354px;
         overflow: hidden;
         .qms-drawer-header{
-            padding: 16px 24px 16px 24px;
+            padding: 16px 0px;
             height: 68px;
             display: flex;
             align-items: center;
@@ -26,7 +26,7 @@
         }
 
         .qms-drawer-content{
-            padding: 0px 24px 0px 24px;
+            padding: 0px;
             max-height: calc(100% - 68px);
             overflow: auto;
         }

package/src/themes/core/_table.scss

@@ -2,54 +2,174 @@
 @import "colors";
 
 .qms-table {
-    .qms-row {
-        padding: 8px 0px 8px 12px;
+    .mat-checkbox.qms-group-options {
+        .mat-checkbox-inner-container {
+            margin: 0 !important;
+        }
+
+        &.mat-checkbox-indeterminate .mat-checkbox-background, &.mat-checkbox-checked .mat-checkbox-background {
+            background-color: $primary !important;
+        }
+
+        &.mat-checkbox-checked {
+            background: unset;
+        }
+    }
+
+    .mat-header-cell:first-child {
+        padding-left: 20px;
+    }
+
+    .qms-table-row {
+        padding: 8px 0 8px 20px;
         background: #FFFFFF;
         border: 1px solid #E0E0E0;
         border-radius: 4px;
         margin-top: 8px;
+        min-height: 56px;
+
+        mat-cell:first-of-type {
+            padding: 0;
+        }
+
+        &:focus {
+            border: 2px solid $primary;
+        }
+
+        &:hover {
+            background: rgba(0, 0, 0, 0.08)!important;
+        }
+
+        &-selected {
+            background: $tab-focus-background;
+        }
+
+        &-disabled {
+            background: #E4E4E4;
+            color: rgba(0, 0, 0, 0.38);
+            pointer-events: none;
+
+            mat-cell {
+                opacity: 0.38;
+            }
+        }
+        &-draft {
+            border: 2px dashed rgba(0, 0, 0, 0.12);
+        }
         cursor: pointer;
     }
-    .expanded {
-        background: #F2F7FD;
-        border-left: 4px solid $primary-light-32-opacity;
-    }
-    .qms-row-detail {
-        border: 1px solid #E0E0E0;
-        border-top: none;
-    }
-    .qms-row-group {
-        border-left: 4px solid $primary-light-32-opacity !important;
+
+    //padding for table types
+    &.qms-checkbox-table {
+        .mat-header-cell:first-child {
+            align-items: stretch!important;
+            flex: unset;
+            padding-left: 4px;
+    
+            .qms-row-checkbox {
+                padding: 0 19px;
+                display: flex;
+                align-items: center;
+            }
+        }
+
+        .qms-table-row {
+            padding-left: 4px;
+
+            .qms-row-checkbox-container:first-child {
+                align-items: stretch!important;
+                flex: unset;
+    
+                .qms-row-checkbox {
+                    padding: 0 19px;
+                    display: flex;
+                    align-items: center;
+                }
+            }
+        }
     }
-    .qms-collapse-group {
-        border: 1px solid #E0E0E0;
-        border-left: 4px solid $primary-light-32-opacity;
-        border-bottom-left-radius: 4px;
-        border-bottom-right-radius: 4px;
-        border-top: none;
-        padding-left: 15px;
-        padding-top: 6px;
-        cursor: pointer;
-        
-        .mat-icon {
-            color: $primary;
-        }
-        .qms-text-collapse {
-            vertical-align: super;
-            color: $primary;
-            font-weight: 600;
-            font-size: 12px;
-            line-height: 16px;
-	        font-family: Open Sans;
+
+    &.qms-expand-table {
+        .mat-header-cell {
+            padding-left: 0;
+            
+            .expand-icon-header {
+                margin-left: 15px;
+            }
+        }
+
+        .qms-table-row {
+            padding-left: 4px;
+
+            .expand-icon {
+                margin: 0 10px;
+            }
+
+            &.qms-row-expanded {
+                background: #F2F7FD;
+                border-left: 4px solid $primary-light-32-opacity;
+
+                .expand-icon {
+                    transform: rotate(180deg);
+                }
+
+                mat-icon {
+                    color: $primary;
+                }
+            }
+        }
+
+        .qms-row-detail {
+            border: 1px solid #E0E0E0;
+            border-top: none;
         }
     }
-    .qms-row-children {
-        margin-top: unset;
-        border-radius: unset;
-        &:last-child {
+
+    &.qms-group-table {
+        .qms-table-row {
+            padding-left: 0 !important;
+            border-left: 4px solid $primary-light-32-opacity;
+
+            &.expandable-group {
+                border-radius: 4px 4px 0 0;
+            }
+        }
+
+        .qms-collapse-group {
+            border: 1px solid #E0E0E0;
+            border-left: 4px solid $primary-light-32-opacity;
             border-bottom-left-radius: 4px;
             border-bottom-right-radius: 4px;
+            border-top: none;
+            padding-left: 12px;
+            padding-top: 6px;
+            background: $background-area;
+
+            cursor: pointer;
+            
+            .mat-icon {
+                color: $primary;
+            }
+            .qms-text-collapse {
+                vertical-align: super;
+                color: $primary;
+                font-weight: 600;
+                font-size: 12px;
+                line-height: 16px;
+                font-family: Open Sans;
+            }
+        }
+
+        .qms-row-children {
+            margin-top: unset;
+            border-radius: unset;
+        }
+    }
+
+    &.qms-checkbox-table.qms-expand-table {
+        .qms-table-row .qms-row-checkbox {
+            border-right: 1px solid rgba(0, 0, 0, 0.12);
+            border-radius: 0;
         }
     }
-  
 }

package/esm2015/lib/directives/side-sheet/drawer-content.directive.js

@@ -1,20 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-export class QMSDrawerContentDirective {
-    constructor(ele) {
-        this.ele = ele;
-    }
-    ngOnInit() {
-        if (this.ele) {
-            this.ele.nativeElement.classList.add('qms-drawer-content');
-        }
-    }
-}
-QMSDrawerContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[qms-drawer-content]',
-            },] }
-];
-QMSDrawerContentDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9kaXJlY3RpdmVzL3NpZGUtc2hlZXQvZHJhd2VyLWNvbnRlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBSzdELE1BQU0sT0FBTyx5QkFBeUI7SUFDbEMsWUFBb0IsR0FBZTtRQUFmLFFBQUcsR0FBSCxHQUFHLENBQVk7SUFDbkMsQ0FBQztJQUNELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLG9CQUFvQixDQUFDLENBQUM7U0FDOUQ7SUFDTCxDQUFDOzs7WUFWSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjthQUNuQzs7O1lBSm1CLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW3Ftcy1kcmF3ZXItY29udGVudF0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUU1TRHJhd2VyQ29udGVudERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZTogRWxlbWVudFJlZikge1xyXG4gICAgfVxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuZWxlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZWxlLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncW1zLWRyYXdlci1jb250ZW50Jyk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/directives/side-sheet/drawer-header-action.directive.js

@@ -1,20 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-export class QMSDrawerHeaderActionDirective {
-    constructor(ele) {
-        this.ele = ele;
-    }
-    ngOnInit() {
-        if (this.ele) {
-            this.ele.nativeElement.classList.add('qms-drawer-header__action');
-        }
-    }
-}
-QMSDrawerHeaderActionDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[qms-drawer-header-action]',
-            },] }
-];
-QMSDrawerHeaderActionDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWhlYWRlci1hY3Rpb24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcW1zLWFuZ3VsYXIvc3JjL2xpYi9kaXJlY3RpdmVzL3NpZGUtc2hlZXQvZHJhd2VyLWhlYWRlci1hY3Rpb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBSzdELE1BQU0sT0FBTyw4QkFBOEI7SUFDdkMsWUFBb0IsR0FBZTtRQUFmLFFBQUcsR0FBSCxHQUFHLENBQVk7SUFDbkMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLDJCQUEyQixDQUFDLENBQUM7U0FDckU7SUFDTCxDQUFDOzs7WUFYSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLDRCQUE0QjthQUN6Qzs7O1lBSm1CLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW3Ftcy1kcmF3ZXItaGVhZGVyLWFjdGlvbl0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUU1TRHJhd2VySGVhZGVyQWN0aW9uRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlOiBFbGVtZW50UmVmKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuZWxlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZWxlLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncW1zLWRyYXdlci1oZWFkZXJfX2FjdGlvbicpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0=

package/esm2015/lib/directives/side-sheet/drawer-header.directive.js

@@ -1,20 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-export class QMSDrawerHeaderDirective {
-    constructor(ele) {
-        this.ele = ele;
-    }
-    ngOnInit() {
-        if (this.ele) {
-            this.ele.nativeElement.classList.add('qms-drawer-header');
-        }
-    }
-}
-QMSDrawerHeaderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[qms-drawer-header]',
-            },] }
-];
-QMSDrawerHeaderDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWhlYWRlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2RpcmVjdGl2ZXMvc2lkZS1zaGVldC9kcmF3ZXItaGVhZGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUs3RCxNQUFNLE9BQU8sd0JBQXdCO0lBQ2pDLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO0lBQ25DLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1NBQzdEO0lBQ0wsQ0FBQzs7O1lBWEosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxxQkFBcUI7YUFDbEM7OztZQUptQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1txbXMtZHJhd2VyLWhlYWRlcl0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUU1TRHJhd2VySGVhZGVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlOiBFbGVtZW50UmVmKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuZWxlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZWxlLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncW1zLWRyYXdlci1oZWFkZXInKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2015/lib/directives/side-sheet/drawer.directive.js

@@ -1,20 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-export class QMSDrawerDirective {
-    constructor(ele) {
-        this.ele = ele;
-    }
-    ngOnInit() {
-        if (this.ele) {
-            this.ele.nativeElement.classList.add('qms-drawer');
-        }
-    }
-}
-QMSDrawerDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[qms-drawer]',
-            },] }
-];
-QMSDrawerDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvZGlyZWN0aXZlcy9zaWRlLXNoZWV0L2RyYXdlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFLN0QsTUFBTSxPQUFPLGtCQUFrQjtJQUMzQixZQUFvQixHQUFlO1FBQWYsUUFBRyxHQUFILEdBQUcsQ0FBWTtJQUNuQyxDQUFDO0lBQ0QsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDdEQ7SUFDTCxDQUFDOzs7WUFWSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7YUFDM0I7OztZQUptQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1txbXMtZHJhd2VyXScsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBRTVNEcmF3ZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGU6IEVsZW1lbnRSZWYpIHtcclxuICAgIH1cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmVsZSkge1xyXG4gICAgICAgICAgICB0aGlzLmVsZS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3Ftcy1kcmF3ZXInKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIl19