@progress/kendo-angular-filter 17.0.0-develop.8 → 17.0.0
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/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 +27 -19
- package/{esm2020 → esm2022}/filter-field.component.mjs +50 -3
- package/{esm2020 → esm2022}/filter-group.component.mjs +40 -35
- 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 +440 -191
- 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 +5 -5
- 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
|
@@ -14,5 +14,5 @@ export declare class AriaLabelValueDirective {
|
|
|
14
14
|
constructor(hostElement: ElementRef, renderer: Renderer2);
|
|
15
15
|
ngOnInit(): void;
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<AriaLabelValueDirective, never>;
|
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AriaLabelValueDirective, "[kendoAriaLabelValue]", never, { "ariaLabel": "kendoAriaLabelValue"; }, {}, never, never, true, never>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AriaLabelValueDirective, "[kendoAriaLabelValue]", never, { "ariaLabel": { "alias": "kendoAriaLabelValue"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
18
|
}
|
|
@@ -22,5 +22,5 @@ export declare abstract class BaseFilterRowComponent {
|
|
|
22
22
|
messageFor(key: string): string;
|
|
23
23
|
onMouseDown(event: any): void;
|
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<BaseFilterRowComponent, never>;
|
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterRowComponent, never, never, { "index": "index"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterRowComponent, never, never, { "index": { "alias": "index"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
26
26
|
}
|
|
@@ -37,5 +37,5 @@ export declare class FilterBooleanEditorComponent {
|
|
|
37
37
|
messageFor(key: string): string;
|
|
38
38
|
onValueChange(value: string): void;
|
|
39
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterBooleanEditorComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterBooleanEditorComponent, "kendo-filter-boolean-editor", never, { "currentItem": "currentItem"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterBooleanEditorComponent, "kendo-filter-boolean-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
41
41
|
}
|
|
@@ -20,5 +20,5 @@ export declare class FilterDateEditorComponent {
|
|
|
20
20
|
messageFor(key: string): string;
|
|
21
21
|
onValueChange(value: Date): void;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterDateEditorComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateEditorComponent, "kendo-filter-date-editor", never, { "currentItem": "currentItem"; "isDisabled": "isDisabled"; "format": "format"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterDateEditorComponent, "kendo-filter-date-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
24
24
|
}
|
|
@@ -20,5 +20,5 @@ export declare class FilterNumericEditorComponent {
|
|
|
20
20
|
messageFor(key: string): string;
|
|
21
21
|
onValueChange(value: number): void;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterNumericEditorComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterNumericEditorComponent, "kendo-filter-numeric-editor", never, { "currentItem": "currentItem"; "isDisabled": "isDisabled"; "format": "format"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterNumericEditorComponent, "kendo-filter-numeric-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
24
24
|
}
|
|
@@ -18,5 +18,5 @@ export declare class FilterTextEditorComponent {
|
|
|
18
18
|
messageFor(key: string): string;
|
|
19
19
|
onValueChange(value: string): void;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterTextEditorComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FilterTextEditorComponent, "kendo-filter-text-editor", never, { "currentItem": "currentItem"; "isDisabled": "isDisabled"; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilterTextEditorComponent, "kendo-filter-text-editor", never, { "currentItem": { "alias": "currentItem"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
22
22
|
}
|
|
@@ -8,6 +8,9 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class AriaLabelValueDirective {
|
|
11
|
+
hostElement;
|
|
12
|
+
renderer;
|
|
13
|
+
ariaLabel;
|
|
11
14
|
constructor(hostElement, renderer) {
|
|
12
15
|
this.hostElement = hostElement;
|
|
13
16
|
this.renderer = renderer;
|
|
@@ -16,10 +19,10 @@ export class AriaLabelValueDirective {
|
|
|
16
19
|
const target = this.hostElement.nativeElement.querySelector('input') || this.hostElement.nativeElement;
|
|
17
20
|
this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
|
|
18
21
|
}
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AriaLabelValueDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
23
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AriaLabelValueDirective, isStandalone: true, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, ngImport: i0 });
|
|
19
24
|
}
|
|
20
|
-
|
|
21
|
-
AriaLabelValueDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AriaLabelValueDirective, isStandalone: true, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, ngImport: i0 });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
|
|
23
26
|
type: Directive,
|
|
24
27
|
args: [{
|
|
25
28
|
selector: '[kendoAriaLabelValue]',
|
|
@@ -13,14 +13,19 @@ import * as i2 from "@progress/kendo-angular-l10n";
|
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
15
|
export class BaseFilterRowComponent {
|
|
16
|
+
element;
|
|
17
|
+
navigationService;
|
|
18
|
+
localization;
|
|
19
|
+
renderer;
|
|
20
|
+
index;
|
|
21
|
+
valueChange = new EventEmitter();
|
|
16
22
|
constructor(element, navigationService, localization, renderer) {
|
|
17
23
|
this.element = element;
|
|
18
24
|
this.navigationService = navigationService;
|
|
19
25
|
this.localization = localization;
|
|
20
26
|
this.renderer = renderer;
|
|
21
|
-
this.valueChange = new EventEmitter();
|
|
22
|
-
this.itemNumber = 0;
|
|
23
27
|
}
|
|
28
|
+
itemNumber = 0;
|
|
24
29
|
get toolbarElement() {
|
|
25
30
|
return this.element.nativeElement.querySelector('.k-toolbar');
|
|
26
31
|
}
|
|
@@ -57,10 +62,10 @@ export class BaseFilterRowComponent {
|
|
|
57
62
|
this.navigationService.currentToolbarItemIndex = this.itemNumber;
|
|
58
63
|
this.navigationService.focusCurrentElement(elementToFocus, true);
|
|
59
64
|
}
|
|
65
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterRowComponent, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
66
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseFilterRowComponent, inputs: { index: "index" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
60
67
|
}
|
|
61
|
-
|
|
62
|
-
BaseFilterRowComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseFilterRowComponent, inputs: { index: "index" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterRowComponent, decorators: [{
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterRowComponent, decorators: [{
|
|
64
69
|
type: Directive,
|
|
65
70
|
args: [{}]
|
|
66
71
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NavigationService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { index: [{
|
|
@@ -12,12 +12,16 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
export class FilterBooleanEditorComponent {
|
|
15
|
+
localization;
|
|
16
|
+
cdr;
|
|
17
|
+
currentItem;
|
|
18
|
+
valueChange = new EventEmitter();
|
|
19
|
+
items = this.getValueItems();
|
|
20
|
+
defaultItem = this.getDefaultItem();
|
|
21
|
+
localizationSubscription;
|
|
15
22
|
constructor(localization, cdr) {
|
|
16
23
|
this.localization = localization;
|
|
17
24
|
this.cdr = cdr;
|
|
18
|
-
this.valueChange = new EventEmitter();
|
|
19
|
-
this.items = this.getValueItems();
|
|
20
|
-
this.defaultItem = this.getDefaultItem();
|
|
21
25
|
}
|
|
22
26
|
ngOnInit() {
|
|
23
27
|
this.localizationSubscription = this.localization.changes.subscribe(() => {
|
|
@@ -47,9 +51,8 @@ export class FilterBooleanEditorComponent {
|
|
|
47
51
|
this.currentItem.value = value;
|
|
48
52
|
this.valueChange.emit();
|
|
49
53
|
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterBooleanEditorComponent, isStandalone: true, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
54
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterBooleanEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterBooleanEditorComponent, isStandalone: true, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
53
56
|
<kendo-dropdownlist
|
|
54
57
|
[tabindex]="-1"
|
|
55
58
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -63,7 +66,8 @@ FilterBooleanEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
63
66
|
>
|
|
64
67
|
</kendo-dropdownlist>
|
|
65
68
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
66
|
-
|
|
69
|
+
}
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterBooleanEditorComponent, decorators: [{
|
|
67
71
|
type: Component,
|
|
68
72
|
args: [{
|
|
69
73
|
selector: 'kendo-filter-boolean-editor',
|
|
@@ -12,9 +12,13 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
export class FilterDateEditorComponent {
|
|
15
|
+
localization;
|
|
16
|
+
currentItem;
|
|
17
|
+
isDisabled;
|
|
18
|
+
format;
|
|
19
|
+
valueChange = new EventEmitter();
|
|
15
20
|
constructor(localization) {
|
|
16
21
|
this.localization = localization;
|
|
17
|
-
this.valueChange = new EventEmitter();
|
|
18
22
|
}
|
|
19
23
|
messageFor(key) {
|
|
20
24
|
return this.localization.get(key);
|
|
@@ -23,9 +27,8 @@ export class FilterDateEditorComponent {
|
|
|
23
27
|
this.currentItem.value = value;
|
|
24
28
|
this.valueChange.emit();
|
|
25
29
|
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterDateEditorComponent, isStandalone: true, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterDateEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterDateEditorComponent, isStandalone: true, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
29
32
|
<kendo-datepicker
|
|
30
33
|
[tabindex]="-1"
|
|
31
34
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -39,7 +42,8 @@ FilterDateEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
39
42
|
</kendo-datepicker-messages>
|
|
40
43
|
</kendo-datepicker>
|
|
41
44
|
`, isInline: true, dependencies: [{ kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
|
|
42
|
-
|
|
45
|
+
}
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterDateEditorComponent, decorators: [{
|
|
43
47
|
type: Component,
|
|
44
48
|
args: [{
|
|
45
49
|
selector: 'kendo-filter-date-editor',
|
|
@@ -12,9 +12,13 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
export class FilterNumericEditorComponent {
|
|
15
|
+
localization;
|
|
16
|
+
currentItem;
|
|
17
|
+
isDisabled;
|
|
18
|
+
format;
|
|
19
|
+
valueChange = new EventEmitter();
|
|
15
20
|
constructor(localization) {
|
|
16
21
|
this.localization = localization;
|
|
17
|
-
this.valueChange = new EventEmitter();
|
|
18
22
|
}
|
|
19
23
|
messageFor(key) {
|
|
20
24
|
return this.localization.get(key);
|
|
@@ -23,9 +27,8 @@ export class FilterNumericEditorComponent {
|
|
|
23
27
|
this.currentItem.value = value;
|
|
24
28
|
this.valueChange.emit();
|
|
25
29
|
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterNumericEditorComponent, isStandalone: true, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterNumericEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterNumericEditorComponent, isStandalone: true, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
29
32
|
<kendo-numerictextbox
|
|
30
33
|
[tabindex]="-1"
|
|
31
34
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -39,7 +42,8 @@ FilterNumericEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
39
42
|
</kendo-numerictextbox-messages>
|
|
40
43
|
</kendo-numerictextbox>
|
|
41
44
|
`, isInline: true, dependencies: [{ kind: "component", type: 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", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
|
|
42
|
-
|
|
45
|
+
}
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterNumericEditorComponent, decorators: [{
|
|
43
47
|
type: Component,
|
|
44
48
|
args: [{
|
|
45
49
|
selector: 'kendo-filter-numeric-editor',
|
|
@@ -12,9 +12,12 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
export class FilterTextEditorComponent {
|
|
15
|
+
localization;
|
|
16
|
+
currentItem;
|
|
17
|
+
isDisabled;
|
|
18
|
+
valueChange = new EventEmitter();
|
|
15
19
|
constructor(localization) {
|
|
16
20
|
this.localization = localization;
|
|
17
|
-
this.valueChange = new EventEmitter();
|
|
18
21
|
}
|
|
19
22
|
messageFor(key) {
|
|
20
23
|
return this.localization.get(key);
|
|
@@ -23,9 +26,8 @@ export class FilterTextEditorComponent {
|
|
|
23
26
|
this.currentItem.value = value;
|
|
24
27
|
this.valueChange.emit();
|
|
25
28
|
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterTextEditorComponent, isStandalone: true, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterTextEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterTextEditorComponent, isStandalone: true, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
29
31
|
<kendo-textbox
|
|
30
32
|
[tabindex]="-1"
|
|
31
33
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -34,7 +36,8 @@ FilterTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
34
36
|
[disabled]="isDisabled">
|
|
35
37
|
</kendo-textbox>
|
|
36
38
|
`, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }] });
|
|
37
|
-
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterTextEditorComponent, decorators: [{
|
|
38
41
|
type: Component,
|
|
39
42
|
args: [{
|
|
40
43
|
selector: 'kendo-filter-text-editor',
|
|
@@ -13,10 +13,13 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
15
|
export class FilterExpressionOperatorsComponent {
|
|
16
|
+
localization;
|
|
17
|
+
currentItem;
|
|
18
|
+
editorType;
|
|
19
|
+
valueChange = new EventEmitter();
|
|
20
|
+
operators = [];
|
|
16
21
|
constructor(localization) {
|
|
17
22
|
this.localization = localization;
|
|
18
|
-
this.valueChange = new EventEmitter();
|
|
19
|
-
this.operators = [];
|
|
20
23
|
}
|
|
21
24
|
messageFor(key) {
|
|
22
25
|
return this.localization.get(key);
|
|
@@ -27,9 +30,8 @@ export class FilterExpressionOperatorsComponent {
|
|
|
27
30
|
operatorValueChange(value) {
|
|
28
31
|
this.valueChange.emit(value);
|
|
29
32
|
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterExpressionOperatorsComponent, isStandalone: true, selector: "kendo-filter-expression-operators", inputs: { currentItem: "currentItem", editorType: "editorType", operators: "operators" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterExpressionOperatorsComponent, isStandalone: true, selector: "kendo-filter-expression-operators", inputs: { currentItem: "currentItem", editorType: "editorType", operators: "operators" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
33
35
|
<kendo-dropdownlist
|
|
34
36
|
[tabindex]="-1"
|
|
35
37
|
[kendoAriaLabelValue]="messageFor('filterOperatorAriaLabel')"
|
|
@@ -49,7 +51,8 @@ FilterExpressionOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
|
|
|
49
51
|
</ng-template>
|
|
50
52
|
</kendo-dropdownlist>
|
|
51
53
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "directive", type: ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }] });
|
|
52
|
-
|
|
54
|
+
}
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionOperatorsComponent, decorators: [{
|
|
53
56
|
type: Component,
|
|
54
57
|
args: [{
|
|
55
58
|
selector: "kendo-filter-expression-operators",
|
|
@@ -28,18 +28,20 @@ import * as i3 from "@progress/kendo-angular-l10n";
|
|
|
28
28
|
* @hidden
|
|
29
29
|
*/
|
|
30
30
|
export class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
31
|
+
filterService;
|
|
32
|
+
cdr;
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
xIcon = xIcon;
|
|
37
|
+
static ngAcceptInputType_currentItem;
|
|
38
|
+
currentItem;
|
|
39
|
+
operators = [];
|
|
40
|
+
isBoolean = false;
|
|
41
|
+
editorType;
|
|
42
|
+
isEditorDisabled = false;
|
|
43
|
+
editorTemplate;
|
|
44
|
+
editorFormat;
|
|
43
45
|
get currentFilterExpression() {
|
|
44
46
|
return this.getFilterExpressionByField(this.currentItem.field);
|
|
45
47
|
}
|
|
@@ -79,6 +81,12 @@ export class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
79
81
|
return false;
|
|
80
82
|
}
|
|
81
83
|
}
|
|
84
|
+
localizationSubscription;
|
|
85
|
+
constructor(filterService, cdr, element, navigationService, localization, renderer) {
|
|
86
|
+
super(element, navigationService, localization, renderer);
|
|
87
|
+
this.filterService = filterService;
|
|
88
|
+
this.cdr = cdr;
|
|
89
|
+
}
|
|
82
90
|
ngOnInit() {
|
|
83
91
|
this.isEditorDisabled = nullOperators.indexOf(this.currentItem.operator) >= 0;
|
|
84
92
|
const foundFilter = this.getFilterExpressionByField(this.currentItem.field);
|
|
@@ -196,12 +204,11 @@ export class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
196
204
|
const filterExpression = this.filterService.filters.find((filter) => filter.field === this.currentItem.field);
|
|
197
205
|
this.editorTemplate = filterExpression?.editorTemplate;
|
|
198
206
|
}
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
}], usesInheritance: true, ngImport: i0, template: `
|
|
207
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionComponent, deps: [{ token: i1.FilterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.NavigationService }, { token: i3.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
208
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterExpressionComponent, isStandalone: true, selector: "kendo-filter-expression", inputs: { currentItem: "currentItem" }, providers: [{
|
|
209
|
+
provide: FilterItem,
|
|
210
|
+
useExisting: forwardRef(() => FilterExpressionComponent)
|
|
211
|
+
}], usesInheritance: true, ngImport: i0, template: `
|
|
205
212
|
<div class="k-filter-toolbar">
|
|
206
213
|
<div class="k-toolbar k-toolbar-md" role="toolbar" [attr.aria-label]="messageFor('filterToolbarAriaLabel')" (mousedown)="onMouseDown($event)">
|
|
207
214
|
<div class="k-filter-field k-toolbar-item" >
|
|
@@ -253,7 +260,8 @@ FilterExpressionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
253
260
|
</div>
|
|
254
261
|
</div>
|
|
255
262
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: AriaLabelValueDirective, selector: "[kendoAriaLabelValue]", inputs: ["kendoAriaLabelValue"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: ["currentItem", "editorType", "operators"], outputs: ["valueChange"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FilterTextEditorComponent, selector: "kendo-filter-text-editor", inputs: ["currentItem", "isDisabled"], outputs: ["valueChange"] }, { kind: "component", type: FilterNumericEditorComponent, selector: "kendo-filter-numeric-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { kind: "component", type: FilterBooleanEditorComponent, selector: "kendo-filter-boolean-editor", inputs: ["currentItem"], outputs: ["valueChange"] }, { kind: "component", type: FilterDateEditorComponent, selector: "kendo-filter-date-editor", inputs: ["currentItem", "isDisabled", "format"], outputs: ["valueChange"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { 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"] }] });
|
|
256
|
-
|
|
263
|
+
}
|
|
264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterExpressionComponent, decorators: [{
|
|
257
265
|
type: Component,
|
|
258
266
|
args: [{
|
|
259
267
|
providers: [{
|
|
@@ -30,6 +30,10 @@ import * as i0 from "@angular/core";
|
|
|
30
30
|
* ```
|
|
31
31
|
*/
|
|
32
32
|
export class FilterFieldComponent {
|
|
33
|
+
/**
|
|
34
|
+
* Specifies the `field` that will be used by the user-defined filter.
|
|
35
|
+
*/
|
|
36
|
+
field;
|
|
33
37
|
/**
|
|
34
38
|
* Specifies the `title` text that will be displayed by the user-defined filter.
|
|
35
39
|
* If the `title` isn't set, the value passed to `field` is used.
|
|
@@ -45,10 +49,53 @@ export class FilterFieldComponent {
|
|
|
45
49
|
get title() {
|
|
46
50
|
return this._title;
|
|
47
51
|
}
|
|
52
|
+
_title;
|
|
53
|
+
/**
|
|
54
|
+
* Specifies the user-defined filter `editor` type that will be used.
|
|
55
|
+
* The available options are 'string', 'number', 'boolean', and 'date'.
|
|
56
|
+
*/
|
|
57
|
+
editor;
|
|
58
|
+
/**
|
|
59
|
+
* Specifies the operators that will be available in the order of providing them.
|
|
60
|
+
* If no operators are provided, default operators are used for each filter type.
|
|
61
|
+
*
|
|
62
|
+
* The default string operators are:
|
|
63
|
+
* * `eq`— Is equal to
|
|
64
|
+
* * `neq`— Is not equal to
|
|
65
|
+
* * `isnull`— Is null
|
|
66
|
+
* * `isnotnull`— Is not null
|
|
67
|
+
* * `contains`— Contains
|
|
68
|
+
* * `doesnotcontain`— Does not contain
|
|
69
|
+
* * `startswith`— Starts with
|
|
70
|
+
* * `endswith`— Ends with
|
|
71
|
+
* * `isempty`— Is empty
|
|
72
|
+
* * `isnotempty`— Is not empty
|
|
73
|
+
*
|
|
74
|
+
* The default number and date operators are:
|
|
75
|
+
* * `eq`— Is equals to
|
|
76
|
+
* * `neq`— Is not equal to
|
|
77
|
+
* * `isnull`— Is null
|
|
78
|
+
* * `isnotnull`— Is not null
|
|
79
|
+
* * `gt`— Greater than
|
|
80
|
+
* * `gte`— Greater than or equal to
|
|
81
|
+
* * `lt`— Less than
|
|
82
|
+
* * `lte`— Less than or equal to
|
|
83
|
+
*
|
|
84
|
+
* The boolean operator is always set to `eq`
|
|
85
|
+
*/
|
|
86
|
+
operators;
|
|
87
|
+
/**
|
|
88
|
+
* Specifies the user-defined filter `editor` format that will be used. ([see example]({% slug filter_editor_formats %}))
|
|
89
|
+
*/
|
|
90
|
+
editorFormat;
|
|
91
|
+
/**
|
|
92
|
+
* @hidden
|
|
93
|
+
*/
|
|
94
|
+
editorTemplate;
|
|
95
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
96
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterFieldComponent, isStandalone: true, 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 });
|
|
48
97
|
}
|
|
49
|
-
|
|
50
|
-
FilterFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterFieldComponent, isStandalone: true, 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 });
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterFieldComponent, decorators: [{
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFieldComponent, decorators: [{
|
|
52
99
|
type: Component,
|
|
53
100
|
args: [{
|
|
54
101
|
selector: 'kendo-filter-field',
|
|
@@ -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">
|
|
@@ -194,7 +198,8 @@ FilterGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
194
198
|
</ng-container>
|
|
195
199
|
</ul>
|
|
196
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"] }] });
|
|
197
|
-
|
|
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: [{
|