@progress/kendo-angular-treelist 21.4.1-develop.1 → 22.0.0-develop.1
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/binding-directives/base-binding.directive.d.ts +1 -1
- package/column-menu/column-menu-item-base.d.ts +1 -1
- package/columns/column-base.d.ts +1 -1
- package/editing-directives/editing-directive-base.d.ts +1 -1
- package/editing-directives/row-editing-directive-base.d.ts +1 -1
- package/fesm2022/progress-kendo-angular-treelist.mjs +519 -519
- package/filtering/base-filter-cell.component.d.ts +1 -1
- package/filtering/boolean-filter.component.d.ts +1 -1
- package/filtering/date-filter.component.d.ts +1 -1
- package/filtering/filter-host.directive.d.ts +1 -1
- package/filtering/filter-input-wrapper.component.d.ts +1 -1
- package/filtering/numeric-filter.component.d.ts +1 -1
- package/filtering/operators/filter-operator.base.d.ts +1 -1
- package/filtering/string-filter.component.d.ts +1 -1
- package/localization/messages.d.ts +1 -1
- package/package.json +23 -31
- package/schematics/ngAdd/index.js +3 -3
- package/esm2022/binding-directives/base-binding.directive.mjs +0 -180
- package/esm2022/binding-directives/data-bound-tree-component.mjs +0 -18
- package/esm2022/binding-directives/flat-binding.directive.mjs +0 -130
- package/esm2022/binding-directives/hierarchy-binding.directive.mjs +0 -109
- package/esm2022/column-menu/column-chooser-item-checked.directive.mjs +0 -45
- package/esm2022/column-menu/column-chooser.component.mjs +0 -221
- package/esm2022/column-menu/column-list-kb-nav.service.mjs +0 -40
- package/esm2022/column-menu/column-list.component.mjs +0 -380
- package/esm2022/column-menu/column-locked-change-event.mjs +0 -21
- package/esm2022/column-menu/column-menu-autosize-all.component.mjs +0 -78
- package/esm2022/column-menu/column-menu-autosize.component.mjs +0 -86
- package/esm2022/column-menu/column-menu-chooser.component.mjs +0 -164
- package/esm2022/column-menu/column-menu-container.component.mjs +0 -58
- package/esm2022/column-menu/column-menu-expandable-item.interface.mjs +0 -5
- package/esm2022/column-menu/column-menu-filter.component.mjs +0 -141
- package/esm2022/column-menu/column-menu-item-base.mjs +0 -41
- package/esm2022/column-menu/column-menu-item-content-template.directive.mjs +0 -43
- package/esm2022/column-menu/column-menu-item.component.mjs +0 -329
- package/esm2022/column-menu/column-menu-item.directive.mjs +0 -147
- package/esm2022/column-menu/column-menu-lock.component.mjs +0 -112
- package/esm2022/column-menu/column-menu-settings.interface.mjs +0 -5
- package/esm2022/column-menu/column-menu-sort.component.mjs +0 -115
- package/esm2022/column-menu/column-menu-template.directive.mjs +0 -47
- package/esm2022/column-menu/column-menu.component.mjs +0 -470
- package/esm2022/column-menu/column-menu.service.mjs +0 -70
- package/esm2022/column-menu/column-visibility-change-event.mjs +0 -19
- package/esm2022/column-menu/utils.mjs +0 -44
- package/esm2022/column-resizing/column-handle.directive.mjs +0 -226
- package/esm2022/column-resizing/column-resize.interface.mjs +0 -5
- package/esm2022/column-resizing/column-resizing.service.mjs +0 -143
- package/esm2022/column-resizing/table.directive.mjs +0 -130
- package/esm2022/columns/checkbox-column.component.mjs +0 -88
- package/esm2022/columns/column-base.mjs +0 -319
- package/esm2022/columns/column-common.mjs +0 -73
- package/esm2022/columns/column-group.component.mjs +0 -115
- package/esm2022/columns/column-list.mjs +0 -94
- package/esm2022/columns/column.component.mjs +0 -165
- package/esm2022/columns/columns-container.mjs +0 -90
- package/esm2022/columns/command-column.component.mjs +0 -77
- package/esm2022/columns/rowreorder-column.component.mjs +0 -57
- package/esm2022/columns/sort-settings.mjs +0 -17
- package/esm2022/columns/span-column.component.mjs +0 -201
- package/esm2022/common/cell-click-event-args.interface.mjs +0 -5
- package/esm2022/common/column-info.service.mjs +0 -54
- package/esm2022/common/create-form-group.mjs +0 -5
- package/esm2022/common/default-track-by.mjs +0 -13
- package/esm2022/common/dom-events.service.mjs +0 -24
- package/esm2022/common/error-messages.mjs +0 -15
- package/esm2022/common/filter-descriptor-differ.mjs +0 -69
- package/esm2022/common/filter-operator.interface.mjs +0 -5
- package/esm2022/common/id.service.mjs +0 -34
- package/esm2022/common/option-changes.service.mjs +0 -24
- package/esm2022/common/pager-settings.mjs +0 -19
- package/esm2022/common/preventable-event.mjs +0 -28
- package/esm2022/common/provider.service.mjs +0 -34
- package/esm2022/common/remove-confirmation.mjs +0 -5
- package/esm2022/common/single-popup.service.mjs +0 -132
- package/esm2022/common/sort.service.mjs +0 -14
- package/esm2022/data/change-event-args.interface.mjs +0 -5
- package/esm2022/data/change-notification.service.mjs +0 -30
- package/esm2022/data/data-item.interface.mjs +0 -5
- package/esm2022/data/data.collection.mjs +0 -503
- package/esm2022/data/treelist-item.interface.mjs +0 -5
- package/esm2022/directives.mjs +0 -291
- package/esm2022/dragdrop/column-reorder-config.mjs +0 -5
- package/esm2022/dragdrop/column-reorder-event.mjs +0 -31
- package/esm2022/dragdrop/column-reorder.service.mjs +0 -20
- package/esm2022/dragdrop/common.mjs +0 -69
- package/esm2022/dragdrop/context-types.mjs +0 -5
- package/esm2022/dragdrop/drag-and-drop.service.mjs +0 -65
- package/esm2022/dragdrop/drag-hint.service.mjs +0 -137
- package/esm2022/dragdrop/draggable-column.directive.mjs +0 -141
- package/esm2022/dragdrop/drop-cue.service.mjs +0 -46
- package/esm2022/dragdrop/drop-target.directive.mjs +0 -71
- package/esm2022/editing/add-command-tool.directive.mjs +0 -60
- package/esm2022/editing/add-command.directive.mjs +0 -96
- package/esm2022/editing/add-event-args.interface.mjs +0 -5
- package/esm2022/editing/base-command.directive.mjs +0 -95
- package/esm2022/editing/cancel-command.directive.mjs +0 -97
- package/esm2022/editing/cancel-event-args.interface.mjs +0 -5
- package/esm2022/editing/cell-close-event.mjs +0 -34
- package/esm2022/editing/edit-command.directive.mjs +0 -96
- package/esm2022/editing/edit-event-args.interface.mjs +0 -5
- package/esm2022/editing/edit-template.directive.mjs +0 -45
- package/esm2022/editing/edit.service.mjs +0 -174
- package/esm2022/editing/remove-command.directive.mjs +0 -96
- package/esm2022/editing/remove-event-args.interface.mjs +0 -5
- package/esm2022/editing/save-command.directive.mjs +0 -96
- package/esm2022/editing/save-event-args.interface.mjs +0 -5
- package/esm2022/editing-directives/create-form-group-args.interface.mjs +0 -5
- package/esm2022/editing-directives/edit-service.interface.mjs +0 -5
- package/esm2022/editing-directives/editing-directive-base.mjs +0 -137
- package/esm2022/editing-directives/flat-edit.service.mjs +0 -52
- package/esm2022/editing-directives/hierarchy-edit.service.mjs +0 -48
- package/esm2022/editing-directives/in-cell-editing.directive.mjs +0 -89
- package/esm2022/editing-directives/local-edit.service.mjs +0 -28
- package/esm2022/editing-directives/reactive-editing.directive.mjs +0 -61
- package/esm2022/editing-directives/row-editing-directive-base.mjs +0 -39
- package/esm2022/editing-directives/template-editing.directive.mjs +0 -68
- package/esm2022/editing-directives/utils.mjs +0 -41
- package/esm2022/excel/excel-command-tool.directive.mjs +0 -64
- package/esm2022/excel/excel-command.directive.mjs +0 -97
- package/esm2022/excel/excel-export-data.interface.mjs +0 -5
- package/esm2022/excel/excel-export-event.mjs +0 -15
- package/esm2022/excel/excel.component.mjs +0 -277
- package/esm2022/excel/excel.module.mjs +0 -45
- package/esm2022/excel/excel.service.mjs +0 -34
- package/esm2022/expand-state/expand-event.mjs +0 -30
- package/esm2022/expand-state/expand-state.service.mjs +0 -38
- package/esm2022/expand-state/expandable-tree-component.mjs +0 -18
- package/esm2022/expand-state/expandable.directive.mjs +0 -119
- package/esm2022/filtering/base-filter-cell.component.mjs +0 -172
- package/esm2022/filtering/boolean-filter.component.mjs +0 -91
- package/esm2022/filtering/cell/autocomplete-filter-cell.component.mjs +0 -113
- package/esm2022/filtering/cell/boolean-filter-cell.component.mjs +0 -107
- package/esm2022/filtering/cell/date-filter-cell.component.mjs +0 -132
- package/esm2022/filtering/cell/filter-cell-component.factory.mjs +0 -19
- package/esm2022/filtering/cell/filter-cell-host.directive.mjs +0 -33
- package/esm2022/filtering/cell/filter-cell-operators.component.mjs +0 -235
- package/esm2022/filtering/cell/filter-cell-template.directive.mjs +0 -46
- package/esm2022/filtering/cell/filter-cell-wrapper.component.mjs +0 -74
- package/esm2022/filtering/cell/filter-cell.component.mjs +0 -91
- package/esm2022/filtering/cell/numeric-filter-cell.component.mjs +0 -143
- package/esm2022/filtering/cell/string-filter-cell.component.mjs +0 -115
- package/esm2022/filtering/date-filter.component.mjs +0 -176
- package/esm2022/filtering/filter-component.interface.mjs +0 -5
- package/esm2022/filtering/filter-host.directive.mjs +0 -56
- package/esm2022/filtering/filter-input-wrapper.component.mjs +0 -119
- package/esm2022/filtering/filter-input.directive.mjs +0 -114
- package/esm2022/filtering/filter-row.component.mjs +0 -79
- package/esm2022/filtering/filter.service.mjs +0 -42
- package/esm2022/filtering/filterable.mjs +0 -16
- package/esm2022/filtering/menu/boolean-filter-menu.component.mjs +0 -168
- package/esm2022/filtering/menu/date-filter-menu-input.component.mjs +0 -174
- package/esm2022/filtering/menu/date-filter-menu.component.mjs +0 -207
- package/esm2022/filtering/menu/filter-menu-component.factory.mjs +0 -19
- package/esm2022/filtering/menu/filter-menu-container.component.mjs +0 -299
- package/esm2022/filtering/menu/filter-menu-dropdownlist.directive.mjs +0 -44
- package/esm2022/filtering/menu/filter-menu-host.directive.mjs +0 -46
- package/esm2022/filtering/menu/filter-menu-input-wrapper.component.mjs +0 -136
- package/esm2022/filtering/menu/filter-menu-template.directive.mjs +0 -43
- package/esm2022/filtering/menu/filter-menu.component.mjs +0 -202
- package/esm2022/filtering/menu/filter-radio-button.directive.mjs +0 -34
- package/esm2022/filtering/menu/menu-tabbing.service.mjs +0 -22
- package/esm2022/filtering/menu/numeric-filter-menu-input.component.mjs +0 -152
- package/esm2022/filtering/menu/numeric-filter-menu.component.mjs +0 -224
- package/esm2022/filtering/menu/string-filter-menu-input.component.mjs +0 -105
- package/esm2022/filtering/menu/string-filter-menu.component.mjs +0 -183
- package/esm2022/filtering/numeric-filter.component.mjs +0 -144
- package/esm2022/filtering/operators/after-eq-filter-operator.component.mjs +0 -72
- package/esm2022/filtering/operators/after-filter-operator.component.mjs +0 -72
- package/esm2022/filtering/operators/before-eq-filter-operator.component.mjs +0 -72
- package/esm2022/filtering/operators/before-filter-operator.component.mjs +0 -72
- package/esm2022/filtering/operators/contains-filter-operator.component.mjs +0 -64
- package/esm2022/filtering/operators/ends-with-filter-operator.component.mjs +0 -64
- package/esm2022/filtering/operators/eq-filter-operator.component.mjs +0 -112
- package/esm2022/filtering/operators/filter-operator.base.mjs +0 -98
- package/esm2022/filtering/operators/gt-filter-operator.component.mjs +0 -63
- package/esm2022/filtering/operators/gte-filter-operator.component.mjs +0 -63
- package/esm2022/filtering/operators/is-empty-filter-operator.component.mjs +0 -64
- package/esm2022/filtering/operators/is-not-empty-filter-operator.component.mjs +0 -64
- package/esm2022/filtering/operators/is-not-null-filter-operator.component.mjs +0 -112
- package/esm2022/filtering/operators/isnull-filter-operator.component.mjs +0 -112
- package/esm2022/filtering/operators/lt-filter-operator.component.mjs +0 -63
- package/esm2022/filtering/operators/lte-filter-operator.component.mjs +0 -63
- package/esm2022/filtering/operators/neq-filter-operator.component.mjs +0 -112
- package/esm2022/filtering/operators/not-contains-filter-operator.component.mjs +0 -64
- package/esm2022/filtering/operators/starts-with-filter-operator.component.mjs +0 -64
- package/esm2022/filtering/string-filter.component.mjs +0 -89
- package/esm2022/index.mjs +0 -146
- package/esm2022/layout/browser-support.service.mjs +0 -85
- package/esm2022/layout/resizable.directive.mjs +0 -83
- package/esm2022/layout/resize.service.mjs +0 -29
- package/esm2022/layout/responsive.service.mjs +0 -34
- package/esm2022/layout/row-sync.mjs +0 -47
- package/esm2022/localization/custom-messages.component.mjs +0 -53
- package/esm2022/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/localization/messages.mjs +0 -510
- package/esm2022/navigation/default-focusable-element.mjs +0 -47
- package/esm2022/navigation/focus-group.mjs +0 -105
- package/esm2022/navigation/focus-root.mjs +0 -50
- package/esm2022/navigation/focusable-element.interface.mjs +0 -5
- package/esm2022/navigation/focusable.directive.mjs +0 -174
- package/esm2022/navigation/item-map.mjs +0 -59
- package/esm2022/navigation/logical-cell.directive.mjs +0 -187
- package/esm2022/navigation/logical-cell.interface.mjs +0 -5
- package/esm2022/navigation/logical-row.directive.mjs +0 -135
- package/esm2022/navigation/logical-row.interface.mjs +0 -5
- package/esm2022/navigation/model-cell.mjs +0 -37
- package/esm2022/navigation/navigation-cell.interface.mjs +0 -5
- package/esm2022/navigation/navigation-change.interface.mjs +0 -5
- package/esm2022/navigation/navigation-cursor.mjs +0 -176
- package/esm2022/navigation/navigation-metadata.mjs +0 -31
- package/esm2022/navigation/navigation-mode.mjs +0 -5
- package/esm2022/navigation/navigation-model.mjs +0 -126
- package/esm2022/navigation/navigation-row.interface.mjs +0 -5
- package/esm2022/navigation/navigation.service.mjs +0 -695
- package/esm2022/navigation/treelist-focusable-element.mjs +0 -28
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/pdf/export-element.mjs +0 -129
- package/esm2022/pdf/pdf-command-tool.directive.mjs +0 -68
- package/esm2022/pdf/pdf-command.directive.mjs +0 -101
- package/esm2022/pdf/pdf-export-event.mjs +0 -18
- package/esm2022/pdf/pdf-margin.component.mjs +0 -33
- package/esm2022/pdf/pdf-margin.interface.mjs +0 -5
- package/esm2022/pdf/pdf-template.directive.mjs +0 -45
- package/esm2022/pdf/pdf.component.mjs +0 -269
- package/esm2022/pdf/pdf.module.mjs +0 -48
- package/esm2022/pdf/pdf.service.mjs +0 -40
- package/esm2022/pdf/treelist-query.mjs +0 -45
- package/esm2022/progress-kendo-angular-treelist.mjs +0 -8
- package/esm2022/rendering/cell-template.directive.mjs +0 -49
- package/esm2022/rendering/cell.component.mjs +0 -383
- package/esm2022/rendering/common/col-group.component.mjs +0 -39
- package/esm2022/rendering/common/dom-queries.mjs +0 -158
- package/esm2022/rendering/common/field-accessor.pipe.mjs +0 -48
- package/esm2022/rendering/common/level-items.pipe.mjs +0 -30
- package/esm2022/rendering/common/loading.component.mjs +0 -42
- package/esm2022/rendering/common/row-class.mjs +0 -5
- package/esm2022/rendering/common/spacer.component.mjs +0 -61
- package/esm2022/rendering/constants.mjs +0 -28
- package/esm2022/rendering/footer-template.directive.mjs +0 -45
- package/esm2022/rendering/header/header-template.directive.mjs +0 -45
- package/esm2022/rendering/header/header.component.mjs +0 -978
- package/esm2022/rendering/header/select-all-checkbox.directive.mjs +0 -90
- package/esm2022/rendering/list.component.mjs +0 -850
- package/esm2022/rendering/no-records-template.directive.mjs +0 -40
- package/esm2022/rendering/table-body.component.mjs +0 -665
- package/esm2022/rendering/toolbar/toolbar-focusable.directive.mjs +0 -77
- package/esm2022/rendering/toolbar/toolbar-navigation.service.mjs +0 -54
- package/esm2022/rendering/toolbar/toolbar-template.directive.mjs +0 -58
- package/esm2022/rendering/toolbar/toolbar.component.mjs +0 -110
- package/esm2022/row-reordering/flat-reorder.service.mjs +0 -48
- package/esm2022/row-reordering/hierarchical-reorder.service.mjs +0 -55
- package/esm2022/row-reordering/row-reorder.service.mjs +0 -273
- package/esm2022/row-reordering/types.mjs +0 -5
- package/esm2022/row-reordering/utils.mjs +0 -128
- package/esm2022/scrolling/content-scroll-event.mjs +0 -5
- package/esm2022/scrolling/row-height.service.mjs +0 -30
- package/esm2022/scrolling/scroll-bottom-event.mjs +0 -5
- package/esm2022/scrolling/scroll-request.service.mjs +0 -21
- package/esm2022/scrolling/scroll-sync.service.mjs +0 -80
- package/esm2022/scrolling/scroller.service.mjs +0 -112
- package/esm2022/scrolling/scrollmode.mjs +0 -5
- package/esm2022/scrolling/suspend.service.mjs +0 -17
- package/esm2022/selection/is-selected.mjs +0 -5
- package/esm2022/selection/marquee.directive.mjs +0 -196
- package/esm2022/selection/selectable-settings.mjs +0 -5
- package/esm2022/selection/selectable.directive.mjs +0 -223
- package/esm2022/selection/selection-change-event.mjs +0 -28
- package/esm2022/selection/selection-state.mjs +0 -104
- package/esm2022/selection/selection.service.mjs +0 -264
- package/esm2022/treelist.component.mjs +0 -3111
- package/esm2022/treelist.module.mjs +0 -183
- package/esm2022/utils.mjs +0 -113
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, ElementRef, EventEmitter, Inject, Input, NgZone, Renderer2, Self, ContentChild } from '@angular/core';
|
|
6
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
|
-
import { debounceTime, filter } from 'rxjs/operators';
|
|
8
|
-
import { Subject } from 'rxjs';
|
|
9
|
-
import { isChanged } from '../utils';
|
|
10
|
-
import { KendoInput, isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
export class FilterInputDirective {
|
|
16
|
-
element;
|
|
17
|
-
renderer;
|
|
18
|
-
change = new EventEmitter();
|
|
19
|
-
composing = false;
|
|
20
|
-
kendoInput;
|
|
21
|
-
filterDelay = 500;
|
|
22
|
-
columnLabel;
|
|
23
|
-
column;
|
|
24
|
-
set value(value) {
|
|
25
|
-
this.accessor.writeValue(value);
|
|
26
|
-
}
|
|
27
|
-
set disabled(value) {
|
|
28
|
-
this.accessor.setDisabledState(value);
|
|
29
|
-
}
|
|
30
|
-
accessor;
|
|
31
|
-
changeRequests = new Subject();
|
|
32
|
-
changeRequestsSubscription;
|
|
33
|
-
unsubscribeEvents;
|
|
34
|
-
constructor(valueAccessors, ngZone, element, renderer) {
|
|
35
|
-
this.element = element;
|
|
36
|
-
this.renderer = renderer;
|
|
37
|
-
this.accessor = valueAccessors[0];
|
|
38
|
-
ngZone.runOutsideAngular(() => {
|
|
39
|
-
const unsubscribeStart = renderer.listen(element.nativeElement, 'compositionstart', () => this.composing = true);
|
|
40
|
-
const unsubscribeEnd = renderer.listen(element.nativeElement, 'compositionend', () => this.composing = false);
|
|
41
|
-
this.unsubscribeEvents = () => {
|
|
42
|
-
unsubscribeStart();
|
|
43
|
-
unsubscribeEnd();
|
|
44
|
-
};
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
ngAfterViewInit() {
|
|
48
|
-
this.addAriaAttributes();
|
|
49
|
-
this.accessor.registerOnChange(x => this.filterDelay > 0 ?
|
|
50
|
-
this.changeRequests.next(x) :
|
|
51
|
-
this.change.emit(x));
|
|
52
|
-
this.subscribeChanges();
|
|
53
|
-
}
|
|
54
|
-
ngOnChanges(changes) {
|
|
55
|
-
if (isChanged('filterDelay', changes)) {
|
|
56
|
-
this.unsubscribeChanges();
|
|
57
|
-
this.subscribeChanges();
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
ngOnDestroy() {
|
|
61
|
-
this.unsubscribeChanges();
|
|
62
|
-
this.unsubscribeEvents();
|
|
63
|
-
}
|
|
64
|
-
subscribeChanges() {
|
|
65
|
-
this.changeRequestsSubscription = this.changeRequests
|
|
66
|
-
.pipe(debounceTime(this.filterDelay), filter(() => !this.composing))
|
|
67
|
-
.subscribe(x => this.change.emit(x));
|
|
68
|
-
}
|
|
69
|
-
unsubscribeChanges() {
|
|
70
|
-
if (this.changeRequestsSubscription) {
|
|
71
|
-
this.changeRequestsSubscription.unsubscribe();
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
addAriaAttributes() {
|
|
75
|
-
const ariaValue = this.columnLabel;
|
|
76
|
-
if (this.kendoInput && this.kendoInput.focusableId && isDocumentAvailable()) {
|
|
77
|
-
const focusableElement = this.element.nativeElement.querySelector(`#${this.kendoInput.focusableId}`) ||
|
|
78
|
-
this.element.nativeElement;
|
|
79
|
-
this.renderer.setAttribute(focusableElement, 'aria-label', ariaValue);
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
const inputElement = this.element.nativeElement.querySelector('.k-input-inner');
|
|
83
|
-
const elementToSetLabel = inputElement ? inputElement : this.element.nativeElement;
|
|
84
|
-
if (ariaValue) {
|
|
85
|
-
this.renderer.setAttribute(elementToSetLabel, 'aria-label', ariaValue);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterInputDirective, deps: [{ token: NG_VALUE_ACCESSOR, self: true }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
90
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterInputDirective, isStandalone: true, selector: "[kendoFilterInput]", inputs: { filterDelay: "filterDelay", columnLabel: "columnLabel", column: "column", value: "value" }, queries: [{ propertyName: "kendoInput", first: true, predicate: KendoInput, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
|
|
91
|
-
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterInputDirective, decorators: [{
|
|
93
|
-
type: Directive,
|
|
94
|
-
args: [{
|
|
95
|
-
selector: '[kendoFilterInput]',
|
|
96
|
-
standalone: true
|
|
97
|
-
}]
|
|
98
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
99
|
-
type: Self
|
|
100
|
-
}, {
|
|
101
|
-
type: Inject,
|
|
102
|
-
args: [NG_VALUE_ACCESSOR]
|
|
103
|
-
}] }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { kendoInput: [{
|
|
104
|
-
type: ContentChild,
|
|
105
|
-
args: [KendoInput, { static: true }]
|
|
106
|
-
}], filterDelay: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}], columnLabel: [{
|
|
109
|
-
type: Input
|
|
110
|
-
}], column: [{
|
|
111
|
-
type: Input
|
|
112
|
-
}], value: [{
|
|
113
|
-
type: Input
|
|
114
|
-
}] } });
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { LogicalCellDirective } from '../navigation/logical-cell.directive';
|
|
8
|
-
import { FilterCellComponent } from './cell/filter-cell.component';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export class FilterRowComponent {
|
|
15
|
-
columns = [];
|
|
16
|
-
filter;
|
|
17
|
-
logicalRowIndex;
|
|
18
|
-
lockedColumnsCount;
|
|
19
|
-
filterRowClass = true;
|
|
20
|
-
filterLabel;
|
|
21
|
-
constructor(localization) {
|
|
22
|
-
this.filterLabel = localization.get('filter');
|
|
23
|
-
}
|
|
24
|
-
getColumnComponent(column) {
|
|
25
|
-
return column;
|
|
26
|
-
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterRowComponent, isStandalone: true, selector: "[kendoTreeListFilterRow]", inputs: { columns: "columns", filter: "filter", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
|
|
29
|
-
@for (column of columns; track column; let columnIndex = $index) {
|
|
30
|
-
<td role="gridcell"
|
|
31
|
-
[attr.aria-label]="filterLabel"
|
|
32
|
-
kendoTreeListFilterCell
|
|
33
|
-
[column]="$any(column)"
|
|
34
|
-
[filter]="filter"
|
|
35
|
-
kendoTreeListLogicalCell
|
|
36
|
-
class="k-table-td"
|
|
37
|
-
[logicalRowIndex]="logicalRowIndex"
|
|
38
|
-
[logicalColIndex]="lockedColumnsCount + columnIndex"
|
|
39
|
-
[column]="getColumnComponent(column)"
|
|
40
|
-
[colIndex]="columnIndex"
|
|
41
|
-
></td>
|
|
42
|
-
}
|
|
43
|
-
`, isInline: true, dependencies: [{ kind: "component", type: FilterCellComponent, selector: "[kendoTreeListFilterCell]", inputs: ["column", "filter"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable", "headerLabelText"] }] });
|
|
44
|
-
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterRowComponent, decorators: [{
|
|
46
|
-
type: Component,
|
|
47
|
-
args: [{
|
|
48
|
-
selector: '[kendoTreeListFilterRow]',
|
|
49
|
-
template: `
|
|
50
|
-
@for (column of columns; track column; let columnIndex = $index) {
|
|
51
|
-
<td role="gridcell"
|
|
52
|
-
[attr.aria-label]="filterLabel"
|
|
53
|
-
kendoTreeListFilterCell
|
|
54
|
-
[column]="$any(column)"
|
|
55
|
-
[filter]="filter"
|
|
56
|
-
kendoTreeListLogicalCell
|
|
57
|
-
class="k-table-td"
|
|
58
|
-
[logicalRowIndex]="logicalRowIndex"
|
|
59
|
-
[logicalColIndex]="lockedColumnsCount + columnIndex"
|
|
60
|
-
[column]="getColumnComponent(column)"
|
|
61
|
-
[colIndex]="columnIndex"
|
|
62
|
-
></td>
|
|
63
|
-
}
|
|
64
|
-
`,
|
|
65
|
-
standalone: true,
|
|
66
|
-
imports: [FilterCellComponent, LogicalCellDirective]
|
|
67
|
-
}]
|
|
68
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { columns: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], filter: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], logicalRowIndex: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], lockedColumnsCount: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}], filterRowClass: [{
|
|
77
|
-
type: HostBinding,
|
|
78
|
-
args: ['class.k-filter-row']
|
|
79
|
-
}] } });
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Injectable, Optional } from '@angular/core';
|
|
6
|
-
import { Subject } from 'rxjs';
|
|
7
|
-
import { MenuTabbingService } from './menu/menu-tabbing.service';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./menu/menu-tabbing.service";
|
|
10
|
-
/**
|
|
11
|
-
* Represents a service to set the filter descriptor for the TreeList. ([See example]({% slug filter_menu_treelist %})).
|
|
12
|
-
*/
|
|
13
|
-
export class FilterService {
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
menuTabbingService;
|
|
18
|
-
/**
|
|
19
|
-
* Fires when the filter descriptors is set.
|
|
20
|
-
*/
|
|
21
|
-
changes = new Subject();
|
|
22
|
-
/**
|
|
23
|
-
* Sets the filter descriptor.
|
|
24
|
-
* @param {CompositeFilterDescriptor} value The filter descriptor to set.
|
|
25
|
-
*/
|
|
26
|
-
filter(value) {
|
|
27
|
-
this.changes.next(value);
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
constructor(menuTabbingService) {
|
|
33
|
-
this.menuTabbingService = menuTabbingService;
|
|
34
|
-
}
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterService, deps: [{ token: i1.MenuTabbingService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
36
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterService });
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterService, decorators: [{
|
|
39
|
-
type: Injectable
|
|
40
|
-
}], ctorParameters: () => [{ type: i1.MenuTabbingService, decorators: [{
|
|
41
|
-
type: Optional
|
|
42
|
-
}] }] });
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const isFilterable = (settings) => settings !== false;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export const hasFilterMenu = (settings) => typeof settings === 'string' && settings.indexOf('menu') > -1;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export const hasFilterRow = (settings) => settings === true || (typeof settings === 'string' && settings.indexOf('row') > -1);
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, HostBinding, ViewChild, ElementRef, ViewChildren, QueryList } from '@angular/core';
|
|
6
|
-
import { guid, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
|
|
7
|
-
import { RadioButtonComponent } from '@progress/kendo-angular-inputs';
|
|
8
|
-
import { FilterService } from '../filter.service';
|
|
9
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
|
-
import { BooleanFilterComponent } from '../boolean-filter.component';
|
|
11
|
-
import { BooleanFilterRadioButtonDirective } from './filter-radio-button.directive';
|
|
12
|
-
import { MenuTabbingService } from './menu-tabbing.service';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
15
|
-
/**
|
|
16
|
-
* Represents the Kendo UI Boolean-filter menu component for Angular TreeList. Use this component to filter boolean fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```html
|
|
20
|
-
* <kendo-treelist-column field="Discontinued" title="Discontinued">
|
|
21
|
-
* <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
|
|
22
|
-
* <kendo-treelist-boolean-filter-menu
|
|
23
|
-
* [column]="column"
|
|
24
|
-
* [filter]="filter"
|
|
25
|
-
* [filterService]="filterService">
|
|
26
|
-
* </kendo-treelist-boolean-filter-menu>
|
|
27
|
-
* </ng-template>
|
|
28
|
-
* </kendo-treelist-column>
|
|
29
|
-
* ```
|
|
30
|
-
*/
|
|
31
|
-
export class BooleanFilterMenuComponent extends BooleanFilterComponent {
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
get hostClasses() {
|
|
36
|
-
return false;
|
|
37
|
-
}
|
|
38
|
-
inputElem;
|
|
39
|
-
/**
|
|
40
|
-
* The current menu filter.
|
|
41
|
-
* @type {CompositeFilterDescriptor}
|
|
42
|
-
*/
|
|
43
|
-
filter = { filters: [], logic: "and" };
|
|
44
|
-
/**
|
|
45
|
-
* The `FilterService` instance that handles changes in the filter descriptor.
|
|
46
|
-
*/
|
|
47
|
-
filterService;
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
menuTabbingService;
|
|
52
|
-
idPrefix = guid();
|
|
53
|
-
/**
|
|
54
|
-
* @hidden
|
|
55
|
-
*/
|
|
56
|
-
radioButtons;
|
|
57
|
-
constructor(localization) {
|
|
58
|
-
super(null, localization);
|
|
59
|
-
}
|
|
60
|
-
ngAfterViewInit() {
|
|
61
|
-
this.filterService.menuTabbingService.firstFocusable = this.radioButtons.first.radioButtonEl;
|
|
62
|
-
if (!this.menuTabbingService?.isTabbedInterface) {
|
|
63
|
-
this.radioButtons.first.radioButtonEl.focus();
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
radioId(value) {
|
|
70
|
-
return `${this.idPrefix}_${value}`;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
onChange(value, input) {
|
|
76
|
-
this.applyFilter(this.updateFilter({
|
|
77
|
-
field: this.column.field,
|
|
78
|
-
operator: "eq",
|
|
79
|
-
value: value
|
|
80
|
-
}));
|
|
81
|
-
this.filterService.menuTabbingService.firstFocusable = input.hostElement.nativeElement;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* @hidden
|
|
85
|
-
*/
|
|
86
|
-
isSelected(radioValue) {
|
|
87
|
-
return this.filtersByField(this.column.field).some(({ value }) => value === radioValue);
|
|
88
|
-
}
|
|
89
|
-
/**
|
|
90
|
-
* @hidden
|
|
91
|
-
*/
|
|
92
|
-
onShiftTab(e) {
|
|
93
|
-
if (!this.menuTabbingService?.isColumnMenu && this.filterService.menuTabbingService.lastFocusable) {
|
|
94
|
-
e.preventDefault();
|
|
95
|
-
this.filterService.menuTabbingService.lastFocusable.focus();
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
/**
|
|
99
|
-
* @hidden
|
|
100
|
-
*/
|
|
101
|
-
get columnLabel() {
|
|
102
|
-
const localizationMsg = this.localization.get('filterInputLabel') || '';
|
|
103
|
-
const columnName = this.column.title || this.column.field;
|
|
104
|
-
return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
|
|
105
|
-
}
|
|
106
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
107
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-boolean-filter-menu", inputs: { filter: "filter", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, viewQueries: [{ propertyName: "inputElem", first: true, predicate: ["inputElem"], descendants: true }, { propertyName: "radioButtons", predicate: BooleanFilterRadioButtonDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
108
|
-
<ul class="k-radio-list k-reset">
|
|
109
|
-
@for (item of items; track item) {
|
|
110
|
-
<li>
|
|
111
|
-
<kendo-radiobutton
|
|
112
|
-
#inputElem
|
|
113
|
-
kendoFilterMenuRadioButton
|
|
114
|
-
[columnLabel]="columnLabel"
|
|
115
|
-
[name]="idPrefix"
|
|
116
|
-
[checked]="isSelected(item.value)"
|
|
117
|
-
[attr.id]="radioId(item.value)"
|
|
118
|
-
(change)="onChange(item.value, inputElem)"
|
|
119
|
-
(keydown.shift.tab)="onShiftTab($event)"
|
|
120
|
-
></kendo-radiobutton>
|
|
121
|
-
<label class="k-radio-label" [attr.for]="radioId(item.value)">{{item.text}}</label>
|
|
122
|
-
</li>
|
|
123
|
-
}
|
|
124
|
-
</ul>
|
|
125
|
-
`, isInline: true, dependencies: [{ kind: "component", type: RadioButtonComponent, selector: "kendo-radiobutton", inputs: ["checked"], outputs: ["checkedChange"], exportAs: ["kendoRadioButton"] }, { kind: "directive", type: BooleanFilterRadioButtonDirective, selector: "[kendoFilterMenuRadioButton]", inputs: ["columnLabel"] }] });
|
|
126
|
-
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFilterMenuComponent, decorators: [{
|
|
128
|
-
type: Component,
|
|
129
|
-
args: [{
|
|
130
|
-
selector: 'kendo-treelist-boolean-filter-menu',
|
|
131
|
-
template: `
|
|
132
|
-
<ul class="k-radio-list k-reset">
|
|
133
|
-
@for (item of items; track item) {
|
|
134
|
-
<li>
|
|
135
|
-
<kendo-radiobutton
|
|
136
|
-
#inputElem
|
|
137
|
-
kendoFilterMenuRadioButton
|
|
138
|
-
[columnLabel]="columnLabel"
|
|
139
|
-
[name]="idPrefix"
|
|
140
|
-
[checked]="isSelected(item.value)"
|
|
141
|
-
[attr.id]="radioId(item.value)"
|
|
142
|
-
(change)="onChange(item.value, inputElem)"
|
|
143
|
-
(keydown.shift.tab)="onShiftTab($event)"
|
|
144
|
-
></kendo-radiobutton>
|
|
145
|
-
<label class="k-radio-label" [attr.for]="radioId(item.value)">{{item.text}}</label>
|
|
146
|
-
</li>
|
|
147
|
-
}
|
|
148
|
-
</ul>
|
|
149
|
-
`,
|
|
150
|
-
standalone: true,
|
|
151
|
-
imports: [RadioButtonComponent, BooleanFilterRadioButtonDirective]
|
|
152
|
-
}]
|
|
153
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { hostClasses: [{
|
|
154
|
-
type: HostBinding,
|
|
155
|
-
args: ['class.k-filtercell']
|
|
156
|
-
}], inputElem: [{
|
|
157
|
-
type: ViewChild,
|
|
158
|
-
args: ['inputElem']
|
|
159
|
-
}], filter: [{
|
|
160
|
-
type: Input
|
|
161
|
-
}], filterService: [{
|
|
162
|
-
type: Input
|
|
163
|
-
}], menuTabbingService: [{
|
|
164
|
-
type: Input
|
|
165
|
-
}], radioButtons: [{
|
|
166
|
-
type: ViewChildren,
|
|
167
|
-
args: [BooleanFilterRadioButtonDirective]
|
|
168
|
-
}] } });
|
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input } from '@angular/core';
|
|
6
|
-
import { filter } from 'rxjs/operators';
|
|
7
|
-
import { DatePickerComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
|
|
8
|
-
import { ColumnComponent } from "../../columns/column.component";
|
|
9
|
-
import { FilterService } from '../filter.service';
|
|
10
|
-
import { SinglePopupService } from '../../common/single-popup.service';
|
|
11
|
-
import { FilterInputDirective } from '../filter-input.directive';
|
|
12
|
-
import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
|
|
13
|
-
import { MenuTabbingService } from './menu-tabbing.service';
|
|
14
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
15
|
-
import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
|
|
16
|
-
import * as i0 from "@angular/core";
|
|
17
|
-
import * as i1 from "../../common/single-popup.service";
|
|
18
|
-
import * as i2 from "@progress/kendo-angular-l10n";
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export class DateFilterMenuInputComponent {
|
|
23
|
-
popupService;
|
|
24
|
-
localization;
|
|
25
|
-
operators = [];
|
|
26
|
-
column;
|
|
27
|
-
filter;
|
|
28
|
-
operator;
|
|
29
|
-
currentFilter;
|
|
30
|
-
filterService;
|
|
31
|
-
menuTabbingService;
|
|
32
|
-
format;
|
|
33
|
-
formatPlaceholder;
|
|
34
|
-
placeholder;
|
|
35
|
-
min;
|
|
36
|
-
max;
|
|
37
|
-
activeView;
|
|
38
|
-
bottomView;
|
|
39
|
-
topView;
|
|
40
|
-
weekNumber;
|
|
41
|
-
isFirstDropDown;
|
|
42
|
-
subscription;
|
|
43
|
-
constructor(popupService, localization) {
|
|
44
|
-
this.popupService = popupService;
|
|
45
|
-
this.localization = localization;
|
|
46
|
-
}
|
|
47
|
-
ngOnDestroy() {
|
|
48
|
-
if (this.subscription) {
|
|
49
|
-
this.subscription.unsubscribe();
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
open(picker) {
|
|
53
|
-
this.subscription = this.popupService.onClose
|
|
54
|
-
.pipe(filter(() => picker.isActive))
|
|
55
|
-
.subscribe(e => e.preventDefault());
|
|
56
|
-
}
|
|
57
|
-
messageFor(key) {
|
|
58
|
-
return this.localization.get(key);
|
|
59
|
-
}
|
|
60
|
-
get columnLabel() {
|
|
61
|
-
const localizationMsg = this.localization.get('filterInputLabel') || '';
|
|
62
|
-
const columnName = this.column ? this.column.title || this.column.field : '';
|
|
63
|
-
return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
|
|
64
|
-
}
|
|
65
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterMenuInputComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DateFilterMenuInputComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", menuTabbingService: "menuTabbingService", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", activeView: "activeView", bottomView: "bottomView", topView: "topView", weekNumber: "weekNumber", isFirstDropDown: "isFirstDropDown" }, ngImport: i0, template: `
|
|
67
|
-
<kendo-treelist-filter-menu-input-wrapper
|
|
68
|
-
[column]="column"
|
|
69
|
-
[filter]="filter"
|
|
70
|
-
[operators]="operators"
|
|
71
|
-
[defaultOperator]="operator"
|
|
72
|
-
[currentFilter]="currentFilter"
|
|
73
|
-
[filterService]="filterService"
|
|
74
|
-
[isFirstDropDown]="isFirstDropDown"
|
|
75
|
-
[menuTabbingService]="menuTabbingService">
|
|
76
|
-
<kendo-datepicker
|
|
77
|
-
#picker
|
|
78
|
-
kendoFilterInput
|
|
79
|
-
[columnLabel]="columnLabel"
|
|
80
|
-
[filterDelay]="0"
|
|
81
|
-
(open)="open(picker)"
|
|
82
|
-
[value]="currentFilter?.value"
|
|
83
|
-
[placeholder]="placeholder"
|
|
84
|
-
[formatPlaceholder]="formatPlaceholder"
|
|
85
|
-
[format]="format"
|
|
86
|
-
[min]="min"
|
|
87
|
-
[max]="max"
|
|
88
|
-
[activeView]="activeView"
|
|
89
|
-
[bottomView]="bottomView"
|
|
90
|
-
[topView]="topView"
|
|
91
|
-
[weekNumber]="weekNumber">
|
|
92
|
-
<kendo-datepicker-messages
|
|
93
|
-
[toggle]="messageFor('filterDateToggle')"
|
|
94
|
-
[today]="messageFor('filterDateToday')"
|
|
95
|
-
></kendo-datepicker-messages>
|
|
96
|
-
</kendo-datepicker>
|
|
97
|
-
</kendo-treelist-filter-menu-input-wrapper>
|
|
98
|
-
`, isInline: true, dependencies: [{ kind: "component", type: FilterMenuInputWrapperComponent, selector: "kendo-treelist-filter-menu-input-wrapper", inputs: ["filterService", "isFirstDropDown", "menuTabbingService", "currentFilter"] }, { 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: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "column", "value"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
|
|
99
|
-
}
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterMenuInputComponent, decorators: [{
|
|
101
|
-
type: Component,
|
|
102
|
-
args: [{
|
|
103
|
-
selector: 'kendo-treelist-date-filter-menu-input',
|
|
104
|
-
template: `
|
|
105
|
-
<kendo-treelist-filter-menu-input-wrapper
|
|
106
|
-
[column]="column"
|
|
107
|
-
[filter]="filter"
|
|
108
|
-
[operators]="operators"
|
|
109
|
-
[defaultOperator]="operator"
|
|
110
|
-
[currentFilter]="currentFilter"
|
|
111
|
-
[filterService]="filterService"
|
|
112
|
-
[isFirstDropDown]="isFirstDropDown"
|
|
113
|
-
[menuTabbingService]="menuTabbingService">
|
|
114
|
-
<kendo-datepicker
|
|
115
|
-
#picker
|
|
116
|
-
kendoFilterInput
|
|
117
|
-
[columnLabel]="columnLabel"
|
|
118
|
-
[filterDelay]="0"
|
|
119
|
-
(open)="open(picker)"
|
|
120
|
-
[value]="currentFilter?.value"
|
|
121
|
-
[placeholder]="placeholder"
|
|
122
|
-
[formatPlaceholder]="formatPlaceholder"
|
|
123
|
-
[format]="format"
|
|
124
|
-
[min]="min"
|
|
125
|
-
[max]="max"
|
|
126
|
-
[activeView]="activeView"
|
|
127
|
-
[bottomView]="bottomView"
|
|
128
|
-
[topView]="topView"
|
|
129
|
-
[weekNumber]="weekNumber">
|
|
130
|
-
<kendo-datepicker-messages
|
|
131
|
-
[toggle]="messageFor('filterDateToggle')"
|
|
132
|
-
[today]="messageFor('filterDateToday')"
|
|
133
|
-
></kendo-datepicker-messages>
|
|
134
|
-
</kendo-datepicker>
|
|
135
|
-
</kendo-treelist-filter-menu-input-wrapper>
|
|
136
|
-
`,
|
|
137
|
-
standalone: true,
|
|
138
|
-
imports: [FilterMenuInputWrapperComponent, DatePickerComponent, FilterInputDirective, DatePickerCustomMessagesComponent]
|
|
139
|
-
}]
|
|
140
|
-
}], ctorParameters: () => [{ type: i1.SinglePopupService }, { type: i2.LocalizationService }], propDecorators: { operators: [{
|
|
141
|
-
type: Input
|
|
142
|
-
}], column: [{
|
|
143
|
-
type: Input
|
|
144
|
-
}], filter: [{
|
|
145
|
-
type: Input
|
|
146
|
-
}], operator: [{
|
|
147
|
-
type: Input
|
|
148
|
-
}], currentFilter: [{
|
|
149
|
-
type: Input
|
|
150
|
-
}], filterService: [{
|
|
151
|
-
type: Input
|
|
152
|
-
}], menuTabbingService: [{
|
|
153
|
-
type: Input
|
|
154
|
-
}], format: [{
|
|
155
|
-
type: Input
|
|
156
|
-
}], formatPlaceholder: [{
|
|
157
|
-
type: Input
|
|
158
|
-
}], placeholder: [{
|
|
159
|
-
type: Input
|
|
160
|
-
}], min: [{
|
|
161
|
-
type: Input
|
|
162
|
-
}], max: [{
|
|
163
|
-
type: Input
|
|
164
|
-
}], activeView: [{
|
|
165
|
-
type: Input
|
|
166
|
-
}], bottomView: [{
|
|
167
|
-
type: Input
|
|
168
|
-
}], topView: [{
|
|
169
|
-
type: Input
|
|
170
|
-
}], weekNumber: [{
|
|
171
|
-
type: Input
|
|
172
|
-
}], isFirstDropDown: [{
|
|
173
|
-
type: Input
|
|
174
|
-
}] } });
|