@bbq-chat/widgets-angular 1.0.0 → 1.0.2

package/dist/package.json

@@ -1,16 +0,0 @@
-{
-  "name": "@bbq-chat/widgets-angular",
-  "version": "1.0.0",
-  "description": "Angular components and services for BbQ ChatWidgets",
-  "license": "MIT",
-  "main": "./index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "types": "./index.d.ts"
-    }
-  }
-}

package/dist/widget-registry.service.d.ts

@@ -1,95 +0,0 @@
-import { ChatWidget } from '@bbq-chat/widgets';
-import { CustomWidgetRenderer } from './custom-widget-renderer.types';
-/**
- * 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);
- * }
- * ```
- */
-export 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;
-}
-//# sourceMappingURL=widget-registry.service.d.ts.map

package/dist/widget-registry.service.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-registry.service.d.ts","sourceRoot":"","sources":["../src/widget-registry.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAGa,qBAAqB;IAChC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA2C;IAC3E;;;;;OAKG;IACH,eAAe,CACb,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,UAAU,GAAG,IAAI,GAC3C,IAAI;IAIP;;;;;OAKG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI;IAI5C;;;;;OAKG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,UAAU,GAAG,IAAI,CAAC,GAAG,SAAS;IAIvE;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,GAAG,IAAI;IAUpE;;;;;OAKG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,oBAAoB,GAAG,SAAS;IAI3D;;;;;OAKG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIlC;;;;;OAKG;IACH,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAG1C"}

package/dist/widget-registry.service.js

