@dotcms/uve 1.5.5-next.2294 → 1.5.5-next.2323

package/internal.cjs.js

@@ -399,6 +399,7 @@ exports.getDotCMSContentletsBound = _public.getDotCMSContentletsBound;
 exports.getDotCMSPageBounds = _public.getDotCMSPageBounds;
 exports.getDotContainerAttributes = _public.getDotContainerAttributes;
 exports.getDotContentletAttributes = _public.getDotContentletAttributes;
+exports.getNativeEventBinder = _public.getNativeEventBinder;
 exports.getUVEState = _public.getUVEState;
 exports.isDotAnalyticsActive = _public.isDotAnalyticsActive;
 exports.isValidBlocks = _public.isValidBlocks;

package/internal.esm.js

@@ -1,5 +1,5 @@
 import { g as getUVEState, s as sendMessageToUVE } from './public.esm.js';
-export { A as ANALYTICS_ACTIVE_WINDOW_KEY, l as ANALYTICS_READY_EVENT, C as CUSTOM_NO_COMPONENT, D as DEVELOPMENT_MODE, k as DOT_SECTION_ID_PREFIX, j as EMPTY_CONTAINER_STYLE_ANGULAR, h as EMPTY_CONTAINER_STYLE_REACT, E as END_CLASS, P as PRODUCTION_MODE, S as START_CLASS, T as TEMP_EMPTY_CONTENTLET, m as TEMP_EMPTY_CONTENTLET_TYPE, _ as __UVE_EVENTS__, f as __UVE_EVENT_ERROR_FALLBACK__, x as combineClasses, w as computeScrollIsInBottom, c as createUVESubscription, t as findDotCMSElement, v as findDotCMSVTLData, B as getAnalyticsContentletAttributes, q as getClosestDotCMSContainerData, y as getColumnPositionClasses, G as getContainersData, H as getContentletsInContainer, p as getDotCMSContainerData, o as getDotCMSContentletsBound, n as getDotCMSPageBounds, I as getDotContainerAttributes, z as getDotContentletAttributes, F as isDotAnalyticsActive, L as isValidBlocks, J as readContentletDataset, K as setBounds } from './public.esm.js';
+export { A as ANALYTICS_ACTIVE_WINDOW_KEY, l as ANALYTICS_READY_EVENT, C as CUSTOM_NO_COMPONENT, D as DEVELOPMENT_MODE, k as DOT_SECTION_ID_PREFIX, j as EMPTY_CONTAINER_STYLE_ANGULAR, h as EMPTY_CONTAINER_STYLE_REACT, E as END_CLASS, P as PRODUCTION_MODE, S as START_CLASS, T as TEMP_EMPTY_CONTENTLET, m as TEMP_EMPTY_CONTENTLET_TYPE, _ as __UVE_EVENTS__, f as __UVE_EVENT_ERROR_FALLBACK__, x as combineClasses, w as computeScrollIsInBottom, c as createUVESubscription, t as findDotCMSElement, v as findDotCMSVTLData, B as getAnalyticsContentletAttributes, q as getClosestDotCMSContainerData, y as getColumnPositionClasses, G as getContainersData, H as getContentletsInContainer, p as getDotCMSContainerData, o as getDotCMSContentletsBound, n as getDotCMSPageBounds, I as getDotContainerAttributes, z as getDotContentletAttributes, K as getNativeEventBinder, F as isDotAnalyticsActive, M as isValidBlocks, J as readContentletDataset, L as setBounds } from './public.esm.js';
 import { UVE_MODE, DotCMSUVEAction } from '@dotcms/types';
 import '@dotcms/types/internal';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/uve",
-  "version": "1.5.5-next.2294",
+  "version": "1.5.5-next.2323",
   "description": "Official JavaScript library for interacting with Universal Visual Editor (UVE)",
   "repository": {
     "type": "git",

package/public.cjs.js

@@ -409,6 +409,38 @@ function readContentletDataset(element) {
     })
   };
 }
