@ds-mo/ui 14.17.1 → 14.18.1

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

@@ -61,6 +61,8 @@ export declare class FilterMenu {
     anchor: HTMLElement | undefined;
     /** ID of the external trigger element used for positioning and focus return. */
     anchorId: string | undefined;
+    /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */
+    boundary: HTMLElement | undefined;
     /** Preferred popup side; collision handling may flip it. */
     side: AnchoredSide;
     /** Cross-axis alignment against the trigger. */
@@ -69,7 +71,7 @@ export declare class FilterMenu {
     sideOffset: number | string;
     /** Cross-axis offset — number in px or a TokoMo length. */
     alignOffset: number | string;
-    /** Popup width. It remains clamped to the viewport by the component recipe. */
+    /** Popup width. It remains clamped to its collision boundary by the component recipe. */
     menuWidth: string;
     /** Accessible name for the non-modal filter dialog. */
     menuLabel: string;
@@ -99,7 +101,6 @@ export declare class FilterMenu {
     /** Emitted after exit motion and rendered popup removal complete. */
     dsAfterClose: EventEmitter<void>;
     private readonly generatedId;
-    private outsideHandler;
     private triggerElement;
     private pendingInitialFocusVisible;
     private closeTimer;
@@ -107,6 +108,7 @@ export declare class FilterMenu {
     private hasLoaded;
     private closingSnapshot;
     private readonly position;
+    private readonly interaction;
     componentDidLoad(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -116,7 +118,6 @@ export declare class FilterMenu {
     handleKeyDown(event: KeyboardEvent): void;
     private get resolvedAnchor();
     private get usesInternalTrigger();
-    private get anchorFocusTarget();
     private get viewportPad();
     private get popupFallbackWidth();
     private get popupFallbackHeight();
@@ -127,10 +128,8 @@ export declare class FilterMenu {
     private handleTriggerKeyDown;
     private finishClose;
     private captureClosingSnapshot;
-    private focusAnchor;
     private focusInitialCategory;
     private tabLeavesPopup;
-    private moveFocusAfterTab;
     private selectedFilter;
     private selectedCount;
     private totalSelected;
@@ -145,6 +144,7 @@ export declare class FilterMenu {
     private get captionIconOnly();
     private syncCaptionCompactObserver;
     private disconnectCaptionCompactObserver;
+    private renderCaptionTooltip;
     render(): any;
 }
 //# sourceMappingURL=FilterMenu.d.ts.map

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

@@ -3,6 +3,7 @@ import { type ControlWidth } from '../../utils';
 export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password' | 'number';
 export type InputSize = 'lg' | 'md' | 'sm' | 'xs';
 export type InputWidth = ControlWidth;
+export type InputTextAlign = 'start' | 'end';
 export declare class Input {
     el: HTMLElement;
     internals: ElementInternals;
@@ -25,6 +26,8 @@ export declare class Input {
     max: number | undefined;
     /** Numeric increment used by native stepping and constraint validation. */
     step: number | undefined;
+    /** Align the editable value; number steppers follow the same inline edge. */
+    textAlign: InputTextAlign;
     /** Native browser autofill hint. */
     autoComplete: string | undefined;
     /** Preferred virtual keyboard without changing the value semantics. */
@@ -51,6 +54,7 @@ export declare class Input {
     dsChange: EventEmitter<string>;
     dsClear: EventEmitter<void>;
     private initialValue;
+    private inputEl?;
     private formDisabled;
     private hasSuffix;
     private focused;
@@ -66,6 +70,9 @@ export declare class Input {
     private handleFocus;
     private handleBlur;
     private handleClear;
+    private numericStepDisabled;
+    private handleNumericStep;
+    private renderNumericStepper;
     render(): any;
 }
 //# sourceMappingURL=Input.d.ts.map

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

@@ -28,6 +28,8 @@ export declare class Menu {
     anchor: HTMLElement | undefined;
     /** ID of the external trigger element for positioning */
     anchorId: string | undefined;
+    /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */
+    boundary: HTMLElement | undefined;
     /** Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven. */
     initialFocusVisible: boolean;
     /** Accessible name for the popup menu. */
@@ -37,6 +39,7 @@ export declare class Menu {
     private pos;
     private focusedIndex;
     private positionReady;
+    private availableHeight;
     private focusRingVisible;
     private reorderFromFlat;
     private reorderInsertBefore;
@@ -49,7 +52,6 @@ export declare class Menu {
     dsSwatchSelect: EventEmitter<string>;
     /** Emitted after a pointer drop or keyboard move; Menu never mutates item order. */
     dsReorder: EventEmitter<MenuReorderDetail>;
-    private clickOutsideHandler;
     private closeTimer;
     private positionReadyCallback;
     private suppressItemClick;
@@ -60,6 +62,7 @@ export declare class Menu {
      * semantics, not shared geometry.
      */
     private readonly position;
+    private readonly interaction;
     /** Last content actually painted while open; retained unchanged through exit motion. */
     private lastRenderedSections;
     private closingSections;
@@ -77,9 +80,6 @@ export declare class Menu {
     private finishClose;
     private captureClosingSections;
     private get resolvedAnchor();
-    private get anchorFocusTarget();
-    private focusAnchor;
-    private moveFocusAfterTab;
     private compositeTabLeavesPopup;
     private get activeSections();
     private get flatItems();

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

@@ -18,11 +18,8 @@ export declare class MessageComposer {
     dsStop: EventEmitter<void>;
     private textarea?;
     private readonly errorId;
-    componentDidLoad(): void;
-    onValueChange(): void;
     setFocus(): Promise<void>;
     private get streaming();
-    private resize;
     private handleInput;
     private submit;
     private handleKeyDown;

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

@@ -9,11 +9,15 @@ export declare class MobileBarNav {
     sheetNavExpanded: boolean;
     menuLabel: string;
     searchLabel: string;
+    /** Render Activity directly, or retain the optional grouped Inbox destination. */
+    activityMode: 'direct' | 'inbox';
+    activityLabel: string;
     inboxLabel: string;
     messagesLabel: string;
     agentsLabel: string;
     helpLabel: string;
     searchDot: boolean;
+    activityDot: boolean;
     inboxDot: boolean;
     messagesDot: boolean;
     agentsDot: boolean;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { PaginationChangeDetail, PaginationPageSizeMode } from './pagination-types';
 export declare class Pagination {
+    el: HTMLElement;
     /** Controlled zero-based page index. */
     pageIndex: number;
     /** Controlled number of top-level items on a full page. */
@@ -33,7 +34,14 @@ export declare class Pagination {
     loading: boolean;
     /** Emits the complete next controlled state after a page or page-size request. */
     dsChange: EventEmitter<PaginationChangeDetail>;
+    private tableCompact;
     private readonly pageSizeControlId;
+    private tableCompactDisconnect;
+    private hasLoaded;
+    componentDidLoad(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private syncTableCompactObserver;
     private requestPage;
     private requestPageSize;
     private handleKeyDown;

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { PanelToolsHeaderAction } from '../PanelTools/panel-tools-types';
+import type { PanelToolHeaderActionDetail, PanelToolsHeaderAction } from '../PanelTools/panel-tools-types';
 export declare class PanelToolHeader {
     el: HTMLElement;
     /** Visible heading for the active tool view. */
@@ -24,10 +24,7 @@ export declare class PanelToolHeader {
     actions: PanelToolsHeaderAction[];
     dsBack: EventEmitter<MouseEvent>;
     dsMenuToggle: EventEmitter<MouseEvent>;
-    dsAction: EventEmitter<{
-        id: string;
-        originalEvent: MouseEvent;
-    }>;
+    dsAction: EventEmitter<PanelToolHeaderActionDetail>;
     focusMenuTrigger(): Promise<void>;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { ChromeTransitionDetail } from '../../shell/chrome-transition';
-import { type PanelToolsHeaders, type PanelToolsItem, type PanelToolsToolId } from './panel-tools-types';
+import { type PanelToolsHeaderActionDetail, type PanelToolsHeaders, type PanelToolsItem, type PanelToolsToolId } from './panel-tools-types';
 export declare class PanelTools {
     el: HTMLElement;
     /** When false, only the icon rail is shown. */
@@ -39,10 +39,7 @@ export declare class PanelTools {
         tool: PanelToolsToolId;
     }>;
     /** Requests one application-owned action from the active tool header. */
-    dsHeaderAction: EventEmitter<{
-        tool: PanelToolsToolId;
-        id: string;
-    }>;
+    dsHeaderAction: EventEmitter<PanelToolsHeaderActionDetail>;
     /** Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion. */
     dsChromeTransitionStart: EventEmitter<ChromeTransitionDetail>;
     dsChromeTransitionEnd: EventEmitter<ChromeTransitionDetail>;

package/dist/types/components/PanelTools/panel-tools-types.d.ts

@@ -15,14 +15,14 @@ export interface PanelToolsItem {
     icon: string;
     /** Visible and accessible fallback label for custom tool ids. */
     label?: string;
-    /** Explicit rail region; canonical Search/Help placement is the fallback. */
+    /** Explicit rail region; canonical Agents/Help placement is the fallback. */
     railPlacement?: 'header' | 'body' | 'footer';
     /** Stable ordering within the selected rail region. */
     order?: number;
     /** Optional shortcut label displayed by the tooltip. */
     shortcutKey?: string;
     /** Mobile destination recipe; canonical ids retain their explicit defaults. */
-    mobileDestination?: 'search' | 'inbox' | 'messages' | 'agents' | 'help';
+    mobileDestination?: 'search' | 'inbox' | 'activity' | 'messages' | 'agents' | 'help';
     /** Whether this rail button is currently pressed/active. */
     selected?: boolean;
     /** Show a notification dot. */
@@ -43,6 +43,18 @@ export interface PanelToolsHeaderAction {
     pressed?: boolean;
     isInactive?: boolean;
 }
+export interface PanelToolsHeaderActionDetail {
+    tool: PanelToolsToolId;
+    id: string;
+    /** Rendered header action host. Pass this to an external overlay's element anchor prop. */
+    anchor?: HTMLElement;
+}
+export interface PanelToolHeaderActionDetail {
+    id: string;
+    originalEvent: MouseEvent;
+    /** Rendered action host, suitable for anchoring an external overlay across a shadow boundary. */
+    anchor: HTMLElement;
+}
 export interface PanelToolsHeaderConfig {
     title?: string;
     showBack?: boolean;

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

@@ -54,6 +54,8 @@ export declare class Select {
     width: SelectWidth;
     /** Align the popup's choice edge to the trigger start or end edge. */
     popupAlign: SelectPopupAlign;
+    /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */
+    boundary: HTMLElement | undefined;
     /** Shared inactive treatment; removes interaction and form submission. */
     isInactive: boolean;
     /** Replace the prefix with a loader and disable option interaction. */
@@ -177,6 +179,7 @@ export declare class Select {
     private get captionIconOnly();
     private syncCaptionCompactObserver;
     private disconnectCaptionCompactObserver;
+    private renderCaptionTooltip;
     render(): any;
 }
 //# sourceMappingURL=Select.d.ts.map

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

@@ -123,6 +123,7 @@ export declare class Table {
     private activeStickyGroupId;
     private viewportFitSettled;
     private headerPresent;
+    private headerUsesToolbar;
     private footerSlotPresence;
     private fitPageSize;
     private actionMenu;
@@ -145,8 +146,6 @@ export declare class Table {
     private visibleColumnsCache;
     private renderModelCache;
     private virtualItemsCache;
-    private virtualLookupCache;
-    private virtualRowPoolStates;
     private rootEl;
     private viewportEl;
     private frameEl;
@@ -169,6 +168,7 @@ export declare class Table {
     private fitObservedViewport;
     private fitObservedTable;
     private fitMeasurementPending;
+    private readonly bodyRenderer;
     private readonly layoutController;
     private readonly loadController;
     private readonly groupLoadController;
@@ -254,7 +254,6 @@ export declare class Table {
     private presentOrDismissTruncateTrack;
     private dismissTruncateTooltip;
     private renderTruncateTooltip;
-    private truncateAttr;
     private handleRowKeydown;
     private onVirtualFocusIn;
     private renderSelectionControl;
@@ -264,9 +263,6 @@ export declare class Table {
     private renderColumnHeader;
     private renderColgroup;
     private renderHeader;
-    private renderCellValue;
-    private renderTextCopy;
-    private renderTextTrack;
     private renderRow;
     private emitGroupCollapse;
     private emitAllGroupsCollapse;
@@ -274,15 +270,8 @@ export declare class Table {
     private formatGroupLoadLabel;
     private renderGroupLoadRow;
     private renderStickyGroup;
-    private renderVirtualSpacer;
-    private renderVirtualRow;
-    private virtualRowPoolKeys;
-    private renderVirtualGroup;
-    private renderVirtualBodies;
     private renderDataBodies;
     private renderSkeletonBody;
-    private renderSkeletonCell;
-    private renderSkeletonCellContent;
     private renderStateBody;
     private renderLazyBody;
     private renderDocumentStickyHeader;

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

@@ -0,0 +1,36 @@
+import type { TableGroupRenderModel, TableRenderModel } from './table-render-model';
+import type { TableGroup, TableRow } from './table-types';
+import type { TableVirtualNode, TableVirtualPlan } from './table-virtual-model';
+export interface TableVirtualRowPoolState {
+    slotsByRowId: Map<string, number>;
+    nextSlot: number;
+}
+export interface TableBodyRenderOptions {
+    model: TableRenderModel;
+    plan: TableVirtualPlan | null;
+    rows: TableRow[];
+    stickyHeader: boolean;
+    documentStickyHeader: boolean;
+    activeStickyGroupId: string | null;
+    renderRow: (row: TableRow, model: TableRenderModel, ariaRowIndex?: number, variableVirtualSize?: boolean, rowKey?: string) => unknown;
+    renderGroupContent: (group: TableGroupRenderModel) => unknown;
+    renderGroupLoadRow: (group: TableGroup, totalColumns: number) => unknown;
+}
+/**
+ * Assign stable, bounded DOM keys to the rows currently occupying one virtual scope.
+ * Departed rows release their slots so long scrolls recycle DOM instead of growing it.
+ */
+export declare function assignTableVirtualRowPoolKeys(nodes: readonly TableVirtualNode[], state: TableVirtualRowPoolState): Map<number, string>;
+/** Owns grouped and virtual tbody composition while Table remains the behavior orchestrator. */
+export declare class TableBodyRenderer {
+    private virtualLookupCache;
+    private readonly virtualRowPoolStates;
+    resetVirtualState(): void;
+    render(options: TableBodyRenderOptions): any;
+    private renderVirtualSpacer;
+    private renderVirtualRow;
+    private virtualRowPoolKeys;
+    private renderVirtualGroup;
+    private renderVirtualBodies;
+}
+//# sourceMappingURL=table-body-renderer.d.ts.map

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

@@ -0,0 +1,17 @@
+interface TableLoadContentOptions {
+    error?: string;
+    loading: boolean;
+    hasMore: boolean;
+    manualFallback: boolean;
+    retryLabel: string;
+    loadingLabel: string;
+    loadMoreLabel: string;
+    loadMoreAriaLabel?: string;
+    endOfResultsLabel?: string;
+    onRetry: () => void;
+    onLoadMore: () => void;
+}
+/** Shared visible state machine for top-level and per-group incremental loading bands. */
+export declare function renderTableLoadContent(options: TableLoadContentOptions): any;
+export {};
+//# sourceMappingURL=table-load-view.d.ts.map

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

@@ -0,0 +1,26 @@
+import type { TableRenderModel } from './table-render-model';
+import type { TableCellActionDetail, TableColumn, TableRow } from './table-types';
+export interface TableRowViewOptions {
+    row: TableRow;
+    model: TableRenderModel;
+    visibleColumns: TableColumn[];
+    emptyCellLabel: string;
+    actionMenuElementId: string;
+    actionMenu: {
+        rowId: string;
+        columnId: string;
+    } | null;
+    ariaRowIndex?: number;
+    variableVirtualSize?: boolean;
+    rowKey?: string;
+    renderSelectionControl: (label: string, checked: boolean, indeterminate: boolean, disabled: boolean, onActivate: () => void) => unknown;
+    renderStickyEdge: (sticky: TableColumn['sticky']) => unknown;
+    onRowActivate: (row: TableRow, event: Event) => void;
+    onRowKeyDown: (row: TableRow, event: KeyboardEvent) => void;
+    onRowSelection: (row: TableRow) => void;
+    onCellAction: (detail: TableCellActionDetail) => void;
+    onActionMenuToggle: (row: TableRow, column: TableColumn, event: MouseEvent) => void;
+}
+/** Render one semantic body row and the complete declarative table-cell vocabulary. */
+export declare function renderTableRow({ row, model, visibleColumns, emptyCellLabel, actionMenuElementId, actionMenu, ariaRowIndex, variableVirtualSize, rowKey, renderSelectionControl, renderStickyEdge, onRowActivate, onRowKeyDown, onRowSelection, onCellAction, onActionMenuToggle, }: TableRowViewOptions): any;
+//# sourceMappingURL=table-row-view.d.ts.map

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

@@ -0,0 +1,12 @@
+import type { TableRenderModel } from './table-render-model';
+import type { TableColumn } from './table-types';
+interface TableSkeletonViewOptions {
+    model: TableRenderModel;
+    visibleColumns: TableColumn[];
+    skeletonRows: number;
+    renderStickyEdge: (sticky: TableColumn['sticky']) => unknown;
+}
+/** Render the loading body from the same cell recipes used by loaded rows. */
+export declare function renderTableSkeletonBody(options: TableSkeletonViewOptions): any;
+export {};
+//# sourceMappingURL=table-skeleton-view.d.ts.map

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

@@ -1,6 +1,11 @@
 export declare class TableToolbar {
+    el: HTMLElement;
     /** Accessible name for the grouped table controls. */
     label: string;
+    private slotPresence;
+    componentWillLoad(): void;
+    private hasOwnedSlot;
+    private syncSlotPresence;
     render(): any;
 }
 //# sourceMappingURL=TableToolbar.d.ts.map

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

@@ -1,3 +1,4 @@
+import { type AnchoredOverlayBoundary } from '../../utils/anchored-overlay-boundary';
 import '../Text/Text';
 export type TooltipSide = 'top' | 'right' | 'bottom' | 'left';
 export type TooltipAlign = 'start' | 'center' | 'end';
@@ -22,6 +23,8 @@ export declare class Tooltip {
     sideOffset: number | string;
     /** Cross-axis offset — number (px) or TokoMo length. */
     alignOffset: number | string;
+    /** Explicit collision owner, `viewport`, or the nearest data-ds-overlay-boundary ancestor. */
+    boundary: AnchoredOverlayBoundary | undefined;
     /**
      * Hover show delay before the tooltip appears.
      * Default: `--effect-animation-delay-medium-3` (1000ms). Accepts a number (ms)