@miurajs/miura-render 0.1.0 → 0.2.0

package/dist/src/directives/repeat.js

@@ -0,0 +1,47 @@
+/**
+ * Marker object returned by repeat(). Detected by NodeBinding
+ * to trigger keyed reconciliation instead of full teardown+rebuild.
+ */
+export class RepeatResult {
+    items;
+    keyFn;
+    templateFn;
+    constructor(items, keyFn, templateFn) {
+        this.items = items;
+        this.keyFn = keyFn;
+        this.templateFn = templateFn;
+    }
+}
+/**
+ * Keyed list rendering directive.
+ *
+ * Usage:
+ * ```ts
+ * html`
+ *   <ul>
+ *     ${repeat(
+ *       this.items,
+ *       item => item.id,
+ *       (item, index) => html`<li>${item.name}</li>`
+ *     )}
+ *   </ul>
+ * `
+ * ```
+ *
+ * When items change, the diff algorithm:
+ * - Reuses DOM for items with the same key (calls instance.update())
+ * - Creates new DOM only for genuinely new items
+ * - Removes DOM only for items that disappeared
+ * - Moves DOM nodes to match the new order
+ *
+ * This is dramatically faster than the default array rendering
+ * which tears down and rebuilds all DOM on every update.
+ *
+ * @param items - The array of items to render
+ * @param keyFn - Function that returns a unique key for each item
+ * @param templateFn - Function that returns a TemplateResult for each item
+ */
+export function repeat(items, keyFn, templateFn) {
+    return new RepeatResult(items, keyFn, templateFn);
+}
+//# sourceMappingURL=repeat.js.map

package/dist/src/directives/repeat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat.js","sourceRoot":"","sources":["../../../src/directives/repeat.ts"],"names":[],"mappings":"AAYA;;;GAGG;AACH,MAAM,OAAO,YAAY;IAED;IACA;IACA;IAHpB,YACoB,KAAyB,EACzB,KAAiB,EACjB,UAA2B;QAF3B,UAAK,GAAL,KAAK,CAAoB;QACzB,UAAK,GAAL,KAAK,CAAY;QACjB,eAAU,GAAV,UAAU,CAAiB;IAC5C,CAAC;CACP;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,MAAM,CAClB,KAAmB,EACnB,KAAe,EACf,UAAyB;IAEzB,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;AACtD,CAAC"}

package/dist/src/directives/resize.directive.d.ts

@@ -0,0 +1,14 @@
+import { BaseDirective } from './directive';
+interface ResizeCallback {
+    (entry: ResizeObserverEntry): void;
+}
+export declare class ResizeDirective extends BaseDirective {
+    private observer;
+    private callback;
+    constructor(element: Element);
+    mount(element: Element): void;
+    update(callback: ResizeCallback): void;
+    unmount(): void;
+}
+export {};
+//# sourceMappingURL=resize.directive.d.ts.map

package/dist/src/directives/resize.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize.directive.d.ts","sourceRoot":"","sources":["../../../src/directives/resize.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,UAAU,cAAc;IACpB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACtC;AAED,qBAAa,eAAgB,SAAQ,aAAa;IAC9C,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,QAAQ,CAA+B;gBAEnC,OAAO,EAAE,OAAO;IAK5B,KAAK,CAAC,OAAO,EAAE,OAAO;IA6CtB,MAAM,CAAC,QAAQ,EAAE,cAAc;IA4B/B,OAAO;CAOV"}

package/dist/src/directives/resize.directive.js

