@revolist/revogrid 3.2.6 → 3.2.7

package/custom-element/index.js

@@ -5211,7 +5211,7 @@ class AutoSizeColumn extends BasePlugin {
       const sizes = {};
       each(autoSize[type], rgCol => {
         // calculate size
-        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), 0);
+        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
       });
       this.providers.dimensionProvider.setDimensionSize(type, sizes);
     });
@@ -25217,11 +25217,11 @@ class ColumnOrderHandler {
   stop() {
     var _a;
     if (this.element) {
-      this.element.hidden = true;
+      this.element.setAttribute('hidden', '');
     }
+    this.offset = 0;
     (_a = this.autoscrollEl) === null || _a === void 0 ? void 0 : _a.remove();
     this.autoscrollEl = undefined;
-    this.offset = 0;
   }
   showHandler(pos, size, direction = 'translateX') {
     if (!this.element) {
@@ -25290,6 +25290,9 @@ class ColumnPlugin extends BasePlugin {
     this.addEventListener(COLUMN_CLICK, ({ detail }) => this.dragStart(detail));
   }
   dragStart({ event, data }) {
+    if (event.defaultPrevented) {
+      return;
+    }
     const { defaultPrevented } = dispatch(this.revogrid, DRAG_START, data);
     // check if allowed to drag particulat column
     if (defaultPrevented) {
@@ -25495,7 +25498,6 @@ const RevoGridComponent = class extends HTMLElement {
     /**
      * Enables column move plugin
      * Can be boolean
-     * Can be filter collection
      */
     this.canMoveColumns = false;
     /**
@@ -27427,6 +27429,8 @@ class ResizeDirective {
     if (event.defaultPrevented) {
       return;
     }
+    // stop other events if resize in progress
+    event.preventDefault();
     this.dropInitial();
     for (let elClass in RESIZE_MASK) {
       const target = event.target;

package/dist/cjs/revo-grid_11.cjs.entry.js

@@ -4888,7 +4888,7 @@ class AutoSizeColumn extends BasePlugin {
       const sizes = {};
       each(autoSize[type], rgCol => {
         // calculate size
-        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), 0);
+        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
       });
       this.providers.dimensionProvider.setDimensionSize(type, sizes);
     });
@@ -24654,11 +24654,11 @@ class ColumnOrderHandler {
   stop() {
     var _a;
     if (this.element) {
-      this.element.hidden = true;
+      this.element.setAttribute('hidden', '');
     }
+    this.offset = 0;
     (_a = this.autoscrollEl) === null || _a === void 0 ? void 0 : _a.remove();
     this.autoscrollEl = undefined;
-    this.offset = 0;
   }
   showHandler(pos, size, direction = 'translateX') {
     if (!this.element) {
@@ -24727,6 +24727,9 @@ class ColumnPlugin extends BasePlugin {
     this.addEventListener(COLUMN_CLICK, ({ detail }) => this.dragStart(detail));
   }
   dragStart({ event, data }) {
+    if (event.defaultPrevented) {
+      return;
+    }
     const { defaultPrevented } = dispatch(this.revogrid, DRAG_START, data);
     // check if allowed to drag particulat column
     if (defaultPrevented) {
@@ -24931,7 +24934,6 @@ const RevoGridComponent = class {
     /**
      * Enables column move plugin
      * Can be boolean
-     * Can be filter collection
      */
     this.canMoveColumns = false;
     /**
@@ -26545,6 +26547,8 @@ class ResizeDirective {
     if (event.defaultPrevented) {
       return;
     }
+    // stop other events if resize in progress
+    event.preventDefault();
     this.dropInitial();
     for (let elClass in RESIZE_MASK) {
       const target = event.target;

package/dist/collection/components/revo-grid/revo-grid.js

@@ -96,7 +96,6 @@ export class RevoGridComponent {
     /**
      * Enables column move plugin
      * Can be boolean
-     * Can be filter collection
      */
     this.canMoveColumns = false;
     /**
@@ -1025,7 +1024,7 @@ export class RevoGridComponent {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Enables column move plugin\nCan be boolean\nCan be filter collection"
+        "text": "Enables column move plugin\nCan be boolean"
       },
       "attribute": "can-move-columns",
       "reflect": false,

package/dist/collection/plugins/autoSizeColumn.js

@@ -96,7 +96,7 @@ export default class AutoSizeColumn extends BasePlugin {
       const sizes = {};
       each(autoSize[type], rgCol => {
         // calculate size
-        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), 0);
+        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
       });
       this.providers.dimensionProvider.setDimensionSize(type, sizes);
     });

package/dist/collection/plugins/moveColumn/columnDragPlugin.js

@@ -43,6 +43,9 @@ export default class ColumnPlugin extends BasePlugin {
     this.addEventListener(COLUMN_CLICK, ({ detail }) => this.dragStart(detail));
   }
   dragStart({ event, data }) {
+    if (event.defaultPrevented) {
+      return;
+    }
     const { defaultPrevented } = dispatch(this.revogrid, DRAG_START, data);
     // check if allowed to drag particulat column
     if (defaultPrevented) {

package/dist/collection/plugins/moveColumn/columnOrderHandler.js

@@ -38,11 +38,11 @@ export class ColumnOrderHandler {
   stop() {
     var _a;
     if (this.element) {
-      this.element.hidden = true;
+      this.element.setAttribute('hidden', '');
     }
+    this.offset = 0;
     (_a = this.autoscrollEl) === null || _a === void 0 ? void 0 : _a.remove();
     this.autoscrollEl = undefined;
-    this.offset = 0;
   }
   showHandler(pos, size, direction = 'translateX') {
     if (!this.element) {

package/dist/collection/services/resizable.directive.js

@@ -134,6 +134,8 @@ export class ResizeDirective {
     if (event.defaultPrevented) {
       return;
     }
+    // stop other events if resize in progress
+    event.preventDefault();
     this.dropInitial();
     for (let elClass in RESIZE_MASK) {
       const target = event.target;

package/dist/esm/revo-grid_11.entry.js

@@ -4884,7 +4884,7 @@ class AutoSizeColumn extends BasePlugin {
       const sizes = {};
       each(autoSize[type], rgCol => {
         // calculate size
-        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), 0);
+        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
       });
       this.providers.dimensionProvider.setDimensionSize(type, sizes);
     });
@@ -24650,11 +24650,11 @@ class ColumnOrderHandler {
   stop() {
     var _a;
     if (this.element) {
-      this.element.hidden = true;
+      this.element.setAttribute('hidden', '');
     }
+    this.offset = 0;
     (_a = this.autoscrollEl) === null || _a === void 0 ? void 0 : _a.remove();
     this.autoscrollEl = undefined;
-    this.offset = 0;
   }
   showHandler(pos, size, direction = 'translateX') {
     if (!this.element) {
@@ -24723,6 +24723,9 @@ class ColumnPlugin extends BasePlugin {
     this.addEventListener(COLUMN_CLICK, ({ detail }) => this.dragStart(detail));
   }
   dragStart({ event, data }) {
+    if (event.defaultPrevented) {
+      return;
+    }
     const { defaultPrevented } = dispatch(this.revogrid, DRAG_START, data);
     // check if allowed to drag particulat column
     if (defaultPrevented) {
@@ -24927,7 +24930,6 @@ const RevoGridComponent = class {
     /**
      * Enables column move plugin
      * Can be boolean
-     * Can be filter collection
      */
     this.canMoveColumns = false;
     /**
@@ -26541,6 +26543,8 @@ class ResizeDirective {
     if (event.defaultPrevented) {
       return;
     }
+    // stop other events if resize in progress
+    event.preventDefault();
     this.dropInitial();
     for (let elClass in RESIZE_MASK) {
       const target = event.target;