angular-svg-icon - npm Package Compare versions

Comparing version 4.1.0 to 4.1.1

angular-dual-listbox.bundle.js

@@ -71,10 +71,10 @@ (function (global, factory) {
     SvgIconComponent.prototype.ngOnInit = function () {
-        this.loadSvg();
-    };
-    SvgIconComponent.prototype.loadSvg = function () {
         var _this = this;
-        this.iconReg.loadSvg(this.src).subscribe(function (svg) {
+        this.icnSub = this.iconReg.loadSvg(this.src).subscribe(function (svg) {
             _this.setSvg(svg);
         });
     };
+    SvgIconComponent.prototype.ngOnDestroy = function () {
+        this.icnSub.unsubscribe();
+    };
     SvgIconComponent.prototype.setSvg = function (svg) {
@@ -81,0 +81,0 @@ var icon = svg.cloneNode(true);

package.json

 {
   "name": "angular-svg-icon",
   "description": "Angular 2+ component for inlining SVGs allowing them to be easily styled with CSS.",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "repository": {
@@ -6,0 +6,0 @@ "type": "git",

svg-icon.component.d.ts

@@ -1,5 +0,5 @@
-import { ElementRef, OnInit, Optional, Renderer } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Optional, Renderer } from '@angular/core';
 import { Http } from '@angular/http';
 import { SvgIconRegistryService } from './svg-icon-registry.service';
-export declare class SvgIconComponent implements OnInit {
+export declare class SvgIconComponent implements OnInit, OnDestroy {
     private element;
@@ -9,5 +9,6 @@ private renderer;
     src: string;
+    private icnSub;
     constructor(element: ElementRef, renderer: Renderer, iconReg: SvgIconRegistryService);
     ngOnInit(): void;
-    private loadSvg();
+    ngOnDestroy(): void;
     private setSvg(svg);
@@ -14,0 +15,0 @@ }

svg-icon.component.js

@@ -11,10 +11,10 @@ import { Component, ElementRef, Input, Optional, Renderer, SkipSelf } from '@angular/core';
     SvgIconComponent.prototype.ngOnInit = function () {
-        this.loadSvg();
-    };
-    SvgIconComponent.prototype.loadSvg = function () {
         var _this = this;
-        this.iconReg.loadSvg(this.src).subscribe(function (svg) {
+        this.icnSub = this.iconReg.loadSvg(this.src).subscribe(function (svg) {
             _this.setSvg(svg);
         });
     };
+    SvgIconComponent.prototype.ngOnDestroy = function () {
+        this.icnSub.unsubscribe();
+    };
     SvgIconComponent.prototype.setSvg = function (svg) {
@@ -21,0 +21,0 @@ var icon = svg.cloneNode(true);

svg-icon.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"SvgIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"svg-icon","styles":[":host { display:inline-block; }"],"template":"<ng-content></ng-content>"}]}],"members":{"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadSvg":[{"__symbolic":"method"}],"setSvg":[{"__symbolic":"method"}]}},"SVG_ICON_REGISTRY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentRegistry","http"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentRegistry"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"arguments":[{"__symbolic":"reference","name":"http"}]}}},"SVG_ICON_REGISTRY_PROVIDER":{"provide":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}],{"__symbolic":"reference","module":"@angular/http","name":"Http"}],"useFactory":{"__symbolic":"reference","name":"SVG_ICON_REGISTRY_PROVIDER_FACTORY"}}}},{"__symbolic":"module","version":1,"metadata":{"SvgIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"svg-icon","styles":[":host { display:inline-block; }"],"template":"<ng-content></ng-content>"}]}],"members":{"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadSvg":[{"__symbolic":"method"}],"setSvg":[{"__symbolic":"method"}]}},"SVG_ICON_REGISTRY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentRegistry","http"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentRegistry"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"arguments":[{"__symbolic":"reference","name":"http"}]}}},"SVG_ICON_REGISTRY_PROVIDER":{"provide":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}],{"__symbolic":"reference","module":"@angular/http","name":"Http"}],"useFactory":{"__symbolic":"reference","name":"SVG_ICON_REGISTRY_PROVIDER_FACTORY"}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"SvgIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"svg-icon","styles":[":host { display:inline-block; }"],"template":"<ng-content></ng-content>"}]}],"members":{"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSvg":[{"__symbolic":"method"}]}},"SVG_ICON_REGISTRY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentRegistry","http"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentRegistry"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"arguments":[{"__symbolic":"reference","name":"http"}]}}},"SVG_ICON_REGISTRY_PROVIDER":{"provide":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}],{"__symbolic":"reference","module":"@angular/http","name":"Http"}],"useFactory":{"__symbolic":"reference","name":"SVG_ICON_REGISTRY_PROVIDER_FACTORY"}}}},{"__symbolic":"module","version":1,"metadata":{"SvgIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"svg-icon","styles":[":host { display:inline-block; }"],"template":"<ng-content></ng-content>"}]}],"members":{"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSvg":[{"__symbolic":"method"}]}},"SVG_ICON_REGISTRY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentRegistry","http"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentRegistry"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"arguments":[{"__symbolic":"reference","name":"http"}]}}},"SVG_ICON_REGISTRY_PROVIDER":{"provide":{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"reference","module":"./svg-icon-registry.service","name":"SvgIconRegistryService"}],{"__symbolic":"reference","module":"@angular/http","name":"Http"}],"useFactory":{"__symbolic":"reference","name":"SVG_ICON_REGISTRY_PROVIDER_FACTORY"}}}}]

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

26994

increased by0.53%

Lines of code

296

increased by0.34%

No dependency changes