igniteui-webcomponents-data-grids 7.1.0-beta.2 → 7.1.0-beta.3

package/esm2015/lib/TextHeaderCell.js

@@ -12,8 +12,11 @@ import { ColumnOptionsIconAlignment_$type } from "./ColumnOptionsIconAlignment";
 import { enumGetBox, runOn, delegateCombine, markType } from "igniteui-webcomponents-core";
 let TextHeaderCell = /*@__PURE__*/ (() => {
     class TextHeaderCell extends GridCellBase {
-        get ed() {
-            return this.ea;
+        get ef() {
+            return this.ec;
+        }
+        get d9() {
+            return this.d8;
         }
         get d7() {
             return this.d6;
@@ -21,79 +24,81 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
         get d5() {
             return this.d4;
         }
+        set d5(a) {
+            let b = this.d4;
+            this.d4 = a;
+            this.cn("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.d4));
+        }
         get d3() {
             return this.d2;
         }
         set d3(a) {
             let b = this.d2;
             this.d2 = a;
-            this.cl("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.d2));
-        }
-        get d1() {
-            return this.d0;
-        }
-        set d1(a) {
-            let b = this.d0;
-            this.d0 = a;
-            this.cl("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.d0));
+            this.cn("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.d2));
         }
         af(a) {
             return true;
         }
-        dd(a, b) {
-            super.dd(a, b);
-            a -= 21;
-            if (this.d9) {
-                a -= 15;
+        df(a, b) {
+            super.df(a, b);
+            let c = a - b;
+            if (this.d9.t > 0) {
+                c -= 23;
             }
-            let c = Math.max(0, a - b);
-            if (c != this.ef) {
-                this.ef = c;
-                this.ea.setRawStyleProperty("max-width", c.toString() + "px");
+            if (this.eb) {
+                c -= 23;
+            }
+            c = Math.max(0, c);
+            if (c != this.eh) {
+                this.eh = c;
+                this.ec.setRawStyleProperty("max-width", c.toString() + "px");
             }
         }
-        c2(a, b) {
-            super.c2(a, b);
-            this.ea.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        c4(a, b) {
+            super.c4(a, b);
+            this.ec.setRawStyleProperty("line-height", (this.bh - this.bi).toString() + "px");
             let c = Math.max(0, a - b);
-            if (this.ee != c) {
-                this.ee = c;
-                this.ea.setRawStyleProperty("max-height", c.toString() + "px");
+            if (this.eg != c) {
+                this.eg = c;
+                this.ec.setRawStyleProperty("max-height", c.toString() + "px");
             }
         }
-        c1(a, b) {
-            super.c1(a, b);
-            if (a == this.ea) {
-                this.ea.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        c3(a, b) {
+            super.c3(a, b);
+            if (a == this.ec) {
+                this.ec.setRawStyleProperty("line-height", (this.bh - this.bi).toString() + "px");
             }
         }
-        de(a, b, c, d) {
-            this.d4.b1();
+        dg(a, b, c, d) {
+            this.d6.b4();
         }
         constructor(a) {
             super(a);
-            this.ea = null;
-            this.d6 = null;
-            this.d4 = null;
-            this.d0 = 0;
-            this.dz = 0;
-            this.d2 = 3;
             this.ec = null;
-            this.ef = -1;
-            this.ee = -1;
-            this.d8 = false;
-            this.eb = null;
-            this.d9 = false;
-            this.ea = a.createElement("span");
+            this.d8 = null;
+            this.d6 = null;
+            this.d2 = 0;
+            this.d1 = 0;
+            this.d4 = 3;
+            this.ee = null;
+            this.eh = -1;
+            this.eg = -1;
+            this.ea = false;
+            this.ed = null;
+            this.eb = false;
+            this.eb = true;
+            this.ec = a.createElement("span");
             this.ar.setRawStyleProperty("text-align", "left");
             this.ar.setRawStyleProperty("vertical-align", "middle");
-            this.ea.setRawStyleProperty("display", "inline-block");
-            this.ea.setRawStyleProperty("line-height", "normal");
-            this.ea.setRawStyleProperty("vertical-align", "middle");
-            this.ea.setRawStyleProperty("overflow", "hidden");
-            this.ea.setRawStyleProperty("white-space", "nowrap");
-            this.ea.setRawStyleProperty("text-overflow", "ellipsis");
-            this.ar.append(this.ea);
+            this.ar.setRawStyleProperty("white-space", "nowrap");
+            this.ec.setRawStyleProperty("display", "inline-block");
+            this.ec.setRawStyleProperty("line-height", "normal");
+            this.ec.setRawStyleProperty("vertical-align", "middle");
+            this.ec.setRawStyleProperty("overflow", "hidden");
+            this.ec.setRawStyleProperty("white-space", "nowrap");
+            this.ec.setRawStyleProperty("text-overflow", "ellipsis");
+            this.ar.append(this.ec);
             let b = 18;
             let c = 18;
             let d = a.createElement("div");
@@ -102,17 +107,17 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("vertical-align", "middle");
             d.setRawStyleProperty("width", b + "px");
             d.setRawStyleProperty("height", c + "px");
-            this.eb = d;
+            this.ed = d;
             let e = a.getSubRenderer(d);
-            this.d4 = new GridFilterDialog();
-            this.d4.cb(e, this.ar, a);
+            this.d6 = new GridFilterDialog();
+            this.d6.ce(e, this.ar, a);
             this.ar.append(d);
-            this.d4.b2(b, c);
-            this.d4.ar = 24;
-            let f = this.d4.ai;
-            this.d4.ai = false;
-            this.d4.bz();
-            this.d4.ai = f;
+            this.d6.b5(b, c);
+            this.d6.ar = 24;
+            let f = this.d6.ai;
+            this.d6.ai = false;
+            this.d6.b2();
+            this.d6.ai = f;
             let g = 18;
             let h = 18;
             d = a.createElement("div");
@@ -122,190 +127,191 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("width", "0px");
             d.setRawStyleProperty("height", h + "px");
             d.setRawStyleProperty("margin", "0 0 0 5px");
-            this.ec = d;
+            this.ee = d;
             e = a.getSubRenderer(d);
-            this.d6 = new GridSortIndicator();
-            this.d6.n = false;
-            this.d6.m = false;
-            this.d6.a0(e);
+            this.d8 = new GridSortIndicator();
+            this.d8.n = false;
+            this.d8.m = false;
+            this.d8.a0(e);
             this.ar.append(d);
-            this.d6.au(g, h);
-            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));
+            this.d8.au(g, h);
+            let i = this.d8;
+            i.propertyChanged = delegateCombine(i.propertyChanged, runOn(this, this.ek));
+            let j = this.d6;
+            j.dialogOpening = delegateCombine(j.dialogOpening, runOn(this, this.el));
+            let k = this.d6;
+            k.filterChanging = delegateCombine(k.filterChanging, runOn(this, this.en));
+            let l = this.d6;
+            l.filterChanged = delegateCombine(l.filterChanged, runOn(this, this.em));
+            this.ar.listen("mouseenter", runOn(this, this.er));
+            this.ar.listen("mouseleave", runOn(this, this.eq));
         }
-        ei(a, b) {
+        ek(a, b) {
             switch (b.propertyName) {
                 case "CurrentOpacity":
-                    if (this.d7.t > 0) {
-                        this.ec.setRawStyleProperty("width", "18px");
-                        if (this.dz == 2) {
-                            this.ec.setRawStyleProperty("margin", "0 5px 0 0");
+                    if (this.d9.t > 0) {
+                        this.ee.setRawStyleProperty("width", "18px");
+                        if (this.d1 == 2) {
+                            this.ee.setRawStyleProperty("margin", "0 5px 0 0");
                         }
                         else {
-                            this.ec.setRawStyleProperty("margin", "0 0 0 5px");
+                            this.ee.setRawStyleProperty("margin", "0 0 0 5px");
                         }
                     }
                     else {
-                        this.ec.setRawStyleProperty("width", "0px");
-                        this.ec.setRawStyleProperty("margin", "0");
+                        this.ee.setRawStyleProperty("width", "0px");
+                        this.ee.setRawStyleProperty("margin", "0");
                     }
+                    this.df(this.bk, this.bl);
                     break;
             }
         }
-        ep(a) {
+        er(a) {
             if (this.b.isGridDragging) {
                 return;
             }
-            switch (this.d3) {
+            switch (this.d5) {
                 case 2:
                 case 3:
-                    this.d4.cf();
+                    this.d6.ci();
                     break;
             }
         }
-        eo(a) {
-            switch (this.d3) {
+        eq(a) {
+            switch (this.d5) {
                 case 2:
                 case 3:
-                    this.d4.bz();
+                    this.d6.b2();
                     break;
             }
         }
-        ek(a, b) {
+        em(a, b) {
             this.b.columnFilterChanged(b.a);
         }
-        el(a, b) {
+        en(a, b) {
             this.b.columnFilterChanging(b.a);
         }
-        ej(a, b) {
+        el(a, b) {
             if (this.b != null) {
                 b.a = this.f.getColumn();
                 this.b.cancelEditMode(false);
             }
         }
-        cj(a, b, c) {
-            super.cj(a, b, c);
-            this.dz = c;
-            this.d4.k = c;
+        cl(a, b, c) {
+            super.cl(a, b, c);
+            this.d1 = c;
+            this.d6.k = c;
             if (c == 2) {
-                if (this.d1 == 1) {
-                    this.ar.removeChild(this.ec);
-                    this.ar.removeChild(this.eb);
-                    this.ea.before(this.eb);
-                    this.eb.before(this.ec);
-                    this.eb.setRawStyleProperty("margin", "0 5px 0 0");
-                    this.d4.l = this.dz;
+                if (this.d3 == 1) {
+                    this.ar.removeChild(this.ee);
+                    this.ar.removeChild(this.ed);
+                    this.ec.before(this.ed);
+                    this.ed.before(this.ee);
+                    this.ed.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.d6.l = this.d1;
                 }
-                else if (this.d1 == 4) {
-                    this.ar.removeChild(this.ec);
-                    this.ar.removeChild(this.eb);
-                    this.ar.append(this.eb);
-                    this.ea.before(this.ec);
-                    this.eb.setRawStyleProperty("margin", "0 0 0 5px");
-                    this.d4.l = 2;
+                else if (this.d3 == 4) {
+                    this.ar.removeChild(this.ee);
+                    this.ar.removeChild(this.ed);
+                    this.ar.append(this.ed);
+                    this.ec.before(this.ee);
+                    this.ed.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.d6.l = 2;
                 }
                 else {
-                    this.ar.removeChild(this.ec);
-                    this.ar.removeChild(this.eb);
-                    this.ea.before(this.eb);
-                    this.eb.before(this.ec);
-                    this.eb.setRawStyleProperty("margin", "0");
-                    this.d4.l = 0;
+                    this.ar.removeChild(this.ee);
+                    this.ar.removeChild(this.ed);
+                    this.ec.before(this.ed);
+                    this.ed.before(this.ee);
+                    this.ed.setRawStyleProperty("margin", "0");
+                    this.d6.l = 0;
                 }
             }
             else {
-                if (this.d1 == 1) {
+                if (this.d3 == 1) {
+                    this.ar.removeChild(this.ee);
                     this.ar.removeChild(this.ec);
-                    this.ar.removeChild(this.ea);
-                    this.eb.before(this.ea);
-                    this.eb.before(this.ec);
-                    this.eb.setRawStyleProperty("margin", "0 0 0 5px");
-                    this.d4.l = this.dz;
+                    this.ed.before(this.ec);
+                    this.ed.before(this.ee);
+                    this.ed.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.d6.l = this.d1;
                 }
-                else if (this.d1 == 3) {
+                else if (this.d3 == 3) {
+                    this.ar.removeChild(this.ee);
                     this.ar.removeChild(this.ec);
-                    this.ar.removeChild(this.ea);
-                    this.ar.removeChild(this.eb);
-                    this.ar.append(this.eb);
-                    this.ar.append(this.ea);
+                    this.ar.removeChild(this.ed);
+                    this.ar.append(this.ed);
                     this.ar.append(this.ec);
-                    this.eb.setRawStyleProperty("margin", "0 5px 0 0");
-                    this.d4.l = 0;
+                    this.ar.append(this.ee);
+                    this.ed.setRawStyleProperty("margin", "0 5px 0 0");
+                    this.d6.l = 0;
                 }
                 else {
+                    this.ar.removeChild(this.ee);
                     this.ar.removeChild(this.ec);
-                    this.ar.removeChild(this.ea);
-                    this.eb.before(this.ea);
-                    this.eb.before(this.ec);
-                    this.eb.setRawStyleProperty("margin", "0");
-                    this.d4.l = 2;
+                    this.ed.before(this.ec);
+                    this.ed.before(this.ee);
+                    this.ed.setRawStyleProperty("margin", "0");
+                    this.d6.l = 2;
                 }
             }
         }
-        c7(a, b, c, d) {
-            super.c7(a, b, c, d);
-            this.d4.av = a;
-            this.d4.aw = c;
+        c9(a, b, c, d) {
+            super.c9(a, b, c, d);
+            this.d6.av = a;
+            this.d6.aw = c;
         }
-        en() {
-            if (this.d1 == 3) {
-                this.d4.l = 0;
-                this.eb.setRawStyleProperty("margin", "0");
+        ep() {
+            if (this.d3 == 3) {
+                this.d6.l = 0;
+                this.ed.setRawStyleProperty("margin", "0");
             }
-            else if (this.d1 == 4) {
-                this.d4.l = 2;
-                this.eb.setRawStyleProperty("margin", "0");
+            else if (this.d3 == 4) {
+                this.d6.l = 2;
+                this.ed.setRawStyleProperty("margin", "0");
             }
-            else if (this.d1 == 2 || this.d1 == 0) {
-                if (this.dz == 2) {
-                    this.d4.l = 0;
+            else if (this.d3 == 2 || this.d3 == 0) {
+                if (this.d1 == 2) {
+                    this.d6.l = 0;
                 }
                 else {
-                    this.d4.l = 2;
+                    this.d6.l = 2;
                 }
-                this.eb.setRawStyleProperty("margin", "0");
+                this.ed.setRawStyleProperty("margin", "0");
             }
             else {
-                this.d4.l = this.dz;
-                if (this.dz == 2) {
-                    this.eb.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d6.l = this.d1;
+                if (this.d1 == 2) {
+                    this.ed.setRawStyleProperty("margin", "0 5px 0 0");
                 }
                 else {
-                    this.eb.setRawStyleProperty("margin", "0 0 0 5px");
+                    this.ed.setRawStyleProperty("margin", "0 0 0 5px");
                 }
             }
-            this.cj(this.ar, this.ea, this.dz);
+            this.cl(this.ar, this.ec, this.d1);
         }
-        em() {
-            switch (this.d3) {
+        eo() {
+            switch (this.d5) {
                 case 1:
-                    this.d4.ai = false;
-                    this.d4.cf();
+                    this.d6.ai = false;
+                    this.d6.ci();
                     break;
                 case 2:
-                    this.d4.ai = false;
+                    this.d6.ai = false;
                     break;
                 case 3:
-                    this.d4.ai = true;
+                    this.d6.ai = true;
                     break;
             }
         }
-        cl(a, b, c) {
-            super.cl(a, b, c);
+        cn(a, b, c) {
+            super.cn(a, b, c);
             switch (a) {
                 case "ColumnOptionsIconAlignment":
-                    this.en();
+                    this.ep();
                     break;
                 case "ColumnOptionsIconBehavior":
-                    this.em();
+                    this.eo();
                     break;
             }
         }
@@ -313,28 +319,28 @@ let TextHeaderCell = /*@__PURE__*/ (() => {
             if (e_.button == 2) {
                 return;
             }
-            let b = this.d4.ak(e_);
+            let b = this.d6.ak(e_);
             if (b) {
-                this.d8 = true;
+                this.ea = true;
                 return;
             }
             super.onContactStarted(e_, a);
         }
         onContactCompleted(e_, a) {
-            if (!this.d8) {
+            if (!this.ea) {
                 super.onContactCompleted(e_, a);
             }
-            this.d8 = false;
+            this.ea = false;
         }
         detach() {
             super.detach();
-            if (this.d4 != null) {
+            if (this.d6 != null) {
             }
         }
-        db(a) {
-            super.db(a);
-            if (this.d5 != null) {
-                this.d5.x = a;
+        dd(a) {
+            super.dd(a);
+            if (this.d7 != null) {
+                this.d7.x = a;
             }
         }
         get_ac() {