apex-grid 1.0.1 → 2.0.0

package/internal/export.js

@@ -0,0 +1,122 @@
+import { getDisplayColumns } from './utils.js';
+export function resolveExportColumns(grid, opts) {
+    const all = getDisplayColumns(grid.columns).filter((column) => !column.hidden && column.exportable !== false);
+    if (!opts.columns?.length)
+        return all;
+    const keys = new Set(opts.columns);
+    return all.filter((column) => keys.has(column.key));
+}
+export function resolveExportRows(grid, source = 'view') {
+    switch (source) {
+        case 'all':
+            return grid.data;
+        case 'page':
+            return grid.pageItems;
+        case 'selected':
+            return grid.selectedRows;
+        default:
+            return grid.dataView;
+    }
+}
+export function getColumnLabel(column) {
+    return column.headerText ?? String(column.key);
+}
+const DATE_STYLE_MAP = {
+    short: 'short',
+    medium: 'medium',
+    long: 'long',
+    full: 'full',
+};
+export function defaultExportFormat(column, value) {
+    if (value === null || value === undefined)
+        return '';
+    switch (column.type) {
+        case 'select': {
+            const found = column.options?.find((option) => {
+                if (option && typeof option === 'object' && 'value' in option) {
+                    return option.value === value;
+                }
+                return option === value;
+            });
+            if (found && typeof found === 'object' && 'label' in found) {
+                const label = found.label;
+                if (typeof label === 'string' && label.length > 0)
+                    return label;
+            }
+            return typeof value === 'number' || typeof value === 'boolean' ? value : String(value);
+        }
+        case 'date': {
+            if (value instanceof Date)
+                return value;
+            const parsed = new Date(value);
+            return Number.isNaN(parsed.getTime()) ? String(value) : parsed;
+        }
+        case 'boolean':
+            return Boolean(value);
+        case 'number':
+        case 'rating': {
+            const n = Number(value);
+            return Number.isFinite(n) ? n : '';
+        }
+        default:
+            return typeof value === 'number' || typeof value === 'boolean' ? value : String(value);
+    }
+}
+export function resolveExportValue(column, row, opts) {
+    const raw = row[column.key];
+    return opts.formatter ? opts.formatter(column, raw, row) : defaultExportFormat(column, raw);
+}
+export function formatDateForCSV(column, value) {
+    const style = DATE_STYLE_MAP[column.format ?? 'medium'];
+    try {
+        return new Intl.DateTimeFormat(undefined, { dateStyle: style }).format(value);
+    }
+    catch {
+        return value.toISOString();
+    }
+}
+function escapeCSVCell(value, delimiter) {
+    if (value === null || value === undefined || value === '')
+        return '';
+    const text = value instanceof Date ? value.toISOString() : String(value);
+    const needsQuoting = text.includes(delimiter) || text.includes('"') || text.includes('\n') || text.includes('\r');
+    return needsQuoting ? `"${text.replace(/"/g, '""')}"` : text;
+}
+export function buildCSV(grid, opts = {}) {
+    const delimiter = opts.delimiter ?? ',';
+    const newline = opts.newline ?? '\r\n';
+    const includeHeader = opts.includeHeader ?? true;
+    const columns = resolveExportColumns(grid, opts);
+    const rows = resolveExportRows(grid, opts.source);
+    const lines = [];
+    if (includeHeader) {
+        lines.push(columns.map((column) => escapeCSVCell(getColumnLabel(column), delimiter)).join(delimiter));
+    }
+    for (const row of rows) {
+        const cells = columns.map((column) => {
+            let value = resolveExportValue(column, row, opts);
+            if (value instanceof Date) {
+                value = formatDateForCSV(column, value);
+            }
+            return escapeCSVCell(value, delimiter);
+        });
+        lines.push(cells.join(delimiter));
+    }
+    const body = lines.join(newline);
+    return opts.bom === false ? body : `\uFEFF${body}`;
+}
+export function downloadBlob(filename, content, mimeType) {
+    if (typeof document === 'undefined' || typeof URL?.createObjectURL !== 'function')
+        return;
+    const blob = new Blob([content], { type: mimeType });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename;
+    anchor.style.display = 'none';
+    document.body.appendChild(anchor);
+    anchor.click();
+    document.body.removeChild(anchor);
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+//# sourceMappingURL=export.js.map

package/internal/export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.js","sourceRoot":"","sources":["../../src/internal/export.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ApexGrid } from '../components/grid.js';\nimport type { ColumnConfiguration, ColumnDateFormat, Keys } from './types.js';\nimport { getDisplayColumns } from './utils.js';\n\n/**\n * Primitive cell values supported by the export pipeline.\n *\n * @remarks\n * Returned by the default formatter and accepted from user-supplied formatters.\n * `Date` is preserved (not stringified) so that XLSX export can write it as a\n * native date cell instead of inline text.\n */\nexport type ExportCellValue = string | number | boolean | Date | null | undefined;\n\n/**\n * Which row set should drive the export.\n *\n * - `'view'` (default) — post-filter, post-sort rows across all pages.\n * - `'all'` — the raw `data` array as supplied by the consumer.\n * - `'page'` — only the rows in the current page slice.\n * - `'selected'` — the current row selection (insertion order).\n */\nexport type ExportSource = 'view' | 'all' | 'page' | 'selected';\n\n/**\n * Options shared by all export targets.\n */\nexport interface ExportOptions<T extends object> {\n  /** Output filename, without extension. Defaults to `'data'`. */\n  filename?: string;\n  /** Row set to export. Defaults to `'view'`. */\n  source?: ExportSource;\n  /**\n   * Column keys to include. When omitted, every visible non-hidden column with\n   * `exportable !== false` is exported, in display order.\n   */\n  columns?: ReadonlyArray<Keys<T>>;\n  /** Whether to emit a header row. Defaults to `true`. */\n  includeHeader?: boolean;\n  /**\n   * Per-cell value formatter. Receives the column configuration, the raw value\n   * from the record, and the record itself. Return one of {@link ExportCellValue}\n   * (return a `Date` to keep date typing in XLSX).\n   */\n  formatter?: (column: ColumnConfiguration<T>, value: unknown, row: T) => ExportCellValue;\n}\n\n/**\n * Options for {@link ApexGrid.exportToCSV}.\n */\nexport interface CSVExportOptions<T extends object> extends ExportOptions<T> {\n  /** Field delimiter. Defaults to `','`. */\n  delimiter?: string;\n  /**\n   * Prepend a UTF-8 byte-order mark so Excel auto-detects the encoding when\n   * opening the file. Defaults to `true`.\n   */\n  bom?: boolean;\n  /** Line separator. Defaults to `'\\r\\n'` (RFC 4180). */\n  newline?: string;\n}\n\n/**\n * Options for {@link ApexGrid.exportToXLSX}.\n */\nexport interface XLSXExportOptions<T extends object> extends ExportOptions<T> {\n  /** Worksheet tab name. Defaults to `'Sheet1'`. Trimmed to 31 chars. */\n  sheetName?: string;\n}\n\n/**\n * Resolves the columns that should appear in the export, in display order.\n */\nexport function resolveExportColumns<T extends object>(\n  grid: ApexGrid<T>,\n  opts: ExportOptions<T>\n): Array<ColumnConfiguration<T>> {\n  const all = getDisplayColumns(grid.columns).filter(\n    (column) => !column.hidden && column.exportable !== false\n  );\n  if (!opts.columns?.length) return all;\n  const keys = new Set(opts.columns as Keys<T>[]);\n  return all.filter((column) => keys.has(column.key));\n}\n\n/**\n * Resolves the rows that should appear in the export.\n */\nexport function resolveExportRows<T extends object>(\n  grid: ApexGrid<T>,\n  source: ExportSource = 'view'\n): ReadonlyArray<T> {\n  switch (source) {\n    case 'all':\n      return grid.data;\n    case 'page':\n      return grid.pageItems;\n    case 'selected':\n      return grid.selectedRows;\n    default:\n      return grid.dataView;\n  }\n}\n\n/**\n * Returns the column's display label, used as the header cell value.\n */\nexport function getColumnLabel<T extends object>(column: ColumnConfiguration<T>): string {\n  return column.headerText ?? String(column.key);\n}\n\nconst DATE_STYLE_MAP: Record<ColumnDateFormat, Intl.DateTimeFormatOptions['dateStyle']> = {\n  short: 'short',\n  medium: 'medium',\n  long: 'long',\n  full: 'full',\n};\n\n/**\n * Default cell-value formatter. Mirrors the on-screen rendering for each\n * column type while keeping primitive types primitive (so number/boolean/date\n * survive into XLSX as native cells instead of strings).\n */\nexport function defaultExportFormat<T extends object>(\n  column: ColumnConfiguration<T>,\n  value: unknown\n): ExportCellValue {\n  if (value === null || value === undefined) return '';\n  switch (column.type) {\n    case 'select': {\n      const found = column.options?.find((option) => {\n        if (option && typeof option === 'object' && 'value' in option) {\n          return (option as { value: unknown }).value === value;\n        }\n        return option === value;\n      });\n      if (found && typeof found === 'object' && 'label' in found) {\n        const label = (found as { label?: unknown }).label;\n        if (typeof label === 'string' && label.length > 0) return label;\n      }\n      return typeof value === 'number' || typeof value === 'boolean' ? value : String(value);\n    }\n    case 'date': {\n      if (value instanceof Date) return value;\n      const parsed = new Date(value as string | number);\n      return Number.isNaN(parsed.getTime()) ? String(value) : parsed;\n    }\n    case 'boolean':\n      return Boolean(value);\n    case 'number':\n    case 'rating': {\n      const n = Number(value);\n      return Number.isFinite(n) ? n : '';\n    }\n    default:\n      return typeof value === 'number' || typeof value === 'boolean' ? value : String(value);\n  }\n}\n\n/**\n * Resolves the export value for a single cell, applying the user-supplied\n * formatter when present and falling back to {@link defaultExportFormat}.\n */\nexport function resolveExportValue<T extends object>(\n  column: ColumnConfiguration<T>,\n  row: T,\n  opts: ExportOptions<T>\n): ExportCellValue {\n  const raw = (row as Record<string, unknown>)[column.key as string];\n  return opts.formatter ? opts.formatter(column, raw, row) : defaultExportFormat(column, raw);\n}\n\n/** Formats a `Date` into the configured date style for CSV output. */\nexport function formatDateForCSV<T extends object>(\n  column: ColumnConfiguration<T>,\n  value: Date\n): string {\n  const style = DATE_STYLE_MAP[column.format ?? 'medium'];\n  try {\n    return new Intl.DateTimeFormat(undefined, { dateStyle: style }).format(value);\n  } catch {\n    return value.toISOString();\n  }\n}\n\nfunction escapeCSVCell(value: ExportCellValue, delimiter: string): string {\n  if (value === null || value === undefined || value === '') return '';\n  const text = value instanceof Date ? value.toISOString() : String(value);\n  const needsQuoting =\n    text.includes(delimiter) || text.includes('\"') || text.includes('\\n') || text.includes('\\r');\n  return needsQuoting ? `\"${text.replace(/\"/g, '\"\"')}\"` : text;\n}\n\n/**\n * Builds the CSV string for the grid without triggering a download.\n *\n * @remarks\n * Useful when consumers want to ship the bytes through their own transport\n * (clipboard, HTTP upload). The {@link ApexGrid.exportToCSV} method calls\n * this and then triggers a browser download.\n */\nexport function buildCSV<T extends object>(\n  grid: ApexGrid<T>,\n  opts: CSVExportOptions<T> = {}\n): string {\n  const delimiter = opts.delimiter ?? ',';\n  const newline = opts.newline ?? '\\r\\n';\n  const includeHeader = opts.includeHeader ?? true;\n  const columns = resolveExportColumns(grid, opts);\n  const rows = resolveExportRows(grid, opts.source);\n\n  const lines: string[] = [];\n  if (includeHeader) {\n    lines.push(\n      columns.map((column) => escapeCSVCell(getColumnLabel(column), delimiter)).join(delimiter)\n    );\n  }\n  for (const row of rows) {\n    const cells = columns.map((column) => {\n      let value = resolveExportValue(column, row, opts);\n      if (value instanceof Date) {\n        value = formatDateForCSV(column, value);\n      }\n      return escapeCSVCell(value, delimiter);\n    });\n    lines.push(cells.join(delimiter));\n  }\n\n  const body = lines.join(newline);\n  return opts.bom === false ? body : `\\uFEFF${body}`;\n}\n\n/**\n * Triggers a browser download for the given payload.\n *\n * @remarks\n * Falls back to a no-op when called outside the browser (during SSR or unit\n * tests on JSDOM without a body), so consumers can still call the public\n * export API safely.\n */\nexport function downloadBlob(\n  filename: string,\n  content: string | Uint8Array,\n  mimeType: string\n): void {\n  if (typeof document === 'undefined' || typeof URL?.createObjectURL !== 'function') return;\n  // BlobPart accepts both string and Uint8Array; the cast quiets TS' strict\n  // overload resolution which prefers ArrayBufferView only.\n  const blob = new Blob([content as BlobPart], { type: mimeType });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  anchor.download = filename;\n  anchor.style.display = 'none';\n  document.body.appendChild(anchor);\n  anchor.click();\n  document.body.removeChild(anchor);\n  setTimeout(() => URL.revokeObjectURL(url), 0);\n}\n"]}

package/internal/flip.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Lightweight FLIP (First / Last / Invert / Play) helpers for animating
+ * element re-positioning during column reorder + row sort.
+ *
+ * @remarks
+ * Uses the Web Animations API with `composite: 'add'` so the FLIP delta
+ * stacks ON TOP of whatever inline `transform` the virtualizer already set
+ * on row elements — without `'add'` our keyframe would clobber the
+ * virtualizer's `translate(...)` and rows would jump to the origin before
+ * settling.
+ *
+ * Respects `prefers-reduced-motion: reduce` and bails out entirely when the
+ * user has opted out of motion.
+ */
+/**
+ * One element to FLIP, captured at its "first" (pre-mutation) position.
+ */
+export interface FlipEntry {
+    element: HTMLElement;
+    rect: DOMRect;
+}
+/**
+ * Plays the FLIP animation for every captured element by computing the
+ * delta against its current (post-mutation) bounding rect and animating it
+ * back to identity.
+ *
+ * @param entries - Elements captured by {@link captureRect}.
+ * @param axis - `'x'` for horizontal motion (column reorder), `'y'` for
+ * vertical motion (row sort), `'both'` for diagonal motion if either axis
+ * could move.
+ */
+export declare function playFlip(entries: ReadonlyArray<FlipEntry>, axis?: 'x' | 'y' | 'both'): void;
+/**
+ * Convenience: capture a rect for an element, returning a {@link FlipEntry}.
+ */
+export declare function captureRect(element: HTMLElement): FlipEntry;
+/**
+ * A subset of `LitElement` needed for {@link awaitChildUpdates}.
+ */
+interface UpdatableElement {
+    updateComplete: Promise<unknown>;
+}
+/**
+ * Awaits a set of child elements' `updateComplete` promises.
+ *
+ * @remarks
+ * The grid's `updateComplete` only resolves the grid's own update — child
+ * components (header row, body rows, cells) schedule their updates one
+ * microtask later. FLIP needs every relevant child to have its new DOM
+ * committed before computing the "Last" rect; without this wait the
+ * captured-before and measured-after rects match and the animation
+ * silently no-ops.
+ */
+export declare function awaitChildUpdates(elements: ReadonlyArray<UpdatableElement | null | undefined>): Promise<void>;
+/**
+ * Keyed FLIP entry — pairs an arbitrary identity key with a captured rect.
+ *
+ * @remarks
+ * Used for row sort animation: the virtualizer recycles `<apex-grid-row>`
+ * DOM elements so the same element holds different row data before and
+ * after a sort. We capture rects keyed by row data identity, then resolve
+ * the new DOM element after the sort via the `resolveElement` callback.
+ */
+export interface KeyedFlipEntry<K> {
+    key: K;
+    rect: DOMRect;
+}
+/**
+ * Plays a FLIP animation against elements located by key after a DOM
+ * mutation has settled. Used for row sort, where DOM elements get recycled
+ * across the mutation and can only be found by data identity.
+ *
+ * @param before - Rects captured before the mutation, keyed by data
+ * identity (or any other stable key).
+ * @param resolveElement - Function that returns the current DOM element
+ * representing `key`, or `null` if the keyed row is no longer in view.
+ * @param axis - Same semantics as {@link playFlip}.
+ */
+export declare function playKeyedFlip<K>(before: ReadonlyArray<KeyedFlipEntry<K>>, resolveElement: (key: K) => HTMLElement | null, axis?: 'x' | 'y' | 'both'): void;
+export {};

package/internal/flip.js

@@ -0,0 +1,52 @@
+const FLIP_DURATION_MS = 220;
+const FLIP_EASING = 'cubic-bezier(0.2, 0, 0.2, 1)';
+const MIN_DELTA_PX = 0.5;
+function prefersReducedMotion() {
+    if (typeof window === 'undefined' || !window.matchMedia)
+        return false;
+    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
+export function playFlip(entries, axis = 'both') {
+    if (prefersReducedMotion() || entries.length === 0)
+        return;
+    for (const { element, rect: oldRect } of entries) {
+        if (!element.isConnected)
+            continue;
+        const newRect = element.getBoundingClientRect();
+        const dx = axis === 'y' ? 0 : oldRect.left - newRect.left;
+        const dy = axis === 'x' ? 0 : oldRect.top - newRect.top;
+        if (Math.abs(dx) < MIN_DELTA_PX && Math.abs(dy) < MIN_DELTA_PX)
+            continue;
+        element.animate([{ transform: `translate(${dx}px, ${dy}px)` }, { transform: 'translate(0, 0)' }], {
+            duration: FLIP_DURATION_MS,
+            easing: FLIP_EASING,
+            composite: 'add',
+        });
+    }
+}
+export function captureRect(element) {
+    return { element, rect: element.getBoundingClientRect() };
+}
+export async function awaitChildUpdates(elements) {
+    await Promise.all(elements.filter((el) => el != null).map((el) => el.updateComplete));
+}
+export function playKeyedFlip(before, resolveElement, axis = 'both') {
+    if (prefersReducedMotion() || before.length === 0)
+        return;
+    for (const { key, rect: oldRect } of before) {
+        const element = resolveElement(key);
+        if (!element || !element.isConnected)
+            continue;
+        const newRect = element.getBoundingClientRect();
+        const dx = axis === 'y' ? 0 : oldRect.left - newRect.left;
+        const dy = axis === 'x' ? 0 : oldRect.top - newRect.top;
+        if (Math.abs(dx) < MIN_DELTA_PX && Math.abs(dy) < MIN_DELTA_PX)
+            continue;
+        element.animate([{ transform: `translate(${dx}px, ${dy}px)` }, { transform: 'translate(0, 0)' }], {
+            duration: FLIP_DURATION_MS,
+            easing: FLIP_EASING,
+            composite: 'add',
+        });
+    }
+}
+//# sourceMappingURL=flip.js.map

package/internal/flip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flip.js","sourceRoot":"","sources":["../../src/internal/flip.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Lightweight FLIP (First / Last / Invert / Play) helpers for animating\n * element re-positioning during column reorder + row sort.\n *\n * @remarks\n * Uses the Web Animations API with `composite: 'add'` so the FLIP delta\n * stacks ON TOP of whatever inline `transform` the virtualizer already set\n * on row elements — without `'add'` our keyframe would clobber the\n * virtualizer's `translate(...)` and rows would jump to the origin before\n * settling.\n *\n * Respects `prefers-reduced-motion: reduce` and bails out entirely when the\n * user has opted out of motion.\n */\n\nconst FLIP_DURATION_MS = 220;\nconst FLIP_EASING = 'cubic-bezier(0.2, 0, 0.2, 1)';\nconst MIN_DELTA_PX = 0.5;\n\nfunction prefersReducedMotion(): boolean {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * One element to FLIP, captured at its \"first\" (pre-mutation) position.\n */\nexport interface FlipEntry {\n  element: HTMLElement;\n  rect: DOMRect;\n}\n\n/**\n * Plays the FLIP animation for every captured element by computing the\n * delta against its current (post-mutation) bounding rect and animating it\n * back to identity.\n *\n * @param entries - Elements captured by {@link captureRect}.\n * @param axis - `'x'` for horizontal motion (column reorder), `'y'` for\n * vertical motion (row sort), `'both'` for diagonal motion if either axis\n * could move.\n */\nexport function playFlip(entries: ReadonlyArray<FlipEntry>, axis: 'x' | 'y' | 'both' = 'both') {\n  if (prefersReducedMotion() || entries.length === 0) return;\n\n  for (const { element, rect: oldRect } of entries) {\n    if (!element.isConnected) continue;\n    const newRect = element.getBoundingClientRect();\n    const dx = axis === 'y' ? 0 : oldRect.left - newRect.left;\n    const dy = axis === 'x' ? 0 : oldRect.top - newRect.top;\n    if (Math.abs(dx) < MIN_DELTA_PX && Math.abs(dy) < MIN_DELTA_PX) continue;\n\n    // `composite: 'add'` stacks our delta on top of any inline transform\n    // (e.g. the virtualizer's `translate(0, Ypx)` on row elements).\n    element.animate(\n      [{ transform: `translate(${dx}px, ${dy}px)` }, { transform: 'translate(0, 0)' }],\n      {\n        duration: FLIP_DURATION_MS,\n        easing: FLIP_EASING,\n        composite: 'add',\n      }\n    );\n  }\n}\n\n/**\n * Convenience: capture a rect for an element, returning a {@link FlipEntry}.\n */\nexport function captureRect(element: HTMLElement): FlipEntry {\n  return { element, rect: element.getBoundingClientRect() };\n}\n\n/**\n * A subset of `LitElement` needed for {@link awaitChildUpdates}.\n */\ninterface UpdatableElement {\n  updateComplete: Promise<unknown>;\n}\n\n/**\n * Awaits a set of child elements' `updateComplete` promises.\n *\n * @remarks\n * The grid's `updateComplete` only resolves the grid's own update — child\n * components (header row, body rows, cells) schedule their updates one\n * microtask later. FLIP needs every relevant child to have its new DOM\n * committed before computing the \"Last\" rect; without this wait the\n * captured-before and measured-after rects match and the animation\n * silently no-ops.\n */\nexport async function awaitChildUpdates(\n  elements: ReadonlyArray<UpdatableElement | null | undefined>\n) {\n  await Promise.all(\n    elements.filter((el): el is UpdatableElement => el != null).map((el) => el.updateComplete)\n  );\n}\n\n/**\n * Keyed FLIP entry — pairs an arbitrary identity key with a captured rect.\n *\n * @remarks\n * Used for row sort animation: the virtualizer recycles `<apex-grid-row>`\n * DOM elements so the same element holds different row data before and\n * after a sort. We capture rects keyed by row data identity, then resolve\n * the new DOM element after the sort via the `resolveElement` callback.\n */\nexport interface KeyedFlipEntry<K> {\n  key: K;\n  rect: DOMRect;\n}\n\n/**\n * Plays a FLIP animation against elements located by key after a DOM\n * mutation has settled. Used for row sort, where DOM elements get recycled\n * across the mutation and can only be found by data identity.\n *\n * @param before - Rects captured before the mutation, keyed by data\n * identity (or any other stable key).\n * @param resolveElement - Function that returns the current DOM element\n * representing `key`, or `null` if the keyed row is no longer in view.\n * @param axis - Same semantics as {@link playFlip}.\n */\nexport function playKeyedFlip<K>(\n  before: ReadonlyArray<KeyedFlipEntry<K>>,\n  resolveElement: (key: K) => HTMLElement | null,\n  axis: 'x' | 'y' | 'both' = 'both'\n) {\n  if (prefersReducedMotion() || before.length === 0) return;\n\n  for (const { key, rect: oldRect } of before) {\n    const element = resolveElement(key);\n    if (!element || !element.isConnected) continue;\n    const newRect = element.getBoundingClientRect();\n    const dx = axis === 'y' ? 0 : oldRect.left - newRect.left;\n    const dy = axis === 'x' ? 0 : oldRect.top - newRect.top;\n    if (Math.abs(dx) < MIN_DELTA_PX && Math.abs(dy) < MIN_DELTA_PX) continue;\n\n    element.animate(\n      [{ transform: `translate(${dx}px, ${dy}px)` }, { transform: 'translate(0, 0)' }],\n      {\n        duration: FLIP_DURATION_MS,\n        easing: FLIP_EASING,\n        composite: 'add',\n      }\n    );\n  }\n}\n"]}

