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

package/esm2015/lib/igc-data-grid-component.js

@@ -133,6 +133,7 @@ import { IgcFilterCellInfo } from "./igc-filter-cell-info";
 import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
 import { IgcDataSourceRootSummariesChangedEventArgs } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
+import { IgcDataBindingEventArgs } from './igc-data-binding-event-args';
 let GridStylingDefaults = {};
 let IgcDataGridComponent = /*@__PURE__*/ (() => {
     class IgcDataGridComponent extends IgcHTMLElement {
@@ -305,6 +306,10 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this._cellPointerUp_wrapped = null;
             this._cellClicked = null;
             this._cellClicked_wrapped = null;
+            this._filterRowDataBinding = null;
+            this._filterRowDataBinding_wrapped = null;
+            this._filterRowDataBound = null;
+            this._filterRowDataBound_wrapped = null;
             this._sortDescriptionsChanged = null;
             this._sortDescriptionsChanged_wrapped = null;
             this._groupDescriptionsChanged = null;
@@ -1772,6 +1777,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.isColumnOptionsEnabled = ensureBool(v);
             this._a("isColumnOptionsEnabled", this.i.isColumnOptionsEnabled);
         }
+        get useNewerColumnOptionsMenu() {
+            return this.i.useNewerColumnOptionsMenu;
+        }
+        set useNewerColumnOptionsMenu(v) {
+            this.i.useNewerColumnOptionsMenu = ensureBool(v);
+            this._a("useNewerColumnOptionsMenu", this.i.useNewerColumnOptionsMenu);
+        }
         /**
          * Gets or sets if group rows will stick to the top of the grid.
         */
@@ -3170,6 +3182,51 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.columnOptionsTextColor = stringToBrush(v);
             this._a("columnOptionsTextColor", brushToString(this.i.columnOptionsTextColor));
         }
+        /**
+         * Gets or sets the font settings for text inside the column options menu.
+        */
+        get columnOptionsTextStyle() {
+            if (this.i.columnOptionsTextStyle == null) {
+                return null;
+            }
+            return this.i.columnOptionsTextStyle.fontString;
+        }
+        set columnOptionsTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.columnOptionsTextStyle = fi;
+            this._a("columnOptionsTextStyle", this.i.columnOptionsTextStyle != null ? this.i.columnOptionsTextStyle.fontString : "");
+        }
+        /**
+         * Gets or sets the hover background color inside the column options menu.
+        */
+        get columnOptionsHoverBackgroundColor() {
+            return brushToString(this.i.columnOptionsHoverBackgroundColor);
+        }
+        set columnOptionsHoverBackgroundColor(v) {
+            this.i.columnOptionsHoverBackgroundColor = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.columnOptionsHoverBackgroundColor));
+        }
+        /**
+         * Gets or sets the tooltip background color inside the column options menu.
+        */
+        get columnOptionsToolTipBackgroundColor() {
+            return brushToString(this.i.columnOptionsToolTipBackgroundColor);
+        }
+        set columnOptionsToolTipBackgroundColor(v) {
+            this.i.columnOptionsToolTipBackgroundColor = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.columnOptionsToolTipBackgroundColor));
+        }
+        /**
+         * Gets or sets the highlight color inside the column options menu.
+        */
+        get columnOptionsHighlightColor() {
+            return brushToString(this.i.columnOptionsHighlightColor);
+        }
+        set columnOptionsHighlightColor(v) {
+            this.i.columnOptionsHighlightColor = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.columnOptionsHighlightColor));
+        }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
@@ -3200,6 +3257,21 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.columnOptionsGroupHeaderTextColor = stringToBrush(v);
             this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.columnOptionsGroupHeaderTextColor));
         }
+        /**
+         * Gets or sets the font settings for group header text inside the column options menu.
+        */
+        get columnOptionsGroupHeaderTextStyle() {
+            if (this.i.columnOptionsGroupHeaderTextStyle == null) {
+                return null;
+            }
+            return this.i.columnOptionsGroupHeaderTextStyle.fontString;
+        }
+        set columnOptionsGroupHeaderTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.columnOptionsGroupHeaderTextStyle = fi;
+            this._a("columnOptionsGroupHeaderTextStyle", this.i.columnOptionsGroupHeaderTextStyle != null ? this.i.columnOptionsGroupHeaderTextStyle.fontString : "");
+        }
         get columnOptionsAccentColor() {
             return brushToString(this.i.columnOptionsAccentColor);
         }
@@ -3207,6 +3279,16 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.columnOptionsAccentColor = stringToBrush(v);
             this._a("columnOptionsAccentColor", brushToString(this.i.columnOptionsAccentColor));
         }
