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

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -5354,8 +5356,9 @@ var AnimationUtility = class {
       speedPerChar = 100,
       cursor = true,
       mode = "enter",
-      direction = "left"
-      // Default direction
+      direction = "left",
+      backgroundColor,
+      borderColor
     } = config;
     let base = "", visible = "", keyframes = "";
     switch (config.animation) {
@@ -5397,6 +5400,23 @@ var AnimationUtility = class {
           visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
         }
         break;
+      case "Background":
+        base = `
+transition: background-color ${duration}ms ${easing} ${delay}ms;
+`;
+        visible = `
+background-color: ${backgroundColor};
+`;
+        break;
+      case "Border":
+        base = `
+    transition:
+      border-color ${duration}ms ${easing} ${delay}ms;
+  `;
+        visible = `
+    border-color:${borderColor};
+  `;
+        break;
       case "Typewriter":
         keyframes = ` 
         @keyframes typewriter { from { width: 0 } to { width: 100% } } 

package/dist/index.mjs

@@ -1,6 +1,8 @@
+"use client";
+
 import {
   OdataBuilder
-} from "./chunk-UFKPTMM7.mjs";
+} from "./chunk-X3YSXTD2.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -17,22 +19,22 @@ import {
   PhoneInput_default,
   SelectWithSearchInput_default,
   TimeInput_default
-} from "./chunk-YG6FKKQJ.mjs";
+} from "./chunk-7ZFZLN56.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-DBHUCH4B.mjs";
+} from "./chunk-5GHPW7SJ.mjs";
 import {
   ServiceClient_default
-} from "./chunk-3GWLDT7C.mjs";
+} from "./chunk-WEV5U33G.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-YL6E76X2.mjs";
-import "./chunk-56HSDML5.mjs";
+} from "./chunk-JKP4XOZB.mjs";
+import "./chunk-IMNQO57B.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React13 from "react";
@@ -76,7 +78,7 @@ var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
 import dynamic from "next/dynamic";
-var DateView = dynamic(() => import("./DateViewClient-ELEHLGWS.mjs"), {
+var DateView = dynamic(() => import("./DateViewClient-VLTRN47D.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -131,7 +133,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-57543DTW.mjs"), { ssr: false });
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var FORMAT_CLASSES = {
   center: "justify-center",
   left: "justify-start",
@@ -366,7 +368,7 @@ var AiGeneratedSummary_default = AiGeneratedSummary;
 
 // src/components/controls/view/DateTimeVew.tsx
 import dynamic3 from "next/dynamic";
-var DateTimeView = dynamic3(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-R3M6ISVK.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;
@@ -407,7 +409,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-QQCQD4EG.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-QAZKQLFO.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -503,7 +505,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-57543DTW.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -611,7 +613,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-XA7Z5IDR.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-LX3KKGZY.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1046,7 +1048,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-XONTQQW7.mjs"), {
+var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -1189,7 +1191,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-J22NMEVY.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1220,8 +1222,9 @@ var AnimationUtility = class {
       speedPerChar = 100,
       cursor = true,
       mode = "enter",
-      direction = "left"
-      // Default direction
+      direction = "left",
+      backgroundColor,
+      borderColor
     } = config;
     let base = "", visible = "", keyframes = "";
     switch (config.animation) {
@@ -1263,6 +1266,23 @@ var AnimationUtility = class {
           visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
         }
         break;
+      case "Background":
+        base = `
+transition: background-color ${duration}ms ${easing} ${delay}ms;
+`;
+        visible = `
+background-color: ${backgroundColor};
+`;
+        break;
+      case "Border":
+        base = `
+    transition:
+      border-color ${duration}ms ${easing} ${delay}ms;
+  `;
+        visible = `
+    border-color:${borderColor};
+  `;
+        break;
       case "Typewriter":
         keyframes = ` 
         @keyframes typewriter { from { width: 0 } to { width: 100% } } 
@@ -1404,7 +1424,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-57543DTW.mjs"), { ssr: false });
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -2219,8 +2239,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-NCJCOYHF.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
+var Pagination = dynamic10(() => import("./Pagination-T7YN2OMV.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -4263,5 +4283,3 @@ export {
   ViewControl_default as ViewControl,
   ViewControlTypes_default as ViewControlTypes
 };
-ontrolTypes
-};

package/package.json

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