@progress/kendo-angular-pager 21.1.1-develop.1 → 21.2.0-develop.1

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.
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1763645616,
14
- version: '21.1.1-develop.1',
13
+ publishDate: 1763998244,
14
+ version: '21.2.0-develop.1',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -11,7 +11,6 @@ import { PagerContextService } from "./pager-context.service";
11
11
  import { Keys, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
12
12
  import { DEFAULT_SIZE } from '../util';
13
13
  import { PagerFocusableDirective } from './focusable.directive';
14
- import { NgIf } from '@angular/common';
15
14
  import * as i0 from "@angular/core";
16
15
  import * as i1 from "@progress/kendo-angular-l10n";
17
16
  import * as i2 from "./pager-context.service";
@@ -106,31 +105,33 @@ export class PagerInputComponent extends PagerElementComponent {
106
105
  return this.totalPages !== 0;
107
106
  }
108
107
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
109
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerInputComponent, isStandalone: true, selector: "kendo-datapager-input, kendo-pager-input", inputs: { showPageText: "showPageText", size: "size" }, viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
108
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PagerInputComponent, isStandalone: true, selector: "kendo-datapager-input, kendo-pager-input", inputs: { showPageText: "showPageText", size: "size" }, viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
110
109
  <span class="k-pager-input">
111
- <ng-container *ngIf="showPageText">{{textFor('page')}}</ng-container>
112
- <kendo-numerictextbox kendoPagerFocusable
113
- [spinners]="false"
114
- [decimals]="0"
115
- format="n0"
116
- [size]="size"
117
- [disabled]="!hasPages"
118
- [value]="current"
119
- [min]="hasPages ? 1 : 0"
120
- [max]="totalPages"
121
- [autoCorrect]="true"
110
+ @if (showPageText) {
111
+ {{textFor('page')}}
112
+ }
113
+ <kendo-numerictextbox kendoPagerFocusable
114
+ [spinners]="false"
115
+ [decimals]="0"
116
+ format="n0"
117
+ [size]="size"
118
+ [disabled]="!hasPages"
119
+ [value]="current"
120
+ [min]="hasPages ? 1 : 0"
121
+ [max]="totalPages"
122
+ [autoCorrect]="true"
122
123
  [inputAttributes]="{
123
124
  'aria-label': textFor('inputLabel')
124
125
  }"
125
- [title]="textFor('pageNumberInputTitle')"
126
+ [title]="textFor('pageNumberInputTitle')"
126
127
  [kendoEventsOutsideAngular]="{
127
128
  keydown: handleKeyDown,
128
129
  focusout: handleBlur
129
130
  }">
130
- </kendo-numerictextbox>
131
- {{textFor('of')}} {{totalPages}}
131
+ </kendo-numerictextbox>
132
+ {{textFor('of')}} {{totalPages}}
132
133
  </span>
133
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
134
+ `, isInline: true, dependencies: [{ kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
134
135
  }
135
136
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerInputComponent, decorators: [{
136
137
  type: Component,
@@ -138,31 +139,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
138
139
  selector: 'kendo-datapager-input, kendo-pager-input',
139
140
  template: `
140
141
  <span class="k-pager-input">
141
- <ng-container *ngIf="showPageText">{{textFor('page')}}</ng-container>
142
- <kendo-numerictextbox kendoPagerFocusable
143
- [spinners]="false"
144
- [decimals]="0"
145
- format="n0"
146
- [size]="size"
147
- [disabled]="!hasPages"
148
- [value]="current"
149
- [min]="hasPages ? 1 : 0"
150
- [max]="totalPages"
151
- [autoCorrect]="true"
142
+ @if (showPageText) {
143
+ {{textFor('page')}}
144
+ }
145
+ <kendo-numerictextbox kendoPagerFocusable
146
+ [spinners]="false"
147
+ [decimals]="0"
148
+ format="n0"
149
+ [size]="size"
150
+ [disabled]="!hasPages"
151
+ [value]="current"
152
+ [min]="hasPages ? 1 : 0"
153
+ [max]="totalPages"
154
+ [autoCorrect]="true"
152
155
  [inputAttributes]="{
153
156
  'aria-label': textFor('inputLabel')
154
157
  }"
