@progress/kendo-angular-treeview 14.1.0-develop.8 → 14.1.0-develop.9

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.
Files changed (8) hide show
  1. package/checkbox/checkbox.component.d.ts +3 -3
  2. package/esm2020/checkbox/checkbox.component.mjs +4 -12
  3. package/esm2020/package-metadata.mjs +2 -2
  4. package/esm2020/treeview-group.component.mjs +5 -1
  5. package/fesm2015/progress-kendo-angular-treeview.mjs +11 -15
  6. package/fesm2020/progress-kendo-angular-treeview.mjs +11 -15
  7. package/package.json +6 -6
  8. package/schematics/ngAdd/index.js +4 -4
package/checkbox/checkbox.component.d.ts CHANGED
@@ -34,9 +34,9 @@ export declare class CheckBoxComponent implements OnInit, DoCheck {
34
34
  */
35
35
  index: string;
36
36
  /**
37
- * Specifies the label text of the component.
37
+ * Specifies the value for the aria-labelledby attribute.
38
38
  */
39
- labelText: string;
39
+ labelledby: any;
40
40
  /**
41
41
  * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
42
42
  */
@@ -58,5 +58,5 @@ export declare class CheckBoxComponent implements OnInit, DoCheck {
58
58
  ngDoCheck(): void;
59
59
  handleChange(e: any): void;
60
60
  static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxComponent, never>;
61
- static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "kendo-checkbox", never, { "id": "id"; "isChecked": "isChecked"; "node": "node"; "index": "index"; "labelText": "labelText"; "tabindex": "tabindex"; "size": "size"; }, { "checkStateChange": "checkStateChange"; }, never, never>;
61
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckBoxComponent, "kendo-checkbox", never, { "id": "id"; "isChecked": "isChecked"; "node": "node"; "index": "index"; "labelledby": "labelledby"; "tabindex": "tabindex"; "size": "size"; }, { "checkStateChange": "checkStateChange"; }, never, never>;
62
62
  }
package/esm2020/checkbox/checkbox.component.mjs CHANGED
@@ -62,7 +62,7 @@ export class CheckBoxComponent {
62
62
  }
63
63
  }
64
64
  CheckBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
65
- CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelText: "labelText", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.classWrapper" } }, ngImport: i0, template: `
65
+ CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelledby: "labelledby", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.classWrapper" } }, ngImport: i0, template: `
66
66
  <input
67
67
  type="checkbox"
68
68
  [class]="checkBoxClasses"
@@ -73,12 +73,8 @@ CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
73
73
  (change)="handleChange($event)"
74
74
  role="none"
75
75
  [attr.aria-hidden]="'true'"
76
+ [attr.aria-labelledby]="labelledby"
76
77
  />
77
- <label
78
- class="k-checkbox-label"
79
- tabindex="-1"
80
- [for]="id"
81
- >{{labelText}}</label>
82
78
  `, isInline: true });
83
79
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CheckBoxComponent, decorators: [{
84
80
  type: Component,
@@ -95,12 +91,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
95
91
  (change)="handleChange($event)"
96
92
  role="none"
97
93
  [attr.aria-hidden]="'true'"
94
+ [attr.aria-labelledby]="labelledby"
98
95
  />
99
- <label
100
- class="k-checkbox-label"
101
- tabindex="-1"
102
- [for]="id"
103
- >{{labelText}}</label>
104
96
  `
105
97
  }]
