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
@@ -2,8 +2,8 @@ import { AnimationEvent } from '@angular/animations';
2
2
  import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
3
3
  import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
4
4
  import { Overlay } from 'primeng/overlay';
5
- import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface';
6
5
  import { Nullable } from 'primeng/ts-helpers';
6
+ import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface';
7
7
  import * as i0 from "@angular/core";
8
8
  import * as i1 from "@angular/common";
9
9
  import * as i2 from "primeng/overlay";
@@ -15,7 +15,11 @@ import * as i7 from "primeng/icons/times";
15
15
  export declare const CASCADESELECT_VALUE_ACCESSOR: any;
16
16
  export declare class CascadeSelectSub implements OnInit {
17
17
  private el;
18
- selectionPath: string[] | string | undefined | null;
18
+ role: string | undefined;
19
+ selectId: string | undefined;
20
+ activeOptionPath: any[];
21
+ optionDisabled: any[];
22
+ focusedOptionId: string | undefined;
19
23
  options: string[] | string | undefined | null;
20
24
  optionGroupChildren: string[] | string | undefined | null;
21
25
  optionTemplate: Nullable<TemplateRef<any>>;
@@ -26,34 +30,32 @@ export declare class CascadeSelectSub implements OnInit {
26
30
  optionGroupLabel: string | undefined;
27
31
  dirty: boolean | undefined;
28
32
  root: boolean | undefined;
29
- onSelect: EventEmitter<any>;
30
- onGroupSelect: EventEmitter<any>;
31
- get parentActive(): boolean;
32
- set parentActive(val: boolean);
33
- activeOption: any;
34
- _parentActive: boolean;
35
- cascadeSelect: CascadeSelect;
36
- constructor(cascadeSelect: CascadeSelect, el: ElementRef);
33
+ onChange: EventEmitter<any>;
34
+ constructor(el: ElementRef);
37
35
  ngOnInit(): void;
38
- onOptionClick(event: Event, option: string | string[]): void;
39
- onOptionSelect(event: Event): void;
40
- onOptionGroupSelect(event: Event): void;
41
- getOptionLabel(option: string | string[]): any;
42
- getOptionValue(option: string | string[]): any;
43
- getOptionGroupLabel(optionGroup: string | string[]): any;
44
- getOptionGroupChildren(optionGroup: string | string[]): any;
45
- isOptionGroup(option: string | string[]): any;
46
- getOptionLabelToRender(option: string | string[]): any;
36
+ onOptionClick(event: any, option: any): void;
37
+ onOptionChange(event: any): void;
38
+ getOptionId(processedOption: any): string;
39
+ getOptionLabel(processedOption: any): any;
40
+ getOptionValue(processedOption: any): any;
41
+ getOptionLabelToRender(processedOption: any): any;
42
+ isOptionDisabled(processedOption: any): any;
43
+ getOptionGroupLabel(processedOption: any): any;
44
+ getOptionGroupChildren(processedOption: any): any;
45
+ isOptionGroup(processedOption: any): boolean;
46
+ isOptionSelected(processedOption: any): boolean;
47
+ isOptionActive(processedOption: any): boolean;
48
+ isOptionFocused(processedOption: any): boolean;
47
49
  getItemClass(option: string | string[]): {
48
50
  'p-cascadeselect-item': boolean;
49
- 'p-cascadeselect-item-group': any;
51
+ 'p-cascadeselect-item-group': boolean;
50
52
  'p-cascadeselect-item-active p-highlight': boolean;
53
+ 'p-focus': boolean;
54
+ 'p-disabled': any;
51
55
  };
52
- isOptionActive(option: string | string[]): boolean;
53
- onKeyDown(event: any, option: string | string[], index: number): void;
54
56
  position(): void;
55
57
  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectSub, never>;
56
- static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelectSub, "p-cascadeSelectSub", never, { "selectionPath": { "alias": "selectionPath"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "groupIconTemplate": { "alias": "groupIconTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; "root": { "alias": "root"; "required": false; }; "parentActive": { "alias": "parentActive"; "required": false; }; }, { "onSelect": "onSelect"; "onGroupSelect": "onGroupSelect"; }, never, never, false, never>;
58
+ static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelectSub, "p-cascadeSelectSub", never, { "role": { "alias": "role"; "required": false; }; "selectId": { "alias": "selectId"; "required": false; }; "activeOptionPath": { "alias": "activeOptionPath"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "focusedOptionId": { "alias": "focusedOptionId"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; }; "groupIconTemplate": { "alias": "groupIconTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "dirty": { "alias": "dirty"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
57
59
  }
58
60
  /**
59
61
  * CascadeSelect is a form component to select a value from a nested structure of options.
@@ -64,6 +66,60 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
64
66
  private cd;
65
67
  private config;
66
68
  overlayService: OverlayService;
69
+ /**
70
+ * Unique identifier of the component
71
+ * @group Props
72
+ */
73
+ id: string | undefined;
74
+ /**
75
+ * Determines if the option will be selected on focus.
76
+ * @group Props
77
+ */
78
+ selectOnFocus: boolean;
79
+ /**
80
+ * Text to display when the search is active. Defaults to global value in i18n translation configuration.
81
+ * @group Props
82
+ * @defaultValue '{0} results are available'
83
+ */
84
+ searchMessage: string | undefined;
85
+ /**
86
+ * Text to display when there is no data. Defaults to global value in i18n translation configuration.
87
+ * @group Props
88
+ */
89
+ emptyMessage: string | undefined;
90
+ /**
91
+ * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration.
92
+ * @group Props
93
+ * @defaultValue '{0} items selected'
94
+ */
95
+ selectionMessage: string | undefined;
96
+ /**
97
+ * Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration.
98
+ * @group Props
99
+ * @defaultValue 'No available options'
100
+ */
101
+ emptySearchMessage: string | undefined;
102
+ /**
103
+ * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration.
104
+ * @group Props
105
+ * @defaultValue 'No selected item'
106
+ */
107
+ emptySelectionMessage: string | undefined;
108
+ /**
109
+ * Locale to use in searching. The default locale is the host environment's current locale.
110
+ * @group Props
111
+ */
112
+ searchLocale: string | undefined;
113
+ /**
114
+ * Name of the disabled field of an option.
115
+ * @group Props
116
+ */
117
+ optionDisabled: any;
118
+ /**
119
+ * Whether to focus on the first visible or selected element when the overlay panel is shown.
120
+ * @group Props
121
+ */
122
+ autoOptionFocus: boolean;
67
123
  /**
68
124
  * Style class of the component.
69
125
  * @group Props
@@ -125,7 +181,7 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
125
181
  * Index of the element in tabbing order.
126
182
  * @group Props
127
183
  */
128
- tabindex: string | undefined;
184
+ tabindex: number | undefined;
129
185
  /**
130
186
  * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
131
187
  * @group Props
@@ -173,12 +229,26 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
173
229
  * @group Props
174
230
  */
175
231
  overlayOptions: OverlayOptions | undefined;
232
+ /**
233
+ * Transition options of the show animation.
234
+ * @group Props
235
+ * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
236
+ */
237
+ get showTransitionOptions(): string;
238
+ set showTransitionOptions(val: string);
239
+ /**
240
+ * Transition options of the hide animation.
241
+ * @group Props
242
+ * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
243
+ */
244
+ get hideTransitionOptions(): string;
245
+ set hideTransitionOptions(val: string);
176
246
  /**
177
247
  * Callback to invoke on value change.
178
- * @param {Event} event - Browser event.
248
+ * @param {CascadeSelectChangeEvent} event - Custom change event.
179
249
  * @group Emits
180
250
  */
181
- onChange: EventEmitter<Event>;
251
+ onChange: EventEmitter<CascadeSelectChangeEvent>;
182
252
  /**
183
253
  * Callback to invoke when a group changes.
184
254
  * @param {Event} event - Browser event.
@@ -215,31 +285,30 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
215
285
  */
216
286
  onBeforeHide: EventEmitter<CascadeSelectBeforeHideEvent>;
217
287
  /**
218
- * Transition options of the show animation.
219
- * @group Props
220
- * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
288
+ * Callback to invoke when input receives focus.
289
+ * @param {FocusEvent} event - Focus event.
290
+ * @group Emits
221
291
  */
222
- get showTransitionOptions(): string;
223
- set showTransitionOptions(val: string);
292
+ onFocus: EventEmitter<FocusEvent>;
224
293
  /**
225
- * Transition options of the hide animation.
226
- * @group Props
227
- * @deprecated deprecated since v14.2.0, use overlayOptions property instead.
294
+ * Callback to invoke when input loses focus.
295
+ * @param {FocusEvent} event - Focus event.
296
+ * @group Emits
228
297
  */
229
- get hideTransitionOptions(): string;
230
- set hideTransitionOptions(val: string);
231
- focusInputEl: Nullable<ElementRef>;
232
- containerEl: Nullable<ElementRef>;
233
- panelEl: Nullable<ElementRef>;
298
+ onBlur: EventEmitter<FocusEvent>;
299
+ focusInputViewChild: Nullable<ElementRef>;
300
+ containerViewChild: Nullable<ElementRef>;
301
+ panelViewChild: Nullable<ElementRef>;
234
302
  overlayViewChild: Nullable<Overlay>;
235
303
  templates: QueryList<PrimeTemplate>;
236
304
  _showTransitionOptions: string;
237
305
  _hideTransitionOptions: string;
238
306
  selectionPath: any;
239
307
  focused: boolean;
240
- filled: boolean;
241
308
  overlayVisible: boolean;
242
309
  dirty: boolean;
310
+ searchValue: string | undefined;
311
+ searchTimeout: any;
243
312
  valueTemplate: Nullable<TemplateRef<any>>;
244
313
  optionTemplate: Nullable<TemplateRef<any>>;
245
314
  triggerIconTemplate: Nullable<TemplateRef<any>>;
@@ -247,44 +316,95 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
247
316
  clearIconTemplate: Nullable<TemplateRef<any>>;
248
317
  onModelChange: Function;
249
318
  onModelTouched: Function;
250
- constructor(el: ElementRef, cd: ChangeDetectorRef, config: PrimeNGConfig, overlayService: OverlayService);
251
- ngOnInit(): void;
252
- ngAfterContentInit(): void;
253
- onOptionSelect(event: any): void;
254
- onOptionGroupSelect(event: Event): void;
255
- getOptionLabel(option: string | object): any;
256
- getOptionValue(option: string | object): any;
257
- getOptionGroupChildren(optionGroup: string | object, level: number): any;
258
- isOptionGroup(option: string | object, level: number): any;
259
- updateSelectionPath(): void;
260
- updateFilledState(): void;
261
- findModelOptionInGroup(option: string | object, level: number): Nullable<object[] | any>;
262
- show(): void;
263
- hide(): void;
264
- clear(event: Event): void;
265
- onClick(event: Event): void;
266
- onFocus(): void;
267
- onBlur(): void;
268
- onOverlayAnimationDone(event: AnimationEvent): void;
269
- writeValue(value: any): void;
270
- registerOnChange(fn: Function): void;
271
- registerOnTouched(fn: Function): void;
272
- setDisabledState(val: boolean): void;
273
- label(): any;
274
- onKeyDown(event: any): void;
275
- containerClass(): {
319
+ focusedOptionInfo: import("@angular/core").WritableSignal<any>;
320
+ activeOptionPath: import("@angular/core").WritableSignal<any>;
321
+ modelValue: import("@angular/core").WritableSignal<any>;
322
+ get containerClass(): {
276
323
  'p-cascadeselect p-component p-inputwrapper': boolean;
277
324
  'p-disabled': boolean;
278
325
  'p-focus': boolean;
326
+ 'p-inputwrapper-filled': any;
327
+ 'p-inputwrapper-focus': boolean;
328
+ 'p-overlay-open': boolean;
279
329
  };
280
- labelClass(): {
330
+ get labelClass(): {
281
331
  'p-cascadeselect-label': boolean;
282
332
  'p-inputtext': boolean;
283
333
  'p-placeholder': boolean;
284
334
  'p-cascadeselect-label-empty': boolean;
285
335
  };
336
+ get focusedOptionId(): string;
337
+ get filled(): boolean;
338
+ get searchResultMessageText(): string;
339
+ get searchMessageText(): string;
340
+ get emptySearchMessageText(): string;
341
+ get emptyMessageText(): string;
342
+ get selectionMessageText(): string;
343
+ get emptySelectionMessageText(): string;
344
+ get selectedMessageText(): string;
345
+ visibleOptions: import("@angular/core").Signal<any>;
346
+ processedOptions: import("@angular/core").Signal<any[]>;
347
+ label: import("@angular/core").Signal<any>;
348
+ get _label(): any;
349
+ hasSelectedOption(): boolean;
350
+ createProcessedOptions(options: any, level?: number, parent?: {}, parentKey?: string): any[];
351
+ onInputFocus(event: FocusEvent): void;
352
+ onInputBlur(event: FocusEvent): void;
353
+ onInputKeyDown(event: KeyboardEvent): void;
354
+ onArrowDownKey(event: any): void;
355
+ onArrowUpKey(event: any): void;
356
+ onArrowLeftKey(event: any): void;
357
+ onArrowRightKey(event: any): void;
358
+ onHomeKey(event: any): void;
359
+ onEndKey(event: any): void;
360
+ onEnterKey(event: any): void;
361
+ onSpaceKey(event: any): void;
362
+ onEscapeKey(event: any): void;
363
+ onTabKey(event: any): void;
364
+ onBackspaceKey(event: any): void;
365
+ equalityKey(): string;
366
+ updateModel(value: any, event?: any): void;
367
+ autoUpdateModel(): void;
368
+ scrollInView(index?: number): void;
369
+ changeFocusedOptionIndex(event: any, index: any): void;
370
+ onOptionChange(event: any): void;
371
+ onOptionSelect(event: any): void;
372
+ onOptionGroupSelect(event: any): void;
373
+ onContainerClick(event: MouseEvent): void;
374
+ isOptionMatched(processedOption: any): any;
375
+ isOptionDisabled(option: any): any;
376
+ isValidOption(processedOption: any): boolean;
377
+ isValidSelectedOption(processedOption: any): any;
378
+ isSelected(processedOption: any): any;
379
+ findOptionPathByValue(value: any, processedOptions?: any, level?: number): any;
380
+ findFirstOptionIndex(): any;
381
+ findLastOptionIndex(): number;
382
+ findNextOptionIndex(index: any): any;
383
+ findPrevOptionIndex(index: any): any;
384
+ findSelectedOptionIndex(): any;
385
+ findFirstFocusedOptionIndex(): any;
386
+ findLastFocusedOptionIndex(): any;
387
+ searchOptions(event: any, char: any): boolean;
388
+ hide(event?: any, isFocus?: boolean): void;
389
+ show(event?: any, isFocus?: boolean): void;
390
+ clear(event?: MouseEvent): void;
391
+ getOptionLabel(option: any): any;
392
+ getOptionValue(option: any): any;
393
+ getOptionGroupLabel(optionGroup: any): any;
394
+ getOptionGroupChildren(optionGroup: any, level: any): any;
395
+ isOptionGroup(option: any, level: any): any;
396
+ isProccessedOptionGroup(processedOption: any): boolean;
397
+ getProccessedOptionLabel(processedOption: any): any;
398
+ constructor(el: ElementRef, cd: ChangeDetectorRef, config: PrimeNGConfig, overlayService: OverlayService);
399
+ ngOnInit(): void;
400
+ ngAfterContentInit(): void;
401
+ onOverlayAnimationDone(event: AnimationEvent): void;
402
+ writeValue(value: any): void;
403
+ registerOnChange(fn: Function): void;
404
+ registerOnTouched(fn: Function): void;
405
+ setDisabledState(val: boolean): void;
286
406
  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelect, never>;
287
- static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelect, "p-cascadeSelect", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onChange": "onChange"; "onGroupChange": "onGroupChange"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onBeforeShow": "onBeforeShow"; "onBeforeHide": "onBeforeHide"; }, ["templates"], never, false, never>;
407
+ static ɵcmp: i0.ɵɵComponentDeclaration<CascadeSelect, "p-cascadeSelect", never, { "id": { "alias": "id"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "emptySearchMessage": { "alias": "emptySearchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "onChange": "onChange"; "onGroupChange": "onGroupChange"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onBeforeShow": "onBeforeShow"; "onBeforeHide": "onBeforeHide"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["templates"], never, false, never>;
288
408
  }
289
409
  export declare class CascadeSelectModule {
290
410
  static ɵfac: i0.ɵɵFactoryDeclaration<CascadeSelectModule, never>;
@@ -43,6 +43,25 @@ export interface CascadeSelectBeforeShowEvent extends CascadeSelectShowEvent {
43
43
  */
44
44
  export interface CascadeSelectBeforeHideEvent extends CascadeSelectShowEvent {
45
45
  }
46
+ /**
47
+ * Custom panel change event emits when selection changed.
48
+ * @see {@link CascadeSelect.onChange}
49
+ * @group Events
50
+ */
51
+ export interface CascadeSelectChangeEvent {
52
+ /**
53
+ * Browser event.
54
+ */
55
+ originalEvent?: Event;
56
+ /**
57
+ * Selected value.
58
+ */
59
+ value?: any;
60
+ /**
61
+ * Focus state.
62
+ */
63
+ isFocus?: boolean;
64
+ }
46
65
  /**
47
66
  * Defines valid templates in CascadeSelect.
48
67
  * @group Templates
@@ -121,12 +121,9 @@ export declare class Checkbox implements ControlValueAccessor {
121
121
  focused: boolean;
122
122
  constructor(cd: ChangeDetectorRef);
123
123
  ngAfterContentInit(): void;
124
- onClick(event: Event, checkbox: HTMLElement, focus: boolean): void;
125
- updateModel(event: Event): void;
126
- handleChange(event: Event): void;
124
+ onClick(event: Event): void;
127
125
  onFocus(): void;
128
126
  onBlur(): void;
129
- focus(): void;
130
127
  writeValue(model: any): void;
131
128
  registerOnChange(fn: Function): void;
132
129
  registerOnTouched(fn: Function): void;
package/chips/chips.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { Nullable } from 'primeng/ts-helpers';
4
- import { ChipsAddEvent, ChipsRemoveEvent, ChipsClickEvent } from './chips.interface';
4
+ import { ChipsAddEvent, ChipsClickEvent, ChipsRemoveEvent } from './chips.interface';
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "@angular/common";
7
7
  import * as i2 from "primeng/inputtext";
@@ -49,6 +49,11 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
49
49
  * @group Props
50
50
  */
51
51
  max: number | undefined;
52
+ /**
53
+ * Defines a string that labels the input for accessibility.
54
+ * @group Props
55
+ */
56
+ ariaLabel: string | undefined;
52
57
  /**
53
58
  * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
54
59
  * @group Props
@@ -137,6 +142,7 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
137
142
  */
138
143
  onClear: EventEmitter<any>;
139
144
  inputViewChild: ElementRef;
145
+ containerViewChild: ElementRef;
140
146
  templates: QueryList<any>;
141
147
  itemTemplate: Nullable<TemplateRef<any>>;
142
148
  removeTokenIconTemplate: Nullable<TemplateRef<any>>;
@@ -145,12 +151,21 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
145
151
  onModelChange: Function;
146
152
  onModelTouched: Function;
147
153
  valueChanged: Nullable<boolean>;
148
- focus: Nullable<boolean>;
154
+ id: string;
155
+ focused: Nullable<boolean>;
156
+ focusedIndex: Nullable<number>;
149
157
  filled: Nullable<boolean>;
158
+ get focusedOptionId(): string;
150
159
  private get isValueMaxLimited();
151
160
  constructor(document: Document, el: ElementRef, cd: ChangeDetectorRef);
152
161
  ngAfterContentInit(): void;
153
- onClick(): void;
162
+ onWrapperClick(): void;
163
+ onContainerFocus(): void;
164
+ onContainerBlur(): void;
165
+ onContainerKeyDown(event: any): void;
166
+ onArrowLeftKeyOn(): void;
167
+ onArrowRightKeyOn(): void;
168
+ onBackspaceKeyOn(event: any): void;
154
169
  onInput(): void;
155
170
  onPaste(event: any): void;
156
171
  updateFilledState(): void;
@@ -165,10 +180,11 @@ export declare class Chips implements AfterContentInit, ControlValueAccessor {
165
180
  removeItem(event: Event, index: number): void;
166
181
  addItem(event: Event, item: string, preventDefault: boolean): void;
167
182
  clear(): void;
168
- onKeydown(event: KeyboardEvent): void;
183
+ onKeyDown(event: any): void;
169
184
  updateMaxedOut(): void;
185
+ maxedOut(): boolean;
170
186
  static ɵfac: i0.ɵɵFactoryDeclaration<Chips, never>;
171
- static ɵcmp: i0.ɵɵComponentDeclaration<Chips, "p-chips", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "field": { "alias": "field"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "addOnTab": { "alias": "addOnTab"; "required": false; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onChipClick": "onChipClick"; "onClear": "onClear"; }, ["templates"], never, false, never>;
187
+ static ɵcmp: i0.ɵɵComponentDeclaration<Chips, "p-chips", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "field": { "alias": "field"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "max": { "alias": "max"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "allowDuplicate": { "alias": "allowDuplicate"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "addOnTab": { "alias": "addOnTab"; "required": false; }; "addOnBlur": { "alias": "addOnBlur"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "onAdd": "onAdd"; "onRemove": "onRemove"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onChipClick": "onChipClick"; "onClear": "onClear"; }, ["templates"], never, false, never>;
172
188
  }
173
189
  export declare class ChipsModule {
174
190
  static ɵfac: i0.ɵɵFactoryDeclaration<ChipsModule, never>;
@@ -1,8 +1,8 @@
1
- import { ElementRef, OnDestroy, EventEmitter, Renderer2, ChangeDetectorRef, TemplateRef } from '@angular/core';
2
1
  import { AnimationEvent } from '@angular/animations';
3
- import { ConnectedOverlayScrollHandler } from 'primeng/dom';
2
+ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
4
3
  import { ControlValueAccessor } from '@angular/forms';
5
4
  import { OverlayService, PrimeNGConfig } from 'primeng/api';
5
+ import { ConnectedOverlayScrollHandler } from 'primeng/dom';
6
6
  import { Nullable, VoidListener } from 'primeng/ts-helpers';
7
7
  import { ColorPickerChangeEvent } from './colorpicker.interface';
8
8
  import * as i0 from "@angular/core";
@@ -128,11 +128,11 @@ export declare class ColorPicker implements ControlValueAccessor, OnDestroy {
128
128
  set hue(element: ElementRef);
129
129
  set hueHandle(element: ElementRef);
130
130
  onHueMousedown(event: MouseEvent): void;
131
- onHueTouchStart(event: TouchEvent): void;
132
- onColorTouchStart(event: TouchEvent): void;
131
+ onHueDragStart(event: TouchEvent): void;
132
+ onColorDragStart(event: TouchEvent): void;
133
133
  pickHue(event: MouseEvent | TouchEvent, position?: any): void;
134
134
  onColorMousedown(event: MouseEvent): void;
135
- onMove(event: TouchEvent): void;
135
+ onDrag(event: TouchEvent): void;
136
136
  onDragEnd(): void;
137
137
  pickColor(event: MouseEvent | TouchEvent, position?: any): void;
138
138
  getValueToUpdate(): any;
@@ -227,6 +227,7 @@ export declare class ContextMenu implements OnInit, AfterContentInit, OnDestroy
227
227
  unbindResizeListener(): void;
228
228
  unbindGlobalListeners(): void;
229
229
  unbindTriggerEventListener(): void;
230
+ removeAppendedElements(): void;
230
231
  ngOnDestroy(): void;
231
232
  static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenu, never>;
232
233
  static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenu, "p-contextMenu", never, { "model": { "alias": "model"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "target": { "alias": "target"; "required": false; }; "global": { "alias": "global"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
@@ -1,5 +1,5 @@
1
1
  import { AnimationEvent } from '@angular/animations';
2
- import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
2
+ import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
3
3
  import { Footer, Header, PrimeNGConfig, PrimeTemplate } from 'primeng/api';
4
4
  import { Nullable, VoidListener } from 'primeng/ts-helpers';
5
5
  import * as i0 from "@angular/core";
@@ -301,7 +301,6 @@ export declare class Dialog implements AfterContentInit, OnInit, OnDestroy {
301
301
  constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, zone: NgZone, cd: ChangeDetectorRef, config: PrimeNGConfig);
302
302
  ngAfterContentInit(): void;
303
303
  ngOnInit(): void;
304
- ngOnChanges(changes: SimpleChanges): void;
305
304
  getAriaLabelledBy(): string;
306
305
  focus(): void;
307
306
  close(event: Event): void;
@@ -14,6 +14,7 @@ export declare class DomHandler {
14
14
  static addClass(element: any, className: string): void;
15
15
  static addMultipleClasses(element: any, className: string): void;
16
16
  static removeClass(element: any, className: string): void;
17
+ static removeMultipleClasses(element: any, classNames: any): void;
17
18
  static hasClass(element: any, className: string): boolean;
18
19
  static siblings(element: any): any;
19
20
  static find(element: any, selector: string): any[];
@@ -73,7 +74,9 @@ export declare class DomHandler {
73
74
  static isVisible(element: HTMLElement): boolean;
74
75
  static isExist(element: HTMLElement): ParentNode;
75
76
  static focus(element: HTMLElement, options?: FocusOptions): void;
76
- static getFocusableElements(element: HTMLElement): any[];
77
+ static getFocusableElements(element: any, selector?: string): any[];
78
+ static getFirstFocusableElement(element: any, selector: any): any;
79
+ static getLastFocusableElement(element: any, selector: any): any;
77
80
  static getNextFocusableElement(element: HTMLElement, reverse?: boolean): any;
78
81
  static generateZIndex(): number;
79
82
  static getSelection(): any;