@ng-icons/core 12.7.0 → 13.1.2

package/README.md

@@ -1,13 +1,17 @@
+
+<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.
-Containing over 7000+ icons for you to use in your projects.
+Containing over 17000+ icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
 - [Bootstrap Icons](https://icons.getbootstrap.com/)
 - [Heroicons](https://heroicons.com/)
 - [Ionicons](https://ionic.io/ionicons)
+- [Material Icons](https://fonts.google.com/icons?selected=Material+Icons)
 - [CSS.gg](https://css.gg/)
 - [Feather Icons](https://feathericons.com/)
 - [Jam Icons](https://jam-icons.com/)
@@ -18,21 +22,17 @@ Currently, we support the following libraries:
 
 Got suggestions for additional iconsets? Create an issue and we can consider adding them!
 
-## Installation
+## Supported Versions
 
-Ng Icons consists of multiple packages:
+| Angular Version | Ng Icon Version    |
+| --------------- | ------------------ |
+| 11.x.x          | 12.x.x             |
+| 12.x.x          | 13.x.x (or 12.x.x) |
+| 13.x.x          | 13.x.x             |
 
-- `@ng-icons/core` - This contains the icon component and the `NgIconsModule` that is used to register the icons you want to include in your application.
-- `@ng-icons/bootstrap-icons` - The Bootstrap iconset including both outline and solid variants.
-- `@ng-icons/heroicons` - The Heroicons iconset including both outline and solid variants.
-- `@ng-icons/ionicons` - The Ionicons iconset including both outline and solid variants.
-- `@ng-icons/css.gg` - The CSS.gg iconset.
-- `@ng-icons/feather-icons` - The Feather Icons iconset.
-- `@ng-icons/jam-icons` - The Jam Icons iconset.
-- `@ng-icons/octicons` - The Octicons iconset.
-- `@ng-icons/radix-icons` - The Radix UI iconset.
-- `@ng-icons/tabler-icons` - The Tabler iconset.
-- `@ng-icons/akar-icons` - The Akar iconset.
+> Note: Ng Icons relies on modern browser features and is designed to work on evergreen browsers. We do not support older browsers such as IE11.
+
+## Installation
 
 You must install the `@ng-icons/core` package, however you only need to install the iconset libraries you intend to use.
 
@@ -48,6 +48,25 @@ or
 yarn add @ng-icons/core @ng-icons/heroicons ...
 ```
 
+## Packages
+
+The following packages are available:
+
+| Package                     | License    |
+| --------------------------- | ---------- |
+| `@ng-icons/core`            | MIT        |
+| `@ng-icons/bootstrap-icons` | MIT        |
+| `@ng-icons/heroicons`       | MIT        |
+| `@ng-icons/ionicons`        | MIT        |
+| `@ng-icons/material-icons`  | Apache 2.0 |
+| `@ng-icons/css.gg`          | MIT        |
+| `@ng-icons/feather-icons`   | MIT        |
+| `@ng-icons/jam-icons`       | MIT        |
+| `@ng-icons/octicons`        | MIT        |
+| `@ng-icons/radix-icons`     | MIT        |
+| `@ng-icons/tabler-icons`    | MIT        |
+| `@ng-icons/akar-icons`      | MIT        |
+
 ## Usage
 
 Import the `NgIconsModule` and register the icons you wish to use:
@@ -74,7 +93,8 @@ You can then use the icon in your templates:
 <ng-icon name="feather-airplay"></ng-icon>
 ```
 
-| Name        | Type             | Description                          |
-| ----------- | ---------------- | ------------------------------------ |
-| size        | string           | Define the size of the icon.         |
-| strokeWidth | string \| number | Define the stroke-width of the icon. |
+| Name        | Type                 | Description                                                                        |
+| ----------- | -------------------- | ---------------------------------------------------------------------------------- |
+| size        | `string`             | Define the size of the icon. This defaults to the current font size.               |
+| color       | `string`             | Define the color of the icon. This defaults to the current text color.             |
+| strokeWidth | `string` \| `number` | Define the stroke-width of the icon. This only works on iconsets that use strokes. |

package/{esm2015/index.js → 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

@@ -0,0 +1,54 @@
+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, iconService) {
+        this.elementRef = elementRef;
+        this.sanitizer = sanitizer;
+        this.iconService = iconService;
+        /** Define the size of the icon */
+        this.size = '1em';
+    }
+    /** Define the name of the icon to display */
+    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.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.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: 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: i2.IconService }]; }, propDecorators: { name: [{
+                type: Input
+            }], template: [{
+                type: HostBinding,
+                args: ['innerHTML']
+            }], size: [{
+                type: HostBinding,
+                args: ['style.--ng-icon__size']
+            }, {
+                type: Input
+            }], strokeWidth: [{
+                type: HostBinding,
+                args: ['style.--ng-icon__stroke-width']
+            }, {
+                type: Input
+            }], color: [{
+                type: HostBinding,
+                args: ['style.color']
+            }, {
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb3JlL3NyYy9saWIvaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVE3QyxNQUFNLE9BQU8sYUFBYTtJQXFDeEIsWUFDbUIsVUFBbUMsRUFDbkMsU0FBdUIsRUFDdkIsV0FBd0I7UUFGeEIsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDbkMsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUN2QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQWxCM0Msa0NBQWtDO1FBR2xDLFNBQUksR0FBVyxLQUFLLENBQUM7SUFnQmxCLENBQUM7SUF4Q0osNkNBQTZDO0lBQzdDLElBQWEsSUFBSSxDQUFDLElBQVk7UUFDNUIsSUFBSSxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTlCLHdGQUF3RjtRQUN4RixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2hELE9BQU8sQ0FBQyxJQUFJLENBQ1YsaUJBQWlCLElBQUkscUVBQXFFLENBQzNGLENBQUM7WUFDRixPQUFPO1NBQ1I7UUFFRCxtQ0FBbUM7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FDN0IsQ0FBQztJQUNKLENBQUM7OzBHQWpCVSxhQUFhOzhGQUFiLGFBQWEsbVRBSmQsRUFBRTsyRkFJRCxhQUFhO2tCQU56QixTQUFTOytCQUNFLFNBQVMsWUFDVCxFQUFFLG1CQUVLLHVCQUF1QixDQUFDLE1BQU07c0pBSWxDLElBQUk7c0JBQWhCLEtBQUs7Z0JBa0JvQixRQUFRO3NCQUFqQyxXQUFXO3VCQUFDLFdBQVc7Z0JBS3hCLElBQUk7c0JBRkgsV0FBVzt1QkFBQyx1QkFBdUI7O3NCQUNuQyxLQUFLO2dCQU1OLFdBQVc7c0JBRlYsV0FBVzt1QkFBQywrQkFBK0I7O3NCQUMzQyxLQUFLO2dCQU1OLEtBQUs7c0JBRkosV0FBVzt1QkFBQyxhQUFhOztzQkFDekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyB0b1VwcGVyQ2FtZWxDYXNlIH0gZnJvbSAnLi91dGlscy9mb3JtYXQnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuL2ljb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWljb24nLFxuICB0ZW1wbGF0ZTogJycsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICAvKiogRGVmaW5lIHRoZSBuYW1lIG9mIHRoZSBpY29uIHRvIGRpc3BsYXkgKi9cbiAgQElucHV0KCkgc2V0IG5hbWUobmFtZTogc3RyaW5nKSB7XG4gICAgbmFtZSA9IHRvVXBwZXJDYW1lbENhc2UobmFtZSk7XG5cbiAgICAvLyBpZiB0aGVyZSBpcyBubyBpY29uIHdpdGggdGhpcyBuYW1lIHdhcm4gdGhlIHVzZXIgYXMgdGhleSBwcm9iYWJseSBmb3Jnb3QgdG8gaW1wb3J0IGl0XG4gICAgaWYgKCF0aGlzLmljb25TZXJ2aWNlLmljb25zLmhhc093blByb3BlcnR5KG5hbWUpKSB7XG4gICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgIGBObyBpY29uIG5hbWVkICR7bmFtZX0gd2FzIGZvdW5kLiBZb3UgbWF5IG5lZWQgdG8gaW1wb3J0IGl0IHVzaW5nIHRoZSB3aXRoSWNvbnMgZnVuY3Rpb24uYCxcbiAgICAgICk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gaW5zZXJ0IHRoZSBTVkcgaW50byB0aGUgdGVtcGxhdGVcbiAgICB0aGlzLnRlbXBsYXRlID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoXG4gICAgICB0aGlzLmljb25TZXJ2aWNlLmljb25zW25hbWVdLFxuICAgICk7XG4gIH1cblxuICAvKiogU3RvcmUgdGhlIGZvcm1hdHRlZCBpY29uIG5hbWUgKi9cbiAgQEhvc3RCaW5kaW5nKCdpbm5lckhUTUwnKSB0ZW1wbGF0ZT86IFNhZmVIdG1sO1xuXG4gIC8qKiBEZWZpbmUgdGhlIHNpemUgb2YgdGhlIGljb24gKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLW5nLWljb25fX3NpemUnKVxuICBASW5wdXQoKVxuICBzaXplOiBzdHJpbmcgPSAnMWVtJztcblxuICAvKiogRGVmaW5lIHRoZSBzdHJva2Utd2lkdGggb2YgdGhlIGljb24gKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLW5nLWljb25fX3N0cm9rZS13aWR0aCcpXG4gIEBJbnB1dCgpXG4gIHN0cm9rZVdpZHRoPzogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIC8qKiBEZWZpbmUgdGhlIGNvbG9yIG9mIHRoZSBpY29uICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUuY29sb3InKVxuICBASW5wdXQoKVxuICBjb2xvcj86IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgcHJpdmF0ZSByZWFkb25seSBpY29uU2VydmljZTogSWNvblNlcnZpY2UsXG4gICkge31cbn1cbiJdfQ==

package/esm2020/lib/icon.module.mjs

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { IconComponent } from './icon.component';
+import { IconService } from './icon.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.service";
+export class NgIconsModule {
+    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({ ... }).');
+        }
+    }
+    /**
+     * 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) {
+        IconService.addIcons(icons);
+        return { ngModule: NgIconsModule };
+    }
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IconComponent],
+                    exports: [IconComponent],
+                }]
+        }], 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/esm2020/lib/utils/format.mjs

@@ -0,0 +1,22 @@
+/**
+ * Hyphenated to UpperCamelCase
+ */
+export function toUpperCamelCase(str) {
+    return toCapitalCase(toPropertyName(str));
+}
+/**
+ * Hyphenated to lowerCamelCase
+ */
+export function toPropertyName(str) {
+    return str
+        .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) => chr ? chr.toUpperCase() : '')
+        .replace(/[^a-zA-Z\d]/g, '')
+        .replace(/^([A-Z])/, m => m.toLowerCase());
+}
+/**
+ * Capitalizes the first letter of a string
+ */
+export function toCapitalCase(str) {
+    return str.charAt(0).toUpperCase() + str.substr(1);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29yZS9zcmMvbGliL3V0aWxzL2Zvcm1hdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sVUFBVSxnQkFBZ0IsQ0FBQyxHQUFXO0lBQzFDLE9BQU8sYUFBYSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0FBQzVDLENBQUM7QUFFRDs7R0FFRztBQUNILE1BQU0sVUFBVSxjQUFjLENBQUMsR0FBVztJQUN4QyxPQUFPLEdBQUc7U0FDUCxPQUFPLENBQUMsc0JBQXNCLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQzlDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQzdCO1NBQ0EsT0FBTyxDQUFDLGNBQWMsRUFBRSxFQUFFLENBQUM7U0FDM0IsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0FBQy9DLENBQUM7QUFFRDs7R0FFRztBQUNILE1BQU0sVUFBVSxhQUFhLENBQUMsR0FBVztJQUN2QyxPQUFPLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNyRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBIeXBoZW5hdGVkIHRvIFVwcGVyQ2FtZWxDYXNlXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB0b1VwcGVyQ2FtZWxDYXNlKHN0cjogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIHRvQ2FwaXRhbENhc2UodG9Qcm9wZXJ0eU5hbWUoc3RyKSk7XG59XG5cbi8qKlxuICogSHlwaGVuYXRlZCB0byBsb3dlckNhbWVsQ2FzZVxuICovXG5leHBvcnQgZnVuY3Rpb24gdG9Qcm9wZXJ0eU5hbWUoc3RyOiBzdHJpbmcpOiBzdHJpbmcge1xuICByZXR1cm4gc3RyXG4gICAgLnJlcGxhY2UoLyhbXmEtekEtWjAtOV0pKyguKT8vZywgKF8sIF9fLCBjaHIpID0+XG4gICAgICBjaHIgPyBjaHIudG9VcHBlckNhc2UoKSA6ICcnLFxuICAgIClcbiAgICAucmVwbGFjZSgvW15hLXpBLVpcXGRdL2csICcnKVxuICAgIC5yZXBsYWNlKC9eKFtBLVpdKS8sIG0gPT4gbS50b0xvd2VyQ2FzZSgpKTtcbn1cblxuLyoqXG4gKiBDYXBpdGFsaXplcyB0aGUgZmlyc3QgbGV0dGVyIG9mIGEgc3RyaW5nXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB0b0NhcGl0YWxDYXNlKHN0cjogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIHN0ci5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHN0ci5zdWJzdHIoMSk7XG59XG4iXX0=

package/fesm2015/ng-icons-core.mjs

@@ -0,0 +1,129 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+
+/**
+ * Hyphenated to UpperCamelCase
+ */
+function toUpperCamelCase(str) {
+    return toCapitalCase(toPropertyName(str));
+}
+/**
+ * Hyphenated to lowerCamelCase
+ */
+function toPropertyName(str) {
+    return str
+        .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) => chr ? chr.toUpperCase() : '')
+        .replace(/[^a-zA-Z\d]/g, '')
+        .replace(/^([A-Z])/, m => m.toLowerCase());
+}
+/**
+ * Capitalizes the first letter of a string
+ */
+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, iconService) {
+        this.elementRef = elementRef;
+        this.sanitizer = sanitizer;
+        this.iconService = iconService;
+        /** Define the size of the icon */
+        this.size = '1em';
+    }
+    /** Define the name of the icon to display */
+    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.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.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: 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: IconService }]; }, propDecorators: { name: [{
+                type: Input
+            }], template: [{
+                type: HostBinding,
+                args: ['innerHTML']
+            }], size: [{
+                type: HostBinding,
+                args: ['style.--ng-icon__size']
+            }, {
+                type: Input
+            }], strokeWidth: [{
+                type: HostBinding,
+                args: ['style.--ng-icon__stroke-width']
+            }, {
+                type: Input
+            }], color: [{
+                type: HostBinding,
+                args: ['style.color']
+            }, {
+                type: Input
+            }] } });
+
+class NgIconsModule {
+    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({ ... }).');
+        }
+    }
+    /**
+     * 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) {
+        IconService.addIcons(icons);
+        return { ngModule: NgIconsModule };
+    }
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IconComponent],
+                    exports: [IconComponent],
+                }]
+        }], ctorParameters: function () { return [{ type: IconService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, NgIconsModule };

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,129 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@angular/platform-browser';
+
+/**
+ * Hyphenated to UpperCamelCase
+ */
+function toUpperCamelCase(str) {
+    return toCapitalCase(toPropertyName(str));
+}
+/**
+ * Hyphenated to lowerCamelCase
+ */
+function toPropertyName(str) {
+    return str
+        .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, chr) => chr ? chr.toUpperCase() : '')
+        .replace(/[^a-zA-Z\d]/g, '')
+        .replace(/^([A-Z])/, m => m.toLowerCase());
+}
+/**
+ * Capitalizes the first letter of a string
+ */
+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, iconService) {
+        this.elementRef = elementRef;
+        this.sanitizer = sanitizer;
+        this.iconService = iconService;
+        /** Define the size of the icon */
+        this.size = '1em';
+    }
+    /** Define the name of the icon to display */
+    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.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.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: 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: IconService }]; }, propDecorators: { name: [{
+                type: Input
+            }], template: [{
+                type: HostBinding,
+                args: ['innerHTML']
+            }], size: [{
+                type: HostBinding,
+                args: ['style.--ng-icon__size']
+            }, {
+                type: Input
+            }], strokeWidth: [{
+                type: HostBinding,
+                args: ['style.--ng-icon__stroke-width']
+            }, {
+                type: Input
+            }], color: [{
+                type: HostBinding,
+                args: ['style.color']
+            }, {
+                type: Input
+            }] } });
+
+class NgIconsModule {
+    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({ ... }).');
+        }
+    }
+    /**
+     * 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) {
+        IconService.addIcons(icons);
+        return { ngModule: NgIconsModule };
+    }
+}
+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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IconComponent],
+                    exports: [IconComponent],
+                }]
+        }], ctorParameters: function () { return [{ type: IconService }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, NgIconsModule };

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

@@ -0,0 +1 @@
+{"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/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,9 +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 */
@@ -12,19 +14,9 @@ export declare class IconComponent {
     size: string;
     /** Define the stroke-width of the icon */
     strokeWidth?: string | number;
-    /** Flatten the iconsets */
-    get iconset(): Record<string, string>;
-    constructor(elementRef: ElementRef<HTMLElement>, sanitizer: DomSanitizer, icons: Record<string, string>[]);
-    /**
-     * Hyphenated to UpperCamelCase
-     */
-    private toUpperCamelCase;
-    /**
-     * Hyphenated to lowerCamelCase
-     */
-    private toPropertyName;
-    /**
-     * Capitalizes the first letter of a string
-     */
-    private toCapitalCase;
+    /** Define the color of the icon */
+    color?: 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,11 +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, 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/lib/utils/format.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hyphenated to UpperCamelCase
+ */
+export declare function toUpperCamelCase(str: string): string;
+/**
+ * Hyphenated to lowerCamelCase
+ */
+export declare function toPropertyName(str: string): string;
+/**
+ * Capitalizes the first letter of a string
+ */
+export declare function toCapitalCase(str: string): string;