@cardstack/boxel-cli 0.9.0 → 0.10.0-unstable.0

package/bundled-test-harness/assets/codemirror-embed-toolbar-test-Dk5lFOUq.js

@@ -1,366 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
-import { Ar as testRealmURL } from "./runtime-common-ClpqhbwG.js";
-import { D as baseRealm, h as GetCardsContextName, m as GetCardContextName, p as GetCardCollectionContextName, t as CardContextName } from "./constants-CqKWhRfY.js";
-import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
-import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
-import "./component-BJO47HTh.js";
-import { t as Component } from "./dist-CkA1rgqO.js";
-import { n as tracked } from "./tracking-800VJb8b.js";
-import "./template-factory-ds9s0u8l.js";
-import { n as getCardCollection } from "./card-collection-ClCV-__1.js";
-import { n as getCard } from "./card-resource-DcPbIwH9.js";
-import { r as provide } from "./dist-Ble0L9o7.js";
-import { M as waitUntil, T as settled, d as click, h as render, l as triggerEvent, o as waitFor, s as fillIn } from "./dist-BOAdzfkP.js";
-import { t as MarkdownEmbedChooserModal } from "./modal-zE95eEFp.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import { F as setupLocalIndexing, P as setupIntegrationTestRealm, lt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-DPQ0j2MD.js";
-import { r as getService } from "./dist-CPfIHBla.js";
-import { A as field, a as CardDef, w as contains } from "./card-api-u1pOrwS6.js";
-import { t as string_default } from "./string-DHlQEHYm.js";
-import { t as codemirrorContext } from "./codemirror-context-B5lUuYoE.js";
-//#region tests/integration/components/codemirror-embed-toolbar-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-var HostContextProvider = class extends Component {
-	get getCardFn() {
-		return getCard;
-	}
-	static {
-		decorateMethodV2(this.prototype, "getCardFn", [provide(GetCardContextName)]);
-	}
-	get getCardsFn() {
-		let store = getService("store");
-		return store.getSearchResource.bind(store);
-	}
-	static {
-		decorateMethodV2(this.prototype, "getCardsFn", [provide(GetCardsContextName)]);
-	}
-	get getCardCollectionFn() {
-		return getCardCollection;
-	}
-	static {
-		decorateMethodV2(this.prototype, "getCardCollectionFn", [provide(GetCardCollectionContextName)]);
-	}
-	get cardContext() {
-		return { markdownEmbedChooser: getService("markdown-embed-chooser") };
-	}
-	static {
-		decorateMethodV2(this.prototype, "cardContext", [provide(CardContextName)]);
-	}
-	static {
-		setComponentTemplate(templateFactory({
-			"id": "nU6OGPkd",
-			"block": "[[[18,1,null]],[\"&default\"],[\"yield\"]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/codemirror-embed-toolbar-test.gts",
-			"isStrictMode": true
-		}), this);
-	}
-};
-var ContentHarness = class {
-	static {
-		decorateFieldV2(this.prototype, "content", [tracked], function() {
-			return "";
-		});
-	}
-	#content = (initializeDeferredDecorator(this, "content"), void 0);
-	calls = 0;
-	set = (text) => {
-		this.calls += 1;
-		this.content = text;
-	};
-};
-function waitOutDebounce() {
-	return new Promise((resolve) => setTimeout(resolve, 700));
-}
-async function loadCodeMirrorEditor() {
-	return (await getService("loader-service").loader.import("@cardstack/base/codemirror-editor")).default;
-}
-async function renderEditorAndModal(opts) {
-	let { CodeMirrorEditor, harness, cardReferenceBaseUrl } = opts;
-	await render(templateFactory({
-		"id": "RSajO+Zp",
-		"block": "[[[1,\"\\n      \"],[8,[32,0],[[24,\"data-scopedcss-089482bad3-cab274e7c7\",\"\"]],null,[[\"default\"],[[[[1,\"\\n        \"],[8,[32,1],[[24,\"data-scopedcss-089482bad3-cab274e7c7\",\"\"]],null,null],[1,\"\\n        \"],[10,0],[14,0,\"editor-sized\"],[14,\"data-scopedcss-089482bad3-cab274e7c7\",\"\"],[12],[1,\"\\n          \"],[8,[32,2],[[24,\"data-scopedcss-089482bad3-cab274e7c7\",\"\"]],[[\"@content\",\"@onUpdate\",\"@cardReferenceBaseUrl\"],[[32,3,[\"content\"]],[32,3,[\"set\"]],[32,4]]],null],[1,\"\\n        \"],[13],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[10,\"style\"],[12],[1,\"\\n        .editor-sized {\\n          width: 600px;\\n          height: 240px;\\n        }\\n      \"],[13],[1,\"\\n    \"]],[],[]]",
-		"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/codemirror-embed-toolbar-test.gts",
-		"scope": () => [
-			HostContextProvider,
-			MarkdownEmbedChooserModal,
-			CodeMirrorEditor,
-			harness,
-			cardReferenceBaseUrl
-		],
-		"isStrictMode": true
-	}));
-}
-(0, import_qunit.module)("Integration | codemirror embed toolbar", function(hooks) {
-	setupRenderingTest(hooks);
-	setupLocalIndexing(hooks);
-	let mockMatrixUtils = setupMockMatrix(hooks, {
-		loggedInAs: "@testuser:localhost",
-		activeRealms: [baseRealm.url, testRealmURL],
-		autostart: true
-	});
-	hooks.beforeEach(function() {
-		globalThis.__loadCodeMirror = async () => codemirrorContext;
-	});
-	hooks.afterEach(function() {
-		delete globalThis.__loadCodeMirror;
-	});
-	let CodeMirrorEditor;
-	hooks.beforeEach(async function() {
-		CodeMirrorEditor = await loadCodeMirrorEditor();
-	});
-	const mango = `${testRealmURL}books/mango`;
-	const manga = `${testRealmURL}books/manga`;
-	hooks.beforeEach(async function() {
-		class Book extends CardDef {
-			static displayName = "Book";
-			static {
-				decorateFieldV2(this.prototype, "title", [field], function() {
-					return contains(string_default);
-				});
-			}
-			#title = (initializeDeferredDecorator(this, "title"), void 0);
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			realmURL: testRealmURL,
-			contents: {
-				"book.gts": { Book },
-				"books/mango.json": new Book({ title: "Mango" }),
-				"books/manga.json": new Book({ title: "Manga" })
-			}
-		});
-		await getService("realm").login(testRealmURL);
-	});
-	(0, import_qunit.test)("toolbar shows Add-embed by default; popover opens Cards/Files items", async function(assert) {
-		let harness = new ContentHarness();
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-codemirror-editor]", { timeout: 5e3 });
-		await waitFor("[data-test-toolbar=\"add-embed\"]", { timeout: 5e3 });
-		assert.dom("[data-test-toolbar=\"add-embed\"]").exists("Add embed lives in the toolbar when no directive is focused");
-		assert.dom("[data-test-toolbar-tooltip=\"add-embed\"]").exists("Add embed is wrapped in a tooltip trigger");
-		await triggerEvent("[data-test-toolbar-tooltip=\"add-embed\"]", "mouseenter");
-		await waitFor("[data-test-tooltip-content]");
-		assert.dom("[data-test-tooltip-content]").hasText("Add embed", "tooltip shows the Add embed label");
-		assert.dom("[data-test-tooltip-content] .shortcut-key").doesNotExist("shortcut-less item has no shortcut badge");
-		await triggerEvent("[data-test-toolbar-tooltip=\"add-embed\"]", "mouseleave");
-		assert.dom("[data-test-toolbar-embed-popover]").doesNotExist("popover is closed by default");
-		await click("[data-test-toolbar=\"add-embed\"]");
-		assert.dom("[data-test-toolbar-embed-popover]").exists();
-		assert.dom("[data-test-toolbar-embed=\"card\"]").hasText("Add a card", "first menu item targets the Cards tab");
-		assert.dom("[data-test-toolbar-embed=\"file\"]").hasText("Add a file", "second menu item targets the Files tab");
-	});
-	(0, import_qunit.test)("picking a card from the popover inserts `:card[URL]` at the cursor", async function(assert) {
-		let harness = new ContentHarness();
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-toolbar=\"add-embed\"]", { timeout: 5e3 });
-		await click("[data-test-toolbar=\"add-embed\"]");
-		await click("[data-test-toolbar-embed=\"card\"]");
-		await waitFor("[data-test-markdown-embed-chooser-modal]");
-		await fillIn("[data-test-markdown-embed-chooser-tab-panel=\"card\"] [data-test-search-field]", "Mango");
-		await waitFor(`[data-test-markdown-embed-chooser-tab-panel="card"] [data-test-item-button="${mango}"]`, { timeout: 5e3 });
-		await click(`[data-test-markdown-embed-chooser-tab-panel="card"] [data-test-item-button="${mango}"]`);
-		await waitFor("[data-test-markdown-embed-preview-cta]:not([disabled])", { timeout: 5e3 });
-		await click("[data-test-markdown-embed-preview-cta]");
-		await waitUntil(() => !document.querySelector("[data-test-markdown-embed-chooser-modal]"));
-		await settled();
-		assert.strictEqual(harness.content, `:card[${mango}]`, "editor content carries the inserted BFM directive");
-	});
-	(0, import_qunit.test)("cursor over a directive swaps the toolbar to Edit; Remove deletes the ref", async function(assert) {
-		let harness = new ContentHarness();
-		harness.content = `:card[${mango}]`;
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-codemirror-editor] .cm-content", { timeout: 5e3 });
-		let editor = document.querySelector("[data-test-codemirror-editor] .cm-editor");
-		let view = editor ? codemirrorContext.EditorView.findFromDOM(editor) : null;
-		view?.focus();
-		view?.dispatch({ selection: {
-			anchor: 3,
-			head: 3
-		} });
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		assert.dom("[data-test-toolbar=\"edit-embed\"]").exists("Edit pencil replaces the Add popover when the cursor is inside a directive");
-		assert.dom("[data-test-toolbar-tooltip=\"edit-embed\"]").exists("Edit embed is wrapped in a tooltip trigger");
-		await triggerEvent("[data-test-toolbar-tooltip=\"edit-embed\"]", "mouseenter");
-		await waitFor("[data-test-tooltip-content]");
-		assert.dom("[data-test-tooltip-content]").hasText("Edit embed", "tooltip shows the Edit embed label");
-		await triggerEvent("[data-test-toolbar-tooltip=\"edit-embed\"]", "mouseleave");
-		await click("[data-test-toolbar=\"edit-embed\"]");
-		await waitFor("[data-test-markdown-embed-chooser-modal]");
-		assert.dom("[data-test-markdown-embed-chooser-current]").exists("edit modal opens with the current-target tile");
-		await click("[data-test-markdown-embed-chooser-remove]");
-		await waitUntil(() => !document.querySelector("[data-test-markdown-embed-chooser-modal]"));
-		await settled();
-		assert.strictEqual(harness.content, "", "Remove deletes the directive from the source");
-	});
-	(0, import_qunit.test)("caret inside a directive after a lone backtick still swaps to Edit", async function(assert) {
-		let harness = new ContentHarness();
-		let content = [
-			"- Keyboard shortcuts (Mod-`)",
-			"",
-			`Inline card reference: :card[${mango}]`,
-			"",
-			`::card[${mango}]`,
-			"",
-			"```typescript",
-			"let greeting = \"hi\";",
-			"```"
-		].join("\n");
-		harness.content = content;
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-codemirror-editor] .cm-content", { timeout: 5e3 });
-		let editor = document.querySelector("[data-test-codemirror-editor] .cm-editor");
-		let view = editor ? codemirrorContext.EditorView.findFromDOM(editor) : null;
-		view?.focus();
-		let inlineStart = content.indexOf(`:card[${mango}]`);
-		let blockStart = content.indexOf(`::card[${mango}]`);
-		let placeCaret = async (head) => {
-			view?.dispatch({ selection: {
-				anchor: head,
-				head
-			} });
-			await settled();
-		};
-		await placeCaret(inlineStart);
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		assert.dom("[data-test-toolbar=\"edit-embed\"]").exists("Edit pencil at the start of the 2nd (inline) embed");
-		assert.dom("[data-test-toolbar=\"add-embed\"]").doesNotExist();
-		await placeCaret(inlineStart + 6 + 5);
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		assert.dom("[data-test-toolbar=\"edit-embed\"]").exists("Edit pencil mid-URL of the 2nd (inline) embed");
-		await placeCaret(blockStart + 7 + 5);
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		assert.dom("[data-test-toolbar=\"edit-embed\"]").exists("Edit pencil mid-URL of the 3rd (block) embed");
-		assert.dom("[data-test-toolbar=\"add-embed\"]").doesNotExist();
-		await placeCaret(content.indexOf("Inline card reference") + 3);
-		await waitFor("[data-test-toolbar=\"add-embed\"]", { timeout: 5e3 });
-		assert.dom("[data-test-toolbar=\"add-embed\"]").exists("caret in prose shows the Add button, not the pencil");
-		assert.dom("[data-test-toolbar=\"edit-embed\"]").doesNotExist();
-	});
-	(0, import_qunit.test)("Remove saves exactly once (no duplicate debounced save)", async function(assert) {
-		let harness = new ContentHarness();
-		harness.content = `:card[${mango}]`;
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-codemirror-editor] .cm-content", { timeout: 5e3 });
-		let editor = document.querySelector("[data-test-codemirror-editor] .cm-editor");
-		let view = editor ? codemirrorContext.EditorView.findFromDOM(editor) : null;
-		view?.focus();
-		view?.dispatch({ selection: {
-			anchor: 3,
-			head: 3
-		} });
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		await click("[data-test-toolbar=\"edit-embed\"]");
-		await waitFor("[data-test-markdown-embed-chooser-modal]");
-		await click("[data-test-markdown-embed-chooser-remove]");
-		await waitUntil(() => !document.querySelector("[data-test-markdown-embed-chooser-modal]"));
-		await settled();
-		assert.strictEqual(harness.calls, 1, "the delete saved immediately, once");
-		await waitOutDebounce();
-		assert.strictEqual(harness.calls, 1, "no second save fires after the debounce window");
-	});
-	(0, import_qunit.test)("Accepting an edit saves exactly once (no duplicate debounced save)", async function(assert) {
-		let harness = new ContentHarness();
-		harness.content = `:card[${mango}]`;
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-codemirror-editor] .cm-content", { timeout: 5e3 });
-		let editor = document.querySelector("[data-test-codemirror-editor] .cm-editor");
-		let view = editor ? codemirrorContext.EditorView.findFromDOM(editor) : null;
-		view?.focus();
-		view?.dispatch({ selection: {
-			anchor: 3,
-			head: 3
-		} });
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		await click("[data-test-toolbar=\"edit-embed\"]");
-		await waitFor("[data-test-markdown-embed-chooser-modal]");
-		await click("[data-test-markdown-embed-preview-format-select]");
-		await waitFor(".ember-power-select-option", { timeout: 3e3 });
-		await click("[data-test-format-option=\"embedded\"]");
-		await click("[data-test-markdown-embed-preview-cta]");
-		await waitUntil(() => !document.querySelector("[data-test-markdown-embed-chooser-modal]"));
-		await settled();
-		assert.strictEqual(harness.content, `::card[${mango} | embedded]`, "the edit replaced the directive in place");
-		assert.strictEqual(harness.calls, 1, "the replace saved immediately, once");
-		await waitOutDebounce();
-		assert.strictEqual(harness.calls, 1, "no second save fires after the debounce window");
-	});
-	(0, import_qunit.test)("an in-place URL edit refreshes the directive the pencil acts on", async function(assert) {
-		let content = `:card[${mango}]`;
-		let harness = new ContentHarness();
-		harness.content = content;
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness
-		});
-		await waitFor("[data-test-codemirror-editor] .cm-content", { timeout: 5e3 });
-		let editor = document.querySelector("[data-test-codemirror-editor] .cm-editor");
-		let view = editor ? codemirrorContext.EditorView.findFromDOM(editor) : null;
-		view?.focus();
-		view?.dispatch({ selection: {
-			anchor: 3,
-			head: 3
-		} });
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		let oPos = content.lastIndexOf("mango") + 5 - 1;
-		view?.dispatch({ changes: {
-			from: oPos,
-			to: oPos + 1,
-			insert: "a"
-		} });
-		await settled();
-		assert.strictEqual(view?.state.doc.toString(), `:card[${manga}]`);
-		await click("[data-test-toolbar=\"edit-embed\"]");
-		await waitFor("[data-test-markdown-embed-chooser-modal]", { timeout: 5e3 });
-		let svc = getService("markdown-embed-chooser");
-		assert.strictEqual(svc.currentRequest?.initialTarget?.url, manga, "the pencil edits the freshly-typed URL, not the stale one");
-		svc.resolve(void 0);
-		await settled();
-	});
-	(0, import_qunit.test)("the pencil resolves a document-relative ref so the preview loads (not a blank pane)", async function(assert) {
-		let docUrl = `${testRealmURL}experiments/playground`;
-		let harness = new ContentHarness();
-		harness.content = `:card[../books/mango]`;
-		await renderEditorAndModal({
-			CodeMirrorEditor,
-			harness,
-			cardReferenceBaseUrl: docUrl
-		});
-		await waitFor("[data-test-codemirror-editor] .cm-content", { timeout: 5e3 });
-		let editor = document.querySelector("[data-test-codemirror-editor] .cm-editor");
-		let view = editor ? codemirrorContext.EditorView.findFromDOM(editor) : null;
-		view?.focus();
-		view?.dispatch({ selection: {
-			anchor: 8,
-			head: 8
-		} });
-		await waitFor("[data-test-toolbar=\"edit-embed\"]", { timeout: 5e3 });
-		await click("[data-test-toolbar=\"edit-embed\"]");
-		await waitFor("[data-test-markdown-embed-chooser-modal]", { timeout: 5e3 });
-		let svc = getService("markdown-embed-chooser");
-		assert.strictEqual(svc.currentRequest?.initialTarget?.url, mango, "the relative ref resolves to its absolute URL before the chooser loads it");
-		await waitFor("[data-test-markdown-embed-chooser-tab-panel=\"card\"] [data-test-markdown-embed-preview]", { timeout: 5e3 });
-		assert.dom("[data-test-markdown-embed-chooser-tab-panel=\"card\"] [data-test-markdown-embed-preview]").exists("the resolved card renders its preview in edit mode");
-		svc.resolve(void 0);
-		await settled();
-	});
-});
-//#endregion

