igniteui-webcomponents-inputs 7.1.0-alpha.1 → 7.1.0-alpha.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.
Files changed (64) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +636 -467
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/ButtonView_combined.js +21 -21
  4. package/esm2015/lib/CalendarView_combined.js +3 -3
  5. package/esm2015/lib/CheckboxView_combined.js +23 -23
  6. package/esm2015/lib/IconView_combined.js +163 -163
  7. package/esm2015/lib/InputGroupView_combined.js +31 -31
  8. package/esm2015/lib/MultiSliderBridge.js +14 -14
  9. package/esm2015/lib/MultiSliderView_combined.js +10 -10
  10. package/esm2015/lib/NativeUIXInputsFactory_combined.js +38 -38
  11. package/esm2015/lib/RippleView_combined.js +1 -1
  12. package/esm2015/lib/XButtonBridge.js +18 -18
  13. package/esm2015/lib/XButtonGroupBridge.js +6 -6
  14. package/esm2015/lib/XCheckboxBridge.js +8 -8
  15. package/esm2015/lib/XComponentBridge.js +4 -3
  16. package/esm2015/lib/XIconBridge.js +23 -23
  17. package/esm2015/lib/XIconButtonBridge.js +5 -5
  18. package/esm2015/lib/XInputBridge.js +18 -18
  19. package/esm2015/lib/XPopupBridge.js +23 -23
  20. package/esm2015/lib/igc-multi-slider-thumb-collection.js +7 -7
  21. package/esm2015/lib/igc-multi-slider-thumb-component.js +271 -0
  22. package/esm2015/lib/igc-multi-slider-thumb-module.js +16 -0
  23. package/esm2015/lib/igc-multi-slider-thumb-value-changing-event-args.js +3 -8
  24. package/esm2015/lib/igc-multi-slider-track-thumb-range.js +5 -15
  25. package/esm2015/lib/igc-x-icon-component.js +10 -10
  26. package/esm2015/public_api.js +2 -1
  27. package/esm5/lib/ButtonView_combined.js +21 -21
  28. package/esm5/lib/CalendarView_combined.js +3 -3
  29. package/esm5/lib/CheckboxView_combined.js +23 -23
  30. package/esm5/lib/IconView_combined.js +158 -158
  31. package/esm5/lib/InputGroupView_combined.js +31 -31
  32. package/esm5/lib/MultiSliderBridge.js +14 -14
  33. package/esm5/lib/MultiSliderView_combined.js +10 -10
  34. package/esm5/lib/NativeUIXInputsFactory_combined.js +38 -38
  35. package/esm5/lib/RippleView_combined.js +1 -1
  36. package/esm5/lib/XButtonBridge.js +18 -18
  37. package/esm5/lib/XButtonGroupBridge.js +6 -6
  38. package/esm5/lib/XCheckboxBridge.js +8 -8
  39. package/esm5/lib/XComponentBridge.js +4 -3
  40. package/esm5/lib/XIconBridge.js +23 -23
  41. package/esm5/lib/XIconButtonBridge.js +5 -5
  42. package/esm5/lib/XInputBridge.js +18 -18
  43. package/esm5/lib/XPopupBridge.js +23 -23
  44. package/esm5/lib/igc-multi-slider-thumb-collection.js +7 -7
  45. package/esm5/lib/igc-multi-slider-thumb-component.js +300 -0
  46. package/esm5/lib/igc-multi-slider-thumb-module.js +20 -0
  47. package/esm5/lib/igc-multi-slider-thumb-value-changing-event-args.js +3 -8
  48. package/esm5/lib/igc-multi-slider-track-thumb-range.js +5 -15
  49. package/esm5/lib/igc-x-icon-component.js +10 -10
  50. package/esm5/public_api.js +2 -1
  51. package/fesm2015/igniteui-webcomponents-inputs.js +692 -534
  52. package/fesm5/igniteui-webcomponents-inputs.js +635 -467
  53. package/lib/IconView_combined.d.ts +33 -34
  54. package/lib/MultiSliderView_combined.d.ts +1 -1
  55. package/lib/igc-multi-slider-thumb-collection.d.ts +4 -4
  56. package/lib/igc-multi-slider-thumb-component.d.ts +53 -0
  57. package/lib/igc-multi-slider-thumb-module.d.ts +3 -0
  58. package/lib/igc-multi-slider-thumb-value-changing-event-args.d.ts +3 -3
  59. package/lib/igc-multi-slider-track-thumb-range.d.ts +5 -5
  60. package/package.json +2 -2
  61. package/public_api.d.ts +2 -1
  62. package/esm2015/lib/igc-multi-slider-thumb.js +0 -109
  63. package/esm5/lib/igc-multi-slider-thumb.js +0 -132
  64. package/lib/igc-multi-slider-thumb.d.ts +0 -27
