@progress/kendo-angular-icons 14.3.0-develop.9 → 14.3.0
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/esm2020/common/icon-base.mjs +3 -1
- package/esm2020/icon-wrapper/icon-wrapper.component.mjs +5 -5
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/svg-icon/svg-icon.component.mjs +2 -2
- package/fesm2015/progress-kendo-angular-icons.mjs +12 -10
- package/fesm2020/progress-kendo-angular-icons.mjs +12 -10
- package/package.json +3 -3
- package/svg-icon/svg-icon.component.d.ts +1 -1
|
@@ -50,10 +50,12 @@ export class IconBaseDirective {
|
|
|
50
50
|
*/
|
|
51
51
|
set themeColor(themeColor) {
|
|
52
52
|
const element = this.element.nativeElement;
|
|
53
|
+
if (this._themeColor) {
|
|
54
|
+
this.renderer.removeClass(element, `!k-color-${this._themeColor}`);
|
|
55
|
+
}
|
|
53
56
|
this._themeColor = themeColor;
|
|
54
57
|
// needed to ensure the theme color will be always applied; e.g. the class .k-button-icon, specific
|
|
55
58
|
// for icon buttons applies "color: inherit" which overwrites the theme color
|
|
56
|
-
this.renderer.removeClass(element, `!k-color-${themeColor}`);
|
|
57
59
|
if (themeColor) {
|
|
58
60
|
this.renderer.addClass(element, `!k-color-${themeColor}`);
|
|
59
61
|
}
|
|
@@ -70,13 +70,13 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
|
|
|
70
70
|
}
|
|
71
71
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
72
72
|
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: `
|
|
73
|
-
<kendo-
|
|
73
|
+
<kendo-svgicon
|
|
74
74
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
75
75
|
[ngClass]="innerCssClass"
|
|
76
76
|
[icon]="svgIcon"
|
|
77
77
|
[size]="size || iconSettings?.size"
|
|
78
78
|
[themeColor]="iconSettings?.themeColor"
|
|
79
|
-
[flip]="iconSettings?.flip"></kendo-
|
|
79
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
80
80
|
<ng-template #font>
|
|
81
81
|
<kendo-icon
|
|
82
82
|
*ngIf="!customFontIconClass; else custom"
|
|
@@ -89,20 +89,20 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
89
89
|
<span [ngClass]="customClasses"></span>
|
|
90
90
|
</ng-template>
|
|
91
91
|
</ng-template>
|
|
92
|
-
`, isInline: true, components: [{ type: i2.SVGIconComponent, selector: "kendo-svg-icon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: i3.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
92
|
+
`, isInline: true, components: [{ type: i2.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: i3.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
93
93
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
95
|
args: [{
|
|
96
96
|
exportAs: 'kendoIconWrapper',
|
|
97
97
|
selector: 'kendo-icon-wrapper',
|
|
98
98
|
template: `
|
|
99
|
-
<kendo-
|
|
99
|
+
<kendo-svgicon
|
|
100
100
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
101
101
|
[ngClass]="innerCssClass"
|
|
102
102
|
[icon]="svgIcon"
|
|
103
103
|
[size]="size || iconSettings?.size"
|
|
104
104
|
[themeColor]="iconSettings?.themeColor"
|
|
105
|
-
[flip]="iconSettings?.flip"></kendo-
|
|
105
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
106
106
|
<ng-template #font>
|
|
107
107
|
<kendo-icon
|
|
108
108
|
*ngIf="!customFontIconClass; else custom"
|
|
@@ -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: '14.3.0
|
|
12
|
+
publishDate: 1703060475,
|
|
13
|
+
version: '14.3.0',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -61,7 +61,7 @@ export class SVGIconComponent extends IconBaseDirective {
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
-
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SVGIconComponent, selector: "kendo-svg-icon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
64
|
+
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
65
65
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
66
66
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
67
67
|
</svg>`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
69
69
|
type: Component,
|
|
70
70
|
args: [{
|
|
71
71
|
exportAs: 'kendoSVGIcon',
|
|
72
|
-
selector: 'kendo-svg-icon',
|
|
72
|
+
selector: 'kendo-svg-icon, kendo-svgicon',
|
|
73
73
|
template: `
|
|
74
74
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
75
75
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
@@ -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: '14.3.0
|
|
22
|
+
publishDate: 1703060475,
|
|
23
|
+
version: '14.3.0',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -68,10 +68,12 @@ class IconBaseDirective {
|
|
|
68
68
|
*/
|
|
69
69
|
set themeColor(themeColor) {
|
|
70
70
|
const element = this.element.nativeElement;
|
|
71
|
+
if (this._themeColor) {
|
|
72
|
+
this.renderer.removeClass(element, `!k-color-${this._themeColor}`);
|
|
73
|
+
}
|
|
71
74
|
this._themeColor = themeColor;
|
|
72
75
|
// needed to ensure the theme color will be always applied; e.g. the class .k-button-icon, specific
|
|
73
76
|
// for icon buttons applies "color: inherit" which overwrites the theme color
|
|
74
|
-
this.renderer.removeClass(element, `!k-color-${themeColor}`);
|
|
75
77
|
if (themeColor) {
|
|
76
78
|
this.renderer.addClass(element, `!k-color-${themeColor}`);
|
|
77
79
|
}
|
|
@@ -229,7 +231,7 @@ class SVGIconComponent extends IconBaseDirective {
|
|
|
229
231
|
}
|
|
230
232
|
}
|
|
231
233
|
SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
232
|
-
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SVGIconComponent, selector: "kendo-svg-icon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
234
|
+
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
233
235
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
234
236
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
235
237
|
</svg>`, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
@@ -237,7 +239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
237
239
|
type: Component,
|
|
238
240
|
args: [{
|
|
239
241
|
exportAs: 'kendoSVGIcon',
|
|
240
|
-
selector: 'kendo-svg-icon',
|
|
242
|
+
selector: 'kendo-svg-icon, kendo-svgicon',
|
|
241
243
|
template: `
|
|
242
244
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
243
245
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
@@ -440,13 +442,13 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
|
|
|
440
442
|
}
|
|
441
443
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
442
444
|
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: `
|
|
443
|
-
<kendo-
|
|
445
|
+
<kendo-svgicon
|
|
444
446
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
445
447
|
[ngClass]="innerCssClass"
|
|
446
448
|
[icon]="svgIcon"
|
|
447
449
|
[size]="size || iconSettings?.size"
|
|
448
450
|
[themeColor]="iconSettings?.themeColor"
|
|
449
|
-
[flip]="iconSettings?.flip"></kendo-
|
|
451
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
450
452
|
<ng-template #font>
|
|
451
453
|
<kendo-icon
|
|
452
454
|
*ngIf="!customFontIconClass; else custom"
|
|
@@ -459,20 +461,20 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
459
461
|
<span [ngClass]="customClasses"></span>
|
|
460
462
|
</ng-template>
|
|
461
463
|
</ng-template>
|
|
462
|
-
`, isInline: true, components: [{ type: SVGIconComponent, selector: "kendo-svg-icon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
464
|
+
`, isInline: true, components: [{ type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
463
465
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
464
466
|
type: Component,
|
|
465
467
|
args: [{
|
|
466
468
|
exportAs: 'kendoIconWrapper',
|
|
467
469
|
selector: 'kendo-icon-wrapper',
|
|
468
470
|
template: `
|
|
469
|
-
<kendo-
|
|
471
|
+
<kendo-svgicon
|
|
470
472
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
471
473
|
[ngClass]="innerCssClass"
|
|
472
474
|
[icon]="svgIcon"
|
|
473
475
|
[size]="size || iconSettings?.size"
|
|
474
476
|
[themeColor]="iconSettings?.themeColor"
|
|
475
|
-
[flip]="iconSettings?.flip"></kendo-
|
|
477
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
476
478
|
<ng-template #font>
|
|
477
479
|
<kendo-icon
|
|
478
480
|
*ngIf="!customFontIconClass; else custom"
|
|
@@ -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: '14.3.0
|
|
22
|
+
publishDate: 1703060475,
|
|
23
|
+
version: '14.3.0',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -68,10 +68,12 @@ class IconBaseDirective {
|
|
|
68
68
|
*/
|
|
69
69
|
set themeColor(themeColor) {
|
|
70
70
|
const element = this.element.nativeElement;
|
|
71
|
+
if (this._themeColor) {
|
|
72
|
+
this.renderer.removeClass(element, `!k-color-${this._themeColor}`);
|
|
73
|
+
}
|
|
71
74
|
this._themeColor = themeColor;
|
|
72
75
|
// needed to ensure the theme color will be always applied; e.g. the class .k-button-icon, specific
|
|
73
76
|
// for icon buttons applies "color: inherit" which overwrites the theme color
|
|
74
|
-
this.renderer.removeClass(element, `!k-color-${themeColor}`);
|
|
75
77
|
if (themeColor) {
|
|
76
78
|
this.renderer.addClass(element, `!k-color-${themeColor}`);
|
|
77
79
|
}
|
|
@@ -229,7 +231,7 @@ class SVGIconComponent extends IconBaseDirective {
|
|
|
229
231
|
}
|
|
230
232
|
}
|
|
231
233
|
SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
232
|
-
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SVGIconComponent, selector: "kendo-svg-icon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
234
|
+
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
233
235
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
234
236
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
235
237
|
</svg>`, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
@@ -237,7 +239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
237
239
|
type: Component,
|
|
238
240
|
args: [{
|
|
239
241
|
exportAs: 'kendoSVGIcon',
|
|
240
|
-
selector: 'kendo-svg-icon',
|
|
242
|
+
selector: 'kendo-svg-icon, kendo-svgicon',
|
|
241
243
|
template: `
|
|
242
244
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
243
245
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
@@ -438,13 +440,13 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
|
|
|
438
440
|
}
|
|
439
441
|
IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
440
442
|
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: `
|
|
441
|
-
<kendo-
|
|
443
|
+
<kendo-svgicon
|
|
442
444
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
443
445
|
[ngClass]="innerCssClass"
|
|
444
446
|
[icon]="svgIcon"
|
|
445
447
|
[size]="size || iconSettings?.size"
|
|
446
448
|
[themeColor]="iconSettings?.themeColor"
|
|
447
|
-
[flip]="iconSettings?.flip"></kendo-
|
|
449
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
448
450
|
<ng-template #font>
|
|
449
451
|
<kendo-icon
|
|
450
452
|
*ngIf="!customFontIconClass; else custom"
|
|
@@ -457,20 +459,20 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
457
459
|
<span [ngClass]="customClasses"></span>
|
|
458
460
|
</ng-template>
|
|
459
461
|
</ng-template>
|
|
460
|
-
`, isInline: true, components: [{ type: SVGIconComponent, selector: "kendo-svg-icon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
462
|
+
`, isInline: true, components: [{ type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
461
463
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
462
464
|
type: Component,
|
|
463
465
|
args: [{
|
|
464
466
|
exportAs: 'kendoIconWrapper',
|
|
465
467
|
selector: 'kendo-icon-wrapper',
|
|
466
468
|
template: `
|
|
467
|
-
<kendo-
|
|
469
|
+
<kendo-svgicon
|
|
468
470
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
469
471
|
[ngClass]="innerCssClass"
|
|
470
472
|
[icon]="svgIcon"
|
|
471
473
|
[size]="size || iconSettings?.size"
|
|
472
474
|
[themeColor]="iconSettings?.themeColor"
|
|
473
|
-
[flip]="iconSettings?.flip"></kendo-
|
|
475
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
474
476
|
<ng-template #font>
|
|
475
477
|
<kendo-icon
|
|
476
478
|
*ngIf="!customFontIconClass; else custom"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-icons",
|
|
3
|
-
"version": "14.3.0
|
|
3
|
+
"version": "14.3.0",
|
|
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 - 17",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
24
|
"@progress/kendo-svg-icons": "^2.0.0",
|
|
25
|
-
"@progress/kendo-angular-common": "14.3.0
|
|
25
|
+
"@progress/kendo-angular-common": "14.3.0",
|
|
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": "14.3.0
|
|
30
|
+
"@progress/kendo-angular-schematics": "14.3.0"
|
|
31
31
|
},
|
|
32
32
|
"schematics": "./schematics/collection.json",
|
|
33
33
|
"module": "fesm2015/progress-kendo-angular-icons.mjs",
|
|
@@ -29,5 +29,5 @@ export declare class SVGIconComponent extends IconBaseDirective implements OnIni
|
|
|
29
29
|
ngOnInit(): void;
|
|
30
30
|
private verifyIconProperty;
|
|
31
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<SVGIconComponent, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon", ["kendoSVGIcon"], { "icon": "icon"; }, {}, never, never>;
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon, kendo-svgicon", ["kendoSVGIcon"], { "icon": "icon"; }, {}, never, never>;
|
|
33
33
|
}
|