package/internal/icons.d.ts

@@ -0,0 +1,24 @@
+import { type SVGTemplateResult, type TemplateResult } from 'lit';
+interface IconDef {
+    viewBox: string;
+    paths: SVGTemplateResult;
+}
+declare const ICONS: Record<string, IconDef>;
+export type GridIconName = keyof typeof ICONS;
+export interface IconRenderOptions {
+    /** Lit `slot` attribute. Useful when icons sit inside slotted positions of other components. */
+    slot?: string;
+    /** Lit `part` attribute. */
+    part?: string;
+    /** Inline `class` attribute. */
+    class?: string;
+    /** When provided, sets `data-sort-index` (used by the header sort indicator). */
+    sortIndex?: number | string;
+}
+/**
+ * Renders one of the grid's built-in icons as an inline `<svg>`. All icons are
+ * decorative (`aria-hidden="true"`) by default — surrounding controls supply
+ * the accessible label via `aria-label`.
+ */
+export declare function renderIcon(name: string, opts?: IconRenderOptions): TemplateResult;
+export {};

package/internal/icons.js

@@ -0,0 +1,134 @@
+import { html, svg } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+const ICONS = {
+    'arrow-upward': {
+        viewBox: '0 0 45 45',
+        paths: svg `<path d="M22.5 40V13.7L10.1 26.1 8 24 24 8l16 16-2.1 2.1-12.4-12.4V40Z"/>`,
+    },
+    'arrow-downward': {
+        viewBox: '0 0 45 45',
+        paths: svg `<path fill="currentColor" d="M24 40 8 24l2.1-2.1 12.4 12.4V8h3v26.3l12.4-12.4L40 24Z"/>`,
+    },
+    all: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M2 14h8v2H2zm0-8h12v2H2zm14 11l-3-3-1.5 1.5L16 20l7-7-1.5-1.5L16 17zM2 10h12v2H2z"/>`,
+    },
+    contains: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M3 3v18h18V3zm16 16H5V5h14z"/><path d="M12 11.3a4.39 4.39 0 00-2.54.63 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1.79a4.51 4.51 0 01-.21-.88 5.57 5.57 0 01-.07-.93v-3.5a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.54 3.54 0 00-2.3.72A1.93 1.93 0 009 10.29h1.71a.93.93 0 01.29-.71 1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1v.69zm1.4 1.08v1.17a1.61 1.61 0 01-.71.77 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9 1.76 1.76 0 011.22-.39z"/>`,
+    },
+    doesNotContain: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z"/>`,
+    },
+    greaterThan: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z"/>`,
+    },
+    greaterThanOrEqual: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z"/>`,
+    },
+    empty: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z"/>`,
+    },
+    endsWith: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z"/>`,
+    },
+    equals: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5 13.5h14v2H5zm0-5h14v2H5z"/>`,
+    },
+    false: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M8 5a7 7 0 107 7 7 7 0 00-7-7zm4.31 9.79l-1.52 1.52L8 13.52l-2.79 2.79-1.52-1.52L6.48 12 3.69 9.21l1.52-1.52L8 10.48l2.79-2.79 1.52 1.52L9.52 12zM18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7z"/><path d="M17.52 13.85l2.91-2.92-.78-.78-2.13 2.12-1.17-1.15-.38.37-.41.41.42.42L17 13.34l.52.51z"/>`,
+    },
+    lessThan: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z"/>`,
+    },
+    lessThanOrEqual: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z"/>`,
+    },
+    notEmpty: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z"/>`,
+    },
+    doesNotEqual: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z"/>`,
+    },
+    startsWith: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z"/>`,
+    },
+    true: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M19.44 14.22zm-2.88 0zm0 0L18 12.79l1.44 1.43.78-.78L18.79 12l1.43-1.44-.78-.78L18 11.21l-1.44-1.43-.78.78L17.21 12l-1.43 1.44.78.78z"/><path d="M18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7zM8 5a7 7 0 107 7 7 7 0 00-7-7zm-.93 10.18l-3.38-3.37 1.13-1.12 2.25 2.25 4.11-4.12 1.13 1.12z"/>`,
+    },
+    filter: {
+        viewBox: '0 0 45 45',
+        paths: svg `<path d="M20 36v-3h8v3Zm-8-10.5v-3h24v3ZM6 15v-3h36v3Z"/>`,
+    },
+    close: {
+        viewBox: '0 0 48 48',
+        paths: svg `<path d="m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z"/>`,
+    },
+    refresh: {
+        viewBox: '0 0 48 48',
+        paths: svg `<path d="M24 40q-6.65 0-11.325-4.675Q8 30.65 8 24q0-6.65 4.675-11.325Q17.35 8 24 8q4.25 0 7.45 1.725T37 14.45V8h3v12.7H27.3v-3h8.4q-1.9-3-4.85-4.85Q27.9 11 24 11q-5.45 0-9.225 3.775Q11 18.55 11 24q0 5.45 3.775 9.225Q18.55 37 24 37q4.15 0 7.6-2.375 3.45-2.375 4.8-6.275h3.1q-1.45 5.25-5.75 8.45Q29.45 40 24 40Z"/>`,
+    },
+    'page-first': {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>`,
+    },
+    'page-previous': {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>`,
+    },
+    'page-next': {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z"/>`,
+    },
+    'page-last': {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M6 18l8.5-6L6 6v12zM16 6h2v12h-2z"/>`,
+    },
+    search: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M15.5 14h-.79l-.28-.27a6.471 6.471 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.471 6.471 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>`,
+    },
+    star: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>`,
+    },
+    'chevron-down': {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z"/>`,
+    },
+    download: {
+        viewBox: '0 0 24 24',
+        paths: svg `<path d="M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"/>`,
+    },
+};
+export function renderIcon(name, opts = {}) {
+    const icon = ICONS[name];
+    if (!icon)
+        return html ``;
+    return html `<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox=${icon.viewBox}
+    fill="currentColor"
+    aria-hidden="true"
+    focusable="false"
+    data-icon=${name}
+    slot=${ifDefined(opts.slot)}
+    part=${ifDefined(opts.part)}
+    class=${ifDefined(opts.class)}
+    data-sort-index=${ifDefined(opts.sortIndex)}
+  >${icon.paths}</svg>`;
+}
+//# sourceMappingURL=icons.js.map

