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

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

@@ -135,7 +135,6 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
         this._container.append(filterContainer);
         var filterHr = this._renderer.createElement("hr");
         this._container.append(filterHr);
-        filterHr.setStyleProperty("margin", "3px 0px");
         filterHr.setStyleProperty("border-top", "1px solid #dde2eb");
         filterHr.setStyleProperty("border-left", "0px");
         filterHr.setStyleProperty("border-right", "0px");
@@ -319,10 +318,10 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "dataLegendTarget", {
         get: function () {
-            return this.i.bm;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bm = v;
+            this.i.bq = v;
         },
         enumerable: false,
         configurable: true
@@ -332,20 +331,20 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.c3;
+            return this.i.c7;
         },
         set: function (v) {
-            this.i.c3 = v;
+            this.i.c7 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "propertyTypeMemberPath", {
         get: function () {
-            return this.i.ci;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.ci = v;
+            this.i.cm = v;
         },
         enumerable: false,
         configurable: true
@@ -368,10 +367,10 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.cb = v;
+            this.i.cf = v;
         },
         enumerable: false,
         configurable: true
@@ -395,18 +394,18 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bj;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bj = +v;
-            this._a("rowHeight", this.i.bj);
+            this.i.bn = +v;
+            this._a("rowHeight", this.i.bn);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.bh;
+            return this.i.bl;
         },
         enumerable: false,
         configurable: true
@@ -491,11 +490,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the search background color.
         */
         get: function () {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fj);
         },
         set: function (v) {
-            this.i.ff = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.ff));
+            this.i.fj = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.fj));
         },
         enumerable: false,
         configurable: true
@@ -533,11 +532,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the search border color.
         */
         get: function () {
-            return brushToString(this.i.fg);
+            return brushToString(this.i.fk);
         },
         set: function (v) {
-            this.i.fg = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.fg));
+            this.i.fk = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.fk));
         },
         enumerable: false,
         configurable: true
@@ -566,11 +565,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox tick color.
         */
         get: function () {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e9);
         },
         set: function (v) {
-            this.i.e5 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.e5));
+            this.i.e9 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.e9));
         },
         enumerable: false,
         configurable: true
@@ -580,11 +579,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox background color when checked.
         */
         get: function () {
-            return brushToString(this.i.e3);
+            return brushToString(this.i.e7);
         },
         set: function (v) {
-            this.i.e3 = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e3));
+            this.i.e7 = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e7));
         },
         enumerable: false,
         configurable: true
@@ -594,11 +593,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox background color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.e6);
+            return brushToString(this.i.fa);
         },
         set: function (v) {
-            this.i.e6 = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.e6));
+            this.i.fa = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.fa));
         },
         enumerable: false,
         configurable: true
@@ -608,11 +607,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox border color when checked.
         */
         get: function () {
-            return brushToString(this.i.e4);
+            return brushToString(this.i.e8);
         },
         set: function (v) {
-            this.i.e4 = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.e4));
+            this.i.e8 = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.e8));
         },
         enumerable: false,
         configurable: true
@@ -622,11 +621,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox border color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.fb);
         },
         set: function (v) {
-            this.i.e7 = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.e7));
+            this.i.fb = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.fb));
         },
         enumerable: false,
         configurable: true
@@ -664,11 +663,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.fe);
+            return brushToString(this.i.fi);
         },
         set: function (v) {
-            this.i.fe = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.fe));
+            this.i.fi = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.fi));
         },
         enumerable: false,
         configurable: true
@@ -678,10 +677,10 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.cw;
+            return this.i.c0;
         },
         set: function (v) {
-            this.i.cw = v;
+            this.i.c0 = v;
         },
         enumerable: false,
         configurable: true
@@ -691,11 +690,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the "Select All" label.
         */
         get: function () {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.fn);
         },
         set: function (v) {
-            this.i.fj = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.fj));
+            this.i.fn = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.fn));
         },
         enumerable: false,
         configurable: true
@@ -705,11 +704,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get: function () {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.e5);
         },
         set: function (v) {
-            this.i.e1 = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e1));
+            this.i.e5 = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e5));
         },
         enumerable: false,
         configurable: true
@@ -761,11 +760,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.fp);
         },
         set: function (v) {
-            this.i.fl = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.fl));
+            this.i.fp = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.fp));
         },
         enumerable: false,
         configurable: true
@@ -885,17 +884,17 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
 
 */
     IgcCheckboxListComponent.prototype.selectAll = function () {
-        this.i.ef();
+        this.i.ej();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgcCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.dc();
+        this.i.dg();
     };
     IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.dr(index, oldItem, newItem);
+        this.i.dv(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.
@@ -903,22 +902,22 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.dm();
+        this.i.dr();
     };
     IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.dn(index, newItem);
+        this.i.ds(index, newItem);
     };
     IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.dq(index, oldItem);
+        this.i.du(index, oldItem);
     };
     IgcCheckboxListComponent.prototype.refresh = function () {
         this.i.refresh();
     };
     IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.c7(value);
+        this.i.db(value);
     };
     IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.ed(value);
