@progress/kendo-angular-icons 1.0.0-next.202110200828 → 1.0.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.
Files changed (62) hide show
  1. package/LICENSE.md +1 -1
  2. package/NOTICE.txt +119 -79
  3. package/README.md +1 -1
  4. package/dist/cdn/js/kendo-angular-icons.js +20 -0
  5. package/dist/cdn/main.js +5 -0
  6. package/dist/es/common/icon-base.js +126 -0
  7. package/{esm2015 → dist/es}/common/models/flip.js +0 -1
  8. package/{esm2015 → dist/es}/common/models/size.js +0 -1
  9. package/{esm2015 → dist/es}/common/models/theme-color.js +0 -1
  10. package/dist/es/icon/icon.component.js +58 -0
  11. package/dist/es/icon.module.js +56 -0
  12. package/{esm2015 → dist/es}/icons.module.js +15 -17
  13. package/{esm2015/kendo-angular-icons.js → dist/es/index.js} +1 -0
  14. package/{esm2015 → dist/es}/main.js +0 -0
  15. package/dist/es/package-metadata.js +15 -0
  16. package/dist/es/svg-icon/svg-icon.component.js +86 -0
  17. package/dist/es/svg-icon.module.js +56 -0
  18. package/{common → dist/es2015/common}/icon-base.d.ts +5 -10
  19. package/{esm2015 → dist/es2015}/common/icon-base.js +27 -23
  20. package/{common → dist/es2015/common}/models/flip.d.ts +0 -0
  21. package/dist/es2015/common/models/flip.js +4 -0
  22. package/{common → dist/es2015/common}/models/size.d.ts +0 -0
  23. package/dist/es2015/common/models/size.js +4 -0
  24. package/{common → dist/es2015/common}/models/theme-color.d.ts +0 -0
  25. package/dist/es2015/common/models/theme-color.js +4 -0
  26. package/{icon → dist/es2015/icon}/icon.component.d.ts +3 -7
  27. package/dist/es2015/icon/icon.component.js +51 -0
  28. package/{icon.module.d.ts → dist/es2015/icon.module.d.ts} +0 -6
  29. package/{esm2015 → dist/es2015}/icon.module.js +11 -14
  30. package/{icons.module.d.ts → dist/es2015/icons.module.d.ts} +0 -6
  31. package/dist/es2015/icons.module.js +50 -0
  32. package/{kendo-angular-icons.d.ts → dist/es2015/index.d.ts} +1 -1
  33. package/dist/es2015/index.js +9 -0
  34. package/dist/es2015/index.metadata.json +1 -0
  35. package/{main.d.ts → dist/es2015/main.d.ts} +0 -0
  36. package/dist/es2015/main.js +9 -0
  37. package/{package-metadata.d.ts → dist/es2015/package-metadata.d.ts} +0 -0
  38. package/{esm2015 → dist/es2015}/package-metadata.js +1 -1
  39. package/{svg-icon → dist/es2015/svg-icon}/svg-icon.component.d.ts +5 -9
  40. package/{esm2015 → dist/es2015}/svg-icon/svg-icon.component.js +24 -25
  41. package/{svg-icon.module.d.ts → dist/es2015/svg-icon.module.d.ts} +0 -6
  42. package/{esm2015 → dist/es2015}/svg-icon.module.js +11 -14
  43. package/{fesm2015/kendo-angular-icons.js → dist/fesm2015/index.js} +102 -113
  44. package/dist/fesm5/index.js +415 -0
  45. package/dist/npm/common/icon-base.js +128 -0
  46. package/dist/npm/common/models/flip.js +6 -0
  47. package/dist/npm/common/models/size.js +6 -0
  48. package/dist/npm/common/models/theme-color.js +6 -0
  49. package/dist/npm/icon/icon.component.js +60 -0
  50. package/dist/npm/icon.module.js +58 -0
  51. package/dist/npm/icons.module.js +55 -0
  52. package/dist/npm/index.js +13 -0
  53. package/dist/npm/main.js +16 -0
  54. package/dist/npm/package-metadata.js +17 -0
  55. package/dist/npm/svg-icon/svg-icon.component.js +88 -0
  56. package/dist/npm/svg-icon.module.js +58 -0
  57. package/dist/systemjs/kendo-angular-icons.js +5 -0
  58. package/package.json +96 -33
  59. package/schematics/ngAdd/index.js +2 -5
  60. package/schematics/ngAdd/index.js.map +1 -1
  61. package/bundles/kendo-angular-icons.umd.js +0 -5
  62. package/esm2015/icon/icon.component.js +0 -48
