igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.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 (146) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +10205 -7880
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/ButtonGroupView_combined.js +98 -98
  4. package/esm2015/lib/ButtonView_combined.js +2206 -1799
  5. package/esm2015/lib/CalendarView_combined.js +156 -156
  6. package/esm2015/lib/CheckboxView_combined.js +532 -458
  7. package/esm2015/lib/DatePickerView_combined.js +398 -364
  8. package/esm2015/lib/IconView_combined.js +553 -355
  9. package/esm2015/lib/InputGroupView_combined.js +2432 -2152
  10. package/esm2015/lib/NativeUIXInputsFactory.js +65 -23
  11. package/esm2015/lib/RippleView_combined.js +1 -1
  12. package/esm2015/lib/Theme.js +48 -0
  13. package/esm2015/lib/ThemeResolver.js +131 -7
  14. package/esm2015/lib/XButtonBridge.js +218 -22
  15. package/esm2015/lib/XCheckboxBridge.js +25 -16
  16. package/esm2015/lib/XComponentBridge.js +20 -6
  17. package/esm2015/lib/XIconBridge.js +93 -0
  18. package/esm2015/lib/XIconButtonBridge.js +45 -33
  19. package/esm2015/lib/XInputBridge.js +91 -38
  20. package/esm2015/lib/XPopupBridge.js +287 -0
  21. package/esm2015/lib/igc-date-picker-component.js +60 -58
  22. package/esm2015/lib/igc-x-button-component.js +694 -546
  23. package/esm2015/lib/igc-x-button-group-component.js +28 -28
  24. package/esm2015/lib/igc-x-calendar-component.js +16 -16
  25. package/esm2015/lib/igc-x-checkbox-component.js +77 -77
  26. package/esm2015/lib/igc-x-icon-component.js +239 -118
  27. package/esm2015/lib/igc-x-input-component.js +61 -43
  28. package/esm2015/lib/igc-x-input-group-component.js +576 -576
  29. package/esm2015/lib/igc-x-input-group-item-component.js +18 -18
  30. package/esm2015/lib/igc-x-ripple-component.js +35 -35
  31. package/esm2015/public_api.js +3 -0
  32. package/esm5/lib/ButtonClickEventArgs.js +2 -2
  33. package/esm5/lib/ButtonGroupSelectionChangedEventArgs.js +2 -2
  34. package/esm5/lib/ButtonGroupView_combined.js +176 -176
  35. package/esm5/lib/ButtonGroupVisualModelExport.js +2 -2
  36. package/esm5/lib/ButtonView_combined.js +2259 -1808
  37. package/esm5/lib/ButtonVisualModelExport.js +2 -2
  38. package/esm5/lib/CalendarView_combined.js +181 -181
  39. package/esm5/lib/CalendarVisualModelExport.js +2 -2
  40. package/esm5/lib/CheckboxChangeEventArgs.js +4 -4
  41. package/esm5/lib/CheckboxView_combined.js +561 -483
  42. package/esm5/lib/CheckboxVisualModelExport.js +2 -2
  43. package/esm5/lib/DatePickerView_combined.js +421 -383
  44. package/esm5/lib/DatePickerVisualModelExport.js +2 -2
  45. package/esm5/lib/DateTimeValueFormatter.js +2 -2
  46. package/esm5/lib/DayInfo.js +2 -2
  47. package/esm5/lib/ElevationHelper.js +2 -2
  48. package/esm5/lib/GotFocusEventArgs.js +2 -2
  49. package/esm5/lib/IconClickedEventArgs.js +2 -2
  50. package/esm5/lib/IconView_combined.js +600 -362
  51. package/esm5/lib/IconVisualModelExport.js +3 -3
  52. package/esm5/lib/InputChangeEventArgs.js +4 -4
  53. package/esm5/lib/InputGroupView_combined.js +2534 -2246
  54. package/esm5/lib/InputGroupVisualModelExport.js +2 -2
  55. package/esm5/lib/InputVisualModelExport.js +2 -2
  56. package/esm5/lib/LabelVisualModelExport.js +2 -2
  57. package/esm5/lib/LostFocusEventArgs.js +2 -2
  58. package/esm5/lib/MaskOptions.js +2 -2
  59. package/esm5/lib/MaskParsingService.js +5 -5
  60. package/esm5/lib/NativeUIXInputsFactory.js +69 -27
  61. package/esm5/lib/PrefixVisualModelExport.js +2 -2
  62. package/esm5/lib/Replaced.js +2 -2
  63. package/esm5/lib/RippleView_combined.js +17 -17
  64. package/esm5/lib/RippleVisualModelExport.js +2 -2
  65. package/esm5/lib/SelectedValueChangedEventArgs.js +4 -4
  66. package/esm5/lib/SuffixVisualModelExport.js +2 -2
  67. package/esm5/lib/TextElementsVisualModelExport.js +2 -2
  68. package/esm5/lib/Theme.js +58 -0
  69. package/esm5/lib/ThemeResolver.js +137 -11
  70. package/esm5/lib/XButtonBridge.js +220 -24
  71. package/esm5/lib/XButtonGroupButtonCollection.js +2 -2
  72. package/esm5/lib/XCheckboxBridge.js +27 -18
  73. package/esm5/lib/XComponentBridge.js +26 -8
  74. package/esm5/lib/XIconBridge.js +95 -0
  75. package/esm5/lib/XIconButtonBridge.js +47 -35
  76. package/esm5/lib/XInputBridge.js +93 -40
  77. package/esm5/lib/XPopupBridge.js +289 -0
  78. package/esm5/lib/igc-button-click-event-args.js +1 -1
  79. package/esm5/lib/igc-button-group-selection-changed-event-args.js +1 -1
  80. package/esm5/lib/igc-checkbox-change-event-args.js +3 -3
  81. package/esm5/lib/igc-date-picker-component.js +80 -78
  82. package/esm5/lib/igc-got-focus-event-args.js +1 -1
  83. package/esm5/lib/igc-input-change-event-args.js +3 -3
  84. package/esm5/lib/igc-lost-focus-event-args.js +1 -1
  85. package/esm5/lib/igc-selected-value-changed-event-args.js +3 -3
  86. package/esm5/lib/igc-x-button-component.js +908 -710
  87. package/esm5/lib/igc-x-button-group-button-collection.js +2 -2
  88. package/esm5/lib/igc-x-button-group-component.js +73 -73
  89. package/esm5/lib/igc-x-calendar-component.js +30 -30
  90. package/esm5/lib/igc-x-checkbox-component.js +117 -117
  91. package/esm5/lib/igc-x-icon-component.js +297 -136
  92. package/esm5/lib/igc-x-input-component.js +104 -78
  93. package/esm5/lib/igc-x-input-group-component.js +716 -716
  94. package/esm5/lib/igc-x-input-group-input-collection.js +2 -2
  95. package/esm5/lib/igc-x-input-group-item-component.js +6 -6
  96. package/esm5/lib/igc-x-label-component.js +30 -30
  97. package/esm5/lib/igc-x-prefix-component.js +9 -9
  98. package/esm5/lib/igc-x-ripple-component.js +19 -19
  99. package/esm5/lib/igc-x-suffix-component.js +9 -9
  100. package/esm5/public_api.js +3 -0
  101. package/fesm2015/igniteui-webcomponents-inputs.js +9194 -7084
  102. package/fesm5/igniteui-webcomponents-inputs.js +10090 -7768
  103. package/lib/ButtonGroupView_combined.d.ts +136 -70
  104. package/lib/ButtonView_combined.d.ts +609 -583
  105. package/lib/CalendarView_combined.d.ts +43 -22
  106. package/lib/CheckboxChangeEventArgs.d.ts +4 -2
  107. package/lib/CheckboxView_combined.d.ts +150 -117
  108. package/lib/DatePickerView_combined.d.ts +109 -81
  109. package/lib/IconView_combined.d.ts +164 -93
  110. package/lib/IconVisualModelExport.d.ts +2 -1
  111. package/lib/InputChangeEventArgs.d.ts +4 -2
  112. package/lib/InputGroupView_combined.d.ts +771 -771
  113. package/lib/NativeUIXInputsFactory.d.ts +6 -4
  114. package/lib/RippleView_combined.d.ts +19 -10
  115. package/lib/SelectedValueChangedEventArgs.d.ts +4 -2
  116. package/lib/Theme.d.ts +15 -0
  117. package/lib/ThemeResolver.d.ts +44 -6
  118. package/lib/XButtonBridge.d.ts +23 -5
  119. package/lib/XCheckboxBridge.d.ts +3 -3
  120. package/lib/XComponentBridge.d.ts +2 -1
  121. package/lib/XIconBridge.d.ts +14 -0
  122. package/lib/XIconButtonBridge.d.ts +4 -4
  123. package/lib/XInputBridge.d.ts +11 -7
  124. package/lib/XPopupBridge.d.ts +52 -0
  125. package/lib/igc-button-click-event-args.d.ts +1 -1
  126. package/lib/igc-button-group-selection-changed-event-args.d.ts +1 -1
  127. package/lib/igc-checkbox-change-event-args.d.ts +5 -3
  128. package/lib/igc-date-picker-component.d.ts +65 -34
  129. package/lib/igc-got-focus-event-args.d.ts +1 -1
  130. package/lib/igc-input-change-event-args.d.ts +5 -3
  131. package/lib/igc-lost-focus-event-args.d.ts +1 -1
  132. package/lib/igc-selected-value-changed-event-args.d.ts +5 -3
  133. package/lib/igc-x-button-component.d.ts +399 -173
  134. package/lib/igc-x-button-group-component.d.ts +136 -70
  135. package/lib/igc-x-calendar-component.d.ts +53 -28
  136. package/lib/igc-x-checkbox-component.d.ts +71 -37
  137. package/lib/igc-x-icon-component.d.ts +140 -44
  138. package/lib/igc-x-input-component.d.ts +69 -32
  139. package/lib/igc-x-input-group-component.d.ts +325 -165
  140. package/lib/igc-x-input-group-item-component.d.ts +5 -4
  141. package/lib/igc-x-label-component.d.ts +52 -27
  142. package/lib/igc-x-prefix-component.d.ts +10 -6
  143. package/lib/igc-x-ripple-component.d.ts +31 -17
  144. package/lib/igc-x-suffix-component.d.ts +10 -6
  145. package/package.json +2 -2
  146. package/public_api.d.ts +3 -0