+        /**
+         * Gets or sets the row height for submenus inside the column options menu.
+        */
+        get columnOptionsRowHeight() {
+            return this.i.columnOptionsRowHeight;
+        }
+        set columnOptionsRowHeight(v) {
+            this.i.columnOptionsRowHeight = +v;
+            this._a("columnOptionsRowHeight", this.i.columnOptionsRowHeight);
+        }
         get allowCopyOperation() {
             return this.i.allowCopyOperation;
         }
@@ -3214,6 +3296,13 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.allowCopyOperation = ensureBool(v);
             this._a("allowCopyOperation", this.i.allowCopyOperation);
         }
+        get maxSelectedCellRanges() {
+            return this.i.maxSelectedCellRanges;
+        }
+        set maxSelectedCellRanges(v) {
+            this.i.maxSelectedCellRanges = +v;
+            this._a("maxSelectedCellRanges", this.i.maxSelectedCellRanges);
+        }
         /**
          * Gets or sets whether to defer the SelectedItemsChanged and SelectedKeysChanged events till after the drag selection has completed.
         */
@@ -3935,6 +4024,52 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.cellClicked = delegateCombine(this.i.cellClicked, this._cellClicked_wrapped);
             ;
         }
+        get filterRowDataBinding() {
+            return this._filterRowDataBinding;
+        }
+        set filterRowDataBinding(ev) {
+            if (this._filterRowDataBinding_wrapped !== null) {
+                this.i.filterRowDataBinding = delegateRemove(this.i.filterRowDataBinding, this._filterRowDataBinding_wrapped);
+                this._filterRowDataBinding_wrapped = null;
+                this._filterRowDataBinding = null;
+            }
+            this._filterRowDataBinding = ev;
+            this._filterRowDataBinding_wrapped = (o, e) => {
+                let outerArgs = new IgcDataBindingEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeFilterRowDataBinding) {
+                    this.beforeFilterRowDataBinding(this, outerArgs);
+                }
+                if (this._filterRowDataBinding) {
+                    this._filterRowDataBinding(this, outerArgs);
+                }
+            };
+            this.i.filterRowDataBinding = delegateCombine(this.i.filterRowDataBinding, this._filterRowDataBinding_wrapped);
+            ;
+        }
+        get filterRowDataBound() {
+            return this._filterRowDataBound;
+        }
+        set filterRowDataBound(ev) {
+            if (this._filterRowDataBound_wrapped !== null) {
+                this.i.filterRowDataBound = delegateRemove(this.i.filterRowDataBound, this._filterRowDataBound_wrapped);
+                this._filterRowDataBound_wrapped = null;
+                this._filterRowDataBound = null;
+            }
+            this._filterRowDataBound = ev;
+            this._filterRowDataBound_wrapped = (o, e) => {
+                let outerArgs = new IgcDataBindingEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeFilterRowDataBound) {
+                    this.beforeFilterRowDataBound(this, outerArgs);
+                }
+                if (this._filterRowDataBound) {
+                    this._filterRowDataBound(this, outerArgs);
+                }
+            };
+            this.i.filterRowDataBound = delegateCombine(this.i.filterRowDataBound, this._filterRowDataBound_wrapped);
+            ;
+        }
         /**
          * Called when sorting has changed.
         */

package/esm2015/lib/igc-data-grid-filter-dialog-component.js

