@fluffjs/fluff 0.0.7 → 0.1.0

package/runtime/tests/TestForComponent.js

@@ -0,0 +1,21 @@
+import { FluffElement } from '../FluffElement.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestForComponent extends FluffElement {
+    items = ['a', 'b', 'c'];
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:for:0-->
+                    <!--/fluff:for:0-->
+                    <template data-fluff-tpl="test-for-component-0">
+                        <test-for-child data-lid="l0"></test-for-child>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'for', iterator: 'item', iterableExprId: 0, deps: ['items'], hasEmpty: false }]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestForReinsertBindsInputParentComponent.d.ts

@@ -0,0 +1,12 @@
+import { FluffElement } from '../FluffElementImpl.js';
+import type { TaskStats } from './TaskStats.js';
+export declare class TestForReinsertBindsInputParentComponent extends FluffElement {
+    private readonly __items;
+    private readonly __stats;
+    get items(): number[];
+    set items(value: number[]);
+    get stats(): TaskStats;
+    set stats(value: TaskStats);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestForReinsertBindsInputParentComponent.js

@@ -0,0 +1,57 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestForReinsertBindsInputParentComponent extends FluffElement {
+    __items = new Property({ initialValue: [0], propertyName: 'items' });
+    __stats = new Property({
+        initialValue: {
+            total: 8,
+            byStatus: { 'todo': 0, 'in-progress': 0, 'done': 8 },
+            byPriority: { 'low': 0, 'medium': 0, 'high': 0, 'urgent': 0 },
+            overdue: 0,
+            dueToday: 0
+        },
+        propertyName: 'stats'
+    });
+    get items() {
+        return this.__items.getValue() ?? [];
+    }
+    set items(value) {
+        this.__items.setValue(value);
+    }
+    get stats() {
+        return this.__stats.getValue() ?? {
+            total: 0,
+            byStatus: { 'todo': 0, 'in-progress': 0, 'done': 0 },
+            byPriority: { 'low': 0, 'medium': 0, 'high': 0, 'urgent': 0 },
+            overdue: 0,
+            dueToday: 0
+        };
+    }
+    set stats(value) {
+        this.__stats.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:for:0-->
+                    <!--/fluff:for:0-->
+                    <template data-fluff-tpl="test-for-reinsert-binds-input-parent-0">
+                        <test-if-reinsert-binds-input-child x-fluff-component data-lid="l0"></test-if-reinsert-binds-input-child>
+                    </template>
+                    <template data-fluff-empty="test-for-reinsert-binds-input-parent-0">
+                        <div class="empty">empty</div>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'for', iterator: 'item', iterableExprId: 0, deps: ['items'], hasEmpty: true }]
+        ]));
+        const bindings = {
+            l0: [{ n: 'stats', b: 'property', e: 1, d: ['stats'] }]
+        };
+        Reflect.set(this.constructor, '__bindings', bindings);
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestForTextMarkerCollisionNoTrackParentComponent.d.ts