@@ -9,6 +9,7 @@ import { IgcInputChangeEventArgs } from './igc-input-change-event-args';
9
9
  import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
10
10
  import { IgcKeyEventArgs } from "igniteui-webcomponents-core";
11
11
  import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
12
+ import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
12
13
  let requiredStyle = `
13
14
 
14
15
  `;
@@ -211,59 +212,66 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
211
212
  * Gets/Sets the input mask for the input.
212
213
  */
213
214
  get mask() {
214
- return this.i.cc;
215
+ return this.i.ce;
215
216
  }
216
217
  set mask(v) {
217
- this.i.cc = v;
218
+ this.i.ce = v;
218
219
  }
219
220
  /**
220
221
  * Gets/Sets the character representing a fillable spot in the input mask
221
222
  */
222
223
  get promptChar() {
223
- return this.i.cg;
224
+ return this.i.ci;
224
225
  }
225
226
  set promptChar(v) {
226
- this.i.cg = v;
227
+ this.i.ci = v;
227
228
  }
228
229
  /**
229
230
  * Specifies if the bound value includes the formatting symbols.
230
231
  */
231
232
  get includeLiterals() {
232
- return this.i.at;
233
+ return this.i.au;
233
234
  }
234
235
  set includeLiterals(v) {
235
- this.i.at = ensureBool(v);
236
- this._a("includeLiterals", this.i.at);
236
+ this.i.au = ensureBool(v);
237
+ this._a("includeLiterals", this.i.au);
238
+ }
239
+ get showSpinner() {
240
+ return this.i.a1;
241
+ }
242
+ set showSpinner(v) {
243
+ this.i.a1 = ensureBool(v);
244
+ this._a("showSpinner", this.i.a1);
237
245
  }
