ngx-print 1.2.1 → 1.3.1
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.
- package/README.md +23 -0
- package/esm2020/lib/ngx-print.directive.mjs +187 -0
- package/esm2020/lib/ngx-print.module.mjs +17 -0
- package/esm2020/ngx-print.mjs +5 -0
- package/esm2020/public_api.mjs +6 -0
- package/fesm2015/{ngx-print.js → ngx-print.mjs} +66 -87
- package/fesm2015/ngx-print.mjs.map +1 -0
- package/fesm2020/ngx-print.mjs +212 -0
- package/fesm2020/ngx-print.mjs.map +1 -0
- package/index.d.ts +6 -0
- package/lib/ngx-print.directive.d.ts +13 -3
- package/lib/ngx-print.directive.d.ts.map +1 -0
- package/lib/ngx-print.module.d.ts +6 -0
- package/lib/ngx-print.module.d.ts.map +1 -0
- package/ngx-print.d.ts.map +1 -0
- package/package.json +21 -44
- package/public_api.d.ts +1 -0
- package/public_api.d.ts.map +1 -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.map +0 -1
- package/fesm5/ngx-print.js +0 -309
- package/fesm5/ngx-print.js.map +0 -1
- package/ngx-print.d.ts +0 -4
- package/ngx-print.metadata.json +0 -1
package/esm5/public_api.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
/*
|
|
6
|
-
* Public API Surface of ngx-print
|
|
7
|
-
*/
|
|
8
|
-
export { NgxPrintDirective } from './lib/ngx-print.directive';
|
|
9
|
-
export { NgxPrintModule } from './lib/ngx-print.module';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1wcmludC8iLCJzb3VyY2VzIjpbInB1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUlBLGtDQUFjLDJCQUEyQixDQUFDO0FBQzFDLCtCQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1wcmludFxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25neC1wcmludC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZ3gtcHJpbnQubW9kdWxlJztcclxuIl19
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-print.js.map","sources":["ng://ngx-print/lib/ngx-print.directive.ts","ng://ngx-print/lib/ngx-print.module.ts"],"sourcesContent":["import { Directive, HostListener, Input } from '@angular/core';\r\n@Directive({\r\n selector: \"button[ngxPrint]\"\r\n})\r\nexport class NgxPrintDirective {\r\n\r\n public _printStyle = [];\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() printSectionId: string;\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() printTitle: string;\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() useExistingCss = false;\r\n\r\n /**\r\n * A delay in milliseconds to force the print dialog to wait before opened. Default: 0\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() printDelay: number = 0;\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input()\r\n set printStyle(values: { [key: string]: { [key: string]: string } }) {\r\n for (let key in values) {\r\n if (values.hasOwnProperty(key)) {\r\n this._printStyle.push((key + JSON.stringify(values[key])).replace(/['\"]+/g, ''));\r\n }\r\n }\r\n this.returnStyleValues();\r\n }\r\n\r\n/**\r\n *\r\n *\r\n * @returns the string that create the stylesheet which will be injected\r\n * later within <style></style> tag.\r\n *\r\n * -join/replace to transform an array objects to css-styled string\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\npublic returnStyleValues() {\r\n return `<style> ${this._printStyle.join(' ').replace(/,/g,';')} </style>`;\r\n }\r\n\r\n /**\r\n *\r\n *\r\n * @returns html for the given tag\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n private _styleSheetFile = '';\r\n\r\n /**\r\n * @memberof NgxPrintDirective\r\n * @param cssList\r\n */\r\n @Input()\r\n set styleSheetFile(cssList: string) {\r\n let linkTagFn = function(cssFileName) {\r\n return `<link rel=\"stylesheet\" type=\"text/css\" href=\"${cssFileName}\">`;\r\n }\r\n if (cssList.indexOf(',') !== -1) {\r\n const valueArr = cssList.split(',');\r\n for (let val of valueArr) {\r\n this._styleSheetFile = this._styleSheetFile + linkTagFn(val);\r\n }\r\n } else {\r\n this._styleSheetFile = linkTagFn(cssList);\r\n }\r\n }\r\n\r\n /**\r\n * @returns string which contains the link tags containing the css which will\r\n * be injected later within <head></head> tag.\r\n *\r\n */\r\n private returnStyleSheetLinkTags() {\r\n return this._styleSheetFile;\r\n }\r\n private getElementTag(tag: keyof HTMLElementTagNameMap): string {\r\n const html: string[] = [];\r\n const elements = document.getElementsByTagName(tag);\r\n for (let index = 0; index < elements.length; index++) {\r\n html.push(elements[index].outerHTML);\r\n }\r\n return html.join('\\r\\n');\r\n }\r\n\r\n /**\r\n * \r\n * @param data the html element collection to save defaults to\r\n * \r\n */\r\n private getFormData(data: any) {\r\n for (var i = 0; i < data.length; i++) {\r\n data[i].defaultValue = data[i].value;\r\n if(data[i].checked) {\r\n data[i].defaultChecked = true;\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * @returns html section to be printed along with some associated inputs\r\n * \r\n */\r\n private getHtmlContents() {\r\n let printContents = document.getElementById(this.printSectionId);\r\n let innards = printContents.getElementsByTagName('input');\r\n this.getFormData(innards);\r\n\r\n let txt = printContents.getElementsByTagName('textarea');\r\n this.getFormData(txt);\r\n \r\n return printContents.innerHTML;\r\n }\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @HostListener('click')\r\n public print(): void {\r\n let printContents, popupWin, styles = '', links = '';\r\n const baseTag = this.getElementTag('base');\r\n\r\n if(this.useExistingCss) {\r\n styles = this.getElementTag('style');\r\n links = this.getElementTag('link');\r\n }\r\n\r\n printContents = this.getHtmlContents();\r\n popupWin = window.open(\"\", \"_blank\", \"top=0,left=0,height=auto,width=auto\");\r\n popupWin.document.open();\r\n popupWin.document.write(`\r\n <html>\r\n <head>\r\n <title>${this.printTitle ? this.printTitle : \"\"}</title>\r\n ${baseTag}\r\n ${this.returnStyleValues()}\r\n ${this.returnStyleSheetLinkTags()}\r\n ${styles}\r\n ${links}\r\n </head>\r\n <body>\r\n ${printContents}\r\n <script defer>\r\n function triggerPrint(event) {\r\n window.removeEventListener('load', triggerPrint, false);\r\n setTimeout(function() {\r\n closeWindow(window.print());\r\n }, ${this.printDelay});\r\n }\r\n function closeWindow(){\r\n window.close();\r\n }\r\n window.addEventListener('load', triggerPrint, false);\r\n </script>\r\n </body>\r\n </html>`);\r\n popupWin.document.close();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { NgxPrintDirective } from './ngx-print.directive';\r\n\r\n@NgModule({\r\n declarations: [NgxPrintDirective],\r\n imports: [\r\n ],\r\n exports: [NgxPrintDirective]\r\n})\r\nexport class NgxPrintModule { }\r\n"],"names":[],"mappings":"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"}
|
package/fesm5/ngx-print.js
DELETED
|
@@ -1,309 +0,0 @@
|
|
|
1
|
-
import { __values } from 'tslib';
|
|
2
|
-
import { Directive, HostListener, Input, NgModule } from '@angular/core';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @fileoverview added by tsickle
|
|
6
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7
|
-
*/
|
|
8
|
-
var NgxPrintDirective = /** @class */ (function () {
|
|
9
|
-
function NgxPrintDirective() {
|
|
10
|
-
this._printStyle = [];
|
|
11
|
-
/**
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
* \@memberof NgxPrintDirective
|
|
15
|
-
*/
|
|
16
|
-
this.useExistingCss = false;
|
|
17
|
-
/**
|
|
18
|
-
* A delay in milliseconds to force the print dialog to wait before opened. Default: 0
|
|
19
|
-
*
|
|
20
|
-
* \@memberof NgxPrintDirective
|
|
21
|
-
*/
|
|
22
|
-
this.printDelay = 0;
|
|
23
|
-
/**
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* @return html for the given tag
|
|
27
|
-
*
|
|
28
|
-
* \@memberof NgxPrintDirective
|
|
29
|
-
*/
|
|
30
|
-
this._styleSheetFile = '';
|
|
31
|
-
}
|
|
32
|
-
Object.defineProperty(NgxPrintDirective.prototype, "printStyle", {
|
|
33
|
-
/**
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* @memberof NgxPrintDirective
|
|
37
|
-
*/
|
|
38
|
-
set: /**
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
* \@memberof NgxPrintDirective
|
|
42
|
-
* @param {?} values
|
|
43
|
-
* @return {?}
|
|
44
|
-
*/
|
|
45
|
-
function (values) {
|
|
46
|
-
for (var key in values) {
|
|
47
|
-
if (values.hasOwnProperty(key)) {
|
|
48
|
-
this._printStyle.push((key + JSON.stringify(values[key])).replace(/['"]+/g, ''));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
this.returnStyleValues();
|
|
52
|
-
},
|
|
53
|
-
enumerable: true,
|
|
54
|
-
configurable: true
|
|
55
|
-
});
|
|
56
|
-
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
* @returns the string that create the stylesheet which will be injected
|
|
60
|
-
* later within <style></style> tag.
|
|
61
|
-
*
|
|
62
|
-
* -join/replace to transform an array objects to css-styled string
|
|
63
|
-
*
|
|
64
|
-
* @memberof NgxPrintDirective
|
|
65
|
-
*/
|
|
66
|
-
/**
|
|
67
|
-
*
|
|
68
|
-
*
|
|
69
|
-
* \@memberof NgxPrintDirective
|
|
70
|
-
* @return {?} the string that create the stylesheet which will be injected
|
|
71
|
-
* later within <style></style> tag.
|
|
72
|
-
*
|
|
73
|
-
* -join/replace to transform an array objects to css-styled string
|
|
74
|
-
*
|
|
75
|
-
*/
|
|
76
|
-
NgxPrintDirective.prototype.returnStyleValues = /**
|
|
77
|
-
*
|
|
78
|
-
*
|
|
79
|
-
* \@memberof NgxPrintDirective
|
|
80
|
-
* @return {?} the string that create the stylesheet which will be injected
|
|
81
|
-
* later within <style></style> tag.
|
|
82
|
-
*
|
|
83
|
-
* -join/replace to transform an array objects to css-styled string
|
|
84
|
-
*
|
|
85
|
-
*/
|
|
86
|
-
function () {
|
|
87
|
-
return "<style> " + this._printStyle.join(' ').replace(/,/g, ';') + " </style>";
|
|
88
|
-
};
|
|
89
|
-
Object.defineProperty(NgxPrintDirective.prototype, "styleSheetFile", {
|
|
90
|
-
/**
|
|
91
|
-
* @memberof NgxPrintDirective
|
|
92
|
-
* @param cssList
|
|
93
|
-
*/
|
|
94
|
-
set: /**
|
|
95
|
-
* \@memberof NgxPrintDirective
|
|
96
|
-
* @param {?} cssList
|
|
97
|
-
* @return {?}
|
|
98
|
-
*/
|
|
99
|
-
function (cssList) {
|
|
100
|
-
var e_1, _a;
|
|
101
|
-
/** @type {?} */
|
|
102
|
-
var linkTagFn = (/**
|
|
103
|
-
* @param {?} cssFileName
|
|
104
|
-
* @return {?}
|
|
105
|
-
*/
|
|
106
|
-
function (cssFileName) {
|
|
107
|
-
return "<link rel=\"stylesheet\" type=\"text/css\" href=\"" + cssFileName + "\">";
|
|
108
|
-
});
|
|
109
|
-
if (cssList.indexOf(',') !== -1) {
|
|
110
|
-
/** @type {?} */
|
|
111
|
-
var valueArr = cssList.split(',');
|
|
112
|
-
try {
|
|
113
|
-
for (var valueArr_1 = __values(valueArr), valueArr_1_1 = valueArr_1.next(); !valueArr_1_1.done; valueArr_1_1 = valueArr_1.next()) {
|
|
114
|
-
var val = valueArr_1_1.value;
|
|
115
|
-
this._styleSheetFile = this._styleSheetFile + linkTagFn(val);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
119
|
-
finally {
|
|
120
|
-
try {
|
|
121
|
-
if (valueArr_1_1 && !valueArr_1_1.done && (_a = valueArr_1.return)) _a.call(valueArr_1);
|
|
122
|
-
}
|
|
123
|
-
finally { if (e_1) throw e_1.error; }
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
else {
|
|
127
|
-
this._styleSheetFile = linkTagFn(cssList);
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
enumerable: true,
|
|
131
|
-
configurable: true
|
|
132
|
-
});
|
|
133
|
-
/**
|
|
134
|
-
* @returns string which contains the link tags containing the css which will
|
|
135
|
-
* be injected later within <head></head> tag.
|
|
136
|
-
*
|
|
137
|
-
*/
|
|
138
|
-
/**
|
|
139
|
-
* @private
|
|
140
|
-
* @return {?} string which contains the link tags containing the css which will
|
|
141
|
-
* be injected later within <head></head> tag.
|
|
142
|
-
*
|
|
143
|
-
*/
|
|
144
|
-
NgxPrintDirective.prototype.returnStyleSheetLinkTags = /**
|
|
145
|
-
* @private
|
|
146
|
-
* @return {?} string which contains the link tags containing the css which will
|
|
147
|
-
* be injected later within <head></head> tag.
|
|
148
|
-
*
|
|
149
|
-
*/
|
|
150
|
-
function () {
|
|
151
|
-
return this._styleSheetFile;
|
|
152
|
-
};
|
|
153
|
-
/**
|
|
154
|
-
* @private
|
|
155
|
-
* @param {?} tag
|
|
156
|
-
* @return {?}
|
|
157
|
-
*/
|
|
158
|
-
NgxPrintDirective.prototype.getElementTag = /**
|
|
159
|
-
* @private
|
|
160
|
-
* @param {?} tag
|
|
161
|
-
* @return {?}
|
|
162
|
-
*/
|
|
163
|
-
function (tag) {
|
|
164
|
-
/** @type {?} */
|
|
165
|
-
var html = [];
|
|
166
|
-
/** @type {?} */
|
|
167
|
-
var elements = document.getElementsByTagName(tag);
|
|
168
|
-
for (var index = 0; index < elements.length; index++) {
|
|
169
|
-
html.push(elements[index].outerHTML);
|
|
170
|
-
}
|
|
171
|
-
return html.join('\r\n');
|
|
172
|
-
};
|
|
173
|
-
/**
|
|
174
|
-
*
|
|
175
|
-
* @param data the html element collection to save defaults to
|
|
176
|
-
*
|
|
177
|
-
*/
|
|
178
|
-
/**
|
|
179
|
-
*
|
|
180
|
-
* @private
|
|
181
|
-
* @param {?} data the html element collection to save defaults to
|
|
182
|
-
*
|
|
183
|
-
* @return {?}
|
|
184
|
-
*/
|
|
185
|
-
NgxPrintDirective.prototype.getFormData = /**
|
|
186
|
-
*
|
|
187
|
-
* @private
|
|
188
|
-
* @param {?} data the html element collection to save defaults to
|
|
189
|
-
*
|
|
190
|
-
* @return {?}
|
|
191
|
-
*/
|
|
192
|
-
function (data) {
|
|
193
|
-
for (var i = 0; i < data.length; i++) {
|
|
194
|
-
data[i].defaultValue = data[i].value;
|
|
195
|
-
if (data[i].checked) {
|
|
196
|
-
data[i].defaultChecked = true;
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
};
|
|
200
|
-
/**
|
|
201
|
-
* @returns html section to be printed along with some associated inputs
|
|
202
|
-
*
|
|
203
|
-
*/
|
|
204
|
-
/**
|
|
205
|
-
* @private
|
|
206
|
-
* @return {?} html section to be printed along with some associated inputs
|
|
207
|
-
*
|
|
208
|
-
*/
|
|
209
|
-
NgxPrintDirective.prototype.getHtmlContents = /**
|
|
210
|
-
* @private
|
|
211
|
-
* @return {?} html section to be printed along with some associated inputs
|
|
212
|
-
*
|
|
213
|
-
*/
|
|
214
|
-
function () {
|
|
215
|
-
/** @type {?} */
|
|
216
|
-
var printContents = document.getElementById(this.printSectionId);
|
|
217
|
-
/** @type {?} */
|
|
218
|
-
var innards = printContents.getElementsByTagName('input');
|
|
219
|
-
this.getFormData(innards);
|
|
220
|
-
/** @type {?} */
|
|
221
|
-
var txt = printContents.getElementsByTagName('textarea');
|
|
222
|
-
this.getFormData(txt);
|
|
223
|
-
return printContents.innerHTML;
|
|
224
|
-
};
|
|
225
|
-
/**
|
|
226
|
-
*
|
|
227
|
-
*
|
|
228
|
-
* @memberof NgxPrintDirective
|
|
229
|
-
*/
|
|
230
|
-
/**
|
|
231
|
-
*
|
|
232
|
-
*
|
|
233
|
-
* \@memberof NgxPrintDirective
|
|
234
|
-
* @return {?}
|
|
235
|
-
*/
|
|
236
|
-
NgxPrintDirective.prototype.print = /**
|
|
237
|
-
*
|
|
238
|
-
*
|
|
239
|
-
* \@memberof NgxPrintDirective
|
|
240
|
-
* @return {?}
|
|
241
|
-
*/
|
|
242
|
-
function () {
|
|
243
|
-
/** @type {?} */
|
|
244
|
-
var printContents;
|
|
245
|
-
/** @type {?} */
|
|
246
|
-
var popupWin;
|
|
247
|
-
/** @type {?} */
|
|
248
|
-
var styles = '';
|
|
249
|
-
/** @type {?} */
|
|
250
|
-
var links = '';
|
|
251
|
-
/** @type {?} */
|
|
252
|
-
var baseTag = this.getElementTag('base');
|
|
253
|
-
if (this.useExistingCss) {
|
|
254
|
-
styles = this.getElementTag('style');
|
|
255
|
-
links = this.getElementTag('link');
|
|
256
|
-
}
|
|
257
|
-
printContents = this.getHtmlContents();
|
|
258
|
-
popupWin = window.open("", "_blank", "top=0,left=0,height=auto,width=auto");
|
|
259
|
-
popupWin.document.open();
|
|
260
|
-
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>");
|
|
261
|
-
popupWin.document.close();
|
|
262
|
-
};
|
|
263
|
-
NgxPrintDirective.decorators = [
|
|
264
|
-
{ type: Directive, args: [{
|
|
265
|
-
selector: "button[ngxPrint]"
|
|
266
|
-
},] }
|
|
267
|
-
];
|
|
268
|
-
NgxPrintDirective.propDecorators = {
|
|
269
|
-
printSectionId: [{ type: Input }],
|
|
270
|
-
printTitle: [{ type: Input }],
|
|
271
|
-
useExistingCss: [{ type: Input }],
|
|
272
|
-
printDelay: [{ type: Input }],
|
|
273
|
-
printStyle: [{ type: Input }],
|
|
274
|
-
styleSheetFile: [{ type: Input }],
|
|
275
|
-
print: [{ type: HostListener, args: ['click',] }]
|
|
276
|
-
};
|
|
277
|
-
return NgxPrintDirective;
|
|
278
|
-
}());
|
|
279
|
-
|
|
280
|
-
/**
|
|
281
|
-
* @fileoverview added by tsickle
|
|
282
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
283
|
-
*/
|
|
284
|
-
var NgxPrintModule = /** @class */ (function () {
|
|
285
|
-
function NgxPrintModule() {
|
|
286
|
-
}
|
|
287
|
-
NgxPrintModule.decorators = [
|
|
288
|
-
{ type: NgModule, args: [{
|
|
289
|
-
declarations: [NgxPrintDirective],
|
|
290
|
-
imports: [],
|
|
291
|
-
exports: [NgxPrintDirective]
|
|
292
|
-
},] }
|
|
293
|
-
];
|
|
294
|
-
return NgxPrintModule;
|
|
295
|
-
}());
|
|
296
|
-
|
|
297
|
-
/**
|
|
298
|
-
* @fileoverview added by tsickle
|
|
299
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
300
|
-
*/
|
|
301
|
-
|
|
302
|
-
/**
|
|
303
|
-
* @fileoverview added by tsickle
|
|
304
|
-
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
305
|
-
*/
|
|
306
|
-
|
|
307
|
-
export { NgxPrintDirective, NgxPrintModule };
|
|
308
|
-
|
|
309
|
-
//# sourceMappingURL=ngx-print.js.map
|
package/fesm5/ngx-print.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-print.js.map","sources":["ng://ngx-print/lib/ngx-print.directive.ts","ng://ngx-print/lib/ngx-print.module.ts"],"sourcesContent":["import { Directive, HostListener, Input } from '@angular/core';\r\n@Directive({\r\n selector: \"button[ngxPrint]\"\r\n})\r\nexport class NgxPrintDirective {\r\n\r\n public _printStyle = [];\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() printSectionId: string;\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() printTitle: string;\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() useExistingCss = false;\r\n\r\n /**\r\n * A delay in milliseconds to force the print dialog to wait before opened. Default: 0\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input() printDelay: number = 0;\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @Input()\r\n set printStyle(values: { [key: string]: { [key: string]: string } }) {\r\n for (let key in values) {\r\n if (values.hasOwnProperty(key)) {\r\n this._printStyle.push((key + JSON.stringify(values[key])).replace(/['\"]+/g, ''));\r\n }\r\n }\r\n this.returnStyleValues();\r\n }\r\n\r\n/**\r\n *\r\n *\r\n * @returns the string that create the stylesheet which will be injected\r\n * later within <style></style> tag.\r\n *\r\n * -join/replace to transform an array objects to css-styled string\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\npublic returnStyleValues() {\r\n return `<style> ${this._printStyle.join(' ').replace(/,/g,';')} </style>`;\r\n }\r\n\r\n /**\r\n *\r\n *\r\n * @returns html for the given tag\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n private _styleSheetFile = '';\r\n\r\n /**\r\n * @memberof NgxPrintDirective\r\n * @param cssList\r\n */\r\n @Input()\r\n set styleSheetFile(cssList: string) {\r\n let linkTagFn = function(cssFileName) {\r\n return `<link rel=\"stylesheet\" type=\"text/css\" href=\"${cssFileName}\">`;\r\n }\r\n if (cssList.indexOf(',') !== -1) {\r\n const valueArr = cssList.split(',');\r\n for (let val of valueArr) {\r\n this._styleSheetFile = this._styleSheetFile + linkTagFn(val);\r\n }\r\n } else {\r\n this._styleSheetFile = linkTagFn(cssList);\r\n }\r\n }\r\n\r\n /**\r\n * @returns string which contains the link tags containing the css which will\r\n * be injected later within <head></head> tag.\r\n *\r\n */\r\n private returnStyleSheetLinkTags() {\r\n return this._styleSheetFile;\r\n }\r\n private getElementTag(tag: keyof HTMLElementTagNameMap): string {\r\n const html: string[] = [];\r\n const elements = document.getElementsByTagName(tag);\r\n for (let index = 0; index < elements.length; index++) {\r\n html.push(elements[index].outerHTML);\r\n }\r\n return html.join('\\r\\n');\r\n }\r\n\r\n /**\r\n * \r\n * @param data the html element collection to save defaults to\r\n * \r\n */\r\n private getFormData(data: any) {\r\n for (var i = 0; i < data.length; i++) {\r\n data[i].defaultValue = data[i].value;\r\n if(data[i].checked) {\r\n data[i].defaultChecked = true;\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * @returns html section to be printed along with some associated inputs\r\n * \r\n */\r\n private getHtmlContents() {\r\n let printContents = document.getElementById(this.printSectionId);\r\n let innards = printContents.getElementsByTagName('input');\r\n this.getFormData(innards);\r\n\r\n let txt = printContents.getElementsByTagName('textarea');\r\n this.getFormData(txt);\r\n \r\n return printContents.innerHTML;\r\n }\r\n\r\n /**\r\n *\r\n *\r\n * @memberof NgxPrintDirective\r\n */\r\n @HostListener('click')\r\n public print(): void {\r\n let printContents, popupWin, styles = '', links = '';\r\n const baseTag = this.getElementTag('base');\r\n\r\n if(this.useExistingCss) {\r\n styles = this.getElementTag('style');\r\n links = this.getElementTag('link');\r\n }\r\n\r\n printContents = this.getHtmlContents();\r\n popupWin = window.open(\"\", \"_blank\", \"top=0,left=0,height=auto,width=auto\");\r\n popupWin.document.open();\r\n popupWin.document.write(`\r\n <html>\r\n <head>\r\n <title>${this.printTitle ? this.printTitle : \"\"}</title>\r\n ${baseTag}\r\n ${this.returnStyleValues()}\r\n ${this.returnStyleSheetLinkTags()}\r\n ${styles}\r\n ${links}\r\n </head>\r\n <body>\r\n ${printContents}\r\n <script defer>\r\n function triggerPrint(event) {\r\n window.removeEventListener('load', triggerPrint, false);\r\n setTimeout(function() {\r\n closeWindow(window.print());\r\n }, ${this.printDelay});\r\n }\r\n function closeWindow(){\r\n window.close();\r\n }\r\n window.addEventListener('load', triggerPrint, false);\r\n </script>\r\n </body>\r\n </html>`);\r\n popupWin.document.close();\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { NgxPrintDirective } from './ngx-print.directive';\r\n\r\n@NgModule({\r\n declarations: [NgxPrintDirective],\r\n imports: [\r\n ],\r\n exports: [NgxPrintDirective]\r\n})\r\nexport class NgxPrintModule { }\r\n"],"names":["tslib_1.__values"],"mappings":";;;;;;;;IACA;QAKS,gBAAW,GAAG,EAAE,CAAC;;;;;;QAqBf,mBAAc,GAAG,KAAK,CAAC;;;;;;QAOvB,eAAU,GAAW,CAAC,CAAC;;;;;;;;QAsCxB,oBAAe,GAAG,EAAE,CAAC;KAiH9B;IAhJC,sBACI,yCAAU;;;;;;;;;;;;;QADd,UACe,MAAoD;YACjE,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;gBACtB,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;oBAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;iBAChF;aACF;YACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;;;OAAA;;;;;;;;;;;;;;;;;;;;;IAYI,6CAAiB;;;;;;;;;;IAAxB;QACE,OAAO,aAAW,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAC,GAAG,CAAC,cAAW,CAAC;KACzE;IAeD,sBACI,6CAAc;;;;;;;;;;QADlB,UACmB,OAAe;;;gBAC5B,SAAS;;;;YAAG,UAAS,WAAW;gBAClC,OAAO,uDAAgD,WAAW,QAAI,CAAC;aACxE,CAAA;YACD,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;;oBACzB,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;;oBACnC,KAAgB,IAAA,aAAAA,SAAA,QAAQ,CAAA,kCAAA,wDAAE;wBAArB,IAAI,GAAG,qBAAA;wBACV,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;qBAC9D;;;;;;;;;aACF;iBAAM;gBACL,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;aAC3C;SACF;;;OAAA;;;;;;;;;;;;IAOO,oDAAwB;;;;;;IAAhC;QACE,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;;;;;;IACO,yCAAa;;;;;IAArB,UAAsB,GAAgC;;YAC9C,IAAI,GAAa,EAAE;;YACnB,QAAQ,GAAG,QAAQ,CAAC,oBAAoB,CAAC,GAAG,CAAC;QACnD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACpD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;SACtC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC1B;;;;;;;;;;;;;IAOO,uCAAW;;;;;;;IAAnB,UAAoB,IAAS;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YACrC,IAAG,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;gBAClB,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC;aAC/B;SACF;KACF;;;;;;;;;;IAMO,2CAAe;;;;;IAAvB;;YACM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC;;YAC5D,OAAO,GAAG,aAAa,CAAC,oBAAoB,CAAC,OAAO,CAAC;QACzD,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;;YAEtB,GAAG,GAAG,aAAa,CAAC,oBAAoB,CAAC,UAAU,CAAC;QACxD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAEtB,OAAO,aAAa,CAAC,SAAS,CAAC;KAChC;;;;;;;;;;;;IAQM,iCAAK;;;;;;IADZ;;YAEM,aAAa;;YAAE,QAAQ;;YAAE,MAAM,GAAG,EAAE;;YAAE,KAAK,GAAG,EAAE;;YAC9C,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;QAE1C,IAAG,IAAI,CAAC,cAAc,EAAE;YACtB,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;SACpC;QAED,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACvC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,qCAAqC,CAAC,CAAC;QAC5E,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACzB,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,uDAGT,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE,6BAC7C,OAAO,oBACP,IAAI,CAAC,iBAAiB,EAAE,oBACxB,IAAI,CAAC,wBAAwB,EAAE,oBAC/B,MAAM,oBACN,KAAK,qDAGL,aAAa,8PAMN,IAAI,CAAC,UAAU,mOAQpB,CAAC,CAAC;QACZ,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;KAC3B;;gBAvLF,SAAS,SAAC;oBACT,QAAQ,EAAE,kBAAkB;iBAC7B;;;iCAUE,KAAK;6BAOL,KAAK;iCAOL,KAAK;6BAOL,KAAK;6BAOL,KAAK;iCAqCL,KAAK;wBAkEL,YAAY,SAAC,OAAO;;IAyCvB,wBAAC;CAxLD;;;;;;ACDA;IAGA;KAM+B;;gBAN9B,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,EACR;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B;;IAC6B,qBAAC;CAN/B;;;;;;;;;;;;;;"}
|
package/ngx-print.d.ts
DELETED
package/ngx-print.metadata.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"NgxPrintDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"button[ngxPrint]"}]}],"members":{"printSectionId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"printTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"useExistingCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"printDelay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"printStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"returnStyleValues":[{"__symbolic":"method"}],"styleSheetFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"returnStyleSheetLinkTags":[{"__symbolic":"method"}],"getElementTag":[{"__symbolic":"method"}],"getFormData":[{"__symbolic":"method"}],"getHtmlContents":[{"__symbolic":"method"}],"print":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":144,"character":3},"arguments":["click"]}]}]}},"NgxPrintModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxPrintDirective"}],"imports":[],"exports":[{"__symbolic":"reference","name":"NgxPrintDirective"}]}]}],"members":{}}},"origins":{"NgxPrintDirective":"./lib/ngx-print.directive","NgxPrintModule":"./lib/ngx-print.module"},"importAs":"ngx-print"}
|