igniteui-webcomponents-grids 5.2.0 → 5.3.0

package/esm5/lib/ColumnChooserView_combined.js

@@ -299,7 +299,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.d != null) {
-                    this.d.bk = this.s;
+                    this.d.bm = this.s;
                 }
                 break;
             case "BaseTheme":
@@ -370,7 +370,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
             if (this.s != null) {
-                this.d.bk = this.s;
+                this.d.bm = this.s;
             }
             this.d.itemsSource = b;
             var e = "";
@@ -389,7 +389,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnChooser.prototype.al = function () {
         var e_2, _a;
-        this.d.db();
+        this.d.dd();
         if (this.b != null) {
             try {
                 for (var _b = __values(fromEnum(this.b.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -415,7 +415,7 @@ var ColumnChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnChooser.prototype.ae = function () {
         var e_3, _a;
-        this.d.cg();
+        this.d.ci();
         if (this.b != null) {
             try {
                 for (var _b = __values(fromEnum(this.b.actualColumns)), _c = _b.next(); !_c.done; _c = _b.next()) {

package/esm5/lib/ColumnFilterCondition_combined.js

@@ -13405,7 +13405,10 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
         return true;
     };
     DataGrid.prototype.kl = function (a, b) {
-        if (this.activationMode == 0 || this.activeCell == null || this.cj.j) {
+        if (this.cj.j) {
+            return true;
+        }
+        if (this.activationMode == 0 || this.activeCell == null) {
             return false;
         }
         var c = this.ad.s();
@@ -13578,6 +13581,9 @@ var DataGrid = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DataGrid.prototype.kp = function (a, b) {
         if (this.cj.j) {
+            return true;
+        }
+        if (this.activationMode == 0 || this.activeCell == null) {
             return false;
         }
         var c = this.ad.s();

package/esm5/lib/ColumnGroupingView_combined.js

@@ -1020,7 +1020,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var j = this.b.j;
         for (var k = 0; k < j.count; k++) {
-            var l = this.q._inner[k].aw();
+            var l = this.q._inner[k].ay();
             var m = this.b.b(j._inner[k]);
             l.i = m[0] - d;
             l.g = m[1] - e;

package/esm5/lib/ColumnPinningView_combined.js

@@ -298,7 +298,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "FilterPlaceholderText":
                 if (this.d != null) {
-                    this.d.bk = this.s;
+                    this.d.bm = this.s;
                 }
                 break;
             case "BaseTheme":
@@ -375,7 +375,7 @@ var ColumnPinning = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             this.d.showSelectAll = false;
             if (this.s != null) {
-                this.d.bk = this.s;
+                this.d.bm = this.s;
             }
             this.d.itemsSource = b;
             var e = "";

package/esm5/lib/FilterCell.js

@@ -197,7 +197,7 @@ var FilterCell = /** @class */ /*@__PURE__*/ (function (_super) {
     FilterCell.prototype.d7 = function (a) {
         if (this.cz != null) {
             this.cz.disabled = !a;
-            this.cz.al = a ? 1 : 0.3;
+            this.cz.an = a ? 1 : 0.3;
         }
     };
     FilterCell.prototype.dl = function (a) {

package/esm5/lib/GridColumnButtonOptionsView_combined.js

@@ -65,12 +65,12 @@ var GridColumnButtonOptionsView = /** @class */ /*@__PURE__*/ (function (_super)
         f.setStyleProperty("margin-left", "1rem");
         var g = this.o;
         g.clicked = delegateCombine(g.clicked, runOn(this, this.v));
-        this.o.g2 = "1";
+        this.o.g6 = "1";
         var h;
         var i = ((function () { var j = GridColumnOptionsUtilities.g(_this.n, b, null, c.p, c.j, Size.empty, _this.p, h, _this.u); _this.p = j.p6; h = j.p7; _this.u = j.p8; return j.ret; })());
         var j = this.p;
         j.clicked = delegateCombine(j.clicked, runOn(this, this.w));
-        this.p.g2 = "1";
+        this.p.g6 = "1";
         this.p.e = 2;
         var k = b.createElement("div");
         k.setStyleProperty("display", "flex");

package/esm5/lib/GridColumnFilterOptionsView_combined.js

@@ -475,15 +475,15 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (e.count == 0 || !c) {
-            this.bx.db();
+            this.bx.dd();
             return;
         }
         switch (d.value) {
             case 0:
-                this.bx.cg();
+                this.bx.ci();
                 break;
             case 1:
-                this.bx.db();
+                this.bx.dd();
                 break;
         }
         var h = this.bx.keys;
@@ -541,9 +541,9 @@ var GridColumnFilterOptions = /** @class */ /*@__PURE__*/ (function (_super) {
     GridColumnFilterOptions.prototype.cw = function () {
         if (null != this.bx) {
             this.bx.density = this.b0;
-            this.bx.bk = this.cc;
+            this.bx.bm = this.cc;
             this.bx.backgroundColor = this.bo;
-            this.bx.ee = this.br;
+            this.bx.eg = this.br;
             this.bx.baseTheme = this.i;
             this.bx.updateHrMargin(new Thickness(1, -7, 3, -7, 3));
         }

package/esm5/lib/GridColumnGroupOptionsView_combined.js

@@ -76,12 +76,12 @@ var GridColumnGroupOptionsView = /** @class */ /*@__PURE__*/ (function (_super)
             GridColumnOptionsUtilities.j(this.s, b, "inline-block");
             if (b) {
                 this.o.e = 1;
-                this.o.e7 = "stretch";
+                this.o.fb = "stretch";
                 this.t.setStyleProperty("justify-content", "space-between");
             }
             else {
                 this.o.e = 4;
-                this.o.e7 = "center";
+                this.o.fb = "center";
                 this.t.setStyleProperty("justify-content", "center");
             }
             this.s.setStyleProperty("font", a.aa.fontString);

package/esm5/lib/GridColumnHideOptionsView_combined.js

@@ -74,12 +74,12 @@ var GridColumnHideOptionsView = /** @class */ /*@__PURE__*/ (function (_super) {
             GridColumnOptionsUtilities.j(this.s, b, "inline-block");
             if (b) {
                 this.o.e = 1;
-                this.o.e7 = "stretch";
+                this.o.fb = "stretch";
                 this.t.setStyleProperty("justify-content", "space-between");
             }
             else {
                 this.o.e = 4;
-                this.o.e7 = "center";
+                this.o.fb = "center";
                 this.t.setStyleProperty("justify-content", "center");
             }
             this.s.setStyleProperty("font", a.aa.fontString);

package/esm5/lib/GridColumnOptionsViewBase_combined.js

@@ -223,13 +223,13 @@ var GridColumnOptionsUtilities = /** @class */ /*@__PURE__*/ (function (_super)
         }
         if (m) {
             u.setStyleProperty("justify-content", "space-between");
-            h.g2 = "1";
+            h.g6 = "1";
             o.setStyleProperty("display", "flex");
             o.setStyleProperty("flex-direction", "column");
             o.setStyleProperty("align-items", "stretch");
-            h.fw = "flex";
-            h.g0 = "column";
-            h.e7 = "stretch";
+            h.f0 = "flex";
+            h.g4 = "column";
+            h.fb = "stretch";
         }
         h.appendButtonContent(u);
         return {

package/esm5/lib/GridColumnSummaryOptionsView_combined.js

@@ -435,9 +435,9 @@ var GridColumnSummaryOptions = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridColumnSummaryOptions.prototype.cp = function () {
         if (this.by != null) {
-            this.by.dn = 0;
-            this.by.az = false;
-            this.by.q9 = this.br;
+            this.by.ds = 0;
+            this.by.a2 = false;
+            this.by.rg = this.br;
             this.bh(this.by);
         }
     };

package/esm5/lib/ISummaryChooserView_combined.js

@@ -90,8 +90,8 @@ var SummaryChooserView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.e();
     };
     SummaryChooserView.prototype.e = function () {
-        if (this.model.f.az > -1) {
-            var a = this.model.r.count * this.model.f.az;
+        if (this.model.f.a1 > -1) {
+            var a = this.model.r.count * this.model.f.a1;
             a += 4;
             this.d.setStyleProperty("height", a + "px");
         }
@@ -395,7 +395,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
     SummaryChooser.prototype.a6 = function () {
         if (this.e != null) {
             this.e.density = this.m;
-            this.e.ee = this.ba;
+            this.e.eg = this.ba;
             this.e.baseTheme = this.i;
             this.e.backgroundColor = this.a9;
             this.e.showSelectAll = false;
@@ -454,7 +454,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (d.iD == a) {
                 d.isSelected = b;
                 if (this.e != null) {
-                    this.e.cq(c, d, d);
+                    this.e.cs(c, d, d);
                 }
                 break;
             }
@@ -466,7 +466,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
         c.label = b;
         this.q.add(c);
         if (this.e != null) {
-            this.e.co(this.q.count - 1, c);
+            this.e.cq(this.q.count - 1, c);
         }
         this.c.onItemInserted();
     };
@@ -476,7 +476,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (c.iD == a) {
                 this.q.removeAt(b);
                 if (this.e != null) {
-                    this.e.cp(b, c);
+                    this.e.cr(b, c);
                 }
                 break;
             }
@@ -489,7 +489,7 @@ var SummaryChooser = /** @class */ /*@__PURE__*/ (function (_super) {
             if (d.iD == a) {
                 d.label = b;
                 if (this.e != null) {
-                    this.e.cq(c, d, d);
+                    this.e.cs(c, d, d);
                 }
                 break;
             }

package/esm5/lib/PropertyEditorView_combined.js

@@ -1304,7 +1304,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
                 c.r = 3;
             }
             var e = _this.s(a, b.cellInfo.fb, b.cellInfo.hn);
-            c.d9 = e;
+            c.ed = e;
             var f = e.ar;
             if (typeof e.ar === 'number' || typeof e.ar === 'number') {
                 f = e.ar.toString();
@@ -1434,7 +1434,7 @@ var PropertyEditor = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     PropertyEditor.prototype.cm = function (a, b) {
         var c = a;
-        var d = c.d9;
+        var d = c.ed;
         this.an = true;
         d.a6();
         this.an = false;

package/esm5/lib/igc-checkbox-list-component.js

@@ -1,5 +1,5 @@
 import { __extends } from "tslib";
-import { fromSize, ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
+import { fromSize, toSize, ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { WebComponentRenderer } from "igniteui-webcomponents-core";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
@@ -326,10 +326,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bk = v;
+            this.i.bm = v;
         },
         enumerable: false,
         configurable: true
@@ -353,18 +353,18 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a1 = +v;
-            this._a("rowHeight", this.i.a1);
+            this.i.a3 = +v;
+            this._a("rowHeight", this.i.a3);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.az;
+            return this.i.a1;
         },
         enumerable: false,
         configurable: true
@@ -449,11 +449,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search background color.
         */
         get: function () {
-            return brushToString(this.i.d8);
+            return brushToString(this.i.ea);
         },
         set: function (v) {
-            this.i.d8 = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.d8));
+            this.i.ea = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.ea));
         },
         enumerable: false,
         configurable: true
@@ -477,11 +477,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search border color.
         */
         get: function () {
-            return brushToString(this.i.d9);
+            return brushToString(this.i.eb);
         },
         set: function (v) {
-            this.i.d9 = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.d9));
+            this.i.eb = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.eb));
         },
         enumerable: false,
         configurable: true
@@ -510,11 +510,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox tick color.
         */
         get: function () {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.d2);
         },
         set: function (v) {
-            this.i.d0 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.d0));
+            this.i.d2 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.d2));
         },
         enumerable: false,
         configurable: true
@@ -524,11 +524,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox background color when checked.
         */
         get: function () {
-            return brushToString(this.i.dy);
+            return brushToString(this.i.d0);
         },
         set: function (v) {
-            this.i.dy = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.dy));
+            this.i.d0 = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.d0));
         },
         enumerable: false,
         configurable: true
@@ -538,11 +538,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox background color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.d1);
+            return brushToString(this.i.d3);
         },
         set: function (v) {
-            this.i.d1 = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.d1));
+            this.i.d3 = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.d3));
         },
         enumerable: false,
         configurable: true
@@ -552,11 +552,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox border color when checked.
         */
         get: function () {
-            return brushToString(this.i.dz);
+            return brushToString(this.i.d1);
         },
         set: function (v) {
-            this.i.dz = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.dz));
+            this.i.d1 = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.d1));
         },
         enumerable: false,
         configurable: true
@@ -566,11 +566,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox border color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.d2);
+            return brushToString(this.i.d4);
         },
         set: function (v) {
-            this.i.d2 = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.d2));
+            this.i.d4 = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.d4));
         },
         enumerable: false,
         configurable: true
