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.
- package/bundles/igniteui-webcomponents-inputs.umd.js +260 -159
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/DatePickerView_combined.js +2 -2
- package/esm2015/lib/InputGroupView_combined.js +153 -145
- package/esm2015/lib/KEYCODES.js +1 -1
- package/esm2015/lib/igc-date-picker-component.js +5 -0
- package/esm2015/lib/igc-x-button-component.js +6 -0
- package/esm2015/lib/igc-x-button-group-component.js +6 -0
- package/esm2015/lib/igc-x-calendar-component.js +1 -0
- package/esm2015/lib/igc-x-checkbox-component.js +6 -0
- package/esm2015/lib/igc-x-icon-component.js +5 -0
- package/esm2015/lib/igc-x-input-component.js +47 -17
- package/esm2015/lib/igc-x-input-group-component.js +5 -0
- package/esm2015/lib/igc-x-input-group-item-component.js +19 -0
- package/esm2015/lib/igc-x-ripple-component.js +5 -0
- package/esm5/lib/DatePickerView_combined.js +2 -2
- package/esm5/lib/InputGroupView_combined.js +147 -139
- package/esm5/lib/KEYCODES.js +1 -1
- package/esm5/lib/igc-date-picker-component.js +5 -0
- package/esm5/lib/igc-x-button-component.js +6 -0
- package/esm5/lib/igc-x-button-group-component.js +6 -0
- package/esm5/lib/igc-x-calendar-component.js +1 -0
- package/esm5/lib/igc-x-checkbox-component.js +6 -0
- package/esm5/lib/igc-x-icon-component.js +5 -0
- package/esm5/lib/igc-x-input-component.js +52 -17
- package/esm5/lib/igc-x-input-group-component.js +5 -0
- package/esm5/lib/igc-x-input-group-item-component.js +19 -0
- package/esm5/lib/igc-x-ripple-component.js +5 -0
- package/fesm2015/igniteui-webcomponents-inputs.js +261 -165
- package/fesm5/igniteui-webcomponents-inputs.js +260 -159
- package/lib/InputGroupView_combined.d.ts +30 -30
- package/lib/KEYCODES.d.ts +1 -0
- package/lib/igc-x-input-component.d.ts +3 -0
- package/lib/igc-x-input-group-item-component.d.ts +1 -0
- 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.
|
|
212
|
+
return this.i.y;
|
|
211
213
|
},
|
|
212
214
|
set: function (v) {
|
|
213
|
-
this.i.
|
|
214
|
-
this._a("density", enumToString(ControlDisplayDensity_$type, this.i.
|
|
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.
|
|
226
|
+
return this.i.x;
|
|
225
227
|
},
|
|
226
228
|
set: function (v) {
|
|
227
|
-
this.i.
|
|
228
|
-
this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.
|
|
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.
|
|
266
|
+
return this.i.ar;
|
|
265
267
|
},
|
|
266
268
|
set: function (v) {
|
|
267
|
-
this.i.
|
|
268
|
-
this._a("includeLiterals", this.i.
|
|
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.
|
|
322
|
+
if (this.i.ad == null) {
|
|
321
323
|
return null;
|
|
322
324
|
}
|
|
323
|
-
return this.i.
|
|
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.
|
|
329
|
-
this._a("textStyle", this.i.
|
|
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.
|
|
434
|
+
return this.i.at;
|
|
433
435
|
},
|
|
434
436
|
set: function (v) {
|
|
435
|
-
this.i.
|
|
436
|
-
this._a("isHover", this.i.
|
|
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.
|
|
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", {
|