@juo/blocks 1.5.0 → 1.5.1

package/dist/{ExtensionRoot-BjAZAQ-b.js → ExtensionRoot--ykEAINN.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { signal, effect, createBlockInstance } from "@juo/blocks";
 import { reportBlockWarning, reportBlockError } from "./observability.js";
 import { d, v as subscribeContext, T as ThemeStateContext, E, y as withWrapper, x as n, b as backfillInstanceDefaults, p as isStubDefinition, q as onRegisterBlock } from "./theme-state-D3w_B6gQ.js";
-import "./juo-workflow-BcW9QouV.js";
+import "./juo-workflow-CEJOM_bA.js";
 class Block extends HTMLElement {
   constructor() {
     super();

package/dist/{bridge-BUMnj_Y5.js → bridge-BbG-fSU2.js}

@@ -276,14 +276,15 @@ function createEditorBridge() {
       }
     }
     const clickedBlockId = (blockWrapper == null ? void 0 : blockWrapper.getAttribute("data-block-id")) || null;
+    const newBlockId = clickedBlockId || null;
+    const isNewSelection = newBlockId !== selectedBlockId.value;
     if (isWorkflowPreview && !clickedBlockId) {
       return;
     }
     if (clickedBlockId && clickedBlockId === selectedBlockId.value) {
       return;
     }
-    const newBlockId = clickedBlockId || null;
-    if (newBlockId !== selectedBlockId.value) {
+    if (isNewSelection) {
       const message = createSelectBlockMessage(
         { blockId: newBlockId },
         newBlockId || void 0

package/dist/core.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { c as createContext, d, w, r as registerBlock, E, u } from "./theme-state-D3w_B6gQ.js";
 import { B, C, a, D, S, T, b, e, f, g, h, i, j, k, l, m, n, o, p, q, s, t, v, x, y } from "./theme-state-D3w_B6gQ.js";
-import { T as T2, W, c, a as a2, b as b2, g as g2, h as h2 } from "./juo-workflow-BcW9QouV.js";
+import { T as T2, W, c, a as a2, b as b2, g as g2, h as h2 } from "./juo-workflow-CEJOM_bA.js";
 import { reportBlockWarning, reportBlockError } from "./observability.js";
 function createState() {
   const discountCode = d(null);

package/dist/editor/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/editor/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA6O9C,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,uBAAuB,CAA0C;IAEzE,MAAM,KAAK,kBAAkB,aAE5B;;IASD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAiFrB,iBAAiB;IA+BjB,oBAAoB;IAUpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,SAAS;IAWjB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAQ7B,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAmD1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,YAAY,CAAC;KAC1C;CACF"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/editor/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAiQ9C,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,uBAAuB,CAA0C;IAEzE,MAAM,KAAK,kBAAkB,aAE5B;;IASD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAiFrB,iBAAiB;IA+BjB,oBAAoB;IAUpB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,QAAQ;IAahB,OAAO,CAAC,SAAS;IAWjB,QAAQ,CAAC,KAAK,EAAE,aAAa;IAQ7B,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAmD1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,0BAA0B,EAAE,YAAY,CAAC;KAC1C;CACF"}

package/dist/editor.js

@@ -2,8 +2,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 { onRegisterBlock, getDefinedBlocks } from "@juo/blocks";
-import { a as createEditorBridge, f as createRemoveBlockMessage, g as createRegisterBlocksMessage, h as createRegisterRoutesMessage } from "./bridge-BUMnj_Y5.js";
-import { i, b, j, k, l, m, n, c, o, p, q, r, s, e, t, u, v, w, d, x, y, z, A } from "./bridge-BUMnj_Y5.js";
+import { a as createEditorBridge, f as createRemoveBlockMessage, g as createRegisterBlocksMessage, h as createRegisterRoutesMessage } from "./bridge-BbG-fSU2.js";
+import { i, b, j, k, l, m, n, c, o, p, q, r, s, e, t, u, v, w, d, x, y, z, A } from "./bridge-BbG-fSU2.js";
 import { g as createBlockInstanceFromObject, n as indexOverrides } from "./theme-state-D3w_B6gQ.js";
 function createEditorHandler(options) {
   const { themeState, onBlockSelection } = options;
@@ -296,6 +296,11 @@ const styles = `
   :host {
     display: block;
     position: relative;
+    /* Re-enable hit-testing on every wrapper so that an inactive ancestor
+     * wrapper's slot-host (pointer-events: none) doesn't make this nested
+     * wrapper unselectable. pointer-events: auto on a descendant overrides
+     * an ancestor's pointer-events: none for that descendant. */
+    pointer-events: auto;
   }
 
   .block-wrapper {
@@ -367,6 +372,20 @@ const styles = `
     z-index: 100;
   }
 
+  /*
+   * Inactive blocks: disable hit-testing on the slotted block content so that
+   *   1. clicks on interactive elements inside the block don't trigger their
+   *      default behavior (the click falls through to the wrapper, which the
+   *      global click handler in bridge.ts uses to drive selection), and
+   *   2. the cursor / hover styles / focus rings inside the block don't
+   *      advertise interactivity that isn't actually available.
+   * The wrapper itself, the chrome, and the title bar stay interactive
+   * because they're siblings of the slot-host, not descendants.
+   */
+  :host(:not(.active)) .block-wrapper__slot-host {
+    pointer-events: none;
+  }
+
   /*
    * Wraps the slotted block content. Stays as a plain in-flow div when
    * inactive (no stacking context). Only when the host is .active do we
@@ -377,6 +396,7 @@ const styles = `
   :host(.active) .block-wrapper__slot-host {
     position: relative;
     z-index: 101;
+    pointer-events: auto;
   }
 
   /*

package/dist/{juo-workflow-BcW9QouV.js → juo-workflow-CEJOM_bA.js}

@@ -2,7 +2,7 @@ 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 { c as createContext, d, E, m as getDefinedBlocks, e as createBlockInstance, w, r as registerBlock, k as defineBlock, v as subscribeContext } from "./theme-state-D3w_B6gQ.js";
-import { a as createEditorBridge, e as createSelectBlockMessage } from "./bridge-BUMnj_Y5.js";
+import { a as createEditorBridge, e as createSelectBlockMessage } from "./bridge-BbG-fSU2.js";
 const TranslationContext = createContext("translation");
 function toStringRecord(input) {
   if (input == null) return {};

package/dist/preact.js

@@ -6,7 +6,7 @@ import { useState, useRef, useEffect, useContext as useContext$1, useMemo } from
 import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-VhmfGB3N.js";
 import { t } from "./block-VhmfGB3N.js";
 import { createContext, h, render } from "preact";
-import { a as createEditorBridge } from "./bridge-BUMnj_Y5.js";
+import { a as createEditorBridge } from "./bridge-BbG-fSU2.js";
 function toState(signal) {
   const [value, setValue] = useState(() => getSignalValue(signal));
   const disposeRef = useRef(null);

package/dist/react.js

@@ -6,7 +6,7 @@ import React, { useSyncExternalStore, createContext, useState, useContext as use
 import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-VhmfGB3N.js";
 import { t } from "./block-VhmfGB3N.js";
 import { createRoot } from "react-dom/client";
-import { a as createEditorBridge } from "./bridge-BUMnj_Y5.js";
+import { a as createEditorBridge } from "./bridge-BbG-fSU2.js";
 function toState(signal) {
   const subscribe = (callback) => {
     const dispose = effect(() => {

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 { effect, signal, injectContext, provideContext, createCeRenderer } from "@juo/blocks";
-import { c as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-BUMnj_Y5.js";
+import { c as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-BbG-fSU2.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
 function toSignal(ref2) {
   if (!signalsMap.has(ref2)) {

package/dist/web-components-editor.js

@@ -2,9 +2,9 @@ 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 { o as injectContext, E, z as ContextRoot } from "./theme-state-D3w_B6gQ.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-BjAZAQ-b.js";
-import { a as createEditorBridge, b as createFocusInlineTextMessage, d as createUpdateBlockTranslationMessage } from "./bridge-BUMnj_Y5.js";
-import { T as TranslationContext } from "./juo-workflow-BcW9QouV.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot--ykEAINN.js";
+import { a as createEditorBridge, b as createFocusInlineTextMessage, d as createUpdateBlockTranslationMessage } from "./bridge-BbG-fSU2.js";
+import { T as TranslationContext } from "./juo-workflow-CEJOM_bA.js";
 const _InlineText = class _InlineText extends HTMLElement {
   constructor() {
     super();

package/dist/web-components-runtime.js

@@ -2,8 +2,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 { o as injectContext, E, z as ContextRoot } from "./theme-state-D3w_B6gQ.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-BjAZAQ-b.js";
-import { T as TranslationContext } from "./juo-workflow-BcW9QouV.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot--ykEAINN.js";
+import { T as TranslationContext } from "./juo-workflow-CEJOM_bA.js";
 class InlineText extends HTMLElement {
   constructor() {
     super(...arguments);

package/package.json

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