@progress/kendo-angular-grid 16.9.1-develop.4 → 16.10.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.
- package/column-menu/column-menu-item.component.d.ts +4 -0
- package/esm2020/column-menu/column-menu-item.component.mjs +69 -34
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-grid.mjs +71 -37
- package/fesm2020/progress-kendo-angular-grid.mjs +71 -37
- package/package.json +17 -17
- package/schematics/ngAdd/index.js +4 -4
|
@@ -67,6 +67,10 @@ export declare class ColumnMenuItemComponent implements OnChanges {
|
|
|
67
67
|
contentTemplate: ColumnMenuItemContentTemplateDirective;
|
|
68
68
|
contentState: string;
|
|
69
69
|
contentId: string;
|
|
70
|
+
chevronUpIcon: SVGIcon;
|
|
71
|
+
chevronDownIcon: SVGIcon;
|
|
72
|
+
get expandedIcon(): string;
|
|
73
|
+
get expandedSvgIcon(): SVGIcon;
|
|
70
74
|
ngAfterViewInit(): void;
|
|
71
75
|
ngOnChanges(changes: any): void;
|
|
72
76
|
/**
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
import { Component, Input, Output, EventEmitter, ContentChild } from '@angular/core';
|
|
6
6
|
import { trigger, transition, style, animate, state } from '@angular/animations';
|
|
7
7
|
import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
|
|
8
|
+
import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
|
|
8
9
|
import { guid } from '@progress/kendo-angular-common';
|
|
9
10
|
import { ColumnMenuService } from './column-menu.service';
|
|
10
11
|
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
|
@@ -38,6 +39,14 @@ export class ColumnMenuItemComponent {
|
|
|
38
39
|
*/
|
|
39
40
|
this.collapse = new EventEmitter();
|
|
40
41
|
this.contentState = 'collapsed';
|
|
42
|
+
this.chevronUpIcon = chevronUpIcon;
|
|
43
|
+
this.chevronDownIcon = chevronDownIcon;
|
|
44
|
+
}
|
|
45
|
+
get expandedIcon() {
|
|
46
|
+
return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
|
|
47
|
+
}
|
|
48
|
+
get expandedSvgIcon() {
|
|
49
|
+
return this.expanded ? this.chevronUpIcon : this.chevronDownIcon;
|
|
41
50
|
}
|
|
42
51
|
ngAfterViewInit() {
|
|
43
52
|
this.contentTemplate && (this.contentId = `k-${guid()}`);
|
|
@@ -69,24 +78,37 @@ export class ColumnMenuItemComponent {
|
|
|
69
78
|
}
|
|
70
79
|
ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
80
|
ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", service: "service" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
72
|
-
<div
|
|
73
|
-
|
|
74
|
-
(click)="onClick($event)"
|
|
75
|
-
(keydown.enter)="onClick($event)"
|
|
76
|
-
[class.k-selected]="selected"
|
|
77
|
-
[class.k-disabled]="disabled"
|
|
78
|
-
role="button"
|
|
79
|
-
[attr.aria-expanded]="expanded"
|
|
80
|
-
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
81
|
-
<kendo-icon-wrapper
|
|
82
|
-
[name]="icon"
|
|
83
|
-
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
84
|
-
{{ text }}
|
|
81
|
+
<div *ngIf="contentTemplate; else content" class="k-expander">
|
|
82
|
+
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
85
83
|
</div>
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
84
|
+
|
|
85
|
+
<ng-template #content>
|
|
86
|
+
<div
|
|
87
|
+
class="k-columnmenu-item"
|
|
88
|
+
(click)="onClick($event)"
|
|
89
|
+
(keydown.enter)="onClick($event)"
|
|
90
|
+
[class.k-selected]="selected"
|
|
91
|
+
[class.k-disabled]="disabled"
|
|
92
|
+
role="button"
|
|
93
|
+
[attr.aria-expanded]="expanded"
|
|
94
|
+
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
95
|
+
<kendo-icon-wrapper
|
|
96
|
+
[name]="icon"
|
|
97
|
+
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
98
|
+
{{ text }}
|
|
99
|
+
<span *ngIf="contentTemplate" class="k-spacer"></span>
|
|
100
|
+
<span *ngIf="contentTemplate" class="k-expander-indicator">
|
|
101
|
+
<kendo-icon-wrapper
|
|
102
|
+
[name]="expandedIcon"
|
|
103
|
+
[svgIcon]="expandedSvgIcon">
|
|
104
|
+
</kendo-icon-wrapper>
|
|
105
|
+
</span>
|
|
106
|
+
</div>
|
|
107
|
+
<div *ngIf="contentTemplate" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
108
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
|
|
109
|
+
</ng-container>
|
|
110
|
+
</div>
|
|
111
|
+
</ng-template>
|
|
90
112
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
91
113
|
trigger('state', [
|
|
92
114
|
state('collapsed', style({ display: 'none' })),
|
|
@@ -138,24 +160,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
138
160
|
],
|
|
139
161
|
selector: 'kendo-grid-columnmenu-item',
|
|
140
162
|
template: `
|
|
141
|
-
<div
|
|
142
|
-
|
|
143
|
-
(click)="onClick($event)"
|
|
144
|
-
(keydown.enter)="onClick($event)"
|
|
145
|
-
[class.k-selected]="selected"
|
|
146
|
-
[class.k-disabled]="disabled"
|
|
147
|
-
role="button"
|
|
148
|
-
[attr.aria-expanded]="expanded"
|
|
149
|
-
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
150
|
-
<kendo-icon-wrapper
|
|
151
|
-
[name]="icon"
|
|
152
|
-
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
153
|
-
{{ text }}
|
|
163
|
+
<div *ngIf="contentTemplate; else content" class="k-expander">
|
|
164
|
+
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
154
165
|
</div>
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
166
|
+
|
|
167
|
+
<ng-template #content>
|
|
168
|
+
<div
|
|
169
|
+
class="k-columnmenu-item"
|
|
170
|
+
(click)="onClick($event)"
|
|
171
|
+
(keydown.enter)="onClick($event)"
|
|
172
|
+
[class.k-selected]="selected"
|
|
173
|
+
[class.k-disabled]="disabled"
|
|
174
|
+
role="button"
|
|
175
|
+
[attr.aria-expanded]="expanded"
|
|
176
|
+
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
177
|
+
<kendo-icon-wrapper
|
|
178
|
+
[name]="icon"
|
|
179
|
+
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
180
|
+
{{ text }}
|
|
181
|
+
<span *ngIf="contentTemplate" class="k-spacer"></span>
|
|
182
|
+
<span *ngIf="contentTemplate" class="k-expander-indicator">
|
|
183
|
+
<kendo-icon-wrapper
|
|
184
|
+
[name]="expandedIcon"
|
|
185
|
+
[svgIcon]="expandedSvgIcon">
|
|
186
|
+
</kendo-icon-wrapper>
|
|
187
|
+
</span>
|
|
188
|
+
</div>
|
|
189
|
+
<div *ngIf="contentTemplate" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
190
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
|
|
191
|
+
</ng-container>
|
|
192
|
+
</div>
|
|
193
|
+
</ng-template>
|
|
159
194
|
`,
|
|
160
195
|
standalone: true,
|
|
161
196
|
imports: [IconWrapperComponent, NgIf, NgTemplateOutlet]
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-grid',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.
|
|
12
|
+
publishDate: 1726668279,
|
|
13
|
+
version: '16.10.0-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -8,7 +8,7 @@ import { merge, of, Subject, from, Subscription, interval, fromEvent, Observable
|
|
|
8
8
|
import * as i9 from '@progress/kendo-angular-common';
|
|
9
9
|
import { isDocumentAvailable, Keys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, isChanged as isChanged$1, KendoInput, guid, hasObservers, ResizeSensorComponent, isPresent as isPresent$1, closest as closest$1, isFocusable as isFocusable$1, shouldShowValidationUI, WatermarkOverlayComponent, ResizeBatchService, DraggableModule } from '@progress/kendo-angular-common';
|
|
10
10
|
import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, auditTime, bufferCount } from 'rxjs/operators';
|
|
11
|
-
import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, columnsIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, caretAltToLeftIcon, caretAltToRightIcon, insertMiddleIcon } from '@progress/kendo-svg-icons';
|
|
11
|
+
import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, columnsIcon, chevronUpIcon, chevronDownIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, caretAltToLeftIcon, caretAltToRightIcon, insertMiddleIcon } from '@progress/kendo-svg-icons';
|
|
12
12
|
import * as i1 from '@angular/platform-browser';
|
|
13
13
|
import * as i1$1 from '@progress/kendo-angular-icons';
|
|
14
14
|
import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
|
|
@@ -10696,6 +10696,14 @@ class ColumnMenuItemComponent {
|
|
|
10696
10696
|
*/
|
|
10697
10697
|
this.collapse = new EventEmitter();
|
|
10698
10698
|
this.contentState = 'collapsed';
|
|
10699
|
+
this.chevronUpIcon = chevronUpIcon;
|
|
10700
|
+
this.chevronDownIcon = chevronDownIcon;
|
|
10701
|
+
}
|
|
10702
|
+
get expandedIcon() {
|
|
10703
|
+
return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
|
|
10704
|
+
}
|
|
10705
|
+
get expandedSvgIcon() {
|
|
10706
|
+
return this.expanded ? this.chevronUpIcon : this.chevronDownIcon;
|
|
10699
10707
|
}
|
|
10700
10708
|
ngAfterViewInit() {
|
|
10701
10709
|
this.contentTemplate && (this.contentId = `k-${guid()}`);
|
|
@@ -10727,24 +10735,37 @@ class ColumnMenuItemComponent {
|
|
|
10727
10735
|
}
|
|
10728
10736
|
ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10729
10737
|
ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", service: "service" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
10730
|
-
<div
|
|
10731
|
-
|
|
10732
|
-
(click)="onClick($event)"
|
|
10733
|
-
(keydown.enter)="onClick($event)"
|
|
10734
|
-
[class.k-selected]="selected"
|
|
10735
|
-
[class.k-disabled]="disabled"
|
|
10736
|
-
role="button"
|
|
10737
|
-
[attr.aria-expanded]="expanded"
|
|
10738
|
-
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10739
|
-
<kendo-icon-wrapper
|
|
10740
|
-
[name]="icon"
|
|
10741
|
-
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10742
|
-
{{ text }}
|
|
10738
|
+
<div *ngIf="contentTemplate; else content" class="k-expander">
|
|
10739
|
+
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
10743
10740
|
</div>
|
|
10744
|
-
|
|
10745
|
-
|
|
10746
|
-
|
|
10747
|
-
|
|
10741
|
+
|
|
10742
|
+
<ng-template #content>
|
|
10743
|
+
<div
|
|
10744
|
+
class="k-columnmenu-item"
|
|
10745
|
+
(click)="onClick($event)"
|
|
10746
|
+
(keydown.enter)="onClick($event)"
|
|
10747
|
+
[class.k-selected]="selected"
|
|
10748
|
+
[class.k-disabled]="disabled"
|
|
10749
|
+
role="button"
|
|
10750
|
+
[attr.aria-expanded]="expanded"
|
|
10751
|
+
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10752
|
+
<kendo-icon-wrapper
|
|
10753
|
+
[name]="icon"
|
|
10754
|
+
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10755
|
+
{{ text }}
|
|
10756
|
+
<span *ngIf="contentTemplate" class="k-spacer"></span>
|
|
10757
|
+
<span *ngIf="contentTemplate" class="k-expander-indicator">
|
|
10758
|
+
<kendo-icon-wrapper
|
|
10759
|
+
[name]="expandedIcon"
|
|
10760
|
+
[svgIcon]="expandedSvgIcon">
|
|
10761
|
+
</kendo-icon-wrapper>
|
|
10762
|
+
</span>
|
|
10763
|
+
</div>
|
|
10764
|
+
<div *ngIf="contentTemplate" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
10765
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
|
|
10766
|
+
</ng-container>
|
|
10767
|
+
</div>
|
|
10768
|
+
</ng-template>
|
|
10748
10769
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
10749
10770
|
trigger('state', [
|
|
10750
10771
|
state('collapsed', style({ display: 'none' })),
|
|
@@ -10796,24 +10817,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
10796
10817
|
],
|
|
10797
10818
|
selector: 'kendo-grid-columnmenu-item',
|
|
10798
10819
|
template: `
|
|
10799
|
-
<div
|
|
10800
|
-
|
|
10801
|
-
(click)="onClick($event)"
|
|
10802
|
-
(keydown.enter)="onClick($event)"
|
|
10803
|
-
[class.k-selected]="selected"
|
|
10804
|
-
[class.k-disabled]="disabled"
|
|
10805
|
-
role="button"
|
|
10806
|
-
[attr.aria-expanded]="expanded"
|
|
10807
|
-
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10808
|
-
<kendo-icon-wrapper
|
|
10809
|
-
[name]="icon"
|
|
10810
|
-
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10811
|
-
{{ text }}
|
|
10820
|
+
<div *ngIf="contentTemplate; else content" class="k-expander">
|
|
10821
|
+
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
10812
10822
|
</div>
|
|
10813
|
-
|
|
10814
|
-
|
|
10815
|
-
|
|
10816
|
-
|
|
10823
|
+
|
|
10824
|
+
<ng-template #content>
|
|
10825
|
+
<div
|
|
10826
|
+
class="k-columnmenu-item"
|
|
10827
|
+
(click)="onClick($event)"
|
|
10828
|
+
(keydown.enter)="onClick($event)"
|
|
10829
|
+
[class.k-selected]="selected"
|
|
10830
|
+
[class.k-disabled]="disabled"
|
|
10831
|
+
role="button"
|
|
10832
|
+
[attr.aria-expanded]="expanded"
|
|
10833
|
+
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10834
|
+
<kendo-icon-wrapper
|
|
10835
|
+
[name]="icon"
|
|
10836
|
+
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10837
|
+
{{ text }}
|
|
10838
|
+
<span *ngIf="contentTemplate" class="k-spacer"></span>
|
|
10839
|
+
<span *ngIf="contentTemplate" class="k-expander-indicator">
|
|
10840
|
+
<kendo-icon-wrapper
|
|
10841
|
+
[name]="expandedIcon"
|
|
10842
|
+
[svgIcon]="expandedSvgIcon">
|
|
10843
|
+
</kendo-icon-wrapper>
|
|
10844
|
+
</span>
|
|
10845
|
+
</div>
|
|
10846
|
+
<div *ngIf="contentTemplate" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
10847
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
|
|
10848
|
+
</ng-container>
|
|
10849
|
+
</div>
|
|
10850
|
+
</ng-template>
|
|
10817
10851
|
`,
|
|
10818
10852
|
standalone: true,
|
|
10819
10853
|
imports: [IconWrapperComponent, NgIf, NgTemplateOutlet]
|
|
@@ -19432,8 +19466,8 @@ const packageMetadata = {
|
|
|
19432
19466
|
name: '@progress/kendo-angular-grid',
|
|
19433
19467
|
productName: 'Kendo UI for Angular',
|
|
19434
19468
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
19435
|
-
publishDate:
|
|
19436
|
-
version: '16.
|
|
19469
|
+
publishDate: 1726668279,
|
|
19470
|
+
version: '16.10.0-develop.1',
|
|
19437
19471
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
19438
19472
|
};
|
|
19439
19473
|
|
|
@@ -10,7 +10,7 @@ import { isDocumentAvailable, Keys, anyChanged, TemplateContextDirective, Dragga
|
|
|
10
10
|
import * as i1 from '@angular/platform-browser';
|
|
11
11
|
import * as i1$1 from '@progress/kendo-angular-icons';
|
|
12
12
|
import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
|
|
13
|
-
import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, columnsIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, caretAltToLeftIcon, caretAltToRightIcon, insertMiddleIcon } from '@progress/kendo-svg-icons';
|
|
13
|
+
import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, columnsIcon, chevronUpIcon, chevronDownIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, caretAltToLeftIcon, caretAltToRightIcon, insertMiddleIcon } from '@progress/kendo-svg-icons';
|
|
14
14
|
import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, auditTime, bufferCount } from 'rxjs/operators';
|
|
15
15
|
import * as i1$2 from '@progress/kendo-angular-l10n';
|
|
16
16
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
@@ -10695,6 +10695,14 @@ class ColumnMenuItemComponent {
|
|
|
10695
10695
|
*/
|
|
10696
10696
|
this.collapse = new EventEmitter();
|
|
10697
10697
|
this.contentState = 'collapsed';
|
|
10698
|
+
this.chevronUpIcon = chevronUpIcon;
|
|
10699
|
+
this.chevronDownIcon = chevronDownIcon;
|
|
10700
|
+
}
|
|
10701
|
+
get expandedIcon() {
|
|
10702
|
+
return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
|
|
10703
|
+
}
|
|
10704
|
+
get expandedSvgIcon() {
|
|
10705
|
+
return this.expanded ? this.chevronUpIcon : this.chevronDownIcon;
|
|
10698
10706
|
}
|
|
10699
10707
|
ngAfterViewInit() {
|
|
10700
10708
|
this.contentTemplate && (this.contentId = `k-${guid()}`);
|
|
@@ -10726,24 +10734,37 @@ class ColumnMenuItemComponent {
|
|
|
10726
10734
|
}
|
|
10727
10735
|
ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10728
10736
|
ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", service: "service" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
10729
|
-
<div
|
|
10730
|
-
|
|
10731
|
-
(click)="onClick($event)"
|
|
10732
|
-
(keydown.enter)="onClick($event)"
|
|
10733
|
-
[class.k-selected]="selected"
|
|
10734
|
-
[class.k-disabled]="disabled"
|
|
10735
|
-
role="button"
|
|
10736
|
-
[attr.aria-expanded]="expanded"
|
|
10737
|
-
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10738
|
-
<kendo-icon-wrapper
|
|
10739
|
-
[name]="icon"
|
|
10740
|
-
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10741
|
-
{{ text }}
|
|
10737
|
+
<div *ngIf="contentTemplate; else content" class="k-expander">
|
|
10738
|
+
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
10742
10739
|
</div>
|
|
10743
|
-
|
|
10744
|
-
|
|
10745
|
-
|
|
10746
|
-
|
|
10740
|
+
|
|
10741
|
+
<ng-template #content>
|
|
10742
|
+
<div
|
|
10743
|
+
class="k-columnmenu-item"
|
|
10744
|
+
(click)="onClick($event)"
|
|
10745
|
+
(keydown.enter)="onClick($event)"
|
|
10746
|
+
[class.k-selected]="selected"
|
|
10747
|
+
[class.k-disabled]="disabled"
|
|
10748
|
+
role="button"
|
|
10749
|
+
[attr.aria-expanded]="expanded"
|
|
10750
|
+
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10751
|
+
<kendo-icon-wrapper
|
|
10752
|
+
[name]="icon"
|
|
10753
|
+
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10754
|
+
{{ text }}
|
|
10755
|
+
<span *ngIf="contentTemplate" class="k-spacer"></span>
|
|
10756
|
+
<span *ngIf="contentTemplate" class="k-expander-indicator">
|
|
10757
|
+
<kendo-icon-wrapper
|
|
10758
|
+
[name]="expandedIcon"
|
|
10759
|
+
[svgIcon]="expandedSvgIcon">
|
|
10760
|
+
</kendo-icon-wrapper>
|
|
10761
|
+
</span>
|
|
10762
|
+
</div>
|
|
10763
|
+
<div *ngIf="contentTemplate" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
10764
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
|
|
10765
|
+
</ng-container>
|
|
10766
|
+
</div>
|
|
10767
|
+
</ng-template>
|
|
10747
10768
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
10748
10769
|
trigger('state', [
|
|
10749
10770
|
state('collapsed', style({ display: 'none' })),
|
|
@@ -10795,24 +10816,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
10795
10816
|
],
|
|
10796
10817
|
selector: 'kendo-grid-columnmenu-item',
|
|
10797
10818
|
template: `
|
|
10798
|
-
<div
|
|
10799
|
-
|
|
10800
|
-
(click)="onClick($event)"
|
|
10801
|
-
(keydown.enter)="onClick($event)"
|
|
10802
|
-
[class.k-selected]="selected"
|
|
10803
|
-
[class.k-disabled]="disabled"
|
|
10804
|
-
role="button"
|
|
10805
|
-
[attr.aria-expanded]="expanded"
|
|
10806
|
-
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10807
|
-
<kendo-icon-wrapper
|
|
10808
|
-
[name]="icon"
|
|
10809
|
-
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10810
|
-
{{ text }}
|
|
10819
|
+
<div *ngIf="contentTemplate; else content" class="k-expander">
|
|
10820
|
+
<ng-container [ngTemplateOutlet]="content"></ng-container>
|
|
10811
10821
|
</div>
|
|
10812
|
-
|
|
10813
|
-
|
|
10814
|
-
|
|
10815
|
-
|
|
10822
|
+
|
|
10823
|
+
<ng-template #content>
|
|
10824
|
+
<div
|
|
10825
|
+
class="k-columnmenu-item"
|
|
10826
|
+
(click)="onClick($event)"
|
|
10827
|
+
(keydown.enter)="onClick($event)"
|
|
10828
|
+
[class.k-selected]="selected"
|
|
10829
|
+
[class.k-disabled]="disabled"
|
|
10830
|
+
role="button"
|
|
10831
|
+
[attr.aria-expanded]="expanded"
|
|
10832
|
+
[attr.aria-controls]="expanded ? contentId : undefined">
|
|
10833
|
+
<kendo-icon-wrapper
|
|
10834
|
+
[name]="icon"
|
|
10835
|
+
[svgIcon]="svgIcon"></kendo-icon-wrapper>
|
|
10836
|
+
{{ text }}
|
|
10837
|
+
<span *ngIf="contentTemplate" class="k-spacer"></span>
|
|
10838
|
+
<span *ngIf="contentTemplate" class="k-expander-indicator">
|
|
10839
|
+
<kendo-icon-wrapper
|
|
10840
|
+
[name]="expandedIcon"
|
|
10841
|
+
[svgIcon]="expandedSvgIcon">
|
|
10842
|
+
</kendo-icon-wrapper>
|
|
10843
|
+
</span>
|
|
10844
|
+
</div>
|
|
10845
|
+
<div *ngIf="contentTemplate" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'" class="k-columnmenu-item-content">
|
|
10846
|
+
<ng-container [ngTemplateOutlet]="contentTemplate.templateRef">
|
|
10847
|
+
</ng-container>
|
|
10848
|
+
</div>
|
|
10849
|
+
</ng-template>
|
|
10816
10850
|
`,
|
|
10817
10851
|
standalone: true,
|
|
10818
10852
|
imports: [IconWrapperComponent, NgIf, NgTemplateOutlet]
|
|
@@ -19334,8 +19368,8 @@ const packageMetadata = {
|
|
|
19334
19368
|
name: '@progress/kendo-angular-grid',
|
|
19335
19369
|
productName: 'Kendo UI for Angular',
|
|
19336
19370
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
19337
|
-
publishDate:
|
|
19338
|
-
version: '16.
|
|
19371
|
+
publishDate: 1726668279,
|
|
19372
|
+
version: '16.10.0-develop.1',
|
|
19339
19373
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
19340
19374
|
};
|
|
19341
19375
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.10.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -31,27 +31,27 @@
|
|
|
31
31
|
"@angular/forms": "15 - 18",
|
|
32
32
|
"@angular/platform-browser": "15 - 18",
|
|
33
33
|
"@progress/kendo-data-query": "^1.0.0",
|
|
34
|
-
"@progress/kendo-drawing": "^1.
|
|
34
|
+
"@progress/kendo-drawing": "^1.20.3",
|
|
35
35
|
"@progress/kendo-licensing": "^1.0.2",
|
|
36
|
-
"@progress/kendo-angular-buttons": "16.
|
|
37
|
-
"@progress/kendo-angular-common": "16.
|
|
38
|
-
"@progress/kendo-angular-dateinputs": "16.
|
|
39
|
-
"@progress/kendo-angular-layout": "16.
|
|
40
|
-
"@progress/kendo-angular-dropdowns": "16.
|
|
41
|
-
"@progress/kendo-angular-excel-export": "16.
|
|
42
|
-
"@progress/kendo-angular-icons": "16.
|
|
43
|
-
"@progress/kendo-angular-inputs": "16.
|
|
44
|
-
"@progress/kendo-angular-intl": "16.
|
|
45
|
-
"@progress/kendo-angular-l10n": "16.
|
|
46
|
-
"@progress/kendo-angular-label": "16.
|
|
47
|
-
"@progress/kendo-angular-pdf-export": "16.
|
|
48
|
-
"@progress/kendo-angular-popup": "16.
|
|
49
|
-
"@progress/kendo-angular-utils": "16.
|
|
36
|
+
"@progress/kendo-angular-buttons": "16.10.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-common": "16.10.0-develop.1",
|
|
38
|
+
"@progress/kendo-angular-dateinputs": "16.10.0-develop.1",
|
|
39
|
+
"@progress/kendo-angular-layout": "16.10.0-develop.1",
|
|
40
|
+
"@progress/kendo-angular-dropdowns": "16.10.0-develop.1",
|
|
41
|
+
"@progress/kendo-angular-excel-export": "16.10.0-develop.1",
|
|
42
|
+
"@progress/kendo-angular-icons": "16.10.0-develop.1",
|
|
43
|
+
"@progress/kendo-angular-inputs": "16.10.0-develop.1",
|
|
44
|
+
"@progress/kendo-angular-intl": "16.10.0-develop.1",
|
|
45
|
+
"@progress/kendo-angular-l10n": "16.10.0-develop.1",
|
|
46
|
+
"@progress/kendo-angular-label": "16.10.0-develop.1",
|
|
47
|
+
"@progress/kendo-angular-pdf-export": "16.10.0-develop.1",
|
|
48
|
+
"@progress/kendo-angular-popup": "16.10.0-develop.1",
|
|
49
|
+
"@progress/kendo-angular-utils": "16.10.0-develop.1",
|
|
50
50
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"tslib": "^2.3.1",
|
|
54
|
-
"@progress/kendo-angular-schematics": "16.
|
|
54
|
+
"@progress/kendo-angular-schematics": "16.10.0-develop.1",
|
|
55
55
|
"@progress/kendo-common": "^0.2.0",
|
|
56
56
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
57
57
|
},
|
|
@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
6
6
|
// peer deps of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '16.
|
|
8
|
-
'@progress/kendo-angular-navigation': '16.
|
|
7
|
+
'@progress/kendo-angular-treeview': '16.10.0-develop.1',
|
|
8
|
+
'@progress/kendo-angular-navigation': '16.10.0-develop.1',
|
|
9
9
|
// peer dependency of kendo-angular-inputs
|
|
10
|
-
'@progress/kendo-angular-dialog': '16.
|
|
10
|
+
'@progress/kendo-angular-dialog': '16.10.0-develop.1',
|
|
11
11
|
// peer dependency of kendo-angular-icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^3.0.0',
|
|
13
13
|
// peer dependency of kendo-angular-layout
|
|
14
|
-
'@progress/kendo-angular-progressbar': '16.
|
|
14
|
+
'@progress/kendo-angular-progressbar': '16.10.0-develop.1'
|
|
15
15
|
} });
|
|
16
16
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
17
17
|
}
|