igniteui-webcomponents-grids 5.3.0 → 5.4.0

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

@@ -197,11 +197,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.n1);
+            return brushToString(this.i.n2);
         },
         set: function (v) {
-            this.i.n1 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.n1));
+            this.i.n2 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.n2));
         },
         enumerable: false,
         configurable: true
@@ -211,11 +211,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.nu);
+            return brushToString(this.i.nv);
         },
         set: function (v) {
-            this.i.nu = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.nu));
+            this.i.nv = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.nv));
         },
         enumerable: false,
         configurable: true
@@ -225,11 +225,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.nz);
+            return brushToString(this.i.n0);
         },
         set: function (v) {
-            this.i.nz = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.nz));
+            this.i.n0 = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.n0));
         },
         enumerable: false,
         configurable: true
@@ -239,11 +239,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.ns);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.ns = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.ns));
+            this.i.nt = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.nt));
         },
         enumerable: false,
         configurable: true
@@ -253,11 +253,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.n0);
+            return brushToString(this.i.n1);
         },
         set: function (v) {
-            this.i.n0 = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.n0));
+            this.i.n1 = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.n1));
         },
         enumerable: false,
         configurable: true
@@ -267,11 +267,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.nt);
+            return brushToString(this.i.nu);
         },
         set: function (v) {
-            this.i.nt = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.nt));
+            this.i.nu = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.nu));
         },
         enumerable: false,
         configurable: true
@@ -359,11 +359,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get: function () {
-            return this.i.jo;
+            return this.i.jn;
         },
         set: function (v) {
-            this.i.jo = ensureBool(v);
-            this._a("isFromMarkup", this.i.jo);
+            this.i.jn = ensureBool(v);
+            this._a("isFromMarkup", this.i.jn);
         },
         enumerable: false,
         configurable: true
@@ -373,11 +373,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether this column was auto generated.
         */
         get: function () {
-            return this.i.ji;
+            return this.i.jh;
         },
         set: function (v) {
-            this.i.ji = ensureBool(v);
-            this._a("isAutoGenerated", this.i.ji);
+            this.i.jh = ensureBool(v);
+            this._a("isAutoGenerated", this.i.jh);
         },
         enumerable: false,
         configurable: true
@@ -439,11 +439,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether filtering is enabled for this column.
         */
         get: function () {
-            return this.i.jn;
+            return this.i.jm;
         },
         set: function (v) {
-            this.i.jn = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.jn);
+            this.i.jm = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.jm);
         },
         enumerable: false,
         configurable: true
@@ -453,11 +453,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether resizing is enabled for this column.
         */
         get: function () {
-            return this.i.jq;
+            return this.i.jp;
         },
         set: function (v) {
-            this.i.jq = ensureBool(v);
-            this._a("isResizingEnabled", this.i.jq);
+            this.i.jp = ensureBool(v);
+            this._a("isResizingEnabled", this.i.jp);
         },
         enumerable: false,
         configurable: true
@@ -467,11 +467,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether or not a column is hidden from the grid
         */
         get: function () {
-            return this.i.jp;
+            return this.i.jo;
         },
         set: function (v) {
-            this.i.jp = ensureBool(v);
-            this._a("isHidden", this.i.jp);
+            this.i.jo = ensureBool(v);
+            this._a("isHidden", this.i.jo);
         },
         enumerable: false,
         configurable: true
@@ -481,11 +481,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get: function () {
-            return this.i.jt;
+            return this.i.js;
         },
         set: function (v) {
-            this.i.jt = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.jt);
+            this.i.js = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.js);
         },
         enumerable: false,
         configurable: true
@@ -551,11 +551,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.nq);
+            return brushToString(this.i.nr);
         },
         set: function (v) {
-            this.i.nq = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.nq));
+            this.i.nr = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.nr));
         },
         enumerable: false,
         configurable: true
@@ -565,11 +565,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.nv);
+            return brushToString(this.i.nw);
         },
         set: function (v) {
-            this.i.nv = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.nv));
+            this.i.nw = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.nw));
         },
         enumerable: false,
         configurable: true
@@ -607,11 +607,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of the column options for this column.
         */
         get: function () {
-            return this.i.jb;
+            return this.i.ja;
         },
         set: function (v) {
-            this.i.jb = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.jb);
+            this.i.ja = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.ja);
         },
         enumerable: false,
         configurable: true
@@ -622,11 +622,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * then it will be disabled for the column regardless of what this is set to.
         */
         get: function () {
-            return this.i.jj;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.jj = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.jj);
+            this.i.ji = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.ji);
         },
         enumerable: false,
         configurable: true
@@ -636,11 +636,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get: function () {
-            return this.i.jd;
+            return this.i.jc;
         },
         set: function (v) {
-            this.i.jd = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jd);
+            this.i.jc = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jc);
         },
         enumerable: false,
         configurable: true
@@ -650,11 +650,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get: function () {
-            return this.i.jl;
+            return this.i.jk;
         },
         set: function (v) {
-            this.i.jl = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.jl);
+            this.i.jk = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.jk);
         },
         enumerable: false,
         configurable: true
@@ -664,11 +664,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get: function () {
-            return this.i.jc;
+            return this.i.jb;
         },
         set: function (v) {
-            this.i.jc = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jc);
+            this.i.jb = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jb);
         },
         enumerable: false,
         configurable: true
@@ -678,11 +678,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get: function () {
-            return this.i.jk;
+            return this.i.jj;
         },
         set: function (v) {
-            this.i.jk = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.jk);
+            this.i.jj = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.jj);
         },
         enumerable: false,
         configurable: true