@@ -1,4 +1,4 @@
1
- import { IgcMultiSliderThumb } from "./igc-multi-slider-thumb";
1
+ import { IgcMultiSliderThumbComponent } from "./igc-multi-slider-thumb-component";
2
2
  import { MultiSliderThumbValueChangingEventArgs as MultiSliderThumbValueChangingEventArgs_internal } from "./MultiSliderThumbValueChangingEventArgs";
3
3
  export class IgcMultiSliderThumbValueChangingEventArgs {
4
4
  createImplementation() {
@@ -40,15 +40,10 @@ export class IgcMultiSliderThumbValueChangingEventArgs {
40
40
  return null;
41
41
  }
42
42
  if (!r.externalObject) {
43
- let e = new IgcMultiSliderThumb();
44
- if (r.$type) {
43
+ let e = IgcMultiSliderThumbComponent._createFromInternal(r);
44
+ if (e) {
45
45
  e._implementation = r;
46
46
  }
47
- else {
48
- if (e.i.setNativeElement) {
49
- e.i.setNativeElement(r);
50
- }
51
- }
52
47
  r.externalObject = e;
53
48
  }
54
49
  return r.externalObject;
@@ -1,4 +1,4 @@
1
- import { IgcMultiSliderThumb } from "./igc-multi-slider-thumb";
1
+ import { IgcMultiSliderThumbComponent } from "./igc-multi-slider-thumb-component";
2
2
  import { MultiSliderTrackThumbRange as MultiSliderTrackThumbRange_internal } from "./MultiSliderTrackThumbRange";
3
3
  export class IgcMultiSliderTrackThumbRange {
4
4
  createImplementation() {
@@ -58,15 +58,10 @@ export class IgcMultiSliderTrackThumbRange {
58
58
  return null;
59
59
  }
60
60
  if (!r.externalObject) {
61
- let e = new IgcMultiSliderThumb();
62
- if (r.$type) {
61
+ let e = IgcMultiSliderThumbComponent._createFromInternal(r);
62
+ if (e) {
63
63
  e._implementation = r;
64
64
  }
65
- else {
66
- if (e.i.setNativeElement) {
67
- e.i.setNativeElement(r);
68
- }
69
- }
70
65
  r.externalObject = e;
71
66
  }
72
67
  return r.externalObject;
@@ -80,15 +75,10 @@ export class IgcMultiSliderTrackThumbRange {
80
75
  return null;
81
76
  }
82
77
  if (!r.externalObject) {
83
- let e = new IgcMultiSliderThumb();
84
- if (r.$type) {
78
+ let e = IgcMultiSliderThumbComponent._createFromInternal(r);
79
+ if (e) {
85
80
  e._implementation = r;
86
81
  }
87
- else {
88
- if (e.i.setNativeElement) {
89
- e.i.setNativeElement(r);
90
- }
91
- }
92
82
  r.externalObject = e;
93
83
  }
94
84
  return r.externalObject;
@@ -398,19 +398,19 @@ let IgcXIconComponent = /*@__PURE__*/ (() => {
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.bh;
401
+ return this.i.bj;
402
402
  }
403
403
  set source(v) {
404
- this.i.bh = v;
404
+ this.i.bj = 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.b0;
410
+ return this.i.b2;
411
411
  }
412
412
  set dataURL(v) {
413
- this.i.b0 = v;
413
+ this.i.b2 = v;
414
414
  }
415
415
  /**
416
416
  * Gets or sets path data for the icon to use.
@@ -462,10 +462,10 @@ 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.ca;
465
+ return this.i.cc;
466
466
  }
467
467
  set id(v) {
468
- this.i.ca = v;
468
+ this.i.cc = v;
469
469
  }
470
470
  /**
471
471
  * Gets or sets TabIndex to use for the checkbox.
@@ -481,10 +481,10 @@ 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.bv;
484
+ return this.i.bx;
485
485
  }
486
486
  set ariaLabel(v) {
487
- this.i.bv = v;
487
+ this.i.bx = v;
488
488
  }
489
489
  /**
490
490
  * Gets or sets whether the icon is hovered.
@@ -685,7 +685,7 @@ let IgcXIconComponent = /*@__PURE__*/ (() => {
685
685
 
686
686
  */
687
687
  exportVisualModel() {
688
- let iv = this.i.bg();
688
+ let iv = this.i.bi();
689
689
  return (iv);
690
690
  }
691
691
  /**
@@ -693,7 +693,7 @@ let IgcXIconComponent = /*@__PURE__*/ (() => {
693
693
 
694
694
  */
695
695
  exportSerializedVisualModel() {
696
- let iv = this.i.b2();
696
+ let iv = this.i.b4();
697
697
  return (iv);
698
698
  }
699
699
  }
@@ -106,7 +106,8 @@ export * from './lib/IMultiSliderTrackShadeVisual';
106
106
  export * from './lib/MultiSliderTrackShadeOrientation';
107
107
  export * from './lib/DefaultMultiTrackShadeVisual';
108
108
  export * from './lib/MultiSliderThumb';
109
- export * from './lib/igc-multi-slider-thumb';
109
+ export * from './lib/igc-multi-slider-thumb-component';
110
+ export * from './lib/igc-multi-slider-thumb-module';
110
111
  export * from './lib/MultiSliderThumbRangePosition';
111
112
  export * from './lib/IMultiSliderTrackThumbCalloutVisual';
112
113
  export * from './lib/DefaultMultiSliderTrackThumbCalloutVisual';
@@ -119,7 +119,7 @@ export var ButtonView = /** @class */ /*@__PURE__*/ (function (_super) {
119
119
  this.o.setStyleProperty("white-space", "no-wrap");
120
120
  this.o.setStyleProperty("color", "#000");
121
121
  this.o.setStyleProperty("background", this.c.nt._fill);
122
- NativeUI.o(this.o, this.c.k4);
122
+ NativeUI.p(this.o, this.c.k4);
123
123
  this.o.setAttribute("id", this.c.hz);
124
124
  this.ay();
125
125
  this.i.add(c.listen("change", runOn(this, this.aa)));
@@ -1210,10 +1210,10 @@ export var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
1210
1210
  if (a == null) {
1211
1211
  return;
1212
1212
  }
1213
- NativeUI.o(a, this.k4);
1214
- NativeUI.n(a, this.nu);
1213
+ NativeUI.p(a, this.k4);
1214
+ NativeUI.o(a, this.nu);
1215
1215
  if (!isNaN_(this.bk)) {
1216
- NativeUI.p(a, new Thickness(0, this.bk));
1216
+ NativeUI.q(a, new Thickness(0, this.bk));
1217
1217
  }
1218
1218
  if (this.disabled) {
1219
1219
  this.view.a0(this.cv, this.v);
@@ -1230,17 +1230,17 @@ export var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
1230
1230
  }
1231
1231
  }
1232
1232
  if (this.disabled) {
1233
- NativeUI.m(a, this.nv);
1233
+ NativeUI.n(a, this.nv);
1234
1234
  }
1235
1235
  else if (this.focused && this.a3) {
1236
- NativeUI.m(a, this.ny);
1236
+ NativeUI.n(a, this.ny);
1237
1237
  }
1238
1238
  else {
1239
1239
  if (this.a4 && !this.av) {
1240
- NativeUI.m(a, this.n0);
1240
+ NativeUI.n(a, this.n0);
1241
1241
  }
1242
1242
  else {
1243
- NativeUI.m(a, this.nt);
1243
+ NativeUI.n(a, this.nt);
1244
1244
  }
1245
1245
  }
1246
1246
  this.view.az(this.n3, BrushUtil.l(0, 0, 0, 0));
@@ -1248,21 +1248,21 @@ export var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
1248
1248
  this.view.a2(this.ab);
1249
1249
  }
1250
1250
  if (this.disabled) {
1251
- NativeUI.q(this.view.t, this.nx);
1252
1251
  NativeUI.r(this.view.t, this.nx);
1252
+ NativeUI.t(this.view.t, this.nx);
1253
1253
  }
1254
1254
  else if (this.focused && this.a3) {
1255
- NativeUI.q(this.view.t, this.nz);
1256
1255
  NativeUI.r(this.view.t, this.nz);
1256
+ NativeUI.t(this.view.t, this.nz);
1257
1257
  }
1258
1258
  else {
1259
1259
  if (this.a4 && !this.av) {
1260
- NativeUI.q(this.view.t, this.n1);
1261
1260
  NativeUI.r(this.view.t, this.n1);
1261
+ NativeUI.t(this.view.t, this.n1);
1262
1262
  }
1263
1263
  else {
1264
- NativeUI.q(this.view.t, this.n4);
1265
1264
  NativeUI.r(this.view.t, this.n4);
1265
+ NativeUI.t(this.view.t, this.n4);
1266
1266
  }
1267
1267
  }
1268
1268
  };
@@ -3660,16 +3660,16 @@ export var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
3660
3660
  c.p = e[1];
3661
3661
  c.h = this.o;
3662
3662
  c.i = this.r;
3663
- c.c = AppearanceHelper.a(NativeUI.ak(a));
3663
+ c.c = AppearanceHelper.a(NativeUI.an(a));
3664
3664
  c.g = AppearanceHelper.a(this.n5);
3665
3665
  c.d = AppearanceHelper.a(this.n2);
3666
3666
  c.a = AppearanceHelper.a(this.ns);
3667
3667
  c.u = this.cy;
3668
3668
  c.e = AppearanceHelper.a(this.n3);
3669
3669
  c.ag = this.k4;
3670
- c.b = AppearanceHelper.a(NativeUI.aj(a));
3670
+ c.b = AppearanceHelper.a(NativeUI.am(a));
3671
3671
  c.j = this.v;
3672
- c.f = AppearanceHelper.a(NativeUI.al(b));
3672
+ c.f = AppearanceHelper.a(NativeUI.ao(b));
3673
3673
  c.o = this.bk;
3674
3674
  c.x = this.f1;
3675
3675
  c.y = this.g5;
@@ -4038,9 +4038,9 @@ export var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
4038
4038
  })()));
4039
4039
  XButton.k = new Theme(1, ((function () {
4040
4040
  var $ret = new Dictionary$2(String_$type, Base.$, 0);
4041
- $ret.addItem("UmbraShadowColor", BrushUtil.l(100, 33, 150, 243));
4042
- $ret.addItem("PenumbraShadowColor", BrushUtil.l(70, 33, 150, 243));
4043
- $ret.addItem("AmbientShadowColor", BrushUtil.l(40, 33, 150, 243));
4041
+ $ret.addItem("UmbraShadowColor", BrushUtil.l(0, 0, 0, 0));
4042
+ $ret.addItem("PenumbraShadowColor", BrushUtil.l(0, 0, 0, 0));
4043
+ $ret.addItem("AmbientShadowColor", BrushUtil.l(0, 0, 0, 0));
4044
4044
  $ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 2));
4045
4045
  return $ret;
4046
4046
  })()), ((function () {
@@ -4197,9 +4197,9 @@ export var XButton = /** @class */ /*@__PURE__*/ (function (_super) {
4197
4197
  })()));
4198
4198
  XButton.j = new Theme(1, ((function () {
4199
4199
  var $ret = new Dictionary$2(String_$type, Base.$, 0);
4200
- $ret.addItem("UmbraShadowColor", BrushUtil.l(100, 33, 150, 243));
4201
- $ret.addItem("PenumbraShadowColor", BrushUtil.l(70, 33, 150, 243));
4202
- $ret.addItem("AmbientShadowColor", BrushUtil.l(40, 33, 150, 243));
4200
+ $ret.addItem("UmbraShadowColor", BrushUtil.l(0, 0, 0, 0));
4201
+ $ret.addItem("PenumbraShadowColor", BrushUtil.l(0, 0, 0, 0));
4202
+ $ret.addItem("AmbientShadowColor", BrushUtil.l(0, 0, 0, 0));
4203
4203
  $ret.addItem("ElevationMode", enumGetBox(ElevationMode_$type, 2));
4204
4204
  return $ret;
4205
4205
  })()), ((function () {
@@ -2848,7 +2848,7 @@ export var XCalendar = /** @class */ /*@__PURE__*/ (function (_super) {
2848
2848
  m.d = n[1] - e;
2849
2849
  m.c = NativeUI.d(k._inner[l].parent());
2850
2850
  m.f = NativeUI.k(k._inner[l].parent());
2851
- m.b = AppearanceHelper.a(NativeUI.al(k._inner[l]));
2851
+ m.b = AppearanceHelper.a(NativeUI.ao(k._inner[l]));
2852
2852
  m.g = k._inner[l].getText();
2853
2853
  a.k.add(m);
2854
2854
  }
@@ -2861,8 +2861,8 @@ export var XCalendar = /** @class */ /*@__PURE__*/ (function (_super) {
2861
2861
  q.d = r[1] - e;
2862
2862
  q.c = NativeUI.d(o._inner[p].parent());
2863
2863
  q.f = NativeUI.k(o._inner[p].parent());
2864
- q.b = AppearanceHelper.a(NativeUI.al(o._inner[p]));
2865
- q.a = AppearanceHelper.a(NativeUI.ak(o._inner[p]));
2864
+ q.b = AppearanceHelper.a(NativeUI.ao(o._inner[p]));
2865
+ q.a = AppearanceHelper.a(NativeUI.an(o._inner[p]));
2866
2866
  q.g = o._inner[p].getText();
2867
2867
  a.l.add(q);
2868
2868
  }
@@ -556,18 +556,18 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
556
556
  if (a == null || b == null) {
557
557
  return;
558
558
  }
559
- NativeUI.o(a, new CornerRadius(0, this.ao));
560
- NativeUI.o(b, new CornerRadius(0, this.ao));
559
+ NativeUI.p(a, new CornerRadius(0, this.ao));
560
+ NativeUI.p(b, new CornerRadius(0, this.ao));
561
561
  if (!isNaN_(this.an)) {
562
- NativeUI.p(b, new Thickness(0, this.an));
562
+ NativeUI.q(b, new Thickness(0, this.an));
563
563
  }
564
564
  if (this.checked) {
565
- NativeUI.m(a, this.c8);
566
- NativeUI.n(b, this.c9);
565
+ NativeUI.n(a, this.c8);
566
+ NativeUI.o(b, this.c9);
567
567
  }
568
568
  else {
569
- NativeUI.m(a, this.db);
570
- NativeUI.n(b, this.dc);
569
+ NativeUI.n(a, this.db);
570
+ NativeUI.o(b, this.dc);
571
571
  }
572
572
  };
573
573
  XCheckbox.prototype.cw = function () {
@@ -575,8 +575,8 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
575
575
  if (a == null) {
576
576
  return;
577
577
  }
578
- NativeUI.aa(a, this.da);
579
- NativeUI.ad(a, this.ap);
578
+ NativeUI.ad(a, this.da);
579
+ NativeUI.ag(a, this.ap);
580
580
  };
581
581
  Object.defineProperty(XCheckbox.prototype, "dl", {
582
582
  get: function () {
@@ -1131,7 +1131,7 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
1131
1131
  this.view.al(BrushUtil.u(this.c8, 0.6), BrushUtil.u(this.dc, 0.1));
1132
1132
  }
1133
1133
  if (!this.indeterminate) {
1134
- NativeUI.af(this.view.v, null);
1134
+ NativeUI.ai(this.view.v, null);
1135
1135
  }
1136
1136
  if (this.z || this.indeterminate || a) {
1137
1137
  var d = this.view.u;
@@ -1150,23 +1150,23 @@ export var XCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
1150
1150
  $ret.j = -_this.view.l();
1151
1151
  return $ret;
1152
1152
  })()));
1153
- NativeUI.m(d, this.c8);
1154
- NativeUI.n(e, this.c9);
1155
- NativeUI.y(f, 1);
1156
- NativeUI.ac(f, 41);
1157
- NativeUI.af(f, g);
1153
+ NativeUI.n(d, this.c8);
1154
+ NativeUI.o(e, this.c9);
1155
+ NativeUI.ab(f, 1);
1156
+ NativeUI.af(f, 41);
1157
+ NativeUI.ai(f, g);
1158
1158
  }
1159
1159
  else if (b) {
1160
- NativeUI.m(d, this.c8);
1161
- NativeUI.n(e, this.c9);
1162
- NativeUI.y(f, 1);
1163
- NativeUI.ac(f, 0);
1160
+ NativeUI.n(d, this.c8);
1161
+ NativeUI.o(e, this.c9);
1162
+ NativeUI.ab(f, 1);
1163
+ NativeUI.af(f, 0);
1164
1164
  }
1165
1165
  else {
1166
- NativeUI.m(d, this.db);
1167
- NativeUI.n(e, this.dc);
1168
- NativeUI.y(f, 0);
1169
- NativeUI.ac(f, 24);
1166
+ NativeUI.n(d, this.db);
1167
+ NativeUI.o(e, this.dc);
1168
+ NativeUI.ab(f, 0);
1169
+ NativeUI.af(f, 24);
1170
1170
  }
1171
1171
  if (this.o.playState == 1) {
1172
1172
  this.o.cancel();