igniteui-webcomponents-data-grids 6.0.1 → 6.0.2-beta.1

package/esm2015/lib/TextHeaderCell.js

@@ -15,81 +15,88 @@ import { enumGetBox, runOn, delegateCombine, markType } from "igniteui-webcompon
  */
 export let TextHeaderCell = /*@__PURE__*/ (() => {
     class TextHeaderCell extends GridCellBase {
-        get cy() {
-            return this.cv;
+        get d6() {
+            return this.d3;
         }
-        get cs() {
-            return this.cr;
+        get d0() {
+            return this.dz;
         }
-        get cq() {
-            return this.cp;
+        get dy() {
+            return this.dx;
         }
-        get co() {
-            return this.cn;
+        get dw() {
+            return this.dv;
         }
-        set co(a) {
-            let b = this.cn;
-            this.cn = a;
-            this.bs("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.cn));
+        set dw(a) {
+            let b = this.dv;
+            this.dv = a;
+            this.ch("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dv));
         }
-        get cm() {
-            return this.cl;
+        get du() {
+            return this.dt;
         }
-        set cm(a) {
-            let b = this.cl;
-            this.cl = a;
-            this.bs("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.cl));
+        set du(a) {
+            let b = this.dt;
+            this.dt = a;
+            this.ch("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dt));
         }
-        aa(a) {
+        af(a) {
             return true;
         }
-        b9(a, b) {
-            super.b9(a, b);
+        c8(a, b) {
+            super.c8(a, b);
             a -= 21;
-            if (this.cu) {
+            if (this.d2) {
                 a -= 15;
             }
             let c = Math.max(0, a - b);
-            if (c != this.c0) {
-                this.c0 = c;
-                this.cv.setRawStyleProperty("max-width", c.toString() + "px");
+            if (c != this.d8) {
+                this.d8 = c;
+                this.d3.setRawStyleProperty("max-width", c.toString() + "px");
             }
         }
-        b3(a, b) {
-            super.b3(a, b);
+        cy(a, b) {
+            super.cy(a, b);
+            this.d3.setRawStyleProperty("line-height", (this.be - this.bf).toString() + "px");
             let c = Math.max(0, a - b);
-            if (this.cz != c) {
-                this.cz = c;
-                this.cv.setRawStyleProperty("max-height", c.toString() + "px");
+            if (this.d7 != c) {
+                this.d7 = c;
+                this.d3.setRawStyleProperty("max-height", c.toString() + "px");
             }
         }
-        ca(a, b, c, d) {
-            this.cp.bd();
+        cx(a, b) {
+            super.cx(a, b);
+            if (a == this.d3) {
+                this.d3.setRawStyleProperty("line-height", (this.be - this.bf).toString() + "px");
+            }
+        }
+        c9(a, b, c, d) {
+            this.dx.bd();
         }
         constructor(a) {
             super(a);
-            this.cv = null;
-            this.cr = null;
-            this.cp = null;
-            this.cl = 0;
-            this.ck = 0;
-            this.cn = 3;
-            this.cx = null;
-            this.c0 = -1;
-            this.cz = -1;
-            this.ct = false;
-            this.cw = null;
-            this.cu = false;
-            this.cv = a.createElement("span");
-            this.ah.setRawStyleProperty("text-align", "left");
-            this.ah.setRawStyleProperty("vertical-align", "middle");
-            this.cv.setRawStyleProperty("display", "inline-block");
-            this.cv.setRawStyleProperty("line-height", "normal");
-            this.cv.setRawStyleProperty("vertical-align", "middle");
-            this.cv.setRawStyleProperty("overflow", "hidden");
-            this.cv.setRawStyleProperty("white-space", "nowrap");
-            this.cv.setRawStyleProperty("text-overflow", "ellipsis");
-            this.ah.append(this.cv);
+            this.d3 = null;
+            this.dz = null;
+            this.dx = null;
+            this.dt = 0;
+            this.ds = 0;
+            this.dv = 3;
+            this.d5 = null;
+            this.d8 = -1;
+            this.d7 = -1;
+            this.d1 = false;
+            this.d4 = null;
+            this.d2 = false;
+            this.d3 = a.createElement("span");
+            this.ap.setRawStyleProperty("text-align", "left");
+            this.ap.setRawStyleProperty("vertical-align", "middle");
+            this.d3.setRawStyleProperty("display", "inline-block");
+            this.d3.setRawStyleProperty("line-height", "normal");
+            this.d3.setRawStyleProperty("vertical-align", "middle");
+            this.d3.setRawStyleProperty("overflow", "hidden");
+            this.d3.setRawStyleProperty("white-space", "nowrap");
+            this.d3.setRawStyleProperty("text-overflow", "ellipsis");
+            this.ap.append(this.d3);
             let b = 18;
             let c = 18;
             let d = a.createElement("div");
@@ -98,17 +105,17 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("vertical-align", "middle");
             d.setRawStyleProperty("width", b + "px");
             d.setRawStyleProperty("height", c + "px");
-            this.cw = d;
+            this.d4 = d;
             let e = a.getSubRenderer(d);
-            this.cp = new GridFilterDialog();
-            this.cp.bn(e, this.ah, a);
-            this.ah.append(d);
-            this.cp.be(b, c);
-            this.cp.ak = 24;
-            let f = this.cp.ab;
-            this.cp.ab = false;
-            this.cp.bb();
-            this.cp.ab = f;
+            this.dx = new GridFilterDialog();
+            this.dx.bn(e, this.ap, a);
+            this.ap.append(d);
+            this.dx.be(b, c);
+            this.dx.ak = 24;
+            let f = this.dx.ab;
+            this.dx.ab = false;
+            this.dx.bb();
+            this.dx.ab = f;
             let g = 18;
             let h = 18;
             d = a.createElement("div");
@@ -118,155 +125,155 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("width", "0px");
             d.setRawStyleProperty("height", h + "px");
             d.setRawStyleProperty("margin", "0 0 0 5px");
-            this.cx = d;
+            this.d5 = d;
             e = a.getSubRenderer(d);
-            this.cr = new GridSortIndicator();
-            this.cr.n = false;
-            this.cr.m = false;
-            this.cr.a0(e);
-            this.ah.append(d);
-            this.cr.au(g, h);
-            let i = this.cr;
-            i.propertyChanged = delegateCombine(i.propertyChanged, runOn(this, this.c3));
-            let j = this.cp;
-            j.dialogOpening = delegateCombine(j.dialogOpening, runOn(this, this.c4));
-            let k = this.cp;
-            k.filterChanging = delegateCombine(k.filterChanging, runOn(this, this.c6));
-            let l = this.cp;
-            l.filterChanged = delegateCombine(l.filterChanged, runOn(this, this.c5));
-            this.ah.listen("mouseenter", runOn(this, this.da));
-            this.ah.listen("mouseleave", runOn(this, this.c9));
+            this.dz = new GridSortIndicator();
+            this.dz.n = false;
+            this.dz.m = false;
+            this.dz.a0(e);
+            this.ap.append(d);
+            this.dz.au(g, h);
+            let i = this.dz;
+            i.propertyChanged = delegateCombine(i.propertyChanged, runOn(this, this.eb));
+            let j = this.dx;
+            j.dialogOpening = delegateCombine(j.dialogOpening, runOn(this, this.ec));
+            let k = this.dx;
+            k.filterChanging = delegateCombine(k.filterChanging, runOn(this, this.ee));
+            let l = this.dx;
+            l.filterChanged = delegateCombine(l.filterChanged, runOn(this, this.ed));
+            this.ap.listen("mouseenter", runOn(this, this.ei));
+            this.ap.listen("mouseleave", runOn(this, this.eh));
         }
-        c3(a, b) {
+        eb(a, b) {
             switch (b.propertyName) {
                 case "CurrentOpacity":
-                    if (this.cs.t > 0) {
-                        this.cx.setRawStyleProperty("width", "18px");
-                        if (this.ck == 2) {
-                            this.cx.setRawStyleProperty("margin", "0 5px 0 0");
+                    if (this.d0.t > 0) {
+                        this.d5.setRawStyleProperty("width", "18px");
+                        if (this.ds == 2) {
+                            this.d5.setRawStyleProperty("margin", "0 5px 0 0");
                         }
                         else {
-                            this.cx.setRawStyleProperty("margin", "0 0 0 5px");
+                            this.d5.setRawStyleProperty("margin", "0 0 0 5px");
                         }
                     }
                     else {
-                        this.cx.setRawStyleProperty("width", "0px");
-                        this.cx.setRawStyleProperty("margin", "0");
+                        this.d5.setRawStyleProperty("width", "0px");
+                        this.d5.setRawStyleProperty("margin", "0");
                     }
                     break;
             }
         }
-        da(a) {
+        ei(a) {
             if (this.b.isGridDragging) {
                 return;
             }
-            this.cp.ba();
-            switch (this.co) {
+            this.dx.ba();
+            switch (this.dw) {
                 case 2:
                 case 3:
-                    this.cp.br();
+                    this.dx.br();
                     break;
             }
         }
-        c9(a) {
-            switch (this.co) {
+        eh(a) {
+            switch (this.dw) {
                 case 2:
                 case 3:
-                    this.cp.bb();
+                    this.dx.bb();
                     break;
             }
         }
-        c5(a, b) {
+        ed(a, b) {
             this.b.columnFilterChanged(b.a);
         }
-        c6(a, b) {
+        ee(a, b) {
             this.b.columnFilterChanging(b.a);
         }
-        c4(a, b) {
+        ec(a, b) {
             if (this.b != null) {
                 b.a = this.f.getColumn();
                 this.b.cancelEditMode(false);
             }
         }
-        bq(a, b, c) {
-            super.bq(a, b, c);
-            this.ck = c;
-            this.cp.k = c;
+        cf(a, b, c) {
+            super.cf(a, b, c);
+            this.ds = c;
+            this.dx.k = c;
             if (c == 2) {
-                this.ah.removeChild(this.cx);
-                this.ah.removeChild(this.cw);
-                this.cv.before(this.cw);
-                this.cw.before(this.cx);
-                if (this.cm == 1) {
-                    this.cw.setRawStyleProperty("margin", "0 5px 0 0");
-                    this.cp.l = this.ck;
+                this.ap.removeChild(this.d5);
+                this.ap.removeChild(this.d4);
+                this.d3.before(this.d4);
+                this.d4.before(this.d5);
+                if (this.du == 1) {
+                    this.d4.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.dx.l = this.ds;
                 }
                 else {
-                    this.cw.setRawStyleProperty("margin", "0");
-                    this.cp.l = 0;
+                    this.d4.setRawStyleProperty("margin", "0");
+                    this.dx.l = 0;
                 }
             }
             else {
-                this.ah.removeChild(this.cx);
-                this.ah.removeChild(this.cv);
-                this.cw.before(this.cv);
-                this.cw.before(this.cx);
-                if (this.cm == 1) {
-                    this.cw.setRawStyleProperty("margin", "0 0 0 5px");
-                    this.cp.l = this.ck;
+                this.ap.removeChild(this.d5);
+                this.ap.removeChild(this.d3);
+                this.d4.before(this.d3);
+                this.d4.before(this.d5);
+                if (this.du == 1) {
+                    this.d4.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.dx.l = this.ds;
                 }
                 else {
-                    this.cw.setRawStyleProperty("margin", "0");
-                    this.cp.l = 2;
+                    this.d4.setRawStyleProperty("margin", "0");
+                    this.dx.l = 2;
                 }
             }
         }
-        b7(a, b, c, d) {
-            super.b7(a, b, c, d);
-            this.cp.an = a;
-            this.cp.ao = c;
+        c3(a, b, c, d) {
+            super.c3(a, b, c, d);
+            this.dx.an = a;
+            this.dx.ao = c;
         }
-        c8() {
-            if (this.cm == 2 || this.cm == 0) {
-                if (this.ck == 2) {
-                    this.cp.l = 0;
+        eg() {
+            if (this.du == 2 || this.du == 0) {
+                if (this.ds == 2) {
+                    this.dx.l = 0;
                 }
                 else {
-                    this.cp.l = 2;
+                    this.dx.l = 2;
                 }
             }
             else {
-                this.cp.l = this.ck;
-                if (this.ck == 2) {
-                    this.cw.setRawStyleProperty("margin", "0 5px 0 0");
+                this.dx.l = this.ds;
+                if (this.ds == 2) {
+                    this.d4.setRawStyleProperty("margin", "0 5px 0 0");
                 }
                 else {
-                    this.cw.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.d4.setRawStyleProperty("margin", "0 0 0 5px");
                 }
             }
         }
-        c7() {
-            switch (this.co) {
+        ef() {
+            switch (this.dw) {
                 case 1:
-                    this.cp.ab = false;
-                    this.cp.br();
+                    this.dx.ab = false;
+                    this.dx.br();
                     break;
                 case 2:
-                    this.cp.ab = false;
+                    this.dx.ab = false;
                     break;
                 case 3:
-                    this.cp.ab = true;
+                    this.dx.ab = true;
                     break;
             }
         }
-        bs(a, b, c) {
-            super.bs(a, b, c);
+        ch(a, b, c) {
+            super.ch(a, b, c);
             switch (a) {
                 case "ColumnOptionsIconAlignment":
-                    this.c8();
+                    this.eg();
                     break;
                 case "ColumnOptionsIconBehavior":
-                    this.c7();
+                    this.ef();
                     break;
             }
         }
@@ -274,25 +281,25 @@ export let TextHeaderCell = /*@__PURE__*/ (() => {
             if (e_.button == 2) {
                 return;
             }
-            let b = this.cp.ad(e_);
+            let b = this.dx.ad(e_);
             if (b) {
-                this.ct = true;
+                this.d1 = true;
                 return;
             }
             super.onContactStarted(e_, a);
         }
         onContactCompleted(e_, a) {
-            if (!this.ct) {
+            if (!this.d1) {
                 super.onContactCompleted(e_, a);
             }
-            this.ct = false;
+            this.d1 = false;
         }
         detach() {
             super.detach();
-            if (this.cp != null) {
+            if (this.dx != null) {
             }
         }
-        get_x() {
+        get_ac() {
             return true;
         }
     }

package/esm2015/lib/TextHeaderCellPresenter.js

@@ -23,59 +23,59 @@ export let TextHeaderCellPresenter = /*@__PURE__*/ (() => {
         b(a) {
             super.b(a);
             let b = a;
-            if (a.a3) {
-                if (a.a8(TextCellModel.mj)) {
-                    b.j3 = b.ml;
-                    this.d.cy.setRawText(b.j3);
+            if (a.a7) {
+                if (a.bc(TextCellModel.nw)) {
+                    b.ku = b.ny;
+                    this.d.c5(this.d.d6, b.ku);
                 }
-                if (a.a8(CellModel.g4)) {
-                    let c = this.d.cs.m;
-                    if (a.bp) {
-                        this.d.cs.m = false;
+                if (a.bc(CellModel.hg)) {
+                    let c = this.d.d0.m;
+                    if (a.bt) {
+                        this.d.d0.m = false;
                     }
-                    this.d.cs.b = a.n;
-                    if (a.bp) {
-                        this.d.cs.m = c;
+                    this.d.d0.b = a.n;
+                    if (a.bt) {
+                        this.d.d0.m = c;
                     }
                 }
-                if (a.a8(CellModel.g5)) {
-                    let d = this.d.cs.m;
-                    if (a.bp) {
-                        this.d.cs.m = false;
+                if (a.bc(CellModel.hh)) {
+                    let d = this.d.d0.m;
+                    if (a.bt) {
+                        this.d.d0.m = false;
                     }
-                    this.d.cs.a3 = a.me;
-                    if (a.bp) {
-                        this.d.cs.m = d;
+                    this.d.d0.a3 = a.no;
+                    if (a.bt) {
+                        this.d.d0.m = d;
                     }
                 }
-                if (a.a7("IsColumnOptionsEnabled")) {
-                    let e = b.mu;
+                if (a.bb("IsColumnOptionsEnabled")) {
+                    let e = b.n7;
                     if (e) {
                         e = this.e();
                     }
-                    this.d.cu = e;
-                    this.d.cw.setRawStyleProperty("display", e ? "inline-block" : "none");
-                    this.a.b9(a.he, (a.gm + a.go + a.e2 + a.e5));
+                    this.d.d2 = e;
+                    this.d.d4.setRawStyleProperty("display", e ? "inline-block" : "none");
+                    this.a.c8(a.h2, (a.gy + a.g0 + a.fe + a.fh));
                 }
-                if (a.a7("SortIndicatorStyle")) {
-                    this.d.cs.f = b.ms;
+                if (a.bb("SortIndicatorStyle")) {
+                    this.d.d0.f = b.n5;
                 }
-                if (a.a7("ColumnOptionsIconAlignment")) {
-                    this.d.cm = b.mo;
+                if (a.bb("ColumnOptionsIconAlignment")) {
+                    this.d.du = b.n1;
                 }
-                if (a.a7("ColumnOptionsIconBehavior")) {
-                    this.d.co = b.mq;
+                if (a.bb("ColumnOptionsIconBehavior")) {
+                    this.d.dw = b.n3;
                 }
-                if (a.a7("ColumnOptionsIconColor")) {
-                    this.d.cq.bw = b.m6;
+                if (a.bb("ColumnOptionsIconColor")) {
+                    this.d.dy.bw = b.oj;
                 }
-                if (a.a7("Path") || (this.d.cq.n != null && this.d.cq.n.grid == null)) {
+                if (a.bb("Path") || (this.d.dy.n != null && this.d.dy.n.grid == null)) {
                     let f = a.e.getColumn();
-                    if (f != this.d.cq.n) {
-                        this.d.cq.n = f;
+                    if (f != this.d.dy.n) {
+                        this.d.dy.n = f;
                     }
                 }
-                ContentCellModelHelper.a(this.a.ae, b, this.a.ah, this.d.cy, this.a);
+                ContentCellModelHelper.a(this.a.ak, b, this.a.ap, this.d.d6, this.a);
             }
         }
         e() {

package/esm2015/lib/TextIconSetConditionalStyle.js

@@ -12,6 +12,7 @@ import { Convert } from "igniteui-webcomponents-core";
 import { enumGetBox, markType } from "igniteui-webcomponents-core";
 import { GridConditionalStyleCollection } from "./GridConditionalStyleCollection";
 import { GridConditionalStyleProperty } from "./GridConditionalStyleProperty";
+import { GridConditionalStyleFontInfo } from "./GridConditionalStyleFontInfo";
 import { GridStyleRepository } from "./GridStyleRepository";
 import { intDivide } from "igniteui-webcomponents-core";
 /**
@@ -75,19 +76,23 @@ export let TextIconSetConditionalStyle = /*@__PURE__*/ (() => {
                     h.t = true;
                     h.u = true;
                     let i = new GridConditionalStyleProperty();
-                    i.aj = 0;
-                    i.b9 = "TextValue";
-                    i.bc = b[d];
+                    i.al = 0;
+                    i.cs = "TextValue";
+                    i.cv = b[d];
                     h.properties.add(i);
                     i = new GridConditionalStyleProperty();
-                    i.aj = 0;
-                    i.b9 = "TextColor";
-                    i.bc = c[d];
+                    i.al = 0;
+                    i.cs = "TextColor";
+                    i.c8 = c[d];
                     h.properties.add(i);
                     i = new GridConditionalStyleProperty();
-                    i.aj = 0;
-                    i.b9 = "FontInfo";
-                    i.bc = GridStyleRepository.i;
+                    i.al = 0;
+                    i.cs = "FontInfo";
+                    i.aj = ((() => {
+                        let $ret = new GridConditionalStyleFontInfo();
+                        $ret.textStyle = GridStyleRepository.i;
+                        return $ret;
+                    })());
                     h.properties.add(i);
                     a.add(h);
                 }