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

package/esm2015/lib/TextCell.js

@@ -8,44 +8,44 @@ import { GridCellBase } from "./GridCellBase";
 import { markType } from "igniteui-webcomponents-core";
 let TextCell = /*@__PURE__*/ (() => {
     class TextCell extends GridCellBase {
-        get dw() {
-            return this.dv;
+        get dx() {
+            return this.dw;
         }
-        db(a, b) {
-            super.db(a, b);
+        dc(a, b) {
+            super.dc(a, b);
             let c = Math.max(0, a - b - (this.bd + this.bf + this.be));
-            if (this.dy != c) {
-                this.dy = c;
-                this.dv.setRawStyleProperty("max-width", c.toString() + "px");
+            if (this.dz != c) {
+                this.dz = c;
+                this.dw.setRawStyleProperty("max-width", c.toString() + "px");
             }
         }
         c1(a, b) {
             super.c1(a, b);
             let c = Math.max(0, a - b);
-            if (this.dx != c) {
-                this.dx = c;
-                this.dv.setRawStyleProperty("max-height", c.toString() + "px");
+            if (this.dy != c) {
+                this.dy = c;
+                this.dw.setRawStyleProperty("max-height", c.toString() + "px");
             }
         }
         constructor(a) {
             super(a);
-            this.dv = null;
+            this.dw = null;
+            this.dz = -1;
             this.dy = -1;
-            this.dx = -1;
             this.ar.setRawStyleProperty("text-align", "left");
             this.ar.setRawStyleProperty("vertical-align", "middle");
-            this.dv = a.createElement("span");
-            this.dv.setRawStyleProperty("display", "inline-block");
-            this.dv.setRawStyleProperty("overflow", "hidden");
-            this.dv.setRawStyleProperty("white-space", "nowrap");
-            this.dv.setRawStyleProperty("text-overflow", "ellipsis");
-            this.da(this.dv, 1);
-            this.ar.append(this.dv);
+            this.dw = a.createElement("span");
+            this.dw.setRawStyleProperty("display", "inline-block");
+            this.dw.setRawStyleProperty("overflow", "hidden");
+            this.dw.setRawStyleProperty("white-space", "nowrap");
+            this.dw.setRawStyleProperty("text-overflow", "ellipsis");
+            this.db(this.dw, 1);
+            this.ar.append(this.dw);
         }
         c0(a, b) {
             super.c0(a, b);
-            if (a == this.dv) {
-                this.dv.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
             }
         }
         get_ae() {
@@ -54,7 +54,7 @@ let TextCell = /*@__PURE__*/ (() => {
         ck(a, b, c) {
             super.ck(a, b, c);
             if (a == "Indent" || a == "IsCollapsable") {
-                this.dv.setRawStyleProperty("margin-left", this.bd + this.bf + this.be + "px");
+                this.dw.setRawStyleProperty("margin-left", this.bd + this.bf + this.be + "px");
             }
         }
     }

package/esm2015/lib/TextCellPresenter.js

@@ -20,26 +20,26 @@ let TextCellPresenter = /*@__PURE__*/ (() => {
             super.b(a);
             let b = a;
             if (a.a7) {
-                if (a.bc(TextCellModel.n0) || a.bc(TextCellModel.h2) || a.bc(TextCellModel.gx)) {
-                    b.kx = this.e(b);
-                    this.d.c8(this.d.dw, b.kx);
+                if (a.bc(TextCellModel.n1) || a.bc(TextCellModel.h3) || a.bc(TextCellModel.gy)) {
+                    b.ky = this.e(b);
+                    this.d.c8(this.d.dx, b.ky);
                 }
-                ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.dw, this.a);
+                ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.dx, this.a);
             }
         }
         e(a) {
-            if (a.lt != null) {
-                return a.lt;
+            if (a.lu != null) {
+                return a.lu;
             }
-            if (a.n2 != null) {
-                return a.n2;
+            if (a.n3 != null) {
+                return a.n3;
             }
             else {
-                if (a.ie == null) {
+                if (a.ig == null) {
                     return "";
                 }
                 else {
-                    return a.ie.toString();
+                    return a.ig.toString();
                 }
             }
         }

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.b0();
         }
         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.ca(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.b1(b, c);
+            this.d1.ar = 24;
+            let f = this.d1.ai;
+            this.d1.ai = false;
+            this.d1.by();
+            this.d1.ai = f;
             let g = 18;
             let h = 18;
             d = a.createElement("div");
@@ -122,71 +122,70 @@ 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) {
+            switch (this.d0) {
                 case 2:
                 case 3:
-                    this.d0.br();
+                    this.d1.ce();
                     break;
             }
         }
-        ek(a) {
-            switch (this.dz) {
+        el(a) {
+            switch (this.d0) {
                 case 2:
                 case 3:
-                    this.d0.bb();
+                    this.d1.by();
                     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 +193,108 @@ 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.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;
+                if (this.dy == 1) {
+                    this.ar.removeChild(this.d9);
+                    this.ar.removeChild(this.d8);
+                    this.d7.before(this.d8);
+                    this.d8.before(this.d9);
+                    this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.d1.l = this.dw;
+                }
+                else if (this.dy == 4) {
+                    this.ar.removeChild(this.d9);
+                    this.ar.removeChild(this.d8);
+                    this.ar.append(this.d8);
+                    this.d7.before(this.d9);
+                    this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.d1.l = 2;
                 }
                 else {
-                    this.d7.setRawStyleProperty("margin", "0");
-                    this.d0.l = 0;
+                    this.ar.removeChild(this.d9);
+                    this.ar.removeChild(this.d8);
+                    this.d7.before(this.d8);
+                    this.d8.before(this.d9);
+                    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;
+                if (this.dy == 1) {
+                    this.ar.removeChild(this.d9);
+                    this.ar.removeChild(this.d7);
+                    this.d8.before(this.d7);
+                    this.d8.before(this.d9);
+                    this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.d1.l = this.dw;
+                }
+                else if (this.dy == 3) {
+                    this.ar.removeChild(this.d9);
+                    this.ar.removeChild(this.d7);
+                    this.ar.removeChild(this.d8);
+                    this.ar.append(this.d8);
+                    this.ar.append(this.d7);
+                    this.ar.append(this.d9);
+                    this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.d1.l = 0;
                 }
                 else {
-                    this.d7.setRawStyleProperty("margin", "0");
-                    this.d0.l = 2;
+                    this.ar.removeChild(this.d9);
+                    this.ar.removeChild(this.d7);
+                    this.d8.before(this.d7);
+                    this.d8.before(this.d9);
+                    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.av = a;
+            this.d1.aw = c;
         }
-        ej() {
-            if (this.dx == 2 || this.dx == 0) {
-                if (this.dv == 2) {
-                    this.d0.l = 0;
+        ek() {
+            if (this.dy == 3) {
+                this.d1.l = 0;
+                this.d8.setRawStyleProperty("margin", "0");
+            }
+            else if (this.dy == 4) {
+                this.d1.l = 2;
+                this.d8.setRawStyleProperty("margin", "0");
+            }
+            else if (this.dy == 2 || this.dy == 0) {
+                if (this.dw == 2) {
+                    this.d1.l = 0;
                 }
                 else {
-                    this.d0.l = 2;
+                    this.d1.l = 2;
                 }
+                this.d8.setRawStyleProperty("margin", "0");
             }
             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");
                 }
             }
+            this.ci(this.ar, this.d7, this.dw);
         }
-        ei() {
-            switch (this.dz) {
+        ej() {
+            switch (this.d0) {
                 case 1:
-                    this.d0.ab = false;
-                    this.d0.br();
+                    this.d1.ai = false;
+                    this.d1.ce();
                     break;
                 case 2:
-                    this.d0.ab = false;
+                    this.d1.ai = false;
                     break;
                 case 3:
-                    this.d0.ab = true;
+                    this.d1.ai = true;
                     break;
             }
         }
@@ -267,10 +302,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 +313,28 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             if (e_.button == 2) {
                 return;
             }
-            let b = this.d0.ad(e_);
+            let b = this.d1.ak(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() {