dap-design-system 0.59.2 → 0.60.0

package/dist/components/datatable/datatable.component.d.ts

@@ -7,6 +7,14 @@ export type ExtendedColumnDef<T> = ColumnDef<T, unknown> & {
     textAlign?: string;
     headerTextAlign?: string;
     disableDefaultSorting?: boolean;
+    /**
+     * Pins the column to the left or right edge of the horizontally scrolling
+     * viewport, so it stays visible while the other columns scroll under it.
+     * Give a pinned column an explicit `size` — its width is what positions the
+     * next column pinned to the same side. Columns pinned to one side stack in
+     * DOM order out from that edge.
+     */
+    sticky?: 'left' | 'right';
 };
 type LoadingType = 'spinner' | 'skeleton';
 /**
@@ -68,6 +76,7 @@ type LoadingType = 'spinner' | 'skeleton';
 export default class DapDSDataTable<T> extends DdsElement {
     static readonly styles: import('lit').CSSResult;
     private readonly tableController;
+    private stickyOffsets;
     /** Data to display in the table */
     data: RowData[];
     /** Columns to display in the table */
@@ -78,6 +87,9 @@ export default class DapDSDataTable<T> extends DdsElement {
      * @type {boolean | ((row: Row<T>) => boolean)}
      */
     enableRowSelection: boolean | ((row: Row<T>) => boolean);
+    /** Pin the built-in row-selection (checkbox) column to the left edge, so it
+     * stays visible while the other columns scroll horizontally under it. */
+    stickySelectionColumn: boolean;
     /** Enable sorting on the table */
     enableSorting: boolean;
     /** Enable manual sorting on the table */
@@ -195,6 +207,8 @@ export default class DapDSDataTable<T> extends DdsElement {
      */
     disconnectedCallback(): void;
     private readonly columnsMemo;
+    private computeStickyOffsets;
+    private getStickyStyle;
     private renderHeaderCell;
     private renderHeaderCellContent;
     private getHeaderCellStyle;