igniteui-webcomponents-inputs 7.0.1 → 7.1.0-alpha.1

package/bundles/igniteui-webcomponents-inputs.umd.js

@@ -30179,7 +30179,8 @@
         };
         XComponentBridge.prototype.getTargetForBuildInProperty = function (a, b) {
             switch (b) {
-                case 108: return a;
+                case 108:
+                case 121: return a;
             }
             return this.s != null ? this.s : a;
         };
@@ -30763,7 +30764,7 @@
                     d.clearButtonContent();
                     if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.NativeUIComponent.$, c) !== null) {
                         this.ac = c;
-                        d.appendButtonContent(this.ac.an);
+                        d.appendButtonContent(this.ac.ao);
                     }
                     else {
                         this.ac = c;
@@ -30797,7 +30798,7 @@
                 case 54:
                     if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.NativeUIComponent.$, c) !== null) {
                         this.aa = c;
-                        d.appendButtonContent(this.aa.an);
+                        d.appendButtonContent(this.aa.ao);
                     }
                     break;
                 case 0:
@@ -32129,7 +32130,7 @@
             this.m = true;
             this.ap();
             if (this.a != null) {
-                this.a.au(this.u.rootWrapper, "");
+                this.a.av(this.u.rootWrapper, "");
             }
             if (this.z == -1) {
                 this.z = this.u.setTimeout(igniteuiWebcomponentsCore.runOn(this, this.an), 200);
@@ -32138,7 +32139,7 @@
         MultiSliderView.prototype.au = function () {
             this.m = false;
             if (this.a != null && this.u != null) {
-                this.a.bi(this.u.rootWrapper, "");
+                this.a.bk(this.u.rootWrapper, "");
             }
             if (this.z != -1) {
                 window.clearTimeout(this.z);
@@ -32302,14 +32303,14 @@
             this.l.af(this.j);
             this.ab();
             this.a = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.u.rootWrapper, this.u, false);
-            this.a.bm = this.g.e0;
+            this.a.bo = this.g.e0;
             var k = this.a;
             k.onContactStarted = igniteuiWebcomponentsCore.delegateCombine(k.onContactStarted, igniteuiWebcomponentsCore.runOn(this, this.aj));
             var l = this.a;
             l.onContactMoved = igniteuiWebcomponentsCore.delegateCombine(l.onContactMoved, igniteuiWebcomponentsCore.runOn(this, this.ai));
             var m = this.a;
             m.onContactCompleted = igniteuiWebcomponentsCore.delegateCombine(m.onContactCompleted, igniteuiWebcomponentsCore.runOn(this, this.ah));
-            this.a.ap = function (n) { return _this.g.ey.containsPoint(n); };
+            this.a.aq = function (n) { return _this.g.ey.containsPoint(n); };
             this.g.ds(0, 0, e, f);
             this.s = igniteuiWebcomponentsCore.FontUtil.getCurrentFontHeight(this.u, this.j);
             this.g.trackDirty();
@@ -32332,8 +32333,8 @@
                 b.onContactMoved = igniteuiWebcomponentsCore.delegateRemove(b.onContactMoved, igniteuiWebcomponentsCore.runOn(this, this.ai));
                 var c = this.a;
                 c.onContactCompleted = igniteuiWebcomponentsCore.delegateRemove(c.onContactCompleted, igniteuiWebcomponentsCore.runOn(this, this.ah));
-                this.a.ap = null;
-                this.a.aw();
+                this.a.aq = null;
+                this.a.ax();
             }
         };
         MultiSliderView.prototype.ay = function () {
@@ -32352,7 +32353,7 @@
             if (a || d) {
                 this.g.ds(0, 0, b, c);
                 if (this.a != null) {
-                    this.a.bm = this.g.e0;
+                    this.a.bo = this.g.e0;
                 }
             }
         };
@@ -36211,7 +36212,7 @@
         XButtonGroupBridge.prototype.addButton = function (a, b) {
             this.v.add(b);
             a.buttons.add(b.d.getMethodTarget(null));
-            a.appendContentChild(b.an);
+            a.appendContentChild(b.ao);
         };
         XButtonGroupBridge.prototype.updateButton = function (a, b, c) {
             this.v._inner[b] = c;
@@ -36220,7 +36221,7 @@
         XButtonGroupBridge.prototype.insertButton = function (a, b, c) {
             this.v.insert(b, c);
             a.buttons.insert(b, c.d.getMethodTarget(null));
-            a.appendContentChild(c.an);
+            a.appendContentChild(c.ao);
         };
         XButtonGroupBridge.prototype.removeButton = function (a, b) {
             this.v.removeAt(b);
@@ -38136,7 +38137,7 @@
             a.showRelativeToExclusionRect(b, this.v(c), this.u(d));
         };
         XPopupBridge.prototype.showRelativeToTarget = function (a, b, c, d) {
-            var e = b.an.getNativeElement();
+            var e = b.ao.getNativeElement();
             a.cr(e, this.v(c), this.u(d));
         };
         XPopupBridge.prototype.close = function (a) {
@@ -38173,12 +38174,12 @@
         XPopupBridge.prototype.addChild = function (a, b) {
             this.ae.add(b);
             var c = a;
-            c.appendPopupContent(b.an);
+            c.appendPopupContent(b.ao);
         };
         XPopupBridge.prototype.insertChild = function (a, b, c) {
             this.ae.add(c);
             var d = a;
-            d.appendPopupContent(c.an);
+            d.appendPopupContent(c.ao);
         };
         XPopupBridge.prototype.getChildAt = function (a, b) {
             return this.ae._inner[b];
@@ -38188,12 +38189,12 @@
         };
         XPopupBridge.prototype.removeChild = function (a, b) {
             var c = a;
-            c.removePopupContent(b.an);
+            c.removePopupContent(b.ao);
             this.ae.remove(b);
         };
         XPopupBridge.prototype.removeChildAt = function (a, b) {
             var c = a;
-            c.removePopupContent(this.ae._inner[b].an);
+            c.removePopupContent(this.ae._inner[b].ao);
             this.ae.removeAt(b);
         };
         XPopupBridge.$t = igniteuiWebcomponentsCore.markType(XPopupBridge, 'XPopupBridge', XComponentBridge.$, [igniteuiWebcomponentsCore.INativeUIPopupBridge_$type]);
@@ -38361,7 +38362,7 @@
             configurable: true
         });
         NativeUIXInputsFactory.m = function () {
-            igniteuiWebcomponentsCore.NativeUIComponent.as(NativeUIXInputsFactory.b);
+            igniteuiWebcomponentsCore.NativeUIComponent.at(NativeUIXInputsFactory.b);
         };
         Object.defineProperty(NativeUIXInputsFactory.prototype, "flavor", {
             get: function () {
@@ -38435,7 +38436,7 @@
             f.inputs.add(j);
             var l = new XInputBridge(f);
             var m = new igniteuiWebcomponentsCore.NativeUIInput();
-            m.an = d;
+            m.ao = d;
             m.d = l;
             b(m);
         };
@@ -38449,7 +38450,7 @@
             var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var h = new XButtonBridge(f);
             var i = new igniteuiWebcomponentsCore.NativeUIButton();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         };
@@ -38464,7 +38465,7 @@
             var h = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var i = new MultiSliderBridge(f);
             var j = new igniteuiWebcomponentsCore.NativeUISlider();
-            j.an = d;
+            j.ao = d;
             j.d = i;
             b(j);
         };
@@ -38477,7 +38478,7 @@
             var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var h = new XButtonGroupBridge(f);
             var i = new igniteuiWebcomponentsCore.NativeUIButtonGroup();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         };
@@ -38490,7 +38491,7 @@
             var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var h = new ColorEditorBridge(f);
             var i = new igniteuiWebcomponentsCore.NativeUIColorEditor();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         };
@@ -38503,7 +38504,7 @@
             var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var h = new XCheckboxBridge(f);
             var i = new igniteuiWebcomponentsCore.NativeUICheckbox();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         };
@@ -38516,7 +38517,7 @@
             var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var h = new XIconBridge(f);
             var i = new igniteuiWebcomponentsCore.NativeUIIcon();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             var j = c.createElement("div");
             var k = c.getSubRenderer(j);
@@ -38527,9 +38528,9 @@
             var m = k.getExternal(l, k.rootWrapper, k.getExternal(l, null, null));
             var n = new XButtonBridge(l);
             var o = new igniteuiWebcomponentsCore.NativeUIButton();
-            o.an = j;
+            o.ao = j;
             o.d = n;
-            o.bo = i;
+            o.bp = i;
             b(o);
         };
         NativeUIXInputsFactory.prototype.h = function (a, b) {
@@ -38541,7 +38542,7 @@
             var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             var h = new XIconBridge(f);
             var i = new igniteuiWebcomponentsCore.NativeUIIcon();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         };
@@ -38553,7 +38554,7 @@
             f.provideRenderer(e);
             var g = new XPopupBridge(f);
             var h = new igniteuiWebcomponentsCore.NativeUIPopup();
-            h.an = d;
+            h.ao = d;
             h.d = g;
             b(h);
         };
@@ -38763,7 +38764,7 @@
         ColorEditorPanelView.prototype.bf = function (a) {
         };
         ColorEditorPanelView.prototype.a8 = function (a) {
-            this.aa.append(this.aa.getWrapper(a.an));
+            this.aa.append(this.aa.getWrapper(a.ao));
         };
         ColorEditorPanelView.prototype.be = function (a, b, c, d, e, f, g) {
             var h = igniteuiWebcomponentsCore.truncate(Math.round(f * this.a.ab));
@@ -38786,8 +38787,8 @@
             };
         };
         ColorEditorPanelView.prototype.ba = function (a) {
-            if (this.ae == null || a.ao == null) {
-                a.ao = "image";
+            if (this.ae == null || a.ap == null) {
+                a.ap = "image";
                 var b = this.aa.createElement("canvas");
                 this.ae = b;
                 var c = this.be(this.ae, this.m, this.l, this.au, this.at, 148, 148);
@@ -38797,7 +38798,7 @@
                 this.at = c.p4;
                 this.ae.setStyleProperty("justify-self", "center");
                 this.ae.setStyleProperty("align-self", "center");
-                var d = a.an;
+                var d = a.ao;
                 d.append(this.ae);
                 this.bm(this.a.ad());
             }
@@ -38831,8 +38832,8 @@
             }
         };
         ColorEditorPanelView.prototype.a9 = function (a) {
-            if (this.ad == null || a.ao == null) {
-                a.ao = "image";
+            if (this.ad == null || a.ap == null) {
+                a.ap = "image";
                 var b = this.aa.createElement("canvas");
                 this.ad = b;
                 var c = this.be(this.ad, this.j, this.h, this.as, this.ar, 248, 19);
@@ -38842,7 +38843,7 @@
                 this.ar = c.p4;
                 this.ad.setStyleProperty("justify-self", "center");
                 this.ad.setStyleProperty("align-self", "center");
-                var d = a.an;
+                var d = a.ao;
                 d.append(this.ad);
                 this.bl(0);
             }
@@ -38876,9 +38877,9 @@
             }
         };
         ColorEditorPanelView.prototype.bb = function (a) {
-            var b = a.an;
+            var b = a.ao;
             if (b.getChildCount() == 1) {
-                a.ao = "image";
+                a.ap = "image";
                 var c = this.aa.createElement("canvas");
                 this.ah = c;
                 var d = this.be(this.ah, this.t, this.p, this.aw, this.av, 85, 148);
@@ -38900,8 +38901,8 @@
             }
         };
         ColorEditorPanelView.prototype.bc = function (a) {
-            if (this.ai == null || a.ao == null) {
-                a.ao = "image";
+            if (this.ai == null || a.ap == null) {
+                a.ap = "image";
                 var b = this.aa.createElement("canvas");
                 this.ai = b;
                 var c = this.be(this.ai, this.z, this.v, this.aw, this.av, 25, 148);
@@ -38911,7 +38912,7 @@
                 this.av = c.p4;
                 this.ai.setStyleProperty("justify-self", "center");
                 this.ai.setStyleProperty("align-self", "center");
-                var d = a.an;
+                var d = a.ao;
                 d.append(this.ai);
                 this.bo(0, 1, 0.5);
             }
@@ -39060,11 +39061,11 @@
             return b;
         };
         ColorEditorView.prototype.k = function (a, b) {
-            var c = a.an;
+            var c = a.ao;
             c.append(this.h.getWrapper(b));
         };
         ColorEditorView.prototype.l = function (a) {
-            this.h.append(this.h.getWrapper(a.an));
+            this.h.append(this.h.getWrapper(a.ao));
         };
         ColorEditorView.prototype.c = function (a) {
             return this.b;
@@ -39434,7 +39435,7 @@
                     break;
                 case "Label":
                     if (this.r != null) {
-                        this.r.b5 = this.a2;
+                        this.r.b6 = this.a2;
                     }
                     break;
                 case "TextStyle":
@@ -39442,7 +39443,7 @@
                     break;
                 case "ShowClearButton":
                     if (this.r != null) {
-                        if (this.r.b7 != "") {
+                        if (this.r.b8 != "") {
                         }
                     }
                     break;
@@ -39454,14 +39455,14 @@
                     break;
                 case "AllowTextInput":
                     if (this.r != null) {
-                        this.r.b0 = this.am();
+                        this.r.b1 = this.am();
                     }
                     break;
                 case "OpenOnFocus": break;
                 case "IsDisabled":
                     {
                         if (this.r != null) {
-                            this.r.b0 = this.am();
+                            this.r.b1 = this.am();
                         }
                     }
                     break;
@@ -39472,7 +39473,7 @@
         };
         ColorEditor.prototype.cj = function () {
             if (this.r != null) {
-                this.r.ce = this.cr;
+                this.r.cf = this.cr;
             }
         };
         ColorEditor.prototype.ch = function () {
@@ -39481,7 +39482,7 @@
         };
         ColorEditor.prototype.ci = function () {
             if (this.n != null) {
-                this.r.bk = this.n;
+                this.r.bl = this.n;
             }
         };
         ColorEditor.prototype.bh = function () {
@@ -39489,7 +39490,7 @@
                 return;
             }
             if (this.r != null) {
-                this.r.b7 = "";
+                this.r.b8 = "";
             }
             this.value = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
             this.e.ax();
@@ -39512,44 +39513,44 @@
         ColorEditor.prototype.b6 = function (a) {
             var b = a;
             if (this.r != null) {
-                if (this.s.b6 && !this.s.t(b.b) && !this.r.t(b.b)) {
+                if (this.s.b7 && !this.s.t(b.b) && !this.r.t(b.b)) {
                     this.bi();
                 }
             }
         };
         ColorEditor.prototype.b7 = function (a) {
             if (this.r != null) {
-                var b = this.r.be();
-                this.s.ce(b);
+                var b = this.r.bf();
+                this.s.cf(b);
             }
         };
         ColorEditor.prototype.bj = function () {
             var _this = this;
-            igniteuiWebcomponentsCore.NativeUIComponent.av(this.h.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
+            igniteuiWebcomponentsCore.NativeUIComponent.aw(this.h.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
                 var b = a[0];
                 var c = a[1];
                 var d = a[2];
                 var e = a[3];
                 var f = _this.h.i();
                 _this.h.k(e, f);
-                b.bn(d);
-                d.bn(e);
+                b.bo(d);
+                d.bo(e);
                 _this.h.l(c);
-                b.ch = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
-                b.ca = 150;
-                b.b8 = 8;
-                b.cb = 4;
-                b.b1 = true;
+                b.ci = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
+                b.cb = 150;
+                b.b9 = 8;
+                b.cc = 4;
+                b.b2 = true;
                 _this.r = c;
                 _this.r.c = _this.j;
-                _this.r.bp = _this.l;
-                _this.r.b6 = ColorEditor.a8;
-                _this.r.cc = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
-                _this.r.cd = igniteuiWebcomponentsCore.BrushUtil.l(255, 0, 0, 0);
-                _this.r.bn = igniteuiWebcomponentsCore.runOn(_this, _this.cf);
+                _this.r.bq = _this.l;
+                _this.r.b7 = ColorEditor.a8;
+                _this.r.cd = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
+                _this.r.ce = igniteuiWebcomponentsCore.BrushUtil.l(255, 0, 0, 0);
+                _this.r.bo = igniteuiWebcomponentsCore.runOn(_this, _this.cf);
                 _this.r.n = igniteuiWebcomponentsCore.runOn(_this, _this.by);
                 _this.r.o = igniteuiWebcomponentsCore.runOn(_this, _this.b0);
-                _this.r.cb = igniteuiWebcomponentsCore.BrushUtil.l(255, 0, 0, 255);
+                _this.r.cc = igniteuiWebcomponentsCore.BrushUtil.l(255, 0, 0, 255);
                 _this.s = b;
                 _this.e = _this.h.c(f);
                 _this.e.value = _this.value;
@@ -39571,7 +39572,7 @@
             this.bl(a);
         };
         ColorEditor.prototype.b0 = function (a, b) {
-            if (!this.s.t(b.b) && !this.r.t(b.b) && !(this.r.an == b.b)) {
+            if (!this.s.t(b.b) && !this.r.t(b.b) && !(this.r.ao == b.b)) {
                 this.bp();
             }
         };
@@ -39589,18 +39590,18 @@
         };
         ColorEditor.prototype.b5 = function (a, b) {
             if (this.r != null) {
-                this.r.cb = b;
+                this.r.cc = b;
             }
         };
         ColorEditor.prototype.bl = function (a) {
-            if (this.s.b6) {
+            if (this.s.b7) {
                 this.w = true;
                 this.bi();
             }
         };
         ColorEditor.prototype.cg = function () {
             if (this.w == false) {
-                if (this.s.b6) {
+                if (this.s.b7) {
                     this.bi();
                 }
                 else {
@@ -39638,13 +39639,13 @@
         ColorEditor.prototype.ce = function (a, b) {
             {
                 var c = this.h.r(true);
-                this.s.cf(c, a, b);
+                this.s.cg(c, a, b);
             }
         };
         ColorEditor.prototype.bi = function () {
             var _this = this;
             if (this.s != null) {
-                this.a.executeDelayed(function () { return _this.s.cc(); }, 0);
+                this.a.executeDelayed(function () { return _this.s.cd(); }, 0);
             }
             if (this.e != null) {
                 this.e.bg();
@@ -39657,9 +39658,9 @@
                 a = false;
             }
             if (this.r != null) {
-                this.r.a0();
+                this.r.a1();
             }
-            if (!this.s.b6 && this.al == true) {
+            if (!this.s.b7 && this.al == true) {
                 if (this.w == false) {
                     if (this.aa) {
                         return;
@@ -39687,7 +39688,7 @@
         };
         ColorEditor.prototype.cb = function () {
             if (this.r != null) {
-                this.r.b9();
+                this.r.ca();
             }
         };
         ColorEditor.prototype.bo = function () {
@@ -40041,7 +40042,7 @@
         };
         ColorEditorPanel.prototype.a4 = function () {
             var _this = this;
-            igniteuiWebcomponentsCore.NativeUIContent.av(this.d.a7(), [7, 7, 0, 5, 0, 5, 0, 5, 2, 7, 1, 1, 7, 2, 7], [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2], function (a) {
+            igniteuiWebcomponentsCore.NativeUIContent.aw(this.d.a7(), [7, 7, 0, 5, 0, 5, 0, 5, 2, 7, 1, 1, 7, 2, 7], [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2], function (a) {
                 var b = a[0];
                 var c = a[1];
                 var d = a[2];
@@ -40057,97 +40058,97 @@
                 var n = a[12];
                 var o = a[13];
                 var p = a[14];
-                e.bk = 2;
-                i.bk = 0;
-                g.bk = 1;
-                e.bw = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
-                i.bw = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
-                g.bw = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
-                g.bh = new igniteuiWebcomponentsCore.Thickness(1, 0, 5, 5, 0);
-                f.bh = new igniteuiWebcomponentsCore.Thickness(1, 0, 5, 5, 0);
-                l.bz = "Ok";
+                e.bl = 2;
+                i.bl = 0;
+                g.bl = 1;
+                e.bx = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
+                i.bx = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
+                g.bx = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
+                g.bi = new igniteuiWebcomponentsCore.Thickness(1, 0, 5, 5, 0);
+                f.bi = new igniteuiWebcomponentsCore.Thickness(1, 0, 5, 5, 0);
+                l.b0 = "Ok";
                 l.c = _this.f;
-                m.bz = "Cancel";
+                m.b0 = "Cancel";
                 m.c = _this.f;
-                i.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 0, 5, 2);
-                h.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 0, 5, 2);
-                e.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 5, 5, 0);
-                d.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 5, 5, 0);
-                p.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 16, 0, 11);
-                p.a8 = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 0, 0);
-                c.cc(p, 0);
-                c.ca(p, 0);
-                c.bn(p);
-                n.b2(0, 2, 1);
-                n.b2(1, 2, 1);
-                n.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 2, 5, 2);
-                n.ca(j, 0);
-                j.bh = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 2, 0);
-                j.bu = 1;
-                j.bp = _this.h;
+                i.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 0, 5, 2);
+                h.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 0, 5, 2);
+                e.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 5, 5, 0);
+                d.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 5, 5, 0);
+                p.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 16, 0, 11);
+                p.a9 = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 0, 0);
+                c.cd(p, 0);
+                c.cb(p, 0);
+                c.bo(p);
+                n.b3(0, 2, 1);
+                n.b3(1, 2, 1);
+                n.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 2, 5, 2);
+                n.cb(j, 0);
+                j.bi = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 2, 0);
+                j.bv = 1;
+                j.bq = _this.h;
                 j.c = _this.f;
-                j.b5 = "rgba";
-                o.bh = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 2, 0);
-                o.bu = 1;
-                o.bp = _this.h;
+                j.b6 = "rgba";
+                o.bi = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 2, 0);
+                o.bv = 1;
+                o.bq = _this.h;
                 o.c = _this.f;
-                o.b5 = "hex";
-                n.ca(o, 1);
-                n.bn(j);
-                n.bn(o);
-                l.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 2, 5, 2);
-                m.bh = new igniteuiWebcomponentsCore.Thickness(1, 5, 2, 5, 2);
-                l.bp = _this.h;
-                m.bp = _this.h;
-                l.bm = igniteuiWebcomponentsCore.runOn(_this, _this.a6);
-                m.bm = igniteuiWebcomponentsCore.runOn(_this, _this.bh);
-                b.b4(0, 1, 175);
-                b.b4(1, 0, 0);
-                b.b4(2, 0, 0);
-                b.b4(3, 0, 0);
-                b.b2(0, 1, 90);
-                b.b2(1, 1, 175);
-                b.b2(2, 1, 25);
-                b.cc(c, 0);
-                b.ca(c, 0);
-                b.cc(d, 0);
-                b.ca(d, 1);
-                b.cc(e, 0);
-                b.ca(e, 1);
-                b.cc(f, 0);
-                b.ca(f, 3);
-                b.cc(g, 0);
-                b.ca(g, 3);
-                b.cc(h, 1);
-                b.ca(h, 0);
-                b.cb(h, 3);
-                b.cc(i, 1);
-                b.ca(i, 0);
-                b.cb(i, 3);
-                b.cc(n, 2);
-                b.ca(n, 0);
-                b.cb(n, 3);
+                o.b6 = "hex";
+                n.cb(o, 1);
+                n.bo(j);
+                n.bo(o);
+                l.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 2, 5, 2);
+                m.bi = new igniteuiWebcomponentsCore.Thickness(1, 5, 2, 5, 2);
+                l.bq = _this.h;
+                m.bq = _this.h;
+                l.bn = igniteuiWebcomponentsCore.runOn(_this, _this.a6);
+                m.bn = igniteuiWebcomponentsCore.runOn(_this, _this.bh);
+                b.b5(0, 1, 175);
+                b.b5(1, 0, 0);
+                b.b5(2, 0, 0);
+                b.b5(3, 0, 0);
+                b.b3(0, 1, 90);
+                b.b3(1, 1, 175);
+                b.b3(2, 1, 25);
+                b.cd(c, 0);
+                b.cb(c, 0);
+                b.cd(d, 0);
+                b.cb(d, 1);
+                b.cd(e, 0);
+                b.cb(e, 1);
+                b.cd(f, 0);
+                b.cb(f, 3);
+                b.cd(g, 0);
+                b.cb(g, 3);
+                b.cd(h, 1);
+                b.cb(h, 0);
+                b.cc(h, 3);
+                b.cd(i, 1);
+                b.cb(i, 0);
+                b.cc(i, 3);
+                b.cd(n, 2);
+                b.cb(n, 0);
+                b.cc(n, 3);
+                b.cd(k, 3);
+                b.cb(k, 0);
                 b.cc(k, 3);
-                b.ca(k, 0);
-                b.cb(k, 3);
-                k.b2(0, 2, 1);
-                k.b2(1, 2, 1);
-                k.ca(l, 0);
-                k.ca(m, 1);
-                k.bn(l);
-                k.bn(m);
-                b.bn(c);
-                b.bn(d);
-                b.bn(e);
-                b.bn(f);
-                b.bn(g);
-                b.bn(h);
-                b.bn(i);
-                b.bn(n);
-                b.bn(k);
+                k.b3(0, 2, 1);
+                k.b3(1, 2, 1);
+                k.cb(l, 0);
+                k.cb(m, 1);
+                k.bo(l);
+                k.bo(m);
+                b.bo(c);
+                b.bo(d);
+                b.bo(e);
+                b.bo(f);
+                b.bo(g);
+                b.bo(h);
+                b.bo(i);
+                b.bo(n);
+                b.bo(k);
                 _this.d.a8(b);
                 _this.n = b;
-                _this.n.bw = true;
+                _this.n.bx = true;
                 _this.s = i;
                 _this.u = g;
                 _this.m = f;
@@ -40155,24 +40156,24 @@
                 _this.o = p;
                 _this.r = j;
                 _this.q = o;
-                _this.s.bq = 0;
-                _this.s.bp = 360;
-                _this.s.by = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
+                _this.s.br = 0;
+                _this.s.bq = 360;
                 _this.s.bz = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
-                _this.u.bq = 0;
-                _this.u.bp = 1;
-                _this.t.by = igniteuiWebcomponentsCore.BrushUtil.l(255, 155, 155, 155);
-                _this.t.bz = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
-                _this.t.bq = 0;
-                _this.t.bp = 1;
-                _this.t.bu = 0;
-                _this.t.bt = 1;
+                _this.s.b0 = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
+                _this.u.br = 0;
+                _this.u.bq = 1;
+                _this.t.bz = igniteuiWebcomponentsCore.BrushUtil.l(255, 155, 155, 155);
+                _this.t.b0 = igniteuiWebcomponentsCore.BrushUtil.l(255, 255, 255, 255);
+                _this.t.br = 0;
+                _this.t.bq = 1;
+                _this.t.bv = 0;
+                _this.t.bu = 1;
+                _this.s.bp = igniteuiWebcomponentsCore.runOn(_this, _this.au);
                 _this.s.bo = igniteuiWebcomponentsCore.runOn(_this, _this.au);
-                _this.s.bn = igniteuiWebcomponentsCore.runOn(_this, _this.au);
+                _this.u.bp = igniteuiWebcomponentsCore.runOn(_this, _this.aw);
                 _this.u.bo = igniteuiWebcomponentsCore.runOn(_this, _this.aw);
-                _this.u.bn = igniteuiWebcomponentsCore.runOn(_this, _this.aw);
+                _this.t.bp = igniteuiWebcomponentsCore.runOn(_this, _this.av);
                 _this.t.bo = igniteuiWebcomponentsCore.runOn(_this, _this.av);
-                _this.t.bn = igniteuiWebcomponentsCore.runOn(_this, _this.av);
                 _this.l = d;
                 _this.k = h;
                 _this.p = c;
@@ -40209,26 +40210,26 @@
             var a = igniteuiWebcomponentsCore.Color.u(0, 0, 0, 0);
             var b = igniteuiWebcomponentsCore.Color.u(255, 255, 0, 0);
             if (this.s != null) {
-                var c = this.s.bs;
-                var d = this.t.bs;
-                var e = 1 - this.t.bv;
-                var f = 1 - this.u.bs;
+                var c = this.s.bt;
+                var d = this.t.bt;
+                var e = 1 - this.t.bw;
+                var f = 1 - this.u.bt;
                 b = igniteuiWebcomponentsCore.ColorUtil.r(1, c, 1, 0.5);
                 a = igniteuiWebcomponentsCore.ColorUtil.r(f, c, d, e);
-                this.s.bx = igniteuiWebcomponentsCore.BrushUtil.l(b.l, b.o, b.n, b.m);
-                this.t.bx = igniteuiWebcomponentsCore.BrushUtil.l(a.l, a.o, a.n, a.m);
-                this.o.a8 = igniteuiWebcomponentsCore.BrushUtil.l(a.l, a.o, a.n, a.m);
-                this.d.bm(this.s.bs);
+                this.s.by = igniteuiWebcomponentsCore.BrushUtil.l(b.l, b.o, b.n, b.m);
+                this.t.by = igniteuiWebcomponentsCore.BrushUtil.l(a.l, a.o, a.n, a.m);
+                this.o.a9 = igniteuiWebcomponentsCore.BrushUtil.l(a.l, a.o, a.n, a.m);
+                this.d.bm(this.s.bt);
                 this.d.bn(0);
-                this.d.bo(this.s.bs, this.t.bs, 1 - this.t.bv);
+                this.d.bo(this.s.bt, this.t.bt, 1 - this.t.bw);
             }
             if (this.r != null) {
                 var g = a.o + ", " + a.n + ", " + a.m + ", " + Math.round((a.l / 255) * 1000) / 1000;
-                this.r.b7 = g;
+                this.r.b8 = g;
             }
             if (this.q != null) {
                 var h = igniteuiWebcomponentsCore.ColorUtil.k(a, false);
-                this.q.b7 = h;
+                this.q.b8 = h;
             }
             this.bx = igniteuiWebcomponentsCore.BrushUtil.l(a.l, a.o, a.n, a.m);
             this.bc(this.value);
@@ -40241,7 +40242,7 @@
         ColorEditorPanel.prototype.bl = function () {
         };
         ColorEditorPanel.prototype.a3 = function () {
-            this.n.az();
+            this.n.a0();
         };
         ColorEditorPanel.prototype.onAttachedToUI = function () {
             this.d.bg();
@@ -40271,10 +40272,10 @@
             var a = this.b5;
             var b = igniteuiWebcomponentsCore.ColorUtil.a(a);
             this.y = true;
-            this.s.bs = b[1] == -1 ? 0 : b[1];
-            this.u.bs = 1 - b[0];
-            this.t.bs = b[2];
-            this.t.bv = 1 - b[3];
+            this.s.bt = b[1] == -1 ? 0 : b[1];
+            this.u.bt = 1 - b[0];
+            this.t.bt = b[2];
+            this.t.bw = 1 - b[3];
             this.y = false;
             if (this.x) {
                 this.bn();
@@ -40294,7 +40295,7 @@
             this.bn();
         };
         ColorEditorPanel.prototype.a0 = function (a, b, c) {
-            var d = this.s.bs;
+            var d = this.s.bt;
             var e = 1;
             var f = 255;
             for (var g = 0; g < c; g++) {
@@ -40453,12 +40454,12 @@
         };
         ColorEditorPanel.prototype.ad = function () {
             if (this.s != null) {
-                return this.s.bs;
+                return this.s.bt;
             }
             return 0;
         };
         ColorEditorPanel.prototype.a1 = function (a, b, c) {
-            var d = this.s.bs;
+            var d = this.s.bt;
             var e = 1;
             var f = 255;
             for (var g = 0; g < c; g++) {
@@ -40495,11 +40496,11 @@
             }
         };
         ColorEditorPanel.prototype.a2 = function (a, b, c) {
-            var d = this.s.bs;
+            var d = this.s.bt;
             var e = 1;
             var f = 255;
-            var g = 1 - this.t.bv;
-            var h = this.t.bs;
+            var g = 1 - this.t.bw;
+            var h = this.t.bt;
             for (var i = 0; i < c; i++) {
                 var j = i / c;
                 for (var k = 0; k < b; k++) {