package/internal/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/internal/icons.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type SVGTemplateResult, svg, type TemplateResult } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\ninterface IconDef {\n  viewBox: string;\n  paths: SVGTemplateResult;\n}\n\nconst ICONS: Record<string, IconDef> = {\n  'arrow-upward': {\n    viewBox: '0 0 45 45',\n    paths: svg`<path d=\"M22.5 40V13.7L10.1 26.1 8 24 24 8l16 16-2.1 2.1-12.4-12.4V40Z\"/>`,\n  },\n  'arrow-downward': {\n    viewBox: '0 0 45 45',\n    paths: svg`<path fill=\"currentColor\" d=\"M24 40 8 24l2.1-2.1 12.4 12.4V8h3v26.3l12.4-12.4L40 24Z\"/>`,\n  },\n  all: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M2 14h8v2H2zm0-8h12v2H2zm14 11l-3-3-1.5 1.5L16 20l7-7-1.5-1.5L16 17zM2 10h12v2H2z\"/>`,\n  },\n  contains: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M3 3v18h18V3zm16 16H5V5h14z\"/><path d=\"M12 11.3a4.39 4.39 0 00-2.54.63 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1.79a4.51 4.51 0 01-.21-.88 5.57 5.57 0 01-.07-.93v-3.5a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.54 3.54 0 00-2.3.72A1.93 1.93 0 009 10.29h1.71a.93.93 0 01.29-.71 1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1v.69zm1.4 1.08v1.17a1.61 1.61 0 01-.71.77 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9 1.76 1.76 0 011.22-.39z\"/>`,\n  },\n  doesNotContain: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z\"/>`,\n  },\n  greaterThan: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z\"/>`,\n  },\n  greaterThanOrEqual: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z\"/>`,\n  },\n  empty: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z\"/>`,\n  },\n  endsWith: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z\"/>`,\n  },\n  equals: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5 13.5h14v2H5zm0-5h14v2H5z\"/>`,\n  },\n  false: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M8 5a7 7 0 107 7 7 7 0 00-7-7zm4.31 9.79l-1.52 1.52L8 13.52l-2.79 2.79-1.52-1.52L6.48 12 3.69 9.21l1.52-1.52L8 10.48l2.79-2.79 1.52 1.52L9.52 12zM18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7z\"/><path d=\"M17.52 13.85l2.91-2.92-.78-.78-2.13 2.12-1.17-1.15-.38.37-.41.41.42.42L17 13.34l.52.51z\"/>`,\n  },\n  lessThan: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z\"/>`,\n  },\n  lessThanOrEqual: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z\"/>`,\n  },\n  notEmpty: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z\"/>`,\n  },\n  doesNotEqual: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z\"/>`,\n  },\n  startsWith: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z\"/>`,\n  },\n  true: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M19.44 14.22zm-2.88 0zm0 0L18 12.79l1.44 1.43.78-.78L18.79 12l1.43-1.44-.78-.78L18 11.21l-1.44-1.43-.78.78L17.21 12l-1.43 1.44.78.78z\"/><path d=\"M18 7a5 5 0 00-3 1.06 7.48 7.48 0 01.49 1 3.89 3.89 0 110 5.82 8.08 8.08 0 01-.49 1A5 5 0 1018 7zM8 5a7 7 0 107 7 7 7 0 00-7-7zm-.93 10.18l-3.38-3.37 1.13-1.12 2.25 2.25 4.11-4.12 1.13 1.12z\"/>`,\n  },\n  filter: {\n    viewBox: '0 0 45 45',\n    paths: svg`<path d=\"M20 36v-3h8v3Zm-8-10.5v-3h24v3ZM6 15v-3h36v3Z\"/>`,\n  },\n  close: {\n    viewBox: '0 0 48 48',\n    paths: svg`<path d=\"m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z\"/>`,\n  },\n  refresh: {\n    viewBox: '0 0 48 48',\n    paths: svg`<path d=\"M24 40q-6.65 0-11.325-4.675Q8 30.65 8 24q0-6.65 4.675-11.325Q17.35 8 24 8q4.25 0 7.45 1.725T37 14.45V8h3v12.7H27.3v-3h8.4q-1.9-3-4.85-4.85Q27.9 11 24 11q-5.45 0-9.225 3.775Q11 18.55 11 24q0 5.45 3.775 9.225Q18.55 37 24 37q4.15 0 7.6-2.375 3.45-2.375 4.8-6.275h3.1q-1.45 5.25-5.75 8.45Q29.45 40 24 40Z\"/>`,\n  },\n  'page-first': {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M6 6h2v12H6zm3.5 6l8.5 6V6z\"/>`,\n  },\n  'page-previous': {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"/>`,\n  },\n  'page-next': {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z\"/>`,\n  },\n  'page-last': {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M6 18l8.5-6L6 6v12zM16 6h2v12h-2z\"/>`,\n  },\n  search: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M15.5 14h-.79l-.28-.27a6.471 6.471 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.471 6.471 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/>`,\n  },\n  star: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>`,\n  },\n  'chevron-down': {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z\"/>`,\n  },\n  download: {\n    viewBox: '0 0 24 24',\n    paths: svg`<path d=\"M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z\"/>`,\n  },\n};\n\nexport type GridIconName = keyof typeof ICONS;\n\nexport interface IconRenderOptions {\n  /** Lit `slot` attribute. Useful when icons sit inside slotted positions of other components. */\n  slot?: string;\n  /** Lit `part` attribute. */\n  part?: string;\n  /** Inline `class` attribute. */\n  class?: string;\n  /** When provided, sets `data-sort-index` (used by the header sort indicator). */\n  sortIndex?: number | string;\n}\n\n/**\n * Renders one of the grid's built-in icons as an inline `<svg>`. All icons are\n * decorative (`aria-hidden=\"true\"`) by default — surrounding controls supply\n * the accessible label via `aria-label`.\n */\nexport function renderIcon(name: string, opts: IconRenderOptions = {}): TemplateResult {\n  const icon = ICONS[name];\n  if (!icon) return html``;\n  return html`<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=${icon.viewBox}\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    data-icon=${name}\n    slot=${ifDefined(opts.slot)}\n    part=${ifDefined(opts.part)}\n    class=${ifDefined(opts.class)}\n    data-sort-index=${ifDefined(opts.sortIndex)}\n  >${icon.paths}</svg>`;\n}\n"]}

