igniteui-webcomponents-inputs 4.3.3-beta.0 → 4.3.3-beta.2
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 +634 -477
- package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
- package/esm2015/lib/CalendarView_combined.js +1 -1
- package/esm2015/lib/DatePickerView_combined.js +525 -422
- package/esm2015/lib/XPopupBridge.js +28 -28
- package/esm2015/lib/igc-date-picker-component.js +72 -42
- package/esm5/lib/CalendarView_combined.js +1 -1
- package/esm5/lib/DatePickerView_combined.js +521 -406
- package/esm5/lib/XPopupBridge.js +28 -28
- package/esm5/lib/igc-date-picker-component.js +84 -42
- package/fesm2015/igniteui-webcomponents-inputs.js +627 -494
- package/fesm5/igniteui-webcomponents-inputs.js +635 -478
- package/lib/DatePickerView_combined.d.ts +124 -107
- package/lib/igc-date-picker-component.d.ts +15 -0
- package/package.json +2 -2
|
@@ -148,26 +148,26 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
|
|
|
148
148
|
getValue(a, b) {
|
|
149
149
|
let c = a;
|
|
150
150
|
switch (b) {
|
|
151
|
-
case 22: return c.
|
|
151
|
+
case 22: return c.aw;
|
|
152
152
|
case 25: return c.al;
|
|
153
|
-
case 26: return c.
|
|
154
|
-
case 17: return c.
|
|
155
|
-
case 23: return c.
|
|
156
|
-
case 35: switch (c.
|
|
153
|
+
case 26: return c.a8;
|
|
154
|
+
case 17: return c.a0;
|
|
155
|
+
case 23: return c.cw;
|
|
156
|
+
case 35: switch (c.p) {
|
|
157
157
|
case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
|
|
158
158
|
default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
|
|
159
159
|
}
|
|
160
|
-
case 36: return c.
|
|
161
|
-
case 37: return c.
|
|
162
|
-
case 40: return c.
|
|
163
|
-
case 41: return c.
|
|
164
|
-
case 43: switch (c.
|
|
160
|
+
case 36: return c.as;
|
|
161
|
+
case 37: return c.ar;
|
|
162
|
+
case 40: return c.ba;
|
|
163
|
+
case 41: return c.at;
|
|
164
|
+
case 43: switch (c.u) {
|
|
165
165
|
case 1: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
|
|
166
166
|
default: return enumGetBox(NativeUIPopupPointerPosition_$type, 2);
|
|
167
167
|
}
|
|
168
|
-
case 42: return c.
|
|
168
|
+
case 42: return c.c0;
|
|
169
169
|
case 39: return c.an;
|
|
170
|
-
case 61: return c.
|
|
170
|
+
case 61: return c.a3;
|
|
171
171
|
}
|
|
172
172
|
return super.getValue(a, b);
|
|
173
173
|
}
|
|
@@ -178,46 +178,46 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
|
|
|
178
178
|
d.al = c;
|
|
179
179
|
break;
|
|
180
180
|
case 26:
|
|
181
|
-
d.
|
|
181
|
+
d.a8 = typeGetValue(c);
|
|
182
182
|
break;
|
|
183
183
|
case 17:
|
|
184
|
-
d.
|
|
184
|
+
d.a0 = c;
|
|
185
185
|
break;
|
|
186
186
|
case 23:
|
|
187
|
-
d.
|
|
187
|
+
d.cw = c;
|
|
188
188
|
break;
|
|
189
189
|
case 35:
|
|
190
190
|
switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
|
|
191
191
|
case 1:
|
|
192
|
-
d.
|
|
192
|
+
d.p = 1;
|
|
193
193
|
break;
|
|
194
194
|
default:
|
|
195
|
-
d.
|
|
195
|
+
d.p = 0;
|
|
196
196
|
break;
|
|
197
197
|
}
|
|
198
198
|
break;
|
|
199
199
|
case 36:
|
|
200
|
-
d.
|
|
200
|
+
d.as = c;
|
|
201
201
|
break;
|
|
202
202
|
case 37:
|
|
203
|
-
d.
|
|
203
|
+
d.ar = c;
|
|
204
204
|
break;
|
|
205
205
|
case 40:
|
|
206
|
-
d.
|
|
206
|
+
d.ba = typeGetValue(c);
|
|
207
207
|
break;
|
|
208
208
|
case 41:
|
|
209
|
-
d.
|
|
209
|
+
d.at = c;
|
|
210
210
|
break;
|
|
211
211
|
case 42:
|
|
212
|
-
d.
|
|
212
|
+
d.c0 = c;
|
|
213
213
|
break;
|
|
214
214
|
case 43:
|
|
215
215
|
switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
|
|
216
216
|
case 1:
|
|
217
|
-
d.
|
|
217
|
+
d.u = 1;
|
|
218
218
|
break;
|
|
219
219
|
case 2:
|
|
220
|
-
d.
|
|
220
|
+
d.u = 2;
|
|
221
221
|
break;
|
|
222
222
|
}
|
|
223
223
|
break;
|
|
@@ -225,7 +225,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
|
|
|
225
225
|
d.an = c;
|
|
226
226
|
break;
|
|
227
227
|
case 61:
|
|
228
|
-
d.
|
|
228
|
+
d.a3 = c;
|
|
229
229
|
break;
|
|
230
230
|
}
|
|
231
231
|
super.setValue(a, b, c);
|
|
@@ -234,13 +234,13 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
|
|
|
234
234
|
a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
|
|
235
235
|
}
|
|
236
236
|
close(a) {
|
|
237
|
-
a.
|
|
237
|
+
a.b3();
|
|
238
238
|
}
|
|
239
239
|
notifyContentSizeChanged(a) {
|
|
240
|
-
a.
|
|
240
|
+
a.b6();
|
|
241
241
|
}
|
|
242
242
|
notifyExclusionRectChanged(a, b) {
|
|
243
|
-
a.
|
|
243
|
+
a.b7(b);
|
|
244
244
|
}
|
|
245
245
|
v(a) {
|
|
246
246
|
switch (a) {
|
|
@@ -211,29 +211,29 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
211
211
|
* Gets or Sets the property name that contains the values.
|
|
212
212
|
*/
|
|
213
213
|
get today() {
|
|
214
|
-
return this.i.
|
|
214
|
+
return this.i.ba;
|
|
215
215
|
}
|
|
216
216
|
set today(v) {
|
|
217
|
-
this.i.
|
|
217
|
+
this.i.ba = v;
|
|
218
218
|
}
|
|
219
219
|
/**
|
|
220
220
|
* Gets or Sets the property name that contains the label.
|
|
221
221
|
*/
|
|
222
222
|
get label() {
|
|
223
|
-
return this.i.
|
|
223
|
+
return this.i.b3;
|
|
224
224
|
}
|
|
225
225
|
set label(v) {
|
|
226
|
-
this.i.
|
|
226
|
+
this.i.b3 = v;
|
|
227
227
|
}
|
|
228
228
|
/**
|
|
229
229
|
* Gets or sets the color to use for the text.
|
|
230
230
|
*/
|
|
231
231
|
get labelTextColor() {
|
|
232
|
-
return brushToString(this.i.
|
|
232
|
+
return brushToString(this.i.dw);
|
|
233
233
|
}
|
|
234
234
|
set labelTextColor(v) {
|
|
235
|
-
this.i.
|
|
236
|
-
this._a("labelTextColor", brushToString(this.i.
|
|
235
|
+
this.i.dw = stringToBrush(v);
|
|
236
|
+
this._a("labelTextColor", brushToString(this.i.dw));
|
|
237
237
|
}
|
|
238
238
|
/**
|
|
239
239
|
* Gets or sets the font to use for the combobox.
|
|
@@ -254,28 +254,28 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
254
254
|
* Gets or Sets the property name that contains the placeholder.
|
|
255
255
|
*/
|
|
256
256
|
get placeholder() {
|
|
257
|
-
return this.i.
|
|
257
|
+
return this.i.cb;
|
|
258
258
|
}
|
|
259
259
|
set placeholder(v) {
|
|
260
|
-
this.i.
|
|
260
|
+
this.i.cb = v;
|
|
261
261
|
}
|
|
262
262
|
/**
|
|
263
263
|
* Gets or Sets the property name that contains the MinDate.
|
|
264
264
|
*/
|
|
265
265
|
get minDate() {
|
|
266
|
-
return this.i.
|
|
266
|
+
return this.i.a9;
|
|
267
267
|
}
|
|
268
268
|
set minDate(v) {
|
|
269
|
-
this.i.
|
|
269
|
+
this.i.a9 = v;
|
|
270
270
|
}
|
|
271
271
|
/**
|
|
272
272
|
* Gets or Sets the property name that contains the MaxDate.
|
|
273
273
|
*/
|
|
274
274
|
get maxDate() {
|
|
275
|
-
return this.i.
|
|
275
|
+
return this.i.a8;
|
|
276
276
|
}
|
|
277
277
|
set maxDate(v) {
|
|
278
|
-
this.i.
|
|
278
|
+
this.i.a8 = v;
|
|
279
279
|
}
|
|
280
280
|
/**
|
|
281
281
|
* Gets or sets the display density to use for the date pcicker.
|
|
@@ -316,61 +316,61 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
316
316
|
* Gets or Sets the text color
|
|
317
317
|
*/
|
|
318
318
|
get textColor() {
|
|
319
|
-
return brushToString(this.i.
|
|
319
|
+
return brushToString(this.i.dx);
|
|
320
320
|
}
|
|
321
321
|
set textColor(v) {
|
|
322
|
-
this.i.
|
|
323
|
-
this._a("textColor", brushToString(this.i.
|
|
322
|
+
this.i.dx = stringToBrush(v);
|
|
323
|
+
this._a("textColor", brushToString(this.i.dx));
|
|
324
324
|
}
|
|
325
325
|
/**
|
|
326
326
|
* Gets or Sets the text color
|
|
327
327
|
*/
|
|
328
328
|
get iconColor() {
|
|
329
|
-
return brushToString(this.i.
|
|
329
|
+
return brushToString(this.i.dv);
|
|
330
330
|
}
|
|
331
331
|
set iconColor(v) {
|
|
332
|
-
this.i.
|
|
333
|
-
this._a("iconColor", brushToString(this.i.
|
|
332
|
+
this.i.dv = stringToBrush(v);
|
|
333
|
+
this._a("iconColor", brushToString(this.i.dv));
|
|
334
334
|
}
|
|
335
335
|
/**
|
|
336
336
|
* Gets or sets the ShowClearButton property to detirmine if the clear button is shown
|
|
337
337
|
*/
|
|
338
338
|
get showClearButton() {
|
|
339
|
-
return this.i.
|
|
339
|
+
return this.i.az;
|
|
340
340
|
}
|
|
341
341
|
set showClearButton(v) {
|
|
342
|
-
this.i.
|
|
343
|
-
this._a("showClearButton", this.i.
|
|
342
|
+
this.i.az = ensureBool(v);
|
|
343
|
+
this._a("showClearButton", this.i.az);
|
|
344
344
|
}
|
|
345
345
|
/**
|
|
346
346
|
* Gets or sets the ShowTodayButton property to detirmine if the today button is shown
|
|
347
347
|
*/
|
|
348
348
|
get showTodayButton() {
|
|
349
|
-
return this.i.
|
|
349
|
+
return this.i.a0;
|
|
350
350
|
}
|
|
351
351
|
set showTodayButton(v) {
|
|
352
|
-
this.i.
|
|
353
|
-
this._a("showTodayButton", this.i.
|
|
352
|
+
this.i.a0 = ensureBool(v);
|
|
353
|
+
this._a("showTodayButton", this.i.a0);
|
|
354
354
|
}
|
|
355
355
|
/**
|
|
356
356
|
* Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
|
|
357
357
|
*/
|
|
358
358
|
get allowTextInput() {
|
|
359
|
-
return this.i.
|
|
359
|
+
return this.i.au;
|
|
360
360
|
}
|
|
361
361
|
set allowTextInput(v) {
|
|
362
|
-
this.i.
|
|
363
|
-
this._a("allowTextInput", this.i.
|
|
362
|
+
this.i.au = ensureBool(v);
|
|
363
|
+
this._a("allowTextInput", this.i.au);
|
|
364
364
|
}
|
|
365
365
|
/**
|
|
366
366
|
* Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
|
|
367
367
|
*/
|
|
368
368
|
get openOnFocus() {
|
|
369
|
-
return this.i.
|
|
369
|
+
return this.i.ay;
|
|
370
370
|
}
|
|
371
371
|
set openOnFocus(v) {
|
|
372
|
-
this.i.
|
|
373
|
-
this._a("openOnFocus", this.i.
|
|
372
|
+
this.i.ay = ensureBool(v);
|
|
373
|
+
this._a("openOnFocus", this.i.ay);
|
|
374
374
|
}
|
|
375
375
|
/**
|
|
376
376
|
* Gets or sets the FirstDayOfWeek property to detirmine first day of the week
|
|
@@ -396,11 +396,11 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
396
396
|
* Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
|
|
397
397
|
*/
|
|
398
398
|
get showWeekNumbers() {
|
|
399
|
-
return this.i.
|
|
399
|
+
return this.i.a1;
|
|
400
400
|
}
|
|
401
401
|
set showWeekNumbers(v) {
|
|
402
|
-
this.i.
|
|
403
|
-
this._a("showWeekNumbers", this.i.
|
|
402
|
+
this.i.a1 = ensureBool(v);
|
|
403
|
+
this._a("showWeekNumbers", this.i.a1);
|
|
404
404
|
}
|
|
405
405
|
/**
|
|
406
406
|
* Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
|
|
@@ -416,17 +416,47 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
416
416
|
* Gets or sets the Format property to detirmine the format of the date in the input
|
|
417
417
|
*/
|
|
418
418
|
get formatString() {
|
|
419
|
-
return this.i.
|
|
419
|
+
return this.i.by;
|
|
420
420
|
}
|
|
421
421
|
set formatString(v) {
|
|
422
|
-
this.i.
|
|
422
|
+
this.i.by = v;
|
|
423
423
|
}
|
|
424
424
|
get isDisabled() {
|
|
425
|
-
return this.i.
|
|
425
|
+
return this.i.av;
|
|
426
426
|
}
|
|
427
427
|
set isDisabled(v) {
|
|
428
|
-
this.i.
|
|
429
|
-
this._a("isDisabled", this.i.
|
|
428
|
+
this.i.av = ensureBool(v);
|
|
429
|
+
this._a("isDisabled", this.i.av);
|
|
430
|
+
}
|
|
431
|
+
/**
|
|
432
|
+
* Indicates that the calendar dropdown will position itself relative to the window instead of the document.
|
|
433
|
+
*/
|
|
434
|
+
get isFixed() {
|
|
435
|
+
return this.i.aw;
|
|
436
|
+
}
|
|
437
|
+
set isFixed(v) {
|
|
438
|
+
this.i.aw = ensureBool(v);
|
|
439
|
+
this._a("isFixed", this.i.aw);
|
|
440
|
+
}
|
|
441
|
+
/**
|
|
442
|
+
* Indicates that the dropdown should open as a child of the date picker.
|
|
443
|
+
*/
|
|
444
|
+
get openAsChild() {
|
|
445
|
+
return this.i.ax;
|
|
446
|
+
}
|
|
447
|
+
set openAsChild(v) {
|
|
448
|
+
this.i.ax = ensureBool(v);
|
|
449
|
+
this._a("openAsChild", this.i.ax);
|
|
450
|
+
}
|
|
451
|
+
/**
|
|
452
|
+
* Indicates that the dropdown will place itself into the browser top layer.
|
|
453
|
+
*/
|
|
454
|
+
get useTopLayer() {
|
|
455
|
+
return this.i.a2;
|
|
456
|
+
}
|
|
457
|
+
set useTopLayer(v) {
|
|
458
|
+
this.i.a2 = ensureBool(v);
|
|
459
|
+
this._a("useTopLayer", this.i.a2);
|
|
430
460
|
}
|
|
431
461
|
get hasUserValues() {
|
|
432
462
|
return this._hasUserValues;
|
|
@@ -482,14 +512,14 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
482
512
|
this._inStyling = false;
|
|
483
513
|
}
|
|
484
514
|
select() {
|
|
485
|
-
this.i.
|
|
515
|
+
this.i.df();
|
|
486
516
|
}
|
|
487
517
|
/**
|
|
488
518
|
* Exports visual information about the current state of the grid.
|
|
489
519
|
|
|
490
520
|
*/
|
|
491
521
|
exportVisualModel() {
|
|
492
|
-
let iv = this.i.
|
|
522
|
+
let iv = this.i.bf();
|
|
493
523
|
return (iv);
|
|
494
524
|
}
|
|
495
525
|
/**
|
|
@@ -497,7 +527,7 @@ export let IgcDatePickerComponent = /*@__PURE__*/ (() => {
|
|
|
497
527
|
|
|
498
528
|
*/
|
|
499
529
|
exportSerializedVisualModel() {
|
|
500
|
-
let iv = this.i.
|
|
530
|
+
let iv = this.i.bv();
|
|
501
531
|
return (iv);
|
|
502
532
|
}
|
|
503
533
|
/**
|
|
@@ -902,7 +902,7 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
902
902
|
};
|
|
903
903
|
CalendarView.prototype.ah = function () {
|
|
904
904
|
if (this.p != null) {
|
|
905
|
-
this.p.parent().parent().focus(
|
|
905
|
+
this.p.parent().parent().focus(true);
|
|
906
906
|
}
|
|
907
907
|
};
|
|
908
908
|
CalendarView.prototype.aq = function (a, b) {
|