@toolbox-web/grid 0.2.7 → 0.3.0

package/lib/plugins/pivot/pivot-engine.d.ts

@@ -0,0 +1,50 @@
+import { PivotConfig, PivotResult, PivotRow, PivotValueField } from './types';
+export type PivotDataRow = Record<string, unknown>;
+/**
+ * Build a hierarchical pivot result from flat data.
+ * Supports multiple row group fields for nested hierarchy.
+ */
+export declare function buildPivot(rows: PivotDataRow[], config: PivotConfig): PivotResult;
+/**
+ * Get unique column key combinations from the data.
+ */
+export declare function getUniqueColumnKeys(rows: PivotDataRow[], columnFields: string[]): string[];
+/**
+ * Group rows by a single field.
+ */
+export declare function groupByField(rows: PivotDataRow[], field: string): Map<string, PivotDataRow[]>;
+/**
+ * Group rows by multiple fields (legacy flat grouping).
+ */
+export declare function groupByFields(rows: PivotDataRow[], fields: string[]): Map<string, PivotDataRow[]>;
+/**
+ * Build hierarchical pivot rows recursively.
+ * Each level of rowGroupFields creates a new depth level.
+ */
+export declare function buildHierarchicalPivotRows(rows: PivotDataRow[], rowGroupFields: string[], columnFields: string[], columnKeys: string[], valueFields: PivotValueField[], depth: number, parentKey: string): PivotRow[];
+/**
+ * Aggregate values for a set of rows across all column keys.
+ */
+export declare function aggregateValues(rows: PivotDataRow[], columnFields: string[], columnKeys: string[], valueFields: PivotValueField[]): Record<string, number | null>;
+/**
+ * Calculate the total for a row's values.
+ */
+export declare function calculateRowTotal(values: Record<string, number | null>): number;
+/**
+ * Legacy flat pivot row building (for backwards compatibility).
+ */
+export declare function buildPivotRows(groupedData: Map<string, PivotDataRow[]>, columnFields: string[], columnKeys: string[], valueFields: PivotValueField[], depth: number): PivotRow[];
+/**
+ * Calculate grand totals across all pivot rows.
+ */
+export declare function calculateTotals(pivotRows: PivotRow[], columnKeys: string[], valueFields: PivotValueField[]): Record<string, number>;
+/**
+ * Flatten hierarchical pivot rows for rendering.
+ * Respects expanded state - only includes children of expanded groups.
+ */
+export declare function flattenPivotRows(rows: PivotRow[], expandedKeys?: Set<string>, defaultExpanded?: boolean): PivotRow[];
+/**
+ * Get all group keys from pivot rows (for expand all / collapse all).
+ */
+export declare function getAllGroupKeys(rows: PivotRow[]): string[];
+//# sourceMappingURL=pivot-engine.d.ts.map

package/lib/plugins/pivot/pivot-engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot-engine.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pivot/pivot-engine.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEnF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,WAAW,CA6BjF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAS1F;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAc7F;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAcjG;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,YAAY,EAAE,EACpB,cAAc,EAAE,MAAM,EAAE,EACxB,YAAY,EAAE,MAAM,EAAE,EACtB,UAAU,EAAE,MAAM,EAAE,EACpB,WAAW,EAAE,eAAe,EAAE,EAC9B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,QAAQ,EAAE,CA+DZ;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,YAAY,EAAE,EACpB,YAAY,EAAE,MAAM,EAAE,EACtB,UAAU,EAAE,MAAM,EAAE,EACpB,WAAW,EAAE,eAAe,EAAE,GAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAqB/B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,MAAM,CAM/E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EACxC,YAAY,EAAE,MAAM,EAAE,EACtB,UAAU,EAAE,MAAM,EAAE,EACpB,WAAW,EAAE,eAAe,EAAE,EAC9B,KAAK,EAAE,MAAM,GACZ,QAAQ,EAAE,CAmBZ;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,QAAQ,EAAE,EACrB,UAAU,EAAE,MAAM,EAAE,EACpB,WAAW,EAAE,eAAe,EAAE,GAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAsBxB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,eAAe,UAAO,GAAG,QAAQ,EAAE,CAsBjH;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,CAmB1D"}

