@juo/blocks 1.15.0 → 1.16.1

package/dist/vue.js

@@ -1,6 +1,6 @@
-import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, useHost, defineCustomElement, triggerRef, render, shallowRef } from "vue";
+import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, watch, onScopeDispose, useHost, defineCustomElement, triggerRef, render, shallowRef } from "vue";
 import { g as getInstrumentation } from "./index-JSv6UH_o.js";
-import { effect, signal, injectContext, provideContext, createCeRenderer, attachEmptyTracking } from "@juo/blocks";
+import { effect, signal, injectContext, provideContext, TranslationContext, createCeRenderer, attachEmptyTracking } from "@juo/blocks";
 import { hasRenderedContent } from "@juo/blocks";
 import { v as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-xiKEzCGR.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
@@ -104,6 +104,39 @@ function useRegisterTranslationKeys() {
     );
   };
 }
+function useTranslatedProp(key2, fallback) {
+  const blockId = useBlockId();
+  const blockType = useBlockType();
+  const service = useContext(TranslationContext).$;
+  const out = ref("");
+  let dispose;
+  watch(
+    [
+      blockId,
+      blockType,
+      () => toValue(key2),
+      () => toValue(fallback) ?? ""
+    ],
+    ([id, type, currentKey, currentFallback]) => {
+      dispose == null ? void 0 : dispose();
+      dispose = void 0;
+      if (!id || !type || !currentKey) {
+        out.value = currentFallback;
+        return;
+      }
+      dispose = effect(() => {
+        const resolved = service.resolve(type, id, currentKey);
+        out.value = resolved === currentKey ? currentFallback : resolved;
+      });
+    },
+    { immediate: true }
+  );
+  onScopeDispose(() => {
+    dispose == null ? void 0 : dispose();
+    dispose = void 0;
+  });
+  return out;
+}
 function useContext(context) {
   const root = inject(key);
   if ((root == null ? void 0 : root.value) == null) {
@@ -122,8 +155,9 @@ function wrap(obj) {
   if (typeof obj !== "object" || obj == null) {
     return obj;
   }
+  const boundCache = /* @__PURE__ */ new WeakMap();
   return new Proxy(obj, {
-    get(target, key2) {
+    get(target, key2, receiver) {
       const val = target[key2];
       if (key2 === "$") {
         return target;
@@ -134,6 +168,14 @@ function wrap(obj) {
       if (typeof val === "object" && val != null && !Array.isArray(val) && typeof val !== "function") {
         return wrap(val);
       }
+      if (typeof val === "function") {
+        let bound = boundCache.get(val);
+        if (!bound) {
+          bound = val.bind(receiver);
+          boundCache.set(val, bound);
+        }
+        return bound;
+      }
       return val;
     }
   });
@@ -318,5 +360,7 @@ export {
   useProvideContext,
   useProvideContextProvider,
   useRegisterTranslationKeys,
-  useTarget
+  useTarget,
+  useTranslatedProp,
+  wrap
 };

package/dist/web-components/editor/InlineText.d.ts

@@ -8,6 +8,7 @@ export default class InlineText extends HTMLElement {
     private boundHandlePointerDown;
     private boundHandleClick;
     private lastValue;
+    private fallbackText;
     private dispose?;
     private domInitialized;
     static get observedAttributes(): string[];

package/dist/web-components/editor/InlineText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/InlineText.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,kBAAkB,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,OAAO,CAAC,CAAa;IAI7B,OAAO,CAAC,cAAc,CAAS;IAE/B,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,iBAAiB;IA0CjB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,oBAAoB;IA2D5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAwC;IAEpE,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA+BlB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
+{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/InlineText.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,kBAAkB,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAuB;IAGxC,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAa;IAI7B,OAAO,CAAC,cAAc,CAAS;IAE/B,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,iBAAiB;IA0CjB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,oBAAoB;IA6E5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAwC;IAEpE,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA+BlB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/web-components-editor.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { i as injectContext, T as TranslationContext, C as ContextRoot } from "./css-runtime-ClH0MEYr.js";
-import { V as ViewLayoutController, E as ExtensionRoot, B as Block } from "./ExtensionRoot-C3lVJEBl.js";
+import { i as injectContext, T as TranslationContext, C as ContextRoot } from "./css-runtime-DTiXcYSs.js";
+import { V as ViewLayoutController, E as ExtensionRoot, B as Block } from "./ExtensionRoot-DfpvN94s.js";
 import { canvasMode, getActiveSurfaceContext, emitLayoutSetRects, effect } from "@juo/blocks";
 import { getLayoutModeAdapter } from "./layout-mode-adapter-BBd4JRQd.js";
 import { a as createEditorBridge, m as createFocusInlineTextMessage, J as createUpdateBlockTranslationMessage } from "./bridge-xiKEzCGR.js";
@@ -110,6 +110,9 @@ const _InlineText = class _InlineText extends HTMLElement {
     __publicField(this, "boundHandlePointerDown", this.handlePointerDown.bind(this));
     __publicField(this, "boundHandleClick", this.handleClick.bind(this));
     __publicField(this, "lastValue", null);
+    // The text the block itself rendered (its prop value), used when the catalog
+    // has no translation for this key. Survives DOM moves — see initializeEditorMode.
+    __publicField(this, "fallbackText", null);
     __publicField(this, "dispose");
     // One-time DOM/style setup guard — see initializeEditorMode. Persists across
     // DOM moves so reconnecting (e.g. exiting layout mode) skips redundant,
@@ -177,17 +180,22 @@ const _InlineText = class _InlineText extends HTMLElement {
     this.addEventListener("blur", this.boundHandleBlur);
     this.addEventListener("pointerdown", this.boundHandlePointerDown);
     this.addEventListener("click", this.boundHandleClick);
-    this.lastValue = this.textContent || "";
+    const rendered = this.textContent ?? "";
+    if (this.fallbackText == null || rendered !== this.lastValue) {
+      this.fallbackText = rendered;
+    }
+    this.lastValue = rendered;
     if (this.translationService && this.propName && this.blockType && this.blockId) {
       const key = this.propName;
-      const fallbackText = this.textContent ?? "";
       this.dispose = effect(() => {
         const service = this.translationService;
         if (!service) return;
         void service.locale.value;
         const resolved = service.resolve(this.blockType, this.blockId, key);
         const isMissing = resolved === key || this.hasAttribute("fallback-on-empty") && resolved.trim() === "";
+        const fallbackText = this.fallbackText ?? "";
         const value = isMissing && fallbackText.trim().length > 0 ? fallbackText : resolved;
+        if (this.contentEditable === "plaintext-only") return;
         this.textContent = value;
         this.lastValue = value;
       });
@@ -298,7 +306,7 @@ initMorphController();
 void (async () => {
   try {
     const [{ createGridStackAdapter }, { registerLayoutModeAdapter }] = await Promise.all([
-      import("./gridstack-adapter-CDWbSpbt.js"),
+      import("./gridstack-adapter-BZWybRw1.js"),
       import("./layout-mode-adapter-BBd4JRQd.js")
     ]);
     registerLayoutModeAdapter(createGridStackAdapter());

package/dist/web-components-runtime.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { i as injectContext, T as TranslationContext, C as ContextRoot } from "./css-runtime-ClH0MEYr.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-C3lVJEBl.js";
+import { i as injectContext, T as TranslationContext, C as ContextRoot } from "./css-runtime-DTiXcYSs.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-DfpvN94s.js";
 import { effect } from "@juo/blocks";
 class InlineText extends HTMLElement {
   constructor() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/blocks",
   "private": false,
-  "version": "1.15.0",
+  "version": "1.16.1",
   "type": "module",
   "files": [
     "dist"