@ng-matero/ng-select 0.5.2 → 0.6.1

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 +73 -43
  2. package/fesm2022/ng-matero-ng-select.mjs.map +1 -1
  3. package/index.d.ts +16 -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;
@@ -80,6 +82,7 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
80
82
  private _handleScroll;
81
83
  private _handleOutsideClick;
82
84
  private _checkToClose;
85
+ private _coordinatesWithin;
83
86
  private _onItemsChange;
84
87
  private _updateItems;
85
88
  private _updateItemsRange;
@@ -96,8 +99,9 @@ declare class NgDropdownPanel implements OnInit, OnChanges, OnDestroy {
96
99
  private _updateYPosition;
97
100
  private _setupMousedownListener;
98
101
  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>;
102
+ 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
103
  static ngAcceptInputType_virtualScroll: unknown;
104
+ static ngAcceptInputType_multiple: unknown;
101
105
  }
102
106
 
103
107
  interface ItemsRangeResult {
@@ -229,6 +233,8 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
229
233
  readonly classes: string | null;
230
234
  _classList: Record<string, boolean>;
231
235
  _uid: string;
236
+ _listboxId: string;
237
+ _viewValuesId: string;
232
238
  bindLabel: string | undefined;
233
239
  bindValue: string | undefined;
234
240
  placeholder: string | undefined;
@@ -270,14 +276,16 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
270
276
  trackByFn: TrackByFn | null;
271
277
  appearance: string;
272
278
  tabIndex?: number;
279
+ inputAttrs: Record<string, string>;
273
280
  ariaLabel?: string | null;
274
281
  ariaLabelledby?: string | null;
275
- ariaDescribedby?: string | null;
276
- inputAttrs: Record<string, string>;
282
+ get ariaDescribedby(): string | null | undefined;
283
+ set ariaDescribedby(value: string | null | undefined);
284
+ private _ariaDescribedby?;
277
285
  set panelClass(value: string | string[] | Record<string, any> | undefined);
278
286
  get inputId(): string | null | undefined;
279
287
  set inputId(value: string | null | undefined);
280
- private _inputId?;
288
+ private _inputId;
281
289
  get items(): readonly any[] | null | undefined;
282
290
  set items(value: readonly any[] | null | undefined);
283
291
  private _items;
@@ -336,6 +344,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
336
344
  private readonly _keyPress$;
337
345
  get selectedItems(): NgOptionItem[];
338
346
  get selectedValues(): any[];
347
+ get selectedViewValuesStr(): string;
339
348
  get hasValue(): boolean;
340
349
  get currentPanelPosition(): DropdownPanelPosition | undefined;
341
350
  get showAddTag(): boolean;
@@ -346,7 +355,6 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
346
355
  get showClearButton(): boolean | "" | null;
347
356
  get showNoItemsFound(): boolean | "" | undefined;
348
357
  get showTypeToSearch(): boolean | undefined;
349
- get listboxId(): string;
350
358
  private _onChange;
351
359
  private _onTouched;
352
360
  trackByOption: (_: number, item: NgOptionItem) => any;
@@ -371,10 +379,10 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
371
379
  toggle(): void;
372
380
  open(): void;
373
381
  close(): void;
374
- toggleItem(item: NgOptionItem): void;
375
- select(item: NgOptionItem): void;
376
382
  focus(): void;
377
383
  blur(): void;
384
+ toggleItem(item: NgOptionItem): void;
385
+ select(item: NgOptionItem): void;
378
386
  unselect(item?: NgOptionItem | null): void;
379
387
  selectTag(): void;
380
388
  onCompositionStart(): void;
@@ -405,7 +413,7 @@ declare class NgSelect implements OnDestroy, OnChanges, OnInit, AfterViewInit, C
405
413
  private _nextItemIsTag;
406
414
  private _handleBackspace;
407
415
  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>;
416
+ 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
417
  static ngAcceptInputType_panelDisabled: unknown;
410
418
  static ngAcceptInputType_readonly: unknown;
411
419
  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.1",
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"