@dotcms/analytics 1.2.1-next.13 → 1.2.1-next.15

package/README.md

@@ -247,7 +247,7 @@ The `impressions` option controls automatic tracking of content visibility:
 
 **How it works:**
 
--   ✅ Tracks contentlets marked with `dotcms-analytics-contentlet` class and `data-dot-analytics-*` attributes
+-   ✅ Tracks contentlets marked with `dotcms-contentlet` class and `data-dot-*` attributes (e.g., `data-dot-identifier`, `data-dot-inode`, `data-dot-type`)
 -   ✅ Uses Intersection Observer API for high performance and battery efficiency
 -   ✅ Only fires when element is ≥50% visible for ≥750ms (configurable)
 -   ✅ Only tracks during active tab (respects page visibility)
@@ -299,7 +299,7 @@ The `clicks` option controls automatic tracking of user interactions with conten
 **How it works:**
 
 -   ✅ Tracks clicks on `<a>` and `<button>` elements within contentlets
--   ✅ Contentlets must be marked with `dotcms-analytics-contentlet` class and `data-dot-analytics-*` attributes
+-   ✅ Contentlets must be marked with `dotcms-contentlet` class and `data-dot-*` attributes (e.g., `data-dot-identifier`, `data-dot-inode`, `data-dot-type`)
 -   ✅ Captures semantic attributes (`href`, `aria-label`, `data-*`) and excludes CSS classes
 -   ✅ Throttles rapid clicks to prevent duplicate tracking (300ms fixed)
 -   ✅ One click event per interaction
@@ -341,7 +341,7 @@ The `attributes` array captures additional semantic data in `'key:value'` string
 -   `class` - Already captured as top-level property
 -   `id` - Already captured as top-level property
 -   `href` - Already captured as top-level property
--   `data-dot-analytics-*` - Internal SDK attributes
+-   `data-dot-*` - Internal SDK attributes (e.g., `data-dot-identifier`, `data-dot-inode`, `data-dot-type`)
 
 **Example: Enable click tracking**
 

package/lib/core/dot-analytics.content.d.ts

