vue-intlayer 5.7.5 → 5.7.6-canary.0

package/dist/ContentSelector.vue_vue_type_script_setup_true_lang-Df1Nt4x_.mjs

@@ -0,0 +1,75 @@
+import { defineComponent as _, ref as i, computed as h, useSlots as D, onMounted as E, onBeforeUnmount as B, createElementBlock as O, openBlock as R, normalizeStyle as L, renderSlot as P } from "vue";
+const b = 250, x = /* @__PURE__ */ _({
+  __name: "ContentSelector",
+  props: {
+    onClickOutside: { type: Function },
+    pressDuration: {},
+    isSelecting: { type: Boolean }
+  },
+  emits: ["click", "press", "hover", "unhover"],
+  setup(S, { emit: T }) {
+    const o = S, s = T, a = i(null), t = i(!1), l = i(o.isSelecting ?? !1), u = i(null), c = h(() => o.isSelecting ?? l.value), g = h(() => {
+      var n, p;
+      const e = (p = (n = D()).default) == null ? void 0 : p.call(n);
+      return (e == null ? void 0 : e.length) === 1 && typeof e[0].children == "string";
+    }), k = () => {
+      l.value = !0, s("press");
+    }, C = () => {
+      u.value = setTimeout(() => {
+        k();
+      }, o.pressDuration ?? b);
+    }, r = () => {
+      u.value && (clearTimeout(u.value), u.value = null);
+    }, d = () => {
+      r(), C();
+    }, v = () => {
+      t.value && (t.value = !1, s("unhover")), r();
+    }, f = () => {
+      t.value && (t.value = !1, s("unhover")), r();
+    }, m = (e) => {
+      var n;
+      a.value && !a.value.contains(e.target) && (l.value = !1, (n = o.onClickOutside) == null || n.call(o));
+    }, y = (e) => {
+      c.value && (e.preventDefault(), e.stopPropagation());
+    }, M = () => {
+      l.value = !1;
+    };
+    return E(() => {
+      document.addEventListener("mousedown", m);
+    }), B(() => {
+      document.removeEventListener("mousedown", m), r();
+    }), (e, n) => (R(), O("span", {
+      ref_key: "containerRef",
+      ref: a,
+      role: "button",
+      tabindex: "0",
+      onClick: y,
+      onMousedown: d,
+      onMouseup: v,
+      onMouseleave: f,
+      onTouchstart: d,
+      onTouchend: v,
+      onTouchcancel: f,
+      onBlur: M,
+      onMouseenter: n[0] || (n[0] = () => {
+        t.value = !0, s("hover");
+      }),
+      style: L({
+        display: g.value ? "inline" : "inline-block",
+        cursor: "pointer",
+        userSelect: "none",
+        borderRadius: "0.375rem",
+        outlineWidth: "2px",
+        outlineOffset: "4px",
+        outlineStyle: "solid",
+        outlineColor: c.value || t.value ? "inherit" : "transparent",
+        transition: "all 100ms 50ms ease-in-out"
+      })
+    }, [
+      P(e.$slots, "default")
+    ], 36));
+  }
+});
+export {
+  x as _
+};