238
246
  /**
239
247
  * Gets the actual color to use for the text color.
240
248
  */
241
249
  get actualTextColor() {
242
- return brushToString(this.i.dx);
250
+ return brushToString(this.i.d4);
243
251
  }
244
252
  set actualTextColor(v) {
245
- this.i.dx = stringToBrush(v);
246
- this._a("actualTextColor", brushToString(this.i.dx));
253
+ this.i.d4 = stringToBrush(v);
254
+ this._a("actualTextColor", brushToString(this.i.d4));
247
255
  }
248
256
  /**
249
257
  * Gets the actual hover color to use for the text.
250
258
  */
251
259
  get actualHoverTextColor() {
252
- return brushToString(this.i.dw);
260
+ return brushToString(this.i.d3);
253
261
  }
254
262
  set actualHoverTextColor(v) {
255
- this.i.dw = stringToBrush(v);
256
- this._a("actualHoverTextColor", brushToString(this.i.dw));
263
+ this.i.d3 = stringToBrush(v);
264
+ this._a("actualHoverTextColor", brushToString(this.i.d3));
257
265
  }
258
266
  /**
259
267
  * Gets or sets the color to use for the text.
260
268
  */
261
269
  get textColor() {
262
- return brushToString(this.i.d1);
270
+ return brushToString(this.i.d8);
263
271
  }
