Socket
Socket
Sign inDemoInstall

@fortawesome/angular-fontawesome

Package Overview
Dependencies
Maintainers
7
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fortawesome/angular-fontawesome - npm Package Compare versions

Comparing version 0.14.1 to 0.15.0

esm2022/shared/utils/css.mjs

15

config.d.ts

@@ -1,2 +0,2 @@

import { IconDefinition, IconPrefix } from '@fortawesome/fontawesome-svg-core';
import { IconDefinition, IconPrefix } from './types';
import * as i0 from "@angular/core";

@@ -25,4 +25,17 @@ export declare class FaConfig {

fixedWidth?: boolean;
/**
* Automatically add Font Awesome styles to the document when icon is rendered.
*
* For the majority of the cases the automatically added CSS is sufficient,
* please refer to the linked guide for more information on when to disable
* this feature.
*
* @see {@link: https://github.com/FortAwesome/angular-fontawesome/blob/main/docs/guide/adding-css.md}
* @default true
*/
set autoAddCss(value: boolean);
get autoAddCss(): boolean;
private _autoAddCss;
static ɵfac: i0.ɵɵFactoryDeclaration<FaConfig, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<FaConfig>;
}

2

icon-library.d.ts

@@ -1,2 +0,2 @@

import { IconDefinition, IconName, IconPack, IconPrefix } from '@fortawesome/fontawesome-svg-core';
import { IconDefinition, IconName, IconPack, IconPrefix } from './types';
import * as i0 from "@angular/core";

@@ -3,0 +3,0 @@ export interface FaIconLibraryInterface {

@@ -1,2 +0,3 @@

import { IconDefinition, IconProp } from '@fortawesome/fontawesome-svg-core';
import { IconDefinition as CoreIconDefinition, IconParams } from '@fortawesome/fontawesome-svg-core';
import { IconDefinition, IconProp } from '../types';
import { FaIconComponent } from './icon.component';

@@ -41,16 +42,6 @@ import * as i0 from "@angular/core";

secondaryColor?: string;
protected findIconDefinition(i: IconProp | IconDefinition): IconDefinition | null;
protected buildParams(): {
title: string;
transform: import("@fortawesome/fontawesome-svg-core").Transform;
classes: string[];
mask: IconDefinition;
styles: import("@fortawesome/fontawesome-svg-core").Styles;
symbol: import("@fortawesome/fontawesome-svg-core").FaSymbol;
attributes: {
role: string;
};
};
protected findIconDefinition(i: IconProp | IconDefinition): CoreIconDefinition | null;
protected buildParams(): IconParams;
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, true, never>;
}
import { OnChanges, SimpleChanges } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
import { FaSymbol, FlipProp, IconDefinition, IconProp, PullProp, RotateProp, SizeProp, Styles, Transform } from '@fortawesome/fontawesome-svg-core';
import { FaSymbol, FlipProp, IconDefinition as CoreIconDefinition, IconParams, PullProp, RotateProp, SizeProp, Transform } from '@fortawesome/fontawesome-svg-core';
import { FaConfig } from '../config';

@@ -9,2 +9,3 @@ import { FaIconLibrary } from '../icon-library';

import { FaStackComponent } from '../stack/stack.component';
import { IconDefinition, IconProp } from '../types';
import * as i0 from "@angular/core";

