@zengrid/core 1.0.7 → 1.2.0

package/dist/src/rendering/renderers/dropdown/dropdown-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-events.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/dropdown/dropdown-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,aAAa,CAA+C;IACpE,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,UAAU,CAAqB;gBAE3B,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB;IAMhE;;OAEG;IACH,mBAAmB,CACjB,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE;QACP,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO,CAAC;QACrB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;KAC/D,EACD,eAAe,EAAE,cAAc,EAAE,GAChC,IAAI;IA0EP;;OAEG;IACH,mBAAmB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAyBjD;;OAEG;IACH,OAAO,CAAC,cAAc;IAUtB;;OAEG;IACH,OAAO,CAAC,YAAY;IAQpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAgD3B"}

package/dist/src/rendering/renderers/dropdown/dropdown-navigation.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Handles keyboard navigation for dropdown
+ */
+export declare class DropdownNavigation {
+    /**
+     * Handles keyboard navigation
+     */
+    handleKeyboardNavigation(e: KeyboardEvent, menu: HTMLElement, container: HTMLElement, onOpen: () => void, onClose: () => void): void;
+    /**
+     * Navigates through options with arrow keys
+     */
+    private navigateOptions;
+    /**
+     * Navigates to first option
+     */
+    private navigateToFirstOption;
+    /**
+     * Navigates to last option
+     */
+    private navigateToLastOption;
+    /**
+     * Gets all visible, non-disabled options
+     */
+    private getVisibleOptions;
+    /**
+     * Focuses search input if available
+     */
+    focusSearchInput(menu: HTMLElement): void;
+}
+//# sourceMappingURL=dropdown-navigation.d.ts.map

package/dist/src/rendering/renderers/dropdown/dropdown-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/dropdown/dropdown-navigation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,kBAAkB;IAC7B;;OAEG;IACH,wBAAwB,CACtB,CAAC,EAAE,aAAa,EAChB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,MAAM,IAAI,EAClB,OAAO,EAAE,MAAM,IAAI,GAClB,IAAI;IAkDP;;OAEG;IACH,OAAO,CAAC,eAAe;IAkBvB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAO7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAO5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;CAM1C"}

package/dist/src/rendering/renderers/dropdown/dropdown-renderer.d.ts

@@ -0,0 +1,89 @@
+import type { CellRenderer, RenderParams } from '../renderer.interface';
+import type { DropdownRendererOptions } from './dropdown-types';
+/**
+ * DropdownRenderer - Renders a searchable dropdown/select component
+ *
+ * Features:
+ * - Single and multi-select modes with 3 display formats (tags/count/list)
+ * - Searchable/filterable options with LRU cache
+ * - Option grouping with visual group headers
+ * - Custom option rendering
+ * - Global singleton pattern for dropdown management (only one open at a time)
+ * - Full keyboard navigation (ArrowDown/Up, Enter, Space, Escape, Home, End)
+ * - Document click to close dropdown
+ * - Event delegation for performance
+ * - Deep value comparison for complex option values
+ * - Full ARIA attributes for accessibility
+ * - Optimized update() method for virtual scrolling
+ *
+ * Performance:
+ * - LRU cache for filtered search results (200 items)
+ * - DocumentFragment for batch DOM operations
+ * - Event delegation for option clicks
+ * - Optimized for 1000+ options with search
+ *
+ * @example
+ * ```typescript
+ * // Simple single-select dropdown
+ * const renderer = new DropdownRenderer({
+ *   options: [
+ *     { label: 'Active', value: 'active' },
+ *     { label: 'Inactive', value: 'inactive' },
+ *     { label: 'Pending', value: 'pending' }
+ *   ],
+ *   onChange: (value, params) => {
+ *     console.log('Status changed to:', value);
+ *   }
+ * });
+ *
+ * // Searchable multi-select with grouping
+ * const renderer = new DropdownRenderer({
+ *   options: [
+ *     { label: 'Red', value: 'red', group: 'Colors' },
+ *     { label: 'Green', value: 'green', group: 'Colors' },
+ *     { label: 'Circle', value: 'circle', group: 'Shapes' },
+ *     { label: 'Square', value: 'square', group: 'Shapes' }
+ *   ],
+ *   searchable: true,
+ *   multiSelect: true,
+ *   multiSelectDisplay: 'count'
+ * });
+ * ```
+ */
+export declare class DropdownRenderer implements CellRenderer {
+    private options;
+    private state;
+    private navigation;
+    private eventManager;
+    constructor(options?: DropdownRendererOptions);
+    render(element: HTMLElement, params: RenderParams): void;
+    update(element: HTMLElement, params: RenderParams): void;
+    destroy(element: HTMLElement): void;
+    getCellClass(params: RenderParams): string | undefined;
+}
+/**
+ * Factory function to create DropdownRenderer
+ *
+ * @example
+ * ```typescript
+ * // In column definition
+ * const column = {
+ *   field: 'status',
+ *   header: 'Status',
+ *   renderer: 'dropdown',
+ * };
+ *
+ * // Or create directly
+ * const renderer = createDropdownRenderer({
+ *   options: [
+ *     { label: 'Active', value: 'active' },
+ *     { label: 'Inactive', value: 'inactive' },
+ *     { label: 'Pending', value: 'pending' }
+ *   ],
+ *   searchable: true,
+ *   onChange: (value) => console.log('Status changed to:', value)
+ * });
+ * ```
+ */
+export declare function createDropdownRenderer(options: DropdownRendererOptions): DropdownRenderer;
+//# sourceMappingURL=dropdown-renderer.d.ts.map

