ng-jvx-multiselect 16.0.3 → 16.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-jvx-multiselect",
-  "version": "16.0.3",
+  "version": "16.0.5",
   "description": "ng-jvx-multiselect is a select based on angular material. It handles both single and multiple selections and allows to retrieves the options via asynchronous calls.",
   "exports": {
     ".": {

package/src/lib/ng-jvx-multiselect.component.scss

@@ -41,9 +41,9 @@
           flex: 1 1 100%;
           max-width: calc(100% - 28px);
           display: flex;
-          align-items: center;
-          /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
-          /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
+          align-items: center;
+          /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
+          /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
           .mat-chip-list-wrapper {
             .mat-mdc-standard-chip {
               padding: 0 5px 0 7px;
@@ -160,8 +160,8 @@
         }
       }
     }
-  }
-  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
+  }
+  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
   .mat-select-test {
     width: 250px;
   }
@@ -181,6 +181,7 @@
       max-width: 100%;
       position: relative;
       overflow: visible;
+
       .closeMenuButton {
         height: 22px;
         width: 22px;
@@ -192,7 +193,8 @@
         cursor: pointer;
         color: #fff;
         z-index: 10;
-        mat-icon{
+
+        mat-icon {
           color: #fff;
           font-size: 15px;
           height: 100%;
@@ -202,9 +204,11 @@
           justify-content: center;
         }
       }
+
       .mat-mdc-menu-content {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
+
         .menu-list-container {
           ng-scrollbar {
             --scrollbar-color: transparent;
@@ -242,10 +246,10 @@
 
         .mat-mdc-selection-list {
           padding-top: 0 !important;
-          padding-bottom: 0 !important;
-          /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
-          mat-list-option[aria-selected="true"], mat-list-option[aria-selected="false"] {
-            mat-pseudo-checkbox {
+          padding-bottom: 0 !important;
+
+          .mat-mdc-list-option[aria-selected="true"], .mat-mdc-list-option[aria-selected="false"] {
+            .mdc-checkbox {
               display: none
             }
           }

package/src/lib/ng-jvx-option/ng-jvx-option.component.scss

@@ -9,12 +9,10 @@
     $primary: mat.get-color-from-palette(map.get($theme, primary));
     $accent: mat.get-color-from-palette(map.get($theme, accent));
     $warn: mat.get-color-from-palette(map.get($theme, warn));
-  }
-  /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
-  mat-list-option.mat-mdc-list-item.mat-list-option.ng-jvx-option {
+  }
+  .mat-mdc-list-item.mat-mdc-list-option.ng-jvx-option {
     height: auto;
-    min-height: 48px;
-    /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
+    min-height: 48px;
     .mat-list-text {
       min-height: 48px;
       display: flex;