ng-jvx-multiselect 1.2.8 → 1.3.0

package/lib/ng-jvx-option/ng-jvx-option.component.d.ts

@@ -1,5 +1,5 @@
 import { DoCheck, OnInit } from '@angular/core';
-import { MatListOption } from '@angular/material/list';
+import { MatLegacyListOption as MatListOption } from '@angular/material/legacy-list';
 import * as i0 from "@angular/core";
 export declare class NgJvxOptionComponent implements OnInit, DoCheck {
     listOption: MatListOption;
@@ -10,5 +10,5 @@ export declare class NgJvxOptionComponent implements OnInit, DoCheck {
     ngDoCheck(): void;
     deselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxOptionComponent, "ng-jvx-option", never, { "value": "value"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxOptionComponent, "ng-jvx-option", never, { "value": "value"; }, {}, never, ["*"], false, never>;
 }

package/lib/ng-jvx-option/ng-jvx-option.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-jvx-option.component.d.ts","sourceRoot":"","sources":["../../../../projects/ng-jvx-multiselect/src/lib/ng-jvx-option/ng-jvx-option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,OAAO,EAAqB,MAAM,EAAY,MAAM,eAAe,CAAC;AACvH,OAAO,EAAC,mBAAmB,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;;AAEnF,qBAMa,oBAAqB,YAAW,MAAM,EAAE,OAAO;IACjB,UAAU,EAAE,aAAa,CAAC;IAC1D,KAAK,EAAE,GAAG,CAAC;IACb,UAAU,UAAS;;IAK1B,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;IAMjB,QAAQ,IAAI,IAAI;yCAlBL,oBAAoB;2CAApB,oBAAoB;CAqBhC"}

package/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../projects/ng-jvx-multiselect/src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAEnE,eAAO,MAAM,cAAc,2BAA6C,CAAC;AACzE,eAAO,MAAM,UAAU,QAAO,GAAkD,CAAC"}

package/ng-jvx-multiselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-jvx-multiselect.d.ts","sourceRoot":"","sources":["../../projects/ng-jvx-multiselect/src/ng-jvx-multiselect.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-jvx-multiselect",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "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": {
     ".": {
@@ -17,14 +17,11 @@
     }
   },
   "peerDependencies": {
-    "@angular/common": "^14.0.2",
-    "@angular/core": "^14.0.2",
-    "@angular/material": "^14.0.2",
+    "@angular/common": "15.0.4",
+    "@angular/core": "15.0.4",
+    "@angular/material": "^15.0.3",
     "ngx-scrollbar": "^10.0.0"
   },
-  "dependencies": {
-    "tslib": "^2.0.0"
-  },
   "umdModuleIds": {
     "ngx-scrollbar": "ngx-scrollbar"
   },
@@ -44,5 +41,8 @@
   "fesm2020": "fesm2020/ng-jvx-multiselect.mjs",
   "fesm2015": "fesm2015/ng-jvx-multiselect.mjs",
   "typings": "index.d.ts",
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/ng-jvx-multiselect/src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,sCAAsC,CAAC;AACrD,cAAc,aAAa,CAAC"}

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

@@ -177,11 +177,31 @@
     .mat-menu-panel.jvx-multiselect-panel {
       min-width: 100%;
       max-width: 100%;
-
+      position: relative;
+      overflow: visible;
+      .closeMenuButton {
+        height: 22px;
+        width: 22px;
+        background-color: #{$primary};
+        position: absolute;
+        top: -11px;
+        right: 11px;
+        border-radius: 100%;
+        cursor: pointer;
+        color: #fff;
+        z-index: 10;
+        mat-icon{
+          font-size: 15px;
+          height: 100%;
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
       .mat-menu-content {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
-
         .menu-list-container {
           ng-scrollbar {
             --scrollbar-color: transparent;