@progress/kendo-angular-dropdowns 18.0.0-develop.9 → 18.0.0
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/esm2022/comboboxes/combobox.component.mjs +2 -0
- package/esm2022/comboboxes/multicolumncombobox.component.mjs +2 -0
- package/esm2022/common/data.service.mjs +2 -0
- package/esm2022/common/list.component.mjs +4 -4
- package/esm2022/dropdownlist/dropdownlist.component.mjs +2 -0
- package/esm2022/dropdowntrees/dropdowntree.component.mjs +2 -0
- package/esm2022/package-metadata.mjs +4 -3
- package/fesm2022/progress-kendo-angular-dropdowns.mjs +18 -7
- package/package.json +16 -10
- package/schematics/ngAdd/index.js +2 -2
|
@@ -1705,6 +1705,7 @@ export class ComboBoxComponent extends MultiTabStop {
|
|
|
1705
1705
|
class="k-input-button k-button k-icon-button"
|
|
1706
1706
|
[ngClass]="selectButtonClasses"
|
|
1707
1707
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
1708
|
+
[attr.disabled]="disabled ? '' : null"
|
|
1708
1709
|
(keydown.enter)="$event.stopImmediatePropagation();"
|
|
1709
1710
|
[kendoEventsOutsideAngular]="{
|
|
1710
1711
|
mousedown: preventEventDefault
|
|
@@ -1893,6 +1894,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1893
1894
|
class="k-input-button k-button k-icon-button"
|
|
1894
1895
|
[ngClass]="selectButtonClasses"
|
|
1895
1896
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
1897
|
+
[attr.disabled]="disabled ? '' : null"
|
|
1896
1898
|
(keydown.enter)="$event.stopImmediatePropagation();"
|
|
1897
1899
|
[kendoEventsOutsideAngular]="{
|
|
1898
1900
|
mousedown: preventEventDefault
|
|
@@ -338,6 +338,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
|
338
338
|
class="k-input-button k-button k-icon-button"
|
|
339
339
|
[ngClass]="selectButtonClasses"
|
|
340
340
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
341
|
+
[attr.disabled]="disabled ? '' : null"
|
|
341
342
|
[kendoEventsOutsideAngular]="{
|
|
342
343
|
mousedown: preventEventDefault
|
|
343
344
|
}"
|
|
@@ -624,6 +625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
624
625
|
class="k-input-button k-button k-icon-button"
|
|
625
626
|
[ngClass]="selectButtonClasses"
|
|
626
627
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
628
|
+
[attr.disabled]="disabled ? '' : null"
|
|
627
629
|
[kendoEventsOutsideAngular]="{
|
|
628
630
|
mousedown: preventEventDefault
|
|
629
631
|
}"
|
|
@@ -217,6 +217,7 @@ export class DataService {
|
|
|
217
217
|
if (isPresent(group)) {
|
|
218
218
|
flat.push({
|
|
219
219
|
header: true,
|
|
220
|
+
groupIndex: groupIndex,
|
|
220
221
|
index: groupIndex + offset,
|
|
221
222
|
offsetIndex: groupIndex,
|
|
222
223
|
value: group
|
|
@@ -231,6 +232,7 @@ export class DataService {
|
|
|
231
232
|
else {
|
|
232
233
|
result.push({
|
|
233
234
|
header: false,
|
|
235
|
+
groupIndex: groupIndex,
|
|
234
236
|
index: groupIndex + offset + i + 1,
|
|
235
237
|
offsetIndex: offset + i,
|
|
236
238
|
value: data[i]
|
|
@@ -519,7 +519,7 @@ export class ListComponent {
|
|
|
519
519
|
'minHeight.px' : virtual?.itemHeight,
|
|
520
520
|
'boxSizing' : virtual ? 'border-box' : 'inherit'}"
|
|
521
521
|
[attr.group-index]="dataItem.index"
|
|
522
|
-
[attr.id]="optionPrefix + '-' +
|
|
522
|
+
[attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
|
|
523
523
|
[attr.tabIndex]="-1"
|
|
524
524
|
[style.width.px]="rowWidth ?? null">
|
|
525
525
|
<span [class]="listGroupItemTextClass">
|
|
@@ -541,7 +541,7 @@ export class ListComponent {
|
|
|
541
541
|
[index]="dataItem.offsetIndex"
|
|
542
542
|
[multipleSelection]="multipleSelection"
|
|
543
543
|
[attr.absolute-index]="dataItem.index"
|
|
544
|
-
[attr.id]="optionPrefix + '-' + itemIndex"
|
|
544
|
+
[attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
|
|
545
545
|
[attr.tabIndex]="-1"
|
|
546
546
|
[attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
|
|
547
547
|
[class]="listItemClass"
|
|
@@ -657,7 +657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
657
657
|
'minHeight.px' : virtual?.itemHeight,
|
|
658
658
|
'boxSizing' : virtual ? 'border-box' : 'inherit'}"
|
|
659
659
|
[attr.group-index]="dataItem.index"
|
|
660
|
-
[attr.id]="optionPrefix + '-' +
|
|
660
|
+
[attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
|
|
661
661
|
[attr.tabIndex]="-1"
|
|
662
662
|
[style.width.px]="rowWidth ?? null">
|
|
663
663
|
<span [class]="listGroupItemTextClass">
|
|
@@ -679,7 +679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
679
679
|
[index]="dataItem.offsetIndex"
|
|
680
680
|
[multipleSelection]="multipleSelection"
|
|
681
681
|
[attr.absolute-index]="dataItem.index"
|
|
682
|
-
[attr.id]="optionPrefix + '-' + itemIndex"
|
|
682
|
+
[attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
|
|
683
683
|
[attr.tabIndex]="-1"
|
|
684
684
|
[attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
|
|
685
685
|
[class]="listItemClass"
|
|
@@ -1528,6 +1528,7 @@ export class DropDownListComponent {
|
|
|
1528
1528
|
class="k-input-button k-button k-icon-button"
|
|
1529
1529
|
[ngClass]="selectButtonClasses"
|
|
1530
1530
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
1531
|
+
[attr.disabled]="disabled ? '' : null"
|
|
1531
1532
|
[kendoEventsOutsideAngular]="{
|
|
1532
1533
|
mousedown: onMouseDown
|
|
1533
1534
|
}"
|
|
@@ -1721,6 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1721
1722
|
class="k-input-button k-button k-icon-button"
|
|
1722
1723
|
[ngClass]="selectButtonClasses"
|
|
1723
1724
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
1725
|
+
[attr.disabled]="disabled ? '' : null"
|
|
1724
1726
|
[kendoEventsOutsideAngular]="{
|
|
1725
1727
|
mousedown: onMouseDown
|
|
1726
1728
|
}"
|
|
@@ -1416,6 +1416,7 @@ export class DropDownTreeComponent {
|
|
|
1416
1416
|
class="k-input-button k-button k-icon-button"
|
|
1417
1417
|
[ngClass]="selectButtonClasses"
|
|
1418
1418
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
1419
|
+
[attr.disabled]="disabled ? '' : null"
|
|
1419
1420
|
>
|
|
1420
1421
|
<kendo-icon-wrapper
|
|
1421
1422
|
[name]="icon || 'caret-alt-down'"
|
|
@@ -1623,6 +1624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1623
1624
|
class="k-input-button k-button k-icon-button"
|
|
1624
1625
|
[ngClass]="selectButtonClasses"
|
|
1625
1626
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
1627
|
+
[attr.disabled]="disabled ? '' : null"
|
|
1626
1628
|
>
|
|
1627
1629
|
<kendo-icon-wrapper
|
|
1628
1630
|
[name]="icon || 'caret-alt-down'"
|
|
@@ -8,8 +8,9 @@
|
|
|
8
8
|
export const packageMetadata = {
|
|
9
9
|
name: '@progress/kendo-angular-dropdowns',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
productCode: 'KENDOUIANGULAR',
|
|
12
|
+
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
+
publishDate: 1737465024,
|
|
14
|
+
version: '18.0.0',
|
|
14
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
16
|
};
|
|
@@ -35,9 +35,10 @@ import { DialogContainerService, DialogService, WindowService, WindowContainerSe
|
|
|
35
35
|
const packageMetadata = {
|
|
36
36
|
name: '@progress/kendo-angular-dropdowns',
|
|
37
37
|
productName: 'Kendo UI for Angular',
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
productCode: 'KENDOUIANGULAR',
|
|
39
|
+
productCodes: ['KENDOUIANGULAR'],
|
|
40
|
+
publishDate: 1737465024,
|
|
41
|
+
version: '18.0.0',
|
|
41
42
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
42
43
|
};
|
|
43
44
|
|
|
@@ -1267,6 +1268,7 @@ class DataService {
|
|
|
1267
1268
|
if (isPresent(group)) {
|
|
1268
1269
|
flat.push({
|
|
1269
1270
|
header: true,
|
|
1271
|
+
groupIndex: groupIndex,
|
|
1270
1272
|
index: groupIndex + offset,
|
|
1271
1273
|
offsetIndex: groupIndex,
|
|
1272
1274
|
value: group
|
|
@@ -1281,6 +1283,7 @@ class DataService {
|
|
|
1281
1283
|
else {
|
|
1282
1284
|
result.push({
|
|
1283
1285
|
header: false,
|
|
1286
|
+
groupIndex: groupIndex,
|
|
1284
1287
|
index: groupIndex + offset + i + 1,
|
|
1285
1288
|
offsetIndex: offset + i,
|
|
1286
1289
|
value: data[i]
|
|
@@ -2389,7 +2392,7 @@ class ListComponent {
|
|
|
2389
2392
|
'minHeight.px' : virtual?.itemHeight,
|
|
2390
2393
|
'boxSizing' : virtual ? 'border-box' : 'inherit'}"
|
|
2391
2394
|
[attr.group-index]="dataItem.index"
|
|
2392
|
-
[attr.id]="optionPrefix + '-' +
|
|
2395
|
+
[attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
|
|
2393
2396
|
[attr.tabIndex]="-1"
|
|
2394
2397
|
[style.width.px]="rowWidth ?? null">
|
|
2395
2398
|
<span [class]="listGroupItemTextClass">
|
|
@@ -2411,7 +2414,7 @@ class ListComponent {
|
|
|
2411
2414
|
[index]="dataItem.offsetIndex"
|
|
2412
2415
|
[multipleSelection]="multipleSelection"
|
|
2413
2416
|
[attr.absolute-index]="dataItem.index"
|
|
2414
|
-
[attr.id]="optionPrefix + '-' + itemIndex"
|
|
2417
|
+
[attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
|
|
2415
2418
|
[attr.tabIndex]="-1"
|
|
2416
2419
|
[attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
|
|
2417
2420
|
[class]="listItemClass"
|
|
@@ -2527,7 +2530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2527
2530
|
'minHeight.px' : virtual?.itemHeight,
|
|
2528
2531
|
'boxSizing' : virtual ? 'border-box' : 'inherit'}"
|
|
2529
2532
|
[attr.group-index]="dataItem.index"
|
|
2530
|
-
[attr.id]="optionPrefix + '-' +
|
|
2533
|
+
[attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
|
|
2531
2534
|
[attr.tabIndex]="-1"
|
|
2532
2535
|
[style.width.px]="rowWidth ?? null">
|
|
2533
2536
|
<span [class]="listGroupItemTextClass">
|
|
@@ -2549,7 +2552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2549
2552
|
[index]="dataItem.offsetIndex"
|
|
2550
2553
|
[multipleSelection]="multipleSelection"
|
|
2551
2554
|
[attr.absolute-index]="dataItem.index"
|
|
2552
|
-
[attr.id]="optionPrefix + '-' + itemIndex"
|
|
2555
|
+
[attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
|
|
2553
2556
|
[attr.tabIndex]="-1"
|
|
2554
2557
|
[attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
|
|
2555
2558
|
[class]="listItemClass"
|
|
@@ -6434,6 +6437,7 @@ class ComboBoxComponent extends MultiTabStop {
|
|
|
6434
6437
|
class="k-input-button k-button k-icon-button"
|
|
6435
6438
|
[ngClass]="selectButtonClasses"
|
|
6436
6439
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
6440
|
+
[attr.disabled]="disabled ? '' : null"
|
|
6437
6441
|
(keydown.enter)="$event.stopImmediatePropagation();"
|
|
6438
6442
|
[kendoEventsOutsideAngular]="{
|
|
6439
6443
|
mousedown: preventEventDefault
|
|
@@ -6622,6 +6626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6622
6626
|
class="k-input-button k-button k-icon-button"
|
|
6623
6627
|
[ngClass]="selectButtonClasses"
|
|
6624
6628
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
6629
|
+
[attr.disabled]="disabled ? '' : null"
|
|
6625
6630
|
(keydown.enter)="$event.stopImmediatePropagation();"
|
|
6626
6631
|
[kendoEventsOutsideAngular]="{
|
|
6627
6632
|
mousedown: preventEventDefault
|
|
@@ -8415,6 +8420,7 @@ class DropDownListComponent {
|
|
|
8415
8420
|
class="k-input-button k-button k-icon-button"
|
|
8416
8421
|
[ngClass]="selectButtonClasses"
|
|
8417
8422
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
8423
|
+
[attr.disabled]="disabled ? '' : null"
|
|
8418
8424
|
[kendoEventsOutsideAngular]="{
|
|
8419
8425
|
mousedown: onMouseDown
|
|
8420
8426
|
}"
|
|
@@ -8608,6 +8614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
8608
8614
|
class="k-input-button k-button k-icon-button"
|
|
8609
8615
|
[ngClass]="selectButtonClasses"
|
|
8610
8616
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
8617
|
+
[attr.disabled]="disabled ? '' : null"
|
|
8611
8618
|
[kendoEventsOutsideAngular]="{
|
|
8612
8619
|
mousedown: onMouseDown
|
|
8613
8620
|
}"
|
|
@@ -12203,6 +12210,7 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
|
12203
12210
|
class="k-input-button k-button k-icon-button"
|
|
12204
12211
|
[ngClass]="selectButtonClasses"
|
|
12205
12212
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
12213
|
+
[attr.disabled]="disabled ? '' : null"
|
|
12206
12214
|
[kendoEventsOutsideAngular]="{
|
|
12207
12215
|
mousedown: preventEventDefault
|
|
12208
12216
|
}"
|
|
@@ -12489,6 +12497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
12489
12497
|
class="k-input-button k-button k-icon-button"
|
|
12490
12498
|
[ngClass]="selectButtonClasses"
|
|
12491
12499
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
12500
|
+
[attr.disabled]="disabled ? '' : null"
|
|
12492
12501
|
[kendoEventsOutsideAngular]="{
|
|
12493
12502
|
mousedown: preventEventDefault
|
|
12494
12503
|
}"
|
|
@@ -14089,6 +14098,7 @@ class DropDownTreeComponent {
|
|
|
14089
14098
|
class="k-input-button k-button k-icon-button"
|
|
14090
14099
|
[ngClass]="selectButtonClasses"
|
|
14091
14100
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
14101
|
+
[attr.disabled]="disabled ? '' : null"
|
|
14092
14102
|
>
|
|
14093
14103
|
<kendo-icon-wrapper
|
|
14094
14104
|
[name]="icon || 'caret-alt-down'"
|
|
@@ -14296,6 +14306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
14296
14306
|
class="k-input-button k-button k-icon-button"
|
|
14297
14307
|
[ngClass]="selectButtonClasses"
|
|
14298
14308
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
14309
|
+
[attr.disabled]="disabled ? '' : null"
|
|
14299
14310
|
>
|
|
14300
14311
|
<kendo-icon-wrapper
|
|
14301
14312
|
[name]="icon || 'caret-alt-down'"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dropdowns",
|
|
3
|
-
"version": "18.0.0
|
|
3
|
+
"version": "18.0.0",
|
|
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",
|
|
@@ -16,7 +16,13 @@
|
|
|
16
16
|
"Progress"
|
|
17
17
|
],
|
|
18
18
|
"@progress": {
|
|
19
|
-
"friendlyName": "Dropdowns"
|
|
19
|
+
"friendlyName": "Dropdowns",
|
|
20
|
+
"package": {
|
|
21
|
+
"productName": "Kendo UI for Angular",
|
|
22
|
+
"productCode": "KENDOUIANGULAR",
|
|
23
|
+
"publishDate": 1737465024,
|
|
24
|
+
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
25
|
+
}
|
|
20
26
|
},
|
|
21
27
|
"peerDependencies": {
|
|
22
28
|
"@angular/animations": "16 - 19",
|
|
@@ -25,18 +31,18 @@
|
|
|
25
31
|
"@angular/forms": "16 - 19",
|
|
26
32
|
"@angular/platform-browser": "16 - 19",
|
|
27
33
|
"@progress/kendo-licensing": "^1.0.2",
|
|
28
|
-
"@progress/kendo-angular-common": "18.0.0
|
|
29
|
-
"@progress/kendo-angular-utils": "18.0.0
|
|
30
|
-
"@progress/kendo-angular-l10n": "18.0.0
|
|
31
|
-
"@progress/kendo-angular-navigation": "18.0.0
|
|
32
|
-
"@progress/kendo-angular-popup": "18.0.0
|
|
33
|
-
"@progress/kendo-angular-icons": "18.0.0
|
|
34
|
-
"@progress/kendo-angular-treeview": "18.0.0
|
|
34
|
+
"@progress/kendo-angular-common": "18.0.0",
|
|
35
|
+
"@progress/kendo-angular-utils": "18.0.0",
|
|
36
|
+
"@progress/kendo-angular-l10n": "18.0.0",
|
|
37
|
+
"@progress/kendo-angular-navigation": "18.0.0",
|
|
38
|
+
"@progress/kendo-angular-popup": "18.0.0",
|
|
39
|
+
"@progress/kendo-angular-icons": "18.0.0",
|
|
40
|
+
"@progress/kendo-angular-treeview": "18.0.0",
|
|
35
41
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
36
42
|
},
|
|
37
43
|
"dependencies": {
|
|
38
44
|
"tslib": "^2.3.1",
|
|
39
|
-
"@progress/kendo-angular-schematics": "18.0.0
|
|
45
|
+
"@progress/kendo-angular-schematics": "18.0.0",
|
|
40
46
|
"@progress/kendo-common": "^1.0.1"
|
|
41
47
|
},
|
|
42
48
|
"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': '18.0.0
|
|
7
|
+
'@progress/kendo-angular-inputs': '18.0.0',
|
|
8
8
|
// peers of inputs
|
|
9
|
-
'@progress/kendo-angular-intl': '18.0.0
|
|
9
|
+
'@progress/kendo-angular-intl': '18.0.0',
|
|
10
10
|
'@progress/kendo-drawing': '^1.17.2',
|
|
11
11
|
// Peer dependency of icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0'
|