@miurajs/miura-render 0.0.0 → 0.1.1

package/dist/src/binding-manager/bindings/bind-binding.d.ts

@@ -0,0 +1,30 @@
+import { Binding } from './binding';
+/**
+ * Value passed to a two-way binding. Either:
+ * - A tuple: [currentValue, setter]
+ * - A binder object: { value, set }
+ */
+export interface BinderObject {
+    value: unknown;
+    set: (value: unknown) => void;
+}
+/**
+ * Two-way binding: sets a DOM property and listens for the corresponding
+ * DOM event to push changes back to the host component.
+ *
+ * Template syntax:
+ *   <input ~value=${[this.name, (v) => this.name = v]}>
+ *   <input ~value=${this.bind('name')}>
+ */
+export declare class BindBinding implements Binding {
+    private element;
+    private propertyName;
+    private handler;
+    private eventName;
+    private setter;
+    constructor(element: Element, propertyName: string);
+    setValue(value: unknown): void;
+    clear(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=bind-binding.d.ts.map

package/dist/src/binding-manager/bindings/bind-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/bind-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACjC;AAgBD;;;;;;;GAOG;AACH,qBAAa,WAAY,YAAW,OAAO;IAMnC,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,YAAY;IANxB,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,MAAM,CAAuC;gBAGzC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM;IAKhC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IA2C9B,KAAK,IAAI,IAAI;IAQb,UAAU,IAAI,IAAI;CAGrB"}

package/dist/src/binding-manager/bindings/bind-binding.js

@@ -0,0 +1,81 @@
+/**
+ * Default event names for common DOM properties.
+ * Maps property name → DOM event that fires when the property changes.
+ */
+const PROPERTY_EVENT_MAP = {
+    value: 'input',
+    checked: 'change',
+    selected: 'change',
+    selectedIndex: 'change',
+    files: 'change',
+};
+/**
+ * Two-way binding: sets a DOM property and listens for the corresponding
+ * DOM event to push changes back to the host component.
+ *
+ * Template syntax:
+ *   <input ~value=${[this.name, (v) => this.name = v]}>
+ *   <input ~value=${this.bind('name')}>
+ */
+export class BindBinding {
+    element;
+    propertyName;
+    handler = null;
+    eventName;
+    setter = null;
+    constructor(element, propertyName) {
+        this.element = element;
+        this.propertyName = propertyName;
+        this.eventName = PROPERTY_EVENT_MAP[propertyName] || 'input';
+    }
+    setValue(value) {
+        // Extract current value and setter from the bind value
+        let currentValue;
+        let setter = null;
+        if (Array.isArray(value) && value.length === 2 && typeof value[1] === 'function') {
+            // Tuple form: [value, setter]
+            currentValue = value[0];
+            setter = value[1];
+        }
+        else if (value && typeof value === 'object' && 'set' in value && 'value' in value) {
+            // Binder object form: { value, set }
+            const binder = value;
+            currentValue = binder.value;
+            setter = binder.set;
+        }
+        else {
+            // Fallback: treat as one-way (just set the property)
+            this.element[this.propertyName] = value;
+            return;
+        }
+        // Set the DOM property
+        this.element[this.propertyName] = currentValue;
+        // Update event listener if setter changed
+        if (setter !== this.setter) {
+            // Remove old listener
+            if (this.handler) {
+                this.element.removeEventListener(this.eventName, this.handler);
+                this.handler = null;
+            }
+            this.setter = setter;
+            if (setter) {
+                this.handler = () => {
+                    const newValue = this.element[this.propertyName];
+                    setter(newValue);
+                };
+                this.element.addEventListener(this.eventName, this.handler);
+            }
+        }
+    }
+    clear() {
+        if (this.handler) {
+            this.element.removeEventListener(this.eventName, this.handler);
+            this.handler = null;
+        }
+        this.setter = null;
+    }
+    disconnect() {
+        this.clear();
+    }
+}
+//# sourceMappingURL=bind-binding.js.map

package/dist/src/binding-manager/bindings/bind-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-binding.js","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/bind-binding.ts"],"names":[],"mappings":"AAcA;;;GAGG;AACH,MAAM,kBAAkB,GAA2B;IAC/C,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,QAAQ;CAClB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,OAAO,WAAW;IAMR;IACA;IANJ,OAAO,GAAyB,IAAI,CAAC;IACrC,SAAS,CAAS;IAClB,MAAM,GAAkC,IAAI,CAAC;IAErD,YACY,OAAgB,EAChB,YAAoB;QADpB,YAAO,GAAP,OAAO,CAAS;QAChB,iBAAY,GAAZ,YAAY,CAAQ;QAE5B,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC,YAAY,CAAC,IAAI,OAAO,CAAC;IACjE,CAAC;IAED,QAAQ,CAAC,KAAc;QACnB,uDAAuD;QACvD,IAAI,YAAqB,CAAC;QAC1B,IAAI,MAAM,GAAkC,IAAI,CAAC;QAEjD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,UAAU,EAAE,CAAC;YAC/E,8BAA8B;YAC9B,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACxB,MAAM,GAAG,KAAK,CAAC,CAAC,CAAyB,CAAC;QAC9C,CAAC;aAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YAClF,qCAAqC;YACrC,MAAM,MAAM,GAAG,KAAqB,CAAC;YACrC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;YAC5B,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC;QACxB,CAAC;aAAM,CAAC;YACJ,qDAAqD;YACpD,IAAI,CAAC,OAAe,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;YACjD,OAAO;QACX,CAAC;QAED,uBAAuB;QACtB,IAAI,CAAC,OAAe,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;QAExD,0CAA0C;QAC1C,IAAI,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACzB,sBAAsB;YACtB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC/D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,CAAC;YAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YAErB,IAAI,MAAM,EAAE,CAAC;gBACT,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;oBAChB,MAAM,QAAQ,GAAI,IAAI,CAAC,OAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;oBAC1D,MAAO,CAAC,QAAQ,CAAC,CAAC;gBACtB,CAAC,CAAC;gBACF,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAChE,CAAC;QACL,CAAC;IACL,CAAC;IAED,KAAK;QACD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,UAAU;QACN,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;CACJ"}

package/dist/src/binding-manager/bindings/binding.d.ts

@@ -0,0 +1,6 @@
+export interface Binding {
+    setValue(value: unknown, context?: unknown): void | Promise<void>;
+    clear(): void;
+    disconnect?(): void;
+}
+//# sourceMappingURL=binding.d.ts.map

package/dist/src/binding-manager/bindings/binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/binding.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACpB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,KAAK,IAAI,IAAI,CAAC;IACd,UAAU,CAAC,IAAI,IAAI,CAAC;CACvB"}

package/dist/src/binding-manager/bindings/binding.js

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

package/dist/src/binding-manager/bindings/binding.js.map

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

package/dist/src/binding-manager/bindings/boolean-binding.d.ts

@@ -0,0 +1,18 @@
+import { Binding } from './binding';
+/**
+ * Handles boolean attribute bindings (?attribute=${value})
+ * Examples:
+ * - ?disabled=${isDisabled}
+ * - ?readonly=${isReadOnly}
+ * - ?checked=${isChecked}
+ */
+export declare class BooleanBinding implements Binding {
+    private element;
+    private attributeName;
+    private previousValue;
+    constructor(element: Element, attributeName: string);
+    setValue(value: unknown): void;
+    clear(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=boolean-binding.d.ts.map

package/dist/src/binding-manager/bindings/boolean-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/boolean-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC;;;;;;GAMG;AACH,qBAAa,cAAe,YAAW,OAAO;IAItC,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,aAAa;IAJzB,OAAO,CAAC,aAAa,CAAwB;gBAGjC,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,MAAM;IAQjC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAiC9B,KAAK,IAAI,IAAI;IAab,UAAU,IAAI,IAAI;CAGrB"}

package/dist/src/binding-manager/bindings/boolean-binding.js

@@ -0,0 +1,65 @@
+import { debugLog } from '../../utils/debug';
+/**
+ * Handles boolean attribute bindings (?attribute=${value})
+ * Examples:
+ * - ?disabled=${isDisabled}
+ * - ?readonly=${isReadOnly}
+ * - ?checked=${isChecked}
+ */
+export class BooleanBinding {
+    element;
+    attributeName;
+    previousValue = null;
+    constructor(element, attributeName) {
+        this.element = element;
+        this.attributeName = attributeName;
+        debugLog('booleanBinding', 'Created boolean binding', {
+            element: element.tagName,
+            attributeName,
+        });
+    }
+    setValue(value) {
+        const newValue = Boolean(value);
+        // Skip if value hasn't changed
+        if (newValue === this.previousValue) {
+            return;
+        }
+        debugLog('booleanBinding', 'Setting value', {
+            element: this.element.tagName,
+            attributeName: this.attributeName,
+            value: newValue,
+            previousValue: this.previousValue
+        });
+        if (newValue) {
+            // Set both attribute and property
+            this.element.setAttribute(this.attributeName, '');
+            // Only set property if it exists on element
+            if (this.attributeName in this.element) {
+                this.element[this.attributeName] = true;
+            }
+        }
+        else {
+            // Remove both attribute and property
+            this.element.removeAttribute(this.attributeName);
+            if (this.attributeName in this.element) {
+                this.element[this.attributeName] = false;
+            }
+        }
+        this.previousValue = newValue;
+    }
+    clear() {
+        debugLog('booleanBinding', 'Clearing binding', {
+            element: this.element.tagName,
+            attributeName: this.attributeName
+        });
+        this.element.removeAttribute(this.attributeName);
+        if (this.attributeName in this.element) {
+            this.element[this.attributeName] = false;
+        }
+        this.previousValue = null;
+    }
+    disconnect() {
+        this.clear();
+    }
+}
+//# sourceMappingURL=boolean-binding.js.map

package/dist/src/binding-manager/bindings/boolean-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-binding.js","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/boolean-binding.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,cAAc;IAIX;IACA;IAJJ,aAAa,GAAmB,IAAI,CAAC;IAE7C,YACY,OAAgB,EAChB,aAAqB;QADrB,YAAO,GAAP,OAAO,CAAS;QAChB,kBAAa,GAAb,aAAa,CAAQ;QAE7B,QAAQ,CAAC,gBAAgB,EAAE,yBAAyB,EAAE;YAClD,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,aAAa;SAChB,CAAC,CAAC;IACP,CAAC;IAED,QAAQ,CAAC,KAAc;QACnB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAEhC,+BAA+B;QAC/B,IAAI,QAAQ,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;YAClC,OAAO;QACX,CAAC;QAED,QAAQ,CAAC,gBAAgB,EAAE,eAAe,EAAE;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;YAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,IAAI,CAAC,aAAa;SACpC,CAAC,CAAC;QAEH,IAAI,QAAQ,EAAE,CAAC;YACX,kCAAkC;YAClC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YAClD,4CAA4C;YAC5C,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACpC,IAAI,CAAC,OAAe,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;YACrD,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,qCAAqC;YACrC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACjD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACpC,IAAI,CAAC,OAAe,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;YACtD,CAAC;QACL,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;IAClC,CAAC;IAED,KAAK;QACD,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,EAAE;YAC3C,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;YAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;SACpC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACjD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,IAAI,CAAC,OAAe,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;QACtD,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC9B,CAAC;IAED,UAAU;QACN,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;CACJ"}

package/dist/src/binding-manager/bindings/class-binding.d.ts

@@ -0,0 +1,10 @@
+import { Binding } from './binding';
+export declare class ClassBinding implements Binding {
+    private element;
+    private previousClasses;
+    constructor(element: Element);
+    setValue(value: unknown): void;
+    clear(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=class-binding.d.ts.map

package/dist/src/binding-manager/bindings/class-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/class-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,qBAAa,YAAa,YAAW,OAAO;IAIpC,OAAO,CAAC,OAAO;IAHnB,OAAO,CAAC,eAAe,CAA0B;gBAGrC,OAAO,EAAE,OAAO;IAO5B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAqD9B,KAAK,IAAI,IAAI;IAOb,UAAU,IAAI,IAAI;CAGrB"}

package/dist/src/binding-manager/bindings/class-binding.js

@@ -0,0 +1,68 @@
+import { debugLog } from '../../utils/debug';
+export class ClassBinding {
+    element;
+    previousClasses = new Set();
+    constructor(element) {
+        this.element = element;
+        debugLog('classBinding', 'Created class binding', {
+            element: element.tagName
+        });
+    }
+    setValue(value) {
+        debugLog('classBinding', 'Setting value', {
+            element: this.element.tagName,
+            value,
+            previousClasses: Array.from(this.previousClasses),
+            currentClassList: Array.from(this.element.classList),
+            valueType: typeof value,
+            valueIsObject: typeof value === 'object'
+        });
+        // Convert value to array of class names
+        const newClasses = new Set();
+        if (typeof value === 'string') {
+            // Handle string value
+            value.split(/\s+/).filter(Boolean).forEach(c => newClasses.add(c));
+            debugLog('classBinding', 'String value processed', {
+                value,
+                newClasses: Array.from(newClasses)
+            });
+        }
+        else if (typeof value === 'object' && value !== null) {
+            // Handle object value { class: boolean }
+            const entries = Object.entries(value);
+            debugLog('classBinding', 'Object value processing', {
+                entries
+            });
+            entries
+                .filter(([_, active]) => active)
+                .forEach(([className]) => newClasses.add(className));
+        }
+        debugLog('classBinding', 'Classes to apply', {
+            newClasses: Array.from(newClasses),
+            previousClasses: Array.from(this.previousClasses)
+        });
+        // Remove old classes that aren't in new set
+        this.previousClasses.forEach(className => {
+            if (!newClasses.has(className)) {
+                this.element.classList.remove(className);
+            }
+        });
+        // Add new classes
+        newClasses.forEach(className => {
+            if (!this.previousClasses.has(className)) {
+                this.element.classList.add(className);
+            }
+        });
+        this.previousClasses = newClasses;
+    }
+    clear() {
+        this.previousClasses.forEach(className => {
+            this.element.classList.remove(className);
+        });
+        this.previousClasses.clear();
+    }
+    disconnect() {
+        this.clear();
+    }
+}
+//# sourceMappingURL=class-binding.js.map

package/dist/src/binding-manager/bindings/class-binding.js.map

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

package/dist/src/binding-manager/bindings/directive-binding.d.ts

@@ -0,0 +1,15 @@
+import { Binding } from './binding';
+export declare class DirectiveBinding implements Binding {
+    private element;
+    private directiveName;
+    private directive;
+    private isLoading;
+    private loadingPromise;
+    constructor(element: Element, directiveName: string);
+    setValue(value: unknown): Promise<void>;
+    clear(): void;
+    disconnect(): void;
+    isLoaded(): boolean;
+    getLoadingState(): boolean;
+}
+//# sourceMappingURL=directive-binding.d.ts.map

package/dist/src/binding-manager/bindings/directive-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive-binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/directive-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKpC,qBAAa,gBAAiB,YAAW,OAAO;IAMxC,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,aAAa;IANzB,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,cAAc,CAA8B;gBAGxC,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,MAAM;IAS3B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAmC7C,KAAK,IAAI,IAAI;IAUb,UAAU,IAAI,IAAI;IAKlB,QAAQ,IAAI,OAAO;IAKnB,eAAe,IAAI,OAAO;CAG7B"}

package/dist/src/binding-manager/bindings/directive-binding.js

@@ -0,0 +1,70 @@
+import { DirectiveManager } from '../../directives/directive-manager';
+import { debugLog } from '../../utils/debug';
+export class DirectiveBinding {
+    element;
+    directiveName;
+    directive = null;
+    isLoading = false;
+    loadingPromise = null;
+    constructor(element, directiveName) {
+        this.element = element;
+        this.directiveName = directiveName;
+        debugLog('directiveBinding', ' 🔴 Creating directive binding', {
+            element,
+            directiveName,
+            hasDirective: DirectiveManager.has(directiveName)
+        });
+    }
+    async setValue(value) {
+        debugLog('directiveBinding', 'setValue', {
+            value,
+            hasDirective: this.directive !== null,
+            isLoading: this.isLoading
+        });
+        if (!this.directive && !this.isLoading) {
+            this.isLoading = true;
+            // Add loading indicator to element
+            this.element.setAttribute('data-directive-loading', this.directiveName);
+            try {
+                this.directive = await DirectiveManager.create(this.directiveName, this.element);
+                debugLog('directiveBinding', 'Created directive', {
+                    directive: this.directive
+                });
+                if (this.directive) {
+                    this.directive.mount(this.element);
+                }
+            }
+            catch (error) {
+                console.error(`Failed to create directive ${this.directiveName}:`, error);
+            }
+            finally {
+                this.isLoading = false;
+                this.element.removeAttribute('data-directive-loading');
+            }
+        }
+        if (this.directive?.update) {
+            this.directive.update(value);
+        }
+    }
+    clear() {
+        if (this.directive?.unmount) {
+            this.directive.unmount();
+        }
+        this.directive = null;
+        this.isLoading = false;
+        this.loadingPromise = null;
+        this.element.removeAttribute('data-directive-loading');
+    }
+    disconnect() {
+        this.clear();
+    }
+    // Helper method to check if directive is loaded
+    isLoaded() {
+        return this.directive !== null;
+    }
+    // Helper method to check if directive is loading
+    getLoadingState() {
+        return this.isLoading;
+    }
+}
+//# sourceMappingURL=directive-binding.js.map

package/dist/src/binding-manager/bindings/directive-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive-binding.js","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/directive-binding.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,OAAO,gBAAgB;IAMb;IACA;IANJ,SAAS,GAAqB,IAAI,CAAC;IACnC,SAAS,GAAG,KAAK,CAAC;IAClB,cAAc,GAAyB,IAAI,CAAC;IAEpD,YACY,OAAgB,EAChB,aAAqB;QADrB,YAAO,GAAP,OAAO,CAAS;QAChB,kBAAa,GAAb,aAAa,CAAQ;QAE7B,QAAQ,CAAC,kBAAkB,EAAE,gCAAgC,EAAE;YAC3D,OAAO;YACP,aAAa;YACb,YAAY,EAAE,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC;SACpD,CAAC,CAAC;IACP,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,KAAc;QACzB,QAAQ,CAAC,kBAAkB,EAAE,UAAU,EAAE;YACrC,KAAK;YACL,YAAY,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAEtB,mCAAmC;YACnC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,wBAAwB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAExE,IAAI,CAAC;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;gBACjF,QAAQ,CAAC,kBAAkB,EAAE,mBAAmB,EAAE;oBAC9C,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC5B,CAAC,CAAC;gBAEH,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;oBACjB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACvC,CAAC;YACL,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,IAAI,CAAC,aAAa,GAAG,EAAE,KAAK,CAAC,CAAC;YAC9E,CAAC;oBAAS,CAAC;gBACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;YAC3D,CAAC;QACL,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED,KAAK;QACD,IAAI,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;YAC1B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACN,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED,gDAAgD;IAChD,QAAQ;QACJ,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC;IACnC,CAAC;IAED,iDAAiD;IACjD,eAAe;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;CACJ"}

package/dist/src/binding-manager/bindings/event-binding.d.ts

@@ -0,0 +1,14 @@
+import { Binding } from './binding';
+export declare class EventBinding implements Binding {
+    private element;
+    private eventName;
+    private handler;
+    private modifiers;
+    constructor(element: Element, eventName: string, modifiers?: string[]);
+    private parseModifiers;
+    private createHandler;
+    setValue(value: unknown, context?: unknown): void;
+    clear(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=event-binding.d.ts.map

package/dist/src/binding-manager/bindings/event-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/event-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,qBAAa,YAAa,YAAW,OAAO;IAKpC,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,SAAS;IALrB,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,SAAS,CAAuB;gBAG5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,MAAM,EACzB,SAAS,GAAE,MAAM,EAAO;IAM5B,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,aAAa;IAuBrB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI;IAejD,KAAK,IAAI,IAAI;IAOb,UAAU,IAAI,IAAI;CAGrB"}

package/dist/src/binding-manager/bindings/event-binding.js

@@ -0,0 +1,73 @@
+import { EVENT_MODIFIERS } from '../../modifiers/event-modifiers';
+import { debugLog } from '../../utils/debug';
+export class EventBinding {
+    element;
+    eventName;
+    handler = null;
+    modifiers = [];
+    constructor(element, eventName, modifiers = []) {
+        this.element = element;
+        this.eventName = eventName;
+        // Parse modifiers from event name (e.g., "click.prevent.stop")
+        this.parseModifiers(modifiers);
+    }
+    parseModifiers(modifiers) {
+        modifiers.forEach(mod => {
+            const [name, value] = mod.split(':');
+            debugLog('eventBinding', 'Parsing modifier', { name, value });
+            const modifier = EVENT_MODIFIERS[name];
+            if (modifier) {
+                const modifierInstance = modifier(value);
+                debugLog('eventBinding', 'Created modifier', {
+                    name,
+                    value,
+                    instance: modifierInstance
+                });
+                this.modifiers.push(modifierInstance);
+            }
+        });
+    }
+    createHandler(originalHandler) {
+        let handler = originalHandler;
+        // Apply modifiers in reverse order
+        for (const modifier of this.modifiers) {
+            if ('wrap' in modifier && typeof modifier.wrap === 'function') {
+                handler = modifier.wrap(handler);
+            }
+        }
+        return (event) => {
+            // Apply non-wrapping modifiers
+            for (const modifier of this.modifiers) {
+                if (!('wrap' in modifier)) {
+                    const shouldContinue = modifier.apply(event);
+                    if (!shouldContinue)
+                        return;
+                }
+            }
+            handler(event);
+        };
+    }
+    setValue(value, context) {
+        // Remove old handler
+        if (this.handler) {
+            this.element.removeEventListener(this.eventName, this.handler);
+            this.handler = null;
+        }
+        // Add new handler with modifiers
+        if (typeof value === 'function') {
+            const boundHandler = value.bind(context);
+            this.handler = this.createHandler(boundHandler);
+            this.element.addEventListener(this.eventName, this.handler);
+        }
+    }
+    clear() {
+        if (this.handler) {
+            this.element.removeEventListener(this.eventName, this.handler);
+            this.handler = null;
+        }
+    }
+    disconnect() {
+        this.clear();
+    }
+}
+//# sourceMappingURL=event-binding.js.map

package/dist/src/binding-manager/bindings/event-binding.js.map

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

package/dist/src/binding-manager/bindings/node-binding.d.ts

@@ -0,0 +1,36 @@
+import { Binding } from './binding';
+import { ITemplateProcessor } from '../../processor/types';
+export declare class NodeBinding implements Binding {
+    private element;
+    private startMarker;
+    private endMarker;
+    private processor?;
+    private previousValue;
+    /** What kind of content we last rendered */
+    private prevKind;
+    /** Cached instance for a single TemplateResult */
+    private templateInstance;
+    /** strings identity of the current templateInstance */
+    private templateStrings;
+    /** Cached instances when rendering an array */
+    private arrayInstances;
+    /** Per-index strings identity for each array item */
+    private arrayStrings;
+    private textNode;
+    private keyedState;
+    constructor(element: Element, startMarker: Comment, endMarker: Comment, processor?: ITemplateProcessor | undefined);
+    setValue(value: unknown): Promise<void>;
+    private setArrayValue;
+    /**
+     * Remove DOM nodes that belong to array items from index `fromIndex` onwards.
+     */
+    private removeTrailingNodes;
+    private insert;
+    /**
+     * Full teardown: disconnect instances, remove DOM nodes, reset state.
+     */
+    private teardown;
+    clear(): void;
+    disconnect(): void;
+}
+//# sourceMappingURL=node-binding.d.ts.map

package/dist/src/binding-manager/bindings/node-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-binding.d.ts","sourceRoot":"","sources":["../../../../src/binding-manager/bindings/node-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAiB3D,qBAAa,WAAY,YAAW,OAAO;IAyBnC,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,SAAS,CAAC;IA3BtB,OAAO,CAAC,aAAa,CAAsB;IAE3C,4CAA4C;IAC5C,OAAO,CAAC,QAAQ,CAA2B;IAG3C,kDAAkD;IAClD,OAAO,CAAC,gBAAgB,CAAa;IACrC,uDAAuD;IACvD,OAAO,CAAC,eAAe,CAAqC;IAG5D,+CAA+C;IAC/C,OAAO,CAAC,cAAc,CAAa;IACnC,qDAAqD;IACrD,OAAO,CAAC,YAAY,CAAuC;IAG3D,OAAO,CAAC,QAAQ,CAAqB;IAGrC,OAAO,CAAC,UAAU,CAA+B;gBAGrC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,OAAO,EAClB,SAAS,CAAC,EAAE,kBAAkB,YAAA;IAGpC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;YAyF/B,aAAa;IAmE3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,MAAM;IAId;;OAEG;IACH,OAAO,CAAC,QAAQ;IA6BhB,KAAK,IAAI,IAAI;IAIb,UAAU,IAAI,IAAI;CAOrB"}