@progress/kendo-angular-toolbar 18.5.2 → 18.6.0-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 (5) hide show
  1. package/esm2022/package-metadata.mjs +2 -2
  2. package/esm2022/tools/toolbar-button.component.mjs +9 -2
  3. package/fesm2022/progress-kendo-angular-toolbar.mjs +11 -4
  4. package/package.json +8 -8
  5. package/tools/toolbar-button.component.d.ts +4 -0
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1745303876,
14
- version: '18.5.2',
13
+ publishDate: 1745314593,
14
+ version: '18.6.0-develop.1',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/tools/toolbar-button.component.mjs CHANGED
@@ -8,6 +8,7 @@ import { getValueForLocation } from '../util';
8
8
  import { ButtonComponent } from '@progress/kendo-angular-buttons';
9
9
  import { take } from 'rxjs/operators';
10
10
  import { IconWrapperComponent } from '@progress/kendo-angular-icons';
11
+ import { BadgeComponent } from '@progress/kendo-angular-indicators';
11
12
  import { NgStyle, NgClass, NgIf } from '@angular/common';
12
13
  import * as i0 from "@angular/core";
13
14
  /**
@@ -184,6 +185,10 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
184
185
  svgIcon: null,
185
186
  imageUrl: ''
186
187
  };
188
+ /**
189
+ * @hidden
190
+ */
191
+ showBadge = false;
187
192
  toolbarButtonElement;
188
193
  sectionButtonElement;
189
194
  overflowButtonElement;
@@ -281,6 +286,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
281
286
  (blur)="onBlur()"
282
287
  >
283
288
  {{ toolbarOptions.text }}
289
+ <kendo-badge *ngIf="showBadge"></kendo-badge>
284
290
  </button>
285
291
  </ng-template>
286
292
  <ng-template #popupTemplate>
@@ -335,7 +341,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
335
341
  {{ toolbarOptions.text }}
336
342
  </button>
337
343
  </ng-template>
338
- `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
344
+ `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: BadgeComponent, selector: "kendo-badge", inputs: ["align", "size", "fill", "themeColor", "rounded", "position", "cutoutBorder"] }] });
339
345
  }
340
346
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonComponent, decorators: [{
341
347
  type: Component,
@@ -370,6 +376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
370
376
  (blur)="onBlur()"
371
377
  >
372
378
  {{ toolbarOptions.text }}
379
+ <kendo-badge *ngIf="showBadge"></kendo-badge>
373
380
  </button>
374
381
  </ng-template>
375
382
  <ng-template #popupTemplate>
@@ -426,7 +433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
426
433
  </ng-template>
427
434
  `,
428
435
  standalone: true,
429
- imports: [ButtonComponent, NgStyle, NgClass, NgIf, IconWrapperComponent]
436
+ imports: [ButtonComponent, NgStyle, NgClass, NgIf, IconWrapperComponent, BadgeComponent],
430
437
  }]
431
438
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { showText: [{
432
439
  type: Input
package/fesm2022/progress-kendo-angular-toolbar.mjs CHANGED
@@ -16,6 +16,7 @@ import { caretAltLeftIcon, caretAltRightIcon, moreHorizontalIcon, moreVerticalIc
16
16
  import { ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, SplitButtonComponent } from '@progress/kendo-angular-buttons';
17
17
  import { NgTemplateOutlet, NgFor, NgIf, NgClass, NgStyle } from '@angular/common';
18
18
  import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
19
+ import { BadgeComponent } from '@progress/kendo-angular-indicators';
19
20
 
20
21
  /**
21
22
  * @hidden
@@ -25,8 +26,8 @@ const packageMetadata = {
25
26
  productName: 'Kendo UI for Angular',
26
27
  productCode: 'KENDOUIANGULAR',
27
28
  productCodes: ['KENDOUIANGULAR'],
28
- publishDate: 1745303876,
29
- version: '18.5.2',
29
+ publishDate: 1745314593,
30
+ version: '18.6.0-develop.1',
30
31
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
31
32
  };
32
33
 
@@ -2655,6 +2656,10 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
2655
2656
  svgIcon: null,
2656
2657
  imageUrl: ''
2657
2658
  };
2659
+ /**
2660
+ * @hidden
2661
+ */
2662
+ showBadge = false;
2658
2663
  toolbarButtonElement;
2659
2664
  sectionButtonElement;
2660
2665
  overflowButtonElement;
@@ -2752,6 +2757,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
2752
2757
  (blur)="onBlur()"
2753
2758
  >
2754
2759
  {{ toolbarOptions.text }}
2760
+ <kendo-badge *ngIf="showBadge"></kendo-badge>
2755
2761
  </button>
2756
2762
  </ng-template>
2757
2763
  <ng-template #popupTemplate>
@@ -2806,7 +2812,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
2806
2812
  {{ toolbarOptions.text }}
2807
2813
  </button>
2808
2814
  </ng-template>
2809
- `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }] });
2815
+ `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: BadgeComponent, selector: "kendo-badge", inputs: ["align", "size", "fill", "themeColor", "rounded", "position", "cutoutBorder"] }] });
2810
2816
  }
2811
2817
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonComponent, decorators: [{
2812
2818
  type: Component,
@@ -2841,6 +2847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2841
2847
  (blur)="onBlur()"
2842
2848
  >
2843
2849
  {{ toolbarOptions.text }}
2850
+ <kendo-badge *ngIf="showBadge"></kendo-badge>
2844
2851
  </button>
2845
2852
  </ng-template>
2846
2853
  <ng-template #popupTemplate>
@@ -2897,7 +2904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2897
2904
  </ng-template>
2898
2905
  `,
