@fortawesome/angular-fontawesome - npm Package Compare versions

Comparing version 0.13.0 to 0.14.0

fontawesome.module.d.ts

@@ -11,4 +11,4 @@ import * as i0 from "@angular/core";
     static ɵfac: i0.ɵɵFactoryDeclaration<FontAwesomeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FontAwesomeModule, [typeof i1.FaIconComponent, typeof i2.FaDuotoneIconComponent, typeof i3.FaLayersComponent, typeof i4.FaLayersTextComponent, typeof i5.FaLayersCounterComponent, typeof i6.FaStackComponent, typeof i7.FaStackItemSizeDirective], never, [typeof i1.FaIconComponent, typeof i2.FaDuotoneIconComponent, typeof i3.FaLayersComponent, typeof i4.FaLayersTextComponent, typeof i5.FaLayersCounterComponent, typeof i6.FaStackComponent, typeof i7.FaStackItemSizeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FontAwesomeModule, never, [typeof i1.FaIconComponent, typeof i2.FaDuotoneIconComponent, typeof i3.FaLayersComponent, typeof i4.FaLayersTextComponent, typeof i5.FaLayersCounterComponent, typeof i6.FaStackComponent, typeof i7.FaStackItemSizeDirective], [typeof i1.FaIconComponent, typeof i2.FaDuotoneIconComponent, typeof i3.FaLayersComponent, typeof i4.FaLayersTextComponent, typeof i5.FaLayersCounterComponent, typeof i6.FaStackComponent, typeof i7.FaStackItemSizeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FontAwesomeModule>;
 }

icon/duotone-icon.component.d.ts

@@ -54,3 +54,3 @@ import { IconDefinition, IconProp } from '@fortawesome/fontawesome-svg-core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaDuotoneIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaDuotoneIconComponent, "fa-duotone-icon", never, { "swapOpacity": { "alias": "swapOpacity"; "required": false; }; "primaryOpacity": { "alias": "primaryOpacity"; "required": false; }; "secondaryOpacity": { "alias": "secondaryOpacity"; "required": false; }; "primaryColor": { "alias": "primaryColor"; "required": false; }; "secondaryColor": { "alias": "secondaryColor"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaDuotoneIconComponent, "fa-duotone-icon", never, { "swapOpacity": { "alias": "swapOpacity"; "required": false; }; "primaryOpacity": { "alias": "primaryOpacity"; "required": false; }; "secondaryOpacity": { "alias": "secondaryOpacity"; "required": false; }; "primaryColor": { "alias": "primaryColor"; "required": false; }; "secondaryColor": { "alias": "secondaryColor"; "required": false; }; }, {}, never, never, true, never>;
 }

icon/icon.component.d.ts

