smart-lifecycle 0.1.1

package/dist/core/component-metadata-source.interface.d.ts

@@ -0,0 +1,40 @@
+import { ComponentMetadata } from './component-metadata.js';
+/**
+ * Defines the responsibility of providing read-only access to component metadata.
+ *
+ * @description
+ * Read-only contract for metadata lookup. Consumers depend on this interface
+ * instead of the concrete ComponentMetadataRegistry class, enabling DIP compliance
+ * and testability through mock injection.
+ *
+ * @example
+ * ```typescript
+ * class MyEngine {
+ *   constructor(private readonly metadataSource: IComponentMetadataSource) {}
+ *
+ *   render(componentId: string): void {
+ *     const metadata = this.metadataSource.get(componentId);
+ *     if (!metadata) throw new Error('Not found');
+ *   }
+ * }
+ * ```
+ */
+export interface IComponentMetadataSource {
+    /**
+     * Retrieves component metadata by selector.
+     *
+     * @param componentId - Component selector (tag name)
+     * @returns Component metadata or undefined if not found
+     * @throws Error if componentId is null or undefined
+     */
+    get(componentId: string): ComponentMetadata | undefined;
+    /**
+     * Checks if component metadata exists.
+     *
+     * @param componentId - Component selector (tag name)
+     * @returns true if metadata exists, false otherwise
+     * @throws Error if componentId is null or undefined
+     */
+    has(componentId: string): boolean;
+}
+//# sourceMappingURL=component-metadata-source.interface.d.ts.map

package/dist/core/component-metadata-source.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata-source.interface.d.ts","sourceRoot":"","sources":["../../src/core/component-metadata-source.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;;;;OAMG;IACH,GAAG,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAAC;IAExD;;;;;;OAMG;IACH,GAAG,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC"}

package/dist/core/component-metadata-source.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=component-metadata-source.interface.js.map

package/dist/core/component-metadata-source.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata-source.interface.js","sourceRoot":"","sources":["../../src/core/component-metadata-source.interface.ts"],"names":[],"mappings":""}

package/dist/core/component-metadata.d.ts

@@ -0,0 +1,57 @@
+import type { SmartComponentInitializer } from "../behaviors/initializer.js";
+import type { SmartLifecycleManager } from "../behaviors/lifecycle-manager.js";
+/**
+ * Defines a static constants registry for [[BINDING]] syntax.
+ */
+export type ConstantsRegistry = Record<string, Record<string, string | number | boolean>>;
+/**
+ * Defines a factory function that resolves constants per component instance.
+ * Receives the host element so it can read attributes (e.g., locale) at render time.
+ *
+ * @param component - The host element being rendered
+ * @returns A constants registry resolved for this specific instance
+ */
+export type ConstantsFactory = (component: Element) => ConstantsRegistry;
+/**
+ * Factory function that creates an initializer instance.
+ */
+export type InitializerFactory = () => SmartComponentInitializer<unknown>;
+/**
+ * Factory function that creates a lifecycle manager instance.
+ */
+export type LifecycleFactory = () => SmartLifecycleManager<unknown>;
+/**
+ * Defines the responsibility of storing component rendering metadata.
+ *
+ * @description
+ * Decouples metadata from constructor, enabling component reuse across contexts
+ * and centralized metadata management via registry.
+ *
+ * @example
+ * ```typescript
+ * const metadata: ComponentMetadata = {
+ *   selector: 'my-counter',
+ *   template: '<div>{{count}}</div>',
+ *   styles: ':host { display: block; } .container { color: red; }'
+ * };
+ * ```
+ */
+export interface ComponentMetadata {
+    /** Component tag name */
+    selector: string;
+    /** HTML template string */
+    template: string;
+    /** Skeleton template when provided */
+    skeleton?: string;
+    /** Error template when provided */
+    errorTemplate?: string;
+    /** Component styles (CSS) */
+    styles?: string;
+    /** Static constants registry for [[BINDING]] syntax, or a function that resolves constants per instance */
+    constants?: ConstantsRegistry | ConstantsFactory;
+    /** Factory function that creates the component initializer */
+    initializer?: InitializerFactory;
+    /** Factory function that creates the lifecycle manager */
+    lifecycle?: LifecycleFactory;
+}
+//# sourceMappingURL=component-metadata.d.ts.map