package/dist/src/rendering/renderers/dropdown/dropdown-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/dropdown/dropdown-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAchE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBAAa,gBAAiB,YAAW,YAAY;IACnD,OAAO,CAAC,OAAO,CAcW;IAC1B,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,UAAU,CAAqB;IACvC,OAAO,CAAC,YAAY,CAAuB;gBAE/B,OAAO,GAAE,uBAA4B;IA0BjD,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAsDxD,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAiCxD,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAenC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS;CAavD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,uBAAuB,GAAG,gBAAgB,CAEzF"}

package/dist/src/rendering/renderers/dropdown/dropdown-state.d.ts

@@ -0,0 +1,57 @@
+import type { DropdownOption } from './dropdown-types';
+/**
+ * Global set to track all open dropdowns across all instances (singleton pattern)
+ */
+export declare const globalOpenDropdowns: Set<HTMLElement>;
+/**
+ * Manages dropdown state and selection
+ */
+export declare class DropdownState {
+    private filteredOptionsCache;
+    constructor();
+    /**
+     * Normalizes value to array format
+     */
+    normalizeValue(value: any): any[];
+    /**
+     * Gets option label for a value
+     */
+    getOptionLabel(value: any, options: DropdownOption[]): string;
+    /**
+     * Gets display text for the current value(s)
+     */
+    getDisplayText(value: any, options: DropdownOption[], multiSelect: boolean, multiSelectDisplay: 'tags' | 'count' | 'list', placeholder: string): string;
+    /**
+     * Filters options based on search query
+     */
+    filterOptions(query: string, options: DropdownOption[], caseSensitive: boolean): DropdownOption[];
+    /**
+     * Updates selected states in the menu
+     */
+    updateSelectedStates(menu: HTMLElement, selectedValues: any[]): void;
+    /**
+     * Applies filter to options list in the DOM
+     */
+    applyFilterToMenu(menu: HTMLElement, filteredOptions: DropdownOption[]): void;
+    /**
+     * Updates group headers visibility based on visible options
+     */
+    private updateGroupHeadersVisibility;
+    /**
+     * Opens dropdown menu
+     */
+    openDropdown(menu: HTMLElement, container: HTMLElement): void;
+    /**
+     * Closes dropdown menu
+     */
+    closeDropdown(menu: HTMLElement, container: HTMLElement): void;
+    /**
+     * Closes all other open dropdowns
+     */
+    private closeOtherDropdowns;
+    /**
+     * Clears search input and resets options display
+     */
+    clearSearch(menu: HTMLElement): void;
+}
+//# sourceMappingURL=dropdown-state.d.ts.map

