@coreui/icons-angular 3.0.0-alpha.0 → 3.0.0-alpha.4

package/fesm2020/coreui-icons-angular.mjs

@@ -0,0 +1,393 @@
+import * as i0 from '@angular/core';
+import { Injectable, NgModule, Optional, SkipSelf, Directive, Input, HostBinding, ElementRef, Component, ViewChild } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class IconSetService {
+    constructor() {
+        this._iconNames = {};
+        this._icons = {};
+    }
+    get iconNames() {
+        return this._iconNames;
+    }
+    ;
+    get icons() {
+        return this._icons;
+    }
+    set icons(iconSet) {
+        for (const iconsKey in iconSet) {
+            this._iconNames[iconsKey] = iconsKey;
+        }
+        this._icons = iconSet;
+    }
+    getIcon(name) {
+        const icon = this.icons[name];
+        if (!icon) {
+            console.warn(`CoreUI WARN: Icon ${name} is not registered in IconService`);
+        }
+        return this.icons[name];
+    }
+}
+IconSetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconSetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class IconSetModule {
+    constructor(parentModule) {
+        if (parentModule) {
+            throw new Error('CoreUI IconSetModule is already loaded. Import it in the AppModule only');
+        }
+    }
+    static forRoot() {
+        return {
+            ngModule: IconSetModule,
+            providers: [
+                { provide: IconSetService }
+            ]
+        };
+    }
+}
+IconSetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetModule, deps: [{ token: IconSetModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
+IconSetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetModule, imports: [CommonModule] });
+IconSetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetModule, providers: [
+        IconSetService
+    ], imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconSetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    providers: [
+                        IconSetService
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: IconSetModule, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }]; } });
+
+class IconDirective {
+    constructor(renderer, elementRef, sanitizer, iconSet) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.sanitizer = sanitizer;
+        this.iconSet = iconSet;
+        this.size = '';
+        this.xmlns = 'http://www.w3.org/2000/svg';
+        this.pointerEvents = 'none';
+        this.role = 'img';
+    }
+    set name(name) {
+        this._name = name?.includes('-') ? this.toCamelCase(name) : name;
+    }
+    get name() {
+        return this._name;
+    }
+    set viewBox(viewBox) {
+        this._viewBox = viewBox;
+    }
+    get viewBox() {
+        return this._viewBox ?? this.scale;
+    }
+    get hostClasses() {
+        const classes = {
+            icon: true,
+            [`icon-${this.computedSize}`]: !!this.computedSize
+        };
+        return this.customClasses ?? classes;
+    }
+    get innerHtml() {
+        const code = Array.isArray(this.code) ? this.code[1] || this.code[0] : this.code ?? '';
+        // todo proper sanitize
+        // const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, code);
+        return this.sanitizer.bypassSecurityTrustHtml((this.titleCode + code) ?? '');
+    }
+    get titleCode() {
+        return this.title ? `<title>${this.title}</title>` : '';
+    }
+    get code() {
+        if (this.content) {
+            return this.content;
+        }
+        if (this.iconSet && this.name) {
+            return this.iconSet.getIcon(this.name);
+        }
+        if (this.name && !this.iconSet?.icons[this.name])
+            console.warn(`c-icon component: icon name '${this.name}' does not exist for IconSet service. ` +
+                `To use icon by 'name' prop you need to add it to IconSet service. \n`, this.name);
+        return undefined;
+    }
+    get scale() {
+        return Array.isArray(this.code) && this.code.length > 1 ? `0 0 ${this.code[0]}` : '0 0 64 64';
+    }
+    get computedSize() {
+        const addCustom = !this.size && (this.width || this.height);
+        return this.size === 'custom' || addCustom ? 'custom-size' : this.size;
+    }
+    get computedClasses() {
+        const classes = {
+            icon: true,
+            [`icon-${this.computedSize}`]: !!this.computedSize
+        };
+        return !!this.customClasses ? this.customClasses : classes;
+    }
+    toCamelCase(str) {
+        return str.replace(/([-_][a-z0-9])/ig, ($1) => {
+            return $1.toUpperCase().replace('-', '');
+        });
+    }
+}
+IconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconSetService }], target: i0.ɵɵFactoryTarget.Directive });
+IconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: IconDirective, selector: "svg[cIcon]", inputs: { content: ["cIcon", "content"], size: "size", title: "title", customClasses: "customClasses", width: "width", height: "height", name: "name", viewBox: "viewBox", xmlns: "xmlns", pointerEvents: ["pointer-events", "pointerEvents"], role: "role" }, host: { properties: { "attr.viewBox": "this.viewBox", "attr.xmlns": "this.xmlns", "attr.pointer-events": "this.pointerEvents", "attr.role": "this.role", "class": "this.hostClasses", "innerHtml": "this.innerHtml" } }, exportAs: ["cIcon"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'svg[cIcon]',
+                    exportAs: 'cIcon'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: IconSetService }]; }, propDecorators: { content: [{
+                type: Input,
+                args: ['cIcon']
+            }], size: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], viewBox: [{
+                type: HostBinding,
+                args: ['attr.viewBox']
+            }, {
+                type: Input
+            }], xmlns: [{
+                type: HostBinding,
+                args: ['attr.xmlns']
+            }, {
+                type: Input
+            }], pointerEvents: [{
+                type: HostBinding,
+                args: ['attr.pointer-events']
+            }, {
+                type: Input,
+                args: ['pointer-events']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }, {
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], innerHtml: [{
+                type: HostBinding,
+                args: ['innerHtml']
+            }] } });
+
+class HtmlAttributesDirective {
+    constructor(renderer, el) {
+        this.renderer = renderer;
+        this.el = el;
+    }
+    ngOnInit() {
+        const attribs = this.cHtmlAttr;
+        for (const attr in attribs) {
+            if (attr === 'style' && typeof (attribs[attr]) === 'object') {
+                this.setStyle(attribs[attr]);
+            }
+            else if (attr === 'class') {
+                this.addClass(attribs[attr]);
+            }
+            else {
+                this.setAttrib(attr, attribs[attr]);
+            }
+        }
+    }
+    setStyle(styles) {
+        // tslint:disable-next-line:forin
+        for (const style in styles) {
+            this.renderer.setStyle(this.el.nativeElement, style, styles[style]);
+        }
+    }
+    addClass(classes) {
+        const classArray = (Array.isArray(classes) ? classes : classes.split(' '));
+        classArray.filter((element) => element.length > 0).forEach(element => {
+            this.renderer.addClass(this.el.nativeElement, element);
+        });
+    }
+    setAttrib(key, value) {
+        value !== null ?
+            this.renderer.setAttribute(this.el.nativeElement, key, value) :
+            this.renderer.removeAttribute(this.el.nativeElement, key);
+    }
+}
+HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: HtmlAttributesDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+HtmlAttributesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: HtmlAttributesDirective, selector: "[cHtmlAttr]", inputs: { cHtmlAttr: "cHtmlAttr" }, exportAs: ["cHtmlAttr"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: HtmlAttributesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cHtmlAttr]',
+                    exportAs: 'cHtmlAttr'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { cHtmlAttr: [{
+                type: Input
+            }] } });
+
+class IconComponent {
+    constructor(renderer, elementRef, sanitizer, iconSet) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.sanitizer = sanitizer;
+        this.iconSet = iconSet;
+        this.attributes = { role: 'img' };
+        this.size = '';
+        this.use = '';
+        this.customClasses = '';
+        this.renderer.setStyle(this.elementRef.nativeElement, 'display', 'none');
+    }
+    set name(name) {
+        this._name = name.includes('-') ? this.toCamelCase(name) : name;
+    }
+    get name() {
+        return this._name;
+    }
+    set viewBox(viewBox) {
+        this._viewBox = viewBox;
+    }
+    get viewBox() {
+        return this._viewBox ?? this.scale;
+    }
+    get innerHtml() {
+        const code = Array.isArray(this.code) ? this.code[1] || this.code[0] : this.code ?? '';
+        // todo proper sanitize
+        // const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, code);
+        return this.sanitizer.bypassSecurityTrustHtml((this.titleCode + code) ?? '');
+    }
+    ngAfterViewInit() {
+        this.elementRef.nativeElement.classList.forEach((item) => {
+            this.renderer.addClass(this.svgElementRef.nativeElement, item);
+        });
+        const parentElement = this.renderer.parentNode(this.elementRef.nativeElement);
+        const svgElement = this.svgElementRef.nativeElement;
+        this.renderer.insertBefore(parentElement, svgElement, this.elementRef.nativeElement);
+        this.renderer.removeChild(parentElement, this.elementRef.nativeElement);
+    }
+    get titleCode() {
+        return this.title ? `<title>${this.title}</title>` : '';
+    }
+    get code() {
+        if (this.content) {
+            return this.content;
+        }
+        if (this.iconSet && this.name) {
+            return this.iconSet.getIcon(this.name);
+        }
+        if (this.name && !this.iconSet?.icons[this.name])
+            console.warn(`c-icon component: icon name '${this.name}' does not exist for IconSet service. ` +
+                `To use icon by 'name' prop you need to add it to IconSet service. \n`, this.name);
+        return undefined;
+    }
+    get scale() {
+        return Array.isArray(this.code) && this.code.length > 1 ? `0 0 ${this.code[0]}` : '0 0 64 64';
+    }
+    get computedSize() {
+        const addCustom = !this.size && (this.width || this.height);
+        return this.size === 'custom' || addCustom ? 'custom-size' : this.size;
+    }
+    get computedClasses() {
+        const classes = {
+            icon: true,
+            [`icon-${this.computedSize}`]: !!this.computedSize
+        };
+        return !!this.customClasses ? this.customClasses : classes;
+    }
+    toCamelCase(str) {
+        return str.replace(/([-_][a-z0-9])/ig, ($1) => {
+            return $1.toUpperCase().replace('-', '');
+        });
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconSetService }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: IconComponent, selector: "c-icon", inputs: { attributes: "attributes", content: "content", size: "size", title: "title", use: "use", customClasses: "customClasses", width: "width", height: "height", name: "name", viewBox: "viewBox" }, viewQueries: [{ propertyName: "svgElementRef", first: true, predicate: ["svgElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<svg *ngIf=\"(!use) && (!!code)\"\r\n     xmlns=\"http://www.w3.org/2000/svg\"\r\n     [attr.width]=\"width\"\r\n     [attr.height]=\"height || width\"\r\n     [attr.viewBox]=\"viewBox\"\r\n     [innerHtml]=\"innerHtml\"\r\n     [ngClass]=\"computedClasses\"\r\n     [cHtmlAttr]=\"attributes\"\r\n     role=\"img\"\r\n     pointer-events=\"none\"\r\n     #svgElement\r\n>\r\n</svg>\r\n\r\n<svg *ngIf=\"use\"\r\n     xmlns=\"http://www.w3.org/2000/svg\"\r\n     [attr.width]=\"width\"\r\n     [attr.height]=\"height || width\"\r\n     [ngClass]=\"computedClasses\"\r\n     [cHtmlAttr]=\"attributes\"\r\n     role=\"img\"\r\n     pointer-events=\"none\"\r\n>\r\n  <use [attr.href]=\"use\"></use>\r\n</svg>\r\n", styles: [".icon{display:inline-block;color:inherit;text-align:center;vertical-align:-.125rem;fill:currentColor}.icon:not(.icon-c-s):not(.icon-custom-size){width:1rem;height:1rem;font-size:1rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl{width:2rem;height:2rem;font-size:2rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl{width:1.5rem;height:1.5rem;font-size:1.5rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg{width:1.25rem;height:1.25rem;font-size:1.25rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm{width:.875rem;height:.875rem;font-size:.875rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl{width:3rem;height:3rem;font-size:3rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl{width:4rem;height:4rem;font-size:4rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl{width:5rem;height:5rem;font-size:5rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl{width:6rem;height:6rem;font-size:6rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl{width:7rem;height:7rem;font-size:7rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl{width:8rem;height:8rem;font-size:8rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl{width:9rem;height:9rem;font-size:9rem}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: HtmlAttributesDirective, selector: "[cHtmlAttr]", inputs: ["cHtmlAttr"], exportAs: ["cHtmlAttr"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c-icon', template: "<svg *ngIf=\"(!use) && (!!code)\"\r\n     xmlns=\"http://www.w3.org/2000/svg\"\r\n     [attr.width]=\"width\"\r\n     [attr.height]=\"height || width\"\r\n     [attr.viewBox]=\"viewBox\"\r\n     [innerHtml]=\"innerHtml\"\r\n     [ngClass]=\"computedClasses\"\r\n     [cHtmlAttr]=\"attributes\"\r\n     role=\"img\"\r\n     pointer-events=\"none\"\r\n     #svgElement\r\n>\r\n</svg>\r\n\r\n<svg *ngIf=\"use\"\r\n     xmlns=\"http://www.w3.org/2000/svg\"\r\n     [attr.width]=\"width\"\r\n     [attr.height]=\"height || width\"\r\n     [ngClass]=\"computedClasses\"\r\n     [cHtmlAttr]=\"attributes\"\r\n     role=\"img\"\r\n     pointer-events=\"none\"\r\n>\r\n  <use [attr.href]=\"use\"></use>\r\n</svg>\r\n", styles: [".icon{display:inline-block;color:inherit;text-align:center;vertical-align:-.125rem;fill:currentColor}.icon:not(.icon-c-s):not(.icon-custom-size){width:1rem;height:1rem;font-size:1rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl{width:2rem;height:2rem;font-size:2rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl{width:1.5rem;height:1.5rem;font-size:1.5rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg{width:1.25rem;height:1.25rem;font-size:1.25rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm{width:.875rem;height:.875rem;font-size:.875rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl{width:3rem;height:3rem;font-size:3rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl{width:4rem;height:4rem;font-size:4rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl{width:5rem;height:5rem;font-size:5rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl{width:6rem;height:6rem;font-size:6rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl{width:7rem;height:7rem;font-size:7rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl{width:8rem;height:8rem;font-size:8rem}.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl{width:9rem;height:9rem;font-size:9rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: IconSetService }]; }, propDecorators: { attributes: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], use: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], viewBox: [{
+                type: Input
+            }], svgElementRef: [{
+                type: ViewChild,
+                args: ['svgElement', { read: ElementRef }]
+            }] } });
+
+class IconModule {
+}
+IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconModule, declarations: [IconComponent,
+        HtmlAttributesDirective,
+        IconDirective], imports: [CommonModule], exports: [IconComponent,
+        IconDirective] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: IconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        IconComponent,
+                        HtmlAttributesDirective,
+                        IconDirective
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        IconComponent,
+                        IconDirective
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of @coreui/icons-angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, IconDirective, IconModule, IconSetModule, IconSetService };
+//# sourceMappingURL=coreui-icons-angular.mjs.map

