@progress/kendo-angular-filter 17.0.0-develop.3 → 17.0.0-develop.31
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/README.md +35 -17
- package/aria-label.directive.d.ts +1 -1
- package/base-filter-row.component.d.ts +1 -1
- package/editors/boolean-editor.component.d.ts +1 -1
- package/editors/date-editor.component.d.ts +1 -1
- package/editors/numeric-editor.component.d.ts +1 -1
- package/editors/text-editor.component.d.ts +1 -1
- package/{esm2020 → esm2022}/aria-label.directive.mjs +6 -3
- package/{esm2020 → esm2022}/base-filter-row.component.mjs +10 -5
- package/{esm2020 → esm2022}/editors/boolean-editor.component.mjs +11 -7
- package/{esm2020 → esm2022}/editors/date-editor.component.mjs +9 -5
- package/{esm2020 → esm2022}/editors/numeric-editor.component.mjs +9 -5
- package/{esm2020 → esm2022}/editors/text-editor.component.mjs +8 -5
- package/{esm2020 → esm2022}/filter-expression-operators.component.mjs +9 -6
- package/{esm2020 → esm2022}/filter-expression.component.mjs +28 -20
- package/{esm2020 → esm2022}/filter-field.component.mjs +50 -3
- package/{esm2020 → esm2022}/filter-group.component.mjs +41 -36
- package/{esm2020 → esm2022}/filter.component.mjs +40 -29
- package/{esm2020 → esm2022}/filter.module.mjs +26 -26
- package/{esm2020 → esm2022}/filter.service.mjs +5 -7
- package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
- package/esm2022/localization/messages.mjs +243 -0
- package/{esm2020 → esm2022}/navigation.service.mjs +12 -9
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/templates/value-editor.template.mjs +4 -3
- package/{esm2020 → esm2022}/util.mjs +3 -3
- package/{fesm2020 → fesm2022}/progress-kendo-angular-filter.mjs +442 -193
- package/filter-expression-operators.component.d.ts +1 -1
- package/filter-expression.component.d.ts +1 -1
- package/filter-field.component.d.ts +1 -1
- package/filter-group.component.d.ts +1 -1
- package/filter.component.d.ts +1 -1
- package/localization/messages.d.ts +1 -1
- package/model/filter-expression.d.ts +2 -2
- package/package.json +19 -25
- package/schematics/ngAdd/index.js +4 -4
- package/util.d.ts +1 -1
- package/esm2020/localization/messages.mjs +0 -95
- package/fesm2015/progress-kendo-angular-filter.mjs +0 -2278
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/error-messages.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/model/filter-expression.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-filter.mjs +0 -0
|
@@ -20,34 +20,22 @@ import * as i3 from "@progress/kendo-angular-l10n";
|
|
|
20
20
|
* @hidden
|
|
21
21
|
*/
|
|
22
22
|
export class FilterGroupComponent extends BaseFilterRowComponent {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
this.currentItem = {
|
|
40
|
-
logic: 'or',
|
|
41
|
-
filters: []
|
|
42
|
-
};
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
this.trackByFunction = (index) => {
|
|
47
|
-
return index;
|
|
48
|
-
};
|
|
49
|
-
this.operators = [];
|
|
50
|
-
}
|
|
23
|
+
filterService;
|
|
24
|
+
cdr;
|
|
25
|
+
static ngAcceptInputType_currentItem;
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
xIcon = xIcon;
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
filterAddGroupIcon = filterAddGroupIcon;
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
filterAddExpressionIcon = filterAddExpressionIcon;
|
|
38
|
+
_filterItems;
|
|
51
39
|
get filterItems() {
|
|
52
40
|
return this._filterItems.toArray();
|
|
53
41
|
}
|
|
@@ -64,6 +52,23 @@ export class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
64
52
|
}
|
|
65
53
|
this.valueChange.emit(isRemoveOperation);
|
|
66
54
|
}
|
|
55
|
+
currentItem = {
|
|
56
|
+
logic: 'or',
|
|
57
|
+
filters: []
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* @hidden
|
|
61
|
+
*/
|
|
62
|
+
trackByFunction = (index) => {
|
|
63
|
+
return index;
|
|
64
|
+
};
|
|
65
|
+
operators = [];
|
|
66
|
+
localizationSubscription;
|
|
67
|
+
constructor(filterService, cdr, element, navigationService, localization, renderer) {
|
|
68
|
+
super(element, navigationService, localization, renderer);
|
|
69
|
+
this.filterService = filterService;
|
|
70
|
+
this.cdr = cdr;
|
|
71
|
+
}
|
|
67
72
|
ngOnInit() {
|
|
68
73
|
this.operators = this.getLogicOperators();
|
|
69
74
|
this.localizationSubscription = this.localization.changes.subscribe(() => {
|
|
@@ -118,12 +123,11 @@ export class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
118
123
|
this.navigationService.currentToolbarItemIndex = this.itemNumber;
|
|
119
124
|
this.navigationService.focusCurrentElement(elementToFocus, true);
|
|
120
125
|
}
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
}], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterGroupComponent, deps: [{ token: i1.FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.NavigationService }, { token: i3.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
127
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterGroupComponent, isStandalone: true, selector: "kendo-filter-group", inputs: { currentItem: "currentItem" }, providers: [{
|
|
128
|
+
provide: FilterItem,
|
|
129
|
+
useExisting: forwardRef(() => FilterGroupComponent)
|
|
130
|
+
}], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
127
131
|
<div class="k-filter-toolbar">
|
|
128
132
|
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
129
133
|
<div class="k-toolbar-button-group k-button-group k-button-group-solid" role="group">
|
|
@@ -193,8 +197,9 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
193
197
|
</li>
|
|
194
198
|
</ng-container>
|
|
195
199
|
</ul>
|
|
196
|
-
`, isInline: true, dependencies: [{ kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]
|
|
197
|
-
|
|
200
|
+
`, isInline: true, dependencies: [{ kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }, { 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"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterExpressionComponent, selector: "kendo-filter-expression", inputs: ["currentItem"] }] });
|
|
201
|
+
}
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterGroupComponent, decorators: [{
|
|
198
203
|
type: Component,
|
|
199
204
|
args: [{
|
|
200
205
|
providers: [{
|
|
@@ -53,23 +53,12 @@ import * as i3 from "./navigation.service";
|
|
|
53
53
|
* ```
|
|
54
54
|
*/
|
|
55
55
|
export class FilterComponent {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
this.renderer = renderer;
|
|
63
|
-
/**
|
|
64
|
-
* Fires every time the Filter component value is updated.
|
|
65
|
-
* That is each time a Filter Group or Filter Expression is added, removed, or updated.
|
|
66
|
-
*/
|
|
67
|
-
this.valueChange = new EventEmitter();
|
|
68
|
-
this._value = { filters: [], logic: 'and' };
|
|
69
|
-
this._currentFilter = { logic: 'and', filters: [] };
|
|
70
|
-
validatePackage(packageMetadata);
|
|
71
|
-
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
|
72
|
-
}
|
|
56
|
+
filterService;
|
|
57
|
+
localization;
|
|
58
|
+
cdr;
|
|
59
|
+
element;
|
|
60
|
+
navigationService;
|
|
61
|
+
renderer;
|
|
73
62
|
/**
|
|
74
63
|
* @hidden
|
|
75
64
|
*/
|
|
@@ -95,6 +84,7 @@ export class FilterComponent {
|
|
|
95
84
|
this.navigationService.processKeyDown(keyCode, event);
|
|
96
85
|
}
|
|
97
86
|
}
|
|
87
|
+
direction;
|
|
98
88
|
/**
|
|
99
89
|
* Specifies the available user-defined filters. At least one filter should be provided.
|
|
100
90
|
*/
|
|
@@ -131,12 +121,32 @@ export class FilterComponent {
|
|
|
131
121
|
get value() {
|
|
132
122
|
return this._value;
|
|
133
123
|
}
|
|
124
|
+
/**
|
|
125
|
+
* Fires every time the Filter component value is updated.
|
|
126
|
+
* That is each time a Filter Group or Filter Expression is added, removed, or updated.
|
|
127
|
+
*/
|
|
128
|
+
valueChange = new EventEmitter();
|
|
129
|
+
localizationSubscription;
|
|
130
|
+
filterFieldsSubscription;
|
|
131
|
+
_value = { filters: [], logic: 'and' };
|
|
132
|
+
filterFields;
|
|
133
|
+
_filterItems;
|
|
134
134
|
get filterItems() {
|
|
135
135
|
return this._filterItems.toArray();
|
|
136
136
|
}
|
|
137
137
|
get toolbarElement() {
|
|
138
138
|
return this.element.nativeElement.querySelector('.k-toolbar');
|
|
139
139
|
}
|
|
140
|
+
constructor(filterService, localization, cdr, element, navigationService, renderer) {
|
|
141
|
+
this.filterService = filterService;
|
|
142
|
+
this.localization = localization;
|
|
143
|
+
this.cdr = cdr;
|
|
144
|
+
this.element = element;
|
|
145
|
+
this.navigationService = navigationService;
|
|
146
|
+
this.renderer = renderer;
|
|
147
|
+
validatePackage(packageMetadata);
|
|
148
|
+
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
|
149
|
+
}
|
|
140
150
|
ngOnInit() {
|
|
141
151
|
this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
142
152
|
this.direction = rtl ? 'rtl' : 'ltr';
|
|
@@ -173,6 +183,7 @@ export class FilterComponent {
|
|
|
173
183
|
this.renderer.setAttribute(firstElement, 'tabindex', '0');
|
|
174
184
|
}
|
|
175
185
|
}
|
|
186
|
+
_currentFilter = { logic: 'and', filters: [] };
|
|
176
187
|
/**
|
|
177
188
|
* @hidden
|
|
178
189
|
*/
|
|
@@ -282,17 +293,16 @@ export class FilterComponent {
|
|
|
282
293
|
}
|
|
283
294
|
return false;
|
|
284
295
|
}
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
], queries: [{ propertyName: "filterFields", predicate: FilterFieldComponent }], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], ngImport: i0, template: `
|
|
296
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i3.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
297
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterComponent, isStandalone: true, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
|
|
298
|
+
LocalizationService,
|
|
299
|
+
{
|
|
300
|
+
provide: L10N_PREFIX,
|
|
301
|
+
useValue: 'kendo.filter'
|
|
302
|
+
},
|
|
303
|
+
FilterService,
|
|
304
|
+
NavigationService
|
|
305
|
+
], queries: [{ propertyName: "filterFields", predicate: FilterFieldComponent }], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], ngImport: i0, template: `
|
|
296
306
|
<ng-container kendoFilterLocalizedMessages
|
|
297
307
|
i18n-editorDateTodayText="kendo.filter.editorDateTodayText|The text of the Today button of the Date editor"
|
|
298
308
|
editorDateTodayText="Today"
|
|
@@ -418,7 +428,8 @@ FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
418
428
|
</ul>
|
|
419
429
|
</div>
|
|
420
430
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoFilterLocalizedMessages]" }, { kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }] });
|
|
421
|
-
|
|
431
|
+
}
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterComponent, decorators: [{
|
|
422
433
|
type: Component,
|
|
423
434
|
args: [{
|
|
424
435
|
providers: [
|
|
@@ -47,33 +47,33 @@ import * as i4 from "./templates/value-editor.template";
|
|
|
47
47
|
* ```
|
|
48
48
|
*/
|
|
49
49
|
export class FilterModule {
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FilterModule, imports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent, i4.FilterValueEditorTemplateDirective], exports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent, i4.FilterValueEditorTemplateDirective] });
|
|
52
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterModule, providers: [
|
|
53
|
+
// InputsModule providers
|
|
54
|
+
IconsService,
|
|
55
|
+
PopupService,
|
|
56
|
+
ResizeBatchService,
|
|
57
|
+
DialogContainerService,
|
|
58
|
+
DialogService,
|
|
59
|
+
WindowService,
|
|
60
|
+
WindowContainerService,
|
|
61
|
+
// DateInputsModule providers
|
|
62
|
+
CalendarDOMService,
|
|
63
|
+
CenturyViewService,
|
|
64
|
+
DecadeViewService,
|
|
65
|
+
MonthViewService,
|
|
66
|
+
YearViewService,
|
|
67
|
+
NavigationService,
|
|
68
|
+
TimePickerDOMService,
|
|
69
|
+
HoursService,
|
|
70
|
+
MinutesService,
|
|
71
|
+
SecondsService,
|
|
72
|
+
MillisecondsService,
|
|
73
|
+
DayPeriodService
|
|
74
|
+
], imports: [i1.FilterComponent] });
|
|
50
75
|
}
|
|
51
|
-
|
|
52
|
-
FilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, imports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent, i4.FilterValueEditorTemplateDirective], exports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent, i4.FilterValueEditorTemplateDirective] });
|
|
53
|
-
FilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, providers: [
|
|
54
|
-
// InputsModule providers
|
|
55
|
-
IconsService,
|
|
56
|
-
PopupService,
|
|
57
|
-
ResizeBatchService,
|
|
58
|
-
DialogContainerService,
|
|
59
|
-
DialogService,
|
|
60
|
-
WindowService,
|
|
61
|
-
WindowContainerService,
|
|
62
|
-
// DateInputsModule providers
|
|
63
|
-
CalendarDOMService,
|
|
64
|
-
CenturyViewService,
|
|
65
|
-
DecadeViewService,
|
|
66
|
-
MonthViewService,
|
|
67
|
-
YearViewService,
|
|
68
|
-
NavigationService,
|
|
69
|
-
TimePickerDOMService,
|
|
70
|
-
HoursService,
|
|
71
|
-
MinutesService,
|
|
72
|
-
SecondsService,
|
|
73
|
-
MillisecondsService,
|
|
74
|
-
DayPeriodService
|
|
75
|
-
], imports: [i1.FilterComponent, i2.FilterFieldComponent, i3.CustomMessagesComponent] });
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterModule, decorators: [{
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterModule, decorators: [{
|
|
77
77
|
type: NgModule,
|
|
78
78
|
args: [{
|
|
79
79
|
imports: [...KENDO_FILTER],
|
|
@@ -8,10 +8,8 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class FilterService {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
this.filters = [];
|
|
14
|
-
}
|
|
11
|
+
normalizedValue = { logic: 'and', filters: [] };
|
|
12
|
+
filters = [];
|
|
15
13
|
addFilterGroup(item) {
|
|
16
14
|
const filterGroup = { logic: 'and', filters: [] };
|
|
17
15
|
item.filters.push(filterGroup);
|
|
@@ -35,9 +33,9 @@ export class FilterService {
|
|
|
35
33
|
}
|
|
36
34
|
parentItem.filters.forEach((filter) => filter.filters && this.remove(item, positionIndex, filter));
|
|
37
35
|
}
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
37
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService });
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService });
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterService, decorators: [{
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterService, decorators: [{
|
|
42
40
|
type: Injectable
|
|
43
41
|
}] });
|
|
@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
12
12
|
* ([see example](slug:globalization_filter#toc-internationalization)).
|
|
13
13
|
*/
|
|
14
14
|
export class CustomMessagesComponent extends Messages {
|
|
15
|
+
service;
|
|
15
16
|
constructor(service) {
|
|
16
17
|
super();
|
|
17
18
|
this.service = service;
|
|
@@ -19,15 +20,15 @@ export class CustomMessagesComponent extends Messages {
|
|
|
19
20
|
get override() {
|
|
20
21
|
return true;
|
|
21
22
|
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-filter-messages", providers: [
|
|
25
|
+
{
|
|
26
|
+
provide: Messages,
|
|
27
|
+
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
28
|
+
}
|
|
29
|
+
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
22
30
|
}
|
|
23
|
-
|
|
24
|
-
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-filter-messages", providers: [
|
|
25
|
-
{
|
|
26
|
-
provide: Messages,
|
|
27
|
-
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
28
|
-
}
|
|
29
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
31
32
|
type: Component,
|
|
32
33
|
args: [{
|
|
33
34
|
providers: [
|
|
@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class LocalizedMessagesDirective extends Messages {
|
|
14
|
+
service;
|
|
14
15
|
constructor(service) {
|
|
15
16
|
super();
|
|
16
17
|
this.service = service;
|
|
17
18
|
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoFilterLocalizedMessages]", providers: [
|
|
21
|
+
{
|
|
22
|
+
provide: Messages,
|
|
23
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
24
|
+
}
|
|
25
|
+
], usesInheritance: true, ngImport: i0 });
|
|
18
26
|
}
|
|
19
|
-
|
|
20
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoFilterLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: Messages,
|
|
23
|
-
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
27
28
|
type: Directive,
|
|
28
29
|
args: [{
|
|
29
30
|
providers: [
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Directive } from '@angular/core';
|
|
6
|
+
import { Input } from '@angular/core';
|
|
7
|
+
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export class Messages extends ComponentMessages {
|
|
13
|
+
/**
|
|
14
|
+
* The text of the Filter Expression `operators` drop down title.
|
|
15
|
+
*/
|
|
16
|
+
filterExpressionOperators;
|
|
17
|
+
/**
|
|
18
|
+
* The text of the Filter Expression 'fields' drop down title.
|
|
19
|
+
*/
|
|
20
|
+
filterExpressionFilters;
|
|
21
|
+
/**
|
|
22
|
+
* The text of the `Remove` button.
|
|
23
|
+
*/
|
|
24
|
+
remove;
|
|
25
|
+
/**
|
|
26
|
+
* The text of the Filter Group `Add Group` button.
|
|
27
|
+
*/
|
|
28
|
+
addGroup;
|
|
29
|
+
/**
|
|
30
|
+
* The text of the Filter Group `Add Filter` button.
|
|
31
|
+
*/
|
|
32
|
+
addFilter;
|
|
33
|
+
/**
|
|
34
|
+
* The text of the `And` Filter Group logic.
|
|
35
|
+
*/
|
|
36
|
+
filterAndLogic;
|
|
37
|
+
/**
|
|
38
|
+
* The text of the `Or` Filter Group logic.
|
|
39
|
+
*/
|
|
40
|
+
filterOrLogic;
|
|
41
|
+
/**
|
|
42
|
+
* The text of the `Equal` (**Is equal to**) Filter Expression operator.
|
|
43
|
+
*/
|
|
44
|
+
filterEqOperator;
|
|
45
|
+
/**
|
|
46
|
+
* The text of the `NotEqual` (**Is not equal to**) Filter Expression operator.
|
|
47
|
+
*/
|
|
48
|
+
filterNotEqOperator;
|
|
49
|
+
/**
|
|
50
|
+
* The text of the `IsNull` (**Is null**) Filter Expression operator.
|
|
51
|
+
*/
|
|
52
|
+
filterIsNullOperator;
|
|
53
|
+
/**
|
|
54
|
+
* The text of the `IsNotNull` (**Is not null**) Filter Expression operator.
|
|
55
|
+
*/
|
|
56
|
+
filterIsNotNullOperator;
|
|
57
|
+
/**
|
|
58
|
+
* The text of the `IsEmpty` (**Is empty**) Filter Expression operator.
|
|
59
|
+
*/
|
|
60
|
+
filterIsEmptyOperator;
|
|
61
|
+
/**
|
|
62
|
+
* The text of the `IsNotEmpty` (**Is not empty**) Filter Expression operator.
|
|
63
|
+
*/
|
|
64
|
+
filterIsNotEmptyOperator;
|
|
65
|
+
/**
|
|
66
|
+
* The text of the `StartsWith` (**Starts with**) Filter Expression operator.
|
|
67
|
+
*/
|
|
68
|
+
filterStartsWithOperator;
|
|
69
|
+
/**
|
|
70
|
+
* The text of the `Contains` (**Contains**) Filter Expression operator.
|
|
71
|
+
*/
|
|
72
|
+
filterContainsOperator;
|
|
73
|
+
/**
|
|
74
|
+
* The text of the `DoesNotContain` (**Does not contain**) Filter Expression operator.
|
|
75
|
+
*/
|
|
76
|
+
filterNotContainsOperator;
|
|
77
|
+
/**
|
|
78
|
+
* The text of the `EndsWith` (**Ends with**) string Filter Expression operator.
|
|
79
|
+
*/
|
|
80
|
+
filterEndsWithOperator;
|
|
81
|
+
/**
|
|
82
|
+
* The text of the `GreaterOrEqualTo` (**Is greater than or equal to**) numeric Filter Expression operator.
|
|
83
|
+
*/
|
|
84
|
+
filterGteOperator;
|
|
85
|
+
/**
|
|
86
|
+
* The text of the `Greater` (**Is greater than**) numeric Filter Expression operator.
|
|
87
|
+
*/
|
|
88
|
+
filterGtOperator;
|
|
89
|
+
/**
|
|
90
|
+
* The text of the `LessOrEqualTo` (**Is less than or equal to**) numeric Filter Expression operator.
|
|
91
|
+
*/
|
|
92
|
+
filterLteOperator;
|
|
93
|
+
/**
|
|
94
|
+
* The text of the `Less` (**Is less than**) numeric Filter Expression operator.
|
|
95
|
+
*/
|
|
96
|
+
filterLtOperator;
|
|
97
|
+
/**
|
|
98
|
+
* The text of the `IsTrue` boolean Filter Expression option.
|
|
99
|
+
*/
|
|
100
|
+
filterIsTrue;
|
|
101
|
+
/**
|
|
102
|
+
* The text of the `IsFalse` boolean Filter Expression option.
|
|
103
|
+
*/
|
|
104
|
+
filterIsFalse;
|
|
105
|
+
/**
|
|
106
|
+
* The text of the `(All)` boolean Filter Expression option.
|
|
107
|
+
*/
|
|
108
|
+
filterBooleanAll;
|
|
109
|
+
/**
|
|
110
|
+
* The text of the `AfterOrEqualTo` (**Is after or equal to**) date Filter Expression operator.
|
|
111
|
+
*/
|
|
112
|
+
filterAfterOrEqualOperator;
|
|
113
|
+
/**
|
|
114
|
+
* The text of the `After` (**Is after**) date Filter Expression operator.
|
|
115
|
+
*/
|
|
116
|
+
filterAfterOperator;
|
|
117
|
+
/**
|
|
118
|
+
* The text of the `Before` (**Is before**) date Filter Expression operator.
|
|
119
|
+
*/
|
|
120
|
+
filterBeforeOperator;
|
|
121
|
+
/**
|
|
122
|
+
* The text of the `BeforeOrEqualTo` (**Is before or equal to**) date Filter Expression operator.
|
|
123
|
+
*/
|
|
124
|
+
filterBeforeOrEqualOperator;
|
|
125
|
+
/**
|
|
126
|
+
* The title of the Decrement button of the Filter Expression numeric editor.
|
|
127
|
+
*/
|
|
128
|
+
editorNumericDecrement;
|
|
129
|
+
/**
|
|
130
|
+
* The title of the Increment button of the Filter Expression numeric editor.
|
|
131
|
+
*/
|
|
132
|
+
editorNumericIncrement;
|
|
133
|
+
/**
|
|
134
|
+
* The text of the Today button of the Filter Expression date editor.
|
|
135
|
+
*/
|
|
136
|
+
editorDateTodayText;
|
|
137
|
+
/**
|
|
138
|
+
* The title of the Toggle button of the Filter Expression date editor.
|
|
139
|
+
*/
|
|
140
|
+
editorDateToggleText;
|
|
141
|
+
/**
|
|
142
|
+
* The text of the filter field aria label.
|
|
143
|
+
*/
|
|
144
|
+
filterFieldAriaLabel;
|
|
145
|
+
/**
|
|
146
|
+
* The text of the filter operator aria label.
|
|
147
|
+
*/
|
|
148
|
+
filterOperatorAriaLabel;
|
|
149
|
+
/**
|
|
150
|
+
* The text of the filter value aria label.
|
|
151
|
+
*/
|
|
152
|
+
filterValueAriaLabel;
|
|
153
|
+
/**
|
|
154
|
+
* The text of the filter row aria label.
|
|
155
|
+
*/
|
|
156
|
+
filterToolbarAriaLabel;
|
|
157
|
+
/**
|
|
158
|
+
* The text of the filter toolbar aria label.
|
|
159
|
+
*/
|
|
160
|
+
filterComponentAriaLabel;
|
|
161
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
162
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: Messages, selector: "[kendoFilterMessages]", inputs: { filterExpressionOperators: "filterExpressionOperators", filterExpressionFilters: "filterExpressionFilters", remove: "remove", addGroup: "addGroup", addFilter: "addFilter", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", editorNumericDecrement: "editorNumericDecrement", editorNumericIncrement: "editorNumericIncrement", editorDateTodayText: "editorDateTodayText", editorDateToggleText: "editorDateToggleText", filterFieldAriaLabel: "filterFieldAriaLabel", filterOperatorAriaLabel: "filterOperatorAriaLabel", filterValueAriaLabel: "filterValueAriaLabel", filterToolbarAriaLabel: "filterToolbarAriaLabel", filterComponentAriaLabel: "filterComponentAriaLabel" }, usesInheritance: true, ngImport: i0 });
|
|
163
|
+
}
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
|
|
165
|
+
type: Directive,
|
|
166
|
+
args: [{
|
|
167
|
+
selector: '[kendoFilterMessages]'
|
|
168
|
+
}]
|
|
169
|
+
}], propDecorators: { filterExpressionOperators: [{
|
|
170
|
+
type: Input
|
|
171
|
+
}], filterExpressionFilters: [{
|
|
172
|
+
type: Input
|
|
173
|
+
}], remove: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], addGroup: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], addFilter: [{
|
|
178
|
+
type: Input
|
|
179
|
+
}], filterAndLogic: [{
|
|
180
|
+
type: Input
|
|
181
|
+
}], filterOrLogic: [{
|
|
182
|
+
type: Input
|
|
183
|
+
}], filterEqOperator: [{
|
|
184
|
+
type: Input
|
|
185
|
+
}], filterNotEqOperator: [{
|
|
186
|
+
type: Input
|
|
187
|
+
}], filterIsNullOperator: [{
|
|
188
|
+
type: Input
|
|
189
|
+
}], filterIsNotNullOperator: [{
|
|
190
|
+
type: Input
|
|
191
|
+
}], filterIsEmptyOperator: [{
|
|
192
|
+
type: Input
|
|
193
|
+
}], filterIsNotEmptyOperator: [{
|
|
194
|
+
type: Input
|
|
195
|
+
}], filterStartsWithOperator: [{
|
|
196
|
+
type: Input
|
|
197
|
+
}], filterContainsOperator: [{
|
|
198
|
+
type: Input
|
|
199
|
+
}], filterNotContainsOperator: [{
|
|
200
|
+
type: Input
|
|
201
|
+
}], filterEndsWithOperator: [{
|
|
202
|
+
type: Input
|
|
203
|
+
}], filterGteOperator: [{
|
|
204
|
+
type: Input
|
|
205
|
+
}], filterGtOperator: [{
|
|
206
|
+
type: Input
|
|
207
|
+
}], filterLteOperator: [{
|
|
208
|
+
type: Input
|
|
209
|
+
}], filterLtOperator: [{
|
|
210
|
+
type: Input
|
|
211
|
+
}], filterIsTrue: [{
|
|
212
|
+
type: Input
|
|
213
|
+
}], filterIsFalse: [{
|
|
214
|
+
type: Input
|
|
215
|
+
}], filterBooleanAll: [{
|
|
216
|
+
type: Input
|
|
217
|
+
}], filterAfterOrEqualOperator: [{
|
|
218
|
+
type: Input
|
|
219
|
+
}], filterAfterOperator: [{
|
|
220
|
+
type: Input
|
|
221
|
+
}], filterBeforeOperator: [{
|
|
222
|
+
type: Input
|
|
223
|
+
}], filterBeforeOrEqualOperator: [{
|
|
224
|
+
type: Input
|
|
225
|
+
}], editorNumericDecrement: [{
|
|
226
|
+
type: Input
|
|
227
|
+
}], editorNumericIncrement: [{
|
|
228
|
+
type: Input
|
|
229
|
+
}], editorDateTodayText: [{
|
|
230
|
+
type: Input
|
|
231
|
+
}], editorDateToggleText: [{
|
|
232
|
+
type: Input
|
|
233
|
+
}], filterFieldAriaLabel: [{
|
|
234
|
+
type: Input
|
|
235
|
+
}], filterOperatorAriaLabel: [{
|
|
236
|
+
type: Input
|
|
237
|
+
}], filterValueAriaLabel: [{
|
|
238
|
+
type: Input
|
|
239
|
+
}], filterToolbarAriaLabel: [{
|
|
240
|
+
type: Input
|
|
241
|
+
}], filterComponentAriaLabel: [{
|
|
242
|
+
type: Input
|
|
243
|
+
}] } });
|
|
@@ -10,15 +10,18 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class NavigationService {
|
|
13
|
+
cdr;
|
|
14
|
+
renderer;
|
|
15
|
+
hierarchicalFilterItems = [];
|
|
16
|
+
flattenFilterItems = [];
|
|
17
|
+
currentToolbarItemIndex = 0;
|
|
18
|
+
currentToolbarItemChildrenIndex = 0;
|
|
19
|
+
isInnerNavigationActivated = true;
|
|
20
|
+
isFilterExpressionComponentFocused = false;
|
|
21
|
+
currentlyFocusedElement;
|
|
13
22
|
constructor(cdr, renderer) {
|
|
14
23
|
this.cdr = cdr;
|
|
15
24
|
this.renderer = renderer;
|
|
16
|
-
this.hierarchicalFilterItems = [];
|
|
17
|
-
this.flattenFilterItems = [];
|
|
18
|
-
this.currentToolbarItemIndex = 0;
|
|
19
|
-
this.currentToolbarItemChildrenIndex = 0;
|
|
20
|
-
this.isInnerNavigationActivated = true;
|
|
21
|
-
this.isFilterExpressionComponentFocused = false;
|
|
22
25
|
}
|
|
23
26
|
processKeyDown(key, event) {
|
|
24
27
|
switch (key) {
|
|
@@ -142,9 +145,9 @@ export class NavigationService {
|
|
|
142
145
|
this.flattenHierarchicalFilterItems(items);
|
|
143
146
|
this.setItemIndexes();
|
|
144
147
|
}
|
|
148
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
149
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
|
|
145
150
|
}
|
|
146
|
-
|
|
147
|
-
NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
|
|
148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
|
|
149
152
|
type: Injectable
|
|
150
153
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; } });
|