qms-angular 2.0.6 → 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.6",
+  "version": "2.0.7",
   "dependencies": {
     "tslib": "^2.0.0"
   },

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

@@ -63,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 {
@@ -406,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

@@ -91,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 {
@@ -142,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,
@@ -209,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. */
@@ -239,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 {
@@ -308,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 {
@@ -365,6 +395,13 @@
         color: theme-apply($active);
         font-weight: 600;
       }
+
+      &:hover {
+        .mdc-tab-indicator__content--underline {
+          border-top-width: 3px;
+          border-color: theme-apply($active);
+        }
+      }
     }
   }
 
@@ -389,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 {
@@ -437,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,
@@ -494,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 {
@@ -511,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 {
@@ -521,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 {