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.
Files changed (157) hide show
  1. package/autocomplete/autocomplete.d.ts +3 -2
  2. package/calendar/calendar.d.ts +4 -2
  3. package/calendar/calendar.interface.d.ts +12 -0
  4. package/cascadeselect/cascadeselect.d.ts +1 -1
  5. package/confirmdialog/confirmdialog.d.ts +1 -0
  6. package/confirmdialog/confirmdialog.interface.d.ts +9 -1
  7. package/confirmpopup/confirmpopup.d.ts +2 -0
  8. package/confirmpopup/confirmpopup.interface.d.ts +12 -0
  9. package/dialog/dialog.d.ts +7 -1
  10. package/dynamicdialog/dialogservice.d.ts +6 -0
  11. package/dynamicdialog/dynamicdialog-config.d.ts +41 -0
  12. package/dynamicdialog/dynamicdialog.d.ts +13 -0
  13. package/esm2022/autocomplete/autocomplete.mjs +13 -6
  14. package/esm2022/avatar/avatar.mjs +3 -3
  15. package/esm2022/calendar/calendar.interface.mjs +1 -1
  16. package/esm2022/calendar/calendar.mjs +47 -8
  17. package/esm2022/cascadeselect/cascadeselect.mjs +2 -2
  18. package/esm2022/confirmdialog/confirmdialog.interface.mjs +1 -1
  19. package/esm2022/confirmdialog/confirmdialog.mjs +139 -125
  20. package/esm2022/confirmpopup/confirmpopup.interface.mjs +1 -1
  21. package/esm2022/confirmpopup/confirmpopup.mjs +93 -65
  22. package/esm2022/dialog/dialog.mjs +123 -98
  23. package/esm2022/dropdown/dropdown.mjs +3 -2
  24. package/esm2022/dynamicdialog/dialogservice.mjs +9 -1
  25. package/esm2022/dynamicdialog/dynamicdialog-config.mjs +11 -1
  26. package/esm2022/dynamicdialog/dynamicdialog.mjs +109 -30
  27. package/esm2022/fileupload/fileupload.mjs +4 -4
  28. package/esm2022/inputswitch/inputswitch.mjs +2 -2
  29. package/esm2022/listbox/listbox.mjs +5 -5
  30. package/esm2022/menu/menu.mjs +11 -14
  31. package/esm2022/multiselect/multiselect.mjs +15 -22
  32. package/esm2022/overlaypanel/overlaypanel.mjs +28 -8
  33. package/esm2022/panelmenu/panelmenu.mjs +41 -17
  34. package/esm2022/picklist/picklist.mjs +7 -5
  35. package/esm2022/progressbar/progressbar.mjs +29 -6
  36. package/esm2022/scroller/scroller.mjs +3 -3
  37. package/esm2022/sidebar/sidebar.interface.mjs +1 -1
  38. package/esm2022/sidebar/sidebar.mjs +69 -55
  39. package/esm2022/table/table.mjs +6 -6
  40. package/esm2022/tieredmenu/tieredmenu.interface.mjs +1 -1
  41. package/esm2022/tieredmenu/tieredmenu.mjs +3 -3
  42. package/esm2022/toast/toast.interface.mjs +1 -1
  43. package/esm2022/toast/toast.mjs +84 -65
  44. package/esm2022/togglebutton/togglebutton.interface.mjs +1 -1
  45. package/esm2022/togglebutton/togglebutton.mjs +34 -8
  46. package/fesm2022/primeng-autocomplete.mjs +12 -5
  47. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  48. package/fesm2022/primeng-avatar.mjs +2 -2
  49. package/fesm2022/primeng-avatar.mjs.map +1 -1
  50. package/fesm2022/primeng-calendar.mjs +46 -7
  51. package/fesm2022/primeng-calendar.mjs.map +1 -1
  52. package/fesm2022/primeng-cascadeselect.mjs +1 -1
  53. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  54. package/fesm2022/primeng-confirmdialog.mjs +138 -124
  55. package/fesm2022/primeng-confirmdialog.mjs.map +1 -1
  56. package/fesm2022/primeng-confirmpopup.mjs +92 -64
  57. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  58. package/fesm2022/primeng-dialog.mjs +122 -97
  59. package/fesm2022/primeng-dialog.mjs.map +1 -1
  60. package/fesm2022/primeng-dropdown.mjs +2 -1
  61. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  62. package/fesm2022/primeng-dynamicdialog.mjs +126 -29
  63. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  64. package/fesm2022/primeng-fileupload.mjs +3 -3
  65. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  66. package/fesm2022/primeng-inputswitch.mjs +2 -2
  67. package/fesm2022/primeng-inputswitch.mjs.map +1 -1
  68. package/fesm2022/primeng-listbox.mjs +4 -4
  69. package/fesm2022/primeng-listbox.mjs.map +1 -1
  70. package/fesm2022/primeng-menu.mjs +10 -13
  71. package/fesm2022/primeng-menu.mjs.map +1 -1
  72. package/fesm2022/primeng-multiselect.mjs +14 -21
  73. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  74. package/fesm2022/primeng-overlaypanel.mjs +27 -7
  75. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  76. package/fesm2022/primeng-panelmenu.mjs +40 -16
  77. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  78. package/fesm2022/primeng-picklist.mjs +6 -4
  79. package/fesm2022/primeng-picklist.mjs.map +1 -1
  80. package/fesm2022/primeng-progressbar.mjs +28 -5
  81. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  82. package/fesm2022/primeng-scroller.mjs +2 -2
  83. package/fesm2022/primeng-scroller.mjs.map +1 -1
  84. package/fesm2022/primeng-sidebar.mjs +68 -54
  85. package/fesm2022/primeng-sidebar.mjs.map +1 -1
  86. package/fesm2022/primeng-table.mjs +5 -5
  87. package/fesm2022/primeng-table.mjs.map +1 -1
  88. package/fesm2022/primeng-tieredmenu.mjs +2 -2
  89. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  90. package/fesm2022/primeng-toast.mjs +83 -64
  91. package/fesm2022/primeng-toast.mjs.map +1 -1
  92. package/fesm2022/primeng-togglebutton.mjs +33 -7
  93. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  94. package/fileupload/fileupload.d.ts +3 -3
  95. package/menu/menu.d.ts +2 -3
  96. package/multiselect/multiselect.d.ts +1 -4
  97. package/overlaypanel/overlaypanel.d.ts +12 -2
  98. package/package.json +256 -256
  99. package/panelmenu/panelmenu.d.ts +11 -6
  100. package/progressbar/progressbar.d.ts +7 -1
  101. package/resources/components/inputswitch/inputswitch.css +1 -0
  102. package/resources/themes/arya-blue/theme.css +9 -1
  103. package/resources/themes/arya-green/theme.css +9 -1
  104. package/resources/themes/arya-orange/theme.css +9 -1
  105. package/resources/themes/arya-purple/theme.css +9 -1
  106. package/resources/themes/bootstrap4-dark-blue/theme.css +9 -1
  107. package/resources/themes/bootstrap4-dark-purple/theme.css +9 -1
  108. package/resources/themes/bootstrap4-light-blue/theme.css +9 -1
  109. package/resources/themes/bootstrap4-light-purple/theme.css +9 -1
  110. package/resources/themes/fluent-light/theme.css +9 -1
  111. package/resources/themes/lara-dark-blue/theme.css +9 -1
  112. package/resources/themes/lara-dark-indigo/theme.css +9 -1
  113. package/resources/themes/lara-dark-purple/theme.css +9 -1
  114. package/resources/themes/lara-dark-teal/theme.css +9 -1
  115. package/resources/themes/lara-light-blue/theme.css +9 -1
  116. package/resources/themes/lara-light-indigo/theme.css +9 -1
  117. package/resources/themes/lara-light-purple/theme.css +9 -1
  118. package/resources/themes/lara-light-teal/theme.css +9 -1
  119. package/resources/themes/luna-amber/theme.css +9 -1
  120. package/resources/themes/luna-blue/theme.css +9 -1
  121. package/resources/themes/luna-green/theme.css +9 -1
  122. package/resources/themes/luna-pink/theme.css +9 -1
  123. package/resources/themes/md-dark-deeppurple/theme.css +9 -1
  124. package/resources/themes/md-dark-indigo/theme.css +9 -1
  125. package/resources/themes/md-light-deeppurple/theme.css +9 -1
  126. package/resources/themes/md-light-indigo/theme.css +9 -1
  127. package/resources/themes/mdc-dark-deeppurple/theme.css +9 -1
  128. package/resources/themes/mdc-dark-indigo/theme.css +9 -1
  129. package/resources/themes/mdc-light-deeppurple/theme.css +9 -1
  130. package/resources/themes/mdc-light-indigo/theme.css +9 -1
  131. package/resources/themes/mira/theme.css +9 -1
  132. package/resources/themes/nano/theme.css +9 -1
  133. package/resources/themes/nova/theme.css +9 -1
  134. package/resources/themes/nova-accent/theme.css +9 -1
  135. package/resources/themes/nova-alt/theme.css +9 -1
  136. package/resources/themes/rhea/theme.css +9 -1
  137. package/resources/themes/saga-blue/theme.css +9 -1
  138. package/resources/themes/saga-green/theme.css +9 -1
  139. package/resources/themes/saga-orange/theme.css +9 -1
  140. package/resources/themes/saga-purple/theme.css +9 -1
  141. package/resources/themes/soho-dark/theme.css +9 -1
  142. package/resources/themes/soho-light/theme.css +9 -1
  143. package/resources/themes/tailwind-light/theme.css +9 -1
  144. package/resources/themes/vela-blue/theme.css +9 -1
  145. package/resources/themes/vela-green/theme.css +9 -1
  146. package/resources/themes/vela-orange/theme.css +9 -1
  147. package/resources/themes/vela-purple/theme.css +9 -1
  148. package/resources/themes/viva-dark/theme.css +9 -1
  149. package/resources/themes/viva-light/theme.css +9 -1
  150. package/sidebar/sidebar.d.ts +1 -0
  151. package/sidebar/sidebar.interface.d.ts +4 -0
  152. package/tieredmenu/tieredmenu.interface.d.ts +16 -0
  153. package/toast/toast.d.ts +3 -1
  154. package/toast/toast.interface.d.ts +11 -0
  155. package/togglebutton/togglebutton.d.ts +9 -3
  156. package/togglebutton/togglebutton.interface.d.ts +19 -0
  157. 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
- filled: number | boolean | undefined;
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
  };
@@ -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: any): void;
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 PrimeVue locale configuration.
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(): TemplateRef<any>;
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
  }
@@ -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;