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

package/bundled-test-harness/assets/brand-logo-DDiOec0t.js

@@ -0,0 +1,295 @@
+import "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { jo as identifyCard, o as chooseFile } from "./runtime-common-ClpqhbwG.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, S as on } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./modifier-D0EP-FQ7.js";
+import "./component-BJO47HTh.js";
+import "./template-factory-ds9s0u8l.js";
+import { D as markdownEscape, F as entriesToCssRuleMap, P as buildCssVariableName, f as not } from "./helpers-BN6ReMzK.js";
+import { A as FieldContainer, O as GridContainer, ft as IconButton, it as IconComponent, pt as ButtonComponent, z as BoxelInput } from "./components-Ct_agx0G.js";
+import { c as getFieldDescription, u as getFields } from "./field-support-DdQ7XgyM.js";
+import { A as field, _ as StringField, f as ImageDef, l as FieldDef, s as Component, w as contains } from "./card-api-Dzje0smT.js";
+import { u as markdownLink } from "./markdown-helpers-DSIhwGYZ.js";
+import { n as UrlField, r as isValidUrl } from "./url-mFskVPSX.js";
+//#region ../base/brand-logo.gts
+var Embedded = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "15g0nqCH",
+			"block": "[[[8,[32,0],[[24,0,\"mark-usage-embedded\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Clearance Area\",true]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n      \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"Scales in proportion to size of logo used\"],[13],[1,\"\\n      \"],[10,0],[14,0,\"preview-grid border-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[8,[30,1,[\"primaryMark1\"]],[[24,0,\"primary-mark clearance-annotation-border\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n        \"],[10,0],[14,0,\"preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[8,[30,1,[\"secondaryMark1\"]],[[24,0,\"secondary-mark clearance-annotation-border\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[1,\"  \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Minimum Size\",true]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n      \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"For screen use\"],[13],[1,\"\\n      \"],[10,0],[14,0,\"preview-flex-container border-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[10,1],[14,0,\"annotation\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[8,[30,1,[\"primaryMarkMinHeight\"]],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[13],[1,\"\\n          \"],[8,[30,1,[\"primaryMark1\"]],[[24,0,\"primary-mark height-annotation-border\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n        \"],[10,0],[14,0,\"preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[10,1],[14,0,\"annotation\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n            \"],[8,[30,1,[\"secondaryMarkMinHeight\"]],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n          \"],[13],[1,\"\\n          \"],[8,[30,1,[\"secondaryMark1\"]],[[24,0,\"secondary-mark height-annotation-border\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[1,\"  \"],[8,[32,0],[[24,0,\"preview-grid\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,[[\"default\"],[[[[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Primary Mark 1\",true]],[[\"default\"],[[[[1,\"\\n      \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[44,[[28,[32,2],[[30,2],\"primaryMark1\"],null]],[[[1,\"          \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,[30,3]],[13],[1,\"\\n\"]],[3]]],[1,\"        \"],[10,0],[14,0,\"preview-container border-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[8,[30,1,[\"primaryMark1\"]],[[24,0,\"primary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Primary Mark 2\",true]],[[\"default\"],[[[[1,\"\\n      \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[44,[[28,[32,2],[[30,2],\"primaryMark2\"],null]],[[[1,\"          \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,[30,4]],[13],[1,\"\\n\"]],[4]]],[1,\"        \"],[10,0],[14,0,\"preview-container border-container dark-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[8,[30,1,[\"primaryMark2\"]],[[24,0,\"primary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[1,\"  \"],[8,[32,0],[[24,0,\"preview-grid\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,[[\"default\"],[[[[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Secondary Mark 1\",true]],[[\"default\"],[[[[1,\"\\n      \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[44,[[28,[32,2],[[30,2],\"secondaryMark1\"],null]],[[[1,\"          \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,[30,5]],[13],[1,\"\\n\"]],[5]]],[1,\"        \"],[10,0],[14,0,\"preview-container border-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[8,[30,1,[\"secondaryMark1\"]],[[24,0,\"secondary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Secondary Mark 2\",true]],[[\"default\"],[[[[1,\"\\n      \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[44,[[28,[32,2],[[30,2],\"secondaryMark2\"],null]],[[[1,\"          \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,[30,6]],[13],[1,\"\\n\"]],[6]]],[1,\"        \"],[10,0],[14,0,\"preview-container border-container dark-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[8,[30,1,[\"secondaryMark2\"]],[[24,0,\"secondary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"]],[]]]]],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[1,\"  \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Greyscale versions\",true]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n      \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"When full color option is not available, for display on light &\\n        dark backgrounds\"],[13],[1,\"\\n      \"],[10,0],[14,0,\"preview-grid border-container border-group\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"preview-container greyscale-group\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[41,[30,2,[\"primaryMarkGreyscale1\"]],[[[1,\"            \"],[8,[30,1,[\"primaryMarkGreyscale1\"]],[[24,0,\"primary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[1,\"            \"],[8,[30,1,[\"primaryMark1\"]],[[24,0,\"primary-mark grayscale\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n\"]],[]]],[41,[30,2,[\"secondaryMarkGreyscale1\"]],[[[1,\"            \"],[8,[30,1,[\"secondaryMarkGreyscale1\"]],[[24,0,\"secondary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[41,[30,2,[\"secondaryMark1\"]],[[[1,\"            \"],[8,[30,1,[\"secondaryMark1\"]],[[24,0,\"secondary-mark grayscale\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n          \"]],[]],null]],[]]],[1,\"        \"],[13],[1,\"\\n        \"],[10,0],[14,0,\"preview-container greyscale-group dark-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[41,[30,2,[\"primaryMarkGreyscale2\"]],[[[1,\"            \"],[8,[30,1,[\"primaryMarkGreyscale2\"]],[[24,0,\"primary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[1,\"            \"],[8,[30,1,[\"primaryMark2\"]],[[24,0,\"primary-mark grayscale\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n\"]],[]]],[41,[30,2,[\"secondaryMarkGreyscale2\"]],[[[1,\"            \"],[8,[30,1,[\"secondaryMarkGreyscale2\"]],[[24,0,\"secondary-mark\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[41,[30,2,[\"secondaryMark2\"]],[[[1,\"            \"],[8,[30,1,[\"secondaryMark2\"]],[[24,0,\"secondary-mark grayscale\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n          \"]],[]],null]],[]]],[1,\"        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[1,\"  \"],[8,[32,1],[[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],[[\"@label\",\"@vertical\"],[\"Social media/profile icon\",true]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"preview-field\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n\"],[44,[[28,[32,2],[[30,2],\"socialMediaProfileIcon\"],null]],[[[1,\"        \"],[10,2],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,[30,7]],[13],[1,\"\\n\"]],[7]]],[1,\"      \"],[10,0],[14,0,\"preview-grid border-container border-group\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[10,0],[14,0,\"icon-preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n            \"],[8,[30,1,[\"socialMediaProfileIcon\"]],[[24,0,\"profile-icon\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n          \"],[13],[1,\"\\n        \"],[13],[1,\"\\n        \"],[10,0],[14,0,\"preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n          \"],[10,0],[14,0,\"icon-preview-container\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"\\n            \"],[8,[30,1,[\"socialMediaProfileIcon\"]],[[24,0,\"profile-icon\"],[24,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"]],null,null],[1,\"\\n          \"],[13],[1,\"\\n          \"],[10,1],[14,0,\"media-handle\"],[14,\"data-scopedcss-6ac7ea8db7-a563c45123\",\"\"],[12],[1,\"@username\"],[13],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[]]]]],[1,\"\\n\\n\"]],[\"@fields\",\"@model\",\"description\",\"description\",\"description\",\"description\",\"description\"],[\"let\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/brand-logo.gts",
+			"scope": () => [
+				GridContainer,
+				FieldContainer,
+				getFieldDescription
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var MarkFieldEdit = class extends Component {
+	get validationState() {
+		if (!this.args.model) return;
+		return isValidUrl(this.args.model) ? "valid" : "invalid";
+	}
+	uploadImage = async () => {
+		let imageRef = identifyCard(ImageDef);
+		let file = await chooseFile(imageRef ? {
+			fileType: imageRef,
+			fileTypeName: "Image"
+		} : void 0);
+		if (file?.url) this.args.set(file.url);
+	};
+	clearImage = () => {
+		this.args.set(null);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "EcpX0yJn",
+			"block": "[[[10,0],[14,0,\"mark-field-edit\"],[14,\"data-scopedcss-6ac7ea8db7-7f4ec856c0\",\"\"],[12],[1,\"\\n  \"],[10,0],[14,0,\"mark-field-inputs\"],[14,\"data-scopedcss-6ac7ea8db7-7f4ec856c0\",\"\"],[12],[1,\"\\n    \"],[8,[32,0],[[16,2,[30,1]],[24,\"data-test-mark-url-input\",\"\"],[24,\"data-scopedcss-6ac7ea8db7-7f4ec856c0\",\"\"],[24,4,\"url\"]],[[\"@onInput\",\"@disabled\",\"@state\"],[[30,2],[28,[32,1],[[30,3]],null],[30,0,[\"validationState\"]]]],null],[1,\"\\n\"],[41,[30,1],[[[41,[30,3],[[[1,\"        \"],[8,[32,2],[[24,0,\"mark-field-clear\"],[24,\"aria-label\",\"Clear image\"],[24,\"data-test-mark-clear\",\"\"],[24,\"data-scopedcss-6ac7ea8db7-7f4ec856c0\",\"\"],[4,[32,4],[\"click\",[30,0,[\"clearImage\"]]],null]],[[\"@icon\",\"@width\",\"@height\"],[[32,3],\"16px\",\"16px\"]],null],[1,\"\\n\"]],[]],null]],[]],null],[1,\"  \"],[13],[1,\"\\n\"],[41,[51,[30,1]],[[[41,[30,3],[[[1,\"      \"],[10,1],[14,0,\"mark-field-or\"],[14,\"data-scopedcss-6ac7ea8db7-7f4ec856c0\",\"\"],[12],[1,\"or\"],[13],[1,\"\\n      \"],[8,[32,5],[[24,\"data-test-mark-select-image\",\"\"],[24,\"data-scopedcss-6ac7ea8db7-7f4ec856c0\",\"\"],[4,[32,4],[\"click\",[30,0,[\"uploadImage\"]]],null]],[[\"@kind\",\"@size\"],[\"secondary\",\"extra-small\"]],[[\"default\"],[[[[1,\"\\n        Select Image\\n      \"]],[]]]]],[1,\"\\n\"]],[]],null]],[]],null],[13],[1,\"\\n\"]],[\"@model\",\"@set\",\"@canEdit\"],[\"if\",\"unless\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/brand-logo.gts",
+			"scope": () => [
+				BoxelInput,
+				not,
+				IconButton,
+				IconComponent,
+				on,
+				ButtonComponent
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var MarkField = class extends UrlField {
+	static displayName = "Mark URL";
+	static edit = MarkFieldEdit;
+	static embedded = class Embedded extends Component {
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "hs5cY/bd",
+				"block": "[[[11,\"img\"],[24,0,\"mark-image\"],[16,\"src\",[30,1]],[17,2],[24,\"data-scopedcss-6ac7ea8db7-42b7778641\",\"\"],[12],[13],[1,\"\\n\"]],[\"@model\",\"&attrs\"],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/brand-logo.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+	static markdown = class Markdown extends Component {
+		get text() {
+			let url = this.args.model;
+			if (!url) return "";
+			let encoded;
+			try {
+				encoded = encodeURI(url);
+			} catch {
+				encoded = url;
+			}
+			encoded = encoded.replace(/\(/g, "%28").replace(/\)/g, "%29");
+			return `![](${encoded})`;
+		}
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "CglZD/2G",
+				"block": "[[[1,[30,0,[\"text\"]]]],[],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/brand-logo.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+};
+var BrandLogoEdit = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "7gm2MUSB",
+			"block": "[[[10,0],[14,0,\"brand-logo-edit\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n\\n  \"],[10,\"section\"],[14,0,\"brand-logo-edit-section\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n    \"],[10,\"h4\"],[14,0,\"brand-logo-edit-heading\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"Primary Mark\"],[13],[1,\"\\n    \"],[10,0],[14,0,\"brand-logo-edit-row brand-logo-edit-row--2col\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"primaryMarkMinHeight\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Min Height\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"primaryMarkMinHeight\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"primaryMarkClearanceRatio\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Clearance Ratio\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"primaryMarkClearanceRatio\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,0],[14,0,\"brand-logo-edit-row brand-logo-edit-row--2col\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"primaryMark1\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Light Background\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"primaryMark1\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"primaryMark2\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Dark Background\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"primaryMark2\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,0],[14,0,\"brand-logo-edit-row brand-logo-edit-row--2col\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"primaryMarkGreyscale1\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Greyscale — Light\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"primaryMarkGreyscale1\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"primaryMarkGreyscale2\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Greyscale — Dark\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"primaryMarkGreyscale2\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\\n  \"],[10,\"section\"],[14,0,\"brand-logo-edit-section\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n    \"],[10,\"h4\"],[14,0,\"brand-logo-edit-heading\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"Secondary Mark\"],[13],[1,\"\\n    \"],[10,0],[14,0,\"brand-logo-edit-row brand-logo-edit-row--2col\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"secondaryMarkMinHeight\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Min Height\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"secondaryMarkMinHeight\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"secondaryMarkClearanceRatio\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Clearance Ratio\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"secondaryMarkClearanceRatio\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,0],[14,0,\"brand-logo-edit-row brand-logo-edit-row--2col\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"secondaryMark1\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Light Background\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"secondaryMark1\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"secondaryMark2\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Dark Background\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"secondaryMark2\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,0],[14,0,\"brand-logo-edit-row brand-logo-edit-row--2col\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"secondaryMarkGreyscale1\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Greyscale — Light\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"secondaryMarkGreyscale1\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n      \"],[8,[32,0],[[24,\"data-test-field\",\"secondaryMarkGreyscale2\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Greyscale — Dark\",true]],[[\"default\"],[[[[1,\"\\n        \"],[8,[30,1,[\"secondaryMarkGreyscale2\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n  \"],[13],[1,\"\\n\\n  \"],[10,\"section\"],[14,0,\"brand-logo-edit-section\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"\\n    \"],[10,\"h4\"],[14,0,\"brand-logo-edit-heading\"],[14,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"],[12],[1,\"Social Media Icon\"],[13],[1,\"\\n    \"],[8,[32,0],[[24,\"data-test-field\",\"socialMediaProfileIcon\"],[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],[[\"@label\",\"@vertical\"],[\"Profile Icon\",true]],[[\"default\"],[[[[1,\"\\n      \"],[8,[30,1,[\"socialMediaProfileIcon\"]],[[24,\"data-scopedcss-6ac7ea8db7-8fff9b393a\",\"\"]],null,null],[1,\"\\n    \"]],[]]]]],[1,\"\\n  \"],[13],[1,\"\\n\\n\"],[13],[1,\"\\n\"]],[\"@fields\"],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/brand-logo.gts",
+			"scope": () => [FieldContainer],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var BrandLogo = class extends FieldDef {
+	static displayName = "Mark Usage";
+	static {
+		decorateFieldV2(this.prototype, "primaryMarkClearanceRatio", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#primaryMarkClearanceRatio = (initializeDeferredDecorator(this, "primaryMarkClearanceRatio"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "primaryMarkMinHeight", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#primaryMarkMinHeight = (initializeDeferredDecorator(this, "primaryMarkMinHeight"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "primaryMark1", [field], function() {
+			return contains(MarkField, { description: "For use on light background" });
+		});
+	}
+	#primaryMark1 = (initializeDeferredDecorator(this, "primaryMark1"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "primaryMark2", [field], function() {
+			return contains(MarkField, { description: "For use on dark background" });
+		});
+	}
+	#primaryMark2 = (initializeDeferredDecorator(this, "primaryMark2"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "primaryMarkGreyscale1", [field], function() {
+			return contains(MarkField, { description: "Greyscale version for use on light background" });
+		});
+	}
+	#primaryMarkGreyscale1 = (initializeDeferredDecorator(this, "primaryMarkGreyscale1"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "primaryMarkGreyscale2", [field], function() {
+			return contains(MarkField, { description: "Greyscale version for use on dark background" });
+		});
+	}
+	#primaryMarkGreyscale2 = (initializeDeferredDecorator(this, "primaryMarkGreyscale2"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "secondaryMarkClearanceRatio", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#secondaryMarkClearanceRatio = (initializeDeferredDecorator(this, "secondaryMarkClearanceRatio"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "secondaryMarkMinHeight", [field], function() {
+			return contains(StringField);
+		});
+	}
+	#secondaryMarkMinHeight = (initializeDeferredDecorator(this, "secondaryMarkMinHeight"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "secondaryMark1", [field], function() {
+			return contains(MarkField, { description: "For use on light background" });
+		});
+	}
+	#secondaryMark1 = (initializeDeferredDecorator(this, "secondaryMark1"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "secondaryMark2", [field], function() {
+			return contains(MarkField, { description: "For use on dark background" });
+		});
+	}
+	#secondaryMark2 = (initializeDeferredDecorator(this, "secondaryMark2"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "secondaryMarkGreyscale1", [field], function() {
+			return contains(MarkField, { description: "Greyscale version for use on light background" });
+		});
+	}
+	#secondaryMarkGreyscale1 = (initializeDeferredDecorator(this, "secondaryMarkGreyscale1"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "secondaryMarkGreyscale2", [field], function() {
+			return contains(MarkField, { description: "Greyscale version for use on dark background" });
+		});
+	}
+	#secondaryMarkGreyscale2 = (initializeDeferredDecorator(this, "secondaryMarkGreyscale2"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "socialMediaProfileIcon", [field], function() {
+			return contains(MarkField, { description: "For social media purposes or any small format usage requiring 1:1 aspect ratio" });
+		});
+	}
+	#socialMediaProfileIcon = (initializeDeferredDecorator(this, "socialMediaProfileIcon"), void 0);
+	get cssVariableFields() {
+		let fields = getFields(this);
+		if (!fields) return;
+		let fieldNames = Object.keys(fields);
+		if (!fieldNames?.length) return;
+		let cssVariableFields = [];
+		for (let fieldName of fieldNames) {
+			let cssVariableName = buildCssVariableName(fieldName, { prefix: "brand" });
+			let value = this?.[fieldName];
+			cssVariableFields.push({
+				fieldName,
+				cssVariableName,
+				name: cssVariableName,
+				value
+			});
+		}
+		return cssVariableFields;
+	}
+	get cssRuleMap() {
+		if (!entriesToCssRuleMap) return;
+		return entriesToCssRuleMap(this.cssVariableFields);
+	}
+	static edit = BrandLogoEdit;
+	static embedded = Embedded;
+	static markdown = class Markdown extends Component {
+		get text() {
+			let model = this.args.model;
+			if (!model) return "";
+			let rows = [];
+			for (let { key, label } of [
+				{
+					key: "primaryMark1",
+					label: "Primary mark (light)"
+				},
+				{
+					key: "primaryMark2",
+					label: "Primary mark (dark)"
+				},
+				{
+					key: "primaryMarkGreyscale1",
+					label: "Primary mark greyscale (light)"
+				},
+				{
+					key: "primaryMarkGreyscale2",
+					label: "Primary mark greyscale (dark)"
+				},
+				{
+					key: "secondaryMark1",
+					label: "Secondary mark (light)"
+				},
+				{
+					key: "secondaryMark2",
+					label: "Secondary mark (dark)"
+				},
+				{
+					key: "secondaryMarkGreyscale1",
+					label: "Secondary mark greyscale (light)"
+				},
+				{
+					key: "secondaryMarkGreyscale2",
+					label: "Secondary mark greyscale (dark)"
+				},
+				{
+					key: "socialMediaProfileIcon",
+					label: "Social media icon"
+				}
+			]) {
+				let url = model[key];
+				if (url) rows.push({
+					label,
+					url
+				});
+			}
+			if (!rows.length) return "";
+			return rows.map(({ label, url }) => `- ${markdownEscape(label)}: ${markdownLink(url, url)}`).join("\n");
+		}
+		static {
+			setComponentTemplate(templateFactory({
+				"id": "CglZD/2G",
+				"block": "[[[1,[30,0,[\"text\"]]]],[],[]]",
+				"moduleName": "/home/runner/work/boxel/boxel/packages/base/brand-logo.gts",
+				"isStrictMode": true
+			}), this);
+		}
+	};
+};
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["brand-logo"] = {
+	"css": [
+		"./brand-logo.gts.CiAgcFtkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LWE1NjNjNDUxMjNdIHsKICAgIG1hcmdpbi1ibG9jazogMDsKICB9CiAgLm1hcmstdXNhZ2UtZW1iZWRkZWRbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICAtLWFubm90YXRpb246IHJnYmEoMjU1IDAgMCAvIDAuMTUpOwogICAgLS1hbm5vdGF0aW9uLWZvcmVncm91bmQ6IHJnYigyNTUgMCAwKTsKICAgIC0tY29udGFpbmVyLWJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlciwgdmFyKC0tYm94ZWwtNDAwKSk7CiAgICBnYXA6IHZhcigtLWJveGVsLXNwLXhsKTsKICB9CiAgLnByZXZpZXctZmllbGRbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICAgIGdhcDogdmFyKC0tYm94ZWwtc3AteHMpOwogIH0KICAucHJldmlldy1ncmlkW2RhdGEtc2NvcGVkY3NzLTZhYzdlYThkYjctYTU2M2M0NTEyM10gewogICAgZGlzcGxheTogZ3JpZDsKICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjsKICB9CiAgLnByZXZpZXctZmxleC1jb250YWluZXJbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZmxleC13cmFwOiB3cmFwOwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOwogIH0KICAucHJldmlldy1mbGV4LWNvbnRhaW5lciA%2BIC5wcmV2aWV3LWNvbnRhaW5lcltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LWE1NjNjNDUxMjNdIHsKICAgIGZsZXgtd3JhcDogbm93cmFwOwogIH0KICAuYm9yZGVyLWNvbnRhaW5lcltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LWE1NjNjNDUxMjNdIHsKICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJveGVsLWxpZ2h0KTsKICAgIGNvbG9yOiB2YXIoLS1ib3hlbC1kYXJrKTsKICAgIGJvcmRlcjogdmFyKC0tY29udGFpbmVyLWJvcmRlcik7CiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3hlbC1ib3JkZXItcmFkaXVzKTsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgfQogIC5ib3JkZXItZ3JvdXAgPiAqICsgKltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LWE1NjNjNDUxMjNdIHsKICAgIGJvcmRlci1sZWZ0OiB2YXIoLS1jb250YWluZXItYm9yZGVyKTsKICB9CiAgLnByZXZpZXctY29udGFpbmVyW2RhdGEtc2NvcGVkY3NzLTZhYzdlYThkYjctYTU2M2M0NTEyM10gewogICAgbWluLWhlaWdodDogMTEuMjVyZW07IC8qIDE4MHB4ICovCiAgICBtYXgtd2lkdGg6IDEwMCU7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgZmxleC13cmFwOiB3cmFwOwogICAgZ2FwOiB2YXIoLS1ib3hlbC1zcC14cyk7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3hlbC1saWdodCk7CiAgICBjb2xvcjogdmFyKC0tYm94ZWwtZGFyayk7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogIH0KICAuZGFyay1jb250YWluZXJbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3hlbC1kYXJrKTsKICAgIGNvbG9yOiB2YXIoLS1ib3hlbC1saWdodCk7CiAgfQogIC5ncmV5c2NhbGUtZ3JvdXBbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTsKICAgIGdhcDogdmFyKC0tYm94ZWwtc3AtNnhzKTsKICB9CiAgLmNsZWFyYW5jZS1hbm5vdGF0aW9uLWJvcmRlcltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LWE1NjNjNDUxMjNdIHsKICAgIGJvcmRlci1jb2xvcjogdmFyKC0tYW5ub3RhdGlvbik7CiAgICBib3JkZXItc3R5bGU6IHNvbGlkOwogICAgYm9yZGVyLXdpZHRoOiB2YXIoLS1tYXJrLWNsZWFyYW5jZSwgMHB4KTsKICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OwogIH0KICAuYW5ub3RhdGlvbltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LWE1NjNjNDUxMjNdIHsKICAgIGNvbG9yOiB2YXIoLS1hbm5vdGF0aW9uLWZvcmVncm91bmQpOwogICAgZm9udC13ZWlnaHQ6IDcwMDsKICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgfQogIC5oZWlnaHQtYW5ub3RhdGlvbi1ib3JkZXJbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBwYWRkaW5nLWxlZnQ6IHZhcigtLWJveGVsLXNwLXhzKTsKICAgIGJvcmRlci1sZWZ0OiA0cHggc29saWQgdmFyKC0tYW5ub3RhdGlvbik7CiAgfQogIC5wcmltYXJ5LW1hcmtbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICAtLWxvZ28tbWluLWhlaWdodDogdmFyKC0tYnJhbmQtcHJpbWFyeS1tYXJrLW1pbi1oZWlnaHQpOwogICAgLS1tYXJrLWNsZWFyYW5jZTogY2FsYygKICAgICAgdmFyKC0tYnJhbmQtcHJpbWFyeS1tYXJrLWNsZWFyYW5jZS1yYXRpbykgKgogICAgICAgIHZhcigtLWJyYW5kLXByaW1hcnktbWFyay1taW4taGVpZ2h0KQogICAgKTsKICB9CiAgLnNlY29uZGFyeS1tYXJrW2RhdGEtc2NvcGVkY3NzLTZhYzdlYThkYjctYTU2M2M0NTEyM10gewogICAgLS1sb2dvLW1pbi1oZWlnaHQ6IHZhcigtLWJyYW5kLXNlY29uZGFyeS1tYXJrLW1pbi1oZWlnaHQpOwogICAgLS1tYXJrLWNsZWFyYW5jZTogY2FsYygKICAgICAgdmFyKC0tYnJhbmQtc2Vjb25kYXJ5LW1hcmstY2xlYXJhbmNlLXJhdGlvKSAqCiAgICAgICAgdmFyKC0tYnJhbmQtc2Vjb25kYXJ5LW1hcmstbWluLWhlaWdodCkKICAgICk7CiAgfQogIC5wcm9maWxlLWljb25bZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICAtLWxvZ28tbWluLWhlaWdodDogdmFyKC0tYm94ZWwtaWNvbi1sZyk7CiAgICBhc3BlY3QtcmF0aW86IDE7CiAgfQogIC5ncmF5c2NhbGVbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBmaWx0ZXI6IGdyYXlzY2FsZSgxKTsKICB9CiAgLmljb24tcHJldmlldy1jb250YWluZXJbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgIGJvcmRlcjogdmFyKC0tY29udGFpbmVyLWJvcmRlcik7CiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3hlbC1ib3JkZXItcmFkaXVzLXNtKTsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgfQogIC5tZWRpYS1oYW5kbGVbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy1hNTYzYzQ1MTIzXSB7CiAgICBmb250LXdlaWdodDogNjAwOwogIH0K.glimmer-scoped.css",
+		"./brand-logo.gts.CiAgLm1hcmstZmllbGQtZWRpdFtkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LTdmNGVjODU2YzBdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIGdhcDogdmFyKC0tYm94ZWwtc3Atc20pOwogIH0KICAubWFyay1maWVsZC1pbnB1dHNbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy03ZjRlYzg1NmMwXSB7CiAgICBmbGV4OiAxOwogICAgbWluLXdpZHRoOiAwOwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogIH0KICAubWFyay1maWVsZC1pbnB1dHNbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy03ZjRlYzg1NmMwXSBpbnB1dCB7CiAgICB3aWR0aDogMTAwJTsKICAgIHBhZGRpbmctcmlnaHQ6IDIuNXJlbTsKICB9CiAgLm1hcmstZmllbGQtY2xlYXJbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy03ZjRlYzg1NmMwXSB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICB0b3A6IDA7CiAgICByaWdodDogMDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgICB3aWR0aDogMi41cmVtOwogICAgaGVpZ2h0OiAxMDAlOwogICAgb3BhY2l0eTogMC41OwogICAgei1pbmRleDogMTsKICB9CiAgLm1hcmstZmllbGQtY2xlYXJbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy03ZjRlYzg1NmMwXTpob3ZlciwKICAubWFyay1maWVsZC1jbGVhcltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LTdmNGVjODU2YzBdOmZvY3VzIHsKICAgIG9wYWNpdHk6IDE7CiAgICBvdXRsaW5lOiAwOwogIH0KICAubWFyay1maWVsZC1vcltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LTdmNGVjODU2YzBdIHsKICAgIGZsZXgtc2hyaW5rOiAwOwogICAgZm9udC1zaXplOiB2YXIoLS1ib3hlbC1mb250LXNpemUteHMpOwogICAgY29sb3I6IHZhcigtLW11dGVkLWZvcmVncm91bmQsIHZhcigtLWJveGVsLTQwMCkpOwogIH0K.glimmer-scoped.css",
+		"./brand-logo.gts.CiAgQGxheWVyIHsKICAgIC5tYXJrLWltYWdlW2RhdGEtc2NvcGVkY3NzLTZhYzdlYThkYjctNDJiNzc3ODY0MV0gewogICAgICB3aWR0aDogYXV0bzsKICAgICAgaGVpZ2h0OiB2YXIoLS1sb2dvLW1pbi1oZWlnaHQsIDIuNXJlbSk7CiAgICB9CiAgfQo%3D.glimmer-scoped.css",
+		"./brand-logo.gts.CiAgLmJyYW5kLWxvZ28tZWRpdFtkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LThmZmY5YjM5M2FdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgZ2FwOiB2YXIoLS1ib3hlbC1zcC1sZyk7CiAgfQogIC5icmFuZC1sb2dvLWVkaXQtc2VjdGlvbltkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LThmZmY5YjM5M2FdIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgZ2FwOiB2YXIoLS1ib3hlbC1zcC1zbSk7CiAgfQogIC5icmFuZC1sb2dvLWVkaXQtaGVhZGluZ1tkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LThmZmY5YjM5M2FdIHsKICAgIG1hcmdpbjogMDsKICAgIGZvbnQtc2l6ZTogdmFyKC0tYm94ZWwtZm9udC1zaXplLXNtKTsKICAgIGZvbnQtd2VpZ2h0OiA2MDA7CiAgICBjb2xvcjogdmFyKC0tbXV0ZWQtZm9yZWdyb3VuZCwgdmFyKC0tYm94ZWwtNDAwKSk7CiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogICAgbGV0dGVyLXNwYWNpbmc6IDAuMDRlbTsKICAgIHBhZGRpbmctYm90dG9tOiB2YXIoLS1ib3hlbC1zcC14cyk7CiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tYm9yZGVyLCB2YXIoLS1ib3hlbC1ib3JkZXItY29sb3IpKTsKICB9CiAgLmJyYW5kLWxvZ28tZWRpdC1yb3dbZGF0YS1zY29wZWRjc3MtNmFjN2VhOGRiNy04ZmZmOWIzOTNhXSB7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICAgIGdhcDogdmFyKC0tYm94ZWwtc3Atc20pOwogIH0KICAuYnJhbmQtbG9nby1lZGl0LXJvdy0tMmNvbFtkYXRhLXNjb3BlZGNzcy02YWM3ZWE4ZGI3LThmZmY5YjM5M2FdIHsKICAgIGRpc3BsYXk6IGdyaWQ7CiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7CiAgICBnYXA6IHZhcigtLWJveGVsLXNwLXNtKTsKICB9Cg%3D%3D.glimmer-scoped.css"
+	],
+	"imports": [
+		"card-api",
+		"markdown-helpers",
+		"url"
+	]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["brand-logo"] = {
+	"MarkField": MarkField,
+	"default": BrandLogo
+};
+//#endregion
+export { MarkField, BrandLogo as default };

package/bundled-test-harness/assets/broken-link-template-test-DAngUbFJ.js

@@ -0,0 +1,192 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { a as cardTypeName } from "./bfm-card-references-BplcpB1X.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";
+import { $ as BrokenLinkTemplate } from "./components-Ct_agx0G.js";
+import { d as click, h as render } from "./dist-BOAdzfkP.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest } from "./mock-matrix-DPQ0j2MD.js";
+//#region tests/integration/components/broken-link-template-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var NOT_FOUND_URL = "https://example.com/realm/Pet/broken-card-id";
+var ERROR_URL = "https://example.com/realm/Author/exploded-card-id";
+function notFoundErrorDoc() {
+	return {
+		status: 404,
+		title: "Not Found",
+		message: `Could not find ${NOT_FOUND_URL}`,
+		additionalErrors: null
+	};
+}
+function genericErrorDoc() {
+	return {
+		status: 500,
+		title: "Internal Server Error",
+		message: "TypeError: Cannot read properties of undefined (reading \"name\")",
+		stack: "Error: kaboom\n    at PetCard.render (pet.gts:42:7)",
+		additionalErrors: [{
+			status: 500,
+			message: "inner dependency exploded",
+			stack: "Error: inner\n    at Dep.evaluate (dep.gts:9:3)"
+		}]
+	};
+}
+async function renderTemplate(scenario) {
+	let displayName = cardTypeName(scenario.brokenUrl);
+	await render(setComponentTemplate(templateFactory({
+		"id": "8Q+OsuTF",
+		"block": "[[[8,[32,0],null,[[\"@brokenUrl\",\"@errorDoc\",\"@state\",\"@format\",\"@displayName\"],[[32,1,[\"brokenUrl\"]],[32,1,[\"errorDoc\"]],[32,1,[\"state\"]],[32,1,[\"format\"]],[32,2]]],null]],[],[]]",
+		"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/broken-link-template-test.gts",
+		"scope": () => [
+			BrokenLinkTemplate,
+			scenario,
+			displayName
+		],
+		"isStrictMode": true
+	}), templateOnly()));
+}
+(0, import_qunit.module)("Integration | Component | broken-link-template", function(hooks) {
+	setupRenderingTest(hooks);
+	(0, import_qunit.test)("the visible box is identical across states — only the type name shows; the failure reason is not surfaced inline", async function(assert) {
+		for (let state of ["not-found", "error"]) {
+			await renderTemplate({
+				brokenUrl: state === "not-found" ? NOT_FOUND_URL : ERROR_URL,
+				errorDoc: state === "not-found" ? notFoundErrorDoc() : genericErrorDoc(),
+				state,
+				format: "embedded"
+			});
+			assert.dom("[data-test-broken-link-template=\"embedded\"]").exists("root carries the format data attribute");
+			assert.dom(`[data-test-broken-link-state="${state}"]`).exists("root carries the state data attribute");
+			assert.dom("[data-test-broken-link-type]").hasText(state === "not-found" ? "Pet" : "Author");
+			assert.dom("[data-test-broken-link-url]").isNotVisible();
+			assert.dom("[data-test-broken-link-headline]").isNotVisible();
+		}
+	});
+	(0, import_qunit.test)("detail stays in the DOM but is visually hidden until the reveal is triggered", async function(assert) {
+		await renderTemplate({
+			brokenUrl: ERROR_URL,
+			errorDoc: genericErrorDoc(),
+			state: "error",
+			format: "isolated"
+		});
+		assert.dom("[data-test-broken-link-reveal]").exists("reveal trigger exists");
+		assert.dom("[data-test-broken-link-overlay]").exists("overlay node is in the DOM").isNotVisible("overlay is hidden until the reveal is triggered");
+		assert.dom("[data-test-broken-link-overlay-close]").exists("close trigger exists");
+		assert.dom("[data-test-broken-link-url]").hasText(ERROR_URL).isNotVisible();
+		assert.dom("[data-test-broken-link-message]").hasText(genericErrorDoc().message).isNotVisible();
+		assert.dom("[data-test-broken-link-stack]").includesText("PetCard.render").isNotVisible();
+		assert.dom("[data-test-broken-link-additional-error=\"0\"]").includesText("inner dependency exploded").isNotVisible();
+	});
+	(0, import_qunit.test)("triggering the reveal opens the overlay; closing it hides the overlay again", async function(assert) {
+		await renderTemplate({
+			brokenUrl: ERROR_URL,
+			errorDoc: genericErrorDoc(),
+			state: "error",
+			format: "isolated"
+		});
+		assert.dom("[data-test-broken-link-overlay]").isNotVisible();
+		await click("[data-test-broken-link-reveal]");
+		assert.dom("[data-test-broken-link-overlay]").isVisible("overlay opens when the reveal is triggered");
+		assert.dom("[data-test-broken-link-url]").isVisible();
+		await click("[data-test-broken-link-overlay-close]");
+		assert.dom("[data-test-broken-link-overlay]").isNotVisible("overlay closes when the close affordance is triggered");
+	});
+	(0, import_qunit.test)("the overlay headline reflects the state — the one place not-found and error differ", async function(assert) {
+		await renderTemplate({
+			brokenUrl: NOT_FOUND_URL,
+			errorDoc: notFoundErrorDoc(),
+			state: "not-found",
+			format: "embedded"
+		});
+		assert.dom("[data-test-broken-link-headline]").hasText("Linked card not found");
+		assert.dom("[data-test-broken-link-message]").doesNotExist("not-found suppresses the redundant \"Could not find\" line");
+		await renderTemplate({
+			brokenUrl: ERROR_URL,
+			errorDoc: genericErrorDoc(),
+			state: "error",
+			format: "embedded"
+		});
+		assert.dom("[data-test-broken-link-headline]").hasText("Linked card failed to load");
+		assert.dom("[data-test-broken-link-message]").exists();
+	});
+	(0, import_qunit.test)("the overlay carries status, message, stack, and additional errors regardless of format", async function(assert) {
+		let errorDoc = genericErrorDoc();
+		for (let format of [
+			"isolated",
+			"fitted",
+			"embedded",
+			"atom"
+		]) {
+			await renderTemplate({
+				brokenUrl: ERROR_URL,
+				errorDoc,
+				state: "error",
+				format
+			});
+			assert.dom("[data-test-broken-link-status]").includesText("500").includesText("Internal Server Error");
+			assert.dom("[data-test-broken-link-message]").hasText(errorDoc.message);
+			assert.dom("[data-test-broken-link-stack]").includesText("PetCard.render").includesText("pet.gts:42:7");
+			assert.dom("[data-test-broken-link-additional-error=\"0\"]").includesText("inner dependency exploded");
+		}
+	});
+	(0, import_qunit.test)("the overlay keeps the prose message visible when it differs from the stack, and hides the visual duplicate when the stack repeats it", async function(assert) {
+		await renderTemplate({
+			brokenUrl: ERROR_URL,
+			errorDoc: genericErrorDoc(),
+			state: "error",
+			format: "isolated"
+		});
+		await click("[data-test-broken-link-reveal]");
+		assert.dom("[data-test-broken-link-message]").isVisible("message stays visible when the stack header differs from it");
+		let redundant = genericErrorDoc();
+		redundant.stack = `Error: ${redundant.message}\n    at PetCard.render (pet.gts:42:7)`;
+		await renderTemplate({
+			brokenUrl: ERROR_URL,
+			errorDoc: redundant,
+			state: "error",
+			format: "isolated"
+		});
+		await click("[data-test-broken-link-reveal]");
+		assert.dom("[data-test-broken-link-message]").hasText(redundant.message).isNotVisible("the redundant message stays in the DOM but is visually hidden");
+	});
+	(0, import_qunit.test)("atom format renders an inline placeholder with the type name and a reveal trigger", async function(assert) {
+		await renderTemplate({
+			brokenUrl: NOT_FOUND_URL,
+			errorDoc: notFoundErrorDoc(),
+			state: "not-found",
+			format: "atom"
+		});
+		assert.dom("[data-test-broken-link-template=\"atom\"]").exists();
+		assert.dom("[data-test-broken-link-type]").hasText("Pet");
+		assert.dom("[data-test-broken-link-reveal]").exists();
+		assert.dom("[data-test-broken-link-overlay]").isNotVisible();
+	});
+	(0, import_qunit.test)("renders without crashing when errorDoc is minimal", async function(assert) {
+		await renderTemplate({
+			brokenUrl: ERROR_URL,
+			errorDoc: {
+				status: 500,
+				message: "",
+				additionalErrors: null
+			},
+			state: "error",
+			format: "embedded"
+		});
+		assert.dom("[data-test-broken-link-url]").hasText(ERROR_URL);
+		assert.dom("[data-test-broken-link-message]").doesNotExist("no message in DOM when the doc has none");
+	});
+	(0, import_qunit.test)("renders unsafe URLs as plain text rather than an anchor (defence against corrupted card data)", async function(assert) {
+		let evilUrl = "javascript:alert(1)";
+		await renderTemplate({
+			brokenUrl: evilUrl,
+			errorDoc: notFoundErrorDoc(),
+			state: "not-found",
+			format: "embedded"
+		});
+		assert.dom("[data-test-broken-link-url]").exists("the URL is still recoverable in the DOM").hasText(evilUrl).hasTagName("span", "rendered as plain text — clicking it cannot navigate");
+	});
+});
+//#endregion