ids-enterprise-wc 1.15.9-patch.3 → 1.15.9-patch.4

package/enterprise-wc.all.iife.js

@@ -50948,7 +50948,7 @@ ids-toolbar ids-menu-button[menu=view-picker] {
         this.year = year;
       }
       this.focus();
-      if (!this.showApply) __privateMethod(this, _IdsMonthView_instances, triggerSelectedEvent_fn).call(this);
+      __privateMethod(this, _IdsMonthView_instances, triggerSelectedEvent_fn).call(this);
     }
   };
   /**
@@ -58719,7 +58719,8 @@ ids-time-picker-popup[embeddable] {
     attachEventListeners() {
       this.offEvent("dayselected.date-picker-calendar");
       this.onEvent("dayselected.date-picker-calendar", this.monthView, (e) => {
-        if (!this.showApply) this.handleDaySelectedEvent(e);
+        this.handleDaySelectedEvent(e);
+        e.stopPropagation();
       });
       this.offEvent("datechange");
       this.onEvent("datechange", this.monthView, (e) => {
@@ -58904,7 +58905,7 @@ ids-time-picker-popup[embeddable] {
         this.day = e.detail.date.getDate();
         e.detail.date = fixedDate;
         e.detail.value = this.value;
-        if (!this.showApply) this.hide(true);
+        this.hide(true);
         this.triggerSelectedEvent(e);
       }
     }
@@ -60051,6 +60052,16 @@ ids-time-picker-popup[embeddable] {
         }
       }
     }
+    /**
+     * Apply the selected date value to the date picker and trigger field
+     * @param {Date | null} date - The date to apply (currently unused)
+     */
+    applyValue(date) {
+      this.setAttribute(attributes.VALUE, String(date));
+      this.parseEventDate(date);
+      this.triggerField?.setAttribute(attributes.VALUE, date);
+      this.triggerField?.checkValidation?.();
+    }
     /**
      * Defers `activeDate` to the inner IdsDatePickerPopup's active date,
      * otherwise fallback to the one generated by this one's date props
@@ -60730,10 +60741,11 @@ ids-time-picker-popup[embeddable] {
   attachEventHandlers_fn30 = function() {
     this.offEvent("dayselected.date-picker-popup");
     this.onEvent("dayselected.date-picker-popup", this.container, (e) => {
-      this.setAttribute(attributes.VALUE, e.detail.value);
-      this.parseEventDate(e.detail.date);
-      this.triggerField?.setAttribute(attributes.VALUE, e.detail.value);
-      this.triggerField?.checkValidation?.();
+      this.applyValue(e.detail.value);
+    });
+    this.offEvent("applyclicked.date-picker-popup");
+    this.onEvent("applyclicked.date-picker-popup", this.container, (e) => {
+      this.applyValue(e.detail.value);
     });
     this.offEvent("hide.date-picker-popup");
     this.onEvent("hide.date-picker-popup", this.picker, (e) => {
@@ -87776,7 +87788,7 @@ ids-icon {
       )
     )
   );
-  var _activeCellCache, _editedCellsCache, _startSelectionCell, _endSelectionCell, _currentScroll, _header, _IdsDataGrid_instances, redrawBodyTemplate_fn, _lastSelectedRow, _initiallySelectedRow, _lastShiftedRow, resetLastSelectedRow_fn, resetInitiallySelectedRow_fn, resetLastShiftedRow_fn, toggleShiftSelectionInBetween_fn, getSelection_fn, attachEventHandlers_fn41, attachDragSelection_fn, createSelectionBorder_fn, updateSelectionBorder_fn, attachCopyPasteCellHandlers_fn, attachKeyboardListeners_fn9, setColumnWidths_fn, setFrozenColumnWidth_fn, calcMaxContentWidth_fn, reapplyDirtyStates_fn, setColumnGroupsWidth_fn, appendMissingRows_fn, _virtualScrollMaxRowsInDom, attachScrollEvents_fn, attachVirtualScrollEvent_fn, calculateColumnsOnscreen_fn, detachScrollEvents_fn, syncTreeHiddenStates_fn, handleTreeRowExpandCollapse_fn, recycleAllTreeRows_fn, handleVirtualScroll_fn, _customScrollEventCache, triggerCustomScrollEvent_fn, positionVirtualScrollWindow_fn, restoreScrollPosition_fn, scrollTo_fn, scrollToTreeRow_fn, scrollRowIntoView_fn, setVirtualScrollPaddingBottom_fn, scrollTreeRowIntoView_fn, recycleTreeRowsDown_fn, recycleTreeRowsUp_fn, recycleAllRows_fn, recycleTopRowsDown_fn, recycleBottomRowsUp_fn, saveCellOriginalValue_fn, updateCellDirtyState_fn, findParentRow_fn, findRootRow_fn, updateRowCount_fn, applyAutoFit_fn, removeAttachedMenus_fn, filterColumnList_fn, handleCopy_fn, handlePaste_fn, saveEditedCellsBeforeScroll_fn, restoreActiveCellAfterScroll_fn, restoreEditedCellsAfterScroll_fn;
+  var _activeCellCache, _editedCellsCache, _startSelectionCell, _endSelectionCell, _currentScroll, _afterSetActiveCellFn, _header, _IdsDataGrid_instances, redrawBodyTemplate_fn, _lastSelectedRow, _initiallySelectedRow, _lastShiftedRow, resetLastSelectedRow_fn, resetInitiallySelectedRow_fn, resetLastShiftedRow_fn, toggleShiftSelectionInBetween_fn, getSelection_fn, attachEventHandlers_fn41, attachDragSelection_fn, createSelectionBorder_fn, updateSelectionBorder_fn, attachCopyPasteCellHandlers_fn, attachKeyboardListeners_fn9, setColumnWidths_fn, setFrozenColumnWidth_fn, calcMaxContentWidth_fn, reapplyDirtyStates_fn, setColumnGroupsWidth_fn, appendMissingRows_fn, _virtualScrollMaxRowsInDom, attachScrollEvents_fn, attachVirtualScrollEvent_fn, calculateColumnsOnscreen_fn, detachScrollEvents_fn, syncTreeHiddenStates_fn, handleTreeRowExpandCollapse_fn, recycleAllTreeRows_fn, handleVirtualScroll_fn, _customScrollEventCache, triggerCustomScrollEvent_fn, positionVirtualScrollWindow_fn, restoreScrollPosition_fn, scrollTo_fn, scrollToTreeRow_fn, scrollRowIntoView_fn, setVirtualScrollPaddingBottom_fn, scrollTreeRowIntoView_fn, recycleTreeRowsDown_fn, recycleTreeRowsUp_fn, recycleAllRows_fn, recycleTopRowsDown_fn, recycleBottomRowsUp_fn, saveCellOriginalValue_fn, updateCellDirtyState_fn, findParentRow_fn, findRootRow_fn, updateRowCount_fn, applyAutoFit_fn, removeAttachedMenus_fn, filterColumnList_fn, handleCopy_fn, handlePaste_fn, saveEditedCellsBeforeScroll_fn, restoreActiveCellAfterScroll_fn, restoreEditedCellsAfterScroll_fn;
   var IdsDataGrid = class extends Base68 {
     constructor() {
       super();
@@ -87810,6 +87822,7 @@ ids-icon {
         top: NaN,
         left: NaN
       });
+      __privateAdd(this, _afterSetActiveCellFn);
       /**
        * Types for contextmenu.
        */