package/{dist/src/internal → internal}/is-defined.d.ts

@@ -1,2 +1 @@
 export declare function isDefined<T>(value: T | null | undefined): value is NonNullable<T>;
-//# sourceMappingURL=is-defined.d.ts.map

package/internal/is-defined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-defined.js","sourceRoot":"","sources":["../../src/internal/is-defined.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS,CAAI,KAA2B;IACtD,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC;AAC/C,CAAC","sourcesContent":["export function isDefined<T>(value: T | null | undefined): value is NonNullable<T> {\n  return value !== undefined && value !== null;\n}\n"]}

package/{dist/src/internal → internal}/mixins/event-emitter.d.ts

@@ -5,4 +5,3 @@ export declare class EventEmitterBase<E> extends LitElement {
     removeEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: M[K]) => any, options?: boolean | EventListenerOptions): void;
     emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(type: K, eventInitDict?: CustomEventInit<D>): boolean;
 }
-//# sourceMappingURL=event-emitter.d.ts.map

package/internal/mixins/event-emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../src/internal/mixins/event-emitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,MAAM,OAAO,gBAAoB,SAAQ,UAAU;IAMjC,gBAAgB,CAC9B,IAAY,EACZ,QAA4C,EAC5C,OAA2C;QAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC;IAOe,mBAAmB,CACjC,IAAY,EACZ,QAA4C,EAC5C,OAAwC;QAExC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC;IACM,SAAS,CACd,IAAO,EACP,aAAkC;QAElC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CACb,IAAc,EACd,MAAM,CAAC,MAAM,CACX;YACE,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,EAAE;SACX,EACD,aAAa,CACd,CACF,CACF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;\n\nexport class EventEmitterBase<E> extends LitElement {\n  public override addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public override addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void {\n    super.addEventListener(type, listener, options);\n  }\n\n  public override removeEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public override removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void {\n    super.removeEventListener(type, listener, options);\n  }\n  public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n    type: K,\n    eventInitDict?: CustomEventInit<D>\n  ): boolean {\n    return this.dispatchEvent(\n      new CustomEvent<D>(\n        type as string,\n        Object.assign(\n          {\n            bubbles: true,\n            cancelable: false,\n            composed: true,\n            detail: {},\n          },\n          eventInitDict\n        )\n      )\n    );\n  }\n}\n"]}

