@fortawesome/angular-fontawesome - npm Package Compare versions

Comparing version 0.11.1 to 0.12.0

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": "swapOpacity"; "primaryOpacity": "primaryOpacity"; "secondaryOpacity": "secondaryOpacity"; "primaryColor": "primaryColor"; "secondaryColor": "secondaryColor"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaDuotoneIconComponent, "fa-duotone-icon", never, { "swapOpacity": "swapOpacity"; "primaryOpacity": "primaryOpacity"; "secondaryOpacity": "secondaryOpacity"; "primaryColor": "primaryColor"; "secondaryColor": "secondaryColor"; }, {}, never, never, false, never>;
 }

icon/icon.component.d.ts

@@ -17,2 +17,3 @@ import { OnChanges, SimpleChanges } from '@angular/core';
      * Specify a title for the icon.
+     *
      * This text will be displayed in a tooltip on hover and presented to the
@@ -25,2 +26,10 @@ * screen readers.
     mask?: IconProp;
+    /**
+     * Set `style` attribute on the SVG element rendered by the component.
+     *
+     * @deprecated This input breaks view encapsulation and is not recommended.
+     * For simple cases (like colors), use `style` on the component itself, for
+     * more complex usages, explicitly opt-in to break the view encapsulation.
+     * This input is deprecated since 0.12.0 and will be removed in 0.13.0.
+     */
     styles?: Styles;
@@ -35,2 +44,10 @@ flip?: FlipProp;
     fixedWidth?: boolean;
+    /**
+     * Set `class` attribute on the SVG element rendered by the component.
+     *
+     * @deprecated This input breaks view encapsulation and is not recommended.
+     * For simple cases (like colors), use `class` on the component itself, for
+     * more complex usages, explicitly opt-in to break the view encapsulation.
+     * This input is deprecated since 0.12.0 and will be removed in 0.13.0.
+     */
     classes?: string[];
