@progress/kendo-angular-dropdowns 13.5.0 → 13.5.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.
Files changed (10) hide show
  1. package/dropdowntrees/dropdowntree.component.d.ts +0 -4
  2. package/esm2020/comboboxes/combobox.component.mjs +7 -5
  3. package/esm2020/comboboxes/multicolumncombobox.component.mjs +6 -4
  4. package/esm2020/dropdownlist/dropdownlist.component.mjs +7 -5
  5. package/esm2020/dropdowntrees/dropdowntree.component.mjs +2 -10
  6. package/esm2020/package-metadata.mjs +2 -2
  7. package/fesm2015/progress-kendo-angular-dropdowns.mjs +24 -26
  8. package/fesm2020/progress-kendo-angular-dropdowns.mjs +24 -26
  9. package/package.json +9 -9
  10. package/schematics/ngAdd/index.js +2 -2
package/dropdowntrees/dropdowntree.component.d.ts CHANGED
@@ -567,10 +567,6 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
567
567
  * @hidden
568
568
  */
569
569
  handleFilterInputChange(input: Partial<HTMLInputElement> | string): void;
570
- /**
571
- * @hidden
572
- */
573
- get buttonClasses(): any;
574
570
  /**
575
571
  * @hidden
576
572
  */
package/esm2020/comboboxes/combobox.component.mjs CHANGED
@@ -904,7 +904,7 @@ export class ComboBoxComponent {
904
904
  * @hidden
905
905
  */
906
906
  get buttonClasses() {
907
- return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass;
907
+ return this.iconClass;
908
908
  }
909
909
  /**
910
910
  * @hidden
@@ -1528,6 +1528,7 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
1528
1528
  >
1529
1529
  </kendo-icon-wrapper>
1530
1530
  </span>
1531
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
1531
1532
  <button
1532
1533
  #select
1533
1534
  tabindex="-1"
@@ -1541,13 +1542,13 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
1541
1542
  }"
1542
1543
  >
1543
1544
  <kendo-icon-wrapper
1544
- *ngIf="!loading && !iconClass"
1545
+ *ngIf="!iconClass"
1545
1546
  name="caret-alt-down"
1546
1547
  innerCssClass="k-button-icon"
1547
1548
  [svgIcon]="caretAltDownIcon"
1548
1549
  >
1549
1550
  </kendo-icon-wrapper>
1550
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1551
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1551
1552
  </button>
1552
1553
  <ng-template #popupTemplate>
1553
1554
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -1690,6 +1691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1690
1691
  >
1691
1692
  </kendo-icon-wrapper>
1692
1693
  </span>
1694
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
1693
1695
  <button
1694
1696
  #select
1695
1697
  tabindex="-1"
@@ -1703,13 +1705,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1703
1705
  }"
1704
1706
  >
1705
1707
  <kendo-icon-wrapper
1706
- *ngIf="!loading && !iconClass"
1708
+ *ngIf="!iconClass"
1707
1709
  name="caret-alt-down"
1708
1710
  innerCssClass="k-button-icon"
1709
1711
  [svgIcon]="caretAltDownIcon"
1710
1712
  >
1711
1713
  </kendo-icon-wrapper>
1712
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1714
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1713
1715
  </button>
1714
1716
  <ng-template #popupTemplate>
1715
1717
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
package/esm2020/comboboxes/multicolumncombobox.component.mjs CHANGED
@@ -240,6 +240,7 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
240
240
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"> </kendo-icon-wrapper>
241
241
  </span>
242
242
 
243
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
243
244
  <button
244
245
  #select
245
246
  tabindex="-1"
@@ -254,13 +255,13 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
254
255
  }"
255
256
  >
256
257
  <kendo-icon-wrapper
257
- *ngIf="!loading && !iconClass"
258
+ *ngIf="!iconClass"
258
259
  name="caret-alt-down"
259
260
  innerCssClass="k-button-icon"
260
261
  [svgIcon]="caretAltDownIcon"
261
262
  >
262
263
  </kendo-icon-wrapper>
263
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
264
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
264
265
  </button>
265
266
 
266
267
  <ng-template #popupTemplate>
@@ -499,6 +500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
499
500
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"> </kendo-icon-wrapper>
500
501
  </span>
501
502
 
503
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
502
504
  <button
503
505
  #select
504
506
  tabindex="-1"
@@ -513,13 +515,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
513
515
  }"
514
516
  >
515
517
  <kendo-icon-wrapper
516
- *ngIf="!loading && !iconClass"
518
+ *ngIf="!iconClass"
517
519
  name="caret-alt-down"
518
520
  innerCssClass="k-button-icon"
519
521
  [svgIcon]="caretAltDownIcon"
520
522
  >
521
523
  </kendo-icon-wrapper>
522
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
524
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
523
525
  </button>
524
526
 
525
527
  <ng-template #popupTemplate>
package/esm2020/dropdownlist/dropdownlist.component.mjs CHANGED
@@ -864,7 +864,7 @@ export class DropDownListComponent {
864
864
  * @hidden
865
865
  */
866
866
  get buttonClasses() {
867
- return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass;
867
+ return this.iconClass;
868
868
  }
869
869
  /**
870
870
  * @hidden
@@ -1433,6 +1433,7 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1433
1433
  <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>
1434
1434
  </span>
1435
1435
  </span>
1436
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
1436
1437
  <button
1437
1438
  tabindex="-1"
1438
1439
  unselectable="on"
@@ -1452,8 +1453,8 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1452
1453
  [svgIcon]="caretAltDownIcon"
1453
1454
  >
1454
1455
  </kendo-icon-wrapper>
1455
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1456
- </button>
1456
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1457
+ </button>
1457
1458
  <ng-template #popupTemplate>
1458
1459
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
1459
1460
  </ng-template>
@@ -1626,6 +1627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1626
1627
  <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>
1627
1628
  </span>
1628
1629
  </span>
1630
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
1629
1631
  <button
1630
1632
  tabindex="-1"
1631
1633
  unselectable="on"
@@ -1645,8 +1647,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1645
1647
  [svgIcon]="caretAltDownIcon"
1646
1648
  >
1647
1649
  </kendo-icon-wrapper>
1648
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1649
- </button>
1650
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1651
+ </button>
1650
1652
  <ng-template #popupTemplate>
1651
1653
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
1652
1654
  </ng-template>
package/esm2020/dropdowntrees/dropdowntree.component.mjs CHANGED
@@ -882,12 +882,6 @@ export class DropDownTreeComponent {
882
882
  this.filterChange.next(typeof (input) === 'string' ? input : input.value);
883
883
  this.allNodesHidden = this.nodes.every((node, index) => !this.isVisible(node, String(index)));
884
884
  }
885
- /**
886
- * @hidden
887
- */
888
- get buttonClasses() {
889
- return this.loading ? 'k-i-loading k-input-loading-icon' : null;
890
- }
891
885
  /**
892
886
  * @hidden
893
887
  */
@@ -1312,6 +1306,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1312
1306
  >
1313
1307
  </kendo-icon-wrapper>
1314
1308
  </span>
1309
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
1315
1310
  <button
1316
1311
  tabindex="-1"
1317
1312
  type="button"
@@ -1320,9 +1315,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
1320
1315
  [ngClass]="selectButtonClasses"
1321
1316
  [attr.aria-label]="messageFor('selectButtonText')"
1322
1317
  >
1323
- <span *ngIf="loading" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1324
1318
  <kendo-icon-wrapper
1325
- *ngIf="!loading"
1326
1319
  name="caret-alt-down"
1327
1320
  innerCssClass="k-button-icon"
1328
1321
  [svgIcon]="caretAltDownIcon"
@@ -1517,6 +1510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1517
1510
  >
1518
1511
  </kendo-icon-wrapper>
1519
1512
  </span>
1513
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
1520
1514
  <button
1521
1515
  tabindex="-1"
1522
1516
  type="button"
@@ -1525,9 +1519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1525
1519
  [ngClass]="selectButtonClasses"
1526
1520
  [attr.aria-label]="messageFor('selectButtonText')"
1527
1521
  >
1528
- <span *ngIf="loading" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
1529
1522
  <kendo-icon-wrapper
1530
- *ngIf="!loading"
1531
1523
  name="caret-alt-down"
1532
1524
  innerCssClass="k-button-icon"
1533
1525
  [svgIcon]="caretAltDownIcon"
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: 1694533024,
13
- version: '13.5.0',
12
+ publishDate: 1694789020,
13
+ version: '13.5.1-develop.1',
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: 1694533024,
42
- version: '13.5.0',
41
+ publishDate: 1694789020,
42
+ version: '13.5.1-develop.1',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -5168,7 +5168,7 @@ class ComboBoxComponent {
5168
5168
  * @hidden
5169
5169
  */
5170
5170
  get buttonClasses() {
5171
- return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass;
5171
+ return this.iconClass;
5172
5172
  }
5173
5173
  /**
5174
5174
  * @hidden
@@ -5792,6 +5792,7 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
5792
5792
  >
5793
5793
  </kendo-icon-wrapper>
5794
5794
  </span>
5795
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
5795
5796
  <button
5796
5797
  #select
5797
5798
  tabindex="-1"
@@ -5805,13 +5806,13 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
5805
5806
  }"
5806
5807
  >
5807
5808
  <kendo-icon-wrapper
5808
- *ngIf="!loading && !iconClass"
5809
+ *ngIf="!iconClass"
5809
5810
  name="caret-alt-down"
5810
5811
  innerCssClass="k-button-icon"
5811
5812
  [svgIcon]="caretAltDownIcon"
5812
5813
  >
5813
5814
  </kendo-icon-wrapper>
5814
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5815
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5815
5816
  </button>
5816
5817
  <ng-template #popupTemplate>
5817
5818
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -5954,6 +5955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
5954
5955
  >
5955
5956
  </kendo-icon-wrapper>
5956
5957
  </span>
5958
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
5957
5959
  <button
5958
5960
  #select
5959
5961
  tabindex="-1"
@@ -5967,13 +5969,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
5967
5969
  }"
5968
5970
  >
5969
5971
  <kendo-icon-wrapper
5970
- *ngIf="!loading && !iconClass"
5972
+ *ngIf="!iconClass"
5971
5973
  name="caret-alt-down"
5972
5974
  innerCssClass="k-button-icon"
5973
5975
  [svgIcon]="caretAltDownIcon"
5974
5976
  >
5975
5977
  </kendo-icon-wrapper>
5976
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5978
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5977
5979
  </button>
5978
5980
  <ng-template #popupTemplate>
5979
5981
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -7070,7 +7072,7 @@ class DropDownListComponent {
7070
7072
  * @hidden
7071
7073
  */
7072
7074
  get buttonClasses() {
7073
- return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass;
7075
+ return this.iconClass;
7074
7076
  }
7075
7077
  /**
7076
7078
  * @hidden
@@ -7639,6 +7641,7 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
7639
7641
  <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>
7640
7642
  </span>
7641
7643
  </span>
7644
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
7642
7645
  <button
7643
7646
  tabindex="-1"
7644
7647
  unselectable="on"
@@ -7658,8 +7661,8 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
7658
7661
  [svgIcon]="caretAltDownIcon"
7659
7662
  >
7660
7663
  </kendo-icon-wrapper>
7661
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7662
- </button>
7664
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7665
+ </button>
7663
7666
  <ng-template #popupTemplate>
7664
7667
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
7665
7668
  </ng-template>
@@ -7832,6 +7835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7832
7835
  <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>
7833
7836
  </span>
7834
7837
  </span>
7838
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
7835
7839
  <button
7836
7840
  tabindex="-1"
7837
7841
  unselectable="on"
@@ -7851,8 +7855,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7851
7855
  [svgIcon]="caretAltDownIcon"
7852
7856
  >
7853
7857
  </kendo-icon-wrapper>
7854
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7855
- </button>
7858
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7859
+ </button>
7856
7860
  <ng-template #popupTemplate>
7857
7861
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
7858
7862
  </ng-template>
@@ -11067,6 +11071,7 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11067
11071
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"> </kendo-icon-wrapper>
11068
11072
  </span>
11069
11073
 
11074
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
11070
11075
  <button
11071
11076
  #select
11072
11077
  tabindex="-1"
@@ -11081,13 +11086,13 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11081
11086
  }"
11082
11087
  >
11083
11088
  <kendo-icon-wrapper
11084
- *ngIf="!loading && !iconClass"
11089
+ *ngIf="!iconClass"
11085
11090
  name="caret-alt-down"
11086
11091
  innerCssClass="k-button-icon"
11087
11092
  [svgIcon]="caretAltDownIcon"
11088
11093
  >
11089
11094
  </kendo-icon-wrapper>
11090
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11095
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11091
11096
  </button>
11092
11097
 
11093
11098
  <ng-template #popupTemplate>
@@ -11326,6 +11331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11326
11331
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"> </kendo-icon-wrapper>
11327
11332
  </span>
11328
11333
 
11334
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
11329
11335
  <button
11330
11336
  #select
11331
11337
  tabindex="-1"
@@ -11340,13 +11346,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11340
11346
  }"
11341
11347
  >
11342
11348
  <kendo-icon-wrapper
11343
- *ngIf="!loading && !iconClass"
11349
+ *ngIf="!iconClass"
11344
11350
  name="caret-alt-down"
11345
11351
  innerCssClass="k-button-icon"
11346
11352
  [svgIcon]="caretAltDownIcon"
11347
11353
  >
11348
11354
  </kendo-icon-wrapper>
11349
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11355
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11350
11356
  </button>
11351
11357
 
11352
11358
  <ng-template #popupTemplate>
@@ -12391,12 +12397,6 @@ class DropDownTreeComponent {
12391
12397
  this.filterChange.next(typeof (input) === 'string' ? input : input.value);
12392
12398
  this.allNodesHidden = this.nodes.every((node, index) => !this.isVisible(node, String(index)));
12393
12399
  }
12394
- /**
12395
- * @hidden
12396
- */
12397
- get buttonClasses() {
12398
- return this.loading ? 'k-i-loading k-input-loading-icon' : null;
12399
- }
12400
12400
  /**
12401
12401
  * @hidden
12402
12402
  */
@@ -12821,6 +12821,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12821
12821
  >
12822
12822
  </kendo-icon-wrapper>
12823
12823
  </span>
12824
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
12824
12825
  <button
12825
12826
  tabindex="-1"
12826
12827
  type="button"
@@ -12829,9 +12830,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12829
12830
  [ngClass]="selectButtonClasses"
12830
12831
  [attr.aria-label]="messageFor('selectButtonText')"
12831
12832
  >
12832
- <span *ngIf="loading" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
12833
12833
  <kendo-icon-wrapper
12834
- *ngIf="!loading"
12835
12834
  name="caret-alt-down"
12836
12835
  innerCssClass="k-button-icon"
12837
12836
  [svgIcon]="caretAltDownIcon"
@@ -13026,6 +13025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13026
13025
  >
13027
13026
  </kendo-icon-wrapper>
13028
13027
  </span>
13028
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
13029
13029
  <button
13030
13030
  tabindex="-1"
13031
13031
  type="button"
@@ -13034,9 +13034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13034
13034
  [ngClass]="selectButtonClasses"
13035
13035
  [attr.aria-label]="messageFor('selectButtonText')"
13036
13036
  >
13037
- <span *ngIf="loading" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
13038
13037
  <kendo-icon-wrapper
13039
- *ngIf="!loading"
13040
13038
  name="caret-alt-down"
13041
13039
  innerCssClass="k-button-icon"
13042
13040
  [svgIcon]="caretAltDownIcon"
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: 1694533024,
42
- version: '13.5.0',
41
+ publishDate: 1694789020,
42
+ version: '13.5.1-develop.1',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -5159,7 +5159,7 @@ class ComboBoxComponent {
5159
5159
  * @hidden
5160
5160
  */
5161
5161
  get buttonClasses() {
5162
- return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass;
5162
+ return this.iconClass;
5163
5163
  }
5164
5164
  /**
5165
5165
  * @hidden
@@ -5783,6 +5783,7 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
5783
5783
  >
5784
5784
  </kendo-icon-wrapper>
5785
5785
  </span>
5786
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
5786
5787
  <button
5787
5788
  #select
5788
5789
  tabindex="-1"
@@ -5796,13 +5797,13 @@ ComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
5796
5797
  }"
5797
5798
  >
5798
5799
  <kendo-icon-wrapper
5799
- *ngIf="!loading && !iconClass"
5800
+ *ngIf="!iconClass"
5800
5801
  name="caret-alt-down"
5801
5802
  innerCssClass="k-button-icon"
5802
5803
  [svgIcon]="caretAltDownIcon"
5803
5804
  >
5804
5805
  </kendo-icon-wrapper>
5805
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5806
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5806
5807
  </button>
5807
5808
  <ng-template #popupTemplate>
5808
5809
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -5945,6 +5946,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
5945
5946
  >
5946
5947
  </kendo-icon-wrapper>
5947
5948
  </span>
5949
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
5948
5950
  <button
5949
5951
  #select
5950
5952
  tabindex="-1"
@@ -5958,13 +5960,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
5958
5960
  }"
5959
5961
  >
5960
5962
  <kendo-icon-wrapper
5961
- *ngIf="!loading && !iconClass"
5963
+ *ngIf="!iconClass"
5962
5964
  name="caret-alt-down"
5963
5965
  innerCssClass="k-button-icon"
5964
5966
  [svgIcon]="caretAltDownIcon"
5965
5967
  >
5966
5968
  </kendo-icon-wrapper>
5967
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5969
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
5968
5970
  </button>
5969
5971
  <ng-template #popupTemplate>
5970
5972
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
@@ -7055,7 +7057,7 @@ class DropDownListComponent {
7055
7057
  * @hidden
7056
7058
  */
7057
7059
  get buttonClasses() {
7058
- return this.loading ? 'k-i-loading k-input-loading-icon' : this.iconClass;
7060
+ return this.iconClass;
7059
7061
  }
7060
7062
  /**
7061
7063
  * @hidden
@@ -7624,6 +7626,7 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
7624
7626
  <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>
7625
7627
  </span>
7626
7628
  </span>
7629
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
7627
7630
  <button
7628
7631
  tabindex="-1"
7629
7632
  unselectable="on"
@@ -7643,8 +7646,8 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
7643
7646
  [svgIcon]="caretAltDownIcon"
7644
7647
  >
7645
7648
  </kendo-icon-wrapper>
7646
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7647
- </button>
7649
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7650
+ </button>
7648
7651
  <ng-template #popupTemplate>
7649
7652
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
7650
7653
  </ng-template>
@@ -7817,6 +7820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7817
7820
  <ng-template [ngIf]="!valueTemplate">{{ getText() }}</ng-template>
7818
7821
  </span>
7819
7822
  </span>
7823
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
7820
7824
  <button
7821
7825
  tabindex="-1"
7822
7826
  unselectable="on"
@@ -7836,8 +7840,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
7836
7840
  [svgIcon]="caretAltDownIcon"
7837
7841
  >
7838
7842
  </kendo-icon-wrapper>
7839
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7840
- </button>
7843
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
7844
+ </button>
7841
7845
  <ng-template #popupTemplate>
7842
7846
  <ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
7843
7847
  </ng-template>
@@ -11045,6 +11049,7 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11045
11049
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"> </kendo-icon-wrapper>
11046
11050
  </span>
11047
11051
 
11052
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
11048
11053
  <button
11049
11054
  #select
11050
11055
  tabindex="-1"
@@ -11059,13 +11064,13 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11059
11064
  }"
11060
11065
  >
11061
11066
  <kendo-icon-wrapper
11062
- *ngIf="!loading && !iconClass"
11067
+ *ngIf="!iconClass"
11063
11068
  name="caret-alt-down"
11064
11069
  innerCssClass="k-button-icon"
11065
11070
  [svgIcon]="caretAltDownIcon"
11066
11071
  >
11067
11072
  </kendo-icon-wrapper>
11068
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11073
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11069
11074
  </button>
11070
11075
 
11071
11076
  <ng-template #popupTemplate>
@@ -11304,6 +11309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11304
11309
  <kendo-icon-wrapper name="x" [svgIcon]="xIcon"> </kendo-icon-wrapper>
11305
11310
  </span>
11306
11311
 
11312
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
11307
11313
  <button
11308
11314
  #select
11309
11315
  tabindex="-1"
@@ -11318,13 +11324,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11318
11324
  }"
11319
11325
  >
11320
11326
  <kendo-icon-wrapper
11321
- *ngIf="!loading && !iconClass"
11327
+ *ngIf="!iconClass"
11322
11328
  name="caret-alt-down"
11323
11329
  innerCssClass="k-button-icon"
11324
11330
  [svgIcon]="caretAltDownIcon"
11325
11331
  >
11326
11332
  </kendo-icon-wrapper>
11327
- <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11333
+ <span *ngIf="iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11328
11334
  </button>
11329
11335
 
11330
11336
  <ng-template #popupTemplate>
@@ -12364,12 +12370,6 @@ class DropDownTreeComponent {
12364
12370
  this.filterChange.next(typeof (input) === 'string' ? input : input.value);
12365
12371
  this.allNodesHidden = this.nodes.every((node, index) => !this.isVisible(node, String(index)));
12366
12372
  }
12367
- /**
12368
- * @hidden
12369
- */
12370
- get buttonClasses() {
12371
- return this.loading ? 'k-i-loading k-input-loading-icon' : null;
12372
- }
12373
12373
  /**
12374
12374
  * @hidden
12375
12375
  */
@@ -12794,6 +12794,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12794
12794
  >
12795
12795
  </kendo-icon-wrapper>
12796
12796
  </span>
12797
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
12797
12798
  <button
12798
12799
  tabindex="-1"
12799
12800
  type="button"
@@ -12802,9 +12803,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
12802
12803
  [ngClass]="selectButtonClasses"
12803
12804
  [attr.aria-label]="messageFor('selectButtonText')"
12804
12805
  >
12805
- <span *ngIf="loading" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
12806
12806
  <kendo-icon-wrapper
12807
- *ngIf="!loading"
12808
12807
  name="caret-alt-down"
12809
12808
  innerCssClass="k-button-icon"
12810
12809
  [svgIcon]="caretAltDownIcon"
@@ -12999,6 +12998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
12999
12998
  >
13000
12999
  </kendo-icon-wrapper>
13001
13000
  </span>
13001
+ <span *ngIf="loading" class="k-i-loading k-input-loading-icon k-icon"></span>
13002
13002
  <button
13003
13003
  tabindex="-1"
13004
13004
  type="button"
@@ -13007,9 +13007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13007
13007
  [ngClass]="selectButtonClasses"
13008
13008
  [attr.aria-label]="messageFor('selectButtonText')"
13009
13009
  >
13010
- <span *ngIf="loading" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
13011
13010
  <kendo-icon-wrapper
13012
- *ngIf="!loading"
13013
13011
  name="caret-alt-down"
13014
13012
  innerCssClass="k-button-icon"
13015
13013
  [svgIcon]="caretAltDownIcon"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "13.5.0",
3
+ "version": "13.5.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",
@@ -24,18 +24,18 @@
24
24
  "@angular/core": "13 - 16",
25
25
  "@angular/platform-browser": "13 - 16",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-common": "13.5.0",
28
- "@progress/kendo-angular-l10n": "13.5.0",
29
- "@progress/kendo-angular-popup": "13.5.0",
30
- "@progress/kendo-angular-icons": "13.5.0",
31
- "@progress/kendo-angular-treeview": "13.5.0",
27
+ "@progress/kendo-angular-common": "13.5.1-develop.1",
28
+ "@progress/kendo-angular-l10n": "13.5.1-develop.1",
29
+ "@progress/kendo-angular-popup": "13.5.1-develop.1",
30
+ "@progress/kendo-angular-icons": "13.5.1-develop.1",
31
+ "@progress/kendo-angular-treeview": "13.5.1-develop.1",
32
32
  "rxjs": "^6.5.3 || ^7.0.0",
33
- "@progress/kendo-angular-navigation": "13.5.0",
34
- "@progress/kendo-angular-label": "13.5.0"
33
+ "@progress/kendo-angular-navigation": "13.5.1-develop.1",
34
+ "@progress/kendo-angular-label": "13.5.1-develop.1"
35
35
  },
36
36
  "dependencies": {
37
37
  "tslib": "^2.3.1",
38
- "@progress/kendo-angular-schematics": "13.5.0",
38
+ "@progress/kendo-angular-schematics": "13.5.1-develop.1",
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': '13.5.0',
7
+ '@progress/kendo-angular-inputs': '13.5.1-develop.1',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '13.5.0',
9
+ '@progress/kendo-angular-intl': '13.5.1-develop.1',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^1.0.0'