igniteui-webcomponents-inputs 5.4.0-beta.0 → 5.4.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.
Files changed (31) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +688 -626
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/DatePickerView_combined.js +2 -2
  4. package/esm2015/lib/IconView_combined.js +336 -288
  5. package/esm2015/lib/InputGroupView_combined.js +216 -209
  6. package/esm2015/lib/MultiSliderBridge.js +14 -14
  7. package/esm2015/lib/XButtonBridge.js +2 -2
  8. package/esm2015/lib/XButtonGroupBridge.js +2 -2
  9. package/esm2015/lib/XComponentBridge.js +1 -1
  10. package/esm2015/lib/XIconBridge.js +5 -5
  11. package/esm2015/lib/XInputBridge.js +22 -22
  12. package/esm2015/lib/XPopupBridge.js +5 -5
  13. package/esm2015/lib/igc-x-icon-component.js +46 -46
  14. package/esm2015/lib/igc-x-label-component.js +51 -51
  15. package/esm5/lib/DatePickerView_combined.js +2 -2
  16. package/esm5/lib/IconView_combined.js +328 -272
  17. package/esm5/lib/InputGroupView_combined.js +209 -202
  18. package/esm5/lib/MultiSliderBridge.js +14 -14
  19. package/esm5/lib/XButtonBridge.js +2 -2
  20. package/esm5/lib/XButtonGroupBridge.js +2 -2
  21. package/esm5/lib/XComponentBridge.js +1 -1
  22. package/esm5/lib/XIconBridge.js +5 -5
  23. package/esm5/lib/XInputBridge.js +22 -22
  24. package/esm5/lib/XPopupBridge.js +5 -5
  25. package/esm5/lib/igc-x-icon-component.js +46 -46
  26. package/esm5/lib/igc-x-label-component.js +51 -51
  27. package/fesm2015/igniteui-webcomponents-inputs.js +703 -649
  28. package/fesm5/igniteui-webcomponents-inputs.js +687 -625
  29. package/lib/IconView_combined.d.ts +94 -84
  30. package/lib/InputGroupView_combined.d.ts +75 -74
  31. package/package.json +2 -2