@@ -0,0 +1,8 @@
+import { FluffElement } from '../FluffElementImpl.js';
+export declare class TestForTextMarkerCollisionNoTrackParentComponent extends FluffElement {
+    private readonly __tags;
+    get tags(): string[];
+    set tags(value: string[]);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestForTextMarkerCollisionNoTrackParentComponent.js

@@ -0,0 +1,29 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestForTextMarkerCollisionNoTrackParentComponent extends FluffElement {
+    __tags = new Property({ initialValue: ['a', 'a'], propertyName: 'tags' });
+    get tags() {
+        return this.__tags.getValue() ?? [];
+    }
+    set tags(value) {
+        this.__tags.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:for:0-->
+                    <!--/fluff:for:0-->
+                    <template data-fluff-tpl="test-for-text-marker-collision-no-track-parent-0">
+                        <span class="tag"><!--fluff:text:9--><!--/fluff:text:9--></span>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'for', iterator: 'tag', iterableExprId: 0, deps: ['tags'], hasEmpty: false }],
+            [9, { type: 'text', exprId: 1, deps: ['tag'] }]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestForTextMarkerCollisionParentComponent.d.ts

@@ -0,0 +1,9 @@
+import { FluffElement } from '../FluffElementImpl.js';
+export declare class TestForTextMarkerCollisionParentComponent extends FluffElement {
+    private readonly __tags;
+    __pipes: Record<string, (v: unknown, ...args: unknown[]) => unknown>;
+    get tags(): string[];
+    set tags(value: string[]);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestForTextMarkerCollisionParentComponent.js

@@ -0,0 +1,46 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestForTextMarkerCollisionParentComponent extends FluffElement {
+    __tags = new Property({ initialValue: ['docs', 'api'], propertyName: 'tags' });
+    __pipes = {
+        lowercase: (v) => String(v)
+            .toLowerCase(),
+        capitalize: (v) => {
+            const str = String(v);
+            return str.charAt(0)
+                .toUpperCase() + str.slice(1)
+                .toLowerCase();
+        }
+    };
+    get tags() {
+        return this.__tags.getValue() ?? [];
+    }
+    set tags(value) {
+        this.__tags.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:for:0-->
+                    <!--/fluff:for:0-->
+                    <template data-fluff-tpl="test-for-text-marker-collision-parent-0">
+                        <span class="tag"><!--fluff:text:9--><!--/fluff:text:9--></span>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'for', iterator: 'tag', iterableExprId: 0, deps: ['tags'], trackBy: 'tag', hasEmpty: false }],
+            [9,
+                {
+                    type: 'text',
+                    exprId: 1,
+                    deps: ['tag'],
+                    pipes: [{ name: 'lowercase', argExprIds: [] }, { name: 'capitalize', argExprIds: [] }]
+                }
+            ]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestForUnsubscribeNestedParentComponent.d.ts

@@ -0,0 +1,8 @@
+import { TestUnsubscribeNestedParentBaseComponent } from './TestUnsubscribeNestedParentBaseComponent.js';
+export declare class TestForUnsubscribeNestedParentComponent extends TestUnsubscribeNestedParentBaseComponent {
+    private readonly __items;
+    get items(): number[];
+    set items(value: number[]);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestForUnsubscribeNestedParentComponent.js

@@ -0,0 +1,35 @@
+import { Property } from '../../utils/Property.js';
+import { MarkerManager } from '../MarkerManager.js';
+import { TestUnsubscribeNestedParentBaseComponent } from './TestUnsubscribeNestedParentBaseComponent.js';
+export class TestForUnsubscribeNestedParentComponent extends TestUnsubscribeNestedParentBaseComponent {
+    __items = new Property({ initialValue: [0], propertyName: 'items' });
+    get items() {
+        return this.__items.getValue() ?? [];
+    }
+    set items(value) {
+        this.__items.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:for:0-->
+                    <!--/fluff:for:0-->
+                    <template data-fluff-tpl="test-for-unsubscribe-nested-parent-0">
+                        <test-unsubscribe-nested-child x-fluff-component data-lid="l0"></test-unsubscribe-nested-child>
+                    </template>
+                    <template data-fluff-empty="test-for-unsubscribe-nested-parent-0">
+                        <div class="empty">empty</div>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'for', iterator: 'item', iterableExprId: 0, deps: ['items'], hasEmpty: true }]
+        ]));
+        const bindings = {
+            l0: [{ n: 'stats', b: 'property', e: 1, d: ['stats'] }]
+        };
+        Reflect.set(this.constructor, '__bindings', bindings);
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestGetterReactivityComponent.d.ts

