@ng-icons/core 13.1.1 → 13.1.2

package/README.md

@@ -1,3 +1,6 @@
+
+<img width="847" alt="logo" src="https://user-images.githubusercontent.com/20795331/142078474-da890691-b524-4144-9640-2f7f9da3a3a3.png">
+ 
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.

package/esm2020/index.mjs

@@ -1,4 +1,3 @@
 export * from './lib/icon.component';
 export * from './lib/icon.module';
-export * from './lib/icon.token';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24udG9rZW4nO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLm1vZHVsZSc7XG4iXX0=

package/esm2020/lib/icon.component.mjs

@@ -1,14 +1,15 @@
-import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, } from '@angular/core';
-import { IconsToken } from './icon.token';
+import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { toUpperCamelCase } from './utils/format';
+import { IconService } from './icon.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
+import * as i2 from "./icon.service";
 export class IconComponent {
-    constructor(elementRef, sanitizer, icons) {
+    constructor(elementRef, sanitizer, iconService) {
         this.elementRef = elementRef;
         this.sanitizer = sanitizer;
-        this.icons = icons;
+        this.iconService = iconService;
         /** Define the size of the icon */
         this.size = '1em';
     }
@@ -16,23 +17,20 @@ export class IconComponent {
     set name(name) {
         name = toUpperCamelCase(name);
         // if there is no icon with this name warn the user as they probably forgot to import it
-        if (!this.icons.hasOwnProperty(name)) {
+        if (!this.iconService.icons.hasOwnProperty(name)) {
             console.warn(`No icon named ${name} was found. You may need to import it using the withIcons function.`);
             return;
         }
         // insert the SVG into the template
-        this.template = this.sanitizer.bypassSecurityTrustHtml(this.icons[name]);
+        this.template = this.sanitizer.bypassSecurityTrustHtml(this.iconService.icons[name]);
     }
 }
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconsToken }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: i2.IconService }], target: i0.ɵɵFactoryTarget.Component });
 IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: IconComponent, selector: "ng-icon", inputs: { name: "name", size: "size", strokeWidth: "strokeWidth", color: "color" }, host: { properties: { "innerHTML": "this.template", "style.--ng-icon__size": "this.size", "style.--ng-icon__stroke-width": "this.strokeWidth", "style.color": "this.color" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-block;width:var(--ng-icon__size);height:var(--ng-icon__size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;width:var(--ng-icon__size);height:var(--ng-icon__size)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [IconsToken]
-                }] }]; }, propDecorators: { name: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: i2.IconService }]; }, propDecorators: { name: [{
                 type: Input
             }], template: [{
                 type: HostBinding,
@@ -53,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             }, {
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9saWIvaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFRbEQsTUFBTSxPQUFPLGFBQWE7SUFtQ3hCLFlBQ21CLFVBQW1DLEVBQ25DLFNBQXVCLEVBQ0gsS0FBNkI7UUFGakQsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDbkMsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUNILFVBQUssR0FBTCxLQUFLLENBQXdCO1FBbEJwRSxrQ0FBa0M7UUFHbEMsU0FBSSxHQUFXLEtBQUssQ0FBQztJQWdCbEIsQ0FBQztJQXRDSiw2Q0FBNkM7SUFDN0MsSUFBYSxJQUFJLENBQUMsSUFBWTtRQUM1QixJQUFJLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFOUIsd0ZBQXdGO1FBQ3hGLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNwQyxPQUFPLENBQUMsSUFBSSxDQUNWLGlCQUFpQixJQUFJLHFFQUFxRSxDQUMzRixDQUFDO1lBQ0YsT0FBTztTQUNSO1FBRUQsbUNBQW1DO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDM0UsQ0FBQzs7MEdBZlUsYUFBYSx3RUFzQ2QsVUFBVTs4RkF0Q1QsYUFBYSxtVEFKZCxFQUFFOzJGQUlELGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsU0FBUyxZQUNULEVBQUUsbUJBRUssdUJBQXVCLENBQUMsTUFBTTs7MEJBd0M1QyxNQUFNOzJCQUFDLFVBQVU7NENBcENQLElBQUk7c0JBQWhCLEtBQUs7Z0JBZ0JvQixRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLFdBQVc7Z0JBS3hCLElBQUk7c0JBRkgsV0FBVzt1QkFBQyx1QkFBdUI7O3NCQUNuQyxLQUFLO2dCQU1OLFdBQVc7c0JBRlYsV0FBVzt1QkFBQywrQkFBK0I7O3NCQUMzQyxLQUFLO2dCQU1OLEtBQUs7c0JBRkosV0FBVzt1QkFBQyxhQUFhOztzQkFDekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3QsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zVG9rZW4gfSBmcm9tICcuL2ljb24udG9rZW4nO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgdG9VcHBlckNhbWVsQ2FzZSB9IGZyb20gJy4vdXRpbHMvZm9ybWF0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctaWNvbicsXG4gIHRlbXBsYXRlOiAnJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCB7XG4gIC8qKiBEZWZpbmUgdGhlIG5hbWUgb2YgdGhlIGljb24gdG8gZGlzcGxheSAqL1xuICBASW5wdXQoKSBzZXQgbmFtZShuYW1lOiBzdHJpbmcpIHtcbiAgICBuYW1lID0gdG9VcHBlckNhbWVsQ2FzZShuYW1lKTtcblxuICAgIC8vIGlmIHRoZXJlIGlzIG5vIGljb24gd2l0aCB0aGlzIG5hbWUgd2FybiB0aGUgdXNlciBhcyB0aGV5IHByb2JhYmx5IGZvcmdvdCB0byBpbXBvcnQgaXRcbiAgICBpZiAoIXRoaXMuaWNvbnMuaGFzT3duUHJvcGVydHkobmFtZSkpIHtcbiAgICAgIGNvbnNvbGUud2FybihcbiAgICAgICAgYE5vIGljb24gbmFtZWQgJHtuYW1lfSB3YXMgZm91bmQuIFlvdSBtYXkgbmVlZCB0byBpbXBvcnQgaXQgdXNpbmcgdGhlIHdpdGhJY29ucyBmdW5jdGlvbi5gLFxuICAgICAgKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBpbnNlcnQgdGhlIFNWRyBpbnRvIHRoZSB0ZW1wbGF0ZVxuICAgIHRoaXMudGVtcGxhdGUgPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbCh0aGlzLmljb25zW25hbWVdKTtcbiAgfVxuXG4gIC8qKiBTdG9yZSB0aGUgZm9ybWF0dGVkIGljb24gbmFtZSAqL1xuICBASG9zdEJpbmRpbmcoJ2lubmVySFRNTCcpIHRlbXBsYXRlPzogU2FmZUh0bWw7XG5cbiAgLyoqIERlZmluZSB0aGUgc2l6ZSBvZiB0aGUgaWNvbiAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tbmctaWNvbl9fc2l6ZScpXG4gIEBJbnB1dCgpXG4gIHNpemU6IHN0cmluZyA9ICcxZW0nO1xuXG4gIC8qKiBEZWZpbmUgdGhlIHN0cm9rZS13aWR0aCBvZiB0aGUgaWNvbiAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tbmctaWNvbl9fc3Ryb2tlLXdpZHRoJylcbiAgQElucHV0KClcbiAgc3Ryb2tlV2lkdGg/OiBzdHJpbmcgfCBudW1iZXI7XG5cbiAgLyoqIERlZmluZSB0aGUgY29sb3Igb2YgdGhlIGljb24gKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5jb2xvcicpXG4gIEBJbnB1dCgpXG4gIGNvbG9yPzogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICBASW5qZWN0KEljb25zVG9rZW4pIHByaXZhdGUgcmVhZG9ubHkgaWNvbnM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4gICkge31cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9saWIvaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVE3QyxNQUFNLE9BQU8sYUFBYTtJQXFDeEIsWUFDbUIsVUFBbUMsRUFDbkMsU0FBdUIsRUFDdkIsV0FBd0I7UUFGeEIsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDbkMsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUN2QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQWxCM0Msa0NBQWtDO1FBR2xDLFNBQUksR0FBVyxLQUFLLENBQUM7SUFnQmxCLENBQUM7SUF4Q0osNkNBQTZDO0lBQzdDLElBQWEsSUFBSSxDQUFDLElBQVk7UUFDNUIsSUFBSSxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTlCLHdGQUF3RjtRQUN4RixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2hELE9BQU8sQ0FBQyxJQUFJLENBQ1YsaUJBQWlCLElBQUkscUVBQXFFLENBQzNGLENBQUM7WUFDRixPQUFPO1NBQ1I7UUFFRCxtQ0FBbUM7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FDN0IsQ0FBQztJQUNKLENBQUM7OzBHQWpCVSxhQUFhOzhGQUFiLGFBQWEsbVRBSmQsRUFBRTsyRkFJRCxhQUFhO2tCQU56QixTQUFTOytCQUNFLFNBQVMsWUFDVCxFQUFFLG1CQUVLLHVCQUF1QixDQUFDLE1BQU07c0pBSWxDLElBQUk7c0JBQWhCLEtBQUs7Z0JBa0JvQixRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLFdBQVc7Z0JBS3hCLElBQUk7c0JBRkgsV0FBVzt1QkFBQyx1QkFBdUI7O3NCQUNuQyxLQUFLO2dCQU1OLFdBQVc7c0JBRlYsV0FBVzt1QkFBQywrQkFBK0I7O3NCQUMzQyxLQUFLO2dCQU1OLEtBQUs7c0JBRkosV0FBVzt1QkFBQyxhQUFhOztzQkFDekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyB0b1VwcGVyQ2FtZWxDYXNlIH0gZnJvbSAnLi91dGlscy9mb3JtYXQnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuL2ljb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWljb24nLFxuICB0ZW1wbGF0ZTogJycsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICAvKiogRGVmaW5lIHRoZSBuYW1lIG9mIHRoZSBpY29uIHRvIGRpc3BsYXkgKi9cbiAgQElucHV0KCkgc2V0IG5hbWUobmFtZTogc3RyaW5nKSB7XG4gICAgbmFtZSA9IHRvVXBwZXJDYW1lbENhc2UobmFtZSk7XG5cbiAgICAvLyBpZiB0aGVyZSBpcyBubyBpY29uIHdpdGggdGhpcyBuYW1lIHdhcm4gdGhlIHVzZXIgYXMgdGhleSBwcm9iYWJseSBmb3Jnb3QgdG8gaW1wb3J0IGl0XG4gICAgaWYgKCF0aGlzLmljb25TZXJ2aWNlLmljb25zLmhhc093blByb3BlcnR5KG5hbWUpKSB7XG4gICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgIGBObyBpY29uIG5hbWVkICR7bmFtZX0gd2FzIGZvdW5kLiBZb3UgbWF5IG5lZWQgdG8gaW1wb3J0IGl0IHVzaW5nIHRoZSB3aXRoSWNvbnMgZnVuY3Rpb24uYCxcbiAgICAgICk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gaW5zZXJ0IHRoZSBTVkcgaW50byB0aGUgdGVtcGxhdGVcbiAgICB0aGlzLnRlbXBsYXRlID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoXG4gICAgICB0aGlzLmljb25TZXJ2aWNlLmljb25zW25hbWVdLFxuICAgICk7XG4gIH1cblxuICAvKiogU3RvcmUgdGhlIGZvcm1hdHRlZCBpY29uIG5hbWUgKi9cbiAgQEhvc3RCaW5kaW5nKCdpbm5lckhUTUwnKSB0ZW1wbGF0ZT86IFNhZmVIdG1sO1xuXG4gIC8qKiBEZWZpbmUgdGhlIHNpemUgb2YgdGhlIGljb24gKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLW5nLWljb25fX3NpemUnKVxuICBASW5wdXQoKVxuICBzaXplOiBzdHJpbmcgPSAnMWVtJztcblxuICAvKiogRGVmaW5lIHRoZSBzdHJva2Utd2lkdGggb2YgdGhlIGljb24gKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLW5nLWljb25fX3N0cm9rZS13aWR0aCcpXG4gIEBJbnB1dCgpXG4gIHN0cm9rZVdpZHRoPzogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIC8qKiBEZWZpbmUgdGhlIGNvbG9yIG9mIHRoZSBpY29uICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUuY29sb3InKVxuICBASW5wdXQoKVxuICBjb2xvcj86IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgcHJpdmF0ZSByZWFkb25seSBpY29uU2VydmljZTogSWNvblNlcnZpY2UsXG4gICkge31cbn1cbiJdfQ==

package/esm2020/lib/icon.module.mjs

@@ -1,11 +1,12 @@
-import { Inject, NgModule, Optional, SkipSelf, } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { IconComponent } from './icon.component';
-import { IconsToken } from './icon.token';
+import { IconService } from './icon.service';
 import * as i0 from "@angular/core";
+import * as i1 from "./icon.service";
 export class NgIconsModule {
-    constructor(icons) {
-        this.icons = icons;
-        if (!this.icons) {
+    constructor(iconService) {
+        this.iconService = iconService;
+        if (Object.keys(this.iconService.icons).length === 0) {
             throw new Error('No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).');
         }
     }
@@ -15,22 +16,11 @@ export class NgIconsModule {
      * @param icons The object containing the required icons
      */
     static withIcons(icons) {
-        return {
-            ngModule: NgIconsModule,
-            providers: [
-                {
-                    provide: IconsToken,
-                    useFactory: (existingIcons = {}) => ({
-                        ...existingIcons,
-                        ...icons,
-                    }),
-                    deps: [[new Optional(), new SkipSelf(), new Inject(IconsToken)]],
-                },
-            ],
-        };
+        IconService.addIcons(icons);
+        return { ngModule: NgIconsModule };
     }
 }
-NgIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, deps: [{ token: IconsToken, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
+NgIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, deps: [{ token: i1.IconService }], target: i0.ɵɵFactoryTarget.NgModule });
 NgIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, declarations: [IconComponent], exports: [IconComponent] });
 NgIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, decorators: [{
@@ -39,10 +29,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                     declarations: [IconComponent],
                     exports: [IconComponent],
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IconsToken]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9saWIvaWNvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE1BQU0sRUFFTixRQUFRLEVBQ1IsUUFBUSxFQUNSLFFBQVEsR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFNMUMsTUFBTSxPQUFPLGFBQWE7SUFDeEIsWUFHbUIsS0FBK0I7UUFBL0IsVUFBSyxHQUFMLEtBQUssQ0FBMEI7UUFFaEQsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZixNQUFNLElBQUksS0FBSyxDQUNiLHFIQUFxSCxDQUN0SCxDQUFDO1NBQ0g7SUFDSCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILE1BQU0sQ0FBQyxTQUFTLENBQ2QsS0FBNkI7UUFFN0IsT0FBTztZQUNMLFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsVUFBVTtvQkFDbkIsVUFBVSxFQUFFLENBQUMsZ0JBQXdDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQzt3QkFDM0QsR0FBRyxhQUFhO3dCQUNoQixHQUFHLEtBQUs7cUJBQ1QsQ0FBQztvQkFDRixJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksUUFBUSxFQUFFLEVBQUUsSUFBSSxRQUFRLEVBQUUsRUFBRSxJQUFJLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO2lCQUNqRTthQUNGO1NBQ0YsQ0FBQztJQUNKLENBQUM7OzBHQWxDVSxhQUFhLGtCQUdkLFVBQVU7MkdBSFQsYUFBYSxpQkFIVCxhQUFhLGFBQ2xCLGFBQWE7MkdBRVosYUFBYTsyRkFBYixhQUFhO2tCQUp6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDN0IsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO2lCQUN6Qjs7MEJBR0ksUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5qZWN0LFxuICBNb2R1bGVXaXRoUHJvdmlkZXJzLFxuICBOZ01vZHVsZSxcbiAgT3B0aW9uYWwsXG4gIFNraXBTZWxmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IEljb25zVG9rZW4gfSBmcm9tICcuL2ljb24udG9rZW4nO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJY29uQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0ljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0ljb25zTW9kdWxlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKClcbiAgICBASW5qZWN0KEljb25zVG9rZW4pXG4gICAgcHJpdmF0ZSByZWFkb25seSBpY29uczogUmVjb3JkPHN0cmluZywgc3RyaW5nPltdLFxuICApIHtcbiAgICBpZiAoIXRoaXMuaWNvbnMpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgJ05vIGljb25zIGhhdmUgYmVlbiBwcm92aWRlZC4gRW5zdXJlIHRvIGluY2x1ZGUgc29tZSBpY29ucyBieSBpbXBvcnRpbmcgdGhlbSB1c2luZyBOZ0ljb25zTW9kdWxlLndpdGhJY29ucyh7IC4uLiB9KS4nLFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogRGVmaW5lIHRoZSBpY29ucyB0aGF0IHdpbGwgYmUgaW5jbHVkZWQgaW4gdGhlIGFwcGxpY2F0aW9uLiBUaGlzIGFsbG93cyB1bnVzZWQgaWNvbnMgdG9cbiAgICogYmUgdHJlZS1zaGFrZW4gYXdheSB0byByZWR1Y2UgYnVuZGxlIHNpemVcbiAgICogQHBhcmFtIGljb25zIFRoZSBvYmplY3QgY29udGFpbmluZyB0aGUgcmVxdWlyZWQgaWNvbnNcbiAgICovXG4gIHN0YXRpYyB3aXRoSWNvbnMoXG4gICAgaWNvbnM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4gICk6IE1vZHVsZVdpdGhQcm92aWRlcnM8TmdJY29uc01vZHVsZT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogTmdJY29uc01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgcHJvdmlkZTogSWNvbnNUb2tlbixcbiAgICAgICAgICB1c2VGYWN0b3J5OiAoZXhpc3RpbmdJY29uczogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9KSA9PiAoe1xuICAgICAgICAgICAgLi4uZXhpc3RpbmdJY29ucyxcbiAgICAgICAgICAgIC4uLmljb25zLFxuICAgICAgICAgIH0pLFxuICAgICAgICAgIGRlcHM6IFtbbmV3IE9wdGlvbmFsKCksIG5ldyBTa2lwU2VsZigpLCBuZXcgSW5qZWN0KEljb25zVG9rZW4pXV0sXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgIH07XG4gIH1cbn1cbiJdfQ==
+        }], ctorParameters: function () { return [{ type: i1.IconService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9saWIvaWNvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBTTdDLE1BQU0sT0FBTyxhQUFhO0lBQ3hCLFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQ25ELElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDcEQsTUFBTSxJQUFJLEtBQUssQ0FDYixxSEFBcUgsQ0FDdEgsQ0FBQztTQUNIO0lBQ0gsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxNQUFNLENBQUMsU0FBUyxDQUNkLEtBQTZCO1FBRTdCLFdBQVcsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFNUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzswR0FwQlUsYUFBYTsyR0FBYixhQUFhLGlCQUhULGFBQWEsYUFDbEIsYUFBYTsyR0FFWixhQUFhOzJGQUFiLGFBQWE7a0JBSnpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IEljb25TZXJ2aWNlIH0gZnJvbSAnLi9pY29uLnNlcnZpY2UnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtJY29uQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0ljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0ljb25zTW9kdWxlIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBpY29uU2VydmljZTogSWNvblNlcnZpY2UpIHtcbiAgICBpZiAoT2JqZWN0LmtleXModGhpcy5pY29uU2VydmljZS5pY29ucykubGVuZ3RoID09PSAwKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdObyBpY29ucyBoYXZlIGJlZW4gcHJvdmlkZWQuIEVuc3VyZSB0byBpbmNsdWRlIHNvbWUgaWNvbnMgYnkgaW1wb3J0aW5nIHRoZW0gdXNpbmcgTmdJY29uc01vZHVsZS53aXRoSWNvbnMoeyAuLi4gfSkuJyxcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIERlZmluZSB0aGUgaWNvbnMgdGhhdCB3aWxsIGJlIGluY2x1ZGVkIGluIHRoZSBhcHBsaWNhdGlvbi4gVGhpcyBhbGxvd3MgdW51c2VkIGljb25zIHRvXG4gICAqIGJlIHRyZWUtc2hha2VuIGF3YXkgdG8gcmVkdWNlIGJ1bmRsZSBzaXplXG4gICAqIEBwYXJhbSBpY29ucyBUaGUgb2JqZWN0IGNvbnRhaW5pbmcgdGhlIHJlcXVpcmVkIGljb25zXG4gICAqL1xuICBzdGF0aWMgd2l0aEljb25zKFxuICAgIGljb25zOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+LFxuICApOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE5nSWNvbnNNb2R1bGU+IHtcbiAgICBJY29uU2VydmljZS5hZGRJY29ucyhpY29ucyk7XG5cbiAgICByZXR1cm4geyBuZ01vZHVsZTogTmdJY29uc01vZHVsZSB9O1xuICB9XG59XG4iXX0=

package/esm2020/lib/icon.service.mjs

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class IconService {
+    /** Access the icons in the class. */
+    get icons() {
+        return IconService.icons;
+    }
+    /**
+     * Insert icons into the iconset
+     */
+    static addIcons(icons) {
+        IconService.icons = { ...IconService.icons, ...icons };
+    }
+}
+/** Store the available icons. */
+IconService.icons = {};
+IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29yZS9zcmMvbGliL2ljb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sV0FBVztJQUl0QixxQ0FBcUM7SUFDckMsSUFBSSxLQUFLO1FBQ1AsT0FBTyxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBNkI7UUFDM0MsV0FBVyxDQUFDLEtBQUssR0FBRyxFQUFFLEdBQUcsV0FBVyxDQUFDLEtBQUssRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQ3pELENBQUM7O0FBYkQsaUNBQWlDO0FBQ2xCLGlCQUFLLEdBQXFDLEVBQUcsQ0FBQTt3R0FGakQsV0FBVzs0R0FBWCxXQUFXLGNBRlYsTUFBTTsyRkFFUCxXQUFXO2tCQUh2QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEljb25TZXJ2aWNlIHtcbiAgLyoqIFN0b3JlIHRoZSBhdmFpbGFibGUgaWNvbnMuICovXG4gIHByaXZhdGUgc3RhdGljIGljb25zOiBSZWFkb25seTxSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+PiA9IHt9O1xuXG4gIC8qKiBBY2Nlc3MgdGhlIGljb25zIGluIHRoZSBjbGFzcy4gKi9cbiAgZ2V0IGljb25zKCk6IFJlYWRvbmx5PFJlY29yZDxzdHJpbmcsIHN0cmluZz4+IHtcbiAgICByZXR1cm4gSWNvblNlcnZpY2UuaWNvbnM7XG4gIH1cblxuICAvKipcbiAgICogSW5zZXJ0IGljb25zIGludG8gdGhlIGljb25zZXRcbiAgICovXG4gIHN0YXRpYyBhZGRJY29ucyhpY29uczogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IHZvaWQge1xuICAgIEljb25TZXJ2aWNlLmljb25zID0geyAuLi5JY29uU2VydmljZS5pY29ucywgLi4uaWNvbnMgfTtcbiAgfVxufVxuIl19

package/fesm2015/ng-icons-core.mjs

@@ -1,9 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Input, HostBinding, Optional, SkipSelf, NgModule } from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 
-const IconsToken = new InjectionToken('Icons');
-
 /**
  * Hyphenated to UpperCamelCase
  */
@@ -26,11 +24,34 @@ function toCapitalCase(str) {
     return str.charAt(0).toUpperCase() + str.substr(1);
 }
 
+class IconService {
+    /** Access the icons in the class. */
+    get icons() {
+        return IconService.icons;
+    }
+    /**
+     * Insert icons into the iconset
+     */
+    static addIcons(icons) {
+        IconService.icons = Object.assign(Object.assign({}, IconService.icons), icons);
+    }
+}
+/** Store the available icons. */
+IconService.icons = {};
+IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class IconComponent {
-    constructor(elementRef, sanitizer, icons) {
+    constructor(elementRef, sanitizer, iconService) {
         this.elementRef = elementRef;
         this.sanitizer = sanitizer;
-        this.icons = icons;
+        this.iconService = iconService;
         /** Define the size of the icon */
         this.size = '1em';
     }
@@ -38,25 +59,20 @@ class IconComponent {
     set name(name) {
         name = toUpperCamelCase(name);
         // if there is no icon with this name warn the user as they probably forgot to import it
-        if (!this.icons.hasOwnProperty(name)) {
+        if (!this.iconService.icons.hasOwnProperty(name)) {
             console.warn(`No icon named ${name} was found. You may need to import it using the withIcons function.`);
             return;
         }
         // insert the SVG into the template
-        this.template = this.sanitizer.bypassSecurityTrustHtml(this.icons[name]);
+        this.template = this.sanitizer.bypassSecurityTrustHtml(this.iconService.icons[name]);
     }
 }
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconsToken }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconService }], target: i0.ɵɵFactoryTarget.Component });
 IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: IconComponent, selector: "ng-icon", inputs: { name: "name", size: "size", strokeWidth: "strokeWidth", color: "color" }, host: { properties: { "innerHTML": "this.template", "style.--ng-icon__size": "this.size", "style.--ng-icon__stroke-width": "this.strokeWidth", "style.color": "this.color" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-block;width:var(--ng-icon__size);height:var(--ng-icon__size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;width:var(--ng-icon__size);height:var(--ng-icon__size)}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [IconsToken]
-                    }] }];
-    }, propDecorators: { name: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: IconService }]; }, propDecorators: { name: [{
                 type: Input
             }], template: [{
                 type: HostBinding,
@@ -79,9 +95,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             }] } });
 
 class NgIconsModule {
-    constructor(icons) {
-        this.icons = icons;
-        if (!this.icons) {
+    constructor(iconService) {
+        this.iconService = iconService;
+        if (Object.keys(this.iconService.icons).length === 0) {
             throw new Error('No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).');
         }
     }
@@ -91,19 +107,11 @@ class NgIconsModule {
      * @param icons The object containing the required icons
      */
     static withIcons(icons) {
-        return {
-            ngModule: NgIconsModule,
-            providers: [
-                {
-                    provide: IconsToken,
-                    useFactory: (existingIcons = {}) => (Object.assign(Object.assign({}, existingIcons), icons)),
-                    deps: [[new Optional(), new SkipSelf(), new Inject(IconsToken)]],
-                },
-            ],
-        };
+        IconService.addIcons(icons);
+        return { ngModule: NgIconsModule };
     }
 }
-NgIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, deps: [{ token: IconsToken, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
+NgIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.NgModule });
 NgIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, declarations: [IconComponent], exports: [IconComponent] });
 NgIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, decorators: [{
@@ -112,17 +120,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                     declarations: [IconComponent],
                     exports: [IconComponent],
                 }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [IconsToken]
-                    }] }];
-    } });
+        }], ctorParameters: function () { return [{ type: IconService }]; } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IconComponent, IconsToken, NgIconsModule };
+export { IconComponent, NgIconsModule };