@@ -7,6 +7,7 @@ import { GridFilterDialog } from "./GridFilterDialog";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureBool, brushToString, stringToBrush, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
 let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
     class IgcDataGridFilterDialogComponent extends IgcHTMLElement {
         createImplementation() {
@@ -142,11 +143,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             }
         }
         get isAnimationEnabled() {
-            return this.i.ad;
+            return this.i.ai;
         }
         set isAnimationEnabled(v) {
-            this.i.ad = ensureBool(v);
-            this._a("isAnimationEnabled", this.i.ad);
+            this.i.ai = ensureBool(v);
+            this._a("isAnimationEnabled", this.i.ai);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control.
@@ -154,11 +155,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get pixelScalingRatio() {
-            return this.i.al;
+            return this.i.aq;
         }
         set pixelScalingRatio(v) {
-            this.i.al = +v;
-            this._a("pixelScalingRatio", this.i.al);
+            this.i.aq = +v;
+            this._a("pixelScalingRatio", this.i.aq);
         }
         /**
          * Gets the actual pixel scaling ratio used to affect the pixel density of the control.
@@ -166,85 +167,155 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get actualPixelScalingRatio() {
-            return this.i.ak;
+            return this.i.ap;
         }
         set actualPixelScalingRatio(v) {
-            this.i.ak = +v;
-            this._a("actualPixelScalingRatio", this.i.ak);
+            this.i.ap = +v;
+            this._a("actualPixelScalingRatio", this.i.ap);
         }
         get iconColor() {
-            return brushToString(this.i.ci);
+            return brushToString(this.i.c1);
         }
         set iconColor(v) {
-            this.i.ci = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.ci));
+            this.i.c1 = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.c1));
         }
         get viewSize() {
-            return this.i.am;
+            return this.i.ar;
         }
         set viewSize(v) {
-            this.i.am = +v;
-            this._a("viewSize", this.i.am);
+            this.i.ar = +v;
+            this._a("viewSize", this.i.ar);
         }
         /**
          * Gets or sets the column options dropdown background color.
         */
         get columnOptionsBackground() {
-            return brushToString(this.i.cd);
+            return brushToString(this.i.ct);
         }
         set columnOptionsBackground(v) {
-            this.i.cd = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.cd));
+            this.i.ct = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.ct));
         }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */
         get columnOptionsTextColor() {
-            return brushToString(this.i.ch);
+            return brushToString(this.i.cz);
         }
         set columnOptionsTextColor(v) {
-            this.i.ch = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.ch));
+            this.i.cz = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.cz));
+        }
+        /**
+         * Gets or sets the font settings for text inside the column options menu.
+        */
+        get columnOptionsTextStyle() {
+            if (this.i.ab == null) {
+                return null;
+            }
+            return this.i.ab.fontString;
+        }
+        set columnOptionsTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ab = fi;
+            this._a("columnOptionsTextStyle", this.i.ab != null ? this.i.ab.fontString : "");
+        }
+        /**
+         * Gets or sets the hover background color inside the column options menu.
+        */
+        get columnOptionsHoverBackgroundColor() {
+            return brushToString(this.i.cx);
+        }
+        set columnOptionsHoverBackgroundColor(v) {
+            this.i.cx = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.cx));
+        }
+        /**
+         * Gets or sets the tooltip background color inside the column options menu.
+        */
+        get columnOptionsToolTipBackgroundColor() {
+            return brushToString(this.i.c0);
+        }
+        set columnOptionsToolTipBackgroundColor(v) {
+            this.i.c0 = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.c0));
+        }
+        /**
+         * Gets or sets the highlight color inside the column options menu.
+        */
+        get columnOptionsHighlightColor() {
+            return brushToString(this.i.cw);
+        }
+        set columnOptionsHighlightColor(v) {
+            this.i.cw = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.cw));
         }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
         get columnOptionsSeparatorColor() {
-            return brushToString(this.i.cg);
+            return brushToString(this.i.cy);
         }
         set columnOptionsSeparatorColor(v) {
-            this.i.cg = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.cg));
+            this.i.cy = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.cy));
         }
         /**
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.ce);
+            return brushToString(this.i.cu);
         }
         set columnOptionsGroupHeaderBackground(v) {
-            this.i.ce = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.ce));
+            this.i.cu = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.cu));
         }
         /**
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.cf);
+            return brushToString(this.i.cv);
         }
         set columnOptionsGroupHeaderTextColor(v) {
-            this.i.cf = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cf));
+            this.i.cv = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cv));
+        }
+        /**
+         * Gets or sets the font settings for group header text inside the column options menu.
+        */
+        get columnOptionsGroupHeaderTextStyle() {
+            if (this.i.aa == null) {
+                return null;
+            }
+            return this.i.aa.fontString;
+        }
+        set columnOptionsGroupHeaderTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.aa = fi;
+            this._a("columnOptionsGroupHeaderTextStyle", this.i.aa != null ? this.i.aa.fontString : "");
         }
         get columnOptionsAccentColor() {
-            return brushToString(this.i.cc);
+            return brushToString(this.i.cs);
         }
         set columnOptionsAccentColor(v) {
-            this.i.cc = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.cc));
+            this.i.cs = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.cs));
+        }
+        /**
+         * Gets or sets the row height for submenus inside the column options menu.
+        */
+        get columnOptionsRowHeight() {
+            return this.i.ax;
+        }
+        set columnOptionsRowHeight(v) {
+            this.i.ax = +v;
+            this._a("columnOptionsRowHeight", this.i.ax);
         }
         get isOpen() {
-            return this.i.ae;
+            return this.i.aj;
         }
         get commandCompleted() {
             return this.i.commandCompleted;
@@ -320,16 +391,16 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         notifySizeChanged(width, height) {
-            this.i.bo(width, height);
+            this.i.b1(width, height);
         }
         notifyCellSizeChanged() {
-            this.i.bn();
+            this.i.b0();
         }
         showIcon() {
-            this.i.b1();
+            this.i.ce();
         }
         hideIcon() {
-            this.i.bl();
+            this.i.by();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();

package/esm2015/lib/igc-date-time-cell-info.js

@@ -22,56 +22,56 @@ export class IgcDateTimeCellInfo extends IgcCellInfo {
      * Sets or gets the DateTime value for the cell.
     */
     get dateTimeValue() {
-        return this.i.oa;
+        return this.i.ob;
     }
     set dateTimeValue(v) {
-        this.i.oa = v;
+        this.i.ob = v;
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.or;
+        return this.i.os;
     }
     set formatStringOverride(v) {
-        this.i.or = v;
+        this.i.os = v;
     }
     get formatSpecifiers() {
-        return this.i.n1;
+        return this.i.n2;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n1 = v;
+        this.i.n2 = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.ok;
+        return this.i.ol;
     }
     set formatOverride(v) {
-        this.i.ok = v;
+        this.i.ol = v;
     }
     /**
      * Sets or gets the simple DateTimeFormat to use for the cell.
     */
     get dateTimeFormat() {
-        return this.i.n6;
+        return this.i.n7;
     }
     set dateTimeFormat(v) {
-        this.i.n6 = ensureEnum(DateTimeFormats_$type, v);
+        this.i.n7 = ensureEnum(DateTimeFormats_$type, v);
     }
     /**
      * Sets or gets whether the value to use is a DateTimeOffset value.
     */
     get isOffsetValue() {
-        return this.i.n8;
+        return this.i.n9;
     }
     set isOffsetValue(v) {
-        this.i.n8 = ensureBool(v);
+        this.i.n9 = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);

package/esm2015/lib/igc-date-time-column-component.js

@@ -67,95 +67,95 @@ let IgcDateTimeColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get dateTimeFormat() {
-            return this.i.qv;
+            return this.i.r1;
         }
         set dateTimeFormat(v) {
-            this.i.qv = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.qv));
+            this.i.r1 = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.r1));
         }
         /**
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get formatString() {
-            return this.i.rd;
+            return this.i.sj;
         }
         set formatString(v) {
-            this.i.rd = v;
+            this.i.sj = v;
         }
         /**
          * Gets or sets the format string to use when editing dates.
         */
         get editorFormatString() {
-            return this.i.q6;
+            return this.i.sc;
         }
         set editorFormatString(v) {
-            this.i.q6 = v;
+            this.i.sc = v;
         }
         get formatSpecifiers() {
-            return this.i.qr;
+            return this.i.rx;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.qr = v;
+            this.i.rx = v;
         }
         /**
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.q2;
+            return this.i.r8;
         }
         set formatOverride(v) {
-            this.i.q2 = v;
+            this.i.r8 = v;
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.qy;
+            return this.i.r4;
         }
         set showTodayButton(v) {
-            this.i.qy = ensureBool(v);
-            this._a("showTodayButton", this.i.qy);
+            this.i.r4 = ensureBool(v);
+            this._a("showTodayButton", this.i.r4);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.qw;
+            return this.i.r2;
         }
         set editorType(v) {
-            this.i.qw = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.qw));
+            this.i.r2 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.r2));
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.q1;
+            return this.i.r7;
         }
         set editorDataSource(v) {
-            this.i.q1 = v;
+            this.i.r7 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.q8;
+            return this.i.se;
         }
         set editorTextField(v) {
-            this.i.q8 = v;
+            this.i.se = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.q9;
+            return this.i.sf;
         }
         set editorValueField(v) {
-            this.i.q9 = v;
+            this.i.sf = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igc-date-time-column-module.js

@@ -4,11 +4,13 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
+import { IgcDateTimeCellInfo } from './igc-date-time-cell-info';
 import { IgcDateTimeColumnComponent } from './igc-date-time-column-component';
 import { DateTimeColumn } from './DateTimeColumn';
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 export class IgcDateTimeColumnModule {
     static register() {
+        TypeRegistrar.registerCons("IgcDateTimeCellInfo", IgcDateTimeCellInfo);
         IgcDateTimeColumnComponent.register();
         TypeRegistrar.registerCons("IgcDateTimeColumnComponent", IgcDateTimeColumnComponent);
         TypeRegistrar.register("DateTimeColumn", DateTimeColumn.$type);