package/{dist/src/internal → internal}/normalize-case.d.ts

@@ -1,2 +1 @@
 export declare function normalizeCase(string: string, caseSensitive?: boolean): string;
-//# sourceMappingURL=normalize-case.d.ts.map

package/internal/normalize-case.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-case.js","sourceRoot":"","sources":["../../src/internal/normalize-case.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,aAAuB;IACnE,OAAO,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AACvD,CAAC","sourcesContent":["export function normalizeCase(string: string, caseSensitive?: boolean) {\n  return caseSensitive ? string : string.toLowerCase();\n}\n"]}

package/{dist/src/internal → internal}/part-map.d.ts

@@ -2,4 +2,3 @@ export interface PartNameInfo {
     readonly [name: string]: string | boolean | number;
 }
 export declare function partNameMap(parts: PartNameInfo): string;
-//# sourceMappingURL=part-map.d.ts.map

package/{dist/src/internal → internal}/part-map.js

@@ -1,6 +1,6 @@
 export function partNameMap(parts) {
     return Object.keys(parts)
-        .filter(key => parts[key])
+        .filter((key) => parts[key])
         .join(' ');
 }
 //# sourceMappingURL=part-map.js.map

package/internal/part-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"part-map.js","sourceRoot":"","sources":["../../src/internal/part-map.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,WAAW,CAAC,KAAmB;IAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SACtB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAC3B,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC","sourcesContent":["export interface PartNameInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nexport function partNameMap(parts: PartNameInfo) {\n  return Object.keys(parts)\n    .filter((key) => parts[key])\n    .join(' ');\n}\n"]}

