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

package/chunks/ids-chunk-7URDZKCS-full.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-data-grid/ids-data-grid-header.ts"],
-  "sourcesContent": ["import { customElement } from '../../core/ids-decorators';\nimport IdsElement from '../../core/ids-element';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport { escapeHTML } from '../../utils/ids-xss-utils/ids-xss-utils';\n\nimport type IdsDataGrid from './ids-data-grid';\nimport type IdsIcon from '../ids-icon/ids-icon';\nimport { IdsDataGridColumn, IdsDataGridColumnGroup } from './ids-data-grid-column';\nimport IdsMenuButton from '../ids-menu-button/ids-menu-button';\n\n@customElement('ids-data-grid-header')\nexport default class IdsDataGridHeader extends IdsEventsMixin(IdsElement) {\n  rootNode?: any;\n\n  headerCheckbox?: HTMLElement;\n\n  columnCheckbox?: NodeListOf<HTMLInputElement>;\n\n  /**\n   * Tracks the state of the header expander\n   */\n  isHeaderExpanderCollapsed = false;\n\n  constructor() {\n    super({ noShadowRoot: true });\n    this.state = {\n      headerMenuData: null\n    };\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.#attachEventHandlers();\n  }\n\n  /**\n   * Reference to the data grid parent\n   * @returns {IdsDataGrid} the data grid parent\n   */\n  get dataGrid() {\n    if (!this.rootNode) this.rootNode = (this.getRootNode() as any).host;\n    return (this.rootNode) as IdsDataGrid;\n  }\n\n  /* Returns all the ids-icon.header-expander elements in an array */\n  get expanderIcons(): IdsIcon[] {\n    return [...this.querySelectorAll<IdsIcon>('ids-icon.header-expander')];\n  }\n\n  /** @see IdsDataGridHeader.columns */\n  #columns?: HTMLElement[];\n\n  /* Returns all the columns in the header */\n  get columns(): HTMLElement[] {\n    if (!this.#columns?.length) {\n      this.#columns = [...this.querySelectorAll<HTMLElement>('.ids-data-grid-header-cell')];\n    }\n    return this.#columns;\n  }\n\n  /**\n   * Returns all the columns in the header\n   * @see IdsDataGridCell.isOnScreen()\n   * @returns {HTMLElement[]} array of onscreen header columns\n   */\n  get columnsOnscreen(): HTMLElement[] {\n    return [...this.querySelectorAll<HTMLElement>('.ids-data-grid-header-cell[column-onscreen]')];\n  }\n\n  /**\n   * Handle all header related events\n   * @private\n   */\n  #attachEventHandlers() {\n    this.#attachSelectionHandler();\n    this.#attachSortHandler();\n    this.#attachResizeHandlers();\n    this.#attachReorderHandlers();\n    this.#attachFilterBtnHandler();\n  }\n\n  /**\n   * Attach handlers to sort via clicking the headers\n   * @private\n   */\n  #attachSortHandler() {\n    this.offEvent('click.sort', this);\n    this.onEvent('click.sort', this, (e: any) => {\n      // Dont sort on resize\n      if (this.dataGrid?.isResizing) {\n        this.dataGrid.isResizing = false;\n        return;\n      }\n\n      if (this.dataGrid?.isSelecting) {\n        this.dataGrid.isSelecting = false;\n        return;\n      }\n\n      // Expander collapse/expand all expandable or tree rows\n      if (e.target?.classList?.contains('header-expander')) {\n        const isColumnHeaderExpander = e.target?.closest('.column-header-expander');\n        if (!isColumnHeaderExpander && !this.dataGrid?.showHeaderExpander) return;\n\n        const wasHeaderExpanderCollapsed = this.isHeaderExpanderCollapsed;\n        this.isHeaderExpanderCollapsed = !wasHeaderExpanderCollapsed;\n\n        if (wasHeaderExpanderCollapsed) {\n          this.dataGrid.expandAll();\n        } else {\n          this.dataGrid.collapseAll();\n        }\n        return;\n      }\n\n      const sortableHeaderCell = e.target.closest('.is-sortable')?.closest('.ids-data-grid-header-cell');\n      if (!sortableHeaderCell) return;\n      const id = sortableHeaderCell.getAttribute('column-id');\n      const state = sortableHeaderCell.getAttribute('aria-sort') !== 'ascending';\n\n      if (!this.dataGrid.disableClientSort) {\n        this.dataGrid?.setSortColumn(id, state);\n      } else {\n        this.dataGrid?.setSortState(id, state, true);\n      }\n\n      this.dataGrid?.updateSelectionBorder(true);\n      this.dataGrid?.updateSelectedCells();\n    });\n  }\n\n  /**\n   * Attach handlers to sort via clicking the headers\n   * @private\n   */\n  #attachSelectionHandler() {\n    // Select all/deselect all\n    this.headerCheckbox = <HTMLElement> this.querySelector('ids-data-grid-header .ids-data-grid-checkbox-container .ids-data-grid-checkbox');\n    this.offEvent('click.select', this.headerCheckbox);\n    this.onEvent('click.select', this.headerCheckbox, (e: any) => {\n      if (e.target.classList.contains('checked') || e.target.classList.contains('indeterminate')) {\n        this.dataGrid?.deSelectAllRows();\n      } else {\n        this.dataGrid?.selectAllRows();\n      }\n    });\n\n    // Select column\n    this.columnCheckbox = this.querySelectorAll<HTMLInputElement>('ids-data-grid-header .ids-data-grid-header-text .ids-checkbox input');\n    for (let i = 0; i < this.columnCheckbox.length; i++) {\n      this.offEvent('click', this.columnCheckbox[i]);\n      this.onEvent('click', this.columnCheckbox[i], () => {\n        const isSelect = this.columnCheckbox![i].checked;\n        this.dataGrid.isSelecting = true;\n\n        if (isSelect) {\n          this.dataGrid?.selectColumn(i);\n        } else {\n          this.dataGrid?.deSelectColumn(i);\n        }\n      });\n    }\n  }\n\n  /**\n   * Establish Drag handlers for resize\n   * Based on https://htmldom.dev/resize-columns-of-a-table/\n   * @private\n   */\n  #attachResizeHandlers() {\n    // Track the current position of mouse\n    let x = 0;\n    let w = 0;\n    let columnId = '';\n    let columnElem: HTMLElement;\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      e.preventDefault();\n      // Determine how far the mouse has been moved\n      const dx = e.clientX - x;\n\n      // Check if this is the last column\n      const isLastColumn = this.dataGrid?.columns[this.dataGrid.columns.length - 1]?.id === columnId;\n\n      if (isLastColumn) {\n        const headerElement = this.closest('.ids-data-grid-header');\n        const parentElement = headerElement?.parentElement;\n\n        if (headerElement && parentElement) {\n          const newWidth = w + (!this.dataGrid?.localeAPI.isRTL() ? dx : -dx);\n\n          // Only allow resize if the total width won't become smaller than the col general min width\n          if (newWidth >= 92) {\n            this.dataGrid?.setColumnWidth(columnId, newWidth);\n          }\n        }\n      } else {\n        // Not the last column, proceed with normal resize\n        this.dataGrid?.setColumnWidth(columnId, w + (!this.dataGrid?.localeAPI.isRTL() ? dx : -dx));\n      }\n\n      this.dataGrid?.updateSelectionBorder();\n    };\n\n    // When user releases the mouse, remove the existing event listeners\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n\n      this?.style.setProperty('cursor', '');\n      requestAnimationFrame(() => {\n        this.dataGrid.isResizing = false;\n        columnElem?.parentElement?.querySelectorAll('[draggable]').forEach((el: Element) => el.setAttribute('draggable', 'true'));\n      });\n    };\n\n    // Add a resize Handler\n    this.offEvent('mousedown.resize', this);\n    this.onEvent('mousedown.resize', this, (e: MouseEvent) => {\n      const target = (e.target as any);\n      if (!target.classList.contains('resizer')) {\n        return;\n      }\n\n      // Get the current mouse position\n      x = e.clientX;\n\n      // Calculate the current width of column\n      columnElem = target.closest('.ids-data-grid-header-cell') as HTMLElement;\n      columnElem.parentElement?.querySelectorAll('[draggable]').forEach((el) => el.setAttribute('draggable', 'false'));\n\n      const colStyles = window.getComputedStyle(columnElem);\n      columnId = columnElem.getAttribute('column-id') || '';\n      w = parseInt(colStyles.width, 10);\n\n      // Attach listeners for document's events\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n\n      // Import the cursor behavior\n      this?.style.setProperty('cursor', 'col-resize');\n\n      // Prevent a click causing a sort\n      this.dataGrid.isResizing = true;\n    });\n  }\n\n  /**\n   * Establish Reorder handlers for moving columns\n   * @private\n   */\n  #attachReorderHandlers() {\n    const dragArrows = this.dataGrid?.wrapper?.querySelector<HTMLElement>('.ids-data-grid-sort-arrows');\n    let dragger: HTMLElement;\n    let startIndex = 0;\n    let dragInitiated = false;\n    let dragParent: HTMLElement | null;\n\n    this.offEvent('mousedown.reorder', this);\n    this.onEvent('mousedown.reorder', this, (e: MouseEvent) => {\n      const nodeName = (e.target as HTMLElement).nodeName;\n\n      if (nodeName === 'IDS-INPUT') {\n        dragParent = (e.target as HTMLElement).closest('.ids-data-grid-header-cell');\n        dragParent?.setAttribute('draggable', 'false');\n      }\n    });\n\n    this.offEvent('mouseup.reorder', this);\n    this.onEvent('mouseup.reorder', this, () => {\n      dragParent?.setAttribute('draggable', 'true');\n    });\n\n    // Style the Dragger\n    this.offEvent('dragstart.reorder', this);\n    this.onEvent('dragstart.reorder', this, (e: DragEvent) => {\n      // Check if user is selecting text\n      const selection = window.getSelection();\n      if (selection && selection.toString().length > 0) {\n        return;\n      }\n      const target = (e.target as any);\n      const nodeName = (e.target as HTMLElement).nodeName;\n      if (this.dataGrid.isResizing || !target || nodeName === 'IDS-INPUT') return;\n      dragInitiated = true;\n      target.classList.add('active-drag-column');\n      dragger = target.cloneNode(true);\n      dragger.classList.add('dragging');\n\n      if (this.dataGrid?.localeAPI.isRTL()) {\n        dragger.style.insetInlineStart = `${this.offsetLeft}px`;\n        dragger.style.zIndex = '-5';\n      }\n\n      this?.appendChild(dragger);\n      // Based on width of 110\n      e?.dataTransfer?.setDragImage(dragger, this.dataGrid?.localeAPI.isRTL() ? 100 : 10, 18);\n      startIndex = target.getAttribute('aria-colindex');\n    });\n\n    // Show the arrows\n    this.offEvent('dragenter.reorder', this);\n    this.onEvent('dragenter.reorder', this, (e: DragEvent) => {\n      if (!dragInitiated) {\n        // Accept Dropped Text\n        if ((e.target as HTMLElement)?.getAttribute('color-variant') === 'alternate-formatter') {\n          (e.target as any).style.backgroundColor = 'var(--ids-data-grid-filter-input-drop-background-color)';\n        }\n        return;\n      }\n      const cell = (e.target as any).closest('.ids-data-grid-header-cell');\n      if (!cell) return;\n      if (cell.classList.contains('active-drag-column')) {\n        dragArrows?.style.setProperty('display', 'none');\n        return;\n      }\n\n      const rect = cell.getBoundingClientRect();\n      const curIndex = parseInt(cell.getAttribute('aria-colindex') || '0', 10);\n      const startIdx = parseInt(startIndex.toString() ?? '0', 10);\n\n      let cellLeft = rect.left + (startIdx < curIndex ? rect.width + 1 : 1);\n      const cellRight = rect.left + (startIdx < curIndex ? 1 : rect.width + 1);\n      let offsetLeft = 0;\n      if (this.offsetParent) {\n        offsetLeft = this.offsetParent.getBoundingClientRect().left\n          - (this.offsetParent as HTMLElement).offsetLeft;\n      }\n      cellLeft = cellLeft < 3 ? 0 : cellLeft;\n      dragArrows?.style.setProperty('display', '');\n      dragArrows?.style.setProperty('inset-inline-start', `${this.dataGrid?.localeAPI.isRTL() ? offsetLeft - cellRight : cellLeft - offsetLeft}px`);\n      dragArrows?.style.setProperty('height', `${rect.height - 2}px`);\n      dragArrows?.style.setProperty('display', 'block');\n\n      e.preventDefault();\n    });\n\n    // Use a normal cursor (not drag and drop)\n    this.offEvent('dragover.reorder', this);\n    this.onEvent('dragover.reorder', this, (e: DragEvent) => {\n      if (!dragInitiated) return;\n      e.dataTransfer!.dropEffect = 'move';\n      e.preventDefault();\n    });\n\n    this.offEvent('dragleave.reorder', this);\n    this.onEvent('dragleave.reorder', this, (e: DragEvent) => {\n      if (!dragInitiated && (e.target as HTMLElement)?.getAttribute('color-variant') === 'alternate-formatter') {\n        (e.target as any).style.backgroundColor = '';\n      }\n    });\n\n    const removeDragger = (e: DragEvent) => {\n      this.querySelector('.active-drag-column')?.classList.remove('active-drag-column');\n      dragger?.remove();\n      dragArrows?.style.setProperty('display', 'none');\n      e.preventDefault();\n    };\n\n    // Set everything temp element back to normal\n    this.offEvent('dragend.reorder', this);\n    this.onEvent('dragend.reorder', this, (e: DragEvent) => {\n      if (!dragInitiated) {\n        if ((e.target as HTMLElement)?.getAttribute('color-variant') === 'alternate-formatter') {\n          (e.target as any).style.backgroundColor = '';\n        }\n        return;\n      }\n      dragInitiated = false;\n      removeDragger(e);\n    });\n\n    this.offEvent('drop.reorder', this);\n    this.onEvent('drop.reorder', this, (e: DragEvent) => {\n      if (!dragInitiated) {\n        if ((e.target as HTMLElement)?.getAttribute('color-variant') === 'alternate-formatter') {\n          (e.target as any).style.backgroundColor = '';\n        }\n        return;\n      }\n      dragInitiated = false;\n      const cell = (e.target as any).closest('.ids-data-grid-header-cell');\n      if (!cell) return;\n      this.dataGrid?.moveColumn(startIndex - 1, cell.getAttribute('aria-colindex') - 1);\n      removeDragger(e);\n    });\n  }\n\n  /**\n   * Attaches the event handler for the filter button click event.\n   */\n  #attachFilterBtnHandler() {\n    this.offEvent('click.filterbtn', this);\n    this.onEvent('click.filterbtn', this, (evt: CustomEvent) => {\n      const menuButton = evt.target;\n      if (menuButton instanceof IdsMenuButton && menuButton.nextElementSibling?.nodeName !== 'IDS-POPUP-MENU') {\n        const columnId = menuButton.getAttribute('column-id');\n        const column = this.dataGrid.columns.find((col) => col.id === columnId);\n        const btnId = menuButton.getAttribute('ref-id') ?? '';\n\n        if (column?.filterType) {\n          const popupTemplate = this.dataGrid.filters.filterButtonPopupTemplate(btnId, column.filterType.name, column);\n          const gridWrapper = this.closest('.ids-data-grid-wrapper');\n          if (gridWrapper) {\n            const menuExists = gridWrapper.querySelector(`[target='#btn-${btnId}']`);\n            if (!menuExists) gridWrapper.insertAdjacentHTML('beforeend', popupTemplate);\n          }\n\n          menuButton.configureMenu();\n          menuButton.menuEl?.show();\n        }\n      }\n    });\n  }\n\n  /**\n   * Set header expander state\n   */\n  setIsHeaderExpanderCollapsed() {\n    const all = this.dataGrid?.rows?.filter((r: any) => r?.hasAttribute('aria-expanded')) || [];\n    const collapsedRows = all.filter((r: any) => r?.getAttribute('aria-expanded') === 'false');\n    if (all.length && all.length === collapsedRows.length) this.isHeaderExpanderCollapsed = true;\n  }\n\n  /**\n   * Sets the state of the ids-icon.header-expander elements to open/expanded.\n   */\n  openExpanderIcons() {\n    this.isHeaderExpanderCollapsed = false;\n    this.expanderIcons?.forEach((iconElement: IdsIcon) => {\n      iconElement.icon = `plusminus-folder-open`;\n    });\n  }\n\n  /**\n   * Sets the state of the ids-icon.header-expander elements to closed/collapsed.\n   */\n  closeExpanderIcons() {\n    this.isHeaderExpanderCollapsed = true;\n    this.expanderIcons?.forEach((iconElement: IdsIcon) => {\n      iconElement.icon = `plusminus-folder-closed`;\n    });\n  }\n\n  /**\n   * Set the header checkbox state\n   * @private\n   */\n  setHeaderCheckbox() {\n    if (!this.dataGrid?.rowSelection || this.dataGrid?.rowSelection === 'single' || !this.headerCheckbox) {\n      return;\n    }\n\n    const selectedCount = this.dataGrid?.selectedRows.length;\n    const dataCount = this.dataGrid?.data.length;\n\n    if (selectedCount === 0) {\n      this.headerCheckbox.classList.remove('indeterminate');\n      this.headerCheckbox.classList.remove('checked');\n      this.headerCheckbox.setAttribute('aria-checked', 'false');\n      return;\n    }\n\n    if (selectedCount === dataCount) {\n      this.headerCheckbox.classList.remove('indeterminate');\n      this.headerCheckbox.classList.add('checked');\n      this.headerCheckbox.setAttribute('aria-checked', 'true');\n      return;\n    }\n\n    if (selectedCount !== dataCount) {\n      this.headerCheckbox.classList.add('indeterminate');\n      this.headerCheckbox.setAttribute('aria-checked', 'mixed');\n    }\n  }\n\n  /**\n   * Set the checked status on the column header checkbox\n   * @param {number} index Column index\n   * @param {boolean} value True for checked, false for unchecked\n   */\n  setColumnCheckbox(index: number, value: boolean) {\n    if (this.columnCheckbox && this.columnCheckbox[index]) {\n      const checkbox = this.columnCheckbox[index] as HTMLInputElement;\n      checkbox.checked = value;\n    }\n  }\n\n  /**\n   * Sets the disabled attribute of header checkbox\n   * @param {boolean} value attribute value to set\n   */\n  disableHeaderCheckbox(value: boolean) {\n    if (!this.headerCheckbox) {\n      return;\n    }\n\n    this.headerCheckbox.setAttribute('disabled', String(value));\n    this.headerCheckbox.parentElement?.setAttribute('disabled', String(value));\n  }\n\n  /**\n   * Sets the disabled attribute of header checkbox\n   * @param {boolean} value attribute value to set\n   */\n  hideHeaderCheckbox(value: boolean) {\n    if (!this.headerCheckbox) {\n      return;\n    }\n\n    if (value) {\n      this.headerCheckbox.setAttribute('hidden', String(value));\n    } else {\n      this.headerCheckbox.removeAttribute('hidden');\n    }\n  }\n\n  /**\n   * Set the sort column and sort direction on the UI only\n   * @param {string} id The column id (or field) to set\n   * @param {boolean} ascending Sort ascending (lowest first) or descending (lowest last)\n   */\n  setSortState(id: string, ascending: boolean) {\n    const sortedHeaders = [...this!.querySelectorAll('.is-sortable')]\n      .map((sorted) => sorted.closest('.ids-data-grid-header-cell'));\n    sortedHeaders.forEach((header) => header?.removeAttribute('aria-sort'));\n\n    const header = this.querySelector(`[column-id=\"${id}\"]`);\n    if (header && sortedHeaders.includes(header)) {\n      header.setAttribute('aria-sort', ascending ? 'ascending' : 'descending');\n    }\n  }\n\n  /**\n   * Resets sort header sort states\n   */\n  resetSortStates() {\n    this.querySelectorAll('.ids-data-grid-header-cell').forEach((elem) => elem.removeAttribute('aria-sort'));\n  }\n\n  /**\n   * Set filter row to be shown or hidden\n   * @private\n   * @returns {object} This API object for chaining\n   */\n  setFilterRow() {\n    const nodes = this?.querySelectorAll('.ids-data-grid-header-cell-filter-wrapper');\n    nodes?.forEach((n) => n?.classList?.[this.dataGrid?.filterable ? 'remove' : 'add']('hidden'));\n    this.dataGrid?.triggerEvent(this.dataGrid?.filterable ? 'filterrowopened' : 'filterrowclosed', this.dataGrid, {\n      detail: { elem: this, filterable: this.dataGrid?.filterable }\n    });\n    return this;\n  }\n\n  /**\n   * Return the Template for the header contents\n   * @param {IdsDataGrid} datagrid visible columns in the data grid\n   * @returns {string} The template\n   */\n  static template(datagrid: IdsDataGrid): string {\n    const html = `<ids-data-grid-header class=\"ids-data-grid-header${datagrid.hasFrozenColumns ? ' is-frozen' : ''}\" role=\"rowgroup\" part=\"header\">\n      <ids-data-grid-row class=\"ids-data-grid-row${datagrid.colSelection ? ' has-col-selection' : ''}\" role=\"row\">\n        ${datagrid.visibleColumns.map((columnData: any, index: number) => `${this.headerCellTemplate(datagrid, columnData, index)}`).join('')}\n      </ids-data-grid-row>\n    </ids-data-grid-header>`;\n    return this.columnGroupsTemplate(datagrid) + html;\n  }\n\n  /**\n   * Returns the markup for a header cell.\n   * @param {IdsDataGrid} dataGrid visible columns in the data grid\n   * @param {IdsDataGridColumn} column The column info\n   * @param {number} index The column index\n   * @returns {string} The resuling header cell template\n   */\n  static headerCellTemplate(dataGrid: IdsDataGrid, column: IdsDataGridColumn, index: number) {\n    const selectionCheckBoxTemplate = `\n      <span class=\"ids-data-grid-checkbox-container\" disabled=\"${dataGrid.disableHeaderCheckbox}\">\n        <span\n          role=\"checkbox\"\n          ${dataGrid.hideHeaderCheckbox ? 'hidden' : ''}\n          disabled=\"${dataGrid.disableHeaderCheckbox}\"\n          aria-checked=\"false\"\n          aria-label=\"${column.name}\"\n          class=\"ids-data-grid-checkbox\"\n        >\n        </span>\n      </span>\n    `;\n\n    const sortIconSize = dataGrid.rowHeight === 'xxs' ? 'size=\"small\"' : '';\n    const sortIndicatorTemplate = `\n      <span class=\"sort-indicator\">\n        <ids-icon icon=\"dropdown\" ${sortIconSize}></ids-icon>\n        <ids-icon icon=\"dropdown\" ${sortIconSize}></ids-icon>\n      </span>\n    `;\n\n    const expanderTemplate = `<ids-icon class=\"header-expander\" icon=\"plusminus-folder-closed\"></ids-icon>`;\n    const resizerTemplate = `<span class=\"resizer\"></span>`;\n    const reorderTemplate = `<div class=\"reorderer\"><ids-icon icon=\"drag\" size=\"medium\"></ids-icon></div>`;\n    const showFormatterExpander = ['expander', 'tree'].includes(column.formatter?.name ?? '');\n    const showHeaderExpander = column?.showHeaderExpander || showFormatterExpander;\n    const expander = showHeaderExpander ? expanderTemplate : '';\n\n    const selectionCheckbox = column.id !== 'selectionRadio' && column.id === 'selectionCheckbox';\n    let colName = '';\n    if (Array.isArray(column.name)) {\n      colName = `\n        ${escapeHTML(column.name[0].text)}\n        <br>\n        ${column.name[1].emphasis === 'subtle' ? '<small>' : ''}\n        ${escapeHTML(column.name[1].text)}\n        ${column.name[1].emphasis === 'subtle' ? '</small>' : ''}\n      `;\n    } else { colName = escapeHTML(column.name); }\n\n    const headerName = column.id !== 'selectionRadio' && column.id !== 'selectionCheckbox' && colName ? colName : '';\n    const headerLabel = `${dataGrid?.colSelection && column.id !== 'selectionRadio' && column.id !== 'selectionCheckbox'\n      ? `<div class=\"ids-checkbox\">\n        <label>\n          <input type=\"checkbox\"/>\n          <span class=\"checkmark\"></span>\n          <span class=\"ids-text label-text header-text-content\">${headerName}</span>\n        </label>\n      </div>` : `<span class=\"header-text-content\">${headerName}</span>`}`;\n\n    const headerContentTemplate = `\n      ${selectionCheckbox ? selectionCheckBoxTemplate : ''}\n      ${headerLabel}\n    `.trim();\n\n    let cssClasses = 'ids-data-grid-header-cell-content';\n    cssClasses += column.sortable ? ' is-sortable' : '';\n    cssClasses += selectionCheckbox ? ' has-selectioncheckbox vertical-align-center' : '';\n    cssClasses += column.headerIcon ? ' has-headericon' : '';\n    cssClasses += column.reorderable ? ' is-reorderable' : '';\n    cssClasses += column?.showHeaderExpander ? ' column-header-expander' : '';\n\n    // Content row cell template\n    const headerContentWrapperTemplate = `<span class=\"${cssClasses}\">\n        ${expander}\n        ${column.sortable && (column.headerAlign === 'right' || (!column.headerAlign && column.align === 'right')) ? sortIndicatorTemplate : ''}\n        <span class=\"ids-data-grid-header-text\">\n          ${headerContentTemplate}\n        </span>\n        ${this.headerIconTemplate(column)}\n        ${column.sortable && (column.headerAlign !== 'right' && (!column.headerAlign ? column.align !== 'right' : true)) ? sortIndicatorTemplate : ''}\n      </span>${column.resizable ? resizerTemplate : ''}${column.reorderable ? reorderTemplate : ''}`;\n\n    // Filter row cell template\n    const headerFilterWrapperTemplate = dataGrid?.filters?.filterTemplate(column) || '';\n    let align = column.align ? ` align-${column.align}` : '';\n    if (column.headerAlign) {\n      align = ` align-${column.headerAlign}`;\n    }\n\n    // Frozen Classes\n    const lastFrozen = dataGrid?.leftFrozenColumns.length;\n    let frozen = column?.frozen ? ` frozen frozen-${column?.frozen}${index + 1 === lastFrozen ? ' frozen-last' : ''}` : '';\n\n    // Check for far left frozen cells just in case\n    const lastFrozenData = dataGrid.visibleColumns.filter((obj) => obj.frozen === 'left').at(-1);\n    const lastFrozenIndex = dataGrid.visibleColumns.findIndex((obj) => obj.id === lastFrozenData?.id);\n    if (frozen === '' && index < lastFrozenIndex) {\n      frozen = ` frozen frozen-${lastFrozenData?.frozen}`;\n      column.frozen = lastFrozenData?.frozen;\n    }\n\n    if (index === lastFrozenIndex && frozen !== '' && frozen.indexOf('last') < 0) frozen += ` frozen-last`;\n\n    const isUppercase = (): boolean => {\n      if (typeof column?.uppercase === 'function') return column.uppercase('header-cell', column, index);\n      return (column?.uppercase === 'true' || column?.uppercase === true);\n    };\n\n    let headerCssClasses = isUppercase() ? ' is-uppercase' : '';\n    headerCssClasses += (column?.showHeaderExpander || column.sortable || column.reorderable) ? ' is-actionable' : '';\n    headerCssClasses += column.required ? ' is-required' : '';\n\n    // Header cell template\n    const html = `\n      <span\n        class=\"ids-data-grid-header-cell${headerCssClasses}${align}${frozen}\"\n        ${column.reorderable ? 'draggable=\"true\"' : ''}\n        part=\"header-cell\"\n        aria-colindex=\"${index + 1}\"\n        column-id=\"${column.id}\"\n        role=\"columnheader\">\n        ${headerContentWrapperTemplate}\n        ${headerFilterWrapperTemplate}\n      </span>\n    `;\n\n    return html;\n  }\n\n  /**\n   * Returns the markup for a header icon.\n   * @param {IdsDataGridColumn | IdsDataGridColumnGroup} column The column info\n   * @returns {string} The resuling header icon template\n   */\n  static headerIconTemplate(column: IdsDataGridColumn | IdsDataGridColumnGroup): string {\n    const headerIcon = typeof column?.headerIcon === 'string' ? column.headerIcon : '';\n    if (headerIcon === '') return '';\n\n    const headerIconTooltip = column.headerIconTooltip || headerIcon;\n    return `\n      <span class=\"ids-data-grid-header-icon\" data-headericontooltip=\"${headerIconTooltip}\">\n        <ids-icon icon=\"${headerIcon}\" size=\"medium\"></ids-icon>\n      </span>`;\n  }\n\n  /**\n   * Returns the markup for the grouped header cells.\n   * @param {IdsDataGrid} dataGrid The datagrid reference\n   * @returns {string} The resuling header cell template\n   */\n  static columnGroupsTemplate(dataGrid: IdsDataGrid) : string {\n    if (!dataGrid?.columnGroups) {\n      return '';\n    }\n    let columnGroupHtml = `<ids-data-grid-header class=\"ids-data-grid-header column-groups\" part=\"header\" role=\"rowgroup\">\n    <div role=\"row\" class=\"ids-data-grid-row ids-data-grid-column-groups\">`;\n\n    dataGrid?.columnGroups.forEach((columnGroup: IdsDataGridColumnGroup) => {\n      const align = columnGroup.align ? ` align-${columnGroup.align}` : '';\n\n      // Header cell template\n      let cssClasses = 'ids-data-grid-header-cell-content';\n      cssClasses += columnGroup.headerIcon ? ' has-headericon' : '';\n\n      const html = `<span class=\"ids-data-grid-header-cell${align}\" part=\"header-cell\" column-group-id=\"${columnGroup.id || 'id'}\" role=\"columnheader\">\n        <span class=\"${cssClasses}\">\n          <span class=\"ids-data-grid-header-text\">\n            ${columnGroup.name || ''}\n          </span>\n          ${this.headerIconTemplate(columnGroup)}\n        </span>\n      </span>`;\n      columnGroupHtml += html;\n    });\n\n    columnGroupHtml += '</div></ids-data-grid-header>';\n\n    return columnGroupHtml;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["header"]
-}

