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

package/esm5/lib/GridCellBase.js

@@ -1,1103 +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 } from "tslib";
-import { Base, runOn, markType, PointUtil } from "igniteui-angular-core";
-import { INativeCell_$type } from "./INativeCell";
-import { Rect } from "igniteui-angular-core";
-import { XIcon } from "igniteui-angular-inputs";
-import { SvgIconRegistry } from "igniteui-angular-core";
-import { GridExpansionIndicator } from "./GridExpansionIndicator";
-import { PlaceholderView } from "./PlaceholderView";
-import { Color } from "igniteui-angular-core";
-import { FontUtil } from "igniteui-angular-core";
-import { TestRandomness } from "igniteui-angular-core";
-import { Random } from "igniteui-angular-core";
-import { DefaultRandomnessSource } from "igniteui-angular-core";
-import { DeviceUtils } from "igniteui-angular-core";
-import { intDivide, truncate, isNaN_ } from "igniteui-angular-core";
-import { stringStartsWith } from "igniteui-angular-core";
-/**
- * @hidden
- */
-var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
-    __extends(GridCellBase, _super);
-    function GridCellBase(a) {
-        var _this = _super.call(this) || this;
-        _this.a = null;
-        _this.e = null;
-        _this.c = null;
-        _this.ak = null;
-        _this.an = null;
-        _this.w = false;
-        _this.ao = null;
-        _this.j = null;
-        _this.a2 = 0;
-        _this.az = 24;
-        _this.a1 = 0;
-        _this.a0 = 0;
-        _this.a5 = 0;
-        _this.t = false;
-        _this.dr = null;
-        _this.u = false;
-        _this.v = true;
-        _this.aq = null;
-        _this.br = null;
-        _this.du = null;
-        _this.m = null;
-        _this.x = false;
-        _this.bq = null;
-        _this.bp = null;
-        _this.dt = null;
-        _this.ds = null;
-        _this.dz = Rect.empty;
-        _this.al = null;
-        _this.ap = null;
-        _this.l = null;
-        _this.ai = 5;
-        _this.r = false;
-        _this.a7 = 0;
-        _this.a9 = 0;
-        _this.a8 = 0;
-        _this.a6 = 0;
-        _this.au = 0;
-        _this.aw = 0;
-        _this.av = 0;
-        _this.at = 0;
-        _this.dq = null;
-        _this.a3 = 0;
-        _this.bc = 0;
-        _this.a4 = 0;
-        _this.bd = 0;
-        _this.k = null;
-        _this.g = 0;
-        _this.i = 0;
-        _this.ah = 0;
-        _this.ag = 0;
-        _this.h = 1;
-        _this.y = false;
-        _this.bn = 0;
-        _this.bo = 0;
-        _this.as = 0;
-        _this.bb = -1;
-        _this.ax = 0;
-        _this.s = false;
-        _this.ak = a;
-        _this.an = _this.ak.createElement("div");
-        _this.an.setAttribute("tabindex", "-1");
-        _this.an.setRawStyleProperty("position", "absolute");
-        _this.an.setRawStyleProperty("overflow", "hidden");
-        _this.an.setRawStyleProperty("box-sizing", "border-box");
-        _this.an.setRawStyleProperty("outline", "none");
-        var b = (window.navigator.msPointerEnabled && window.MSGesture !== undefined);
-        var c = (window.PointerEvent !== undefined);
-        var d = (window.TouchEvent);
-        if ((b || c)) {
-            _this.an.listen("pointerdown", runOn(_this, _this.cs));
-            _this.an.listen("pointerup", runOn(_this, _this.cw));
-            _this.an.listen("pointermove", runOn(_this, _this.cv));
-            _this.an.listen("pointerleave", runOn(_this, _this.cu));
-            _this.an.listen("pointerenter", runOn(_this, _this.ct));
-        }
-        else {
-            _this.an.listen("mousedown", runOn(_this, _this.ce));
-            _this.an.listen("mouseup", runOn(_this, _this.ci));
-            _this.an.listen("mousemove", runOn(_this, _this.ch));
-            _this.an.listen("mouseleave", runOn(_this, _this.cg));
-            _this.an.listen("touchstart", runOn(_this, _this.dh));
-            _this.an.listen("touchend", runOn(_this, _this.dj));
-            _this.an.listen("touchmove", runOn(_this, _this.di));
-        }
-        return _this;
-    }
-    Object.defineProperty(GridCellBase.prototype, "b", {
-        get: function () {
-            return this.a;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "f", {
-        get: function () {
-            return this.e;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "d", {
-        get: function () {
-            return this.c;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "am", {
-        get: function () {
-            return this.ak;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "ar", {
-        get: function () {
-            return this.an;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "isRemoved", {
-        get: function () {
-            return this.w;
-        },
-        set: function (a) {
-            var b = this.w;
-            this.w = a;
-            if (b != this.w) {
-                this.cn("IsRemoved", b, this.w);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bg", {
-        get: function () {
-            return this.a2;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "be", {
-        get: function () {
-            return this.a0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bf", {
-        get: function () {
-            return this.a1;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bj", {
-        get: function () {
-            return this.a5;
-        },
-        set: function (a) {
-            var b = this.a5;
-            this.a5 = a;
-            if (b != this.a5) {
-                this.cn("Indent", b, this.a5);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "aa", {
-        get: function () {
-            return this.t;
-        },
-        set: function (a) {
-            var b = this.t;
-            this.t = a;
-            if (b != this.t) {
-                this.cn("IsCollapsable", b, this.t);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "dv", {
-        get: function () {
-            return this.dr;
-        },
-        set: function (a) {
-            var b = this.dr;
-            this.dr = a;
-            if (b != this.dr) {
-                this.cn("ExpansionIndicatorIconColor", b, this.dr);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "ab", {
-        get: function () {
-            return this.u;
-        },
-        set: function (a) {
-            var b = this.u;
-            this.u = a;
-            if (b != this.u) {
-                this.cn("IsExpanded", b, this.u);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "ad", {
-        get: function () {
-            return this.v;
-        },
-        set: function (a) {
-            var b = this.v;
-            this.v = a;
-            if (b != this.v) {
-                this.cn("IsHitTestVisible", b, this.v);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "b6", {
-        get: function () {
-            return this.br;
-        },
-        set: function (a) {
-            var b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.cn("SuffixText", b, this.br);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "dy", {
-        get: function () {
-            return this.du;
-        },
-        set: function (a) {
-            var b = this.du;
-            this.du = a;
-            if (b != this.du) {
-                this.cn("SuffixTextColor", b, this.du);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "n", {
-        get: function () {
-            return this.m;
-        },
-        set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.cn("SuffixTextFont", b, this.m);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridCellBase.prototype.co = function () {
-        if (this.br != null) {
-            if (this.aq == null) {
-                this.aq = this.ak.createElement("span");
-                this.aq.setRawStyleProperty("display", "inline-block");
-                this.aq.setRawStyleProperty("overflow", "hidden");
-                this.aq.setRawStyleProperty("white-space", "nowrap");
-                this.aq.setRawStyleProperty("margin-left", this.aj + "px");
-            }
-            this.cq();
-            if (!this.x) {
-                this.ar.setRawStyleProperty("display", "grid");
-                this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
-                this.ar.append(this.aq);
-                this.x = true;
-            }
-        }
-        else {
-            if (this.x) {
-                this.ar.setRawStyleProperty("display", "unset");
-                this.ar.setRawStyleProperty("grid-template-columns", "unset");
-                this.ar.removeChild(this.aq);
-                this.x = false;
-            }
-        }
-    };
-    Object.defineProperty(GridCellBase.prototype, "b1", {
-        get: function () {
-            return this.bq;
-        },
-        set: function (a) {
-            var b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.cn("SuffixIconName", b, this.bq);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "by", {
-        get: function () {
-            return this.bp;
-        },
-        set: function (a) {
-            var b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.cn("SuffixIconCollectionName", b, this.bp);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "dx", {
-        get: function () {
-            return this.dt;
-        },
-        set: function (a) {
-            var b = this.dt;
-            this.dt = a;
-            if (b != this.dt) {
-                this.cn("SuffixIconStroke", b, this.dt);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "dw", {
-        get: function () {
-            return this.ds;
-        },
-        set: function (a) {
-            var b = this.ds;
-            this.ds = a;
-            if (b != this.ds) {
-                this.cn("SuffixIconFill", b, this.ds);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "d0", {
-        get: function () {
-            return this.dz;
-        },
-        set: function (a) {
-            var b = this.dz;
-            this.dz = a;
-            if (Rect.l_op_Inequality(b, this.dz)) {
-                this.cn("SuffixIconViewBox", b, this.dz);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridCellBase.prototype.cp = function () {
-        if (this.bq != null && this.bp != null) {
-            if (this.l == null) {
-                this.ap = this.ak.createElement("div");
-                this.al = this.ak.getSubRenderer(this.ap);
-                this.l = new XIcon();
-                this.l.provideContainer(this.al);
-                this.ap.setRawStyleProperty("display", "inline-block");
-                this.ap.setRawStyleProperty("overflow", "hidden");
-                this.ap.setRawStyleProperty("margin-left", this.aj + "px");
-            }
-            this.cq();
-            if (!this.x) {
-                this.ar.setRawStyleProperty("display", "grid");
-                this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
-                this.ar.append(this.ap);
-                this.x = true;
-            }
-        }
-        else {
-            if (this.x) {
-                this.ar.setRawStyleProperty("display", "unset");
-                this.ar.setRawStyleProperty("grid-template-columns", "unset");
-                this.ar.removeChild(this.ap);
-                this.x = false;
-            }
-        }
-    };
-    GridCellBase.prototype.cq = function () {
-        if (this.aq != null) {
-            this.db(this.aq, this.br);
-            this.dc(this.aq, this.dy);
-            this.c3(this.aq, this.n);
-            this.de(this.aq, this.h);
-        }
-        if (this.l != null) {
-            this.l.ea = this.dx;
-            this.l.fill = this.dw;
-            if (!this.d0.isEmpty && !isNaN_(this.d0.left) && !isNaN_(this.d0.top) && !isNaN_(this.d0.width) && !isNaN_(this.d0.height)) {
-                this.l.a6 = this.d0.left;
-                this.l.a7 = this.d0.top;
-                this.l.a8 = this.d0.width;
-                this.l.a5 = this.d0.height;
-            }
-            this.da(this.ap, this.dx);
-            this.c2(this.ap, this.dw);
-            this.de(this.ap, this.h);
-            this.c6(this.l, this.by, this.b1);
-        }
-    };
-    GridCellBase.prototype.c6 = function (a, b, c) {
-        a.svg = null;
-        a.svgPath = null;
-        a.b = null;
-        a.b2 = null;
-        a.bj = null;
-        var d = SvgIconRegistry.instance.getSvgPathString(this.bp, this.bq);
-        if (d != null) {
-            if (stringStartsWith(d, "<svg")) {
-                a.svg = d;
-            }
-            else {
-                a.svgPath = d;
-            }
-            return;
-        }
-        var e = SvgIconRegistry.instance.getSvgPathsString(this.bp, this.bq);
-        if (e != null) {
-            a.b = e;
-            return;
-        }
-        var f = SvgIconRegistry.instance.getDataURLString(this.bp, this.bq);
-        if (f != null) {
-            a.b2 = f;
-            return;
-        }
-        var g = SvgIconRegistry.instance.getIconSource(this.bp, this.bq);
-        if (g != null) {
-            a.bj = g;
-        }
-    };
-    Object.defineProperty(GridCellBase.prototype, "aj", {
-        get: function () {
-            return this.ai;
-        },
-        set: function (a) {
-            var b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
-                this.cn("SuffixMargin", b, this.ai);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridCellBase.prototype.cd = function () {
-        this.a1 = 10;
-        this.a0 = this.bj * 24;
-        this.a2 = 24;
-        if (this.ao == null) {
-            this.ao = this.ak.createElement("div");
-            this.ao.setRawStyleProperty("display", "inline-block");
-            this.ao.setRawStyleProperty("vertical-align", "middle");
-            this.ao.setRawStyleProperty("width", this.a2 + "px");
-            this.ao.setRawStyleProperty("height", this.a2 + "px");
-            this.ao.setRawStyleProperty("cursor", "pointer");
-            this.ao.setRawStyleProperty("position", "absolute");
-            this.ao.setRawXPosition(this.a7 + this.a0);
-            this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.az, 2));
-        }
-        if (this.j == null) {
-            var a = this.ak.getSubRenderer(this.ao);
-            this.j = new GridExpansionIndicator();
-            this.j.ab(a);
-            this.j.y(24, 24);
-            this.j.ae = this.dr;
-        }
-        if (this.ao.parent() == null) {
-            this.an.append(this.ao);
-        }
-    };
-    GridCellBase.prototype.cx = function () {
-        this.a2 = 0;
-        this.a1 = 0;
-        if (this.ao != null) {
-            if (this.ao.parent() != null) {
-                this.ao.remove();
-            }
-        }
-    };
-    Object.defineProperty(GridCellBase.prototype, "z", {
-        get: function () {
-            return this.r;
-        },
-        set: function (a) {
-            this.r = a;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridCellBase.prototype.get_ae = function () {
-        return false;
-    };
-    Object.defineProperty(GridCellBase.prototype, "ae", {
-        get: function () {
-            return this.get_ae();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridCellBase.prototype.c9 = function (a, b, c, d) {
-        this.a7 = a;
-        this.a9 = b;
-        this.a8 = c;
-        this.a6 = d;
-        this.an.setRawStyleProperty("padding-left", a.toString() + "px");
-        this.an.setRawStyleProperty("padding-top", b.toString() + "px");
-        this.an.setRawStyleProperty("padding-right", c.toString() + "px");
-        this.an.setRawStyleProperty("padding-bottom", d.toString() + "px");
-    };
-    GridCellBase.prototype.c0 = function (a, b, c, d, e) {
-        this.au = b;
-        this.aw = c;
-        this.av = d;
-        this.at = e;
-        this.dq = a;
-        if (a == null) {
-            this.an.setRawStyleProperty("border", "");
-        }
-        else {
-            this.an.setRawStyleProperty("border-color", a._fill);
-            this.an.setRawStyleProperty("border-left-width", b.toString() + "px");
-            this.an.setRawStyleProperty("border-top-width", c.toString() + "px");
-            this.an.setRawStyleProperty("border-right-width", d.toString() + "px");
-            this.an.setRawStyleProperty("border-bottom-width", e.toString() + "px");
-            this.an.setRawStyleProperty("border-style", "solid");
-        }
-    };
-    GridCellBase.prototype.get_ac = function () {
-        return false;
-    };
-    Object.defineProperty(GridCellBase.prototype, "ac", {
-        get: function () {
-            return this.get_ac();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bh", {
-        get: function () {
-            return this.a3;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bk", {
-        get: function () {
-            return this.bc;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bi", {
-        get: function () {
-            return this.a4;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(GridCellBase.prototype, "bl", {
-        get: function () {
-            return this.bd;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GridCellBase.prototype.c4 = function (a, b) {
-        if (this.a3 != a || this.a4 != b) {
-            var c = this.a3;
-            this.a3 = a;
-            this.a4 = b;
-            var d = Math.max(0, this.a3 - this.a4);
-            this.an.setRawStyleProperty("height", a.toString() + "px");
-            if (this.ao != null) {
-                this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.a2, 2) - this.aw);
-            }
-            this.dg(this.bc, this.a3, this.bc, c);
-        }
-    };
-    GridCellBase.prototype.df = function (a, b) {
-        if (this.bc != a || this.bd != b) {
-            var c = this.bc;
-            this.bc = a;
-            this.bd = b;
-            this.an.setRawStyleProperty("width", a.toString() + "px");
-            if (this.ao != null) {
-                this.ao.setRawXPosition(this.a7 + this.a0);
-            }
-            this.dg(this.bc, this.a3, c, this.a3);
-        }
-    };
-    GridCellBase.prototype.dg = function (a, b, c, d) {
-    };
-    GridCellBase.prototype.cb = function () {
-        if (!this.ae) {
-            return;
-        }
-        this.r = true;
-        this.k = new PlaceholderView(this.ak);
-        this.g = 0;
-        this.i = 1;
-        this.k.l = Color.u(120, 120, 120, 120);
-        this.k.i = 0;
-        this.an.append(this.k.g);
-    };
-    GridCellBase.prototype.cz = function (a) {
-        this.an.setRawStyleProperty("background-color", a.colorString);
-    };
-    GridCellBase.prototype.c8 = function (a) {
-        this.an.setRawStyleProperty("opacity", a.toString());
-    };
-    GridCellBase.prototype.c3 = function (a, b) {
-        if (b == null) {
-            b = FontUtil.getDefaultFont(this.am);
-        }
-        a.setRawStyleProperty("font", b.fontString);
-    };
-    GridCellBase.prototype.dc = function (a, b) {
-        var c = Color.u(0, 0, 0, 0);
-        if (b != null) {
-            c = b.color;
-        }
-        a.setRawStyleProperty("color", c.colorString);
-    };
-    GridCellBase.prototype.da = function (a, b) {
-        var c = Color.u(0, 0, 0, 0);
-        if (b != null) {
-            c = b.color;
-        }
-        a.setRawStyleProperty("stroke", c.colorString);
-    };
-    GridCellBase.prototype.c2 = function (a, b) {
-        var c = Color.u(0, 0, 0, 0);
-        if (b != null) {
-            c = b.color;
-        }
-        a.setRawStyleProperty("fill", c.colorString);
-    };
-    GridCellBase.prototype.db = function (a, b) {
-        if (a != null) {
-            a.setRawText(b);
-        }
-    };
-    GridCellBase.prototype.q = function () {
-        if (TestRandomness.instance.testRandomnessSource != null) {
-            return TestRandomness.instance.testRandomnessSource;
-        }
-        return new DefaultRandomnessSource(1, GridCellBase.bm);
-    };
-    GridCellBase.prototype.p = function () {
-        var a = this.q();
-        return a.getGenerator("PlaceholderWidths");
-    };
-    GridCellBase.prototype.dp = function (a) {
-        if (!this.ae) {
-            return;
-        }
-        this.k.i = (a * 0.20000000298023224);
-    };
-    GridCellBase.prototype.dm = function (a, b, c, d) {
-        if (this.k != null) {
-            var e = this.ah;
-            var f = this.ag;
-            if (this.i == 1) {
-                b = truncate((b + (d / 2) - (f / 2)));
-            }
-            else if (this.i == 2) {
-                b = truncate((b + (d) - (f)));
-            }
-            if (this.g == 1) {
-                a = truncate((a + (c / 2) - (e / 2)));
-            }
-            else if (this.g == 2) {
-                a = truncate((a + (c) - (e)));
-            }
-            this.k.g.setRawXPosition(a);
-            this.k.g.setRawYPosition(b);
-        }
-    };
-    GridCellBase.prototype.cl = function (a, b, c) {
-    };
-    GridCellBase.prototype.cr = function (a) {
-        this.h = a;
-        if (this.aq != null) {
-            this.de(this.aq, a);
-        }
-    };
-    GridCellBase.prototype.dn = function (a) {
-        if (!this.ae) {
-            return;
-        }
-        var b = DeviceUtils.f(12);
-        if (a.aj != null && !isNaN_(a.aj.f)) {
-            b = a.aj.f;
-        }
-        if (this.ag != b) {
-            this.ag = b;
-            this.k.d = (b);
-        }
-        var c = a.ib * 0.2;
-        var d = a.gd * 0.6;
-        if (this.ah >= c && this.ah <= d && !this.y) {
-            return;
-        }
-        this.y = false;
-        if (GridCellBase.o == null) {
-            GridCellBase.o = this.p();
-        }
-        var e = (GridCellBase.o.nextDouble() * (d - c) + c);
-        if (this.ah != e) {
-            this.ah = e;
-            this.k.e = e;
-        }
-        this.dm(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
-    };
-    GridCellBase.prototype.dk = function (a, b) {
-        if (!this.ae) {
-            return;
-        }
-        this.g = a;
-        this.i = b;
-        this.y = true;
-    };
-    GridCellBase.prototype.dl = function (a) {
-        if (!this.ae) {
-            return;
-        }
-        if (a != null) {
-            this.k.l = a.color;
-        }
-    };
-    GridCellBase.prototype.cy = function (a) {
-        this.a = a;
-    };
-    GridCellBase.prototype.c7 = function (a) {
-        this.e = a;
-    };
-    GridCellBase.prototype.c1 = function (a) {
-        this.c = a;
-    };
-    GridCellBase.prototype.c5 = function (a, b) {
-        switch (b) {
-            case 0:
-                this.ar.setRawStyleProperty("text-align", "left");
-                break;
-            case 1:
-                this.ar.setRawStyleProperty("text-align", "center");
-                break;
-            case 2:
-                this.ar.setRawStyleProperty("text-align", "right");
-                break;
-            case 3:
-                this.ar.setRawStyleProperty("text-align", "center");
-                break;
-        }
-    };
-    GridCellBase.prototype.de = function (a, b) {
-        switch (b) {
-            case 0:
-                a.setRawStyleProperty("vertical-align", "top");
-                a.setRawStyleProperty("align-self", "flex-start");
-                break;
-            case 1:
-                a.setRawStyleProperty("vertical-align", "middle");
-                a.setRawStyleProperty("align-self", "center");
-                break;
-            case 2:
-                a.setRawStyleProperty("vertical-align", "bottom");
-                a.setRawStyleProperty("align-self", "flex-end");
-                break;
-            case 3:
-                a.setRawStyleProperty("vertical-align", "center");
-                a.setRawStyleProperty("align-self", "center");
-                break;
-        }
-    };
-    GridCellBase.prototype.af = function (a) {
-        return a.isClickActionDesired;
-    };
-    GridCellBase.prototype.ce = function (a) {
-        this.onContactStarted(a, false);
-    };
-    GridCellBase.prototype.ci = function (a) {
-        this.onContactCompleted(a, false);
-    };
-    GridCellBase.prototype.ch = function (a) {
-        this.onContactMoved(a, false);
-    };
-    GridCellBase.prototype.cg = function (a) {
-        this.ck(a, false);
-    };
-    GridCellBase.prototype.cf = function (a) {
-        this.cj(a, false);
-    };
-    GridCellBase.prototype.cs = function (e_) {
-        var a = (e_.originalEvent.pointerType);
-        if (a == "touch") {
-            this.dh(e_);
-        }
-        else {
-            this.ce(e_);
-        }
-    };
-    GridCellBase.prototype.cv = function (e_) {
-        var a = (e_.originalEvent.pointerType);
-        if (a == "touch") {
-            this.di(e_);
-        }
-        else {
-            this.ch(e_);
-        }
-    };
-    GridCellBase.prototype.cw = function (e_) {
-        var a = (e_.originalEvent.pointerType);
-        if (a == "touch") {
-            this.dj(e_);
-        }
-        else {
-            this.ci(e_);
-        }
-    };
-    GridCellBase.prototype.cu = function (e_) {
-        var a = (e_.originalEvent.pointerType);
-        if (a != "touch") {
-            this.cg(e_);
-        }
-    };
-    GridCellBase.prototype.ct = function (e_) {
-        var a = (e_.originalEvent.pointerType);
-        if (a != "touch") {
-            this.cf(e_);
-        }
-    };
-    GridCellBase.prototype.dh = function (a) {
-        this.onContactStarted(a, true);
-    };
-    GridCellBase.prototype.di = function (a) {
-        this.onContactMoved(a, true);
-    };
-    GridCellBase.prototype.dj = function (a) {
-        this.onContactCompleted(a, true);
-    };
-    GridCellBase.prototype.onContactStarted = function (e_, a) {
-        var b = false;
-        if (this.aa) {
-            var indicator_ = this.j.q();
-            b = (e_.originalEvent.srcElement === indicator_ || e_.originalEvent.target === indicator_);
-        }
-        this.s = false;
-        if (b) {
-            this.s = true;
-        }
-        else {
-            if (this.a != null && this.af(this.a)) {
-                this.bn = e_.pageX;
-                this.bo = e_.pageY;
-                if (this.bb != e_.which) {
-                    this.ax = 0;
-                }
-                this.bb = e_.which;
-                this.a.mouseDownCell(this.bn, this.bo);
-            }
-        }
-    };
-    GridCellBase.prototype.onContactMoved = function (a, b) {
-        if (this.a != null) {
-            var c = a.pageX;
-            var d = a.pageY;
-            if (this.af(this.a)) {
-                if (this.a.isMouseDown) {
-                    if (b) {
-                        if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > GridCellBase.ba || Math.abs(d - this.a.mousePosition.y) > GridCellBase.ba) {
-                            this.a.mouseUpCell(c, d);
-                        }
-                        else {
-                            a.stopPropagation();
-                        }
-                    }
-                    else {
-                        if (PointUtil.equals(this.a.mousePosition, null)) {
-                            this.a.mouseUpCell(c, d);
-                        }
-                        else if (this.bb == 1) {
-                            if (Math.abs(c - this.a.mousePosition.x) > GridCellBase.ay || Math.abs(d - this.a.mousePosition.y) > GridCellBase.ay) {
-                                this.a.isControlPressed = a.ctrlKey;
-                                this.a.dragStarted();
-                            }
-                        }
-                    }
-                }
-            }
-            if (this.a.isHoverActionDesired) {
-                this.a.mouseIsOver(c, d);
-            }
-        }
-    };
-    GridCellBase.prototype.onContactCompleted = function (e_, a) {
-        var _this = this;
-        this.ax++;
-        window.setTimeout(function () { return _this.ax = 0; }, 250);
-        var b = false;
-        if (this.aa) {
-            var indicator_ = this.j.q();
-            b = (e_.originalEvent.srcElement === indicator_ || e_.originalEvent.target === indicator_);
-        }
-        if (this.s && b) {
-            this.b.clickExpansionIndicator();
-        }
-        else {
-            if (this.a != null && this.af(this.a)) {
-                var c = e_.pageX;
-                var d = e_.pageY;
-                if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > GridCellBase.ba || Math.abs(d - this.a.mousePosition.y) > GridCellBase.ba || this.a.isDrag) {
-                    this.a.mouseUpCell(c, d);
-                }
-                if (this.a.isCellDown()) {
-                    this.a.isControlPressed = e_.ctrlKey;
-                    this.a.isShiftPressed = e_.shiftKey;
-                    if (this.ax > 1) {
-                        switch (this.bb) {
-                            case 1:
-                                this.a.doubleClicked(0);
-                                break;
-                            case 2:
-                                this.a.doubleClicked(1);
-                                break;
-                            case 3:
-                                this.a.doubleClicked(2);
-                                break;
-                            default:
-                                this.a.doubleClicked(3);
-                                break;
-                        }
-                    }
-                    else {
-                        switch (e_.which) {
-                            case 1:
-                                this.a.clickCell(0);
-                                break;
-                            case 2:
-                                this.a.clickCell(1);
-                                break;
-                            case 3:
-                                this.a.clickCell(2);
-                                break;
-                            default:
-                                this.a.clickCell(3);
-                                break;
-                        }
-                    }
-                    this.a.mouseUpCell(e_.pageX, e_.pageY);
-                }
-            }
-        }
-        this.s = false;
-    };
-    GridCellBase.prototype.ck = function (a, b) {
-        if (this.a != null) {
-            if (this.af(this.a)) {
-                if (this.a.isMouseDown) {
-                    if (!b && PointUtil.notEquals(this.a.mousePosition, null)) {
-                        this.a.isControlPressed = a.ctrlKey;
-                        this.a.dragStarted();
-                    }
-                }
-            }
-            if (this.a.isLeaveActionDesired) {
-                var c = a.pageX;
-                var d = a.pageY;
-                this.a.mouseLeaveCell(c, d);
-            }
-        }
-    };
-    GridCellBase.prototype.cj = function (a, b) {
-        if (this.a != null && this.a.isEnterActionDesired) {
-            var c = a.pageX;
-            var d = a.pageY;
-            this.a.mouseEnterCell(c, d);
-        }
-    };
-    GridCellBase.prototype.onDoubleClick = function (a) {
-    };
-    GridCellBase.prototype.cn = function (a, b, c) {
-        switch (a) {
-            case "Indent":
-                this.a0 = this.bj * 24;
-                this.a1 = this.bj > 0 ? 10 : 0;
-                if (this.ao != null) {
-                    this.ao.setRawXPosition(this.a7 + this.a0);
-                    this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.az, 2));
-                }
-                break;
-            case "IsCollapsable":
-                if (this.aa) {
-                    this.cd();
-                }
-                else {
-                    this.cx();
-                }
-                break;
-            case "IsExpanded":
-                if (this.j != null) {
-                    this.j.g = this.ab;
-                }
-                break;
-            case "ExpansionIndicatorIconColor":
-                if (this.j != null) {
-                    this.j.ae = this.dv;
-                }
-                break;
-            case "IsHitTestVisible":
-                this.ar.setRawStyleProperty("pointer-events", this.ad ? "auto" : "none");
-                break;
-            case "SuffixText":
-                this.co();
-                break;
-            case "SuffixIconName":
-            case "SuffixIconCollectionName":
-                this.cp();
-                break;
-            case "SuffixTextColor":
-            case "SuffixTextFont":
-            case "SuffixIconStroke":
-            case "SuffixIconFill":
-            case "SuffixIconViewBox":
-                this.cq();
-                break;
-            case "SuffixMargin":
-                if (this.ap != null) {
-                    this.ap.setRawStyleProperty("margin-left", this.aj + "px");
-                }
-                if (this.aq != null) {
-                    this.aq.setRawStyleProperty("margin-left", this.aj + "px");
-                }
-                break;
-        }
-    };
-    GridCellBase.prototype.cm = function () {
-    };
-    GridCellBase.prototype.cc = function () {
-        this.an.focus(true);
-    };
-    GridCellBase.prototype.ca = function () {
-        if (this.a != null) {
-            var a = this.an.clone();
-            this.a.passCellClone(a);
-        }
-    };
-    GridCellBase.prototype.detach = function () {
-    };
-    GridCellBase.prototype.dd = function (a) {
-    };
-    GridCellBase.$t = markType(GridCellBase, 'GridCellBase', Base.$, [INativeCell_$type]);
-    GridCellBase.o = null;
-    GridCellBase.bm = new Random(0);
-    GridCellBase.ba = 10;
-    GridCellBase.ay = 3;
-    return GridCellBase;
-}(Base));
-export { GridCellBase };