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.
- package/bundles/igniteui-webcomponents-inputs.umd.js +10205 -7880
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/ButtonGroupView_combined.js +98 -98
- package/esm2015/lib/ButtonView_combined.js +2206 -1799
- package/esm2015/lib/CalendarView_combined.js +156 -156
- package/esm2015/lib/CheckboxView_combined.js +532 -458
- package/esm2015/lib/DatePickerView_combined.js +398 -364
- package/esm2015/lib/IconView_combined.js +553 -355
- package/esm2015/lib/InputGroupView_combined.js +2432 -2152
- package/esm2015/lib/NativeUIXInputsFactory.js +65 -23
- package/esm2015/lib/RippleView_combined.js +1 -1
- package/esm2015/lib/Theme.js +48 -0
- package/esm2015/lib/ThemeResolver.js +131 -7
- package/esm2015/lib/XButtonBridge.js +218 -22
- package/esm2015/lib/XCheckboxBridge.js +25 -16
- package/esm2015/lib/XComponentBridge.js +20 -6
- package/esm2015/lib/XIconBridge.js +93 -0
- package/esm2015/lib/XIconButtonBridge.js +45 -33
- package/esm2015/lib/XInputBridge.js +91 -38
- package/esm2015/lib/XPopupBridge.js +287 -0
- package/esm2015/lib/igc-date-picker-component.js +60 -58
- package/esm2015/lib/igc-x-button-component.js +694 -546
- package/esm2015/lib/igc-x-button-group-component.js +28 -28
- package/esm2015/lib/igc-x-calendar-component.js +16 -16
- package/esm2015/lib/igc-x-checkbox-component.js +77 -77
- package/esm2015/lib/igc-x-icon-component.js +239 -118
- package/esm2015/lib/igc-x-input-component.js +61 -43
- package/esm2015/lib/igc-x-input-group-component.js +576 -576
- package/esm2015/lib/igc-x-input-group-item-component.js +18 -18
- package/esm2015/lib/igc-x-ripple-component.js +35 -35
- package/esm2015/public_api.js +3 -0
- package/esm5/lib/ButtonClickEventArgs.js +2 -2
- package/esm5/lib/ButtonGroupSelectionChangedEventArgs.js +2 -2
- package/esm5/lib/ButtonGroupView_combined.js +176 -176
- package/esm5/lib/ButtonGroupVisualModelExport.js +2 -2
- package/esm5/lib/ButtonView_combined.js +2259 -1808
- package/esm5/lib/ButtonVisualModelExport.js +2 -2
- package/esm5/lib/CalendarView_combined.js +181 -181
- package/esm5/lib/CalendarVisualModelExport.js +2 -2
- package/esm5/lib/CheckboxChangeEventArgs.js +4 -4
- package/esm5/lib/CheckboxView_combined.js +561 -483
- package/esm5/lib/CheckboxVisualModelExport.js +2 -2
- package/esm5/lib/DatePickerView_combined.js +421 -383
- package/esm5/lib/DatePickerVisualModelExport.js +2 -2
- package/esm5/lib/DateTimeValueFormatter.js +2 -2
- package/esm5/lib/DayInfo.js +2 -2
- package/esm5/lib/ElevationHelper.js +2 -2
- package/esm5/lib/GotFocusEventArgs.js +2 -2
- package/esm5/lib/IconClickedEventArgs.js +2 -2
- package/esm5/lib/IconView_combined.js +600 -362
- package/esm5/lib/IconVisualModelExport.js +3 -3
- package/esm5/lib/InputChangeEventArgs.js +4 -4
- package/esm5/lib/InputGroupView_combined.js +2534 -2246
- package/esm5/lib/InputGroupVisualModelExport.js +2 -2
- package/esm5/lib/InputVisualModelExport.js +2 -2
- package/esm5/lib/LabelVisualModelExport.js +2 -2
- package/esm5/lib/LostFocusEventArgs.js +2 -2
- package/esm5/lib/MaskOptions.js +2 -2
- package/esm5/lib/MaskParsingService.js +5 -5
- package/esm5/lib/NativeUIXInputsFactory.js +69 -27
- package/esm5/lib/PrefixVisualModelExport.js +2 -2
- package/esm5/lib/Replaced.js +2 -2
- package/esm5/lib/RippleView_combined.js +17 -17
- package/esm5/lib/RippleVisualModelExport.js +2 -2
- package/esm5/lib/SelectedValueChangedEventArgs.js +4 -4
- package/esm5/lib/SuffixVisualModelExport.js +2 -2
- package/esm5/lib/TextElementsVisualModelExport.js +2 -2
- package/esm5/lib/Theme.js +58 -0
- package/esm5/lib/ThemeResolver.js +137 -11
- package/esm5/lib/XButtonBridge.js +220 -24
- package/esm5/lib/XButtonGroupButtonCollection.js +2 -2
- package/esm5/lib/XCheckboxBridge.js +27 -18
- package/esm5/lib/XComponentBridge.js +26 -8
- package/esm5/lib/XIconBridge.js +95 -0
- package/esm5/lib/XIconButtonBridge.js +47 -35
- package/esm5/lib/XInputBridge.js +93 -40
- package/esm5/lib/XPopupBridge.js +289 -0
- package/esm5/lib/igc-button-click-event-args.js +1 -1
- package/esm5/lib/igc-button-group-selection-changed-event-args.js +1 -1
- package/esm5/lib/igc-checkbox-change-event-args.js +3 -3
- package/esm5/lib/igc-date-picker-component.js +80 -78
- package/esm5/lib/igc-got-focus-event-args.js +1 -1
- package/esm5/lib/igc-input-change-event-args.js +3 -3
- package/esm5/lib/igc-lost-focus-event-args.js +1 -1
- package/esm5/lib/igc-selected-value-changed-event-args.js +3 -3
- package/esm5/lib/igc-x-button-component.js +908 -710
- package/esm5/lib/igc-x-button-group-button-collection.js +2 -2
- package/esm5/lib/igc-x-button-group-component.js +73 -73
- package/esm5/lib/igc-x-calendar-component.js +30 -30
- package/esm5/lib/igc-x-checkbox-component.js +117 -117
- package/esm5/lib/igc-x-icon-component.js +297 -136
- package/esm5/lib/igc-x-input-component.js +104 -78
- package/esm5/lib/igc-x-input-group-component.js +716 -716
- package/esm5/lib/igc-x-input-group-input-collection.js +2 -2
- package/esm5/lib/igc-x-input-group-item-component.js +6 -6
- package/esm5/lib/igc-x-label-component.js +30 -30
- package/esm5/lib/igc-x-prefix-component.js +9 -9
- package/esm5/lib/igc-x-ripple-component.js +19 -19
- package/esm5/lib/igc-x-suffix-component.js +9 -9
- package/esm5/public_api.js +3 -0
- package/fesm2015/igniteui-webcomponents-inputs.js +9194 -7084
- package/fesm5/igniteui-webcomponents-inputs.js +10090 -7768
- package/lib/ButtonGroupView_combined.d.ts +136 -70
- package/lib/ButtonView_combined.d.ts +609 -583
- package/lib/CalendarView_combined.d.ts +43 -22
- package/lib/CheckboxChangeEventArgs.d.ts +4 -2
- package/lib/CheckboxView_combined.d.ts +150 -117
- package/lib/DatePickerView_combined.d.ts +109 -81
- package/lib/IconView_combined.d.ts +164 -93
- package/lib/IconVisualModelExport.d.ts +2 -1
- package/lib/InputChangeEventArgs.d.ts +4 -2
- package/lib/InputGroupView_combined.d.ts +771 -771
- package/lib/NativeUIXInputsFactory.d.ts +6 -4
- package/lib/RippleView_combined.d.ts +19 -10
- package/lib/SelectedValueChangedEventArgs.d.ts +4 -2
- package/lib/Theme.d.ts +15 -0
- package/lib/ThemeResolver.d.ts +44 -6
- package/lib/XButtonBridge.d.ts +23 -5
- package/lib/XCheckboxBridge.d.ts +3 -3
- package/lib/XComponentBridge.d.ts +2 -1
- package/lib/XIconBridge.d.ts +14 -0
- package/lib/XIconButtonBridge.d.ts +4 -4
- package/lib/XInputBridge.d.ts +11 -7
- package/lib/XPopupBridge.d.ts +52 -0
- package/lib/igc-button-click-event-args.d.ts +1 -1
- package/lib/igc-button-group-selection-changed-event-args.d.ts +1 -1
- package/lib/igc-checkbox-change-event-args.d.ts +5 -3
- package/lib/igc-date-picker-component.d.ts +65 -34
- package/lib/igc-got-focus-event-args.d.ts +1 -1
- package/lib/igc-input-change-event-args.d.ts +5 -3
- package/lib/igc-lost-focus-event-args.d.ts +1 -1
- package/lib/igc-selected-value-changed-event-args.d.ts +5 -3
- package/lib/igc-x-button-component.d.ts +399 -173
- package/lib/igc-x-button-group-component.d.ts +136 -70
- package/lib/igc-x-calendar-component.d.ts +53 -28
- package/lib/igc-x-checkbox-component.d.ts +71 -37
- package/lib/igc-x-icon-component.d.ts +140 -44
- package/lib/igc-x-input-component.d.ts +69 -32
- package/lib/igc-x-input-group-component.d.ts +325 -165
- package/lib/igc-x-input-group-item-component.d.ts +5 -4
- package/lib/igc-x-label-component.d.ts +52 -27
- package/lib/igc-x-prefix-component.d.ts +10 -6
- package/lib/igc-x-ripple-component.d.ts +31 -17
- package/lib/igc-x-suffix-component.d.ts +10 -6
- package/package.json +2 -2
- 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.
|
|
215
|
+
return this.i.ce;
|
|
215
216
|
}
|
|
216
217
|
set mask(v) {
|
|
217
|
-
this.i.
|
|
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.
|
|
224
|
+
return this.i.ci;
|
|
224
225
|
}
|
|
225
226
|
set promptChar(v) {
|
|
226
|
-
this.i.
|
|
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.
|
|
233
|
+
return this.i.au;
|
|
233
234
|
}
|
|
234
235
|
set includeLiterals(v) {
|
|
235
|
-
this.i.
|
|
236
|
-
this._a("includeLiterals", this.i.
|
|
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.
|
|
250
|
+
return brushToString(this.i.d4);
|
|
243
251
|
}
|
|
244
252
|
set actualTextColor(v) {
|
|
245
|
-
this.i.
|
|
246
|
-
this._a("actualTextColor", brushToString(this.i.
|
|
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.
|
|
260
|
+
return brushToString(this.i.d3);
|
|
253
261
|
}
|
|
254
262
|
set actualHoverTextColor(v) {
|
|
255
|
-
this.i.
|
|
256
|
-
this._a("actualHoverTextColor", brushToString(this.i.
|
|
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.
|
|
270
|
+
return brushToString(this.i.d8);
|
|
263
271
|
}
|
|
264
272
|
set textColor(v) {
|
|
265
|
-
this.i.
|
|
266
|
-
this._a("textColor", brushToString(this.i.
|
|
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.
|
|
295
|
+
return this.i.b8;
|
|
288
296
|
}
|
|
289
297
|
set inputType(v) {
|
|
290
|
-
this.i.
|
|
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.
|
|
304
|
+
return this.i.cg;
|
|
297
305
|
}
|
|
298
306
|
set placeholder(v) {
|
|
299
|
-
this.i.
|
|
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.
|
|
313
|
+
return brushToString(this.i.d7);
|
|
306
314
|
}
|
|
307
315
|
set hoverTextColor(v) {
|
|
308
|
-
this.i.
|
|
309
|
-
this._a("hoverTextColor", brushToString(this.i.
|
|
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.
|
|
323
|
+
return this.i.b5;
|
|
316
324
|
}
|
|
317
325
|
set id(v) {
|
|
318
|
-
this.i.
|
|
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.
|
|
332
|
+
return this.i.be;
|
|
325
333
|
}
|
|
326
334
|
set tabIndex(v) {
|
|
327
|
-
this.i.
|
|
328
|
-
this._a("tabIndex", this.i.
|
|
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.
|
|
342
|
+
return this.i.b2;
|
|
335
343
|
}
|
|
336
344
|
set for(v) {
|
|
337
|
-
this.i.
|
|
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.
|
|
351
|
+
return this.i.bx;
|
|
344
352
|
}
|
|
345
353
|
set ariaLabel(v) {
|
|
346
|
-
this.i.
|
|
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.
|
|
360
|
+
return this.i.aw;
|
|
353
361
|
}
|
|
354
362
|
set isHover(v) {
|
|
355
|
-
this.i.
|
|
356
|
-
this._a("isHover", this.i.
|
|
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.
|
|
370
|
+
return this.i.cq;
|
|
363
371
|
}
|
|
364
372
|
set value(v) {
|
|
365
|
-
this.i.
|
|
373
|
+
this.i.cq = v;
|
|
366
374
|
}
|
|
367
375
|
get hasValue() {
|
|
368
|
-
return this.i.
|
|
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.
|
|
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.
|
|
447
|
+
let iv = this.i.b1();
|
|
430
448
|
return (iv);
|
|
431
449
|
}
|
|
432
450
|
setSelectionRange(selectionStart, selectionEnd) {
|
|
433
|
-
this.i.
|
|
451
|
+
this.i.dr(selectionStart, selectionEnd);
|
|
434
452
|
}
|
|
435
453
|
blur() {
|
|
436
|
-
this.i.
|
|
454
|
+
this.i.ct();
|
|
437
455
|
}
|
|
438
456
|
select() {
|
|
439
|
-
this.i.
|
|
457
|
+
this.i.dp();
|
|
440
458
|
}
|
|
441
459
|
get keyDown() {
|
|
442
460
|
return this._keyDown;
|