igniteui-webcomponents-grids 5.1.0 → 5.1.1-beta.1

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

@@ -131,6 +131,7 @@ import { IgcTextCellInfo } from "./igc-text-cell-info";
 import { IgcTextHeaderCellInfo } from "./igc-text-header-cell-info";
 import { IgcFilterCellInfo } from "./igc-filter-cell-info";
 import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
+import { IgcDataSourceRootSummariesChangedEventArgs } from "igniteui-webcomponents-core";
 var GridStylingDefaults = {};
 var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcDataGridComponent, _super);
@@ -225,6 +226,8 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._dataCommitted_wrapped = null;
         _this._dataCommitting = null;
         _this._dataCommitting_wrapped = null;
+        _this._rootSummariesChanged = null;
+        _this._rootSummariesChanged_wrapped = null;
         _this._sizeChanged = null;
         _this._sizeChanged_wrapped = null;
         _this._actualColumnsChanged = null;
@@ -2936,12 +2939,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "cornerRadiusBottomRight", {
         get: function () {
-            return this.i.cornerRadius ? this.i.cornerRadius.b : NaN;
+            return this.i.cornerRadius ? this.i.cornerRadius.c : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.b = +v;
-            this._a("cornerRadiusBottomRight", this.i.cornerRadius.b);
+            this.i.cornerRadius.c = +v;
+            this._a("cornerRadiusBottomRight", this.i.cornerRadius.c);
             this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
@@ -2949,12 +2952,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "cornerRadiusBottomLeft", {
         get: function () {
-            return this.i.cornerRadius ? this.i.cornerRadius.a : NaN;
+            return this.i.cornerRadius ? this.i.cornerRadius.b : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.a = +v;
-            this._a("cornerRadiusBottomLeft", this.i.cornerRadius.a);
+            this.i.cornerRadius.b = +v;
+            this._a("cornerRadiusBottomLeft", this.i.cornerRadius.b);
             this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
@@ -2962,12 +2965,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "cornerRadiusTopLeft", {
         get: function () {
-            return this.i.cornerRadius ? this.i.cornerRadius.c : NaN;
+            return this.i.cornerRadius ? this.i.cornerRadius.d : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.c = +v;
-            this._a("cornerRadiusTopLeft", this.i.cornerRadius.c);
+            this.i.cornerRadius.d = +v;
+            this._a("cornerRadiusTopLeft", this.i.cornerRadius.d);
             this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
@@ -2975,12 +2978,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "cornerRadiusTopRight", {
         get: function () {
-            return this.i.cornerRadius ? this.i.cornerRadius.d : NaN;
+            return this.i.cornerRadius ? this.i.cornerRadius.e : NaN;
         },
         set: function (v) {
             this.ensureCornerRadius();
-            this.i.cornerRadius.d = +v;
-            this._a("cornerRadiusTopRight", this.i.cornerRadius.d);
+            this.i.cornerRadius.e = +v;
+            this._a("cornerRadiusTopRight", this.i.cornerRadius.e);
             this.i.cornerRadius = this.i.cornerRadius;
         },
         enumerable: false,
@@ -2994,12 +2997,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(IgcDataGridComponent.prototype, "actualCornerRadiusBottomRight", {
         get: function () {
-            return this.i.actualCornerRadius ? this.i.actualCornerRadius.b : NaN;
+            return this.i.actualCornerRadius ? this.i.actualCornerRadius.c : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.b = +v;
-            this._a("actualCornerRadiusBottomRight", this.i.actualCornerRadius.b);
+            this.i.actualCornerRadius.c = +v;
+            this._a("actualCornerRadiusBottomRight", this.i.actualCornerRadius.c);
             this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
@@ -3007,12 +3010,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "actualCornerRadiusBottomLeft", {
         get: function () {
-            return this.i.actualCornerRadius ? this.i.actualCornerRadius.a : NaN;
+            return this.i.actualCornerRadius ? this.i.actualCornerRadius.b : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.a = +v;
-            this._a("actualCornerRadiusBottomLeft", this.i.actualCornerRadius.a);
+            this.i.actualCornerRadius.b = +v;
+            this._a("actualCornerRadiusBottomLeft", this.i.actualCornerRadius.b);
             this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
@@ -3020,12 +3023,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "actualCornerRadiusTopLeft", {
         get: function () {
-            return this.i.actualCornerRadius ? this.i.actualCornerRadius.c : NaN;
+            return this.i.actualCornerRadius ? this.i.actualCornerRadius.d : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.c = +v;
-            this._a("actualCornerRadiusTopLeft", this.i.actualCornerRadius.c);
+            this.i.actualCornerRadius.d = +v;
+            this._a("actualCornerRadiusTopLeft", this.i.actualCornerRadius.d);
             this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
@@ -3033,12 +3036,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcDataGridComponent.prototype, "actualCornerRadiusTopRight", {
         get: function () {
-            return this.i.actualCornerRadius ? this.i.actualCornerRadius.d : NaN;
+            return this.i.actualCornerRadius ? this.i.actualCornerRadius.e : NaN;
         },
         set: function (v) {
             this.ensureActualCornerRadius();
-            this.i.actualCornerRadius.d = +v;
-            this._a("actualCornerRadiusTopRight", this.i.actualCornerRadius.d);
+            this.i.actualCornerRadius.e = +v;
+            this._a("actualCornerRadiusTopRight", this.i.actualCornerRadius.e);
             this.i.actualCornerRadius = this.i.actualCornerRadius;
         },
         enumerable: false,
@@ -4846,6 +4849,34 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "rootSummariesChanged", {
+        get: function () {
+            return this._rootSummariesChanged;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._rootSummariesChanged_wrapped !== null) {
+                this.i.rootSummariesChanged = delegateRemove(this.i.rootSummariesChanged, this._rootSummariesChanged_wrapped);
+                this._rootSummariesChanged_wrapped = null;
+                this._rootSummariesChanged = null;
+            }
+            this._rootSummariesChanged = ev;
+            this._rootSummariesChanged_wrapped = function (o, e) {
+                var outerArgs = new IgcDataSourceRootSummariesChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeRootSummariesChanged) {
+                    _this.beforeRootSummariesChanged(_this, outerArgs);
+                }
+                if (_this._rootSummariesChanged) {
+                    _this._rootSummariesChanged(_this, outerArgs);
+                }
+            };
+            this.i.rootSummariesChanged = delegateCombine(this.i.rootSummariesChanged, this._rootSummariesChanged_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "sizeChanged", {
         /**
          * Called when the grids size has changed.

package/esm5/lib/igc-data-grid-core-module.js

@@ -23,6 +23,8 @@ import { IgcGridCellPositionModule } from './igc-grid-cell-position-module';
 import { IgcLocalDataSourceModule } from "igniteui-webcomponents-core";
 import { IgcNumberFormatSpecifierModule } from "igniteui-webcomponents-core";
 import { IgcDateTimeFormatSpecifierModule } from "igniteui-webcomponents-core";
+import { IgcToolbarModule } from "igniteui-webcomponents-layouts";
+import { GridModuleHelper } from './GridModuleHelper';
 import { IgcDataGridComponent } from './igc-data-grid-component';
 import { TypeRegistrar } from "igniteui-webcomponents-core";
 var IgcDataGridCoreModule = /** @class */ /*@__PURE__*/ (function () {
@@ -48,6 +50,9 @@ var IgcDataGridCoreModule = /** @class */ /*@__PURE__*/ (function () {
         IgcLocalDataSourceModule.register();
         IgcNumberFormatSpecifierModule.register();
         IgcDateTimeFormatSpecifierModule.register();
+        IgcToolbarModule.register();
+        TypeRegistrar.register('GridModuleHelper', GridModuleHelper.$type);
+        GridModuleHelper.register();
         IgcDataGridComponent.register();
         TypeRegistrar.registerCons('IgcDataGridComponent', IgcDataGridComponent);
     };

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

@@ -156,11 +156,11 @@ var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function (_s
     };
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "isAnimationEnabled", {
         get: function () {
-            return this.i.x;
+            return this.i.ab;
         },
         set: function (v) {
-            this.i.x = ensureBool(v);
-            this._a("isAnimationEnabled", this.i.x);
+            this.i.ab = ensureBool(v);
+            this._a("isAnimationEnabled", this.i.ab);
         },
         enumerable: false,
         configurable: true
@@ -172,11 +172,11 @@ var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function (_s
          * to appear blurry.
         */
         get: function () {
-            return this.i.ae;
+            return this.i.aj;
         },
         set: function (v) {
-            this.i.ae = +v;
-            this._a("pixelScalingRatio", this.i.ae);
+            this.i.aj = +v;
+            this._a("pixelScalingRatio", this.i.aj);
         },
         enumerable: false,
         configurable: true
@@ -188,40 +188,60 @@ var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function (_s
          * to appear blurry.
         */
         get: function () {
-            return this.i.ad;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.ad = +v;
-            this._a("actualPixelScalingRatio", this.i.ad);
+            this.i.ai = +v;
+            this._a("actualPixelScalingRatio", this.i.ai);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "iconColor", {
         get: function () {
-            return brushToString(this.i.bq);
+            return brushToString(this.i.bw);
         },
         set: function (v) {
-            this.i.bq = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.bq));
+            this.i.bw = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.bw));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "viewSize", {
         get: function () {
-            return this.i.af;
+            return this.i.ak;
         },
         set: function (v) {
-            this.i.af = +v;
-            this._a("viewSize", this.i.af);
+            this.i.ak = +v;
+            this._a("viewSize", this.i.ak);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.y;
+            return this.i.ac;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "commandCompleted", {
+        get: function () {
+            return this.i.commandCompleted;
+        },
+        set: function (v) {
+            this.i.commandCompleted = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "invalidateActions", {
+        get: function () {
+            return this.i.invalidateActions;
+        },
+        set: function (v) {
+            this.i.invalidateActions = v;
         },
         enumerable: false,
         configurable: true
@@ -292,16 +312,35 @@ var IgcDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function (_s
         this._inStyling = false;
     };
     IgcDataGridFilterDialogComponent.prototype.notifySizeChanged = function (width, height) {
-        this.i.a8(width, height);
+        this.i.be(width, height);
     };
     IgcDataGridFilterDialogComponent.prototype.notifyCellSizeChanged = function () {
-        this.i.a7();
+        this.i.bd();
     };
     IgcDataGridFilterDialogComponent.prototype.showIcon = function () {
-        this.i.bl();
+        this.i.br();
     };
     IgcDataGridFilterDialogComponent.prototype.hideIcon = function () {
-        this.i.a5();
+        this.i.bb();
+    };
+    IgcDataGridFilterDialogComponent.prototype.getDesiredToolbarActions = function () {
+        var iv = this.i.getDesiredToolbarActions();
+        return (iv);
+    };
+    IgcDataGridFilterDialogComponent.prototype.addCommandAvailabilityListener = function (listener) {
+        this.i.addCommandAvailabilityListener(listener);
+    };
+    IgcDataGridFilterDialogComponent.prototype.removeCommandAvailabilityListener = function (listener) {
+        this.i.removeCommandAvailabilityListener(listener);
+    };
+    IgcDataGridFilterDialogComponent.prototype.addCommandStateChangedListener = function (listener) {
+        this.i.addCommandStateChangedListener(listener);
+    };
+    IgcDataGridFilterDialogComponent.prototype.removeCommandStateChangedListener = function (listener) {
+        this.i.removeCommandStateChangedListener(listener);
+    };
+    IgcDataGridFilterDialogComponent.prototype.provideContextAccessor = function (accessor) {
+        this.i.provideContextAccessor(accessor);
     };
     Object.defineProperty(IgcDataGridFilterDialogComponent.prototype, "dialogOpening", {
         get: function () {

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.lt;
+            return this.i.mp;
         },
         set: function (v) {
-            this.i.lt = v;
+            this.i.mp = 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.ma;
+            return this.i.m6;
         },
         set: function (v) {
-            this.i.ma = v;
+            this.i.m6 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeCellInfo.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.lk;
+            return this.i.mg;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.lk = v;
+            this.i.mg = 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.l3;
+            return this.i.mz;
         },
         set: function (v) {
-            this.i.l3 = v;
+            this.i.mz = 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.lp;
+            return this.i.ml;
         },
         set: function (v) {
-            this.i.lp = ensureEnum(DateTimeFormats_$type, v);
+            this.i.ml = 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.lr;
+            return this.i.mn;
         },
         set: function (v) {
-            this.i.lr = ensureBool(v);
+            this.i.mn = ensureBool(v);
         },
         enumerable: false,
         configurable: true

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

@@ -33,6 +33,12 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         if (this.i.connectedCallback) {
             this.i.connectedCallback();
         }
+        if (this.updateContentChildren) {
+            this.updateContentChildren();
+        }
+        else if (this._updateAdapters) {
+            this._updateAdapters();
+        }
         if (!this._attached) {
             this._attached = true;
             this._flushQueuedAttributes();
@@ -74,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.lq;
+            return this.i.n7;
         },
         set: function (v) {
-            this.i.lq = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.lq));
+            this.i.n7 = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.n7));
         },
         enumerable: false,
         configurable: true
@@ -88,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.l8;
+            return this.i.op;
         },
         set: function (v) {
-            this.i.l8 = v;
+            this.i.op = v;
         },
         enumerable: false,
         configurable: true
@@ -101,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.l1;
+            return this.i.oi;
         },
         set: function (v) {
-            this.i.l1 = v;
+            this.i.oi = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.lm;
+            return this.i.n3;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.lm = v;
+            this.i.n3 = v;
         },
         enumerable: false,
         configurable: true
@@ -128,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.lx;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.lx = v;
+            this.i.oe = v;
         },
         enumerable: false,
         configurable: true
@@ -141,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.lt;
+            return this.i.oa;
         },
         set: function (v) {
-            this.i.lt = ensureBool(v);
-            this._a("showTodayButton", this.i.lt);
+            this.i.oa = ensureBool(v);
+            this._a("showTodayButton", this.i.oa);
         },
         enumerable: false,
         configurable: true
@@ -155,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.lr;
+            return this.i.n8;
         },
         set: function (v) {
-            this.i.lr = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.lr));
+            this.i.n8 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.n8));
         },
         enumerable: false,
         configurable: true
@@ -169,10 +175,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.lw;
+            return this.i.od;
         },
         set: function (v) {
-            this.i.lw = v;
+            this.i.od = v;
         },
         enumerable: false,
         configurable: true
@@ -182,10 +188,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.l3;
+            return this.i.ok;
         },
         set: function (v) {
-            this.i.l3 = v;
+            this.i.ok = v;
         },
         enumerable: false,
         configurable: true
@@ -195,10 +201,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.l4;
+            return this.i.ol;
         },
         set: function (v) {
-            this.i.l4 = v;
+            this.i.ol = v;
         },
         enumerable: false,
         configurable: true