@dotcms/analytics 1.4.0-next.1 → 1.4.0-next.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/analytics",
-  "version": "1.4.0-next.1",
+  "version": "1.4.0-next.3",
   "description": "Official JavaScript library for Content Analytics with DotCMS.",
   "repository": {
     "type": "git",

package/types/src/lib/editor/public.js

@@ -1,5 +1,5 @@
-var N = /* @__PURE__ */ ((r) => (r.EDIT = "EDIT_MODE", r.PREVIEW = "PREVIEW_MODE", r.LIVE = "LIVE", r.UNKNOWN = "UNKNOWN", r))(N || {}), E = /* @__PURE__ */ ((r) => (r.CONTENT_CHANGES = "changes", r.PAGE_RELOAD = "page-reload", r.REQUEST_BOUNDS = "request-bounds", r.IFRAME_SCROLL = "iframe-scroll", r.CONTENTLET_HOVERED = "contentlet-hovered", r))(E || {});
+var N = /* @__PURE__ */ ((r) => (r.EDIT = "EDIT_MODE", r.PREVIEW = "PREVIEW_MODE", r.LIVE = "LIVE", r.UNKNOWN = "UNKNOWN", r))(N || {}), O = /* @__PURE__ */ ((r) => (r.CONTENT_CHANGES = "changes", r.PAGE_RELOAD = "page-reload", r.REQUEST_BOUNDS = "request-bounds", r.IFRAME_SCROLL = "iframe-scroll", r.CONTENTLET_HOVERED = "contentlet-hovered", r.SCROLL_TO_SECTION = "scroll-to-section", r))(O || {});
 export {
-  E as UVEEventType,
+  O as UVEEventType,
   N as UVE_MODE
 };

package/types/src/lib/events/internal.js

@@ -1,4 +1,4 @@
-var t = /* @__PURE__ */ ((e) => (e.UVE_RELOAD_PAGE = "uve-reload-page", e.UVE_REQUEST_BOUNDS = "uve-request-bounds", e.UVE_EDITOR_PONG = "uve-editor-pong", e.UVE_SCROLL_INSIDE_IFRAME = "uve-scroll-inside-iframe", e.UVE_SET_PAGE_DATA = "uve-set-page-data", e.UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS = "uve-copy-contentlet-inline-editing-success", e))(t || {});
+var t = /* @__PURE__ */ ((e) => (e.UVE_RELOAD_PAGE = "uve-reload-page", e.UVE_REQUEST_BOUNDS = "uve-request-bounds", e.UVE_EDITOR_PONG = "uve-editor-pong", e.UVE_SCROLL_INSIDE_IFRAME = "uve-scroll-inside-iframe", e.UVE_SET_PAGE_DATA = "uve-set-page-data", e.UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS = "uve-copy-contentlet-inline-editing-success", e.UVE_SCROLL_TO_SECTION = "uve-scroll-to-section", e))(t || {});
 export {
   t as __DOTCMS_UVE_EVENT__
 };

package/uve/src/internal/constants.js

@@ -1,3 +1,7 @@
-import { UVEEventType as n } from "../../../types/src/lib/editor/public.js";
-import { onContentletHovered as r, onIframeScroll as o, onRequestBounds as t, onPageReload as E, onContentChanges as u } from "./events.js";
-n.CONTENT_CHANGES + "", n.PAGE_RELOAD + "", n.REQUEST_BOUNDS + "", n.IFRAME_SCROLL + "", n.CONTENTLET_HOVERED + "";
+import { UVEEventType as e } from "../../../types/src/lib/editor/public.js";
+import { onScrollToSection as n, onContentletHovered as r, onIframeScroll as t, onRequestBounds as E, onPageReload as T, onContentChanges as O } from "./events.js";
+e.CONTENT_CHANGES + "", e.PAGE_RELOAD + "", e.REQUEST_BOUNDS + "", e.IFRAME_SCROLL + "", e.CONTENTLET_HOVERED + "", e.SCROLL_TO_SECTION + "";
+const _ = "dot-section-";
+export {
+  _ as DOT_SECTION_ID_PREFIX
+};

package/uve/src/internal/events.js

@@ -1,47 +1,48 @@
-import { UVEEventType as a } from "../../../types/src/lib/editor/public.js";
-import { __DOTCMS_UVE_EVENT__ as s } from "../../../types/src/lib/events/internal.js";
-import { findDotCMSElement as u, findDotCMSVTLData as C, getClosestDotCMSContainerData as g, getDotCMSPageBounds as N } from "../lib/dom/dom.utils.js";
-function O(o) {
+import { UVEEventType as s } from "../../../types/src/lib/editor/public.js";
+import { __DOTCMS_UVE_EVENT__ as i } from "../../../types/src/lib/events/internal.js";
+import { DOT_SECTION_ID_PREFIX as _ } from "./constants.js";
+import { findDotCMSElement as C, findDotCMSVTLData as f, getClosestDotCMSContainerData as O, getDotCMSPageBounds as g } from "../lib/dom/dom.utils.js";
+function p(o) {
   const t = (n) => {
-    n.data.name === s.UVE_SET_PAGE_DATA && o(n.data.payload);
+    n.data.name === i.UVE_SET_PAGE_DATA && o(n.data.payload);
   };
   return window.addEventListener("message", t), {
     unsubscribe: () => {
       window.removeEventListener("message", t);
     },
-    event: a.CONTENT_CHANGES
+    event: s.CONTENT_CHANGES
   };
 }
-function p(o) {
+function b(o) {
   const t = (n) => {
-    n.data.name === s.UVE_RELOAD_PAGE && o();
+    n.data.name === i.UVE_RELOAD_PAGE && o();
   };
   return window.addEventListener("message", t), {
     unsubscribe: () => {
       window.removeEventListener("message", t);
     },
-    event: a.PAGE_RELOAD
+    event: s.PAGE_RELOAD
   };
 }
-function b(o) {
+function w(o) {
   const t = (n) => {
-    if (n.data.name === s.UVE_REQUEST_BOUNDS) {
+    if (n.data.name === i.UVE_REQUEST_BOUNDS) {
       const e = Array.from(
         document.querySelectorAll('[data-dot-object="container"]')
-      ), i = N(e);
-      o(i);
+      ), a = g(e);
+      o(a);
     }
   };
   return window.addEventListener("message", t), {
     unsubscribe: () => {
       window.removeEventListener("message", t);
     },
-    event: a.REQUEST_BOUNDS
+    event: s.REQUEST_BOUNDS
   };
 }
-function S(o) {
+function y(o) {
   const t = (n) => {
-    if (n.data.name === s.UVE_SCROLL_INSIDE_IFRAME) {
+    if (n.data.name === i.UVE_SCROLL_INSIDE_IFRAME) {
       const e = n.data.direction;
       o(e);
     }
@@ -50,14 +51,28 @@ function S(o) {
     unsubscribe: () => {
       window.removeEventListener("message", t);
     },
-    event: a.IFRAME_SCROLL
+    event: s.IFRAME_SCROLL
   };
 }
 function M(o) {
   const t = (n) => {
-    const e = u(n.target);
+    if (n.data.name !== i.UVE_SCROLL_TO_SECTION)
+      return;
+    const e = n.data.sectionIndex, a = document.querySelector(`#${_}${e}`) ?? document.querySelector(`#section-${e}`);
+    a && o({ sectionIndex: e, offsetTop: a.offsetTop });
+  };
+  return window.addEventListener("message", t), {
+    unsubscribe: () => {
+      window.removeEventListener("message", t);
+    },
+    event: s.SCROLL_TO_SECTION
+  };
+}
+function D(o) {
+  const t = (n) => {
+    const e = C(n.target);
     if (!e) return;
-    const { x: i, y: d, width: r, height: E } = e.getBoundingClientRect(), c = e.dataset?.dotObject === "container", T = {
+    const { x: a, y: r, width: d, height: E } = e.getBoundingClientRect(), c = e.dataset?.dotObject === "container", T = {
       identifier: "TEMP_EMPTY_CONTENTLET",
       title: "TEMP_EMPTY_CONTENTLET",
       contentType: "TEMP_EMPTY_CONTENTLET_TYPE",
@@ -76,34 +91,35 @@ function M(o) {
       ...e.dataset?.dotStyleProperties && {
         dotStyleProperties: JSON.parse(e.dataset.dotStyleProperties)
       }
-    }, m = C(e), _ = {
+    }, m = f(e), u = {
       container: (
         // Here extract dot-container from contentlet if it is Headless
         // or search in parent container if it is VTL
-        e.dataset?.dotContainer ? JSON.parse(e.dataset?.dotContainer) : g(e)
+        e.dataset?.dotContainer ? JSON.parse(e.dataset?.dotContainer) : O(e)
       ),
       contentlet: c ? T : l,
       vtlFiles: m
     };
     o({
-      x: i,
-      y: d,
-      width: r,
+      x: a,
+      y: r,
+      width: d,
       height: E,
-      payload: _
+      payload: u
     });
   };
   return document.addEventListener("pointermove", t), {
     unsubscribe: () => {
       document.removeEventListener("pointermove", t);
     },
-    event: a.CONTENTLET_HOVERED
+    event: s.CONTENTLET_HOVERED
   };
 }
 export {
-  O as onContentChanges,
-  M as onContentletHovered,
-  S as onIframeScroll,
-  p as onPageReload,
-  b as onRequestBounds
+  p as onContentChanges,
+  D as onContentletHovered,
+  y as onIframeScroll,
+  b as onPageReload,
+  w as onRequestBounds,
+  M as onScrollToSection
 };