igniteui-angular-data-grids 21.1.0-beta.2 → 21.1.0

package/esm5/lib/TextHeaderCell.js

@@ -18,28 +18,30 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(TextHeaderCell, _super);
     function TextHeaderCell(a) {
         var _this = _super.call(this, a) || this;
-        _this.ea = null;
-        _this.d6 = null;
-        _this.d4 = null;
-        _this.d0 = 0;
-        _this.dz = 0;
-        _this.d2 = 3;
         _this.ec = null;
-        _this.ef = -1;
-        _this.ee = -1;
-        _this.d8 = false;
-        _this.eb = null;
-        _this.d9 = false;
-        _this.ea = a.createElement("span");
+        _this.d8 = null;
+        _this.d6 = null;
+        _this.d2 = 0;
+        _this.d1 = 0;
+        _this.d4 = 3;
+        _this.ee = null;
+        _this.eh = -1;
+        _this.eg = -1;
+        _this.ea = false;
+        _this.ed = null;
+        _this.eb = false;
+        _this.eb = true;
+        _this.ec = a.createElement("span");
         _this.ar.setRawStyleProperty("text-align", "left");
         _this.ar.setRawStyleProperty("vertical-align", "middle");
-        _this.ea.setRawStyleProperty("display", "inline-block");
-        _this.ea.setRawStyleProperty("line-height", "normal");
-        _this.ea.setRawStyleProperty("vertical-align", "middle");
-        _this.ea.setRawStyleProperty("overflow", "hidden");
-        _this.ea.setRawStyleProperty("white-space", "nowrap");
-        _this.ea.setRawStyleProperty("text-overflow", "ellipsis");
-        _this.ar.append(_this.ea);
+        _this.ar.setRawStyleProperty("white-space", "nowrap");
+        _this.ec.setRawStyleProperty("display", "inline-block");
+        _this.ec.setRawStyleProperty("line-height", "normal");
+        _this.ec.setRawStyleProperty("vertical-align", "middle");
+        _this.ec.setRawStyleProperty("overflow", "hidden");
+        _this.ec.setRawStyleProperty("white-space", "nowrap");
+        _this.ec.setRawStyleProperty("text-overflow", "ellipsis");
+        _this.ar.append(_this.ec);
         var b = 18;
         var c = 18;
         var d = a.createElement("div");
@@ -48,17 +50,17 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setRawStyleProperty("vertical-align", "middle");
         d.setRawStyleProperty("width", b + "px");
         d.setRawStyleProperty("height", c + "px");
-        _this.eb = d;
+        _this.ed = d;
         var e = a.getSubRenderer(d);
-        _this.d4 = new GridFilterDialog();
-        _this.d4.cb(e, _this.ar, a);
+        _this.d6 = new GridFilterDialog();
+        _this.d6.ce(e, _this.ar, a);
         _this.ar.append(d);
-        _this.d4.b2(b, c);
-        _this.d4.ar = 24;
-        var f = _this.d4.ai;
-        _this.d4.ai = false;
-        _this.d4.bz();
-        _this.d4.ai = f;
+        _this.d6.b5(b, c);
+        _this.d6.ar = 24;
+        var f = _this.d6.ai;
+        _this.d6.ai = false;
+        _this.d6.b2();
+        _this.d6.ai = f;
         var g = 18;
         var h = 18;
         d = a.createElement("div");
@@ -68,29 +70,36 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setRawStyleProperty("width", "0px");
         d.setRawStyleProperty("height", h + "px");
         d.setRawStyleProperty("margin", "0 0 0 5px");
-        _this.ec = d;
+        _this.ee = d;
         e = a.getSubRenderer(d);
-        _this.d6 = new GridSortIndicator();
-        _this.d6.n = false;
-        _this.d6.m = false;
-        _this.d6.a0(e);
+        _this.d8 = new GridSortIndicator();
+        _this.d8.n = false;
+        _this.d8.m = false;
+        _this.d8.a0(e);
         _this.ar.append(d);
-        _this.d6.au(g, h);
-        var i = _this.d6;
-        i.propertyChanged = delegateCombine(i.propertyChanged, runOn(_this, _this.ei));
-        var j = _this.d4;
-        j.dialogOpening = delegateCombine(j.dialogOpening, runOn(_this, _this.ej));
-        var k = _this.d4;
-        k.filterChanging = delegateCombine(k.filterChanging, runOn(_this, _this.el));
-        var l = _this.d4;
-        l.filterChanged = delegateCombine(l.filterChanged, runOn(_this, _this.ek));
-        _this.ar.listen("mouseenter", runOn(_this, _this.ep));
-        _this.ar.listen("mouseleave", runOn(_this, _this.eo));
+        _this.d8.au(g, h);
+        var i = _this.d8;
+        i.propertyChanged = delegateCombine(i.propertyChanged, runOn(_this, _this.ek));
+        var j = _this.d6;
+        j.dialogOpening = delegateCombine(j.dialogOpening, runOn(_this, _this.el));
+        var k = _this.d6;
+        k.filterChanging = delegateCombine(k.filterChanging, runOn(_this, _this.en));
+        var l = _this.d6;
+        l.filterChanged = delegateCombine(l.filterChanged, runOn(_this, _this.em));
+        _this.ar.listen("mouseenter", runOn(_this, _this.er));
+        _this.ar.listen("mouseleave", runOn(_this, _this.eq));
         return _this;
     }
