@bbq-chat/widgets-angular 1.0.3 → 1.0.5

package/dist/types/index.d.ts

@@ -0,0 +1,618 @@
+import * as i0 from '@angular/core';
+import { Type, TemplateRef, InjectionToken, OnInit, AfterViewInit, OnDestroy, OnChanges, Injector, EnvironmentInjector, EventEmitter, ElementRef, ComponentRef, EmbeddedViewRef, SimpleChanges, QueryList, ViewContainerRef } from '@angular/core';
+import { ChatWidget, IWidgetRenderer, IWidgetActionHandler, WidgetEventManager, SsrWidgetRenderer, ButtonWidget, CardWidget, InputWidget, TextAreaWidget, DropdownWidget, SliderWidget, ToggleWidget, FileUploadWidget, ThemeSwitcherWidget, DatePickerWidget, MultiSelectWidget, ProgressBarWidget, FormWidget, ImageWidget, ImageCollectionWidget } from '@bbq-chat/widgets';
+export { ButtonWidget, CardWidget, ChatWidget, DatePickerWidget, DropdownWidget, FileUploadWidget, FormWidget, ImageCollectionWidget, ImageWidget, InputWidget, MultiSelectWidget, ProgressBarWidget, SliderWidget, SsrWidgetRenderer, TextAreaWidget, ThemeSwitcherWidget, ToggleWidget, WidgetEventManager, customWidgetRegistry } from '@bbq-chat/widgets';
+
+/**
+ * Context provided to template-based custom widget renderers
+ */
+interface WidgetTemplateContext {
+    /**
+     * The widget instance being rendered
+     */
+    $implicit: ChatWidget;
+    /**
+     * The widget instance (alternative access)
+     */
+    widget: ChatWidget;
+    /**
+     * Emit a widget action
+     */
+    emitAction: (actionName: string, payload: unknown) => void;
+}
+/**
+ * Interface for component-based custom widget renderers
+ */
+interface CustomWidgetComponent {
+    /**
+     * The widget instance to render
+     */
+    widget: ChatWidget;
+    /**
+     * Event emitter for widget actions (optional, will be set by the renderer)
+     */
+    widgetAction?: (actionName: string, payload: unknown) => void;
+}
+/**
+ * Type for custom widget renderer functions that return HTML strings
+ */
+type CustomWidgetHtmlRenderer = (widget: ChatWidget) => string;
+/**
+ * Type for custom widget renderer configurations
+ */
+type CustomWidgetRenderer = CustomWidgetHtmlRenderer | Type<CustomWidgetComponent> | TemplateRef<WidgetTemplateContext>;
+/**
+ * Configuration for registering a custom widget renderer
+ */
+interface CustomWidgetRendererConfig {
+    /**
+     * The widget type identifier
+     */
+    type: string;
+    /**
+     * The renderer: can be a function returning HTML, an Angular Component class, or a TemplateRef
+     */
+    renderer: CustomWidgetRenderer;
+}
+/**
+ * Type guard to check if a renderer is a TemplateRef
+ */
+declare function isTemplateRenderer(renderer: CustomWidgetRenderer): renderer is TemplateRef<WidgetTemplateContext>;
+/**
+ * Type guard to check if a renderer is an Angular Component
+ *
+ * Note: This uses a heuristic check based on the following assumptions:
+ * 1. Components are constructor functions
+ * 2. Components have a prototype with a constructor property
+ * 3. Components typically use dependency injection (no required constructor params)
+ *
+ * Limitation: This may not detect components with required constructor parameters.
+ * For edge cases, explicitly check your component's constructor signature.
+ *
+ * Alternative: You can always register a wrapper component that has no required params.
+ */
+declare function isComponentRenderer(renderer: CustomWidgetRenderer): renderer is Type<CustomWidgetComponent>;
+/**
+ * Type guard to check if a renderer is an HTML function
+ *
+ * Note: This should be checked AFTER checking for component and template renderers
+ * since components are also functions but with additional properties.
+ */
+declare function isHtmlRenderer(renderer: CustomWidgetRenderer): renderer is CustomWidgetHtmlRenderer;
+
+/**
+ * Service for registering custom widget factories and renderers
+ *
+ * This service provides a centralized way to register custom widget types
+ * that extend the base widget functionality, including support for
+ * Angular components and templates as custom renderers.
+ *
+ * @example
+ * ```typescript
+ * constructor(private widgetRegistry: WidgetRegistryService) {
+ *   // Register a widget factory
+ *   this.widgetRegistry.registerFactory('myWidget', (obj) => {
+ *     if (obj.type === 'myWidget') {
+ *       return new MyCustomWidget(obj.label, obj.action);
+ *     }
+ *     return null;
+ *   });
+ *
+ *   // Register a component-based renderer
+ *   this.widgetRegistry.registerRenderer('myWidget', MyWidgetComponent);
+ * }
+ * ```
+ */
+declare class WidgetRegistryService {
+    private readonly customRenderers;
+    /**
+     * Register a custom widget factory function
+     *
+     * @param type - The widget type identifier
+     * @param factory - Factory function that creates widget instances from plain objects
+     */
+    registerFactory(type: string, factory: (obj: unknown) => ChatWidget | null): void;
+    /**
+     * Register a widget class with automatic factory creation
+     *
+     * @param type - The widget type identifier
+     * @param ctor - Widget class constructor
+     */
+    registerClass(type: string, ctor: any): void;
+    /**
+     * Get a factory for a specific widget type
+     *
+     * @param type - The widget type identifier
+     * @returns The factory function if registered, undefined otherwise
+     */
+    getFactory(type: string): ((obj: any) => ChatWidget | null) | undefined;
+    /**
+     * Register a custom renderer for a specific widget type
+     *
+     * The renderer can be:
+     * - A function that returns HTML string
+     * - An Angular Component class
+     * - An Angular TemplateRef
+     *
+     * @param type - The widget type identifier
+     * @param renderer - The custom renderer (function, Component, or TemplateRef)
+     *
+     * @example
+     * ```typescript
+     * // HTML function renderer
+     * widgetRegistry.registerRenderer('weather', (widget) => `<div>${widget.label}</div>`);
+     *
+     * // Component renderer
+     * widgetRegistry.registerRenderer('weather', WeatherWidgetComponent);
+     *
+     * // Template renderer (from @ViewChild or elsewhere)
+     * widgetRegistry.registerRenderer('weather', this.weatherTemplate);
+     * ```
+     */
+    registerRenderer(type: string, renderer: CustomWidgetRenderer): void;
+    /**
+     * Get a custom renderer for a specific widget type
+     *
+     * @param type - The widget type identifier
+     * @returns The custom renderer if registered, undefined otherwise
+     */
+    getRenderer(type: string): CustomWidgetRenderer | undefined;
+    /**
+     * Check if a custom renderer is registered for a widget type
+     *
+     * @param type - The widget type identifier
+     * @returns True if a custom renderer is registered, false otherwise
+     */
+    hasRenderer(type: string): boolean;
+    /**
+     * Unregister a custom renderer for a widget type
+     *
+     * @param type - The widget type identifier
+     * @returns True if a renderer was removed, false if none was registered
+     */
+    unregisterRenderer(type: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WidgetRegistryService>;
+}
+
+/**
+ * Options for configuring the Angular widget renderer
+ */
+interface AngularRendererOptions {
+    /**
+     * Per-widget-type component overrides. Key is widget.type.
+     */
+    components?: Partial<Record<string, Type<CustomWidgetComponent>>>;
+}
+/**
+ * Angular widget renderer
+ * Returns Angular component types for dynamic rendering
+ * Provides feature parity with SsrWidgetRenderer but uses Angular components
+ */
+declare class AngularWidgetRenderer implements IWidgetRenderer {
+    readonly framework = "Angular";
+    private overrides;
+    private componentRegistry;
+    constructor(options?: AngularRendererOptions);
+    /**
+     * Register all built-in widget components
+     * Must be called after components are imported to avoid circular dependencies
+     */
+    registerBuiltInComponents(components: Record<string, Type<CustomWidgetComponent>>): void;
+    /**
+     * Register or override a widget component
+     * Use this to replace built-in components or add custom ones
+     *
+     * @example
+     * ```typescript
+     * renderer.registerComponent('button', MyCustomButtonComponent);
+     * ```
+     */
+    registerComponent(type: string, component: Type<CustomWidgetComponent>): void;
+    /**
+     * Register multiple widget components at once
+     *
+     * @example
+     * ```typescript
+     * renderer.registerComponents({
+     *   button: MyButtonComponent,
+     *   card: MyCardComponent
+     * });
+     * ```
+     */
+    registerComponents(components: Record<string, Type<CustomWidgetComponent>>): void;
+    /**
+     * Get the Angular component type for a given widget
+     * Returns the component class that should be dynamically instantiated
+     */
+    getComponentType(widget: ChatWidget): Type<CustomWidgetComponent> | null;
+    /**
+     * Legacy method for IWidgetRenderer interface compatibility
+     * Not used in Angular rendering but required by interface
+     * @deprecated Use getComponentType() instead for Angular rendering
+     */
+    renderWidget(widget: ChatWidget): string;
+}
+
+/**
+ * Injection token for WidgetEventManager factory
+ *
+ * Use this token to inject a factory function that creates WidgetEventManager instances.
+ * The factory accepts an optional action handler to configure the manager.
+ *
+ * @example
+ * ```typescript
+ * constructor(@Inject(WIDGET_EVENT_MANAGER_FACTORY) private eventManagerFactory: WidgetEventManagerFactory) {
+ *   const actionHandler = { handle: async (action, payload) => { ... } };
+ *   this.eventManager = this.eventManagerFactory(actionHandler);
+ * }
+ * ```
+ */
+type WidgetEventManagerFactory = (actionHandler?: IWidgetActionHandler) => WidgetEventManager;
+declare const WIDGET_EVENT_MANAGER_FACTORY: InjectionToken<WidgetEventManagerFactory>;
+/**
+ * Injection token for SsrWidgetRenderer
+ *
+ * Use this token to inject a SsrWidgetRenderer instance in your components.
+ * By default, WidgetRendererComponent provides this token with a factory that creates
+ * a new instance for each component.
+ *
+ * @example
+ * ```typescript
+ * constructor(@Inject(SSR_WIDGET_RENDERER) private renderer: SsrWidgetRenderer) {}
+ * ```
+ */
+declare const SSR_WIDGET_RENDERER: InjectionToken<SsrWidgetRenderer>;
+/**
+ * Injection token for AngularWidgetRenderer
+ *
+ * Use this token to inject an AngularWidgetRenderer instance in your components.
+ * This is the recommended renderer for Angular applications as it provides
+ * native Angular component rendering instead of HTML string rendering.
+ *
+ * @example
+ * ```typescript
+ * constructor(@Inject(ANGULAR_WIDGET_RENDERER) private renderer: AngularWidgetRenderer) {}
+ * ```
+ */
+declare const ANGULAR_WIDGET_RENDERER: InjectionToken<AngularWidgetRenderer>;
+/**
+ * Factory function for creating WidgetEventManager instances
+ *
+ * This factory is used by default in WidgetRendererComponent's providers array.
+ * You can override this in your own providers if you need custom initialization.
+ *
+ * @returns A factory function that creates WidgetEventManager instances
+ */
+declare function widgetEventManagerFactoryProvider(): WidgetEventManagerFactory;
+/**
+ * Factory function for creating SsrWidgetRenderer instances
+ *
+ * This factory is used by default in WidgetRendererComponent's providers array.
+ * You can override this in your own providers if you need custom initialization
+ * or custom rendering options.
+ *
+ * @returns A new SsrWidgetRenderer instance
+ */
+declare function ssrWidgetRendererFactory(): SsrWidgetRenderer;
+/**
+ * Factory function for creating AngularWidgetRenderer instances
+ *
+ * This factory creates an AngularWidgetRenderer with all built-in widget components
+ * pre-registered. This is the recommended renderer for Angular applications.
+ *
+ * @returns A new AngularWidgetRenderer instance with built-in components registered
+ */
+declare function angularWidgetRendererFactory(): AngularWidgetRenderer;
+
+/**
+ * Angular component for rendering chat widgets
+ *
+ * This component handles rendering of chat widgets using the BbQ ChatWidgets library.
+ * It manages widget lifecycle, event handling, and cleanup.
+ *
+ * Supports three types of custom widget renderers:
+ * 1. HTML function renderers (return HTML strings)
+ * 2. Angular Component renderers (render as dynamic components)
+ * 3. Angular TemplateRef renderers (render as embedded views)
+ *
+ * @example
+ * ```typescript
+ * <bbq-widget-renderer
+ *   [widgets]="messageWidgets"
+ *   (widgetAction)="handleWidgetAction($event)">
+ * </bbq-widget-renderer>
+ * ```
+ */
+declare class WidgetRendererComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
+    protected renderer: SsrWidgetRenderer;
+    protected angularRenderer: AngularWidgetRenderer | null;
+    protected eventManagerFactory: WidgetEventManagerFactory;
+    protected widgetRegistry: WidgetRegistryService;
+    protected injector: Injector;
+    protected environmentInjector: EnvironmentInjector;
+    /**
+     * Array of widgets to render
+     */
+    widgets: ChatWidget[] | null | undefined;
+    /**
+     * Emits when a widget action is triggered
+     */
+    widgetAction: EventEmitter<{
+        actionName: string;
+        payload: unknown;
+    }>;
+    containerRef: ElementRef<HTMLDivElement>;
+    protected widgetItems: Array<{
+        index: number;
+        widget: ChatWidget;
+        isHtml: boolean;
+        html?: string;
+    }>;
+    protected eventManager?: WidgetEventManager;
+    protected isViewInitialized: boolean;
+    protected dynamicComponents: Array<ComponentRef<any>>;
+    protected dynamicViews: Array<EmbeddedViewRef<WidgetTemplateContext>>;
+    constructor(renderer: SsrWidgetRenderer, angularRenderer: AngularWidgetRenderer | null, eventManagerFactory: WidgetEventManagerFactory, widgetRegistry: WidgetRegistryService, injector: Injector, environmentInjector: EnvironmentInjector);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Base implementation for updating the rendered HTML for the current widgets.
+     *
+     * Subclasses may override this method to customize how widgets are rendered
+     * (for example, to inject additional markup or perform preprocessing).
+     *
+     * Since this is the base implementation, overriding implementations are not
+     * required to call `super.updateWidgetHtml()`.
+     */
+    protected updateWidgetHtml(): void;
+    /**
+     * Render dynamic components and templates for custom widgets
+     */
+    protected renderDynamicWidgets(): void;
+    /**
+     * Render an Angular component for a custom widget
+     *
+     * Note: This method safely assigns properties to component instances
+     * by checking for property existence at runtime. This approach is necessary
+     * because we cannot statically verify that all components implement
+     * the CustomWidgetComponent interface.
+     */
+    protected renderComponent(componentType: any, widget: ChatWidget, targetElement: HTMLElement): void;
+    /**
+     * Render an Angular template for a custom widget
+     */
+    protected renderTemplate(templateRef: TemplateRef<WidgetTemplateContext>, widget: ChatWidget, targetElement: HTMLElement): void;
+    /**
+     * Cleanup dynamic components and views
+     */
+    protected cleanupDynamicWidgets(): void;
+    private setupEventHandlers;
+    handleClick(event: MouseEvent): void;
+    /**
+     * Cleanup all resources including event listeners.
+     */
+    private cleanup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetRendererComponent, [null, { optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetRendererComponent, "bbq-widget-renderer", never, { "widgets": { "alias": "widgets"; "required": false; }; }, { "widgetAction": "widgetAction"; }, never, never, true, never>;
+}
+
+declare class ButtonWidgetComponent implements CustomWidgetComponent {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    get buttonWidget(): ButtonWidget;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonWidgetComponent, "bbq-button-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class CardWidgetComponent implements CustomWidgetComponent {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    get cardWidget(): CardWidget;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardWidgetComponent, "bbq-card-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class InputWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    value: string;
+    inputId: string;
+    get inputWidget(): InputWidget;
+    get showLabel(): boolean;
+    get inputClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputWidgetComponent, "bbq-input-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TextAreaWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    value: string;
+    textareaId: string;
+    get textareaWidget(): TextAreaWidget;
+    get showLabel(): boolean;
+    get textareaClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaWidgetComponent, "bbq-textarea-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DropdownWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    value: string;
+    selectId: string;
+    get dropdownWidget(): DropdownWidget;
+    get showLabel(): boolean;
+    get selectClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownWidgetComponent, "bbq-dropdown-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class SliderWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    value: number;
+    sliderId: string;
+    get sliderWidget(): SliderWidget;
+    get showLabel(): boolean;
+    get sliderClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderWidgetComponent, "bbq-slider-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ToggleWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    checked: boolean;
+    checkboxId: string;
+    get toggleWidget(): ToggleWidget;
+    get showLabel(): boolean;
+    get checkboxClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleWidgetComponent, "bbq-toggle-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class FileUploadWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    inputId: string;
+    get fileUploadWidget(): FileUploadWidget;
+    get showLabel(): boolean;
+    get inputClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    onFileChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadWidgetComponent, "bbq-fileupload-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ThemeSwitcherWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    value: string;
+    selectId: string;
+    get themeSwitcherWidget(): ThemeSwitcherWidget;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeSwitcherWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemeSwitcherWidgetComponent, "bbq-themeswitcher-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DatePickerWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    value: string;
+    inputId: string;
+    get datePickerWidget(): DatePickerWidget;
+    get showLabel(): boolean;
+    get inputClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerWidgetComponent, "bbq-datepicker-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class MultiSelectWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    values: string[];
+    selectId: string;
+    get multiSelectWidget(): MultiSelectWidget;
+    get showLabel(): boolean;
+    get selectClasses(): string[];
+    private get isFormAppearance();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectWidgetComponent, "bbq-multiselect-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ProgressBarWidgetComponent implements CustomWidgetComponent, OnInit {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    progressId: string;
+    percentage: number;
+    get progressBarWidget(): ProgressBarWidget;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarWidgetComponent, "bbq-progressbar-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class FormWidgetComponent implements CustomWidgetComponent, OnInit, AfterViewInit, OnDestroy {
+    private injector;
+    private environmentInjector;
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    fieldContainers: QueryList<ViewContainerRef>;
+    formId: string;
+    formData: Record<string, any>;
+    showValidationMessage: boolean;
+    private componentRefs;
+    private fieldComponentRegistry;
+    get formWidget(): FormWidget;
+    constructor(injector: Injector, environmentInjector: EnvironmentInjector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private renderFieldWidgets;
+    private renderInputFallback;
+    getFieldId(fieldName: string): string;
+    getFieldProp(field: any, prop: string): any;
+    onActionClick(actionType: string): void;
+    private validateForm;
+    private gatherFormData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormWidgetComponent, "bbq-form-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ImageWidgetComponent implements CustomWidgetComponent {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    get imageWidget(): ImageWidget;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageWidgetComponent, "bbq-image-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ImageCollectionWidgetComponent implements CustomWidgetComponent {
+    widget: any;
+    widgetAction?: (actionName: string, payload: unknown) => void;
+    get imageCollectionWidget(): ImageCollectionWidget;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCollectionWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCollectionWidgetComponent, "bbq-imagecollection-widget", never, { "widget": { "alias": "widget"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Registry of all built-in widget components
+ * Maps widget type to Angular component class
+ */
+declare const BUILT_IN_WIDGET_COMPONENTS: Record<string, Type<CustomWidgetComponent>>;
+
+/**
+ * @bbq-chat/widgets-angular
+ *
+ * Angular components and services for BbQ ChatWidgets
+ *
+ * This package provides Angular-native components and services that wrap
+ * the core @bbq-chat/widgets library, making it easy to integrate chat
+ * widgets into Angular applications.
+ *
+ * @packageDocumentation
+ */
+
+declare const VERSION = "1.0.4";
+
+export { ANGULAR_WIDGET_RENDERER, AngularWidgetRenderer, BUILT_IN_WIDGET_COMPONENTS, ButtonWidgetComponent, CardWidgetComponent, DatePickerWidgetComponent, DropdownWidgetComponent, FileUploadWidgetComponent, FormWidgetComponent, ImageCollectionWidgetComponent, ImageWidgetComponent, InputWidgetComponent, MultiSelectWidgetComponent, ProgressBarWidgetComponent, SSR_WIDGET_RENDERER, SliderWidgetComponent, TextAreaWidgetComponent, ThemeSwitcherWidgetComponent, ToggleWidgetComponent, VERSION, WIDGET_EVENT_MANAGER_FACTORY, WidgetRegistryService, WidgetRendererComponent, angularWidgetRendererFactory, isComponentRenderer, isHtmlRenderer, isTemplateRenderer, ssrWidgetRendererFactory, widgetEventManagerFactoryProvider };
+export type { AngularRendererOptions, CustomWidgetComponent, CustomWidgetHtmlRenderer, CustomWidgetRenderer, CustomWidgetRendererConfig, WidgetEventManagerFactory, WidgetTemplateContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbq-chat/widgets-angular",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Angular components and services for BbQ ChatWidgets",
   "license": "MIT",
   "author": "BbQ ChatWidgets Contributors",
@@ -27,6 +27,13 @@
     "README.md",
     "LICENSE"
   ],
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test"
+  },
   "packageManager": "npm@10.9.0",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -38,18 +45,14 @@
     "rxjs": "~7.8.0",
     "@bbq-chat/widgets": "^1.0.0"
   },
-  "module": "fesm2022/index.mjs",
-  "typings": "types/index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./types/index.d.ts",
-      "default": "./fesm2022/index.mjs"
-    }
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
+  "devDependencies": {
+    "@angular/build": "^21.0.5",
+    "@angular/cli": "^21.0.5",
+    "@angular/compiler-cli": "^21.0.0",
+    "@bbq-chat/widgets": "file:../js",
+    "jsdom": "^27.1.0",
+    "ng-packagr": "^21.0.0",
+    "typescript": "~5.9.2",
+    "vitest": "^4.0.8"
   }
-}
+}