npm - ngx-print - Versions diffs - 1.2.1 → 1.3.0 - Mend

ngx-print 1.2.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/.editorconfig +13 -0
package/.github/ISSUE_TEMPLATE/bug_report.md +31 -0
package/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
package/.nvmrc +1 -0
package/.travis.yml +40 -0
package/CHANGELOG.md +10 -0
package/README.md +23 -0
package/_config.yml +1 -0
package/angular.json +48 -0
package/karma.conf.js +47 -0
package/ng-package.json +8 -0
package/package.json +47 -71
package/src/lib/ngx-print.directive.spec.ts +112 -0
package/src/lib/ngx-print.directive.ts +193 -0
package/src/lib/ngx-print.module.ts +10 -0
package/{public_api.d.ts → src/public_api.ts} +4 -0
package/tsconfig.json +29 -0
package/tsconfig.lib.json +14 -0
package/tsconfig.spec.json +17 -0
package/tslint.json +17 -0
package/bundles/ngx-print.umd.js +0 -349
package/bundles/ngx-print.umd.js.map +0 -1
package/bundles/ngx-print.umd.min.js +0 -2
package/bundles/ngx-print.umd.min.js.map +0 -1
package/esm2015/lib/ngx-print.directive.js +0 -247
package/esm2015/lib/ngx-print.module.js +0 -16
package/esm2015/ngx-print.js +0 -9
package/esm2015/public_api.js +0 -10
package/esm5/lib/ngx-print.directive.js +0 -321
package/esm5/lib/ngx-print.module.js +0 -20
package/esm5/ngx-print.js +0 -9
package/esm5/public_api.js +0 -10
package/fesm2015/ngx-print.js +0 -233
package/fesm2015/ngx-print.js.map +0 -1
package/fesm5/ngx-print.js +0 -309
package/fesm5/ngx-print.js.map +0 -1
package/lib/ngx-print.directive.d.ts +0 -85
package/lib/ngx-print.module.d.ts +0 -2
package/ngx-print.d.ts +0 -4
package/ngx-print.metadata.json +0 -1

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

@@ -0,0 +1,193 @@
+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 ADDED Viewed

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

package/{public_api.d.ts → src/public_api.ts} RENAMED Viewed