-    Object.defineProperty(TextHeaderCell.prototype, "ed", {
+    Object.defineProperty(TextHeaderCell.prototype, "ef", {
+        get: function () {
+            return this.ec;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextHeaderCell.prototype, "d9", {
         get: function () {
-            return this.ea;
+            return this.d8;
         },
         enumerable: false,
         configurable: true
@@ -106,6 +115,11 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             return this.d4;
         },
+        set: function (a) {
+            var b = this.d4;
+            this.d4 = a;
+            this.cn("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.d4));
+        },
         enumerable: false,
         configurable: true
     });
@@ -116,19 +130,7 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.d2;
             this.d2 = a;
-            this.cl("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.d2));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(TextHeaderCell.prototype, "d1", {
-        get: function () {
-            return this.d0;
-        },
-        set: function (a) {
-            var b = this.d0;
-            this.d0 = a;
-            this.cl("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.d0));
+            this.cn("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.d2));
         },
         enumerable: false,
         configurable: true
@@ -136,201 +138,205 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
     TextHeaderCell.prototype.af = function (a) {
         return true;
     };
-    TextHeaderCell.prototype.dd = function (a, b) {
-        _super.prototype.dd.call(this, a, b);
-        a -= 21;
-        if (this.d9) {
-            a -= 15;
+    TextHeaderCell.prototype.df = function (a, b) {
+        _super.prototype.df.call(this, a, b);
+        var c = a - b;
+        if (this.d9.t > 0) {
+            c -= 23;
         }
-        var c = Math.max(0, a - b);
-        if (c != this.ef) {
-            this.ef = c;
-            this.ea.setRawStyleProperty("max-width", c.toString() + "px");
+        if (this.eb) {
+            c -= 23;
+        }
+        c = Math.max(0, c);
+        if (c != this.eh) {
+            this.eh = c;
+            this.ec.setRawStyleProperty("max-width", c.toString() + "px");
         }
     };
-    TextHeaderCell.prototype.c2 = function (a, b) {
-        _super.prototype.c2.call(this, a, b);
-        this.ea.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+    TextHeaderCell.prototype.c4 = function (a, b) {
+        _super.prototype.c4.call(this, a, b);
+        this.ec.setRawStyleProperty("line-height", (this.bh - this.bi).toString() + "px");
         var c = Math.max(0, a - b);
-        if (this.ee != c) {
-            this.ee = c;
-            this.ea.setRawStyleProperty("max-height", c.toString() + "px");
+        if (this.eg != c) {
+            this.eg = c;
+            this.ec.setRawStyleProperty("max-height", c.toString() + "px");
         }
     };
-    TextHeaderCell.prototype.c1 = function (a, b) {
-        _super.prototype.c1.call(this, a, b);
-        if (a == this.ea) {
-            this.ea.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+    TextHeaderCell.prototype.c3 = function (a, b) {
+        _super.prototype.c3.call(this, a, b);
+        if (a == this.ec) {
+            this.ec.setRawStyleProperty("line-height", (this.bh - this.bi).toString() + "px");
         }
     };
-    TextHeaderCell.prototype.de = function (a, b, c, d) {
-        this.d4.b1();
+    TextHeaderCell.prototype.dg = function (a, b, c, d) {
+        this.d6.b4();
     };
-    TextHeaderCell.prototype.ei = function (a, b) {
+    TextHeaderCell.prototype.ek = function (a, b) {
         switch (b.propertyName) {
             case "CurrentOpacity":
-                if (this.d7.t > 0) {
-                    this.ec.setRawStyleProperty("width", "18px");
-                    if (this.dz == 2) {
-                        this.ec.setRawStyleProperty("margin", "0 5px 0 0");
+                if (this.d9.t > 0) {
+                    this.ee.setRawStyleProperty("width", "18px");
+                    if (this.d1 == 2) {
+                        this.ee.setRawStyleProperty("margin", "0 5px 0 0");
                     }
                     else {
-                        this.ec.setRawStyleProperty("margin", "0 0 0 5px");
+                        this.ee.setRawStyleProperty("margin", "0 0 0 5px");
                     }
                 }
                 else {
-                    this.ec.setRawStyleProperty("width", "0px");
-                    this.ec.setRawStyleProperty("margin", "0");
+                    this.ee.setRawStyleProperty("width", "0px");
+                    this.ee.setRawStyleProperty("margin", "0");
                 }
+                this.df(this.bk, this.bl);
                 break;
         }
     };
-    TextHeaderCell.prototype.ep = function (a) {
+    TextHeaderCell.prototype.er = function (a) {
         if (this.b.isGridDragging) {
             return;
         }
-        switch (this.d3) {
+        switch (this.d5) {
             case 2:
             case 3:
-                this.d4.cf();
+                this.d6.ci();
                 break;
         }
     };
-    TextHeaderCell.prototype.eo = function (a) {
-        switch (this.d3) {
+    TextHeaderCell.prototype.eq = function (a) {
+        switch (this.d5) {
             case 2:
             case 3:
-                this.d4.bz();
+                this.d6.b2();
                 break;
         }
     };
-    TextHeaderCell.prototype.ek = function (a, b) {
+    TextHeaderCell.prototype.em = function (a, b) {
         this.b.columnFilterChanged(b.a);
     };
-    TextHeaderCell.prototype.el = function (a, b) {
+    TextHeaderCell.prototype.en = function (a, b) {
         this.b.columnFilterChanging(b.a);
     };
-    TextHeaderCell.prototype.ej = function (a, b) {
+    TextHeaderCell.prototype.el = function (a, b) {
         if (this.b != null) {
             b.a = this.f.getColumn();
             this.b.cancelEditMode(false);
         }
     };
-    TextHeaderCell.prototype.cj = function (a, b, c) {
-        _super.prototype.cj.call(this, a, b, c);
-        this.dz = c;
-        this.d4.k = c;
+    TextHeaderCell.prototype.cl = function (a, b, c) {
+        _super.prototype.cl.call(this, a, b, c);
+        this.d1 = c;
+        this.d6.k = c;
         if (c == 2) {
-            if (this.d1 == 1) {
-                this.ar.removeChild(this.ec);
-                this.ar.removeChild(this.eb);
-                this.ea.before(this.eb);
-                this.eb.before(this.ec);
-                this.eb.setRawStyleProperty("margin", "0 5px 0 0");
-                this.d4.l = this.dz;
+            if (this.d3 == 1) {
+                this.ar.removeChild(this.ee);
+                this.ar.removeChild(this.ed);
+                this.ec.before(this.ed);
+                this.ed.before(this.ee);
+                this.ed.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d6.l = this.d1;
             }
-            else if (this.d1 == 4) {
-                this.ar.removeChild(this.ec);
-                this.ar.removeChild(this.eb);
-                this.ar.append(this.eb);
-                this.ea.before(this.ec);
-                this.eb.setRawStyleProperty("margin", "0 0 0 5px");
-                this.d4.l = 2;
+            else if (this.d3 == 4) {
+                this.ar.removeChild(this.ee);
+                this.ar.removeChild(this.ed);
+                this.ar.append(this.ed);
+                this.ec.before(this.ee);
+                this.ed.setRawStyleProperty("margin", "0 0 0 5px");
+                this.d6.l = 2;
             }
             else {
-                this.ar.removeChild(this.ec);
-                this.ar.removeChild(this.eb);
-                this.ea.before(this.eb);
-                this.eb.before(this.ec);
-                this.eb.setRawStyleProperty("margin", "0");
-                this.d4.l = 0;
+                this.ar.removeChild(this.ee);
+                this.ar.removeChild(this.ed);
+                this.ec.before(this.ed);
+                this.ed.before(this.ee);
+                this.ed.setRawStyleProperty("margin", "0");
+                this.d6.l = 0;
             }
         }
         else {
-            if (this.d1 == 1) {
+            if (this.d3 == 1) {
+                this.ar.removeChild(this.ee);
                 this.ar.removeChild(this.ec);
-                this.ar.removeChild(this.ea);
-                this.eb.before(this.ea);
-                this.eb.before(this.ec);
-                this.eb.setRawStyleProperty("margin", "0 0 0 5px");
-                this.d4.l = this.dz;
+                this.ed.before(this.ec);
+                this.ed.before(this.ee);
+                this.ed.setRawStyleProperty("margin", "0 0 0 5px");
+                this.d6.l = this.d1;
             }
-            else if (this.d1 == 3) {
+            else if (this.d3 == 3) {
+                this.ar.removeChild(this.ee);
                 this.ar.removeChild(this.ec);
-                this.ar.removeChild(this.ea);
-                this.ar.removeChild(this.eb);
-                this.ar.append(this.eb);
-                this.ar.append(this.ea);
+                this.ar.removeChild(this.ed);
+                this.ar.append(this.ed);
                 this.ar.append(this.ec);
-                this.eb.setRawStyleProperty("margin", "0 5px 0 0");
-                this.d4.l = 0;
+                this.ar.append(this.ee);
+                this.ed.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d6.l = 0;
             }
             else {
+                this.ar.removeChild(this.ee);
                 this.ar.removeChild(this.ec);
-                this.ar.removeChild(this.ea);
-                this.eb.before(this.ea);
-                this.eb.before(this.ec);
-                this.eb.setRawStyleProperty("margin", "0");
-                this.d4.l = 2;
+                this.ed.before(this.ec);
+                this.ed.before(this.ee);
+                this.ed.setRawStyleProperty("margin", "0");
+                this.d6.l = 2;
             }
         }
     };
-    TextHeaderCell.prototype.c7 = function (a, b, c, d) {
-        _super.prototype.c7.call(this, a, b, c, d);
-        this.d4.av = a;
-        this.d4.aw = c;
+    TextHeaderCell.prototype.c9 = function (a, b, c, d) {
+        _super.prototype.c9.call(this, a, b, c, d);
+        this.d6.av = a;
+        this.d6.aw = c;
     };
-    TextHeaderCell.prototype.en = function () {
-        if (this.d1 == 3) {
-            this.d4.l = 0;
-            this.eb.setRawStyleProperty("margin", "0");
+    TextHeaderCell.prototype.ep = function () {
+        if (this.d3 == 3) {
+            this.d6.l = 0;
+            this.ed.setRawStyleProperty("margin", "0");
         }
-        else if (this.d1 == 4) {
-            this.d4.l = 2;
-            this.eb.setRawStyleProperty("margin", "0");
+        else if (this.d3 == 4) {
+            this.d6.l = 2;
+            this.ed.setRawStyleProperty("margin", "0");
         }
-        else if (this.d1 == 2 || this.d1 == 0) {
-            if (this.dz == 2) {
-                this.d4.l = 0;
+        else if (this.d3 == 2 || this.d3 == 0) {
+            if (this.d1 == 2) {
+                this.d6.l = 0;
             }
             else {
-                this.d4.l = 2;
+                this.d6.l = 2;
             }
-            this.eb.setRawStyleProperty("margin", "0");
+            this.ed.setRawStyleProperty("margin", "0");
         }
         else {
-            this.d4.l = this.dz;
-            if (this.dz == 2) {
-                this.eb.setRawStyleProperty("margin", "0 5px 0 0");
+            this.d6.l = this.d1;
+            if (this.d1 == 2) {
+                this.ed.setRawStyleProperty("margin", "0 5px 0 0");
             }
             else {
-                this.eb.setRawStyleProperty("margin", "0 0 0 5px");
+                this.ed.setRawStyleProperty("margin", "0 0 0 5px");
             }
         }
-        this.cj(this.ar, this.ea, this.dz);
+        this.cl(this.ar, this.ec, this.d1);
     };
-    TextHeaderCell.prototype.em = function () {
-        switch (this.d3) {
+    TextHeaderCell.prototype.eo = function () {
+        switch (this.d5) {
             case 1:
-                this.d4.ai = false;
-                this.d4.cf();
+                this.d6.ai = false;
+                this.d6.ci();
                 break;
             case 2:
-                this.d4.ai = false;
+                this.d6.ai = false;
                 break;
             case 3:
-                this.d4.ai = true;
+                this.d6.ai = true;
                 break;
         }
     };
-    TextHeaderCell.prototype.cl = function (a, b, c) {
-        _super.prototype.cl.call(this, a, b, c);
+    TextHeaderCell.prototype.cn = function (a, b, c) {
+        _super.prototype.cn.call(this, a, b, c);
         switch (a) {
             case "ColumnOptionsIconAlignment":
-                this.en();
+                this.ep();
                 break;
             case "ColumnOptionsIconBehavior":
-                this.em();
+                this.eo();
                 break;
         }
     };
@@ -338,28 +344,28 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         if (e_.button == 2) {
             return;
         }
-        var b = this.d4.ak(e_);
+        var b = this.d6.ak(e_);
         if (b) {
-            this.d8 = true;
+            this.ea = true;
             return;
         }
         _super.prototype.onContactStarted.call(this, e_, a);
     };
     TextHeaderCell.prototype.onContactCompleted = function (e_, a) {
-        if (!this.d8) {
+        if (!this.ea) {
             _super.prototype.onContactCompleted.call(this, e_, a);
         }
-        this.d8 = false;
+        this.ea = false;
     };
     TextHeaderCell.prototype.detach = function () {
         _super.prototype.detach.call(this);
-        if (this.d4 != null) {
+        if (this.d6 != null) {
         }
     };
-    TextHeaderCell.prototype.db = function (a) {
-        _super.prototype.db.call(this, a);
-        if (this.d5 != null) {
-            this.d5.x = a;
+    TextHeaderCell.prototype.dd = function (a) {
+        _super.prototype.dd.call(this, a);
+        if (this.d7 != null) {
+            this.d7.x = a;
         }
     };
     TextHeaderCell.prototype.get_ac = function () {