igniteui-webcomponents-data-grids 6.0.1 → 6.0.2-beta.1

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

@@ -5,6 +5,7 @@ import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignme
 import { TextCellLineBreakMode_$type } from "./TextCellLineBreakMode";
 import { IgcDataBindingEventArgs } from "./igc-data-binding-event-args";
 import { IgcCellStyleRequestedEventArgs } from "./igc-cell-style-requested-event-args";
+import { CellPropertyAnimationType_$type } from "./CellPropertyAnimationType";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 import { ensureBool, NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, brushToString, stringToBrush, ensureEnum, enumToString, initializePropertiesFromCss, CollectionAdapter } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
@@ -301,11 +302,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
      * Gets or sets the background color to use.
     */
         get: function () {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gf);
         },
         set: function (v) {
-            this.i.ge = stringToBrush(v);
-            this._a("background", brushToString(this.i.ge));
+            this.i.gf = stringToBrush(v);
+            this._a("background", brushToString(this.i.gf));
         },
         enumerable: false,
         configurable: true
@@ -369,11 +370,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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("border", brushToString(this.i.gh));
+            this.i.gi = stringToBrush(v);
+            this._a("border", brushToString(this.i.gi));
         },
         enumerable: false,
         configurable: true
@@ -383,11 +384,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.f3);
+            return brushToString(this.i.f4);
         },
         set: function (v) {
-            this.i.f3 = stringToBrush(v);
-            this._a("activationBorder", brushToString(this.i.f3));
+            this.i.f4 = stringToBrush(v);
+            this._a("activationBorder", brushToString(this.i.f4));
         },
         enumerable: false,
         configurable: true
@@ -397,11 +398,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the error border color to use.
         */
         get: function () {
-            return brushToString(this.i.gi);
+            return brushToString(this.i.gj);
         },
         set: function (v) {
-            this.i.gi = stringToBrush(v);
-            this._a("errorBorder", brushToString(this.i.gi));
+            this.i.gj = stringToBrush(v);
+            this._a("errorBorder", brushToString(this.i.gj));
         },
         enumerable: false,
         configurable: true
@@ -411,11 +412,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual border 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("actualBorder", brushToString(this.i.f8));
+            this.i.f9 = stringToBrush(v);
+            this._a("actualBorder", brushToString(this.i.f9));
         },
         enumerable: false,
         configurable: true
@@ -581,11 +582,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f5);
+            return brushToString(this.i.f6);
         },
         set: function (v) {
-            this.i.f5 = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.f5));
+            this.i.f6 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.f6));
         },
         enumerable: false,
         configurable: true
@@ -595,11 +596,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.f5);
         },
         set: function (v) {
-            this.i.f4 = stringToBrush(v);
-            this._a("actualActivationBorder", brushToString(this.i.f4));
+            this.i.f5 = stringToBrush(v);
+            this._a("actualActivationBorder", brushToString(this.i.f5));
         },
         enumerable: false,
         configurable: true
@@ -609,11 +610,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual error border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.ga);
         },
         set: function (v) {
-            this.i.f9 = stringToBrush(v);
-            this._a("actualErrorBorder", brushToString(this.i.f9));
+            this.i.ga = stringToBrush(v);
+            this._a("actualErrorBorder", brushToString(this.i.ga));
         },
         enumerable: false,
         configurable: true
@@ -623,11 +624,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gw);
+            return brushToString(this.i.gx);
         },
         set: function (v) {
-            this.i.gw = stringToBrush(v);
-            this._a("stickyRowBackground", brushToString(this.i.gw));
+            this.i.gx = stringToBrush(v);
+            this._a("stickyRowBackground", brushToString(this.i.gx));
         },
         enumerable: false,
         configurable: true
@@ -637,11 +638,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.gd);
         },
         set: function (v) {
-            this.i.gc = stringToBrush(v);
-            this._a("actualStickyRowBackground", brushToString(this.i.gc));
+            this.i.gd = stringToBrush(v);
+            this._a("actualStickyRowBackground", brushToString(this.i.gd));
         },
         enumerable: false,
         configurable: true
@@ -651,11 +652,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gv);
+            return brushToString(this.i.gw);
         },
         set: function (v) {
-            this.i.gv = stringToBrush(v);
-            this._a("pinnedRowBackground", brushToString(this.i.gv));
+            this.i.gw = stringToBrush(v);
+            this._a("pinnedRowBackground", brushToString(this.i.gw));
         },
         enumerable: false,
         configurable: true
@@ -665,11 +666,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gc);
         },
         set: function (v) {
-            this.i.gb = stringToBrush(v);
-            this._a("actualPinnedRowBackground", brushToString(this.i.gb));
+            this.i.gc = stringToBrush(v);
+            this._a("actualPinnedRowBackground", brushToString(this.i.gc));
         },
         enumerable: false,
         configurable: true
@@ -679,11 +680,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gu);
+            return brushToString(this.i.gv);
         },
         set: function (v) {
-            this.i.gu = stringToBrush(v);
-            this._a("lastStickyRowBackground", brushToString(this.i.gu));
+            this.i.gv = stringToBrush(v);
+            this._a("lastStickyRowBackground", brushToString(this.i.gv));
         },
         enumerable: false,
         configurable: true
