igniteui-webcomponents-data-grids 6.2.2-alpha.3 → 6.3.0-beta.0

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

@@ -83,137 +83,137 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.ky;
+            return this.i.k0;
         }
         set paddingLeft(v) {
-            this.i.ky = +v;
-            this._a("paddingLeft", this.i.ky);
+            this.i.k0 = +v;
+            this._a("paddingLeft", this.i.k0);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.k0;
+            return this.i.k2;
         }
         set paddingTop(v) {
-            this.i.k0 = +v;
-            this._a("paddingTop", this.i.k0);
+            this.i.k2 = +v;
+            this._a("paddingTop", this.i.k2);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.kz;
+            return this.i.k1;
         }
         set paddingRight(v) {
-            this.i.kz = +v;
-            this._a("paddingRight", this.i.kz);
+            this.i.k1 = +v;
+            this._a("paddingRight", this.i.k1);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.kx;
+            return this.i.kz;
         }
         set paddingBottom(v) {
-            this.i.kx = +v;
-            this._a("paddingBottom", this.i.kx);
+            this.i.kz = +v;
+            this._a("paddingBottom", this.i.kz);
         }
         /**
          * Gets or sets an unique name of the Column
         */
         get name() {
-            return this.i.mw;
+            return this.i.my;
         }
         set name(v) {
-            this.i.mw = v;
+            this.i.my = v;
         }
         /**
          * Gets or sets the key used for the column binding
         */
         get field() {
-            return this.i.l5;
+            return this.i.l7;
         }
         set field(v) {
-            this.i.l5 = v;
+            this.i.l7 = v;
         }
         /**
          * Gets or sets the text displayed in the header of the column
         */
         get headerText() {
-            return this.i.mc;
+            return this.i.me;
         }
         set headerText(v) {
-            this.i.mc = v;
+            this.i.me = v;
         }
         /**
          * Gets the actual text displayed in the header of the column
         */
         get actualHeaderText() {
-            return this.i.lk;
+            return this.i.lm;
         }
         set actualHeaderText(v) {
-            this.i.lk = v;
+            this.i.lm = v;
         }
         /**
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.o2);
+            return brushToString(this.i.o5);
         }
         set selectedBackground(v) {
-            this.i.o2 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.o2));
+            this.i.o5 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.o5));
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.ov);
+            return brushToString(this.i.oy);
         }
         set actualSelectedBackground(v) {
-            this.i.ov = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.ov));
+            this.i.oy = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.oy));
         }
         /**
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get rowHoverBackground() {
-            return brushToString(this.i.o0);
+            return brushToString(this.i.o3);
         }
         set rowHoverBackground(v) {
-            this.i.o0 = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.o0));
+            this.i.o3 = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.o3));
         }
         /**
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.ot);
+            return brushToString(this.i.ow);
         }
         set actualHoverBackground(v) {
-            this.i.ot = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.ot));
+            this.i.ow = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.ow));
         }
         /**
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get rowHoverTextColor() {
-            return brushToString(this.i.o1);
+            return brushToString(this.i.o4);
         }
         set rowHoverTextColor(v) {
-            this.i.o1 = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.o1));
+            this.i.o4 = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.o4));
         }
         /**
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get actualRowHoverTextColor() {
-            return brushToString(this.i.ou);
+            return brushToString(this.i.ox);
         }
         set actualRowHoverTextColor(v) {
-            this.i.ou = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.ou));
+            this.i.ox = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.ox));
         }
         /**
          * Gets or sets the animation settings to use for this column.
@@ -275,11 +275,11 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get minWidth() {
-            return this.i.ka;
+            return this.i.kb;
         }
         set minWidth(v) {
-            this.i.ka = +v;
-            this._a("minWidth", this.i.ka);
+            this.i.kb = +v;
+            this._a("minWidth", this.i.kb);
         }
         /**
          * Gets whether this column was projected from markup/templates and is constrained.
@@ -425,21 +425,21 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual column options icon color for this column.
         */
         get actualColumnOptionsIconColor() {
-            return brushToString(this.i.or);
+            return brushToString(this.i.ou);
         }
         set actualColumnOptionsIconColor(v) {
-            this.i.or = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.or));
+            this.i.ou = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.ou));
         }
         /**
          * Gets or sets the column options icon color for this column.
         */
         get columnOptionsIconColor() {
-            return brushToString(this.i.ow);
+            return brushToString(this.i.oz);
         }
         set columnOptionsIconColor(v) {
-            this.i.ow = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.ow));
+            this.i.oz = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.oz));
         }
         /**
          * Gets or sets how the column option icon will behave in the column header.
@@ -536,41 +536,41 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the text color used for deleted rows.
         */
         get deletedTextColor() {
-            return brushToString(this.i.ox);
+            return brushToString(this.i.o0);
         }
         set deletedTextColor(v) {
-            this.i.ox = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.ox));
+            this.i.o0 = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.o0));
         }
         /**
          * Gets the actual text color used for deleted rows.
         */
         get actualDeletedTextColor() {
-            return brushToString(this.i.os);
+            return brushToString(this.i.ov);
         }
         set actualDeletedTextColor(v) {
-            this.i.os = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.os));
+            this.i.ov = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.ov));
         }
         /**
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get editOpacity() {
-            return this.i.j9;
+            return this.i.ka;
         }
         set editOpacity(v) {
-            this.i.j9 = +v;
-            this._a("editOpacity", this.i.j9);
+            this.i.ka = +v;
+            this._a("editOpacity", this.i.ka);
         }
         /**
          * Gets the actual opacity for unsaved edited cell values.
         */
         get actualEditOpacity() {
-            return this.i.j8;
+            return this.i.j9;
         }
         set actualEditOpacity(v) {
-            this.i.j8 = +v;
-            this._a("actualEditOpacity", this.i.j8);
+            this.i.j9 = +v;
+            this._a("actualEditOpacity", this.i.j9);
         }
         /**
          * Gets or sets the font style to use for unsaved cell edits.
@@ -636,41 +636,41 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get mergedCellPaddingLeft() {
-            return this.i.kr;
+            return this.i.kt;
         }
         set mergedCellPaddingLeft(v) {
-            this.i.kr = +v;
-            this._a("mergedCellPaddingLeft", this.i.kr);
+            this.i.kt = +v;
+            this._a("mergedCellPaddingLeft", this.i.kt);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get mergedCellPaddingTop() {
-            return this.i.kt;
+            return this.i.kv;
         }
         set mergedCellPaddingTop(v) {
-            this.i.kt = +v;
-            this._a("mergedCellPaddingTop", this.i.kt);
+            this.i.kv = +v;
+            this._a("mergedCellPaddingTop", this.i.kv);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get mergedCellPaddingRight() {
-            return this.i.ks;
+            return this.i.ku;
         }
         set mergedCellPaddingRight(v) {
-            this.i.ks = +v;
-            this._a("mergedCellPaddingRight", this.i.ks);
+            this.i.ku = +v;
+            this._a("mergedCellPaddingRight", this.i.ku);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get mergedCellPaddingBottom() {
-            return this.i.kq;
+            return this.i.ks;
         }
         set mergedCellPaddingBottom(v) {
-            this.i.kq = +v;
-            this._a("mergedCellPaddingBottom", this.i.kq);
+            this.i.ks = +v;
+            this._a("mergedCellPaddingBottom", this.i.ks);
         }
         /**
          * Gets or sets whether UI filters are case sensitive or not.
@@ -716,20 +716,20 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the text to display in the suffix area of cells in this column.
         */
         get suffixText() {
-            return this.i.nj;
+            return this.i.nm;
         }
         set suffixText(v) {
-            this.i.nj = v;
+            this.i.nm = v;
         }
         /**
          * Gets or sets the color of the text in the suffix area of the cells in this column.
         */
         get suffixTextColor() {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.o8);
         }
         set suffixTextColor(v) {
-            this.i.o5 = stringToBrush(v);
-            this._a("suffixTextColor", brushToString(this.i.o5));
+            this.i.o8 = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.o8));
         }
         /**
          * Gets or sets the font of the suffix text.
@@ -750,79 +750,89 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get suffixIconName() {
-            return this.i.nc;
+            return this.i.ne;
         }
         set suffixIconName(v) {
-            this.i.nc = v;
+            this.i.ne = v;
         }
         /**
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get suffixIconCollectionName() {
-            return this.i.m9;
+            return this.i.nb;
         }
         set suffixIconCollectionName(v) {
-            this.i.m9 = v;
+            this.i.nb = v;
         }
         /**
          * Gets or sets the stroke color of suffix icon.
         */
         get suffixIconStroke() {
-            return brushToString(this.i.o4);
+            return brushToString(this.i.o7);
         }
         set suffixIconStroke(v) {
-            this.i.o4 = stringToBrush(v);
-            this._a("suffixIconStroke", brushToString(this.i.o4));
+            this.i.o7 = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.o7));
         }
         /**
          * Gets or sets the fill color of suffix icon.
         */
         get suffixIconFill() {
-            return brushToString(this.i.o3);
+            return brushToString(this.i.o6);
         }
         set suffixIconFill(v) {
-            this.i.o3 = stringToBrush(v);
-            this._a("suffixIconFill", brushToString(this.i.o3));
+            this.i.o6 = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.o6));
         }
         /**
          * Gets or sets the suffix icon's viewbox x coordinate.
         */
         get suffixIconViewBoxLeft() {
-            return this.i.kc;
+            return this.i.kd;
         }
         set suffixIconViewBoxLeft(v) {
-            this.i.kc = +v;
-            this._a("suffixIconViewBoxLeft", this.i.kc);
+            this.i.kd = +v;
+            this._a("suffixIconViewBoxLeft", this.i.kd);
         }
         /**
          * Gets or sets the suffix icon's viewbox y coordinate.
         */
         get suffixIconViewBoxTop() {
-            return this.i.kd;
+            return this.i.ke;
         }
         set suffixIconViewBoxTop(v) {
-            this.i.kd = +v;
-            this._a("suffixIconViewBoxTop", this.i.kd);
+            this.i.ke = +v;
+            this._a("suffixIconViewBoxTop", this.i.ke);
         }
         /**
          * Gets or sets the suffix icon's viewbox width.
         */
         get suffixIconViewBoxWidth() {
-            return this.i.ke;
+            return this.i.kf;
         }
         set suffixIconViewBoxWidth(v) {
-            this.i.ke = +v;
-            this._a("suffixIconViewBoxWidth", this.i.ke);
+            this.i.kf = +v;
+            this._a("suffixIconViewBoxWidth", this.i.kf);
         }
         /**
          * Gets or sets the suffix icon's viewbox height.
         */
         get suffixIconViewBoxHeight() {
-            return this.i.kb;
+            return this.i.kc;
         }
         set suffixIconViewBoxHeight(v) {
-            this.i.kb = +v;
-            this._a("suffixIconViewBoxHeight", this.i.kb);
+            this.i.kc = +v;
+            this._a("suffixIconViewBoxHeight", this.i.kc);
+        }
+        /**
+         * Gets or sets the suffix margin.
+        */
+        get suffixMargin() {
+            return this.i.kg;
+        }
+        set suffixMargin(v) {
+            this.i.kg = +v;
+            this._a("suffixMargin", this.i.kg);
         }
         /**
          * Gets or sets the text decoration to apply to cells in this column.
@@ -866,11 +876,11 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         
         */
         getUniqueKey() {
-            let iv = this.i.ma();
+            let iv = this.i.mc();
             return (iv);
         }
         setNamedHeaderValue(valueName, animationType, value) {
-            this.i.nz(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+            this.i.n2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
         }
         /**
          * Returns if the column has named header values.
@@ -895,7 +905,7 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named header value to remove.
         */
         removeNamedHeaderValue(valueName) {
-            this.i.ny(valueName);
+            this.i.n1(valueName);
         }
         /**
          * Gets the value of a named header value for this column by name.
@@ -903,11 +913,11 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * Name of the named header value to retrieve.
         */
         getNamedHeaderValue(valueName) {
-            let iv = this.i.k5(valueName);
+            let iv = this.i.k7(valueName);
             return (iv);
         }
         applyCustomFilter(filterID, index, value) {
-            this.i.nr(filterID, index, value);
+            this.i.nu(filterID, index, value);
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -963,7 +973,7 @@ export let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = (o, e) => {
                 let ext = this.actualHeaderText;
-                if (e.propertyName == 'Lk') {
+                if (e.propertyName == 'Lm') {
                     if (this.beforeActualHeaderTextChange) {
                         this.beforeActualHeaderTextChange(this, ext);
                     }

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.n6;
+        return this.i.oa;
     }
     set dateTimeValue(v) {
-        this.i.n6 = v;
+        this.i.oa = v;
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.on;
+        return this.i.or;
     }
     set formatStringOverride(v) {
-        this.i.on = v;
+        this.i.or = v;
     }
     get formatSpecifiers() {
-        return this.i.nx;
+        return this.i.n1;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.nx = v;
+        this.i.n1 = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.og;
+        return this.i.ok;
     }
     set formatOverride(v) {
-        this.i.og = v;
+        this.i.ok = v;
     }
     /**
      * Sets or gets the simple DateTimeFormat to use for the cell.
     */
     get dateTimeFormat() {
-        return this.i.n2;
+        return this.i.n6;
     }
     set dateTimeFormat(v) {
-        this.i.n2 = ensureEnum(DateTimeFormats_$type, v);
+        this.i.n6 = ensureEnum(DateTimeFormats_$type, v);
     }
     /**
      * Sets or gets whether the value to use is a DateTimeOffset value.
     */
     get isOffsetValue() {
-        return this.i.n4;
+        return this.i.n8;
     }
     set isOffsetValue(v) {
-        this.i.n4 = ensureBool(v);
+        this.i.n8 = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);