@@ -594,11 +594,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.d7);
+            return brushToString(this.i.d9);
         },
         set: function (v) {
-            this.i.d7 = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.d7));
+            this.i.d9 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.d9));
         },
         enumerable: false,
         configurable: true
@@ -608,10 +608,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.b2;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b2 = v;
+            this.i.b4 = v;
         },
         enumerable: false,
         configurable: true
@@ -621,11 +621,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the "Select All" label.
         */
         get: function () {
-            return brushToString(this.i.ec);
+            return brushToString(this.i.ee);
         },
         set: function (v) {
-            this.i.ec = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.ec));
+            this.i.ee = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.ee));
         },
         enumerable: false,
         configurable: true
@@ -635,11 +635,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get: function () {
-            return brushToString(this.i.dw);
+            return brushToString(this.i.dy);
         },
         set: function (v) {
-            this.i.dw = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dw));
+            this.i.dy = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dy));
         },
         enumerable: false,
         configurable: true
@@ -691,11 +691,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.ee);
+            return brushToString(this.i.eg);
         },
         set: function (v) {
-            this.i.ee = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.ee));
+            this.i.eg = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eg));
         },
         enumerable: false,
         configurable: true
@@ -801,17 +801,17 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCheckboxListComponent.prototype.selectAll = function () {
-        this.i.db();
+        this.i.dd();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgcCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.cg();
+        this.i.ci();
     };
     IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.cq(index, oldItem, newItem);
+        this.i.cs(index, oldItem, newItem);
     };
     /**
      * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -819,22 +819,22 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.cn();
+        this.i.cp();
     };
     IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.co(index, newItem);
+        this.i.cq(index, newItem);
     };
     IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.cp(index, oldItem);
+        this.i.cr(index, oldItem);
     };
     IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.cb(value);
+        this.i.cd(value);
     };
     IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.c9(value);
+        this.i.db(value);
     };
-    IgcCheckboxListComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.getDesiredSize();
+    IgcCheckboxListComponent.prototype.getDesiredSize = function (availableSize) {
+        var iv = this.i.getDesiredSize(toSize(availableSize));
         return fromSize(iv);
     };
     /**