igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.0

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

@@ -94,7 +94,6 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
                 var ren = new AngularRenderer(this.container, this.renderer, window.document, this.ngZone, true, null);
                 this._wrapper = ren;
                 var filterHr = ren.getWrapper(this._hrElement.nativeElement);
-                filterHr.setStyleProperty("margin", "3px 0px");
                 filterHr.setStyleProperty("border-top", "1px solid #dde2eb");
                 filterHr.setStyleProperty("border-left", "0px");
                 filterHr.setStyleProperty("border-right", "0px");
@@ -177,25 +176,25 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.dataMemberPath = v;
         }
         get dataLegendTarget() {
-            return this.i.bm;
+            return this.i.bq;
         }
         set dataLegendTarget(v) {
-            this.i.bm = v;
+            this.i.bq = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get subtitleMemberPath() {
-            return this.i.c3;
+            return this.i.c7;
         }
         set subtitleMemberPath(v) {
-            this.i.c3 = v;
+            this.i.c7 = v;
         }
         get propertyTypeMemberPath() {
-            return this.i.ci;
+            return this.i.cm;
         }
         set propertyTypeMemberPath(v) {
-            this.i.ci = v;
+            this.i.cm = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -210,10 +209,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.cb;
+            return this.i.cf;
         }
         set filterPlaceholderText(v) {
-            this.i.cb = v;
+            this.i.cf = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -228,13 +227,13 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.bj;
+            return this.i.bn;
         }
         set rowHeight(v) {
-            this.i.bj = +v;
+            this.i.bn = +v;
         }
         get actualRowHeight() {
-            return this.i.bh;
+            return this.i.bl;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -290,10 +289,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fj);
         }
         set searchBackgroundColor(v) {
-            this.i.ff = stringToBrush(v);
+            this.i.fj = stringToBrush(v);
         }
         /**
          * Gets or sets the search background color.
@@ -317,10 +316,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.fg);
+            return brushToString(this.i.fk);
         }
         set searchBorderColor(v) {
-            this.i.fg = stringToBrush(v);
+            this.i.fk = stringToBrush(v);
         }
         /**
          * Gets or sets the text style.
@@ -340,46 +339,46 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e9);
         }
         set checkboxTickColor(v) {
-            this.i.e5 = stringToBrush(v);
+            this.i.e9 = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.e3);
+            return brushToString(this.i.e7);
         }
         set checkboxCheckedBackgroundColor(v) {
-            this.i.e3 = stringToBrush(v);
+            this.i.e7 = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.e6);
+            return brushToString(this.i.fa);
         }
         set checkboxUncheckedBackgroundColor(v) {
-            this.i.e6 = stringToBrush(v);
+            this.i.fa = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.e4);
+            return brushToString(this.i.e8);
         }
         set checkboxCheckedBorderColor(v) {
-            this.i.e4 = stringToBrush(v);
+            this.i.e8 = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.fb);
         }
         set checkboxUncheckedBorderColor(v) {
-            this.i.e7 = stringToBrush(v);
+            this.i.fb = stringToBrush(v);
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
@@ -403,37 +402,37 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.fe);
+            return brushToString(this.i.fi);
         }
         set scrollbarBackground(v) {
-            this.i.fe = stringToBrush(v);
+            this.i.fi = stringToBrush(v);
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.cw;
+            return this.i.c0;
         }
         set selectAllCaption(v) {
-            this.i.cw = v;
+            this.i.c0 = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.fn);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.fj = stringToBrush(v);
+            this.i.fn = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.e5);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.e1 = stringToBrush(v);
+            this.i.e5 = stringToBrush(v);
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -466,10 +465,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.fp);
         }
         set textColor(v) {
-            this.i.fl = stringToBrush(v);
+            this.i.fp = stringToBrush(v);
         }
         /**
          * Gets or sets whether the filter input is visible.
@@ -567,17 +566,17 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.ef();
+            this.i.ej();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.dc();
+            this.i.dg();
         }
         notifySetItem(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.
@@ -585,22 +584,22 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.dm();
+            this.i.dr();
         }
         notifyInsertItem(index, newItem) {
-            this.i.dn(index, newItem);
+            this.i.ds(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.dq(index, oldItem);
+            this.i.du(index, oldItem);
         }
         refresh() {
             this.i.refresh();
         }
         addKeyValue(value) {
-            this.i.c7(value);
+            this.i.db(value);
         }
         removeKeyValue(value) {
-            this.i.ed(value);
+            this.i.eh(value);
         }
         getDesiredSize(availableSize) {
             let iv = this.i.getDesiredSize(toSize(availableSize));
@@ -611,7 +610,7 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.bn();
+            let iv = this.i.br();
             return (iv);
         }
         /**
@@ -619,7 +618,7 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.ca();
+            let iv = this.i.ce();
             return (iv);
         }
         /**
@@ -789,7 +788,7 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
                 <hr #hrElement>
                 <div #selectAllSection key='checkBoxListSelectAllSection'></div>
                 <igx-data-grid #listGrid headerHeight="0"></igx-data-grid>
-                </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxDataGridComponent, selector: "igx-data-grid", inputs: ["height", "width", "dataSource", "theme", "columnResizingMode", "columnMovingMode", "isRowHoverEnabled", "rowHoverBackground", "rowHoverTextColor", "editRowBorder", "editRowBorderWidthBottom", "editRowBorderWidthLeft", "editRowBorderWidthRight", "editRowBorderWidthTop", "sectionHeader", "summaryRowRoot", "summaryRowSection", "rowSeparator", "headerRowSeparator", "headerSeparator", "columnResizingSeparator", "columnMovingSeparator", "pinnedAreaSeparator", "autoGenerateDesiredProperties", "dataSourceDesiredProperties", "density", "actualRowHeight", "rowHeight", "defaultColumnMinWidth", "actualHeaderHeight", "headerHeight", "headerClickAction", "editMode", "editModeClickAction", "editOnKeyPress", "autoGenerateColumns", "rowSeparatorHeight", "isPlaceholderRenderingEnabled", "columnAddingAnimationMode", "columnPropertyUpdatingAnimationMode", "cellDataLoadedAnimationMode", "rowSelectionAnimationMode", "rowHoverAnimationMode", "cellSelectionAnimationMode", "animationSettings", "columnResizingAnimationMode", "columnShowingAnimationMode", "columnMovingAnimationMode", "columnHidingAnimationMode", "columnExchangingAnimationMode", "selectionMode", "activationMode", "selectionBehavior", "mouseDragSelectionEnabled", "selectedItems", "selectedKeys", "selectedCells", "selectedCellRanges", "pinnedItems", "pinnedKeys", "isColumnOptionsEnabled", "isGroupRowSticky", "isHeaderSeparatorVisible", "cellSelectedBackground", "sectionHeaderSelectedBackground", "summaryRootBackground", "summarySectionBackground", "pinnedRowOpacity", "editTextStyle", "editOpacity", "deletedTextColor", "stickyRowBackground", "pinnedRowBackground", "lastStickyRowBackground", "activeCell", "cellBackground", "cellTextColor", "headerSortIndicatorColor", "headerSortIndicatorStyle", "cellTextStyle", "sectionHeaderBackground", "sectionHeaderTextColor", "sectionHeaderTextStyle", "summaryRootLabelTextStyle", "summarySectionLabelTextStyle", "summaryRootValueTextColor", "summaryRootValueTextStyle", "summarySectionValueTextStyle", "summarySectionValueTextColor", "summaryRootLabelTextColor", "summarySectionLabelTextColor", "summaryRootSelectedBackground", "summarySectionSelectedBackground", "pinnedAreaSeparatorWidth", "headerSeparatorWidth", "headerSeparatorBackground", "headerBackground", "headerTextColor", "headerTextStyle", "rowSeparatorBackground", "headerRowSeparatorBackground", "rowSeparatorStickyRowBackground", "rowSeparatorLastStickyRowBackground", "rowSeparatorPinnedRowBackground", "columnResizingSeparatorWidth", "columnResizingSeparatorOpacity", "columnMovingSeparatorWidth", "columnMovingSeparatorOpacity", "columnResizingSeparatorBackground", "columnMovingSeparatorBackground", "shiftSectionContent", "columnOptionsIconAlignment", "columnOptionsIconColor", "columnOptionsIconBehavior", "actualBorder", "border", "actualBorderWidth", "borderWidthBottom", "borderWidthLeft", "borderWidthRight", "borderWidthTop", "notifyOnAllSelectionChanges", "cornerRadiusBottomRight", "cornerRadiusBottomLeft", "cornerRadiusTopLeft", "cornerRadiusTopRight", "actualCornerRadiusBottomRight", "actualCornerRadiusBottomLeft", "actualCornerRadiusTopLeft", "actualCornerRadiusTopRight", "isActiveCellStyleEnabled", "stopPropagation", "actualBackground", "background", "responsiveStates", "initialSorts", "initialGroups", "initialSummaries", "summaryScope", "isGroupCollapsable", "groupHeaderDisplayMode", "isGroupExpandedDefault", "groupSummaryDisplayMode", "autoAcceptEdits", "primaryKey", "actualPrimaryKey", "actualColumns", "reactsToSortChanges", "reactsToGroupChanges", "reactsToFilterChanges", "enterBehavior", "enterBehaviorAfterEdit", "isColumnOptionsSummariesEnabled", "isColumnOptionsGroupingEnabled", "mergedCellMode", "mergedCellEvaluationCriteria", "mergedCellVerticalAlignment", "filterUIType", "filterLogicalOperator", "filterComparisonType", "todayOverride", "clearSelectionOnEscape", "pageSize", "isToolbarColumnChooserVisible", "isToolbarColumnPinningVisible", "toolbarTitle", "toolbarColumnChooserText", "toolbarColumnChooserTitle", "toolbarColumnPinningText", "toolbarColumnPinningTitle", "scrollbarStyle", "scrollbarBackground", "columnOptionsBackground", "columnOptionsTextColor", "columnOptionsSeparatorColor", "columnOptionsGroupHeaderBackground", "columnOptionsGroupHeaderTextColor", "columnOptionsAccentColor", "allowCopyOperation", "deferEventForRowDragSelection"], outputs: ["filterExpressionsChanging", "filterExpressionsChanged", "cellPreviewPointerDown", "cellPreviewPointerUp", "cellPointerDown", "cellPointerUp", "cellClicked", "sortDescriptionsChanged", "groupDescriptionsChanged", "summaryDescriptionsChanged", "columnHiddenChanged", "columnPinnedChanged", "cellValueChanging", "dataCommitted", "dataCommitting", "rootSummariesChanged", "sizeChanged", "actualColumnsChanged", "columnsAutoGenerated", "selectedItemsChanged", "selectedKeysChanged", "selectedCellsChanged", "selectionChanged", "activeCellChanged", "selectedCellRangesChanged", "columnWidthChanged", "cellEditStarted", "cellEditEnded", "rowEditStarted", "rowEditEnded", "customFilterRequested", "actualPrimaryKeyChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+                </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxDataGridComponent, selector: "igx-data-grid", inputs: ["height", "width", "dataSource", "theme", "columnResizingMode", "columnMovingMode", "isRowHoverEnabled", "rowHoverBackground", "rowHoverTextColor", "editRowBorder", "editRowBorderWidthBottom", "editRowBorderWidthLeft", "editRowBorderWidthRight", "editRowBorderWidthTop", "sectionHeader", "summaryRowRoot", "summaryRowSection", "rowSeparator", "headerRowSeparator", "headerSeparator", "columnResizingSeparator", "columnMovingSeparator", "pinnedAreaSeparator", "autoGenerateDesiredProperties", "dataSourceDesiredProperties", "density", "actualRowHeight", "rowHeight", "defaultColumnMinWidth", "actualHeaderHeight", "headerHeight", "headerClickAction", "editMode", "editModeClickAction", "editOnKeyPress", "autoGenerateColumns", "rowSeparatorHeight", "isPlaceholderRenderingEnabled", "columnAddingAnimationMode", "columnPropertyUpdatingAnimationMode", "cellDataLoadedAnimationMode", "rowSelectionAnimationMode", "rowHoverAnimationMode", "cellSelectionAnimationMode", "animationSettings", "columnResizingAnimationMode", "columnShowingAnimationMode", "columnMovingAnimationMode", "columnHidingAnimationMode", "columnExchangingAnimationMode", "selectionMode", "activationMode", "selectionBehavior", "mouseDragSelectionEnabled", "selectedItems", "selectedKeys", "selectedCells", "selectedCellRanges", "pinnedItems", "pinnedKeys", "isColumnOptionsEnabled", "useNewerColumnOptionsMenu", "isGroupRowSticky", "isHeaderSeparatorVisible", "cellSelectedBackground", "cellSelectedTextColor", "sectionHeaderSelectedBackground", "summaryRootBackground", "summarySectionBackground", "pinnedRowOpacity", "editTextStyle", "editOpacity", "deletedTextColor", "stickyRowBackground", "pinnedRowBackground", "lastStickyRowBackground", "activeCell", "cellBackground", "cellTextColor", "headerSortIndicatorColor", "headerSortIndicatorStyle", "cellTextStyle", "sectionHeaderBackground", "sectionHeaderTextColor", "sectionHeaderExpansionIndicatorIconColor", "sectionHeaderTextStyle", "summaryRootLabelTextStyle", "summarySectionLabelTextStyle", "summaryRootValueTextColor", "summaryRootValueTextStyle", "summarySectionValueTextStyle", "summarySectionValueTextColor", "summaryRootLabelTextColor", "summarySectionLabelTextColor", "summaryRootSelectedBackground", "summarySectionSelectedBackground", "pinnedAreaSeparatorWidth", "headerSeparatorWidth", "headerSeparatorBackground", "headerBackground", "headerTextColor", "headerTextStyle", "rowSeparatorBackground", "headerRowSeparatorBackground", "rowSeparatorStickyRowBackground", "rowSeparatorLastStickyRowBackground", "rowSeparatorPinnedRowBackground", "columnResizingSeparatorWidth", "columnResizingSeparatorOpacity", "columnMovingSeparatorWidth", "columnMovingSeparatorOpacity", "columnResizingSeparatorBackground", "columnMovingSeparatorBackground", "shiftSectionContent", "columnOptionsIconAlignment", "columnOptionsIconColor", "columnOptionsIconBehavior", "actualBorder", "border", "actualBorderWidth", "borderWidthBottom", "borderWidthLeft", "borderWidthRight", "borderWidthTop", "notifyOnAllSelectionChanges", "cornerRadiusBottomRight", "cornerRadiusBottomLeft", "cornerRadiusTopLeft", "cornerRadiusTopRight", "actualCornerRadiusBottomRight", "actualCornerRadiusBottomLeft", "actualCornerRadiusTopLeft", "actualCornerRadiusTopRight", "isActiveCellStyleEnabled", "stopPropagation", "actualBackground", "background", "responsiveStates", "initialSorts", "initialGroups", "initialSummaries", "summaryScope", "isGroupCollapsable", "groupHeaderDisplayMode", "isGroupExpandedDefault", "groupSummaryDisplayMode", "autoAcceptEdits", "primaryKey", "actualPrimaryKey", "actualColumns", "reactsToSortChanges", "reactsToGroupChanges", "reactsToFilterChanges", "enterBehavior", "enterBehaviorAfterEdit", "isColumnOptionsSummariesEnabled", "isColumnOptionsGroupingEnabled", "mergedCellMode", "mergedCellEvaluationCriteria", "mergedCellVerticalAlignment", "filterUIType", "filterLogicalOperator", "filterComparisonType", "todayOverride", "clearSelectionOnEscape", "pageSize", "isToolbarColumnChooserVisible", "isToolbarColumnPinningVisible", "toolbarTitle", "toolbarColumnChooserText", "toolbarColumnChooserTitle", "toolbarColumnPinningText", "toolbarColumnPinningTitle", "scrollbarStyle", "scrollbarBackground", "columnOptionsBackground", "columnOptionsTextColor", "columnOptionsTextStyle", "columnOptionsHoverBackgroundColor", "columnOptionsToolTipBackgroundColor", "columnOptionsHighlightColor", "columnOptionsSeparatorColor", "columnOptionsGroupHeaderBackground", "columnOptionsGroupHeaderTextColor", "columnOptionsGroupHeaderTextStyle", "columnOptionsAccentColor", "columnOptionsRowHeight", "allowCopyOperation", "maxSelectedCellRanges", "deferEventForRowDragSelection"], outputs: ["filterExpressionsChanging", "filterExpressionsChanged", "cellPreviewPointerDown", "cellPreviewPointerUp", "cellPointerDown", "cellPointerUp", "cellClicked", "filterRowDataBinding", "filterRowDataBound", "sortDescriptionsChanged", "groupDescriptionsChanged", "summaryDescriptionsChanged", "columnHiddenChanged", "columnPinnedChanged", "cellValueChanging", "dataCommitted", "dataCommitting", "rootSummariesChanged", "sizeChanged", "actualColumnsChanged", "columnsAutoGenerated", "selectedItemsChanged", "selectedKeysChanged", "selectedCellsChanged", "selectionChanged", "activeCellChanged", "selectedCellRangesChanged", "columnWidthChanged", "cellEditStarted", "cellEditEnded", "rowEditStarted", "rowEditEnded", "customFilterRequested", "actualPrimaryKeyChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxCheckboxListComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxCheckboxListComponent, decorators: [{

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

@@ -34,22 +34,22 @@ export let IgxColumnMovingSeparatorComponent = /*@__PURE__*/ (() => {
          * Gets or sets the separator width for this column.
         */
         get separatorWidth() {
-            return this.i.g6;
+            return this.i.g7;
         }
         set separatorWidth(v) {
-            this.i.g6 = +v;
+            this.i.g7 = +v;
         }
         get actualOpacity() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set actualOpacity(v) {
-            this.i.g3 = +v;
+            this.i.g4 = +v;
         }
         get opacity() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set opacity(v) {
-            this.i.g4 = +v;
+            this.i.g5 = +v;
         }
     }
     IgxColumnMovingSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxColumnMovingSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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

@@ -31,16 +31,16 @@ export let IgxColumnResizingSeparatorComponent = /*@__PURE__*/ (() => {
             }
         }
         get actualOpacity() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set actualOpacity(v) {
-            this.i.g3 = +v;
+            this.i.g4 = +v;
         }
         get opacity() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set opacity(v) {
-            this.i.g4 = +v;
+            this.i.g5 = +v;
         }
     }
     IgxColumnResizingSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxColumnResizingSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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