@@ -97,3 +97,3 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaIconComponent, [null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaIconComponent, "fa-icon", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "spin": { "alias": "spin"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "border": { "alias": "border"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; "symbol": { "alias": "symbol"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "a11yRole": { "alias": "a11yRole"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaIconComponent, "fa-icon", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "spin": { "alias": "spin"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "border": { "alias": "border"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; "symbol": { "alias": "symbol"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "a11yRole": { "alias": "a11yRole"; "required": false; }; }, {}, never, never, true, never>;
 }

layers/layers-counter.component.d.ts

@@ -36,3 +36,3 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaLayersCounterComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersCounterComponent, "fa-layers-counter", never, { "content": { "alias": "content"; "required": false; }; "title": { "alias": "title"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersCounterComponent, "fa-layers-counter", never, { "content": { "alias": "content"; "required": false; }; "title": { "alias": "title"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
 }

layers/layers-text.component.d.ts

@@ -55,3 +55,3 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaLayersTextComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersTextComponent, "fa-layers-text", never, { "content": { "alias": "content"; "required": false; }; "title": { "alias": "title"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "spin": { "alias": "spin"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "border": { "alias": "border"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersTextComponent, "fa-layers-text", never, { "content": { "alias": "content"; "required": false; }; "title": { "alias": "title"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "spin": { "alias": "spin"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "border": { "alias": "border"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; }, {}, never, never, true, never>;
 }

layers/layers.component.d.ts

@@ -18,3 +18,3 @@ import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaLayersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersComponent, "fa-layers", never, { "size": { "alias": "size"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersComponent, "fa-layers", never, { "size": { "alias": "size"; "required": false; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package.json

 {
   "name": "@fortawesome/angular-fontawesome",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Angular Fontawesome, an Angular library",
@@ -15,3 +15,3 @@ "repository": {
   "dependencies": {
-    "tslib": "^2.4.1"
+    "tslib": "^2.6.2"
   },
@@ -27,7 +27,7 @@ "keywords": [
   "peerDependencies": {
-    "@angular/core": "^16.0.0",
+    "@angular/core": "^17.0.0",
     "@fortawesome/fontawesome-svg-core": "~1.2.27 || ~1.3.0-beta2 || ^6.1.0"
   },
   "schematics": "./schematics/collection.json",
-  "packageManager": "yarn@3.5.1",
+  "packageManager": "yarn@4.0.1",
   "module": "fesm2022/angular-fontawesome.mjs",
@@ -34,0 +34,0 @@ "typings": "index.d.ts",

README.md

@@ -54,28 +54,9 @@ <a href="https://fontawesome.com">
 |0.13.x|16.x|5.x && 6.x|supported|
+|0.14.x|17.x|5.x && 6.x|supported|
 
 ## Usage
-To get up and running using Font Awesome with Angular follow below steps:
 
-1. Add `FontAwesomeModule` to `imports` in
-`src/app/app.module.ts`:
+To get up and running using Font Awesome with Angular follow the below steps:
 
-    ```typescript
-    import { BrowserModule } from '@angular/platform-browser';
-    import { NgModule } from '@angular/core';
-    
-    import { AppComponent } from './app.component';
-    import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-    
-    @NgModule({
-      imports: [
-        BrowserModule,
-        FontAwesomeModule
-      ],
-      declarations: [AppComponent],
-      bootstrap: [AppComponent]
-    })
-    export class AppModule { }
-    ```
-
-2. Tie the icon to the property in your component
+1. Add `FontAwesomeModule` to the `imports` and tie the icon to the property in your component
 `src/app/app.component.ts`:
@@ -85,2 +66,3 @@
     import { Component } from '@angular/core';
+    import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
     import { faCoffee } from '@fortawesome/free-solid-svg-icons';
@@ -90,2 +72,4 @@
       selector: 'app-root',
+      standalone: true,
+      imports: [FontAwesomeModule], // alternatively, individual components can be imported
       templateUrl: './app.component.html'
@@ -98,3 +82,3 @@ })
 
-3. Use the icon in the template
+1. Use the icon in the template
 `src/app/app.component.html`:
@@ -101,0 +85,0 @@

schematics/ng-add/index.js

@@ -20,2 +20,3 @@ "use strict";
 const ng_ast_utils_1 = require("@schematics/angular/utility/ng-ast-utils");
+const util_1 = require("@schematics/angular/utility/standalone/util");
 const workspace_1 = require("@schematics/angular/utility/workspace");
@@ -59,13 +60,15 @@ const versions_1 = require("./versions");
         }
-        const buildOptions = getProjectTargetOptions(project, 'build');
-        const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, buildOptions.main);
-        const moduleSource = getSourceFile(host, modulePath);
-        const changes = (0, ast_utils_1.addImportToModule)(moduleSource, modulePath, 'FontAwesomeModule', '@fortawesome/angular-fontawesome');
-        const recorder = host.beginUpdate(modulePath);
-        changes.forEach((change) => {
-            if (change instanceof change_1.InsertChange) {
-                recorder.insertLeft(change.pos, change.toAdd);
-            }
-        });
-        host.commitUpdate(recorder);
+        const mainPath = yield (0, util_1.getMainFilePath)(host, projectName);
+        if (!(0, ng_ast_utils_1.isStandaloneApp)(host, mainPath)) {
+            const modulePath = (0, ng_ast_utils_1.getAppModulePath)(host, mainPath);
+            const moduleSource = getSourceFile(host, modulePath);
+            const changes = (0, ast_utils_1.addImportToModule)(moduleSource, modulePath, 'FontAwesomeModule', '@fortawesome/angular-fontawesome');
+            const recorder = host.beginUpdate(modulePath);
+            changes.forEach((change) => {
+                if (change instanceof change_1.InsertChange) {
+                    recorder.insertLeft(change.pos, change.toAdd);
+                }
+            });
+            host.commitUpdate(recorder);
+        }
     });
@@ -72,0 +75,0 @@ }

schematics/ng-add/versions.d.ts

@@ -1,3 +0,3 @@
-export declare const angularFontawesomeVersion = "~0.13.0";
-export declare const iconPackVersion = "^6.4.0";
+export declare const angularFontawesomeVersion = "~0.14.0";
+export declare const iconPackVersion = "^6.4.2";
 export declare const v5: {
@@ -4,0 +4,0 @@ svgCoreVersion: string;

schematics/ng-add/versions.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.v5 = exports.iconPackVersion = exports.angularFontawesomeVersion = void 0;
-exports.angularFontawesomeVersion = '~0.13.0';
-exports.iconPackVersion = '^6.4.0';
+exports.angularFontawesomeVersion = '~0.14.0';
+exports.iconPackVersion = '^6.4.2';
 exports.v5 = {
@@ -7,0 +7,0 @@ svgCoreVersion: '~1.2.36',

stack/stack-item-size.directive.d.ts

@@ -11,3 +11,3 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaStackItemSizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FaStackItemSizeDirective, "fa-icon[stackItemSize],fa-duotone-icon[stackItemSize]", never, { "stackItemSize": { "alias": "stackItemSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FaStackItemSizeDirective, "fa-icon[stackItemSize],fa-duotone-icon[stackItemSize]", never, { "stackItemSize": { "alias": "stackItemSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

stack/stack.component.d.ts

@@ -18,3 +18,3 @@ import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaStackComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaStackComponent, "fa-stack", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaStackComponent, "fa-stack", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

226959

increased by0.48%

Lines of code

2130

increased by0.24%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

137

decreased by-10.46%

Dependency changes

• + Added@angular/core@17.3.12(transitive)

• + Addedzone.js@0.14.10(transitive)

• - Removed@angular/core@16.2.12(transitive)

• - Removedzone.js@0.13.3(transitive)

• Updatedtslib@^2.6.2