@@ -692,11 +692,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if the column is editable.
         */
         get: function () {
-            return this.i.jm;
+            return this.i.jl;
         },
         set: function (v) {
-            this.i.jm = ensureBool(v);
-            this._a("isEditable", this.i.jm);
+            this.i.jl = ensureBool(v);
+            this._a("isEditable", this.i.jl);
         },
         enumerable: false,
         configurable: true
@@ -706,11 +706,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.nw);
+            return brushToString(this.i.nx);
         },
         set: function (v) {
-            this.i.nw = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.nw));
+            this.i.nx = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.nx));
         },
         enumerable: false,
         configurable: true
@@ -720,11 +720,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.nr);
+            return brushToString(this.i.ns);
         },
         set: function (v) {
-            this.i.nr = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.nr));
+            this.i.ns = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.ns));
         },
         enumerable: false,
         configurable: true
@@ -781,16 +781,16 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual font style used for unsaved cell edits.
         */
         get: function () {
-            if (this.i.it == null) {
+            if (this.i.is == null) {
                 return null;
             }
-            return this.i.it.fontString;
+            return this.i.is.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.it = fi;
-            this._a("actualEditFontInfo", this.i.it != null ? this.i.it.fontString : "");
+            this.i.is = fi;
+            this._a("actualEditFontInfo", this.i.is != null ? this.i.is.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -977,14 +977,14 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.m1(valueName, (animationType == null ? null : animationType), value);
+        this.i.m2(valueName, (animationType == null ? null : animationType), value);
     };
     /**
      * Returns if the column has named header values.
     
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValues = function () {
-        var iv = this.i.jg();
+        var iv = this.i.jf();
         return (iv);
     };
     /**
@@ -993,7 +993,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named value to check for.
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValue = function (valueName) {
-        var iv = this.i.jf(valueName);
+        var iv = this.i.je(valueName);
         return (iv);
     };
     /**
@@ -1002,7 +1002,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named header value to remove.
     */
     IgcDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.m0(valueName);
+        this.i.m1(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.

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

@@ -342,6 +342,9 @@ var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function (_s
     IgcDataGridFilterDialogComponent.prototype.provideContextAccessor = function (accessor) {
         this.i.provideContextAccessor(accessor);
     };
+    IgcDataGridFilterDialogComponent.prototype.dismissContextAccessor = function (accessor) {
+        this.i.dismissContextAccessor(accessor);
+    };
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "dialogOpening", {
         get: function () {
             return this._dialogOpening;

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

@@ -80,11 +80,11 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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.n7;
+            return this.i.n8;
         },
         set: function (v) {
-            this.i.n7 = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.n7));
+            this.i.n8 = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.n8));
         },
         enumerable: false,
         configurable: true
@@ -94,10 +94,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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.op;
+            return this.i.oq;
         },
         set: function (v) {
-            this.i.op = v;
+            this.i.oq = v;
         },
         enumerable: false,
         configurable: true
@@ -107,24 +107,24 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the format string to use when editing dates.
         */
         get: function () {
-            return this.i.oi;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.oi = v;
+            this.i.oj = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.n3;
+            return this.i.n4;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.n3 = v;
+            this.i.n4 = v;
         },
         enumerable: false,
         configurable: true
@@ -134,10 +134,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get: function () {
-            return this.i.oe;
+            return this.i.of;
         },
         set: function (v) {
-            this.i.oe = v;
+            this.i.of = v;
         },
         enumerable: false,
         configurable: true
@@ -147,11 +147,11 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.oa;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.oa = ensureBool(v);
-            this._a("showTodayButton", this.i.oa);
+            this.i.ob = ensureBool(v);
+            this._a("showTodayButton", this.i.ob);
         },
         enumerable: false,
         configurable: true
@@ -161,11 +161,11 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.n8;
+            return this.i.n9;
         },
         set: function (v) {
-            this.i.n8 = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.n8));
+            this.i.n9 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.n9));
         },
         enumerable: false,
         configurable: true
@@ -175,10 +175,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.od;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.od = v;
+            this.i.oe = v;
         },
         enumerable: false,
         configurable: true
@@ -188,10 +188,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.ok;
+            return this.i.ol;
         },
         set: function (v) {
-            this.i.ok = v;
+            this.i.ol = v;
         },
         enumerable: false,
         configurable: true
@@ -201,10 +201,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.ol;
+            return this.i.om;
         },
         set: function (v) {
-            this.i.ol = v;
+            this.i.om = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-image-column-component.js

@@ -80,11 +80,11 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stretch option to use when rendering images
         */
         get: function () {
-            return this.i.n6;
+            return this.i.n7;
         },
         set: function (v) {
-            this.i.n6 = ensureEnum(ImageStretchOptions_$type, v);
-            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.n6));
+            this.i.n7 = ensureEnum(ImageStretchOptions_$type, v);
+            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.n7));
         },
         enumerable: false,
         configurable: true
@@ -94,11 +94,11 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.n2;
+            return this.i.n3;
         },
         set: function (v) {
-            this.i.n2 = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.n2));
+            this.i.n3 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.n3));
         },
         enumerable: false,
         configurable: true
@@ -108,10 +108,10 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.n7;
+            return this.i.n8;
         },
         set: function (v) {
-            this.i.n7 = v;
+            this.i.n8 = v;
         },
         enumerable: false,
         configurable: true
@@ -121,10 +121,10 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.n8;
+            return this.i.n9;
         },
         set: function (v) {
-            this.i.n8 = v;
+            this.i.n9 = v;
         },
         enumerable: false,
         configurable: true
@@ -134,10 +134,10 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.n9;
+            return this.i.oa;
         },
         set: function (v) {
-            this.i.n9 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true