@bluepic/embed 0.6.9 → 0.6.11

package/dist/main.mjs

@@ -41466,7 +41466,7 @@ var AT = ["data-bx-popover-id"], jT = ["data-origin", "data-placement"], MT = {
 	}
 }), [["__scopeId", "data-v-9cf50f47"]]);
 window.addEventListener("load", () => {
-	let e = document.querySelector(hZ);
+	let e = document.querySelector(CZ);
 	e && (e.classList.add("bluepic-popup-app-wrapper"), e.parentElement?.classList.add("bluepic-popup-body"));
 });
 function LT(e) {
@@ -41917,7 +41917,7 @@ var QT = /* @__PURE__ */ y({
 		});
 		let g = window.bluepicPopupProvider;
 		return F(() => {
-			let e = document.querySelector(hZ);
+			let e = document.querySelector(CZ);
 			e && (e.classList.add("bluepic-popup-app-wrapper"), e.parentElement?.classList.add("bluepic-popup-body"));
 		}), (e, t) => (L(!0), p(a, null, re(U(u), (e, t) => (L(), d(ie(e), {
 			ref_for: !0,
@@ -49654,7 +49654,7 @@ var TD = wD.exports, ED = ["contenteditable", "data-ghost"], DD = ["data-paragra
 		});
 		let ee = window.bluepicPopupProvider;
 		F(() => {
-			let e = document.querySelector(hZ);
+			let e = document.querySelector(CZ);
 			e && (e.classList.add("bluepic-popup-app-wrapper"), e.parentElement?.classList.add("bluepic-popup-body"));
 		}), I(() => {
 			for (let e of u.value) e.removeEventListener("click", x);
@@ -57635,7 +57635,7 @@ var II = ["data-overlay-id"], LI = ["data-overlay-id"], RI = /*#__PURE__*/ q(/*
 			return t;
 		}
 		W(m, () => {
-			let e = document.querySelector(hZ);
+			let e = document.querySelector(CZ);
 			e && (m.value.length > 0 ? e.classList.add("bluepic-popup-app-wrapper-in-background") : e.classList.remove("bluepic-popup-app-wrapper-in-background"));
 		});
 		function g(e) {
@@ -73349,7 +73349,7 @@ function MJ(e, t, n) {
 [data-bx-style-target='${e.uid}'], .bluepic-popup-provider__wrapper { ${i} ${r} }`;
 }
 function NJ(e, t = {}) {
-	let n = jJ(t.wrapperSelector ?? hZ), r = l(() => {
+	let n = jJ(t.wrapperSelector ?? CZ), r = l(() => {
 		let n = ue(e), r = ue(t.legacyCustomStyle);
 		return yJ(n ?? (r ? EJ(r) : void 0));
 	});
@@ -73363,14 +73363,14 @@ function NJ(e, t = {}) {
 	};
 }
 function PJ(e, t = {}) {
-	let n = jJ(t.wrapperSelector ?? hZ);
+	let n = jJ(t.wrapperSelector ?? CZ);
 	return MJ(n, CJ(e), {
 		colorScheme: e.mode,
 		fontUrl: t.fontUrl,
 		extraFontUrls: e.fontUrls
 	}), n.uid;
 }
-function FJ(e = hZ, t = "auto", n, r) {
+function FJ(e = CZ, t = "auto", n, r) {
 	if (TJ(n)) {
 		let { theme: i } = NJ({
 			preset: t === "light" ? "light" : "dark",
@@ -73474,6 +73474,8 @@ var UJ = "https://bx-studio-api-production.bluepic.workers.dev", WJ = "https://r
 	stripeEnv = B("prod");
 	bxThemeStyleVars;
 	id = `bluepic-app-${xe()}`;
+	app;
+	destroyed = !1;
 	constructor(e, t, n) {
 		if (super(), typeof e == "string") {
 			let t = document.querySelector(e);
@@ -73520,6 +73522,9 @@ var UJ = "https://bx-studio-api-production.bluepic.workers.dev", WJ = "https://r
 		}
 		this.dispatchEvent(new CustomEvent("ready"));
 	}
+	destroy() {
+		this.destroyed = !0, this.app?.unmount(), this.app = void 0, this.element.innerHTML = "";
+	}
 	mount() {
 		getComputedStyle(this.element).boxSizing === "content-box" && (this.element.style.boxSizing = "border-box");
 		let e = document.createElement("style");
@@ -73597,7 +73602,7 @@ var UJ = "https://bx-studio-api-production.bluepic.workers.dev", WJ = "https://r
     `;
 		let t = this;
 		k(() => {
-			u({
+			t.destroyed || (t.app = u({
 				components: {
 					BxTemplateEditor: tG,
 					BxSpin: Kb
@@ -73669,7 +73674,7 @@ var UJ = "https://bx-studio-api-production.bluepic.workers.dev", WJ = "https://r
 						enforceVideoServerSideRendering: !1
 					};
 				}
-			}).mount(`#${this.id}`);
+			}), t.app.mount(`#${this.id}`));
 		});
 	}
 	setVariable(e, t) {
@@ -73747,17 +73752,62 @@ var qJ = async () => {
 };
 window.addEventListener("load", qJ), window.BluepicEmbed = GJ;
 //#endregion
+//#region src/embed/popup.ts
+var JJ = "bluepic-campaign-popup-style", YJ = "\n.bluepic-campaign-popup-stage {\n  width: min(1200px, calc(100vw - 48px));\n  height: min(820px, calc(100vh - 140px));\n  display: flex;\n}\n.bluepic-campaign-popup-stage > div { flex: 1; min-width: 0; min-height: 0; }\n@media (max-width: 640px) {\n  .bluepic-campaign-popup-stage { width: calc(100vw - 16px); height: calc(100vh - 110px); }\n}\n";
+function XJ(e) {
+	if (!document.getElementById(JJ)) {
+		let e = document.createElement("style");
+		e.id = JJ, e.textContent = YJ, document.head.appendChild(e);
+	}
+	let t, n = y({
+		name: "BluepicCampaignPopupStage",
+		setup() {
+			let n = B();
+			return F(() => {
+				n.value && (t = new GJ(n.value, e.campaignId, {
+					templateId: e.templateId,
+					initData: e.data,
+					theme: e.theme,
+					apiBaseUrl: e.apiBaseUrl ?? "https://api.bluepic.io",
+					stripeEnv: e.stripeEnv
+				}));
+			}), N(() => t?.destroy()), () => C("div", { class: "bluepic-campaign-popup-stage" }, [C("div", { ref: n })]);
+		}
+	}), r = RT({
+		type: e.type ?? "frame",
+		title: e.title,
+		draggable: !1,
+		customClasses: ["bluepic-campaign-popup"],
+		content: () => C(n),
+		onClose: e.onClose
+	});
+	return {
+		close: () => r.close(),
+		get embed() {
+			return t;
+		}
+	};
+}
+if (typeof window < "u") {
+	let e = window;
+	e.Bluepic = {
+		...e.Bluepic ?? {},
+		openPopup: XJ,
+		Embed: GJ
+	};
+}
+//#endregion
 //#region src/components/User/UserInfo.vue?vue&type=script&setup=true&lang.ts
-var JJ = { class: "user-info" }, YJ = { class: "user-content" }, XJ = {
+var ZJ = { class: "user-info" }, QJ = { class: "user-content" }, $J = {
 	key: 0,
 	class: "user-name"
-}, ZJ = {
+}, eY = {
 	key: 1,
 	class: "user-email"
-}, QJ = {
+}, tY = {
 	key: 0,
 	class: "user-extra"
-}, $J = { class: "actions" }, eY = /*#__PURE__*/ q(/* @__PURE__ */ y({
+}, nY = { class: "actions" }, rY = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "UserInfo",
 	props: {
 		user: {},
@@ -73769,14 +73819,14 @@ var JJ = { class: "user-info" }, YJ = { class: "user-content" }, XJ = {
 	emits: ["logout", "settings"],
 	setup(e, { emit: t }) {
 		let n = t, r = fe();
-		return (t, i) => (L(), p("div", JJ, [
+		return (t, i) => (L(), p("div", ZJ, [
 			m("main", null, [v(aq, {
 				user: e.user,
 				width: 40,
 				height: 40
-			}, null, 8, ["user"]), m("div", YJ, [e.user.name ? (L(), p("div", XJ, H(e.user.name), 1)) : f("", !0), e.user.email ? (L(), p("div", ZJ, H(e.user.email), 1)) : f("", !0)])]),
-			r.default ? (L(), p("div", QJ, [V(t.$slots, "default", {}, void 0, !0)])) : f("", !0),
-			m("footer", null, [m("div", $J, [e.showSettings ? (L(), d(Yb, {
+			}, null, 8, ["user"]), m("div", QJ, [e.user.name ? (L(), p("div", $J, H(e.user.name), 1)) : f("", !0), e.user.email ? (L(), p("div", eY, H(e.user.email), 1)) : f("", !0)])]),
+			r.default ? (L(), p("div", tY, [V(t.$slots, "default", {}, void 0, !0)])) : f("", !0),
+			m("footer", null, [m("div", nY, [e.showSettings ? (L(), d(Yb, {
 				key: 0,
 				size: "medium",
 				onClick: i[0] ||= (e) => n("settings")
@@ -73800,7 +73850,7 @@ var JJ = { class: "user-info" }, YJ = { class: "user-content" }, XJ = {
 			})])])
 		]));
 	}
-}), [["__scopeId", "data-v-8e175b2d"]]), tY = { class: "category-tabs" }, nY = { class: "tabs-wrapper" }, rY = ["onClick"], iY = /*#__PURE__*/ q(/* @__PURE__ */ y({
+}), [["__scopeId", "data-v-8e175b2d"]]), iY = { class: "category-tabs" }, aY = { class: "tabs-wrapper" }, oY = ["onClick"], sY = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "Tabs",
 	props: /*@__PURE__*/ D({ tabs: {} }, {
 		activeTab: { required: !0 },
@@ -73812,13 +73862,13 @@ var JJ = { class: "user-info" }, YJ = { class: "user-content" }, XJ = {
 		function i(e) {
 			r.value = e, n("click:category", e);
 		}
-		return (t, n) => (L(), p("div", tY, [m("div", nY, [(L(!0), p(a, null, re(e.tabs, (e) => (L(), p("button", {
+		return (t, n) => (L(), p("div", iY, [m("div", aY, [(L(!0), p(a, null, re(e.tabs, (e) => (L(), p("button", {
 			key: e,
 			class: A({ active: e === r.value }),
 			onClick: (t) => i(e)
-		}, [m("span", null, H(e), 1)], 10, rY))), 128))])]));
+		}, [m("span", null, H(e), 1)], 10, oY))), 128))])]));
 	}
-}), [["__scopeId", "data-v-a1d3c812"]]), aY = [
+}), [["__scopeId", "data-v-a1d3c812"]]), cY = [
 	"A0",
 	"A1",
 	"A2",
@@ -73830,14 +73880,14 @@ var JJ = { class: "user-info" }, YJ = { class: "user-content" }, XJ = {
 	"A8",
 	"A9",
 	"A10"
-], oY = {
+], lY = {
 	w: 841,
 	h: 1189
 };
-function sY() {
+function uY() {
 	let e = [{
-		w: oY.w,
-		h: oY.h
+		w: lY.w,
+		h: lY.h
 	}];
 	for (let t = 1; t <= 10; t++) {
 		let n = e[t - 1], r = Math.round(n.h / 2), i = n.w, a = r <= i ? {
@@ -73850,20 +73900,20 @@ function sY() {
 		e.push(a);
 	}
 	let t = {};
-	return aY.forEach((n, r) => t[n] = e[r]), t;
+	return cY.forEach((n, r) => t[n] = e[r]), t;
 }
-var cY = sY(), lY = 25.4;
-function uY(e) {
-	return e / lY;
+var dY = uY(), fY = 25.4;
+function pY(e) {
+	return e / fY;
 }
-function dY(e, t) {
+function mY(e, t) {
 	return e * t;
 }
-function fY(e, t) {
-	return e / t * lY;
+function hY(e, t) {
+	return e / t * fY;
 }
-function pY(e, t) {
-	let n = cY[e], r = uY(n.w), i = uY(n.h), a = dY(r, t), o = dY(i, t);
+function gY(e, t) {
+	let n = dY[e], r = pY(n.w), i = pY(n.h), a = mY(r, t), o = mY(i, t);
 	return {
 		widthPx: Math.round(a),
 		heightPx: Math.round(o),
@@ -73876,10 +73926,10 @@ function pY(e, t) {
 		}
 	};
 }
-function mY(e, t, n, r = 2) {
-	let i = e > t, [a, o] = e <= t ? [e, t] : [t, e], s = fY(a, n), c = fY(o, n), l = null;
-	for (let e of aY) {
-		let t = cY[e], n = s - t.w, i = c - t.h;
+function _Y(e, t, n, r = 2) {
+	let i = e > t, [a, o] = e <= t ? [e, t] : [t, e], s = hY(a, n), c = hY(o, n), l = null;
+	for (let e of cY) {
+		let t = dY[e], n = s - t.w, i = c - t.h;
 		if (Math.abs(n) <= r && Math.abs(i) <= r) {
 			let r = Math.abs(n) + Math.abs(i);
 			(!l || r < l.score) && (l = {
@@ -73912,27 +73962,27 @@ function mY(e, t, n, r = 2) {
 }
 //#endregion
 //#region src/util/contentEditable.ts
-function hY(e) {
+function vY(e) {
 	let t = window.getSelection();
 	if (!t) throw Error("No selection descriptor");
 	if (!t.anchorNode) throw Error("No anchor node");
 	if (!t.focusNode) throw Error("No focus node");
 	if (t.anchorNode.textContent === null) throw Error("Anchor node's text content: null");
 	if (t.focusNode.textContent === null) throw Error("Focus node's text content: null");
-	let n = vY(e, (e) => e === t.anchorNode), r = vY(e, (e) => e === t.focusNode), i = n.length + t.anchorOffset;
+	let n = xY(e, (e) => e === t.anchorNode), r = xY(e, (e) => e === t.focusNode), i = n.length + t.anchorOffset;
 	return {
 		start: i,
 		length: r.length + t.focusOffset - i
 	};
 }
-function gY(e) {
+function yY(e) {
 	let t = B(null);
 	function n() {
 		let n = document.getSelection();
 		if (e.value && n && n.rangeCount > 0) {
 			let r = n.getRangeAt(0);
 			if (e.value.contains(r.commonAncestorContainer)) try {
-				t.value = hY(e.value);
+				t.value = vY(e.value);
 			} catch (e) {
 				console.error("Failed to get selection", e), t.value = null;
 			}
@@ -73942,13 +73992,13 @@ function gY(e) {
 		document.removeEventListener("selectionchange", n);
 	}), t;
 }
-function _Y({ text: e, format: t }, ...n) {
+function bY({ text: e, format: t }, ...n) {
 	return {
 		text: e.slice(...n),
 		format: t
 	};
 }
-function vY(e, t) {
+function xY(e, t) {
 	let n = document.createTreeWalker(e), r = n.nextNode(), i = "";
 	for (; r;) {
 		if (t(r)) return i;
@@ -73962,8 +74012,8 @@ function vY(e, t) {
 	}
 	return i.endsWith("\n") && (i = i.slice(0, -1)), i;
 }
-window.collectContentEditableText = vY;
-function yY(e, t) {
+window.collectContentEditableText = xY;
+function SY(e, t) {
 	let n = "";
 	function r(e) {
 		if (!e) return "";
@@ -73980,27 +74030,27 @@ function yY(e, t) {
 	}
 	return n = r(e), n;
 }
-function bY(e) {
+function CY(e) {
 	let t = [[]], n = 0;
 	for (; n in e;) {
 		let r = t.length - 1, i = e[n].text.search("\n");
 		if (i > -1) {
-			let a = _Y(e[n], 0, i), o = _Y(e[n], i + 1);
+			let a = bY(e[n], 0, i), o = bY(e[n], i + 1);
 			t[r].push(a);
-			let s = bY([o]);
+			let s = CY([o]);
 			for (let e of s) t.push(e);
 		} else t[r].push(e[n]);
 		n++;
 	}
 	return t;
 }
-function xY(e, t, n = !1) {
+function wY(e, t, n = !1) {
 	let r = [[]], i = Array.from(e.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE ? (e.textContent?.length ?? 0) > 0 : e.nodeType !== Node.COMMENT_NODE);
 	for (let e of i) if (e.nodeType === Node.TEXT_NODE && e.textContent) r[r.length - 1].push({
 		text: e.textContent,
 		format: t
 	});
-	else if (e.nodeType === Node.ELEMENT_NODE && e.tagName.toLowerCase() === "br") yY(e, (e) => e?.tagName !== "DIV").length === 0 ? n && r[r.length - 1].push({
+	else if (e.nodeType === Node.ELEMENT_NODE && e.tagName.toLowerCase() === "br") SY(e, (e) => e?.tagName !== "DIV").length === 0 ? n && r[r.length - 1].push({
 		text: "",
 		format: t
 	}) : r.push([]);
@@ -74015,14 +74065,14 @@ function xY(e, t, n = !1) {
 			...JSON.parse(e.getAttribute("data-feature-format") ?? "{}") ?? {}
 		};
 		e.tagName.toLowerCase() === "div" && r.push([]);
-		let o = xY(e, a, n);
+		let o = wY(e, a, n);
 		o.slice(0, 1);
 		for (let e of o.slice(0, 1)) for (let t of e) t.text === "\n" ? r.push([]) : r[r.length - 1].push(t);
 		for (let e of o.slice(1)) r.push(e);
 	}
 	return r.filter((e) => e.length > 0);
 }
-function SY(e, t, n) {
+function TY(e, t, n) {
 	return e.map(({ text: r, format: i }, a) => {
 		let o = e.slice(0, a).reduce((e, { text: t }) => e + t.length, 0);
 		return {
@@ -74031,26 +74081,26 @@ function SY(e, t, n) {
 		};
 	}).filter(({ text: e }) => e.length > 0);
 }
-function CY(e) {
+function EY(e) {
 	return e.reduce((e, { text: t }) => e + t.length, 0);
 }
-function wY(e, t, n, r) {
+function DY(e, t, n, r) {
 	let i = B(t.value), a = B(t.value);
 	W(t, () => {
 		xE(i.value, t.value) || (i.value = t.value, o.value = xe());
 	});
-	let o = B(xe()), s = gY(e), c = (t) => {
+	let o = B(xe()), s = yY(e), c = (t) => {
 		if (e.value) {
-			let t = xY(e.value, {}, !0), r = t.reduce((e, t) => {
-				let n = bY(t);
+			let t = wY(e.value, {}, !0), r = t.reduce((e, t) => {
+				let n = CY(t);
 				return [...e, ...n];
 			}, []).filter((e, n) => [].concat(...t.slice(n)).length > 0), o = n.maxLengthPerLine ?? Infinity, s = n.maxLength ?? Infinity, c = n.maxLines ?? Infinity, l = 0;
 			a.value = r.map((e, t) => {
 				if (e.length === 1 && e[0].text === "") return e;
-				let n = CY(SY(e, 0, o));
+				let n = EY(TY(e, 0, o));
 				l += n;
 				let r = l + t, i = t >= c ? 0 : Math.min(n - Math.max(r - s, 0), o);
-				return [...SY(e, 0, i), ...SY(e, i, Infinity).map((e) => ({
+				return [...TY(e, 0, i), ...TY(e, i, Infinity).map((e) => ({
 					text: e.text,
 					format: {
 						...e.format,
@@ -74071,14 +74121,14 @@ function wY(e, t, n, r) {
 	let u = (e, t, n, r) => {
 		let i = t + n;
 		return CE(e.map((n, a) => {
-			let o = a + e.slice(0, a).map(CY).reduce((e, t) => e + t, 0), s = CY(n), c = SY(n, t - o, i - o).map(({ text: e }) => e).join("");
+			let o = a + e.slice(0, a).map(EY).reduce((e, t) => e + t, 0), s = EY(n), c = TY(n, t - o, i - o).map(({ text: e }) => e).join("");
 			return o + s >= t && o < i ? [
-				...SY(n, 0, t - o),
+				...TY(n, 0, t - o),
 				{
 					text: c,
 					format: r
 				},
-				...SY(n, i - o, Infinity)
+				...TY(n, i - o, Infinity)
 			] : n;
 		})).map((e) => {
 			let t = [];
@@ -74098,19 +74148,19 @@ function wY(e, t, n, r) {
 		applyFormat: (t, n, r, s = !0) => {
 			let { start: c, length: d } = l(t, n);
 			i.value = u(i.value, c, d, r), a.value = u(a.value, c, d, r), o.value = xe(), k(() => {
-				e.value && s && EY(e.value, c, d);
+				e.value && s && kY(e.value, c, d);
 			});
 		},
 		resolveFeatures: (e, t) => {
 			let n = e + t;
 			return i.value.map((t, r) => {
-				let a = r + i.value.slice(0, r).map(CY).reduce((e, t) => e + t, 0);
-				return SY(t, e - a, n - a);
+				let a = r + i.value.slice(0, r).map(EY).reduce((e, t) => e + t, 0);
+				return TY(t, e - a, n - a);
 			});
 		}
 	};
 }
-function TY(e, t) {
+function OY(e, t) {
 	let n = document.createTreeWalker(t), r = n.nextNode(), i = 0;
 	for (; r;) {
 		if (r === e) return i;
@@ -74118,12 +74168,12 @@ function TY(e, t) {
 	}
 	return null;
 }
-function EY(e, t, n) {
+function kY(e, t, n) {
 	let r = t + n, i = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null), a = [], o = i.nextNode();
 	for (; o;) {
 		let n = o.textContent?.length ?? 0;
 		if (n > 0) {
-			let i = TY(o, e);
+			let i = OY(o, e);
 			if (i !== null && i < r && i + n > t) {
 				let e = Math.max(0, t - i), s = Math.min(Math.max(0, r - i), i + n);
 				a.push({
@@ -74145,7 +74195,7 @@ function EY(e, t, n) {
 }
 //#endregion
 //#region src/components/RichTextDisplay.vue?vue&type=script&setup=true&lang.ts
-var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__PURE__*/ q(/* @__PURE__ */ y({
+var AY = ["contenteditable", "data-ghost"], jY = ["data-paragraph"], MY = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "RichTextDisplay",
 	props: {
 		paragraphs: {},
@@ -74195,9 +74245,9 @@ var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__P
 			key: 0,
 			"data-custom-br": "true",
 			"data-paragraph": JSON.stringify(e)
-		}, null, 8, OY)) : f("", !0)], 64))), 128))], 42, DY));
+		}, null, 8, jY)) : f("", !0)], 64))), 128))], 42, AY));
 	}
-}), [["__scopeId", "data-v-88776d3a"]]), AY = { class: "rich-text-wrapper" }, jY = ["data-feature-format"], MY = ["data-feature-format"], NY = /*#__PURE__*/ q(/* @__PURE__ */ y({
+}), [["__scopeId", "data-v-88776d3a"]]), NY = { class: "rich-text-wrapper" }, PY = ["data-feature-format"], FY = ["data-feature-format"], IY = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "RichText",
 	props: {
 		value: {},
@@ -74220,7 +74270,7 @@ var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__P
 		"update:focus"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = l(() => !r.multiline), o = B(), s = B(), c = l(() => o.value?.richTextEditorDivRef), { handleInputEvent: u, paragraphs: f, visibleParagraphs: h, manipulationState: g, applyFormat: _, resolveFeatures: y, selection: b } = wY(c, le(r, "value"), {
+		let r = e, i = n, a = l(() => !r.multiline), o = B(), s = B(), c = l(() => o.value?.richTextEditorDivRef), { handleInputEvent: u, paragraphs: f, visibleParagraphs: h, manipulationState: g, applyFormat: _, resolveFeatures: y, selection: b } = DY(c, le(r, "value"), {
 			maxLength: r.maxLength,
 			maxLengthPerLine: r.maxLengthPerLine,
 			maxLines: r.maxLines
@@ -74265,7 +74315,7 @@ var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__P
 		}), t({
 			applyFormat: _,
 			resolveFeatures: y
-		}), (t, n) => (L(), p("div", { class: A(["rich-text", { focus: C.value }]) }, [m("div", AY, [v(kY, {
+		}), (t, n) => (L(), p("div", { class: A(["rich-text", { focus: C.value }]) }, [m("div", NY, [v(MY, {
 			ref_key: "richTextDisplayGhostInstance",
 			ref: s,
 			paragraphs: U(h),
@@ -74280,9 +74330,9 @@ var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__P
 					"line-overflow": !!t.format.lineOverflow,
 					overflow: !!t.format.overflow
 				}])
-			}, H(t.text), 11, jY)]),
+			}, H(t.text), 11, PY)]),
 			_: 1
-		}, 8, ["paragraphs"]), (L(), d(kY, {
+		}, 8, ["paragraphs"]), (L(), d(MY, {
 			ref_key: "richTextDisplayInstance",
 			ref: o,
 			key: U(g),
@@ -74294,7 +74344,7 @@ var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__P
 			feature: G((t) => [m("span", {
 				"data-feature-format": JSON.stringify(t.format),
 				class: A(["feature-wrapper", { [t.cssclass(e.renderFeatureInlineStyle(t.format))]: !0 }])
-			}, H(t.text), 11, MY)]),
+			}, H(t.text), 11, FY)]),
 			_: 1
 		}, 8, [
 			"paragraphs",
@@ -74305,46 +74355,96 @@ var DY = ["contenteditable", "data-ghost"], OY = ["data-paragraph"], kY = /*#__P
 }), [["__scopeId", "data-v-53250444"]]);
 //#endregion
 //#region src/util/gallery.ts
-function PY(e) {
+function LY(e) {
 	return (e.canvases?.length ?? 0) >= 2;
 }
-function FY(e) {
+function RY(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n in e) {
 		let r = e[n];
 		if (!r) continue;
-		let i = PY(r) ? n : r.name;
+		let i = LY(r) ? n : r.name;
 		t.has(i) || t.set(i, {}), t.get(i)[n] = r;
 	}
 	let n = (e, t) => Object.values(e)[0]?.name ?? t, r = Array.from(t.entries()).sort(([e, t], [r, i]) => n(t, e).toLowerCase().localeCompare(n(i, r).toLowerCase()));
 	return Object.fromEntries(r);
 }
-var IY = "Other";
-function LY(e) {
+var zY = "Other";
+function BY(e) {
 	return [...e].sort((e, t) => e.title.toLowerCase().localeCompare(t.title.toLowerCase()));
 }
-function RY(e, t, n) {
-	let r = t ?? [], i = new Set((n ?? []).flatMap((e) => e.items)), a = (t) => {
+function VY(e, t) {
+	let n = e[t];
+	return LY(n) ? t : n.name;
+}
+function HY(e, t) {
+	return [...Object.entries(e).map(([e, t]) => ({
+		kind: "template",
+		key: e,
+		templates: t
+	})), ...t.map((e) => ({
+		kind: "asset",
+		asset: e
+	}))];
+}
+function UY(e, t, n) {
+	let r = RY(e), i = new Map(t.map((e) => [e.id, e])), a = [], o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
+	for (let t of n) if (e[t]) {
+		let i = VY(e, t);
+		if (o.has(i)) continue;
+		o.add(i);
+		let s = r[i], c = Object.keys(s).sort((e, t) => WY(n, e) - WY(n, t));
+		a.push({
+			kind: "template",
+			key: i,
+			templates: Object.fromEntries(c.map((e) => [e, s[e]]))
+		});
+	} else i.has(t) && !s.has(t) && (s.add(t), a.push({
+		kind: "asset",
+		asset: i.get(t)
+	}));
+	for (let [e, t] of Object.entries(r)) o.has(e) || a.push({
+		kind: "template",
+		key: e,
+		templates: t
+	});
+	for (let e of BY(t)) s.has(e.id) || a.push({
+		kind: "asset",
+		asset: e
+	});
+	return a;
+}
+function WY(e, t) {
+	let n = e.indexOf(t);
+	return n < 0 ? 2 ** 53 - 1 : n;
+}
+function GY(e, t, n, r = {}) {
+	let i = t ?? [], a = new Set((n ?? []).flatMap((e) => e.items)), o = Array.isArray(r.order) ? r.order : null, s = (t) => {
 		let n = {};
 		for (let r in e) e[r] && t(r) && (n[r] = e[r]);
 		return n;
-	}, o = (n ?? []).map((e) => ({
-		category: e.label,
-		templatesByName: FY(a((t) => e.items.includes(t))),
-		assets: LY(r.filter((t) => e.items.includes(t.id)))
-	})), s = a((e) => !i.has(e)), c = LY(r.filter((e) => !i.has(e.id)));
-	return (Object.keys(s).length > 0 || c.length > 0) && o.push({
-		category: IY,
-		templatesByName: FY(s),
-		assets: c
-	}), o.filter((e) => Object.keys(e.templatesByName).length > 0 || e.assets.length > 0);
-}
-function zY(e, t, n) {
-	return RY(e, t, n).map((e) => e.category);
+	}, c = (e, t, n, r, i) => {
+		let a = RY(n), o = BY(r);
+		return {
+			category: e,
+			categoryIndex: t,
+			templatesByName: a,
+			assets: o,
+			items: i ? UY(n, r, i) : HY(a, o)
+		};
+	}, l = (n ?? []).map((e, t) => c(e.label, t, s((t) => e.items.includes(t)), i.filter((t) => e.items.includes(t.id)), o ? e.items : null)), u = s((e) => !a.has(e)), d = i.filter((e) => !a.has(e.id));
+	return (Object.keys(u).length > 0 || d.length > 0) && l.push(c(zY, null, u, d, o)), r.includeEmpty ? l : l.filter((e) => e.items.length > 0);
+}
+function KY(e, t, n) {
+	let r = t ?? [];
+	return Array.isArray(n) ? UY(e, r, n) : HY(RY(e), BY(r));
+}
+function qY(e, t, n) {
+	return GY(e, t, n).map((e) => e.category);
 }
 //#endregion
 //#region src/util/aspectRatio.ts
-function BY(e, t) {
+function JY(e, t) {
 	let n = [0, 1], r = [1, 0];
 	for (;;) {
 		let i = [n[0] + r[0], n[1] + r[1]];
@@ -74358,51 +74458,51 @@ function BY(e, t) {
 		}
 	}
 }
-var VY = (e, t) => {
-	let n = BY(e / t, 50);
+var YY = (e, t) => {
+	let n = JY(e / t, 50);
 	return `${n[0]}:${n[1]}`;
 };
-function HY(e) {
-	let t = e.meta.width, n = e.meta.height, r = mY(t, n, 300);
-	return r ? r.level : VY(t, n);
+function XY(e) {
+	let t = e.meta.width, n = e.meta.height, r = _Y(t, n, 300);
+	return r ? r.level : YY(t, n);
 }
 //#endregion
 //#region src/util/assetAuth.ts
-var UY = "password", WY = "access_token";
-function GY(e) {
+var ZY = "password", QY = "access_token";
+function $Y(e) {
 	return {
 		...e?.password ? { "X-Bluepic-Password": e.password } : {},
 		...e?.accessToken ? { Authorization: `Bearer ${e.accessToken}` } : {}
 	};
 }
-function KY(e, t) {
+function eX(e, t) {
 	if (!t?.password && !t?.accessToken) return e;
-	let [n, r] = qY(e), i = n.includes("?") ? "&" : "?", a = new URLSearchParams();
-	return t.password && a.set(UY, t.password), t.accessToken && a.set(WY, t.accessToken), `${n}${i}${a.toString()}${r}`;
+	let [n, r] = tX(e), i = n.includes("?") ? "&" : "?", a = new URLSearchParams();
+	return t.password && a.set(ZY, t.password), t.accessToken && a.set(QY, t.accessToken), `${n}${i}${a.toString()}${r}`;
 }
-function qY(e) {
+function tX(e) {
 	let t = e.indexOf("#");
 	return t === -1 ? [e, ""] : [e.slice(0, t), e.slice(t)];
 }
 //#endregion
 //#region src/components/AssetViewer/AssetViewer.vue?vue&type=script&setup=true&lang.ts
-var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disabled"], ZY = { class: "page-label" }, QY = ["disabled"], $Y = ["aria-label"], eX = {
+var nX = { class: "viewer-header-tools" }, rX = ["aria-pressed"], iX = ["disabled"], aX = { class: "page-label" }, oX = ["disabled"], sX = ["aria-label"], cX = {
 	key: 0,
 	class: "page-rail",
 	"aria-label": "Pages"
-}, tX = [
+}, lX = [
 	"aria-current",
 	"aria-label",
 	"onClick"
-], nX = { class: "rail-number" }, rX = ["src"], iX = ["src", "alt"], aX = ["src", "poster"], oX = {
+], uX = { class: "rail-number" }, dX = ["src"], fX = ["src", "alt"], pX = ["src", "poster"], mX = {
 	key: 4,
 	class: "audio-player"
-}, sX = { class: "transport" }, cX = ["aria-label"], lX = {
+}, hX = { class: "transport" }, gX = ["aria-label"], _X = {
 	viewBox: "0 0 24 24",
 	width: "22",
 	height: "22",
 	"aria-hidden": "true"
-}, uX = {
+}, vX = {
 	key: 0,
 	x: "6",
 	y: "5",
@@ -74410,7 +74510,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 	height: "14",
 	rx: "1.5",
 	fill: "currentColor"
-}, dX = {
+}, yX = {
 	key: 1,
 	x: "14",
 	y: "5",
@@ -74418,75 +74518,75 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 	height: "14",
 	rx: "1.5",
 	fill: "currentColor"
-}, fX = {
+}, bX = {
 	key: 2,
 	d: "M8 5.5v13l11-6.5z",
 	fill: "currentColor"
-}, pX = { class: "time" }, mX = { class: "time total" }, hX = ["src"], gX = {
+}, xX = { class: "time" }, SX = { class: "time total" }, CX = ["src"], wX = {
 	key: 5,
 	class: "sheet-view"
-}, _X = {
+}, TX = {
 	key: 0,
 	class: "text-status"
-}, vX = {
+}, EX = {
 	key: 0,
 	class: "doc-toolbar"
-}, yX = { class: "sheet-scroll" }, bX = { class: "sheet-table" }, xX = { class: "row-number" }, SX = {
+}, DX = { class: "sheet-scroll" }, OX = { class: "sheet-table" }, kX = { class: "row-number" }, AX = {
 	key: 1,
 	class: "text-status"
-}, CX = {
+}, jX = {
 	key: 2,
 	class: "text-status"
-}, wX = {
+}, MX = {
 	key: 6,
 	class: "email-view"
-}, TX = {
+}, NX = {
 	key: 0,
 	class: "text-status"
-}, EX = { class: "email-headers" }, DX = { key: 0 }, OX = { key: 1 }, kX = {
+}, PX = { class: "email-headers" }, FX = { key: 0 }, IX = { key: 1 }, LX = {
 	key: 0,
 	class: "email-attachments"
-}, AX = { class: "attachment-label" }, jX = ["innerHTML"], MX = {
+}, RX = { class: "attachment-label" }, zX = ["innerHTML"], BX = {
 	key: 2,
 	class: "text-status"
-}, NX = {
+}, VX = {
 	key: 7,
 	class: "markdown-view"
-}, PX = {
+}, HX = {
 	key: 0,
 	class: "text-status"
-}, FX = ["innerHTML"], IX = {
+}, UX = ["innerHTML"], WX = {
 	key: 2,
 	class: "text-status"
-}, LX = {
+}, GX = {
 	key: 8,
 	class: "text-view"
-}, RX = {
+}, KX = {
 	key: 0,
 	class: "text-status"
-}, zX = { class: "text-body" }, BX = {
+}, qX = { class: "text-body" }, JX = {
 	key: 0,
 	class: "text-status"
-}, VX = {
+}, YX = {
 	key: 2,
 	class: "text-status"
-}, HX = {
+}, XX = {
 	key: 0,
 	class: "font-error"
-}, UX = { class: "specimen-controls" }, WX = { class: "specimen-scale" }, GX = { class: "scale-label" }, KX = {
+}, ZX = { class: "specimen-controls" }, QX = { class: "specimen-scale" }, $X = { class: "scale-label" }, eZ = {
 	key: 2,
 	class: "font-loading"
-}, qX = ["src", "alt"], JX = {
+}, tZ = ["src", "alt"], nZ = {
 	key: 11,
 	class: "no-preview"
-}, YX = { class: "ext-badge" }, XX = { class: "name" }, ZX = {
+}, rZ = { class: "ext-badge" }, iZ = { class: "name" }, aZ = {
 	key: 12,
 	class: "rendering",
 	"aria-live": "polite"
-}, QX = {
+}, oZ = {
 	key: 1,
 	class: "description"
-}, $X = 3, eZ = 2, tZ = 524288, nZ = 500, rZ = /*#__PURE__*/ q(/* @__PURE__ */ y({
+}, sZ = 3, cZ = 2, lZ = 524288, uZ = 500, dZ = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "AssetViewer",
 	props: {
 		asset: {},
@@ -74499,9 +74599,9 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 		let n = e, r = t, i = /pdf|postscript|illustrator|photoshop|eps|psd/, s = /csv|tab-separated|spreadsheet|ms-excel/, c = /font|opentype|truetype|woff/, u = l(() => {
 			let e = n.asset.mime;
 			return n.asset.kind === "image" ? "image" : e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : c.test(e) ? "font" : s.test(e) || /\.(csv|tsv|xlsx?|ods)$/i.test(n.asset.filename) ? "sheet" : e === "message/rfc822" || /\.eml$/i.test(n.asset.filename) ? "email" : e === "text/markdown" || /\.mdx?$/i.test(n.asset.filename) ? "markdown" : e.startsWith("text/") || e === "application/json" ? "text" : n.renderPage && (n.asset.documentUrl || i.test(e)) ? "page" : "none";
-		}), h = l(() => n.asset.downloadUrl.replace(/\/download(?=$|\?)/, "/preview")), g = l(() => KY(h.value, n.assetAuth)), _ = l(() => ({
+		}), h = l(() => n.asset.downloadUrl.replace(/\/download(?=$|\?)/, "/preview")), g = l(() => eX(h.value, n.assetAuth)), _ = l(() => ({
 			credentials: "omit",
-			headers: GY(n.assetAuth)
+			headers: $Y(n.assetAuth)
 		})), y = B(), b = B(), x = B(), S = B(!1), C = B();
 		async function w() {
 			if (!(u.value !== "text" && u.value !== "markdown" || x.value !== void 0)) {
@@ -74510,7 +74610,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 					let e = await fetch(h.value, _.value);
 					if (!e.ok) throw Error(`Could not load the file (${e.status})`);
 					let t = await e.arrayBuffer();
-					S.value = t.byteLength > tZ, x.value = new TextDecoder("utf-8", { fatal: !1 }).decode(t.slice(0, tZ)), qe.value = !0, u.value === "markdown" && await pe(x.value);
+					S.value = t.byteLength > lZ, x.value = new TextDecoder("utf-8", { fatal: !1 }).decode(t.slice(0, lZ)), qe.value = !0, u.value === "markdown" && await pe(x.value);
 				} catch (e) {
 					console.warn("[AssetViewer] text could not be loaded", e), C.value = "This file could not be loaded for preview. You can still download it.";
 				}
@@ -74531,7 +74631,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 				if (s === "\"") a = !0;
 				else if (s === t) r.push(i), i = "";
 				else if (s === "\n") {
-					if (r.push(i), n.push(r), r = [], i = "", n.length > nZ) break;
+					if (r.push(i), n.push(r), r = [], i = "", n.length > uZ) break;
 				} else s !== "\r" && (i += s);
 			}
 			return (i !== "" || r.length) && (r.push(i), n.push(r)), n;
@@ -74560,7 +74660,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 				raw: !1,
 				defval: ""
 			});
-			O.value = r.length > nZ, T.value = r.slice(0, nZ).map((e) => e.map((e) => String(e ?? "")));
+			O.value = r.length > uZ, T.value = r.slice(0, uZ).map((e) => e.map((e) => String(e ?? "")));
 		}
 		async function ne() {
 			if (!(u.value !== "sheet" || T.value.length || k.value)) try {
@@ -74570,7 +74670,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 				if (/sheet|ms-excel/.test(n.asset.mime) || /\.(xlsx?|ods)$/i.test(n.asset.filename)) j = (await import("./xlsx-Bm1OL5B8.js")).read(t, { type: "array" }), E.value = j.SheetNames, D.value = E.value[0] ?? "", D.value && await R(D.value);
 				else {
 					let e = new TextDecoder("utf-8", { fatal: !1 }).decode(t), n = ee(e, I(e));
-					O.value = n.length > nZ, T.value = n.slice(0, nZ);
+					O.value = n.length > uZ, T.value = n.slice(0, uZ);
 				}
 				qe.value = !0;
 			} catch (e) {
@@ -74797,12 +74897,12 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 				if (it || t !== rt) return;
 				let i = b.value;
 				if (!i) return;
-				let a = Math.min(typeof window < "u" && window.devicePixelRatio || 1, eZ);
+				let a = Math.min(typeof window < "u" && window.devicePixelRatio || 1, cZ);
 				if (await n.renderPage(r, i, {
 					page: e,
 					dpi: 96 * a
 				}), it || t !== rt) return;
-				if (i.width && i.height && (Ge.value = i.width / i.height), qe.value = !0, nt.set(e, i), nt.size > $X) {
+				if (i.width && i.height && (Ge.value = i.width / i.height), qe.value = !0, nt.set(e, i), nt.size > sZ) {
 					let e = nt.keys().next().value;
 					e !== void 0 && nt.delete(e);
 				}
@@ -74859,7 +74959,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 			key: 0,
 			to: U(ge) || void 0
 		}, {
-			default: G(() => [m("div", JY, [
+			default: G(() => [m("div", nX, [
 				u.value === "page" && Ze.value > 1 ? (L(), p(a, { key: 0 }, [
 					m("button", {
 						class: A(["tool-btn rail-toggle", { active: st.value }]),
@@ -74899,22 +74999,22 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 							stroke: "currentColor",
 							"stroke-width": "1.6"
 						})
-					], -1)]], 10, YY),
+					], -1)]], 10, rX),
 					m("button", {
 						class: "tool-btn",
 						type: "button",
 						disabled: Xe.value <= 1,
 						"aria-label": "Previous page",
 						onClick: n[1] ||= (e) => mt(Xe.value - 1)
-					}, "‹", 8, XY),
-					m("span", ZY, H(Xe.value) + " / " + H(Ze.value), 1),
+					}, "‹", 8, iX),
+					m("span", aX, H(Xe.value) + " / " + H(Ze.value), 1),
 					m("button", {
 						class: "tool-btn",
 						type: "button",
 						disabled: Xe.value >= Ze.value,
 						"aria-label": "Next page",
 						onClick: n[2] ||= (e) => mt(Xe.value + 1)
-					}, "›", 8, QY)
+					}, "›", 8, oX)
 				], 64)) : f("", !0),
 				u.value === "markdown" ? (L(), d(vF, {
 					key: 1,
@@ -74956,7 +75056,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 			"aria-modal": "true",
 			"aria-label": e.asset.title
 		}, [
-			ct.value ? (L(), p("aside", eX, [(L(!0), p(a, null, re(Ze.value, (e) => (L(), p("button", {
+			ct.value ? (L(), p("aside", cX, [(L(!0), p(a, null, re(Ze.value, (e) => (L(), p("button", {
 				key: e,
 				class: A(["rail-item", { current: e === Xe.value }]),
 				type: "button",
@@ -74967,7 +75067,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 				ref_for: !0,
 				ref: (t) => ft(e, t),
 				class: "rail-thumb"
-			}, null, 512), m("span", nX, H(e), 1)], 10, tX))), 128))])) : f("", !0),
+			}, null, 512), m("span", uX, H(e), 1)], 10, lX))), 128))])) : f("", !0),
 			m("div", {
 				ref_key: "stageRef",
 				ref: y,
@@ -74979,14 +75079,14 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 					src: e.asset.previewUrl,
 					alt: "",
 					"aria-hidden": "true"
-				}, null, 8, rX)) : f("", !0),
+				}, null, 8, dX)) : f("", !0),
 				u.value === "image" ? (L(), p("img", {
 					key: 1,
 					class: "full",
 					src: g.value,
 					alt: e.asset.title,
 					onLoad: Ke
-				}, null, 40, iX)) : u.value === "page" && !Ye.value ? (L(), p("canvas", {
+				}, null, 40, fX)) : u.value === "page" && !Ye.value ? (L(), p("canvas", {
 					key: 2,
 					ref_key: "canvasRef",
 					ref: b,
@@ -74999,21 +75099,21 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 					controls: "",
 					playsinline: "",
 					onLoadeddata: n[5] ||= (e) => qe.value = !0
-				}, null, 40, aX)) : u.value === "audio" ? (L(), p("div", oX, [
+				}, null, 40, pX)) : u.value === "audio" ? (L(), p("div", mX, [
 					m("canvas", {
 						ref_key: "waveCanvasRef",
 						ref: ke,
 						class: "wave",
 						"aria-hidden": "true"
 					}, null, 512),
-					m("div", sX, [
+					m("div", hX, [
 						m("button", {
 							class: "play",
 							type: "button",
 							"aria-label": Ae.value ? "Pause" : "Play",
 							onClick: Ue
-						}, [(L(), p("svg", lX, [Ae.value ? (L(), p("rect", uX)) : f("", !0), Ae.value ? (L(), p("rect", dX)) : (L(), p("path", fX))]))], 8, cX),
-						m("span", pX, H(We(Me.value)), 1),
+						}, [(L(), p("svg", _X, [Ae.value ? (L(), p("rect", vX)) : f("", !0), Ae.value ? (L(), p("rect", yX)) : (L(), p("path", bX))]))], 8, gX),
+						m("span", xX, H(We(Me.value)), 1),
 						v(eo, {
 							class: "seek",
 							"model-value": Me.value,
@@ -75028,7 +75128,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 							"max",
 							"aria-valuetext"
 						]),
-						m("span", mX, H(We(je.value)), 1)
+						m("span", SX, H(We(je.value)), 1)
 					]),
 					m("audio", {
 						ref_key: "audioRef",
@@ -75043,37 +75143,37 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 						onPlay: Re,
 						onPause: n[8] ||= (e) => Ae.value = !1,
 						onEnded: n[9] ||= (e) => Ae.value = !1
-					}, null, 40, hX)
-				])) : u.value === "sheet" ? (L(), p("div", gX, [k.value ? (L(), p("div", _X, H(k.value), 1)) : T.value.length ? (L(), p(a, { key: 1 }, [
-					E.value.length > 1 ? (L(), p("div", vX, [v(vF, {
+					}, null, 40, CX)
+				])) : u.value === "sheet" ? (L(), p("div", wX, [k.value ? (L(), p("div", TX, H(k.value), 1)) : T.value.length ? (L(), p(a, { key: 1 }, [
+					E.value.length > 1 ? (L(), p("div", EX, [v(vF, {
 						"model-value": D.value,
 						tabs: me.value,
 						size: "small",
 						"aria-label": "Sheets",
 						"onUpdate:modelValue": te
 					}, null, 8, ["model-value", "tabs"])])) : f("", !0),
-					m("div", yX, [m("table", bX, [m("thead", null, [m("tr", null, [n[14] ||= m("th", {
+					m("div", DX, [m("table", OX, [m("thead", null, [m("tr", null, [n[14] ||= m("th", {
 						class: "row-number",
 						scope: "col"
 					}, null, -1), (L(!0), p(a, null, re(T.value[0], (e, t) => (L(), p("th", {
 						key: t,
 						scope: "col"
-					}, H(e), 1))), 128))])]), m("tbody", null, [(L(!0), p(a, null, re(T.value.slice(1), (e, t) => (L(), p("tr", { key: t }, [m("td", xX, H(t + 2), 1), (L(!0), p(a, null, re(e, (e, t) => (L(), p("td", {
+					}, H(e), 1))), 128))])]), m("tbody", null, [(L(!0), p(a, null, re(T.value.slice(1), (e, t) => (L(), p("tr", { key: t }, [m("td", kX, H(t + 2), 1), (L(!0), p(a, null, re(e, (e, t) => (L(), p("td", {
 						key: t,
 						class: A({ numeric: P(e) })
 					}, H(e), 3))), 128))]))), 128))])])]),
-					O.value ? (L(), p("div", SX, "Showing the first " + H(nZ) + " rows — download the file for the rest.")) : f("", !0)
-				], 64)) : (L(), p("div", CX, "Loading…"))])) : u.value === "email" ? (L(), p("div", wX, [ae.value ? (L(), p("div", TX, H(ae.value), 1)) : V.value ? (L(), p(a, { key: 1 }, [
-					m("dl", EX, [(L(!0), p(a, null, re(oe.value, (e) => (L(), p(a, { key: e.label }, [e.value ? (L(), p("dt", DX, H(e.label), 1)) : f("", !0), e.value ? (L(), p("dd", OX, H(e.value), 1)) : f("", !0)], 64))), 128))]),
-					V.value.attachments.length ? (L(), p("div", kX, [m("span", AX, H(V.value.attachments.length) + " attachment" + H(V.value.attachments.length === 1 ? "" : "s") + ":", 1), (L(!0), p(a, null, re(V.value.attachments, (e) => (L(), p("span", {
+					O.value ? (L(), p("div", AX, "Showing the first " + H(uZ) + " rows — download the file for the rest.")) : f("", !0)
+				], 64)) : (L(), p("div", jX, "Loading…"))])) : u.value === "email" ? (L(), p("div", MX, [ae.value ? (L(), p("div", NX, H(ae.value), 1)) : V.value ? (L(), p(a, { key: 1 }, [
+					m("dl", PX, [(L(!0), p(a, null, re(oe.value, (e) => (L(), p(a, { key: e.label }, [e.value ? (L(), p("dt", FX, H(e.label), 1)) : f("", !0), e.value ? (L(), p("dd", IX, H(e.value), 1)) : f("", !0)], 64))), 128))]),
+					V.value.attachments.length ? (L(), p("div", LX, [m("span", RX, H(V.value.attachments.length) + " attachment" + H(V.value.attachments.length === 1 ? "" : "s") + ":", 1), (L(!0), p(a, null, re(V.value.attachments, (e) => (L(), p("span", {
 						key: e,
 						class: "attachment-chip"
 					}, H(e), 1))), 128))])) : f("", !0),
 					m("div", {
 						class: "email-body",
 						innerHTML: V.value.bodyHtml
-					}, null, 8, jX)
-				], 64)) : (L(), p("div", MX, "Loading…"))])) : u.value === "markdown" ? (L(), p("div", NX, [C.value ? (L(), p("div", PX, H(C.value), 1)) : x.value === void 0 ? (L(), p("div", IX, "Loading…")) : (L(), p(a, { key: 1 }, [ue.value ? (L(), d(oG, {
+					}, null, 8, zX)
+				], 64)) : (L(), p("div", BX, "Loading…"))])) : u.value === "markdown" ? (L(), p("div", VX, [C.value ? (L(), p("div", HX, H(C.value), 1)) : x.value === void 0 ? (L(), p("div", WX, "Loading…")) : (L(), p(a, { key: 1 }, [ue.value ? (L(), d(oG, {
 					key: 1,
 					code: x.value,
 					language: "markdown",
@@ -75082,12 +75182,12 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 					key: 0,
 					class: "markdown-body",
 					innerHTML: de.value
-				}, null, 8, FX))], 64))])) : u.value === "text" ? (L(), p("div", LX, [C.value ? (L(), p("div", RX, H(C.value), 1)) : x.value === void 0 ? (L(), p("div", VX, "Loading…")) : (L(), p(a, { key: 1 }, [m("pre", zX, H(x.value), 1), S.value ? (L(), p("div", BX, " Showing the first " + H(Math.round(tZ / 1024)) + " KB — download the file for the rest. ", 1)) : f("", !0)], 64))])) : u.value === "font" ? (L(), p("div", {
+				}, null, 8, UX))], 64))])) : u.value === "text" ? (L(), p("div", GX, [C.value ? (L(), p("div", KX, H(C.value), 1)) : x.value === void 0 ? (L(), p("div", YX, "Loading…")) : (L(), p(a, { key: 1 }, [m("pre", qX, H(x.value), 1), S.value ? (L(), p("div", JX, " Showing the first " + H(Math.round(lZ / 1024)) + " KB — download the file for the rest. ", 1)) : f("", !0)], 64))])) : u.value === "font" ? (L(), p("div", {
 					key: 9,
 					class: "font-book",
 					style: M({ "--specimen-family": we.value })
-				}, [Ce.value ? (L(), p("div", HX, H(Ce.value), 1)) : Se.value ? (L(), p(a, { key: 1 }, [
-					m("div", UX, [v(TO, {
+				}, [Ce.value ? (L(), p("div", XX, H(Ce.value), 1)) : Se.value ? (L(), p(a, { key: 1 }, [
+					m("div", ZX, [v(TO, {
 						modelValue: be.value,
 						"onUpdate:modelValue": n[10] ||= (e) => be.value = e,
 						class: "specimen-input",
@@ -75112,7 +75212,7 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 						m("div", { class: "glyph-row" }, "abcdefghijklmnopqrstuvwxyz"),
 						m("div", { class: "glyph-row" }, "0123456789 & ! ? @ # € $ % ( ) [ ] { } / \\ — “ ” ‘ ’")
 					], -1),
-					m("div", WX, [(L(), p(a, null, re([
+					m("div", QX, [(L(), p(a, null, re([
 						12,
 						16,
 						24,
@@ -75122,31 +75222,31 @@ var JY = { class: "viewer-header-tools" }, YY = ["aria-pressed"], XY = ["disable
 						key: e,
 						class: "scale-row",
 						style: M({ fontSize: `${e}px` })
-					}, [m("span", GX, H(e), 1), n[15] ||= m("span", { class: "scale-sample" }, "The quick brown fox jumps over the lazy dog", -1)], 4)), 64))])
-				], 64)) : (L(), p("div", KX, "Loading typeface…"))], 4)) : e.asset.previewUrl ? (L(), p("img", {
+					}, [m("span", $X, H(e), 1), n[15] ||= m("span", { class: "scale-sample" }, "The quick brown fox jumps over the lazy dog", -1)], 4)), 64))])
+				], 64)) : (L(), p("div", eZ, "Loading typeface…"))], 4)) : e.asset.previewUrl ? (L(), p("img", {
 					key: 10,
 					class: "full generated-preview",
 					src: e.asset.previewUrl,
 					alt: e.asset.title,
 					onLoad: n[12] ||= (e) => qe.value = !0
-				}, null, 40, qX)) : (L(), p("div", JX, [
-					m("div", YX, H(Qe.value), 1),
-					m("p", XX, H(e.asset.filename), 1),
+				}, null, 40, tZ)) : (L(), p("div", nZ, [
+					m("div", rZ, H(Qe.value), 1),
+					m("p", iZ, H(e.asset.filename), 1),
 					n[17] ||= m("p", { class: "hint" }, "This file type can’t be previewed here.", -1)
 				])),
-				Je.value ? (L(), p("div", ZX, "Rendering…")) : f("", !0)
+				Je.value ? (L(), p("div", aZ, "Rendering…")) : f("", !0)
 			], 2),
-			e.asset.description ? (L(), p("p", QX, H(e.asset.description), 1)) : f("", !0)
-		], 14, $Y)], 64));
+			e.asset.description ? (L(), p("p", oZ, H(e.asset.description), 1)) : f("", !0)
+		], 14, sX)], 64));
 	}
-}), [["__scopeId", "data-v-fcc6d687"]]), iZ;
-function aZ() {
+}), [["__scopeId", "data-v-fcc6d687"]]), fZ;
+function pZ() {
 	let e = B(!1), t = B(!1), n = B(0), r = B(!1), i, a, o = 0;
 	function s() {
 		a &&= (URL.revokeObjectURL(a), void 0), i &&= (i.pause(), i.removeAttribute("src"), i.load(), void 0), r.value = !1, e.value = !1, t.value = !1, n.value = 0;
 	}
 	function c() {
-		o++, iZ === s && (iZ = void 0), s();
+		o++, fZ === s && (fZ = void 0), s();
 	}
 	async function l(c, l) {
 		if (i) {
@@ -75154,7 +75254,7 @@ function aZ() {
 			return;
 		}
 		let u = ++o;
-		iZ?.(), iZ = s, t.value = !0;
+		fZ?.(), fZ = s, t.value = !0;
 		let d;
 		try {
 			d = typeof c == "function" ? await c() : c;
@@ -75198,19 +75298,19 @@ function aZ() {
 }
 //#endregion
 //#region src/components/BxAudioPlayButton.vue?vue&type=script&setup=true&lang.ts
-var oZ = ["aria-label", "aria-busy"], sZ = {
+var mZ = ["aria-label", "aria-busy"], hZ = {
 	class: "ring",
 	viewBox: "0 0 44 44",
 	"aria-hidden": "true"
-}, cZ = ["stroke-dashoffset"], lZ = {
+}, gZ = ["stroke-dashoffset"], _Z = {
 	class: "glyph",
 	viewBox: "0 0 24 24",
 	"aria-hidden": "true"
-}, uZ = {
+}, vZ = {
 	key: 1,
 	d: "M8.5 5.5v13l10-6.5z",
 	fill: "currentColor"
-}, dZ = /*#__PURE__*/ q(/* @__PURE__ */ y({
+}, yZ = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "BxAudioPlayButton",
 	props: {
 		playing: {
@@ -75235,7 +75335,7 @@ var oZ = ["aria-label", "aria-busy"], sZ = {
 			"aria-label": e.playing ? "Pause" : "Play",
 			"aria-busy": e.loading || void 0,
 			onClick: n[0] ||= ye((e) => r("toggle"), ["stop"])
-		}, [(L(), p("svg", sZ, [n[1] ||= m("circle", {
+		}, [(L(), p("svg", hZ, [n[1] ||= m("circle", {
 			class: "track",
 			cx: "22",
 			cy: "22",
@@ -75247,7 +75347,7 @@ var oZ = ["aria-label", "aria-busy"], sZ = {
 			r: "20",
 			"stroke-dasharray": i,
 			"stroke-dashoffset": i * (1 - o.value)
-		}, null, 8, cZ)])), (L(), p("svg", lZ, [e.playing ? (L(), p(a, { key: 0 }, [n[2] ||= m("rect", {
+		}, null, 8, gZ)])), (L(), p("svg", _Z, [e.playing ? (L(), p(a, { key: 0 }, [n[2] ||= m("rect", {
 			x: "7",
 			y: "5",
 			width: "3.5",
@@ -75261,9 +75361,9 @@ var oZ = ["aria-label", "aria-busy"], sZ = {
 			height: "14",
 			rx: "1.25",
 			fill: "currentColor"
-		}, null, -1)], 64)) : (L(), p("path", uZ))]))], 10, oZ));
+		}, null, -1)], 64)) : (L(), p("path", vZ))]))], 10, mZ));
 	}
-}), [["__scopeId", "data-v-09ee9555"]]), fZ = ["aria-label"], pZ = /*#__PURE__*/ q(/* @__PURE__ */ y({
+}), [["__scopeId", "data-v-09ee9555"]]), bZ = ["aria-label"], xZ = /*#__PURE__*/ q(/* @__PURE__ */ y({
 	__name: "BxWaveformThumb",
 	props: {
 		src: {},
@@ -75275,9 +75375,9 @@ var oZ = ["aria-label", "aria-busy"], sZ = {
 			style: M({ "--bx-waveform-src": `url(${JSON.stringify(e.src)})` }),
 			role: "img",
 			"aria-label": e.alt
-		}, null, 12, fZ));
+		}, null, 12, bZ));
 	}
-}), [["__scopeId", "data-v-69c139e5"]]), mZ = "bluepic-app-wrapper", hZ = `.${mZ}`;
+}), [["__scopeId", "data-v-69c139e5"]]), SZ = "bluepic-app-wrapper", CZ = `.${SZ}`;
 oO(), window.bluepicPopupProvider = new BI();
 //#endregion
-export { WY as ASSET_AUTH_QUERY_ACCESS_TOKEN, UY as ASSET_AUTH_QUERY_PASSWORD, Ub as ASSET_PROXY_KEY, GJ as BluepicEmbed, wI as BluepicFieldComponents, WL as BluepicLogo, jG as BluepicSpinner, wR as BxAlert, rZ as BxAssetViewer, dZ as BxAudioPlayButton, EG as BxAvatar, DG as BxBadge, Yb as BxButton, iI as BxButtonGroup, cE as BxCard, tj as BxCheckbox, oG as BxCode, KF as BxColorPicker, ZF as BxColorPickerPopover, lA as BxCropper, CK as BxDatePicker, FK as BxDatePickerPopover, _G as BxDrawer, yk as BxDropdown, IJ as BxEmbedThemeDarkmode, RJ as BxEmbedThemeDarkmodeWcag, LJ as BxEmbedThemeLightmode, zJ as BxEmbedThemeLightmodeWcag, PO as BxEmpty, MI as BxFields, XS as BxIcon, mA as BxImageCropper, TO as BxInput, sk as BxList, fk as BxListItem, oL as BxLiveTemplate, WD as BxMenu, eI as BxNumberInput, ID as BxPopover, QT as BxPopup, $I as BxPreviewLayer, XT as BxProgress, qK as BxRadio, WK as BxRadioGroup, dT as BxScrollbar, QD as BxSelect, eo as BxSlider, Kb as BxSpin, gG as BxStepper, sG as BxSwitch, zK as BxTab, QL as BxTable, vF as BxTabs, LR as BxTag, tG as BxTemplateEditor, lO as BxTooltip, mE as BxUpload, pZ as BxWaveformThumb, yF as CSS_COLOR_NAMES, qL as CircularProgress, HI as CollectionFieldPopup, aY as DIN_LEVELS, BR as ExportAnalytics, gA as FACE_VERTICAL_ANCHOR, $P as FieldIcons, mZ as GLOBAL_APP_WRAPPER_CLASS, hZ as GLOBAL_APP_WRAPPER_SELECTOR, bJ as LEGACY_BRIDGE, hA as MIN_FACE_SCORE, lF as MapboxMap, IY as OTHER_CATEGORY, NY as RichText, cq as SEMANTIC_PREFIX, lq as SEMANTIC_TOKEN_GROUPS, sq as SEMANTIC_TOKEN_NAMES, fq as STATUS_BASES, BL as SlidesNavigation, dq as THEME_HOUSE_PRESETS, uq as THEME_PRESETS, iY as Tabs, zL as TemplateView, aq as UserAvatar, eY as UserInfo, kE as anyTextToRichText, EA as applyAutoCrop, Rb as applyColorMatricesToImage, Hb as applyColorMatrix, Lb as applyColorMatrixToColor, PJ as applyTheme, BY as aspectRatio, VY as aspectRatioStr, GY as assetRequestHeaders, VR as canvasLabel, HR as canvasSizeToken, CE as cloneDeep, zY as collectPortalCategories, UI as convertDeprecatedField, TR as cropImage, Bb as cropToVisibleBBox, vb as cssFontsCache, CF as cyrb53, wF as cyrb53ToHex, WR as deliverableFileNames, pY as dinPixels, Nb as exportSVGDocument, RR as extractHost, BJ as fetchWithProgress, VJ as fetchWithProgressV1, UR as fitCanvasBox, GP as flattenFieldTable, JP as flattenFields, eF as getDefaultValueForFieldModel, ZP as getFieldDescription, QP as getFieldsDescription, $K as getInitials, OE as getRawText, HY as getTemplateAspectRatioHumanReadable, ZK as getTemplateLiveUrl, XK as getTemplatePreviewUrl, YK as getTemplateSerialUrl, DJ as getThemeStyle, zb as getVisibleBBox, TE as groupFeatureByLinebreaks, RY as groupPortalItemsByCategory, FY as groupTemplatesByName, xA as hasFaceDetector, bF as hslToRgb, mY as identifyDin, bk as imageInfo, yb as imagesCache, qJ as initEmbeds, oO as initInputModality, GT as injectPortal, SF as isDark, PY as isMultiCanvasTemplateDescriptor, TJ as looksLikeThemeInput, KP as modelField, Sk as normalizeAdjust, xk as normalizeCrop, QK as optimizePreviewUrl, EF as parseColor, Vb as rasterize, tF as realizeField, rF as renderFieldIcon, Ib as renderSVG, Wv as resolveAssetUrl, wb as resolveCSSFontFile, Eb as resolveImage, yJ as resolveTheme, kJ as resolveThemeStyle, OF as rgbToHex, kF as rgbToHsv, xF as rgba, bA as setFaceDetector, iO as setInputModality, vA as solveAutoCrop, LY as sortPortalAssetsByTitle, TF as stringToHslColor, nF as stringifyField, xb as textIsInUnicodeRange, pq as themeColor, EJ as themeInputFromLegacyCustomStyle, wJ as themeToCssText, CJ as themeToCssVars, DF as toHex2, EE as ungroupFeaturesDividedByLinebreaks, Wb as useAssetProxy, aZ as useAudioPlayback, XP as useFields, YP as useMobileFields, WT as usePopup, FJ as useTheme, NJ as useThemeV2, Sa as useUpload, oq as waitUntil, KY as withAssetAuthQuery };
+export { QY as ASSET_AUTH_QUERY_ACCESS_TOKEN, ZY as ASSET_AUTH_QUERY_PASSWORD, Ub as ASSET_PROXY_KEY, GJ as BluepicEmbed, wI as BluepicFieldComponents, WL as BluepicLogo, jG as BluepicSpinner, wR as BxAlert, dZ as BxAssetViewer, yZ as BxAudioPlayButton, EG as BxAvatar, DG as BxBadge, Yb as BxButton, iI as BxButtonGroup, cE as BxCard, tj as BxCheckbox, oG as BxCode, KF as BxColorPicker, ZF as BxColorPickerPopover, lA as BxCropper, CK as BxDatePicker, FK as BxDatePickerPopover, _G as BxDrawer, yk as BxDropdown, IJ as BxEmbedThemeDarkmode, RJ as BxEmbedThemeDarkmodeWcag, LJ as BxEmbedThemeLightmode, zJ as BxEmbedThemeLightmodeWcag, PO as BxEmpty, MI as BxFields, XS as BxIcon, mA as BxImageCropper, TO as BxInput, sk as BxList, fk as BxListItem, oL as BxLiveTemplate, WD as BxMenu, eI as BxNumberInput, ID as BxPopover, QT as BxPopup, $I as BxPreviewLayer, XT as BxProgress, qK as BxRadio, WK as BxRadioGroup, dT as BxScrollbar, QD as BxSelect, eo as BxSlider, Kb as BxSpin, gG as BxStepper, sG as BxSwitch, zK as BxTab, QL as BxTable, vF as BxTabs, LR as BxTag, tG as BxTemplateEditor, lO as BxTooltip, mE as BxUpload, xZ as BxWaveformThumb, yF as CSS_COLOR_NAMES, qL as CircularProgress, HI as CollectionFieldPopup, cY as DIN_LEVELS, BR as ExportAnalytics, gA as FACE_VERTICAL_ANCHOR, $P as FieldIcons, SZ as GLOBAL_APP_WRAPPER_CLASS, CZ as GLOBAL_APP_WRAPPER_SELECTOR, bJ as LEGACY_BRIDGE, hA as MIN_FACE_SCORE, lF as MapboxMap, zY as OTHER_CATEGORY, IY as RichText, cq as SEMANTIC_PREFIX, lq as SEMANTIC_TOKEN_GROUPS, sq as SEMANTIC_TOKEN_NAMES, fq as STATUS_BASES, BL as SlidesNavigation, dq as THEME_HOUSE_PRESETS, uq as THEME_PRESETS, sY as Tabs, zL as TemplateView, aq as UserAvatar, rY as UserInfo, kE as anyTextToRichText, EA as applyAutoCrop, Rb as applyColorMatricesToImage, Hb as applyColorMatrix, Lb as applyColorMatrixToColor, PJ as applyTheme, JY as aspectRatio, YY as aspectRatioStr, $Y as assetRequestHeaders, VR as canvasLabel, HR as canvasSizeToken, CE as cloneDeep, qY as collectPortalCategories, UI as convertDeprecatedField, TR as cropImage, Bb as cropToVisibleBBox, vb as cssFontsCache, CF as cyrb53, wF as cyrb53ToHex, WR as deliverableFileNames, gY as dinPixels, Nb as exportSVGDocument, RR as extractHost, BJ as fetchWithProgress, VJ as fetchWithProgressV1, UR as fitCanvasBox, KY as flatPortalItems, GP as flattenFieldTable, JP as flattenFields, eF as getDefaultValueForFieldModel, ZP as getFieldDescription, QP as getFieldsDescription, $K as getInitials, OE as getRawText, XY as getTemplateAspectRatioHumanReadable, ZK as getTemplateLiveUrl, XK as getTemplatePreviewUrl, YK as getTemplateSerialUrl, DJ as getThemeStyle, zb as getVisibleBBox, TE as groupFeatureByLinebreaks, GY as groupPortalItemsByCategory, RY as groupTemplatesByName, xA as hasFaceDetector, bF as hslToRgb, _Y as identifyDin, bk as imageInfo, yb as imagesCache, qJ as initEmbeds, oO as initInputModality, GT as injectPortal, SF as isDark, LY as isMultiCanvasTemplateDescriptor, TJ as looksLikeThemeInput, KP as modelField, Sk as normalizeAdjust, xk as normalizeCrop, XJ as openPopup, QK as optimizePreviewUrl, UY as orderPortalItems, EF as parseColor, Vb as rasterize, tF as realizeField, rF as renderFieldIcon, Ib as renderSVG, Wv as resolveAssetUrl, wb as resolveCSSFontFile, Eb as resolveImage, yJ as resolveTheme, kJ as resolveThemeStyle, OF as rgbToHex, kF as rgbToHsv, xF as rgba, bA as setFaceDetector, iO as setInputModality, vA as solveAutoCrop, BY as sortPortalAssetsByTitle, TF as stringToHslColor, nF as stringifyField, xb as textIsInUnicodeRange, pq as themeColor, EJ as themeInputFromLegacyCustomStyle, wJ as themeToCssText, CJ as themeToCssVars, DF as toHex2, EE as ungroupFeaturesDividedByLinebreaks, Wb as useAssetProxy, pZ as useAudioPlayback, XP as useFields, YP as useMobileFields, WT as usePopup, FJ as useTheme, NJ as useThemeV2, Sa as useUpload, oq as waitUntil, eX as withAssetAuthQuery };