ngx-print 1.3.0 → 1.3.1

package/karma.conf.js

@@ -1,47 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    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
-        }
-      }
-    },
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    customLaunchers: {
-      ChromeHeadlessCI: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
-      }
-    },
-    singleRun: true
-  });
-};

package/ng-package.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./dist/ngx-print",
-  "lib": {
-    "entryFile": "src/public_api.ts"
-
-  }
-}

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

@@ -1,112 +0,0 @@
-import {Component, DebugElement}    from "@angular/core";
-import {TestBed, ComponentFixture}  from '@angular/core/testing';
-import {By}                         from "@angular/platform-browser";
-
-import { NgxPrintDirective }        from './ngx-print.directive';
-
-@Component({
-  template: `
-  <div id="print-section">
-    <h1>
-      Welcome to ngx-print
-    </h1>
-    <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
-    <h2>Here are some links to help you start: </h2>
-    <ul >
-      <li>
-        <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
-      </li>
-      <li>
-        <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
-      </li>
-      <li>
-        <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
-      </li>
-    </ul>
-    <table border = "1">
-      <tr>
-        <td>Row 1, Column 1</td>
-        <td>Row 1, Column 2</td>
-      </tr>
-      <tr>
-        <td>Row 2, Column 1</td>
-        <td>Row 2, Column 2</td>
-      </tr>
-    </table>
-  </div>
-  <button printSectionId="print-section" ngxPrint></button>
-  `
-})
-class TestNgxPrintComponent {
-}
-
-describe('NgxPrintDirective', () => {
-
-  let buttonEl:   DebugElement;
-  let component:  TestNgxPrintComponent;
-  let fixture:    ComponentFixture<TestNgxPrintComponent>;
-
-  // To change this later, so it'll depend on TestNgxPrintComponent
-  let styleSheet: {[key: string]: {[key: string]: string}}
-                   = {
-                     'h2' : {'border': 'solid 1px'},
-                     'h1' : {'color': 'red', 'border': '1px solid'}
-                    };
-
-  beforeEach(() => {
-
-    // Configure a NgModule-like decorator metadata
-    TestBed.configureTestingModule({
-      declarations: [TestNgxPrintComponent, NgxPrintDirective]
-    });
-
-    // Create a fixture object (that is going to allows us to create an instance of that component)
-    fixture = TestBed.createComponent(TestNgxPrintComponent);
-
-    // Create a component instance ( ~ new Component)
-    component = fixture.componentInstance;
-
-    // Get the button element (on which we tag the directive) to simulate clicks on it
-    buttonEl =  fixture.debugElement.query(By.directive(NgxPrintDirective));
-
-    fixture.detectChanges();
-  });
-
-  it('should create an instance', () => {
-    const directive = new NgxPrintDirective();
-    expect(directive).toBeTruthy();
-  });
-
-  // it('should test the @Input printStyle', () => {
-  //   const directive = new NgxPrintDirective();
-  //   directive.printStyle = styleSheet;
-  //   for (var key in directive.printStyle) {
-  //     if (directive.printStyle.hasOwnProperty(key)) {
-  //       directive._printStyle.push((key + JSON.stringify(directive.printStyle[key])).replace(/['"]+/g, ''));
-  //     }
-  //   }
-  //   directive.returnStyleValues();
-
-  //   expect(directive.returnStyleValues).toHaveBeenCalled();
-  // });
-
-  // it('should returns a string from array of objects', () => {
-  //   const directive = new NgxPrintDirective();
-  //   directive._printStyle = [
-  //     "h2{border:solid 1px}",
-  //     "h1{color:red,border:1px solid}"
-  //   ];
-  //   // let returnedString = directive.returnStyleValues();
-
-  //   // immediately invoked arrow function, else you can uncomment `returnedString` and use it instead
-  //   expect((() => {return directive.returnStyleValues()})()).toEqual('h2{border:solid 1px} h1{color:red,border:1px solid}');
-  // });
-
-  it(`should popup a new window`, ()=> {
-    spyOn(window, 'open');
-    // simulate click
-    buttonEl.triggerEventHandler('click', {});
-    expect(window.open).toHaveBeenCalled();
-  });
-
-});

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

