primeng 22.1.3 → 22.1.5

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 (197) hide show
  1. package/LICENSE.md +2 -0
  2. package/fesm2022/primeng-accordion.mjs +23 -23
  3. package/fesm2022/primeng-animateonscroll.mjs +7 -7
  4. package/fesm2022/primeng-api.mjs +31 -31
  5. package/fesm2022/primeng-autocomplete.mjs +54 -30
  6. package/fesm2022/primeng-autofocus.mjs +7 -7
  7. package/fesm2022/primeng-avatar.mjs +10 -10
  8. package/fesm2022/primeng-avatargroup.mjs +10 -10
  9. package/fesm2022/primeng-badge.mjs +14 -14
  10. package/fesm2022/primeng-base.mjs +9 -4
  11. package/fesm2022/primeng-basecomponent.mjs +25 -16
  12. package/fesm2022/primeng-baseeditableholder.mjs +3 -3
  13. package/fesm2022/primeng-baseinput.mjs +3 -3
  14. package/fesm2022/primeng-basemodelholder.mjs +3 -3
  15. package/fesm2022/primeng-bind.mjs +7 -7
  16. package/fesm2022/primeng-blockui.mjs +10 -10
  17. package/fesm2022/primeng-breadcrumb.mjs +14 -14
  18. package/fesm2022/primeng-button.mjs +19 -19
  19. package/fesm2022/primeng-buttongroup.mjs +14 -14
  20. package/fesm2022/primeng-card.mjs +10 -10
  21. package/fesm2022/primeng-carousel.mjs +31 -31
  22. package/fesm2022/primeng-cascadeselect.mjs +13 -13
  23. package/fesm2022/primeng-chart.mjs +10 -10
  24. package/fesm2022/primeng-checkbox.mjs +10 -10
  25. package/fesm2022/primeng-chip.mjs +10 -10
  26. package/fesm2022/primeng-classnames.mjs +7 -7
  27. package/fesm2022/primeng-colorpicker.mjs +10 -10
  28. package/fesm2022/primeng-commandmenu.mjs +10 -10
  29. package/fesm2022/primeng-compare.mjs +19 -19
  30. package/fesm2022/primeng-config.mjs +10 -8
  31. package/fesm2022/primeng-confirmdialog.mjs +10 -10
  32. package/fesm2022/primeng-confirmpopup.mjs +14 -14
  33. package/fesm2022/primeng-contextmenu.mjs +13 -13
  34. package/fesm2022/primeng-dataview.mjs +10 -10
  35. package/fesm2022/primeng-datepicker.mjs +44 -15
  36. package/fesm2022/primeng-dialog.mjs +10 -10
  37. package/fesm2022/primeng-divider.mjs +10 -10
  38. package/fesm2022/primeng-dock.mjs +10 -10
  39. package/fesm2022/primeng-dragdrop.mjs +10 -10
  40. package/fesm2022/primeng-drawer.mjs +15 -17
  41. package/fesm2022/primeng-dynamicdialog.mjs +16 -16
  42. package/fesm2022/primeng-editor.mjs +10 -10
  43. package/fesm2022/primeng-fieldset.mjs +10 -12
  44. package/fesm2022/primeng-fileupload.mjs +13 -13
  45. package/fesm2022/primeng-floatlabel.mjs +10 -10
  46. package/fesm2022/primeng-fluid.mjs +10 -10
  47. package/fesm2022/primeng-focustrap.mjs +7 -7
  48. package/fesm2022/primeng-galleria.mjs +22 -22
  49. package/fesm2022/primeng-gallery.mjs +75 -73
  50. package/fesm2022/primeng-iconfield.mjs +10 -10
  51. package/fesm2022/primeng-icons-angledoubledown.mjs +3 -3
  52. package/fesm2022/primeng-icons-angledoubleleft.mjs +3 -3
  53. package/fesm2022/primeng-icons-angledoubleright.mjs +3 -3
  54. package/fesm2022/primeng-icons-angledoubleup.mjs +3 -3
  55. package/fesm2022/primeng-icons-angledown.mjs +3 -3
  56. package/fesm2022/primeng-icons-angleleft.mjs +3 -3
  57. package/fesm2022/primeng-icons-angleright.mjs +3 -3
  58. package/fesm2022/primeng-icons-angleup.mjs +3 -3
  59. package/fesm2022/primeng-icons-arrowdown.mjs +3 -3
  60. package/fesm2022/primeng-icons-arrowdownleft.mjs +3 -3
  61. package/fesm2022/primeng-icons-arrowdownright.mjs +3 -3
  62. package/fesm2022/primeng-icons-arrowleft.mjs +3 -3
  63. package/fesm2022/primeng-icons-arrowright.mjs +3 -3
  64. package/fesm2022/primeng-icons-arrowup.mjs +3 -3
  65. package/fesm2022/primeng-icons-ban.mjs +3 -3
  66. package/fesm2022/primeng-icons-bars.mjs +3 -3
  67. package/fesm2022/primeng-icons-baseicon.mjs +6 -6
  68. package/fesm2022/primeng-icons-blank.mjs +3 -3
  69. package/fesm2022/primeng-icons-calendar.mjs +3 -3
  70. package/fesm2022/primeng-icons-caretleft.mjs +3 -3
  71. package/fesm2022/primeng-icons-caretright.mjs +3 -3
  72. package/fesm2022/primeng-icons-check.mjs +3 -3
  73. package/fesm2022/primeng-icons-chevrondown.mjs +3 -3
  74. package/fesm2022/primeng-icons-chevronleft.mjs +3 -3
  75. package/fesm2022/primeng-icons-chevronright.mjs +3 -3
  76. package/fesm2022/primeng-icons-chevronup.mjs +3 -3
  77. package/fesm2022/primeng-icons-exclamationtriangle.mjs +3 -3
  78. package/fesm2022/primeng-icons-eye.mjs +3 -3
  79. package/fesm2022/primeng-icons-eyeslash.mjs +3 -3
  80. package/fesm2022/primeng-icons-filter.mjs +3 -3
  81. package/fesm2022/primeng-icons-filterfill.mjs +3 -3
  82. package/fesm2022/primeng-icons-filterslash.mjs +3 -3
  83. package/fesm2022/primeng-icons-home.mjs +3 -3
  84. package/fesm2022/primeng-icons-infocircle.mjs +3 -3
  85. package/fesm2022/primeng-icons-minus.mjs +3 -3
  86. package/fesm2022/primeng-icons-pencil.mjs +3 -3
  87. package/fesm2022/primeng-icons-plus.mjs +3 -3
  88. package/fesm2022/primeng-icons-refresh.mjs +3 -3
  89. package/fesm2022/primeng-icons-search.mjs +3 -3
  90. package/fesm2022/primeng-icons-searchminus.mjs +3 -3
  91. package/fesm2022/primeng-icons-searchplus.mjs +3 -3
  92. package/fesm2022/primeng-icons-sortalt.mjs +3 -3
  93. package/fesm2022/primeng-icons-sortamountdown.mjs +3 -3
  94. package/fesm2022/primeng-icons-sortamountupalt.mjs +3 -3
  95. package/fesm2022/primeng-icons-spinner.mjs +3 -3
  96. package/fesm2022/primeng-icons-star.mjs +3 -3
  97. package/fesm2022/primeng-icons-starfill.mjs +3 -3
  98. package/fesm2022/primeng-icons-thlarge.mjs +3 -3
  99. package/fesm2022/primeng-icons-times.mjs +3 -3
  100. package/fesm2022/primeng-icons-timescircle.mjs +3 -3
  101. package/fesm2022/primeng-icons-trash.mjs +3 -3
  102. package/fesm2022/primeng-icons-undo.mjs +3 -3
  103. package/fesm2022/primeng-icons-upload.mjs +3 -3
  104. package/fesm2022/primeng-icons-windowmaximize.mjs +3 -3
  105. package/fesm2022/primeng-icons-windowminimize.mjs +3 -3
  106. package/fesm2022/primeng-iftalabel.mjs +10 -10
  107. package/fesm2022/primeng-image.mjs +10 -10
  108. package/fesm2022/primeng-imagecompare.mjs +10 -10
  109. package/fesm2022/primeng-inplace.mjs +16 -16
  110. package/fesm2022/primeng-inputcolor.mjs +43 -43
  111. package/fesm2022/primeng-inputgroup.mjs +14 -14
  112. package/fesm2022/primeng-inputgroupaddon.mjs +10 -10
  113. package/fesm2022/primeng-inputicon.mjs +10 -10
  114. package/fesm2022/primeng-inputmask.mjs +13 -13
  115. package/fesm2022/primeng-inputnumber.mjs +10 -10
  116. package/fesm2022/primeng-inputotp.mjs +10 -10
  117. package/fesm2022/primeng-inputpassword.mjs +10 -10
  118. package/fesm2022/primeng-inputtags.mjs +22 -18
  119. package/fesm2022/primeng-inputtext.mjs +10 -10
  120. package/fesm2022/primeng-isolation.mjs +9 -9
  121. package/fesm2022/primeng-keyfilter.mjs +7 -7
  122. package/fesm2022/primeng-knob.mjs +10 -10
  123. package/fesm2022/primeng-label.mjs +10 -10
  124. package/fesm2022/primeng-listbox.mjs +46 -34
  125. package/fesm2022/primeng-megamenu.mjs +13 -13
  126. package/fesm2022/primeng-menu.mjs +30 -24
  127. package/fesm2022/primeng-menubar.mjs +20 -20
  128. package/fesm2022/primeng-message.mjs +12 -10
  129. package/fesm2022/primeng-metergroup.mjs +13 -13
  130. package/fesm2022/primeng-motion.mjs +13 -13
  131. package/fesm2022/primeng-multiselect.mjs +61 -29
  132. package/fesm2022/primeng-orderlist.mjs +12 -10
  133. package/fesm2022/primeng-organizationchart.mjs +129 -31
  134. package/fesm2022/primeng-overlay.mjs +10 -10
  135. package/fesm2022/primeng-overlaybadge.mjs +10 -10
  136. package/fesm2022/primeng-paginator.mjs +16 -12
  137. package/fesm2022/primeng-panel.mjs +10 -12
  138. package/fesm2022/primeng-panelmenu.mjs +36 -28
  139. package/fesm2022/primeng-password.mjs +20 -20
  140. package/fesm2022/primeng-picklist.mjs +14 -10
  141. package/fesm2022/primeng-popover.mjs +10 -10
  142. package/fesm2022/primeng-progressbar.mjs +10 -10
  143. package/fesm2022/primeng-progressspinner.mjs +10 -10
  144. package/fesm2022/primeng-radiobutton.mjs +13 -13
  145. package/fesm2022/primeng-rating.mjs +10 -10
  146. package/fesm2022/primeng-ripple.mjs +14 -14
  147. package/fesm2022/primeng-scrollarea.mjs +25 -25
  148. package/fesm2022/primeng-scroller.mjs +35 -16
  149. package/fesm2022/primeng-scrollpanel.mjs +14 -14
  150. package/fesm2022/primeng-scrolltop.mjs +10 -10
  151. package/fesm2022/primeng-select.mjs +79 -47
  152. package/fesm2022/primeng-selectbutton.mjs +12 -10
  153. package/fesm2022/primeng-sidebar.mjs +83 -83
  154. package/fesm2022/primeng-skeleton.mjs +10 -10
  155. package/fesm2022/primeng-slider.mjs +10 -10
  156. package/fesm2022/primeng-speeddial.mjs +10 -10
  157. package/fesm2022/primeng-splitbutton.mjs +10 -10
  158. package/fesm2022/primeng-splitter.mjs +13 -13
  159. package/fesm2022/primeng-stepper.mjs +47 -47
  160. package/fesm2022/primeng-steps.mjs +10 -10
  161. package/fesm2022/primeng-styleclass.mjs +7 -7
  162. package/fesm2022/primeng-table.mjs +201 -115
  163. package/fesm2022/primeng-tabs.mjs +50 -34
  164. package/fesm2022/primeng-tag.mjs +10 -10
  165. package/fesm2022/primeng-terminal.mjs +15 -15
  166. package/fesm2022/primeng-textarea.mjs +10 -10
  167. package/fesm2022/primeng-tieredmenu.mjs +13 -13
  168. package/fesm2022/primeng-timeline.mjs +24 -18
  169. package/fesm2022/primeng-toast.mjs +13 -13
  170. package/fesm2022/primeng-togglebutton.mjs +14 -14
  171. package/fesm2022/primeng-toggleswitch.mjs +10 -10
  172. package/fesm2022/primeng-toolbar.mjs +10 -10
  173. package/fesm2022/primeng-tooltip.mjs +94 -80
  174. package/fesm2022/primeng-tree.mjs +131 -33
  175. package/fesm2022/primeng-treeselect.mjs +37 -10
  176. package/fesm2022/primeng-treetable.mjs +84 -62
  177. package/fesm2022/primeng-useid.mjs +3 -3
  178. package/fesm2022/primeng-usestyle.mjs +6 -6
  179. package/package.json +20 -20
  180. package/types/primeng-api.d.ts +7 -2
  181. package/types/primeng-base.d.ts +1 -0
  182. package/types/primeng-basecomponent.d.ts +2 -0
  183. package/types/primeng-config.d.ts +7 -2
  184. package/types/primeng-confirmpopup.d.ts +2 -2
  185. package/types/primeng-datepicker.d.ts +9 -0
  186. package/types/primeng-motion.d.ts +0 -15
  187. package/types/primeng-scroller.d.ts +5 -3
  188. package/types/primeng-select.d.ts +6 -5
  189. package/types/primeng-stepper.d.ts +0 -95
  190. package/types/primeng-table.d.ts +5 -3
  191. package/types/primeng-tabs.d.ts +3 -76
  192. package/types/primeng-tooltip.d.ts +18 -7
  193. package/types/primeng-treeselect.d.ts +9 -2
  194. package/types/primeng-types-select.d.ts +4 -0
  195. package/types/primeng-types-treeselect.d.ts +15 -0
  196. package/types/primeng-utils.d.ts +0 -1
  197. package/types/primeng.d.ts +1 -2
