@progress/kendo-angular-dropdowns 16.1.1-develop.3 → 16.1.1-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/common/taglist.component.d.ts +3 -0
- package/esm2020/common/taglist.component.mjs +19 -1
- package/esm2020/dropdowntrees/dropdowntree.component.mjs +8 -9
- package/esm2020/dropdowntrees/multiselecttree.component.mjs +16 -9
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-dropdowns.mjs +38 -12
- package/fesm2020/progress-kendo-angular-dropdowns.mjs +35 -9
- package/package.json +8 -8
- package/schematics/ngAdd/index.js +2 -2
|
@@ -41,6 +41,9 @@ export declare class TagListComponent {
|
|
|
41
41
|
removeTag: EventEmitter<any>;
|
|
42
42
|
hostClasses: boolean;
|
|
43
43
|
get hostId(): string;
|
|
44
|
+
get taglistRole(): string;
|
|
45
|
+
multiselectable: boolean;
|
|
46
|
+
get taglistLabel(): string;
|
|
44
47
|
private _size;
|
|
45
48
|
constructor(renderer: Renderer2, hostElement: ElementRef<HTMLElement>);
|
|
46
49
|
tagProp(tag: any, prop: string | string[], index: number): string;
|
|
@@ -30,6 +30,7 @@ export class TagListComponent {
|
|
|
30
30
|
this.disabledIndices = new Set();
|
|
31
31
|
this.removeTag = new EventEmitter();
|
|
32
32
|
this.hostClasses = true;
|
|
33
|
+
this.multiselectable = true;
|
|
33
34
|
this._size = 'medium';
|
|
34
35
|
}
|
|
35
36
|
set size(size) {
|
|
@@ -45,6 +46,12 @@ export class TagListComponent {
|
|
|
45
46
|
get hostId() {
|
|
46
47
|
return this.id;
|
|
47
48
|
}
|
|
49
|
+
get taglistRole() {
|
|
50
|
+
return 'listbox';
|
|
51
|
+
}
|
|
52
|
+
get taglistLabel() {
|
|
53
|
+
return 'taglist';
|
|
54
|
+
}
|
|
48
55
|
tagProp(tag, prop, index) {
|
|
49
56
|
const propField = prop && this.getPropField(tag, prop, index);
|
|
50
57
|
return getter(tag, propField);
|
|
@@ -95,11 +102,12 @@ export class TagListComponent {
|
|
|
95
102
|
}
|
|
96
103
|
}
|
|
97
104
|
TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
98
|
-
TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId" } }, ngImport: i0, template: `
|
|
105
|
+
TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable", "attr.aria-label": "this.taglistLabel" } }, ngImport: i0, template: `
|
|
99
106
|
<div
|
|
100
107
|
*ngFor="let tag of tags; let index = index;"
|
|
101
108
|
[attr.id]="itemId(tag, index)"
|
|
102
109
|
[attr.aria-hidden]="tagAriaHidden(index)"
|
|
110
|
+
[attr.role]="'option'"
|
|
103
111
|
class="k-chip"
|
|
104
112
|
[ngClass]="{
|
|
105
113
|
'k-focus': index === focused,
|
|
@@ -163,6 +171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
163
171
|
*ngFor="let tag of tags; let index = index;"
|
|
164
172
|
[attr.id]="itemId(tag, index)"
|
|
165
173
|
[attr.aria-hidden]="tagAriaHidden(index)"
|
|
174
|
+
[attr.role]="'option'"
|
|
166
175
|
class="k-chip"
|
|
167
176
|
[ngClass]="{
|
|
168
177
|
'k-focus': index === focused,
|
|
@@ -257,4 +266,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
257
266
|
}], hostId: [{
|
|
258
267
|
type: HostBinding,
|
|
259
268
|
args: ['attr.id']
|
|
269
|
+
}], taglistRole: [{
|
|
270
|
+
type: HostBinding,
|
|
271
|
+
args: ['attr.role']
|
|
272
|
+
}], multiselectable: [{
|
|
273
|
+
type: HostBinding,
|
|
274
|
+
args: ['attr.aria-multiselectable']
|
|
275
|
+
}], taglistLabel: [{
|
|
276
|
+
type: HostBinding,
|
|
277
|
+
args: ['attr.aria-label']
|
|
260
278
|
}] } });
|
|
@@ -33,12 +33,11 @@ import * as i3 from "@progress/kendo-angular-l10n";
|
|
|
33
33
|
import * as i4 from "../common/templates/template-context.directive";
|
|
34
34
|
import * as i5 from "../common/action-sheet.component";
|
|
35
35
|
import * as i6 from "@angular/common";
|
|
36
|
-
import * as i7 from "@angular
|
|
37
|
-
import * as i8 from "
|
|
38
|
-
import * as i9 from "../common/
|
|
39
|
-
import * as i10 from "
|
|
40
|
-
import * as i11 from "@progress/kendo-angular-
|
|
41
|
-
import * as i12 from "@progress/kendo-angular-treeview";
|
|
36
|
+
import * as i7 from "@progress/kendo-angular-common";
|
|
37
|
+
import * as i8 from "../common/localization/localized-messages.directive";
|
|
38
|
+
import * as i9 from "../common/filter-input.directive";
|
|
39
|
+
import * as i10 from "@progress/kendo-angular-icons";
|
|
40
|
+
import * as i11 from "@progress/kendo-angular-treeview";
|
|
42
41
|
const DEFAULT_POPUP_SETTINGS = { animate: true };
|
|
43
42
|
const hasChildren = () => false;
|
|
44
43
|
const fetchChildren = () => of([]);
|
|
@@ -1380,7 +1379,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
1380
1379
|
(keydown.arrowdown)="handleKeydown($event)"
|
|
1381
1380
|
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
1382
1381
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
1383
|
-
[
|
|
1382
|
+
[value]="filter"
|
|
1384
1383
|
class="k-input-inner"
|
|
1385
1384
|
role="textbox"
|
|
1386
1385
|
[kendoEventsOutsideAngular]="{
|
|
@@ -1446,7 +1445,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
1446
1445
|
</ng-template>
|
|
1447
1446
|
|
|
1448
1447
|
<kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
1449
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i4.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i5.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
1448
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i4.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i5.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i8.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: i9.FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i7.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i10.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i11.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: i11.SelectDirective, selector: "[kendoTreeViewSelectable]", inputs: ["isSelected", "selectBy", "kendoTreeViewSelectable", "selectedKeys"], outputs: ["selectedKeysChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1450
1449
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreeComponent, decorators: [{
|
|
1451
1450
|
type: Component,
|
|
1452
1451
|
args: [{
|
|
@@ -1585,7 +1584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1585
1584
|
(keydown.arrowdown)="handleKeydown($event)"
|
|
1586
1585
|
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
1587
1586
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
1588
|
-
[
|
|
1587
|
+
[value]="filter"
|
|
1589
1588
|
class="k-input-inner"
|
|
1590
1589
|
role="textbox"
|
|
1591
1590
|
[kendoEventsOutsideAngular]="{
|
|
@@ -40,12 +40,11 @@ import * as i7 from "./checked-state/check.directive";
|
|
|
40
40
|
import * as i8 from "./checked-state/check-all.directive";
|
|
41
41
|
import * as i9 from "../common/action-sheet.component";
|
|
42
42
|
import * as i10 from "@angular/common";
|
|
43
|
-
import * as i11 from "@angular
|
|
44
|
-
import * as i12 from "
|
|
45
|
-
import * as i13 from "../common/
|
|
46
|
-
import * as i14 from "
|
|
47
|
-
import * as i15 from "@progress/kendo-angular-
|
|
48
|
-
import * as i16 from "@progress/kendo-angular-treeview";
|
|
43
|
+
import * as i11 from "@progress/kendo-angular-common";
|
|
44
|
+
import * as i12 from "../common/localization/localized-messages.directive";
|
|
45
|
+
import * as i13 from "../common/filter-input.directive";
|
|
46
|
+
import * as i14 from "@progress/kendo-angular-icons";
|
|
47
|
+
import * as i15 from "@progress/kendo-angular-treeview";
|
|
49
48
|
const DEFAULT_POPUP_SETTINGS = { animate: true };
|
|
50
49
|
const DEFAULT_CHECKABLE_SETTINGS = { checkChildren: true, checkOnClick: true };
|
|
51
50
|
const hasChildren = () => false;
|
|
@@ -237,6 +236,10 @@ export class MultiSelectTreeComponent {
|
|
|
237
236
|
* @hidden
|
|
238
237
|
*/
|
|
239
238
|
this.filterStateChange = new EventEmitter();
|
|
239
|
+
/**
|
|
240
|
+
* @hidden
|
|
241
|
+
*/
|
|
242
|
+
this.filter = '';
|
|
240
243
|
/**
|
|
241
244
|
* @hidden
|
|
242
245
|
*/
|
|
@@ -356,6 +359,10 @@ export class MultiSelectTreeComponent {
|
|
|
356
359
|
* @hidden
|
|
357
360
|
*/
|
|
358
361
|
handleKeydown(event, input) {
|
|
362
|
+
if (event.target === this.filterInput?.nativeElement &&
|
|
363
|
+
event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
|
|
364
|
+
return;
|
|
365
|
+
}
|
|
359
366
|
if (input) {
|
|
360
367
|
event.stopImmediatePropagation();
|
|
361
368
|
}
|
|
@@ -1705,7 +1712,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
1705
1712
|
[filterInput]="filterable && !touchEnabled"
|
|
1706
1713
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
1707
1714
|
(keydown)="handleKeydown($event, filterInput)"
|
|
1708
|
-
[
|
|
1715
|
+
[value]="filter"
|
|
1709
1716
|
class="k-input-inner"
|
|
1710
1717
|
role="textbox"
|
|
1711
1718
|
aria-haspopup="true"
|
|
@@ -1813,7 +1820,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
1813
1820
|
</ng-template>
|
|
1814
1821
|
|
|
1815
1822
|
<kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
1816
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i5.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i6.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: i7.CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: i8.CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: i9.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
1823
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i5.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i6.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: i7.CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: i8.CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: i9.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i11.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i12.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: i13.FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i11.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i15.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }] });
|
|
1817
1824
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeComponent, decorators: [{
|
|
1818
1825
|
type: Component,
|
|
1819
1826
|
args: [{
|
|
@@ -1962,7 +1969,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1962
1969
|
[filterInput]="filterable && !touchEnabled"
|
|
1963
1970
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
1964
1971
|
(keydown)="handleKeydown($event, filterInput)"
|
|
1965
|
-
[
|
|
1972
|
+
[value]="filter"
|
|
1966
1973
|
class="k-input-inner"
|
|
1967
1974
|
role="textbox"
|
|
1968
1975
|
aria-haspopup="true"
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-dropdowns',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.1.1-develop.
|
|
12
|
+
publishDate: 1716818463,
|
|
13
|
+
version: '16.1.1-develop.5',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -38,8 +38,8 @@ const packageMetadata = {
|
|
|
38
38
|
name: '@progress/kendo-angular-dropdowns',
|
|
39
39
|
productName: 'Kendo UI for Angular',
|
|
40
40
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
41
|
-
publishDate:
|
|
42
|
-
version: '16.1.1-develop.
|
|
41
|
+
publishDate: 1716818463,
|
|
42
|
+
version: '16.1.1-develop.5',
|
|
43
43
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -8737,6 +8737,7 @@ class TagListComponent {
|
|
|
8737
8737
|
this.disabledIndices = new Set();
|
|
8738
8738
|
this.removeTag = new EventEmitter();
|
|
8739
8739
|
this.hostClasses = true;
|
|
8740
|
+
this.multiselectable = true;
|
|
8740
8741
|
this._size = 'medium';
|
|
8741
8742
|
}
|
|
8742
8743
|
set size(size) {
|
|
@@ -8752,6 +8753,12 @@ class TagListComponent {
|
|
|
8752
8753
|
get hostId() {
|
|
8753
8754
|
return this.id;
|
|
8754
8755
|
}
|
|
8756
|
+
get taglistRole() {
|
|
8757
|
+
return 'listbox';
|
|
8758
|
+
}
|
|
8759
|
+
get taglistLabel() {
|
|
8760
|
+
return 'taglist';
|
|
8761
|
+
}
|
|
8755
8762
|
tagProp(tag, prop, index) {
|
|
8756
8763
|
const propField = prop && this.getPropField(tag, prop, index);
|
|
8757
8764
|
return getter(tag, propField);
|
|
@@ -8802,11 +8809,12 @@ class TagListComponent {
|
|
|
8802
8809
|
}
|
|
8803
8810
|
}
|
|
8804
8811
|
TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8805
|
-
TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId" } }, ngImport: i0, template: `
|
|
8812
|
+
TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable", "attr.aria-label": "this.taglistLabel" } }, ngImport: i0, template: `
|
|
8806
8813
|
<div
|
|
8807
8814
|
*ngFor="let tag of tags; let index = index;"
|
|
8808
8815
|
[attr.id]="itemId(tag, index)"
|
|
8809
8816
|
[attr.aria-hidden]="tagAriaHidden(index)"
|
|
8817
|
+
[attr.role]="'option'"
|
|
8810
8818
|
class="k-chip"
|
|
8811
8819
|
[ngClass]="{
|
|
8812
8820
|
'k-focus': index === focused,
|
|
@@ -8870,6 +8878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
8870
8878
|
*ngFor="let tag of tags; let index = index;"
|
|
8871
8879
|
[attr.id]="itemId(tag, index)"
|
|
8872
8880
|
[attr.aria-hidden]="tagAriaHidden(index)"
|
|
8881
|
+
[attr.role]="'option'"
|
|
8873
8882
|
class="k-chip"
|
|
8874
8883
|
[ngClass]="{
|
|
8875
8884
|
'k-focus': index === focused,
|
|
@@ -8964,6 +8973,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
8964
8973
|
}], hostId: [{
|
|
8965
8974
|
type: HostBinding,
|
|
8966
8975
|
args: ['attr.id']
|
|
8976
|
+
}], taglistRole: [{
|
|
8977
|
+
type: HostBinding,
|
|
8978
|
+
args: ['attr.role']
|
|
8979
|
+
}], multiselectable: [{
|
|
8980
|
+
type: HostBinding,
|
|
8981
|
+
args: ['attr.aria-multiselectable']
|
|
8982
|
+
}], taglistLabel: [{
|
|
8983
|
+
type: HostBinding,
|
|
8984
|
+
args: ['attr.aria-label']
|
|
8967
8985
|
}] } });
|
|
8968
8986
|
|
|
8969
8987
|
const MULTISELECT_VALUE_ACCESSOR = {
|
|
@@ -13482,7 +13500,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
13482
13500
|
(keydown.arrowdown)="handleKeydown($event)"
|
|
13483
13501
|
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
13484
13502
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
13485
|
-
[
|
|
13503
|
+
[value]="filter"
|
|
13486
13504
|
class="k-input-inner"
|
|
13487
13505
|
role="textbox"
|
|
13488
13506
|
[kendoEventsOutsideAngular]="{
|
|
@@ -13548,7 +13566,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
13548
13566
|
</ng-template>
|
|
13549
13567
|
|
|
13550
13568
|
<kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
13551
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
13569
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i1$1.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: i1$1.SelectDirective, selector: "[kendoTreeViewSelectable]", inputs: ["isSelected", "selectBy", "kendoTreeViewSelectable", "selectedKeys"], outputs: ["selectedKeysChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13552
13570
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreeComponent, decorators: [{
|
|
13553
13571
|
type: Component,
|
|
13554
13572
|
args: [{
|
|
@@ -13687,7 +13705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
13687
13705
|
(keydown.arrowdown)="handleKeydown($event)"
|
|
13688
13706
|
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
13689
13707
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
13690
|
-
[
|
|
13708
|
+
[value]="filter"
|
|
13691
13709
|
class="k-input-inner"
|
|
13692
13710
|
role="textbox"
|
|
13693
13711
|
[kendoEventsOutsideAngular]="{
|
|
@@ -14551,6 +14569,10 @@ class MultiSelectTreeComponent {
|
|
|
14551
14569
|
* @hidden
|
|
14552
14570
|
*/
|
|
14553
14571
|
this.filterStateChange = new EventEmitter();
|
|
14572
|
+
/**
|
|
14573
|
+
* @hidden
|
|
14574
|
+
*/
|
|
14575
|
+
this.filter = '';
|
|
14554
14576
|
/**
|
|
14555
14577
|
* @hidden
|
|
14556
14578
|
*/
|
|
@@ -14670,7 +14692,11 @@ class MultiSelectTreeComponent {
|
|
|
14670
14692
|
* @hidden
|
|
14671
14693
|
*/
|
|
14672
14694
|
handleKeydown(event, input) {
|
|
14673
|
-
var _a, _b;
|
|
14695
|
+
var _a, _b, _c;
|
|
14696
|
+
if (event.target === ((_a = this.filterInput) === null || _a === void 0 ? void 0 : _a.nativeElement) &&
|
|
14697
|
+
event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
|
|
14698
|
+
return;
|
|
14699
|
+
}
|
|
14674
14700
|
if (input) {
|
|
14675
14701
|
event.stopImmediatePropagation();
|
|
14676
14702
|
}
|
|
@@ -14682,7 +14708,7 @@ class MultiSelectTreeComponent {
|
|
|
14682
14708
|
if (this.disabled || this.readonly) {
|
|
14683
14709
|
return;
|
|
14684
14710
|
}
|
|
14685
|
-
if (!this.isFilterActive && isLetter(event.key) && !((
|
|
14711
|
+
if (!this.isFilterActive && isLetter(event.key) && !((_b = this.actionSheetSearchBar) === null || _b === void 0 ? void 0 : _b.onFocus)) {
|
|
14686
14712
|
this.printableCharacters.next(event.key);
|
|
14687
14713
|
}
|
|
14688
14714
|
const eventData = event;
|
|
@@ -14694,7 +14720,7 @@ class MultiSelectTreeComponent {
|
|
|
14694
14720
|
}
|
|
14695
14721
|
if (this.isOpen && action === NavigationAction.Enter) {
|
|
14696
14722
|
const spaceKeyDownEvent = new KeyboardEvent('keydown', { 'key': ' ', 'code': 'Space', 'keyCode': 32, 'which': 32 });
|
|
14697
|
-
(
|
|
14723
|
+
(_c = this.treeview) === null || _c === void 0 ? void 0 : _c.element.nativeElement.dispatchEvent(spaceKeyDownEvent);
|
|
14698
14724
|
}
|
|
14699
14725
|
}
|
|
14700
14726
|
/**
|
|
@@ -16020,7 +16046,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
16020
16046
|
[filterInput]="filterable && !touchEnabled"
|
|
16021
16047
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
16022
16048
|
(keydown)="handleKeydown($event, filterInput)"
|
|
16023
|
-
[
|
|
16049
|
+
[value]="filter"
|
|
16024
16050
|
class="k-input-inner"
|
|
16025
16051
|
role="textbox"
|
|
16026
16052
|
aria-haspopup="true"
|
|
@@ -16128,7 +16154,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
16128
16154
|
</ng-template>
|
|
16129
16155
|
|
|
16130
16156
|
<kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
16131
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
16157
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i1$1.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }] });
|
|
16132
16158
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeComponent, decorators: [{
|
|
16133
16159
|
type: Component,
|
|
16134
16160
|
args: [{
|
|
@@ -16277,7 +16303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
16277
16303
|
[filterInput]="filterable && !touchEnabled"
|
|
16278
16304
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
16279
16305
|
(keydown)="handleKeydown($event, filterInput)"
|
|
16280
|
-
[
|
|
16306
|
+
[value]="filter"
|
|
16281
16307
|
class="k-input-inner"
|
|
16282
16308
|
role="textbox"
|
|
16283
16309
|
aria-haspopup="true"
|
|
@@ -38,8 +38,8 @@ const packageMetadata = {
|
|
|
38
38
|
name: '@progress/kendo-angular-dropdowns',
|
|
39
39
|
productName: 'Kendo UI for Angular',
|
|
40
40
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
41
|
-
publishDate:
|
|
42
|
-
version: '16.1.1-develop.
|
|
41
|
+
publishDate: 1716818463,
|
|
42
|
+
version: '16.1.1-develop.5',
|
|
43
43
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -8716,6 +8716,7 @@ class TagListComponent {
|
|
|
8716
8716
|
this.disabledIndices = new Set();
|
|
8717
8717
|
this.removeTag = new EventEmitter();
|
|
8718
8718
|
this.hostClasses = true;
|
|
8719
|
+
this.multiselectable = true;
|
|
8719
8720
|
this._size = 'medium';
|
|
8720
8721
|
}
|
|
8721
8722
|
set size(size) {
|
|
@@ -8731,6 +8732,12 @@ class TagListComponent {
|
|
|
8731
8732
|
get hostId() {
|
|
8732
8733
|
return this.id;
|
|
8733
8734
|
}
|
|
8735
|
+
get taglistRole() {
|
|
8736
|
+
return 'listbox';
|
|
8737
|
+
}
|
|
8738
|
+
get taglistLabel() {
|
|
8739
|
+
return 'taglist';
|
|
8740
|
+
}
|
|
8734
8741
|
tagProp(tag, prop, index) {
|
|
8735
8742
|
const propField = prop && this.getPropField(tag, prop, index);
|
|
8736
8743
|
return getter(tag, propField);
|
|
@@ -8781,11 +8788,12 @@ class TagListComponent {
|
|
|
8781
8788
|
}
|
|
8782
8789
|
}
|
|
8783
8790
|
TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
8784
|
-
TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId" } }, ngImport: i0, template: `
|
|
8791
|
+
TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagListComponent, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClasses", "class.k-selection-multiple": "this.hostClasses", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable", "attr.aria-label": "this.taglistLabel" } }, ngImport: i0, template: `
|
|
8785
8792
|
<div
|
|
8786
8793
|
*ngFor="let tag of tags; let index = index;"
|
|
8787
8794
|
[attr.id]="itemId(tag, index)"
|
|
8788
8795
|
[attr.aria-hidden]="tagAriaHidden(index)"
|
|
8796
|
+
[attr.role]="'option'"
|
|
8789
8797
|
class="k-chip"
|
|
8790
8798
|
[ngClass]="{
|
|
8791
8799
|
'k-focus': index === focused,
|
|
@@ -8849,6 +8857,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
8849
8857
|
*ngFor="let tag of tags; let index = index;"
|
|
8850
8858
|
[attr.id]="itemId(tag, index)"
|
|
8851
8859
|
[attr.aria-hidden]="tagAriaHidden(index)"
|
|
8860
|
+
[attr.role]="'option'"
|
|
8852
8861
|
class="k-chip"
|
|
8853
8862
|
[ngClass]="{
|
|
8854
8863
|
'k-focus': index === focused,
|
|
@@ -8943,6 +8952,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
8943
8952
|
}], hostId: [{
|
|
8944
8953
|
type: HostBinding,
|
|
8945
8954
|
args: ['attr.id']
|
|
8955
|
+
}], taglistRole: [{
|
|
8956
|
+
type: HostBinding,
|
|
8957
|
+
args: ['attr.role']
|
|
8958
|
+
}], multiselectable: [{
|
|
8959
|
+
type: HostBinding,
|
|
8960
|
+
args: ['attr.aria-multiselectable']
|
|
8961
|
+
}], taglistLabel: [{
|
|
8962
|
+
type: HostBinding,
|
|
8963
|
+
args: ['attr.aria-label']
|
|
8946
8964
|
}] } });
|
|
8947
8965
|
|
|
8948
8966
|
const MULTISELECT_VALUE_ACCESSOR = {
|
|
@@ -13448,7 +13466,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
13448
13466
|
(keydown.arrowdown)="handleKeydown($event)"
|
|
13449
13467
|
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
13450
13468
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
13451
|
-
[
|
|
13469
|
+
[value]="filter"
|
|
13452
13470
|
class="k-input-inner"
|
|
13453
13471
|
role="textbox"
|
|
13454
13472
|
[kendoEventsOutsideAngular]="{
|
|
@@ -13514,7 +13532,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
13514
13532
|
</ng-template>
|
|
13515
13533
|
|
|
13516
13534
|
<kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
13517
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
13535
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i1$1.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: i1$1.SelectDirective, selector: "[kendoTreeViewSelectable]", inputs: ["isSelected", "selectBy", "kendoTreeViewSelectable", "selectedKeys"], outputs: ["selectedKeysChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13518
13536
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropDownTreeComponent, decorators: [{
|
|
13519
13537
|
type: Component,
|
|
13520
13538
|
args: [{
|
|
@@ -13653,7 +13671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
13653
13671
|
(keydown.arrowdown)="handleKeydown($event)"
|
|
13654
13672
|
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
13655
13673
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
13656
|
-
[
|
|
13674
|
+
[value]="filter"
|
|
13657
13675
|
class="k-input-inner"
|
|
13658
13676
|
role="textbox"
|
|
13659
13677
|
[kendoEventsOutsideAngular]="{
|
|
@@ -14515,6 +14533,10 @@ class MultiSelectTreeComponent {
|
|
|
14515
14533
|
* @hidden
|
|
14516
14534
|
*/
|
|
14517
14535
|
this.filterStateChange = new EventEmitter();
|
|
14536
|
+
/**
|
|
14537
|
+
* @hidden
|
|
14538
|
+
*/
|
|
14539
|
+
this.filter = '';
|
|
14518
14540
|
/**
|
|
14519
14541
|
* @hidden
|
|
14520
14542
|
*/
|
|
@@ -14634,6 +14656,10 @@ class MultiSelectTreeComponent {
|
|
|
14634
14656
|
* @hidden
|
|
14635
14657
|
*/
|
|
14636
14658
|
handleKeydown(event, input) {
|
|
14659
|
+
if (event.target === this.filterInput?.nativeElement &&
|
|
14660
|
+
event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
|
|
14661
|
+
return;
|
|
14662
|
+
}
|
|
14637
14663
|
if (input) {
|
|
14638
14664
|
event.stopImmediatePropagation();
|
|
14639
14665
|
}
|
|
@@ -15983,7 +16009,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
15983
16009
|
[filterInput]="filterable && !touchEnabled"
|
|
15984
16010
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
15985
16011
|
(keydown)="handleKeydown($event, filterInput)"
|
|
15986
|
-
[
|
|
16012
|
+
[value]="filter"
|
|
15987
16013
|
class="k-input-inner"
|
|
15988
16014
|
role="textbox"
|
|
15989
16015
|
aria-haspopup="true"
|
|
@@ -16091,7 +16117,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
16091
16117
|
</ng-template>
|
|
16092
16118
|
|
|
16093
16119
|
<kendo-resize-sensor *ngIf="isOpen || isAdaptiveModeEnabled" (resize)="onResize()"></kendo-resize-sensor>
|
|
16094
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
16120
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "directive", type: CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: ["checkable", "valueField", "checkedItems"], outputs: ["checkedItemsChange"] }, { kind: "directive", type: CheckAllDirective, selector: "[checkAll]", inputs: ["lastAction", "treeview", "checkedItems", "valueField", "checkAll"], outputs: ["checkedItemsChange"] }, { kind: "component", type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i12.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { kind: "directive", type: i12.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i1$1.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }] });
|
|
16095
16121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectTreeComponent, decorators: [{
|
|
16096
16122
|
type: Component,
|
|
16097
16123
|
args: [{
|
|
@@ -16240,7 +16266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
16240
16266
|
[filterInput]="filterable && !touchEnabled"
|
|
16241
16267
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
16242
16268
|
(keydown)="handleKeydown($event, filterInput)"
|
|
16243
|
-
[
|
|
16269
|
+
[value]="filter"
|
|
16244
16270
|
class="k-input-inner"
|
|
16245
16271
|
role="textbox"
|
|
16246
16272
|
aria-haspopup="true"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dropdowns",
|
|
3
|
-
"version": "16.1.1-develop.
|
|
3
|
+
"version": "16.1.1-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",
|
|
@@ -25,17 +25,17 @@
|
|
|
25
25
|
"@angular/forms": "15 - 18",
|
|
26
26
|
"@angular/platform-browser": "15 - 18",
|
|
27
27
|
"@progress/kendo-licensing": "^1.0.2",
|
|
28
|
-
"@progress/kendo-angular-common": "16.1.1-develop.
|
|
29
|
-
"@progress/kendo-angular-l10n": "16.1.1-develop.
|
|
30
|
-
"@progress/kendo-angular-navigation": "16.1.1-develop.
|
|
31
|
-
"@progress/kendo-angular-popup": "16.1.1-develop.
|
|
32
|
-
"@progress/kendo-angular-icons": "16.1.1-develop.
|
|
33
|
-
"@progress/kendo-angular-treeview": "16.1.1-develop.
|
|
28
|
+
"@progress/kendo-angular-common": "16.1.1-develop.5",
|
|
29
|
+
"@progress/kendo-angular-l10n": "16.1.1-develop.5",
|
|
30
|
+
"@progress/kendo-angular-navigation": "16.1.1-develop.5",
|
|
31
|
+
"@progress/kendo-angular-popup": "16.1.1-develop.5",
|
|
32
|
+
"@progress/kendo-angular-icons": "16.1.1-develop.5",
|
|
33
|
+
"@progress/kendo-angular-treeview": "16.1.1-develop.5",
|
|
34
34
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "16.1.1-develop.
|
|
38
|
+
"@progress/kendo-angular-schematics": "16.1.1-develop.5",
|
|
39
39
|
"@progress/kendo-common": "^0.2.1"
|
|
40
40
|
},
|
|
41
41
|
"schematics": "./schematics/collection.json",
|
|
@@ -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': '16.1.1-develop.
|
|
7
|
+
'@progress/kendo-angular-inputs': '16.1.1-develop.5',
|
|
8
8
|
// peers of inputs
|
|
9
|
-
'@progress/kendo-angular-intl': '16.1.1-develop.
|
|
9
|
+
'@progress/kendo-angular-intl': '16.1.1-develop.5',
|
|
10
10
|
'@progress/kendo-drawing': '^1.17.2',
|
|
11
11
|
// Peer dependency of icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^3.0.0'
|