2899
2906
  standalone: true,
2900
- imports: [ButtonComponent, NgStyle, NgClass, NgIf, IconWrapperComponent]
2907
+ imports: [ButtonComponent, NgStyle, NgClass, NgIf, IconWrapperComponent, BadgeComponent],
2901
2908
  }]
2902
2909
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { showText: [{
2903
2910
  type: Input
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-toolbar",
3
- "version": "18.5.2",
3
+ "version": "18.6.0-develop.1",
4
4
  "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -25,7 +25,7 @@
25
25
  "package": {
26
26
  "productName": "Kendo UI for Angular",
27
27
  "productCode": "KENDOUIANGULAR",
28
- "publishDate": 1745303876,
28
+ "publishDate": 1745314593,
29
29
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
30
30
  }
31
31
  },
@@ -35,16 +35,16 @@
35
35
  "@angular/core": "16 - 19",
36
36
  "@angular/platform-browser": "16 - 19",
37
37
  "@progress/kendo-licensing": "^1.5.0",
38
- "@progress/kendo-angular-buttons": "18.5.2",
39
- "@progress/kendo-angular-common": "18.5.2",
40
- "@progress/kendo-angular-l10n": "18.5.2",
41
- "@progress/kendo-angular-icons": "18.5.2",
42
- "@progress/kendo-angular-popup": "18.5.2",
38
+ "@progress/kendo-angular-buttons": "18.6.0-develop.1",
39
+ "@progress/kendo-angular-common": "18.6.0-develop.1",
40
+ "@progress/kendo-angular-l10n": "18.6.0-develop.1",
41
+ "@progress/kendo-angular-icons": "18.6.0-develop.1",
42
+ "@progress/kendo-angular-popup": "18.6.0-develop.1",
43
43
  "rxjs": "^6.5.3 || ^7.0.0"
44
44
  },
45
45
  "dependencies": {
46
46
  "tslib": "^2.3.1",
47
- "@progress/kendo-angular-schematics": "18.5.2"
47
+ "@progress/kendo-angular-schematics": "18.6.0-develop.1"
48
48
  },
49
49
  "schematics": "./schematics/collection.json",
50
50
  "module": "fesm2022/progress-kendo-angular-toolbar.mjs",
package/tools/toolbar-button.component.d.ts CHANGED
@@ -136,6 +136,10 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
136
136
  selectedChange: EventEmitter<any>;
137
137
  toolbarOptions: ToolOptions;
138
138
  overflowOptions: ToolOptions;
139
+ /**
140
+ * @hidden
141
+ */
142
+ showBadge: boolean;
139
143
  toolbarButtonElement: ElementRef;
140
144
  sectionButtonElement: ElementRef;
141
145
  private overflowButtonElement;