@progress/kendo-angular-icons 17.0.0-develop.21 → 17.0.0-develop.22

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.
Files changed (32) hide show
  1. package/common/icon-base.d.ts +1 -1
  2. package/common/models/flip.d.ts +1 -1
  3. package/common/models/icon-type.d.ts +1 -1
  4. package/common/models/size.d.ts +1 -1
  5. package/common/models/theme-color.d.ts +1 -1
  6. package/{esm2020 → esm2022}/common/icon-base.mjs +16 -8
  7. package/{esm2020 → esm2022}/common/icon-settings.service.mjs +7 -9
  8. package/{esm2020 → esm2022}/common/icons.service.mjs +10 -8
  9. package/{esm2020 → esm2022}/icon/icon.component.mjs +13 -10
  10. package/{esm2020 → esm2022}/icon-wrapper/icon-wrapper.component.mjs +48 -22
  11. package/{esm2020 → esm2022}/icon.module.mjs +4 -4
  12. package/{esm2020 → esm2022}/icons.module.mjs +4 -4
  13. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  14. package/{esm2020 → esm2022}/svg-icon/svg-icon.component.mjs +16 -12
  15. package/{esm2020 → esm2022}/svg-icon.module.mjs +4 -4
  16. package/{fesm2020 → fesm2022}/progress-kendo-angular-icons.mjs +124 -83
  17. package/icon/icon.component.d.ts +1 -1
  18. package/icon-wrapper/icon-wrapper.component.d.ts +1 -1
  19. package/package.json +11 -17
  20. package/svg-icon/svg-icon.component.d.ts +1 -1
  21. package/fesm2015/progress-kendo-angular-icons.mjs +0 -688
  22. /package/{esm2020 → esm2022}/common/icon-settings.mjs +0 -0
  23. /package/{esm2020 → esm2022}/common/models/flip.mjs +0 -0
  24. /package/{esm2020 → esm2022}/common/models/icon-settings.mjs +0 -0
  25. /package/{esm2020 → esm2022}/common/models/icon-type.mjs +0 -0
  26. /package/{esm2020 → esm2022}/common/models/index.mjs +0 -0
  27. /package/{esm2020 → esm2022}/common/models/size.mjs +0 -0
  28. /package/{esm2020 → esm2022}/common/models/theme-color.mjs +0 -0
  29. /package/{esm2020 → esm2022}/common/util.mjs +0 -0
  30. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  31. /package/{esm2020 → esm2022}/index.mjs +0 -0
  32. /package/{esm2020 → esm2022}/progress-kendo-angular-icons.mjs +0 -0