package/bundled-test-harness/assets/color-BxN5gRSg.js

@@ -1,65 +0,0 @@
-import "./chunk-Rp0pCe6z.js";
-import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
-import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
-import "./component-BJO47HTh.js";
-import "./template-factory-ds9s0u8l.js";
-import { D as markdownEscape } from "./helpers-BN6ReMzK.js";
-import { z as Swatch } from "./components-CbCTWAON.js";
-import { lt as IconComponent, s as Component } from "./card-api-u1pOrwS6.js";
-import { t as string_default } from "./string-DHlQEHYm.js";
-import { t as ColorPickerField } from "./color-picker-field-C-GS1CIw.js";
-//#region ../base/color.gts
-var View = class extends Component {
-	static {
-		setComponentTemplate(templateFactory({
-			"id": "BqrcO854",
-			"block": "[[[8,[32,0],null,[[\"@color\",\"@style\"],[[30,1],\"round\"]],null]],[\"@model\"],[]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/base/color.gts",
-			"scope": () => [Swatch],
-			"isStrictMode": true
-		}), this);
-	}
-};
-var EditView = class extends Component {
-	static {
-		setComponentTemplate(templateFactory({
-			"id": "ONaWIf5r",
-			"block": "[[[8,[32,0],null,[[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[[30,1],[30,2],[30,3],[30,4]]],null]],[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/base/color.gts",
-			"scope": () => [ColorPickerField],
-			"isStrictMode": true
-		}), this);
-	}
-};
-var ColorField = class extends string_default {
-	static displayName = "Color";
-	static icon = IconComponent;
-	static embedded = View;
-	static atom = View;
-	static fitted = View;
-	static edit = EditView;
-	static markdown = class Markdown extends Component {
-		get text() {
-			return markdownEscape(this.args.model);
-		}
-		static {
-			setComponentTemplate(templateFactory({
-				"id": "MX73XLZ/",
-				"block": "[[[1,[30,0,[\"text\"]]]],[],[]]",
-				"moduleName": "/home/runner/work/boxel/boxel/packages/base/color.gts",
-				"isStrictMode": true
-			}), this);
-		}
-	};
-};
-(globalThis.__boxelBundledBaseScopedCSS ??= {})["color"] = {
-	"css": [],
-	"imports": [
-		"card-api",
-		"color-field/components/color-picker-field",
-		"string"
-	]
-};
-(globalThis.__boxelBundledBaseIdentities ??= {})["color"] = { "default": ColorField };
-//#endregion
-export { ColorField as t };

