igniteui-webcomponents-inputs 6.2.2-alpha.2 → 6.3.0-beta.0

package/esm5/lib/NativeUIXInputsFactory_combined.js

@@ -36,12 +36,13 @@ import { NativeUIPopup } from "igniteui-webcomponents-core";
 import { XComponentBridge } from "./XComponentBridge";
 import { ColorEditorPanelSelectedValueChangedEventArgs } from "./ColorEditorPanelSelectedValueChangedEventArgs";
 import { NativeUIColorEditorValueChangedEventArgs } from "igniteui-webcomponents-core";
+import { ColorEditorVisualModelExport } from "./ColorEditorVisualModelExport";
+import { Rect } from "igniteui-webcomponents-core";
 import { KeyFrameAnimationFactory } from "igniteui-webcomponents-core";
 import { Size } from "igniteui-webcomponents-core";
 import { NativeUIContent } from "igniteui-webcomponents-core";
 import { truncate, isNaN_, intDivide } from "igniteui-webcomponents-core";
 import { DOMExecutionContext } from "igniteui-webcomponents-core";
-import { Rect } from "igniteui-webcomponents-core";
 import { SRProvider } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
@@ -51,6 +52,7 @@ import { NativeUIWindow } from "igniteui-webcomponents-core";
 import { ColorEditorPanelClosedEventArgs } from "./ColorEditorPanelClosedEventArgs";
 import { ColorEditorGotFocusEventArgs } from "./ColorEditorGotFocusEventArgs";
 import { ColorEditorLostFocusEventArgs } from "./ColorEditorLostFocusEventArgs";
+import { AppearanceHelper } from "igniteui-webcomponents-core";
 import { Color } from "igniteui-webcomponents-core";
 import { ColorUtil } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
@@ -346,6 +348,15 @@ var ColorEditorBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
+    ColorEditorBridge.prototype.exportVisualData = function (a) {
+        var b = a.as();
+        var c = this.getBoundingRect(a);
+        b.e = c.left;
+        b.f = c.top;
+        b.g = c.width;
+        b.d = c.height;
+        return b;
+    };
     ColorEditorBridge.$t = markType(ColorEditorBridge, 'ColorEditorBridge', XComponentBridge.$);
     return ColorEditorBridge;
 }(XComponentBridge));
@@ -742,7 +753,7 @@ var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.a.a = new DOMExecutionContext(a);
         }
         this.h = a;