@@ -0,0 +1,81 @@
+import { BaseDirective } from './directive';
+import { debugLog } from '../utils/debug';
+export class ResizeDirective extends BaseDirective {
+    observer = null;
+    callback = null;
+    constructor(element) {
+        super(element);
+        debugLog('resize', ' 🟣 Constructor', { element });
+    }
+    mount(element) {
+        debugLog('resize', 'Mount', { element });
+        this.observer = new ResizeObserver((entries) => {
+            debugLog('resize', 'Observer callback', { entries });
+            const [entry] = entries;
+            if (!entry)
+                return;
+            let width = 0;
+            let height = 0;
+            if (entry.borderBoxSize && entry.borderBoxSize[0]) {
+                width = entry.borderBoxSize[0].inlineSize;
+                height = entry.borderBoxSize[0].blockSize;
+            }
+            else if (entry.contentRect) {
+                width = entry.contentRect.width;
+                height = entry.contentRect.height;
+            }
+            debugLog('resize', 'Size changed', { width, height });
+            if (this.callback) {
+                this.callback({
+                    contentRect: {
+                        width,
+                        height,
+                        x: 0,
+                        y: 0,
+                        top: 0,
+                        right: width,
+                        bottom: height,
+                        left: 0
+                    },
+                    borderBoxSize: entry.borderBoxSize || [],
+                    contentBoxSize: entry.contentBoxSize || [],
+                    devicePixelContentBoxSize: entry.devicePixelContentBoxSize || [],
+                    target: element
+                });
+            }
+        });
+        this.observer.observe(element);
+    }
+    update(callback) {
+        debugLog('resize', 'Update', {
+            hasCallback: !!callback,
+            element: this.element
+        });
+        this.callback = callback;
+        if (this.element) {
+            const rect = this.element.getBoundingClientRect();
+            debugLog('resize', 'Initial size', { rect });
+            this.callback({
+                contentRect: rect,
+                borderBoxSize: [{
+                        inlineSize: rect.width,
+                        blockSize: rect.height
+                    }],
+                contentBoxSize: [{
+                        inlineSize: rect.width,
+                        blockSize: rect.height
+                    }],
+                devicePixelContentBoxSize: [],
+                target: this.element
+            });
+        }
+    }
+    unmount() {
+        debugLog('resize', 'Unmount');
+        if (this.observer) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+    }
+}
+//# sourceMappingURL=resize.directive.js.map

package/dist/src/directives/resize.directive.js.map

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

package/dist/src/directives/setup.d.ts

@@ -0,0 +1,9 @@
+import { ResizeDirective } from './resize.directive';
+import { IntersectionDirective } from './intersection.directive';
+import { FocusDirective } from './focus.directive';
+import { MutationDirective } from './mutation.directive';
+import { IfDirective } from './structural/if.directive';
+import { ForDirective } from './structural/for.directive';
+import { SwitchDirective } from './structural/switch.directive';
+export { ResizeDirective, IntersectionDirective, FocusDirective, MutationDirective, IfDirective, ForDirective, SwitchDirective };
+//# sourceMappingURL=setup.d.ts.map

package/dist/src/directives/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../src/directives/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EACH,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,eAAe,EAClB,CAAC"}

package/dist/src/directives/setup.js

@@ -0,0 +1,9 @@
+import { ResizeDirective } from './resize.directive';
+import { IntersectionDirective } from './intersection.directive';
+import { FocusDirective } from './focus.directive';
+import { MutationDirective } from './mutation.directive';
+import { IfDirective } from './structural/if.directive';
+import { ForDirective } from './structural/for.directive';
+import { SwitchDirective } from './structural/switch.directive';
+export { ResizeDirective, IntersectionDirective, FocusDirective, MutationDirective, IfDirective, ForDirective, SwitchDirective };
+//# sourceMappingURL=setup.js.map

package/dist/src/directives/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/directives/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EACH,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,eAAe,EAClB,CAAC"}

package/dist/src/directives/structural/async.directive.d.ts

@@ -0,0 +1,39 @@
+import { BaseDirective } from '../directive';
+/**
+ * Async directive that tracks a Promise and renders the matching
+ * `<template>` branch — pending, resolved, or rejected.
+ *
+ * Usage:
+ * ```html
+ * <div #async=${this.userPromise}>
+ *   <template pending>
+ *     <p>Loading…</p>
+ *   </template>
+ *   <template resolved>
+ *     <p>User loaded!</p>
+ *   </template>
+ *   <template rejected>
+ *     <p>Something went wrong</p>
+ *   </template>
+ * </div>
+ * ```
+ *
+ * The directive scans child `<template>` elements for the `pending`,
+ * `resolved`, and `rejected` attributes — exactly like `#switch` scans
+ * for `case` / `default`.
+ */
+export declare class AsyncDirective extends BaseDirective {
+    private pendingTemplate;
+    private resolvedTemplate;
+    private rejectedTemplate;
+    private activeTemplate;
+    private currentPromise;
+    private generation;
+    mount(element: Element): void;
+    update(value: unknown): void;
+    unmount(): void;
+    private showTemplate;
+    private clearRendered;
+}
+export type AsyncDirectiveConfig = never;
+//# sourceMappingURL=async.directive.d.ts.map

package/dist/src/directives/structural/async.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async.directive.d.ts","sourceRoot":"","sources":["../../../../src/directives/structural/async.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,cAAe,SAAQ,aAAa;IAC7C,OAAO,CAAC,eAAe,CAAoC;IAC3D,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,gBAAgB,CAAoC;IAC5D,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,UAAU,CAAK;IAIvB,KAAK,CAAC,OAAO,EAAE,OAAO;IAuBtB,MAAM,CAAC,KAAK,EAAE,OAAO;IAiCrB,OAAO;IAaP,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,aAAa;CAUxB;AAGD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC"}