106
98
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classWrapper: [{
@@ -114,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
114
106
  type: Input
115
107
  }], index: [{
116
108
  type: Input
117
- }], labelText: [{
109
+ }], labelledby: [{
118
110
  type: Input
119
111
  }], tabindex: [{
120
112
  type: Input
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-treeview',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1699372490,
13
- version: '14.1.0-develop.8',
12
+ publishDate: 1699436086,
13
+ version: '14.1.0-develop.9',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/treeview-group.component.mjs CHANGED
@@ -341,8 +341,10 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
341
341
  [isChecked]="isChecked"
342
342
  (checkStateChange)="checkNode(nodeIndex(index))"
343
343
  [tabindex]="-1"
344
+ [labelledby]="nodeIndex(index)"
344
345
  ></kendo-checkbox>
345
346
  <span kendoTreeViewItemContent
347
+ [id]="nodeIndex(index)"
346
348
  [attr.data-treeindex]="nodeIndex(index)"
347
349
  [dataItem]="node"
348
350
  [index]="nodeIndex(index)"
@@ -446,7 +448,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
446
448
  </span>
447
449
  </div>
448
450
  </li>
449
- `, isInline: true, components: [{ type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i10.CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i13.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i14.TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
451
+ `, isInline: true, components: [{ type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i10.CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelledby", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i13.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i14.TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
450
452
  trigger('toggle', [
451
453
  transition('void => *', [
452
454
  style({ height: 0 }),
@@ -519,8 +521,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
519
521
  [isChecked]="isChecked"
520
522
  (checkStateChange)="checkNode(nodeIndex(index))"
521
523
  [tabindex]="-1"
524
+ [labelledby]="nodeIndex(index)"
522
525
  ></kendo-checkbox>
523
526
  <span kendoTreeViewItemContent
527
+ [id]="nodeIndex(index)"
524
528
  [attr.data-treeindex]="nodeIndex(index)"
525
529
  [dataItem]="node"
526
530
  [index]="nodeIndex(index)"
package/fesm2015/progress-kendo-angular-treeview.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-treeview',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1699372490,
32
- version: '14.1.0-develop.8',
31
+ publishDate: 1699436086,
32
+ version: '14.1.0-develop.9',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
35
35
 
@@ -1135,7 +1135,7 @@ class CheckBoxComponent {
1135
1135
  }
1136
1136
  }
1137
1137
  CheckBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1138
- CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelText: "labelText", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.classWrapper" } }, ngImport: i0, template: `
1138
+ CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelledby: "labelledby", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.classWrapper" } }, ngImport: i0, template: `
1139
1139
  <input
1140
1140
  type="checkbox"
1141
1141
  [class]="checkBoxClasses"
@@ -1146,12 +1146,8 @@ CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
1146
1146
  (change)="handleChange($event)"
1147
1147
  role="none"
1148
1148
  [attr.aria-hidden]="'true'"
1149
+ [attr.aria-labelledby]="labelledby"
1149
1150
  />
1150
- <label
1151
- class="k-checkbox-label"
1152
- tabindex="-1"
1153
- [for]="id"
1154
- >{{labelText}}</label>
1155
1151
  `, isInline: true });
1156
1152
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CheckBoxComponent, decorators: [{
1157
1153
  type: Component,
@@ -1168,12 +1164,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1168
1164
  (change)="handleChange($event)"
1169
1165
  role="none"
1170
1166
  [attr.aria-hidden]="'true'"
1167
+ [attr.aria-labelledby]="labelledby"
1171
1168
  />
1172
- <label
1173
- class="k-checkbox-label"
1174
- tabindex="-1"
1175
- [for]="id"
1176
- >{{labelText}}</label>
1177
1169
  `
1178
1170
  }]
1179
1171
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classWrapper: [{
@@ -1187,7 +1179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1187
1179
  type: Input
1188
1180
  }], index: [{
1189
1181
  type: Input
1190
- }], labelText: [{
1182
+ }], labelledby: [{
1191
1183
  type: Input
1192
1184
  }], tabindex: [{
1193
1185
  type: Input
@@ -1825,8 +1817,10 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1825
1817
  [isChecked]="isChecked"
1826
1818
  (checkStateChange)="checkNode(nodeIndex(index))"
1827
1819
  [tabindex]="-1"
1820
+ [labelledby]="nodeIndex(index)"
1828
1821
  ></kendo-checkbox>
1829
1822
  <span kendoTreeViewItemContent
1823
+ [id]="nodeIndex(index)"
1830
1824
  [attr.data-treeindex]="nodeIndex(index)"
1831
1825
  [dataItem]="node"
1832
1826
  [index]="nodeIndex(index)"
@@ -1930,7 +1924,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1930
1924
  </span>
1931
1925
  </div>
1932
1926
  </li>
1933
- `, isInline: true, components: [{ type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
1927
+ `, isInline: true, components: [{ type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelledby", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
1934
1928
  trigger('toggle', [
1935
1929
  transition('void => *', [
1936
1930
  style({ height: 0 }),
@@ -2003,8 +1997,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2003
1997
  [isChecked]="isChecked"
2004
1998
  (checkStateChange)="checkNode(nodeIndex(index))"
2005
1999
  [tabindex]="-1"
2000
+ [labelledby]="nodeIndex(index)"
2006
2001
  ></kendo-checkbox>
2007
2002
  <span kendoTreeViewItemContent
2003
+ [id]="nodeIndex(index)"
2008
2004
  [attr.data-treeindex]="nodeIndex(index)"
2009
2005
  [dataItem]="node"
2010
2006
  [index]="nodeIndex(index)"
package/fesm2020/progress-kendo-angular-treeview.mjs CHANGED
@@ -28,8 +28,8 @@ const packageMetadata = {
28
28
  name: '@progress/kendo-angular-treeview',
29
29
  productName: 'Kendo UI for Angular',
30
30
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
31
- publishDate: 1699372490,
32
- version: '14.1.0-develop.8',
31
+ publishDate: 1699436086,
32
+ version: '14.1.0-develop.9',
33
33
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
34
34
  };
35
35
 
@@ -1131,7 +1131,7 @@ class CheckBoxComponent {
1131
1131
  }
1132
1132
  }
1133
1133
  CheckBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CheckBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1134
- CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelText: "labelText", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.classWrapper" } }, ngImport: i0, template: `
1134
+ CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: { id: "id", isChecked: "isChecked", node: "node", index: "index", labelledby: "labelledby", tabindex: "tabindex", size: "size" }, outputs: { checkStateChange: "checkStateChange" }, host: { properties: { "class.k-checkbox-wrap": "this.classWrapper" } }, ngImport: i0, template: `
1135
1135
  <input
1136
1136
  type="checkbox"
1137
1137
  [class]="checkBoxClasses"
@@ -1142,12 +1142,8 @@ CheckBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
1142
1142
  (change)="handleChange($event)"
1143
1143
  role="none"
1144
1144
  [attr.aria-hidden]="'true'"
1145
+ [attr.aria-labelledby]="labelledby"
1145
1146
  />
1146
- <label
1147
- class="k-checkbox-label"
1148
- tabindex="-1"
1149
- [for]="id"
1150
- >{{labelText}}</label>
1151
1147
  `, isInline: true });
1152
1148
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CheckBoxComponent, decorators: [{
1153
1149
  type: Component,
@@ -1164,12 +1160,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1164
1160
  (change)="handleChange($event)"
1165
1161
  role="none"
1166
1162
  [attr.aria-hidden]="'true'"
1163
+ [attr.aria-labelledby]="labelledby"
1167
1164
  />
1168
- <label
1169
- class="k-checkbox-label"
1170
- tabindex="-1"
1171
- [for]="id"
1172
- >{{labelText}}</label>
1173
1165
  `
1174
1166
  }]
1175
1167
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { classWrapper: [{
@@ -1183,7 +1175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1183
1175
  type: Input
1184
1176
  }], index: [{
1185
1177
  type: Input
1186
- }], labelText: [{
1178
+ }], labelledby: [{
1187
1179
  type: Input
1188
1180
  }], tabindex: [{
1189
1181
  type: Input
@@ -1821,8 +1813,10 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1821
1813
  [isChecked]="isChecked"
1822
1814
  (checkStateChange)="checkNode(nodeIndex(index))"
1823
1815
  [tabindex]="-1"
1816
+ [labelledby]="nodeIndex(index)"
1824
1817
  ></kendo-checkbox>
1825
1818
  <span kendoTreeViewItemContent
1819
+ [id]="nodeIndex(index)"
1826
1820
  [attr.data-treeindex]="nodeIndex(index)"
1827
1821
  [dataItem]="node"
1828
1822
  [index]="nodeIndex(index)"
@@ -1926,7 +1920,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1926
1920
  </span>
1927
1921
  </div>
1928
1922
  </li>
1929
- `, isInline: true, components: [{ type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
1923
+ `, isInline: true, components: [{ type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelledby", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
1930
1924
  trigger('toggle', [
1931
1925
  transition('void => *', [
1932
1926
  style({ height: 0 }),
@@ -1999,8 +1993,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1999
1993
  [isChecked]="isChecked"
2000
1994
  (checkStateChange)="checkNode(nodeIndex(index))"
2001
1995
  [tabindex]="-1"
1996
+ [labelledby]="nodeIndex(index)"
2002
1997
  ></kendo-checkbox>
2003
1998
  <span kendoTreeViewItemContent
1999
+ [id]="nodeIndex(index)"
2004
2000
  [attr.data-treeindex]="nodeIndex(index)"
2005
2001
  [dataItem]="node"
2006
2002
  [index]="nodeIndex(index)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-treeview",
3
- "version": "14.1.0-develop.8",
3
+ "version": "14.1.0-develop.9",
4
4
  "description": "Kendo UI TreeView for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,15 +23,15 @@
23
23
  "@angular/core": "13 - 17",
24
24
  "@angular/platform-browser": "13 - 17",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-common": "14.1.0-develop.8",
27
- "@progress/kendo-angular-inputs": "14.1.0-develop.8",
28
- "@progress/kendo-angular-icons": "14.1.0-develop.8",
29
- "@progress/kendo-angular-l10n": "14.1.0-develop.8",
26
+ "@progress/kendo-angular-common": "14.1.0-develop.9",
27
+ "@progress/kendo-angular-inputs": "14.1.0-develop.9",
28
+ "@progress/kendo-angular-icons": "14.1.0-develop.9",
29
+ "@progress/kendo-angular-l10n": "14.1.0-develop.9",
30
30
  "rxjs": "^6.5.3 || ^7.0.0"
31
31
  },
32
32
  "dependencies": {
33
33
  "tslib": "^2.3.1",
34
- "@progress/kendo-angular-schematics": "14.1.0-develop.8",
34
+ "@progress/kendo-angular-schematics": "14.1.0-develop.9",
35
35
  "@progress/kendo-common": "^0.2.0",
36
36
  "@progress/kendo-draggable": "^3.0.2"
37
37
  },
package/schematics/ngAdd/index.js CHANGED
@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
6
6
  // Peers of kendo-angular-inputs
7
- '@progress/kendo-angular-buttons': '14.1.0-develop.8',
8
- '@progress/kendo-angular-dialog': '14.1.0-develop.8',
9
- '@progress/kendo-angular-intl': '14.1.0-develop.8',
10
- '@progress/kendo-angular-popup': '14.1.0-develop.8',
7
+ '@progress/kendo-angular-buttons': '14.1.0-develop.9',
8
+ '@progress/kendo-angular-dialog': '14.1.0-develop.9',
9
+ '@progress/kendo-angular-intl': '14.1.0-develop.9',
10
+ '@progress/kendo-angular-popup': '14.1.0-develop.9',
11
11
  '@progress/kendo-drawing': '^1.9.3',
12
12
  // Peer dependency of icons
13
13
  '@progress/kendo-svg-icons': '^2.0.0'