igniteui-webcomponents-data-grids 7.1.0-beta.2 → 7.1.0-beta.4

package/esm5/lib/igc-data-grid-toolbar-component.js

@@ -379,9 +379,17 @@ export var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.bi.bottom = +v;
+            var __nv = +v;
+            if (this.i.bi.bottom === __nv) {
+                return;
+            }
+            var __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;
             this._a("borderWidthBottom", this.i.bi.bottom);
-            this.i.bi = this.i.bi;
         },
         enumerable: false,
         configurable: true
@@ -392,9 +400,17 @@ export var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.bi.left = +v;
+            var __nv = +v;
+            if (this.i.bi.left === __nv) {
+                return;
+            }
+            var __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;
             this._a("borderWidthLeft", this.i.bi.left);
-            this.i.bi = this.i.bi;
         },
         enumerable: false,
         configurable: true
@@ -405,9 +421,17 @@ export var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.bi.right = +v;
+            var __nv = +v;
+            if (this.i.bi.right === __nv) {
+                return;
+            }
+            var __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;
             this._a("borderWidthRight", this.i.bi.right);
-            this.i.bi = this.i.bi;
         },
         enumerable: false,
         configurable: true
@@ -418,9 +442,17 @@ export var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (
         },
         set: function (v) {
             this.ensureBorderWidth();
-            this.i.bi.top = +v;
+            var __nv = +v;
+            if (this.i.bi.top === __nv) {
+                return;
+            }
+            var __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;
             this._a("borderWidthTop", this.i.bi.top);
-            this.i.bi = this.i.bi;
         },
         enumerable: false,
         configurable: true

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

@@ -29,10 +29,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the DateTime value for the cell.
         */
         get: function () {
-            return this.i.oj;
+            return this.i.om;
         },
         set: function (v) {
-            this.i.oj = v;
+            this.i.om = v;
         },
         enumerable: false,
         configurable: true
@@ -42,24 +42,24 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format string to apply to the value
         */
         get: function () {
-            return this.i.o0;
+            return this.i.o3;
         },
         set: function (v) {
-            this.i.o0 = v;
+            this.i.o3 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeCellInfo.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.oa;
+            return this.i.od;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.oa = v;
+            this.i.od = v;
         },
         enumerable: false,
         configurable: true
@@ -69,10 +69,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format options to apply to the value
         */
         get: function () {
-            return this.i.ot;
+            return this.i.ow;
         },
         set: function (v) {
-            this.i.ot = v;
+            this.i.ow = v;
         },
         enumerable: false,
         configurable: true
@@ -82,10 +82,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the simple DateTimeFormat to use for the cell.
         */
         get: function () {
-            return this.i.of;
+            return this.i.oi;
         },
         set: function (v) {
-            this.i.of = ensureEnum(DateTimeFormats_$type, v);
+            this.i.oi = ensureEnum(DateTimeFormats_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -95,10 +95,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the value to use is a DateTimeOffset value.
         */
         get: function () {
-            return this.i.oh;
+            return this.i.ok;
         },
         set: function (v) {
-            this.i.oh = ensureBool(v);
+            this.i.ok = ensureBool(v);
         },
         enumerable: false,
         configurable: true

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

@@ -80,11 +80,11 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.sj;
+            return this.i.s5;
         },
         set: function (v) {
-            this.i.sj = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.sj));
+            this.i.s5 = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.s5));
         },
         enumerable: false,
         configurable: true
@@ -94,10 +94,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get: function () {
-            return this.i.s1;
+            return this.i.tn;
         },
         set: function (v) {
-            this.i.s1 = v;
+            this.i.tn = v;
         },
         enumerable: false,
         configurable: true
@@ -107,24 +107,24 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the format string to use when editing dates.
         */
         get: function () {
-            return this.i.su;
+            return this.i.tg;
         },
         set: function (v) {
-            this.i.su = v;
+            this.i.tg = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.sf;
+            return this.i.s1;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.sf = v;
+            this.i.s1 = v;
         },
         enumerable: false,
         configurable: true
@@ -134,10 +134,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get: function () {
-            return this.i.sq;
+            return this.i.tc;
         },
         set: function (v) {
-            this.i.sq = v;
+            this.i.tc = v;
         },
         enumerable: false,
         configurable: true
@@ -147,11 +147,11 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.sm;
+            return this.i.s8;
         },
         set: function (v) {
-            this.i.sm = ensureBool(v);
-            this._a("showTodayButton", this.i.sm);
+            this.i.s8 = ensureBool(v);
+            this._a("showTodayButton", this.i.s8);
         },
         enumerable: false,
         configurable: true