@@ -89796,13 +89809,13 @@ ids-icon {
      */
     get rowPixelHeight() {
       const rowHeights = {
-        xxs: 25,
+        xxs: 24,
         xs: 30,
-        sm: 35,
+        sm: 34,
         md: 40,
         lg: 50
       };
-      return rowHeights[this.rowHeight] + 1;
+      return rowHeights[this.rowHeight];
     }
     /**
      * Set the card to auto fit to its parent size
@@ -89851,14 +89864,26 @@ ids-icon {
       this.updateActiveCellCache(rowIndex, cellNumber, currentCell?.value);
       let rowNode = this.rowByIndex(rowIndex);
       if (!rowNode && this.virtualScroll) {
+        const setActiveCellData = {
+          row: rowIndex,
+          cell: cellNumber
+        };
+        __privateSet(this, _afterSetActiveCellFn, () => {
+          const rowEl = this.rowByIndex(setActiveCellData.row);
+          const cellNode2 = rowEl?.querySelector(`ids-data-grid-cell[aria-colindex="${setActiveCellData.cell + 1}"]`);
+          if (cellNode2) {
+            cellNode2.activate(Boolean(noFocus), reason);
+          }
+        });
         __privateMethod(this, _IdsDataGrid_instances, scrollRowIntoView_fn).call(this, rowIndex);
         rowNode = this.rowByIndex(rowIndex);
+        return this.activeCell;
       }
-      const queriedCells = rowNode?.querySelectorAll("ids-data-grid-cell");
-      if (queriedCells && queriedCells.length > 0) {
-        const cellNode = queriedCells[cellNumber];
+      const cellNode = rowNode?.querySelector(`ids-data-grid-cell[aria-colindex="${cellNumber + 1}"]`);
+      if (cellNode) {
         cellNode.activate(Boolean(noFocus), reason);
       }
+      this.activeCell.node = rowNode?.querySelector(`ids-data-grid-cell[aria-colindex="${cellNumber + 1}"]`) || null;
       return this.activeCell;
     }
     /**
@@ -90424,6 +90449,7 @@ ids-icon {
   _startSelectionCell = new WeakMap();
   _endSelectionCell = new WeakMap();
   _currentScroll = new WeakMap();
+  _afterSetActiveCellFn = new WeakMap();
   _header = new WeakMap();
   _IdsDataGrid_instances = new WeakSet();
   /**
@@ -90873,13 +90899,18 @@ ids-icon {
    */
   attachKeyboardListeners_fn9 = function() {
     this.listen(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End"], this, (e) => {
-      if (["ArrowDown", "ArrowUp"].includes(e.key) && document.activeElement?.nodeName === "IDS-DATA-GRID" && __privateGet(this, _activeCellCache) && __privateGet(this, _activeCellCache)?.hasLeaveViewport) {
+      if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(e.key) && document.activeElement?.nodeName === "IDS-DATA-GRID" && __privateGet(this, _activeCellCache) && __privateGet(this, _activeCellCache)?.hasLeaveViewport) {
         __privateMethod(this, _IdsDataGrid_instances, scrollRowIntoView_fn).call(this, Math.max(__privateGet(this, _activeCellCache).rowIndex - 3, 0));
         e.preventDefault();
         e.stopPropagation();
-        let newIndex = 1;
-        if (e.key === "ArrowUp") newIndex = -1;
-        __privateGet(this, _activeCellCache).rowIndex = Math.max(__privateGet(this, _activeCellCache).rowIndex + newIndex, 0);
+        let newRowIndex = 0;
+        let newColIndex = 0;
+        if (e.key === "ArrowUp") newRowIndex = -1;
+        if (e.key === "ArrowDown") newRowIndex = 1;
+        if (e.key === "ArrowRight") newColIndex = 1;
+        if (e.key === "ArrowLeft") newColIndex = -1;
+        __privateGet(this, _activeCellCache).rowIndex = Math.max(__privateGet(this, _activeCellCache).rowIndex + newRowIndex, 0);
+        __privateGet(this, _activeCellCache).columnIndex = Math.max(__privateGet(this, _activeCellCache).columnIndex + newColIndex, 0);
         requestAnimationTimeout(() => {
           __privateMethod(this, _IdsDataGrid_instances, restoreActiveCellAfterScroll_fn).call(this);
         });
@@ -91320,6 +91351,10 @@ ids-icon {
       if (document.activeElement?.nodeName === "BODY" && __privateGet(this, _activeCellCache)?.hasLeaveViewport) {
         this.container?.focus({ preventScroll: true });
       }
+      if (__privateGet(this, _afterSetActiveCellFn)) {
+        __privateGet(this, _afterSetActiveCellFn).call(this);
+        __privateSet(this, _afterSetActiveCellFn, void 0);
+      }
     }, { capture: true, passive: true });
     this.offEvent("rowexpanded.data-grid.virtual-scroll", this);
     this.onEvent("rowexpanded.data-grid.virtual-scroll", this, (evt) => {