angular-svg-icon - npm Package Compare versions

Comparing version 18.0.0 to 18.0.1

lib/svg-icon.component.d.ts

@@ -8,3 +8,3 @@ import { OnDestroy } from '@angular/core';
     private iconReg;
-    src: import("@angular/core").InputSignal<string>;
+    src: import("@angular/core").InputSignal<string | undefined>;
     name: import("@angular/core").InputSignal<string | undefined>;
@@ -38,3 +38,3 @@ stretch: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SvgIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SvgIconComponent, "svg-icon", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; "applyClass": { "alias": "applyClass"; "required": false; "isSignal": true; }; "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; "klass": { "alias": "class"; "required": false; "isSignal": true; }; "viewBox": { "alias": "viewBox"; "required": false; "isSignal": true; }; "svgAriaLabel": { "alias": "svgAriaLabel"; "required": false; "isSignal": true; }; "svgStyle": { "alias": "svgStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SvgIconComponent, "svg-icon", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; "applyClass": { "alias": "applyClass"; "required": false; "isSignal": true; }; "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; "klass": { "alias": "class"; "required": false; "isSignal": true; }; "viewBox": { "alias": "viewBox"; "required": false; "isSignal": true; }; "svgAriaLabel": { "alias": "svgAriaLabel"; "required": false; "isSignal": true; }; "svgStyle": { "alias": "svgStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package.json

 {
   "name": "angular-svg-icon",
   "description": "Angular 18 component and service for inlining SVGs allowing them to be easily styled with CSS.",
-  "version": "18.0.0",
+  "version": "18.0.1",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/czeckd/angular-svg-icon.git"
+    "url": "https://github.com/czeckd/angular-svg-icon.git"
   },
@@ -38,2 +38,2 @@ "author": "David Czeck",
   "sideEffects": false
-}
+}

README.md

@@ -104,4 +104,9 @@ [![npm version](https://badge.fury.io/js/angular-svg-icon.svg)](https://badge.fury.io/js/angular-svg-icon)
 
-If svg was previously loaded via registry with name it can be used like this:
+Loading with a name:
 ```html
+<svg-icon src="images/eye.svg" name="eye" [svgStyle]="{ 'width.px':90 }"></svg-icon>
+```
+
+If the SVG was previously loaded with a name either via the component or registry, then it can be used like this:
+```html
 <svg-icon name="eye" [svgStyle]="{ 'width.px':90 }"></svg-icon>
@@ -108,0 +113,0 @@ ```

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

119118

increased by1.37%

Lines of code

882

increased by1.38%

Number of lines in readme file

344

increased by1.47%

No dependency changes