@@ -0,0 +1,9 @@
+import { FluffElement } from '../FluffElement.js';
+export declare class TestGetterReactivityComponent extends FluffElement {
+    private readonly __items;
+    get items(): string[];
+    set items(value: string[]);
+    get itemCount(): number;
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestGetterReactivityComponent.js

@@ -0,0 +1,27 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElement.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestGetterReactivityComponent extends FluffElement {
+    __items = new Property([]);
+    get items() {
+        return this.__items.getValue() ?? [];
+    }
+    set items(value) {
+        this.__items.setValue(value);
+    }
+    get itemCount() {
+        return this.items.length;
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <div class="count"><!--fluff:text:0--><!--/fluff:text:0--></div>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'text', exprId: 0, deps: ['items'], pipes: [] }]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestIfReinsertBindsInputChildComponent.d.ts

@@ -0,0 +1,9 @@
+import { FluffElement } from '../FluffElementImpl.js';
+import type { TaskStats } from './TaskStats.js';
+export declare class TestIfReinsertBindsInputChildComponent extends FluffElement {
+    private readonly __stats;
+    get stats(): TaskStats;
+    set stats(value: TaskStats);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestIfReinsertBindsInputChildComponent.js

@@ -0,0 +1,39 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestIfReinsertBindsInputChildComponent extends FluffElement {
+    __stats = new Property({
+        initialValue: {
+            total: 0,
+            byStatus: { 'todo': 0, 'in-progress': 0, 'done': 0 },
+            byPriority: { 'low': 0, 'medium': 0, 'high': 0, 'urgent': 0 },
+            overdue: 0,
+            dueToday: 0
+        },
+        propertyName: 'stats'
+    });
+    get stats() {
+        return this.__stats.getValue() ?? {
+            total: 0,
+            byStatus: { 'todo': 0, 'in-progress': 0, 'done': 0 },
+            byPriority: { 'low': 0, 'medium': 0, 'high': 0, 'urgent': 0 },
+            overdue: 0,
+            dueToday: 0
+        };
+    }
+    set stats(value) {
+        this.__stats.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <div class="total"><!--fluff:text:0--><!--/fluff:text:0--></div>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'text', exprId: 2, deps: ['stats'], pipes: [] }]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestIfReinsertBindsInputParentComponent.d.ts

@@ -0,0 +1,12 @@
+import { FluffElement } from '../FluffElementImpl.js';
+import type { TaskStats } from './TaskStats.js';
+export declare class TestIfReinsertBindsInputParentComponent extends FluffElement {
+    private readonly __show;
+    private readonly __stats;
+    get show(): boolean;
+    set show(value: boolean);
+    get stats(): TaskStats;
+    set stats(value: TaskStats);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestIfReinsertBindsInputParentComponent.js

@@ -0,0 +1,54 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestIfReinsertBindsInputParentComponent extends FluffElement {
+    __show = new Property({ initialValue: true, propertyName: 'show' });
+    __stats = new Property({
+        initialValue: {
+            total: 8,
+            byStatus: { 'todo': 0, 'in-progress': 0, 'done': 8 },
+            byPriority: { 'low': 0, 'medium': 0, 'high': 0, 'urgent': 0 },
+            overdue: 0,
+            dueToday: 0
+        },
+        propertyName: 'stats'
+    });
+    get show() {
+        return this.__show.getValue() ?? false;
+    }
+    set show(value) {
+        this.__show.setValue(value);
+    }
+    get stats() {
+        return this.__stats.getValue() ?? {
+            total: 0,
+            byStatus: { 'todo': 0, 'in-progress': 0, 'done': 0 },
+            byPriority: { 'low': 0, 'medium': 0, 'high': 0, 'urgent': 0 },
+            overdue: 0,
+            dueToday: 0
+        };
+    }
+    set stats(value) {
+        this.__stats.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:if:0-->
+                    <!--/fluff:if:0-->
+                    <template data-fluff-branch="test-if-reinsert-binds-input-parent-0-0">
+                        <test-if-reinsert-binds-input-child x-fluff-component data-lid="l0"></test-if-reinsert-binds-input-child>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'if', branches: [{ exprId: 0, deps: ['show'] }] }]
+        ]));
+        const bindings = {
+            l0: [{ n: 'stats', b: 'property', e: 1, d: ['stats'] }]
+        };
+        Reflect.set(this.constructor, '__bindings', bindings);
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestIfUnsubscribeNestedParentComponent.d.ts