package/dist/src/rendering/renderers/dropdown/dropdown-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-state.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/dropdown/dropdown-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD;;GAEG;AACH,eAAO,MAAM,mBAAmB,kBAAyB,CAAC;AAE1D;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,oBAAoB,CAA2C;;IAMvE;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE;IAOjC;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,MAAM;IAK7D;;OAEG;IACH,cAAc,CACZ,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,cAAc,EAAE,EACzB,WAAW,EAAE,OAAO,EACpB,kBAAkB,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,EAC7C,WAAW,EAAE,MAAM,GAClB,MAAM;IAyBT;;OAEG;IACH,aAAa,CACX,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,cAAc,EAAE,EACzB,aAAa,EAAE,OAAO,GACrB,cAAc,EAAE;IAkBnB;;OAEG;IACH,oBAAoB,CAAC,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,IAAI;IAuBpE;;OAEG;IACH,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,IAAI;IAiB7E;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAkBpC;;OAEG;IACH,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI;IAa7D;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI;IAW9D;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;OAEG;IACH,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;CAgBrC"}

package/dist/src/rendering/renderers/dropdown/dropdown-types.d.ts

@@ -0,0 +1,44 @@
+import type { RenderParams } from '../renderer.interface';
+/**
+ * Dropdown option definition
+ */
+export interface DropdownOption {
+    /** Display label for the option */
+    label: string;
+    /** Value for the option */
+    value: any;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+    /** Optional group for categorization */
+    group?: string;
+}
+/**
+ * Configuration options for DropdownRenderer
+ */
+export interface DropdownRendererOptions {
+    /** Array of dropdown options (default: empty array with warning) */
+    options?: DropdownOption[];
+    /** Enable search/filter functionality */
+    searchable?: boolean;
+    /** Allow multiple selections */
+    multiSelect?: boolean;
+    /** Allow custom values not in the options list */
+    allowCustom?: boolean;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Callback when value changes */
+    onChange?: (value: any | any[], params: RenderParams) => void;
+    /** Custom CSS class for the dropdown */
+    className?: string;
+    /** Maximum height for dropdown menu in pixels */
+    maxHeight?: number;
+    /** Display format for selected values in multi-select */
+    multiSelectDisplay?: 'tags' | 'count' | 'list';
+    /** Custom option renderer function */
+    optionRenderer?: (option: DropdownOption) => HTMLElement;
+    /** Case-sensitive search */
+    caseSensitiveSearch?: boolean;
+    /** Maximum number of visible options before scrolling */
+    maxVisibleOptions?: number;
+}
+//# sourceMappingURL=dropdown-types.d.ts.map

package/dist/src/rendering/renderers/dropdown/dropdown-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-types.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/dropdown/dropdown-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,KAAK,EAAE,GAAG,CAAC;IACX,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,sCAAsC;IACtC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,WAAW,CAAC;IACzD,4BAA4B;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B"}

package/dist/src/rendering/renderers/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownRenderer, createDropdownRenderer } from './dropdown-renderer';
+export type { DropdownRendererOptions, DropdownOption } from './dropdown-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/rendering/renderers/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC/E,YAAY,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/rendering/renderers/{image-renderer.d.ts → image/image-renderer.d.ts}

@@ -1,4 +1,4 @@
-import type { CellRenderer, RenderParams } from './renderer.interface';
+import type { CellRenderer, RenderParams } from '../renderer.interface';
 /**
  * Options for ImageRenderer
  */

package/dist/src/rendering/renderers/image/image-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/image/image-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IAE3D;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,aAAc,YAAW,YAAY;IAChD,OAAO,CAAC,OAAO,CAAuB;gBAE1B,OAAO,GAAE,oBAAyB;IAQ9C,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAsBxD,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAWxD,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAKnC,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;CAInB"}

package/dist/src/rendering/renderers/image/index.d.ts

@@ -0,0 +1,3 @@
+export { ImageRenderer } from './image-renderer';
+export type { ImageRendererOptions } from './image-renderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/rendering/renderers/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/rendering/renderers/index.d.ts

@@ -3,11 +3,13 @@
  */
 export type { CellRenderer, RenderParams } from './renderer.interface';
 export { RendererRegistry } from './renderer-registry';