@@ -0,0 +1,58 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
7
+ import { IconBase } from '../common/icon-base';
8
+ /**
9
+ * Represents the Kendo UI Icon component for Angular.
10
+ */
11
+ var IconComponent = /** @class */ (function (_super) {
12
+ tslib_1.__extends(IconComponent, _super);
13
+ function IconComponent(element, renderer) {
14
+ var _this = _super.call(this, element, renderer) || this;
15
+ _this.element = element;
16
+ _this.renderer = renderer;
17
+ _this.hostClass = true;
18
+ return _this;
19
+ }
20
+ Object.defineProperty(IconComponent.prototype, "name", {
21
+ get: function () {
22
+ return this._name;
23
+ },
24
+ /**
25
+ * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
26
+ * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
27
+ */
28
+ set: function (name) {
29
+ var element = this.element.nativeElement;
30
+ this.renderer.removeClass(element, "k-i-" + this.name);
31
+ this._name = name;
32
+ if (name) {
33
+ this.renderer.addClass(element, "k-i-" + this.name);
34
+ }
35
+ },
36
+ enumerable: true,
37
+ configurable: true
38
+ });
39
+ tslib_1.__decorate([
40
+ HostBinding('class.k-icon'),
41
+ tslib_1.__metadata("design:type", Boolean)
42
+ ], IconComponent.prototype, "hostClass", void 0);
43
+ tslib_1.__decorate([
44
+ Input(),
45
+ tslib_1.__metadata("design:type", String),
46
+ tslib_1.__metadata("design:paramtypes", [String])
47
+ ], IconComponent.prototype, "name", null);
48
+ IconComponent = tslib_1.__decorate([
49
+ Component({
50
+ exportAs: 'kendoIcon',
51
+ selector: 'kendo-icon',
52
+ template: ""
53
+ }),
54
+ tslib_1.__metadata("design:paramtypes", [ElementRef, Renderer2])
55
+ ], IconComponent);
56
+ return IconComponent;
57
+ }(IconBase));
58
+ export { IconComponent };
@@ -0,0 +1,56 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { NgModule } from '@angular/core';
7
+ import { CommonModule } from '@angular/common';
8
+ import { IconComponent } from './icon/icon.component';
9
+ var exportedModules = [
10
+ IconComponent
11
+ ];
12
+ var declarations = exportedModules.slice();
13
+ /**
14
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
15
+ * definition for the Icon component.
16
+ *
17
+ * @example
18
+ *
19
+ * ```ts-no-run
20
+ * // Import the Icon module
21
+ * import { IconModule } from '@progress/kendo-angular-icons';
22
+ *
23
+ * // The browser platform with a compiler
24
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
25
+ *
26
+ * import { NgModule } from '@angular/core';
27
+ *
28
+ * // Import the app component
29
+ * import { AppComponent } from './app.component';
30
+ *
31
+ * // Define the app module
32
+ * _@NgModule({
33
+ * declarations: [AppComponent], // declare app component
34
+ * imports: [BrowserModule, IconModule], // import Icon module
35
+ * bootstrap: [AppComponent]
36
+ * })
37
+ * export class AppModule {}
38
+ *
39
+ * // Compile and launch the module
40
+ * platformBrowserDynamic().bootstrapModule(AppModule);
41
+ *
42
+ * ```
43
+ */
44
+ var IconModule = /** @class */ (function () {
45
+ function IconModule() {
46
+ }
47
+ IconModule = tslib_1.__decorate([
48
+ NgModule({
49
+ declarations: [declarations],
50
+ exports: [exportedModules],
51
+ imports: [CommonModule]
52
+ })
53
+ ], IconModule);
54
+ return IconModule;
55
+ }());
56
+ export { IconModule };
@@ -2,10 +2,10 @@
2
2
  * Copyright © 2021 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
+ import * as tslib_1 from "tslib";
5
6
  import { NgModule } from '@angular/core';
6
7
  import { IconModule } from './icon.module';
7
8
  import { SVGIconModule } from './svg-icon.module';
8
- import * as i0 from "@angular/core";
9
9
  /**
10
10
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
11
11
  * definition for the Icons components.
@@ -37,19 +37,17 @@ import * as i0 from "@angular/core";
37
37
  *
38
38
  * ```
39
39
  */