@@ -37,7 +37,7 @@ var OrganizationChartStyle = class OrganizationChartStyle extends BaseStyle {
37
37
  classes = classes;
38
38
  static ɵfac = i0.ɵɵngDeclareFactory({
39
39
  minVersion: "12.0.0",
40
- version: "22.2.3",
40
+ version: "22.2.5",
41
41
  ngImport: i0,
42
42
  type: OrganizationChartStyle,
43
43
  deps: null,
@@ -45,14 +45,14 @@ var OrganizationChartStyle = class OrganizationChartStyle extends BaseStyle {
45
45
  });
46
46
  static ɵprov = i0.ɵɵngDeclareInjectable({
47
47
  minVersion: "12.0.0",
48
- version: "22.2.3",
48
+ version: "22.2.5",
49
49
  ngImport: i0,
50
50
  type: OrganizationChartStyle
51
51
  });
52
52
  };
53
53
  i0.ɵɵngDeclareClassMetadata({
54
54
  minVersion: "12.0.0",
55
- version: "22.2.3",
55
+ version: "22.2.5",
56
56
  ngImport: i0,
57
57
  type: OrganizationChartStyle,
58
58
  decorators: [{ type: Injectable }]
@@ -75,6 +75,10 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
75
75
  transform: booleanAttribute
76
76
  });
77
77
  level = input(1, ...ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []);
78
+ nodeTemplate = input(...ngDevMode ? [void 0, { debugName: "nodeTemplate" }] : /* istanbul ignore next */ []);
79
+ togglerIconTemplate = input(...ngDevMode ? [void 0, { debugName: "togglerIconTemplate" }] : /* istanbul ignore next */ []);
80
+ checkboxIconTemplate = input(...ngDevMode ? [void 0, { debugName: "checkboxIconTemplate" }] : /* istanbul ignore next */ []);
81
+ collapseButtonTemplate = input(...ngDevMode ? [void 0, { debugName: "collapseButtonTemplate" }] : /* istanbul ignore next */ []);
78
82
  chart = inject(ORGANIZATIONCHART_INSTANCE);
79
83
  _componentStyle = inject(OrganizationChartStyle);
80
84
  children = computed(() => this.node()?.children ?? [], ...ngDevMode ? [{ debugName: "children" }] : /* istanbul ignore next */ []);
@@ -143,7 +147,7 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
143
147
  }