@@ -0,0 +1,8 @@
+import { TestUnsubscribeNestedParentBaseComponent } from './TestUnsubscribeNestedParentBaseComponent.js';
+export declare class TestIfUnsubscribeNestedParentComponent extends TestUnsubscribeNestedParentBaseComponent {
+    private readonly __show;
+    get show(): boolean;
+    set show(value: boolean);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestIfUnsubscribeNestedParentComponent.js

@@ -0,0 +1,32 @@
+import { Property } from '../../utils/Property.js';
+import { MarkerManager } from '../MarkerManager.js';
+import { TestUnsubscribeNestedParentBaseComponent } from './TestUnsubscribeNestedParentBaseComponent.js';
+export class TestIfUnsubscribeNestedParentComponent extends TestUnsubscribeNestedParentBaseComponent {
+    __show = new Property({ initialValue: true, propertyName: 'show' });
+    get show() {
+        return this.__show.getValue() ?? false;
+    }
+    set show(value) {
+        this.__show.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:if:0-->
+                    <!--/fluff:if:0-->
+                    <template data-fluff-branch="test-if-unsubscribe-nested-parent-0-0">
+                        <test-unsubscribe-nested-child x-fluff-component data-lid="l0"></test-unsubscribe-nested-child>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'if', branches: [{ exprId: 0, deps: ['show'] }] }]
+        ]));
+        const bindings = {
+            l0: [{ n: 'stats', b: 'property', e: 1, d: ['stats'] }]
+        };
+        Reflect.set(this.constructor, '__bindings', bindings);
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestLateDefineForChildComponent.d.ts

@@ -0,0 +1,6 @@
+import { FluffElement } from '../FluffElement.js';
+export declare class TestLateDefineForChildComponent extends FluffElement {
+    column: unknown;
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestLateDefineForChildComponent.js

@@ -0,0 +1,10 @@
+import { FluffElement } from '../FluffElement.js';
+export class TestLateDefineForChildComponent extends FluffElement {
+    column = null;
+    __render() {
+        this.__getShadowRoot().innerHTML = '<span>late-child</span>';
+    }
+    __setupBindings() {
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestLateDefineForComponent.d.ts

@@ -0,0 +1,9 @@
+import { FluffElement } from '../FluffElement.js';
+export interface TestLateDefineForColumn {
+    readonly id: string;
+}
+export declare class TestLateDefineForComponent extends FluffElement {
+    columns: TestLateDefineForColumn[];
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestLateDefineForComponent.js

@@ -0,0 +1,25 @@
+import { FluffElement } from '../FluffElement.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestLateDefineForComponent extends FluffElement {
+    columns = [
+        { id: 'todo' },
+        { id: 'doing' },
+        { id: 'done' }
+    ];
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:for:0-->
+                    <!--/fluff:for:0-->
+                    <template data-fluff-tpl="late-define-for-component-0">
+                        <late-define-for-child x-fluff-component="" data-lid="l0"></late-define-for-child>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'for', iterator: 'column', iterableExprId: 0, deps: ['columns'], hasEmpty: false }]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestNullInputTextComponent.d.ts

@@ -0,0 +1,14 @@
+import { FluffElement } from '../FluffElement.js';
+export interface TestTask {
+    title: string;
+}
+export declare class TestNullInputTextComponent extends FluffElement {
+    private readonly __isEditing;
+    private readonly __task;
+    get isEditing(): boolean;
+    set isEditing(value: boolean);
+    get task(): TestTask | null;
+    set task(value: TestTask | null);
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestNullInputTextComponent.js

@@ -0,0 +1,37 @@
+import { Property as PropertyImpl } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElement.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestNullInputTextComponent extends FluffElement {
+    __isEditing = new PropertyImpl(false);
+    __task = new PropertyImpl(null);
+    get isEditing() {
+        return this.__isEditing.getValue() ?? false;
+    }
+    set isEditing(value) {
+        this.__isEditing.setValue(value);
+    }
+    get task() {
+        return this.__task.getValue() ?? null;
+    }
+    set task(value) {
+        this.__task.setValue(value);
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:if:0-->
+                    <!--/fluff:if:0-->
+                    <template data-fluff-branch="test-null-input-text-0-0">
+                        <div class="title"><!--fluff:text:1--><!--/fluff:text:1--></div>
+                    </template>
+                    <template data-fluff-branch="test-null-input-text-0-1"></template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'if', branches: [{ exprId: 0, deps: ['isEditing'] }, { exprId: undefined, deps: [] }] }],
+            [1, { type: 'text', exprId: 1, deps: ['task'], pipes: [] }]
+        ]));
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestOutputBindingChildComponent.d.ts