package/{dist/src/internal → internal}/register.d.ts

@@ -1,7 +1,6 @@
 type ApexComponent = CustomElementConstructor & {
-    is: string;
-    register: Function;
+    tagName: string;
+    register: () => void;
 };
-export declare function registerComponent(component: ApexComponent, dependencies?: ApexComponent[]): void;
+export declare function registerComponent(component: ApexComponent, ...dependencies: ApexComponent[]): void;
 export {};
-//# sourceMappingURL=register.d.ts.map

package/internal/register.js

@@ -0,0 +1,9 @@
+export function registerComponent(component, ...dependencies) {
+    for (const dependency of dependencies) {
+        dependency.register();
+    }
+    if (!customElements.get(component.tagName)) {
+        customElements.define(component.tagName, component);
+    }
+}
+//# sourceMappingURL=register.js.map

package/internal/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../src/internal/register.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,iBAAiB,CAC/B,SAAwB,EACxB,GAAG,YAA6B;IAEhC,KAAK,MAAM,UAAU,IAAI,YAAY,EAAE,CAAC;QACtC,UAAU,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3C,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;AACH,CAAC","sourcesContent":["type ApexComponent = CustomElementConstructor & {\n  tagName: string;\n  register: () => void;\n};\n\nexport function registerComponent(\n  component: ApexComponent,\n  ...dependencies: ApexComponent[]\n): void {\n  for (const dependency of dependencies) {\n    dependency.register();\n  }\n\n  if (!customElements.get(component.tagName)) {\n    customElements.define(component.tagName, component);\n  }\n}\n"]}