155
- [title]="textFor('pageNumberInputTitle')"
158
+ [title]="textFor('pageNumberInputTitle')"
156
159
  [kendoEventsOutsideAngular]="{
157
160
  keydown: handleKeyDown,
158
161
  focusout: handleBlur
159
162
  }">
160
- </kendo-numerictextbox>
161
- {{textFor('of')}} {{totalPages}}
163
+ </kendo-numerictextbox>
164
+ {{textFor('of')}} {{totalPages}}
162
165
  </span>
163
- `,
166
+ `,
164
167
  standalone: true,
165
- imports: [NgIf, NumericTextBoxComponent, PagerFocusableDirective, EventsOutsideAngularDirective]
168
+ imports: [NumericTextBoxComponent, PagerFocusableDirective, EventsOutsideAngularDirective]
166
169
  }]
167
170
  }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { numericInput: [{
168
171
  type: ViewChild,
@@ -8,7 +8,6 @@ import { PagerContextService } from './pager-context.service';
8
8
  import { PagerElementComponent } from './pager-element.component';
9
9
  import { DEFAULT_SIZE, getStylingClasses } from '../util';
10
10
  import { ButtonComponent } from '@progress/kendo-angular-buttons';
11
- import { NgIf, NgFor } from '@angular/common';
12
11
  import { PagerFocusableDirective } from './focusable.directive';
13
12
  import * as i0 from "@angular/core";
14
13
  import * as i1 from "@progress/kendo-angular-l10n";
@@ -142,47 +141,53 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
142
141
  }
143
142
  }
144
143
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
145
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: { buttonCount: "buttonCount", size: "size" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
144
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: { buttonCount: "buttonCount", size: "size" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
146
145
  <div class="k-pager-numbers" #numbers>
147
- <button *ngIf="start > 1"
148
- type="button"
149
- kendoPagerFocusable
150
- kendoButton
151
- [size]="size"
152
- fillMode="flat"
153
- themeColor="primary"
154
- rounded="none"
155
- [attr.aria-label]="pageLabel(start - 1)"
156
- [attr.title]="pageLabel(start - 1)"
157
- (click)="changePage(start - 2)">...</button>
158
- <button *ngFor="let num of buttons"
159
- type="button"
160
- kendoPagerFocusable
161
- kendoButton
162
- [size]="size"
163
- fillMode="flat"
164
- themeColor="primary"
165
- rounded="none"
166
- [attr.aria-label]="pageLabel(num)"
167
- [attr.title]="pageLabel(num)"
168
- [attr.aria-current]="currentPage === num ? 'page' : undefined"
169
- [selected]="currentPage === num"
170
- (click)="currentPage === num ? false : changePage(num - 1)">
171
- {{num}}
146
+ @if (start > 1) {
147
+ <button
148
+ type="button"
149
+ kendoPagerFocusable
150
+ kendoButton
151
+ [size]="size"
152
+ fillMode="flat"
153
+ themeColor="primary"
154
+ rounded="none"
155
+ [attr.aria-label]="pageLabel(start - 1)"
156
+ [attr.title]="pageLabel(start - 1)"
157
+ (click)="changePage(start - 2)">...</button>
158
+ }
159
+ @for (num of buttons; track num) {
160
+ <button
161
+ type="button"
162
+ kendoPagerFocusable
163
+ kendoButton
164
+ [size]="size"
165
+ fillMode="flat"
166
+ themeColor="primary"
167
+ rounded="none"
168
+ [attr.aria-label]="pageLabel(num)"
169
+ [attr.title]="pageLabel(num)"
170
+ [attr.aria-current]="currentPage === num ? 'page' : undefined"
171
+ [selected]="currentPage === num"
172
+ (click)="currentPage === num ? false : changePage(num - 1)">
173
+ {{num}}
172
174
  </button>
173
- <button *ngIf="end < totalPages"
174
- type="button"
175
- kendoPagerFocusable
176
- kendoButton
177
- [size]="size"
178
- fillMode="flat"
179
- themeColor="primary"
180
- rounded="none"
181
- [attr.aria-label]="pageLabel(end + 1)"
182
- [attr.title]="pageLabel(end + 1)"
183
- (click)="changePage(end)">...</button>
175
+ }
176
+ @if (end < totalPages) {
177
+ <button
178
+ type="button"
179
+ kendoPagerFocusable
180
+ kendoButton
181
+ [size]="size"
182
+ fillMode="flat"
183
+ themeColor="primary"
184
+ rounded="none"
185
+ [attr.aria-label]="pageLabel(end + 1)"
186
+ [attr.title]="pageLabel(end + 1)"
187
+ (click)="changePage(end)">...</button>
188
+ }
184
189
  </div>
185
- `, isInline: true, dependencies: [{ kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
190
+ `, isInline: true, dependencies: [{ kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
186
191
  }
187
192
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
188
193
  type: Component,
@@ -191,47 +196,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
191
196
  selector: 'kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons',
192
197
  template: `
193
198
  <div class="k-pager-numbers" #numbers>
194
- <button *ngIf="start > 1"
195
- type="button"
196
- kendoPagerFocusable
197
- kendoButton
198
- [size]="size"
199
- fillMode="flat"
200
- themeColor="primary"
201
- rounded="none"
202
- [attr.aria-label]="pageLabel(start - 1)"
203
- [attr.title]="pageLabel(start - 1)"
204
- (click)="changePage(start - 2)">...</button>
205
- <button *ngFor="let num of buttons"
206
- type="button"
207
- kendoPagerFocusable
208
- kendoButton
209
- [size]="size"
210
- fillMode="flat"
211
- themeColor="primary"
212
- rounded="none"
213
- [attr.aria-label]="pageLabel(num)"
214
- [attr.title]="pageLabel(num)"
215
- [attr.aria-current]="currentPage === num ? 'page' : undefined"
216
- [selected]="currentPage === num"
217
- (click)="currentPage === num ? false : changePage(num - 1)">
218
- {{num}}
199
+ @if (start > 1) {
200
+ <button
201
+ type="button"
202
+ kendoPagerFocusable
203
+ kendoButton
204
+ [size]="size"
205
+ fillMode="flat"
206
+ themeColor="primary"
207
+ rounded="none"
208
+ [attr.aria-label]="pageLabel(start - 1)"
209
+ [attr.title]="pageLabel(start - 1)"
210
+ (click)="changePage(start - 2)">...</button>
211
+ }
212
+ @for (num of buttons; track num) {
213
+ <button
214
+ type="button"
215
+ kendoPagerFocusable
216
+ kendoButton
217
+ [size]="size"
218
+ fillMode="flat"
219
+ themeColor="primary"
220
+ rounded="none"
221
+ [attr.aria-label]="pageLabel(num)"
222
+ [attr.title]="pageLabel(num)"
223
+ [attr.aria-current]="currentPage === num ? 'page' : undefined"
224
+ [selected]="currentPage === num"
225
+ (click)="currentPage === num ? false : changePage(num - 1)">
226
+ {{num}}
219
227
  </button>
220
- <button *ngIf="end < totalPages"
221
- type="button"
222
- kendoPagerFocusable
223
- kendoButton
224
- [size]="size"
225
- fillMode="flat"
226
- themeColor="primary"
227
- rounded="none"
228
- [attr.aria-label]="pageLabel(end + 1)"
229
- [attr.title]="pageLabel(end + 1)"
230
- (click)="changePage(end)">...</button>
228
+ }
229
+ @if (end < totalPages) {
230
+ <button
231
+ type="button"
232
+ kendoPagerFocusable
233
+ kendoButton
234
+ [size]="size"
235
+ fillMode="flat"
236
+ themeColor="primary"
237
+ rounded="none"
238
+ [attr.aria-label]="pageLabel(end + 1)"
239
+ [attr.title]="pageLabel(end + 1)"
240
+ (click)="changePage(end)">...</button>
241
+ }
231
242
  </div>
232
- `,
243
+ `,
233
244
  standalone: true,
234
- imports: [PagerFocusableDirective, NgIf, NgFor, ButtonComponent]
245
+ imports: [PagerFocusableDirective, ButtonComponent]
235
246
  }]
236
247
  }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }, { type: i0.Renderer2 }], propDecorators: { selectElement: [{
237
248
  type: ViewChild,
@@ -11,7 +11,6 @@ import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
11
11
  import { Keys } from '@progress/kendo-angular-common';
12
12
  import { DEFAULT_PAGE_SIZE_VALUES, DEFAULT_SIZE } from '../util';
13
13
  import { PagerFocusableDirective } from './focusable.directive';
14
- import { NgIf } from '@angular/common';
15
14
  import * as i0 from "@angular/core";
16
15
  import * as i1 from "@progress/kendo-angular-l10n";
17
16
  import * as i2 from "./pager-context.service";
@@ -138,20 +137,23 @@ export class PagerPageSizesComponent extends PagerElementComponent {
138
137
  }
139
138
  }
140
139
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
141
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerPageSizesComponent, isStandalone: true, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: { showItemsText: "showItemsText", pageSizes: "pageSizes", size: "size", adaptiveMode: "adaptiveMode" }, host: { properties: { "class.k-pager-sizes": "this.classes" } }, viewQueries: [{ propertyName: "dropDownList", first: true, predicate: ["dropdownlist"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
140
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PagerPageSizesComponent, isStandalone: true, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: { showItemsText: "showItemsText", pageSizes: "pageSizes", size: "size", adaptiveMode: "adaptiveMode" }, host: { properties: { "class.k-pager-sizes": "this.classes" } }, viewQueries: [{ propertyName: "dropDownList", first: true, predicate: ["dropdownlist"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
142
141
  <kendo-dropdownlist kendoPagerFocusable
143
- #dropdownlist
144
- [size]="size"
145
- [data]="_pageSizes"
146
- textField="text"
147
- valueField="value"
148
- [valuePrimitive]="true"
149
- [value]="pageSize"
150
- (valueChange)="pageSizeChange($event, dropdownlist)"
151
- [adaptiveMode]="adaptiveMode"
152
- [attr.aria-label]="textFor('itemsPerPage')"></kendo-dropdownlist>
153
- <ng-container *ngIf="showItemsText">{{ textFor('itemsPerPage') }}</ng-container>
154
- `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
142
+ #dropdownlist
143
+ [size]="size"
144
+ [data]="_pageSizes"
145
+ textField="text"
146
+ valueField="value"
147
+ [valuePrimitive]="true"
148
+ [value]="pageSize"
149
+ (valueChange)="pageSizeChange($event, dropdownlist)"
150
+ [adaptiveMode]="adaptiveMode"
151
+ [attr.aria-label]="textFor('itemsPerPage')">
152
+ </kendo-dropdownlist>
153
+ @if (showItemsText) {
154
+ {{ textFor('itemsPerPage') }}
155
+ }
156
+ `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
155
157
  }
156
158
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
157
159
  type: Component,
@@ -160,20 +162,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
160
162
  selector: 'kendo-datapager-page-sizes, kendo-pager-page-sizes',
161
163
  template: `
162
164
  <kendo-dropdownlist kendoPagerFocusable
163
- #dropdownlist
164
- [size]="size"
165
- [data]="_pageSizes"
166
- textField="text"
167
- valueField="value"
168
- [valuePrimitive]="true"
169
- [value]="pageSize"
170
- (valueChange)="pageSizeChange($event, dropdownlist)"
171
- [adaptiveMode]="adaptiveMode"
172
- [attr.aria-label]="textFor('itemsPerPage')"></kendo-dropdownlist>
173
- <ng-container *ngIf="showItemsText">{{ textFor('itemsPerPage') }}</ng-container>
174
- `,
165
+ #dropdownlist
166
+ [size]="size"
167
+ [data]="_pageSizes"
168
+ textField="text"
169
+ valueField="value"
170
+ [valuePrimitive]="true"
171
+ [value]="pageSize"
172
+ (valueChange)="pageSizeChange($event, dropdownlist)"
173
+ [adaptiveMode]="adaptiveMode"
174
+ [attr.aria-label]="textFor('itemsPerPage')">
175
+ </kendo-dropdownlist>
176
+ @if (showItemsText) {
177
+ {{ textFor('itemsPerPage') }}
178
+ }
179
+ `,
175
180
  standalone: true,
176
- imports: [DropDownListComponent, PagerFocusableDirective, NgIf]
181
+ imports: [DropDownListComponent, PagerFocusableDirective]
177
182
  }]
178
183
  }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dropDownList: [{
179
184
  type: ViewChild,