primeng 17.0.0 → 17.1.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/autocomplete/autocomplete.d.ts +3 -2
- package/calendar/calendar.d.ts +4 -2
- package/calendar/calendar.interface.d.ts +12 -0
- package/cascadeselect/cascadeselect.d.ts +1 -1
- package/confirmdialog/confirmdialog.d.ts +1 -0
- package/confirmdialog/confirmdialog.interface.d.ts +9 -1
- package/confirmpopup/confirmpopup.d.ts +2 -0
- package/confirmpopup/confirmpopup.interface.d.ts +12 -0
- package/dialog/dialog.d.ts +7 -1
- package/dynamicdialog/dialogservice.d.ts +6 -0
- package/dynamicdialog/dynamicdialog-config.d.ts +41 -0
- package/dynamicdialog/dynamicdialog.d.ts +13 -0
- package/esm2022/autocomplete/autocomplete.mjs +13 -6
- package/esm2022/avatar/avatar.mjs +3 -3
- package/esm2022/calendar/calendar.interface.mjs +1 -1
- package/esm2022/calendar/calendar.mjs +47 -8
- package/esm2022/cascadeselect/cascadeselect.mjs +2 -2
- package/esm2022/confirmdialog/confirmdialog.interface.mjs +1 -1
- package/esm2022/confirmdialog/confirmdialog.mjs +139 -125
- package/esm2022/confirmpopup/confirmpopup.interface.mjs +1 -1
- package/esm2022/confirmpopup/confirmpopup.mjs +93 -65
- package/esm2022/dialog/dialog.mjs +123 -98
- package/esm2022/dropdown/dropdown.mjs +3 -2
- package/esm2022/dynamicdialog/dialogservice.mjs +9 -1
- package/esm2022/dynamicdialog/dynamicdialog-config.mjs +11 -1
- package/esm2022/dynamicdialog/dynamicdialog.mjs +109 -30
- package/esm2022/fileupload/fileupload.mjs +4 -4
- package/esm2022/inputswitch/inputswitch.mjs +2 -2
- package/esm2022/listbox/listbox.mjs +5 -5
- package/esm2022/menu/menu.mjs +11 -14
- package/esm2022/multiselect/multiselect.mjs +15 -22
- package/esm2022/overlaypanel/overlaypanel.mjs +28 -8
- package/esm2022/panelmenu/panelmenu.mjs +41 -17
- package/esm2022/picklist/picklist.mjs +7 -5
- package/esm2022/progressbar/progressbar.mjs +29 -6
- package/esm2022/scroller/scroller.mjs +3 -3
- package/esm2022/sidebar/sidebar.interface.mjs +1 -1
- package/esm2022/sidebar/sidebar.mjs +69 -55
- package/esm2022/table/table.mjs +6 -6
- package/esm2022/tieredmenu/tieredmenu.interface.mjs +1 -1
- package/esm2022/tieredmenu/tieredmenu.mjs +3 -3
- package/esm2022/toast/toast.interface.mjs +1 -1
- package/esm2022/toast/toast.mjs +84 -65
- package/esm2022/togglebutton/togglebutton.interface.mjs +1 -1
- package/esm2022/togglebutton/togglebutton.mjs +34 -8
- package/fesm2022/primeng-autocomplete.mjs +12 -5
- package/fesm2022/primeng-autocomplete.mjs.map +1 -1
- package/fesm2022/primeng-avatar.mjs +2 -2
- package/fesm2022/primeng-avatar.mjs.map +1 -1
- package/fesm2022/primeng-calendar.mjs +46 -7
- package/fesm2022/primeng-calendar.mjs.map +1 -1
- package/fesm2022/primeng-cascadeselect.mjs +1 -1
- package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
- package/fesm2022/primeng-confirmdialog.mjs +138 -124
- package/fesm2022/primeng-confirmdialog.mjs.map +1 -1
- package/fesm2022/primeng-confirmpopup.mjs +92 -64
- package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
- package/fesm2022/primeng-dialog.mjs +122 -97
- package/fesm2022/primeng-dialog.mjs.map +1 -1
- package/fesm2022/primeng-dropdown.mjs +2 -1
- package/fesm2022/primeng-dropdown.mjs.map +1 -1
- package/fesm2022/primeng-dynamicdialog.mjs +126 -29
- package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
- package/fesm2022/primeng-fileupload.mjs +3 -3
- package/fesm2022/primeng-fileupload.mjs.map +1 -1
- package/fesm2022/primeng-inputswitch.mjs +2 -2
- package/fesm2022/primeng-inputswitch.mjs.map +1 -1
- package/fesm2022/primeng-listbox.mjs +4 -4
- package/fesm2022/primeng-listbox.mjs.map +1 -1
- package/fesm2022/primeng-menu.mjs +10 -13
- package/fesm2022/primeng-menu.mjs.map +1 -1
- package/fesm2022/primeng-multiselect.mjs +14 -21
- package/fesm2022/primeng-multiselect.mjs.map +1 -1
- package/fesm2022/primeng-overlaypanel.mjs +27 -7
- package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
- package/fesm2022/primeng-panelmenu.mjs +40 -16
- package/fesm2022/primeng-panelmenu.mjs.map +1 -1
- package/fesm2022/primeng-picklist.mjs +6 -4
- package/fesm2022/primeng-picklist.mjs.map +1 -1
- package/fesm2022/primeng-progressbar.mjs +28 -5
- package/fesm2022/primeng-progressbar.mjs.map +1 -1
- package/fesm2022/primeng-scroller.mjs +2 -2
- package/fesm2022/primeng-scroller.mjs.map +1 -1
- package/fesm2022/primeng-sidebar.mjs +68 -54
- package/fesm2022/primeng-sidebar.mjs.map +1 -1
- package/fesm2022/primeng-table.mjs +5 -5
- package/fesm2022/primeng-table.mjs.map +1 -1
- package/fesm2022/primeng-tieredmenu.mjs +2 -2
- package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
- package/fesm2022/primeng-toast.mjs +83 -64
- package/fesm2022/primeng-toast.mjs.map +1 -1
- package/fesm2022/primeng-togglebutton.mjs +33 -7
- package/fesm2022/primeng-togglebutton.mjs.map +1 -1
- package/fileupload/fileupload.d.ts +3 -3
- package/menu/menu.d.ts +2 -3
- package/multiselect/multiselect.d.ts +1 -4
- package/overlaypanel/overlaypanel.d.ts +12 -2
- package/package.json +256 -256
- package/panelmenu/panelmenu.d.ts +11 -6
- package/progressbar/progressbar.d.ts +7 -1
- package/resources/components/inputswitch/inputswitch.css +1 -0
- package/resources/themes/arya-blue/theme.css +9 -1
- package/resources/themes/arya-green/theme.css +9 -1
- package/resources/themes/arya-orange/theme.css +9 -1
- package/resources/themes/arya-purple/theme.css +9 -1
- package/resources/themes/bootstrap4-dark-blue/theme.css +9 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +9 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +9 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +9 -1
- package/resources/themes/fluent-light/theme.css +9 -1
- package/resources/themes/lara-dark-blue/theme.css +9 -1
- package/resources/themes/lara-dark-indigo/theme.css +9 -1
- package/resources/themes/lara-dark-purple/theme.css +9 -1
- package/resources/themes/lara-dark-teal/theme.css +9 -1
- package/resources/themes/lara-light-blue/theme.css +9 -1
- package/resources/themes/lara-light-indigo/theme.css +9 -1
- package/resources/themes/lara-light-purple/theme.css +9 -1
- package/resources/themes/lara-light-teal/theme.css +9 -1
- package/resources/themes/luna-amber/theme.css +9 -1
- package/resources/themes/luna-blue/theme.css +9 -1
- package/resources/themes/luna-green/theme.css +9 -1
- package/resources/themes/luna-pink/theme.css +9 -1
- package/resources/themes/md-dark-deeppurple/theme.css +9 -1
- package/resources/themes/md-dark-indigo/theme.css +9 -1
- package/resources/themes/md-light-deeppurple/theme.css +9 -1
- package/resources/themes/md-light-indigo/theme.css +9 -1
- package/resources/themes/mdc-dark-deeppurple/theme.css +9 -1
- package/resources/themes/mdc-dark-indigo/theme.css +9 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +9 -1
- package/resources/themes/mdc-light-indigo/theme.css +9 -1
- package/resources/themes/mira/theme.css +9 -1
- package/resources/themes/nano/theme.css +9 -1
- package/resources/themes/nova/theme.css +9 -1
- package/resources/themes/nova-accent/theme.css +9 -1
- package/resources/themes/nova-alt/theme.css +9 -1
- package/resources/themes/rhea/theme.css +9 -1
- package/resources/themes/saga-blue/theme.css +9 -1
- package/resources/themes/saga-green/theme.css +9 -1
- package/resources/themes/saga-orange/theme.css +9 -1
- package/resources/themes/saga-purple/theme.css +9 -1
- package/resources/themes/soho-dark/theme.css +9 -1
- package/resources/themes/soho-light/theme.css +9 -1
- package/resources/themes/tailwind-light/theme.css +9 -1
- package/resources/themes/vela-blue/theme.css +9 -1
- package/resources/themes/vela-green/theme.css +9 -1
- package/resources/themes/vela-orange/theme.css +9 -1
- package/resources/themes/vela-purple/theme.css +9 -1
- package/resources/themes/viva-dark/theme.css +9 -1
- package/resources/themes/viva-light/theme.css +9 -1
- package/sidebar/sidebar.d.ts +1 -0
- package/sidebar/sidebar.interface.d.ts +4 -0
- package/tieredmenu/tieredmenu.interface.d.ts +16 -0
- package/toast/toast.d.ts +3 -1
- package/toast/toast.interface.d.ts +11 -0
- package/togglebutton/togglebutton.d.ts +9 -3
- package/togglebutton/togglebutton.interface.d.ts +19 -0
- package/resources/components/tristatecheckbox/tristatecheckbox.css +0 -5
@@ -455,7 +455,9 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
|
|
455
455
|
highlightOption: any;
|
456
456
|
highlightOptionChanged: Nullable<boolean>;
|
457
457
|
focused: boolean;
|
458
|
-
|
458
|
+
_filled: boolean;
|
459
|
+
get filled(): any;
|
460
|
+
set filled(value: any);
|
459
461
|
loading: Nullable<boolean>;
|
460
462
|
scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
|
461
463
|
listId: string | undefined;
|
@@ -474,7 +476,6 @@ export declare class AutoComplete implements AfterViewChecked, AfterContentInit,
|
|
474
476
|
'p-focus': boolean;
|
475
477
|
'p-autocomplete-dd': boolean;
|
476
478
|
'p-autocomplete-multiple': boolean;
|
477
|
-
'p-inputwrapper-filled': any;
|
478
479
|
'p-inputwrapper-focus': boolean;
|
479
480
|
'p-overlay-open': boolean;
|
480
481
|
};
|
package/calendar/calendar.d.ts
CHANGED
@@ -30,6 +30,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
|
|
30
30
|
private zone;
|
31
31
|
private config;
|
32
32
|
overlayService: OverlayService;
|
33
|
+
iconDisplay: 'input' | 'button';
|
33
34
|
/**
|
34
35
|
* Inline style of the component.
|
35
36
|
* @group Props
|
@@ -486,6 +487,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
|
|
486
487
|
clearIconTemplate: Nullable<TemplateRef<any>>;
|
487
488
|
decrementIconTemplate: Nullable<TemplateRef<any>>;
|
488
489
|
incrementIconTemplate: Nullable<TemplateRef<any>>;
|
490
|
+
inputIconTemplate: Nullable<TemplateRef<any>>;
|
489
491
|
_disabledDates: Array<Date>;
|
490
492
|
_disabledDays: Array<number>;
|
491
493
|
selectElement: Nullable;
|
@@ -573,7 +575,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
|
|
573
575
|
onInputFocus(event: Event): void;
|
574
576
|
onInputClick(): void;
|
575
577
|
onInputBlur(event: Event): void;
|
576
|
-
onButtonClick(event: Event, inputfield
|
578
|
+
onButtonClick(event: Event, inputfield?: any): void;
|
577
579
|
clear(): void;
|
578
580
|
onOverlayClick(event: Event): void;
|
579
581
|
getMonthName(index: number): any;
|
@@ -659,7 +661,7 @@ export declare class Calendar implements OnInit, OnDestroy, ControlValueAccessor
|
|
659
661
|
onOverlayHide(): void;
|
660
662
|
ngOnDestroy(): void;
|
661
663
|
static ɵfac: i0.ɵɵFactoryDeclaration<Calendar, never>;
|
662
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Calendar, "p-calendar", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "monthNavigator": { "alias": "monthNavigator"; "required": false; }; "yearNavigator": { "alias": "yearNavigator"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onShow": "onShow"; }, ["templates"], ["p-header", "p-footer"], false, never>;
|
664
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Calendar, "p-calendar", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "monthNavigator": { "alias": "monthNavigator"; "required": false; }; "yearNavigator": { "alias": "yearNavigator"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onShow": "onShow"; }, ["templates"], ["p-header", "p-footer"], false, never>;
|
663
665
|
}
|
664
666
|
export declare class CalendarModule {
|
665
667
|
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarModule, never>;
|
@@ -36,6 +36,18 @@ export interface CalendarTemplates {
|
|
36
36
|
* Custom header template.
|
37
37
|
*/
|
38
38
|
header(): TemplateRef<any>;
|
39
|
+
/**
|
40
|
+
* Custom input icon template.
|
41
|
+
* @param {Object} context - input icon template params.
|
42
|
+
*/
|
43
|
+
inputIconTemplate(context: {
|
44
|
+
/**
|
45
|
+
* Click callback
|
46
|
+
*/
|
47
|
+
clickCallBack: () => void;
|
48
|
+
}): TemplateRef<{
|
49
|
+
clickCallBack: Function;
|
50
|
+
}>;
|
39
51
|
/**
|
40
52
|
* Custom previous icon template.
|
41
53
|
*/
|
@@ -94,7 +94,7 @@ export declare class CascadeSelect implements OnInit, AfterContentInit {
|
|
94
94
|
*/
|
95
95
|
selectionMessage: string | undefined;
|
96
96
|
/**
|
97
|
-
* Text to display when filtering does not return any results. Defaults to value from
|
97
|
+
* Text to display when filtering does not return any results. Defaults to value from PrimeNG locale configuration.
|
98
98
|
* @group Props
|
99
99
|
* @defaultValue 'No available options'
|
100
100
|
*/
|
@@ -205,6 +205,7 @@ export declare class ConfirmDialog implements AfterContentInit, OnInit, OnDestro
|
|
205
205
|
acceptIconTemplate: Nullable<TemplateRef<any>>;
|
206
206
|
messageTemplate: Nullable<TemplateRef<any>>;
|
207
207
|
iconTemplate: Nullable<TemplateRef<any>>;
|
208
|
+
headlessTemplate: Nullable<TemplateRef<any>>;
|
208
209
|
confirmation: Nullable<Confirmation>;
|
209
210
|
_visible: boolean | undefined;
|
210
211
|
_style: {
|
@@ -15,7 +15,9 @@ export interface ConfirmDialogTemplates {
|
|
15
15
|
/**
|
16
16
|
* Custom template of message.
|
17
17
|
*/
|
18
|
-
message(
|
18
|
+
message(context: {
|
19
|
+
$implicit?: any;
|
20
|
+
}): TemplateRef<any>;
|
19
21
|
/**
|
20
22
|
* Custom template of icon.
|
21
23
|
*/
|
@@ -28,4 +30,10 @@ export interface ConfirmDialogTemplates {
|
|
28
30
|
* Custom template of accepticon.
|
29
31
|
*/
|
30
32
|
accepticon(): TemplateRef<any>;
|
33
|
+
/**
|
34
|
+
* Headless template.
|
35
|
+
*/
|
36
|
+
headless(context: {
|
37
|
+
$implicit?: any;
|
38
|
+
}): TemplateRef<any>;
|
31
39
|
}
|
@@ -72,8 +72,10 @@ export declare class ConfirmPopup implements AfterContentInit, OnDestroy {
|
|
72
72
|
container: Nullable<HTMLDivElement>;
|
73
73
|
subscription: Subscription;
|
74
74
|
confirmation: Nullable<Confirmation>;
|
75
|
+
contentTemplate: Nullable<TemplateRef<any>>;
|
75
76
|
acceptIconTemplate: Nullable<TemplateRef<any>>;
|
76
77
|
rejectIconTemplate: Nullable<TemplateRef<any>>;
|
78
|
+
headlessTemplate: Nullable<TemplateRef<any>>;
|
77
79
|
_visible: boolean | undefined;
|
78
80
|
documentClickListener: VoidListener;
|
79
81
|
documentResizeListener: VoidListener;
|
@@ -4,6 +4,12 @@ import { TemplateRef } from '@angular/core';
|
|
4
4
|
* @group Templates
|
5
5
|
*/
|
6
6
|
export interface ConfirmPopupTemplates {
|
7
|
+
/**
|
8
|
+
* Custom content template.
|
9
|
+
*/
|
10
|
+
content(context: {
|
11
|
+
$implicit?: any;
|
12
|
+
}): TemplateRef<any>;
|
7
13
|
/**
|
8
14
|
* Custom template of rejecticon.
|
9
15
|
*/
|
@@ -12,4 +18,10 @@ export interface ConfirmPopupTemplates {
|
|
12
18
|
* Custom template of accepticon.
|
13
19
|
*/
|
14
20
|
accepticon(): TemplateRef<any>;
|
21
|
+
/**
|
22
|
+
* Headless template.
|
23
|
+
*/
|
24
|
+
headless(context: {
|
25
|
+
$implicit?: any;
|
26
|
+
}): TemplateRef<any>;
|
15
27
|
}
|
package/dialog/dialog.d.ts
CHANGED
@@ -113,6 +113,11 @@ export declare class Dialog implements AfterContentInit, OnInit, OnDestroy {
|
|
113
113
|
* @group Props
|
114
114
|
*/
|
115
115
|
maskStyleClass: string | undefined;
|
116
|
+
/**
|
117
|
+
* Style of the mask.
|
118
|
+
* @group Props
|
119
|
+
*/
|
120
|
+
maskStyle: string | undefined;
|
116
121
|
/**
|
117
122
|
* Whether to show the header or not.
|
118
123
|
* @group Props
|
@@ -269,6 +274,7 @@ export declare class Dialog implements AfterContentInit, OnInit, OnDestroy {
|
|
269
274
|
maximizeIconTemplate: Nullable<TemplateRef<any>>;
|
270
275
|
closeIconTemplate: Nullable<TemplateRef<any>>;
|
271
276
|
minimizeIconTemplate: Nullable<TemplateRef<any>>;
|
277
|
+
headlessTemplate: Nullable<TemplateRef<any>>;
|
272
278
|
_visible: boolean;
|
273
279
|
maskVisible: boolean | undefined;
|
274
280
|
container: Nullable<HTMLDivElement>;
|
@@ -337,7 +343,7 @@ export declare class Dialog implements AfterContentInit, OnInit, OnDestroy {
|
|
337
343
|
destroyStyle(): void;
|
338
344
|
ngOnDestroy(): void;
|
339
345
|
static ɵfac: i0.ɵɵFactoryDeclaration<Dialog, never>;
|
340
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Dialog, "p-dialog", never, { "header": { "alias": "header"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "positionLeft": { "alias": "positionLeft"; "required": false; }; "positionTop": { "alias": "positionTop"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "minX": { "alias": "minX"; "required": false; }; "minY": { "alias": "minY"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; "keepInViewport": { "alias": "keepInViewport"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "closeTabindex": { "alias": "closeTabindex"; "required": false; }; "minimizeIcon": { "alias": "minimizeIcon"; "required": false; }; "maximizeIcon": { "alias": "maximizeIcon"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; "onResizeInit": "onResizeInit"; "onResizeEnd": "onResizeEnd"; "onDragEnd": "onDragEnd"; "onMaximize": "onMaximize"; }, ["headerFacet", "footerFacet", "templates"], ["p-header", "*", "p-footer"], false, never>;
|
346
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Dialog, "p-dialog", never, { "header": { "alias": "header"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "positionLeft": { "alias": "positionLeft"; "required": false; }; "positionTop": { "alias": "positionTop"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "minX": { "alias": "minX"; "required": false; }; "minY": { "alias": "minY"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; "keepInViewport": { "alias": "keepInViewport"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "closeTabindex": { "alias": "closeTabindex"; "required": false; }; "minimizeIcon": { "alias": "minimizeIcon"; "required": false; }; "maximizeIcon": { "alias": "maximizeIcon"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; "onResizeInit": "onResizeInit"; "onResizeEnd": "onResizeEnd"; "onDragEnd": "onDragEnd"; "onMaximize": "onMaximize"; }, ["headerFacet", "footerFacet", "templates"], ["p-header", "*", "p-footer"], false, never>;
|
341
347
|
}
|
342
348
|
export declare class DialogModule {
|
343
349
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
|
@@ -21,6 +21,12 @@ export declare class DialogService {
|
|
21
21
|
* @group Method
|
22
22
|
*/
|
23
23
|
open(componentType: Type<any>, config: DynamicDialogConfig): DynamicDialogRef;
|
24
|
+
/**
|
25
|
+
* Returns the dynamic dialog component instance.
|
26
|
+
* @param {ref} DynamicDialogRef - DynamicDialog instance.
|
27
|
+
* @group Method
|
28
|
+
*/
|
29
|
+
getInstance(ref: DynamicDialogRef): DynamicDialogComponent;
|
24
30
|
private appendDialogComponentToBody;
|
25
31
|
private removeDialogComponentFromBody;
|
26
32
|
private duplicationPermission;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { Type } from '@angular/core';
|
1
2
|
/**
|
2
3
|
* Dialogs can be created dynamically with any component as the content using a DialogService.
|
3
4
|
* @group Components
|
@@ -162,4 +163,44 @@ export declare class DynamicDialogConfig<T = any> {
|
|
162
163
|
* @group Props
|
163
164
|
*/
|
164
165
|
duplicate?: boolean;
|
166
|
+
/**
|
167
|
+
* Object literal to define widths per screen size.
|
168
|
+
* @group Props
|
169
|
+
*/
|
170
|
+
breakpoints?: any;
|
171
|
+
/**
|
172
|
+
* Dialog templates.
|
173
|
+
* @group Props
|
174
|
+
*/
|
175
|
+
templates?: DynamicDialogTemplates;
|
176
|
+
}
|
177
|
+
/**
|
178
|
+
* Defines valid templates in Dynamic Dialog.
|
179
|
+
* @group Interface
|
180
|
+
*/
|
181
|
+
export interface DynamicDialogTemplates {
|
182
|
+
/**
|
183
|
+
* Template of the header.
|
184
|
+
*/
|
185
|
+
header?: Type<any>;
|
186
|
+
/**
|
187
|
+
* Template of the content.
|
188
|
+
*/
|
189
|
+
content?: Type<any>;
|
190
|
+
/**
|
191
|
+
* Template of the footer.
|
192
|
+
*/
|
193
|
+
footer?: Type<any>;
|
194
|
+
/**
|
195
|
+
* Template of the minimize icon.
|
196
|
+
*/
|
197
|
+
minimizeicon?: Type<any>;
|
198
|
+
/**
|
199
|
+
* Template of the maximize icon.
|
200
|
+
*/
|
201
|
+
maximizeicon?: Type<any>;
|
202
|
+
/**
|
203
|
+
* Template of the close icon.
|
204
|
+
*/
|
205
|
+
closeicon?: Type<any>;
|
165
206
|
}
|
@@ -33,6 +33,8 @@ export declare class DynamicDialogComponent implements AfterViewInit, OnDestroy
|
|
33
33
|
lastPageX: number | undefined;
|
34
34
|
lastPageY: number | undefined;
|
35
35
|
ariaLabelledBy: string | undefined;
|
36
|
+
id: string;
|
37
|
+
styleElement: any;
|
36
38
|
insertionPoint: Nullable<DynamicDialogContent>;
|
37
39
|
maskViewChild: Nullable<ElementRef>;
|
38
40
|
contentViewChild: Nullable<ElementRef>;
|
@@ -59,7 +61,18 @@ export declare class DynamicDialogComponent implements AfterViewInit, OnDestroy
|
|
59
61
|
set style(value: any);
|
60
62
|
get parent(): Element;
|
61
63
|
get header(): string;
|
64
|
+
get data(): any;
|
65
|
+
get breakpoints(): any;
|
66
|
+
get footerTemplate(): Type<any>;
|
67
|
+
get headerTemplate(): Type<any>;
|
68
|
+
get contentTemplate(): Type<any>;
|
69
|
+
get minimizeIconTemplate(): Type<any>;
|
70
|
+
get maximizeIconTemplate(): Type<any>;
|
71
|
+
get closeIconTemplate(): Type<any>;
|
62
72
|
constructor(document: Document, platformId: any, cd: ChangeDetectorRef, renderer: Renderer2, config: DynamicDialogConfig, dialogRef: DynamicDialogRef, zone: NgZone, primeNGConfig: PrimeNGConfig, parentDialog: DynamicDialogComponent);
|
73
|
+
ngOnInit(): void;
|
74
|
+
createStyle(): void;
|
75
|
+
destroyStyle(): void;
|
63
76
|
ngAfterViewInit(): void;
|
64
77
|
getAriaLabelledBy(): string;
|
65
78
|
loadChildComponent(componentType: Type<any>): void;
|