@sankhyalabs/ezui 7.3.3-rc.1 → 7.3.4-dev.1

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -49,6 +49,8 @@ export default class AgGridController {
     this.DEFAULT_ICON_SIZE = 40;
     this.DEFAULT_MAX_SIZE = 300;
     this.MULTI_VALUES_PROP = '__multiValues';
+    this.WHEEL_LINE_HEIGHT = 40;
+    this.HORIZONTAL_SCROLL_VIEWPORT_SELECTOR = '.ag-body-horizontal-scroll-viewport';
     this._menuItems = [];
     this._idAttribName = '__record__id__';
     this._gridConfig = [];
@@ -243,6 +245,7 @@ export default class AgGridController {
       this.setOptionsSupress(this._gridOptions);
       this._gridOptions = this._editionManager.configureGrid(this._gridOptions);
       this._grid = new Grid(container, this._gridOptions);
+      this.enableHorizontalWheelScroll(container);
       const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
       if (selection === null || selection === void 0 ? void 0 : selection.isAllRecords()) {
         this.selectAll(true);
@@ -355,6 +358,56 @@ export default class AgGridController {
     const response = await this._dataUnit.dataLoader(this._dataUnit, { limit: paginationInfo.total });
     return (_b = response.records) !== null && _b !== void 0 ? _b : [];
   }
+  /**
+   * Habilita o scroll horizontal com a roda do mouse enquanto o ponteiro está sobre a grade.
+   * O AG Grid usa uma barra horizontal "fake" e mantém o corpo sem overflow rolável no eixo X,
+   * por isso, por padrão, só é possível rolar horizontalmente com o ponteiro sobre a barra.
+   * Aqui traduzimos o gesto horizontal (trackpad/`deltaX`) ou `Shift + roda` em rolagem
+   * horizontal do viewport interno do AG Grid.
+   */
+  enableHorizontalWheelScroll(container) {
+    var _a;
+    if (((_a = this._options) === null || _a === void 0 ? void 0 : _a.suppressHorizontalScroll) || !container)
+      return;
+    this._horizontalWheelHandler = (event) => {
+      var _a;
+      const target = event.target;
+      // Evita rolagem dupla quando o ponteiro já está sobre a barra horizontal nativa.
+      if ((_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, this.HORIZONTAL_SCROLL_VIEWPORT_SELECTOR))
+        return;
+      const horizontalDelta = this.resolveHorizontalWheelDelta(event);
+      if (horizontalDelta === 0)
+        return;
+      const scrollViewport = container.querySelector(this.HORIZONTAL_SCROLL_VIEWPORT_SELECTOR);
+      if (!scrollViewport)
+        return;
+      const maxScrollLeft = scrollViewport.scrollWidth - scrollViewport.clientWidth;
+      if (maxScrollLeft <= 0)
+        return;
+      const nextScrollLeft = Math.max(0, Math.min(maxScrollLeft, scrollViewport.scrollLeft + horizontalDelta));
+      if (nextScrollLeft === scrollViewport.scrollLeft)
+        return;
+      scrollViewport.scrollLeft = nextScrollLeft;
+      event.preventDefault();
+    };
+    container.addEventListener('wheel', this._horizontalWheelHandler, { passive: false });
+  }
+  /**
+   * Resolve o deslocamento horizontal desejado a partir do evento de roda.
+   * Retorna 0 quando o gesto é predominantemente vertical (sem Shift), preservando o
+   * comportamento nativo de scroll vertical do AG Grid.
+   */
+  resolveHorizontalWheelDelta(event) {
+    const lineFactor = event.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.WHEEL_LINE_HEIGHT : 1;
+    if (event.shiftKey) {
+      const delta = event.deltaX !== 0 ? event.deltaX : event.deltaY;
+      return delta * lineFactor;
+    }
+    if (Math.abs(event.deltaX) > Math.abs(event.deltaY)) {
+      return event.deltaX * lineFactor;
+    }
+    return 0;
+  }
   processFormatterCellCallback(params) {
     const column = params.column.getColDef();
     if (typeof column.valueFormatter === 'function') {
@@ -1372,6 +1425,9 @@ export default class AgGridController {
   destroy() {
     var _a;
     this.observer.disconnect();
+    if (this._horizontalWheelHandler && this._container) {
+      this._container.removeEventListener('wheel', this._horizontalWheelHandler);
+    }
     (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.destroy();
     this.handleDestroyBottomPinnedRowSubscriber();
     this.handleDestroySetBottomPinnedRowDebounce();