@maildeno/editor 0.4.2 → 0.4.3

package/dist/init.js

@@ -1,174 +1,156 @@
-import { r as reactive, c as createApp, b as buildShadowStyles, h, _ as _sfc_main, a as ref, d as registerMaildenoEditorElement } from "./element-C2ZH0Z_i.js";
-import { e, g, f, i, j, p, k, l, m, s } from "./element-C2ZH0Z_i.js";
-let stylesInjected = false;
+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);
-  }
+	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);
+	}
 }
 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(_sfc_main, {
-        ...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();
-    }
-  };
+	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();
+		}
+	};
 }
+//#endregion
+//#region src/init.ts
 function toDomEventName(event) {
-  return event;
+	return event;
 }
 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) => {
-      var _a;
-      const fn = (_a = mount.exposed()) == null ? void 0 : _a[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,
-      // 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: (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();
-  const handle = {
-    element: el,
-    on(event, handler) {
-      const wrapped = ((e2) => handler(
-        Array.isArray(e2.detail) ? e2.detail[0] : e2.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) {
-      var _a;
-      (_a = el.setJson) == null ? void 0 : _a.call(el, 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();
-    }
-  };
-  return handle;
+	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();
+		}
+	};
 }
-export {
-  e as createLocalStorageAdapter,
-  g as getAllBlocks,
-  f as getBlock,
-  i as getRegisteredCustomESPs,
-  j as getRegisteredMergeTagIds,
-  init,
-  p as palette,
-  k as registerBlock,
-  l as registerESPSyntax,
-  m as registerMergeTags,
-  s as setEditorTheme
-};
+//#endregion
+export { createLocalStorageAdapter, getAllBlocks, getBlock, getRegisteredCustomESPs, getRegisteredMergeTagIds, init, palette, registerBlock, registerESPSyntax, registerMergeTags, setEditorTheme };