package/dist/core/component-metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata.d.ts","sourceRoot":"","sources":["../../src/core/component-metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE/E;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CACpC,MAAM,EACN,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAC1C,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK,iBAAiB,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,yBAAyB,CAAC,OAAO,CAAC,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,QAAQ,EAAE,MAAM,CAAC;IAEjB,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;IAEjD,8DAA8D;IAC9D,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B"}

package/dist/core/component-metadata.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=component-metadata.js.map

package/dist/core/component-metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata.js","sourceRoot":"","sources":["../../src/core/component-metadata.ts"],"names":[],"mappings":""}

package/dist/core/smart-component.d.ts

@@ -0,0 +1,80 @@
+import { StateSignal, type IStateSignal } from "../reactive/signal.js";
+import { IReactiveState } from "../types/interfaces.js";
+/**
+ * SmartComponent - Base class for reactive web components
+ *
+ * @description
+ * Core abstraction for building reactive UI components with lightweight reactive primitives.
+ * Designed to work exclusively with RenderEngine for DOM rendering and compilation.
+ *
+ * @architecture
+ * - **State Management**: Minimal Observables (property streams, destroyed$)
+ * - **Reactivity**: @Reactive accessor auto-triggers setState() → state$.next()
+ * - **Rendering**: RenderEngine compiles templates, subscribes to state$, updates DOM
+ * - **Event Handling**: getViewActions() exposes methods for @click="method" syntax
+ * - **Lifecycle**: onRenderComplete → onDestroy
+ * - **Cleanup**: destroyed$ signal + automatic subscription management
+ *
+ * @example
+ * ```typescript
+ * @SmartRender({
+ *   selector: 'counter-app',
+ *   template: `
+ *     <div class="counter">
+ *       <h1>Count: {{count}}</h1>
+ *       <button @click="increment">+</button>
+ *     </div>
+ *   `
+ * })
+ * class CounterComponent extends SmartComponent {
+ *   @Reactive accessor count = 0;
+ *
+ *   increment() {
+ *     this.count++; // Auto calls setState()
+ *   }
+ * }
+ * ```
+ */
+export declare abstract class SmartComponent implements IReactiveState {
+    private readonly propertySignals;
+    /**
+     * Emits when component is destroyed.
+     * Use to signal teardown to custom subscriptions.
+     */
+    protected readonly destroyed$: StateSignal;
+    /**
+     * Gets or creates property-specific observable
+     *
+     * @description
+     * Each reactive property has its own Observable channel.
+     * When property changes, only subscribers to THAT property are notified.
+     * This eliminates unnecessary re-renders.
+     *
+     * @param propName - Property name (e.g., 'count', 'message')
+     * @returns Subject for that specific property
+     *
+     * @example
+     * ```typescript
+     * // RenderEngine subscribes to specific property:
+     * component.getPropertyObservable('count').subscribe(() => {
+     *   // Only runs when 'count' changes
+     *   textNode.textContent = component.count;
+     * });
+     *
+     * // @Reactive accessor triggers specific property:
+     * this.count++; // Only 'count' subscribers run
+     * ```
+     */
+    getPropertyObservable(propName: string): IStateSignal;
+    /**
+     * Called after DOM rendering completes
+     * Override for focus, scroll, animations, etc
+     */
+    onRenderComplete?(): void;
+    /**
+     * Called when component is destroyed.
+     * Emits the destroyed$ signal to notify active subscriptions.
+     */
+    onDestroy?(): void;
+}
+//# sourceMappingURL=smart-component.d.ts.map

package/dist/core/smart-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-component.d.ts","sourceRoot":"","sources":["../../src/core/smart-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,8BAAsB,cAAe,YAAW,cAAc;IAC5D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAkC;IAElE;;;OAGG;IACH,SAAS,CAAC,QAAQ,CAAC,UAAU,cAAqB;IAMlD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY;IASrD;;;OAGG;IACH,gBAAgB,CAAC,IAAI,IAAI;IAEzB;;;OAGG;IACH,SAAS,CAAC,IAAI,IAAI;CAGnB"}

package/dist/core/smart-component.js

