@progress/kendo-angular-buttons 11.2.0-develop.1 → 11.2.0-develop.2

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.
@@ -8,9 +8,10 @@ import { packageMetadata } from '../package-metadata';
8
8
  import { ButtonItemTemplateDirective } from './button-item-template.directive';
9
9
  import { SIZES } from '../util';
10
10
  import * as i0 from "@angular/core";
11
- import * as i1 from "@angular/common";
12
- import * as i2 from "../focusable/focusable.directive";
13
- import * as i3 from "./template-context.directive";
11
+ import * as i1 from "@progress/kendo-angular-icons";
12
+ import * as i2 from "@angular/common";
13
+ import * as i3 from "../focusable/focusable.directive";
14
+ import * as i4 from "./template-context.directive";
14
15
  /**
15
16
  * @hidden
16
17
  */
@@ -72,6 +73,11 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
72
73
  *ngIf="dataItem.icon || dataItem.iconClass"
73
74
  [ngClass]="getIconClasses(dataItem)"
74
75
  ></span>
76
+ <kendo-icon-wrapper
77
+ *ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
78
+ [name]="dataItem.icon"
79
+ [svgIcon]="dataItem.svgIcon"
80
+ [customFontClass]="dataItem.iconClass"></kendo-icon-wrapper>
75
81
  <img
76
82
  *ngIf="dataItem.imageUrl"
77
83
  class="k-image"
@@ -85,7 +91,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
85
91
  </ng-template>
86
92
  </li>
87
93
  </ul>
88
- `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
94
+ `, isInline: true, components: [{ type: i1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
89
95
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
90
96
  type: Component,
91
97
  args: [{
@@ -113,6 +119,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
113
119
  *ngIf="dataItem.icon || dataItem.iconClass"
114
120
  [ngClass]="getIconClasses(dataItem)"
115
121
  ></span>
122
+ <kendo-icon-wrapper
123
+ *ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
124
+ [name]="dataItem.icon"
125
+ [svgIcon]="dataItem.svgIcon"
126
+ [customFontClass]="dataItem.iconClass"></kendo-icon-wrapper>
116
127
  <img
117
128
  *ngIf="dataItem.imageUrl"
118
129
  class="k-image"
@@ -8,6 +8,7 @@ import { ListComponent } from './list.component';
8
8
  import { FocusableDirective } from './../focusable/focusable.directive';
9
9
  import { ButtonItemTemplateDirective } from './button-item-template.directive';
10
10
  import { TemplateContextDirective } from './template-context.directive';
11
+ import { IconsModule } from '@progress/kendo-angular-icons';
11
12
  import * as i0 from "@angular/core";
12
13
  const EXPORTED_DIRECTIVES = [
13
14
  ListComponent,
@@ -24,16 +25,16 @@ ListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
24
25
  ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, declarations: [ListComponent,
25
26
  FocusableDirective,
26
27
  ButtonItemTemplateDirective,
27
- TemplateContextDirective], imports: [CommonModule], exports: [ListComponent,
28
+ TemplateContextDirective], imports: [CommonModule, IconsModule], exports: [ListComponent,
28
29
  FocusableDirective,
29
30
  ButtonItemTemplateDirective,
30
31
  TemplateContextDirective] });
31
- ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule]] });
32
+ ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule, IconsModule]] });
32
33
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, decorators: [{
33
34
  type: NgModule,
34
35
  args: [{
35
36
  declarations: [EXPORTED_DIRECTIVES],
36
37
  exports: [EXPORTED_DIRECTIVES],
37
- imports: [CommonModule]
38
+ imports: [CommonModule, IconsModule]
38
39
  }]
39
40
  }] });
@@ -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: 1675339584,
13
- version: '11.2.0-develop.1',
12
+ publishDate: 1675345523,
13
+ version: '11.2.0-develop.2',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -29,8 +29,8 @@ const packageMetadata = {
29
29
  name: '@progress/kendo-angular-buttons',
30
30
  productName: 'Kendo UI for Angular',
31
31
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
32
- publishDate: 1675339584,
33
- version: '11.2.0-develop.1',
32
+ publishDate: 1675345523,
33
+ version: '11.2.0-develop.2',
34
34
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
35
35
  };
36
36
 
@@ -1250,6 +1250,11 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1250
1250
  *ngIf="dataItem.icon || dataItem.iconClass"