package/fesm2015/ng-icons-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-icons-core.mjs","sources":["../../../../packages/core/src/lib/icon.token.ts","../../../../packages/core/src/lib/utils/format.ts","../../../../packages/core/src/lib/icon.component.ts","../../../../packages/core/src/lib/icon.module.ts","../../../../packages/core/src/ng-icons-core.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const IconsToken = new InjectionToken('Icons');\n","/**\n * Hyphenated to UpperCamelCase\n */\nexport function toUpperCamelCase(str: string): string {\n  return toCapitalCase(toPropertyName(str));\n}\n\n/**\n * Hyphenated to lowerCamelCase\n */\nexport function toPropertyName(str: string): string {\n  return str\n    .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) =>\n      chr ? chr.toUpperCase() : '',\n    )\n    .replace(/[^a-zA-Z\\d]/g, '')\n    .replace(/^([A-Z])/, m => m.toLowerCase());\n}\n\n/**\n * Capitalizes the first letter of a string\n */\nexport function toCapitalCase(str: string): string {\n  return str.charAt(0).toUpperCase() + str.substr(1);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Inject,\n  Input,\n} from '@angular/core';\nimport { IconsToken } from './icon.token';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { toUpperCamelCase } from './utils/format';\n\n@Component({\n  selector: 'ng-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  /** Define the name of the icon to display */\n  @Input() set name(name: string) {\n    name = toUpperCamelCase(name);\n\n    // if there is no icon with this name warn the user as they probably forgot to import it\n    if (!this.icons.hasOwnProperty(name)) {\n      console.warn(\n        `No icon named ${name} was found. You may need to import it using the withIcons function.`,\n      );\n      return;\n    }\n\n    // insert the SVG into the template\n    this.template = this.sanitizer.bypassSecurityTrustHtml(this.icons[name]);\n  }\n\n  /** Store the formatted icon name */\n  @HostBinding('innerHTML') template?: SafeHtml;\n\n  /** Define the size of the icon */\n  @HostBinding('style.--ng-icon__size')\n  @Input()\n  size: string = '1em';\n\n  /** Define the stroke-width of the icon */\n  @HostBinding('style.--ng-icon__stroke-width')\n  @Input()\n  strokeWidth?: string | number;\n\n  /** Define the color of the icon */\n  @HostBinding('style.color')\n  @Input()\n  color?: string;\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    private readonly sanitizer: DomSanitizer,\n    @Inject(IconsToken) private readonly icons: Record<string, string>,\n  ) {}\n}\n","import {\n  Inject,\n  ModuleWithProviders,\n  NgModule,\n  Optional,\n  SkipSelf,\n} from '@angular/core';\nimport { IconComponent } from './icon.component';\nimport { IconsToken } from './icon.token';\n\n@NgModule({\n  declarations: [IconComponent],\n  exports: [IconComponent],\n})\nexport class NgIconsModule {\n  constructor(\n    @Optional()\n    @Inject(IconsToken)\n    private readonly icons: Record<string, string>[],\n  ) {\n    if (!this.icons) {\n      throw new Error(\n        'No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).',\n      );\n    }\n  }\n\n  /**\n   * Define the icons that will be included in the application. This allows unused icons to\n   * be tree-shaken away to reduce bundle size\n   * @param icons The object containing the required icons\n   */\n  static withIcons(\n    icons: Record<string, string>,\n  ): ModuleWithProviders<NgIconsModule> {\n    return {\n      ngModule: NgIconsModule,\n      providers: [\n        {\n          provide: IconsToken,\n          useFactory: (existingIcons: Record<string, string> = {}) => ({\n            ...existingIcons,\n            ...icons,\n          }),\n          deps: [[new Optional(), new SkipSelf(), new Inject(IconsToken)]],\n        },\n      ],\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-icons-core.mjs","sources":["../../../../packages/core/src/lib/utils/format.ts","../../../../packages/core/src/lib/icon.service.ts","../../../../packages/core/src/lib/icon.component.ts","../../../../packages/core/src/lib/icon.module.ts","../../../../packages/core/src/ng-icons-core.ts"],"sourcesContent":["/**\n * Hyphenated to UpperCamelCase\n */\nexport function toUpperCamelCase(str: string): string {\n  return toCapitalCase(toPropertyName(str));\n}\n\n/**\n * Hyphenated to lowerCamelCase\n */\nexport function toPropertyName(str: string): string {\n  return str\n    .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) =>\n      chr ? chr.toUpperCase() : '',\n    )\n    .replace(/[^a-zA-Z\\d]/g, '')\n    .replace(/^([A-Z])/, m => m.toLowerCase());\n}\n\n/**\n * Capitalizes the first letter of a string\n */\nexport function toCapitalCase(str: string): string {\n  return str.charAt(0).toUpperCase() + str.substr(1);\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IconService {\n  /** Store the available icons. */\n  private static icons: Readonly<Record<string, string>> = {};\n\n  /** Access the icons in the class. */\n  get icons(): Readonly<Record<string, string>> {\n    return IconService.icons;\n  }\n\n  /**\n   * Insert icons into the iconset\n   */\n  static addIcons(icons: Record<string, string>): void {\n    IconService.icons = { ...IconService.icons, ...icons };\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { toUpperCamelCase } from './utils/format';\nimport { IconService } from './icon.service';\n\n@Component({\n  selector: 'ng-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  /** Define the name of the icon to display */\n  @Input() set name(name: string) {\n    name = toUpperCamelCase(name);\n\n    // if there is no icon with this name warn the user as they probably forgot to import it\n    if (!this.iconService.icons.hasOwnProperty(name)) {\n      console.warn(\n        `No icon named ${name} was found. You may need to import it using the withIcons function.`,\n      );\n      return;\n    }\n\n    // insert the SVG into the template\n    this.template = this.sanitizer.bypassSecurityTrustHtml(\n      this.iconService.icons[name],\n    );\n  }\n\n  /** Store the formatted icon name */\n  @HostBinding('innerHTML') template?: SafeHtml;\n\n  /** Define the size of the icon */\n  @HostBinding('style.--ng-icon__size')\n  @Input()\n  size: string = '1em';\n\n  /** Define the stroke-width of the icon */\n  @HostBinding('style.--ng-icon__stroke-width')\n  @Input()\n  strokeWidth?: string | number;\n\n  /** Define the color of the icon */\n  @HostBinding('style.color')\n  @Input()\n  color?: string;\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    private readonly sanitizer: DomSanitizer,\n    private readonly iconService: IconService,\n  ) {}\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { IconComponent } from './icon.component';\nimport { IconService } from './icon.service';\n\n@NgModule({\n  declarations: [IconComponent],\n  exports: [IconComponent],\n})\nexport class NgIconsModule {\n  constructor(private readonly iconService: IconService) {\n    if (Object.keys(this.iconService.icons).length === 0) {\n      throw new Error(\n        'No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).',\n      );\n    }\n  }\n\n  /**\n   * Define the icons that will be included in the application. This allows unused icons to\n   * be tree-shaken away to reduce bundle size\n   * @param icons The object containing the required icons\n   */\n  static withIcons(\n    icons: Record<string, string>,\n  ): ModuleWithProviders<NgIconsModule> {\n    IconService.addIcons(icons);\n\n    return { ngModule: NgIconsModule };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-icons-core.mjs

@@ -1,9 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Input, HostBinding, Optional, SkipSelf, NgModule } from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 
-const IconsToken = new InjectionToken('Icons');
-
 /**
  * Hyphenated to UpperCamelCase
  */
@@ -26,11 +24,34 @@ function toCapitalCase(str) {
     return str.charAt(0).toUpperCase() + str.substr(1);
 }
 
+class IconService {
+    /** Access the icons in the class. */
+    get icons() {
+        return IconService.icons;
+    }
+    /**
+     * Insert icons into the iconset
+     */
+    static addIcons(icons) {
+        IconService.icons = { ...IconService.icons, ...icons };
+    }
+}
+/** Store the available icons. */
+IconService.icons = {};
+IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class IconComponent {
-    constructor(elementRef, sanitizer, icons) {
+    constructor(elementRef, sanitizer, iconService) {
         this.elementRef = elementRef;
         this.sanitizer = sanitizer;
-        this.icons = icons;
+        this.iconService = iconService;
         /** Define the size of the icon */
         this.size = '1em';
     }
@@ -38,23 +59,20 @@ class IconComponent {
     set name(name) {
         name = toUpperCamelCase(name);
         // if there is no icon with this name warn the user as they probably forgot to import it
-        if (!this.icons.hasOwnProperty(name)) {
+        if (!this.iconService.icons.hasOwnProperty(name)) {
             console.warn(`No icon named ${name} was found. You may need to import it using the withIcons function.`);
             return;
         }
         // insert the SVG into the template
-        this.template = this.sanitizer.bypassSecurityTrustHtml(this.icons[name]);
+        this.template = this.sanitizer.bypassSecurityTrustHtml(this.iconService.icons[name]);
     }
 }
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconsToken }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }, { token: IconService }], target: i0.ɵɵFactoryTarget.Component });
 IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: IconComponent, selector: "ng-icon", inputs: { name: "name", size: "size", strokeWidth: "strokeWidth", color: "color" }, host: { properties: { "innerHTML": "this.template", "style.--ng-icon__size": "this.size", "style.--ng-icon__stroke-width": "this.strokeWidth", "style.color": "this.color" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-block;width:var(--ng-icon__size);height:var(--ng-icon__size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;width:var(--ng-icon__size);height:var(--ng-icon__size)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [IconsToken]
-                }] }]; }, propDecorators: { name: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DomSanitizer }, { type: IconService }]; }, propDecorators: { name: [{
                 type: Input
             }], template: [{
                 type: HostBinding,
@@ -77,9 +95,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             }] } });
 
 class NgIconsModule {
-    constructor(icons) {
-        this.icons = icons;
-        if (!this.icons) {
+    constructor(iconService) {
+        this.iconService = iconService;
+        if (Object.keys(this.iconService.icons).length === 0) {
             throw new Error('No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).');
         }
     }
@@ -89,22 +107,11 @@ class NgIconsModule {
      * @param icons The object containing the required icons
      */
     static withIcons(icons) {
-        return {
-            ngModule: NgIconsModule,
-            providers: [
-                {
-                    provide: IconsToken,
-                    useFactory: (existingIcons = {}) => ({
-                        ...existingIcons,
-                        ...icons,
-                    }),
-                    deps: [[new Optional(), new SkipSelf(), new Inject(IconsToken)]],
-                },
-            ],
-        };
+        IconService.addIcons(icons);
+        return { ngModule: NgIconsModule };
     }
 }
-NgIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, deps: [{ token: IconsToken, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
+NgIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, deps: [{ token: IconService }], target: i0.ɵɵFactoryTarget.NgModule });
 NgIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, declarations: [IconComponent], exports: [IconComponent] });
 NgIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: NgIconsModule, decorators: [{
@@ -113,15 +120,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                     declarations: [IconComponent],
                     exports: [IconComponent],
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [IconsToken]
-                }] }]; } });
+        }], ctorParameters: function () { return [{ type: IconService }]; } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IconComponent, IconsToken, NgIconsModule };
+export { IconComponent, NgIconsModule };