package/lib/plugins/pivot/pivot-model.d.ts

@@ -0,0 +1,6 @@
+import { getValueAggregator } from '../../core/internal/aggregators';
+import { PivotConfig } from './types';
+export declare const getPivotAggregator: typeof getValueAggregator;
+export declare function validatePivotConfig(config: PivotConfig): string[];
+export declare function createValueKey(columnValues: string[], valueField: string): string;
+//# sourceMappingURL=pivot-model.d.ts.map

package/lib/plugins/pivot/pivot-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot-model.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pivot/pivot-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,eAAO,MAAM,kBAAkB,2BAAqB,CAAC;AAErD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAYjE;AAED,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAEjF"}

package/lib/plugins/pivot/pivot-panel.d.ts

@@ -0,0 +1,25 @@
+import { AggFunc, PivotConfig } from './types';
+/** All available aggregation functions */
+export declare const AGG_FUNCS: AggFunc[];
+/** Field info for available fields */
+export interface FieldInfo {
+    field: string;
+    header: string;
+}
+/** Callbacks for panel interactions */
+export interface PanelCallbacks {
+    onTogglePivot: (enabled: boolean) => void;
+    onAddFieldToZone: (field: string, zone: 'rowGroups' | 'columnGroups') => void;
+    onRemoveFieldFromZone: (field: string, zone: 'rowGroups' | 'columnGroups') => void;
+    onAddValueField: (field: string, aggFunc: AggFunc) => void;
+    onRemoveValueField: (field: string) => void;
+    onUpdateValueAggFunc: (field: string, aggFunc: AggFunc) => void;
+    onOptionChange: (option: 'showTotals' | 'showGrandTotal', value: boolean) => void;
+    getAvailableFields: () => FieldInfo[];
+}
+/**
+ * Render the complete pivot panel content.
+ * Returns a cleanup function that removes all event listeners and DOM elements.
+ */
+export declare function renderPivotPanel(container: HTMLElement, config: PivotConfig, isActive: boolean, callbacks: PanelCallbacks): () => void;
+//# sourceMappingURL=pivot-panel.d.ts.map

package/lib/plugins/pivot/pivot-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot-panel.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pivot/pivot-panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAC;AAErE,0CAA0C;AAC1C,eAAO,MAAM,SAAS,EAAE,OAAO,EAA2D,CAAC;AAE3F,sCAAsC;AACtC,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,uCAAuC;AACvC,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,cAAc,KAAK,IAAI,CAAC;IAC9E,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,cAAc,KAAK,IAAI,CAAC;IACnF,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,gBAAgB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,kBAAkB,EAAE,MAAM,SAAS,EAAE,CAAC;CACvC;AASD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,cAAc,GACxB,MAAM,IAAI,CA8BZ"}

package/lib/plugins/pivot/pivot-rows.d.ts

