ngx-print 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# 1.3.0 (2022-12-20)
+### New features
+*  Supports previewOnly tag, allowing for the print preview to show without the print dialog
+### Dependency Updates
+* Angular Ivy support with Angular 15
+
 # 1.1.0 (2018-12-04)
 ### New features
 *  Support styles (CSS) ([#5](https://github.com/selemxmn/ngx-print/issues/5)) ([71cefdf](https://github.com/selemxmn/ngx-print/commit/71cefdf))

package/README.md

@@ -3,6 +3,11 @@
 # ngx-print : *plug n' play Angular (2++) directive to print your stuff*
 This directive makes printing your HTML sections smooth and easy in your Angular application. It is inspired from the old [AngularJS ngPrint](https://github.com/gilf/ngPrint) directive, thus it is intendend to be used with the new Angular -2/4/5/6/7-... ***Enjoy ! contributions are so welcomed :)***
 
+## Dependencies
+| ngx-print    | Angular      |
+| ------------ | ------------ |
+| 1.2.1        | 7.0.0 - 14.1.0   |
+| 1.3.x        | 15.0.0       |
 ## Setup
 
  **1-** In your root application folder run:
@@ -127,6 +132,24 @@ Here some simple styles were added to every `h1` & `h2` tags within the `div` wh
   printSectionId="print-section"
   ngxPrint>print</button>
 
+  ```
+  
+- If you would like to show a preview without a print dialog use 
+`previewOnly`:
+
+```html
+
+<div  id="print-section">
+
+<!-- ... -->
+
+</div>
+
+<button
+  [previewOnly]="true"
+	printSectionId="print-section"
+	ngxPrint>print</button>
+
 ```
 ## Contributors :1st_place_medal: 
 

package/angular.json

@@ -10,7 +10,7 @@
       "prefix": "lib",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "tsconfig.lib.json",
             "project": "ng-package.json"
@@ -19,10 +19,12 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "src/test.ts",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
-            "codeCoverage": true
+            "karmaConfig": "karma.conf.js"
           }
         },
         "lint": {
@@ -40,5 +42,7 @@
       }
     }
   },
-  "defaultProject": "ngx-print"
+  "cli": {
+    "analytics": false
+  }
 }

package/karma.conf.js

@@ -9,18 +9,28 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, './dist/coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
+    ccoverageReporter: {
+      dir: require('path').join(__dirname, './coverage/<project-name>'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ],
+      check: {
+        global: {
+          statements: 80,
+          branches: 80,
+          functions: 80,
+          lines: 80
+        }
+      }
     },
-    reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,

package/ng-package.json

@@ -4,6 +4,5 @@
   "lib": {
     "entryFile": "src/public_api.ts"
 
-  },
-  "whitelistedNonPeerDependencies": ["."]
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-print",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Plug n' Play Angular (2++) directive to print your stuff",
   "author": "https://github.com/selemxmn/ngx-print/graphs/contributors",
   "repository": {
@@ -25,42 +25,23 @@
   "scripts": {
     "ng": "ng",
     "build": "ng build",
-    "test": "ng test -- --no-watch --code-coverage --no-progress --browsers=ChromeHeadlessCI"
+    "test": "ng test --no-watch --code-coverage --no-progress --browsers=ChromeHeadlessCI"
   },
   "dependencies": {
-    "tslib": "^1.9.3"
+    "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.11.1",
-    "@angular-devkit/build-ng-packagr": "^0.11.0",
-    "@angular/cli": "^7.1.0",
-    "@angular/common": "^7.1.3",
-    "@angular/compiler": "^7.1.1",
-    "@angular/compiler-cli": "^7.1.1",
-    "@angular/core": "^7.1.1",
-    "@angular/platform-browser": "^7.1.3",
-    "@angular/platform-browser-dynamic": "^7.1.1",
-    "@types/jasmine": "^3.3.1",
-    "@types/node": "^10.12.12",
-    "codelyzer": "^4.5.0",
-    "coveralls": "^3.0.2",
-    "jasmine-core": "^3.3.0",
-    "jasmine-spec-reporter": "^4.2.1",
-    "karma": "^3.1.3",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage-istanbul-reporter": "^2.0.4",
-    "karma-jasmine": "^2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
-    "ng-packagr": "^4.4.0",
-    "nyc": "^14.1.1",
-    "rxjs": "^6.3.3",
-    "ts-node": "^7.0.1",
-    "tsickle": "^0.34.0",
-    "typescript": "3.2.4",
-    "zone.js": "^0.8.26"
-  },
-  "peerDependencies": {
-    "@angular/common": "*",
-    "@angular/core": "*"
+    "@angular-devkit/build-angular": "^15.0.4",
+    "@angular/cli": "~15.0.4",
+    "@angular/compiler-cli": "^15.0.0",
+    "@types/jasmine": "~4.3.0",
+    "jasmine-core": "~4.5.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.0.0",
+    "ng-packagr": "^15.0.0",
+    "typescript": "~4.8.2"
   }
 }

package/src/lib/ngx-print.directive.ts

@@ -6,6 +6,13 @@ export class NgxPrintDirective {
 
   public _printStyle = [];
 
+  /**
+   * Prevents the print dialog from opening on the window
+   *
+   * @memberof NgxPrintDirective
+   */
+  @Input() previewOnly: boolean = false;
+
   /**
    *
    *
@@ -170,9 +177,9 @@ public returnStyleValues() {
           <script defer>
             function triggerPrint(event) {
               window.removeEventListener('load', triggerPrint, false);
-              setTimeout(function() {
+              ${this.previewOnly ? '' : `setTimeout(function() {
                 closeWindow(window.print());
-              }, ${this.printDelay});
+              }, ${this.printDelay});`}
             }
             function closeWindow(){
                 window.close();

package/tsconfig.json

@@ -5,16 +5,16 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "module": "es2015",
+    "module": "ES2022",
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es5",
+    "target": "ES2022",
     "typeRoots": [
       "node_modules/@types"
     ],
     "lib": [
-      "es2018",
+      "ES2022",
       "dom"
     ],
     "paths": {

package/tsconfig.lib.json

@@ -1,29 +1,11 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "outDir": "./out-tsc/lib",
-    "target": "es2015",
-    "module": "es2015",
-    "moduleResolution": "node",
+    "outDir": "../../out-tsc/lib",
     "declaration": true,
-    "sourceMap": true,
+    "declarationMap": true,
     "inlineSources": true,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
-  },
-  "angularCompilerOptions": {
-    "annotateForClosureCompiler": true,
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true,
-    "enableResourceInlining": true
+    "types": []
   },
   "exclude": [
     "src/test.ts",

package/tsconfig.spec.json

@@ -8,10 +8,10 @@
     ]
   },
   "files": [
-    "src/test.ts"
   ],
   "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
+      "**/*.spec.ts",
+      "**/*.d.ts",
+      "**/*.ts"
   ]
 }

package/src/test.ts

@@ -1,22 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'core-js/es7/reflect';
-import 'zone.js/dist/zone';
-import 'zone.js/dist/zone-testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);