igniteui-webcomponents-data-grids 7.1.0-alpha.0 → 7.1.0-alpha.1

package/esm2015/lib/TextHeaderCell.js

@@ -12,88 +12,88 @@ import { ColumnOptionsIconAlignment_$type } from "./ColumnOptionsIconAlignment";
 import { enumGetBox, runOn, delegateCombine, markType } from "igniteui-webcomponents-core";
 let TextHeaderCell = /*@__PURE__*/ (() => {
     class TextHeaderCell extends GridCellBase {
-        get d9() {
-            return this.d6;
+        get ea() {
+            return this.d7;
         }
-        get d3() {
-            return this.d2;
+        get d4() {
+            return this.d3;
         }
-        get d1() {
-            return this.d0;
+        get d2() {
+            return this.d1;
         }
-        get dz() {
-            return this.dy;
+        get d0() {
+            return this.dz;
         }
-        set dz(a) {
-            let b = this.dy;
-            this.dy = a;
-            this.ck("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dy));
+        set d0(a) {
+            let b = this.dz;
+            this.dz = a;
+            this.ck("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dz));
         }
-        get dx() {
-            return this.dw;
+        get dy() {
+            return this.dx;
         }
-        set dx(a) {
-            let b = this.dw;
-            this.dw = a;
-            this.ck("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dw));
+        set dy(a) {
+            let b = this.dx;
+            this.dx = a;
+            this.ck("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dx));
         }
         af(a) {
             return true;
         }
-        db(a, b) {
-            super.db(a, b);
+        dc(a, b) {
+            super.dc(a, b);
             a -= 21;
-            if (this.d5) {
+            if (this.d6) {
                 a -= 15;
             }
             let c = Math.max(0, a - b);
-            if (c != this.eb) {
-                this.eb = c;
-                this.d6.setRawStyleProperty("max-width", c.toString() + "px");
+            if (c != this.ec) {
+                this.ec = c;
+                this.d7.setRawStyleProperty("max-width", c.toString() + "px");
             }
         }
         c1(a, b) {
             super.c1(a, b);
-            this.d6.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            this.d7.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
             let c = Math.max(0, a - b);
-            if (this.ea != c) {
-                this.ea = c;
-                this.d6.setRawStyleProperty("max-height", c.toString() + "px");
+            if (this.eb != c) {
+                this.eb = c;
+                this.d7.setRawStyleProperty("max-height", c.toString() + "px");
             }
         }
         c0(a, b) {
             super.c0(a, b);
-            if (a == this.d6) {
-                this.d6.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            if (a == this.d7) {
+                this.d7.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
             }
         }
-        dc(a, b, c, d) {
-            this.d0.bd();
+        dd(a, b, c, d) {
+            this.d1.bn();
         }
         constructor(a) {
             super(a);
-            this.d6 = null;
-            this.d2 = null;
-            this.d0 = null;
+            this.d7 = null;
+            this.d3 = null;
+            this.d1 = null;
+            this.dx = 0;
             this.dw = 0;
-            this.dv = 0;
-            this.dy = 3;
-            this.d8 = null;
+            this.dz = 3;
+            this.d9 = null;
+            this.ec = -1;
             this.eb = -1;
-            this.ea = -1;
-            this.d4 = false;
-            this.d7 = null;
             this.d5 = false;
-            this.d6 = a.createElement("span");
+            this.d8 = null;
+            this.d6 = false;
+            this.d7 = a.createElement("span");
             this.ar.setRawStyleProperty("text-align", "left");
             this.ar.setRawStyleProperty("vertical-align", "middle");
-            this.d6.setRawStyleProperty("display", "inline-block");
-            this.d6.setRawStyleProperty("line-height", "normal");
-            this.d6.setRawStyleProperty("vertical-align", "middle");
-            this.d6.setRawStyleProperty("overflow", "hidden");
-            this.d6.setRawStyleProperty("white-space", "nowrap");
-            this.d6.setRawStyleProperty("text-overflow", "ellipsis");
-            this.ar.append(this.d6);
+            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);
             let b = 18;
             let c = 18;
             let d = a.createElement("div");
@@ -102,17 +102,17 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("vertical-align", "middle");
             d.setRawStyleProperty("width", b + "px");
             d.setRawStyleProperty("height", c + "px");
-            this.d7 = d;
+            this.d8 = d;
             let e = a.getSubRenderer(d);
-            this.d0 = new GridFilterDialog();
-            this.d0.bn(e, this.ar, a);
+            this.d1 = new GridFilterDialog();
+            this.d1.bx(e, this.ar, a);
             this.ar.append(d);
-            this.d0.be(b, c);
-            this.d0.ak = 24;
-            let f = this.d0.ab;
-            this.d0.ab = false;
-            this.d0.bb();
-            this.d0.ab = f;
+            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;
             let g = 18;
             let h = 18;
             d = a.createElement("div");
@@ -122,71 +122,71 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("width", "0px");
             d.setRawStyleProperty("height", h + "px");
             d.setRawStyleProperty("margin", "0 0 0 5px");
-            this.d8 = d;
+            this.d9 = d;
             e = a.getSubRenderer(d);
-            this.d2 = new GridSortIndicator();
-            this.d2.n = false;
-            this.d2.m = false;
-            this.d2.a0(e);
+            this.d3 = new GridSortIndicator();
+            this.d3.n = false;
+            this.d3.m = false;
+            this.d3.a0(e);
             this.ar.append(d);
-            this.d2.au(g, h);
-            let i = this.d2;
-            i.propertyChanged = delegateCombine(i.propertyChanged, runOn(this, this.ee));
-            let j = this.d0;
-            j.dialogOpening = delegateCombine(j.dialogOpening, runOn(this, this.ef));
-            let k = this.d0;
-            k.filterChanging = delegateCombine(k.filterChanging, runOn(this, this.eh));
-            let l = this.d0;
-            l.filterChanged = delegateCombine(l.filterChanged, runOn(this, this.eg));
-            this.ar.listen("mouseenter", runOn(this, this.el));
-            this.ar.listen("mouseleave", runOn(this, this.ek));
+            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));
         }
-        ee(a, b) {
+        ef(a, b) {
             switch (b.propertyName) {
                 case "CurrentOpacity":
-                    if (this.d3.t > 0) {
-                        this.d8.setRawStyleProperty("width", "18px");
-                        if (this.dv == 2) {
-                            this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                    if (this.d4.t > 0) {
+                        this.d9.setRawStyleProperty("width", "18px");
+                        if (this.dw == 2) {
+                            this.d9.setRawStyleProperty("margin", "0 5px 0 0");
                         }
                         else {
-                            this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                            this.d9.setRawStyleProperty("margin", "0 0 0 5px");
                         }
                     }
                     else {
-                        this.d8.setRawStyleProperty("width", "0px");
-                        this.d8.setRawStyleProperty("margin", "0");
+                        this.d9.setRawStyleProperty("width", "0px");
+                        this.d9.setRawStyleProperty("margin", "0");
                     }
                     break;
             }
         }
-        el(a) {
+        em(a) {
             if (this.b.isGridDragging) {
                 return;
             }
-            this.d0.ba();
-            switch (this.dz) {
+            this.d1.bk();
+            switch (this.d0) {
                 case 2:
                 case 3:
-                    this.d0.br();
+                    this.d1.b1();
                     break;
             }
         }
-        ek(a) {
-            switch (this.dz) {
+        el(a) {
+            switch (this.d0) {
                 case 2:
                 case 3:
-                    this.d0.bb();
+                    this.d1.bl();
                     break;
             }
         }
-        eg(a, b) {
+        eh(a, b) {
             this.b.columnFilterChanged(b.a);
         }
-        eh(a, b) {
+        ei(a, b) {
             this.b.columnFilterChanging(b.a);
         }
-        ef(a, b) {
+        eg(a, b) {
             if (this.b != null) {
                 b.a = this.f.getColumn();
                 this.b.cancelEditMode(false);
@@ -194,72 +194,72 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
         }
         ci(a, b, c) {
             super.ci(a, b, c);
-            this.dv = c;
-            this.d0.k = c;
+            this.dw = c;
+            this.d1.k = c;
             if (c == 2) {
+                this.ar.removeChild(this.d9);
                 this.ar.removeChild(this.d8);
-                this.ar.removeChild(this.d7);
-                this.d6.before(this.d7);
                 this.d7.before(this.d8);
-                if (this.dx == 1) {
-                    this.d7.setRawStyleProperty("margin", "0 5px 0 0");
-                    this.d0.l = this.dv;
+                this.d8.before(this.d9);
+                if (this.dy == 1) {
+                    this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.d1.l = this.dw;
                 }
                 else {
-                    this.d7.setRawStyleProperty("margin", "0");
-                    this.d0.l = 0;
+                    this.d8.setRawStyleProperty("margin", "0");
+                    this.d1.l = 0;
                 }
             }
             else {
-                this.ar.removeChild(this.d8);
-                this.ar.removeChild(this.d6);
-                this.d7.before(this.d6);
-                this.d7.before(this.d8);
-                if (this.dx == 1) {
-                    this.d7.setRawStyleProperty("margin", "0 0 0 5px");
-                    this.d0.l = this.dv;
+                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;
                 }
                 else {
-                    this.d7.setRawStyleProperty("margin", "0");
-                    this.d0.l = 2;
+                    this.d8.setRawStyleProperty("margin", "0");
+                    this.d1.l = 2;
                 }
             }
         }
         c6(a, b, c, d) {
             super.c6(a, b, c, d);
-            this.d0.an = a;
-            this.d0.ao = c;
+            this.d1.ap = a;
+            this.d1.aq = c;
         }
-        ej() {
-            if (this.dx == 2 || this.dx == 0) {
-                if (this.dv == 2) {
-                    this.d0.l = 0;
+        ek() {
+            if (this.dy == 2 || this.dy == 0) {
+                if (this.dw == 2) {
+                    this.d1.l = 0;
                 }
                 else {
-                    this.d0.l = 2;
+                    this.d1.l = 2;
                 }
             }
             else {
-                this.d0.l = this.dv;
-                if (this.dv == 2) {
-                    this.d7.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d1.l = this.dw;
+                if (this.dw == 2) {
+                    this.d8.setRawStyleProperty("margin", "0 5px 0 0");
                 }
                 else {
-                    this.d7.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.d8.setRawStyleProperty("margin", "0 0 0 5px");
                 }
             }
         }
-        ei() {
-            switch (this.dz) {
+        ej() {
+            switch (this.d0) {
                 case 1:
-                    this.d0.ab = false;
-                    this.d0.br();
+                    this.d1.ad = false;
+                    this.d1.b1();
                     break;
                 case 2:
-                    this.d0.ab = false;
+                    this.d1.ad = false;
                     break;
                 case 3:
-                    this.d0.ab = true;
+                    this.d1.ad = true;
                     break;
             }
         }
@@ -267,10 +267,10 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             super.ck(a, b, c);
             switch (a) {
                 case "ColumnOptionsIconAlignment":
-                    this.ej();
+                    this.ek();
                     break;
                 case "ColumnOptionsIconBehavior":
-                    this.ei();
+                    this.ej();
                     break;
             }
         }
@@ -278,22 +278,28 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             if (e_.button == 2) {
                 return;
             }
-            let b = this.d0.ad(e_);
+            let b = this.d1.af(e_);
             if (b) {
-                this.d4 = true;
+                this.d5 = true;
                 return;
             }
             super.onContactStarted(e_, a);
         }
         onContactCompleted(e_, a) {
-            if (!this.d4) {
+            if (!this.d5) {
                 super.onContactCompleted(e_, a);
             }
-            this.d4 = false;
+            this.d5 = false;
         }
         detach() {
             super.detach();
-            if (this.d0 != null) {
+            if (this.d1 != null) {
+            }
+        }
+        da(a) {
+            super.da(a);
+            if (this.d2 != null) {
+                this.d2.x = a;
             }
         }
         get_ac() {

package/esm2015/lib/TextHeaderCellPresenter.js

@@ -6,6 +6,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 */
 import { CellPresenterBase } from "./CellPresenterBase";
 import { CellModel } from "./CellModel";
+import { TextHeaderCellModel } from "./TextHeaderCellModel";
 import { TextCellModel } from "./TextCellModel";
 import { ContentCellModelHelper } from "./ContentCellModelHelper";
 import { TypeRegistrar, markType } from "igniteui-webcomponents-core";
@@ -23,56 +24,77 @@ let TextHeaderCellPresenter = /*@__PURE__*/ (() => {
             if (a.a7) {
                 if (a.bc(TextCellModel.n0)) {
                     b.kx = b.n2;
-                    this.d.c8(this.d.d9, b.kx);
+                    this.d.c8(this.d.ea, b.kx);
                 }
                 if (a.bc(CellModel.hi)) {
-                    let c = this.d.d3.m;
+                    let c = this.d.d4.m;
                     if (a.bt) {
-                        this.d.d3.m = false;
+                        this.d.d4.m = false;
                     }
-                    this.d.d3.b = a.n;
+                    this.d.d4.b = a.n;
                     if (a.bt) {
-                        this.d.d3.m = c;
+                        this.d.d4.m = c;
                     }
                 }
                 if (a.bc(CellModel.hj)) {
-                    let d = this.d.d3.m;
+                    let d = this.d.d4.m;
                     if (a.bt) {
-                        this.d.d3.m = false;
+                        this.d.d4.m = false;
                     }
-                    this.d.d3.a3 = a.ns;
+                    this.d.d4.a3 = a.ns;
                     if (a.bt) {
-                        this.d.d3.m = d;
+                        this.d.d4.m = d;
                     }
                 }
                 if (a.bb("IsColumnOptionsEnabled")) {
-                    let e = b.ob;
+                    let e = b.od;
                     if (e) {
                         e = this.e();
                     }
-                    this.d.d5 = e;
-                    this.d.d7.setRawStyleProperty("display", e ? "inline-block" : "none");
-                    this.a.db(a.h5, (a.g0 + a.g2 + a.fg + a.fj));
+                    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));
                 }
                 if (a.bb("SortIndicatorStyle")) {
-                    this.d.d3.f = b.n9;
+                    this.d.d4.f = b.n9;
                 }
                 if (a.bb("ColumnOptionsIconAlignment")) {
-                    this.d.dx = b.n5;
+                    this.d.dy = b.n5;
                 }
                 if (a.bb("ColumnOptionsIconBehavior")) {
-                    this.d.dz = b.n7;
+                    this.d.d0 = b.n7;
                 }
                 if (a.bb("ColumnOptionsIconColor")) {
-                    this.d.d1.bw = b.on;
+                    this.d.d2.ci = b.pd;
                 }
-                if (a.bb("Path") || (this.d.d1.n != null && this.d.d1.n.grid == null)) {
+                if (a.bb("Path") || (this.d.d2.n != null && this.d.d2.n.grid == null)) {
                     let f = a.e.getColumn();
-                    if (f != this.d.d1.n) {
-                        this.d.d1.n = f;
+                    if (f != this.d.d2.n) {
+                        this.d.d2.n = f;
                     }
                 }
-                ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.d9, this.a);
+                if (a.bc(TextHeaderCellModel.on)) {
+                    this.d.da(b.ob);
+                }
+                if (a.bc(TextHeaderCellModel.of)) {
+                    this.d.d2.cd = b.pa;
+                }
+                if (a.bc(TextHeaderCellModel.om)) {
+                    this.d.d2.ch = b.pf;
+                }
+                if (a.bc(TextHeaderCellModel.ol)) {
+                    this.d.d2.cg = b.pe;
+                }
+                if (a.bc(TextHeaderCellModel.og)) {
+                    this.d.d2.ce = b.pb;
+                }
+                if (a.bc(TextHeaderCellModel.oh)) {
+                    this.d.d2.cf = b.pc;
+                }
+                if (a.bc(TextHeaderCellModel.oe)) {
+                    this.d.d2.cc = b.o9;
+                }
+                ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.ea, this.a);
             }
         }
         e() {

package/esm2015/lib/TextIconSetConditionalStyle.js

@@ -46,9 +46,9 @@ let TextIconSetConditionalStyle = /*@__PURE__*/ (() => {
                 case 3:
                 case 2:
                 case 1:
-                case 0: return [BrushUtil.j(255, 26, 199, 32), BrushUtil.j(255, 252, 171, 20), BrushUtil.j(255, 217, 76, 48)];
+                case 0: return [BrushUtil.l(255, 26, 199, 32), BrushUtil.l(255, 252, 171, 20), BrushUtil.l(255, 217, 76, 48)];
             }
-            return [BrushUtil.j(255, 26, 199, 32), BrushUtil.j(255, 252, 171, 20), BrushUtil.j(255, 217, 76, 48)];
+            return [BrushUtil.l(255, 26, 199, 32), BrushUtil.l(255, 252, 171, 20), BrushUtil.l(255, 217, 76, 48)];
         }
         aw(a) {
             let b = new Array(intDivide(a.length, 2));
@@ -87,7 +87,7 @@ let TextIconSetConditionalStyle = /*@__PURE__*/ (() => {
                     i.cs = "FontInfo";
                     i.aj = ((() => {
                         let $ret = new GridConditionalStyleFontInfo();
-                        $ret.textStyle = GridStyleRepository.i;
+                        $ret.textStyle = GridStyleRepository.d(this.g.grid.theme, 33);
                         return $ret;
                     })());
                     h.properties.add(i);

package/esm2015/lib/VerticalSeparatorCell.js

@@ -11,56 +11,56 @@ let VerticalSeparatorCell = /*@__PURE__*/ (() => {
     class VerticalSeparatorCell extends GridCellBase {
         constructor(a) {
             super(a);
+            this.dx = null;
             this.dw = null;
-            this.dv = null;
-            this.dx = 0;
             this.dy = 0;
-            this.dw = a.createElement("div");
-            this.dw.setRawStyleProperty("position", "absolute");
-            this.dw.setRawStyleProperty("pointer-events", "none");
-            this.ar.append(this.dw);
+            this.dz = 0;
+            this.dx = a.createElement("div");
+            this.dx.setRawStyleProperty("position", "absolute");
+            this.dx.setRawStyleProperty("pointer-events", "none");
+            this.ar.append(this.dx);
         }
         cx(a, b, c, d, e) {
             if (a == null) {
-                if (this.dv != null) {
-                    this.dv.remove();
-                    this.dv = null;
+                if (this.dw != null) {
+                    this.dw.remove();
+                    this.dw = null;
                 }
             }
             else {
-                this.dz();
-                this.dx = b;
-                this.dy = d;
+                this.d0();
+                this.dy = b;
+                this.dz = d;
             }
-            this.d0();
+            this.d1();
         }
-        db(a, b) {
-            super.db(a, b);
-            this.d0();
+        dc(a, b) {
+            super.dc(a, b);
+            this.d1();
         }
         cw(a) {
-            this.dw.setRawStyleProperty("background-color", a.colorString);
+            this.dx.setRawStyleProperty("background-color", a.colorString);
         }
-        d0() {
-            if (this.dv != null) {
+        d1() {
+            if (this.dw != null) {
+                this.dx.setRawStyleProperty("height", "100%");
+                this.dx.setRawStyleProperty("width", this.ar.width() - (this.dy + this.dz) + "px");
+                this.dx.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
+                this.dw.setRawStyleProperty("width", "100%");
                 this.dw.setRawStyleProperty("height", "100%");
-                this.dw.setRawStyleProperty("width", this.ar.width() - (this.dx + this.dy) + "px");
-                this.dw.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
-                this.dv.setRawStyleProperty("width", "100%");
-                this.dv.setRawStyleProperty("height", "100%");
             }
             else {
-                this.dw.setRawStyleProperty("height", "100%");
-                this.dw.setRawStyleProperty("width", this.ar.width() + "px");
-                this.dw.setRawStyleProperty("left", "0px");
+                this.dx.setRawStyleProperty("height", "100%");
+                this.dx.setRawStyleProperty("width", this.ar.width() + "px");
+                this.dx.setRawStyleProperty("left", "0px");
             }
         }
-        dz() {
-            if (this.dv == null) {
-                this.dv = this.am.createElement("div");
-                this.dv.setRawStyleProperty("position", "absolute");
-                this.dv.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
-                this.ar.getNativeElement().insertBefore(this.dv.getNativeElement(), this.dw.getNativeElement());
+        d0() {
+            if (this.dw == null) {
+                this.dw = this.am.createElement("div");
+                this.dw.setRawStyleProperty("position", "absolute");
+                this.dw.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
+                this.ar.getNativeElement().insertBefore(this.dw.getNativeElement(), this.dx.getNativeElement());
             }
         }
     }