@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.
- package/LICENSE.md +1 -1
- package/NOTICE.txt +119 -79
- package/README.md +1 -1
- package/dist/cdn/js/kendo-angular-icons.js +20 -0
- package/dist/cdn/main.js +5 -0
- package/dist/es/common/icon-base.js +126 -0
- package/{esm2015 → dist/es}/common/models/flip.js +0 -1
- package/{esm2015 → dist/es}/common/models/size.js +0 -1
- package/{esm2015 → dist/es}/common/models/theme-color.js +0 -1
- package/dist/es/icon/icon.component.js +58 -0
- package/dist/es/icon.module.js +56 -0
- package/{esm2015 → dist/es}/icons.module.js +15 -17
- package/{esm2015/kendo-angular-icons.js → dist/es/index.js} +1 -0
- package/{esm2015 → dist/es}/main.js +0 -0
- package/dist/es/package-metadata.js +15 -0
- package/dist/es/svg-icon/svg-icon.component.js +86 -0
- package/dist/es/svg-icon.module.js +56 -0
- package/{common → dist/es2015/common}/icon-base.d.ts +5 -10
- package/{esm2015 → dist/es2015}/common/icon-base.js +27 -23
- package/{common → dist/es2015/common}/models/flip.d.ts +0 -0
- package/dist/es2015/common/models/flip.js +4 -0
- package/{common → dist/es2015/common}/models/size.d.ts +0 -0
- package/dist/es2015/common/models/size.js +4 -0
- package/{common → dist/es2015/common}/models/theme-color.d.ts +0 -0
- package/dist/es2015/common/models/theme-color.js +4 -0
- package/{icon → dist/es2015/icon}/icon.component.d.ts +3 -7
- package/dist/es2015/icon/icon.component.js +51 -0
- package/{icon.module.d.ts → dist/es2015/icon.module.d.ts} +0 -6
- package/{esm2015 → dist/es2015}/icon.module.js +11 -14
- package/{icons.module.d.ts → dist/es2015/icons.module.d.ts} +0 -6
- package/dist/es2015/icons.module.js +50 -0
- package/{kendo-angular-icons.d.ts → dist/es2015/index.d.ts} +1 -1
- package/dist/es2015/index.js +9 -0
- package/dist/es2015/index.metadata.json +1 -0
- package/{main.d.ts → dist/es2015/main.d.ts} +0 -0
- package/dist/es2015/main.js +9 -0
- package/{package-metadata.d.ts → dist/es2015/package-metadata.d.ts} +0 -0
- package/{esm2015 → dist/es2015}/package-metadata.js +1 -1
- package/{svg-icon → dist/es2015/svg-icon}/svg-icon.component.d.ts +5 -9
- package/{esm2015 → dist/es2015}/svg-icon/svg-icon.component.js +24 -25
- package/{svg-icon.module.d.ts → dist/es2015/svg-icon.module.d.ts} +0 -6
- package/{esm2015 → dist/es2015}/svg-icon.module.js +11 -14
- package/{fesm2015/kendo-angular-icons.js → dist/fesm2015/index.js} +102 -113
- package/dist/fesm5/index.js +415 -0
- package/dist/npm/common/icon-base.js +128 -0
- package/dist/npm/common/models/flip.js +6 -0
- package/dist/npm/common/models/size.js +6 -0
- package/dist/npm/common/models/theme-color.js +6 -0
- package/dist/npm/icon/icon.component.js +60 -0
- package/dist/npm/icon.module.js +58 -0
- package/dist/npm/icons.module.js +55 -0
- package/dist/npm/index.js +13 -0
- package/dist/npm/main.js +16 -0
- package/dist/npm/package-metadata.js +17 -0
- package/dist/npm/svg-icon/svg-icon.component.js +88 -0
- package/dist/npm/svg-icon.module.js +58 -0
- package/dist/systemjs/kendo-angular-icons.js +5 -0
- package/package.json +96 -33
- package/schematics/ngAdd/index.js +2 -5
- package/schematics/ngAdd/index.js.map +1 -1
- package/bundles/kendo-angular-icons.umd.js +0 -5
- 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
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
IconsModule
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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 };
|
|
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
|
|
12
|
+
export declare abstract class IconBase {
|
|
14
13
|
element: ElementRef;
|
|
15
14
|
renderer: Renderer2;
|
|
16
|
-
|
|
17
|
-
|
|
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`— Applies coloring based on inverse theme color.
|
|
37
36
|
*
|
|
38
37
|
*/
|
|
39
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
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
|
+
*-------------------------------------------------------------------------------------------*/
|
|
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
|
+
*-------------------------------------------------------------------------------------------*/
|
|
@@ -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 {
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
47
|
-
}
|
|
48
|
-
IconModule
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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
|
}
|