primeng 16.6.0 → 16.7.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 (175) hide show
  1. package/animate/animate.d.ts +3 -2
  2. package/animateonscroll/animateonscroll.d.ts +73 -0
  3. package/animateonscroll/index.d.ts +5 -0
  4. package/animateonscroll/public_api.d.ts +1 -0
  5. package/api/primengconfig.d.ts +1 -0
  6. package/autocomplete/autocomplete.d.ts +177 -54
  7. package/autocomplete/autocomplete.interface.d.ts +30 -0
  8. package/cascadeselect/cascadeselect.d.ts +188 -68
  9. package/cascadeselect/cascadeselect.interface.d.ts +19 -0
  10. package/checkbox/checkbox.d.ts +1 -4
  11. package/chips/chips.d.ts +21 -5
  12. package/colorpicker/colorpicker.d.ts +5 -5
  13. package/contextmenu/contextmenu.d.ts +1 -0
  14. package/dialog/dialog.d.ts +1 -2
  15. package/dom/domhandler.d.ts +4 -1
  16. package/dropdown/dropdown.d.ts +115 -37
  17. package/esm2022/accordion/accordion.mjs +11 -7
  18. package/esm2022/animate/animate.mjs +4 -1
  19. package/esm2022/animateonscroll/animateonscroll.mjs +185 -0
  20. package/esm2022/animateonscroll/primeng-animateonscroll.mjs +5 -0
  21. package/esm2022/animateonscroll/public_api.mjs +2 -0
  22. package/esm2022/api/primengconfig.mjs +2 -1
  23. package/esm2022/autocomplete/autocomplete.interface.mjs +1 -1
  24. package/esm2022/autocomplete/autocomplete.mjs +893 -617
  25. package/esm2022/carousel/carousel.mjs +5 -1
  26. package/esm2022/cascadeselect/cascadeselect.interface.mjs +1 -1
  27. package/esm2022/cascadeselect/cascadeselect.mjs +921 -482
  28. package/esm2022/checkbox/checkbox.mjs +90 -73
  29. package/esm2022/chips/chips.mjs +197 -53
  30. package/esm2022/colorpicker/colorpicker.mjs +56 -37
  31. package/esm2022/contextmenu/contextmenu.mjs +10 -1
  32. package/esm2022/dialog/dialog.mjs +6 -11
  33. package/esm2022/dom/domhandler.mjs +26 -8
  34. package/esm2022/dropdown/dropdown.mjs +707 -588
  35. package/esm2022/inputmask/inputmask.mjs +22 -9
  36. package/esm2022/inputnumber/inputnumber.mjs +142 -83
  37. package/esm2022/inputswitch/inputswitch.mjs +55 -49
  38. package/esm2022/knob/knob.mjs +92 -5
  39. package/esm2022/listbox/listbox.interface.mjs +1 -1
  40. package/esm2022/listbox/listbox.mjs +996 -454
  41. package/esm2022/multiselect/multiselect.mjs +1022 -604
  42. package/esm2022/overlaypanel/overlaypanel.mjs +2 -2
  43. package/esm2022/paginator/paginator.mjs +2 -2
  44. package/esm2022/password/password.mjs +29 -28
  45. package/esm2022/radiobutton/radiobutton.mjs +46 -33
  46. package/esm2022/rating/rating.mjs +172 -80
  47. package/esm2022/selectbutton/selectbutton.mjs +105 -34
  48. package/esm2022/slider/slider.mjs +151 -66
  49. package/esm2022/table/table.mjs +3 -3
  50. package/esm2022/togglebutton/togglebutton.mjs +47 -10
  51. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +53 -35
  52. package/fesm2022/primeng-accordion.mjs +10 -6
  53. package/fesm2022/primeng-accordion.mjs.map +1 -1
  54. package/fesm2022/primeng-animate.mjs +3 -0
  55. package/fesm2022/primeng-animate.mjs.map +1 -1
  56. package/fesm2022/primeng-animateonscroll.mjs +190 -0
  57. package/fesm2022/primeng-animateonscroll.mjs.map +1 -0
  58. package/fesm2022/primeng-api.mjs +1 -0
  59. package/fesm2022/primeng-api.mjs.map +1 -1
  60. package/fesm2022/primeng-autocomplete.mjs +893 -617
  61. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  62. package/fesm2022/primeng-carousel.mjs +4 -0
  63. package/fesm2022/primeng-carousel.mjs.map +1 -1
  64. package/fesm2022/primeng-cascadeselect.mjs +920 -481
  65. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  66. package/fesm2022/primeng-checkbox.mjs +89 -72
  67. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  68. package/fesm2022/primeng-chips.mjs +195 -51
  69. package/fesm2022/primeng-chips.mjs.map +1 -1
  70. package/fesm2022/primeng-colorpicker.mjs +55 -36
  71. package/fesm2022/primeng-colorpicker.mjs.map +1 -1
  72. package/fesm2022/primeng-contextmenu.mjs +9 -0
  73. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  74. package/fesm2022/primeng-dialog.mjs +5 -10
  75. package/fesm2022/primeng-dialog.mjs.map +1 -1
  76. package/fesm2022/primeng-dom.mjs +25 -7
  77. package/fesm2022/primeng-dom.mjs.map +1 -1
  78. package/fesm2022/primeng-dropdown.mjs +707 -588
  79. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  80. package/fesm2022/primeng-inputmask.mjs +20 -7
  81. package/fesm2022/primeng-inputmask.mjs.map +1 -1
  82. package/fesm2022/primeng-inputnumber.mjs +140 -81
  83. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  84. package/fesm2022/primeng-inputswitch.mjs +55 -49
  85. package/fesm2022/primeng-inputswitch.mjs.map +1 -1
  86. package/fesm2022/primeng-knob.mjs +92 -5
  87. package/fesm2022/primeng-knob.mjs.map +1 -1
  88. package/fesm2022/primeng-listbox.mjs +995 -453
  89. package/fesm2022/primeng-listbox.mjs.map +1 -1
  90. package/fesm2022/primeng-multiselect.mjs +1021 -603
  91. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  92. package/fesm2022/primeng-overlaypanel.mjs +1 -1
  93. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  94. package/fesm2022/primeng-paginator.mjs +1 -1
  95. package/fesm2022/primeng-paginator.mjs.map +1 -1
  96. package/fesm2022/primeng-password.mjs +27 -26
  97. package/fesm2022/primeng-password.mjs.map +1 -1
  98. package/fesm2022/primeng-radiobutton.mjs +46 -33
  99. package/fesm2022/primeng-radiobutton.mjs.map +1 -1
  100. package/fesm2022/primeng-rating.mjs +171 -79
  101. package/fesm2022/primeng-rating.mjs.map +1 -1
  102. package/fesm2022/primeng-selectbutton.mjs +104 -33
  103. package/fesm2022/primeng-selectbutton.mjs.map +1 -1
  104. package/fesm2022/primeng-slider.mjs +150 -65
  105. package/fesm2022/primeng-slider.mjs.map +1 -1
  106. package/fesm2022/primeng-table.mjs +2 -2
  107. package/fesm2022/primeng-table.mjs.map +1 -1
  108. package/fesm2022/primeng-togglebutton.mjs +46 -9
  109. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  110. package/fesm2022/primeng-tristatecheckbox.mjs +53 -35
  111. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  112. package/inputmask/inputmask.d.ts +6 -1
  113. package/inputnumber/inputnumber.d.ts +6 -1
  114. package/inputswitch/inputswitch.d.ts +6 -9
  115. package/knob/knob.d.ts +20 -3
  116. package/listbox/listbox.d.ts +208 -39
  117. package/listbox/listbox.interface.d.ts +15 -0
  118. package/multiselect/multiselect.d.ts +171 -60
  119. package/package.json +126 -120
  120. package/password/password.d.ts +3 -4
  121. package/radiobutton/radiobutton.d.ts +1 -2
  122. package/rating/rating.d.ts +29 -7
  123. package/resources/components/dropdown/dropdown.css +16 -2
  124. package/resources/themes/arya-blue/theme.css +106 -84
  125. package/resources/themes/arya-green/theme.css +106 -84
  126. package/resources/themes/arya-orange/theme.css +106 -84
  127. package/resources/themes/arya-purple/theme.css +106 -84
  128. package/resources/themes/bootstrap4-dark-blue/theme.css +110 -88
  129. package/resources/themes/bootstrap4-dark-purple/theme.css +110 -88
  130. package/resources/themes/bootstrap4-light-blue/theme.css +110 -88
  131. package/resources/themes/bootstrap4-light-purple/theme.css +110 -88
  132. package/resources/themes/fluent-light/theme.css +103 -81
  133. package/resources/themes/lara-dark-blue/theme.css +106 -84
  134. package/resources/themes/lara-dark-indigo/theme.css +106 -84
  135. package/resources/themes/lara-dark-purple/theme.css +106 -84
  136. package/resources/themes/lara-dark-teal/theme.css +106 -84
  137. package/resources/themes/lara-light-blue/theme.css +109 -87
  138. package/resources/themes/lara-light-indigo/theme.css +109 -87
  139. package/resources/themes/lara-light-purple/theme.css +109 -87
  140. package/resources/themes/lara-light-teal/theme.css +109 -87
  141. package/resources/themes/luna-amber/theme.css +110 -88
  142. package/resources/themes/luna-blue/theme.css +110 -88
  143. package/resources/themes/luna-green/theme.css +110 -88
  144. package/resources/themes/luna-pink/theme.css +110 -88
  145. package/resources/themes/md-dark-deeppurple/theme.css +117 -95
  146. package/resources/themes/md-dark-indigo/theme.css +117 -95
  147. package/resources/themes/md-light-deeppurple/theme.css +117 -95
  148. package/resources/themes/md-light-indigo/theme.css +117 -95
  149. package/resources/themes/mdc-dark-deeppurple/theme.css +117 -95
  150. package/resources/themes/mdc-dark-indigo/theme.css +117 -95
  151. package/resources/themes/mdc-light-deeppurple/theme.css +117 -95
  152. package/resources/themes/mdc-light-indigo/theme.css +117 -95
  153. package/resources/themes/mira/theme.css +107 -85
  154. package/resources/themes/nano/theme.css +109 -87
  155. package/resources/themes/nova/theme.css +110 -88
  156. package/resources/themes/nova-accent/theme.css +109 -87
  157. package/resources/themes/nova-alt/theme.css +110 -88
  158. package/resources/themes/rhea/theme.css +109 -87
  159. package/resources/themes/saga-blue/theme.css +106 -84
  160. package/resources/themes/saga-green/theme.css +106 -84
  161. package/resources/themes/saga-orange/theme.css +106 -84
  162. package/resources/themes/saga-purple/theme.css +106 -84
  163. package/resources/themes/soho-dark/theme.css +109 -87
  164. package/resources/themes/soho-light/theme.css +109 -87
  165. package/resources/themes/tailwind-light/theme.css +110 -88
  166. package/resources/themes/vela-blue/theme.css +106 -84
  167. package/resources/themes/vela-green/theme.css +106 -84
  168. package/resources/themes/vela-orange/theme.css +106 -84
  169. package/resources/themes/vela-purple/theme.css +106 -84
  170. package/resources/themes/viva-dark/theme.css +109 -87
  171. package/resources/themes/viva-light/theme.css +109 -87
  172. package/selectbutton/selectbutton.d.ts +15 -3
  173. package/slider/slider.d.ts +12 -6
  174. package/togglebutton/togglebutton.d.ts +7 -1
  175. package/tristatecheckbox/tristatecheckbox.d.ts +8 -4
