igniteui-angular-data-grids 21.1.0-beta.1 → 21.1.0

package/esm2015/lib/igx-data-grid-toolbar-component.js

@@ -207,32 +207,64 @@ export let IgxDataGridToolbarComponent = /*@__PURE__*/ (() => {
         }
         set borderWidthBottom(v) {
             this.ensureBorderWidth();
-            this.i.bi.bottom = +v;
-            this.i.bi = this.i.bi;
+            const __nv = +v;
+            if (this.i.bi.bottom === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.bottom = __nv;
+            __copy.left = this.i.bi.left;
+            __copy.right = this.i.bi.right;
+            __copy.top = this.i.bi.top;
+            this.i.bi = __copy;
         }
         get borderWidthLeft() {
             return this.i.bi ? this.i.bi.left : NaN;
         }
         set borderWidthLeft(v) {
             this.ensureBorderWidth();
-            this.i.bi.left = +v;
-            this.i.bi = this.i.bi;
+            const __nv = +v;
+            if (this.i.bi.left === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.left = __nv;
+            __copy.bottom = this.i.bi.bottom;
+            __copy.right = this.i.bi.right;
+            __copy.top = this.i.bi.top;
+            this.i.bi = __copy;
         }
         get borderWidthRight() {
             return this.i.bi ? this.i.bi.right : NaN;
         }
         set borderWidthRight(v) {
             this.ensureBorderWidth();
-            this.i.bi.right = +v;
-            this.i.bi = this.i.bi;
+            const __nv = +v;
+            if (this.i.bi.right === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.right = __nv;
+            __copy.bottom = this.i.bi.bottom;
+            __copy.left = this.i.bi.left;
+            __copy.top = this.i.bi.top;
+            this.i.bi = __copy;
         }
         get borderWidthTop() {
             return this.i.bi ? this.i.bi.top : NaN;
         }
         set borderWidthTop(v) {
             this.ensureBorderWidth();
-            this.i.bi.top = +v;
-            this.i.bi = this.i.bi;
+            const __nv = +v;
+            if (this.i.bi.top === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.top = __nv;
+            __copy.bottom = this.i.bi.bottom;
+            __copy.left = this.i.bi.left;
+            __copy.right = this.i.bi.right;
+            this.i.bi = __copy;
         }
         ensureBorderWidth() {
             if (this.i.bi) {

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

@@ -22,56 +22,56 @@ export class IgxDateTimeCellInfo extends IgxCellInfo {
      * Sets or gets the DateTime value for the cell.
     */
     get dateTimeValue() {
-        return this.i.oj;
+        return this.i.om;
     }
     set dateTimeValue(v) {
-        this.i.oj = v;
+        this.i.om = v;
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.o0;
+        return this.i.o3;
     }
     set formatStringOverride(v) {
-        this.i.o0 = v;
+        this.i.o3 = v;
     }
     get formatSpecifiers() {
-        return this.i.oa;
+        return this.i.od;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.oa = v;
+        this.i.od = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.ot;
+        return this.i.ow;
     }
     set formatOverride(v) {
-        this.i.ot = v;
+        this.i.ow = v;
     }
     /**
      * Sets or gets the simple DateTimeFormat to use for the cell.
     */
     get dateTimeFormat() {
-        return this.i.of;
+        return this.i.oi;
     }
     set dateTimeFormat(v) {
-        this.i.of = ensureEnum(DateTimeFormats_$type, v);
+        this.i.oi = ensureEnum(DateTimeFormats_$type, v);
     }
     /**
      * Sets or gets whether the value to use is a DateTimeOffset value.
     */
     get isOffsetValue() {
-        return this.i.oh;
+        return this.i.ok;
     }
     set isOffsetValue(v) {
-        this.i.oh = ensureBool(v);
+        this.i.ok = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);

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

@@ -41,92 +41,92 @@ export let IgxDateTimeColumnComponent = /*@__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.sj;
+            return this.i.s5;
         }
         set dateTimeFormat(v) {
-            this.i.sj = ensureEnum(DateTimeFormats_$type, v);
+            this.i.s5 = ensureEnum(DateTimeFormats_$type, v);
         }
         /**
          * 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.s1;
+            return this.i.tn;
         }
         set formatString(v) {
-            this.i.s1 = v;
+            this.i.tn = v;
         }
         /**
          * Gets or sets the format string to use when editing dates.
         */
         get editorFormatString() {
-            return this.i.su;
+            return this.i.tg;
         }
         set editorFormatString(v) {
-            this.i.su = v;
+            this.i.tg = v;
         }
         get formatSpecifiers() {
-            return this.i.sf;
+            return this.i.s1;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.sf = v;
+            this.i.s1 = v;
         }
         /**
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.sq;
+            return this.i.tc;
         }
         set formatOverride(v) {
-            this.i.sq = v;
+            this.i.tc = v;
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.sm;
+            return this.i.s8;
         }
         set showTodayButton(v) {
-            this.i.sm = ensureBool(v);
+            this.i.s8 = ensureBool(v);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.sk;
+            return this.i.s6;
         }
         set editorType(v) {
-            this.i.sk = ensureEnum(EditorType_$type, v);
+            this.i.s6 = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.sp;
+            return this.i.tb;
         }
         set editorDataSource(v) {
-            this.i.sp = v;
+            this.i.tb = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.sw;
+            return this.i.ti;
         }
         set editorTextField(v) {
-            this.i.sw = v;
+            this.i.ti = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.sx;
+            return this.i.tj;
         }
         set editorValueField(v) {
-            this.i.sx = v;
+            this.i.tj = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igx-definition-base-component.js

@@ -172,10 +172,10 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
      * Gets or sets the background color to use.
     */
         get background() {
-            return brushToString(this.i.gh);
+            return brushToString(this.i.gi);
         }
         set background(v) {
-            this.i.gh = stringToBrush(v);
+            this.i.gi = stringToBrush(v);
         }
         get actualConditionalStyles() {
             if (!this._actualConditionalStyles) {
@@ -216,37 +216,37 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color to use.
         */
         get border() {
-            return brushToString(this.i.gk);
+            return brushToString(this.i.gl);
         }
         set border(v) {
-            this.i.gk = stringToBrush(v);
+            this.i.gl = stringToBrush(v);
         }
         /**
          * Gets or sets the background color to use.
         */
         get activationBorder() {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.f7);
         }
         set activationBorder(v) {
-            this.i.f6 = stringToBrush(v);
+            this.i.f7 = stringToBrush(v);
         }
         /**
          * Gets or sets the error border color to use.
         */
         get errorBorder() {
-            return brushToString(this.i.gl);
+            return brushToString(this.i.gm);
         }
         set errorBorder(v) {
-            this.i.gl = stringToBrush(v);
+            this.i.gm = stringToBrush(v);
         }
         /**
          * Gets the actual border color that will be used.
         */
         get actualBorder() {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gc);
         }
         set actualBorder(v) {
-            this.i.gb = stringToBrush(v);
+            this.i.gc = stringToBrush(v);
         }
         /**
          * Gets or sets the amount of left border to use for the cell content for this column.
@@ -348,82 +348,82 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets the actual background color that will be used.
         */
         get actualBackground() {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.f9);
         }
         set actualBackground(v) {
-            this.i.f8 = stringToBrush(v);
+            this.i.f9 = stringToBrush(v);
         }
         /**
          * Gets the actual background color that will be used.
         */
         get actualActivationBorder() {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.f8);
         }
         set actualActivationBorder(v) {
-            this.i.f7 = stringToBrush(v);
+            this.i.f8 = stringToBrush(v);
         }
         /**
          * Gets the actual error border color that will be used.
         */
         get actualErrorBorder() {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.gd);
         }
         set actualErrorBorder(v) {
-            this.i.gc = stringToBrush(v);
+            this.i.gd = stringToBrush(v);
         }
         /**
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get stickyRowBackground() {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.g1);
         }
         set stickyRowBackground(v) {
-            this.i.g0 = stringToBrush(v);
+            this.i.g1 = stringToBrush(v);
         }
         /**
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get actualStickyRowBackground() {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.gg);
         }
         set actualStickyRowBackground(v) {
-            this.i.gf = stringToBrush(v);
+            this.i.gg = stringToBrush(v);
         }
         /**
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get pinnedRowBackground() {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.g0);
         }
         set pinnedRowBackground(v) {
-            this.i.gz = stringToBrush(v);
+            this.i.g0 = stringToBrush(v);
         }
         /**
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get actualPinnedRowBackground() {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gf);
         }
         set actualPinnedRowBackground(v) {
-            this.i.ge = stringToBrush(v);
+            this.i.gf = stringToBrush(v);
         }
         /**
          * Gets or sets the color for the last row in the sticky row area.
         */
         get lastStickyRowBackground() {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.gz);
         }
         set lastStickyRowBackground(v) {
-            this.i.gy = stringToBrush(v);
+            this.i.gz = stringToBrush(v);
         }
         /**
          * Gets the actual color for the last row in the sticky row area.
         */
         get actualLastStickyRowBackground() {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.ge);
         }
         set actualLastStickyRowBackground(v) {
-            this.i.gd = stringToBrush(v);
+            this.i.ge = stringToBrush(v);
         }
         /**
          * Gets or sets the opacity of the content.
@@ -474,19 +474,19 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for displaying text.
         */
         get textColor() {
-            return brushToString(this.i.g1);
+            return brushToString(this.i.g2);
         }
         set textColor(v) {
-            this.i.g1 = stringToBrush(v);
+            this.i.g2 = stringToBrush(v);
         }
         /**
          * Gets the actual color used for displaying text.
         */
         get actualTextColor() {
-            return brushToString(this.i.gg);
+            return brushToString(this.i.gh);
         }
         set actualTextColor(v) {
-            this.i.gg = stringToBrush(v);
+            this.i.gh = stringToBrush(v);
         }
         /**
          * Gets or sets whether the bar is supported.
@@ -501,37 +501,37 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for value bars.
         */
         get barBackground() {
-            return brushToString(this.i.gi);
+            return brushToString(this.i.gj);
         }
         set barBackground(v) {
-            this.i.gi = stringToBrush(v);
+            this.i.gj = stringToBrush(v);
         }
         /**
          * Gets the actual color used for value bars.
         */
         get actualBarBackground() {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.ga);
         }
         set actualBarBackground(v) {
-            this.i.f9 = stringToBrush(v);
+            this.i.ga = stringToBrush(v);
         }
         /**
          * Gets or sets the Outline color to use for value bars.
         */
         get barOutline() {
-            return brushToString(this.i.gj);
+            return brushToString(this.i.gk);
         }
         set barOutline(v) {
-            this.i.gj = stringToBrush(v);
+            this.i.gk = stringToBrush(v);
         }
         /**
          * Gets the actual Outline color used for value bars.
         */
         get actualBarOutline() {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gb);
         }
         set actualBarOutline(v) {
-            this.i.ga = stringToBrush(v);
+            this.i.gb = stringToBrush(v);
         }
         /**
          * Gets or sets the stroke thickness to use for value bars.
@@ -613,17 +613,17 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
             return null;
         }
         transitionStyleOut(style) {
-            this.i.e6((style == null ? null : style.i));
+            this.i.e7((style == null ? null : style.i));
         }
         transitionStyleIn(style) {
-            this.i.e5((style == null ? null : style.i));
+            this.i.e6((style == null ? null : style.i));
         }
         isStyleTransitioningOut(style) {
             let iv = this.i.at((style == null ? null : style.i));
             return (iv);
         }
         setNamedValue(valueName, animationType, value) {
-            this.i.e3(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+            this.i.e4(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
         }
         /**
          * Returns if this definition has named value.
@@ -648,7 +648,7 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value name to remove.
         */
         removeNamedValue(valueName) {
-            this.i.ey(valueName);
+            this.i.ez(valueName);
         }
         /**
          * Gets the value for a named value from this definition.

package/esm2015/lib/igx-editor-cell-info.js

@@ -23,111 +23,111 @@ export class IgxEditorCellInfo extends IgxCellInfo {
      * Gets whether the editor cell is hidden or not.
     */
     get isHidden() {
-        return this.i.ol;
+        return this.i.oo;
     }
     /**
      * Gets or sets the edit target for this cell.
     */
     get editTarget() {
-        const r = this.i.oe;
+        const r = this.i.oh;
         if (r == null) {
             return null;
         }
         return r.externalObject;
     }
     set editTarget(v) {
-        v == null ? this.i.oe = null : this.i.oe = v.i;
+        v == null ? this.i.oh = null : this.i.oh = v.i;
     }
     /**
      * Gets or sets the data type associated with the cell being edited.
     */
     get dataType() {
-        return this.i.oc;
+        return this.i.of;
     }
     set dataType(v) {
-        this.i.oc = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+        this.i.of = ensureEnum(DataSourceSchemaPropertyType_$type, v);
     }
     /**
      * Gets or sets the error message to display in the editor cell.
     */
     get errorMessage() {
-        return this.i.ph;
+        return this.i.pk;
     }
     set errorMessage(v) {
-        this.i.ph = v;
+        this.i.pk = v;
     }
     /**
      * Gets or sets the user selected value.
     */
     get editValue() {
-        return this.i.o4;
+        return this.i.o7;
     }
     set editValue(v) {
-        this.i.o4 = v;
+        this.i.o7 = v;
     }
     /**
      * Gets or sets the type of editor to use while cell editing.
     */
     get editorType() {
-        return this.i.og;
+        return this.i.oj;
     }
     set editorType(v) {
-        this.i.og = ensureEnum(EditorType_$type, v);
+        this.i.oj = ensureEnum(EditorType_$type, v);
     }
     /**
      * Gets or sets the data source to use for the editor where it makes sense.
     */
     get editorDataSource() {
-        return this.i.o3;
+        return this.i.o6;
     }
     set editorDataSource(v) {
-        this.i.o3 = v;
+        this.i.o6 = v;
     }
     /**
      * Gets or sets the editors display member.
     */
     get editorTextField() {
-        return this.i.pc;
+        return this.i.pf;
     }
     set editorTextField(v) {
-        this.i.pc = v;
+        this.i.pf = v;
     }
     /**
      * Gets or sets the editors value member.
     */
     get editorValueField() {
-        return this.i.oa;
+        return this.i.od;
     }
     set editorValueField(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.oa = v;
+        this.i.od = v;
     }
     get dateFormatString() {
-        return this.i.o9;
+        return this.i.pc;
     }
     set dateFormatString(v) {
-        this.i.o9 = v;
+        this.i.pc = v;
     }
     get showTodayButton() {
-        return this.i.om;
+        return this.i.op;
     }
     set showTodayButton(v) {
-        this.i.om = ensureBool(v);
+        this.i.op = ensureBool(v);
     }
     /**
      * Gets the row index that the editor cell is targeting for edit.
     */
     get targetRow() {
-        return this.i.o1;
+        return this.i.o4;
     }
     /**
      * Gets the column index that the editor cell is targeting for edit.
     */
     get targetColumn() {
-        return this.i.o0;
+        return this.i.o3;
     }
     findByName(name) {
         var baseResult = super.findByName(name);