@progress/kendo-angular-icons 1.0.0 → 2.0.0-next.202203021255
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/bundles/kendo-angular-icons.umd.js +5 -0
- package/{dist/es2015/common → common}/icon-base.d.ts +10 -5
- package/{dist/es2015/common → common}/models/flip.d.ts +0 -0
- package/{dist/es2015/common → common}/models/size.d.ts +0 -0
- package/{dist/es2015/common → common}/models/theme-color.d.ts +0 -0
- package/{dist/es2015 → esm2015}/common/icon-base.js +23 -27
- package/{dist/es2015 → esm2015}/common/models/flip.js +1 -0
- package/{dist/es → esm2015}/common/models/size.js +1 -0
- package/{dist/es2015 → esm2015}/common/models/theme-color.js +1 -0
- package/esm2015/icon/icon.component.js +48 -0
- package/{dist/es2015 → esm2015}/icon.module.js +14 -11
- package/{dist/es2015 → esm2015}/icons.module.js +17 -12
- package/{dist/es/index.js → esm2015/kendo-angular-icons.js} +0 -1
- package/{dist/es → esm2015}/main.js +0 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/svg-icon/svg-icon.component.js +25 -24
- package/{dist/es2015 → esm2015}/svg-icon.module.js +14 -11
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-icons.js} +113 -102
- package/{dist/es2015/icon → icon}/icon.component.d.ts +7 -3
- package/{dist/es2015/icon.module.d.ts → icon.module.d.ts} +6 -0
- package/{dist/es2015/icons.module.d.ts → icons.module.d.ts} +6 -0
- package/{dist/es2015/index.d.ts → kendo-angular-icons.d.ts} +1 -1
- package/{dist/es2015/main.d.ts → main.d.ts} +0 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +32 -95
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/svg-icon → svg-icon}/svg-icon.component.d.ts +9 -5
- package/{dist/es2015/svg-icon.module.d.ts → svg-icon.module.d.ts} +6 -0
- package/dist/cdn/js/kendo-angular-icons.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/common/icon-base.js +0 -126
- package/dist/es/common/models/flip.js +0 -4
- package/dist/es/common/models/theme-color.js +0 -4
- package/dist/es/icon/icon.component.js +0 -58
- package/dist/es/icon.module.js +0 -56
- package/dist/es/icons.module.js +0 -53
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/svg-icon/svg-icon.component.js +0 -86
- package/dist/es/svg-icon.module.js +0 -56
- package/dist/es2015/common/models/size.js +0 -4
- package/dist/es2015/icon/icon.component.js +0 -51
- package/dist/es2015/index.js +0 -9
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/main.js +0 -9
- package/dist/fesm5/index.js +0 -415
- package/dist/npm/common/icon-base.js +0 -128
- package/dist/npm/common/models/flip.js +0 -6
- package/dist/npm/common/models/size.js +0 -6
- package/dist/npm/common/models/theme-color.js +0 -6
- package/dist/npm/icon/icon.component.js +0 -60
- package/dist/npm/icon.module.js +0 -58
- package/dist/npm/icons.module.js +0 -55
- package/dist/npm/index.js +0 -13
- package/dist/npm/main.js +0 -16
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/svg-icon/svg-icon.component.js +0 -88
- package/dist/npm/svg-icon.module.js +0 -58
- package/dist/systemjs/kendo-angular-icons.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
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
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-common"),require("@angular/platform-browser"),require("@angular/common")):"function"==typeof define&&define.amd?define("KendoAngularIcons",["exports","@angular/core","@progress/kendo-licensing","@progress/kendo-angular-common","@angular/platform-browser","@angular/common"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularIcons={},e.ng.core,e.KendoLicensing,e.KendoAngularCommon,e.ng.platformBrowser,e.ng.common)}(this,function(e,n,t,o,r,i){"use strict";function s(t){if(t&&t.__esModule)return t;var o=Object.create(null);return t&&Object.keys(t).forEach(function(e){var n;"default"!==e&&(n=Object.getOwnPropertyDescriptor(t,e),Object.defineProperty(o,e,n.get?n:{enumerable:!0,get:function(){return t[e]}}))}),o.default=t,Object.freeze(o)}var a=s(n),c=s(r),r=s(i),l=function(e,n){return(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])})(e,n)};function p(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function t(){this.constructor=e}l(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}Object.create;function m(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,r,i=t.call(e),s=[];try{for(;(void 0===n||0<n--)&&!(o=i.next()).done;)s.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(t=i.return)&&t.call(i)}finally{if(r)throw r.error}}return s}function u(e,n,t){if(t||2===arguments.length)for(var o,r=0,i=n.length;r<i;r++)!o&&r in n||((o=o||Array.prototype.slice.call(n,0,r))[r]=n[r]);return e.concat(o||Array.prototype.slice.call(n))}Object.create;var g={name:"@progress/kendo-angular-icons",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1646225703,version:"",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"},d={default:"k-icon",xsmall:"k-icon-xs",small:"k-icon-sm",medium:"k-icon-md",large:"k-icon-lg",xlarge:"k-icon-xl"},f=(Object.defineProperty(y.prototype,"horizontalFlip",{get:function(){return"horizontal"===this.flip||"both"===this.flip},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"verticalFlip",{get:function(){return"vertical"===this.flip||"both"===this.flip},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){var n=this.element.nativeElement;this._themeColor=e,this.renderer.removeClass(n,"k-color-"+e),e&&this.renderer.addClass(n,"k-color-"+e)},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"size",{get:function(){return this._size},set:function(e){var n=this.element.nativeElement,t=(this._size=e,d[this.size]);this.renderer.removeClass(n,t),"default"!==e&&this.renderer.addClass(n,t)},enumerable:!1,configurable:!0}),y);function y(e,n){this.element=e,this.renderer=n,t.validatePackage(g)}f.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:f,deps:[{token:a.ElementRef},{token:a.Renderer2}],target:a.ɵɵFactoryTarget.Directive}),f.ɵdir=a.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"[kendoIconBase]",inputs:{flip:"flip",themeColor:"themeColor",size:"size"},host:{properties:{"class.k-flip-h":"this.horizontalFlip","class.k-flip-v":"this.verticalFlip"}},ngImport:a}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:f,decorators:[{type:n.Directive,args:[{selector:"[kendoIconBase]"}]}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2}]},propDecorators:{horizontalFlip:[{type:n.HostBinding,args:["class.k-flip-h"]}],verticalFlip:[{type:n.HostBinding,args:["class.k-flip-v"]}],flip:[{type:n.Input}],themeColor:[{type:n.Input}],size:[{type:n.Input}]}});p(I,h=f),Object.defineProperty(I.prototype,"name",{get:function(){return this._name},set:function(e){var n=this.element.nativeElement;this.renderer.removeClass(n,"k-i-"+this.name),(this._name=e)&&this.renderer.addClass(n,"k-i-"+this.name)},enumerable:!1,configurable:!0});var h,v=I;function I(e,n){var t=h.call(this,e,n)||this;return t.element=e,t.renderer=n,t.hostClass=!0,t}v.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:v,deps:[{token:a.ElementRef},{token:a.Renderer2}],target:a.ɵɵFactoryTarget.Component}),v.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-icon",inputs:{name:"name"},host:{properties:{"class.k-icon":"this.hostClass"}},exportAs:["kendoIcon"],usesInheritance:!0,ngImport:a,template:"",isInline:!0}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:v,decorators:[{type:n.Component,args:[{exportAs:"kendoIcon",selector:"kendo-icon",template:""}]}],ctorParameters:function(){return[{type:a.ElementRef},{type:a.Renderer2}]},propDecorators:{hostClass:[{type:n.HostBinding,args:["class.k-icon"]}],name:[{type:n.Input}]}});p(b,k=f),Object.defineProperty(b.prototype,"icon",{get:function(){return this._icon},set:function(e){var n=this.element.nativeElement;this._icon&&this._icon.name&&this.renderer.removeClass(n,"k-svg-i-"+this._icon.name),this._icon=e,this.renderer.addClass(n,"k-svg-i-"+this._icon.name)},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"content",{get:function(){return this.safeContent=this.safeContent||this.domSanitizer.bypassSecurityTrustHtml(this.icon.content),this.safeContent},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"visible",{get:function(){return this.icon&&o.isDocumentAvailable()},enumerable:!1,configurable:!0}),b.prototype.ngOnInit=function(){this.verifyIconProperty()},b.prototype.verifyIconProperty=function(){if(n.isDevMode()&&!this._icon)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 ")};var k,f=b;function b(e,n,t){var o=k.call(this,n,t)||this;return o.domSanitizer=e,o.element=n,o.renderer=t,o.hostClass=!0,o}f.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:f,deps:[{token:c.DomSanitizer},{token:a.ElementRef},{token:a.Renderer2}],target:a.ɵɵFactoryTarget.Component}),f.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"kendo-svg-icon",inputs:{icon:"icon"},host:{properties:{"class.k-svg-icon":"this.hostClass"}},exportAs:["kendoSVGIcon"],usesInheritance:!0,ngImport:a,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>',isInline:!0,directives:[{type:r.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:f,decorators:[{type:n.Component,args:[{exportAs:"kendoSVGIcon",selector:"kendo-svg-icon",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>'}]}],ctorParameters:function(){return[{type:c.DomSanitizer},{type:a.ElementRef},{type:a.Renderer2}]},propDecorators:{hostClass:[{type:n.HostBinding,args:["class.k-svg-icon"]}],icon:[{type:n.Input}]}});var r=[v],C=u([],m(r)),w=function(){},C=(w.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:w,deps:[],target:a.ɵɵFactoryTarget.NgModule}),w.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:w,declarations:[v],imports:[i.CommonModule],exports:[v]}),w.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:w,imports:[[i.CommonModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:w,decorators:[{type:n.NgModule,args:[{declarations:[C],exports:[r],imports:[i.CommonModule]}]}]}),[f]),r=u([],m(C)),D=function(){},r=(D.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:D,deps:[],target:a.ɵɵFactoryTarget.NgModule}),D.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:D,declarations:[f],imports:[i.CommonModule],exports:[f]}),D.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:D,imports:[[i.CommonModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:D,decorators:[{type:n.NgModule,args:[{declarations:[r],exports:[C],imports:[i.CommonModule]}]}]}),function(){});r.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:r,deps:[],target:a.ɵɵFactoryTarget.NgModule}),r.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:r,exports:[w,D]}),r.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:r,imports:[w,D]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:a,type:r,decorators:[{type:n.NgModule,args:[{exports:[w,D]}]}]}),e.IconComponent=v,e.IconModule=w,e.IconsModule=r,e.SVGIconComponent=f,e.SVGIconModule=D,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
@@ -6,14 +6,15 @@ 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";
|
|
9
10
|
/**
|
|
10
11
|
* @hidden
|
|
11
12
|
*/
|
|
12
|
-
export declare abstract class
|
|
13
|
+
export declare abstract class IconBaseDirective {
|
|
13
14
|
element: ElementRef;
|
|
14
15
|
renderer: Renderer2;
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
get horizontalFlip(): boolean;
|
|
17
|
+
get verticalFlip(): boolean;
|
|
17
18
|
/**
|
|
18
19
|
* Flips the icon horizontally, vertically or in both directions.
|
|
19
20
|
*/
|
|
@@ -35,7 +36,8 @@ export declare abstract class IconBase {
|
|
|
35
36
|
* * `inverse`— Applies coloring based on inverse theme color.
|
|
36
37
|
*
|
|
37
38
|
*/
|
|
38
|
-
themeColor: IconThemeColor;
|
|
39
|
+
set themeColor(themeColor: IconThemeColor);
|
|
40
|
+
get themeColor(): IconThemeColor;
|
|
39
41
|
/**
|
|
40
42
|
* Specifies the size of the Icon.
|
|
41
43
|
*
|
|
@@ -48,8 +50,11 @@ export declare abstract class IconBase {
|
|
|
48
50
|
* * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
|
|
49
51
|
*
|
|
50
52
|
*/
|
|
51
|
-
size: IconSize;
|
|
53
|
+
set size(size: IconSize);
|
|
54
|
+
get size(): IconSize;
|
|
52
55
|
_themeColor: IconThemeColor;
|
|
53
56
|
_size: IconSize;
|
|
54
57
|
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>;
|
|
55
60
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -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
|
|
6
|
-
import { Input, HostBinding } from '@angular/core';
|
|
5
|
+
import { Input, HostBinding, Directive } from '@angular/core';
|
|
7
6
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
7
|
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 IconBaseDirective {
|
|
21
21
|
constructor(element, renderer) {
|
|
22
22
|
this.element = element;
|
|
23
23
|
this.renderer = renderer;
|
|
@@ -82,27 +82,23 @@ export class IconBase {
|
|
|
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
|
-
|
|
105
|
-
Input(),
|
|
106
|
-
tslib_1.__metadata("design:type", String),
|
|
107
|
-
tslib_1.__metadata("design:paramtypes", [String])
|
|
108
|
-
], IconBase.prototype, "size", null);
|
|
85
|
+
IconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", 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
|
+
}] } });
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
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
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
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 { Component, Input, HostBinding } from '@angular/core';
|
|
6
|
+
import { IconBaseDirective } from '../common/icon-base';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* Represents the Kendo UI Icon component for Angular.
|
|
10
|
+
*/
|
|
11
|
+
export class IconComponent extends IconBaseDirective {
|
|
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
|
+
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, decorators: [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{
|
|
39
|
+
exportAs: 'kendoIcon',
|
|
40
|
+
selector: 'kendo-icon',
|
|
41
|
+
template: ``
|
|
42
|
+
}]
|
|
43
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
|
|
44
|
+
type: HostBinding,
|
|
45
|
+
args: ['class.k-icon']
|
|
46
|
+
}], name: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}] } });
|
|
@@ -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";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { CommonModule } from '@angular/common';
|
|
8
7
|
import { IconComponent } from './icon/icon.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
9
|
const exportedModules = [
|
|
10
10
|
IconComponent
|
|
11
11
|
];
|
|
@@ -43,13 +43,16 @@ const declarations = [
|
|
|
43
43
|
*
|
|
44
44
|
* ```
|
|
45
45
|
*/
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
IconModule =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
],
|
|
55
|
-
|
|
46
|
+
export class IconModule {
|
|
47
|
+
}
|
|
48
|
+
IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
+
IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
|
|
50
|
+
IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, imports: [[CommonModule]] });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
declarations: [declarations],
|
|
55
|
+
exports: [exportedModules],
|
|
56
|
+
imports: [CommonModule]
|
|
57
|
+
}]
|
|
58
|
+
}] });
|
|
@@ -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";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { IconModule } from './icon.module';
|
|
8
7
|
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,14 +37,19 @@ import { SVGIconModule } from './svg-icon.module';
|
|
|
37
37
|
*
|
|
38
38
|
* ```
|
|
39
39
|
*/
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
IconsModule =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
40
|
+
export class IconsModule {
|
|
41
|
+
}
|
|
42
|
+
IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
+
IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, exports: [IconModule,
|
|
44
|
+
SVGIconModule] });
|
|
45
|
+
IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, imports: [IconModule,
|
|
46
|
+
SVGIconModule] });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, decorators: [{
|
|
48
|
+
type: NgModule,
|
|
49
|
+
args: [{
|
|
50
|
+
exports: [
|
|
51
|
+
IconModule,
|
|
52
|
+
SVGIconModule
|
|
53
|
+
]
|
|
54
|
+
}]
|
|
55
|
+
}] });
|
|
File without changes
|
|
@@ -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:
|
|
12
|
+
publishDate: 1646225703,
|
|
13
13
|
version: '',
|
|
14
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
15
|
};
|
|
@@ -2,15 +2,16 @@
|
|
|
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
|
|
6
|
-
import { Component, ElementRef, Input, Renderer2, HostBinding, isDevMode } from '@angular/core';
|
|
7
|
-
import { DomSanitizer } from "@angular/platform-browser";
|
|
5
|
+
import { Component, Input, HostBinding, isDevMode } from '@angular/core';
|
|
8
6
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
9
|
-
import {
|
|
7
|
+
import { IconBaseDirective } from '../common/icon-base';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/platform-browser";
|
|
10
|
+
import * as i2 from "@angular/common";
|
|
10
11
|
/**
|
|
11
12
|
* Represents the Kendo UI SVG Icon component for Angular.
|
|
12
13
|
*/
|
|
13
|
-
|
|
14
|
+
export class SVGIconComponent extends IconBaseDirective {
|
|
14
15
|
constructor(domSanitizer, element, renderer) {
|
|
15
16
|
super(element, renderer);
|
|
16
17
|
this.domSanitizer = domSanitizer;
|
|
@@ -54,25 +55,25 @@ let SVGIconComponent = class SVGIconComponent extends IconBase {
|
|
|
54
55
|
`);
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
]
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
exportAs: 'kendoSVGIcon',
|
|
70
|
-
selector: 'kendo-svg-icon',
|
|
71
|
-
template: `
|
|
58
|
+
}
|
|
59
|
+
SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SVGIconComponent, selector: "kendo-svg-icon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
|
|
61
|
+
<svg *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
62
|
+
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
63
|
+
</svg>`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconComponent, decorators: [{
|
|
65
|
+
type: Component,
|
|
66
|
+
args: [{
|
|
67
|
+
exportAs: 'kendoSVGIcon',
|
|
68
|
+
selector: 'kendo-svg-icon',
|
|
69
|
+
template: `
|
|
72
70
|
<svg *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
73
71
|
[attr.viewBox]="icon.viewBox" [innerHTML]="content">
|
|
74
72
|
</svg>`
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
73
|
+
}]
|
|
74
|
+
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
|
|
75
|
+
type: HostBinding,
|
|
76
|
+
args: ['class.k-svg-icon']
|
|
77
|
+
}], icon: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}] } });
|
|
@@ -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";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { CommonModule } from '@angular/common';
|
|
8
7
|
import { SVGIconComponent } from './svg-icon/svg-icon.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
9
|
const exportedModules = [
|
|
10
10
|
SVGIconComponent
|
|
11
11
|
];
|
|
@@ -43,13 +43,16 @@ const declarations = [
|
|
|
43
43
|
*
|
|
44
44
|
* ```
|
|
45
45
|
*/
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
SVGIconModule =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
],
|
|
55
|
-
|
|
46
|
+
export class SVGIconModule {
|
|
47
|
+
}
|
|
48
|
+
SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
+
SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, declarations: [SVGIconComponent], imports: [CommonModule], exports: [SVGIconComponent] });
|
|
50
|
+
SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, imports: [[CommonModule]] });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
declarations: [declarations],
|
|
55
|
+
exports: [exportedModules],
|
|
56
|
+
imports: [CommonModule]
|
|
57
|
+
}]
|
|
58
|
+
}] });
|