@tailng-ui/primitives 0.40.0 → 0.42.0

package/src/lib/layout/table/tng-table-sizing.js

@@ -0,0 +1,361 @@
+import { Directive, ElementRef, HostBinding, HostListener, booleanAttribute, forwardRef, inject, input, output, } from '@angular/core';
+import { TngTable, TngTableCell, TngTableHeaderCell } from './tng-table';
+import * as i0 from "@angular/core";
+function normalizeCssLength(value) {
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return `${value}px`;
+    }
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+}
+function normalizeOptionalString(value) {
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+}
+function normalizeWidthMap(value) {
+    if (typeof value !== 'object' || value === null) {
+        return {};
+    }
+    const nextWidths = {};
+    for (const [columnId, columnWidth] of Object.entries(value)) {
+        const normalizedWidth = normalizeCssLength(columnWidth);
+        if (normalizedWidth !== null) {
+            nextWidths[columnId] = normalizedWidth;
+        }
+    }
+    return nextWidths;
+}
+function parsePixelLength(value) {
+    if (value === null) {
+        return null;
+    }
+    const trimmed = value.trim();
+    if (/^-?\d+(\.\d+)?px$/u.test(trimmed)) {
+        return Number.parseFloat(trimmed.slice(0, -2));
+    }
+    if (/^-?\d+(\.\d+)?$/u.test(trimmed)) {
+        return Number.parseFloat(trimmed);
+    }
+    return null;
+}
+function measureWidth(element) {
+    const rectWidth = element.getBoundingClientRect().width;
+    if (Number.isFinite(rectWidth) && rectWidth > 0) {
+        return rectWidth;
+    }
+    return element.offsetWidth;
+}
+export class TngTableColumnSizing {
+    columns = new Set();
+    table = inject(TngTable);
+    uncontrolledWidths = {};
+    resizingColumnId = null;
+    widths = input(undefined, { ...(ngDevMode ? { debugName: "widths" } : {}), alias: 'tngTableColumnWidths' });
+    columnWidthsChange = output();
+    dataColumnSizing = '';
+    getResolvedMaxWidth(column) {
+        const columnId = column.getColumnId();
+        return columnId === null ? column.getMaxWidth() : this.resolveColumnMaxWidth(columnId);
+    }
+    getResolvedMinWidth(column) {
+        const columnId = column.getColumnId();
+        return columnId === null ? column.getMinWidth() : this.resolveColumnMinWidth(columnId);
+    }
+    getResolvedWidth(column) {
+        const columnId = column.getColumnId();
+        if (columnId === null) {
+            return column.getDefaultWidth();
+        }
+        return this.clampWidthValue(this.getCurrentWidths()[columnId] ?? this.resolveColumnDefaultWidth(columnId) ?? column.getDefaultWidth(), columnId);
+    }
+    isResizing(columnId) {
+        return columnId !== null && this.resizingColumnId === columnId;
+    }
+    registerColumn(column) {
+        this.columns.add(column);
+    }
+    resize(columnId, startWidth, delta) {
+        const signedDelta = this.table.dir() === 'rtl' ? -delta : delta;
+        const nextWidth = this.clampPixelWidth(columnId, startWidth + signedDelta);
+        this.resizingColumnId = columnId;
+        this.commit({
+            ...this.getCurrentWidths(),
+            [columnId]: `${nextWidth}px`,
+        });
+    }
+    resolveColumnPixelWidth(columnId) {
+        const resolvedWidth = this.clampWidthValue(this.getCurrentWidths()[columnId] ?? this.resolveColumnDefaultWidth(columnId), columnId);
+        const parsedWidth = parsePixelLength(resolvedWidth);
+        if (parsedWidth !== null) {
+            return parsedWidth;
+        }
+        const measuredWidth = this.resolveMeasuredWidth(columnId);
+        return measuredWidth ?? 0;
+    }
+    stopResize() {
+        this.resizingColumnId = null;
+    }
+    unregisterColumn(column) {
+        this.columns.delete(column);
+    }
+    clampPixelWidth(columnId, width) {
+        const minWidth = parsePixelLength(this.resolveColumnMinWidth(columnId));
+        const maxWidth = parsePixelLength(this.resolveColumnMaxWidth(columnId));
+        let nextWidth = Math.max(0, width);
+        if (minWidth !== null) {
+            nextWidth = Math.max(nextWidth, minWidth);
+        }
+        if (maxWidth !== null) {
+            nextWidth = Math.min(nextWidth, maxWidth);
+        }
+        return nextWidth;
+    }
+    clampWidthValue(value, columnId) {
+        const parsedWidth = parsePixelLength(value);
+        if (parsedWidth === null) {
+            return value;
+        }
+        return `${this.clampPixelWidth(columnId, parsedWidth)}px`;
+    }
+    commit(nextWidths) {
+        if (this.widths() === undefined) {
+            this.uncontrolledWidths = nextWidths;
+        }
+        this.columnWidthsChange.emit(Object.freeze({ ...nextWidths }));
+    }
+    getCurrentWidths() {
+        return this.widths() === undefined ? this.uncontrolledWidths : normalizeWidthMap(this.widths());
+    }
+    resolveColumnDefaultWidth(columnId) {
+        return this.findColumnsById(columnId)
+            .map((column) => column.getDefaultWidth())
+            .find((width) => width !== null) ?? null;
+    }
+    resolveColumnMaxWidth(columnId) {
+        const widths = this.findColumnsById(columnId)
+            .map((column) => column.getMaxWidth())
+            .filter((width) => width !== null);
+        if (widths.length === 0) {
+            return null;
+        }
+        const pixelWidths = widths
+            .map((width) => parsePixelLength(width))
+            .filter((width) => width !== null);
+        if (pixelWidths.length === widths.length) {
+            return `${Math.min(...pixelWidths)}px`;
+        }
+        return widths[0] ?? null;
+    }
+    resolveColumnMinWidth(columnId) {
+        const widths = this.findColumnsById(columnId)
+            .map((column) => column.getMinWidth())
+            .filter((width) => width !== null);
+        if (widths.length === 0) {
+            return null;
+        }
+        const pixelWidths = widths
+            .map((width) => parsePixelLength(width))
+            .filter((width) => width !== null);
+        if (pixelWidths.length === widths.length) {
+            return `${Math.max(...pixelWidths)}px`;
+        }
+        return widths[0] ?? null;
+    }
+    resolveMeasuredWidth(columnId) {
+        const elements = this.findColumnsById(columnId).map((column) => column.getHostElement());
+        if (elements.length === 0) {
+            return null;
+        }
+        return elements.reduce((maxWidth, element) => Math.max(maxWidth, measureWidth(element)), 0);
+    }
+    findColumnsById(columnId) {
+        return [...this.columns].filter((column) => column.getColumnId() === columnId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableColumnSizing, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngTableColumnSizing, isStandalone: true, selector: "table[tngTable][tngTableColumnSizing]", inputs: { widths: { classPropertyName: "widths", publicName: "tngTableColumnWidths", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnWidthsChange: "columnWidthsChange" }, host: { properties: { "attr.data-column-sizing": "this.dataColumnSizing" } }, exportAs: ["tngTableColumnSizing"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableColumnSizing, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'table[tngTable][tngTableColumnSizing]',
+                    exportAs: 'tngTableColumnSizing',
+                }]
+        }], propDecorators: { widths: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumnWidths", required: false }] }], columnWidthsChange: [{ type: i0.Output, args: ["columnWidthsChange"] }], dataColumnSizing: [{
+                type: HostBinding,
+                args: ['attr.data-column-sizing']
+            }] } });
+export class TngTableColumn {
+    cell = inject(TngTableCell, {
+        optional: true,
+    });
+    headerCell = inject(TngTableHeaderCell, {
+        optional: true,
+    });
+    hostRef = inject(ElementRef);
+    sizing = inject(forwardRef(() => TngTableColumnSizing), {
+        optional: true,
+    });
+    columnId = input(null, { ...(ngDevMode ? { debugName: "columnId" } : {}), alias: 'tngTableColumn',
+        transform: normalizeOptionalString });
+    defaultWidth = input(null, { ...(ngDevMode ? { debugName: "defaultWidth" } : {}), alias: 'tngTableColumnWidth',
+        transform: normalizeCssLength });
+    minWidth = input(null, { ...(ngDevMode ? { debugName: "minWidth" } : {}), alias: 'tngTableColumnMinWidth',
+        transform: normalizeCssLength });
+    maxWidth = input(null, { ...(ngDevMode ? { debugName: "maxWidth" } : {}), alias: 'tngTableColumnMaxWidth',
+        transform: normalizeCssLength });
+    get dataColumnIdAttr() {
+        return this.getColumnId();
+    }
+    get dataColumnMaxWidthAttr() {
+        return this.getMaxWidth();
+    }
+    get dataColumnMinWidthAttr() {
+        return this.getMinWidth();
+    }
+    get dataColumnWidthAttr() {
+        return this.getDefaultWidth();
+    }
+    get maxWidthAttr() {
+        return this.sizing?.getResolvedMaxWidth(this) ?? this.getMaxWidth();
+    }
+    get minWidthAttr() {
+        return this.sizing?.getResolvedMinWidth(this) ?? this.getMinWidth();
+    }
+    get widthAttr() {
+        return this.sizing?.getResolvedWidth(this) ?? this.getDefaultWidth();
+    }
+    ngOnDestroy() {
+        this.sizing?.unregisterColumn(this);
+    }
+    ngOnInit() {
+        this.sizing?.registerColumn(this);
+    }
+    getColumnId() {
+        return this.columnId() ?? this.headerCell?.columnId() ?? this.cell?.columnId() ?? null;
+    }
+    getDefaultWidth() {
+        return this.defaultWidth();
+    }
+    getHostElement() {
+        return this.hostRef.nativeElement;
+    }
+    getMaxWidth() {
+        return this.maxWidth();
+    }
+    getMinWidth() {
+        return this.minWidth();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableColumn, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngTableColumn, isStandalone: true, selector: "th[tngTableColumn],td[tngTableColumn]", inputs: { columnId: { classPropertyName: "columnId", publicName: "tngTableColumn", isSignal: true, isRequired: false, transformFunction: null }, defaultWidth: { classPropertyName: "defaultWidth", publicName: "tngTableColumnWidth", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "tngTableColumnMinWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "tngTableColumnMaxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-column-id": "this.dataColumnIdAttr", "attr.data-column-max-width": "this.dataColumnMaxWidthAttr", "attr.data-column-min-width": "this.dataColumnMinWidthAttr", "attr.data-column-width": "this.dataColumnWidthAttr", "style.max-width": "this.maxWidthAttr", "style.min-width": "this.minWidthAttr", "style.width": "this.widthAttr" } }, exportAs: ["tngTableColumn"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'th[tngTableColumn],td[tngTableColumn]',
+                    exportAs: 'tngTableColumn',
+                }]
+        }], propDecorators: { columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumn", required: false }] }], defaultWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumnWidth", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumnMinWidth", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumnMaxWidth", required: false }] }], dataColumnIdAttr: [{
+                type: HostBinding,
+                args: ['attr.data-column-id']
+            }], dataColumnMaxWidthAttr: [{
+                type: HostBinding,
+                args: ['attr.data-column-max-width']
+            }], dataColumnMinWidthAttr: [{
+                type: HostBinding,
+                args: ['attr.data-column-min-width']
+            }], dataColumnWidthAttr: [{
+                type: HostBinding,
+                args: ['attr.data-column-width']
+            }], maxWidthAttr: [{
+                type: HostBinding,
+                args: ['style.max-width']
+            }], minWidthAttr: [{
+                type: HostBinding,
+                args: ['style.min-width']
+            }], widthAttr: [{
+                type: HostBinding,
+                args: ['style.width']
+            }] } });
+export class TngTableColumnResizer {
+    sizing = inject(TngTableColumnSizing, {
+        optional: true,
+    });
+    activeResize = null;
+    columnId = input(null, { ...(ngDevMode ? { debugName: "columnId" } : {}), alias: 'tngTableColumnResizer',
+        transform: normalizeOptionalString });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'tngTableColumnResizerDisabled',
+        transform: booleanAttribute });
+    ariaOrientation = 'vertical';
+    get dataResizingAttr() {
+        return this.sizing?.isResizing(this.columnId()) === true ? '' : null;
+    }
+    dataSlot = 'table-column-resizer';
+    cursor = 'col-resize';
+    ngOnDestroy() {
+        this.activeResize = null;
+        this.sizing?.stopResize();
+    }
+    onDocumentMouseMove(event) {
+        if (this.activeResize === null) {
+            return;
+        }
+        event.preventDefault();
+        this.sizing?.resize(this.activeResize.columnId, this.activeResize.startWidth, event.clientX - this.activeResize.startClientX);
+    }
+    onDocumentMouseUp() {
+        this.activeResize = null;
+        this.sizing?.stopResize();
+    }
+    onMouseDown(event) {
+        const columnId = this.columnId();
+        if (event.button !== 0
+            || this.disabled()
+            || this.sizing === null
+            || columnId === null) {
+            return;
+        }
+        event.preventDefault();
+        this.activeResize = Object.freeze({
+            columnId,
+            startClientX: event.clientX,
+            startWidth: this.sizing.resolveColumnPixelWidth(columnId),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableColumnResizer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngTableColumnResizer, isStandalone: true, selector: "[tngTableColumnResizer]", inputs: { columnId: { classPropertyName: "columnId", publicName: "tngTableColumnResizer", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "tngTableColumnResizerDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:mousemove": "onDocumentMouseMove($event)", "document:mouseup": "onDocumentMouseUp()", "mousedown": "onMouseDown($event)" }, properties: { "attr.aria-orientation": "this.ariaOrientation", "attr.data-resizing": "this.dataResizingAttr", "attr.data-slot": "this.dataSlot", "style.cursor": "this.cursor" } }, exportAs: ["tngTableColumnResizer"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableColumnResizer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngTableColumnResizer]',
+                    exportAs: 'tngTableColumnResizer',
+                }]
+        }], propDecorators: { columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumnResizer", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableColumnResizerDisabled", required: false }] }], ariaOrientation: [{
+                type: HostBinding,
+                args: ['attr.aria-orientation']
+            }], dataResizingAttr: [{
+                type: HostBinding,
+                args: ['attr.data-resizing']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], cursor: [{
+                type: HostBinding,
+                args: ['style.cursor']
+            }], onDocumentMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], onDocumentMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup']
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+//# sourceMappingURL=tng-table-sizing.js.map