1251
1251
  [ngClass]="getIconClasses(dataItem)"
1252
1252
  ></span>
1253
+ <kendo-icon-wrapper
1254
+ *ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
1255
+ [name]="dataItem.icon"
1256
+ [svgIcon]="dataItem.svgIcon"
1257
+ [customFontClass]="dataItem.iconClass"></kendo-icon-wrapper>
1253
1258
  <img
1254
1259
  *ngIf="dataItem.imageUrl"
1255
1260
  class="k-image"
@@ -1263,7 +1268,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1263
1268
  </ng-template>
1264
1269
  </li>
1265
1270
  </ul>
1266
- `, isInline: true, directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
1271
+ `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
1267
1272
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
1268
1273
  type: Component,
1269
1274
  args: [{
@@ -1291,6 +1296,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1291
1296
  *ngIf="dataItem.icon || dataItem.iconClass"
1292
1297
  [ngClass]="getIconClasses(dataItem)"
1293
1298
  ></span>
1299
+ <kendo-icon-wrapper
1300
+ *ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
1301
+ [name]="dataItem.icon"
1302
+ [svgIcon]="dataItem.svgIcon"
1303
+ [customFontClass]="dataItem.iconClass"></kendo-icon-wrapper>
1294
1304
  <img
1295
1305
  *ngIf="dataItem.imageUrl"
1296
1306
  class="k-image"
@@ -1397,17 +1407,17 @@ ListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
1397
1407
  ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, declarations: [ListComponent,
1398
1408
  FocusableDirective,
1399
1409
  ButtonItemTemplateDirective,
1400
- TemplateContextDirective], imports: [CommonModule], exports: [ListComponent,
1410
+ TemplateContextDirective], imports: [CommonModule, IconsModule], exports: [ListComponent,
1401
1411
  FocusableDirective,
1402
1412
  ButtonItemTemplateDirective,
1403
1413
  TemplateContextDirective] });
1404
- ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule]] });
1414
+ ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule, IconsModule]] });
1405
1415
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, decorators: [{
1406
1416
  type: NgModule,
1407
1417
  args: [{
1408
1418
  declarations: [EXPORTED_DIRECTIVES],
1409
1419
  exports: [EXPORTED_DIRECTIVES],
1410
- imports: [CommonModule]
1420
+ imports: [CommonModule, IconsModule]
1411
1421
  }]
1412
1422
  }] });
1413
1423
 
@@ -47,8 +47,8 @@ const packageMetadata = {
47
47
  name: '@progress/kendo-angular-buttons',
48
48
  productName: 'Kendo UI for Angular',
49
49
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
50
- publishDate: 1675339584,
51
- version: '11.2.0-develop.1',
50
+ publishDate: 1675345523,
51
+ version: '11.2.0-develop.2',
52
52
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
53
53
  };
54
54
 
@@ -1310,6 +1310,11 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1310
1310
  *ngIf="dataItem.icon || dataItem.iconClass"
1311
1311
  [ngClass]="getIconClasses(dataItem)"
1312
1312
  ></span>
1313
+ <kendo-icon-wrapper
1314
+ *ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
1315
+ [name]="dataItem.icon"
1316
+ [svgIcon]="dataItem.svgIcon"
1317
+ [customFontClass]="dataItem.iconClass"></kendo-icon-wrapper>
1313
1318
  <img
1314
1319
  *ngIf="dataItem.imageUrl"
1315
1320
  class="k-image"
@@ -1323,7 +1328,7 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
1323
1328
  </ng-template>
1324
1329
  </li>
1325
1330
  </ul>
1326
- `, isInline: true, directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
1331
+ `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }] });
1327
1332
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
1328
1333
  type: Component,
1329
1334
  args: [{
@@ -1351,6 +1356,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
1351
1356
  *ngIf="dataItem.icon || dataItem.iconClass"
1352
1357
  [ngClass]="getIconClasses(dataItem)"
1353
1358
  ></span>
1359
+ <kendo-icon-wrapper
1360
+ *ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
1361
+ [name]="dataItem.icon"
1362
+ [svgIcon]="dataItem.svgIcon"
1363
+ [customFontClass]="dataItem.iconClass"></kendo-icon-wrapper>
1354
1364
  <img
1355
1365
  *ngIf="dataItem.imageUrl"
1356
1366
  class="k-image"
@@ -1395,17 +1405,17 @@ ListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
1395
1405
  ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, declarations: [ListComponent,
1396
1406
  FocusableDirective,
1397
1407
  ButtonItemTemplateDirective,
1398
- TemplateContextDirective], imports: [CommonModule], exports: [ListComponent,
1408
+ TemplateContextDirective], imports: [CommonModule, IconsModule], exports: [ListComponent,
1399
1409
  FocusableDirective,
1400
1410
  ButtonItemTemplateDirective,
1401
1411
  TemplateContextDirective] });