264
272
  set textColor(v) {
265
- this.i.d1 = stringToBrush(v);
266
- this._a("textColor", brushToString(this.i.d1));
273
+ this.i.d8 = stringToBrush(v);
274
+ this._a("textColor", brushToString(this.i.d8));
267
275
  }
268
276
  /**
269
277
  * Gets or sets the use for the button.
@@ -284,88 +292,88 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
284
292
  * Gets or sets the type to use for the input.
285
293
  */
286
294
  get inputType() {
287
- return this.i.b6;
295
+ return this.i.b8;
288
296
  }
289
297
  set inputType(v) {
290
- this.i.b6 = v;
298
+ this.i.b8 = v;
291
299
  }
292
300
  /**
293
301
  * Gets or sets the placeholder to use for the input.
294
302
  */
295
303
  get placeholder() {
296
- return this.i.ce;
304
+ return this.i.cg;
297
305
  }
298
306
  set placeholder(v) {
299
- this.i.ce = v;
307
+ this.i.cg = v;
300
308
  }
301
309
  /**
302
310
  * Gets or sets the color to use for the hovered text of the button regardless of type.
303
311
  */
304
312
  get hoverTextColor() {
305
- return brushToString(this.i.d0);
313
+ return brushToString(this.i.d7);
306
314
  }
307
315
  set hoverTextColor(v) {
308
- this.i.d0 = stringToBrush(v);
309
- this._a("hoverTextColor", brushToString(this.i.d0));
316
+ this.i.d7 = stringToBrush(v);
317
+ this._a("hoverTextColor", brushToString(this.i.d7));
310
318
  }
311
319
  /**
312
320
  * Gets or sets the id to use for the checkbox.
313
321
  */
314
322
  get id() {
315
- return this.i.b3;
323
+ return this.i.b5;
316
324
  }
