@aquera/nile-elements 1.3.4-beta-1 → 1.3.4

package/dist/src/internal/portal.js

@@ -1,199 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export class PortalManager {
-    constructor(component, listboxSelector = '#listbox', portalClassName = 'nile-portal-append') {
-        this.portalContainer = null;
-        this.originalListboxParent = null;
-        this.measuredPopupHeight = null;
-        this.component = component;
-        this.listboxSelector = listboxSelector;
-        this.portalClassName = portalClassName;
-    }
-    /**
-     * Creates a portal container with proper styling
-     */
-    createPortalContainer() {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.zIndex = '9999';
-        container.style.pointerEvents = 'none';
-        container.className = this.portalClassName;
-        // Apply additional styling to match the original popup
-        container.style.background = 'white';
-        container.style.border = '1px solid #e0e0e0';
-        container.style.borderRadius = '4px';
-        container.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
-        container.style.maxHeight = '300px';
-        container.style.overflow = 'hidden';
-        return container;
-    }
-    /**
-     * Positions the portal container relative to the component
-     */
-    positionPortal() {
-        if (!this.portalContainer)
-            return;
-        const rect = this.component.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const estimatedPopupHeight = 300; // Fallback estimate
-        // If this is the first positioning, measure actual height
-        if (!this.measuredPopupHeight && this.portalContainer) {
-            // Temporarily position the container to measure its height
-            this.portalContainer.style.position = 'absolute';
-            this.portalContainer.style.visibility = 'hidden';
-            this.portalContainer.style.top = '0px';
-            this.portalContainer.style.left = '0px';
-            // Force a reflow to ensure the container is rendered
-            this.portalContainer.offsetHeight;
-            // Measure the actual height
-            this.measuredPopupHeight = this.portalContainer.offsetHeight;
-            // Reset visibility
-            this.portalContainer.style.visibility = '';
-        }
-        // Use measured height or fallback to estimate
-        const popupHeight = this.measuredPopupHeight || estimatedPopupHeight;
-        // Calculate available space above and below
-        const spaceBelow = viewportHeight - rect.bottom;
-        const spaceAbove = rect.top;
-        let topPosition;
-        let placementClass;
-        // Smart positioning: flip to top if insufficient space below and more space above
-        if (spaceBelow < popupHeight && spaceAbove > spaceBelow) {
-            // Open upward
-            topPosition = rect.top - popupHeight - 6;
-            placementClass = 'top';
-        }
-        else {
-            // Open downward
-            topPosition = rect.bottom + 6;
-            placementClass = 'bottom';
-        }
-        // Apply positioning
-        this.portalContainer.style.left = `${rect.left}px`;
-        this.portalContainer.style.top = `${topPosition}px`;
-        this.portalContainer.style.width = `${rect.width}px`;
-        this.portalContainer.style.pointerEvents = 'auto';
-        // Update placement class for styling
-        this.portalContainer.className = `${this.portalClassName} select__listbox--${placementClass}`;
-    }
-    /**
-     * Updates portal position (called on window resize/scroll)
-     */
-    updatePortalPosition() {
-        if (this.portalContainer) {
-            this.positionPortal();
-        }
-    }
-    /**
-     * Updates portal content (called when content changes)
-     */
-    updatePortalContent() {
-        if (this.portalContainer) {
-            this.positionPortal();
-        }
-    }
-    /**
-     * Injects component styles into document head for portal containers
-     */
-    injectStylesToDocument() {
-        if (!this.portalContainer)
-            return;
-        // Create a unique identifier for this component instance
-        const styleId = `nile-portal-styles-${Math.random().toString(36).substr(2, 9)}`;
-        // Check if styles are already injected
-        if (document.getElementById(styleId))
-            return;
-        // Get the component's styles
-        const componentStyles = this.component.constructor.styles;
-        if (!componentStyles)
-            return;
-        // Create a style element
-        const styleElement = document.createElement('style');
-        styleElement.id = styleId;
-        styleElement.textContent = this.extractStylesAsCSS(componentStyles);
-        // Inject into document head
-        document.head.appendChild(styleElement);
-        // Store reference for cleanup
-        this.portalContainer.__injectedStyleId = styleId;
-    }
-    /**
-     * Extracts styles as CSS string from various style formats
-     */
-    extractStylesAsCSS(styles) {
-        if (typeof styles === 'string') {
-            return styles;
-        }
-        if (Array.isArray(styles)) {
-            return styles.map(style => this.extractStylesAsCSS(style)).join('\n');
-        }
-        if (styles && typeof styles === 'object' && styles.cssText) {
-            return styles.cssText;
-        }
-        return '';
-    }
-    /**
-     * Sets up the portal by moving the listbox to document body
-     */
-    setupPortal() {
-        this.component.updateComplete.then(() => {
-            const listbox = this.component.shadowRoot?.querySelector(this.listboxSelector);
-            if (listbox) {
-                this.originalListboxParent = listbox.parentElement;
-                this.portalContainer = this.createPortalContainer();
-                this.portalContainer.appendChild(listbox);
-                document.body.appendChild(this.portalContainer);
-                // Inject the component's styles to the body append container
-                this.injectStylesToDocument();
-                listbox.style.display = '';
-                this.positionPortal();
-            }
-        });
-    }
-    /**
-     * Cleans up the portal by restoring the listbox to its original position
-     */
-    cleanupPortal() {
-        if (this.portalContainer && this.portalContainer.parentNode) {
-            const listbox = this.portalContainer.querySelector(this.listboxSelector);
-            if (listbox && this.originalListboxParent) {
-                this.originalListboxParent.appendChild(listbox);
-                listbox.style.display = '';
-            }
-            // Clean up injected styles if they exist
-            const injectedStyleId = this.portalContainer.__injectedStyleId;
-            if (injectedStyleId) {
-                const styleElement = document.getElementById(injectedStyleId);
-                if (styleElement) {
-                    styleElement.remove();
-                }
-            }
-            this.portalContainer.parentNode.removeChild(this.portalContainer);
-        }
-        this.portalContainer = null;
-        this.originalListboxParent = null;
-        this.measuredPopupHeight = null;
-    }
-    /**
-     * Resets the measured height (call when content changes)
-     */
-    resetMeasuredHeight() {
-        this.measuredPopupHeight = null;
-    }
-    /**
-     * Gets the portal container element
-     */
-    getPortalContainer() {
-        return this.portalContainer;
-    }
-    /**
-     * Checks if portal is currently active
-     */
-    isPortalActive() {
-        return this.portalContainer !== null;
-    }
-}
-//# sourceMappingURL=portal.js.map

