smart-webcomponents-react 14.2.83 → 14.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/alertwindow/alertwindow.d.ts +5 -5
  2. package/alertwindow/alertwindow.esm.js +10 -85
  3. package/alertwindow/alertwindow.umd.js +1134 -1209
  4. package/array/array.d.ts +5 -5
  5. package/array/array.esm.js +13 -88
  6. package/array/array.umd.js +752 -827
  7. package/barcode/barcode.d.ts +3 -3
  8. package/barcode/barcode.esm.js +6 -61
  9. package/barcode/barcode.umd.js +311 -366
  10. package/button/dropdownbutton.d.ts +2 -2
  11. package/button/multisplitbutton.d.ts +2 -2
  12. package/calendar/calendar.d.ts +2 -2
  13. package/calendar/calendar.esm.js +4 -49
  14. package/calendar/calendar.umd.js +710 -755
  15. package/card/cardview.d.ts +1 -1
  16. package/cardview/cardview.d.ts +1 -1
  17. package/cardview/cardview.esm.js +2 -37
  18. package/cardview/cardview.umd.js +515 -550
  19. package/chart/chart.d.ts +9 -9
  20. package/chart/chart.esm.js +18 -133
  21. package/chart/chart.umd.js +822 -937
  22. package/chart/ganttchart.d.ts +20 -20
  23. package/combobox/combobox.d.ts +4 -4
  24. package/combobox/combobox.esm.js +8 -73
  25. package/combobox/combobox.umd.js +1341 -1406
  26. package/datetimepicker/datetimepicker.d.ts +1 -1
  27. package/datetimepicker/datetimepicker.esm.js +2 -37
  28. package/datetimepicker/datetimepicker.umd.js +826 -861
  29. package/dialogwindow/dialogwindow.d.ts +5 -5
  30. package/dialogwindow/dialogwindow.esm.js +10 -85
  31. package/dialogwindow/dialogwindow.umd.js +1134 -1209
  32. package/dockinglayout/dockinglayout.d.ts +7 -7
  33. package/dockinglayout/dockinglayout.esm.js +14 -109
  34. package/dockinglayout/dockinglayout.umd.js +765 -860
  35. package/dropdownbutton/dropdownbutton.d.ts +2 -2
  36. package/dropdownbutton/dropdownbutton.esm.js +4 -49
  37. package/dropdownbutton/dropdownbutton.umd.js +527 -572
  38. package/dropdownlist/dropdownlist.d.ts +4 -4
  39. package/dropdownlist/dropdownlist.esm.js +8 -73
  40. package/dropdownlist/dropdownlist.umd.js +1275 -1340
  41. package/editor/editor.d.ts +11 -9
  42. package/editor/editor.esm.js +14 -109
  43. package/editor/editor.umd.js +911 -1006
  44. package/fileupload/fileupload.d.ts +2 -1
  45. package/filterbuilder/filterbuilder.d.ts +1 -1
  46. package/filterbuilder/filterbuilder.esm.js +2 -37
  47. package/filterbuilder/filterbuilder.umd.js +463 -498
  48. package/filterpanel/filterpanel.d.ts +1 -1
  49. package/filterpanel/filterpanel.esm.js +2 -37
  50. package/filterpanel/filterpanel.umd.js +354 -389
  51. package/form/form.d.ts +1 -1
  52. package/form/form.esm.js +4 -49
  53. package/form/form.umd.js +1016 -1061
  54. package/form/formgroup.d.ts +1 -1
  55. package/ganttchart/ganttchart.d.ts +20 -20
  56. package/ganttchart/ganttchart.esm.js +40 -265
  57. package/ganttchart/ganttchart.umd.js +1666 -1891
  58. package/gauge/gauge.d.ts +2 -2
  59. package/gauge/gauge.esm.js +4 -49
  60. package/gauge/gauge.umd.js +664 -709
  61. package/grid/grid.d.ts +56 -51
  62. package/grid/grid.esm.js +96 -460
  63. package/grid/grid.umd.js +2107 -2471
  64. package/index.d.ts +45 -3
  65. package/input/input.d.ts +2 -2
  66. package/input/input.esm.js +4 -49
  67. package/input/input.umd.js +505 -550
  68. package/input/numberinput.d.ts +2 -2
  69. package/input/phoneinput.d.ts +4 -4
  70. package/kanban/kanban.d.ts +6 -6
  71. package/kanban/kanban.esm.js +12 -97
  72. package/kanban/kanban.umd.js +1334 -1419
  73. package/layout/dockinglayout.d.ts +7 -7
  74. package/listbox/listbox.d.ts +5 -5
  75. package/listbox/listbox.esm.js +10 -85
  76. package/listbox/listbox.umd.js +1170 -1245
  77. package/listmenu/listmenu.d.ts +1 -1
  78. package/listmenu/listmenu.esm.js +2 -37
  79. package/listmenu/listmenu.umd.js +1005 -1040
  80. package/menu/listmenu.d.ts +1 -1
  81. package/menu/menu.d.ts +1 -1
  82. package/menu/menu.esm.js +2 -37
  83. package/menu/menu.umd.js +1025 -1060
  84. package/multilinetextbox/multilinetextbox.d.ts +1 -1
  85. package/multilinetextbox/multilinetextbox.esm.js +2 -37
  86. package/multilinetextbox/multilinetextbox.umd.js +907 -942
  87. package/multilinewindow/multilinewindow.d.ts +5 -5
  88. package/multilinewindow/multilinewindow.esm.js +10 -85
  89. package/multilinewindow/multilinewindow.umd.js +1134 -1209
  90. package/multisplitbutton/multisplitbutton.d.ts +2 -2
  91. package/multisplitbutton/multisplitbutton.esm.js +4 -49
  92. package/multisplitbutton/multisplitbutton.umd.js +941 -986
  93. package/numberinput/numberinput.d.ts +2 -2
  94. package/numberinput/numberinput.esm.js +4 -49
  95. package/numberinput/numberinput.umd.js +348 -393
  96. package/numerictextbox/numerictextbox.d.ts +1 -1
  97. package/numerictextbox/numerictextbox.esm.js +2 -37
  98. package/numerictextbox/numerictextbox.umd.js +592 -627
  99. package/package.json +1 -1
  100. package/phoneinput/phoneinput.d.ts +4 -4
  101. package/phoneinput/phoneinput.esm.js +8 -73
  102. package/phoneinput/phoneinput.umd.js +386 -451
  103. package/pivottable/pivottable.d.ts +3 -3
  104. package/pivottable/pivottable.esm.js +6 -61
  105. package/pivottable/pivottable.umd.js +762 -817
  106. package/progresswindow/progresswindow.d.ts +5 -5
  107. package/progresswindow/progresswindow.esm.js +10 -85
  108. package/progresswindow/progresswindow.umd.js +1134 -1209
  109. package/promptwindow/promptwindow.d.ts +5 -5
  110. package/promptwindow/promptwindow.esm.js +10 -85
  111. package/promptwindow/promptwindow.umd.js +1134 -1209
  112. package/qrcode/qrcode.d.ts +3 -3
  113. package/qrcode/qrcode.esm.js +6 -61
  114. package/qrcode/qrcode.umd.js +333 -388
  115. package/querybuilder/querybuilder.d.ts +6 -1
  116. package/querybuilder/querybuilder.esm.js +14 -38
  117. package/querybuilder/querybuilder.umd.js +446 -470
  118. package/rating/rating.d.ts +1 -1
  119. package/rating/rating.esm.js +2 -37
  120. package/rating/rating.umd.js +261 -296
  121. package/scheduler/scheduler.d.ts +17 -17
  122. package/scheduler/scheduler.esm.js +34 -229
  123. package/scheduler/scheduler.umd.js +1782 -1977
  124. package/slider/slider.d.ts +2 -2
  125. package/slider/slider.esm.js +4 -49
  126. package/slider/slider.umd.js +642 -687
  127. package/source/modules/smart.accordion.js +1 -1
  128. package/source/modules/smart.array.js +2 -2
  129. package/source/modules/smart.barcode.js +1 -1
  130. package/source/modules/smart.breadcrumb.js +1 -1
  131. package/source/modules/smart.button.js +1 -1
  132. package/source/modules/smart.buttongroup.js +1 -1
  133. package/source/modules/smart.calendar.js +3 -3
  134. package/source/modules/smart.card.js +1 -1
  135. package/source/modules/smart.cardview.js +4 -4
  136. package/source/modules/smart.carousel.js +1 -1
  137. package/source/modules/smart.chart.js +1 -1
  138. package/source/modules/smart.checkbox.js +1 -1
  139. package/source/modules/smart.checkinput.js +2 -2
  140. package/source/modules/smart.chip.js +1 -1
  141. package/source/modules/smart.colorinput.js +2 -2
  142. package/source/modules/smart.colorpanel.js +2 -2
  143. package/source/modules/smart.colorpicker.js +2 -2
  144. package/source/modules/smart.combobox.js +2 -2
  145. package/source/modules/smart.common.js +1 -1
  146. package/source/modules/smart.countryinput.js +2 -2
  147. package/source/modules/smart.dateinput.js +3 -3
  148. package/source/modules/smart.daterangeinput.js +4 -4
  149. package/source/modules/smart.datetimepicker.js +3 -3
  150. package/source/modules/smart.dockinglayout.js +1 -1
  151. package/source/modules/smart.dropdownbutton.js +1 -1
  152. package/source/modules/smart.dropdownlist.js +2 -2
  153. package/source/modules/smart.editor.js +5 -5
  154. package/source/modules/smart.element.js +1 -1
  155. package/source/modules/smart.fileupload.js +3 -3
  156. package/source/modules/smart.form.js +2 -2
  157. package/source/modules/smart.formulaparser.js +1 -1
  158. package/source/modules/smart.ganttchart.js +5 -5
  159. package/source/modules/smart.gauge.js +1 -1
  160. package/source/modules/smart.grid.js +14 -14
  161. package/source/modules/smart.gridpanel.js +4 -4
  162. package/source/modules/smart.input.js +2 -2
  163. package/source/modules/smart.kanban.js +5 -5
  164. package/source/modules/smart.layout.js +1 -1
  165. package/source/modules/smart.led.js +1 -1
  166. package/source/modules/smart.listbox.js +2 -2
  167. package/source/modules/smart.listmenu.js +1 -1
  168. package/source/modules/smart.map.js +1 -1
  169. package/source/modules/smart.maskedtextbox.js +2 -2
  170. package/source/modules/smart.menu.js +1 -1
  171. package/source/modules/smart.multicomboinput.js +2 -2
  172. package/source/modules/smart.multiinput.js +2 -2
  173. package/source/modules/smart.multilinetextbox.js +2 -2
  174. package/source/modules/smart.multisplitbutton.js +2 -2
  175. package/source/modules/smart.numberinput.js +2 -2
  176. package/source/modules/smart.numerictextbox.js +2 -2
  177. package/source/modules/smart.pager.js +2 -2
  178. package/source/modules/smart.passwordinput.js +2 -2
  179. package/source/modules/smart.passwordtextbox.js +2 -2
  180. package/source/modules/smart.path.js +1 -1
  181. package/source/modules/smart.phoneinput.js +2 -2
  182. package/source/modules/smart.pivottable.js +3 -3
  183. package/source/modules/smart.progressbar.js +1 -1
  184. package/source/modules/smart.qrcode.js +1 -1
  185. package/source/modules/smart.querybuilder.js +5 -5
  186. package/source/modules/smart.radiobutton.js +1 -1
  187. package/source/modules/smart.rating.js +1 -1
  188. package/source/modules/smart.router.js +1 -1
  189. package/source/modules/smart.scheduler.js +4 -4
  190. package/source/modules/smart.scrollbar.js +1 -1
  191. package/source/modules/smart.slider.js +1 -1
  192. package/source/modules/smart.sortable.js +1 -1
  193. package/source/modules/smart.splitter.js +1 -1
  194. package/source/modules/smart.switchbutton.js +1 -1
  195. package/source/modules/smart.table.js +3 -3
  196. package/source/modules/smart.tabs.js +1 -1
  197. package/source/modules/smart.tank.js +1 -1
  198. package/source/modules/smart.textarea.js +2 -2
  199. package/source/modules/smart.textbox.js +2 -2
  200. package/source/modules/smart.timeinput.js +2 -2
  201. package/source/modules/smart.timepicker.js +1 -1
  202. package/source/modules/smart.toast.js +1 -1
  203. package/source/modules/smart.tooltip.js +1 -1
  204. package/source/modules/smart.tree.js +1 -1
  205. package/source/modules/smart.validator.js +1 -1
  206. package/source/modules/smart.window.js +2 -2
  207. package/source/smart.accordion.js +1 -1
  208. package/source/smart.ajax.js +1 -1
  209. package/source/smart.array.js +1 -1
  210. package/source/smart.barcode.js +1 -1
  211. package/source/smart.bootstrap.js +1 -1
  212. package/source/smart.breadcrumb.js +1 -1
  213. package/source/smart.button.js +1 -1
  214. package/source/smart.buttongroup.js +1 -1
  215. package/source/smart.calendar.js +2 -2
  216. package/source/smart.card.js +1 -1
  217. package/source/smart.cardview.js +1 -1
  218. package/source/smart.carousel.js +1 -1
  219. package/source/smart.chart.annotations.js +1 -1
  220. package/source/smart.chart.api.js +1 -1
  221. package/source/smart.chart.core.js +1 -1
  222. package/source/smart.chart.js +1 -1
  223. package/source/smart.chart.rangeselector.js +1 -1
  224. package/source/smart.chart.waterfall.js +1 -1
  225. package/source/smart.checkbox.js +1 -1
  226. package/source/smart.checkinput.js +1 -1
  227. package/source/smart.chip.js +1 -1
  228. package/source/smart.colorinput.js +1 -1
  229. package/source/smart.colorpanel.js +1 -1
  230. package/source/smart.colorpicker.js +1 -1
  231. package/source/smart.combobox.js +1 -1
  232. package/source/smart.complex.js +1 -1
  233. package/source/smart.core.js +1 -1
  234. package/source/smart.countryinput.js +1 -1
  235. package/source/smart.data.js +1 -1
  236. package/source/smart.date.js +1 -1
  237. package/source/smart.dateformatpanel.js +1 -1
  238. package/source/smart.dateinput.js +1 -1
  239. package/source/smart.daterangeinput.js +1 -1
  240. package/source/smart.datetimepicker.js +1 -1
  241. package/source/smart.dockinglayout.js +1 -1
  242. package/source/smart.draw.js +1 -1
  243. package/source/smart.dropdownbutton.js +1 -1
  244. package/source/smart.dropdownlist.js +1 -1
  245. package/source/smart.editor.js +2 -2
  246. package/source/smart.element.js +1 -1
  247. package/source/smart.elements.js +17 -17
  248. package/source/smart.export.js +1 -1
  249. package/source/smart.fileupload.js +2 -2
  250. package/source/smart.filter.js +1 -1
  251. package/source/smart.filterbuilder.js +2 -2
  252. package/source/smart.filterpanel.js +1 -1
  253. package/source/smart.form.js +1 -1
  254. package/source/smart.format.js +1 -1
  255. package/source/smart.formulaparser.js +1 -1
  256. package/source/smart.ganttchart.js +2 -2
  257. package/source/smart.gauge.js +1 -1
  258. package/source/smart.grid.cell.js +2 -2
  259. package/source/smart.grid.chart.js +1 -1
  260. package/source/smart.grid.column.js +1 -1
  261. package/source/smart.grid.core.js +2 -2
  262. package/source/smart.grid.dialog.js +2 -2
  263. package/source/smart.grid.edit.js +2 -2
  264. package/source/smart.grid.export.js +1 -1
  265. package/source/smart.grid.filter.js +1 -1
  266. package/source/smart.grid.group.js +1 -1
  267. package/source/smart.grid.js +1 -1
  268. package/source/smart.grid.menu.js +2 -2
  269. package/source/smart.grid.pager.js +1 -1
  270. package/source/smart.grid.reorder.js +1 -1
  271. package/source/smart.grid.resize.js +2 -2
  272. package/source/smart.grid.row.js +1 -1
  273. package/source/smart.grid.select.js +2 -2
  274. package/source/smart.grid.sort.js +1 -1
  275. package/source/smart.grid.toolbar.js +2 -2
  276. package/source/smart.grid.tree.js +1 -1
  277. package/source/smart.grid.view.js +2 -2
  278. package/source/smart.gridpanel.js +1 -1
  279. package/source/smart.input.js +2 -2
  280. package/source/smart.kanban.js +2 -2
  281. package/source/smart.layout.js +1 -1
  282. package/source/smart.led.js +1 -1
  283. package/source/smart.listbox.js +2 -2
  284. package/source/smart.listmenu.js +1 -1
  285. package/source/smart.map.js +1 -1
  286. package/source/smart.maskedtextbox.js +1 -1
  287. package/source/smart.math.js +1 -1
  288. package/source/smart.menu.js +1 -1
  289. package/source/smart.multicomboinput.js +1 -1
  290. package/source/smart.multiinput.js +1 -1
  291. package/source/smart.multilinetextbox.js +1 -1
  292. package/source/smart.multisplitbutton.js +1 -1
  293. package/source/smart.numberformatpanel.js +1 -1
  294. package/source/smart.numberinput.js +1 -1
  295. package/source/smart.numeric.js +1 -1
  296. package/source/smart.numerictextbox.js +1 -1
  297. package/source/smart.pager.js +1 -1
  298. package/source/smart.passwordinput.js +1 -1
  299. package/source/smart.passwordtextbox.js +1 -1
  300. package/source/smart.path.js +1 -1
  301. package/source/smart.phoneinput.js +1 -1
  302. package/source/smart.pivottable.js +1 -1
  303. package/source/smart.powerbutton.js +1 -1
  304. package/source/smart.progressbar.js +1 -1
  305. package/source/smart.qrcode.js +1 -1
  306. package/source/smart.radiobutton.js +1 -1
  307. package/source/smart.rating.js +1 -1
  308. package/source/smart.router.js +1 -1
  309. package/source/smart.scheduler.js +1 -1
  310. package/source/smart.scrollbar.js +1 -1
  311. package/source/smart.slider.js +1 -1
  312. package/source/smart.sortable.js +1 -1
  313. package/source/smart.splitter.js +1 -1
  314. package/source/smart.switchbutton.js +1 -1
  315. package/source/smart.table.js +1 -1
  316. package/source/smart.tabs.js +1 -1
  317. package/source/smart.tank.js +1 -1
  318. package/source/smart.textarea.js +1 -1
  319. package/source/smart.textbox.js +1 -1
  320. package/source/smart.tickintervalhandler.js +1 -1
  321. package/source/smart.timeinput.js +1 -1
  322. package/source/smart.timepicker.js +1 -1
  323. package/source/smart.toast.js +1 -1
  324. package/source/smart.tooltip.js +1 -1
  325. package/source/smart.tree.js +1 -1
  326. package/source/smart.validationpanel.js +1 -1
  327. package/source/smart.validator.js +1 -1
  328. package/source/smart.window.js +1 -1
  329. package/source/styles/components/smart.grid.css +1 -1
  330. package/source/styles/default/scss/smart.grid.scss +10 -3
  331. package/source/styles/default/smart.grid.css +7 -3
  332. package/source/styles/smart.default.css +1 -1
  333. package/source/typescript/smart.editor.d.ts +4 -2
  334. package/source/typescript/smart.elements.d.ts +45 -3
  335. package/source/typescript/smart.fileupload.d.ts +2 -1
  336. package/source/typescript/smart.grid.d.ts +34 -0
  337. package/source/typescript/smart.querybuilder.d.ts +5 -0
  338. package/splitter/splitter.d.ts +3 -3
  339. package/splitter/splitter.esm.js +6 -61
  340. package/splitter/splitter.umd.js +901 -956
  341. package/table/pivottable.d.ts +3 -3
  342. package/table/table.d.ts +7 -7
  343. package/table/table.esm.js +14 -109
  344. package/table/table.umd.js +1278 -1373
  345. package/tabs/tabs.d.ts +4 -4
  346. package/tabs/tabs.esm.js +8 -73
  347. package/tabs/tabs.umd.js +875 -940
  348. package/tabs/tabswindow.d.ts +5 -5
  349. package/tabswindow/tabswindow.d.ts +5 -5
  350. package/tabswindow/tabswindow.esm.js +10 -85
  351. package/tabswindow/tabswindow.umd.js +1134 -1209
  352. package/tank/tank.d.ts +2 -2
  353. package/tank/tank.esm.js +4 -49
  354. package/tank/tank.umd.js +598 -643
  355. package/textbox/multilinetextbox.d.ts +1 -1
  356. package/textbox/numerictextbox.d.ts +1 -1
  357. package/timepicker/datetimepicker.d.ts +1 -1
  358. package/toast/toast.d.ts +1 -1
  359. package/toast/toast.esm.js +2 -37
  360. package/toast/toast.umd.js +397 -432
  361. package/tree/tree.d.ts +4 -4
  362. package/tree/tree.esm.js +8 -73
  363. package/tree/tree.umd.js +1310 -1375
  364. package/waitwindow/waitwindow.d.ts +5 -5
  365. package/waitwindow/waitwindow.esm.js +10 -85
  366. package/waitwindow/waitwindow.umd.js +1134 -1209
  367. package/window/alertwindow.d.ts +5 -5
  368. package/window/dialogwindow.d.ts +5 -5
  369. package/window/multilinewindow.d.ts +5 -5
  370. package/window/progresswindow.d.ts +5 -5
  371. package/window/promptwindow.d.ts +5 -5
  372. package/window/tabswindow.d.ts +5 -5
  373. package/window/waitwindow.d.ts +5 -5
  374. package/window/window.d.ts +5 -5
  375. package/window/window.esm.js +10 -85
  376. package/window/window.umd.js +1134 -1209
