@ds-mo/ui 14.5.0 → 14.7.0

package/dist/types/components/Table/table-action-menu.d.ts

@@ -0,0 +1,15 @@
+import type { MenuItemsSection } from '../Menu/menu-types';
+import type { TableCellAction, TableCellActionMenuEntry } from './table-types';
+export declare function nextTableActionMenuElementId(): string;
+export declare function isTableCellActionMenu(value: TableCellAction): value is TableCellAction & {
+    items: TableCellActionMenuEntry[];
+    ariaLabel: string;
+};
+export declare function isRenderableTableActionMenu(value: TableCellAction): value is TableCellAction & {
+    items: TableCellActionMenuEntry[];
+    ariaLabel: string;
+};
+/** Split divider entries into Menu sections. Empty runs (leading/repeated dividers) are dropped. */
+export declare function tableActionMenuSections(items: TableCellActionMenuEntry[]): MenuItemsSection[];
+export declare function tableActionTriggerId(menuId: string, rowId: string, columnId: string): string;
+//# sourceMappingURL=table-action-menu.d.ts.map

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

@@ -1,4 +1,4 @@
-import type { TableCellAction, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellImageTracks, TableCellTag, TableCellTagVariant, TableCellTextRun, TableCellTextTrack, TableCellValue, TableCellLinkTarget, TableColumn } from './table-types';
+import type { TableCellAction, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellImageTracks, TableCellTag, TableCellTagVariant, TableCellTextRun, TableCellTextTrack, TableCellValue, TableCellLinkTarget, TableCellLineClamp, TableCellMaxLines, TableColumn } from './table-types';
 import type { IconColor } from '../Icon/Icon';
 import type { TextColor } from '../Text/text-types';
 /** Maximum independently colored runs on one secondary or tertiary track. */
