igniteui-webcomponents-inputs 4.2.4-alpha → 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
@@ -1,4 +1,4 @@
1
- import * as tslib_1 from "tslib";
1
+ import { __extends } from "tslib";
2
2
  import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
3
3
  import { FontInfo } from "igniteui-webcomponents-core";
4
4
  import { WebComponentRenderer } from "igniteui-webcomponents-core";
@@ -12,7 +12,7 @@ import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
12
12
  import { DayOfWeek_$type } from "./DayOfWeek";
13
13
  import { FirstWeek_$type } from "./FirstWeek";
14
14
  var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
15
- tslib_1.__extends(IgcXCalendarComponent, _super);
15
+ __extends(IgcXCalendarComponent, _super);
16
16
  function IgcXCalendarComponent() {
17
17
  var _this = _super.call(this) || this;
18
18
  _this._disconnected = false;
@@ -55,7 +55,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
55
55
  this.style.height = value;
56
56
  this.i.notifySizeChanged();
57
57
  },
58
- enumerable: true,
58
+ enumerable: false,
59
59
  configurable: true
60
60
  });
61
61
  Object.defineProperty(IgcXCalendarComponent.prototype, "width", {
@@ -67,7 +67,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
67
67
  this.style.width = value;
68
68
  this.i.notifySizeChanged();
69
69
  },
70
- enumerable: true,
70
+ enumerable: false,
71
71
  configurable: true
72
72
  });
73
73
  // supports angular themes or custom properties set in CSS
@@ -116,7 +116,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
116
116
  } /**
117
117
  * @hidden
118
118
  */,
119
- enumerable: true,
119
+ enumerable: false,
120
120
  configurable: true
121
121
  });
122
122
  IgcXCalendarComponent._createFromInternal = function (internal) {
@@ -172,7 +172,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
172
172
  }
173
173
  return IgcXCalendarComponent._observedAttributesIgcXCalendarComponent;
174
174
  },
175
- enumerable: true,
175
+ enumerable: false,
176
176
  configurable: true
177
177
  });
178
178
  IgcXCalendarComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
@@ -200,7 +200,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
200
200
  set: function (v) {
201
201
  this.i.value = v;
202
202
  },
203
- enumerable: true,
203
+ enumerable: false,
204
204
  configurable: true
205
205
  });
206
206
  Object.defineProperty(IgcXCalendarComponent.prototype, "today", {
@@ -213,7 +213,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
213
213
  set: function (v) {
214
214
  this.i.av = v;
215
215
  },
216
- enumerable: true,
216
+ enumerable: false,
217
217
  configurable: true
218
218
  });
219
219
  Object.defineProperty(IgcXCalendarComponent.prototype, "minDate", {
@@ -226,7 +226,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
226
226
  set: function (v) {
227
227
  this.i.au = v;
228
228
  },
229
- enumerable: true,
229
+ enumerable: false,
230
230
  configurable: true
231
231
  });
232
232
  Object.defineProperty(IgcXCalendarComponent.prototype, "maxDate", {
@@ -239,7 +239,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
239
239
  set: function (v) {
240
240
  this.i.at = v;
241
241
  },
242
- enumerable: true,
242
+ enumerable: false,
243
243
  configurable: true
244
244
  });
245
245
  Object.defineProperty(IgcXCalendarComponent.prototype, "density", {
@@ -253,7 +253,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
253
253
  this.i.t = ensureEnum(ControlDisplayDensity_$type, v);
254
254
  this._a("density", enumToString(ControlDisplayDensity_$type, this.i.t));
255
255
  },
256
- enumerable: true,
256
+ enumerable: false,
257
257
  configurable: true
258
258
  });
259
259
  Object.defineProperty(IgcXCalendarComponent.prototype, "baseTheme", {
@@ -267,7 +267,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
267
267
  this.i.r = ensureEnum(BaseControlTheme_$type, v);
268
268
  this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.r));
269
269
  },
270
- enumerable: true,
270
+ enumerable: false,
271
271
  configurable: true
272
272
  });
273
273
  Object.defineProperty(IgcXCalendarComponent.prototype, "backgroundColor", {
@@ -281,7 +281,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
281
281
  this.i.dg = stringToBrush(v);
282
282
  this._a("backgroundColor", brushToString(this.i.dg));
283
283
  },
284
- enumerable: true,
284
+ enumerable: false,
285
285
  configurable: true
286
286
  });
287
287
  Object.defineProperty(IgcXCalendarComponent.prototype, "selectedDateBackgroundColor", {
@@ -295,7 +295,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
295
295
  this.i.dm = stringToBrush(v);
296
296
  this._a("selectedDateBackgroundColor", brushToString(this.i.dm));
297
297
  },
298
- enumerable: true,
298
+ enumerable: false,
299
299
  configurable: true
300
300
  });
301
301
  Object.defineProperty(IgcXCalendarComponent.prototype, "selectedFocusDateBackgroundColor", {
@@ -309,7 +309,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
309
309
  this.i.dp = stringToBrush(v);
310
310
  this._a("selectedFocusDateBackgroundColor", brushToString(this.i.dp));
311
311
  },
312
- enumerable: true,
312
+ enumerable: false,
313
313
  configurable: true
314
314
  });
315
315
  Object.defineProperty(IgcXCalendarComponent.prototype, "focusDateBackgroundColor", {
@@ -323,7 +323,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
323
323
  this.i.dj = stringToBrush(v);
324
324
  this._a("focusDateBackgroundColor", brushToString(this.i.dj));
325
325
  },
326
- enumerable: true,
326
+ enumerable: false,
327
327
  configurable: true
328
328
  });