1402
- ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule]] });
1412
+ ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule, IconsModule]] });
1403
1413
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, decorators: [{
1404
1414
  type: NgModule,
1405
1415
  args: [{
1406
1416
  declarations: [EXPORTED_DIRECTIVES],
1407
1417
  exports: [EXPORTED_DIRECTIVES],
1408
- imports: [CommonModule]
1418
+ imports: [CommonModule, IconsModule]
1409
1419
  }]
1410
1420
  }] });
1411
1421
 
@@ -2,6 +2,7 @@
2
2
  * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
+ import { SVGIcon } from "@progress/kendo-svg-icons";
5
6
  /**
6
7
  * Represents the item models of the Kendo UI DropDownButton and SplitButton components. These are the interface fields that the items use.
7
8
  *
@@ -52,6 +53,10 @@ export interface ListItemModel {
52
53
  * Defines an icon to be rendered next to the title.
53
54
  */
54
55
  icon?: string;
56
+ /**
57
+ * Defines an [SVGIcon](slug:api_icons_svgicon) to be rendered next to the title.
58
+ */
59
+ svgIcon?: SVGIcon;
55
60
  /**
56
61
  * Defines an icon with a custom CSS class to be rendered next to the title.
57
62
  */
@@ -8,11 +8,12 @@ import * as i2 from "../focusable/focusable.directive";
8
8
  import * as i3 from "./button-item-template.directive";
9
9
  import * as i4 from "./template-context.directive";
10
10
  import * as i5 from "@angular/common";
11
+ import * as i6 from "@progress/kendo-angular-icons";
11
12
  /**
12
13
  * @hidden
13
14
  */
14
15
  export declare class ListModule {
15
16
  static ɵfac: i0.ɵɵFactoryDeclaration<ListModule, never>;
16
- static ɵmod: i0.ɵɵNgModuleDeclaration<ListModule, [typeof i1.ListComponent, typeof i2.FocusableDirective, typeof i3.ButtonItemTemplateDirective, typeof i4.TemplateContextDirective], [typeof i5.CommonModule], [typeof i1.ListComponent, typeof i2.FocusableDirective, typeof i3.ButtonItemTemplateDirective, typeof i4.TemplateContextDirective]>;
17
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ListModule, [typeof i1.ListComponent, typeof i2.FocusableDirective, typeof i3.ButtonItemTemplateDirective, typeof i4.TemplateContextDirective], [typeof i5.CommonModule, typeof i6.IconsModule], [typeof i1.ListComponent, typeof i2.FocusableDirective, typeof i3.ButtonItemTemplateDirective, typeof i4.TemplateContextDirective]>;
17
18
  static ɵinj: i0.ɵɵInjectorDeclaration<ListModule>;
18
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-buttons",
3
- "version": "11.2.0-develop.1",
3
+ "version": "11.2.0-develop.2",
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": "13 - 15",
26
26
  "@angular/platform-browser": "13 - 15",
27
27
  "@progress/kendo-licensing": "^1.0.2",
28
- "@progress/kendo-angular-common": "11.2.0-develop.1",
29
- "@progress/kendo-angular-l10n": "11.2.0-develop.1",
30
- "@progress/kendo-angular-popup": "11.2.0-develop.1",
31
- "@progress/kendo-angular-icons": "11.2.0-develop.1",
28
+ "@progress/kendo-angular-common": "11.2.0-develop.2",
29
+ "@progress/kendo-angular-l10n": "11.2.0-develop.2",
30
+ "@progress/kendo-angular-popup": "11.2.0-develop.2",
31
+ "@progress/kendo-angular-icons": "11.2.0-develop.2",
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": "11.2.0-develop.1",
36
+ "@progress/kendo-angular-schematics": "11.2.0-develop.2",
37
37
  "@progress/kendo-common": "^0.2.1"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",