@maildeno/editor 0.4.3 → 0.4.5

package/dist/init.js

@@ -1,156 +1,136 @@
-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 { O as o, at as c, i as u, st as g } from "./vue.runtime.esm-bundler-CsdyQceJ.js";
+import { a as H, c as b, d as w, f as T, h as A, i as C, l as J, m as M, n as f, p as I, r as v, s as S, u as R } from "./element-Dq6bmt2l.js";
+var m = !1;
+function h() {
+  if (!(m || typeof document > "u")) {
+    m = !0;
+    for (const e of S()) {
+      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 E(e, l) {
+  h();
+  const t = c({ ...l }), i = /* @__PURE__ */ new Set(), a = g(null), r = document.createElement("div");
+  r.style.height = "100%", e.appendChild(r);
+  const n = u({ setup() {
+    return () => o(v, {
+      ...t,
+      ref: a,
+      onSave: (s) => i.forEach((d) => d(s))
+    });
+  } });
+  return n.mount(r), {
+    element: r,
+    exposed: () => a.value ?? null,
+    setProp: (s, d) => {
+      t[s] = d;
+    },
+    addSaveHandler: (s) => i.add(s),
+    removeSaveHandler: (s) => i.delete(s),
+    destroy: () => {
+      n.unmount(), r.remove();
+    }
+  };
 }
-//#endregion
-//#region src/init.ts
-function toDomEventName(event) {
-	return event;
+async function j(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 a = E(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((n) => setTimeout(n, 0));
+    const r = (n, ...s) => {
+      const d = a.exposed()?.[n];
+      return typeof d == "function" ? d(...s) : null;
+    };
+    return {
+      element: a.element,
+      on: (n, s) => a.addSaveHandler(s),
+      off: (n, s) => a.removeSaveHandler(s),
+      setTheme: (n) => a.setProp("theme", n),
+      getHtml: (n = "prune") => r("getHtml", n),
+      getMjml: (n = "prune") => r("getMjml", n),
+      getReactEmail: (n = "prune") => r("getReactEmail", n),
+      getJson: () => r("getJson"),
+      setJson: (n, s) => {
+        r("setJson", n, s);
+      },
+      getSelection: () => r("getSelection"),
+      setSelection: (n) => r("setSelection", n) ?? !1,
+      onChange: (n) => r("onChange", n) ?? (() => {
+      }),
+      destroy: () => a.destroy()
+    };
+  }
+  f();
+  const t = document.createElement("maildeno-editor");
+  e.templateId !== void 0 && (t.templateId = e.templateId), e.storageAdapter && (t.storageAdapter = e.storageAdapter), e.theme && (t.theme = e.theme), e.capabilities && (t.capabilities = e.capabilities), e.onSendTestEmail && (t.onSendTestEmail = e.onSendTestEmail), e.brandName !== void 0 && (t.brandName = e.brandName), e.versions !== void 0 && (t.versions = e.versions), e.assistant && (t.assistant = e.assistant), e.onSave && (t.saveHandler = e.onSave), l.appendChild(t), await new Promise((a) => setTimeout(a, 0));
+  const i = /* @__PURE__ */ new WeakMap();
+  return {
+    element: t,
+    on(a, r) {
+      const n = ((s) => r(Array.isArray(s.detail) ? s.detail[0] : s.detail));
+      i.set(r, n), t.addEventListener(a, n);
+    },
+    off(a, r) {
+      const n = i.get(r);
+      n && (t.removeEventListener(a, n), i.delete(r));
+    },
+    setTheme(a) {
+      t.theme = a;
+    },
+    getHtml(a = "prune") {
+      return t.getHtml ? t.getHtml(a) : null;
+    },
+    getMjml(a = "prune") {
+      return t.getMjml ? t.getMjml(a) : null;
+    },
+    getReactEmail(a = "prune") {
+      return t.getReactEmail ? t.getReactEmail(a) : null;
+    },
+    getJson() {
+      return t.getJson ? t.getJson() : null;
+    },
+    setJson(a, r) {
+      t.setJson?.(a, r);
+    },
+    getSelection() {
+      return t.getSelection ? t.getSelection() : null;
+    },
+    setSelection(a) {
+      return t.setSelection ? t.setSelection(a) : !1;
+    },
+    onChange(a) {
+      return t.onChange ? t.onChange(a) : () => {
+      };
+    },
+    destroy() {
+      t.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,
+  T as getAllBlocks,
+  I as getBlock,
+  b as getRegisteredCustomESPs,
+  R as getRegisteredMergeTagIds,
+  j as init,
+  C as palette,
+  M as registerBlock,
+  J as registerESPSyntax,
+  w as registerMergeTags,
+  H as setEditorTheme
+};