+/**
+ * Returns Zone.js's *unpatched* native `addEventListener` / `removeEventListener`
+ * bound to `target`, falling back to the standard methods when Zone.js is absent.
+ *
+ * UVE reuses a single iframe and rewrites it with `document.open()/write()/close()`
+ * on every in-editor navigation. When Zone.js is loaded inside that iframe it runs
+ * in global-events mode: one native "gateway" listener per (target, eventType)
+ * plus a JS-level task list stored on the target node. `document.open()` tears down
+ * the native gateway on the persistent `window`/`document` nodes, but the task list
+ * survives on them, so Zone sees "already registered" on re-init and skips
+ * re-installing the native gateway — the listener silently goes dead after the
+ * first navigation.
+ *
+ * Hover/click dodge this by binding to `document.documentElement`, a node that
+ * `write()` recreates fresh. `scroll`/`message` (on `window`) and
+ * `DOMContentLoaded` (on `document`) can't: none of them fire on `<html>`, so
+ * there is no fresh node to rebind to. Going through Zone's native (untracked)
+ * methods sidesteps the dedup entirely, so the listener rebinds cleanly after
+ * every rewrite.
+ */
+function getNativeEventBinder(target) {
+  const zone = globalThis.Zone;
+  const symbolFor = name => typeof zone?.__symbol__ === 'function' ? zone.__symbol__(name) : `__zone_symbol__${name}`;
+  const source = target;
+  const base = target;
+  const nativeAdd = source[symbolFor('addEventListener')];
+  const nativeRemove = source[symbolFor('removeEventListener')];
+  return {
+    addEventListener: (nativeAdd ?? base.addEventListener).bind(base),
+    removeEventListener: (nativeRemove ?? base.removeEventListener).bind(base)
+  };
+}
 
 /**
  * Subscribes to content changes in the UVE editor
@@ -425,10 +457,12 @@ function onContentChanges(callback) {
       callback(event.data.payload);
     }
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: types.UVEEventType.CONTENT_CHANGES
   };
@@ -448,10 +482,12 @@ function onPageReload(callback) {
       callback();
     }
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: types.UVEEventType.PAGE_RELOAD
   };
@@ -539,13 +575,13 @@ function onAutoBounds(callback) {
     childList: true,
     subtree: true
   });
-  // Scrolling inside the iframe doesn't change layout, so ResizeObserver
-  // doesn't fire, but every contentlet's viewport-relative position
-  // (getBoundingClientRect) does change. Re-emit bounds after each
-  // scroll burst settles so the editor's pinned selected overlay
-  // re-anchors to the on-screen position.
+  // Scrolling doesn't change layout (ResizeObserver won't fire) but moves
+  // every contentlet, so re-emit bounds after the scroll settles to re-anchor
+  // the selected overlay. Native binder so it survives the iframe rewrite
+  // under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
   const onScroll = () => scheduleEmit();
-  window.addEventListener('scroll', onScroll, {
+  nativeWindow.addEventListener('scroll', onScroll, {
     passive: true
   });
   // Flush channel: the editor occasionally needs an immediate snapshot
@@ -560,7 +596,8 @@ function onAutoBounds(callback) {
     }
     emit();
   };
-  window.addEventListener('message', onFlush);
+  // Native binder (reused from `scroll` above): survives the iframe rewrite too.
+  nativeWindow.addEventListener('message', onFlush);
   return {
     unsubscribe: () => {
       if (debounceTimer !== null) {
@@ -569,8 +606,8 @@ function onAutoBounds(callback) {
       }
       resizeObserver.disconnect();
       mutationObserver.disconnect();
-      window.removeEventListener('scroll', onScroll);
-      window.removeEventListener('message', onFlush);
+      nativeWindow.removeEventListener('scroll', onScroll);
+      nativeWindow.removeEventListener('message', onFlush);
       observed = [];
     },
     event: types.UVEEventType.AUTO_BOUNDS
@@ -592,10 +629,12 @@ function onIframeScroll(callback) {
       callback(direction);
     }
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: types.UVEEventType.IFRAME_SCROLL
   };
@@ -625,10 +664,12 @@ function onScrollToSection(callback) {
       offsetTop: el.offsetTop
     });
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: types.UVEEventType.SCROLL_TO_SECTION
   };
@@ -698,16 +739,18 @@ function onContentletHovered(callback) {
     hasHover = true;
     callback(contentletHoveredPayload);
   };
-  // We intentionally do not fire null on document `pointerleave`: the
-  // editor's hover toolbar lives in the parent window (outside the
-  // iframe), so leaving the iframe usually means the user is heading
-  // for the toolbar. Killing the overlay there would yank the toolbar
-  // away just as the user reaches for it. Dead-space-inside-iframe
-  // is already covered by the `pointermove` null branch above.
-  document.addEventListener('pointermove', pointerMoveCallback);
+  // We intentionally do not fire null on `pointerleave`: the editor's hover
+  // toolbar lives in the parent window, so leaving the iframe usually means
+  // the user is reaching for it — killing the overlay would yank it away.
+  //
+  // Bind to `document.documentElement` (a fresh node on each iframe rewrite)
+  // rather than `document`, which goes dead under Zone.js after a rewrite.
+  // `pointermove` bubbles to <html>, so no-Zone behavior is identical. See
+  // getNativeEventBinder for the full rationale.
+  document.documentElement.addEventListener('pointermove', pointerMoveCallback);
   return {
     unsubscribe: () => {
-      document.removeEventListener('pointermove', pointerMoveCallback);
+      document.documentElement.removeEventListener('pointermove', pointerMoveCallback);
     },
     event: types.UVEEventType.CONTENTLET_HOVERED
   };
@@ -781,18 +824,22 @@ function onContentletClicked(callback) {
       lastSelectedInode = undefined;
     }
   };
-  // Capture phase so we run BEFORE the page's own click handlers and can
-  // preventDefault/stopPropagation effectively.
-  document.addEventListener('click', clickCallback, {
+  // Capture phase so we run BEFORE the page's own click handlers. Bound to
+  // `document.documentElement` (a fresh node on each iframe rewrite) rather
+  // than `document`, which goes dead under Zone.js after a rewrite; capture on
+  // <html> still runs first. See getNativeEventBinder for the full rationale.
+  document.documentElement.addEventListener('click', clickCallback, {
     capture: true
   });
-  window.addEventListener('message', selectionClearedCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', selectionClearedCallback);
   return {
     unsubscribe: () => {
-      document.removeEventListener('click', clickCallback, {
+      document.documentElement.removeEventListener('click', clickCallback, {
         capture: true
       });
-      window.removeEventListener('message', selectionClearedCallback);
+      nativeWindow.removeEventListener('message', selectionClearedCallback);
     },
     event: types.UVEEventType.CONTENTLET_CLICKED
   };
@@ -1144,12 +1191,19 @@ function scrollHandler() {
       action: types.DotCMSUVEAction.IFRAME_SCROLL_END
     });
   };
-  window.addEventListener('scroll', scrollCallback);
-  window.addEventListener('scrollend', scrollEndCallback);
+  // Native binder: scroll survives the iframe rewrite under Zone.js. It can't
+  // move to a fresh `documentElement` like hover/click (viewport scroll only
+  // fires on `window`). See getNativeEventBinder.
+  const {
+    addEventListener,
+    removeEventListener
+  } = getNativeEventBinder(window);
+  addEventListener('scroll', scrollCallback);
+  addEventListener('scrollend', scrollEndCallback);
   return {
     destroyScrollHandler: () => {
-      window.removeEventListener('scroll', scrollCallback);
-      window.removeEventListener('scrollend', scrollEndCallback);
+      removeEventListener('scroll', scrollCallback);
+      removeEventListener('scrollend', scrollEndCallback);
     }
   };
 }
@@ -1263,14 +1317,19 @@ function listenBlockEditorInlineEvent() {
       }
     };
   }
-  // If the page is not fully loaded, listen for the DOMContentLoaded event
+  // Native binder: `DOMContentLoaded` fires on `document` (not `<html>`), so
+  // it survives the iframe rewrite under Zone.js. See getNativeEventBinder.
   const handleDOMContentLoaded = () => {
     listenBlockEditorClick();
   };
-  document.addEventListener('DOMContentLoaded', handleDOMContentLoaded);
+  const {
+    addEventListener,
+    removeEventListener
+  } = getNativeEventBinder(document);
+  addEventListener('DOMContentLoaded', handleDOMContentLoaded);
   return {
     destroyListenBlockEditorInlineEvent: () => {
-      document.removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
+      removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
     }
   };
 }
@@ -1520,6 +1579,7 @@ exports.getDotCMSContentletsBound = getDotCMSContentletsBound;
 exports.getDotCMSPageBounds = getDotCMSPageBounds;
 exports.getDotContainerAttributes = getDotContainerAttributes;
 exports.getDotContentletAttributes = getDotContentletAttributes;
+exports.getNativeEventBinder = getNativeEventBinder;
 exports.getUVEState = getUVEState;
 exports.initInlineEditing = initInlineEditing;
 exports.initUVE = initUVE;

package/public.esm.js

@@ -407,6 +407,38 @@ function readContentletDataset(element) {
     })
   };
 }
+/**
+ * Returns Zone.js's *unpatched* native `addEventListener` / `removeEventListener`
+ * bound to `target`, falling back to the standard methods when Zone.js is absent.
+ *
+ * UVE reuses a single iframe and rewrites it with `document.open()/write()/close()`
+ * on every in-editor navigation. When Zone.js is loaded inside that iframe it runs
+ * in global-events mode: one native "gateway" listener per (target, eventType)
+ * plus a JS-level task list stored on the target node. `document.open()` tears down
+ * the native gateway on the persistent `window`/`document` nodes, but the task list
+ * survives on them, so Zone sees "already registered" on re-init and skips
+ * re-installing the native gateway — the listener silently goes dead after the
+ * first navigation.
+ *
+ * Hover/click dodge this by binding to `document.documentElement`, a node that
+ * `write()` recreates fresh. `scroll`/`message` (on `window`) and
+ * `DOMContentLoaded` (on `document`) can't: none of them fire on `<html>`, so
+ * there is no fresh node to rebind to. Going through Zone's native (untracked)
+ * methods sidesteps the dedup entirely, so the listener rebinds cleanly after
+ * every rewrite.
+ */
+function getNativeEventBinder(target) {
+  const zone = globalThis.Zone;
+  const symbolFor = name => typeof zone?.__symbol__ === 'function' ? zone.__symbol__(name) : `__zone_symbol__${name}`;
+  const source = target;
+  const base = target;
+  const nativeAdd = source[symbolFor('addEventListener')];
+  const nativeRemove = source[symbolFor('removeEventListener')];
+  return {
+    addEventListener: (nativeAdd ?? base.addEventListener).bind(base),
+    removeEventListener: (nativeRemove ?? base.removeEventListener).bind(base)
+  };
+}
 
 /**
  * Subscribes to content changes in the UVE editor
@@ -423,10 +455,12 @@ function onContentChanges(callback) {
       callback(event.data.payload);
     }
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: UVEEventType.CONTENT_CHANGES
   };
@@ -446,10 +480,12 @@ function onPageReload(callback) {
       callback();
     }
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: UVEEventType.PAGE_RELOAD
   };
@@ -537,13 +573,13 @@ function onAutoBounds(callback) {
     childList: true,
     subtree: true
   });
-  // Scrolling inside the iframe doesn't change layout, so ResizeObserver
-  // doesn't fire, but every contentlet's viewport-relative position
-  // (getBoundingClientRect) does change. Re-emit bounds after each
-  // scroll burst settles so the editor's pinned selected overlay
-  // re-anchors to the on-screen position.
+  // Scrolling doesn't change layout (ResizeObserver won't fire) but moves
+  // every contentlet, so re-emit bounds after the scroll settles to re-anchor
+  // the selected overlay. Native binder so it survives the iframe rewrite
+  // under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
   const onScroll = () => scheduleEmit();
-  window.addEventListener('scroll', onScroll, {
+  nativeWindow.addEventListener('scroll', onScroll, {
     passive: true
   });
   // Flush channel: the editor occasionally needs an immediate snapshot
@@ -558,7 +594,8 @@ function onAutoBounds(callback) {
     }
     emit();
   };
-  window.addEventListener('message', onFlush);
+  // Native binder (reused from `scroll` above): survives the iframe rewrite too.
+  nativeWindow.addEventListener('message', onFlush);
   return {
     unsubscribe: () => {
       if (debounceTimer !== null) {
@@ -567,8 +604,8 @@ function onAutoBounds(callback) {
       }
       resizeObserver.disconnect();
       mutationObserver.disconnect();
-      window.removeEventListener('scroll', onScroll);
-      window.removeEventListener('message', onFlush);
+      nativeWindow.removeEventListener('scroll', onScroll);
+      nativeWindow.removeEventListener('message', onFlush);
       observed = [];
     },
     event: UVEEventType.AUTO_BOUNDS
@@ -590,10 +627,12 @@ function onIframeScroll(callback) {
       callback(direction);
     }
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: UVEEventType.IFRAME_SCROLL
   };
@@ -623,10 +662,12 @@ function onScrollToSection(callback) {
       offsetTop: el.offsetTop
     });
   };
-  window.addEventListener('message', messageCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', messageCallback);
   return {
     unsubscribe: () => {
-      window.removeEventListener('message', messageCallback);
+      nativeWindow.removeEventListener('message', messageCallback);
     },
     event: UVEEventType.SCROLL_TO_SECTION
   };
@@ -696,16 +737,18 @@ function onContentletHovered(callback) {
     hasHover = true;
     callback(contentletHoveredPayload);
   };
-  // We intentionally do not fire null on document `pointerleave`: the
-  // editor's hover toolbar lives in the parent window (outside the
-  // iframe), so leaving the iframe usually means the user is heading
-  // for the toolbar. Killing the overlay there would yank the toolbar
-  // away just as the user reaches for it. Dead-space-inside-iframe
-  // is already covered by the `pointermove` null branch above.
-  document.addEventListener('pointermove', pointerMoveCallback);
+  // We intentionally do not fire null on `pointerleave`: the editor's hover
+  // toolbar lives in the parent window, so leaving the iframe usually means
+  // the user is reaching for it — killing the overlay would yank it away.
+  //
+  // Bind to `document.documentElement` (a fresh node on each iframe rewrite)
+  // rather than `document`, which goes dead under Zone.js after a rewrite.
+  // `pointermove` bubbles to <html>, so no-Zone behavior is identical. See
+  // getNativeEventBinder for the full rationale.
+  document.documentElement.addEventListener('pointermove', pointerMoveCallback);
   return {
     unsubscribe: () => {
-      document.removeEventListener('pointermove', pointerMoveCallback);
+      document.documentElement.removeEventListener('pointermove', pointerMoveCallback);
     },
     event: UVEEventType.CONTENTLET_HOVERED
   };
@@ -779,18 +822,22 @@ function onContentletClicked(callback) {
       lastSelectedInode = undefined;
     }
   };
-  // Capture phase so we run BEFORE the page's own click handlers and can
-  // preventDefault/stopPropagation effectively.
-  document.addEventListener('click', clickCallback, {
+  // Capture phase so we run BEFORE the page's own click handlers. Bound to
+  // `document.documentElement` (a fresh node on each iframe rewrite) rather
+  // than `document`, which goes dead under Zone.js after a rewrite; capture on
+  // <html> still runs first. See getNativeEventBinder for the full rationale.
+  document.documentElement.addEventListener('click', clickCallback, {
     capture: true
   });
-  window.addEventListener('message', selectionClearedCallback);
+  // Native binder: survives the iframe rewrite under Zone.js. See getNativeEventBinder.
+  const nativeWindow = getNativeEventBinder(window);
+  nativeWindow.addEventListener('message', selectionClearedCallback);
   return {
     unsubscribe: () => {
-      document.removeEventListener('click', clickCallback, {
+      document.documentElement.removeEventListener('click', clickCallback, {
         capture: true
       });
-      window.removeEventListener('message', selectionClearedCallback);
+      nativeWindow.removeEventListener('message', selectionClearedCallback);
     },
     event: UVEEventType.CONTENTLET_CLICKED
   };
@@ -1142,12 +1189,19 @@ function scrollHandler() {
       action: DotCMSUVEAction.IFRAME_SCROLL_END
     });
   };
-  window.addEventListener('scroll', scrollCallback);
-  window.addEventListener('scrollend', scrollEndCallback);
+  // Native binder: scroll survives the iframe rewrite under Zone.js. It can't
+  // move to a fresh `documentElement` like hover/click (viewport scroll only
+  // fires on `window`). See getNativeEventBinder.
+  const {
+    addEventListener,
+    removeEventListener
+  } = getNativeEventBinder(window);
+  addEventListener('scroll', scrollCallback);
+  addEventListener('scrollend', scrollEndCallback);
   return {
     destroyScrollHandler: () => {
-      window.removeEventListener('scroll', scrollCallback);
-      window.removeEventListener('scrollend', scrollEndCallback);
+      removeEventListener('scroll', scrollCallback);
+      removeEventListener('scrollend', scrollEndCallback);
     }
   };
 }
@@ -1261,14 +1315,19 @@ function listenBlockEditorInlineEvent() {
       }
     };
   }
-  // If the page is not fully loaded, listen for the DOMContentLoaded event
+  // Native binder: `DOMContentLoaded` fires on `document` (not `<html>`), so
+  // it survives the iframe rewrite under Zone.js. See getNativeEventBinder.
   const handleDOMContentLoaded = () => {
     listenBlockEditorClick();
   };
-  document.addEventListener('DOMContentLoaded', handleDOMContentLoaded);
+  const {
+    addEventListener,
+    removeEventListener
+  } = getNativeEventBinder(document);
+  addEventListener('DOMContentLoaded', handleDOMContentLoaded);
   return {
     destroyListenBlockEditorInlineEvent: () => {
-      document.removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
+      removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
     }
   };
 }
@@ -1486,4 +1545,4 @@ function initUVE(config = {}) {
   };
 }
 
-export { ANALYTICS_ACTIVE_WINDOW_KEY as A, getAnalyticsContentletAttributes as B, CUSTOM_NO_COMPONENT as C, DEVELOPMENT_MODE as D, END_CLASS as E, isDotAnalyticsActive as F, getContainersData as G, getContentletsInContainer as H, getDotContainerAttributes as I, readContentletDataset as J, setBounds as K, isValidBlocks as L, PRODUCTION_MODE as P, START_CLASS as S, TEMP_EMPTY_CONTENTLET as T, __UVE_EVENTS__ as _, enableBlockEditorInline as a, createContentlet as b, createUVESubscription as c, initUVE as d, editContentlet as e, __UVE_EVENT_ERROR_FALLBACK__ as f, getUVEState as g, EMPTY_CONTAINER_STYLE_REACT as h, initInlineEditing as i, EMPTY_CONTAINER_STYLE_ANGULAR as j, DOT_SECTION_ID_PREFIX as k, ANALYTICS_READY_EVENT as l, TEMP_EMPTY_CONTENTLET_TYPE as m, getDotCMSPageBounds as n, getDotCMSContentletsBound as o, getDotCMSContainerData as p, getClosestDotCMSContainerData as q, reorderMenu as r, sendMessageToUVE as s, findDotCMSElement as t, updateNavigation as u, findDotCMSVTLData as v, computeScrollIsInBottom as w, combineClasses as x, getColumnPositionClasses as y, getDotContentletAttributes as z };
+export { ANALYTICS_ACTIVE_WINDOW_KEY as A, getAnalyticsContentletAttributes as B, CUSTOM_NO_COMPONENT as C, DEVELOPMENT_MODE as D, END_CLASS as E, isDotAnalyticsActive as F, getContainersData as G, getContentletsInContainer as H, getDotContainerAttributes as I, readContentletDataset as J, getNativeEventBinder as K, setBounds as L, isValidBlocks as M, PRODUCTION_MODE as P, START_CLASS as S, TEMP_EMPTY_CONTENTLET as T, __UVE_EVENTS__ as _, enableBlockEditorInline as a, createContentlet as b, createUVESubscription as c, initUVE as d, editContentlet as e, __UVE_EVENT_ERROR_FALLBACK__ as f, getUVEState as g, EMPTY_CONTAINER_STYLE_REACT as h, initInlineEditing as i, EMPTY_CONTAINER_STYLE_ANGULAR as j, DOT_SECTION_ID_PREFIX as k, ANALYTICS_READY_EVENT as l, TEMP_EMPTY_CONTENTLET_TYPE as m, getDotCMSPageBounds as n, getDotCMSContentletsBound as o, getDotCMSContainerData as p, getClosestDotCMSContainerData as q, reorderMenu as r, sendMessageToUVE as s, findDotCMSElement as t, updateNavigation as u, findDotCMSVTLData as v, computeScrollIsInBottom as w, combineClasses as x, getColumnPositionClasses as y, getDotContentletAttributes as z };

package/src/lib/dom/dom.utils.d.ts

@@ -241,3 +241,24 @@ export declare function readContentletDataset(element: HTMLElement): {
     widgetTitle: string | undefined;
     onNumberOfPages: string | undefined;
 };
+/**
+ * Returns Zone.js's *unpatched* native `addEventListener` / `removeEventListener`
+ * bound to `target`, falling back to the standard methods when Zone.js is absent.
+ *
+ * UVE reuses a single iframe and rewrites it with `document.open()/write()/close()`
+ * on every in-editor navigation. When Zone.js is loaded inside that iframe it runs
+ * in global-events mode: one native "gateway" listener per (target, eventType)
+ * plus a JS-level task list stored on the target node. `document.open()` tears down
+ * the native gateway on the persistent `window`/`document` nodes, but the task list
+ * survives on them, so Zone sees "already registered" on re-init and skips
+ * re-installing the native gateway — the listener silently goes dead after the
+ * first navigation.
+ *
+ * Hover/click dodge this by binding to `document.documentElement`, a node that
+ * `write()` recreates fresh. `scroll`/`message` (on `window`) and
+ * `DOMContentLoaded` (on `document`) can't: none of them fire on `<html>`, so
+ * there is no fresh node to rebind to. Going through Zone's native (untracked)
+ * methods sidesteps the dedup entirely, so the listener rebinds cleanly after
+ * every rewrite.
+ */
+export declare function getNativeEventBinder<T extends Window | Document>(target: T): Pick<T, 'addEventListener' | 'removeEventListener'>;