329
329
  Object.defineProperty(IgcXCalendarComponent.prototype, "hoverBackgroundColor", {
@@ -337,7 +337,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
337
337
  this.i.dl = stringToBrush(v);
338
338
  this._a("hoverBackgroundColor", brushToString(this.i.dl));
339
339
  },
340
- enumerable: true,
340
+ enumerable: false,
341
341
  configurable: true
342
342
  });
343
343
  Object.defineProperty(IgcXCalendarComponent.prototype, "textColor", {
@@ -351,7 +351,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
351
351
  this.i.dq = stringToBrush(v);
352
352
  this._a("textColor", brushToString(this.i.dq));
353
353
  },
354
- enumerable: true,
354
+ enumerable: false,
355
355
  configurable: true
356
356
  });
357
357
  Object.defineProperty(IgcXCalendarComponent.prototype, "selectedDateTextColor", {
@@ -365,7 +365,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
365
365
  this.i.dn = stringToBrush(v);
366
366
  this._a("selectedDateTextColor", brushToString(this.i.dn));
367
367
  },
368
- enumerable: true,
368
+ enumerable: false,
369
369
  configurable: true
370
370
  });
371
371
  Object.defineProperty(IgcXCalendarComponent.prototype, "focusDateTextColor", {
@@ -379,7 +379,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
379
379
  this.i.dk = stringToBrush(v);
380
380
  this._a("focusDateTextColor", brushToString(this.i.dk));
381
381
  },
382
- enumerable: true,
382
+ enumerable: false,
383
383
  configurable: true
384
384
  });
385
385
  Object.defineProperty(IgcXCalendarComponent.prototype, "currentDateTextColor", {
@@ -393,7 +393,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
393
393
  this.i.di = stringToBrush(v);
394
394
  this._a("currentDateTextColor", brushToString(this.i.di));
395
395
  },
396
- enumerable: true,
396
+ enumerable: false,
397
397
  configurable: true
398
398
  });
399
399
  Object.defineProperty(IgcXCalendarComponent.prototype, "currentDateBorderColor", {
@@ -407,7 +407,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
407
407
  this.i.dh = stringToBrush(v);
408
408
  this._a("currentDateBorderColor", brushToString(this.i.dh));
409
409
  },
410
- enumerable: true,
410
+ enumerable: false,
411
411
  configurable: true
412
412
  });
413
413
  Object.defineProperty(IgcXCalendarComponent.prototype, "showTodayButton", {
@@ -421,7 +421,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
421
421
  this.i.ae = ensureBool(v);
422
422
  this._a("showTodayButton", this.i.ae);
423
423
  },
424
- enumerable: true,
424
+ enumerable: false,
425
425
  configurable: true
426
426
  });
427
427
  Object.defineProperty(IgcXCalendarComponent.prototype, "textStyle", {
@@ -440,7 +440,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
440
440
  this.i.v = fi;
441
441
  this._a("textStyle", this.i.v != null ? this.i.v.fontString : "");
442
442
  },
443
- enumerable: true,
443
+ enumerable: false,
444
444
  configurable: true
445
445
  });
446
446
  Object.defineProperty(IgcXCalendarComponent.prototype, "firstDayOfWeek", {
@@ -454,7 +454,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
454
454
  this.i.l = ensureEnum(DayOfWeek_$type, v);
455
455
  this._a("firstDayOfWeek", enumToString(DayOfWeek_$type, this.i.l));
456
456
  },
457
- enumerable: true,
457
+ enumerable: false,
458
458
  configurable: true
459
459
  });
460
460
  Object.defineProperty(IgcXCalendarComponent.prototype, "firstWeekOfYear", {
@@ -468,7 +468,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
468
468
  this.i.o = ensureEnum(FirstWeek_$type, v);
469
469
  this._a("firstWeekOfYear", enumToString(FirstWeek_$type, this.i.o));
470
470
  },
471
- enumerable: true,
471
+ enumerable: false,
472
472
  configurable: true
473
473
  });
474
474
  Object.defineProperty(IgcXCalendarComponent.prototype, "showWeekNumbers", {
@@ -482,14 +482,14 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
482
482
  this.i.af = ensureBool(v);
483
483
  this._a("showWeekNumbers", this.i.af);
484
484
  },
485
- enumerable: true,
485
+ enumerable: false,
486
486
  configurable: true
487
487
  });
488
488
  Object.defineProperty(IgcXCalendarComponent.prototype, "hasUserValues", {
489
489
  get: function () {
490
490
  return this._hasUserValues;
491
491
  },
492
- enumerable: true,
492
+ enumerable: false,
493
493
  configurable: true
494
494
  });
495
495
  IgcXCalendarComponent.prototype.__m = function (propertyName) {
@@ -586,7 +586,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
586
586
  this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
587
587
  ;
588
588
  },
589
- enumerable: true,
589
+ enumerable: false,
590
590
  configurable: true
591
591
  });
592
592
  Object.defineProperty(IgcXCalendarComponent.prototype, "valueChange", {
@@ -614,7 +614,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
614
614
  };
615
615
  this.i.propertyChanged = delegateCombine(this.i.propertyChanged, this._valueChange_wrapped);
616
616
  },
617
- enumerable: true,
617
+ enumerable: false,
618
618
  configurable: true
619
619
  });
620
620
  IgcXCalendarComponent._observedAttributesIgcXCalendarComponent = null;