-export { TextRenderer } from './text-renderer';
-export { NumberRenderer } from './number-renderer';
-export type { NumberRendererOptions } from './number-renderer';
-export { ImageRenderer } from './image-renderer';
-export type { ImageRendererOptions } from './image-renderer';
-export { AdvancedCellRenderer } from './advanced-cell-renderer';
-export type { AdvancedCellRendererOptions, CompositeElement, ConditionalStyle, } from './advanced-cell-renderer';
+export { TextRenderer } from './text';
+export { NumberRenderer } from './number';
+export type { NumberRendererOptions } from './number';
+export { ImageRenderer } from './image';
+export type { ImageRendererOptions } from './image';
+export { AdvancedCellRenderer } from './advanced-cell';
+export type { AdvancedCellRendererOptions, CompositeElement, ConditionalStyle, } from './advanced-cell';
+export { DatePickerRenderer, createDatePickerRenderer, TimePickerRenderer, createTimePickerRenderer, DateTimePickerRenderer, createDateTimePickerRenderer, DateRenderer, createDateRenderer, TimeRenderer, createTimeRenderer, DateTimeRenderer, createDateTimeRenderer, } from './datetime';
+export type { DatePickerRendererOptions, TimePickerRendererOptions, DateTimePickerRendererOptions, DateRendererOptions, TimeRendererOptions, DateTimeRendererOptions, TimeValue, TimeFormat, } from './datetime';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/rendering/renderers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/rendering/renderers/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/rendering/renderers/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAEL,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,4BAA4B,EAE5B,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,6BAA6B,EAC7B,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,SAAS,EACT,UAAU,GACX,MAAM,YAAY,CAAC"}

package/dist/src/rendering/renderers/link/index.d.ts

@@ -0,0 +1,3 @@
+export { LinkRenderer, createLinkRenderer } from './link-renderer';
+export type { LinkRendererOptions } from './link-renderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/rendering/renderers/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/rendering/renderers/link/link-renderer.d.ts

@@ -0,0 +1,124 @@
+import type { CellRenderer, RenderParams } from '../renderer.interface';
+/**
+ * Configuration options for LinkRenderer
+ */
+export interface LinkRendererOptions {
+    /** Link target attribute: '_blank' (new tab) or '_self' (same tab, default) */
+    target?: '_blank' | '_self';
+    /** Custom CSS class for the link */
+    className?: string;
+    /** Callback when link is clicked (can prevent default navigation) */
+    onClick?: (url: string, params: RenderParams) => void | boolean;
+    /** URL prefix to prepend to all links (e.g., 'https://') */
+    urlPrefix?: string;
+    /** Field name to use for href if different from display value */
+    hrefField?: string;
+    /** Whether to add rel="noopener noreferrer" for security (default: true for _blank) */
+    noOpener?: boolean;
+    /** Custom label to display instead of the URL */
+    label?: string | ((params: RenderParams) => string);
+    /** Whether the link should be disabled (not clickable) */
+    disabled?: boolean | ((params: RenderParams) => boolean);
+}
+/**
+ * LinkRenderer - Renders clickable hyperlinks in grid cells
+ *
+ * Features:
+ * - Clickable hyperlinks with configurable targets (_blank, _self)
+ * - URL prefix support for relative URLs
+ * - Separate href field support (display one value, link to another)
+ * - Custom onClick handler with default prevention
+ * - Security: automatic rel="noopener noreferrer" for _blank targets
+ * - ARIA attributes for accessibility
+ * - Disabled state support
+ * - Custom label support (static or function)
+ *
+ * Performance: Optimized for virtual scrolling with update() method
+ *
+ * @example
+ * ```typescript
+ * // Simple link renderer
+ * const renderer = new LinkRenderer({
+ *   target: '_blank',
+ *   urlPrefix: 'https://'
+ * });
+ *
+ * // With custom href field
+ * const renderer = new LinkRenderer({
+ *   hrefField: 'url',
+ *   target: '_blank',
+ *   onClick: (url, params) => {
+ *     console.log('Clicked:', url);
+ *     return false; // Prevent default navigation
+ *   }
+ * });
+ *
+ * // With custom label
+ * const renderer = new LinkRenderer({
+ *   label: 'Click here',
+ *   hrefField: 'url'
+ * });
+ *
+ * // With dynamic label and disabled
+ * const renderer = new LinkRenderer({
+ *   label: (params) => params.rowData?.linkText || 'Link',
+ *   disabled: (params) => !params.rowData?.active
+ * });
+ * ```
+ */
+export declare class LinkRenderer implements CellRenderer {
+    private options;
+    private eventHandlers;
+    constructor(options?: LinkRendererOptions);
+    /**
+     * Initial render - creates link structure
+     */
+    render(element: HTMLElement, params: RenderParams): void;
+    /**
+     * Update existing link - called on value/state changes
+     * Optimized for performance during scrolling
+     */
+    update(element: HTMLElement, params: RenderParams): void;
+    /**
+     * Cleanup before element returns to pool
+     */
+    destroy(element: HTMLElement): void;
+    /**
+     * Optional: Return CSS class based on link state
+     */
+    getCellClass(params: RenderParams): string | undefined;
+    /**
+     * Get the URL to link to
+     */
+    private getUrl;
+    /**
+     * Get the display label for the link
+     */
+    private getLabel;
+    /**
+     * Check if the link is disabled
+     */
+    private isDisabled;
+}
+/**
+ * Factory function to create a LinkRenderer instance
+ *
+ * @example
+ * ```typescript
+ * // In column definition
+ * const column = {
+ *   field: 'website',
+ *   header: 'Website',
+ *   renderer: 'link', // Registered name
+ * };
+ *
+ * // Or create directly
+ * const renderer = createLinkRenderer({
+ *   target: '_blank',
+ *   urlPrefix: 'https://example.com/',
+ *   onClick: (url) => console.log('Navigating to:', url)
+ * });
+ * ```
+ */
+export declare function createLinkRenderer(options?: LinkRendererOptions): LinkRenderer;
+//# sourceMappingURL=link-renderer.d.ts.map

