@dotcms/analytics 1.5.1-next.2010 → 1.5.1-next.2023

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/analytics",
-  "version": "1.5.1-next.2010",
+  "version": "1.5.1-next.2023",
   "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 || {}), 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 || {});
+var r = /* @__PURE__ */ ((N) => (N.EDIT = "EDIT_MODE", N.PREVIEW = "PREVIEW_MODE", N.LIVE = "LIVE", N.UNKNOWN = "UNKNOWN", N))(r || {}), O = /* @__PURE__ */ ((N) => (N.CONTENT_CHANGES = "changes", N.PAGE_RELOAD = "page-reload", N.IFRAME_SCROLL = "iframe-scroll", N.CONTENTLET_HOVERED = "contentlet-hovered", N.CONTENTLET_CLICKED = "contentlet-clicked", N.SCROLL_TO_SECTION = "scroll-to-section", N.SELECTION_CLEARED = "selection-cleared", N.AUTO_BOUNDS = "auto-bounds", N))(O || {});
 export {
   O as UVEEventType,
-  N as UVE_MODE
+  r 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.UVE_SCROLL_TO_SECTION = "uve-scroll-to-section", e))(t || {});
+var u = /* @__PURE__ */ ((e) => (e.UVE_RELOAD_PAGE = "uve-reload-page", e.UVE_FLUSH_BOUNDS = "uve-flush-bounds", 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.UVE_SELECTION_CLEARED = "uve-selection-cleared", e))(u || {});
 export {
-  t as __DOTCMS_UVE_EVENT__
+  u as __DOTCMS_UVE_EVENT__
 };

package/uve/src/internal/constants.js

@@ -1,7 +1,7 @@
 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-";
+import { onAutoBounds as o, onScrollToSection as r, onContentletClicked as t, onContentletHovered as E, onIframeScroll as C, onPageReload as T, onContentChanges as O } from "./events.js";
+e.CONTENT_CHANGES + "", e.PAGE_RELOAD + "", e.IFRAME_SCROLL + "", e.CONTENTLET_HOVERED + "", e.CONTENTLET_CLICKED + "", e.SCROLL_TO_SECTION + "", e.SELECTION_CLEARED + "", e.AUTO_BOUNDS + "";
+const L = "dot-section-";
 export {
-  _ as DOT_SECTION_ID_PREFIX
+  L as DOT_SECTION_ID_PREFIX
 };

package/uve/src/internal/events.js