40
- export class IconsModule {
41
- }
42
- IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
43
- IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconsModule, exports: [IconModule,
44
- SVGIconModule] });
45
- IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconsModule, imports: [IconModule,
46
- SVGIconModule] });
47
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconsModule, decorators: [{
48
- type: NgModule,
49
- args: [{
50
- exports: [
51
- IconModule,
52
- SVGIconModule
53
- ]
54
- }]
55
- }] });
40
+ var IconsModule = /** @class */ (function () {
41
+ function IconsModule() {
42
+ }
43
+ IconsModule = tslib_1.__decorate([
44
+ NgModule({
45
+ exports: [
46
+ IconModule,
47
+ SVGIconModule
48
+ ]
49
+ })
50
+ ], IconsModule);
51
+ return IconsModule;
52
+ }());
53
+ export { IconsModule };
@@ -6,3 +6,4 @@
6
6
  * Generated bundle index. Do not edit.
7
7
  */
8
8
  export * from './main';
9
+ export { IconBase } from './common/icon-base';
File without changes
@@ -0,0 +1,15 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * @hidden
7
+ */
8
+ export var packageMetadata = {
9
+ name: '@progress/kendo-angular-icons',
10
+ productName: 'Kendo UI for Angular',
11
+ productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
+ publishDate: 1644840904,
13
+ version: '',
14
+ licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
+ };
@@ -0,0 +1,86 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { Component, ElementRef, Input, Renderer2, HostBinding, isDevMode } from '@angular/core';
7
+ import { DomSanitizer } from "@angular/platform-browser";
8
+ import { isDocumentAvailable } from '@progress/kendo-angular-common';
9
+ import { IconBase } from '../common/icon-base';
10
+ /**
11
+ * Represents the Kendo UI SVG Icon component for Angular.
12
+ */
13
+ var SVGIconComponent = /** @class */ (function (_super) {
14
+ tslib_1.__extends(SVGIconComponent, _super);
15
+ function SVGIconComponent(domSanitizer, element, renderer) {
16
+ var _this = _super.call(this, element, renderer) || this;
17
+ _this.domSanitizer = domSanitizer;
18
+ _this.element = element;
19
+ _this.renderer = renderer;
20
+ _this.hostClass = true;
21
+ return _this;
22
+ }
23
+ Object.defineProperty(SVGIconComponent.prototype, "icon", {
24
+ get: function () {
25
+ return this._icon;
26
+ },
27
+ /**
28
+ * Defines the SVG icon, which will be rendered.
29
+ */
30
+ set: function (icon) {
31
+ var element = this.element.nativeElement;
32
+ if (this._icon && this._icon.name) {
33
+ this.renderer.removeClass(element, "k-svg-i-" + this._icon.name);
34
+ }
35
+ this._icon = icon;
36
+ this.renderer.addClass(element, "k-svg-i-" + this._icon.name);
37
+ },
38
+ enumerable: true,
39
+ configurable: true
40
+ });
41
+ Object.defineProperty(SVGIconComponent.prototype, "content", {
42
+ get: function () {
43
+ this.safeContent = this.safeContent || this.domSanitizer.bypassSecurityTrustHtml(this.icon.content);
44
+ return this.safeContent;
45
+ },
46
+ enumerable: true,
47
+ configurable: true
48
+ });
49
+ Object.defineProperty(SVGIconComponent.prototype, "visible", {
50
+ get: function () {
51
+ return this.icon && isDocumentAvailable();
52
+ },
53
+ enumerable: true,
54
+ configurable: true
55
+ });
56
+ SVGIconComponent.prototype.ngOnInit = function () {
57
+ this.verifyIconProperty();
58
+ };
59
+ SVGIconComponent.prototype.verifyIconProperty = function () {
60
+ if (!isDevMode()) {
61
+ return;
62
+ }
63
+ if (!this._icon) {
64
+ throw new Error("\n Invalid configuration.\n The input [icon] is required for the Kendo UI SVG Icon component for Angular.\n See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon\n ");
65
+ }
66
+ };
67
+ tslib_1.__decorate([
68
+ HostBinding('class.k-svg-icon'),
69
+ tslib_1.__metadata("design:type", Boolean)
70
+ ], SVGIconComponent.prototype, "hostClass", void 0);
71
+ tslib_1.__decorate([
72
+ Input(),
73
+ tslib_1.__metadata("design:type", Object),
74
+ tslib_1.__metadata("design:paramtypes", [Object])
75
+ ], SVGIconComponent.prototype, "icon", null);
76
+ SVGIconComponent = tslib_1.__decorate([
77
+ Component({
78
+ exportAs: 'kendoSVGIcon',
79
+ selector: 'kendo-svg-icon',
80
+ template: "\n <svg *ngIf=\"visible\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n [attr.viewBox]=\"icon.viewBox\" [innerHTML]=\"content\">\n </svg>"
81
+ }),
82
+ tslib_1.__metadata("design:paramtypes", [DomSanitizer, ElementRef, Renderer2])
83
+ ], SVGIconComponent);
84
+ return SVGIconComponent;
85
+ }(IconBase));
86
+ export { SVGIconComponent };
@@ -0,0 +1,56 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { NgModule } from '@angular/core';
7
+ import { CommonModule } from '@angular/common';
8
+ import { SVGIconComponent } from './svg-icon/svg-icon.component';
9
+ var exportedModules = [
10
+ SVGIconComponent
11
+ ];
12
+ var declarations = exportedModules.slice();
13
+ /**
14
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
15
+ * definition for the SVG Icon component.
16
+ *
17
+ * @example
18
+ *
19
+ * ```ts-no-run
20
+ * // Import the SVG Icon module
21
+ * import { SVGIconModule } from '@progress/kendo-angular-icons';
22
+ *
23
+ * // The browser platform with a compiler
24
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
25
+ *
26
+ * import { NgModule } from '@angular/core';
27
+ *
28
+ * // Import the app component
29
+ * import { AppComponent } from './app.component';
30
+ *
31
+ * // Define the app module
32
+ * _@NgModule({
33
+ * declarations: [AppComponent], // declare app component
34
+ * imports: [BrowserModule, SVGIconModule], // import SVG Icon module
35
+ * bootstrap: [AppComponent]
36
+ * })
37
+ * export class AppModule {}
38
+ *
39
+ * // Compile and launch the module
40
+ * platformBrowserDynamic().bootstrapModule(AppModule);
41
+ *
42
+ * ```
43
+ */
44
+ var SVGIconModule = /** @class */ (function () {
45
+ function SVGIconModule() {
46
+ }
47
+ SVGIconModule = tslib_1.__decorate([
48
+ NgModule({
49
+ declarations: [declarations],
50
+ exports: [exportedModules],
51
+ imports: [CommonModule]
52
+ })
53
+ ], SVGIconModule);
54
+ return SVGIconModule;
55
+ }());
56
+ export { SVGIconModule };
@@ -6,15 +6,14 @@ import { ElementRef, Renderer2 } from '@angular/core';
6
6
  import { IconThemeColor } from './models/theme-color';