@@ -1,193 +0,0 @@
-import { Directive, HostListener, Input } from '@angular/core';
-@Directive({
-  selector: "button[ngxPrint]"
-})
-export class NgxPrintDirective {
-
-  public _printStyle = [];
-
-  /**
-   * Prevents the print dialog from opening on the window
-   *
-   * @memberof NgxPrintDirective
-   */
-  @Input() previewOnly: boolean = false;
-
-  /**
-   *
-   *
-   * @memberof NgxPrintDirective
-   */
-  @Input() printSectionId: string;
-
-  /**
-   *
-   *
-   * @memberof NgxPrintDirective
-   */
-  @Input() printTitle: string;
-
-  /**
-   *
-   *
-   * @memberof NgxPrintDirective
-   */
-  @Input() useExistingCss = false;
-
-  /**
-   * A delay in milliseconds to force the print dialog to wait before opened. Default: 0
-   *
-   * @memberof NgxPrintDirective
-   */
-  @Input() printDelay: number = 0;
-
-  /**
-   *
-   *
-   * @memberof NgxPrintDirective
-   */
-  @Input()
-  set printStyle(values: { [key: string]: { [key: string]: string } }) {
-    for (let key in values) {
-      if (values.hasOwnProperty(key)) {
-      this._printStyle.push((key + JSON.stringify(values[key])).replace(/['"]+/g, ''));
-      }
-    }
-    this.returnStyleValues();
-  }
-
-/**
- *
- *
- * @returns the string that create the stylesheet which will be injected
- * later within <style></style> tag.
- *
- * -join/replace to transform an array objects to css-styled string
- *
- * @memberof NgxPrintDirective
- */
-public returnStyleValues() {
-  return `<style> ${this._printStyle.join(' ').replace(/,/g,';')} </style>`;
-  }
-
-  /**
-   *
-   *
-   * @returns html for the given tag
-   *
-   * @memberof NgxPrintDirective
-   */
-  private _styleSheetFile = '';
-
-  /**
-   * @memberof NgxPrintDirective
-   * @param cssList
-   */
-  @Input()
-  set styleSheetFile(cssList: string) {
-    let linkTagFn = function(cssFileName) {
-      return `<link rel="stylesheet" type="text/css" href="${cssFileName}">`;
-    }
-    if (cssList.indexOf(',') !== -1) {
-      const valueArr = cssList.split(',');
-      for (let val of valueArr) {
-        this._styleSheetFile = this._styleSheetFile + linkTagFn(val);
-      }
-    } else {
-      this._styleSheetFile = linkTagFn(cssList);
-    }
-  }
-
-  /**
-   * @returns string which contains the link tags containing the css which will
-   * be injected later within <head></head> tag.
-   *
-   */
-  private returnStyleSheetLinkTags() {
-    return this._styleSheetFile;
-  }
-  private getElementTag(tag: keyof HTMLElementTagNameMap): string {
-    const html: string[] = [];
-    const elements = document.getElementsByTagName(tag);
-    for (let index = 0; index < elements.length; index++) {
-      html.push(elements[index].outerHTML);
-    }
-    return html.join('\r\n');
-  }
-
-  /**
-   * 
-   * @param data the html element collection to save defaults to
-   * 
-   */
-  private getFormData(data: any) {
-    for (var i = 0; i < data.length; i++) {
-      data[i].defaultValue = data[i].value;
-      if(data[i].checked) {
-        data[i].defaultChecked = true;
-      }
-    }
-  }
-
-  /**
-   * @returns html section to be printed along with some associated inputs
-   * 
-   */
-  private getHtmlContents() {
-    let printContents = document.getElementById(this.printSectionId);
-    let innards = printContents.getElementsByTagName('input');
-    this.getFormData(innards);
-
-    let txt = printContents.getElementsByTagName('textarea');
-    this.getFormData(txt);
-    
-    return printContents.innerHTML;
-  }
-
-  /**
-   *
-   *
-   * @memberof NgxPrintDirective
-   */
-  @HostListener('click')
-  public print(): void {
-    let printContents, popupWin, styles = '', links = '';
-    const baseTag = this.getElementTag('base');
-
-    if(this.useExistingCss) {
-      styles = this.getElementTag('style');
-      links = this.getElementTag('link');
-    }
-
-    printContents = this.getHtmlContents();
-    popupWin = window.open("", "_blank", "top=0,left=0,height=auto,width=auto");
-    popupWin.document.open();
-    popupWin.document.write(`
-      <html>
-        <head>
-          <title>${this.printTitle ? this.printTitle : ""}</title>
-          ${baseTag}
-          ${this.returnStyleValues()}
-          ${this.returnStyleSheetLinkTags()}
-          ${styles}
-          ${links}
-        </head>
-        <body>
-          ${printContents}
-          <script defer>
-            function triggerPrint(event) {
-              window.removeEventListener('load', triggerPrint, false);
-              ${this.previewOnly ? '' : `setTimeout(function() {
-                closeWindow(window.print());
-              }, ${this.printDelay});`}
-            }
-            function closeWindow(){
-                window.close();
-            }
-            window.addEventListener('load', triggerPrint, false);
-          </script>
-        </body>
-      </html>`);
-    popupWin.document.close();
-  }
-}

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

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { NgxPrintDirective } from './ngx-print.directive';
-
-@NgModule({
-  declarations: [NgxPrintDirective],
-  imports: [
-  ],
-  exports: [NgxPrintDirective]
-})
-export class NgxPrintModule { }

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "module": "ES2022",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "target": "ES2022",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
-    "paths": {
-      "ngx-print": [
-        "dist/ngx-print"
-      ],
-      "ngx-print/*": [
-        "dist/ngx-print/*"
-      ]
-    }
-  }
-}

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-  ],
-  "include": [
-      "**/*.spec.ts",
-      "**/*.d.ts",
-      "**/*.ts"
-  ]
-}

package/tslint.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../tslint.json",
-  "rules": {
-    "directive-selector": [
-      false,
-      "attribute",
-      "lib",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "lib",
-      "kebab-case"
-    ]
-  }
-}