igniteui-angular-data-grids 21.1.0 → 22.0.0-alpha.0

package/esm2015/lib/CheckboxListView_combined.js

@@ -1,2142 +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 { Base, runOn, delegateCombine, typeCast, fromEnum, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, EnumUtil, enumGetBox } from "igniteui-angular-core";
-import { DomWrapper_$type } from "igniteui-angular-core";
-import { Dictionary$2 } from "igniteui-angular-core";
-import { XCheckbox } from "igniteui-angular-inputs";
-import { XLabel } from "igniteui-angular-inputs";
-import { XIcon } from "igniteui-angular-inputs";
-import { XInputGroup } from "igniteui-angular-inputs";
-import { XPrefix } from "igniteui-angular-inputs";
-import { XInput } from "igniteui-angular-inputs";
-import { ControlDisplayDensity_$type } from "igniteui-angular-core";
-import { FontInfo } from "igniteui-angular-core";
-import { DataContext } from "igniteui-angular-core";
-import { IDataLegendTarget_$type } from "igniteui-angular-core";
-import { BrushUtil } from "igniteui-angular-core";
-import { DeviceUtils } from "igniteui-angular-core";
-import { Brush } from "igniteui-angular-core";
-import { Color } from "igniteui-angular-core";
-import { NativeUI } from "igniteui-angular-core";
-import { PrimaryKeyValue } from "./PrimaryKeyValue";
-import { Thickness } from "igniteui-angular-core";
-import { Size } from "igniteui-angular-core";
-import { CheckboxListIndexType_$type } from "./CheckboxListIndexType";
-import { stringIsNullOrEmpty, stringIsNullOrWhiteSpace } from "igniteui-angular-core";
-import { SRProvider } from "igniteui-angular-core";
-import { GridSelectedKeysCollection } from "./GridSelectedKeysCollection";
-import { InputGroupDisplayType_$type } from "igniteui-angular-inputs";
-import { GridStyleRepository } from "./GridStyleRepository";
-import { BaseControlTheme_$type } from "igniteui-angular-core";
-import { ScrollbarStyle_$type } from "igniteui-angular-core";
-import { FilterFactory } from "igniteui-angular-core";
-import { CheckboxListKeysClearedEventArgs } from "./CheckboxListKeysClearedEventArgs";
-import { CheckedChangedEventArgs } from "./CheckedChangedEventArgs";
-import { TemplateColumn } from "./TemplateColumn";
-import { CornerRadius } from "igniteui-angular-core";
-import { FastReflectionHelper } from "igniteui-angular-core";
-import { DataSeriesPropertyType_$type } from "igniteui-angular-core";
-import { SvgIconRegistry } from "igniteui-angular-core";
-import { DataSourceSchemaPropertyType_$type } from "igniteui-angular-core";
-import { CheckboxListIndexTypeChangedEventArgs } from "./CheckboxListIndexTypeChangedEventArgs";
-import { ColumnWidth } from "./ColumnWidth";
-import { DateTimeColumn } from "./DateTimeColumn";
-import { NumericColumn } from "./NumericColumn";
-import { TextColumn } from "./TextColumn";
-import { ArgumentException } from "igniteui-angular-core";
-import { ComponentSizeHelpers } from "igniteui-angular-core";
-import { CheckboxListVisualModelExport } from "igniteui-angular-inputs";
-import { AppearanceHelper } from "igniteui-angular-core";
-import { SelectAllCheckboxChangedEventArgs } from "./SelectAllCheckboxChangedEventArgs";
-import { isPositiveInfinity } from "igniteui-angular-core";
-/**
- * @hidden
- */
-export let CheckboxListView = /*@__PURE__*/ (() => {
-    class CheckboxListView extends Base {
-        constructor() {
-            super();
-            this.f = new Dictionary$2(DomWrapper_$type, XCheckbox.$, 0);
-            this.i = new Dictionary$2(DomWrapper_$type, XLabel.$, 0);
-            this.h = new Dictionary$2(DomWrapper_$type, XLabel.$, 0);
-            this.g = new Dictionary$2(DomWrapper_$type, XIcon.$, 0);
-            this.n = null;
-            this.b = null;
-            this.m = null;
-            this.l = null;
-            this.d = null;
-            this.c = null;
-            this.j = null;
-            this.e = false;
-            this.k = null;
-        }
-        s() {
-        }
-        r(a) {
-            if (a == null) {
-                this.j = null;
-                this.f.clear();
-                return;
-            }
-            this.j = a;
-            this.ac();
-            this.al();
-            this.ao();
-            this.z();
-            let b = Math.round(a.rootWrapper.width());
-            let c = Math.round(a.rootWrapper.height());
-            this.j.rootWrapper.setStyleProperty("position", "relative");
-            this.j.rootWrapper.setStyleProperty("padding-bottom", "4px");
-            this.an();
-        }
-        ac() {
-            if (this.j != null) {
-                this.ad(this.j);
-            }
-        }
-        ad(a) {
-            let b = a.rootWrapper.getChildAt(0);
-            this.l = b;
-            let c = new XInputGroup();
-            let d = a.getSubRenderer(b);
-            c.provideContainer(d);
-            let e = d.getExternal(c, d.rootWrapper, d.getExternal(this.c, null, null));
-            this.c.eh(c);
-            let f = a.createElement("div");
-            let g = a.getSubRenderer(f);
-            let h = new XPrefix();
-            h.provideContainer(g);
-            let i = g.getExternal(h, g.rootWrapper, g.getExternal(this.c, null, null));
-            let j = a.createElement("div");
-            let k = a.getSubRenderer(j);
-            this.d = new XIcon();
-            this.d.provideContainer(k);
-            this.d.fill = this.c.searchIconColor;
-            this.d.svgPath = CheckboxList.cz;
-            let l = g.getExternal(this.d, k.rootWrapper, k.getExternal(this.c, null, null));
-            h.appendContentChild(j);
-            c.appendContentChild(f);
-            c.inputs.add(h);
-            let m = a.createElement("div");
-            m.setRawStyleProperty("flex-grow", "1");
-            let n = a.getSubRenderer(m);
-            this.c.w = new XInput();
-            this.c.w.provideContainer(n);
-            this.c.w.b8 = "text";
-            let o = n.getExternal(this.c.w, n.rootWrapper, n.getExternal(this.c, null, null));
-            if (this.c.cf != null) {
-                this.c.w.cg = this.c.cf;
-            }
-            this.c.y.appendContentChild(m);
-            this.c.y.inputs.add(this.c.w);
-            this.c.d5();
-        }
-        z() {
-            if (this.j != null) {
-                let a = this.j.rootWrapper.getChildAt(3);
-                a.setStyleProperty("width", "100%");
-                if (!this.c.a8 && !this.c.showSelectAll) {
-                    a.setStyleProperty("height", "100%");
-                }
-                else {
-                    let b = this.c.be();
-                    a.setStyleProperty("height", "calc(100% - " + b + "px");
-                }
-            }
-        }
-        t(a, b, c) {
-            let d = null;
-            if (a.getChildCount() == 0) {
-                d = new XCheckbox();
-                let e = this.j.getSubRenderer(a);
-                d.provideContainer(e);
-                let f = this.j.getExternal(d, e.rootWrapper, this.j.getExternal(this.c, null, null));
-                this.f.addItem(a, d);
-                d.n = this.c.baseTheme;
-                d.y = true;
-                d.change = delegateCombine(d.change, runOn(this, this.o));
-                let g = this.j.createElement("div");
-                a.setStyleProperty("display", "flex");
-                a.setStyleProperty("height", "100%");
-                a.setStyleProperty("align-items", "center");
-                switch (this.c.density) {
-                    case 1:
-                        a.setStyleProperty("margin-top", "-4px");
-                        break;
-                    case 2:
-                        a.setStyleProperty("margin-top", "-1px");
-                        break;
-                    case 4:
-                    case 3:
-                        a.setStyleProperty("margin-top", "1px");
-                        break;
-                }
-                a.append(g);
-            }
-            else {
-                d = this.f.item(a);
-            }
-            if (d != null) {
-                let h = d.z;
-                try {
-                    d.z = true;
-                    d.ar = this.c.checkboxCornerRadius;
-                    d.a4 = b;
-                    if (c) {
-                        if (this.c.indexType == 0) {
-                            d.checked = false;
-                        }
-                        else {
-                            d.checked = true;
-                        }
-                    }
-                    else {
-                        if (this.c.indexType == 0) {
-                            d.checked = true;
-                        }
-                        else {
-                            d.checked = false;
-                        }
-                    }
-                }
-                finally {
-                    d.z = h;
-                }
-                d.dk = this.c.fg;
-                d.dd = this.c.checkboxCheckedBackgroundColor;
-                d.dl = this.c.checkboxUncheckedBackgroundColor;
-                d.de = this.c.checkboxCheckedBorderColor;
-                d.dm = this.c.checkboxUncheckedBorderColor;
-            }
-        }
-        u(a, b, c, d, e, f, g, h, i, j, k) {
-            let l = null;
-            let m = null;
-            let n = null;
-            let o = null;
-            if (a.getChildCount() == 0) {
-                o = new XIcon();
-                l = new XLabel();
-                m = new XLabel();
-                a.setStyleProperty("display", "flex");
-                a.setStyleProperty("align-items", "center");
-                a.setStyleProperty("height", "100%");
-                let p = this.j.createElement("div");
-                let q = this.j.getSubRenderer(p);
-                o.provideContainer(q);
-                o.a5 = 24;
-                o.a8 = 24;
-                p.setStyleProperty("margin-right", "10px");
-                let r = this.j.createElement("div");
-                let s = this.j.getSubRenderer(r);
-                l.provideContainer(s);
-                let t = this.j.createElement("div");
-                let u = this.j.getSubRenderer(t);
-                m.provideContainer(u);
-                this.i.addItem(a, l);
-                this.h.addItem(a, m);
-                this.g.addItem(a, o);
-                n = new XIcon();
-                let v = this.j.createElement("div");
-                let w = this.j.getSubRenderer(v);
-                n.provideContainer(w);
-                v.setStyleProperty("height", "100%");
-                v.setStyleProperty("margin-left", "-4px");
-                n.a1 = 16;
-                n.a9 = 16;
-                n.a5 = 16;
-                n.a8 = 16;
-                n.a7 = 2;
-                n.svgPath = "<svg width=\"16\" height=\"16\" viewBox=\"0 2 24 24\" fill=\"none\" stroke=\"rgba(0, 0, 0, 255)\" xmlns=\"http://www.w3.org/2000/svg\">\r\n" + "<path d=\"M20 11.1205L16.2166 14.8795L12.4575 11.1205\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n" + "</svg>\r\n";
-                n.ea = BrushUtil.l(120, 0, 0, 0);
-                n.a4 = DeviceUtils.g(1);
-                r.setStyleProperty("display", "flex");
-                r.setStyleProperty("height", "100%");
-                r.setStyleProperty("align-items", "center");
-                r.setStyleProperty("justify-content", "start");
-                r.setStyleProperty("flex", "auto");
-                t.setStyleProperty("display", "flex");
-                t.setStyleProperty("height", "100%");
-                t.setStyleProperty("align-items", "center");
-                t.setStyleProperty("justify-content", "center");
-                t.setStyleProperty("flex-direction", "column");
-                a.append(p);
-                a.append(r);
-                a.append(t);
-                a.append(v);
-            }
-            else {
-                l = this.i.item(a);
-                m = this.h.item(a);
-                o = this.g.item(a);
-            }
-            if (l != null) {
-                try {
-                    o.svg = null;
-                    o.bg = null;
-                    o.bh = null;
-                    let x = e != null ? e : ((() => {
-                        let $ret = new FontInfo();
-                        $ret.f = g;
-                        $ret.q = f;
-                        return $ret;
-                    })());
-                    l.ak = true;
-                    l.p = this.c.baseTheme;
-                    l.y = x;
-                    l.text = c;
-                    l.l = 0;
-                    let y = a.getChildAt(0);
-                    let z = h != null || i != null || k != null;
-                    let aa = false;
-                    y.setStyleProperty("width", z ? "24px" : "0px");
-                    if (i != null) {
-                        aa = true;
-                        o.bg = i;
-                        let ab = ((() => {
-                            let $ret = new DataContext();
-                            $ret.series = this;
-                            $ret.item = null;
-                            $ret.itemBrush = ((() => {
-                                let $ret = new Brush();
-                                $ret.color = Color.u(255, 0, 0, 0);
-                                $ret.fill = "black";
-                                return $ret;
-                            })());
-                            return $ret;
-                        })());
-                        o.bh = ab;
-                    }
-                    else if (h != null) {
-                        let ac = typeCast(IDataLegendTarget_$type, h);
-                        let ad = ac.getDataLegendSeries();
-                        if (ad != null) {
-                            for (let ae = 0; ae < ad.length; ae++) {
-                                let af = ad[ae];
-                                let ag = af.getDataLegendSeriesTitle();
-                                if (c == ag || c + " " + d == ag) {
-                                    aa = true;
-                                    o.bg = af.getDataLegendBadge();
-                                    o.bh = af.getDataLegendBadgeContext();
-                                    break;
-                                }
-                            }
-                        }
-                        y.setStyleProperty("padding-bottom", "6px");
-                    }
-                    else if (k != null) {
-                        aa = true;
-                        o.a6 = 0;
-                        o.a7 = 0;
-                        o.a1 = 24;
-                        o.a9 = 24;
-                        o.a5 = 24;
-                        o.a8 = 24;
-                        o.d3 = BrushUtil.l(0, 255, 255, 255);
-                        o.fill = BrushUtil.l(0, 255, 255, 255);
-                        o.ea = BrushUtil.l(0, 255, 255, 255);
-                        o.d4 = BrushUtil.l(0, 255, 255, 255);
-                        o.svg = k;
-                    }
-                    if (!aa) {
-                        o.view.ag();
-                    }
-                    let ah = a.getChildAt(2);
-                    let ai = a.getChildAt(3);
-                    if (stringIsNullOrEmpty(d)) {
-                        ah.setStyleProperty("display", "none");
-                        ai.setStyleProperty("display", "none");
-                        return;
-                    }
-                    else {
-                        ah.setStyleProperty("display", "flex");
-                        ai.setStyleProperty("display", "flex");
-                    }
-                    m.p = this.c.baseTheme;
-                    x.f = x.f - 2;
-                    m.ak = true;
-                    m.y = x;
-                    m.text = d;
-                    m.dj = BrushUtil.l(180, 0, 0, 0);
-                    m.l = 0;
-                }
-                finally {
-                }
-            }
-        }
-        ag() {
-            if (this.f != null) {
-                for (let a of fromEnum(this.f)) {
-                    let b = a.value;
-                    b.n = this.c.baseTheme;
-                }
-            }
-            if (this.b != null) {
-                this.b.n = this.c.baseTheme;
-            }
-        }
-        ae() {
-            if (this.n != null) {
-                this.n.setStyleProperty("height", this.c.bl + "px");
-            }
-        }
-        o(a, b) {
-            let c = a;
-            let d = parseInt(c.a4.toString());
-            let e = c.checked;
-            if (e == true) {
-                if (this.c.indexType == 0) {
-                    this.c.ek(d);
-                }
-                else {
-                    this.c.dd(d);
-                }
-            }
-            else {
-                if (this.c.indexType == 0) {
-                    this.c.dd(d);
-                }
-                else {
-                    this.c.ek(d);
-                }
-            }
-            this.c.d1(d, e);
-            this.an(false);
-        }
-        q() {
-        }
-        aa(a, b) {
-            for (let c of fromEnum(this.f)) {
-                let d = c.value;
-                let e = parseInt(d.a4.toString());
-                if (e == a) {
-                    d.checked = b;
-                    this.c.d1(e, b);
-                }
-            }
-            this.an();
-        }
-        ab(a) {
-            for (let b of fromEnum(this.f)) {
-                let c = b.value;
-                c.checked = a;
-            }
-        }
-        w(a) {
-            this.n = a;
-            if (null != this.n) {
-                this.n.setStyleProperty("margin", 0 + "px 0px " + 0 + "px 0px");
-                this.ae();
-            }
-        }
-        ao() {
-            let a = this.j;
-            if (null == a || null == this.n) {
-                return;
-            }
-            let b = a.createElement("div");
-            let c = a.getSubRenderer(b);
-            this.b = new XCheckbox();
-            this.b.provideContainer(c);
-            let d = this.j.getExternal(this.b, c.rootWrapper, this.j.getExternal(this.c, null, null));
-            this.b.n = this.c.baseTheme;
-            this.m = a.createElement("label");
-            this.m.setRawText(this.c.c3);
-            this.m.setStyleProperty("font-size", "13px");
-            this.n.setStyleProperty("display", "flex");
-            this.n.setStyleProperty("flex-direction", "row");
-            this.n.setStyleProperty("font-family", "Verdana");
-            this.n.setStyleProperty("align-items", "center");
-            this.n.append(b);
-            this.n.append(this.m);
-            this.ap();
-            this.am();
-            let e = this.b;
-            e.change = delegateCombine(e.change, runOn(this, this.y));
-            this.b.y = true;
-        }
-        am() {
-            if (null != this.m) {
-                this.m.setRawText(this.c.c3);
-                NativeUI.r(this.m, this.c.fc);
-            }
-        }
-        ap() {
-            if (null != this.m) {
-                let a = this.c.showSelectAll ? "flex" : "none";
-                this.n.setStyleProperty("display", a);
-            }
-        }
-        al() {
-            if (this.l != null) {
-                this.l.setStyleProperty("display", this.c.a8 ? "block" : "none");
-            }
-            if (this.k != null) {
-                this.k.setStyleProperty("display", this.c.a8 ? "block" : "none");
-            }
-        }
-        an(a = true) {
-            if (this.b == null) {
-                return;
-            }
-            let b = this.e;
-            this.e = true;
-            let c = this.b.z;
-            this.b.z = a;
-            try {
-                if (this.c.a5) {
-                    this.b.indeterminate = true;
-                    return;
-                }
-                this.b.indeterminate = false;
-                if (this.c.indexType == 0) {
-                    this.b.checked = this.c.keys.count == 0;
-                }
-                else {
-                    this.b.checked = this.c.keys.count != 0;
-                }
-            }
-            finally {
-                this.b.z = c;
-                this.e = b;
-            }
-        }
-        y(a, b) {
-            if (this.e || b.isIndeterminate) {
-                return;
-            }
-            if (b.isChecked) {
-                this.c.en();
-                this.c.ea(b.isChecked);
-            }
-            else {
-                this.c.dj();
-                this.c.ea(b.isChecked);
-            }
-        }
-        ak() {
-            let a = this.j;
-            if (null == a) {
-                return;
-            }
-            let b = a.rootWrapper;
-            if (null != b) {
-                NativeUI.r(b, this.c.textColor);
-                NativeUI.n(b, this.c.backgroundColor);
-            }
-        }
-        ai() {
-            if (this.d != null) {
-                this.d.fill = this.c.searchIconColor;
-            }
-        }
-        aj() {
-            if (this.c.ao != null) {
-                this.m.setStyleProperty("font", this.c.ao.fontString);
-            }
-            else {
-                this.m.setStyleProperty("font-family", "Verdana");
-                this.m.setStyleProperty("font-size", 13 + "px");
-            }
-        }
-        af() {
-            if (this.b == null) {
-                return;
-            }
-            this.b.dk = this.c.fg;
-            this.b.dd = this.c.checkboxCheckedBackgroundColor;
-            this.b.dl = this.c.checkboxUncheckedBackgroundColor;
-            this.b.de = this.c.checkboxCheckedBorderColor;
-            this.b.dm = this.c.checkboxUncheckedBorderColor;
-        }
-        ah(a) {
-            if (this.k != null) {
-                NativeUI.y(this.k, a);
-            }
-        }
-        v(a) {
-            this.k = a;
-            this.ah(new Thickness(1, 0, DeviceUtils.g(3), 0, DeviceUtils.g(0)));
-        }
-        aq() {
-            return new Size(1, this.j.rootWrapper.width(), this.j.rootWrapper.height());
-        }
-        a() {
-            let rect_ = this.j.rootWrapper.getNativeElement().getBoundingClientRect();
-            let a = (rect_.top);
-            let b = (rect_.left);
-            let c = new Array(2);
-            c[0] = a;
-            c[1] = b;
-            return c;
-        }
-        x() {
-            for (let a of fromEnum(this.g)) {
-                a.value.bg = null;
-                a.value.bh = null;
-            }
-        }
-        p() {
-            this.f.clear();
-            this.g.clear();
-            this.h.clear();
-            this.i.clear();
-        }
-    }
-    CheckboxListView.$t = markType(CheckboxListView, 'CheckboxListView');
-    return CheckboxListView;
-})();
-/**
- * @hidden
- */
-export let CheckboxList = /*@__PURE__*/ (() => {
-    class CheckboxList extends Base {
-        constructor() {
-            super();
-            this._view = null;
-            this.g = null;
-            this.k = null;
-            this.ak = null;
-            this.ai = null;
-            this.al = null;
-            this.aj = null;
-            this.d = null;
-            this.as = false;
-            this.c = null;
-            this.v = null;
-            this.x = null;
-            this.at = false;
-            this.aq = null;
-            this.h = new GridSelectedKeysCollection();
-            this.a = null;
-            this.propertyChanged = null;
-            this.selectedKeyAdded = null;
-            this.selectedKeyRemoved = null;
-            this.checkedChanged = null;
-            this.labelClicked = null;
-            this.av = false;
-            this.au = false;
-            this.bp = null;
-            this.bt = null;
-            this.bo = null;
-            this.bx = null;
-            this.bv = null;
-            this.bw = null;
-            this.bu = null;
-            this.z = 3;
-            this.bk = -1;
-            this.am = null;
-            this.m = 1;
-            this.ae = 1;
-            this.ag = 2;
-            this.e8 = BrushUtil.l(255, 24, 29, 31);
-            this.e5 = null;
-            this.ax = true;
-            this.e9 = null;
-            this.e6 = null;
-            this.e7 = null;
-            this.an = null;
-            this.ey = null;
-            this.ew = null;
-            this.ez = null;
-            this.ex = null;
-            this.e0 = null;
-            this.bb = NaN;
-            this.gridColumnProvider = null;
-            this.ac = 0;
-            this.e3 = null;
-            this.e4 = null;
-            this.e2 = null;
-            this.indexTypeChanged = null;
-            this.aw = false;
-            this.c2 = null;
-            this.fa = null;
-            this.eu = CheckboxList.fm;
-            this.a9 = true;
-            this.ev = CheckboxList.fj;
-            this.e1 = CheckboxList.fl;
-            this.fb = CheckboxList.fm;
-            this.keysCleared = null;
-            this.selectAllCheckboxChanged = null;
-            this.bm = -1;
-            this.a7 = true;
-            this.a3 = true;
-            this.ay = false;
-            let a = this.h;
-            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.ed));
-            this.h.am(runOn(this, this.ec));
-            this.d = new FilterFactory();
-            let b = new CheckboxListView();
-            b.c = this;
-            this.view = b;
-            this.view.s();
-        }
-        get view() {
-            return this._view;
-        }
-        set view(a) {
-            this._view = a;
-        }
-        get y() {
-            return this.x;
-        }
-        set y(a) {
-            this.x = a;
-        }
-        get w() {
-            return this.v;
-        }
-        set w(a) {
-            this.v = a;
-        }
-        get e() {
-            if (this.g == null) {
-                return null;
-            }
-            return this.g.actualDataSource;
-        }
-        get ar() {
-            if (this.aq == null) {
-                this.aq = new SRProvider(this.view.j);
-                this.aq.cb("DataGrid");
-            }
-            return this.aq;
-        }
-        get keys() {
-            return this.h;
-        }
-        get primaryKey() {
-            return this.a;
-        }
-        set primaryKey(a) {
-            let b = this.a;
-            this.a = a;
-            if (b != this.a) {
-                this.d8("PrimaryKey", b, this.a);
-            }
-        }
-        clearSelectedKeys() {
-            this.keys.clear();
-            if (this.keysCleared != null) {
-                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
-            }
-        }
-        addSelectedKey(a, b) {
-            this.keys.add(new PrimaryKeyValue(a, b));
-        }
-        insertSelectedKey(a, b, c) {
-            this.keys.insert(a, new PrimaryKeyValue(b, c));
-        }
-        removeSelectedKeyAt(a) {
-            this.keys.removeAt(a);
-        }
-        ec() {
-            this.dt();
-            if (this.keysCleared != null) {
-                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
-            }
-        }
-        ed(a, b) {
-            if (this.e == null || this.e.actualSchema == null || this.as) {
-                return;
-            }
-            switch (b.action) {
-                case 0:
-                    for (let c = 0; c < b.newItems.count; c++) {
-                        this.d6(b.newItems.item(c));
-                    }
-                    break;
-                case 1:
-                    for (let d = 0; d < b.oldItems.count; d++) {
-                        this.d7(b.oldItems.item(d));
-                    }
-                    break;
-                case 2:
-                    for (let e = 0; e < b.oldItems.count; e++) {
-                        this.d7(b.oldItems.item(e));
-                    }
-                    for (let f = 0; f < b.newItems.count; f++) {
-                        this.d6(b.newItems.item(f));
-                    }
-                    break;
-                case 4:
-                    this.view.ab(this.indexType == 0);
-                    for (let g = 0; g < this.keys.ae.count; g++) {
-                        this.d6(this.keys.ae._inner[g]);
-                    }
-                    break;
-            }
-        }
-        d6(a) {
-            let b = this.e.indexOfKey(a.value);
-            if (b >= 0) {
-                this.view.aa(b, this.indexType == 1);
-            }
-            if (this.selectedKeyAdded == null) {
-                return;
-            }
-            this.selectedKeyAdded(this, ((() => {
-                let $ret = new CheckedChangedEventArgs();
-                $ret.c = b;
-                $ret.b = this.indexType == 1;
-                $ret.a = a.value;
-                return $ret;
-            })()));
-        }
-        d7(a) {
-            let b = this.e.indexOfKey(a.value);
-            if (b >= 0) {
-                this.view.aa(b, this.indexType == 0);
-            }
-            if (this.selectedKeyRemoved == null) {
-                return;
-            }
-            this.selectedKeyRemoved(this, ((() => {
-                let $ret = new CheckedChangedEventArgs();
-                $ret.c = b;
-                $ret.b = this.indexType == 0;
-                $ret.a = a.value;
-                return $ret;
-            })()));
-        }
-        d1(a, b) {
-            if (this.checkedChanged != null && this.at == false) {
-                let c = null;
-                if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
-                    c = new Array(this.e.actualPrimaryKey.length);
-                    for (let d = 0; d < this.e.actualPrimaryKey.length; d++) {
-                        c[d] = this.e.getItemPropertyAtIndex(a, this.e.actualPrimaryKey[d]);
-                    }
-                }
-                this.checkedChanged(this, ((() => {
-                    let $ret = new CheckedChangedEventArgs();
-                    $ret.c = a;
-                    $ret.b = b;
-                    $ret.a = c;
-                    return $ret;
-                })()));
-            }
-        }
-        notifySizeChanged() {
-            this.view.q();
-        }
-        onAttachedToUI() {
-            this.av = false;
-            if (this.g != null) {
-                let a = this.g;
-                a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dn));
-                let b = this.g;
-                b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dp));
-                if (this.g.actualDataSource != null) {
-                    let c = this.g.actualDataSource;
-                    c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d9));
-                }
-            }
-            if (this.v != null) {
-                let d = this.v;
-                d.changing = delegateCombine(d.changing, runOn(this, this.dr));
-            }
-            if (this.k != null) {
-                let e = this.k;
-                e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.dh));
-            }
-        }
-        onDetachedFromUI() {
-            this.av = true;
-            this.dm();
-            this.dl();
-        }
-        dm() {
-            if (this.g != null) {
-                let a = this.g;
-                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dn));
-                let b = this.g;
-                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dp));
-                if (this.g.actualDataSource != null) {
-                    let c = this.g.actualDataSource;
-                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d9));
-                }
-            }
-            if (this.v != null) {
-                let d = this.v;
-                d.changing = delegateRemove(d.changing, runOn(this, this.dr));
-            }
-        }
-        dl() {
-            if (this.k != null) {
-                let a = this.k;
-                a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.dh));
-            }
-        }
-        destroy() {
-            this.au = true;
-            if (!this.av) {
-                this.dm();
-            }
-            this.provideContainer(null, null, null);
-            if (!this.av) {
-                this.dl();
-            }
-        }
-        get a0() {
-            return this.au || this.av;
-        }
-        provideContainer(a, b, c) {
-            this.g = b;
-            if (null != this.g) {
-                this.g.scrollbarStyle = 1;
-                let d = this.g;
-                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dp));
-                this.g.scrollbarBackground = this.scrollbarBackground;
-                this.g.scrollbarHoverBackground = this.scrollbarHoverBackground;
-                this.g.scrollbarActiveBackground = this.scrollbarActiveBackground;
-                this.g.headerHeight = 0;
-                this.g.rowSeparatorHeight = 0;
-                this.g.defaultColumnMinWidth = NaN;
-                this.g.autoGenerateColumns = false;
-                this.g.activationMode = 0;
-                this.g.selectionMode = 0;
-                this.g.editMode = 0;
-                this.g.borderWidth = new Thickness(0, 0);
-                this.g.cornerRadius = new CornerRadius(0, 0);
-                let e = this.g;
-                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dn));
-                if (this.bp != null) {
-                    this.g.itemsSource = this.bp;
-                    this.dg();
-                    this.eb();
-                }
-                if (this.bt != null) {
-                    this.eb();
-                    this.eq();
-                }
-            }
-            this.view.w(c);
-            if (this.checkboxAlignedRight) {
-                this.es();
-            }
-            this.view.r(a);
-        }
-        dp(a, b) {
-            this.g.scrollbarStyle = this.ad;
-        }
-        provideSelectAllSection(a) {
-            this.view.w(a);
-        }
-        dn(a, b) {
-            if (!this.checkboxAlignedRight && b.cellInfo.l.a6 == 0 || this.checkboxAlignedRight && b.cellInfo.l.a6 == 1) {
-                return;
-            }
-            let c = b.cellInfo.l.x;
-            if (-1 == c) {
-                return;
-            }
-            let d = b.cellInfo.im;
-            let e = this.j(d);
-            if (this.labelClickTriggersChange) {
-                if (this.keys.contains(e)) {
-                    if (this.ak != null) {
-                        this.ak.setPropertyValue(d, false);
-                    }
-                    this.keys.remove(e);
-                }
-                else {
-                    if (this.ak != null) {
-                        this.ak.setPropertyValue(d, true);
-                    }
-                    this.keys.add(e);
-                }
-            }
-            this.dw(c, this.keys.contains(e));
-        }
-        dw(a, b) {
-            let c = null;
-            if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
-                c = new Array(this.e.actualPrimaryKey.length);
-                for (let d = 0; d < this.e.actualPrimaryKey.length; d++) {
-                    c[d] = this.e.getItemPropertyAtIndex(a, this.e.actualPrimaryKey[d]);
-                }
-            }
-            if (this.labelClicked == null) {
-                return;
-            }
-            this.labelClicked(this, ((() => {
-                let $ret = new CheckedChangedEventArgs();
-                $ret.c = a;
-                $ret.b = b;
-                $ret.a = c;
-                return $ret;
-            })()));
-        }
-        dh(a, b) {
-            let c = b.cellInfo.l.x;
-            if (-1 == c) {
-                return;
-            }
-            let d = false;
-            if (b.cellInfo.im != null) {
-                let e = this.j(b.cellInfo.im);
-                if (this.keys.contains(e)) {
-                    d = true;
-                }
-            }
-            this.view.t(b.content.element, c, d);
-        }
-        er(a, b) {
-            let c = b.cellInfo.l.x;
-            if (-1 == c) {
-                return;
-            }
-            let d = null;
-            let e = null;
-            let f = null;
-            let g = null;
-            let h = null;
-            if (b.cellInfo.im != null) {
-                d = this.ai.getPropertyValue(b.cellInfo.im);
-                if (this.al != null) {
-                    e = this.al.getPropertyValue(b.cellInfo.im);
-                }
-                if (this.aj != null) {
-                    let i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.aj.getPropertyValue(b.cellInfo.im));
-                    if (i == 0) {
-                        h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "string-field");
-                    }
-                    else if (i == 2) {
-                        h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "numeric-field");
-                    }
-                    else if (i == 1) {
-                        h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "date-time-field");
-                    }
-                }
-            }
-            this.view.u(b.content.element, c, d, e, this.am, "Verdana", 13, this.bo, f, g, h);
-        }
-        d3(a) {
-            if (this.bt != null) {
-                let b = this.d.property(this.bt).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
-                let c = b.contains(a);
-                if (!this.g.filterExpressions.k.contains(this.c)) {
-                    this.c = c;
-                    this.g.filterExpressions.add(this.c);
-                }
-                else {
-                    let d = this.g.filterExpressions.k.indexOf(this.c);
-                    this.g.filterExpressions.k.item(d, this.c = c);
-                }
-            }
-        }
-        get itemsSource() {
-            return this.bp;
-        }
-        set itemsSource(a) {
-            let b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.d8("ItemsSource", b, this.bp);
-            }
-        }
-        get dataMemberPath() {
-            return this.bt;
-        }
-        set dataMemberPath(a) {
-            let b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.d8("DataMemberPath", b, this.bt);
-            }
-        }
-        get dataLegendTarget() {
-            return this.bo;
-        }
-        set dataLegendTarget(a) {
-            let b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.d8("DataLegendTarget", b, this.bo);
-            }
-        }
-        get subtitleMemberPath() {
-            return this.bx;
-        }
-        set subtitleMemberPath(a) {
-            let b = this.bx;
-            this.bx = a;
-            if (b != this.bx) {
-                this.d8("SubtitleMemberPath", b, this.bx);
-            }
-        }
-        get propertyTypeMemberPath() {
-            return this.bv;
-        }
-        set propertyTypeMemberPath(a) {
-            let b = this.bv;
-            this.bv = a;
-            if (b != this.bv) {
-                this.d8("PropertyTypeMemberPath", b, this.bv);
-            }
-        }
-        get selectedMemberPath() {
-            return this.bw;
-        }
-        set selectedMemberPath(a) {
-            let b = this.bw;
-            this.bw = a;
-            if (b != this.bw) {
-                this.d8("SelectedMemberPath", b, this.bw);
-            }
-        }
-        get cf() {
-            return this.bu;
-        }
-        set cf(a) {
-            let b = this.bu;
-            this.bu = a;
-            if (b != this.bu) {
-                this.d8("FilterPlaceholderText", b, this.bu);
-            }
-        }
-        get aa() {
-            return this.z;
-        }
-        set aa(a) {
-            let b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.d8("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.z));
-            }
-        }
-        get bn() {
-            return this.bk;
-        }
-        set bn(a) {
-            let b = this.bk;
-            this.bk = a;
-            if (b != this.bk) {
-                this.d8("RowHeight", b, this.bk);
-            }
-        }
-        get bl() {
-            if (this.g != null) {
-                return this.g.actualRowHeight;
-            }
-            else if (this.bk != -1) {
-                return this.bk;
-            }
-            else {
-                switch (this.density) {
-                    case 4:
-                    case 3: return GridStyleRepository.l;
-                    case 0:
-                    case 2: return GridStyleRepository.m;
-                    case 1: return GridStyleRepository.k;
-                }
-                return GridStyleRepository.m;
-            }
-        }
-        get ao() {
-            return this.am;
-        }
-        set ao(a) {
-            let b = this.am;
-            this.am = a;
-            if (b != this.am) {
-                this.d8("CellTextStyle", b, this.am);
-            }
-        }
-        get indexType() {
-            return this.m;
-        }
-        set indexType(a) {
-            let b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.d8("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.m));
-            }
-        }
-        get baseTheme() {
-            return this.ae;
-        }
-        set baseTheme(a) {
-            let b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.d8("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ae));
-            }
-        }
-        get density() {
-            return this.ag;
-        }
-        set density(a) {
-            let b = this.ag;
-            this.ag = a;
-            if (b != this.ag) {
-                this.d8("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ag));
-            }
-        }
-        get searchIconColor() {
-            return this.e8;
-        }
-        set searchIconColor(a) {
-            let b = this.e8;
-            this.e8 = a;
-            if (b != this.e8) {
-                this.d8("SearchIconColor", b, this.e8);
-            }
-        }
-        get fs() {
-            return this.e5;
-        }
-        set fs(a) {
-            let b = this.e5;
-            this.e5 = a;
-            if (b != this.e5) {
-                this.d8("SearchBackgroundColor", b, this.e5);
-            }
-        }
-        get labelClickTriggersChange() {
-            return this.ax;
-        }
-        set labelClickTriggersChange(a) {
-            let b = this.ax;
-            this.ax = a;
-            if (b != this.ax) {
-                this.d8("LabelClickTriggersChange", b, this.ax);
-            }
-        }
-        get searchTextColor() {
-            return this.e9;
-        }
-        set searchTextColor(a) {
-            let b = this.e9;
-            this.e9 = a;
-            if (b != this.e9) {
-                this.d8("SearchTextColor", b, this.e9);
-            }
-        }
-        get searchBorderColor() {
-            return this.e6;
-        }
-        set searchBorderColor(a) {
-            let b = this.e6;
-            this.e6 = a;
-            if (b != this.e6) {
-                this.d8("SearchBorderColor", b, this.e6);
-            }
-        }
-        get searchFocusBorderColor() {
-            return this.e7;
-        }
-        set searchFocusBorderColor(a) {
-            let b = this.e7;
-            this.e7 = a;
-            if (b != this.e7) {
-                this.d8("SearchFocusBorderColor", b, this.e7);
-            }
-        }
-        get ap() {
-            return this.an;
-        }
-        set ap(a) {
-            let b = this.an;
-            this.an = a;
-            if (b != this.an) {
-                this.d8("SearchTextStyle", b, this.an);
-            }
-        }
-        get fg() {
-            return this.ey;
-        }
-        set fg(a) {
-            let b = this.ey;
-            this.ey = a;
-            if (b != this.ey) {
-                this.d8("CheckboxTickColor", b, this.ey);
-            }
-        }
-        get checkboxCheckedBackgroundColor() {
-            return this.ew;
-        }
-        set checkboxCheckedBackgroundColor(a) {
-            let b = this.ew;
-            this.ew = a;
-            if (b != this.ew) {
-                this.d8("CheckboxCheckedBackgroundColor", b, this.ew);
-            }
-        }
-        get checkboxUncheckedBackgroundColor() {
-            return this.ez;
-        }
-        set checkboxUncheckedBackgroundColor(a) {
-            let b = this.ez;
-            this.ez = a;
-            if (b != this.ez) {
-                this.d8("CheckboxUncheckedBackgroundColor", b, this.ez);
-            }
-        }
-        get checkboxCheckedBorderColor() {
-            return this.ex;
-        }
-        set checkboxCheckedBorderColor(a) {
-            let b = this.ex;
-            this.ex = a;
-            if (b != this.ex) {
-                this.d8("CheckboxCheckedBorderColor", b, this.ex);
-            }
-        }
-        get checkboxUncheckedBorderColor() {
-            return this.e0;
-        }
-        set checkboxUncheckedBorderColor(a) {
-            let b = this.e0;
-            this.e0 = a;
-            if (b != this.e0) {
-                this.d8("CheckboxUncheckedBorderColor", b, this.e0);
-            }
-        }
-        get checkboxCornerRadius() {
-            return this.bb;
-        }
-        set checkboxCornerRadius(a) {
-            let b = this.bb;
-            this.bb = a;
-            if (b != this.bb) {
-                this.d8("CheckboxCornerRadius", b, this.bb);
-            }
-        }
-        get ad() {
-            return this.ac;
-        }
-        set ad(a) {
-            let b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.d8("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ac));
-            }
-        }
-        get scrollbarBackground() {
-            return this.e3;
-        }
-        set scrollbarBackground(a) {
-            let b = this.e3;
-            this.e3 = a;
-            if (b != this.e3) {
-                this.d8("ScrollbarBackground", b, this.e3);
-            }
-        }
-        get scrollbarHoverBackground() {
-            return this.e4;
-        }
-        set scrollbarHoverBackground(a) {
-            let b = this.e4;
-            this.e4 = a;
-            if (b != this.e4) {
-                this.d8("ScrollbarHoverBackground", b, this.e4);
-            }
-        }
-        get scrollbarActiveBackground() {
-            return this.e2;
-        }
-        set scrollbarActiveBackground(a) {
-            let b = this.e2;
-            this.e2 = a;
-            if (b != this.e2) {
-                this.d8("ScrollbarActiveBackground", b, this.e2);
-            }
-        }
-        d8(a, b, c) {
-            if (this.propertyChanged != null) {
-                this.propertyChanged(this, new PropertyChangedEventArgs(a));
-            }
-            this.ee(a, b, c);
-        }
-        ee(a, b, c) {
-            switch (a) {
-                case "IndexType":
-                    this.keys.clear();
-                    this.dt();
-                    if (this.keysCleared != null) {
-                        this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
-                    }
-                    this.view.an();
-                    this.d4(b, c);
-                    break;
-                case "ItemsSource":
-                    if (this.g != null) {
-                        this.indexType = 1;
-                        if (c != null) {
-                            this.g.groupDescriptions.n();
-                            this.g.sortDescriptions.n();
-                            this.g.filterExpressions.clear();
-                            this.g.summaryDescriptions.n();
-                        }
-                        if (this.g.actualDataSource != null && !this.a0) {
-                            let d = this.g.actualDataSource;
-                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d9));
-                        }
-                        this.g.itemsSource = this.bp;
-                        this.dg();
-                        if (this.g.actualDataSource != null && !this.a0) {
-                            let e = this.g.actualDataSource;
-                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d9));
-                        }
-                        this.at = true;
-                        this.eb();
-                        this.at = false;
-                        this.view.an();
-                    }
-                    break;
-                case "DataMemberPath":
-                case "SelectedMemberPath":
-                case "SubtitleMemberPath":
-                case "PropertyTypeMemberPath":
-                    if (this.g != null) {
-                        if (this.bt != null) {
-                            this.eb();
-                            this.eq();
-                        }
-                    }
-                    break;
-                case "PrimaryKey":
-                    if (this.g != null) {
-                        this.g.primaryKey = this.primaryKey;
-                    }
-                    break;
-                case "SelectAllCaptionTextColor":
-                    this.fc = null != this.selectAllCaptionTextColor ? this.selectAllCaptionTextColor : this.fn();
-                    break;
-                case "SelectAllCaption":
-                case "ActualSelectAllCaptionTextColor":
-                    this.view.am();
-                    break;
-                case "showSelectAll":
-                    this.view.ap();
-                    this.view.z();
-                    break;
-                case "ShowFilter":
-                    this.view.al();
-                    this.view.z();
-                    break;
-                case "FilterPlaceholderText":
-                    if (this.v != null) {
-                        this.v.cg = this.cf;
-                    }
-                    break;
-                case "SearchInputType":
-                    if (this.x != null) {
-                        this.x.d = this.aa;
-                    }
-                    break;
-                case "RowHeight":
-                    if (this.g != null) {
-                        this.g.rowHeight = this.bn;
-                    }
-                    break;
-                case "CellTextStyle":
-                    if (this.g != null) {
-                        this.g.cellTextStyle = this.ao;
-                    }
-                    this.view.aj();
-                    break;
-                case "BackgroundColor":
-                case "TextColor":
-                case "RowHoverBackgroundColor":
-                    let f = this.g;
-                    if (null != f) {
-                        f.cellTextColor = this.textColor;
-                        f.cellBackground = this.backgroundColor;
-                        f.background = this.backgroundColor;
-                        f.cellSelectedBackground = this.backgroundColor;
-                        f.rowHoverBackground = this.rowHoverBackgroundColor;
-                    }
-                    this.view.ak();
-                    break;
-                case "BaseTheme":
-                    this.ep();
-                    break;
-                case "Density":
-                    this.eo();
-                    break;
-                case "IsRowHoverEnabled":
-                    if (this.g != null) {
-                        this.g.isRowHoverEnabled = this.a4;
-                    }
-                    break;
-                case "ScrollbarStyle":
-                    if (this.g != null) {
-                        this.g.scrollbarStyle = this.ad;
-                    }
-                    break;
-                case "ScrollbarBackground":
-                    if (this.g != null) {
-                        this.g.scrollbarBackground = this.scrollbarBackground;
-                    }
-                    break;
-                case "ScrollbarHoverBackground":
-                    if (this.g != null) {
-                        this.g.scrollbarHoverBackground = this.scrollbarHoverBackground;
-                    }
-                    break;
-                case "ScrollbarActiveBackground":
-                    if (this.g != null) {
-                        this.g.scrollbarActiveBackground = this.scrollbarActiveBackground;
-                    }
-                    break;
-                case "SearchIconColor":
-                    this.view.ai();
-                    break;
-                case "SearchBackgroundColor":
-                    if (this.y != null) {
-                        this.y.mc = this.fs;
-                    }
-                    break;
-                case "SearchBorderColor":
-                    if (this.y != null) {
-                        this.y.md = this.searchBorderColor;
-                    }
-                    break;
-                case "SearchFocusBorderColor":
-                    if (this.y != null) {
-                        this.y.no = this.searchFocusBorderColor;
-                    }
-                    break;
-                case "SearchTextColor":
-                    if (this.w != null) {
-                        this.w.d8 = this.searchTextColor;
-                    }
-                    break;
-                case "SearchTextStyle":
-                    if (this.w != null) {
-                        this.w.af = this.ap;
-                    }
-                    break;
-                case "CheckboxTickColor":
-                case "CheckboxCheckedBackgroundColor":
-                case "CheckboxUncheckedBackgroundColor":
-                case "CheckboxCheckedBorderColor":
-                case "CheckboxUncheckedBorderColor":
-                case "CheckboxCornerRadius":
-                    this.view.af();
-                    if (this.g != null) {
-                        this.g.y6();
-                    }
-                    break;
-                case "CheckboxAlignedRight":
-                    if (this.g != null) {
-                        this.es();
-                    }
-                    break;
-                case "DataLegendTarget":
-                    if (this.g != null) {
-                        this.g.y6();
-                    }
-                    break;
-            }
-        }
-        es() {
-            if (this.g.actualColumns.count == 0) {
-                return;
-            }
-            let a = this.g.actualColumns._inner[0];
-            let b = this.g.actualColumns._inner[1];
-            let c = this.g.actualColumns._inner[2];
-            this.g.actualColumns.clear();
-            if (this.checkboxAlignedRight) {
-                this.g.columns.add(b);
-                this.g.columns.add(a);
-            }
-            else {
-                this.g.columns.add(a);
-                this.g.columns.add(b);
-            }
-            this.g.columns.add(c);
-        }
-        d4(a, b) {
-            if (this.indexTypeChanged != null) {
-                this.indexTypeChanged(this, ((() => {
-                    let $ret = new CheckboxListIndexTypeChangedEventArgs();
-                    $ret.b = EnumUtil.getEnumValue(CheckboxListIndexType_$type, a);
-                    $ret.a = EnumUtil.getEnumValue(CheckboxListIndexType_$type, b);
-                    return $ret;
-                })()));
-            }
-        }
-        eo() {
-            if (this.g != null) {
-                this.g.density = this.density;
-            }
-            if (this.x != null) {
-                this.x.t = this.density;
-            }
-            this.view.ae();
-            this.view.z();
-        }
-        ep() {
-            if (this.x != null) {
-                this.x.p = this.baseTheme;
-            }
-            if (this.w != null) {
-                this.w.d8 = this.searchTextColor;
-            }
-            if (this.g != null) {
-                this.g.theme = this.baseTheme;
-                this.g.cellTextColor = this.textColor;
-                this.g.cellBackground = this.backgroundColor;
-                this.g.cellSelectedBackground = this.backgroundColor;
-                this.g.rowHoverBackground = this.rowHoverBackgroundColor;
-                this.g.background = this.backgroundColor;
-                this.g.borderWidth = new Thickness(0, 0);
-                this.g.cornerRadius = new CornerRadius(0, 0);
-            }
-            this.fc = this.selectAllCaptionTextColor != null ? this.selectAllCaptionTextColor : this.fn();
-            this.view.ag();
-        }
-        d9(a, b) {
-            this.at = true;
-            this.dg();
-            if (b.schema != null) {
-                this.eb();
-                for (let c = 0; c < this.keys.count; c++) {
-                    this.d6(this.keys._inner[c]);
-                }
-                this.view.an();
-            }
-            this.at = false;
-        }
-        eb() {
-            if (this.ak == null && this.bw != null && this.bw != "") {
-                this.ak = new FastReflectionHelper(false, this.bw);
-            }
-            if (this.ai == null && this.bt != null && this.bt != "") {
-                this.ai = new FastReflectionHelper(false, this.bt);
-            }
-            if (this.al == null && this.bx != null && this.bx != "") {
-                this.al = new FastReflectionHelper(false, this.bx);
-            }
-            if (this.aj == null && this.bv != null && this.bv != "") {
-                this.aj = new FastReflectionHelper(false, this.bv);
-            }
-            if (this.ai != null) {
-                this.ai.propertyName = this.bt;
-            }
-            if (this.al != null) {
-                this.al.propertyName = this.bx;
-            }
-            if (this.aj != null) {
-                this.aj.propertyName = this.bv;
-            }
-            if (this.bp != null && this.ak != null && this.g.actualDataSource.actualSchema != null) {
-                this.ak.propertyName = this.bw;
-                let a = this.g.actualDataSource.actualCount;
-                for (let b = 0; b < a; b++) {
-                    let c = this.g.actualDataSource.getItemAtIndex(b);
-                    let d = this.j(c);
-                    let e = this.ak.getPropertyValue(c);
-                    if (e == true) {
-                        if (!this.keys.contains(d)) {
-                            this.keys.add(d);
-                        }
-                    }
-                    else if (this.keys.contains(d)) {
-                        this.keys.remove(d);
-                    }
-                }
-            }
-        }
-        eq() {
-            this.view.p();
-            this.g.columns.clear();
-            this.g.primaryKey = this.primaryKey;
-            this.g.isGroupRowSticky = false;
-            this.g.rowHeight = this.bn;
-            this.g.background = this.backgroundColor;
-            this.g.cellBackground = this.backgroundColor;
-            this.g.cellSelectedBackground = this.backgroundColor;
-            this.g.theme = this.baseTheme;
-            this.g.density = this.density;
-            this.g.isRowHoverEnabled = this.a4;
-            this.g.scrollbarStyle = this.ad;
-            this.g.scrollbarBackground = this.scrollbarBackground;
-            this.g.scrollbarHoverBackground = this.scrollbarHoverBackground;
-            this.g.scrollbarActiveBackground = this.scrollbarActiveBackground;
-            if (this.ao != null) {
-                this.g.cellTextStyle = this.ao;
-            }
-            let a = new TemplateColumn();
-            if (this.bw == null) {
-                this.bw = "";
-            }
-            a.ns = this.bw;
-            a.ok = "CheckboxColumn";
-            let b = new ColumnWidth();
-            b.c = false;
-            b.f = 28;
-            a.width = b;
-            a.ln = 0;
-            a.lo = 0;
-            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.dh));
-            this.k = a;
-            this.g.columns.add(a);
-            let c = this.g.actualDataSource.resolveSchemaPropertyType(this.bt);
-            if ((this.bx != null || this.bv != null) && (c == 0 || c == 11 || c == 2)) {
-                let d = new TemplateColumn();
-                d.ns = this.bt;
-                d.ok = "DataColumn";
-                d.ln = 0;
-                d.g = 0;
-                d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.er));
-                this.g.columns.add(d);
-            }
-            else {
-                let e;
-                if (this.gridColumnProvider != null) {
-                    e = this.gridColumnProvider.h2();
-                    e.onAttachingOverride = delegateCombine(e.onAttachingOverride, runOn(this, this.dq));
-                }
-                else {
-                    switch (c) {
-                        case 8:
-                        case 9:
-                            e = new DateTimeColumn();
-                            break;
-                        case 1:
-                        case 3:
-                        case 4:
-                        case 5:
-                        case 6:
-                        case 7:
-                        case 10:
-                            e = new NumericColumn();
-                            break;
-                        case 2:
-                        case 11:
-                        case 0:
-                        default:
-                            e = new TextColumn();
-                            break;
-                    }
-                }
-                e.ns = this.bt;
-                e.ok = "DataColumn";
-                e.ln = 0;
-                e.g = 0;
-                this.g.columns.add(e);
-            }
-            let f = new TemplateColumn();
-            let g = new ColumnWidth();
-            g.c = false;
-            g.f = 10;
-            f.ns = "PaddingColumn";
-            f.ok = "PaddingColumn";
-            f.ln = 0;
-            f.width = g;
-            this.g.columns.add(f);
-        }
-        dq(a, b) {
-            let c = b.b;
-            c.g5 = 0;
-            c.g = 0;
-            c.np = this.g.cellBackground;
-            c.n9 = this.g.cellTextColor;
-            c.ny = this.g.rowHoverBackground;
-            c.n2 = this.g.cellSelectedBackground;
-        }
-        updateHrMargin(a) {
-            this.view.ah(a);
-        }
-        provideHrElement(a) {
-            this.view.v(a);
-        }
-        d5() {
-            if (!this.a0) {
-                let a = this.w;
-                a.changing = delegateCombine(a.changing, runOn(this, this.dr));
-            }
-            this.ep();
-        }
-        dr(a, b) {
-            let c = b.value.toLowerCase();
-            this.d3(c);
-        }
-        j(a) {
-            if (this.primaryKey == null) {
-                return PrimaryKeyValue.createIdentityKey(a);
-            }
-            let b = new Array(this.primaryKey.length);
-            let c = new Array(this.primaryKey.length);
-            for (let d = 0; d < b.length; d++) {
-                b[d] = this.primaryKey[d];
-                c[d] = this.e.getItemProperty(a, b[d]);
-            }
-            return new PrimaryKeyValue(b, c);
-        }
-        ek(a) {
-            this.as = true;
-            let b = this.e.getItemAtIndex(a);
-            if (this.ak != null) {
-                this.ak.setPropertyValue(b, false);
-            }
-            let c = this.j(b);
-            this.keys.remove(c);
-            this.as = false;
-        }
-        dd(a) {
-            this.as = true;
-            let b = this.e.getItemAtIndex(a);
-            if (this.ak != null) {
-                this.ak.setPropertyValue(b, true);
-            }
-            let c = this.j(b);
-            this.keys.add(c);
-            this.as = false;
-        }
-        en() {
-            this.indexType = 0;
-            this.keys.clear();
-            this.dt();
-            if (this.keysCleared != null) {
-                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
-            }
-        }
-        dj() {
-            this.indexType = 1;
-            this.keys.clear();
-            this.dt();
-            if (this.keysCleared != null) {
-                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
-            }
-        }
-        dy(a, b, c) {
-            if (this.g != null) {
-                this.g.notifySetItem(a, b, c);
-            }
-        }
-        du() {
-            if (this.g != null) {
-                this.g.notifyClearItems();
-            }
-        }
-        dt() {
-            if (this.g != null) {
-                this.g.invalidateVisibleRows();
-            }
-        }
-        dv(a, b) {
-            if (this.g != null) {
-                this.g.notifyInsertItem(a, b);
-            }
-            ;
-        }
-        dx(a, b) {
-            if (this.g != null) {
-                this.g.notifyRemoveItem(a, b);
-            }
-            ;
-        }
-        refresh() {
-            if (this.aw) {
-                return;
-            }
-            if (this.g != null) {
-                this.aw = true;
-                this.view.x();
-                this.g.refresh();
-                this.aw = false;
-            }
-        }
-        de(a) {
-            let b = null;
-            if (this.primaryKey == null || this.primaryKey.length == 0) {
-                b = new PrimaryKeyValue(null, a);
-            }
-            else if (this.primaryKey.length == a.length) {
-                b = new PrimaryKeyValue(this.primaryKey, a);
-            }
-            else {
-                throw new ArgumentException(1, "value length must match PrimaryKey length");
-            }
-            if (b != null) {
-                if (this.ak != null) {
-                    let c = this.e.indexOfKey(a);
-                    let d = this.e.getItemAtIndex(c);
-                    this.ak.setPropertyValue(d, true);
-                }
-                this.keys.add(b);
-            }
-        }
-        el(a) {
-            let b = null;
-            if (this.primaryKey == null || this.primaryKey.length == 0) {
-                b = new PrimaryKeyValue(null, a);
-            }
-            else if (this.primaryKey.length == a.length) {
-                b = new PrimaryKeyValue(this.primaryKey, a);
-            }
-            else {
-                throw new ArgumentException(1, "value length must match PrimaryKey length");
-            }
-            if (this.keys.contains(b)) {
-                if (this.ak != null) {
-                    let c = this.e.indexOfKey(a);
-                    let d = this.e.getItemAtIndex(c);
-                    this.ak.setPropertyValue(d, false);
-                }
-                this.keys.remove(b);
-            }
-        }
-        getDesiredSize(a) {
-            let b = 200;
-            let c = 0;
-            let d = this.be();
-            let e = 5;
-            if (this.g != null && this.g.actualDataSource != null && this.g.actualDataSource.actualCount > 0) {
-                e = this.g.actualDataSource.actualCount;
-            }
-            let f = this.bl * e;
-            let g = this.bl * (this.showSelectAll ? 4 : 5);
-            let h = f > g ? g : f;
-            let i = d + h;
-            if (isPositiveInfinity(a.height)) {
-                c = i;
-            }
-            else {
-                if (a.height <= i) {
-                    c = i;
-                }
-                else {
-                    let j = a.height - i;
-                    c = d + j;
-                }
-            }
-            return new Size(1, b, c);
-        }
-        be() {
-            let a = 0;
-            a += ComponentSizeHelpers.d(this.density, this.baseTheme);
-            a += ComponentSizeHelpers.c(this.density, this.baseTheme);
-            a += (1 + 3 + 0);
-            if (this.showSelectAll) {
-                a += this.bl + 0 + 0;
-            }
-            a += 4;
-            return a;
-        }
-        br() {
-            return this.l();
-        }
-        ce() {
-            let a = this.l();
-            return a.i();
-        }
-        l() {
-            let a = new CheckboxListVisualModelExport();
-            let b = this.view.a();
-            a.g = b[0];
-            a.f = b[1];
-            let c = this.view.aq();
-            a.e = c.height;
-            a.h = c.width;
-            a.c = this.baseTheme;
-            a.d = this.bl;
-            a.a = AppearanceHelper.a(this.fc);
-            a.b = AppearanceHelper.a(this.backgroundColor);
-            return a;
-        }
-        get c3() {
-            return this.c2 != null ? this.c2 : !stringIsNullOrWhiteSpace(this.ar.b1("Select_All")) ? this.ar.b1("Select_All") : "(Select All)";
-        }
-        set c3(a) {
-            if (a == this.c2) {
-                return;
-            }
-            let b = this.c2;
-            this.c2 = a;
-            this.d8("SelectAllCaption", b, this.c2);
-        }
-        get selectAllCaptionTextColor() {
-            return this.fa;
-        }
-        set selectAllCaptionTextColor(a) {
-            let b = this.fa;
-            this.fa = a;
-            if (b != this.fa) {
-                this.d8("SelectAllCaptionTextColor", b, a);
-            }
-        }
-        get fc() {
-            return this.eu;
-        }
-        set fc(a) {
-            let b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.d8("ActualSelectAllCaptionTextColor", b, a);
-            }
-        }
-        get a5() {
-            if (-1 == this.bm) {
-                return false;
-            }
-            let a = this.keys.count;
-            if (0 == a) {
-                return false;
-            }
-            if (a == this.bm) {
-                return false;
-            }
-            return true;
-        }
-        get showSelectAll() {
-            return this.a9;
-        }
-        set showSelectAll(a) {
-            if (a == this.a9) {
-                return;
-            }
-            let b = this.a9;
-            this.a9 = a;
-            this.d8("showSelectAll", b, this.a9);
-        }
-        get backgroundColor() {
-            return this.ev;
-        }
-        set backgroundColor(a) {
-            let b = this.ev;
-            this.ev = a;
-            if (b != this.ev) {
-                this.d8("BackgroundColor", b, a);
-            }
-        }
-        get rowHoverBackgroundColor() {
-            return this.e1;
-        }
-        set rowHoverBackgroundColor(a) {
-            let b = this.e1;
-            this.e1 = a;
-            if (b != this.e1) {
-                this.d8("RowHoverBackgroundColor", b, a);
-            }
-        }
-        fn() {
-            switch (this.baseTheme) {
-                case 6:
-                case 4: return CheckboxList.fk;
-            }
-            return CheckboxList.fm;
-        }
-        get textColor() {
-            return this.fb;
-        }
-        set textColor(a) {
-            let b = this.fb;
-            this.fb = a;
-            if (b != this.fb) {
-                this.d8("TextColor", b, a);
-            }
-        }
-        ea(a) {
-            if (this.selectAllCheckboxChanged != null) {
-                this.selectAllCheckboxChanged(this, ((() => {
-                    let $ret = new SelectAllCheckboxChangedEventArgs();
-                    $ret.a = a;
-                    return $ret;
-                })()));
-            }
-        }
-        a2() {
-            if (-1 == this.bm) {
-                return true;
-            }
-            let a = this.keys.count;
-            switch (this.indexType) {
-                case 0: return this.bm == a;
-                case 1: return 0 == a;
-                default: return false;
-            }
-        }
-        a1() {
-            if (-1 == this.bm) {
-                return false;
-            }
-            let a = this.keys.count;
-            switch (this.indexType) {
-                case 0: return 0 == a;
-                case 1: return this.bm == a;
-                default: return false;
-            }
-        }
-        dg() {
-            let a = this.g.actualDataSource;
-            if (null != a) {
-                if (null == a.actualSchema) {
-                    this.bm = -1;
-                    return;
-                }
-                let b = a.actualCount;
-                this.bm = b;
-            }
-            else {
-                this.bm = -1;
-            }
-        }
-        get a8() {
-            return this.a7;
-        }
-        set a8(a) {
-            if (a == this.a7) {
-                return;
-            }
-            let b = this.a7;
-            this.a7 = a;
-            this.d8("ShowFilter", b, this.a7);
-        }
-        get a4() {
-            return this.a3;
-        }
-        set a4(a) {
-            if (a == this.a3) {
-                return;
-            }
-            let b = this.a3;
-            this.a3 = a;
-            this.d8("IsRowHoverEnabled", b, this.a3);
-        }
-        get checkboxAlignedRight() {
-            return this.ay;
-        }
-        set checkboxAlignedRight(a) {
-            if (a == this.ay) {
-                return;
-            }
-            let b = this.ay;
-            this.ay = a;
-            this.d8("CheckboxAlignedRight", b, this.ay);
-        }
-        eh(a) {
-            this.y = a;
-            if (a == null) {
-                return;
-            }
-            this.y.d = this.aa;
-            this.y.p = this.baseTheme;
-            this.y.t = this.density;
-            this.y.mc = this.fs;
-            this.y.md = this.searchBorderColor;
-            this.y.no = this.searchFocusBorderColor;
-            this.y.n6 = BrushUtil.l(0, 0, 0, 0);
-            this.y.np = BrushUtil.l(0, 0, 0, 0);
-        }
-    }
-    CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.fy = BrushUtil.l(255, 24, 29, 31);
-    CheckboxList.cz = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
-    CheckboxList.fj = BrushUtil.l(255, 248, 248, 248);
-    CheckboxList.fl = null;
-    CheckboxList.fm = BrushUtil.l(255, 24, 29, 31);
-    CheckboxList.fk = BrushUtil.l(255, 255, 255, 255);
-    return CheckboxList;
-})();