7
7
  import { IconSize } from './models/size';
8
8
  import { IconFlip } from './models/flip';
9
- import * as i0 from "@angular/core";
10
9
  /**
11
10
  * @hidden
12
11
  */
13
- export declare abstract class IconBaseDirective {
12
+ export declare abstract class IconBase {
14
13
  element: ElementRef;
15
14
  renderer: Renderer2;
16
- get horizontalFlip(): boolean;
17
- get verticalFlip(): boolean;
15
+ readonly horizontalFlip: boolean;
16
+ readonly verticalFlip: boolean;
18
17
  /**
19
18
  * Flips the icon horizontally, vertically or in both directions.
20
19
  */
@@ -36,8 +35,7 @@ export declare abstract class IconBaseDirective {
36
35
  * * `inverse`&mdash; Applies coloring based on inverse theme color.
37
36
  *
38
37
  */
39
- set themeColor(themeColor: IconThemeColor);
40
- get themeColor(): IconThemeColor;
38
+ themeColor: IconThemeColor;
41
39
  /**
42
40
  * Specifies the size of the Icon.
43
41
  *
@@ -50,11 +48,8 @@ export declare abstract class IconBaseDirective {
50
48
  * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
51
49
  *
52
50
  */
53
- set size(size: IconSize);
54
- get size(): IconSize;
51
+ size: IconSize;
55
52
  _themeColor: IconThemeColor;
56
53
  _size: IconSize;
57
54
  constructor(element: ElementRef, renderer: Renderer2);
58
- static ɵfac: i0.ɵɵFactoryDeclaration<IconBaseDirective, never>;
59
- static ɵdir: i0.ɵɵDirectiveDeclaration<IconBaseDirective, "[kendoIconBase]", never, { "flip": "flip"; "themeColor": "themeColor"; "size": "size"; }, {}, never>;
60
55
  }
@@ -2,10 +2,10 @@
2
2
  * Copyright © 2021 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
- import { Input, HostBinding, Directive } from '@angular/core';
5
+ import * as tslib_1 from "tslib";
6
+ import { Input, HostBinding } from '@angular/core';
6
7
  import { validatePackage } from '@progress/kendo-licensing';
7
8
  import { packageMetadata } from '../package-metadata';
8
- import * as i0 from "@angular/core";
9
9
  const sizeClasses = {
10
10
  'default': 'k-icon',
11
11
  'xsmall': 'k-icon-xs',
@@ -17,7 +17,7 @@ const sizeClasses = {
17
17
  /**
18
18
  * @hidden
19
19
  */
20
- export class IconBaseDirective {
20
+ export class IconBase {
21
21
  constructor(element, renderer) {
22
22
  this.element = element;
23
23
  this.renderer = renderer;
@@ -82,23 +82,27 @@ export class IconBaseDirective {
82
82
  return this._size;
83
83
  }
84
84
  }
85
- IconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
86
- IconBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.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 });
87
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconBaseDirective, decorators: [{
88
- type: Directive,
89
- args: [{
90
- selector: '[kendoIconBase]'
91
- }]
92
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { horizontalFlip: [{
93
- type: HostBinding,
94
- args: ['class.k-flip-h']
95
- }], verticalFlip: [{
96
- type: HostBinding,
97
- args: ['class.k-flip-v']
98
- }], flip: [{
99
- type: Input
100
- }], themeColor: [{
101
- type: Input
102
- }], size: [{
103
- type: Input
104
- }] } });
85
+ tslib_1.__decorate([
86
+ HostBinding('class.k-flip-h'),
87
+ tslib_1.__metadata("design:type", Boolean),
88
+ tslib_1.__metadata("design:paramtypes", [])
89
+ ], IconBase.prototype, "horizontalFlip", null);
90
+ tslib_1.__decorate([
91
+ HostBinding('class.k-flip-v'),
92
+ tslib_1.__metadata("design:type", Boolean),
93
+ tslib_1.__metadata("design:paramtypes", [])
94
+ ], IconBase.prototype, "verticalFlip", null);
95
+ tslib_1.__decorate([
96
+ Input(),
97
+ tslib_1.__metadata("design:type", String)
98
+ ], IconBase.prototype, "flip", void 0);
99
+ tslib_1.__decorate([
100
+ Input(),
101
+ tslib_1.__metadata("design:type", String),
102
+ tslib_1.__metadata("design:paramtypes", [String])
103
+ ], IconBase.prototype, "themeColor", null);
104
+ tslib_1.__decorate([
105
+ Input(),
106
+ tslib_1.__metadata("design:type", String),
107
+ tslib_1.__metadata("design:paramtypes", [String])
108
+ ], IconBase.prototype, "size", null);
File without changes
@@ -0,0 +1,4 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
File without changes
@@ -0,0 +1,4 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
@@ -0,0 +1,4 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
@@ -3,12 +3,11 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ElementRef, Renderer2 } from '@angular/core';
6
- import { IconBaseDirective } from '../common/icon-base';
7
- import * as i0 from "@angular/core";
6
+ import { IconBase } from '../common/icon-base';
8
7
  /**
9
8
  * Represents the Kendo UI Icon component for Angular.
10
9
  */
11
- export declare class IconComponent extends IconBaseDirective {
10
+ export declare class IconComponent extends IconBase {
12
11
  element: ElementRef;
13
12
  renderer: Renderer2;
14
13
  hostClass: boolean;
@@ -16,10 +15,7 @@ export declare class IconComponent extends IconBaseDirective {
16
15
  * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
17
16
  * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
18
17
  */
19
- set name(name: string);
20
- get name(): string;
18
+ name: string;
21
19
  private _name;
22
20
  constructor(element: ElementRef, renderer: Renderer2);
23
- static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kendo-icon", ["kendoIcon"], { "name": "name"; }, {}, never, never>;
25
21
  }
@@ -0,0 +1,51 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as tslib_1 from "tslib";
6
+ import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
7
+ import { IconBase } from '../common/icon-base';
8
+ /**
9
+ * Represents the Kendo UI Icon component for Angular.
10
+ */
11
+ let IconComponent = class IconComponent extends IconBase {
12
+ constructor(element, renderer) {
13
+ super(element, renderer);
14
+ this.element = element;
15
+ this.renderer = renderer;
16
+ this.hostClass = true;
17
+ }
18
+ /**
19
+ * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
20
+ * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
21
+ */
22
+ set name(name) {
23
+ const element = this.element.nativeElement;
24
+ this.renderer.removeClass(element, `k-i-${this.name}`);
25
+ this._name = name;
26
+ if (name) {
27
+ this.renderer.addClass(element, `k-i-${this.name}`);
28
+ }
29
+ }
30
+ get name() {
31
+ return this._name;
32
+ }
33
+ };
34
+ tslib_1.__decorate([
35
+ HostBinding('class.k-icon'),
36
+ tslib_1.__metadata("design:type", Boolean)
37
+ ], IconComponent.prototype, "hostClass", void 0);
38
+ tslib_1.__decorate([
39
+ Input(),
40
+ tslib_1.__metadata("design:type", String),
41
+ tslib_1.__metadata("design:paramtypes", [String])
42
+ ], IconComponent.prototype, "name", null);
43
+ IconComponent = tslib_1.__decorate([
44
+ Component({
45
+ exportAs: 'kendoIcon',
46
+ selector: 'kendo-icon',
47
+ template: ``
48
+ }),
49
+ tslib_1.__metadata("design:paramtypes", [ElementRef, Renderer2])
50
+ ], IconComponent);
51
+ export { IconComponent };
@@ -2,9 +2,6 @@
2
2
  * Copyright © 2021 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
- import * as i0 from "@angular/core";
6
- import * as i1 from "./icon/icon.component";
7
- import * as i2 from "@angular/common";
8
5
  /**
9
6
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
10
7
  * definition for the Icon component.
@@ -37,7 +34,4 @@ import * as i2 from "@angular/common";
37
34
  * ```
38
35
  */
39
36
  export declare class IconModule {
40
- static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
41
- static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof i1.IconComponent], [typeof i2.CommonModule], [typeof i1.IconComponent]>;
42
- static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
43
37
  }
@@ -2,10 +2,10 @@
2
2
  * Copyright © 2021 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
+ import * as tslib_1 from "tslib";
5
6
  import { NgModule } from '@angular/core';
6
7
  import { CommonModule } from '@angular/common';
7
8
  import { IconComponent } from './icon/icon.component';
8
- import * as i0 from "@angular/core";
9
9
  const exportedModules = [
10
10
  IconComponent
11
11
  ];
@@ -43,16 +43,13 @@ const declarations = [
43
43
  *
44
44
  * ```
45
45
  */
46
- export class IconModule {
47
- }
48
- IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
49
- IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
50
- IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconModule, imports: [[CommonModule]] });
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: IconModule, decorators: [{
52
- type: NgModule,
53
- args: [{
54
- declarations: [declarations],
55
- exports: [exportedModules],
56
- imports: [CommonModule]
57
- }]
58
- }] });
46
+ let IconModule = class IconModule {
47
+ };
48
+ IconModule = tslib_1.__decorate([
49
+ NgModule({
50
+ declarations: [declarations],
51
+ exports: [exportedModules],
52
+ imports: [CommonModule]
53
+ })
54
+ ], IconModule);
55
+ export { IconModule };
@@ -2,9 +2,6 @@
2
2
  * Copyright © 2021 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
- import * as i0 from "@angular/core";
6
- import * as i1 from "./icon.module";
7
- import * as i2 from "./svg-icon.module";
8
5
  /**
9
6
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
10
7
  * definition for the Icons components.
@@ -37,7 +34,4 @@ import * as i2 from "./svg-icon.module";
37
34
  * ```
38
35
  */
39
36
  export declare class IconsModule {
40
- static ɵfac: i0.ɵɵFactoryDeclaration<IconsModule, never>;
41
- static ɵmod: i0.ɵɵNgModuleDeclaration<IconsModule, never, never, [typeof i1.IconModule, typeof i2.SVGIconModule]>;
42
- static ɵinj: i0.ɵɵInjectorDeclaration<IconsModule>;
43
37
  }