package/fesm2020/coreui-icons-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreui-icons-angular.mjs","sources":["../../../projects/coreui-icons-angular/src/lib/icon-set/icon-set.service.ts","../../../projects/coreui-icons-angular/src/lib/icon-set/icon-set.module.ts","../../../projects/coreui-icons-angular/src/lib/icon/icon.directive.ts","../../../projects/coreui-icons-angular/src/lib/shared/html-attr.directive.ts","../../../projects/coreui-icons-angular/src/lib/icon/icon.component.ts","../../../projects/coreui-icons-angular/src/lib/icon/icon.component.svg","../../../projects/coreui-icons-angular/src/lib/icon/icon.module.ts","../../../projects/coreui-icons-angular/src/public-api.ts","../../../projects/coreui-icons-angular/src/coreui-icons-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\nexport interface IIconSet {\r\n  [iconName: string]: string[];\r\n}\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class IconSetService {\r\n\r\n  constructor() {}\r\n\r\n  public get iconNames() {\r\n    return this._iconNames;\r\n  };\r\n  private _iconNames: { [key: string]: string } = {};\r\n\r\n  get icons(): IIconSet {\r\n    return this._icons;\r\n  }\r\n  set icons(iconSet) {\r\n    for (const iconsKey in iconSet) {\r\n      this._iconNames[iconsKey] = iconsKey;\r\n    }\r\n    this._icons = iconSet;\r\n  }\r\n  private _icons: IIconSet = {};\r\n\r\n  public getIcon(name: string): string[] {\r\n    const icon = this.icons[name];\r\n    if (!icon) {\r\n      console.warn(`CoreUI WARN: Icon ${name} is not registered in IconService`);\r\n    }\r\n    return this.icons[name];\r\n  }\r\n}\r\n","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { IconSetService } from './icon-set.service';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  providers: [\r\n    IconSetService\r\n  ]\r\n})\r\nexport class IconSetModule {\r\n  constructor(@Optional() @SkipSelf() parentModule?: IconSetModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'CoreUI IconSetModule is already loaded. Import it in the AppModule only');\r\n    }\r\n  }\r\n\r\n  static forRoot(): ModuleWithProviders<IconSetModule> {\r\n    return {\r\n      ngModule: IconSetModule,\r\n      providers: [\r\n        { provide: IconSetService }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","import { Directive, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { IconSetService } from '../icon-set';\n\nimport { IconSize, IIcon } from './icon.interface';\n\n@Directive({\n  selector: 'svg[cIcon]',\n  exportAs: 'cIcon'\n})\nexport class IconDirective implements IIcon {\n\n  @Input('cIcon') content?: string | string[] | any[];\n  @Input() size: IconSize = '';\n  @Input() title?: string;\n  @Input() customClasses?: string | string[] | Set<string> | { [klass: string]: any };\n  @Input() width?: string;\n  @Input() height?: string;\n\n  @Input()\n  set name(name: string) {\n    this._name = name?.includes('-') ? this.toCamelCase(name) : name;\n  }\n  get name(): string {\n    return this._name;\n  }\n  private _name!: string;\n\n  @HostBinding('attr.viewBox')\n  @Input()\n  set viewBox(viewBox: string) {\n    this._viewBox = viewBox;\n  }\n  get viewBox(): string {\n    return this._viewBox ?? this.scale;\n  }\n  private _viewBox!: string;\n\n  @HostBinding('attr.xmlns')\n  @Input() xmlns = 'http://www.w3.org/2000/svg';\n\n  @HostBinding('attr.pointer-events')\n  @Input('pointer-events') pointerEvents = 'none';\n\n  @HostBinding('attr.role')\n  @Input() role = 'img';\n\n  @HostBinding('class')\n  get hostClasses() {\n    const classes = {\n      icon: true,\n      [`icon-${this.computedSize}`]: !!this.computedSize\n    };\n    return this.customClasses ?? classes;\n  }\n\n  @HostBinding('innerHtml')\n  get innerHtml() {\n    const code = Array.isArray(this.code) ? this.code[1] || this.code[0] : this.code ?? '';\n    // todo proper sanitize\n    // const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, code);\n    return this.sanitizer.bypassSecurityTrustHtml((this.titleCode + code) ?? '');\n  }\n\n  constructor(\n    private renderer: Renderer2,\n    private elementRef: ElementRef,\n    private sanitizer: DomSanitizer,\n    private iconSet: IconSetService\n  ) { }\n\n  get titleCode(): string {\n    return this.title ? `<title>${this.title}</title>` : '';\n  }\n\n  get code(): string | string[] | undefined {\n    if (this.content) {\n      return this.content;\n    }\n    if (this.iconSet && this.name) {\n      return this.iconSet.getIcon(this.name);\n    }\n    if (this.name && !this.iconSet?.icons[this.name])\n      console.warn(`c-icon component: icon name '${this.name}' does not exist for IconSet service. ` +\n        `To use icon by 'name' prop you need to add it to IconSet service. \\n`,\n        this.name\n      );\n    return undefined;\n  }\n\n  get scale(): string {\n    return Array.isArray(this.code) && this.code.length > 1 ? `0 0 ${this.code[0]}` : '0 0 64 64';\n  }\n\n  get computedSize(): Exclude<IconSize, 'custom'> | undefined {\n    const addCustom = !this.size && (this.width || this.height);\n    return this.size === 'custom' || addCustom ? 'custom-size' : this.size;\n  }\n\n  get computedClasses(): any {\n    const classes = {\n      icon: true,\n      [`icon-${this.computedSize}`]: !!this.computedSize\n    };\n    return !!this.customClasses ? this.customClasses : classes;\n  }\n\n  toCamelCase(str: string): any {\n    return str.replace(/([-_][a-z0-9])/ig, ($1: string) => {\n      return $1.toUpperCase().replace('-', '');\n    });\n  }\n}\n","import { Directive, ElementRef, Input, OnInit, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[cHtmlAttr]',\r\n  exportAs: 'cHtmlAttr'\r\n})\r\nexport class HtmlAttributesDirective implements OnInit {\r\n\r\n  @Input() cHtmlAttr?: { [key: string]: any };\r\n\r\n  constructor(\r\n    private renderer: Renderer2,\r\n    private el: ElementRef\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    const attribs = this.cHtmlAttr;\r\n    for (const attr in attribs) {\r\n      if (attr === 'style' && typeof (attribs[attr]) === 'object') {\r\n        this.setStyle(attribs[attr]);\r\n      } else if (attr === 'class') {\r\n        this.addClass(attribs[attr]);\r\n      } else {\r\n        this.setAttrib(attr, attribs[attr]);\r\n      }\r\n    }\r\n  }\r\n\r\n  private setStyle(styles: any): void {\r\n    // tslint:disable-next-line:forin\r\n    for (const style in styles) {\r\n      this.renderer.setStyle(this.el.nativeElement, style, styles[style]);\r\n    }\r\n  }\r\n\r\n  private addClass(classes: string | string[]): void {\r\n    const classArray = (Array.isArray(classes) ? classes : classes.split(' '));\r\n    classArray.filter((element) => element.length > 0).forEach(element => {\r\n      this.renderer.addClass(this.el.nativeElement, element);\r\n    });\r\n  }\r\n\r\n  private setAttrib(key: string, value: string | null): void {\r\n    value !== null ?\r\n      this.renderer.setAttribute(this.el.nativeElement, key, value) :\r\n      this.renderer.removeAttribute(this.el.nativeElement, key);\r\n  }\r\n}\r\n","import { AfterViewInit, Component, ElementRef, Input, Renderer2, ViewChild } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { IconSetService } from '../icon-set/icon-set.service';\r\nimport { IconSize, IIcon } from './icon.interface';\r\n\r\n@Component({\r\n  selector: 'c-icon',\r\n  templateUrl: './icon.component.svg',\r\n  styleUrls: ['./icon.component.scss']\r\n})\r\nexport class IconComponent implements IIcon, AfterViewInit {\r\n\r\n  @Input() attributes: any = {role: 'img'};\r\n  @Input() content?: string | string[] | any[];\r\n  @Input() size: IconSize = '';\r\n  @Input() title?: string;\r\n  @Input() use = '';\r\n  @Input() customClasses?: string | string[] | Set<string> | { [klass: string]: any } = '';\r\n  @Input() width?: string;\r\n  @Input() height?: string;\r\n\r\n  @Input()\r\n  set name(name: string) {\r\n    this._name = name.includes('-') ? this.toCamelCase(name) : name;\r\n  }\r\n  get name(): string {\r\n    return this._name;\r\n  }\r\n  private _name!: string;\r\n\r\n  @Input()\r\n  set viewBox(viewBox: string) {\r\n    this._viewBox = viewBox;\r\n  }\r\n  get viewBox(): string {\r\n    return this._viewBox ?? this.scale;\r\n  }\r\n  private _viewBox!: string;\r\n\r\n  @ViewChild('svgElement', {read: ElementRef}) svgElementRef!: ElementRef;\r\n\r\n  get innerHtml(): SafeHtml {\r\n    const code = Array.isArray(this.code) ? this.code[1] || this.code[0] : this.code ?? '';\r\n    // todo proper sanitize\r\n    // const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, code);\r\n    return this.sanitizer.bypassSecurityTrustHtml((this.titleCode + code) ?? '');\r\n  }\r\n\r\n  constructor(\r\n    private renderer: Renderer2,\r\n    private elementRef: ElementRef,\r\n    private sanitizer: DomSanitizer,\r\n    private iconSet: IconSetService\r\n  ) {\r\n    this.renderer.setStyle(this.elementRef.nativeElement, 'display', 'none');\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.elementRef.nativeElement.classList.forEach((item: string) => {\r\n      this.renderer.addClass(this.svgElementRef.nativeElement, item);\r\n    });\r\n    const parentElement = this.renderer.parentNode(this.elementRef.nativeElement);\r\n    const svgElement = this.svgElementRef.nativeElement;\r\n    this.renderer.insertBefore(parentElement, svgElement, this.elementRef.nativeElement);\r\n    this.renderer.removeChild(parentElement, this.elementRef.nativeElement);\r\n  }\r\n\r\n  get titleCode(): string {\r\n    return this.title ? `<title>${this.title}</title>` : '';\r\n  }\r\n\r\n  get code(): string | string[] | undefined {\r\n    if (this.content) {\r\n      return this.content;\r\n    }\r\n    if (this.iconSet && this.name) {\r\n      return this.iconSet.getIcon(this.name);\r\n    }\r\n    if (this.name && !this.iconSet?.icons[this.name])\r\n    console.warn(`c-icon component: icon name '${this.name}' does not exist for IconSet service. ` +\r\n      `To use icon by 'name' prop you need to add it to IconSet service. \\n`,\r\n      this.name\r\n    );\r\n    return undefined;\r\n  }\r\n\r\n  get scale(): string {\r\n    return Array.isArray(this.code) && this.code.length > 1 ? `0 0 ${this.code[0]}` : '0 0 64 64';\r\n  }\r\n\r\n  get computedSize(): Exclude<IconSize, 'custom'> | undefined {\r\n    const addCustom = !this.size && (this.width || this.height);\r\n    return this.size === 'custom' || addCustom ? 'custom-size' : this.size;\r\n  }\r\n\r\n  get computedClasses(): any {\r\n    const classes = {\r\n      icon: true,\r\n      [`icon-${this.computedSize}`]: !!this.computedSize\r\n    };\r\n    return !!this.customClasses ? this.customClasses : classes;\r\n  }\r\n\r\n  toCamelCase(str: string): any {\r\n    return str.replace(/([-_][a-z0-9])/ig, ($1: string) => {\r\n      return $1.toUpperCase().replace('-', '');\r\n    });\r\n  }\r\n}\r\n","<svg *ngIf=\"(!use) && (!!code)\"\r\n     xmlns=\"http://www.w3.org/2000/svg\"\r\n     [attr.width]=\"width\"\r\n     [attr.height]=\"height || width\"\r\n     [attr.viewBox]=\"viewBox\"\r\n     [innerHtml]=\"innerHtml\"\r\n     [ngClass]=\"computedClasses\"\r\n     [cHtmlAttr]=\"attributes\"\r\n     role=\"img\"\r\n     pointer-events=\"none\"\r\n     #svgElement\r\n>\r\n</svg>\r\n\r\n<svg *ngIf=\"use\"\r\n     xmlns=\"http://www.w3.org/2000/svg\"\r\n     [attr.width]=\"width\"\r\n     [attr.height]=\"height || width\"\r\n     [ngClass]=\"computedClasses\"\r\n     [cHtmlAttr]=\"attributes\"\r\n     role=\"img\"\r\n     pointer-events=\"none\"\r\n>\r\n  <use [attr.href]=\"use\"></use>\r\n</svg>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { IconComponent } from './icon.component';\r\nimport { IconDirective } from './icon.directive';\r\nimport { HtmlAttributesDirective } from '../shared/html-attr.directive';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    IconComponent,\r\n    HtmlAttributesDirective,\r\n    IconDirective\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n  ],\r\n  exports: [\r\n    IconComponent,\r\n    IconDirective\r\n  ],\r\n})\r\nexport class IconModule {\r\n}\r\n","/*\n * Public API Surface of @coreui/icons-angular\n */\nexport { IconDirective } from './lib/icon/icon.directive';\nexport { IconComponent } from './lib/icon/icon.component';\nexport { IconModule } from './lib/icon/icon.module';\nexport { IconSetService, IIconSet } from './lib/icon-set/icon-set.service';\nexport { IconSetModule } from './lib/icon-set/icon-set.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/icon/icon.component.d.ts

@@ -1,34 +1,39 @@
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { IconSetService } from '../icon-set/icon-set.service';
+import { IconSize, IIcon } from './icon.interface';
 import * as i0 from "@angular/core";
-export declare class IconComponent {
+export declare class IconComponent implements IIcon, AfterViewInit {
+    private renderer;
+    private elementRef;
     private sanitizer;
     private iconSet;
     attributes: any;
-    content?: string | string[];
-    size: 'custom' | 'custom-size' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '';
-    src?: string;
+    content?: string | string[] | any[];
+    size: IconSize;
     title?: string;
     use: string;
-    customClasses: string | string[] | Set<string> | {
+    customClasses?: string | string[] | Set<string> | {
         [klass: string]: any;
     };
     width?: string;
     height?: string;
-    constructor(sanitizer: DomSanitizer, iconSet: IconSetService);
-    private _name;
-    get name(): string;
     set name(name: string);
-    private _viewBox;
-    get viewBox(): string;
+    get name(): string;
+    private _name;
     set viewBox(viewBox: string);
+    get viewBox(): string;
+    private _viewBox;
+    svgElementRef: ElementRef;
+    get innerHtml(): SafeHtml;
+    constructor(renderer: Renderer2, elementRef: ElementRef, sanitizer: DomSanitizer, iconSet: IconSetService);
+    ngAfterViewInit(): void;
     get titleCode(): string;
-    get code(): string[] | undefined | string;
-    get iconCode(): SafeHtml;
+    get code(): string | string[] | undefined;
     get scale(): string;
-    get computedSize(): 'custom-size' | 'sm' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '';
+    get computedSize(): Exclude<IconSize, 'custom'> | undefined;
     get computedClasses(): any;
     toCamelCase(str: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "c-icon", never, { "attributes": "attributes"; "content": "content"; "size": "size"; "src": "src"; "title": "title"; "use": "use"; "customClasses": "customClasses"; "width": "width"; "height": "height"; "name": "name"; "viewBox": "viewBox"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "c-icon", never, { "attributes": "attributes"; "content": "content"; "size": "size"; "title": "title"; "use": "use"; "customClasses": "customClasses"; "width": "width"; "height": "height"; "name": "name"; "viewBox": "viewBox"; }, {}, never, never>;
 }

package/lib/icon/icon.directive.d.ts

@@ -0,0 +1,41 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { IconSetService } from '../icon-set';
+import { IconSize, IIcon } from './icon.interface';
+import * as i0 from "@angular/core";
+export declare class IconDirective implements IIcon {
+    private renderer;
+    private elementRef;
+    private sanitizer;
+    private iconSet;
+    content?: string | string[] | any[];
+    size: IconSize;
+    title?: string;
+    customClasses?: string | string[] | Set<string> | {
+        [klass: string]: any;
+    };
+    width?: string;
+    height?: string;
+    set name(name: string);
+    get name(): string;
+    private _name;
+    set viewBox(viewBox: string);
+    get viewBox(): string;
+    private _viewBox;
+    xmlns: string;
+    pointerEvents: string;
+    role: string;
+    get hostClasses(): string | {
+        [klass: string]: any;
+    };
+    get innerHtml(): import("@angular/platform-browser").SafeHtml;
+    constructor(renderer: Renderer2, elementRef: ElementRef, sanitizer: DomSanitizer, iconSet: IconSetService);
+    get titleCode(): string;
+    get code(): string | string[] | undefined;
+    get scale(): string;
+    get computedSize(): Exclude<IconSize, 'custom'> | undefined;
+    get computedClasses(): any;
+    toCamelCase(str: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirective, "svg[cIcon]", ["cIcon"], { "content": "cIcon"; "size": "size"; "title": "title"; "customClasses": "customClasses"; "width": "width"; "height": "height"; "name": "name"; "viewBox": "viewBox"; "xmlns": "xmlns"; "pointerEvents": "pointer-events"; "role": "role"; }, {}, never>;
+}

package/lib/icon/icon.interface.d.ts

@@ -0,0 +1,15 @@
+export interface IIcon {
+    content?: string | string[] | any[];
+    customClasses?: string | string[] | Set<string> | {
+        [klass: string]: any;
+    };
+    height?: string;
+    name?: string;
+    pointerEvents?: string;
+    size?: IconSize;
+    title?: string;
+    viewBox?: string;
+    width?: string;
+    xmlns?: string;
+}
+export declare type IconSize = 'custom' | 'custom-size' | 'sm' | 'lg' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | string;

package/lib/icon/icon.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
 import * as i2 from "../shared/html-attr.directive";
-import * as i3 from "@angular/common";
+import * as i3 from "./icon.directive";
+import * as i4 from "@angular/common";
 export declare class IconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof i1.IconComponent, typeof i2.HtmlAttributesDirective], [typeof i3.CommonModule], [typeof i1.IconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof i1.IconComponent, typeof i2.HtmlAttributesDirective, typeof i3.IconDirective], [typeof i4.CommonModule], [typeof i1.IconComponent, typeof i3.IconDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
 }

package/lib/icon-set/icon-set.service.d.ts

@@ -4,9 +4,13 @@ export interface IIconSet {
 }
 export declare class IconSetService {
     constructor();
-    private _icons;
+    get iconNames(): {
+        [key: string]: string;
+    };
+    private _iconNames;
     get icons(): IIconSet;
     set icons(iconSet: IIconSet);
+    private _icons;
     getIcon(name: string): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<IconSetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IconSetService>;

package/lib/icon-set/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/lib/icon-set/public_api.d.ts

@@ -0,0 +1,2 @@
+export { IconSetService, IIconSet } from './icon-set.service';
+export { IconSetModule } from './icon-set.module';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/icons-angular",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.4",
   "description": "CoreUI Icons Angular component and service",
   "copyright": "Copyright 2021 creativeLabs Łukasz Holeczek",
   "license": "MIT",
@@ -25,8 +25,8 @@
     "url": "https://github.com/coreui/coreui-icons-angular/issues"
   },
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -42,11 +42,24 @@
     "component",
     "angular"
   ],
-  "main": "bundles/coreui-icons-angular.umd.js",
-  "module": "fesm2015/coreui-icons-angular.js",
-  "es2015": "fesm2015/coreui-icons-angular.js",
-  "esm2015": "esm2015/coreui-icons-angular.js",
-  "fesm2015": "fesm2015/coreui-icons-angular.js",
+  "module": "fesm2015/coreui-icons-angular.mjs",
+  "es2020": "fesm2020/coreui-icons-angular.mjs",
+  "esm2020": "esm2020/coreui-icons-angular.mjs",
+  "fesm2020": "fesm2020/coreui-icons-angular.mjs",
+  "fesm2015": "fesm2015/coreui-icons-angular.mjs",
   "typings": "coreui-icons-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./coreui-icons-angular.d.ts",
+      "esm2020": "./esm2020/coreui-icons-angular.mjs",
+      "es2020": "./fesm2020/coreui-icons-angular.mjs",
+      "es2015": "./fesm2015/coreui-icons-angular.mjs",
+      "node": "./fesm2015/coreui-icons-angular.mjs",
+      "default": "./fesm2020/coreui-icons-angular.mjs"
+    }
+  },
   "sideEffects": false
 }