primeng 16.5.1 → 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.
- package/animate/animate.d.ts +3 -2
- package/animateonscroll/animateonscroll.d.ts +73 -0
- package/animateonscroll/index.d.ts +5 -0
- package/animateonscroll/public_api.d.ts +1 -0
- package/api/menuitem.d.ts +5 -1
- package/api/primengconfig.d.ts +1 -0
- package/autocomplete/autocomplete.d.ts +177 -54
- package/autocomplete/autocomplete.interface.d.ts +30 -0
- package/breadcrumb/breadcrumb.d.ts +1 -0
- package/cascadeselect/cascadeselect.d.ts +188 -68
- package/cascadeselect/cascadeselect.interface.d.ts +19 -0
- package/checkbox/checkbox.d.ts +1 -4
- package/chips/chips.d.ts +21 -5
- package/colorpicker/colorpicker.d.ts +5 -5
- package/contextmenu/contextmenu.d.ts +4 -1
- package/dialog/dialog.d.ts +1 -2
- package/dom/domhandler.d.ts +4 -1
- package/dropdown/dropdown.d.ts +115 -37
- package/esm2022/accordion/accordion.mjs +11 -7
- package/esm2022/animate/animate.mjs +4 -1
- package/esm2022/animateonscroll/animateonscroll.mjs +185 -0
- package/esm2022/animateonscroll/primeng-animateonscroll.mjs +5 -0
- package/esm2022/animateonscroll/public_api.mjs +2 -0
- package/esm2022/api/menuitem.mjs +1 -1
- package/esm2022/api/primengconfig.mjs +2 -1
- package/esm2022/autocomplete/autocomplete.interface.mjs +1 -1
- package/esm2022/autocomplete/autocomplete.mjs +893 -617
- package/esm2022/breadcrumb/breadcrumb.mjs +44 -17
- package/esm2022/button/button.mjs +2 -2
- package/esm2022/carousel/carousel.mjs +6 -1
- package/esm2022/cascadeselect/cascadeselect.interface.mjs +1 -1
- package/esm2022/cascadeselect/cascadeselect.mjs +921 -482
- package/esm2022/checkbox/checkbox.mjs +90 -73
- package/esm2022/chips/chips.mjs +197 -53
- package/esm2022/colorpicker/colorpicker.mjs +56 -37
- package/esm2022/contextmenu/contextmenu.mjs +177 -144
- package/esm2022/dialog/dialog.mjs +6 -11
- package/esm2022/dom/domhandler.mjs +26 -8
- package/esm2022/dropdown/dropdown.mjs +707 -588
- package/esm2022/galleria/galleria.mjs +3 -3
- package/esm2022/image/image.mjs +11 -4
- package/esm2022/inputmask/inputmask.mjs +22 -9
- package/esm2022/inputnumber/inputnumber.mjs +142 -83
- package/esm2022/inputswitch/inputswitch.mjs +55 -49
- package/esm2022/knob/knob.mjs +92 -5
- package/esm2022/listbox/listbox.interface.mjs +1 -1
- package/esm2022/listbox/listbox.mjs +996 -454
- package/esm2022/megamenu/megamenu.mjs +168 -144
- package/esm2022/menu/menu.mjs +146 -94
- package/esm2022/menubar/menubar.mjs +168 -144
- package/esm2022/multiselect/multiselect.mjs +1022 -603
- package/esm2022/overlaypanel/overlaypanel.mjs +10 -4
- package/esm2022/paginator/paginator.mjs +2 -2
- package/esm2022/panelmenu/panelmenu.mjs +135 -106
- package/esm2022/password/password.mjs +29 -28
- package/esm2022/radiobutton/radiobutton.mjs +46 -33
- package/esm2022/rating/rating.mjs +172 -80
- package/esm2022/selectbutton/selectbutton.mjs +105 -34
- package/esm2022/slider/slider.mjs +151 -66
- package/esm2022/splitbutton/splitbutton.interface.mjs +1 -1
- package/esm2022/splitbutton/splitbutton.mjs +70 -14
- package/esm2022/table/table.mjs +3 -3
- package/esm2022/tabmenu/tabmenu.mjs +17 -25
- package/esm2022/tabview/tabview.mjs +3 -3
- package/esm2022/tieredmenu/tieredmenu.mjs +168 -144
- package/esm2022/togglebutton/togglebutton.mjs +47 -10
- package/esm2022/treetable/treetable.mjs +1 -1
- package/esm2022/tristatecheckbox/tristatecheckbox.mjs +53 -35
- package/fesm2022/primeng-accordion.mjs +10 -6
- package/fesm2022/primeng-accordion.mjs.map +1 -1
- package/fesm2022/primeng-animate.mjs +3 -0
- package/fesm2022/primeng-animate.mjs.map +1 -1
- package/fesm2022/primeng-animateonscroll.mjs +190 -0
- package/fesm2022/primeng-animateonscroll.mjs.map +1 -0
- package/fesm2022/primeng-api.mjs +1 -0
- package/fesm2022/primeng-api.mjs.map +1 -1
- package/fesm2022/primeng-autocomplete.mjs +893 -617
- package/fesm2022/primeng-autocomplete.mjs.map +1 -1
- package/fesm2022/primeng-breadcrumb.mjs +43 -16
- package/fesm2022/primeng-breadcrumb.mjs.map +1 -1
- package/fesm2022/primeng-button.mjs +1 -1
- package/fesm2022/primeng-button.mjs.map +1 -1
- package/fesm2022/primeng-carousel.mjs +5 -0
- package/fesm2022/primeng-carousel.mjs.map +1 -1
- package/fesm2022/primeng-cascadeselect.mjs +920 -481
- package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
- package/fesm2022/primeng-checkbox.mjs +89 -72
- package/fesm2022/primeng-checkbox.mjs.map +1 -1
- package/fesm2022/primeng-chips.mjs +195 -51
- package/fesm2022/primeng-chips.mjs.map +1 -1
- package/fesm2022/primeng-colorpicker.mjs +55 -36
- package/fesm2022/primeng-colorpicker.mjs.map +1 -1
- package/fesm2022/primeng-contextmenu.mjs +176 -143
- package/fesm2022/primeng-contextmenu.mjs.map +1 -1
- package/fesm2022/primeng-dialog.mjs +5 -10
- package/fesm2022/primeng-dialog.mjs.map +1 -1
- package/fesm2022/primeng-dom.mjs +25 -7
- package/fesm2022/primeng-dom.mjs.map +1 -1
- package/fesm2022/primeng-dropdown.mjs +707 -588
- package/fesm2022/primeng-dropdown.mjs.map +1 -1
- package/fesm2022/primeng-galleria.mjs +2 -2
- package/fesm2022/primeng-galleria.mjs.map +1 -1
- package/fesm2022/primeng-image.mjs +10 -3
- package/fesm2022/primeng-image.mjs.map +1 -1
- package/fesm2022/primeng-inputmask.mjs +20 -7
- package/fesm2022/primeng-inputmask.mjs.map +1 -1
- package/fesm2022/primeng-inputnumber.mjs +140 -81
- package/fesm2022/primeng-inputnumber.mjs.map +1 -1
- package/fesm2022/primeng-inputswitch.mjs +55 -49
- package/fesm2022/primeng-inputswitch.mjs.map +1 -1
- package/fesm2022/primeng-knob.mjs +92 -5
- package/fesm2022/primeng-knob.mjs.map +1 -1
- package/fesm2022/primeng-listbox.mjs +995 -453
- package/fesm2022/primeng-listbox.mjs.map +1 -1
- package/fesm2022/primeng-megamenu.mjs +167 -143
- package/fesm2022/primeng-megamenu.mjs.map +1 -1
- package/fesm2022/primeng-menu.mjs +146 -94
- package/fesm2022/primeng-menu.mjs.map +1 -1
- package/fesm2022/primeng-menubar.mjs +167 -143
- package/fesm2022/primeng-menubar.mjs.map +1 -1
- package/fesm2022/primeng-multiselect.mjs +1021 -602
- package/fesm2022/primeng-multiselect.mjs.map +1 -1
- package/fesm2022/primeng-overlaypanel.mjs +9 -3
- package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
- package/fesm2022/primeng-paginator.mjs +1 -1
- package/fesm2022/primeng-paginator.mjs.map +1 -1
- package/fesm2022/primeng-panelmenu.mjs +134 -105
- package/fesm2022/primeng-panelmenu.mjs.map +1 -1
- package/fesm2022/primeng-password.mjs +27 -26
- package/fesm2022/primeng-password.mjs.map +1 -1
- package/fesm2022/primeng-radiobutton.mjs +46 -33
- package/fesm2022/primeng-radiobutton.mjs.map +1 -1
- package/fesm2022/primeng-rating.mjs +171 -79
- package/fesm2022/primeng-rating.mjs.map +1 -1
- package/fesm2022/primeng-selectbutton.mjs +104 -33
- package/fesm2022/primeng-selectbutton.mjs.map +1 -1
- package/fesm2022/primeng-slider.mjs +150 -65
- package/fesm2022/primeng-slider.mjs.map +1 -1
- package/fesm2022/primeng-splitbutton.mjs +69 -13
- package/fesm2022/primeng-splitbutton.mjs.map +1 -1
- package/fesm2022/primeng-table.mjs +2 -2
- package/fesm2022/primeng-table.mjs.map +1 -1
- package/fesm2022/primeng-tabmenu.mjs +16 -24
- package/fesm2022/primeng-tabmenu.mjs.map +1 -1
- package/fesm2022/primeng-tabview.mjs +2 -2
- package/fesm2022/primeng-tabview.mjs.map +1 -1
- package/fesm2022/primeng-tieredmenu.mjs +167 -143
- package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
- package/fesm2022/primeng-togglebutton.mjs +46 -9
- package/fesm2022/primeng-togglebutton.mjs.map +1 -1
- package/fesm2022/primeng-treetable.mjs.map +1 -1
- package/fesm2022/primeng-tristatecheckbox.mjs +53 -35
- package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
- package/image/image.d.ts +6 -1
- package/inputmask/inputmask.d.ts +6 -1
- package/inputnumber/inputnumber.d.ts +6 -1
- package/inputswitch/inputswitch.d.ts +6 -9
- package/knob/knob.d.ts +20 -3
- package/listbox/listbox.d.ts +208 -39
- package/listbox/listbox.interface.d.ts +15 -0
- package/megamenu/megamenu.d.ts +3 -1
- package/menu/menu.d.ts +11 -5
- package/menubar/menubar.d.ts +3 -1
- package/multiselect/multiselect.d.ts +171 -60
- package/overlaypanel/overlaypanel.d.ts +1 -0
- package/package.json +83 -77
- package/panelmenu/panelmenu.d.ts +5 -2
- package/password/password.d.ts +3 -4
- package/radiobutton/radiobutton.d.ts +1 -2
- package/rating/rating.d.ts +29 -7
- package/resources/components/dropdown/dropdown.css +16 -2
- package/resources/themes/arya-blue/theme.css +106 -84
- package/resources/themes/arya-green/theme.css +106 -84
- package/resources/themes/arya-orange/theme.css +106 -84
- package/resources/themes/arya-purple/theme.css +106 -84
- package/resources/themes/bootstrap4-dark-blue/theme.css +110 -88
- package/resources/themes/bootstrap4-dark-purple/theme.css +110 -88
- package/resources/themes/bootstrap4-light-blue/theme.css +110 -88
- package/resources/themes/bootstrap4-light-purple/theme.css +110 -88
- package/resources/themes/fluent-light/theme.css +103 -81
- package/resources/themes/lara-dark-blue/theme.css +106 -84
- package/resources/themes/lara-dark-indigo/theme.css +106 -84
- package/resources/themes/lara-dark-purple/theme.css +106 -84
- package/resources/themes/lara-dark-teal/theme.css +106 -84
- package/resources/themes/lara-light-blue/theme.css +109 -87
- package/resources/themes/lara-light-indigo/theme.css +109 -87
- package/resources/themes/lara-light-purple/theme.css +109 -87
- package/resources/themes/lara-light-teal/theme.css +109 -87
- package/resources/themes/luna-amber/theme.css +110 -88
- package/resources/themes/luna-blue/theme.css +110 -88
- package/resources/themes/luna-green/theme.css +110 -88
- package/resources/themes/luna-pink/theme.css +110 -88
- package/resources/themes/md-dark-deeppurple/theme.css +117 -95
- package/resources/themes/md-dark-indigo/theme.css +117 -95
- package/resources/themes/md-light-deeppurple/theme.css +117 -95
- package/resources/themes/md-light-indigo/theme.css +117 -95
- package/resources/themes/mdc-dark-deeppurple/theme.css +117 -95
- package/resources/themes/mdc-dark-indigo/theme.css +117 -95
- package/resources/themes/mdc-light-deeppurple/theme.css +117 -95
- package/resources/themes/mdc-light-indigo/theme.css +117 -95
- package/resources/themes/mira/theme.css +107 -85
- package/resources/themes/nano/theme.css +109 -87
- package/resources/themes/nova/theme.css +110 -88
- package/resources/themes/nova-accent/theme.css +109 -87
- package/resources/themes/nova-alt/theme.css +110 -88
- package/resources/themes/rhea/theme.css +109 -87
- package/resources/themes/saga-blue/theme.css +106 -84
- package/resources/themes/saga-green/theme.css +106 -84
- package/resources/themes/saga-orange/theme.css +106 -84
- package/resources/themes/saga-purple/theme.css +106 -84
- package/resources/themes/soho-dark/theme.css +109 -87
- package/resources/themes/soho-light/theme.css +109 -87
- package/resources/themes/tailwind-light/theme.css +110 -88
- package/resources/themes/vela-blue/theme.css +106 -84
- package/resources/themes/vela-green/theme.css +106 -84
- package/resources/themes/vela-orange/theme.css +106 -84
- package/resources/themes/vela-purple/theme.css +106 -84
- package/resources/themes/viva-dark/theme.css +109 -87
- package/resources/themes/viva-light/theme.css +109 -87
- package/selectbutton/selectbutton.d.ts +15 -3
- package/slider/slider.d.ts +12 -6
- package/splitbutton/splitbutton.d.ts +10 -1
- package/splitbutton/splitbutton.interface.d.ts +15 -0
- package/tabmenu/tabmenu.d.ts +2 -2
- package/tieredmenu/tieredmenu.d.ts +3 -1
- package/togglebutton/togglebutton.d.ts +7 -1
- package/treetable/treetable.d.ts +1 -1
- package/tristatecheckbox/tristatecheckbox.d.ts +8 -4
package/animate/animate.d.ts
CHANGED
@@ -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 @@
|
|
1
|
+
export * from './animateonscroll';
|
package/api/menuitem.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { QueryParamsHandling } from '@angular/router';
|
2
|
-
import { TooltipOptions } from './tooltipoptions';
|
3
2
|
import { MegaMenuItem } from './megamenuitem';
|
3
|
+
import { TooltipOptions } from './tooltipoptions';
|
4
4
|
/**
|
5
5
|
* MenuItem provides the following properties. Note that not all of them may be utilized by the tabmenu component.
|
6
6
|
* @group Interface
|
@@ -150,6 +150,10 @@ export interface MenuItem {
|
|
150
150
|
* @see {TooltipOptions}
|
151
151
|
*/
|
152
152
|
tooltipOptions?: TooltipOptions;
|
153
|
+
/**
|
154
|
+
* Optional
|
155
|
+
*/
|
156
|
+
[key: string]: any;
|
153
157
|
}
|
154
158
|
/**
|
155
159
|
* Custom command event
|
package/api/primengconfig.d.ts
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
import { AnimationEvent } from '@angular/animations';
|
2
|
-
import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter,
|
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
|
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
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
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 {
|
368
|
+
* @param {AutoCompleteOnSelectEvent} event - custom select event.
|
312
369
|
* @group Emits
|
313
370
|
*/
|
314
|
-
onSelect: EventEmitter<
|
371
|
+
onSelect: EventEmitter<AutoCompleteOnSelectEvent>;
|
315
372
|
/**
|
316
373
|
* Callback to invoke when a selected value is removed.
|
317
|
-
* @param {
|
374
|
+
* @param {AutoCompleteUnselectEvent} event - custom unselect event.
|
318
375
|
* @group Emits
|
319
376
|
*/
|
320
|
-
onUnselect: EventEmitter<
|
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
|
-
|
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
|
-
|
413
|
-
|
414
|
-
|
415
|
-
|
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
|
-
|
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}
|
@@ -50,6 +50,7 @@ export declare class Breadcrumb implements AfterContentInit {
|
|
50
50
|
onItemClick: EventEmitter<BreadcrumbItemClickEvent>;
|
51
51
|
templates: QueryList<PrimeTemplate> | undefined;
|
52
52
|
separatorTemplate: TemplateRef<any> | undefined;
|
53
|
+
itemTemplate: TemplateRef<any> | undefined;
|
53
54
|
constructor(router: Router);
|
54
55
|
onClick(event: MouseEvent, item: MenuItem): void;
|
55
56
|
onHomeClick(event: MouseEvent | any): void;
|