vue-intlayer 8.3.1 → 8.3.2

package/dist/esm/editor/dictionariesRecord.mjs

@@ -1,53 +1,36 @@
-import { MessageKey as s } from "@intlayer/editor";
-import { ref as l, readonly as d, inject as m, watch as D } from "vue";
-import { createSharedComposable as R } from "./createSharedComposable.mjs";
-import { useCrossFrameState as u } from "./useCrossFrameState.mjs";
-let o = null;
-const n = /* @__PURE__ */ Symbol(
-  "intlayerDictionariesRecord"
-), f = () => {
-  if (o) return o;
-  const e = l(void 0);
-  return o = {
-    localeDictionaries: d(e),
-    setLocaleDictionaries: (i) => {
-      e.value = i ?? {};
-    },
-    setLocaleDictionary(i) {
-      e.value = {
-        ...e.value,
-        [i.localId]: i
-      };
-    }
-  }, o;
-}, C = (e) => {
-  const i = f();
-  import("@intlayer/unmerged-dictionaries-entry").then((t) => {
-    const r = t.getUnmergedDictionaries(), a = Object.fromEntries(
-      Object.values(r).flat().map((c) => [c.localId, c])
-    );
-    i.setLocaleDictionaries(a);
-  }), e.provide(n, i);
-}, v = R(() => {
-  const e = m(
-    n
-  );
-  if (!e)
-    throw new Error("DictionariesRecord state not found");
-  const [i, t] = u(
-    s.INTLAYER_LOCALE_DICTIONARIES_CHANGED,
-    void 0
-  );
-  D(
-    e.localeDictionaries,
-    (r) => {
-      t(r);
-    },
-    { immediate: !0 }
-  );
+import { createSharedComposable as e } from "./createSharedComposable.mjs";
+import { useCrossFrameState as t } from "./useCrossFrameState.mjs";
+import { inject as n, readonly as r, ref as i, watch as a } from "vue";
+import { MessageKey as o } from "@intlayer/editor";
+//#region src/editor/dictionariesRecord.ts
+var s = null, c = Symbol("intlayerDictionariesRecord"), l = () => {
+	if (s) return s;
+	let e = i(void 0);
+	return s = {
+		localeDictionaries: r(e),
+		setLocaleDictionaries: (t) => {
+			e.value = t ?? {};
+		},
+		setLocaleDictionary(t) {
+			e.value = {
+				...e.value,
+				[t.localId]: t
+			};
+		}
+	}, s;
+}, u = (e) => {
+	let t = l();
+	import("@intlayer/unmerged-dictionaries-entry").then((e) => {
+		let n = e.getUnmergedDictionaries(), r = Object.fromEntries(Object.values(n).flat().map((e) => [e.localId, e]));
+		t.setLocaleDictionaries(r);
+	}), e.provide(c, t);
+}, d = e(() => {
+	let e = n(c);
+	if (!e) throw Error("DictionariesRecord state not found");
+	let [r, i] = t(o.INTLAYER_LOCALE_DICTIONARIES_CHANGED, void 0);
+	a(e.localeDictionaries, (e) => {
+		i(e);
+	}, { immediate: !0 });
 });
-export {
-  f as createDictionaryRecordClient,
-  C as installDictionariesRecord,
-  v as useDictionariesRecord
-};
+//#endregion
+export { l as createDictionaryRecordClient, u as installDictionariesRecord, d as useDictionariesRecord };

package/dist/esm/editor/editedContent.mjs

@@ -1,64 +1,42 @@
-import { getContentNodeByKeyPath as u } from "@intlayer/core/dictionaryManipulator";
-import { MessageKey as N } from "@intlayer/editor";
-import { NodeType as p } from "@intlayer/types/nodeType";
-import { ref as T, readonly as v, inject as h, watch as C } from "vue";
-import { createSharedComposable as _ } from "./createSharedComposable.mjs";
-import { useCrossFrameState as y } from "./useCrossFrameState.mjs";
-let d = null;
-const f = /* @__PURE__ */ Symbol("EditedContent"), D = (e) => {
-  if (d) return d;
-  const n = T({});
-  return d = {
-    editedContent: v(n),
-    getEditedContentValue: (t, r) => {
-      const i = n.value;
-      if (!i) return;
-      const c = r.filter(
-        (o) => o.type !== p.Translation
-      ), E = t.includes(":local:") || t.includes(":remote:"), s = e?.locale.value;
-      if (E) {
-        const o = i?.[t]?.content ?? {};
-        return u(
-          o,
-          c,
-          s
-        );
-      }
-      const m = Object.keys(i).filter(
-        (o) => o.startsWith(`${t}:`)
-      );
-      for (const o of m) {
-        const l = i?.[o]?.content ?? {}, a = u(
-          l,
-          c,
-          s
-        );
-        if (a) return a;
-      }
-    },
-    setEditedContent: (t) => {
-      n.value = t;
-    }
-  }, d;
-}, A = (e, n) => {
-  const t = D(n);
-  e.provide(f, t);
-}, R = _(() => {
-  const e = h(f);
-  if (!e)
-    throw new Error("EditedContent state not found");
-  const [n, t] = y(
-    N.INTLAYER_EDITED_CONTENT_CHANGED,
-    {}
-  );
-  return C(n, (r) => {
-    e.editedContent.value = r ?? {};
-  }), C(e, (r) => {
-    t(r.editedContent.value);
-  }), e;
+import { createSharedComposable as e } from "./createSharedComposable.mjs";
+import { useCrossFrameState as t } from "./useCrossFrameState.mjs";
+import { NodeType as n } from "@intlayer/types/nodeType";
+import { inject as r, readonly as i, ref as a, watch as o } from "vue";
+import { MessageKey as s } from "@intlayer/editor";
+import { getContentNodeByKeyPath as c } from "@intlayer/core/dictionaryManipulator";
+//#region src/editor/editedContent.ts
+var l = null, u = Symbol("EditedContent"), d = (e) => {
+	if (l) return l;
+	let t = a({});
+	return l = {
+		editedContent: i(t),
+		getEditedContentValue: (r, i) => {
+			let a = t.value;
+			if (!a) return;
+			let o = i.filter((e) => e.type !== n.Translation), s = r.includes(":local:") || r.includes(":remote:"), l = e?.locale.value;
+			if (s) return c(a?.[r]?.content ?? {}, o, l);
+			let u = Object.keys(a).filter((e) => e.startsWith(`${r}:`));
+			for (let e of u) {
+				let t = c(a?.[e]?.content ?? {}, o, l);
+				if (t) return t;
+			}
+		},
+		setEditedContent: (e) => {
+			t.value = e;
+		}
+	}, l;
+}, f = (e, t) => {
+	let n = d(t);
+	e.provide(u, n);
+}, p = e(() => {
+	let e = r(u);
+	if (!e) throw Error("EditedContent state not found");
+	let [n, i] = t(s.INTLAYER_EDITED_CONTENT_CHANGED, {});
+	return o(n, (t) => {
+		e.editedContent.value = t ?? {};
+	}), o(e, (e) => {
+		i(e.editedContent.value);
+	}), e;
 });
-export {
-  D as createEditedContentClient,
-  A as installEditedContent,
-  R as useEditedContent
-};
+//#endregion
+export { d as createEditedContentClient, f as installEditedContent, p as useEditedContent };

package/dist/esm/editor/editorEnabled.mjs

@@ -1,56 +1,38 @@
-import E from "@intlayer/config/built";
-import { MessageKey as a } from "@intlayer/editor";
-import { ref as o, computed as f, inject as u, watch as c, onMounted as m, nextTick as p } from "vue";
-import { createSharedComposable as I } from "./createSharedComposable.mjs";
-import { useCrossFrameMessageListener as i } from "./useCrossFrameMessageListener.mjs";
-let r = null;
-const s = /* @__PURE__ */ Symbol("EditorEnabled"), l = () => typeof window > "u" ? !1 : window.self !== window.top, b = () => {
-  if (r) return r;
-  const e = o(E.editor.enabled), n = o(!1), t = o(!1), d = f(
-    () => e.value && n.value && t.value
-  );
-  return r = {
-    settingEnabled: e,
-    wrapperEnabled: n,
-    isInIframe: t,
-    enabled: d
-  }, r;
-}, T = (e) => {
-  const n = b();
-  typeof window < "u" && (n.isInIframe.value = l()), e.provide(s, n);
-}, A = I(() => {
-  const e = u(
-    s
-  );
-  if (!e)
-    throw new Error("EditorEnabled state not found");
-  i(
-    `${a.INTLAYER_EDITOR_ENABLED}/post`,
-    (t) => {
-      e.wrapperEnabled.value = t;
-    }
-  );
-  const n = i(
-    `${a.INTLAYER_EDITOR_ENABLED}/get`,
-    (t) => {
-      e.wrapperEnabled.value = t;
-    }
-  );
-  return c(
-    () => e.isInIframe.value && e.settingEnabled.value,
-    (t) => {
-      n();
-    },
-    { immediate: !0 }
-  ), m(() => {
-    p(() => {
-      const t = l();
-      e.isInIframe.value = t;
-    });
-  }), e;
+import { createSharedComposable as e } from "./createSharedComposable.mjs";
+import { useCrossFrameMessageListener as t } from "./useCrossFrameMessageListener.mjs";
+import n from "@intlayer/config/built";
+import { computed as r, inject as i, nextTick as a, onMounted as o, ref as s, watch as c } from "vue";
+import { MessageKey as l } from "@intlayer/editor";
+//#region src/editor/editorEnabled.ts
+var u = null, d = Symbol("EditorEnabled"), f = () => typeof window > "u" ? !1 : window.self !== window.top, p = () => {
+	if (u) return u;
+	let e = s(n.editor.enabled), t = s(!1), i = s(!1);
+	return u = {
+		settingEnabled: e,
+		wrapperEnabled: t,
+		isInIframe: i,
+		enabled: r(() => e.value && t.value && i.value)
+	}, u;
+}, m = (e) => {
+	let t = p();
+	typeof window < "u" && (t.isInIframe.value = f()), e.provide(d, t);
+}, h = e(() => {
+	let e = i(d);
+	if (!e) throw Error("EditorEnabled state not found");
+	t(`${l.INTLAYER_EDITOR_ENABLED}/post`, (t) => {
+		e.wrapperEnabled.value = t;
+	});
+	let n = t(`${l.INTLAYER_EDITOR_ENABLED}/get`, (t) => {
+		e.wrapperEnabled.value = t;
+	});
+	return c(() => e.isInIframe.value && e.settingEnabled.value, (e) => {
+		n();
+	}, { immediate: !0 }), o(() => {
+		a(() => {
+			let t = f();
+			e.isInIframe.value = t;
+		});
+	}), e;
 });
-export {
-  b as createEditorEnabledClient,
-  T as installEditorEnabled,
-  A as useEditorEnabled
-};
+//#endregion
+export { p as createEditorEnabledClient, m as installEditorEnabled, h as useEditorEnabled };

package/dist/esm/editor/editorLocale.mjs

@@ -1,12 +1,2 @@
-import "@intlayer/editor";
-import "vue";
-import { e as d } from "../../plugins-rixQm8YE.mjs";
-import "@intlayer/config/built";
-import "@intlayer/core/interpreter";
-import "../client/useLocaleStorage.mjs";
-import "@intlayer/core/localization";
-import "./createSharedComposable.mjs";
-import "./useCrossFrameState.mjs";
-export {
-  d as useEditorLocale
-};
+import { u as e } from "../../getDictionary-BE4ZLuzI.mjs";
+export { e as useEditorLocale };

package/dist/esm/editor/focusDictionary.mjs

@@ -1,39 +1,34 @@
-import { MessageKey as i } from "@intlayer/editor";
-import { ref as u, readonly as a, inject as f, watch as r } from "vue";
-import { createSharedComposable as l } from "./createSharedComposable.mjs";
-import { useCrossFrameState as C } from "./useCrossFrameState.mjs";
-let n = null;
-const c = /* @__PURE__ */ Symbol("FocusDictionary"), d = () => {
-  if (n) return n;
-  const t = u(null), e = (o) => {
-    t.value = o;
-  }, s = (o) => {
-    t.value && e({ ...t.value, keyPath: o });
-  };
-  return n = {
-    focusedContent: a(t),
-    setFocusedContent: e,
-    setFocusedContentKeyPath: s
-  }, n;
-}, S = (t) => {
-  const e = d();
-  t.provide(c, e);
-}, O = l(() => {
-  const t = f(
-    c
-  ), [e, s] = C(
-    i.INTLAYER_FOCUSED_CONTENT_CHANGED
-  );
-  if (!t)
-    throw new Error("FocusDictionary state not found");
-  return r(t.focusedContent, (o) => {
-    JSON.stringify(o) !== JSON.stringify(e.value) && s(o);
-  }), r(e, (o) => {
-    JSON.stringify(o) !== JSON.stringify(t.focusedContent.value) && t.setFocusedContent(o ?? null);
-  }), t;
+import { createSharedComposable as e } from "./createSharedComposable.mjs";
+import { useCrossFrameState as t } from "./useCrossFrameState.mjs";
+import { inject as n, readonly as r, ref as i, watch as a } from "vue";
+import { MessageKey as o } from "@intlayer/editor";
+//#region src/editor/focusDictionary.ts
+var s = null, c = Symbol("FocusDictionary"), l = () => {
+	if (s) return s;
+	let e = i(null), t = (t) => {
+		e.value = t;
+	};
+	return s = {
+		focusedContent: r(e),
+		setFocusedContent: t,
+		setFocusedContentKeyPath: (n) => {
+			e.value && t({
+				...e.value,
+				keyPath: n
+			});
+		}
+	}, s;
+}, u = (e) => {
+	let t = l();
+	e.provide(c, t);
+}, d = e(() => {
+	let e = n(c), [r, i] = t(o.INTLAYER_FOCUSED_CONTENT_CHANGED);
+	if (!e) throw Error("FocusDictionary state not found");
+	return a(e.focusedContent, (e) => {
+		JSON.stringify(e) !== JSON.stringify(r.value) && i(e);
+	}), a(r, (t) => {
+		JSON.stringify(t) !== JSON.stringify(e.focusedContent.value) && e.setFocusedContent(t ?? null);
+	}), e;
 });
-export {
-  d as createFocusDictionaryClient,
-  S as installFocusDictionary,
-  O as useFocusDictionary
-};
+//#endregion
+export { l as createFocusDictionaryClient, u as installFocusDictionary, d as useFocusDictionary };

package/dist/esm/editor/index.mjs

@@ -1,7 +1,3 @@
-import { _ as e, u as o } from "../../plugins-rixQm8YE.mjs";
-import { installIntlayerEditor as l } from "./installIntlayerEditor.mjs";
-export {
-  e as ContentSelectorWrapper,
-  l as installIntlayerEditor,
-  o as useEditor
-};
+import { c as e, l as t } from "../../getDictionary-BE4ZLuzI.mjs";
+import { installIntlayerEditor as n } from "./installIntlayerEditor.mjs";
+export { e as ContentSelectorWrapper, n as installIntlayerEditor, t as useEditor };

package/dist/esm/editor/installIntlayerEditor.mjs

@@ -1,17 +1,21 @@
-import n from "@intlayer/config/built";
-import { installCommunicator as r } from "./communicator.mjs";
-import { installDictionariesRecord as e } from "./dictionariesRecord.mjs";
-import { installEditedContent as s } from "./editedContent.mjs";
-import { installEditorEnabled as l } from "./editorEnabled.mjs";
-import { installFocusDictionary as a } from "./focusDictionary.mjs";
-const { editor: o } = n, { applicationURL: m, editorURL: c, cmsURL: d } = o ?? {}, f = (i) => {
-  typeof window > "u" || !(window.self !== window.top) || (o.applicationURL.length > 0 && window.postMessage(i, o.applicationURL), o.editorURL.length > 0 && window.parent.postMessage(i, o.editorURL), o.cmsURL.length > 0 && window.parent.postMessage(i, o.cmsURL));
-}, u = (i, t) => {
-  r(i, {
-    postMessage: f,
-    allowedOrigins: [m, c, d]
-  }), l(i), e(i), s(i, t), a(i);
-};
-export {
-  u as installIntlayerEditor
+import { installCommunicator as e } from "./communicator.mjs";
+import { installEditorEnabled as t } from "./editorEnabled.mjs";
+import { installFocusDictionary as n } from "./focusDictionary.mjs";
+import { installDictionariesRecord as r } from "./dictionariesRecord.mjs";
+import { installEditedContent as i } from "./editedContent.mjs";
+import a from "@intlayer/config/built";
+//#region src/editor/installIntlayerEditor.ts
+var { editor: o } = a, { applicationURL: s, editorURL: c, cmsURL: l } = o ?? {}, u = (e) => {
+	typeof window > "u" || window.self !== window.top && (o.applicationURL.length > 0 && window.postMessage(e, o.applicationURL), o.editorURL.length > 0 && window.parent.postMessage(e, o.editorURL), o.cmsURL.length > 0 && window.parent.postMessage(e, o.cmsURL));
+}, d = (a, o) => {
+	e(a, {
+		postMessage: u,
+		allowedOrigins: [
+			s,
+			c,
+			l
+		]
+	}), t(a), r(a), i(a, o), n(a);
 };
+//#endregion
+export { d as installIntlayerEditor };

package/dist/esm/editor/useCrossFrameMessageListener.mjs

@@ -1,29 +1,29 @@
-import { compareUrls as d } from "@intlayer/editor";
-import { onScopeDispose as u, getCurrentInstance as p } from "vue";
-import { useCommunicator as f } from "./communicator.mjs";
-const o = /* @__PURE__ */ new Map();
-let c = !1;
-const m = (e, t) => {
-  let s = o.get(e);
-  s || (s = /* @__PURE__ */ new Set(), o.set(e, s)), s.add(t);
-}, l = (e, t) => {
-  const s = o.get(e);
-  s && (s.delete(t), s.size === 0 && o.delete(e));
-}, w = (e, t) => {
-  c || typeof window > "u" || (window.addEventListener("message", (s) => {
-    const { type: n, data: i, senderId: a } = s.data ?? {};
-    n && a !== t && (!e || e.includes("*") || e.some((r) => d(r, s.origin))) && o.get(n)?.forEach((r) => {
-      r(i);
-    });
-  }), c = !0);
-}, L = (e, t) => {
-  const { allowedOrigins: s, postMessage: n, senderId: i } = f() ?? {};
-  return w(s, i), t ? (m(e, t), u(() => l(e, t))) : p() || console.warn(
-    "useCrossFrameMessageListener called outside a component without a callback; nothing to listen for."
-  ), (r) => {
-    n({ type: e, data: r, senderId: i });
-  };
-};
-export {
-  L as useCrossFrameMessageListener
+import { useCommunicator as e } from "./communicator.mjs";
+import { getCurrentInstance as t, onScopeDispose as n } from "vue";
+import { compareUrls as r } from "@intlayer/editor";
+//#region src/editor/useCrossFrameMessageListener.ts
+var i = /* @__PURE__ */ new Map(), a = !1, o = (e, t) => {
+	let n = i.get(e);
+	n || (n = /* @__PURE__ */ new Set(), i.set(e, n)), n.add(t);
+}, s = (e, t) => {
+	let n = i.get(e);
+	n && (n.delete(t), n.size === 0 && i.delete(e));
+}, c = (e, t) => {
+	a || typeof window > "u" || (window.addEventListener("message", (n) => {
+		let { type: a, data: o, senderId: s } = n.data ?? {};
+		a && s !== t && (!e || e.includes("*") || e.some((e) => r(e, n.origin))) && i.get(a)?.forEach((e) => {
+			e(o);
+		});
+	}), a = !0);
+}, l = (r, i) => {
+	let { allowedOrigins: a, postMessage: l, senderId: u } = e() ?? {};
+	return c(a, u), i ? (o(r, i), n(() => s(r, i))) : t() || console.warn("useCrossFrameMessageListener called outside a component without a callback; nothing to listen for."), (e) => {
+		l({
+			type: r,
+			data: e,
+			senderId: u
+		});
+	};
 };
+//#endregion
+export { l as useCrossFrameMessageListener };

package/dist/esm/editor/useCrossFrameState.mjs

@@ -1,44 +1,52 @@
-import { getCurrentInstance as C, ref as y } from "vue";
-import { useCommunicator as $ } from "./communicator.mjs";
-import { useCrossFrameMessageListener as m } from "./useCrossFrameMessageListener.mjs";
-const f = /* @__PURE__ */ new Map(), S = (t, i) => typeof t == "function" ? t(i) : t, F = (t) => t == null ? t : JSON.parse(JSON.stringify(t)), I = (t, i, v = { emit: !0, receive: !0 }) => {
-  if (f.has(t)) {
-    const { state: s, setState: r, postState: a } = f.get(t);
-    return [s, r, a];
-  }
-  C() || console.warn(
-    "useCrossFrameState called outside a component setup function - reactivity may be limited"
-  );
-  const { emit: u = !0, receive: p = !0 } = v, e = y(S(i)), { postMessage: n, senderId: o } = $(), c = (s) => {
-    !u || typeof n != "function" || typeof s > "u" || n({
-      type: `${t}/post`,
-      data: s,
-      senderId: o
-    });
-  }, d = (s) => {
-    const r = S(s, e.value), a = F(r);
-    e.value = a, c(a);
-  }, l = () => {
-    typeof n == "function" && n({
-      type: `${t}/post`,
-      data: e.value,
-      senderId: o
-    });
-  };
-  c(e.value), p && typeof n == "function" && typeof e.value > "u" && n({ type: `${t}/get`, senderId: o }), m(
-    `${t}/post`,
-    p ? (s) => {
-      e.value = s;
-    } : void 0
-  );
-  const g = (s, r) => {
-    u && r !== o && c(e.value);
-  };
-  return m(
-    `${t}/get`,
-    u ? g : void 0
-  ), f.set(t, { state: e, setState: d, postState: l }), [e, d, l];
-};
-export {
-  I as useCrossFrameState
+import { useCommunicator as e } from "./communicator.mjs";
+import { useCrossFrameMessageListener as t } from "./useCrossFrameMessageListener.mjs";
+import { getCurrentInstance as n, ref as r } from "vue";
+//#region src/editor/useCrossFrameState.ts
+var i = /* @__PURE__ */ new Map(), a = (e, t) => typeof e == "function" ? e(t) : e, o = (e) => e == null ? e : JSON.parse(JSON.stringify(e)), s = (s, c, l = {
+	emit: !0,
+	receive: !0
+}) => {
+	if (i.has(s)) {
+		let { state: e, setState: t, postState: n } = i.get(s);
+		return [
+			e,
+			t,
+			n
+		];
+	}
+	n() || console.warn("useCrossFrameState called outside a component setup function - reactivity may be limited");
+	let { emit: u = !0, receive: d = !0 } = l, f = r(a(c)), { postMessage: p, senderId: m } = e() ?? {}, h = (e) => {
+		!u || typeof p != "function" || e === void 0 || p({
+			type: `${s}/post`,
+			data: e,
+			senderId: m
+		});
+	}, g = (e) => {
+		let t = o(a(e, f.value));
+		f.value = t, h(t);
+	}, _ = () => {
+		typeof p == "function" && p({
+			type: `${s}/post`,
+			data: f.value,
+			senderId: m
+		});
+	};
+	return h(f.value), d && typeof p == "function" && f.value === void 0 && p({
+		type: `${s}/get`,
+		senderId: m
+	}), t(`${s}/post`, d ? (e) => {
+		f.value = e;
+	} : void 0), t(`${s}/get`, u ? (e, t) => {
+		u && t !== m && h(f.value);
+	} : void 0), i.set(s, {
+		state: f,
+		setState: g,
+		postState: _
+	}), [
+		f,
+		g,
+		_
+	];
 };
+//#endregion
+export { s as useCrossFrameState };