primeng 20.1.1 → 20.1.2
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/editor/index.d.ts +92 -13
- package/fesm2022/primeng-accordion.mjs +19 -19
- package/fesm2022/primeng-animateonscroll.mjs +7 -7
- package/fesm2022/primeng-api.mjs +31 -31
- package/fesm2022/primeng-autocomplete.mjs +10 -10
- 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 +13 -13
- package/fesm2022/primeng-base.mjs +3 -3
- package/fesm2022/primeng-basecomponent.mjs +6 -6
- package/fesm2022/primeng-baseeditableholder.mjs +3 -3
- package/fesm2022/primeng-baseinput.mjs +3 -3
- package/fesm2022/primeng-basemodelholder.mjs +3 -3
- package/fesm2022/primeng-blockui.mjs +10 -10
- package/fesm2022/primeng-breadcrumb.mjs +10 -10
- package/fesm2022/primeng-button.mjs +19 -19
- package/fesm2022/primeng-buttongroup.mjs +10 -10
- package/fesm2022/primeng-card.mjs +10 -10
- package/fesm2022/primeng-carousel.mjs +10 -10
- 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-colorpicker.mjs +10 -10
- package/fesm2022/primeng-config.mjs +6 -6
- package/fesm2022/primeng-confirmdialog.mjs +10 -10
- package/fesm2022/primeng-confirmpopup.mjs +10 -10
- package/fesm2022/primeng-contextmenu.mjs +13 -13
- package/fesm2022/primeng-dataview.mjs +10 -10
- package/fesm2022/primeng-datepicker.mjs +10 -10
- package/fesm2022/primeng-dialog.mjs +11 -11
- package/fesm2022/primeng-dialog.mjs.map +1 -1
- 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 +10 -10
- package/fesm2022/primeng-dynamicdialog.mjs +16 -16
- package/fesm2022/primeng-editor.mjs +68 -10
- package/fesm2022/primeng-editor.mjs.map +1 -1
- package/fesm2022/primeng-fieldset.mjs +10 -10
- 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-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-inputgroup.mjs +10 -10
- package/fesm2022/primeng-inputgroupaddon.mjs +10 -10
- package/fesm2022/primeng-inputicon.mjs +10 -10
- package/fesm2022/primeng-inputmask.mjs +10 -10
- package/fesm2022/primeng-inputnumber.mjs +10 -10
- package/fesm2022/primeng-inputotp.mjs +10 -10
- package/fesm2022/primeng-inputtext.mjs +10 -10
- package/fesm2022/primeng-keyfilter.mjs +7 -7
- package/fesm2022/primeng-knob.mjs +10 -10
- package/fesm2022/primeng-listbox.mjs +10 -10
- package/fesm2022/primeng-megamenu.mjs +13 -13
- package/fesm2022/primeng-menu.mjs +16 -16
- package/fesm2022/primeng-menubar.mjs +16 -16
- package/fesm2022/primeng-message.mjs +10 -10
- package/fesm2022/primeng-metergroup.mjs +13 -13
- package/fesm2022/primeng-multiselect.mjs +13 -13
- package/fesm2022/primeng-orderlist.mjs +10 -10
- package/fesm2022/primeng-organizationchart.mjs +13 -13
- package/fesm2022/primeng-overlay.mjs +10 -10
- package/fesm2022/primeng-overlaybadge.mjs +10 -10
- package/fesm2022/primeng-paginator.mjs +10 -10
- package/fesm2022/primeng-panel.mjs +10 -10
- package/fesm2022/primeng-panelmenu.mjs +16 -16
- package/fesm2022/primeng-password.mjs +16 -16
- package/fesm2022/primeng-picklist.mjs +10 -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 +10 -10
- package/fesm2022/primeng-scroller.mjs +48 -24
- package/fesm2022/primeng-scroller.mjs.map +1 -1
- package/fesm2022/primeng-scrollpanel.mjs +10 -10
- package/fesm2022/primeng-scrolltop.mjs +10 -10
- package/fesm2022/primeng-select.mjs +15 -15
- package/fesm2022/primeng-select.mjs.map +1 -1
- package/fesm2022/primeng-selectbutton.mjs +10 -10
- 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 +10 -10
- package/fesm2022/primeng-stepper.mjs +43 -43
- package/fesm2022/primeng-steps.mjs +10 -10
- package/fesm2022/primeng-styleclass.mjs +7 -7
- package/fesm2022/primeng-table.mjs +85 -85
- package/fesm2022/primeng-tabs.mjs +34 -34
- package/fesm2022/primeng-tag.mjs +10 -10
- package/fesm2022/primeng-terminal.mjs +13 -13
- package/fesm2022/primeng-textarea.mjs +10 -10
- package/fesm2022/primeng-tieredmenu.mjs +13 -13
- package/fesm2022/primeng-timeline.mjs +10 -10
- package/fesm2022/primeng-toast.mjs +13 -13
- package/fesm2022/primeng-togglebutton.mjs +10 -10
- package/fesm2022/primeng-toggleswitch.mjs +10 -10
- package/fesm2022/primeng-toolbar.mjs +10 -10
- package/fesm2022/primeng-tooltip.mjs +10 -10
- package/fesm2022/primeng-tree.mjs +13 -13
- package/fesm2022/primeng-treeselect.mjs +10 -10
- package/fesm2022/primeng-treetable.mjs +58 -58
- package/fesm2022/primeng-usestyle.mjs +3 -3
- package/package.json +243 -243
- package/scroller/index.d.ts +4 -0
@@ -41,10 +41,10 @@ class RatingStyle extends BaseStyle {
|
|
41
41
|
name = 'rating';
|
42
42
|
theme = theme;
|
43
43
|
classes = classes;
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
45
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RatingStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
45
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RatingStyle });
|
46
46
|
}
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RatingStyle, decorators: [{
|
48
48
|
type: Injectable
|
49
49
|
}] });
|
50
50
|
/**
|
@@ -241,8 +241,8 @@ class Rating extends BaseEditableHolder {
|
|
241
241
|
get isCustomIcon() {
|
242
242
|
return !!(this.onIconTemplate || this._onIconTemplate || this.offIconTemplate || this._offIconTemplate);
|
243
243
|
}
|
244
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
245
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
244
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Rating, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
245
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: Rating, isStandalone: true, selector: "p-rating", inputs: { readonly: ["readonly", "readonly", booleanAttribute], stars: ["stars", "stars", numberAttribute], iconOnClass: "iconOnClass", iconOnStyle: "iconOnStyle", iconOffClass: "iconOffClass", iconOffStyle: "iconOffStyle", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onRate: "onRate", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cx('root')", "attr.data-pc-name": "'rating'", "attr.data-pc-section": "'root'" } }, providers: [RATING_VALUE_ACCESSOR, RatingStyle], queries: [{ propertyName: "onIconTemplate", first: true, predicate: ["onicon"] }, { propertyName: "offIconTemplate", first: true, predicate: ["officon"] }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
|
246
246
|
<ng-template ngFor [ngForOf]="starsArray" let-star let-i="index">
|
247
247
|
<div [class]="cx('option', { star, value })" (click)="onOptionClick($event, star + 1)">
|
248
248
|
<span class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
|
@@ -281,7 +281,7 @@ class Rating extends BaseEditableHolder {
|
|
281
281
|
</ng-template>
|
282
282
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: StarFillIcon, selector: "[data-p-icon=\"star-fill\"]" }, { kind: "component", type: StarIcon, selector: "[data-p-icon=\"star\"]" }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
283
283
|
}
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Rating, decorators: [{
|
285
285
|
type: Component,
|
286
286
|
args: [{
|
287
287
|
selector: 'p-rating',
|
@@ -368,11 +368,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
368
368
|
args: [PrimeTemplate]
|
369
369
|
}] } });
|
370
370
|
class RatingModule {
|
371
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
372
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
373
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
371
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
372
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: RatingModule, imports: [Rating, SharedModule], exports: [Rating, SharedModule] });
|
373
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RatingModule, imports: [Rating, SharedModule, SharedModule] });
|
374
374
|
}
|
375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RatingModule, decorators: [{
|
376
376
|
type: NgModule,
|
377
377
|
args: [{
|
378
378
|
imports: [Rating, SharedModule],
|
@@ -32,10 +32,10 @@ class RippleStyle extends BaseStyle {
|
|
32
32
|
name = 'ripple';
|
33
33
|
theme = theme;
|
34
34
|
classes = classes;
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
36
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RippleStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
36
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RippleStyle });
|
37
37
|
}
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RippleStyle, decorators: [{
|
39
39
|
type: Injectable
|
40
40
|
}] });
|
41
41
|
/**
|
@@ -155,10 +155,10 @@ class Ripple extends BaseComponent {
|
|
155
155
|
}
|
156
156
|
super.ngOnDestroy();
|
157
157
|
}
|
158
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
159
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
158
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Ripple, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
159
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: Ripple, isStandalone: true, selector: "[pRipple]", host: { classAttribute: "p-ripple" }, providers: [RippleStyle], usesInheritance: true, ngImport: i0 });
|
160
160
|
}
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Ripple, decorators: [{
|
162
162
|
type: Directive,
|
163
163
|
args: [{
|
164
164
|
selector: '[pRipple]',
|
@@ -170,11 +170,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
170
170
|
}]
|
171
171
|
}], ctorParameters: () => [] });
|
172
172
|
class RippleModule {
|
173
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
174
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
175
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
173
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
174
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: RippleModule, imports: [Ripple], exports: [Ripple] });
|
175
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RippleModule });
|
176
176
|
}
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: RippleModule, decorators: [{
|
178
178
|
type: NgModule,
|
179
179
|
args: [{
|
180
180
|
imports: [Ripple],
|
@@ -90,10 +90,10 @@ class ScrollerStyle extends BaseStyle {
|
|
90
90
|
name = 'virtualscroller';
|
91
91
|
theme = theme;
|
92
92
|
classes = classes;
|
93
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
94
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
93
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ScrollerStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
94
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ScrollerStyle });
|
95
95
|
}
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ScrollerStyle, decorators: [{
|
97
97
|
type: Injectable
|
98
98
|
}] });
|
99
99
|
/**
|
@@ -499,8 +499,19 @@ class Scroller extends BaseComponent {
|
|
499
499
|
}
|
500
500
|
get loadedItems() {
|
501
501
|
if (this._items && !this.d_loading) {
|
502
|
-
if (this.both)
|
503
|
-
return this._items.slice(this._appendOnly ? 0 : this.first.rows, this.last.rows).map((item) =>
|
502
|
+
if (this.both) {
|
503
|
+
return this._items.slice(this._appendOnly ? 0 : this.first.rows, this.last.rows).map((item) => {
|
504
|
+
if (this._columns) {
|
505
|
+
return item;
|
506
|
+
}
|
507
|
+
else if (Array.isArray(item)) {
|
508
|
+
return item.slice(this._appendOnly ? 0 : this.first.cols, this.last.cols);
|
509
|
+
}
|
510
|
+
else {
|
511
|
+
return item;
|
512
|
+
}
|
513
|
+
});
|
514
|
+
}
|
504
515
|
else if (this.horizontal && this._columns)
|
505
516
|
return this._items;
|
506
517
|
else
|
@@ -620,9 +631,12 @@ class Scroller extends BaseComponent {
|
|
620
631
|
}
|
621
632
|
init() {
|
622
633
|
if (!this._disabled) {
|
623
|
-
this.setSize();
|
624
|
-
this.calculateOptions();
|
625
634
|
this.setSpacerSize();
|
635
|
+
// wait for the next tick
|
636
|
+
setTimeout(() => {
|
637
|
+
this.setSize();
|
638
|
+
}, 1);
|
639
|
+
this.calculateOptions();
|
626
640
|
this.bindResizeListener();
|
627
641
|
this.cd.detectChanges();
|
628
642
|
}
|
@@ -635,9 +649,11 @@ class Scroller extends BaseComponent {
|
|
635
649
|
this.last = this.both ? { rows: 0, cols: 0 } : 0;
|
636
650
|
this.numItemsInViewport = this.both ? { rows: 0, cols: 0 } : 0;
|
637
651
|
this.lastScrollPos = this.both ? { top: 0, left: 0 } : 0;
|
638
|
-
this.d_loading
|
652
|
+
if (this.d_loading === undefined || this.d_loading === false) {
|
653
|
+
this.d_loading = this._loading || false;
|
654
|
+
}
|
639
655
|
this.d_numToleratedItems = this._numToleratedItems;
|
640
|
-
this.loaderArr = [];
|
656
|
+
this.loaderArr = this.loaderArr.length > 0 ? this.loaderArr : [];
|
641
657
|
}
|
642
658
|
getElementRef() {
|
643
659
|
return this.elementViewChild;
|
@@ -786,14 +802,14 @@ class Scroller extends BaseComponent {
|
|
786
802
|
this.last = last;
|
787
803
|
this.numItemsInViewport = numItemsInViewport;
|
788
804
|
this.d_numToleratedItems = numToleratedItems;
|
789
|
-
if (this.
|
805
|
+
if (this._showLoader) {
|
790
806
|
this.loaderArr = this.both ? Array.from({ length: numItemsInViewport.rows }).map(() => Array.from({ length: numItemsInViewport.cols })) : Array.from({ length: numItemsInViewport });
|
791
807
|
}
|
792
808
|
if (this._lazy) {
|
793
809
|
Promise.resolve().then(() => {
|
794
810
|
this.lazyLoadState = {
|
795
811
|
first: this._step ? (this.both ? { rows: 0, cols: first.cols } : 0) : first,
|
796
|
-
last: Math.min(this._step ? this._step : this.last, this.
|
812
|
+
last: Math.min(this._step ? this._step : this.last, this._items.length)
|
797
813
|
};
|
798
814
|
this.handleEvents('onLazyLoad', this.lazyLoadState);
|
799
815
|
});
|
@@ -880,6 +896,9 @@ class Scroller extends BaseComponent {
|
|
880
896
|
}
|
881
897
|
onScrollPositionChange(event) {
|
882
898
|
const target = event.target;
|
899
|
+
if (!target) {
|
900
|
+
throw new Error('Event target is null');
|
901
|
+
}
|
883
902
|
const contentPos = this.getContentPosition();
|
884
903
|
const calculateScrollPos = (_pos, _cpos) => (_pos ? (_pos > _cpos ? _pos - _cpos : _pos) : 0);
|
885
904
|
const calculateCurrentIndex = (_pos, _size) => (_size || _pos ? Math.floor(_pos / (_size || _pos)) : 0);
|
@@ -959,8 +978,8 @@ class Scroller extends BaseComponent {
|
|
959
978
|
this.handleEvents('onScrollIndexChange', newState);
|
960
979
|
if (this._lazy && this.isPageChanged(first)) {
|
961
980
|
const lazyLoadState = {
|
962
|
-
first: this._step ? Math.min(this.getPageByFirst(first) * this._step, this.
|
963
|
-
last: Math.min(this._step ? (this.getPageByFirst(first) + 1) * this._step : last, this.
|
981
|
+
first: this._step ? Math.min(this.getPageByFirst(first) * this._step, this._items.length - this._step) : first,
|
982
|
+
last: Math.min(this._step ? (this.getPageByFirst(first) + 1) * this._step : last, this._items.length)
|
964
983
|
};
|
965
984
|
const isLazyStateChanged = this.lazyLoadState.first !== lazyLoadState.first || this.lazyLoadState.last !== lazyLoadState.last;
|
966
985
|
isLazyStateChanged && this.handleEvents('onLazyLoad', lazyLoadState);
|
@@ -970,11 +989,11 @@ class Scroller extends BaseComponent {
|
|
970
989
|
}
|
971
990
|
onContainerScroll(event) {
|
972
991
|
this.handleEvents('onScroll', { originalEvent: event });
|
973
|
-
if (this._delay
|
992
|
+
if (this._delay) {
|
974
993
|
if (this.scrollTimeout) {
|
975
994
|
clearTimeout(this.scrollTimeout);
|
976
995
|
}
|
977
|
-
if (!this.d_loading && this.
|
996
|
+
if (!this.d_loading && this._showLoader) {
|
978
997
|
const { isRangeChanged } = this.onScrollPositionChange(event);
|
979
998
|
const changed = isRangeChanged || (this._step ? this.isPageChanged() : false);
|
980
999
|
if (changed) {
|
@@ -984,7 +1003,7 @@ class Scroller extends BaseComponent {
|
|
984
1003
|
}
|
985
1004
|
this.scrollTimeout = setTimeout(() => {
|
986
1005
|
this.onScrollChange(event);
|
987
|
-
if (this.d_loading && this.
|
1006
|
+
if (this.d_loading && this._showLoader && (!this._lazy || this._loading === undefined)) {
|
988
1007
|
this.d_loading = false;
|
989
1008
|
this.page = this.getPageByFirst();
|
990
1009
|
}
|
@@ -1051,7 +1070,11 @@ class Scroller extends BaseComponent {
|
|
1051
1070
|
contentStyle: this.contentStyle,
|
1052
1071
|
vertical: this.vertical,
|
1053
1072
|
horizontal: this.horizontal,
|
1054
|
-
both: this.both
|
1073
|
+
both: this.both,
|
1074
|
+
scrollTo: this.scrollTo.bind(this),
|
1075
|
+
scrollToIndex: this.scrollToIndex.bind(this),
|
1076
|
+
orientation: this._orientation,
|
1077
|
+
scrollableElement: this.elementViewChild?.nativeElement
|
1055
1078
|
};
|
1056
1079
|
}
|
1057
1080
|
getOptions(renderedIndex) {
|
@@ -1075,11 +1098,12 @@ class Scroller extends BaseComponent {
|
|
1075
1098
|
last: index === count - 1,
|
1076
1099
|
even: index % 2 === 0,
|
1077
1100
|
odd: index % 2 !== 0,
|
1101
|
+
loading: this.d_loading,
|
1078
1102
|
...extOptions
|
1079
1103
|
};
|
1080
1104
|
}
|
1081
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
1082
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
1105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Scroller, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
1106
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: Scroller, isStandalone: true, selector: "p-scroller, p-virtualscroller, p-virtual-scroller, p-virtualScroller", inputs: { id: "id", style: "style", styleClass: "styleClass", tabindex: "tabindex", items: "items", itemSize: "itemSize", scrollHeight: "scrollHeight", scrollWidth: "scrollWidth", orientation: "orientation", step: "step", delay: "delay", resizeDelay: "resizeDelay", appendOnly: "appendOnly", inline: "inline", lazy: "lazy", disabled: "disabled", loaderDisabled: "loaderDisabled", columns: "columns", showSpacer: "showSpacer", showLoader: "showLoader", numToleratedItems: "numToleratedItems", loading: "loading", autoSize: "autoSize", trackBy: "trackBy", options: "options" }, outputs: { onLazyLoad: "onLazyLoad", onScroll: "onScroll", onScrollIndexChange: "onScrollIndexChange" }, host: { properties: { "style.height": "this.height" } }, providers: [ScrollerStyle], queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"] }, { propertyName: "itemTemplate", first: true, predicate: ["item"] }, { propertyName: "loaderTemplate", first: true, predicate: ["loader"] }, { propertyName: "loaderIconTemplate", first: true, predicate: ["loadericon"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "elementViewChild", first: true, predicate: ["element"], descendants: true }, { propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
1083
1107
|
<ng-container *ngIf="!_disabled; else disabledContainer">
|
1084
1108
|
<div #element [attr.id]="_id" [attr.tabindex]="tabindex" [ngStyle]="_style" [class]="cn(cx('root'), styleClass)" (scroll)="onContainerScroll($event)" [attr.data-pc-name]="'scroller'" [attr.data-pc-section]="'root'">
|
1085
1109
|
<ng-container *ngIf="contentTemplate || _contentTemplate; else buildInContent">
|
@@ -1125,7 +1149,7 @@ class Scroller extends BaseComponent {
|
|
1125
1149
|
</ng-template>
|
1126
1150
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SpinnerIcon, selector: "[data-p-icon=\"spinner\"]" }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
1127
1151
|
}
|
1128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
1152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: Scroller, decorators: [{
|
1129
1153
|
type: Component,
|
1130
1154
|
args: [{
|
1131
1155
|
selector: 'p-scroller, p-virtualscroller, p-virtual-scroller, p-virtualScroller',
|
@@ -1262,11 +1286,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
1262
1286
|
args: [PrimeTemplate]
|
1263
1287
|
}] } });
|
1264
1288
|
class ScrollerModule {
|
1265
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
1266
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
1267
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
1289
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
1290
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: ScrollerModule, imports: [Scroller, SharedModule], exports: [Scroller, SharedModule] });
|
1291
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ScrollerModule, imports: [Scroller, SharedModule, SharedModule] });
|
1268
1292
|
}
|
1269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
1293
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ScrollerModule, decorators: [{
|
1270
1294
|
type: NgModule,
|
1271
1295
|
args: [{
|
1272
1296
|
imports: [Scroller, SharedModule],
|