package/dist/src/rendering/renderers/link/link-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/link/link-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC;IAChE,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC;IACpD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC,CAAC;CAC1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBAAa,YAAa,YAAW,YAAY;IAC/C,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,aAAa,CAAuC;gBAEhD,OAAO,GAAE,mBAAwB;IAS7C;;OAEG;IACH,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAqDxD;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAuDxD;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAgBnC;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS;IAetD;;OAEG;IACH,OAAO,CAAC,MAAM;IA2Bd;;OAEG;IACH,OAAO,CAAC,QAAQ;IAgBhB;;OAEG;IACH,OAAO,CAAC,UAAU;CAWnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,mBAAwB,GAAG,YAAY,CAElF"}

package/dist/src/rendering/renderers/number/index.d.ts

@@ -0,0 +1,3 @@
+export { NumberRenderer } from './number-renderer';
+export type { NumberRendererOptions } from './number-renderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/rendering/renderers/number/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/number/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/rendering/renderers/{number-renderer.d.ts → number/number-renderer.d.ts}

@@ -1,4 +1,4 @@
-import type { CellRenderer, RenderParams } from './renderer.interface';
+import type { CellRenderer, RenderParams } from '../renderer.interface';
 /**
  * Options for NumberRenderer
  */

package/dist/src/rendering/renderers/number/number-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/number/number-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,cAAe,YAAW,YAAY;IACjD,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,aAAa,CAAS;gBAElB,OAAO,GAAE,qBAA0B;IAU/C,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAKxD,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAYxD,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;CAIpC"}

package/dist/src/rendering/renderers/progress-bar/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressBarRenderer, createProgressBarRenderer } from './progress-bar-renderer';
+export type { ProgressBarRendererOptions, ProgressColorThreshold } from './progress-bar-renderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/rendering/renderers/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzF,YAAY,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/rendering/renderers/progress-bar/progress-bar-renderer.d.ts