package/dist/ContentSelector.vue_vue_type_script_setup_true_lang-RwUsyBxL.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),y=250,M=e.defineComponent({__name:"ContentSelector",props:{onClickOutside:{type:Function},pressDuration:{},isSelecting:{type:Boolean}},emits:["click","press","hover","unhover"],setup(h,{emit:S}){const o=h,l=S,a=e.ref(null),s=e.ref(!1),u=e.ref(o.isSelecting??!1),r=e.ref(null),c=e.computed(()=>o.isSelecting??u.value),T=e.computed(()=>{var t,p;const n=(p=(t=e.useSlots()).default)==null?void 0:p.call(t);return(n==null?void 0:n.length)===1&&typeof n[0].children=="string"}),g=()=>{u.value=!0,l("press")},k=()=>{r.value=setTimeout(()=>{g()},o.pressDuration??y)},i=()=>{r.value&&(clearTimeout(r.value),r.value=null)},d=()=>{i(),k()},v=()=>{s.value&&(s.value=!1,l("unhover")),i()},f=()=>{s.value&&(s.value=!1,l("unhover")),i()},m=n=>{var t;a.value&&!a.value.contains(n.target)&&(u.value=!1,(t=o.onClickOutside)==null||t.call(o))},C=n=>{c.value&&(n.preventDefault(),n.stopPropagation())},_=()=>{u.value=!1};return e.onMounted(()=>{document.addEventListener("mousedown",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",m),i()}),(n,t)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"containerRef",ref:a,role:"button",tabindex:"0",onClick:C,onMousedown:d,onMouseup:v,onMouseleave:f,onTouchstart:d,onTouchend:v,onTouchcancel:f,onBlur:_,onMouseenter:t[0]||(t[0]=()=>{s.value=!0,l("hover")}),style:e.normalizeStyle({display:T.value?"inline":"inline-block",cursor:"pointer",userSelect:"none",borderRadius:"0.375rem",outlineWidth:"2px",outlineOffset:"4px",outlineStyle:"solid",outlineColor:c.value||s.value?"inherit":"transparent",transition:"all 100ms 50ms ease-in-out"})},[e.renderSlot(n.$slots,"default")],36))}});exports._sfc_main=M;

package/dist/ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-CcDEyAOE.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as m, computed as u, createBlock as _, renderSlot as r, unref as E, openBlock as k, withCtx as C } from "vue";
+import { isSameKeyPath as f } from "@intlayer/core";
+import { _ as P } from "./ContentSelector.vue_vue_type_script_setup_true_lang-Df1Nt4x_.mjs";
+import { useEditorEnabled as v } from "./esm/editor/editorEnabled.mjs";
+import { useFocusDictionary as K } from "./esm/editor/focusDictionary.mjs";
+import { useEditor as N } from "./esm/editor/useEditor.mjs";
+import { MessageKey as d } from "@intlayer/editor";
+import { useCommunicator as g } from "./esm/editor/communicator.mjs";
+const M = /* @__PURE__ */ m({
+  __name: "ContentSelectorWrapper",
+  props: {
+    dictionaryKey: {},
+    keyPath: {},
+    plugins: {},
+    locale: {},
+    dictionaryPath: {},
+    children: {}
+  },
+  setup(l) {
+    const t = l, e = K(), p = v(), o = g();
+    N();
+    const i = u(
+      () => {
+        var n, a;
+        return ((n = e == null ? void 0 : e.focusedContent.value) == null ? void 0 : n.dictionaryKey) === t.dictionaryKey && (((a = e == null ? void 0 : e.focusedContent.value.keyPath) == null ? void 0 : a.length) ?? 0) > 0 && f(
+          (e == null ? void 0 : e.focusedContent.value.keyPath) ?? [],
+          t.keyPath
+        );
+      }
+    ), y = () => {
+      e == null || e.setFocusedContent({
+        dictionaryKey: t.dictionaryKey,
+        keyPath: t.keyPath
+      });
+    }, h = () => {
+      o == null || o.postMessage({
+        type: `${d.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
+        data: {
+          dictionaryKey: t.dictionaryKey,
+          keyPath: t.keyPath
+        }
+      });
+    }, c = () => {
+      o == null || o.postMessage({
+        type: `${d.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
+        data: null
+      });
+    };
+    return (n, a) => {
+      var s;
+      return (s = E(p)) != null && s.enabled.value ? (k(), _(P, {
+        key: 0,
+        onPress: y,
+        isSelecting: i.value,
+        onHover: h,
+        onUnhover: c
+      }, {
+        default: C(() => [
+          r(n.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["isSelecting"])) : r(n.$slots, "default", { key: 1 });
+    };
+  }
+});
+export {
+  M as _
+};

package/dist/ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DJRF1I6m.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),p=require("@intlayer/core"),h=require("./ContentSelector.vue_vue_type_script_setup_true_lang-RwUsyBxL.js"),E=require("./cjs/editor/editorEnabled.cjs"),C=require("./cjs/editor/focusDictionary.cjs"),k=require("./cjs/editor/useEditor.cjs"),d=require("@intlayer/editor"),v=require("./cjs/editor/communicator.cjs"),P=t.defineComponent({__name:"ContentSelectorWrapper",props:{dictionaryKey:{},keyPath:{},plugins:{},locale:{},dictionaryPath:{},children:{}},setup(i){const n=i,e=C.useFocusDictionary(),c=E.useEditorEnabled(),o=v.useCommunicator();k.useEditor();const l=t.computed(()=>{var s,r;return((s=e==null?void 0:e.focusedContent.value)==null?void 0:s.dictionaryKey)===n.dictionaryKey&&(((r=e==null?void 0:e.focusedContent.value.keyPath)==null?void 0:r.length)??0)>0&&p.isSameKeyPath((e==null?void 0:e.focusedContent.value.keyPath)??[],n.keyPath)}),u=()=>{e==null||e.setFocusedContent({dictionaryKey:n.dictionaryKey,keyPath:n.keyPath})},y=()=>{o==null||o.postMessage({type:`${d.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:{dictionaryKey:n.dictionaryKey,keyPath:n.keyPath}})},_=()=>{o==null||o.postMessage({type:`${d.MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,data:null})};return(s,r)=>{var a;return(a=t.unref(c))!=null&&a.enabled.value?(t.openBlock(),t.createBlock(h._sfc_main,{key:0,onPress:u,isSelecting:l.value,onHover:y,onUnhover:_},{default:t.withCtx(()=>[t.renderSlot(s.$slots,"default")]),_:3},8,["isSelecting"])):t.renderSlot(s.$slots,"default",{key:1})}}});exports._sfc_main=P;

package/dist/cjs/UI/ContentSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ContentSelector.vue_vue_type_script_setup_true_lang-OSRmjq5b.js");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ContentSelector.vue_vue_type_script_setup_true_lang-RwUsyBxL.js");exports.default=e._sfc_main;

package/dist/cjs/editor/ContentSelectorWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DjJnMLJE.js");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DJRF1I6m.js");exports.default=e._sfc_main;

package/dist/cjs/editor/EditorSelectorRenderer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DjJnMLJE.js"),u=require("../../EditedContentRenderer.vue_vue_type_script_setup_true_lang-Yqrgst_y.js"),d=e.defineComponent({__name:"EditorSelectorRenderer",props:{dictionaryKey:{},keyPath:{},plugins:{},locale:{},dictionaryPath:{},children:{}},setup(i){const c=i,{keyPath:t,children:r,dictionaryKey:n}=c;return(o,_)=>(e.openBlock(),e.createBlock(a._sfc_main,{dictionaryKey:e.unref(n),keyPath:e.unref(t),children:e.unref(r)},{default:e.withCtx(()=>[e.createVNode(u._sfc_main,{dictionaryKey:e.unref(n),keyPath:e.unref(t),children:e.unref(r)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["dictionaryKey","keyPath","children"])]),_:3},8,["dictionaryKey","keyPath","children"]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DJRF1I6m.js"),u=require("../../EditedContentRenderer.vue_vue_type_script_setup_true_lang-Yqrgst_y.js"),d=e.defineComponent({__name:"EditorSelectorRenderer",props:{dictionaryKey:{},keyPath:{},plugins:{},locale:{},dictionaryPath:{},children:{}},setup(i){const c=i,{keyPath:t,children:r,dictionaryKey:n}=c;return(o,_)=>(e.openBlock(),e.createBlock(a._sfc_main,{dictionaryKey:e.unref(n),keyPath:e.unref(t),children:e.unref(r)},{default:e.withCtx(()=>[e.createVNode(u._sfc_main,{dictionaryKey:e.unref(n),keyPath:e.unref(t),children:e.unref(r)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},8,["dictionaryKey","keyPath","children"])]),_:3},8,["dictionaryKey","keyPath","children"]))}});exports.default=d;

package/dist/cjs/editor/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DjJnMLJE.js"),t=require("./installIntlayerEditor.cjs");exports.ContentSelectorWrapper=e._sfc_main;exports.installIntlayerEditor=t.installIntlayerEditor;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DJRF1I6m.js"),t=require("./installIntlayerEditor.cjs");exports.ContentSelectorWrapper=e._sfc_main;exports.installIntlayerEditor=t.installIntlayerEditor;

package/dist/cjs/editor/installIntlayerEditor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/config/built"),n=require("./changedContent.cjs"),o=require("./communicator.cjs"),r=require("./dictionariesRecord.cjs"),s=require("./editedContent.cjs"),d=require("./editorEnabled.cjs"),c=require("./focusDictionary.cjs"),{editor:e}=i,{applicationURL:l,editorURL:a,cmsURL:u}=e??{},f=t=>{typeof window>"u"||!(window.self!==window.top)||(e.applicationURL.length>0&&window.postMessage(t,e.applicationURL),e.editorURL.length>0&&window.parent.postMessage(t,e.editorURL),e.cmsURL.length>0&&window.parent.postMessage(t,e.cmsURL))},g=t=>{o.installCommunicator(t,{postMessage:f,allowedOrigins:[l,a,u]}),d.installEditorEnabled(t),n.installChangedContent(t),r.installDictionariesRecord(t),s.installEditedContent(t),c.installFocusDictionary(t)};exports.installIntlayerEditor=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@intlayer/config/built"),o=require("./communicator.cjs"),n=require("./dictionariesRecord.cjs"),r=require("./editedContent.cjs"),s=require("./editorEnabled.cjs"),c=require("./focusDictionary.cjs"),{editor:t}=e,{applicationURL:d,editorURL:l,cmsURL:a}=t??{},u=i=>{typeof window>"u"||!(window.self!==window.top)||(t.applicationURL.length>0&&window.postMessage(i,t.applicationURL),t.editorURL.length>0&&window.parent.postMessage(i,t.editorURL),t.cmsURL.length>0&&window.parent.postMessage(i,t.cmsURL))},f=i=>{o.installCommunicator(i,{postMessage:u,allowedOrigins:[d,l,a]}),s.installEditorEnabled(i),n.installDictionariesRecord(i),r.installEditedContent(i),c.installFocusDictionary(i)};exports.installIntlayerEditor=f;

package/dist/cjs/plugins.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/core"),l=require("vue"),y=require("../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DjJnMLJE.js");require("./editor/installIntlayerEditor.cjs");const k=require("./markdown/installIntlayerMarkdown.cjs"),o=require("./renderIntlayerNode.cjs"),p={id:"intlayer-node-plugin",canHandle:e=>typeof e=="bigint"||typeof e=="string"||typeof e=="number",transform:(e,{children:n,...r})=>o.renderIntlayerNode({...r,value:n,children:()=>l.h(y._sfc_main,{dictionaryKey:r.dictionaryKey,keyPath:r.keyPath},{default:()=>n})})},u={id:"markdown-string-plugin",canHandle:e=>typeof e=="string",transform:(e,n,r)=>{const{plugins:d,...a}=n,s=i.getMarkdownMetadata(e),c=r(s,{plugins:[{id:"markdown-metadata-plugin",canHandle:t=>typeof t=="string"||typeof t=="number"||typeof t=="boolean"||!t,transform:(t,g)=>o.renderIntlayerNode({...g,value:t,children:e})}],dictionaryKey:a.dictionaryKey,keyPath:[]});return o.renderIntlayerNode({...n,value:e,children:()=>l.h(y._sfc_main,{dictionaryKey:a.dictionaryKey,keyPath:a.keyPath},{default:()=>{const{renderMarkdown:t}=k.useMarkdown();return t(e)}}),additionalProps:{metadata:c}})}},m={id:"markdown-plugin",canHandle:e=>typeof e=="object"&&(e==null?void 0:e.nodeType)===i.NodeType.Markdown,transform:(e,n,r)=>{const d=[...n.keyPath,{type:i.NodeType.Markdown}],a=e[i.NodeType.Markdown];return r(a,{...n,children:a,keyPath:d,plugins:[u,...n.plugins??[]]})}};exports.intlayerNodePlugins=p;exports.markdownPlugin=m;exports.markdownStringPlugin=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@intlayer/core"),l=require("vue"),y=require("../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DJRF1I6m.js");require("./editor/installIntlayerEditor.cjs");const k=require("./markdown/installIntlayerMarkdown.cjs"),o=require("./renderIntlayerNode.cjs"),p={id:"intlayer-node-plugin",canHandle:e=>typeof e=="bigint"||typeof e=="string"||typeof e=="number",transform:(e,{children:n,...r})=>o.renderIntlayerNode({...r,value:n,children:()=>l.h(y._sfc_main,{dictionaryKey:r.dictionaryKey,keyPath:r.keyPath},{default:()=>n})})},u={id:"markdown-string-plugin",canHandle:e=>typeof e=="string",transform:(e,n,r)=>{const{plugins:d,...a}=n,s=i.getMarkdownMetadata(e),c=r(s,{plugins:[{id:"markdown-metadata-plugin",canHandle:t=>typeof t=="string"||typeof t=="number"||typeof t=="boolean"||!t,transform:(t,g)=>o.renderIntlayerNode({...g,value:t,children:e})}],dictionaryKey:a.dictionaryKey,keyPath:[]});return o.renderIntlayerNode({...n,value:e,children:()=>l.h(y._sfc_main,{dictionaryKey:a.dictionaryKey,keyPath:a.keyPath},{default:()=>{const{renderMarkdown:t}=k.useMarkdown();return t(e)}}),additionalProps:{metadata:c}})}},m={id:"markdown-plugin",canHandle:e=>typeof e=="object"&&(e==null?void 0:e.nodeType)===i.NodeType.Markdown,transform:(e,n,r)=>{const d=[...n.keyPath,{type:i.NodeType.Markdown}],a=e[i.NodeType.Markdown];return r(a,{...n,children:a,keyPath:d,plugins:[u,...n.plugins??[]]})}};exports.intlayerNodePlugins=p;exports.markdownPlugin=m;exports.markdownStringPlugin=u;

package/dist/esm/UI/ContentSelector.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../../ContentSelector.vue_vue_type_script_setup_true_lang-Dfu1ALQx.mjs";
+import { _ as f } from "../../ContentSelector.vue_vue_type_script_setup_true_lang-Df1Nt4x_.mjs";
 export {
   f as default
 };

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DqR_ETSJ.mjs";
+import { _ as f } from "../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-CcDEyAOE.mjs";
 export {
   f as default
 };

package/dist/esm/editor/EditorSelectorRenderer.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as d, createBlock as y, openBlock as l, unref as e, withCtx as n, createVNode as h, renderSlot as s } from "vue";
-import { _ } from "../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DqR_ETSJ.mjs";
+import { _ } from "../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-CcDEyAOE.mjs";
 import { _ as f } from "../../EditedContentRenderer.vue_vue_type_script_setup_true_lang-CvPgk7Z3.mjs";
 const P = /* @__PURE__ */ d({
   __name: "EditorSelectorRenderer",

package/dist/esm/editor/communicator.mjs

@@ -1,6 +1,6 @@
 import a from "@intlayer/config/built";
 import { v4 as u } from "uuid";
-import { reactive as l, inject as i } from "vue";
+import { inject as l, reactive as i } from "vue";
 const { editor: n } = a, o = {
   postMessage: () => null,
   allowedOrigins: [
@@ -11,7 +11,7 @@ const { editor: n } = a, o = {
   senderId: ""
 };
 let t = null;
-const r = Symbol("Communicator"), m = (e = { postMessage: () => null }) => t || (t = l({
+const r = Symbol("Communicator"), m = (e = { postMessage: () => null }) => t || (t = i({
   ...o,
   ...e,
   senderId: u()
@@ -20,7 +20,7 @@ const r = Symbol("Communicator"), m = (e = { postMessage: () => null }) => t ||
   e.provide(r, c);
 }, C = () => {
   try {
-    return i(r, o);
+    return l(r, o);
   } catch {
     return console.warn(
       "useCommunicator: inject can only be used in setup(). Returning default communicator."

package/dist/esm/editor/index.mjs

@@ -1,4 +1,4 @@
-import { _ as e } from "../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DqR_ETSJ.mjs";
+import { _ as e } from "../../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-CcDEyAOE.mjs";
 import { installIntlayerEditor as a } from "./installIntlayerEditor.mjs";
 export {
   e as ContentSelectorWrapper,

package/dist/esm/editor/installIntlayerEditor.mjs

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

package/dist/esm/plugins.mjs

@@ -1,6 +1,6 @@
 import { getMarkdownMetadata as u, NodeType as i } from "@intlayer/core";
 import { h as d } from "vue";
-import { _ as l } from "../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DqR_ETSJ.mjs";
+import { _ as l } from "../ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-CcDEyAOE.mjs";
 import "./editor/installIntlayerEditor.mjs";
 import { useMarkdown as p } from "./markdown/installIntlayerMarkdown.mjs";
 import { renderIntlayerNode as o } from "./renderIntlayerNode.mjs";

package/dist/types/UI/ContentSelector.vue.d.ts

@@ -17,9 +17,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     press: (...args: any[]) => void;
+    hover: (...args: any[]) => void;
+    unhover: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onPress?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+    onUnhover?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLSpanElement;
 }, HTMLSpanElement>;

package/dist/types/UI/ContentSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/UI/ContentSelector.vue"],"names":[],"mappings":"AAsHA,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAkFF,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;mBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ContentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/UI/ContentSelector.vue"],"names":[],"mappings":"AAsIA,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AA6FF,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;mBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/editor/ContentSelectorWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/editor/ContentSelectorWrapper.vue"],"names":[],"mappings":"AAUA;AAsDA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM/D;;;GAGG;AACH,KAAK,KAAK,GAAG,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAgC5E,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAXrB,GAAG;yBACH,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ContentSelectorWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/editor/ContentSelectorWrapper.vue"],"names":[],"mappings":"AAYA;AA4EA,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ/D;;;GAGG;AACH,KAAK,KAAK,GAAG,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAkD5E,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/editor/installIntlayerEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"installIntlayerEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/installIntlayerEditor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AA+B1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,GAAI,KAAK,GAAG,KAAG,IAchD,CAAC"}
+{"version":3,"file":"installIntlayerEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/installIntlayerEditor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AA8B1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,GAAI,KAAK,GAAG,KAAG,IAahD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intlayer",
-  "version": "5.7.5",
+  "version": "5.7.6-canary.0",
   "private": false,
   "description": "Easily internationalize i18n your Vue applications with type-safe multilingual content management.",
   "keywords": [
@@ -70,11 +70,11 @@
   "dependencies": {
     "js-cookie": "^3.0.5",
     "uuid": "^11.1.0",
-    "@intlayer/config": "5.7.5",
-    "@intlayer/core": "5.7.5",
-    "@intlayer/editor": "5.7.5",
-    "@intlayer/dictionaries-entry": "5.7.5",
-    "@intlayer/api": "5.7.5"
+    "@intlayer/config": "5.7.6-canary.0",
+    "@intlayer/dictionaries-entry": "5.7.6-canary.0",
+    "@intlayer/api": "5.7.6-canary.0",
+    "@intlayer/editor": "5.7.6-canary.0",
+    "@intlayer/core": "5.7.6-canary.0"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",
@@ -94,16 +94,16 @@
     "@utils/ts-config": "1.0.4",
     "@utils/tsup-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
-    "@intlayer/backend": "5.7.5"
+    "@intlayer/backend": "5.7.6-canary.0"
   },
   "peerDependencies": {
     "vue": "^3.5.13",
-    "@intlayer/api": "5.7.5",
-    "@intlayer/config": "5.7.5",
-    "@intlayer/core": "5.7.5",
-    "@intlayer/editor": "5.7.5",
-    "@intlayer/dictionaries-entry": "5.7.5",
-    "intlayer": "5.7.5"
+    "@intlayer/core": "5.7.6-canary.0",
+    "@intlayer/api": "5.7.6-canary.0",
+    "@intlayer/config": "5.7.6-canary.0",
+    "@intlayer/editor": "5.7.6-canary.0",
+    "@intlayer/dictionaries-entry": "5.7.6-canary.0",
+    "intlayer": "5.7.6-canary.0"
   },
   "engines": {
     "node": ">=14.18"

package/dist/ContentSelector.vue_vue_type_script_setup_true_lang-Dfu1ALQx.mjs

@@ -1,71 +0,0 @@
-import { defineComponent as _, ref as i, computed as f, useSlots as D, onMounted as E, onBeforeUnmount as M, createElementBlock as B, openBlock as O, normalizeStyle as R, renderSlot as P } from "vue";
-const b = 250, x = /* @__PURE__ */ _({
-  __name: "ContentSelector",
-  props: {
-    onClickOutside: { type: Function },
-    pressDuration: {},
-    isSelecting: { type: Boolean }
-  },
-  emits: ["click", "press"],
-  setup(v, { emit: S }) {
-    const t = v, h = S, r = i(null), u = i(!1), o = i(t.isSelecting ?? !1), s = i(null), d = f(() => t.isSelecting ?? o.value), T = f(() => {
-      var n, c;
-      const e = (c = (n = D()).default) == null ? void 0 : c.call(n);
-      return (e == null ? void 0 : e.length) === 1 && typeof e[0].children == "string";
-    }), g = () => {
-      o.value = !0, h("press");
-    }, k = () => {
-      s.value = setTimeout(() => {
-        g();
-      }, t.pressDuration ?? b);
-    }, a = () => {
-      s.value && (clearTimeout(s.value), s.value = null);
-    }, m = () => {
-      a(), k();
-    }, l = () => {
-      u.value = !1, a();
-    }, p = (e) => {
-      var n;
-      r.value && !r.value.contains(e.target) && (o.value = !1, (n = t.onClickOutside) == null || n.call(t));
-    }, C = (e) => {
-      d.value && (e.preventDefault(), e.stopPropagation());
-    }, y = () => {
-      o.value = !1;
-    };
-    return E(() => {
-      document.addEventListener("mousedown", p);
-    }), M(() => {
-      document.removeEventListener("mousedown", p), a();
-    }), (e, n) => (O(), B("span", {
-      ref_key: "containerRef",
-      ref: r,
-      role: "button",
-      tabindex: "0",
-      onClick: C,
-      onMousedown: m,
-      onMouseup: l,
-      onMouseleave: l,
-      onTouchstart: m,
-      onTouchend: l,
-      onTouchcancel: l,
-      onBlur: y,
-      onMouseenter: n[0] || (n[0] = (c) => u.value = !0),
-      style: R({
-        display: T.value ? "inline" : "inline-block",
-        cursor: "pointer",
-        userSelect: "none",
-        borderRadius: "0.375rem",
-        outlineWidth: "2px",
-        outlineOffset: "4px",
-        outlineStyle: "solid",
-        outlineColor: d.value || u.value ? "inherit" : "transparent",
-        transition: "all 100ms 50ms ease-in-out"
-      })
-    }, [
-      P(e.$slots, "default")
-    ], 36));
-  }
-});
-export {
-  x as _
-};

package/dist/ContentSelector.vue_vue_type_script_setup_true_lang-OSRmjq5b.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),_=250,y=e.defineComponent({__name:"ContentSelector",props:{onClickOutside:{type:Function},pressDuration:{},isSelecting:{type:Boolean}},emits:["click","press"],setup(p,{emit:v}){const o=p,S=v,u=e.ref(null),r=e.ref(!1),s=e.ref(o.isSelecting??!1),l=e.ref(null),d=e.computed(()=>o.isSelecting??s.value),h=e.computed(()=>{var t,c;const n=(c=(t=e.useSlots()).default)==null?void 0:c.call(t);return(n==null?void 0:n.length)===1&&typeof n[0].children=="string"}),T=()=>{s.value=!0,S("press")},g=()=>{l.value=setTimeout(()=>{T()},o.pressDuration??_)},a=()=>{l.value&&(clearTimeout(l.value),l.value=null)},f=()=>{a(),g()},i=()=>{r.value=!1,a()},m=n=>{var t;u.value&&!u.value.contains(n.target)&&(s.value=!1,(t=o.onClickOutside)==null||t.call(o))},k=n=>{d.value&&(n.preventDefault(),n.stopPropagation())},C=()=>{s.value=!1};return e.onMounted(()=>{document.addEventListener("mousedown",m)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",m),a()}),(n,t)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"containerRef",ref:u,role:"button",tabindex:"0",onClick:k,onMousedown:f,onMouseup:i,onMouseleave:i,onTouchstart:f,onTouchend:i,onTouchcancel:i,onBlur:C,onMouseenter:t[0]||(t[0]=c=>r.value=!0),style:e.normalizeStyle({display:h.value?"inline":"inline-block",cursor:"pointer",userSelect:"none",borderRadius:"0.375rem",outlineWidth:"2px",outlineOffset:"4px",outlineStyle:"solid",outlineColor:d.value||r.value?"inherit":"transparent",transition:"all 100ms 50ms ease-in-out"})},[e.renderSlot(n.$slots,"default")],36))}});exports._sfc_main=y;

package/dist/ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DjJnMLJE.js

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),l=require("@intlayer/core"),u=require("./ContentSelector.vue_vue_type_script_setup_true_lang-OSRmjq5b.js"),_=require("./cjs/editor/editorEnabled.cjs"),y=require("./cjs/editor/focusDictionary.cjs"),p=require("./cjs/editor/useEditor.cjs"),h=t.defineComponent({__name:"ContentSelectorWrapper",props:{dictionaryKey:{},keyPath:{},plugins:{},locale:{},dictionaryPath:{},children:{}},setup(a){const o=a,e=y.useFocusDictionary(),d=_.useEditorEnabled();p.useEditor();const c=t.computed(()=>{var n,r;return((n=e==null?void 0:e.focusedContent.value)==null?void 0:n.dictionaryKey)===o.dictionaryKey&&(((r=e==null?void 0:e.focusedContent.value.keyPath)==null?void 0:r.length)??0)>0&&l.isSameKeyPath((e==null?void 0:e.focusedContent.value.keyPath)??[],o.keyPath)}),i=()=>{e==null||e.setFocusedContent({dictionaryKey:o.dictionaryKey,keyPath:o.keyPath})};return(n,r)=>{var s;return(s=t.unref(d))!=null&&s.enabled.value?(t.openBlock(),t.createBlock(u._sfc_main,{key:0,onPress:i,isSelecting:c.value},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default")]),_:3},8,["isSelecting"])):t.renderSlot(n.$slots,"default",{key:1})}}});exports._sfc_main=h;

package/dist/ContentSelectorWrapper.vue_vue_type_script_setup_true_lang-DqR_ETSJ.mjs

@@ -1,51 +0,0 @@
-import { defineComponent as c, computed as m, createBlock as p, renderSlot as a, unref as u, openBlock as y, withCtx as h } from "vue";
-import { isSameKeyPath as k } from "@intlayer/core";
-import { _ as f } from "./ContentSelector.vue_vue_type_script_setup_true_lang-Dfu1ALQx.mjs";
-import { useEditorEnabled as P } from "./esm/editor/editorEnabled.mjs";
-import { useFocusDictionary as _ } from "./esm/editor/focusDictionary.mjs";
-import { useEditor as C } from "./esm/editor/useEditor.mjs";
-const $ = /* @__PURE__ */ c({
-  __name: "ContentSelectorWrapper",
-  props: {
-    dictionaryKey: {},
-    keyPath: {},
-    plugins: {},
-    locale: {},
-    dictionaryPath: {},
-    children: {}
-  },
-  setup(l) {
-    const o = l, e = _(), s = P();
-    C();
-    const d = m(
-      () => {
-        var t, n;
-        return ((t = e == null ? void 0 : e.focusedContent.value) == null ? void 0 : t.dictionaryKey) === o.dictionaryKey && (((n = e == null ? void 0 : e.focusedContent.value.keyPath) == null ? void 0 : n.length) ?? 0) > 0 && k(
-          (e == null ? void 0 : e.focusedContent.value.keyPath) ?? [],
-          o.keyPath
-        );
-      }
-    ), i = () => {
-      e == null || e.setFocusedContent({
-        dictionaryKey: o.dictionaryKey,
-        keyPath: o.keyPath
-      });
-    };
-    return (t, n) => {
-      var r;
-      return (r = u(s)) != null && r.enabled.value ? (y(), p(f, {
-        key: 0,
-        onPress: i,
-        isSelecting: d.value
-      }, {
-        default: h(() => [
-          a(t.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["isSelecting"])) : a(t.$slots, "default", { key: 1 });
-    };
-  }
-});
-export {
-  $ as _
-};

package/dist/cjs/editor/changedContent.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("vue"),a=Symbol("intlayerChangedContent"),n=()=>{const e=C.reactive({});return{state:e,setChangedContent:(t,s)=>{e[t]={...e[t]??{key:t,content:{}},content:s}}}},c=e=>{const o=n();e.provide(a,o)},r=()=>C.reactive(n());exports.createChangedContentClient=n;exports.installChangedContent=c;exports.useChangedContent=r;

package/dist/esm/editor/changedContent.mjs

@@ -1,21 +0,0 @@
-import { reactive as o } from "vue";
-const c = Symbol("intlayerChangedContent"), C = () => {
-  const t = o({});
-  return {
-    state: t,
-    setChangedContent: (n, s) => {
-      t[n] = {
-        ...t[n] ?? { key: n, content: {} },
-        content: s
-      };
-    }
-  };
-}, a = (t) => {
-  const e = C();
-  t.provide(c, e);
-}, g = () => o(C());
-export {
-  C as createChangedContentClient,
-  a as installChangedContent,
-  g as useChangedContent
-};

package/dist/types/editor/changedContent.d.ts

@@ -1,15 +0,0 @@
-import { Dictionary } from '@intlayer/core';
-import { App } from 'vue';
-export declare const createChangedContentClient: () => {
-    state: Record<string, Dictionary>;
-    setChangedContent: (dictionaryKey: Dictionary["key"], newValue: Dictionary["content"]) => void;
-};
-/**
- * Helper to install the Intlayer provider into the app
- */
-export declare const installChangedContent: (app: App) => void;
-export declare const useChangedContent: () => {
-    state: Record<string, Dictionary>;
-    setChangedContent: (dictionaryKey: Dictionary["key"], newValue: Dictionary["content"]) => void;
-};
-//# sourceMappingURL=changedContent.d.ts.map

package/dist/types/editor/changedContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"changedContent.d.ts","sourceRoot":"","sources":["../../../src/editor/changedContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAY,MAAM,KAAK,CAAC;AAcpC,eAAO,MAAM,0BAA0B;;uCAWpB,UAAU,CAAC,KAAK,CAAC,YACtB,UAAU,CAAC,SAAS,CAAC;CAYlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,KAAK,GAAG,SAI7C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;uCAxBX,UAAU,CAAC,KAAK,CAAC,YACtB,UAAU,CAAC,SAAS,CAAC;CA2BlC,CAAC"}