@progress/kendo-angular-buttons 11.1.1-develop.1 → 11.2.0-develop.10
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/buttongroup/buttongroup.component.d.ts +1 -1
- package/esm2020/buttongroup/buttongroup.component.mjs +2 -2
- package/esm2020/listbutton/list.component.mjs +15 -4
- package/esm2020/listbutton/list.module.mjs +4 -3
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-buttons.mjs +18 -8
- package/fesm2020/progress-kendo-angular-buttons.mjs +18 -8
- package/listbutton/list-item-model.d.ts +5 -0
- package/listbutton/list.module.d.ts +2 -1
- package/package.json +6 -6
|
@@ -89,5 +89,5 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
|
|
|
89
89
|
private handleSubs;
|
|
90
90
|
private focusHandler;
|
|
91
91
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
|
|
92
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": "disabled"; "selection": "selection"; "width": "width"; "tabIndex": "tabIndex"; "navigable": "navigable"; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton]"]>;
|
|
92
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": "disabled"; "selection": "selection"; "width": "width"; "tabIndex": "tabIndex"; "navigable": "navigable"; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton], kendo-button"]>;
|
|
93
93
|
}
|
|
@@ -248,7 +248,7 @@ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
248
248
|
useValue: 'kendo.buttongroup'
|
|
249
249
|
}
|
|
250
250
|
], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
|
|
251
|
-
<ng-content select="[kendoButton]"></ng-content>
|
|
251
|
+
<ng-content select="[kendoButton], kendo-button"></ng-content>
|
|
252
252
|
`, isInline: true });
|
|
253
253
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
254
254
|
type: Component,
|
|
@@ -264,7 +264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
264
264
|
],
|
|
265
265
|
selector: 'kendo-buttongroup',
|
|
266
266
|
template: `
|
|
267
|
-
<ng-content select="[kendoButton]"></ng-content>
|
|
267
|
+
<ng-content select="[kendoButton], kendo-button"></ng-content>
|
|
268
268
|
`
|
|
269
269
|
}]
|
|
270
270
|
}], ctorParameters: function () { return [{ type: i1.KendoButtonService }, { type: i2.LocalizationService }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
@@ -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
|
|
12
|
-
import * as i2 from "
|
|
13
|
-
import * as i3 from "
|
|
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,
|
|
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:
|
|
13
|
-
version: '11.
|
|
12
|
+
publishDate: 1675853582,
|
|
13
|
+
version: '11.2.0-develop.10',
|
|
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:
|
|
33
|
-
version: '11.
|
|
32
|
+
publishDate: 1675853582,
|
|
33
|
+
version: '11.2.0-develop.10',
|
|
34
34
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -945,7 +945,7 @@ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
945
945
|
useValue: 'kendo.buttongroup'
|
|
946
946
|
}
|
|
947
947
|
], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
|
|
948
|
-
<ng-content select="[kendoButton]"></ng-content>
|
|
948
|
+
<ng-content select="[kendoButton], kendo-button"></ng-content>
|
|
949
949
|
`, isInline: true });
|
|
950
950
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
951
951
|
type: Component,
|
|
@@ -961,7 +961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
961
961
|
],
|
|
962
962
|
selector: 'kendo-buttongroup',
|
|
963
963
|
template: `
|
|
964
|
-
<ng-content select="[kendoButton]"></ng-content>
|
|
964
|
+
<ng-content select="[kendoButton], kendo-button"></ng-content>
|
|
965
965
|
`
|
|
966
966
|
}]
|
|
967
967
|
}], ctorParameters: function () { return [{ type: KendoButtonService }, { type: i1.LocalizationService }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
@@ -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:
|
|
51
|
-
version: '11.
|
|
50
|
+
publishDate: 1675853582,
|
|
51
|
+
version: '11.2.0-develop.10',
|
|
52
52
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
53
53
|
};
|
|
54
54
|
|
|
@@ -943,7 +943,7 @@ ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
943
943
|
useValue: 'kendo.buttongroup'
|
|
944
944
|
}
|
|
945
945
|
], queries: [{ propertyName: "buttons", predicate: ButtonComponent }], exportAs: ["kendoButtonGroup"], usesOnChanges: true, ngImport: i0, template: `
|
|
946
|
-
<ng-content select="[kendoButton]"></ng-content>
|
|
946
|
+
<ng-content select="[kendoButton], kendo-button"></ng-content>
|
|
947
947
|
`, isInline: true });
|
|
948
948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
949
949
|
type: Component,
|
|
@@ -959,7 +959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
959
959
|
],
|
|
960
960
|
selector: 'kendo-buttongroup',
|
|
961
961
|
template: `
|
|
962
|
-
<ng-content select="[kendoButton]"></ng-content>
|
|
962
|
+
<ng-content select="[kendoButton], kendo-button"></ng-content>
|
|
963
963
|
`
|
|
964
964
|
}]
|
|
965
965
|
}], ctorParameters: function () { return [{ type: KendoButtonService }, { type: i1.LocalizationService }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
@@ -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.
|
|
3
|
+
"version": "11.2.0-develop.10",
|
|
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.
|
|
29
|
-
"@progress/kendo-angular-l10n": "11.
|
|
30
|
-
"@progress/kendo-angular-popup": "11.
|
|
31
|
-
"@progress/kendo-angular-icons": "11.
|
|
28
|
+
"@progress/kendo-angular-common": "11.2.0-develop.10",
|
|
29
|
+
"@progress/kendo-angular-l10n": "11.2.0-develop.10",
|
|
30
|
+
"@progress/kendo-angular-popup": "11.2.0-develop.10",
|
|
31
|
+
"@progress/kendo-angular-icons": "11.2.0-develop.10",
|
|
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.
|
|
36
|
+
"@progress/kendo-angular-schematics": "11.2.0-develop.10",
|
|
37
37
|
"@progress/kendo-common": "^0.2.1"
|
|
38
38
|
},
|
|
39
39
|
"schematics": "./schematics/collection.json",
|