@@ -0,0 +1,134 @@
+import type { CellRenderer, RenderParams } from '../renderer.interface';
+/**
+ * Color threshold configuration for progress bar
+ */
+export interface ProgressColorThreshold {
+    /** Threshold value (0-100) */
+    value: number;
+    /** Color to use when progress >= threshold */
+    color: string;
+}
+/**
+ * Configuration options for ProgressBarRenderer
+ */
+export interface ProgressBarRendererOptions {
+    /** Minimum value (default: 0) */
+    min?: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Whether to show percentage text (default: true) */
+    showValue?: boolean;
+    /** Custom format function for displayed value */
+    valueFormatter?: (value: number, percentage: number) => string;
+    /** Single color for progress bar */
+    color?: string;
+    /** Color thresholds for dynamic coloring (e.g., red < 30, yellow < 70, green >= 70) */
+    colorThresholds?: ProgressColorThreshold[];
+    /** Background color for empty portion */
+    backgroundColor?: string;
+    /** Height of progress bar in pixels (default: 20) */
+    height?: number;
+    /** Border radius in pixels (default: 4) */
+    borderRadius?: number;
+    /** Whether to animate progress bar (default: false) */
+    animated?: boolean;
+    /** Custom CSS class for the progress bar */
+    className?: string;
+    /** Callback when progress bar is clicked */
+    onClick?: (value: number, params: RenderParams) => void;
+}
+/**
+ * ProgressBarRenderer - Renders a visual progress bar (0-100%)
+ *
+ * Features:
+ * - Visual progress bar with customizable colors
+ * - Percentage text display (optional)
+ * - Color thresholds (e.g., red/yellow/green based on value)
+ * - Min/max value support for custom ranges
+ * - Custom value formatting
+ * - Smooth animations (optional)
+ * - ARIA attributes for accessibility
+ * - Event handlers for interactions
+ *
+ * Performance: Optimized for virtual scrolling with update() method
+ *
+ * @example
+ * ```typescript
+ * const renderer = new ProgressBarRenderer({
+ *   colorThresholds: [
+ *     { value: 0, color: '#dc3545' },  // red for 0-30%
+ *     { value: 30, color: '#ffc107' }, // yellow for 30-70%
+ *     { value: 70, color: '#28a745' }  // green for 70-100%
+ *   ],
+ *   showValue: true,
+ *   animated: true
+ * });
+ * ```
+ */
+export declare class ProgressBarRenderer implements CellRenderer {
+    private options;
+    private eventHandlers;
+    constructor(options?: ProgressBarRendererOptions);
+    /**
+     * Initial render - creates progress bar structure
+     */
+    render(element: HTMLElement, params: RenderParams): void;
+    /**
+     * Update existing progress bar - called on value changes
+     * Optimized for performance during scrolling
+     */
+    update(element: HTMLElement, params: RenderParams): void;
+    /**
+     * Cleanup before element returns to pool
+     */
+    destroy(element: HTMLElement): void;
+    /**
+     * Optional: Return CSS class based on progress value
+     */
+    getCellClass(params: RenderParams): string | undefined;
+    /**
+     * Parse value to number
+     */
+    private parseValue;
+    /**
+     * Calculate percentage from value
+     */
+    private calculatePercentage;
+    /**
+     * Get color for progress bar based on percentage
+     */
+    private getProgressColor;
+    /**
+     * Create container element
+     */
+    private createContainer;
+    /**
+     * Set ARIA attributes for accessibility
+     */
+    private setAriaAttributes;
+}
+/**
+ * Factory function to create ProgressBarRenderer
+ *
+ * @example
+ * ```typescript
+ * // In column definition
+ * const column = {
+ *   field: 'completion',
+ *   header: 'Progress',
+ *   renderer: 'progress', // Registered name
+ * };
+ *
+ * // Or create directly
+ * const renderer = createProgressBarRenderer({
+ *   colorThresholds: [
+ *     { value: 0, color: '#dc3545' },
+ *     { value: 50, color: '#ffc107' },
+ *     { value: 80, color: '#28a745' }
+ *   ],
+ *   animated: true
+ * });
+ * ```
+ */
+export declare function createProgressBarRenderer(options?: ProgressBarRendererOptions): ProgressBarRenderer;
+//# sourceMappingURL=progress-bar-renderer.d.ts.map

package/dist/src/rendering/renderers/progress-bar/progress-bar-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/rendering/renderers/progress-bar/progress-bar-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/D,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC3C,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CACzD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,mBAAoB,YAAW,YAAY;IACtD,OAAO,CAAC,OAAO,CAOb;IACF,OAAO,CAAC,aAAa,CAAuC;gBAEhD,OAAO,GAAE,0BAA+B;IAmBpD;;OAEG;IACH,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IA6DxD;;;OAGG;IACH,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IA4CxD;;OAEG;IACH,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAenC;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS;IAgBtD;;OAEG;IACH,OAAO,CAAC,UAAU;IASlB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAM3B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0BxB;;OAEG;IACH,OAAO,CAAC,eAAe;IAavB;;OAEG;IACH,OAAO,CAAC,iBAAiB;CAO1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,0BAA+B,GACvC,mBAAmB,CAErB"}