package/{dist/src/internal → internal}/tags.d.ts

@@ -5,4 +5,5 @@ export declare const GRID_HEADER_TAG: "apex-grid-header";
 export declare const GRID_ROW_TAG: "apex-grid-row";
 export declare const GRID_CELL_TAG: "apex-grid-cell";
 export declare const GRID_FILTER_ROW_TAG: "apex-filter-row";
-//# sourceMappingURL=tags.d.ts.map
+export declare const GRID_PAGINATOR_TAG: "apex-grid-paginator";
+export declare const GRID_TOOLBAR_TAG: "apex-grid-toolbar";

package/{dist/src/internal → internal}/tags.js

@@ -5,4 +5,6 @@ export const GRID_HEADER_TAG = 'apex-grid-header';
 export const GRID_ROW_TAG = 'apex-grid-row';
 export const GRID_CELL_TAG = 'apex-grid-cell';
 export const GRID_FILTER_ROW_TAG = 'apex-filter-row';
+export const GRID_PAGINATOR_TAG = 'apex-grid-paginator';
+export const GRID_TOOLBAR_TAG = 'apex-grid-toolbar';
 //# sourceMappingURL=tags.js.map

package/internal/tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../src/internal/tags.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAoB,CAAC;AAC7C,MAAM,CAAC,MAAM,SAAS,GAAG,kBAA2B,CAAC;AACrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,sBAA+B,CAAC;AACnE,MAAM,CAAC,MAAM,eAAe,GAAG,kBAA2B,CAAC;AAC3D,MAAM,CAAC,MAAM,YAAY,GAAG,eAAwB,CAAC;AACrD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAyB,CAAC;AACvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAA0B,CAAC;AAC9D,MAAM,CAAC,MAAM,kBAAkB,GAAG,qBAA8B,CAAC;AACjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAA4B,CAAC","sourcesContent":["export const GRID_TAG = 'apex-grid' as const;\nexport const GRID_BODY = 'apex-virtualizer' as const;\nexport const GRID_HEADER_ROW_TAG = 'apex-grid-header-row' as const;\nexport const GRID_HEADER_TAG = 'apex-grid-header' as const;\nexport const GRID_ROW_TAG = 'apex-grid-row' as const;\nexport const GRID_CELL_TAG = 'apex-grid-cell' as const;\nexport const GRID_FILTER_ROW_TAG = 'apex-filter-row' as const;\nexport const GRID_PAGINATOR_TAG = 'apex-grid-paginator' as const;\nexport const GRID_TOOLBAR_TAG = 'apex-grid-toolbar' as const;\n"]}

