@progress/kendo-angular-grid 24.1.1-develop.1 → 24.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/common/data-layout-mode.d.ts +3 -0
- package/fesm2022/progress-kendo-angular-grid.mjs +20 -6
- package/filtering/filterable.d.ts +3 -0
- package/filtering/menu/date-filter-menu-input.component.d.ts +1 -0
- package/package-metadata.mjs +2 -2
- package/package.json +24 -24
- package/schematics/ngAdd/index.js +7 -7
|
@@ -7,6 +7,9 @@ import { GridColSize } from "./grid-col-size";
|
|
|
7
7
|
* Specifies the Grid data layout display mode.
|
|
8
8
|
*/
|
|
9
9
|
export type DataLayoutMode = 'columns' | 'stacked';
|
|
10
|
+
/**
|
|
11
|
+
* Configures the data layout display mode for the Grid component.
|
|
12
|
+
*/
|
|
10
13
|
export interface DataLayoutModeSettings {
|
|
11
14
|
/**
|
|
12
15
|
* Specifies the Grid data layout display mode.
|
|
@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
|
|
|
6
6
|
import { EventEmitter, Injectable, SecurityContext, InjectionToken, Optional, Inject, Input, SkipSelf, Directive, isDevMode, QueryList, ContentChildren, ContentChild, Component, forwardRef, Host, Output, HostBinding, HostListener, Pipe, TemplateRef, ViewChild, ViewChildren, ChangeDetectionStrategy, Self, NgZone, ElementRef, ViewContainerRef, ViewEncapsulation, inject, Injector, NgModule } from '@angular/core';
|
|
7
7
|
import { merge, of, Subject, zip as zip$1, from, Subscription, interval, fromEvent, Observable, BehaviorSubject } from 'rxjs';
|
|
8
8
|
import * as i1$3 from '@progress/kendo-angular-common';
|
|
9
|
-
import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
9
|
+
import { isDocumentAvailable, Keys, hasClasses as hasClasses$1, isPresent as isPresent$1, normalizeKeys, anyChanged, TemplateContextDirective, DraggableDirective, EventsOutsideAngularDirective, replaceMessagePlaceholder, isChanged as isChanged$1, KendoInput, contains as contains$3, guid, areObjectsEqual, PrefixTemplateDirective, closest as closest$1, hasObservers, ResizeSensorComponent, isFirefox, firefoxMaxHeight, closestInScope as closestInScope$1, isFocusable as isFocusable$1, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, PreventableEvent as PreventableEvent$1, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
10
10
|
export { BrowserSupportService, ScrollbarService } from '@progress/kendo-angular-common';
|
|
11
11
|
import * as i1 from '@angular/platform-browser';
|
|
12
12
|
import * as i1$1 from '@progress/kendo-angular-icons';
|
|
@@ -10513,9 +10513,14 @@ class DateFilterMenuInputComponent {
|
|
|
10513
10513
|
if (this.subscription) {
|
|
10514
10514
|
this.subscription.unsubscribe();
|
|
10515
10515
|
}
|
|
10516
|
+
let pickerPopupElement = null;
|
|
10516
10517
|
this.subscription = this.popupService.onClose
|
|
10517
|
-
.pipe(filter(() => picker.isActive))
|
|
10518
|
+
.pipe(filter((event) => picker.isActive || this.isDatePickerMouseEvent(event, pickerPopupElement)))
|
|
10518
10519
|
.subscribe(e => e.preventDefault());
|
|
10520
|
+
// https://github.com/telerik/kendo-angular/issues/4074
|
|
10521
|
+
this.subscription.add(picker.close.pipe(take(1)).subscribe(() => {
|
|
10522
|
+
pickerPopupElement = picker.popupRef?.popupElement ?? null;
|
|
10523
|
+
}));
|
|
10519
10524
|
}
|
|
10520
10525
|
messageFor(key) {
|
|
10521
10526
|
return this.ctx.localization.get(key);
|
|
@@ -10525,6 +10530,13 @@ class DateFilterMenuInputComponent {
|
|
|
10525
10530
|
const columnName = this.column ? this.column.title || this.column.field : '';
|
|
10526
10531
|
return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
|
|
10527
10532
|
}
|
|
10533
|
+
isDatePickerMouseEvent(event, popupElement) {
|
|
10534
|
+
const originalEvent = event?.originalEvent;
|
|
10535
|
+
if (!popupElement || !(originalEvent instanceof MouseEvent)) {
|
|
10536
|
+
return false;
|
|
10537
|
+
}
|
|
10538
|
+
return contains$3(popupElement, originalEvent.target, true);
|
|
10539
|
+
}
|
|
10528
10540
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: SinglePopupService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
10529
10541
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-grid-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
|
|
10530
10542
|
<kendo-grid-filter-menu-input-wrapper
|
|
@@ -11337,8 +11349,9 @@ class MultiCheckboxFilterComponent {
|
|
|
11337
11349
|
return this.ctx.localization.get(key);
|
|
11338
11350
|
}
|
|
11339
11351
|
getUniqueDateValues(data) {
|
|
11352
|
+
const fieldGetter = getter(this.column.field);
|
|
11340
11353
|
return data.reduce((acc, current) => {
|
|
11341
|
-
const value = current
|
|
11354
|
+
const value = fieldGetter(current);
|
|
11342
11355
|
if (value instanceof Date && acc.findIndex(d => d.getTime() === value.getTime()) === -1) {
|
|
11343
11356
|
acc.push(value);
|
|
11344
11357
|
}
|
|
@@ -11358,7 +11371,8 @@ class MultiCheckboxFilterComponent {
|
|
|
11358
11371
|
}
|
|
11359
11372
|
else {
|
|
11360
11373
|
const field = this.column.field;
|
|
11361
|
-
const
|
|
11374
|
+
const fieldGetter = getter(field);
|
|
11375
|
+
const mapped = this.gridData.map(item => fieldGetter(item));
|
|
11362
11376
|
this.baseListData = [...new Set(mapped)].sort((a, b) => {
|
|
11363
11377
|
if (a > b) {
|
|
11364
11378
|
return 1;
|
|
@@ -24800,8 +24814,8 @@ const packageMetadata = {
|
|
|
24800
24814
|
productName: 'Kendo UI for Angular',
|
|
24801
24815
|
productCode: 'KENDOUIANGULAR',
|
|
24802
24816
|
productCodes: ['KENDOUIANGULAR'],
|
|
24803
|
-
publishDate:
|
|
24804
|
-
version: '24.
|
|
24817
|
+
publishDate: 1781873972,
|
|
24818
|
+
version: '24.2.0-develop.2',
|
|
24805
24819
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
24806
24820
|
};
|
|
24807
24821
|
|
|
@@ -24,6 +24,9 @@ export type FilterableSettings = boolean | 'row' | 'menu' | 'menu, row';
|
|
|
24
24
|
* - `multiCheckbox`—Renders a list of distinct column values with checkboxes for inclusion/exclusion filtering.
|
|
25
25
|
*/
|
|
26
26
|
export type FilterVariant = 'default' | 'multiCheckbox';
|
|
27
|
+
/**
|
|
28
|
+
* Configures the filter variant for a column.
|
|
29
|
+
*/
|
|
27
30
|
export interface FilterVariantSettings {
|
|
28
31
|
/**
|
|
29
32
|
* Specifies the filter menu variant.
|
|
@@ -43,6 +43,7 @@ export declare class DateFilterMenuInputComponent implements OnDestroy {
|
|
|
43
43
|
open(picker: DatePickerComponent): void;
|
|
44
44
|
messageFor(key: string): string;
|
|
45
45
|
get columnLabel(): string;
|
|
46
|
+
private isDatePickerMouseEvent;
|
|
46
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterMenuInputComponent, never>;
|
|
47
48
|
static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterMenuInputComponent, "kendo-grid-date-filter-menu-input", never, { "operators": { "alias": "operators"; "required": false; }; "column": { "alias": "column"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "currentFilter": { "alias": "currentFilter"; "required": false; }; "filterService": { "alias": "filterService"; "required": false; }; "menuTabbingService": { "alias": "menuTabbingService"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatPlaceholder": { "alias": "formatPlaceholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "bottomView": { "alias": "bottomView"; "required": false; }; "topView": { "alias": "topView"; "required": false; }; "weekNumber": { "alias": "weekNumber"; "required": false; }; "isFirstDropDown": { "alias": "isFirstDropDown"; "required": false; }; }, {}, never, never, true, never>;
|
|
48
49
|
}
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "24.
|
|
10
|
+
"publishDate": 1781873972,
|
|
11
|
+
"version": "24.2.0-develop.2",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "24.
|
|
3
|
+
"version": "24.2.0-develop.2",
|
|
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",
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"package": {
|
|
95
95
|
"productName": "Kendo UI for Angular",
|
|
96
96
|
"productCode": "KENDOUIANGULAR",
|
|
97
|
-
"publishDate":
|
|
97
|
+
"publishDate": 1781873972,
|
|
98
98
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
99
99
|
}
|
|
100
100
|
},
|
|
@@ -107,32 +107,32 @@
|
|
|
107
107
|
"@progress/kendo-data-query": "^1.7.3",
|
|
108
108
|
"@progress/kendo-drawing": "^1.25.0",
|
|
109
109
|
"@progress/kendo-licensing": "^1.11.0",
|
|
110
|
-
"@progress/kendo-angular-buttons": "24.
|
|
111
|
-
"@progress/kendo-angular-common": "24.
|
|
112
|
-
"@progress/kendo-angular-dateinputs": "24.
|
|
113
|
-
"@progress/kendo-angular-layout": "24.
|
|
114
|
-
"@progress/kendo-angular-navigation": "24.
|
|
115
|
-
"@progress/kendo-angular-dropdowns": "24.
|
|
116
|
-
"@progress/kendo-angular-excel-export": "24.
|
|
117
|
-
"@progress/kendo-angular-icons": "24.
|
|
118
|
-
"@progress/kendo-angular-indicators": "24.
|
|
119
|
-
"@progress/kendo-angular-inputs": "24.
|
|
120
|
-
"@progress/kendo-angular-conversational-ui": "24.
|
|
121
|
-
"@progress/kendo-angular-intl": "24.
|
|
122
|
-
"@progress/kendo-angular-l10n": "24.
|
|
123
|
-
"@progress/kendo-angular-label": "24.
|
|
124
|
-
"@progress/kendo-angular-menu": "24.
|
|
125
|
-
"@progress/kendo-angular-pager": "24.
|
|
126
|
-
"@progress/kendo-angular-pdf-export": "24.
|
|
127
|
-
"@progress/kendo-angular-popup": "24.
|
|
128
|
-
"@progress/kendo-angular-toolbar": "24.
|
|
129
|
-
"@progress/kendo-angular-upload": "24.
|
|
130
|
-
"@progress/kendo-angular-utils": "24.
|
|
110
|
+
"@progress/kendo-angular-buttons": "24.2.0-develop.2",
|
|
111
|
+
"@progress/kendo-angular-common": "24.2.0-develop.2",
|
|
112
|
+
"@progress/kendo-angular-dateinputs": "24.2.0-develop.2",
|
|
113
|
+
"@progress/kendo-angular-layout": "24.2.0-develop.2",
|
|
114
|
+
"@progress/kendo-angular-navigation": "24.2.0-develop.2",
|
|
115
|
+
"@progress/kendo-angular-dropdowns": "24.2.0-develop.2",
|
|
116
|
+
"@progress/kendo-angular-excel-export": "24.2.0-develop.2",
|
|
117
|
+
"@progress/kendo-angular-icons": "24.2.0-develop.2",
|
|
118
|
+
"@progress/kendo-angular-indicators": "24.2.0-develop.2",
|
|
119
|
+
"@progress/kendo-angular-inputs": "24.2.0-develop.2",
|
|
120
|
+
"@progress/kendo-angular-conversational-ui": "24.2.0-develop.2",
|
|
121
|
+
"@progress/kendo-angular-intl": "24.2.0-develop.2",
|
|
122
|
+
"@progress/kendo-angular-l10n": "24.2.0-develop.2",
|
|
123
|
+
"@progress/kendo-angular-label": "24.2.0-develop.2",
|
|
124
|
+
"@progress/kendo-angular-menu": "24.2.0-develop.2",
|
|
125
|
+
"@progress/kendo-angular-pager": "24.2.0-develop.2",
|
|
126
|
+
"@progress/kendo-angular-pdf-export": "24.2.0-develop.2",
|
|
127
|
+
"@progress/kendo-angular-popup": "24.2.0-develop.2",
|
|
128
|
+
"@progress/kendo-angular-toolbar": "24.2.0-develop.2",
|
|
129
|
+
"@progress/kendo-angular-upload": "24.2.0-develop.2",
|
|
130
|
+
"@progress/kendo-angular-utils": "24.2.0-develop.2",
|
|
131
131
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
132
132
|
},
|
|
133
133
|
"dependencies": {
|
|
134
134
|
"tslib": "^2.3.1",
|
|
135
|
-
"@progress/kendo-angular-schematics": "24.
|
|
135
|
+
"@progress/kendo-angular-schematics": "24.2.0-develop.2",
|
|
136
136
|
"@progress/kendo-common": "^1.0.1",
|
|
137
137
|
"@progress/kendo-file-saver": "^1.0.0",
|
|
138
138
|
"@progress/kendo-csv": "^1.0.0"
|
|
@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
9
9
|
function default_1(options) {
|
|
10
10
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
11
11
|
// peer deps of the dropdowns
|
|
12
|
-
'@progress/kendo-angular-treeview': '24.
|
|
13
|
-
'@progress/kendo-angular-navigation': '24.
|
|
12
|
+
'@progress/kendo-angular-treeview': '24.2.0-develop.2',
|
|
13
|
+
'@progress/kendo-angular-navigation': '24.2.0-develop.2',
|
|
14
14
|
// peer dependency of kendo-angular-inputs
|
|
15
|
-
'@progress/kendo-angular-dialog': '24.
|
|
15
|
+
'@progress/kendo-angular-dialog': '24.2.0-develop.2',
|
|
16
16
|
// peer dependency of kendo-angular-icons
|
|
17
17
|
'@progress/kendo-svg-icons': '^4.0.0',
|
|
18
18
|
// peer dependency of kendo-angular-layout
|
|
19
|
-
'@progress/kendo-angular-progressbar': '24.
|
|
19
|
+
'@progress/kendo-angular-progressbar': '24.2.0-develop.2',
|
|
20
20
|
// transitive peer dependencies from toolbar
|
|
21
|
-
'@progress/kendo-angular-indicators': '24.
|
|
21
|
+
'@progress/kendo-angular-indicators': '24.2.0-develop.2',
|
|
22
22
|
// transitive peer dependencies from conversational-ui
|
|
23
|
-
'@progress/kendo-angular-menu': '24.
|
|
24
|
-
'@progress/kendo-angular-upload': '24.
|
|
23
|
+
'@progress/kendo-angular-menu': '24.2.0-develop.2',
|
|
24
|
+
'@progress/kendo-angular-upload': '24.2.0-develop.2'
|
|
25
25
|
} });
|
|
26
26
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
27
27
|
}
|