@dotcms/analytics 1.6.0 → 1.7.0

package/README.md

@@ -698,7 +698,7 @@ We offer multiple channels to get help with the dotCMS Analytics SDK:
 -   **GitHub Issues**: For bug reports and feature requests, please [open an issue](https://github.com/dotCMS/core/issues/new/choose) in the GitHub repository.
 -   **Community Forum**: Join our [community discussions](https://community.dotcms.com/) to ask questions and share solutions.
 -   **Stack Overflow**: Use the tag `dotcms-analytics` when posting questions.
--   **Enterprise Support**: Enterprise customers can access premium support through the [dotCMS Support Portal](https://helpdesk.dotcms.com/support/).
+-   **Enterprise Support**: Enterprise customers can access premium support through the [dotCMS Support Portal](https://www.dotcms.com/support).
 
 When reporting issues, please include:
 
@@ -721,8 +721,8 @@ Please ensure your code follows the existing style and includes appropriate test
 
 ## Licensing
 
-dotCMS comes in multiple editions and as such is dual-licensed. The dotCMS Community Edition is licensed under the GPL 3.0 and is freely available for download, customization, and deployment for use within organizations of all stripes. dotCMS Enterprise Editions (EE) adds several enterprise features and is available via a supported, indemnified commercial license from dotCMS. For the differences between the editions, see [the feature page](http://www.dotcms.com/cms-platform/features).
+dotCMS is available under either the [Business Source License 1.1 (BSL)](https://www.dotcms.com/bsl) or a commercial license.
 
-This SDK is part of dotCMS's dual-licensed platform (GPL 3.0 for Community, commercial license for Enterprise).
+Under the BSL, dotCMS can be used at no cost by individual developers, small businesses or agencies under $5M in total finances, and by larger organizations in non-production environments. Every BSL release automatically converts to GPL v3 four years after its release date. For full terms and FAQs, visit [dotcms.com/bsl](https://www.dotcms.com/bsl) and [dotcms.com/bsl-faq](https://www.dotcms.com/bsl-faq).
 
-[Learn more ](https://www.dotcms.com)at [dotcms.com](https://www.dotcms.com).
+Production use in larger organizations, along with access to managed cloud, SLAs, support, and enterprise capabilities, is available under a commercial license from dotCMS. For details on commercial plans, features, and support options, see [dotcms.com/pricing](https://www.dotcms.com/pricing).

package/lib/core/shared/models/library.model.d.ts

@@ -93,7 +93,10 @@ export interface DotCMSAnalyticsConfig {
      */
     logLevel?: LogLevel;
     /**
-     * Automatically track page views when set to true.
+     * Automatically track page views. Defaults to `true` (opt-out).
+     * Set explicitly to `false` to disable automatic page view tracking.
+     * Via the HTML `data-analytics-auto-page-view` attribute, only the literal string "false"
+     * disables it (any other value, including "", enables it).
      */
     autoPageView?: boolean;
     /**

package/lib/core/shared/utils/dot-analytics.utils.d.ts

@@ -92,7 +92,9 @@ export interface AnalyticsConfigResult {
  * Always returns a config (with defaults if needed).
  *
  * - If no data-analytics-server attribute is found, uses the current domain as the server endpoint
- * - Both debug and autoPageView default to false (must be explicitly set to "true")
+ * - debug defaults to false (opt-in: must be explicitly set to "true")
+ * - autoPageView defaults to true (opt-out: only the literal string "false" disables it via
+ *   `data-analytics-auto-page-view="false"`)
  *
  * @returns The analytics configuration object
  */

package/lib/react/components/DotContentAnalytics.js

@@ -1,16 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Suspense as e, useMemo as i } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { Suspense as r, useMemo as a } from "react";
 import { useRouterTracker as l } from "../hook/useRouterTracker.js";
-import { initializeAnalytics as u } from "../internal/utils.js";
-function a({
+import { initializeAnalytics as i } from "../internal/utils.js";
+function u({
   config: t
 }) {
-  const n = i(() => u(t), [t]), r = !!t.debug;
-  return n && l(n, r), null;
+  const n = a(() => i(t), [t]), o = !!t.debug;
+  return l(n, o, t.autoPageView !== !1), null;
 }
-function p({ config: t }) {
-  return /* @__PURE__ */ o(e, { fallback: null, children: /* @__PURE__ */ o(a, { config: t }) });
+function f({ config: t }) {
+  return /* @__PURE__ */ e(r, { fallback: null, children: /* @__PURE__ */ e(u, { config: t }) });
 }
 export {
-  p as DotContentAnalytics
+  f as DotContentAnalytics
 };

package/lib/react/hook/useRouterTracker.d.ts

@@ -7,5 +7,6 @@ import { DotCMSAnalytics } from '../../core/shared/models';
  *
  * @param analytics Analytics singleton instance; if null, does nothing
  * @param debug When true, logs which tracking path is used
+ * @param enabled When false, tracking is disabled even if analytics is present (defaults to true)
  */
-export declare function useRouterTracker(analytics: DotCMSAnalytics | null, debug?: boolean): void;
+export declare function useRouterTracker(analytics: DotCMSAnalytics | null, debug?: boolean, enabled?: boolean): void;

package/lib/react/hook/useRouterTracker.js

@@ -1,16 +1,16 @@
-import { usePathname as f, useSearchParams as u } from "next/navigation";
-import { useRef as i, useEffect as a } from "react";
-const m = (e, t) => `${e}${t?.toString() ? "?" + t.toString() : ""}`;
-function R(e, t = !1) {
-  const r = i(null), n = f(), o = u();
-  a(() => {
-    if (!e) return;
-    const c = (s) => {
-      s !== r.current && (r.current = s, e.pageView());
+import { usePathname as c, useSearchParams as i } from "next/navigation";
+import { useRef as a, useEffect as m } from "react";
+const p = (t, e) => `${t}${e?.toString() ? "?" + e.toString() : ""}`;
+function h(t, e = !1, r = !0) {
+  const n = a(null), o = c(), u = i();
+  m(() => {
+    if (!r || !t) return;
+    const s = (f) => {
+      f !== n.current && (n.current = f, t.pageView());
     };
-    t && console.info("DotCMS Analytics [React]: using Next.js App Router tracking"), c(m(n, o));
-  }, [e, n, o, t]);
+    e && console.info("DotCMS Analytics [React]: using Next.js App Router tracking"), s(p(o, u));
+  }, [t, o, u, e, r]);
 }
 export {
-  R as useRouterTracker
+  h as useRouterTracker
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotcms/analytics",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "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/contentlet-sentinel.constants.js

@@ -0,0 +1,5 @@
+const T = "TEMP_EMPTY_CONTENTLET", E = "TEMP_EMPTY_CONTENTLET_TYPE";
+export {
+  T as TEMP_EMPTY_CONTENTLET,
+  E as TEMP_EMPTY_CONTENTLET_TYPE
+};

package/uve/src/internal/events.js

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

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

@@ -1,42 +1,42 @@
 import "../../internal/constants.js";
-function c(t) {
-  return t.map((n) => {
-    const e = n.getBoundingClientRect(), o = Array.from(
-      n.querySelectorAll('[data-dot-object="contentlet"]')
+function f(t) {
+  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: r(e)
       }),
-      contentlets: d(e, o)
+      contentlets: c(n, o)
     };
   });
 }
-function d(t, n) {
-  return n.map((e) => {
-    const o = e.getBoundingClientRect();
+function c(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) : l(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
         }
       })
     };
   });
 }
-function a(t) {
+function r(t) {
   return {
     acceptTypes: t.dataset?.dotAcceptTypes || "",
     identifier: t.dataset?.dotIdentifier || "",
@@ -44,31 +44,55 @@ function a(t) {
     uuid: t.dataset?.dotUuid || ""
   };
 }
-function r(t) {
-  const n = t.closest('[data-dot-object="container"]');
-  return n ? a(n) : (console.warn("No container found for the contentlet"), null);
+function l(t) {
+  const e = t.closest('[data-dot-object="container"]');
+  return e ? r(e) : (console.warn("No container found for the contentlet"), null);
 }
-function i(t) {
+function u(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" && t.children.length === 0 ? t : i(t?.parentElement);
+  t?.dataset?.dotObject === "container" && e || // The container inside Traditional have no content inside
+  t?.dataset?.dotObject === "container" && t.children.length === 0 ? t : u(t?.parentElement);
 }
-function u(t) {
-  const n = t.querySelectorAll(
+function p(t) {
+  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 g(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)
+    }
+  };
+}
+function b(t) {
+  const e = globalThis.Zone, n = (a) => typeof e?.__symbol__ == "function" ? e.__symbol__(a) : `__zone_symbol__${a}`, o = t, d = t, i = o[n("addEventListener")], s = o[n("removeEventListener")];
+  return {
+    addEventListener: (i ?? d.addEventListener).bind(d),
+    removeEventListener: (s ?? d.removeEventListener).bind(d)
+  };
+}
 export {
-  i as findDotCMSElement,
-  u as findDotCMSVTLData,
-  r as getClosestDotCMSContainerData,
-  a as getDotCMSContainerData,
-  d as getDotCMSContentletsBound,
-  c as getDotCMSPageBounds
+  u as findDotCMSElement,
+  p as findDotCMSVTLData,
+  l as getClosestDotCMSContainerData,
+  r as getDotCMSContainerData,
+  c as getDotCMSContentletsBound,
+  f as getDotCMSPageBounds,
+  b as getNativeEventBinder,
+  g as readContentletDataset
 };