@progress/kendo-angular-icons 21.1.1-develop.2 → 21.2.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { Component, ElementRef, HostBinding, Input, isDevMode } from '@angular/core';
|
|
6
6
|
import { Subscription } from 'rxjs';
|
|
7
7
|
import { IconsService } from '../common/icons.service';
|
|
8
|
-
import { NgClass
|
|
8
|
+
import { NgClass } from '@angular/common';
|
|
9
9
|
import { IconComponent } from '../icon/icon.component';
|
|
10
10
|
import { SVGIconComponent } from '../svg-icon/svg-icon.component';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
@@ -83,27 +83,27 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
|
|
|
83
83
|
this.subs.unsubscribe();
|
|
84
84
|
}
|
|
85
85
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IconWrapperComponent, isStandalone: true, 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: `
|
|
87
|
+
@if (iconSettings?.type === 'svg' && hasSvgIcon) {
|
|
88
|
+
<kendo-svgicon
|
|
89
89
|
[ngClass]="innerCssClass"
|
|
90
90
|
[icon]="svgIcon"
|
|
91
91
|
[size]="size || iconSettings?.size"
|
|
92
92
|
[themeColor]="iconSettings?.themeColor"
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
94
|
+
} @else {
|
|
95
|
+
@if (!customFontIconClass) {
|
|
95
96
|
<kendo-icon
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
|
|
97
|
+
[ngClass]="innerCssClass"
|
|
98
|
+
[name]="name"
|
|
99
|
+
[size]="size || iconSettings?.size"
|
|
100
|
+
[themeColor]="iconSettings?.themeColor"
|
|
101
|
+
[flip]="iconSettings?.flip"></kendo-icon>
|
|
102
|
+
} @else {
|
|
103
|
+
<span [ngClass]="customClasses"></span>
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
|
|
107
107
|
}
|
|
108
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
@@ -111,28 +111,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
111
111
|
exportAs: 'kendoIconWrapper',
|
|
112
112
|
selector: 'kendo-icon-wrapper',
|
|
113
113
|
template: `
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
@if (iconSettings?.type === 'svg' && hasSvgIcon) {
|
|
115
|
+
<kendo-svgicon
|
|
116
116
|
[ngClass]="innerCssClass"
|
|
117
117
|
[icon]="svgIcon"
|
|
118
118
|
[size]="size || iconSettings?.size"
|
|
119
119
|
[themeColor]="iconSettings?.themeColor"
|
|
120
|
-
|
|
121
|
-
|
|
120
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
121
|
+
} @else {
|
|
122
|
+
@if (!customFontIconClass) {
|
|
122
123
|
<kendo-icon
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
<
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
`,
|
|
124
|
+
[ngClass]="innerCssClass"
|
|
125
|
+
[name]="name"
|
|
126
|
+
[size]="size || iconSettings?.size"
|
|
127
|
+
[themeColor]="iconSettings?.themeColor"
|
|
128
|
+
[flip]="iconSettings?.flip"></kendo-icon>
|
|
129
|
+
} @else {
|
|
130
|
+
<span [ngClass]="customClasses"></span>
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
`,
|
|
134
134
|
standalone: true,
|
|
135
|
-
imports: [NgClass,
|
|
135
|
+
imports: [NgClass, IconComponent, SVGIconComponent]
|
|
136
136
|
}]
|
|
137
137
|
}], ctorParameters: () => [{ type: i1.IconsService }, { type: i0.ElementRef }], propDecorators: { hostClass: [{
|
|
138
138
|
type: HostBinding,
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '21.
|
|
13
|
+
publishDate: 1764001958,
|
|
14
|
+
version: '21.2.0-develop.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -6,7 +6,6 @@ import { Component, ElementRef, Input, Renderer2, HostBinding, isDevMode, Change
|
|
|
6
6
|
import { DomSanitizer } from "@angular/platform-browser";
|
|
7
7
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
8
8
|
import { IconBaseDirective } from '../common/icon-base';
|
|
9
|
-
import { NgIf } from '@angular/common';
|
|
10
9
|
import * as i0 from "@angular/core";
|
|
11
10
|
import * as i1_1 from "@angular/platform-browser";
|
|
12
11
|
const areSame = (i1, i2) => i1?.name === i2?.name && i1.content === i2.content && i1.viewBox === i2.viewBox;
|
|
@@ -87,10 +86,12 @@ export class SVGIconComponent extends IconBaseDirective {
|
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
88
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1_1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
91
|
-
|
|
89
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SVGIconComponent, isStandalone: true, 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: `
|
|
90
|
+
@if (visible) {
|
|
91
|
+
<svg [style.pointerEvents]="'none'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
92
92
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
93
|
-
|
|
93
|
+
</svg>
|
|
94
|
+
}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
94
95
|
}
|
|
95
96
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SVGIconComponent, decorators: [{
|
|
96
97
|
type: Component,
|
|
@@ -98,12 +99,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
98
99
|
exportAs: 'kendoSVGIcon',
|
|
99
100
|
selector: 'kendo-svg-icon, kendo-svgicon',
|
|
100
101
|
template: `
|
|
101
|
-
|
|
102
|
+
@if (visible) {
|
|
103
|
+
<svg [style.pointerEvents]="'none'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
102
104
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
103
|
-
|
|
105
|
+
</svg>
|
|
106
|
+
}`,
|
|
104
107
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
105
108
|
standalone: true,
|
|
106
|
-
imports: [
|
|
109
|
+
imports: []
|
|
107
110
|
}]
|
|
108
111
|
}], ctorParameters: () => [{ type: i1_1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
|
|
109
112
|
type: HostBinding,
|
|
@@ -7,9 +7,9 @@ import { Directive, HostBinding, Input, Component, isDevMode, ChangeDetectionStr
|
|
|
7
7
|
import { isDocumentAvailable, areObjectsEqual } from '@progress/kendo-angular-common';
|
|
8
8
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
9
|
import * as i1_1 from '@angular/platform-browser';
|
|
10
|
-
import { NgIf, NgClass } from '@angular/common';
|
|
11
10
|
import { Subject, BehaviorSubject, Subscription } from 'rxjs';
|
|
12
11
|
import { map, tap } from 'rxjs/operators';
|
|
12
|
+
import { NgClass } from '@angular/common';
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
15
|
* @hidden
|
|
@@ -19,8 +19,8 @@ const packageMetadata = {
|
|
|
19
19
|
productName: 'Kendo UI for Angular',
|
|
20
20
|
productCode: 'KENDOUIANGULAR',
|
|
21
21
|
productCodes: ['KENDOUIANGULAR'],
|
|
22
|
-
publishDate:
|
|
23
|
-
version: '21.
|
|
22
|
+
publishDate: 1764001958,
|
|
23
|
+
version: '21.2.0-develop.2',
|
|
24
24
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
25
25
|
};
|
|
26
26
|
|
|
@@ -252,10 +252,12 @@ class SVGIconComponent extends IconBaseDirective {
|
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
254
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1_1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
255
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
256
|
-
|
|
255
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SVGIconComponent, isStandalone: true, 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: `
|
|
256
|
+
@if (visible) {
|
|
257
|
+
<svg [style.pointerEvents]="'none'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
257
258
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
258
|
-
|
|
259
|
+
</svg>
|
|
260
|
+
}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
259
261
|
}
|
|
260
262
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SVGIconComponent, decorators: [{
|
|
261
263
|
type: Component,
|
|
@@ -263,12 +265,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
263
265
|
exportAs: 'kendoSVGIcon',
|
|
264
266
|
selector: 'kendo-svg-icon, kendo-svgicon',
|
|
265
267
|
template: `
|
|
266
|
-
|
|
268
|
+
@if (visible) {
|
|
269
|
+
<svg [style.pointerEvents]="'none'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
267
270
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
268
|
-
|
|
271
|
+
</svg>
|
|
272
|
+
}`,
|
|
269
273
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
270
274
|
standalone: true,
|
|
271
|
-
imports: [
|
|
275
|
+
imports: []
|
|
272
276
|
}]
|
|
273
277
|
}], ctorParameters: () => [{ type: i1_1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
|
|
274
278
|
type: HostBinding,
|
|
@@ -514,27 +518,27 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
|
|
|
514
518
|
this.subs.unsubscribe();
|
|
515
519
|
}
|
|
516
520
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
517
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
518
|
-
|
|
519
|
-
|
|
521
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IconWrapperComponent, isStandalone: true, 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: `
|
|
522
|
+
@if (iconSettings?.type === 'svg' && hasSvgIcon) {
|
|
523
|
+
<kendo-svgicon
|
|
520
524
|
[ngClass]="innerCssClass"
|
|
521
525
|
[icon]="svgIcon"
|
|
522
526
|
[size]="size || iconSettings?.size"
|
|
523
527
|
[themeColor]="iconSettings?.themeColor"
|
|
524
|
-
|
|
525
|
-
|
|
528
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
529
|
+
} @else {
|
|
530
|
+
@if (!customFontIconClass) {
|
|
526
531
|
<kendo-icon
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
<
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
|
|
532
|
+
[ngClass]="innerCssClass"
|
|
533
|
+
[name]="name"
|
|
534
|
+
[size]="size || iconSettings?.size"
|
|
535
|
+
[themeColor]="iconSettings?.themeColor"
|
|
536
|
+
[flip]="iconSettings?.flip"></kendo-icon>
|
|
537
|
+
} @else {
|
|
538
|
+
<span [ngClass]="customClasses"></span>
|
|
539
|
+
}
|
|
540
|
+
}
|
|
541
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
|
|
538
542
|
}
|
|
539
543
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
540
544
|
type: Component,
|
|
@@ -542,28 +546,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
542
546
|
exportAs: 'kendoIconWrapper',
|
|
543
547
|
selector: 'kendo-icon-wrapper',
|
|
544
548
|
template: `
|
|
545
|
-
|
|
546
|
-
|
|
549
|
+
@if (iconSettings?.type === 'svg' && hasSvgIcon) {
|
|
550
|
+
<kendo-svgicon
|
|
547
551
|
[ngClass]="innerCssClass"
|
|
548
552
|
[icon]="svgIcon"
|
|
549
553
|
[size]="size || iconSettings?.size"
|
|
550
554
|
[themeColor]="iconSettings?.themeColor"
|
|
551
|
-
|
|
552
|
-
|
|
555
|
+
[flip]="iconSettings?.flip"></kendo-svgicon>
|
|
556
|
+
} @else {
|
|
557
|
+
@if (!customFontIconClass) {
|
|
553
558
|
<kendo-icon
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
<
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
`,
|
|
559
|
+
[ngClass]="innerCssClass"
|
|
560
|
+
[name]="name"
|
|
561
|
+
[size]="size || iconSettings?.size"
|
|
562
|
+
[themeColor]="iconSettings?.themeColor"
|
|
563
|
+
[flip]="iconSettings?.flip"></kendo-icon>
|
|
564
|
+
} @else {
|
|
565
|
+
<span [ngClass]="customClasses"></span>
|
|
566
|
+
}
|
|
567
|
+
}
|
|
568
|
+
`,
|
|
565
569
|
standalone: true,
|
|
566
|
-
imports: [NgClass,
|
|
570
|
+
imports: [NgClass, IconComponent, SVGIconComponent]
|
|
567
571
|
}]
|
|
568
572
|
}], ctorParameters: () => [{ type: IconsService }, { type: i0.ElementRef }], propDecorators: { hostClass: [{
|
|
569
573
|
type: HostBinding,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-icons",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.2.0-develop.2",
|
|
4
4
|
"description": "Kendo UI Angular component starter template",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"package": {
|
|
18
18
|
"productName": "Kendo UI for Angular",
|
|
19
19
|
"productCode": "KENDOUIANGULAR",
|
|
20
|
-
"publishDate":
|
|
20
|
+
"publishDate": 1764001958,
|
|
21
21
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"@angular/platform-browser": "18 - 21",
|
|
29
29
|
"@progress/kendo-licensing": "^1.7.0",
|
|
30
30
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
31
|
-
"@progress/kendo-angular-common": "21.
|
|
31
|
+
"@progress/kendo-angular-common": "21.2.0-develop.2",
|
|
32
32
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"tslib": "^2.3.1",
|
|
36
|
-
"@progress/kendo-angular-schematics": "21.
|
|
36
|
+
"@progress/kendo-angular-schematics": "21.2.0-develop.2"
|
|
37
37
|
},
|
|
38
38
|
"schematics": "./schematics/collection.json",
|
|
39
39
|
"module": "fesm2022/progress-kendo-angular-icons.mjs",
|