@@ -0,0 +1,33 @@
+import { ColumnConfig, IconValue } from '../../core/types';
+/** Row data with pivot metadata */
+export interface PivotRowData {
+    __pivotRowKey?: string;
+    __pivotLabel?: string;
+    __pivotDepth?: number;
+    __pivotIndent?: number;
+    __pivotExpanded?: boolean;
+    __pivotHasChildren?: boolean;
+    __pivotRowCount?: number;
+    __pivotIsGrandTotal?: boolean;
+    [key: string]: unknown;
+}
+/** Context for row rendering */
+export interface RowRenderContext {
+    columns: ColumnConfig[];
+    onToggle: (key: string) => void;
+    resolveIcon: (iconKey: 'expand' | 'collapse') => IconValue;
+    setIcon: (element: HTMLElement, icon: IconValue) => void;
+}
+/**
+ * Render a pivot group row (has children, can expand/collapse).
+ */
+export declare function renderPivotGroupRow(row: PivotRowData, rowEl: HTMLElement, ctx: RowRenderContext): boolean;
+/**
+ * Render a pivot leaf row (no children, just indentation).
+ */
+export declare function renderPivotLeafRow(row: PivotRowData, rowEl: HTMLElement, columns: ColumnConfig[]): boolean;
+/**
+ * Render the grand total row.
+ */
+export declare function renderPivotGrandTotalRow(row: PivotRowData, rowEl: HTMLElement, columns: ColumnConfig[]): boolean;
+//# sourceMappingURL=pivot-rows.d.ts.map

package/lib/plugins/pivot/pivot-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot-rows.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pivot/pivot-rows.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEhE,mCAAmC;AACnC,MAAM,WAAW,YAAY;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,gCAAgC;AAChC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,GAAG,UAAU,KAAK,SAAS,CAAC;IAC3D,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,gBAAgB,GAAG,OAAO,CAsDzG;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,CAgC1G;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,CA4BhH"}

package/lib/plugins/pivot/types.d.ts

