@progress/kendo-angular-buttons 17.0.0-develop.5 → 17.0.0-develop.7

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/buttongroup/buttongroup.component.d.ts +1 -1
  2. package/esm2020/button/button.component.mjs +12 -10
  3. package/esm2020/buttongroup/buttongroup.component.mjs +3 -5
  4. package/esm2020/dropdownbutton/dropdownbutton.component.mjs +6 -0
  5. package/esm2020/package-metadata.mjs +2 -2
  6. package/fesm2015/progress-kendo-angular-buttons.mjs +23 -17
  7. package/fesm2020/progress-kendo-angular-buttons.mjs +23 -17
  8. package/package.json +6 -6
package/buttongroup/buttongroup.component.d.ts CHANGED
@@ -65,7 +65,7 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
65
65
  private lastFocusedIndex;
66
66
  private direction;
67
67
  private subs;
68
- get wrapperClass(): boolean;
68
+ wrapperClasses: boolean;
69
69
  get disabledClass(): boolean;
70
70
  get stretchedClass(): boolean;
71
71
  role: string;
package/esm2020/button/button.component.mjs CHANGED
@@ -470,11 +470,12 @@ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
470
470
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
471
471
  <span class="k-button-text"><ng-content></ng-content></span>
472
472
  <span *ngIf="$any(arrowIcon).iconClass" class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