@@ -58,5 +58,5 @@ export declare abstract class IconBaseDirective {
58
58
  _size: IconSize;
59
59
  constructor(element: ElementRef, renderer: Renderer2);
60
60
  static ɵfac: i0.ɵɵFactoryDeclaration<IconBaseDirective, never>;
61
- static ɵdir: i0.ɵɵDirectiveDeclaration<IconBaseDirective, "[kendoIconBase]", never, { "flip": "flip"; "themeColor": "themeColor"; "size": "size"; }, {}, never, never, false, never>;
61
+ static ɵdir: i0.ɵɵDirectiveDeclaration<IconBaseDirective, "[kendoIconBase]", never, { "flip": { "alias": "flip"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
62
62
  }
@@ -12,4 +12,4 @@
12
12
  * * `both`&mdash;Flips the icon in both horizontal and vertical directions.
13
13
  *
14
14
  */
15
- export declare type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';
15
+ export type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2024 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
- export declare type IconType = 'font' | 'svg';
5
+ export type IconType = 'font' | 'svg';
@@ -16,4 +16,4 @@
16
16
  * * `xxxlarge`&mdash;Font-size: 48px; Width: 48px; Height: 48px.
17
17
  *
18
18
  */
19
- export declare type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
19
+ export type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
@@ -19,4 +19,4 @@
19
19
  * * `inverse`&mdash; Applies coloring based on inverse theme color.
20
20
  *
21
21
  */
22
- export declare type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
22
+ export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
@@ -20,17 +20,18 @@ const sizeClasses = {
20
20
  * @hidden
21
21
  */
22
22
  export class IconBaseDirective {
23
- constructor(element, renderer) {
24
- this.element = element;
25
- this.renderer = renderer;
26
- validatePackage(packageMetadata);
27
- }
23
+ element;
24
+ renderer;
28
25
  get horizontalFlip() {
29
26
  return this.flip === 'horizontal' || this.flip === 'both';
30
27
  }
31
28
  get verticalFlip() {
32
29
  return this.flip === 'vertical' || this.flip === 'both';
33
30
  }
31
+ /**
32
+ * Flips the icon horizontally, vertically or in both directions.
33
+ */
34
+ flip;
34
35
  /**
35
36
  * Specifies the theme color for the Icon.
36
37
  *
@@ -90,10 +91,17 @@ export class IconBaseDirective {
90
91
  get size() {
91
92
  return this._size;
92
93
  }
94
+ _themeColor;
95
+ _size;
96
+ constructor(element, renderer) {
97
+ this.element = element;
98
+ this.renderer = renderer;
99
+ validatePackage(packageMetadata);
100
+ }
101
+ 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 });
102
+ 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 });
93
103
  }
94
- IconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
95
- 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 });
96
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconBaseDirective, decorators: [{
104
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconBaseDirective, decorators: [{
97
105
  type: Directive,
98
106
  args: [{
99
107
  selector: '[kendoIconBase]'
@@ -10,12 +10,10 @@ import * as i0 from "@angular/core";
10
10
  * Use the public `notify` method to change the icon settings dynamically.
11
11
  */
12
12
  export class IconSettingsService {
13
- constructor() {
14
- /**
15
- * @hidden
16
- */
17
- this.changes = new Subject();
18
- }
13
+ /**
14
+ * @hidden
15
+ */
16
+ changes = new Subject();
19
17
  /**
20
18
  * Notifies subscribers that the icon settings were changed.
21
19
  *
@@ -42,9 +40,9 @@ export class IconSettingsService {
42
40
  getCustomFontIconClass(_key) {
43
41
  return null;
44
42
  }
43
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
44
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconSettingsService });
45
45
  }
46
- IconSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
47
- IconSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconSettingsService });
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconSettingsService, decorators: [{
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconSettingsService, decorators: [{
49
47
  type: Injectable
50
48
  }] });
@@ -14,14 +14,16 @@ import * as i1 from "./icon-settings.service";
14
14
  * @hidden
15
15
  */
16
16
  export class IconsService {
17
+ _iconSettings;
18
+ iconSettingsService;
19
+ /**
20
+ * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
21
+ */
22
+ changes = new BehaviorSubject(this.iconSettings || { type: 'svg' });
23
+ subs = new Subscription();
17
24
  constructor(_iconSettings, iconSettingsService) {
18
25
  this._iconSettings = _iconSettings;
19
26
  this.iconSettingsService = iconSettingsService;
20
- /**
21
- * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
22
- */
23
- this.changes = new BehaviorSubject(this.iconSettings || { type: 'svg' });
24
- this.subs = new Subscription();
25
27
  if (iconSettingsService) {
26
28
  this.subs.add(iconSettingsService.changes
27
29
  .pipe(map(iconSettings => isPresent(iconSettings) ? iconSettings : this._iconSettings), tap(iconSettings => this._iconSettings = iconSettings))
@@ -53,10 +55,10 @@ export class IconsService {
53
55
  const customClass = this.iconSettingsService && this.iconSettingsService.getCustomFontIconClass(key);
54
56
  return customClass;
55
57
  }
58
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsService, deps: [{ token: ICON_SETTINGS, optional: true }, { token: i1.IconSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
59
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsService, providedIn: 'root' });
56
60
  }
57
- IconsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, deps: [{ token: ICON_SETTINGS, optional: true }, { token: i1.IconSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
58
- IconsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, providedIn: 'root' });
59
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, decorators: [{
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsService, decorators: [{
60
62
  type: Injectable,
61
63
  args: [{
62
64
  providedIn: 'root'
@@ -10,13 +10,10 @@ import * as i0 from "@angular/core";
10
10
  * Represents the Kendo UI Icon component for Angular.
11
11
  */
12
12
  export class IconComponent extends IconBaseDirective {
13
- constructor(element, renderer) {
14
- super(element, renderer);
15
- this.element = element;
16
- this.renderer = renderer;
17
- this.hostClass = true;
18
- this.hostAriaHidden = true;
19
- }
13
+ element;
14
+ renderer;
15
+ hostClass = true;
16
+ hostAriaHidden = true;
20
17
  /**
21
18
  * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
22
19
  * All [Kendo UI Icons](slug:icon_list) are supported.
@@ -35,10 +32,16 @@ export class IconComponent extends IconBaseDirective {
35
32
  get name() {
36
33
  return this._name;
37
34
  }
35
+ _name;
36
+ constructor(element, renderer) {
37
+ super(element, renderer);
38
+ this.element = element;
39
+ this.renderer = renderer;
40
+ }
41
+ 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 });
42
+ 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 });
38
43
  }
39
- IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
40
- 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 });
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
44
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconComponent, decorators: [{
42
45
  type: Component,
43
46
  args: [{
44
47
  exportAs: 'kendoIcon',
@@ -14,28 +14,47 @@ import * as i1 from "../common/icons.service";
14
14
  * @hidden
15
15
  */
16
16
  export class IconWrapperComponent {
17
- constructor(iconsService) {
18
- this.iconsService = iconsService;
19
- this.hostClass = true;
20
- /**
21
- * Provided by consuming components in case an additional k-specific class needs to be rendered
22
- * on the internal Icon component.
23
- */
24
- this.innerCssClass = '';
25
- /**
26
- * Provided by consuming components in case a custom font icon class is set
27
- * by the developer using the consuming component through its API.
28
- */
29
- this.customFontClass = '';
30
- this.subs = new Subscription();
31
- this.subs = iconsService.changes.subscribe(iconSettings => {
32
- this.iconSettings = iconSettings;
33
- });
34
- }
17
+ iconsService;
18
+ hostClass = true;
19
+ /**
20
+ * Defines the name for an existing font icon in a Kendo UI theme, which will be rendered.
21
+ * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
22
+ */
23
+ name;
24
+ /**
25
+ * Defines an [SVGIcon](slug:api_icons_svgicon) to be rendered.
26
+ */
27
+ svgIcon;
28
+ /**
29
+ * Provided by consuming components in case an additional k-specific class needs to be rendered
30
+ * on the internal Icon component.
31
+ */
32
+ innerCssClass = '';
33
+ /**
34
+ * Provided by consuming components in case a custom font icon class is set
35
+ * by the developer using the consuming component through its API.
36
+ */
37
+ customFontClass = '';
38
+ /**
39
+ * Specifies the size of the Icon.
40
+ *
41
+ * The possible values are:
42
+ * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
43
+ * * `xsmall` (Font-size: 12px; Width: 12px; Height: 12px;)
44
+ * * `small` (Font-size: 14px; Width: 14px; Height: 14px;)
45
+ * * `medium` (Font-size: 16px; Width: 16px; Height: 16px;)
46
+ * * `large` (Font-size: 20px; Width: 20px; Height: 20px;)
47
+ * * `xlarge` (Font-size: 24px; Width: 24px; Height: 24px;)
48
+ * * `xxlarge` (Font-size: 32px; Width: 32px; Height: 32px;)
49
+ * * `xxxlarge` (Font-size: 48px; Width: 48px; Height: 48px;)
50
+ *
51
+ */
52
+ size;
35
53
  get customClasses() {
36
54
  const classes = [this.customFontClass, this.innerCssClass, this.customFontIconClass].filter(cl => !!cl).join(' ');
37
55
  return classes;
38
56
  }
57
+ iconSettings;
39
58
  get hasSvgIcon() {
40
59
  this.svgIcon = this.iconsService.getSvgIcon(this.name) || this.svgIcon;
41
60
  if (this.svgIcon) {
@@ -64,12 +83,18 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
64
83
  get customFontIconClass() {
65
84
  return this.iconsService.getCustomFontIconClass(this.name) || this.customFontClass;
66
85
  }
86
+ subs = new Subscription();
87
+ constructor(iconsService) {
88
+ this.iconsService = iconsService;
89
+ this.subs = iconsService.changes.subscribe(iconSettings => {
90
+ this.iconSettings = iconSettings;
91
+ });
92
+ }
67
93
  ngOnDestroy() {
68
94
  this.subs.unsubscribe();
69
95
  }
70
- }
71
- IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
72
- 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: `
96
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
97
+ 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: `
73
98
  <kendo-svgicon
74
99
  *ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
75
100
  [ngClass]="innerCssClass"
@@ -90,7 +115,8 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
90
115
  </ng-template>
91
116
  </ng-template>
92
117
  `, 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"] }] });
93
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, decorators: [{
118
+ }
119
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconWrapperComponent, decorators: [{
94
120
  type: Component,
95
121
  args: [{
96
122
  exportAs: 'kendoIconWrapper',
@@ -38,11 +38,11 @@ import * as i0 from "@angular/core";
38
38
  * ```
39
39
  */
40
40
  export class IconModule {
41
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
42
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
43
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule });
41
44
  }
42
- IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
43
- IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
44
- IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent] });
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, decorators: [{
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconModule, decorators: [{
46
46
  type: NgModule,
47
47
  args: [{
48
48
  exports: [IconComponent],
@@ -41,11 +41,11 @@ import * as i2 from "./svg-icon/svg-icon.component";
41
41
  * ```
42
42
  */
43
43
  export class IconsModule {
44
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
45
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, imports: [i1.IconComponent, i2.SVGIconComponent], exports: [i1.IconComponent, i2.SVGIconComponent] });
46
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, providers: [IconsService] });
44
47
  }
45
- IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
46
- IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, imports: [i1.IconComponent, i2.SVGIconComponent], exports: [i1.IconComponent, i2.SVGIconComponent] });
47
- IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [KENDO_ICONS] });
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, decorators: [{
48
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconsModule, decorators: [{
49
49
  type: NgModule,
50
50
  args: [{
51
51
  imports: [
@@ -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: 1729873973,
13
- version: '17.0.0-develop.21',
12
+ publishDate: 1730103400,
13
+ version: '17.0.0-develop.22',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -14,14 +14,11 @@ const areSame = (i1, i2) => i1?.name === i2?.name && i1.content === i2.content &
14
14
  * Represents the Kendo UI SVG Icon component for Angular.
15
15
  */
16
16
  export class SVGIconComponent extends IconBaseDirective {
17
- constructor(domSanitizer, element, renderer) {
18
- super(element, renderer);
19
- this.domSanitizer = domSanitizer;
20
- this.element = element;
21
- this.renderer = renderer;
22
- this.hostClass = true;
23
- this.hostAriaHidden = true;
24
- }
17
+ domSanitizer;
18
+ element;
19
+ renderer;
20
+ hostClass = true;
21
+ hostAriaHidden = true;
25
22
  /**
26
23
  * Defines the SVG icon, which will be rendered. All [Kendo UI SVG Icons](slug:svgicon_list) are supported.
27
24
  */
@@ -48,6 +45,13 @@ export class SVGIconComponent extends IconBaseDirective {
48
45
  get visible() {
49
46
  return this.icon && isDocumentAvailable();
50
47
  }
48
+ _icon;
49
+ constructor(domSanitizer, element, renderer) {
50
+ super(element, renderer);
51
+ this.domSanitizer = domSanitizer;
52
+ this.element = element;
53
+ this.renderer = renderer;
54
+ }
51
55
  ngOnInit() {
52
56
  this.verifyIconProperty();
53
57
  }
@@ -63,13 +67,13 @@ export class SVGIconComponent extends IconBaseDirective {
63
67
  `);
64
68
  }
65
69
  }
66
- }
67
- SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
68
- 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: `
70
+ 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 });
71
+ 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: `
69
72
  <svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
70
73
  [attr.viewBox]="icon.viewBox" [innerHTML]="content">
71
74
  </svg>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
72
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, decorators: [{
75
+ }
76
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconComponent, decorators: [{
73
77
  type: Component,
74
78
  args: [{
75
79
  exportAs: 'kendoSVGIcon',
@@ -38,11 +38,11 @@ import * as i0 from "@angular/core";
38
38
  * ```
39
39
  */
40
40
  export class SVGIconModule {
41
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
42
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
43
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule });
41
44
  }
42
- SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
43
- SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
44
- SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent] });
45
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, decorators: [{
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SVGIconModule, decorators: [{
46
46
  type: NgModule,
47
47
  args: [{
48
48
  exports: [SVGIconComponent],