@tedi-design-system/angular 10.0.0-rc.7 → 10.0.0-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/angular",
-  "version": "10.0.0-rc.7",
+  "version": "10.0.0-rc.9",
   "license": "MIT",
   "type": "module",
   "main": "community.mjs",
@@ -41,7 +41,7 @@
     "@angular/core": "^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/forms": "^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/platform-browser": "^20.0.0 || ^21.0.0 || ^22.0.0",
-    "ngx-quill": "^28.0.2",
+    "ngx-quill": "^28.0.2 || ^29.0.0 || ^30.0.0 || ^31.0.0",
     "quill": "^2.0.3"
   },
   "peerDependenciesMeta": {

package/tedi/index.d.ts

@@ -5,7 +5,7 @@ import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/t
 import { ControlValueAccessor } from '@angular/forms';
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { Table, VisibilityState, ColumnOrderState, ColumnSizingState, RowSelectionState, ExpandedState, ColumnFiltersState, SortingState, PaginationState, Column, ColumnDef, CellContext, Row } from '@tanstack/angular-table';
+import { Table, VisibilityState, ColumnOrderState, ColumnSizingState, RowSelectionState, ExpandedState, ColumnFiltersState, SortingState, PaginationState, Column, ColumnDef, CellContext, Row, Header } from '@tanstack/angular-table';
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { ConnectedOverlayPositionChange, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { CdkListbox } from '@angular/cdk/listbox';
@@ -798,9 +798,9 @@ declare const translationsMap: {
     "table.sort": {
         description: string;
         components: string[];
-        et: (direction: "asc" | "desc" | false) => "Sorteeri kahanevalt" | "Eemalda sorteerimine" | "Sorteeri kasvavalt";
-        en: (direction: "asc" | "desc" | false) => "Sort decending" | "Remove sorting" | "Sort ascending";
-        ru: (direction: "asc" | "desc" | false) => "Сортировать по убыванию" | "Отменить сортировку" | "Сортировать по возрастанию";
+        et: (direction: "asc" | "desc" | false, columnLabel?: string) => string;
+        en: (direction: "asc" | "desc" | false, columnLabel?: string) => string;
+        ru: (direction: "asc" | "desc" | false, columnLabel?: string) => string;
     };
     "table.no-data": {
         description: string;
@@ -4228,7 +4228,10 @@ type TableExpandTrigger = "button" | "row";
  * - align the header cell separately from the body (`headerAlign`).
  */
 interface TableColumnMeta {
-    /** Accessible label used when the column header isn't a plain string. */
+    /**
+     * Accessible label for a column whose header isn't a plain string. Names
+     * the column in the built-in sort and filter buttons.
+     */
     label?: string;
     /**
      * Horizontal alignment applied to every body / footer cell, and to the
@@ -4381,15 +4384,17 @@ type TediColumnDef<TData, TValue = unknown> = ColumnDef<TData, TValue> & {
      */
     groupBy?: boolean | ((row: Row<TData>) => unknown);
     /**
-     * Opts the column into the built-in sort affordance. When `true` and the
-     * column's `header` is a string, the table renders a clickable sort button
-     * around the header title — the entire title becomes the affordance, an
-     * icon reflects the current sort direction, `aria-sort` is wired, and
-     * clicking toggles `asc → desc → none`.
+     * Opts the column into the built-in sort affordance: an icon reflects the
+     * current sort direction, `aria-sort` is wired, and clicking toggles
+     * `asc → desc → none`.
+     *
+     * - String header: the whole title becomes the sort button.
+     * - Custom header (template or component): the header renders as-is,
+     *   followed by an icon-only sort button. Set `meta.label` so the button can
+     *   name the column (otherwise the column id is used).
      *
-     * For fully custom sort UIs (e.g. combined sort + filter), provide a
-     * `TemplateRef` for `header` and call `column.toggleSorting()` yourself —
-     * the shorthand bows out when a non-string header is rendered.
+     * For a fully custom sort UI, leave `sortable` off, provide a `TemplateRef`
+     * for `header` and call `column.toggleSorting()` yourself.
      *
      * Pair with `sortingFn` on the same column to override the comparator
      * (built-in: `'alphanumeric'`, `'text'`, `'datetime'`, `'basic'`, `'auto'`,
@@ -5182,14 +5187,20 @@ declare class TediTableComponent<TData> {
     protected getFilterValue(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string;
     protected isString(value: unknown): value is string;
     protected isNumber(value: unknown): value is number;
+    /** True when the column sets `sortable: true` and TanStack can sort it. */
+    private hasBuiltInSort;
     /**
-     * Returns true when the column opted into the built-in sort affordance
-     * (`sortable: true` on its `TediColumnDef`), TanStack reports it can sort
-     * (`enableSorting !== false`), and the rendered header content is a plain
-     * string / number. Custom header `TemplateRef`s and functions bow out of
-     * the shorthand and render via `flexRender` as-is.
+     * True for a sortable column with a plain string / number header: the title
+     * itself becomes the sort button.
      */
     protected shouldRenderSortableHeader(column: Column<TData, unknown>, content: unknown): boolean;
+    /**
+     * True for a sortable column with a custom header (template or component):
+     * the header renders as-is and an icon-only sort button follows it.
+     */
+    protected shouldRenderSortButtonAfterHeader(header: Header<TData, unknown>): boolean;
+    /** Accessible name of the icon-only sort button: next action + column. */
+    protected sortAriaLabel(column: Column<TData, unknown>): string;
     /**
      * Material icon name reflecting the column's current sort state.
      * `asc → arrow_upward`, `desc → arrow_downward`, otherwise `unfold_more`.