473
- <kendo-icon-wrapper
474
- *ngIf="arrowIcon && !$any(arrowIcon).iconClass"
475
- innerCssClass="k-button-icon"
476
- [name]="$any(arrowIcon).icon || 'caret-alt-down'"
477
- [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
473
+ <span *ngIf="arrowIcon && !$any(arrowIcon).iconClass" class="k-button-arrow">
474
+ <kendo-icon-wrapper
475
+ [name]="$any(arrowIcon).icon || 'caret-alt-down'"
476
+ [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
477
+ </span>
478
+
478
479
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
479
480
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
480
481
  type: Component,
@@ -500,11 +501,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
500
501
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
501
502
  <span class="k-button-text"><ng-content></ng-content></span>
502
503
  <span *ngIf="$any(arrowIcon).iconClass" class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
503
- <kendo-icon-wrapper
504
- *ngIf="arrowIcon && !$any(arrowIcon).iconClass"
505
- innerCssClass="k-button-icon"
506
- [name]="$any(arrowIcon).icon || 'caret-alt-down'"
507
- [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
504
+ <span *ngIf="arrowIcon && !$any(arrowIcon).iconClass" class="k-button-arrow">
505
+ <kendo-icon-wrapper
506
+ [name]="$any(arrowIcon).icon || 'caret-alt-down'"
507
+ [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
508
+ </span>
509
+
508
510
  `,
509
511
  standalone: true,
510
512
  imports: [NgIf, IconWrapperComponent, NgClass]
package/esm2020/buttongroup/buttongroup.component.mjs CHANGED
@@ -50,6 +50,7 @@ export class ButtonGroupComponent {
50
50
  this.currentTabIndex = 0;
51
51
  this.lastFocusedIndex = -1;
52
52
  this.subs = new Subscription();
53
+ this.wrapperClasses = true;
53
54
  this.role = 'group';
54
55
  this.focusHandler = () => {
55
56
  this.currentTabIndex = -1;
@@ -73,9 +74,6 @@ export class ButtonGroupComponent {
73
74
  get tabIndex() {
74
75
  return this._tabIndex;
75
76
  }
76
- get wrapperClass() {
77
- return true;
78
- }
79
77
  get disabledClass() {
80
78
  return this.disabled;
81
79
  }
@@ -236,7 +234,7 @@ export class ButtonGroupComponent {
236
234
  }
237
235
  }
238
236
  ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
239
- ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClass", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
237
+ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
240
238
  KendoButtonService,
241
239
  LocalizationService,
242
240
  {
@@ -282,7 +280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
282
280
  }], buttons: [{
283
281
  type: ContentChildren,
284
282
  args: [ButtonComponent]
285
- }], wrapperClass: [{
283
+ }], wrapperClasses: [{
286
284
  type: HostBinding,
287
285
  args: ['class.k-button-group']
288
286
  }], disabledClass: [{
package/esm2020/dropdownbutton/dropdownbutton.component.mjs CHANGED
@@ -269,6 +269,10 @@ export class DropDownButtonComponent extends ListButton {
269
269
  this.containerService.container = this.container;
270
270
  this.containerService.template = this.popupTemplate;
271
271
  this.handleButtonAttributes(this.buttonAttributes);
272
+ const arrowWrapper = this.button.nativeElement.querySelector('.k-button-arrow');
273
+ if (arrowWrapper) {
274
+ this.renderer.addClass(arrowWrapper, 'k-menu-button-arrow');
275
+ }
272
276
  }
273
277
  /**
274
278
  * @hidden
@@ -323,6 +327,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
323
327
  type="button"
324
328
  [id]="buttonId"
325
329
  [tabindex]="componentTabIndex"
330
+ class="k-menu-button"
326
331
  [class.k-active]="active"
327
332
  [disabled]="disabled"
328
333
  [icon]="icon"
@@ -383,6 +388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
383
388
  type="button"
384
389
  [id]="buttonId"
385
390
  [tabindex]="componentTabIndex"
391
+ class="k-menu-button"
386
392
  [class.k-active]="active"
387
393
  [disabled]="disabled"
388
394
  [icon]="icon"
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-buttons',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1729003961,
13
- version: '17.0.0-develop.5',
12
+ publishDate: 1729052682,
13
+ version: '17.0.0-develop.7',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-buttons.mjs CHANGED
@@ -26,8 +26,8 @@ const packageMetadata = {
26
26
  name: '@progress/kendo-angular-buttons',
27
27
  productName: 'Kendo UI for Angular',
28
28
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
29
- publishDate: 1729003961,
30
- version: '17.0.0-develop.5',
29
+ publishDate: 1729052682,
30
+ version: '17.0.0-develop.7',
31
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
32
32
  };
33
33
 
@@ -595,11 +595,12 @@ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
595
595
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
596
596
  <span class="k-button-text"><ng-content></ng-content></span>
597
597
  <span *ngIf="$any(arrowIcon).iconClass" class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
598
- <kendo-icon-wrapper
599
- *ngIf="arrowIcon && !$any(arrowIcon).iconClass"
600
- innerCssClass="k-button-icon"
601
- [name]="$any(arrowIcon).icon || 'caret-alt-down'"
602
- [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
598
+ <span *ngIf="arrowIcon && !$any(arrowIcon).iconClass" class="k-button-arrow">
599
+ <kendo-icon-wrapper
600
+ [name]="$any(arrowIcon).icon || 'caret-alt-down'"
601
+ [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
602
+ </span>
603
+
603
604
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
604
605
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
605
606
  type: Component,
@@ -625,11 +626,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
625
626
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
626
627
  <span class="k-button-text"><ng-content></ng-content></span>
627
628
  <span *ngIf="$any(arrowIcon).iconClass" class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
628
- <kendo-icon-wrapper
629
- *ngIf="arrowIcon && !$any(arrowIcon).iconClass"
630
- innerCssClass="k-button-icon"
631
- [name]="$any(arrowIcon).icon || 'caret-alt-down'"
632
- [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
629
+ <span *ngIf="arrowIcon && !$any(arrowIcon).iconClass" class="k-button-arrow">
630
+ <kendo-icon-wrapper
631
+ [name]="$any(arrowIcon).icon || 'caret-alt-down'"
632
+ [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
633
+ </span>
634
+
633
635
  `,
634
636
  standalone: true,
635
637
  imports: [NgIf, IconWrapperComponent, NgClass]
@@ -766,6 +768,7 @@ class ButtonGroupComponent {
766
768
  this.currentTabIndex = 0;
767
769
  this.lastFocusedIndex = -1;
768
770
  this.subs = new Subscription();
771
+ this.wrapperClasses = true;
769
772
  this.role = 'group';
770
773
  this.focusHandler = () => {
771
774
  this.currentTabIndex = -1;
@@ -789,9 +792,6 @@ class ButtonGroupComponent {
789
792
  get tabIndex() {
790
793
  return this._tabIndex;
791
794
  }
792
- get wrapperClass() {
793
- return true;
794
- }
795
795
  get disabledClass() {
796
796
  return this.disabled;
797
797
  }
@@ -952,7 +952,7 @@ class ButtonGroupComponent {
952
952
  }
953
953
  }
954
954
  ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: KendoButtonService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
955
- ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClass", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
955
+ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
956
956
  KendoButtonService,
957
957
  LocalizationService,
958
958
  {
@@ -998,7 +998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
998
998
  }], buttons: [{
999
999
  type: ContentChildren,
1000
1000
  args: [ButtonComponent]
1001
- }], wrapperClass: [{
1001
+ }], wrapperClasses: [{
1002
1002
  type: HostBinding,
1003
1003
  args: ['class.k-button-group']
1004
1004
  }], disabledClass: [{
@@ -2915,6 +2915,10 @@ class DropDownButtonComponent extends ListButton {
2915
2915
  this.containerService.container = this.container;
2916
2916
  this.containerService.template = this.popupTemplate;
2917
2917
  this.handleButtonAttributes(this.buttonAttributes);
2918
+ const arrowWrapper = this.button.nativeElement.querySelector('.k-button-arrow');
2919
+ if (arrowWrapper) {
2920
+ this.renderer.addClass(arrowWrapper, 'k-menu-button-arrow');
2921
+ }
2918
2922
  }
2919
2923
  /**
2920
2924
  * @hidden
@@ -2970,6 +2974,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
2970
2974
  type="button"
2971
2975
  [id]="buttonId"
2972
2976
  [tabindex]="componentTabIndex"
2977
+ class="k-menu-button"
2973
2978
  [class.k-active]="active"
2974
2979
  [disabled]="disabled"
2975
2980
  [icon]="icon"
@@ -3030,6 +3035,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3030
3035
  type="button"
3031
3036
  [id]="buttonId"
3032
3037
  [tabindex]="componentTabIndex"
3038
+ class="k-menu-button"
3033
3039
  [class.k-active]="active"
3034
3040
  [disabled]="disabled"
3035
3041
  [icon]="icon"
package/fesm2020/progress-kendo-angular-buttons.mjs CHANGED
@@ -44,8 +44,8 @@ const packageMetadata = {
44
44
  name: '@progress/kendo-angular-buttons',
45
45
  productName: 'Kendo UI for Angular',
46
46
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
47
- publishDate: 1729003961,
48
- version: '17.0.0-develop.5',
47
+ publishDate: 1729052682,
48
+ version: '17.0.0-develop.7',
49
49
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
50
50
  };
51
51
 
@@ -595,11 +595,12 @@ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
595
595
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
596
596
  <span class="k-button-text"><ng-content></ng-content></span>
597
597
  <span *ngIf="$any(arrowIcon).iconClass" class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
598
- <kendo-icon-wrapper
599
- *ngIf="arrowIcon && !$any(arrowIcon).iconClass"
600
- innerCssClass="k-button-icon"
601
- [name]="$any(arrowIcon).icon || 'caret-alt-down'"
602
- [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
598
+ <span *ngIf="arrowIcon && !$any(arrowIcon).iconClass" class="k-button-arrow">
599
+ <kendo-icon-wrapper
600
+ [name]="$any(arrowIcon).icon || 'caret-alt-down'"
601
+ [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
602
+ </span>
603
+
603
604
  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
604
605
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
605
606
  type: Component,
@@ -625,11 +626,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
625
626
  <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
626
627
  <span class="k-button-text"><ng-content></ng-content></span>
627
628
  <span *ngIf="$any(arrowIcon).iconClass" class="k-button-icon" [ngClass]="$any(arrowIcon).iconClass"></span>
628
- <kendo-icon-wrapper
629
- *ngIf="arrowIcon && !$any(arrowIcon).iconClass"
630
- innerCssClass="k-button-icon"
631
- [name]="$any(arrowIcon).icon || 'caret-alt-down'"
632
- [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
629
+ <span *ngIf="arrowIcon && !$any(arrowIcon).iconClass" class="k-button-arrow">
630
+ <kendo-icon-wrapper
631
+ [name]="$any(arrowIcon).icon || 'caret-alt-down'"
632
+ [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon"></kendo-icon-wrapper>
633
+ </span>
634
+
633
635
  `,
634
636
  standalone: true,
635
637
  imports: [NgIf, IconWrapperComponent, NgClass]
@@ -764,6 +766,7 @@ class ButtonGroupComponent {
764
766
  this.currentTabIndex = 0;
765
767
  this.lastFocusedIndex = -1;
766
768
  this.subs = new Subscription();
769
+ this.wrapperClasses = true;
767
770
  this.role = 'group';
768
771
  this.focusHandler = () => {
769
772
  this.currentTabIndex = -1;
@@ -787,9 +790,6 @@ class ButtonGroupComponent {
787
790
  get tabIndex() {
788
791
  return this._tabIndex;
789
792
  }
790
- get wrapperClass() {
791
- return true;
792
- }
793
793
  get disabledClass() {
794
794
  return this.disabled;
795
795
  }
@@ -950,7 +950,7 @@ class ButtonGroupComponent {
950
950
  }
951
951
  }
952
952
  ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: KendoButtonService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
953
- ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClass", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
953
+ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
954
954
  KendoButtonService,
955
955
  LocalizationService,
956
956
  {
@@ -996,7 +996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
996
996
  }], buttons: [{
997
997
  type: ContentChildren,
998
998
  args: [ButtonComponent]
999
- }], wrapperClass: [{
999
+ }], wrapperClasses: [{
1000
1000
  type: HostBinding,
1001
1001
  args: ['class.k-button-group']
1002
1002
  }], disabledClass: [{
@@ -2909,6 +2909,10 @@ class DropDownButtonComponent extends ListButton {
2909
2909
  this.containerService.container = this.container;
2910
2910
  this.containerService.template = this.popupTemplate;
2911
2911
  this.handleButtonAttributes(this.buttonAttributes);
2912
+ const arrowWrapper = this.button.nativeElement.querySelector('.k-button-arrow');
2913
+ if (arrowWrapper) {
2914
+ this.renderer.addClass(arrowWrapper, 'k-menu-button-arrow');
2915
+ }
2912
2916
  }
2913
2917
  /**
2914
2918
  * @hidden
@@ -2963,6 +2967,7 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
2963
2967
  type="button"
2964
2968
  [id]="buttonId"
2965
2969
  [tabindex]="componentTabIndex"
2970
+ class="k-menu-button"
2966
2971
  [class.k-active]="active"
2967
2972
  [disabled]="disabled"
2968
2973
  [icon]="icon"
@@ -3023,6 +3028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3023
3028
  type="button"
3024
3029
  [id]="buttonId"
3025
3030
  [tabindex]="componentTabIndex"
3031
+ class="k-menu-button"
3026
3032
  [class.k-active]="active"
3027
3033
  [disabled]="disabled"
3028
3034
  [icon]="icon"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-buttons",
3
- "version": "17.0.0-develop.5",
3
+ "version": "17.0.0-develop.7",
4
4
  "description": "Buttons Package for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -25,15 +25,15 @@
25
25
  "@angular/core": "15 - 18",
26
26
  "@angular/platform-browser": "15 - 18",
27
27
  "@progress/kendo-licensing": "^1.0.2",
28
- "@progress/kendo-angular-common": "17.0.0-develop.5",
29
- "@progress/kendo-angular-l10n": "17.0.0-develop.5",
30
- "@progress/kendo-angular-popup": "17.0.0-develop.5",
31
- "@progress/kendo-angular-icons": "17.0.0-develop.5",
28
+ "@progress/kendo-angular-common": "17.0.0-develop.7",
29
+ "@progress/kendo-angular-l10n": "17.0.0-develop.7",
30
+ "@progress/kendo-angular-popup": "17.0.0-develop.7",
31
+ "@progress/kendo-angular-icons": "17.0.0-develop.7",
32
32
  "rxjs": "^6.5.3 || ^7.0.0"
33
33
  },
34
34
  "dependencies": {
35
35
  "tslib": "^2.3.1",
36
- "@progress/kendo-angular-schematics": "17.0.0-develop.5",
36
+ "@progress/kendo-angular-schematics": "17.0.0-develop.7",
37
37
  "@progress/kendo-common": "^0.2.1"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",