ng2-yk-notifier - npm Package Compare versions

Comparing version 1.0.0-beta.7 to 1.0.0-beta.8

package.json

 {
   "name": "ng2-yk-notifier",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.8",
   "description": "Angular2 Notification Component",
@@ -5,0 +5,0 @@ "keywords": [

src/notifier/notifier-message.component.ts

@@ -12,12 +12,12 @@ /**
 
-// webpack1_
+/*
 declare let require: any;
 const myDpStyles: string = require("./notifier-message.component.scss");
 const myDpTpl: string = require("./notifier-message.component.html");
-// webpack2_
+*/
 
 @Component({
     selector: 'ng2-notifier-message',
-    template: myDpTpl,
-    styles: [myDpStyles],
+    template: `<div [@enterLeave]="animate" (@enterLeave.done)="animationDone($event, message)" (click)="onClick()" (mouseenter)="onEnter()" (mouseleave)="onLeave()" [class]="theClass" class="notifier-message {{message.type}}"><div class="title">{{message.title}}</div><div class="content">{{message.content}}</div><div [innerHTML]="safeSvg"></div></div>`,
+    styles: [`.notifier-message{font-size:12px;font-size:.75rem;line-height:20px;line-height:1.25rem;position:relative;width:272px;width:17rem;min-height:48px;min-height:3rem;-moz-border-radius:.3rem;border-radius:.3rem;margin-bottom:10px;margin-bottom:.625rem;padding:10px;padding:.625rem;color:#333;background-color:#fff;border-color:#ccc;-moz-box-shadow:0 0 8px 3px rgba(255,254,247,.75);box-shadow:0 0 8px 3px rgba(255,254,247,.75);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.notifier-message .title{font-size:16px;font-size:1rem;line-height:20px;line-height:1.25rem}.notifier-message .content,.notifier-message .title{padding-right:48px;padding-right:3rem}.notifier-message.primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.notifier-message.success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.notifier-message.danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.notifier-message.warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}:host /deep/ .notifier-message svg{position:absolute;-moz-box-sizing:border-box;box-sizing:border-box;top:0;right:0;width:48px;width:3rem;height:48px;height:3rem;padding:10px;padding:.625rem;fill:#fff}`],
     animations: [
@@ -24,0 +24,0 @@ trigger('enterLeave', [

src/notifier/notifier.component.ts

@@ -11,12 +11,12 @@ /**
 
-// webpack1_
+/*
 declare let require: any;
 const myDpStyles: string = require("./notifier.component.scss");
 const myDpTpl: string = require("./notifier.component.html");
-// webpack2_
+*/
 
 @Component({
     selector: 'ng2-notifier',
-    template: myDpTpl,
-    styles: [myDpStyles],
+    template: `<div class="notifier-wrapper" [ngClass]="notifierOptions.position"><ng2-notifier-message *ngFor="let message of messages$ | async | max: notifierOptions.maxStack" [animate]="notifierOptions.animate" [theClass]="notifierOptions.theClass" [timeDelay]="notifierOptions.timeDelay" [clickToClose]="notifierOptions.clickToClose" [pauseOnHover]="notifierOptions.pauseOnHover" [message]="message" (onRemoveMessage)="removeMessage($event)"></ng2-notifier-message></div>`,
+    styles: [`.notifier-wrapper{position:fixed}.notifier-wrapper.left{left:16px;left:1rem}.notifier-wrapper.bottom{bottom:16px;bottom:1rem}.notifier-wrapper.right{right:16px;right:1rem}.notifier-wrapper.top{top:16px;top:1rem}.notifier-wrapper.center{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}`],
 })
@@ -23,0 +23,0 @@ export class NotifierComponent implements OnInit {

New alerts

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

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-75%

Worsened metrics

Total package byte prevSize

46345

decreased by-46.29%

Number of package files

33

decreased by-51.47%

Lines of code

967

decreased by-29.98%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes