@tailng-ui/primitives 0.41.0 → 0.42.0

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

@@ -0,0 +1,304 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, HostBinding, TemplateRef, computed, inject, input, } from '@angular/core';
+import * as i0 from "@angular/core";
+function normalizeOptionalString(value) {
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+}
+function isTemplateRefLike(value) {
+    return typeof value === 'object' && value !== null && 'createEmbeddedView' in value;
+}
+function resolveTemplateRef(value) {
+    if (isTemplateRefLike(value)) {
+        return value;
+    }
+    if (typeof value === 'object'
+        && value !== null
+        && 'tpl' in value
+        && isTemplateRefLike(value.tpl)) {
+        return value.tpl;
+    }
+    return null;
+}
+function isIntlLocaleList(value) {
+    return Array.isArray(value) && value.every((entry) => typeof entry === 'string');
+}
+function resolveIntlLocale(locale) {
+    if (isIntlLocaleList(locale)) {
+        return locale.slice();
+    }
+    return typeof locale === 'string' ? locale : undefined;
+}
+function formatTableText(value, context, formatter) {
+    if (formatter === null) {
+        return Object.freeze({
+            context,
+            error: null,
+            text: resolveTngTableTextContent(value),
+        });
+    }
+    try {
+        return Object.freeze({
+            context,
+            error: null,
+            text: formatter(value, context),
+        });
+    }
+    catch (error) {
+        return Object.freeze({
+            context,
+            error: Object.freeze({ thrown: error }),
+            text: resolveTngTableTextContent(value),
+        });
+    }
+}
+export function resolveTngTableTextContent(value) {
+    if (value === null || value === undefined) {
+        return '';
+    }
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value === 'number'
+        || typeof value === 'bigint'
+        || typeof value === 'boolean') {
+        return String(value);
+    }
+    if (value instanceof Date) {
+        return value.toISOString();
+    }
+    return '';
+}
+export function createTngTableIntlNumberFormatter(locale, options) {
+    const formatter = new Intl.NumberFormat(resolveIntlLocale(locale), options);
+    return (value) => typeof value === 'number'
+        ? formatter.format(value)
+        : resolveTngTableTextContent(value);
+}
+export function createTngTableIntlDateFormatter(locale, options) {
+    const formatter = new Intl.DateTimeFormat(resolveIntlLocale(locale), options);
+    return (value) => value instanceof Date
+        ? formatter.format(value)
+        : resolveTngTableTextContent(value);
+}
+export function createTngTableIntlFormatter(options = {}) {
+    const dateFormatter = options.date === undefined
+        ? null
+        : createTngTableIntlDateFormatter(options.locale, options.date);
+    const numberFormatter = options.number === undefined
+        ? null
+        : createTngTableIntlNumberFormatter(options.locale, options.number);
+    return (value, context) => {
+        if (typeof value === 'number' && numberFormatter !== null) {
+            return numberFormatter(value, context);
+        }
+        if (value instanceof Date && dateFormatter !== null) {
+            return dateFormatter(value, context);
+        }
+        return resolveTngTableTextContent(value);
+    };
+}
+export class TngTableCellTpl {
+    tpl = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableCellTpl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngTableCellTpl, isStandalone: true, selector: "ng-template[tngTableCellTpl]", exportAs: ["tngTableCellTpl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableCellTpl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tngTableCellTpl]',
+                    exportAs: 'tngTableCellTpl',
+                }]
+        }] });
+export class TngTableHeaderTpl {
+    tpl = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableHeaderTpl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngTableHeaderTpl, isStandalone: true, selector: "ng-template[tngTableHeaderTpl]", exportAs: ["tngTableHeaderTpl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableHeaderTpl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tngTableHeaderTpl]',
+                    exportAs: 'tngTableHeaderTpl',
+                }]
+        }] });
+export class TngTableFooterTpl {
+    tpl = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableFooterTpl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngTableFooterTpl, isStandalone: true, selector: "ng-template[tngTableFooterTpl]", exportAs: ["tngTableFooterTpl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableFooterTpl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tngTableFooterTpl]',
+                    exportAs: 'tngTableFooterTpl',
+                }]
+        }] });
+export class TngTableCellOutlet {
+    columnId = input(null, { ...(ngDevMode ? { debugName: "columnId" } : {}), transform: (value) => normalizeOptionalString(value) });
+    formatter = input(null, ...(ngDevMode ? [{ debugName: "formatter" }] : []));
+    row = input(null, ...(ngDevMode ? [{ debugName: "row" }] : []));
+    rowId = input(null, { ...(ngDevMode ? { debugName: "rowId" } : {}), transform: normalizeOptionalString });
+    template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    context = computed(() => Object.freeze({
+        $implicit: this.value(),
+        columnId: this.columnId(),
+        row: this.row(),
+        rowId: this.rowId(),
+        value: this.value(),
+    }), ...(ngDevMode ? [{ debugName: "context" }] : []));
+    renderState = computed(() => formatTableText(this.value(), this.context(), this.formatter()), ...(ngDevMode ? [{ debugName: "renderState" }] : []));
+    resolvedTemplate = computed(() => resolveTemplateRef(this.template()), ...(ngDevMode ? [{ debugName: "resolvedTemplate" }] : []));
+    get dataFormatErrorAttr() {
+        return this.resolvedTemplate() === null && this.renderState().error !== null ? '' : null;
+    }
+    dataSlot = 'table-cell-outlet';
+    getFormatError() {
+        return this.renderState().error?.thrown ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableCellOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngTableCellOutlet, isStandalone: true, selector: "tng-table-cell-outlet", inputs: { columnId: { classPropertyName: "columnId", publicName: "columnId", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, row: { classPropertyName: "row", publicName: "row", isSignal: true, isRequired: false, transformFunction: null }, rowId: { classPropertyName: "rowId", publicName: "rowId", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-format-error": "this.dataFormatErrorAttr", "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngTableCellOutlet"], ngImport: i0, template: `
+    @if (resolvedTemplate(); as templateRef) {
+      <ng-container
+        [ngTemplateOutlet]="templateRef"
+        [ngTemplateOutletContext]="context()"
+      />
+    } @else {
+      {{ renderState().text }}
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableCellOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tng-table-cell-outlet',
+                    exportAs: 'tngTableCellOutlet',
+                    imports: [NgTemplateOutlet],
+                    template: `
+    @if (resolvedTemplate(); as templateRef) {
+      <ng-container
+        [ngTemplateOutlet]="templateRef"
+        [ngTemplateOutletContext]="context()"
+      />
+    } @else {
+      {{ renderState().text }}
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnId", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], row: [{ type: i0.Input, args: [{ isSignal: true, alias: "row", required: false }] }], rowId: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowId", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], dataFormatErrorAttr: [{
+                type: HostBinding,
+                args: ['attr.data-format-error']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngTableHeaderOutlet {
+    columnId = input(null, { ...(ngDevMode ? { debugName: "columnId" } : {}), transform: (value) => normalizeOptionalString(value) });
+    label = input(null, { ...(ngDevMode ? { debugName: "label" } : {}), transform: normalizeOptionalString });
+    template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    labelText = computed(() => this.label() ?? this.columnId() ?? '', ...(ngDevMode ? [{ debugName: "labelText" }] : []));
+    context = computed(() => Object.freeze({
+        $implicit: this.labelText(),
+        columnId: this.columnId(),
+        label: this.labelText(),
+    }), ...(ngDevMode ? [{ debugName: "context" }] : []));
+    resolvedTemplate = computed(() => resolveTemplateRef(this.template()), ...(ngDevMode ? [{ debugName: "resolvedTemplate" }] : []));
+    dataSlot = 'table-header-outlet';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableHeaderOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngTableHeaderOutlet, isStandalone: true, selector: "tng-table-header-outlet", inputs: { columnId: { classPropertyName: "columnId", publicName: "columnId", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngTableHeaderOutlet"], ngImport: i0, template: `
+    @if (resolvedTemplate(); as templateRef) {
+      <ng-container
+        [ngTemplateOutlet]="templateRef"
+        [ngTemplateOutletContext]="context()"
+      />
+    } @else {
+      {{ labelText() }}
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableHeaderOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tng-table-header-outlet',
+                    exportAs: 'tngTableHeaderOutlet',
+                    imports: [NgTemplateOutlet],
+                    template: `
+    @if (resolvedTemplate(); as templateRef) {
+      <ng-container
+        [ngTemplateOutlet]="templateRef"
+        [ngTemplateOutletContext]="context()"
+      />
+    } @else {
+      {{ labelText() }}
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnId", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngTableFooterOutlet {
+    columnId = input(null, { ...(ngDevMode ? { debugName: "columnId" } : {}), transform: (value) => normalizeOptionalString(value) });
+    formatter = input(null, ...(ngDevMode ? [{ debugName: "formatter" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    template = input(null, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    context = computed(() => Object.freeze({
+        $implicit: this.value(),
+        columnId: this.columnId(),
+        items: this.items(),
+        value: this.value(),
+    }), ...(ngDevMode ? [{ debugName: "context" }] : []));
+    renderState = computed(() => formatTableText(this.value(), this.context(), this.formatter()), ...(ngDevMode ? [{ debugName: "renderState" }] : []));
+    resolvedTemplate = computed(() => resolveTemplateRef(this.template()), ...(ngDevMode ? [{ debugName: "resolvedTemplate" }] : []));
+    get dataFormatErrorAttr() {
+        return this.resolvedTemplate() === null && this.renderState().error !== null ? '' : null;
+    }
+    dataSlot = 'table-footer-outlet';
+    getFormatError() {
+        return this.renderState().error?.thrown ?? null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableFooterOutlet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TngTableFooterOutlet, isStandalone: true, selector: "tng-table-footer-outlet", inputs: { columnId: { classPropertyName: "columnId", publicName: "columnId", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-format-error": "this.dataFormatErrorAttr", "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngTableFooterOutlet"], ngImport: i0, template: `
+    @if (resolvedTemplate(); as templateRef) {
+      <ng-container
+        [ngTemplateOutlet]="templateRef"
+        [ngTemplateOutletContext]="context()"
+      />
+    } @else {
+      {{ renderState().text }}
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngTableFooterOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tng-table-footer-outlet',
+                    exportAs: 'tngTableFooterOutlet',
+                    imports: [NgTemplateOutlet],
+                    template: `
+    @if (resolvedTemplate(); as templateRef) {
+      <ng-container
+        [ngTemplateOutlet]="templateRef"
+        [ngTemplateOutletContext]="context()"
+      />
+    } @else {
+      {{ renderState().text }}
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { columnId: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnId", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], dataFormatErrorAttr: [{
+                type: HostBinding,
+                args: ['attr.data-format-error']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+//# sourceMappingURL=tng-table-render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-table-render.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/table/tng-table-render.ts"],"names":[],"mappings":"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","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  HostBinding,\n  TemplateRef,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nexport type TngTableCellTplContext<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> = Readonly<{\n  $implicit: TValue;\n  columnId: TColumnId | null;\n  row: TRow;\n  rowId: string | null;\n  value: TValue;\n}>;\n\nexport type TngTableHeaderTplContext<TColumnId extends string = string> = Readonly<{\n  $implicit: string;\n  columnId: TColumnId | null;\n  label: string;\n}>;\n\nexport type TngTableFooterTplContext<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> = Readonly<{\n  $implicit: TValue;\n  columnId: TColumnId | null;\n  items: readonly TRow[];\n  value: TValue;\n}>;\n\nexport type TngTableCellFormatter<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> = (value: TValue, context: TngTableCellTplContext<TRow, TValue, TColumnId>) => string;\n\nexport type TngTableFooterFormatter<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> = (value: TValue, context: TngTableFooterTplContext<TRow, TValue, TColumnId>) => string;\n\nexport type TngTableIntlLocale = readonly string[] | string | undefined;\nexport type TngTableIntlFormatterOptions = Readonly<{\n  date?: Intl.DateTimeFormatOptions;\n  locale?: TngTableIntlLocale;\n  number?: Intl.NumberFormatOptions;\n}>;\n\ntype TngTableFormattedTextState<TContext> = Readonly<{\n  error: Readonly<{ thrown: unknown }> | null;\n  text: string;\n  context: TContext;\n}>;\ntype TngTableValueFormatter<TContext> = (value: unknown, context: TContext) => string;\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 isTemplateRefLike<TContext>(value: unknown): value is TemplateRef<TContext> {\n  return typeof value === 'object' && value !== null && 'createEmbeddedView' in value;\n}\n\nfunction resolveTemplateRef<TContext>(\n  value: unknown,\n): TemplateRef<TContext> | null {\n  if (isTemplateRefLike<TContext>(value)) {\n    return value;\n  }\n\n  if (\n    typeof value === 'object'\n    && value !== null\n    && 'tpl' in value\n    && isTemplateRefLike<TContext>(value.tpl)\n  ) {\n    return value.tpl;\n  }\n\n  return null;\n}\n\nfunction isIntlLocaleList(value: TngTableIntlLocale): value is readonly string[] {\n  return Array.isArray(value) && value.every((entry) => typeof entry === 'string');\n}\n\nfunction resolveIntlLocale(locale: TngTableIntlLocale): string | string[] | undefined {\n  if (isIntlLocaleList(locale)) {\n    return locale.slice();\n  }\n\n  return typeof locale === 'string' ? locale : undefined;\n}\n\nfunction formatTableText<TValue, TContext>(\n  value: TValue | null,\n  context: TContext,\n  formatter: ((value: TValue | null, context: TContext) => string) | null,\n): TngTableFormattedTextState<TContext> {\n  if (formatter === null) {\n    return Object.freeze({\n      context,\n      error: null,\n      text: resolveTngTableTextContent(value),\n    });\n  }\n\n  try {\n    return Object.freeze({\n      context,\n      error: null,\n      text: formatter(value, context),\n    });\n  } catch (error: unknown) {\n    return Object.freeze({\n      context,\n      error: Object.freeze({ thrown: error }),\n      text: resolveTngTableTextContent(value),\n    });\n  }\n}\n\nexport function resolveTngTableTextContent(value: unknown): string {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  if (typeof value === 'string') {\n    return value;\n  }\n\n  if (\n    typeof value === 'number'\n    || typeof value === 'bigint'\n    || typeof value === 'boolean'\n  ) {\n    return String(value);\n  }\n\n  if (value instanceof Date) {\n    return value.toISOString();\n  }\n\n  return '';\n}\n\nexport function createTngTableIntlNumberFormatter<TContext = unknown>(\n  locale?: TngTableIntlLocale,\n  options?: Intl.NumberFormatOptions,\n): TngTableValueFormatter<TContext> {\n  const formatter = new Intl.NumberFormat(resolveIntlLocale(locale), options);\n\n  return (value: unknown): string =>\n    typeof value === 'number'\n      ? formatter.format(value)\n      : resolveTngTableTextContent(value);\n}\n\nexport function createTngTableIntlDateFormatter<TContext = unknown>(\n  locale?: TngTableIntlLocale,\n  options?: Intl.DateTimeFormatOptions,\n): TngTableValueFormatter<TContext> {\n  const formatter = new Intl.DateTimeFormat(resolveIntlLocale(locale), options);\n\n  return (value: unknown): string =>\n    value instanceof Date\n      ? formatter.format(value)\n      : resolveTngTableTextContent(value);\n}\n\nexport function createTngTableIntlFormatter<TContext = unknown>(\n  options: TngTableIntlFormatterOptions = {},\n): TngTableValueFormatter<TContext> {\n  const dateFormatter = options.date === undefined\n    ? null\n    : createTngTableIntlDateFormatter<TContext>(options.locale, options.date);\n  const numberFormatter = options.number === undefined\n    ? null\n    : createTngTableIntlNumberFormatter<TContext>(options.locale, options.number);\n\n  return (value: unknown, context: TContext): string => {\n    if (typeof value === 'number' && numberFormatter !== null) {\n      return numberFormatter(value, context);\n    }\n\n    if (value instanceof Date && dateFormatter !== null) {\n      return dateFormatter(value, context);\n    }\n\n    return resolveTngTableTextContent(value);\n  };\n}\n\n@Directive({\n  selector: 'ng-template[tngTableCellTpl]',\n  exportAs: 'tngTableCellTpl',\n})\nexport class TngTableCellTpl<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> {\n  public readonly tpl = inject<TemplateRef<TngTableCellTplContext<TRow, TValue, TColumnId>>>(\n    TemplateRef,\n  );\n}\n\n@Directive({\n  selector: 'ng-template[tngTableHeaderTpl]',\n  exportAs: 'tngTableHeaderTpl',\n})\nexport class TngTableHeaderTpl<TColumnId extends string = string> {\n  public readonly tpl = inject<TemplateRef<TngTableHeaderTplContext<TColumnId>>>(TemplateRef);\n}\n\n@Directive({\n  selector: 'ng-template[tngTableFooterTpl]',\n  exportAs: 'tngTableFooterTpl',\n})\nexport class TngTableFooterTpl<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> {\n  public readonly tpl = inject<TemplateRef<TngTableFooterTplContext<TRow, TValue, TColumnId>>>(\n    TemplateRef,\n  );\n}\n\n@Component({\n  selector: 'tng-table-cell-outlet',\n  exportAs: 'tngTableCellOutlet',\n  imports: [NgTemplateOutlet],\n  template: `\n    @if (resolvedTemplate(); as templateRef) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateRef\"\n        [ngTemplateOutletContext]=\"context()\"\n      />\n    } @else {\n      {{ renderState().text }}\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TngTableCellOutlet<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> {\n  public readonly columnId = input<TColumnId | null, unknown>(null, {\n    transform: (value: unknown): TColumnId | null => normalizeOptionalString(value) as TColumnId | null,\n  });\n  public readonly formatter = input<TngTableCellFormatter<TRow, TValue | null, TColumnId> | null>(null);\n  public readonly row = input<TRow | null>(null);\n  public readonly rowId = input<string | null, unknown>(null, {\n    transform: normalizeOptionalString,\n  });\n  public readonly template = input<\n    | TemplateRef<TngTableCellTplContext<TRow, TValue | null, TColumnId>>\n    | TngTableCellTpl<TRow, TValue | null, TColumnId>\n    | null\n  >(null);\n  public readonly value = input<TValue | null>(null);\n\n  protected readonly context = computed<TngTableCellTplContext<TRow, TValue | null, TColumnId>>(() =>\n    Object.freeze({\n      $implicit: this.value(),\n      columnId: this.columnId(),\n      row: this.row() as TRow,\n      rowId: this.rowId(),\n      value: this.value(),\n    }),\n  );\n  protected readonly renderState = computed<\n    TngTableFormattedTextState<TngTableCellTplContext<TRow, TValue | null, TColumnId>>\n  >(() => formatTableText(this.value(), this.context(), this.formatter()));\n  protected readonly resolvedTemplate = computed(() =>\n    resolveTemplateRef<TngTableCellTplContext<TRow, TValue | null, TColumnId>>(this.template()),\n  );\n\n  @HostBinding('attr.data-format-error')\n  protected get dataFormatErrorAttr(): '' | null {\n    return this.resolvedTemplate() === null && this.renderState().error !== null ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'table-cell-outlet' as const;\n\n  public getFormatError(): unknown {\n    return this.renderState().error?.thrown ?? null;\n  }\n}\n\n@Component({\n  selector: 'tng-table-header-outlet',\n  exportAs: 'tngTableHeaderOutlet',\n  imports: [NgTemplateOutlet],\n  template: `\n    @if (resolvedTemplate(); as templateRef) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateRef\"\n        [ngTemplateOutletContext]=\"context()\"\n      />\n    } @else {\n      {{ labelText() }}\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TngTableHeaderOutlet<TColumnId extends string = string> {\n  public readonly columnId = input<TColumnId | null, unknown>(null, {\n    transform: (value: unknown): TColumnId | null => normalizeOptionalString(value) as TColumnId | null,\n  });\n  public readonly label = input<string | null, unknown>(null, {\n    transform: normalizeOptionalString,\n  });\n  public readonly template = input<\n    TemplateRef<TngTableHeaderTplContext<TColumnId>> | TngTableHeaderTpl<TColumnId> | null\n  >(null);\n\n  protected readonly labelText = computed(() => this.label() ?? this.columnId() ?? '');\n  protected readonly context = computed<TngTableHeaderTplContext<TColumnId>>(() =>\n    Object.freeze({\n      $implicit: this.labelText(),\n      columnId: this.columnId(),\n      label: this.labelText(),\n    }),\n  );\n  protected readonly resolvedTemplate = computed(() =>\n    resolveTemplateRef<TngTableHeaderTplContext<TColumnId>>(this.template()),\n  );\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'table-header-outlet' as const;\n}\n\n@Component({\n  selector: 'tng-table-footer-outlet',\n  exportAs: 'tngTableFooterOutlet',\n  imports: [NgTemplateOutlet],\n  template: `\n    @if (resolvedTemplate(); as templateRef) {\n      <ng-container\n        [ngTemplateOutlet]=\"templateRef\"\n        [ngTemplateOutletContext]=\"context()\"\n      />\n    } @else {\n      {{ renderState().text }}\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TngTableFooterOutlet<\n  TRow = unknown,\n  TValue = unknown,\n  TColumnId extends string = string,\n> {\n  public readonly columnId = input<TColumnId | null, unknown>(null, {\n    transform: (value: unknown): TColumnId | null => normalizeOptionalString(value) as TColumnId | null,\n  });\n  public readonly formatter = input<TngTableFooterFormatter<TRow, TValue | null, TColumnId> | null>(null);\n  public readonly items = input<readonly TRow[]>([]);\n  public readonly template = input<\n    | TemplateRef<TngTableFooterTplContext<TRow, TValue | null, TColumnId>>\n    | TngTableFooterTpl<TRow, TValue | null, TColumnId>\n    | null\n  >(null);\n  public readonly value = input<TValue | null>(null);\n\n  protected readonly context = computed<TngTableFooterTplContext<TRow, TValue | null, TColumnId>>(() =>\n    Object.freeze({\n      $implicit: this.value(),\n      columnId: this.columnId(),\n      items: this.items(),\n      value: this.value(),\n    }),\n  );\n  protected readonly renderState = computed<\n    TngTableFormattedTextState<TngTableFooterTplContext<TRow, TValue | null, TColumnId>>\n  >(() => formatTableText(this.value(), this.context(), this.formatter()));\n  protected readonly resolvedTemplate = computed(() =>\n    resolveTemplateRef<TngTableFooterTplContext<TRow, TValue | null, TColumnId>>(this.template()),\n  );\n\n  @HostBinding('attr.data-format-error')\n  protected get dataFormatErrorAttr(): '' | null {\n    return this.resolvedTemplate() === null && this.renderState().error !== null ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'table-footer-outlet' as const;\n\n  public getFormatError(): unknown {\n    return this.renderState().error?.thrown ?? null;\n  }\n}\n"]}

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

@@ -0,0 +1,75 @@
+import { type OnDestroy, type OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export type TngTableColumnWidthMap = Readonly<Record<string, string>>;
+export declare class TngTableColumnSizing {
+    private readonly columns;
+    private readonly table;
+    private uncontrolledWidths;
+    private resizingColumnId;
+    readonly widths: import("@angular/core").InputSignal<Record<string, unknown> | null | undefined>;
+    readonly columnWidthsChange: import("@angular/core").OutputEmitterRef<Readonly<Record<string, string>>>;
+    protected readonly dataColumnSizing: "";
+    getResolvedMaxWidth(column: TngTableColumn): string | null;
+    getResolvedMinWidth(column: TngTableColumn): string | null;
+    getResolvedWidth(column: TngTableColumn): string | null;
+    isResizing(columnId: string | null): boolean;
+    registerColumn(column: TngTableColumn): void;
+    resize(columnId: string, startWidth: number, delta: number): void;
+    resolveColumnPixelWidth(columnId: string): number;
+    stopResize(): void;
+    unregisterColumn(column: TngTableColumn): void;
+    private clampPixelWidth;
+    private clampWidthValue;
+    private commit;
+    private getCurrentWidths;
+    private resolveColumnDefaultWidth;
+    private resolveColumnMaxWidth;
+    private resolveColumnMinWidth;
+    private resolveMeasuredWidth;
+    private findColumnsById;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngTableColumnSizing, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngTableColumnSizing, "table[tngTable][tngTableColumnSizing]", ["tngTableColumnSizing"], { "widths": { "alias": "tngTableColumnWidths"; "required": false; "isSignal": true; }; }, { "columnWidthsChange": "columnWidthsChange"; }, never, never, true, never>;
+}
+export declare class TngTableColumn implements OnDestroy, OnInit {
+    private readonly cell;
+    private readonly headerCell;
+    private readonly hostRef;
+    private readonly sizing;
+    readonly columnId: import("@angular/core").InputSignalWithTransform<string | null, unknown>;
+    readonly defaultWidth: import("@angular/core").InputSignalWithTransform<string | null, unknown>;
+    readonly minWidth: import("@angular/core").InputSignalWithTransform<string | null, unknown>;
+    readonly maxWidth: import("@angular/core").InputSignalWithTransform<string | null, unknown>;
+    protected get dataColumnIdAttr(): string | null;
+    protected get dataColumnMaxWidthAttr(): string | null;
+    protected get dataColumnMinWidthAttr(): string | null;
+    protected get dataColumnWidthAttr(): string | null;
+    protected get maxWidthAttr(): string | null;
+    protected get minWidthAttr(): string | null;
+    protected get widthAttr(): string | null;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    getColumnId(): string | null;
+    getDefaultWidth(): string | null;
+    getHostElement(): HTMLElement;
+    getMaxWidth(): string | null;
+    getMinWidth(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngTableColumn, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngTableColumn, "th[tngTableColumn],td[tngTableColumn]", ["tngTableColumn"], { "columnId": { "alias": "tngTableColumn"; "required": false; "isSignal": true; }; "defaultWidth": { "alias": "tngTableColumnWidth"; "required": false; "isSignal": true; }; "minWidth": { "alias": "tngTableColumnMinWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "tngTableColumnMaxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TngTableColumnResizer implements OnDestroy {
+    private readonly sizing;
+    private activeResize;
+    readonly columnId: import("@angular/core").InputSignalWithTransform<string | null, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly ariaOrientation: "vertical";
+    protected get dataResizingAttr(): '' | null;
+    protected readonly dataSlot: "table-column-resizer";
+    protected readonly cursor: "col-resize";
+    ngOnDestroy(): void;
+    protected onDocumentMouseMove(event: MouseEvent): void;
+    protected onDocumentMouseUp(): void;
+    protected onMouseDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngTableColumnResizer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngTableColumnResizer, "[tngTableColumnResizer]", ["tngTableColumnResizer"], { "columnId": { "alias": "tngTableColumnResizer"; "required": false; "isSignal": true; }; "disabled": { "alias": "tngTableColumnResizerDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=tng-table-sizing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-table-sizing.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/table/tng-table-sizing.ts"],"names":[],"mappings":"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"}