@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260714121845 → 0.8.1-dev.20260715061446

package/dist/index.js

@@ -5342,6 +5342,17 @@ init_AssetUtility();
 init_ServiceClient();
 
 // src/components/utilities/AnimationUtility.tsx
+var normalizeSelector = (guid) => {
+  const trimmedGuid = guid?.trim();
+  if (!trimmedGuid) {
+    return ".animation-fallback";
+  }
+  const baseValue = trimmedGuid.replace(/^#/, "").replace(/^\./, "");
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return `#${CSS.escape(baseValue)}`;
+  }
+  return `#${baseValue}`;
+};
 var AnimationUtility = class {
   static generateAnimationCSS(config, guid) {
     const {
@@ -5361,6 +5372,7 @@ var AnimationUtility = class {
       borderColor
     } = config;
     let base = "", visible = "", keyframes = "";
+    const selector = normalizeSelector(guid);
     switch (config.animation) {
       case "Fade":
         base = `opacity:0; transition:opacity ${duration}ms ${easing} ${delay}ms;`;
@@ -5438,14 +5450,14 @@ background-color: ${backgroundColor};
     if (mode === "hover") {
       return `
       ${keyframes} 
-      ${guid} { ${base} } 
-      ${guid}:hover { ${visible} } 
+      ${selector} { ${base} } 
+      ${selector}:hover { ${visible} } 
     `;
     } else {
       return `
       ${keyframes} 
-      ${guid} { ${base} } 
-      ${guid}.visible { ${visible} } 
+      ${selector} { ${base} } 
+      ${selector}.visible { ${visible} } 
     `;
     }
   }
@@ -6577,6 +6589,7 @@ var DivContainer = async (props) => {
   }
   const updatedStyle = { ...updatedStyles };
   const guid = "css" + crypto.randomUUID().toLocaleLowerCase();
+  const animationSelector = `#${guid}`;
   const { enterAnimation, exitAnimation, hoverAnimation } = props.node;
   let animationCSS = "";
   if (enterAnimation?.name) {
@@ -6586,7 +6599,7 @@ var DivContainer = async (props) => {
         mode: "enter",
         ...enterAnimation.properties
       },
-      `#${guid}`
+      animationSelector
     );
   }
   if (hoverAnimation?.name) {
@@ -6596,7 +6609,7 @@ var DivContainer = async (props) => {
         mode: "hover",
         ...hoverAnimation.properties
       },
-      `#${guid}`
+      animationSelector
     );
   }
   const isHidden = !shouldRenderContainer(
@@ -7807,13 +7820,11 @@ var DataListRenderer = ({
     };
   });
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react59.default.Fragment, { children: [
-    resolvedTabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-      NavigationTabsV2_default,
-      {
-        tabs: resolvedTabs,
-        params: widgetProps?.params ?? params
-      }
-    ),
+    resolvedTabs.length > 0 && // <NavigationTabsV2
+    //   tabs={resolvedTabs}
+    //   params={(widgetProps?.params ?? params) as Record<string, any>}
+    // />
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       DataList_default,
       {

package/dist/index.mjs

@@ -1,8 +1,6 @@
-"use client";
-
 import {
   OdataBuilder
-} from "./chunk-X3YSXTD2.mjs";
+} from "./chunk-UFKPTMM7.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -19,22 +17,22 @@ import {
   PhoneInput_default,
   SelectWithSearchInput_default,
   TimeInput_default
-} from "./chunk-7ZFZLN56.mjs";
+} from "./chunk-YG6FKKQJ.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-5GHPW7SJ.mjs";
+} from "./chunk-DBHUCH4B.mjs";
 import {
   ServiceClient_default
-} from "./chunk-WEV5U33G.mjs";
+} from "./chunk-3GWLDT7C.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-JKP4XOZB.mjs";
-import "./chunk-IMNQO57B.mjs";
+} from "./chunk-YL6E76X2.mjs";
+import "./chunk-56HSDML5.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React13 from "react";
@@ -78,7 +76,7 @@ var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
 import dynamic from "next/dynamic";
-var DateView = dynamic(() => import("./DateViewClient-VLTRN47D.mjs"), {
+var DateView = dynamic(() => import("./DateViewClient-ELEHLGWS.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -133,7 +131,7 @@ import React3 from "react";
 // src/components/DeviceAssetSelector.tsx
 import dynamic2 from "next/dynamic";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var HlsPlayer = dynamic2(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
 var FORMAT_CLASSES = {
   center: "justify-center",
   left: "justify-start",
@@ -368,7 +366,7 @@ var AiGeneratedSummary_default = AiGeneratedSummary;
 
 // src/components/controls/view/DateTimeVew.tsx
 import dynamic3 from "next/dynamic";
-var DateTimeView = dynamic3(() => import("./DateTimeViewClient-R3M6ISVK.mjs"), {
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;
@@ -409,7 +407,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-QAZKQLFO.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-QQCQD4EG.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -505,7 +503,7 @@ import React14 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic5 from "next/dynamic";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -613,7 +611,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic6 from "next/dynamic";
 import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-LX3KKGZY.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-XA7Z5IDR.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1048,7 +1046,7 @@ var QuoteNode_default = QuoteNode;
 import React20 from "react";
 import dynamic7 from "next/dynamic";
 import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
-var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
+var CopyButton = dynamic7(() => import("./CopyButton-XONTQQW7.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -1191,7 +1189,7 @@ import React22 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic8 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-J22NMEVY.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1208,6 +1206,17 @@ var EmbedNode = (props) => {
 var EmbedNode_default = EmbedNode;
 
 // src/components/utilities/AnimationUtility.tsx
+var normalizeSelector = (guid) => {
+  const trimmedGuid = guid?.trim();
+  if (!trimmedGuid) {
+    return ".animation-fallback";
+  }
+  const baseValue = trimmedGuid.replace(/^#/, "").replace(/^\./, "");
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return `#${CSS.escape(baseValue)}`;
+  }
+  return `#${baseValue}`;
+};
 var AnimationUtility = class {
   static generateAnimationCSS(config, guid) {
     const {
@@ -1227,6 +1236,7 @@ var AnimationUtility = class {
       borderColor
     } = config;
     let base = "", visible = "", keyframes = "";
+    const selector = normalizeSelector(guid);
     switch (config.animation) {
       case "Fade":
         base = `opacity:0; transition:opacity ${duration}ms ${easing} ${delay}ms;`;
@@ -1304,14 +1314,14 @@ background-color: ${backgroundColor};
     if (mode === "hover") {
       return `
       ${keyframes} 
-      ${guid} { ${base} } 
-      ${guid}:hover { ${visible} } 
+      ${selector} { ${base} } 
+      ${selector}:hover { ${visible} } 
     `;
     } else {
       return `
       ${keyframes} 
-      ${guid} { ${base} } 
-      ${guid}.visible { ${visible} } 
+      ${selector} { ${base} } 
+      ${selector}.visible { ${visible} } 
     `;
     }
   }
@@ -1424,7 +1434,7 @@ var NoDataFound_default = NoDataFound;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic9 from "next/dynamic";
 import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
-var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -2239,8 +2249,8 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-T7YN2OMV.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
+var Pagination = dynamic10(() => import("./Pagination-NCJCOYHF.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2438,6 +2448,7 @@ var DivContainer = async (props) => {
   }
   const updatedStyle = { ...updatedStyles };
   const guid = "css" + crypto.randomUUID().toLocaleLowerCase();
+  const animationSelector = `#${guid}`;
   const { enterAnimation, exitAnimation, hoverAnimation } = props.node;
   let animationCSS = "";
   if (enterAnimation?.name) {
@@ -2447,7 +2458,7 @@ var DivContainer = async (props) => {
         mode: "enter",
         ...enterAnimation.properties
       },
-      `#${guid}`
+      animationSelector
     );
   }
   if (hoverAnimation?.name) {
@@ -2457,7 +2468,7 @@ var DivContainer = async (props) => {
         mode: "hover",
         ...hoverAnimation.properties
       },
-      `#${guid}`
+      animationSelector
     );
   }
   const isHidden = !shouldRenderContainer(
@@ -3638,13 +3649,11 @@ var DataListRenderer = ({
     };
   });
   return /* @__PURE__ */ jsxs17(React28.Fragment, { children: [
-    resolvedTabs.length > 0 && /* @__PURE__ */ jsx41(
-      NavigationTabsV2_default,
-      {
-        tabs: resolvedTabs,
-        params: widgetProps?.params ?? params
-      }
-    ),
+    resolvedTabs.length > 0 && // <NavigationTabsV2
+    //   tabs={resolvedTabs}
+    //   params={(widgetProps?.params ?? params) as Record<string, any>}
+    // />
+    /* @__PURE__ */ jsx41(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ jsx41(
       DataList_default,
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260714121845",
+  "version": "0.8.1-dev.20260715061446",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",