ngx-select-dropdown - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

lib/ngx-select-dropdown.component.d.ts

@@ -81,2 +81,10 @@ import { SelectDropDownService } from "./ngx-select-dropdown.service";
     /**
+     * The height of the dropdown/items list
+     */
+    dropDownHeight: string;
+    /**
+     * The position to drop according to the visibility in viewport
+     */
+    top: string;
+    /**
      * Hold the reference to available items in the list to focus on the item when scrolling
@@ -114,2 +122,6 @@ */
     ngOnInit(): void;
+    isVisible(): {
+        visible: boolean;
+        element: HTMLElement;
+    };
     serviceSubscriptions(): void;
@@ -116,0 +128,0 @@ /**

lib/ngx-select-dropdown.service.d.ts

@@ -8,3 +8,3 @@ import { EventEmitter } from "@angular/core";
     constructor();
-    isOpen(instanceId: any): number;
+    isOpen(instanceId: any): boolean;
     /**
@@ -11,0 +11,0 @@ * @summary: Open a specific dropdown instance based on the instance ID.

package.json

 {
   "name": "ngx-select-dropdown",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "A angular(4+) select dropdown for single select or multiselct module.",
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -63,7 +63,7 @@ # ngx-select-dropdown
 ````
-<ngx-select-dropdown (change)="selectionChanged($event)" [multiple]="true" [(ngModel)]="dataModel" [config]="config" [options]="dropdownOptions"></ngx-select-dropdown>
+<ngx-select-dropdown [instanceId]="'instance1'" (change)="selectionChanged($event)" [multiple]="true" [(ngModel)]="dataModel" [config]="config" [options]="dropdownOptions"></ngx-select-dropdown>
 ````
 * use with reactive form like
 ````
-<ngx-select-dropdown (change)="selectionChanged($event)" formControlName="selectData" [multiple]="true" [config]="config" [options]="dropdownOptions"></ngx-select-dropdown>
+<ngx-select-dropdown [instanceId]="'instance2'"  (change)="selectionChanged($event)" formControlName="selectData" [multiple]="true" [config]="config" [options]="dropdownOptions"></ngx-select-dropdown>
 ````
@@ -79,2 +79,4 @@
 * `config: Object` - configuration object.
+* `instanceId: any` - instanceId of the dropdwon component instance.
+
 ````
@@ -105,2 +107,8 @@ config = {
 
+### Dropdown service (Injectable)
+* `openDropdown(instanceId:string)` - method to open a particular dropdown instance
+* `closeDropdown(instanceId:string)` - method to close a particular dropdown instance
+* `isOpen(instanceId:string)` - method to check if a particular instance dropdown is open
+* `openInstances: string[]` - instanceId list of all the open instances
+
 ### Change detection
@@ -199,2 +207,13 @@
 ````
+* v3.0.0
+````
+Dropdown singleton service to interact with dropdown instances
+Instance identifier
+Upgraded to Angular v14 
+````
+* v3.0.1
+````
+Auto drop based on the screen position
+Over-ride css styles for available and selected items using class names `selected-item(s)` and `available-item(s)`
+````
 ## Help Improve
@@ -201,0 +220,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

288034

increased by4.81%

Lines of code

2547

increased by3.28%

Number of lines in readme file

227

increased by9.13%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes