@mcp-elements/angular 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -0,0 +1,506 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, OnDestroy, Renderer2, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as _mcp_elements_core from '@mcp-elements/core';
+import { TabItem, AccordionItemConfig, SelectOption, ToolStateApi, ToolStateSnapshot, JsonSchema, FieldDescriptor, ScopeDescriptor, AppMessageEnvelope } from '@mcp-elements/core';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+declare class SnxButtonComponent {
+    variant: _angular_core.InputSignal<ButtonVariant>;
+    size: _angular_core.InputSignal<ButtonSize>;
+    disabled: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
+declare class SnxBadgeComponent {
+    variant: _angular_core.InputSignal<BadgeVariant>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxCardComponent {
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxCardHeaderComponent {
+}
+declare class SnxCardTitleComponent {
+}
+declare class SnxCardDescriptionComponent {
+}
+declare class SnxCardContentComponent {
+}
+declare class SnxCardFooterComponent {
+}
+
+declare class SnxInputComponent implements ControlValueAccessor {
+    type: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    value: _angular_core.InputSignal<string>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+    private onChange;
+    onTouched: () => void;
+    onInput(event: Event): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+}
+
+declare class SnxTextareaComponent {
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    rows: _angular_core.InputSignal<number>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxAvatarComponent {
+    src: _angular_core.InputSignal<string>;
+    alt: _angular_core.InputSignal<string>;
+    fallback: _angular_core.InputSignal<string>;
+    class: _angular_core.InputSignal<string>;
+    hasError: _angular_core.WritableSignal<boolean>;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxSeparatorComponent {
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxSkeletonComponent {
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxDialogComponent {
+    modal: _angular_core.InputSignal<boolean>;
+    open: _angular_core.WritableSignal<boolean>;
+    openChange: _angular_core.OutputEmitterRef<boolean>;
+    toggle(): void;
+    close(): void;
+    show(): void;
+}
+
+declare class SnxTabsComponent {
+    items: _angular_core.InputSignal<TabItem[]>;
+    defaultValue: _angular_core.InputSignal<string>;
+    activeValue: _angular_core.WritableSignal<string>;
+    private api;
+    constructor();
+    getTabProps(value: string): {
+        role: "tab";
+        'aria-selected': boolean;
+        'aria-controls': string;
+        id: string;
+        tabIndex: number;
+        disabled: boolean;
+        onClick: () => void;
+        onKeyDown: (e: KeyboardEvent) => void;
+    };
+    getPanelProps(value: string): {
+        role: "tabpanel";
+        id: string;
+        'aria-labelledby': string;
+        hidden: true | undefined;
+        tabIndex: number;
+    };
+    isActive(value: string): boolean;
+    select(value: string): void;
+}
+declare class SnxTabsListComponent {
+}
+declare class SnxTabsTriggerComponent {
+    isActive: _angular_core.InputSignal<boolean>;
+    onClick: _angular_core.OutputEmitterRef<void>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxTabsContentComponent {
+    isActive: _angular_core.InputSignal<boolean>;
+}
+
+declare class SnxAccordionComponent {
+    items: _angular_core.InputSignal<AccordionItemConfig[]>;
+    type: _angular_core.InputSignal<"single" | "multiple">;
+    collapsible: _angular_core.InputSignal<boolean>;
+    expandedValues: _angular_core.WritableSignal<string[]>;
+    private api;
+    isExpanded(value: string): boolean;
+    toggle(value: string): void;
+}
+declare class SnxAccordionItemComponent {
+}
+declare class SnxAccordionTriggerComponent {
+    isExpanded: _angular_core.InputSignal<boolean>;
+    onClick: _angular_core.OutputEmitterRef<void>;
+}
+declare class SnxAccordionContentComponent {
+    isExpanded: _angular_core.InputSignal<boolean>;
+}
+
+declare class SnxSelectComponent {
+    options: _angular_core.InputSignal<SelectOption[]>;
+    placeholder: _angular_core.InputSignal<string>;
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    selectedValue: _angular_core.WritableSignal<string | null>;
+    highlightedIndex: _angular_core.WritableSignal<number>;
+    container: _angular_core.Signal<ElementRef<any> | undefined>;
+    selectedLabel: _angular_core.Signal<string>;
+    toggle(): void;
+    selectOption(option: SelectOption): void;
+    getItemClasses(option: SelectOption, index: number): string;
+    onKeyDown(event: KeyboardEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+}
+
+declare class SnxTooltipDirective implements OnDestroy {
+    private el;
+    private renderer;
+    mcpeTooltip: _angular_core.InputSignal<string>;
+    tooltipDelay: _angular_core.InputSignal<number>;
+    private tooltipEl;
+    private timeoutId;
+    constructor(el: ElementRef, renderer: Renderer2);
+    onShow(): void;
+    onHide(): void;
+    private show;
+    private hide;
+    private clearDelay;
+    ngOnDestroy(): void;
+}
+
+declare class SnxPopoverComponent {
+    isOpen: _angular_core.WritableSignal<boolean>;
+    container: _angular_core.Signal<ElementRef<any> | undefined>;
+    toggle(): void;
+    close(): void;
+    show(): void;
+    onDocumentClick(event: MouseEvent): void;
+}
+
+interface ToastData {
+    id: string;
+    title?: string;
+    description?: string;
+    variant?: 'default' | 'destructive' | 'success';
+}
+declare class SnxToastService {
+    toasts: _angular_core.WritableSignal<ToastData[]>;
+    private counter;
+    show(toast: Omit<ToastData, 'id'>, duration?: number): string;
+    success(title: string, description?: string): string;
+    error(title: string, description?: string): string;
+    dismiss(id: string): void;
+}
+declare class SnxToasterComponent {
+    toastService: SnxToastService;
+    constructor(toastService: SnxToastService);
+}
+
+declare class SnxDrawerComponent {
+    side: _angular_core.InputSignal<"bottom" | "left" | "right" | "top">;
+    open: _angular_core.WritableSignal<boolean>;
+    openChange: _angular_core.OutputEmitterRef<boolean>;
+    show(): void;
+    close(): void;
+    toggle(): void;
+}
+declare class SnxDrawerHeaderComponent {
+}
+declare class SnxDrawerFooterComponent {
+}
+declare class SnxDrawerTitleComponent {
+}
+declare class SnxDrawerDescriptionComponent {
+}
+declare class SnxDrawerBodyComponent {
+}
+
+interface DropdownItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    type?: 'item' | 'separator' | 'label';
+    shortcut?: string;
+}
+declare class SnxDropdownMenuComponent {
+    items: _angular_core.InputSignal<DropdownItem[]>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    container: _angular_core.Signal<ElementRef<any> | undefined>;
+    toggle(): void;
+    close(): void;
+    selectItem(item: DropdownItem): void;
+    onDocumentClick(event: MouseEvent): void;
+}
+
+declare class SnxSwitchComponent {
+    checked: _angular_core.WritableSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    toggle(): void;
+}
+
+declare class SnxProgressComponent {
+    value: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    transform: _angular_core.Signal<string>;
+}
+
+declare class SnxLoaderComponent {
+    size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
+    variant: _angular_core.InputSignal<"primary" | "muted">;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxChipComponent {
+    variant: _angular_core.InputSignal<"primary" | "outline" | "destructive" | "default">;
+    removable: _angular_core.InputSignal<boolean>;
+    remove: _angular_core.OutputEmitterRef<void>;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxChipsComponent {
+}
+
+declare class SnxPasswordInputComponent {
+    placeholder: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    showPassword: _angular_core.WritableSignal<boolean>;
+}
+
+declare class SnxCounterComponent {
+    value: _angular_core.WritableSignal<number>;
+    min: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    valueChange: _angular_core.OutputEmitterRef<number>;
+    decrement(): void;
+    increment(): void;
+    onInput(event: Event): void;
+}
+
+declare class SnxAlertComponent {
+    variant: _angular_core.InputSignal<"destructive" | "default" | "success" | "warning">;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxAlertTitleComponent {
+}
+declare class SnxAlertDescriptionComponent {
+}
+
+declare class SnxPromptInputComponent {
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxPromptInputTextareaComponent {
+    placeholder: _angular_core.InputSignal<string>;
+    rows: _angular_core.InputSignal<number>;
+}
+declare class SnxPromptInputFooterComponent {
+}
+declare class SnxPromptInputActionsComponent {
+}
+declare class SnxPromptInputCharCountComponent {
+    count: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number | undefined>;
+}
+declare class SnxPromptInputAttachmentsComponent {
+}
+declare class SnxPromptInputAttachmentComponent {
+    remove: _angular_core.OutputEmitterRef<void>;
+}
+
+type ChatBubbleVariant = 'user' | 'ai';
+declare class SnxChatBubbleComponent {
+    variant: _angular_core.InputSignal<ChatBubbleVariant>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxChatBubbleAvatarComponent {
+    src: _angular_core.InputSignal<string>;
+    alt: _angular_core.InputSignal<string>;
+}
+declare class SnxChatBubbleContentComponent {
+}
+declare class SnxChatBubbleTimestampComponent {
+}
+declare class SnxChatBubbleTypingComponent {
+}
+
+type AiBadgeVariant = 'default' | 'prominent' | 'subtle';
+declare class SnxAiBadgeComponent {
+    variant: _angular_core.InputSignal<AiBadgeVariant>;
+    showIcon: _angular_core.InputSignal<boolean>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+type SuggestionChipVariant = 'default' | 'primary' | 'outline';
+declare class SnxSuggestionChipsComponent {
+}
+declare class SnxSuggestionChipComponent {
+    variant: _angular_core.InputSignal<SuggestionChipVariant>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+
+declare class SnxSourceCardsComponent {
+}
+declare class SnxSourceCardComponent {
+    href: _angular_core.InputSignal<string>;
+    favicon: _angular_core.InputSignal<string>;
+    title: _angular_core.InputSignal<string>;
+    domain: _angular_core.InputSignal<string>;
+    index: _angular_core.InputSignal<number | undefined>;
+}
+
+declare class SnxStreamingTextComponent {
+}
+declare class SnxStreamingTextFadeInComponent {
+}
+declare class SnxStreamingTextWordComponent {
+}
+declare class SnxStreamingTextLineComponent {
+}
+declare class SnxStreamingTextSkeletonComponent {
+}
+declare class SnxStreamingTextSkeletonLineComponent {
+}
+
+declare class SnxFeedbackComponent {
+}
+type FeedbackType = 'up' | 'down';
+declare class SnxFeedbackButtonComponent {
+    feedbackType: _angular_core.InputSignal<FeedbackType>;
+    selected: _angular_core.InputSignal<boolean>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+}
+declare class SnxFeedbackSeparatorComponent {
+}
+declare class SnxFeedbackFormComponent {
+}
+declare class SnxFeedbackInputComponent {
+    placeholder: _angular_core.InputSignal<string>;
+}
+declare class SnxFeedbackSubmitComponent {
+}
+
+type McpConnectionStatus = 'connected' | 'connecting' | 'disconnected' | 'error';
+declare class McpeMcpServerStatusComponent {
+    status: _angular_core.InputSignal<McpConnectionStatus>;
+    serverName: _angular_core.InputSignal<string | undefined>;
+    class: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+    label: _angular_core.Signal<string>;
+    ariaLabel: _angular_core.Signal<string>;
+}
+
+declare class McpeMcpToolCallComponent implements OnDestroy {
+    state: _angular_core.InputSignal<ToolStateApi>;
+    toolName: _angular_core.InputSignal<string | undefined>;
+    args: _angular_core.InputSignal<Record<string, unknown> | undefined>;
+    onRetry: _angular_core.OutputEmitterRef<void>;
+    class: _angular_core.InputSignal<string>;
+    readonly statusLabels: Record<string, string>;
+    snap: _angular_core.WritableSignal<ToolStateSnapshot>;
+    private _unsub;
+    constructor();
+    ngOnDestroy(): void;
+    classes: _angular_core.Signal<string>;
+    badgeClass: _angular_core.Signal<string>;
+    displayName: _angular_core.Signal<string>;
+    displayArgs: _angular_core.Signal<Record<string, unknown> | undefined>;
+    textBlocks: _angular_core.Signal<string[]>;
+}
+
+declare class McpeMcpToolFormComponent implements OnInit {
+    schema: _angular_core.InputSignal<JsonSchema>;
+    loading: _angular_core.InputSignal<boolean>;
+    submitLabel: _angular_core.InputSignal<string>;
+    class: _angular_core.InputSignal<string>;
+    onSubmit: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    fields: _angular_core.Signal<FieldDescriptor[]>;
+    values: _angular_core.WritableSignal<Record<string, unknown>>;
+    ngOnInit(): void;
+    classes: _angular_core.Signal<string>;
+    setValue(key: string, value: unknown): void;
+    onInputChange(key: string, event: Event): void;
+    onNumberChange(key: string, event: Event): void;
+    onCheckChange(key: string, event: Event): void;
+    getStr(key: string): string;
+    getBool(key: string): boolean;
+    labelClass(field: FieldDescriptor): string;
+    inputType(field: FieldDescriptor): string;
+    handleSubmit(): void;
+}
+
+declare class McpeMcpConsentDialogComponent {
+    open: _angular_core.InputSignal<boolean>;
+    serverName: _angular_core.InputSignal<string>;
+    serverIcon: _angular_core.InputSignal<string | undefined>;
+    scopes: _angular_core.InputSignal<string[]>;
+    onApprove: _angular_core.OutputEmitterRef<void>;
+    onDeny: _angular_core.OutputEmitterRef<void>;
+    parsedScopes: _angular_core.Signal<_mcp_elements_core.ScopeDescriptor[]>;
+    approve(): void;
+    deny(): void;
+}
+
+declare class McpeMcpScopeInspectorComponent {
+    scopes: _angular_core.InputSignal<string | ScopeDescriptor[]>;
+    descriptions: _angular_core.InputSignal<Record<string, string>>;
+    class: _angular_core.InputSignal<string>;
+    openKeys: _angular_core.WritableSignal<Set<string>>;
+    parsedScopes: _angular_core.Signal<ScopeDescriptor[]>;
+    classes: _angular_core.Signal<string>;
+    toggle(key: string): void;
+    isOpen(key: string): boolean;
+    chevronClass(key: string): string;
+    getDescription(s: ScopeDescriptor): string | undefined;
+}
+
+interface McpResource {
+    uri: string;
+    name: string;
+    mimeType?: string;
+    description?: string;
+}
+declare class McpeMcpResourceBrowserComponent {
+    resources: _angular_core.InputSignal<McpResource[]>;
+    selectedUri: _angular_core.InputSignal<string | undefined>;
+    loading: _angular_core.InputSignal<boolean>;
+    class: _angular_core.InputSignal<string>;
+    onSelect: _angular_core.OutputEmitterRef<McpResource>;
+    readonly skeletonItems: number[];
+    classes: _angular_core.Signal<string>;
+    itemClass(uri: string): string;
+    mimeLabel(mimeType?: string): string;
+    select(r: McpResource): void;
+}
+
+declare class McpeMcpAppFrameComponent implements OnDestroy {
+    src: _angular_core.InputSignal<string>;
+    height: _angular_core.InputSignal<number>;
+    sandbox: _angular_core.InputSignal<string>;
+    class: _angular_core.InputSignal<string>;
+    onMessage: _angular_core.OutputEmitterRef<AppMessageEnvelope>;
+    frame: _angular_core.Signal<ElementRef<HTMLIFrameElement> | undefined>;
+    private _unsub;
+    private _removeListener;
+    constructor();
+    private _cleanup;
+    ngOnDestroy(): void;
+    classes: _angular_core.Signal<string>;
+}
+
+export { type McpConnectionStatus, type McpResource, McpeMcpAppFrameComponent, McpeMcpConsentDialogComponent, McpeMcpResourceBrowserComponent, McpeMcpScopeInspectorComponent, McpeMcpServerStatusComponent, McpeMcpToolCallComponent, McpeMcpToolFormComponent, SnxAccordionComponent, SnxAccordionContentComponent, SnxAccordionItemComponent, SnxAccordionTriggerComponent, SnxAiBadgeComponent, SnxAlertComponent, SnxAlertDescriptionComponent, SnxAlertTitleComponent, SnxAvatarComponent, SnxBadgeComponent, SnxButtonComponent, SnxCardComponent, SnxCardContentComponent, SnxCardDescriptionComponent, SnxCardFooterComponent, SnxCardHeaderComponent, SnxCardTitleComponent, SnxChatBubbleAvatarComponent, SnxChatBubbleComponent, SnxChatBubbleContentComponent, SnxChatBubbleTimestampComponent, SnxChatBubbleTypingComponent, SnxChipComponent, SnxChipsComponent, SnxCounterComponent, SnxDialogComponent, SnxDrawerBodyComponent, SnxDrawerComponent, SnxDrawerDescriptionComponent, SnxDrawerFooterComponent, SnxDrawerHeaderComponent, SnxDrawerTitleComponent, SnxDropdownMenuComponent, SnxFeedbackButtonComponent, SnxFeedbackComponent, SnxFeedbackFormComponent, SnxFeedbackInputComponent, SnxFeedbackSeparatorComponent, SnxFeedbackSubmitComponent, SnxInputComponent, SnxLoaderComponent, SnxPasswordInputComponent, SnxPopoverComponent, SnxProgressComponent, SnxPromptInputActionsComponent, SnxPromptInputAttachmentComponent, SnxPromptInputAttachmentsComponent, SnxPromptInputCharCountComponent, SnxPromptInputComponent, SnxPromptInputFooterComponent, SnxPromptInputTextareaComponent, SnxSelectComponent, SnxSeparatorComponent, SnxSkeletonComponent, SnxSourceCardComponent, SnxSourceCardsComponent, SnxStreamingTextComponent, SnxStreamingTextFadeInComponent, SnxStreamingTextLineComponent, SnxStreamingTextSkeletonComponent, SnxStreamingTextSkeletonLineComponent, SnxStreamingTextWordComponent, SnxSuggestionChipComponent, SnxSuggestionChipsComponent, SnxSwitchComponent, SnxTabsComponent, SnxTabsContentComponent, SnxTabsListComponent, SnxTabsTriggerComponent, SnxTextareaComponent, SnxToastService, SnxToasterComponent, SnxTooltipDirective };