@waggylabs/yumekit 0.5.1-beta.5 → 0.5.1-beta.6

package/CHANGELOG.md

@@ -35,9 +35,7 @@ Delete any empty sections before publishing.
 
 ### Added
 
-- Two new built-in themes, `material-blue-light` and `material-blue-dark`, applying Material Design 3 — a Material palette (Blue primary, Material status colors, grey surfaces), Roboto typography, and the M3 shape scale (4/8/12/28px radii, pill buttons, 28px dialogs, 4px text fields, 1px borders) applied across all components. `y-theme` now loads the Roboto webfont automatically when one of these themes is active.
-
-- Two new built-in themes, `carbon-light` and `carbon-dark`, applying IBM Carbon — the Carbon palette (Interactive Blue `#0f62fe`, IBM gray surfaces, Carbon status colors), IBM Plex Sans typography, and Carbon's sharp shape language (0px radii, 1px borders). `y-theme` loads the IBM Plex Sans webfont automatically when one of these themes is active.
+- Several theme color variations including the `Catppuccin` color schemes, as well as several new themes based on some of the most popular design systems. This includes Material, Carbon, Ant, Shadcn, Primer, and Bootstrap.
 
 - `y-tabs` — new `variant="accent"` style: minimal tabs where the active tab shows a primary-colored indicator border on its content-facing edge (bottom for top tabs, etc.). The default bordered style is unchanged. Adds `--component-tabs-accent-width` (indicator thickness). The border-width token is normalized to `--component-tabs-border-width` (matching `--component-tabs-border-color`); the legacy `--component-tab-border-width` is still honored as a fallback.
 
@@ -73,6 +71,8 @@ Delete any empty sections before publishing.
 
 ### Fixed
 
+- `y-data-grid` — selected-row colors are now readable in every theme. The row used a near-surface tint (`--primary-background-component`) for its background but the white `--primary-content-inverse` for text, so text was invisible on light themes and the background was indistinguishable from the surface on dark themes. Selected rows now use the `--primary-background-active` tint with the normal `--base-content` text (override via `--component-data-grid-row-selected-bg` / `--component-data-grid-row-selected-text`). The multi-sort priority badge and group-toggle focus ring, which shared the same mistake, now use `--primary-content`.
+
 - Form field components now share one field background. `y-select` (trigger and dropdown) used `base.background.app` while `y-input` / `y-textarea` / `y-color` / `y-date` used `base.background.component`; `select.background` is now `base.background.component` across all themes, so fields match when placed together on a form (most visible in the Material and Carbon themes). The select dropdown panel now also matches menus/popovers.
 
 - `y-avatar` — the three `shape` values are now visually distinct. Added a `--component-avatar-border-radius-rounded` token (medium radius) and changed `square` to a zero radius (sharp corners); `circle` is unchanged.

package/dist/components/y-checkbox.js

@@ -574,6 +574,7 @@ class YumeCheckbox extends HTMLElement {
             .icon {
                 width: var(--component-checkbox-icon-size, 16px);
                 height: var(--component-checkbox-icon-size, 16px);
+                color: var(--component-checkbox-accent);
             }
 
             [part="label"] {

package/dist/components/y-data-grid/y-data-grid.d.ts

@@ -24,42 +24,78 @@ export class YumeDataGrid extends HTMLElement {
     _scrollTop: number;
     _viewportHeight: number;
     _resizeObserver: ResizeObserver;
+    _resizeState: {
+        col: any;
+        handle: any;
+        colEl: any;
+        pointerId: any;
+        startX: any;
+        startWidth: any;
+        width: any;
+    };
+    _reorderState: {
+        col: any;
+        th: any;
+        pointerId: any;
+        startX: any;
+        startY: any;
+        dragging: boolean;
+        targetKey: any;
+        placeAfter: boolean;
+    };
+    _suppressHeaderClick: boolean;
     _onPaginatorChange(e: any): void;
     _onPaginatorPageSize(e: any): void;
     _onScroll(e: any): void;
+    _onColumnResizeMove(e: any): void;
+    _onColumnResizeEnd(): void;
+    _onColumnReorderMove(e: any): void;
+    _onColumnReorderEnd(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set aggregates(obj: any);
+    /** Per-column aggregate config — `{ columnKey: "sum" | "avg" | "min" | "max" | "count" }`. */
+    get aggregates(): any;
+    set bufferSize(val: number);
+    /** Extra rows rendered above and below the viewport when virtualizing. */
+    get bufferSize(): number;
     set columns(val: string);
     /** Column schema as JSON string or array of column definition objects. */
     get columns(): string;
-    set data(val: string);
-    /** Row data as JSON string or array of objects keyed by column key. */
-    get data(): string;
-    set mode(val: string);
-    /** Operating mode: "client" performs sort/filter/page locally, "server" emits events. */
-    get mode(): string;
-    set pageSize(val: number);
-    /** Rows per page. */
-    get pageSize(): number;
     set currentPage(val: number);
     /** Current 1-based page index. */
     get currentPage(): number;
-    set totalRows(val: number);
-    /** Total row count, required for server-mode pagination. */
-    get totalRows(): number;
-    set loading(val: boolean);
-    /** When true, a loading overlay is shown. */
-    get loading(): boolean;
-    set striped(val: boolean);
-    /** Alternating row backgrounds. Defaults to false; set the attribute (or `striped="true"`) to enable. */
-    get striped(): boolean;
-    set hover(val: boolean);
-    /** Row hover highlight. Defaults to true unless attribute set to "false". */
-    get hover(): boolean;
-    set fixedHeader(val: boolean);
-    /** Sticky header during vertical scroll. Defaults to true unless attribute set to "false". */
-    get fixedHeader(): boolean;
+    set data(val: string);
+    /** Row data as JSON string or array of objects keyed by column key. */
+    get data(): string;
+    set editOn(val: string);
+    /** Edit trigger: "click" (single click on cell) or "focus" (default "click"). */
+    get editOn(): string;
+    set emptyMessage(val: string);
+    /** Empty-state message text. */
+    get emptyMessage(): string;
+    set enableColumnReorder(val: boolean);
+    /** When set, leaf headers can be dragged to a new position to reorder columns. Opt out per column with `reorderable: false`. */
+    get enableColumnReorder(): boolean;
+    set enableColumnResize(val: boolean);
+    /** When set, leaf headers expose a drag handle on their inline (right) edge for resizing. Opt out per column with `resizable: false`. */
+    get enableColumnResize(): boolean;
+    set enableEditing(val: boolean);
+    /** Enables inline cell editing. */
+    get enableEditing(): boolean;
+    set enableHeaderMenu(val: boolean);
+    /** When set, leaf headers expose a kebab menu for filter / sort / column visibility / move actions. */
+    get enableHeaderMenu(): boolean;
+    set enablePagination(val: boolean);
+    /** Pagination controls. Defaults to true unless attribute set to "false". */
+    get enablePagination(): boolean;
+    set enableSelection(val: boolean);
+    /** Renders a checkbox column and enables row-selection interactions. */
+    get enableSelection(): boolean;
+    set enableSorting(val: boolean);
+    /** Sorting via header click. Defaults to true unless attribute set to "false". */
+    get enableSorting(): boolean;
     set filtering(val: "inline" | "advanced");
     /**
      * Filtering UI mode: `"inline"` renders the per-column filter row beneath
@@ -68,68 +104,62 @@ export class YumeDataGrid extends HTMLElement {
      * filtering UI; column filters can still be set programmatically.
      */
     get filtering(): "inline" | "advanced";
-    set enableSorting(val: boolean);
-    /** Sorting via header click. Defaults to true unless attribute set to "false". */
-    get enableSorting(): boolean;
-    set enablePagination(val: boolean);
-    /** Pagination controls. Defaults to true unless attribute set to "false". */
-    get enablePagination(): boolean;
-    set showItemCount(val: boolean);
-    /** Show the item count in the footer's right side. Defaults to false; add the attribute (or `show-item-count="true"`) to enable. */
-    get showItemCount(): boolean;
-    set emptyMessage(val: string);
-    /** Empty-state message text. */
-    get emptyMessage(): string;
-    set rowHeight(val: number);
-    /** Row height in pixels (used by virtual scrolling in a later phase). */
-    get rowHeight(): number;
-    set globalSearch(val: string);
-    /** Current global search string. */
-    get globalSearch(): string;
     set filters(obj: {});
     /** Current column filters as a `{ [key]: value }` object. */
     get filters(): {};
-    set sortState(arr: any[]);
-    /** Current sort stack as an array of `{ column, direction }`. */
-    get sortState(): any[];
-    set enableSelection(val: boolean);
-    /** Renders a checkbox column and enables row-selection interactions. */
-    get enableSelection(): boolean;
-    set selectionMode(val: string);
-    /** Selection mode: "single" or "multi" (default "multi"). */
-    get selectionMode(): string;
+    set fixedHeader(val: boolean);
+    /** Sticky header during vertical scroll. Defaults to true unless attribute set to "false". */
+    get fixedHeader(): boolean;
+    set globalSearch(val: string);
+    /** Current global search string. */
+    get globalSearch(): string;
+    set groupBy(val: string[]);
+    /** Column keys to group rows by (nested when more than one). */
+    get groupBy(): string[];
+    set hover(val: boolean);
+    /** Row hover highlight. Defaults to true unless attribute set to "false". */
+    get hover(): boolean;
+    set loading(val: boolean);
+    /** When true, a loading overlay is shown. */
+    get loading(): boolean;
+    set mode(val: string);
+    /** Operating mode: "client" performs sort/filter/page locally, "server" emits events. */
+    get mode(): string;
+    set pageSize(val: number);
+    /** Rows per page. */
+    get pageSize(): number;
+    set rowHeight(val: number);
+    /** Row height in pixels (used by virtual scrolling in a later phase). */
+    get rowHeight(): number;
     set rowKey(val: string);
     /** Column key used as a stable per-row identifier. Falls back to the row's array index. */
     get rowKey(): string;
-    /** Array of selected row objects (resolved from current `_selectedKeys`). */
-    get selectedRows(): any[];
     set selectedKeys(arr: any[]);
     /** Array of selected row keys. */
     get selectedKeys(): any[];
-    set enableEditing(val: boolean);
-    /** Enables inline cell editing. */
-    get enableEditing(): boolean;
-    set editOn(val: string);
-    /** Edit trigger: "click" (single click on cell) or "focus" (default "click"). */
-    get editOn(): string;
-    set groupBy(val: string[]);
-    /** Column keys to group rows by (nested when more than one). */
-    get groupBy(): string[];
-    set aggregates(obj: any);
-    /** Per-column aggregate config — `{ columnKey: "sum" | "avg" | "min" | "max" | "count" }`. */
-    get aggregates(): any;
-    set virtual(val: boolean);
-    /** Enable virtual scrolling (only render visible rows). */
-    get virtual(): boolean;
+    /** Array of selected row objects (resolved from current `_selectedKeys`). */
+    get selectedRows(): any[];
+    set selectionMode(val: string);
+    /** Selection mode: "single" or "multi" (default "multi"). */
+    get selectionMode(): string;
+    set showItemCount(val: boolean);
+    /** Show the item count in the footer's right side. Defaults to false; add the attribute (or `show-item-count="true"`) to enable. */
+    get showItemCount(): boolean;
+    set sortState(arr: any[]);
+    /** Current sort stack as an array of `{ column, direction }`. */
+    get sortState(): any[];
+    set striped(val: boolean);
+    /** Alternating row backgrounds. Defaults to false; set the attribute (or `striped="true"`) to enable. */
+    get striped(): boolean;
+    set totalRows(val: number);
+    /** Total row count, required for server-mode pagination. */
+    get totalRows(): number;
     set viewportHeight(val: number);
     /** Scrollable viewport height in pixels — required for virtualization. */
     get viewportHeight(): number;
-    set bufferSize(val: number);
-    /** Extra rows rendered above and below the viewport when virtualizing. */
-    get bufferSize(): number;
-    set enableHeaderMenu(val: boolean);
-    /** When set, leaf headers expose a kebab menu for filter / sort / column visibility / move actions. */
-    get enableHeaderMenu(): boolean;
+    set virtual(val: boolean);
+    /** Enable virtual scrolling (only render visible rows). */
+    get virtual(): boolean;
     /** Cancel the active edit (if any) without committing. */
     cancelEdit(): void;
     /** Clear all per-column filters and the global search query. */
@@ -155,10 +185,14 @@ export class YumeDataGrid extends HTMLElement {
     _absoluteRowIndex(displayIdx: any): any;
     _applyClientFilters(rows: any): any;
     _applyClientSort(rows: any): any;
+    _applyColumnReorder(sourceKey: any, targetKey: any, placeAfter: any): void;
     _applyPendingColumnVisibility(): void;
+    _autoSizeColumn(col: any): void;
     _beginEdit(row: any, rowKey: any, col: any): void;
     _buildBody(columns: any, entries: any, leadingSpacerPx: any, trailingSpacerPx: any): HTMLElement;
     _buildCell(row: any, rowKey: any, col: any): HTMLElement;
+    _buildColgroup(columns: any): HTMLElement;
+    _buildColumnResizeHandle(col: any): HTMLElement;
     _buildColumnsSubmenuItem(): HTMLElement;
     _buildColumnsSubmenuPopover(): HTMLElement;
     _buildDataRow(columns: any, entry: any, displayIdx: any): HTMLElement;
@@ -202,11 +236,14 @@ export class YumeDataGrid extends HTMLElement {
     _cancelEdit(row: any, rowKey: any, col: any): void;
     _clearSortFor(key: any): void;
     _cloneColumnTree(tree: any): any;
+    _colElementFor(key: any): any;
     _collectValidators(col: any): any[];
     _commitActiveEditor(): void;
     _commitEdit(row: any, rowKey: any, col: any, value: any, validators: any): void;
     _computeAggregates(rows: any): {};
     _defaultOperatorFor(col: any): "contains" | "equals";
+    _emitColumnReorder(column: any, fromIndex: any, toIndex: any): void;
+    _emitColumnResize(column: any, width: any): void;
     _emitFilterChange(): boolean;
     _emitGroupToggle(path: any, expanded: any): void;
     _emitPageChange(page: any): boolean;
@@ -225,13 +262,17 @@ export class YumeDataGrid extends HTMLElement {
     _leafCount(node: any): any;
     _matchesFilter(cellValue: any, filterValue: any, op: any, col: any): boolean;
     _maxColumnDepth(tree: any): number;
+    _minWidthFor(col: any): number;
     _moveColumn(key: any, direction: any): void;
+    _onColumnReorderStart(e: any, col: any, th: any): void;
+    _onColumnResizeStart(e: any, col: any, handle: any): void;
     _onHeaderClick(key: any, event: any): void;
     _onRowClick(row: any, rowKey: any, event: any): void;
     _onRowDblClick(row: any, event: any): void;
     _openColumnsSubmenu(triggerBtn: any): void;
     _openFilterPopover(col: any, triggerBtn: any): void;
     _openHeaderMenu(col: any, triggerBtn: any): void;
+    _paintDropIndicator(target: any): void;
     _parseAttributes(): void;
     _readEditorValue(editor: any, type: any): any;
     _render(): void;
@@ -239,9 +280,15 @@ export class YumeDataGrid extends HTMLElement {
     _columnsSubmenuPopover: HTMLElement;
     _filterPopover: HTMLElement;
     _renderCellValue(col: any, value: any): HTMLElement;
+    _reorderTargetAt(clientX: any, sourceKey: any): {
+        key: any;
+        th: any;
+        placeAfter: boolean;
+    };
     _rowKeyFor(row: any, idx: any): string;
     _sameTreeShape(a: any, b: any): boolean;
     _setColumnFilter(key: any, value: any): void;
+    _setColumnWidth(col: any, width: any): void;
     _setSortFromMenu(key: any, direction: any): void;
     _setupVirtualScroll(scrollEl: any): void;
     _scrollEl: any;

package/dist/components/y-data-grid.d.ts

@@ -24,42 +24,78 @@ export class YumeDataGrid extends HTMLElement {
     _scrollTop: number;
     _viewportHeight: number;
     _resizeObserver: ResizeObserver;
+    _resizeState: {
+        col: any;
+        handle: any;
+        colEl: any;
+        pointerId: any;
+        startX: any;
+        startWidth: any;
+        width: any;
+    };
+    _reorderState: {
+        col: any;
+        th: any;
+        pointerId: any;
+        startX: any;
+        startY: any;
+        dragging: boolean;
+        targetKey: any;
+        placeAfter: boolean;
+    };
+    _suppressHeaderClick: boolean;
     _onPaginatorChange(e: any): void;
     _onPaginatorPageSize(e: any): void;
     _onScroll(e: any): void;
+    _onColumnResizeMove(e: any): void;
+    _onColumnResizeEnd(): void;
+    _onColumnReorderMove(e: any): void;
+    _onColumnReorderEnd(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set aggregates(obj: any);
+    /** Per-column aggregate config — `{ columnKey: "sum" | "avg" | "min" | "max" | "count" }`. */
+    get aggregates(): any;
+    set bufferSize(val: number);
+    /** Extra rows rendered above and below the viewport when virtualizing. */
+    get bufferSize(): number;
     set columns(val: string);
     /** Column schema as JSON string or array of column definition objects. */
     get columns(): string;
-    set data(val: string);
-    /** Row data as JSON string or array of objects keyed by column key. */
-    get data(): string;
-    set mode(val: string);
-    /** Operating mode: "client" performs sort/filter/page locally, "server" emits events. */
-    get mode(): string;
-    set pageSize(val: number);
-    /** Rows per page. */
-    get pageSize(): number;
     set currentPage(val: number);
     /** Current 1-based page index. */
     get currentPage(): number;
-    set totalRows(val: number);
-    /** Total row count, required for server-mode pagination. */
-    get totalRows(): number;
-    set loading(val: boolean);
-    /** When true, a loading overlay is shown. */
-    get loading(): boolean;
-    set striped(val: boolean);
-    /** Alternating row backgrounds. Defaults to false; set the attribute (or `striped="true"`) to enable. */
-    get striped(): boolean;
-    set hover(val: boolean);
-    /** Row hover highlight. Defaults to true unless attribute set to "false". */
-    get hover(): boolean;
-    set fixedHeader(val: boolean);
-    /** Sticky header during vertical scroll. Defaults to true unless attribute set to "false". */
-    get fixedHeader(): boolean;
+    set data(val: string);
+    /** Row data as JSON string or array of objects keyed by column key. */
+    get data(): string;
+    set editOn(val: string);
+    /** Edit trigger: "click" (single click on cell) or "focus" (default "click"). */
+    get editOn(): string;
+    set emptyMessage(val: string);
+    /** Empty-state message text. */
+    get emptyMessage(): string;
+    set enableColumnReorder(val: boolean);
+    /** When set, leaf headers can be dragged to a new position to reorder columns. Opt out per column with `reorderable: false`. */
+    get enableColumnReorder(): boolean;
+    set enableColumnResize(val: boolean);
+    /** When set, leaf headers expose a drag handle on their inline (right) edge for resizing. Opt out per column with `resizable: false`. */
+    get enableColumnResize(): boolean;
+    set enableEditing(val: boolean);
+    /** Enables inline cell editing. */
+    get enableEditing(): boolean;
+    set enableHeaderMenu(val: boolean);
+    /** When set, leaf headers expose a kebab menu for filter / sort / column visibility / move actions. */
+    get enableHeaderMenu(): boolean;
+    set enablePagination(val: boolean);
+    /** Pagination controls. Defaults to true unless attribute set to "false". */
+    get enablePagination(): boolean;
+    set enableSelection(val: boolean);
+    /** Renders a checkbox column and enables row-selection interactions. */
+    get enableSelection(): boolean;
+    set enableSorting(val: boolean);
+    /** Sorting via header click. Defaults to true unless attribute set to "false". */
+    get enableSorting(): boolean;
     set filtering(val: "inline" | "advanced");
     /**
      * Filtering UI mode: `"inline"` renders the per-column filter row beneath
@@ -68,68 +104,62 @@ export class YumeDataGrid extends HTMLElement {
      * filtering UI; column filters can still be set programmatically.
      */
     get filtering(): "inline" | "advanced";
-    set enableSorting(val: boolean);
-    /** Sorting via header click. Defaults to true unless attribute set to "false". */
-    get enableSorting(): boolean;
-    set enablePagination(val: boolean);
-    /** Pagination controls. Defaults to true unless attribute set to "false". */
-    get enablePagination(): boolean;
-    set showItemCount(val: boolean);
-    /** Show the item count in the footer's right side. Defaults to false; add the attribute (or `show-item-count="true"`) to enable. */
-    get showItemCount(): boolean;
-    set emptyMessage(val: string);
-    /** Empty-state message text. */
-    get emptyMessage(): string;
-    set rowHeight(val: number);
-    /** Row height in pixels (used by virtual scrolling in a later phase). */
-    get rowHeight(): number;
-    set globalSearch(val: string);
-    /** Current global search string. */
-    get globalSearch(): string;
     set filters(obj: {});
     /** Current column filters as a `{ [key]: value }` object. */
     get filters(): {};
-    set sortState(arr: any[]);
-    /** Current sort stack as an array of `{ column, direction }`. */
-    get sortState(): any[];
-    set enableSelection(val: boolean);
-    /** Renders a checkbox column and enables row-selection interactions. */
-    get enableSelection(): boolean;
-    set selectionMode(val: string);
-    /** Selection mode: "single" or "multi" (default "multi"). */
-    get selectionMode(): string;
+    set fixedHeader(val: boolean);
+    /** Sticky header during vertical scroll. Defaults to true unless attribute set to "false". */
+    get fixedHeader(): boolean;
+    set globalSearch(val: string);
+    /** Current global search string. */
+    get globalSearch(): string;
+    set groupBy(val: string[]);
+    /** Column keys to group rows by (nested when more than one). */
+    get groupBy(): string[];
+    set hover(val: boolean);
+    /** Row hover highlight. Defaults to true unless attribute set to "false". */
+    get hover(): boolean;
+    set loading(val: boolean);
+    /** When true, a loading overlay is shown. */
+    get loading(): boolean;
+    set mode(val: string);
+    /** Operating mode: "client" performs sort/filter/page locally, "server" emits events. */
+    get mode(): string;
+    set pageSize(val: number);
+    /** Rows per page. */
+    get pageSize(): number;
+    set rowHeight(val: number);
+    /** Row height in pixels (used by virtual scrolling in a later phase). */
+    get rowHeight(): number;
     set rowKey(val: string);
     /** Column key used as a stable per-row identifier. Falls back to the row's array index. */
     get rowKey(): string;
-    /** Array of selected row objects (resolved from current `_selectedKeys`). */
-    get selectedRows(): any[];
     set selectedKeys(arr: any[]);
     /** Array of selected row keys. */
     get selectedKeys(): any[];
-    set enableEditing(val: boolean);
-    /** Enables inline cell editing. */
-    get enableEditing(): boolean;
-    set editOn(val: string);
-    /** Edit trigger: "click" (single click on cell) or "focus" (default "click"). */
-    get editOn(): string;
-    set groupBy(val: string[]);
-    /** Column keys to group rows by (nested when more than one). */
-    get groupBy(): string[];
-    set aggregates(obj: any);
-    /** Per-column aggregate config — `{ columnKey: "sum" | "avg" | "min" | "max" | "count" }`. */
-    get aggregates(): any;
-    set virtual(val: boolean);
-    /** Enable virtual scrolling (only render visible rows). */
-    get virtual(): boolean;
+    /** Array of selected row objects (resolved from current `_selectedKeys`). */
+    get selectedRows(): any[];
+    set selectionMode(val: string);
+    /** Selection mode: "single" or "multi" (default "multi"). */
+    get selectionMode(): string;
+    set showItemCount(val: boolean);
+    /** Show the item count in the footer's right side. Defaults to false; add the attribute (or `show-item-count="true"`) to enable. */
+    get showItemCount(): boolean;
+    set sortState(arr: any[]);
+    /** Current sort stack as an array of `{ column, direction }`. */
+    get sortState(): any[];
+    set striped(val: boolean);
+    /** Alternating row backgrounds. Defaults to false; set the attribute (or `striped="true"`) to enable. */
+    get striped(): boolean;
+    set totalRows(val: number);
+    /** Total row count, required for server-mode pagination. */
+    get totalRows(): number;
     set viewportHeight(val: number);
     /** Scrollable viewport height in pixels — required for virtualization. */
     get viewportHeight(): number;
-    set bufferSize(val: number);
-    /** Extra rows rendered above and below the viewport when virtualizing. */
-    get bufferSize(): number;
-    set enableHeaderMenu(val: boolean);
-    /** When set, leaf headers expose a kebab menu for filter / sort / column visibility / move actions. */
-    get enableHeaderMenu(): boolean;
+    set virtual(val: boolean);
+    /** Enable virtual scrolling (only render visible rows). */
+    get virtual(): boolean;
     /** Cancel the active edit (if any) without committing. */
     cancelEdit(): void;
     /** Clear all per-column filters and the global search query. */
@@ -155,10 +185,14 @@ export class YumeDataGrid extends HTMLElement {
     _absoluteRowIndex(displayIdx: any): any;
     _applyClientFilters(rows: any): any;
     _applyClientSort(rows: any): any;
+    _applyColumnReorder(sourceKey: any, targetKey: any, placeAfter: any): void;
     _applyPendingColumnVisibility(): void;
+    _autoSizeColumn(col: any): void;
     _beginEdit(row: any, rowKey: any, col: any): void;
     _buildBody(columns: any, entries: any, leadingSpacerPx: any, trailingSpacerPx: any): HTMLElement;
     _buildCell(row: any, rowKey: any, col: any): HTMLElement;
+    _buildColgroup(columns: any): HTMLElement;
+    _buildColumnResizeHandle(col: any): HTMLElement;
     _buildColumnsSubmenuItem(): HTMLElement;
     _buildColumnsSubmenuPopover(): HTMLElement;
     _buildDataRow(columns: any, entry: any, displayIdx: any): HTMLElement;
@@ -202,11 +236,14 @@ export class YumeDataGrid extends HTMLElement {
     _cancelEdit(row: any, rowKey: any, col: any): void;
     _clearSortFor(key: any): void;
     _cloneColumnTree(tree: any): any;
+    _colElementFor(key: any): any;
     _collectValidators(col: any): any[];
     _commitActiveEditor(): void;
     _commitEdit(row: any, rowKey: any, col: any, value: any, validators: any): void;
     _computeAggregates(rows: any): {};
     _defaultOperatorFor(col: any): "contains" | "equals";
+    _emitColumnReorder(column: any, fromIndex: any, toIndex: any): void;
+    _emitColumnResize(column: any, width: any): void;
     _emitFilterChange(): boolean;
     _emitGroupToggle(path: any, expanded: any): void;
     _emitPageChange(page: any): boolean;
@@ -225,13 +262,17 @@ export class YumeDataGrid extends HTMLElement {
     _leafCount(node: any): any;
     _matchesFilter(cellValue: any, filterValue: any, op: any, col: any): boolean;
     _maxColumnDepth(tree: any): number;
+    _minWidthFor(col: any): number;
     _moveColumn(key: any, direction: any): void;
+    _onColumnReorderStart(e: any, col: any, th: any): void;
+    _onColumnResizeStart(e: any, col: any, handle: any): void;
     _onHeaderClick(key: any, event: any): void;
     _onRowClick(row: any, rowKey: any, event: any): void;
     _onRowDblClick(row: any, event: any): void;
     _openColumnsSubmenu(triggerBtn: any): void;
     _openFilterPopover(col: any, triggerBtn: any): void;
     _openHeaderMenu(col: any, triggerBtn: any): void;
+    _paintDropIndicator(target: any): void;
     _parseAttributes(): void;
     _readEditorValue(editor: any, type: any): any;
     _render(): void;
@@ -239,9 +280,15 @@ export class YumeDataGrid extends HTMLElement {
     _columnsSubmenuPopover: HTMLElement;
     _filterPopover: HTMLElement;
     _renderCellValue(col: any, value: any): HTMLElement;
+    _reorderTargetAt(clientX: any, sourceKey: any): {
+        key: any;
+        th: any;
+        placeAfter: boolean;
+    };
     _rowKeyFor(row: any, idx: any): string;
     _sameTreeShape(a: any, b: any): boolean;
     _setColumnFilter(key: any, value: any): void;
+    _setColumnWidth(col: any, width: any): void;
     _setSortFromMenu(key: any, direction: any): void;
     _setupVirtualScroll(scrollEl: any): void;
     _scrollEl: any;