igniteui-webcomponents-inputs 3.2.3 → 3.5.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 (35) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +260 -159
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/DatePickerView_combined.js +2 -2
  4. package/esm2015/lib/InputGroupView_combined.js +153 -145
  5. package/esm2015/lib/KEYCODES.js +1 -1
  6. package/esm2015/lib/igc-date-picker-component.js +5 -0
  7. package/esm2015/lib/igc-x-button-component.js +6 -0
  8. package/esm2015/lib/igc-x-button-group-component.js +6 -0
  9. package/esm2015/lib/igc-x-calendar-component.js +1 -0
  10. package/esm2015/lib/igc-x-checkbox-component.js +6 -0
  11. package/esm2015/lib/igc-x-icon-component.js +5 -0
  12. package/esm2015/lib/igc-x-input-component.js +47 -17
  13. package/esm2015/lib/igc-x-input-group-component.js +5 -0
  14. package/esm2015/lib/igc-x-input-group-item-component.js +19 -0
  15. package/esm2015/lib/igc-x-ripple-component.js +5 -0
  16. package/esm5/lib/DatePickerView_combined.js +2 -2
  17. package/esm5/lib/InputGroupView_combined.js +147 -139
  18. package/esm5/lib/KEYCODES.js +1 -1
  19. package/esm5/lib/igc-date-picker-component.js +5 -0
  20. package/esm5/lib/igc-x-button-component.js +6 -0
  21. package/esm5/lib/igc-x-button-group-component.js +6 -0
  22. package/esm5/lib/igc-x-calendar-component.js +1 -0
  23. package/esm5/lib/igc-x-checkbox-component.js +6 -0
  24. package/esm5/lib/igc-x-icon-component.js +5 -0
  25. package/esm5/lib/igc-x-input-component.js +52 -17
  26. package/esm5/lib/igc-x-input-group-component.js +5 -0
  27. package/esm5/lib/igc-x-input-group-item-component.js +19 -0
  28. package/esm5/lib/igc-x-ripple-component.js +5 -0
  29. package/fesm2015/igniteui-webcomponents-inputs.js +261 -165
  30. package/fesm5/igniteui-webcomponents-inputs.js +260 -159
  31. package/lib/InputGroupView_combined.d.ts +30 -30
  32. package/lib/KEYCODES.d.ts +1 -0
  33. package/lib/igc-x-input-component.d.ts +3 -0
  34. package/lib/igc-x-input-group-item-component.d.ts +1 -0
  35. package/package.json +2 -2
@@ -637,6 +637,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
637
637
  }
638
638
  };
639
639
  this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
640
+ ;
640
641
  },
641
642
  enumerable: true,
642
643
  configurable: true
@@ -664,6 +665,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
664
665
  }
665
666
  };
666
667
  this.i.gotFocus = delegateCombine(this.i.gotFocus, this._gotFocus_wrapped);
668
+ ;
667
669
  },
668
670
  enumerable: true,
669
671
  configurable: true
@@ -691,6 +693,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
691
693
  }
692
694
  };
693
695
  this.i.lostFocus = delegateCombine(this.i.lostFocus, this._lostFocus_wrapped);
696
+ ;
694
697
  },
695
698
  enumerable: true,
696
699
  configurable: true
@@ -718,6 +721,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
718
721
  }
719
722
  };
720
723
  this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
724
+ ;
721
725
  },
722
726
  enumerable: true,
723
727
  configurable: true
@@ -745,6 +749,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
745
749
  }
746
750
  };
747
751
  this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
752
+ ;
748
753
  },
749
754
  enumerable: true,
750
755
  configurable: true
@@ -2605,6 +2605,11 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
2605
2605
  configurable: true
2606
2606
  });
2607
2607
  IgcXButtonComponent.prototype.findByName = function (name) {
2608
+ if (this.findEphemera) {
2609
+ if (name && name.indexOf("@@e:") == 0) {
2610
+ return this.findEphemera(name);
2611
+ }
2612
+ }
2608
2613
  return null;
2609
2614
  };
