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

package/enterprise-wc.all.iife.js

@@ -6143,6 +6143,62 @@
   };
   var ids_personalize_default = IdsPersonalization;
 
+  // src/components/ids-data-grid/ids-data-grid-filter-manager.ts
+  var IdsDataGridFilterManager = class _IdsDataGridFilterManager {
+    /**
+     * Singleton instance of the filter manager
+     * @private
+     */
+    static #instance;
+    /**
+     * Collection of active filter instances
+     * @private
+     */
+    #filters = /* @__PURE__ */ new Set();
+    /**
+     * Gets the singleton instance of the filter manager
+     * @returns {IdsDataGridFilterManager} The filter manager instance
+     */
+    static getInstance() {
+      if (!this.#instance) {
+        this.#instance = new _IdsDataGridFilterManager();
+      }
+      return this.#instance;
+    }
+    /**
+     * Registers a filter instance with the manager
+     * @param {IdsDataGridFilters} filter The filter instance to add
+     * @returns {void}
+     */
+    addFilter(filter) {
+      this.#filters.add(filter);
+    }
+    /**
+     * Clears all registered filter instances
+     * @returns {void}
+     */
+    clearFilter() {
+      this.#filters.clear();
+    }
+    /**
+     * Removes a specific filter instance from the manager
+     * @param {IdsDataGridFilters} filter The filter instance to remove
+     * @returns {void}
+     */
+    removeFilter(filter) {
+      this.#filters.delete(filter);
+    }
+    /**
+     * Closes all open filter popups across all registered filter instances
+     * @returns {void}
+     */
+    closeAllFilters() {
+      this.#filters.forEach((filter) => {
+        filter.closeAllFilterPopups();
+      });
+    }
+  };
+
   // src/components/ids-global/ids-global.ts
   if (typeof window !== "undefined") {
     window.IdsGlobal ??= {
@@ -6150,7 +6206,8 @@
       locale: new ids_locale_default(),
       personalize: new ids_personalize_default(),
       themeName: "",
-      themePath: ""
+      themePath: "",
+      filterManager: new IdsDataGridFilterManager()
     };
   }
   var IdsGlobal = class _IdsGlobal {
@@ -6201,6 +6258,17 @@
     static get customIconData() {
       return window.IdsGlobal.customIconData;
     }
+    /**
+     * Gets the global data grid filter manager instance.
+     * Provides centralized control for managing filter popups across all data grids.
+     * @returns {IdsDataGridFilterManager} The filter manager singleton instance
+     */
+    static get filterManager() {
+      if (!window.IdsGlobal.filterManager) {
+        window.IdsGlobal.filterManager = new IdsDataGridFilterManager();
+      }
+      return window.IdsGlobal.filterManager;
+    }
   };
   var ids_global_default = IdsGlobal;
 
@@ -50948,7 +51016,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);
     }
   };
   /**
@@ -53838,7 +53906,10 @@ ids-popup[visible][animated] {
       this.dropdownResizeObserver.disconnect();
     }
     onShow() {
-      this.scrollIntoView({ block: "nearest" });
+      const isDataGridFilter = this.triggerElem?.classList?.contains?.("data-grid-filter");
+      if (!isDataGridFilter) {
+        this.scrollIntoView({ block: "nearest" });
+      }
       this.configureListBox();
       this.configurePopup();
       this.setAriaOnMenuOpen();
@@ -58719,7 +58790,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 +58976,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 +60123,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 +60812,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) => {
@@ -78821,6 +78904,16 @@ ids-trigger-button[slot=trigger-end] {
      * @type {boolean}
      */
     #suppressFilteredEvent = false;