@@ -69,3 +86,3 @@ transform?: string | Transform;
     static ɵfac: i0.ɵɵFactoryDeclaration<FaIconComponent, [null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaIconComponent, "fa-icon", never, { "icon": "icon"; "title": "title"; "spin": "spin"; "pulse": "pulse"; "mask": "mask"; "styles": "styles"; "flip": "flip"; "size": "size"; "pull": "pull"; "border": "border"; "inverse": "inverse"; "symbol": "symbol"; "rotate": "rotate"; "fixedWidth": "fixedWidth"; "classes": "classes"; "transform": "transform"; "a11yRole": "a11yRole"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaIconComponent, "fa-icon", never, { "icon": "icon"; "title": "title"; "spin": "spin"; "pulse": "pulse"; "mask": "mask"; "styles": "styles"; "flip": "flip"; "size": "size"; "pull": "pull"; "border": "border"; "inverse": "inverse"; "symbol": "symbol"; "rotate": "rotate"; "fixedWidth": "fixedWidth"; "classes": "classes"; "transform": "transform"; "a11yRole": "a11yRole"; }, {}, never, never, false, never>;
 }

layers/layers-counter.component.d.ts

@@ -11,3 +11,19 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     title?: string;
+    /**
+     * Set `style` attribute on the SVG element rendered by the component.
+     *
+     * @deprecated This input breaks view encapsulation and is not recommended.
+     * For simple cases (like colors), use `style` on the component itself, for
+     * more complex usages, explicitly opt-in to break the view encapsulation.
+     * This input is deprecated since 0.12.0 and will be removed in 0.13.0.
+     */
     styles?: Styles;
+    /**
+     * Set `class` attribute on the SVG element rendered by the component.
+     *
+     * @deprecated This input breaks view encapsulation and is not recommended.
+     * For simple cases (like colors), use `class` on the component itself, for
+     * more complex usages, explicitly opt-in to break the view encapsulation.
+     * This input is deprecated since 0.12.0 and will be removed in 0.13.0.
+     */
     classes?: string[];
@@ -21,3 +37,3 @@ position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
     static ɵfac: i0.ɵɵFactoryDeclaration<FaLayersCounterComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersCounterComponent, "fa-layers-counter", never, { "content": "content"; "title": "title"; "styles": "styles"; "classes": "classes"; "position": "position"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersCounterComponent, "fa-layers-counter", never, { "content": "content"; "title": "title"; "styles": "styles"; "classes": "classes"; "position": "position"; }, {}, never, never, false, never>;
 }

layers/layers-text.component.d.ts

@@ -11,3 +11,19 @@ import { OnChanges, SimpleChanges } from '@angular/core';
     title?: string;
+    /**
+     * Set `style` attribute on the SVG element rendered by the component.
+     *
+     * @deprecated This input breaks view encapsulation and is not recommended.
+     * For simple cases (like colors), use `style` on the component itself, for
+     * more complex usages, explicitly opt-in to break the view encapsulation.
+     * This input is deprecated since 0.12.0 and will be removed in 0.13.0.
+     */
     styles?: Styles;
+    /**
+     * Set `class` attribute on the SVG element rendered by the component.
+     *
+     * @deprecated This input breaks view encapsulation and is not recommended.
+     * For simple cases (like colors), use `class` on the component itself, for
+     * more complex usages, explicitly opt-in to break the view encapsulation.
+     * This input is deprecated since 0.12.0 and will be removed in 0.13.0.
+     */
     classes?: string[];
@@ -33,3 +49,3 @@ spin?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FaLayersTextComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersTextComponent, "fa-layers-text", never, { "content": "content"; "title": "title"; "styles": "styles"; "classes": "classes"; "spin": "spin"; "pulse": "pulse"; "flip": "flip"; "size": "size"; "pull": "pull"; "border": "border"; "inverse": "inverse"; "rotate": "rotate"; "fixedWidth": "fixedWidth"; "transform": "transform"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersTextComponent, "fa-layers-text", never, { "content": "content"; "title": "title"; "styles": "styles"; "classes": "classes"; "spin": "spin"; "pulse": "pulse"; "flip": "flip"; "size": "size"; "pull": "pull"; "border": "border"; "inverse": "inverse"; "rotate": "rotate"; "fixedWidth": "fixedWidth"; "transform": "transform"; }, {}, never, never, false, 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": "size"; "fixedWidth": "fixedWidth"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersComponent, "fa-layers", never, { "size": "size"; "fixedWidth": "fixedWidth"; }, {}, never, ["*"], false, never>;
 }

package.json

 {
   "name": "@fortawesome/angular-fontawesome",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "description": "Angular Fontawesome, an Angular library",
@@ -15,3 +15,3 @@ "repository": {
   "dependencies": {
-    "tslib": "^2.4.0"
+    "tslib": "^2.4.1"
   },
@@ -27,7 +27,7 @@ "keywords": [
   "peerDependencies": {
-    "@angular/core": "^14.0.0",
+    "@angular/core": "^15.0.0",
     "@fortawesome/fontawesome-svg-core": "~1.2.27 || ~1.3.0-beta2 || ^6.1.0"
   },
   "schematics": "./schematics/collection.json",
-  "packageManager": "yarn@3.2.1",
+  "packageManager": "yarn@3.2.4",
   "module": "fesm2015/angular-fontawesome.mjs",
@@ -34,0 +34,0 @@ "es2020": "fesm2020/angular-fontawesome.mjs",

README.md

@@ -52,2 +52,3 @@ <a href="https://fontawesome.com">
 |0.11.x|14.x|5.x && 6.x|supported|
+|0.12.x|15.x|5.x && 6.x|supported|
 
@@ -54,0 +55,0 @@ ## Usage

schematics/collection.json

@@ -5,3 +5,3 @@ {
     "ng-add": {
-      "description": "Adds Font Awesome 5 to the application without affecting any templates.",
+      "description": "Adds Font Awesome to the application without affecting any templates.",
       "factory": "./ng-add/index",
@@ -8,0 +8,0 @@ "schema": "./ng-add/schema.json"

schematics/ng-add/schema.d.ts

@@ -7,3 +7,3 @@ export interface Schema {
     /** The icon packages to install */
-    iconPackages?: ('free-solid' | 'free-regular' | 'free-brands' | 'pro-solid' | 'pro-regular' | 'pro-light' | 'pro-duotone' | 'pro-thin')[];
+    iconPackages?: ('free-solid' | 'free-regular' | 'free-brands' | 'pro-solid' | 'pro-regular' | 'pro-light' | 'pro-duotone' | 'pro-thin' | 'sharp-solid')[];
 }

schematics/ng-add/schema.json

@@ -46,3 +46,4 @@ {
           "pro-duotone",
-          "pro-thin"
+          "pro-thin",
+          "sharp-solid"
         ]
@@ -87,2 +88,6 @@ },
             "label": "Pro Thin Icons     [ Requires Pro plan: https://fontawesome.com/plans ]"
+          },
+          {
+            "value": "sharp-solid",
+            "label": "Sharp Solid Icons  [ Requires Pro plan: https://fontawesome.com/plans ]"
           }
@@ -89,0 +94,0 @@ ]

schematics/ng-add/versions.d.ts

@@ -1,3 +0,3 @@
-export declare const angularFontawesomeVersion = "~0.11.1";
-export declare const iconPackVersion = "^6.1.1";
+export declare const angularFontawesomeVersion = "~0.12.0";
+export declare const iconPackVersion = "^6.2.0";
 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.11.1';
-exports.iconPackVersion = '^6.1.1';
+exports.angularFontawesomeVersion = '~0.12.0';
+exports.iconPackVersion = '^6.2.0';
 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": "stackItemSize"; "size": "size"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FaStackItemSizeDirective, "fa-icon[stackItemSize],fa-duotone-icon[stackItemSize]", never, { "stackItemSize": "stackItemSize"; "size": "size"; }, {}, never, never, false, 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": "size"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaStackComponent, "fa-stack", never, { "size": "size"; }, {}, never, ["*"], false, 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

Improved metrics

Total package byte prevSize

291357

increased by5.09%

Lines of code

2699

increased by4.17%

Number of lines in readme file

152

increased by0.66%

Dependency changes

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

• + Addedzone.js@0.13.3(transitive)

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

• - Removedzone.js@0.12.0(transitive)

• Updatedtslib@^2.4.1