144
148
  static ɵfac = i0.ɵɵngDeclareFactory({
145
149
  minVersion: "12.0.0",
146
- version: "22.2.3",
150
+ version: "22.2.5",
147
151
  ngImport: i0,
148
152
  type: OrganizationChartNode,
149
153
  deps: null,
@@ -151,7 +155,7 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
151
155
  });
152
156
  static ɵcmp = i0.ɵɵngDeclareComponent({
153
157
  minVersion: "17.0.0",
154
- version: "22.2.3",
158
+ version: "22.2.5",
155
159
  type: OrganizationChartNode,
156
160
  isStandalone: true,
157
161
  selector: "[pOrganizationChartNode]",
@@ -176,6 +180,34 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
176
180
  isSignal: true,
177
181
  isRequired: false,
178
182
  transformFunction: null
183
+ },
184
+ nodeTemplate: {
185
+ classPropertyName: "nodeTemplate",
186
+ publicName: "nodeTemplate",
187
+ isSignal: true,
188
+ isRequired: false,
189
+ transformFunction: null
190
+ },
191
+ togglerIconTemplate: {
192
+ classPropertyName: "togglerIconTemplate",
193
+ publicName: "togglerIconTemplate",
194
+ isSignal: true,
195
+ isRequired: false,
196
+ transformFunction: null
197
+ },
198
+ checkboxIconTemplate: {
199
+ classPropertyName: "checkboxIconTemplate",
200
+ publicName: "checkboxIconTemplate",
201
+ isSignal: true,
202
+ isRequired: false,
203
+ transformFunction: null
204
+ },
205
+ collapseButtonTemplate: {
206
+ classPropertyName: "collapseButtonTemplate",
207
+ publicName: "collapseButtonTemplate",
208
+ isSignal: true,
209
+ isRequired: false,
210
+ transformFunction: null
179
211
  }
180
212
  },