@@ -0,0 +1,86 @@
+import { StateSignal } from "../reactive/signal.js";
+/**
+ * SmartComponent - Base class for reactive web components
+ *
+ * @description
+ * Core abstraction for building reactive UI components with lightweight reactive primitives.
+ * Designed to work exclusively with RenderEngine for DOM rendering and compilation.
+ *
+ * @architecture
+ * - **State Management**: Minimal Observables (property streams, destroyed$)
+ * - **Reactivity**: @Reactive accessor auto-triggers setState() → state$.next()
+ * - **Rendering**: RenderEngine compiles templates, subscribes to state$, updates DOM
+ * - **Event Handling**: getViewActions() exposes methods for @click="method" syntax
+ * - **Lifecycle**: onRenderComplete → onDestroy
+ * - **Cleanup**: destroyed$ signal + automatic subscription management
+ *
+ * @example
+ * ```typescript
+ * @SmartRender({
+ *   selector: 'counter-app',
+ *   template: `
+ *     <div class="counter">
+ *       <h1>Count: {{count}}</h1>
+ *       <button @click="increment">+</button>
+ *     </div>
+ *   `
+ * })
+ * class CounterComponent extends SmartComponent {
+ *   @Reactive accessor count = 0;
+ *
+ *   increment() {
+ *     this.count++; // Auto calls setState()
+ *   }
+ * }
+ * ```
+ */
+export class SmartComponent {
+    propertySignals = new Map();
+    /**
+     * Emits when component is destroyed.
+     * Use to signal teardown to custom subscriptions.
+     */
+    destroyed$ = new StateSignal();
+    // ============================================================================
+    // REACTIVE STATE API
+    // ============================================================================
+    /**
+     * Gets or creates property-specific observable
+     *
+     * @description
+     * Each reactive property has its own Observable channel.
+     * When property changes, only subscribers to THAT property are notified.
+     * This eliminates unnecessary re-renders.
+     *
+     * @param propName - Property name (e.g., 'count', 'message')
+     * @returns Subject for that specific property
+     *
+     * @example
+     * ```typescript
+     * // RenderEngine subscribes to specific property:
+     * component.getPropertyObservable('count').subscribe(() => {
+     *   // Only runs when 'count' changes
+     *   textNode.textContent = component.count;
+     * });
+     *
+     * // @Reactive accessor triggers specific property:
+     * this.count++; // Only 'count' subscribers run
+     * ```
+     */
+    getPropertyObservable(propName) {
+        if (!propName)
+            throw new Error("propName is required");
+        if (!this.propertySignals.has(propName)) {
+            this.propertySignals.set(propName, new StateSignal());
+        }
+        return this.propertySignals.get(propName);
+    }
+    /**
+     * Called when component is destroyed.
+     * Emits the destroyed$ signal to notify active subscriptions.
+     */
+    onDestroy() {
+        this.destroyed$.notify();
+    }
+}
+//# sourceMappingURL=smart-component.js.map

package/dist/core/smart-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-component.js","sourceRoot":"","sources":["../../src/core/smart-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqB,MAAM,uBAAuB,CAAC;AAGvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,OAAgB,cAAc;IACjB,eAAe,GAAG,IAAI,GAAG,EAAuB,CAAC;IAElE;;;OAGG;IACgB,UAAU,GAAG,IAAI,WAAW,EAAE,CAAC;IAElD,+EAA+E;IAC/E,qBAAqB;IACrB,+EAA+E;IAE/E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,qBAAqB,CAAC,QAAgB;QACpC,IAAI,CAAC,QAAQ;YAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,WAAW,EAAE,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC;IAC7C,CAAC;IAQD;;;OAGG;IACH,SAAS;QACP,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;CACF"}

package/dist/decorators/component.decorator.d.ts

