@ng-matero/ng-select 0.5.2 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/ng-matero-ng-select.mjs +54 -29
  2. package/fesm2022/ng-matero-ng-select.mjs.map +1 -1
  3. package/index.d.ts +15 -8
  4. package/package.json +4 -4
package/index.d.ts CHANGED
@@ -12,6 +12,7 @@ interface NgOptionItem {
12
12
  marked?: boolean;
13
13
  label?: string;
14
14
  value?: string | any;
15
+ viewValue?: string | null;
15
16
  parent?: NgOptionItem | null;
16
17
  children?: NgOptionItem[] | null;
17
18
  }
@@ -38,6 +39,7 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
38
39
  appendTo?: string;
39
40
  bufferAmount: number;
40
41
  virtualScroll: boolean;
42
+ multiple: boolean;
41
43
  headerTemplate?: TemplateRef<any>;
42
44
  footerTemplate?: TemplateRef<any>;
43
45
  filterValue: string | null;
@@ -96,8 +98,9 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
96
98
  private _updateYPosition;
97
99
  private _setupMousedownListener;
98
100
  static ɵfac: i0.ɵɵFactoryDeclaration<NgDropdownPanel, never>;
99
- static ɵcmp: i0.ɵɵComponentDeclaration<NgDropdownPanel, "ng-dropdown-panel", never, { "listboxId": { "alias": "listboxId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "markedItem": { "alias": "markedItem"; "required": false; }; "position": { "alias": "position"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, { "update": "update"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; "outsideClick": "outsideClick"; }, never, ["*"], true, never>;
101
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgDropdownPanel, "ng-dropdown-panel", never, { "listboxId": { "alias": "listboxId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "markedItem": { "alias": "markedItem"; "required": false; }; "position": { "alias": "position"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; }, { "update": "update"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; "outsideClick": "outsideClick"; }, never, ["*"], true, never>;
100
102
  static ngAcceptInputType_virtualScroll: unknown;
103
+ static ngAcceptInputType_multiple: unknown;
101
104
  }
102
105
 
103
106
  interface ItemsRangeResult {
@@ -229,6 +232,8 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
229
232
  readonly classes: string | null;
230
233
  _classList: Record<string, boolean>;
231
234
  _uid: string;
235
+ _listboxId: string;
236
+ _viewValuesId: string;
232
237
  bindLabel: string | undefined;
233
238
  bindValue: string | undefined;
234
239
  placeholder: string | undefined;
@@ -270,14 +275,16 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
270
275
  trackByFn: TrackByFn | null;
271
276
  appearance: string;
272
277
  tabIndex?: number;
278
+ inputAttrs: Record<string, string>;
273
279
  ariaLabel?: string | null;
274
280
  ariaLabelledby?: string | null;
275
- ariaDescribedby?: string | null;
276
- inputAttrs: Record<string, string>;
281
+ get ariaDescribedby(): string | null | undefined;
282
+ set ariaDescribedby(value: string | null | undefined);
283
+ private _ariaDescribedby?;
277
284
  set panelClass(value: string | string[] | Record<string, any> | undefined);
278
285
  get inputId(): string | null | undefined;
279
286
  set inputId(value: string | null | undefined);
280
- private _inputId?;
287
+ private _inputId;
281
288
  get items(): readonly any[] | null | undefined;
282
289
  set items(value: readonly any[] | null | undefined);
283
290
  private _items;
@@ -336,6 +343,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
336
343
  private readonly _keyPress$;
337
344
  get selectedItems(): NgOptionItem[];
338
345
  get selectedValues(): any[];
346
+ get selectedViewValuesStr(): string;
339
347
  get hasValue(): boolean;
340
348
  get currentPanelPosition(): DropdownPanelPosition | undefined;
341
349
  get showAddTag(): boolean;
@@ -346,7 +354,6 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
346
354
  get showClearButton(): boolean | "" | null;
347
355
  get showNoItemsFound(): boolean | "" | undefined;
348
356
  get showTypeToSearch(): boolean | undefined;
349
- get listboxId(): string;
350
357
  private _onChange;
351
358
  private _onTouched;
352
359
  trackByOption: (_: number, item: NgOptionItem) => any;
@@ -371,10 +378,10 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
371
378
  toggle(): void;
372
379
  open(): void;
373
380
  close(): void;
374
- toggleItem(item: NgOptionItem): void;
375
- select(item: NgOptionItem): void;
376
381
  focus(): void;
377
382
  blur(): void;
383
+ toggleItem(item: NgOptionItem): void;
384
+ select(item: NgOptionItem): void;
378
385
  unselect(item?: NgOptionItem | null): void;
379
386
  selectTag(): void;
380
387
  onCompositionStart(): void;
@@ -405,7 +412,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
405
412
  private _nextItemIsTag;
406
413
  private _handleBackspace;
407
414
  static ɵfac: i0.ɵɵFactoryDeclaration<NgSelect, never>;
408
- static ɵcmp: i0.ɵɵComponentDeclaration<NgSelect, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelPosition": { "alias": "panelPosition"; "required": false; }; "panelDisabled": { "alias": "panelDisabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "inputId": { "alias": "inputId"; "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", "clearButtonTemplate", "ngOptions"], never, true, never>;
415
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgSelect, "ng-select", never, { "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fixedPlaceholder": { "alias": "fixedPlaceholder"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "panelPosition": { "alias": "panelPosition"; "required": false; }; "panelDisabled": { "alias": "panelDisabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "preventToggleOnRightClick": { "alias": "preventToggleOnRightClick"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "inputId": { "alias": "inputId"; "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", "clearButtonTemplate", "ngOptions"], never, true, never>;
409
416
  static ngAcceptInputType_panelDisabled: unknown;
410
417
  static ngAcceptInputType_readonly: unknown;
411
418
  static ngAcceptInputType_multiple: unknown;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-matero/ng-select",
3
- "version": "0.5.2",
3
+ "version": "0.6.0",
4
4
  "description": "Angular Select - All in One UI Select, Multiselect and Autocomplete",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -54,9 +54,9 @@
54
54
  }
55
55
  },
56
56
  "peerDependencies": {
57
- "@angular/common": ">=17.0.0",
58
- "@angular/core": ">=17.0.0",
59
- "@angular/forms": ">=17.0.0"
57
+ "@angular/common": ">=17.3.0",
58
+ "@angular/core": ">=17.3.0",
59
+ "@angular/forms": ">=17.3.0"
60
60
  },
61
61
  "dependencies": {
62
62
  "tslib": "^2.3.0"