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

package/bundled-test-harness/assets/audio-file-def-DHnydP0t.js

@@ -0,0 +1,133 @@
+import "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Gt as byteStreamToUint8Array } from "./runtime-common-ClpqhbwG.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 { n as IconComponent, t as AudioPreview } from "./audio-preview-CnajWcaS.js";
+import { A as field, d as FileDef, h as NumberField, s as Component, w as contains } from "./card-api-Dzje0smT.js";
+import { a as markdownAudio } from "./markdown-helpers-DSIhwGYZ.js";
+import "./file-api-DPMJghBY.js";
+import { d as MediaTagsField, g as WaveformMetadataField, u as MediaEncodingField } from "./metadata-fields-WiOuUCDl.js";
+import { c as extractAudioWaveform, s as decodeSkipReason } from "./audio-waveform-BKuA9Ke0.js";
+//#region ../base/audio-file-def.gts
+var AudioDef = class extends FileDef {
+	static displayName = "Audio";
+	static icon = IconComponent;
+	static acceptTypes = "audio/*";
+	static fileFamily = "audio";
+	static {
+		decorateFieldV2(this.prototype, "duration", [field], function() {
+			return contains(NumberField);
+		});
+	}
+	#duration = (initializeDeferredDecorator(this, "duration"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "encoding", [field], function() {
+			return contains(MediaEncodingField);
+		});
+	}
+	#encoding = (initializeDeferredDecorator(this, "encoding"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "tags", [field], function() {
+			return contains(MediaTagsField);
+		});
+	}
+	#tags = (initializeDeferredDecorator(this, "tags"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "waveform", [field], function() {
+			return contains(WaveformMetadataField);
+		});
+	}
+	#waveform = (initializeDeferredDecorator(this, "waveform"), void 0);
+	static previewComponent = AudioPreview;
+	static markdown = class Markdown extends Component {
+		get text() {
+			let model = this.args.model;
+			if (!model) return "";
+			let url = model.url ?? model.sourceUrl ?? "";
+			let name = model.name ?? "";
+			if (!url && !name) return "";
+			return markdownAudio(name, url);
+		}
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "5qd2fQTa",
+				"block": "[[[1,[30,0,[\"text\"]]]],[],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/audio-file-def.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+};
+function kilo(value, unit) {
+	return value === void 0 ? void 0 : {
+		value,
+		unit
+	};
+}
+function audioAttributes(encoding, tags, waveform) {
+	let serializedEncoding;
+	if (encoding) {
+		let { sampleRateHz, bitrateBps, channelMode, ...rest } = encoding;
+		serializedEncoding = {
+			...rest,
+			...sampleRateHz === void 0 ? {} : { sampleRate: kilo(sampleRateHz, "Hz") },
+			...bitrateBps === void 0 ? {} : { bitrate: kilo(bitrateBps, "bps") },
+			...channelMode === void 0 ? {} : { channelMode: {
+				code: channelMode,
+				scheme: "channel-mode"
+			} }
+		};
+	}
+	let serializedTags;
+	if (tags) {
+		let { scheme, ...rest } = tags;
+		serializedTags = {
+			...rest,
+			...scheme === void 0 ? {} : { scheme: {
+				code: scheme,
+				scheme: "tag-scheme"
+			} }
+		};
+	}
+	return {
+		...serializedEncoding ? { encoding: serializedEncoding } : {},
+		...serializedTags ? { tags: serializedTags } : {},
+		...waveform ? { waveform } : {}
+	};
+}
+async function waveformFor(getStream, budget) {
+	let skip = decodeSkipReason(budget);
+	if (skip) return {
+		decodeStatus: "skipped",
+		decodeError: skip
+	};
+	try {
+		return await extractAudioWaveform(await byteStreamToUint8Array(await getStream()), { sampleRateHz: budget.sampleRateHz });
+	} catch (error) {
+		return {
+			decodeStatus: "failed",
+			decodeError: error instanceof Error ? error.message : `Could not read audio bytes: ${String(error)}`
+		};
+	}
+}
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["audio-file-def"] = {
+	"css": [],
+	"imports": [
+		"card-api",
+		"file-api",
+		"file-formats/metadata-fields",
+		"markdown-helpers",
+		"audio-waveform",
+		"file-formats/audio-preview"
+	]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["audio-file-def"] = {
+	"AudioDef": AudioDef,
+	"audioAttributes": audioAttributes,
+	"waveformFor": waveformFor
+};
+//#endregion
+export { AudioDef, AudioDef as default, audioAttributes, waveformFor };

package/bundled-test-harness/assets/auth-container-BP2gSoo4.css

@@ -0,0 +1,51 @@
+
+  .backdrop[data-scopedcss-0d77a076d1-679e3cd572] {
+    fill: var(--icon-bg-color, #00ffba);
+    fill-opacity: var(--icon-bg-opacity, 0);
+  }
+  .shape[data-scopedcss-0d77a076d1-679e3cd572] {
+    fill: var(--icon-color, #00ffba);
+  }
+
+  .auth[data-scopedcss-37f33160f4-5b977cb1ba] {
+    /* theme color variable updates */
+    --background: #272432;
+    --foreground: var(--boxel-light);
+    --muted-foreground: #7f7c8c;
+    /* local color vars */
+    --auth-background: #191624;
+    --auth-foreground: var(--boxel-light);
+
+    position: relative;
+    min-height: 100dvh;
+    background-color: var(--auth-background);
+    color: var(--auth-foreground);
+    overflow: auto;
+  }
+  .logo[data-scopedcss-37f33160f4-5b977cb1ba] {
+    position: absolute;
+    top: var(--boxel-sp-lg);
+    left: var(--boxel-sp-lg);
+    --icon-color: var(--boxel-highlight);
+    width: 2rem;
+    height: 2rem;
+  }
+  .logo[data-scopedcss-37f33160f4-5b977cb1ba] svg {
+    width: 100%;
+    height: 100%;
+  }
+  .container[data-scopedcss-37f33160f4-5b977cb1ba] {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    min-height: 100dvh;
+    padding: var(--boxel-sp-lg);
+  }
+  .content[data-scopedcss-37f33160f4-5b977cb1ba] {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    max-width: 25rem;
+    padding: var(--boxel-sp) 0 calc(var(--boxel-sp) * 2) 0;
+  }

package/bundled-test-harness/assets/auth-container-DN94iVfX.js

@@ -0,0 +1,24 @@
+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 { t as templateOnly } from "./template-only-6nVzLWF-.js";
+//#region ../secure-origin/src/components/icons/boxel-icon.gts
+var BoxelIcon = setComponentTemplate(templateFactory({
+	"id": "6Ab9q+aV",
+	"block": "[[[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"22\"],[24,\"height\",\"22\"],[24,\"viewBox\",\"0 0 22 22\"],[17,1],[24,\"data-scopedcss-0d77a076d1-679e3cd572\",\"\"],[12],[10,\"g\"],[14,\"data-name\",\"Group 16410\"],[14,\"data-scopedcss-0d77a076d1-679e3cd572\",\"\"],[12],[10,\"rect\"],[14,0,\"backdrop\"],[14,\"width\",\"22\"],[14,\"height\",\"22\"],[14,\"rx\",\"9\"],[14,\"data-scopedcss-0d77a076d1-679e3cd572\",\"\"],[12],[13],[10,\"path\"],[14,0,\"shape\"],[14,\"d\",\"M17 22H5a5.006 5.006 0 0 1-5-5V5a5.006 5.006 0 0 1 5-5h12a5.005 5.005 0 0 1 5 5v12a5.006 5.006 0 0 1-5 5M3.271 2.425a.907.907 0 0 0-.682 1.515 1 1 0 0 0 .047.052L5.85 7.18a1.68 1.68 0 0 1 .433 1.039v5.566a1.68 1.68 0 0 1-.433 1.039l-3.215 3.188a1 1 0 0 0-.049.057.923.923 0 0 0 .7 1.509.9.9 0 0 0 .673-.3l3.15-3.128a1.7 1.7 0 0 1 1.042-.429h5.7a1.7 1.7 0 0 1 1.042.429l3.187 3.16a1 1 0 0 0 .051.045.9.9 0 0 0 .58.213.924.924 0 0 0 .7-1.508l-.037-.041-.007-.007-.036-.037-3.179-3.152a1.68 1.68 0 0 1-.432-1.039V8.219a1.68 1.68 0 0 1 .433-1.039l3.118-3.092a.923.923 0 0 0-.559-1.645.9.9 0 0 0-.492.148.6.6 0 0 0-.139.1l-3.187 3.16a1.7 1.7 0 0 1-1.042.429h-5.7a1.7 1.7 0 0 1-1.042-.429L3.922 2.694l-.053-.047a.92.92 0 0 0-.598-.222\"],[14,\"data-name\",\"Subtraction 9\"],[14,\"transform\",\"translate(0 -.001)\"],[14,\"data-scopedcss-0d77a076d1-679e3cd572\",\"\"],[12],[13],[10,\"path\"],[14,0,\"shape\"],[14,\"d\",\"M1.117 0H4.97a1.117 1.117 0 0 1 1.117 1.117V4.97A1.117 1.117 0 0 1 4.97 6.087H1.117A1.117 1.117 0 0 1 0 4.97V1.117A1.117 1.117 0 0 1 1.117 0\"],[14,\"data-name\",\"Path 85929\"],[14,\"transform\",\"translate(7.968 8.018)\"],[14,\"data-scopedcss-0d77a076d1-679e3cd572\",\"\"],[12],[13],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/secure-origin/src/components/icons/boxel-icon.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region ../secure-origin/src/components/auth-container.gts
+var AuthContainer = setComponentTemplate(templateFactory({
+	"id": "9dBRnbZu",
+	"block": "[[[11,0],[24,0,\"auth\"],[24,\"data-theme\",\"dark\"],[24,\"data-test-secure-page\",\"\"],[17,1],[24,\"data-scopedcss-37f33160f4-5b977cb1ba\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,0,\"logo\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-37f33160f4-5b977cb1ba\",\"\"],[12],[1,\"\\n    \"],[8,[32,0],[[24,\"data-test-boxel-logo\",\"\"],[24,\"data-scopedcss-37f33160f4-5b977cb1ba\",\"\"]],null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,0],[14,0,\"container\"],[14,\"data-scopedcss-37f33160f4-5b977cb1ba\",\"\"],[12],[1,\"\\n    \"],[10,0],[14,0,\"content\"],[14,\"data-scopedcss-37f33160f4-5b977cb1ba\",\"\"],[12],[1,\"\\n      \"],[18,2,null],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"&attrs\",\"&default\"],[\"yield\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/secure-origin/src/components/auth-container.gts",
+	"scope": () => [BoxelIcon],
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+export { AuthContainer as t };

package/bundled-test-harness/assets/avif-meta-extractor-Bo5zRX1V.js

@@ -0,0 +1,162 @@
+import "./chunk-Rp0pCe6z.js";
+import { u as FileContentMismatchError } from "./card-api-Dzje0smT.js";
+import "./file-api-DPMJghBY.js";
+import { t as prunedColorProfile } from "./image-color-profile-G62QXPIp.js";
+//#region ../base/avif-meta-extractor.ts
+var FTYP_MARKER = new Uint8Array([
+	102,
+	116,
+	121,
+	112
+]);
+var AVIF_BRAND = new Uint8Array([
+	97,
+	118,
+	105,
+	102
+]);
+var AVIS_BRAND = new Uint8Array([
+	97,
+	118,
+	105,
+	115
+]);
+var LATIN1 = new TextDecoder("latin1");
+var MIN_BYTES = 12;
+function matchBytes(bytes, offset, pattern) {
+	if (offset + pattern.length > bytes.length) return false;
+	for (let i = 0; i < pattern.length; i++) if (bytes[offset + i] !== pattern[i]) return false;
+	return true;
+}
+function readBoxType(bytes, offset) {
+	return String.fromCharCode(bytes[offset], bytes[offset + 1], bytes[offset + 2], bytes[offset + 3]);
+}
+function findBox(view, bytes, start, end, targetType) {
+	let offset = start;
+	while (offset + 8 <= end) {
+		let size = view.getUint32(offset);
+		let boxEnd = size === 0 ? end : offset + size;
+		if (size !== 0 && size < 8) break;
+		if (boxEnd > end) break;
+		if (readBoxType(bytes, offset + 4) === targetType) return {
+			start: offset,
+			end: boxEnd
+		};
+		offset = boxEnd;
+	}
+}
+function findAllBoxes(view, bytes, start, end, targetType) {
+	let found = [];
+	let offset = start;
+	while (offset + 8 <= end) {
+		let size = view.getUint32(offset);
+		let boxEnd = size === 0 ? end : offset + size;
+		if (size !== 0 && size < 8 || boxEnd > end) break;
+		if (readBoxType(bytes, offset + 4) === targetType) found.push({
+			start: offset,
+			end: boxEnd
+		});
+		offset = boxEnd;
+	}
+	return found;
+}
+function validateAvifSignature(bytes) {
+	if (bytes.length < MIN_BYTES) throw new FileContentMismatchError("File is too small to be a valid AVIF image");
+	if (!matchBytes(bytes, 4, FTYP_MARKER)) throw new FileContentMismatchError("File does not have a valid AVIF signature");
+	let ftypSize = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength).getUint32(0);
+	if (ftypSize < MIN_BYTES || ftypSize > bytes.length) ftypSize = Math.min(bytes.length, 64);
+	let hasAvifBrand = false;
+	if (matchBytes(bytes, 8, AVIF_BRAND) || matchBytes(bytes, 8, AVIS_BRAND)) hasAvifBrand = true;
+	if (!hasAvifBrand) {
+		for (let offset = 16; offset + 4 <= ftypSize; offset += 4) if (matchBytes(bytes, offset, AVIF_BRAND) || matchBytes(bytes, offset, AVIS_BRAND)) {
+			hasAvifBrand = true;
+			break;
+		}
+	}
+	if (!hasAvifBrand) throw new FileContentMismatchError("File does not have a valid AVIF brand");
+}
+function extractAvifDimensions(bytes) {
+	validateAvifSignature(bytes);
+	let view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+	let meta = findBox(view, bytes, 0, bytes.length, "meta");
+	if (!meta) throw new FileContentMismatchError("AVIF file does not contain a meta box");
+	let iprp = findBox(view, bytes, meta.start + 12, meta.end, "iprp");
+	if (!iprp) throw new FileContentMismatchError("AVIF file does not contain an iprp box");
+	let ipco = findBox(view, bytes, iprp.start + 8, iprp.end, "ipco");
+	if (!ipco) throw new FileContentMismatchError("AVIF file does not contain an ipco box");
+	let ispe = findBox(view, bytes, ipco.start + 8, ipco.end, "ispe");
+	if (!ispe) throw new FileContentMismatchError("AVIF file does not contain image dimensions (ispe box not found)");
+	if (ispe.end - ispe.start < 20) throw new FileContentMismatchError("AVIF ispe box is truncated");
+	let width = view.getUint32(ispe.start + 12);
+	let height = view.getUint32(ispe.start + 16);
+	if (width === 0 || height === 0) throw new FileContentMismatchError("AVIF ispe box contains zero dimensions");
+	return {
+		width,
+		height
+	};
+}
+var ALPHA_AUX_TYPE = "urn:mpeg:mpegB:cicp:systems:auxiliary:alpha";
+var CICP_PRIMARIES = {
+	1: "srgb",
+	9: "rec2020",
+	11: "display-p3",
+	12: "display-p3"
+};
+function extractAvifColorProfile(bytes) {
+	let view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+	let meta = findBox(view, bytes, 0, bytes.length, "meta");
+	if (!meta) return;
+	let iprp = findBox(view, bytes, meta.start + 12, meta.end, "iprp");
+	let ipco = iprp ? findBox(view, bytes, iprp.start + 8, iprp.end, "ipco") : void 0;
+	if (!ipco) return;
+	let properties = ipco.start + 8;
+	let bitDepth;
+	let channels;
+	let pixi = findBox(view, bytes, properties, ipco.end, "pixi");
+	if (pixi && pixi.end - pixi.start >= 14) {
+		let channelCount = view.getUint8(pixi.start + 12);
+		if (channelCount > 0 && pixi.start + 13 + channelCount <= pixi.end && pixi.start + 13 + channelCount <= bytes.length) {
+			channels = channelCount;
+			bitDepth = view.getUint8(pixi.start + 13);
+		}
+	}
+	let colorSpace;
+	let iccProfile;
+	for (let colr of findAllBoxes(view, bytes, properties, ipco.end, "colr")) {
+		if (colr.end - colr.start < 12) continue;
+		let colourType = readBoxType(bytes, colr.start + 8);
+		if (colourType === "nclx" && colr.end - colr.start >= 14) colorSpace ??= CICP_PRIMARIES[view.getUint16(colr.start + 12)];
+		else if (colourType === "rICC" || colourType === "prof") iccProfile ??= "embedded";
+	}
+	let hasAlpha = findAllBoxes(view, bytes, properties, ipco.end, "auxC").some((auxC) => {
+		let start = auxC.start + 12;
+		if (start >= auxC.end) return false;
+		return LATIN1.decode(bytes.subarray(start, Math.min(auxC.end, bytes.length))).startsWith(ALPHA_AUX_TYPE);
+	});
+	return prunedColorProfile({
+		colorSpace: colorSpace ?? (channels === 1 ? "grayscale" : void 0),
+		bitDepth,
+		channels,
+		hasAlpha: hasAlpha ? true : void 0,
+		iccProfile
+	});
+}
+function extractAvifAnimated(bytes) {
+	if (bytes.length < MIN_BYTES || !matchBytes(bytes, 4, FTYP_MARKER)) return;
+	let ftypSize = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength).getUint32(0);
+	if (ftypSize < MIN_BYTES || ftypSize > bytes.length) return;
+	if (matchBytes(bytes, 8, AVIS_BRAND)) return true;
+	for (let offset = 16; offset + 4 <= ftypSize; offset += 4) if (matchBytes(bytes, offset, AVIS_BRAND)) return true;
+	return false;
+}
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["avif-meta-extractor"] = {
+	"css": [],
+	"imports": ["file-api", "image-color-profile"]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["avif-meta-extractor"] = {
+	"extractAvifAnimated": extractAvifAnimated,
+	"extractAvifColorProfile": extractAvifColorProfile,
+	"extractAvifDimensions": extractAvifDimensions
+};
+//#endregion
+export { extractAvifAnimated, extractAvifColorProfile, extractAvifDimensions };

package/bundled-test-harness/assets/base64-image-B0RYxzHT.js

@@ -0,0 +1,2 @@
+import { n as ImageSizeField, t as Base64ImageField } from "./base64-image-Bxjqdwew.js";
+export { ImageSizeField, Base64ImageField as default };

package/bundled-test-harness/assets/base64-image-Bxjqdwew.js

@@ -0,0 +1,262 @@
+import "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import "./runtime-common-ClpqhbwG.js";
+import { G as primitive, M as fieldSerializer } from "./constants-CqKWhRfY.js";
+import { et as tracked, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, S as on, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./tracking-CNiq91Pk.js";
+import { i as fn, o as hash } from "./helper-m6jA5HmU.js";
+import "./modifier-D0EP-FQ7.js";
+import "./component-BJO47HTh.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { D as markdownEscape, f as not } from "./helpers-BN6ReMzK.js";
+import { A as FieldContainer, o as RadioInput, z as BoxelInput } from "./components-Ct_agx0G.js";
+import { V as IconComponent$1 } from "./icons-B3SAtRoj.js";
+import "./template-C81fYDrq.js";
+import { A as field, l as FieldDef, nt as useIndexBasedKey, s as Component, w as contains } from "./card-api-Dzje0smT.js";
+import { t as string_default } from "./string-BHZZwNlZ.js";
+import { t as NumberField } from "./number-DZa-fHpu.js";
+//#region ../boxel-icons/dist/@cardstack/boxel-icons/v1/icons/photo.js
+var IconComponent = setComponentTemplate(templateFactory({
+	"id": "oZAIHHU6",
+	"block": "[[[1,\"\\n  \"],[11,\"svg\"],[24,\"xmlns\",\"http://www.w3.org/2000/svg\",\"http://www.w3.org/2000/xmlns/\"],[24,\"width\",\"24\"],[24,\"height\",\"24\"],[24,\"fill\",\"none\"],[24,\"stroke\",\"currentColor\"],[24,\"stroke-linecap\",\"round\"],[24,\"stroke-linejoin\",\"round\"],[24,\"stroke-width\",\"2\"],[24,0,\"icon icon-tabler icons-tabler-outline icon-tabler-photo\"],[24,\"viewBox\",\"0 0 24 24\"],[17,1],[12],[10,\"path\"],[14,\"stroke\",\"none\"],[14,\"d\",\"M0 0h24v24H0z\"],[12],[13],[10,\"path\"],[14,\"d\",\"M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z\"],[12],[13],[10,\"path\"],[14,\"d\",\"m3 16 5-5c.928-.893 2.072-.893 3 0l5 5\"],[12],[13],[10,\"path\"],[14,\"d\",\"m14 14 1-1c.928-.893 2.072-.893 3 0l3 3\"],[12],[13],[13],[1,\"\\n\"]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/boxel-icons/src/icons/photo.gts",
+	"isStrictMode": true
+}), templateOnly());
+IconComponent.name = "photo";
+//#endregion
+//#region ../base/base64-image.gts
+var atomImgHeight = 200;
+var Edit = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "error", [tracked]);
+	}
+	#error = (initializeDeferredDecorator(this, "error"), void 0);
+	get base64InputState() {
+		return this.error ? "invalid" : "initial";
+	}
+	fileChanged = (event) => {
+		this.error = void 0;
+		let [file] = event.target.files ?? [];
+		if (!file) return;
+		let reader = new FileReader();
+		reader.readAsDataURL(file);
+		reader.onload = () => {
+			this.args.model.base64 = reader.result;
+		};
+		reader.onerror = (error) => {
+			this.error = String(error);
+		};
+	};
+	get usesActualSize() {
+		return this.args.model.size === "actual" || this.args.model.size == null;
+	}
+	get backgroundMaskStyle() {
+		let css = [];
+		if (this.args.model.height) css.push(`height: ${this.args.model.height}px;`);
+		if (this.args.model.width) css.push(`width: ${this.args.model.width}px`);
+		return htmlSafe(css.join(" "));
+	}
+	get needsHeight() {
+		return (this.args.model.size === "contain" || this.args.model.size === "cover") && !this.args.model.height;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "/ZBrdcjL",
+			"block": "[[[10,0],[14,0,\"base64-edit\"],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-field\",\"base64\"],[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],[[\"@label\"],[\"Image\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"image-field\"],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n\"],[41,[30,1,[\"base64\"]],[[[1,\"        \"],[10,0],[14,0,\"preview-wrapper\"],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"needsHeight\"]],[[[1,\"            \"],[10,0],[14,\"data-test-height-warning\",\"\"],[14,0,\"height-warning\"],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n              \"],[8,[32,1],[[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],null,null],[1,\"\\n              \"],[10,1],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n                Can't render current image. Please provide a height when\\n                using the \\\"contain\\\" or \\\"cover\\\" size.\\n              \"],[13],[1,\"\\n            \"],[13],[1,\"\\n\"]],[]],[[[41,[30,0,[\"usesActualSize\"]],[[[1,\"            \"],[10,\"img\"],[14,\"data-test-actual-img\",\"\"],[15,\"src\",[28,[32,2],[[30,1,[\"base64\"]]],null]],[15,\"height\",[30,1,[\"height\"]]],[15,\"width\",[30,1,[\"width\"]]],[15,\"alt\",[30,1,[\"altText\"]]],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[13],[1,\"\\n\"]],[]],[[[1,\"            \"],[10,0],[14,0,\"checkerboard-preview-background\"],[15,5,[30,0,[\"backgroundMaskStyle\"]]],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n              \"],[10,0],[14,\"data-test-contain-cover-img\",\"\"],[14,\"role\",\"img\"],[15,\"aria-label\",[30,1,[\"altText\"]]],[14,0,\"preview\"],[15,5,[28,[32,3],[[28,[32,4],null,[[\"base64\",\"size\",\"height\",\"width\"],[[30,1,[\"base64\"]],[30,1,[\"size\"]],[30,1,[\"height\"]],[30,1,[\"width\"]]]]]],null]],[14,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[12],[1,\"\\n              \"],[13],[1,\"\\n            \"],[13],[1,\"\\n          \"]],[]]]],[]]],[1,\"        \"],[13],[1,\"\\n\"]],[]],null],[1,\"      \"],[8,[32,5],[[24,\"data-test-base64-field\",\"\"],[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"],[24,4,\"file\"],[4,[32,7],[\"change\",[30,0,[\"fileChanged\"]]],null]],[[\"@errorMessage\",\"@state\",\"@disabled\"],[[30,0,[\"error\"]],[30,0,[\"base64InputState\"]],[28,[32,6],[[30,2]],null]]],null],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-field\",\"altText\"],[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],[[\"@label\"],[\"Alt Text\"]],[[\"default\"],[[[[1,\"\\n    \"],[8,[30,3,[\"altText\"]],[[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],null,null],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-field\",\"size\"],[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],[[\"@label\"],[\"Size\"]],[[\"default\"],[[[[1,\"\\n    \"],[8,[30,3,[\"size\"]],[[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],null,null],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-field\",\"height\"],[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],[[\"@label\"],[\"Height (px)\"]],[[\"default\"],[[[[1,\"\\n    \"],[8,[30,3,[\"height\"]],[[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],null,null],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,0],[[24,\"data-test-field\",\"width\"],[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],[[\"@label\"],[\"Width (px)\"]],[[\"default\"],[[[[1,\"\\n    \"],[8,[30,3,[\"width\"]],[[24,\"data-scopedcss-e8c87a759e-e6dd9afd32\",\"\"]],null,null],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[13],[1,\"\\n\\n\"]],[\"@model\",\"@canEdit\",\"@fields\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+			"scope": () => [
+				FieldContainer,
+				IconComponent$1,
+				sanitizeBase64,
+				cssForBase64,
+				hash,
+				BoxelInput,
+				not,
+				on
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var groupNumber = 0;
+var ImageSizeField = class extends FieldDef {
+	static displayName = "Image Size";
+	static [primitive];
+	static [fieldSerializer] = "image-size";
+	static [useIndexBasedKey];
+	static embedded = class Embedded extends Component {
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "PbEmYKNu",
+				"block": "[[[1,[30,1]]],[\"@model\"],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+	static edit = class Edit extends Component {
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "zZNHboTP",
+				"block": "[[[10,0],[14,0,\"radio-group\"],[15,\"data-test-radio-group\",[30,1]],[14,\"data-scopedcss-e8c87a759e-d41d8cd98f\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[16,3,[29,[[30,0,[\"radioGroup\"]]]]],[24,\"data-scopedcss-e8c87a759e-d41d8cd98f\",\"\"]],[[\"@items\",\"@groupDescription\",\"@checkedId\",\"@hideBorder\",\"@disabled\"],[[30,0,[\"items\"]],\"Image Size Field\",[30,0,[\"checkedId\"]],true,[28,[32,1],[[30,2]],null]]],[[\"default\"],[[[[1,\"\\n    \"],[8,[30,3,[\"component\"]],[[24,\"data-scopedcss-e8c87a759e-d41d8cd98f\",\"\"]],[[\"@onChange\"],[[28,[32,2],[[30,4],[30,3,[\"data\",\"id\"]]],null]]],[[\"default\"],[[[[1,\"\\n      \"],[1,[30,3,[\"data\",\"text\"]]],[1,\"\\n    \"]],[]]]]],[1,\"\\n  \"]],[3]]]]],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@fieldName\",\"@canEdit\",\"item\",\"@set\"],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+				"scope": () => [
+					RadioInput,
+					not,
+					fn
+				],
+				"isStrictMode": true
+			}), this);
+		}
+		radioGroup = `__cardstack_img_size${groupNumber++}__`;
+		items = [
+			{
+				id: "actual",
+				text: "Actual"
+			},
+			{
+				id: "contain",
+				text: "Contain"
+			},
+			{
+				id: "cover",
+				text: "Cover"
+			}
+		];
+		get checkedId() {
+			return this.args.model;
+		}
+	};
+	static atom = class Atom extends Component {
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "PbEmYKNu",
+				"block": "[[[1,[30,1]]],[\"@model\"],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+};
+function getConstrainedImageSize(maxHeight) {
+	return class ConstrainedSize extends Component {
+		get height() {
+			return Math.min(maxHeight, this.args.model.height || 0) || maxHeight;
+		}
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "SuCqelb6",
+				"block": "[[[41,[30,1,[\"base64\"]],[[[1,\"  \"],[10,0],[14,\"data-test-contain-cover-img\",\"\"],[14,\"role\",\"img\"],[15,\"aria-label\",[30,1,[\"altText\"]]],[14,0,\"preview\"],[15,5,[28,[32,0],[[28,[32,1],null,[[\"base64\",\"size\",\"height\"],[[30,1,[\"base64\"]],\"contain\",[30,0,[\"height\"]]]]]],null]],[14,\"data-scopedcss-e8c87a759e-0ab06c6092\",\"\"],[12],[1,\"\\n  \"],[13],[1,\"\\n\"]],[]],null]],[\"@model\"],[\"if\"]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+				"scope": () => [cssForBase64, hash],
+				"isStrictMode": true
+			}), this);
+		}
+	};
+}
+var Base64ImageField = class Base64ImageField extends FieldDef {
+	static displayName = "Base64 Image Card";
+	static icon = IconComponent;
+	static {
+		decorateFieldV2(this.prototype, "altText", [field], function() {
+			return contains(string_default);
+		});
+	}
+	#altText = (initializeDeferredDecorator(this, "altText"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "size", [field], function() {
+			return contains(ImageSizeField);
+		});
+	}
+	#size = (initializeDeferredDecorator(this, "size"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "height", [field], function() {
+			return contains(NumberField);
+		});
+	}
+	#height = (initializeDeferredDecorator(this, "height"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "width", [field], function() {
+			return contains(NumberField);
+		});
+	}
+	#width = (initializeDeferredDecorator(this, "width"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "base64", [field], function() {
+			return contains(string_default);
+		});
+	}
+	#base64 = (initializeDeferredDecorator(this, "base64"), void 0);
+	static edit = Edit;
+	static atom = getConstrainedImageSize(atomImgHeight);
+	static isolated = class Isolated extends Component {
+		get usesActualSize() {
+			return this.args.model.size === "actual" || this.args.model.size == null;
+		}
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "AbdNm/Vz",
+				"block": "[[[41,[30,1,[\"base64\"]],[[[41,[30,0,[\"usesActualSize\"]],[[[1,\"    \"],[10,\"img\"],[14,\"data-test-actual-img\",\"\"],[15,\"src\",[28,[32,0],[[30,1,[\"base64\"]]],null]],[15,\"height\",[30,1,[\"height\"]]],[15,\"width\",[30,1,[\"width\"]]],[15,\"alt\",[30,1,[\"altText\"]]],[14,\"data-scopedcss-e8c87a759e-0ab06c6092\",\"\"],[12],[13],[1,\"\\n\"]],[]],[[[1,\"    \"],[10,0],[14,\"data-test-contain-cover-img\",\"\"],[14,\"role\",\"img\"],[15,\"aria-label\",[30,1,[\"altText\"]]],[14,0,\"preview\"],[15,5,[28,[32,1],[[28,[32,2],null,[[\"base64\",\"size\",\"height\",\"width\"],[[30,1,[\"base64\"]],[30,1,[\"size\"]],[30,1,[\"height\"]],[30,1,[\"width\"]]]]]],null]],[14,\"data-scopedcss-e8c87a759e-0ab06c6092\",\"\"],[12],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]]]],[]],null]],[\"@model\"],[\"if\"]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+				"scope": () => [
+					sanitizeBase64,
+					cssForBase64,
+					hash
+				],
+				"isStrictMode": true
+			}), this);
+		}
+	};
+	static embedded = Base64ImageField.isolated;
+	static markdown = class Markdown extends Component {
+		get text() {
+			if (!this.args.model?.base64) return "";
+			let alt = this.args.model?.altText;
+			if (alt) return `[binary image: ${markdownEscape(alt)}]`;
+			return "[binary image]";
+		}
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "wmTD+N6c",
+				"block": "[[[1,[30,0,[\"text\"]]]],[],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/base64-image.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+};
+function sanitizeBase64(base64) {
+	let encodedURL = base64.replace(/"/g, "%22");
+	if (/^([^:]+):/.exec(encodedURL)?.[1].toLowerCase() !== "data") throw new Error(`disallowed protocol in css url: ${base64}`);
+	return encodedURL;
+}
+function cssForBase64({ base64, size, height, width }) {
+	if (!base64) return;
+	let css = [];
+	base64 = sanitizeBase64(base64);
+	css.push(`background-image: url("${base64}");`);
+	if (size && ["contain", "cover"].includes(size)) css.push(`background-size: ${size};`);
+	if (height) css.push(`height: ${height}px;`);
+	if (width) css.push(`width: ${width}px`);
+	return htmlSafe(css.join(" "));
+}
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["base64-image"] = {
+	"css": [
+		"./base64-image.gts.CiAgLmJhc2U2NC1lZGl0W2RhdGEtc2NvcGVkY3NzLWU4Yzg3YTc1OWUtZTZkZDlhZmQzMl0gewogICAgZGlzcGxheTogZ3JpZDsKICAgIGdhcDogdmFyKC0tYm94ZWwtc3AtbGcpOwogIH0KICAucHJldmlldy13cmFwcGVyW2RhdGEtc2NvcGVkY3NzLWU4Yzg3YTc1OWUtZTZkZDlhZmQzMl0gewogICAgZGlzcGxheTogZmxleDsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIHdpZHRoOiAxMDAlOwogICAgbWFyZ2luLWJvdHRvbTogdmFyKC0tYm94ZWwtc3ApOwogIH0KICAucHJldmlld1tkYXRhLXNjb3BlZGNzcy1lOGM4N2E3NTllLWU2ZGQ5YWZkMzJdIHsKICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJveGVsLWZvcm0tY29udHJvbC1ib3JkZXItcmFkaXVzKTsKICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7CiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7CiAgfQogIC5jaGVja2VyYm9hcmQtcHJldmlldy1iYWNrZ3JvdW5kW2RhdGEtc2NvcGVkY3NzLWU4Yzg3YTc1OWUtZTZkZDlhZmQzMl0gewogICAgd2lkdGg6IDEwMCU7CiAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1ib3hlbC1mb3JtLWNvbnRyb2wtYm9yZGVyLWNvbG9yKTsKICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJveGVsLWZvcm0tY29udHJvbC1ib3JkZXItcmFkaXVzKTsKICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogICAgYmFja2dyb3VuZC1zaXplOiAyNHB4IDI0cHg7CiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOgogICAgICAxMnB4IDEycHgsCiAgICAgIC0xMnB4IDAsCiAgICAgIDAgMCwKICAgICAgMCAxMnB4OwogICAgYmFja2dyb3VuZC1pbWFnZToKICAgICAgbGluZWFyLWdyYWRpZW50KDQ1ZGVnLCB2YXIoLS1ib3hlbC0zMDApIDI1JSwgdHJhbnNwYXJlbnQgMjUlKSwKICAgICAgbGluZWFyLWdyYWRpZW50KC00NWRlZywgdmFyKC0tYm94ZWwtMzAwKSAyNSUsIHRyYW5zcGFyZW50IDI1JSksCiAgICAgIGxpbmVhci1ncmFkaWVudCg0NWRlZywgdHJhbnNwYXJlbnQgNzUlLCB2YXIoLS1ib3hlbC0zMDApIDc1JSksCiAgICAgIGxpbmVhci1ncmFkaWVudCgtNDVkZWcsIHRyYW5zcGFyZW50IDc1JSwgdmFyKC0tYm94ZWwtMzAwKSA3NSUpOwogIH0KICAuaGVpZ2h0LXdhcm5pbmdbZGF0YS1zY29wZWRjc3MtZThjODdhNzU5ZS1lNmRkOWFmZDMyXSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGNvbG9yOiB2YXIoLS1ib3hlbC1lcnJvci0yMDApOwogICAgZm9udDogNTAwIHZhcigtLWJveGVsLWZvbnQtc20pOwogICAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLWJveGVsLWxzcCk7CiAgfQogIC5oZWlnaHQtd2FybmluZyBzdmdbZGF0YS1zY29wZWRjc3MtZThjODdhNzU5ZS1lNmRkOWFmZDMyXSB7CiAgICBtaW4td2lkdGg6IDIwcHg7CiAgfQogIC5oZWlnaHQtd2FybmluZyBzcGFuW2RhdGEtc2NvcGVkY3NzLWU4Yzg3YTc1OWUtZTZkZDlhZmQzMl0gewogICAgbWFyZ2luLWxlZnQ6IHZhcigtLWJveGVsLXNwLXh4cyk7CiAgfQo%3D.glimmer-scoped.css",
+		"./base64-image.gts..glimmer-scoped.css",
+		"./base64-image.gts.CiAgLnByZXZpZXdbZGF0YS1zY29wZWRjc3MtZThjODdhNzU5ZS0wYWIwNmM2MDkyXSB7CiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0OwogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyOwogIH0K.glimmer-scoped.css"
+	],
+	"imports": [
+		"string",
+		"number",
+		"card-api"
+	]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["base64-image"] = {
+	"ImageSizeField": ImageSizeField,
+	"default": Base64ImageField
+};
+//#endregion
+export { ImageSizeField as n, Base64ImageField as t };