@@ -38,50 +38,50 @@ export let IgxComboBoxColumnComponent = /*@__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.qs;
+            return this.i.r9;
         }
         set actualDataSource(v) {
-            this.i.qs = v;
+            this.i.r9 = v;
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get dataSource() {
-            return this.i.qt;
+            return this.i.sa;
         }
         set dataSource(v) {
-            this.i.qt = v;
+            this.i.sa = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get textField() {
-            return this.i.qx;
+            return this.i.se;
         }
         set textField(v) {
-            this.i.qx = v;
+            this.i.se = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueField() {
-            return this.i.qy;
+            return this.i.sf;
         }
         set valueField(v) {
-            this.i.qy = v;
+            this.i.sf = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueMultiField() {
-            return this.i.qq;
+            return this.i.r7;
         }
         set valueMultiField(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.qq = v;
+            this.i.r7 = v;
         }
     }
     IgxComboBoxColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxComboBoxColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-data-binding-event-args.js

@@ -1,14 +1,5 @@
+import { TypeRegistrar } from "igniteui-angular-core";
 import { DataBindingEventArgs as DataBindingEventArgs_internal } from "./DataBindingEventArgs";
-import { IgxDateTimeCellInfo } from "./igx-date-time-cell-info";
-import { IgxImageCellInfo } from "./igx-image-cell-info";
-import { IgxNumericCellInfo } from "./igx-numeric-cell-info";
-import { IgxRowSeparatorInfo } from "./igx-row-separator-info";
-import { IgxSectionHeaderCellInfo } from "./igx-section-header-cell-info";
-import { IgxTemplateCellInfo } from "./igx-template-cell-info";
-import { IgxTemplateHeaderCellInfo } from "./igx-template-header-cell-info";
-import { IgxTemplateSectionHeaderCellInfo } from "./igx-template-section-header-cell-info";
-import { IgxTextCellInfo } from "./igx-text-cell-info";
-import { IgxTextHeaderCellInfo } from "./igx-text-header-cell-info";
 /**
  * Information about the data binding taking place.
 */
