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
package/esm5/lib/XPopupBridge.js
CHANGED
|
@@ -150,26 +150,26 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
150
150
|
XPopupBridge.prototype.getValue = function (a, b) {
|
|
151
151
|
var c = a;
|
|
152
152
|
switch (b) {
|
|
153
|
-
case 22: return c.
|
|
153
|
+
case 22: return c.aw;
|
|
154
154
|
case 25: return c.al;
|
|
155
|
-
case 26: return c.
|
|
156
|
-
case 17: return c.
|
|
157
|
-
case 23: return c.
|
|
158
|
-
case 35: switch (c.
|
|
155
|
+
case 26: return c.a8;
|
|
156
|
+
case 17: return c.a0;
|
|
157
|
+
case 23: return c.cw;
|
|
158
|
+
case 35: switch (c.p) {
|
|
159
159
|
case 1: return enumGetBox(NativeUIPopupAnimationType_$type, 1);
|
|
160
160
|
default: return enumGetBox(NativeUIPopupAnimationType_$type, 0);
|
|
161
161
|
}
|
|
162
|
-
case 36: return c.
|
|
163
|
-
case 37: return c.
|
|
164
|
-
case 40: return c.
|
|
165
|
-
case 41: return c.
|
|
166
|
-
case 43: switch (c.
|
|
162
|
+
case 36: return c.as;
|
|
163
|
+
case 37: return c.ar;
|
|
164
|
+
case 40: return c.ba;
|
|
165
|
+
case 41: return c.at;
|
|
166
|
+
case 43: switch (c.u) {
|
|
167
167
|
case 1: return enumGetBox(NativeUIPopupPointerPosition_$type, 1);
|
|
168
168
|
default: return enumGetBox(NativeUIPopupPointerPosition_$type, 2);
|
|
169
169
|
}
|
|
170
|
-
case 42: return c.
|
|
170
|
+
case 42: return c.c0;
|
|
171
171
|
case 39: return c.an;
|
|
172
|
-
case 61: return c.
|
|
172
|
+
case 61: return c.a3;
|
|
173
173
|
}
|
|
174
174
|
return _super.prototype.getValue.call(this, a, b);
|
|
175
175
|
};
|
|
@@ -180,46 +180,46 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
180
180
|
d.al = c;
|
|
181
181
|
break;
|
|
182
182
|
case 26:
|
|
183
|
-
d.
|
|
183
|
+
d.a8 = typeGetValue(c);
|
|
184
184
|
break;
|
|
185
185
|
case 17:
|
|
186
|
-
d.
|
|
186
|
+
d.a0 = c;
|
|
187
187
|
break;
|
|
188
188
|
case 23:
|
|
189
|
-
d.
|
|
189
|
+
d.cw = c;
|
|
190
190
|
break;
|
|
191
191
|
case 35:
|
|
192
192
|
switch (EnumUtil.getEnumValue(NativeUIPopupAnimationType_$type, c)) {
|
|
193
193
|
case 1:
|
|
194
|
-
d.
|
|
194
|
+
d.p = 1;
|
|
195
195
|
break;
|
|
196
196
|
default:
|
|
197
|
-
d.
|
|
197
|
+
d.p = 0;
|
|
198
198
|
break;
|
|
199
199
|
}
|
|
200
200
|
break;
|
|
201
201
|
case 36:
|
|
202
|
-
d.
|
|
202
|
+
d.as = c;
|
|
203
203
|
break;
|
|
204
204
|
case 37:
|
|
205
|
-
d.
|
|
205
|
+
d.ar = c;
|
|
206
206
|
break;
|
|
207
207
|
case 40:
|
|
208
|
-
d.
|
|
208
|
+
d.ba = typeGetValue(c);
|
|
209
209
|
break;
|
|
210
210
|
case 41:
|
|
211
|
-
d.
|
|
211
|
+
d.at = c;
|
|
212
212
|
break;
|
|
213
213
|
case 42:
|
|
214
|
-
d.
|
|
214
|
+
d.c0 = c;
|
|
215
215
|
break;
|
|
216
216
|
case 43:
|
|
217
217
|
switch (EnumUtil.getEnumValue(NativeUIPopupPointerPosition_$type, c)) {
|
|
218
218
|
case 1:
|
|
219
|
-
d.
|
|
219
|
+
d.u = 1;
|
|
220
220
|
break;
|
|
221
221
|
case 2:
|
|
222
|
-
d.
|
|
222
|
+
d.u = 2;
|
|
223
223
|
break;
|
|
224
224
|
}
|
|
225
225
|
break;
|
|
@@ -227,7 +227,7 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
227
227
|
d.an = c;
|
|
228
228
|
break;
|
|
229
229
|
case 61:
|
|
230
|
-
d.
|
|
230
|
+
d.a3 = c;
|
|
231
231
|
break;
|
|
232
232
|
}
|
|
233
233
|
_super.prototype.setValue.call(this, a, b, c);
|
|
@@ -236,13 +236,13 @@ var XPopupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
236
236
|
a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
|
|
237
237
|
};
|
|
238
238
|
XPopupBridge.prototype.close = function (a) {
|
|
239
|
-
a.
|
|
239
|
+
a.b3();
|
|
240
240
|
};
|
|
241
241
|
XPopupBridge.prototype.notifyContentSizeChanged = function (a) {
|
|
242
|
-
a.
|
|
242
|
+
a.b6();
|
|
243
243
|
};
|
|
244
244
|
XPopupBridge.prototype.notifyExclusionRectChanged = function (a, b) {
|
|
245
|
-
a.
|
|
245
|
+
a.b7(b);
|
|
246
246
|
};
|
|
247
247
|
XPopupBridge.prototype.v = function (a) {
|
|
248
248
|
switch (a) {
|
|
@@ -234,10 +234,10 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
234
234
|
* Gets or Sets the property name that contains the values.
|
|
235
235
|
*/
|
|
236
236
|
get: function () {
|
|
237
|
-
return this.i.
|
|
237
|
+
return this.i.ba;
|
|
238
238
|
},
|
|
239
239
|
set: function (v) {
|
|
240
|
-
this.i.
|
|
240
|
+
this.i.ba = v;
|
|
241
241
|
},
|
|
242
242
|
enumerable: false,
|
|
243
243
|
configurable: true
|
|
@@ -247,10 +247,10 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
247
247
|
* Gets or Sets the property name that contains the label.
|
|
248
248
|
*/
|
|
249
249
|
get: function () {
|
|
250
|
-
return this.i.
|
|
250
|
+
return this.i.b3;
|
|
251
251
|
},
|
|
252
252
|
set: function (v) {
|
|
253
|
-
this.i.
|
|
253
|
+
this.i.b3 = v;
|
|
254
254
|
},
|
|
255
255
|
enumerable: false,
|
|
256
256
|
configurable: true
|
|
@@ -260,11 +260,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
260
260
|
* Gets or sets the color to use for the text.
|
|
261
261
|
*/
|
|
262
262
|
get: function () {
|
|
263
|
-
return brushToString(this.i.
|
|
263
|
+
return brushToString(this.i.dw);
|
|
264
264
|
},
|
|
265
265
|
set: function (v) {
|
|
266
|
-
this.i.
|
|
267
|
-
this._a("labelTextColor", brushToString(this.i.
|
|
266
|
+
this.i.dw = stringToBrush(v);
|
|
267
|
+
this._a("labelTextColor", brushToString(this.i.dw));
|
|
268
268
|
},
|
|
269
269
|
enumerable: false,
|
|
270
270
|
configurable: true
|
|
@@ -293,10 +293,10 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
293
293
|
* Gets or Sets the property name that contains the placeholder.
|
|
294
294
|
*/
|
|
295
295
|
get: function () {
|
|
296
|
-
return this.i.
|
|
296
|
+
return this.i.cb;
|
|
297
297
|
},
|
|
298
298
|
set: function (v) {
|
|
299
|
-
this.i.
|
|
299
|
+
this.i.cb = v;
|
|
300
300
|
},
|
|
301
301
|
enumerable: false,
|
|
302
302
|
configurable: true
|
|
@@ -306,10 +306,10 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
306
306
|
* Gets or Sets the property name that contains the MinDate.
|
|
307
307
|
*/
|
|
308
308
|
get: function () {
|
|
309
|
-
return this.i.
|
|
309
|
+
return this.i.a9;
|
|
310
310
|
},
|
|
311
311
|
set: function (v) {
|
|
312
|
-
this.i.
|
|
312
|
+
this.i.a9 = v;
|
|
313
313
|
},
|
|
314
314
|
enumerable: false,
|
|
315
315
|
configurable: true
|
|
@@ -319,10 +319,10 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
319
319
|
* Gets or Sets the property name that contains the MaxDate.
|
|
320
320
|
*/
|
|
321
321
|
get: function () {
|
|
322
|
-
return this.i.
|
|
322
|
+
return this.i.a8;
|
|
323
323
|
},
|
|
324
324
|
set: function (v) {
|
|
325
|
-
this.i.
|
|
325
|
+
this.i.a8 = v;
|
|
326
326
|
},
|
|
327
327
|
enumerable: false,
|
|
328
328
|
configurable: true
|
|
@@ -379,11 +379,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
379
379
|
* Gets or Sets the text color
|
|
380
380
|
*/
|
|
381
381
|
get: function () {
|
|
382
|
-
return brushToString(this.i.
|
|
382
|
+
return brushToString(this.i.dx);
|
|
383
383
|
},
|
|
384
384
|
set: function (v) {
|
|
385
|
-
this.i.
|
|
386
|
-
this._a("textColor", brushToString(this.i.
|
|
385
|
+
this.i.dx = stringToBrush(v);
|
|
386
|
+
this._a("textColor", brushToString(this.i.dx));
|
|
387
387
|
},
|
|
388
388
|
enumerable: false,
|
|
389
389
|
configurable: true
|
|
@@ -393,11 +393,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
393
393
|
* Gets or Sets the text color
|
|
394
394
|
*/
|
|
395
395
|
get: function () {
|
|
396
|
-
return brushToString(this.i.
|
|
396
|
+
return brushToString(this.i.dv);
|
|
397
397
|
},
|
|
398
398
|
set: function (v) {
|
|
399
|
-
this.i.
|
|
400
|
-
this._a("iconColor", brushToString(this.i.
|
|
399
|
+
this.i.dv = stringToBrush(v);
|
|
400
|
+
this._a("iconColor", brushToString(this.i.dv));
|
|
401
401
|
},
|
|
402
402
|
enumerable: false,
|
|
403
403
|
configurable: true
|
|
@@ -407,11 +407,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
407
407
|
* Gets or sets the ShowClearButton property to detirmine if the clear button is shown
|
|
408
408
|
*/
|
|
409
409
|
get: function () {
|
|
410
|
-
return this.i.
|
|
410
|
+
return this.i.az;
|
|
411
411
|
},
|
|
412
412
|
set: function (v) {
|
|
413
|
-
this.i.
|
|
414
|
-
this._a("showClearButton", this.i.
|
|
413
|
+
this.i.az = ensureBool(v);
|
|
414
|
+
this._a("showClearButton", this.i.az);
|
|
415
415
|
},
|
|
416
416
|
enumerable: false,
|
|
417
417
|
configurable: true
|
|
@@ -421,11 +421,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
421
421
|
* Gets or sets the ShowTodayButton property to detirmine if the today button is shown
|
|
422
422
|
*/
|
|
423
423
|
get: function () {
|
|
424
|
-
return this.i.
|
|
424
|
+
return this.i.a0;
|
|
425
425
|
},
|
|
426
426
|
set: function (v) {
|
|
427
|
-
this.i.
|
|
428
|
-
this._a("showTodayButton", this.i.
|
|
427
|
+
this.i.a0 = ensureBool(v);
|
|
428
|
+
this._a("showTodayButton", this.i.a0);
|
|
429
429
|
},
|
|
430
430
|
enumerable: false,
|
|
431
431
|
configurable: true
|
|
@@ -435,11 +435,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
435
435
|
* Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
|
|
436
436
|
*/
|
|
437
437
|
get: function () {
|
|
438
|
-
return this.i.
|
|
438
|
+
return this.i.au;
|
|
439
439
|
},
|
|
440
440
|
set: function (v) {
|
|
441
|
-
this.i.
|
|
442
|
-
this._a("allowTextInput", this.i.
|
|
441
|
+
this.i.au = ensureBool(v);
|
|
442
|
+
this._a("allowTextInput", this.i.au);
|
|
443
443
|
},
|
|
444
444
|
enumerable: false,
|
|
445
445
|
configurable: true
|
|
@@ -449,11 +449,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
449
449
|
* Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
|
|
450
450
|
*/
|
|
451
451
|
get: function () {
|
|
452
|
-
return this.i.
|
|
452
|
+
return this.i.ay;
|
|
453
453
|
},
|
|
454
454
|
set: function (v) {
|
|
455
|
-
this.i.
|
|
456
|
-
this._a("openOnFocus", this.i.
|
|
455
|
+
this.i.ay = ensureBool(v);
|
|
456
|
+
this._a("openOnFocus", this.i.ay);
|
|
457
457
|
},
|
|
458
458
|
enumerable: false,
|
|
459
459
|
configurable: true
|
|
@@ -491,11 +491,11 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
491
491
|
* Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
|
|
492
492
|
*/
|
|
493
493
|
get: function () {
|
|
494
|
-
return this.i.
|
|
494
|
+
return this.i.a1;
|
|
495
495
|
},
|
|
496
496
|
set: function (v) {
|
|
497
|
-
this.i.
|
|
498
|
-
this._a("showWeekNumbers", this.i.
|
|
497
|
+
this.i.a1 = ensureBool(v);
|
|
498
|
+
this._a("showWeekNumbers", this.i.a1);
|
|
499
499
|
},
|
|
500
500
|
enumerable: false,
|
|
501
501
|
configurable: true
|
|
@@ -519,21 +519,63 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
519
519
|
* Gets or sets the Format property to detirmine the format of the date in the input
|
|
520
520
|
*/
|
|
521
521
|
get: function () {
|
|
522
|
-
return this.i.
|
|
522
|
+
return this.i.by;
|
|
523
523
|
},
|
|
524
524
|
set: function (v) {
|
|
525
|
-
this.i.
|
|
525
|
+
this.i.by = v;
|
|
526
526
|
},
|
|
527
527
|
enumerable: false,
|
|
528
528
|
configurable: true
|
|
529
529
|
});
|
|
530
530
|
Object.defineProperty(IgcDatePickerComponent.prototype, "isDisabled", {
|
|
531
531
|
get: function () {
|
|
532
|
-
return this.i.
|
|
532
|
+
return this.i.av;
|
|
533
|
+
},
|
|
534
|
+
set: function (v) {
|
|
535
|
+
this.i.av = ensureBool(v);
|
|
536
|
+
this._a("isDisabled", this.i.av);
|
|
537
|
+
},
|
|
538
|
+
enumerable: false,
|
|
539
|
+
configurable: true
|
|
540
|
+
});
|
|
541
|
+
Object.defineProperty(IgcDatePickerComponent.prototype, "isFixed", {
|
|
542
|
+
/**
|
|
543
|
+
* Indicates that the calendar dropdown will position itself relative to the window instead of the document.
|
|
544
|
+
*/
|
|
545
|
+
get: function () {
|
|
546
|
+
return this.i.aw;
|
|
547
|
+
},
|
|
548
|
+
set: function (v) {
|
|
549
|
+
this.i.aw = ensureBool(v);
|
|
550
|
+
this._a("isFixed", this.i.aw);
|
|
551
|
+
},
|
|
552
|
+
enumerable: false,
|
|
553
|
+
configurable: true
|
|
554
|
+
});
|
|
555
|
+
Object.defineProperty(IgcDatePickerComponent.prototype, "openAsChild", {
|
|
556
|
+
/**
|
|
557
|
+
* Indicates that the dropdown should open as a child of the date picker.
|
|
558
|
+
*/
|
|
559
|
+
get: function () {
|
|
560
|
+
return this.i.ax;
|
|
561
|
+
},
|
|
562
|
+
set: function (v) {
|
|
563
|
+
this.i.ax = ensureBool(v);
|
|
564
|
+
this._a("openAsChild", this.i.ax);
|
|
565
|
+
},
|
|
566
|
+
enumerable: false,
|
|
567
|
+
configurable: true
|
|
568
|
+
});
|
|
569
|
+
Object.defineProperty(IgcDatePickerComponent.prototype, "useTopLayer", {
|
|
570
|
+
/**
|
|
571
|
+
* Indicates that the dropdown will place itself into the browser top layer.
|
|
572
|
+
*/
|
|
573
|
+
get: function () {
|
|
574
|
+
return this.i.a2;
|
|
533
575
|
},
|
|
534
576
|
set: function (v) {
|
|
535
|
-
this.i.
|
|
536
|
-
this._a("
|
|
577
|
+
this.i.a2 = ensureBool(v);
|
|
578
|
+
this._a("useTopLayer", this.i.a2);
|
|
537
579
|
},
|
|
538
580
|
enumerable: false,
|
|
539
581
|
configurable: true
|
|
@@ -596,14 +638,14 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
596
638
|
this._inStyling = false;
|
|
597
639
|
};
|
|
598
640
|
IgcDatePickerComponent.prototype.select = function () {
|
|
599
|
-
this.i.
|
|
641
|
+
this.i.df();
|
|
600
642
|
};
|
|
601
643
|
/**
|
|
602
644
|
* Exports visual information about the current state of the grid.
|
|
603
645
|
|
|
604
646
|
*/
|
|
605
647
|
IgcDatePickerComponent.prototype.exportVisualModel = function () {
|
|
606
|
-
var iv = this.i.
|
|
648
|
+
var iv = this.i.bf();
|
|
607
649
|
return (iv);
|
|
608
650
|
};
|
|
609
651
|
/**
|
|
@@ -611,7 +653,7 @@ var IgcDatePickerComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
|
611
653
|
|
|
612
654
|
*/
|
|
613
655
|
IgcDatePickerComponent.prototype.exportSerializedVisualModel = function () {
|
|
614
|
-
var iv = this.i.
|
|
656
|
+
var iv = this.i.bv();
|
|
615
657
|
return (iv);
|
|
616
658
|
};
|
|
617
659
|
Object.defineProperty(IgcDatePickerComponent.prototype, "selectedValueChanged", {
|