@@ -35,6 +35,7 @@ export type TableCellPresentation = {
     value: ResolvedTableCellText;
     variant: 'single' | 'multi' | 'triple';
     wraps: boolean;
+    lineClamp: TableCellLineClamp;
 } | {
     kind: 'image';
     cellType: 'image';
@@ -57,6 +58,7 @@ export type TableCellPresentation = {
     singleLine: boolean;
     variant: 'single' | 'multi' | 'triple' | 'primary-pair';
     wraps: boolean;
+    lineClamp: TableCellLineClamp;
 };
 /** Resolve an image cell's track stack; unknown values fall back to one track. */
 export declare function resolveTableCellImageTracks(tracks: TableCellImage['tracks']): TableCellImageTracks;
@@ -64,6 +66,19 @@ export declare function resolveTableCellImageTracks(tracks: TableCellImage['trac
 export declare function tableCellImageVariant(tracks: TableCellImageTracks): 'single' | 'multi' | 'triple';
 /** Collapse a consumer track into at most three non-empty runs. */
 export declare function normalizeTableCellTextTrack(track: TableCellTextTrack | number | undefined): TableCellTextRun[] | undefined;
+/** Map wrap / maxLines onto wrap-to-track geometry and a line clamp. */
+export declare function resolveTableCellTextOverflow(source: {
+    wrap?: boolean;
+    maxLines?: TableCellMaxLines;
+}, column: TableColumn): {
+    wraps: boolean;
+    lineClamp: TableCellLineClamp;
+};
+/** ds-text overflow props for a resolved clamp. */
+export declare function tableCellTextOverflowProps(lineClamp: TableCellLineClamp): {
+    lineTruncation: TableCellLineClamp;
+    wrap: 'wrap' | 'nowrap';
+};
 /** Resolve a cell's semantic and visual recipe once for both markup and classes. */
 export declare function resolveTableCellPresentation(value: TableCellValue, column: TableColumn): TableCellPresentation;
 //# sourceMappingURL=table-cell-model.d.ts.map

package/dist/types/components/Table/table-column-customizer.d.ts

@@ -0,0 +1,33 @@
+import type { MenuItemData } from '../Menu/menu-types';
+import type { TableColumn } from './table-types';
+export declare function nextTableColumnCustomizerElementId(): string;
+export declare function isTableActionColumn(column: TableColumn): boolean;
+export declare function tableColumnCustomizerLabel(column: TableColumn): string;
+export declare function tableDataColumns(columns: TableColumn[]): TableColumn[];
+/** Data-column ids in display order. Unknown, duplicate, and action ids are ignored. */
+export declare function resolveTableColumnOrder(columns: TableColumn[], columnOrder: string[] | undefined): string[];
+/**
+ * Hidden data-column ids. Action and unknown ids are dropped. At least one data
+ * column remains visible when the catalog has any data columns.
+ */
+export declare function resolveTableHiddenColumnIds(columns: TableColumn[], hiddenColumnIds: string[] | undefined): string[];
+export declare function resolveTableVisibleColumns(columns: TableColumn[], options?: {
+    columnCustomizer?: boolean;
+    hiddenColumnIds?: string[];
+    columnOrder?: string[];
+}): TableColumn[];
+export declare function canToggleTableColumnHidden(columns: TableColumn[], hiddenColumnIds: string[] | undefined, columnId: string): boolean;
+export declare function toggleTableColumnHidden(columns: TableColumn[], hiddenColumnIds: string[] | undefined, columnId: string): string[];
+export declare function moveTableColumnOrder(order: string[], fromId: string, toId: string): string[];
+export declare function moveTableColumnInOrder(order: string[], columnId: string, offset: number): string[];
+export interface TableColumnCustomizerItem {
+    column: TableColumn;
+    label: string;
+    visible: boolean;
+    hideable: boolean;
+    reorderable: boolean;
+}
+export declare function tableColumnCustomizerItems(columns: TableColumn[], hiddenColumnIds: string[] | undefined, columnOrder: string[] | undefined): TableColumnCustomizerItem[];
+/** Menu switch rows for the table-owned column customizer. */
+export declare function tableColumnCustomizerMenuItems(columns: TableColumn[], hiddenColumnIds: string[] | undefined, columnOrder: string[] | undefined): MenuItemData[];
+//# sourceMappingURL=table-column-customizer.d.ts.map

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

@@ -0,0 +1,6 @@
+/** Marks text tracks that may present the table-owned truncation tooltip. */
+export declare const TABLE_TRUNCATE_ATTR = "data-table-truncate";
+/** Resolve the overflowing text track under a pointer or focus target. */
+export declare function resolveTableTruncateTrack(target: EventTarget | null): HTMLElement | null;
+export declare function tableTruncateLabel(track: HTMLElement): string;
+//# sourceMappingURL=table-truncate.d.ts.map

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

@@ -12,6 +12,10 @@ export type TableLoadMoreMode = 'auto' | 'manual';
 export type TableDataMode = 'infinite' | 'pagination';
 export type TableLoadMoreReason = 'auto' | 'manual' | 'retry';
 export type TableColumnWidth = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** Visible line budget before a text track ellipsizes. */
+export type TableCellMaxLines = 1 | 2 | 3;
+/** Resolved clamp, including unlimited wrapping. */
+export type TableCellLineClamp = TableCellMaxLines | 'none';
 /** Semantic color for a group section header (faint surface + bold title). */
 export type TableGroupIntent = 'brand' | 'neutral' | 'negative' | 'warning' | 'caution' | 'positive';
 /** Independently sortable label within a compound column header. */
@@ -56,6 +60,8 @@ export interface TableCellText {
     target?: TableCellLinkTarget;
     /** Allow this cell to wrap even when its column truncates by default. */
     wrap?: boolean;
+    /** Clamp wrapping text after 1, 2, or 3 lines. Overrides column wrap. */
+    maxLines?: TableCellMaxLines;
     fontFeature?: 'normal' | 'tabular-nums';
 }
 /** Two-line text content where both tracks use primary body text. */
@@ -69,6 +75,8 @@ export interface TableCellPrimaryText {
     target?: TableCellLinkTarget;
     /** Allow this cell to wrap even when its column truncates by default. */
     wrap?: boolean;
+    /** Clamp wrapping text after 1, 2, or 3 lines. Overrides column wrap. */
+    maxLines?: TableCellMaxLines;
     fontFeature?: 'normal' | 'tabular-nums';
 }
 /** Applicable data point whose value is currently unavailable. */
@@ -109,6 +117,7 @@ export interface TableCellIconText {
     href?: string;
     target?: TableCellLinkTarget;
     wrap?: boolean;
+    maxLines?: TableCellMaxLines;
     fontFeature?: 'normal' | 'tabular-nums';
 }
 /** Body-row track stack an image preview occupies. */
@@ -128,29 +137,55 @@ export interface TableCellImage {
 }
 interface TableCellActionBase {
     kind: 'action';
-    /** Stable application-owned action identity emitted with dsCellAction. */
-    actionId: string;
     /** Add the ButtonUnfilled resting border. Action cells are unbordered by default. */
     hasBorder?: boolean;
     isInactive?: boolean;
     isLoading?: boolean;
 }
+/** One command inside an overflow action menu. */
+export interface TableCellActionMenuItem {
+    /** Stable application-owned action identity emitted with dsCellAction. */
+    actionId: string;
+    label: string;
+    isInactive?: boolean;
+    isDestructive?: boolean;
+}
+/** Visual separator between overflow action-menu commands. */
+export interface TableCellActionDivider {
+    kind: 'divider';
+}
+export type TableCellActionMenuEntry = TableCellActionMenuItem | TableCellActionDivider;
 /** Declarative ButtonUnfilled content rendered by the table's standard action cell. */
 export type TableCellAction = TableCellActionBase & ({
     variant?: 'label';
+    /** Stable application-owned action identity emitted with dsCellAction. */
+    actionId: string;
     label: string;
     icon?: never;
     ariaLabel?: string;
+    items?: never;
 } | {
     variant: 'icon-label';
+    actionId: string;
     label: string;
     icon: string;
     ariaLabel?: string;
+    items?: never;
 } | {
     variant: 'icon';
+    actionId: string;
     label?: never;
     icon: string;
     ariaLabel: string;
+    items?: never;
+} | {
+    variant?: 'icon';
+    /** Overflow commands. The Ellipses trigger opens ds-menu instead of emitting on click. */
+    items: TableCellActionMenuEntry[];
+    ariaLabel: string;
+    icon?: string;
+    actionId?: never;
+    label?: never;
 });
 /** Declarative Tag content rendered by the table's standard cell primitive. */
 export type TableCellTagVariant = 'tag-only' | 'tag-with-text' | 'text-with-tag';
@@ -222,6 +257,8 @@ export interface TableColumn {
     maxSize?: number;
     /** Wrap cell text instead of truncating it to one line. */
     wrap?: boolean;
+    /** Clamp wrapping text after 1, 2, or 3 lines. Omit with wrap for unlimited wrap. */
+    maxLines?: TableCellMaxLines;
     /** Pin one application column to either inline edge during horizontal scrolling. */
     sticky?: TableColumnSticky;
     /**
@@ -303,6 +340,11 @@ export interface TableGroupCollapseChangeDetail {
 export interface TableRowActivateDetail {
     rowId: string;
 }
+/** Controlled show/hide and data-column order for the table-owned customizer. */
+export interface TableColumnsConfigChangeDetail {
+    hiddenColumnIds: string[];
+    columnOrder: string[];
+}
 /** Controlled top-level pagination state. Rows or groups contain only the active page. */
 export interface TablePaginationState extends PaginationState {
     /** Change to request one fresh fitted-capacity snapshot for the current query shape. */

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

@@ -32,6 +32,13 @@ export declare class Tooltip {
     delay: number | string;
     shortcutKey: string | undefined;
     shortcutKeyPosition: 'start' | 'end';
+    /**
+     * Link the trigger with aria-describedby while the popup is open. Disable when
+     * the label is already in the DOM, such as a truncated table cell.
+     */
+    describedBy: boolean;
+    /** Allow the label to wrap at a panel-xs max width instead of a single line. */
+    wrapLabel: boolean;
     private tooltipId;
     private delayTimer;
     private closeTimer;
@@ -42,6 +49,7 @@ export declare class Tooltip {
     private readonly position;
     private skipEnterAnimation;
     private isOpen;
+    private programmaticAnchor;
     private lastInteractionWasKeyboard;
     private pointerEnterHandler;
     private pointerLeaveHandler;
@@ -64,6 +72,13 @@ export declare class Tooltip {
     private get fadeOutMs();
     private get tooltipFallbackWidthPx();
     private get tooltipFallbackHeightPx();
+    /**
+     * Present against an external anchor the host already measured.
+     * Does not bind hover or focus on that anchor — the owner drives show/hide.
+     */
+    presentFrom(anchor: HTMLElement, label?: string): Promise<void>;
+    /** Dismiss a popup opened through presentFrom or the slotted trigger. */
+    dismiss(): Promise<void>;
     private bindAnchor;
     private unbindAnchor;
     private linkDescribedBy;

package/dist/types/components.d.ts

@@ -35,7 +35,7 @@ import { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
 import { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
 import { InputSize, InputType, InputWidth } from "./components/Input/Input";
 import { LoaderColor, LoaderSize } from "./components/Loader/Loader";
-import { MenuItemData, MenuSection } from "./components/Menu/menu-types";
+import { MenuItemData, MenuReorderDetail, MenuSection } from "./components/Menu/menu-types";
 import { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
 import { MenuAlign, MenuSide } from "./components/Menu/menu-position";
 import { ChoicePopupAnchorAlignment, ControlInsetDepth as ControlInsetDepth1 } from "./utils";
@@ -64,7 +64,7 @@ import { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from
 import { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
 import { SwitchSize } from "./components/Switch/Switch";
 import { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
-import { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
+import { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
 import { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 import { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 import { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
@@ -99,7 +99,7 @@ export { AnchoredAlign, AnchoredSide } from "./utils/anchored-position";
 export { IconColor as IconColor1, IconSize } from "./components/Icon/Icon";
 export { InputSize, InputType, InputWidth } from "./components/Input/Input";
 export { LoaderColor, LoaderSize } from "./components/Loader/Loader";
-export { MenuItemData, MenuSection } from "./components/Menu/menu-types";
+export { MenuItemData, MenuReorderDetail, MenuSection } from "./components/Menu/menu-types";
 export { MenuSelectionMode, MenuSize } from "./components/Menu/Menu";
 export { MenuAlign, MenuSide } from "./components/Menu/menu-position";
 export { ChoicePopupAnchorAlignment, ControlInsetDepth as ControlInsetDepth1 } from "./utils";
@@ -128,7 +128,7 @@ export { SliderOrientation, SliderSize, SliderThumbAlignment, SliderValue } from
 export { SwatchPickerOption, SwatchPickerSection } from "./components/SwatchPicker/swatch-picker-types";
 export { SwitchSize } from "./components/Switch/Switch";
 export { TabBackground, TabGroupSize as TabGroupSize1, TabGroupWidth } from "./components/TabGroup/TabGroup";
-export { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
+export { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableColumnsConfigChangeDetail, TableDataMode, TableGroup, TableGroupCollapseChangeDetail, TableGroupingState, TableGroupLoadMoreDetail, TableLoadMoreDetail, TableLoadMoreMode, TablePaginationState, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from "./components/Table/table-types";
 export { TagContrast, TagIntent, TagSize } from "./components/Tag/Tag";
 export { ToastActionEventDetail, ToastCloseEventDetail, ToastEventDetail, ToastManager, ToastSwipeDirection } from "./toast";
 export { TooltipAlign, TooltipSide, TooltipSize } from "./components/Tooltip/Tooltip";
@@ -690,7 +690,7 @@ export namespace Components {
          */
         "hasBorder": boolean;
         /**
-          * Mark the button as a Menu trigger. Implies `aria-haspopup="menu"` and covers both menu-button shapes:  - `label` / `icon-label` — the action *has* a menu; a trailing chevron carries   the affordance. - `icon` — the button *is* a menu, i.e. the overflow / more-options control.   No chevron is added, so the glyph must convey it on its own; use `Ellipses`.  Use `haspopup` directly for non-menu popups.
+          * Mark the button as a Menu trigger. Implies `aria-haspopup="menu"` and covers both menu-button shapes:  - `label` / `icon-label` — the action *has* a menu; a trailing chevron carries   the affordance. - `icon` — the button *is* a menu. No chevron is added, so the glyph must   convey the menu on its own. Use `Ellipses` for generic more-options;   use a specific icon when the menu has a named purpose, such as   `Preferences` for Customize table.  Use `haspopup` directly for non-menu popups.
           * @default false
          */
         "hasMenu": boolean;
@@ -2859,6 +2859,16 @@ export namespace Components {
           * @default []
          */
         "collapsedGroupIds": string[];
+        /**
+          * Opt in to the table-owned column customizer. The `columns` prop remains the catalog; hidden and ordered columns are controlled separately. The trigger opens the shared Menu of live show/hide switch rows.
+          * @default false
+         */
+        "columnCustomizer": boolean;
+        /**
+          * Controlled data-column identities in display order. Omitted ids append in catalog order.
+          * @default []
+         */
+        "columnOrder": string[];
         /**
           * Stable column definitions. Assign through JavaScript.
           * @default []
@@ -2954,6 +2964,11 @@ export namespace Components {
           * Fixed height for the complete header, table frame, and footer composition.
          */
         "height": string | number | undefined;
+        /**
+          * Controlled hidden data-column identities. Action ids are ignored.
+          * @default []
+         */
+        "hiddenColumnIds": string[];
         /**
           * Reset key for a new query/group/sort dataset.
           * @default 'default'
@@ -3216,10 +3231,23 @@ export namespace Components {
           * @default TOKEN_DEFAULTS.animationDelayMedium3
          */
         "delay": number | string;
+        /**
+          * Link the trigger with aria-describedby while the popup is open. Disable when the label is already in the DOM, such as a truncated table cell.
+          * @default true
+         */
+        "describedBy": boolean;
+        /**
+          * Dismiss a popup opened through presentFrom or the slotted trigger.
+         */
+        "dismiss": () => Promise<void>;
         /**
           * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay mounted for layout/animation stability (e.g. PanelNav expand/collapse).
          */
         "label": string;
+        /**
+          * Present against an external anchor the host already measured. Does not bind hover or focus on that anchor — the owner drives show/hide.
+         */
+        "presentFrom": (anchor: HTMLElement, label?: string) => Promise<void>;
         "shortcutKey": string | undefined;
         /**
           * @default 'end'
@@ -3239,6 +3267,11 @@ export namespace Components {
           * @default 'md'
          */
         "size": TooltipSize;
+        /**
+          * Allow the label to wrap at a panel-xs max width instead of a single line.
+          * @default false
+         */
+        "wrapLabel": boolean;
     }
     /**
      * Positioned value/label callout for chart hover interactions (bar, line point,
@@ -3964,6 +3997,7 @@ declare global {
         "dsAfterClose": void;
         "dsSelect": MenuItemData;
         "dsSwatchSelect": string;
+        "dsReorder": MenuReorderDetail;
     }
     interface HTMLDsMenuElement extends Components.DsMenu, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsMenuElementEventMap>(type: K, listener: (this: HTMLDsMenuElement, ev: DsMenuCustomEvent<HTMLDsMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4466,6 +4500,7 @@ declare global {
         "dsPaginationChange": PaginationChangeDetail;
         "dsCellAction": TableCellActionDetail;
         "dsRowActivate": TableRowActivateDetail;
+        "dsColumnsConfigChange": TableColumnsConfigChangeDetail;
     }
     interface HTMLDsTableElement extends Components.DsTable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsTableElementEventMap>(type: K, listener: (this: HTMLDsTableElement, ev: DsTableCustomEvent<HTMLDsTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -5244,7 +5279,7 @@ declare namespace LocalJSX {
          */
         "hasBorder"?: boolean;
         /**
-          * Mark the button as a Menu trigger. Implies `aria-haspopup="menu"` and covers both menu-button shapes:  - `label` / `icon-label` — the action *has* a menu; a trailing chevron carries   the affordance. - `icon` — the button *is* a menu, i.e. the overflow / more-options control.   No chevron is added, so the glyph must convey it on its own; use `Ellipses`.  Use `haspopup` directly for non-menu popups.
+          * Mark the button as a Menu trigger. Implies `aria-haspopup="menu"` and covers both menu-button shapes:  - `label` / `icon-label` — the action *has* a menu; a trailing chevron carries   the affordance. - `icon` — the button *is* a menu. No chevron is added, so the glyph must   convey the menu on its own. Use `Ellipses` for generic more-options;   use a specific icon when the menu has a named purpose, such as   `Preferences` for Customize table.  Use `haspopup` directly for non-menu popups.
           * @default false
          */
         "hasMenu"?: boolean;
@@ -6087,6 +6122,10 @@ declare namespace LocalJSX {
          */
         "onDsAfterClose"?: (event: DsMenuCustomEvent<void>) => void;
         "onDsClose"?: (event: DsMenuCustomEvent<void>) => void;
+        /**
+          * Emitted after a pointer drop or keyboard move; Menu never mutates item order.
+         */
+        "onDsReorder"?: (event: DsMenuCustomEvent<MenuReorderDetail>) => void;
         "onDsSelect"?: (event: DsMenuCustomEvent<MenuItemData>) => void;
         /**
           * Emitted when a generic `swatch-picker` section option is chosen.
@@ -7627,6 +7666,16 @@ declare namespace LocalJSX {
           * @default []
          */
         "collapsedGroupIds"?: string[];
+        /**
+          * Opt in to the table-owned column customizer. The `columns` prop remains the catalog; hidden and ordered columns are controlled separately. The trigger opens the shared Menu of live show/hide switch rows.
+          * @default false
+         */
+        "columnCustomizer"?: boolean;
+        /**
+          * Controlled data-column identities in display order. Omitted ids append in catalog order.
+          * @default []
+         */
+        "columnOrder"?: string[];
         /**
           * Stable column definitions. Assign through JavaScript.
           * @default []
@@ -7722,6 +7771,11 @@ declare namespace LocalJSX {
           * Fixed height for the complete header, table frame, and footer composition.
          */
         "height"?: string | number | undefined;
+        /**
+          * Controlled hidden data-column identities. Action ids are ignored.
+          * @default []
+         */
+        "hiddenColumnIds"?: string[];
         /**
           * Reset key for a new query/group/sort dataset.
           * @default 'default'
@@ -7759,6 +7813,7 @@ declare namespace LocalJSX {
          */
         "maxHeight"?: string | number | undefined;
         "onDsCellAction"?: (event: DsTableCustomEvent<TableCellActionDetail>) => void;
+        "onDsColumnsConfigChange"?: (event: DsTableCustomEvent<TableColumnsConfigChangeDetail>) => void;
         "onDsGroupCollapseChange"?: (event: DsTableCustomEvent<TableGroupCollapseChangeDetail>) => void;
         "onDsGroupLoadMore"?: (event: DsTableCustomEvent<TableGroupLoadMoreDetail>) => void;
         "onDsLoadMore"?: (event: DsTableCustomEvent<TableLoadMoreDetail>) => void;
@@ -7999,6 +8054,11 @@ declare namespace LocalJSX {
           * @default TOKEN_DEFAULTS.animationDelayMedium3
          */
         "delay"?: number | string;
+        /**
+          * Link the trigger with aria-describedby while the popup is open. Disable when the label is already in the DOM, such as a truncated table cell.
+          * @default true
+         */
+        "describedBy"?: boolean;
         /**
           * Tooltip text. Empty/whitespace skips show — useful when the wrapper must stay mounted for layout/animation stability (e.g. PanelNav expand/collapse).
          */
@@ -8022,6 +8082,11 @@ declare namespace LocalJSX {
           * @default 'md'
          */
         "size"?: TooltipSize;
+        /**
+          * Allow the label to wrap at a panel-xs max width instead of a single line.
+          * @default false
+         */
+        "wrapLabel"?: boolean;
     }
     /**
      * Positioned value/label callout for chart hover interactions (bar, line point,
@@ -8724,6 +8789,7 @@ declare namespace LocalJSX {
     interface DsTableAttributes {
         "caption": string;
         "captionVisibility": TableCaptionVisibility;
+        "columnCustomizer": boolean;
         "displayedCount": number | undefined;
         "totalCount": number | undefined;
         "resultSummaryLabel": string;
@@ -8809,6 +8875,8 @@ declare namespace LocalJSX {
         "delay": string;
         "shortcutKey": string | undefined;
         "shortcutKeyPosition": 'start' | 'end';
+        "describedBy": boolean;
+        "wrapLabel": boolean;
     }
     interface DsTooltipChartAttributes {
         "value": string;

package/dist/types/utils/index.d.ts

@@ -6,6 +6,7 @@ export type { PercentageDecimals } from './format-percentage';
 export { computeMetricChange, resolveMetricTrend } from './metric-change';
 export type { MetricChange, MetricTrend, MetricTrendDirection, MetricTrendTone, ResolveMetricTrendOptions, } from './metric-change';
 export { truncateSvgTextToWidth } from './truncate-svg-text';
+export { isElementTruncated } from './is-element-truncated';
 export { parseCssTimeMs, prefersReducedMotion, resolveCssTimeMs, resolveMotionTimeMs, } from './resolve-css-time-ms';
 export { SCROLL_EDGE_FADE_DEFAULT_SIZE, SCROLL_EDGE_FADE_SIZE_VAR, isScrollAtEdge, resolveScrollEdgeFadeSize, scrollEdgeFadeClassMap, scrollEdgeFadeMaskImage, scrollEdgeFadeMaskStyle, scrollEdgeFadeSizeStyle, } from './scroll-edge-fade';
 export type { ScrollEdgeFadeEdge, ScrollEdgeFadeOptions, ScrollEdgeFadeSize, ScrollEdgeFadeSizeToken, } from './scroll-edge-fade';

package/dist/types/utils/is-element-truncated.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether a laid-out element is visually truncated.
+ * Prefers `ds-text`'s inner semantic node when present so host flex layout
+ * does not hide horizontal or line-clamp overflow.
+ */
+export declare function isElementTruncated(element: HTMLElement): boolean;
+//# sourceMappingURL=is-element-truncated.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "14.5.0",
+  "version": "14.7.0",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",