qms-angular 2.0.5 → 2.0.7

package/lib/components/dialog/dialog.d.ts

@@ -1,16 +1,15 @@
-import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import { UntypedFormBuilder } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ConfirmDialog } from './constant';
 import * as i0 from "@angular/core";
-export declare class QMSConfirmDialog implements OnInit, AfterViewInit {
+export declare class QMSConfirmDialog implements OnInit {
     private fb;
     private _elRef;
     private dialogRef;
     info: ConfirmDialog;
     actionGroup: ElementRef;
     constructor(fb: UntypedFormBuilder, _elRef: ElementRef, dialogRef: MatDialogRef<QMSConfirmDialog>, data: any);
-    ngAfterViewInit(): void;
     ngOnInit(): void;
     save(): void;
     close(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qms-angular",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "dependencies": {
     "tslib": "^2.0.0"
   },

package/src/lib/components/select-access-dialog/select-access-dialog.component.scss

@@ -14,8 +14,10 @@
 }
 
 .mat-expansion-panel-header {
-  font-size: 12px !important;
   font-weight: 800 !important;
+  .title-content {
+    font-size: 12px !important;
+  }
 }
 
 .w-100 {
@@ -61,8 +63,8 @@
   font-size: 16px;
 }
 
-.chip-item-result {
-  // max-width: 250px;
+.mat-mdc-chip.chip-item-result {
+  max-width: 250px;
 
   &.item-department {
     .qms-chip-body {
@@ -404,9 +406,10 @@ span.chip-item-children__count {
 }
 // }
 
-::ng-deep .mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
-  white-space: nowrap;
-  width: 225px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+.mdc-evolution-chip-set .mat-mdc-standard-chip {
+  .mdc-evolution-chip__cell--primary,
+  .mdc-evolution-chip__action--primary,
+  .mat-mdc-chip-action-label {
+    overflow: hidden;
+  }
+}

package/src/themes/core/_form.scss

@@ -97,8 +97,8 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
       }
 
       .mat-datepicker-toggle {
-        margin-right: -4px;
-        margin-left: 7px;
+        margin-right: 0px;
+        margin-left: 0px;
       }
     }
 

package/src/themes/core/_tab.scss

@@ -7,8 +7,9 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      color: theme-apply($tab-dark-background);
+      // color: theme-apply($tab-dark-background);
       font-family: Open Sans, Arial, Sans-Serif;
+      font-weight: 600;
     }
 
     .qms-tab-label:hover {
@@ -76,7 +77,7 @@
       align-items: center;
       color: theme-apply($popup-title-color);
       font-family: Open Sans, Arial, Sans-Serif;
-      font-weight: 400;
+      font-weight: 600;
       .mat-icon {
         color: black(0.6);
       }
@@ -90,6 +91,13 @@
           color: theme-apply($active);
         }
       }
+
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
     }
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
     .mat-tab-disabled {
@@ -141,6 +149,11 @@
           .qms-tab-label {
             font-weight: 600;
           }
+
+          .mdc-tab-indicator__content--underline {
+            border-top-width: 3px;
+            border-color: theme-apply($active);
+          }
         }
         /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
         &:focus-visible,
@@ -175,7 +188,7 @@
   }
 
   &.qms-tab-group-advanced.primary {
-    background: theme-apply($tab-dark-background);
+    // background: theme-apply($tab-dark-background);
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
     .mat-tab-labels {
       border-bottom: 1px solid theme-apply($tab-primary-label);
@@ -185,7 +198,7 @@
       flex-direction: column;
       align-items: center;
       color: white;
-      font-weight: 400;
+      font-weight: 600;
       .mat-icon {
         color: theme-apply($tab-primary-icon);
       }
@@ -208,6 +221,12 @@
           color: white;
         }
       }
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
     }
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
@@ -238,6 +257,11 @@
           .qms-tab-label {
             font-weight: 600;
           }
+
+          .mdc-tab-indicator__content--underline {
+            border-top-width: 3px;
+            border-color: theme-apply($active);
+          }
         }
 
         &:focus-visible {
@@ -250,7 +274,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
       &.mat-tab-disabled:hover {
-        background: theme-apply($tab-dark-background);
+        // background: theme-apply($tab-dark-background);
       }
     }
 
@@ -295,8 +319,9 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      color: theme-apply($tab-dark-background);
+      // color: theme-apply($tab-dark-background);
       font-family: Open Sans, Arial, Sans-Serif;
+      font-weight: 600;
     }
 
     .qms-tab-label:hover {
@@ -306,6 +331,13 @@
     .mdc-tab--active {
       color: theme-apply($active);
       font-weight: 600;
+
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
     }
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
     .mat-tab-disabled {
@@ -352,6 +384,25 @@
         border-color: theme-apply($tab-border);
       }
     }
+
+    .mdc-tab-indicator__content--underline {
+      border-top-width: 3px;
+      border-color: theme-apply($active);
+    }
+
+    .mdc-tab--active {
+      .mdc-tab__text-label {
+        color: theme-apply($active);
+        font-weight: 600;
+      }
+
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
+    }
   }
 
   &.qms-tab-group-advanced {
@@ -359,9 +410,9 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      color: theme-apply($tab-dark-background);
+      // color: theme-apply($tab-dark-background);
       font-family: Open Sans, Arial, Sans-Serif;
-      font-weight: 400;
+      font-weight: 600;
       .mat-icon {
         color: black(0.6);
       }
@@ -375,6 +426,13 @@
           color: theme-apply($active);
         }
       }
+
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
     }
     /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
     .mat-tab-disabled {
@@ -423,6 +481,11 @@
           .qms-tab-label {
             font-weight: 600;
           }
+
+          .mdc-tab-indicator__content--underline {
+            border-top-width: 3px;
+            border-color: theme-apply($active);
+          }
         }
         /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
         &:focus-visible,
@@ -452,14 +515,14 @@
   }
 
   &.qms-tab-group-advanced.primary {
-    background: theme-apply($tab-dark-background);
+    // background: theme-apply($tab-dark-background);
 
     .qms-tab-label {
       display: flex;
       flex-direction: column;
       align-items: center;
       color: white;
-      font-weight: 400;
+      font-weight: 600;
       .mat-icon {
         color: theme-apply($tab-primary-icon);
       }
@@ -480,6 +543,13 @@
       .mat-icon {
         color: white;
       }
+
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
     }
 
     .mat-mdc-tab-link {
@@ -497,9 +567,6 @@
         background-color: theme-apply($tab-primary-label);
       }
 
-      .mat-ripple-element {
-        background-color: theme-apply($tab-dark-background);
-      }
       /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
       &.mdc-tab--active {
         &:hover {
@@ -507,6 +574,11 @@
           .qms-tab-label {
             font-weight: 600;
           }
+
+          .mdc-tab-indicator__content--underline {
+            border-top-width: 3px;
+            border-color: theme-apply($active);
+          }
         }
 
         &:focus-visible {
@@ -519,7 +591,7 @@
       }
       /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
       &.mat-tab-disabled:hover {
-        background: theme-apply($tab-dark-background);
+        // background: theme-apply($tab-dark-background);
       }
     }
 

package/src/themes/core/_table.scss

@@ -146,7 +146,6 @@
     .mat-mdc-header-cell:first-child {
       align-items: stretch !important;
       flex: unset;
-      padding-left: 4px;
 
       .qms-row-checkbox {
         padding: 0 19px;