igniteui-webcomponents-inputs 3.2.3 → 3.2.4
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 +196 -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-x-input-component.js +41 -17
- 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-x-input-component.js +46 -17
- package/fesm2015/igniteui-webcomponents-inputs.js +197 -165
- package/fesm5/igniteui-webcomponents-inputs.js +196 -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/package.json +2 -2
|
@@ -64,6 +64,8 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
64
64
|
this._change_wrapped = null;
|
|
65
65
|
this._changing = null;
|
|
66
66
|
this._changing_wrapped = null;
|
|
67
|
+
this._compositionEnd = null;
|
|
68
|
+
this._compositionEnd_wrapped = null;
|
|
67
69
|
ensureCss();
|
|
68
70
|
if (this._styling) {
|
|
69
71
|
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(this));
|
|
@@ -178,21 +180,21 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
178
180
|
* Gets or sets the display density to use for the input.
|
|
179
181
|
*/
|
|
180
182
|
get density() {
|
|
181
|
-
return this.i.
|
|
183
|
+
return this.i.y;
|
|
182
184
|
}
|
|
183
185
|
set density(v) {
|
|
184
|
-
this.i.
|
|
185
|
-
this._a("density", enumToString(ControlDisplayDensity_$type, this.i.
|
|
186
|
+
this.i.y = ensureEnum(ControlDisplayDensity_$type, v);
|
|
187
|
+
this._a("density", enumToString(ControlDisplayDensity_$type, this.i.y));
|
|
186
188
|
}
|
|
187
189
|
/**
|
|
188
190
|
* Gets the actual display density to use for the label.
|
|
189
191
|
*/
|
|
190
192
|
get actualDensity() {
|
|
191
|
-
return this.i.
|
|
193
|
+
return this.i.x;
|
|
192
194
|
}
|
|
193
195
|
set actualDensity(v) {
|
|
194
|
-
this.i.
|
|
195
|
-
this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.
|
|
196
|
+
this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
|
|
197
|
+
this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.x));
|
|
196
198
|
}
|
|
197
199
|
/**
|
|
198
200
|
* Gets/Sets the input mask for the input.
|
|
@@ -216,11 +218,11 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
216
218
|
* Specifies if the bound value includes the formatting symbols.
|
|
217
219
|
*/
|
|
218
220
|
get includeLiterals() {
|
|
219
|
-
return this.i.
|
|
221
|
+
return this.i.ar;
|
|
220
222
|
}
|
|
221
223
|
set includeLiterals(v) {
|
|
222
|
-
this.i.
|
|
223
|
-
this._a("includeLiterals", this.i.
|
|
224
|
+
this.i.ar = ensureBool(v);
|
|
225
|
+
this._a("includeLiterals", this.i.ar);
|
|
224
226
|
}
|
|
225
227
|
/**
|
|
226
228
|
* Gets the actual color to use for the text color.
|
|
@@ -256,16 +258,16 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
256
258
|
* Gets or sets the use for the button.
|
|
257
259
|
*/
|
|
258
260
|
get textStyle() {
|
|
259
|
-
if (this.i.
|
|
261
|
+
if (this.i.ad == null) {
|
|
260
262
|
return null;
|
|
261
263
|
}
|
|
262
|
-
return this.i.
|
|
264
|
+
return this.i.ad.fontString;
|
|
263
265
|
}
|
|
264
266
|
set textStyle(v) {
|
|
265
267
|
let fi = new FontInfo();
|
|
266
268
|
fi.fontString = v;
|
|
267
|
-
this.i.
|
|
268
|
-
this._a("textStyle", this.i.
|
|
269
|
+
this.i.ad = fi;
|
|
270
|
+
this._a("textStyle", this.i.ad != null ? this.i.ad.fontString : "");
|
|
269
271
|
}
|
|
270
272
|
/**
|
|
271
273
|
* Gets or sets the type to use for the input.
|
|
@@ -336,11 +338,11 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
336
338
|
* Gets or sets whether the input is hovered.
|
|
337
339
|
*/
|
|
338
340
|
get isHover() {
|
|
339
|
-
return this.i.
|
|
341
|
+
return this.i.at;
|
|
340
342
|
}
|
|
341
343
|
set isHover(v) {
|
|
342
|
-
this.i.
|
|
343
|
-
this._a("isHover", this.i.
|
|
344
|
+
this.i.at = ensureBool(v);
|
|
345
|
+
this._a("isHover", this.i.at);
|
|
344
346
|
}
|
|
345
347
|
/**
|
|
346
348
|
* Gets or sets the value for the input.
|
|
@@ -352,7 +354,7 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
352
354
|
this.i.cj = v;
|
|
353
355
|
}
|
|
354
356
|
get hasValue() {
|
|
355
|
-
return this.i.
|
|
357
|
+
return this.i.aq;
|
|
356
358
|
}
|
|
357
359
|
/**
|
|
358
360
|
* Gets or sets whether the checkbox is disabled.
|
|
@@ -535,6 +537,28 @@ export let IgcXInputComponent = /*@__PURE__*/ (() => {
|
|
|
535
537
|
};
|
|
536
538
|
this.i.changing = delegateCombine(this.i.changing, this._changing_wrapped);
|
|
537
539
|
}
|
|
540
|
+
get compositionEnd() {
|
|
541
|
+
return this._compositionEnd;
|
|
542
|
+
}
|
|
543
|
+
set compositionEnd(ev) {
|
|
544
|
+
if (this._compositionEnd_wrapped !== null) {
|
|
545
|
+
this.i.compositionEnd = delegateRemove(this.i.compositionEnd, this._compositionEnd_wrapped);
|
|
546
|
+
this._compositionEnd_wrapped = null;
|
|
547
|
+
this._compositionEnd = null;
|
|
548
|
+
}
|
|
549
|
+
this._compositionEnd = ev;
|
|
550
|
+
this._compositionEnd_wrapped = (o, e) => {
|
|
551
|
+
let outerArgs = new IgcInputChangeEventArgs();
|
|
552
|
+
outerArgs._provideImplementation(e);
|
|
553
|
+
if (this.beforeCompositionEnd) {
|
|
554
|
+
this.beforeCompositionEnd(this, outerArgs);
|
|
555
|
+
}
|
|
556
|
+
if (this._compositionEnd) {
|
|
557
|
+
this._compositionEnd(this, outerArgs);
|
|
558
|
+
}
|
|
559
|
+
};
|
|
560
|
+
this.i.compositionEnd = delegateCombine(this.i.compositionEnd, this._compositionEnd_wrapped);
|
|
561
|
+
}
|
|
538
562
|
}
|
|
539
563
|
IgcXInputComponent._observedAttributesIgcXInputComponent = null;
|
|
540
564
|
IgcXInputComponent.htmlTagName = "igc-x-input";
|
|
@@ -978,7 +978,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
978
978
|
};
|
|
979
979
|
DatePicker.prototype.c5 = function () {
|
|
980
980
|
if (this.aa != null) {
|
|
981
|
-
this.o.
|
|
981
|
+
this.o.ad = this.aa;
|
|
982
982
|
}
|
|
983
983
|
};
|
|
984
984
|
DatePicker.prototype.cd = function () {
|
|
@@ -1000,7 +1000,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
1000
1000
|
this.h.ak(this.o);
|
|
1001
1001
|
this.o.b3 = "text";
|
|
1002
1002
|
if (this.aa != null) {
|
|
1003
|
-
this.o.
|
|
1003
|
+
this.o.ad = this.aa;
|
|
1004
1004
|
}
|
|
1005
1005
|
this.o.disabled = !this.ap;
|
|
1006
1006
|
this.o.dy = this.de;
|