igniteui-webcomponents-inputs 4.8.0 → 4.8.1-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.
Files changed (34) hide show
  1. package/bundles/igniteui-webcomponents-inputs.umd.js +1046 -730
  2. package/bundles/igniteui-webcomponents-inputs.umd.min.js +1 -1
  3. package/esm2015/lib/ButtonView_combined.js +22 -22
  4. package/esm2015/lib/CalendarView_combined.js +16 -14
  5. package/esm2015/lib/CheckboxView_combined.js +73 -67
  6. package/esm2015/lib/DatePickerView_combined.js +14 -14
  7. package/esm2015/lib/IconView_combined.js +663 -467
  8. package/esm2015/lib/IconVisualModelExport.js +13 -11
  9. package/esm2015/lib/InputGroupView_combined.js +29 -29
  10. package/esm2015/lib/NativeUIXInputsFactory.js +1 -1
  11. package/esm2015/lib/XButtonBridge.js +7 -0
  12. package/esm2015/lib/XIconBridge.js +58 -31
  13. package/esm2015/lib/XIconButtonBridge.js +1 -1
  14. package/esm2015/lib/igc-x-icon-component.js +113 -91
  15. package/esm5/lib/ButtonView_combined.js +22 -22
  16. package/esm5/lib/CalendarView_combined.js +16 -14
  17. package/esm5/lib/CheckboxView_combined.js +77 -67
  18. package/esm5/lib/DatePickerView_combined.js +14 -14
  19. package/esm5/lib/IconView_combined.js +685 -444
  20. package/esm5/lib/IconVisualModelExport.js +13 -11
  21. package/esm5/lib/InputGroupView_combined.js +29 -29
  22. package/esm5/lib/NativeUIXInputsFactory.js +1 -1
  23. package/esm5/lib/XButtonBridge.js +7 -0
  24. package/esm5/lib/XIconBridge.js +58 -31
  25. package/esm5/lib/XIconButtonBridge.js +1 -1
  26. package/esm5/lib/igc-x-icon-component.js +121 -91
  27. package/fesm2015/igniteui-webcomponents-inputs.js +1007 -748
  28. package/fesm5/igniteui-webcomponents-inputs.js +1047 -731
  29. package/lib/CheckboxView_combined.d.ts +17 -16
  30. package/lib/IconView_combined.d.ts +150 -134
  31. package/lib/IconVisualModelExport.d.ts +4 -3
  32. package/lib/XIconBridge.d.ts +3 -0
  33. package/lib/igc-x-icon-component.d.ts +10 -0
  34. package/package.json +2 -2
package/bundles/igniteui-webcomponents-inputs.umd.js CHANGED
@@ -2201,7 +2201,6 @@
2201
2201
  case "DisabledTextColor":
2202
2202
  case "DisabledElevation":
2203
2203
  case "HoverBackgroundColor":
2204
- case "TextStyle":
2205
2204
  case "FocusTextColor":
2206
2205
  case "TextColor":
2207
2206
  case "HoverTextColor":
@@ -2307,6 +2306,7 @@
2307
2306
  this.ap = this.disabled || this.at;
2308
2307
  this.ki();
2309
2308
  break;
2309
+ case "TextStyle":
2310
2310
  case "DisableHover":
2311
2311
  this.kh();
2312
2312
  break;
@@ -4997,30 +4997,30 @@
4997
4997
  c.l = this.disabled;
4998
4998
  if (this.aa != null) {
4999
4999
  var g = this.aa;
5000
- if (this.view != null && g.p == null) {
5000
+ if (this.view != null && g.q == null) {
5001
5001
  var h = this.view.k;
5002
5002
  var i = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(h, g.fontString);
5003
- g.p = i.p;
5004
- g.e = i.e;
5005
5003
  g.q = i.q;
5006
- g.s = i.s;
5004
+ g.f = i.f;
5005
+ g.r = i.r;
5007
5006
  g.t = i.t;
5008
5007
  g.u = i.u;
5008
+ g.v = i.v;
5009
5009
  }
5010
- if (g.p != null) {
5011
- c.ac = g.p;
5010
+ if (g.q != null) {
5011
+ c.ac = g.q;
5012
5012
  }
5013
- if (!igniteuiWebcomponentsCore.isNaN_(g.e)) {
5014
- c.r = g.e;
5013
+ if (!igniteuiWebcomponentsCore.isNaN_(g.f)) {
5014
+ c.r = g.f;
5015
5015
  }
5016
- if (g.u != null) {
5017
- c.ag = g.u;
5016
+ if (g.v != null) {
5017
+ c.ag = g.v;
5018
5018
  }
5019
- if (g.s != null) {
5020
- c.ae = g.s;
5019
+ if (g.t != null) {
5020
+ c.ae = g.t;
5021
5021
  }
5022
- if (g.q != null) {
5023
- c.ad = g.s;
5022
+ if (g.r != null) {
5023
+ c.ad = g.t;
5024
5024
  }
5025
5025
  }
5026
5026
  return c;
@@ -5051,7 +5051,7 @@
5051
5051
  $ret.addItem("HoverElevation", 4);
5052
5052
  $ret.addItem("FocusElevation", 8);
5053
5053
  $ret.addItem("BorderColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5054
- $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255));
5054
+ $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5055
5055
  $ret.addItem("CornerRadius", new igniteuiWebcomponentsCore.CornerRadius(0, 4));
5056
5056
  $ret.addItem("BorderWidth", NaN);
5057
5057
  $ret.addItem("BackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 228, 28, 119));
@@ -5072,11 +5072,11 @@
5072
5072
  $ret.addItem("HoverElevation", 0);
5073
5073
  $ret.addItem("FocusElevation", 0);
5074
5074
  $ret.addItem("BorderColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5075
- $ret.addItem("RippleColor", null);
5075
+ $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5076
5076
  $ret.addItem("CornerRadius", new igniteuiWebcomponentsCore.CornerRadius(0, 4));
5077
5077
  $ret.addItem("BorderWidth", NaN);
5078
5078
  $ret.addItem("BackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(0, 0, 0, 0));
5079
- $ret.addItem("TextColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 0, 0, 0));
5079
+ $ret.addItem("TextColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 228, 28, 119));
5080
5080
  $ret.addItem("HoverTextColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 228, 28, 119));
5081
5081
  $ret.addItem("HoverBackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(13, 228, 28, 119));
5082
5082
  $ret.addItem("FocusBackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(30, 228, 28, 119));
@@ -5092,8 +5092,8 @@
5092
5092
  $ret.addItem("RestingElevation", 0);
5093
5093
  $ret.addItem("HoverElevation", 0);
5094
5094
  $ret.addItem("FocusElevation", 0);
5095
- $ret.addItem("BorderColor", igniteuiWebcomponentsCore.BrushUtil.h(30, 0, 0, 0));
5096
- $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(0, 0, 0, 0));
5095
+ $ret.addItem("BorderColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 228, 28, 119));
5096
+ $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5097
5097
  $ret.addItem("CornerRadius", new igniteuiWebcomponentsCore.CornerRadius(0, 4));
5098
5098
  $ret.addItem("BorderWidth", 1);
5099
5099
  $ret.addItem("BackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(0, 0, 0, 0));
@@ -5114,7 +5114,7 @@
5114
5114
  $ret.addItem("HoverElevation", 0);
5115
5115
  $ret.addItem("FocusElevation", 0);
5116
5116
  $ret.addItem("BorderColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5117
- $ret.addItem("RippleColor", null);
5117
+ $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5118
5118
  $ret.addItem("CornerRadius", new igniteuiWebcomponentsCore.CornerRadius(0, 28));
5119
5119
  $ret.addItem("BorderWidth", NaN);
5120
5120
  $ret.addItem("BackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(0, 0, 0, 0));
@@ -5135,7 +5135,7 @@
5135
5135
  $ret.addItem("HoverElevation", 12);
5136
5136
  $ret.addItem("FocusElevation", 12);
5137
5137
  $ret.addItem("BorderColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5138
- $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 255, 255, 255));
5138
+ $ret.addItem("RippleColor", igniteuiWebcomponentsCore.BrushUtil.h(138, 0, 0, 0));
5139
5139
  $ret.addItem("CornerRadius", new igniteuiWebcomponentsCore.CornerRadius(0, 28));
5140
5140
  $ret.addItem("BorderWidth", NaN);
5141
5141
  $ret.addItem("BackgroundColor", igniteuiWebcomponentsCore.BrushUtil.h(255, 228, 28, 119));
@@ -8399,12 +8399,13 @@
8399
8399
  _this.b = null;
8400
8400
  _this.d = 0;
8401
8401
  _this._svgPath = null;
8402
- _this.n = null;
8402
+ _this.j = null;
8403
8403
  _this.o = null;
8404
8404
  _this.p = null;
8405
+ _this.q = null;
8405
8406
  _this.g = 0;
8406
- _this.l = null;
8407
8407
  _this.m = null;
8408
+ _this.n = null;
8408
8409
  return _this;
8409
8410
  }
8410
8411
  Object.defineProperty(IconVisualModelExport.prototype, "svgPath", {
@@ -8417,7 +8418,7 @@
8417
8418
  enumerable: false,
8418
8419
  configurable: true
8419
8420
  });
8420
- IconVisualModelExport.prototype.j = function () {
8421
+ IconVisualModelExport.prototype.k = function () {
8421
8422
  var a = new igniteuiWebcomponentsCore.StringBuilder(0);
8422
8423
  a.l("{");
8423
8424
  a.l("actualFill : " + this.a.serialize() + ", ");
@@ -8429,20 +8430,21 @@
8429
8430
  a.l("height : " + this.e + ", ");
8430
8431
  a.l("width : " + this.i + ", ");
8431
8432
  a.l("svgPath : '" + this.svgPath + "', ");
8432
- if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.n)) {
8433
- a.l("textStyleFontStyle : \"" + this.n + "\", ");
8434
- }
8433
+ a.l("dataURL : '" + this.j + "', ");
8435
8434
  if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.o)) {
8436
- a.l("textStyleFontVariant : \"" + this.o + "\", ");
8435
+ a.l("textStyleFontStyle : \"" + this.o + "\", ");
8437
8436
  }
8438
8437
  if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.p)) {
8439
- a.l("textStyleFontWeight : \"" + this.p + "\", ");
8438
+ a.l("textStyleFontVariant : \"" + this.p + "\", ");
8440
8439
  }
8441
- if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.l)) {
8442
- a.l("textStyleFontFamily : \"" + this.l + "\", ");
8440
+ if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.q)) {
8441
+ a.l("textStyleFontWeight : \"" + this.q + "\", ");
8443
8442
  }
8444
8443
  if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.m)) {
8445
- a.l("textStyleFontStretch : \"" + this.m + "\", ");
8444
+ a.l("textStyleFontFamily : \"" + this.m + "\", ");
8445
+ }
8446
+ if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.n)) {
8447
+ a.l("textStyleFontStretch : \"" + this.n + "\", ");
8446
8448
  }
8447
8449
  if (!igniteuiWebcomponentsCore.isNaN_(this.g)) {
8448
8450
  a.l("textStyleFontSize : " + this.g + ", ");
@@ -8467,62 +8469,71 @@
8467
8469
  tslib.__extends(IconView, _super);
8468
8470
  function IconView() {
8469
8471
  var _this = _super.call(this) || this;
8470
- _this.b = null;
8471
- _this.o = null;
8472
- _this.e = null;
8473
- _this.i = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Delegate_$type, 0);
8474
- _this.j = null;
8475
- _this.k = null;
8476
- _this.l = null;
8477
- _this.m = null;
8478
- _this.n = null;
8479
8472
  _this.c = null;
8473
+ _this.s = null;
8474
+ _this.f = null;
8475
+ _this.l = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Delegate_$type, 0);
8476
+ _this.n = null;
8477
+ _this.o = null;
8478
+ _this.p = null;
8479
+ _this.q = null;
8480
+ _this.r = null;
8480
8481
  _this.d = null;
8482
+ _this.e = null;
8483
+ _this.y = null;
8484
+ _this.k = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.Brush.$, igniteuiWebcomponentsCore.String_$type, 0);
8485
+ _this.g = true;
8486
+ _this.v = null;
8481
8487
  _this.u = null;
8482
8488
  _this.t = null;
8483
- _this.f = true;
8484
- _this.p = null;
8485
- _this.q = null;
8486
- _this.j = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8487
- _this.k = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8488
- _this.l = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8489
- _this.m = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8489
+ _this.m = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.DomWrapper_$type, 0);
8490
8490
  _this.n = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8491
- _this.c = new igniteuiWebcomponentsCore.FastIterationDictionary$2(igniteuiWebcomponentsCore.String_$type, igniteuiWebcomponentsCore.List$1.$.specialize(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$)), 0);
8491
+ _this.o = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8492
+ _this.p = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8493
+ _this.q = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8494
+ _this.r = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$), 0);
8492
8495
  _this.d = new igniteuiWebcomponentsCore.FastIterationDictionary$2(igniteuiWebcomponentsCore.String_$type, igniteuiWebcomponentsCore.List$1.$.specialize(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$)), 0);
8496
+ _this.e = new igniteuiWebcomponentsCore.FastIterationDictionary$2(igniteuiWebcomponentsCore.String_$type, igniteuiWebcomponentsCore.List$1.$.specialize(igniteuiWebcomponentsCore.Tuple$2.$.specialize(igniteuiWebcomponentsCore.SVGNode.$, igniteuiWebcomponentsCore.Base.$)), 0);
8493
8497
  return _this;
8494
8498
  }