2610
2615
  Object.defineProperty(IgcXButtonComponent.prototype, "hasUserValues", {
@@ -2709,6 +2714,7 @@ var IgcXButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
2709
2714
  }
2710
2715
  };
2711
2716
  this.i.clicked = delegateCombine(this.i.clicked, this._clicked_wrapped);
2717
+ ;
2712
2718
  },
2713
2719
  enumerable: true,
2714
2720
  configurable: true
@@ -1198,6 +1198,11 @@ var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
1198
1198
  configurable: true
1199
1199
  });
1200
1200
  IgcXButtonGroupComponent.prototype.findByName = function (name) {
1201
+ if (this.findEphemera) {
1202
+ if (name && name.indexOf("@@e:") == 0) {
1203
+ return this.findEphemera(name);
1204
+ }
1205
+ }
1201
1206
  if (this.buttons != null && this.buttons.findByName && this.buttons.findByName(name)) {
1202
1207
  return this.buttons.findByName(name);
1203
1208
  }
@@ -1305,6 +1310,7 @@ var IgcXButtonGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
1305
1310
  }
1306
1311
  };
1307
1312
  this.i.selectionChanged = delegateCombine(this.i.selectionChanged, this._selectionChanged_wrapped);
1313
+ ;
1308
1314
  },
1309
1315
  enumerable: true,
1310
1316
  configurable: true
@@ -584,6 +584,7 @@ var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
584
584
  }
585
585
  };
586
586
  this.i.selectedValueChanged = delegateCombine(this.i.selectedValueChanged, this._selectedValueChanged_wrapped);
587
+ ;
587
588
  },
588
589
  enumerable: true,
589
590
  configurable: true
@@ -671,6 +671,11 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
671
671
  configurable: true
672
672
  });
673
673
  IgcXCheckboxComponent.prototype.findByName = function (name) {
674
+ if (this.findEphemera) {
675
+ if (name && name.indexOf("@@e:") == 0) {
676
+ return this.findEphemera(name);
677
+ }
678
+ }
674
679
  return null;
675
680
  };
676
681
  Object.defineProperty(IgcXCheckboxComponent.prototype, "hasUserValues", {
@@ -775,6 +780,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
775
780
  }
776
781
  };
777
782
  this.i.change = delegateCombine(this.i.change, this._change_wrapped);
783
+ ;
778
784
  },
779
785
  enumerable: true,
780
786
  configurable: true
@@ -530,6 +530,11 @@ var IgcXIconComponent = /** @class */ /*@__PURE__*/ (function (_super) {
530
530
  configurable: true
531
531
  });
532
532
  IgcXIconComponent.prototype.findByName = function (name) {
533
+ if (this.findEphemera) {
534
+ if (name && name.indexOf("@@e:") == 0) {
535
+ return this.findEphemera(name);
536
+ }
537
+ }
533
538
  return null;
534
539
  };
535
540
  Object.defineProperty(IgcXIconComponent.prototype, "hasUserValues", {
@@ -66,6 +66,8 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
66
66
  _this._change_wrapped = null;
67
67
  _this._changing = null;
68
68
  _this._changing_wrapped = null;
69
+ _this._compositionEnd = null;
70
+ _this._compositionEnd_wrapped = null;
69
71
  ensureCss();
70
72
  if (_this._styling) {
71
73
  NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
@@ -207,11 +209,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
207
209
  * Gets or sets the display density to use for the input.
208
210
  */
209
211
  get: function () {
210
- return this.i.x;
212
+ return this.i.y;
211
213
  },
212
214
  set: function (v) {
213
- this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
214
- this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
215
+ this.i.y = ensureEnum(ControlDisplayDensity_$type, v);
216
+ this._a("density", enumToString(ControlDisplayDensity_$type, this.i.y));
215
217
  },
216
218
  enumerable: true,
217
219
  configurable: true
@@ -221,11 +223,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
221
223
  * Gets the actual display density to use for the label.
222
224
  */
223
225
  get: function () {
224
- return this.i.w;
226
+ return this.i.x;
225
227
  },
226
228
  set: function (v) {
227
- this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
228
- this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.w));
229
+ this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
230
+ this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.x));
229
231
  },