@@ -1,2 +1,6 @@
+/*
+ * Public API Surface of ngx-print
+ */
 export * from './lib/ngx-print.directive';
 export * from './lib/ngx-print.module';

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,29 @@
+{
+  "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 ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "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 ADDED Viewed

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

package/tslint.json ADDED Viewed

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

package/bundles/ngx-print.umd.js DELETED Viewed

@@ -1,349 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
-    typeof define === 'function' && define.amd ? define('ngx-print', ['exports', '@angular/core'], factory) :
-    (factory((global['ngx-print'] = {}),global.ng.core));
-}(this, (function (exports,core) { 'use strict';
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var NgxPrintDirective = /** @class */ (function () {
-        function NgxPrintDirective() {
-            this._printStyle = [];
-            /**
-             *
-             *
-             * \@memberof NgxPrintDirective
-             */
-            this.useExistingCss = false;
-            /**
-             * A delay in milliseconds to force the print dialog to wait before opened. Default: 0
-             *
-             * \@memberof NgxPrintDirective
-             */
-            this.printDelay = 0;
-            /**
-             *
-             *
-             * @return html for the given tag
-             *
-             * \@memberof NgxPrintDirective
-             */
-            this._styleSheetFile = '';
-        }
-        Object.defineProperty(NgxPrintDirective.prototype, "printStyle", {
-            /**
-             *
-             *
-             * @memberof NgxPrintDirective
-             */
-            set: /**
-             *
-             *
-             * \@memberof NgxPrintDirective
-             * @param {?} values
-             * @return {?}
-             */ function (values) {
-                for (var key in values) {
-                    if (values.hasOwnProperty(key)) {
-                        this._printStyle.push((key + JSON.stringify(values[key])).replace(/['"]+/g, ''));
-                    }
-                }
-                this.returnStyleValues();
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         *
-         *
-         * @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
-         */
-        /**
-         *
-         *
-         * \@memberof NgxPrintDirective
-         * @return {?} 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
-         *
-         */
-        NgxPrintDirective.prototype.returnStyleValues = /**
-         *
-         *
-         * \@memberof NgxPrintDirective
-         * @return {?} 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
-         *
-         */
-            function () {
-                return "<style> " + this._printStyle.join(' ').replace(/,/g, ';') + " </style>";
-            };
-        Object.defineProperty(NgxPrintDirective.prototype, "styleSheetFile", {
-            /**
-             * @memberof NgxPrintDirective
-             * @param cssList
-             */
-            set: /**
-             * \@memberof NgxPrintDirective
-             * @param {?} cssList
-             * @return {?}
-             */ function (cssList) {
-                var e_1, _a;
-                /** @type {?} */
-                var linkTagFn = ( /**
-                 * @param {?} cssFileName
-                 * @return {?}
-                 */function (cssFileName) {
-                    return "<link rel=\"stylesheet\" type=\"text/css\" href=\"" + cssFileName + "\">";
-                });
-                if (cssList.indexOf(',') !== -1) {
-                    /** @type {?} */
-                    var valueArr = cssList.split(',');
-                    try {
-                        for (var valueArr_1 = __values(valueArr), valueArr_1_1 = valueArr_1.next(); !valueArr_1_1.done; valueArr_1_1 = valueArr_1.next()) {
-                            var val = valueArr_1_1.value;
-                            this._styleSheetFile = this._styleSheetFile + linkTagFn(val);
-                        }
-                    }
-                    catch (e_1_1) {
-                        e_1 = { error: e_1_1 };
-                    }
-                    finally {
-                        try {
-                            if (valueArr_1_1 && !valueArr_1_1.done && (_a = valueArr_1.return))
-                                _a.call(valueArr_1);
-                        }
-                        finally {
-                            if (e_1)
-                                throw e_1.error;
-                        }
-                    }
-                }
-                else {
-                    this._styleSheetFile = linkTagFn(cssList);
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @returns string which contains the link tags containing the css which will
-         * be injected later within <head></head> tag.
-         *
-         */
-        /**
-         * @private
-         * @return {?} string which contains the link tags containing the css which will
-         * be injected later within <head></head> tag.
-         *
-         */
-        NgxPrintDirective.prototype.returnStyleSheetLinkTags = /**
-         * @private
-         * @return {?} string which contains the link tags containing the css which will
-         * be injected later within <head></head> tag.
-         *
-         */
-            function () {
-                return this._styleSheetFile;
-            };
-        /**
-         * @private
-         * @param {?} tag
-         * @return {?}
-         */
-        NgxPrintDirective.prototype.getElementTag = /**
-         * @private
-         * @param {?} tag
-         * @return {?}
-         */
-            function (tag) {
-                /** @type {?} */
-                var html = [];
-                /** @type {?} */
-                var elements = document.getElementsByTagName(tag);
-                for (var 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
-         * @param {?} data the html element collection to save defaults to
-         *
-         * @return {?}
-         */
-        NgxPrintDirective.prototype.getFormData = /**
-         *
-         * @private
-         * @param {?} data the html element collection to save defaults to
-         *
-         * @return {?}
-         */
-            function (data) {
-                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
-         * @return {?} html section to be printed along with some associated inputs
-         *
-         */
-        NgxPrintDirective.prototype.getHtmlContents = /**
-         * @private
-         * @return {?} html section to be printed along with some associated inputs
-         *
-         */
-            function () {
-                /** @type {?} */
-                var printContents = document.getElementById(this.printSectionId);
-                /** @type {?} */
-                var innards = printContents.getElementsByTagName('input');
-                this.getFormData(innards);
-                /** @type {?} */
-                var txt = printContents.getElementsByTagName('textarea');
-                this.getFormData(txt);
-                return printContents.innerHTML;
-            };
-        /**
-         *
-         *
-         * @memberof NgxPrintDirective
-         */
-        /**
-         *
-         *
-         * \@memberof NgxPrintDirective
-         * @return {?}
-         */
-        NgxPrintDirective.prototype.print = /**
-         *
-         *
-         * \@memberof NgxPrintDirective
-         * @return {?}
-         */
-            function () {
-                /** @type {?} */
-                var printContents;
-                /** @type {?} */
-                var popupWin;
-                /** @type {?} */
-                var styles = '';
-                /** @type {?} */
-                var links = '';
-                /** @type {?} */
-                var 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("\n      <html>\n        <head>\n          <title>" + (this.printTitle ? this.printTitle : "") + "</title>\n          " + baseTag + "\n          " + this.returnStyleValues() + "\n          " + this.returnStyleSheetLinkTags() + "\n          " + styles + "\n          " + links + "\n        </head>\n        <body>\n          " + printContents + "\n          <script defer>\n            function triggerPrint(event) {\n              window.removeEventListener('load', triggerPrint, false);\n              setTimeout(function() {\n                closeWindow(window.print());\n              }, " + this.printDelay + ");\n            }\n            function closeWindow(){\n                window.close();\n            }\n            window.addEventListener('load', triggerPrint, false);\n          </script>\n        </body>\n      </html>");
-                popupWin.document.close();
-            };
-        NgxPrintDirective.decorators = [
-            { type: core.Directive, args: [{
-                        selector: "button[ngxPrint]"
-                    },] }
-        ];
-        NgxPrintDirective.propDecorators = {
-            printSectionId: [{ type: core.Input }],
-            printTitle: [{ type: core.Input }],
-            useExistingCss: [{ type: core.Input }],
-            printDelay: [{ type: core.Input }],
-            printStyle: [{ type: core.Input }],
-            styleSheetFile: [{ type: core.Input }],
-            print: [{ type: core.HostListener, args: ['click',] }]
-        };
-        return NgxPrintDirective;
-    }());
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var NgxPrintModule = /** @class */ (function () {
-        function NgxPrintModule() {
-        }
-        NgxPrintModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [NgxPrintDirective],
-                        imports: [],
-                        exports: [NgxPrintDirective]
-                    },] }
-        ];
-        return NgxPrintModule;
-    }());
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    exports.NgxPrintDirective = NgxPrintDirective;
-    exports.NgxPrintModule = NgxPrintModule;
-    Object.defineProperty(exports, '__esModule', { value: true });
-})));
-//# sourceMappingURL=ngx-print.umd.js.map