package/dist/src/directives/structural/async.directive.js

@@ -0,0 +1,115 @@
+import { BaseDirective } from '../directive';
+import { debugLog } from '../../utils/debug';
+/**
+ * Async directive that tracks a Promise and renders the matching
+ * `<template>` branch — pending, resolved, or rejected.
+ *
+ * Usage:
+ * ```html
+ * <div #async=${this.userPromise}>
+ *   <template pending>
+ *     <p>Loading…</p>
+ *   </template>
+ *   <template resolved>
+ *     <p>User loaded!</p>
+ *   </template>
+ *   <template rejected>
+ *     <p>Something went wrong</p>
+ *   </template>
+ * </div>
+ * ```
+ *
+ * The directive scans child `<template>` elements for the `pending`,
+ * `resolved`, and `rejected` attributes — exactly like `#switch` scans
+ * for `case` / `default`.
+ */
+export class AsyncDirective extends BaseDirective {
+    pendingTemplate = null;
+    resolvedTemplate = null;
+    rejectedTemplate = null;
+    activeTemplate = null;
+    currentPromise = null;
+    generation = 0;
+    // ── Lifecycle ────────────────────────────────────────
+    mount(element) {
+        debugLog('async', 'Mounting async directive');
+        this.element = element;
+        // Scan child <template> elements for pending / resolved / rejected
+        const templates = Array.from(element.querySelectorAll('template'));
+        for (const tpl of templates) {
+            if (tpl.hasAttribute('pending')) {
+                this.pendingTemplate = tpl;
+            }
+            else if (tpl.hasAttribute('resolved')) {
+                this.resolvedTemplate = tpl;
+            }
+            else if (tpl.hasAttribute('rejected')) {
+                this.rejectedTemplate = tpl;
+            }
+        }
+        debugLog('async', 'Templates found', {
+            pending: !!this.pendingTemplate,
+            resolved: !!this.resolvedTemplate,
+            rejected: !!this.rejectedTemplate,
+        });
+    }
+    update(value) {
+        if (!(value instanceof Promise)) {
+            debugLog('async', 'Value is not a Promise', { value });
+            return;
+        }
+        // Same promise reference — already tracking
+        if (value === this.currentPromise) {
+            return;
+        }
+        this.currentPromise = value;
+        const gen = ++this.generation;
+        // Show pending template immediately
+        this.showTemplate(this.pendingTemplate);
+        debugLog('async', 'Tracking promise', { generation: gen });
+        value.then((_resolved) => {
+            if (gen !== this.generation)
+                return;
+            debugLog('async', 'Promise resolved', { generation: gen });
+            this.showTemplate(this.resolvedTemplate);
+        }, (_error) => {
+            if (gen !== this.generation)
+                return;
+            debugLog('async', 'Promise rejected', { generation: gen });
+            this.showTemplate(this.rejectedTemplate);
+        });
+    }
+    unmount() {
+        this.generation++;
+        this.clearRendered();
+        this.pendingTemplate = null;
+        this.resolvedTemplate = null;
+        this.rejectedTemplate = null;
+        this.activeTemplate = null;
+        this.currentPromise = null;
+        this.element = null;
+    }
+    // ── Internal ─────────────────────────────────────────
+    showTemplate(tpl) {
+        if (!this.element)
+            return;
+        // Remove previously cloned content (non-<template> children)
+        this.clearRendered();
+        if (tpl) {
+            const content = tpl.content.cloneNode(true);
+            this.element.appendChild(content);
+            this.activeTemplate = tpl;
+        }
+    }
+    clearRendered() {
+        if (!this.element)
+            return;
+        const nonTemplates = Array.from(this.element.children)
+            .filter(child => !(child instanceof HTMLTemplateElement));
+        for (const child of nonTemplates) {
+            child.remove();
+        }
+        this.activeTemplate = null;
+    }
+}
+//# sourceMappingURL=async.directive.js.map

package/dist/src/directives/structural/async.directive.js.map

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

package/dist/src/directives/structural/for.directive.d.ts

