@syntrologie/adapt-content 2.8.0-canary.94 → 2.8.0-canary.95

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts

@@ -54,9 +54,17 @@ export declare class AnchorPickerLit extends LitElement {
     updated(changed: Map<string, unknown>): void;
     private _attachDocumentListeners;
     private _detachDocumentListeners;
+    /**
+     * Resolve the shadow host this picker lives inside, if any. When the picker
+     * is mounted inside a shadow root (e.g. the editor SDK mounts inside
+     * `<smart-canvas>`'s shadow), `document.elementFromPoint` returns the shadow
+     * *host*, not the host page element beneath. Temporarily disabling pointer
+     * events on the host lets hit-testing fall through to the host page.
+     */
+    private _getShadowHost;
     private _handleMouseMove;
     private _handleClick;
     private _handleKeyDown;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=AnchorPickerLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAahD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAOxB;IAEF,QAAQ,UAAS;IACjB,iBAAiB,UAAS;IAC1B,eAAe,EAAE,MAAM,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,UAAU,CAA+B;IAIxC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,gBAAgB,CAoCtB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAIO,MAAM;CA0GhB"}
+{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAahD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAOxB;IAEF,QAAQ,UAAS;IACjB,iBAAiB,UAAS;IAC1B,eAAe,EAAE,MAAM,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,UAAU,CAA+B;IAIxC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAQhC;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB,CA+CtB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAIO,MAAM;CA0GhB"}

package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js

@@ -38,16 +38,28 @@ export class AnchorPickerLit extends LitElement {
         this._hoveredSelector = '';
         // DOM ref for the overlay
         this._overlayEl = null;
-        // ---- EVENT HANDLERS ----
         this._handleMouseMove = (e) => {
             const overlay = this._overlayEl;
+            const shadowHost = this._getShadowHost();
             // In passthrough mode the overlay is already pointerEvents:'none',
             // so elementFromPoint can see through it -- no toggle needed.
             // In non-passthrough mode, temporarily disable to detect elements underneath.
             if (overlay && !this.passthroughClicks) {
                 overlay.style.pointerEvents = 'none';
             }
+            // If we're inside a shadow root, temporarily hide the host so
+            // elementFromPoint can reach the host page underneath. `pointer-events`
+            // doesn't work here because any fixed-position descendant inside the
+            // shadow tree with pointer-events:auto (e.g. a canvas overlay) causes
+            // elementFromPoint to return the shadow host regardless of what the
+            // host's own pointer-events is. `visibility:hidden` removes the entire
+            // subtree from hit-testing without triggering layout reflow.
+            const prevHostVis = shadowHost?.style.visibility;
+            if (shadowHost)
+                shadowHost.style.visibility = 'hidden';
             const elementAtPoint = document.elementFromPoint(e.clientX, e.clientY);
+            if (shadowHost)
+                shadowHost.style.visibility = prevHostVis ?? '';
             if (overlay && !this.passthroughClicks) {
                 overlay.style.pointerEvents = 'auto';
             }
@@ -141,6 +153,20 @@ export class AnchorPickerLit extends LitElement {
         document.removeEventListener('click', this._handleClick, true);
         document.removeEventListener('keydown', this._handleKeyDown, true);
     }
+    // ---- EVENT HANDLERS ----
+    /**
+     * Resolve the shadow host this picker lives inside, if any. When the picker
+     * is mounted inside a shadow root (e.g. the editor SDK mounts inside
+     * `<smart-canvas>`'s shadow), `document.elementFromPoint` returns the shadow
+     * *host*, not the host page element beneath. Temporarily disabling pointer
+     * events on the host lets hit-testing fall through to the host page.
+     */
+    _getShadowHost() {
+        const root = this.getRootNode();
+        if (root instanceof ShadowRoot)
+            return root.host;
+        return null;
+    }
     // ---- RENDER ----
     render() {
         if (!this.isActive)

package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts

@@ -85,6 +85,6 @@ export declare class ElementHighlightLit extends LitElement {
     private _handleClick;
     private _handleKeyDown;
     private _handleRemove;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=ElementHighlightLit.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts

@@ -5,6 +5,7 @@
  *
  * Does NOT pull in any React dependencies.
  */
+import './components/AnchorPickerLit';
 import './components/EditorCardLit';
 import './components/EditorPanelShellLit';
 import './components/EditorTextareaLit';

package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-elements.d.ts","sourceRoot":"","sources":["../src/lit-elements.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC"}
+{"version":3,"file":"lit-elements.d.ts","sourceRoot":"","sources":["../src/lit-elements.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC"}

package/node_modules/@syntrologie/shared-editor-ui/dist/lit-elements.js

@@ -5,6 +5,7 @@
  *
  * Does NOT pull in any React dependencies.
  */
+import './components/AnchorPickerLit';
 import './components/EditorCardLit';
 import './components/EditorPanelShellLit';
 import './components/EditorTextareaLit';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-content",
-  "version": "2.8.0-canary.94",
+  "version": "2.8.0-canary.95",
   "description": "Adaptive Content app - DOM manipulation actions for text, attributes, and styles",
   "license": "Proprietary",
   "private": false,