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.
- package/LICENSE.md +2 -0
- package/fesm2022/primeng-accordion.mjs +23 -23
- package/fesm2022/primeng-animateonscroll.mjs +7 -7
- package/fesm2022/primeng-api.mjs +31 -31
- package/fesm2022/primeng-autocomplete.mjs +54 -30
- package/fesm2022/primeng-autofocus.mjs +7 -7
- package/fesm2022/primeng-avatar.mjs +10 -10
- package/fesm2022/primeng-avatargroup.mjs +10 -10
- package/fesm2022/primeng-badge.mjs +14 -14
- package/fesm2022/primeng-base.mjs +9 -4
- package/fesm2022/primeng-basecomponent.mjs +25 -16
- package/fesm2022/primeng-baseeditableholder.mjs +3 -3
- package/fesm2022/primeng-baseinput.mjs +3 -3
- package/fesm2022/primeng-basemodelholder.mjs +3 -3
- package/fesm2022/primeng-bind.mjs +7 -7
- package/fesm2022/primeng-blockui.mjs +10 -10
- package/fesm2022/primeng-breadcrumb.mjs +14 -14
- package/fesm2022/primeng-button.mjs +19 -19
- package/fesm2022/primeng-buttongroup.mjs +14 -14
- package/fesm2022/primeng-card.mjs +10 -10
- package/fesm2022/primeng-carousel.mjs +31 -31
- package/fesm2022/primeng-cascadeselect.mjs +13 -13
- package/fesm2022/primeng-chart.mjs +10 -10
- package/fesm2022/primeng-checkbox.mjs +10 -10
- package/fesm2022/primeng-chip.mjs +10 -10
- package/fesm2022/primeng-classnames.mjs +7 -7
- package/fesm2022/primeng-colorpicker.mjs +10 -10
- package/fesm2022/primeng-commandmenu.mjs +10 -10
- package/fesm2022/primeng-compare.mjs +19 -19
- package/fesm2022/primeng-config.mjs +10 -8
- package/fesm2022/primeng-confirmdialog.mjs +10 -10
- package/fesm2022/primeng-confirmpopup.mjs +14 -14
- package/fesm2022/primeng-contextmenu.mjs +13 -13
- package/fesm2022/primeng-dataview.mjs +10 -10
- package/fesm2022/primeng-datepicker.mjs +44 -15
- package/fesm2022/primeng-dialog.mjs +10 -10
- package/fesm2022/primeng-divider.mjs +10 -10
- package/fesm2022/primeng-dock.mjs +10 -10
- package/fesm2022/primeng-dragdrop.mjs +10 -10
- package/fesm2022/primeng-drawer.mjs +15 -17
- package/fesm2022/primeng-dynamicdialog.mjs +16 -16
- package/fesm2022/primeng-editor.mjs +10 -10
- package/fesm2022/primeng-fieldset.mjs +10 -12
- package/fesm2022/primeng-fileupload.mjs +13 -13
- package/fesm2022/primeng-floatlabel.mjs +10 -10
- package/fesm2022/primeng-fluid.mjs +10 -10
- package/fesm2022/primeng-focustrap.mjs +7 -7
- package/fesm2022/primeng-galleria.mjs +22 -22
- package/fesm2022/primeng-gallery.mjs +75 -73
- package/fesm2022/primeng-iconfield.mjs +10 -10
- package/fesm2022/primeng-icons-angledoubledown.mjs +3 -3
- package/fesm2022/primeng-icons-angledoubleleft.mjs +3 -3
- package/fesm2022/primeng-icons-angledoubleright.mjs +3 -3
- package/fesm2022/primeng-icons-angledoubleup.mjs +3 -3
- package/fesm2022/primeng-icons-angledown.mjs +3 -3
- package/fesm2022/primeng-icons-angleleft.mjs +3 -3
- package/fesm2022/primeng-icons-angleright.mjs +3 -3
- package/fesm2022/primeng-icons-angleup.mjs +3 -3
- package/fesm2022/primeng-icons-arrowdown.mjs +3 -3
- package/fesm2022/primeng-icons-arrowdownleft.mjs +3 -3
- package/fesm2022/primeng-icons-arrowdownright.mjs +3 -3
- package/fesm2022/primeng-icons-arrowleft.mjs +3 -3
- package/fesm2022/primeng-icons-arrowright.mjs +3 -3
- package/fesm2022/primeng-icons-arrowup.mjs +3 -3
- package/fesm2022/primeng-icons-ban.mjs +3 -3
- package/fesm2022/primeng-icons-bars.mjs +3 -3
- package/fesm2022/primeng-icons-baseicon.mjs +6 -6
- package/fesm2022/primeng-icons-blank.mjs +3 -3
- package/fesm2022/primeng-icons-calendar.mjs +3 -3
- package/fesm2022/primeng-icons-caretleft.mjs +3 -3
- package/fesm2022/primeng-icons-caretright.mjs +3 -3
- package/fesm2022/primeng-icons-check.mjs +3 -3
- package/fesm2022/primeng-icons-chevrondown.mjs +3 -3
- package/fesm2022/primeng-icons-chevronleft.mjs +3 -3
- package/fesm2022/primeng-icons-chevronright.mjs +3 -3
- package/fesm2022/primeng-icons-chevronup.mjs +3 -3
- package/fesm2022/primeng-icons-exclamationtriangle.mjs +3 -3
- package/fesm2022/primeng-icons-eye.mjs +3 -3
- package/fesm2022/primeng-icons-eyeslash.mjs +3 -3
- package/fesm2022/primeng-icons-filter.mjs +3 -3
- package/fesm2022/primeng-icons-filterfill.mjs +3 -3
- package/fesm2022/primeng-icons-filterslash.mjs +3 -3
- package/fesm2022/primeng-icons-home.mjs +3 -3
- package/fesm2022/primeng-icons-infocircle.mjs +3 -3
- package/fesm2022/primeng-icons-minus.mjs +3 -3
- package/fesm2022/primeng-icons-pencil.mjs +3 -3
- package/fesm2022/primeng-icons-plus.mjs +3 -3
- package/fesm2022/primeng-icons-refresh.mjs +3 -3
- package/fesm2022/primeng-icons-search.mjs +3 -3
- package/fesm2022/primeng-icons-searchminus.mjs +3 -3
- package/fesm2022/primeng-icons-searchplus.mjs +3 -3
- package/fesm2022/primeng-icons-sortalt.mjs +3 -3
- package/fesm2022/primeng-icons-sortamountdown.mjs +3 -3
- package/fesm2022/primeng-icons-sortamountupalt.mjs +3 -3
- package/fesm2022/primeng-icons-spinner.mjs +3 -3
- package/fesm2022/primeng-icons-star.mjs +3 -3
- package/fesm2022/primeng-icons-starfill.mjs +3 -3
- package/fesm2022/primeng-icons-thlarge.mjs +3 -3
- package/fesm2022/primeng-icons-times.mjs +3 -3
- package/fesm2022/primeng-icons-timescircle.mjs +3 -3
- package/fesm2022/primeng-icons-trash.mjs +3 -3
- package/fesm2022/primeng-icons-undo.mjs +3 -3
- package/fesm2022/primeng-icons-upload.mjs +3 -3
- package/fesm2022/primeng-icons-windowmaximize.mjs +3 -3
- package/fesm2022/primeng-icons-windowminimize.mjs +3 -3
- package/fesm2022/primeng-iftalabel.mjs +10 -10
- package/fesm2022/primeng-image.mjs +10 -10
- package/fesm2022/primeng-imagecompare.mjs +10 -10
- package/fesm2022/primeng-inplace.mjs +16 -16
- package/fesm2022/primeng-inputcolor.mjs +43 -43
- package/fesm2022/primeng-inputgroup.mjs +14 -14
- package/fesm2022/primeng-inputgroupaddon.mjs +10 -10
- package/fesm2022/primeng-inputicon.mjs +10 -10
- package/fesm2022/primeng-inputmask.mjs +13 -13
- package/fesm2022/primeng-inputnumber.mjs +10 -10
- package/fesm2022/primeng-inputotp.mjs +10 -10
- package/fesm2022/primeng-inputpassword.mjs +10 -10
- package/fesm2022/primeng-inputtags.mjs +22 -18
- package/fesm2022/primeng-inputtext.mjs +10 -10
- package/fesm2022/primeng-isolation.mjs +9 -9
- package/fesm2022/primeng-keyfilter.mjs +7 -7
- package/fesm2022/primeng-knob.mjs +10 -10
- package/fesm2022/primeng-label.mjs +10 -10
- package/fesm2022/primeng-listbox.mjs +46 -34
- package/fesm2022/primeng-megamenu.mjs +13 -13
- package/fesm2022/primeng-menu.mjs +30 -24
- package/fesm2022/primeng-menubar.mjs +20 -20
- package/fesm2022/primeng-message.mjs +12 -10
- package/fesm2022/primeng-metergroup.mjs +13 -13
- package/fesm2022/primeng-motion.mjs +13 -13
- package/fesm2022/primeng-multiselect.mjs +61 -29
- package/fesm2022/primeng-orderlist.mjs +12 -10
- package/fesm2022/primeng-organizationchart.mjs +129 -31
- package/fesm2022/primeng-overlay.mjs +10 -10
- package/fesm2022/primeng-overlaybadge.mjs +10 -10
- package/fesm2022/primeng-paginator.mjs +16 -12
- package/fesm2022/primeng-panel.mjs +10 -12
- package/fesm2022/primeng-panelmenu.mjs +36 -28
- package/fesm2022/primeng-password.mjs +20 -20
- package/fesm2022/primeng-picklist.mjs +14 -10
- package/fesm2022/primeng-popover.mjs +10 -10
- package/fesm2022/primeng-progressbar.mjs +10 -10
- package/fesm2022/primeng-progressspinner.mjs +10 -10
- package/fesm2022/primeng-radiobutton.mjs +13 -13
- package/fesm2022/primeng-rating.mjs +10 -10
- package/fesm2022/primeng-ripple.mjs +14 -14
- package/fesm2022/primeng-scrollarea.mjs +25 -25
- package/fesm2022/primeng-scroller.mjs +35 -16
- package/fesm2022/primeng-scrollpanel.mjs +14 -14
- package/fesm2022/primeng-scrolltop.mjs +10 -10
- package/fesm2022/primeng-select.mjs +79 -47
- package/fesm2022/primeng-selectbutton.mjs +12 -10
- package/fesm2022/primeng-sidebar.mjs +83 -83
- package/fesm2022/primeng-skeleton.mjs +10 -10
- package/fesm2022/primeng-slider.mjs +10 -10
- package/fesm2022/primeng-speeddial.mjs +10 -10
- package/fesm2022/primeng-splitbutton.mjs +10 -10
- package/fesm2022/primeng-splitter.mjs +13 -13
- package/fesm2022/primeng-stepper.mjs +47 -47
- package/fesm2022/primeng-steps.mjs +10 -10
- package/fesm2022/primeng-styleclass.mjs +7 -7
- package/fesm2022/primeng-table.mjs +201 -115
- package/fesm2022/primeng-tabs.mjs +50 -34
- package/fesm2022/primeng-tag.mjs +10 -10
- package/fesm2022/primeng-terminal.mjs +15 -15
- package/fesm2022/primeng-textarea.mjs +10 -10
- package/fesm2022/primeng-tieredmenu.mjs +13 -13
- package/fesm2022/primeng-timeline.mjs +24 -18
- package/fesm2022/primeng-toast.mjs +13 -13
- package/fesm2022/primeng-togglebutton.mjs +14 -14
- package/fesm2022/primeng-toggleswitch.mjs +10 -10
- package/fesm2022/primeng-toolbar.mjs +10 -10
- package/fesm2022/primeng-tooltip.mjs +94 -80
- package/fesm2022/primeng-tree.mjs +131 -33
- package/fesm2022/primeng-treeselect.mjs +37 -10
- package/fesm2022/primeng-treetable.mjs +84 -62
- package/fesm2022/primeng-useid.mjs +3 -3
- package/fesm2022/primeng-usestyle.mjs +6 -6
- package/package.json +20 -20
- package/types/primeng-api.d.ts +7 -2
- package/types/primeng-base.d.ts +1 -0
- package/types/primeng-basecomponent.d.ts +2 -0
- package/types/primeng-config.d.ts +7 -2
- package/types/primeng-confirmpopup.d.ts +2 -2
- package/types/primeng-datepicker.d.ts +9 -0
- package/types/primeng-motion.d.ts +0 -15
- package/types/primeng-scroller.d.ts +5 -3
- package/types/primeng-select.d.ts +6 -5
- package/types/primeng-stepper.d.ts +0 -95
- package/types/primeng-table.d.ts +5 -3
- package/types/primeng-tabs.d.ts +3 -76
- package/types/primeng-tooltip.d.ts +18 -7
- package/types/primeng-treeselect.d.ts +9 -2
- package/types/primeng-types-select.d.ts +4 -0
- package/types/primeng-types-treeselect.d.ts +15 -0
- package/types/primeng-utils.d.ts +0 -1
- 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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 (
|
|
249
|
+
@if (checkboxIconTemplate()) {
|
|
217
250
|
<ng-template #icon let-checked>
|
|
218
|
-
<ng-container *ngTemplateOutlet="
|
|
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 (!
|
|
256
|
+
@if (!nodeTemplate()) {
|
|
224
257
|
<span [class]="cx('label')" [pBind]="ptm('label')">{{ node()!.label }}</span>
|
|
225
258
|
} @else {
|
|
226
|
-
<ng-container *ngTemplateOutlet="
|
|
259
|
+
<ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node() }"></ng-container>
|
|
227
260
|
}
|
|
228
261
|
</div>
|
|
229
262
|
@if (isCollapsible()) {
|
|
230
|
-
@if (
|
|
231
|
-
<ng-container *ngTemplateOutlet="
|
|
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 (!
|
|
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="
|
|
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.
|
|
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 (
|
|
467
|
+
@if (checkboxIconTemplate()) {
|
|
426
468
|
<ng-template #icon let-checked>
|
|
427
|
-
<ng-container *ngTemplateOutlet="
|
|
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 (!
|
|
474
|
+
@if (!nodeTemplate()) {
|
|
433
475
|
<span [class]="cx('label')" [pBind]="ptm('label')">{{ node()!.label }}</span>
|
|
434
476
|
} @else {
|
|
435
|
-
<ng-container *ngTemplateOutlet="
|
|
477
|
+
<ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node() }"></ng-container>
|
|
436
478
|
}
|
|
437
479
|
</div>
|
|
438
480
|
@if (isCollapsible()) {
|
|
439
|
-
@if (
|
|
440
|
-
<ng-container *ngTemplateOutlet="
|
|
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 (!
|
|
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="
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
305
|
+
version: "22.2.5",
|
|
306
306
|
ngImport: i0,
|
|
307
307
|
type: OverlayBadgeModule,
|
|
308
308
|
decorators: [{
|