@@ -0,0 +1,37 @@
+import { StructuralDirective } from './structural.directive';
+/**
+ * For directive — list iteration.
+ *
+ * ## Callback mode (existing)
+ * ```html
+ * <li #for=${[this.items, (item) => html`<div>${item}</div>`]}></li>
+ * ```
+ *
+ * ## Template mode
+ * Pass just the items array. The directive clones the child `<template>`
+ * for each item, interpolating `{{$item}}` / `{{$index}}` tokens:
+ * ```html
+ * <ul #for=${this.users}>
+ *   <template>
+ *     <li>{{$index}}. {{$item.name}} — {{$item.email}}</li>
+ *   </template>
+ * </ul>
+ * ```
+ */
+export declare class ForDirective extends StructuralDirective {
+    private callback;
+    private itemsData;
+    private childInstances;
+    private get processor();
+    private startMarker;
+    private endMarker;
+    /** The `<template>` child found inside the host element (grabbed before mount replaces it) */
+    private itemTemplate;
+    mount(element: Element): void;
+    protected updateContent(items: unknown[]): Promise<void>;
+    private updateContentFromTemplate;
+    update(value: unknown): Promise<void>;
+    private clearChildren;
+    unmount(): void;
+}
+//# sourceMappingURL=for.directive.d.ts.map

package/dist/src/directives/structural/for.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"for.directive.d.ts","sourceRoot":"","sources":["../../../../src/directives/structural/for.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA6D7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,YAAa,SAAQ,mBAAmB;IACjD,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,cAAc,CAAa;IAEnC,OAAO,KAAK,SAAS,GAEpB;IACD,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,SAAS,CAAwB;IAGzC,8FAA8F;IAC9F,OAAO,CAAC,YAAY,CAAoC;IAExD,KAAK,CAAC,OAAO,EAAE,OAAO;cAmBN,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IA4C9D,OAAO,CAAC,yBAAyB;IAgC3B,MAAM,CAAC,KAAK,EAAE,OAAO;IAqB3B,OAAO,CAAC,aAAa;IAoBrB,OAAO;CAeV"}

package/dist/src/directives/structural/for.directive.js

