igniteui-webcomponents-inputs 7.1.1-beta.1 → 7.1.1-beta.2

package/esm5/lib/NativeUIXInputsFactory_combined.js

@@ -1,2327 +0,0 @@
-/*
-THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
-https://www.infragistics.com/legal/license/igultimate-la
-https://www.infragistics.com/legal/license/igultimate-eula
-GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
-*/
-import { __extends, __values } from "tslib";
-import { Base, markType, runOn, delegateCombine, delegateRemove, Delegate_$type, fromEnum, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "igniteui-webcomponents-core";
-import { INativeUIElementFactory_$type } from "igniteui-webcomponents-core";
-import { NativeUIComponent } from "igniteui-webcomponents-core";
-import { XInputGroup } from "./XInputGroup";
-import { XInput } from "./XInput";
-import { XInputBridge } from "./XInputBridge";
-import { NativeUIInput } from "igniteui-webcomponents-core";
-import { List$1 } from "igniteui-webcomponents-core";
-import { XButton } from "./XButton";
-import { XButtonBridge } from "./XButtonBridge";
-import { NativeUIButton } from "igniteui-webcomponents-core";
-import { MultiSlider } from "./MultiSlider";
-import { MultiSliderThumb } from "./MultiSliderThumb";
-import { MultiSliderBridge } from "./MultiSliderBridge";
-import { NativeUISlider } from "igniteui-webcomponents-core";
-import { XButtonGroup } from "./XButtonGroup";
-import { XButtonGroupBridge } from "./XButtonGroupBridge";
-import { NativeUIButtonGroup } from "igniteui-webcomponents-core";
-import { NativeUIColorEditor } from "igniteui-webcomponents-core";
-import { XCheckbox } from "./XCheckbox";
-import { XCheckboxBridge } from "./XCheckboxBridge";
-import { NativeUICheckbox } from "igniteui-webcomponents-core";
-import { XIcon } from "./XIcon";
-import { XIconBridge } from "./XIconBridge";
-import { NativeUIIcon } from "igniteui-webcomponents-core";
-import { Popup } from "igniteui-webcomponents-core";
-import { XPopupBridge } from "./XPopupBridge";
-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 { SRProvider } from "igniteui-webcomponents-core";
-import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
-import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
-import { BrushUtil } from "igniteui-webcomponents-core";
-import { NativeUIInputsFactory } from "igniteui-webcomponents-core";
-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";
-/**
- * @hidden
- */
-export var NativeUIXInputsFactory = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(NativeUIXInputsFactory, _super);
-    function NativeUIXInputsFactory() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.c = 2;
-        return _this;
-    }
-    Object.defineProperty(NativeUIXInputsFactory, "b", {
-        get: function () {
-            if (NativeUIXInputsFactory.a == null) {
-                NativeUIXInputsFactory.a = new NativeUIXInputsFactory();
-            }
-            return NativeUIXInputsFactory.a;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NativeUIXInputsFactory.m = function () {
-        NativeUIComponent.at(NativeUIXInputsFactory.b);
-    };
-    Object.defineProperty(NativeUIXInputsFactory.prototype, "flavor", {
-        get: function () {
-            return this.c;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NativeUIXInputsFactory.prototype.createComponent = function (a, b, c) {
-        switch (b) {
-            case 1:
-                this.d(a, c);
-                break;
-            case 6:
-                this.f(a, c);
-                break;
-            case 10:
-                this.i(a, c);
-                break;
-            case 2:
-                this.j(a, c);
-                break;
-            case 11:
-                this.h(a, c);
-                break;
-            case 12:
-                this.k(a, c);
-                break;
-            case 17:
-                this.e(a, c);
-                break;
-            case 20:
-                this.g(a, c);
-                break;
-            case 5:
-                this.l(a, c);
-                break;
-        }
-    };
-    NativeUIXInputsFactory.prototype.createComponentSync = function (a, b, c) {
-        this.createComponent(a, b, c);
-    };
-    NativeUIXInputsFactory.prototype.supportsComponent = function (a) {
-        switch (a) {
-            case 1: return true;
-            case 6: return true;
-            case 10: return true;
-            case 2: return true;
-            case 11: return true;
-            case 12: return true;
-            case 17: return true;
-            case 20: return true;
-            case 5: return true;
-        }
-        return false;
-    };
-    NativeUIXInputsFactory.prototype.j = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new XInputGroup();
-        f.provideContainer(e);
-        var g = e.getExternal(f, e.rootWrapper, null);
-        var h = c.createElement("div");
-        h.setRawStyleProperty("width", "100%");
-        var i = c.getSubRenderer(h);
-        var j = new XInput();
-        j.provideContainer(i);
-        var k = e.getExternal(j, i.rootWrapper, null);
-        f.appendContentChild(h);
-        f.inputs.add(j);
-        var l = new XInputBridge(f);
-        var m = new NativeUIInput();
-        m.ao = d;
-        m.d = l;
-        b(m);
-    };
-    NativeUIXInputsFactory.prototype.d = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new XButton();
-        f.provideContainer(e);
-        f.fk = "none";
-        var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var h = new XButtonBridge(f);
-        var i = new NativeUIButton();
-        i.ao = d;
-        i.d = h;
-        b(i);
-    };
-    NativeUIXInputsFactory.prototype.l = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new MultiSlider();
-        var g = new MultiSliderThumb();
-        f.provideContainer(e);
-        f.thumbs.add(g);
-        var h = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var i = new MultiSliderBridge(f);
-        var j = new NativeUISlider();
-        j.ao = d;
-        j.d = i;
-        b(j);
-    };
-    NativeUIXInputsFactory.prototype.e = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new XButtonGroup();
-        f.provideContainer(e);
-        var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var h = new XButtonGroupBridge(f);
-        var i = new NativeUIButtonGroup();
-        i.ao = d;
-        i.d = h;
-        b(i);
-    };
-    NativeUIXInputsFactory.prototype.g = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new ColorEditor();
-        f.provideContainer(e);
-        var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var h = new ColorEditorBridge(f);
-        var i = new NativeUIColorEditor();
-        i.ao = d;
-        i.d = h;
-        b(i);
-    };
-    NativeUIXInputsFactory.prototype.f = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new XCheckbox();
-        f.provideContainer(e);
-        var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var h = new XCheckboxBridge(f);
-        var i = new NativeUICheckbox();
-        i.ao = d;
-        i.d = h;
-        b(i);
-    };
-    NativeUIXInputsFactory.prototype.i = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new XIcon();
-        f.provideContainer(e);
-        var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var h = new XIconBridge(f);
-        var i = new NativeUIIcon();
-        i.ao = d;
-        i.d = h;
-        var j = c.createElement("div");
-        var k = c.getSubRenderer(j);
-        var l = new XButton();
-        l.provideContainer(k);
-        l.e = 4;
-        l.fk = "none";
-        var m = k.getExternal(l, k.rootWrapper, k.getExternal(l, null, null));
-        var n = new XButtonBridge(l);
-        var o = new NativeUIButton();
-        o.ao = j;
-        o.d = n;
-        o.bp = i;
-        b(o);
-    };
-    NativeUIXInputsFactory.prototype.h = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new XIcon();
-        f.provideContainer(e);
-        var g = e.getExternal(f, e.rootWrapper, e.getExternal(f, null, null));
-        var h = new XIconBridge(f);
-        var i = new NativeUIIcon();
-        i.ao = d;
-        i.d = h;
-        b(i);
-    };
-    NativeUIXInputsFactory.prototype.k = function (a, b) {
-        var c = a;
-        var d = c.createElement("div");
-        var e = c.getSubRenderer(d);
-        var f = new Popup();
-        f.provideRenderer(e);
-        var g = new XPopupBridge(f);
-        var h = new NativeUIPopup();
-        h.ao = d;
-        h.d = g;
-        b(h);
-    };
-    NativeUIXInputsFactory.$t = markType(NativeUIXInputsFactory, 'NativeUIXInputsFactory', Base.$, [INativeUIElementFactory_$type]);
-    NativeUIXInputsFactory.a = null;
-    return NativeUIXInputsFactory;
-}(Base));
-/**
- * @hidden
- */
-export var ColorEditorBridge = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(ColorEditorBridge, _super);
-    function ColorEditorBridge(a) {
-        var _this = _super.call(this, a) || this;
-        _this.u = null;
-        _this.w = null;
-        _this.v = null;
-        _this.x = null;
-        return _this;
-    }
-    ColorEditorBridge.prototype.addHandler = function (a, b, c, d) {
-        switch (c) {
-            case 0:
-                var e = a;
-                e.valueChanging = delegateCombine(e.valueChanging, runOn(this, this.z));
-                this.v = d;
-                this.x = b;
-                break;
-            case 4:
-                var f = a;
-                f.valueChanged = delegateCombine(f.valueChanged, runOn(this, this.y));
-                this.u = d;
-                this.w = b;
-                break;
-        }
-    };
-    ColorEditorBridge.prototype.y = function (a, b) {
-        if (this.u != null) {
-            var c = new NativeUIColorEditorValueChangedEventArgs();
-            this.u(this.w, c);
-        }
-    };
-    ColorEditorBridge.prototype.z = function (a, b) {
-        if (this.v != null) {
-            var c = new NativeUIColorEditorValueChangedEventArgs();
-            this.v(this.x, c);
-        }
-    };
-    ColorEditorBridge.prototype.getValue = function (a, b) {
-        switch (b) {
-            case 2: return a.value;
-        }
-        return null;
-    };
-    ColorEditorBridge.prototype.removeHandler = function (a, b, c, d) {
-        switch (c) {
-            case 0:
-                var e = a;
-                e.valueChanging = delegateRemove(e.valueChanging, runOn(this, this.z));
-                this.v = null;
-                this.x = null;
-                break;
-            case 4:
-                var f = a;
-                f.valueChanged = delegateRemove(f.valueChanged, runOn(this, this.y));
-                this.u = null;
-                this.w = null;
-                break;
-        }
-    };
-    ColorEditorBridge.prototype.setValue = function (a, b, c) {
-        switch (b) {
-            case 2:
-                a.value = c;
-                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));
-/**
- * @hidden
- */
-export var ColorEditorPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(ColorEditorPanelView, _super);
-    function ColorEditorPanelView() {
-        var _this = _super.call(this) || this;
-        _this.a = null;
-        _this.aa = null;
-        _this.c = null;
-        _this.g = new List$1(Delegate_$type, 0);
-        _this.d = true;
-        _this.af = null;
-        _this.o = NaN;
-        _this.n = NaN;
-        _this.ab = null;
-        _this.b = null;
-        _this.ac = null;
-        _this.a1 = null;
-        _this.ag = null;
-        _this.ae = null;
-        _this.m = -1;
-        _this.l = -1;
-        _this.au = -1;
-        _this.at = -1;
-        _this.a3 = null;
-        _this.k = -1;
-        _this.j = -1;
-        _this.h = -1;
-        _this.i = -1;
-        _this.a2 = null;
-        _this.t = -1;
-        _this.p = -1;
-        _this.aw = -1;
-        _this.av = -1;
-        _this.z = -1;
-        _this.v = -1;
-        _this.a0 = -1;
-        _this.az = -1;
-        _this.u = -1;
-        _this.a6 = null;
-        _this.ai = null;
-        _this.w = -1;
-        _this.s = -1;
-        _this.r = -1;
-        _this.ay = -1;
-        _this.ax = -1;
-        _this.a5 = null;
-        _this.y = -1;
-        _this.x = -1;
-        _this.ad = null;
-        _this.ak = null;
-        _this.ao = null;
-        _this.as = -1;
-        _this.ar = -1;
-        _this.aj = null;
-        _this.an = null;
-        _this.ah = null;
-        _this.al = null;
-        _this.ap = null;
-        _this.am = null;
-        _this.aq = null;
-        _this.a4 = null;
-        _this.q = -1;
-        _this.e = false;
-        return _this;
-    }
-    ColorEditorPanelView.prototype.bj = function () {
-    };
-    ColorEditorPanelView.prototype.f = function () {
-        return true;
-    };
-    ColorEditorPanelView.prototype.bh = function (a) {
-        var e_1, _a;
-        if (a == null) {
-            try {
-                for (var _b = __values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var b = _c.value;
-                    b();
-                }
-            }
-            catch (e_1_1) {
-                e_1 = { error: e_1_1 };
-            }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return))
-                        _a.call(_b);
-                }
-                finally {
-                    if (e_1)
-                        throw e_1.error;
-                }
-            }
-            this.g.clear();
-            return;
-        }
-        this.aa = a;
-        if (isNaN_(this.a.ae)) {
-            this.a.ab = window.devicePixelRatio;
-        }
-        this.a.a4();
-    };
-    ColorEditorPanelView.prototype.bd = function () {
-        if (KeyFrameAnimationFactory.h == null) {
-            KeyFrameAnimationFactory.h = this.aa;
-        }
-    };
-    ColorEditorPanelView.prototype.bg = function () {
-        this.d = true;
-    };
-    ColorEditorPanelView.prototype.bi = function () {
-        this.d = false;
-    };
-    ColorEditorPanelView.prototype.a7 = function () {
-        return this.aa;
-    };
-    ColorEditorPanelView.prototype.bf = function (a) {
-    };
-    ColorEditorPanelView.prototype.a8 = function (a) {
-        this.aa.append(this.aa.getWrapper(a.ao));
-    };
-    ColorEditorPanelView.prototype.be = function (a, b, c, d, e, f, g) {
-        var h = truncate(Math.round(f * this.a.ab));
-        var i = truncate(Math.round(g * this.a.ab));
-        if (f != b || g != c || h != d || i != e) {
-            a.setProperty("width", h);
-            a.setProperty("height", i);
-            a.setStyleProperty("width", f + "px");
-            a.setStyleProperty("height", g + "px");
-            b = f;
-            c = g;
-            d = h;
-            e = i;
-        }
-        return {
-            p1: b,
-            p2: c,
-            p3: d,
-            p4: e
-        };
-    };
-    ColorEditorPanelView.prototype.ba = function (a) {
-        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);
-            this.m = c.p1;
-            this.l = c.p2;
-            this.au = c.p3;
-            this.at = c.p4;
-            this.ae.setStyleProperty("justify-self", "center");
-            this.ae.setStyleProperty("align-self", "center");
-            var d = a.ao;
-            d.append(this.ae);
-            this.bm(this.a.ad());
-        }
-    };
-    ColorEditorPanelView.prototype.bm = function (a) {
-        if (this.k == a && !this.e) {
-            return;
-        }
-        if (this.ae != null) {
-            this.k = a;
-            var b = this.be(this.ae, this.m, this.l, this.au, this.at, 148, 148);
-            this.m = b.p1;
-            this.l = b.p2;
-            this.au = b.p3;
-            this.at = b.p4;
-            var c = this.au;
-            var d = this.at;
-            var e = this.a3;
-            if (this.ak == null) {
-                var f = (this.ae.getNativeElement());
-                var g = f.getContext("2d");
-                this.ak = g;
-            }
-            if (e == null || e.length != (c * d) * 4) {
-                this.ao = this.ak.getImageData(0, 0, c, d);
-                e = this.ao.data;
-                this.a3 = e;
-            }
-            this.a.a0(e, c, d);
-            this.ak.putImageData(this.ao, 0, 0);
-        }
-    };
-    ColorEditorPanelView.prototype.a9 = function (a) {
-        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);
-            this.j = c.p1;
-            this.h = c.p2;
-            this.as = c.p3;
-            this.ar = c.p4;
-            this.ad.setStyleProperty("justify-self", "center");
-            this.ad.setStyleProperty("align-self", "center");
-            var d = a.ao;
-            d.append(this.ad);
-            this.bl(0);
-        }
-    };
-    ColorEditorPanelView.prototype.bl = function (a) {
-        if (a == this.i && !this.e) {
-            return;
-        }
-        if (this.ad != null) {
-            this.i = a;
-            var b = this.be(this.ad, this.j, this.h, this.as, this.ar, 248, 19);
-            this.j = b.p1;
-            this.h = b.p2;
-            this.as = b.p3;
-            this.ar = b.p4;
-            var c = this.as;
-            var d = this.ar;
-            var e = this.a2;
-            if (this.aj == null) {
-                var f = (this.ad.getNativeElement());
-                var g = f.getContext("2d");
-                this.aj = g;
-            }
-            if (e == null || e.length != (c * d) * 4) {
-                this.an = this.aj.getImageData(0, 0, c, d);
-                e = this.an.data;
-                this.a2 = e;
-            }
-            this.a.az(e, c, d);
-            this.aj.putImageData(this.an, 0, 0);
-        }
-    };
-    ColorEditorPanelView.prototype.bb = function (a) {
-        var b = a.ao;
-        if (b.getChildCount() == 1) {
-            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);
-            this.t = d.p1;
-            this.p = d.p2;
-            this.aw = d.p3;
-            this.av = d.p4;
-            this.ah.setStyleProperty("margin-left", "5px");
-            this.ah.setStyleProperty("margin-top", "16px");
-            this.ah.setStyleProperty("margin-right", "0px");
-            this.ah.setStyleProperty("margin-bottom", "11px");
-            this.ah.setStyleProperty("grid-row-start", "1");
-            this.ah.setStyleProperty("grid-row-end", "2");
-            this.ah.setStyleProperty("grid-column-start", "1");
-            this.ah.setStyleProperty("grid-column-end", "2");
-            this.bn(0);
-            var e = b.getChildAt(0);
-            e.before(c);
-        }
-    };
-    ColorEditorPanelView.prototype.bc = function (a) {
-        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);
-            this.z = c.p1;
-            this.v = c.p2;
-            this.aw = c.p3;
-            this.av = c.p4;
-            this.ai.setStyleProperty("justify-self", "center");
-            this.ai.setStyleProperty("align-self", "center");
-            var d = a.ao;
-            d.append(this.ai);
-            this.bo(0, 1, 0.5);
-        }
-    };
-    ColorEditorPanelView.prototype.bn = function (a) {
-        if (this.q == a && !this.e) {
-            return;
-        }
-        if (this.ah != null) {
-            this.q = a;
-            var b = this.be(this.ah, this.s, this.r, this.ay, this.ax, 85, 148);
-            this.s = b.p1;
-            this.r = b.p2;
-            this.ay = b.p3;
-            this.ax = b.p4;
-            var c = this.ay;
-            var d = this.ax;
-            var e = this.a4;
-            if (this.al == null) {
-                var f = (this.ah.getNativeElement());
-                var g = f.getContext("2d");
-                this.al = g;
-            }
-            if (e == null || e.length != (c * d) * 4) {
-                this.ap = this.al.getImageData(0, 0, c, d);
-                e = this.ap.data;
-                this.a4 = e;
-            }
-            this.a.a1(e, c, d);
-            this.al.putImageData(this.ap, 0, 0);
-        }
-    };
-    ColorEditorPanelView.prototype.bo = function (a, b, c) {
-        if (this.w == a && this.y == b && this.x == c && !this.e) {
-            return;
-        }
-        if (this.ai != null) {
-            this.w = a;
-            this.y = b;
-            this.x = c;
-            var d = this.be(this.ai, this.z, this.v, this.a0, this.az, 25, 148);
-            this.z = d.p1;
-            this.v = d.p2;
-            this.a0 = d.p3;
-            this.az = d.p4;
-            var e = this.a0;
-            var f = this.az;
-            var g = this.a5;
-            if (this.am == null) {
-                var h = (this.ai.getNativeElement());
-                var i = h.getContext("2d");
-                this.am = i;
-            }
-            if (g == null || g.length != (e * f) * 4) {
-                this.aq = this.am.getImageData(0, 0, e, f);
-                g = this.aq.data;
-                this.a5 = g;
-            }
-            this.a.a2(g, e, f);
-            this.am.putImageData(this.aq, 0, 0);
-        }
-    };
-    ColorEditorPanelView.prototype.bk = function () {
-        this.e = true;
-        this.bm(this.k);
-        this.bl(this.i);
-        this.bn(this.q);
-        this.bo(this.u, this.y, this.x);
-        this.e = false;
-    };
-    ColorEditorPanelView.$t = markType(ColorEditorPanelView, 'ColorEditorPanelView');
-    return ColorEditorPanelView;
-}(Base));
-/**
- * @hidden
- */
-export var ColorEditorView = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(ColorEditorView, _super);
-    function ColorEditorView() {
-        var _this = _super.call(this) || this;
-        _this.a = null;
-        _this.h = null;
-        _this.d = null;
-        _this.g = new List$1(Delegate_$type, 0);
-        _this.e = true;
-        _this.b = null;
-        return _this;
-    }
-    ColorEditorView.prototype.q = function () {
-    };
-    ColorEditorView.prototype.f = function () {
-        return true;
-    };
-    ColorEditorView.prototype.o = function (a) {
-        var e_2, _a;
-        if (a == null) {
-            try {
-                for (var _b = __values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var b = _c.value;
-                    b();
-                }
-            }
-            catch (e_2_1) {
-                e_2 = { error: e_2_1 };
-            }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return))
-                        _a.call(_b);
-                }
-                finally {
-                    if (e_2)
-                        throw e_2.error;
-                }
-            }
-            this.g.clear();
-            return;
-        }
-        if (this.a.a == null) {
-            this.a.a = new DOMExecutionContext(a);
-        }
-        this.h = a;
-        this.a.bj();
-    };
-    ColorEditorView.prototype.m = function () {
-        if (KeyFrameAnimationFactory.h == null) {
-            KeyFrameAnimationFactory.h = this.h;
-        }
-    };
-    ColorEditorView.prototype.n = function () {
-        this.e = true;
-    };
-    ColorEditorView.prototype.p = function () {
-        this.e = false;
-    };
-    ColorEditorView.prototype.j = function () {
-        return this.h;
-    };
-    ColorEditorView.prototype.i = function () {
-        var a = new ColorEditorPanel();
-        this.b = a;
-        var b = this.h.createElement("div");
-        var c = this.h.getSubRenderer(b);
-        a.provideContainer(c);
-        var d = this.h.getExternal(a, null, null);
-        return b;
-    };
-    ColorEditorView.prototype.k = function (a, b) {
-        var c = a.ao;
-        c.append(this.h.getWrapper(b));
-    };
-    ColorEditorView.prototype.l = function (a) {
-        this.h.append(this.h.getWrapper(a.ao));
-    };
-    ColorEditorView.prototype.c = function (a) {
-        return this.b;
-    };
-    ColorEditorView.prototype.r = function (a) {
-        if (this.h != null) {
-            var b = this.h.rootWrapper.getNativeElement();
-            var c = (b.getBoundingClientRect());
-            if (a) {
-                c = new Rect(0, c.left + window.pageXOffset, c.top + window.pageYOffset, c.width, c.height);
-            }
-            return c;
-        }
-        return null;
-    };
-    ColorEditorView.prototype.s = function () {
-        return new Size(1, NaN, NaN);
-    };
-    ColorEditorView.$t = markType(ColorEditorView, 'ColorEditorView');
-    return ColorEditorView;
-}(Base));
-/**
- * @hidden
- */
-export var ColorEditor = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(ColorEditor, _super);
-    function ColorEditor() {
-        var _this = _super.call(this) || this;
-        _this._view = null;
-        _this.s = null;
-        _this.r = null;
-        _this.e = null;
-        _this.w = false;
-        _this.ag = false;
-        _this.ae = false;
-        _this.cm = BrushUtil.l(0, 0, 0, 0);
-        _this.x = false;
-        _this.propertyChanged = null;
-        _this.valueChanged = null;
-        _this.valueChanging = null;
-        _this.t = null;
-        _this.a = null;
-        _this.co = BrushUtil.l(255, 0, 0, 255);
-        _this.at = "";
-        _this.cl = BrushUtil.l(255, 24, 29, 31);
-        _this.m = null;
-        _this.k = 2;
-        _this.i = 1;
-        _this.n = null;
-        _this.cn = BrushUtil.l(255, 24, 29, 31);
-        _this.ck = BrushUtil.l(255, 163, 172, 184);
-        _this.ad = true;
-        _this.v = true;
-        _this.ac = true;
-        _this.y = 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.view = a;
-        _this.view.q();
-        return _this;
-    }
-    Object.defineProperty(ColorEditor.prototype, "view", {
-        get: function () {
-            return this._view;
-        },
-        set: function (a) {
-            this._view = a;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ColorEditor.prototype.onAttachedToUI = function () {
-        this.view.n();
-    };
-    ColorEditor.prototype.onDetachedFromUI = function () {
-        this.view.p();
-    };
-    ColorEditor.prototype.b4 = function (a, b) {
-        if (this.valueChanging != null) {
-            this.valueChanging(this, ((function () {
-                var $ret = new ColorEditorPanelSelectedValueChangedEventArgs();
-                $ret.oldValue = a;
-                $ret.newValue = b;
-                return $ret;
-            })()));
-        }
-        if (this.x) {
-        }
-    };
-    ColorEditor.prototype.notifySizeChanged = function () {
-    };
-    ColorEditor.prototype.destroy = function () {
-        this.provideContainer(null);
-    };
-    ColorEditor.prototype.provideContainer = function (a) {
-        this.view.o(a);
-    };
-    Object.defineProperty(ColorEditor.prototype, "u", {
-        get: function () {
-            if (this.t == null) {
-                this.t = new SRProvider(this.view.h);
-                this.t.cb("ColorEditor");
-            }
-            return this.t;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditor.prototype, "value", {
-        get: function () {
-            return this.co;
-        },
-        set: function (a) {
-            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, "a2", {
-        get: function () {
-            return this.at;
-        },
-        set: function (a) {
-            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, "cq", {
-        get: function () {
-            return this.cl;
-        },
-        set: function (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, "p", {
-        get: function () {
-            return this.m;
-        },
-        set: function (a) {
-            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, "l", {
-        get: function () {
-            return this.k;
-        },
-        set: function (a) {
-            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, "j", {
-        get: function () {
-            return this.i;
-        },
-        set: function (a) {
-            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, "q", {
-        get: function () {
-            return this.n;
-        },
-        set: function (a) {
-            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, "cr", {
-        get: function () {
-            return this.cn;
-        },
-        set: function (a) {
-            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, "cp", {
-        get: function () {
-            return this.ck;
-        },
-        set: function (a) {
-            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, "an", {
-        get: function () {
-            return this.ad;
-        },
-        set: function (a) {
-            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, "ah", {
-        get: function () {
-            return this.v;
-        },
-        set: function (a) {
-            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, "al", {
-        get: function () {
-            return this.ac;
-        },
-        set: function (a) {
-            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, "ai", {
-        get: function () {
-            return this.y;
-        },
-        set: function (a) {
-            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, "ar", {
-        get: function () {
-            return this.aq;
-        },
-        set: function (a) {
-            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, "aj", {
-        get: function () {
-            return this.z;
-        },
-        set: function (a) {
-            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, "ak", {
-        get: function () {
-            return this.ab;
-        },
-        set: function (a) {
-            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, "ao", {
-        get: function () {
-            return this.af;
-        },
-        set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.b3("UseTopLayer", b, this.af);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ColorEditor.prototype.b3 = function (a, b, c) {
-        if (this.propertyChanged != null) {
-            this.propertyChanged(this, new PropertyChangedEventArgs(a));
-        }
-        this.b9(a, b, c);
-    };
-    ColorEditor.prototype.b9 = function (a, b, c) {
-        switch (a) {
-            case "Density":
-                this.cc();
-                break;
-            case "BaseTheme":
-                this.cd();
-                break;
-            case "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.r != null) {
-                    this.r.b6 = this.a2;
-                }
-                break;
-            case "TextStyle":
-                this.ci();
-                break;
-            case "ShowClearButton":
-                if (this.r != null) {
-                    if (this.r.b8 != "") {
-                    }
-                }
-                break;
-            case "LabelTextColor":
-            case "LabelTextStyle":
-            case "TextColor":
-            case "IconColor":
-                this.cj();
-                break;
-            case "AllowTextInput":
-                if (this.r != null) {
-                    this.r.b1 = this.am();
-                }
-                break;
-            case "OpenOnFocus": break;
-            case "IsDisabled":
-                {
-                    if (this.r != null) {
-                        this.r.b1 = this.am();
-                    }
-                }
-                break;
-        }
-    };
-    ColorEditor.prototype.am = function () {
-        return this.ai || !this.ah;
-    };
-    ColorEditor.prototype.cj = function () {
-        if (this.r != null) {
-            this.r.cf = this.cr;
-        }
-    };
-    ColorEditor.prototype.ch = function () {
-        if (this.r != null) {
-        }
-    };
-    ColorEditor.prototype.ci = function () {
-        if (this.n != null) {
-            this.r.bl = this.n;
-        }
-    };
-    ColorEditor.prototype.bh = function () {
-        if (this.ai == true) {
-            return;
-        }
-        if (this.r != null) {
-            this.r.b8 = "";
-        }
-        this.value = BrushUtil.l(0, 0, 0, 0);
-        this.e.ax();
-        this.aa = false;
-    };
-    ColorEditor.prototype.b1 = function () {
-        this.aa = true;
-    };
-    ColorEditor.prototype.b2 = function () {
-        this.aa = false;
-    };
-    ColorEditor.prototype.br = function () {
-        NativeUIWindow.h(15, runOn(this, this.b7), this.view.h);
-        NativeUIWindow.h(9, runOn(this, this.b6), this.view.h);
-    };
-    ColorEditor.prototype.bv = function () {
-        NativeUIWindow.i(15, runOn(this, this.b7));
-        NativeUIWindow.i(9, runOn(this, this.b6));
-    };
-    ColorEditor.prototype.b6 = function (a) {
-        var b = a;
-        if (this.r != null) {
-            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.bf();
-            this.s.cf(b);
-        }
-    };
-    ColorEditor.prototype.bj = function () {
-        var _this = this;
-        NativeUIComponent.aw(this.view.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.view.i();
-            _this.view.k(e, f);
-            b.bo(d);
-            d.bo(e);
-            _this.view.l(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.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.cc = BrushUtil.l(255, 0, 0, 255);
-            _this.s = b;
-            _this.e = _this.view.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.bg = function (a, b) {
-        if (this.valueChanged != null) {
-            this.valueChanged(this, b);
-        }
-    };
-    ColorEditor.prototype.bf = function (a, b) {
-        this.bl(a);
-    };
-    ColorEditor.prototype.b0 = function (a, b) {
-        if (!this.s.t(b.b) && !this.r.t(b.b) && !(this.r.ao == b.b)) {
-            this.bp();
-        }
-    };
-    ColorEditor.prototype.by = function (a, b) {
-        this.focus();
-    };
-    ColorEditor.prototype.cf = function (a, b) {
-        this.cg();
-    };
-    ColorEditor.prototype.bm = function (a, b) {
-        this.x = true;
-        this.value = b.newValue;
-        this.x = false;
-        this.b5(b.oldValue, b.newValue);
-    };
-    ColorEditor.prototype.b5 = function (a, b) {
-        if (this.r != null) {
-            this.r.cc = b;
-        }
-    };
-    ColorEditor.prototype.bl = function (a) {
-        if (this.s.b7) {
-            this.w = true;
-            this.bi();
-        }
-    };
-    ColorEditor.prototype.cg = function () {
-        if (this.w == false) {
-            if (this.s.b7) {
-                this.bi();
-            }
-            else {
-                this.b8();
-            }
-        }
-        else {
-            this.w = false;
-        }
-    };
-    ColorEditor.prototype.b8 = function () {
-        if (this.ai) {
-            return;
-        }
-        if (this.s != null) {
-            var a = this.view.r(false);
-            var b = this.view.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.ce(1, 0);
-                }
-                else {
-                    this.ce(2, 0);
-                }
-            }
-            else {
-                this.ce(1, 0);
-            }
-        }
-    };
-    ColorEditor.prototype.ce = function (a, b) {
-        {
-            var c = this.view.r(true);
-            this.s.cg(c, a, b);
-        }
-    };
-    ColorEditor.prototype.bi = function () {
-        var _this = this;
-        if (this.s != null) {
-            this.a.executeDelayed(function () { return _this.s.cd(); }, 0);
-        }
-        if (this.e != null) {
-            this.e.bg();
-        }
-        this.w = false;
-    };
-    ColorEditor.prototype.focus = function (a) {
-        var _this = this;
-        if (a === void 0) {
-            a = false;
-        }
-        if (this.r != null) {
-            this.r.a1();
-        }
-        if (!this.s.b7 && this.al == true) {
-            if (this.w == false) {
-                if (this.aa) {
-                    return;
-                }
-                if (this.ah == false) {
-                    this.b8();
-                    this.w = true;
-                    this.a.executeDelayed(function () { return _this.bo(); }, 0);
-                }
-                else {
-                    if (this.al == true && this.ae == false) {
-                        this.b8();
-                        this.w = true;
-                        this.a.executeDelayed(function () { return _this.bo(); }, 0);
-                    }
-                }
-            }
-            else {
-                this.w = false;
-            }
-        }
-    };
-    ColorEditor.prototype.bp = function () {
-        this.w = false;
-    };
-    ColorEditor.prototype.cb = function () {
-        if (this.r != null) {
-            this.r.ca();
-        }
-    };
-    ColorEditor.prototype.bo = function () {
-        this.e.a3();
-    };
-    ColorEditor.prototype.bt = function () {
-        var a = new ColorEditorGotFocusEventArgs();
-        this.bx(a);
-    };
-    ColorEditor.prototype.bu = function () {
-        var a = new ColorEditorLostFocusEventArgs();
-        this.bz(a);
-    };
-    ColorEditor.prototype.cd = function () {
-    };
-    ColorEditor.prototype.cc = function () {
-    };
-    ColorEditor.prototype.as = function () {
-        return this.b();
-    };
-    ColorEditor.prototype.ay = function () {
-        var a = this.b();
-        return a.h();
-    };
-    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.bx = function (a) {
-        if (null != this.gotFocus) {
-            this.gotFocus(this, a);
-        }
-    };
-    ColorEditor.prototype.bz = function (a) {
-        if (null != this.lostFocus) {
-            this.lostFocus(this, a);
-        }
-    };
-    ColorEditor.$t = markType(ColorEditor, 'ColorEditor', Base.$, [INotifyPropertyChanged_$type]);
-    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));
-/**
- * @hidden
- */
-export var ColorEditorPanel = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(ColorEditorPanel, _super);
-    function ColorEditorPanel() {
-        var _this = _super.call(this) || this;
-        _this.d = null;
-        _this.bv = BrushUtil.l(0, 0, 0, 0);
-        _this.bo = null;
-        _this.bs = BrushUtil.l(0, 0, 0, 0);
-        _this.propertyChanged = null;
-        _this.closed = null;
-        _this.valueChanged = null;
-        _this.valueChanging = null;
-        _this.v = null;
-        _this.bx = BrushUtil.l(255, 0, 0, 255);
-        _this.g = 3;
-        _this.e = 1;
-        _this.bp = BrushUtil.l(0, 255, 255, 255);
-        _this.bt = BrushUtil.l(255, 33, 150, 243);
-        _this.bu = BrushUtil.l(255, 21, 112, 184);
-        _this.bq = BrushUtil.l(76, 33, 150, 243);
-        _this.br = BrushUtil.l(50, 186, 191, 199);
-        _this.bw = BrushUtil.l(255, 24, 29, 31);
-        _this.i = null;
-        _this.n = null;
-        _this.s = null;
-        _this.u = null;
-        _this.m = null;
-        _this.t = null;
-        _this.o = null;
-        _this.r = null;
-        _this.q = null;
-        _this.l = null;
-        _this.k = null;
-        _this.p = null;
-        _this.aa = NaN;
-        _this.z = 1;
-        _this.y = false;
-        _this.x = false;
-        NativeUIInputsFactory.n();
-        NativeUIXInputsFactory.m();
-        _this.bo = BrushUtil.l(0, 0, 0, 0);
-        var a = new ColorEditorPanelView();
-        a.a = _this;
-        _this.d = a;
-        _this.d.bj();
-        return _this;
-    }
-    ColorEditorPanel.prototype.a8 = function () {
-        if (this.closed != null) {
-            this.closed(this, new ColorEditorPanelClosedEventArgs());
-        }
-    };
-    ColorEditorPanel.prototype.bc = function (a) {
-        var b = this.bx;
-        this.bx = a;
-        if (this.valueChanged != null) {
-            this.valueChanged(this, ((function () {
-                var $ret = new ColorEditorPanelSelectedValueChangedEventArgs();
-                $ret.oldValue = b;
-                $ret.newValue = a;
-                return $ret;
-            })()));
-        }
-        this.bv = this.value;
-    };
-    ColorEditorPanel.prototype.notifySizeChanged = function (a) {
-        this.d.bf(a);
-    };
-    ColorEditorPanel.prototype.destroy = function () {
-        this.provideContainer(null);
-    };
-    ColorEditorPanel.prototype.provideContainer = function (a) {
-        this.d.bh(a);
-    };
-    Object.defineProperty(ColorEditorPanel.prototype, "w", {
-        get: function () {
-            if (this.v == null) {
-                this.v = new SRProvider(this.d.aa);
-                this.v.cb("ColorEditorPanel");
-            }
-            return this.v;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "value", {
-        get: function () {
-            return this.bx;
-        },
-        set: function (a) {
-            var b = this.bx;
-            this.bs = b;
-            this.bx = a;
-            if (b != this.bx) {
-                this.bb("Value", b, this.bx);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "h", {
-        get: function () {
-            return this.g;
-        },
-        set: function (a) {
-            var b = this.g;
-            this.g = a;
-            if (b != this.g) {
-                this.bb("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.g));
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "f", {
-        get: function () {
-            return this.e;
-        },
-        set: function (a) {
-            var b = this.e;
-            this.e = a;
-            if (b != this.e) {
-                this.bb("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.e));
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "by", {
-        get: function () {
-            return this.bp;
-        },
-        set: function (a) {
-            var b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.bb("BackgroundColor", b, this.bp);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "b1", {
-        get: function () {
-            return this.bt;
-        },
-        set: function (a) {
-            var b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.bb("SelectedColorBorderColor", b, this.bt);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "b2", {
-        get: function () {
-            return this.bu;
-        },
-        set: function (a) {
-            var b = this.bu;
-            this.bu = a;
-            if (b != this.bu) {
-                this.bb("SelectedFocusColorBorderColor", b, this.bu);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "bz", {
-        get: function () {
-            return this.bq;
-        },
-        set: function (a) {
-            var b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.bb("FocusColorBorderColor", b, this.bq);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "b0", {
-        get: function () {
-            return this.br;
-        },
-        set: function (a) {
-            var b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.bb("HoverBackgroundColor", b, this.br);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "b3", {
-        get: function () {
-            return this.bw;
-        },
-        set: function (a) {
-            var b = this.bw;
-            this.bw = a;
-            if (b != this.bw) {
-                this.bb("TextColor", b, this.bw);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "j", {
-        get: function () {
-            return this.i;
-        },
-        set: function (a) {
-            var b = this.i;
-            this.i = a;
-            if (b != this.i) {
-                this.bb("TextStyle", b, this.i);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "ae", {
-        get: function () {
-            return this.aa;
-        },
-        set: function (a) {
-            var b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.bb("PixelScalingRatio", b, a);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ColorEditorPanel.prototype, "ab", {
-        get: function () {
-            return this.z;
-        },
-        set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.bb("ActualPixelScalingRatio", b, a);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ColorEditorPanel.prototype.bb = function (a, b, c) {
-        if (this.propertyChanged != null) {
-            this.propertyChanged(this, new PropertyChangedEventArgs(a));
-        }
-        this.bd(a, b, c);
-    };
-    ColorEditorPanel.prototype.bd = function (a, b, c) {
-        switch (a) {
-            case "Density":
-                this.bi();
-                break;
-            case "BaseTheme":
-                this.bj();
-                break;
-            case "Value":
-                this.bs = this.value;
-                this.bv = this.value;
-                if (b != null && c != null) {
-                    if (BrushUtil.d(b, c)) {
-                        break;
-                    }
-                }
-                this.bf();
-                this.bc(this.value);
-                break;
-            case "TextColor":
-            case "BackgroundColor":
-            case "FocusColorBorderColor":
-            case "SelectedFocusColorBorderColor":
-            case "SelectedColorBorderColor":
-            case "HoverBackgroundColor":
-                this.bk();
-                break;
-            case "TextStyle":
-                this.bl();
-                break;
-            case "PixelScalingRatio":
-                if (!isNaN_(c)) {
-                    this.ab = c;
-                }
-                break;
-            case "ActualPixelScalingRatio":
-                if (this.d != null) {
-                    this.d.bk();
-                }
-                break;
-        }
-    };
-    ColorEditorPanel.prototype.a4 = function () {
-        var _this = this;
-        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];
-            var e = a[3];
-            var f = a[4];
-            var g = a[5];
-            var h = a[6];
-            var i = a[7];
-            var j = a[8];
-            var k = a[9];
-            var l = a[10];
-            var m = a[11];
-            var n = a[12];
-            var o = a[13];
-            var p = a[14];
-            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.b0 = "Cancel";
-            m.c = _this.f;
-            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.b6 = "rgba";
-            o.bi = new Thickness(1, 0, 0, 2, 0);
-            o.bv = 1;
-            o.bq = _this.h;
-            o.c = _this.f;
-            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.by = true;
-            _this.s = i;
-            _this.u = g;
-            _this.m = f;
-            _this.t = e;
-            _this.o = p;
-            _this.r = j;
-            _this.q = o;
-            _this.s.br = 0;
-            _this.s.bq = 360;
-            _this.s.bz = BrushUtil.l(255, 255, 255, 255);
-            _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.u.bp = runOn(_this, _this.aw);
-            _this.u.bo = runOn(_this, _this.aw);
-            _this.t.bp = runOn(_this, _this.av);
-            _this.t.bo = runOn(_this, _this.av);
-            _this.l = d;
-            _this.k = h;
-            _this.p = c;
-            _this.ba();
-        });
-    };
-    ColorEditorPanel.prototype.bh = function (a, b) {
-        this.value = this.bs;
-        this.a8();
-    };
-    ColorEditorPanel.prototype.a6 = function (a, b) {
-        var _this = this;
-        this.bs = this.value;
-        if (this.valueChanged != null) {
-            this.valueChanged(this, ((function () {
-                var $ret = new ColorEditorPanelSelectedValueChangedEventArgs();
-                $ret.oldValue = _this.bs;
-                $ret.newValue = _this.value;
-                return $ret;
-            })()));
-        }
-        this.a8();
-    };
-    ColorEditorPanel.prototype.av = function (a, b) {
-        this.bn();
-    };
-    ColorEditorPanel.prototype.aw = function (a, b) {
-        this.bn();
-    };
-    ColorEditorPanel.prototype.bn = function () {
-        if (this.y) {
-            return;
-        }
-        var a = Color.u(0, 0, 0, 0);
-        var b = Color.u(255, 255, 0, 0);
-        if (this.s != null) {
-            var c = this.s.bt;
-            var d = this.t.bt;
-            var e = 1 - this.t.bw;
-            var f = 1 - this.u.bt;
-            b = ColorUtil.r(1, c, 1, 0.5);
-            a = ColorUtil.r(f, c, d, e);
-            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.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.b8 = g;
-        }
-        if (this.q != null) {
-            var h = ColorUtil.k(a, false);
-            this.q.b8 = h;
-        }
-        this.bx = BrushUtil.l(a.l, a.o, a.n, a.m);
-        this.bc(this.value);
-    };
-    ColorEditorPanel.prototype.au = function (a, b) {
-        this.bn();
-    };
-    ColorEditorPanel.prototype.bk = function () {
-    };
-    ColorEditorPanel.prototype.bl = function () {
-    };
-    ColorEditorPanel.prototype.a3 = function () {
-        this.n.a0();
-    };
-    ColorEditorPanel.prototype.onAttachedToUI = function () {
-        this.d.bg();
-    };
-    ColorEditorPanel.prototype.onDetachedFromUI = function () {
-        this.d.bi();
-    };
-    ColorEditorPanel.prototype.bj = function () {
-    };
-    ColorEditorPanel.prototype.bi = function () {
-    };
-    ColorEditorPanel.prototype.ax = function () {
-        this.value = BrushUtil.l(0, 0, 0, 0);
-    };
-    Object.defineProperty(ColorEditorPanel.prototype, "b5", {
-        get: function () {
-            var a = ColorUtil.p(this.value);
-            if (a.c) {
-                return a.d;
-            }
-            return Color.u(255, 0, 0, 255);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ColorEditorPanel.prototype.bf = function () {
-        var a = this.b5;
-        var b = ColorUtil.a(a);
-        this.y = true;
-        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();
-        }
-    };
-    ColorEditorPanel.prototype.bm = function () {
-    };
-    ColorEditorPanel.prototype.bg = function () {
-    };
-    ColorEditorPanel.prototype.ba = function () {
-        this.x = true;
-        this.d.ba(this.l);
-        this.d.a9(this.k);
-        this.d.bb(this.p);
-        this.d.bc(this.m);
-        this.bf();
-        this.bn();
-    };
-    ColorEditorPanel.prototype.a0 = function (a, b, c) {
-        var d = this.s.bt;
-        var e = 1;
-        var f = 255;
-        for (var g = 0; g < c; g++) {
-            var h = g / c;
-            for (var i = 0; i < b; i++) {
-                var j = i / b;
-                var k = j;
-                var l = 1 - h;
-                var m = void 0;
-                var n = void 0;
-                var o = void 0;
-                if (k == 0) {
-                    m = l;
-                    n = l;
-                    o = l;
-                }
-                else {
-                    var p = l < 0.5 ? l * (1 + k) : l + k - (l * k);
-                    var q = 2 * l - p;
-                    var r = d / 360;
-                    var s = r + 1 / 3;
-                    s = s < 0 ? s + 1 : s > 1 ? s - 1 : s;
-                    if (s < 1 / 6) {
-                        m = q + ((p - q) * 6 * s);
-                    }
-                    else if (s < 1 / 2) {
-                        m = p;
-                    }
-                    else if (s < 2 / 3) {
-                        m = q + ((p - q) * 6 * (2 / 3 - s));
-                    }
-                    else {
-                        m = q;
-                    }
-                    s = r;
-                    s = s < 0 ? s + 1 : s > 1 ? s - 1 : s;
-                    if (s < 1 / 6) {
-                        n = q + ((p - q) * 6 * s);
-                    }
-                    else if (s < 1 / 2) {
-                        n = p;
-                    }
-                    else if (s < 2 / 3) {
-                        n = q + ((p - q) * 6 * (2 / 3 - s));
-                    }
-                    else {
-                        n = q;
-                    }
-                    s = r - 1 / 3;
-                    s = s < 0 ? s + 1 : s > 1 ? s - 1 : s;
-                    if (s < 1 / 6) {
-                        o = q + ((p - q) * 6 * s);
-                    }
-                    else if (s < 1 / 2) {
-                        o = p;
-                    }
-                    else if (s < 2 / 3) {
-                        o = q + ((p - q) * 6 * (2 / 3 - s));
-                    }
-                    else {
-                        o = q;
-                    }
-                }
-                m = m * 255;
-                n = n * 255;
-                o = o * 255;
-                var t = truncate((m * e));
-                var u = truncate((n * e));
-                var v = truncate((o * e));
-                var w = ((g * b) + i) * 4;
-                a[w + 0] = t;
-                a[w + 1] = u;
-                a[w + 2] = v;
-                a[w + 3] = f;
-            }
-        }
-    };
-    ColorEditorPanel.prototype.az = function (a, b, c) {
-        var d = 1;
-        var e = 255;
-        for (var f = 0; f < c; f++) {
-            var g = f / c;
-            for (var h = 0; h < b; h++) {
-                var i = h / b;
-                var j = 1;
-                var k = 0.5;
-                var l = 360 * i;
-                var m = void 0;
-                var n = void 0;
-                var o = void 0;
-                if (j == 0) {
-                    m = k;
-                    n = k;
-                    o = k;
-                }
-                else {
-                    var p = k < 0.5 ? k * (1 + j) : k + j - (k * j);
-                    var q = 2 * k - p;
-                    var r = l / 360;
-                    var s = r + 1 / 3;
-                    s = s < 0 ? s + 1 : s > 1 ? s - 1 : s;
-                    if (s < 1 / 6) {
-                        m = q + ((p - q) * 6 * s);
-                    }
-                    else if (s < 1 / 2) {
-                        m = p;
-                    }
-                    else if (s < 2 / 3) {
-                        m = q + ((p - q) * 6 * (2 / 3 - s));
-                    }
-                    else {
-                        m = q;
-                    }
-                    s = r;
-                    s = s < 0 ? s + 1 : s > 1 ? s - 1 : s;
-                    if (s < 1 / 6) {
-                        n = q + ((p - q) * 6 * s);
-                    }
-                    else if (s < 1 / 2) {
-                        n = p;
-                    }
-                    else if (s < 2 / 3) {
-                        n = q + ((p - q) * 6 * (2 / 3 - s));
-                    }
-                    else {
-                        n = q;
-                    }
-                    s = r - 1 / 3;
-                    s = s < 0 ? s + 1 : s > 1 ? s - 1 : s;
-                    if (s < 1 / 6) {
-                        o = q + ((p - q) * 6 * s);
-                    }
-                    else if (s < 1 / 2) {
-                        o = p;
-                    }
-                    else if (s < 2 / 3) {
-                        o = q + ((p - q) * 6 * (2 / 3 - s));
-                    }
-                    else {
-                        o = q;
-                    }
-                }
-                m = m * 255;
-                n = n * 255;
-                o = o * 255;
-                var t = truncate((m * d));
-                var u = truncate((n * d));
-                var v = truncate((o * d));
-                var w = ((f * b) + h) * 4;
-                a[w + 0] = t;
-                a[w + 1] = u;
-                a[w + 2] = v;
-                a[w + 3] = e;
-            }
-        }
-    };
-    ColorEditorPanel.prototype.ad = function () {
-        if (this.s != null) {
-            return this.s.bt;
-        }
-        return 0;
-    };
-    ColorEditorPanel.prototype.a1 = function (a, b, c) {
-        var d = this.s.bt;
-        var e = 1;
-        var f = 255;
-        for (var g = 0; g < c; g++) {
-            var h = g / c;
-            for (var i = 0; i < b; i++) {
-                var j = i / b;
-                var k = ((intDivide(i, 10)) + (intDivide(g, 10))) % 2 == 0;
-                var l = 100;
-                var m = 100;
-                var n = 100;
-                if (!k) {
-                    l = 255;
-                    m = 255;
-                    n = 255;
-                }
-                var o = truncate((l));
-                var p = truncate((m));
-                var q = truncate((n));
-                if (o > 255) {
-                    o = 255;
-                }
-                if (p > 255) {
-                    p = 255;
-                }
-                if (q > 255) {
-                    q = 255;
-                }
-                var r = ((g * b) + i) * 4;
-                a[r + 0] = o;
-                a[r + 1] = p;
-                a[r + 2] = q;
-                a[r + 3] = f;
-            }
-        }
-    };
-    ColorEditorPanel.prototype.a2 = function (a, b, c) {
-        var d = this.s.bt;
-        var e = 1;
-        var f = 255;
-        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++) {
-                var l = k / b;
-                var m = h;
-                var n = g;
-                var o = void 0;
-                var p = void 0;
-                var q = void 0;
-                if (m == 0) {
-                    o = n;
-                    p = n;
-                    q = n;
-                }
-                else {
-                    var r = n < 0.5 ? n * (1 + m) : n + m - (n * m);
-                    var s = 2 * n - r;
-                    var t = d / 360;
-                    var u = t + 1 / 3;
-                    u = u < 0 ? u + 1 : u > 1 ? u - 1 : u;
-                    if (u < 1 / 6) {
-                        o = s + ((r - s) * 6 * u);
-                    }
-                    else if (u < 1 / 2) {
-                        o = r;
-                    }
-                    else if (u < 2 / 3) {
-                        o = s + ((r - s) * 6 * (2 / 3 - u));
-                    }
-                    else {
-                        o = s;
-                    }
-                    u = t;
-                    u = u < 0 ? u + 1 : u > 1 ? u - 1 : u;
-                    if (u < 1 / 6) {
-                        p = s + ((r - s) * 6 * u);
-                    }
-                    else if (u < 1 / 2) {
-                        p = r;
-                    }
-                    else if (u < 2 / 3) {
-                        p = s + ((r - s) * 6 * (2 / 3 - u));
-                    }
-                    else {
-                        p = s;
-                    }
-                    u = t - 1 / 3;
-                    u = u < 0 ? u + 1 : u > 1 ? u - 1 : u;
-                    if (u < 1 / 6) {
-                        q = s + ((r - s) * 6 * u);
-                    }
-                    else if (u < 1 / 2) {
-                        q = r;
-                    }
-                    else if (u < 2 / 3) {
-                        q = s + ((r - s) * 6 * (2 / 3 - u));
-                    }
-                    else {
-                        q = s;
-                    }
-                }
-                o = o * 255;
-                p = p * 255;
-                q = q * 255;
-                var v = e * (1 - j);
-                var w = ((intDivide(k, 10)) + (intDivide(i, 10))) % 2 == 0;
-                var x = 100;
-                var y = 100;
-                var z = 100;
-                if (!w) {
-                    x = 255;
-                    y = 255;
-                    z = 255;
-                }
-                var aa = truncate((o * v + x * (1 - v)));
-                var ab = truncate((p * v + x * (1 - v)));
-                var ac = truncate((q * v + x * (1 - v)));
-                if (aa > 255) {
-                    aa = 255;
-                }
-                if (ab > 255) {
-                    ab = 255;
-                }
-                if (ac > 255) {
-                    ac = 255;
-                }
-                var ad = ((i * b) + k) * 4;
-                a[ad + 0] = aa;
-                a[ad + 1] = ab;
-                a[ad + 2] = ac;
-                a[ad + 3] = f;
-            }
-        }
-    };
-    ColorEditorPanel.$t = markType(ColorEditorPanel, 'ColorEditorPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ColorEditorPanel.ag = "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z";
-    ColorEditorPanel.ah = "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z";
-    return ColorEditorPanel;
-}(Base));