@ds-mo/ui 15.4.0 → 15.5.0

package/dist/types/components/Chart/Chart.d.ts

@@ -14,7 +14,7 @@ export declare class Chart {
     label: string;
     /** Optional longer accessible description. */
     description?: string;
-    /** Locale used by axes and default tooltip formatters. */
+    /** Locale used by axes and default tooltip formatters. Defaults to English (en-US). */
     locale?: string;
     /** Fixed surface width. Otherwise the chart observes its container. */
     width?: number;
@@ -32,17 +32,23 @@ export declare class Chart {
     private resizeObserver?;
     private resizeFrame?;
     private compileFrame?;
+    private hasLoaded;
+    private connectionGeneration;
     private warnedConflictingHeight;
+    private measuredScene?;
+    private measuredFont;
     private measuredLabels;
     private descriptionId;
     private clipId;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    connectedCallback(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;
     onDefinitionInputChange(): void;
     onWidthChange(): void;
     private get surfaceHeight();
+    private connect;
     private connectResizeObserver;
     private measureHost;
     private applyMeasuredSize;

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -14,6 +14,8 @@ export declare class Checkbox {
     size: CheckboxSize;
     /** Native form field name. */
     name: string | undefined;
+    /** Associates the checkbox with a form by id when rendered outside that form. */
+    form: string | undefined;
     /** Submitted value when checked. */
     value: string;
     /** Native disabled state. */
@@ -39,6 +41,7 @@ export declare class Checkbox {
     syncFormValue(): void;
     formDisabledCallback(disabled: boolean): void;
     formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
     private handleActivate;
     private handleKeyDown;
     render(): any;

package/dist/types/components/ConversationList/ConversationList.d.ts

@@ -2,7 +2,10 @@ export declare class ConversationList {
     el: HTMLElement;
     private empty?;
     private emptySlotObserver?;
+    private hasLoaded;
+    connectedCallback(): void;
     componentDidLoad(): void;
+    private observeEmptySlot;
     disconnectedCallback(): void;
     private syncEmptyStateLayout;
     render(): any;

package/dist/types/components/DataGroup/DataGroup.d.ts

@@ -50,9 +50,12 @@ export declare class DataGroup {
     private triggerElement;
     private pendingInitialFocusVisible;
     private closeTimer;
+    private loaded;
+    private readonly tasks;
     private readonly position;
     private readonly interaction;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     onOpenChange(isOpen: boolean): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/DataPreferences/DataPreferences.d.ts

@@ -60,6 +60,7 @@ export declare class DataPreferences {
     private readonly popupId;
     private trigger?;
     private popup?;
+    private readonly tasks;
     private readonly position;
     private readonly interaction;
     disconnectedCallback(): void;

package/dist/types/components/FilterMenu/FilterMenu.d.ts

@@ -143,6 +143,7 @@ export declare class FilterMenu {
     private closeTimer;
     private captionCompactDisconnect;
     private hasLoaded;
+    private readonly tasks;
     private closingSnapshot;
     private readonly position;
     private readonly interaction;

package/dist/types/components/Icon/icon-cache.d.ts

@@ -45,6 +45,12 @@ export declare function iconCache(): IconCacheMap;
  * name IcoMo does not ship — an app's own marker artwork, say — register as
  * system and resolve the same way.
  *
+ * Custom glyphs must be static and self-contained. Shapes, local gradients,
+ * clipping and narrow inline paint styles are supported; scripts, embedded
+ * stylesheets, animation, images and external resources are rejected. Validation
+ * happens when rendering, including for pre-registered strings. Unsupported
+ * markup preserves the icon's empty fixed-size box.
+ *
  * There is deliberately no category override. ds-icon has no such override when
  * it reads, so forcing a different category on write could only produce an
  * entry nothing ever reads.

package/dist/types/components/Icon/icon-svg.d.ts

@@ -1,26 +1,12 @@
-/**
- * Glyph markup validation + Trusted-Types-safe parsing for ds-icon.
- *
- * Glyphs normally come from the trusted @ds-mo/icons build pipeline, but
- * `registerIcons` accepts arbitrary app-provided strings and injection is a
- * sink — so every glyph is validated at the render boundary. Injection uses
- * parsed DOM nodes (never innerHTML), which keeps ds-icon working under a
- * strict CSP with `require-trusted-types-for 'script'`.
- */
-/** Structural view of an element so the walk is unit-testable without a DOM. */
-export interface IconSvgElementLike {
-    localName: string;
-    getAttributeNames(): string[];
-    getAttribute(name: string): string | null;
-    children: ArrayLike<IconSvgElementLike>;
+export interface IconSvgNode {
+    name: string;
+    attributes: Record<string, string>;
+    styles: [string, string][];
+    children: IconSvgNode[];
+    text: string;
 }
-/** True when `root` is an `<svg>` whose whole tree passes validation. */
-export declare function isValidIconSvgRoot(root: IconSvgElementLike | null): boolean;
-/**
- * Parse + validate glyph markup. Returns a detached `<svg>` element ready to
- * append (appending adopts it into the document), or `null` when the markup
- * is not well-formed XML, not rooted at `<svg>`, or fails validation —
- * ds-icon renders an empty fixed-size box in that case.
- */
-export declare function parseIconSvg(svg: string): SVGElement | null;
+/** Parse a bounded static glyph into data, without touching a browser markup sink. */
+export declare function parseIconSvgTree(svg: string): IconSvgNode | null;
+/** Construct validated SVG with namespaced DOM APIs, without a Trusted Types policy. */
+export declare function parseIconSvg(svg: string, ownerDocument?: Document): SVGElement | null;
 //# sourceMappingURL=icon-svg.d.ts.map

package/dist/types/components/Markdown/Markdown.d.ts

@@ -1,9 +1,13 @@
 export declare class Markdown {
+    el: HTMLElement;
     content: string;
     streaming: boolean;
     private tree;
     private parseFrame?;
     private parseRevision;
+    private initialized;
+    private readonly tasks;
+    connectedCallback(): void;
     componentWillLoad(): Promise<void> | undefined;
     disconnectedCallback(): void;
     scheduleParse(): void;

package/dist/types/components/Menu/Menu.d.ts

@@ -57,6 +57,8 @@ export declare class Menu {
     /** Emitted after a pointer drop or keyboard move; Menu never mutates item order. */
     dsReorder: EventEmitter<MenuReorderDetail>;
     private closeTimer;
+    private loaded;
+    private readonly tasks;
     private positionReadyCallback;
     private suppressItemClick;
     private reorderPointer;
@@ -73,6 +75,7 @@ export declare class Menu {
     private readonly emptyMessageId;
     private lastRenderedEmptyMessage;
     componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     onOpenChange(isOpen: boolean): void;
     onAnchorChange(): void;

package/dist/types/components/Message/Message.d.ts

@@ -6,7 +6,7 @@ export declare class Message {
     author: string;
     /** Keep author semantics while allowing products with self-evident roles to hide the visible label. */
     showAuthor: boolean;
-    /** ISO timestamp. */
+    /** ISO timestamp. Displayed in English using the viewer’s local time zone. */
     timestamp: string;
     deliveryState: MessageDeliveryState | undefined;
     streaming: boolean;

package/dist/types/components/MobileSectionSwitcher/MobileSectionSwitcher.d.ts

@@ -30,8 +30,13 @@ export declare class MobileSectionSwitcher {
     private themeObserver?;
     private closeTimer;
     private visibilityObserver?;
+    private loaded;
+    private boundDocument?;
+    private readonly tasks;
     private readonly handleDocumentKeyDown;
     componentDidLoad(): void;
+    connectedCallback(): void;
+    private connectResources;
     componentDidRender(): void;
     disconnectedCallback(): void;
     handlePresentationChange(): void;

package/dist/types/components/Modal/Modal.d.ts

@@ -26,6 +26,9 @@ export declare class Modal {
     private dialogEl;
     private previousFocus;
     private closeTimer;
+    private loaded;
+    private readonly tasks;
+    connectedCallback(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;

package/dist/types/components/PanelNav/PanelNav.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { ChromeTransitionDetail } from '../../shell/chrome-transition';
+import { type ChromeTransitionDetail } from '../../shell/chrome-transition';
 import type { NavChromeStyle } from '../../shell/nav-chrome';
 import { type PanelNavChildSelectDetail, type PanelNavGroup, type PanelNavPresentation, type PanelNavRouterMode, type PanelNavUserActionDetail } from './panel-nav-types';
 export declare class PanelNav {
@@ -84,6 +84,9 @@ export declare class PanelNav {
     private scrollRegionObserver?;
     private bodyEl?;
     private initialRenderComplete;
+    private hasLoaded;
+    private readonly connectionTasks;
+    private transitionShell;
     private inlineChildrenExpansionFrame;
     private isDragging;
     private dragStartX;
@@ -92,6 +95,7 @@ export declare class PanelNav {
     private edgeOverlayTimer;
     private globalMouseMoveHandler?;
     private globalMouseUpHandler?;
+    private dragBodyStyle?;
     private showEdgeOverlay;
     private static readonly HOST_PROP_SYNC_BUDGET;
     /** The ID that should be treated as active. `currentUrl` matching takes precedence
@@ -109,7 +113,9 @@ export declare class PanelNav {
     onCurrentUrlChange(): void;
     onNavStyleChange(newVal: NavChromeStyle): void;
     componentWillLoad(): void;
+    connectedCallback(): void;
     componentDidLoad(): void;
+    private connectResources;
     componentDidRender(): void;
     disconnectedCallback(): void;
     private startCollapseAnimation;
@@ -162,6 +168,7 @@ export declare class PanelNav {
     private handleResizeHandleMouseEnter;
     private handleResizeHandleMouseLeave;
     private handleResizeHandleMouseDown;
+    private clearResizeDrag;
     private renderFooterAction;
     private renderFooterUser;
     private renderParentItem;

package/dist/types/components/Radio/Radio.d.ts

@@ -43,6 +43,7 @@ export declare class Radio {
     private initialValue;
     private formDisabled;
     private get hasGroupLabel();
+    private get hasSelection();
     /** Settings rows own a separate heading; never mount the form group label there. */
     private get showGroupLabel();
     componentWillLoad(): void;

package/dist/types/components/ScrollOverlay/ScrollOverlay.d.ts

@@ -14,6 +14,7 @@ export declare class ScrollOverlay {
     private content?;
     private overlay?;
     private controller?;
+    connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     /** Move the owned scrollport to its beginning. */

package/dist/types/components/Select/Select.d.ts

@@ -34,6 +34,8 @@ export declare class Select {
     open: boolean;
     /** Native form field name. */
     name: string | undefined;
+    /** Associates the select with a form by id when rendered outside that form. */
+    form: string | undefined;
     /** Native disabled state. */
     disabled: boolean;
     /** Require one valid selected value. */
@@ -60,6 +62,8 @@ export declare class Select {
     popupAlign: SelectPopupAlign;
     /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */
     boundary: HTMLElement | undefined;
+    /** Optional popup positioning anchor; the trigger still owns focus and accessibility. */
+    anchor: HTMLElement | undefined;
     /** Shared inactive treatment; removes interaction and form submission. */
     isInactive: boolean;
     /** Replace the prefix with a loader and disable option interaction. */
@@ -77,6 +81,10 @@ export declare class Select {
     iconOnly: boolean;
     /** Show the surface-aware inset border, including focused and invalid strokes. */
     hasBorder: boolean;
+    /** Disable only when a containing surface owns hover and press feedback. */
+    hasInteractionFill: boolean;
+    /** Disable only when a containing surface supplies a visible focus indicator. */
+    hasFocusRing: boolean;
     /** Use a pill radius on the trigger. Popup chrome stays on the menu radius. */
     rounded: boolean;
     /** Optional trigger prefix icon name. */

package/dist/types/components/ShellApp/ShellApp.d.ts

@@ -99,6 +99,7 @@ export declare class ShellApp {
     private mobileActionTriggerEl;
     private resizeObserver;
     private hasLoaded;
+    private readonly connectionTasks;
     private foregroundRefreshTimer;
     private readonly panelNavTransition;
     private readonly chromeSyncCoalescer;
@@ -115,7 +116,9 @@ export declare class ShellApp {
     private get resolvedPageTabs();
     private get availableInboxTools();
     componentWillLoad(): void;
+    connectedCallback(): void;
     componentDidLoad(): void;
+    private connectResources;
     handleToolsPresentation(event: CustomEvent<{
         presentation?: string;
     }>): void;

package/dist/types/components/Slider/Slider.d.ts

@@ -47,7 +47,7 @@ export declare class Slider {
     valueText: string | undefined;
     /** Per-thumb human-readable value text for a range slider. Assign through the JavaScript property. */
     valueTexts: string[];
-    /** Locale used by Intl.NumberFormat for the visible value. */
+    /** Locale used for the visible value. Defaults to English (en-US). */
     locale: string | undefined;
     /** Intl.NumberFormat options. Assign objects through the JavaScript property. */
     formatOptions: Intl.NumberFormatOptions | undefined;

package/dist/types/components/Switch/Switch.d.ts

@@ -32,6 +32,8 @@ export declare class Switch {
     private touched;
     private transitionsEnabled;
     private transitionsFrame?;
+    private readonly tasks;
+    connectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/Table/Table.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { TableCellSpan, TableCellRange, TableCellsChangeDetail } from './table-types';
 import type { PaginationChangeDetail } from '../Pagination/pagination-types';
 import type { MenuItemData } from '../Menu/menu-types';
 import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, DataFieldsConfigChangeDetail, TableDataMode, TableDataModeChangeDetail, DataGroup, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, DataGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, DataSortChangeDetail, DataSortState } from './table-types';
@@ -6,6 +7,16 @@ export declare class Table {
     el: HTMLElement;
     /** Stable column definitions. Assign through JavaScript. */
     columns: TableColumn[];
+    /** Opt-in native card presentation below the 768px table container breakpoint. */
+    responsiveLayout: 'scroll' | 'cards';
+    /** Explicit report merges; invalid combinations leave the original cells visible. */
+    cellSpans: TableCellSpan[];
+    /** Table is read-only; edit uses per-cell pencil buttons; grid adds cell selection and keyboard navigation. Grouped tables remain read-only. */
+    interactionMode: 'table' | 'edit' | 'grid';
+    /** Controlled rectangular cell selection, independent of row checkbox selection. */
+    cellRange: TableCellRange | null;
+    dsCellRangeChange: EventEmitter<TableCellRange>;
+    dsCellsChange: EventEmitter<TableCellsChangeDetail>;
     /** Additional toggle options in the column customizer. */
     customizeOptions: MenuItemData[];
     dsCustomizeOptionChange: EventEmitter<string>;
@@ -150,6 +161,7 @@ export declare class Table {
     private actionMenuSurface;
     private truncateTooltipLabel;
     private captionCompact;
+    private narrowViewport;
     private columnCustomizerOpen;
     private columnCustomizerSurfaceOpen;
     private columnCustomizerInitialFocusVisible;
@@ -157,13 +169,35 @@ export declare class Table {
     private dataModeSwitcherSurfaceOpen;
     private dataModeSwitcherInitialFocusVisible;
     private virtualWindow;
+    private activeCell;
+    private editingCell;
+    private editDraft;
+    private gridModelCache?;
+    private get gridEnabled();
+    private get editingEnabled();
+    private get gridModel();
+    private gridAddress;
+    private selectCell;
+    private focusCell;
+    private isEditableAddress;
+    private beginCellEdit;
+    private handleGridKeyDown;
+    private handleGridClipboard;
+    private renderCellEditor;
+    private renderCellEditTrigger;
+    private gridCellAttributes;
     private readonly actionMenuElementId;
+    private structureCache?;
+    private get structure();
+    private headerId;
+    private columnBandId;
     private readonly columnCustomizerElementId;
     private readonly dataModeSwitcherElementId;
     private truncateTooltipEl?;
     private truncateAnchor;
     private truncateTooltipBound;
     private focusedRowId;
+    private virtualRenderFocus;
     private virtualItems;
     private visibleColumnsCache;
     private renderModelCache;
@@ -200,6 +234,7 @@ export declare class Table {
     private readonly viewportFitController;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    componentWillRender(): void;
     componentDidRender(): void;
     /**
      * Scroll the nearest vertical owner only enough to reveal a supplied row.

package/dist/types/components/Table/index.d.ts

@@ -1,2 +1,2 @@
-export type { TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellActionDivider, TableCellActionMenuEntry, TableCellActionMenuItem, TableCellBlank, TableCellEmpty, TableCellLinkTarget, TableCellIcon, TableCellIconText, TableCellScoreText, TableCellImage, TableCellImageTracks, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTextRun, TableCellTextTrack, TableCellTag, TableCellTagItem, TableCellTags, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, DataFieldsConfigChangeDetail, TableColumnSticky, TableColumnWidth, TableDataMode, TableDataModeChangeDetail, DataGroup, TableGroupAccessory, TableGroupHero, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, DataGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, DataSortChangeDetail, DataSortDirection, DataSortState, } from './table-types';
+export type { TableCellEditor, TableCellDecoration, TableCellSpan, TableCellAddress, TableCellRange, TableCellsChangeDetail, TableCaptionVisibility, TableCellAlign, TableCellAction, TableCellActionDetail, TableCellActionDivider, TableCellActionMenuEntry, TableCellActionMenuItem, TableCellBlank, TableCellEmpty, TableCellLinkTarget, TableCellIcon, TableCellIconText, TableCellScoreText, TableCellImage, TableCellImageTracks, TableCellPrimaryText, TableCellSkeleton, TableCellText, TableCellTextRun, TableCellTextTrack, TableCellTag, TableCellTagItem, TableCellTags, TableCellTagVariant, TableCellValue, TableSkeletonWidth, TableColumn, DataFieldsConfigChangeDetail, TableColumnSticky, TableColumnWidth, TableDataMode, TableDataModeChangeDetail, DataGroup, TableGroupAccessory, TableGroupHero, TableGroupCollapseChangeDetail, TableGroupLoadMoreDetail, TableGroupIntent, TableHeaderSegment, DataGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableLoadMoreReason, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, DataSortChangeDetail, DataSortDirection, DataSortState, } from './table-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Table/table-body-renderer.d.ts

@@ -6,6 +6,7 @@ export interface TableVirtualRowPoolState {
     nextSlot: number;
 }
 export interface TableBodyRenderOptions {
+    headerRowCount?: number;
     model: TableRenderModel;
     plan: TableVirtualPlan | null;
     rows: TableRow[];

package/dist/types/components/Table/table-cell-editor.d.ts

@@ -0,0 +1,4 @@
+import type { TableCellEditor } from './table-types';
+/** Shared controls own field behavior; Table owns the draft, cell chrome and commit boundary. */
+export declare function renderTableCellEditor(editor: TableCellEditor, value: string, ariaLabel: string, anchor: HTMLElement | undefined, change: (value: string) => void): any;
+//# sourceMappingURL=table-cell-editor.d.ts.map

package/dist/types/components/Table/table-grid-model.d.ts

@@ -0,0 +1,23 @@
+import type { TableCellAddress, TableCellRange, TableCellsChangeDetail, TableColumn, TableRow } from './table-types';
+/** Snapshot-local index; arrow navigation and visible-cell range checks are constant time. */
+export declare function tableGridModel(rows: TableRow[], columns: TableColumn[]): {
+    firstEditable: TableCellAddress | null;
+    rows: TableRow[];
+    columns: TableColumn[];
+    rowIndices: Map<string, number>;
+    columnIndices: Map<string, number>;
+};
+export type TableGridModel = ReturnType<typeof tableGridModel>;
+/** Scan only on navigation, not render/scroll; read-only cells are never focus stops. */
+export declare function tableNextEditable(model: TableGridModel, address: TableCellAddress, key: string, backwards?: boolean): TableCellAddress | null;
+export declare function tableRangeBounds(model: TableGridModel, range: TableCellRange | null): {
+    firstRow: number;
+    lastRow: number;
+    firstColumn: number;
+    lastColumn: number;
+} | null;
+export declare function tableEditable(row: TableRow, column: TableColumn): boolean;
+export declare function tableEditValue(text: string, column: TableColumn): string | number | null | undefined;
+/** Plain TSV only, bounded and atomic: never partially apply invalid or read-only rectangles. */
+export declare function tablePasteChanges(model: TableGridModel, address: TableCellAddress, text: string): TableCellsChangeDetail['changes'] | null;
+//# sourceMappingURL=table-grid-model.d.ts.map

package/dist/types/components/Table/table-layout-controller.d.ts

@@ -20,6 +20,7 @@ export interface TableLayoutControllerOptions {
     elements: () => TableLayoutElements;
     mode: () => TableLayoutMode;
     overflowChanged: (state: TableOverflowState) => void;
+    narrowChanged?: (narrow: boolean) => void;
     verticalEdgeWheel?: (deltaY: number) => boolean;
 }
 export interface TableLayoutMetricInput {

package/dist/types/components/Table/table-model.d.ts

@@ -39,7 +39,7 @@ export declare function tableColumnSize(column: TableColumn): string | undefined
 export declare function tableElasticSpacerIndex(columns: TableColumn[]): number | undefined;
 export declare function tableExplicitMinWidth(columns: TableColumn[]): string | undefined;
 export declare function tableRows(rows: TableRow[], groups: DataGroup[], grouped: boolean): TableRow[];
-export declare function deriveTableSelectionState(rows: TableRow[], selectedRowIds: readonly string[]): TableSelectionState;
+export declare function deriveTableSelectionState(rows: TableRow[], selectedRowIds: readonly string[] | ReadonlySet<string>): TableSelectionState;
 export declare function toggleTableRowSelection(selectedRowIds: readonly string[], row: TableRow): string[];
 export declare function toggleAllLoadedTableRows(selectedRowIds: readonly string[], loadedRows: TableRow[]): string[];
 /** Toggle every selectable loaded row that belongs to a group. */

package/dist/types/components/Table/table-review-fixtures.d.ts

@@ -0,0 +1,10 @@
+import type { TableColumn, TableRow } from './table-types';
+export declare const REVIEW_COLUMNS: TableColumn[];
+export declare function tableReviewRows(count?: number): TableRow[];
+export declare const EDIT_COLUMNS: TableColumn[];
+export declare const EDIT_ROWS: TableRow[];
+export declare const FIELD_COLUMNS: TableColumn[];
+export declare const FIELD_ROWS: TableRow[];
+export declare const MERGE_COLUMNS: TableColumn[];
+export declare const MERGE_ROWS: TableRow[];
+//# sourceMappingURL=table-review-fixtures.d.ts.map

package/dist/types/components/Table/table-row-view.d.ts

@@ -1,7 +1,16 @@
 import type { TableRenderModel } from './table-render-model';
 import { type TableHighlightMatcher } from './table-highlight';
 import type { TableCellActionDetail, TableColumn, TableRow } from './table-types';
+import type { TableColumnLayout, TableSpanCell } from './table-structure';
 export interface TableRowViewOptions {
+    pins?: Map<string, TableColumnLayout>;
+    spans?: Map<string, TableSpanCell>;
+    headerId?: (id: string) => string;
+    responsiveCards?: boolean;
+    cellAttributes?: (row: TableRow, column: TableColumn) => Record<string, unknown>;
+    renderEditor?: (row: TableRow, column: TableColumn) => unknown;
+    renderEditTrigger?: (row: TableRow, column: TableColumn) => unknown;
+    grid?: boolean;
     row: TableRow;
     model: TableRenderModel;
     visibleColumns: TableColumn[];
@@ -23,7 +32,7 @@ export interface TableRowViewOptions {
     intrinsicBlockSize?: number;
     rowKey?: string;
     renderSelectionControl: (label: string, checked: boolean, indeterminate: boolean, disabled: boolean, onActivate: () => void) => unknown;
-    renderStickyEdge: (sticky: TableColumn['sticky']) => unknown;
+    renderStickyEdge: (sticky: TableColumn['sticky'], shadow?: boolean) => unknown;
     onRowActivate: (row: TableRow, event: Event) => void;
     onRowKeyDown: (row: TableRow, event: KeyboardEvent) => void;
     onRowSelection: (row: TableRow) => void;
@@ -31,5 +40,5 @@ export interface TableRowViewOptions {
     onActionMenuToggle: (row: TableRow, column: TableColumn, event: MouseEvent) => void;
 }
 /** Render one semantic body row and the complete declarative table-cell vocabulary. */
-export declare function renderTableRow({ row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, actionMenuSurface, highlightMatcher, highlightFieldIds, surfaceOpenRowId, ariaRowIndex, variableVirtualSize, intrinsicBlockSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
+export declare function renderTableRow({ pins, spans, headerId, responsiveCards, cellAttributes, renderEditor, renderEditTrigger, grid, row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, actionMenuSurface, highlightMatcher, highlightFieldIds, surfaceOpenRowId, ariaRowIndex, variableVirtualSize, intrinsicBlockSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
 //# sourceMappingURL=table-row-view.d.ts.map

package/dist/types/components/Table/table-skeleton-view.d.ts

@@ -1,10 +1,12 @@
 import type { TableRenderModel } from './table-render-model';
 import type { TableColumn } from './table-types';
+import type { TableColumnLayout } from './table-structure';
 interface TableSkeletonViewOptions {
+    pins?: Map<string, TableColumnLayout>;
     model: TableRenderModel;
     visibleColumns: TableColumn[];
     skeletonRows: number;
-    renderStickyEdge: (sticky: TableColumn['sticky']) => unknown;
+    renderStickyEdge: (sticky: TableColumn['sticky'], shadow?: boolean) => unknown;
 }
 /** Render the loading body from the same cell recipes used by loaded rows. */
 export declare function renderTableSkeletonBody(options: TableSkeletonViewOptions): any;

package/dist/types/components/Table/table-structure.d.ts

@@ -0,0 +1,38 @@
+import type { TableCellSpan, TableColumn, TableRow } from './table-types';
+export interface TableColumnLayout {
+    style: Record<string, string>;
+    edge?: 'start' | 'end';
+}
+/** Column-only work. Never measure cells or scan rows while scrolling. */
+export declare function tablePinnedColumns(columns: TableColumn[], selectable: boolean): Map<string, TableColumnLayout>;
+export interface TableHeaderBand {
+    key: string;
+    label?: string;
+    start: number;
+    span: number;
+    firstColumnId?: string;
+    lastColumnId?: string;
+    sticky?: 'start' | 'end';
+}
+/** Split at visibility, reorder, selection, spacer and pin boundaries. Never span an unrelated column. */
+export declare function tableHeaderBands(columns: TableColumn[], selectable: boolean, spacer?: number): TableHeaderBand[];
+export type TableSpanCell = {
+    rowSpan: number;
+    colSpan: number;
+    columnStart: number;
+    columnIds: string[];
+} | 'covered';
+export interface TableSpanModel {
+    cells: Map<string, Map<string, TableSpanCell>>;
+    issues: string[];
+    hasRowSpans: boolean;
+}
+/** Validate the complete rectangle before covering any cells. Invalid spans leave all data visible. */
+export declare function tableSpanModel(spans: TableCellSpan[], rows: TableRow[], columns: TableColumn[], options: {
+    windowed: boolean;
+    grouped: boolean;
+    grid: boolean;
+    selectable: boolean;
+    spacer?: number;
+}): TableSpanModel;
+//# sourceMappingURL=table-structure.d.ts.map