@@ -0,0 +1,209 @@
+import { StructuralDirective } from './structural.directive';
+import { debugLog } from '../../utils/debug';
+import { TemplateResult } from '../../processor/template-result';
+import { getDefaultProcessor } from '../../processor/types';
+/**
+ * Resolve a dotted property path like "$item.name" against a scope object.
+ * Returns the resolved value, or '' if any segment is undefined.
+ */
+function resolvePath(scope, path) {
+    const parts = path.split('.');
+    let current = scope;
+    for (const part of parts) {
+        if (current === null || current === undefined)
+            return '';
+        current = current[part];
+    }
+    return current === null || current === undefined ? '' : String(current);
+}
+/**
+ * Replace all `{{$item}}`, `{{$item.prop.sub}}`, and `{{$index}}`
+ * tokens in a string with values from the given scope.
+ */
+function interpolate(text, scope) {
+    return text.replace(/\{\{(\$[a-zA-Z0-9_.]+)\}\}/g, (_match, expr) => {
+        return resolvePath(scope, expr);
+    });
+}
+/**
+ * Walk every Text node and attribute value in a DOM tree and interpolate
+ * `{{$item}}` / `{{$index}}` tokens.
+ */
+function interpolateDOM(root, scope) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT);
+    let node = root;
+    while (node) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            const text = node;
+            if (text.nodeValue && text.nodeValue.includes('{{')) {
+                text.nodeValue = interpolate(text.nodeValue, scope);
+            }
+        }
+        else if (node.nodeType === Node.ELEMENT_NODE) {
+            const el = node;
+            for (const attr of Array.from(el.attributes)) {
+                if (attr.value.includes('{{')) {
+                    attr.value = interpolate(attr.value, scope);
+                }
+            }
+        }
+        node = walker.nextNode();
+    }
+}
+/**
+ * For directive — list iteration.
+ *
+ * ## Callback mode (existing)
+ * ```html
+ * <li #for=${[this.items, (item) => html`<div>${item}</div>`]}></li>
+ * ```
+ *
+ * ## Template mode
+ * Pass just the items array. The directive clones the child `<template>`
+ * for each item, interpolating `{{$item}}` / `{{$index}}` tokens:
+ * ```html
+ * <ul #for=${this.users}>
+ *   <template>
+ *     <li>{{$index}}. {{$item.name}} — {{$item.email}}</li>
+ *   </template>
+ * </ul>
+ * ```
+ */
+export class ForDirective extends StructuralDirective {
+    callback = null;
+    itemsData = null;
+    childInstances = [];
+    get processor() {
+        return getDefaultProcessor();
+    }
+    startMarker = null;
+    endMarker = null;
+    // ── Template mode ────────────────────────────────────
+    /** The `<template>` child found inside the host element (grabbed before mount replaces it) */
+    itemTemplate = null;
+    mount(element) {
+        // Grab the <template> child BEFORE super.mount() replaces the element
+        const tpl = element.querySelector('template');
+        if (tpl) {
+            this.itemTemplate = tpl;
+            debugLog('for', 'Found <template> child — entering template mode');
+        }
+        super.mount(element);
+        // Create start/end markers to delimit the list region
+        this.startMarker = document.createComment('for-start');
+        this.endMarker = document.createComment('for-end');
+        this.comment.parentNode.insertBefore(this.startMarker, this.comment);
+        this.comment.parentNode.insertBefore(this.endMarker, this.comment);
+    }
+    // ── Callback mode (existing) ─────────────────────────
+    async updateContent(items) {
+        if (!Array.isArray(items) || !this.startMarker?.parentNode || !this.callback) {
+            debugLog('for', 'Cannot update: missing requirements', {
+                isArray: Array.isArray(items),
+                hasMarker: !!this.startMarker,
+                hasCallback: !!this.callback,
+                items: items
+            });
+            return;
+        }
+        debugLog('for', 'Updating for directive (callback mode)', {
+            items,
+            currentItems: this.childInstances.length,
+            callback: this.callback
+        });
+        // Disconnect and remove previous items
+        this.clearChildren();
+        // Render each item through the TemplateProcessor to preserve bindings
+        const fragment = document.createDocumentFragment();
+        for (let index = 0; index < items.length; index++) {
+            const item = items[index];
+            debugLog('for', 'Rendering item', { item, index });
+            const result = this.callback(item, index);
+            if (result instanceof TemplateResult && this.processor) {
+                const instance = await this.processor.createInstance(result, { item, index });
+                this.childInstances.push(instance);
+                fragment.appendChild(instance.getFragment());
+            }
+            else {
+                fragment.appendChild(document.createTextNode(String(result)));
+            }
+        }
+        // Insert all rendered items between the markers
+        this.endMarker.parentNode.insertBefore(fragment, this.endMarker);
+    }
+    // ── Template mode (new) ──────────────────────────────
+    updateContentFromTemplate(items) {
+        if (!Array.isArray(items) || !this.startMarker?.parentNode || !this.itemTemplate) {
+            return;
+        }
+        debugLog('for', 'Updating for directive (template mode)', {
+            itemCount: items.length,
+        });
+        this.clearChildren();
+        const fragment = document.createDocumentFragment();
+        for (let index = 0; index < items.length; index++) {
+            const item = items[index];
+            const clone = this.itemTemplate.content.cloneNode(true);
+            // Build scope: {{$item}}, {{$item.name}}, {{$index}}
+            const scope = {
+                $item: item,
+                $index: index,
+            };
+            interpolateDOM(clone, scope);
+            fragment.appendChild(clone);
+        }
+        this.endMarker.parentNode.insertBefore(fragment, this.endMarker);
+    }
+    // ── Dispatch ─────────────────────────────────────────
+    async update(value) {
+        debugLog('for', 'Update called with', { value, type: typeof value });
+        // Callback mode: [items, callback]
+        if (Array.isArray(value) && value.length === 2 && typeof value[1] === 'function') {
+            this.itemsData = value[0];
+            this.callback = value[1];
+            await this.updateContent(this.itemsData);
+            return;
+        }
+        // Template mode: plain array + <template> child
+        if (Array.isArray(value) && this.itemTemplate) {
+            this.itemsData = value;
+            this.updateContentFromTemplate(value);
+            return;
+        }
+        debugLog('for', 'Unrecognised value shape', { value });
+    }
+    clearChildren() {
+        // Disconnect all child template instances
+        for (const instance of this.childInstances) {
+            if (instance.disconnect) {
+                instance.disconnect();
+            }
+        }
+        this.childInstances = [];
+        // Remove DOM nodes between markers
+        if (this.startMarker && this.endMarker) {
+            let node = this.startMarker.nextSibling;
+            while (node && node !== this.endMarker) {
+                const next = node.nextSibling;
+                node.parentNode?.removeChild(node);
+                node = next;
+            }
+        }
+    }
+    unmount() {
+        this.clearChildren();
+        if (this.startMarker?.parentNode) {
+            this.startMarker.parentNode.removeChild(this.startMarker);
+        }
+        if (this.endMarker?.parentNode) {
+            this.endMarker.parentNode.removeChild(this.endMarker);
+        }
+        this.startMarker = null;
+        this.endMarker = null;
+        this.callback = null;
+        this.itemsData = null;
+        this.itemTemplate = null;
+        super.unmount();
+    }
+}
+//# sourceMappingURL=for.directive.js.map

package/dist/src/directives/structural/for.directive.js.map

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