@@ -1,4 +1,4 @@
-import { ANALYTICS_WINDOWS_ACTIVE_KEY, ANALYTICS_WINDOWS_CLEANUP_KEY } from '../../../../uve/src/internal.ts';
+import { ANALYTICS_WINDOWS_ACTIVE_KEY, ANALYTICS_WINDOWS_CLEANUP_KEY } from './shared/constants/dot-analytics.constants';
 import { DotCMSAnalytics, DotCMSAnalyticsConfig } from './shared/models';
 declare global {
     interface Window {

package/lib/core/dot-analytics.content.js

@@ -1,14 +1,13 @@
 import { Analytics as l } from "analytics";
-import { ANALYTICS_WINDOWS_ACTIVE_KEY as a, ANALYTICS_WINDOWS_CLEANUP_KEY as d } from "../../uve/src/internal/constants.js";
-import { dotAnalyticsClickPlugin as y } from "./plugin/click/dot-analytics.click.plugin.js";
-import { dotAnalyticsEnricherPlugin as m } from "./plugin/enricher/dot-analytics.enricher.plugin.js";
+import { dotAnalyticsClickPlugin as d } from "./plugin/click/dot-analytics.click.plugin.js";
+import { dotAnalyticsEnricherPlugin as y } from "./plugin/enricher/dot-analytics.enricher.plugin.js";
 import { dotAnalyticsIdentityPlugin as u } from "./plugin/identity/dot-analytics.identity.plugin.js";
-import { dotAnalyticsImpressionPlugin as p } from "./plugin/impression/dot-analytics.impression.plugin.js";
+import { dotAnalyticsImpressionPlugin as m } from "./plugin/impression/dot-analytics.impression.plugin.js";
 import { dotAnalytics as A } from "./plugin/main/dot-analytics.plugin.js";
-import { DotCMSPredefinedEventType as f } from "./shared/constants/dot-analytics.constants.js";
+import { ANALYTICS_WINDOWS_ACTIVE_KEY as a, ANALYTICS_WINDOWS_CLEANUP_KEY as p, DotCMSPredefinedEventType as f } from "./shared/constants/dot-analytics.constants.js";
 import { validateAnalyticsConfig as C, getEnhancedTrackingPlugins as w } from "./shared/utils/dot-analytics.utils.js";
 import { cleanupActivityTracking as g } from "./plugin/identity/dot-analytics.identity.activity-tracker.js";
-const _ = (t) => {
+const T = (t) => {
   const e = C(t);
   if (e)
     return console.error(
@@ -16,8 +15,8 @@ const _ = (t) => {
     ), typeof window < "u" && (window[a] = !1), null;
   const s = w(
     t,
-    p,
-    y
+    m,
+    d
   ), i = l({
     app: "dotAnalytics",
     debug: t.debug,
@@ -26,13 +25,13 @@ const _ = (t) => {
       // Inject identity context
       ...s,
       //Track content impressions & clicks (conditionally loaded)
-      m(),
+      y(),
       // Enrich and clean payload with page, device, utm data and custom data
       A(t)
       // Send events to server
     ]
   }), r = () => g();
-  return typeof window < "u" && (window.addEventListener("beforeunload", r), window[d] = r, window[a] = !0, window.dispatchEvent(new CustomEvent("dotcms:analytics:ready"))), {
+  return typeof window < "u" && (window.addEventListener("beforeunload", r), window[p] = r, window[a] = !0, window.dispatchEvent(new CustomEvent("dotcms:analytics:ready"))), {
     /**
      * Track a page view.
      * Session activity is automatically updated by the identity plugin.
@@ -80,5 +79,5 @@ const _ = (t) => {
   };
 };
 export {
-  _ as initializeContentAnalytics
+  T as initializeContentAnalytics
 };

package/lib/core/plugin/identity/dot-analytics.identity.activity-tracker.d.ts

@@ -1,4 +1,4 @@
-import { ANALYTICS_WINDOWS_ACTIVE_KEY, ANALYTICS_WINDOWS_CLEANUP_KEY } from '../../../../../../uve/src/internal.ts';
+import { ANALYTICS_WINDOWS_ACTIVE_KEY, ANALYTICS_WINDOWS_CLEANUP_KEY } from '../../shared/constants';
 import { DotCMSAnalyticsConfig } from '../../shared/models';
 declare global {
     interface Window {

package/lib/core/plugin/identity/dot-analytics.identity.activity-tracker.js

@@ -1,5 +1,4 @@
-import { ANALYTICS_WINDOWS_ACTIVE_KEY as a, ANALYTICS_WINDOWS_CLEANUP_KEY as o } from "../../../../uve/src/internal/constants.js";
-import { DEFAULT_SESSION_TIMEOUT_MINUTES as r, ACTIVITY_EVENTS as l } from "../../shared/constants/dot-analytics.constants.js";
+import { ANALYTICS_WINDOWS_ACTIVE_KEY as a, ANALYTICS_WINDOWS_CLEANUP_KEY as o, DEFAULT_SESSION_TIMEOUT_MINUTES as r, ACTIVITY_EVENTS as l } from "../../shared/constants/dot-analytics.constants.js";
 class v {
   constructor() {
     this.activityListeners = [], this.lastActivityTime = Date.now(), this.inactivityTimer = null, this.isThrottled = !1, this.config = null, this.ACTIVITY_THROTTLE_MS = 1e3;
@@ -52,15 +51,15 @@ class v {
     this.activityListeners.forEach((i) => i()), this.activityListeners = [], this.inactivityTimer && (clearTimeout(this.inactivityTimer), this.inactivityTimer = null), this.config = null;
   }
 }
-const t = new v(), d = () => {
+const t = new v(), T = () => {
   t.updateSessionActivity();
-}, u = (e) => {
+}, d = (e) => {
   t.initialize(e);
-}, y = () => {
+}, u = () => {
   t.cleanup(), typeof window < "u" && (window[a] = !1, window[o] = void 0, window.dispatchEvent(new CustomEvent("dotcms:analytics:cleanup")));
 };
 export {
-  y as cleanupActivityTracking,
-  u as initializeActivityTracking,
-  d as updateSessionActivity
+  u as cleanupActivityTracking,
+  d as initializeActivityTracking,
+  T as updateSessionActivity
 };

package/lib/core/plugin/impression/dot-analytics.impression-tracker.js

@@ -78,7 +78,7 @@ class E {
           this.logger.debug(`Skipping element ${r} (${o})`);
           continue;
         }
-        this.elementImpressionStates.has(r) || (n.dataset.dotAnalyticsDomIndex || (n.dataset.dotAnalyticsDomIndex = String(s)), this.observer.observe(n), this.elementImpressionStates.set(r, {
+        this.elementImpressionStates.has(r) || (n.dataset.dotDomIndex || (n.dataset.dotDomIndex = String(s)), this.observer.observe(n), this.elementImpressionStates.set(r, {
           timer: null,
           visibleSince: null,
           tracked: this.hasBeenTrackedInSession(r),
@@ -150,7 +150,7 @@ class E {
   trackAndSendImpression(e, i) {
     const t = this.elementImpressionStates.get(e);
     if (!t) return;
-    const s = t.visibleSince ? Date.now() - t.visibleSince : 0, n = I(i), r = d(i), o = parseInt(i.dataset.dotAnalyticsDomIndex || "-1", 10), h = {
+    const s = t.visibleSince ? Date.now() - t.visibleSince : 0, n = I(i), r = d(i), o = parseInt(i.dataset.dotDomIndex || "-1", 10), h = {
       content: {
         identifier: n.identifier,
         inode: n.inode,

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

@@ -127,6 +127,32 @@ export declare const CLICKABLE_ELEMENTS_SELECTOR = "a, button";
  */
 export declare const IMPRESSION_SESSION_KEY = "dot_analytics_impressions";
 /**
- * CSS class selector for trackable contentlets
- */
-export declare const ANALYTICS_CONTENTLET_CLASS = "dotcms-analytics-contentlet";
+ * Window property key for analytics active state
+ * Used to track if analytics is initialized and active
+ */
+export declare const ANALYTICS_WINDOWS_ACTIVE_KEY = "__dotAnalyticsActive__";
+/**
+ * Window property key for analytics cleanup function
+ * Used to store the cleanup function for analytics instance
+ */
+export declare const ANALYTICS_WINDOWS_CLEANUP_KEY = "__dotAnalyticsCleanup__";
+/**
+ * CSS class selector for contentlet elements
+ *
+ * @important This constant is intentionally duplicated in @dotcms/react SDK
+ * (core-web/libs/sdk/react/src/lib/next/components/Contentlet/Contentlet.tsx).
+ * Both constants MUST have the same value ('dotcms-contentlet') for analytics
+ * tracking to work correctly with React-rendered contentlets.
+ *
+ * This duplication is intentional to maintain SDK independence:
+ * - @dotcms/analytics can be used standalone without React
+ * - @dotcms/react can be used without analytics
+ * - When both are used together, they must share the same class name
+ *
+ * If you need to change this value, you MUST update it in both locations:
+ * 1. This file (analytics SDK)
+ * 2. Contentlet.tsx in React SDK
+ *
+ * @see core-web/libs/sdk/react/src/lib/next/components/Contentlet/Contentlet.tsx
+ */
+export declare const CONTENTLET_CLASS = "dotcms-contentlet";

package/lib/core/shared/constants/dot-analytics.constants.js

@@ -3,18 +3,18 @@ const I = "/api/v1/analytics/content/event", c = {
   CONTENT_IMPRESSION: "content_impression",
   CONTENT_CLICK: "content_click",
   CONVERSION: "conversion"
-}, s = [
+}, o = [
   "utm_source",
   "utm_medium",
   "utm_campaign",
   "utm_term",
   "utm_content"
-], o = 30, e = "dot_analytics_session_id", N = "dot_analytics_user_id", E = 15, _ = 5e3, L = ["click"], O = {
-  eventBatchSize: E,
+], s = 30, e = "dot_analytics_session_id", N = "dot_analytics_user_id", _ = 15, E = 5e3, A = ["click"], L = {
+  eventBatchSize: _,
   // Max events per batch - auto-sends when reached
-  flushInterval: _
+  flushInterval: E
   // Time between flushes - sends whatever is queued
-}, i = [
+}, O = [
   "title",
   "url",
   "path",
@@ -23,30 +23,32 @@ const I = "/api/v1/analytics/content/event", c = {
   "width",
   "height",
   "referrer"
-], t = 0.5, T = 750, n = 100, S = 100, A = 250, C = {
+], t = 0.5, n = 750, T = 100, S = 100, i = 250, C = {
   visibilityThreshold: t,
-  dwellMs: T,
-  maxNodes: n,
+  dwellMs: n,
+  maxNodes: T,
   throttleMs: S
-}, U = "content_impression", M = "content_click", D = 300, R = "a, button", a = "dotcms-analytics-contentlet";
+}, U = "content_impression", D = "content_click", M = 300, a = "a, button", R = "__dotAnalyticsActive__", l = "__dotAnalyticsCleanup__", r = "dotcms-contentlet";
 export {
-  L as ACTIVITY_EVENTS,
-  a as ANALYTICS_CONTENTLET_CLASS,
+  A as ACTIVITY_EVENTS,
   I as ANALYTICS_ENDPOINT,
-  i as ANALYTICS_JS_DEFAULT_PROPERTIES,
-  R as CLICKABLE_ELEMENTS_SELECTOR,
-  M as CLICK_EVENT_TYPE,
-  D as DEFAULT_CLICK_THROTTLE_MS,
+  O as ANALYTICS_JS_DEFAULT_PROPERTIES,
+  R as ANALYTICS_WINDOWS_ACTIVE_KEY,
+  l as ANALYTICS_WINDOWS_CLEANUP_KEY,
+  a as CLICKABLE_ELEMENTS_SELECTOR,
+  D as CLICK_EVENT_TYPE,
+  r as CONTENTLET_CLASS,
+  M as DEFAULT_CLICK_THROTTLE_MS,
   C as DEFAULT_IMPRESSION_CONFIG,
-  T as DEFAULT_IMPRESSION_DWELL_MS,
-  n as DEFAULT_IMPRESSION_MAX_NODES,
-  A as DEFAULT_IMPRESSION_MUTATION_OBSERVER_DEBOUNCE_MS,
+  n as DEFAULT_IMPRESSION_DWELL_MS,
+  T as DEFAULT_IMPRESSION_MAX_NODES,
+  i as DEFAULT_IMPRESSION_MUTATION_OBSERVER_DEBOUNCE_MS,
   S as DEFAULT_IMPRESSION_THROTTLE_MS,
   t as DEFAULT_IMPRESSION_VISIBILITY_THRESHOLD,
-  O as DEFAULT_QUEUE_CONFIG,
-  o as DEFAULT_SESSION_TIMEOUT_MINUTES,
+  L as DEFAULT_QUEUE_CONFIG,
+  s as DEFAULT_SESSION_TIMEOUT_MINUTES,
   c as DotCMSPredefinedEventType,
-  s as EXPECTED_UTM_KEYS,
+  o as EXPECTED_UTM_KEYS,
   U as IMPRESSION_EVENT_TYPE,
   e as SESSION_STORAGE_KEY,
   N as USER_ID_KEY

package/lib/core/shared/utils/dot-analytics.utils.js

@@ -1,7 +1,6 @@
-import { ANALYTICS_JS_DEFAULT_PROPERTIES as _, SESSION_STORAGE_KEY as g, DEFAULT_SESSION_TIMEOUT_MINUTES as p, USER_ID_KEY as m, DEFAULT_IMPRESSION_MUTATION_OBSERVER_DEBOUNCE_MS as T, EXPECTED_UTM_KEYS as y, ANALYTICS_CONTENTLET_CLASS as h } from "../constants/dot-analytics.constants.js";
-import { DotLogger as I } from "../dot-analytics.logger.js";
-import "../../../../uve/src/internal/constants.js";
-function P(t) {
+import { ANALYTICS_JS_DEFAULT_PROPERTIES as _, SESSION_STORAGE_KEY as g, DEFAULT_SESSION_TIMEOUT_MINUTES as p, USER_ID_KEY as m, DEFAULT_IMPRESSION_MUTATION_OBSERVER_DEBOUNCE_MS as T, EXPECTED_UTM_KEYS as D, CONTENTLET_CLASS as h } from "../constants/dot-analytics.constants.js";
+import { DotLogger as E } from "../dot-analytics.logger.js";
+function $(t) {
   const e = [];
   return t.siteAuth?.trim() || e.push('"siteAuth"'), t.server?.trim() || e.push('"server"'), e.length > 0 ? e : null;
 }
@@ -24,24 +23,24 @@ const l = (t) => {
       console.warn(`DotCMS Analytics [Core]: Could not save ${t} to localStorage`);
     }
   }
-}, D = () => {
+}, I = () => {
   let t = f.getItem(m);
   return t || (t = l("user"), f.setItem(m, t)), t;
-}, E = (t) => {
+}, y = (t) => {
   const e = new Date(t), n = /* @__PURE__ */ new Date(), s = new Date(
     e.getUTCFullYear(),
     e.getUTCMonth(),
     e.getUTCDate()
   ), r = new Date(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate());
   return s.getTime() !== r.getTime();
-}, A = () => {
+}, v = () => {
   const t = Date.now();
   if (typeof window > "u")
     return l("session_fallback");
   try {
     const e = sessionStorage.getItem(g);
     if (e) {
-      const { sessionId: r, startTime: o, lastActivity: a } = JSON.parse(e), i = !E(o), c = t - a < p * 60 * 1e3;
+      const { sessionId: r, startTime: o, lastActivity: a } = JSON.parse(e), i = !y(o), c = t - a < p * 60 * 1e3;
       if (i && c)
         return sessionStorage.setItem(
           g,
@@ -61,8 +60,8 @@ const l = (t) => {
   } catch {
     return l("session_fallback");
   }
-}, R = (t) => {
-  const e = A(), n = D(), s = C();
+}, P = (t) => {
+  const e = v(), n = I(), s = C();
   return {
     site_auth: t.siteAuth,
     session_id: e,
@@ -81,12 +80,12 @@ const l = (t) => {
     viewport_width: String(e),
     viewport_height: String(n)
   };
-}, v = (t) => {
+}, A = (t) => {
   const e = t.search;
   if (u && u.search === e)
     return u.params;
   const n = new URLSearchParams(e), s = {};
-  return y.forEach((r) => {
+  return D.forEach((r) => {
     const o = n.get(r);
     if (o) {
       const a = r.replace("utm_", "");
@@ -107,7 +106,7 @@ const l = (t) => {
   } catch {
     return (/* @__PURE__ */ new Date()).toISOString();
   }
-}, Y = (t, e = typeof window < "u" ? window.location : {}) => {
+}, R = (t, e = typeof window < "u" ? window.location : {}) => {
   const n = N(), s = w(), { properties: r } = t, o = {};
   Object.keys(r).forEach((c) => {
     _.includes(c) || (o[c] = r[c]);
@@ -121,7 +120,7 @@ const l = (t) => {
     doc_host: e.hostname,
     doc_path: e.pathname,
     title: r.title ?? document?.title
-  }, i = v(e);
+  }, i = A(e);
   return {
     ...t,
     page: a,
@@ -139,18 +138,18 @@ function b(t, e) {
   };
 }
 function x(t) {
-  return t.dataset.dotAnalyticsIdentifier || null;
+  return t.dataset.dotIdentifier || null;
 }
-function B(t) {
+function Y(t) {
   return {
-    identifier: t.dataset.dotAnalyticsIdentifier || "",
-    inode: t.dataset.dotAnalyticsInode || "",
-    contentType: t.dataset.dotAnalyticsContenttype || "",
-    title: t.dataset.dotAnalyticsTitle || "",
-    baseType: t.dataset.dotAnalyticsBasetype || ""
+    identifier: t.dataset.dotIdentifier || "",
+    inode: t.dataset.dotInode || "",
+    contentType: t.dataset.dotType || "",
+    title: t.dataset.dotTitle || "",
+    baseType: t.dataset.dotBasetype || ""
   };
 }
-const F = 100, M = () => typeof window < "u" && typeof document < "u", k = () => Array.from(document.querySelectorAll(`.${h}`)), z = (t, e = T) => {
+const B = 100, M = () => typeof window < "u" && typeof document < "u", F = () => Array.from(document.querySelectorAll(`.${h}`)), k = (t, e = T) => {
   const n = b(t, e), s = new MutationObserver((r) => {
     r.some((a) => a.addedNodes.length === 0 && a.removedNodes.length === 0 ? !1 : [
       ...Array.from(a.addedNodes),
@@ -168,33 +167,33 @@ const F = 100, M = () => typeof window < "u" && typeof document < "u", k = () =>
     attributes: !1,
     characterData: !1
   }), s;
-}, H = (t) => {
+}, z = (t) => {
   M() && (window.addEventListener("beforeunload", t), window.addEventListener("pagehide", t));
-}, J = (t, e) => {
+}, H = (t, e) => {
   const n = e.logLevel ?? (e.debug ? "debug" : "warn");
-  return new I("Analytics", t, n);
-}, K = (t, e, n) => [
+  return new E("Analytics", t, n);
+}, J = (t, e, n) => [
   t.impressions && e(t),
   t.clicks && n(t)
 ].filter(Boolean);
 export {
-  F as INITIAL_SCAN_DELAY_MS,
-  z as createContentletObserver,
-  J as createPluginLogger,
+  B as INITIAL_SCAN_DELAY_MS,
+  k as createContentletObserver,
+  H as createPluginLogger,
   b as createThrottle,
-  Y as enrichPagePayloadOptimized,
-  B as extractContentletData,
+  R as enrichPagePayloadOptimized,
+  Y as extractContentletData,
   x as extractContentletIdentifier,
-  v as extractUTMParameters,
-  k as findContentlets,
+  A as extractUTMParameters,
+  F as findContentlets,
   l as generateSecureId,
-  R as getAnalyticsContext,
+  P as getAnalyticsContext,
   C as getDeviceDataForContext,
-  K as getEnhancedTrackingPlugins,
+  J as getEnhancedTrackingPlugins,
   N as getLocalTime,
-  A as getSessionId,
-  D as getUserId,
+  v as getSessionId,
+  I as getUserId,
   M as isBrowser,
-  H as setupPluginCleanup,
-  P as validateAnalyticsConfig
+  z as setupPluginCleanup,
+  $ as validateAnalyticsConfig
 };

package/package.json

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

package/uve/src/internal/constants.js

@@ -1,8 +1,3 @@
-import { UVEEventType as t } from "../../../types/src/lib/editor/public.js";
-import { onContentletHovered as e, onIframeScroll as o, onRequestBounds as r, onPageReload as E, onContentChanges as _ } from "./events.js";
-t.CONTENT_CHANGES + "", t.PAGE_RELOAD + "", t.REQUEST_BOUNDS + "", t.IFRAME_SCROLL + "", t.CONTENTLET_HOVERED + "";
-const N = "__dotAnalyticsActive__", T = "__dotAnalyticsCleanup";
-export {
-  N as ANALYTICS_WINDOWS_ACTIVE_KEY,
-  T as ANALYTICS_WINDOWS_CLEANUP_KEY
-};
+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 + "";

package/uve/src/internal/events.js

@@ -1,6 +1,6 @@
 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 v } from "../lib/dom/dom.utils.js";
+import { findDotCMSElement as u, findDotCMSVTLData as C, getClosestDotCMSContainerData as g, getDotCMSPageBounds as N } from "../lib/dom/dom.utils.js";
 function O(o) {
   const t = (n) => {
     n.data.name === s.UVE_SET_PAGE_DATA && o(n.data.payload);
@@ -12,7 +12,7 @@ function O(o) {
     event: a.CONTENT_CHANGES
   };
 }
-function b(o) {
+function p(o) {
   const t = (n) => {
     n.data.name === s.UVE_RELOAD_PAGE && o();
   };
@@ -23,12 +23,12 @@ function b(o) {
     event: a.PAGE_RELOAD
   };
 }
-function M(o) {
+function b(o) {
   const t = (n) => {
     if (n.data.name === s.UVE_REQUEST_BOUNDS) {
       const e = Array.from(
         document.querySelectorAll('[data-dot-object="container"]')
-      ), i = v(e);
+      ), i = N(e);
       o(i);
     }
   };
@@ -39,7 +39,7 @@ function M(o) {
     event: a.REQUEST_BOUNDS
   };
 }
-function p(o) {
+function M(o) {
   const t = (n) => {
     if (n.data.name === s.UVE_SCROLL_INSIDE_IFRAME) {
       const e = n.data.direction;
@@ -53,7 +53,7 @@ function p(o) {
     event: a.IFRAME_SCROLL
   };
 }
-function w(o) {
+function S(o) {
   const t = (n) => {
     const e = u(n.target);
     if (!e) return;
@@ -72,7 +72,10 @@ function w(o) {
       contentType: e.dataset?.dotType,
       baseType: e.dataset?.dotBasetype,
       widgetTitle: e.dataset?.dotWidgetTitle,
-      onNumberOfPages: e.dataset?.dotOnNumberOfPages
+      onNumberOfPages: e.dataset?.dotOnNumberOfPages,
+      ...e.dataset?.dotStyleProperties && {
+        styleProperties: JSON.parse(e.dataset.dotStyleProperties)
+      }
     }, m = C(e), _ = {
       container: (
         // Here extract dot-container from contentlet if it is Headless
@@ -99,8 +102,8 @@ function w(o) {
 }
 export {
   O as onContentChanges,
-  w as onContentletHovered,
-  p as onIframeScroll,
-  b as onPageReload,
-  M as onRequestBounds
+  S as onContentletHovered,
+  M as onIframeScroll,
+  p as onPageReload,
+  b as onRequestBounds
 };