@@ -0,0 +1,136 @@
+/**
+ * @SmartCustom decorator - Class-based component definition
+ *
+ * @description
+ * Marks a class as a SmartComponent with declarative configuration.
+ * Use this for complex components requiring Clean Architecture separation
+ * with external Initializers, Lifecycle managers, and template files.
+ *
+ * For simple components, consider using @Smart decorator instead.
+ *
+ * @remarks
+ * **When to use @SmartCustom:**
+ * - Complex components (> 100 lines)
+ * - Separation of concerns (Initializer/Lifecycle in separate files)
+ * - Shared/reusable Initializers or Lifecycle managers
+ * - External template files
+ * - Team collaboration requiring clean boundaries
+ *
+ * **When to use @Smart instead:**
+ * - Prototypes and demos
+ * - Simple components (< 100 lines)
+ * - Quick iterations
+ * - All logic fits comfortably inline
+ *
+ * @example
+ * ```typescript
+ * // Complex component with Clean Architecture
+ * @SmartCustom({
+ *   selector: 'todo-app',
+ *   template: `<section class="todoapp">...</section>`,
+ *   initializer: TodoAppInitializer,
+ *   lifecycle: TodoAppLifecycle
+ * })
+ * class TodoApp extends SmartComponent {
+ *   @Reactive accessor todos: TodoItem[] = [];
+ *   @Reactive accessor filter: FilterType = 'all';
+ *
+ *   addTodo(text: string) {
+ *     this.todos = [...this.todos, { id: Date.now(), text, completed: false }];
+ *   }
+ * }
+ *
+ * // Simple component (prefer @Smart for this)
+ * @SmartCustom({
+ *   selector: 'simple-greeting',
+ *   template: '<p>Hello {{name}}!</p>'
+ * })
+ * class SimpleGreeting extends SmartComponent {
+ *   @Reactive accessor name = 'World';
+ * }
+ * ```
+ */
+export interface ComponentConfig {
+    selector?: string;
+    template?: string;
+    styles?: string;
+    skeleton?: string;
+    errorTemplate?: string;
+    initializer?: new () => any;
+    lifecycle?: new () => any;
+    useShadowDom?: boolean;
+    /**
+     * CSS display property for the host element.
+     * Use 'contents' to make the host element disappear from the layout.
+     */
+    hostDisplay?: 'block' | 'inline' | 'inline-block' | 'flex' | 'grid' | 'contents' | string;
+    /**
+     * Static constants for [[BINDING]] syntax in templates
+     *
+     * @description
+     * Registry of constant namespaces that can be referenced in templates using
+     * [[Namespace.KEY]] syntax. Constants are resolved at template compilation time
+     * (once per component) and replaced with their literal values.
+     *
+     * This is a generic mechanism - the library provides the [[]] syntax processor,
+     * but users define their own constants (events, styles, routes, etc.).
+     *
+     * @remarks
+     * **Naming conventions:**
+     * - Namespace keys: PascalCase (ActionEvents, Styles, Routes)
+     * - Constant keys: UPPER_SNAKE_CASE (ADD_TO_CART, BUTTON_PRIMARY)
+     * - Values: string | number | boolean (primitives only)
+     *
+     * **Difference from {{reactive}} bindings:**
+     * - [[CONSTANT]]: Static value, replaced once at compile time, zero subscriptions
+     * - {{observable}}: Reactive value, subscribed to state$, updates automatically
+     *
+     * @example
+     * ```typescript
+     * // Define constants in your application
+     * export const ActionEvents = {
+     *   ADD_TO_CART: 'add-to-cart',
+     *   REMOVE_ITEM: 'remove-item'
+     * } as const;
+     *
+     * export const Styles = {
+     *   BUTTON_PRIMARY: 'btn btn-primary',
+     *   CARD: 'card shadow-lg'
+     * } as const;
+     *
+     * // Register in component
+     * @SmartCustom({
+     *   selector: 'product-card',
+     *   constants: {
+     *     ActionEvents,  // User-defined namespace
+     *     Styles         // User-defined namespace
+     *   },
+     *   template: `
+     *     <div class="[[Styles.CARD]]">
+     *       <h3>{{productName}}</h3>
+     *       <smart-action event="[[ActionEvents.ADD_TO_CART]]">
+     *         Add to Cart
+     *       </smart-action>
+     *     </div>
+     *   `
+     * })
+     * class ProductCard extends SmartComponent {
+     *   @Reactive accessor productName = '';
+     * }
+     *
+     * // Use same constants in lifecycle
+     * class ProductCardLifecycle extends SmartLifecycleManager {
+     *   onComponentReady(component: ProductCard) {
+     *     this.listenTo(event => {
+     *       if (event.type === ActionEvents.ADD_TO_CART) {
+     *         this.handleAddToCart(event);
+     *       }
+     *     });
+     *   }
+     * }
+     * ```
+     */
+    constants?: Record<string, Record<string, string | number | boolean>>;
+}
+export declare function SmartCustom(config: ComponentConfig): ClassDecorator;
+//# sourceMappingURL=component.decorator.d.ts.map

package/dist/decorators/component.decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.decorator.d.ts","sourceRoot":"","sources":["../../src/decorators/component.decorator.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,UAAU,GAAG,CAAC;IAC5B,SAAS,CAAC,EAAE,UAAU,GAAG,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;CACvE;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,eAAe,GAAG,cAAc,CAoCnE"}

package/dist/decorators/component.decorator.js