@@ -1,11 +1,11 @@
1
- import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, OnInit, Renderer2 } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@angular/common";
4
4
  /**
5
5
  * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
6
6
  * @group Components
7
7
  */
8
- export declare class Animate implements AfterViewInit {
8
+ export declare class Animate implements OnInit, AfterViewInit {
9
9
  private host;
10
10
  el: ElementRef;
11
11
  renderer: Renderer2;
@@ -22,6 +22,7 @@ export declare class Animate implements AfterViewInit {
22
22
  observer: IntersectionObserver | undefined;
23
23
  timeout: any;
24
24
  constructor(host: ElementRef, el: ElementRef, renderer: Renderer2);
25
+ ngOnInit(): void;
25
26
  ngAfterViewInit(): void;
26
27
  bindIntersectionObserver(): void;
27
28
  isVisible(element: IntersectionObserverEntry[]): void;
@@ -0,0 +1,73 @@
1
+ import { AfterViewInit, ElementRef, Renderer2, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ interface AnimateOnScrollOptions {
5
+ root?: HTMLElement;
6
+ rootMargin?: string;
7
+ threshold?: number;
8
+ }
9
+ /**
10
+ * AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.
11
+ * @group Components
12
+ */
13
+ export declare class AnimateOnScroll implements OnInit, AfterViewInit {
14
+ private document;
15
+ private platformId;
16
+ private host;
17
+ el: ElementRef;
18
+ renderer: Renderer2;
19
+ /**
20
+ * Selector to define the CSS class for enter animation.
21
+ * @group Props
22
+ */
23
+ enterClass: string | undefined;
24
+ /**
25
+ * Selector to define the CSS class for leave animation.
26
+ * @group Props
27
+ */
28
+ leaveClass: string | undefined;
29
+ /**
30
+ * Specifies the root option of the IntersectionObserver API.
31
+ * @group Props
32
+ */
33
+ root: HTMLElement | undefined | null;
34
+ /**
35
+ * Specifies the rootMargin option of the IntersectionObserver API.
36
+ * @group Props
37
+ */
38
+ rootMargin: string | undefined;
39
+ /**
40
+ * Specifies the threshold option of the IntersectionObserver API
41
+ * @group Props
42
+ */
43
+ threshold: number | undefined;
44
+ /**
45
+ * Whether the scroll event listener should be removed after initial run.
46
+ * @group Props
47
+ */
48
+ once: boolean;
49
+ observer: IntersectionObserver | undefined;
50
+ resetObserver: any;
51
+ isObserverActive: boolean;
52
+ animationState: any;
53
+ animationEndListener: VoidFunction | undefined;
54
+ constructor(document: Document, platformId: any, host: ElementRef, el: ElementRef, renderer: Renderer2);
55
+ ngOnInit(): void;
56
+ ngAfterViewInit(): void;
57
+ get options(): AnimateOnScrollOptions;
58
+ bindIntersectionObserver(): void;
59
+ enter(): void;
60
+ leave(): void;
61
+ bindAnimationEvents(): void;
62
+ unbindAnimationEvents(): void;
63
+ unbindIntersectionObserver(): void;
64
+ ngOnDestroy(): void;
65
+ static ɵfac: i0.ɵɵFactoryDeclaration<AnimateOnScroll, never>;
66
+ static ɵdir: i0.ɵɵDirectiveDeclaration<AnimateOnScroll, "[pAnimateOnScroll]", never, { "enterClass": { "alias": "enterClass"; "required": false; }; "leaveClass": { "alias": "leaveClass"; "required": false; }; "root": { "alias": "root"; "required": false; }; "rootMargin": { "alias": "rootMargin"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "once": { "alias": "once"; "required": false; }; }, {}, never, never, false, never>;
67
+ }
68
+ export declare class AnimateOnScrollModule {
69
+ static ɵfac: i0.ɵɵFactoryDeclaration<AnimateOnScrollModule, never>;
70
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AnimateOnScrollModule, [typeof AnimateOnScroll], [typeof i1.CommonModule], [typeof AnimateOnScroll]>;
71
+ static ɵinj: i0.ɵɵInjectorDeclaration<AnimateOnScrollModule>;
72
+ }
73
+ export {};
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="primeng/animateonscroll" />
5
+ export * from './public_api';
@@ -0,0 +1 @@
1
+ export * from './animateonscroll';
@@ -3,6 +3,7 @@ import { Translation } from './translation';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class PrimeNGConfig {
5
5
  ripple: boolean;
6
+ inputStyle: 'outlined' | 'filled';
6
7
  overlayOptions: OverlayOptions;
7
8
  filterMatchModeOptions: {
8
9
  text: string[];
@@ -1,13 +1,13 @@
1
1
  import { AnimationEvent } from '@angular/animations';
2
- import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffers, NgZone, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
2
+ import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
4
  import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
5
5
  import { ConnectedOverlayScrollHandler } from 'primeng/dom';
6
6
  import { Overlay } from 'primeng/overlay';
7
7
  import { Scroller } from 'primeng/scroller';
8
8
  import { ScrollerOptions } from 'primeng/api';
9
- import { Nullable, VoidListener } from 'primeng/ts-helpers';
10
- import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent } from './autocomplete.interface';
9
+ import { Nullable } from 'primeng/ts-helpers';
10
+ import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteOnSelectEvent, AutoCompleteUnselectEvent } from './autocomplete.interface';
11
11
  import * as i0 from "@angular/core";
12
12
  import * as i1 from "@angular/common";
13
13
  import * as i2 from "primeng/overlay";
@@ -31,7 +31,6 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
31
31
  el: ElementRef;
32
32
  renderer: Renderer2;
33
33
  cd: ChangeDetectorRef;
34
- differs: IterableDiffers;
35
34
  config: PrimeNGConfig;
36
35
  overlayService: OverlayService;
37
36
  private zone;
@@ -166,12 +165,16 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
166
165
  * @group Props
167
166
  */
168
167
  type: string;
169
- _autoZIndex: boolean;
170
- get autoZIndex(): boolean;
171
- set autoZIndex(val: boolean);
172
- _baseZIndex: number;
173
- get baseZIndex(): number;
174
- set baseZIndex(val: number);
168
+ /**
169
+ * Whether to automatically manage layering.
170
+ * @group Props
171
+ */
172
+ autoZIndex: boolean;
173
+ /**
174
+ * Base zIndex value to use in layering.
175
+ * @group Props
176
+ */
177
+ baseZIndex: number;
175
178
  /**
176
179
  * Defines a string that labels the input for accessibility.
177
180
  * @group Props
@@ -215,6 +218,7 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
215
218
  /**
216
219
  * Field of a suggested object to resolve and display.
217
220
  * @group Props
221
+ * @deprecated use optionLabel property instead
218
222
  */
219
223
  field: string | undefined;
220
224
  /**
@@ -300,6 +304,59 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
300
304
  */
301
305
  get itemSize(): number;
302
306
  set itemSize(val: number);
307
+ /**
308
+ * Property name or getter function to use as the label of an option.
309
+ * @group Props
310
+ */
311
+ optionLabel: string | undefined;
312
+ /**
313
+ * Unique identifier of the component.
314
+ * @group Props
315
+ */
316
+ id: string | undefined;
317
+ /**
318
+ * Text to display when the search is active. Defaults to global value in i18n translation configuration.
319
+ * @group Props
320
+ * @defaultValue '{0} results are available'
321
+ */
322
+ searchMessage: string | undefined;
323
+ /**
324
+ * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
325
+ * @group Props
326
+ * @defaultValue 'No selected item'
327
+ */
328
+ emptySelectionMessage: string | undefined;
329
+ /**
330
+ * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
331
+ * @group Props
332
+ * @defaultValue '{0} items selected'
333
+ */
334
+ selectionMessage: string | undefined;
335
+ /**
336
+ * Whether to focus on the first visible or selected element when the overlay panel is shown.
337
+ * @group Props
338
+ */
339
+ autoOptionFocus: boolean | undefined;
340
+ /**
341
+ * When enabled, the focused option is selected.
342
+ * @group Props
343
+ */
344
+ selectOnFocus: boolean | undefined;
345
+ /**
346
+ * Locale to use in searching. The default locale is the host environment's current locale.
347
+ * @group Props
348
+ */
349
+ searchLocale: boolean | undefined;
350
+ /**
351
+ * Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.
352
+ * @group Props
353
+ */
354
+ optionDisabled: string | undefined;
355
+ /**
356
+ * When enabled, the hovered option will be focused.
357
+ * @group Props
358
+ */
359
+ focusOnHover: boolean | undefined;
303
360
  /**
304
361
  * Callback to invoke to search for suggestions.
305
362
  * @param {AutoCompleteCompleteEvent} event - Custom complete event.
@@ -308,16 +365,16 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
308
365
  completeMethod: EventEmitter<AutoCompleteCompleteEvent>;
309
366
  /**
310
367
  * Callback to invoke when a suggestion is selected.
311
- * @param {*} value - selected value.
368
+ * @param {AutoCompleteOnSelectEvent} event - custom select event.
312
369
  * @group Emits
313
370
  */
314
- onSelect: EventEmitter<any>;
371
+ onSelect: EventEmitter<AutoCompleteOnSelectEvent>;
315
372
  /**
316
373
  * Callback to invoke when a selected value is removed.
317
- * @param {*} value - removed value.
374
+ * @param {AutoCompleteUnselectEvent} event - custom unselect event.
318
375
  * @group Emits
319
376
  */
320
- onUnselect: EventEmitter<any>;
377
+ onUnselect: EventEmitter<AutoCompleteUnselectEvent>;
321
378
  /**
322
379
  * Callback to invoke when the component receives focus.
323
380
  * @param {Event} event - Browser event.
@@ -389,66 +446,132 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
389
446
  clearIconTemplate: Nullable<TemplateRef<any>>;
390
447
  dropdownIconTemplate: Nullable<TemplateRef<any>>;
391
448
  value: string | any;
392
- _suggestions: any;
449
+ _suggestions: import("@angular/core").WritableSignal<any>;
393
450
  onModelChange: Function;
394
451
  onModelTouched: Function;
395
452
  timeout: Nullable<any>;
396
- overlayVisible: boolean;
453
+ overlayVisible: boolean | undefined;
397
454
  suggestionsUpdated: Nullable<boolean>;
398
455
  highlightOption: any;
399
456
  highlightOptionChanged: Nullable<boolean>;
400
- focus: boolean;
457
+ focused: boolean;
401
458
  filled: number | boolean | undefined;
402
- inputClick: Nullable<boolean>;
403
- inputKeyDown: Nullable<boolean>;
404
- noResults: Nullable<boolean>;
405
- differ: any;
406
- inputFieldValue: Nullable<string>;
407
459
  loading: Nullable<boolean>;
408
460
  scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
409
- documentResizeListener: VoidListener;
410
- forceSelectionUpdateModelTimeout: any;
411
461
  listId: string | undefined;
412
- itemClicked: boolean | undefined;
413
- inputValue: Nullable<string>;
414
- isSearching: boolean;
415
- constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, differs: IterableDiffers, config: PrimeNGConfig, overlayService: OverlayService, zone: NgZone);
462
+ searchTimeout: any;
463
+ dirty: boolean;
464
+ modelValue: import("@angular/core").WritableSignal<any>;
465
+ focusedMultipleOptionIndex: import("@angular/core").WritableSignal<number>;
466
+ focusedOptionIndex: import("@angular/core").WritableSignal<number>;
467
+ visibleOptions: import("@angular/core").Signal<any>;
468
+ inputValue: import("@angular/core").Signal<any>;
469
+ get focusedMultipleOptionId(): string;
470
+ get focusedOptionId(): string;
471
+ get containerClass(): {
472
+ 'p-autocomplete p-component p-inputwrapper': boolean;
473
+ 'p-disabled': boolean;
474
+ 'p-focus': boolean;
475
+ 'p-autocomplete-dd': boolean;
476
+ 'p-autocomplete-multiple': boolean;
477
+ 'p-inputwrapper-filled': any;
478
+ 'p-inputwrapper-focus': boolean;
479
+ 'p-overlay-open': boolean;
480
+ };
481
+ get multiContainerClass(): string;
482
+ get panelClass(): {
483
+ 'p-autocomplete-panel p-component': boolean;
484
+ 'p-input-filled': boolean;
485
+ 'p-ripple-disabled': boolean;
486
+ };
487
+ get inputClass(): {
488
+ 'p-autocomplete-input p-inputtext p-component': boolean;
489
+ 'p-autocomplete-dd-input': boolean;
490
+ };
491
+ get searchResultMessageText(): string;
492
+ get searchMessageText(): string;
493
+ get emptySearchMessageText(): string;
494
+ get selectionMessageText(): string;
495
+ get emptySelectionMessageText(): string;
496
+ get selectedMessageText(): string;
497
+ get ariaSetSize(): any;
498
+ get virtualScrollerDisabled(): boolean;
499
+ constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig, overlayService: OverlayService, zone: NgZone);
500
+ ngOnInit(): void;
416
501
  ngAfterViewChecked(): void;
417
- handleSuggestionsChange(): void;
418
502
  ngAfterContentInit(): void;
503
+ handleSuggestionsChange(): void;
504
+ flatOptions(options: any): any;
505
+ isOptionGroup(option: any): any;
506
+ findFirstOptionIndex(): any;
507
+ findLastOptionIndex(): number;
508
+ findFirstFocusedOptionIndex(): any;
509
+ findLastFocusedOptionIndex(): any;
510
+ findSelectedOptionIndex(): any;
511
+ findNextOptionIndex(index: any): any;
512
+ findPrevOptionIndex(index: any): any;
513
+ isValidSelectedOption(option: any): boolean;
514
+ isValidOption(option: any): boolean;
515
+ isOptionDisabled(option: any): any;
516
+ isSelected(option: any): boolean;
517
+ isOptionMatched(option: any, value: any): boolean;
518
+ isInputClicked(event: any): any;
519
+ isDropdownClicked(event: any): any;
520
+ equalityKey(): string;
521
+ onContainerClick(event: any): void;
522
+ handleDropdownClick(event: any): void;
523
+ onInput(event: any): void;
524
+ onInputChange(event: any): void;
525
+ onInputFocus(event: any): void;
526
+ onMultipleContainerFocus(event: any): void;
527
+ onMultipleContainerBlur(event: any): void;
528
+ onMultipleContainerKeyDown(event: any): void;
529
+ onInputBlur(event: any): void;
530
+ onInputPaste(event: any): void;
531
+ onInputKeyUp(event: any): void;
532
+ onKeyDown(event: any): void;
533
+ onArrowDownKey(event: any): void;
534
+ onArrowUpKey(event: any): void;
535
+ onArrowLeftKey(event: any): void;
536
+ onArrowRightKey(event: any): void;
537
+ onHomeKey(event: any): void;
538
+ onEndKey(event: any): void;
539
+ onPageDownKey(event: any): void;
540
+ onPageUpKey(event: any): void;
541
+ onEnterKey(event: any): void;
542
+ onEscapeKey(event: any): void;
543
+ onTabKey(event: any): void;
544
+ onBackspaceKey(event: any): void;
545
+ onArrowLeftKeyOnMultiple(event: any): void;
546
+ onArrowRightKeyOnMultiple(event: any): void;
547
+ onBackspaceKeyOnMultiple(event: any): void;
548
+ onOptionSelect(event: any, option: any, isHide?: boolean): void;
549
+ onOptionMouseEnter(event: any, index: any): void;
550
+ search(event: any, query: any, source: any): void;
551
+ removeOption(event: any, index: any): void;
552
+ updateModel(value: any): void;
553
+ updateInputValue(): void;
554
+ autoUpdateModel(): void;
555
+ scrollInView(index?: number): void;
556
+ changeFocusedOptionIndex(event: any, index: any): void;
557
+ show(isFocus?: boolean): void;
558
+ hide(isFocus?: boolean): void;
559
+ clear(): void;
419
560
  writeValue(value: any): void;
420
- getOptionGroupChildren(optionGroup: any): any;
561
+ hasSelectedOption(): boolean;
562
+ getAriaPosInset(index: any): any;
563
+ getOptionLabel(option: any): any;
564
+ getOptionValue(option: any): any;
565
+ getOptionIndex(index: any, scrollerOptions: any): any;
421
566
  getOptionGroupLabel(optionGroup: any): any;
567
+ getOptionGroupChildren(optionGroup: any): any;
422
568
  registerOnChange(fn: Function): void;
423
569
  registerOnTouched(fn: Function): void;
424
570
  setDisabledState(val: boolean): void;
425
- onInput(event: Event): void;
426
- onInputClick(event: MouseEvent): void;
427
- search(event: any, query: string): void;
428
- selectItem(option: any, focus?: boolean): void;
429
- show(event?: Event): void;
430
- clear(): void;
431
571
  onOverlayAnimationStart(event: AnimationEvent): void;
432
- resolveFieldData(value: any): any;
433
- hide(event?: any): void;
434
- handleDropdownClick(event: Event): void;
435
- focusInput(): void;
436
- get emptyMessageLabel(): string;
437
- removeItem(item: any): void;
438
- onKeydown(event: Event): void;
439
- onKeyup(event: KeyboardEvent): void;
440
- onInputFocus(event: Event): void;
441
- onInputBlur(event: Event): void;
442
- onInputChange(event: Event): void;
443
- onInputPaste(event: ClipboardEvent): void;
444
- isSelected(val: any): boolean;
445
- findOptionIndex(option: any, suggestions: any): number;
446
- findOptionGroupIndex(val: any, opts: any[]): any;
447
- updateFilledState(): void;
448
- updateInputField(): void;
449
572
  ngOnDestroy(): void;
450
573
  static ɵfac: i0.ɵɵFactoryDeclaration<AutoComplete, never>;
451
- static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
574
+ static ɵcmp: i0.ɵɵComponentDeclaration<AutoComplete, "p-autoComplete", never, { "minLength": { "alias": "minLength"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; }; "forceSelection": { "alias": "forceSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dropdownAriaLabel": { "alias": "dropdownAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "unique": { "alias": "unique"; "required": false; }; "group": { "alias": "group"; "required": false; }; "completeOnFocus": { "alias": "completeOnFocus"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "field": { "alias": "field"; "required": false; }; "dropdown": { "alias": "dropdown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; }, { "completeMethod": "completeMethod"; "onSelect": "onSelect"; "onUnselect": "onUnselect"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onDropdownClick": "onDropdownClick"; "onClear": "onClear"; "onKeyUp": "onKeyUp"; "onShow": "onShow"; "onHide": "onHide"; "onLazyLoad": "onLazyLoad"; }, ["templates"], never, false, never>;
452
575
  }
453
576
  export declare class AutoCompleteModule {
454
577
  static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteModule, never>;
@@ -30,6 +30,36 @@ export interface AutoCompleteDropdownClickEvent {
30
30
  */
31
31
  query: string;
32
32
  }
33
+ /**
34
+ * Custom select event.
35
+ * @see {@link AutoComplete.onSelect}
36
+ * @group Events
37
+ */
38
+ export interface AutoCompleteOnSelectEvent {
39
+ /**
40
+ * Browser event.
41
+ */
42
+ originalEvent: Event;
43
+ /**
44
+ * Selected value.
45
+ */
46
+ value: any;
47
+ }
48
+ /**
49
+ * Custom unselect event.
50
+ * @see {@link AutoComplete.onUnSelect}
51
+ * @group Events
52
+ */
53
+ export interface AutoCompleteUnselectEvent {
54
+ /**
55
+ * Browser event.
56
+ */
57
+ originalEvent: Event;
58
+ /**
59
+ * Removed value.
60
+ */
61
+ value: any;
62
+ }
33
63
  /**
34
64
  * Custom lazy load event.
35
65
  * @see {@link AutoComplete.onLazyLoad}