@@ -0,0 +1,62 @@
+import { ExpandCollapseAnimation } from '../../core/types';
+export type { ExpandCollapseAnimation } from '../../core/types';
+/** Available aggregation function types */
+export type AggFunc = 'sum' | 'avg' | 'count' | 'min' | 'max' | 'first' | 'last';
+export interface PivotConfig {
+    /** Whether pivot view is active on load (default: true when fields are configured) */
+    active?: boolean;
+    rowGroupFields?: string[];
+    columnGroupFields?: string[];
+    valueFields?: PivotValueField[];
+    showTotals?: boolean;
+    showGrandTotal?: boolean;
+    /** Whether groups are expanded by default (default: true) */
+    defaultExpanded?: boolean;
+    /** Indent width per depth level in pixels (default: 20) */
+    indentWidth?: number;
+    /** Whether to show the pivot configuration tool panel (default: true) */
+    showToolPanel?: boolean;
+    /**
+     * Animation style for expanding/collapsing groups.
+     * - `false`: No animation
+     * - `'slide'`: Slide animation (default)
+     * - `'fade'`: Fade animation
+     * @default 'slide'
+     */
+    animation?: ExpandCollapseAnimation;
+}
+export interface PivotValueField {
+    field: string;
+    aggFunc: AggFunc;
+    header?: string;
+}
+export interface PivotState {
+    isActive: boolean;
+    pivotResult: PivotResult | null;
+    expandedKeys: Set<string>;
+}
+export interface PivotResult {
+    rows: PivotRow[];
+    columnKeys: string[];
+    totals: Record<string, number>;
+    grandTotal: number;
+}
+export interface PivotRow {
+    /** Unique key for this row (hierarchical path) */
+    rowKey: string;
+    /** Display label for this row */
+    rowLabel: string;
+    /** Depth level (0 = top level) */
+    depth: number;
+    /** Aggregated values by column key */
+    values: Record<string, number | null>;
+    /** Row total across all columns */
+    total?: number;
+    /** Whether this row has children (is a group header) */
+    isGroup: boolean;
+    /** Child rows (for hierarchical grouping) */
+    children?: PivotRow[];
+    /** Number of data rows in this group */
+    rowCount?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/plugins/pivot/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pivot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhE,2CAA2C;AAC3C,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjF,MAAM,WAAW,WAAW;IAC1B,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;IACtC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/plugins/reorder/ReorderPlugin.d.ts

@@ -0,0 +1,81 @@
+import { BaseGridPlugin } from '../../core/plugin/base-plugin';
+import { ReorderConfig } from './types';
+/**
+ * Column Reordering Plugin for tbw-grid
+ *
+ * @example
+ * ```ts
+ * new ReorderPlugin()
+ * ```
+ */
+export declare class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {
+    readonly name = "reorder";
+    readonly version = "1.0.0";
+    protected get defaultConfig(): Partial<ReorderConfig>;
+    /**
+     * Resolve animation type from plugin config.
+     * Respects grid-level animation.mode (disabled = no animation).
+     */
+    private get animationType();
+    /**
+     * Check if animations are enabled at the grid level.
+     * Respects gridConfig.animation.mode and CSS variable.
+     */
+    private get isAnimationEnabled();
+    /**
+     * Get animation duration from CSS variable (set by grid config).
+     */
+    private get animationDuration();
+    private isDragging;
+    private draggedField;
+    private draggedIndex;
+    private dropIndex;
+    attach(grid: import('../../core/plugin/base-plugin').GridElement): void;
+    detach(): void;
+    afterRender(): void;
+    /**
+     * Handle Alt+Arrow keyboard shortcuts for column reordering.
+     */
+    onKeyDown(event: KeyboardEvent): boolean | void;
+    /**
+     * Get the current column order from the grid.
+     * @returns Array of field names in display order
+     */
+    getColumnOrder(): string[];
+    /**
+     * Move a column to a new position.
+     * @param field - The field name of the column to move
+     * @param toIndex - The target index
+     */
+    moveColumn(field: string, toIndex: number): void;
+    /**
+     * Set a specific column order.
+     * @param order - Array of field names in desired order
+     */
+    setColumnOrder(order: string[]): void;
+    /**
+     * Reset column order to the original configuration order.
+     */
+    resetColumnOrder(): void;
+    /**
+     * Capture header cell positions before reorder.
+     */
+    private captureHeaderPositions;
+    /**
+     * Apply FLIP animation for column reorder.
+     * Uses CSS transitions - JS sets initial transform and toggles class.
+     * @param oldPositions - Header positions captured before DOM change
+     */
+    private animateFLIP;
+    /**
+     * Apply crossfade animation for moved columns.
+     * Uses CSS keyframes - JS just toggles classes.
+     */
+    private animateFade;
+    /**
+     * Update column order with configured animation.
+     */
+    private updateColumnOrder;
+    readonly styles: string;
+}
+//# sourceMappingURL=ReorderPlugin.d.ts.map

package/lib/plugins/reorder/ReorderPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/reorder/ReorderPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAkB,MAAM,+BAA+B,CAAC;AAI/E,OAAO,KAAK,EAAoB,aAAa,EAAE,MAAM,SAAS,CAAC;AAa/D;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC9D,QAAQ,CAAC,IAAI,aAAa;IAC1B,SAAkB,OAAO,WAAW;IAEpC,cAAuB,aAAa,IAAI,OAAO,CAAC,aAAa,CAAC,CAI7D;IAED;;;OAGG;IACH,OAAO,KAAK,aAAa,GAYxB;IAED;;;OAGG;IACH,OAAO,KAAK,kBAAkB,GAkB7B;IAED;;OAEG;IACH,OAAO,KAAK,iBAAiB,GAe5B;IAGD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,SAAS,CAAuB;IAK/B,MAAM,CAAC,IAAI,EAAE,OAAO,+BAA+B,EAAE,WAAW,GAAG,IAAI;IAiBvE,MAAM,IAAI,IAAI;IAUd,WAAW,IAAI,IAAI;IAyG5B;;OAEG;IACM,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,GAAG,IAAI;IAuDxD;;;OAGG;IACH,cAAc,IAAI,MAAM,EAAE;IAI1B;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAkBhD;;;OAGG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAIrC;;OAEG;IACH,gBAAgB,IAAI,IAAI;IAQxB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAS9B;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAmDnB;;;OAGG;IACH,OAAO,CAAC,WAAW;IAgDnB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAqBzB,SAAkB,MAAM,SAAU;CAEnC"}

package/lib/plugins/reorder/column-drag.d.ts

@@ -0,0 +1,41 @@
+import { ColumnConfig } from '../../core/types';
+/**
+ * Check if a column can be moved based on its own metadata.
+ * This checks column-level properties like lockPosition and suppressMovable.
+ *
+ * Note: For full movability checks including plugin constraints (e.g., pinned columns),
+ * use `grid.queryPlugins({ type: PLUGIN_QUERIES.CAN_MOVE_COLUMN, context: column })`
+ * which queries all plugins via the generic plugin query system.
+ *
+ * @param column - The column configuration to check
+ * @returns True if the column can be moved based on its metadata
+ */
+export declare function canMoveColumn<TRow = unknown>(column: ColumnConfig<TRow>): boolean;
+/**
+ * Move a column from one position to another in the order array.
+ *
+ * @param columns - Array of field names in current order
+ * @param fromIndex - The current index of the column to move
+ * @param toIndex - The target index to move the column to
+ * @returns New array with updated order
+ */
+export declare function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[];
+/**
+ * Calculate the drop index based on the current drag position.
+ *
+ * @param dragX - The current X position of the drag
+ * @param headerRect - The bounding rect of the header container
+ * @param columnWidths - Array of column widths in order
+ * @returns The index where the column should be dropped
+ */
+export declare function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number;
+/**
+ * Reorder columns according to a specified order.
+ * Columns not in the order array are appended at the end.
+ *
+ * @param columns - Array of column configurations
+ * @param order - Array of field names specifying the desired order
+ * @returns New array of columns in the specified order
+ */
+export declare function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[];
+//# sourceMappingURL=column-drag.d.ts.map

package/lib/plugins/reorder/column-drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-drag.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/reorder/column-drag.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,OAAO,CAIjF;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAS1F;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAM,CAU/F;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAmBnH"}

package/lib/plugins/reorder/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Reorder Plugin Entry Point
+ * Re-exports plugin class and types for tree-shakeable imports.
+ */
+export { ReorderPlugin } from './ReorderPlugin';
+export type { ReorderAnimation, ReorderConfig } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/plugins/reorder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/reorder/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/lib/plugins/reorder/index.js

@@ -1,34 +1,37 @@
-function E(a, t) {
-  if (a._virtualization?.enabled) {
-    const { rowHeight: n, container: o, viewportEl: l } = a._virtualization, s = o, d = l?.clientHeight ?? s?.clientHeight ?? 0;
+function E(n) {
+  n && n.querySelectorAll(".cell-focus").forEach((t) => t.classList.remove("cell-focus"));
+}
+const R = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+function y(n, t) {
+  if (n._virtualization?.enabled) {
+    const { rowHeight: a, container: o, viewportEl: l } = n._virtualization, s = o, d = l?.clientHeight ?? s?.clientHeight ?? 0;
     if (s && d > 0) {
-      const f = a._focusRow * n;
-      f < s.scrollTop ? s.scrollTop = f : f + n > s.scrollTop + d && (s.scrollTop = f - d + n);
+      const f = n._focusRow * a;
+      f < s.scrollTop ? s.scrollTop = f : f + a > s.scrollTop + d && (s.scrollTop = f - d + a);
     }
   }
-  a._activeEditRows !== void 0 && a._activeEditRows !== -1 || a.refreshVirtualWindow(!1), Array.from(a._bodyEl.querySelectorAll(".cell-focus")).forEach((n) => n.classList.remove("cell-focus")), Array.from(a._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((n) => {
-    n.setAttribute("aria-selected", "false");
+  const e = n._activeEditRows !== void 0 && n._activeEditRows !== -1;
+  e || n.refreshVirtualWindow(!1), E(n._bodyEl), Array.from(n._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((a) => {
+    a.setAttribute("aria-selected", "false");
   });
-  const i = a._focusRow, r = a._virtualization.start ?? 0, c = a._virtualization.end ?? a._rows.length;
+  const i = n._focusRow, r = n._virtualization.start ?? 0, c = n._virtualization.end ?? n._rows.length;
   if (i >= r && i < c) {
-    const n = a._bodyEl.querySelectorAll(".data-grid-row")[i - r], o = n?.children[a._focusCol];
+    const a = n._bodyEl.querySelectorAll(".data-grid-row")[i - r], o = a?.children[n._focusCol];
     if (o) {
       o.classList.add("cell-focus"), o.setAttribute("aria-selected", "true");
-      const l = a.shadowRoot?.querySelector(".tbw-scroll-area");
-      if (l && o) {
-        const s = a._getHorizontalScrollOffsets?.(n ?? void 0, o) ?? { left: 0, right: 0 };
+      const l = n.shadowRoot?.querySelector(".tbw-scroll-area");
+      if (l && o && !e) {
+        const s = n._getHorizontalScrollOffsets?.(a ?? void 0, o) ?? { left: 0, right: 0 };
         if (!s.skipScroll) {
           const d = o.getBoundingClientRect(), f = l.getBoundingClientRect(), u = d.left - f.left + l.scrollLeft, g = u + d.width, h = l.scrollLeft + s.left, m = l.scrollLeft + l.clientWidth - s.right;
           u < h ? l.scrollLeft = u - s.left : g > m && (l.scrollLeft = g - l.clientWidth + s.right);
         }
       }
-      if (a._activeEditRows !== void 0 && a._activeEditRows !== -1 && o.classList.contains("editing")) {
-        const s = o.querySelector(
-          'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
-        );
+      if (n._activeEditRows !== void 0 && n._activeEditRows !== -1 && o.classList.contains("editing")) {
+        const s = o.querySelector(R);
         if (s && document.activeElement !== s)
           try {
-            s.focus();
+            s.focus({ preventScroll: !0 });
           } catch {
           }
       } else if (!o.contains(document.activeElement)) {
@@ -41,7 +44,7 @@ function E(a, t) {
     }
   }
 }
-const R = {
+const L = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -54,7 +57,7 @@ const R = {
   /** Ask if a column can be moved. Context: ColumnConfig. Response: boolean | undefined */
   CAN_MOVE_COLUMN: "canMoveColumn"
 };
-class y {
+class A {
   /** Plugin version - override in subclass if needed */
   version = "1.0.0";
   /** CSS styles to inject into the grid's shadow DOM */
@@ -179,7 +182,7 @@ class y {
    */
   get gridIcons() {
     const t = this.grid?.gridConfig?.icons ?? {};
-    return { ...R, ...t };
+    return { ...L, ...t };
   }
   /**
    * Resolve an icon value to string or HTMLElement.
@@ -210,17 +213,17 @@ class y {
   }
   // #endregion
 }
-function w(a) {
-  const t = a.meta ?? {};
+function w(n) {
+  const t = n.meta ?? {};
   return t.lockPosition !== !0 && t.suppressMovable !== !0;
 }
-function v(a, t, e) {
-  if (t === e || t < 0 || t >= a.length || e < 0 || e > a.length) return a;
-  const i = [...a], [r] = i.splice(t, 1);
+function v(n, t, e) {
+  if (t === e || t < 0 || t >= n.length || e < 0 || e > n.length) return n;
+  const i = [...n], [r] = i.splice(t, 1);
   return i.splice(e, 0, r), i;
 }
-const A = '.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}';
-class L extends y {
+const O = '.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}';
+class x extends A {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
@@ -288,11 +291,11 @@ class L extends y {
     t.querySelectorAll(".header-row > .cell").forEach((i) => {
       const r = i, c = r.getAttribute("data-field");
       if (!c) return;
-      const n = this.columns.find((d) => d.field === c), s = !this.grid.queryPlugins({
+      const a = this.columns.find((d) => d.field === c), s = !this.grid.queryPlugins({
         type: p.CAN_MOVE_COLUMN,
-        context: n
+        context: a
       }).includes(!1);
-      if (!n || !w(n) || !s) {
+      if (!a || !w(a) || !s) {
         r.draggable = !1;
         return;
       }
@@ -334,8 +337,8 @@ class L extends y {
     if (i < 0 || i >= r.length) return;
     const c = r[i];
     if (!c || !w(c)) return;
-    const n = this.grid;
-    if (n.queryPlugins({
+    const a = this.grid;
+    if (a.queryPlugins({
       type: p.CAN_MOVE_COLUMN,
       context: c
     }).includes(!1)) return;
@@ -344,11 +347,11 @@ class L extends y {
     const d = t.key === "ArrowLeft" ? s - 1 : s + 1;
     if (d < 0 || d >= l.length) return;
     const f = r.find((u) => u.field === l[d]);
-    if (!(f && n.queryPlugins({
+    if (!(f && a.queryPlugins({
       type: p.CAN_MOVE_COLUMN,
       context: f
     }).includes(!1)))
-      return this.moveColumn(c.field, d), e._focusCol = d, E(this.grid), t.preventDefault(), t.stopPropagation(), !0;
+      return this.moveColumn(c.field, d), e._focusCol = d, y(this.grid), t.preventDefault(), t.stopPropagation(), !0;
   }
   // #endregion
   // #region Public API
@@ -410,30 +413,30 @@ class L extends y {
     const e = this.shadowRoot;
     if (!e || t.size === 0) return;
     const i = /* @__PURE__ */ new Map();
-    if (e.querySelectorAll(".header-row > .cell[data-field]").forEach((n) => {
-      const o = n.getAttribute("data-field");
+    if (e.querySelectorAll(".header-row > .cell[data-field]").forEach((a) => {
+      const o = a.getAttribute("data-field");
       if (!o) return;
       const l = t.get(o);
       if (l === void 0) return;
-      const s = l - n.getBoundingClientRect().left;
+      const s = l - a.getBoundingClientRect().left;
       Math.abs(s) > 1 && i.set(o, s);
     }), i.size === 0) return;
     const r = [];
-    if (e.querySelectorAll(".cell[data-field]").forEach((n) => {
-      const o = i.get(n.getAttribute("data-field") ?? "");
+    if (e.querySelectorAll(".cell[data-field]").forEach((a) => {
+      const o = i.get(a.getAttribute("data-field") ?? "");
       if (o !== void 0) {
-        const l = n;
+        const l = a;
         l.style.transform = `translateX(${o}px)`, r.push(l);
       }
     }), r.length === 0) return;
     e.host.offsetHeight;
     const c = this.animationDuration;
     requestAnimationFrame(() => {
-      r.forEach((n) => {
-        n.classList.add("flip-animating"), n.style.transform = "";
+      r.forEach((a) => {
+        a.classList.add("flip-animating"), a.style.transform = "";
       }), setTimeout(() => {
-        r.forEach((n) => {
-          n.style.transform = "", n.classList.remove("flip-animating");
+        r.forEach((a) => {
+          a.style.transform = "", a.classList.remove("flip-animating");
         });
       }, c + 50);
     });
@@ -467,10 +470,10 @@ class L extends y {
         s.classList.add("fade-animating"), c.push(s);
       }
     }), c.length === 0) return;
-    const n = this.animationDuration;
+    const a = this.animationDuration;
     setTimeout(() => {
       c.forEach((o) => o.classList.remove("fade-animating"));
-    }, n + 50);
+    }, a + 50);
   }
   /**
    * Update column order with configured animation.
@@ -485,10 +488,10 @@ class L extends y {
   }
   // #endregion
   // #region Styles
-  styles = A;
+  styles = O;
   // #endregion
 }
 export {
-  L as ReorderPlugin
+  x as ReorderPlugin
 };
 //# sourceMappingURL=index.js.map