@@ -0,0 +1,35 @@
+import { registerSmartElement } from '../html/register-smart-element.js';
+import { ComponentMetadataRegistry } from '../core/component-metadata-registry.js';
+export function SmartCustom(config) {
+    return function (target) {
+        // Store metadata for backward compatibility (will be removed in future)
+        target._componentMetadata = config;
+        // Register metadata in ComponentMetadataRegistry
+        if (config.selector) {
+            const metadata = {
+                selector: config.selector,
+                template: config.template || '', // Default to empty string
+                skeleton: config.skeleton,
+                styles: config.styles,
+                constants: config.constants,
+                initializer: config.initializer,
+                lifecycle: config.lifecycle,
+                useShadowDom: config.useShadowDom,
+                errorTemplate: config.errorTemplate,
+                shared: false // Default to non-shared (each DOM context gets its own instance)
+            };
+            ComponentMetadataRegistry.register(config.selector, metadata);
+        }
+        if (config.selector && typeof customElements !== 'undefined') {
+            const options = {
+                initializer: config.initializer,
+                lifecycle: config.lifecycle,
+                useShadowDom: config.useShadowDom,
+                hostDisplay: config.hostDisplay
+            };
+            registerSmartElement(config.selector, target, options);
+        }
+        return target;
+    };
+}
+//# sourceMappingURL=component.decorator.js.map

package/dist/decorators/component.decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.decorator.js","sourceRoot":"","sources":["../../src/decorators/component.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAuB,MAAM,mCAAmC,CAAC;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AA2InF,MAAM,UAAU,WAAW,CAAC,MAAuB;IACjD,OAAO,UAAU,MAAW;QAC1B,wEAAwE;QACxE,MAAM,CAAC,kBAAkB,GAAG,MAAM,CAAC;QAEnC,iDAAiD;QACjD,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAsB;gBAClC,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,EAAE,0BAA0B;gBAC3D,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,WAAW,EAAE,MAAM,CAAC,WAAW;gBAC/B,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,YAAY,EAAE,MAAM,CAAC,YAAY;gBACjC,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,MAAM,EAAE,KAAK,CAAC,iEAAiE;aAChF,CAAC;YAEF,yBAAyB,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAChE,CAAC;QAED,IAAI,MAAM,CAAC,QAAQ,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE,CAAC;YAC7D,MAAM,OAAO,GAA6B;gBACxC,WAAW,EAAE,MAAM,CAAC,WAAkB;gBACtC,SAAS,EAAE,MAAM,CAAC,SAAgB;gBAClC,YAAY,EAAE,MAAM,CAAC,YAAY;gBACjC,WAAW,EAAE,MAAM,CAAC,WAAW;aAChC,CAAC;YAEF,oBAAoB,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;QACzD,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/host-listener.decorator.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @deprecated This file is deprecated. Use @Listen decorator from listen.decorator.ts instead.
+ *
+ * HostListener decorator - Automatically binds event listeners to component methods
+ *
+ * Usage:
+ * @HostListener('click')
+ * onClick() { }
+ *
+ * @HostListener('add-todo', 'enter')
+ * addTodo() { }
+ */
+export declare function HostListener(...eventNames: string[]): (targetOrValue: any, propertyKeyOrContext: string | any) => void;
+/**
+ * EventMap decorator - Maps multiple events to different handlers with transformations
+ *
+ * Usage:
+ * @EventMap({
+ *   'filter-all': () => 'all',
+ *   'filter-active': () => 'active',
+ *   'filter-completed': () => 'completed'
+ * })
+ * setFilter(filter: string) { }
+ */
+export declare function EventMap(eventMap: Record<string, (event?: any) => any>): (targetOrValue: any, propertyKeyOrContext: string | any) => void;
+/**
+ * Initialize all @EventMap decorated methods
+ */
+export declare function initializeEventMaps(component: any): void;
+//# sourceMappingURL=host-listener.decorator.d.ts.map

package/dist/decorators/host-listener.decorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-listener.decorator.d.ts","sourceRoot":"","sources":["../../src/decorators/host-listener.decorator.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,GAAG,UAAU,EAAE,MAAM,EAAE,IACjC,eAAe,GAAG,EAAE,sBAAsB,MAAM,GAAG,GAAG,UA+BxE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC,IACpD,eAAe,GAAG,EAAE,sBAAsB,MAAM,GAAG,GAAG,UA+BxE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI,CA6BxD"}

package/dist/decorators/host-listener.decorator.js

