@progress/kendo-angular-pivotgrid 21.1.1-develop.2 → 21.2.0-develop.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/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 +144 -83
- package/fesm2022/progress-kendo-angular-pivotgrid.mjs +807 -658
- package/package.json +13 -13
- package/rendering/pivotgrid-table.component.d.ts +7 -0
- package/schematics/ngAdd/index.js +2 -2
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { Component, Input, Output, EventEmitter, ContentChild } from '@angular/core';
|
|
7
7
|
import { trigger, transition, style, animate, state } from '@angular/animations';
|
|
8
8
|
import { ChipMenuItemContentTemplateDirective } from './chip-menu-item-content-template.directive';
|
|
9
|
-
import {
|
|
9
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
10
10
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
@@ -79,7 +79,7 @@ export class ChipMenuItemComponent {
|
|
|
79
79
|
this.contentState = this.expanded ? 'expanded' : 'collapsed';
|
|
80
80
|
}
|
|
81
81
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
82
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChipMenuItemComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", expanded: "expanded", disabled: "disabled" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ChipMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
83
83
|
<div
|
|
84
84
|
class="k-columnmenu-item"
|
|
85
85
|
(click)="onClick($event)"
|
|
@@ -90,17 +90,20 @@ export class ChipMenuItemComponent {
|
|
|
90
90
|
[attr.aria-expanded]="expanded"
|
|
91
91
|
[attr.aria-disabled]="disabled"
|
|
92
92
|
>
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
93
|
+
@if (icon) {
|
|
94
|
+
<kendo-icon-wrapper
|
|
95
|
+
[name]="icon"
|
|
96
|
+
[svgIcon]="svgIcon"
|
|
97
|
+
></kendo-icon-wrapper>
|
|
98
|
+
}
|
|
98
99
|
{{ text }}
|
|
99
100
|
</div>
|
|
100
|
-
|
|
101
|
-
<
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
@if (contentTemplate) {
|
|
102
|
+
<div [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
103
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
|
|
104
|
+
</div>
|
|
105
|
+
}
|
|
106
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
104
107
|
trigger('state', [
|
|
105
108
|
state('collapsed', style({ display: 'none' })),
|
|
106
109
|
state('expanded', style({ display: 'block' })),
|
|
@@ -162,19 +165,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
162
165
|
[attr.aria-expanded]="expanded"
|
|
163
166
|
[attr.aria-disabled]="disabled"
|
|
164
167
|
>
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
168
|
+
@if (icon) {
|
|
169
|
+
<kendo-icon-wrapper
|
|
170
|
+
[name]="icon"
|
|
171
|
+
[svgIcon]="svgIcon"
|
|
172
|
+
></kendo-icon-wrapper>
|
|
173
|
+
}
|
|
170
174
|
{{ text }}
|
|
171
175
|
</div>
|
|
172
|
-
|
|
173
|
-
<
|
|
174
|
-
|
|
176
|
+
@if (contentTemplate) {
|
|
177
|
+
<div [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
178
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef"></ng-container>
|
|
179
|
+
</div>
|
|
180
|
+
}
|
|
175
181
|
`,
|
|
176
182
|
standalone: true,
|
|
177
|
-
imports: [
|
|
183
|
+
imports: [IconWrapperComponent, NgTemplateOutlet]
|
|
178
184
|
}]
|
|
179
185
|
}], propDecorators: { itemClick: [{
|
|
180
186
|
type: Output
|
|
@@ -10,7 +10,6 @@ import { arrowLeftIcon, arrowRightIcon, columnsIcon, rowsIcon } from '@progress/
|
|
|
10
10
|
import { PivotGridDataService } from '../../data-binding/pivotgrid-data.service';
|
|
11
11
|
import { swapItems } from '../../util';
|
|
12
12
|
import { ChipMenuItemComponent } from './chip-menu-item.component';
|
|
13
|
-
import { NgIf } from '@angular/common';
|
|
14
13
|
import * as i0 from "@angular/core";
|
|
15
14
|
import * as i1 from "../../localization/pivot-localization.service";
|
|
16
15
|
import * as i2 from "../configurator.service";
|
|
@@ -118,77 +117,81 @@ export class ChipMenuReorderComponent extends ChipMenuItemBase {
|
|
|
118
117
|
this.close();
|
|
119
118
|
}
|
|
120
119
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipMenuReorderComponent, deps: [{ token: i1.PivotLocalizationService }, { token: i0.Renderer2 }, { token: i2.ConfiguratorService }, { token: i3.PivotGridDataService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
121
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
122
|
-
|
|
123
|
-
|
|
120
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChipMenuReorderComponent, isStandalone: true, selector: "kendo-pivot-chipmenu-reorder", inputs: { chip: "chip" }, usesInheritance: true, ngImport: i0, template: `
|
|
121
|
+
@if (!isMeasureField) {
|
|
122
|
+
<kendo-pivot-chipmenu-item
|
|
124
123
|
[disabled]="isColumnsField"
|
|
125
124
|
[text]="messageFor('fieldMenuMoveToColumnsItem')"
|
|
126
125
|
icon="columns"
|
|
127
126
|
[svgIcon]="columnsIcon"
|
|
128
127
|
(itemClick)="move($event, 'columns')">
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
128
|
+
</kendo-pivot-chipmenu-item>
|
|
129
|
+
}
|
|
130
|
+
@if (!isMeasureField) {
|
|
131
|
+
<kendo-pivot-chipmenu-item
|
|
132
132
|
[disabled]="isRowsField"
|
|
133
133
|
[text]="messageFor('fieldMenuMoveToRowsItem')"
|
|
134
134
|
icon="rows"
|
|
135
135
|
[svgIcon]="rowsIcon"
|
|
136
136
|
(itemClick)="move($event, 'rows')">
|
|
137
|
-
|
|
137
|
+
</kendo-pivot-chipmenu-item>
|
|
138
|
+
}
|
|
138
139
|
<kendo-pivot-chipmenu-item
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
140
|
+
[disabled]="isFirst"
|
|
141
|
+
[text]="messageFor('fieldMenuMovePreviousItem')"
|
|
142
|
+
[icon]="rtl ? 'arrow-right' : 'arrow-left'"
|
|
143
|
+
[svgIcon]="rtl ? arrowRightIcon : arrowLeftIcon"
|
|
144
|
+
(itemClick)="move($event, 'prev')">
|
|
144
145
|
</kendo-pivot-chipmenu-item>
|
|
145
146
|
<kendo-pivot-chipmenu-item
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
147
|
+
[disabled]="isLast"
|
|
148
|
+
[text]="messageFor('fieldMenuMoveNextItem')"
|
|
149
|
+
[icon]="rtl ? 'arrow-left' : 'arrow-right'"
|
|
150
|
+
[svgIcon]="rtl ? arrowLeftIcon : arrowRightIcon"
|
|
151
|
+
(itemClick)="move($event, 'next')">
|
|
151
152
|
</kendo-pivot-chipmenu-item>
|
|
152
|
-
|
|
153
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ChipMenuItemComponent, selector: "kendo-pivot-chipmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "expanded", "disabled"], outputs: ["itemClick", "expand", "collapse"] }] });
|
|
153
154
|
}
|
|
154
155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipMenuReorderComponent, decorators: [{
|
|
155
156
|
type: Component,
|
|
156
157
|
args: [{
|
|
157
158
|
selector: 'kendo-pivot-chipmenu-reorder',
|
|
158
159
|
template: `
|
|
159
|
-
|
|
160
|
-
|
|
160
|
+
@if (!isMeasureField) {
|
|
161
|
+
<kendo-pivot-chipmenu-item
|
|
161
162
|
[disabled]="isColumnsField"
|
|
162
163
|
[text]="messageFor('fieldMenuMoveToColumnsItem')"
|
|
163
164
|
icon="columns"
|
|
164
165
|
[svgIcon]="columnsIcon"
|
|
165
166
|
(itemClick)="move($event, 'columns')">
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
167
|
+
</kendo-pivot-chipmenu-item>
|
|
168
|
+
}
|
|
169
|
+
@if (!isMeasureField) {
|
|
170
|
+
<kendo-pivot-chipmenu-item
|
|
169
171
|
[disabled]="isRowsField"
|
|
170
172
|
[text]="messageFor('fieldMenuMoveToRowsItem')"
|
|
171
173
|
icon="rows"
|
|
172
174
|
[svgIcon]="rowsIcon"
|
|
173
175
|
(itemClick)="move($event, 'rows')">
|
|
174
|
-
|
|
176
|
+
</kendo-pivot-chipmenu-item>
|
|
177
|
+
}
|
|
175
178
|
<kendo-pivot-chipmenu-item
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
179
|
+
[disabled]="isFirst"
|
|
180
|
+
[text]="messageFor('fieldMenuMovePreviousItem')"
|
|
181
|
+
[icon]="rtl ? 'arrow-right' : 'arrow-left'"
|
|
182
|
+
[svgIcon]="rtl ? arrowRightIcon : arrowLeftIcon"
|
|
183
|
+
(itemClick)="move($event, 'prev')">
|
|
181
184
|
</kendo-pivot-chipmenu-item>
|
|
182
185
|
<kendo-pivot-chipmenu-item
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
186
|
+
[disabled]="isLast"
|
|
187
|
+
[text]="messageFor('fieldMenuMoveNextItem')"
|
|
188
|
+
[icon]="rtl ? 'arrow-left' : 'arrow-right'"
|
|
189
|
+
[svgIcon]="rtl ? arrowLeftIcon : arrowRightIcon"
|
|
190
|
+
(itemClick)="move($event, 'next')">
|
|
188
191
|
</kendo-pivot-chipmenu-item>
|
|
189
|
-
|
|
192
|
+
`,
|
|
190
193
|
standalone: true,
|
|
191
|
-
imports: [
|
|
194
|
+
imports: [ChipMenuItemComponent]
|
|
192
195
|
}]
|
|
193
196
|
}], ctorParameters: () => [{ type: i1.PivotLocalizationService }, { type: i0.Renderer2 }, { type: i2.ConfiguratorService }, { type: i3.PivotGridDataService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { chip: [{
|
|
194
197
|
type: Input
|
|
@@ -13,7 +13,6 @@ import { ChipMenuReorderComponent } from './chip-menu-reorder.component';
|
|
|
13
13
|
import { ChipMenuFilterComponent } from './chip-menu-filter.component';
|
|
14
14
|
import { ChipMenuItemDirective } from './chip-menu-item.directive';
|
|
15
15
|
import { ChipMenuSortComponent } from './chip-menu-sort.component';
|
|
16
|
-
import { NgIf } from '@angular/common';
|
|
17
16
|
import { ChipMenuContainerComponent } from './chip-menu-container.component';
|
|
18
17
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
19
18
|
import { ChipComponent } from '@progress/kendo-angular-buttons';
|
|
@@ -78,39 +77,39 @@ export class ChipMenuComponent {
|
|
|
78
77
|
return replaceMessagePlaceholder(localizationMsg, 'fieldName', chipName);
|
|
79
78
|
}
|
|
80
79
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipMenuComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.PivotLocalizationService }, { token: i3.ChipMenuService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChipMenuComponent, isStandalone: true, selector: "kendo-pivot-chip-menu", inputs: { chip: "chip", tabIndex: "tabIndex", isMeasureField: "isMeasureField", anchor: "anchor" }, providers: [
|
|
82
81
|
ChipMenuService,
|
|
83
82
|
MenuTabbingService
|
|
84
83
|
], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, static: true }], ngImport: i0, template: `
|
|
85
84
|
<ng-template #template>
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
85
|
+
<kendo-pivot-chipmenu-container
|
|
86
|
+
(keydown.escape)="close()"
|
|
87
|
+
(keydown.enter)="$event.stopImmediatePropagation()">
|
|
88
|
+
@if (!isMeasureField) {
|
|
89
|
+
<kendo-pivot-chipmenu-sort
|
|
90
|
+
#sortItem
|
|
91
|
+
[chip]="chip"
|
|
92
|
+
[kendoPivotChipMenuItem]="sortItem"
|
|
93
|
+
[service]="service">
|
|
94
|
+
</kendo-pivot-chipmenu-sort>
|
|
95
|
+
<span class="k-separator" [style.borderColor]="'rgba(0, 0, 0, 0.08)'"></span>
|
|
96
|
+
<kendo-pivot-chipmenu-filter
|
|
97
|
+
#filterItem
|
|
98
|
+
[chip]="chip"
|
|
99
|
+
[isLast]="true"
|
|
100
|
+
[kendoPivotChipMenuItem]="filterItem"
|
|
101
|
+
[service]="service">
|
|
102
|
+
</kendo-pivot-chipmenu-filter>
|
|
103
|
+
<span class="k-separator" [style.borderColor]="'rgba(0, 0, 0, 0.08)'"></span>
|
|
104
|
+
}
|
|
105
|
+
<kendo-pivot-chipmenu-reorder
|
|
106
|
+
#reorderItem
|
|
107
|
+
[chip]="chip"
|
|
108
|
+
[kendoPivotChipMenuItem]="reorderItem"
|
|
109
|
+
[service]="service"></kendo-pivot-chipmenu-reorder>
|
|
110
|
+
</kendo-pivot-chipmenu-container>
|
|
112
111
|
</ng-template>
|
|
113
|
-
|
|
112
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ChipMenuContainerComponent, selector: "kendo-pivot-chipmenu-container" }, { kind: "component", type: ChipMenuSortComponent, selector: "kendo-pivot-chipmenu-sort", inputs: ["chip"] }, { kind: "directive", type: ChipMenuItemDirective, selector: "[kendoPivotChipMenuItem]", inputs: ["kendoPivotChipMenuItem"] }, { kind: "component", type: ChipMenuFilterComponent, selector: "kendo-pivot-chipmenu-filter", inputs: ["chip", "expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ChipMenuReorderComponent, selector: "kendo-pivot-chipmenu-reorder", inputs: ["chip"] }] });
|
|
114
113
|
}
|
|
115
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipMenuComponent, decorators: [{
|
|
116
115
|
type: Component,
|
|
@@ -122,36 +121,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
122
121
|
selector: 'kendo-pivot-chip-menu',
|
|
123
122
|
template: `
|
|
124
123
|
<ng-template #template>
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
124
|
+
<kendo-pivot-chipmenu-container
|
|
125
|
+
(keydown.escape)="close()"
|
|
126
|
+
(keydown.enter)="$event.stopImmediatePropagation()">
|
|
127
|
+
@if (!isMeasureField) {
|
|
128
|
+
<kendo-pivot-chipmenu-sort
|
|
129
|
+
#sortItem
|
|
130
|
+
[chip]="chip"
|
|
131
|
+
[kendoPivotChipMenuItem]="sortItem"
|
|
132
|
+
[service]="service">
|
|
133
|
+
</kendo-pivot-chipmenu-sort>
|
|
134
|
+
<span class="k-separator" [style.borderColor]="'rgba(0, 0, 0, 0.08)'"></span>
|
|
135
|
+
<kendo-pivot-chipmenu-filter
|
|
136
|
+
#filterItem
|
|
137
|
+
[chip]="chip"
|
|
138
|
+
[isLast]="true"
|
|
139
|
+
[kendoPivotChipMenuItem]="filterItem"
|
|
140
|
+
[service]="service">
|
|
141
|
+
</kendo-pivot-chipmenu-filter>
|
|
142
|
+
<span class="k-separator" [style.borderColor]="'rgba(0, 0, 0, 0.08)'"></span>
|
|
143
|
+
}
|
|
144
|
+
<kendo-pivot-chipmenu-reorder
|
|
145
|
+
#reorderItem
|
|
146
|
+
[chip]="chip"
|
|
147
|
+
[kendoPivotChipMenuItem]="reorderItem"
|
|
148
|
+
[service]="service"></kendo-pivot-chipmenu-reorder>
|
|
149
|
+
</kendo-pivot-chipmenu-container>
|
|
151
150
|
</ng-template>
|
|
152
|
-
|
|
151
|
+
`,
|
|
153
152
|
standalone: true,
|
|
154
|
-
imports: [IconWrapperComponent, ChipMenuContainerComponent,
|
|
153
|
+
imports: [IconWrapperComponent, ChipMenuContainerComponent, ChipMenuSortComponent, ChipMenuItemDirective, ChipMenuFilterComponent, ChipMenuReorderComponent]
|
|
155
154
|
}]
|
|
156
155
|
}], ctorParameters: () => [{ type: i1.SinglePopupService }, { type: i2.PivotLocalizationService }, { type: i3.ChipMenuService }, { type: i0.Renderer2 }], propDecorators: { chip: [{
|
|
157
156
|
type: Input
|