@@ -161,11 +161,11 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.sk;
+            return this.i.s6;
         },
         set: function (v) {
-            this.i.sk = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.sk));
+            this.i.s6 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.s6));
         },
         enumerable: false,
         configurable: true
@@ -175,10 +175,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.sp;
+            return this.i.tb;
         },
         set: function (v) {
-            this.i.sp = v;
+            this.i.tb = v;
         },
         enumerable: false,
         configurable: true
@@ -188,10 +188,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.sw;
+            return this.i.ti;
         },
         set: function (v) {
-            this.i.sw = v;
+            this.i.ti = v;
         },
         enumerable: false,
         configurable: true
@@ -201,10 +201,10 @@ export var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.sx;
+            return this.i.tj;
         },
         set: function (v) {
-            this.i.sx = v;
+            this.i.tj = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-definition-base-component.js

@@ -302,11 +302,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
      * Gets or sets the background color to use.
     */
         get: function () {
-            return brushToString(this.i.gh);
+            return brushToString(this.i.gi);
         },
         set: function (v) {
-            this.i.gh = stringToBrush(v);
-            this._a("background", brushToString(this.i.gh));
+            this.i.gi = stringToBrush(v);
+            this._a("background", brushToString(this.i.gi));
         },
         enumerable: false,
         configurable: true
@@ -370,11 +370,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.gk);
+            return brushToString(this.i.gl);
         },
         set: function (v) {
-            this.i.gk = stringToBrush(v);
-            this._a("border", brushToString(this.i.gk));
+            this.i.gl = stringToBrush(v);
+            this._a("border", brushToString(this.i.gl));
         },
         enumerable: false,
         configurable: true
@@ -384,11 +384,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.f7);
         },
         set: function (v) {
-            this.i.f6 = stringToBrush(v);
-            this._a("activationBorder", brushToString(this.i.f6));
+            this.i.f7 = stringToBrush(v);
+            this._a("activationBorder", brushToString(this.i.f7));
         },
         enumerable: false,
         configurable: true
@@ -398,11 +398,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the error border color to use.
         */
         get: function () {
-            return brushToString(this.i.gl);
+            return brushToString(this.i.gm);
         },
         set: function (v) {
-            this.i.gl = stringToBrush(v);
-            this._a("errorBorder", brushToString(this.i.gl));
+            this.i.gm = stringToBrush(v);
+            this._a("errorBorder", brushToString(this.i.gm));
         },
         enumerable: false,
         configurable: true
@@ -412,11 +412,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gc);
         },
         set: function (v) {
-            this.i.gb = stringToBrush(v);
-            this._a("actualBorder", brushToString(this.i.gb));
+            this.i.gc = stringToBrush(v);
+            this._a("actualBorder", brushToString(this.i.gc));
         },
         enumerable: false,
         configurable: true
@@ -582,11 +582,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.f9);
         },
         set: function (v) {
-            this.i.f8 = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.f8));
+            this.i.f9 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.f9));
         },
         enumerable: false,
         configurable: true
@@ -596,11 +596,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.f8);
         },
         set: function (v) {
-            this.i.f7 = stringToBrush(v);
-            this._a("actualActivationBorder", brushToString(this.i.f7));
+            this.i.f8 = stringToBrush(v);
+            this._a("actualActivationBorder", brushToString(this.i.f8));
         },
         enumerable: false,
         configurable: true
@@ -610,11 +610,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual error border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.gd);
         },
         set: function (v) {
-            this.i.gc = stringToBrush(v);
-            this._a("actualErrorBorder", brushToString(this.i.gc));
+            this.i.gd = stringToBrush(v);
+            this._a("actualErrorBorder", brushToString(this.i.gd));
         },
         enumerable: false,
         configurable: true
@@ -624,11 +624,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.g1);
         },
         set: function (v) {
-            this.i.g0 = stringToBrush(v);
-            this._a("stickyRowBackground", brushToString(this.i.g0));
+            this.i.g1 = stringToBrush(v);
+            this._a("stickyRowBackground", brushToString(this.i.g1));
         },
         enumerable: false,
         configurable: true
@@ -638,11 +638,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.gg);
         },
         set: function (v) {
-            this.i.gf = stringToBrush(v);
-            this._a("actualStickyRowBackground", brushToString(this.i.gf));
+            this.i.gg = stringToBrush(v);
+            this._a("actualStickyRowBackground", brushToString(this.i.gg));
         },
         enumerable: false,
         configurable: true