@@ -693,11 +694,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gb);
         },
         set: function (v) {
-            this.i.ga = stringToBrush(v);
-            this._a("actualLastStickyRowBackground", brushToString(this.i.ga));
+            this.i.gb = stringToBrush(v);
+            this._a("actualLastStickyRowBackground", brushToString(this.i.gb));
         },
         enumerable: false,
         configurable: true
@@ -777,11 +778,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.gy);
         },
         set: function (v) {
-            this.i.gx = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.gx));
+            this.i.gy = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.gy));
         },
         enumerable: false,
         configurable: true
@@ -791,11 +792,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual color used for displaying text.
         */
         get: function () {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.ge);
         },
         set: function (v) {
-            this.i.gd = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.gd));
+            this.i.ge = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.ge));
         },
         enumerable: false,
         configurable: true
@@ -819,11 +820,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.gg);
         },
         set: function (v) {
-            this.i.gf = stringToBrush(v);
-            this._a("barBackground", brushToString(this.i.gf));
+            this.i.gg = stringToBrush(v);
+            this._a("barBackground", brushToString(this.i.gg));
         },
         enumerable: false,
         configurable: true
@@ -833,11 +834,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.f7);
         },
         set: function (v) {
-            this.i.f6 = stringToBrush(v);
-            this._a("actualBarBackground", brushToString(this.i.f6));
+            this.i.f7 = stringToBrush(v);
+            this._a("actualBarBackground", brushToString(this.i.f7));
         },
         enumerable: false,
         configurable: true
@@ -847,11 +848,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the Outline color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gg);
+            return brushToString(this.i.gh);
         },
         set: function (v) {
-            this.i.gg = stringToBrush(v);
-            this._a("barOutline", brushToString(this.i.gg));
+            this.i.gh = stringToBrush(v);
+            this._a("barOutline", brushToString(this.i.gh));
         },
         enumerable: false,
         configurable: true
@@ -861,11 +862,11 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual Outline color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.f8);
         },
         set: function (v) {
-            this.i.f7 = stringToBrush(v);
-            this._a("actualBarOutline", brushToString(this.i.f7));
+            this.i.f8 = stringToBrush(v);
+            this._a("actualBarOutline", brushToString(this.i.f8));
         },
         enumerable: false,
         configurable: true