317
325
  set id(v) {
318
- this.i.b3 = v;
326
+ this.i.b5 = v;
319
327
  }
320
328
  /**
321
329
  * Gets or sets TabIndex to use for the checkbox.
322
330
  */
323
331
  get tabIndex() {
324
- return this.i.bc;
332
+ return this.i.be;
325
333
  }
326
334
  set tabIndex(v) {
327
- this.i.bc = +v;
328
- this._a("tabIndex", this.i.bc);
335
+ this.i.be = +v;
336
+ this._a("tabIndex", this.i.be);
329
337
  }
330
338
  /**
331
339
  * Gets or sets the for attribute to use for the input.
332
340
  */
333
341
  get for() {
334
- return this.i.b0;
342
+ return this.i.b2;
335
343
  }
336
344
  set for(v) {
337
- this.i.b0 = v;
345
+ this.i.b2 = v;
338
346
  }
339
347
  /**
340
348
  * Gets or sets the value of the aria-label attribute.
341
349
  */
342
350
  get ariaLabel() {
343
- return this.i.bv;
351
+ return this.i.bx;
344
352
  }
345
353
  set ariaLabel(v) {
346
- this.i.bv = v;
354
+ this.i.bx = v;
347
355
  }
348
356
  /**
349
357
  * Gets or sets whether the input is hovered.
350
358
  */
351
359
  get isHover() {
352
- return this.i.av;
360
+ return this.i.aw;
353
361
  }
354
362
  set isHover(v) {
355
- this.i.av = ensureBool(v);
356
- this._a("isHover", this.i.av);
363
+ this.i.aw = ensureBool(v);
364
+ this._a("isHover", this.i.aw);
357
365
  }
358
366
  /**
359
367
  * Gets or sets the value for the input.
360
368
  */
361
369
  get value() {
362
- return this.i.cm;
370
+ return this.i.cq;
363
371
  }
364
372
  set value(v) {
365
- this.i.cm = v;
373
+ this.i.cq = v;
366
374
  }
367
375
  get hasValue() {
368
- return this.i.as;
376
+ return this.i.at;
369
377
  }
370
378
  /**
371
379
  * Gets or sets whether the checkbox is disabled.
@@ -387,6 +395,16 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
387
395
  this.i.readonly = ensureBool(v);
388
396
  this._a("readonly", this.i.readonly);
389
397
  }
398
+ /**
399
+ * Gets or sets the alignment of the text.
400
+ */
401
+ get textAlignment() {
402
+ return this.i.dy;
403
+ }
404
+ set textAlignment(v) {
405
+ this.i.dy = ensureEnum(HorizontalAlignment_$type, v);
406
+ this._a("textAlignment", enumToString(HorizontalAlignment_$type, this.i.dy));
407
+ }
390
408
  /**
391
409
  * Returns / Sets the beginning index of the selected text. When nothing is selected, this returns the position of the text input cursor (caret) inside of the input.
392
410
  */
@@ -418,7 +436,7 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
418
436
 
419
437
  */
420
438
  exportVisualModel() {
421
- let iv = this.i.be();
439
+ let iv = this.i.bg();
422
440
  return (iv);
423
441
  }
424
442
  /**
@@ -426,17 +444,17 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
426
444
 
427
445
  */
428
446
  exportSerializedVisualModel() {
429
- let iv = this.i.bz();
447
+ let iv = this.i.b1();
430
448
  return (iv);
431
449
  }
432
450
  setSelectionRange(selectionStart, selectionEnd) {
433
- this.i.dl(selectionStart, selectionEnd);
451
+ this.i.dr(selectionStart, selectionEnd);
434
452
  }
435
453
  blur() {
436
- this.i.cp();
454
+ this.i.ct();
437
455
  }
438
456
  select() {
439
- this.i.dj();
457
+ this.i.dp();
440
458
  }
441
459
  get keyDown() {
442
460
  return this._keyDown;