igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.1

package/esm2015/lib/TextHeaderCell.js

@@ -17,28 +17,28 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
     class TextHeaderCell extends GridCellBase {
         constructor(a) {
             super(a);
-            this.d7 = null;
-            this.d3 = null;
-            this.d1 = null;
-            this.dx = 0;
-            this.dw = 0;
-            this.dz = 3;
-            this.d9 = null;
-            this.ec = -1;
-            this.eb = -1;
-            this.d5 = false;
-            this.d8 = null;
-            this.d6 = false;
-            this.d7 = a.createElement("span");
+            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.ar.setRawStyleProperty("text-align", "left");
             this.ar.setRawStyleProperty("vertical-align", "middle");
-            this.d7.setRawStyleProperty("display", "inline-block");
-            this.d7.setRawStyleProperty("line-height", "normal");
-            this.d7.setRawStyleProperty("vertical-align", "middle");
-            this.d7.setRawStyleProperty("overflow", "hidden");
-            this.d7.setRawStyleProperty("white-space", "nowrap");
-            this.d7.setRawStyleProperty("text-overflow", "ellipsis");
-            this.ar.append(this.d7);
+            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);
             let b = 18;
             let c = 18;
             let d = a.createElement("div");
@@ -47,17 +47,17 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("vertical-align", "middle");
             d.setRawStyleProperty("width", b + "px");
             d.setRawStyleProperty("height", c + "px");
-            this.d8 = d;
+            this.eb = d;
             let e = a.getSubRenderer(d);
-            this.d1 = new GridFilterDialog();
-            this.d1.bx(e, this.ar, a);
+            this.d4 = new GridFilterDialog();
+            this.d4.cb(e, this.ar, a);
             this.ar.append(d);
-            this.d1.bo(b, c);
-            this.d1.am = 24;
-            let f = this.d1.ad;
-            this.d1.ad = false;
-            this.d1.bl();
-            this.d1.ad = f;
+            this.d4.b2(b, c);
+            this.d4.ar = 24;
+            let f = this.d4.ai;
+            this.d4.ai = false;
+            this.d4.bz();
+            this.d4.ai = f;
             let g = 18;
             let h = 18;
             d = a.createElement("div");
@@ -67,213 +67,248 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("width", "0px");
             d.setRawStyleProperty("height", h + "px");
             d.setRawStyleProperty("margin", "0 0 0 5px");
-            this.d9 = d;
+            this.ec = d;
             e = a.getSubRenderer(d);
-            this.d3 = new GridSortIndicator();
-            this.d3.n = false;
-            this.d3.m = false;
-            this.d3.a0(e);
+            this.d6 = new GridSortIndicator();
+            this.d6.n = false;
+            this.d6.m = false;
+            this.d6.a0(e);
             this.ar.append(d);
-            this.d3.au(g, h);
-            let i = this.d3;
-            i.propertyChanged = delegateCombine(i.propertyChanged, runOn(this, this.ef));
-            let j = this.d1;
-            j.dialogOpening = delegateCombine(j.dialogOpening, runOn(this, this.eg));
-            let k = this.d1;
-            k.filterChanging = delegateCombine(k.filterChanging, runOn(this, this.ei));
-            let l = this.d1;
-            l.filterChanged = delegateCombine(l.filterChanged, runOn(this, this.eh));
-            this.ar.listen("mouseenter", runOn(this, this.em));
-            this.ar.listen("mouseleave", runOn(this, this.el));
+            this.d6.au(g, h);
+            let i = this.d6;
+            i.propertyChanged = delegateCombine(i.propertyChanged, runOn(this, this.ei));
+            let j = this.d4;
+            j.dialogOpening = delegateCombine(j.dialogOpening, runOn(this, this.ej));
+            let k = this.d4;
+            k.filterChanging = delegateCombine(k.filterChanging, runOn(this, this.el));
+            let 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));
         }
