@progress/kendo-angular-pivotgrid 21.1.1-develop.2 → 21.2.0-develop.10
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/esm2022/configurator/chip-kb-nav.directive.mjs +2 -2
- package/esm2022/configurator/chip-menu/chip-menu-item.component.mjs +26 -20
- package/esm2022/configurator/chip-menu/chip-menu-reorder.component.mjs +40 -37
- package/esm2022/configurator/chip-menu/chip-menu.component.mjs +56 -57
- package/esm2022/configurator/configurator.component.mjs +211 -165
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pivotgrid.component.mjs +296 -287
- package/esm2022/rendering/pivotgrid-cell.directive.mjs +53 -31
- package/esm2022/rendering/pivotgrid-table.component.mjs +146 -85
- package/fesm2022/progress-kendo-angular-pivotgrid.mjs +810 -661
- package/package.json +13 -13
- package/rendering/pivotgrid-table.component.d.ts +7 -0
- package/schematics/ngAdd/index.js +2 -2
|
@@ -19,7 +19,6 @@ import { ValueCellTemplateDirective } from './rendering/templates/pivotgrid-valu
|
|
|
19
19
|
import { RowHeaderCellTemplateDirective } from './rendering/templates/pivotgrid-row-header-cell-template.directive';
|
|
20
20
|
import { ColumnHeaderCellTemplateDirective } from './rendering/templates/pivotgrid-column-header-cell-template.directive';
|
|
21
21
|
import { PivotGridConfiguratorComponent } from './configurator/configurator.component';
|
|
22
|
-
import { NgIf } from '@angular/common';
|
|
23
22
|
import { PivotGridTableComponent } from './rendering/pivotgrid-table.component';
|
|
24
23
|
import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
|
|
25
24
|
import { LoaderComponent } from '@progress/kendo-angular-indicators';
|
|
@@ -308,7 +307,7 @@ export class PivotGridComponent {
|
|
|
308
307
|
}
|
|
309
308
|
}
|
|
310
309
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PivotGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PivotGridDataService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i3.ScrollbarWidthService }, { token: i4.PivotGridScrollService }], target: i0.ɵɵFactoryTarget.Component });
|
|
311
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
310
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PivotGridComponent, isStandalone: true, selector: "kendo-pivotgrid", inputs: { loaderSettings: "loaderSettings", configurator: "configurator", virtualScrolling: "virtualScrolling", columnHeadersWidth: "columnHeadersWidth", navigable: "navigable" }, host: { properties: { "class.k-d-flex": "this.hostClass", "class.k-pos-relative": "this.hostClass", "class.k-flex-row": "this.rightPositionClass", "class.k-flex-row-reverse": "this.leftPositionClass", "class.k-flex-column": "this.bottomPositionClass", "class.k-flex-column-reverse": "this.topPositionClass", "attr.dir": "this.dir" } }, providers: [
|
|
312
311
|
PivotGridDataService,
|
|
313
312
|
LocalizationService,
|
|
314
313
|
PivotLocalizationService,
|
|
@@ -319,163 +318,168 @@ export class PivotGridComponent {
|
|
|
319
318
|
PivotGridScrollService
|
|
320
319
|
], queries: [{ propertyName: "customCellTemplate", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "valueCellTemplate", first: true, predicate: ValueCellTemplateDirective, descendants: true }, { propertyName: "rowHeaderCellTemplate", first: true, predicate: RowHeaderCellTemplateDirective, descendants: true }, { propertyName: "columnHeaderCellTemplate", first: true, predicate: ColumnHeaderCellTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "colHeadersTable", first: true, predicate: ["colHeadersTable"], descendants: true, read: ElementRef }, { propertyName: "rowHeadersTable", first: true, predicate: ["rowHeadersTable"], descendants: true, read: ElementRef }, { propertyName: "valuesTable", first: true, predicate: ["valuesTable"], descendants: true, read: ElementRef }, { propertyName: "table", first: true, predicate: ["table"], descendants: true, read: ElementRef }, { propertyName: "configuratorWrapper", first: true, predicate: ["configurator"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
|
|
321
320
|
<ng-container kendoPivotGridLocalizedMessages
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
321
|
+
i18n-loading="kendo.pivotgrid.loading|The loading text"
|
|
322
|
+
loading="Loading"
|
|
323
|
+
|
|
324
|
+
i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"
|
|
325
|
+
emptyCellLabel="PivotGrid Empty Cell"
|
|
326
|
+
|
|
327
|
+
i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"
|
|
328
|
+
fieldMenuFilterItemLabel="Filter"
|
|
329
|
+
|
|
330
|
+
i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"
|
|
331
|
+
fieldMenuSortAscendingItemLabel="Sort ascending"
|
|
332
|
+
|
|
333
|
+
i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"
|
|
334
|
+
fieldMenuSortDescendingItemLabel="Sort descending"
|
|
335
|
+
|
|
336
|
+
i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
|
|
337
|
+
filterInputLabel="{{ '{fields} Filter' }}"
|
|
338
|
+
|
|
339
|
+
i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
|
|
340
|
+
filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
|
|
341
|
+
|
|
342
|
+
i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
|
|
343
|
+
filterEqOperator="Is equal to"
|
|
344
|
+
|
|
345
|
+
i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"
|
|
346
|
+
filterNotEqOperator="Is not equal to"
|
|
347
|
+
|
|
348
|
+
i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"
|
|
349
|
+
filterIsNullOperator="Is null"
|
|
350
|
+
|
|
351
|
+
i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"
|
|
352
|
+
filterIsNotNullOperator="Is not null"
|
|
353
|
+
|
|
354
|
+
i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"
|
|
355
|
+
filterIsEmptyOperator="Is empty"
|
|
356
|
+
|
|
357
|
+
i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
|
|
358
|
+
filterIsNotEmptyOperator="Is not empty"
|
|
359
|
+
|
|
360
|
+
i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"
|
|
361
|
+
filterStartsWithOperator="Starts with"
|
|
362
|
+
|
|
363
|
+
i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"
|
|
364
|
+
filterContainsOperator="Contains"
|
|
365
|
+
|
|
366
|
+
i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"
|
|
367
|
+
filterNotContainsOperator="Does not contain"
|
|
368
|
+
|
|
369
|
+
i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"
|
|
370
|
+
filterEndsWithOperator="Ends with"
|
|
371
|
+
|
|
372
|
+
i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"
|
|
373
|
+
filterFilterButton="Filter"
|
|
374
|
+
|
|
375
|
+
i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"
|
|
376
|
+
filterClearButton="Clear"
|
|
377
|
+
|
|
378
|
+
i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"
|
|
379
|
+
configuratorButtonText="Change Settings"
|
|
380
|
+
|
|
381
|
+
i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"
|
|
382
|
+
configuratorHeaderText="Settings"
|
|
383
|
+
|
|
384
|
+
i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"
|
|
385
|
+
configuratorFieldsText="Fields"
|
|
386
|
+
|
|
387
|
+
i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
|
|
388
|
+
configuratorColumnsText="Columns"
|
|
389
|
+
|
|
390
|
+
i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"
|
|
391
|
+
configuratorRowsText="Rows"
|
|
392
|
+
|
|
393
|
+
i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"
|
|
394
|
+
configuratorValuesText="Values"
|
|
395
|
+
|
|
396
|
+
i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"
|
|
397
|
+
configuratorCancelButtonText="Cancel"
|
|
398
|
+
|
|
399
|
+
i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"
|
|
400
|
+
configuratorApplyButtonText="Apply"
|
|
401
|
+
|
|
402
|
+
i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"
|
|
403
|
+
configuratorEmptyRowsText="Select some fields to begin setup"
|
|
404
|
+
|
|
405
|
+
i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"
|
|
406
|
+
configuratorEmptyColumnsText="Select some fields to begin setup"
|
|
407
|
+
|
|
408
|
+
i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"
|
|
409
|
+
configuratorEmptyMeasuresText="Select some fields to begin setup"
|
|
410
|
+
|
|
411
|
+
i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
|
|
412
|
+
chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
|
|
413
|
+
|
|
414
|
+
i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
|
|
415
|
+
fieldMenuMoveToColumnsItem="Move to Columns"
|
|
416
|
+
|
|
417
|
+
i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
|
|
418
|
+
fieldMenuMoveToRowsItem="Move to Rows"
|
|
419
|
+
|
|
420
|
+
i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
|
|
421
|
+
fieldMenuMovePreviousItem="Move as previous"
|
|
422
|
+
|
|
423
|
+
i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
|
|
425
424
|
fieldMenuMoveNextItem="Move as next"></ng-container>
|
|
426
|
-
|
|
425
|
+
|
|
427
426
|
<div #table class="k-pivotgrid" role="grid">
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
427
|
+
<span class="k-pivotgrid-empty-cell" role="columnheader">
|
|
428
|
+
<span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
|
|
429
|
+
</span>
|
|
430
|
+
<kendo-pivotgrid-table
|
|
431
|
+
#colHeadersTable
|
|
432
|
+
[colWidth]="columnHeadersWidth"
|
|
433
|
+
[customCellTemplate]="customCellTemplate"
|
|
434
|
+
[columnHeaderCellTemplate]="columnHeaderCellTemplate"
|
|
435
|
+
class="k-pivotgrid-column-headers"
|
|
436
|
+
tableType="columnHeader"></kendo-pivotgrid-table>
|
|
437
|
+
<kendo-pivotgrid-table
|
|
438
|
+
#rowHeadersTable
|
|
439
|
+
[customCellTemplate]="customCellTemplate"
|
|
440
|
+
[rowHeaderCellTemplate]="rowHeaderCellTemplate"
|
|
441
|
+
class="k-pivotgrid-row-headers"
|
|
442
|
+
tableType="rowHeader"></kendo-pivotgrid-table>
|
|
443
|
+
<kendo-pivotgrid-table
|
|
444
|
+
#valuesTable
|
|
445
|
+
[customCellTemplate]="customCellTemplate"
|
|
446
|
+
[valueCellTemplate]="valueCellTemplate"
|
|
447
|
+
[colWidth]="columnHeadersWidth"
|
|
448
|
+
class="k-pivotgrid-values"
|
|
449
|
+
[scrollableSettings]="virtualScrolling"
|
|
450
|
+
tableType="values"></kendo-pivotgrid-table>
|
|
451
|
+
|
|
452
|
+
@if (loading) {
|
|
453
|
+
<div [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
|
|
454
|
+
<kendo-loader
|
|
455
|
+
[type]="loaderSettings?.type"
|
|
456
|
+
[themeColor]="loaderSettings?.themeColor"
|
|
457
|
+
[size]="loaderSettings?.size"
|
|
458
458
|
>
|
|
459
|
-
|
|
460
|
-
|
|
459
|
+
</kendo-loader>
|
|
460
|
+
<span class="k-loading-text">{{ loadingText }}</span>
|
|
461
461
|
</div>
|
|
462
|
+
}
|
|
462
463
|
</div>
|
|
463
|
-
|
|
464
|
+
@if (showConfigurator) {
|
|
465
|
+
<kendo-pivotgrid-configurator
|
|
464
466
|
#configurator
|
|
465
|
-
*ngIf="showConfigurator"
|
|
466
467
|
[navigation]="configuratorNavigation"
|
|
467
468
|
[orientation]="configuratorSettings.orientation"
|
|
468
469
|
(close)="toggleConfigurator()">
|
|
469
|
-
|
|
470
|
-
|
|
470
|
+
</kendo-pivotgrid-configurator>
|
|
471
|
+
}
|
|
472
|
+
@if (configurator) {
|
|
473
|
+
<div
|
|
471
474
|
#configuratorButton
|
|
472
475
|
class="k-pivotgrid-configurator-button"
|
|
473
476
|
aria-hidden="true"
|
|
474
477
|
(click)="toggleConfigurator()">
|
|
475
478
|
<span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
|
|
476
|
-
|
|
479
|
+
</span>
|
|
477
480
|
</div>
|
|
478
|
-
|
|
481
|
+
}
|
|
482
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoPivotGridLocalizedMessages]" }, { kind: "component", type: PivotGridTableComponent, selector: "kendo-pivotgrid-table", inputs: ["tableType", "colWidth", "customCellTemplate", "valueCellTemplate", "rowHeaderCellTemplate", "columnHeaderCellTemplate", "scrollableSettings"] }, { kind: "component", type: LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: PivotGridConfiguratorComponent, selector: "kendo-pivotgrid-configurator", inputs: ["orientation", "sort", "filter", "navigation"], outputs: ["close"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
479
483
|
}
|
|
480
484
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PivotGridComponent, decorators: [{
|
|
481
485
|
type: Component,
|
|
@@ -493,165 +497,170 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
493
497
|
],
|
|
494
498
|
template: `
|
|
495
499
|
<ng-container kendoPivotGridLocalizedMessages
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
500
|
+
i18n-loading="kendo.pivotgrid.loading|The loading text"
|
|
501
|
+
loading="Loading"
|
|
502
|
+
|
|
503
|
+
i18n-emptyCellLabel="kendo.pivotgrid.emptyCellLabel|The value of the aria-label attribute placed on the focusable empty cell element"
|
|
504
|
+
emptyCellLabel="PivotGrid Empty Cell"
|
|
505
|
+
|
|
506
|
+
i18n-fieldMenuFilterItemLabel="kendo.pivotgrid.fieldMenuFilterItemLabel|The text content of the filter item in the column and row fields menu"
|
|
507
|
+
fieldMenuFilterItemLabel="Filter"
|
|
508
|
+
|
|
509
|
+
i18n-fieldMenuSortAscendingItemLabel="kendo.pivotgrid.fieldMenuSortAscendingItemLabel|The text content of the sort ascending item in the column and row fields menu"
|
|
510
|
+
fieldMenuSortAscendingItemLabel="Sort ascending"
|
|
511
|
+
|
|
512
|
+
i18n-fieldMenuSortDescendingItemLabel="kendo.pivotgrid.fieldMenuSortDescendingItemLabel|The text content of the sort descending item in the column and row fields menu"
|
|
513
|
+
fieldMenuSortDescendingItemLabel="Sort descending"
|
|
514
|
+
|
|
515
|
+
i18n-filterInputLabel="kendo.pivotgrid.filterInputLabel|The label of the filter input"
|
|
516
|
+
filterInputLabel="{{ '{fields} Filter' }}"
|
|
517
|
+
|
|
518
|
+
i18n-filterOperatorsDropDownLabel="kendo.pivotgrid.filterOperatorsDropDownLabel|The label of the filter operators DropDownList"
|
|
519
|
+
filterOperatorsDropDownLabel="{{ '{fields} Filter Operators' }}"
|
|
520
|
+
|
|
521
|
+
i18n-filterEqOperator="kendo.pivotgrid.filterEqOperator|The text of the equal filter operator"
|
|
522
|
+
filterEqOperator="Is equal to"
|
|
523
|
+
|
|
524
|
+
i18n-filterNotEqOperator="kendo.pivotgrid.filterNotEqOperator|The text of the not equal filter operator"
|
|
525
|
+
filterNotEqOperator="Is not equal to"
|
|
526
|
+
|
|
527
|
+
i18n-filterIsNullOperator="kendo.pivotgrid.filterIsNullOperator|The text of the is null filter operator"
|
|
528
|
+
filterIsNullOperator="Is null"
|
|
529
|
+
|
|
530
|
+
i18n-filterIsNotNullOperator="kendo.pivotgrid.filterIsNotNullOperator|The text of the is not null filter operator"
|
|
531
|
+
filterIsNotNullOperator="Is not null"
|
|
532
|
+
|
|
533
|
+
i18n-filterIsEmptyOperator="kendo.pivotgrid.filterIsEmptyOperator|The text of the is empty filter operator"
|
|
534
|
+
filterIsEmptyOperator="Is empty"
|
|
535
|
+
|
|
536
|
+
i18n-filterIsNotEmptyOperator="kendo.pivotgrid.filterIsNotEmptyOperator|The text of the is not empty filter operator"
|
|
537
|
+
filterIsNotEmptyOperator="Is not empty"
|
|
538
|
+
|
|
539
|
+
i18n-filterStartsWithOperator="kendo.pivotgrid.filterStartsWithOperator|The text of the starts with filter operator"
|
|
540
|
+
filterStartsWithOperator="Starts with"
|
|
541
|
+
|
|
542
|
+
i18n-filterContainsOperator="kendo.pivotgrid.filterContainsOperator|The text of the contains filter operator"
|
|
543
|
+
filterContainsOperator="Contains"
|
|
544
|
+
|
|
545
|
+
i18n-filterNotContainsOperator="kendo.pivotgrid.filterNotContainsOperator|The text of the does not contain filter operator"
|
|
546
|
+
filterNotContainsOperator="Does not contain"
|
|
547
|
+
|
|
548
|
+
i18n-filterEndsWithOperator="kendo.pivotgrid.filterEndsWithOperator|The text of the ends with filter operator"
|
|
549
|
+
filterEndsWithOperator="Ends with"
|
|
550
|
+
|
|
551
|
+
i18n-filterFilterButton="kendo.pivotgrid.filterFilterButton|The text of the filter button"
|
|
552
|
+
filterFilterButton="Filter"
|
|
553
|
+
|
|
554
|
+
i18n-filterClearButton="kendo.pivotgrid.filterClearButton|The text of the clear filter button"
|
|
555
|
+
filterClearButton="Clear"
|
|
556
|
+
|
|
557
|
+
i18n-configuratorButtonText="kendo.pivotgrid.configuratorButtonText|The text content of the button that opens and closes the PivotGrid configurator"
|
|
558
|
+
configuratorButtonText="Change Settings"
|
|
559
|
+
|
|
560
|
+
i18n-configuratorHeaderText="kendo.pivotgrid.configuratorHeaderText|The text content of the PivotGrid configurator title element"
|
|
561
|
+
configuratorHeaderText="Settings"
|
|
562
|
+
|
|
563
|
+
i18n-configuratorFieldsText="kendo.pivotgrid.configuratorFieldsText|The text content of the PivotGrid configurator fields section title element"
|
|
564
|
+
configuratorFieldsText="Fields"
|
|
565
|
+
|
|
566
|
+
i18n-configuratorColumnsText="kendo.pivotgrid.configuratorColumnsText|The text content of the PivotGrid configurator columns section title element"
|
|
567
|
+
configuratorColumnsText="Columns"
|
|
568
|
+
|
|
569
|
+
i18n-configuratorRowsText="kendo.pivotgrid.configuratorRowsText|The text content of the PivotGrid configurator rows section title element"
|
|
570
|
+
configuratorRowsText="Rows"
|
|
571
|
+
|
|
572
|
+
i18n-configuratorValuesText="kendo.pivotgrid.configuratorValuesText|The text content of the PivotGrid configurator values section title element"
|
|
573
|
+
configuratorValuesText="Values"
|
|
574
|
+
|
|
575
|
+
i18n-configuratorCancelButtonText="kendo.pivotgrid.configuratorCancelButtonText|The text content of the PivotGrid configurator configurator Cancel button"
|
|
576
|
+
configuratorCancelButtonText="Cancel"
|
|
577
|
+
|
|
578
|
+
i18n-configuratorApplyButtonText="kendo.pivotgrid.configuratorApplyButtonText|The text content of the PivotGrid configurator configurator Apply button"
|
|
579
|
+
configuratorApplyButtonText="Apply"
|
|
580
|
+
|
|
581
|
+
i18n-configuratorEmptyRowsText="kendo.pivotgrid.configuratorEmptyRowsText|The text content of the PivotGrid configurator empty rows container"
|
|
582
|
+
configuratorEmptyRowsText="Select some fields to begin setup"
|
|
583
|
+
|
|
584
|
+
i18n-configuratorEmptyColumnsText="kendo.pivotgrid.configuratorEmptyColumnsText|The text content of the PivotGrid configurator empty columns container"
|
|
585
|
+
configuratorEmptyColumnsText="Select some fields to begin setup"
|
|
586
|
+
|
|
587
|
+
i18n-configuratorEmptyMeasuresText="kendo.pivotgrid.configuratorEmptyMeasuresText|The text content of the PivotGrid configurator empty measures container"
|
|
588
|
+
configuratorEmptyMeasuresText="Select some fields to begin setup"
|
|
589
|
+
|
|
590
|
+
i18n-chipMenuIconTitle="kendo.grid.chipMenuIconTitle|The title of the field menu icon"
|
|
591
|
+
chipMenuIconTitle="{{ '{fieldName} Field Menu' }}"
|
|
592
|
+
|
|
593
|
+
i18n-fieldMenuMoveToColumnsItem="kendo.pivotgrid.fieldMenuMoveToColumnsItem|The text content of the Move to Columns item in the column and row fields menu."
|
|
594
|
+
fieldMenuMoveToColumnsItem="Move to Columns"
|
|
595
|
+
|
|
596
|
+
i18n-fieldMenuMoveToRowsItem="kendo.pivotgrid.fieldMenuMoveToRowsItem|The text content of the Move to Rows item in the column and row fields menu."
|
|
597
|
+
fieldMenuMoveToRowsItem="Move to Rows"
|
|
598
|
+
|
|
599
|
+
i18n-fieldMenuMovePreviousItem="kendo.pivotgrid.fieldMenuMovePreviousItem|The text content of the Move as previous item in the column, row, and value fields menu."
|
|
600
|
+
fieldMenuMovePreviousItem="Move as previous"
|
|
601
|
+
|
|
602
|
+
i18n-fieldMenuMoveNextItem="kendo.pivotgrid.fieldMenuMoveNextItem|The text content of the Move as next item in the column, row, and value fields menu."
|
|
599
603
|
fieldMenuMoveNextItem="Move as next"></ng-container>
|
|
600
|
-
|
|
604
|
+
|
|
601
605
|
<div #table class="k-pivotgrid" role="grid">
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
606
|
+
<span class="k-pivotgrid-empty-cell" role="columnheader">
|
|
607
|
+
<span class="k-sr-only">{{messageFor('emptyCellLabel')}}</span>
|
|
608
|
+
</span>
|
|
609
|
+
<kendo-pivotgrid-table
|
|
610
|
+
#colHeadersTable
|
|
611
|
+
[colWidth]="columnHeadersWidth"
|
|
612
|
+
[customCellTemplate]="customCellTemplate"
|
|
613
|
+
[columnHeaderCellTemplate]="columnHeaderCellTemplate"
|
|
614
|
+
class="k-pivotgrid-column-headers"
|
|
615
|
+
tableType="columnHeader"></kendo-pivotgrid-table>
|
|
616
|
+
<kendo-pivotgrid-table
|
|
617
|
+
#rowHeadersTable
|
|
618
|
+
[customCellTemplate]="customCellTemplate"
|
|
619
|
+
[rowHeaderCellTemplate]="rowHeaderCellTemplate"
|
|
620
|
+
class="k-pivotgrid-row-headers"
|
|
621
|
+
tableType="rowHeader"></kendo-pivotgrid-table>
|
|
622
|
+
<kendo-pivotgrid-table
|
|
623
|
+
#valuesTable
|
|
624
|
+
[customCellTemplate]="customCellTemplate"
|
|
625
|
+
[valueCellTemplate]="valueCellTemplate"
|
|
626
|
+
[colWidth]="columnHeadersWidth"
|
|
627
|
+
class="k-pivotgrid-values"
|
|
628
|
+
[scrollableSettings]="virtualScrolling"
|
|
629
|
+
tableType="values"></kendo-pivotgrid-table>
|
|
630
|
+
|
|
631
|
+
@if (loading) {
|
|
632
|
+
<div [style]="'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'">
|
|
633
|
+
<kendo-loader
|
|
634
|
+
[type]="loaderSettings?.type"
|
|
635
|
+
[themeColor]="loaderSettings?.themeColor"
|
|
636
|
+
[size]="loaderSettings?.size"
|
|
632
637
|
>
|
|
633
|
-
|
|
634
|
-
|
|
638
|
+
</kendo-loader>
|
|
639
|
+
<span class="k-loading-text">{{ loadingText }}</span>
|
|
635
640
|
</div>
|
|
641
|
+
}
|
|
636
642
|
</div>
|
|
637
|
-
|
|
643
|
+
@if (showConfigurator) {
|
|
644
|
+
<kendo-pivotgrid-configurator
|
|
638
645
|
#configurator
|
|
639
|
-
*ngIf="showConfigurator"
|
|
640
646
|
[navigation]="configuratorNavigation"
|
|
641
647
|
[orientation]="configuratorSettings.orientation"
|
|
642
648
|
(close)="toggleConfigurator()">
|
|
643
|
-
|
|
644
|
-
|
|
649
|
+
</kendo-pivotgrid-configurator>
|
|
650
|
+
}
|
|
651
|
+
@if (configurator) {
|
|
652
|
+
<div
|
|
645
653
|
#configuratorButton
|
|
646
654
|
class="k-pivotgrid-configurator-button"
|
|
647
655
|
aria-hidden="true"
|
|
648
656
|
(click)="toggleConfigurator()">
|
|
649
657
|
<span>{{messageFor('configuratorButtonText')}}<kendo-icon-wrapper name="gear" [svgIcon]="gearSVGIcon"></kendo-icon-wrapper>
|
|
650
|
-
|
|
658
|
+
</span>
|
|
651
659
|
</div>
|
|
652
|
-
|
|
660
|
+
}
|
|
661
|
+
`,
|
|
653
662
|
standalone: true,
|
|
654
|
-
imports: [LocalizedMessagesDirective, PivotGridTableComponent,
|
|
663
|
+
imports: [LocalizedMessagesDirective, PivotGridTableComponent, LoaderComponent, PivotGridConfiguratorComponent, IconWrapperComponent]
|
|
655
664
|
}]
|
|
656
665
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.PivotGridDataService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i3.ScrollbarWidthService }, { type: i4.PivotGridScrollService }], propDecorators: { hostClass: [{
|
|
657
666
|
type: HostBinding,
|