@@ -1,126 +1,192 @@
-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 C } from "./constants.js";
-import { TEMP_EMPTY_CONTENTLET as r, TEMP_EMPTY_CONTENTLET_TYPE as f } from "./contentlet-sentinel.constants.js";
-import { findDotCMSElement as g, findDotCMSVTLData as S, getClosestDotCMSContainerData as v, getDotCMSPageBounds as O } from "../lib/dom/dom.utils.js";
-function y(o) {
-  const t = (n) => {
-    n.data.name === i.UVE_SET_PAGE_DATA && o(n.data.payload);
+import { UVEEventType as d } from "../../../types/src/lib/editor/public.js";
+import { __DOTCMS_UVE_EVENT__ as f } from "../../../types/src/lib/events/internal.js";
+import { DOT_SECTION_ID_PREFIX as g } from "./constants.js";
+import { TEMP_EMPTY_CONTENTLET as C, TEMP_EMPTY_CONTENTLET_TYPE as w } from "./contentlet-sentinel.constants.js";
+import { findDotCMSElement as _, readContentletDataset as b, findDotCMSVTLData as L, getClosestDotCMSContainerData as O, getDotCMSPageBounds as N } from "../lib/dom/dom.utils.js";
+function M(s) {
+  const e = (t) => {
+    t.data.name === f.UVE_SET_PAGE_DATA && s(t.data.payload);
   };
-  return window.addEventListener("message", t), {
+  return window.addEventListener("message", e), {
     unsubscribe: () => {
-      window.removeEventListener("message", t);
+      window.removeEventListener("message", e);
     },
-    event: s.CONTENT_CHANGES
+    event: d.CONTENT_CHANGES
   };
 }
-function D(o) {
-  const t = (n) => {
-    n.data.name === i.UVE_RELOAD_PAGE && o();
+function P(s) {
+  const e = (t) => {
+    t.data.name === f.UVE_RELOAD_PAGE && s();
   };
-  return window.addEventListener("message", t), {
+  return window.addEventListener("message", e), {
     unsubscribe: () => {
-      window.removeEventListener("message", t);
+      window.removeEventListener("message", e);
     },
-    event: s.PAGE_RELOAD
+    event: d.PAGE_RELOAD
   };
 }
-function I(o) {
-  const t = (n) => {
-    if (n.data.name === i.UVE_REQUEST_BOUNDS) {
-      const e = Array.from(
-        document.querySelectorAll('[data-dot-object="container"]')
-      ), a = O(e);
-      o(a);
+const S = 100;
+function R(s) {
+  let e = null, t = [];
+  const a = () => {
+    const r = Array.from(
+      document.querySelectorAll('[data-dot-object="container"]')
+    );
+    s(N(r));
+  }, n = () => {
+    e !== null && clearTimeout(e), e = setTimeout(() => {
+      e = null, a();
+    }, S);
+  }, o = new ResizeObserver(() => {
+    n();
+  }), v = () => {
+    for (const r of t)
+      o.unobserve(r);
+    t = Array.from(
+      document.querySelectorAll('[data-dot-object="container"]')
+    ), o.observe(document.documentElement);
+    for (const r of t)
+      o.observe(r);
+  };
+  v();
+  const c = (r) => {
+    for (let i = 0; i < r.length; i++) {
+      const m = r[i];
+      if (m.nodeType !== Node.ELEMENT_NODE)
+        continue;
+      const T = m;
+      if (T.matches?.('[data-dot-object="container"]') || T.querySelector?.('[data-dot-object="container"]'))
+        return !0;
     }
+    return !1;
+  }, l = new MutationObserver((r) => {
+    for (const i of r)
+      if (i.type === "childList" && (c(i.addedNodes) || c(i.removedNodes))) {
+        v(), n();
+        return;
+      }
+  });
+  l.observe(document.body ?? document.documentElement, {
+    childList: !0,
+    subtree: !0
+  });
+  const u = () => n();
+  window.addEventListener("scroll", u, { passive: !0 });
+  const E = (r) => {
+    r?.data?.name === f.UVE_FLUSH_BOUNDS && (e !== null && (clearTimeout(e), e = null), a());
   };
-  return window.addEventListener("message", t), {
+  return window.addEventListener("message", E), {
     unsubscribe: () => {
-      window.removeEventListener("message", t);
+      e !== null && (clearTimeout(e), e = null), o.disconnect(), l.disconnect(), window.removeEventListener("scroll", u), window.removeEventListener("message", E), t = [];
     },
-    event: s.REQUEST_BOUNDS
+    event: d.AUTO_BOUNDS
   };
 }
-function R(o) {
-  const t = (n) => {
-    if (n.data.name === i.UVE_SCROLL_INSIDE_IFRAME) {
-      const e = n.data.direction;
-      o(e);
+function U(s) {
+  const e = (t) => {
+    if (t.data.name === f.UVE_SCROLL_INSIDE_IFRAME) {
+      const a = t.data.direction;
+      s(a);
     }
   };
-  return window.addEventListener("message", t), {
+  return window.addEventListener("message", e), {
     unsubscribe: () => {
-      window.removeEventListener("message", t);
+      window.removeEventListener("message", e);
     },
-    event: s.IFRAME_SCROLL
+    event: d.IFRAME_SCROLL
   };
 }
-function M(o) {
-  const t = (n) => {
-    if (n.data.name !== i.UVE_SCROLL_TO_SECTION)
+function h(s) {
+  const e = (t) => {
+    if (t.data.name !== f.UVE_SCROLL_TO_SECTION)
       return;
-    const e = n.data.sectionIndex, a = document.querySelector(`#${C}${e}`) ?? document.querySelector(`#section-${e}`);
-    a && o({ sectionIndex: e, offsetTop: a.offsetTop });
+    const a = t.data.sectionIndex, n = document.querySelector(`#${g}${a}`) ?? document.querySelector(`#section-${a}`);
+    n && s({ sectionIndex: a, offsetTop: n.offsetTop });
   };
-  return window.addEventListener("message", t), {
+  return window.addEventListener("message", e), {
     unsubscribe: () => {
-      window.removeEventListener("message", t);
+      window.removeEventListener("message", e);
     },
-    event: s.SCROLL_TO_SECTION
+    event: d.SCROLL_TO_SECTION
   };
 }
-function A(o) {
-  const t = (n) => {
-    const e = g(n.target);
-    if (!e) return;
-    const { x: a, y: d, width: c, height: E } = e.getBoundingClientRect(), m = e.dataset?.dotObject === "container", l = {
-      identifier: r,
-      title: r,
-      contentType: f,
+function V(s) {
+  let e = !1;
+  const t = (a) => {
+    const n = _(a.target);
+    if (!n) {
+      e && (e = !1, s(null));
+      return;
+    }
+    const { x: o, y: v, width: c, height: l } = n.getBoundingClientRect(), u = n.dataset?.dotObject === "container", E = {
+      identifier: C,
+      title: C,
+      contentType: w,
       inode: "TEMPY_EMPTY_CONTENTLET_INODE",
-      widgetTitle: r,
-      baseType: r,
+      widgetTitle: C,
+      baseType: C,
       onNumberOfPages: 1
-    }, T = {
-      identifier: e.dataset?.dotIdentifier,
-      title: e.dataset?.dotTitle,
-      inode: e.dataset?.dotInode,
-      contentType: e.dataset?.dotType,
-      baseType: e.dataset?.dotBasetype,
-      widgetTitle: e.dataset?.dotWidgetTitle,
-      onNumberOfPages: e.dataset?.dotOnNumberOfPages,
-      ...e.dataset?.dotStyleProperties && {
-        dotStyleProperties: JSON.parse(e.dataset.dotStyleProperties)
-      }
-    }, u = S(e), _ = {
+    }, r = b(n), i = L(n), m = {
       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) : v(e)
+        n.dataset?.dotContainer ? JSON.parse(n.dataset?.dotContainer) : O(n)
       ),
-      contentlet: m ? l : T,
-      vtlFiles: u
-    };
-    o({
-      x: a,
-      y: d,
+      contentlet: u ? E : r,
+      vtlFiles: i
+    }, T = {
+      x: o,
+      y: v,
       width: c,
-      height: E,
-      payload: _
-    });
+      height: l,
+      payload: m
+    };
+    e = !0, s(T);
   };
   return document.addEventListener("pointermove", t), {
     unsubscribe: () => {
       document.removeEventListener("pointermove", t);
     },
-    event: s.CONTENTLET_HOVERED
+    event: d.CONTENTLET_HOVERED
+  };
+}
+function k(s) {
+  let e;
+  const t = (n) => {
+    const o = _(n.target);
+    if (!o || o.dataset?.dotObject === "container") return;
+    const c = o.dataset?.dotInode;
+    if (c && c === e)
+      return;
+    n.preventDefault(), n.stopPropagation(), e = c;
+    const { x: l, y: u, width: E, height: r } = o.getBoundingClientRect(), i = b(o), m = L(o);
+    s({
+      x: l,
+      y: u,
+      width: E,
+      height: r,
+      payload: {
+        container: o.dataset?.dotContainer ? JSON.parse(o.dataset?.dotContainer) : O(o),
+        contentlet: i,
+        vtlFiles: m
+      }
+    });
+  }, a = (n) => {
+    n?.data?.name === f.UVE_SELECTION_CLEARED && (e = void 0);
+  };
+  return document.addEventListener("click", t, { capture: !0 }), window.addEventListener("message", a), {
+    unsubscribe: () => {
+      document.removeEventListener("click", t, { capture: !0 }), window.removeEventListener("message", a);
+    },
+    event: d.CONTENTLET_CLICKED
   };
 }
 export {
-  y as onContentChanges,
-  A as onContentletHovered,
-  R as onIframeScroll,
-  D as onPageReload,
-  I as onRequestBounds,
-  M as onScrollToSection
+  R as onAutoBounds,
+  M as onContentChanges,
+  k as onContentletClicked,
+  V as onContentletHovered,
+  U as onIframeScroll,
+  P as onPageReload,
+  h as onScrollToSection
 };

package/uve/src/lib/dom/dom.utils.js

@@ -1,36 +1,36 @@
 import "../../internal/constants.js";
 function c(t) {
-  return t.map((n) => {
-    const e = n.getBoundingClientRect(), o = Array.from(
-      n.querySelectorAll('[data-dot-object="contentlet"]')
+  return t.map((e) => {
+    const n = e.getBoundingClientRect(), o = Array.from(
+      e.querySelectorAll('[data-dot-object="contentlet"]')
     );
     return {
-      x: e.x,
-      y: e.y,
-      width: e.width,
-      height: e.height,
+      x: n.x,
+      y: n.y,
+      width: n.width,
+      height: n.height,
       payload: JSON.stringify({
-        container: a(n)
+        container: a(e)
       }),
-      contentlets: d(e, o)
+      contentlets: d(n, o)
     };
   });
 }
-function d(t, n) {
-  return n.map((e) => {
-    const o = e.getBoundingClientRect();
+function d(t, e) {
+  return e.map((n) => {
+    const o = n.getBoundingClientRect();
     return {
       x: 0,
       y: o.y - t.y,
       width: o.width,
       height: o.height,
       payload: JSON.stringify({
-        container: e.dataset?.dotContainer ? JSON.parse(e.dataset?.dotContainer) : r(e),
+        container: n.dataset?.dotContainer ? JSON.parse(n.dataset?.dotContainer) : r(n),
         contentlet: {
-          identifier: e.dataset?.dotIdentifier,
-          title: e.dataset?.dotTitle,
-          inode: e.dataset?.dotInode,
-          contentType: e.dataset?.dotType
+          identifier: n.dataset?.dotIdentifier,
+          title: n.dataset?.dotTitle,
+          inode: n.dataset?.dotInode,
+          contentType: n.dataset?.dotType
         }
       })
     };
@@ -45,30 +45,46 @@ function a(t) {
   };
 }
 function r(t) {
-  const n = t.closest('[data-dot-object="container"]');
-  return n ? a(n) : (console.warn("No container found for the contentlet"), null);
+  const e = t.closest('[data-dot-object="container"]');
+  return e ? a(e) : (console.warn("No container found for the contentlet"), null);
 }
 function i(t) {
   if (!t) return null;
-  const n = t.querySelector('[data-dot-object="empty-content"]');
+  const e = t.querySelector('[data-dot-object="empty-content"]');
   return t?.dataset?.dotObject === "contentlet" || // The container inside Headless components have a span with the data-dot-object="container" attribute
-  t?.dataset?.dotObject === "container" && n || // The container inside Traditional have no content inside
+  t?.dataset?.dotObject === "container" && e || // The container inside Traditional have no content inside
   t?.dataset?.dotObject === "container" && t.children.length === 0 ? t : i(t?.parentElement);
 }
 function u(t) {
-  const n = t.querySelectorAll(
+  const e = t.querySelectorAll(
     '[data-dot-object="vtl-file"]'
   );
-  return n.length ? Array.from(n).map((e) => ({
-    inode: e.dataset?.dotInode,
-    name: e.dataset?.dotUrl
+  return e.length ? Array.from(e).map((n) => ({
+    inode: n.dataset?.dotInode,
+    name: n.dataset?.dotUrl
   })) : null;
 }
+function l(t) {
+  const e = t.dataset ?? {};
+  return {
+    identifier: e.dotIdentifier,
+    title: e.dotTitle,
+    inode: e.dotInode,
+    contentType: e.dotType,
+    baseType: e.dotBasetype,
+    widgetTitle: e.dotWidgetTitle,
+    onNumberOfPages: e.dotOnNumberOfPages,
+    ...e.dotStyleProperties && {
+      dotStyleProperties: JSON.parse(e.dotStyleProperties)
+    }
+  };
+}
 export {
   i as findDotCMSElement,
   u as findDotCMSVTLData,
   r as getClosestDotCMSContainerData,
   a as getDotCMSContainerData,
   d as getDotCMSContentletsBound,
-  c as getDotCMSPageBounds
+  c as getDotCMSPageBounds,
+  l as readContentletDataset
 };