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

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

@@ -90,6 +90,7 @@ import { GroupSummaryDisplayMode_$type } from "./GroupSummaryDisplayMode";
 import { fromRect } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { IgcPinnedAreaSeparatorComponent } from "./igc-pinned-area-separator-component";
+import { PinnedPositions_$type } from "./PinnedPositions";
 import { ColumnOptionsIconAlignment_$type } from "./ColumnOptionsIconAlignment";
 import { ColumnOptionsIconBehavior_$type } from "./ColumnOptionsIconBehavior";
 import { IgcColumnPinnedChangedEventArgs } from "./igc-column-pinned-changed-event-args";
@@ -150,6 +151,11 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._renderer = null;
         _this._disconnected = false;
         _this._initialized = false;
+        _this.onMouseEvent = function (e) {
+            if (_this.stopPropagation) {
+                e.stopPropagation();
+            }
+        };
         _this._scroller = null;
         _this._wrapper = null;
         _this._grid = null;
@@ -562,6 +568,11 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
                 this._grid.renderingEngine.detach();
             }
         }
+        this.removeEventListener("mousedown", this.onMouseEvent);
+        this.removeEventListener("mouseup", this.onMouseEvent);
+        this.removeEventListener("mouseenter", this.onMouseEvent);
+        this.removeEventListener("mouseleave", this.onMouseEvent);
+        this.removeEventListener("mousemove", this.onMouseEvent);
     };
     IgcDataGridComponent.prototype.connectedCallback = function () {
         if (this._disconnected) {
@@ -628,6 +639,11 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.updateContentColumns();
         this.afterContentInit();
+        this.addEventListener("mousedown", this.onMouseEvent);
+        this.addEventListener("mouseup", this.onMouseEvent);
+        this.addEventListener("mouseenter", this.onMouseEvent);
+        this.addEventListener("mouseleave", this.onMouseEvent);
+        this.addEventListener("mousemove", this.onMouseEvent);
     };
     IgcDataGridComponent.prototype.SetupColumnGrouping = function () {
         if (this._hasColumnGroupingAdded == false && this._hasParentAdded == true) {
@@ -662,7 +678,7 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.pager = null;
             // When the pager is shown it replaces the internal grid's datasource with a new paged one. So when hiding the pager
             // we need to assign back the original datasource.
-            this._grid.itemsSource = this._dataSource;
+            this.dataSource = this._dataSource;
         }
     };
     IgcDataGridComponent.prototype.showToolbar = function () {
@@ -692,7 +708,8 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     IgcDataGridComponent.prototype.afterContentInit = function () {
-        this._grid.itemsSource = this._dataSource;
+        // we have a grid now so provide it the currently set datasource.
+        this.dataSource = this._dataSource;
     };
     IgcDataGridComponent.prototype.refreshContentSize = function () {
         if (this._content != null) {
@@ -734,7 +751,12 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (value) {
             this._dataSource = value;
             if (this._grid != null) {
-                this._grid.itemsSource = this._dataSource;
+                if (this._dataSource && this._dataSource._implementation) {
+                    this._grid.itemsSource = this._dataSource._implementation;
+                }
+                else {
+                    this._grid.itemsSource = this._dataSource;
+                }
             }
         },
         enumerable: false,
@@ -3067,6 +3089,20 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.prototype, "stopPropagation", {
+        /**
+         * Prevents mouse events from bubbling out of the grid.
+        */
+        get: function () {
+            return this.i.stopPropagation;
+        },
+        set: function (v) {
+            this.i.stopPropagation = ensureBool(v);
+            this._a("stopPropagation", this.i.stopPropagation);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "responsiveStates", {
         /**
          * A set of states that can be applied to the columns of the grid based on available space.
@@ -4070,7 +4106,7 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i.exchangeColumn((newColumn == null ? null : newColumn.i), (oldColumn == null ? null : oldColumn.i));
     };
     IgcDataGridComponent.prototype.pinColumn = function (column, position) {
-        this.i.pinColumn((column == null ? null : column.i), (position == null ? null : position));
+        this.i.pinColumn((column == null ? null : column.i), ensureEnum(PinnedPositions_$type, position));
     };
     IgcDataGridComponent.prototype.moveColumn = function (oldIndex, newIndex) {
         this.i.moveColumn(oldIndex, newIndex);
@@ -4390,6 +4426,34 @@ var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     IgcDataGridComponent.prototype.loadLayout = function (json) {
         this.i.loadLayout(json);
     };
+    IgcDataGridComponent.prototype.registerIconFromText = function (iconCollection, iconName, iconText) {
+        this.i.registerIconFromText(iconCollection, iconName, iconText);
+    };
+    IgcDataGridComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
+        var iv = this.i.getIconFromCache(iconCollection, iconName);
+        return (iv);
+    };
+    IgcDataGridComponent.prototype.registerMultiPathSVG = function (iconCollection, iconName, multiPathSVG) {
+        this.i.registerMultiPathSVG(iconCollection, iconName, multiPathSVG);
+    };
+    IgcDataGridComponent.prototype.getMultiPathSVGFromCache = function (iconCollection, iconName) {
+        var iv = this.i.getMultiPathSVGFromCache(iconCollection, iconName);
+        return (iv);
+    };
+    IgcDataGridComponent.prototype.registerIconFromDataURL = function (iconCollection, iconName, dataURL) {
+        this.i.registerIconFromDataURL(iconCollection, iconName, dataURL);
+    };
+    IgcDataGridComponent.prototype.getDataURLFromCache = function (iconCollection, iconName) {
+        var iv = this.i.getDataURLFromCache(iconCollection, iconName);
+        return (iv);
+    };
+    IgcDataGridComponent.prototype.registerIconSource = function (iconCollection, iconName, source) {
+        this.i.registerIconSource(iconCollection, iconName, source);
+    };
+    IgcDataGridComponent.prototype.getIconSource = function (iconCollection, iconName) {
+        var iv = this.i.getIconSource(iconCollection, iconName);
+        return (iv);
+    };
     Object.defineProperty(IgcDataGridComponent.prototype, "filterExpressionsChanging", {
         get: function () {
             return this._filterExpressionsChanging;

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.mt;
+            return this.i.n6;
         },
         set: function (v) {
-            this.i.mt = v;
+            this.i.n6 = 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.na;
+            return this.i.on;
         },
         set: function (v) {
-            this.i.na = v;
+            this.i.on = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeCellInfo.prototype, "formatSpecifiers", {
         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
@@ -69,10 +69,10 @@ var IgcDateTimeCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * The format options to apply to the value
         */
         get: function () {
-            return this.i.m3;
+            return this.i.og;
         },
         set: function (v) {
-            this.i.m3 = v;
+            this.i.og = 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.mp;
+            return this.i.n2;
         },
         set: function (v) {
-            this.i.mp = ensureEnum(DateTimeFormats_$type, v);
+            this.i.n2 = 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.mr;
+            return this.i.n4;
         },
         set: function (v) {
-            this.i.mr = ensureBool(v);
+            this.i.n4 = ensureBool(v);
         },
         enumerable: false,
         configurable: true

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.oa;
+            return this.i.pb;
         },
         set: function (v) {
-            this.i.oa = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.oa));
+            this.i.pb = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.pb));
         },
         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.os;
+            return this.i.pt;
         },
         set: function (v) {
-            this.i.os = v;
+            this.i.pt = 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.ol;
+            return this.i.pm;
         },
         set: function (v) {
-            this.i.ol = v;
+            this.i.pm = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.n6;
+            return this.i.o7;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.n6 = v;
+            this.i.o7 = 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.oh;
+            return this.i.pi;
         },
         set: function (v) {
-            this.i.oh = v;
+            this.i.pi = 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.od;
+            return this.i.pe;
         },
         set: function (v) {
-            this.i.od = ensureBool(v);
-            this._a("showTodayButton", this.i.od);
+            this.i.pe = ensureBool(v);
+            this._a("showTodayButton", this.i.pe);
         },
         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.ob;
+            return this.i.pc;
         },
         set: function (v) {
-            this.i.ob = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.ob));
+            this.i.pc = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.pc));
         },
         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.og;
+            return this.i.ph;
         },
         set: function (v) {
-            this.i.og = v;
+            this.i.ph = 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.on;
+            return this.i.po;
         },
         set: function (v) {
-            this.i.on = v;
+            this.i.po = 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.oo;
+            return this.i.pp;
         },
         set: function (v) {
-            this.i.oo = v;
+            this.i.pp = v;
         },
         enumerable: false,
         configurable: true