230
232
  enumerable: true,
231
233
  configurable: true
@@ -261,11 +263,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
261
263
  * Specifies if the bound value includes the formatting symbols.
262
264
  */
263
265
  get: function () {
264
- return this.i.aq;
266
+ return this.i.ar;
265
267
  },
266
268
  set: function (v) {
267
- this.i.aq = ensureBool(v);
268
- this._a("includeLiterals", this.i.aq);
269
+ this.i.ar = ensureBool(v);
270
+ this._a("includeLiterals", this.i.ar);
269
271
  },
270
272
  enumerable: true,
271
273
  configurable: true
@@ -317,16 +319,16 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
317
319
  * Gets or sets the use for the button.
318
320
  */
319
321
  get: function () {
320
- if (this.i.ac == null) {
322
+ if (this.i.ad == null) {
321
323
  return null;
322
324
  }
323
- return this.i.ac.fontString;
325
+ return this.i.ad.fontString;
324
326
  },
325
327
  set: function (v) {
326
328
  var fi = new FontInfo();
327
329
  fi.fontString = v;
328
- this.i.ac = fi;
329
- this._a("textStyle", this.i.ac != null ? this.i.ac.fontString : "");
330
+ this.i.ad = fi;
331
+ this._a("textStyle", this.i.ad != null ? this.i.ad.fontString : "");
330
332
  },
331
333
  enumerable: true,
332
334
  configurable: true
@@ -429,11 +431,11 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
429
431
  * Gets or sets whether the input is hovered.
430
432
  */
431
433
  get: function () {
432
- return this.i.as;
434
+ return this.i.at;
433
435
  },
434
436
  set: function (v) {
435
- this.i.as = ensureBool(v);
436
- this._a("isHover", this.i.as);
437
+ this.i.at = ensureBool(v);
438
+ this._a("isHover", this.i.at);
437
439
  },
438
440
  enumerable: true,
439
441
  configurable: true
@@ -453,7 +455,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
453
455
  });
454
456
  Object.defineProperty(IgcXInputComponent.prototype, "hasValue", {
455
457
  get: function () {
456
- return this.i.ap;
458
+ return this.i.aq;
457
459
  },
458
460
  enumerable: true,
459
461
  configurable: true
@@ -568,6 +570,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
568
570
  }
569
571
  };
570
572
  this.i.keyDown = delegateCombine(this.i.keyDown, this._keyDown_wrapped);
573
+ ;
571
574
  },
572
575
  enumerable: true,
573
576
  configurable: true
@@ -595,6 +598,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
595
598
  }
596
599
  };
597
600
  this.i.keyUp = delegateCombine(this.i.keyUp, this._keyUp_wrapped);
601
+ ;
598
602
  },
599
603
  enumerable: true,
600
604
  configurable: true
@@ -622,6 +626,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
622
626
  }
623
627
  };
624
628
  this.i.keyPress = delegateCombine(this.i.keyPress, this._keyPress_wrapped);
629
+ ;
625
630
  },
626
631
  enumerable: true,
627
632
  configurable: true
@@ -649,6 +654,7 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
649
654
  }
650
655
  };
651
656
  this.i.change = delegateCombine(this.i.change, this._change_wrapped);
657
+ ;
652
658
  },
653
659
  enumerable: true,
654
660
  configurable: true
@@ -676,6 +682,35 @@ var IgcXInputComponent = /** @class */ /*@__PURE__*/ (function (_super) {
676
682
  }
677
683
  };
678
684
  this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
