@progress/kendo-angular-dropdowns 19.1.2-develop.4 → 19.1.2-develop.5
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/autocomplete/autocomplete.component.d.ts +3 -0
- package/codemods/utils.js +0 -3
- package/comboboxes/combobox-column/column-cell-template.directive.d.ts +11 -0
- package/comboboxes/combobox-column/column-header-template.directive.d.ts +11 -0
- package/comboboxes/combobox-column/combobox-column.component.d.ts +7 -0
- package/comboboxes/combobox.component.d.ts +3 -2
- package/comboboxes/multicolumncombobox.component.d.ts +4 -2
- package/common/filtering/filter.directive.d.ts +4 -2
- package/common/localization/custom-messages.component.d.ts +52 -0
- package/common/templates/custom-item-template.directive.d.ts +3 -3
- package/dropdownlist/dropdownlist.component.d.ts +2 -0
- package/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.d.ts +8 -0
- package/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.d.ts +8 -0
- package/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.d.ts +8 -0
- package/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.d.ts +8 -0
- package/dropdowntrees/dropdowntree.component.d.ts +7 -0
- package/dropdowntrees/expanded-state/expand.directive.d.ts +10 -0
- package/dropdowntrees/multiselecttree.component.d.ts +2 -0
- package/dropdowntrees/summary-tag/summary-tag.directive.d.ts +5 -2
- package/esm2022/autocomplete/autocomplete.component.mjs +3 -0
- package/esm2022/comboboxes/combobox-column/column-cell-template.directive.mjs +11 -0
- package/esm2022/comboboxes/combobox-column/column-header-template.directive.mjs +11 -0
- package/esm2022/comboboxes/combobox-column/combobox-column.component.mjs +7 -0
- package/esm2022/comboboxes/combobox.component.mjs +5 -4
- package/esm2022/comboboxes/multicolumncombobox.component.mjs +6 -4
- package/esm2022/common/filtering/filter.directive.mjs +4 -2
- package/esm2022/common/localization/custom-messages.component.mjs +52 -0
- package/esm2022/common/templates/custom-item-template.directive.mjs +3 -3
- package/esm2022/dropdownlist/dropdownlist.component.mjs +4 -2
- package/esm2022/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.mjs +8 -0
- package/esm2022/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.mjs +8 -0
- package/esm2022/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.mjs +8 -0
- package/esm2022/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.mjs +8 -0
- package/esm2022/dropdowntrees/dropdowntree.component.mjs +7 -0
- package/esm2022/dropdowntrees/expanded-state/expand.directive.mjs +10 -0
- package/esm2022/dropdowntrees/multiselecttree.component.mjs +4 -2
- package/esm2022/dropdowntrees/summary-tag/summary-tag.directive.mjs +5 -2
- package/esm2022/multiselect/multiselect.component.mjs +2 -0
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-dropdowns.mjs +168 -21
- package/multiselect/multiselect.component.d.ts +2 -0
- package/package.json +10 -10
- package/schematics/ngAdd/index.js +2 -2
@@ -49,6 +49,9 @@ export declare const AUTOCOMPLETE_VALUE_ACCESSOR: any;
|
|
49
49
|
* placeholder="placeholder">
|
50
50
|
* </kendo-autocomplete>
|
51
51
|
* ```
|
52
|
+
*
|
53
|
+
* @remarks
|
54
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
52
55
|
*/
|
53
56
|
export declare class AutoCompleteComponent implements ControlValueAccessor, OnDestroy, AfterViewInit, OnChanges, FilterableComponent {
|
54
57
|
private localization;
|
package/codemods/utils.js
CHANGED
@@ -207,8 +207,6 @@ const tsPropertyValueTransformer = (root, j, typeName, oldValue, newValue) => {
|
|
207
207
|
path.node.value.value = newValue;
|
208
208
|
}
|
209
209
|
});
|
210
|
-
// 2. Find all assignments to variables of the specified type
|
211
|
-
const variablesOfType = new Set();
|
212
210
|
// First, collect all variables with the specified type
|
213
211
|
root
|
214
212
|
.find(j.VariableDeclarator)
|
@@ -224,7 +222,6 @@ const tsPropertyValueTransformer = (root, j, typeName, oldValue, newValue) => {
|
|
224
222
|
})
|
225
223
|
.forEach(path => {
|
226
224
|
if (path.node.id.type === 'Identifier') {
|
227
|
-
variablesOfType.add(path.node.id.name);
|
228
225
|
// Also update the initial value if it matches
|
229
226
|
if (path.node.init &&
|
230
227
|
path.node.init.type === 'StringLiteral' &&
|
@@ -13,6 +13,17 @@ import * as i0 from "@angular/core";
|
|
13
13
|
* The context variables are:
|
14
14
|
* - `let-dataItem="dataItem"` (`any`)—The current data item. Also available as the implicit context variable.
|
15
15
|
* - `let-column="column"` ([`ColumnComponent`]({% slug api_dropdowns_comboboxcolumncomponent %}))—The current column configuration object.
|
16
|
+
*
|
17
|
+
* @example
|
18
|
+
* ```html
|
19
|
+
* <kendo-multicolumncombobox ...>
|
20
|
+
* <kendo-combobox-column field="name" title="Name">
|
21
|
+
* <ng-template kendoMultiColumnComboBoxColumnCellTemplate let-dataItem="dataItem" let-column="column">
|
22
|
+
* {{ dataItem[column.field] }}
|
23
|
+
* </ng-template>
|
24
|
+
* </kendo-combobox-column>
|
25
|
+
* <kendo-multicolumncombobox>
|
26
|
+
* ```
|
16
27
|
*/
|
17
28
|
export declare class ColumnCellTemplateDirective {
|
18
29
|
templateRef: TemplateRef<any>;
|
@@ -11,6 +11,17 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* [See example]({% slug templates_multicolumncombobox %}).
|
12
12
|
*
|
13
13
|
* The current [`column`]({% slug api_dropdowns_comboboxcolumncomponent %}) is available as the implicit context variable.
|
14
|
+
*
|
15
|
+
* @example
|
16
|
+
* ```html
|
17
|
+
* <kendo-multicolumncombobox ...>
|
18
|
+
* <kendo-combobox-column field="name" title="Name">
|
19
|
+
* <ng-template kendoMultiColumnComboBoxColumnHeaderTemplate let-column="column">
|
20
|
+
* {{ column.title }}
|
21
|
+
* </ng-template>
|
22
|
+
* </kendo-combobox-column>
|
23
|
+
* <kendo-multicolumncombobox>
|
24
|
+
* ```
|
14
25
|
*/
|
15
26
|
export declare class ColumnHeaderTemplateDirective {
|
16
27
|
templateRef: TemplateRef<any>;
|
@@ -10,6 +10,13 @@ import * as i0 from "@angular/core";
|
|
10
10
|
*
|
11
11
|
* Use this component to define columns inside the MultiColumnComboBox.
|
12
12
|
* [See example]({% slug columns_multicolumncombobox %}).
|
13
|
+
*
|
14
|
+
* @example
|
15
|
+
* ```html
|
16
|
+
* <kendo-multicolumncombobox ...>
|
17
|
+
* <kendo-combobox-column field="name" title="Name" width="200"></kendo-combobox-column>
|
18
|
+
* <kendo-multicolumncombobox ...>
|
19
|
+
* ```
|
13
20
|
*/
|
14
21
|
export declare class ComboBoxColumnComponent {
|
15
22
|
/**
|
@@ -44,9 +44,10 @@ export declare const COMBOBOX_VALUE_ACCESSOR: any;
|
|
44
44
|
* Represents the [Kendo UI ComboBox component for Angular]({% slug overview_combobox %}).
|
45
45
|
* @example
|
46
46
|
* ```html
|
47
|
-
* <kendo-combobox [data]="listItems">
|
48
|
-
* </kendo-combobox>
|
47
|
+
* <kendo-combobox [data]="listItems"> </kendo-combobox>
|
49
48
|
* ```
|
49
|
+
* @remarks
|
50
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
50
51
|
*/
|
51
52
|
export declare class ComboBoxComponent extends MultiTabStop implements ControlValueAccessor, AfterViewInit, OnDestroy, OnChanges, AfterContentChecked, FilterableComponent {
|
52
53
|
wrapper: ElementRef<HTMLElement>;
|
@@ -22,9 +22,11 @@ import * as i0 from "@angular/core";
|
|
22
22
|
*
|
23
23
|
* @example
|
24
24
|
* ```html
|
25
|
-
* <kendo-multicolumncombobox [data]="data" [columns]="columns">
|
26
|
-
* </kendo-multicolumncombobox>
|
25
|
+
* <kendo-multicolumncombobox [data]="data" [columns]="columns"></kendo-multicolumncombobox>
|
27
26
|
* ```
|
27
|
+
*
|
28
|
+
* @remarks
|
29
|
+
* Supported children components are: {@link ComboBoxColumnComponent}, {@link CustomMessagesComponent}.
|
28
30
|
*/
|
29
31
|
export declare class MultiColumnComboBoxComponent extends ComboBoxComponent implements AfterViewInit, OnDestroy, FilterableComponent {
|
30
32
|
hostElement: ElementRef;
|
@@ -9,10 +9,11 @@ import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
10
10
|
* Implements an event handler for the `filterChange` event of a DropDowns component
|
11
11
|
* which performs simple data filtering.
|
12
|
+
* Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
12
13
|
*
|
13
14
|
* @example
|
14
15
|
* ```ts
|
15
|
-
*
|
16
|
+
* @Component({
|
16
17
|
* selector: 'my-app',
|
17
18
|
* template: `
|
18
19
|
* <kendo-autocomplete
|
@@ -27,7 +28,8 @@ import * as i0 from "@angular/core";
|
|
27
28
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
28
29
|
* }
|
29
30
|
* ```
|
30
|
-
*
|
31
|
+
* @remarks
|
32
|
+
* Applied to: {@link AutoCompleteComponent}, {@link ComboBoxComponent}, {@link DropDownListComponent}, {@link MultiColumnComboBoxComponent}, {@link MultiSelectComponent}.
|
31
33
|
*/
|
32
34
|
export declare class FilterDirective implements OnInit, OnDestroy {
|
33
35
|
private component;
|
@@ -8,6 +8,58 @@ import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
9
9
|
* Custom component messages override default component messages
|
10
10
|
* ([see example]({% slug rtl_dropdowns %}#toc-messages)).
|
11
|
+
*
|
12
|
+
* @example
|
13
|
+
* ```html
|
14
|
+
* <kendo-dropdownlist>
|
15
|
+
* <kendo-dropdownlist-messages
|
16
|
+
* noDataText="No items found"
|
17
|
+
* clearTitle="Clear selection">
|
18
|
+
* </kendo-dropdownlist-messages>
|
19
|
+
* </kendo-dropdownlist>
|
20
|
+
*
|
21
|
+
* <kendo-combobox>
|
22
|
+
* <kendo-combobox-messages
|
23
|
+
* noDataText="No items found"
|
24
|
+
* filterInputPlaceholder="Search items">
|
25
|
+
* </kendo-combobox-messages>
|
26
|
+
* </kendo-combobox>
|
27
|
+
*
|
28
|
+
* <kendo-multicolumncombobox>
|
29
|
+
* <kendo-multicolumncombobox-messages
|
30
|
+
* noDataText="No items found"
|
31
|
+
* clearTitle="Clear selection">
|
32
|
+
* </kendo-multicolumncombobox-messages>
|
33
|
+
* </kendo-multicolumncombobox>
|
34
|
+
*
|
35
|
+
* <kendo-autocomplete>
|
36
|
+
* <kendo-autocomplete-messages
|
37
|
+
* noDataText="No items found"
|
38
|
+
* filterInputPlaceholder="Type to search">
|
39
|
+
* </kendo-autocomplete-messages>
|
40
|
+
* </kendo-autocomplete>
|
41
|
+
*
|
42
|
+
* <kendo-multiselect>
|
43
|
+
* <kendo-multiselect-messages
|
44
|
+
* checkAllText="Select all"
|
45
|
+
* clearTitle="Clear all">
|
46
|
+
* </kendo-multiselect-messages>
|
47
|
+
* </kendo-multiselect>
|
48
|
+
*
|
49
|
+
* <kendo-dropdowntree>
|
50
|
+
* <kendo-dropdowntree-messages
|
51
|
+
* noDataText="No items found"
|
52
|
+
* selectButtonText="Select item">
|
53
|
+
* </kendo-dropdowntree-messages>
|
54
|
+
* </kendo-dropdowntree>
|
55
|
+
*
|
56
|
+
* <kendo-multiselecttree>
|
57
|
+
* <kendo-multiselecttree-messages
|
58
|
+
* checkAllText="Select all"
|
59
|
+
* clearTitle="Clear all">
|
60
|
+
* </kendo-multiselecttree-messages>
|
61
|
+
* </kendo-multiselecttree>
|
62
|
+
* ```
|
11
63
|
*/
|
12
64
|
export declare class CustomMessagesComponent extends Messages {
|
13
65
|
protected service: LocalizationService;
|
@@ -11,11 +11,11 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* To get a reference to the current text that is typed by the
|
12
12
|
* user, use the `let-customItem` directive.
|
13
13
|
*
|
14
|
-
*
|
14
|
+
* The `CustomItemTemplate` directive can only be used with the MultiSelect component.
|
15
15
|
*
|
16
16
|
* @example
|
17
|
-
* ```
|
18
|
-
*
|
17
|
+
* ```typescript
|
18
|
+
* @Component({
|
19
19
|
* selector: 'my-app',
|
20
20
|
* template: `
|
21
21
|
* <kendo-multiselect [data]="listItems" [allowCustom]="true">
|
@@ -46,6 +46,8 @@ export declare const DROPDOWNLIST_VALUE_ACCESSOR: any;
|
|
46
46
|
* ```html
|
47
47
|
* <kendo-dropdownlist [data]="["Item 1", "Item 2", "Item 3"]"></kendo-dropdownlist>
|
48
48
|
* ```
|
49
|
+
* @remarks
|
50
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
49
51
|
*/
|
50
52
|
export declare class DropDownListComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, OnChanges, AfterContentChecked, OnInit, FilterableComponent {
|
51
53
|
wrapper: ElementRef;
|
@@ -7,6 +7,14 @@ import { DataBoundComponent, FlatDataBindingDirective } from '@progress/kendo-an
|
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
/**
|
9
9
|
* Retrieves child nodes when the provided data is flat.
|
10
|
+
*
|
11
|
+
* @example
|
12
|
+
* ```html
|
13
|
+
* <kendo-dropdowntree kendoDropDownTreeFlatBinding [nodes]="data" [valueField]="'id'"></kendo-dropdowntree>
|
14
|
+
* ```
|
15
|
+
*
|
16
|
+
* @remarks
|
17
|
+
* Applied to: {@link DropDownTreeComponent}.
|
10
18
|
*/
|
11
19
|
export declare class DropDownTreeFlatBindingDirective extends FlatDataBindingDirective implements OnChanges {
|
12
20
|
private dropDownTree;
|
@@ -7,6 +7,14 @@ import { DataBoundComponent, HierarchyBindingDirective } from '@progress/kendo-a
|
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
/**
|
9
9
|
* Retrieves child nodes when the provided data is hierarchical.
|
10
|
+
*
|
11
|
+
* @example
|
12
|
+
* ```html
|
13
|
+
* <kendo-dropdowntree kendoDropDownTreeHierarchyBinding [nodes]="data" [valueField]="'id'"></kendo-dropdowntree>
|
14
|
+
* ```
|
15
|
+
*
|
16
|
+
* @remarks
|
17
|
+
* Applied to: {@link DropDownTreeComponent}.
|
10
18
|
*/
|
11
19
|
export declare class DropDownTreeHierarchyBindingDirective extends HierarchyBindingDirective implements OnChanges {
|
12
20
|
private dropDownTree;
|
@@ -7,6 +7,14 @@ import { DataBoundComponent, FlatDataBindingDirective } from '@progress/kendo-an
|
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
/**
|
9
9
|
* Retrieves child nodes when the provided data is flat for the MultiSelectTree.
|
10
|
+
*
|
11
|
+
* @example
|
12
|
+
* ```html
|
13
|
+
* <kendo-multiselecttree kendoMultiSelectTreeFlatBinding [nodes]="data" [valueField]="'id'"></kendo-multiselecttree>
|
14
|
+
* ```
|
15
|
+
*
|
16
|
+
* @remarks
|
17
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
10
18
|
*/
|
11
19
|
export declare class MultiSelectTreeFlatBindingDirective extends FlatDataBindingDirective implements OnChanges {
|
12
20
|
private multiSelectTree;
|
@@ -7,6 +7,14 @@ import { DataBoundComponent, HierarchyBindingDirective } from '@progress/kendo-a
|
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
/**
|
9
9
|
* Retrieves child nodes when the provided data is hierarchical for the MultiSelectTree.
|
10
|
+
*
|
11
|
+
* * @example
|
12
|
+
* ```html
|
13
|
+
* <kendo-multiselecttree kendoMultiSelectTreeHierarchyBinding [nodes]="data" [valueField]="'id'"></kendo-multiselecttree>
|
14
|
+
* ```
|
15
|
+
*
|
16
|
+
* @remarks
|
17
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
10
18
|
*/
|
11
19
|
export declare class MultiSelectTreeHierarchyBindingDirective extends HierarchyBindingDirective implements OnChanges {
|
12
20
|
private multiSelectTree;
|
@@ -29,6 +29,13 @@ import { AdaptiveRendererComponent } from '../common/adaptive-renderer.component
|
|
29
29
|
import * as i0 from "@angular/core";
|
30
30
|
/**
|
31
31
|
* Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
|
32
|
+
* @example
|
33
|
+
* ```html
|
34
|
+
* <kendo-dropdowntree [data]="data" textField="text" valueField="value"></kendo-dropdowntree>
|
35
|
+
* ```
|
36
|
+
*
|
37
|
+
* @remarks
|
38
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
32
39
|
*/
|
33
40
|
export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChanges, AfterContentChecked, ControlValueAccessor, DataBoundComponent, ExpandableComponent {
|
34
41
|
private injector;
|
@@ -6,6 +6,16 @@ import { ExpandableComponent, ExpandDirective } from '@progress/kendo-angular-tr
|
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
/**
|
8
8
|
* Manages the expanded state of the popup TreeView.
|
9
|
+
* @example
|
10
|
+
* ```html
|
11
|
+
* <kendo-dropdowntree kendoDropDownTreeExpandable></kendo-dropdowntree>
|
12
|
+
* ```
|
13
|
+
* @example
|
14
|
+
* ```html
|
15
|
+
* <kendo-multiselecttree kendoMultiSelectTreeExpandable> </kendo-multiselecttree>
|
16
|
+
* ```
|
17
|
+
* @remarks
|
18
|
+
* Applied to: {@link DropDownTreeComponent}, {@link MultiSelectTreeComponent}.
|
9
19
|
*/
|
10
20
|
export declare class DropDownTreesExpandDirective extends ExpandDirective {
|
11
21
|
private dropDownTree;
|
@@ -61,6 +61,8 @@ import * as i0 from "@angular/core";
|
|
61
61
|
* public selectedValues = [2, 3];
|
62
62
|
* }
|
63
63
|
* ```
|
64
|
+
* @remarks
|
65
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
64
66
|
*/
|
65
67
|
export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnChanges, AfterContentChecked, DataBoundComponent, ExpandableComponent, ControlValueAccessor {
|
66
68
|
private injector;
|
@@ -11,14 +11,17 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* See [more information and examples]({% slug api_dropdowns_multiselecttreesummarytagdirective %}).
|
12
12
|
*
|
13
13
|
* @example
|
14
|
-
* ```
|
14
|
+
* ```html
|
15
15
|
* <kendo-multiselecttree kendoMultiSelectTreeSummaryTag [data]="data"></kendo-multiselecttree>
|
16
16
|
* ```
|
17
17
|
*
|
18
18
|
* @example
|
19
|
-
* ```
|
19
|
+
* ```html
|
20
20
|
* <kendo-multiselecttree [kendoMultiSelectTreeSummaryTag]="2" [data]="data"></kendo-multiselecttree>
|
21
21
|
* ```
|
22
|
+
*
|
23
|
+
* @remarks
|
24
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
22
25
|
*/
|
23
26
|
export declare class MultiSelectTreeSummaryTagDirective implements OnChanges {
|
24
27
|
private multiSelectTreeComponent;
|
@@ -65,6 +65,9 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR = {
|
|
65
65
|
* placeholder="placeholder">
|
66
66
|
* </kendo-autocomplete>
|
67
67
|
* ```
|
68
|
+
*
|
69
|
+
* @remarks
|
70
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
68
71
|
*/
|
69
72
|
export class AutoCompleteComponent {
|
70
73
|
localization;
|
@@ -13,6 +13,17 @@ import * as i0 from "@angular/core";
|
|
13
13
|
* The context variables are:
|
14
14
|
* - `let-dataItem="dataItem"` (`any`)—The current data item. Also available as the implicit context variable.
|
15
15
|
* - `let-column="column"` ([`ColumnComponent`]({% slug api_dropdowns_comboboxcolumncomponent %}))—The current column configuration object.
|
16
|
+
*
|
17
|
+
* @example
|
18
|
+
* ```html
|
19
|
+
* <kendo-multicolumncombobox ...>
|
20
|
+
* <kendo-combobox-column field="name" title="Name">
|
21
|
+
* <ng-template kendoMultiColumnComboBoxColumnCellTemplate let-dataItem="dataItem" let-column="column">
|
22
|
+
* {{ dataItem[column.field] }}
|
23
|
+
* </ng-template>
|
24
|
+
* </kendo-combobox-column>
|
25
|
+
* <kendo-multicolumncombobox>
|
26
|
+
* ```
|
16
27
|
*/
|
17
28
|
export class ColumnCellTemplateDirective {
|
18
29
|
templateRef;
|
@@ -11,6 +11,17 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* [See example]({% slug templates_multicolumncombobox %}).
|
12
12
|
*
|
13
13
|
* The current [`column`]({% slug api_dropdowns_comboboxcolumncomponent %}) is available as the implicit context variable.
|
14
|
+
*
|
15
|
+
* @example
|
16
|
+
* ```html
|
17
|
+
* <kendo-multicolumncombobox ...>
|
18
|
+
* <kendo-combobox-column field="name" title="Name">
|
19
|
+
* <ng-template kendoMultiColumnComboBoxColumnHeaderTemplate let-column="column">
|
20
|
+
* {{ column.title }}
|
21
|
+
* </ng-template>
|
22
|
+
* </kendo-combobox-column>
|
23
|
+
* <kendo-multicolumncombobox>
|
24
|
+
* ```
|
14
25
|
*/
|
15
26
|
export class ColumnHeaderTemplateDirective {
|
16
27
|
templateRef;
|
@@ -11,6 +11,13 @@ import * as i0 from "@angular/core";
|
|
11
11
|
*
|
12
12
|
* Use this component to define columns inside the MultiColumnComboBox.
|
13
13
|
* [See example]({% slug columns_multicolumncombobox %}).
|
14
|
+
*
|
15
|
+
* @example
|
16
|
+
* ```html
|
17
|
+
* <kendo-multicolumncombobox ...>
|
18
|
+
* <kendo-combobox-column field="name" title="Name" width="200"></kendo-combobox-column>
|
19
|
+
* <kendo-multicolumncombobox ...>
|
20
|
+
* ```
|
14
21
|
*/
|
15
22
|
export class ComboBoxColumnComponent {
|
16
23
|
/**
|
@@ -60,9 +60,10 @@ const DEFAULT_FILL_MODE = 'solid';
|
|
60
60
|
* Represents the [Kendo UI ComboBox component for Angular]({% slug overview_combobox %}).
|
61
61
|
* @example
|
62
62
|
* ```html
|
63
|
-
* <kendo-combobox [data]="listItems">
|
64
|
-
* </kendo-combobox>
|
63
|
+
* <kendo-combobox [data]="listItems"> </kendo-combobox>
|
65
64
|
* ```
|
65
|
+
* @remarks
|
66
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
66
67
|
*/
|
67
68
|
export class ComboBoxComponent extends MultiTabStop {
|
68
69
|
wrapper;
|
@@ -1617,7 +1618,7 @@ export class ComboBoxComponent extends MultiTabStop {
|
|
1617
1618
|
</ng-template>
|
1618
1619
|
</span>
|
1619
1620
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
1620
|
-
<input
|
1621
|
+
<input
|
1621
1622
|
kendoSearchbar
|
1622
1623
|
[ariaExpanded]="isOpen"
|
1623
1624
|
[ariaControls]="ariaControls"
|
@@ -1808,7 +1809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1808
1809
|
</ng-template>
|
1809
1810
|
</span>
|
1810
1811
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
1811
|
-
<input
|
1812
|
+
<input
|
1812
1813
|
kendoSearchbar
|
1813
1814
|
[ariaExpanded]="isOpen"
|
1814
1815
|
[ariaControls]="ariaControls"
|
@@ -43,9 +43,11 @@ import * as i7 from "@progress/kendo-angular-utils";
|
|
43
43
|
*
|
44
44
|
* @example
|
45
45
|
* ```html
|
46
|
-
* <kendo-multicolumncombobox [data]="data" [columns]="columns">
|
47
|
-
* </kendo-multicolumncombobox>
|
46
|
+
* <kendo-multicolumncombobox [data]="data" [columns]="columns"></kendo-multicolumncombobox>
|
48
47
|
* ```
|
48
|
+
*
|
49
|
+
* @remarks
|
50
|
+
* Supported children components are: {@link ComboBoxColumnComponent}, {@link CustomMessagesComponent}.
|
49
51
|
*/
|
50
52
|
export class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
51
53
|
hostElement;
|
@@ -294,7 +296,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
294
296
|
</ng-template>
|
295
297
|
</span>
|
296
298
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
297
|
-
<input
|
299
|
+
<input
|
298
300
|
kendoSearchbar
|
299
301
|
[ariaControls]="ariaControls"
|
300
302
|
[ariaExpanded]="isOpen"
|
@@ -582,7 +584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
582
584
|
</ng-template>
|
583
585
|
</span>
|
584
586
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
585
|
-
<input
|
587
|
+
<input
|
586
588
|
kendoSearchbar
|
587
589
|
[ariaControls]="ariaControls"
|
588
590
|
[ariaExpanded]="isOpen"
|
@@ -14,10 +14,11 @@ const DEFAULT_FILTER_SETTINGS = {
|
|
14
14
|
/**
|
15
15
|
* Implements an event handler for the `filterChange` event of a DropDowns component
|
16
16
|
* which performs simple data filtering.
|
17
|
+
* Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
17
18
|
*
|
18
19
|
* @example
|
19
20
|
* ```ts
|
20
|
-
*
|
21
|
+
* @Component({
|
21
22
|
* selector: 'my-app',
|
22
23
|
* template: `
|
23
24
|
* <kendo-autocomplete
|
@@ -32,7 +33,8 @@ const DEFAULT_FILTER_SETTINGS = {
|
|
32
33
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
33
34
|
* }
|
34
35
|
* ```
|
35
|
-
*
|
36
|
+
* @remarks
|
37
|
+
* Applied to: {@link AutoCompleteComponent}, {@link ComboBoxComponent}, {@link DropDownListComponent}, {@link MultiColumnComboBoxComponent}, {@link MultiSelectComponent}.
|
36
38
|
*/
|
37
39
|
export class FilterDirective {
|
38
40
|
component;
|
@@ -10,6 +10,58 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
10
10
|
/**
|
11
11
|
* Custom component messages override default component messages
|
12
12
|
* ([see example]({% slug rtl_dropdowns %}#toc-messages)).
|
13
|
+
*
|
14
|
+
* @example
|
15
|
+
* ```html
|
16
|
+
* <kendo-dropdownlist>
|
17
|
+
* <kendo-dropdownlist-messages
|
18
|
+
* noDataText="No items found"
|
19
|
+
* clearTitle="Clear selection">
|
20
|
+
* </kendo-dropdownlist-messages>
|
21
|
+
* </kendo-dropdownlist>
|
22
|
+
*
|
23
|
+
* <kendo-combobox>
|
24
|
+
* <kendo-combobox-messages
|
25
|
+
* noDataText="No items found"
|
26
|
+
* filterInputPlaceholder="Search items">
|
27
|
+
* </kendo-combobox-messages>
|
28
|
+
* </kendo-combobox>
|
29
|
+
*
|
30
|
+
* <kendo-multicolumncombobox>
|
31
|
+
* <kendo-multicolumncombobox-messages
|
32
|
+
* noDataText="No items found"
|
33
|
+
* clearTitle="Clear selection">
|
34
|
+
* </kendo-multicolumncombobox-messages>
|
35
|
+
* </kendo-multicolumncombobox>
|
36
|
+
*
|
37
|
+
* <kendo-autocomplete>
|
38
|
+
* <kendo-autocomplete-messages
|
39
|
+
* noDataText="No items found"
|
40
|
+
* filterInputPlaceholder="Type to search">
|
41
|
+
* </kendo-autocomplete-messages>
|
42
|
+
* </kendo-autocomplete>
|
43
|
+
*
|
44
|
+
* <kendo-multiselect>
|
45
|
+
* <kendo-multiselect-messages
|
46
|
+
* checkAllText="Select all"
|
47
|
+
* clearTitle="Clear all">
|
48
|
+
* </kendo-multiselect-messages>
|
49
|
+
* </kendo-multiselect>
|
50
|
+
*
|
51
|
+
* <kendo-dropdowntree>
|
52
|
+
* <kendo-dropdowntree-messages
|
53
|
+
* noDataText="No items found"
|
54
|
+
* selectButtonText="Select item">
|
55
|
+
* </kendo-dropdowntree-messages>
|
56
|
+
* </kendo-dropdowntree>
|
57
|
+
*
|
58
|
+
* <kendo-multiselecttree>
|
59
|
+
* <kendo-multiselecttree-messages
|
60
|
+
* checkAllText="Select all"
|
61
|
+
* clearTitle="Clear all">
|
62
|
+
* </kendo-multiselecttree-messages>
|
63
|
+
* </kendo-multiselecttree>
|
64
|
+
* ```
|
13
65
|
*/
|
14
66
|
export class CustomMessagesComponent extends Messages {
|
15
67
|
service;
|
@@ -11,11 +11,11 @@ import * as i0 from "@angular/core";
|
|
11
11
|
* To get a reference to the current text that is typed by the
|
12
12
|
* user, use the `let-customItem` directive.
|
13
13
|
*
|
14
|
-
*
|
14
|
+
* The `CustomItemTemplate` directive can only be used with the MultiSelect component.
|
15
15
|
*
|
16
16
|
* @example
|
17
|
-
* ```
|
18
|
-
*
|
17
|
+
* ```typescript
|
18
|
+
* @Component({
|
19
19
|
* selector: 'my-app',
|
20
20
|
* template: `
|
21
21
|
* <kendo-multiselect [data]="listItems" [allowCustom]="true">
|
@@ -64,6 +64,8 @@ const DEFAULT_FILL_MODE = 'solid';
|
|
64
64
|
* ```html
|
65
65
|
* <kendo-dropdownlist [data]="["Item 1", "Item 2", "Item 3"]"></kendo-dropdownlist>
|
66
66
|
* ```
|
67
|
+
* @remarks
|
68
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
67
69
|
*/
|
68
70
|
export class DropDownListComponent {
|
69
71
|
wrapper;
|
@@ -1556,7 +1558,7 @@ export class DropDownListComponent {
|
|
1556
1558
|
templateRef: headerTemplate.templateRef
|
1557
1559
|
}">
|
1558
1560
|
</ng-template>
|
1559
|
-
<!--list-->
|
1561
|
+
<!--list-->
|
1560
1562
|
<kendo-list
|
1561
1563
|
#optionsList
|
1562
1564
|
[id]="listBoxId"
|
@@ -1728,7 +1730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1728
1730
|
templateRef: headerTemplate.templateRef
|
1729
1731
|
}">
|
1730
1732
|
</ng-template>
|
1731
|
-
<!--list-->
|
1733
|
+
<!--list-->
|
1732
1734
|
<kendo-list
|
1733
1735
|
#optionsList
|
1734
1736
|
[id]="listBoxId"
|
@@ -9,6 +9,14 @@ import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "@progress/kendo-angular-treeview";
|
10
10
|
/**
|
11
11
|
* Retrieves child nodes when the provided data is flat.
|
12
|
+
*
|
13
|
+
* @example
|
14
|
+
* ```html
|
15
|
+
* <kendo-dropdowntree kendoDropDownTreeFlatBinding [nodes]="data" [valueField]="'id'"></kendo-dropdowntree>
|
16
|
+
* ```
|
17
|
+
*
|
18
|
+
* @remarks
|
19
|
+
* Applied to: {@link DropDownTreeComponent}.
|
12
20
|
*/
|
13
21
|
export class DropDownTreeFlatBindingDirective extends FlatDataBindingDirective {
|
14
22
|
dropDownTree;
|
@@ -9,6 +9,14 @@ import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "@progress/kendo-angular-treeview";
|
10
10
|
/**
|
11
11
|
* Retrieves child nodes when the provided data is hierarchical.
|
12
|
+
*
|
13
|
+
* @example
|
14
|
+
* ```html
|
15
|
+
* <kendo-dropdowntree kendoDropDownTreeHierarchyBinding [nodes]="data" [valueField]="'id'"></kendo-dropdowntree>
|
16
|
+
* ```
|
17
|
+
*
|
18
|
+
* @remarks
|
19
|
+
* Applied to: {@link DropDownTreeComponent}.
|
12
20
|
*/
|
13
21
|
export class DropDownTreeHierarchyBindingDirective extends HierarchyBindingDirective {
|
14
22
|
dropDownTree;
|
@@ -9,6 +9,14 @@ import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "@progress/kendo-angular-treeview";
|
10
10
|
/**
|
11
11
|
* Retrieves child nodes when the provided data is flat for the MultiSelectTree.
|
12
|
+
*
|
13
|
+
* @example
|
14
|
+
* ```html
|
15
|
+
* <kendo-multiselecttree kendoMultiSelectTreeFlatBinding [nodes]="data" [valueField]="'id'"></kendo-multiselecttree>
|
16
|
+
* ```
|
17
|
+
*
|
18
|
+
* @remarks
|
19
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
12
20
|
*/
|
13
21
|
export class MultiSelectTreeFlatBindingDirective extends FlatDataBindingDirective {
|
14
22
|
multiSelectTree;
|
@@ -9,6 +9,14 @@ import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "@progress/kendo-angular-treeview";
|
10
10
|
/**
|
11
11
|
* Retrieves child nodes when the provided data is hierarchical for the MultiSelectTree.
|
12
|
+
*
|
13
|
+
* * @example
|
14
|
+
* ```html
|
15
|
+
* <kendo-multiselecttree kendoMultiSelectTreeHierarchyBinding [nodes]="data" [valueField]="'id'"></kendo-multiselecttree>
|
16
|
+
* ```
|
17
|
+
*
|
18
|
+
* @remarks
|
19
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
12
20
|
*/
|
13
21
|
export class MultiSelectTreeHierarchyBindingDirective extends HierarchyBindingDirective {
|
14
22
|
multiSelectTree;
|
@@ -46,6 +46,13 @@ const DEFAULT_FILL_MODE = 'solid';
|
|
46
46
|
const stopPropagation = (event) => event.stopImmediatePropagation();
|
47
47
|
/**
|
48
48
|
* Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
|
49
|
+
* @example
|
50
|
+
* ```html
|
51
|
+
* <kendo-dropdowntree [data]="data" textField="text" valueField="value"></kendo-dropdowntree>
|
52
|
+
* ```
|
53
|
+
*
|
54
|
+
* @remarks
|
55
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
49
56
|
*/
|
50
57
|
export class DropDownTreeComponent {
|
51
58
|
injector;
|
@@ -8,6 +8,16 @@ import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@progress/kendo-angular-treeview";
|
9
9
|
/**
|
10
10
|
* Manages the expanded state of the popup TreeView.
|
11
|
+
* @example
|
12
|
+
* ```html
|
13
|
+
* <kendo-dropdowntree kendoDropDownTreeExpandable></kendo-dropdowntree>
|
14
|
+
* ```
|
15
|
+
* @example
|
16
|
+
* ```html
|
17
|
+
* <kendo-multiselecttree kendoMultiSelectTreeExpandable> </kendo-multiselecttree>
|
18
|
+
* ```
|
19
|
+
* @remarks
|
20
|
+
* Applied to: {@link DropDownTreeComponent}, {@link MultiSelectTreeComponent}.
|
11
21
|
*/
|
12
22
|
export class DropDownTreesExpandDirective extends ExpandDirective {
|
13
23
|
dropDownTree;
|
@@ -81,6 +81,8 @@ const DEFAULT_FILL_MODE = 'solid';
|
|
81
81
|
* public selectedValues = [2, 3];
|
82
82
|
* }
|
83
83
|
* ```
|
84
|
+
* @remarks
|
85
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
84
86
|
*/
|
85
87
|
export class MultiSelectTreeComponent {
|
86
88
|
injector;
|
@@ -1709,7 +1711,7 @@ export class MultiSelectTreeComponent {
|
|
1709
1711
|
>
|
1710
1712
|
</kendo-taglist>
|
1711
1713
|
<span class="k-input-inner">
|
1712
|
-
<span
|
1714
|
+
<span
|
1713
1715
|
*ngIf="!tags || !tags.length"
|
1714
1716
|
class="k-input-value-text"
|
1715
1717
|
>
|
@@ -1962,7 +1964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1962
1964
|
>
|
1963
1965
|
</kendo-taglist>
|
1964
1966
|
<span class="k-input-inner">
|
1965
|
-
<span
|
1967
|
+
<span
|
1966
1968
|
*ngIf="!tags || !tags.length"
|
1967
1969
|
class="k-input-value-text"
|
1968
1970
|
>
|
@@ -13,14 +13,17 @@ import * as i1 from "../multiselecttree.component";
|
|
13
13
|
* See [more information and examples]({% slug api_dropdowns_multiselecttreesummarytagdirective %}).
|
14
14
|
*
|
15
15
|
* @example
|
16
|
-
* ```
|
16
|
+
* ```html
|
17
17
|
* <kendo-multiselecttree kendoMultiSelectTreeSummaryTag [data]="data"></kendo-multiselecttree>
|
18
18
|
* ```
|
19
19
|
*
|
20
20
|
* @example
|
21
|
-
* ```
|
21
|
+
* ```html
|
22
22
|
* <kendo-multiselecttree [kendoMultiSelectTreeSummaryTag]="2" [data]="data"></kendo-multiselecttree>
|
23
23
|
* ```
|
24
|
+
*
|
25
|
+
* @remarks
|
26
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
24
27
|
*/
|
25
28
|
export class MultiSelectTreeSummaryTagDirective {
|
26
29
|
multiSelectTreeComponent;
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
13
|
-
publishDate:
|
14
|
-
version: '19.1.2-develop.
|
13
|
+
publishDate: 1750430895,
|
14
|
+
version: '19.1.2-develop.5',
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
16
16
|
};
|
@@ -37,8 +37,8 @@ const packageMetadata = {
|
|
37
37
|
productName: 'Kendo UI for Angular',
|
38
38
|
productCode: 'KENDOUIANGULAR',
|
39
39
|
productCodes: ['KENDOUIANGULAR'],
|
40
|
-
publishDate:
|
41
|
-
version: '19.1.2-develop.
|
40
|
+
publishDate: 1750430895,
|
41
|
+
version: '19.1.2-develop.5',
|
42
42
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
43
43
|
};
|
44
44
|
|
@@ -1878,11 +1878,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
1878
1878
|
* To get a reference to the current text that is typed by the
|
1879
1879
|
* user, use the `let-customItem` directive.
|
1880
1880
|
*
|
1881
|
-
*
|
1881
|
+
* The `CustomItemTemplate` directive can only be used with the MultiSelect component.
|
1882
1882
|
*
|
1883
1883
|
* @example
|
1884
|
-
* ```
|
1885
|
-
*
|
1884
|
+
* ```typescript
|
1885
|
+
* @Component({
|
1886
1886
|
* selector: 'my-app',
|
1887
1887
|
* template: `
|
1888
1888
|
* <kendo-multiselect [data]="listItems" [allowCustom]="true">
|
@@ -3220,6 +3220,9 @@ const AUTOCOMPLETE_VALUE_ACCESSOR = {
|
|
3220
3220
|
* placeholder="placeholder">
|
3221
3221
|
* </kendo-autocomplete>
|
3222
3222
|
* ```
|
3223
|
+
*
|
3224
|
+
* @remarks
|
3225
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
3223
3226
|
*/
|
3224
3227
|
class AutoCompleteComponent {
|
3225
3228
|
localization;
|
@@ -4858,9 +4861,10 @@ const DEFAULT_FILL_MODE$4 = 'solid';
|
|
4858
4861
|
* Represents the [Kendo UI ComboBox component for Angular]({% slug overview_combobox %}).
|
4859
4862
|
* @example
|
4860
4863
|
* ```html
|
4861
|
-
* <kendo-combobox [data]="listItems">
|
4862
|
-
* </kendo-combobox>
|
4864
|
+
* <kendo-combobox [data]="listItems"> </kendo-combobox>
|
4863
4865
|
* ```
|
4866
|
+
* @remarks
|
4867
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
4864
4868
|
*/
|
4865
4869
|
class ComboBoxComponent extends MultiTabStop {
|
4866
4870
|
wrapper;
|
@@ -6415,7 +6419,7 @@ class ComboBoxComponent extends MultiTabStop {
|
|
6415
6419
|
</ng-template>
|
6416
6420
|
</span>
|
6417
6421
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
6418
|
-
<input
|
6422
|
+
<input
|
6419
6423
|
kendoSearchbar
|
6420
6424
|
[ariaExpanded]="isOpen"
|
6421
6425
|
[ariaControls]="ariaControls"
|
@@ -6606,7 +6610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
6606
6610
|
</ng-template>
|
6607
6611
|
</span>
|
6608
6612
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
6609
|
-
<input
|
6613
|
+
<input
|
6610
6614
|
kendoSearchbar
|
6611
6615
|
[ariaExpanded]="isOpen"
|
6612
6616
|
[ariaControls]="ariaControls"
|
@@ -6990,6 +6994,8 @@ const DEFAULT_FILL_MODE$3 = 'solid';
|
|
6990
6994
|
* ```html
|
6991
6995
|
* <kendo-dropdownlist [data]="["Item 1", "Item 2", "Item 3"]"></kendo-dropdownlist>
|
6992
6996
|
* ```
|
6997
|
+
* @remarks
|
6998
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
6993
6999
|
*/
|
6994
7000
|
class DropDownListComponent {
|
6995
7001
|
wrapper;
|
@@ -8482,7 +8488,7 @@ class DropDownListComponent {
|
|
8482
8488
|
templateRef: headerTemplate.templateRef
|
8483
8489
|
}">
|
8484
8490
|
</ng-template>
|
8485
|
-
<!--list-->
|
8491
|
+
<!--list-->
|
8486
8492
|
<kendo-list
|
8487
8493
|
#optionsList
|
8488
8494
|
[id]="listBoxId"
|
@@ -8654,7 +8660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
8654
8660
|
templateRef: headerTemplate.templateRef
|
8655
8661
|
}">
|
8656
8662
|
</ng-template>
|
8657
|
-
<!--list-->
|
8663
|
+
<!--list-->
|
8658
8664
|
<kendo-list
|
8659
8665
|
#optionsList
|
8660
8666
|
[id]="listBoxId"
|
@@ -9285,6 +9291,8 @@ const DEFAULT_FILL_MODE$2 = 'solid';
|
|
9285
9291
|
* ];
|
9286
9292
|
* }
|
9287
9293
|
* ```
|
9294
|
+
* @remarks
|
9295
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
9288
9296
|
*/
|
9289
9297
|
class MultiSelectComponent {
|
9290
9298
|
wrapper;
|
@@ -11521,6 +11529,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
11521
11529
|
* The context variables are:
|
11522
11530
|
* - `let-dataItem="dataItem"` (`any`)—The current data item. Also available as the implicit context variable.
|
11523
11531
|
* - `let-column="column"` ([`ColumnComponent`]({% slug api_dropdowns_comboboxcolumncomponent %}))—The current column configuration object.
|
11532
|
+
*
|
11533
|
+
* @example
|
11534
|
+
* ```html
|
11535
|
+
* <kendo-multicolumncombobox ...>
|
11536
|
+
* <kendo-combobox-column field="name" title="Name">
|
11537
|
+
* <ng-template kendoMultiColumnComboBoxColumnCellTemplate let-dataItem="dataItem" let-column="column">
|
11538
|
+
* {{ dataItem[column.field] }}
|
11539
|
+
* </ng-template>
|
11540
|
+
* </kendo-combobox-column>
|
11541
|
+
* <kendo-multicolumncombobox>
|
11542
|
+
* ```
|
11524
11543
|
*/
|
11525
11544
|
class ColumnCellTemplateDirective {
|
11526
11545
|
templateRef;
|
@@ -11545,6 +11564,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
11545
11564
|
* [See example]({% slug templates_multicolumncombobox %}).
|
11546
11565
|
*
|
11547
11566
|
* The current [`column`]({% slug api_dropdowns_comboboxcolumncomponent %}) is available as the implicit context variable.
|
11567
|
+
*
|
11568
|
+
* @example
|
11569
|
+
* ```html
|
11570
|
+
* <kendo-multicolumncombobox ...>
|
11571
|
+
* <kendo-combobox-column field="name" title="Name">
|
11572
|
+
* <ng-template kendoMultiColumnComboBoxColumnHeaderTemplate let-column="column">
|
11573
|
+
* {{ column.title }}
|
11574
|
+
* </ng-template>
|
11575
|
+
* </kendo-combobox-column>
|
11576
|
+
* <kendo-multicolumncombobox>
|
11577
|
+
* ```
|
11548
11578
|
*/
|
11549
11579
|
class ColumnHeaderTemplateDirective {
|
11550
11580
|
templateRef;
|
@@ -11567,6 +11597,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
11567
11597
|
*
|
11568
11598
|
* Use this component to define columns inside the MultiColumnComboBox.
|
11569
11599
|
* [See example]({% slug columns_multicolumncombobox %}).
|
11600
|
+
*
|
11601
|
+
* @example
|
11602
|
+
* ```html
|
11603
|
+
* <kendo-multicolumncombobox ...>
|
11604
|
+
* <kendo-combobox-column field="name" title="Name" width="200"></kendo-combobox-column>
|
11605
|
+
* <kendo-multicolumncombobox ...>
|
11606
|
+
* ```
|
11570
11607
|
*/
|
11571
11608
|
class ComboBoxColumnComponent {
|
11572
11609
|
/**
|
@@ -11728,9 +11765,11 @@ const getRowWidthFromColumnsMeta = (columns) => {
|
|
11728
11765
|
*
|
11729
11766
|
* @example
|
11730
11767
|
* ```html
|
11731
|
-
* <kendo-multicolumncombobox [data]="data" [columns]="columns">
|
11732
|
-
* </kendo-multicolumncombobox>
|
11768
|
+
* <kendo-multicolumncombobox [data]="data" [columns]="columns"></kendo-multicolumncombobox>
|
11733
11769
|
* ```
|
11770
|
+
*
|
11771
|
+
* @remarks
|
11772
|
+
* Supported children components are: {@link ComboBoxColumnComponent}, {@link CustomMessagesComponent}.
|
11734
11773
|
*/
|
11735
11774
|
class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
11736
11775
|
hostElement;
|
@@ -11979,7 +12018,7 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
11979
12018
|
</ng-template>
|
11980
12019
|
</span>
|
11981
12020
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
11982
|
-
<input
|
12021
|
+
<input
|
11983
12022
|
kendoSearchbar
|
11984
12023
|
[ariaControls]="ariaControls"
|
11985
12024
|
[ariaExpanded]="isOpen"
|
@@ -12267,7 +12306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
12267
12306
|
</ng-template>
|
12268
12307
|
</span>
|
12269
12308
|
<kendo-separator *ngIf="prefixTemplate && prefixTemplate.showSeparator"></kendo-separator>
|
12270
|
-
<input
|
12309
|
+
<input
|
12271
12310
|
kendoSearchbar
|
12272
12311
|
[ariaControls]="ariaControls"
|
12273
12312
|
[ariaExpanded]="isOpen"
|
@@ -12550,6 +12589,13 @@ const DEFAULT_FILL_MODE$1 = 'solid';
|
|
12550
12589
|
const stopPropagation = (event) => event.stopImmediatePropagation();
|
12551
12590
|
/**
|
12552
12591
|
* Represents the [Kendo UI DropDownTree component for Angular]({% slug overview_ddt %}).
|
12592
|
+
* @example
|
12593
|
+
* ```html
|
12594
|
+
* <kendo-dropdowntree [data]="data" textField="text" valueField="value"></kendo-dropdowntree>
|
12595
|
+
* ```
|
12596
|
+
*
|
12597
|
+
* @remarks
|
12598
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
12553
12599
|
*/
|
12554
12600
|
class DropDownTreeComponent {
|
12555
12601
|
injector;
|
@@ -14918,6 +14964,8 @@ const DEFAULT_FILL_MODE = 'solid';
|
|
14918
14964
|
* public selectedValues = [2, 3];
|
14919
14965
|
* }
|
14920
14966
|
* ```
|
14967
|
+
* @remarks
|
14968
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
14921
14969
|
*/
|
14922
14970
|
class MultiSelectTreeComponent {
|
14923
14971
|
injector;
|
@@ -16546,7 +16594,7 @@ class MultiSelectTreeComponent {
|
|
16546
16594
|
>
|
16547
16595
|
</kendo-taglist>
|
16548
16596
|
<span class="k-input-inner">
|
16549
|
-
<span
|
16597
|
+
<span
|
16550
16598
|
*ngIf="!tags || !tags.length"
|
16551
16599
|
class="k-input-value-text"
|
16552
16600
|
>
|
@@ -16799,7 +16847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
16799
16847
|
>
|
16800
16848
|
</kendo-taglist>
|
16801
16849
|
<span class="k-input-inner">
|
16802
|
-
<span
|
16850
|
+
<span
|
16803
16851
|
*ngIf="!tags || !tags.length"
|
16804
16852
|
class="k-input-value-text"
|
16805
16853
|
>
|
@@ -17155,6 +17203,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17155
17203
|
|
17156
17204
|
/**
|
17157
17205
|
* Retrieves child nodes when the provided data is flat.
|
17206
|
+
*
|
17207
|
+
* @example
|
17208
|
+
* ```html
|
17209
|
+
* <kendo-dropdowntree kendoDropDownTreeFlatBinding [nodes]="data" [valueField]="'id'"></kendo-dropdowntree>
|
17210
|
+
* ```
|
17211
|
+
*
|
17212
|
+
* @remarks
|
17213
|
+
* Applied to: {@link DropDownTreeComponent}.
|
17158
17214
|
*/
|
17159
17215
|
class DropDownTreeFlatBindingDirective extends FlatDataBindingDirective {
|
17160
17216
|
dropDownTree;
|
@@ -17208,6 +17264,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17208
17264
|
|
17209
17265
|
/**
|
17210
17266
|
* Retrieves child nodes when the provided data is hierarchical.
|
17267
|
+
*
|
17268
|
+
* @example
|
17269
|
+
* ```html
|
17270
|
+
* <kendo-dropdowntree kendoDropDownTreeHierarchyBinding [nodes]="data" [valueField]="'id'"></kendo-dropdowntree>
|
17271
|
+
* ```
|
17272
|
+
*
|
17273
|
+
* @remarks
|
17274
|
+
* Applied to: {@link DropDownTreeComponent}.
|
17211
17275
|
*/
|
17212
17276
|
class DropDownTreeHierarchyBindingDirective extends HierarchyBindingDirective {
|
17213
17277
|
dropDownTree;
|
@@ -17254,6 +17318,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17254
17318
|
|
17255
17319
|
/**
|
17256
17320
|
* Retrieves child nodes when the provided data is flat for the MultiSelectTree.
|
17321
|
+
*
|
17322
|
+
* @example
|
17323
|
+
* ```html
|
17324
|
+
* <kendo-multiselecttree kendoMultiSelectTreeFlatBinding [nodes]="data" [valueField]="'id'"></kendo-multiselecttree>
|
17325
|
+
* ```
|
17326
|
+
*
|
17327
|
+
* @remarks
|
17328
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
17257
17329
|
*/
|
17258
17330
|
class MultiSelectTreeFlatBindingDirective extends FlatDataBindingDirective {
|
17259
17331
|
multiSelectTree;
|
@@ -17307,6 +17379,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17307
17379
|
|
17308
17380
|
/**
|
17309
17381
|
* Retrieves child nodes when the provided data is hierarchical for the MultiSelectTree.
|
17382
|
+
*
|
17383
|
+
* * @example
|
17384
|
+
* ```html
|
17385
|
+
* <kendo-multiselecttree kendoMultiSelectTreeHierarchyBinding [nodes]="data" [valueField]="'id'"></kendo-multiselecttree>
|
17386
|
+
* ```
|
17387
|
+
*
|
17388
|
+
* @remarks
|
17389
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
17310
17390
|
*/
|
17311
17391
|
class MultiSelectTreeHierarchyBindingDirective extends HierarchyBindingDirective {
|
17312
17392
|
multiSelectTree;
|
@@ -17353,6 +17433,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17353
17433
|
|
17354
17434
|
/**
|
17355
17435
|
* Manages the expanded state of the popup TreeView.
|
17436
|
+
* @example
|
17437
|
+
* ```html
|
17438
|
+
* <kendo-dropdowntree kendoDropDownTreeExpandable></kendo-dropdowntree>
|
17439
|
+
* ```
|
17440
|
+
* @example
|
17441
|
+
* ```html
|
17442
|
+
* <kendo-multiselecttree kendoMultiSelectTreeExpandable> </kendo-multiselecttree>
|
17443
|
+
* ```
|
17444
|
+
* @remarks
|
17445
|
+
* Applied to: {@link DropDownTreeComponent}, {@link MultiSelectTreeComponent}.
|
17356
17446
|
*/
|
17357
17447
|
class DropDownTreesExpandDirective extends ExpandDirective {
|
17358
17448
|
dropDownTree;
|
@@ -17390,10 +17480,11 @@ const DEFAULT_FILTER_SETTINGS = {
|
|
17390
17480
|
/**
|
17391
17481
|
* Implements an event handler for the `filterChange` event of a DropDowns component
|
17392
17482
|
* which performs simple data filtering.
|
17483
|
+
* Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
17393
17484
|
*
|
17394
17485
|
* @example
|
17395
17486
|
* ```ts
|
17396
|
-
*
|
17487
|
+
* @Component({
|
17397
17488
|
* selector: 'my-app',
|
17398
17489
|
* template: `
|
17399
17490
|
* <kendo-autocomplete
|
@@ -17408,7 +17499,8 @@ const DEFAULT_FILTER_SETTINGS = {
|
|
17408
17499
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
17409
17500
|
* }
|
17410
17501
|
* ```
|
17411
|
-
*
|
17502
|
+
* @remarks
|
17503
|
+
* Applied to: {@link AutoCompleteComponent}, {@link ComboBoxComponent}, {@link DropDownListComponent}, {@link MultiColumnComboBoxComponent}, {@link MultiSelectComponent}.
|
17412
17504
|
*/
|
17413
17505
|
class FilterDirective {
|
17414
17506
|
component;
|
@@ -17512,6 +17604,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17512
17604
|
/**
|
17513
17605
|
* Custom component messages override default component messages
|
17514
17606
|
* ([see example]({% slug rtl_dropdowns %}#toc-messages)).
|
17607
|
+
*
|
17608
|
+
* @example
|
17609
|
+
* ```html
|
17610
|
+
* <kendo-dropdownlist>
|
17611
|
+
* <kendo-dropdownlist-messages
|
17612
|
+
* noDataText="No items found"
|
17613
|
+
* clearTitle="Clear selection">
|
17614
|
+
* </kendo-dropdownlist-messages>
|
17615
|
+
* </kendo-dropdownlist>
|
17616
|
+
*
|
17617
|
+
* <kendo-combobox>
|
17618
|
+
* <kendo-combobox-messages
|
17619
|
+
* noDataText="No items found"
|
17620
|
+
* filterInputPlaceholder="Search items">
|
17621
|
+
* </kendo-combobox-messages>
|
17622
|
+
* </kendo-combobox>
|
17623
|
+
*
|
17624
|
+
* <kendo-multicolumncombobox>
|
17625
|
+
* <kendo-multicolumncombobox-messages
|
17626
|
+
* noDataText="No items found"
|
17627
|
+
* clearTitle="Clear selection">
|
17628
|
+
* </kendo-multicolumncombobox-messages>
|
17629
|
+
* </kendo-multicolumncombobox>
|
17630
|
+
*
|
17631
|
+
* <kendo-autocomplete>
|
17632
|
+
* <kendo-autocomplete-messages
|
17633
|
+
* noDataText="No items found"
|
17634
|
+
* filterInputPlaceholder="Type to search">
|
17635
|
+
* </kendo-autocomplete-messages>
|
17636
|
+
* </kendo-autocomplete>
|
17637
|
+
*
|
17638
|
+
* <kendo-multiselect>
|
17639
|
+
* <kendo-multiselect-messages
|
17640
|
+
* checkAllText="Select all"
|
17641
|
+
* clearTitle="Clear all">
|
17642
|
+
* </kendo-multiselect-messages>
|
17643
|
+
* </kendo-multiselect>
|
17644
|
+
*
|
17645
|
+
* <kendo-dropdowntree>
|
17646
|
+
* <kendo-dropdowntree-messages
|
17647
|
+
* noDataText="No items found"
|
17648
|
+
* selectButtonText="Select item">
|
17649
|
+
* </kendo-dropdowntree-messages>
|
17650
|
+
* </kendo-dropdowntree>
|
17651
|
+
*
|
17652
|
+
* <kendo-multiselecttree>
|
17653
|
+
* <kendo-multiselecttree-messages
|
17654
|
+
* checkAllText="Select all"
|
17655
|
+
* clearTitle="Clear all">
|
17656
|
+
* </kendo-multiselecttree-messages>
|
17657
|
+
* </kendo-multiselecttree>
|
17658
|
+
* ```
|
17515
17659
|
*/
|
17516
17660
|
class CustomMessagesComponent extends Messages {
|
17517
17661
|
service;
|
@@ -17611,14 +17755,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
17611
17755
|
* See [more information and examples]({% slug api_dropdowns_multiselecttreesummarytagdirective %}).
|
17612
17756
|
*
|
17613
17757
|
* @example
|
17614
|
-
* ```
|
17758
|
+
* ```html
|
17615
17759
|
* <kendo-multiselecttree kendoMultiSelectTreeSummaryTag [data]="data"></kendo-multiselecttree>
|
17616
17760
|
* ```
|
17617
17761
|
*
|
17618
17762
|
* @example
|
17619
|
-
* ```
|
17763
|
+
* ```html
|
17620
17764
|
* <kendo-multiselecttree [kendoMultiSelectTreeSummaryTag]="2" [data]="data"></kendo-multiselecttree>
|
17621
17765
|
* ```
|
17766
|
+
*
|
17767
|
+
* @remarks
|
17768
|
+
* Applied to: {@link MultiSelectTreeComponent}.
|
17622
17769
|
*/
|
17623
17770
|
class MultiSelectTreeSummaryTagDirective {
|
17624
17771
|
multiSelectTreeComponent;
|
@@ -69,6 +69,8 @@ import * as i0 from "@angular/core";
|
|
69
69
|
* ];
|
70
70
|
* }
|
71
71
|
* ```
|
72
|
+
* @remarks
|
73
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
72
74
|
*/
|
73
75
|
export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnInit, DoCheck, AfterContentChecked, AfterViewInit, FilterableComponent {
|
74
76
|
wrapper: ElementRef;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@progress/kendo-angular-dropdowns",
|
3
|
-
"version": "19.1.2-develop.
|
3
|
+
"version": "19.1.2-develop.5",
|
4
4
|
"description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
6
6
|
"author": "Progress",
|
@@ -100,7 +100,7 @@
|
|
100
100
|
"package": {
|
101
101
|
"productName": "Kendo UI for Angular",
|
102
102
|
"productCode": "KENDOUIANGULAR",
|
103
|
-
"publishDate":
|
103
|
+
"publishDate": 1750430895,
|
104
104
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
105
105
|
}
|
106
106
|
},
|
@@ -111,18 +111,18 @@
|
|
111
111
|
"@angular/forms": "16 - 20",
|
112
112
|
"@angular/platform-browser": "16 - 20",
|
113
113
|
"@progress/kendo-licensing": "^1.5.0",
|
114
|
-
"@progress/kendo-angular-common": "19.1.2-develop.
|
115
|
-
"@progress/kendo-angular-utils": "19.1.2-develop.
|
116
|
-
"@progress/kendo-angular-l10n": "19.1.2-develop.
|
117
|
-
"@progress/kendo-angular-navigation": "19.1.2-develop.
|
118
|
-
"@progress/kendo-angular-popup": "19.1.2-develop.
|
119
|
-
"@progress/kendo-angular-icons": "19.1.2-develop.
|
120
|
-
"@progress/kendo-angular-treeview": "19.1.2-develop.
|
114
|
+
"@progress/kendo-angular-common": "19.1.2-develop.5",
|
115
|
+
"@progress/kendo-angular-utils": "19.1.2-develop.5",
|
116
|
+
"@progress/kendo-angular-l10n": "19.1.2-develop.5",
|
117
|
+
"@progress/kendo-angular-navigation": "19.1.2-develop.5",
|
118
|
+
"@progress/kendo-angular-popup": "19.1.2-develop.5",
|
119
|
+
"@progress/kendo-angular-icons": "19.1.2-develop.5",
|
120
|
+
"@progress/kendo-angular-treeview": "19.1.2-develop.5",
|
121
121
|
"rxjs": "^6.5.3 || ^7.0.0"
|
122
122
|
},
|
123
123
|
"dependencies": {
|
124
124
|
"tslib": "^2.3.1",
|
125
|
-
"@progress/kendo-angular-schematics": "19.1.2-develop.
|
125
|
+
"@progress/kendo-angular-schematics": "19.1.2-develop.5",
|
126
126
|
"@progress/kendo-common": "^1.0.1",
|
127
127
|
"node-html-parser": "^7.0.1"
|
128
128
|
},
|
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
4
4
|
function default_1(options) {
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
|
6
6
|
// peers of the treeview
|
7
|
-
'@progress/kendo-angular-inputs': '19.1.2-develop.
|
7
|
+
'@progress/kendo-angular-inputs': '19.1.2-develop.5',
|
8
8
|
// peers of inputs
|
9
|
-
'@progress/kendo-angular-intl': '19.1.2-develop.
|
9
|
+
'@progress/kendo-angular-intl': '19.1.2-develop.5',
|
10
10
|
'@progress/kendo-drawing': '^1.17.2',
|
11
11
|
// Peer dependency of icons
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0'
|