@progress/kendo-angular-dropdowns 16.1.1-develop.4 → 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.
Files changed (8) hide show
  1. package/common/taglist.component.d.ts +3 -0
  2. package/esm2020/common/taglist.component.mjs +19 -1
  3. package/esm2020/dropdowntrees/multiselecttree.component.mjs +4 -0
  4. package/esm2020/package-metadata.mjs +2 -2
  5. package/fesm2015/progress-kendo-angular-dropdowns.mjs +28 -6
  6. package/fesm2020/progress-kendo-angular-dropdowns.mjs +25 -3
  7. package/package.json +8 -8
  8. package/schematics/ngAdd/index.js +2 -2
package/common/taglist.component.d.ts CHANGED
@@ -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;
package/esm2020/common/taglist.component.mjs CHANGED
@@ -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
  }] } });
package/esm2020/dropdowntrees/multiselecttree.component.mjs CHANGED
@@ -359,6 +359,10 @@ export class MultiSelectTreeComponent {
359
359
  * @hidden
360
360
  */
361
361
  handleKeydown(event, input) {
362
+ if (event.target === this.filterInput?.nativeElement &&
363
+ event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
364
+ return;
365
+ }
362
366
  if (input) {
363
367
  event.stopImmediatePropagation();
364
368
  }
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1716814555,
13
- version: '16.1.1-develop.4',
12
+ publishDate: 1716818463,
13
+ version: '16.1.1-develop.5',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -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: 1716814555,
42
- version: '16.1.1-develop.4',
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 = {
@@ -14674,7 +14692,11 @@ class MultiSelectTreeComponent {
14674
14692
  * @hidden
14675
14693
  */
14676
14694
  handleKeydown(event, input) {
14677
- 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
+ }
14678
14700
  if (input) {
14679
14701
  event.stopImmediatePropagation();
14680
14702
  }
@@ -14686,7 +14708,7 @@ class MultiSelectTreeComponent {
14686
14708
  if (this.disabled || this.readonly) {
14687
14709
  return;
14688
14710
  }
14689
- if (!this.isFilterActive && isLetter(event.key) && !((_a = this.actionSheetSearchBar) === null || _a === void 0 ? void 0 : _a.onFocus)) {
14711
+ if (!this.isFilterActive && isLetter(event.key) && !((_b = this.actionSheetSearchBar) === null || _b === void 0 ? void 0 : _b.onFocus)) {
14690
14712
  this.printableCharacters.next(event.key);
14691
14713
  }
14692
14714
  const eventData = event;
@@ -14698,7 +14720,7 @@ class MultiSelectTreeComponent {
14698
14720
  }
14699
14721
  if (this.isOpen && action === NavigationAction.Enter) {
14700
14722
  const spaceKeyDownEvent = new KeyboardEvent('keydown', { 'key': ' ', 'code': 'Space', 'keyCode': 32, 'which': 32 });
14701
- (_b = this.treeview) === null || _b === void 0 ? void 0 : _b.element.nativeElement.dispatchEvent(spaceKeyDownEvent);
14723
+ (_c = this.treeview) === null || _c === void 0 ? void 0 : _c.element.nativeElement.dispatchEvent(spaceKeyDownEvent);
14702
14724
  }
14703
14725
  }
14704
14726
  /**
package/fesm2020/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -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: 1716814555,
42
- version: '16.1.1-develop.4',
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 = {
@@ -14638,6 +14656,10 @@ class MultiSelectTreeComponent {
14638
14656
  * @hidden
14639
14657
  */
14640
14658
  handleKeydown(event, input) {
14659
+ if (event.target === this.filterInput?.nativeElement &&
14660
+ event.keyCode === Keys.ArrowLeft || event.keyCode === Keys.ArrowRight) {
14661
+ return;
14662
+ }
14641
14663
  if (input) {
14642
14664
  event.stopImmediatePropagation();
14643
14665
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "16.1.1-develop.4",
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.4",
29
- "@progress/kendo-angular-l10n": "16.1.1-develop.4",
30
- "@progress/kendo-angular-navigation": "16.1.1-develop.4",
31
- "@progress/kendo-angular-popup": "16.1.1-develop.4",
32
- "@progress/kendo-angular-icons": "16.1.1-develop.4",
33
- "@progress/kendo-angular-treeview": "16.1.1-develop.4",
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.4",
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",
package/schematics/ngAdd/index.js CHANGED
@@ -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.4',
7
+ '@progress/kendo-angular-inputs': '16.1.1-develop.5',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '16.1.1-develop.4',
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'