@ng-select/ng-select - npm Package Compare versions

Comparing version 13.7.2 to 13.8.0

lib/config.service.d.ts

 import * as i0 from "@angular/core";
 export declare class NgSelectConfig {
     placeholder: string;
+    fixedPlaceholder: boolean;
     notFoundText: string;
@@ -5,0 +6,0 @@ typeToSearchText: string;

lib/ng-select.component.d.ts

@@ -26,2 +26,3 @@ import { OnChanges, OnDestroy, OnInit, AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef, ElementRef, SimpleChanges, QueryList, InjectionToken } from '@angular/core';
     placeholder: string;
+    fixedPlaceholder: boolean;
     notFoundText: string;
@@ -204,3 +205,3 @@ typeToSearchText: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSelectComponent, [{ attribute: "class"; }, { attribute: "autofocus"; }, null, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectComponent, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "ngClass": { "alias": "ngClass"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "deselectOnClick": { "alias": "deselectOnClick"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "placeholderTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "ngOptions"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgSelectComponent, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "ngClass": { "alias": "ngClass"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "deselectOnClick": { "alias": "deselectOnClick"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "placeholderTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "ngOptions"], never, true, never>;
     static ngAcceptInputType_markFirst: unknown;
@@ -207,0 +208,0 @@ static ngAcceptInputType_loading: unknown;

package.json

 {
   "name": "@ng-select/ng-select",
-  "version": "13.7.2",
+  "version": "13.8.0",
   "description": "Angular ng-select - All in One UI Select, Multiselect and Autocomplete",
@@ -5,0 +5,0 @@ "author": "@ng-select/ng-select",

README.md

@@ -198,50 +198,51 @@ [![npm version](https://badge.fury.io/js/%40ng-select%2Fng-select.svg)](https://badge.fury.io/js/%40ng-select%2Fng-select)
 ### Inputs
-| Input  | Type | Default | Required | Description |
-| ------------- | ------------- | ------------- | ------------- | ------------- |
-| [addTag] | `boolean \| ((term: string) => any \| Promise<any>)`  | `false` | no | Allows to create custom options. |
-| addTagText | `string` | `Add item` | no | Set custom text when using tagging |
-| appearance | `string` | `underline` | no | Allows to select dropdown appearance. Set to `outline` to add border instead of underline (applies only to Material theme) |
-| appendTo | `string` |  null | no | Append dropdown to body or any other element using css selector. For correct positioning `body` should have `position:relative` |
-| bufferAmount | `string` |  null | no | Append dropdown to body or any other element using css selector. For correct positioning `body` should have `position:relative` |
-| bindValue  | `string` | `-` | no | Object property to use for selected model. By default binds to whole object. |
-| bindLabel  | `string` | `label` | no | Object property to use for label. Default `label`  |
-| [closeOnSelect] | `boolean` |  true | no | Whether to close the menu when a value is selected |
-| clearAllText | `string` | `Clear all` | no | Set custom text for clear all icon title |
-| [clearable] | `boolean` | `true` | no | Allow to clear selected value. Default `true`|
-| [clearOnBackspace] | `boolean` | `true` | no | Clear selected values one by one when clicking backspace. Default `true`|
-| [compareWith] | `(a: any, b: any) => boolean` | `(a, b) => a === b` | no | A function to compare the option values with the selected values. The first argument is a value from an option. The second is a value from the selection(model). A boolean should be returned. |
-| dropdownPosition | `bottom` \| `top` \| `auto` |  `auto` | no | Set the dropdown position on open |
-| [groupBy] | `string` \| `Function` | null | no | Allow to group items by key or function expression |
-| [groupValue] |  `(groupKey: string, children: any[]) => Object` | - | no | Function expression to provide group value |
-| [selectableGroup] | `boolean` | false | no | Allow to select group when groupBy is used |
-| [selectableGroupAsModel] | `boolean` | true | no | Indicates whether to select all children or group itself  |
-| [items] | `Array<any>` | `[]` | yes | Items array |
-| [loading] | `boolean` |  `-` | no | You can set the loading state from the outside (e.g. async items loading) |
-| loadingText | `string` | `Loading...` | no | Set custom text when for loading items |
-| labelForId | `string` | `-` | no | Id to associate control with label. |
-| [markFirst] | `boolean` | `true` | no | Marks first item as focused when opening/filtering. |
-| [isOpen] | `boolean` | `-` | no | Allows manual control of dropdown opening and closing. `true` - won't close. `false` - won't open. |
-| maxSelectedItems | `number` | none | no | When multiple = true, allows to set a limit number of selection. |
-| [hideSelected] | `boolean` | `false` | no | Allows to hide selected items. |
-| [multiple] | `boolean` | `false` | no | Allows to select multiple items. |
-| notFoundText | `string` | `No items found` | no | Set custom text when filter returns empty result |
-| placeholder | `string` | `-` | no | Placeholder text. |
-| [searchable] | `boolean` | `true` | no | Allow to search for value. Default `true`|
-| [readonly] | `boolean` | `false` | no | Set ng-select as readonly. Mostly used with reactive forms. |
-| [searchFn] | `(term: string, item: any) => boolean` | `null` | no | Allow to filter by custom search function |
-| [searchWhileComposing] | `boolean` | `true` | no | Whether items should be filtered while composition started |
-| [trackByFn] | `(item: any) => any` | `null` | no | Provide custom trackBy function |
-| [clearSearchOnAdd] | `boolean` | `true` | no | Clears search input when item is selected. Default `true`. Default `false` when **closeOnSelect** is `false` |
-| [deselectOnClick] | `boolean` | `false` | no | Deselects a selected item when it is clicked in the dropdown. Default `false`. Default `true` when **multiple** is `true` |
-| [editableSearchTerm] | `boolean` |  `false` | no | Allow to edit search query if option selected. Default `false`. Works only if multiple is `false`. |
-| [selectOnTab] | `boolean` | `false` | no | Select marked dropdown item using tab. Default `false`|
-| [openOnEnter] | `boolean` | `true` | no | Open dropdown using enter. Default `true`|
-| [typeahead] | `Subject` |  `-` | no | Custom autocomplete or advanced filter. |
-| [minTermLength] | `number` |  `0` | no | Minimum term length to start a search. Should be used with `typeahead` |
-| typeToSearchText | `string` | `Type to search` | no | Set custom text when using Typeahead |
-| [virtualScroll] | `boolean` |  false | no | Enable virtual scroll for better performance when rendering a lot of data |
-| [inputAttrs] | `{ [key: string]: string }` |  `-` | no | Pass custom attributes to underlying `input` element |
-| [tabIndex] | `number` |  `-` | no | Set tabindex on ng-select |
-| [preventToggleOnRightClick] | `boolean` |  `false` | no | Prevent opening of ng-select on right mouse click |
-| [keyDownFn] | `($event: KeyboardEvent) => bool` |  `true` | no | Provide custom keyDown function. Executed before default handler. Return false to suppress execution of default key down handlers  |
+| Input                       | Type                                                 | Default             | Required | Description                                                                                                                                                                                    |
+|-----------------------------|------------------------------------------------------|---------------------| ------------- |------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| [addTag]                    | `boolean \| ((term: string) => any \| Promise<any>)` | `false`             | no | Allows to create custom options.                                                                                                                                                               |
+| addTagText                  | `string`                                             | `Add item`          | no | Set custom text when using tagging                                                                                                                                                             |
+| appearance                  | `string`                                             | `underline`         | no | Allows to select dropdown appearance. Set to `outline` to add border instead of underline (applies only to Material theme)                                                                     |
+| appendTo                    | `string`                                             | null                | no | Append dropdown to body or any other element using css selector. For correct positioning `body` should have `position:relative`                                                                |
+| bufferAmount                | `string`                                             | null                | no | Append dropdown to body or any other element using css selector. For correct positioning `body` should have `position:relative`                                                                |
+| bindValue                   | `string`                                             | `-`                 | no | Object property to use for selected model. By default binds to whole object.                                                                                                                   |
+| bindLabel                   | `string`                                             | `label`             | no | Object property to use for label. Default `label`                                                                                                                                              |
+| [closeOnSelect]             | `boolean`                                            | true                | no | Whether to close the menu when a value is selected                                                                                                                                             |
+| clearAllText                | `string`                                             | `Clear all`         | no | Set custom text for clear all icon title                                                                                                                                                       |
+| [clearable]                 | `boolean`                                            | `true`              | no | Allow to clear selected value. Default `true`                                                                                                                                                  |
+| [clearOnBackspace]          | `boolean`                                            | `true`              | no | Clear selected values one by one when clicking backspace. Default `true`                                                                                                                       |
+| [compareWith]               | `(a: any, b: any) => boolean`                        | `(a, b) => a === b` | no | A function to compare the option values with the selected values. The first argument is a value from an option. The second is a value from the selection(model). A boolean should be returned. |
+| dropdownPosition            | `bottom` \| `top` \| `auto`                          | `auto`              | no | Set the dropdown position on open                                                                                                                                                              |
+| [fixedPlaceholder]          | `boolean`                                            | `false`             | no | Set placeholder visible even when an item is selected                                                                                                                                          |
+| [groupBy]                   | `string` \| `Function`                               | null                | no | Allow to group items by key or function expression                                                                                                                                             |
+| [groupValue]                | `(groupKey: string, children: any[]) => Object`      | -                   | no | Function expression to provide group value                                                                                                                                                     |
+| [selectableGroup]           | `boolean`                                            | false               | no | Allow to select group when groupBy is used                                                                                                                                                     |
+| [selectableGroupAsModel]    | `boolean`                                            | true                | no | Indicates whether to select all children or group itself                                                                                                                                       |
+| [items]                     | `Array<any>`                                         | `[]`                | yes | Items array                                                                                                                                                                                    |
+| [loading]                   | `boolean`                                            | `-`                 | no | You can set the loading state from the outside (e.g. async items loading)                                                                                                                      |
+| loadingText                 | `string`                                             | `Loading...`        | no | Set custom text when for loading items                                                                                                                                                         |
+| labelForId                  | `string`                                             | `-`                 | no | Id to associate control with label.                                                                                                                                                            |
+| [markFirst]                 | `boolean`                                            | `true`              | no | Marks first item as focused when opening/filtering.                                                                                                                                            |
+| [isOpen]                    | `boolean`                                            | `-`                 | no | Allows manual control of dropdown opening and closing. `true` - won't close. `false` - won't open.                                                                                             |
+| maxSelectedItems            | `number`                                             | none                | no | When multiple = true, allows to set a limit number of selection.                                                                                                                               |
+| [hideSelected]              | `boolean`                                            | `false`             | no | Allows to hide selected items.                                                                                                                                                                 |
+| [multiple]                  | `boolean`                                            | `false`             | no | Allows to select multiple items.                                                                                                                                                               |
+| notFoundText                | `string`                                             | `No items found`    | no | Set custom text when filter returns empty result                                                                                                                                               |
+| placeholder                 | `string`                                             | `-`                 | no | Placeholder text.                                                                                                                                                                              |
+| [searchable]                | `boolean`                                            | `true`              | no | Allow to search for value. Default `true`                                                                                                                                                      |
+| [readonly]                  | `boolean`                                            | `false`             | no | Set ng-select as readonly. Mostly used with reactive forms.                                                                                                                                    |
+| [searchFn]                  | `(term: string, item: any) => boolean`               | `null`              | no | Allow to filter by custom search function                                                                                                                                                      |
+| [searchWhileComposing]      | `boolean`                                            | `true`              | no | Whether items should be filtered while composition started                                                                                                                                     |
+| [trackByFn]                 | `(item: any) => any`                                 | `null`              | no | Provide custom trackBy function                                                                                                                                                                |
+| [clearSearchOnAdd]          | `boolean`                                            | `true`              | no | Clears search input when item is selected. Default `true`. Default `false` when **closeOnSelect** is `false`                                                                                   |
+| [deselectOnClick]           | `boolean`                                            | `false`             | no | Deselects a selected item when it is clicked in the dropdown. Default `false`. Default `true` when **multiple** is `true`                                                                      |
+| [editableSearchTerm]        | `boolean`                                            | `false`             | no | Allow to edit search query if option selected. Default `false`. Works only if multiple is `false`.                                                                                             |
+| [selectOnTab]               | `boolean`                                            | `false`             | no | Select marked dropdown item using tab. Default `false`                                                                                                                                         |
+| [openOnEnter]               | `boolean`                                            | `true`              | no | Open dropdown using enter. Default `true`                                                                                                                                                      |
+| [typeahead]                 | `Subject`                                            | `-`                 | no | Custom autocomplete or advanced filter.                                                                                                                                                        |
+| [minTermLength]             | `number`                                             | `0`                 | no | Minimum term length to start a search. Should be used with `typeahead`                                                                                                                         |
+| typeToSearchText            | `string`                                             | `Type to search`    | no | Set custom text when using Typeahead                                                                                                                                                           |
+| [virtualScroll]             | `boolean`                                            | false               | no | Enable virtual scroll for better performance when rendering a lot of data                                                                                                                      |
+| [inputAttrs]                | `{ [key: string]: string }`                          | `-`                 | no | Pass custom attributes to underlying `input` element                                                                                                                                           |
+| [tabIndex]                  | `number`                                             | `-`                 | no | Set tabindex on ng-select                                                                                                                                                                      |
+| [preventToggleOnRightClick] | `boolean`                                            | `false`             | no | Prevent opening of ng-select on right mouse click                                                                                                                                              |
+| [keyDownFn]                 | `($event: KeyboardEvent) => bool`                    | `true`              | no | Provide custom keyDown function. Executed before default handler. Return false to suppress execution of default key down handlers                                                              |
 
@@ -248,0 +249,0 @@ ### Outputs

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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

853023

increased by1.33%

Lines of code

7411

increased by0.11%

Number of lines in readme file

386

increased by0.26%

No dependency changes