@@ -2,403 +2,358 @@
2
2
  require('../source/modules/smart.numberinput');
3
3
 
4
4
  (function (global, factory) {
5
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
6
- typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
7
- (factory((global.numberinput = {}),global.React));
5
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
6
+ typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
7
+ (factory((global.numberinput = {}),global.React));
8
8
  }(this, (function (exports,React) { 'use strict';
9
9
 
10
- React = React && React.hasOwnProperty('default') ? React['default'] : React;
10
+ React = React && React.hasOwnProperty('default') ? React['default'] : React;
11
11
 
12
- /*! *****************************************************************************
13
- Copyright (c) Microsoft Corporation. All rights reserved.
14
- Licensed under the Apache License, Version 2.0 (the "License"); you may not use
15
- this file except in compliance with the License. You may obtain a copy of the
16
- License at http://www.apache.org/licenses/LICENSE-2.0
17
-
18
- THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
19
- KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
20
- WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
21
- MERCHANTABLITY OR NON-INFRINGEMENT.
22
-
23
- See the Apache Version 2.0 License for specific language governing permissions
24
- and limitations under the License.
25
- ***************************************************************************** */
26
-
27
- function __awaiter(thisArg, _arguments, P, generator) {
28
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
29
- return new (P || (P = Promise))(function (resolve, reject) {
30
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
31
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
32
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
33
- step((generator = generator.apply(thisArg, _arguments || [])).next());
34
- });
35
- }
12
+ const Smart = window.Smart;
13
+ /**
14
+ NumberInput specifies an input field where the user can enter a numbers.
15
+ */
16
+ class NumberInput extends React.Component {
17
+ constructor(props) {
18
+ super(props);
19
+ this.componentRef = React.createRef();
20
+ }
21
+ // Gets the id of the React component.
22
+ get id() {
23
+ if (!this._id) {
24
+ this._id = 'NumberInput' + Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
25
+ }
26
+ return this._id;
27
+ }
28
+ /** Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
29
+ * Property type: Animation | string
30
+ */
31
+ get animation() {
32
+ return this.nativeElement ? this.nativeElement.animation : undefined;
33
+ }
34
+ set animation(value) {
35
+ if (this.nativeElement) {
36
+ this.nativeElement.animation = value;
37
+ }
38
+ }
39
+ /** Enables or disables the element.
40
+ * Property type: boolean
41
+ */
42
+ get disabled() {
43
+ return this.nativeElement ? this.nativeElement.disabled : undefined;
44
+ }
45
+ set disabled(value) {
46
+ if (this.nativeElement) {
47
+ this.nativeElement.disabled = value;
48
+ }
49
+ }
50
+ /** Sets the purpose of the input and what, if any, permission the user agent has to provide automated assistance in filling out the element's input when in a form, as well as guidance to the browser as to the type of information expected in the element. This value corresponds to the standard HTML autocomplete attribute and can be set to values such as 'on', 'name', 'organization', 'street-address', etc.
51
+ * Property type: string
52
+ */
53
+ get inputPurpose() {
54
+ return this.nativeElement ? this.nativeElement.inputPurpose : undefined;
55
+ }
56
+ set inputPurpose(value) {
57
+ if (this.nativeElement) {
58
+ this.nativeElement.inputPurpose = value;
59
+ }
60
+ }
61
+ /** Sets or gets the language. Used in conjunction with the property messages.
62
+ * Property type: string
63
+ */
64
+ get locale() {
65
+ return this.nativeElement ? this.nativeElement.locale : undefined;
66
+ }
67
+ set locale(value) {
68
+ if (this.nativeElement) {
69
+ this.nativeElement.locale = value;
70
+ }
71
+ }
72
+ /** Callback used to customize the format of the messages that are returned from the Localization Module.
73
+ * Property type: any
74
+ */
75
+ get localizeFormatFunction() {
76
+ return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
77
+ }
78
+ set localizeFormatFunction(value) {
79
+ if (this.nativeElement) {
80
+ this.nativeElement.localizeFormatFunction = value;
81
+ }
82
+ }
83
+ /** Determines the max number that can be displayed inside the input.
84
+ * Property type: number
85
+ */
86
+ get max() {
87
+ return this.nativeElement ? this.nativeElement.max : undefined;
88
+ }
89
+ set max(value) {
90
+ if (this.nativeElement) {
91
+ this.nativeElement.max = value;
92
+ }
93
+ }
94
+ /** Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
95
+ * Property type: any
96
+ */
97
+ get messages() {
98
+ return this.nativeElement ? this.nativeElement.messages : undefined;
99
+ }
100
+ set messages(value) {
101
+ if (this.nativeElement) {
102
+ this.nativeElement.messages = value;
103
+ }
104
+ }
105
+ /** Determines the min number that can be displayed inside the input.
106
+ * Property type: number
107
+ */
108
+ get min() {
109
+ return this.nativeElement ? this.nativeElement.min : undefined;
110
+ }
111
+ set min(value) {
112
+ if (this.nativeElement) {
113
+ this.nativeElement.min = value;
114
+ }
115
+ }
116
+ /** Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form.
117
+ * Property type: string
118
+ */
119
+ get name() {
120
+ return this.nativeElement ? this.nativeElement.name : undefined;
121
+ }
122
+ set name(value) {
123
+ if (this.nativeElement) {
124
+ this.nativeElement.name = value;
125
+ }
126
+ }
127
+ /** Sets or gets the value format of the element.
128
+ * Property type: any
129
+ */
130
+ get numberFormat() {
131
+ return this.nativeElement ? this.nativeElement.numberFormat : undefined;
132
+ }
133
+ set numberFormat(value) {
134
+ if (this.nativeElement) {
135
+ this.nativeElement.numberFormat = value;
136
+ }
137
+ }
138
+ /** Determines the placeholder of the input.
139
+ * Property type: string
140
+ */
141
+ get placeholder() {
142
+ return this.nativeElement ? this.nativeElement.placeholder : undefined;
143
+ }
144
+ set placeholder(value) {
145
+ if (this.nativeElement) {
146
+ this.nativeElement.placeholder = value;
147
+ }
148
+ }
149
+ /** Determines whether ot not the user can enter text inside the input.
150
+ * Property type: boolean
151
+ */
152
+ get readonly() {
153
+ return this.nativeElement ? this.nativeElement.readonly : undefined;
154
+ }
155
+ set readonly(value) {
156
+ if (this.nativeElement) {
157
+ this.nativeElement.readonly = value;
158
+ }
159
+ }
160
+ /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
161
+ * Property type: boolean
162
+ */
163
+ get rightToLeft() {
164
+ return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
165
+ }
166
+ set rightToLeft(value) {
167
+ if (this.nativeElement) {
168
+ this.nativeElement.rightToLeft = value;
169
+ }
170
+ }
171
+ /** Sets or gets the incremental/decremental step for the value of the element.
172
+ * Property type: number
173
+ */
174
+ get step() {
175
+ return this.nativeElement ? this.nativeElement.step : undefined;
176
+ }
177
+ set step(value) {
178
+ if (this.nativeElement) {
179
+ this.nativeElement.step = value;
180
+ }
181
+ }
182
+ /** Determines the theme for the element. Themes define the look of the elements.
183
+ * Property type: string
184
+ */
185
+ get theme() {
186
+ return this.nativeElement ? this.nativeElement.theme : undefined;
187
+ }
188
+ set theme(value) {
189
+ if (this.nativeElement) {
190
+ this.nativeElement.theme = value;
191
+ }
192
+ }
193
+ /** If is set to true, the element cannot be focused.
194
+ * Property type: boolean
195
+ */
196
+ get unfocusable() {
197
+ return this.nativeElement ? this.nativeElement.unfocusable : undefined;
198
+ }
199
+ set unfocusable(value) {
200
+ if (this.nativeElement) {
201
+ this.nativeElement.unfocusable = value;
202
+ }
203
+ }
204
+ /** Sets or gets the value of the element.
205
+ * Property type: any
206
+ */
207
+ get value() {
208
+ return this.nativeElement ? this.nativeElement.value : undefined;
209
+ }
210
+ set value(value) {
211
+ if (this.nativeElement) {
212
+ this.nativeElement.value = value;
213
+ }
214
+ }
215
+ // Gets the properties of the React component.
216
+ get properties() {
217
+ return ["animation", "disabled", "inputPurpose", "locale", "localizeFormatFunction", "max", "messages", "min", "name", "numberFormat", "placeholder", "readonly", "rightToLeft", "step", "theme", "unfocusable", "value"];
218
+ }
219
+ // Gets the events of the React component.
220
+ get eventListeners() {
221
+ return ["onChange", "onCreate", "onReady"];
222
+ }
223
+ /** Returns the value in the desired format.
224
+ * @param {string | number} value. The value to be formatted by the method.
225
+ * @param {any} format?. The object that contains the formatting properties. The argument should contain Intl.NumberFormat valid properties. For example, { style: 'currency', currency: 'EUR' }
226
+ * @returns {string}
227
+ */
228
+ getFormattedValue(value, format) {
229
+ const result = this.nativeElement.getFormattedValue(value, format);
230
+ return result;
231
+ }
232
+ /** Returns the number of the input.
233
+ * @returns {number}
234
+ */
235
+ getValue() {
236
+ const result = this.nativeElement.getValue();
237
+ return result;
238
+ }
239
+ /** Selects the text inside the input or if it is readonly then the element is focused.
240
+ */
241
+ select() {
242
+ if (this.nativeElement.isRendered) {
243
+ this.nativeElement.select();
244
+ }
245
+ else {
246
+ this.nativeElement.whenRendered(() => {
247
+ this.nativeElement.select();
248
+ });
249
+ }
250
+ }
251
+ /** Sets the value of the input.
252
+ * @param {string | number} value. The value to be set.
253
+ */
254
+ setValue(value) {
255
+ if (this.nativeElement.isRendered) {
256
+ this.nativeElement.setValue(value);
257
+ }
258
+ else {
259
+ this.nativeElement.whenRendered(() => {
260
+ this.nativeElement.setValue(value);
261
+ });
262
+ }
263
+ }
264
+ componentDidRender(initialize) {
265
+ const that = this;
266
+ const props = {};
267
+ const events = {};
268
+ let styles = null;
269
+ for (let prop in that.props) {
270
+ if (prop === 'children') {
271
+ continue;
272
+ }
273
+ if (prop === 'style') {
274
+ styles = that.props[prop];
275
+ continue;
276
+ }
277
+ if (prop.startsWith('on') && that.properties.indexOf(prop) === -1) {
278
+ events[prop] = that.props[prop];
279
+ continue;
280
+ }
281
+ props[prop] = that.props[prop];
282
+ }
283
+ if (initialize) {
284
+ that.nativeElement = this.componentRef.current;
285
+ }
286
+ for (let prop in props) {
287
+ if (prop === 'class' || prop === 'className') {
288
+ const classNames = props[prop].trim().split(' ');
289
+ for (let className in classNames) {
290
+ if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
291
+ that.nativeElement.classList.add(classNames[className]);
292
+ }
293
+ }
294
+ continue;
295
+ }
296
+ if (props[prop] !== that.nativeElement[prop]) {
297
+ const normalizeProp = (str) => {
298
+ return str.replace(/-([a-z])/g, function (g) {
299
+ return g[1].toUpperCase();
300
+ });
301
+ };
302
+ if (prop === 'hover' || prop === 'active' || prop === 'focus' || prop === 'selected') {
303
+ that.nativeElement.setAttribute(prop, '');
304
+ }
305
+ const normalizedProp = normalizeProp(prop);
306
+ that.nativeElement[normalizedProp] = props[prop];
307
+ }
308
+ }
309
+ for (let eventName in events) {
310
+ that[eventName] = events[eventName];
311
+ that.nativeElement[eventName.toLowerCase()] = events[eventName];
312
+ }
313
+ if (initialize) {
314
+ Smart.Render();
315
+ if (that.onCreate) {
316
+ that.onCreate();
317
+ }
318
+ that.nativeElement.whenRendered(() => {
319
+ if (that.onReady) {
320
+ that.onReady();
321
+ }
322
+ });
323
+ }
324
+ // setup styles.
325
+ if (styles) {
326
+ for (let styleName in styles) {
327
+ that.nativeElement.style[styleName] = styles[styleName];
328
+ }
329
+ }
330
+ }
331
+ componentDidMount() {
332
+ this.componentDidRender(true);
333
+ }
334
+ componentDidUpdate() {
335
+ this.componentDidRender(false);
336
+ }
337
+ componentWillUnmount() {
338
+ const that = this;
339
+ if (!that.nativeElement) {
340
+ return;
341
+ }
342
+ that.nativeElement.whenRenderedCallbacks = [];
343
+ for (let i = 0; i < that.eventListeners.length; i++) {
344
+ const eventName = that.eventListeners[i];
345
+ that.nativeElement.removeEventListener(eventName.substring(2).toLowerCase(), that[eventName]);
346
+ }
347
+ }
348
+ render() {
349
+ return (React.createElement("smart-number-input", { ref: this.componentRef }, this.props.children));
350
+ }
351
+ }
36
352
 
37
- const Smart = window.Smart;
38
- /**
39
- NumberInput specifies an input field where the user can enter a numbers.
40
- */
41
- class NumberInput extends React.Component {
42
- constructor(props) {
43
- super(props);
44
- this.componentRef = React.createRef();
45
- }
46
- // Gets the id of the React component.
47
- get id() {
48
- if (!this._id) {
49
- this._id = 'NumberInput' + Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
50
- }
51
- return this._id;
52
- }
53
- /** Sets or gets the animation mode. Animation is disabled when the property is set to 'none'
54
- * Property type: Animation | string
55
- */
56
- get animation() {
57
- return this.nativeElement ? this.nativeElement.animation : undefined;
58
- }
59
- set animation(value) {
60
- if (this.nativeElement) {
61
- this.nativeElement.animation = value;
62
- }
63
- }
64
- /** Enables or disables the element.
65
- * Property type: boolean
66
- */
67
- get disabled() {
68
- return this.nativeElement ? this.nativeElement.disabled : undefined;
69
- }
70
- set disabled(value) {
71
- if (this.nativeElement) {
72
- this.nativeElement.disabled = value;
73
- }
74
- }
75
- /** Sets the purpose of the input and what, if any, permission the user agent has to provide automated assistance in filling out the element's input when in a form, as well as guidance to the browser as to the type of information expected in the element. This value corresponds to the standard HTML autocomplete attribute and can be set to values such as 'on', 'name', 'organization', 'street-address', etc.
76
- * Property type: string
77
- */
78
- get inputPurpose() {
79
- return this.nativeElement ? this.nativeElement.inputPurpose : undefined;
80
- }
81
- set inputPurpose(value) {
82
- if (this.nativeElement) {
83
- this.nativeElement.inputPurpose = value;
84
- }
85
- }
86
- /** Sets or gets the language. Used in conjunction with the property messages.
87
- * Property type: string
88
- */
89
- get locale() {
90
- return this.nativeElement ? this.nativeElement.locale : undefined;
91
- }
92
- set locale(value) {
93
- if (this.nativeElement) {
94
- this.nativeElement.locale = value;
95
- }
96
- }
97
- /** Callback used to customize the format of the messages that are returned from the Localization Module.
98
- * Property type: any
99
- */
100
- get localizeFormatFunction() {
101
- return this.nativeElement ? this.nativeElement.localizeFormatFunction : undefined;
102
- }
103
- set localizeFormatFunction(value) {
104
- if (this.nativeElement) {
105
- this.nativeElement.localizeFormatFunction = value;
106
- }
107
- }
108
- /** Determines the max number that can be displayed inside the input.
109
- * Property type: number
110
- */
111
- get max() {
112
- return this.nativeElement ? this.nativeElement.max : undefined;
113
- }
114
- set max(value) {
115
- if (this.nativeElement) {
116
- this.nativeElement.max = value;
117
- }
118
- }
119
- /** Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
120
- * Property type: any
121
- */
122
- get messages() {
123
- return this.nativeElement ? this.nativeElement.messages : undefined;
124
- }
125
- set messages(value) {
126
- if (this.nativeElement) {
127
- this.nativeElement.messages = value;
128
- }
129
- }
130
- /** Determines the min number that can be displayed inside the input.
131
- * Property type: number
132
- */
133
- get min() {
134
- return this.nativeElement ? this.nativeElement.min : undefined;
135
- }
136
- set min(value) {
137
- if (this.nativeElement) {
138
- this.nativeElement.min = value;
139
- }
140
- }
141
- /** Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form.
142
- * Property type: string
143
- */
144
- get name() {
145
- return this.nativeElement ? this.nativeElement.name : undefined;
146
- }
147
- set name(value) {
148
- if (this.nativeElement) {
149
- this.nativeElement.name = value;
150
- }
151
- }
152
- /** Sets or gets the value format of the element.
153
- * Property type: any
154
- */
155
- get numberFormat() {
156
- return this.nativeElement ? this.nativeElement.numberFormat : undefined;
157
- }
158
- set numberFormat(value) {
159
- if (this.nativeElement) {
160
- this.nativeElement.numberFormat = value;
161
- }
162
- }
163
- /** Determines the placeholder of the input.
164
- * Property type: string
165
- */
166
- get placeholder() {
167
- return this.nativeElement ? this.nativeElement.placeholder : undefined;
168
- }
169
- set placeholder(value) {
170
- if (this.nativeElement) {
171
- this.nativeElement.placeholder = value;
172
- }
173
- }
174
- /** Determines whether ot not the user can enter text inside the input.
175
- * Property type: boolean
176
- */
177
- get readonly() {
178
- return this.nativeElement ? this.nativeElement.readonly : undefined;
179
- }
180
- set readonly(value) {
181
- if (this.nativeElement) {
182
- this.nativeElement.readonly = value;
183
- }
184
- }
185
- /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
186
- * Property type: boolean
187
- */
188
- get rightToLeft() {
189
- return this.nativeElement ? this.nativeElement.rightToLeft : undefined;
190
- }
191
- set rightToLeft(value) {
192
- if (this.nativeElement) {
193
- this.nativeElement.rightToLeft = value;
194
- }
195
- }
196
- /** Sets or gets the incremental/decremental step for the value of the element.
197
- * Property type: number
198
- */
199
- get step() {
200
- return this.nativeElement ? this.nativeElement.step : undefined;
201
- }
202
- set step(value) {
203
- if (this.nativeElement) {
204
- this.nativeElement.step = value;
205
- }
206
- }
207
- /** Determines the theme for the element. Themes define the look of the elements.
208
- * Property type: string
209
- */
210
- get theme() {
211
- return this.nativeElement ? this.nativeElement.theme : undefined;
212
- }
213
- set theme(value) {
214
- if (this.nativeElement) {
215
- this.nativeElement.theme = value;
216
- }
217
- }
218
- /** If is set to true, the element cannot be focused.
219
- * Property type: boolean
220
- */
221
- get unfocusable() {
222
- return this.nativeElement ? this.nativeElement.unfocusable : undefined;
223
- }
224
- set unfocusable(value) {
225
- if (this.nativeElement) {
226
- this.nativeElement.unfocusable = value;
227
- }
228
- }
229
- /** Sets or gets the value of the element.
230
- * Property type: any
231
- */
232
- get value() {
233
- return this.nativeElement ? this.nativeElement.value : undefined;
234
- }
235
- set value(value) {
236
- if (this.nativeElement) {
237
- this.nativeElement.value = value;
238
- }
239
- }
240
- // Gets the properties of the React component.
241
- get properties() {
242
- return ["animation", "disabled", "inputPurpose", "locale", "localizeFormatFunction", "max", "messages", "min", "name", "numberFormat", "placeholder", "readonly", "rightToLeft", "step", "theme", "unfocusable", "value"];
243
- }
244
- // Gets the events of the React component.
245
- get eventListeners() {
246
- return ["onChange", "onCreate", "onReady"];
247
- }
248
- /** Returns the value in the desired format.
249
- * @param {string | number} value. The value to be formatted by the method.
250
- * @param {any} format?. The object that contains the formatting properties. The argument should contain Intl.NumberFormat valid properties. For example, { style: 'currency', currency: 'EUR' }
251
- * @returns {string}
252
- */
253
- getFormattedValue(value, format) {
254
- return __awaiter(this, void 0, void 0, function* () {
255
- const getResultOnRender = () => {
256
- return new Promise(resolve => {
257
- this.nativeElement.whenRendered(() => {
258
- const result = this.nativeElement.getFormattedValue(value, format);
259
- resolve(result);
260
- });
261
- });
262
- };
263
- const result = yield getResultOnRender();
264
- return result;
265
- });
266
- }
267
- /** Returns the number of the input.
268
- * @returns {number}
269
- */
270
- getValue() {
271
- return __awaiter(this, void 0, void 0, function* () {
272
- const getResultOnRender = () => {
273
- return new Promise(resolve => {
274
- this.nativeElement.whenRendered(() => {
275
- const result = this.nativeElement.getValue();
276
- resolve(result);
277
- });
278
- });
279
- };
280
- const result = yield getResultOnRender();
281
- return result;
282
- });
283
- }
284
- /** Selects the text inside the input or if it is readonly then the element is focused.
285
- */
286
- select() {
287
- if (this.nativeElement.isRendered) {
288
- this.nativeElement.select();
289
- }
290
- else {
291
- this.nativeElement.whenRendered(() => {
292
- this.nativeElement.select();
293
- });
294
- }
295
- }
296
- /** Sets the value of the input.
297
- * @param {string | number} value. The value to be set.
298
- */
299
- setValue(value) {
300
- if (this.nativeElement.isRendered) {
301
- this.nativeElement.setValue(value);
302
- }
303
- else {
304
- this.nativeElement.whenRendered(() => {
305
- this.nativeElement.setValue(value);
306
- });
307
- }
308
- }
309
- componentDidRender(initialize) {
310
- const that = this;
311
- const props = {};
312
- const events = {};
313
- let styles = null;
314
- for (let prop in that.props) {
315
- if (prop === 'children') {
316
- continue;
317
- }
318
- if (prop === 'style') {
319
- styles = that.props[prop];
320
- continue;
321
- }
322
- if (prop.startsWith('on') && that.properties.indexOf(prop) === -1) {
323
- events[prop] = that.props[prop];
324
- continue;
325
- }
326
- props[prop] = that.props[prop];
327
- }
328
- if (initialize) {
329
- that.nativeElement = this.componentRef.current;
330
- }
331
- for (let prop in props) {
332
- if (prop === 'class' || prop === 'className') {
333
- const classNames = props[prop].trim().split(' ');
334
- for (let className in classNames) {
335
- if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
336
- that.nativeElement.classList.add(classNames[className]);
337
- }
338
- }
339
- continue;
340
- }
341
- if (props[prop] !== that.nativeElement[prop]) {
342
- const normalizeProp = (str) => {
343
- return str.replace(/-([a-z])/g, function (g) {
344
- return g[1].toUpperCase();
345
- });
346
- };
347
- if (prop === 'hover' || prop === 'active' || prop === 'focus' || prop === 'selected') {
348
- that.nativeElement.setAttribute(prop, '');
349
- }
350
- const normalizedProp = normalizeProp(prop);
351
- that.nativeElement[normalizedProp] = props[prop];
352
- }
353
- }
354
- for (let eventName in events) {
355
- that[eventName] = events[eventName];
356
- that.nativeElement[eventName.toLowerCase()] = events[eventName];
357
- }
358
- if (initialize) {
359
- Smart.Render();
360
- if (that.onCreate) {
361
- that.onCreate();
362
- }
363
- that.nativeElement.whenRendered(() => {
364
- if (that.onReady) {
365
- that.onReady();
366
- }
367
- });
368
- }
369
- // setup styles.
370
- if (styles) {
371
- for (let styleName in styles) {
372
- that.nativeElement.style[styleName] = styles[styleName];
373
- }
374
- }
375
- }
376
- componentDidMount() {
377
- this.componentDidRender(true);
378
- }
379
- componentDidUpdate() {
380
- this.componentDidRender(false);
381
- }
382
- componentWillUnmount() {
383
- const that = this;
384
- if (!that.nativeElement) {
385
- return;
386
- }
387
- that.nativeElement.whenRenderedCallbacks = [];
388
- for (let i = 0; i < that.eventListeners.length; i++) {
389
- const eventName = that.eventListeners[i];
390
- that.nativeElement.removeEventListener(eventName.substring(2).toLowerCase(), that[eventName]);
391
- }
392
- }
393
- render() {
394
- return (React.createElement("smart-number-input", { ref: this.componentRef }, this.props.children));
395
- }
396
- }
353
+ exports.Smart = Smart;
354
+ exports.NumberInput = NumberInput;
355
+ exports.default = NumberInput;
397
356
 
398
- exports.Smart = Smart;
399
- exports.NumberInput = NumberInput;
400
- exports.default = NumberInput;
401
-
402
- Object.defineProperty(exports, '__esModule', { value: true });
357
+ Object.defineProperty(exports, '__esModule', { value: true });
403
358
 
404
359
  })));