@@ -0,0 +1,117 @@
+// Deprecated decorator file: replaced RxJS usage with native event listeners
+/**
+ * @deprecated This file is deprecated. Use @Listen decorator from listen.decorator.ts instead.
+ *
+ * HostListener decorator - Automatically binds event listeners to component methods
+ *
+ * Usage:
+ * @HostListener('click')
+ * onClick() { }
+ *
+ * @HostListener('add-todo', 'enter')
+ * addTodo() { }
+ */
+export function HostListener(...eventNames) {
+    return function (targetOrValue, propertyKeyOrContext) {
+        if (typeof propertyKeyOrContext === 'string') {
+            const target = targetOrValue;
+            const propertyKey = propertyKeyOrContext;
+            if (!target._hostListeners) {
+                target._hostListeners = [];
+            }
+            target._hostListeners.push({ propertyKey, eventNames });
+        }
+        // Standard Decorator (Stage 3)
+        else {
+            const context = propertyKeyOrContext;
+            if (context.kind === 'method') {
+                context.addInitializer(function () {
+                    const prototype = Object.getPrototypeOf(this);
+                    if (!prototype._hostListeners) {
+                        prototype._hostListeners = [];
+                    }
+                    const exists = prototype._hostListeners.some((l) => l.propertyKey === context.name && JSON.stringify(l.eventNames) === JSON.stringify(eventNames));
+                    if (!exists) {
+                        prototype._hostListeners.push({
+                            propertyKey: context.name,
+                            eventNames
+                        });
+                    }
+                });
+            }
+        }
+    };
+}
+/**
+ * EventMap decorator - Maps multiple events to different handlers with transformations
+ *
+ * Usage:
+ * @EventMap({
+ *   'filter-all': () => 'all',
+ *   'filter-active': () => 'active',
+ *   'filter-completed': () => 'completed'
+ * })
+ * setFilter(filter: string) { }
+ */
+export function EventMap(eventMap) {
+    return function (targetOrValue, propertyKeyOrContext) {
+        if (typeof propertyKeyOrContext === 'string') {
+            const target = targetOrValue;
+            const propertyKey = propertyKeyOrContext;
+            if (!target._eventMaps) {
+                target._eventMaps = [];
+            }
+            target._eventMaps.push({ propertyKey, eventMap });
+        }
+        // Standard Decorator (Stage 3)
+        else {
+            const context = propertyKeyOrContext;
+            if (context.kind === 'method') {
+                context.addInitializer(function () {
+                    const prototype = Object.getPrototypeOf(this);
+                    if (!prototype._eventMaps) {
+                        prototype._eventMaps = [];
+                    }
+                    const exists = prototype._eventMaps.some((l) => l.propertyKey === context.name);
+                    if (!exists) {
+                        prototype._eventMaps.push({
+                            propertyKey: context.name,
+                            eventMap
+                        });
+                    }
+                });
+            }
+        }
+    };
+}
+/**
+ * Initialize all @EventMap decorated methods
+ */
+export function initializeEventMaps(component) {
+    const prototype = Object.getPrototypeOf(component);
+    const eventMaps = prototype._eventMaps;
+    if (!eventMaps || !component.htmlElement)
+        return;
+    const root = component.htmlElement;
+    const cleanup = [];
+    for (const { propertyKey, eventMap } of eventMaps) {
+        const method = component[propertyKey];
+        if (typeof method !== 'function')
+            continue;
+        for (const [eventName, transformer] of Object.entries(eventMap)) {
+            const handler = (event) => {
+                const value = typeof transformer === 'function' ? transformer(event) : undefined;
+                method.call(component, value);
+            };
+            root.addEventListener(eventName, handler);
+            cleanup.push(() => root.removeEventListener(eventName, handler));
+        }
+    }
+    // Attempt to auto-clean using destroyed$ if available
+    if (component.destroyed$ && typeof component.destroyed$.subscribe === 'function') {
+        component.destroyed$.subscribe(() => {
+            cleanup.splice(0).forEach(fn => fn());
+        });
+    }
+}
+//# sourceMappingURL=host-listener.decorator.js.map

package/dist/decorators/host-listener.decorator.js.map

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

package/dist/decorators/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Decorator barrel exports for SmartComponents.
+ */
+export { Listen } from "./listen.decorator.js";
+export type { ListenerMetadata } from "./listen.decorator.js";
+export type { IListenerInitializer } from "./listen/listener-initializer.interface.js";
+export { SmartRender } from "./smart-render.decorator.js";
+export type { ComponentConfig } from "./smart-render.decorator.js";
+export { Smart } from "./smart.decorator.js";
+export type { InlineContext } from "./smart/types.js";
+export type { DependencyBag, DependencyBagFactory } from "./smart/types.js";
+export { Reactive } from "./reactive.decorator.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/decorators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/decorators/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC"}