8495
- IconView.prototype.ac = function () {
8499
+ IconView.prototype.ag = function () {
8496
8500
  };
8497
- IconView.prototype.g = function () {
8501
+ IconView.prototype.i = function () {
8498
8502
  return true;
8499
8503
  };
8500
- Object.defineProperty(IconView.prototype, "r", {
8504
+ Object.defineProperty(IconView.prototype, "w", {
8501
8505
  get: function () {
8502
- return this.p;
8506
+ return this.v;
8503
8507
  },
8504
8508
  enumerable: false,
8505
8509
  configurable: true
8506
8510
  });
8507
- Object.defineProperty(IconView.prototype, "s", {
8511
+ Object.defineProperty(IconView.prototype, "x", {
8508
8512
  get: function () {
8509
8513
  return null;
8510
8514
  },
8511
8515
  enumerable: false,
8512
8516
  configurable: true
8513
8517
  });
8514
- Object.defineProperty(IconView.prototype, "h", {
8518
+ Object.defineProperty(IconView.prototype, "b", {
8519
+ get: function () {
8520
+ return this.m.toArray();
8521
+ },
8522
+ enumerable: false,
8523
+ configurable: true
8524
+ });
8525
+ Object.defineProperty(IconView.prototype, "j", {
8515
8526
  get: function () {
8516
8527
  return true;
8517
8528
  },
8518
8529
  enumerable: false,
8519
8530
  configurable: true
8520
8531
  });
8521
- IconView.prototype.aa = function (a) {
8532
+ IconView.prototype.ae = function (a) {
8522
8533
  var e_1, _a;
8523
8534
  if (a == null) {
8524
8535
  try {
8525
- for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.i)), _c = _b.next(); !_c.done; _c = _b.next()) {
8536
+ for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.l)), _c = _b.next(); !_c.done; _c = _b.next()) {
8526
8537
  var b = _c.value;
8527
8538
  b();
8528
8539
  }
@@ -8540,84 +8551,172 @@
8540
8551
  throw e_1.error;
8541
8552
  }
8542
8553
  }
8543
- this.i.clear();
8544
- if (this.p != null) {
8545
- this.p.unlistenAll();
8554
+ this.l.clear();
8555
+ if (this.v != null) {
8556
+ this.v.unlistenAll();
8557
+ }
8558
+ if (this.u != null) {
8559
+ this.u.unlistenAll();
8546
8560
  }
8547
8561
  }
8548
- this.o = a;
8562
+ this.s = a;
8549
8563
  a.rootWrapper.setStyleProperty("position", "relative");
8550
- this.o.rootWrapper.setStyleProperty("display", "flex");
8551
- this.o.rootWrapper.setStyleProperty("flex-direction", "row");
8552
- this.o.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
8553
- this.o.rootWrapper.setStyleProperty("align-items", "center");
8554
- this.ae();
8555
- var c = this.o.createElementNS("svg", "http://www.w3.org/2000/svg");
8564
+ this.s.rootWrapper.setStyleProperty("display", "flex");
8565
+ this.s.rootWrapper.setStyleProperty("flex-direction", "row");
8566
+ this.s.rootWrapper.setStyleProperty("flex-wrap", "no-wrap");
8567
+ this.s.rootWrapper.setStyleProperty("align-items", "center");
8568
+ this.s.rootWrapper.setStyleProperty("justify-content", "center");
8569
+ this.am();
8570
+ var c = this.s.createElementNS("svg", "http://www.w3.org/2000/svg");
8556
8571
  c.setStyleProperty("position", "absolute");
8557
8572
  c.setStyleProperty("top", "0");
8558
8573
  c.setStyleProperty("left", "0");
8559
8574
  c.setStyleProperty("right", "0");
8560
8575
  c.setStyleProperty("bottom", "0");
8561
- this.p = c;
8562
- this.ai();
8563
- var d = this.o.createElementNS("path", "http://www.w3.org/2000/svg");
8564
- d.setAttribute("d", "");
8565
- this.p.append(d);
8566
- if (this.u != null) {
8567
- d.setAttribute("d", this.u);
8576
+ this.v = c;
8577
+ var d = this.s.createElement("img");
8578
+ d.setStyleProperty("height", "100%");
8579
+ d.setStyleProperty("width", "100%");
8580
+ d.setStyleProperty("object-fit", "contain");
8581
+ this.u = d;
8582
+ this.ar();
8583
+ this.t = a.createElementNS("defs", "http://www.w3.org/2000/svg");
8584
+ this.v.append(this.t);
8585
+ this.s.append(this.v);
8586
+ this.l.add(c.listen("click", igniteuiWebcomponentsCore.runOn(this, this.ad)));
8587
+ this.c.cc();
8588
+ };
8589
+ IconView.prototype.ao = function (a) {
8590
+ this.k.clear();
8591
+ this.s.rootWrapper.removeChildren();
8592
+ this.s.rootWrapper.append(this.v);
8593
+ this.v.removeChildren();
8594
+ this.t.removeChildren();
8595
+ this.m.clear();
8596
+ if (a != null) {
8597
+ var b = this.s.createElementNS("path", "http://www.w3.org/2000/svg");
8598
+ b.setAttribute("d", a);
8599
+ this.v.append(this.t);
8600
+ this.v.append(b);
8601
+ this.m.add(b);
8602
+ }
8603
+ };
8604
+ IconView.prototype.ap = function (a) {
8605
+ this.k.clear();
8606
+ this.s.rootWrapper.removeChildren();
8607
+ this.s.rootWrapper.append(this.v);
8608
+ this.v.removeChildren();
8609
+ this.t.removeChildren();
8610
+ this.m.clear();
8611
+ if (a != null && a.length > 0) {
8612
+ this.v.append(this.t);
8613
+ for (var b = 0; b < a.length; b++) {
8614
+ var c = this.s.createElementNS("path", "http://www.w3.org/2000/svg");
8615
+ c.setAttribute("d", a[b]);
8616
+ this.v.append(c);
8617
+ this.m.add(c);
8618
+ }
8619
+ }
8620
+ };
8621
+ IconView.prototype.an = function (a) {
8622
+ this.s.rootWrapper.removeChildren();
8623
+ if (a != null) {
8624
+ var b = this.s.rootWrapper.getNativeElement();
8625
+ b.innerHTML = a;
8568
8626
  }
8569
- this.q = d;
8570
- this.o.append(this.p);
8571
- this.i.add(c.listen("click", igniteuiWebcomponentsCore.runOn(this, this.z)));
8572
- this.b.b6();
8573
8627
  };
8574
- IconView.prototype.ag = function (a) {
8575
- if (this.u != a) {
8576
- this.u = a;
8577
- this.o.rootWrapper.removeChildren();
8578
- this.o.rootWrapper.append(this.p);
8579
- if (this.q != null) {
8580
- this.q.setAttribute("d", this.u);
8581
- }
8628
+ IconView.prototype.al = function (a) {
8629
+ if (this.y != a) {
8630
+ this.y = a;
8631
+ this.s.rootWrapper.removeChildren();
8632
+ this.s.rootWrapper.append(this.u);
8633
+ this.u.setAttribute("src", a);
8634
+ }
8635
+ };
8636
+ IconView.prototype.h = function () {
8637
+ return this.c.svgPath != null || this.c.svg != null || this.c.b != null;
8638
+ };
8639
+ IconView.prototype.am = function () {
8640
+ this.s.rootWrapper.setStyleProperty("width", igniteuiWebcomponentsCore.isNaN_(this.c.aq) ? "1.5rem" : this.c.aq + "px");
8641
+ this.s.rootWrapper.setStyleProperty("height", igniteuiWebcomponentsCore.isNaN_(this.c.ai) ? "1.5rem" : this.c.ai + "px");
8642
+ };
8643
+ IconView.prototype.ar = function () {
8644
+ var a = igniteuiWebcomponentsCore.isNaN_(this.c.an) ? 0 : this.c.an;
8645
+ var b = igniteuiWebcomponentsCore.isNaN_(this.c.ao) ? 0 : this.c.ao;
8646
+ var c = igniteuiWebcomponentsCore.isNaN_(this.c.ap) ? 24 : this.c.ap;
8647
+ var d = igniteuiWebcomponentsCore.isNaN_(this.c.am) ? 24 : this.c.am;
8648
+ this.v.setAttribute("viewBox", a + " " + b + " " + c + " " + d);
8649
+ };
8650
+ IconView.prototype.ai = function (a, b) {
8651
+ var c = a.color;
8652
+ if (!this.k.containsKey(a)) {
8653
+ if (a.isGradient) {
8654
+ var d = this.t.getChildCount();
8655
+ var e = a;
8656
+ var f = this.s.createElementNS("linearGradient", "http://www.w3.org/2000/svg");
8657
+ var g = "ig_gradient_" + b + "_" + d;
8658
+ f.setAttribute("id", g);
8659
+ f.setAttribute("x1", e.startX.toString());
8660
+ f.setAttribute("x2", e.endX.toString());
8661
+ f.setAttribute("y1", e.startY.toString());
8662
+ f.setAttribute("y2", e.endY.toString());
8663
+ var j = e.gradientStops;
8664
+ for (var i = 0; i < j.length; i++) {
8665
+ var h = j[i];
8666
+ var k = this.s.createElementNS("stop", "http://www.w3.org/2000/svg");
8667
+ k.setAttribute("offset", h.offset * 100 + "%");
8668
+ k.setAttribute("stop-color", h._fill);
8669
+ f.append(k);
8670
+ }
8671
+ this.t.append(f);
8672
+ this.k.addItem(a, g);
8673
+ }
8674
+ else if (a.isRadialGradient) {
8675
+ }
8676
+ }
8677
+ };
8678
+ IconView.prototype.aj = function (a, b) {
8679
+ var c = a;
8680
+ if (this.k.containsKey(b)) {
8681
+ c.setAttribute("fill", "url(#" + this.k.item(b) + ")");
8682
+ this.s.rootWrapper.removeChildren();
8683
+ this.s.rootWrapper.append(this.v);
8582
8684
  }
8583
- };
8584
- IconView.prototype.af = function (a) {
8585
- if (this.t != a) {
8586
- this.t = a;
8587
- this.o.rootWrapper.removeChildren();
8588
- var b = this.o.rootWrapper.getNativeElement();
8589
- b.innerHTML = this.t;
8685
+ else {
8686
+ igniteuiWebcomponentsCore.NativeUI.r(a, b);
8590
8687
  }
8591
8688
  };
8592
- IconView.prototype.ae = function () {
8593
- this.o.rootWrapper.setStyleProperty("width", igniteuiWebcomponentsCore.isNaN_(this.b.ao) ? "1.5rem" : this.b.ao + "px");
8594
- this.o.rootWrapper.setStyleProperty("height", igniteuiWebcomponentsCore.isNaN_(this.b.ag) ? "1.5rem" : this.b.ag + "px");
8595
- };
8596
- IconView.prototype.ai = function () {
8597
- this.p.setAttribute("viewBox", (igniteuiWebcomponentsCore.isNaN_(this.b.al) ? 0 : this.b.al) + " " + (igniteuiWebcomponentsCore.isNaN_(this.b.am) ? 0 : this.b.am) + " " + (igniteuiWebcomponentsCore.isNaN_(this.b.an) ? 24 : this.b.an) + " " + (igniteuiWebcomponentsCore.isNaN_(this.b.ak) ? 24 : this.b.ak));
8689
+ IconView.prototype.ak = function (a, b) {
8690
+ var c = a;
8691
+ if (this.k.containsKey(b)) {
8692
+ c.setAttribute("stroke", "url('#" + this.k.item(b) + "')");
8693
+ }
8694
+ else {
8695
+ igniteuiWebcomponentsCore.NativeUI.aa(a, b);
8696
+ }
8598
8697
  };
8599
- IconView.prototype.v = function (a) {
8698
+ IconView.prototype.z = function (a) {
8600
8699
  };
8601
- IconView.prototype.ad = function () {
8602
- if (this.g()) {
8700
+ IconView.prototype.ah = function () {
8701
+ if (this.i()) {
8603
8702
  }
8604
8703
  };
8605
- IconView.prototype.w = function (a) {
8606
- this.b.b3();
8704
+ IconView.prototype.aa = function (a) {
8705
+ this.c.b9();
8607
8706
  };
8608
- IconView.prototype.x = function (a) {
8609
- this.b.b4();
8707
+ IconView.prototype.ab = function (a) {
8708
+ this.c.ca();
8610
8709
  };
8611
- IconView.prototype.y = function () {
8612
- this.f = true;
8613
- this.i.add(this.o.rootWrapper.listen("mouseenter", igniteuiWebcomponentsCore.runOn(this, this.w)));
8614
- this.i.add(this.o.rootWrapper.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this, this.x)));
8710
+ IconView.prototype.ac = function () {
8711
+ this.g = true;
8712
+ this.l.add(this.s.rootWrapper.listen("mouseenter", igniteuiWebcomponentsCore.runOn(this, this.aa)));
8713
+ this.l.add(this.s.rootWrapper.listen("mouseleave", igniteuiWebcomponentsCore.runOn(this, this.ab)));
8615
8714
  };
8616
- IconView.prototype.ab = function () {
8715
+ IconView.prototype.af = function () {
8617
8716
  var e_2, _a;
8618
- this.f = false;
8717
+ this.g = false;
8619
8718
  try {
8620
- for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.i)), _c = _b.next(); !_c.done; _c = _b.next()) {
8719
+ for (var _b = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.l)), _c = _b.next(); !_c.done; _c = _b.next()) {
8621
8720
  var a = _c.value;
8622
8721
  a();
8623
8722
  }
@@ -8635,15 +8734,15 @@
8635
8734
  throw e_2.error;
8636
8735
  }
8637
8736
  }
8638
- this.i.clear();
8737
+ this.l.clear();
8639
8738
  };
8640
- IconView.prototype.ah = function (a) {
8739
+ IconView.prototype.aq = function (a) {
8641
8740
  if (a != null) {
8642
- this.o.rootWrapper.setStyleProperty("font", a.fontString);
8741
+ this.s.rootWrapper.setStyleProperty("font", a.fontString);
8643
8742
  }
8644
8743
  };
8645
8744
  IconView.prototype.a = function () {
8646
- var rect_ = this.o.rootWrapper.getNativeElement().getBoundingClientRect();
8745
+ var rect_ = this.s.rootWrapper.getNativeElement().getBoundingClientRect();
8647
8746
  var a = (rect_.top);
8648
8747
  var b = (rect_.left);
8649
8748
  var c = new Array(2);
@@ -8651,8 +8750,8 @@
8651
8750
  c[1] = b;
8652
8751
  return c;
8653
8752
  };
8654
- IconView.prototype.z = function (a) {
8655
- this.b.b1();
8753
+ IconView.prototype.ad = function (a) {
8754
+ this.c.b7();
8656
8755
  };
8657
8756
  IconView.$t = igniteuiWebcomponentsCore.markType(IconView, 'IconView');
8658
8757
  return IconView;
@@ -8665,47 +8764,49 @@
8665
8764
  function XIcon() {
8666
8765
  var _this = _super.call(this) || this;
8667
8766
  _this._view = null;
8668
- _this.h = 0;
8669
- _this.cc = XIcon.cs;
8670
- _this.cd = XIcon.cw;
8671
- _this.ce = XIcon.cx;
8672
- _this.t = XIcon.af;
8673
- _this.cf = XIcon.cs;
8674
- _this.cn = XIcon.cw;
8675
- _this.x = XIcon.af;
8676
- _this.co = XIcon.cx;
8677
- _this.cg = XIcon.ct;
8678
- _this.ch = XIcon.cu;
8679
- _this.v = XIcon.ae;
8680
- _this.ci = null;
8681
- _this.a = null;
8682
- _this.b = null;
8683
- _this.cj = null;
8684
- _this.ck = null;
8685
- _this.cl = null;
8686
- _this.cm = null;
8767
+ _this.j = 0;
8768
+ _this.cj = XIcon.cz;
8769
+ _this.ck = XIcon.c3;
8770
+ _this.cl = XIcon.c4;
8771
+ _this.v = XIcon.ah;
8772
+ _this.cm = XIcon.cz;
8773
+ _this.cu = XIcon.c3;
8774
+ _this.z = XIcon.ah;
8775
+ _this.cv = XIcon.c4;
8776
+ _this.cn = XIcon.c0;
8777
+ _this.co = XIcon.c1;
8778
+ _this.x = XIcon.ag;
8779
+ _this.cp = null;
8780
+ _this.c = null;
8781
+ _this.d = null;
8782
+ _this.cq = null;
8783
+ _this.cr = null;
8784
+ _this.cs = null;
8785
+ _this.ct = null;
8687
8786
  _this.aw = null;
8688
- _this.av = null;
8689
- _this.j = null;
8690
- _this.au = "ig-icon-" + XIcon.ar++;
8691
- _this.ap = 0;
8692
- _this.l = false;
8693
- _this.at = null;
8787
+ _this.az = null;
8788
+ _this.ay = null;
8789
+ _this.a = null;
8790
+ _this.l = null;
8791
+ _this.ax = "ig-icon-" + XIcon.at++;
8792
+ _this.ar = 0;
8694
8793
  _this.n = false;
8695
- _this.m = false;
8696
- _this.w = 1;
8697
- _this.z = NaN;
8698
- _this.aa = NaN;
8794
+ _this.av = null;
8795
+ _this.p = false;
8796
+ _this.o = false;
8797
+ _this.y = 1;
8699
8798
  _this.ab = NaN;
8700
- _this.y = NaN;
8701
8799
  _this.ac = NaN;
8702
- _this.u = NaN;
8800
+ _this.ad = NaN;
8801
+ _this.aa = NaN;
8802
+ _this.ae = NaN;
8803
+ _this.w = NaN;
8703
8804
  _this.clicked = null;
8704
8805
  _this.propertyChanged = null;
8705
8806
  var a = new IconView();
8706
- a.b = _this;
8807
+ a.c = _this;
8707
8808
  _this.view = a;
8708
- _this.view.ac();
8809
+ _this.view.ag();
8709
8810
  return _this;
8710
8811
  }
8711
8812
  Object.defineProperty(XIcon.prototype, "view", {
@@ -8721,13 +8822,13 @@
8721
8822
  XIcon.prototype.destroy = function () {
8722
8823
  this.provideContainer(null);
8723
8824
  };
8724
- XIcon.prototype.b5 = function (a, b, c) {
8825
+ XIcon.prototype.cb = function (a, b, c) {
8725
8826
  if (this.propertyChanged != null) {
8726
8827
  this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
8727
8828
  }
8728
- this.b7(a, b, c);
8829
+ this.ce(a, b, c);
8729
8830
  };
8730
- XIcon.prototype.b7 = function (a, b, c) {
8831
+ XIcon.prototype.ce = function (a, b, c) {
8731
8832
  switch (a) {
8732
8833
  case "Fill":
8733
8834
  case "Stroke":
@@ -8736,209 +8837,319 @@
8736
8837
  case "HoverStroke":
8737
8838
  case "HoverStrokeThickness":
8738
8839
  case "IsHover":
8739
- this.cb();
8840
+ this.ci();
8740
8841
  break;
8842
+ case "FillColors":
8843
+ case "StrokeColors":
8741
8844
  case "ActualFill":
8742
8845
  case "ActualStroke":
8743
8846
  case "ActualStrokeWidth":
8744
- case "SVGPath":
8847
+ this.cg();
8848
+ break;
8745
8849
  case "SVG":
8746
- this.b9();
8850
+ this.az = null;
8851
+ this.a = null;
8852
+ this.cg();
8853
+ break;
8854
+ case "SVGPath":
8855
+ this.ay = null;
8856
+ this.a = null;
8857
+ this.cg();
8858
+ break;
8859
+ case "SVGPaths":
8860
+ this.ay = null;
8861
+ this.az = null;
8862
+ this.cg();
8863
+ break;
8864
+ case "DataURL":
8865
+ this.ay = null;
8866
+ this.az = null;
8867
+ this.a = null;
8868
+ this.cg();
8747
8869
  break;
8748
8870
  case "Opacity":
8749
- this.ca();
8871
+ this.ch();
8750
8872
  break;
8751
8873
  case "ViewBoxLeft":
8752
8874
  case "ViewBoxTop":
8753
8875
  case "ViewBoxWidth":
8754
8876
  case "ViewBoxHeight":
8755
- this.view.ai();
8877
+ this.view.ar();
8756
8878
  break;
8757
8879
  case "Width":
8758
8880
  case "Height":
8759
- this.view.ae();
8881
+ this.view.am();
8760
8882
  break;
8761
8883
  }
8762
8884
  };
8763
- XIcon.prototype.cb = function () {
8764
- var a = this.fill != null ? this.fill : XIcon.cs;
8765
- var b = this.c5 != null ? this.c5 : XIcon.cw;
8766
- var c = !igniteuiWebcomponentsCore.isNaN_(this.aj) ? this.aj : XIcon.af;
8767
- var d = this.c6 != null ? this.c6 : XIcon.cx;
8768
- if (this.r) {
8769
- this.cp = this.cy != null ? this.cy : a;
8770
- this.cq = this.cz != null ? this.cz : b;
8771
- this.ad = !igniteuiWebcomponentsCore.isNaN_(this.ah) ? this.ah : c;
8772
- this.cr = this.c0 != null ? this.c0 : d;
8885
+ XIcon.prototype.ci = function () {
8886
+ var a = this.fill != null ? this.fill : XIcon.cz;
8887
+ var b = this.dc != null ? this.dc : XIcon.c3;
8888
+ var c = !igniteuiWebcomponentsCore.isNaN_(this.al) ? this.al : XIcon.ah;
8889
+ var d = this.dd != null ? this.dd : XIcon.c4;
8890
+ if (this.t) {
8891
+ this.cw = this.c5 != null ? this.c5 : a;
8892
+ this.cx = this.c6 != null ? this.c6 : b;
8893
+ this.af = !igniteuiWebcomponentsCore.isNaN_(this.aj) ? this.aj : c;
8894
+ this.cy = this.c7 != null ? this.c7 : d;
8773
8895
  }
8774
8896
  else {
8775
- this.cp = a;
8776
- this.cq = b;
8777
- this.ad = c;
8778
- this.cr = d;
8897
+ this.cw = a;
8898
+ this.cx = b;
8899
+ this.af = c;
8900
+ this.cy = d;
8779
8901
  }
8780
8902
  };
8781
- Object.defineProperty(XIcon.prototype, "p", {
8903
+ Object.defineProperty(XIcon.prototype, "r", {
8782
8904
  get: function () {
8783
- return this.svgPath != null && !this.view.h;
8905
+ return this.svgPath != null && !this.view.j;
8784
8906
  },
8785
8907
  enumerable: false,
8786
8908
  configurable: true
8787
8909
  });
8788
- XIcon.prototype.ca = function () {
8789
- igniteuiWebcomponentsCore.NativeUI.y(this.view.r, this.ai);
8910
+ XIcon.prototype.ch = function () {
8911
+ igniteuiWebcomponentsCore.NativeUI.y(this.view.w, this.ak);
8790
8912
  };
8791
- XIcon.prototype.b9 = function () {
8792
- var a = this.view.r;
8793
- if (this.p) {
8794
- var b = this.view.s;
8795
- igniteuiWebcomponentsCore.NativeUI.r(b, this.cp);
8796
- igniteuiWebcomponentsCore.NativeUI.aa(b, this.cq);
8797
- igniteuiWebcomponentsCore.NativeUI.ad(b, this.ad);
8913
+ XIcon.prototype.cg = function () {
8914
+ var a = this.view.w;
8915
+ if (this.r) {
8916
+ var b = this.view.x;
8917
+ igniteuiWebcomponentsCore.NativeUI.r(b, this.cw);
8918
+ igniteuiWebcomponentsCore.NativeUI.aa(b, this.cx);
8919
+ igniteuiWebcomponentsCore.NativeUI.ad(b, this.af);
8798
8920
  }
8799
8921
  else {
8800
8922
  var c = false;
8801
8923
  if (this.svgPath != null) {
8802
8924
  if (igniteuiWebcomponentsCore.stringStartsWith(igniteuiWebcomponentsCore.trimStart(this.svgPath, ' ', '\n', '\r', '\t'), "<svg")) {
8803
- this.view.af(this.svgPath);
8925
+ this.view.an(this.svgPath);
8804
8926
  c = true;
8805
8927
  }
8806
8928
  else {
8807
- this.view.ag(this.svgPath);
8929
+ this.view.ao(this.svgPath);
8930
+ }
8931
+ }
8932
+ else if (this.b != null) {
8933
+ this.view.ap(this.b);
8934
+ var d = this.view.b;
8935
+ if (d != null && d.length > 0) {
8936
+ var e = igniteuiWebcomponentsCore.NativeUI.r;
8937
+ var f = igniteuiWebcomponentsCore.NativeUI.aa;
8938
+ this.cd();
8939
+ e = igniteuiWebcomponentsCore.runOn(this.view, this.view.aj);
8940
+ f = igniteuiWebcomponentsCore.runOn(this.view, this.view.ak);
8941
+ for (var g = 0; g < d.length; g++) {
8942
+ if (this.cw != null) {
8943
+ e(d[g], this.cw);
8944
+ }
8945
+ if (this.cx != null) {
8946
+ f(d[g], this.cx);
8947
+ }
8948
+ if (!igniteuiWebcomponentsCore.isNaN_(this.af)) {
8949
+ igniteuiWebcomponentsCore.NativeUI.ad(d[g], this.af);
8950
+ }
8951
+ if (this.cy != null) {
8952
+ igniteuiWebcomponentsCore.NativeUI.q(d[g], this.cy);
8953
+ }
8954
+ if (this.e != null && this.e.count == d.length) {
8955
+ e(d[g], this.e.item(g));
8956
+ }
8957
+ if (this.f != null && this.f.count == d.length) {
8958
+ f(d[g], this.f.item(g));
8959
+ }
8960
+ }
8961
+ }
8962
+ if (this.m != null) {
8963
+ this.view.aq(this.m);
8808
8964
  }
8965
+ return;
8809
8966
  }
8810
8967
  else if (this.svg != null) {
8811
- this.view.af(this.svg);
8968
+ this.view.an(this.svg);
8812
8969
  c = true;
8813
8970
  }
8971
+ else if (this.a7 != null) {
8972
+ this.view.al(this.a7);
8973
+ }
8814
8974
  if (c) {
8815
- for (var d = 0; d < this.view.k.count; d++) {
8816
- var e = this.view.k._inner[d].c;
8817
- igniteuiWebcomponentsCore.NativeUI.r(this.view.k._inner[d].d, e.l.f(this.c1));
8818
- }
8819
- for (var f = 0; f < this.view.l.count; f++) {
8820
- var g = this.view.l._inner[f].c;
8821
- igniteuiWebcomponentsCore.NativeUI.aa(this.view.l._inner[f].d, g.m.f(this.c2));
8822
- }
8823
- for (var h = 0; h < this.view.m.count; h++) {
8824
- var i = this.view.m._inner[h].c;
8825
- igniteuiWebcomponentsCore.NativeUI.r(this.view.m._inner[h].d, i.l.f(this.c3));
8826
- }
8827
- for (var j = 0; j < this.view.n.count; j++) {
8828
- var k = this.view.n._inner[j].c;
8829
- igniteuiWebcomponentsCore.NativeUI.aa(this.view.n._inner[j].d, k.m.f(this.c4));
8830
- }
8831
- for (var l = 0; l < this.view.c.o.count; l++) {
8832
- var m = this.view.c.o._inner[l];
8833
- var n = m.split('-');
8834
- var o = parseInt(n[n.length - 1]);
8835
- if (o < this.c.count) {
8836
- for (var p = 0; p < this.view.c.q._inner[l].count; p++) {
8837
- var q = this.view.c.q._inner[l]._inner[p].c;
8838
- igniteuiWebcomponentsCore.NativeUI.r(this.view.c.q._inner[l]._inner[p].d, q.l.f(this.c.item(o)));
8975
+ for (var h = 0; h < this.view.o.count; h++) {
8976
+ var i = this.view.o._inner[h].c;
8977
+ igniteuiWebcomponentsCore.NativeUI.r(this.view.o._inner[h].d, i.l.f(this.c8));
8978
+ }
8979
+ for (var j = 0; j < this.view.p.count; j++) {
8980
+ var k = this.view.p._inner[j].c;
8981
+ igniteuiWebcomponentsCore.NativeUI.aa(this.view.p._inner[j].d, k.m.f(this.c9));
8982
+ }
8983
+ for (var l = 0; l < this.view.q.count; l++) {
8984
+ var m = this.view.q._inner[l].c;
8985
+ igniteuiWebcomponentsCore.NativeUI.r(this.view.q._inner[l].d, m.l.f(this.da));
8986
+ }
8987
+ for (var n = 0; n < this.view.r.count; n++) {
8988
+ var o = this.view.r._inner[n].c;
8989
+ igniteuiWebcomponentsCore.NativeUI.aa(this.view.r._inner[n].d, o.m.f(this.db));
8990
+ }
8991
+ for (var p = 0; p < this.view.d.o.count; p++) {
8992
+ var q = this.view.d.o._inner[p];
8993
+ var r = q.split('-');
8994
+ var s = parseInt(r[r.length - 1]);
8995
+ if (s < this.e.count) {
8996
+ for (var t = 0; t < this.view.d.q._inner[p].count; t++) {
8997
+ var u = this.view.d.q._inner[p]._inner[t].c;
8998
+ igniteuiWebcomponentsCore.NativeUI.r(this.view.d.q._inner[p]._inner[t].d, u.l.f(this.e.item(s)));
8839
8999
  }
8840
9000
  }
8841
9001
  }
8842
- for (var r = 0; r < this.view.d.o.count; r++) {
8843
- var s = this.view.d.o._inner[r];
8844
- var t = s.split('-');
8845
- var u = parseInt(t[t.length - 1]);
8846
- if (u < this.d.count) {
8847
- for (var v = 0; v < this.view.d.q._inner[r].count; v++) {
8848
- var w = this.view.d.q._inner[r]._inner[v].c;
8849
- igniteuiWebcomponentsCore.NativeUI.aa(this.view.d.q._inner[r]._inner[v].d, w.m.f(this.d.item(u)));
9002
+ for (var v = 0; v < this.view.e.o.count; v++) {
9003
+ var w = this.view.e.o._inner[v];
9004
+ var x = w.split('-');
9005
+ var y = parseInt(x[x.length - 1]);
9006
+ if (y < this.f.count) {
9007
+ for (var z = 0; z < this.view.e.q._inner[v].count; z++) {
9008
+ var aa = this.view.e.q._inner[v]._inner[z].c;
9009
+ igniteuiWebcomponentsCore.NativeUI.aa(this.view.e.q._inner[v]._inner[z].d, aa.m.f(this.f.item(y)));
8850
9010
  }
8851
9011
  }
8852
9012
  }
8853
- for (var x = 0; x < this.view.j.count; x++) {
8854
- var y = this.view.j._inner[x].c;
8855
- igniteuiWebcomponentsCore.NativeUI.r(this.view.j._inner[x].d, y.l.f(this.cp));
8856
- igniteuiWebcomponentsCore.NativeUI.aa(this.view.j._inner[x].d, y.m.f(this.cq));
9013
+ for (var ab = 0; ab < this.view.n.count; ab++) {
9014
+ var ac = this.view.n._inner[ab].c;
9015
+ igniteuiWebcomponentsCore.NativeUI.r(this.view.n._inner[ab].d, ac.l.f(this.cw));
9016
+ igniteuiWebcomponentsCore.NativeUI.aa(this.view.n._inner[ab].d, ac.m.f(this.cx));
8857
9017
  }
8858
9018
  }
8859
- var z = this.view.r;
8860
- if (this.cp != null) {
8861
- igniteuiWebcomponentsCore.NativeUI.r(z, this.cp);
9019
+ var ad = this.view.w;
9020
+ if (this.cw != null) {
9021
+ igniteuiWebcomponentsCore.NativeUI.r(ad, this.cw);
8862
9022
  }
8863
- if (this.cq != null) {
8864
- igniteuiWebcomponentsCore.NativeUI.aa(z, this.cq);
9023
+ if (this.cx != null) {
9024
+ igniteuiWebcomponentsCore.NativeUI.aa(ad, this.cx);
8865
9025
  }
8866
- if (!igniteuiWebcomponentsCore.isNaN_(this.ad)) {
8867
- igniteuiWebcomponentsCore.NativeUI.ad(z, this.ad);
9026
+ if (!igniteuiWebcomponentsCore.isNaN_(this.af)) {
9027
+ igniteuiWebcomponentsCore.NativeUI.ad(ad, this.af);
8868
9028
  }
8869
9029
  }
8870
- if (this.k != null) {
8871
- this.view.ah(this.k);
9030
+ if (this.m != null) {
9031
+ this.view.aq(this.m);
9032
+ }
9033
+ if (this.cy != null) {
9034
+ igniteuiWebcomponentsCore.NativeUI.q(this.view.w, this.cy);
9035
+ }
9036
+ };
9037
+ XIcon.prototype.cd = function () {
9038
+ var e_3, _a, e_4, _b;
9039
+ if (this.cw != null) {
9040
+ this.view.ai(this.cw, "fill");
9041
+ }
9042
+ if (this.cx != null) {
9043
+ this.view.ai(this.cx, "stroke");
8872
9044
  }
8873
- if (this.cr != null) {
8874
- igniteuiWebcomponentsCore.NativeUI.q(this.view.r, this.cr);
9045
+ if (this.e != null) {
9046
+ try {
9047
+ for (var _c = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.e)), _d = _c.next(); !_d.done; _d = _c.next()) {
9048
+ var a = _d.value;
9049
+ this.view.ai(a, "fills");
9050
+ }
9051
+ }
9052
+ catch (e_3_1) {
9053
+ e_3 = { error: e_3_1 };
9054
+ }
9055
+ finally {
9056
+ try {
9057
+ if (_d && !_d.done && (_a = _c.return))
9058
+ _a.call(_c);
9059
+ }
9060
+ finally {
9061
+ if (e_3)
9062
+ throw e_3.error;
9063
+ }
9064
+ }
9065
+ }
9066
+ if (this.f != null) {
9067
+ try {
9068
+ for (var _e = tslib.__values(igniteuiWebcomponentsCore.fromEnum(this.f)), _f = _e.next(); !_f.done; _f = _e.next()) {
9069
+ var b = _f.value;
9070
+ this.view.ai(b, "strokes");
9071
+ }
9072
+ }
9073
+ catch (e_4_1) {
9074
+ e_4 = { error: e_4_1 };
9075
+ }
9076
+ finally {
9077
+ try {
9078
+ if (_f && !_f.done && (_b = _e.return))
9079
+ _b.call(_e);
9080
+ }
9081
+ finally {
9082
+ if (e_4)
9083
+ throw e_4.error;
9084
+ }
9085
+ }
8875
9086
  }
8876
9087
  };
8877
- Object.defineProperty(XIcon.prototype, "i", {
9088
+ Object.defineProperty(XIcon.prototype, "k", {
8878
9089
  get: function () {
8879
- return this.h;
9090
+ return this.j;
8880
9091
  },
8881
9092
  set: function (a) {
8882
- var b = this.h;
8883
- this.h = a;
8884
- if (b != this.h) {
8885
- this.b5("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
9093
+ var b = this.j;
9094
+ this.j = a;
9095
+ if (b != this.j) {
9096
+ this.cb("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
8886
9097
  }
8887
9098
  },
8888
9099
  enumerable: false,
8889
9100
  configurable: true
8890
9101
  });
8891
- Object.defineProperty(XIcon.prototype, "cp", {
9102
+ Object.defineProperty(XIcon.prototype, "cw", {
8892
9103
  get: function () {
8893
- return this.cc;
9104
+ return this.cj;
8894
9105
  },
8895
9106
  set: function (a) {
8896
- var b = this.cc;
8897
- this.cc = a;
8898
- if (b != this.cc) {
8899
- this.b5("ActualFill", b, a);
9107
+ var b = this.cj;
9108
+ this.cj = a;
9109
+ if (b != this.cj) {
9110
+ this.cb("ActualFill", b, a);
8900
9111
  }
8901
9112
  },
8902
9113
  enumerable: false,
8903
9114
  configurable: true
8904
9115
  });
8905
- Object.defineProperty(XIcon.prototype, "cq", {
9116
+ Object.defineProperty(XIcon.prototype, "cx", {
8906
9117
  get: function () {
8907
- return this.cd;
9118
+ return this.ck;
8908
9119
  },
8909
9120
  set: function (a) {
8910
- var b = this.cd;
8911
- this.cd = a;
8912
- if (b != this.cd) {
8913
- this.b5("ActualStroke", b, a);
9121
+ var b = this.ck;
9122
+ this.ck = a;
9123
+ if (b != this.ck) {
9124
+ this.cb("ActualStroke", b, a);
8914
9125
  }
8915
9126
  },
8916
9127
  enumerable: false,
8917
9128
  configurable: true
8918
9129
  });
8919
- Object.defineProperty(XIcon.prototype, "cr", {
9130
+ Object.defineProperty(XIcon.prototype, "cy", {
8920
9131
  get: function () {
8921
- return this.ce;
9132
+ return this.cl;
8922
9133
  },
8923
9134
  set: function (a) {
8924
- var b = this.ce;
8925
- this.ce = a;
8926
- if (b != this.ce) {
8927
- this.b5("ActualTextColor", b, a);
9135
+ var b = this.cl;
9136
+ this.cl = a;
9137
+ if (b != this.cl) {
9138
+ this.cb("ActualTextColor", b, a);
8928
9139
  }
8929
9140
  },
8930
9141
  enumerable: false,
8931
9142
  configurable: true
8932
9143
  });
8933
- Object.defineProperty(XIcon.prototype, "ad", {
9144
+ Object.defineProperty(XIcon.prototype, "af", {
8934
9145
  get: function () {
8935
- return this.t;
9146
+ return this.v;
8936
9147
  },
8937
9148
  set: function (a) {
8938
- var b = this.t;
8939
- this.t = a;
8940
- if (b != this.t) {
8941
- this.b5("ActualStrokeWidth", b, a);
9149
+ var b = this.v;
9150
+ this.v = a;
9151
+ if (b != this.v) {
9152
+ this.cb("ActualStrokeWidth", b, a);
8942
9153
  }
8943
9154
  },
8944
9155
  enumerable: false,
@@ -8946,201 +9157,201 @@
8946
9157
  });
8947
9158
  Object.defineProperty(XIcon.prototype, "fill", {
8948
9159
  get: function () {
8949
- return this.cf;
9160
+ return this.cm;
8950
9161
  },
8951
9162
  set: function (a) {
8952
- var b = this.cf;
8953
- this.cf = a;
8954
- if (b != this.cf) {
8955
- this.b5("Fill", b, a);
9163
+ var b = this.cm;
9164
+ this.cm = a;
9165
+ if (b != this.cm) {
9166
+ this.cb("Fill", b, a);
8956
9167
  }
8957
9168
  },
8958
9169
  enumerable: false,
8959
9170
  configurable: true
8960
9171
  });
8961
- Object.defineProperty(XIcon.prototype, "c5", {
9172
+ Object.defineProperty(XIcon.prototype, "dc", {
8962
9173
  get: function () {
8963
- return this.cn;
9174
+ return this.cu;
8964
9175
  },
8965
9176
  set: function (a) {
8966
- var b = this.cn;
8967
- this.cn = a;
8968
- if (b != this.cn) {
8969
- this.b5("Stroke", b, a);
9177
+ var b = this.cu;
9178
+ this.cu = a;
9179
+ if (b != this.cu) {
9180
+ this.cb("Stroke", b, a);
8970
9181
  }
8971
9182
  },
8972
9183
  enumerable: false,
8973
9184
  configurable: true
8974
9185
  });
8975
- Object.defineProperty(XIcon.prototype, "aj", {
9186
+ Object.defineProperty(XIcon.prototype, "al", {
8976
9187
  get: function () {
8977
- return this.x;
9188
+ return this.z;
8978
9189
  },
8979
9190
  set: function (a) {
8980
- var b = this.x;
8981
- this.x = a;
8982
- if (b != this.x) {
8983
- this.b5("StrokeWidth", b, a);
9191
+ var b = this.z;
9192
+ this.z = a;
9193
+ if (b != this.z) {
9194
+ this.cb("StrokeWidth", b, a);
8984
9195
  }
8985
9196
  },
8986
9197
  enumerable: false,
8987
9198
  configurable: true
8988
9199
  });
8989
- Object.defineProperty(XIcon.prototype, "c6", {
9200
+ Object.defineProperty(XIcon.prototype, "dd", {
8990
9201
  get: function () {
8991
- return this.co;
9202
+ return this.cv;
8992
9203
  },
8993
9204
  set: function (a) {
8994
- var b = this.co;
8995
- this.co = a;
8996
- if (b != this.co) {
8997
- this.b5("TextColor", b, a);
9205
+ var b = this.cv;
9206
+ this.cv = a;
9207
+ if (b != this.cv) {
9208
+ this.cb("TextColor", b, a);
8998
9209
  }
8999
9210
  },
9000
9211
  enumerable: false,
9001
9212
  configurable: true
9002
9213
  });
9003
- Object.defineProperty(XIcon.prototype, "cy", {
9214
+ Object.defineProperty(XIcon.prototype, "c5", {
9004
9215
  get: function () {
9005
- return this.cg;
9216
+ return this.cn;
9006
9217
  },
9007
9218
  set: function (a) {
9008
- var b = this.cg;
9009
- this.cg = a;
9010
- if (b != this.cg) {
9011
- this.b5("HoverFill", b, a);
9219
+ var b = this.cn;
9220
+ this.cn = a;
9221
+ if (b != this.cn) {
9222
+ this.cb("HoverFill", b, a);
9012
9223
  }
9013
9224
  },
9014
9225
  enumerable: false,
9015
9226
  configurable: true
9016
9227
  });
9017
- Object.defineProperty(XIcon.prototype, "cz", {
9228
+ Object.defineProperty(XIcon.prototype, "c6", {
9018
9229
  get: function () {
9019
- return this.ch;
9230
+ return this.co;
9020
9231
  },
9021
9232
  set: function (a) {
9022
- var b = this.ch;
9023
- this.ch = a;
9024
- if (b != this.ch) {
9025
- this.b5("HoverStroke", b, a);
9233
+ var b = this.co;
9234
+ this.co = a;
9235
+ if (b != this.co) {
9236
+ this.cb("HoverStroke", b, a);
9026
9237
  }
9027
9238
  },
9028
9239
  enumerable: false,
9029
9240
  configurable: true
9030
9241
  });
9031
- Object.defineProperty(XIcon.prototype, "ah", {
9242
+ Object.defineProperty(XIcon.prototype, "aj", {
9032
9243
  get: function () {
9033
- return this.v;
9244
+ return this.x;
9034
9245
  },
9035
9246
  set: function (a) {
9036
- var b = this.v;
9037
- this.v = a;
9038
- if (b != this.v) {
9039
- this.b5("HoverStrokeThickness", b, a);
9247
+ var b = this.x;
9248
+ this.x = a;
9249
+ if (b != this.x) {
9250
+ this.cb("HoverStrokeThickness", b, a);
9040
9251
  }
9041
9252
  },
9042
9253
  enumerable: false,
9043
9254
  configurable: true
9044
9255
  });
9045
- Object.defineProperty(XIcon.prototype, "c0", {
9256
+ Object.defineProperty(XIcon.prototype, "c7", {
9046
9257
  get: function () {
9047
- return this.ci;
9258
+ return this.cp;
9048
9259
  },
9049
9260
  set: function (a) {
9050
- var b = this.ci;
9051
- this.ci = a;
9052
- if (b != this.ci) {
9053
- this.b5("HoverTextColor", b, a);
9261
+ var b = this.cp;
9262
+ this.cp = a;
9263
+ if (b != this.cp) {
9264
+ this.cb("HoverTextColor", b, a);
9054
9265
  }
9055
9266
  },
9056
9267
  enumerable: false,
9057
9268
  configurable: true
9058
9269
  });
9059
- Object.defineProperty(XIcon.prototype, "c", {
9270
+ Object.defineProperty(XIcon.prototype, "e", {
9060
9271
  get: function () {
9061
- return this.a;
9272
+ return this.c;
9062
9273
  },
9063
9274
  set: function (a) {
9064
- var b = this.a;
9065
- this.a = a;
9066
- if (b != this.a) {
9067
- this.b5("FillColors", b, this.a);
9275
+ var b = this.c;
9276
+ this.c = a;
9277
+ if (b != this.c) {
9278
+ this.cb("FillColors", b, this.c);
9068
9279
  }
9069
9280
  },
9070
9281
  enumerable: false,
9071
9282
  configurable: true
9072
9283
  });
9073
- Object.defineProperty(XIcon.prototype, "d", {
9284
+ Object.defineProperty(XIcon.prototype, "f", {
9074
9285
  get: function () {
9075
- return this.b;
9286
+ return this.d;
9076
9287
  },
9077
9288
  set: function (a) {
9078
- var b = this.b;
9079
- this.b = a;
9080
- if (b != this.b) {
9081
- this.b5("StrokeColors", b, this.b);
9289
+ var b = this.d;
9290
+ this.d = a;
9291
+ if (b != this.d) {
9292
+ this.cb("StrokeColors", b, this.d);
9082
9293
  }
9083
9294
  },
9084
9295
  enumerable: false,
9085
9296
  configurable: true
9086
9297
  });
9087
- Object.defineProperty(XIcon.prototype, "c1", {
9298
+ Object.defineProperty(XIcon.prototype, "c8", {
9088
9299
  get: function () {
9089
- return this.cj;
9300
+ return this.cq;
9090
9301
  },
9091
9302
  set: function (a) {
9092
- var b = this.cj;
9093
- this.cj = a;
9094
- if (b != this.cj) {
9095
- this.b5("PrimaryFillColor", b, this.cj);
9303
+ var b = this.cq;
9304
+ this.cq = a;
9305
+ if (b != this.cq) {
9306
+ this.cb("PrimaryFillColor", b, this.cq);
9096
9307
  }
9097
9308
  },
9098
9309
  enumerable: false,
9099
9310
  configurable: true
9100
9311
  });
9101
- Object.defineProperty(XIcon.prototype, "c2", {
9312
+ Object.defineProperty(XIcon.prototype, "c9", {
9102
9313
  get: function () {
9103
- return this.ck;
9314
+ return this.cr;
9104
9315
  },
9105
9316
  set: function (a) {
9106
- var b = this.ck;
9107
- this.ck = a;
9108
- if (b != this.ck) {
9109
- this.b5("PrimaryStrokeColor", b, this.ck);
9317
+ var b = this.cr;
9318
+ this.cr = a;
9319
+ if (b != this.cr) {
9320
+ this.cb("PrimaryStrokeColor", b, this.cr);
9110
9321
  }
9111
9322
  },
9112
9323
  enumerable: false,
9113
9324
  configurable: true
9114
9325
  });
9115
- Object.defineProperty(XIcon.prototype, "c3", {
9326
+ Object.defineProperty(XIcon.prototype, "da", {
9116
9327
  get: function () {
9117
- return this.cl;
9328
+ return this.cs;
9118
9329
  },
9119
9330
  set: function (a) {
9120
- var b = this.cl;
9121
- this.cl = a;
9122
- if (b != this.cl) {
9123
- this.b5("SecondaryFillColor", b, this.cl);
9331
+ var b = this.cs;
9332
+ this.cs = a;
9333
+ if (b != this.cs) {
9334
+ this.cb("SecondaryFillColor", b, this.cs);
9124
9335
  }
9125
9336
  },
9126
9337
  enumerable: false,
9127
9338
  configurable: true
9128
9339
  });
9129
- Object.defineProperty(XIcon.prototype, "c4", {
9340
+ Object.defineProperty(XIcon.prototype, "db", {
9130
9341
  get: function () {
9131
- return this.cm;
9342
+ return this.ct;
9132
9343
  },
9133
9344
  set: function (a) {
9134
- var b = this.cm;
9135
- this.cm = a;
9136
- if (b != this.cm) {
9137
- this.b5("SecondaryStrokeColor", b, this.cm);
9345
+ var b = this.ct;
9346
+ this.ct = a;
9347
+ if (b != this.ct) {
9348
+ this.cb("SecondaryStrokeColor", b, this.ct);
9138
9349
  }
9139
9350
  },
9140
9351
  enumerable: false,
9141
9352
  configurable: true
9142
9353
  });
9143
- Object.defineProperty(XIcon.prototype, "svgPath", {
9354
+ Object.defineProperty(XIcon.prototype, "a7", {
9144
9355
  get: function () {
9145
9356
  return this.aw;
9146
9357
  },
@@ -9148,7 +9359,21 @@
9148
9359
  var b = this.aw;
9149
9360
  this.aw = a;
9150
9361
  if (b != this.aw) {
9151
- this.b5("SVGPath", b, a);
9362
+ this.cb("DataURL", b, a);
9363
+ }
9364
+ },
9365
+ enumerable: false,
9366
+ configurable: true
9367
+ });
9368
+ Object.defineProperty(XIcon.prototype, "svgPath", {
9369
+ get: function () {
9370
+ return this.az;
9371
+ },
9372
+ set: function (a) {
9373
+ var b = this.az;
9374
+ this.az = a;
9375
+ if (b != this.az) {
9376
+ this.cb("SVGPath", b, a);
9152
9377
  }
9153
9378
  },
9154
9379
  enumerable: false,
@@ -9156,97 +9381,111 @@
9156
9381
  });
9157
9382
  Object.defineProperty(XIcon.prototype, "svg", {
9158
9383
  get: function () {
9159
- return this.av;
9384
+ return this.ay;
9160
9385
  },
9161
9386
  set: function (a) {
9162
- var b = this.av;
9163
- this.av = a;
9164
- if (b != this.av) {
9165
- this.b5("SVG", b, this.av);
9387
+ var b = this.ay;
9388
+ this.ay = a;
9389
+ if (b != this.ay) {
9390
+ this.cb("SVG", b, this.ay);
9391
+ }
9392
+ },
9393
+ enumerable: false,
9394
+ configurable: true
9395
+ });
9396
+ Object.defineProperty(XIcon.prototype, "b", {
9397
+ get: function () {
9398
+ return this.a;
9399
+ },
9400
+ set: function (a) {
9401
+ var b = this.a;
9402
+ this.a = a;
9403
+ if (b != this.a) {
9404
+ this.cb("SVGPaths", b, this.a);
9166
9405
  }
9167
9406
  },
9168
9407
  enumerable: false,
9169
9408
  configurable: true
9170
9409
  });
9171
- XIcon.prototype.b3 = function () {
9172
- this.r = true;
9410
+ XIcon.prototype.b9 = function () {
9411
+ this.t = true;
9173
9412
  };
9174
- XIcon.prototype.b4 = function () {
9175
- this.r = false;
9413
+ XIcon.prototype.ca = function () {
9414
+ this.t = false;
9176
9415
  };
9177
- Object.defineProperty(XIcon.prototype, "k", {
9416
+ Object.defineProperty(XIcon.prototype, "m", {
9178
9417
  get: function () {
9179
- return this.j;
9418
+ return this.l;
9180
9419
  },
9181
9420
  set: function (a) {
9182
- var b = this.j;
9183
- this.j = a;
9184
- if (b != this.j) {
9185
- this.b5("TextStyle", b, a);
9421
+ var b = this.l;
9422
+ this.l = a;
9423
+ if (b != this.l) {
9424
+ this.cb("TextStyle", b, a);
9186
9425
  }
9187
9426
  },
9188
9427
  enumerable: false,
9189
9428
  configurable: true
9190
9429
  });
9191
- Object.defineProperty(XIcon.prototype, "bc", {
9430
+ Object.defineProperty(XIcon.prototype, "bh", {
9192
9431
  get: function () {
9193
- return this.au;
9432
+ return this.ax;
9194
9433
  },
9195
9434
  set: function (a) {
9196
- var b = this.au;
9197
- this.au = a;
9198
- if (b != this.au) {
9199
- this.b5("Id", b, a);
9435
+ var b = this.ax;
9436
+ this.ax = a;
9437
+ if (b != this.ax) {
9438
+ this.cb("Id", b, a);
9200
9439
  }
9201
9440
  },
9202
9441
  enumerable: false,
9203
9442
  configurable: true
9204
9443
  });
9205
- Object.defineProperty(XIcon.prototype, "o", {
9444
+ Object.defineProperty(XIcon.prototype, "q", {
9206
9445
  get: function () {
9207
- return this.l;
9446
+ return this.n;
9208
9447
  },
9209
9448
  enumerable: false,
9210
9449
  configurable: true
9211
9450
  });
9212
- Object.defineProperty(XIcon.prototype, "aq", {
9451
+ Object.defineProperty(XIcon.prototype, "as", {
9213
9452
  get: function () {
9214
- return this.ap;
9453
+ return this.ar;
9215
9454
  },
9216
9455
  set: function (a) {
9217
- var b = this.ap;
9218
- this.ap = a;
9219
- this.l = true;
9220
- if (b != this.ap) {
9221
- this.b5("TabIndex", b, a);
9456
+ var b = this.ar;
9457
+ this.ar = a;
9458
+ this.n = true;
9459
+ if (b != this.ar) {
9460
+ this.cb("TabIndex", b, a);
9222
9461
  }
9223
9462
  },
9224
9463
  enumerable: false,
9225
9464
  configurable: true
9226
9465
  });
9227
- Object.defineProperty(XIcon.prototype, "a1", {
9466
+ Object.defineProperty(XIcon.prototype, "a4", {
9228
9467
  get: function () {
9229
- return this.at;
9468
+ return this.av;
9230
9469
  },
9231
9470
  set: function (a) {
9232
- var b = this.at;
9233
- this.at = a;
9234
- if (b != this.at) {
9235
- this.b5("AriaLabel", b, a);
9471
+ var b = this.av;
9472
+ this.av = a;
9473
+ if (b != this.av) {
9474
+ this.cb("AriaLabel", b, a);
9236
9475
  }
9237
9476
  },
9238
9477
  enumerable: false,
9239
9478
  configurable: true
9240
9479
  });
9241
- Object.defineProperty(XIcon.prototype, "r", {
9480
+ Object.defineProperty(XIcon.prototype, "t", {
9242
9481
  get: function () {
9243
- return this.n;
9482
+ return this.p;
9244
9483
  },
9245
9484
  set: function (a) {
9246
- var b = this.n;
9247
- this.n = a;
9248
- if (b != this.n) {
9249
- this.b5("IsHover", b, a);
9485
+ var b = this.p;
9486
+ this.p = a;
9487
+ if (b != this.p) {
9488
+ this.cb("IsHover", b, a);
9250
9489
  }
9251
9490
  },
9252
9491
  enumerable: false,
@@ -9254,125 +9493,125 @@
9254
9493
  });
9255
9494
  Object.defineProperty(XIcon.prototype, "disabled", {
9256
9495
  get: function () {
9257
- return this.m;
9496
+ return this.o;
9258
9497
  },
9259
9498
  set: function (a) {
9260
- var b = this.m;
9261
- this.m = a;
9262
- if (b != this.m) {
9263
- this.b5("IsDisabled", b, a);
9499
+ var b = this.o;
9500
+ this.o = a;
9501
+ if (b != this.o) {
9502
+ this.cb("IsDisabled", b, a);
9264
9503
  }
9265
9504
  },
9266
9505
  enumerable: false,
9267
9506
  configurable: true
9268
9507
  });
9269
- Object.defineProperty(XIcon.prototype, "ai", {
9508
+ Object.defineProperty(XIcon.prototype, "ak", {
9270
9509
  get: function () {
9271
- return this.w;
9510
+ return this.y;
9272
9511
  },
9273
9512
  set: function (a) {
9274
- var b = this.w;
9275
- this.w = a;
9276
- if (b != this.w) {
9277
- this.b5("Opacity", b, this.w);
9513
+ var b = this.y;
9514
+ this.y = a;
9515
+ if (b != this.y) {
9516
+ this.cb("Opacity", b, this.y);
9278
9517
  }
9279
9518
  },
9280
9519
  enumerable: false,
9281
9520
  configurable: true
9282
9521
  });
9283
- Object.defineProperty(XIcon.prototype, "al", {
9522
+ Object.defineProperty(XIcon.prototype, "an", {
9284
9523
  get: function () {
9285
- return this.z;
9524
+ return this.ab;
9286
9525
  },
9287
9526
  set: function (a) {
9288
- var b = this.z;
9289
- this.z = a;
9290
- if (b != this.z) {
9291
- this.b5("ViewBoxLeft", b, this.z);
9527
+ var b = this.ab;
9528
+ this.ab = a;
9529
+ if (b != this.ab) {
9530
+ this.cb("ViewBoxLeft", b, this.ab);
9292
9531
  }
9293
9532
  },
9294
9533
  enumerable: false,
9295
9534
  configurable: true
9296
9535
  });
9297
- Object.defineProperty(XIcon.prototype, "am", {
9536
+ Object.defineProperty(XIcon.prototype, "ao", {
9298
9537
  get: function () {
9299
- return this.aa;
9538
+ return this.ac;
9300
9539
  },
9301
9540
  set: function (a) {
9302
- var b = this.aa;
9303
- this.aa = a;
9304
- if (b != this.aa) {
9305
- this.b5("ViewBoxTop", b, this.aa);
9541
+ var b = this.ac;
9542
+ this.ac = a;
9543
+ if (b != this.ac) {
9544
+ this.cb("ViewBoxTop", b, this.ac);
9306
9545
  }
9307
9546
  },
9308
9547
  enumerable: false,
9309
9548
  configurable: true
9310
9549
  });
9311
- Object.defineProperty(XIcon.prototype, "an", {
9550
+ Object.defineProperty(XIcon.prototype, "ap", {
9312
9551
  get: function () {
9313
- return this.ab;
9552
+ return this.ad;
9314
9553
  },
9315
9554
  set: function (a) {
9316
- var b = this.ab;
9317
- this.ab = a;
9318
- if (b != this.ab) {
9319
- this.b5("ViewBoxWidth", b, this.ab);
9555
+ var b = this.ad;
9556
+ this.ad = a;
9557
+ if (b != this.ad) {
9558
+ this.cb("ViewBoxWidth", b, this.ad);
9320
9559
  }
9321
9560
  },
9322
9561
  enumerable: false,
9323
9562
  configurable: true
9324
9563
  });
9325
- Object.defineProperty(XIcon.prototype, "ak", {
9564
+ Object.defineProperty(XIcon.prototype, "am", {
9326
9565
  get: function () {
9327
- return this.y;
9566
+ return this.aa;
9328
9567
  },
9329
9568
  set: function (a) {
9330
- var b = this.y;
9331
- this.y = a;
9332
- if (b != this.y) {
9333
- this.b5("ViewBoxHeight", b, this.y);
9569
+ var b = this.aa;
9570
+ this.aa = a;
9571
+ if (b != this.aa) {
9572
+ this.cb("ViewBoxHeight", b, this.aa);
9334
9573
  }
9335
9574
  },
9336
9575
  enumerable: false,
9337
9576
  configurable: true
9338
9577
  });
9339
- Object.defineProperty(XIcon.prototype, "ao", {
9578
+ Object.defineProperty(XIcon.prototype, "aq", {
9340
9579
  get: function () {
9341
- return this.ac;
9580
+ return this.ae;
9342
9581
  },
9343
9582
  set: function (a) {
9344
- var b = this.ac;
9345
- this.ac = a;
9346
- if (b != this.ac) {
9347
- this.b5("Width", b, this.ac);
9583
+ var b = this.ae;
9584
+ this.ae = a;
9585
+ if (b != this.ae) {
9586
+ this.cb("Width", b, this.ae);
9348
9587
  }
9349
9588
  },
9350
9589
  enumerable: false,
9351
9590
  configurable: true
9352
9591
  });
9353
- Object.defineProperty(XIcon.prototype, "ag", {
9592
+ Object.defineProperty(XIcon.prototype, "ai", {
9354
9593
  get: function () {
9355
- return this.u;
9594
+ return this.w;
9356
9595
  },
9357
9596
  set: function (a) {
9358
- var b = this.u;
9359
- this.u = a;
9360
- if (b != this.u) {
9361
- this.b5("Height", b, this.u);
9597
+ var b = this.w;
9598
+ this.w = a;
9599
+ if (b != this.w) {
9600
+ this.cb("Height", b, this.w);
9362
9601
  }
9363
9602
  },
9364
9603
  enumerable: false,
9365
9604
  configurable: true
9366
9605
  });
9367
- XIcon.prototype.b6 = function () {
9606
+ XIcon.prototype.cc = function () {
9368
9607
  };
9369
9608
  XIcon.prototype.onDetachedFromUI = function () {
9370
- this.view.ab();
9609
+ this.view.af();
9371
9610
  };
9372
9611
  XIcon.prototype.onAttachedToUI = function () {
9373
- this.view.y();
9612
+ this.view.ac();
9374
9613
  };
9375
- XIcon.prototype.b1 = function () {
9614
+ XIcon.prototype.b7 = function () {
9376
9615
  if (this.disabled) {
9377
9616
  return;
9378
9617
  }
@@ -9380,72 +9619,73 @@
9380
9619
  this.clicked(this, new IconClickedEventArgs());
9381
9620
  }
9382
9621
  };
9383
- XIcon.prototype.s = function () {
9384
- return this.view.g();
9622
+ XIcon.prototype.u = function () {
9623
+ return this.view.i();
9385
9624
  };
9386
- XIcon.prototype.as = function () {
9387
- return this.e();
9625
+ XIcon.prototype.au = function () {
9626
+ return this.g();
9388
9627
  };
9389
- XIcon.prototype.a4 = function () {
9390
- var a = this.e();
9391
- return a.j();
9628
+ XIcon.prototype.a9 = function () {
9629
+ var a = this.g();
9630
+ return a.k();
9392
9631
  };
9393
- XIcon.prototype.e = function () {
9632
+ XIcon.prototype.g = function () {
9394
9633
  var a = new IconVisualModelExport();
9395
- var b = this.view.r;
9634
+ var b = this.view.w;
9396
9635
  a.a = igniteuiWebcomponentsCore.AppearanceHelper.a(igniteuiWebcomponentsCore.NativeUI.al(b));
9397
9636
  a.c = igniteuiWebcomponentsCore.AppearanceHelper.a(igniteuiWebcomponentsCore.NativeUI.al(b));
9398
9637
  a.b = igniteuiWebcomponentsCore.AppearanceHelper.a(igniteuiWebcomponentsCore.NativeUI.am(b));
9399
- a.d = this.ad;
9638
+ a.d = this.af;
9400
9639
  var c = this.view.a();
9401
9640
  a.h = c[0];
9402
9641
  a.f = c[1];
9403
9642
  a.e = igniteuiWebcomponentsCore.NativeUI.d(b);
9404
9643
  a.i = igniteuiWebcomponentsCore.NativeUI.k(b);
9405
9644
  a.svgPath = this.svgPath;
9406
- if (this.k != null) {
9407
- var d = this.k;
9408
- if (this.view != null && d.p == null) {
9409
- var e = this.view.o;
9645
+ a.j = this.a7;
9646
+ if (this.m != null) {
9647
+ var d = this.m;
9648
+ if (this.view != null && d.q == null) {
9649
+ var e = this.view.s;
9410
9650
  var f = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(e, d.fontString);
9411
- d.p = f.p;
9412
- d.e = f.e;
9413
9651
  d.q = f.q;
9414
- d.s = f.s;
9652
+ d.f = f.f;
9653
+ d.r = f.r;
9415
9654
  d.t = f.t;
9416
9655
  d.u = f.u;
9656
+ d.v = f.v;
9417
9657
  }
9418
- if (d.p != null) {
9419
- a.l = d.p;
9658
+ if (d.q != null) {
9659
+ a.m = d.q;
9420
9660
  }
9421
- if (!igniteuiWebcomponentsCore.isNaN_(d.e)) {
9422
- a.g = d.e;
9661
+ if (!igniteuiWebcomponentsCore.isNaN_(d.f)) {
9662
+ a.g = d.f;
9423
9663
  }
9424
- if (d.u != null) {
9425
- a.p = d.u;
9664
+ if (d.v != null) {
9665
+ a.q = d.v;
9426
9666
  }
9427
- if (d.s != null) {
9428
- a.n = d.s;
9667
+ if (d.t != null) {
9668
+ a.o = d.t;
9429
9669
  }
9430
- if (d.q != null) {
9431
- a.m = d.s;
9670
+ if (d.r != null) {
9671
+ a.n = d.t;
9432
9672
  }
9433
9673
  }
9434
9674
  return a;
9435
9675
  };
9436
9676
  XIcon.prototype.provideContainer = function (a) {
9437
- this.view.aa(a);
9677
+ this.view.ae(a);
9438
9678
  };
9439
9679
  XIcon.$t = igniteuiWebcomponentsCore.markType(XIcon, 'XIcon', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, igniteuiWebcomponentsCore.IIcon_$type]);
9440
- XIcon.cs = null;
9441
- XIcon.cx = null;
9442
- XIcon.cw = null;
9443
- XIcon.ct = null;
9444
- XIcon.cu = null;
9445
- XIcon.cv = null;
9446
- XIcon.af = NaN;
9447
- XIcon.ae = NaN;
9448
- XIcon.ar = 0;
9680
+ XIcon.cz = null;
9681
+ XIcon.c4 = null;
9682
+ XIcon.c3 = null;
9683
+ XIcon.c0 = null;
9684
+ XIcon.c1 = null;
9685
+ XIcon.c2 = null;
9686
+ XIcon.ah = NaN;
9687
+ XIcon.ag = NaN;
9688
+ XIcon.at = 0;
9449
9689
  return XIcon;
9450
9690
  }(igniteuiWebcomponentsCore.Base));
9451
9691
 
@@ -9663,11 +9903,11 @@
9663
9903
  * Gets or sets the base built in theme to use for the button.
9664
9904
  */
9665
9905
  get: function () {
9666
- return this.i.i;
9906
+ return this.i.k;
9667
9907
  },
9668
9908
  set: function (v) {
9669
- this.i.i = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.BaseControlTheme_$type, v);
9670
- this._a("baseTheme", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.i.i));
9909
+ this.i.k = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.BaseControlTheme_$type, v);
9910
+ this._a("baseTheme", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.i.k));
9671
9911
  },
9672
9912
  enumerable: false,
9673
9913
  configurable: true
@@ -9677,11 +9917,11 @@
9677
9917
  * Gets the fill color currently used by the icon.
9678
9918
  */
9679
9919
  get: function () {
9680
- return igniteuiWebcomponentsCore.brushToString(this.i.cp);
9920
+ return igniteuiWebcomponentsCore.brushToString(this.i.cw);
9681
9921
  },
9682
9922
  set: function (v) {
9683
- this.i.cp = igniteuiWebcomponentsCore.stringToBrush(v);
9684
- this._a("actualFill", igniteuiWebcomponentsCore.brushToString(this.i.cp));
9923
+ this.i.cw = igniteuiWebcomponentsCore.stringToBrush(v);
9924
+ this._a("actualFill", igniteuiWebcomponentsCore.brushToString(this.i.cw));
9685
9925
  },
9686
9926
  enumerable: false,
9687
9927
  configurable: true
@@ -9691,11 +9931,11 @@
9691
9931
  * Gets the stroke color currently used by the icon.
9692
9932
  */
9693
9933
  get: function () {
9694
- return igniteuiWebcomponentsCore.brushToString(this.i.cq);
9934
+ return igniteuiWebcomponentsCore.brushToString(this.i.cx);
9695
9935
  },
9696
9936
  set: function (v) {
9697
- this.i.cq = igniteuiWebcomponentsCore.stringToBrush(v);
9698
- this._a("actualStroke", igniteuiWebcomponentsCore.brushToString(this.i.cq));
9937
+ this.i.cx = igniteuiWebcomponentsCore.stringToBrush(v);
9938
+ this._a("actualStroke", igniteuiWebcomponentsCore.brushToString(this.i.cx));
9699
9939
  },
9700
9940
  enumerable: false,
9701
9941
  configurable: true
@@ -9705,11 +9945,11 @@
9705
9945
  * Gets the text color currently used by the icon.
9706
9946
  */
9707
9947
  get: function () {
9708
- return igniteuiWebcomponentsCore.brushToString(this.i.cr);
9948
+ return igniteuiWebcomponentsCore.brushToString(this.i.cy);
9709
9949
  },
9710
9950
  set: function (v) {
9711
- this.i.cr = igniteuiWebcomponentsCore.stringToBrush(v);
9712
- this._a("actualTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cr));
9951
+ this.i.cy = igniteuiWebcomponentsCore.stringToBrush(v);
9952
+ this._a("actualTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cy));
9713
9953
  },
9714
9954
  enumerable: false,
9715
9955
  configurable: true
@@ -9719,11 +9959,11 @@
9719
9959
  * Gets the stroke width currently used by the icon.
9720
9960
  */
9721
9961
  get: function () {
9722
- return this.i.ad;
9962
+ return this.i.af;
9723
9963
  },
9724
9964
  set: function (v) {
9725
- this.i.ad = +v;
9726
- this._a("actualStrokeWidth", this.i.ad);
9965
+ this.i.af = +v;
9966
+ this._a("actualStrokeWidth", this.i.af);
9727
9967
  },
9728
9968
  enumerable: false,
9729
9969
  configurable: true
@@ -9747,11 +9987,11 @@
9747
9987
  * Gets or sets the stroke color to use for the icon.
9748
9988
  */
9749
9989
  get: function () {
9750
- return igniteuiWebcomponentsCore.brushToString(this.i.c5);
9990
+ return igniteuiWebcomponentsCore.brushToString(this.i.dc);
9751
9991
  },
9752
9992
  set: function (v) {
9753
- this.i.c5 = igniteuiWebcomponentsCore.stringToBrush(v);
9754
- this._a("stroke", igniteuiWebcomponentsCore.brushToString(this.i.c5));
9993
+ this.i.dc = igniteuiWebcomponentsCore.stringToBrush(v);
9994
+ this._a("stroke", igniteuiWebcomponentsCore.brushToString(this.i.dc));
9755
9995
  },
9756
9996
  enumerable: false,
9757
9997
  configurable: true
@@ -9761,11 +10001,11 @@
9761
10001
  * Gets or sets the stroke thickness to use for the icon.
9762
10002
  */
9763
10003
  get: function () {
9764
- return this.i.aj;
10004
+ return this.i.al;
9765
10005
  },
9766
10006
  set: function (v) {
9767
- this.i.aj = +v;
9768
- this._a("strokeWidth", this.i.aj);
10007
+ this.i.al = +v;
10008
+ this._a("strokeWidth", this.i.al);
9769
10009
  },
9770
10010
  enumerable: false,
9771
10011
  configurable: true
@@ -9775,11 +10015,11 @@
9775
10015
  * Gets or sets the text color to use for the icon.
9776
10016
  */
9777
10017
  get: function () {
9778
- return igniteuiWebcomponentsCore.brushToString(this.i.c6);
10018
+ return igniteuiWebcomponentsCore.brushToString(this.i.dd);
9779
10019
  },
9780
10020
  set: function (v) {
9781
- this.i.c6 = igniteuiWebcomponentsCore.stringToBrush(v);
9782
- this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.c6));
10021
+ this.i.dd = igniteuiWebcomponentsCore.stringToBrush(v);
10022
+ this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.dd));
9783
10023
  },
9784
10024
  enumerable: false,
9785
10025
  configurable: true
@@ -9789,11 +10029,11 @@
9789
10029
  * Gets or sets the fill color to use when the icon is hovered.
9790
10030
  */
9791
10031
  get: function () {
9792
- return igniteuiWebcomponentsCore.brushToString(this.i.cy);
10032
+ return igniteuiWebcomponentsCore.brushToString(this.i.c5);
9793
10033
  },
9794
10034
  set: function (v) {
9795
- this.i.cy = igniteuiWebcomponentsCore.stringToBrush(v);
9796
- this._a("hoverFill", igniteuiWebcomponentsCore.brushToString(this.i.cy));
10035
+ this.i.c5 = igniteuiWebcomponentsCore.stringToBrush(v);
10036
+ this._a("hoverFill", igniteuiWebcomponentsCore.brushToString(this.i.c5));
9797
10037
  },
9798
10038
  enumerable: false,
9799
10039
  configurable: true
@@ -9803,11 +10043,11 @@
9803
10043
  * Gets or sets the stroke color to use when the icon is hovered.
9804
10044
  */
9805
10045
  get: function () {
9806
- return igniteuiWebcomponentsCore.brushToString(this.i.cz);
10046
+ return igniteuiWebcomponentsCore.brushToString(this.i.c6);
9807
10047
  },
9808
10048
  set: function (v) {
9809
- this.i.cz = igniteuiWebcomponentsCore.stringToBrush(v);
9810
- this._a("hoverStroke", igniteuiWebcomponentsCore.brushToString(this.i.cz));
10049
+ this.i.c6 = igniteuiWebcomponentsCore.stringToBrush(v);
10050
+ this._a("hoverStroke", igniteuiWebcomponentsCore.brushToString(this.i.c6));
9811
10051
  },
9812
10052
  enumerable: false,
9813
10053
  configurable: true
@@ -9817,11 +10057,11 @@
9817
10057
  * Gets or sets the stroke thickness to use when the icon is hovered.
9818
10058
  */
9819
10059
  get: function () {
9820
- return this.i.ah;
10060
+ return this.i.aj;
9821
10061
  },
9822
10062
  set: function (v) {
9823
- this.i.ah = +v;
9824
- this._a("hoverStrokeThickness", this.i.ah);
10063
+ this.i.aj = +v;
10064
+ this._a("hoverStrokeThickness", this.i.aj);
9825
10065
  },
9826
10066
  enumerable: false,
9827
10067
  configurable: true
@@ -9831,11 +10071,11 @@
9831
10071
  * Gets or sets the text color to use when the icon is hovered.
9832
10072
  */
9833
10073
  get: function () {
9834
- return igniteuiWebcomponentsCore.brushToString(this.i.c0);
10074
+ return igniteuiWebcomponentsCore.brushToString(this.i.c7);
9835
10075
  },
9836
10076
  set: function (v) {
9837
- this.i.c0 = igniteuiWebcomponentsCore.stringToBrush(v);
9838
- this._a("hoverTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c0));
10077
+ this.i.c7 = igniteuiWebcomponentsCore.stringToBrush(v);
10078
+ this._a("hoverTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c7));
9839
10079
  },
9840
10080
  enumerable: false,
9841
10081
  configurable: true
@@ -9848,11 +10088,11 @@
9848
10088
  * class where # is a number from 0 to count - 1.
9849
10089
  */
9850
10090
  get: function () {
9851
- return igniteuiWebcomponentsCore.fromBrushCollection(this.i.c);
10091
+ return igniteuiWebcomponentsCore.fromBrushCollection(this.i.e);
9852
10092
  },
9853
10093
  set: function (v) {
9854
- this.i.c = igniteuiWebcomponentsCore.toBrushCollection(v);
9855
- this._a("fillColors", igniteuiWebcomponentsCore.brushCollectionToString(this.i.c));
10094
+ this.i.e = igniteuiWebcomponentsCore.toBrushCollection(v);
10095
+ this._a("fillColors", igniteuiWebcomponentsCore.brushCollectionToString(this.i.e));
9856
10096
  },
9857
10097
  enumerable: false,
9858
10098
  configurable: true
@@ -9865,11 +10105,11 @@
9865
10105
  * class where # is a number from 0 to count - 1.
9866
10106
  */
9867
10107
  get: function () {
9868
- return igniteuiWebcomponentsCore.fromBrushCollection(this.i.d);
10108
+ return igniteuiWebcomponentsCore.fromBrushCollection(this.i.f);
9869
10109
  },
9870
10110
  set: function (v) {
9871
- this.i.d = igniteuiWebcomponentsCore.toBrushCollection(v);
9872
- this._a("strokeColors", igniteuiWebcomponentsCore.brushCollectionToString(this.i.d));
10111
+ this.i.f = igniteuiWebcomponentsCore.toBrushCollection(v);
10112
+ this._a("strokeColors", igniteuiWebcomponentsCore.brushCollectionToString(this.i.f));
9873
10113
  },
9874
10114
  enumerable: false,
9875
10115
  configurable: true
@@ -9883,11 +10123,11 @@
9883
10123
  * class.
9884
10124
  */
9885
10125
  get: function () {
9886
- return igniteuiWebcomponentsCore.brushToString(this.i.c1);
10126
+ return igniteuiWebcomponentsCore.brushToString(this.i.c8);
9887
10127
  },
9888
10128
  set: function (v) {
9889
- this.i.c1 = igniteuiWebcomponentsCore.stringToBrush(v);
9890
- this._a("primaryFillColor", igniteuiWebcomponentsCore.brushToString(this.i.c1));
10129
+ this.i.c8 = igniteuiWebcomponentsCore.stringToBrush(v);
10130
+ this._a("primaryFillColor", igniteuiWebcomponentsCore.brushToString(this.i.c8));
9891
10131
  },
9892
10132
  enumerable: false,
9893
10133
  configurable: true
@@ -9901,11 +10141,11 @@
9901
10141
  * class.
9902
10142
  */
9903
10143
  get: function () {
9904
- return igniteuiWebcomponentsCore.brushToString(this.i.c2);
10144
+ return igniteuiWebcomponentsCore.brushToString(this.i.c9);
9905
10145
  },
9906
10146
  set: function (v) {
9907
- this.i.c2 = igniteuiWebcomponentsCore.stringToBrush(v);
9908
- this._a("primaryStrokeColor", igniteuiWebcomponentsCore.brushToString(this.i.c2));
10147
+ this.i.c9 = igniteuiWebcomponentsCore.stringToBrush(v);
10148
+ this._a("primaryStrokeColor", igniteuiWebcomponentsCore.brushToString(this.i.c9));
9909
10149
  },
9910
10150
  enumerable: false,
9911
10151
  configurable: true
@@ -9919,11 +10159,11 @@
9919
10159
  * class.
9920
10160
  */
9921
10161
  get: function () {
9922
- return igniteuiWebcomponentsCore.brushToString(this.i.c3);
10162
+ return igniteuiWebcomponentsCore.brushToString(this.i.da);
9923
10163
  },
9924
10164
  set: function (v) {
9925
- this.i.c3 = igniteuiWebcomponentsCore.stringToBrush(v);
9926
- this._a("secondaryFillColor", igniteuiWebcomponentsCore.brushToString(this.i.c3));
10165
+ this.i.da = igniteuiWebcomponentsCore.stringToBrush(v);
10166
+ this._a("secondaryFillColor", igniteuiWebcomponentsCore.brushToString(this.i.da));
9927
10167
  },
9928
10168
  enumerable: false,
9929
10169
  configurable: true
@@ -9937,11 +10177,24 @@
9937
10177
  * class.
9938
10178
  */
9939
10179
  get: function () {
9940
- return igniteuiWebcomponentsCore.brushToString(this.i.c4);
10180
+ return igniteuiWebcomponentsCore.brushToString(this.i.db);
10181
+ },
10182
+ set: function (v) {
10183
+ this.i.db = igniteuiWebcomponentsCore.stringToBrush(v);
10184
+ this._a("secondaryStrokeColor", igniteuiWebcomponentsCore.brushToString(this.i.db));
10185
+ },
10186
+ enumerable: false,
10187
+ configurable: true
10188
+ });
10189
+ Object.defineProperty(IgcXIconComponent.prototype, "dataURL", {
10190
+ /**
10191
+ * Gets or sets data url for the icon to use.
10192
+ */
10193
+ get: function () {
10194
+ return this.i.a7;
9941
10195
  },
9942
10196
  set: function (v) {
9943
- this.i.c4 = igniteuiWebcomponentsCore.stringToBrush(v);
9944
- this._a("secondaryStrokeColor", igniteuiWebcomponentsCore.brushToString(this.i.c4));
10197
+ this.i.a7 = v;
9945
10198
  },
9946
10199
  enumerable: false,
9947
10200
  configurable: true
@@ -9972,21 +10225,38 @@
9972
10225
  enumerable: false,
9973
10226
  configurable: true
9974
10227
  });
10228
+ Object.defineProperty(IgcXIconComponent.prototype, "sVGPaths", {
10229
+ /**
10230
+ * Gets or sets an array of path data for the icon to use.
10231
+ */
10232
+ get: function () {
10233
+ return this.i.b;
10234
+ },
10235
+ set: function (v) {
10236
+ if (v && !Array.isArray(v) && typeof (v) == "string") {
10237
+ var re = /\s*(?:,|\s|$)\s*/gm;
10238
+ v = v.split(re);
10239
+ }
10240
+ this.i.b = v;
10241
+ },
10242
+ enumerable: false,
10243
+ configurable: true
10244
+ });
9975
10245
  Object.defineProperty(IgcXIconComponent.prototype, "textStyle", {
9976
10246
  /**
9977
10247
  * Gets or sets the use for the button.
9978
10248
  */
9979
10249
  get: function () {
9980
- if (this.i.k == null) {
10250
+ if (this.i.m == null) {
9981
10251
  return null;
9982
10252
  }
9983
- return this.i.k.fontString;
10253
+ return this.i.m.fontString;
9984
10254
  },
9985
10255
  set: function (v) {
9986
10256
  var fi = new igniteuiWebcomponentsCore.FontInfo();
9987
10257
  fi.fontString = v;
9988
- this.i.k = fi;
9989
- this._a("textStyle", this.i.k != null ? this.i.k.fontString : "");
10258
+ this.i.m = fi;
10259
+ this._a("textStyle", this.i.m != null ? this.i.m.fontString : "");
9990
10260
  },
9991
10261
  enumerable: false,
9992
10262
  configurable: true
@@ -9996,10 +10266,10 @@
9996
10266
  * Gets or sets the id to use for the checkbox.
9997
10267
  */
9998
10268
  get: function () {
9999
- return this.i.bc;
10269
+ return this.i.bh;
10000
10270
  },
10001
10271
  set: function (v) {
10002
- this.i.bc = v;
10272
+ this.i.bh = v;
10003
10273
  },
10004
10274
  enumerable: false,
10005
10275
  configurable: true
@@ -10009,11 +10279,11 @@
10009
10279
  * Gets or sets TabIndex to use for the checkbox.
10010
10280
  */
10011
10281
  get: function () {
10012
- return this.i.aq;
10282
+ return this.i.as;
10013
10283
  },
10014
10284
  set: function (v) {
10015
- this.i.aq = +v;
10016
- this._a("tabIndex", this.i.aq);
10285
+ this.i.as = +v;
10286
+ this._a("tabIndex", this.i.as);
10017
10287
  },
10018
10288
  enumerable: false,
10019
10289
  configurable: true
@@ -10023,10 +10293,10 @@
10023
10293
  * Gets or sets the value of the aria-label attribute.
10024
10294
  */
10025
10295
  get: function () {
10026
- return this.i.a1;
10296
+ return this.i.a4;
10027
10297
  },
10028
10298
  set: function (v) {
10029
- this.i.a1 = v;
10299
+ this.i.a4 = v;
10030
10300
  },
10031
10301
  enumerable: false,
10032
10302
  configurable: true
@@ -10036,11 +10306,11 @@
10036
10306
  * Gets or sets whether the icon is hovered.
10037
10307
  */
10038
10308
  get: function () {
10039
- return this.i.r;
10309
+ return this.i.t;
10040
10310
  },
10041
10311
  set: function (v) {
10042
- this.i.r = igniteuiWebcomponentsCore.ensureBool(v);
10043
- this._a("isHover", this.i.r);
10312
+ this.i.t = igniteuiWebcomponentsCore.ensureBool(v);
10313
+ this._a("isHover", this.i.t);
10044
10314
  },
10045
10315
  enumerable: false,
10046
10316
  configurable: true
@@ -10061,11 +10331,11 @@
10061
10331
  });
10062
10332
  Object.defineProperty(IgcXIconComponent.prototype, "opacity", {
10063
10333
  get: function () {
10064
- return this.i.ai;
10334
+ return this.i.ak;
10065
10335
  },
10066
10336
  set: function (v) {
10067
- this.i.ai = +v;
10068
- this._a("opacity", this.i.ai);
10337
+ this.i.ak = +v;
10338
+ this._a("opacity", this.i.ak);
10069
10339
  },
10070
10340
  enumerable: false,
10071
10341
  configurable: true
@@ -10075,11 +10345,11 @@
10075
10345
  * Gets or sets the viewbox left for the svg icon.
10076
10346
  */
10077
10347
  get: function () {
10078
- return this.i.al;
10348
+ return this.i.an;
10079
10349
  },
10080
10350
  set: function (v) {
10081
- this.i.al = +v;
10082
- this._a("viewBoxLeft", this.i.al);
10351
+ this.i.an = +v;
10352
+ this._a("viewBoxLeft", this.i.an);
10083
10353
  },
10084
10354
  enumerable: false,
10085
10355
  configurable: true
@@ -10089,11 +10359,11 @@
10089
10359
  * Gets or sets the viewbox top for the svg icon.
10090
10360
  */
10091
10361
  get: function () {
10092
- return this.i.am;
10362
+ return this.i.ao;
10093
10363
  },
10094
10364
  set: function (v) {
10095
- this.i.am = +v;
10096
- this._a("viewBoxTop", this.i.am);
10365
+ this.i.ao = +v;
10366
+ this._a("viewBoxTop", this.i.ao);
10097
10367
  },
10098
10368
  enumerable: false,
10099
10369
  configurable: true
@@ -10103,11 +10373,11 @@
10103
10373
  * Gets or sets the viewbox width for the svg icon.
10104
10374
  */
10105
10375
  get: function () {
10106
- return this.i.an;
10376
+ return this.i.ap;
10107
10377
  },
10108
10378
  set: function (v) {
10109
- this.i.an = +v;
10110
- this._a("viewBoxWidth", this.i.an);
10379
+ this.i.ap = +v;
10380
+ this._a("viewBoxWidth", this.i.ap);
10111
10381
  },
10112
10382
  enumerable: false,
10113
10383
  configurable: true
@@ -10117,11 +10387,11 @@
10117
10387
  * Gets or sets the viewbox height for the svg icon.
10118
10388
  */
10119
10389
  get: function () {
10120
- return this.i.ak;
10390
+ return this.i.am;
10121
10391
  },
10122
10392
  set: function (v) {
10123
- this.i.ak = +v;
10124
- this._a("viewBoxHeight", this.i.ak);
10393
+ this.i.am = +v;
10394
+ this._a("viewBoxHeight", this.i.am);
10125
10395
  },
10126
10396
  enumerable: false,
10127
10397
  configurable: true
@@ -10131,11 +10401,11 @@
10131
10401
  * Gets or sets the width of the icon.
10132
10402
  */
10133
10403
  get: function () {
10134
- return this.i.ao;
10404
+ return this.i.aq;
10135
10405
  },
10136
10406
  set: function (v) {
10137
- this.i.ao = +v;
10138
- this._a("width", this.i.ao);
10407
+ this.i.aq = +v;
10408
+ this._a("width", this.i.aq);
10139
10409
  },
10140
10410
  enumerable: false,
10141
10411
  configurable: true
@@ -10145,11 +10415,11 @@
10145
10415
  * Gets or sets the height of the icon.
10146
10416
  */
10147
10417
  get: function () {
10148
- return this.i.ag;
10418
+ return this.i.ai;
10149
10419
  },
10150
10420
  set: function (v) {
10151
- this.i.ag = +v;
10152
- this._a("height", this.i.ag);
10421
+ this.i.ai = +v;
10422
+ this._a("height", this.i.ai);
10153
10423
  },
10154
10424
  enumerable: false,
10155
10425
  configurable: true
@@ -10230,7 +10500,7 @@
10230
10500
 
10231
10501
  */
10232
10502
  IgcXIconComponent.prototype.exportVisualModel = function () {
10233
- var iv = this.i.as();
10503
+ var iv = this.i.au();
10234
10504
  return (iv);
10235
10505
  };
10236
10506
  /**
@@ -10238,7 +10508,7 @@
10238
10508
 
10239
10509
  */
10240
10510
  IgcXIconComponent.prototype.exportSerializedVisualModel = function () {
10241
- var iv = this.i.a4();
10511
+ var iv = this.i.a9();
10242
10512
  return (iv);
10243
10513
  };
10244
10514
  IgcXIconComponent._observedAttributesIgcXIconComponent = null;
@@ -12928,7 +13198,9 @@
12928
13198
  }
12929
13199
  }
12930
13200
  else {
13201
+ this.aj._inner[0].disabled = false;
12931
13202
  this.aj._inner[2].disabled = false;
13203
+ this.aj._inner[3].disabled = false;
12932
13204
  if (b == this.au.getFullYear()) {
12933
13205
  if (c == igniteuiWebcomponentsCore.dateGetMonth(this.au)) {
12934
13206
  this.aj._inner[0].disabled = true;
@@ -13395,30 +13667,30 @@
13395
13667
  }
13396
13668
  if (this.v != null) {
13397
13669
  var w = this.v;
13398
- if (this.h != null && w.p == null) {
13670
+ if (this.h != null && w.q == null) {
13399
13671
  var x = this.h.m;
13400
13672
  var y = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(x, w.fontString);
13401
- w.p = y.p;
13402
- w.e = y.e;
13403
13673
  w.q = y.q;
13404
- w.s = y.s;
13674
+ w.f = y.f;
13675
+ w.r = y.r;
13405
13676
  w.t = y.t;
13406
13677
  w.u = y.u;
13678
+ w.v = y.v;
13407
13679
  }
13408
- if (w.p != null) {
13409
- a.p = w.p;
13680
+ if (w.q != null) {
13681
+ a.p = w.q;
13410
13682
  }
13411
- if (!igniteuiWebcomponentsCore.isNaN_(w.e)) {
13412
- a.m = w.e;
13683
+ if (!igniteuiWebcomponentsCore.isNaN_(w.f)) {
13684
+ a.m = w.f;
13413
13685
  }
13414
- if (w.u != null) {
13415
- a.t = w.u;
13686
+ if (w.v != null) {
13687
+ a.t = w.v;
13416
13688
  }
13417
- if (w.s != null) {
13418
- a.r = w.s;
13689
+ if (w.t != null) {
13690
+ a.r = w.t;
13419
13691
  }
13420
- if (w.q != null) {
13421
- a.q = w.s;
13692
+ if (w.r != null) {
13693
+ a.q = w.t;
13422
13694
  }
13423
13695
  }
13424
13696
  return a;
@@ -20588,30 +20860,30 @@
20588
20860
  a.p = this.e;
20589
20861
  if (this.w != null) {
20590
20862
  var c = this.w;
20591
- if (this.view != null && c.p == null) {
20863
+ if (this.view != null && c.q == null) {
20592
20864
  var d = this.view.k;
20593
20865
  var e = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(d, c.fontString);
20594
- c.p = e.p;
20595
- c.e = e.e;
20596
20866
  c.q = e.q;
20597
- c.s = e.s;
20867
+ c.f = e.f;
20868
+ c.r = e.r;
20598
20869
  c.t = e.t;
20599
20870
  c.u = e.u;
20871
+ c.v = e.v;
20600
20872
  }
20601
- if (c.p != null) {
20602
- a.s = c.p;
20873
+ if (c.q != null) {
20874
+ a.s = c.q;
20603
20875
  }
20604
- if (!igniteuiWebcomponentsCore.isNaN_(c.e)) {
20605
- a.k = c.e;
20876
+ if (!igniteuiWebcomponentsCore.isNaN_(c.f)) {
20877
+ a.k = c.f;
20606
20878
  }
20607
- if (c.u != null) {
20608
- a.w = c.u;
20879
+ if (c.v != null) {
20880
+ a.w = c.v;
20609
20881
  }
20610
- if (c.s != null) {
20611
- a.u = c.s;
20882
+ if (c.t != null) {
20883
+ a.u = c.t;
20612
20884
  }
20613
- if (c.q != null) {
20614
- a.t = c.s;
20885
+ if (c.r != null) {
20886
+ a.t = c.t;
20615
20887
  }
20616
20888
  }
20617
20889
  return a;
@@ -20703,7 +20975,7 @@
20703
20975
  _this.view = a;
20704
20976
  _this.view.as();
20705
20977
  XInput.ae = new igniteuiWebcomponentsCore.FontInfo();
20706
- XInput.ae.p = "Verdana";
20978
+ XInput.ae.q = "Verdana";
20707
20979
  return _this;
20708
20980
  }
20709
20981
  Object.defineProperty(XInput.prototype, "view", {
@@ -21376,30 +21648,30 @@
21376
21648
  a.k = this.e;
21377
21649
  if (this.ad != null) {
21378
21650
  var c = this.ad;
21379
- if (this.view != null && c.p == null) {
21651
+ if (this.view != null && c.q == null) {
21380
21652
  var d = this.view.l;
21381
21653
  var e = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(d, c.fontString);
21382
- c.p = e.p;
21383
- c.e = e.e;
21384
21654
  c.q = e.q;
21385
- c.s = e.s;
21655
+ c.f = e.f;
21656
+ c.r = e.r;
21386
21657
  c.t = e.t;
21387
21658
  c.u = e.u;
21659
+ c.v = e.v;
21388
21660
  }
21389
- if (c.p != null) {
21390
- a.o = c.p;
21661
+ if (c.q != null) {
21662
+ a.o = c.q;
21391
21663
  }
21392
- if (!igniteuiWebcomponentsCore.isNaN_(c.e)) {
21393
- a.g = c.e;
21664
+ if (!igniteuiWebcomponentsCore.isNaN_(c.f)) {
21665
+ a.g = c.f;
21394
21666
  }
21395
- if (c.u != null) {
21396
- a.s = c.u;
21667
+ if (c.v != null) {
21668
+ a.s = c.v;
21397
21669
  }
21398
- if (c.s != null) {
21399
- a.q = c.s;
21670
+ if (c.t != null) {
21671
+ a.q = c.t;
21400
21672
  }
21401
- if (c.q != null) {
21402
- a.p = c.s;
21673
+ if (c.r != null) {
21674
+ a.p = c.t;
21403
21675
  }
21404
21676
  }
21405
21677
  return a;
@@ -27882,30 +28154,30 @@
27882
28154
  a.a = this.c.bj();
27883
28155
  if (this.ad != null) {
27884
28156
  var b = this.ad;
27885
- if (this.h != null && b.p == null) {
28157
+ if (this.h != null && b.q == null) {
27886
28158
  var c = this.h.d;
27887
28159
  var d = igniteuiWebcomponentsCore.FontUtil.getFontInfoFromString(c, b.fontString);
27888
- b.p = d.p;
27889
- b.e = d.e;
27890
28160
  b.q = d.q;
27891
- b.s = d.s;
28161
+ b.f = d.f;
28162
+ b.r = d.r;
27892
28163
  b.t = d.t;
27893
28164
  b.u = d.u;
28165
+ b.v = d.v;
27894
28166
  }
27895
- if (b.p != null) {
27896
- a.h = b.p;
28167
+ if (b.q != null) {
28168
+ a.h = b.q;
27897
28169
  }
27898
- if (!igniteuiWebcomponentsCore.isNaN_(b.e)) {
27899
- a.f = b.e;
28170
+ if (!igniteuiWebcomponentsCore.isNaN_(b.f)) {
28171
+ a.f = b.f;
27900
28172
  }
27901
- if (b.u != null) {
27902
- a.l = b.u;
28173
+ if (b.v != null) {
28174
+ a.l = b.v;
27903
28175
  }
27904
- if (b.s != null) {
27905
- a.j = b.s;
28176
+ if (b.t != null) {
28177
+ a.j = b.t;
27906
28178
  }
27907
- if (b.q != null) {
27908
- a.i = b.s;
28179
+ if (b.r != null) {
28180
+ a.i = b.t;
27909
28181
  }
27910
28182
  }
27911
28183
  return a;
@@ -28999,12 +29271,12 @@
28999
29271
  _this.p = null;
29000
29272
  return _this;
29001
29273
  }
29002
- CheckboxView.prototype.ae = function () {
29274
+ CheckboxView.prototype.af = function () {
29003
29275
  };
29004
29276
  CheckboxView.prototype.i = function () {
29005
29277
  return true;
29006
29278
  };
29007
- CheckboxView.prototype.ac = function (a) {
29279
+ CheckboxView.prototype.ad = function (a) {
29008
29280
  var e_1, _a;
29009
29281
  if (a == null) {
29010
29282
  try {
@@ -29051,11 +29323,11 @@
29051
29323
  this.r.setStyleProperty("appearance", "none");
29052
29324
  this.r.setAttribute("type", "checkbox");
29053
29325
  this.r.setAttribute("id", this.c.b1);
29054
- this.ai();
29055
- this.j.add(c.listen("change", igniteuiWebcomponentsCore.runOn(this, this.w)));
29056
- this.j.add(c.listen("click", igniteuiWebcomponentsCore.runOn(this, this.x)));
29057
- this.j.add(c.listen("focus", igniteuiWebcomponentsCore.runOn(this, this.y)));
29058
- this.j.add(c.listen("blur", igniteuiWebcomponentsCore.runOn(this, this.v)));
29326
+ this.aj();
29327
+ this.j.add(c.listen("change", igniteuiWebcomponentsCore.runOn(this, this.x)));
29328
+ this.j.add(c.listen("click", igniteuiWebcomponentsCore.runOn(this, this.y)));
29329
+ this.j.add(c.listen("focus", igniteuiWebcomponentsCore.runOn(this, this.z)));
29330
+ this.j.add(c.listen("blur", igniteuiWebcomponentsCore.runOn(this, this.w)));
29059
29331
  this.l.append(c);
29060
29332
  var d = this.l.createElement("div");
29061
29333
  d.addClass("ig-checkbox-box");
@@ -29139,16 +29411,16 @@
29139
29411
  l.setStyleProperty("cursor", "pointer");
29140
29412
  l.setStyleProperty("role", "label");
29141
29413
  this.p = l;
29142
- this.j.add(l.listen("click", igniteuiWebcomponentsCore.runOn(this, this.u)));
29414
+ this.j.add(l.listen("click", igniteuiWebcomponentsCore.runOn(this, this.v)));
29143
29415
  this.l.append(l);
29144
29416
  this.l.getPortal(l, "ChildContent", function (m) {
29145
29417
  }, true);
29146
29418
  this.c.cp();
29147
29419
  };
29148
- CheckboxView.prototype.u = function (a) {
29420
+ CheckboxView.prototype.v = function (a) {
29149
29421
  this.c.toggle();
29150
29422
  };
29151
- CheckboxView.prototype.ai = function () {
29423
+ CheckboxView.prototype.aj = function () {
29152
29424
  if (this.i()) {
29153
29425
  var a = this.c.b1;
29154
29426
  this.r.setAttribute("name", this.c.ca);
@@ -29170,26 +29442,26 @@
29170
29442
  this.r.setAttribute("aria-label", this.c.bm);
29171
29443
  }
29172
29444
  };
29173
- CheckboxView.prototype.ak = function () {
29445
+ CheckboxView.prototype.al = function () {
29174
29446
  return new igniteuiWebcomponentsCore.Size(1, this.q.width(), this.q.height());
29175
29447
  };
29176
- CheckboxView.prototype.ah = function () {
29448
+ CheckboxView.prototype.ai = function () {
29177
29449
  this.n.setAttribute("d", this.c.bf);
29178
29450
  };
29179
- CheckboxView.prototype.af = function () {
29451
+ CheckboxView.prototype.ag = function () {
29180
29452
  if (this.i()) {
29181
29453
  var a = this.c.b1;
29182
29454
  this.r.setAttribute("id", a);
29183
29455
  this.q.setAttribute("for", a);
29184
29456
  }
29185
29457
  };
29186
- CheckboxView.prototype.v = function (a) {
29458
+ CheckboxView.prototype.w = function (a) {
29187
29459
  this.c.focused = false;
29188
29460
  };
29189
- CheckboxView.prototype.y = function (a) {
29461
+ CheckboxView.prototype.z = function (a) {
29190
29462
  this.c.focused = true;
29191
29463
  };
29192
- CheckboxView.prototype.x = function (a) {
29464
+ CheckboxView.prototype.y = function (a) {
29193
29465
  a.stopPropagation();
29194
29466
  if (this.h()) {
29195
29467
  var native_ = this.r.getNativeElement();
@@ -29200,10 +29472,10 @@
29200
29472
  CheckboxView.prototype.h = function () {
29201
29473
  return false;
29202
29474
  };
29203
- CheckboxView.prototype.w = function (a) {
29475
+ CheckboxView.prototype.x = function (a) {
29204
29476
  a.stopPropagation();
29205
29477
  };
29206
- CheckboxView.prototype.z = function () {
29478
+ CheckboxView.prototype.aa = function () {
29207
29479
  if (igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h == null) {
29208
29480
  igniteuiWebcomponentsCore.KeyFrameAnimationFactory.h = this.l;
29209
29481
  }
@@ -29214,8 +29486,15 @@
29214
29486
  CheckboxView.prototype.b = function (a) {
29215
29487
  return new igniteuiWebcomponentsCore.AnimationKeyFrameEffect(0, this.o, 0, null, a);
29216
29488
  };
29217
- CheckboxView.prototype.aa = function (a) {
29489
+ CheckboxView.prototype.ab = function (a) {
29218
29490
  };
29491
+ Object.defineProperty(CheckboxView.prototype, "t", {
29492
+ get: function () {
29493
+ return this.q;
29494
+ },
29495
+ enumerable: false,
29496
+ configurable: true
29497
+ });
29219
29498
  Object.defineProperty(CheckboxView.prototype, "s", {
29220
29499
  get: function () {
29221
29500
  return this.q;
@@ -29230,22 +29509,22 @@
29230
29509
  enumerable: false,
29231
29510
  configurable: true
29232
29511
  });
29233
- Object.defineProperty(CheckboxView.prototype, "t", {
29512
+ Object.defineProperty(CheckboxView.prototype, "u", {
29234
29513
  get: function () {
29235
29514
  return this.o;
29236
29515
  },
29237
29516
  enumerable: false,
29238
29517
  configurable: true
29239
29518
  });
29240
- CheckboxView.prototype.ab = function () {
29519
+ CheckboxView.prototype.ac = function () {
29241
29520
  this.g = true;
29242
- this.j.add(this.r.listen("change", igniteuiWebcomponentsCore.runOn(this, this.w)));
29243
- this.j.add(this.r.listen("click", igniteuiWebcomponentsCore.runOn(this, this.x)));
29244
- this.j.add(this.r.listen("focus", igniteuiWebcomponentsCore.runOn(this, this.y)));
29245
- this.j.add(this.r.listen("blur", igniteuiWebcomponentsCore.runOn(this, this.v)));
29246
- this.j.add(this.p.listen("click", igniteuiWebcomponentsCore.runOn(this, this.u)));
29521
+ this.j.add(this.r.listen("change", igniteuiWebcomponentsCore.runOn(this, this.x)));
29522
+ this.j.add(this.r.listen("click", igniteuiWebcomponentsCore.runOn(this, this.y)));
29523
+ this.j.add(this.r.listen("focus", igniteuiWebcomponentsCore.runOn(this, this.z)));
29524
+ this.j.add(this.r.listen("blur", igniteuiWebcomponentsCore.runOn(this, this.w)));
29525
+ this.j.add(this.p.listen("click", igniteuiWebcomponentsCore.runOn(this, this.v)));
29247
29526
  };
29248
- CheckboxView.prototype.ad = function () {
29527
+ CheckboxView.prototype.ae = function () {
29249
29528
  var e_2, _a;
29250
29529
  this.g = false;
29251
29530
  try {
@@ -29269,14 +29548,14 @@
29269
29548
  }
29270
29549
  this.j.clear();
29271
29550
  };
29272
- CheckboxView.prototype.ag = function () {
29551
+ CheckboxView.prototype.ah = function () {
29273
29552
  var model_ = this.c;
29274
29553
  if (model_.externalObject && model_.externalObject.refreshDefaults) {
29275
29554
  model_.externalObject.refreshDefaults();
29276
29555
  }
29277
29556
  ;
29278
29557
  };
29279
- CheckboxView.prototype.aj = function (a, b) {
29558
+ CheckboxView.prototype.ak = function (a, b) {
29280
29559
  this.d.ax = a;
29281
29560
  this.d.aw = b;
29282
29561
  };
@@ -29351,7 +29630,7 @@
29351
29630
  var a = new CheckboxView();
29352
29631
  a.c = _this;
29353
29632
  _this.view = a;
29354
- _this.view.ae();
29633
+ _this.view.af();
29355
29634
  return _this;
29356
29635
  }
29357
29636
  Object.defineProperty(XCheckbox.prototype, "view", {
@@ -29455,7 +29734,7 @@
29455
29734
  this.ct();
29456
29735
  break;
29457
29736
  case "ActualCheckPath":
29458
- this.view.ah();
29737
+ this.view.ai();
29459
29738
  break;
29460
29739
  case "IsChecked":
29461
29740
  if (!this.s) {
@@ -29478,30 +29757,32 @@
29478
29757
  this.view.e.i = this.y;
29479
29758
  break;
29480
29759
  case "InputId":
29481
- this.view.af();
29760
+ this.view.ag();
29482
29761
  break;
29483
29762
  }
29484
29763
  };
29485
29764
  XCheckbox.prototype.ct = function () {
29486
- var a = this.view.s;
29487
- if (a == null) {
29765
+ var a = this.view.t;
29766
+ var b = this.view.s;
29767
+ if (a == null || b == null) {
29488
29768
  return;
29489
29769
  }
29490
29770
  igniteuiWebcomponentsCore.NativeUI.o(a, new igniteuiWebcomponentsCore.CornerRadius(0, this.ao));
29771
+ igniteuiWebcomponentsCore.NativeUI.o(b, new igniteuiWebcomponentsCore.CornerRadius(0, this.ao));
29491
29772
  if (!igniteuiWebcomponentsCore.isNaN_(this.an)) {
29492
- igniteuiWebcomponentsCore.NativeUI.p(a, new igniteuiWebcomponentsCore.Thickness(0, this.an));
29773
+ igniteuiWebcomponentsCore.NativeUI.p(b, new igniteuiWebcomponentsCore.Thickness(0, this.an));
29493
29774
  }
29494
29775
  if (this.checked) {
29495
29776
  igniteuiWebcomponentsCore.NativeUI.m(a, this.c8);
29496
- igniteuiWebcomponentsCore.NativeUI.n(a, this.c9);
29777
+ igniteuiWebcomponentsCore.NativeUI.n(b, this.c9);
29497
29778
  }
29498
29779
  else {
29499
29780
  igniteuiWebcomponentsCore.NativeUI.m(a, this.db);
29500
- igniteuiWebcomponentsCore.NativeUI.n(a, this.dc);
29781
+ igniteuiWebcomponentsCore.NativeUI.n(b, this.dc);
29501
29782
  }
29502
29783
  };
29503
29784
  XCheckbox.prototype.cw = function () {
29504
- var a = this.view.t;
29785
+ var a = this.view.u;
29505
29786
  if (a == null) {
29506
29787
  return;
29507
29788
  }
@@ -29992,10 +30273,10 @@
29992
30273
  XCheckbox.prototype.cp = function () {
29993
30274
  this.ck();
29994
30275
  if (this.checked) {
29995
- this.view.aj(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.1));
30276
+ this.view.ak(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.1));
29996
30277
  }
29997
30278
  else {
29998
- this.view.aj(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.dc, 0.1));
30279
+ this.view.ak(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.dc, 0.1));
29999
30280
  }
30000
30281
  };
30001
30282
  Object.defineProperty(XCheckbox.prototype, "a", {
@@ -30009,12 +30290,12 @@
30009
30290
  configurable: true
30010
30291
  });
30011
30292
  XCheckbox.prototype.ck = function () {
30012
- this.view.z();
30293
+ this.view.aa();
30013
30294
  var a = false;
30014
30295
  if (this.o == null) {
30015
30296
  if (!a) {
30016
30297
  a = true;
30017
- this.view.ag();
30298
+ this.view.ah();
30018
30299
  }
30019
30300
  this.o = igniteuiWebcomponentsCore.KeyFrameAnimationFactory.f.c(this.view.a(this.a).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(2, this.db), new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(3, this.dc)).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(2, this.c8), new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(3, this.c9)));
30020
30301
  this.p = igniteuiWebcomponentsCore.KeyFrameAnimationFactory.f.c(this.view.b(this.a).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(19, 24), new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 0)).m(new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(19, 0), new igniteuiWebcomponentsCore.AnimationKeyFrameProperty(1, 1)));
@@ -30055,46 +30336,47 @@
30055
30336
  c = -1;
30056
30337
  }
30057
30338
  if (b) {
30058
- this.view.aj(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.1));
30339
+ this.view.ak(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.1));
30059
30340
  }
30060
30341
  else {
30061
- this.view.aj(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.dc, 0.1));
30342
+ this.view.ak(igniteuiWebcomponentsCore.BrushUtil.q(this.c8, 0.6), igniteuiWebcomponentsCore.BrushUtil.q(this.dc, 0.1));
30062
30343
  }
30063
30344
  if (!this.indeterminate) {
30064
- igniteuiWebcomponentsCore.NativeUI.af(this.view.t, null);
30345
+ igniteuiWebcomponentsCore.NativeUI.af(this.view.u, null);
30065
30346
  }
30066
30347
  if (this.z || this.indeterminate || a) {
30067
- var d = this.view.s;
30068
- var e = this.view.t;
30348
+ var d = this.view.t;
30349
+ var e = this.view.s;
30350
+ var f = this.view.u;
30069
30351
  if (this.indeterminate) {
30070
- var f = new igniteuiWebcomponentsCore.TransformGroup();
30071
- f.j.add(((function () {
30352
+ var g = new igniteuiWebcomponentsCore.TransformGroup();
30353
+ g.j.add(((function () {
30072
30354
  var $ret = new igniteuiWebcomponentsCore.RotateTransform();
30073
30355
  $ret.j = 45;
30074
30356
  return $ret;
30075
30357
  })()));
30076
- f.j.add(((function () {
30358
+ g.j.add(((function () {
30077
30359
  var $ret = new igniteuiWebcomponentsCore.TranslateTransform();
30078
30360
  $ret.j = -_this.view.k();
30079
30361
  return $ret;
30080
30362
  })()));
30081
30363
  igniteuiWebcomponentsCore.NativeUI.m(d, this.c8);
30082
- igniteuiWebcomponentsCore.NativeUI.n(d, this.c9);
30083
- igniteuiWebcomponentsCore.NativeUI.y(e, 1);
30084
- igniteuiWebcomponentsCore.NativeUI.ac(e, 41);
30085
- igniteuiWebcomponentsCore.NativeUI.af(e, f);
30364
+ igniteuiWebcomponentsCore.NativeUI.n(e, this.c9);
30365
+ igniteuiWebcomponentsCore.NativeUI.y(f, 1);
30366
+ igniteuiWebcomponentsCore.NativeUI.ac(f, 41);
30367
+ igniteuiWebcomponentsCore.NativeUI.af(f, g);
30086
30368
  }
30087
30369
  else if (b) {
30088
30370
  igniteuiWebcomponentsCore.NativeUI.m(d, this.c8);
30089
- igniteuiWebcomponentsCore.NativeUI.n(d, this.c9);
30090
- igniteuiWebcomponentsCore.NativeUI.y(e, 1);
30091
- igniteuiWebcomponentsCore.NativeUI.ac(e, 0);
30371
+ igniteuiWebcomponentsCore.NativeUI.n(e, this.c9);
30372
+ igniteuiWebcomponentsCore.NativeUI.y(f, 1);
30373
+ igniteuiWebcomponentsCore.NativeUI.ac(f, 0);
30092
30374
  }
30093
30375
  else {
30094
30376
  igniteuiWebcomponentsCore.NativeUI.m(d, this.db);
30095
- igniteuiWebcomponentsCore.NativeUI.n(d, this.dc);
30096
- igniteuiWebcomponentsCore.NativeUI.y(e, 0);
30097
- igniteuiWebcomponentsCore.NativeUI.ac(e, 24);
30377
+ igniteuiWebcomponentsCore.NativeUI.n(e, this.dc);
30378
+ igniteuiWebcomponentsCore.NativeUI.y(f, 0);
30379
+ igniteuiWebcomponentsCore.NativeUI.ac(f, 24);
30098
30380
  }
30099
30381
  if (this.o.playState == 1) {
30100
30382
  this.o.cancel();
@@ -30106,13 +30388,13 @@
30106
30388
  }
30107
30389
  if ((c > 0 && this.o.playbackRate < 0) || (c < 0 && this.o.playbackRate > 0)) {
30108
30390
  this.o.reverse();
30109
- this.o.finished.f(function (g) {
30391
+ this.o.finished.f(function (h) {
30110
30392
  if (_this.o != null) {
30111
30393
  _this.o.commitStyles();
30112
30394
  }
30113
30395
  });
30114
30396
  this.p.reverse();
30115
- this.p.finished.f(function (g) {
30397
+ this.p.finished.f(function (h) {
30116
30398
  if (_this.p != null) {
30117
30399
  _this.p.commitStyles();
30118
30400
  }
@@ -30120,13 +30402,13 @@
30120
30402
  }
30121
30403
  else {
30122
30404
  this.o.play();
30123
- this.o.finished.f(function (g) {
30405
+ this.o.finished.f(function (h) {
30124
30406
  if (_this.o != null) {
30125
30407
  _this.o.commitStyles();
30126
30408
  }
30127
30409
  });
30128
30410
  this.p.play();
30129
- this.p.finished.f(function (g) {
30411
+ this.p.finished.f(function (h) {
30130
30412
  if (_this.p != null) {
30131
30413
  _this.p.commitStyles();
30132
30414
  }
@@ -30134,10 +30416,10 @@
30134
30416
  }
30135
30417
  };
30136
30418
  XCheckbox.prototype.onDetachedFromUI = function () {
30137
- this.view.ad();
30419
+ this.view.ae();
30138
30420
  };
30139
30421
  XCheckbox.prototype.onAttachedToUI = function () {
30140
- this.view.ab();
30422
+ this.view.ac();
30141
30423
  };
30142
30424
  XCheckbox.prototype.onContentReady = function () {
30143
30425
  if (this.indeterminate) {
@@ -30177,7 +30459,7 @@
30177
30459
  return a;
30178
30460
  };
30179
30461
  XCheckbox.prototype.provideContainer = function (a) {
30180
- this.view.ac(a);
30462
+ this.view.ad(a);
30181
30463
  };
30182
30464
  XCheckbox.$t = igniteuiWebcomponentsCore.markType(XCheckbox, 'XCheckbox', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
30183
30465
  XCheckbox.g = ThemeResolver.a(((function () {
@@ -35266,6 +35548,12 @@
35266
35548
  case 58:
35267
35549
  d.aq = c;
35268
35550
  break;
35551
+ case 17:
35552
+ d.kt = c;
35553
+ break;
35554
+ case 11:
35555
+ d.aa = c;
35556
+ break;
35269
35557
  }
35270
35558
  };
35271
35559
  XButtonBridge.prototype.getValue = function (a, b) {
@@ -35300,6 +35588,7 @@
35300
35588
  case 57: return c.av;
35301
35589
  case 56: return c.as;
35302
35590
  case 58: return c.aq;
35591
+ case 17: return c.kt;
35303
35592
  }
35304
35593
  return null;
35305
35594
  };
@@ -35452,13 +35741,16 @@
35452
35741
  switch (b) {
35453
35742
  case 16: return this.v;
35454
35743
  case 15: return this.u;
35455
- case 18: return igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, c.i);
35456
- case 44: return c.al;
35457
- case 45: return c.am;
35458
- case 46: return c.an;
35459
- case 47: return c.ak;
35460
- case 48: return c.ao;
35461
- case 49: return c.ag;
35744
+ case 18: return igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, c.k);
35745
+ case 44: return c.an;
35746
+ case 45: return c.ao;
35747
+ case 46: return c.ap;
35748
+ case 47: return c.am;
35749
+ case 48: return c.aq;
35750
+ case 49: return c.ai;
35751
+ case 62: return c.e;
35752
+ case 63: return c.f;
35753
+ case 64: return c.al;
35462
35754
  }
35463
35755
  return _super.prototype.getValue.call(this, a, b);
35464
35756
  };
@@ -35469,49 +35761,73 @@
35469
35761
  case 15:
35470
35762
  {
35471
35763
  this.u = c;
35472
- var e = igniteuiWebcomponentsCore.SvgIconRegistry.instance.getSvgPathString(this.u, this.v);
35473
- if (e != null) {
35474
- if (igniteuiWebcomponentsCore.stringStartsWith(igniteuiWebcomponentsCore.trimStart(e, ' ', '\n', '\r', '\t'), "<svg")) {
35475
- d.svg = e;
35476
- }
35477
- else {
35478
- d.svgPath = e;
35479
- }
35480
- }
35764
+ this.w(d);
35481
35765
  }
35482
35766
  break;
35483
35767
  case 16:
35484
35768
  {
35485
35769
  this.v = c;
35486
- var f = igniteuiWebcomponentsCore.SvgIconRegistry.instance.getSvgPathString(this.u, this.v);
35487
- if (f != null) {
35488
- if (igniteuiWebcomponentsCore.stringStartsWith(igniteuiWebcomponentsCore.trimStart(f, ' ', '\n', '\r', '\t'), "<svg")) {
35489
- d.svg = f;
35490
- }
35491
- else {
35492
- d.svgPath = f;
35493
- }
35494
- }
35770
+ this.w(d);
35495
35771
  }
35496
35772
  break;
35497
35773
  case 44:
35498
- d.al = c;
35774
+ d.an = c;
35499
35775
  break;
35500
35776
  case 45:
35501
- d.am = c;
35777
+ d.ao = c;
35502
35778
  break;
35503
35779
  case 46:
35504
- d.an = c;
35780
+ d.ap = c;
35505
35781
  break;
35506
35782
  case 47:
35507
- d.ak = c;
35783
+ d.am = c;
35508
35784
  break;
35509
35785
  case 48:
35510
- d.ao = c;
35786
+ d.aq = c;
35511
35787
  break;
35512
35788
  case 49:
35513
- d.ag = c;
35789
+ d.ai = c;
35790
+ break;
35791
+ case 62:
35792
+ d.e = c;
35793
+ break;
35794
+ case 63:
35795
+ d.f = c;
35514
35796
  break;
35797
+ case 64:
35798
+ d.al = c;
35799
+ break;
35800
+ }
35801
+ };
35802
+ XIconBridge.prototype.getTargetForProperty = function (a, b) {
35803
+ switch (a) {
35804
+ case 24: return b;
35805
+ }
35806
+ return _super.prototype.getTargetForProperty.call(this, a, b);
35807
+ };
35808
+ XIconBridge.prototype.w = function (a) {
35809
+ a.svg = null;
35810
+ a.svgPath = null;
35811
+ a.b = null;
35812
+ var b = igniteuiWebcomponentsCore.SvgIconRegistry.instance.getSvgPathString(this.u, this.v);
35813
+ if (b != null) {
35814
+ if (igniteuiWebcomponentsCore.stringStartsWith(igniteuiWebcomponentsCore.trimStart(b, ' ', '\n', '\r', '\t'), "<svg")) {
35815
+ a.svg = b;
35816
+ }
35817
+ else {
35818
+ a.svgPath = b;
35819
+ }
35820
+ return;
35821
+ }
35822
+ var c = igniteuiWebcomponentsCore.SvgIconRegistry.instance.getSvgPathsString(this.u, this.v);
35823
+ if (c != null) {
35824
+ a.b = c;
35825
+ return;
35826
+ }
35827
+ var d = igniteuiWebcomponentsCore.SvgIconRegistry.instance.getDataURLString(this.u, this.v);
35828
+ if (d != null) {
35829
+ a.a7 = d;
35830
+ return;
35515
35831
  }
35516
35832
  };
35517
35833
  XIconBridge.$t = igniteuiWebcomponentsCore.markType(XIconBridge, 'XIconBridge', XComponentBridge.$);
@@ -35943,7 +36259,7 @@
35943
36259
  var o = new igniteuiWebcomponentsCore.NativeUIButton();
35944
36260
  o.al = j;
35945
36261
  o.d = n;
35946
- o.bj = i;
36262
+ o.bk = i;
35947
36263
  b(o);
35948
36264
  };
35949
36265
  NativeUIXInputsFactory.prototype.f = function (a, b) {
@@ -36010,7 +36326,7 @@
36010
36326
  switch (a) {
36011
36327
  case 16:
36012
36328
  case 15:
36013
- case 17: return this.al.t.view.o;
36329
+ case 17: return this.al.t.view.s;
36014
36330
  }
36015
36331
  return _super.prototype.getTargetForProperty.call(this, a, b);
36016
36332
  };