@cardstack/boxel-cli 0.3.2-unstable.58 → 0.3.2-unstable.60

package/bundled-test-harness/assets/computed-test-0n5g8Ez5.js

@@ -1,882 +0,0 @@
-import { s as __toESM } from "./chunk-CGdGNDIi.js";
-import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime-CYyqkz5q-z3Y1hsJm.js";
-import { Zn as testRealmURL, ci as PermissionsContextName, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
-import { $n as setComponentTemplate } from "./service-DJ87xpDt.js";
-import { V as templateFactory } from "./index-DaCZcoCY-D2gI_aMw.js";
-import "./template-D3TMIrc1.js";
-import "./template-factory-DMEv2kVd.js";
-import { A as settled, d as click } from "./dist-D1U_uSwt.js";
-import { t as require_qunit } from "./qunit-2hoQyeAZ.js";
-import { r as getService } from "./dist-BfNSLd0O.js";
-import { A as setupIntegrationTestRealm, O as setupCardLogs, X as provide, f as cleanWhiteSpace, j as setupLocalIndexing, rt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-DqDbNhEj.js";
-import { G as contains, I as StringField, K as containsMany, O as NumberField, Q as field, a as CardDef, b as FieldDef, d as Component, lt as linksTo, mt as setupBaseRealm, o as CardInfoField, ut as linksToMany, z as Theme } from "./base-realm-43wjttN2.js";
-import { t as renderCard } from "./render-component-g_fhz2dX.js";
-//#region tests/integration/components/computed-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-var loader;
-(0, import_qunit.module)("Integration | computeds", function(hooks) {
-	setupRenderingTest(hooks);
-	let mockMatrixUtils = setupMockMatrix(hooks);
-	setupBaseRealm(hooks);
-	hooks.beforeEach(function() {
-		provide(PermissionsContextName, {
-			canWrite: true,
-			canRead: true
-		});
-		loader = getService("loader-service").loader;
-	});
-	setupLocalIndexing(hooks);
-	setupCardLogs(hooks, async () => await loader.import(`${baseRealm.url}card-api`));
-	(0, import_qunit.test)("can render a synchronous computed field", async function(assert) {
-		class Person extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "lastName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#lastName = (initializeDeferredDecorator(this, "lastName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "fullName", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						return `${this.firstName} ${this.lastName}`;
-					} });
-				});
-			}
-			#fullName = (initializeDeferredDecorator(this, "fullName"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "ll4X47Xd",
-						"block": "[[[8,[30,1,[\"fullName\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		let mango = new Person({
-			firstName: "Mango",
-			lastName: "Abdel-Rahman"
-		});
-		let root = await renderCard(loader, mango, "isolated");
-		assert.strictEqual(root.textContent.trim(), "Mango Abdel-Rahman");
-	});
-	(0, import_qunit.test)("can render a computed that consumes a nested property", async function(assert) {
-		class Person extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-		}
-		class Post extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "author", [field], function() {
-					return contains(Person);
-				});
-			}
-			#author = (initializeDeferredDecorator(this, "author"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "summary", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						return `${this.cardTitle} by ${this.author.firstName}`;
-					} });
-				});
-			}
-			#summary = (initializeDeferredDecorator(this, "summary"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "+vgWKVat",
-						"block": "[[[8,[30,1,[\"summary\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": {
-				Post,
-				Person
-			} }
-		});
-		let firstPost = new Post({
-			cardTitle: "First Post",
-			author: new Person({ firstName: "Mango" })
-		});
-		let root = await renderCard(loader, firstPost, "isolated");
-		assert.strictEqual(root.textContent.trim(), "First Post by Mango");
-	});
-	(0, import_qunit.test)("can render a computed that is a composite type", async function(assert) {
-		class Person extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static embedded = class Embedded extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "+rKkYlPv",
-						"block": "[[[10,1],[14,\"data-test\",\"firstName\"],[12],[8,[30,1,[\"firstName\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Post extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "author", [field], function() {
-					return contains(Person, { computeVia: function() {
-						let person = new Person();
-						person.firstName = "Mango";
-						return person;
-					} });
-				});
-			}
-			#author = (initializeDeferredDecorator(this, "author"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "+tyBYqcK",
-						"block": "[[[10,0],[14,\"data-test\",\"title\"],[12],[8,[30,1,[\"cardTitle\"]],null,null,null],[13],[1,\"\\nby\\n\"],[8,[30,1,[\"author\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		let firstPost = new Post({ cardTitle: "First Post" });
-		await renderCard(loader, firstPost, "isolated");
-		assert.dom("[data-test=\"title\"]").hasText("First Post");
-		assert.dom("[data-test=\"firstName\"]").hasText("Mango");
-	});
-	(0, import_qunit.test)("can render a containsMany computed primitive field", async function(assert) {
-		class Person extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "languagesSpoken", [field], function() {
-					return containsMany(StringField);
-				});
-			}
-			#languagesSpoken = (initializeDeferredDecorator(this, "languagesSpoken"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "reverseLanguagesSpoken", [field], function() {
-					return containsMany(StringField, { computeVia: function() {
-						return [...this.languagesSpoken].reverse();
-					} });
-				});
-			}
-			#reverseLanguagesSpoken = (initializeDeferredDecorator(this, "reverseLanguagesSpoken"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "aoh9MFS1",
-						"block": "[[[8,[30,1,[\"firstName\"]],null,null,null],[1,\" speaks \"],[8,[30,1,[\"reverseLanguagesSpoken\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		let mango = new Person({
-			firstName: "Mango",
-			languagesSpoken: ["japanese", "english"]
-		});
-		let root = await renderCard(loader, mango, "isolated");
-		assert.strictEqual(cleanWhiteSpace(root.textContent), "Mango speaks english japanese");
-	});
-	(0, import_qunit.test)("supports an empty containsMany computed primitive field", async function(assert) {
-		class Person extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "languagesSpoken", [field], function() {
-					return containsMany(StringField);
-				});
-			}
-			#languagesSpoken = (initializeDeferredDecorator(this, "languagesSpoken"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "reverseLanguagesSpoken", [field], function() {
-					return containsMany(StringField, { computeVia: function() {
-						return [...this.languagesSpoken].reverse();
-					} });
-				});
-			}
-			#reverseLanguagesSpoken = (initializeDeferredDecorator(this, "reverseLanguagesSpoken"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "aoh9MFS1",
-						"block": "[[[8,[30,1,[\"firstName\"]],null,null,null],[1,\" speaks \"],[8,[30,1,[\"reverseLanguagesSpoken\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		let mango = new Person({ firstName: "Mango" });
-		await renderCard(loader, mango, "isolated");
-		assert.deepEqual(mango.reverseLanguagesSpoken, [], "empty containsMany field is initialized to an empty array");
-	});
-	(0, import_qunit.test)("can render a containsMany computed composite field", async function(assert) {
-		class Person extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static embedded = class Embedded extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "ScySg9U/",
-						"block": "[[[10,0],[14,\"data-test-firstName\",\"\"],[12],[8,[30,1,[\"firstName\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Family extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "people", [field], function() {
-					return containsMany(Person);
-				});
-			}
-			#people = (initializeDeferredDecorator(this, "people"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "reversePeople", [field], function() {
-					return containsMany(Person, { computeVia: function() {
-						return [...this.people].reverse();
-					} });
-				});
-			}
-			#reversePeople = (initializeDeferredDecorator(this, "reversePeople"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "YJv9F1rJ",
-						"block": "[[[8,[30,1,[\"reversePeople\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": {
-				Family,
-				Person
-			} }
-		});
-		let abdelRahmans = new Family({ people: [
-			new Person({ firstName: "Mango" }),
-			new Person({ firstName: "Van Gogh" }),
-			new Person({ firstName: "Hassan" }),
-			new Person({ firstName: "Mariko" }),
-			new Person({ firstName: "Yume" }),
-			new Person({ firstName: "Sakura" })
-		] });
-		await renderCard(loader, abdelRahmans, "isolated");
-		assert.deepEqual([...this.element.querySelectorAll("[data-test-firstName]")].map((element) => element.textContent?.trim()), [
-			"Sakura",
-			"Yume",
-			"Mariko",
-			"Hassan",
-			"Van Gogh",
-			"Mango"
-		]);
-		await renderCard(loader, abdelRahmans, "edit");
-		assert.dom("[data-test-contains-many=\"people\"] [data-test-remove]").exists({ count: 6 });
-		assert.dom("[data-test-contains-many=\"slowPeople\"] [data-test-remove]").doesNotExist();
-	});
-	(0, import_qunit.test)("supports an empty containsMany computed composite field", async function(assert) {
-		class Person extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static embedded = class Embedded extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "DuYn1FyS",
-						"block": "[[[8,[30,1,[\"firstName\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Family extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "people", [field], function() {
-					return containsMany(Person);
-				});
-			}
-			#people = (initializeDeferredDecorator(this, "people"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "reversePeople", [field], function() {
-					return containsMany(Person, { computeVia: function() {
-						return [...this.people].reverse();
-					} });
-				});
-			}
-			#reversePeople = (initializeDeferredDecorator(this, "reversePeople"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "YJv9F1rJ",
-						"block": "[[[8,[30,1,[\"reversePeople\"]],null,null,null]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		let abdelRahmans = new Family();
-		await renderCard(loader, abdelRahmans, "isolated");
-		assert.deepEqual(abdelRahmans.reversePeople, [], "empty containsMany field is initialized to an empty array");
-	});
-	(0, import_qunit.test)("can recompute containsMany field", async function(assert) {
-		class Person extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "age", [field], function() {
-					return contains(NumberField);
-				});
-			}
-			#age = (initializeDeferredDecorator(this, "age"), void 0);
-		}
-		class Family extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "people", [field], function() {
-					return containsMany(Person);
-				});
-			}
-			#people = (initializeDeferredDecorator(this, "people"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "totalAge", [field], function() {
-					return contains(NumberField, { computeVia: function() {
-						return this.people.reduce((sum, person) => sum += person.age, 0);
-					} });
-				});
-			}
-			#totalAge = (initializeDeferredDecorator(this, "totalAge"), void 0);
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": {
-				Family,
-				Person
-			} }
-		});
-		let family = new Family({ people: [new Person({
-			firstName: "Mango",
-			age: 3
-		}), new Person({
-			firstName: "Van Gogh",
-			age: 6
-		})] });
-		assert.strictEqual(family.totalAge, 9, "computed is correct");
-		family.people[0].age = 4;
-		family.people = [...family.people];
-		assert.strictEqual(family.totalAge, 10, "computed is correct");
-	});
-	(0, import_qunit.test)("computed fields render as embedded format in the edit format", async function(assert) {
-		class Person extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "alias", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						return this.firstName;
-					} });
-				});
-			}
-			#alias = (initializeDeferredDecorator(this, "alias"), void 0);
-		}
-		let person = new Person({ firstName: "Mango" });
-		await renderCard(loader, person, "edit");
-		assert.dom("[data-test-field=alias] input").doesNotExist();
-		assert.dom("[data-test-field=alias]").hasText("Alias Mango");
-	});
-	(0, import_qunit.test)("can render a computed linksTo relationship", async function(assert) {
-		class Pet extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "name", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#name = (initializeDeferredDecorator(this, "name"), void 0);
-			static fitted = class Fitted extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "mZOA4Bdz",
-						"block": "[[[10,1],[14,\"data-test\",\"name\"],[12],[8,[30,1,[\"name\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Person extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "bestFriend", [field], function() {
-					return linksTo(Pet);
-				});
-			}
-			#bestFriend = (initializeDeferredDecorator(this, "bestFriend"), void 0);
-			static embedded = class Embedded extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "78F5O7Os",
-						"block": "[[[10,1],[14,\"data-test\",\"firstName\"],[12],[8,[30,1,[\"firstName\"]],null,null,null],[13],[1,\"\\n\"],[10,1],[14,\"data-test\",\"bestFriend\"],[12],[8,[30,1,[\"bestFriend\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Post extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "author", [field], function() {
-					return contains(Person);
-				});
-			}
-			#author = (initializeDeferredDecorator(this, "author"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "friend", [field], function() {
-					return linksTo(Pet, { computeVia: function() {
-						return this.author.bestFriend;
-					} });
-				});
-			}
-			#friend = (initializeDeferredDecorator(this, "friend"), void 0);
-		}
-		let firstPost = new Post({
-			cardTitle: "First Post",
-			author: new Person({
-				firstName: "Mango",
-				bestFriend: new Pet({ name: "Van Gogh" })
-			})
-		});
-		await renderCard(loader, firstPost, "isolated");
-		assert.dom("[data-test-field=\"cardInfo-name\"]").hasText("First Post");
-		assert.dom("[data-test-field=\"author\"] [data-test=\"firstName\"]").hasText("Mango");
-		assert.dom("[data-test-field=\"friend\"] [data-test=\"name\"]").hasText("Van Gogh");
-		await renderCard(loader, firstPost, "edit");
-		assert.dom("[data-test-field=\"bestFriend\"] [data-test-links-to-editor=\"bestFriend\"]").exists();
-		assert.dom("[data-test-field=\"friend\"] [data-test-links-to-editor=\"friend\"]").doesNotExist();
-	});
-	(0, import_qunit.test)("can render a computed linksToMany relationship", async function(assert) {
-		class Pet extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "name", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#name = (initializeDeferredDecorator(this, "name"), void 0);
-			static fitted = class Fitted extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "mZOA4Bdz",
-						"block": "[[[10,1],[14,\"data-test\",\"name\"],[12],[8,[30,1,[\"name\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Person extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "pets", [field], function() {
-					return linksToMany(Pet);
-				});
-			}
-			#pets = (initializeDeferredDecorator(this, "pets"), void 0);
-			static fitted = class Fitted extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "+rKkYlPv",
-						"block": "[[[10,1],[14,\"data-test\",\"firstName\"],[12],[8,[30,1,[\"firstName\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Post extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "author", [field], function() {
-					return linksTo(Person);
-				});
-			}
-			#author = (initializeDeferredDecorator(this, "author"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "factCheckers", [field], function() {
-					return linksToMany(Pet);
-				});
-			}
-			#factCheckers = (initializeDeferredDecorator(this, "factCheckers"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "collaborators", [field], function() {
-					return linksToMany(Pet, { computeVia() {
-						return [this.author.pets.find((p) => p.name === "Mango"), ...this.factCheckers];
-					} });
-				});
-			}
-			#collaborators = (initializeDeferredDecorator(this, "collaborators"), void 0);
-		}
-		let p1 = new Pet({
-			id: `${testRealmURL}mango`,
-			name: "Mango"
-		});
-		let p2 = new Pet({ name: "Tango" });
-		let f1 = new Pet({ name: "A" });
-		let f2 = new Pet({ name: "B" });
-		let f3 = new Pet({ name: "C" });
-		let firstPost = new Post({
-			cardTitle: "First Post",
-			author: new Person({
-				firstName: "Van Gogh",
-				pets: [p1, p2]
-			}),
-			factCheckers: [
-				f1,
-				f2,
-				f3
-			]
-		});
-		await renderCard(loader, firstPost, "isolated");
-		assert.dom("[data-test-field=\"cardInfo-name\"]").hasText("First Post");
-		assert.dom("[data-test-field=\"author\"] [data-test=\"firstName\"]").hasText("Van Gogh");
-		assert.deepEqual([...this.element.querySelectorAll("[data-test-field=\"collaborators\"] [data-test=\"name\"]")].map((element) => element.textContent?.trim()), [
-			"Mango",
-			"A",
-			"B",
-			"C"
-		]);
-		await renderCard(loader, firstPost, "edit");
-		assert.dom("[data-test-links-to-many=\"factCheckers\"] [data-test-remove-card]").exists({ count: 3 });
-		assert.dom("[data-test-links-to-many=\"collaborators\"] [data-test-remove-card]").doesNotExist();
-	});
-	(0, import_qunit.test)("computed field invalidates when contained card property changes at runtime", async function(assert) {
-		class Author extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "lastName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#lastName = (initializeDeferredDecorator(this, "lastName"), void 0);
-			static embedded = class Embedded extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "XjBibA9l",
-						"block": "[[[10,1],[14,\"data-test-author-name\",\"\"],[12],[8,[30,1,[\"firstName\"]],null,null,null],[1,\"\\n  \"],[8,[30,1,[\"lastName\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Post extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "author", [field], function() {
-					return contains(Author);
-				});
-			}
-			#author = (initializeDeferredDecorator(this, "author"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "summary", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						return `${this.cardTitle} by ${this.author.firstName} ${this.author.lastName}`;
-					} });
-				});
-			}
-			#summary = (initializeDeferredDecorator(this, "summary"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "1lvKL+RG",
-						"block": "[[[10,0],[14,\"data-test-summary\",\"\"],[12],[8,[30,1,[\"summary\"]],null,null,null],[13],[1,\"\\n\"],[10,0],[14,\"data-test-author\",\"\"],[12],[8,[30,1,[\"author\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": {
-				Post,
-				Author
-			} }
-		});
-		let author = new Author({
-			firstName: "John",
-			lastName: "Doe"
-		});
-		let post = new Post({
-			cardTitle: "My First Post",
-			author
-		});
-		await renderCard(loader, post, "isolated");
-		assert.dom("[data-test-summary]").hasText("My First Post by John Doe");
-		assert.dom("[data-test-author-name]").hasText("John Doe");
-		author.firstName = "Jane";
-		await settled();
-		assert.dom("[data-test-summary]").hasText("My First Post by Jane Doe");
-		assert.dom("[data-test-author-name]").hasText("Jane Doe");
-	});
-	(0, import_qunit.test)("computed field re-renders when containsMany property changes at runtime", async function(assert) {
-		class Tag extends FieldDef {
-			static {
-				decorateFieldV2(this.prototype, "name", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#name = (initializeDeferredDecorator(this, "name"), void 0);
-			static embedded = class Embedded extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "X6H85KaG",
-						"block": "[[[10,1],[14,\"data-test-tag-name\",\"\"],[12],[8,[30,1,[\"name\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Article extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "tags", [field], function() {
-					return containsMany(Tag);
-				});
-			}
-			#tags = (initializeDeferredDecorator(this, "tags"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "tagSummary", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						if (this.tags.length === 0) return `${this.cardTitle} (no tags)`;
-						let tagNames = this.tags.map((tag) => tag.name).join(", ");
-						return `${this.cardTitle} [${tagNames}]`;
-					} });
-				});
-			}
-			#tagSummary = (initializeDeferredDecorator(this, "tagSummary"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "WzBesiex",
-						"block": "[[[10,0],[14,\"data-test-tag-summary\",\"\"],[12],[8,[30,1,[\"tagSummary\"]],null,null,null],[13],[1,\"\\n\"],[10,0],[14,\"data-test-tags\",\"\"],[12],[8,[30,1,[\"tags\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": {
-				Article,
-				Tag
-			} }
-		});
-		let tag1 = new Tag({ name: "tech" });
-		let article = new Article({
-			cardTitle: "My Article",
-			tags: [tag1, new Tag({ name: "web" })]
-		});
-		await renderCard(loader, article, "isolated");
-		assert.dom("[data-test-tag-summary]").hasText("My Article [tech, web]");
-		assert.dom("[data-test-tags] [data-test-tag-name]").exists({ count: 2 });
-		tag1.name = "technology";
-		await settled();
-		assert.dom("[data-test-tag-summary]").hasText("My Article [technology, web]");
-		assert.dom("[data-test-tags] [data-test-tag-name]").exists({ count: 2 });
-		let tag3 = new Tag({ name: "javascript" });
-		article.tags.push(tag3);
-		await settled();
-		assert.dom("[data-test-tag-summary]").hasText("My Article [technology, web, javascript]");
-		assert.dom("[data-test-tags] [data-test-tag-name]").exists({ count: 3 });
-	});
-	(0, import_qunit.test)("computed field re-renders when linksToMany property changes at runtime", async function(assert) {
-		class Category extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "name", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#name = (initializeDeferredDecorator(this, "name"), void 0);
-			static fitted = class Fitted extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "71ejmO9D",
-						"block": "[[[10,1],[14,\"data-test-category-name\",\"\"],[12],[8,[30,1,[\"name\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Blog extends CardDef {
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "categories", [field], function() {
-					return linksToMany(Category);
-				});
-			}
-			#categories = (initializeDeferredDecorator(this, "categories"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "categorySummary", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						if (this.categories.length === 0) return `${this.cardTitle} (no categories)`;
-						let categoryNames = this.categories.map((cat) => cat.name).join(", ");
-						return `${this.cardTitle} [${categoryNames}]`;
-					} });
-				});
-			}
-			#categorySummary = (initializeDeferredDecorator(this, "categorySummary"), void 0);
-			static isolated = class Isolated extends Component {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "Ng5Tho2W",
-						"block": "[[[10,0],[14,\"data-test-category-summary\",\"\"],[12],[8,[30,1,[\"categorySummary\"]],null,null,null],[13],[1,\"\\n\"],[10,0],[14,\"data-test-categories\",\"\"],[12],[8,[30,1,[\"categories\"]],null,null,null],[13]],[\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/computed-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": {
-				Blog,
-				Category
-			} }
-		});
-		let cat1 = new Category({ name: "programming" });
-		let blog = new Blog({
-			cardTitle: "My Blog",
-			categories: [cat1, new Category({ name: "design" })]
-		});
-		await renderCard(loader, blog, "isolated");
-		assert.dom("[data-test-category-summary]").hasText("My Blog [programming, design]");
-		assert.dom("[data-test-categories] [data-test-category-name]").exists({ count: 2 });
-		cat1.name = "software-engineering";
-		await settled();
-		assert.dom("[data-test-category-summary]").hasText("My Blog [software-engineering, design]");
-		assert.dom("[data-test-categories] [data-test-category-name]").exists({ count: 2 });
-		let cat3 = new Category({ name: "tutorials" });
-		blog.categories.push(cat3);
-		await settled();
-		assert.dom("[data-test-category-summary]").hasText("My Blog [software-engineering, design, tutorials]");
-		assert.dom("[data-test-categories] [data-test-category-name]").exists({ count: 3 });
-	});
-	(0, import_qunit.test)("CardDef.cardTheme resolves from cardInfo.theme", async function(assert) {
-		class Article extends CardDef {
-			static displayName = "Article";
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: { "test-cards.gts": { Article } }
-		});
-		let instance = new Article({ cardInfo: new CardInfoField({ theme: new Theme({ cardInfo: new CardInfoField({ name: "Ocean Blue" }) }) }) });
-		await renderCard(loader, instance, "edit");
-		await click("[data-test-toggle-preview]");
-		assert.dom("[data-test-edit-preview=\"cardTheme\"]").containsText("Ocean Blue");
-	});
-});
-//#endregion