@progress/kendo-angular-icons 13.0.0-develop.1 → 13.0.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/common/icon-base.d.ts +7 -5
- package/common/models/size.d.ts +8 -6
- package/esm2020/common/icon-base.mjs +10 -6
- package/esm2020/icon-wrapper/icon-wrapper.component.mjs +7 -5
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-icons.mjs +19 -13
- package/fesm2020/progress-kendo-angular-icons.mjs +19 -13
- package/icon-wrapper/icon-wrapper.component.d.ts +17 -2
- package/package.json +3 -3
package/common/icon-base.d.ts
CHANGED
|
@@ -43,11 +43,13 @@ export declare abstract class IconBaseDirective {
|
|
|
43
43
|
*
|
|
44
44
|
* The possible values are:
|
|
45
45
|
* * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
|
|
46
|
-
* * `xsmall` (Font-size:
|
|
47
|
-
* * `small` (Font-size:
|
|
48
|
-
* * `medium` (Font-size:
|
|
49
|
-
* * `large` (Font-size:
|
|
50
|
-
* * `xlarge` (Font-size:
|
|
46
|
+
* * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
|
|
47
|
+
* * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
|
|
48
|
+
* * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
|
|
49
|
+
* * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
|
|
50
|
+
* * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
|
|
51
|
+
* * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
|
|
52
|
+
* * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
|
|
51
53
|
*
|
|
52
54
|
*/
|
|
53
55
|
set size(size: IconSize);
|
package/common/models/size.d.ts
CHANGED
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
*
|
|
8
8
|
* The possible values are:
|
|
9
9
|
* * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
|
|
10
|
-
* * `xsmall`—Font-size:
|
|
11
|
-
* * `small`—Font-size:
|
|
12
|
-
* * `medium`—Font-size:
|
|
13
|
-
* * `large`—Font-size:
|
|
14
|
-
* * `xlarge`—Font-size:
|
|
10
|
+
* * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
|
|
11
|
+
* * `small`—Font-size: 14px; Width: 14px; Height: 14px.
|
|
12
|
+
* * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
|
|
13
|
+
* * `large`—Font-size: 20px; Width: 20px; Height: 20px.
|
|
14
|
+
* * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
|
|
15
|
+
* * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
|
|
16
|
+
* * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
|
|
15
17
|
*
|
|
16
18
|
*/
|
|
17
|
-
export declare type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
|
|
19
|
+
export declare type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
@@ -12,7 +12,9 @@ const sizeClasses = {
|
|
|
12
12
|
'small': 'k-icon-sm',
|
|
13
13
|
'medium': 'k-icon-md',
|
|
14
14
|
'large': 'k-icon-lg',
|
|
15
|
-
'xlarge': 'k-icon-xl'
|
|
15
|
+
'xlarge': 'k-icon-xl',
|
|
16
|
+
'xxlarge': 'k-icon-xxl',
|
|
17
|
+
'xxxlarge': 'k-icon-xxxl'
|
|
16
18
|
};
|
|
17
19
|
/**
|
|
18
20
|
* @hidden
|
|
@@ -64,11 +66,13 @@ export class IconBaseDirective {
|
|
|
64
66
|
*
|
|
65
67
|
* The possible values are:
|
|
66
68
|
* * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
|
|
67
|
-
* * `xsmall` (Font-size:
|
|
68
|
-
* * `small` (Font-size:
|
|
69
|
-
* * `medium` (Font-size:
|
|
70
|
-
* * `large` (Font-size:
|
|
71
|
-
* * `xlarge` (Font-size:
|
|
69
|
+
* * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
|
|
70
|
+
* * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
|
|
71
|
+
* * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
|
|
72
|
+
* * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
|
|
73
|
+
* * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
|
|
74
|
+
* * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
|
|
75
|
+
* * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
|
|
72
76
|
*
|
|
73
77
|
*/
|
|
74
78
|
set size(size) {
|
|
@@ -47,12 +47,12 @@ export class IconWrapperComponent {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
|
|
50
|
+
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
|
|
51
51
|
<kendo-svg-icon
|
|
52
52
|
*ngIf="iconSettings?.type === 'svg'; else font"
|
|
53
53
|
[ngClass]="innerCssClass"
|
|
54
54
|
[icon]="getSvgIcon"
|
|
55
|
-
[size]="iconSettings?.size"
|
|
55
|
+
[size]="size || iconSettings?.size"
|
|
56
56
|
[themeColor]="iconSettings?.themeColor"
|
|
57
57
|
[flip]="iconSettings?.flip"></kendo-svg-icon>
|
|
58
58
|
<ng-template #font>
|
|
@@ -60,7 +60,7 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
60
60
|
*ngIf="!customFontIconClass; else custom"
|
|
61
61
|
[ngClass]="innerCssClass"
|
|
62
62
|
[name]="name"
|
|
63
|
-
[size]="iconSettings?.size"
|
|
63
|
+
[size]="size || iconSettings?.size"
|
|
64
64
|
[themeColor]="iconSettings?.themeColor"
|
|
65
65
|
[flip]="iconSettings?.flip"></kendo-icon>
|
|
66
66
|
<ng-template #custom>
|
|
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
78
78
|
*ngIf="iconSettings?.type === 'svg'; else font"
|
|
79
79
|
[ngClass]="innerCssClass"
|
|
80
80
|
[icon]="getSvgIcon"
|
|
81
|
-
[size]="iconSettings?.size"
|
|
81
|
+
[size]="size || iconSettings?.size"
|
|
82
82
|
[themeColor]="iconSettings?.themeColor"
|
|
83
83
|
[flip]="iconSettings?.flip"></kendo-svg-icon>
|
|
84
84
|
<ng-template #font>
|
|
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
86
86
|
*ngIf="!customFontIconClass; else custom"
|
|
87
87
|
[ngClass]="innerCssClass"
|
|
88
88
|
[name]="name"
|
|
89
|
-
[size]="iconSettings?.size"
|
|
89
|
+
[size]="size || iconSettings?.size"
|
|
90
90
|
[themeColor]="iconSettings?.themeColor"
|
|
91
91
|
[flip]="iconSettings?.flip"></kendo-icon>
|
|
92
92
|
<ng-template #custom>
|
|
@@ -106,4 +106,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
106
106
|
type: Input
|
|
107
107
|
}], customFontClass: [{
|
|
108
108
|
type: Input
|
|
109
|
+
}], size: [{
|
|
110
|
+
type: Input
|
|
109
111
|
}] } });
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-icons',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '13.0.0-develop.
|
|
12
|
+
publishDate: 1685119452,
|
|
13
|
+
version: '13.0.0-develop.10',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -19,8 +19,8 @@ const packageMetadata = {
|
|
|
19
19
|
name: '@progress/kendo-angular-icons',
|
|
20
20
|
productName: 'Kendo UI for Angular',
|
|
21
21
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
22
|
-
publishDate:
|
|
23
|
-
version: '13.0.0-develop.
|
|
22
|
+
publishDate: 1685119452,
|
|
23
|
+
version: '13.0.0-develop.10',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -30,7 +30,9 @@ const sizeClasses = {
|
|
|
30
30
|
'small': 'k-icon-sm',
|
|
31
31
|
'medium': 'k-icon-md',
|
|
32
32
|
'large': 'k-icon-lg',
|
|
33
|
-
'xlarge': 'k-icon-xl'
|
|
33
|
+
'xlarge': 'k-icon-xl',
|
|
34
|
+
'xxlarge': 'k-icon-xxl',
|
|
35
|
+
'xxxlarge': 'k-icon-xxxl'
|
|
34
36
|
};
|
|
35
37
|
/**
|
|
36
38
|
* @hidden
|
|
@@ -82,11 +84,13 @@ class IconBaseDirective {
|
|
|
82
84
|
*
|
|
83
85
|
* The possible values are:
|
|
84
86
|
* * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
|
|
85
|
-
* * `xsmall` (Font-size:
|
|
86
|
-
* * `small` (Font-size:
|
|
87
|
-
* * `medium` (Font-size:
|
|
88
|
-
* * `large` (Font-size:
|
|
89
|
-
* * `xlarge` (Font-size:
|
|
87
|
+
* * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
|
|
88
|
+
* * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
|
|
89
|
+
* * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
|
|
90
|
+
* * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
|
|
91
|
+
* * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
|
|
92
|
+
* * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
|
|
93
|
+
* * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
|
|
90
94
|
*
|
|
91
95
|
*/
|
|
92
96
|
set size(size) {
|
|
@@ -407,12 +411,12 @@ class IconWrapperComponent {
|
|
|
407
411
|
}
|
|
408
412
|
}
|
|
409
413
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
410
|
-
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
|
|
414
|
+
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
|
|
411
415
|
<kendo-svg-icon
|
|
412
416
|
*ngIf="iconSettings?.type === 'svg'; else font"
|
|
413
417
|
[ngClass]="innerCssClass"
|
|
414
418
|
[icon]="getSvgIcon"
|
|
415
|
-
[size]="iconSettings?.size"
|
|
419
|
+
[size]="size || iconSettings?.size"
|
|
416
420
|
[themeColor]="iconSettings?.themeColor"
|
|
417
421
|
[flip]="iconSettings?.flip"></kendo-svg-icon>
|
|
418
422
|
<ng-template #font>
|
|
@@ -420,7 +424,7 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
420
424
|
*ngIf="!customFontIconClass; else custom"
|
|
421
425
|
[ngClass]="innerCssClass"
|
|
422
426
|
[name]="name"
|
|
423
|
-
[size]="iconSettings?.size"
|
|
427
|
+
[size]="size || iconSettings?.size"
|
|
424
428
|
[themeColor]="iconSettings?.themeColor"
|
|
425
429
|
[flip]="iconSettings?.flip"></kendo-icon>
|
|
426
430
|
<ng-template #custom>
|
|
@@ -438,7 +442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
438
442
|
*ngIf="iconSettings?.type === 'svg'; else font"
|
|
439
443
|
[ngClass]="innerCssClass"
|
|
440
444
|
[icon]="getSvgIcon"
|
|
441
|
-
[size]="iconSettings?.size"
|
|
445
|
+
[size]="size || iconSettings?.size"
|
|
442
446
|
[themeColor]="iconSettings?.themeColor"
|
|
443
447
|
[flip]="iconSettings?.flip"></kendo-svg-icon>
|
|
444
448
|
<ng-template #font>
|
|
@@ -446,7 +450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
446
450
|
*ngIf="!customFontIconClass; else custom"
|
|
447
451
|
[ngClass]="innerCssClass"
|
|
448
452
|
[name]="name"
|
|
449
|
-
[size]="iconSettings?.size"
|
|
453
|
+
[size]="size || iconSettings?.size"
|
|
450
454
|
[themeColor]="iconSettings?.themeColor"
|
|
451
455
|
[flip]="iconSettings?.flip"></kendo-icon>
|
|
452
456
|
<ng-template #custom>
|
|
@@ -466,6 +470,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
466
470
|
type: Input
|
|
467
471
|
}], customFontClass: [{
|
|
468
472
|
type: Input
|
|
473
|
+
}], size: [{
|
|
474
|
+
type: Input
|
|
469
475
|
}] } });
|
|
470
476
|
|
|
471
477
|
const exportedModules$2 = [
|
|
@@ -19,8 +19,8 @@ const packageMetadata = {
|
|
|
19
19
|
name: '@progress/kendo-angular-icons',
|
|
20
20
|
productName: 'Kendo UI for Angular',
|
|
21
21
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
22
|
-
publishDate:
|
|
23
|
-
version: '13.0.0-develop.
|
|
22
|
+
publishDate: 1685119452,
|
|
23
|
+
version: '13.0.0-develop.10',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -30,7 +30,9 @@ const sizeClasses = {
|
|
|
30
30
|
'small': 'k-icon-sm',
|
|
31
31
|
'medium': 'k-icon-md',
|
|
32
32
|
'large': 'k-icon-lg',
|
|
33
|
-
'xlarge': 'k-icon-xl'
|
|
33
|
+
'xlarge': 'k-icon-xl',
|
|
34
|
+
'xxlarge': 'k-icon-xxl',
|
|
35
|
+
'xxxlarge': 'k-icon-xxxl'
|
|
34
36
|
};
|
|
35
37
|
/**
|
|
36
38
|
* @hidden
|
|
@@ -82,11 +84,13 @@ class IconBaseDirective {
|
|
|
82
84
|
*
|
|
83
85
|
* The possible values are:
|
|
84
86
|
* * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
|
|
85
|
-
* * `xsmall` (Font-size:
|
|
86
|
-
* * `small` (Font-size:
|
|
87
|
-
* * `medium` (Font-size:
|
|
88
|
-
* * `large` (Font-size:
|
|
89
|
-
* * `xlarge` (Font-size:
|
|
87
|
+
* * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
|
|
88
|
+
* * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
|
|
89
|
+
* * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
|
|
90
|
+
* * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
|
|
91
|
+
* * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
|
|
92
|
+
* * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
|
|
93
|
+
* * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
|
|
90
94
|
*
|
|
91
95
|
*/
|
|
92
96
|
set size(size) {
|
|
@@ -405,12 +409,12 @@ class IconWrapperComponent {
|
|
|
405
409
|
}
|
|
406
410
|
}
|
|
407
411
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
408
|
-
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
|
|
412
|
+
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
|
|
409
413
|
<kendo-svg-icon
|
|
410
414
|
*ngIf="iconSettings?.type === 'svg'; else font"
|
|
411
415
|
[ngClass]="innerCssClass"
|
|
412
416
|
[icon]="getSvgIcon"
|
|
413
|
-
[size]="iconSettings?.size"
|
|
417
|
+
[size]="size || iconSettings?.size"
|
|
414
418
|
[themeColor]="iconSettings?.themeColor"
|
|
415
419
|
[flip]="iconSettings?.flip"></kendo-svg-icon>
|
|
416
420
|
<ng-template #font>
|
|
@@ -418,7 +422,7 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
418
422
|
*ngIf="!customFontIconClass; else custom"
|
|
419
423
|
[ngClass]="innerCssClass"
|
|
420
424
|
[name]="name"
|
|
421
|
-
[size]="iconSettings?.size"
|
|
425
|
+
[size]="size || iconSettings?.size"
|
|
422
426
|
[themeColor]="iconSettings?.themeColor"
|
|
423
427
|
[flip]="iconSettings?.flip"></kendo-icon>
|
|
424
428
|
<ng-template #custom>
|
|
@@ -436,7 +440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
436
440
|
*ngIf="iconSettings?.type === 'svg'; else font"
|
|
437
441
|
[ngClass]="innerCssClass"
|
|
438
442
|
[icon]="getSvgIcon"
|
|
439
|
-
[size]="iconSettings?.size"
|
|
443
|
+
[size]="size || iconSettings?.size"
|
|
440
444
|
[themeColor]="iconSettings?.themeColor"
|
|
441
445
|
[flip]="iconSettings?.flip"></kendo-svg-icon>
|
|
442
446
|
<ng-template #font>
|
|
@@ -444,7 +448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
444
448
|
*ngIf="!customFontIconClass; else custom"
|
|
445
449
|
[ngClass]="innerCssClass"
|
|
446
450
|
[name]="name"
|
|
447
|
-
[size]="iconSettings?.size"
|
|
451
|
+
[size]="size || iconSettings?.size"
|
|
448
452
|
[themeColor]="iconSettings?.themeColor"
|
|
449
453
|
[flip]="iconSettings?.flip"></kendo-icon>
|
|
450
454
|
<ng-template #custom>
|
|
@@ -464,6 +468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
464
468
|
type: Input
|
|
465
469
|
}], customFontClass: [{
|
|
466
470
|
type: Input
|
|
471
|
+
}], size: [{
|
|
472
|
+
type: Input
|
|
467
473
|
}] } });
|
|
468
474
|
|
|
469
475
|
const exportedModules$2 = [
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { OnDestroy } from '@angular/core';
|
|
6
6
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
7
7
|
import { IconsService } from '../common/icons.service';
|
|
8
|
-
import { IconSettings } from '../common/models';
|
|
8
|
+
import { IconSettings, IconSize } from '../common/models';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
@@ -32,6 +32,21 @@ export declare class IconWrapperComponent implements OnDestroy {
|
|
|
32
32
|
* by the developer using the consuming component through its API.
|
|
33
33
|
*/
|
|
34
34
|
customFontClass: string;
|
|
35
|
+
/**
|
|
36
|
+
* Specifies the size of the Icon.
|
|
37
|
+
*
|
|
38
|
+
* The possible values are:
|
|
39
|
+
* * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
|
|
40
|
+
* * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
|
|
41
|
+
* * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
|
|
42
|
+
* * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
|
|
43
|
+
* * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
|
|
44
|
+
* * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
|
|
45
|
+
* * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
|
|
46
|
+
* * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
size: IconSize;
|
|
35
50
|
get customClasses(): string;
|
|
36
51
|
iconSettings: IconSettings;
|
|
37
52
|
get getSvgIcon(): SVGIcon;
|
|
@@ -40,5 +55,5 @@ export declare class IconWrapperComponent implements OnDestroy {
|
|
|
40
55
|
constructor(iconsService: IconsService);
|
|
41
56
|
ngOnDestroy(): void;
|
|
42
57
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconWrapperComponent, never>;
|
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": "name"; "svgIcon": "svgIcon"; "innerCssClass": "innerCssClass"; "customFontClass": "customFontClass"; }, {}, never, never>;
|
|
58
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": "name"; "svgIcon": "svgIcon"; "innerCssClass": "innerCssClass"; "customFontClass": "customFontClass"; "size": "size"; }, {}, never, never>;
|
|
44
59
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-icons",
|
|
3
|
-
"version": "13.0.0-develop.
|
|
3
|
+
"version": "13.0.0-develop.10",
|
|
4
4
|
"description": "Kendo UI Angular component starter template",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -22,12 +22,12 @@
|
|
|
22
22
|
"@angular/platform-browser": "13 - 16",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
24
|
"@progress/kendo-svg-icons": "^1.0.0",
|
|
25
|
-
"@progress/kendo-angular-common": "13.0.0-develop.
|
|
25
|
+
"@progress/kendo-angular-common": "13.0.0-develop.10",
|
|
26
26
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"tslib": "^2.3.1",
|
|
30
|
-
"@progress/kendo-angular-schematics": "13.0.0-develop.
|
|
30
|
+
"@progress/kendo-angular-schematics": "13.0.0-develop.10"
|
|
31
31
|
},
|
|
32
32
|
"schematics": "./schematics/collection.json",
|
|
33
33
|
"module": "fesm2015/progress-kendo-angular-icons.mjs",
|