@@ -989,17 +990,17 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
         return null;
     };
     IgcDefinitionBaseComponent.prototype.transitionStyleOut = function (style) {
-        this.i.e3((style == null ? null : style.i));
+        this.i.e4((style == null ? null : style.i));
     };
     IgcDefinitionBaseComponent.prototype.transitionStyleIn = function (style) {
-        this.i.e2((style == null ? null : style.i));
+        this.i.e3((style == null ? null : style.i));
     };
     IgcDefinitionBaseComponent.prototype.isStyleTransitioningOut = function (style) {
         var iv = this.i.as((style == null ? null : style.i));
         return (iv);
     };
     IgcDefinitionBaseComponent.prototype.setNamedValue = function (valueName, animationType, value) {
-        this.i.e1(valueName, (animationType == null ? null : animationType), value);
+        this.i.e2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if this definition has named value.
@@ -1024,7 +1025,7 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named value name to remove.
     */
     IgcDefinitionBaseComponent.prototype.removeNamedValue = function (valueName) {
-        this.i.ew(valueName);
+        this.i.ex(valueName);
     };
     /**
      * Gets the value for a named value from this definition.
@@ -1032,7 +1033,7 @@ var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named value name to check for.
     */
     IgcDefinitionBaseComponent.prototype.getNamedValue = function (valueName) {
-        var iv = this.i.co(valueName);
+        var iv = this.i.cp(valueName);
         return (iv);
     };
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "dataBinding", {

package/esm5/lib/igc-editor-cell-info.js

@@ -30,7 +30,7 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets whether the editor cell is hidden or not.
         */
         get: function () {
-            return this.i.mv;
+            return this.i.n8;
         },
         enumerable: false,
         configurable: true
@@ -40,14 +40,14 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the edit target for this cell.
         */
         get: function () {
-            var r = this.i.mo;
+            var r = this.i.n1;
             if (r == null) {
                 return null;
             }
             return r.externalObject;
         },
         set: function (v) {
-            v == null ? this.i.mo = null : this.i.mo = v.i;
+            v == null ? this.i.n1 = null : this.i.n1 = v.i;
         },
         enumerable: false,
         configurable: true
@@ -57,10 +57,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the data type associated with the cell being edited.
         */
         get: function () {
-            return this.i.mm;
+            return this.i.nz;
         },
         set: function (v) {
-            this.i.mm = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+            this.i.nz = ensureEnum(DataSourceSchemaPropertyType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -70,10 +70,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the error message to display in the editor cell.
         */
         get: function () {
-            return this.i.nr;
+            return this.i.o4;
         },
         set: function (v) {
-            this.i.nr = v;
+            this.i.o4 = v;
         },
         enumerable: false,
         configurable: true
@@ -83,10 +83,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the user selected value.
         */
         get: function () {
-            return this.i.ne;
+            return this.i.or;
         },
         set: function (v) {
-            this.i.ne = v;
+            this.i.or = v;
         },
         enumerable: false,
         configurable: true
@@ -96,10 +96,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the type of editor to use while cell editing.
         */
         get: function () {
-            return this.i.mq;
+            return this.i.n3;
         },
         set: function (v) {
-            this.i.mq = ensureEnum(EditorType_$type, v);
+            this.i.n3 = ensureEnum(EditorType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -109,10 +109,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the data source to use for the editor where it makes sense.
         */
         get: function () {
-            return this.i.nd;
+            return this.i.oq;
         },
         set: function (v) {
-            this.i.nd = v;
+            this.i.oq = v;
         },
         enumerable: false,
         configurable: true
@@ -122,10 +122,10 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editors display member.
         */
         get: function () {
-            return this.i.nm;
+            return this.i.oz;
         },
         set: function (v) {
-            this.i.nm = v;
+            this.i.oz = v;
         },
         enumerable: false,
         configurable: true
@@ -135,34 +135,34 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editors value member.
         */
         get: function () {
-            return this.i.mk;
+            return this.i.nx;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.mk = v;
+            this.i.nx = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcEditorCellInfo.prototype, "dateFormatString", {
         get: function () {
-            return this.i.nj;
+            return this.i.ow;
         },
         set: function (v) {
-            this.i.nj = v;
+            this.i.ow = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcEditorCellInfo.prototype, "showTodayButton", {
         get: function () {
-            return this.i.mw;
+            return this.i.n9;
         },
         set: function (v) {
-            this.i.mw = ensureBool(v);
+            this.i.n9 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -172,7 +172,7 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the row index that the editor cell is targeting for edit.
         */
         get: function () {
-            return this.i.nb;
+            return this.i.oo;
         },
         enumerable: false,
         configurable: true
@@ -182,7 +182,7 @@ var IgcEditorCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the column index that the editor cell is targeting for edit.
         */
         get: function () {
-            return this.i.na;
+            return this.i.on;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-filter-cell-info.js

@@ -35,10 +35,10 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the cell is hit test visible.
         */
         get: function () {
-            return this.i.mo;
+            return this.i.n1;
         },
         set: function (v) {
-            this.i.mo = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+            this.i.n1 = ensureEnum(DataSourceSchemaPropertyType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -48,10 +48,10 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the current filter to display in the cell.
         */
         get: function () {
-            return this.i.mm;
+            return this.i.nz;
         },
         set: function (v) {
-            this.i.mm = v;
+            this.i.nz = v;
         },
         enumerable: false,
         configurable: true
@@ -61,10 +61,10 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the current filter expression applied to the column.
         */
         get: function () {
-            return this.i.mq;
+            return this.i.n3;
         },
         set: function (v) {
-            this.i.mq = v;
+            this.i.n3 = v;
         },
         enumerable: false,
         configurable: true
@@ -73,12 +73,12 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._filterOperands === null) {
                 var coll = new IgcGridFilterOperandsCollection();
-                var innerColl = this.i.ms;
+                var innerColl = this.i.n5;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
                 this._filterOperands = coll._fromInner(innerColl);
-                this.i.ms = innerColl;
+                this.i.n5 = innerColl;
             }
             return this._filterOperands;
         },
@@ -90,94 +90,94 @@ var IgcFilterCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            var innerColl = this.i.ms;
+            var innerColl = this.i.n5;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._filterOperands._setSyncTarget(syncColl);
-            this.i.ms = innerColl;
+            this.i.n5 = innerColl;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "operatorType", {
         get: function () {
-            return this.i.mk;
+            return this.i.nx;
         },
         set: function (v) {
-            this.i.mk = v;
+            this.i.nx = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "filterValue", {
         get: function () {
-            return this.i.m6;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.m6 = v;
+            this.i.oj = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "selectorTop", {
         get: function () {
-            return this.i.m0;
+            return this.i.od;
         },
         set: function (v) {
-            this.i.m0 = +v;
+            this.i.od = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "selectorLeft", {
         get: function () {
-            return this.i.mz;
+            return this.i.oc;
         },
         set: function (v) {
-            this.i.mz = +v;
+            this.i.oc = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "editorTop", {
         get: function () {
-            return this.i.my;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.my = +v;
+            this.i.ob = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "editorLeft", {
         get: function () {
-            return this.i.mx;
+            return this.i.oa;
         },
         set: function (v) {
-            this.i.mx = +v;
+            this.i.oa = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "clearIconTop", {
         get: function () {
-            return this.i.mw;
+            return this.i.n9;
         },
         set: function (v) {
-            this.i.mw = +v;
+            this.i.n9 = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcFilterCellInfo.prototype, "clearIconLeft", {
         get: function () {
-            return this.i.mv;
+            return this.i.n8;
         },
         set: function (v) {
-            this.i.mv = +v;
+            this.i.n8 = +v;
         },
         enumerable: false,
         configurable: true