jqwidgets-ng 13.2.0 → 14.0.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.
- package/ReleaseNotes.txt +25 -1
- package/bundles/jqwidgets-ng-jqxbarcode.umd.js +604 -0
- package/bundles/jqwidgets-ng-jqxbarcode.umd.min.js +16 -0
- package/bundles/jqwidgets-ng-jqxgrid.umd.js +25 -1
- package/bundles/jqwidgets-ng-jqxgrid.umd.min.js +1 -1
- package/bundles/jqwidgets-ng-jqxqrcode.umd.js +622 -0
- package/bundles/jqwidgets-ng-jqxqrcode.umd.min.js +16 -0
- package/esm2015/jqxbarcode/angular_jqxbarcode.js +262 -0
- package/esm2015/jqxbarcode/angular_jqxbarcode.module.js +13 -0
- package/esm2015/jqxbarcode/jqwidgets-ng-jqxbarcode.js +4 -0
- package/esm2015/jqxbarcode/public_api.js +2 -0
- package/esm2015/jqxgrid/angular_jqxgrid.js +25 -1
- package/esm2015/jqxqrcode/angular_jqxqrcode.js +281 -0
- package/esm2015/jqxqrcode/angular_jqxqrcode.module.js +14 -0
- package/esm2015/jqxqrcode/jqwidgets-ng-jqxqrcode.js +4 -0
- package/esm2015/jqxqrcode/public_api.js +2 -0
- package/fesm2015/jqwidgets-ng-jqxbarcode.js +279 -0
- package/fesm2015/jqwidgets-ng-jqxgrid.js +25 -1
- package/fesm2015/jqwidgets-ng-jqxqrcode.js +298 -0
- package/jqwidgets/jqx-all.js +30 -8
- package/jqwidgets/jqxangular.js +1 -1
- package/jqwidgets/jqxbarcode.js +18 -0
- package/jqwidgets/jqxbargauge.js +1 -1
- package/jqwidgets/jqxbulletchart.js +1 -1
- package/jqwidgets/jqxbuttongroup.js +1 -1
- package/jqwidgets/jqxbuttons.js +1 -1
- package/jqwidgets/jqxcalendar.js +1 -1
- package/jqwidgets/jqxchart.annotations.js +1 -1
- package/jqwidgets/jqxchart.api.js +1 -1
- package/jqwidgets/jqxchart.core.js +1 -1
- package/jqwidgets/jqxchart.js +1 -1
- package/jqwidgets/jqxchart.rangeselector.js +1 -1
- package/jqwidgets/jqxchart.waterfall.js +1 -1
- package/jqwidgets/jqxcheckbox.js +1 -1
- package/jqwidgets/jqxcolorpicker.js +1 -1
- package/jqwidgets/jqxcombobox.js +1 -1
- package/jqwidgets/jqxcomplexinput.js +1 -1
- package/jqwidgets/jqxcore.js +1 -1
- package/jqwidgets/jqxdata.export.js +1 -1
- package/jqwidgets/jqxdata.js +1 -1
- package/jqwidgets/jqxdatatable.js +1 -1
- package/jqwidgets/jqxdate.js +1 -1
- package/jqwidgets/jqxdatetimeinput.js +1 -1
- package/jqwidgets/jqxdocking.js +1 -1
- package/jqwidgets/jqxdockinglayout.js +1 -1
- package/jqwidgets/jqxdockpanel.js +1 -1
- package/jqwidgets/jqxdragdrop.js +1 -1
- package/jqwidgets/jqxdraw.js +1 -1
- package/jqwidgets/jqxdropdownbutton.js +1 -1
- package/jqwidgets/jqxdropdownlist.js +1 -1
- package/jqwidgets/jqxeditor.js +1 -1
- package/jqwidgets/jqxexpander.js +1 -1
- package/jqwidgets/jqxfileupload.js +1 -1
- package/jqwidgets/jqxform.js +1 -1
- package/jqwidgets/jqxformattedinput.js +1 -1
- package/jqwidgets/jqxgauge.js +1 -1
- package/jqwidgets/jqxgrid.aggregates.js +1 -1
- package/jqwidgets/jqxgrid.columnsreorder.js +1 -1
- package/jqwidgets/jqxgrid.columnsresize.js +1 -1
- package/jqwidgets/jqxgrid.edit.js +2 -2
- package/jqwidgets/jqxgrid.export.js +1 -1
- package/jqwidgets/jqxgrid.filter.js +2 -2
- package/jqwidgets/jqxgrid.grouping.js +1 -1
- package/jqwidgets/jqxgrid.js +2 -2
- package/jqwidgets/jqxgrid.pager.js +1 -1
- package/jqwidgets/jqxgrid.selection.js +1 -1
- package/jqwidgets/jqxgrid.sort.js +2 -2
- package/jqwidgets/jqxgrid.storage.js +1 -1
- package/jqwidgets/jqxheatmap.js +1 -1
- package/jqwidgets/jqxinput.js +1 -1
- package/jqwidgets/jqxkanban.js +1 -1
- package/jqwidgets/jqxknob.js +1 -1
- package/jqwidgets/jqxknockout.js +1 -1
- package/jqwidgets/jqxlayout.js +1 -1
- package/jqwidgets/jqxlistbox.js +1 -1
- package/jqwidgets/jqxlistmenu.js +1 -1
- package/jqwidgets/jqxloader.js +1 -1
- package/jqwidgets/jqxmaskedinput.js +1 -1
- package/jqwidgets/jqxmenu.js +1 -1
- package/jqwidgets/jqxnavbar.js +1 -1
- package/jqwidgets/jqxnavigationbar.js +1 -1
- package/jqwidgets/jqxnotification.js +1 -1
- package/jqwidgets/jqxnumberinput.js +2 -2
- package/jqwidgets/jqxpanel.js +1 -1
- package/jqwidgets/jqxpasswordinput.js +1 -1
- package/jqwidgets/jqxpivot.js +1 -1
- package/jqwidgets/jqxpivotdesigner.js +1 -1
- package/jqwidgets/jqxpivotgrid.js +1 -1
- package/jqwidgets/jqxpopover.js +1 -1
- package/jqwidgets/jqxprogressbar.js +1 -1
- package/jqwidgets/jqxqrcode.js +18 -0
- package/jqwidgets/jqxradiobutton.js +1 -1
- package/jqwidgets/jqxrangeselector.js +1 -1
- package/jqwidgets/jqxrating.js +1 -1
- package/jqwidgets/jqxresponsivepanel.js +1 -1
- package/jqwidgets/jqxribbon.js +1 -1
- package/jqwidgets/jqxscheduler.api.js +1 -1
- package/jqwidgets/jqxscheduler.js +1 -1
- package/jqwidgets/jqxscrollbar.js +1 -1
- package/jqwidgets/jqxscrollview.js +1 -1
- package/jqwidgets/jqxslider.js +2 -2
- package/jqwidgets/jqxsortable.js +1 -1
- package/jqwidgets/jqxsplitlayout.js +1 -1
- package/jqwidgets/jqxsplitter.js +1 -1
- package/jqwidgets/jqxswitchbutton.js +1 -1
- package/jqwidgets/jqxtabs.js +2 -2
- package/jqwidgets/jqxtagcloud.js +1 -1
- package/jqwidgets/jqxtextarea.js +1 -1
- package/jqwidgets/jqxtimepicker.js +1 -1
- package/jqwidgets/jqxtoolbar.js +1 -1
- package/jqwidgets/jqxtooltip.js +1 -1
- package/jqwidgets/jqxtouch.js +1 -1
- package/jqwidgets/jqxtree.js +1 -1
- package/jqwidgets/jqxtreegrid.js +1 -1
- package/jqwidgets/jqxtreemap.js +1 -1
- package/jqwidgets/jqxvalidator.js +1 -1
- package/jqwidgets/jqxwindow.js +1 -1
- package/jqwidgets/styles/jqx.light.css +25 -5
- package/jqwidgets.d.ts +58 -0
- package/jqxbarcode/angular_jqxbarcode.d.ts +56 -0
- package/jqxbarcode/angular_jqxbarcode.module.d.ts +2 -0
- package/jqxbarcode/jqwidgets-ng-jqxbarcode.d.ts +4 -0
- package/jqxbarcode/jqwidgets-ng-jqxbarcode.metadata.json +1 -0
- package/jqxbarcode/package.json +11 -0
- package/jqxbarcode/public_api.d.ts +2 -0
- package/jqxgrid/angular_jqxgrid.d.ts +4 -0
- package/jqxgrid/jqwidgets-ng-jqxgrid.metadata.json +1 -1
- package/jqxqrcode/angular_jqxqrcode.d.ts +60 -0
- package/jqxqrcode/angular_jqxqrcode.module.d.ts +2 -0
- package/jqxqrcode/jqwidgets-ng-jqxqrcode.d.ts +4 -0
- package/jqxqrcode/jqwidgets-ng-jqxqrcode.metadata.json +1 -0
- package/jqxqrcode/package.json +11 -0
- package/jqxqrcode/public_api.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
import '../jqwidgets/jqxcore';
|
|
2
|
+
import '../jqwidgets/jqxbarcode';
|
|
3
|
+
import { EventEmitter, Component, ElementRef, Input, Output, NgModule } from '@angular/core';
|
|
4
|
+
|
|
5
|
+
/// <reference path="../../jqwidgets.d.ts" />
|
|
6
|
+
class jqxBarcodeComponent {
|
|
7
|
+
constructor(containerElement) {
|
|
8
|
+
this.autoCreate = true;
|
|
9
|
+
this.properties = ['backgroundColor', 'displayLabel', 'labelColor', 'labelFont', 'labelFontSize', 'labelMarginBottom', 'labelMarginTop', 'labelPosition', 'lineColor', 'lineHeight', 'lineWidth', 'renderAs', 'type', 'value'];
|
|
10
|
+
// jqxBarcodeComponent events
|
|
11
|
+
this.onInvalid = new EventEmitter();
|
|
12
|
+
this.elementRef = containerElement;
|
|
13
|
+
}
|
|
14
|
+
ngOnInit() {
|
|
15
|
+
if (this.autoCreate) {
|
|
16
|
+
this.createComponent();
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
;
|
|
20
|
+
ngOnChanges(changes) {
|
|
21
|
+
if (this.host) {
|
|
22
|
+
for (let i = 0; i < this.properties.length; i++) {
|
|
23
|
+
let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
|
|
24
|
+
let areEqual = false;
|
|
25
|
+
if (this[attrName] !== undefined) {
|
|
26
|
+
if (typeof this[attrName] === 'object') {
|
|
27
|
+
if (this[attrName] instanceof Array) {
|
|
28
|
+
areEqual = this.arraysEqual(this[attrName], this.host.jqxBarcode(this.properties[i]));
|
|
29
|
+
}
|
|
30
|
+
if (areEqual) {
|
|
31
|
+
return false;
|
|
32
|
+
}
|
|
33
|
+
this.host.jqxBarcode(this.properties[i], this[attrName]);
|
|
34
|
+
continue;
|
|
35
|
+
}
|
|
36
|
+
if (this[attrName] !== this.host.jqxBarcode(this.properties[i])) {
|
|
37
|
+
this.host.jqxBarcode(this.properties[i], this[attrName]);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
arraysEqual(attrValue, hostValue) {
|
|
44
|
+
if ((attrValue && !hostValue) || (!attrValue && hostValue)) {
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
if (attrValue.length != hostValue.length) {
|
|
48
|
+
return false;
|
|
49
|
+
}
|
|
50
|
+
for (let i = 0; i < attrValue.length; i++) {
|
|
51
|
+
if (attrValue[i] !== hostValue[i]) {
|
|
52
|
+
return false;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return true;
|
|
56
|
+
}
|
|
57
|
+
manageAttributes() {
|
|
58
|
+
let options = {};
|
|
59
|
+
for (let i = 0; i < this.properties.length; i++) {
|
|
60
|
+
let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
|
|
61
|
+
if (this[attrName] !== undefined) {
|
|
62
|
+
options[this.properties[i]] = this[attrName];
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return options;
|
|
66
|
+
}
|
|
67
|
+
moveClasses(parentEl, childEl) {
|
|
68
|
+
let classes = parentEl.classList;
|
|
69
|
+
if (classes.length > 0) {
|
|
70
|
+
childEl.classList.add(...classes);
|
|
71
|
+
}
|
|
72
|
+
parentEl.className = '';
|
|
73
|
+
}
|
|
74
|
+
moveStyles(parentEl, childEl) {
|
|
75
|
+
let style = parentEl.style.cssText;
|
|
76
|
+
childEl.style.cssText = style;
|
|
77
|
+
parentEl.style.cssText = '';
|
|
78
|
+
}
|
|
79
|
+
createComponent(options) {
|
|
80
|
+
if (this.host) {
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
if (options) {
|
|
84
|
+
JQXLite.extend(options, this.manageAttributes());
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
options = this.manageAttributes();
|
|
88
|
+
}
|
|
89
|
+
this.host = JQXLite(this.elementRef.nativeElement.firstChild);
|
|
90
|
+
this.moveClasses(this.elementRef.nativeElement, this.host[0]);
|
|
91
|
+
this.moveStyles(this.elementRef.nativeElement, this.host[0]);
|
|
92
|
+
this.__wireEvents__();
|
|
93
|
+
this.widgetObject = jqwidgets.createInstance(this.host, 'jqxBarcode', options);
|
|
94
|
+
}
|
|
95
|
+
createWidget(options) {
|
|
96
|
+
this.createComponent(options);
|
|
97
|
+
}
|
|
98
|
+
__updateRect__() {
|
|
99
|
+
if (this.host)
|
|
100
|
+
this.host.css({ width: this.attrWidth, height: this.attrHeight });
|
|
101
|
+
}
|
|
102
|
+
setOptions(options) {
|
|
103
|
+
this.host.jqxBarcode('setOptions', options);
|
|
104
|
+
}
|
|
105
|
+
// jqxBarcodeComponent properties
|
|
106
|
+
backgroundColor(arg) {
|
|
107
|
+
if (arg !== undefined) {
|
|
108
|
+
this.host.jqxBarcode('backgroundColor', arg);
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
return this.host.jqxBarcode('backgroundColor');
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
displayLabel(arg) {
|
|
115
|
+
if (arg !== undefined) {
|
|
116
|
+
this.host.jqxBarcode('displayLabel', arg);
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
return this.host.jqxBarcode('displayLabel');
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
labelColor(arg) {
|
|
123
|
+
if (arg !== undefined) {
|
|
124
|
+
this.host.jqxBarcode('labelColor', arg);
|
|
125
|
+
}
|
|
126
|
+
else {
|
|
127
|
+
return this.host.jqxBarcode('labelColor');
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
labelFont(arg) {
|
|
131
|
+
if (arg !== undefined) {
|
|
132
|
+
this.host.jqxBarcode('labelFont', arg);
|
|
133
|
+
}
|
|
134
|
+
else {
|
|
135
|
+
return this.host.jqxBarcode('labelFont');
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
labelFontSize(arg) {
|
|
139
|
+
if (arg !== undefined) {
|
|
140
|
+
this.host.jqxBarcode('labelFontSize', arg);
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
return this.host.jqxBarcode('labelFontSize');
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
labelMarginBottom(arg) {
|
|
147
|
+
if (arg !== undefined) {
|
|
148
|
+
this.host.jqxBarcode('labelMarginBottom', arg);
|
|
149
|
+
}
|
|
150
|
+
else {
|
|
151
|
+
return this.host.jqxBarcode('labelMarginBottom');
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
labelMarginTop(arg) {
|
|
155
|
+
if (arg !== undefined) {
|
|
156
|
+
this.host.jqxBarcode('labelMarginTop', arg);
|
|
157
|
+
}
|
|
158
|
+
else {
|
|
159
|
+
return this.host.jqxBarcode('labelMarginTop');
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
labelPosition(arg) {
|
|
163
|
+
if (arg !== undefined) {
|
|
164
|
+
this.host.jqxBarcode('labelPosition', arg);
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
return this.host.jqxBarcode('labelPosition');
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
lineColor(arg) {
|
|
171
|
+
if (arg !== undefined) {
|
|
172
|
+
this.host.jqxBarcode('lineColor', arg);
|
|
173
|
+
}
|
|
174
|
+
else {
|
|
175
|
+
return this.host.jqxBarcode('lineColor');
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
lineHeight(arg) {
|
|
179
|
+
if (arg !== undefined) {
|
|
180
|
+
this.host.jqxBarcode('lineHeight', arg);
|
|
181
|
+
}
|
|
182
|
+
else {
|
|
183
|
+
return this.host.jqxBarcode('lineHeight');
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
lineWidth(arg) {
|
|
187
|
+
if (arg !== undefined) {
|
|
188
|
+
this.host.jqxBarcode('lineWidth', arg);
|
|
189
|
+
}
|
|
190
|
+
else {
|
|
191
|
+
return this.host.jqxBarcode('lineWidth');
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
renderAs(arg) {
|
|
195
|
+
if (arg !== undefined) {
|
|
196
|
+
this.host.jqxBarcode('renderAs', arg);
|
|
197
|
+
}
|
|
198
|
+
else {
|
|
199
|
+
return this.host.jqxBarcode('renderAs');
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
type(arg) {
|
|
203
|
+
if (arg !== undefined) {
|
|
204
|
+
this.host.jqxBarcode('type', arg);
|
|
205
|
+
}
|
|
206
|
+
else {
|
|
207
|
+
return this.host.jqxBarcode('type');
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
value(arg) {
|
|
211
|
+
if (arg !== undefined) {
|
|
212
|
+
this.host.jqxBarcode('value', arg);
|
|
213
|
+
}
|
|
214
|
+
else {
|
|
215
|
+
return this.host.jqxBarcode('value');
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
// jqxBarcodeComponent functions
|
|
219
|
+
export(format, fileName) {
|
|
220
|
+
return this.host.jqxBarcode('export', format, fileName);
|
|
221
|
+
}
|
|
222
|
+
getDataURL(format) {
|
|
223
|
+
return this.host.jqxBarcode('getDataURL', format);
|
|
224
|
+
}
|
|
225
|
+
getDataURLAsync(format) {
|
|
226
|
+
return this.host.jqxBarcode('getDataURLAsync', format);
|
|
227
|
+
}
|
|
228
|
+
isValid() {
|
|
229
|
+
return this.host.jqxBarcode('isValid');
|
|
230
|
+
}
|
|
231
|
+
__wireEvents__() {
|
|
232
|
+
this.host.on('invalid', (eventData) => { this.onInvalid.emit(eventData); });
|
|
233
|
+
}
|
|
234
|
+
} //jqxBarcodeComponent
|
|
235
|
+
jqxBarcodeComponent.decorators = [
|
|
236
|
+
{ type: Component, args: [{
|
|
237
|
+
selector: 'jqxBarcode',
|
|
238
|
+
template: '<div><ng-content></ng-content></div>'
|
|
239
|
+
},] }
|
|
240
|
+
];
|
|
241
|
+
jqxBarcodeComponent.ctorParameters = () => [
|
|
242
|
+
{ type: ElementRef }
|
|
243
|
+
];
|
|
244
|
+
jqxBarcodeComponent.propDecorators = {
|
|
245
|
+
attrBackgroundColor: [{ type: Input, args: ['backgroundColor',] }],
|
|
246
|
+
attrDisplayLabel: [{ type: Input, args: ['displayLabel',] }],
|
|
247
|
+
attrLabelColor: [{ type: Input, args: ['labelColor',] }],
|
|
248
|
+
attrLabelFont: [{ type: Input, args: ['labelFont',] }],
|
|
249
|
+
attrLabelFontSize: [{ type: Input, args: ['labelFontSize',] }],
|
|
250
|
+
attrLabelMarginBottom: [{ type: Input, args: ['labelMarginBottom',] }],
|
|
251
|
+
attrLabelMarginTop: [{ type: Input, args: ['labelMarginTop',] }],
|
|
252
|
+
attrLabelPosition: [{ type: Input, args: ['labelPosition',] }],
|
|
253
|
+
attrLineColor: [{ type: Input, args: ['lineColor',] }],
|
|
254
|
+
attrLineHeight: [{ type: Input, args: ['lineHeight',] }],
|
|
255
|
+
attrLineWidth: [{ type: Input, args: ['lineWidth',] }],
|
|
256
|
+
attrRenderAs: [{ type: Input, args: ['renderAs',] }],
|
|
257
|
+
attrType: [{ type: Input, args: ['type',] }],
|
|
258
|
+
attrValue: [{ type: Input, args: ['value',] }],
|
|
259
|
+
attrWidth: [{ type: Input, args: ['width',] }],
|
|
260
|
+
attrHeight: [{ type: Input, args: ['height',] }],
|
|
261
|
+
autoCreate: [{ type: Input, args: ['auto-create',] }],
|
|
262
|
+
onInvalid: [{ type: Output }]
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
class jqxBarcodeModule {
|
|
266
|
+
}
|
|
267
|
+
jqxBarcodeModule.decorators = [
|
|
268
|
+
{ type: NgModule, args: [{
|
|
269
|
+
imports: [],
|
|
270
|
+
declarations: [jqxBarcodeComponent],
|
|
271
|
+
exports: [jqxBarcodeComponent]
|
|
272
|
+
},] }
|
|
273
|
+
];
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* Generated bundle index. Do not edit.
|
|
277
|
+
*/
|
|
278
|
+
|
|
279
|
+
export { jqxBarcodeComponent, jqxBarcodeModule };
|
|
@@ -33,7 +33,7 @@ import { EventEmitter, Component, ElementRef, Input, Output, NgModule } from '@a
|
|
|
33
33
|
class jqxGridComponent {
|
|
34
34
|
constructor(containerElement) {
|
|
35
35
|
this.autoCreate = true;
|
|
36
|
-
this.properties = ['altrows', 'altstart', 'altstep', 'autoshowloadelement', 'autoshowfiltericon', 'autoshowcolumnsmenubutton', 'showcolumnlines', 'showrowlines', 'showcolumnheaderlines', 'adaptive', 'adaptivewidth', 'clipboard', 'closeablegroups', 'columnsmenuwidth', 'columnmenuopening', 'columnmenuclosing', 'cellhover', 'enablekeyboarddelete', 'enableellipsis', 'enablemousewheel', 'enableanimations', 'enabletooltips', 'enablehover', 'enablebrowserselection', 'everpresentrowposition', 'everpresentrowheight', 'everpresentrowactions', 'everpresentrowactionsmode', 'filterrowheight', 'filtermode', 'groupsrenderer', 'groupcolumnrenderer', 'groupsexpandedbydefault', 'handlekeyboardnavigation', 'pagerrenderer', 'rtl', 'showdefaultloadelement', 'showfiltercolumnbackground', 'showfiltermenuitems', 'showpinnedcolumnbackground', 'showsortcolumnbackground', 'showsortmenuitems', 'showgroupmenuitems', 'showrowdetailscolumn', 'showheader', 'showgroupsheader', 'showaggregates', 'showgroupaggregates', 'showeverpresentrow', 'showfilterrow', 'showemptyrow', 'showstatusbar', 'statusbarheight', 'showtoolbar', 'showfilterbar', 'filterbarmode', 'selectionmode', 'updatefilterconditions', 'updatefilterpanel', 'theme', 'toolbarheight', 'autoheight', 'autorowheight', 'columnsheight', 'deferreddatafields', 'groupsheaderheight', 'groupindentwidth', 'height', 'pagerheight', 'rowsheight', 'scrollbarsize', 'scrollmode', 'scrollfeedback', 'width', 'autosavestate', 'autoloadstate', 'columns', 'enableSanitize', 'cardview', 'cardviewcolumns', 'cardheight', 'cardsize', 'columngroups', 'columnsmenu', 'columnsresize', 'columnsautoresize', 'columnsreorder', 'charting', 'disabled', 'editable', 'batcheditable', 'editmode', 'filter', 'filterable', 'groupable', 'groups', 'horizontalscrollbarstep', 'horizontalscrollbarlargestep', 'initrowdetails', 'keyboardnavigation', 'localization', 'pagesize', 'pagesizeoptions', 'pagermode', 'pagerbuttonscount', 'pageable', 'autofill', 'rowdetails', 'rowdetailstemplate', 'ready', 'rendered', 'renderstatusbar', 'rendertoolbar', 'rendergridrows', 'sortable', 'sortmode', 'selectedrowindex', 'selectedrowindexes', 'source', 'sorttogglestates', 'updatedelay', 'virtualmode', 'verticalscrollbarstep', 'verticalscrollbarlargestep'];
|
|
36
|
+
this.properties = ['altrows', 'altstart', 'altstep', 'autoshowloadelement', 'autoshowfiltericon', 'autoshowcolumnsmenubutton', 'showcolumnlines', 'showrowlines', 'showcolumnheaderlines', 'adaptive', 'adaptivewidth', 'commandcolumn', 'commandcolumnrenderer', 'clipboard', 'closeablegroups', 'columnsmenuwidth', 'columnmenuopening', 'columnmenuclosing', 'cellhover', 'enablekeyboarddelete', 'enableellipsis', 'enablemousewheel', 'enableanimations', 'enabletooltips', 'enablehover', 'enablebrowserselection', 'everpresentrowposition', 'everpresentrowheight', 'everpresentrowactions', 'everpresentrowactionsmode', 'filterrowheight', 'filtermode', 'groupsrenderer', 'groupcolumnrenderer', 'groupsexpandedbydefault', 'handlekeyboardnavigation', 'pagerrenderer', 'rtl', 'showdefaultloadelement', 'showfiltercolumnbackground', 'showfiltermenuitems', 'showpinnedcolumnbackground', 'showsortcolumnbackground', 'showsortmenuitems', 'showgroupmenuitems', 'showrowdetailscolumn', 'showheader', 'showgroupsheader', 'showaggregates', 'showgroupaggregates', 'showeverpresentrow', 'showfilterrow', 'showemptyrow', 'showstatusbar', 'statusbarheight', 'showtoolbar', 'showfilterbar', 'filterbarmode', 'selectionmode', 'updatefilterconditions', 'updatefilterpanel', 'theme', 'toolbarheight', 'autoheight', 'autorowheight', 'columnsheight', 'deferreddatafields', 'groupsheaderheight', 'groupindentwidth', 'height', 'pagerheight', 'rowsheight', 'scrollbarsize', 'scrollmode', 'scrollfeedback', 'width', 'autosavestate', 'autoloadstate', 'columns', 'enableSanitize', 'cardview', 'cardviewcolumns', 'cardheight', 'cardsize', 'columngroups', 'columnsmenu', 'columnsresize', 'columnsautoresize', 'columnsreorder', 'charting', 'disabled', 'editable', 'batcheditable', 'editmode', 'filter', 'filterable', 'groupable', 'groups', 'horizontalscrollbarstep', 'horizontalscrollbarlargestep', 'initrowdetails', 'keyboardnavigation', 'localization', 'pagesize', 'pagesizeoptions', 'pagermode', 'pagerbuttonscount', 'pageable', 'autofill', 'rowdetails', 'rowdetailstemplate', 'ready', 'rendered', 'renderstatusbar', 'rendertoolbar', 'rendergridrows', 'sortable', 'sortmode', 'selectedrowindex', 'selectedrowindexes', 'source', 'sorttogglestates', 'updatedelay', 'virtualmode', 'verticalscrollbarstep', 'verticalscrollbarlargestep'];
|
|
37
37
|
// jqxGridComponent events
|
|
38
38
|
this.onBindingcomplete = new EventEmitter();
|
|
39
39
|
this.onColumnresized = new EventEmitter();
|
|
@@ -312,6 +312,28 @@ class jqxGridComponent {
|
|
|
312
312
|
return this.host.jqxGrid('adaptivewidth');
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
|
+
commandcolumn(arg) {
|
|
316
|
+
if (this.autoCreate && !this.host) {
|
|
317
|
+
this.createComponent();
|
|
318
|
+
}
|
|
319
|
+
if (arg !== undefined) {
|
|
320
|
+
this.host.jqxGrid('commandcolumn', arg);
|
|
321
|
+
}
|
|
322
|
+
else {
|
|
323
|
+
return this.host.jqxGrid('commandcolumn');
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
commandcolumnrenderer(arg) {
|
|
327
|
+
if (this.autoCreate && !this.host) {
|
|
328
|
+
this.createComponent();
|
|
329
|
+
}
|
|
330
|
+
if (arg !== undefined) {
|
|
331
|
+
this.host.jqxGrid('commandcolumnrenderer', arg);
|
|
332
|
+
}
|
|
333
|
+
else {
|
|
334
|
+
return this.host.jqxGrid('commandcolumnrenderer');
|
|
335
|
+
}
|
|
336
|
+
}
|
|
315
337
|
clipboard(arg) {
|
|
316
338
|
if (this.autoCreate && !this.host) {
|
|
317
339
|
this.createComponent();
|
|
@@ -2240,6 +2262,8 @@ jqxGridComponent.propDecorators = {
|
|
|
2240
2262
|
attrShowcolumnheaderlines: [{ type: Input, args: ['showcolumnheaderlines',] }],
|
|
2241
2263
|
attrAdaptive: [{ type: Input, args: ['adaptive',] }],
|
|
2242
2264
|
attrAdaptivewidth: [{ type: Input, args: ['adaptivewidth',] }],
|
|
2265
|
+
attrCommandcolumn: [{ type: Input, args: ['commandcolumn',] }],
|
|
2266
|
+
attrCommandcolumnrenderer: [{ type: Input, args: ['commandcolumnrenderer',] }],
|
|
2243
2267
|
attrClipboard: [{ type: Input, args: ['clipboard',] }],
|
|
2244
2268
|
attrCloseablegroups: [{ type: Input, args: ['closeablegroups',] }],
|
|
2245
2269
|
attrColumnsmenuwidth: [{ type: Input, args: ['columnsmenuwidth',] }],
|
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
import '../jqwidgets/jqxcore';
|
|
2
|
+
import '../jqwidgets/jqxbarcode';
|
|
3
|
+
import '../jqwidgets/jqxqrcode';
|
|
4
|
+
import { EventEmitter, Component, ElementRef, Input, Output, NgModule } from '@angular/core';
|
|
5
|
+
|
|
6
|
+
/// <reference path="../../jqwidgets.d.ts" />
|
|
7
|
+
class jqxQRcodeComponent {
|
|
8
|
+
constructor(containerElement) {
|
|
9
|
+
this.autoCreate = true;
|
|
10
|
+
this.properties = ['backgroundColor', 'displayLabel', 'embedImage', 'errorLevel', 'imageHeight', 'imageWidth', 'labelColor', 'labelFont', 'labelFontSize', 'labelMarginBottom', 'labelMarginTop', 'labelPosition', 'lineColor', 'squareWidth', 'renderAs', 'value'];
|
|
11
|
+
// jqxQRcodeComponent events
|
|
12
|
+
this.onInvalid = new EventEmitter();
|
|
13
|
+
this.elementRef = containerElement;
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
if (this.autoCreate) {
|
|
17
|
+
this.createComponent();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
;
|
|
21
|
+
ngOnChanges(changes) {
|
|
22
|
+
if (this.host) {
|
|
23
|
+
for (let i = 0; i < this.properties.length; i++) {
|
|
24
|
+
let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
|
|
25
|
+
let areEqual = false;
|
|
26
|
+
if (this[attrName] !== undefined) {
|
|
27
|
+
if (typeof this[attrName] === 'object') {
|
|
28
|
+
if (this[attrName] instanceof Array) {
|
|
29
|
+
areEqual = this.arraysEqual(this[attrName], this.host.jqxQRcode(this.properties[i]));
|
|
30
|
+
}
|
|
31
|
+
if (areEqual) {
|
|
32
|
+
return false;
|
|
33
|
+
}
|
|
34
|
+
this.host.jqxQRcode(this.properties[i], this[attrName]);
|
|
35
|
+
continue;
|
|
36
|
+
}
|
|
37
|
+
if (this[attrName] !== this.host.jqxQRcode(this.properties[i])) {
|
|
38
|
+
this.host.jqxQRcode(this.properties[i], this[attrName]);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
arraysEqual(attrValue, hostValue) {
|
|
45
|
+
if ((attrValue && !hostValue) || (!attrValue && hostValue)) {
|
|
46
|
+
return false;
|
|
47
|
+
}
|
|
48
|
+
if (attrValue.length != hostValue.length) {
|
|
49
|
+
return false;
|
|
50
|
+
}
|
|
51
|
+
for (let i = 0; i < attrValue.length; i++) {
|
|
52
|
+
if (attrValue[i] !== hostValue[i]) {
|
|
53
|
+
return false;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return true;
|
|
57
|
+
}
|
|
58
|
+
manageAttributes() {
|
|
59
|
+
let options = {};
|
|
60
|
+
for (let i = 0; i < this.properties.length; i++) {
|
|
61
|
+
let attrName = 'attr' + this.properties[i].substring(0, 1).toUpperCase() + this.properties[i].substring(1);
|
|
62
|
+
if (this[attrName] !== undefined) {
|
|
63
|
+
options[this.properties[i]] = this[attrName];
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return options;
|
|
67
|
+
}
|
|
68
|
+
moveClasses(parentEl, childEl) {
|
|
69
|
+
let classes = parentEl.classList;
|
|
70
|
+
if (classes.length > 0) {
|
|
71
|
+
childEl.classList.add(...classes);
|
|
72
|
+
}
|
|
73
|
+
parentEl.className = '';
|
|
74
|
+
}
|
|
75
|
+
moveStyles(parentEl, childEl) {
|
|
76
|
+
let style = parentEl.style.cssText;
|
|
77
|
+
childEl.style.cssText = style;
|
|
78
|
+
parentEl.style.cssText = '';
|
|
79
|
+
}
|
|
80
|
+
createComponent(options) {
|
|
81
|
+
if (this.host) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if (options) {
|
|
85
|
+
JQXLite.extend(options, this.manageAttributes());
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
options = this.manageAttributes();
|
|
89
|
+
}
|
|
90
|
+
this.host = JQXLite(this.elementRef.nativeElement.firstChild);
|
|
91
|
+
this.moveClasses(this.elementRef.nativeElement, this.host[0]);
|
|
92
|
+
this.moveStyles(this.elementRef.nativeElement, this.host[0]);
|
|
93
|
+
this.__wireEvents__();
|
|
94
|
+
this.widgetObject = jqwidgets.createInstance(this.host, 'jqxQRcode', options);
|
|
95
|
+
}
|
|
96
|
+
createWidget(options) {
|
|
97
|
+
this.createComponent(options);
|
|
98
|
+
}
|
|
99
|
+
__updateRect__() {
|
|
100
|
+
if (this.host)
|
|
101
|
+
this.host.css({ width: this.attrWidth, height: this.attrHeight });
|
|
102
|
+
}
|
|
103
|
+
setOptions(options) {
|
|
104
|
+
this.host.jqxQRcode('setOptions', options);
|
|
105
|
+
}
|
|
106
|
+
// jqxQRcodeComponent properties
|
|
107
|
+
backgroundColor(arg) {
|
|
108
|
+
if (arg !== undefined) {
|
|
109
|
+
this.host.jqxQRcode('backgroundColor', arg);
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
return this.host.jqxQRcode('backgroundColor');
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
displayLabel(arg) {
|
|
116
|
+
if (arg !== undefined) {
|
|
117
|
+
this.host.jqxQRcode('displayLabel', arg);
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
return this.host.jqxQRcode('displayLabel');
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
embedImage(arg) {
|
|
124
|
+
if (arg !== undefined) {
|
|
125
|
+
this.host.jqxQRcode('embedImage', arg);
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
return this.host.jqxQRcode('embedImage');
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
errorLevel(arg) {
|
|
132
|
+
if (arg !== undefined) {
|
|
133
|
+
this.host.jqxQRcode('errorLevel', arg);
|
|
134
|
+
}
|
|
135
|
+
else {
|
|
136
|
+
return this.host.jqxQRcode('errorLevel');
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
imageHeight(arg) {
|
|
140
|
+
if (arg !== undefined) {
|
|
141
|
+
this.host.jqxQRcode('imageHeight', arg);
|
|
142
|
+
}
|
|
143
|
+
else {
|
|
144
|
+
return this.host.jqxQRcode('imageHeight');
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
imageWidth(arg) {
|
|
148
|
+
if (arg !== undefined) {
|
|
149
|
+
this.host.jqxQRcode('imageWidth', arg);
|
|
150
|
+
}
|
|
151
|
+
else {
|
|
152
|
+
return this.host.jqxQRcode('imageWidth');
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
labelColor(arg) {
|
|
156
|
+
if (arg !== undefined) {
|
|
157
|
+
this.host.jqxQRcode('labelColor', arg);
|
|
158
|
+
}
|
|
159
|
+
else {
|
|
160
|
+
return this.host.jqxQRcode('labelColor');
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
labelFont(arg) {
|
|
164
|
+
if (arg !== undefined) {
|
|
165
|
+
this.host.jqxQRcode('labelFont', arg);
|
|
166
|
+
}
|
|
167
|
+
else {
|
|
168
|
+
return this.host.jqxQRcode('labelFont');
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
labelFontSize(arg) {
|
|
172
|
+
if (arg !== undefined) {
|
|
173
|
+
this.host.jqxQRcode('labelFontSize', arg);
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
return this.host.jqxQRcode('labelFontSize');
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
labelMarginBottom(arg) {
|
|
180
|
+
if (arg !== undefined) {
|
|
181
|
+
this.host.jqxQRcode('labelMarginBottom', arg);
|
|
182
|
+
}
|
|
183
|
+
else {
|
|
184
|
+
return this.host.jqxQRcode('labelMarginBottom');
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
labelMarginTop(arg) {
|
|
188
|
+
if (arg !== undefined) {
|
|
189
|
+
this.host.jqxQRcode('labelMarginTop', arg);
|
|
190
|
+
}
|
|
191
|
+
else {
|
|
192
|
+
return this.host.jqxQRcode('labelMarginTop');
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
labelPosition(arg) {
|
|
196
|
+
if (arg !== undefined) {
|
|
197
|
+
this.host.jqxQRcode('labelPosition', arg);
|
|
198
|
+
}
|
|
199
|
+
else {
|
|
200
|
+
return this.host.jqxQRcode('labelPosition');
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
lineColor(arg) {
|
|
204
|
+
if (arg !== undefined) {
|
|
205
|
+
this.host.jqxQRcode('lineColor', arg);
|
|
206
|
+
}
|
|
207
|
+
else {
|
|
208
|
+
return this.host.jqxQRcode('lineColor');
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
squareWidth(arg) {
|
|
212
|
+
if (arg !== undefined) {
|
|
213
|
+
this.host.jqxQRcode('squareWidth', arg);
|
|
214
|
+
}
|
|
215
|
+
else {
|
|
216
|
+
return this.host.jqxQRcode('squareWidth');
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
renderAs(arg) {
|
|
220
|
+
if (arg !== undefined) {
|
|
221
|
+
this.host.jqxQRcode('renderAs', arg);
|
|
222
|
+
}
|
|
223
|
+
else {
|
|
224
|
+
return this.host.jqxQRcode('renderAs');
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
value(arg) {
|
|
228
|
+
if (arg !== undefined) {
|
|
229
|
+
this.host.jqxQRcode('value', arg);
|
|
230
|
+
}
|
|
231
|
+
else {
|
|
232
|
+
return this.host.jqxQRcode('value');
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
// jqxQRcodeComponent functions
|
|
236
|
+
export(format, fileName) {
|
|
237
|
+
return this.host.jqxQRcode('export', format, fileName);
|
|
238
|
+
}
|
|
239
|
+
getDataURL(format) {
|
|
240
|
+
return this.host.jqxQRcode('getDataURL', format);
|
|
241
|
+
}
|
|
242
|
+
getDataURLAsync(format) {
|
|
243
|
+
return this.host.jqxQRcode('getDataURLAsync', format);
|
|
244
|
+
}
|
|
245
|
+
isValid() {
|
|
246
|
+
return this.host.jqxQRcode('isValid');
|
|
247
|
+
}
|
|
248
|
+
__wireEvents__() {
|
|
249
|
+
this.host.on('invalid', (eventData) => { this.onInvalid.emit(eventData); });
|
|
250
|
+
}
|
|
251
|
+
} //jqxQRcodeComponent
|
|
252
|
+
jqxQRcodeComponent.decorators = [
|
|
253
|
+
{ type: Component, args: [{
|
|
254
|
+
selector: 'jqxQRcode',
|
|
255
|
+
template: '<div><ng-content></ng-content></div>'
|
|
256
|
+
},] }
|
|
257
|
+
];
|
|
258
|
+
jqxQRcodeComponent.ctorParameters = () => [
|
|
259
|
+
{ type: ElementRef }
|
|
260
|
+
];
|
|
261
|
+
jqxQRcodeComponent.propDecorators = {
|
|
262
|
+
attrBackgroundColor: [{ type: Input, args: ['backgroundColor',] }],
|
|
263
|
+
attrDisplayLabel: [{ type: Input, args: ['displayLabel',] }],
|
|
264
|
+
attrEmbedImage: [{ type: Input, args: ['embedImage',] }],
|
|
265
|
+
attrErrorLevel: [{ type: Input, args: ['errorLevel',] }],
|
|
266
|
+
attrImageHeight: [{ type: Input, args: ['imageHeight',] }],
|
|
267
|
+
attrImageWidth: [{ type: Input, args: ['imageWidth',] }],
|
|
268
|
+
attrLabelColor: [{ type: Input, args: ['labelColor',] }],
|
|
269
|
+
attrLabelFont: [{ type: Input, args: ['labelFont',] }],
|
|
270
|
+
attrLabelFontSize: [{ type: Input, args: ['labelFontSize',] }],
|
|
271
|
+
attrLabelMarginBottom: [{ type: Input, args: ['labelMarginBottom',] }],
|
|
272
|
+
attrLabelMarginTop: [{ type: Input, args: ['labelMarginTop',] }],
|
|
273
|
+
attrLabelPosition: [{ type: Input, args: ['labelPosition',] }],
|
|
274
|
+
attrLineColor: [{ type: Input, args: ['lineColor',] }],
|
|
275
|
+
attrSquareWidth: [{ type: Input, args: ['squareWidth',] }],
|
|
276
|
+
attrRenderAs: [{ type: Input, args: ['renderAs',] }],
|
|
277
|
+
attrValue: [{ type: Input, args: ['value',] }],
|
|
278
|
+
attrWidth: [{ type: Input, args: ['width',] }],
|
|
279
|
+
attrHeight: [{ type: Input, args: ['height',] }],
|
|
280
|
+
autoCreate: [{ type: Input, args: ['auto-create',] }],
|
|
281
|
+
onInvalid: [{ type: Output }]
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
class jqxQRcodeModule {
|
|
285
|
+
}
|
|
286
|
+
jqxQRcodeModule.decorators = [
|
|
287
|
+
{ type: NgModule, args: [{
|
|
288
|
+
imports: [],
|
|
289
|
+
declarations: [jqxQRcodeComponent],
|
|
290
|
+
exports: [jqxQRcodeComponent]
|
|
291
|
+
},] }
|
|
292
|
+
];
|
|
293
|
+
|
|
294
|
+
/**
|
|
295
|
+
* Generated bundle index. Do not edit.
|
|
296
|
+
*/
|
|
297
|
+
|
|
298
|
+
export { jqxQRcodeComponent, jqxQRcodeModule };
|