@@ -68,15 +68,15 @@ export let MultiSliderBridge = /*@__PURE__*/ (() => {
68
68
  switch (b) {
69
69
  case 12: return a.bg;
70
70
  case 13: return a.bf;
71
- case 95: return a.bv;
72
- case 96: return a.bf;
71
+ case 97: return a.bv;
72
+ case 98: return a.bf;
73
73
  case 14: return a.bl;
74
74
  case 2: return a.thumbs._inner[0].s;
75
- case 90: return a.b0;
76
- case 91: return a.ek;
77
- case 92: return a.es;
78
- case 94: return a.eu;
79
- case 93: return a.et;
75
+ case 92: return a.b0;
76
+ case 93: return a.ek;
77
+ case 94: return a.es;
78
+ case 96: return a.eu;
79
+ case 95: return a.et;
80
80
  case 30:
81
81
  let c = a.e;
82
82
  switch (c) {
@@ -116,10 +116,10 @@ export let MultiSliderBridge = /*@__PURE__*/ (() => {
116
116
  case 13:
117
117
  a.bf = c;
118
118
  break;
119
- case 95:
119
+ case 97:
120
120
  a.bv = c;
121
121
  break;
122
- case 96:
122
+ case 98:
123
123
  a.bu = c;
124
124
  break;
125
125
  case 14:
@@ -128,19 +128,19 @@ export let MultiSliderBridge = /*@__PURE__*/ (() => {
128
128
  case 2:
129
129
  a.thumbs._inner[0].s = c;
130
130
  break;
131
- case 90:
131
+ case 92:
132
132
  a.b0 = c;
133
133
  break;
134
- case 91:
134
+ case 93:
135
135
  a.ek = c;
136
136
  break;
137
- case 92:
137
+ case 94:
138
138
  a.es = c;
139
139
  break;
140
- case 94:
140
+ case 96:
141
141
  a.eu = c;
142
142
  break;
143
- case 93:
143
+ case 95:
144
144
  a.et = c;
145
145
  break;
146
146
  case 30:
@@ -216,7 +216,7 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
216
216
  case 11:
217
217
  d.aa = c;
218
218
  break;
219
- case 86:
219
+ case 88:
220
220
  d.by = c;
221
221
  break;
222
222
  case 59:
@@ -258,7 +258,7 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
258
258
  case 56: return c.av;
259
259
  case 58: return c.at;
260
260
  case 17: return c.k1;
261
- case 86: return c.by;
261
+ case 88: return c.by;
262
262
  case 59: return c.a5;
263
263
  }
264
264
  return null;
@@ -80,7 +80,7 @@ export let XButtonGroupBridge = /*@__PURE__*/ (() => {
80
80
  }
81
81
  return enumGetBox(NativeUIDisplayDensity_$type, e);
82
82
  case 18: return enumGetBox(BaseControlTheme_$type, c.p);
83
- case 85: return c.d;
83
+ case 87: return c.d;
84
84
  case 0:
85
85
  switch (c.i) {
86
86
  case 0: return enumGetBox(NativeUIButtonGroupDisplayType_$type, 0);
@@ -120,7 +120,7 @@ export let XButtonGroupBridge = /*@__PURE__*/ (() => {
120
120
  case 18:
121
121
  d.p = EnumUtil.getEnumValue(BaseControlTheme_$type, c);
122
122
  break;
123
- case 85:
123
+ case 87:
124
124
  d.d = c;
125
125
  break;
126
126
  case 0:
@@ -41,7 +41,7 @@ export let XComponentBridge = /*@__PURE__*/ (() => {
41
41
  }
42
42
  getTargetForBuildInProperty(a, b) {
43
43
  switch (b) {
44
- case 106: return a;
44
+ case 108: return a;
45
45
  }
46
46
  return this.s != null ? this.s : a;
47
47
  }
@@ -93,8 +93,8 @@ export let XIconBridge = /*@__PURE__*/ (() => {
93
93
  a.svg = null;
94
94
  a.svgPath = null;
95
95
  a.b = null;
96
- a.bc = null;
97
- a.az = null;
96
+ a.bg = null;
97
+ a.a1 = null;
98
98
  let b = SvgIconRegistry.instance.getSvgPathString(this.u, this.v);
99
99
  if (b != null) {
100
100
  if (stringStartsWith(trimStart(b, ' ', '\n', '\r', '\t'), "<svg")) {
@@ -112,16 +112,16 @@ export let XIconBridge = /*@__PURE__*/ (() => {
112
112
  }
113
113
  let d = SvgIconRegistry.instance.getDataURLString(this.u, this.v);
114
114
  if (d != null) {
115
- a.bc = d;
115
+ a.bg = d;
116
116
  return;
117
117
  }
118
118
  let e = SvgIconRegistry.instance.getIconSource(this.u, this.v);
119
119
  if (e != null) {
120
- a.az = e;
120
+ a.a1 = e;
121
121
  }
122
122
  }
123
123
  exportVisualData(a) {
124
- return a.ay();
124
+ return a.a0();
125
125
  }
126
126
  }
127
127
  XIconBridge.$t = /*@__PURE__*/ markType(XIconBridge, 'XIconBridge', XComponentBridge.$);
@@ -55,12 +55,12 @@ export let XInputBridge = /*@__PURE__*/ (() => {
55
55
  this.ab = d;
56
56
  this.ag = b;
57
57
  break;
58
- case 26:
58
+ case 27:
59
59
  f.compositionEnd = delegateCombine(f.compositionEnd, runOn(this, this.ap));
60
60
  this.ac = d;
61
61
  this.ah = b;
62
62
  break;
63
- case 27:
63
+ case 28:
64
64
  f.keyDown = delegateCombine(f.keyDown, runOn(this, this.ar));
65
65
  this.ad = d;
66
66
  this.aj = b;
@@ -75,7 +75,7 @@ export let XInputBridge = /*@__PURE__*/ (() => {
75
75
  this.aa = d;
76
76
  this.af = b;
77
77
  break;
78
- case 24:
78
+ case 25:
79
79
  this.ao(a);
80
80
  let g = this.w(a);
81
81
  let h = this.u;
@@ -154,12 +154,12 @@ export let XInputBridge = /*@__PURE__*/ (() => {
154
154
  this.ab = null;
155
155
  this.ag = null;
156
156
  break;
157
- case 26:
157
+ case 27:
158
158
  f.compositionEnd = delegateRemove(f.compositionEnd, runOn(this, this.ap));
159
159
  this.ac = null;
160
160
  this.ah = null;
161
161
  break;
162
- case 27:
162
+ case 28:
163
163
  f.keyDown = delegateRemove(f.keyDown, runOn(this, this.ar));
164
164
  this.ad = null;
165
165
  this.aj = null;
@@ -174,7 +174,7 @@ export let XInputBridge = /*@__PURE__*/ (() => {
174
174
  this.aa = null;
175
175
  this.af = null;
176
176
  break;
177
- case 24:
177
+ case 25:
178
178
  this.ao(a);
179
179
  let g = this.w(a);
180
180
  let h = this.u;
@@ -265,20 +265,20 @@ export let XInputBridge = /*@__PURE__*/ (() => {
265
265
  let c = a;
266
266
  let d = typeCast(XInput.$, c.inputs._inner[0]);
267
267
  switch (b) {
268
- case 101: return a.mc;
268
+ case 103: return a.mc;
269
269
  case 3:
270
270
  this.an(a);
271
271
  let e = this.v(a);
272
272
  return e.text;
273
- case 98:
273
+ case 100:
274
274
  this.ao(a);
275
275
  return this.u.svgPath;
276
- case 99:
276
+ case 101:
277
277
  this.ao(a);
278
278
  return this.u.fill;
279
- case 100:
279
+ case 102:
280
280
  this.ao(a);
281
- return this.u.dh;
281
+ return this.u.dp;
282
282
  case 2: return d.cq;
283
283
  case 1:
284
284
  switch (c.t) {
@@ -314,9 +314,9 @@ export let XInputBridge = /*@__PURE__*/ (() => {
314
314
  case 21: return d.a1;
315
315
  case 32: return d.disabled;
316
316
  case 33: return d.d8;
317
- case 103: return d.selectionStart;
318
- case 104: return d.selectionEnd;
319
- case 105: return c.an;
317
+ case 105: return d.selectionStart;
318
+ case 106: return d.selectionEnd;
319
+ case 107: return c.an;
320
320
  }
321
321
  return null;
322
322
  }
@@ -324,7 +324,7 @@ export let XInputBridge = /*@__PURE__*/ (() => {
324
324
  let d = a;
325
325
  let e = typeCast(XInput.$, d.inputs._inner[0]);
326
326
  switch (b) {
327
- case 101:
327
+ case 103:
328
328
  a.mc = c;
329
329
  break;
330
330
  case 3:
@@ -332,17 +332,17 @@ export let XInputBridge = /*@__PURE__*/ (() => {
332
332
  let f = this.v(a);
333
333
  f.text = c;
334
334
  break;
335
- case 98:
335
+ case 100:
336
336
  this.ao(a);
337
337
  this.u.svgPath = c;
338
338
  break;
339
- case 99:
339
+ case 101:
340
340
  this.ao(a);
341
341
  this.u.fill = c;
342
342
  break;
343
- case 100:
343
+ case 102:
344
344
  this.ao(a);
345
- this.u.dh = c;
345
+ this.u.dp = c;
346
346
  break;
347
347
  case 2:
348
348
  e.cq = c == null ? null : c.toString();
@@ -417,13 +417,13 @@ export let XInputBridge = /*@__PURE__*/ (() => {
417
417
  case 33:
418
418
  e.d8 = c;
419
419
  break;
420
- case 103:
420
+ case 105:
421
421
  e.selectionStart = typeGetValue(c);
422
422
  break;
423
- case 104:
423
+ case 106:
424
424
  e.selectionEnd = typeGetValue(c);
425
425
  break;
426
- case 105:
426
+ case 107:
427
427
  d.an = c;
428
428
  break;
429
429
  }
@@ -77,7 +77,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
77
77
  this.y = d;
78
78
  this.ah = b;
79
79
  break;
80
- case 28:
80
+ case 29:
81
81
  e.measuringContentSize = delegateCombine(e.measuringContentSize, runOn(this, this.ar));
82
82
  this.ac = d;
83
83
  this.w = b;
@@ -122,7 +122,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
122
122
  this.y = null;
123
123
  this.ah = null;
124
124
  break;
125
- case 28:
125
+ case 29:
126
126
  e.measuringContentSize = delegateRemove(e.measuringContentSize, runOn(this, this.ar));
127
127
  this.ac = null;
128
128
  this.w = null;
@@ -189,7 +189,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
189
189
  case 42: return c.c4;
190
190
  case 39: return c.ao;
191
191
  case 62: return c.a4;
192
- case 108: return c.ay;
192
+ case 110: return c.ay;
193
193
  }
194
194
  return super.getValue(a, b);
195
195
  }
@@ -249,7 +249,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
249
249
  case 62:
250
250
  d.a4 = c;
251
251
  break;
252
- case 108:
252
+ case 110:
253
253
  d.ay = c;
254
254
  break;
255
255
  }
@@ -291,7 +291,7 @@ export let XPopupBridge = /*@__PURE__*/ (() => {
291
291
  }
292
292
  }
293
293
  exportVisualData(a) {
294
- return a.ay();
294
+ return a.a0();
295
295
  }
296
296
  addChild(a, b) {
297
297
  this.ae.add(b);
@@ -196,31 +196,31 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
196
196
  * Gets the fill color currently used by the icon.
197
197
  */
198
198
  get actualFill() {
199
- return brushToString(this.i.c1);
199
+ return brushToString(this.i.c8);
200
200
  }
201
201
  set actualFill(v) {
202
- this.i.c1 = stringToBrush(v);
203
- this._a("actualFill", brushToString(this.i.c1));
202
+ this.i.c8 = stringToBrush(v);
203
+ this._a("actualFill", brushToString(this.i.c8));
204
204
  }
205
205
  /**
206
206
  * Gets the stroke color currently used by the icon.
207
207
  */
208
208
  get actualStroke() {
209
- return brushToString(this.i.c2);
209
+ return brushToString(this.i.c9);
210
210
  }
211
211
  set actualStroke(v) {
212
- this.i.c2 = stringToBrush(v);
213
- this._a("actualStroke", brushToString(this.i.c2));
212
+ this.i.c9 = stringToBrush(v);
213
+ this._a("actualStroke", brushToString(this.i.c9));
214
214
  }
215
215
  /**
216
216
  * Gets the text color currently used by the icon.
217
217
  */
218
218
  get actualTextColor() {
219
- return brushToString(this.i.c3);
219
+ return brushToString(this.i.da);
220
220
  }
221
221
  set actualTextColor(v) {
222
- this.i.c3 = stringToBrush(v);
223
- this._a("actualTextColor", brushToString(this.i.c3));
222
+ this.i.da = stringToBrush(v);
223
+ this._a("actualTextColor", brushToString(this.i.da));
224
224
  }
225
225
  /**
226
226
  * Gets the stroke width currently used by the icon.
@@ -246,11 +246,11 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
246
246
  * Gets or sets the stroke color to use for the icon.
247
247
  */
248
248
  get stroke() {
249
- return brushToString(this.i.dh);
249
+ return brushToString(this.i.dp);
250
250
  }
251
251
  set stroke(v) {
252
- this.i.dh = stringToBrush(v);
253
- this._a("stroke", brushToString(this.i.dh));
252
+ this.i.dp = stringToBrush(v);
253
+ this._a("stroke", brushToString(this.i.dp));
254
254
  }
255
255
  /**
256
256
  * Gets or sets the stroke thickness to use for the icon.
@@ -266,31 +266,31 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
266
266
  * Gets or sets the text color to use for the icon.
267
267
  */
268
268
  get textColor() {
269
- return brushToString(this.i.di);
269
+ return brushToString(this.i.dq);
270
270
  }
271
271
  set textColor(v) {
272
- this.i.di = stringToBrush(v);
273
- this._a("textColor", brushToString(this.i.di));
272
+ this.i.dq = stringToBrush(v);
273
+ this._a("textColor", brushToString(this.i.dq));
274
274
  }
275
275
  /**
276
276
  * Gets or sets the fill color to use when the icon is hovered.
277
277
  */
278
278
  get hoverFill() {
279
- return brushToString(this.i.da);
279
+ return brushToString(this.i.dh);
280
280
  }
281
281
  set hoverFill(v) {
282
- this.i.da = stringToBrush(v);
283
- this._a("hoverFill", brushToString(this.i.da));
282
+ this.i.dh = stringToBrush(v);
283
+ this._a("hoverFill", brushToString(this.i.dh));
284
284
  }
285
285
  /**
286
286
  * Gets or sets the stroke color to use when the icon is hovered.
287
287
  */
288
288
  get hoverStroke() {
289
- return brushToString(this.i.db);
289
+ return brushToString(this.i.di);
290
290
  }
291
291
  set hoverStroke(v) {
292
- this.i.db = stringToBrush(v);
293
- this._a("hoverStroke", brushToString(this.i.db));
292
+ this.i.di = stringToBrush(v);
293
+ this._a("hoverStroke", brushToString(this.i.di));
294
294
  }
295
295
  /**
296
296
  * Gets or sets the stroke thickness to use when the icon is hovered.
@@ -306,11 +306,11 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
306
306
  * Gets or sets the text color to use when the icon is hovered.
307
307
  */
308
308
  get hoverTextColor() {
309
- return brushToString(this.i.dc);
309
+ return brushToString(this.i.dj);
310
310
  }
311
311
  set hoverTextColor(v) {
312
- this.i.dc = stringToBrush(v);
313
- this._a("hoverTextColor", brushToString(this.i.dc));
312
+ this.i.dj = stringToBrush(v);
313
+ this._a("hoverTextColor", brushToString(this.i.dj));
314
314
  }
315
315
  /**
316
316
  * Gets or sets a collection of fill colors to use in the icon.
@@ -346,11 +346,11 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
346
346
  * class.
347
347
  */
348
348
  get primaryFillColor() {
349
- return brushToString(this.i.dd);
349
+ return brushToString(this.i.dk);
350
350
  }
351
351
  set primaryFillColor(v) {
352
- this.i.dd = stringToBrush(v);
353
- this._a("primaryFillColor", brushToString(this.i.dd));
352
+ this.i.dk = stringToBrush(v);
353
+ this._a("primaryFillColor", brushToString(this.i.dk));
354
354
  }
355
355
  /**
356
356
  * Gets or sets a primary stroke color for the icon.
@@ -360,11 +360,11 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
360
360
  * class.
361
361
  */
362
362
  get primaryStrokeColor() {
363
- return brushToString(this.i.de);
363
+ return brushToString(this.i.dl);
364
364
  }
365
365
  set primaryStrokeColor(v) {
366
- this.i.de = stringToBrush(v);
367
- this._a("primaryStrokeColor", brushToString(this.i.de));
366
+ this.i.dl = stringToBrush(v);
367
+ this._a("primaryStrokeColor", brushToString(this.i.dl));
368
368
  }
369
369
  /**
370
370
  * Gets or sets a secondary fill color for the icon.
@@ -374,11 +374,11 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
374
374
  * class.
375
375
  */
376
376
  get secondaryFillColor() {
377
- return brushToString(this.i.df);
377
+ return brushToString(this.i.dm);
378
378
  }
379
379
  set secondaryFillColor(v) {
380
- this.i.df = stringToBrush(v);
381
- this._a("secondaryFillColor", brushToString(this.i.df));
380
+ this.i.dm = stringToBrush(v);
381
+ this._a("secondaryFillColor", brushToString(this.i.dm));
382
382
  }
383
383
  /**
384
384
  * Gets or sets a secondary stroke color for the icon.
@@ -388,29 +388,29 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
388
388
  * class.
389
389
  */
390
390
  get secondaryStrokeColor() {
391
- return brushToString(this.i.dg);
391
+ return brushToString(this.i.dn);
392
392
  }
393
393
  set secondaryStrokeColor(v) {
394
- this.i.dg = stringToBrush(v);
395
- this._a("secondaryStrokeColor", brushToString(this.i.dg));
394
+ this.i.dn = stringToBrush(v);
395
+ this._a("secondaryStrokeColor", brushToString(this.i.dn));
396
396
  }
397
397
  /**
398
398
  * Gets or sets the image source for the icon. Used if none of the other icon types are not used.
399
399
  */
400
400
  get source() {
401
- return this.i.az;
401
+ return this.i.a1;
402
402
  }
403
403
  set source(v) {
404
- this.i.az = v;
404
+ this.i.a1 = v;
405
405
  }
406
406
  /**
407
407
  * Gets or sets data url for the icon to use.
408
408
  */
409
409
  get dataURL() {
410
- return this.i.bc;
410
+ return this.i.bg;
411
411
  }
412
412
  set dataURL(v) {
413
- this.i.bc = v;
413
+ this.i.bg = v;
414
414
  }
415
415
  /**
416
416
  * Gets or sets path data for the icon to use.
@@ -462,10 +462,10 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
462
462
  * Gets or sets the id to use for the checkbox.
463
463
  */
464
464
  get id() {
465
- return this.i.bm;
465
+ return this.i.bq;
466
466
  }
467
467
  set id(v) {
468
- this.i.bm = v;
468
+ this.i.bq = v;
469
469
  }
470
470
  /**
471
471
  * Gets or sets TabIndex to use for the checkbox.
@@ -481,10 +481,10 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
481
481
  * Gets or sets the value of the aria-label attribute.
482
482
  */
483
483
  get ariaLabel() {
484
- return this.i.a9;
484
+ return this.i.bb;
485
485
  }
486
486
  set ariaLabel(v) {
487
- this.i.a9 = v;
487
+ this.i.bb = v;
488
488
  }
489
489
  /**
490
490
  * Gets or sets whether the icon is hovered.
@@ -645,7 +645,7 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
645
645
 
646
646
  */
647
647
  exportVisualModel() {
648
- let iv = this.i.ay();
648
+ let iv = this.i.a0();
649
649
  return (iv);
650
650
  }
651
651
  /**
@@ -653,7 +653,7 @@ export let IgcXIconComponent = /*@__PURE__*/ (() => {
653
653
 
654
654
  */
655
655
  exportSerializedVisualModel() {
656
- let iv = this.i.be();
656
+ let iv = this.i.bi();
657
657
  return (iv);
658
658
  }
659
659
  }