🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

ngx-print-element

Package Overview
Dependencies
Maintainers
1
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-print-element - npm Package Compare versions

Comparing version

to
2.0.14

2

package.json
{
"name": "ngx-print-element",
"version": "2.0.13",
"version": "2.0.14",
"description": "This library is built to provide a solution for printing on html elements.",

@@ -5,0 +5,0 @@ "keywords": [

@@ -73,10 +73,22 @@ # ngx-print-element

<button [print]="['demo', {
<button [print]="['demo', config]">Print</button>
```
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
public config = {
printMode: 'template-popup',
popupProperties: 'toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=1000,height=1000',
popupProperties: 'toolbar=yes,scrollbars=yes,resizable=yes,top=0,left=0,fullscreen=yes',
pageTitle: 'Hello World',
templateString: '<header>I\'m part of the template header</header>{{printBody}}<footer>I\'m part of the template footer</footer>',
stylesheets: [{rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css'}]
styles: ['.table { color: red; }', '.table td { color: green; }'],
}]">Print</button>
stylesheets: [{ rel: 'stylesheet', href: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' }],
styles: ['.table { color: red; }', '.table td { color: green; }']
}
}
```

@@ -83,0 +95,0 @@