@@ -0,0 +1,10 @@
+import { Publisher } from '../../utils/Publisher.js';
+import { FluffElement } from '../FluffElementImpl.js';
+export declare class TestOutputBindingChildComponent extends FluffElement {
+    edit: Publisher<{
+        taskId: number;
+    }>;
+    onEdit(): void;
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestOutputBindingChildComponent.js

@@ -0,0 +1,20 @@
+import { Publisher } from '../../utils/Publisher.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestOutputBindingChildComponent extends FluffElement {
+    edit = new Publisher();
+    onEdit() {
+        this.edit.emit({ taskId: 42 });
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = '<button data-lid="l0">Edit</button>';
+        const bindings = {
+            l0: [{ n: 'click', b: 'event', h: 1, d: ['onEdit'] }]
+        };
+        Reflect.set(this.constructor, '__bindings', bindings);
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestOutputBindingParentComponent.d.ts

@@ -0,0 +1,13 @@
+import { FluffElement } from '../FluffElementImpl.js';
+export declare class TestOutputBindingParentComponent extends FluffElement {
+    private readonly __show;
+    editCount: number;
+    lastTaskId: number | null;
+    get show(): boolean;
+    set show(value: boolean);
+    onChildEdit(event: {
+        taskId: number;
+    }): void;
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestOutputBindingParentComponent.js

@@ -0,0 +1,38 @@
+import { Property } from '../../utils/Property.js';
+import { FluffElement } from '../FluffElementImpl.js';
+import { MarkerManager } from '../MarkerManager.js';
+export class TestOutputBindingParentComponent extends FluffElement {
+    __show = new Property({ initialValue: true, propertyName: 'show' });
+    editCount = 0;
+    lastTaskId = null;
+    get show() {
+        return this.__show.getValue() ?? false;
+    }
+    set show(value) {
+        this.__show.setValue(value);
+    }
+    onChildEdit(event) {
+        this.editCount++;
+        this.lastTaskId = event?.taskId ?? null;
+    }
+    __render() {
+        this.__getShadowRoot().innerHTML = `
+                    <!--fluff:if:0-->
+                    <!--/fluff:if:0-->
+                    <template data-fluff-branch="test-output-binding-parent-0-0">
+                        <test-output-binding-child x-fluff-component data-lid="l0"></test-output-binding-child>
+                    </template>
+                `;
+        this.__setMarkerConfigs(JSON.stringify([
+            [0, { type: 'if', branches: [{ exprId: 0, deps: ['show'] }] }]
+        ]));
+        const bindings = {
+            l0: [{ n: 'edit', b: 'event', h: 0, d: ['onChildEdit'] }]
+        };
+        Reflect.set(this.constructor, '__bindings', bindings);
+    }
+    __setupBindings() {
+        this.__initializeMarkers(MarkerManager);
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestParentBindsTasksComponent.d.ts

@@ -0,0 +1,7 @@
+import { FluffElement } from '../FluffElement.js';
+export declare class TestParentBindsTasksComponent extends FluffElement {
+    tasksForChild: number[];
+    childList: number[];
+    protected __render(): void;
+    protected __setupBindings(): void;
+}