181
213
  providers: [OrganizationChartStyle, {
@@ -205,6 +237,7 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
205
237
  <p-checkbox
206
238
  [binary]="true"
207
239
  [ngModel]="selected()"
240
+ [ngModelOptions]="{ standalone: true }"
208
241
  [indeterminate]="partialSelected()"
209
242
  size="small"
210
243
  [tabindex]="-1"
@@ -213,22 +246,22 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
213
246
  [pt]="ptm('pcCheckbox')"
214
247
  [attr.data-p-partialchecked]="partialSelected()"
215
248
  >
216
- @if (chart.checkboxIconTemplate()) {
249
+ @if (checkboxIconTemplate()) {
217
250
  <ng-template #icon let-checked>
218
- <ng-container *ngTemplateOutlet="chart.checkboxIconTemplate()!; context: { $implicit: checked, partialChecked: partialSelected() }"></ng-container>
251
+ <ng-container *ngTemplateOutlet="checkboxIconTemplate()!; context: { $implicit: checked, partialChecked: partialSelected() }"></ng-container>
219
252
  </ng-template>
220
253
  }
221
254
  </p-checkbox>
222
255
  }
223
- @if (!chart.getTemplateForNode(node()!)) {
256
+ @if (!nodeTemplate()) {
224
257
  <span [class]="cx('label')" [pBind]="ptm('label')">{{ node()!.label }}</span>
225
258
  } @else {
226
- <ng-container *ngTemplateOutlet="chart.getTemplateForNode(node()!); context: { $implicit: node() }"></ng-container>
259
+ <ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node() }"></ng-container>
227
260
  }
228
261
  </div>
229
262
  @if (isCollapsible()) {
230
- @if (chart.collapseButtonTemplate()) {
231
- <ng-container *ngTemplateOutlet="chart.collapseButtonTemplate()!; context: getCollapseButtonContext()"></ng-container>
263
+ @if (collapseButtonTemplate()) {
264
+ <ng-container *ngTemplateOutlet="collapseButtonTemplate()!; context: getCollapseButtonContext()"></ng-container>
232
265
  } @else {
233
266
  <button
234
267
  type="button"
@@ -241,14 +274,14 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
241
274
  [pBind]="getPTOptions('collapseButton')"
242
275
  >
243
276
  <span [class]="cx('collapseButtonIcon')" [pBind]="ptm('collapseButtonIcon')">
244
- @if (!chart.togglerIconTemplate()) {
277
+ @if (!togglerIconTemplate()) {
245
278
  @if (collapsed()) {
246
279
  <svg data-p-icon="chevron-down" />
247
280
  } @else {
248
281
  <svg data-p-icon="chevron-up" />
249
282
  }
250
283
  } @else {
251
- <ng-template *ngTemplateOutlet="chart.togglerIconTemplate()!; context: { $implicit: !collapsed() }"></ng-template>
284
+ <ng-template *ngTemplateOutlet="togglerIconTemplate()!; context: { $implicit: !collapsed() }"></ng-template>
252
285
  }
253
286
  </span>
254
287
  </button>
@@ -268,6 +301,10 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
268
301
  pOrganizationChartNode
269
302
  [node]="child"
270
303
  [level]="level() + 1"
304
+ [nodeTemplate]="nodeTemplate()"
305
+ [togglerIconTemplate]="togglerIconTemplate()"
306
+ [checkboxIconTemplate]="checkboxIconTemplate()"
307
+ [collapseButtonTemplate]="collapseButtonTemplate()"
271
308
  [unstyled]="unstyled()"
272
309
  [pt]="pt"
273
310
  [pBind]="ptm('tree')"
@@ -286,7 +323,11 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
286
323
  inputs: [
287
324
  "node",
288
325
  "root",
289
- "level"
326
+ "level",
327
+ "nodeTemplate",
328
+ "togglerIconTemplate",
329
+ "checkboxIconTemplate",
330
+ "collapseButtonTemplate"
290
331
  ]
291
332
  },
292
333
  {
@@ -377,7 +418,7 @@ var OrganizationChartNode = class OrganizationChartNode extends BaseComponent {
377
418
  };
378
419
  i0.ɵɵngDeclareClassMetadata({
379
420
  minVersion: "12.0.0",
380
- version: "22.2.3",
421
+ version: "22.2.5",
381
422
  ngImport: i0,
382
423
  type: OrganizationChartNode,
383
424
  decorators: [{
@@ -414,6 +455,7 @@ i0.ɵɵngDeclareClassMetadata({
414
455
  <p-checkbox
415
456
  [binary]="true"
416
457
  [ngModel]="selected()"
458
+ [ngModelOptions]="{ standalone: true }"
417
459
  [indeterminate]="partialSelected()"
418
460
  size="small"
419
461
  [tabindex]="-1"
@@ -422,22 +464,22 @@ i0.ɵɵngDeclareClassMetadata({
422
464
  [pt]="ptm('pcCheckbox')"
423
465
  [attr.data-p-partialchecked]="partialSelected()"
424
466
  >
425
- @if (chart.checkboxIconTemplate()) {
467
+ @if (checkboxIconTemplate()) {
426
468
  <ng-template #icon let-checked>
427
- <ng-container *ngTemplateOutlet="chart.checkboxIconTemplate()!; context: { $implicit: checked, partialChecked: partialSelected() }"></ng-container>
469
+ <ng-container *ngTemplateOutlet="checkboxIconTemplate()!; context: { $implicit: checked, partialChecked: partialSelected() }"></ng-container>
428
470
  </ng-template>
429
471
  }
430
472
  </p-checkbox>
431
473
  }
432
- @if (!chart.getTemplateForNode(node()!)) {
474
+ @if (!nodeTemplate()) {
433
475
  <span [class]="cx('label')" [pBind]="ptm('label')">{{ node()!.label }}</span>
434
476
  } @else {
435
- <ng-container *ngTemplateOutlet="chart.getTemplateForNode(node()!); context: { $implicit: node() }"></ng-container>
477
+ <ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node() }"></ng-container>
436
478
  }
437
479
  </div>
438
480
  @if (isCollapsible()) {
439
- @if (chart.collapseButtonTemplate()) {
440
- <ng-container *ngTemplateOutlet="chart.collapseButtonTemplate()!; context: getCollapseButtonContext()"></ng-container>
481
+ @if (collapseButtonTemplate()) {
482
+ <ng-container *ngTemplateOutlet="collapseButtonTemplate()!; context: getCollapseButtonContext()"></ng-container>
441
483
  } @else {
442
484
  <button
443
485
  type="button"
@@ -450,14 +492,14 @@ i0.ɵɵngDeclareClassMetadata({
450
492
  [pBind]="getPTOptions('collapseButton')"
451
493
  >
452
494
  <span [class]="cx('collapseButtonIcon')" [pBind]="ptm('collapseButtonIcon')">
453
- @if (!chart.togglerIconTemplate()) {
495
+ @if (!togglerIconTemplate()) {
454
496
  @if (collapsed()) {
455
497
  <svg data-p-icon="chevron-down" />
456
498
  } @else {
457
499
  <svg data-p-icon="chevron-up" />
458
500
  }
459
501
  } @else {
460
- <ng-template *ngTemplateOutlet="chart.togglerIconTemplate()!; context: { $implicit: !collapsed() }"></ng-template>
502
+ <ng-template *ngTemplateOutlet="togglerIconTemplate()!; context: { $implicit: !collapsed() }"></ng-template>
461
503
  }
462
504
  </span>
463
505
  </button>
@@ -477,6 +519,10 @@ i0.ɵɵngDeclareClassMetadata({
477
519
  pOrganizationChartNode
478
520
  [node]="child"
479
521
  [level]="level() + 1"
522
+ [nodeTemplate]="nodeTemplate()"
523
+ [togglerIconTemplate]="togglerIconTemplate()"
524
+ [checkboxIconTemplate]="checkboxIconTemplate()"
525
+ [collapseButtonTemplate]="collapseButtonTemplate()"
480
526
  [unstyled]="unstyled()"
481
527
  [pt]="pt"
482
528
  [pBind]="ptm('tree')"
@@ -518,6 +564,38 @@ i0.ɵɵngDeclareClassMetadata({
518
564
  alias: "level",
519
565
  required: false
520
566
  }]
567
+ }],
568
+ nodeTemplate: [{
569
+ type: i0.Input,
570
+ args: [{
571
+ isSignal: true,
572
+ alias: "nodeTemplate",
573
+ required: false
574
+ }]
575
+ }],
576
+ togglerIconTemplate: [{
577
+ type: i0.Input,
578
+ args: [{
579
+ isSignal: true,
580
+ alias: "togglerIconTemplate",
581
+ required: false
582
+ }]
583
+ }],
584
+ checkboxIconTemplate: [{
585
+ type: i0.Input,
586
+ args: [{
587
+ isSignal: true,
588
+ alias: "checkboxIconTemplate",
589
+ required: false
590
+ }]
591
+ }],
592
+ collapseButtonTemplate: [{
593
+ type: i0.Input,
594
+ args: [{
595
+ isSignal: true,
596
+ alias: "collapseButtonTemplate",
597
+ required: false
598
+ }]
521
599
  }]
522
600
  }
523
601
  });
@@ -778,7 +856,7 @@ var OrganizationChart = class OrganizationChart extends BaseComponent {
778
856
  }
779
857
  static ɵfac = i0.ɵɵngDeclareFactory({
780
858
  minVersion: "12.0.0",
781
- version: "22.2.3",
859
+ version: "22.2.5",
782
860
  ngImport: i0,
783
861
  type: OrganizationChart,
784
862
  deps: [],
@@ -786,7 +864,7 @@ var OrganizationChart = class OrganizationChart extends BaseComponent {
786
864
  });
787
865
  static ɵcmp = i0.ɵɵngDeclareComponent({
788
866
  minVersion: "17.0.0",
789
- version: "22.2.3",
867
+ version: "22.2.5",
790
868
  type: OrganizationChart,
791
869
  isStandalone: true,
792
870
  selector: "p-organization-chart, p-organizationchart",
@@ -895,6 +973,10 @@ var OrganizationChart = class OrganizationChart extends BaseComponent {
895
973
  hostDirectives: [{ directive: i2.Bind }],
896
974
  ngImport: i0,
897
975
  template: `
976
+ @let nodeTemplateRef = nodeTemplate();
977
+ @let togglerIconTemplateRef = togglerIconTemplate();
978
+ @let checkboxIconTemplateRef = checkboxIconTemplate();
979
+ @let collapseButtonTemplateRef = collapseButtonTemplate();
898
980
  @if (root()) {
899
981
  <ul [class]="cx('subtree', { root: true })" role="tree" [attr.aria-multiselectable]="selectionMode() === 'multiple' || selectionMode() === 'checkbox' ? true : undefined" [pBind]="ptm('subtree')">
900
982
  <li
@@ -908,6 +990,10 @@ var OrganizationChart = class OrganizationChart extends BaseComponent {
908
990
  [node]="root()!"
909
991
  [root]="true"
910
992
  [level]="1"
993
+ [nodeTemplate]="nodeTemplateRef"
994
+ [togglerIconTemplate]="togglerIconTemplateRef"
995
+ [checkboxIconTemplate]="checkboxIconTemplateRef"
996
+ [collapseButtonTemplate]="collapseButtonTemplateRef"
911
997
  [pt]="pt"
912
998
  [unstyled]="unstyled()"
913
999
  [pBind]="ptm('tree')"
@@ -924,7 +1010,11 @@ var OrganizationChart = class OrganizationChart extends BaseComponent {
924
1010
  inputs: [
925
1011
  "node",
926
1012
  "root",
927
- "level"
1013
+ "level",
1014
+ "nodeTemplate",
1015
+ "togglerIconTemplate",
1016
+ "checkboxIconTemplate",
1017
+ "collapseButtonTemplate"
928
1018
  ]
929
1019
  },
930
1020
  {
@@ -943,7 +1033,7 @@ var OrganizationChart = class OrganizationChart extends BaseComponent {
943
1033
  };
944
1034
  i0.ɵɵngDeclareClassMetadata({
945
1035
  minVersion: "12.0.0",
946
- version: "22.2.3",
1036
+ version: "22.2.5",
947
1037
  ngImport: i0,
948
1038
  type: OrganizationChart,
949
1039
  decorators: [{
@@ -953,6 +1043,10 @@ i0.ɵɵngDeclareClassMetadata({
953
1043
  standalone: true,
954
1044
  imports: [OrganizationChartNode, BindModule],
955
1045
  template: `
1046
+ @let nodeTemplateRef = nodeTemplate();
1047
+ @let togglerIconTemplateRef = togglerIconTemplate();
1048
+ @let checkboxIconTemplateRef = checkboxIconTemplate();
1049
+ @let collapseButtonTemplateRef = collapseButtonTemplate();
956
1050
  @if (root()) {
957
1051
  <ul [class]="cx('subtree', { root: true })" role="tree" [attr.aria-multiselectable]="selectionMode() === 'multiple' || selectionMode() === 'checkbox' ? true : undefined" [pBind]="ptm('subtree')">
958
1052
  <li
@@ -966,6 +1060,10 @@ i0.ɵɵngDeclareClassMetadata({
966
1060
  [node]="root()!"
967
1061
  [root]="true"
968
1062
  [level]="1"
1063
+ [nodeTemplate]="nodeTemplateRef"
1064
+ [togglerIconTemplate]="togglerIconTemplateRef"
1065
+ [checkboxIconTemplate]="checkboxIconTemplateRef"
1066
+ [collapseButtonTemplate]="collapseButtonTemplateRef"
969
1067
  [pt]="pt"
970
1068
  [unstyled]="unstyled()"
971
1069
  [pBind]="ptm('tree')"
@@ -1106,7 +1204,7 @@ i0.ɵɵngDeclareClassMetadata({
1106
1204
  var OrganizationChartModule = class OrganizationChartModule {
1107
1205
  static ɵfac = i0.ɵɵngDeclareFactory({
1108
1206
  minVersion: "12.0.0",
1109
- version: "22.2.3",
1207
+ version: "22.2.5",
1110
1208
  ngImport: i0,
1111
1209
  type: OrganizationChartModule,
1112
1210
  deps: [],
@@ -1114,7 +1212,7 @@ var OrganizationChartModule = class OrganizationChartModule {
1114
1212
  });
1115
1213
  static ɵmod = i0.ɵɵngDeclareNgModule({
1116
1214
  minVersion: "14.0.0",
1117
- version: "22.2.3",
1215
+ version: "22.2.5",
1118
1216
  ngImport: i0,
1119
1217
  type: OrganizationChartModule,
1120
1218
  imports: [OrganizationChart],
@@ -1122,7 +1220,7 @@ var OrganizationChartModule = class OrganizationChartModule {
1122
1220
  });
1123
1221
  static ɵinj = i0.ɵɵngDeclareInjector({
1124
1222
  minVersion: "12.0.0",
1125
- version: "22.2.3",
1223
+ version: "22.2.5",
1126
1224
  ngImport: i0,
1127
1225
  type: OrganizationChartModule,
1128
1226
  imports: [OrganizationChart]
@@ -1130,7 +1228,7 @@ var OrganizationChartModule = class OrganizationChartModule {
1130
1228
  };
1131
1229
  i0.ɵɵngDeclareClassMetadata({
1132
1230
  minVersion: "12.0.0",
1133
- version: "22.2.3",
1231
+ version: "22.2.5",
1134
1232
  ngImport: i0,
1135
1233
  type: OrganizationChartModule,
1136
1234
  decorators: [{
@@ -142,7 +142,7 @@ var OverlayStyle = class OverlayStyle extends BaseStyle {
142
142
  inlineStyles = inlineStyles;
143
143
  static ɵfac = i0.ɵɵngDeclareFactory({
144
144
  minVersion: "12.0.0",
145
- version: "22.2.3",
145
+ version: "22.2.5",
146
146
  ngImport: i0,
147
147
  type: OverlayStyle,
148
148
  deps: null,
@@ -150,14 +150,14 @@ var OverlayStyle = class OverlayStyle extends BaseStyle {
150
150
  });
151
151
  static ɵprov = i0.ɵɵngDeclareInjectable({
152
152
  minVersion: "12.0.0",
153
- version: "22.2.3",
153
+ version: "22.2.5",
154
154
  ngImport: i0,
155
155
  type: OverlayStyle
156
156
  });
157
157
  };
158
158
  i0.ɵɵngDeclareClassMetadata({
159
159
  minVersion: "12.0.0",
160
- version: "22.2.3",
160
+ version: "22.2.5",
161
161
  ngImport: i0,
162
162
  type: OverlayStyle,
163
163
  decorators: [{ type: Injectable }]
@@ -484,7 +484,7 @@ var Overlay = class Overlay extends BaseComponent {
484
484
  }
485
485
  static ɵfac = i0.ɵɵngDeclareFactory({
486
486
  minVersion: "12.0.0",
487
- version: "22.2.3",
487
+ version: "22.2.5",
488
488
  ngImport: i0,
489
489
  type: Overlay,
490
490
  deps: [],
@@ -492,7 +492,7 @@ var Overlay = class Overlay extends BaseComponent {
492
492
  });
493
493
  static ɵcmp = i0.ɵɵngDeclareComponent({
494
494
  minVersion: "17.0.0",
495
- version: "22.2.3",
495
+ version: "22.2.5",
496
496
  type: Overlay,
497
497
  isStandalone: true,
498
498
  selector: "p-overlay",
@@ -762,7 +762,7 @@ var Overlay = class Overlay extends BaseComponent {
762
762
  };
763
763
  i0.ɵɵngDeclareClassMetadata({
764
764
  minVersion: "12.0.0",
765
- version: "22.2.3",
765
+ version: "22.2.5",
766
766
  ngImport: i0,
767
767
  type: Overlay,
768
768
  decorators: [{
@@ -1029,7 +1029,7 @@ i0.ɵɵngDeclareClassMetadata({
1029
1029
  var OverlayModule = class OverlayModule {
1030
1030
  static ɵfac = i0.ɵɵngDeclareFactory({
1031
1031
  minVersion: "12.0.0",
1032
- version: "22.2.3",
1032
+ version: "22.2.5",
1033
1033
  ngImport: i0,
1034
1034
  type: OverlayModule,
1035
1035
  deps: [],
@@ -1037,7 +1037,7 @@ var OverlayModule = class OverlayModule {
1037
1037
  });
1038
1038
  static ɵmod = i0.ɵɵngDeclareNgModule({
1039
1039
  minVersion: "14.0.0",
1040
- version: "22.2.3",
1040
+ version: "22.2.5",
1041
1041
  ngImport: i0,
1042
1042
  type: OverlayModule,
1043
1043
  imports: [Overlay, SharedModule],
@@ -1045,7 +1045,7 @@ var OverlayModule = class OverlayModule {
1045
1045
  });
1046
1046
  static ɵinj = i0.ɵɵngDeclareInjector({
1047
1047
  minVersion: "12.0.0",
1048
- version: "22.2.3",
1048
+ version: "22.2.5",
1049
1049
  ngImport: i0,
1050
1050
  type: OverlayModule,
1051
1051
  imports: [
@@ -1057,7 +1057,7 @@ var OverlayModule = class OverlayModule {
1057
1057
  };
1058
1058
  i0.ɵɵngDeclareClassMetadata({
1059
1059
  minVersion: "12.0.0",
1060
- version: "22.2.3",
1060
+ version: "22.2.5",
1061
1061
  ngImport: i0,
1062
1062
  type: OverlayModule,
1063
1063
  decorators: [{
@@ -31,7 +31,7 @@ var OverlayBadgeStyle = class OverlayBadgeStyle extends BaseStyle {
31
31
  classes = classes;
32
32
  static ɵfac = i0.ɵɵngDeclareFactory({
33
33
  minVersion: "12.0.0",
34
- version: "22.2.3",
34
+ version: "22.2.5",
35
35
  ngImport: i0,
36
36
  type: OverlayBadgeStyle,
37
37
  deps: null,
@@ -39,14 +39,14 @@ var OverlayBadgeStyle = class OverlayBadgeStyle extends BaseStyle {
39
39
  });
40
40
  static ɵprov = i0.ɵɵngDeclareInjectable({
41
41
  minVersion: "12.0.0",
42
- version: "22.2.3",
42
+ version: "22.2.5",
43
43
  ngImport: i0,
44
44
  type: OverlayBadgeStyle
45
45
  });
46
46
  };
47
47
  i0.ɵɵngDeclareClassMetadata({
48
48
  minVersion: "12.0.0",
49
- version: "22.2.3",
49
+ version: "22.2.5",
50
50
  ngImport: i0,
51
51
  type: OverlayBadgeStyle,
52
52
  decorators: [{ type: Injectable }]
@@ -74,7 +74,7 @@ var OverlayBadge = class OverlayBadge extends BaseComponent {
74
74
  }
75
75
  static ɵfac = i0.ɵɵngDeclareFactory({
76
76
  minVersion: "12.0.0",
77
- version: "22.2.3",
77
+ version: "22.2.5",
78
78
  ngImport: i0,
79
79
  type: OverlayBadge,
80
80
  deps: null,
@@ -82,7 +82,7 @@ var OverlayBadge = class OverlayBadge extends BaseComponent {
82
82
  });
83
83
  static ɵcmp = i0.ɵɵngDeclareComponent({
84
84
  minVersion: "17.1.0",
85
- version: "22.2.3",
85
+ version: "22.2.5",
86
86
  type: OverlayBadge,
87
87
  isStandalone: true,
88
88
  selector: "p-overlay-badge, p-overlaybadge",
@@ -185,7 +185,7 @@ var OverlayBadge = class OverlayBadge extends BaseComponent {
185
185
  };
186
186
  i0.ɵɵngDeclareClassMetadata({
187
187
  minVersion: "12.0.0",
188
- version: "22.2.3",
188
+ version: "22.2.5",
189
189
  ngImport: i0,
190
190
  type: OverlayBadge,
191
191
  decorators: [{
@@ -274,7 +274,7 @@ i0.ɵɵngDeclareClassMetadata({
274
274
  var OverlayBadgeModule = class OverlayBadgeModule {
275
275
  static ɵfac = i0.ɵɵngDeclareFactory({
276
276
  minVersion: "12.0.0",
277
- version: "22.2.3",
277
+ version: "22.2.5",
278
278
  ngImport: i0,
279
279
  type: OverlayBadgeModule,
280
280
  deps: [],
@@ -282,7 +282,7 @@ var OverlayBadgeModule = class OverlayBadgeModule {
282
282
  });
283
283
  static ɵmod = i0.ɵɵngDeclareNgModule({
284
284
  minVersion: "14.0.0",
285
- version: "22.2.3",
285
+ version: "22.2.5",
286
286
  ngImport: i0,
287
287
  type: OverlayBadgeModule,
288
288
  imports: [OverlayBadge, SharedModule],
@@ -290,7 +290,7 @@ var OverlayBadgeModule = class OverlayBadgeModule {
290
290
  });
291
291
  static ɵinj = i0.ɵɵngDeclareInjector({
292
292
  minVersion: "12.0.0",
293
- version: "22.2.3",
293
+ version: "22.2.5",
294
294
  ngImport: i0,
295
295
  type: OverlayBadgeModule,
296
296
  imports: [
@@ -302,7 +302,7 @@ var OverlayBadgeModule = class OverlayBadgeModule {
302
302
  };
303
303
  i0.ɵɵngDeclareClassMetadata({
304
304
  minVersion: "12.0.0",
305
- version: "22.2.3",
305
+ version: "22.2.5",
306
306
  ngImport: i0,
307
307
  type: OverlayBadgeModule,
308
308
  decorators: [{