@progress/kendo-angular-dropdowns 20.1.0-develop.9 → 20.1.1-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/autocomplete.component.d.ts +1 -1
- package/comboboxes/combobox.component.d.ts +1 -1
- package/dropdowntrees/dropdowntree.component.d.ts +1 -1
- package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/comboboxes/combobox.component.mjs +3 -3
- package/esm2022/comboboxes/multicolumncombobox.component.mjs +2 -4
- package/esm2022/common/adaptive-renderer.component.mjs +0 -2
- package/esm2022/common/list.component.mjs +0 -2
- package/esm2022/dropdowntrees/dropdowntree.component.mjs +6 -8
- package/esm2022/dropdowntrees/multiselecttree.component.mjs +1 -1
- package/esm2022/multiselect/multiselect.component.mjs +3 -3
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-dropdowns.mjs +20 -28
- package/multiselect/multiselect.component.d.ts +1 -1
- package/package.json +10 -10
- package/schematics/ngAdd/index.js +2 -2
|
@@ -424,7 +424,7 @@ export declare class ComboBoxComponent extends MultiTabStop implements ControlVa
|
|
|
424
424
|
private _isFocused;
|
|
425
425
|
get isFocused(): boolean;
|
|
426
426
|
set isFocused(value: boolean);
|
|
427
|
-
get
|
|
427
|
+
get clearButtonVisibility(): string;
|
|
428
428
|
/**
|
|
429
429
|
* @hidden
|
|
430
430
|
*/
|
|
@@ -347,7 +347,7 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
|
|
|
347
347
|
* Returns the current open state. Returns `true` if the popup or actionSheet is open.
|
|
348
348
|
*/
|
|
349
349
|
get isOpen(): boolean;
|
|
350
|
-
get
|
|
350
|
+
get clearButtonVisibility(): string;
|
|
351
351
|
private get isFilterActive();
|
|
352
352
|
popupRef: PopupRef;
|
|
353
353
|
/**
|
|
@@ -148,7 +148,7 @@ export class AutoCompleteComponent {
|
|
|
148
148
|
/**
|
|
149
149
|
* @hidden
|
|
150
150
|
*/
|
|
151
|
-
get
|
|
151
|
+
get clearButtonVisibility() {
|
|
152
152
|
if (touchEnabled) {
|
|
153
153
|
return 'visible';
|
|
154
154
|
}
|
|
@@ -1249,7 +1249,7 @@ export class AutoCompleteComponent {
|
|
|
1249
1249
|
<span
|
|
1250
1250
|
*ngIf="!loading && !readonly && (clearButton && text?.length)"
|
|
1251
1251
|
class="k-clear-value"
|
|
1252
|
-
[style.visibility]="
|
|
1252
|
+
[style.visibility]="clearButtonVisibility"
|
|
1253
1253
|
[attr.title]="messageFor('clearTitle')"
|
|
1254
1254
|
role="button"
|
|
1255
1255
|
tabindex="-1"
|
|
@@ -1414,7 +1414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1414
1414
|
<span
|
|
1415
1415
|
*ngIf="!loading && !readonly && (clearButton && text?.length)"
|
|
1416
1416
|
class="k-clear-value"
|
|
1417
|
-
[style.visibility]="
|
|
1417
|
+
[style.visibility]="clearButtonVisibility"
|
|
1418
1418
|
[attr.title]="messageFor('clearTitle')"
|
|
1419
1419
|
role="button"
|
|
1420
1420
|
tabindex="-1"
|
|
@@ -575,7 +575,7 @@ export class ComboBoxComponent extends MultiTabStop {
|
|
|
575
575
|
this.renderer[value ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, "k-focus");
|
|
576
576
|
this._isFocused = value;
|
|
577
577
|
}
|
|
578
|
-
get
|
|
578
|
+
get clearButtonVisibility() {
|
|
579
579
|
if (touchEnabled) {
|
|
580
580
|
return 'visible';
|
|
581
581
|
}
|
|
@@ -1649,7 +1649,7 @@ export class ComboBoxComponent extends MultiTabStop {
|
|
|
1649
1649
|
<span
|
|
1650
1650
|
*ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
|
|
1651
1651
|
class="k-clear-value"
|
|
1652
|
-
[style.visibility]="
|
|
1652
|
+
[style.visibility]="clearButtonVisibility"
|
|
1653
1653
|
aria-hidden="true"
|
|
1654
1654
|
[attr.title]="messageFor('clearTitle')"
|
|
1655
1655
|
(click)="clearValue($event)"
|
|
@@ -1840,7 +1840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1840
1840
|
<span
|
|
1841
1841
|
*ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
|
|
1842
1842
|
class="k-clear-value"
|
|
1843
|
-
[style.visibility]="
|
|
1843
|
+
[style.visibility]="clearButtonVisibility"
|
|
1844
1844
|
aria-hidden="true"
|
|
1845
1845
|
[attr.title]="messageFor('clearTitle')"
|
|
1846
1846
|
(click)="clearValue($event)"
|
|
@@ -322,7 +322,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
|
322
322
|
<span
|
|
323
323
|
*ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
|
|
324
324
|
class="k-clear-value"
|
|
325
|
-
[style.visibility]="
|
|
325
|
+
[style.visibility]="clearButtonVisibility"
|
|
326
326
|
aria-hidden="true"
|
|
327
327
|
[attr.title]="messageFor('clearTitle')"
|
|
328
328
|
(click)="clearValue($event)"
|
|
@@ -342,7 +342,6 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
|
342
342
|
<button
|
|
343
343
|
#select
|
|
344
344
|
tabindex="-1"
|
|
345
|
-
aria-hidden="true"
|
|
346
345
|
unselectable="on"
|
|
347
346
|
type="button"
|
|
348
347
|
class="k-input-button k-button k-icon-button"
|
|
@@ -610,7 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
610
609
|
<span
|
|
611
610
|
*ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
|
|
612
611
|
class="k-clear-value"
|
|
613
|
-
[style.visibility]="
|
|
612
|
+
[style.visibility]="clearButtonVisibility"
|
|
614
613
|
aria-hidden="true"
|
|
615
614
|
[attr.title]="messageFor('clearTitle')"
|
|
616
615
|
(click)="clearValue($event)"
|
|
@@ -630,7 +629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
630
629
|
<button
|
|
631
630
|
#select
|
|
632
631
|
tabindex="-1"
|
|
633
|
-
aria-hidden="true"
|
|
634
632
|
unselectable="on"
|
|
635
633
|
type="button"
|
|
636
634
|
class="k-input-button k-button k-icon-button"
|
|
@@ -102,7 +102,6 @@ export class AdaptiveRendererComponent {
|
|
|
102
102
|
themeColor="primary"
|
|
103
103
|
size="large"
|
|
104
104
|
[tabIndex]="-1"
|
|
105
|
-
aria-hidden="true"
|
|
106
105
|
innerCssClass="k-button-icon"
|
|
107
106
|
(click)="handleClose()"
|
|
108
107
|
></button>
|
|
@@ -173,7 +172,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
173
172
|
themeColor="primary"
|
|
174
173
|
size="large"
|
|
175
174
|
[tabIndex]="-1"
|
|
176
|
-
aria-hidden="true"
|
|
177
175
|
innerCssClass="k-button-icon"
|
|
178
176
|
(click)="handleClose()"
|
|
179
177
|
></button>
|
|
@@ -551,7 +551,6 @@ export class ListComponent {
|
|
|
551
551
|
class="k-checkbox"
|
|
552
552
|
role="presentation"
|
|
553
553
|
tabindex="-1"
|
|
554
|
-
aria-hidden="true"
|
|
555
554
|
[ngClass]="checkboxClasses"
|
|
556
555
|
(change)="onCheckedChange($event, itemIndex + startFrom)"
|
|
557
556
|
[checked]="isChecked(itemIndex)"
|
|
@@ -722,7 +721,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
722
721
|
class="k-checkbox"
|
|
723
722
|
role="presentation"
|
|
724
723
|
tabindex="-1"
|
|
725
|
-
aria-hidden="true"
|
|
726
724
|
[ngClass]="checkboxClasses"
|
|
727
725
|
(change)="onCheckedChange($event, itemIndex + startFrom)"
|
|
728
726
|
[checked]="isChecked(itemIndex)"
|
|
@@ -472,7 +472,7 @@ export class DropDownTreeComponent {
|
|
|
472
472
|
get isOpen() {
|
|
473
473
|
return isTruthy(isPresent(this.popupRef) || this.isActionSheetExpanded);
|
|
474
474
|
}
|
|
475
|
-
get
|
|
475
|
+
get clearButtonVisibility() {
|
|
476
476
|
if (this.touchEnabled) {
|
|
477
477
|
return 'visible';
|
|
478
478
|
}
|
|
@@ -664,7 +664,7 @@ export class DropDownTreeComponent {
|
|
|
664
664
|
const itemToFocus = this._searchableNodes.find((node) => {
|
|
665
665
|
return node.text.toLowerCase().startsWith(this._typedValue);
|
|
666
666
|
});
|
|
667
|
-
this.treeview
|
|
667
|
+
this.treeview?.focus(itemToFocus?.index);
|
|
668
668
|
}), debounceTime(1000)).subscribe(() => {
|
|
669
669
|
this._typedValue = '';
|
|
670
670
|
}));
|
|
@@ -1401,9 +1401,9 @@ export class DropDownTreeComponent {
|
|
|
1401
1401
|
<span
|
|
1402
1402
|
*ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
|
|
1403
1403
|
class="k-clear-value"
|
|
1404
|
-
[style.visibility]="
|
|
1405
|
-
aria-hidden="true"
|
|
1404
|
+
[style.visibility]="clearButtonVisibility"
|
|
1406
1405
|
[attr.title]="messageFor('clearTitle')"
|
|
1406
|
+
aria-hidden="true"
|
|
1407
1407
|
(click)="clearValue($event)"
|
|
1408
1408
|
>
|
|
1409
1409
|
<kendo-icon-wrapper
|
|
@@ -1416,7 +1416,6 @@ export class DropDownTreeComponent {
|
|
|
1416
1416
|
<button
|
|
1417
1417
|
tabindex="-1"
|
|
1418
1418
|
type="button"
|
|
1419
|
-
aria-hidden="true"
|
|
1420
1419
|
class="k-input-button k-button k-icon-button"
|
|
1421
1420
|
[ngClass]="selectButtonClasses"
|
|
1422
1421
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
@@ -1614,9 +1613,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1614
1613
|
<span
|
|
1615
1614
|
*ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
|
|
1616
1615
|
class="k-clear-value"
|
|
1617
|
-
[style.visibility]="
|
|
1618
|
-
aria-hidden="true"
|
|
1616
|
+
[style.visibility]="clearButtonVisibility"
|
|
1619
1617
|
[attr.title]="messageFor('clearTitle')"
|
|
1618
|
+
aria-hidden="true"
|
|
1620
1619
|
(click)="clearValue($event)"
|
|
1621
1620
|
>
|
|
1622
1621
|
<kendo-icon-wrapper
|
|
@@ -1629,7 +1628,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1629
1628
|
<button
|
|
1630
1629
|
tabindex="-1"
|
|
1631
1630
|
type="button"
|
|
1632
|
-
aria-hidden="true"
|
|
1633
1631
|
class="k-input-button k-button k-icon-button"
|
|
1634
1632
|
[ngClass]="selectButtonClasses"
|
|
1635
1633
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
@@ -835,7 +835,7 @@ export class MultiSelectTreeComponent {
|
|
|
835
835
|
const itemToFocus = this._searchableNodes.find((node) => {
|
|
836
836
|
return node.text.toLowerCase().startsWith(this._typedValue);
|
|
837
837
|
});
|
|
838
|
-
this.treeview
|
|
838
|
+
this.treeview?.focus(itemToFocus?.index);
|
|
839
839
|
}), debounceTime(1000)).subscribe(() => {
|
|
840
840
|
this._typedValue = '';
|
|
841
841
|
}));
|
|
@@ -775,7 +775,7 @@ export class MultiSelectComponent {
|
|
|
775
775
|
}
|
|
776
776
|
return prefix + "-" + focusedIndex;
|
|
777
777
|
}
|
|
778
|
-
get
|
|
778
|
+
get clearButtonVisibility() {
|
|
779
779
|
if (touchEnabled) {
|
|
780
780
|
return 'visible';
|
|
781
781
|
}
|
|
@@ -1877,7 +1877,7 @@ export class MultiSelectComponent {
|
|
|
1877
1877
|
<span
|
|
1878
1878
|
*ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
|
|
1879
1879
|
class="k-clear-value"
|
|
1880
|
-
[style.visibility]="
|
|
1880
|
+
[style.visibility]="clearButtonVisibility"
|
|
1881
1881
|
[attr.title]="messageFor('clearTitle')"
|
|
1882
1882
|
role="button"
|
|
1883
1883
|
tabindex="-1"
|
|
@@ -2073,7 +2073,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2073
2073
|
<span
|
|
2074
2074
|
*ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
|
|
2075
2075
|
class="k-clear-value"
|
|
2076
|
-
[style.visibility]="
|
|
2076
|
+
[style.visibility]="clearButtonVisibility"
|
|
2077
2077
|
[attr.title]="messageFor('clearTitle')"
|
|
2078
2078
|
role="button"
|
|
2079
2079
|
tabindex="-1"
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '20.1.
|
|
13
|
+
publishDate: 1761222807,
|
|
14
|
+
version: '20.1.1-develop.1',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -37,8 +37,8 @@ const packageMetadata = {
|
|
|
37
37
|
productName: 'Kendo UI for Angular',
|
|
38
38
|
productCode: 'KENDOUIANGULAR',
|
|
39
39
|
productCodes: ['KENDOUIANGULAR'],
|
|
40
|
-
publishDate:
|
|
41
|
-
version: '20.1.
|
|
40
|
+
publishDate: 1761222807,
|
|
41
|
+
version: '20.1.1-develop.1',
|
|
42
42
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -2428,7 +2428,6 @@ class ListComponent {
|
|
|
2428
2428
|
class="k-checkbox"
|
|
2429
2429
|
role="presentation"
|
|
2430
2430
|
tabindex="-1"
|
|
2431
|
-
aria-hidden="true"
|
|
2432
2431
|
[ngClass]="checkboxClasses"
|
|
2433
2432
|
(change)="onCheckedChange($event, itemIndex + startFrom)"
|
|
2434
2433
|
[checked]="isChecked(itemIndex)"
|
|
@@ -2599,7 +2598,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2599
2598
|
class="k-checkbox"
|
|
2600
2599
|
role="presentation"
|
|
2601
2600
|
tabindex="-1"
|
|
2602
|
-
aria-hidden="true"
|
|
2603
2601
|
[ngClass]="checkboxClasses"
|
|
2604
2602
|
(change)="onCheckedChange($event, itemIndex + startFrom)"
|
|
2605
2603
|
[checked]="isChecked(itemIndex)"
|
|
@@ -2866,7 +2864,6 @@ class AdaptiveRendererComponent {
|
|
|
2866
2864
|
themeColor="primary"
|
|
2867
2865
|
size="large"
|
|
2868
2866
|
[tabIndex]="-1"
|
|
2869
|
-
aria-hidden="true"
|
|
2870
2867
|
innerCssClass="k-button-icon"
|
|
2871
2868
|
(click)="handleClose()"
|
|
2872
2869
|
></button>
|
|
@@ -2937,7 +2934,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2937
2934
|
themeColor="primary"
|
|
2938
2935
|
size="large"
|
|
2939
2936
|
[tabIndex]="-1"
|
|
2940
|
-
aria-hidden="true"
|
|
2941
2937
|
innerCssClass="k-button-icon"
|
|
2942
2938
|
(click)="handleClose()"
|
|
2943
2939
|
></button>
|
|
@@ -3309,7 +3305,7 @@ class AutoCompleteComponent {
|
|
|
3309
3305
|
/**
|
|
3310
3306
|
* @hidden
|
|
3311
3307
|
*/
|
|
3312
|
-
get
|
|
3308
|
+
get clearButtonVisibility() {
|
|
3313
3309
|
if (touchEnabled) {
|
|
3314
3310
|
return 'visible';
|
|
3315
3311
|
}
|
|
@@ -4410,7 +4406,7 @@ class AutoCompleteComponent {
|
|
|
4410
4406
|
<span
|
|
4411
4407
|
*ngIf="!loading && !readonly && (clearButton && text?.length)"
|
|
4412
4408
|
class="k-clear-value"
|
|
4413
|
-
[style.visibility]="
|
|
4409
|
+
[style.visibility]="clearButtonVisibility"
|
|
4414
4410
|
[attr.title]="messageFor('clearTitle')"
|
|
4415
4411
|
role="button"
|
|
4416
4412
|
tabindex="-1"
|
|
@@ -4575,7 +4571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4575
4571
|
<span
|
|
4576
4572
|
*ngIf="!loading && !readonly && (clearButton && text?.length)"
|
|
4577
4573
|
class="k-clear-value"
|
|
4578
|
-
[style.visibility]="
|
|
4574
|
+
[style.visibility]="clearButtonVisibility"
|
|
4579
4575
|
[attr.title]="messageFor('clearTitle')"
|
|
4580
4576
|
role="button"
|
|
4581
4577
|
tabindex="-1"
|
|
@@ -5385,7 +5381,7 @@ class ComboBoxComponent extends MultiTabStop {
|
|
|
5385
5381
|
this.renderer[value ? 'addClass' : 'removeClass'](this.wrapper.nativeElement, "k-focus");
|
|
5386
5382
|
this._isFocused = value;
|
|
5387
5383
|
}
|
|
5388
|
-
get
|
|
5384
|
+
get clearButtonVisibility() {
|
|
5389
5385
|
if (touchEnabled) {
|
|
5390
5386
|
return 'visible';
|
|
5391
5387
|
}
|
|
@@ -6459,7 +6455,7 @@ class ComboBoxComponent extends MultiTabStop {
|
|
|
6459
6455
|
<span
|
|
6460
6456
|
*ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
|
|
6461
6457
|
class="k-clear-value"
|
|
6462
|
-
[style.visibility]="
|
|
6458
|
+
[style.visibility]="clearButtonVisibility"
|
|
6463
6459
|
aria-hidden="true"
|
|
6464
6460
|
[attr.title]="messageFor('clearTitle')"
|
|
6465
6461
|
(click)="clearValue($event)"
|
|
@@ -6650,7 +6646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6650
6646
|
<span
|
|
6651
6647
|
*ngIf="clearButton && !loading && !disabled && !readonly && text?.length"
|
|
6652
6648
|
class="k-clear-value"
|
|
6653
|
-
[style.visibility]="
|
|
6649
|
+
[style.visibility]="clearButtonVisibility"
|
|
6654
6650
|
aria-hidden="true"
|
|
6655
6651
|
[attr.title]="messageFor('clearTitle')"
|
|
6656
6652
|
(click)="clearValue($event)"
|
|
@@ -10017,7 +10013,7 @@ class MultiSelectComponent {
|
|
|
10017
10013
|
}
|
|
10018
10014
|
return prefix + "-" + focusedIndex;
|
|
10019
10015
|
}
|
|
10020
|
-
get
|
|
10016
|
+
get clearButtonVisibility() {
|
|
10021
10017
|
if (touchEnabled) {
|
|
10022
10018
|
return 'visible';
|
|
10023
10019
|
}
|
|
@@ -11119,7 +11115,7 @@ class MultiSelectComponent {
|
|
|
11119
11115
|
<span
|
|
11120
11116
|
*ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
|
|
11121
11117
|
class="k-clear-value"
|
|
11122
|
-
[style.visibility]="
|
|
11118
|
+
[style.visibility]="clearButtonVisibility"
|
|
11123
11119
|
[attr.title]="messageFor('clearTitle')"
|
|
11124
11120
|
role="button"
|
|
11125
11121
|
tabindex="-1"
|
|
@@ -11315,7 +11311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
11315
11311
|
<span
|
|
11316
11312
|
*ngIf="!loading && !readonly && clearButton && (tags?.length || text?.length)"
|
|
11317
11313
|
class="k-clear-value"
|
|
11318
|
-
[style.visibility]="
|
|
11314
|
+
[style.visibility]="clearButtonVisibility"
|
|
11319
11315
|
[attr.title]="messageFor('clearTitle')"
|
|
11320
11316
|
role="button"
|
|
11321
11317
|
tabindex="-1"
|
|
@@ -12096,7 +12092,7 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
|
12096
12092
|
<span
|
|
12097
12093
|
*ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
|
|
12098
12094
|
class="k-clear-value"
|
|
12099
|
-
[style.visibility]="
|
|
12095
|
+
[style.visibility]="clearButtonVisibility"
|
|
12100
12096
|
aria-hidden="true"
|
|
12101
12097
|
[attr.title]="messageFor('clearTitle')"
|
|
12102
12098
|
(click)="clearValue($event)"
|
|
@@ -12116,7 +12112,6 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
|
|
|
12116
12112
|
<button
|
|
12117
12113
|
#select
|
|
12118
12114
|
tabindex="-1"
|
|
12119
|
-
aria-hidden="true"
|
|
12120
12115
|
unselectable="on"
|
|
12121
12116
|
type="button"
|
|
12122
12117
|
class="k-input-button k-button k-icon-button"
|
|
@@ -12384,7 +12379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
12384
12379
|
<span
|
|
12385
12380
|
*ngIf="clearButton && !loading && !disabled && (!readonly || readonly && isAdaptiveModeEnabled && windowSize !== 'large') && text?.length"
|
|
12386
12381
|
class="k-clear-value"
|
|
12387
|
-
[style.visibility]="
|
|
12382
|
+
[style.visibility]="clearButtonVisibility"
|
|
12388
12383
|
aria-hidden="true"
|
|
12389
12384
|
[attr.title]="messageFor('clearTitle')"
|
|
12390
12385
|
(click)="clearValue($event)"
|
|
@@ -12404,7 +12399,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
12404
12399
|
<button
|
|
12405
12400
|
#select
|
|
12406
12401
|
tabindex="-1"
|
|
12407
|
-
aria-hidden="true"
|
|
12408
12402
|
unselectable="on"
|
|
12409
12403
|
type="button"
|
|
12410
12404
|
class="k-input-button k-button k-icon-button"
|
|
@@ -13067,7 +13061,7 @@ class DropDownTreeComponent {
|
|
|
13067
13061
|
get isOpen() {
|
|
13068
13062
|
return isTruthy(isPresent(this.popupRef) || this.isActionSheetExpanded);
|
|
13069
13063
|
}
|
|
13070
|
-
get
|
|
13064
|
+
get clearButtonVisibility() {
|
|
13071
13065
|
if (this.touchEnabled) {
|
|
13072
13066
|
return 'visible';
|
|
13073
13067
|
}
|
|
@@ -13259,7 +13253,7 @@ class DropDownTreeComponent {
|
|
|
13259
13253
|
const itemToFocus = this._searchableNodes.find((node) => {
|
|
13260
13254
|
return node.text.toLowerCase().startsWith(this._typedValue);
|
|
13261
13255
|
});
|
|
13262
|
-
this.treeview
|
|
13256
|
+
this.treeview?.focus(itemToFocus?.index);
|
|
13263
13257
|
}), debounceTime(1000)).subscribe(() => {
|
|
13264
13258
|
this._typedValue = '';
|
|
13265
13259
|
}));
|
|
@@ -13996,9 +13990,9 @@ class DropDownTreeComponent {
|
|
|
13996
13990
|
<span
|
|
13997
13991
|
*ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
|
|
13998
13992
|
class="k-clear-value"
|
|
13999
|
-
[style.visibility]="
|
|
14000
|
-
aria-hidden="true"
|
|
13993
|
+
[style.visibility]="clearButtonVisibility"
|
|
14001
13994
|
[attr.title]="messageFor('clearTitle')"
|
|
13995
|
+
aria-hidden="true"
|
|
14002
13996
|
(click)="clearValue($event)"
|
|
14003
13997
|
>
|
|
14004
13998
|
<kendo-icon-wrapper
|
|
@@ -14011,7 +14005,6 @@ class DropDownTreeComponent {
|
|
|
14011
14005
|
<button
|
|
14012
14006
|
tabindex="-1"
|
|
14013
14007
|
type="button"
|
|
14014
|
-
aria-hidden="true"
|
|
14015
14008
|
class="k-input-button k-button k-icon-button"
|
|
14016
14009
|
[ngClass]="selectButtonClasses"
|
|
14017
14010
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
@@ -14209,9 +14202,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
14209
14202
|
<span
|
|
14210
14203
|
*ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
|
|
14211
14204
|
class="k-clear-value"
|
|
14212
|
-
[style.visibility]="
|
|
14213
|
-
aria-hidden="true"
|
|
14205
|
+
[style.visibility]="clearButtonVisibility"
|
|
14214
14206
|
[attr.title]="messageFor('clearTitle')"
|
|
14207
|
+
aria-hidden="true"
|
|
14215
14208
|
(click)="clearValue($event)"
|
|
14216
14209
|
>
|
|
14217
14210
|
<kendo-icon-wrapper
|
|
@@ -14224,7 +14217,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
14224
14217
|
<button
|
|
14225
14218
|
tabindex="-1"
|
|
14226
14219
|
type="button"
|
|
14227
|
-
aria-hidden="true"
|
|
14228
14220
|
class="k-input-button k-button k-icon-button"
|
|
14229
14221
|
[ngClass]="selectButtonClasses"
|
|
14230
14222
|
[attr.aria-label]="messageFor('selectButtonText')"
|
|
@@ -15776,7 +15768,7 @@ class MultiSelectTreeComponent {
|
|
|
15776
15768
|
const itemToFocus = this._searchableNodes.find((node) => {
|
|
15777
15769
|
return node.text.toLowerCase().startsWith(this._typedValue);
|
|
15778
15770
|
});
|
|
15779
|
-
this.treeview
|
|
15771
|
+
this.treeview?.focus(itemToFocus?.index);
|
|
15780
15772
|
}), debounceTime(1000)).subscribe(() => {
|
|
15781
15773
|
this._typedValue = '';
|
|
15782
15774
|
}));
|
|
@@ -476,7 +476,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
|
|
|
476
476
|
get width(): any;
|
|
477
477
|
get height(): any;
|
|
478
478
|
get activeDescendant(): string;
|
|
479
|
-
get
|
|
479
|
+
get clearButtonVisibility(): string;
|
|
480
480
|
/**
|
|
481
481
|
* @hidden
|
|
482
482
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-dropdowns",
|
|
3
|
-
"version": "20.1.
|
|
3
|
+
"version": "20.1.1-develop.1",
|
|
4
4
|
"description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"package": {
|
|
101
101
|
"productName": "Kendo UI for Angular",
|
|
102
102
|
"productCode": "KENDOUIANGULAR",
|
|
103
|
-
"publishDate":
|
|
103
|
+
"publishDate": 1761222807,
|
|
104
104
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
105
105
|
}
|
|
106
106
|
},
|
|
@@ -111,18 +111,18 @@
|
|
|
111
111
|
"@angular/forms": "16 - 20",
|
|
112
112
|
"@angular/platform-browser": "16 - 20",
|
|
113
113
|
"@progress/kendo-licensing": "^1.7.0",
|
|
114
|
-
"@progress/kendo-angular-common": "20.1.
|
|
115
|
-
"@progress/kendo-angular-utils": "20.1.
|
|
116
|
-
"@progress/kendo-angular-l10n": "20.1.
|
|
117
|
-
"@progress/kendo-angular-navigation": "20.1.
|
|
118
|
-
"@progress/kendo-angular-popup": "20.1.
|
|
119
|
-
"@progress/kendo-angular-icons": "20.1.
|
|
120
|
-
"@progress/kendo-angular-treeview": "20.1.
|
|
114
|
+
"@progress/kendo-angular-common": "20.1.1-develop.1",
|
|
115
|
+
"@progress/kendo-angular-utils": "20.1.1-develop.1",
|
|
116
|
+
"@progress/kendo-angular-l10n": "20.1.1-develop.1",
|
|
117
|
+
"@progress/kendo-angular-navigation": "20.1.1-develop.1",
|
|
118
|
+
"@progress/kendo-angular-popup": "20.1.1-develop.1",
|
|
119
|
+
"@progress/kendo-angular-icons": "20.1.1-develop.1",
|
|
120
|
+
"@progress/kendo-angular-treeview": "20.1.1-develop.1",
|
|
121
121
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
122
122
|
},
|
|
123
123
|
"dependencies": {
|
|
124
124
|
"tslib": "^2.3.1",
|
|
125
|
-
"@progress/kendo-angular-schematics": "20.1.
|
|
125
|
+
"@progress/kendo-angular-schematics": "20.1.1-develop.1",
|
|
126
126
|
"@progress/kendo-common": "^1.0.1",
|
|
127
127
|
"node-html-parser": "^7.0.1"
|
|
128
128
|
},
|
|
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
|
|
6
6
|
// peers of the treeview
|
|
7
|
-
'@progress/kendo-angular-inputs': '20.1.
|
|
7
|
+
'@progress/kendo-angular-inputs': '20.1.1-develop.1',
|
|
8
8
|
// peers of inputs
|
|
9
|
-
'@progress/kendo-angular-intl': '20.1.
|
|
9
|
+
'@progress/kendo-angular-intl': '20.1.1-develop.1',
|
|
10
10
|
'@progress/kendo-drawing': '^1.17.2',
|
|
11
11
|
// Peer dependency of icons
|
|
12
12
|
'@progress/kendo-svg-icons': '^4.0.0'
|