@progress/kendo-angular-filter 25.4.0-develop.1 → 25.4.0-develop.11
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.
|
@@ -3,7 +3,7 @@
|
|
|
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';
|
|
6
|
-
import { signal, Injectable, Directive, ContentChild, Input, Component, EventEmitter, Output, afterNextRender, ChangeDetectionStrategy, isDevMode, forwardRef, ViewChildren, ContentChildren, HostBinding, HostListener, NgModule } from '@angular/core';
|
|
6
|
+
import { signal, Injectable, Directive, ContentChild, Input, Component, EventEmitter, Output, afterNextRender, ChangeDetectionStrategy, computed, isDevMode, forwardRef, ViewChildren, ContentChildren, HostBinding, HostListener, NgModule } from '@angular/core';
|
|
7
7
|
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';
|
|
@@ -22,9 +22,9 @@ import { DialogContainerService, DialogService, WindowService, WindowContainerSe
|
|
|
22
22
|
* @hidden
|
|
23
23
|
*/
|
|
24
24
|
class FilterService {
|
|
25
|
-
_normalizedValue = signal({ logic: 'and', filters: [] }, ...(ngDevMode ? [{ debugName: "_normalizedValue" }] :
|
|
26
|
-
_filters = signal([], ...(ngDevMode ? [{ debugName: "_filters" }] :
|
|
27
|
-
_fieldTemplate = signal(null, ...(ngDevMode ? [{ debugName: "_fieldTemplate" }] :
|
|
25
|
+
_normalizedValue = signal({ logic: 'and', filters: [] }, ...(ngDevMode ? [{ debugName: "_normalizedValue" }] : []));
|
|
26
|
+
_filters = signal([], ...(ngDevMode ? [{ debugName: "_filters" }] : []));
|
|
27
|
+
_fieldTemplate = signal(null, ...(ngDevMode ? [{ debugName: "_fieldTemplate" }] : []));
|
|
28
28
|
set normalizedValue(value) { this._normalizedValue.set(value); }
|
|
29
29
|
get normalizedValue() { return this._normalizedValue(); }
|
|
30
30
|
set filters(value) { this._filters.set(value); }
|
|
@@ -54,10 +54,17 @@ class FilterService {
|
|
|
54
54
|
}
|
|
55
55
|
parentItem.filters.forEach((filter) => filter.filters && this.remove(item, positionIndex, filter));
|
|
56
56
|
}
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
replace(item, newItem, positionIndex, parentItem = this.normalizedValue) {
|
|
58
|
+
if (parentItem.filters[positionIndex] === item) {
|
|
59
|
+
parentItem.filters[positionIndex] = newItem;
|
|
60
|
+
return true;
|
|
61
|
+
}
|
|
62
|
+
return parentItem.filters.some((filter) => filter.filters && this.replace(item, newItem, positionIndex, filter));
|
|
63
|
+
}
|
|
64
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
65
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterService });
|
|
59
66
|
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterService, decorators: [{
|
|
61
68
|
type: Injectable
|
|
62
69
|
}] });
|
|
63
70
|
|
|
@@ -201,10 +208,10 @@ const isPresent = (value) => value !== null && value !== undefined;
|
|
|
201
208
|
* @hidden
|
|
202
209
|
*/
|
|
203
210
|
class FilterItem {
|
|
204
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
205
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
211
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterItem, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
212
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterItem });
|
|
206
213
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterItem, decorators: [{
|
|
208
215
|
type: Injectable
|
|
209
216
|
}] });
|
|
210
217
|
/**
|
|
@@ -238,8 +245,8 @@ const packageMetadata = {
|
|
|
238
245
|
productName: 'Kendo UI for Angular',
|
|
239
246
|
productCode: 'KENDOUIANGULAR',
|
|
240
247
|
productCodes: ['KENDOUIANGULAR'],
|
|
241
|
-
publishDate:
|
|
242
|
-
version: '25.4.0-develop.
|
|
248
|
+
publishDate: 1792569451,
|
|
249
|
+
version: '25.4.0-develop.11',
|
|
243
250
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
244
251
|
};
|
|
245
252
|
|
|
@@ -259,10 +266,10 @@ class FilterValueEditorTemplateDirective {
|
|
|
259
266
|
constructor(templateRef) {
|
|
260
267
|
this.templateRef = templateRef;
|
|
261
268
|
}
|
|
262
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
263
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
269
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterValueEditorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
270
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: FilterValueEditorTemplateDirective, isStandalone: true, selector: "[kendoFilterValueEditorTemplate]", ngImport: i0 });
|
|
264
271
|
}
|
|
265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterValueEditorTemplateDirective, decorators: [{
|
|
266
273
|
type: Directive,
|
|
267
274
|
args: [{
|
|
268
275
|
selector: '[kendoFilterValueEditorTemplate]',
|
|
@@ -301,10 +308,10 @@ class FilterOperatorTemplateDirective {
|
|
|
301
308
|
constructor(templateRef) {
|
|
302
309
|
this.templateRef = templateRef;
|
|
303
310
|
}
|
|
304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
305
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
311
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterOperatorTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
312
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: FilterOperatorTemplateDirective, isStandalone: true, selector: "[kendoFilterOperatorTemplate]", ngImport: i0 });
|
|
306
313
|
}
|
|
307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterOperatorTemplateDirective, decorators: [{
|
|
308
315
|
type: Directive,
|
|
309
316
|
args: [{
|
|
310
317
|
selector: '[kendoFilterOperatorTemplate]',
|
|
@@ -404,11 +411,11 @@ class FilterFieldComponent {
|
|
|
404
411
|
get editorFormat() {
|
|
405
412
|
return this._editorFormat();
|
|
406
413
|
}
|
|
407
|
-
_field = signal(undefined, ...(ngDevMode ? [{ debugName: "_field" }] :
|
|
408
|
-
_title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] :
|
|
409
|
-
_editor = signal(undefined, ...(ngDevMode ? [{ debugName: "_editor" }] :
|
|
410
|
-
_operators = signal(undefined, ...(ngDevMode ? [{ debugName: "_operators" }] :
|
|
411
|
-
_editorFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorFormat" }] :
|
|
414
|
+
_field = signal(undefined, ...(ngDevMode ? [{ debugName: "_field" }] : []));
|
|
415
|
+
_title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : []));
|
|
416
|
+
_editor = signal(undefined, ...(ngDevMode ? [{ debugName: "_editor" }] : []));
|
|
417
|
+
_operators = signal(undefined, ...(ngDevMode ? [{ debugName: "_operators" }] : []));
|
|
418
|
+
_editorFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorFormat" }] : []));
|
|
412
419
|
/**
|
|
413
420
|
* @hidden
|
|
414
421
|
*/
|
|
@@ -417,10 +424,10 @@ class FilterFieldComponent {
|
|
|
417
424
|
* @hidden
|
|
418
425
|
*/
|
|
419
426
|
operatorTemplate;
|
|
420
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
421
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
427
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
428
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", 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 }, { propertyName: "operatorTemplate", first: true, predicate: FilterOperatorTemplateDirective, descendants: true }], ngImport: i0, template: ``, isInline: true });
|
|
422
429
|
}
|
|
423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterFieldComponent, decorators: [{
|
|
424
431
|
type: Component,
|
|
425
432
|
args: [{
|
|
426
433
|
selector: 'kendo-filter-field',
|
|
@@ -593,10 +600,10 @@ class NavigationService {
|
|
|
593
600
|
this.flattenHierarchicalFilterItems(items);
|
|
594
601
|
this.setItemIndexes();
|
|
595
602
|
}
|
|
596
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
597
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
603
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
604
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService });
|
|
598
605
|
}
|
|
599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
606
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService, decorators: [{
|
|
600
607
|
type: Injectable
|
|
601
608
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }] });
|
|
602
609
|
|
|
@@ -627,7 +634,7 @@ class BaseFilterRowComponent {
|
|
|
627
634
|
get index() {
|
|
628
635
|
return this._index();
|
|
629
636
|
}
|
|
630
|
-
_index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] :
|
|
637
|
+
_index = signal(undefined, ...(ngDevMode ? [{ debugName: "_index" }] : []));
|
|
631
638
|
valueChange = new EventEmitter();
|
|
632
639
|
constructor(element, navigationService, localization, renderer) {
|
|
633
640
|
this.element = element;
|
|
@@ -672,10 +679,10 @@ class BaseFilterRowComponent {
|
|
|
672
679
|
this.navigationService.currentToolbarItemIndex = this.itemNumber;
|
|
673
680
|
this.navigationService.focusCurrentElement(elementToFocus, true);
|
|
674
681
|
}
|
|
675
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
676
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
682
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: BaseFilterRowComponent, deps: [{ token: i0.ElementRef }, { token: NavigationService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
683
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: BaseFilterRowComponent, isStandalone: true, inputs: { index: "index" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
677
684
|
}
|
|
678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: BaseFilterRowComponent, decorators: [{
|
|
679
686
|
type: Directive,
|
|
680
687
|
args: [{}]
|
|
681
688
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: NavigationService }, { type: i1.LocalizationService }, { type: i0.Renderer2 }], propDecorators: { index: [{
|
|
@@ -697,7 +704,7 @@ class AriaLabelValueDirective {
|
|
|
697
704
|
get ariaLabel() {
|
|
698
705
|
return this._ariaLabel();
|
|
699
706
|
}
|
|
700
|
-
_ariaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_ariaLabel" }] :
|
|
707
|
+
_ariaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_ariaLabel" }] : []));
|
|
701
708
|
constructor(hostElement, renderer, injector) {
|
|
702
709
|
this.hostElement = hostElement;
|
|
703
710
|
this.renderer = renderer;
|
|
@@ -709,10 +716,10 @@ class AriaLabelValueDirective {
|
|
|
709
716
|
this.renderer.setAttribute(target, 'aria-label', this.ariaLabel);
|
|
710
717
|
}, { injector: this.injector });
|
|
711
718
|
}
|
|
712
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
713
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
719
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AriaLabelValueDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
|
|
720
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: AriaLabelValueDirective, isStandalone: true, selector: "[kendoAriaLabelValue]", inputs: { ariaLabel: ["kendoAriaLabelValue", "ariaLabel"] }, ngImport: i0 });
|
|
714
721
|
}
|
|
715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
722
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: AriaLabelValueDirective, decorators: [{
|
|
716
723
|
type: Directive,
|
|
717
724
|
args: [{
|
|
718
725
|
selector: '[kendoAriaLabelValue]',
|
|
@@ -747,9 +754,9 @@ class FilterDateEditorComponent {
|
|
|
747
754
|
return this._format();
|
|
748
755
|
}
|
|
749
756
|
valueChange = new EventEmitter();
|
|
750
|
-
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
751
|
-
_isDisabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_isDisabled" }] :
|
|
752
|
-
_format = signal(undefined, ...(ngDevMode ? [{ debugName: "_format" }] :
|
|
757
|
+
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
758
|
+
_isDisabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : []));
|
|
759
|
+
_format = signal(undefined, ...(ngDevMode ? [{ debugName: "_format" }] : []));
|
|
753
760
|
constructor(localization) {
|
|
754
761
|
this.localization = localization;
|
|
755
762
|
}
|
|
@@ -760,8 +767,8 @@ class FilterDateEditorComponent {
|
|
|
760
767
|
this.currentItem.value = value;
|
|
761
768
|
this.valueChange.emit();
|
|
762
769
|
}
|
|
763
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
764
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
770
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterDateEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
771
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FilterDateEditorComponent, isStandalone: true, selector: "kendo-filter-date-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
765
772
|
<kendo-datepicker
|
|
766
773
|
[tabindex]="-1"
|
|
767
774
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -776,7 +783,7 @@ class FilterDateEditorComponent {
|
|
|
776
783
|
</kendo-datepicker>
|
|
777
784
|
`, 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", "adaptiveTitle", "adaptiveSubtitle", "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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
778
785
|
}
|
|
779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterDateEditorComponent, decorators: [{
|
|
780
787
|
type: Component,
|
|
781
788
|
args: [{
|
|
782
789
|
selector: 'kendo-filter-date-editor',
|
|
@@ -821,7 +828,7 @@ class FilterBooleanEditorComponent {
|
|
|
821
828
|
return this._currentItem();
|
|
822
829
|
}
|
|
823
830
|
valueChange = new EventEmitter();
|
|
824
|
-
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
831
|
+
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
825
832
|
get items() {
|
|
826
833
|
return [
|
|
827
834
|
{ text: this.getBooleanText(true), value: true },
|
|
@@ -851,8 +858,8 @@ class FilterBooleanEditorComponent {
|
|
|
851
858
|
this.currentItem.value = value;
|
|
852
859
|
this.valueChange.emit();
|
|
853
860
|
}
|
|
854
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
855
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
861
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterBooleanEditorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
862
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FilterBooleanEditorComponent, isStandalone: true, selector: "kendo-filter-boolean-editor", inputs: { currentItem: "currentItem" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
856
863
|
<kendo-dropdownlist
|
|
857
864
|
[tabindex]="-1"
|
|
858
865
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -868,7 +875,7 @@ class FilterBooleanEditorComponent {
|
|
|
868
875
|
</kendo-dropdownlist>
|
|
869
876
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
870
877
|
}
|
|
871
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterBooleanEditorComponent, decorators: [{
|
|
872
879
|
type: Component,
|
|
873
880
|
args: [{
|
|
874
881
|
selector: 'kendo-filter-boolean-editor',
|
|
@@ -921,9 +928,9 @@ class FilterNumericEditorComponent {
|
|
|
921
928
|
return this._format();
|
|
922
929
|
}
|
|
923
930
|
valueChange = new EventEmitter();
|
|
924
|
-
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
925
|
-
_isDisabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_isDisabled" }] :
|
|
926
|
-
_format = signal(undefined, ...(ngDevMode ? [{ debugName: "_format" }] :
|
|
931
|
+
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
932
|
+
_isDisabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : []));
|
|
933
|
+
_format = signal(undefined, ...(ngDevMode ? [{ debugName: "_format" }] : []));
|
|
927
934
|
constructor(localization) {
|
|
928
935
|
this.localization = localization;
|
|
929
936
|
}
|
|
@@ -934,8 +941,8 @@ class FilterNumericEditorComponent {
|
|
|
934
941
|
this.currentItem.value = value;
|
|
935
942
|
this.valueChange.emit();
|
|
936
943
|
}
|
|
937
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
938
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
944
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterNumericEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
945
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FilterNumericEditorComponent, isStandalone: true, selector: "kendo-filter-numeric-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled", format: "format" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
939
946
|
<kendo-numerictextbox
|
|
940
947
|
[tabindex]="-1"
|
|
941
948
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -950,7 +957,7 @@ class FilterNumericEditorComponent {
|
|
|
950
957
|
</kendo-numerictextbox>
|
|
951
958
|
`, 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
952
959
|
}
|
|
953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterNumericEditorComponent, decorators: [{
|
|
954
961
|
type: Component,
|
|
955
962
|
args: [{
|
|
956
963
|
selector: 'kendo-filter-numeric-editor',
|
|
@@ -1000,8 +1007,8 @@ class FilterTextEditorComponent {
|
|
|
1000
1007
|
return this._isDisabled();
|
|
1001
1008
|
}
|
|
1002
1009
|
valueChange = new EventEmitter();
|
|
1003
|
-
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
1004
|
-
_isDisabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_isDisabled" }] :
|
|
1010
|
+
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
1011
|
+
_isDisabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_isDisabled" }] : []));
|
|
1005
1012
|
constructor(localization) {
|
|
1006
1013
|
this.localization = localization;
|
|
1007
1014
|
}
|
|
@@ -1012,8 +1019,8 @@ class FilterTextEditorComponent {
|
|
|
1012
1019
|
this.currentItem.value = value;
|
|
1013
1020
|
this.valueChange.emit();
|
|
1014
1021
|
}
|
|
1015
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1016
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1022
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterTextEditorComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1023
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FilterTextEditorComponent, isStandalone: true, selector: "kendo-filter-text-editor", inputs: { currentItem: "currentItem", isDisabled: "isDisabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
1017
1024
|
<kendo-textbox
|
|
1018
1025
|
[tabindex]="-1"
|
|
1019
1026
|
[kendoAriaLabelValue]="messageFor('filterValueAriaLabel')"
|
|
@@ -1023,7 +1030,7 @@ class FilterTextEditorComponent {
|
|
|
1023
1030
|
</kendo-textbox>
|
|
1024
1031
|
`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1025
1032
|
}
|
|
1026
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterTextEditorComponent, decorators: [{
|
|
1027
1034
|
type: Component,
|
|
1028
1035
|
args: [{
|
|
1029
1036
|
selector: 'kendo-filter-text-editor',
|
|
@@ -1078,10 +1085,10 @@ class FilterExpressionOperatorsComponent {
|
|
|
1078
1085
|
get operatorTemplate() {
|
|
1079
1086
|
return this._operatorTemplate();
|
|
1080
1087
|
}
|
|
1081
|
-
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
1082
|
-
_editorType = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorType" }] :
|
|
1083
|
-
_operators = signal([], ...(ngDevMode ? [{ debugName: "_operators" }] :
|
|
1084
|
-
_operatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_operatorTemplate" }] :
|
|
1088
|
+
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
1089
|
+
_editorType = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorType" }] : []));
|
|
1090
|
+
_operators = signal([], ...(ngDevMode ? [{ debugName: "_operators" }] : []));
|
|
1091
|
+
_operatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_operatorTemplate" }] : []));
|
|
1085
1092
|
constructor(localization) {
|
|
1086
1093
|
this.localization = localization;
|
|
1087
1094
|
}
|
|
@@ -1094,8 +1101,8 @@ class FilterExpressionOperatorsComponent {
|
|
|
1094
1101
|
operatorValueChange(value) {
|
|
1095
1102
|
this.valueChange.emit(value);
|
|
1096
1103
|
}
|
|
1097
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1098
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1104
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterExpressionOperatorsComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FilterExpressionOperatorsComponent, isStandalone: true, selector: "kendo-filter-expression-operators", inputs: { currentItem: "currentItem", editorType: "editorType", operators: "operators", operatorTemplate: "operatorTemplate" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
|
|
1099
1106
|
@if (operatorTemplate) {
|
|
1100
1107
|
<ng-container
|
|
1101
1108
|
[ngTemplateOutlet]="operatorTemplate"
|
|
@@ -1123,7 +1130,7 @@ class FilterExpressionOperatorsComponent {
|
|
|
1123
1130
|
}
|
|
1124
1131
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1125
1132
|
}
|
|
1126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterExpressionOperatorsComponent, decorators: [{
|
|
1127
1134
|
type: Component,
|
|
1128
1135
|
args: [{
|
|
1129
1136
|
selector: "kendo-filter-expression-operators",
|
|
@@ -1184,11 +1191,8 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1184
1191
|
set currentItem(value) {
|
|
1185
1192
|
const previousField = this._currentItem()?.field;
|
|
1186
1193
|
this._currentItem.set(value);
|
|
1187
|
-
if (value) {
|
|
1188
|
-
this.
|
|
1189
|
-
if (this._initialized && value.field && value.field !== previousField) {
|
|
1190
|
-
this.applyFieldChange(value.field);
|
|
1191
|
-
}
|
|
1194
|
+
if (value && this._initialized && value.field && value.field !== previousField) {
|
|
1195
|
+
this.applyFieldChange(value.field);
|
|
1192
1196
|
}
|
|
1193
1197
|
}
|
|
1194
1198
|
get currentItem() {
|
|
@@ -1254,15 +1258,27 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1254
1258
|
}
|
|
1255
1259
|
return this.editorFormat;
|
|
1256
1260
|
}
|
|
1257
|
-
|
|
1261
|
+
// Handles field writes from field templates in the user's event handler, not during change detection.
|
|
1262
|
+
fieldTemplateItem = computed(() => new Proxy(this._currentItem(), {
|
|
1263
|
+
get: (_target, property) => this.currentItem[property],
|
|
1264
|
+
set: (_target, property, value) => {
|
|
1265
|
+
if (property === 'field') {
|
|
1266
|
+
this.onTemplateFieldChange(value);
|
|
1267
|
+
}
|
|
1268
|
+
else {
|
|
1269
|
+
this.currentItem[property] = value;
|
|
1270
|
+
}
|
|
1271
|
+
return true;
|
|
1272
|
+
}
|
|
1273
|
+
}), ...(ngDevMode ? [{ debugName: "fieldTemplateItem" }] : []));
|
|
1258
1274
|
_initialized = false;
|
|
1259
|
-
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
1260
|
-
_operators = signal([], ...(ngDevMode ? [{ debugName: "_operators" }] :
|
|
1261
|
-
_isBoolean = signal(false, ...(ngDevMode ? [{ debugName: "_isBoolean" }] :
|
|
1262
|
-
_isEditorDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_isEditorDisabled" }] :
|
|
1263
|
-
_editorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorTemplate" }] :
|
|
1264
|
-
_operatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_operatorTemplate" }] :
|
|
1265
|
-
_editorFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorFormat" }] :
|
|
1275
|
+
_currentItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
1276
|
+
_operators = signal([], ...(ngDevMode ? [{ debugName: "_operators" }] : []));
|
|
1277
|
+
_isBoolean = signal(false, ...(ngDevMode ? [{ debugName: "_isBoolean" }] : []));
|
|
1278
|
+
_isEditorDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_isEditorDisabled" }] : []));
|
|
1279
|
+
_editorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorTemplate" }] : []));
|
|
1280
|
+
_operatorTemplate = signal(undefined, ...(ngDevMode ? [{ debugName: "_operatorTemplate" }] : []));
|
|
1281
|
+
_editorFormat = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorFormat" }] : []));
|
|
1266
1282
|
isNumberFormat(obj) {
|
|
1267
1283
|
if (isDevMode() && obj &&
|
|
1268
1284
|
(obj['currency'] ||
|
|
@@ -1290,17 +1306,7 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1290
1306
|
this.filterService = filterService;
|
|
1291
1307
|
this.cdr = cdr;
|
|
1292
1308
|
}
|
|
1293
|
-
ngDoCheck() {
|
|
1294
|
-
if (this.fieldTemplate && this.currentItem) {
|
|
1295
|
-
const currentField = this.currentItem.field;
|
|
1296
|
-
if (currentField && currentField !== this._previousField) {
|
|
1297
|
-
this._previousField = currentField;
|
|
1298
|
-
this.filterValueChange(currentField);
|
|
1299
|
-
}
|
|
1300
|
-
}
|
|
1301
|
-
}
|
|
1302
1309
|
ngOnInit() {
|
|
1303
|
-
this._previousField = this.currentItem.field;
|
|
1304
1310
|
this.isEditorDisabled = nullOperators.indexOf(this.currentItem.operator) >= 0;
|
|
1305
1311
|
const foundFilter = this.getFilterExpressionByField(this.currentItem.field);
|
|
1306
1312
|
if (this.currentItem.field) {
|
|
@@ -1346,11 +1352,18 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1346
1352
|
this.applyFieldChange(value);
|
|
1347
1353
|
this.valueChange.emit();
|
|
1348
1354
|
}
|
|
1355
|
+
onTemplateFieldChange(field) {
|
|
1356
|
+
if (!field || field === this.currentItem.field) {
|
|
1357
|
+
return;
|
|
1358
|
+
}
|
|
1359
|
+
this.filterValueChange(field);
|
|
1360
|
+
}
|
|
1349
1361
|
applyFieldChange(field) {
|
|
1350
1362
|
const current = this._currentItem();
|
|
1351
1363
|
current.value = null;
|
|
1352
|
-
|
|
1353
|
-
this.
|
|
1364
|
+
const updated = { ...current };
|
|
1365
|
+
this.filterService.replace(current, updated, this.index);
|
|
1366
|
+
this._currentItem.set(updated);
|
|
1354
1367
|
this.setTemplates();
|
|
1355
1368
|
const foundFilter = this.getFilterExpressionByField(field);
|
|
1356
1369
|
this.setOperators(foundFilter);
|
|
@@ -1417,8 +1430,8 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1417
1430
|
this.editorTemplate = filterExpression?.editorTemplate;
|
|
1418
1431
|
this.operatorTemplate = filterExpression?.operatorTemplate;
|
|
1419
1432
|
}
|
|
1420
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1421
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1433
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterExpressionComponent, deps: [{ token: FilterService }, { token: i0.ElementRef }, { token: NavigationService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1434
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FilterExpressionComponent, isStandalone: true, selector: "kendo-filter-expression", inputs: { currentItem: "currentItem" }, providers: [{
|
|
1422
1435
|
provide: FilterItem,
|
|
1423
1436
|
useExisting: forwardRef(() => FilterExpressionComponent)
|
|
1424
1437
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -1428,7 +1441,7 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1428
1441
|
@if (fieldTemplate) {
|
|
1429
1442
|
<ng-container
|
|
1430
1443
|
[ngTemplateOutlet]="fieldTemplate"
|
|
1431
|
-
[ngTemplateOutletContext]="{$implicit:
|
|
1444
|
+
[ngTemplateOutletContext]="{$implicit: fieldTemplateItem(), filters: availableFilters}">
|
|
1432
1445
|
</ng-container>
|
|
1433
1446
|
} @else {
|
|
1434
1447
|
<kendo-dropdownlist
|
|
@@ -1496,7 +1509,7 @@ class FilterExpressionComponent extends BaseFilterRowComponent {
|
|
|
1496
1509
|
</div>
|
|
1497
1510
|
`, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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: "component", type: FilterExpressionOperatorsComponent, selector: "kendo-filter-expression-operators", inputs: ["currentItem", "editorType", "operators", "operatorTemplate"], outputs: ["valueChange"] }, { 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1498
1511
|
}
|
|
1499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1512
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterExpressionComponent, decorators: [{
|
|
1500
1513
|
type: Component,
|
|
1501
1514
|
args: [{
|
|
1502
1515
|
providers: [{
|
|
@@ -1512,7 +1525,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
1512
1525
|
@if (fieldTemplate) {
|
|
1513
1526
|
<ng-container
|
|
1514
1527
|
[ngTemplateOutlet]="fieldTemplate"
|
|
1515
|
-
[ngTemplateOutletContext]="{$implicit:
|
|
1528
|
+
[ngTemplateOutletContext]="{$implicit: fieldTemplateItem(), filters: availableFilters}">
|
|
1516
1529
|
</ng-container>
|
|
1517
1530
|
} @else {
|
|
1518
1531
|
<kendo-dropdownlist
|
|
@@ -1631,7 +1644,7 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1631
1644
|
_currentItem = signal({
|
|
1632
1645
|
logic: 'or',
|
|
1633
1646
|
filters: []
|
|
1634
|
-
}, ...(ngDevMode ? [{ debugName: "_currentItem" }] :
|
|
1647
|
+
}, ...(ngDevMode ? [{ debugName: "_currentItem" }] : []));
|
|
1635
1648
|
/**
|
|
1636
1649
|
* @hidden
|
|
1637
1650
|
*/
|
|
@@ -1686,8 +1699,8 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1686
1699
|
this.navigationService.currentToolbarItemIndex = this.itemNumber;
|
|
1687
1700
|
this.navigationService.focusCurrentElement(elementToFocus, true);
|
|
1688
1701
|
}
|
|
1689
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1690
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1702
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", 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 });
|
|
1703
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FilterGroupComponent, isStandalone: true, selector: "kendo-filter-group", inputs: { currentItem: "currentItem" }, providers: [{
|
|
1691
1704
|
provide: FilterItem,
|
|
1692
1705
|
useExisting: forwardRef(() => FilterGroupComponent)
|
|
1693
1706
|
}], viewQueries: [{ propertyName: "_filterItems", predicate: FilterItem, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -1769,7 +1782,7 @@ class FilterGroupComponent extends BaseFilterRowComponent {
|
|
|
1769
1782
|
}
|
|
1770
1783
|
`, isInline: true, dependencies: [{ kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FilterExpressionComponent, selector: "kendo-filter-expression", inputs: ["currentItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1771
1784
|
}
|
|
1772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterGroupComponent, decorators: [{
|
|
1773
1786
|
type: Component,
|
|
1774
1787
|
args: [{
|
|
1775
1788
|
providers: [{
|
|
@@ -2207,47 +2220,47 @@ class Messages extends ComponentMessages {
|
|
|
2207
2220
|
get filterComponentAriaLabel() {
|
|
2208
2221
|
return this._filterComponentAriaLabel();
|
|
2209
2222
|
}
|
|
2210
|
-
_filterExpressionOperators = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterExpressionOperators" }] :
|
|
2211
|
-
_filterExpressionFilters = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterExpressionFilters" }] :
|
|
2212
|
-
_remove = signal(undefined, ...(ngDevMode ? [{ debugName: "_remove" }] :
|
|
2213
|
-
_addGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "_addGroup" }] :
|
|
2214
|
-
_addFilter = signal(undefined, ...(ngDevMode ? [{ debugName: "_addFilter" }] :
|
|
2215
|
-
_filterAndLogic = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterAndLogic" }] :
|
|
2216
|
-
_filterOrLogic = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterOrLogic" }] :
|
|
2217
|
-
_filterEqOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterEqOperator" }] :
|
|
2218
|
-
_filterNotEqOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterNotEqOperator" }] :
|
|
2219
|
-
_filterIsNullOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsNullOperator" }] :
|
|
2220
|
-
_filterIsNotNullOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsNotNullOperator" }] :
|
|
2221
|
-
_filterIsEmptyOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsEmptyOperator" }] :
|
|
2222
|
-
_filterIsNotEmptyOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsNotEmptyOperator" }] :
|
|
2223
|
-
_filterStartsWithOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterStartsWithOperator" }] :
|
|
2224
|
-
_filterContainsOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterContainsOperator" }] :
|
|
2225
|
-
_filterNotContainsOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterNotContainsOperator" }] :
|
|
2226
|
-
_filterEndsWithOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterEndsWithOperator" }] :
|
|
2227
|
-
_filterGteOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterGteOperator" }] :
|
|
2228
|
-
_filterGtOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterGtOperator" }] :
|
|
2229
|
-
_filterLteOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterLteOperator" }] :
|
|
2230
|
-
_filterLtOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterLtOperator" }] :
|
|
2231
|
-
_filterIsTrue = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsTrue" }] :
|
|
2232
|
-
_filterIsFalse = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsFalse" }] :
|
|
2233
|
-
_filterBooleanAll = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterBooleanAll" }] :
|
|
2234
|
-
_filterAfterOrEqualOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterAfterOrEqualOperator" }] :
|
|
2235
|
-
_filterAfterOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterAfterOperator" }] :
|
|
2236
|
-
_filterBeforeOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterBeforeOperator" }] :
|
|
2237
|
-
_filterBeforeOrEqualOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterBeforeOrEqualOperator" }] :
|
|
2238
|
-
_editorNumericDecrement = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorNumericDecrement" }] :
|
|
2239
|
-
_editorNumericIncrement = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorNumericIncrement" }] :
|
|
2240
|
-
_editorDateTodayText = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorDateTodayText" }] :
|
|
2241
|
-
_editorDateToggleText = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorDateToggleText" }] :
|
|
2242
|
-
_filterFieldAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterFieldAriaLabel" }] :
|
|
2243
|
-
_filterOperatorAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterOperatorAriaLabel" }] :
|
|
2244
|
-
_filterValueAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterValueAriaLabel" }] :
|
|
2245
|
-
_filterToolbarAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterToolbarAriaLabel" }] :
|
|
2246
|
-
_filterComponentAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterComponentAriaLabel" }] :
|
|
2247
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2248
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2223
|
+
_filterExpressionOperators = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterExpressionOperators" }] : []));
|
|
2224
|
+
_filterExpressionFilters = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterExpressionFilters" }] : []));
|
|
2225
|
+
_remove = signal(undefined, ...(ngDevMode ? [{ debugName: "_remove" }] : []));
|
|
2226
|
+
_addGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "_addGroup" }] : []));
|
|
2227
|
+
_addFilter = signal(undefined, ...(ngDevMode ? [{ debugName: "_addFilter" }] : []));
|
|
2228
|
+
_filterAndLogic = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterAndLogic" }] : []));
|
|
2229
|
+
_filterOrLogic = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterOrLogic" }] : []));
|
|
2230
|
+
_filterEqOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterEqOperator" }] : []));
|
|
2231
|
+
_filterNotEqOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterNotEqOperator" }] : []));
|
|
2232
|
+
_filterIsNullOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsNullOperator" }] : []));
|
|
2233
|
+
_filterIsNotNullOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsNotNullOperator" }] : []));
|
|
2234
|
+
_filterIsEmptyOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsEmptyOperator" }] : []));
|
|
2235
|
+
_filterIsNotEmptyOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsNotEmptyOperator" }] : []));
|
|
2236
|
+
_filterStartsWithOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterStartsWithOperator" }] : []));
|
|
2237
|
+
_filterContainsOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterContainsOperator" }] : []));
|
|
2238
|
+
_filterNotContainsOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterNotContainsOperator" }] : []));
|
|
2239
|
+
_filterEndsWithOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterEndsWithOperator" }] : []));
|
|
2240
|
+
_filterGteOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterGteOperator" }] : []));
|
|
2241
|
+
_filterGtOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterGtOperator" }] : []));
|
|
2242
|
+
_filterLteOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterLteOperator" }] : []));
|
|
2243
|
+
_filterLtOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterLtOperator" }] : []));
|
|
2244
|
+
_filterIsTrue = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsTrue" }] : []));
|
|
2245
|
+
_filterIsFalse = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterIsFalse" }] : []));
|
|
2246
|
+
_filterBooleanAll = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterBooleanAll" }] : []));
|
|
2247
|
+
_filterAfterOrEqualOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterAfterOrEqualOperator" }] : []));
|
|
2248
|
+
_filterAfterOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterAfterOperator" }] : []));
|
|
2249
|
+
_filterBeforeOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterBeforeOperator" }] : []));
|
|
2250
|
+
_filterBeforeOrEqualOperator = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterBeforeOrEqualOperator" }] : []));
|
|
2251
|
+
_editorNumericDecrement = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorNumericDecrement" }] : []));
|
|
2252
|
+
_editorNumericIncrement = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorNumericIncrement" }] : []));
|
|
2253
|
+
_editorDateTodayText = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorDateTodayText" }] : []));
|
|
2254
|
+
_editorDateToggleText = signal(undefined, ...(ngDevMode ? [{ debugName: "_editorDateToggleText" }] : []));
|
|
2255
|
+
_filterFieldAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterFieldAriaLabel" }] : []));
|
|
2256
|
+
_filterOperatorAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterOperatorAriaLabel" }] : []));
|
|
2257
|
+
_filterValueAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterValueAriaLabel" }] : []));
|
|
2258
|
+
_filterToolbarAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterToolbarAriaLabel" }] : []));
|
|
2259
|
+
_filterComponentAriaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_filterComponentAriaLabel" }] : []));
|
|
2260
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2261
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: Messages, isStandalone: true, 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", removeGroup: "removeGroup", filterComponentAriaLabel: "filterComponentAriaLabel" }, usesInheritance: true, ngImport: i0 });
|
|
2249
2262
|
}
|
|
2250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: Messages, decorators: [{
|
|
2251
2264
|
type: Directive,
|
|
2252
2265
|
args: [{
|
|
2253
2266
|
selector: '[kendoFilterMessages]'
|
|
@@ -2339,15 +2352,15 @@ class LocalizedMessagesDirective extends Messages {
|
|
|
2339
2352
|
super();
|
|
2340
2353
|
this.service = service;
|
|
2341
2354
|
}
|
|
2342
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2343
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2356
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoFilterLocalizedMessages]", providers: [
|
|
2344
2357
|
{
|
|
2345
2358
|
provide: Messages,
|
|
2346
2359
|
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
2347
2360
|
}
|
|
2348
2361
|
], usesInheritance: true, ngImport: i0 });
|
|
2349
2362
|
}
|
|
2350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2363
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
2351
2364
|
type: Directive,
|
|
2352
2365
|
args: [{
|
|
2353
2366
|
providers: [
|
|
@@ -2392,10 +2405,10 @@ class FilterFieldsTemplateDirective {
|
|
|
2392
2405
|
constructor(templateRef) {
|
|
2393
2406
|
this.templateRef = templateRef;
|
|
2394
2407
|
}
|
|
2395
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2396
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2408
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterFieldsTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2409
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: FilterFieldsTemplateDirective, isStandalone: true, selector: "[kendoFilterFieldsTemplate]", ngImport: i0 });
|
|
2397
2410
|
}
|
|
2398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterFieldsTemplateDirective, decorators: [{
|
|
2399
2412
|
type: Directive,
|
|
2400
2413
|
args: [{
|
|
2401
2414
|
selector: '[kendoFilterFieldsTemplate]',
|
|
@@ -2526,8 +2539,8 @@ class FilterComponent {
|
|
|
2526
2539
|
valueChange = new EventEmitter();
|
|
2527
2540
|
localizationSubscription;
|
|
2528
2541
|
filterFieldsSubscription;
|
|
2529
|
-
_value = signal({ filters: [], logic: 'and' }, ...(ngDevMode ? [{ debugName: "_value" }] :
|
|
2530
|
-
_filters = signal([], ...(ngDevMode ? [{ debugName: "_filters" }] :
|
|
2542
|
+
_value = signal({ filters: [], logic: 'and' }, ...(ngDevMode ? [{ debugName: "_value" }] : []));
|
|
2543
|
+
_filters = signal([], ...(ngDevMode ? [{ debugName: "_filters" }] : []));
|
|
2531
2544
|
filterFields;
|
|
2532
2545
|
fieldTemplate;
|
|
2533
2546
|
_filterItems;
|
|
@@ -2590,7 +2603,7 @@ class FilterComponent {
|
|
|
2590
2603
|
this.renderer.setAttribute(firstElement, 'tabindex', '0');
|
|
2591
2604
|
}
|
|
2592
2605
|
}
|
|
2593
|
-
_currentFilter = signal({ logic: 'and', filters: [] }, ...(ngDevMode ? [{ debugName: "_currentFilter" }] :
|
|
2606
|
+
_currentFilter = signal({ logic: 'and', filters: [] }, ...(ngDevMode ? [{ debugName: "_currentFilter" }] : []));
|
|
2594
2607
|
/**
|
|
2595
2608
|
* @hidden
|
|
2596
2609
|
*/
|
|
@@ -2700,8 +2713,8 @@ class FilterComponent {
|
|
|
2700
2713
|
}
|
|
2701
2714
|
return false;
|
|
2702
2715
|
}
|
|
2703
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2704
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2716
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", 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 });
|
|
2717
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FilterComponent, isStandalone: true, selector: "kendo-filter", inputs: { filters: "filters", value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusout": "focusout($event)", "focusin": "focusin($event)", "keydown": "onKeydown($event)" }, properties: { "attr.dir": "this.direction" } }, providers: [
|
|
2705
2718
|
LocalizationService,
|
|
2706
2719
|
{
|
|
2707
2720
|
provide: L10N_PREFIX,
|
|
@@ -2840,7 +2853,7 @@ class FilterComponent {
|
|
|
2840
2853
|
</div>
|
|
2841
2854
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoFilterLocalizedMessages]" }, { kind: "component", type: FilterGroupComponent, selector: "kendo-filter-group", inputs: ["currentItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2842
2855
|
}
|
|
2843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2856
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterComponent, decorators: [{
|
|
2844
2857
|
type: Component,
|
|
2845
2858
|
args: [{
|
|
2846
2859
|
providers: [
|
|
@@ -2989,10 +3002,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
|
|
|
2989
3002
|
}]
|
|
2990
3003
|
}], ctorParameters: () => [{ type: FilterService }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NavigationService }, { type: i0.Renderer2 }], propDecorators: { focusout: [{
|
|
2991
3004
|
type: HostListener,
|
|
2992
|
-
args: ['focusout']
|
|
3005
|
+
args: ['focusout', ['$event']]
|
|
2993
3006
|
}], focusin: [{
|
|
2994
3007
|
type: HostListener,
|
|
2995
|
-
args: ['focusin']
|
|
3008
|
+
args: ['focusin', ['$event']]
|
|
2996
3009
|
}], onKeydown: [{
|
|
2997
3010
|
type: HostListener,
|
|
2998
3011
|
args: ['keydown', ['$event']]
|
|
@@ -3029,15 +3042,15 @@ class CustomMessagesComponent extends Messages {
|
|
|
3029
3042
|
get override() {
|
|
3030
3043
|
return true;
|
|
3031
3044
|
}
|
|
3032
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3033
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3045
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3046
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-filter-messages", providers: [
|
|
3034
3047
|
{
|
|
3035
3048
|
provide: Messages,
|
|
3036
3049
|
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
3037
3050
|
}
|
|
3038
3051
|
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
3039
3052
|
}
|
|
3040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
3041
3054
|
type: Component,
|
|
3042
3055
|
args: [{
|
|
3043
3056
|
providers: [
|
|
@@ -3097,9 +3110,9 @@ const KENDO_FILTER = [
|
|
|
3097
3110
|
* ```
|
|
3098
3111
|
*/
|
|
3099
3112
|
class FilterModule {
|
|
3100
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3101
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3102
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3114
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: FilterModule, imports: [FilterComponent, FilterFieldComponent, CustomMessagesComponent, FilterValueEditorTemplateDirective, FilterOperatorTemplateDirective, FilterFieldsTemplateDirective], exports: [FilterComponent, FilterFieldComponent, CustomMessagesComponent, FilterValueEditorTemplateDirective, FilterOperatorTemplateDirective, FilterFieldsTemplateDirective] });
|
|
3115
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterModule, providers: [
|
|
3103
3116
|
// InputsModule providers
|
|
3104
3117
|
IconsService,
|
|
3105
3118
|
PopupService,
|
|
@@ -3123,7 +3136,7 @@ class FilterModule {
|
|
|
3123
3136
|
DayPeriodService
|
|
3124
3137
|
], imports: [FilterComponent] });
|
|
3125
3138
|
}
|
|
3126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FilterModule, decorators: [{
|
|
3127
3140
|
type: NgModule,
|
|
3128
3141
|
args: [{
|
|
3129
3142
|
imports: [...KENDO_FILTER],
|
|
@@ -3,7 +3,7 @@
|
|
|
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';
|
|
6
|
-
import { TemplateRef, ChangeDetectorRef, Renderer2, OnInit, AfterContentInit, OnDestroy, EventEmitter, ElementRef, Injector
|
|
6
|
+
import { TemplateRef, ChangeDetectorRef, Renderer2, OnInit, AfterContentInit, OnDestroy, EventEmitter, ElementRef, Injector } from '@angular/core';
|
|
7
7
|
import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
|
|
9
9
|
import { FormatSettings } from '@progress/kendo-angular-dateinputs';
|
|
@@ -116,6 +116,7 @@ declare class FilterService {
|
|
|
116
116
|
addFilterGroup(item: CompositeFilterDescriptor): void;
|
|
117
117
|
addFilterExpression(item: CompositeFilterDescriptor): void;
|
|
118
118
|
remove(item: CompositeFilterDescriptor | FilterDescriptor, positionIndex: number, parentItem?: CompositeFilterDescriptor): void;
|
|
119
|
+
replace(item: FilterDescriptor, newItem: FilterDescriptor, positionIndex: number, parentItem?: CompositeFilterDescriptor): boolean;
|
|
119
120
|
static ɵfac: i0.ɵɵFactoryDeclaration<FilterService, never>;
|
|
120
121
|
static ɵprov: i0.ɵɵInjectableDeclaration<FilterService>;
|
|
121
122
|
}
|
|
@@ -925,7 +926,7 @@ declare class FilterExpressionOperatorsComponent {
|
|
|
925
926
|
/**
|
|
926
927
|
* @hidden
|
|
927
928
|
*/
|
|
928
|
-
declare class FilterExpressionComponent extends BaseFilterRowComponent implements OnInit
|
|
929
|
+
declare class FilterExpressionComponent extends BaseFilterRowComponent implements OnInit {
|
|
929
930
|
private filterService;
|
|
930
931
|
private cdr;
|
|
931
932
|
/**
|
|
@@ -953,7 +954,7 @@ declare class FilterExpressionComponent extends BaseFilterRowComponent implement
|
|
|
953
954
|
private get currentFilterExpression();
|
|
954
955
|
get numericEditorFormat(): string | NumberFormat;
|
|
955
956
|
get dateEditorFormat(): string | DateFormat;
|
|
956
|
-
|
|
957
|
+
fieldTemplateItem: i0.Signal<FilterDescriptor>;
|
|
957
958
|
private _initialized;
|
|
958
959
|
private _currentItem;
|
|
959
960
|
private _operators;
|
|
@@ -965,7 +966,6 @@ declare class FilterExpressionComponent extends BaseFilterRowComponent implement
|
|
|
965
966
|
private isNumberFormat;
|
|
966
967
|
private isDateFormat;
|
|
967
968
|
constructor(filterService: FilterService, element: ElementRef, navigationService: NavigationService, localization: LocalizationService, renderer: Renderer2, cdr: ChangeDetectorRef);
|
|
968
|
-
ngDoCheck(): void;
|
|
969
969
|
ngOnInit(): void;
|
|
970
970
|
normalizeOperators(filterEditor: FilterEditor, operators: FilterOperator[]): {
|
|
971
971
|
text: string;
|
|
@@ -973,6 +973,7 @@ declare class FilterExpressionComponent extends BaseFilterRowComponent implement
|
|
|
973
973
|
}[];
|
|
974
974
|
getFilterExpressionByField(name: string): FilterExpression | null;
|
|
975
975
|
filterValueChange(value: string): void;
|
|
976
|
+
private onTemplateFieldChange;
|
|
976
977
|
private applyFieldChange;
|
|
977
978
|
protected getDefaultOperators(operatorsType: FilterEditor): {
|
|
978
979
|
text: string;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "25.4.0-develop.
|
|
10
|
+
"publishDate": 1792569451,
|
|
11
|
+
"version": "25.4.0-develop.11",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-filter",
|
|
3
|
-
"version": "25.4.0-develop.
|
|
3
|
+
"version": "25.4.0-develop.11",
|
|
4
4
|
"description": "Kendo UI Angular Filter",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"package": {
|
|
33
33
|
"productName": "Kendo UI for Angular",
|
|
34
34
|
"productCode": "KENDOUIANGULAR",
|
|
35
|
-
"publishDate":
|
|
35
|
+
"publishDate": 1792569451,
|
|
36
36
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
@@ -43,33 +43,32 @@
|
|
|
43
43
|
"@angular/platform-browser": "20 - 22",
|
|
44
44
|
"@progress/kendo-data-query": "^1.7.3",
|
|
45
45
|
"@progress/kendo-licensing": "^1.11.0",
|
|
46
|
-
"@progress/kendo-angular-buttons": "25.4.0-develop.
|
|
47
|
-
"@progress/kendo-angular-common": "25.4.0-develop.
|
|
48
|
-
"@progress/kendo-angular-dateinputs": "25.4.0-develop.
|
|
49
|
-
"@progress/kendo-angular-dropdowns": "25.4.0-develop.
|
|
50
|
-
"@progress/kendo-angular-inputs": "25.4.0-develop.
|
|
51
|
-
"@progress/kendo-angular-intl": "25.4.0-develop.
|
|
52
|
-
"@progress/kendo-angular-l10n": "25.4.0-develop.
|
|
53
|
-
"@progress/kendo-angular-icons": "25.4.0-develop.
|
|
54
|
-
"@progress/kendo-angular-label": "25.4.0-develop.
|
|
46
|
+
"@progress/kendo-angular-buttons": "25.4.0-develop.11",
|
|
47
|
+
"@progress/kendo-angular-common": "25.4.0-develop.11",
|
|
48
|
+
"@progress/kendo-angular-dateinputs": "25.4.0-develop.11",
|
|
49
|
+
"@progress/kendo-angular-dropdowns": "25.4.0-develop.11",
|
|
50
|
+
"@progress/kendo-angular-inputs": "25.4.0-develop.11",
|
|
51
|
+
"@progress/kendo-angular-intl": "25.4.0-develop.11",
|
|
52
|
+
"@progress/kendo-angular-l10n": "25.4.0-develop.11",
|
|
53
|
+
"@progress/kendo-angular-icons": "25.4.0-develop.11",
|
|
54
|
+
"@progress/kendo-angular-label": "25.4.0-develop.11",
|
|
55
55
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"tslib": "^2.3.1",
|
|
59
|
-
"@progress/kendo-angular-schematics": "25.4.0-develop.
|
|
59
|
+
"@progress/kendo-angular-schematics": "25.4.0-develop.11"
|
|
60
60
|
},
|
|
61
61
|
"schematics": "./schematics/collection.json",
|
|
62
62
|
"module": "fesm2022/progress-kendo-angular-filter.mjs",
|
|
63
|
-
"typings": "
|
|
63
|
+
"typings": "index.d.ts",
|
|
64
64
|
"exports": {
|
|
65
65
|
"./package.json": {
|
|
66
66
|
"default": "./package.json"
|
|
67
67
|
},
|
|
68
68
|
".": {
|
|
69
|
-
"types": "./
|
|
69
|
+
"types": "./index.d.ts",
|
|
70
70
|
"default": "./fesm2022/progress-kendo-angular-filter.mjs"
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
|
-
"sideEffects": false
|
|
74
|
-
"type": "module"
|
|
73
|
+
"sideEffects": false
|
|
75
74
|
}
|
|
@@ -9,12 +9,12 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
9
9
|
function default_1(options) {
|
|
10
10
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'FilterModule', package: 'filter', peerDependencies: {
|
|
11
11
|
// peer deps of the dropdowns
|
|
12
|
-
'@progress/kendo-angular-treeview': '25.4.0-develop.
|
|
13
|
-
'@progress/kendo-angular-popup': '25.4.0-develop.
|
|
14
|
-
'@progress/kendo-angular-navigation': '25.4.0-develop.
|
|
12
|
+
'@progress/kendo-angular-treeview': '25.4.0-develop.11',
|
|
13
|
+
'@progress/kendo-angular-popup': '25.4.0-develop.11',
|
|
14
|
+
'@progress/kendo-angular-navigation': '25.4.0-develop.11',
|
|
15
15
|
// peer dependency of kendo-angular-inputs
|
|
16
16
|
'@progress/kendo-drawing': '^1.16.0',
|
|
17
|
-
'@progress/kendo-angular-dialog': '25.4.0-develop.
|
|
17
|
+
'@progress/kendo-angular-dialog': '25.4.0-develop.11',
|
|
18
18
|
// Peer dependency of icons
|
|
19
19
|
'@progress/kendo-svg-icons': '^4.0.0'
|
|
20
20
|
} });
|