+    /**
+     * Track filter popups that get moved outside the data grid
+     * @private
+     */
+    #filterPopups = [];
+    /**
+     * Track filter condition popups that get moved outside the data grid
+     * @private
+     */
+    #filterConditionPopups = /* @__PURE__ */ new Set();
     /**
      * Text filter markup.
      * @param {IdsDataGridColumn} column The column info
@@ -79526,6 +79619,7 @@ ids-trigger-button[slot=trigger-end] {
           menu.setAttribute(attributes.TRIGGER_TYPE, "click");
           menu.removeTriggerEvents();
           menu.appendToTargetParent();
+          this.#filterPopups.push({ element: menu, isSlot: !!slot });
           menu.keyboardEventTarget = this.root;
           menu.attachEventHandlers();
           menu.attachKeyboardListeners();
@@ -79542,7 +79636,10 @@ ids-trigger-button[slot=trigger-end] {
             };
           }
         }
-        btn?.setAttribute("data-filter-conditions-button", "");
+        if (btn) {
+          btn.setAttribute("data-filter-conditions-button", "");
+          this.#filterConditionPopups.add(btn);
+        }
         const dateOrTimePopup = datePickerPopup || timePickerPopup;
         if (dateOrTimePopup) {
           dateOrTimePopup.appendToTargetParent();
@@ -79570,6 +79667,7 @@ ids-trigger-button[slot=trigger-end] {
             }
           }
           dateOrTimePopup.refreshTriggerEvents();
+          this.#filterPopups.push({ element: dateOrTimePopup, isSlot: false });
         }
         if (datePickerPopup && triggerField) {
           const rangeSettings = column.filterOptions?.rangeSettings;
@@ -79592,6 +79690,7 @@ ids-trigger-button[slot=trigger-end] {
           dropdown.input.value = (dropdownList.selected || dropdownList.listBox?.children[0])?.textContent || "";
           dropdownList.setAttribute(attributes.ATTACHMENT, menuAttachment);
           dropdownList.appendToTargetParent();
+          this.#filterPopups.push({ element: dropdownList, isSlot: false });
           if (dropdownList.popup) {
             dropdownList.popup.popupOpenEventsTarget = document.body;
             dropdownList.popup.positionStyle = "fixed";
@@ -79631,6 +79730,8 @@ ids-trigger-button[slot=trigger-end] {
           };
         }
       });
+      ids_global_default.filterManager.removeFilter(this);
+      ids_global_default.filterManager.addFilter(this);
     }
     /**
      * Handle all triggering and handling of events
@@ -80020,6 +80121,7 @@ ids-trigger-button[slot=trigger-end] {
       return `
       <ids-dropdown
         color-variant="${!this.root.listStyle ? "alternate-formatter" : "alternate-list-formatter"}"
+        class="data-grid-filter"
         label="${label}"
         label-state="collapsed"
         list="#${id2}-list"
@@ -80199,6 +80301,30 @@ ids-trigger-button[slot=trigger-end] {
       laterThan: { value: "later-than", label: "Later than", icon: "filter-greater-than" },
       laterOrEquals: { value: "later-equals", label: "Later than or equals", icon: "filter-greater-equals" }
     };
+    detachAllFilterPopups() {
+      this.#filterPopups = [];
+      this.#filterConditionPopups.clear();
+      ids_global_default.filterManager.removeFilter(this);
+    }
+    /**
+     * Close all open filter popups
+     * @private
+     */
+    closeAllFilterPopups() {
+      this.filterNodes?.forEach((filterNode) => {
+        const dropdown = filterNode.querySelector("ids-dropdown");
+        if (dropdown?.dropdownList?.visible) dropdown.close();
+      });
+      this.#filterPopups?.forEach((cache) => {
+        if (cache.element?.popup?.visible || cache.element?.visible) cache.element.hide?.();
+      });
+      this.#filterConditionPopups?.forEach((filterNode) => {
+        if (!filterNode?.menuEl || !filterNode?.menuEl?.hide) {
+          return;
+        }
+        filterNode.menuEl.hide();
+      });
+    }
   };
 
   // src/components/ids-data-grid/ids-data-grid-container-arguments.ts
@@ -87776,7 +87902,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 +87936,7 @@ ids-icon {
         top: NaN,
         left: NaN
       });
+      __privateAdd(this, _afterSetActiveCellFn);
       /**
        * Types for contextmenu.
        */
@@ -87952,6 +88079,7 @@ ids-icon {
       this.offEvent("scroll.data-grid", this.container);
       this.offEvent("scroll.data-grid.virtual-scroll", this.container);
       this.offEvent("scrollend.data-grid.virtual-scroll", this.container);
+      this.cleanupAllFilterPopups();
       this.openMenu = null;
       this.serverSideSelections = [];
       __privateGet(this, _editedCellsCache).clear();
@@ -88148,6 +88276,7 @@ ids-icon {
       if (this.columns.length === 0) {
         return;
       }
+      this.cleanupAllFilterPopups();
       __privateMethod(this, _IdsDataGrid_instances, removeAttachedMenus_fn).call(this);
       const header = IdsDataGridHeader.template(this);
       const body = this.bodyTemplate();
@@ -89796,13 +89925,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 +89980,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;
     }
     /**
@@ -90133,6 +90274,11 @@ ids-icon {
       }
       return dirtyCells;
     }
+    cleanupAllFilterPopups() {
+      if (this.filters) {
+        this.filters.detachAllFilterPopups();
+      }
+    }
     /**
      * Reset any currently dirty cells
      */
@@ -90424,6 +90570,7 @@ ids-icon {
   _startSelectionCell = new WeakMap();
   _endSelectionCell = new WeakMap();
   _currentScroll = new WeakMap();
+  _afterSetActiveCellFn = new WeakMap();
   _header = new WeakMap();
   _IdsDataGrid_instances = new WeakSet();
   /**
@@ -90873,13 +91020,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 +91472,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) => {