@progress/kendo-angular-filter 2.3.1 → 11.0.0-develop.100
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/LICENSE.md +1 -1
- package/NOTICE.txt +4 -4
- package/README.md +1 -1
- 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/error-messages.d.ts +1 -1
- package/{esm2015/aria-label.directive.js → esm2020/aria-label.directive.mjs} +5 -5
- package/{esm2015/base-filter-row.component.js → esm2020/base-filter-row.component.mjs} +8 -6
- package/{esm2015/editors/boolean-editor.component.js → esm2020/editors/boolean-editor.component.mjs} +6 -5
- package/{esm2015/editors/date-editor.component.js → esm2020/editors/date-editor.component.mjs} +6 -5
- package/{esm2015/editors/numeric-editor.component.js → esm2020/editors/numeric-editor.component.mjs} +5 -4
- package/{esm2015/editors/text-editor.component.js → esm2020/editors/text-editor.component.mjs} +5 -4
- package/{esm2015/error-messages.js → esm2020/error-messages.mjs} +1 -1
- package/{esm2015/filter-expression-operators.component.js → esm2020/filter-expression-operators.component.mjs} +5 -4
- package/{esm2015/filter-expression.component.js → esm2020/filter-expression.component.mjs} +23 -13
- package/{esm2015/filter-field.component.js → esm2020/filter-field.component.mjs} +4 -4
- package/{esm2015/filter-group.component.js → esm2020/filter-group.component.mjs} +31 -9
- package/{esm2015/filter.component.js → esm2020/filter.component.mjs} +12 -10
- package/{esm2015/filter.module.js → esm2020/filter.module.mjs} +5 -5
- package/{esm2015/filter.service.js → esm2020/filter.service.mjs} +7 -7
- package/{esm2015/main.js → esm2020/index.mjs} +1 -1
- package/{esm2015/localization/custom-messages.component.js → esm2020/localization/custom-messages.component.mjs} +5 -4
- package/{esm2015/localization/localized-messages.directive.js → esm2020/localization/localized-messages.directive.mjs} +5 -4
- package/{esm2015/localization/messages.js → esm2020/localization/messages.mjs} +4 -4
- package/{esm2015/model/filter-expression.js → esm2020/model/filter-expression.mjs} +1 -1
- package/{esm2015/navigation.service.js → esm2020/navigation.service.mjs} +20 -15
- package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
- package/{esm2015/kendo-angular-filter.js → esm2020/progress-kendo-angular-filter.mjs} +2 -2
- package/{esm2015/shared.module.js → esm2020/shared.module.mjs} +5 -5
- package/{esm2015/templates/value-editor.template.js → esm2020/templates/value-editor.template.mjs} +5 -5
- package/{esm2015/util.js → esm2020/util.mjs} +4 -4
- package/fesm2015/{kendo-angular-filter.js → progress-kendo-angular-filter.mjs} +117 -86
- package/fesm2020/progress-kendo-angular-filter.mjs +2247 -0
- package/filter-expression-operators.component.d.ts +1 -1
- package/filter-expression.component.d.ts +6 -1
- package/filter-field.component.d.ts +1 -1
- package/filter-group.component.d.ts +14 -1
- package/filter.component.d.ts +1 -1
- package/filter.module.d.ts +1 -1
- package/filter.service.d.ts +1 -1
- package/{main.d.ts → index.d.ts} +1 -1
- package/localization/custom-messages.component.d.ts +1 -1
- package/localization/localized-messages.directive.d.ts +1 -1
- package/localization/messages.d.ts +1 -1
- package/model/filter-expression.d.ts +1 -1
- package/navigation.service.d.ts +1 -1
- package/package-metadata.d.ts +1 -1
- package/package.json +35 -60
- package/{kendo-angular-filter.d.ts → progress-kendo-angular-filter.d.ts} +2 -2
- package/schematics/ngAdd/index.js +4 -6
- package/shared.module.d.ts +1 -1
- package/templates/value-editor.template.d.ts +1 -1
- package/util.d.ts +1 -1
- package/bundles/kendo-angular-filter.umd.js +0 -5
- package/schematics/ngAdd/index.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
@@ -8,16 +8,17 @@ import * as i1 from '@progress/kendo-angular-l10n';
|
|
|
8
8
|
import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
10
10
|
import { Keys } from '@progress/kendo-angular-common';
|
|
11
|
+
import { xIcon, filterAddGroupIcon, filterAddExpressionIcon } from '@progress/kendo-svg-icons';
|
|
12
|
+
import * as i10 from '@progress/kendo-angular-buttons';
|
|
13
|
+
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
11
14
|
import * as i2 from '@progress/kendo-angular-dropdowns';
|
|
12
15
|
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
|
|
13
16
|
import * as i2$1 from '@progress/kendo-angular-inputs';
|
|
14
17
|
import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
15
18
|
import * as i2$2 from '@progress/kendo-angular-dateinputs';
|
|
16
19
|
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
|
|
17
|
-
import * as
|
|
20
|
+
import * as i12 from '@angular/common';
|
|
18
21
|
import { CommonModule } from '@angular/common';
|
|
19
|
-
import * as i12 from '@progress/kendo-angular-buttons';
|
|
20
|
-
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
21
22
|
import { LabelModule } from '@progress/kendo-angular-label';
|
|
22
23
|
|
|
23
24
|
/**
|
|
@@ -29,11 +30,11 @@ class FilterService {
|
|
|
29
30
|
this.filters = [];
|
|
30
31
|
}
|
|
31
32
|
addFilterGroup(item) {
|
|
32
|
-
|
|
33
|
+
const filterGroup = { logic: 'and', filters: [] };
|
|
33
34
|
item.filters.push(filterGroup);
|
|
34
35
|
}
|
|
35
36
|
addFilterExpression(item) {
|
|
36
|
-
|
|
37
|
+
const filterExpression = { operator: 'eq', value: null, field: null };
|
|
37
38
|
item.filters.push(filterExpression);
|
|
38
39
|
}
|
|
39
40
|
remove(item, positionIndex, parentItem) {
|
|
@@ -44,7 +45,7 @@ class FilterService {
|
|
|
44
45
|
parentItem.filters = [];
|
|
45
46
|
return;
|
|
46
47
|
}
|
|
47
|
-
|
|
48
|
+
const index = parentItem.filters.indexOf(item);
|
|
48
49
|
if (index >= 0 && index === positionIndex) {
|
|
49
50
|
parentItem.filters = parentItem.filters.filter((i) => i !== item);
|
|
50
51
|
return;
|
|
@@ -52,9 +53,9 @@ class FilterService {
|
|
|
52
53
|
parentItem.filters.forEach((filter) => filter.filters && this.remove(item, positionIndex, filter));
|
|
53
54
|
}
|
|
54
55
|
}
|
|
55
|
-
FilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
56
|
-
FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
FilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
57
|
+
FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterService });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterService, decorators: [{
|
|
58
59
|
type: Injectable
|
|
59
60
|
}] });
|
|
60
61
|
|
|
@@ -199,9 +200,9 @@ const isPresent = (value) => value !== null && value !== undefined;
|
|
|
199
200
|
*/
|
|
200
201
|
class FilterItem {
|
|
201
202
|
}
|
|
202
|
-
FilterItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
203
|
-
FilterItem.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
203
|
+
FilterItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterItem, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
204
|
+
FilterItem.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterItem });
|
|
205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterItem, decorators: [{
|
|
205
206
|
type: Injectable
|
|
206
207
|
}] });
|
|
207
208
|
/**
|
|
@@ -233,9 +234,9 @@ const packageMetadata = {
|
|
|
233
234
|
name: '@progress/kendo-angular-filter',
|
|
234
235
|
productName: 'Kendo UI for Angular',
|
|
235
236
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
236
|
-
publishDate:
|
|
237
|
+
publishDate: 1673469364,
|
|
237
238
|
version: '',
|
|
238
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license
|
|
239
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
239
240
|
};
|
|
240
241
|
|
|
241
242
|
class FilterValueEditorTemplateDirective {
|
|
@@ -243,9 +244,9 @@ class FilterValueEditorTemplateDirective {
|
|
|
243
244
|
this.templateRef = templateRef;
|
|
244
245
|
}
|
|
245
246
|
}
|
|
246
|
-
FilterValueEditorTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
247
|
-
FilterValueEditorTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
247
|
+
FilterValueEditorTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterValueEditorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
248
|
+
FilterValueEditorTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: FilterValueEditorTemplateDirective, selector: "[kendoFilterValueEditorTemplate]", ngImport: i0 });
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterValueEditorTemplateDirective, decorators: [{
|
|
249
250
|
type: Directive,
|
|
250
251
|
args: [{
|
|
251
252
|
selector: '[kendoFilterValueEditorTemplate]'
|
|
@@ -292,9 +293,9 @@ class FilterFieldComponent {
|
|
|
292
293
|
return this._title;
|
|
293
294
|
}
|
|
294
295
|
}
|
|
295
|
-
FilterFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
296
|
-
FilterFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
296
|
+
FilterFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
297
|
+
FilterFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterFieldComponent, selector: "kendo-filter-field", inputs: { field: "field", title: "title", editor: "editor", operators: "operators", editorFormat: "editorFormat" }, queries: [{ propertyName: "editorTemplate", first: true, predicate: FilterValueEditorTemplateDirective, descendants: true }], ngImport: i0, template: ``, isInline: true });
|
|
298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterFieldComponent, decorators: [{
|
|
298
299
|
type: Component,
|
|
299
300
|
args: [{
|
|
300
301
|
selector: 'kendo-filter-field',
|
|
@@ -331,7 +332,7 @@ class NavigationService {
|
|
|
331
332
|
}
|
|
332
333
|
processKeyDown(key, event) {
|
|
333
334
|
switch (key) {
|
|
334
|
-
case Keys.ArrowUp:
|
|
335
|
+
case Keys.ArrowUp: {
|
|
335
336
|
event.preventDefault();
|
|
336
337
|
if (!this.isInnerNavigationActivated) {
|
|
337
338
|
this.currentToolbarItemIndex > 0 ? this.currentToolbarItemIndex-- : this.currentToolbarItemIndex;
|
|
@@ -339,7 +340,8 @@ class NavigationService {
|
|
|
339
340
|
this.focusCurrentElement(elementToFocus);
|
|
340
341
|
}
|
|
341
342
|
break;
|
|
342
|
-
|
|
343
|
+
}
|
|
344
|
+
case Keys.ArrowDown: {
|
|
343
345
|
event.preventDefault();
|
|
344
346
|
if (!this.isInnerNavigationActivated) {
|
|
345
347
|
this.currentToolbarItemIndex < this.flattenFilterItems.length - 1 ? this.currentToolbarItemIndex++ : this.currentToolbarItemIndex;
|
|
@@ -347,7 +349,8 @@ class NavigationService {
|
|
|
347
349
|
this.focusCurrentElement(elementToFocus);
|
|
348
350
|
}
|
|
349
351
|
break;
|
|
350
|
-
|
|
352
|
+
}
|
|
353
|
+
case Keys.Enter: {
|
|
351
354
|
const isEventTargetFilterToolbar = event.target.closest(selectors.kendoToolbar);
|
|
352
355
|
if (!this.isInnerNavigationActivated && isEventTargetFilterToolbar) {
|
|
353
356
|
event.preventDefault();
|
|
@@ -372,7 +375,8 @@ class NavigationService {
|
|
|
372
375
|
this.focusCurrentElement(elementToFocus);
|
|
373
376
|
}
|
|
374
377
|
break;
|
|
375
|
-
|
|
378
|
+
}
|
|
379
|
+
case Keys.Escape: {
|
|
376
380
|
if (this.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
377
381
|
event.preventDefault();
|
|
378
382
|
this.isInnerNavigationActivated = false;
|
|
@@ -388,7 +392,8 @@ class NavigationService {
|
|
|
388
392
|
this.focusCurrentElement(elementToFocus);
|
|
389
393
|
}
|
|
390
394
|
break;
|
|
391
|
-
|
|
395
|
+
}
|
|
396
|
+
case Keys.ArrowRight: {
|
|
392
397
|
if (this.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
393
398
|
event.preventDefault();
|
|
394
399
|
this.currentToolbarItemChildrenIndex < this.flattenFilterItems[this.currentToolbarItemIndex].focusableChildren.length - 1 ? this.currentToolbarItemChildrenIndex++ : this.currentToolbarItemChildrenIndex;
|
|
@@ -396,7 +401,8 @@ class NavigationService {
|
|
|
396
401
|
this.focusCurrentElement(elementToFocus);
|
|
397
402
|
}
|
|
398
403
|
break;
|
|
399
|
-
|
|
404
|
+
}
|
|
405
|
+
case Keys.ArrowLeft: {
|
|
400
406
|
if (this.isInnerNavigationActivated && !this.isFilterExpressionComponentFocused) {
|
|
401
407
|
event.preventDefault();
|
|
402
408
|
this.currentToolbarItemChildrenIndex > 0 ? this.currentToolbarItemChildrenIndex-- : this.currentToolbarItemChildrenIndex;
|
|
@@ -404,6 +410,7 @@ class NavigationService {
|
|
|
404
410
|
this.focusCurrentElement(elementToFocus);
|
|
405
411
|
}
|
|
406
412
|
break;
|
|
413
|
+
}
|
|
407
414
|
default:
|
|
408
415
|
break;
|
|
409
416
|
}
|
|
@@ -421,7 +428,7 @@ class NavigationService {
|
|
|
421
428
|
flattenHierarchicalFilterItems(filterItems) {
|
|
422
429
|
filterItems.forEach((filterRow) => {
|
|
423
430
|
var _a, _b;
|
|
424
|
-
|
|
431
|
+
const flattenItem = { component: filterRow, isGroup: false, toolbarElement: filterRow.toolbarElement, focusableChildren: [] };
|
|
425
432
|
this.flattenFilterItems.push(flattenItem);
|
|
426
433
|
if ((filterRow['operators'] && ((_a = filterRow['filterItems']) === null || _a === void 0 ? void 0 : _a.length) > 0)) {
|
|
427
434
|
this.setGroupItemChildren(flattenItem, filterRow);
|
|
@@ -461,9 +468,9 @@ class NavigationService {
|
|
|
461
468
|
this.setItemIndexes();
|
|
462
469
|
}
|
|
463
470
|
}
|
|
464
|
-
NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
465
|
-
NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
466
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
471
|
+
NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationService, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
472
|
+
NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationService });
|
|
473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NavigationService, decorators: [{
|
|
467
474
|
type: Injectable
|
|
468
475
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; } });
|
|
469
476
|
|
|
@@ -509,7 +516,7 @@ class BaseFilterRowComponent {
|
|
|
509
516
|
const closestFilterToolbarItem = event.target.closest(selectors.kendoFilterToolbarItem);
|
|
510
517
|
const closestToolbarItem = event.target.closest(selectors.kendoToolbar);
|
|
511
518
|
if (closestFilterToolbarItem) {
|
|
512
|
-
|
|
519
|
+
const index = Array.from(closestToolbarItem.children).indexOf(closestFilterToolbarItem);
|
|
513
520
|
this.navigationService.currentToolbarItemChildrenIndex = index;
|
|
514
521
|
this.navigationService.isInnerNavigationActivated = true;
|
|
515
522
|
this.navigationService.isFilterExpressionComponentFocused = true;
|
|
@@ -530,9 +537,9 @@ class BaseFilterRowComponent {
|
|
|
530
537
|
this.navigationService.focusCurrentElement(elementToFocus, true);
|
|
531
538
|
}
|
|
532
539
|
}
|
|
533
|
-
BaseFilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
534
|
-
BaseFilterRowComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
540
|
+
BaseFilterRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BaseFilterRowComponent, deps: [{ token: i0.ElementRef }, { token: NavigationService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
541
|
+
BaseFilterRowComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: BaseFilterRowComponent, inputs: { index: "index" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BaseFilterRowComponent, decorators: [{
|
|
536
543
|
type: Directive,
|
|
537
544
|
args: [{}]
|
|
538
545
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: NavigationService }, { type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
|
|
@@ -554,9 +561,9 @@ class AriaLabelValueDirective {
|
|
|
554
561
|
this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
|
|
555
562
|
}
|
|
556
563
|
}
|
|
557
|
-
AriaLabelValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
558
|
-
AriaLabelValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
559
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
564
|
+
AriaLabelValueDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AriaLabelValueDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
565
|
+
AriaLabelValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, ngImport: i0 });
|
|
566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
|
|
560
567
|
type: Directive,
|
|
561
568
|
args: [{ selector: '[kendoAriaLabelValue]' }]
|
|
562
569
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ariaLabel: [{
|
|
@@ -583,8 +590,8 @@ class FilterExpressionOperatorsComponent {
|
|
|
583
590
|
this.valueChange.emit(value);
|
|
584
591
|
}
|
|
585
592
|
}
|
|
586
|
-
FilterExpressionOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
587
|
-
FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
593
|
+
FilterExpressionOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterExpressionOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
594
|
+
FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: { currentItem: "currentItem", editorType: "editorType", operators: "operators" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
588
595
|
<kendo-dropdownlist
|
|
589
596
|
[tabindex]="-1"
|
|
590
597
|
[kendoAriaLabelValue]="messageFor('filterOperatorAriaLabel')"
|
|
@@ -604,7 +611,7 @@ FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
|
|
|
604
611
|
</ng-template>
|
|
605
612
|
</kendo-dropdownlist>
|
|
606
613
|
`, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { type: i2.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }] });
|
|
607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterExpressionOperatorsComponent, decorators: [{
|
|
608
615
|
type: Component,
|
|
609
616
|
args: [{
|
|
610
617
|
selector: "kendo-filter-expression-operators",
|
|
@@ -655,8 +662,8 @@ class FilterTextEditorComponent {
|
|
|
655
662
|
this.valueChange.emit();
|
|
656
663
|
}
|
|
657
664
|
}
|
|
658
|
-
FilterTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
659
|
-
FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
665
|
+
FilterTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterTextEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
666
|
+
FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
660
667
|
<kendo-textbox
|
|
661
668
|
[tabindex]="-1"
|
|
662
669
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -665,7 +672,7 @@ FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
665
672
|
[disabled]="isDisabled">
|
|
666
673
|
</kendo-textbox>
|
|
667
674
|
`, isInline: true, components: [{ type: i2$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterTextEditorComponent, decorators: [{
|
|
669
676
|
type: Component,
|
|
670
677
|
args: [{
|
|
671
678
|
selector: 'kendo-filter-text-editor',
|
|
@@ -703,8 +710,8 @@ class FilterNumericEditorComponent {
|
|
|
703
710
|
this.valueChange.emit();
|
|
704
711
|
}
|
|
705
712
|
}
|
|
706
|
-
FilterNumericEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
707
|
-
FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
713
|
+
FilterNumericEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterNumericEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
714
|
+
FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
708
715
|
<kendo-numerictextbox
|
|
709
716
|
[tabindex]="-1"
|
|
710
717
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -718,7 +725,7 @@ FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
|
|
|
718
725
|
</kendo-numerictextbox-messages>
|
|
719
726
|
</kendo-numerictextbox>
|
|
720
727
|
`, isInline: true, components: [{ type: i2$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i2$1.NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterNumericEditorComponent, decorators: [{
|
|
722
729
|
type: Component,
|
|
723
730
|
args: [{
|
|
724
731
|
selector: 'kendo-filter-numeric-editor',
|
|
@@ -787,8 +794,8 @@ class FilterBooleanEditorComponent {
|
|
|
787
794
|
this.valueChange.emit();
|
|
788
795
|
}
|
|
789
796
|
}
|
|
790
|
-
FilterBooleanEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
791
|
-
FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
797
|
+
FilterBooleanEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterBooleanEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
798
|
+
FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
792
799
|
<kendo-dropdownlist
|
|
793
800
|
[tabindex]="-1"
|
|
794
801
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -802,7 +809,7 @@ FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
|
|
|
802
809
|
>
|
|
803
810
|
</kendo-dropdownlist>
|
|
804
811
|
`, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterBooleanEditorComponent, decorators: [{
|
|
806
813
|
type: Component,
|
|
807
814
|
args: [{
|
|
808
815
|
selector: 'kendo-filter-boolean-editor',
|
|
@@ -843,8 +850,8 @@ class FilterDateEditorComponent {
|
|
|
843
850
|
this.valueChange.emit();
|
|
844
851
|
}
|
|
845
852
|
}
|
|
846
|
-
FilterDateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
847
|
-
FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
853
|
+
FilterDateEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterDateEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
854
|
+
FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
848
855
|
<kendo-datepicker
|
|
849
856
|
[tabindex]="-1"
|
|
850
857
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -857,8 +864,8 @@ FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
857
864
|
[today]="messageFor('editorDateTodayText')">
|
|
858
865
|
</kendo-datepicker-messages>
|
|
859
866
|
</kendo-datepicker>
|
|
860
|
-
`, isInline: true, components: [{ type: i2$2.DatePickerComponent, selector: "kendo-datepicker", inputs: ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i2$2.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
867
|
+
`, isInline: true, components: [{ type: i2$2.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { type: i2$2.DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterDateEditorComponent, decorators: [{
|
|
862
869
|
type: Component,
|
|
863
870
|
args: [{
|
|
864
871
|
selector: 'kendo-filter-date-editor',
|
|
@@ -895,6 +902,10 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
895
902
|
super(element, navigationService, localization, renderer);
|
|
896
903
|
this.filterService = filterService;
|
|
897
904
|
this.cdr = cdr;
|
|
905
|
+
/**
|
|
906
|
+
* @hidden
|
|
907
|
+
*/
|
|
908
|
+
this.xIcon = xIcon;
|
|
898
909
|
this.operators = [];
|
|
899
910
|
this.filters = [];
|
|
900
911
|
this.isBoolean = false;
|
|
@@ -966,7 +977,7 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
966
977
|
}
|
|
967
978
|
}
|
|
968
979
|
normalizeOperators(filterEditor, operators) {
|
|
969
|
-
|
|
980
|
+
const result = [];
|
|
970
981
|
for (let j = 0; j < operators.length; j++) {
|
|
971
982
|
if (isFilterEditor(filterEditor)) {
|
|
972
983
|
result.push({
|
|
@@ -1008,7 +1019,7 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1008
1019
|
}
|
|
1009
1020
|
}
|
|
1010
1021
|
getEditorType() {
|
|
1011
|
-
|
|
1022
|
+
const item = this.filterService.filters.find((filterExpression) => filterExpression.field === this.currentItem.field);
|
|
1012
1023
|
return item.editor;
|
|
1013
1024
|
}
|
|
1014
1025
|
removeFilterExpression() {
|
|
@@ -1048,12 +1059,12 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1048
1059
|
}
|
|
1049
1060
|
}
|
|
1050
1061
|
setEditorTemplate() {
|
|
1051
|
-
|
|
1062
|
+
const filterExpression = this.filterService.filters.find((filter) => filter.field === this.currentItem.field);
|
|
1052
1063
|
this.editorTemplate = filterExpression.editorTemplate ? filterExpression.editorTemplate : null;
|
|
1053
1064
|
}
|
|
1054
1065
|
}
|
|
1055
|
-
FilterExpressionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1056
|
-
FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
1066
|
+
FilterExpressionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterExpressionComponent, deps: [{ token: FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1067
|
+
FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterExpressionComponent, selector: "kendo-filter-expression", inputs: { currentItem: "currentItem" }, providers: [{
|
|
1057
1068
|
provide: FilterItem,
|
|
1058
1069
|
useExisting: forwardRef(() => FilterExpressionComponent)
|
|
1059
1070
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -1100,6 +1111,7 @@ FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1100
1111
|
kendoButton
|
|
1101
1112
|
tabindex="-1"
|
|
1102
1113
|
icon="x"
|
|
1114
|
+
[svgIcon]="xIcon"
|
|
1103
1115
|
fillMode="flat"
|
|
1104
1116
|
[title]="messageFor('remove')"
|
|
1105
1117
|
(click)="removeFilterExpression()">
|
|
@@ -1107,8 +1119,8 @@ FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
1107
1119
|
</div>
|
|
1108
1120
|
</div>
|
|
1109
1121
|
</div>
|
|
1110
|
-
`, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: ["currentItem", "editorType", "operators"], outputs: ["valueChange"] }, { type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: ["currentItem", "isDisabled"], outputs: ["valueChange"] }, { type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: ["currentItem"], outputs: ["valueChange"] }, { type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }
|
|
1111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1122
|
+
`, isInline: true, components: [{ type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: ["currentItem", "editorType", "operators"], outputs: ["valueChange"] }, { type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: ["currentItem", "isDisabled"], outputs: ["valueChange"] }, { type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: ["currentItem"], outputs: ["valueChange"] }, { type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { type: i10.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], directives: [{ type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i12.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i10.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
|
|
1123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterExpressionComponent, decorators: [{
|
|
1112
1124
|
type: Component,
|
|
1113
1125
|
args: [{
|
|
1114
1126
|
providers: [{
|
|
@@ -1160,6 +1172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1160
1172
|
kendoButton
|
|
1161
1173
|
tabindex="-1"
|
|
1162
1174
|
icon="x"
|
|
1175
|
+
[svgIcon]="xIcon"
|
|
1163
1176
|
fillMode="flat"
|
|
1164
1177
|
[title]="messageFor('remove')"
|
|
1165
1178
|
(click)="removeFilterExpression()">
|
|
@@ -1181,6 +1194,18 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1181
1194
|
super(element, navigationService, localization, renderer);
|
|
1182
1195
|
this.filterService = filterService;
|
|
1183
1196
|
this.cdr = cdr;
|
|
1197
|
+
/**
|
|
1198
|
+
* @hidden
|
|
1199
|
+
*/
|
|
1200
|
+
this.xIcon = xIcon;
|
|
1201
|
+
/**
|
|
1202
|
+
* @hidden
|
|
1203
|
+
*/
|
|
1204
|
+
this.filterAddGroupIcon = filterAddGroupIcon;
|
|
1205
|
+
/**
|
|
1206
|
+
* @hidden
|
|
1207
|
+
*/
|
|
1208
|
+
this.filterAddExpressionIcon = filterAddExpressionIcon;
|
|
1184
1209
|
this.currentItem = {
|
|
1185
1210
|
logic: 'or',
|
|
1186
1211
|
filters: []
|
|
@@ -1251,8 +1276,8 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1251
1276
|
this.navigationService.focusCurrentElement(elementToFocus, true);
|
|
1252
1277
|
}
|
|
1253
1278
|
}
|
|
1254
|
-
FilterGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1255
|
-
FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
1279
|
+
FilterGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterGroupComponent, deps: [{ token: FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1280
|
+
FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: { currentItem: "currentItem" }, providers: [{
|
|
1256
1281
|
provide: FilterItem,
|
|
1257
1282
|
useExisting: forwardRef(() => FilterGroupComponent)
|
|
1258
1283
|
}], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -1280,6 +1305,7 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1280
1305
|
tabindex="-1"
|
|
1281
1306
|
[title]="messageFor('addFilter')"
|
|
1282
1307
|
icon="filter-add-expression"
|
|
1308
|
+
[svgIcon]="filterAddExpressionIcon"
|
|
1283
1309
|
(click)="addFilterExpression()">
|
|
1284
1310
|
{{messageFor('addFilter')}}
|
|
1285
1311
|
</button>
|
|
@@ -1290,6 +1316,7 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1290
1316
|
tabindex="-1"
|
|
1291
1317
|
[title]="messageFor('addGroup')"
|
|
1292
1318
|
icon="filter-add-group"
|
|
1319
|
+
[svgIcon]="filterAddGroupIcon"
|
|
1293
1320
|
(click)="addFilterGroup()">
|
|
1294
1321
|
{{messageFor('addGroup')}}
|
|
1295
1322
|
</button>
|
|
@@ -1299,6 +1326,7 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1299
1326
|
kendoButton
|
|
1300
1327
|
tabindex="-1"
|
|
1301
1328
|
icon="x"
|
|
1329
|
+
[svgIcon]="xIcon"
|
|
1302
1330
|
fillMode="flat"
|
|
1303
1331
|
[title]="messageFor('remove')"
|
|
1304
1332
|
(click)="removeFilterGroup()">
|
|
@@ -1323,8 +1351,8 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1323
1351
|
</li>
|
|
1324
1352
|
</ng-container>
|
|
1325
1353
|
</ul>
|
|
1326
|
-
`, isInline: true, components: [{ type:
|
|
1327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1354
|
+
`, isInline: true, components: [{ type: i10.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: FilterExpressionComponent, selector: "kendo-filter-expression", inputs: ["currentItem"] }, { type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }], directives: [{ type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterGroupComponent, decorators: [{
|
|
1328
1356
|
type: Component,
|
|
1329
1357
|
args: [{
|
|
1330
1358
|
providers: [{
|
|
@@ -1357,6 +1385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1357
1385
|
tabindex="-1"
|
|
1358
1386
|
[title]="messageFor('addFilter')"
|
|
1359
1387
|
icon="filter-add-expression"
|
|
1388
|
+
[svgIcon]="filterAddExpressionIcon"
|
|
1360
1389
|
(click)="addFilterExpression()">
|
|
1361
1390
|
{{messageFor('addFilter')}}
|
|
1362
1391
|
</button>
|
|
@@ -1367,6 +1396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1367
1396
|
tabindex="-1"
|
|
1368
1397
|
[title]="messageFor('addGroup')"
|
|
1369
1398
|
icon="filter-add-group"
|
|
1399
|
+
[svgIcon]="filterAddGroupIcon"
|
|
1370
1400
|
(click)="addFilterGroup()">
|
|
1371
1401
|
{{messageFor('addGroup')}}
|
|
1372
1402
|
</button>
|
|
@@ -1376,6 +1406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1376
1406
|
kendoButton
|
|
1377
1407
|
tabindex="-1"
|
|
1378
1408
|
icon="x"
|
|
1409
|
+
[svgIcon]="xIcon"
|
|
1379
1410
|
fillMode="flat"
|
|
1380
1411
|
[title]="messageFor('remove')"
|
|
1381
1412
|
(click)="removeFilterGroup()">
|
|
@@ -1414,9 +1445,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1414
1445
|
*/
|
|
1415
1446
|
class Messages extends ComponentMessages {
|
|
1416
1447
|
}
|
|
1417
|
-
Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1418
|
-
Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
1419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1448
|
+
Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
1449
|
+
Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", 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 });
|
|
1450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: Messages, decorators: [{
|
|
1420
1451
|
type: Directive,
|
|
1421
1452
|
args: [{
|
|
1422
1453
|
selector: '[kendoFilterMessages]'
|
|
@@ -1506,14 +1537,14 @@ class LocalizedMessagesDirective extends Messages {
|
|
|
1506
1537
|
this.service = service;
|
|
1507
1538
|
}
|
|
1508
1539
|
}
|
|
1509
|
-
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1510
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
1540
|
+
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1541
|
+
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LocalizedMessagesDirective, selector: "[kendoFilterLocalizedMessages]", providers: [
|
|
1511
1542
|
{
|
|
1512
1543
|
provide: Messages,
|
|
1513
1544
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
1514
1545
|
}
|
|
1515
1546
|
], usesInheritance: true, ngImport: i0 });
|
|
1516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
1517
1548
|
type: Directive,
|
|
1518
1549
|
args: [{
|
|
1519
1550
|
providers: [
|
|
@@ -1606,7 +1637,7 @@ class FilterComponent {
|
|
|
1606
1637
|
set filters(_filters) {
|
|
1607
1638
|
if (_filters.length > 0) {
|
|
1608
1639
|
this.filterService.filters = _filters.map(filterExpression => {
|
|
1609
|
-
|
|
1640
|
+
const clonedFilter = Object.assign({}, filterExpression);
|
|
1610
1641
|
if (!clonedFilter.title) {
|
|
1611
1642
|
clonedFilter.title = clonedFilter.field;
|
|
1612
1643
|
}
|
|
@@ -1742,8 +1773,8 @@ class FilterComponent {
|
|
|
1742
1773
|
return this.localization.get(key);
|
|
1743
1774
|
}
|
|
1744
1775
|
}
|
|
1745
|
-
FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1746
|
-
FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
1776
|
+
FilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterComponent, deps: [{ token: FilterService }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1777
|
+
FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FilterComponent, 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: [
|
|
1747
1778
|
LocalizationService,
|
|
1748
1779
|
{
|
|
1749
1780
|
provide: L10N_PREFIX,
|
|
@@ -1877,7 +1908,7 @@ FilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
1877
1908
|
</ul>
|
|
1878
1909
|
</div>
|
|
1879
1910
|
`, isInline: true, components: [{ type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoFilterLocalizedMessages]" }] });
|
|
1880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterComponent, decorators: [{
|
|
1881
1912
|
type: Component,
|
|
1882
1913
|
args: [{
|
|
1883
1914
|
providers: [
|
|
@@ -2053,14 +2084,14 @@ class CustomMessagesComponent extends Messages {
|
|
|
2053
2084
|
return true;
|
|
2054
2085
|
}
|
|
2055
2086
|
}
|
|
2056
|
-
CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2057
|
-
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
2087
|
+
CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2088
|
+
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CustomMessagesComponent, selector: "kendo-filter-messages", providers: [
|
|
2058
2089
|
{
|
|
2059
2090
|
provide: Messages,
|
|
2060
2091
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
2061
2092
|
}
|
|
2062
2093
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
2063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
2064
2095
|
type: Component,
|
|
2065
2096
|
args: [{
|
|
2066
2097
|
providers: [
|
|
@@ -2087,8 +2118,8 @@ const importedModules = [
|
|
|
2087
2118
|
*/
|
|
2088
2119
|
class SharedModule {
|
|
2089
2120
|
}
|
|
2090
|
-
SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2091
|
-
SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
2121
|
+
SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2122
|
+
SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [CommonModule,
|
|
2092
2123
|
InputsModule,
|
|
2093
2124
|
LabelModule,
|
|
2094
2125
|
DropDownsModule,
|
|
@@ -2099,13 +2130,13 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
2099
2130
|
DropDownsModule,
|
|
2100
2131
|
ButtonsModule,
|
|
2101
2132
|
DateInputsModule] });
|
|
2102
|
-
SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2133
|
+
SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[...importedModules], CommonModule,
|
|
2103
2134
|
InputsModule,
|
|
2104
2135
|
LabelModule,
|
|
2105
2136
|
DropDownsModule,
|
|
2106
2137
|
ButtonsModule,
|
|
2107
2138
|
DateInputsModule] });
|
|
2108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, decorators: [{
|
|
2109
2140
|
type: NgModule,
|
|
2110
2141
|
args: [{
|
|
2111
2142
|
imports: [...importedModules],
|
|
@@ -2146,8 +2177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2146
2177
|
*/
|
|
2147
2178
|
class FilterModule {
|
|
2148
2179
|
}
|
|
2149
|
-
FilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2150
|
-
FilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
2180
|
+
FilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2181
|
+
FilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterModule, declarations: [FilterComponent,
|
|
2151
2182
|
FilterNumericEditorComponent,
|
|
2152
2183
|
FilterTextEditorComponent,
|
|
2153
2184
|
FilterExpressionComponent,
|
|
@@ -2172,8 +2203,8 @@ FilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
2172
2203
|
AriaLabelValueDirective,
|
|
2173
2204
|
FilterFieldComponent,
|
|
2174
2205
|
FilterValueEditorTemplateDirective] });
|
|
2175
|
-
FilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2206
|
+
FilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterModule, imports: [[SharedModule]] });
|
|
2207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FilterModule, decorators: [{
|
|
2177
2208
|
type: NgModule,
|
|
2178
2209
|
args: [{
|
|
2179
2210
|
imports: [SharedModule],
|