@@ -1,129 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Injectable } from '@angular/core';
-import { customWidgetRegistry } from '@bbq-chat/widgets';
-/**
- * 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);
- * }
- * ```
- */
-let WidgetRegistryService = class WidgetRegistryService {
-    constructor() {
-        this.customRenderers = new Map();
-    }
-    /**
-     * 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, factory) {
-        customWidgetRegistry.registerFactory(type, factory);
-    }
-    /**
-     * Register a widget class with automatic factory creation
-     *
-     * @param type - The widget type identifier
-     * @param ctor - Widget class constructor
-     */
-    registerClass(type, ctor) {
-        customWidgetRegistry.registerClass(type, ctor);
-    }
-    /**
-     * Get a factory for a specific widget type
-     *
-     * @param type - The widget type identifier
-     * @returns The factory function if registered, undefined otherwise
-     */
-    getFactory(type) {
-        return customWidgetRegistry.getFactory(type);
-    }
-    /**
-     * 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, renderer) {
-        if (!type || typeof type !== 'string') {
-            throw new Error('type must be a non-empty string');
-        }
-        if (!renderer) {
-            throw new Error('renderer is required');
-        }
-        this.customRenderers.set(type, renderer);
-    }
-    /**
-     * 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) {
-        return this.customRenderers.get(type);
-    }
-    /**
-     * 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) {
-        return this.customRenderers.has(type);
-    }
-    /**
-     * 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) {
-        return this.customRenderers.delete(type);
-    }
-};
-WidgetRegistryService = __decorate([
-    Injectable({
-        providedIn: 'root',
-    })
-], WidgetRegistryService);
-export { WidgetRegistryService };
-//# sourceMappingURL=widget-registry.service.js.map

package/dist/widget-registry.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-registry.service.js","sourceRoot":"","sources":["../src/widget-registry.service.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAC;AAGrE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAII,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAA3B;QACY,oBAAe,GAAG,IAAI,GAAG,EAAgC,CAAC;IAgG7E,CAAC;IA/FC;;;;;OAKG;IACH,eAAe,CACb,IAAY,EACZ,OAA4C;QAE5C,oBAAoB,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACtD,CAAC;IAED;;;;;OAKG;IACH,aAAa,CAAC,IAAY,EAAE,IAAS;QACnC,oBAAoB,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,IAAY;QACrB,OAAO,oBAAoB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,gBAAgB,CAAC,IAAY,EAAE,QAA8B;QAC3D,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACtC,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACrD,CAAC;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;QAC1C,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC;IAED;;;;;OAKG;IACH,WAAW,CAAC,IAAY;QACtB,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;;;;OAKG;IACH,WAAW,CAAC,IAAY;QACtB,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,IAAY;QAC7B,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;CACF,CAAA;AAjGY,qBAAqB;IAHjC,UAAU,CAAC;QACV,UAAU,EAAE,MAAM;KACnB,CAAC;GACW,qBAAqB,CAiGjC"}

package/dist/widget-renderer.component.d.ts

@@ -1,93 +0,0 @@
-import { EventEmitter, ElementRef, AfterViewInit, OnInit, OnDestroy, OnChanges, SimpleChanges, ComponentRef, EmbeddedViewRef, TemplateRef, Injector, EnvironmentInjector } from '@angular/core';
-import { SsrWidgetRenderer, WidgetEventManager, ChatWidget } from '@bbq-chat/widgets';
-import { WidgetRegistryService } from './widget-registry.service';
-import { WidgetTemplateContext } from './custom-widget-renderer.types';
-/**
- * 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>
- * ```
- */
-export declare class WidgetRendererComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
-    /**
-     * 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 renderer: SsrWidgetRenderer;
-    protected eventManager?: WidgetEventManager;
-    protected isViewInitialized: boolean;
-    protected widgetRegistry: WidgetRegistryService;
-    protected injector: Injector;
-    protected environmentInjector: EnvironmentInjector;
-    protected dynamicComponents: Array<ComponentRef<any>>;
-    protected dynamicViews: Array<EmbeddedViewRef<WidgetTemplateContext>>;
-    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;
-}
-//# sourceMappingURL=widget-renderer.component.d.ts.map

package/dist/widget-renderer.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-renderer.component.d.ts","sourceRoot":"","sources":["../src/widget-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,UAAU,EACV,aAAa,EACb,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EAEb,YAAY,EACZ,eAAe,EACf,WAAW,EAEX,QAAQ,EAER,mBAAmB,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,EACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACL,qBAAqB,EAItB,MAAM,gCAAgC,CAAC;AAExC;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBA2Ba,uBACX,YAAW,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS;IAEtD;;OAEG;IACM,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAElD;;OAEG;IACO,YAAY;oBACR,MAAM;iBACT,OAAO;OACb;IAGL,YAAY,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE1C,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC;QAC3B,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,UAAU,CAAC;QACnB,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAM;IAER,SAAS,CAAC,QAAQ,oBAA2B;IAC7C,SAAS,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAC5C,SAAS,CAAC,iBAAiB,UAAS;IACpC,SAAS,CAAC,cAAc,wBAAiC;IACzD,SAAS,CAAC,QAAQ,WAAoB;IACtC,SAAS,CAAC,mBAAmB,sBAA+B;IAC5D,SAAS,CAAC,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAM;IAC3D,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC,CAAM;IAE3E,QAAQ;IAIR,WAAW,CAAC,OAAO,EAAE,aAAa;IAMlC,eAAe;IAOf,WAAW;IAIX;;;;;;;;OAQG;IACH,SAAS,CAAC,gBAAgB;IAuD1B;;OAEG;IACH,SAAS,CAAC,oBAAoB;IAyC9B;;;;;;;OAOG;IACH,SAAS,CAAC,eAAe,CACvB,aAAa,EAAE,GAAG,EAClB,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,WAAW;IAkC5B;;OAEG;IACH,SAAS,CAAC,cAAc,CACtB,WAAW,EAAE,WAAW,CAAC,qBAAqB,CAAC,EAC/C,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,WAAW;IAwB5B;;OAEG;IACH,SAAS,CAAC,qBAAqB;IAY/B,OAAO,CAAC,kBAAkB;IAoB1B,WAAW,CAAC,KAAK,EAAE,UAAU;IAmB7B;;OAEG;IACH,OAAO,CAAC,OAAO;CAOhB"}

package/dist/widget-renderer.component.js

@@ -1,316 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Component, Input, Output, EventEmitter, ElementRef, ViewChild, inject, Injector, createComponent, EnvironmentInjector, } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SsrWidgetRenderer, WidgetEventManager, } from '@bbq-chat/widgets';
-import { WidgetRegistryService } from './widget-registry.service';
-import { isHtmlRenderer, isComponentRenderer, isTemplateRenderer, } from './custom-widget-renderer.types';
-/**
- * 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>
- * ```
- */
-let WidgetRendererComponent = class WidgetRendererComponent {
-    constructor() {
-        /**
-         * Emits when a widget action is triggered
-         */
-        this.widgetAction = new EventEmitter();
-        this.widgetItems = [];
-        this.renderer = new SsrWidgetRenderer();
-        this.isViewInitialized = false;
-        this.widgetRegistry = inject(WidgetRegistryService);
-        this.injector = inject(Injector);
-        this.environmentInjector = inject(EnvironmentInjector);
-        this.dynamicComponents = [];
-        this.dynamicViews = [];
-    }
-    ngOnInit() {
-        this.updateWidgetHtml();
-    }
-    ngOnChanges(changes) {
-        if (changes['widgets']) {
-            this.updateWidgetHtml();
-        }
-    }
-    ngAfterViewInit() {
-        this.isViewInitialized = true;
-        this.setupEventHandlers();
-        // Render dynamic components/templates after view init
-        this.renderDynamicWidgets();
-    }
-    ngOnDestroy() {
-        this.cleanup();
-    }
-    /**
-     * 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()`.
-     */
-    updateWidgetHtml() {
-        if (!this.widgets || this.widgets.length === 0) {
-            this.widgetItems = [];
-            return;
-        }
-        this.widgetItems = this.widgets.map((widget, index) => {
-            const customRenderer = this.widgetRegistry.getRenderer(widget.type);
-            // Check template renderer first (most specific)
-            if (customRenderer && isTemplateRenderer(customRenderer)) {
-                return {
-                    index,
-                    widget,
-                    isHtml: false,
-                };
-            }
-            // Check component renderer second
-            if (customRenderer && isComponentRenderer(customRenderer)) {
-                return {
-                    index,
-                    widget,
-                    isHtml: false,
-                };
-            }
-            // Check HTML function renderer last (most general, matches any function)
-            if (customRenderer && isHtmlRenderer(customRenderer)) {
-                return {
-                    index,
-                    widget,
-                    isHtml: true,
-                    html: customRenderer(widget),
-                };
-            }
-            // Default: render using the BbQ library renderer
-            return {
-                index,
-                widget,
-                isHtml: true,
-                html: this.renderer.renderWidget(widget),
-            };
-        });
-        // After view updates, reinitialize widgets only if view is already initialized
-        if (this.isViewInitialized) {
-            setTimeout(() => {
-                this.setupEventHandlers();
-                this.renderDynamicWidgets();
-            }, 0);
-        }
-    }
-    /**
-     * Render dynamic components and templates for custom widgets
-     */
-    renderDynamicWidgets() {
-        if (!this.containerRef?.nativeElement)
-            return;
-        // Use microtask to ensure Angular has completed change detection
-        Promise.resolve().then(() => {
-            if (!this.containerRef?.nativeElement)
-                return;
-            // Clean up existing dynamic components and views
-            this.cleanupDynamicWidgets();
-            const container = this.containerRef.nativeElement;
-            // Query all widget divs without the data-rendered filter
-            const dynamicWidgetDivs = Array.from(container.querySelectorAll('.bbq-widget'));
-            let dynamicIndex = 0;
-            this.widgetItems.forEach((item) => {
-                if (!item.isHtml) {
-                    const customRenderer = this.widgetRegistry.getRenderer(item.widget.type);
-                    if (!customRenderer)
-                        return;
-                    const targetDiv = dynamicWidgetDivs[dynamicIndex];
-                    if (!targetDiv)
-                        return;
-                    // Clear the div content before rendering
-                    targetDiv.innerHTML = '';
-                    if (isComponentRenderer(customRenderer)) {
-                        this.renderComponent(customRenderer, item.widget, targetDiv);
-                    }
-                    else if (isTemplateRenderer(customRenderer)) {
-                        this.renderTemplate(customRenderer, item.widget, targetDiv);
-                    }
-                    dynamicIndex++;
-                }
-            });
-        });
-    }
-    /**
-     * 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.
-     */
-    renderComponent(componentType, widget, targetElement) {
-        // Create the component using Angular's createComponent API
-        const componentRef = createComponent(componentType, {
-            environmentInjector: this.environmentInjector,
-            elementInjector: this.injector,
-        });
-        // Safely set component inputs if they exist
-        const instance = componentRef.instance;
-        if (instance && typeof instance === 'object') {
-            // Set widget property if it exists in the prototype chain
-            if ('widget' in instance) {
-                instance.widget = widget;
-            }
-            // Set widgetAction callback if it exists in the prototype chain
-            if ('widgetAction' in instance) {
-                instance.widgetAction = (actionName, payload) => {
-                    this.widgetAction.emit({ actionName, payload });
-                };
-            }
-        }
-        // Attach the component's host view to the target element
-        targetElement.appendChild(componentRef.location.nativeElement);
-        // Store reference for cleanup
-        this.dynamicComponents.push(componentRef);
-        // Trigger change detection (use optional chaining for safety)
-        componentRef.changeDetectorRef?.detectChanges();
-    }
-    /**
-     * Render an Angular template for a custom widget
-     */
-    renderTemplate(templateRef, widget, targetElement) {
-        const context = {
-            $implicit: widget,
-            widget: widget,
-            emitAction: (actionName, payload) => {
-                this.widgetAction.emit({ actionName, payload });
-            },
-        };
-        const viewRef = templateRef.createEmbeddedView(context);
-        // Attach the view's DOM nodes to the target element
-        viewRef.rootNodes.forEach((node) => {
-            targetElement.appendChild(node);
-        });
-        // Store reference for cleanup
-        this.dynamicViews.push(viewRef);
-        // Trigger change detection
-        viewRef.detectChanges();
-    }
-    /**
-     * Cleanup dynamic components and views
-     */
-    cleanupDynamicWidgets() {
-        this.dynamicComponents.forEach((componentRef) => {
-            componentRef.destroy();
-        });
-        this.dynamicComponents = [];
-        this.dynamicViews.forEach((viewRef) => {
-            viewRef.destroy();
-        });
-        this.dynamicViews = [];
-    }
-    setupEventHandlers() {
-        if (!this.containerRef?.nativeElement)
-            return;
-        // Cleanup old resources before setting up new ones
-        this.cleanup();
-        const container = this.containerRef.nativeElement;
-        // Create a custom action handler that emits events
-        const actionHandler = {
-            handle: async (action, payload) => {
-                this.widgetAction.emit({ actionName: action, payload });
-            },
-        };
-        // Attach event handlers using WidgetEventManager
-        this.eventManager = new WidgetEventManager(actionHandler);
-        this.eventManager.attachHandlers(container);
-    }
-    handleClick(event) {
-        const target = event.target;
-        // Only trigger actions on non-form buttons and clickable elements (cards)
-        // Don't trigger on input elements or form buttons (let WidgetEventManager handle those)
-        const button = target.tagName === 'BUTTON' ? target : target.closest('button');
-        if (button && !button.closest('[data-widget-type="form"]')) {
-            const actionName = button.getAttribute('data-action');
-            if (actionName) {
-                try {
-                    const payloadStr = button.getAttribute('data-payload');
-                    const payload = payloadStr ? JSON.parse(payloadStr) : {};
-                    this.widgetAction.emit({ actionName, payload });
-                }
-                catch (err) {
-                    console.error('Failed to parse widget action payload:', err);
-                }
-            }
-        }
-    }
-    /**
-     * Cleanup all resources including event listeners.
-     */
-    cleanup() {
-        // Cleanup dynamic widgets first
-        this.cleanupDynamicWidgets();
-        // Cleanup event manager
-        this.eventManager = undefined;
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], WidgetRendererComponent.prototype, "widgets", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], WidgetRendererComponent.prototype, "widgetAction", void 0);
-__decorate([
-    ViewChild('widgetContainer', { static: false }),
-    __metadata("design:type", ElementRef)
-], WidgetRendererComponent.prototype, "containerRef", void 0);
-WidgetRendererComponent = __decorate([
-    Component({
-        selector: 'bbq-widget-renderer',
-        standalone: true,
-        imports: [CommonModule],
-        template: `
-    <div #widgetContainer class="bbq-widgets-container" (click)="handleClick($event)">
-      @for (item of widgetItems; track item.index) {
-        @if (item.isHtml) {
-          <div class="bbq-widget" [innerHTML]="item.html"></div>
-        } @else {
-          <div class="bbq-widget" #dynamicWidget></div>
-        }
-      }
-    </div>
-  `,
-        styles: [
-            `
-      .bbq-widgets-container {
-        margin-top: 0.5rem;
-      }
-
-      .bbq-widget {
-        margin-bottom: 0.5rem;
-      }
-    `,
-        ],
-    })
-], WidgetRendererComponent);
-export { WidgetRendererComponent };
-//# sourceMappingURL=widget-renderer.component.js.map

package/dist/widget-renderer.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-renderer.component.js","sourceRoot":"","sources":["../src/widget-renderer.component.ts"],"names":[],"mappings":"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"}