@progress/kendo-angular-buttons 11.2.0-develop.1 → 11.2.0-develop.11
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 +26 -17
- package/esm2020/listbutton/list.module.mjs +4 -3
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-buttons.mjs +29 -21
- package/fesm2020/progress-kendo-angular-buttons.mjs +29 -21
- 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
|
*/
|
|
@@ -63,15 +64,19 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
63
64
|
[attr.aria-disabled]="dataItem.disabled ? true : false">
|
|
64
65
|
<ng-template [ngIf]="itemTemplate?.templateRef">
|
|
65
66
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
66
|
-
<ng-template
|
|
67
|
+
<ng-template
|
|
68
|
+
[templateContext]="{ templateRef: itemTemplate?.templateRef, $implicit: dataItem }"
|
|
69
|
+
></ng-template>
|
|
67
70
|
</span>
|
|
68
71
|
</ng-template>
|
|
69
72
|
<ng-template [ngIf]="!itemTemplate?.templateRef">
|
|
70
73
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
71
|
-
<
|
|
72
|
-
*ngIf="dataItem.icon || dataItem.iconClass"
|
|
73
|
-
[
|
|
74
|
-
|
|
74
|
+
<kendo-icon-wrapper
|
|
75
|
+
*ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
|
|
76
|
+
[name]="dataItem.icon"
|
|
77
|
+
[svgIcon]="dataItem.svgIcon"
|
|
78
|
+
[customFontClass]="dataItem.iconClass"
|
|
79
|
+
></kendo-icon-wrapper>
|
|
75
80
|
<img
|
|
76
81
|
*ngIf="dataItem.imageUrl"
|
|
77
82
|
class="k-image"
|
|
@@ -79,13 +84,13 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
79
84
|
alt=""
|
|
80
85
|
>
|
|
81
86
|
<span *ngIf="getText(dataItem)" class="k-menu-link-text">
|
|
82
|
-
|
|
87
|
+
{{ getText(dataItem) }}
|
|
83
88
|
</span>
|
|
84
89
|
</span>
|
|
85
90
|
</ng-template>
|
|
86
91
|
</li>
|
|
87
92
|
</ul>
|
|
88
|
-
|
|
93
|
+
`, 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
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
|
|
90
95
|
type: Component,
|
|
91
96
|
args: [{
|
|
@@ -104,15 +109,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
104
109
|
[attr.aria-disabled]="dataItem.disabled ? true : false">
|
|
105
110
|
<ng-template [ngIf]="itemTemplate?.templateRef">
|
|
106
111
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
107
|
-
<ng-template
|
|
112
|
+
<ng-template
|
|
113
|
+
[templateContext]="{ templateRef: itemTemplate?.templateRef, $implicit: dataItem }"
|
|
114
|
+
></ng-template>
|
|
108
115
|
</span>
|
|
109
116
|
</ng-template>
|
|
110
117
|
<ng-template [ngIf]="!itemTemplate?.templateRef">
|
|
111
118
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
112
|
-
<
|
|
113
|
-
*ngIf="dataItem.icon || dataItem.iconClass"
|
|
114
|
-
[
|
|
115
|
-
|
|
119
|
+
<kendo-icon-wrapper
|
|
120
|
+
*ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
|
|
121
|
+
[name]="dataItem.icon"
|
|
122
|
+
[svgIcon]="dataItem.svgIcon"
|
|
123
|
+
[customFontClass]="dataItem.iconClass"
|
|
124
|
+
></kendo-icon-wrapper>
|
|
116
125
|
<img
|
|
117
126
|
*ngIf="dataItem.imageUrl"
|
|
118
127
|
class="k-image"
|
|
@@ -120,13 +129,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
120
129
|
alt=""
|
|
121
130
|
>
|
|
122
131
|
<span *ngIf="getText(dataItem)" class="k-menu-link-text">
|
|
123
|
-
|
|
132
|
+
{{ getText(dataItem) }}
|
|
124
133
|
</span>
|
|
125
134
|
</span>
|
|
126
135
|
</ng-template>
|
|
127
136
|
</li>
|
|
128
137
|
</ul>
|
|
129
|
-
|
|
138
|
+
`,
|
|
130
139
|
}]
|
|
131
140
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
132
141
|
type: Input
|
|
@@ -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.2.0-develop.
|
|
12
|
+
publishDate: 1675863060,
|
|
13
|
+
version: '11.2.0-develop.11',
|
|
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.2.0-develop.
|
|
32
|
+
publishDate: 1675863060,
|
|
33
|
+
version: '11.2.0-develop.11',
|
|
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: [{
|
|
@@ -1241,15 +1241,19 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
1241
1241
|
[attr.aria-disabled]="dataItem.disabled ? true : false">
|
|
1242
1242
|
<ng-template [ngIf]="itemTemplate?.templateRef">
|
|
1243
1243
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1244
|
-
<ng-template
|
|
1244
|
+
<ng-template
|
|
1245
|
+
[templateContext]="{ templateRef: itemTemplate?.templateRef, $implicit: dataItem }"
|
|
1246
|
+
></ng-template>
|
|
1245
1247
|
</span>
|
|
1246
1248
|
</ng-template>
|
|
1247
1249
|
<ng-template [ngIf]="!itemTemplate?.templateRef">
|
|
1248
1250
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1249
|
-
<
|
|
1250
|
-
*ngIf="dataItem.icon || dataItem.iconClass"
|
|
1251
|
-
[
|
|
1252
|
-
|
|
1251
|
+
<kendo-icon-wrapper
|
|
1252
|
+
*ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
|
|
1253
|
+
[name]="dataItem.icon"
|
|
1254
|
+
[svgIcon]="dataItem.svgIcon"
|
|
1255
|
+
[customFontClass]="dataItem.iconClass"
|
|
1256
|
+
></kendo-icon-wrapper>
|
|
1253
1257
|
<img
|
|
1254
1258
|
*ngIf="dataItem.imageUrl"
|
|
1255
1259
|
class="k-image"
|
|
@@ -1257,13 +1261,13 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
1257
1261
|
alt=""
|
|
1258
1262
|
>
|
|
1259
1263
|
<span *ngIf="getText(dataItem)" class="k-menu-link-text">
|
|
1260
|
-
|
|
1264
|
+
{{ getText(dataItem) }}
|
|
1261
1265
|
</span>
|
|
1262
1266
|
</span>
|
|
1263
1267
|
</ng-template>
|
|
1264
1268
|
</li>
|
|
1265
1269
|
</ul>
|
|
1266
|
-
|
|
1270
|
+
`, 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
1271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
|
|
1268
1272
|
type: Component,
|
|
1269
1273
|
args: [{
|
|
@@ -1282,15 +1286,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1282
1286
|
[attr.aria-disabled]="dataItem.disabled ? true : false">
|
|
1283
1287
|
<ng-template [ngIf]="itemTemplate?.templateRef">
|
|
1284
1288
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1285
|
-
<ng-template
|
|
1289
|
+
<ng-template
|
|
1290
|
+
[templateContext]="{ templateRef: itemTemplate?.templateRef, $implicit: dataItem }"
|
|
1291
|
+
></ng-template>
|
|
1286
1292
|
</span>
|
|
1287
1293
|
</ng-template>
|
|
1288
1294
|
<ng-template [ngIf]="!itemTemplate?.templateRef">
|
|
1289
1295
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1290
|
-
<
|
|
1291
|
-
*ngIf="dataItem.icon || dataItem.iconClass"
|
|
1292
|
-
[
|
|
1293
|
-
|
|
1296
|
+
<kendo-icon-wrapper
|
|
1297
|
+
*ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
|
|
1298
|
+
[name]="dataItem.icon"
|
|
1299
|
+
[svgIcon]="dataItem.svgIcon"
|
|
1300
|
+
[customFontClass]="dataItem.iconClass"
|
|
1301
|
+
></kendo-icon-wrapper>
|
|
1294
1302
|
<img
|
|
1295
1303
|
*ngIf="dataItem.imageUrl"
|
|
1296
1304
|
class="k-image"
|
|
@@ -1298,13 +1306,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1298
1306
|
alt=""
|
|
1299
1307
|
>
|
|
1300
1308
|
<span *ngIf="getText(dataItem)" class="k-menu-link-text">
|
|
1301
|
-
|
|
1309
|
+
{{ getText(dataItem) }}
|
|
1302
1310
|
</span>
|
|
1303
1311
|
</span>
|
|
1304
1312
|
</ng-template>
|
|
1305
1313
|
</li>
|
|
1306
1314
|
</ul>
|
|
1307
|
-
|
|
1315
|
+
`,
|
|
1308
1316
|
}]
|
|
1309
1317
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
1310
1318
|
type: Input
|
|
@@ -1397,17 +1405,17 @@ ListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
|
1397
1405
|
ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, declarations: [ListComponent,
|
|
1398
1406
|
FocusableDirective,
|
|
1399
1407
|
ButtonItemTemplateDirective,
|
|
1400
|
-
TemplateContextDirective], imports: [CommonModule], exports: [ListComponent,
|
|
1408
|
+
TemplateContextDirective], imports: [CommonModule, IconsModule], exports: [ListComponent,
|
|
1401
1409
|
FocusableDirective,
|
|
1402
1410
|
ButtonItemTemplateDirective,
|
|
1403
1411
|
TemplateContextDirective] });
|
|
1404
|
-
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]] });
|
|
1405
1413
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, decorators: [{
|
|
1406
1414
|
type: NgModule,
|
|
1407
1415
|
args: [{
|
|
1408
1416
|
declarations: [EXPORTED_DIRECTIVES],
|
|
1409
1417
|
exports: [EXPORTED_DIRECTIVES],
|
|
1410
|
-
imports: [CommonModule]
|
|
1418
|
+
imports: [CommonModule, IconsModule]
|
|
1411
1419
|
}]
|
|
1412
1420
|
}] });
|
|
1413
1421
|
|
|
@@ -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.2.0-develop.
|
|
50
|
+
publishDate: 1675863060,
|
|
51
|
+
version: '11.2.0-develop.11',
|
|
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: [{
|
|
@@ -1301,15 +1301,19 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
1301
1301
|
[attr.aria-disabled]="dataItem.disabled ? true : false">
|
|
1302
1302
|
<ng-template [ngIf]="itemTemplate?.templateRef">
|
|
1303
1303
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1304
|
-
<ng-template
|
|
1304
|
+
<ng-template
|
|
1305
|
+
[templateContext]="{ templateRef: itemTemplate?.templateRef, $implicit: dataItem }"
|
|
1306
|
+
></ng-template>
|
|
1305
1307
|
</span>
|
|
1306
1308
|
</ng-template>
|
|
1307
1309
|
<ng-template [ngIf]="!itemTemplate?.templateRef">
|
|
1308
1310
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1309
|
-
<
|
|
1310
|
-
*ngIf="dataItem.icon || dataItem.iconClass"
|
|
1311
|
-
[
|
|
1312
|
-
|
|
1311
|
+
<kendo-icon-wrapper
|
|
1312
|
+
*ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
|
|
1313
|
+
[name]="dataItem.icon"
|
|
1314
|
+
[svgIcon]="dataItem.svgIcon"
|
|
1315
|
+
[customFontClass]="dataItem.iconClass"
|
|
1316
|
+
></kendo-icon-wrapper>
|
|
1313
1317
|
<img
|
|
1314
1318
|
*ngIf="dataItem.imageUrl"
|
|
1315
1319
|
class="k-image"
|
|
@@ -1317,13 +1321,13 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
1317
1321
|
alt=""
|
|
1318
1322
|
>
|
|
1319
1323
|
<span *ngIf="getText(dataItem)" class="k-menu-link-text">
|
|
1320
|
-
|
|
1324
|
+
{{ getText(dataItem) }}
|
|
1321
1325
|
</span>
|
|
1322
1326
|
</span>
|
|
1323
1327
|
</ng-template>
|
|
1324
1328
|
</li>
|
|
1325
1329
|
</ul>
|
|
1326
|
-
|
|
1330
|
+
`, 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
1331
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListComponent, decorators: [{
|
|
1328
1332
|
type: Component,
|
|
1329
1333
|
args: [{
|
|
@@ -1342,15 +1346,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1342
1346
|
[attr.aria-disabled]="dataItem.disabled ? true : false">
|
|
1343
1347
|
<ng-template [ngIf]="itemTemplate?.templateRef">
|
|
1344
1348
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1345
|
-
<ng-template
|
|
1349
|
+
<ng-template
|
|
1350
|
+
[templateContext]="{ templateRef: itemTemplate?.templateRef, $implicit: dataItem }"
|
|
1351
|
+
></ng-template>
|
|
1346
1352
|
</span>
|
|
1347
1353
|
</ng-template>
|
|
1348
1354
|
<ng-template [ngIf]="!itemTemplate?.templateRef">
|
|
1349
1355
|
<span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">
|
|
1350
|
-
<
|
|
1351
|
-
*ngIf="dataItem.icon || dataItem.iconClass"
|
|
1352
|
-
[
|
|
1353
|
-
|
|
1356
|
+
<kendo-icon-wrapper
|
|
1357
|
+
*ngIf="dataItem.icon || dataItem.iconClass || dataItem.svgIcon"
|
|
1358
|
+
[name]="dataItem.icon"
|
|
1359
|
+
[svgIcon]="dataItem.svgIcon"
|
|
1360
|
+
[customFontClass]="dataItem.iconClass"
|
|
1361
|
+
></kendo-icon-wrapper>
|
|
1354
1362
|
<img
|
|
1355
1363
|
*ngIf="dataItem.imageUrl"
|
|
1356
1364
|
class="k-image"
|
|
@@ -1358,13 +1366,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
1358
1366
|
alt=""
|
|
1359
1367
|
>
|
|
1360
1368
|
<span *ngIf="getText(dataItem)" class="k-menu-link-text">
|
|
1361
|
-
|
|
1369
|
+
{{ getText(dataItem) }}
|
|
1362
1370
|
</span>
|
|
1363
1371
|
</span>
|
|
1364
1372
|
</ng-template>
|
|
1365
1373
|
</li>
|
|
1366
1374
|
</ul>
|
|
1367
|
-
|
|
1375
|
+
`,
|
|
1368
1376
|
}]
|
|
1369
1377
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
1370
1378
|
type: Input
|
|
@@ -1395,17 +1403,17 @@ ListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.
|
|
|
1395
1403
|
ListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, declarations: [ListComponent,
|
|
1396
1404
|
FocusableDirective,
|
|
1397
1405
|
ButtonItemTemplateDirective,
|
|
1398
|
-
TemplateContextDirective], imports: [CommonModule], exports: [ListComponent,
|
|
1406
|
+
TemplateContextDirective], imports: [CommonModule, IconsModule], exports: [ListComponent,
|
|
1399
1407
|
FocusableDirective,
|
|
1400
1408
|
ButtonItemTemplateDirective,
|
|
1401
1409
|
TemplateContextDirective] });
|
|
1402
|
-
ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule]] });
|
|
1410
|
+
ListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, imports: [[CommonModule, IconsModule]] });
|
|
1403
1411
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ListModule, decorators: [{
|
|
1404
1412
|
type: NgModule,
|
|
1405
1413
|
args: [{
|
|
1406
1414
|
declarations: [EXPORTED_DIRECTIVES],
|
|
1407
1415
|
exports: [EXPORTED_DIRECTIVES],
|
|
1408
|
-
imports: [CommonModule]
|
|
1416
|
+
imports: [CommonModule, IconsModule]
|
|
1409
1417
|
}]
|
|
1410
1418
|
}] });
|
|
1411
1419
|
|
|
@@ -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.
|
|
3
|
+
"version": "11.2.0-develop.11",
|
|
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.
|
|
29
|
-
"@progress/kendo-angular-l10n": "11.2.0-develop.
|
|
30
|
-
"@progress/kendo-angular-popup": "11.2.0-develop.
|
|
31
|
-
"@progress/kendo-angular-icons": "11.2.0-develop.
|
|
28
|
+
"@progress/kendo-angular-common": "11.2.0-develop.11",
|
|
29
|
+
"@progress/kendo-angular-l10n": "11.2.0-develop.11",
|
|
30
|
+
"@progress/kendo-angular-popup": "11.2.0-develop.11",
|
|
31
|
+
"@progress/kendo-angular-icons": "11.2.0-develop.11",
|
|
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.
|
|
36
|
+
"@progress/kendo-angular-schematics": "11.2.0-develop.11",
|
|
37
37
|
"@progress/kendo-common": "^0.2.1"
|
|
38
38
|
},
|
|
39
39
|
"schematics": "./schematics/collection.json",
|