package/src/lib/layout/table/tng-table-sizing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-table-sizing.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/table/tng-table-sizing.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  type OnDestroy,\n  type OnInit,\n  booleanAttribute,\n  forwardRef,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { TngTable, TngTableCell, TngTableHeaderCell } from './tng-table';\n\nexport type TngTableColumnWidthMap = Readonly<Record<string, string>>;\n\nfunction normalizeCssLength(value: unknown): string | null {\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return `${value}px`;\n  }\n\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n\nfunction normalizeOptionalString(value: unknown): string | null {\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n\nfunction normalizeWidthMap(value: unknown): Record<string, string> {\n  if (typeof value !== 'object' || value === null) {\n    return {};\n  }\n\n  const nextWidths: Record<string, string> = {};\n  for (const [columnId, columnWidth] of Object.entries(value as Record<string, unknown>)) {\n    const normalizedWidth = normalizeCssLength(columnWidth);\n    if (normalizedWidth !== null) {\n      nextWidths[columnId] = normalizedWidth;\n    }\n  }\n\n  return nextWidths;\n}\n\nfunction parsePixelLength(value: string | null): number | null {\n  if (value === null) {\n    return null;\n  }\n\n  const trimmed = value.trim();\n  if (/^-?\\d+(\\.\\d+)?px$/u.test(trimmed)) {\n    return Number.parseFloat(trimmed.slice(0, -2));\n  }\n\n  if (/^-?\\d+(\\.\\d+)?$/u.test(trimmed)) {\n    return Number.parseFloat(trimmed);\n  }\n\n  return null;\n}\n\nfunction measureWidth(element: HTMLElement): number {\n  const rectWidth = element.getBoundingClientRect().width;\n  if (Number.isFinite(rectWidth) && rectWidth > 0) {\n    return rectWidth;\n  }\n\n  return element.offsetWidth;\n}\n\n@Directive({\n  selector: 'table[tngTable][tngTableColumnSizing]',\n  exportAs: 'tngTableColumnSizing',\n})\nexport class TngTableColumnSizing {\n  private readonly columns = new Set<TngTableColumn>();\n  private readonly table = inject(TngTable);\n  private uncontrolledWidths: Record<string, string> = {};\n  private resizingColumnId: string | null = null;\n\n  public readonly widths = input<Record<string, unknown> | null | undefined>(undefined, {\n    alias: 'tngTableColumnWidths',\n  });\n  public readonly columnWidthsChange = output<TngTableColumnWidthMap>();\n\n  @HostBinding('attr.data-column-sizing')\n  protected readonly dataColumnSizing = '' as const;\n\n  public getResolvedMaxWidth(column: TngTableColumn): string | null {\n    const columnId = column.getColumnId();\n    return columnId === null ? column.getMaxWidth() : this.resolveColumnMaxWidth(columnId);\n  }\n\n  public getResolvedMinWidth(column: TngTableColumn): string | null {\n    const columnId = column.getColumnId();\n    return columnId === null ? column.getMinWidth() : this.resolveColumnMinWidth(columnId);\n  }\n\n  public getResolvedWidth(column: TngTableColumn): string | null {\n    const columnId = column.getColumnId();\n    if (columnId === null) {\n      return column.getDefaultWidth();\n    }\n\n    return this.clampWidthValue(\n      this.getCurrentWidths()[columnId] ?? this.resolveColumnDefaultWidth(columnId) ?? column.getDefaultWidth(),\n      columnId,\n    );\n  }\n\n  public isResizing(columnId: string | null): boolean {\n    return columnId !== null && this.resizingColumnId === columnId;\n  }\n\n  public registerColumn(column: TngTableColumn): void {\n    this.columns.add(column);\n  }\n\n  public resize(columnId: string, startWidth: number, delta: number): void {\n    const signedDelta = this.table.dir() === 'rtl' ? -delta : delta;\n    const nextWidth = this.clampPixelWidth(columnId, startWidth + signedDelta);\n    this.resizingColumnId = columnId;\n    this.commit({\n      ...this.getCurrentWidths(),\n      [columnId]: `${nextWidth}px`,\n    });\n  }\n\n  public resolveColumnPixelWidth(columnId: string): number {\n    const resolvedWidth = this.clampWidthValue(\n      this.getCurrentWidths()[columnId] ?? this.resolveColumnDefaultWidth(columnId),\n      columnId,\n    );\n    const parsedWidth = parsePixelLength(resolvedWidth);\n    if (parsedWidth !== null) {\n      return parsedWidth;\n    }\n\n    const measuredWidth = this.resolveMeasuredWidth(columnId);\n    return measuredWidth ?? 0;\n  }\n\n  public stopResize(): void {\n    this.resizingColumnId = null;\n  }\n\n  public unregisterColumn(column: TngTableColumn): void {\n    this.columns.delete(column);\n  }\n\n  private clampPixelWidth(columnId: string, width: number): number {\n    const minWidth = parsePixelLength(this.resolveColumnMinWidth(columnId));\n    const maxWidth = parsePixelLength(this.resolveColumnMaxWidth(columnId));\n    let nextWidth = Math.max(0, width);\n\n    if (minWidth !== null) {\n      nextWidth = Math.max(nextWidth, minWidth);\n    }\n\n    if (maxWidth !== null) {\n      nextWidth = Math.min(nextWidth, maxWidth);\n    }\n\n    return nextWidth;\n  }\n\n  private clampWidthValue(value: string | null, columnId: string): string | null {\n    const parsedWidth = parsePixelLength(value);\n    if (parsedWidth === null) {\n      return value;\n    }\n\n    return `${this.clampPixelWidth(columnId, parsedWidth)}px`;\n  }\n\n  private commit(nextWidths: Record<string, string>): void {\n    if (this.widths() === undefined) {\n      this.uncontrolledWidths = nextWidths;\n    }\n\n    this.columnWidthsChange.emit(Object.freeze({ ...nextWidths }));\n  }\n\n  private getCurrentWidths(): Record<string, string> {\n    return this.widths() === undefined ? this.uncontrolledWidths : normalizeWidthMap(this.widths());\n  }\n\n  private resolveColumnDefaultWidth(columnId: string): string | null {\n    return this.findColumnsById(columnId)\n      .map((column) => column.getDefaultWidth())\n      .find((width): width is string => width !== null) ?? null;\n  }\n\n  private resolveColumnMaxWidth(columnId: string): string | null {\n    const widths = this.findColumnsById(columnId)\n      .map((column) => column.getMaxWidth())\n      .filter((width): width is string => width !== null);\n    if (widths.length === 0) {\n      return null;\n    }\n\n    const pixelWidths = widths\n      .map((width) => parsePixelLength(width))\n      .filter((width): width is number => width !== null);\n    if (pixelWidths.length === widths.length) {\n      return `${Math.min(...pixelWidths)}px`;\n    }\n\n    return widths[0] ?? null;\n  }\n\n  private resolveColumnMinWidth(columnId: string): string | null {\n    const widths = this.findColumnsById(columnId)\n      .map((column) => column.getMinWidth())\n      .filter((width): width is string => width !== null);\n    if (widths.length === 0) {\n      return null;\n    }\n\n    const pixelWidths = widths\n      .map((width) => parsePixelLength(width))\n      .filter((width): width is number => width !== null);\n    if (pixelWidths.length === widths.length) {\n      return `${Math.max(...pixelWidths)}px`;\n    }\n\n    return widths[0] ?? null;\n  }\n\n  private resolveMeasuredWidth(columnId: string): number | null {\n    const elements = this.findColumnsById(columnId).map((column) => column.getHostElement());\n    if (elements.length === 0) {\n      return null;\n    }\n\n    return elements.reduce((maxWidth, element) => Math.max(maxWidth, measureWidth(element)), 0);\n  }\n\n  private findColumnsById(columnId: string): readonly TngTableColumn[] {\n    return [...this.columns].filter((column) => column.getColumnId() === columnId);\n  }\n}\n\n@Directive({\n  selector: 'th[tngTableColumn],td[tngTableColumn]',\n  exportAs: 'tngTableColumn',\n})\nexport class TngTableColumn implements OnDestroy, OnInit {\n  private readonly cell = inject(TngTableCell, {\n    optional: true,\n  });\n  private readonly headerCell = inject(TngTableHeaderCell, {\n    optional: true,\n  });\n  private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly sizing = inject(forwardRef(() => TngTableColumnSizing), {\n    optional: true,\n  }) as TngTableColumnSizing | null;\n\n  public readonly columnId = input<string | null, unknown>(null, {\n    alias: 'tngTableColumn',\n    transform: normalizeOptionalString,\n  });\n  public readonly defaultWidth = input<string | null, unknown>(null, {\n    alias: 'tngTableColumnWidth',\n    transform: normalizeCssLength,\n  });\n  public readonly minWidth = input<string | null, unknown>(null, {\n    alias: 'tngTableColumnMinWidth',\n    transform: normalizeCssLength,\n  });\n  public readonly maxWidth = input<string | null, unknown>(null, {\n    alias: 'tngTableColumnMaxWidth',\n    transform: normalizeCssLength,\n  });\n\n  @HostBinding('attr.data-column-id')\n  protected get dataColumnIdAttr(): string | null {\n    return this.getColumnId();\n  }\n\n  @HostBinding('attr.data-column-max-width')\n  protected get dataColumnMaxWidthAttr(): string | null {\n    return this.getMaxWidth();\n  }\n\n  @HostBinding('attr.data-column-min-width')\n  protected get dataColumnMinWidthAttr(): string | null {\n    return this.getMinWidth();\n  }\n\n  @HostBinding('attr.data-column-width')\n  protected get dataColumnWidthAttr(): string | null {\n    return this.getDefaultWidth();\n  }\n\n  @HostBinding('style.max-width')\n  protected get maxWidthAttr(): string | null {\n    return this.sizing?.getResolvedMaxWidth(this) ?? this.getMaxWidth();\n  }\n\n  @HostBinding('style.min-width')\n  protected get minWidthAttr(): string | null {\n    return this.sizing?.getResolvedMinWidth(this) ?? this.getMinWidth();\n  }\n\n  @HostBinding('style.width')\n  protected get widthAttr(): string | null {\n    return this.sizing?.getResolvedWidth(this) ?? this.getDefaultWidth();\n  }\n\n  public ngOnDestroy(): void {\n    this.sizing?.unregisterColumn(this);\n  }\n\n  public ngOnInit(): void {\n    this.sizing?.registerColumn(this);\n  }\n\n  public getColumnId(): string | null {\n    return this.columnId() ?? this.headerCell?.columnId() ?? this.cell?.columnId() ?? null;\n  }\n\n  public getDefaultWidth(): string | null {\n    return this.defaultWidth();\n  }\n\n  public getHostElement(): HTMLElement {\n    return this.hostRef.nativeElement;\n  }\n\n  public getMaxWidth(): string | null {\n    return this.maxWidth();\n  }\n\n  public getMinWidth(): string | null {\n    return this.minWidth();\n  }\n}\n\n@Directive({\n  selector: '[tngTableColumnResizer]',\n  exportAs: 'tngTableColumnResizer',\n})\nexport class TngTableColumnResizer implements OnDestroy {\n  private readonly sizing = inject(TngTableColumnSizing, {\n    optional: true,\n  });\n  private activeResize: Readonly<{\n    columnId: string;\n    startClientX: number;\n    startWidth: number;\n  }> | null = null;\n\n  public readonly columnId = input<string | null, unknown>(null, {\n    alias: 'tngTableColumnResizer',\n    transform: normalizeOptionalString,\n  });\n  public readonly disabled = input<boolean, boolean | string>(false, {\n    alias: 'tngTableColumnResizerDisabled',\n    transform: booleanAttribute,\n  });\n\n  @HostBinding('attr.aria-orientation')\n  protected readonly ariaOrientation = 'vertical' as const;\n\n  @HostBinding('attr.data-resizing')\n  protected get dataResizingAttr(): '' | null {\n    return this.sizing?.isResizing(this.columnId()) === true ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'table-column-resizer' as const;\n\n  @HostBinding('style.cursor')\n  protected readonly cursor = 'col-resize' as const;\n\n  public ngOnDestroy(): void {\n    this.activeResize = null;\n    this.sizing?.stopResize();\n  }\n\n  @HostListener('document:mousemove', ['$event'])\n  protected onDocumentMouseMove(event: MouseEvent): void {\n    if (this.activeResize === null) {\n      return;\n    }\n\n    event.preventDefault();\n    this.sizing?.resize(\n      this.activeResize.columnId,\n      this.activeResize.startWidth,\n      event.clientX - this.activeResize.startClientX,\n    );\n  }\n\n  @HostListener('document:mouseup')\n  protected onDocumentMouseUp(): void {\n    this.activeResize = null;\n    this.sizing?.stopResize();\n  }\n\n  @HostListener('mousedown', ['$event'])\n  protected onMouseDown(event: MouseEvent): void {\n    const columnId = this.columnId();\n    if (\n      event.button !== 0\n      || this.disabled()\n      || this.sizing === null\n      || columnId === null\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    this.activeResize = Object.freeze({\n      columnId,\n      startClientX: event.clientX,\n      startWidth: this.sizing.resolveColumnPixelWidth(columnId),\n    });\n  }\n}\n"]}

package/src/lib/layout/table/tng-table-sort.d.ts

@@ -0,0 +1,53 @@
+import type { OnDestroy, OnInit } from '@angular/core';
+import { type TngTableAriaSort, type TngTableSortDirection, type TngTableSortState } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
+export type TngTableSortChange = Readonly<{
+    activeColumnId: string | null;
+    direction: TngTableSortDirection | null;
+}>;
+type TngSortHeaderKeydownEvent = Readonly<Pick<KeyboardEvent, 'key' | 'preventDefault'>>;
+export declare class TngTableSort {
+    private readonly registeredHeaderIds;
+    private uncontrolledActiveColumnId;
+    private uncontrolledDirection;
+    readonly activeColumnId: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly direction: import("@angular/core").InputSignalWithTransform<TngTableSortDirection | null | undefined, unknown>;
+    readonly disableClear: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly sortChange: import("@angular/core").OutputEmitterRef<Readonly<{
+        activeColumnId: string | null;
+        direction: TngTableSortDirection | null;
+    }>>;
+    protected readonly dataSortable: "";
+    protected get dataSortColumnAttr(): string | null;
+    protected get dataSortDirectionAttr(): TngTableSortDirection | null;
+    getAriaSort(columnId: string): TngTableAriaSort;
+    getDirectionFor(columnId: string): TngTableSortDirection | null;
+    getState(): TngTableSortState<string>;
+    hasHeader(columnId: string): boolean;
+    registerHeader(columnId: string): void;
+    set(activeColumnId: string | null, direction: TngTableSortDirection | null): TngTableSortState<string>;
+    toggle(columnId: string): TngTableSortState<string>;
+    unregisterHeader(columnId: string): void;
+    private commit;
+    private createController;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngTableSort, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngTableSort, "[tngTableSort]", ["tngTableSort"], { "activeColumnId": { "alias": "tngTableSortActive"; "required": false; "isSignal": true; }; "direction": { "alias": "tngTableSortDirection"; "required": false; "isSignal": true; }; "disableClear": { "alias": "tngTableSortDisableClear"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, never, true, never>;
+}
+export declare class TngSortHeader implements OnDestroy, OnInit {
+    private readonly sort;
+    readonly columnId: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    protected get ariaSortAttr(): TngTableAriaSort | null;
+    protected readonly dataSlot: "table-sort-header";
+    protected get dataSortActiveAttr(): '' | null;
+    protected get dataSortDirectionAttr(): TngTableSortDirection | null;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    protected onClick(): void;
+    protected onKeydown(event: TngSortHeaderKeydownEvent): void;
+    private toggle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngSortHeader, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngSortHeader, "th[tngSortHeader]", ["tngSortHeader"], { "columnId": { "alias": "tngSortHeader"; "required": true; "isSignal": true; }; "disabled": { "alias": "tngSortHeaderDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=tng-table-sort.d.ts.map

package/src/lib/layout/table/tng-table-sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-table-sort.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/table/tng-table-sort.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;;AAExB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,qBAAqB,GAAG,IAAI,CAAC;CACzC,CAAC,CAAC;AAEH,KAAK,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC;AAUzF,qBAIa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAqB;IACzD,OAAO,CAAC,0BAA0B,CAAuB;IACzD,OAAO,CAAC,qBAAqB,CAAsC;IAEnE,SAAgB,cAAc,iEAE3B;IACH,SAAgB,SAAS,sGAGtB;IACH,SAAgB,YAAY,8EAGzB;IAEH,SAAgB,UAAU;wBAnCV,MAAM,GAAG,IAAI;mBAClB,qBAAqB,GAAG,IAAI;QAkCmB;IAG1D,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAG,EAAE,CAAU;IAG9C,SAAS,KAAK,kBAAkB,IAAI,MAAM,GAAG,IAAI,CAEhD;IAGD,SAAS,KAAK,qBAAqB,IAAI,qBAAqB,GAAG,IAAI,CAElE;IAEM,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB;IAI/C,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,qBAAqB,GAAG,IAAI;IAS/D,QAAQ,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAQrC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIpC,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAItC,GAAG,CACR,cAAc,EAAE,MAAM,GAAG,IAAI,EAC7B,SAAS,EAAE,qBAAqB,GAAG,IAAI,GACtC,iBAAiB,CAAC,MAAM,CAAC;IAIrB,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAInD,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI/C,OAAO,CAAC,MAAM;IAiBd,OAAO,CAAC,gBAAgB;yCA7Fb,YAAY;2CAAZ,YAAY;CAsGxB;AAED,qBAIa,aAAc,YAAW,SAAS,EAAE,MAAM;IACrD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA4C;IAEjE,SAAgB,QAAQ,8CAErB;IACH,SAAgB,QAAQ,8EAGrB;IAGH,SAAS,KAAK,YAAY,IAAI,gBAAgB,GAAG,IAAI,CAMpD;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;IAG3D,SAAS,KAAK,kBAAkB,IAAI,EAAE,GAAG,IAAI,CAE5C;IAGD,SAAS,KAAK,qBAAqB,IAAI,qBAAqB,GAAG,IAAI,CAElE;IAEM,WAAW,IAAI,IAAI;IAInB,QAAQ,IAAI,IAAI;IAKvB,SAAS,CAAC,OAAO,IAAI,IAAI;IAKzB,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAS3D,OAAO,CAAC,MAAM;yCAxDH,aAAa;2CAAb,aAAa;CA+DzB"}

package/src/lib/layout/table/tng-table-sort.js

@@ -0,0 +1,167 @@
+import { Directive, HostBinding, HostListener, booleanAttribute, inject, input, output, } from '@angular/core';
+import { createTngSortController, } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
+function normalizeSortDirection(value) {
+    if (value === 'asc' || value === 'desc') {
+        return value;
+    }
+    return null;
+}
+export class TngTableSort {
+    registeredHeaderIds = new Set();
+    uncontrolledActiveColumnId = null;
+    uncontrolledDirection = null;
+    activeColumnId = input(undefined, { ...(ngDevMode ? { debugName: "activeColumnId" } : {}), alias: 'tngTableSortActive' });
+    direction = input(undefined, { ...(ngDevMode ? { debugName: "direction" } : {}), alias: 'tngTableSortDirection',
+        transform: normalizeSortDirection });
+    disableClear = input(false, { ...(ngDevMode ? { debugName: "disableClear" } : {}), alias: 'tngTableSortDisableClear',
+        transform: booleanAttribute });
+    sortChange = output();
+    dataSortable = '';
+    get dataSortColumnAttr() {
+        return this.getState().activeColumnId;
+    }
+    get dataSortDirectionAttr() {
+        return this.getState().direction;
+    }
+    getAriaSort(columnId) {
+        return this.createController().getAriaSort(columnId);
+    }
+    getDirectionFor(columnId) {
+        const state = this.getState();
+        if (state.activeColumnId !== columnId) {
+            return null;
+        }
+        return state.direction;
+    }
+    getState() {
+        return Object.freeze({
+            activeColumnId: this.activeColumnId() ?? this.uncontrolledActiveColumnId,
+            direction: this.direction() ?? this.uncontrolledDirection,
+            disableClear: this.disableClear(),
+        });
+    }
+    hasHeader(columnId) {
+        return this.registeredHeaderIds.has(columnId);
+    }
+    registerHeader(columnId) {
+        this.registeredHeaderIds.add(columnId);
+    }
+    set(activeColumnId, direction) {
+        return this.commit(this.createController().set(activeColumnId, direction));
+    }
+    toggle(columnId) {
+        return this.commit(this.createController().toggle(columnId));
+    }
+    unregisterHeader(columnId) {
+        this.registeredHeaderIds.delete(columnId);
+    }
+    commit(nextState) {
+        if (this.activeColumnId() === undefined) {
+            this.uncontrolledActiveColumnId = nextState.activeColumnId;
+        }
+        if (this.direction() === undefined) {
+            this.uncontrolledDirection = nextState.direction;
+        }
+        this.sortChange.emit({
+            activeColumnId: nextState.activeColumnId,
+            direction: nextState.direction,
+        });
+        return this.getState();
+    }
+    createController() {
+        const state = this.getState();
+        return createTngSortController({
+            activeColumnId: state.activeColumnId,
+            direction: state.direction,
+            disableClear: state.disableClear,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableSort, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngTableSort, isStandalone: true, selector: "[tngTableSort]", inputs: { activeColumnId: { classPropertyName: "activeColumnId", publicName: "tngTableSortActive", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "tngTableSortDirection", isSignal: true, isRequired: false, transformFunction: null }, disableClear: { classPropertyName: "disableClear", publicName: "tngTableSortDisableClear", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.data-sortable": "this.dataSortable", "attr.data-sort-column": "this.dataSortColumnAttr", "attr.data-sort-direction": "this.dataSortDirectionAttr" } }, exportAs: ["tngTableSort"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableSort, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngTableSort]',
+                    exportAs: 'tngTableSort',
+                }]
+        }], propDecorators: { activeColumnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableSortActive", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableSortDirection", required: false }] }], disableClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngTableSortDisableClear", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], dataSortable: [{
+                type: HostBinding,
+                args: ['attr.data-sortable']
+            }], dataSortColumnAttr: [{
+                type: HostBinding,
+                args: ['attr.data-sort-column']
+            }], dataSortDirectionAttr: [{
+                type: HostBinding,
+                args: ['attr.data-sort-direction']
+            }] } });
+export class TngSortHeader {
+    sort = inject(TngTableSort, { optional: true });
+    columnId = input.required({ ...(ngDevMode ? { debugName: "columnId" } : {}), alias: 'tngSortHeader' });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'tngSortHeaderDisabled',
+        transform: booleanAttribute });
+    get ariaSortAttr() {
+        if (this.sort === null) {
+            return null;
+        }
+        return this.sort.getAriaSort(this.columnId());
+    }
+    dataSlot = 'table-sort-header';
+    get dataSortActiveAttr() {
+        return this.sort?.getDirectionFor(this.columnId()) !== null ? '' : null;
+    }
+    get dataSortDirectionAttr() {
+        return this.sort?.getDirectionFor(this.columnId()) ?? null;
+    }
+    ngOnDestroy() {
+        this.sort?.unregisterHeader(this.columnId());
+    }
+    ngOnInit() {
+        this.sort?.registerHeader(this.columnId());
+    }
+    onClick() {
+        this.toggle();
+    }
+    onKeydown(event) {
+        if (event.key !== 'Enter' && event.key !== ' ') {
+            return;
+        }
+        event.preventDefault();
+        this.toggle();
+    }
+    toggle() {
+        if (this.disabled() || this.sort === null) {
+            return;
+        }
+        this.sort.toggle(this.columnId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSortHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngSortHeader, isStandalone: true, selector: "th[tngSortHeader]", inputs: { columnId: { classPropertyName: "columnId", publicName: "tngSortHeader", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "tngSortHeaderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-sort": "this.ariaSortAttr", "attr.data-slot": "this.dataSlot", "attr.data-sort-active": "this.dataSortActiveAttr", "attr.data-sort-direction": "this.dataSortDirectionAttr" } }, exportAs: ["tngSortHeader"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngSortHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'th[tngSortHeader]',
+                    exportAs: 'tngSortHeader',
+                }]
+        }], propDecorators: { columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngSortHeader", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngSortHeaderDisabled", required: false }] }], ariaSortAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-sort']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], dataSortActiveAttr: [{
+                type: HostBinding,
+                args: ['attr.data-sort-active']
+            }], dataSortDirectionAttr: [{
+                type: HostBinding,
+                args: ['attr.data-sort-direction']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+//# sourceMappingURL=tng-table-sort.js.map