package/fesm2020/ng-icons-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-icons-core.mjs","sources":["../../../../packages/core/src/lib/icon.token.ts","../../../../packages/core/src/lib/utils/format.ts","../../../../packages/core/src/lib/icon.component.ts","../../../../packages/core/src/lib/icon.module.ts","../../../../packages/core/src/ng-icons-core.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const IconsToken = new InjectionToken('Icons');\n","/**\n * Hyphenated to UpperCamelCase\n */\nexport function toUpperCamelCase(str: string): string {\n  return toCapitalCase(toPropertyName(str));\n}\n\n/**\n * Hyphenated to lowerCamelCase\n */\nexport function toPropertyName(str: string): string {\n  return str\n    .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) =>\n      chr ? chr.toUpperCase() : '',\n    )\n    .replace(/[^a-zA-Z\\d]/g, '')\n    .replace(/^([A-Z])/, m => m.toLowerCase());\n}\n\n/**\n * Capitalizes the first letter of a string\n */\nexport function toCapitalCase(str: string): string {\n  return str.charAt(0).toUpperCase() + str.substr(1);\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Inject,\n  Input,\n} from '@angular/core';\nimport { IconsToken } from './icon.token';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { toUpperCamelCase } from './utils/format';\n\n@Component({\n  selector: 'ng-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  /** Define the name of the icon to display */\n  @Input() set name(name: string) {\n    name = toUpperCamelCase(name);\n\n    // if there is no icon with this name warn the user as they probably forgot to import it\n    if (!this.icons.hasOwnProperty(name)) {\n      console.warn(\n        `No icon named ${name} was found. You may need to import it using the withIcons function.`,\n      );\n      return;\n    }\n\n    // insert the SVG into the template\n    this.template = this.sanitizer.bypassSecurityTrustHtml(this.icons[name]);\n  }\n\n  /** Store the formatted icon name */\n  @HostBinding('innerHTML') template?: SafeHtml;\n\n  /** Define the size of the icon */\n  @HostBinding('style.--ng-icon__size')\n  @Input()\n  size: string = '1em';\n\n  /** Define the stroke-width of the icon */\n  @HostBinding('style.--ng-icon__stroke-width')\n  @Input()\n  strokeWidth?: string | number;\n\n  /** Define the color of the icon */\n  @HostBinding('style.color')\n  @Input()\n  color?: string;\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    private readonly sanitizer: DomSanitizer,\n    @Inject(IconsToken) private readonly icons: Record<string, string>,\n  ) {}\n}\n","import {\n  Inject,\n  ModuleWithProviders,\n  NgModule,\n  Optional,\n  SkipSelf,\n} from '@angular/core';\nimport { IconComponent } from './icon.component';\nimport { IconsToken } from './icon.token';\n\n@NgModule({\n  declarations: [IconComponent],\n  exports: [IconComponent],\n})\nexport class NgIconsModule {\n  constructor(\n    @Optional()\n    @Inject(IconsToken)\n    private readonly icons: Record<string, string>[],\n  ) {\n    if (!this.icons) {\n      throw new Error(\n        'No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).',\n      );\n    }\n  }\n\n  /**\n   * Define the icons that will be included in the application. This allows unused icons to\n   * be tree-shaken away to reduce bundle size\n   * @param icons The object containing the required icons\n   */\n  static withIcons(\n    icons: Record<string, string>,\n  ): ModuleWithProviders<NgIconsModule> {\n    return {\n      ngModule: NgIconsModule,\n      providers: [\n        {\n          provide: IconsToken,\n          useFactory: (existingIcons: Record<string, string> = {}) => ({\n            ...existingIcons,\n            ...icons,\n          }),\n          deps: [[new Optional(), new SkipSelf(), new Inject(IconsToken)]],\n        },\n      ],\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-icons-core.mjs","sources":["../../../../packages/core/src/lib/utils/format.ts","../../../../packages/core/src/lib/icon.service.ts","../../../../packages/core/src/lib/icon.component.ts","../../../../packages/core/src/lib/icon.module.ts","../../../../packages/core/src/ng-icons-core.ts"],"sourcesContent":["/**\n * Hyphenated to UpperCamelCase\n */\nexport function toUpperCamelCase(str: string): string {\n  return toCapitalCase(toPropertyName(str));\n}\n\n/**\n * Hyphenated to lowerCamelCase\n */\nexport function toPropertyName(str: string): string {\n  return str\n    .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) =>\n      chr ? chr.toUpperCase() : '',\n    )\n    .replace(/[^a-zA-Z\\d]/g, '')\n    .replace(/^([A-Z])/, m => m.toLowerCase());\n}\n\n/**\n * Capitalizes the first letter of a string\n */\nexport function toCapitalCase(str: string): string {\n  return str.charAt(0).toUpperCase() + str.substr(1);\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IconService {\n  /** Store the available icons. */\n  private static icons: Readonly<Record<string, string>> = {};\n\n  /** Access the icons in the class. */\n  get icons(): Readonly<Record<string, string>> {\n    return IconService.icons;\n  }\n\n  /**\n   * Insert icons into the iconset\n   */\n  static addIcons(icons: Record<string, string>): void {\n    IconService.icons = { ...IconService.icons, ...icons };\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { toUpperCamelCase } from './utils/format';\nimport { IconService } from './icon.service';\n\n@Component({\n  selector: 'ng-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  /** Define the name of the icon to display */\n  @Input() set name(name: string) {\n    name = toUpperCamelCase(name);\n\n    // if there is no icon with this name warn the user as they probably forgot to import it\n    if (!this.iconService.icons.hasOwnProperty(name)) {\n      console.warn(\n        `No icon named ${name} was found. You may need to import it using the withIcons function.`,\n      );\n      return;\n    }\n\n    // insert the SVG into the template\n    this.template = this.sanitizer.bypassSecurityTrustHtml(\n      this.iconService.icons[name],\n    );\n  }\n\n  /** Store the formatted icon name */\n  @HostBinding('innerHTML') template?: SafeHtml;\n\n  /** Define the size of the icon */\n  @HostBinding('style.--ng-icon__size')\n  @Input()\n  size: string = '1em';\n\n  /** Define the stroke-width of the icon */\n  @HostBinding('style.--ng-icon__stroke-width')\n  @Input()\n  strokeWidth?: string | number;\n\n  /** Define the color of the icon */\n  @HostBinding('style.color')\n  @Input()\n  color?: string;\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    private readonly sanitizer: DomSanitizer,\n    private readonly iconService: IconService,\n  ) {}\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { IconComponent } from './icon.component';\nimport { IconService } from './icon.service';\n\n@NgModule({\n  declarations: [IconComponent],\n  exports: [IconComponent],\n})\nexport class NgIconsModule {\n  constructor(private readonly iconService: IconService) {\n    if (Object.keys(this.iconService.icons).length === 0) {\n      throw new Error(\n        'No icons have been provided. Ensure to include some icons by importing them using NgIconsModule.withIcons({ ... }).',\n      );\n    }\n  }\n\n  /**\n   * Define the icons that will be included in the application. This allows unused icons to\n   * be tree-shaken away to reduce bundle size\n   * @param icons The object containing the required icons\n   */\n  static withIcons(\n    icons: Record<string, string>,\n  ): ModuleWithProviders<NgIconsModule> {\n    IconService.addIcons(icons);\n\n    return { ngModule: NgIconsModule };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;SAGgB,gBAAgB,CAAC,GAAW;IAC1C,OAAO,aAAa,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5C,CAAC;AAED;;;SAGgB,cAAc,CAAC,GAAW;IACxC,OAAO,GAAG;SACP,OAAO,CAAC,sBAAsB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,KAC1C,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,CAC7B;SACA,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;SAC3B,OAAO,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED;;;SAGgB,aAAa,CAAC,GAAW;IACvC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACrD;;MCnBa,WAAW;;IAKtB,IAAI,KAAK;QACP,OAAO,WAAW,CAAC,KAAK,CAAC;KAC1B;;;;IAKD,OAAO,QAAQ,CAAC,KAA6B;QAC3C,WAAW,CAAC,KAAK,GAAG,EAAE,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC;KACxD;;AAbD;AACe,iBAAK,GAAqC,EAAG,CAAA;wGAFjD,WAAW;4GAAX,WAAW,cAFV,MAAM;2FAEP,WAAW;kBAHvB,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;MCaY,aAAa;IAqCxB,YACmB,UAAmC,EACnC,SAAuB,EACvB,WAAwB;QAFxB,eAAU,GAAV,UAAU,CAAyB;QACnC,cAAS,GAAT,SAAS,CAAc;QACvB,gBAAW,GAAX,WAAW,CAAa;;QAf3C,SAAI,GAAW,KAAK,CAAC;KAgBjB;;IAvCJ,IAAa,IAAI,CAAC,IAAY;QAC5B,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;;QAG9B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAChD,OAAO,CAAC,IAAI,CACV,iBAAiB,IAAI,qEAAqE,CAC3F,CAAC;YACF,OAAO;SACR;;QAGD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,uBAAuB,CACpD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAC7B,CAAC;KACH;;0GAjBU,aAAa;8FAAb,aAAa,mTAJd,EAAE;2FAID,aAAa;kBANzB,SAAS;+BACE,SAAS,YACT,EAAE,mBAEK,uBAAuB,CAAC,MAAM;mJAIlC,IAAI;sBAAhB,KAAK;gBAkBoB,QAAQ;sBAAjC,WAAW;uBAAC,WAAW;gBAKxB,IAAI;sBAFH,WAAW;uBAAC,uBAAuB;;sBACnC,KAAK;gBAMN,WAAW;sBAFV,WAAW;uBAAC,+BAA+B;;sBAC3C,KAAK;gBAMN,KAAK;sBAFJ,WAAW;uBAAC,aAAa;;sBACzB,KAAK;;;MC3CK,aAAa;IACxB,YAA6B,WAAwB;QAAxB,gBAAW,GAAX,WAAW,CAAa;QACnD,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YACpD,MAAM,IAAI,KAAK,CACb,qHAAqH,CACtH,CAAC;SACH;KACF;;;;;;IAOD,OAAO,SAAS,CACd,KAA6B;QAE7B,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE5B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;KACpC;;0GApBU,aAAa;2GAAb,aAAa,iBAHT,aAAa,aAClB,aAAa;2GAEZ,aAAa;2FAAb,aAAa;kBAJzB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,aAAa,CAAC;oBAC7B,OAAO,EAAE,CAAC,aAAa,CAAC;iBACzB;;;ACPD;;;;;;"}

package/index.d.ts

@@ -1,3 +1,2 @@
 export * from './lib/icon.component';
 export * from './lib/icon.module';
-export * from './lib/icon.token';

package/lib/icon.component.d.ts

@@ -1,10 +1,11 @@
 import { ElementRef } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { IconService } from './icon.service';
 import * as i0 from "@angular/core";
 export declare class IconComponent {
     private readonly elementRef;
     private readonly sanitizer;
-    private readonly icons;
+    private readonly iconService;
     /** Define the name of the icon to display */
     set name(name: string);
     /** Store the formatted icon name */
@@ -15,7 +16,7 @@ export declare class IconComponent {
     strokeWidth?: string | number;
     /** Define the color of the icon */
     color?: string;
-    constructor(elementRef: ElementRef<HTMLElement>, sanitizer: DomSanitizer, icons: Record<string, string>);
+    constructor(elementRef: ElementRef<HTMLElement>, sanitizer: DomSanitizer, iconService: IconService);
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ng-icon", never, { "name": "name"; "size": "size"; "strokeWidth": "strokeWidth"; "color": "color"; }, {}, never, never>;
 }

package/lib/icon.module.d.ts

@@ -1,16 +1,17 @@
 import { ModuleWithProviders } from '@angular/core';
+import { IconService } from './icon.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
 export declare class NgIconsModule {
-    private readonly icons;
-    constructor(icons: Record<string, string>[]);
+    private readonly iconService;
+    constructor(iconService: IconService);
     /**
      * Define the icons that will be included in the application. This allows unused icons to
      * be tree-shaken away to reduce bundle size
      * @param icons The object containing the required icons
      */
     static withIcons(icons: Record<string, string>): ModuleWithProviders<NgIconsModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgIconsModule, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgIconsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgIconsModule, [typeof i1.IconComponent], never, [typeof i1.IconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgIconsModule>;
 }

package/lib/icon.service.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class IconService {
+    /** Store the available icons. */
+    private static icons;
+    /** Access the icons in the class. */
+    get icons(): Readonly<Record<string, string>>;
+    /**
+     * Insert icons into the iconset
+     */
+    static addIcons(icons: Record<string, string>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ng-icons/core",
-    "version": "13.1.1",
+    "version": "13.1.2",
     "license": "MIT",
     "repository": {
         "url": "https://github.com/ng-icons/ng-icons"

package/esm2020/lib/icon.token.mjs

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const IconsToken = new InjectionToken('Icons');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvcmUvc3JjL2xpYi9pY29uLnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLElBQUksY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IEljb25zVG9rZW4gPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ0ljb25zJyk7XG4iXX0=

package/lib/icon.token.d.ts

@@ -1,2 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const IconsToken: InjectionToken<unknown>;