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