-        get ea() {
-            return this.d7;
+        get ed() {
+            return this.ea;
         }
-        get d4() {
-            return this.d3;
+        get d7() {
+            return this.d6;
         }
-        get d2() {
-            return this.d1;
+        get d5() {
+            return this.d4;
         }
-        get d0() {
-            return this.dz;
+        get d3() {
+            return this.d2;
         }
-        set d0(a) {
-            let b = this.dz;
-            this.dz = a;
-            this.ck("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dz));
+        set d3(a) {
+            let b = this.d2;
+            this.d2 = a;
+            this.cl("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.d2));
         }
-        get dy() {
-            return this.dx;
+        get d1() {
+            return this.d0;
         }
-        set dy(a) {
-            let b = this.dx;
-            this.dx = a;
-            this.ck("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dx));
+        set d1(a) {
+            let b = this.d0;
+            this.d0 = a;
+            this.cl("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.d0));
         }
         af(a) {
             return true;
         }
-        dc(a, b) {
-            super.dc(a, b);
+        dd(a, b) {
+            super.dd(a, b);
             a -= 21;
-            if (this.d6) {
+            if (this.d9) {
                 a -= 15;
             }
             let c = Math.max(0, a - b);
-            if (c != this.ec) {
-                this.ec = c;
-                this.d7.setRawStyleProperty("max-width", c.toString() + "px");
+            if (c != this.ef) {
+                this.ef = c;
+                this.ea.setRawStyleProperty("max-width", c.toString() + "px");
             }
         }
-        c1(a, b) {
-            super.c1(a, b);
-            this.d7.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        c2(a, b) {
+            super.c2(a, b);
+            this.ea.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
             let c = Math.max(0, a - b);
-            if (this.eb != c) {
-                this.eb = c;
-                this.d7.setRawStyleProperty("max-height", c.toString() + "px");
+            if (this.ee != c) {
+                this.ee = c;
+                this.ea.setRawStyleProperty("max-height", c.toString() + "px");
             }
         }
-        c0(a, b) {
-            super.c0(a, b);
-            if (a == this.d7) {
-                this.d7.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        c1(a, b) {
+            super.c1(a, b);
+            if (a == this.ea) {
+                this.ea.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
             }
         }
-        dd(a, b, c, d) {
-            this.d1.bn();
+        de(a, b, c, d) {
+            this.d4.b1();
         }
-        ef(a, b) {
+        ei(a, b) {
             switch (b.propertyName) {
                 case "CurrentOpacity":
-                    if (this.d4.t > 0) {
-                        this.d9.setRawStyleProperty("width", "18px");
-                        if (this.dw == 2) {
-                            this.d9.setRawStyleProperty("margin", "0 5px 0 0");
+                    if (this.d7.t > 0) {
+                        this.ec.setRawStyleProperty("width", "18px");
+                        if (this.dz == 2) {
+                            this.ec.setRawStyleProperty("margin", "0 5px 0 0");
                         }
                         else {
-                            this.d9.setRawStyleProperty("margin", "0 0 0 5px");
+                            this.ec.setRawStyleProperty("margin", "0 0 0 5px");
                         }
                     }
                     else {
-                        this.d9.setRawStyleProperty("width", "0px");
-                        this.d9.setRawStyleProperty("margin", "0");
+                        this.ec.setRawStyleProperty("width", "0px");
+                        this.ec.setRawStyleProperty("margin", "0");
                     }
                     break;
             }
         }
-        em(a) {
+        ep(a) {
             if (this.b.isGridDragging) {
                 return;
             }
-            this.d1.bk();
-            switch (this.d0) {
+            switch (this.d3) {
                 case 2:
                 case 3:
-                    this.d1.b1();
+                    this.d4.cf();
                     break;
             }
         }
-        el(a) {
-            switch (this.d0) {
+        eo(a) {
+            switch (this.d3) {
                 case 2:
                 case 3:
-                    this.d1.bl();
+                    this.d4.bz();
                     break;
             }
         }
-        eh(a, b) {
+        ek(a, b) {
             this.b.columnFilterChanged(b.a);
         }
-        ei(a, b) {
+        el(a, b) {
             this.b.columnFilterChanging(b.a);
         }
-        eg(a, b) {
+        ej(a, b) {
             if (this.b != null) {
                 b.a = this.f.getColumn();
                 this.b.cancelEditMode(false);
             }
         }
-        ci(a, b, c) {
-            super.ci(a, b, c);
-            this.dw = c;
-            this.d1.k = c;
+        cj(a, b, c) {
+            super.cj(a, b, c);
+            this.dz = c;
+            this.d4.k = c;
             if (c == 2) {
-                this.ar.removeChild(this.d9);
-                this.ar.removeChild(this.d8);
-                this.d7.before(this.d8);
-                this.d8.before(this.d9);
-                if (this.dy == 1) {
-                    this.d8.setRawStyleProperty("margin", "0 5px 0 0");
-                    this.d1.l = this.dw;
+                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;
+                }
+                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 {
-                    this.d8.setRawStyleProperty("margin", "0");
-                    this.d1.l = 0;
+                    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;
                 }
             }
             else {
-                this.ar.removeChild(this.d9);
-                this.ar.removeChild(this.d7);
-                this.d8.before(this.d7);
-                this.d8.before(this.d9);
-                if (this.dy == 1) {
-                    this.d8.setRawStyleProperty("margin", "0 0 0 5px");
-                    this.d1.l = this.dw;
+                if (this.d1 == 1) {
+                    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;
+                }
+                else if (this.d1 == 3) {
+                    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.append(this.ec);
+                    this.eb.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.d4.l = 0;
                 }
                 else {
-                    this.d8.setRawStyleProperty("margin", "0");
-                    this.d1.l = 2;
+                    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;
                 }
             }
         }
-        c6(a, b, c, d) {
-            super.c6(a, b, c, d);
-            this.d1.ap = a;
-            this.d1.aq = c;
+        c7(a, b, c, d) {
+            super.c7(a, b, c, d);
+            this.d4.av = a;
+            this.d4.aw = c;
         }
-        ek() {
-            if (this.dy == 2 || this.dy == 0) {
-                if (this.dw == 2) {
-                    this.d1.l = 0;
+        en() {
+            if (this.d1 == 3) {
+                this.d4.l = 0;
+                this.eb.setRawStyleProperty("margin", "0");
+            }
+            else if (this.d1 == 4) {
+                this.d4.l = 2;
+                this.eb.setRawStyleProperty("margin", "0");
+            }
+            else if (this.d1 == 2 || this.d1 == 0) {
+                if (this.dz == 2) {
+                    this.d4.l = 0;
                 }
                 else {
-                    this.d1.l = 2;
+                    this.d4.l = 2;
                 }
+                this.eb.setRawStyleProperty("margin", "0");
             }
             else {
-                this.d1.l = this.dw;
-                if (this.dw == 2) {
-                    this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d4.l = this.dz;
+                if (this.dz == 2) {
+                    this.eb.setRawStyleProperty("margin", "0 5px 0 0");
                 }
                 else {
-                    this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.eb.setRawStyleProperty("margin", "0 0 0 5px");
                 }
             }
+            this.cj(this.ar, this.ea, this.dz);
         }
-        ej() {
-            switch (this.d0) {
+        em() {
+            switch (this.d3) {
                 case 1:
-                    this.d1.ad = false;
-                    this.d1.b1();
+                    this.d4.ai = false;
+                    this.d4.cf();
                     break;
                 case 2:
-                    this.d1.ad = false;
+                    this.d4.ai = false;
                     break;
                 case 3:
-                    this.d1.ad = true;
+                    this.d4.ai = true;
                     break;
             }
         }
-        ck(a, b, c) {
-            super.ck(a, b, c);
+        cl(a, b, c) {
+            super.cl(a, b, c);
             switch (a) {
                 case "ColumnOptionsIconAlignment":
-                    this.ek();
+                    this.en();
                     break;
                 case "ColumnOptionsIconBehavior":
-                    this.ej();
+                    this.em();
                     break;
             }
         }
@@ -281,28 +316,28 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             if (e_.button == 2) {
                 return;
             }
-            let b = this.d1.af(e_);
+            let b = this.d4.ak(e_);
             if (b) {
-                this.d5 = true;
+                this.d8 = true;
                 return;
             }
             super.onContactStarted(e_, a);
         }
         onContactCompleted(e_, a) {
-            if (!this.d5) {
+            if (!this.d8) {
                 super.onContactCompleted(e_, a);
             }
-            this.d5 = false;
+            this.d8 = false;
         }
         detach() {
             super.detach();
-            if (this.d1 != null) {
+            if (this.d4 != null) {
             }
         }
-        da(a) {
-            super.da(a);
-            if (this.d2 != null) {
-                this.d2.x = a;
+        db(a) {
+            super.db(a);
+            if (this.d5 != null) {
+                this.d5.x = a;
             }
         }
         get_ac() {

package/esm2015/lib/TextHeaderCellPresenter.js

@@ -25,79 +25,101 @@ export let TextHeaderCellPresenter = /*@__PURE__*/ (() => {
             super.b(a);
             let b = a;
             if (a.a7) {
-                if (a.bc(TextCellModel.n0)) {
-                    b.kx = b.n2;
-                    this.d.c8(this.d.ea, b.kx);
+                if (a.bc(TextCellModel.n9)) {
+                    b.k1 = b.ob;
+                    this.d.c9(this.d.ed, b.k1);
                 }
-                if (a.bc(CellModel.hi)) {
-                    let c = this.d.d4.m;
+                if (a.bc(CellModel.hl)) {
+                    let c = this.d.d7.m;
                     if (a.bt) {
-                        this.d.d4.m = false;
+                        this.d.d7.m = false;
                     }
-                    this.d.d4.b = a.n;
+                    this.d.d7.b = a.n;
                     if (a.bt) {
-                        this.d.d4.m = c;
+                        this.d.d7.m = c;
                     }
                 }
-                if (a.bc(CellModel.hj)) {
-                    let d = this.d.d4.m;
+                if (a.bc(CellModel.hm)) {
+                    let d = this.d.d7.m;
                     if (a.bt) {
-                        this.d.d4.m = false;
+                        this.d.d7.m = false;
                     }
-                    this.d.d4.a3 = a.ns;
+                    this.d.d7.a3 = a.n1;
                     if (a.bt) {
-                        this.d.d4.m = d;
+                        this.d.d7.m = d;
                     }
                 }
                 if (a.bb("IsColumnOptionsEnabled")) {
-                    let e = b.od;
+                    let e = b.oq;
                     if (e) {
                         e = this.e();
                     }
-                    this.d.d6 = e;
-                    this.d.d8.setRawStyleProperty("display", e ? "inline-block" : "none");
-                    this.a.dc(a.h5, (a.g0 + a.g2 + a.fg + a.fj));
+                    this.d.d9 = e;
+                    this.d.eb.setRawStyleProperty("display", e ? "inline-block" : "none");
+                    this.a.dd(a.h8, (a.g2 + a.g4 + a.fg + a.fj));
                 }
                 if (a.bb("SortIndicatorStyle")) {
-                    this.d.d4.f = b.n9;
+                    this.d.d7.f = b.oi;
                 }
                 if (a.bb("ColumnOptionsIconAlignment")) {
-                    this.d.dy = b.n5;
+                    this.d.d1 = b.oe;
                 }
                 if (a.bb("ColumnOptionsIconBehavior")) {
-                    this.d.d0 = b.n7;
+                    this.d.d3 = b.og;
                 }
                 if (a.bb("ColumnOptionsIconColor")) {
-                    this.d.d2.ci = b.pd;
+                    this.d.d5.c4 = b.qc;
                 }
-                if (a.bb("Path") || (this.d.d2.n != null && this.d.d2.n.grid == null)) {
+                if (a.bb("Path") || (this.d.d5.n != null && this.d.d5.n.grid == null)) {
                     let f = a.e.getColumn();
-                    if (f != this.d.d2.n) {
-                        this.d.d2.n = f;
+                    if (f != this.d.d5.n) {
+                        this.d.d5.n = f;
+                        this.d.d5.by();
                     }
                 }
-                if (a.bc(TextHeaderCellModel.on)) {
-                    this.d.da(b.ob);
+                if (a.bc(TextHeaderCellModel.o7)) {
+                    this.d.db(b.ok);
                 }
-                if (a.bc(TextHeaderCellModel.of)) {
-                    this.d.d2.cd = b.pa;
+                if (a.bc(TextHeaderCellModel.ot)) {
+                    this.d.d5.cv = b.p7;
                 }
-                if (a.bc(TextHeaderCellModel.om)) {
-                    this.d.d2.ch = b.pf;
+                if (a.bc(TextHeaderCellModel.o5)) {
+                    this.d.d5.c1 = b.qe;
                 }
-                if (a.bc(TextHeaderCellModel.ol)) {
-                    this.d.d2.cg = b.pe;
+                if (a.bc(TextHeaderCellModel.o6)) {
+                    this.d.d5.ab = b.oo;
                 }
-                if (a.bc(TextHeaderCellModel.og)) {
-                    this.d.d2.ce = b.pb;
+                if (a.bc(TextHeaderCellModel.oy)) {
+                    this.d.d5.cz = b.qb;
                 }
-                if (a.bc(TextHeaderCellModel.oh)) {
-                    this.d.d2.cf = b.pc;
+                if (a.bc(TextHeaderCellModel.o8)) {
+                    this.d.d5.c2 = b.qf;
                 }
-                if (a.bc(TextHeaderCellModel.oe)) {
-                    this.d.d2.cc = b.o9;
+                if (a.bc(TextHeaderCellModel.o9)) {
+                    this.d.d5.c3 = b.qg;
                 }
-                ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.ea, this.a);
+                if (a.bc(TextHeaderCellModel.ox)) {
+                    this.d.d5.cy = b.qa;
+                }
+                if (a.bc(TextHeaderCellModel.o4)) {
+                    this.d.d5.c0 = b.qd;
+                }
+                if (a.bc(TextHeaderCellModel.ou)) {
+                    this.d.d5.cw = b.p8;
+                }
+                if (a.bc(TextHeaderCellModel.ov)) {
+                    this.d.d5.cx = b.p9;
+                }
+                if (a.bc(TextHeaderCellModel.ow)) {
+                    this.d.d5.aa = b.on;
+                }
+                if (a.bc(TextHeaderCellModel.os)) {
+                    this.d.d5.cu = b.p6;
+                }
+                if (a.bc(TextHeaderCellModel.o3)) {
+                    this.d.d5.ax = b.o2;
+                }
+                ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.ed, this.a);
             }
         }
         e() {

package/esm2015/lib/TextIconSetConditionalStyle.js

@@ -90,7 +90,7 @@ export let TextIconSetConditionalStyle = /*@__PURE__*/ (() => {
                     i.cs = "FontInfo";
                     i.aj = ((() => {
                         let $ret = new GridConditionalStyleFontInfo();
-                        $ret.textStyle = GridStyleRepository.d(this.g.grid.theme, 33);
+                        $ret.textStyle = GridStyleRepository.d(this.g.grid.theme, 34);
                         return $ret;
                     })());
                     h.properties.add(i);