685
+ ;
686
+ },
687
+ enumerable: true,
688
+ configurable: true
689
+ });
690
+ Object.defineProperty(IgcXInputComponent.prototype, "compositionEnd", {
691
+ get: function () {
692
+ return this._compositionEnd;
693
+ },
694
+ set: function (ev) {
695
+ var _this = this;
696
+ if (this._compositionEnd_wrapped !== null) {
697
+ this.i.compositionEnd = delegateRemove(this.i.compositionEnd, this._compositionEnd_wrapped);
698
+ this._compositionEnd_wrapped = null;
699
+ this._compositionEnd = null;
700
+ }
701
+ this._compositionEnd = ev;
702
+ this._compositionEnd_wrapped = function (o, e) {
703
+ var outerArgs = new IgcInputChangeEventArgs();
704
+ outerArgs._provideImplementation(e);
705
+ if (_this.beforeCompositionEnd) {
706
+ _this.beforeCompositionEnd(_this, outerArgs);
707
+ }
708
+ if (_this._compositionEnd) {
709
+ _this._compositionEnd(_this, outerArgs);
710
+ }
711
+ };
712
+ this.i.compositionEnd = delegateCombine(this.i.compositionEnd, this._compositionEnd_wrapped);
713
+ ;
679
714
  },
680
715
  enumerable: true,
681
716
  configurable: true
@@ -2554,6 +2554,11 @@ var IgcXInputGroupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
2554
2554
  configurable: true
2555
2555
  });
2556
2556
  IgcXInputGroupComponent.prototype.findByName = function (name) {
2557
+ if (this.findEphemera) {
2558
+ if (name && name.indexOf("@@e:") == 0) {
2559
+ return this.findEphemera(name);
2560
+ }
2561
+ }
2557
2562
  if (this.inputs != null && this.inputs.findByName && this.inputs.findByName(name)) {
2558
2563
  return this.inputs.findByName(name);
2559
2564
  }
@@ -86,11 +86,25 @@ var IgcXInputGroupItemComponent = /** @class */ /*@__PURE__*/ (function (_super)
86
86
  if (_super.prototype["connectedCallback"]) {
87
87
  _super.prototype["connectedCallback"].call(this);
88
88
  }
89
+ if (this.i.connectedCallback) {
90
+ this.i.connectedCallback();
91
+ }
89
92
  if (!this._attached) {
90
93
  this._attached = true;
91
94
  this._flushQueuedAttributes();
92
95
  }
93
96
  };
97
+ IgcXInputGroupItemComponent.prototype.disconnectedCallback = function () {
98
+ if (_super.prototype["disconnectedCallback"]) {
99
+ _super.prototype["disconnectedCallback"].call(this);
100
+ }
101
+ if (this.i.disconnectedCallback) {
102
+ this.i.disconnectedCallback();
103
+ }
104
+ if (this._attached) {
105
+ this._attached = false;
106
+ }
107
+ };
94
108
  Object.defineProperty(IgcXInputGroupItemComponent, "observedAttributes", {
95
109
  get: function () {
96
110
  if (IgcXInputGroupItemComponent._observedAttributesIgcXInputGroupItemComponent == null) {
@@ -128,6 +142,11 @@ var IgcXInputGroupItemComponent = /** @class */ /*@__PURE__*/ (function (_super)
128
142
  configurable: true
129
143
  });
130
144
  IgcXInputGroupItemComponent.prototype.findByName = function (name) {
145
+ if (this.findEphemera) {
146
+ if (name && name.indexOf("@@e:") == 0) {
147
+ return this.findEphemera(name);
148
+ }
149
+ }
131
150
  return null;
132
151
  };
133
152
  Object.defineProperty(IgcXInputGroupItemComponent.prototype, "hasUserValues", {
@@ -360,6 +360,11 @@ var IgcXRippleComponent = /** @class */ /*@__PURE__*/ (function (_super) {
360
360
  configurable: true
361
361
  });
362
362
  IgcXRippleComponent.prototype.findByName = function (name) {
363
+ if (this.findEphemera) {
364
+ if (name && name.indexOf("@@e:") == 0) {
365
+ return this.findEphemera(name);
366
+ }
367
+ }
363
368
  return null;
364
369
  };
365
370
  Object.defineProperty(IgcXRippleComponent.prototype, "hasUserValues", {