+        this.i.eh(value);
     };
     IgcCheckboxListComponent.prototype.getDesiredSize = function (availableSize) {
         var iv = this.i.getDesiredSize(toSize(availableSize));
@@ -929,7 +928,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.bn();
+        var iv = this.i.br();
         return (iv);
     };
     /**
@@ -937,7 +936,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.ca();
+        var iv = this.i.ce();
         return (iv);
     };
     /**

package/esm5/lib/igc-combo-box-column-component.js

@@ -78,10 +78,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual data source that is being used by the combo. If a collection was provided for the combobox data, an implicit LocalDataSource is created, and this is available via this property.
         */
         get: function () {
-            return this.i.qs;
+            return this.i.ry;
         },
         set: function (v) {
-            this.i.qs = v;
+            this.i.ry = v;
         },
         enumerable: false,
         configurable: true
@@ -91,10 +91,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.qt;
+            return this.i.rz;
         },
         set: function (v) {
-            this.i.qt = v;
+            this.i.rz = v;
         },
         enumerable: false,
         configurable: true
@@ -104,10 +104,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.qx;
+            return this.i.r3;
         },
         set: function (v) {
-            this.i.qx = v;
+            this.i.r3 = v;
         },
         enumerable: false,
         configurable: true
@@ -117,10 +117,10 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.qy;
+            return this.i.r4;
         },
         set: function (v) {
-            this.i.qy = v;
+            this.i.r4 = v;
         },
         enumerable: false,
         configurable: true
@@ -130,14 +130,14 @@ export var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.qq;
+            return this.i.rw;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.qq = v;
+            this.i.rw = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-data-binding-event-args.js

@@ -1,14 +1,5 @@
+import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { DataBindingEventArgs as DataBindingEventArgs_internal } from "./DataBindingEventArgs";
-import { IgcDateTimeCellInfo } from "./igc-date-time-cell-info";
-import { IgcImageCellInfo } from "./igc-image-cell-info";
-import { IgcNumericCellInfo } from "./igc-numeric-cell-info";
-import { IgcRowSeparatorInfo } from "./igc-row-separator-info";
-import { IgcSectionHeaderCellInfo } from "./igc-section-header-cell-info";
-import { IgcTemplateCellInfo } from "./igc-template-cell-info";
-import { IgcTemplateHeaderCellInfo } from "./igc-template-header-cell-info";
-import { IgcTemplateSectionHeaderCellInfo } from "./igc-template-section-header-cell-info";
-import { IgcTextCellInfo } from "./igc-text-cell-info";
-import { IgcTextHeaderCellInfo } from "./igc-text-header-cell-info";
 /**
  * Information about the data binding taking place.
 */
@@ -45,40 +36,54 @@ var IgcDataBindingEventArgs = /** @class */ /*@__PURE__*/ (function () {
             }
             if (!this.i.cellInfo.externalObject) {
                 var ext = null;
+                var extTypeName = null;
                 switch (this.i.cellInfo.$type.name) {
                     case "DateTimeCellModel":
-                        ext = new IgcDateTimeCellInfo();
+                        extTypeName = "IgcDateTimeCellInfo";
                         break;
                     case "ImageCellModel":
-                        ext = new IgcImageCellInfo();
+                        extTypeName = "IgcImageCellInfo";
                         break;
                     case "NumericCellModel":
-                        ext = new IgcNumericCellInfo();
+                        extTypeName = "IgcNumericCellInfo";
                         break;
                     case "RowSeparatorModel":
-                        ext = new IgcRowSeparatorInfo();
+                        extTypeName = "IgcRowSeparatorInfo";
                         break;
                     case "SectionHeaderCellModel":
-                        ext = new IgcSectionHeaderCellInfo();
+                        extTypeName = "IgcSectionHeaderCellInfo";
                         break;
                     case "TemplateCellModel":
-                        ext = new IgcTemplateCellInfo();
+                        extTypeName = "IgcTemplateCellInfo";
                         break;
                     case "TemplateHeaderCellModel":
-                        ext = new IgcTemplateHeaderCellInfo();
+                        extTypeName = "IgcTemplateHeaderCellInfo";
                         break;
                     case "TemplateSectionHeaderCellModel":
-                        ext = new IgcTemplateSectionHeaderCellInfo();
+                        extTypeName = "IgcTemplateSectionHeaderCellInfo";
                         break;
                     case "TextCellModel":
-                        ext = new IgcTextCellInfo();
+                        extTypeName = "IgcTextCellInfo";
                         break;
                     case "TextHeaderCellModel":
-                        ext = new IgcTextHeaderCellInfo();
+                        extTypeName = "IgcTextHeaderCellInfo";
                         break;
+                    case "FilterCellModel":
+                        extTypeName = "IgcFilterCellInfo";
+                        break;
+                }
+                if (extTypeName) {
+                    if (TypeRegistrar.isRegistered(extTypeName)) {
+                        ext = TypeRegistrar.create(extTypeName);
+                    }
+                }
+                if (ext) {
+                    ext._implementation = this.i.cellInfo;
+                    this.i.cellInfo.externalObject = ext;
+                }
+                else {
+                    return null;
                 }
-                ext._implementation = this.i.cellInfo;
-                this.i.cellInfo.externalObject = ext;
             }
             return this.i.cellInfo.externalObject;
         },