@progress/kendo-angular-icons 17.0.0-develop.4 → 17.0.0-develop.40
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/README.md +25 -18
- package/common/icon-base.d.ts +1 -1
- package/common/models/flip.d.ts +1 -1
- package/common/models/icon-type.d.ts +1 -1
- package/common/models/size.d.ts +1 -1
- package/common/models/theme-color.d.ts +1 -1
- package/{esm2020 → esm2022}/common/icon-base.mjs +16 -8
- package/{esm2020 → esm2022}/common/icon-settings.service.mjs +7 -9
- package/{esm2020 → esm2022}/common/icons.service.mjs +10 -8
- package/{esm2020 → esm2022}/icon/icon.component.mjs +13 -10
- package/{esm2020 → esm2022}/icon-wrapper/icon-wrapper.component.mjs +48 -22
- package/{esm2020 → esm2022}/icon.module.mjs +4 -4
- package/{esm2020 → esm2022}/icons.module.mjs +4 -4
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/svg-icon/svg-icon.component.mjs +16 -12
- package/{esm2020 → esm2022}/svg-icon.module.mjs +4 -4
- package/{fesm2020 → fesm2022}/progress-kendo-angular-icons.mjs +124 -83
- package/icon/icon.component.d.ts +1 -1
- package/icon-wrapper/icon-wrapper.component.d.ts +1 -1
- package/package.json +11 -17
- package/svg-icon/svg-icon.component.d.ts +1 -1
- package/fesm2015/progress-kendo-angular-icons.mjs +0 -688
- /package/{esm2020 → esm2022}/common/icon-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/flip.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/icon-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/icon-type.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/index.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/size.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/common/util.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-icons.mjs +0 -0
|
@@ -18,8 +18,8 @@ const packageMetadata = {
|
|
|
18
18
|
name: '@progress/kendo-angular-icons',
|
|
19
19
|
productName: 'Kendo UI for Angular',
|
|
20
20
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
21
|
-
publishDate:
|
|
22
|
-
version: '17.0.0-develop.
|
|
21
|
+
publishDate: 1730798752,
|
|
22
|
+
version: '17.0.0-develop.40',
|
|
23
23
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -37,17 +37,18 @@ const sizeClasses = {
|
|
|
37
37
|
* @hidden
|
|
38
38
|
*/
|
|
39
39
|
class IconBaseDirective {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
this.renderer = renderer;
|
|
43
|
-
validatePackage(packageMetadata);
|
|
44
|
-
}
|
|
40
|
+
element;
|
|
41
|
+
renderer;
|
|
45
42
|
get horizontalFlip() {
|
|
46
43
|
return this.flip === 'horizontal' || this.flip === 'both';
|
|
47
44
|
}
|
|
48
45
|
get verticalFlip() {
|
|
49
46
|
return this.flip === 'vertical' || this.flip === 'both';
|
|
50
47
|
}
|
|
48
|
+
/**
|
|
49
|
+
* Flips the icon horizontally, vertically or in both directions.
|
|
50
|
+
*/
|
|
51
|
+
flip;
|
|
51
52
|
/**
|
|
52
53
|
* Specifies the theme color for the Icon.
|
|
53
54
|
*
|
|
@@ -107,10 +108,17 @@ class IconBaseDirective {
|
|
|
107
108
|
get size() {
|
|
108
109
|
return this._size;
|
|
109
110
|
}
|
|
111
|
+
_themeColor;
|
|
112
|
+
_size;
|
|
113
|
+
constructor(element, renderer) {
|
|
114
|
+
this.element = element;
|
|
115
|
+
this.renderer = renderer;
|
|
116
|
+
validatePackage(packageMetadata);
|
|
117
|
+
}
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
119
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IconBaseDirective, selector: "[kendoIconBase]", inputs: { flip: "flip", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-flip-h": "this.horizontalFlip", "class.k-flip-v": "this.verticalFlip" } }, ngImport: i0 });
|
|
110
120
|
}
|
|
111
|
-
|
|
112
|
-
IconBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: IconBaseDirective, selector: "[kendoIconBase]", inputs: { flip: "flip", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-flip-h": "this.horizontalFlip", "class.k-flip-v": "this.verticalFlip" } }, ngImport: i0 });
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconBaseDirective, decorators: [{
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconBaseDirective, decorators: [{
|
|
114
122
|
type: Directive,
|
|
115
123
|
args: [{
|
|
116
124
|
selector: '[kendoIconBase]'
|
|
@@ -133,13 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
133
141
|
* Represents the Kendo UI Icon component for Angular.
|
|
134
142
|
*/
|
|
135
143
|
class IconComponent extends IconBaseDirective {
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
this.hostClass = true;
|
|
141
|
-
this.hostAriaHidden = true;
|
|
142
|
-
}
|
|
144
|
+
element;
|
|
145
|
+
renderer;
|
|
146
|
+
hostClass = true;
|
|
147
|
+
hostAriaHidden = true;
|
|
143
148
|
/**
|
|
144
149
|
* Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
|
|
145
150
|
* All [Kendo UI Icons](slug:icon_list) are supported.
|
|
@@ -158,10 +163,16 @@ class IconComponent extends IconBaseDirective {
|
|
|
158
163
|
get name() {
|
|
159
164
|
return this._name;
|
|
160
165
|
}
|
|
166
|
+
_name;
|
|
167
|
+
constructor(element, renderer) {
|
|
168
|
+
super(element, renderer);
|
|
169
|
+
this.element = element;
|
|
170
|
+
this.renderer = renderer;
|
|
171
|
+
}
|
|
172
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
173
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconComponent, isStandalone: true, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
161
174
|
}
|
|
162
|
-
|
|
163
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, isStandalone: true, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
|
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
165
176
|
type: Component,
|
|
166
177
|
args: [{
|
|
167
178
|
exportAs: 'kendoIcon',
|
|
@@ -187,14 +198,11 @@ const areSame = (i1, i2) => i1?.name === i2?.name && i1.content === i2.content &
|
|
|
187
198
|
* Represents the Kendo UI SVG Icon component for Angular.
|
|
188
199
|
*/
|
|
189
200
|
class SVGIconComponent extends IconBaseDirective {
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
this.hostClass = true;
|
|
196
|
-
this.hostAriaHidden = true;
|
|
197
|
-
}
|
|
201
|
+
domSanitizer;
|
|
202
|
+
element;
|
|
203
|
+
renderer;
|
|
204
|
+
hostClass = true;
|
|
205
|
+
hostAriaHidden = true;
|
|
198
206
|
/**
|
|
199
207
|
* Defines the SVG icon, which will be rendered. All [Kendo UI SVG Icons](slug:svgicon_list) are supported.
|
|
200
208
|
*/
|
|
@@ -221,6 +229,13 @@ class SVGIconComponent extends IconBaseDirective {
|
|
|
221
229
|
get visible() {
|
|
222
230
|
return this.icon && isDocumentAvailable();
|
|
223
231
|
}
|
|
232
|
+
_icon;
|
|
233
|
+
constructor(domSanitizer, element, renderer) {
|
|
234
|
+
super(element, renderer);
|
|
235
|
+
this.domSanitizer = domSanitizer;
|
|
236
|
+
this.element = element;
|
|
237
|
+
this.renderer = renderer;
|
|
238
|
+
}
|
|
224
239
|
ngOnInit() {
|
|
225
240
|
this.verifyIconProperty();
|
|
226
241
|
}
|
|
@@ -236,13 +251,13 @@ class SVGIconComponent extends IconBaseDirective {
|
|
|
236
251
|
`);
|
|
237
252
|
}
|
|
238
253
|
}
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: `
|
|
254
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
255
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
|
|
242
256
|
<svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
243
257
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
244
258
|
</svg>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
245
|
-
|
|
259
|
+
}
|
|
260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconComponent, decorators: [{
|
|
246
261
|
type: Component,
|
|
247
262
|
args: [{
|
|
248
263
|
exportAs: 'kendoSVGIcon',
|
|
@@ -278,12 +293,10 @@ const isPresent = (value) => value !== null && value !== undefined;
|
|
|
278
293
|
* Use the public `notify` method to change the icon settings dynamically.
|
|
279
294
|
*/
|
|
280
295
|
class IconSettingsService {
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
this.changes = new Subject();
|
|
286
|
-
}
|
|
296
|
+
/**
|
|
297
|
+
* @hidden
|
|
298
|
+
*/
|
|
299
|
+
changes = new Subject();
|
|
287
300
|
/**
|
|
288
301
|
* Notifies subscribers that the icon settings were changed.
|
|
289
302
|
*
|
|
@@ -310,10 +323,10 @@ class IconSettingsService {
|
|
|
310
323
|
getCustomFontIconClass(_key) {
|
|
311
324
|
return null;
|
|
312
325
|
}
|
|
326
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
327
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconSettingsService });
|
|
313
328
|
}
|
|
314
|
-
|
|
315
|
-
IconSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconSettingsService });
|
|
316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconSettingsService, decorators: [{
|
|
329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconSettingsService, decorators: [{
|
|
317
330
|
type: Injectable
|
|
318
331
|
}] });
|
|
319
332
|
|
|
@@ -337,14 +350,16 @@ const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');
|
|
|
337
350
|
* @hidden
|
|
338
351
|
*/
|
|
339
352
|
class IconsService {
|
|
353
|
+
_iconSettings;
|
|
354
|
+
iconSettingsService;
|
|
355
|
+
/**
|
|
356
|
+
* Notifies subscribers of the initial icon settings, and upon each call to `notify`.
|
|
357
|
+
*/
|
|
358
|
+
changes = new BehaviorSubject(this.iconSettings || { type: 'svg' });
|
|
359
|
+
subs = new Subscription();
|
|
340
360
|
constructor(_iconSettings, iconSettingsService) {
|
|
341
361
|
this._iconSettings = _iconSettings;
|
|
342
362
|
this.iconSettingsService = iconSettingsService;
|
|
343
|
-
/**
|
|
344
|
-
* Notifies subscribers of the initial icon settings, and upon each call to `notify`.
|
|
345
|
-
*/
|
|
346
|
-
this.changes = new BehaviorSubject(this.iconSettings || { type: 'svg' });
|
|
347
|
-
this.subs = new Subscription();
|
|
348
363
|
if (iconSettingsService) {
|
|
349
364
|
this.subs.add(iconSettingsService.changes
|
|
350
365
|
.pipe(map(iconSettings => isPresent(iconSettings) ? iconSettings : this._iconSettings), tap(iconSettings => this._iconSettings = iconSettings))
|
|
@@ -376,10 +391,10 @@ class IconsService {
|
|
|
376
391
|
const customClass = this.iconSettingsService && this.iconSettingsService.getCustomFontIconClass(key);
|
|
377
392
|
return customClass;
|
|
378
393
|
}
|
|
394
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsService, deps: [{ token: ICON_SETTINGS, optional: true }, { token: IconSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
395
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsService, providedIn: 'root' });
|
|
379
396
|
}
|
|
380
|
-
|
|
381
|
-
IconsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, providedIn: 'root' });
|
|
382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, decorators: [{
|
|
397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsService, decorators: [{
|
|
383
398
|
type: Injectable,
|
|
384
399
|
args: [{
|
|
385
400
|
providedIn: 'root'
|
|
@@ -397,28 +412,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
397
412
|
* @hidden
|
|
398
413
|
*/
|
|
399
414
|
class IconWrapperComponent {
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
415
|
+
iconsService;
|
|
416
|
+
hostClass = true;
|
|
417
|
+
/**
|
|
418
|
+
* Defines the name for an existing font icon in a Kendo UI theme, which will be rendered.
|
|
419
|
+
* All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
|
|
420
|
+
*/
|
|
421
|
+
name;
|
|
422
|
+
/**
|
|
423
|
+
* Defines an [SVGIcon](slug:api_icons_svgicon) to be rendered.
|
|
424
|
+
*/
|
|
425
|
+
svgIcon;
|
|
426
|
+
/**
|
|
427
|
+
* Provided by consuming components in case an additional k-specific class needs to be rendered
|
|
428
|
+
* on the internal Icon component.
|
|
429
|
+
*/
|
|
430
|
+
innerCssClass = '';
|
|
431
|
+
/**
|
|
432
|
+
* Provided by consuming components in case a custom font icon class is set
|
|
433
|
+
* by the developer using the consuming component through its API.
|
|
434
|
+
*/
|
|
435
|
+
customFontClass = '';
|
|
436
|
+
/**
|
|
437
|
+
* Specifies the size of the Icon.
|
|
438
|
+
*
|
|
439
|
+
* The possible values are:
|
|
440
|
+
* * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
|
|
441
|
+
* * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
|
|
442
|
+
* * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
|
|
443
|
+
* * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
|
|
444
|
+
* * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
|
|
445
|
+
* * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
|
|
446
|
+
* * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
|
|
447
|
+
* * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
|
|
448
|
+
*
|
|
449
|
+
*/
|
|
450
|
+
size;
|
|
418
451
|
get customClasses() {
|
|
419
452
|
const classes = [this.customFontClass, this.innerCssClass, this.customFontIconClass].filter(cl => !!cl).join(' ');
|
|
420
453
|
return classes;
|
|
421
454
|
}
|
|
455
|
+
iconSettings;
|
|
422
456
|
get hasSvgIcon() {
|
|
423
457
|
this.svgIcon = this.iconsService.getSvgIcon(this.name) || this.svgIcon;
|
|
424
458
|
if (this.svgIcon) {
|
|
@@ -447,12 +481,18 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
|
|
|
447
481
|
get customFontIconClass() {
|
|
448
482
|
return this.iconsService.getCustomFontIconClass(this.name) || this.customFontClass;
|
|
449
483
|
}
|
|
484
|
+
subs = new Subscription();
|
|
485
|
+
constructor(iconsService) {
|
|
486
|
+
this.iconsService = iconsService;
|
|
487
|
+
this.subs = iconsService.changes.subscribe(iconSettings => {
|
|
488
|
+
this.iconSettings = iconSettings;
|
|
489
|
+
});
|
|
490
|
+
}
|
|
450
491
|
ngOnDestroy() {
|
|
451
492
|
this.subs.unsubscribe();
|
|
452
493
|
}
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: `
|
|
494
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
|
|
495
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
|
|
456
496
|
<kendo-svgicon
|
|
457
497
|
*ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
|
|
458
498
|
[ngClass]="innerCssClass"
|
|
@@ -473,7 +513,8 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
473
513
|
</ng-template>
|
|
474
514
|
</ng-template>
|
|
475
515
|
`, 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"] }] });
|
|
476
|
-
|
|
516
|
+
}
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconWrapperComponent, decorators: [{
|
|
477
518
|
type: Component,
|
|
478
519
|
args: [{
|
|
479
520
|
exportAs: 'kendoIconWrapper',
|
|
@@ -550,11 +591,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
550
591
|
* ```
|
|
551
592
|
*/
|
|
552
593
|
class IconModule {
|
|
594
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
595
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
|
|
596
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule });
|
|
553
597
|
}
|
|
554
|
-
|
|
555
|
-
IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
|
|
556
|
-
IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent] });
|
|
557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, decorators: [{
|
|
598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule, decorators: [{
|
|
558
599
|
type: NgModule,
|
|
559
600
|
args: [{
|
|
560
601
|
exports: [IconComponent],
|
|
@@ -595,11 +636,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
595
636
|
* ```
|
|
596
637
|
*/
|
|
597
638
|
class SVGIconModule {
|
|
639
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
640
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
|
|
641
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule });
|
|
598
642
|
}
|
|
599
|
-
|
|
600
|
-
SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
|
|
601
|
-
SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent] });
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, decorators: [{
|
|
643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule, decorators: [{
|
|
603
644
|
type: NgModule,
|
|
604
645
|
args: [{
|
|
605
646
|
exports: [SVGIconComponent],
|
|
@@ -660,11 +701,11 @@ const KENDO_ICONS = [
|
|
|
660
701
|
* ```
|
|
661
702
|
*/
|
|
662
703
|
class IconsModule {
|
|
704
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
705
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, imports: [IconComponent, SVGIconComponent], exports: [IconComponent, SVGIconComponent] });
|
|
706
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, providers: [IconsService] });
|
|
663
707
|
}
|
|
664
|
-
|
|
665
|
-
IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, imports: [IconComponent, SVGIconComponent], exports: [IconComponent, SVGIconComponent] });
|
|
666
|
-
IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [KENDO_ICONS] });
|
|
667
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, decorators: [{
|
|
708
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, decorators: [{
|
|
668
709
|
type: NgModule,
|
|
669
710
|
args: [{
|
|
670
711
|
imports: [
|
package/icon/icon.component.d.ts
CHANGED
|
@@ -22,5 +22,5 @@ export declare class IconComponent extends IconBaseDirective {
|
|
|
22
22
|
private _name;
|
|
23
23
|
constructor(element: ElementRef, renderer: Renderer2);
|
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kendo-icon", ["kendoIcon"], { "name": "name"; }, {}, never, never, true, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kendo-icon", ["kendoIcon"], { "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
26
|
}
|
|
@@ -55,5 +55,5 @@ export declare class IconWrapperComponent implements OnDestroy {
|
|
|
55
55
|
constructor(iconsService: IconsService);
|
|
56
56
|
ngOnDestroy(): void;
|
|
57
57
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconWrapperComponent, never>;
|
|
58
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": "name"; "svgIcon": "svgIcon"; "innerCssClass": "innerCssClass"; "customFontClass": "customFontClass"; "size": "size"; }, {}, never, never, true, never>;
|
|
58
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": { "alias": "name"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "innerCssClass": { "alias": "innerCssClass"; "required": false; }; "customFontClass": { "alias": "customFontClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
59
59
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-icons",
|
|
3
|
-
"version": "17.0.0-develop.
|
|
3
|
+
"version": "17.0.0-develop.40",
|
|
4
4
|
"description": "Kendo UI Angular component starter template",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -16,25 +16,21 @@
|
|
|
16
16
|
"friendlyName": "Icon"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "
|
|
20
|
-
"@angular/common": "
|
|
21
|
-
"@angular/core": "
|
|
22
|
-
"@angular/platform-browser": "
|
|
19
|
+
"@angular/animations": "16 - 18",
|
|
20
|
+
"@angular/common": "16 - 18",
|
|
21
|
+
"@angular/core": "16 - 18",
|
|
22
|
+
"@angular/platform-browser": "16 - 18",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
24
|
"@progress/kendo-svg-icons": "^3.1.0",
|
|
25
|
-
"@progress/kendo-angular-common": "17.0.0-develop.
|
|
25
|
+
"@progress/kendo-angular-common": "17.0.0-develop.40",
|
|
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": "17.0.0-develop.
|
|
30
|
+
"@progress/kendo-angular-schematics": "17.0.0-develop.40"
|
|
31
31
|
},
|
|
32
32
|
"schematics": "./schematics/collection.json",
|
|
33
|
-
"module": "
|
|
34
|
-
"es2020": "fesm2020/progress-kendo-angular-icons.mjs",
|
|
35
|
-
"esm2020": "esm2020/progress-kendo-angular-icons.mjs",
|
|
36
|
-
"fesm2020": "fesm2020/progress-kendo-angular-icons.mjs",
|
|
37
|
-
"fesm2015": "fesm2015/progress-kendo-angular-icons.mjs",
|
|
33
|
+
"module": "fesm2022/progress-kendo-angular-icons.mjs",
|
|
38
34
|
"typings": "index.d.ts",
|
|
39
35
|
"exports": {
|
|
40
36
|
"./package.json": {
|
|
@@ -42,11 +38,9 @@
|
|
|
42
38
|
},
|
|
43
39
|
".": {
|
|
44
40
|
"types": "./index.d.ts",
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"node": "./fesm2015/progress-kendo-angular-icons.mjs",
|
|
49
|
-
"default": "./fesm2020/progress-kendo-angular-icons.mjs"
|
|
41
|
+
"esm2022": "./esm2022/progress-kendo-angular-icons.mjs",
|
|
42
|
+
"esm": "./esm2022/progress-kendo-angular-icons.mjs",
|
|
43
|
+
"default": "./fesm2022/progress-kendo-angular-icons.mjs"
|
|
50
44
|
}
|
|
51
45
|
},
|
|
52
46
|
"sideEffects": false
|
|
@@ -28,5 +28,5 @@ export declare class SVGIconComponent extends IconBaseDirective implements OnIni
|
|
|
28
28
|
ngOnInit(): void;
|
|
29
29
|
private verifyIconProperty;
|
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<SVGIconComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon, kendo-svgicon", ["kendoSVGIcon"], { "icon": "icon"; }, {}, never, never, true, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon, kendo-svgicon", ["kendoSVGIcon"], { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
|
|
32
32
|
}
|