-        this.a.bg();
+        this.a.bj();
     };
     ColorEditorView.prototype.m = function () {
         if (KeyFrameAnimationFactory.h == null) {
@@ -802,55 +813,55 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(ColorEditor, _super);
     function ColorEditor() {
         var _this = _super.call(this) || this;
-        _this.g = null;
+        _this.h = null;
+        _this.s = null;
         _this.r = null;
-        _this.q = null;
-        _this.d = null;
-        _this.v = false;
-        _this.af = false;
-        _this.ad = false;
-        _this.cj = BrushUtil.j(0, 0, 0, 0);
+        _this.e = null;
         _this.w = false;
+        _this.ag = false;
+        _this.ae = false;
+        _this.cm = BrushUtil.j(0, 0, 0, 0);
+        _this.x = false;
         _this.propertyChanged = null;
         _this.valueChanged = null;
         _this.valueChanging = null;
-        _this.s = null;
+        _this.t = null;
         _this.a = null;
-        _this.cl = BrushUtil.j(255, 0, 0, 255);
-        _this.ar = "";
-        _this.ci = BrushUtil.j(255, 24, 29, 31);
-        _this.l = null;
-        _this.j = 2;
-        _this.h = 1;
+        _this.co = BrushUtil.j(255, 0, 0, 255);
+        _this.at = "";
+        _this.cl = BrushUtil.j(255, 24, 29, 31);
         _this.m = null;
-        _this.ck = BrushUtil.j(255, 24, 29, 31);
-        _this.ch = BrushUtil.j(255, 163, 172, 184);
+        _this.k = 2;
+        _this.i = 1;
+        _this.n = null;
+        _this.cn = BrushUtil.j(255, 24, 29, 31);
+        _this.ck = BrushUtil.j(255, 163, 172, 184);
+        _this.ad = true;
+        _this.v = true;
         _this.ac = true;
-        _this.u = true;
-        _this.ab = true;
-        _this.x = false;
-        _this.ap = 0;
         _this.y = false;
-        _this.aa = false;
-        _this.ae = false;
+        _this.aq = 0;
         _this.z = false;
+        _this.ab = false;
+        _this.af = false;
+        _this.aa = false;
         _this.gotFocus = null;
         _this.lostFocus = null;
         NativeUIInputsFactory.n();
         NativeUIXInputsFactory.m();
         var a = new ColorEditorView();
         a.a = _this;
-        _this.g = a;
-        _this.g.q();
+        _this.h = a;
+        _this.h.q();
         return _this;
     }
     ColorEditor.prototype.onAttachedToUI = function () {
-        this.g.n();
+        this.h.n();
     };
     ColorEditor.prototype.onDetachedFromUI = function () {
-        this.g.p();
+        this.h.p();
     };
-    ColorEditor.prototype.b1 = function (a, b) {
+    ColorEditor.prototype.b4 = function (a, b) {
         if (this.valueChanging != null) {
             this.valueChanging(this, ((function () {
                 var $ret = new ColorEditorPanelSelectedValueChangedEventArgs();
@@ -859,7 +870,7 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        if (this.w) {
+        if (this.x) {
         }
     };
     ColorEditor.prototype.notifySizeChanged = function () {
@@ -868,290 +879,290 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
         this.provideContainer(null);
     };
     ColorEditor.prototype.provideContainer = function (a) {
-        this.g.o(a);
+        this.h.o(a);
     };
-    Object.defineProperty(ColorEditor.prototype, "t", {
+    Object.defineProperty(ColorEditor.prototype, "u", {
         get: function () {
-            if (this.s == null) {
-                this.s = new SRProvider(this.g.h);
-                this.s.cb("ColorEditor");
+            if (this.t == null) {
+                this.t = new SRProvider(this.h.h);
+                this.t.cb("ColorEditor");
             }
-            return this.s;
+            return this.t;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(ColorEditor.prototype, "value", {
         get: function () {
-            return this.cl;
+            return this.co;
         },
         set: function (a) {
-            var b = this.cl;
-            this.cj = b;
-            this.cl = a;
-            if (b != this.cl) {
-                this.b0("Value", b, this.cl);
+            var b = this.co;
+            this.cm = b;
+            this.co = a;
+            if (b != this.co) {
+                this.b3("Value", b, this.co);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "az", {
+    Object.defineProperty(ColorEditor.prototype, "a2", {
         get: function () {
-            return this.ar;
+            return this.at;
         },
         set: function (a) {
-            var b = this.ar;
-            this.ar = a;
-            if (b != this.ar) {
-                this.b0("Label", b, this.ar);
+            var b = this.at;
+            this.at = a;
+            if (b != this.at) {
+                this.b3("Label", b, this.at);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "cn", {
+    Object.defineProperty(ColorEditor.prototype, "cq", {
         get: function () {
-            return this.ci;
+            return this.cl;
         },
         set: function (a) {
-            var b = this.ci;
-            this.ci = a;
-            if (b != this.ci) {
-                this.b0("LabelTextColor", b, a);
+            var b = this.cl;
+            this.cl = a;
+            if (b != this.cl) {
+                this.b3("LabelTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "o", {
+    Object.defineProperty(ColorEditor.prototype, "p", {
         get: function () {
-            return this.l;
+            return this.m;
         },
         set: function (a) {
-            var b = this.l;
-            this.l = a;
-            if (b != this.l) {
-                this.b0("LabelTextStyle", b, this.l);
+            var b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.b3("LabelTextStyle", b, this.m);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "k", {
+    Object.defineProperty(ColorEditor.prototype, "l", {
         get: function () {
-            return this.j;
+            return this.k;
         },
         set: function (a) {
-            var b = this.j;
-            this.j = a;
-            if (b != this.j) {
-                this.b0("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.j));
+            var b = this.k;
+            this.k = a;
+            if (b != this.k) {
+                this.b3("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.k));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "i", {
+    Object.defineProperty(ColorEditor.prototype, "j", {
         get: function () {
-            return this.h;
+            return this.i;
         },
         set: function (a) {
-            var b = this.h;
-            this.h = a;
-            if (b != this.h) {
-                this.b0("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.h));
+            var b = this.i;
+            this.i = a;
+            if (b != this.i) {
+                this.b3("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.i));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "p", {
+    Object.defineProperty(ColorEditor.prototype, "q", {
         get: function () {
-            return this.m;
+            return this.n;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.b0("TextStyle", b, this.m);
+            var b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.b3("TextStyle", b, this.n);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "co", {
+    Object.defineProperty(ColorEditor.prototype, "cr", {
         get: function () {
-            return this.ck;
+            return this.cn;
         },
         set: function (a) {
-            var b = this.ck;
-            this.ck = a;
-            if (b != this.ck) {
-                this.b0("TextColor", b, this.ck);
+            var b = this.cn;
+            this.cn = a;
+            if (b != this.cn) {
+                this.b3("TextColor", b, this.cn);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "cm", {
+    Object.defineProperty(ColorEditor.prototype, "cp", {
         get: function () {
-            return this.ch;
+            return this.ck;
         },
         set: function (a) {
-            var b = this.ch;
-            this.ch = a;
-            if (b != this.ch) {
-                this.b0("IconColor", b, this.ch);
+            var b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.b3("IconColor", b, this.ck);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "am", {
+    Object.defineProperty(ColorEditor.prototype, "an", {
         get: function () {
-            return this.ac;
+            return this.ad;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.b0("ShowClearButton", b, this.ac);
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.b3("ShowClearButton", b, this.ad);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "ag", {
+    Object.defineProperty(ColorEditor.prototype, "ah", {
         get: function () {
-            return this.u;
+            return this.v;
         },
         set: function (a) {
-            var b = this.u;
-            this.u = a;
-            if (b != this.u) {
-                this.b0("AllowTextInput", b, this.u);
+            var b = this.v;
+            this.v = a;
+            if (b != this.v) {
+                this.b3("AllowTextInput", b, this.v);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "ak", {
+    Object.defineProperty(ColorEditor.prototype, "al", {
         get: function () {
-            return this.ab;
+            return this.ac;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.b0("OpenOnFocus", b, this.ab);
+            var b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.b3("OpenOnFocus", b, this.ac);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "ah", {
+    Object.defineProperty(ColorEditor.prototype, "ai", {
         get: function () {
-            return this.x;
+            return this.y;
         },
         set: function (a) {
-            var b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.b0("IsDisabled", b, this.x);
+            var b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.b3("IsDisabled", b, this.y);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "aq", {
+    Object.defineProperty(ColorEditor.prototype, "ar", {
         get: function () {
-            return this.ap;
+            return this.aq;
         },
         set: function (a) {
-            var b = this.ap;
-            this.ap = a;
-            if (b != this.ap) {
-                this.b0("TabIndex", b, this.ap);
+            var b = this.aq;
+            this.aq = a;
+            if (b != this.aq) {
+                this.b3("TabIndex", b, this.aq);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "ai", {
+    Object.defineProperty(ColorEditor.prototype, "aj", {
         get: function () {
-            return this.y;
+            return this.z;
         },
         set: function (a) {
-            var b = this.y;
-            this.y = a;
-            if (b != this.y) {
-                this.b0("IsFixed", b, this.y);
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.b3("IsFixed", b, this.z);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "aj", {
+    Object.defineProperty(ColorEditor.prototype, "ak", {
         get: function () {
-            return this.aa;
+            return this.ab;
         },
         set: function (a) {
-            var b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.b0("OpenAsChild", b, this.aa);
+            var b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.b3("OpenAsChild", b, this.ab);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ColorEditor.prototype, "an", {
+    Object.defineProperty(ColorEditor.prototype, "ao", {
         get: function () {
-            return this.ae;
+            return this.af;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.b0("UseTopLayer", b, this.ae);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.b3("UseTopLayer", b, this.af);
             }
         },
         enumerable: false,
         configurable: true
     });
-    ColorEditor.prototype.b0 = function (a, b, c) {
+    ColorEditor.prototype.b3 = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.b6(a, b, c);
+        this.b9(a, b, c);
     };
-    ColorEditor.prototype.b6 = function (a, b, c) {
+    ColorEditor.prototype.b9 = function (a, b, c) {
         switch (a) {
             case "Density":
-                this.b9();
+                this.cc();
                 break;
             case "BaseTheme":
-                this.ca();
+                this.cd();
                 break;
             case "Value":
-                this.b1(this.cj, this.value);
-                this.cj = this.value;
-                if (this.d != null && !this.w) {
-                    this.d.value = this.value;
+                this.b4(this.cm, this.value);
+                this.cm = this.value;
+                if (this.e != null && !this.x) {
+                    this.e.value = this.value;
                 }
                 break;
             case "Label":
-                if (this.q != null) {
-                    this.q.b5 = this.az;
+                if (this.r != null) {
+                    this.r.b5 = this.a2;
                 }
                 break;
             case "TextStyle":
-                this.cf();
+                this.ci();
                 break;
             case "ShowClearButton":
-                if (this.q != null) {
-                    if (this.q.b7 != "") {
+                if (this.r != null) {
+                    if (this.r.b7 != "") {
                     }
                 }
                 break;
@@ -1159,274 +1170,288 @@ var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
             case "LabelTextStyle":
             case "TextColor":
             case "IconColor":
-                this.cg();
+                this.cj();
                 break;
             case "AllowTextInput":
-                if (this.q != null) {
-                    this.q.b0 = this.al();
+                if (this.r != null) {
+                    this.r.b0 = this.am();
                 }
                 break;
             case "OpenOnFocus": break;
             case "IsDisabled":
                 {
-                    if (this.q != null) {
-                        this.q.b0 = this.al();
+                    if (this.r != null) {
+                        this.r.b0 = this.am();
                     }
                 }
                 break;
         }
     };
-    ColorEditor.prototype.al = function () {
-        return this.ah || !this.ag;
+    ColorEditor.prototype.am = function () {
+        return this.ai || !this.ah;
     };
-    ColorEditor.prototype.cg = function () {
-        if (this.q != null) {
-            this.q.ce = this.co;
+    ColorEditor.prototype.cj = function () {
+        if (this.r != null) {
+            this.r.ce = this.cr;
         }
     };
-    ColorEditor.prototype.ce = function () {
-        if (this.q != null) {
+    ColorEditor.prototype.ch = function () {
+        if (this.r != null) {
         }
     };
-    ColorEditor.prototype.cf = function () {
-        if (this.m != null) {
-            this.q.bk = this.m;
+    ColorEditor.prototype.ci = function () {
+        if (this.n != null) {
+            this.r.bk = this.n;
         }
     };
-    ColorEditor.prototype.be = function () {
-        if (this.ah == true) {
+    ColorEditor.prototype.bh = function () {
+        if (this.ai == true) {
             return;
         }
-        if (this.q != null) {
-            this.q.b7 = "";
+        if (this.r != null) {
+            this.r.b7 = "";
         }
         this.value = BrushUtil.j(0, 0, 0, 0);
-        this.d.ax();
-        this.z = false;
+        this.e.ax();
+        this.aa = false;
     };
-    ColorEditor.prototype.by = function () {
-        this.z = true;
+    ColorEditor.prototype.b1 = function () {
+        this.aa = true;
     };
-    ColorEditor.prototype.bz = function () {
-        this.z = false;
+    ColorEditor.prototype.b2 = function () {
+        this.aa = false;
     };
-    ColorEditor.prototype.bo = function () {
-        NativeUIWindow.h(15, runOn(this, this.b4), this.g.h);
-        NativeUIWindow.h(9, runOn(this, this.b3), this.g.h);
+    ColorEditor.prototype.br = function () {
+        NativeUIWindow.h(15, runOn(this, this.b7), this.h.h);
+        NativeUIWindow.h(9, runOn(this, this.b6), this.h.h);
     };
-    ColorEditor.prototype.bs = function () {
-        NativeUIWindow.i(15, runOn(this, this.b4));
-        NativeUIWindow.i(9, runOn(this, this.b3));
+    ColorEditor.prototype.bv = function () {
+        NativeUIWindow.i(15, runOn(this, this.b7));
+        NativeUIWindow.i(9, runOn(this, this.b6));
     };
-    ColorEditor.prototype.b3 = function (a) {
+    ColorEditor.prototype.b6 = function (a) {
         var b = a;
-        if (this.q != null) {
-            if (this.r.b6 && !this.r.t(b.b) && !this.q.t(b.b)) {
-                this.bf();
+        if (this.r != null) {
+            if (this.s.b6 && !this.s.t(b.b) && !this.r.t(b.b)) {
+                this.bi();
             }
         }
     };
-    ColorEditor.prototype.b4 = function (a) {
-        if (this.q != null) {
-            var b = this.q.be();
-            this.r.ce(b);
+    ColorEditor.prototype.b7 = function (a) {
+        if (this.r != null) {
+            var b = this.r.be();
+            this.s.ce(b);
         }
     };
-    ColorEditor.prototype.bg = function () {
+    ColorEditor.prototype.bj = function () {
         var _this = this;
-        NativeUIComponent.av(this.g.j(), [12, 2, 7, 0], [2, 2, 2, 2], function (a) {
+        NativeUIComponent.av(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.g.i();
-            _this.g.k(e, f);
+            var f = _this.h.i();
+            _this.h.k(e, f);
             b.bn(d);
             d.bn(e);
-            _this.g.l(c);
+            _this.h.l(c);
             b.ch = BrushUtil.j(255, 255, 255, 255);
             b.ca = 150;
             b.b8 = 8;
             b.cb = 4;
             b.b1 = true;
-            _this.q = c;
-            _this.q.c = _this.i;
-            _this.q.bp = _this.k;
-            _this.q.b6 = ColorEditor.a5;
-            _this.q.cc = BrushUtil.j(255, 255, 255, 255);
-            _this.q.cd = BrushUtil.j(255, 0, 0, 0);
-            _this.q.bn = runOn(_this, _this.cc);
-            _this.q.n = runOn(_this, _this.bv);
-            _this.q.o = runOn(_this, _this.bx);
-            _this.q.cb = BrushUtil.j(255, 0, 0, 255);
-            _this.r = b;
-            _this.d = _this.g.c(f);
-            _this.d.value = _this.value;
-            var g = _this.d;
-            g.closed = delegateCombine(g.closed, runOn(_this, _this.bc));
-            var h = _this.d;
-            h.valueChanged = delegateCombine(h.valueChanged, runOn(_this, _this.bd));
-            d.o = runOn(_this, _this.bx);
-            var i = _this.d;
-            i.valueChanged = delegateCombine(i.valueChanged, runOn(_this, _this.bj));
+            _this.r = c;
+            _this.r.c = _this.j;
+            _this.r.bp = _this.l;
+            _this.r.b6 = ColorEditor.a8;
+            _this.r.cc = BrushUtil.j(255, 255, 255, 255);
+            _this.r.cd = BrushUtil.j(255, 0, 0, 0);
+            _this.r.bn = runOn(_this, _this.cf);
+            _this.r.n = runOn(_this, _this.by);
+            _this.r.o = runOn(_this, _this.b0);
+            _this.r.cb = BrushUtil.j(255, 0, 0, 255);
+            _this.s = b;
+            _this.e = _this.h.c(f);
+            _this.e.value = _this.value;
+            var g = _this.e;
+            g.closed = delegateCombine(g.closed, runOn(_this, _this.bf));
+            var h = _this.e;
+            h.valueChanged = delegateCombine(h.valueChanged, runOn(_this, _this.bg));
+            d.o = runOn(_this, _this.b0);
+            var i = _this.e;
+            i.valueChanged = delegateCombine(i.valueChanged, runOn(_this, _this.bm));
         });
     };
-    ColorEditor.prototype.bd = function (a, b) {
+    ColorEditor.prototype.bg = function (a, b) {
         if (this.valueChanged != null) {
             this.valueChanged(this, b);
         }
     };
-    ColorEditor.prototype.bc = function (a, b) {
-        this.bi(a);
+    ColorEditor.prototype.bf = function (a, b) {
+        this.bl(a);
     };
-    ColorEditor.prototype.bx = function (a, b) {
-        if (!this.r.t(b.b) && !this.q.t(b.b) && !(this.q.an == b.b)) {
-            this.bm();
+    ColorEditor.prototype.b0 = function (a, b) {
+        if (!this.s.t(b.b) && !this.r.t(b.b) && !(this.r.an == b.b)) {
+            this.bp();
         }
     };
-    ColorEditor.prototype.bv = function (a, b) {
+    ColorEditor.prototype.by = function (a, b) {
         this.focus();
     };
-    ColorEditor.prototype.cc = function (a, b) {
-        this.cd();
+    ColorEditor.prototype.cf = function (a, b) {
+        this.cg();
     };
-    ColorEditor.prototype.bj = function (a, b) {
-        this.w = true;
+    ColorEditor.prototype.bm = function (a, b) {
+        this.x = true;
         this.value = b.newValue;
-        this.w = false;
-        this.b2(b.oldValue, b.newValue);
+        this.x = false;
+        this.b5(b.oldValue, b.newValue);
     };
-    ColorEditor.prototype.b2 = function (a, b) {
-        if (this.q != null) {
-            this.q.cb = b;
+    ColorEditor.prototype.b5 = function (a, b) {
+        if (this.r != null) {
+            this.r.cb = b;
         }
     };
-    ColorEditor.prototype.bi = function (a) {
-        if (this.r.b6) {
-            this.v = true;
-            this.bf();
+    ColorEditor.prototype.bl = function (a) {
+        if (this.s.b6) {
+            this.w = true;
+            this.bi();
         }
     };
-    ColorEditor.prototype.cd = function () {
-        if (this.v == false) {
-            if (this.r.b6) {
-                this.bf();
+    ColorEditor.prototype.cg = function () {
+        if (this.w == false) {
+            if (this.s.b6) {
+                this.bi();
             }
             else {
-                this.b5();
+                this.b8();
             }
         }
         else {
-            this.v = false;
+            this.w = false;
         }
     };
-    ColorEditor.prototype.b5 = function () {
-        if (this.ah) {
+    ColorEditor.prototype.b8 = function () {
+        if (this.ai) {
             return;
         }
-        if (this.r != null) {
-            var a = this.g.r(false);
-            var b = this.g.s();
+        if (this.s != null) {
+            var a = this.h.r(false);
+            var b = this.h.s();
             var c = b.height;
             var d = 240;
             var e = a.bottom + d;
             if (!isNaN_(c) && c < e) {
                 var f = a.top - d;
                 if (f < 0) {
-                    this.cb(1, 0);
+                    this.ce(1, 0);
                 }
                 else {
-                    this.cb(2, 0);
+                    this.ce(2, 0);
                 }
             }
             else {
-                this.cb(1, 0);
+                this.ce(1, 0);
             }
         }
     };
-    ColorEditor.prototype.cb = function (a, b) {
+    ColorEditor.prototype.ce = function (a, b) {
         {
-            var c = this.g.r(true);
-            this.r.cf(c, a, b);
+            var c = this.h.r(true);
+            this.s.cf(c, a, b);
         }
     };
-    ColorEditor.prototype.bf = function () {
+    ColorEditor.prototype.bi = function () {
         var _this = this;
-        if (this.r != null) {
-            this.a.executeDelayed(function () { return _this.r.cc(); }, 0);
+        if (this.s != null) {
+            this.a.executeDelayed(function () { return _this.s.cc(); }, 0);
         }
-        if (this.d != null) {
-            this.d.bg();
+        if (this.e != null) {
+            this.e.bg();
         }
-        this.v = false;
+        this.w = false;
     };
     ColorEditor.prototype.focus = function (a) {
         var _this = this;
         if (a === void 0) {
             a = false;
         }
-        if (this.q != null) {
-            this.q.a0();
+        if (this.r != null) {
+            this.r.a0();
         }
-        if (!this.r.b6 && this.ak == true) {
-            if (this.v == false) {
-                if (this.z) {
+        if (!this.s.b6 && this.al == true) {
+            if (this.w == false) {
+                if (this.aa) {
                     return;
                 }
-                if (this.ag == false) {
-                    this.b5();
-                    this.v = true;
-                    this.a.executeDelayed(function () { return _this.bl(); }, 0);
+                if (this.ah == false) {
+                    this.b8();
+                    this.w = true;
+                    this.a.executeDelayed(function () { return _this.bo(); }, 0);
                 }
                 else {
-                    if (this.ak == true && this.ad == false) {
-                        this.b5();
-                        this.v = true;
-                        this.a.executeDelayed(function () { return _this.bl(); }, 0);
+                    if (this.al == true && this.ae == false) {
+                        this.b8();
+                        this.w = true;
+                        this.a.executeDelayed(function () { return _this.bo(); }, 0);
                     }
                 }
             }
             else {
-                this.v = false;
+                this.w = false;
             }
         }
     };
-    ColorEditor.prototype.bm = function () {
-        this.v = false;
+    ColorEditor.prototype.bp = function () {
+        this.w = false;
     };
-    ColorEditor.prototype.b8 = function () {
-        if (this.q != null) {
-            this.q.b9();
+    ColorEditor.prototype.cb = function () {
+        if (this.r != null) {
+            this.r.b9();
         }
     };
-    ColorEditor.prototype.bl = function () {
-        this.d.a3();
+    ColorEditor.prototype.bo = function () {
+        this.e.a3();
     };
-    ColorEditor.prototype.bq = function () {
+    ColorEditor.prototype.bt = function () {
         var a = new ColorEditorGotFocusEventArgs();
-        this.bu(a);
+        this.bx(a);
     };
-    ColorEditor.prototype.br = function () {
+    ColorEditor.prototype.bu = function () {
         var a = new ColorEditorLostFocusEventArgs();
-        this.bw(a);
+        this.bz(a);
+    };
+    ColorEditor.prototype.cd = function () {
+    };
+    ColorEditor.prototype.cc = function () {
+    };
+    ColorEditor.prototype.as = function () {
+        return this.b();
     };
-    ColorEditor.prototype.ca = function () {
+    ColorEditor.prototype.ay = function () {
+        var a = this.b();
+        return a.h();
     };
-    ColorEditor.prototype.b9 = function () {
+    ColorEditor.prototype.b = function () {
+        var a = new ColorEditorVisualModelExport();
+        a.b = this.j;
+        a.a = AppearanceHelper.a(this.value);
+        a.c = this.ai;
+        return a;
     };
-    ColorEditor.prototype.bu = function (a) {
+    ColorEditor.prototype.bx = function (a) {
         if (null != this.gotFocus) {
             this.gotFocus(this, a);
         }
     };
-    ColorEditor.prototype.bw = function (a) {
+    ColorEditor.prototype.bz = function (a) {
         if (null != this.lostFocus) {
             this.lostFocus(this, a);
         }
     };
     ColorEditor.$t = markType(ColorEditor, 'ColorEditor', Base.$, [INotifyPropertyChanged_$type]);
-    ColorEditor.a5 = "M13.093 6.743a1.074 1.074 0 011.306.251l.237.237-6.4 6.4-.242-.231a1.074 1.074 0 01-.251-1.306c.446-.693 1.553-2.516.515-3.554-1.584-1.585-2.225-.94-3.809-2.528S2.714 3 3.354 2.354s2.073-.489 3.658 1.095.943 2.225 2.527 3.809c1.038 1.042 2.861-.069 3.554-.515zm6.93 5.874L15.31 7.9 8.9 14.31l4.433 4.433c-.039.159-.084.327-.137.508 0 0-.8 2.749.8 2.749s.8-2.749.8-2.749a10.75 10.75 0 01-.272-1.14L16.2 16.44a8.944 8.944 0 00-2.072-3.314s.555-.545 3.323 2.063l.811-.811-1.54-2.5 2.5 1.539z";
-    ColorEditor.n = null;
+    ColorEditor.a8 = "M13.093 6.743a1.074 1.074 0 011.306.251l.237.237-6.4 6.4-.242-.231a1.074 1.074 0 01-.251-1.306c.446-.693 1.553-2.516.515-3.554-1.584-1.585-2.225-.94-3.809-2.528S2.714 3 3.354 2.354s2.073-.489 3.658 1.095.943 2.225 2.527 3.809c1.038 1.042 2.861-.069 3.554-.515zm6.93 5.874L15.31 7.9 8.9 14.31l4.433 4.433c-.039.159-.084.327-.137.508 0 0-.8 2.749.8 2.749s.8-2.749.8-2.749a10.75 10.75 0 01-.272-1.14L16.2 16.44a8.944 8.944 0 00-2.072-3.314s.555-.545 3.323 2.063l.811-.811-1.54-2.5 2.5 1.539z";
+    ColorEditor.o = null;
     return ColorEditor;
 }(Base));
 export { ColorEditor };