igniteui-webcomponents-grids 5.2.0 → 5.3.0

package/esm2015/lib/ColumnChooserView_combined.js

@@ -260,7 +260,7 @@ export let ColumnChooser = /*@__PURE__*/ (() => {
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
-                        this.d.bk = this.s;
+                        this.d.bm = this.s;
                     }
                     break;
                 case "BaseTheme":
@@ -314,7 +314,7 @@ export let ColumnChooser = /*@__PURE__*/ (() => {
                     b.add(a);
                 }
                 if (this.s != null) {
-                    this.d.bk = this.s;
+                    this.d.bm = this.s;
                 }
                 this.d.itemsSource = b;
                 let e = "";
@@ -332,7 +332,7 @@ export let ColumnChooser = /*@__PURE__*/ (() => {
             }
         }
         al() {
-            this.d.db();
+            this.d.dd();
             if (this.b != null) {
                 for (let a of fromEnum(this.b.actualColumns)) {
                     this.m = true;
@@ -341,7 +341,7 @@ export let ColumnChooser = /*@__PURE__*/ (() => {
             }
         }
         ae() {
-            this.d.cg();
+            this.d.ci();
             if (this.b != null) {
                 for (let a of fromEnum(this.b.actualColumns)) {
                     this.m = true;

package/esm2015/lib/ColumnFilterCondition_combined.js

@@ -11458,7 +11458,10 @@ export let DataGrid = /*@__PURE__*/ (() => {
             return true;
         }
         kl(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;
             }
             let c = this.ad.s();
@@ -11616,6 +11619,9 @@ export let DataGrid = /*@__PURE__*/ (() => {
         }
         kp(a, b) {
             if (this.cj.j) {
+                return true;
+            }
+            if (this.activationMode == 0 || this.activeCell == null) {
                 return false;
             }
             let c = this.ad.s();

package/esm2015/lib/ColumnGroupingView_combined.js

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

package/esm2015/lib/ColumnPinningView_combined.js

@@ -259,7 +259,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
-                        this.d.bk = this.s;
+                        this.d.bm = this.s;
                     }
                     break;
                 case "BaseTheme":
@@ -319,7 +319,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                 }
                 this.d.showSelectAll = false;
                 if (this.s != null) {
-                    this.d.bk = this.s;
+                    this.d.bm = this.s;
                 }
                 this.d.itemsSource = b;
                 let e = "";

package/esm2015/lib/FilterCell.js

@@ -195,7 +195,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
         d7(a) {
             if (this.cz != null) {
                 this.cz.disabled = !a;
-                this.cz.al = a ? 1 : 0.3;
+                this.cz.an = a ? 1 : 0.3;
             }
         }
         dl(a) {

package/esm2015/lib/GridColumnButtonOptionsView_combined.js

@@ -58,12 +58,12 @@ export let GridColumnButtonOptionsView = /*@__PURE__*/ (() => {
             f.setStyleProperty("margin-left", "1rem");
             let g = this.o;
             g.clicked = delegateCombine(g.clicked, runOn(this, this.v));
-            this.o.g2 = "1";
+            this.o.g6 = "1";
             let h;
             let i = ((() => { let 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; })());
             let j = this.p;
             j.clicked = delegateCombine(j.clicked, runOn(this, this.w));
-            this.p.g2 = "1";
+            this.p.g6 = "1";
             this.p.e = 2;
             let k = b.createElement("div");
             k.setStyleProperty("display", "flex");

package/esm2015/lib/GridColumnFilterOptionsView_combined.js

@@ -425,15 +425,15 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
                 }
             }
             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;
             }
             let h = this.bx.keys;
@@ -475,9 +475,9 @@ export let GridColumnFilterOptions = /*@__PURE__*/ (() => {
         cw() {
             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/esm2015/lib/GridColumnGroupOptionsView_combined.js

@@ -69,12 +69,12 @@ export let GridColumnGroupOptionsView = /*@__PURE__*/ (() => {
                 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/esm2015/lib/GridColumnHideOptionsView_combined.js

@@ -67,12 +67,12 @@ export let GridColumnHideOptionsView = /*@__PURE__*/ (() => {
                 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/esm2015/lib/GridColumnOptionsViewBase_combined.js

@@ -188,13 +188,13 @@ export let GridColumnOptionsUtilities = /*@__PURE__*/ (() => {
             }
             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/esm2015/lib/GridColumnSummaryOptionsView_combined.js

@@ -387,9 +387,9 @@ export let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
         }
         cp() {
             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/esm2015/lib/ISummaryChooserView_combined.js

@@ -75,8 +75,8 @@ export let SummaryChooserView = /*@__PURE__*/ (() => {
             this.e();
         }
         e() {
-            if (this.model.f.az > -1) {
-                let a = this.model.r.count * this.model.f.az;
+            if (this.model.f.a1 > -1) {
+                let a = this.model.r.count * this.model.f.a1;
                 a += 4;
                 this.d.setStyleProperty("height", a + "px");
             }
@@ -322,7 +322,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
         a6() {
             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;
@@ -381,7 +381,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 if (d.iD == a) {
                     d.isSelected = b;
                     if (this.e != null) {
-                        this.e.cq(c, d, d);
+                        this.e.cs(c, d, d);
                     }
                     break;
                 }
@@ -393,7 +393,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
             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();
         }
@@ -403,7 +403,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 if (c.iD == a) {
                     this.q.removeAt(b);
                     if (this.e != null) {
-                        this.e.cp(b, c);
+                        this.e.cr(b, c);
                     }
                     break;
                 }
@@ -416,7 +416,7 @@ export let SummaryChooser = /*@__PURE__*/ (() => {
                 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/esm2015/lib/PropertyEditorView_combined.js

@@ -1184,7 +1184,7 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
                     c.r = 3;
                 }
                 let e = this.s(a, b.cellInfo.fb, b.cellInfo.hn);
-                c.d9 = e;
+                c.ed = e;
                 let f = e.ar;
                 if (typeof e.ar === 'number' || typeof e.ar === 'number') {
                     f = e.ar.toString();
@@ -1307,7 +1307,7 @@ export let PropertyEditor = /*@__PURE__*/ (() => {
         }
         cm(a, b) {
             let c = a;
-            let d = c.d9;
+            let d = c.ed;
             this.an = true;
             d.a6();
             this.an = false;

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

@@ -1,4 +1,4 @@
-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";
@@ -287,10 +287,10 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.bk;
+            return this.i.bm;
         }
         set filterPlaceholderText(v) {
-            this.i.bk = v;
+            this.i.bm = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -306,14 +306,14 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.a1;
+            return this.i.a3;
         }
         set rowHeight(v) {
-            this.i.a1 = +v;
-            this._a("rowHeight", this.i.a1);
+            this.i.a3 = +v;
+            this._a("rowHeight", this.i.a3);
         }
         get actualRowHeight() {
-            return this.i.az;
+            return this.i.a1;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -374,11 +374,11 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.d8);
+            return brushToString(this.i.ea);
         }
         set searchBackgroundColor(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));
         }
         /**
          * Gets or sets the search text color.
@@ -394,11 +394,11 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.d9);
+            return brushToString(this.i.eb);
         }
         set searchBorderColor(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));
         }
         /**
          * Gets or sets the text style.
@@ -419,51 +419,51 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.d2);
         }
         set checkboxTickColor(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));
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.dy);
+            return brushToString(this.i.d0);
         }
         set checkboxCheckedBackgroundColor(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));
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.d1);
+            return brushToString(this.i.d3);
         }
         set checkboxUncheckedBackgroundColor(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));
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.dz);
+            return brushToString(this.i.d1);
         }
         set checkboxCheckedBorderColor(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));
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.d2);
+            return brushToString(this.i.d4);
         }
         set checkboxUncheckedBorderColor(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));
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -479,40 +479,40 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.d7);
+            return brushToString(this.i.d9);
         }
         set scrollbarBackground(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));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.b2;
+            return this.i.b4;
         }
         set selectAllCaption(v) {
-            this.i.b2 = v;
+            this.i.b4 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.ec);
+            return brushToString(this.i.ee);
         }
         set selectAllCaptionTextColor(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));
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.dw);
+            return brushToString(this.i.dy);
         }
         set actualSelectAllCaptionTextColor(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));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -548,11 +548,11 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.ee);
+            return brushToString(this.i.eg);
         }
         set textColor(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));
         }
         /**
          * Gets or sets whether the filter input is visible.
@@ -643,17 +643,17 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.db();
+            this.i.dd();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.cg();
+            this.i.ci();
         }
         notifySetItem(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.
@@ -661,22 +661,22 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.cn();
+            this.i.cp();
         }
         notifyInsertItem(index, newItem) {
-            this.i.co(index, newItem);
+            this.i.cq(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.cp(index, oldItem);
+            this.i.cr(index, oldItem);
         }
         addKeyValue(value) {
-            this.i.cb(value);
+            this.i.cd(value);
         }
         removeKeyValue(value) {
-            this.i.c9(value);
+            this.i.db(value);
         }
-        getDesiredSize() {
-            let iv = this.i.getDesiredSize();
+        getDesiredSize(availableSize) {
+            let iv = this.i.getDesiredSize(toSize(availableSize));
             return fromSize(iv);
         }
         /**

package/esm5/lib/CheckboxListBridge.js

@@ -35,7 +35,7 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         return _this;
     }
     CheckboxListBridge.prototype.getDesiredSize = function (a, b) {
-        return this.t.view.getDesiredSize();
+        return this.t.getDesiredSize(b);
     };
     CheckboxListBridge.prototype.addHandler = function (a, b, c, d) {
         var e = a;
@@ -155,16 +155,16 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 8:
                 d.itemsSource = c;
                 break;
-            case 74:
+            case 75:
                 d.selectedMemberPath = c;
                 break;
-            case 75:
+            case 76:
                 d.dataMemberPath = c;
                 break;
-            case 76:
+            case 77:
                 d.showSelectAll = c;
                 break;
-            case 77:
+            case 78:
                 d.primaryKey = c;
                 break;
             case 1:
@@ -179,13 +179,13 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 24:
                 d.rowHoverBackgroundColor = c;
                 break;
-            case 78:
+            case 79:
                 d.searchIconColor = c;
                 break;
-            case 79:
+            case 80:
                 d.searchTextColor = c;
                 break;
-            case 96:
+            case 97:
                 d.indexType = EnumUtil.getEnumValue(NativeUICheckboxListIndexType_$type, c);
                 break;
         }
@@ -195,17 +195,17 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         switch (b) {
             case 23: return c.backgroundColor;
             case 8: return c.itemsSource;
-            case 74: return c.selectedMemberPath;
-            case 75: return c.dataMemberPath;
-            case 76: return c.showSelectAll;
-            case 77: return c.primaryKey;
+            case 75: return c.selectedMemberPath;
+            case 76: return c.dataMemberPath;
+            case 77: return c.showSelectAll;
+            case 78: return c.primaryKey;
             case 1: return enumGetBox(ControlDisplayDensity_$type, c.density);
             case 18: return enumGetBox(BaseControlTheme_$type, c.baseTheme);
             case 33: return c.textColor;
             case 24: return c.rowHoverBackgroundColor;
-            case 78: return c.searchIconColor;
-            case 79: return c.searchTextColor;
-            case 96: return enumGetBox(CheckboxListExternalIndexType_$type, c.indexType);
+            case 79: return c.searchIconColor;
+            case 80: return c.searchTextColor;
+            case 97: return enumGetBox(CheckboxListExternalIndexType_$type, c.indexType);
         }
         return null;
     };