@theseam/ui-common 2.0.0 → 2.0.1-beta.95

package/ai/index.d.ts

@@ -1,2 +1,364 @@
+import { Observable, BehaviorSubject } from 'rxjs';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, InjectionToken, Type } from '@angular/core';
+import { TheSeamDatatableColumn, DatatableComponent, ColumnsAlterationState } from '@theseam/ui-common/datatable';
+import { DatatableGraphQLQueryRef } from '@theseam/ui-common/graphql';
+import * as _angular_cdk_testing from '@angular/cdk/testing';
+import { ComponentHarness } from '@angular/cdk/testing';
+import { FormGroup, FormControl } from '@angular/forms';
+import { AlterationDisplayItem } from '@theseam/ui-common/datatable-alterations-display';
 
-export { };
+/**
+ * Implemented by components that contribute "what the user is currently looking at"
+ * to the AI chat assistant. Instances are registered with `TheSeamChatContextRegistry`
+ * (see chat-context-registry.service.ts) and read at chat-send time.
+ *
+ * `getContext()` returning null/undefined means "I have nothing useful to contribute
+ * right now"; the registry drops that entry from the snapshot.
+ */
+interface TheSeamChatContext {
+    /** Discriminator — used by the backend formatter table. e.g. 'datatable', 'modal'. */
+    readonly type: string;
+    /** When true, this context is included even while a 'modal'-typed context is registered. Default false. */
+    readonly alwaysVisible?: boolean;
+    getContext(): unknown | Promise<unknown>;
+}
+/** Wire-shape of one context entry sent to the backend. */
+interface TheSeamChatContextPayload {
+    type: string;
+    data: unknown;
+}
+
+/**
+ * A single conversation turn. Sent to the LLM via `chat()` and produced by
+ * `chat()` as the assistant response. Persisted history (with uid + created)
+ * is exposed separately via `ChatSessionMessage`.
+ */
+interface ChatMessage {
+    /** 'user' | 'assistant' in practice; widened to string for forward-compat. */
+    role: string;
+    content: string;
+}
+interface ChatSessionMessage {
+    uid: string;
+    role: string;
+    content: string;
+    /** ISO-8601 datetime of when the message was persisted. */
+    created: string;
+}
+interface ChatSession {
+    uid: string;
+    label: string;
+    created: string;
+    lastActivity: string;
+    leafMessageId: string | null;
+    messages: ChatSessionMessage[];
+}
+interface ChatSessionListItem {
+    uid: string;
+    label: string;
+    created: string;
+    lastActivity: string;
+}
+interface TheSeamAiChatRequest {
+    messages: ChatMessage[];
+    contexts?: TheSeamChatContextPayload[];
+    /** When null, the backend creates a new session and returns its uid. */
+    sessionId?: string | null;
+    /**
+     * Required when `sessionId` is set. The uid of the message the client
+     * believes is the current leaf. Backend returns 409 if it doesn't match.
+     */
+    expectedLeafMessageId?: string | null;
+}
+interface ChatResponse {
+    content: string;
+    sessionId: string;
+    label: string;
+    leafMessageId: string;
+}
+/**
+ * Errored by `TheSeamAiProvider.chat()` when the server reports the
+ * session's leaf has advanced since the client last observed it (HTTP 409).
+ * The chat component catches this, reloads the session, and emits
+ * `(staleSession)`.
+ */
+declare class ChatSessionStaleError extends Error {
+    readonly sessionId: string;
+    readonly currentLeafMessageId: string | null;
+    constructor(sessionId: string, currentLeafMessageId: string | null);
+}
+interface TheSeamAiProvider {
+    /**
+     * Send a chat turn. Errors with `ChatSessionStaleError` when the session's
+     * leaf has advanced since the last observed state.
+     *
+     * Implementations should emit exactly once and complete.
+     */
+    chat(request: TheSeamAiChatRequest): Observable<ChatResponse>;
+    /**
+     * Hook the chat component calls on mount to ask the provider what session
+     * to load. Default app implementation prefers a query-param session uid
+     * and falls back to the user's most recent session, but apps can override.
+     */
+    getInitialSession(): Observable<ChatSession | null>;
+    /** Returns the user's most-recently-active session, or null if none exists. */
+    getRecentSession(): Observable<ChatSession | null>;
+    /** Loads a specific session with its active-path messages. */
+    getSession(uid: string): Observable<ChatSession>;
+    /** Returns session metadata for the user (no messages). */
+    listSessions(): Observable<ChatSessionListItem[]>;
+    /** Updates a session's user-visible label. */
+    renameSession(uid: string, label: string): Observable<void>;
+    /** Soft-deletes the session. */
+    deleteSession(uid: string): Observable<void>;
+}
+
+declare class LmStudioAiProvider implements TheSeamAiProvider {
+    chat(request: TheSeamAiChatRequest): Observable<ChatResponse>;
+    getInitialSession(): Observable<ChatSession | null>;
+    getRecentSession(): Observable<ChatSession | null>;
+    getSession(_uid: string): Observable<ChatSession>;
+    listSessions(): Observable<ChatSessionListItem[]>;
+    renameSession(_uid: string, _label: string): Observable<void>;
+    deleteSession(_uid: string): Observable<void>;
+}
+
+declare class OpenRouterAiProvider implements TheSeamAiProvider {
+    chat(request: TheSeamAiChatRequest): Observable<ChatResponse>;
+    getInitialSession(): Observable<ChatSession | null>;
+    getRecentSession(): Observable<ChatSession | null>;
+    getSession(_uid: string): Observable<ChatSession>;
+    listSessions(): Observable<ChatSessionListItem[]>;
+    renameSession(_uid: string, _label: string): Observable<void>;
+    deleteSession(_uid: string): Observable<void>;
+}
+
+type MockResponse = string | ((messages: ChatMessage[]) => string);
+interface MockAiProviderConfig {
+    response?: MockResponse;
+    initialSession?: ChatSession | null;
+    sessionsByUid?: ReadonlyMap<string, ChatSession>;
+    sessionsList?: ChatSessionListItem[];
+    /** First chat() call errors with this; subsequent calls succeed normally. */
+    throwOnFirstChat?: Error;
+    /** Artificial delay (ms) applied uniformly. Overridable per method. */
+    delayMs?: number;
+    delayMsByMethod?: Partial<Record<keyof TheSeamAiProvider, number>>;
+}
+type LegacyArg = MockAiProviderConfig | MockResponse | undefined;
+declare class MockAiProvider implements TheSeamAiProvider {
+    private readonly _config;
+    private _throwOnNextChat?;
+    constructor(configOrLegacy?: LegacyArg);
+    chat(request: TheSeamAiChatRequest): Observable<ChatResponse>;
+    getInitialSession(): Observable<ChatSession | null>;
+    getRecentSession(): Observable<ChatSession | null>;
+    getSession(uid: string): Observable<ChatSession>;
+    listSessions(): Observable<ChatSessionListItem[]>;
+    renameSession(_uid: string, _label: string): Observable<void>;
+    deleteSession(_uid: string): Observable<void>;
+    private _withDelay;
+}
+
+declare class TheSeamChatContextRegistry {
+    private readonly _contexts;
+    /**
+     * Register a context. Returns an unregister function — pair it with DestroyRef:
+     *   inject(DestroyRef).onDestroy(registry.register(ctx))
+     */
+    register(ctx: TheSeamChatContext): () => void;
+    unregister(ctx: TheSeamChatContext): void;
+    /**
+     * Resolve registered contexts to a wire-ready payload list. Applies the modal-mask
+     * rule (a `modal`-typed context hides others unless they set `alwaysVisible`) and
+     * drops entries whose `getContext()` returns null/undefined.
+     */
+    snapshot(): Promise<TheSeamChatContextPayload[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamChatContextRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TheSeamChatContextRegistry>;
+}
+
+interface TheSeamDatatableChatContextOptions {
+    /** Optional human label, e.g. 'Bales'. Helps the LLM disambiguate when multiple datatables are registered. */
+    label?: string;
+}
+interface TheSeamDatatableChatContextData {
+    label?: string;
+    operationName: string;
+    query: string;
+    variables: Record<string, unknown>;
+    columns: {
+        prop: string | number | undefined;
+        name: string | undefined;
+    }[];
+}
+declare class TheSeamDatatableChatContext implements TheSeamChatContext {
+    private readonly _queryRef;
+    private readonly _columns;
+    private readonly _options;
+    readonly type = "datatable";
+    constructor(_queryRef: DatatableGraphQLQueryRef<any, any, any>, _columns: readonly TheSeamDatatableColumn[], _options?: TheSeamDatatableChatContextOptions);
+    getContext(): TheSeamDatatableChatContextData | null;
+}
+
+type ChatContentSegment = {
+    type: 'markdown';
+    content: string;
+} | {
+    type: 'custom-block';
+    tag: string;
+    content: string;
+};
+/**
+ * Splits a raw AI response string into an ordered array of segments.
+ * Fenced code blocks with `seam-` prefixed language tags become custom-block
+ * segments; everything else stays as markdown.
+ */
+declare function parseChatResponse(input: string): ChatContentSegment[];
+
+interface ChatMessageDisplayModel {
+    /** Present for messages loaded from a persisted session. */
+    uid?: string;
+    /** 'user' | 'assistant' rendered specially; other roles fall through to a neutral style. */
+    role: string;
+    segments: ChatContentSegment[];
+    timestamp: Date;
+}
+
+declare class TheSeamChatComponent implements AfterViewInit, OnDestroy {
+    private readonly _provider;
+    private readonly _chatContextRegistry;
+    private readonly _cdr;
+    private readonly _ngZone;
+    private _messageList?;
+    private _messageListScrollbar?;
+    private _chatInput?;
+    /**
+     * The session this chat should display.
+     *
+     * - `null` on first init: the component asks the provider for an initial
+     *   session via `getInitialSession()` (default app behavior: prefers
+     *   `?chatSession=<uid>`, falls back to the user's most recent session).
+     * - `null` after init: resets to a new empty chat. Equivalent to calling
+     *   `newSession()`.
+     * - A session uid: loads and displays that session.
+     *
+     * Pair with `(sessionIdChange)` for two-way binding.
+     */
+    readonly sessionId: i0.InputSignal<string | null>;
+    readonly placeholder: i0.InputSignal<string>;
+    /**
+     * Emits whenever the chat's active session changes — after the initial
+     * load resolves, after a send creates a new session, after the input is
+     * reassigned, or after `newSession()` clears the chat.
+     */
+    readonly sessionIdChange: i0.OutputEmitterRef<string | null>;
+    /**
+     * Emits after the chat has recovered from a server-reported stale-leaf
+     * 409. The component has already reloaded the session and restored the
+     * user's typed text; consuming apps typically respond by surfacing a toast.
+     */
+    readonly staleSession: i0.OutputEmitterRef<void>;
+    private _messages;
+    _displayMessages: ChatMessageDisplayModel[];
+    private readonly _pinnedThreshold;
+    private _isPinnedToBottom;
+    private _forceScrollOnNextResize;
+    private readonly _loadingSubject;
+    readonly loading$: Observable<boolean>;
+    private _currentSessionId;
+    private _currentLeafMessageId;
+    private _initialized;
+    private readonly _sessionLoadRequest$;
+    private readonly _destroy$;
+    private readonly _initialLoadingSubject;
+    readonly initialLoading$: Observable<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Resets the chat to a new empty session. Idempotent — safe to call when
+     * the chat has no session loaded. Emits `(sessionIdChange)` with `null`.
+     */
+    newSession(): void;
+    _onMessageSent(text: string): Promise<void>;
+    private _updatePinnedState;
+    private _maybeScrollToBottom;
+    private _scrollToBottom;
+    private _initialize;
+    private _reactToSessionInputChange;
+    private _applySession;
+    private _handleStaleSession;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamChatComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamChatComponent, "seam-chat", never, { "sessionId": { "alias": "sessionId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "sessionIdChange": "sessionIdChange"; "staleSession": "staleSession"; }, never, never, true, never>;
+}
+
+declare const THESEAM_CHAT_PROVIDER: InjectionToken<TheSeamAiProvider>;
+
+type ChatBlockRegistry = Map<string, Type<unknown>>;
+declare const THESEAM_CHAT_BLOCK_REGISTRY: InjectionToken<ChatBlockRegistry>;
+
+declare class TheSeamChatMessageHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _role;
+    private readonly _content;
+    getRole(): Promise<string>;
+    getText(): Promise<string>;
+}
+declare class TheSeamChatInputHarness extends ComponentHarness {
+    static hostSelector: string;
+    getSendButton(): Promise<_angular_cdk_testing.TestElement>;
+    isSendDisabled(): Promise<boolean>;
+}
+declare class TheSeamChatHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _messages;
+    private readonly _input;
+    private readonly _loading;
+    private readonly _initialLoading;
+    getMessages(): Promise<TheSeamChatMessageHarness[]>;
+    getMessageCount(): Promise<number>;
+    getInput(): Promise<TheSeamChatInputHarness>;
+    isLoading(): Promise<boolean>;
+    isInitialLoading(): Promise<boolean>;
+}
+
+declare const assistantPrompt = "You are a helpful assistant that provides formatting json code for a datatable.\nA datatable is a table that displays data in rows and columns, similar to a spreadsheet, with column sorting and data filtering.\n\nYour job is not to provide a descriptive analysis of the request or any additional information. The user will ignore anything that is not a JSON object.\n\nThe user will provide a request, and you will respond with a JSON object that contains an array of table alterations.\nThe following is the typescript interface for a datatable column and the alterations you can make to it:\n\n```typescript\ninterface TableColumn {\n  /** Column property */\n  prop: string,\n  /** Column name */\n  name: string,\n  /** Column cell type - determines filter type */\n  cellType?: 'string' | 'integer' | 'decimal' | 'currency' | 'date' | 'phone',\n  /** Whether the column is sortable */\n  sortable?: boolean,\n  /** Whether the column is filterable */\n  filterable?: boolean,\n  /** Whether the column is visible */\n  visible?: boolean,\n  /** Whether the column is resizable */\n  resizable?: boolean,\n  /** Whether the column is draggable */\n  draggable?: boolean,\n  /** Column width */\n  width?: number,\n  /** Column index */\n  index?: number,\n}\n\ninterface SortItem {\n  /** Column property */\n  prop: string,\n  /** Sort direction */\n  dir: 'asc' | 'desc'\n}\n\ninterface SortState {\n  /** The list of sorts */\n  sorts: SortItem[]\n}\n\ninterface OrderRecord {\n  /** Column property */\n  columnProp: string,\n  /** Column order, which is the index that it will be placed in the columns array. */\n  index: number\n}\n\ninterface OrderState {\n  /** The list of column order records */\n  columns: OrderRecord[]\n}\n\ninterface WidthState {\n  /** The column property that this width alteration applies to */\n  columnProp: string\n  /** The width of the column. Number is in pixels. */\n  width?: number\n  /** Whether the column can auto resize. Needs to be false to guarantee a specific width. */\n  canAutoResize: boolean\n}\n\ninterface HideColumnState {\n  /** The column property that this alteration applies to */\n  columnProp: string\n  /** Whether the column is hidden */\n  hidden: boolean\n}\n\ninterface FilterState {\n  /** The column property that this filter applies to */\n  columnProp: string,\n  /** The filter type based on column cellType */\n  filterType: 'text' | 'numeric' | 'date',\n  /** The filter operation */\n  operation: string,\n  /** The filter value (for single value operations) */\n  value?: any,\n  /** The from value (for range operations like 'between') */\n  fromValue?: any,\n  /** The to value (for range operations like 'between') */\n  toValue?: any\n}\n\ninterface TableAlteration<TType extends string, TState> {\n  /**\n   * Unique identifier for the alteration.\n   */\n  id: string\n  /**\n   * The type of alteration.\n   */\n  type: TType\n  /** The alteration state */\n  state: TState\n}\n\n/**\n * Sort alteration for a datatable.\n * \"id\" should always be \"sort\" for this alteration.\n */\ntype SortAlteration = TableAlteration<'sort', SortState>\n\n/**\n * Order alteration for a datatable column.\n *\n * \"id\" should always be \"order\" for this alteration.\n */\ntype OrderAlteration = TableAlteration<'order', OrderState>\n\n/**\n * Width alteration for a datatable column.\n *\n * \"id\" should always be \"width-<prop>\" for this alteration. So, for example, if the column property is \"name\", the id would be \"width-name\".\n */\ntype WidthAlteration = TableAlteration<'width', WidthState>\n\n/**\n * Hide column alteration for a datatable column.\n *\n * \"id\" should always be \"hide-column-<prop>\" for this alteration. So, for example, if the column property is \"name\", the id would be \"hide-column-name\".\n */\ntype HideColumnAlteration = TableAlteration<'hide-column', HideColumnState>\n\n/**\n * Filter alteration for a datatable column.\n * \"id\" should be \"filter--<columnProp>\" for this alteration.\n * For example, if filtering the \"age\" column, the id would be \"filter--age\".\n */\ntype FilterAlteration = TableAlteration<'filter', FilterState>\n```\n\n## Filter Operations by Type\n\n### Text Filters (cellType: 'string', 'phone')\n- 'contains': Text contains the value (case-insensitive)\n- 'eq': Text equals the value exactly\n- 'neq': Text does not equal the value\n- 'ncontains': Text does not contain the value\n- 'blank': Field is empty/null\n- 'not-blank': Field is not empty/null\n\n### Numeric Filters (cellType: 'integer', 'decimal', 'currency')\n- 'eq': Equals the value\n- 'gt': Greater than the value\n- 'gte': Greater than or equal to the value\n- 'lt': Less than the value\n- 'lte': Less than or equal to the value\n- 'between': Between fromValue and toValue (inclusive)\n- 'not-between': Not between fromValue and toValue\n- 'blank': Field is empty/null\n- 'not-blank': Field is not empty/null\n\n### Date Filters (cellType: 'date')\n- 'eq': Date equals the value\n- 'gt': Date is after the value\n- 'gte': Date is on or after the value\n- 'lt': Date is before the value\n- 'lte': Date is on or before the value\n- 'between': Date is between fromValue and toValue (inclusive)\n- 'not-between': Date is not between fromValue and toValue\n- 'blank': Field is empty/null\n- 'not-blank': Field is not empty/null\n\n## Examples\n\nFilter age greater than 30:\n```json\n{\n  \"id\": \"filter--age\",\n  \"type\": \"filter\",\n  \"state\": {\n    \"columnProp\": \"age\",\n    \"filterType\": \"numeric\",\n    \"operation\": \"gt\",\n    \"value\": 30\n  }\n}\n```\n\nFilter color contains \"red\":\n```json\n{\n  \"id\": \"filter--color\",\n  \"type\": \"filter\",\n  \"state\": {\n    \"columnProp\": \"color\",\n    \"filterType\": \"text\",\n    \"operation\": \"contains\",\n    \"value\": \"red\"\n  }\n}\n```\n\nFilter age between 25 and 65:\n```json\n{\n  \"id\": \"filter--age\",\n  \"type\": \"filter\",\n  \"state\": {\n    \"columnProp\": \"age\",\n    \"filterType\": \"numeric\",\n    \"operation\": \"between\",\n    \"fromValue\": 25,\n    \"toValue\": 65\n  }\n}\n```\n\nSort by name ascending:\n```json\n{\n  \"id\": \"sort\",\n  \"type\": \"sort\",\n  \"state\": {\n    \"sorts\": [\n      {\n        \"prop\": \"name\",\n        \"dir\": \"asc\"\n      }\n    ]\n  }\n}\n```\n\nHide the age column:\n```json\n{\n  \"id\": \"hide-column-age\",\n  \"type\": \"hide-column\",\n  \"state\": {\n    \"columnProp\": \"age\",\n    \"hidden\": true\n  }\n}\n```\n\nSet name column width to 300 pixels:\n```json\n{\n  \"id\": \"width-name\",\n  \"type\": \"width\",\n  \"state\": {\n    \"columnProp\": \"name\",\n    \"width\": 300,\n    \"canAutoResize\": false\n  }\n}\n```\n\nReorder columns (name first, age second, color third):\n```json\n{\n  \"id\": \"order\",\n  \"type\": \"order\",\n  \"state\": {\n    \"columns\": [\n      { \"columnProp\": \"name\", \"index\": 0 },\n      { \"columnProp\": \"age\", \"index\": 1 },\n      { \"columnProp\": \"color\", \"index\": 2 }\n    ]\n  }\n}\n```\n";
+declare const getUserPrompt: (columns: any[], request: string) => string;
+declare function parseResponse(responseContent: string, responseFormat: {
+    type: string;
+} | undefined): any;
+declare const THESEAM_DATATABLE_PROMPTER_PROVIDER: InjectionToken<TheSeamAiProvider>;
+
+declare class TheSeamDatatablePrompterComponent {
+    private readonly _prefsAccessor;
+    private readonly _dtPrefsService;
+    private readonly _aiProvider;
+    readonly _loadingSubject: BehaviorSubject<boolean>;
+    readonly _altsDataSubject: BehaviorSubject<{
+        currentItems: AlterationDisplayItem[];
+        pendingItems: AlterationDisplayItem[];
+    } | undefined>;
+    readonly loading$: Observable<boolean>;
+    diffMode: 'auto' | 'manual';
+    compact: boolean;
+    set prompt(value: string | undefined | null);
+    set datatable(value: DatatableComponent | undefined | null);
+    get datatable(): DatatableComponent | undefined | null;
+    private _datatableSubject;
+    showAlts: boolean;
+    readonly _form: FormGroup<{
+        prompt: FormControl<string | null>;
+    }>;
+    _alterations$: Observable<ColumnsAlterationState[]>;
+    _alterationsDisplayItems$: Observable<AlterationDisplayItem[]>;
+    _pendingAlterationsSubject: BehaviorSubject<ColumnsAlterationState<any>[]>;
+    _pendingAlterationsDisplayItems$: Observable<AlterationDisplayItem[]>;
+    _onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamDatatablePrompterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamDatatablePrompterComponent, "seam-datatable-prompter", never, { "diffMode": { "alias": "diffMode"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "prompt": { "alias": "prompt"; "required": false; }; "datatable": { "alias": "datatable"; "required": false; }; "showAlts": { "alias": "showAlts"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { ChatSessionStaleError, LmStudioAiProvider, MockAiProvider, OpenRouterAiProvider, THESEAM_CHAT_BLOCK_REGISTRY, THESEAM_CHAT_PROVIDER, THESEAM_DATATABLE_PROMPTER_PROVIDER, TheSeamChatComponent, TheSeamChatContextRegistry, TheSeamChatHarness, TheSeamDatatableChatContext, TheSeamDatatablePrompterComponent, assistantPrompt, getUserPrompt, parseChatResponse, parseResponse };
+export type { ChatBlockRegistry, ChatContentSegment, ChatMessage, ChatResponse, ChatSession, ChatSessionListItem, ChatSessionMessage, MockAiProviderConfig, TheSeamAiChatRequest, TheSeamAiProvider, TheSeamChatContext, TheSeamChatContextPayload, TheSeamDatatableChatContextData, TheSeamDatatableChatContextOptions };

package/carousel/index.d.ts

@@ -3,6 +3,8 @@ import { OnInit, OnDestroy, QueryList } from '@angular/core';
 import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
 import { Observable } from 'rxjs';
+import * as _angular_cdk_testing from '@angular/cdk/testing';
+import { ComponentHarness } from '@angular/cdk/testing';
 
 declare class TheSeamCarouselSlideDirective {
     private readonly template;
@@ -97,4 +99,22 @@ declare class TheSeamCarouselModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamCarouselModule>;
 }
 
-export { TheSeamCarouselComponent, TheSeamCarouselModule, TheSeamCarouselSlideDirective };
+declare class TheSeamCarouselHarness extends ComponentHarness {
+    static hostSelector: string;
+    _content: () => Promise<_angular_cdk_testing.TestElement>;
+    _prevSlideButton: () => Promise<_angular_cdk_testing.TestElement | null>;
+    _nextSlideButton: () => Promise<_angular_cdk_testing.TestElement | null>;
+    _playButton: () => Promise<_angular_cdk_testing.TestElement | null>;
+    _pauseButton: () => Promise<_angular_cdk_testing.TestElement | null>;
+    activeTileIndex(): Promise<string | null>;
+    goToPreviousSlide(): Promise<void>;
+    goToNextSlide(): Promise<void>;
+    goToSlide(index: number): Promise<void>;
+    hasPreviousSlideButton(): Promise<boolean>;
+    hasNextSlideButton(): Promise<boolean>;
+    hasSlideButton(index: number): Promise<boolean>;
+    hasSlideButtons(): Promise<boolean>;
+    hasAutoPlayToggleButton(): Promise<boolean>;
+}
+
+export { TheSeamCarouselComponent, TheSeamCarouselHarness, TheSeamCarouselModule, TheSeamCarouselSlideDirective };

package/data-filters/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, OnInit, OnDestroy, TemplateRef } from '@angular/core';
+import { InjectionToken, OnInit, OnDestroy, TemplateRef, OnChanges, AfterViewInit, ElementRef, SimpleChanges } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as _theseam_ui_common_data_filters from '@theseam/ui-common/data-filters';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -11,6 +11,8 @@ import * as i4 from '@angular/common';
 import * as i6 from '@theseam/ui-common/form-field';
 import * as i7 from '@fortawesome/angular-fontawesome';
 import * as i8 from '@theseam/ui-common/toggle-group';
+import * as i10 from '@theseam/ui-common/menu';
+import * as i11 from '@theseam/ui-common/buttons';
 
 type DataFilterFunction = <T>(data: T[]) => Observable<T[]>;
 /**
@@ -172,6 +174,7 @@ declare class DataFilterTextComponent implements OnInit, OnDestroy, IDataFilter
     static ɵcmp: i0.ɵɵComponentDeclaration<DataFilterTextComponent, "seam-data-filter-text", never, { "filterName": { "alias": "filterName"; "required": false; }; "properties": { "alias": "properties"; "required": false; }; "omitProperties": { "alias": "omitProperties"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "iconTpl": { "alias": "iconTpl"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+declare const DATA_FILTER_TOGGLE_BUTTON_DROPDOWN_TEXT = "Select Filter";
 declare const DATA_FILTER_TOGGLE_BUTTON: any;
 interface IToggleButton {
     name: string;
@@ -183,10 +186,16 @@ interface IToggleButtonsFilterOptions extends ITextFilterOptions {
     multiple: boolean;
     buttons: IToggleButton[];
     initialValue?: any;
+    maxWidth?: number;
+    /** The text shown when the button row is in the collapsed state and no filter is selected. */
+    filterDropdownLabel?: string;
+    /** When true, will prevent the button row from collapsing into a dropdown on smaller screen sizes. */
+    disableCollapse?: boolean;
 }
 declare const DefaultToggleButtonsFilterOptions: IToggleButtonsFilterOptions;
 declare function toggleButtonsFilter(data: any[], values: string[], options?: IToggleButtonsFilterOptions): any[];
-declare class DataFilterToggleButtonsComponent implements OnInit, OnDestroy, IDataFilter {
+declare class DataFilterToggleButtonsComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit, IDataFilter {
+    private _elementRef;
     private _filterContainer;
     private _filterOptions;
     readonly name = "toggle-buttons";
@@ -200,22 +209,32 @@ declare class DataFilterToggleButtonsComponent implements OnInit, OnDestroy, IDa
     buttons: IToggleButton[];
     exact: boolean;
     caseSensitive: boolean;
+    maxWidth: number | undefined;
+    filterDropdownLabel: string | undefined;
+    disableCollapse: boolean | undefined;
+    readonly isCollapsed: i0.WritableSignal<boolean>;
+    private _measureDiv;
+    private _resizeObserver;
     set value(value: string | string[]);
     readonly filterStateChanges: Observable<DataFilterState>;
-    constructor(_filterContainer: DataFilterContainer, _filterOptions: IToggleButtonsFilterOptions | null);
+    activeFilterLabel: Observable<string>;
+    constructor(_elementRef: ElementRef<HTMLElement>, _filterContainer: DataFilterContainer, _filterOptions: IToggleButtonsFilterOptions | null);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     private _optDefault;
     get options(): IToggleButtonsFilterOptions;
     filter<T>(data: T[]): Observable<T[]>;
+    private _updateCollapsed;
     filterState(): DataFilterState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataFilterToggleButtonsComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataFilterToggleButtonsComponent, "seam-data-filter-toggle-buttons", never, { "filterName": { "alias": "filterName"; "required": false; }; "properties": { "alias": "properties"; "required": false; }; "omitProperties": { "alias": "omitProperties"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionToggleable": { "alias": "selectionToggleable"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataFilterToggleButtonsComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataFilterToggleButtonsComponent, "seam-data-filter-toggle-buttons", never, { "filterName": { "alias": "filterName"; "required": false; }; "properties": { "alias": "properties"; "required": false; }; "omitProperties": { "alias": "omitProperties"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectionToggleable": { "alias": "selectionToggleable"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "filterDropdownLabel": { "alias": "filterDropdownLabel"; "required": false; }; "disableCollapse": { "alias": "disableCollapse"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class TheSeamDataFiltersModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamDataFiltersModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamDataFiltersModule, [typeof DataFilterSearchComponent, typeof DataFilterTextComponent, typeof DataFilterToggleButtonsComponent], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.TheSeamFormFieldModule, typeof i7.FontAwesomeModule, typeof i8.TheSeamToggleGroupModule, typeof i9.TheSeamIconModule], [typeof DataFilterSearchComponent, typeof DataFilterTextComponent, typeof DataFilterToggleButtonsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamDataFiltersModule, [typeof DataFilterSearchComponent, typeof DataFilterTextComponent, typeof DataFilterToggleButtonsComponent], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.TheSeamFormFieldModule, typeof i7.FontAwesomeModule, typeof i8.TheSeamToggleGroupModule, typeof i9.TheSeamIconModule, typeof i10.TheSeamMenuModule, typeof i11.TheSeamButtonsModule], [typeof DataFilterSearchComponent, typeof DataFilterTextComponent, typeof DataFilterToggleButtonsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamDataFiltersModule>;
 }
 
@@ -228,5 +247,5 @@ interface IDataFilterDef<T = any> {
 }
 declare const THESEAM_DATA_FILTER_DEF: InjectionToken<IDataFilterDef<any>[]>;
 
-export { DATA_FILTER_SEARCH, DATA_FILTER_TEXT, DATA_FILTER_TOGGLE_BUTTON, DataFilterSearchComponent, DataFilterTextComponent, DataFilterToggleButtonsComponent, DefaultSearchFilterOptions, DefaultTextFilterOptions, DefaultToggleButtonsFilterOptions, THESEAM_DATA_FILTER, THESEAM_DATA_FILTER_CONTAINER, THESEAM_DATA_FILTER_DEF, THESEAM_DATA_FILTER_OPTIONS, TheSeamDataFiltersModule, composeDataFilterStates, composeDataFilters, filterOperator, searchDataFilter, textDataFilter, toggleButtonsFilter };
+export { DATA_FILTER_SEARCH, DATA_FILTER_TEXT, DATA_FILTER_TOGGLE_BUTTON, DATA_FILTER_TOGGLE_BUTTON_DROPDOWN_TEXT, DataFilterSearchComponent, DataFilterTextComponent, DataFilterToggleButtonsComponent, DefaultSearchFilterOptions, DefaultTextFilterOptions, DefaultToggleButtonsFilterOptions, THESEAM_DATA_FILTER, THESEAM_DATA_FILTER_CONTAINER, THESEAM_DATA_FILTER_DEF, THESEAM_DATA_FILTER_OPTIONS, TheSeamDataFiltersModule, composeDataFilterStates, composeDataFilters, filterOperator, searchDataFilter, textDataFilter, toggleButtonsFilter };
 export type { DataFilter, DataFilterContainer, DataFilterFunction, DataFilterState, IDataFilter, IDataFilterDef, IDataFilterFunction, ISearchFilterOptions, ITextFilterOptions, IToggleButton, IToggleButtonsFilterOptions };