@@ -652,11 +652,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.g0);
         },
         set: function (v) {
-            this.i.gz = stringToBrush(v);
-            this._a("pinnedRowBackground", brushToString(this.i.gz));
+            this.i.g0 = stringToBrush(v);
+            this._a("pinnedRowBackground", brushToString(this.i.g0));
         },
         enumerable: false,
         configurable: true
@@ -666,11 +666,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gf);
         },
         set: function (v) {
-            this.i.ge = stringToBrush(v);
-            this._a("actualPinnedRowBackground", brushToString(this.i.ge));
+            this.i.gf = stringToBrush(v);
+            this._a("actualPinnedRowBackground", brushToString(this.i.gf));
         },
         enumerable: false,
         configurable: true
@@ -680,11 +680,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.gz);
         },
         set: function (v) {
-            this.i.gy = stringToBrush(v);
-            this._a("lastStickyRowBackground", brushToString(this.i.gy));
+            this.i.gz = stringToBrush(v);
+            this._a("lastStickyRowBackground", brushToString(this.i.gz));
         },
         enumerable: false,
         configurable: true
@@ -694,11 +694,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.ge);
         },
         set: function (v) {
-            this.i.gd = stringToBrush(v);
-            this._a("actualLastStickyRowBackground", brushToString(this.i.gd));
+            this.i.ge = stringToBrush(v);
+            this._a("actualLastStickyRowBackground", brushToString(this.i.ge));
         },
         enumerable: false,
         configurable: true
@@ -778,11 +778,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return brushToString(this.i.g1);
+            return brushToString(this.i.g2);
         },
         set: function (v) {
-            this.i.g1 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.g1));
+            this.i.g2 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.g2));
         },
         enumerable: false,
         configurable: true
@@ -792,11 +792,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual color used for displaying text.
         */
         get: function () {
-            return brushToString(this.i.gg);
+            return brushToString(this.i.gh);
         },
         set: function (v) {
-            this.i.gg = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.gg));
+            this.i.gh = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.gh));
         },
         enumerable: false,
         configurable: true
@@ -820,11 +820,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gi);
+            return brushToString(this.i.gj);
         },
         set: function (v) {
-            this.i.gi = stringToBrush(v);
-            this._a("barBackground", brushToString(this.i.gi));
+            this.i.gj = stringToBrush(v);
+            this._a("barBackground", brushToString(this.i.gj));
         },
         enumerable: false,
         configurable: true
@@ -834,11 +834,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.ga);
         },
         set: function (v) {
-            this.i.f9 = stringToBrush(v);
-            this._a("actualBarBackground", brushToString(this.i.f9));
+            this.i.ga = stringToBrush(v);
+            this._a("actualBarBackground", brushToString(this.i.ga));
         },
         enumerable: false,
         configurable: true
@@ -848,11 +848,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the Outline color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gj);
+            return brushToString(this.i.gk);
         },
         set: function (v) {
-            this.i.gj = stringToBrush(v);
-            this._a("barOutline", brushToString(this.i.gj));
+            this.i.gk = stringToBrush(v);
+            this._a("barOutline", brushToString(this.i.gk));
         },
         enumerable: false,
         configurable: true
@@ -862,11 +862,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual Outline color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gb);
         },
         set: function (v) {
-            this.i.ga = stringToBrush(v);
-            this._a("actualBarOutline", brushToString(this.i.ga));
+            this.i.gb = stringToBrush(v);
+            this._a("actualBarOutline", brushToString(this.i.gb));
         },
         enumerable: false,
         configurable: true
@@ -990,17 +990,17 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
         return null;
     };
     IgcDefinitionBaseComponent.prototype.transitionStyleOut = function (style) {
-        this.i.e6((style == null ? null : style.i));
+        this.i.e7((style == null ? null : style.i));
     };
     IgcDefinitionBaseComponent.prototype.transitionStyleIn = function (style) {
-        this.i.e5((style == null ? null : style.i));
+        this.i.e6((style == null ? null : style.i));
     };
     IgcDefinitionBaseComponent.prototype.isStyleTransitioningOut = function (style) {
         var iv = this.i.at((style == null ? null : style.i));
         return (iv);
     };
     IgcDefinitionBaseComponent.prototype.setNamedValue = function (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.
@@ -1025,7 +1025,7 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named value name to remove.
     */
     IgcDefinitionBaseComponent.prototype.removeNamedValue = function (valueName) {
-        this.i.ey(valueName);
+        this.i.ez(valueName);
     };
     /**
      * Gets the value for a named value from this definition.