@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,207 +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 } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
|
|
8
|
-
import { FilterService } from '../filter.service';
|
|
9
|
-
import { DateFilterComponent } from '../date-filter.component';
|
|
10
|
-
import { setFilter, logicOperators } from '../base-filter-cell.component';
|
|
11
|
-
import { DateFilterMenuInputComponent } from './date-filter-menu-input.component';
|
|
12
|
-
import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
|
|
13
|
-
import { MenuTabbingService } from './menu-tabbing.service';
|
|
14
|
-
import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
|
|
15
|
-
import * as i0 from "@angular/core";
|
|
16
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
17
|
-
/**
|
|
18
|
-
* Represents the Kendo UI date-filter menu component for Angular TreeList. Use this component to filter date fields in the TreeList. [See example](slug:filter_menu_treelist#toc-built-in-filter-menu-components).
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```html
|
|
22
|
-
* <kendo-treelist-column field="OrderDate" title="Order Date">
|
|
23
|
-
* <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
|
|
24
|
-
* <kendo-treelist-date-filter-menu
|
|
25
|
-
* [column]="column"
|
|
26
|
-
* [filter]="filter"
|
|
27
|
-
* [filterService]="filterService">
|
|
28
|
-
* </kendo-treelist-date-filter-menu>
|
|
29
|
-
* </ng-template>
|
|
30
|
-
* </kendo-treelist-column>
|
|
31
|
-
* ```
|
|
32
|
-
* @remarks
|
|
33
|
-
* Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link AfterEqFilterOperatorComponent}, {@link AfterFilterOperatorComponent}, {@link BeforeEqFilterOperatorComponent}, {@link BeforeFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
|
|
34
|
-
*/
|
|
35
|
-
export class DateFilterMenuComponent extends DateFilterComponent {
|
|
36
|
-
logicOperators = logicOperators(this.localization);
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
get hostClasses() {
|
|
41
|
-
return false;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* The current menu filter.
|
|
45
|
-
* @type {CompositeFilterDescriptor}
|
|
46
|
-
*/
|
|
47
|
-
filter = { filters: [], logic: "and" };
|
|
48
|
-
/**
|
|
49
|
-
* Determines if the inputs of second criteria are displayed.
|
|
50
|
-
* @type {boolean}
|
|
51
|
-
* @default true
|
|
52
|
-
*/
|
|
53
|
-
extra = true;
|
|
54
|
-
/**
|
|
55
|
-
* The `FilterService` instance that handles changes in the filter descriptor.
|
|
56
|
-
*/
|
|
57
|
-
filterService;
|
|
58
|
-
/**
|
|
59
|
-
* @hidden
|
|
60
|
-
*/
|
|
61
|
-
menuTabbingService;
|
|
62
|
-
constructor(localization) {
|
|
63
|
-
super(null, localization);
|
|
64
|
-
}
|
|
65
|
-
get firstFilter() {
|
|
66
|
-
return setFilter(0, this.filter, (this.column || {}).field, this.operator);
|
|
67
|
-
}
|
|
68
|
-
get secondFilter() {
|
|
69
|
-
return setFilter(1, this.filter, (this.column || {}).field, this.operator);
|
|
70
|
-
}
|
|
71
|
-
logicChange(value) {
|
|
72
|
-
this.filter.logic = value;
|
|
73
|
-
}
|
|
74
|
-
get filterMenuDropDownLabel() {
|
|
75
|
-
const localizationMsg = this.localization.get('filterMenuLogicDropDownLabel') || '';
|
|
76
|
-
const columnName = this.column ? this.column.title || this.column.field : '';
|
|
77
|
-
return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
|
|
78
|
-
}
|
|
79
|
-
localizationChange() {
|
|
80
|
-
this.logicOperators = logicOperators(this.localization);
|
|
81
|
-
super.localizationChange();
|
|
82
|
-
}
|
|
83
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DateFilterMenuComponent, isStandalone: true, selector: "kendo-treelist-date-filter-menu", inputs: { filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
|
|
85
|
-
<kendo-treelist-date-filter-menu-input
|
|
86
|
-
[currentFilter]="firstFilter"
|
|
87
|
-
[operators]="operators"
|
|
88
|
-
[filterService]="filterService"
|
|
89
|
-
[column]="column"
|
|
90
|
-
[filter]="filter"
|
|
91
|
-
[activeView]="activeView"
|
|
92
|
-
[bottomView]="bottomView"
|
|
93
|
-
[topView]="topView"
|
|
94
|
-
[format]="format"
|
|
95
|
-
[formatPlaceholder]="formatPlaceholder"
|
|
96
|
-
[placeholder]="placeholder"
|
|
97
|
-
[min]="min"
|
|
98
|
-
[max]="max"
|
|
99
|
-
[weekNumber]="weekNumber"
|
|
100
|
-
[isFirstDropDown]="true"
|
|
101
|
-
[menuTabbingService]="menuTabbingService">
|
|
102
|
-
</kendo-treelist-date-filter-menu-input>
|
|
103
|
-
@if (extra) {
|
|
104
|
-
<kendo-dropdownlist
|
|
105
|
-
kendoFilterMenuDropDown
|
|
106
|
-
[filterMenuDropDownLabel]="filterMenuDropDownLabel"
|
|
107
|
-
class="k-filter-and"
|
|
108
|
-
[data]="logicOperators"
|
|
109
|
-
[valuePrimitive]="true"
|
|
110
|
-
(valueChange)="logicChange($event)"
|
|
111
|
-
[value]="filter?.logic"
|
|
112
|
-
textField="text"
|
|
113
|
-
valueField="value">
|
|
114
|
-
</kendo-dropdownlist>
|
|
115
|
-
}
|
|
116
|
-
@if (extra) {
|
|
117
|
-
<kendo-treelist-date-filter-menu-input
|
|
118
|
-
[operators]="operators"
|
|
119
|
-
[currentFilter]="secondFilter"
|
|
120
|
-
[filterService]="filterService"
|
|
121
|
-
[column]="column"
|
|
122
|
-
[filter]="filter"
|
|
123
|
-
[activeView]="activeView"
|
|
124
|
-
[bottomView]="bottomView"
|
|
125
|
-
[topView]="topView"
|
|
126
|
-
[format]="format"
|
|
127
|
-
[formatPlaceholder]="formatPlaceholder"
|
|
128
|
-
[placeholder]="placeholder"
|
|
129
|
-
[min]="min"
|
|
130
|
-
[max]="max"
|
|
131
|
-
[weekNumber]="weekNumber"
|
|
132
|
-
[menuTabbingService]="menuTabbingService">
|
|
133
|
-
</kendo-treelist-date-filter-menu-input>
|
|
134
|
-
}
|
|
135
|
-
`, isInline: true, dependencies: [{ kind: "component", type: DateFilterMenuInputComponent, selector: "kendo-treelist-date-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "menuTabbingService", "format", "formatPlaceholder", "placeholder", "min", "max", "activeView", "bottomView", "topView", "weekNumber", "isFirstDropDown"] }, { 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: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
|
|
136
|
-
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterMenuComponent, decorators: [{
|
|
138
|
-
type: Component,
|
|
139
|
-
args: [{
|
|
140
|
-
selector: 'kendo-treelist-date-filter-menu',
|
|
141
|
-
template: `
|
|
142
|
-
<kendo-treelist-date-filter-menu-input
|
|
143
|
-
[currentFilter]="firstFilter"
|
|
144
|
-
[operators]="operators"
|
|
145
|
-
[filterService]="filterService"
|
|
146
|
-
[column]="column"
|
|
147
|
-
[filter]="filter"
|
|
148
|
-
[activeView]="activeView"
|
|
149
|
-
[bottomView]="bottomView"
|
|
150
|
-
[topView]="topView"
|
|
151
|
-
[format]="format"
|
|
152
|
-
[formatPlaceholder]="formatPlaceholder"
|
|
153
|
-
[placeholder]="placeholder"
|
|
154
|
-
[min]="min"
|
|
155
|
-
[max]="max"
|
|
156
|
-
[weekNumber]="weekNumber"
|
|
157
|
-
[isFirstDropDown]="true"
|
|
158
|
-
[menuTabbingService]="menuTabbingService">
|
|
159
|
-
</kendo-treelist-date-filter-menu-input>
|
|
160
|
-
@if (extra) {
|
|
161
|
-
<kendo-dropdownlist
|
|
162
|
-
kendoFilterMenuDropDown
|
|
163
|
-
[filterMenuDropDownLabel]="filterMenuDropDownLabel"
|
|
164
|
-
class="k-filter-and"
|
|
165
|
-
[data]="logicOperators"
|
|
166
|
-
[valuePrimitive]="true"
|
|
167
|
-
(valueChange)="logicChange($event)"
|
|
168
|
-
[value]="filter?.logic"
|
|
169
|
-
textField="text"
|
|
170
|
-
valueField="value">
|
|
171
|
-
</kendo-dropdownlist>
|
|
172
|
-
}
|
|
173
|
-
@if (extra) {
|
|
174
|
-
<kendo-treelist-date-filter-menu-input
|
|
175
|
-
[operators]="operators"
|
|
176
|
-
[currentFilter]="secondFilter"
|
|
177
|
-
[filterService]="filterService"
|
|
178
|
-
[column]="column"
|
|
179
|
-
[filter]="filter"
|
|
180
|
-
[activeView]="activeView"
|
|
181
|
-
[bottomView]="bottomView"
|
|
182
|
-
[topView]="topView"
|
|
183
|
-
[format]="format"
|
|
184
|
-
[formatPlaceholder]="formatPlaceholder"
|
|
185
|
-
[placeholder]="placeholder"
|
|
186
|
-
[min]="min"
|
|
187
|
-
[max]="max"
|
|
188
|
-
[weekNumber]="weekNumber"
|
|
189
|
-
[menuTabbingService]="menuTabbingService">
|
|
190
|
-
</kendo-treelist-date-filter-menu-input>
|
|
191
|
-
}
|
|
192
|
-
`,
|
|
193
|
-
standalone: true,
|
|
194
|
-
imports: [DateFilterMenuInputComponent, DropDownListComponent, FilterMenuDropDownListDirective]
|
|
195
|
-
}]
|
|
196
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { hostClasses: [{
|
|
197
|
-
type: HostBinding,
|
|
198
|
-
args: ['class.k-filtercell']
|
|
199
|
-
}], filter: [{
|
|
200
|
-
type: Input
|
|
201
|
-
}], extra: [{
|
|
202
|
-
type: Input
|
|
203
|
-
}], filterService: [{
|
|
204
|
-
type: Input
|
|
205
|
-
}], menuTabbingService: [{
|
|
206
|
-
type: Input
|
|
207
|
-
}] } });
|
|
@@ -1,19 +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 { StringFilterMenuComponent } from './string-filter-menu.component';
|
|
6
|
-
import { NumericFilterMenuComponent } from './numeric-filter-menu.component';
|
|
7
|
-
import { DateFilterMenuComponent } from './date-filter-menu.component';
|
|
8
|
-
import { BooleanFilterMenuComponent } from './boolean-filter-menu.component';
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*
|
|
12
|
-
* > List the following components as `entryComponents` in the TreeListModule.
|
|
13
|
-
*/
|
|
14
|
-
export const filterMenuComponentFactory = (type) => ({
|
|
15
|
-
"boolean": BooleanFilterMenuComponent,
|
|
16
|
-
"date": DateFilterMenuComponent,
|
|
17
|
-
"numeric": NumericFilterMenuComponent,
|
|
18
|
-
"text": StringFilterMenuComponent
|
|
19
|
-
}[type]);
|
|
@@ -1,299 +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, SkipSelf, Output, EventEmitter, ChangeDetectorRef, ViewChild, ElementRef } from '@angular/core';
|
|
6
|
-
import { NgTemplateOutlet, NgClass } from '@angular/common';
|
|
7
|
-
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
8
|
-
import { ColumnComponent } from "../../columns/column.component";
|
|
9
|
-
import { FilterService } from "../filter.service";
|
|
10
|
-
import { removeFilter, filtersByField } from "../base-filter-cell.component";
|
|
11
|
-
import { isPresent, isNullOrEmptyString } from "../../utils";
|
|
12
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
13
|
-
import { cloneFilters } from '../../common/filter-descriptor-differ';
|
|
14
|
-
import { FilterMenuHostDirective } from './filter-menu-host.directive';
|
|
15
|
-
import { MenuTabbingService } from './menu-tabbing.service';
|
|
16
|
-
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
17
|
-
import * as i0 from "@angular/core";
|
|
18
|
-
import * as i1 from "../filter.service";
|
|
19
|
-
import * as i2 from "@progress/kendo-angular-l10n";
|
|
20
|
-
import * as i3 from "./menu-tabbing.service";
|
|
21
|
-
import * as i4 from "@angular/forms";
|
|
22
|
-
const isNoValueOperator = operator => (operator === "isnull"
|
|
23
|
-
|| operator === "isnotnull"
|
|
24
|
-
|| operator === "isempty"
|
|
25
|
-
|| operator === "isnotempty");
|
|
26
|
-
const validFilters = ({ value, operator }) => !isNullOrEmptyString(value) || isNoValueOperator(operator);
|
|
27
|
-
const trimFilters = filter => {
|
|
28
|
-
filter.filters = filter.filters.filter(validFilters);
|
|
29
|
-
return filter;
|
|
30
|
-
};
|
|
31
|
-
const findParent = (filters, field, parent) => {
|
|
32
|
-
return filters.reduce((acc, filter) => {
|
|
33
|
-
if (acc) {
|
|
34
|
-
return acc;
|
|
35
|
-
}
|
|
36
|
-
if (filter.filters) {
|
|
37
|
-
return findParent(filter.filters, field, filter);
|
|
38
|
-
}
|
|
39
|
-
else if (filter.field === field) {
|
|
40
|
-
return parent;
|
|
41
|
-
}
|
|
42
|
-
return acc;
|
|
43
|
-
}, undefined);
|
|
44
|
-
};
|
|
45
|
-
const parentLogicOfDefault = (filter, field, def = "and") => {
|
|
46
|
-
const parent = findParent(((filter || {}).filters || []), field);
|
|
47
|
-
return isPresent(parent) ? parent.logic : def;
|
|
48
|
-
};
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
export class FilterMenuContainerComponent {
|
|
53
|
-
parentService;
|
|
54
|
-
childService;
|
|
55
|
-
localization;
|
|
56
|
-
cd;
|
|
57
|
-
close = new EventEmitter();
|
|
58
|
-
/**
|
|
59
|
-
* The column with which the filter is associated.
|
|
60
|
-
* @type {ColumnComponent}
|
|
61
|
-
*/
|
|
62
|
-
column;
|
|
63
|
-
/**
|
|
64
|
-
* @hidden
|
|
65
|
-
*/
|
|
66
|
-
isLast;
|
|
67
|
-
/**
|
|
68
|
-
* @hidden
|
|
69
|
-
*/
|
|
70
|
-
isExpanded;
|
|
71
|
-
/**
|
|
72
|
-
* @hidden
|
|
73
|
-
*/
|
|
74
|
-
menuTabbingService;
|
|
75
|
-
/**
|
|
76
|
-
* The current root filter.
|
|
77
|
-
* @type {CompositeFilterDescriptor}
|
|
78
|
-
*/
|
|
79
|
-
set filter(value) {
|
|
80
|
-
this._filter = cloneFilters(value);
|
|
81
|
-
}
|
|
82
|
-
get filter() {
|
|
83
|
-
return this._filter;
|
|
84
|
-
}
|
|
85
|
-
/**
|
|
86
|
-
* @hidden
|
|
87
|
-
*/
|
|
88
|
-
actionsClass = 'k-actions k-button-group';
|
|
89
|
-
get childFilter() {
|
|
90
|
-
if (!isPresent(this._childFilter)) {
|
|
91
|
-
this._childFilter = {
|
|
92
|
-
filters: filtersByField(this.filter, (this.column || {}).field),
|
|
93
|
-
logic: parentLogicOfDefault(this.filter, (this.column || {}).field)
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
return this._childFilter;
|
|
97
|
-
}
|
|
98
|
-
resetButton;
|
|
99
|
-
filterButton;
|
|
100
|
-
_childFilter;
|
|
101
|
-
subscription;
|
|
102
|
-
_templateContext = {};
|
|
103
|
-
_filter;
|
|
104
|
-
constructor(parentService, childService, localization, cd, menuTabbingService) {
|
|
105
|
-
this.parentService = parentService;
|
|
106
|
-
this.childService = childService;
|
|
107
|
-
this.localization = localization;
|
|
108
|
-
this.cd = cd;
|
|
109
|
-
this.menuTabbingService = menuTabbingService;
|
|
110
|
-
}
|
|
111
|
-
ngOnInit() {
|
|
112
|
-
this.subscription = this.childService.changes.subscribe(filter => this._childFilter = filter);
|
|
113
|
-
this.subscription.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
|
|
114
|
-
}
|
|
115
|
-
ngAfterViewChecked() {
|
|
116
|
-
if (!this.menuTabbingService.isColumnMenu || (this.isLast && this.isExpanded)) {
|
|
117
|
-
this.menuTabbingService.lastFocusable = this.resetButton.nativeElement;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
ngOnDestroy() {
|
|
121
|
-
if (this.subscription) {
|
|
122
|
-
this.subscription.unsubscribe();
|
|
123
|
-
}
|
|
124
|
-
this.menuTabbingService.lastFocusable = undefined;
|
|
125
|
-
}
|
|
126
|
-
get disabled() {
|
|
127
|
-
return !this.childFilter.filters.some(validFilters);
|
|
128
|
-
}
|
|
129
|
-
get templateContext() {
|
|
130
|
-
this._templateContext.column = this.column;
|
|
131
|
-
this._templateContext.filter = this.childFilter;
|
|
132
|
-
this._templateContext.filterService = this.childService;
|
|
133
|
-
this._templateContext["$implicit"] = this.childFilter;
|
|
134
|
-
return this._templateContext;
|
|
135
|
-
}
|
|
136
|
-
get hasTemplate() {
|
|
137
|
-
return isPresent(this.column) && isPresent(this.column.filterMenuTemplateRef);
|
|
138
|
-
}
|
|
139
|
-
submit() {
|
|
140
|
-
const filter = trimFilters(this.childFilter);
|
|
141
|
-
if (filter.filters.length) {
|
|
142
|
-
const root = this.filter || {
|
|
143
|
-
filters: [],
|
|
144
|
-
logic: "and"
|
|
145
|
-
};
|
|
146
|
-
removeFilter(root, this.column.field);
|
|
147
|
-
root.filters.push(filter);
|
|
148
|
-
this.parentService.filter(root);
|
|
149
|
-
}
|
|
150
|
-
this.close.emit();
|
|
151
|
-
return false;
|
|
152
|
-
}
|
|
153
|
-
reset() {
|
|
154
|
-
const root = this.filter || {
|
|
155
|
-
filters: [],
|
|
156
|
-
logic: "and"
|
|
157
|
-
};
|
|
158
|
-
removeFilter(root, this.column.field);
|
|
159
|
-
this.parentService.filter(root);
|
|
160
|
-
this.close.emit();
|
|
161
|
-
}
|
|
162
|
-
onTab(e, buttonType) {
|
|
163
|
-
if (this.menuTabbingService.firstFocusable && (!this.menuTabbingService.isColumnMenu || this.isLast)) {
|
|
164
|
-
e.preventDefault();
|
|
165
|
-
if (buttonType === 'reset') {
|
|
166
|
-
this.menuTabbingService.firstFocusable.focus();
|
|
167
|
-
}
|
|
168
|
-
else {
|
|
169
|
-
this.disabled ? this.menuTabbingService.firstFocusable.focus() : this.resetButton.nativeElement.focus();
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
get clearText() {
|
|
174
|
-
return this.localization.get("filterClearButton");
|
|
175
|
-
}
|
|
176
|
-
get filterText() {
|
|
177
|
-
return this.localization.get("filterFilterButton");
|
|
178
|
-
}
|
|
179
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuContainerComponent, deps: [{ token: i1.FilterService, skipSelf: true }, { token: i1.FilterService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.MenuTabbingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
180
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FilterMenuContainerComponent, isStandalone: true, selector: "kendo-treelist-filter-menu-container", inputs: { column: "column", isLast: "isLast", isExpanded: "isExpanded", menuTabbingService: "menuTabbingService", filter: "filter", actionsClass: "actionsClass" }, outputs: { close: "close" }, providers: [
|
|
181
|
-
FilterService,
|
|
182
|
-
MenuTabbingService
|
|
183
|
-
], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
|
|
184
|
-
<form (submit)="submit()" (reset)="reset()"
|
|
185
|
-
class="k-filter-menu">
|
|
186
|
-
<div class="k-filter-menu-container">
|
|
187
|
-
@switch (hasTemplate) {
|
|
188
|
-
@case (false) {
|
|
189
|
-
<ng-container
|
|
190
|
-
kendoFilterMenuHost
|
|
191
|
-
[filterService]="childService"
|
|
192
|
-
[column]="column"
|
|
193
|
-
[filter]="childFilter"
|
|
194
|
-
[menuTabbingService]="menuTabbingService">
|
|
195
|
-
</ng-container>
|
|
196
|
-
}
|
|
197
|
-
@case (true) {
|
|
198
|
-
@if (column.filterMenuTemplateRef) {
|
|
199
|
-
<ng-template
|
|
200
|
-
[ngTemplateOutlet]="column.filterMenuTemplateRef"
|
|
201
|
-
[ngTemplateOutletContext]="templateContext"
|
|
202
|
-
>
|
|
203
|
-
</ng-template>
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
<div [ngClass]="actionsClass">
|
|
208
|
-
<button kendoButton
|
|
209
|
-
#filterButton
|
|
210
|
-
type="submit"
|
|
211
|
-
themeColor="primary"
|
|
212
|
-
class="k-button-rectangle"
|
|
213
|
-
[disabled]="disabled"
|
|
214
|
-
(keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
|
|
215
|
-
<button kendoButton
|
|
216
|
-
#resetButton
|
|
217
|
-
type="reset"
|
|
218
|
-
class="k-button-rectangle"
|
|
219
|
-
(keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
|
|
220
|
-
</div>
|
|
221
|
-
</div>
|
|
222
|
-
</form>
|
|
223
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: FilterMenuHostDirective, selector: "[kendoFilterMenuHost]", inputs: ["filterService", "menuTabbingService"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
|
|
224
|
-
}
|
|
225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuContainerComponent, decorators: [{
|
|
226
|
-
type: Component,
|
|
227
|
-
args: [{
|
|
228
|
-
providers: [
|
|
229
|
-
FilterService,
|
|
230
|
-
MenuTabbingService
|
|
231
|
-
],
|
|
232
|
-
selector: 'kendo-treelist-filter-menu-container',
|
|
233
|
-
template: `
|
|
234
|
-
<form (submit)="submit()" (reset)="reset()"
|
|
235
|
-
class="k-filter-menu">
|
|
236
|
-
<div class="k-filter-menu-container">
|
|
237
|
-
@switch (hasTemplate) {
|
|
238
|
-
@case (false) {
|
|
239
|
-
<ng-container
|
|
240
|
-
kendoFilterMenuHost
|
|
241
|
-
[filterService]="childService"
|
|
242
|
-
[column]="column"
|
|
243
|
-
[filter]="childFilter"
|
|
244
|
-
[menuTabbingService]="menuTabbingService">
|
|
245
|
-
</ng-container>
|
|
246
|
-
}
|
|
247
|
-
@case (true) {
|
|
248
|
-
@if (column.filterMenuTemplateRef) {
|
|
249
|
-
<ng-template
|
|
250
|
-
[ngTemplateOutlet]="column.filterMenuTemplateRef"
|
|
251
|
-
[ngTemplateOutletContext]="templateContext"
|
|
252
|
-
>
|
|
253
|
-
</ng-template>
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
<div [ngClass]="actionsClass">
|
|
258
|
-
<button kendoButton
|
|
259
|
-
#filterButton
|
|
260
|
-
type="submit"
|
|
261
|
-
themeColor="primary"
|
|
262
|
-
class="k-button-rectangle"
|
|
263
|
-
[disabled]="disabled"
|
|
264
|
-
(keydown.tab)="onTab($event, 'filter')">{{filterText}}</button>
|
|
265
|
-
<button kendoButton
|
|
266
|
-
#resetButton
|
|
267
|
-
type="reset"
|
|
268
|
-
class="k-button-rectangle"
|
|
269
|
-
(keydown.tab)="onTab($event, 'reset')">{{clearText}}</button>
|
|
270
|
-
</div>
|
|
271
|
-
</div>
|
|
272
|
-
</form>
|
|
273
|
-
`,
|
|
274
|
-
standalone: true,
|
|
275
|
-
imports: [ReactiveFormsModule, FormsModule, FilterMenuHostDirective, NgTemplateOutlet, NgClass, ButtonComponent]
|
|
276
|
-
}]
|
|
277
|
-
}], ctorParameters: () => [{ type: i1.FilterService, decorators: [{
|
|
278
|
-
type: SkipSelf
|
|
279
|
-
}] }, { type: i1.FilterService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i3.MenuTabbingService }], propDecorators: { close: [{
|
|
280
|
-
type: Output
|
|
281
|
-
}], column: [{
|
|
282
|
-
type: Input
|
|
283
|
-
}], isLast: [{
|
|
284
|
-
type: Input
|
|
285
|
-
}], isExpanded: [{
|
|
286
|
-
type: Input
|
|
287
|
-
}], menuTabbingService: [{
|
|
288
|
-
type: Input
|
|
289
|
-
}], filter: [{
|
|
290
|
-
type: Input
|
|
291
|
-
}], actionsClass: [{
|
|
292
|
-
type: Input
|
|
293
|
-
}], resetButton: [{
|
|
294
|
-
type: ViewChild,
|
|
295
|
-
args: ['resetButton', { static: false }]
|
|
296
|
-
}], filterButton: [{
|
|
297
|
-
type: ViewChild,
|
|
298
|
-
args: ['filterButton', { static: false }]
|
|
299
|
-
}] } });
|
|
@@ -1,44 +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 { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
|
|
6
|
-
import { Directive, Input } from '@angular/core';
|
|
7
|
-
import { Keys } from '@progress/kendo-angular-common';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@progress/kendo-angular-dropdowns";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class FilterMenuDropDownListDirective {
|
|
14
|
-
host;
|
|
15
|
-
filterMenuDropDownLabel;
|
|
16
|
-
constructor(host) {
|
|
17
|
-
this.host = host;
|
|
18
|
-
}
|
|
19
|
-
ngAfterViewInit() {
|
|
20
|
-
const wrapperElement = this.host.wrapper.nativeElement;
|
|
21
|
-
wrapperElement.setAttribute('aria-label', this.filterMenuDropDownLabel);
|
|
22
|
-
wrapperElement.addEventListener('keydown', this.keydownHandler, true);
|
|
23
|
-
}
|
|
24
|
-
ngOnDestroy() {
|
|
25
|
-
this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
|
|
26
|
-
}
|
|
27
|
-
keydownHandler = (e) => {
|
|
28
|
-
if (e.code === Keys.Escape && this.host.isOpen) {
|
|
29
|
-
e.stopPropagation();
|
|
30
|
-
this.host.toggle(false);
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuDropDownListDirective, deps: [{ token: i1.DropDownListComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
34
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterMenuDropDownListDirective, isStandalone: true, selector: "[kendoFilterMenuDropDown]", inputs: { filterMenuDropDownLabel: "filterMenuDropDownLabel" }, ngImport: i0 });
|
|
35
|
-
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuDropDownListDirective, decorators: [{
|
|
37
|
-
type: Directive,
|
|
38
|
-
args: [{
|
|
39
|
-
selector: '[kendoFilterMenuDropDown]',
|
|
40
|
-
standalone: true
|
|
41
|
-
}]
|
|
42
|
-
}], ctorParameters: () => [{ type: i1.DropDownListComponent }], propDecorators: { filterMenuDropDownLabel: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}] } });
|
|
@@ -1,46 +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, ViewContainerRef, Input } from "@angular/core";
|
|
6
|
-
import { FilterHostDirective } from "../filter-host.directive";
|
|
7
|
-
import { isNullOrEmptyString, isPresent } from "../../utils";
|
|
8
|
-
import { filterMenuComponentFactory } from "./filter-menu-component.factory";
|
|
9
|
-
import { StringFilterMenuComponent } from "./string-filter-menu.component";
|
|
10
|
-
import { FilterService } from "../filter.service";
|
|
11
|
-
import { MenuTabbingService } from "./menu-tabbing.service";
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export class FilterMenuHostDirective extends FilterHostDirective {
|
|
17
|
-
filterService;
|
|
18
|
-
menuTabbingService;
|
|
19
|
-
constructor(host) {
|
|
20
|
-
super(host);
|
|
21
|
-
}
|
|
22
|
-
componentType() {
|
|
23
|
-
if (isPresent(this.column) && !isNullOrEmptyString(this.column.filter)) {
|
|
24
|
-
return filterMenuComponentFactory(this.column.filter);
|
|
25
|
-
}
|
|
26
|
-
return StringFilterMenuComponent;
|
|
27
|
-
}
|
|
28
|
-
initComponent(ctx) {
|
|
29
|
-
super.initComponent(ctx);
|
|
30
|
-
this.component.instance.filterService = this.filterService;
|
|
31
|
-
this.component.instance.menuTabbingService = this.menuTabbingService;
|
|
32
|
-
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
34
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterMenuHostDirective, isStandalone: true, selector: "[kendoFilterMenuHost]", inputs: { filterService: "filterService", menuTabbingService: "menuTabbingService" }, usesInheritance: true, ngImport: i0 });
|
|
35
|
-
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuHostDirective, decorators: [{
|
|
37
|
-
type: Directive,
|
|
38
|
-
args: [{
|
|
39
|
-
selector: '[kendoFilterMenuHost]',
|
|
40
|
-
standalone: true
|
|
41
|
-
}]
|
|
42
|
-
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { filterService: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], menuTabbingService: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}] } });
|