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

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

@@ -121,7 +121,6 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             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");
@@ -268,7 +267,7 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.primaryKey = v;
         }
         get isDetached() {
-            return this.i.az;
+            return this.i.a0;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -280,25 +279,25 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.dataMemberPath = v;
         }
         get dataLegendTarget() {
-            return this.i.bl;
+            return this.i.bq;
         }
         set dataLegendTarget(v) {
-            this.i.bl = v;
+            this.i.bq = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get subtitleMemberPath() {
-            return this.i.c2;
+            return this.i.c7;
         }
         set subtitleMemberPath(v) {
-            this.i.c2 = v;
+            this.i.c7 = v;
         }
         get propertyTypeMemberPath() {
-            return this.i.ch;
+            return this.i.cm;
         }
         set propertyTypeMemberPath(v) {
-            this.i.ch = v;
+            this.i.cm = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -313,48 +312,48 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.ca;
+            return this.i.cf;
         }
         set filterPlaceholderText(v) {
-            this.i.ca = v;
+            this.i.cf = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get searchInputType() {
-            return this.i.z;
+            return this.i.aa;
         }
         set searchInputType(v) {
-            this.i.z = ensureEnum(InputGroupDisplayType_$type, v);
-            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.z));
+            this.i.aa = ensureEnum(InputGroupDisplayType_$type, v);
+            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.aa));
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.bi;
+            return this.i.bn;
         }
         set rowHeight(v) {
-            this.i.bi = +v;
-            this._a("rowHeight", this.i.bi);
+            this.i.bn = +v;
+            this._a("rowHeight", this.i.bn);
         }
         get actualRowHeight() {
-            return this.i.bg;
+            return this.i.bl;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get cellTextStyle() {
-            if (this.i.an == null) {
+            if (this.i.ao == null) {
                 return null;
             }
-            return this.i.an.fontString;
+            return this.i.ao.fontString;
         }
         set cellTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.an = fi;
-            this._a("cellTextStyle", this.i.an != null ? this.i.an.fontString : "");
+            this.i.ao = fi;
+            this._a("cellTextStyle", this.i.ao != null ? this.i.ao.fontString : "");
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -400,21 +399,21 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.fb);
+            return brushToString(this.i.fj);
         }
         set searchBackgroundColor(v) {
-            this.i.fb = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.fb));
+            this.i.fj = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.fj));
         }
         /**
          * Gets or sets the search background color.
         */
         get labelClickTriggersChange() {
-            return this.i.a5;
+            return this.i.a6;
         }
         set labelClickTriggersChange(v) {
-            this.i.a5 = ensureBool(v);
-            this._a("labelClickTriggersChange", this.i.a5);
+            this.i.a6 = ensureBool(v);
+            this._a("labelClickTriggersChange", this.i.a6);
         }
         /**
          * Gets or sets the search text color.
@@ -430,135 +429,135 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.fc);
+            return brushToString(this.i.fk);
         }
         set searchBorderColor(v) {
-            this.i.fc = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.fc));
+            this.i.fk = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.fk));
         }
         /**
          * Gets or sets the text style.
         */
         get searchTextStyle() {
-            if (this.i.ao == null) {
+            if (this.i.ap == null) {
                 return null;
             }
-            return this.i.ao.fontString;
+            return this.i.ap.fontString;
         }
         set searchTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ao = fi;
-            this._a("searchTextStyle", this.i.ao != null ? this.i.ao.fontString : "");
+            this.i.ap = fi;
+            this._a("searchTextStyle", this.i.ap != null ? this.i.ap.fontString : "");
         }
         /**
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.e3);
+            return brushToString(this.i.e9);
         }
         set checkboxTickColor(v) {
-            this.i.e3 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.e3));
+            this.i.e9 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.e9));
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.e7);
         }
         set checkboxCheckedBackgroundColor(v) {
-            this.i.e1 = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e1));
+            this.i.e7 = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e7));
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.e4);
+            return brushToString(this.i.fa);
         }
         set checkboxUncheckedBackgroundColor(v) {
-            this.i.e4 = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.e4));
+            this.i.fa = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.fa));
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.e2);
+            return brushToString(this.i.e8);
         }
         set checkboxCheckedBorderColor(v) {
-            this.i.e2 = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.e2));
+            this.i.e8 = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.e8));
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.fb);
         }
         set checkboxUncheckedBorderColor(v) {
-            this.i.e5 = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.e5));
+            this.i.fb = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.fb));
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
         get checkboxCornerRadius() {
-            return this.i.bb;
+            return this.i.bc;
         }
         set checkboxCornerRadius(v) {
-            this.i.bb = +v;
-            this._a("checkboxCornerRadius", this.i.bb);
+            this.i.bc = +v;
+            this._a("checkboxCornerRadius", this.i.bc);
         }
         /**
          * Gets or sets the style of scrollbar.
         */
         get scrollbarStyle() {
-            return this.i.ac;
+            return this.i.ad;
         }
         set scrollbarStyle(v) {
-            this.i.ac = ensureEnum(ScrollbarStyle_$type, v);
-            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.ac));
+            this.i.ad = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.ad));
         }
         /**
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.fa);
+            return brushToString(this.i.fi);
         }
         set scrollbarBackground(v) {
-            this.i.fa = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.fa));
+            this.i.fi = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.fi));
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.cv;
+            return this.i.c0;
         }
         set selectAllCaption(v) {
-            this.i.cv = v;
+            this.i.c0 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fn);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.ff = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.ff));
+            this.i.fn = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.fn));
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.ez);
+            return brushToString(this.i.e5);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.ez = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.ez));
+            this.i.e5 = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e5));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -594,41 +593,41 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.fh);
+            return brushToString(this.i.fp);
         }
         set textColor(v) {
-            this.i.fh = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.fh));
+            this.i.fp = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.fp));
         }
         /**
          * Gets or sets whether the filter input is visible.
         */
         get showFilter() {
-            return this.i.a7;
+            return this.i.a8;
         }
         set showFilter(v) {
-            this.i.a7 = ensureBool(v);
-            this._a("showFilter", this.i.a7);
+            this.i.a8 = ensureBool(v);
+            this._a("showFilter", this.i.a8);
         }
         /**
          * Gets or sets whether row hover highlighting is enabled.
         */
         get isRowHoverEnabled() {
-            return this.i.a3;
+            return this.i.a4;
         }
         set isRowHoverEnabled(v) {
-            this.i.a3 = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.a3);
+            this.i.a4 = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.a4);
         }
         /**
          * Gets or sets whether checkbox should be displayed to the right.
         */
         get checkboxAlignedRight() {
-            return this.i.ay;
+            return this.i.az;
         }
         set checkboxAlignedRight(v) {
-            this.i.ay = ensureBool(v);
-            this._a("checkboxAlignedRight", this.i.ay);
+            this.i.az = ensureBool(v);
+            this._a("checkboxAlignedRight", this.i.az);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -699,17 +698,17 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.ed();
+            this.i.ej();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.db();
+            this.i.dg();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.dp(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.
@@ -717,22 +716,22 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.dk();
+            this.i.dr();
         }
         notifyInsertItem(index, newItem) {
-            this.i.dl(index, newItem);
+            this.i.ds(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.dn(index, oldItem);
+            this.i.du(index, oldItem);
         }
         refresh() {
             this.i.refresh();
         }
         addKeyValue(value) {
-            this.i.c6(value);
+            this.i.db(value);
         }
         removeKeyValue(value) {
-            this.i.eb(value);
+            this.i.eh(value);
         }
         getDesiredSize(availableSize) {
             let iv = this.i.getDesiredSize(toSize(availableSize));
@@ -743,7 +742,7 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.bm();
+            let iv = this.i.br();
             return (iv);
         }
         /**
@@ -751,7 +750,7 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.b9();
+            let iv = this.i.ce();
             return (iv);
         }
         /**
@@ -759,7 +758,7 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isNothingSelected() {
-            let iv = this.i.a1();
+            let iv = this.i.a2();
             return (iv);
         }
         /**
@@ -767,7 +766,7 @@ let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isEverythingSelected() {
-            let iv = this.i.a0();
+            let iv = this.i.a1();
             return (iv);
         }
         /**

package/esm2015/lib/igc-column-moving-separator-component.js

@@ -65,25 +65,25 @@ let IgcColumnMovingSeparatorComponent = /*@__PURE__*/ (() => {
          * Gets or sets the separator width for this column.
         */
         get separatorWidth() {
-            return this.i.g4;
+            return this.i.g6;
         }
         set separatorWidth(v) {
-            this.i.g4 = +v;
-            this._a("separatorWidth", this.i.g4);
+            this.i.g6 = +v;
+            this._a("separatorWidth", this.i.g6);
         }
         get actualOpacity() {
-            return this.i.g1;
+            return this.i.g3;
         }
         set actualOpacity(v) {
-            this.i.g1 = +v;
-            this._a("actualOpacity", this.i.g1);
+            this.i.g3 = +v;
+            this._a("actualOpacity", this.i.g3);
         }
         get opacity() {
-            return this.i.g2;
+            return this.i.g4;
         }
         set opacity(v) {
-            this.i.g2 = +v;
-            this._a("opacity", this.i.g2);
+            this.i.g4 = +v;
+            this._a("opacity", this.i.g4);
         }
     }
     IgcColumnMovingSeparatorComponent._observedAttributesIgcColumnMovingSeparatorComponent = null;

package/esm2015/lib/igc-column-resizing-separator-component.js

@@ -62,18 +62,18 @@ let IgcColumnResizingSeparatorComponent = /*@__PURE__*/ (() => {
             }
         }
         get actualOpacity() {
-            return this.i.g1;
+            return this.i.g3;
         }
         set actualOpacity(v) {
-            this.i.g1 = +v;
-            this._a("actualOpacity", this.i.g1);
+            this.i.g3 = +v;
+            this._a("actualOpacity", this.i.g3);
         }
         get opacity() {
-            return this.i.g2;
+            return this.i.g4;
         }
         set opacity(v) {
-            this.i.g2 = +v;
-            this._a("opacity", this.i.g2);
+            this.i.g4 = +v;
+            this._a("opacity", this.i.g4);
         }
     }
     IgcColumnResizingSeparatorComponent._observedAttributesIgcColumnResizingSeparatorComponent = null;

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

@@ -65,50 +65,50 @@ let IgcComboBoxColumnComponent = /*@__PURE__*/ (() => {
          * 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 actualDataSource() {
-            return this.i.pb;
+            return this.i.ry;
         }
         set actualDataSource(v) {
-            this.i.pb = v;
+            this.i.ry = v;
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get dataSource() {
-            return this.i.pc;
+            return this.i.rz;
         }
         set dataSource(v) {
-            this.i.pc = v;
+            this.i.rz = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get textField() {
-            return this.i.pg;
+            return this.i.r3;
         }
         set textField(v) {
-            this.i.pg = v;
+            this.i.r3 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueField() {
-            return this.i.ph;
+            return this.i.r4;
         }
         set valueField(v) {
-            this.i.ph = v;
+            this.i.r4 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueMultiField() {
-            return this.i.o9;
+            return this.i.rw;
         }
         set valueMultiField(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.o9 = v;
+            this.i.rw = v;
         }
     }
     IgcComboBoxColumnComponent._observedAttributesIgcComboBoxColumnComponent = null;

package/esm2015/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.
 */
@@ -40,40 +31,54 @@ export class IgcDataBindingEventArgs {
         }
         if (!this.i.cellInfo.externalObject) {
             let ext = null;
+            let 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;
     }