@@ -31,20 +32,3 @@ export declare class FaIconComponent implements OnChanges {

animation?: AnimationProp;
/**
* @deprecated Use animation="spin" instead. To be removed in 0.14.0.
*/
set spin(value: boolean);
/**
* @deprecated Use animation="spin-pulse" instead. To be removed in 0.14.0.
*/
set pulse(value: boolean);
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;
flip?: FlipProp;

@@ -58,11 +42,2 @@ size?: SizeProp;

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[];
transform?: string | Transform;

@@ -76,2 +51,3 @@ /**

renderedIconHTML: SafeHtml;
private document;
constructor(sanitizer: DomSanitizer, config: FaConfig, iconLibrary: FaIconLibrary, stackItem: FaStackItemSizeDirective, stack: FaStackComponent);

@@ -87,17 +63,6 @@ ngOnChanges(changes: SimpleChanges): void;

render(): void;
protected findIconDefinition(i: IconProp | IconDefinition): IconDefinition | null;
protected buildParams(): {
title: string;
transform: Transform;
classes: string[];
mask: IconDefinition;
styles: Styles;
symbol: FaSymbol;
attributes: {
role: string;
};
};
private renderIcon;
protected findIconDefinition(i: IconProp | IconDefinition): CoreIconDefinition | null;
protected buildParams(): IconParams;
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, true, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FaIconComponent, "fa-icon", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "mask": { "alias": "mask"; "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; }; "transform": { "alias": "transform"; "required": false; }; "a11yRole": { "alias": "a11yRole"; "required": false; }; }, {}, never, never, true, never>;
}
import { OnChanges, SimpleChanges } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
import { CounterParams, Styles } from '@fortawesome/fontawesome-svg-core';
import { CounterParams } from '@fortawesome/fontawesome-svg-core';
import { FaLayersComponent } from './layers.component';

@@ -11,22 +11,6 @@ import * as i0 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[];
position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
renderedHTML: SafeHtml;
private document;
private config;
constructor(parent: FaLayersComponent, sanitizer: DomSanitizer);

@@ -37,3 +21,3 @@ ngOnChanges(changes: SimpleChanges): void;

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, true, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersCounterComponent, "fa-layers-counter", never, { "content": { "alias": "content"; "required": false; }; "title": { "alias": "title"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
}
import { OnChanges, SimpleChanges } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
import { FlipProp, PullProp, RotateProp, SizeProp, Styles, TextParams, Transform } from '@fortawesome/fontawesome-svg-core';
import { FlipProp, PullProp, RotateProp, SizeProp, TextParams, Transform } from '@fortawesome/fontawesome-svg-core';
import { FaLayersComponent } from './layers.component';

@@ -11,28 +11,2 @@ import * as i0 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[];
/**
* @deprecated This input was incorrectly exposed and never worked correctly. To be removed in 0.14.0.
*/
set spin(value: boolean);
/**
* @deprecated This input was incorrectly exposed and never worked correctly. To be removed in 0.14.0.
*/
set pulse(value: boolean);
flip?: FlipProp;

@@ -47,3 +21,4 @@ size?: SizeProp;

renderedHTML: SafeHtml;
private animation;
private document;
private config;
constructor(parent: FaLayersComponent, sanitizer: DomSanitizer);

@@ -57,3 +32,3 @@ ngOnChanges(changes: SimpleChanges): void;

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, true, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FaLayersTextComponent, "fa-layers-text", never, { "content": { "alias": "content"; "required": false; }; "title": { "alias": "title"; "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>;
}

@@ -14,2 +14,3 @@ import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';

fixedWidth?: boolean;
private document;
constructor(renderer: Renderer2, elementRef: ElementRef, config: FaConfig);

@@ -16,0 +17,0 @@ ngOnInit(): void;

{
"name": "@fortawesome/angular-fontawesome",
"version": "0.14.1",
"version": "0.15.0",
"description": "Angular Fontawesome, an Angular library",

@@ -15,2 +15,3 @@ "repository": {

"dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.5.2",
"tslib": "^2.6.2"

@@ -27,4 +28,3 @@ },

"peerDependencies": {
"@angular/core": "^17.0.0",
"@fortawesome/fontawesome-svg-core": "~1.2.27 || ~1.3.0-beta2 || ^6.1.0"
"@angular/core": "^18.0.0"
},

@@ -31,0 +31,0 @@ "schematics": "./schematics/collection.json",

@@ -12,1 +12,3 @@ export { FontAwesomeModule } from './fontawesome.module';

export { FaIconLibrary, FaIconLibraryInterface } from './icon-library';
export { IconPrefix, IconName, IconLookup, IconDefinition, IconPack } from './types';
export { IconParams, CounterParams, TextParams, FaSymbol, FlipProp, PullProp, RotateProp, SizeProp, Transform, } from '@fortawesome/fontawesome-svg-core';

@@ -24,3 +24,2 @@ <a href="https://fontawesome.com">

```
$ yarn add @fortawesome/fontawesome-svg-core
$ yarn add @fortawesome/free-solid-svg-icons

@@ -33,3 +32,2 @@ # See Compatibility table below to choose a correct version

```
$ npm install @fortawesome/fontawesome-svg-core
$ npm install @fortawesome/free-solid-svg-icons

@@ -42,17 +40,18 @@ # See Compatibility table below to choose a correct version

|@fortawesome/angular-fontawesome|Angular|Font Awesome|ng-add|
|-|-|-|-|
|0.1.x|5.x|5.x|not supported|
|0.2.x|6.x|5.x|not supported|
|0.3.x|6.x && 7.x|5.x|not supported|
|0.4.x, 0.5.x|8.x|5.x|not supported|
|0.6.x|9.x|5.x|supported|
|0.7.x|10.x|5.x|supported|
|0.8.x|11.x|5.x|supported|
|0.9.x|12.x|5.x|supported|
|0.10.x|13.x|5.x && 6.x|supported|
|0.11.x|14.x|5.x && 6.x|supported|
|0.12.x|15.x|5.x && 6.x|supported|
|0.13.x|16.x|5.x && 6.x|supported|
|0.14.x|17.x|5.x && 6.x|supported|
| @fortawesome/angular-fontawesome | Angular | Font Awesome | ng-add |
|----------------------------------|------------|--------------|---------------|
| 0.1.x | 5.x | 5.x | not supported |
| 0.2.x | 6.x | 5.x | not supported |
| 0.3.x | 6.x && 7.x | 5.x | not supported |
| 0.4.x, 0.5.x | 8.x | 5.x | not supported |
| 0.6.x | 9.x | 5.x | supported |
| 0.7.x | 10.x | 5.x | supported |
| 0.8.x | 11.x | 5.x | supported |
| 0.9.x | 12.x | 5.x | supported |
| 0.10.x | 13.x | 5.x && 6.x | supported |
| 0.11.x | 14.x | 5.x && 6.x | supported |
| 0.12.x | 15.x | 5.x && 6.x | supported |
| 0.13.x | 16.x | 5.x && 6.x | supported |
| 0.14.x | 17.x | 5.x && 6.x | supported |
| 0.15.x | 18.x | 5.x && 6.x | supported |

@@ -95,2 +94,3 @@ ## Usage

* [Upgrading instructions](UPGRADING.md)
* [Frequency asked questions](./docs/faq.md)

@@ -139,4 +139,5 @@ ## Examples

[<img src="https://github.com/Nosfistis.png?size=72" alt="Nosfistis" width="72">](https://github.com/Nosfistis)
[<img src="https://github.com/bleistift-zwei.png?size=72" alt="bleistift-zwei" width="72">](https://github.com/bleistift-zwei)
[<img src="https://github.com/FortAwesome.png?size=72" alt="Font Awesome Team" width="72">](https://github.com/orgs/FortAwesome/people)
If we've missed someone (which is quite likely) submit a Pull Request to us and we'll get it resolved.

@@ -28,7 +28,2 @@ "use strict";

type: dependencies_1.NodeDependencyType.Default,
name: '@fortawesome/fontawesome-svg-core',
version: options.version === '6' ? versions_1.iconPackVersion : versions_1.v5.svgCoreVersion,
});
(0, dependencies_1.addPackageJsonDependency)(tree, {
type: dependencies_1.NodeDependencyType.Default,
name: '@fortawesome/angular-fontawesome',

@@ -35,0 +30,0 @@ version: versions_1.angularFontawesomeVersion,

@@ -1,6 +0,5 @@

export declare const angularFontawesomeVersion = "~0.14.0";
export declare const iconPackVersion = "^6.4.2";
export declare const angularFontawesomeVersion = "~0.15.0";
export declare const iconPackVersion = "^6.5.2";
export declare const v5: {
svgCoreVersion: string;
iconPackVersion: string;
};
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.v5 = exports.iconPackVersion = exports.angularFontawesomeVersion = void 0;
exports.angularFontawesomeVersion = '~0.14.0';
exports.iconPackVersion = '^6.4.2';
exports.angularFontawesomeVersion = '~0.15.0';
exports.iconPackVersion = '^6.5.2';
exports.v5 = {
svgCoreVersion: '~1.2.36',
iconPackVersion: '^5.15.4',
};
//# sourceMappingURL=versions.js.map

@@ -1,2 +0,2 @@

import { IconLookup } from '@fortawesome/fontawesome-svg-core';
import { IconLookup } from '../../types';
export declare const faWarnIfIconDefinitionMissing: (iconSpec: IconLookup) => never;

@@ -1,2 +0,2 @@

import { FaSymbol, FlipProp, IconProp, PullProp, RotateProp, SizeProp, Styles, Transform } from '@fortawesome/fontawesome-svg-core';
import { FlipProp, PullProp, RotateProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
/**

@@ -6,3 +6,2 @@ * Fontawesome props.

export interface FaProps {
mask?: IconProp;
className?: string;

@@ -18,7 +17,4 @@ animation?: AnimationProp;

rotate?: RotateProp;
transform?: string | Transform;
symbol?: FaSymbol;
style?: Styles;
stackItemSize?: '1x' | '2x';
}
export type AnimationProp = 'beat' | 'fade' | 'beat-fade' | 'bounce' | 'flip' | 'shake' | 'spin' | 'spin-reverse' | 'spin-pulse' | 'spin-pulse-reverse';

@@ -1,2 +0,2 @@

import { IconLookup, IconProp } from '@fortawesome/fontawesome-svg-core';
import { IconLookup, IconProp } from '../../types';
/**

@@ -3,0 +3,0 @@ * Returns if is IconLookup or not.

@@ -1,2 +0,2 @@

import { IconDefinition, IconLookup, IconPrefix, IconProp } from '@fortawesome/fontawesome-svg-core';
import { IconDefinition, IconLookup, IconPrefix, IconProp } from '../../types';
/**

@@ -3,0 +3,0 @@ * Normalizing icon spec.

@@ -1,6 +0,9 @@

import { FaIconLibraryInterface } from '@fortawesome/angular-fontawesome';
import { IconDefinition, IconName, IconPrefix } from '@fortawesome/fontawesome-svg-core';
import { FaIconLibraryInterface, IconDefinition, IconName, IconPrefix } from '@fortawesome/angular-fontawesome';
import { FaTestingConfig } from '../config';
import * as i0 from "@angular/core";
export declare const dummyIcon: IconDefinition;
export declare const ADD_ICON_MESSAGE = "Attempt to add an icon to the MockFaIconLibrary.";
export declare class MockFaIconLibrary implements FaIconLibraryInterface {
private config;
constructor(config: FaTestingConfig);
addIcons(): void;

@@ -7,0 +10,0 @@ addIconPacks(): void;

export { FontAwesomeTestingModule } from './testing.module';
export { MockFaIconLibrary } from './icon/mock-icon-library.service';
export { FaTestingConfig } from './config';

@@ -0,4 +1,11 @@

import { ModuleWithProviders } from '@angular/core';
import { FaTestingConfig } from './config';
import * as i0 from "@angular/core";
import * as i1 from "@fortawesome/angular-fontawesome";
export declare class FontAwesomeTestingModule {
/**
* Use this method to configure the module’s behaviour when trying to add icons
* and icon packs to the mock icon library.
*/
static forRoot(config?: Partial<FaTestingConfig>): ModuleWithProviders<FontAwesomeTestingModule>;
static ɵfac: i0.ɵɵFactoryDeclaration<FontAwesomeTestingModule, never>;

@@ -5,0 +12,0 @@ static ɵmod: i0.ɵɵNgModuleDeclaration<FontAwesomeTestingModule, never, never, [typeof i1.FontAwesomeModule]>;

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc