igniteui-angular-inputs 21.0.1-beta.0 → 21.1.0-beta.0

package/esm2015/lib/NativeUIXInputsFactory_combined.js

@@ -71,7 +71,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             return NativeUIXInputsFactory.a;
         }
         static m() {
-            NativeUIComponent.as(NativeUIXInputsFactory.b);
+            NativeUIComponent.at(NativeUIXInputsFactory.b);
         }
         get flavor() {
             return this.c;
@@ -141,7 +141,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             f.inputs.add(j);
             let l = new XInputBridge(f);
             let m = new NativeUIInput();
-            m.an = d;
+            m.ao = d;
             m.d = l;
             b(m);
         }
@@ -155,7 +155,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new XButtonBridge(f);
             let i = new NativeUIButton();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         }
@@ -170,7 +170,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let h = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let i = new MultiSliderBridge(f);
             let j = new NativeUISlider();
-            j.an = d;
+            j.ao = d;
             j.d = i;
             b(j);
         }
@@ -183,7 +183,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new XButtonGroupBridge(f);
             let i = new NativeUIButtonGroup();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         }
@@ -196,7 +196,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new ColorEditorBridge(f);
             let i = new NativeUIColorEditor();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         }
@@ -209,7 +209,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new XCheckboxBridge(f);
             let i = new NativeUICheckbox();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         }
@@ -222,7 +222,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new XIconBridge(f);
             let i = new NativeUIIcon();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             let j = c.createElement("div");
             let k = c.getSubRenderer(j);
@@ -233,9 +233,9 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let m = k.getExternal(l, k.rootWrapper, k.getExternal(l, null, null));
             let n = new XButtonBridge(l);
             let o = new NativeUIButton();
-            o.an = j;
+            o.ao = j;
             o.d = n;
-            o.bo = i;
+            o.bp = i;
             b(o);
         }
         h(a, b) {
@@ -247,7 +247,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             let g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
             let h = new XIconBridge(f);
             let i = new NativeUIIcon();
-            i.an = d;
+            i.ao = d;
             i.d = h;
             b(i);
         }