@@ -40,40 +31,54 @@ export class IgxDataBindingEventArgs {
         }
         if (!this.i.cellInfo.externalObject) {
             let ext = null;
+            let extTypeName = null;
             switch (this.i.cellInfo.$type.name) {
                 case "DateTimeCellModel":
-                    ext = new IgxDateTimeCellInfo();
+                    extTypeName = "IgxDateTimeCellInfo";
                     break;
                 case "ImageCellModel":
-                    ext = new IgxImageCellInfo();
+                    extTypeName = "IgxImageCellInfo";
                     break;
                 case "NumericCellModel":
-                    ext = new IgxNumericCellInfo();
+                    extTypeName = "IgxNumericCellInfo";
                     break;
                 case "RowSeparatorModel":
-                    ext = new IgxRowSeparatorInfo();
+                    extTypeName = "IgxRowSeparatorInfo";
                     break;
                 case "SectionHeaderCellModel":
-                    ext = new IgxSectionHeaderCellInfo();
+                    extTypeName = "IgxSectionHeaderCellInfo";
                     break;
                 case "TemplateCellModel":
-                    ext = new IgxTemplateCellInfo();
+                    extTypeName = "IgxTemplateCellInfo";
                     break;
                 case "TemplateHeaderCellModel":
-                    ext = new IgxTemplateHeaderCellInfo();
+                    extTypeName = "IgxTemplateHeaderCellInfo";
                     break;
                 case "TemplateSectionHeaderCellModel":
-                    ext = new IgxTemplateSectionHeaderCellInfo();
+                    extTypeName = "IgxTemplateSectionHeaderCellInfo";
                     break;
                 case "TextCellModel":
-                    ext = new IgxTextCellInfo();
+                    extTypeName = "IgxTextCellInfo";
                     break;
                 case "TextHeaderCellModel":
-                    ext = new IgxTextHeaderCellInfo();
+                    extTypeName = "IgxTextHeaderCellInfo";
                     break;
+                case "FilterCellModel":
+                    extTypeName = "IgxFilterCellInfo";
+                    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;
     }