package/dist/src/internal/portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../../src/internal/portal.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { LitElement } from 'lit';\n\nexport class PortalManager {\n  private component: LitElement;\n  private portalContainer: HTMLElement | null = null;\n  private originalListboxParent: HTMLElement | null = null;\n  private measuredPopupHeight: number | null = null;\n  private listboxSelector: string;\n  private portalClassName: string;\n\n  constructor(component: LitElement, listboxSelector: string = '#listbox', portalClassName: string = 'nile-portal-append') {\n    this.component = component;\n    this.listboxSelector = listboxSelector;\n    this.portalClassName = portalClassName;\n  }\n\n  /**\n   * Creates a portal container with proper styling\n   */\n  private createPortalContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.style.position = 'absolute';\n    container.style.zIndex = '9999';\n    container.style.pointerEvents = 'none';\n    container.className = this.portalClassName;\n    \n    // Apply additional styling to match the original popup\n    container.style.background = 'white';\n    container.style.border = '1px solid #e0e0e0';\n    container.style.borderRadius = '4px';\n    container.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';\n    container.style.maxHeight = '300px';\n    container.style.overflow = 'hidden';\n    \n    return container;\n  }\n\n  /**\n   * Positions the portal container relative to the component\n   */\n  private positionPortal(): void {\n    if (!this.portalContainer) return;\n\n    const rect = this.component.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const estimatedPopupHeight = 300; // Fallback estimate\n    \n    // If this is the first positioning, measure actual height\n    if (!this.measuredPopupHeight && this.portalContainer) {\n      // Temporarily position the container to measure its height\n      this.portalContainer.style.position = 'absolute';\n      this.portalContainer.style.visibility = 'hidden';\n      this.portalContainer.style.top = '0px';\n      this.portalContainer.style.left = '0px';\n      \n      // Force a reflow to ensure the container is rendered\n      this.portalContainer.offsetHeight;\n      \n      // Measure the actual height\n      this.measuredPopupHeight = this.portalContainer.offsetHeight;\n      \n      // Reset visibility\n      this.portalContainer.style.visibility = '';\n    }\n    \n    // Use measured height or fallback to estimate\n    const popupHeight = this.measuredPopupHeight || estimatedPopupHeight;\n    \n    // Calculate available space above and below\n    const spaceBelow = viewportHeight - rect.bottom;\n    const spaceAbove = rect.top;\n    \n    let topPosition: number;\n    let placementClass: string;\n    \n    // Smart positioning: flip to top if insufficient space below and more space above\n    if (spaceBelow < popupHeight && spaceAbove > spaceBelow) {\n      // Open upward\n      topPosition = rect.top - popupHeight - 6;\n      placementClass = 'top';\n    } else {\n      // Open downward\n      topPosition = rect.bottom + 6;\n      placementClass = 'bottom';\n    }\n    \n    // Apply positioning\n    this.portalContainer.style.left = `${rect.left}px`;\n    this.portalContainer.style.top = `${topPosition}px`;\n    this.portalContainer.style.width = `${rect.width}px`;\n    this.portalContainer.style.pointerEvents = 'auto';\n    \n    // Update placement class for styling\n    this.portalContainer.className = `${this.portalClassName} select__listbox--${placementClass}`;\n  }\n\n  /**\n   * Updates portal position (called on window resize/scroll)\n   */\n  updatePortalPosition(): void {\n    if (this.portalContainer) {\n      this.positionPortal();\n    }\n  }\n\n  /**\n   * Updates portal content (called when content changes)\n   */\n  updatePortalContent(): void {\n    if (this.portalContainer) {\n      this.positionPortal();\n    }\n  }\n\n  /**\n   * Injects component styles into document head for portal containers\n   */\n  private injectStylesToDocument(): void {\n    if (!this.portalContainer) return;\n\n    // Create a unique identifier for this component instance\n    const styleId = `nile-portal-styles-${Math.random().toString(36).substr(2, 9)}`;\n    \n    // Check if styles are already injected\n    if (document.getElementById(styleId)) return;\n\n    // Get the component's styles\n    const componentStyles = (this.component.constructor as any).styles;\n    if (!componentStyles) return;\n\n    // Create a style element\n    const styleElement = document.createElement('style');\n    styleElement.id = styleId;\n    styleElement.textContent = this.extractStylesAsCSS(componentStyles);\n    \n    // Inject into document head\n    document.head.appendChild(styleElement);\n    \n    // Store reference for cleanup\n    (this.portalContainer as any).__injectedStyleId = styleId;\n  }\n\n  /**\n   * Extracts styles as CSS string from various style formats\n   */\n  private extractStylesAsCSS(styles: any): string {\n    if (typeof styles === 'string') {\n      return styles;\n    }\n    \n    if (Array.isArray(styles)) {\n      return styles.map(style => this.extractStylesAsCSS(style)).join('\\n');\n    }\n    \n    if (styles && typeof styles === 'object' && styles.cssText) {\n      return styles.cssText;\n    }\n    \n    return '';\n  }\n\n  /**\n   * Sets up the portal by moving the listbox to document body\n   */\n  setupPortal(): void {\n    this.component.updateComplete.then(() => {\n      const listbox = this.component.shadowRoot?.querySelector(this.listboxSelector) as HTMLElement;\n      if (listbox) {\n        this.originalListboxParent = listbox.parentElement as HTMLElement;\n        \n        this.portalContainer = this.createPortalContainer();\n        this.portalContainer.appendChild(listbox);\n        document.body.appendChild(this.portalContainer);\n        \n        // Inject the component's styles to the body append container\n        this.injectStylesToDocument();\n        \n        listbox.style.display = '';\n        this.positionPortal();\n      }\n    });\n  }\n\n  /**\n   * Cleans up the portal by restoring the listbox to its original position\n   */\n  cleanupPortal(): void {\n    if (this.portalContainer && this.portalContainer.parentNode) {\n      const listbox = this.portalContainer.querySelector(this.listboxSelector) as HTMLElement;\n      \n      if (listbox && this.originalListboxParent) {\n        this.originalListboxParent.appendChild(listbox);\n        listbox.style.display = '';\n      }\n      \n      // Clean up injected styles if they exist\n      const injectedStyleId = (this.portalContainer as any).__injectedStyleId;\n      if (injectedStyleId) {\n        const styleElement = document.getElementById(injectedStyleId);\n        if (styleElement) {\n          styleElement.remove();\n        }\n      }\n      \n      this.portalContainer.parentNode.removeChild(this.portalContainer);\n    }\n    this.portalContainer = null;\n    this.originalListboxParent = null;\n    this.measuredPopupHeight = null;\n  }\n\n  /**\n   * Resets the measured height (call when content changes)\n   */\n  resetMeasuredHeight(): void {\n    this.measuredPopupHeight = null;\n  }\n\n  /**\n   * Gets the portal container element\n   */\n  getPortalContainer(): HTMLElement | null {\n    return this.portalContainer;\n  }\n\n  /**\n   * Checks if portal is currently active\n   */\n  isPortalActive(): boolean {\n    return this.portalContainer !== null;\n  }\n}\n"]}

package/dist/src/internal/resizable-helper.d.ts

@@ -1,59 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Resizable Helper Utility
- * Provides common functionality for resizable table columns
- */
-export interface ResizeOptions {
-    minWidth?: number;
-    startX: number;
-    startWidth: number;
-    element: HTMLElement;
-}
-export interface ColumnResizeData {
-    columnIndex: number;
-    newWidth: number;
-}
-/**
- * Handles the start of a resize operation
- * @param e Mouse event
- * @param options Resize configuration options
- * @returns Cleanup function to remove event listeners
- */
-export declare function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void;
-/**
- * Gets the column index of an element within its table row
- * @param element The table cell or header element
- * @param selector The CSS selector for the column elements
- * @returns Column index (0-based)
- */
-export declare function getColumnIndex(element: HTMLElement, selector: string): number;
-/**
- * Synchronizes the width of all cells in the same column
- * @param sourceElement The element that was resized
- * @param newWidth The new width to apply
- */
-export declare function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void;
-/**
- * Checks if an element has the resizable attribute
- * @param element The element to check
- * @returns True if the element is resizable
- */
-export declare function isResizable(element: HTMLElement): boolean;
-/**
- * Creates a resize handler function for use in component event listeners
- * @param element The element to make resizable
- * @param minWidth Minimum width constraint
- * @returns Event handler function
- */
-export declare function createResizeHandler(element: HTMLElement, minWidth?: number): (e: MouseEvent) => void;
-/**
- * Detects if any columns in a table are resizable
- * @param tableBody The table body element
- * @returns True if any columns have resizable attribute
- */
-export declare function hasResizableColumns(tableBody: HTMLElement): boolean;

package/dist/src/internal/resizable-helper.js

@@ -1,115 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Handles the start of a resize operation
- * @param e Mouse event
- * @param options Resize configuration options
- * @returns Cleanup function to remove event listeners
- */
-export function handleResizeStart(e, options) {
-    e.preventDefault();
-    e.stopPropagation();
-    const { minWidth = 50, startX, startWidth, element } = options;
-    const resizer = e.target;
-    // Add resizing class for visual feedback
-    resizer.classList.add('resizing');
-    const onMouseMove = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        const delta = e.pageX - startX;
-        const newWidth = Math.max(minWidth, startWidth + delta);
-        // Apply width to the current element
-        element.style.width = newWidth + 'px';
-        // Synchronize width across all cells in the same column
-        synchronizeColumnWidth(element, newWidth);
-    };
-    const onMouseUp = () => {
-        resizer.classList.remove('resizing');
-        document.removeEventListener('mousemove', onMouseMove);
-        document.removeEventListener('mouseup', onMouseUp);
-    };
-    document.addEventListener('mousemove', onMouseMove);
-    document.addEventListener('mouseup', onMouseUp);
-    // Return cleanup function
-    return () => {
-        document.removeEventListener('mousemove', onMouseMove);
-        document.removeEventListener('mouseup', onMouseUp);
-    };
-}
-/**
- * Gets the column index of an element within its table row
- * @param element The table cell or header element
- * @param selector The CSS selector for the column elements
- * @returns Column index (0-based)
- */
-export function getColumnIndex(element, selector) {
-    const tableRow = element.closest('nile-table-row');
-    if (tableRow) {
-        const columns = tableRow.querySelectorAll(selector);
-        return Array.from(columns).indexOf(element);
-    }
-    return 0;
-}
-/**
- * Synchronizes the width of all cells in the same column
- * @param sourceElement The element that was resized
- * @param newWidth The new width to apply
- */
-export function synchronizeColumnWidth(sourceElement, newWidth) {
-    const tableBody = sourceElement.closest('nile-table-body');
-    if (!tableBody)
-        return;
-    const isHeader = sourceElement.tagName.toLowerCase() === 'nile-table-header-item';
-    const selector = isHeader ? 'nile-table-header-item' : 'nile-table-cell-item';
-    const targetSelector = isHeader ? 'nile-table-cell-item' : 'nile-table-cell-item';
-    const columnIndex = getColumnIndex(sourceElement, selector);
-    const rows = tableBody.querySelectorAll('nile-table-row');
-    rows.forEach(row => {
-        const cells = row.querySelectorAll(targetSelector);
-        if (cells[columnIndex]) {
-            cells[columnIndex].style.width = newWidth + 'px';
-        }
-    });
-}
-/**
- * Checks if an element has the resizable attribute
- * @param element The element to check
- * @returns True if the element is resizable
- */
-export function isResizable(element) {
-    return element.hasAttribute('resizable');
-}
-/**
- * Creates a resize handler function for use in component event listeners
- * @param element The element to make resizable
- * @param minWidth Minimum width constraint
- * @returns Event handler function
- */
-export function createResizeHandler(element, minWidth = 50) {
-    return (e) => {
-        const options = {
-            minWidth,
-            startX: e.pageX,
-            startWidth: element.offsetWidth,
-            element
-        };
-        handleResizeStart(e, options);
-    };
-}
-/**
- * Detects if any columns in a table are resizable
- * @param tableBody The table body element
- * @returns True if any columns have resizable attribute
- */
-export function hasResizableColumns(tableBody) {
-    const headerItems = tableBody.querySelectorAll('nile-table-header-item');
-    const cellItems = tableBody.querySelectorAll('nile-table-cell-item');
-    const hasResizableHeaders = Array.from(headerItems).some(item => isResizable(item));
-    const hasResizableCells = Array.from(cellItems).some(item => isResizable(item));
-    return hasResizableHeaders || hasResizableCells;
-}
-//# sourceMappingURL=resizable-helper.js.map