package/internal/theming.d.ts

@@ -0,0 +1,34 @@
+import type { CSSResult, ReactiveController, ReactiveControllerHost, ReactiveElement } from 'lit';
+type Theme = 'material' | 'bootstrap' | 'indigo' | 'fluent';
+type Themes = {
+    light: {
+        [K in Theme | 'shared']?: CSSResult;
+    };
+    dark: {
+        [K in Theme | 'shared']?: CSSResult;
+    };
+};
+type ThemeChangedCallback = (theme: Theme) => unknown;
+type ThemingControllerConfig = {
+    themeChange?: ThemeChangedCallback;
+};
+declare class ThemingController implements ReactiveController {
+    private readonly _host;
+    private readonly _themes;
+    private readonly _options?;
+    private _theme;
+    private _variant;
+    get theme(): Theme;
+    constructor(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig);
+    /** @internal */
+    hostConnected(): void;
+    /** @internal */
+    hostDisconnected(): void;
+    /** @internal */
+    handleEvent(): void;
+    private _getStyles;
+    protected _adoptStyles(): void;
+    private _handleThemeChanged;
+}
+export declare function addThemingController(host: ReactiveControllerHost & ReactiveElement, themes: Themes, config?: ThemingControllerConfig): ThemingController;
+export type { ThemingController };