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

package/bundled-test-harness/assets/color-picker-field-Bv4IjS-d.js

@@ -0,0 +1,139 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { R as debounce } from "./lodash-DnaZ_rzx.js";
+import { et as tracked, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { d as action } from "./service-LFpJ8EEP.js";
+import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./tracking-CNiq91Pk.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import { c as eq, f as not, p as or } from "./helpers-BN6ReMzK.js";
+import { L as ColorPicker } from "./components-Ct_agx0G.js";
+import { t as normalizeColorForHistory } from "./color-utils-kMEtVcR9.js";
+import { t as AdvancedColorPicker } from "./advanced-color-picker-0pGF-3WG.js";
+import { t as SwatchesPicker } from "./swatches-picker-4vFztxHo.js";
+import { t as SliderPicker } from "./slider-picker-B6AxKL2j.js";
+import { t as ColorWheelPicker } from "./color-wheel-picker-IIaCQplL.js";
+import { t as RecentColorsAddon } from "./recent-colors-addon-CmCkbJ2_.js";
+import { t as ContrastCheckerAddon } from "./contrast-checker-addon-DBzizR04.js";
+//#region ../base/color-field/components/color-picker-field.gts
+var recentColorsStorage = /* @__PURE__ */ new WeakMap();
+var ColorPickerField = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "recentColors", [tracked], function() {
+			return [];
+		});
+	}
+	#recentColors = (initializeDeferredDecorator(this, "recentColors"), void 0);
+	debouncedSetColor = debounce((color) => {
+		this.args.set?.(color);
+	}, 300);
+	debouncedRecordRecentColor = debounce((color) => {
+		this.recordRecentColor(color);
+	}, 300);
+	constructor(owner, args) {
+		super(owner, args);
+		const stored = recentColorsStorage.get(this.configKey);
+		if (stored) this.recentColors = [...stored];
+	}
+	get configKey() {
+		return this.args.configuration || {};
+	}
+	get variant() {
+		return this.args.configuration?.variant ?? "standard";
+	}
+	get baseOptions() {
+		const configuration = this.args.configuration;
+		if (!configuration) return;
+		if (configuration.variant === "advanced") return;
+		return configuration.options;
+	}
+	get showRecent() {
+		return this.baseOptions?.showRecent ?? false;
+	}
+	get showContrastChecker() {
+		return this.baseOptions?.showContrastChecker ?? false;
+	}
+	get maxRecentHistory() {
+		return this.baseOptions?.maxRecentHistory ?? 10;
+	}
+	recordRecentColor(color) {
+		const normalized = normalizeColorForHistory(color);
+		if (!normalized) return;
+		const current = recentColorsStorage.get(this.configKey) || [];
+		if (current.includes(normalized)) return;
+		const updated = [normalized, ...current].slice(0, this.maxRecentHistory);
+		this.recentColors = updated;
+		recentColorsStorage.set(this.configKey, updated);
+	}
+	static {
+		decorateMethodV2(this.prototype, "recordRecentColor", [action]);
+	}
+	handleColorChange(newColor) {
+		this.debouncedSetColor(newColor);
+		if (newColor) this.debouncedRecordRecentColor(newColor);
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleColorChange", [action]);
+	}
+	handleColorChangeImmediate(newColor) {
+		this.args.set?.(newColor);
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleColorChangeImmediate", [action]);
+	}
+	handleRecentColorSelect(color) {
+		this.debouncedSetColor(color);
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleRecentColorSelect", [action]);
+	}
+	clearRecentColors() {
+		this.recentColors = [];
+		recentColorsStorage.delete(this.configKey);
+	}
+	static {
+		decorateMethodV2(this.prototype, "clearRecentColors", [action]);
+	}
+	willDestroy() {
+		super.willDestroy();
+		this.debouncedSetColor.cancel();
+		this.debouncedRecordRecentColor.cancel();
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "9vluoFjM",
+			"block": "[[[10,0],[14,0,\"color-field-editor\"],[14,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,0,\"variant-section\"],[14,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"],[12],[1,\"\\n\"],[41,[28,[32,0],[[30,0,[\"variant\"]],\"advanced\"],null],[[[1,\"      \"],[8,[32,1],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[[30,1],[30,0,[\"handleColorChangeImmediate\"]],[30,2],[30,3]]],null],[1,\"\\n\"]],[]],[[[41,[28,[32,0],[[30,0,[\"variant\"]],\"swatches-picker\"],null],[[[1,\"      \"],[8,[32,2],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[[30,1],[30,0,[\"handleColorChange\"]],[30,2],[30,3]]],null],[1,\"\\n\"]],[]],[[[41,[28,[32,0],[[30,0,[\"variant\"]],\"slider\"],null],[[[1,\"      \"],[8,[32,3],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[[30,1],[30,0,[\"handleColorChange\"]],[30,2],[30,3]]],null],[1,\"\\n\"]],[]],[[[41,[28,[32,0],[[30,0,[\"variant\"]],\"wheel\"],null],[[[1,\"      \"],[8,[32,4],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[[30,1],[30,0,[\"handleColorChange\"]],[30,2],[30,3]]],null],[1,\"\\n\"]],[]],[[[1,\"      \"],[8,[32,5],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@color\",\"@onChange\",\"@disabled\"],[[30,1],[30,0,[\"handleColorChangeImmediate\"]],[28,[32,6],[[30,2]],null]]],null],[1,\"\\n    \"]],[]]]],[]]]],[]]]],[]]],[1,\"  \"],[13],[1,\"\\n\\n\"],[41,[28,[32,7],[[30,0,[\"showRecent\"]],[30,0,[\"showContrastChecker\"]]],null],[[[1,\"    \"],[10,0],[14,0,\"addons-section\"],[14,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"showRecent\"]],[[[1,\"        \"],[8,[32,8],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@model\",\"@recentColors\",\"@onSelectColor\",\"@onClear\",\"@canEdit\"],[[30,1],[30,0,[\"recentColors\"]],[30,0,[\"handleRecentColorSelect\"]],[30,0,[\"clearRecentColors\"]],[30,2]]],null],[1,\"\\n\"]],[]],null],[1,\"\\n\"],[41,[30,0,[\"showContrastChecker\"]],[[[1,\"        \"],[8,[32,9],[[24,\"data-scopedcss-7ca0b4ac87-01b4508854\",\"\"]],[[\"@model\",\"@set\",\"@canEdit\",\"@configuration\"],[[30,1],[30,4],[30,2],[30,3]]],null],[1,\"\\n\"]],[]],null],[1,\"    \"],[13],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\\n\"]],[\"@model\",\"@canEdit\",\"@configuration\",\"@set\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/color-field/components/color-picker-field.gts",
+			"scope": () => [
+				eq,
+				AdvancedColorPicker,
+				SwatchesPicker,
+				SliderPicker,
+				ColorWheelPicker,
+				ColorPicker,
+				not,
+				or,
+				RecentColorsAddon,
+				ContrastCheckerAddon
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["color-field/components/color-picker-field"] = {
+	"css": ["./color-picker-field.gts.CiAgLmNvbG9yLWZpZWxkLWVkaXRvcltkYXRhLXNjb3BlZGNzcy03Y2EwYjRhYzg3LTAxYjQ1MDg4NTRdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgZ2FwOiAxcmVtOwogIH0KCiAgLnZhcmlhbnQtc2VjdGlvbltkYXRhLXNjb3BlZGNzcy03Y2EwYjRhYzg3LTAxYjQ1MDg4NTRdIHsKICAgIHdpZHRoOiAxMDAlOwogIH0KCiAgLmFkZG9ucy1zZWN0aW9uW2RhdGEtc2NvcGVkY3NzLTdjYTBiNGFjODctMDFiNDUwODg1NF0gewogICAgZGlzcGxheTogZmxleDsKICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICBnYXA6IDFyZW07CiAgfQo%3D.glimmer-scoped.css"],
+	"imports": [
+		"color-field/util/color-utils",
+		"color-field/components/advanced-color-picker",
+		"color-field/components/swatches-picker",
+		"color-field/components/slider-picker",
+		"color-field/components/color-wheel-picker",
+		"color-field/components/recent-colors-addon",
+		"color-field/components/contrast-checker-addon"
+	]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["color-field/components/color-picker-field"] = { "default": ColorPickerField };
+//#endregion
+export { ColorPickerField as t };

package/bundled-test-harness/assets/color-picker-field-D1bYCQIg.js

@@ -0,0 +1,2 @@
+import { t as ColorPickerField } from "./color-picker-field-Bv4IjS-d.js";
+export { ColorPickerField as default };

package/bundled-test-harness/assets/color-wheel-picker-IIaCQplL.js

@@ -0,0 +1,283 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { et as tracked, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { d as action } from "./service-LFpJ8EEP.js";
+import { H as templateFactory, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./tracking-CNiq91Pk.js";
+import { r as concat } from "./helper-m6jA5HmU.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import { G as hslToRgb, J as rgbaToFormatString, U as detectColorFormat, Z as rgbaToHsv } from "./helpers-BN6ReMzK.js";
+import "./template-C81fYDrq.js";
+import { n as parseCssColor } from "./color-utils-kMEtVcR9.js";
+import { t as setupElement } from "./setup-element-modifier-Cgfas9j-.js";
+//#region ../base/color-field/components/color-wheel-picker.gts
+var ColorWheelPicker = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "h", [tracked], function() {
+			return 0;
+		});
+	}
+	#h = (initializeDeferredDecorator(this, "h"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "isDragging", [tracked], function() {
+			return false;
+		});
+	}
+	#isDragging = (initializeDeferredDecorator(this, "isDragging"), void 0);
+	wheelCanvasElement = null;
+	containerElement = null;
+	lastModelValue = null;
+	resizeObserver = null;
+	pendingInteractionFrame = null;
+	pendingInteractionEvent = null;
+	static {
+		decorateFieldV2(this.prototype, "size", [tracked], function() {
+			return 280;
+		});
+	}
+	#size = (initializeDeferredDecorator(this, "size"), void 0);
+	getSizeFromCSS() {
+		if (!this.containerElement) return 280;
+		const sizeValue = getComputedStyle(this.containerElement).getPropertyValue("--color-wheel-size").trim();
+		if (sizeValue) {
+			const parsed = parseFloat(sizeValue);
+			if (!isNaN(parsed) && parsed > 0) return parsed;
+		}
+		return 280;
+	}
+	updateSize() {
+		const newSize = this.getSizeFromCSS();
+		if (newSize !== this.size) {
+			this.size = newSize;
+			this.updateCanvasSize();
+		}
+	}
+	get centerX() {
+		return this.size / 2;
+	}
+	get centerY() {
+		return this.size / 2;
+	}
+	get outerRadius() {
+		return this.size / 2 - 10;
+	}
+	get innerRadius() {
+		return this.size / 2 - 40;
+	}
+	get configuredDefaultFormat() {
+		return (this.args.configuration?.options)?.defaultFormat ?? "hex";
+	}
+	get outputFormat() {
+		const options = this.args.configuration?.options;
+		if (options?.defaultFormat) return options.defaultFormat;
+		if (this.args.model) {
+			const format = detectColorFormat(this.args.model);
+			if (format === "hex" || format === "rgb" || format === "hsl") return format;
+		}
+		return "hex";
+	}
+	get currentHue() {
+		if (!this.isDragging) this.ensureSyncedWithModel();
+		return this.h;
+	}
+	get currentColor() {
+		return `hsl(${this.h}, 100%, 50%)`;
+	}
+	get thumbPosition() {
+		const angle = (this.h - 90) * Math.PI / 180;
+		const radius = (this.innerRadius + this.outerRadius) / 2;
+		return {
+			x: this.centerX + Math.cos(angle) * radius,
+			y: this.centerY + Math.sin(angle) * radius
+		};
+	}
+	ensureSyncedWithModel() {
+		if (this.isDragging) return;
+		if (this.args.model !== this.lastModelValue) this.syncHueFromModel();
+	}
+	syncHueFromModel() {
+		const modelValue = this.args.model;
+		this.lastModelValue = modelValue;
+		if (modelValue) {
+			const hsv = rgbaToHsv(parseCssColor(modelValue));
+			this.h = Math.round(hsv.h);
+		} else {
+			const hsv = rgbaToHsv(parseCssColor("#3b82f6"));
+			this.h = Math.round(hsv.h);
+		}
+	}
+	isRgbaValid(rgba) {
+		return Number.isFinite(rgba.r) && Number.isFinite(rgba.g) && Number.isFinite(rgba.b) && Number.isFinite(rgba.a);
+	}
+	saveColor(rgba) {
+		if (!this.isRgbaValid(rgba)) return;
+		const colorValue = rgbaToFormatString(rgba, this.outputFormat);
+		this.args.set?.(colorValue);
+	}
+	getHueFromPosition(clientX, clientY) {
+		if (!this.containerElement) return null;
+		const rect = this.containerElement.getBoundingClientRect();
+		const x = clientX - rect.left - this.centerX;
+		const y = clientY - rect.top - this.centerY;
+		const distance = Math.sqrt(x * x + y * y);
+		if (distance < this.innerRadius || distance > this.outerRadius) return null;
+		let angle = Math.atan2(y, x) * 180 / Math.PI + 90;
+		if (angle < 0) angle += 360;
+		return angle;
+	}
+	drawColorWheel() {
+		if (!this.wheelCanvasElement) return;
+		const ctx = this.wheelCanvasElement.getContext("2d");
+		if (!ctx) return;
+		ctx.clearRect(0, 0, this.size, this.size);
+		for (let angle = 0; angle < 360; angle += .5) {
+			const startAngle = (angle - 90) * Math.PI / 180;
+			const endAngle = (angle + .5 - 90) * Math.PI / 180;
+			ctx.beginPath();
+			ctx.arc(this.centerX, this.centerY, this.outerRadius, startAngle, endAngle);
+			ctx.arc(this.centerX, this.centerY, this.innerRadius, endAngle, startAngle, true);
+			ctx.closePath();
+			ctx.fillStyle = `hsl(${angle}, 100%, 50%)`;
+			ctx.fill();
+		}
+	}
+	windowPointerMoveHandler = (event) => {
+		if (this.isDragging) {
+			this.pendingInteractionEvent = event;
+			if (this.pendingInteractionFrame === null) this.pendingInteractionFrame = requestAnimationFrame(() => {
+				if (this.pendingInteractionEvent) {
+					this.handleWheelInteraction(this.pendingInteractionEvent);
+					this.pendingInteractionEvent = null;
+				}
+				this.pendingInteractionFrame = null;
+			});
+		}
+	};
+	windowPointerUpHandler = () => {
+		if (this.pendingInteractionFrame !== null) {
+			cancelAnimationFrame(this.pendingInteractionFrame);
+			this.pendingInteractionFrame = null;
+		}
+		this.pendingInteractionEvent = null;
+		if (this.isDragging) this.commitColor();
+		this.isDragging = false;
+		this.removeWindowListeners();
+	};
+	addWindowListeners() {
+		window.addEventListener("pointermove", this.windowPointerMoveHandler);
+		window.addEventListener("pointerup", this.windowPointerUpHandler);
+	}
+	removeWindowListeners() {
+		window.removeEventListener("pointermove", this.windowPointerMoveHandler);
+		window.removeEventListener("pointerup", this.windowPointerUpHandler);
+	}
+	setupContainer(element) {
+		if (this.containerElement === element) return;
+		if (this.containerElement) this.containerElement.removeEventListener("pointerdown", this.handleWheelMouseDown);
+		if (this.resizeObserver) {
+			this.resizeObserver.disconnect();
+			this.resizeObserver = null;
+		}
+		this.containerElement = element;
+		element.addEventListener("pointerdown", this.handleWheelMouseDown);
+		this.updateSize();
+		this.resizeObserver = new ResizeObserver(() => {
+			this.updateSize();
+		});
+		this.resizeObserver.observe(element);
+	}
+	static {
+		decorateMethodV2(this.prototype, "setupContainer", [action]);
+	}
+	setupWheelCanvas(element) {
+		this.wheelCanvasElement = element;
+		if (this.containerElement) this.updateSize();
+		element.width = this.size;
+		element.height = this.size;
+		requestAnimationFrame(() => this.drawColorWheel());
+	}
+	static {
+		decorateMethodV2(this.prototype, "setupWheelCanvas", [action]);
+	}
+	updateCanvasSize() {
+		if (this.wheelCanvasElement) {
+			this.wheelCanvasElement.width = this.size;
+			this.wheelCanvasElement.height = this.size;
+			requestAnimationFrame(() => this.drawColorWheel());
+		}
+	}
+	handleWheelMouseDown(event) {
+		if (!this.args.canEdit) return;
+		const newHue = this.getHueFromPosition(event.clientX, event.clientY);
+		if (newHue !== null) {
+			this.h = Math.round(newHue);
+			this.isDragging = true;
+			this.addWindowListeners();
+		}
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleWheelMouseDown", [action]);
+	}
+	handleWheelInteraction(event) {
+		if (!this.args.canEdit) return;
+		const newHue = this.getHueFromPosition(event.clientX, event.clientY);
+		if (newHue !== null) this.h = Math.round(newHue);
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleWheelInteraction", [action]);
+	}
+	commitColor() {
+		if (!this.args.canEdit) return;
+		const rgba = {
+			...hslToRgb({
+				h: this.h,
+				s: 100,
+				l: 50
+			}),
+			a: 1
+		};
+		this.saveColor(rgba);
+	}
+	static {
+		decorateMethodV2(this.prototype, "commitColor", [action]);
+	}
+	constructor(owner, args) {
+		super(owner, args);
+		this.syncHueFromModel();
+	}
+	willDestroy() {
+		super.willDestroy();
+		if (this.pendingInteractionFrame !== null) {
+			cancelAnimationFrame(this.pendingInteractionFrame);
+			this.pendingInteractionFrame = null;
+		}
+		this.removeWindowListeners();
+		this.containerElement?.removeEventListener("pointerdown", this.handleWheelMouseDown);
+		if (this.resizeObserver) {
+			this.resizeObserver.disconnect();
+			this.resizeObserver = null;
+		}
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "wvyTKibX",
+			"block": "[[[11,0],[24,0,\"color-wheel-editor\"],[24,\"data-scopedcss-d9ba0bba34-682a872d11\",\"\"],[4,[32,0],[[30,0,[\"setupContainer\"]]],null],[12],[1,\"\\n  \"],[11,\"canvas\"],[24,0,\"color-wheel-canvas\"],[24,\"data-scopedcss-d9ba0bba34-682a872d11\",\"\"],[4,[32,0],[[30,0,[\"setupWheelCanvas\"]]],null],[12],[13],[1,\"\\n  \"],[10,0],[14,0,\"wheel-thumb\"],[15,5,[28,[32,1],[[28,[32,2],[\"left:\",[30,0,[\"thumbPosition\",\"x\"]],\"px;top:\",[30,0,[\"thumbPosition\",\"y\"]],\"px;background-color:\",[30,0,[\"currentColor\"]]],null]],null]],[14,\"data-scopedcss-d9ba0bba34-682a872d11\",\"\"],[12],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/color-field/components/color-wheel-picker.gts",
+			"scope": () => [
+				setupElement,
+				htmlSafe,
+				concat
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["color-field/components/color-wheel-picker"] = {
+	"css": ["./color-wheel-picker.gts.CiAgLmNvbG9yLXdoZWVsLWVkaXRvcltkYXRhLXNjb3BlZGNzcy1kOWJhMGJiYTM0LTY4MmE4NzJkMTFdIHsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHdpZHRoOiB2YXIoLS1jb2xvci13aGVlbC1zaXplLCAyODBweCk7CiAgICBoZWlnaHQ6IHZhcigtLWNvbG9yLXdoZWVsLXNpemUsIDI4MHB4KTsKICAgIHRvdWNoLWFjdGlvbjogbm9uZTsKICAgIHVzZXItc2VsZWN0OiBub25lOwogIH0KCiAgLmNvbG9yLXdoZWVsLWNhbnZhc1tkYXRhLXNjb3BlZGNzcy1kOWJhMGJiYTM0LTY4MmE4NzJkMTFdIHsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiAxMDAlOwogICAgZGlzcGxheTogYmxvY2s7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgfQoKICAud2hlZWwtdGh1bWJbZGF0YS1zY29wZWRjc3MtZDliYTBiYmEzNC02ODJhODcyZDExXSB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICB3aWR0aDogMS43NXJlbTsKICAgIGhlaWdodDogMS43NXJlbTsKICAgIGJvcmRlci1yYWRpdXM6IDUwJTsKICAgIGJvcmRlcjogNHB4IHNvbGlkIHdoaXRlOwogICAgcG9pbnRlci1ldmVudHM6IG5vbmU7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTsKICAgIGJveC1zaGFkb3c6CiAgICAgIDAgMCAwIDFweCByZ2JhKDAsIDAsIDAsIDAuMSksCiAgICAgIDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMik7CiAgICB0cmFuc2l0aW9uOiBub25lOwogIH0K.glimmer-scoped.css"],
+	"imports": ["color-field/util/color-utils", "color-field/modifiers/setup-element-modifier"]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["color-field/components/color-wheel-picker"] = { "default": ColorWheelPicker };
+//#endregion
+export { ColorWheelPicker as t };

package/bundled-test-harness/assets/color-wheel-picker-Kw-UN3kV.js

@@ -0,0 +1,2 @@
+import { t as ColorWheelPicker } from "./color-wheel-picker-IIaCQplL.js";
+export { ColorWheelPicker as default };

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

@@ -0,0 +1,65 @@
+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 { R as Swatch } from "./components-Ct_agx0G.js";
+import { lt as IconComponent, s as Component } from "./card-api-Dzje0smT.js";
+import { t as string_default } from "./string-BHZZwNlZ.js";
+import { t as ColorPickerField } from "./color-picker-field-Bv4IjS-d.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/command-data-BMBtjT1E.js

@@ -0,0 +1,95 @@
+import "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { et as tracked } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import "./tracking-CNiq91Pk.js";
+import { n as resource } from "./dist-C2IXvIKX.js";
+//#region ../base/resources/command-data.ts
+var CommandExecutionState = class {
+	static {
+		decorateFieldV2(this.prototype, "status", [tracked], function() {
+			return "pending";
+		});
+	}
+	#status = (initializeDeferredDecorator(this, "status"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "cardResult", [tracked], function() {
+			return null;
+		});
+	}
+	#cardResult = (initializeDeferredDecorator(this, "cardResult"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "error", [tracked], function() {
+			return null;
+		});
+	}
+	#error = (initializeDeferredDecorator(this, "error"), void 0);
+	get isSuccess() {
+		return this.status === "success";
+	}
+	get isLoading() {
+		return this.status === "pending";
+	}
+	setLoading() {
+		this.status = "pending";
+		this.cardResult = null;
+		this.error = null;
+	}
+	setSuccess(result) {
+		this.status = "success";
+		this.cardResult = result;
+		this.error = null;
+	}
+	setError(error) {
+		this.status = "error";
+		this.cardResult = null;
+		this.error = error;
+	}
+};
+/**
+* Data loading abstraction for commands
+* @example
+* ```typescript
+* // call example no input
+* allRealmsInfoResource = commandData<typeof GetAllRealmMetasResult>(
+*   this,
+*   GetAllRealmMetasTool,
+* );
+* // call example with reactive arg
+* searchResource = commandData<
+*   typeof SearchCardsByTypeAndTitleInput,
+*   typeof SearchCardsResult
+* >(this, SearchCardsByTypeAndTitleTool, () => {
+*   return {
+*     title: this.args.model.cardTitleSearch,
+*   };
+* });
+* ```
+*/
+function commandData(parent, commandClass, executeArgs) {
+	return resource(parent, () => {
+		const state = new CommandExecutionState();
+		let toolContext = parent.args.context?.toolContext;
+		if (!toolContext) {
+			state.setError(/* @__PURE__ */ new Error("no context"));
+			return state;
+		}
+		const command = new commandClass(toolContext);
+		state.setLoading();
+		(executeArgs ? command.execute(executeArgs()) : command.execute()).then((result) => {
+			state.setSuccess(result);
+		}).catch((error) => {
+			state.setError(error);
+		});
+		return state;
+	});
+}
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["resources/command-data"] = {
+	"css": [],
+	"imports": []
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["resources/command-data"] = {
+	"CommandExecutionState": CommandExecutionState,
+	"commandData": commandData
+};
+//#endregion
+export { commandData as n, CommandExecutionState as t };

package/bundled-test-harness/assets/command-data-BXC5Z0oA.js

@@ -0,0 +1,2 @@
+import { n as commandData, t as CommandExecutionState } from "./command-data-BMBtjT1E.js";
+export { CommandExecutionState, commandData };