package/dist/src/internal/resizable-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resizable-helper.js","sourceRoot":"","sources":["../../../src/internal/resizable-helper.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Resizable Helper Utility\n * Provides common functionality for resizable table columns\n */\n\nexport interface ResizeOptions {\n  minWidth?: number;\n  startX: number;\n  startWidth: number;\n  element: HTMLElement;\n}\n\nexport interface ColumnResizeData {\n  columnIndex: number;\n  newWidth: number;\n}\n\n/**\n * Handles the start of a resize operation\n * @param e Mouse event\n * @param options Resize configuration options\n * @returns Cleanup function to remove event listeners\n */\nexport function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void {\n  e.preventDefault();\n  e.stopPropagation();\n  \n  const { minWidth = 50, startX, startWidth, element } = options;\n  const resizer = e.target as HTMLElement;\n  \n  // Add resizing class for visual feedback\n  resizer.classList.add('resizing');\n\n  const onMouseMove = (e: MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    \n    const delta = e.pageX - startX;\n    const newWidth = Math.max(minWidth, startWidth + delta);\n\n    // Apply width to the current element\n    element.style.width = newWidth + 'px';\n\n    // Synchronize width across all cells in the same column\n    synchronizeColumnWidth(element, newWidth);\n  };\n\n  const onMouseUp = () => {\n    resizer.classList.remove('resizing');\n    document.removeEventListener('mousemove', onMouseMove);\n    document.removeEventListener('mouseup', onMouseUp);\n  };\n\n  document.addEventListener('mousemove', onMouseMove);\n  document.addEventListener('mouseup', onMouseUp);\n\n  // Return cleanup function\n  return () => {\n    document.removeEventListener('mousemove', onMouseMove);\n    document.removeEventListener('mouseup', onMouseUp);\n  };\n}\n\n/**\n * Gets the column index of an element within its table row\n * @param element The table cell or header element\n * @param selector The CSS selector for the column elements\n * @returns Column index (0-based)\n */\nexport function getColumnIndex(element: HTMLElement, selector: string): number {\n  const tableRow = element.closest('nile-table-row');\n  if (tableRow) {\n    const columns = tableRow.querySelectorAll(selector);\n    return Array.from(columns).indexOf(element);\n  }\n  return 0;\n}\n\n/**\n * Synchronizes the width of all cells in the same column\n * @param sourceElement The element that was resized\n * @param newWidth The new width to apply\n */\nexport function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void {\n  const tableBody = sourceElement.closest('nile-table-body');\n  if (!tableBody) return;\n\n  const isHeader = sourceElement.tagName.toLowerCase() === 'nile-table-header-item';\n  const selector = isHeader ? 'nile-table-header-item' : 'nile-table-cell-item';\n  const targetSelector = isHeader ? 'nile-table-cell-item' : 'nile-table-cell-item';\n  \n  const columnIndex = getColumnIndex(sourceElement, selector);\n  const rows = tableBody.querySelectorAll('nile-table-row');\n  \n  rows.forEach(row => {\n    const cells = row.querySelectorAll(targetSelector);\n    if (cells[columnIndex]) {\n      cells[columnIndex].style.width = newWidth + 'px';\n    }\n  });\n}\n\n/**\n * Checks if an element has the resizable attribute\n * @param element The element to check\n * @returns True if the element is resizable\n */\nexport function isResizable(element: HTMLElement): boolean {\n  return element.hasAttribute('resizable');\n}\n\n/**\n * Creates a resize handler function for use in component event listeners\n * @param element The element to make resizable\n * @param minWidth Minimum width constraint\n * @returns Event handler function\n */\nexport function createResizeHandler(element: HTMLElement, minWidth: number = 50): (e: MouseEvent) => void {\n  return (e: MouseEvent) => {\n    const options: ResizeOptions = {\n      minWidth,\n      startX: e.pageX,\n      startWidth: element.offsetWidth,\n      element\n    };\n    \n    handleResizeStart(e, options);\n  };\n}\n\n/**\n * Detects if any columns in a table are resizable\n * @param tableBody The table body element\n * @returns True if any columns have resizable attribute\n */\nexport function hasResizableColumns(tableBody: HTMLElement): boolean {\n  const headerItems = tableBody.querySelectorAll('nile-table-header-item');\n  const cellItems = tableBody.querySelectorAll('nile-table-cell-item');\n  \n  const hasResizableHeaders = Array.from(headerItems).some(item => \n    isResizable(item)\n  );\n  const hasResizableCells = Array.from(cellItems).some(item => \n    isResizable(item)\n  );\n  \n  return hasResizableHeaders || hasResizableCells;\n} \n"]}

package/dist/src/internal/resizable-styles.d.ts

@@ -1,16 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Resizable Styles Utility
- * Centralized styles for resizable table functionality
- */
-export declare const resizableHostStyles: import("lit").CSSResult;
-export declare const resizableHeaderStyles: import("lit").CSSResult;
-export declare const resizerStyles: import("lit").CSSResult;
-export declare const headerResizerStyles: import("lit").CSSResult;
-export declare const resizableSlotStyles: import("lit").CSSResult;
-export declare const tableLayoutStyles: import("lit").CSSResult;

package/dist/src/internal/resizable-styles.js

@@ -1,144 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { css } from 'lit';
-/**
- * Resizable Styles Utility
- * Centralized styles for resizable table functionality
- */
-export const resizableHostStyles = css `
-  /* Resizable-specific host styles */
-  :host([resizable]) {
-    position: relative;
-    overflow: hidden;
-    table-layout: fixed;
-  }
-`;
-export const resizableHeaderStyles = css `
-  /* Resizable-specific header styles */
-  :host([resizable]) {
-    position: relative;
-    border-right: 1px solid var(--nile-colors-neutral-400);
-  }
-
-  /* Resizable-specific wrapper styles */
-  :host([resizable]) .header__item__wrapper {
-    position: relative;
-  }
-`;
-export const resizerStyles = css `
-  /* Resizer styles - only apply when resizable */
-  .resizer {
-    position: absolute;
-    right: 0;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: col-resize;
-    user-select: none;
-    background-color: var(--nile-colors-neutral-100);
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-    pointer-events: none;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    right: 3px;
-    top: 0;
-    width: 2px;
-    height: 100%;
-    background-color: var(--nile-colors-neutral-500);
-    opacity: 0.8;
-  }
-
-  .resizer:hover {
-    background-color: var(--nile-colors-neutral-400);
-  }
-
-  .resizer:hover::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-  }
-
-  .resizer.resizing {
-    background-color: var(--nile-colors-neutral-400);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .resizer.resizing::before {
-    background-color: var(--nile-colors-neutral-700);
-    opacity: 1;
-    width: 3px;
-  }
-`;
-export const headerResizerStyles = css `
-  /* Header resizer styles */
-  .resizer {
-    position: absolute;
-    right: -2px;
-    top: -1000px;
-    bottom: -1000px;
-    width: 8px;
-    cursor: ew-resize;
-    user-select: none;
-    transition: background-color 0.2s;
-    z-index: 10;
-    opacity: 0;
-    transition: opacity 0.2s ease;
-  }
-
-  :host([resizable]):hover .resizer {
-    opacity: 1;
-  }
-
-  .resizer::before {
-    content: '';
-    position: absolute;
-    height: 100%;
-    opacity: 0.8;
-  }
-
-  .resizer.resizing {
-    border-right: 4px double var(--nile-colors-neutral-400);
-    background-color: transparent;
-    opacity: 1;
-  }
-`;
-export const resizableSlotStyles = css `
-  /* Slot styles for resizable mode */
-  :host([resizable]) ::slotted(*) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-
-  :host([resizable]) ::slotted(span),
-  :host([resizable]) ::slotted(div),
-  :host([resizable]) ::slotted(p) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    display: block;
-  }
-`;
-export const tableLayoutStyles = css `
-  /* Apply fixed table layout only when resizable columns are present */
-  .nile__table__body[resizable] {
-    table-layout: fixed;
-  }
-`;
-//# sourceMappingURL=resizable-styles.js.map

package/dist/src/internal/resizable-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resizable-styles.js","sourceRoot":"","sources":["../../../src/internal/resizable-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;GAGG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;CAOrC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;CAWvC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD/B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;CAKnC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Resizable Styles Utility\n * Centralized styles for resizable table functionality\n */\n\nexport const resizableHostStyles = css`\n  /* Resizable-specific host styles */\n  :host([resizable]) {\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n`;\n\nexport const resizableHeaderStyles = css`\n  /* Resizable-specific header styles */\n  :host([resizable]) {\n    position: relative;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  /* Resizable-specific wrapper styles */\n  :host([resizable]) .header__item__wrapper {\n    position: relative;\n  }\n`;\n\nexport const resizerStyles = css`\n  /* Resizer styles - only apply when resizable */\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n`;\n\nexport const headerResizerStyles = css`\n  /* Header resizer styles */\n  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n`;\n\nexport const resizableSlotStyles = css`\n  /* Slot styles for resizable mode */\n  :host([resizable]) ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n\n  :host([resizable]) ::slotted(span),\n  :host([resizable]) ::slotted(div),\n  :host([resizable]) ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n\nexport const tableLayoutStyles = css`\n  /* Apply fixed table layout only when resizable columns are present */\n  .nile__table__body[resizable] {\n    table-layout: fixed;\n  }\n`; \n"]}

package/dist/src/internal/virtualizer-error-handler.d.ts

@@ -1,30 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Error handler specifically for virtualizer DOM manipulation errors
- * Catches and ignores common virtualizer errors that occur during rapid updates
- */
-export declare class VirtualizerErrorHandler {
-    private static isSetup;
-    private static originalConsoleError;
-    /**
-     * Sets up global error handling for virtualizer errors
-     * This should be called once during application initialization
-     */
-    static setup(): void;
-    /**
-     * Restores original error handling
-     */
-    static teardown(): void;
-    /**
-     * Checks if an error is a virtualizer DOM manipulation error that should be ignored
-     */
-    static isVirtualizerError(error: any): boolean;
-    private static setupConsoleErrorHandler;
-    private static setupUnhandledErrorHandler;
-    private static setupUnhandledRejectionHandler;
-}