package/chunks/ids-chunk-FW4DOBQU-full.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-data-grid/ids-data-grid-cell.ts"],
-  "sourcesContent": ["import { customElement } from '../../core/ids-decorators';\nimport IdsElement from '../../core/ids-element';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport type IdsDataGrid from './ids-data-grid';\nimport type IdsDropdown from '../ids-dropdown/ids-dropdown';\nimport type IdsInput from '../ids-input/ids-input';\nimport type IdsLookup from '../ids-lookup/ids-lookup';\nimport type IdsTriggerField from '../ids-trigger-field/ids-trigger-field';\nimport type { IdsDataGridColumn } from './ids-data-grid-column';\nimport type IdsDataGridRow from './ids-data-grid-row';\nimport { IdsDataGridEditor } from './ids-data-grid-editors';\n\nexport type IdsDataGridActivationReason = 'keyboard' | 'method' | 'internal' | 'redraw' | 'mouse' | 'click';\n\n@customElement('ids-data-grid-cell')\nexport default class IdsDataGridCell extends IdsEventsMixin(IdsElement) {\n  rootNode?: any;\n\n  isInValid = false;\n\n  /** The editor element */\n  editor?: IdsDataGridEditor;\n\n  constructor() {\n    super({ noShadowRoot: true });\n  }\n\n  connectedCallback(): void {\n    // NOTE: bypassing super.connectedCallback() for performance reasons\n    this.renderCell();\n    this.tabIndex = this.rowIndex === 0 && this.columnIndex === 0 ? 0 : -1;\n    this.setAttribute('tabindex', String(this.tabIndex));\n\n    this.addEventListener('focus', this.onFocus);\n\n    if (this.isDraggable) {\n      this.parentRow?.setAttribute('draggable', 'true');\n    }\n  }\n\n  get parentRow(): IdsDataGridRow | null {\n    return this.parentElement as IdsDataGridRow;\n  }\n\n  onFocus() {\n    this.dataGrid.lastActiveCell = this.activate(false, 'keyboard');\n    this.dataGrid.offEvent('blur.ids-data-grid-cell', this);\n    this.dataGrid.onEvent('blur.ids-data-grid-cell', this, this.onBlur);\n  }\n\n  onBlur() {\n    this.dataGrid.offEvent('focus.ids-data-grid-cell', this);\n    this.dataGrid.offEvent('blur.ids-data-grid-cell', this);\n  }\n\n  disconnectedCallback() {\n    // NOTE: bypassing super.disconnectedCallback() for performance reasons\n    this.offEvent('focusin.ids-cell', this);\n    this.offEvent('focusout.ids-cell', this);\n  }\n\n  get isDraggable(): boolean {\n    return this.formatter?.name === 'rowReorder';\n  }\n\n  get isEditable(): boolean {\n    if (this.classList.contains('is-readonly') || this.classList.contains('is-disabled')) return false;\n\n    const column = this.column;\n    if (column.formatter?.name === 'selectionCheckbox') return true;\n\n    if (!column.editor) return false;\n    const columnEditor = this.dataGrid.editors.find((editor) => editor.type === column?.editor?.type);\n    return !!columnEditor?.editor;\n  }\n\n  /**\n   * Reference to the data grid parent\n   * @returns {IdsDataGrid} the data grid parent\n   */\n  get dataGrid() {\n    if (!this.rootNode) this.rootNode = (this.getRootNode() as any).host;\n    return (this.rootNode) as IdsDataGrid;\n  }\n\n  /**\n   * Gets data grid row below this cell\n   * @returns {IdsDataGridRow} row below\n   */\n  get rowBelow(): IdsDataGridRow | null {\n    if (this.dataGrid.treeGrid) {\n      let nextRow = this.parentElement?.nextElementSibling as IdsDataGridRow;\n\n      // traverse nextElementSiblings until visible row is found\n      while (nextRow?.hasAttribute('hidden')) {\n        nextRow = nextRow?.nextElementSibling as IdsDataGridRow;\n      }\n\n      return nextRow ?? null;\n    }\n\n    return this.dataGrid.rowByIndex(this.rowIndex + 1) ?? null;\n  }\n\n  /**\n   * Gets data grid row above this cell\n   * @returns {IdsDataGridRow} row above\n   */\n  get rowAbove(): IdsDataGridRow | null {\n    if (this.dataGrid.treeGrid) {\n      let prevRow = this.parentElement?.previousElementSibling as IdsDataGridRow;\n\n      // traverse previousElementSiblings until visible row is found\n      while (prevRow?.hasAttribute('hidden')) {\n        prevRow = prevRow?.previousElementSibling as IdsDataGridRow;\n      }\n\n      return prevRow ?? null;\n    }\n\n    return this.dataGrid.rowByIndex(this.rowIndex - 1) ?? null;\n  }\n\n  /**\n   * Get the cell above this cell\n   * @returns {IdsDataGridCell | null} the cell above this cell\n   */\n  get cellAbove(): IdsDataGridCell | null {\n    return this.rowAbove?.cellByIndex(this.columnIndex) ?? null;\n  }\n\n  /**\n   * Get the cell below this cell\n   * @returns {IdsDataGridCell | null} the cell below this cell\n   */\n  get cellBelow(): IdsDataGridCell | null {\n    return this.rowBelow?.cellByIndex(this.columnIndex) ?? null;\n  }\n\n  /**\n   * Get the cell to the left of this cell\n   * @returns {IdsDataGridCell | null} the cell to the left of this cell\n   */\n  get cellLeft(): IdsDataGridCell | null {\n    const cellLeft = this.dataGrid?.rowByIndex(this.rowIndex)?.cellByIndex(this.columnIndex - 1);\n    if (cellLeft && cellLeft !== this) return cellLeft;\n    return this.rowAbove?.cellByIndex(this.dataGrid?.columns.length ?? 0) ?? null;\n  }\n\n  /**\n   * Get the cell to the right of this cell\n   * @returns {IdsDataGridCell | null} the cell to the right of this cell\n   */\n  get cellRight(): IdsDataGridCell | null {\n    const cellRight = this.dataGrid?.rowByIndex(this.rowIndex)?.cellByIndex(this.columnIndex + 1) ?? null;\n    if (cellRight && cellRight !== this) return cellRight;\n    return this.rowBelow?.cellByIndex(0) ?? null;\n  }\n\n  /**\n   * Get the next editable cell to the left of this cell\n   * @returns {IdsDataGridCell | null} the next editabled cell to the left of this cell\n   */\n  get cellLeftEditable(): IdsDataGridCell | null {\n    if (!this.dataGrid?.isEditable) return null;\n    if (this?.columnIndex === 0 && this?.rowIndex === 0) return null;\n\n    let nextCell = this.cellLeft;\n    const maxColumns = this.dataGrid?.visibleColumns?.length || 0;\n    let attempts = 0;\n\n    while (nextCell && !nextCell.isEditable && attempts < maxColumns) {\n      nextCell = nextCell.cellLeft;\n      attempts++;\n    }\n\n    // If we've tried all columns and found no editable cell, return null\n    if (attempts >= maxColumns || !nextCell?.isEditable) {\n      return null;\n    }\n\n    return nextCell;\n  }\n\n  /**\n   * Get the next editable cell to the right of this cell\n   * @returns {IdsDataGridCell | null} the next editabled cell to the right of this cell\n   */\n  get cellRightEditable(): IdsDataGridCell | null {\n    if (!this.dataGrid?.isEditable) return null;\n\n    let nextCell = this.cellRight;\n    const maxColumns = this.dataGrid?.visibleColumns?.length || 0;\n    let attempts = 0;\n\n    while (nextCell && !nextCell.isEditable && attempts < maxColumns) {\n      nextCell = nextCell.cellRight;\n      attempts++;\n    }\n\n    // If we've tried all columns and found no editable cell, return null\n    if (attempts >= maxColumns || !nextCell?.isEditable) {\n      return null;\n    }\n\n    return nextCell;\n  }\n\n  /**\n   * Update this cell's dataset and refresh\n   * @param {string} value the new data for the cell\n   * @param {boolean} refresh if true, rerender the cell\n   */\n  updateData(value: string, refresh = true) {\n    const rowIndex = this.rowIndex;\n    const record = this.dataGrid?.data[rowIndex];\n    const columnIndex = this.columnIndex;\n\n    // a cell exists in a row of a visible-columns\n    const visibleColumns = this.dataGrid?.visibleColumns;\n\n    const column = visibleColumns[columnIndex];\n    if (!column?.field) return;\n\n    const updatedRecord = {\n      ...record,\n      [column.field]: value,\n    };\n\n    this.editor?.change?.(value);\n\n    if (refresh) {\n      this.dataGrid?.updateDatasetAndRefresh?.(this.rowIndex, updatedRecord, false);\n    } else {\n      this.dataGrid?.updateDataset?.(this.rowIndex, updatedRecord, false);\n    }\n  }\n\n  // Add memoization for frequently accessed properties\n  #memoizedColumn?: IdsDataGridColumn;\n\n  // Add memoization for frequently accessed properties\n  #memoizedColumnIndex?: number;\n\n  /**\n   * Get the column definition\n   * @returns {IdsDataGridColumn} the current cells column\n   */\n  get column() {\n    if (!this.#memoizedColumn || this.columnIndex !== this.#memoizedColumnIndex) {\n      this.#memoizedColumn = this.dataGrid?.visibleColumns[this.columnIndex];\n      this.#memoizedColumnIndex = this.columnIndex;\n    }\n    return this.#memoizedColumn;\n  }\n\n  /**\n   * Get the column header cell element\n   * @returns {IdsDataGridColumn} the current cells column\n   */\n  get columnHeader() {\n    return this.dataGrid?.header?.columns[this.columnIndex];\n  }\n\n  /**\n   * Gets the column # in which this cell exists\n   * @returns {number} the column-index\n   */\n  get columnIndex(): number {\n    return Number(this.getAttribute?.('aria-colindex') ?? 1) - 1;\n  }\n\n  /**\n   * Gets the row-index # in which this cell exists\n   * @returns {number} the row-index\n   */\n  get rowIndex(): number {\n    return Number(this.parentElement?.getAttribute?.('row-index') ?? -1);\n  }\n\n  get formatter(): IdsDataGridColumn['formatter'] {\n    return this.column?.formatter;\n  }\n\n  /**\n   * Get row of table cell\n   * @returns {number} table row index\n   */\n  get row(): number {\n    return this.rowIndex;\n  }\n\n  /**\n   * Get data value of this cell\n   * @returns {any} the data value of this cell\n   */\n  get value(): any {\n    // NOTE: the editor is a singleton, so we must ensure the input is still in this cell's DOM.\n    if (this.editor && this.contains(this.editor?.input ?? null)) {\n      return this.editor?.value?.();\n    }\n\n    const column = this.dataGrid?.visibleColumns?.[this.columnIndex];\n    const record = this.dataGrid?.data?.[this.rowIndex];\n\n    return record?.[(column?.field ?? -1)] ?? this.textContent ?? '';\n  }\n\n  /**\n   * Get the default/original value of this cell\n   * @returns {any} the default value of this cell\n   */\n  get defaultValue(): any {\n    const column = this.dataGrid?.visibleColumns?.[this.columnIndex];\n    const record = this.dataGrid?.data?.[this.rowIndex];\n    const dirtyCells = record?.dirtyCells ?? [];\n    return dirtyCells.find((row: Record<string, any>) => row?.columnId === column?.id)?.originalValue ?? this.value;\n  }\n\n  /**\n   * Rerender a cell - may be used later\n   */\n  renderCell() {\n    const dataGrid = this.dataGrid;\n\n    const rowIndex = this.rowIndex;\n    const rowData: Record<string, any> | undefined = dataGrid?.data[rowIndex];\n\n    if (rowData?.isGroupRow) return;\n\n    if (dataGrid.virtualScroll) {\n      const tooManyColumns = dataGrid.columns.length > dataGrid.TOO_MANY_COLUMNS;\n\n      const columnsStale = dataGrid.hasAttribute('columns-stale');\n      const columnsFresh = !columnsStale;\n\n      const columnHeaders = this.columnHeader;\n      const columnOffScreen = columnHeaders?.hasAttribute('column-offscreen');\n\n      if (tooManyColumns && columnsFresh && columnOffScreen) {\n        // NOTE: skip renderCell if cell is NOT on-screen\n        return;\n      }\n\n      const columnOnScreen = columnHeaders?.hasAttribute('column-onscreen');\n      const columnOffScreenLeft = columnHeaders?.hasAttribute('column-offscreen-left');\n      const columnOffScreenRight = columnHeaders?.hasAttribute('column-offscreen-right');\n      this.toggleAttribute('column-onscreen', columnOnScreen);\n      this.toggleAttribute('column-offscreen', columnOffScreen);\n      this.toggleAttribute('column-offscreen-left', columnOffScreenLeft);\n      this.toggleAttribute('column-offscreen-right', columnOffScreenRight);\n    }\n\n    const column = this.column;\n    const columnIndex = this.columnIndex;\n\n    const template = IdsDataGridCell.template(rowData, column, rowIndex, dataGrid);\n    if (this.innerHTML !== template) {\n      try {\n        this.innerHTML = template;\n      } catch (e) {\n        requestAnimationFrame(() => {\n          this.innerHTML = template;\n        });\n      }\n    }\n    const cssClasses = this?.cellCssClasses(column, columnIndex, template) ?? '';\n\n    if (cssClasses) {\n      this.classList.remove(...this.classList);\n      this.classList.add(...cssClasses.split(' '));\n    }\n\n    const cssPart = this?.cellCssPart(column, columnIndex) ?? '';\n    if (cssPart) this.setAttribute('part', cssPart);\n\n    if (dataGrid.lastActiveCell?.cell === columnIndex && dataGrid.lastActiveCell?.row === rowIndex) {\n      this.onFocus();\n    }\n  }\n\n  /**\n   * Return the cells' css part\n   * @param {IdsDataGridColumn} column - the column definition\n   * @param {number} columnIndex - the column index\n   * @returns {string} The css part string for the cell\n   */\n  cellCssPart(column: IdsDataGridColumn, columnIndex: number): string {\n    const dataGrid = this.dataGrid;\n    const rowIndex = this.rowIndex;\n    const rowData = dataGrid.data[rowIndex];\n\n    const cacheKey = IdsDataGridCell.cacheKey(rowIndex, rowData, column, dataGrid);\n    const cellCacheKey = `${cacheKey}:${dataGrid.cacheCellPart}`;\n\n    if (IdsDataGridCell.cellCache[cellCacheKey]) {\n      return IdsDataGridCell.cellCache[cellCacheKey];\n    }\n\n    let part = column.cssPart || 'cell';\n    const rowSelection = dataGrid?.rowSelection;\n    const isSelectable = rowSelection === 'mixed' || rowSelection === 'single' || rowSelection === 'multiple';\n    if (isSelectable && rowData.rowSelected) {\n      if (column.cellSelectedCssPart) part = column.cellSelectedCssPart;\n      else part = 'cell-selected';\n    }\n\n    if (typeof part === 'function') {\n      part = part({\n        rowIndex,\n        columnIndex,\n        recordIndex: this.parentRow?.recordIndex ?? null,\n        rowData\n      });\n    }\n\n    IdsDataGridCell.cellCache[cellCacheKey] = part;\n\n    return part;\n  }\n\n  /**\n   * Return the cells' css classes\n   * @param {IdsDataGridColumn} column - the column definition\n   * @param {number} columnIndex - the column index\n   * @param {string} content - the cells html or text content\n   * @returns {string} The classList string for the cell\n   */\n  cellCssClasses(column: IdsDataGridColumn, columnIndex: number, content: string): string {\n    const dataGrid = this.dataGrid;\n    const rowIndex = this.rowIndex;\n    const rowData = dataGrid.data[rowIndex];\n\n    const cacheKey = IdsDataGridCell.cacheKey(rowIndex, rowData, column, dataGrid);\n    const cellCacheKey = `${cacheKey}:${dataGrid.cacheCellClass}`;\n\n    if (IdsDataGridCell.cellCache[cellCacheKey]) {\n      return IdsDataGridCell.cellCache[cellCacheKey];\n    }\n\n    const isDirtyCell = (currentRow: Record<string, unknown>): boolean => {\n      if (!currentRow.dirtyCells) return false;\n      return (currentRow.dirtyCells as any).findIndex((item: any) => item.cell === columnIndex) !== -1;\n    };\n\n    const isInvalidCell = (currentRow: Record<string, unknown>): boolean => {\n      if (!currentRow.invalidCells) return false;\n      return (currentRow.invalidCells as any).findIndex((item: any) => item.cell === columnIndex) !== -1;\n    };\n\n    const isReadonly = (): boolean => {\n      if (column.readonly && column?.readonly === true) return true;\n      if (typeof column?.readonly === 'function') return column?.readonly(rowIndex, content, column, rowData);\n      return false;\n    };\n\n    const isColumnDisabled = (): boolean => {\n      if (!column?.disabled) return false;\n      if (typeof column?.disabled === 'function') return column?.disabled(rowIndex, content, column, rowData);\n      if (typeof column?.disabled === 'boolean') return column?.disabled;\n      return false;\n    };\n\n    const isUppercase = (): boolean => {\n      if (typeof column?.uppercase === 'function') return column.uppercase('body-cell', column, rowIndex, content, rowData);\n      return (column?.uppercase === 'true' || column?.uppercase === true);\n    };\n\n    const frozenLast = dataGrid?.leftFrozenColumns.length;\n\n    const hasReadonlyClass = isReadonly();\n    const hasDisabledClass = this.parentRow?.disabled || isColumnDisabled();\n    const hasUppercaseClass = isUppercase();\n    const hasInlineClass = column?.editor && column?.editor?.inline;\n    const hoverable = ['textmask'].includes(column?.formatter?.name || '');\n    const editorType = column.editor?.type;\n    const formatterName = column.formatter?.name === 'rowReorder' ? 'row-reorder' : column.formatter?.name;\n\n    let cssClasses = 'ids-data-grid-cell';\n    cssClasses += editorType ? ` is-${editorType}` : '';\n    cssClasses += column.excludeReadonlyStyling ? ' exclude-readonly-style' : '';\n    cssClasses += hasReadonlyClass ? ' is-readonly' : '';\n    cssClasses += hasDisabledClass ? ' is-disabled' : '';\n    cssClasses += hasUppercaseClass ? ' is-uppercase' : '';\n    cssClasses += isDirtyCell(rowData) ? ' is-dirty' : '';\n    cssClasses += isInvalidCell(rowData) ? ' is-invalid' : '';\n    cssClasses += column?.align ? ` align-${column?.align}` : '';\n    cssClasses += column?.formatter?.name ? ` formatter-${formatterName}` : '';\n    cssClasses += column?.frozen ? ` frozen frozen-${column?.frozen}${columnIndex + 1 === frozenLast ? ' frozen-last' : ''}` : '';\n    cssClasses += column?.editor ? ` is-editable` : '';\n    cssClasses += hoverable ? ` is-hoverable` : '';\n    cssClasses += hasInlineClass && (!hasReadonlyClass || (hasReadonlyClass && !column.excludeReadonlyStyling)) ? ` is-inline` : '';\n    cssClasses += column?.formatter?.name === 'selectionCheckbox' ? ' is-editable' : '';\n\n    IdsDataGridCell.cellCache[cellCacheKey] = cssClasses;\n\n    return cssClasses;\n  }\n\n  /**\n   * Set the active cell for focus\n   * @param {boolean} nofocus If true, do not focus the cell\n   * @param {string} reason Reason the method was called (e.g. 'keyboard', 'mouse', 'redraw', 'internal', 'click')\n   * @returns {object} the current active cell\n   */\n  activate(nofocus: boolean = false, reason?: IdsDataGridActivationReason): IdsDataGridCell {\n    const previousActiveCell = this.dataGrid.activeCell.node;\n    this.dataGrid.activeCell.node = this;\n\n    if (!nofocus) {\n      this.dataGrid.shadowRoot?.querySelector('ids-data-grid-cell[tabindex=\"0\"]')?.setAttribute('tabindex', '-1');\n      this.tabIndex = 0;\n      this.focus();\n    }\n\n    if (previousActiveCell === undefined || (previousActiveCell !== this && document.hasFocus())) {\n      this.dataGrid.triggerEvent('activecellchanged', this.dataGrid, {\n        detail: {\n          elem: this, activeCell: this.dataGrid.activeCell, previousActiveCell, reason\n        }\n      });\n    }\n    return this;\n  }\n\n  /** Previous Value before Editing */\n  originalValue: unknown;\n\n  /** Previous Invalid state before reseting */\n  previousInvalidState = '';\n\n  /** If currently in edit mode */\n  isEditing?:boolean;\n\n  /**\n   * Validate cell\n   */\n  validateCell() {\n    const column = this.column;\n    if (!column.editor) return;\n\n    const columnEditor = this.dataGrid.editors.find((obj) => obj.type === column?.editor?.type);\n    if (!columnEditor || !columnEditor.editor) return;\n\n    this.originalValue = this.value;\n\n    this.editor = columnEditor.editor;\n    this.editor.init(this);\n\n    const input = this.editor?.input as any;\n\n    if (!input) return;\n\n    const editorType = (this.editor?.type as string);\n    input?.offEvent('focusout', input);\n    input?.offEvent('close', input);\n\n    if (['input', 'tree'].includes(editorType) && input?.setDirtyTracker) {\n      input?.setDirtyTracker(input?.value as any);\n    }\n\n    if (['input', 'tree'].includes(editorType) && input?.checkValidation) {\n      (<IdsInput>input)?.checkValidation();\n    }\n\n    if (editorType === 'dropdown') {\n      (<IdsDropdown>input)?.input?.checkValidation();\n    }\n\n    if (editorType === 'timepicker' || editorType === 'datepicker') {\n      (<IdsTriggerField>input)?.checkValidation();\n    }\n\n    const isValid = input?.isValid;\n    const newValue = this.editor?.save(this);\n    this.#saveCellValue(newValue?.value);\n\n    if (!isValid) this.#saveValidState(input?.validationMessages);\n    if (this.isInValid && isValid) this.#resetValidState();\n    this.isInValid = !isValid;\n\n    this.editor?.destroy(this);\n    this.renderCell();\n  }\n\n  /**\n   * Start Edit Mode\n   * @param {MouseEvent} clickEvent event passed if activated by click (vs keyboard)\n   * @param {boolean} trigger whether to trigger the beforecelledit event\n   */\n  startCellEdit(clickEvent?: MouseEvent, trigger: boolean = true) {\n    // end previous cell edit\n    if (this.dataGrid.activeCellEditor instanceof IdsDataGridCell && this.dataGrid.activeCellEditor !== this) {\n      this.dataGrid.activeCellEditor.endCellEdit();\n    }\n\n    const column = this.column;\n    if (!column.editor) return;\n    const columnEditor = this.dataGrid.editors.find((obj) => obj.type === column?.editor?.type);\n    if (!columnEditor || !columnEditor.editor || this.isEditing) return;\n\n    // Init Editor\n    let canEdit: any = !(this.classList.contains('is-readonly') || this.classList.contains('is-disabled'));\n    if (!canEdit) {\n      return;\n    }\n\n    if (trigger) {\n      this.dataGrid.triggerEvent('beforecelledit', this.dataGrid, {\n        detail: {\n          elem: this,\n          editor: this.editor,\n          column,\n          data: this.dataGrid.data[this.dataGrid.activeCell.row],\n          response: (veto: boolean | Promise<void | boolean>) => {\n            canEdit = veto;\n          }\n        }\n      });\n    }\n\n    if (trigger && (canEdit instanceof Promise || canEdit?.constructor?.name === 'AsyncFunction')) {\n      (canEdit instanceof Promise ? canEdit : canEdit())\n        .then((veto?: boolean) => { if (veto !== false) this.#startCellEdit(column, columnEditor, clickEvent, trigger); })\n        .catch(() => { /** ignore if promise rejected */ });\n    } else if (!trigger || canEdit !== false) {\n      this.#startCellEdit(column, columnEditor, clickEvent, trigger);\n    }\n  }\n\n  /* Start Cell Edit */\n  #startCellEdit(\n    column: IdsDataGridColumn,\n    columnEditor: { type: string, editor?: IdsDataGridEditor },\n    clickEvent?: MouseEvent,\n    trigger: boolean = true\n  ) {\n    if (!columnEditor || !columnEditor.editor || this.isEditing) return;\n\n    this.detachTooltipEvents();\n    this.originalValue = this.value;\n    this.editor = columnEditor.editor;\n    this.editor.clickEvent = clickEvent;\n\n    const editorType = this.editor.type;\n    // Override original value if dropdown\n    if (editorType === 'dropdown') {\n      this.originalValue = this.querySelector('[data-value]')?.getAttribute('data-value');\n    }\n\n    this.classList.add('is-editing');\n    this.editor.init(this);\n\n    const expandButton = this.querySelector('.expand-button');\n    if (expandButton) {\n      expandButton.removeAttribute('disabled');\n      this.offEvent('mousedown', expandButton);\n      this.onEvent('mousedown', expandButton, (e: MouseEvent) => {\n        e.stopPropagation();\n        e.preventDefault();\n        this.endCellEdit();\n        const row = this.parentElement as IdsDataGridRow;\n        row?.toggleExpandCollapse();\n      });\n    }\n\n    // Set states\n    if (this.classList.contains('is-invalid')) {\n      this.classList.remove('is-invalid');\n      this.isInValid = true;\n    }\n    if (column.editor?.inline) this.classList.add('is-inline');\n    this.isEditing = true;\n\n    // Pass column text alignment rules into the cell editor\n    if (column.align) {\n      let columnAlign = column.align;\n      if (columnAlign === 'left') columnAlign = 'start';\n      if (columnAlign === 'right') columnAlign = 'end';\n      this.editor?.input?.setAttribute('text-align', `${columnAlign}`);\n    }\n\n    // Save on Click Out Event\n    if (['datepicker', 'timepicker', 'lookup'].includes(editorType)) {\n      // When the popup is closed, end the edit\n      this.editor.input?.onEvent('focusout', this.editor.input, () => {\n        requestAnimationFrame(() => {\n          if (this.editor?.popup?.visible || this.contains(this.dataGrid!.shadowRoot!.activeElement)) return;\n          this.tabIndex = -1;\n        });\n      });\n\n      // When the popup is closed, end the edit\n      this.onEvent('hide.popup', this.editor?.popup, () => {\n        this.offEvent('hide.popup');\n        this.endCellEdit();\n        this.focus();\n      });\n    } else if (editorType === 'dropdown') {\n      this.editor.input?.onEvent('close', this.editor.input, () => {\n        this.endCellEdit();\n        this.focus();\n      });\n    } else if (editorType === 'password') {\n      const maskIcon = this.querySelector('ids-icon');\n\n      // stop events when clicking the maskIcon to prevent deselecting the input when editing\n      this.offEvent('mousedown', maskIcon);\n      this.onEvent('mousedown', maskIcon, (e) => {\n        e.stopPropagation();\n        e.preventDefault();\n      });\n\n      this.editor.input?.onEvent('focusout', this.editor.input, () => {\n        this.dataGrid.clearActiveCellCache(true);\n        this.endCellEdit();\n      });\n    } else {\n      this.editor.input?.onEvent('focusout', this.editor.input, () => {\n        this.dataGrid.clearActiveCellCache(true);\n        this.endCellEdit();\n      });\n    }\n\n    this.onEvent('keyup', this.editor?.input, () => {\n      this.dataGrid.updateActiveCellCache(this.row, this.columnIndex, this.editor?.input?.value || '');\n    });\n\n    this.onEvent('keydown', this.editor?.input, (e: KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        this.dataGrid.clearActiveCellCache();\n      }\n    });\n\n    this.onEvent('focusout.endcelledit', this.dataGrid, () => {\n      if (!this.dataGrid.contains(document.activeElement)) {\n        this.endCellEdit();\n      }\n    });\n\n    if (trigger) {\n      this.dataGrid?.triggerEvent('celledit', this.dataGrid, {\n        detail: {\n          elem: this, editor: this.editor, column, data: this.dataGrid.data[this.row]\n        }\n      });\n    }\n\n    // Add a small delay before starting new edit to ensure cleanup\n    this.dataGrid.activeCellEditor = this;\n  }\n\n  /* End Cell Edit */\n  endCellEdit() {\n    const column = this.column;\n    const input = this.editor?.input as any;\n\n    if (!input) return;\n\n    this.offEvent('focusout.endcelledit', this.dataGrid);\n    this.offEvent('keydown', this.editor?.input);\n    this.offEvent('keyup', this.editor?.input);\n\n    const editorType = (this.editor?.type as string);\n    input?.offEvent('focusout', input);\n    input?.offEvent('close', input);\n\n    if (['input', 'tree'].includes(editorType) && input?.setDirtyTracker) {\n      input?.setDirtyTracker(input?.value as any);\n    }\n\n    if (['input', 'tree'].includes(editorType) && input?.checkValidation) {\n      (<IdsInput>input)?.checkValidation();\n    }\n\n    if (editorType === 'dropdown') {\n      (<IdsDropdown>input)?.input?.checkValidation();\n    }\n\n    if (editorType === 'lookup') {\n      (<IdsLookup>input)?.input?.checkValidation();\n    }\n\n    if (editorType === 'timepicker' || editorType === 'datepicker') {\n      (<IdsTriggerField>input)?.checkValidation();\n    }\n\n    const isDirty = column.editor?.editorSettings?.dirtyTracker && (input?.isDirty || input?.input.isDirty);\n    const isDirtyCheckbox = column.editor?.editorSettings?.dirtyTracker && editorType === 'checkbox' && input?.isDirty;\n\n    // combobox accepts anything\n    const isComboBox = column.editor?.editorSettings?.comboBox ?? false;\n\n    const isValid = input?.isValid;\n    const newValue = this.editor?.save(this);\n    this.#saveCellValue(newValue?.value);\n\n    // Save dirty and valid state on the row\n    if ((isDirty || isDirtyCheckbox) && !isComboBox) this.#saveDirtyState(newValue?.dirtyCheckValue ?? newValue?.value);\n    if (!isValid && !isComboBox) this.#saveValidState(input?.validationMessages);\n    if (this.isInValid && isValid && !isComboBox) this.#resetValidState();\n    this.isInValid = !isComboBox ? !isValid : false;\n    this.editor?.destroy(this);\n    this.renderCell();\n    this.isEditing = false;\n    this.classList.remove('is-editing');\n\n    // Reset focus and tabindex\n    this.tabIndex = -1;\n    this.blur();\n\n    this.dataGrid?.triggerEvent('endcelledit', this.dataGrid, {\n      detail: {\n        elem: this, editor: this.editor, column, data: this.dataGrid.data[this.row]\n      }\n    });\n    this.detachTooltipEvents();\n    this.dataGrid.activeCellEditor = undefined;\n    this.dataGrid.openMenu = null;\n  }\n\n  /* Cancel Cell Edit */\n  cancelCellEdit() {\n    const column = this.column;\n    const input = this.editor?.input as any;\n    input?.offEvent('focusout', input);\n    input?.setDirtyTracker(input?.value as any);\n\n    this.dataGrid?.updateDataset(this.row, { [String(column?.field)]: this.originalValue });\n    this.editor?.destroy(this);\n    this.renderCell();\n    this.isEditing = false;\n    this.classList.remove('is-editing');\n\n    this.dataGrid?.triggerEvent('cancelcelledit', this.dataGrid, {\n      detail: {\n        elem: this,\n        editor: this.editor,\n        column,\n        data: this.dataGrid.data[this.row],\n        oldValue: this.originalValue\n      }\n    });\n    this.dataGrid.activeCellEditor = undefined;\n    this.dataGrid.openMenu = null;\n  }\n\n  /**\n   * Save cell Edit Back into data set\n   * @param {any} newValue the value to coerce and save\n   */\n  #saveCellValue(newValue: any) {\n    const column = this.column;\n    this.dataGrid.resetCache(this.dataGrid?.activeCell.row);\n    if (column.editor?.editorSettings?.mask === 'date') {\n      newValue = this.dataGrid.localeAPI.parseDate(newValue, column.formatOptions);\n    }\n    this.dataGrid?.updateDataset(this.row, {\n      [String(column?.field)]: newValue,\n    });\n  }\n\n  /**\n   * Save the dirty state info on the row\n   * @param {boolean} newValue the current value\n   * @param {boolean} programmaticUpdate if true, the value was changed by a progammaticUpdate update\n   */\n  #saveDirtyState(newValue: any, programmaticUpdate = false) {\n    let rowDirtyCells = this.dataGrid.data[this.row].dirtyCells;\n    if (rowDirtyCells === undefined) rowDirtyCells = [];\n    const cell = Number(this.getAttribute('aria-colindex')) - 1;\n    const previousCellInfo = rowDirtyCells.filter((item: any) => item.cell === cell);\n\n    if (previousCellInfo[0] && newValue === previousCellInfo[0].originalValue) {\n      const oldIndex = rowDirtyCells.findIndex((item: any) => item.cell === cell);\n      rowDirtyCells.splice(oldIndex, 1);\n      // Value was reset\n      this?.classList.remove('is-dirty');\n      this.dataGrid?.updateDataset(this.row, {\n        dirtyCells: rowDirtyCells\n      });\n      return;\n    }\n\n    this?.classList.add('is-dirty');\n\n    if (previousCellInfo.length === 0) {\n      const originalValue = this?.editor?.type === 'checkbox' || programmaticUpdate ? this.originalValue : (this?.editor?.input as any)?.dirty?.original;\n\n      rowDirtyCells.push({\n        cell: Number(this?.getAttribute('aria-colindex')) - 1,\n        columnId: this.column.id,\n        originalValue,\n      });\n      this.dataGrid?.updateDataset(this.row, {\n        dirtyCells: rowDirtyCells\n      });\n    }\n  }\n\n  /**\n   * Track value changes for dirty tracking\n   * @param {any} newValue the new value\n   * @param {boolean} programmaticUpdate if true, the value was changed by a programmatic update\n   */\n  trackValueChange(newValue: any, programmaticUpdate = false) {\n    this.#saveDirtyState(newValue, programmaticUpdate);\n  }\n\n  /**\n   * Save the validation state info on the row\n   * @param {any} validationMessages the current value\n   */\n  #saveValidState(validationMessages: any) {\n    let rowInvalidCells = this.dataGrid.data[this.row].invalidCells;\n    if (!rowInvalidCells) rowInvalidCells = [];\n    const cell = Number(this.getAttribute('aria-colindex')) - 1;\n    const previousCellInfo = rowInvalidCells.filter((item: any) => item.cell === cell);\n\n    this?.classList.add('is-invalid');\n\n    if (previousCellInfo.length === 0) {\n      this.previousInvalidState = validationMessages.id;\n      rowInvalidCells.push({\n        cell: Number(this?.getAttribute('aria-colindex')) - 1,\n        columnId: this.column.id,\n        validationMessages\n      });\n      this.dataGrid?.updateDataset(this.row, {\n        invalidCells: rowInvalidCells\n      });\n    }\n  }\n\n  /**\n   * Set back the valid state\n   */\n  #resetValidState() {\n    this?.classList.remove('is-invalid');\n    this.dataGrid?.updateDataset(this.row, {\n      invalidCells: undefined\n    });\n    this.isInValid = false;\n  }\n\n  // NOTE: check memory footprint of this caching strategy\n  static cellCache: { [key: string]: string } = {};\n\n  /**\n   * Return the Template for the cell contents\n   * @param {object} rowData The data item for the row\n   * @param {object} column The column data for the row\n   * @param {object} rowIndex The running row-index\n   * @param {IdsDataGrid} dataGrid The dataGrid instance\n   * @returns {string} The template to display\n   */\n  static template(\n    rowData: Record<string, unknown>,\n    column: IdsDataGridColumn,\n    rowIndex: number,\n    dataGrid: IdsDataGrid\n  ): string {\n    const cacheKey = IdsDataGridCell.cacheKey(rowIndex, rowData, column, dataGrid);\n    // combobox accepts anything\n    const isComboBox = column.editor?.editorSettings?.comboBox ?? false;\n\n    // NOTE: This is how we could disable cache until a proper cache-busting strategy is in place\n    // delete IdsDataGridCell.cellCache[cacheKey];\n\n    // NOTE: this type of param-based caching is good for upscroll when revisiting rows that have been seen already.\n    // NOTE: we also need a content-cache that caches based on the actual data that's being rendered\n    // NOTE: content-cache should probably be done in the IdsDataGridFormatters class\n    if (!IdsDataGridCell.cellCache[cacheKey]) {\n      const dataGridFormatters = (dataGrid.formatters as any);\n      let template = '';\n\n      if (!dataGridFormatters[column?.formatter?.name || 'text'] && column?.formatter) template = column?.formatter(rowData, column, rowIndex, dataGrid);\n      else template = dataGridFormatters[column?.formatter?.name || 'text'](rowData, column, rowIndex, dataGrid);\n\n      if (rowData.invalidCells && !isComboBox) {\n        const message = (rowData.invalidCells as any).find((info: any) => info.cell === dataGrid.columnIdxById(column.id));\n        if (message) template += `<ids-alert icon=\"error\" tooltip=\"${message?.validationMessages[0]?.message}\"></ids-alert>`;\n      }\n      IdsDataGridCell.cellCache[cacheKey] = template;\n    }\n\n    return IdsDataGridCell.cellCache[cacheKey];\n  }\n\n  /**\n   * Return cache key of current cell\n   * @param {number} rowIndex number\n   * @param {object} rowData The data item for the row\n   * @param {object} column The column data for the row\n   * @param {IdsDataGrid} dataGrid The dataGrid instance\n   * @returns {string} Cache key\n   */\n  static cacheKey(\n    rowIndex: number,\n    rowData: Record<string, unknown>,\n    column: IdsDataGridColumn,\n    dataGrid: IdsDataGrid\n  ): string {\n    const cacheHash = dataGrid.cacheHash;\n    const selected = rowData.rowSelected ? dataGrid.cacheSelected : dataGrid.cacheDeselected;\n    const expanded = rowData.rowExpanded ? dataGrid.cacheExpanded : dataGrid.cacheCollapsed;\n    return `${cacheHash}:${column.id}:${rowIndex}:${selected}:${expanded}`;\n  }\n\n  /**\n   * Clears cell cache\n   */\n  clearCache() {\n    const dataGrid = this.dataGrid;\n    const rowIndex = Number(this.parentElement?.getAttribute('row-index'));\n    const row = dataGrid.data[rowIndex] as any;\n    const cacheKey = IdsDataGridCell.cacheKey(rowIndex, row, this.column, dataGrid);\n\n    delete IdsDataGridCell.cellCache[cacheKey];\n  }\n\n  /**\n   * Refreshes the cell\n   */\n  refreshCell() {\n    this.clearCache();\n    this.renderCell();\n  }\n\n  /**\n   * Checks on the cell editor to see if its current state allows it to be closed.\n   * @returns {boolean} true if the cell editor is able to \"close\"\n   */\n  canClose(): boolean {\n    if (this.isEditing) return false;\n    if (this.editor?.popup?.visible) return false;\n    if (this.column?.editor?.inline) return false;\n\n    return true;\n  }\n\n  /**\n   * Removes all tooltip-related event listeners from the data grid cell\n   * @private\n   * @description Detaches hover, click, popup, longpress, and focus events\n   * associated with the tooltip functionality\n   */\n  detachTooltipEvents() {\n    this.dataGrid.tooltip?.offEvent('hoverend.tooltip', this);\n    this.dataGrid.tooltip?.offEvent('click.tooltip', this);\n    this.dataGrid.tooltip?.offEvent('click.popup', this.dataGrid.tooltip?.popup);\n    this.dataGrid.tooltip?.offEvent('longpress.tooltip', this);\n    this.dataGrid.tooltip?.offEvent('focusin.tooltip', this);\n    this.dataGrid.tooltip?.offEvent('focus.keyboardfocus', this);\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}