@maildeno/editor 0.4.3 → 0.4.4

package/dist/init.js

@@ -1,156 +1,148 @@
-import { O as h, at as reactive, i as createApp, st as ref } from "./vue.runtime.esm-bundler-BaHqghYy.js";
-import { a as setEditorTheme, c as getRegisteredCustomESPs, d as registerMergeTags, f as getAllBlocks, h as createLocalStorageAdapter, i as palette, l as registerESPSyntax, m as registerBlock, n as registerMaildenoEditorElement, p as getBlock, r as EmailEditor_default, s as buildShadowStyles, u as getRegisteredMergeTagIds } from "./element-95RHug4F.js";
-//#region src/lightDom.ts
-var stylesInjected = false;
-/**
-* The shadow path hands these strings to defineCustomElement, which turns
-* them into <style> tags inside the shadow root. Here they go to
-* document.head instead — same content, different destination. Guarded so
-* multiple editors on one page inject once.
-*/
-function injectStylesIntoHead() {
-	if (stylesInjected || typeof document === "undefined") return;
-	stylesInjected = true;
-	for (const css of buildShadowStyles()) {
-		if (!css) continue;
-		const style = document.createElement("style");
-		style.setAttribute("data-maildeno-light-dom", "");
-		style.textContent = css;
-		document.head.appendChild(style);
-	}
+import { r as g, c as u, b as f, h as v, _ as S, a as h, d as E } from "./element-DyFj9kgl.js";
+import { e as A, g as C, f as J, i as M, j, p as I, k as R, l as x, m as N, s as P } from "./element-DyFj9kgl.js";
+let c = !1;
+function p() {
+  if (!(c || typeof document > "u")) {
+    c = !0;
+    for (const e of f()) {
+      if (!e) continue;
+      const l = document.createElement("style");
+      l.setAttribute("data-maildeno-light-dom", ""), l.textContent = e, document.head.appendChild(l);
+    }
+  }
 }
-function mountLightDom(container, initialProps) {
-	injectStylesIntoHead();
-	const props = reactive({ ...initialProps });
-	const saveHandlers = /* @__PURE__ */ new Set();
-	const editorRef = ref(null);
-	const mountEl = document.createElement("div");
-	mountEl.style.height = "100%";
-	container.appendChild(mountEl);
-	const app = createApp({ setup() {
-		return () => h(EmailEditor_default, {
-			...props,
-			ref: editorRef,
-			onSave: (payload) => saveHandlers.forEach((fn) => fn(payload))
-		});
-	} });
-	app.mount(mountEl);
-	return {
-		element: mountEl,
-		exposed: () => editorRef.value ?? null,
-		setProp: (key, value) => {
-			props[key] = value;
-		},
-		addSaveHandler: (fn) => saveHandlers.add(fn),
-		removeSaveHandler: (fn) => saveHandlers.delete(fn),
-		destroy: () => {
-			app.unmount();
-			mountEl.remove();
-		}
-	};
+function y(e, l) {
+  p();
+  const a = g({ ...l }), i = /* @__PURE__ */ new Set(), d = h(null), n = document.createElement("div");
+  n.style.height = "100%", e.appendChild(n);
+  const r = u({
+    setup() {
+      return () => v(S, {
+        ...a,
+        ref: d,
+        onSave: (t) => i.forEach((s) => s(t))
+      });
+    }
+  });
+  return r.mount(n), {
+    element: n,
+    exposed: () => d.value ?? null,
+    setProp: (t, s) => {
+      a[t] = s;
+    },
+    addSaveHandler: (t) => i.add(t),
+    removeSaveHandler: (t) => i.delete(t),
+    destroy: () => {
+      r.unmount(), n.remove();
+    }
+  };
 }
-//#endregion
-//#region src/init.ts
-function toDomEventName(event) {
-	return event;
+async function H(e) {
+  const l = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
+  if (!l)
+    throw new Error(
+      `[maildeno-editor] init() couldn't find a container${typeof e.container == "string" ? ` matching "${e.container}"` : ""}.`
+    );
+  if (e.shadowDom === !1) {
+    const n = y(l, {
+      templateId: e.templateId,
+      storageAdapter: e.storageAdapter,
+      theme: e.theme,
+      capabilities: e.capabilities,
+      onSendTestEmail: e.onSendTestEmail,
+      brandName: e.brandName,
+      versions: e.versions,
+      saveHandler: e.onSave,
+      assistant: e.assistant
+    });
+    await new Promise((t) => setTimeout(t, 0));
+    const r = (t, ...s) => {
+      var m;
+      const o = (m = n.exposed()) == null ? void 0 : m[t];
+      return typeof o == "function" ? o(...s) : null;
+    };
+    return {
+      element: n.element,
+      on: (t, s) => n.addSaveHandler(s),
+      off: (t, s) => n.removeSaveHandler(s),
+      setTheme: (t) => n.setProp("theme", t),
+      getHtml: (t = "prune") => r("getHtml", t),
+      getMjml: (t = "prune") => r("getMjml", t),
+      getReactEmail: (t = "prune") => r("getReactEmail", t),
+      getJson: () => r("getJson"),
+      setJson: (t, s) => {
+        r("setJson", t, s);
+      },
+      getSelection: () => r("getSelection"),
+      setSelection: (t) => r("setSelection", t) ?? !1,
+      // Falls back to a no-op unsubscribe rather than null so callers can
+      // always call the result — a host storing it and invoking it during
+      // teardown shouldn't have to null-check a cleanup function.
+      onChange: (t) => r("onChange", t) ?? (() => {
+      }),
+      destroy: () => n.destroy()
+    };
+  }
+  E();
+  const a = document.createElement("maildeno-editor");
+  e.templateId !== void 0 && (a.templateId = e.templateId), e.storageAdapter && (a.storageAdapter = e.storageAdapter), e.theme && (a.theme = e.theme), e.capabilities && (a.capabilities = e.capabilities), e.onSendTestEmail && (a.onSendTestEmail = e.onSendTestEmail), e.brandName !== void 0 && (a.brandName = e.brandName), e.versions !== void 0 && (a.versions = e.versions), e.assistant && (a.assistant = e.assistant), e.onSave && (a.saveHandler = e.onSave), l.appendChild(a), await new Promise((n) => setTimeout(n, 0));
+  const i = /* @__PURE__ */ new WeakMap();
+  return {
+    element: a,
+    on(n, r) {
+      const t = ((s) => r(
+        Array.isArray(s.detail) ? s.detail[0] : s.detail
+      ));
+      i.set(r, t), a.addEventListener(n, t);
+    },
+    off(n, r) {
+      const t = i.get(r);
+      t && (a.removeEventListener(n, t), i.delete(r));
+    },
+    setTheme(n) {
+      a.theme = n;
+    },
+    getHtml(n = "prune") {
+      return a.getHtml ? a.getHtml(n) : null;
+    },
+    getMjml(n = "prune") {
+      return a.getMjml ? a.getMjml(n) : null;
+    },
+    getReactEmail(n = "prune") {
+      return a.getReactEmail ? a.getReactEmail(n) : null;
+    },
+    getJson() {
+      return a.getJson ? a.getJson() : null;
+    },
+    setJson(n, r) {
+      var t;
+      (t = a.setJson) == null || t.call(a, n, r);
+    },
+    getSelection() {
+      return a.getSelection ? a.getSelection() : null;
+    },
+    setSelection(n) {
+      return a.setSelection ? a.setSelection(n) : !1;
+    },
+    onChange(n) {
+      return a.onChange ? a.onChange(n) : () => {
+      };
+    },
+    destroy() {
+      a.remove();
+    }
+  };
 }
-async function init(options) {
-	const container = typeof options.container === "string" ? document.querySelector(options.container) : options.container;
-	if (!container) throw new Error(`[maildeno-editor] init() couldn't find a container${typeof options.container === "string" ? ` matching "${options.container}"` : ""}.`);
-	if (options.shadowDom === false) {
-		const mount = mountLightDom(container, {
-			templateId: options.templateId,
-			storageAdapter: options.storageAdapter,
-			theme: options.theme,
-			capabilities: options.capabilities,
-			onSendTestEmail: options.onSendTestEmail,
-			brandName: options.brandName,
-			versions: options.versions,
-			saveHandler: options.onSave,
-			assistant: options.assistant
-		});
-		await new Promise((resolve) => setTimeout(resolve, 0));
-		const call = (name, ...args) => {
-			const fn = mount.exposed()?.[name];
-			return typeof fn === "function" ? fn(...args) : null;
-		};
-		return {
-			element: mount.element,
-			on: (_event, handler) => mount.addSaveHandler(handler),
-			off: (_event, handler) => mount.removeSaveHandler(handler),
-			setTheme: (theme) => mount.setProp("theme", theme),
-			getHtml: (mode = "prune") => call("getHtml", mode),
-			getMjml: (mode = "prune") => call("getMjml", mode),
-			getReactEmail: (mode = "prune") => call("getReactEmail", mode),
-			getJson: () => call("getJson"),
-			setJson: (data, opts) => {
-				call("setJson", data, opts);
-			},
-			getSelection: () => call("getSelection"),
-			setSelection: (id) => call("setSelection", id) ?? false,
-			onChange: (cb) => call("onChange", cb) ?? (() => {}),
-			destroy: () => mount.destroy()
-		};
-	}
-	registerMaildenoEditorElement();
-	const el = document.createElement("maildeno-editor");
-	if (options.templateId !== void 0) el.templateId = options.templateId;
-	if (options.storageAdapter) el.storageAdapter = options.storageAdapter;
-	if (options.theme) el.theme = options.theme;
-	if (options.capabilities) el.capabilities = options.capabilities;
-	if (options.onSendTestEmail) el.onSendTestEmail = options.onSendTestEmail;
-	if (options.brandName !== void 0) el.brandName = options.brandName;
-	if (options.versions !== void 0) el.versions = options.versions;
-	if (options.assistant) el.assistant = options.assistant;
-	if (options.onSave) el.saveHandler = options.onSave;
-	container.appendChild(el);
-	await new Promise((resolve) => setTimeout(resolve, 0));
-	const listenerWrappers = /* @__PURE__ */ new WeakMap();
-	return {
-		element: el,
-		on(event, handler) {
-			const wrapped = ((e) => handler(Array.isArray(e.detail) ? e.detail[0] : e.detail));
-			listenerWrappers.set(handler, wrapped);
-			el.addEventListener(toDomEventName(event), wrapped);
-		},
-		off(event, handler) {
-			const wrapped = listenerWrappers.get(handler);
-			if (wrapped) {
-				el.removeEventListener(toDomEventName(event), wrapped);
-				listenerWrappers.delete(handler);
-			}
-		},
-		setTheme(theme) {
-			el.theme = theme;
-		},
-		getHtml(mode = "prune") {
-			return el.getHtml ? el.getHtml(mode) : null;
-		},
-		getMjml(mode = "prune") {
-			return el.getMjml ? el.getMjml(mode) : null;
-		},
-		getReactEmail(mode = "prune") {
-			return el.getReactEmail ? el.getReactEmail(mode) : null;
-		},
-		getJson() {
-			return el.getJson ? el.getJson() : null;
-		},
-		setJson(data, opts) {
-			el.setJson?.(data, opts);
-		},
-		getSelection() {
-			return el.getSelection ? el.getSelection() : null;
-		},
-		setSelection(id) {
-			return el.setSelection ? el.setSelection(id) : false;
-		},
-		onChange(cb) {
-			return el.onChange ? el.onChange(cb) : () => {};
-		},
-		destroy() {
-			el.remove();
-		}
-	};
-}
-//#endregion
-export { createLocalStorageAdapter, getAllBlocks, getBlock, getRegisteredCustomESPs, getRegisteredMergeTagIds, init, palette, registerBlock, registerESPSyntax, registerMergeTags, setEditorTheme };
+export {
+  A as createLocalStorageAdapter,
+  C as getAllBlocks,
+  J as getBlock,
+  M as getRegisteredCustomESPs,
+  j as getRegisteredMergeTagIds,
+  H as init,
+  I as palette,
+  R as registerBlock,
+  x as registerESPSyntax,
+  N as registerMergeTags,
+  P as setEditorTheme
+};