@@ -259,7 +259,7 @@ export let NativeUIXInputsFactory = /*@__PURE__*/ (() => {
             f.provideRenderer(e);
             let g = new XPopupBridge(f);
             let h = new NativeUIPopup();
-            h.an = d;
+            h.ao = d;
             h.d = g;
             b(h);
         }
@@ -452,7 +452,7 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
         bf(a) {
         }
         a8(a) {
-            this.aa.append(this.aa.getWrapper(a.an));
+            this.aa.append(this.aa.getWrapper(a.ao));
         }
         be(a, b, c, d, e, f, g) {
             let h = truncate(Math.round(f * this.a.ab));
@@ -475,8 +475,8 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
             };
         }
         ba(a) {
-            if (this.ae == null || a.ao == null) {
-                a.ao = "image";
+            if (this.ae == null || a.ap == null) {
+                a.ap = "image";
                 let b = this.aa.createElement("canvas");
                 this.ae = b;
                 let c = this.be(this.ae, this.m, this.l, this.au, this.at, 148, 148);
@@ -486,7 +486,7 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
                 this.at = c.p4;
                 this.ae.setStyleProperty("justify-self", "center");
                 this.ae.setStyleProperty("align-self", "center");
-                let d = a.an;
+                let d = a.ao;
                 d.append(this.ae);
                 this.bm(this.a.ad());
             }
@@ -520,8 +520,8 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
             }
         }
         a9(a) {
-            if (this.ad == null || a.ao == null) {
-                a.ao = "image";
+            if (this.ad == null || a.ap == null) {
+                a.ap = "image";
                 let b = this.aa.createElement("canvas");
                 this.ad = b;
                 let c = this.be(this.ad, this.j, this.h, this.as, this.ar, 248, 19);
@@ -531,7 +531,7 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
                 this.ar = c.p4;
                 this.ad.setStyleProperty("justify-self", "center");
                 this.ad.setStyleProperty("align-self", "center");
-                let d = a.an;
+                let d = a.ao;
                 d.append(this.ad);
                 this.bl(0);
             }
@@ -565,9 +565,9 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
             }
         }
         bb(a) {
-            let b = a.an;
+            let b = a.ao;
             if (b.getChildCount() == 1) {
-                a.ao = "image";
+                a.ap = "image";
                 let c = this.aa.createElement("canvas");
                 this.ah = c;
                 let d = this.be(this.ah, this.t, this.p, this.aw, this.av, 85, 148);
@@ -589,8 +589,8 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
             }
         }
         bc(a) {
-            if (this.ai == null || a.ao == null) {
-                a.ao = "image";
+            if (this.ai == null || a.ap == null) {
+                a.ap = "image";
                 let b = this.aa.createElement("canvas");
                 this.ai = b;
                 let c = this.be(this.ai, this.z, this.v, this.aw, this.av, 25, 148);
@@ -600,7 +600,7 @@ export let ColorEditorPanelView = /*@__PURE__*/ (() => {
                 this.av = c.p4;
                 this.ai.setStyleProperty("justify-self", "center");
                 this.ai.setStyleProperty("align-self", "center");
-                let d = a.an;
+                let d = a.ao;
                 d.append(this.ai);
                 this.bo(0, 1, 0.5);
             }
@@ -683,18 +683,19 @@ export let ColorEditorView = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this.a = null;
-            this.h = null;
+            this.i = null;
             this.d = null;
             this.g = new List$1(Delegate_$type, 0);
             this.e = true;
+            this._createColorEditorPanel = null;
             this.b = null;
         }
-        q() {
+        r() {
         }
         f() {
             return true;
         }
-        o(a) {
+        p(a) {
             if (a == null) {
                 for (let b of fromEnum(this.g)) {
                     b();
@@ -705,45 +706,57 @@ export let ColorEditorView = /*@__PURE__*/ (() => {
             if (this.a.a == null) {
                 this.a.a = new DOMExecutionContext(a);
             }
-            this.h = a;
+            this.i = a;
             this.a.bj();
         }
-        m() {
+        n() {
             if (KeyFrameAnimationFactory.h == null) {
-                KeyFrameAnimationFactory.h = this.h;
+                KeyFrameAnimationFactory.h = this.i;
             }
         }
-        n() {
+        o() {
             this.e = true;
         }
-        p() {
+        q() {
             this.e = false;
         }
+        k() {
+            return this.i;
+        }
+        get createColorEditorPanel() {
+            return this._createColorEditorPanel;
+        }
+        set createColorEditorPanel(a) {
+            this._createColorEditorPanel = a;
+        }
         j() {
-            return this.h;
-        }
-        i() {
-            let a = new ColorEditorPanel();
-            this.b = a;
-            let b = this.h.createElement("div");
-            let c = this.h.getSubRenderer(b);
-            a.provideContainer(c);
-            let d = this.h.getExternal(a, null, null);
-            return b;
+            if (this.createColorEditorPanel != null) {
+                let a = this.createColorEditorPanel();
+                let b = this.i.getWrapper(a);
+                this.b = (a.i);
+                return a;
+            }
+            let c = new ColorEditorPanel();
+            this.b = c;
+            let d = this.i.createElement("div");
+            let e = this.i.getSubRenderer(d);
+            c.provideContainer(e);
+            let f = this.i.getExternal(c, null, null);
+            return d;
         }
-        k(a, b) {
-            let c = a.an;
-            c.append(this.h.getWrapper(b));
+        l(a, b) {
+            let c = a.ao;
+            c.append(this.i.getWrapper(b));
         }
-        l(a) {
-            this.h.append(this.h.getWrapper(a.an));
+        m(a) {
+            this.i.append(this.i.getWrapper(a.ao));
         }
         c(a) {
             return this.b;
         }
-        r(a) {
-            if (this.h != null) {
-                let b = this.h.rootWrapper.getNativeElement();
+        s(a) {
+            if (this.i != null) {
+                let b = this.i.rootWrapper.getNativeElement();
                 let c = (b.getBoundingClientRect());
                 if (a) {
                     c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
@@ -752,7 +765,7 @@ export let ColorEditorView = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        s() {
+        t() {
             return new Size(1, NaN, NaN);
         }
     }
@@ -766,7 +779,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
     class ColorEditor extends Base {
         constructor() {
             super();
-            this.h = null;
+            this._view = null;
             this.s = null;
             this.r = null;
             this.e = null;
@@ -804,14 +817,20 @@ export let ColorEditor = /*@__PURE__*/ (() => {
             NativeUIXInputsFactory.m();
             let a = new ColorEditorView();
             a.a = this;
-            this.h = a;
-            this.h.q();
+            this.view = a;
+            this.view.r();
+        }
+        get view() {
+            return this._view;
+        }
+        set view(a) {
+            this._view = a;
         }
         onAttachedToUI() {
-            this.h.n();
+            this.view.o();
         }
         onDetachedFromUI() {
-            this.h.p();
+            this.view.q();
         }
         b4(a, b) {
             if (this.valueChanging != null) {
@@ -831,11 +850,11 @@ export let ColorEditor = /*@__PURE__*/ (() => {
             this.provideContainer(null);
         }
         provideContainer(a) {
-            this.h.o(a);
+            this.view.p(a);
         }
         get u() {
             if (this.t == null) {
-                this.t = new SRProvider(this.h.h);
+                this.t = new SRProvider(this.view.i);
                 this.t.cb("ColorEditor");
             }
             return this.t;
@@ -1034,7 +1053,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
                     break;
                 case "Label":
                     if (this.r != null) {
-                        this.r.b5 = this.a2;
+                        this.r.b6 = this.a2;
                     }
                     break;
                 case "TextStyle":
@@ -1042,7 +1061,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
                     break;
                 case "ShowClearButton":
                     if (this.r != null) {
-                        if (this.r.b7 != "") {
+                        if (this.r.b8 != "") {
                         }
                     }
                     break;
@@ -1054,14 +1073,14 @@ export let ColorEditor = /*@__PURE__*/ (() => {
                     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;
@@ -1072,7 +1091,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         }
         cj() {
             if (this.r != null) {
-                this.r.ce = this.cr;
+                this.r.cf = this.cr;
             }
         }
         ch() {
@@ -1081,7 +1100,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         }
         ci() {
             if (this.n != null) {
-                this.r.bk = this.n;
+                this.r.bl = this.n;
             }
         }
         bh() {
@@ -1089,7 +1108,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.r != null) {
-                this.r.b7 = "";
+                this.r.b8 = "";
             }
             this.value = BrushUtil.l(0, 0, 0, 0);
             this.e.ax();
@@ -1102,8 +1121,8 @@ export let ColorEditor = /*@__PURE__*/ (() => {
             this.aa = false;
         }
         br() {
-            NativeUIWindow.h(15, runOn(this, this.b7), this.h.h);
-            NativeUIWindow.h(9, runOn(this, this.b6), this.h.h);
+            NativeUIWindow.h(15, runOn(this, this.b7), this.view.i);
+            NativeUIWindow.h(9, runOn(this, this.b6), this.view.i);
         }
         bv() {
             NativeUIWindow.i(15, runOn(this, this.b7));
@@ -1112,45 +1131,45 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         b6(a) {
             let 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();
                 }
             }
         }
         b7(a) {
             if (this.r != null) {
-                let b = this.r.be();
-                this.s.ce(b);
+                let b = this.r.bf();
+                this.s.cf(b);
             }
         }
         bj() {
-            NativeUIComponent.av(this.h.j(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
+            NativeUIComponent.aw(this.view.k(), [12, 2, 7, 0], [2, 2, 2, 2], (a) => {
                 let b = a[0];
                 let c = a[1];
                 let d = a[2];
                 let e = a[3];
-                let f = this.h.i();
-                this.h.k(e, f);
-                b.bn(d);
-                d.bn(e);
-                this.h.l(c);
-                b.ch = BrushUtil.l(255, 255, 255, 255);
-                b.ca = 150;
-                b.b8 = 8;
-                b.cb = 4;
-                b.b1 = true;
+                let f = this.view.j();
+                this.view.l(e, f);
+                b.bo(d);
+                d.bo(e);
+                this.view.m(c);
+                b.ci = 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 = BrushUtil.l(255, 255, 255, 255);
-                this.r.cd = BrushUtil.l(255, 0, 0, 0);
-                this.r.bn = runOn(this, this.cf);
+                this.r.bq = this.l;
+                this.r.b7 = ColorEditor.a8;
+                this.r.cd = BrushUtil.l(255, 255, 255, 255);
+                this.r.ce = BrushUtil.l(255, 0, 0, 0);
+                this.r.bo = runOn(this, this.cf);
                 this.r.n = runOn(this, this.by);
                 this.r.o = runOn(this, this.b0);
-                this.r.cb = BrushUtil.l(255, 0, 0, 255);
+                this.r.cc = BrushUtil.l(255, 0, 0, 255);
                 this.s = b;
-                this.e = this.h.c(f);
+                this.e = this.view.c(f);
                 this.e.value = this.value;
                 let g = this.e;
                 g.closed = delegateCombine(g.closed, runOn(this, this.bf));
@@ -1170,7 +1189,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
             this.bl(a);
         }
         b0(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();
             }
         }
@@ -1188,18 +1207,18 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         }
         b5(a, b) {
             if (this.r != null) {
-                this.r.cb = b;
+                this.r.cc = b;
             }
         }
         bl(a) {
-            if (this.s.b6) {
+            if (this.s.b7) {
                 this.w = true;
                 this.bi();
             }
         }
         cg() {
             if (this.w == false) {
-                if (this.s.b6) {
+                if (this.s.b7) {
                     this.bi();
                 }
                 else {
@@ -1215,8 +1234,8 @@ export let ColorEditor = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.s != null) {
-                let a = this.h.r(false);
-                let b = this.h.s();
+                let a = this.view.s(false);
+                let b = this.view.t();
                 let c = b.height;
                 let d = 240;
                 let e = a.bottom + d;
@@ -1236,13 +1255,13 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         }
         ce(a, b) {
             {
-                let c = this.h.r(true);
-                this.s.cf(c, a, b);
+                let c = this.view.s(true);
+                this.s.cg(c, a, b);
             }
         }
         bi() {
             if (this.s != null) {
-                this.a.executeDelayed(() => this.s.cc(), 0);
+                this.a.executeDelayed(() => this.s.cd(), 0);
             }
             if (this.e != null) {
                 this.e.bg();
@@ -1251,9 +1270,9 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         }
         focus(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;
@@ -1281,7 +1300,7 @@ export let ColorEditor = /*@__PURE__*/ (() => {
         }
         cb() {
             if (this.r != null) {
-                this.r.b9();
+                this.r.ca();
             }
         }
         bo() {
@@ -1582,7 +1601,7 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
             }
         }
         a4() {
-            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], (a) => {
+            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], (a) => {
                 let b = a[0];
                 let c = a[1];
                 let d = a[2];
@@ -1598,97 +1617,97 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
                 let n = a[12];
                 let o = a[13];
                 let p = a[14];
-                e.bk = 2;
-                i.bk = 0;
-                g.bk = 1;
-                e.bw = BrushUtil.l(0, 0, 0, 0);
-                i.bw = BrushUtil.l(0, 0, 0, 0);
-                g.bw = BrushUtil.l(0, 0, 0, 0);
-                g.bh = new Thickness(1, 0, 5, 5, 0);
-                f.bh = new Thickness(1, 0, 5, 5, 0);
-                l.bz = "Ok";
+                e.bl = 2;
+                i.bl = 0;
+                g.bl = 1;
+                e.bx = BrushUtil.l(0, 0, 0, 0);
+                i.bx = BrushUtil.l(0, 0, 0, 0);
+                g.bx = BrushUtil.l(0, 0, 0, 0);
+                g.bi = new Thickness(1, 0, 5, 5, 0);
+                f.bi = new 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 Thickness(1, 5, 0, 5, 2);
-                h.bh = new Thickness(1, 5, 0, 5, 2);
-                e.bh = new Thickness(1, 5, 5, 5, 0);
-                d.bh = new Thickness(1, 5, 5, 5, 0);
-                p.bh = new Thickness(1, 5, 16, 0, 11);
-                p.a8 = 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 Thickness(1, 5, 2, 5, 2);
-                n.ca(j, 0);
-                j.bh = new Thickness(1, 0, 0, 2, 0);
-                j.bu = 1;
-                j.bp = this.h;
+                i.bi = new Thickness(1, 5, 0, 5, 2);
+                h.bi = new Thickness(1, 5, 0, 5, 2);
+                e.bi = new Thickness(1, 5, 5, 5, 0);
+                d.bi = new Thickness(1, 5, 5, 5, 0);
+                p.bi = new Thickness(1, 5, 16, 0, 11);
+                p.a9 = BrushUtil.l(255, 255, 0, 0);
+                c.cf(p, 0);
+                c.cd(p, 0);
+                c.bo(p);
+                n.b5(0, 2, 1);
+                n.b5(1, 2, 1);
+                n.bi = new Thickness(1, 5, 2, 5, 2);
+                n.cd(j, 0);
+                j.bi = new Thickness(1, 0, 0, 2, 0);
+                j.bv = 1;
+                j.bq = this.h;
                 j.c = this.f;
-                j.b5 = "rgba";
-                o.bh = new Thickness(1, 0, 0, 2, 0);
-                o.bu = 1;
-                o.bp = this.h;
+                j.b6 = "rgba";
+                o.bi = new 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 Thickness(1, 5, 2, 5, 2);
-                m.bh = new Thickness(1, 5, 2, 5, 2);
-                l.bp = this.h;
-                m.bp = this.h;
-                l.bm = runOn(this, this.a6);
-                m.bm = 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);
-                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);
+                o.b6 = "hex";
+                n.cd(o, 1);
+                n.bo(j);
+                n.bo(o);
+                l.bi = new Thickness(1, 5, 2, 5, 2);
+                m.bi = new Thickness(1, 5, 2, 5, 2);
+                l.bq = this.h;
+                m.bq = this.h;
+                l.bn = runOn(this, this.a6);
+                m.bn = runOn(this, this.bh);
+                b.b7(0, 1, 175);
+                b.b7(1, 0, 0);
+                b.b7(2, 0, 0);
+                b.b7(3, 0, 0);
+                b.b5(0, 1, 90);
+                b.b5(1, 1, 175);
+                b.b5(2, 1, 25);
+                b.cf(c, 0);
+                b.cd(c, 0);
+                b.cf(d, 0);
+                b.cd(d, 1);
+                b.cf(e, 0);
+                b.cd(e, 1);
+                b.cf(f, 0);
+                b.cd(f, 3);
+                b.cf(g, 0);
+                b.cd(g, 3);
+                b.cf(h, 1);
+                b.cd(h, 0);
+                b.ce(h, 3);
+                b.cf(i, 1);
+                b.cd(i, 0);
+                b.ce(i, 3);
+                b.cf(n, 2);
+                b.cd(n, 0);
+                b.ce(n, 3);
+                b.cf(k, 3);
+                b.cd(k, 0);
+                b.ce(k, 3);
+                k.b5(0, 2, 1);
+                k.b5(1, 2, 1);
+                k.cd(l, 0);
+                k.cd(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.by = true;
                 this.s = i;
                 this.u = g;
                 this.m = f;
@@ -1696,24 +1715,24 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
                 this.o = p;
                 this.r = j;
                 this.q = o;
-                this.s.bq = 0;
-                this.s.bp = 360;
-                this.s.by = BrushUtil.l(255, 255, 255, 255);
+                this.s.br = 0;
+                this.s.bq = 360;
                 this.s.bz = BrushUtil.l(255, 255, 255, 255);
-                this.u.bq = 0;
-                this.u.bp = 1;
-                this.t.by = BrushUtil.l(255, 155, 155, 155);
-                this.t.bz = 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 = BrushUtil.l(255, 255, 255, 255);
+                this.u.br = 0;
+                this.u.bq = 1;
+                this.t.bz = BrushUtil.l(255, 155, 155, 155);
+                this.t.b0 = 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 = runOn(this, this.au);
                 this.s.bo = runOn(this, this.au);
-                this.s.bn = runOn(this, this.au);
+                this.u.bp = runOn(this, this.aw);
                 this.u.bo = runOn(this, this.aw);
-                this.u.bn = runOn(this, this.aw);
+                this.t.bp = runOn(this, this.av);
                 this.t.bo = runOn(this, this.av);
-                this.t.bn = runOn(this, this.av);
                 this.l = d;
                 this.k = h;
                 this.p = c;
@@ -1749,26 +1768,26 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
             let a = Color.u(0, 0, 0, 0);
             let b = Color.u(255, 255, 0, 0);
             if (this.s != null) {
-                let c = this.s.bs;
-                let d = this.t.bs;
-                let e = 1 - this.t.bv;
-                let f = 1 - this.u.bs;
+                let c = this.s.bt;
+                let d = this.t.bt;
+                let e = 1 - this.t.bw;
+                let f = 1 - this.u.bt;
                 b = ColorUtil.r(1, c, 1, 0.5);
                 a = ColorUtil.r(f, c, d, e);
-                this.s.bx = BrushUtil.l(b.l, b.o, b.n, b.m);
-                this.t.bx = BrushUtil.l(a.l, a.o, a.n, a.m);
-                this.o.a8 = BrushUtil.l(a.l, a.o, a.n, a.m);
-                this.d.bm(this.s.bs);
+                this.s.by = BrushUtil.l(b.l, b.o, b.n, b.m);
+                this.t.by = BrushUtil.l(a.l, a.o, a.n, a.m);
+                this.o.a9 = 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) {
                 let 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) {
                 let h = ColorUtil.k(a, false);
-                this.q.b7 = h;
+                this.q.b8 = h;
             }
             this.bx = BrushUtil.l(a.l, a.o, a.n, a.m);
             this.bc(this.value);
@@ -1781,7 +1800,7 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
         bl() {
         }
         a3() {
-            this.n.az();
+            this.n.a0();
         }
         onAttachedToUI() {
             this.d.bg();
@@ -1807,10 +1826,10 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
             let a = this.b5;
             let b = 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();
@@ -1830,7 +1849,7 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
             this.bn();
         }
         a0(a, b, c) {
-            let d = this.s.bs;
+            let d = this.s.bt;
             let e = 1;
             let f = 255;
             for (let g = 0; g < c; g++) {
@@ -1989,12 +2008,12 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
         }
         ad() {
             if (this.s != null) {
-                return this.s.bs;
+                return this.s.bt;
             }
             return 0;
         }
         a1(a, b, c) {
-            let d = this.s.bs;
+            let d = this.s.bt;
             let e = 1;
             let f = 255;
             for (let g = 0; g < c; g++) {
@@ -2031,11 +2050,11 @@ export let ColorEditorPanel = /*@__PURE__*/ (() => {
             }
         }
         a2(a, b, c) {
-            let d = this.s.bs;
+            let d = this.s.bt;
             let e = 1;
             let f = 255;
-            let g = 1 - this.t.bv;
-            let h = this.t.bs;
+            let g = 1 - this.t.bw;
+            let h = this.t.bt;
             for (let i = 0; i < c; i++) {
                 let j = i / c;
                 for (let k = 0; k < b; k++) {