@a2ui/angular 0.8.3 → 0.9.0-alpha.0

package/types/a2ui-angular.d.ts

@@ -1,16 +1,98 @@
+import * as WebCore from '@a2ui/web_core/v0_8';
 import * as _angular_core from '@angular/core';
-import { Type, Binding, InjectionToken, OnDestroy, EnvironmentProviders } from '@angular/core';
-import { Data, Types, Primitives } from '@a2ui/lit/0.8';
-import { Subject } from 'rxjs';
+import { Type, Binding, InjectionToken, EnvironmentProviders } from '@angular/core';
+import { Subject, Observable } from 'rxjs';
+import * as _a2ui_web_core from '@a2ui/web_core';
+import * as Primitives from '@a2ui/web_core/types/primitives';
 
-interface DispatchedEvent {
+/**
+ * Centralized namespace for v0.8 renderer types.
+ * Standardizes on the `...Node` suffix for component types and provides
+ * resolved variants for property binding.
+ */
+declare namespace Types {
+    type Action = WebCore.Action;
+    type FunctionCall = unknown;
+    type SurfaceID = string;
+    type StringValue = WebCore.StringValue;
+    type BooleanValue = WebCore.BooleanValue;
+    type NumberValue = WebCore.NumberValue;
+    type Surface = WebCore.Surface;
+    type A2UIClientEventMessage = WebCore.A2UIClientEventMessage;
+    type ClientToServerMessage = A2UIClientEventMessage;
+    type ServerToClientMessage = WebCore.ServerToClientMessage;
+    interface Component<P = Record<string, unknown>> {
+        id: string;
+        type: string;
+        properties: P;
+    }
+    type AnyComponentNode = WebCore.AnyComponentNode;
+    type CustomNode = WebCore.CustomNode;
+    type Theme = WebCore.Theme;
+    type RowNode = WebCore.RowNode;
+    type ColumnNode = WebCore.ColumnNode;
+    type TextNode = WebCore.TextNode;
+    type ListNode = WebCore.ListNode;
+    type ImageNode = WebCore.ImageNode;
+    type IconNode = WebCore.IconNode;
+    type VideoNode = WebCore.VideoNode;
+    type AudioPlayerNode = WebCore.AudioPlayerNode;
+    type ButtonNode = WebCore.ButtonNode;
+    type DividerNode = WebCore.DividerNode;
+    type MultipleChoiceNode = WebCore.MultipleChoiceNode;
+    type TextFieldNode = WebCore.TextFieldNode;
+    type CheckboxNode = WebCore.CheckboxNode;
+    type SliderNode = WebCore.SliderNode;
+    type DateTimeInputNode = WebCore.DateTimeInputNode;
+    type TabsNode = WebCore.TabsNode;
+    type ModalNode = WebCore.ModalNode;
+    type CardNode = WebCore.CardNode;
+    type ResolvedRow = WebCore.ResolvedRow;
+    type ResolvedColumn = WebCore.ResolvedColumn;
+    type ResolvedText = WebCore.ResolvedText;
+    type ResolvedList = WebCore.ResolvedList;
+    type ResolvedImage = WebCore.ResolvedImage;
+    type ResolvedIcon = WebCore.ResolvedIcon;
+    type ResolvedVideo = WebCore.ResolvedVideo;
+    type ResolvedAudioPlayer = WebCore.ResolvedAudioPlayer;
+    type ResolvedButton = WebCore.ResolvedButton;
+    type ResolvedDivider = WebCore.ResolvedDivider;
+    type ResolvedMultipleChoice = WebCore.ResolvedMultipleChoice;
+    type ResolvedTextField = WebCore.ResolvedTextField;
+    type ResolvedCheckbox = WebCore.ResolvedCheckbox;
+    type ResolvedSlider = WebCore.ResolvedSlider;
+    type ResolvedDateTimeInput = WebCore.ResolvedDateTimeInput;
+    type ResolvedTabs = WebCore.ResolvedTabs;
+    type ResolvedModal = WebCore.ResolvedModal;
+    type ResolvedCard = WebCore.ResolvedCard;
+    type MarkdownRenderer = WebCore.MarkdownRenderer;
+    type MarkdownRendererOptions = WebCore.MarkdownRendererOptions;
+}
+
+interface A2UIClientEvent {
     message: Types.A2UIClientEventMessage;
     completion: Subject<Types.ServerToClientMessage[]>;
 }
-declare class MessageProcessor extends Data.A2uiMessageProcessor {
-    readonly events: Subject<DispatchedEvent>;
-    setData(node: Types.AnyComponentNode, relativePath: string, value: Types.DataValue, surfaceId?: Types.SurfaceID | null): void;
+type DispatchedEvent = A2UIClientEvent;
+declare class MessageProcessor {
+    private baseProcessor;
+    private readonly eventsSubject;
+    readonly events: Observable<A2UIClientEvent>;
+    private readonly versionSignal;
+    readonly version: _angular_core.Signal<number>;
+    constructor();
+    /**
+     * Increments the version signal to notify Angular that the data model has changed.
+     * This should be called after any update to the underlying base processor's surfaces.
+     */
+    private notify;
+    processMessages(messages: Types.ServerToClientMessage[]): void;
     dispatch(message: Types.A2UIClientEventMessage): Promise<Types.ServerToClientMessage[]>;
+    getData(node: Types.AnyComponentNode, path: string, surfaceId?: string | null): unknown;
+    setData(node: Types.AnyComponentNode | null, path: string, value: any, surfaceId: string): void;
+    resolvePath(path: string, dataContextPath?: string): string;
+    getSurfaces(): ReadonlyMap<string, WebCore.Surface>;
+    clearSurfaces(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageProcessor, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<MessageProcessor>;
 }
@@ -27,16 +109,49 @@ type A2AServerPayload = Array<A2DataPayload | A2TextPayload> | {
     error: string;
 };
 
+declare abstract class MarkdownRenderer {
+    abstract render(markdown: string, options?: Types.MarkdownRendererOptions): Promise<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MarkdownRenderer, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MarkdownRenderer>;
+}
+declare class DefaultMarkdownRenderer extends MarkdownRenderer {
+    private static warningLogged;
+    render(markdown: string, options?: Types.MarkdownRendererOptions): Promise<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DefaultMarkdownRenderer, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DefaultMarkdownRenderer>;
+}
+declare function provideMarkdownRenderer(renderFn?: Types.MarkdownRenderer): {
+    provide: typeof MarkdownRenderer;
+    useValue: {
+        render: _a2ui_web_core.MarkdownRenderer;
+    };
+    useClass?: undefined;
+} | {
+    provide: typeof MarkdownRenderer;
+    useClass: typeof DefaultMarkdownRenderer;
+    useValue?: undefined;
+};
+
+declare class Theme {
+    components: Types.Theme['components'];
+    elements: Types.Theme['elements'];
+    markdown: Types.Theme['markdown'];
+    additionalStyles?: Types.Theme['additionalStyles'];
+    update(theme: Types.Theme): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Theme, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<Theme>;
+}
+
 declare abstract class DynamicComponent<T extends Types.AnyComponentNode = Types.AnyComponentNode> {
     protected readonly processor: MessageProcessor;
-    protected readonly theme: Types.Theme;
+    protected readonly theme: Theme;
     readonly surfaceId: _angular_core.InputSignal<string | null>;
     readonly component: _angular_core.InputSignal<T>;
     readonly weight: _angular_core.InputSignal<string | number>;
     protected sendAction(action: Types.Action): Promise<Types.ServerToClientMessage[]>;
-    protected resolvePrimitive(value: Primitives.StringValue | null): string | null;
-    protected resolvePrimitive(value: Primitives.BooleanValue | null): boolean | null;
-    protected resolvePrimitive(value: Primitives.NumberValue | null): number | null;
+    protected resolvePrimitive(value: Types.StringValue | null): string | null;
+    protected resolvePrimitive(value: Types.BooleanValue | null): boolean | null;
+    protected resolvePrimitive(value: Types.NumberValue | null): number | null;
     protected getUniqueId(prefix: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicComponent<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DynamicComponent<any>, never, never, { "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "component": { "alias": "component"; "required": true; "isSignal": true; }; "weight": { "alias": "weight"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -52,39 +167,251 @@ interface Catalog {
 }
 declare const Catalog: InjectionToken<Catalog>;
 
-declare class Renderer implements OnDestroy {
-    private viewContainerRef;
-    private catalog;
+declare const DEFAULT_CATALOG: Catalog;
+declare function registerStandardComponents(catalog: Catalog): void;
+
+declare class AudioPlayer extends DynamicComponent<Types.AudioPlayerNode> {
+    readonly url: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    protected readonly resolvedUrl: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AudioPlayer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AudioPlayer, "a2ui-audio", never, { "url": { "alias": "url"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Button extends DynamicComponent<Types.ButtonNode> {
+    readonly action: _angular_core.InputSignal<_a2ui_web_core.Action | null>;
+    readonly child: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode | null>;
+    readonly primary: _angular_core.InputSignal<boolean | null>;
+    protected handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "a2ui-button", never, { "action": { "alias": "action"; "required": false; "isSignal": true; }; "child": { "alias": "child"; "required": false; "isSignal": true; }; "primary": { "alias": "primary"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Card extends DynamicComponent<Types.CardNode> {
+    readonly child: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode | null>;
+    readonly children: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "a2ui-card", never, { "child": { "alias": "child"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Checkbox extends DynamicComponent<Types.CheckboxNode> {
+    readonly label: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly checked: _angular_core.InputSignal<_a2ui_web_core.BooleanValue | null>;
+    protected inputChecked: _angular_core.Signal<boolean>;
+    protected resolvedLabel: _angular_core.Signal<string | null>;
+    protected readonly inputId: string;
+    onToggle(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Checkbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "a2ui-checkbox", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Column extends DynamicComponent<Types.ColumnNode> {
+    readonly alignment: _angular_core.InputSignal<"start" | "center" | "end" | "stretch" | undefined>;
+    readonly distribution: _angular_core.InputSignal<"start" | "center" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined>;
+    readonly children: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode[] | null | undefined>;
+    protected readonly classes: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Column, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Column, "a2ui-column", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "distribution": { "alias": "distribution"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DateTimeInput extends DynamicComponent<Types.DateTimeInputNode> {
+    readonly label: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly value: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly enableDate: _angular_core.InputSignal<boolean>;
+    readonly enableTime: _angular_core.InputSignal<boolean>;
+    protected readonly inputId: string;
+    protected inputType: _angular_core.Signal<"date" | "datetime-local" | "time">;
+    protected readonly resolvedLabel: _angular_core.Signal<string | null>;
+    protected resolvedValue: _angular_core.Signal<string | null>;
+    onChange(event: Event): void;
+    private handleAction;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimeInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimeInput, "a2ui-datetime-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "enableDate": { "alias": "enableDate"; "required": false; "isSignal": true; }; "enableTime": { "alias": "enableTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Divider extends DynamicComponent<Types.DividerNode> {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Divider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Divider, "a2ui-divider", never, {}, {}, never, never, true, never>;
+}
+
+declare class Icon extends DynamicComponent<Types.IconNode> {
+    readonly name: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    protected readonly resolvedName: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Icon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Icon, "a2ui-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Image extends DynamicComponent<Types.ImageNode> {
+    readonly url: _angular_core.InputSignal<Primitives.StringValue | null>;
+    readonly usageHint: _angular_core.InputSignal<"header" | "icon" | "avatar" | "smallFeature" | "mediumFeature" | "largeFeature" | null | undefined>;
+    readonly fit: _angular_core.InputSignal<"fill" | "contain" | "cover" | "none" | "scale-down" | null | undefined>;
+    readonly altText: _angular_core.InputSignal<Primitives.StringValue | null>;
+    protected readonly resolvedUrl: _angular_core.Signal<string | null>;
+    protected readonly resolvedAltText: _angular_core.Signal<string>;
+    protected classes: _angular_core.Signal<Record<string, boolean>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Image, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Image, "a2ui-image", never, { "url": { "alias": "url"; "required": false; "isSignal": true; }; "usageHint": { "alias": "usageHint"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "altText": { "alias": "altText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class List extends DynamicComponent<Types.ListNode> {
+    readonly alignment: _angular_core.InputSignal<"start" | "center" | "end" | "stretch" | undefined>;
+    readonly direction: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
+    readonly children: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode[] | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<List, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<List, "a2ui-list", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Modal extends DynamicComponent<Types.ModalNode> {
+    readonly entryPointChild: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode>;
+    readonly contentChild: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode>;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected openModal(): void;
+    protected closeModal(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Modal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Modal, "a2ui-modal", never, { "entryPointChild": { "alias": "entryPointChild"; "required": true; "isSignal": true; }; "contentChild": { "alias": "contentChild"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class MultipleChoice extends DynamicComponent<Types.MultipleChoiceNode> {
+    readonly label: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly options: _angular_core.InputSignal<{
+        label: Types.StringValue;
+        value: string;
+    }[]>;
+    readonly selections: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode | null>;
+    protected readonly selectId: string;
+    protected readonly resolvedLabel: _angular_core.Signal<string | null>;
+    protected readonly resolvedOptions: _angular_core.Signal<{
+        label: string | null;
+        value: string;
+    }[]>;
+    protected readonly resolvedSelections: _angular_core.Signal<string[]>;
+    onChange(event: Event): void;
+    private handleAction;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultipleChoice, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultipleChoice, "a2ui-multiple-choice", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "selections": { "alias": "selections"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Row extends DynamicComponent<Types.RowNode> {
+    readonly alignment: _angular_core.InputSignal<"start" | "center" | "end" | "stretch" | undefined>;
+    readonly distribution: _angular_core.InputSignal<"start" | "center" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined>;
+    readonly children: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode[] | null | undefined>;
+    protected readonly classes: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Row, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Row, "a2ui-row", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "distribution": { "alias": "distribution"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Slider extends DynamicComponent<Types.SliderNode> {
+    readonly label: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly value: _angular_core.InputSignal<_a2ui_web_core.NumberValue | null>;
+    readonly minValue: _angular_core.InputSignal<number>;
+    readonly maxValue: _angular_core.InputSignal<number>;
+    protected readonly inputId: string;
+    protected readonly labelId: string;
+    protected resolvedLabel: _angular_core.Signal<string | null>;
+    protected resolvedValue: _angular_core.Signal<number | null>;
+    onInput(event: Event): void;
+    private handleAction;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Slider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Slider, "a2ui-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Surface {
+    private readonly processor;
+    readonly surfaceId: _angular_core.InputSignal<string>;
+    readonly surfaceInput: _angular_core.InputSignal<_a2ui_web_core.Surface | null>;
+    protected readonly surface: _angular_core.Signal<_a2ui_web_core.Surface | null>;
+    protected readonly rootComponent: _angular_core.Signal<_a2ui_web_core.AnyComponentNode | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Surface, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Surface, "a2ui-surface", never, { "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "surfaceInput": { "alias": "surface"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Tabs extends DynamicComponent<Types.TabsNode> {
+    readonly tabItems: _angular_core.InputSignal<_a2ui_web_core.ResolvedTabItem[]>;
+    protected readonly selectedIndex: _angular_core.WritableSignal<number>;
+    protected selectTab(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "a2ui-tabs", never, { "tabItems": { "alias": "tabItems"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TextField extends DynamicComponent<Types.TextFieldNode> {
+    readonly label: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly text: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    readonly textFieldType: _angular_core.InputSignal<"number" | "date" | "shortText" | "longText" | undefined>;
+    protected readonly inputId: string;
+    protected resolvedLabel: _angular_core.Signal<string | null>;
+    protected resolvedText: _angular_core.Signal<string | null>;
+    protected htmlInputType: _angular_core.Signal<"text" | "number" | "date">;
+    onInput(event: Event): void;
+    private handleAction;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextField, "a2ui-text-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "textFieldType": { "alias": "textFieldType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Text extends DynamicComponent<Types.TextNode> {
+    private markdownRenderer;
+    readonly text: _angular_core.InputSignal<Primitives.StringValue | null>;
+    readonly usageHint: _angular_core.InputSignal<"body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | null | undefined>;
+    protected resolvedText: _angular_core.Signal<Promise<string>>;
+    protected classes: _angular_core.Signal<Record<string, boolean>>;
+    protected additionalStyles: _angular_core.Signal<Record<string, string> | null>;
+    private areHintedStyles;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Text, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Text, "a2ui-text", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "usageHint": { "alias": "usageHint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Video extends DynamicComponent<Types.VideoNode> {
+    readonly url: _angular_core.InputSignal<_a2ui_web_core.StringValue | null>;
+    protected readonly resolvedUrl: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Video, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Video, "a2ui-video", never, { "url": { "alias": "url"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class Renderer {
     private static hasInsertedStyles;
-    private currentRef;
-    private isDestroyed;
+    private readonly catalog;
+    private readonly container;
+    private readonly processor;
     readonly surfaceId: _angular_core.InputSignal<string>;
-    readonly component: _angular_core.InputSignal<Types.AnyComponentNode>;
+    readonly component: _angular_core.InputSignal<_a2ui_web_core.AnyComponentNode>;
+    private currentId;
+    private currentType;
+    private currentComponentRef;
     constructor();
-    ngOnDestroy(): void;
     private render;
-    private clear;
+    private resolveComponentType;
+    /**
+     * Updates the inputs of an existing component instance with the latest data from the node.
+     * This is called during component reuse to keep the UI in sync without losing DOM state (like focus).
+     */
+    private updateInputs;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Renderer, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Renderer, "ng-container[a2ui-renderer]", never, { "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "component": { "alias": "component"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Renderer, "[a2ui-renderer]", never, { "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "component": { "alias": "component"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const Theme: InjectionToken<Types.Theme>;
-type Theme = Types.Theme;
-
 declare function provideA2UI(config: {
     catalog: Catalog;
-    theme: Theme;
+    theme: Types.Theme;
 }): EnvironmentProviders;
 
-declare const DEFAULT_CATALOG: Catalog;
-
-declare class Surface {
-    readonly surfaceId: _angular_core.InputSignal<string | null>;
-    readonly surface: _angular_core.InputSignal<Types.Surface | null>;
-    protected readonly styles: _angular_core.Signal<Record<string, string>>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Surface, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Surface, "a2ui-surface", never, { "surfaceId": { "alias": "surfaceId"; "required": true; "isSignal": true; }; "surface": { "alias": "surface"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
+/**
+ * Copyright 2026 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const A2UI_ANGULAR_VERSION = "0.9.0";
 
-export { Catalog, DEFAULT_CATALOG, DynamicComponent, MessageProcessor, Renderer, Surface, Theme, provideA2UI };
-export type { A2AServerPayload, A2DataPayload, A2TextPayload, CatalogEntry, CatalogLoader, DispatchedEvent };
+export { A2UI_ANGULAR_VERSION, AudioPlayer, Button, Card, Catalog, Checkbox, Column, DEFAULT_CATALOG, DateTimeInput, Divider, DynamicComponent, Icon, Image, List, MessageProcessor, Modal, MultipleChoice, Renderer, Row, Slider, Surface, Tabs, Text, TextField, Theme, Types, Video, provideA2UI, provideMarkdownRenderer, registerStandardComponents };
+export type { A2AServerPayload, A2DataPayload, A2TextPayload, A2UIClientEvent, CatalogEntry, CatalogLoader, DispatchedEvent };

package/fesm2022/a2ui-angular-audio-DoZb9mn_.mjs

@@ -1,48 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, computed, Component } from '@angular/core';
-import { DynamicComponent } from './a2ui-angular.mjs';
-
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-class Audio extends DynamicComponent {
-    url = input.required(...(ngDevMode ? [{ debugName: "url" }] : []));
-    resolvedUrl = computed(() => this.resolvePrimitive(this.url()), ...(ngDevMode ? [{ debugName: "resolvedUrl" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Audio, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Audio, isStandalone: true, selector: "a2ui-audio", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    @let resolvedUrl = this.resolvedUrl();
-
-    @if (resolvedUrl) {
-      <section [class]="theme.components.AudioPlayer" [style]="theme.additionalStyles?.AudioPlayer">
-        <audio controls [src]="resolvedUrl"></audio>
-      </section>
-    }
-  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}audio{display:block;width:100%;box-sizing:border-box}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Audio, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-audio', template: `
-    @let resolvedUrl = this.resolvedUrl();
-
-    @if (resolvedUrl) {
-      <section [class]="theme.components.AudioPlayer" [style]="theme.additionalStyles?.AudioPlayer">
-        <audio controls [src]="resolvedUrl"></audio>
-      </section>
-    }
-  `, styles: [":host{display:block;flex:var(--weight);min-height:0;overflow:auto}audio{display:block;width:100%;box-sizing:border-box}\n"] }]
-        }], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: true }] }] } });
-
-export { Audio };
-//# sourceMappingURL=a2ui-angular-audio-DoZb9mn_.mjs.map

package/fesm2022/a2ui-angular-audio-DoZb9mn_.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-audio-DoZb9mn_.mjs","sources":["../../src/lib/catalog/audio.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, computed, input } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Primitives } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-audio',\n  template: `\n    @let resolvedUrl = this.resolvedUrl();\n\n    @if (resolvedUrl) {\n      <section [class]=\"theme.components.AudioPlayer\" [style]=\"theme.additionalStyles?.AudioPlayer\">\n        <audio controls [src]=\"resolvedUrl\"></audio>\n      </section>\n    }\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    audio {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n  `\n})\nexport class Audio extends DynamicComponent {\n  readonly url = input.required<Primitives.StringValue | null>();\n  protected readonly resolvedUrl = computed(() => this.resolvePrimitive(this.url()));\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAgCG,MAAO,KAAM,SAAQ,gBAAgB,CAAA;AAChC,IAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,8CAAiC;AAC3C,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,uDAAC;uGAFvE,KAAK,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxBN;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA,CAAA;;2FAgBU,KAAK,EAAA,UAAA,EAAA,CAAA;kBA1BjB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,QAAA,EACZ;;;;;;;;AAQT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,2HAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-button-CvH0kAtN.mjs

@@ -1,61 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, Component } from '@angular/core';
-import { DynamicComponent, Renderer } from './a2ui-angular.mjs';
-
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-class Button extends DynamicComponent {
-    action = input.required(...(ngDevMode ? [{ debugName: "action" }] : []));
-    handleClick() {
-        const action = this.action();
-        if (action) {
-            super.sendAction(action);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Button, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Button, isStandalone: true, selector: "a2ui-button", inputs: { action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
-    <button
-      [class]="theme.components.Button"
-      [style]="theme.additionalStyles?.Button"
-      (click)="handleClick()"
-    >
-      <ng-container
-        a2ui-renderer
-        [surfaceId]="surfaceId()!"
-        [component]="component().properties.child"
-      />
-    </button>
-  `, isInline: true, styles: [":host{display:block;flex:var(--weight);min-height:0}\n"], dependencies: [{ kind: "directive", type: Renderer, selector: "ng-container[a2ui-renderer]", inputs: ["surfaceId", "component"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Button, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-button', imports: [Renderer], template: `
-    <button
-      [class]="theme.components.Button"
-      [style]="theme.additionalStyles?.Button"
-      (click)="handleClick()"
-    >
-      <ng-container
-        a2ui-renderer
-        [surfaceId]="surfaceId()!"
-        [component]="component().properties.child"
-      />
-    </button>
-  `, styles: [":host{display:block;flex:var(--weight);min-height:0}\n"] }]
-        }], propDecorators: { action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: true }] }] } });
-
-export { Button };
-//# sourceMappingURL=a2ui-angular-button-CvH0kAtN.mjs.map

package/fesm2022/a2ui-angular-button-CvH0kAtN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-button-CvH0kAtN.mjs","sources":["../../src/lib/catalog/button.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, input } from '@angular/core';\nimport { Types } from '@a2ui/lit/0.8';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Renderer } from '../rendering/renderer';\n\n@Component({\n  selector: 'a2ui-button',\n  imports: [Renderer],\n  template: `\n    <button\n      [class]=\"theme.components.Button\"\n      [style]=\"theme.additionalStyles?.Button\"\n      (click)=\"handleClick()\"\n    >\n      <ng-container\n        a2ui-renderer\n        [surfaceId]=\"surfaceId()!\"\n        [component]=\"component().properties.child\"\n      />\n    </button>\n  `,\n  styles: `\n    :host {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n    }\n  `,\n})\nexport class Button extends DynamicComponent<Types.ButtonNode> {\n  readonly action = input.required<Types.Action | null>();\n\n  protected handleClick() {\n    const action = this.action();\n\n    if (action) {\n      super.sendAction(action);\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AA+BG,MAAO,MAAO,SAAQ,gBAAkC,CAAA;AACnD,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,iDAAuB;IAE7C,WAAW,GAAA;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;QAE5B,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC;QAC1B;IACF;uGATW,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArBP;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,QAAQ,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAsBP,MAAM,EAAA,UAAA,EAAA,CAAA;kBAxBlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,OAAA,EACd,CAAC,QAAQ,CAAC,EAAA,QAAA,EACT;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,wDAAA,CAAA,EAAA;;;;;"}

package/fesm2022/a2ui-angular-card-Ix6OIdUv.mjs

@@ -1,48 +0,0 @@
-import * as i0 from '@angular/core';
-import { ViewEncapsulation, Component } from '@angular/core';
-import { DynamicComponent, Renderer } from './a2ui-angular.mjs';
-
-/*
- Copyright 2025 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- */
-class Card extends DynamicComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Card, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Card, isStandalone: true, selector: "a2ui-card", usesInheritance: true, ngImport: i0, template: `
-    @let properties = component().properties;
-    @let children = properties.children || [properties.child];
-
-    <section [class]="theme.components.Card" [style]="theme.additionalStyles?.Card">
-      @for (child of children; track child) {
-        <ng-container a2ui-renderer [surfaceId]="surfaceId()!" [component]="child" />
-      }
-    </section>
-  `, isInline: true, styles: ["a2ui-card{display:block;flex:var(--weight);min-height:0;overflow:auto}a2ui-card>section{height:100%;width:100%;min-height:0;overflow:auto}a2ui-card>section>*{height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: Renderer, selector: "ng-container[a2ui-renderer]", inputs: ["surfaceId", "component"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Card, decorators: [{
-            type: Component,
-            args: [{ selector: 'a2ui-card', imports: [Renderer], encapsulation: ViewEncapsulation.None, template: `
-    @let properties = component().properties;
-    @let children = properties.children || [properties.child];
-
-    <section [class]="theme.components.Card" [style]="theme.additionalStyles?.Card">
-      @for (child of children; track child) {
-        <ng-container a2ui-renderer [surfaceId]="surfaceId()!" [component]="child" />
-      }
-    </section>
-  `, styles: ["a2ui-card{display:block;flex:var(--weight);min-height:0;overflow:auto}a2ui-card>section{height:100%;width:100%;min-height:0;overflow:auto}a2ui-card>section>*{height:100%;width:100%}\n"] }]
-        }] });
-
-export { Card };
-//# sourceMappingURL=a2ui-angular-card-Ix6OIdUv.mjs.map

package/fesm2022/a2ui-angular-card-Ix6OIdUv.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"a2ui-angular-card-Ix6OIdUv.mjs","sources":["../../src/lib/catalog/card.ts"],"sourcesContent":["/*\n Copyright 2025 Google LLC\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n      https://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n */\n\nimport { Component, ViewEncapsulation } from '@angular/core';\nimport { DynamicComponent } from '../rendering/dynamic-component';\nimport { Renderer } from '../rendering/renderer';\nimport { Types } from '@a2ui/lit/0.8';\n\n@Component({\n  selector: 'a2ui-card',\n  imports: [Renderer],\n  encapsulation: ViewEncapsulation.None,\n  styles: `\n    a2ui-card {\n      display: block;\n      flex: var(--weight);\n      min-height: 0;\n      overflow: auto;\n    }\n\n    a2ui-card > section {\n      height: 100%;\n      width: 100%;\n      min-height: 0;\n      overflow: auto;\n    }\n\n    a2ui-card > section > * {\n      height: 100%;\n      width: 100%;\n    }\n  `,\n  template: `\n    @let properties = component().properties;\n    @let children = properties.children || [properties.child];\n\n    <section [class]=\"theme.components.Card\" [style]=\"theme.additionalStyles?.Card\">\n      @for (child of children; track child) {\n        <ng-container a2ui-renderer [surfaceId]=\"surfaceId()!\" [component]=\"child\" />\n      }\n    </section>\n  `,\n})\nexport class Card extends DynamicComponent<Types.CardNode> { }\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AA0CG,MAAO,IAAK,SAAQ,gBAAgC,CAAA;uGAA7C,IAAI,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAJ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXL;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yLAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA/BS,QAAQ,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAiCP,IAAI,EAAA,UAAA,EAAA,CAAA;kBAnChB,SAAS;+BACE,WAAW,EAAA,OAAA,EACZ,CAAC,QAAQ,CAAC,iBACJ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAqB3B;;;;;;;;;AAST,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,yLAAA,CAAA,EAAA;;;;;"}