package/bundled-test-harness/assets/color-CrunRcis.js

@@ -1,2 +0,0 @@
-import { t as ColorField } from "./color-BxN5gRSg.js";
-export { ColorField as default };

package/bundled-test-harness/assets/color-field-test-COjFIpXV.js

@@ -1,212 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import { T as settled } from "./dist-BOAdzfkP.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import { lt as setupRenderingTest } from "./mock-matrix-DPQ0j2MD.js";
-import { t as ColorField } from "./color-BxN5gRSg.js";
-import { n as renderConfiguredField } from "./field-test-helpers-9I7cHnaU.js";
-//#region tests/integration/color-field-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-(0, import_qunit.module)("Integration | color field configuration", function(hooks) {
-	setupRenderingTest(hooks);
-	(0, import_qunit.test)("standard variant renders color picker", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "standard" }, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("standard variant renders color picker");
-	});
-	(0, import_qunit.test)("swatches-picker variant renders color palette", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "swatches-picker" }, "edit");
-		assert.dom("[data-test-field-container] .color-palette-group").exists("swatches-picker variant renders color palette");
-	});
-	(0, import_qunit.test)("slider variant renders slider controls", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "slider" }, "edit");
-		assert.dom("[data-test-field-container] .slider-controls-editor").exists("slider variant renders slider controls");
-	});
-	(0, import_qunit.test)("advanced variant renders advanced editor", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "advanced" }, "edit");
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("advanced variant renders advanced editor");
-	});
-	(0, import_qunit.test)("wheel variant renders color wheel", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "wheel" }, "edit");
-		assert.dom("[data-test-field-container] .color-wheel-editor").exists("wheel variant renders color wheel");
-	});
-	(0, import_qunit.test)("missing variant defaults to standard", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {}, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("missing variant defaults to standard");
-	});
-	(0, import_qunit.test)("invalid variant value falls back to standard variant", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "not-a-real-variant" }, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("invalid variant falls back to standard");
-		assert.dom("[data-test-field-container] .advanced-color-editor").doesNotExist("advanced variant is not rendered");
-	});
-	(0, import_qunit.test)("null variant value defaults to standard variant", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: null }, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("null variant defaults to standard");
-	});
-	(0, import_qunit.test)("showRecent option displays recent colors addon", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "standard",
-			options: { showRecent: true }
-		}, "edit");
-		assert.dom("[data-test-field-container] .recent-colors-addon").exists("showRecent option displays recent colors addon");
-	});
-	(0, import_qunit.test)("showContrastChecker option displays contrast checker addon", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "standard",
-			options: { showContrastChecker: true }
-		}, "edit");
-		assert.dom("[data-test-field-container] .contrast-checker-addon").exists("showContrastChecker option displays contrast checker addon");
-	});
-	(0, import_qunit.test)("showRecent defaults to false", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "standard" }, "edit");
-		assert.dom("[data-test-field-container] .recent-colors-addon").doesNotExist("showRecent defaults to false");
-	});
-	(0, import_qunit.test)("showContrastChecker defaults to false", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", { variant: "standard" }, "edit");
-		assert.dom("[data-test-field-container] .contrast-checker-addon").doesNotExist("showContrastChecker defaults to false");
-	});
-	(0, import_qunit.test)("maxRecentHistory option is respected", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "standard",
-			options: {
-				showRecent: true,
-				maxRecentHistory: 5
-			}
-		}, "edit");
-		assert.dom("[data-test-field-container] .recent-colors-addon").exists("recent colors addon is shown with custom maxRecentHistory");
-	});
-	(0, import_qunit.test)("swatches-picker variant supports paletteColors option", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "swatches-picker",
-			options: { paletteColors: [
-				"#ff0000",
-				"#00ff00",
-				"#0000ff"
-			] }
-		}, "edit");
-		assert.dom("[data-test-field-container] .color-palette-group").exists("swatches-picker variant renders with palette colors");
-	});
-	(0, import_qunit.test)("base options are ignored when variant is advanced", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "advanced",
-			options: {
-				showRecent: true,
-				showContrastChecker: true,
-				maxRecentHistory: 5
-			}
-		}, "edit");
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("advanced variant renders");
-		assert.dom("[data-test-field-container] .recent-colors-addon").doesNotExist("base options are ignored for advanced variant");
-		assert.dom("[data-test-field-container] .contrast-checker-addon").doesNotExist("base options are ignored for advanced variant");
-	});
-	(0, import_qunit.test)("invalid option values are handled gracefully", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "standard",
-			options: {
-				showRecent: true,
-				maxRecentHistory: "ten",
-				unknownProperty: "should be ignored"
-			}
-		}, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("renders with invalid option values");
-		assert.dom("[data-test-field-container] .recent-colors-addon").exists("addon still renders despite invalid maxRecentHistory");
-	});
-	(0, import_qunit.test)("null or undefined options are handled", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "standard",
-			options: null
-		}, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("renders with null options");
-	});
-	(0, import_qunit.test)("advanced variant renders with configured default format", async function(assert) {
-		await renderConfiguredField(ColorField, "rgb(59, 130, 246)", {
-			variant: "advanced",
-			options: { defaultFormat: "rgb" }
-		}, "edit");
-		await settled();
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("advanced variant renders");
-		assert.dom("[data-test-field-container] .color-value-input").exists("RGB input section is visible");
-	});
-	(0, import_qunit.test)("advanced variant parses CSS color names", async function(assert) {
-		await renderConfiguredField(ColorField, "blue", {
-			variant: "advanced",
-			options: { defaultFormat: "hex" }
-		}, "edit");
-		await settled();
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("CSS color name is parsed and component renders");
-	});
-	(0, import_qunit.test)("advanced variant parses RGB values", async function(assert) {
-		await renderConfiguredField(ColorField, "rgb(255, 0, 0)", {
-			variant: "advanced",
-			options: { defaultFormat: "hsl" }
-		}, "edit");
-		await settled();
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("RGB value is parsed and component renders");
-	});
-	(0, import_qunit.test)("advanced variant parses hex values", async function(assert) {
-		await renderConfiguredField(ColorField, "#ff0000", {
-			variant: "advanced",
-			options: { defaultFormat: "rgb" }
-		}, "edit");
-		await settled();
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("hex value is parsed and component renders");
-	});
-	(0, import_qunit.test)("slider variant displays HSL format when configured", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "slider",
-			options: { defaultFormat: "hsl" }
-		}, "edit");
-		await settled();
-		const hslSliders = document.querySelectorAll("[data-test-field-container] .slider-label.hue, [data-test-field-container] .slider-label.saturation, [data-test-field-container] .slider-label.lightness");
-		assert.ok(hslSliders.length >= 3, "slider variant with HSL format displays HSL sliders");
-	});
-	(0, import_qunit.test)("slider variant displays RGB format when configured", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "slider",
-			options: { defaultFormat: "rgb" }
-		}, "edit");
-		await settled();
-		const rgbSliders = document.querySelectorAll("[data-test-field-container] .slider-label.red, [data-test-field-container] .slider-label.green, [data-test-field-container] .slider-label.blue");
-		assert.ok(rgbSliders.length >= 3, "slider variant with RGB format displays RGB sliders");
-	});
-	(0, import_qunit.test)("wheel variant displays with configured format", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "wheel",
-			options: { defaultFormat: "rgb" }
-		}, "edit");
-		await settled();
-		assert.dom("[data-test-field-container] .color-wheel-editor").exists("wheel variant renders with RGB format");
-	});
-	(0, import_qunit.test)("invalid defaultFormat falls back to default", async function(assert) {
-		await renderConfiguredField(ColorField, "#3b82f6", {
-			variant: "advanced",
-			options: { defaultFormat: "invalid-format" }
-		}, "edit");
-		await settled();
-		assert.dom("[data-test-field-container] .advanced-color-editor").exists("editor renders with invalid defaultFormat");
-	});
-	(0, import_qunit.test)("invalid color values are handled gracefully", async function(assert) {
-		for (const color of [
-			null,
-			"",
-			"   ",
-			"not-a-color",
-			"#gggggg",
-			"rgb(999, 999, 999)",
-			"#ff"
-		]) {
-			await renderConfiguredField(ColorField, color, { variant: "standard" }, "edit");
-			assert.dom("[data-test-field-container] .color-picker").exists(`color value "${color}" renders without error`);
-		}
-	});
-	(0, import_qunit.test)("multiple invalid values are handled gracefully", async function(assert) {
-		await renderConfiguredField(ColorField, "invalid-color", {
-			variant: "not-a-variant",
-			options: {
-				showRecent: "yes",
-				maxRecentHistory: "ten",
-				unknownProperty: "ignored"
-			}
-		}, "edit");
-		assert.dom("[data-test-field-container] .color-picker").exists("renders despite multiple invalid values");
-	});
-});
-//#endregion