@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260923103910 → 0.8.1-dev.20260924080906

package/dist/{Pagination-GVFES3JQ.mjs → Pagination-STOHS3LO.mjs}

@@ -3,7 +3,7 @@
 "use client";
 import {
   OdataBuilder
-} from "./chunk-PXALEYS6.mjs";
+} from "./chunk-K6GGVJCI.mjs";
 import {
   Hyperlink,
   Icon_default

package/dist/{Pagination-TCXNZ73R.mjs → Pagination-V53JCR6P.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-6PW2RLUJ.mjs";
 import {
   OdataBuilder
-} from "./chunk-HUCNBVQV.mjs";
+} from "./chunk-I3ND2ZRE.mjs";
 import {
   Hyperlink
 } from "./chunk-2R26M6CK.mjs";

package/dist/{Slider-QIGKP6AE.mjs → Slider-3JMZZWGT.mjs}

@@ -1,7 +1,7 @@
 "use client";
 
 // src/components/Slider.tsx
-import React, { useState, useEffect, Children, cloneElement } from "react";
+import React, { useState, useEffect, Children, cloneElement, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Slider = ({
   children,
@@ -30,6 +30,8 @@ var Slider = ({
     typeof initialSlidesToShow === "number" ? initialSlidesToShow : initialSlidesToShow.large
   );
   const [isPlaying, setIsPlaying] = useState(autoplay);
+  const trackRef = useRef(null);
+  console.log("trackRef:", trackRef);
   useEffect(() => {
     if (typeof initialSlidesToShow === "number") {
       setSlidesToShowState(initialSlidesToShow);
@@ -50,6 +52,34 @@ var Slider = ({
   }, [initialSlidesToShow]);
   useEffect(() => {
     if (!autoplay) return;
+    const activeSlideElement = trackRef.current?.children[currentSlide];
+    const videoElement = activeSlideElement?.querySelector("video");
+    if (videoElement) {
+      videoElement.loop = false;
+      if (videoElement.ended) {
+        videoElement.currentTime = 0;
+      }
+      videoElement.play().catch(() => {
+      });
+      const handleTimeUpdate = () => {
+        if (videoElement.duration && !isNaN(videoElement.duration)) {
+          const pct = videoElement.currentTime / videoElement.duration * 100;
+        }
+      };
+      const handleVideoEnded = () => {
+        nextSlide();
+      };
+      const handleVideoError = () => {
+        nextSlide();
+      };
+      videoElement.addEventListener("ended", handleVideoEnded, { once: true });
+      videoElement.addEventListener("error", handleVideoError, { once: true });
+      return () => {
+        videoElement.removeEventListener("ended", handleVideoEnded);
+        videoElement.removeEventListener("error", handleVideoError);
+        videoElement.pause();
+      };
+    }
     const timer = setInterval(() => {
       if (isPlaying) {
         nextSlide();
@@ -160,6 +190,7 @@ var Slider = ({
           /* @__PURE__ */ jsx(
             "div",
             {
+              ref: trackRef,
               className: "flex h-full",
               style: {
                 transition: transition ? "transform 0.5s ease" : "none",

package/dist/{Slider-IVPJBPE5.mjs → Slider-JZ5CNHEW.mjs}

@@ -3,7 +3,7 @@
 "use client";
 
 // src/components/Slider.tsx
-import React, { useState, useEffect, Children, cloneElement } from "react";
+import React, { useState, useEffect, Children, cloneElement, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Slider = ({
   children,
@@ -32,6 +32,8 @@ var Slider = ({
     typeof initialSlidesToShow === "number" ? initialSlidesToShow : initialSlidesToShow.large
   );
   const [isPlaying, setIsPlaying] = useState(autoplay);
+  const trackRef = useRef(null);
+  console.log("trackRef:", trackRef);
   useEffect(() => {
     if (typeof initialSlidesToShow === "number") {
       setSlidesToShowState(initialSlidesToShow);
@@ -52,6 +54,34 @@ var Slider = ({
   }, [initialSlidesToShow]);
   useEffect(() => {
     if (!autoplay) return;
+    const activeSlideElement = trackRef.current?.children[currentSlide];
+    const videoElement = activeSlideElement?.querySelector("video");
+    if (videoElement) {
+      videoElement.loop = false;
+      if (videoElement.ended) {
+        videoElement.currentTime = 0;
+      }
+      videoElement.play().catch(() => {
+      });
+      const handleTimeUpdate = () => {
+        if (videoElement.duration && !isNaN(videoElement.duration)) {
+          const pct = videoElement.currentTime / videoElement.duration * 100;
+        }
+      };
+      const handleVideoEnded = () => {
+        nextSlide();
+      };
+      const handleVideoError = () => {
+        nextSlide();
+      };
+      videoElement.addEventListener("ended", handleVideoEnded, { once: true });
+      videoElement.addEventListener("error", handleVideoError, { once: true });
+      return () => {
+        videoElement.removeEventListener("ended", handleVideoEnded);
+        videoElement.removeEventListener("error", handleVideoError);
+        videoElement.pause();
+      };
+    }
     const timer = setInterval(() => {
       if (isPlaying) {
         nextSlide();
@@ -162,6 +192,7 @@ var Slider = ({
           /* @__PURE__ */ jsx(
             "div",
             {
+              ref: trackRef,
               className: "flex h-full",
               style: {
                 transition: transition ? "transform 0.5s ease" : "none",

package/dist/{chunk-HUCNBVQV.mjs → chunk-I3ND2ZRE.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HRDHAIZF.mjs";
 
 // src/clients/OdataBuilder.tsx
-var encodeFilter = (filter) => encodeURIComponent(filter.replace(/'/g, '"'));
+var encodeFilter = (filter) => encodeURIComponent(filter);
 var OdataBuilder = class {
   constructor(url) {
     this.baseUrl = url;

package/dist/{chunk-PXALEYS6.mjs → chunk-K6GGVJCI.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-F4DNLPFN.mjs";
 
 // src/clients/OdataBuilder.tsx
-var encodeFilter = (filter) => encodeURIComponent(filter.replace(/'/g, '"'));
+var encodeFilter = (filter) => encodeURIComponent(filter);
 var OdataBuilder = class {
   constructor(url) {
     this.baseUrl = url;

package/dist/index.js

@@ -5267,7 +5267,7 @@ var init_OdataBuilder = __esm({
   "src/clients/OdataBuilder.tsx"() {
     "use strict";
     init_InputControlType();
-    encodeFilter = (filter) => encodeURIComponent(filter.replace(/'/g, '"'));
+    encodeFilter = (filter) => encodeURIComponent(filter);
     OdataBuilder = class {
       constructor(url) {
         this.baseUrl = url;
@@ -6096,6 +6096,8 @@ var init_Slider = __esm({
         typeof initialSlidesToShow === "number" ? initialSlidesToShow : initialSlidesToShow.large
       );
       const [isPlaying, setIsPlaying] = (0, import_react60.useState)(autoplay);
+      const trackRef = (0, import_react60.useRef)(null);
+      console.log("trackRef:", trackRef);
       (0, import_react60.useEffect)(() => {
         if (typeof initialSlidesToShow === "number") {
           setSlidesToShowState(initialSlidesToShow);
@@ -6116,6 +6118,34 @@ var init_Slider = __esm({
       }, [initialSlidesToShow]);
       (0, import_react60.useEffect)(() => {
         if (!autoplay) return;
+        const activeSlideElement = trackRef.current?.children[currentSlide];
+        const videoElement = activeSlideElement?.querySelector("video");
+        if (videoElement) {
+          videoElement.loop = false;
+          if (videoElement.ended) {
+            videoElement.currentTime = 0;
+          }
+          videoElement.play().catch(() => {
+          });
+          const handleTimeUpdate = () => {
+            if (videoElement.duration && !isNaN(videoElement.duration)) {
+              const pct = videoElement.currentTime / videoElement.duration * 100;
+            }
+          };
+          const handleVideoEnded = () => {
+            nextSlide();
+          };
+          const handleVideoError = () => {
+            nextSlide();
+          };
+          videoElement.addEventListener("ended", handleVideoEnded, { once: true });
+          videoElement.addEventListener("error", handleVideoError, { once: true });
+          return () => {
+            videoElement.removeEventListener("ended", handleVideoEnded);
+            videoElement.removeEventListener("error", handleVideoError);
+            videoElement.pause();
+          };
+        }
         const timer = setInterval(() => {
           if (isPlaying) {
             nextSlide();
@@ -6226,6 +6256,7 @@ var init_Slider = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                 "div",
                 {
+                  ref: trackRef,
                   className: "flex h-full",
                   style: {
                     transition: transition ? "transform 0.5s ease" : "none",

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
 } from "./chunk-TKDSRAM6.mjs";
 import {
   OdataBuilder
-} from "./chunk-PXALEYS6.mjs";
+} from "./chunk-K6GGVJCI.mjs";
 import {
   InputControl_default
 } from "./chunk-XDTWUEVR.mjs";
@@ -2419,11 +2419,11 @@ var GoogleMapNode_default = GoogleMapNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
-var Pagination = dynamic13(() => import("./Pagination-GVFES3JQ.mjs"), { ssr: true });
+var Pagination = dynamic13(() => import("./Pagination-STOHS3LO.mjs"), { ssr: true });
 var DataBindingControls = dynamic13(() => import("./DataBindingControls-SLNZLI3I.mjs"), {
   ssr: true
 });
-var Slider = dynamic13(() => import("./Slider-IVPJBPE5.mjs"), {
+var Slider = dynamic13(() => import("./Slider-JZ5CNHEW.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {

package/dist/server.js

@@ -3185,7 +3185,7 @@ var init_OdataBuilder = __esm({
   "src/clients/OdataBuilder.tsx"() {
     "use strict";
     init_InputControlType();
-    encodeFilter = (filter) => encodeURIComponent(filter.replace(/'/g, '"'));
+    encodeFilter = (filter) => encodeURIComponent(filter);
     OdataBuilder = class {
       constructor(url) {
         this.baseUrl = url;
@@ -6094,6 +6094,8 @@ var init_Slider = __esm({
         typeof initialSlidesToShow === "number" ? initialSlidesToShow : initialSlidesToShow.large
       );
       const [isPlaying, setIsPlaying] = (0, import_react60.useState)(autoplay);
+      const trackRef = (0, import_react60.useRef)(null);
+      console.log("trackRef:", trackRef);
       (0, import_react60.useEffect)(() => {
         if (typeof initialSlidesToShow === "number") {
           setSlidesToShowState(initialSlidesToShow);
@@ -6114,6 +6116,34 @@ var init_Slider = __esm({
       }, [initialSlidesToShow]);
       (0, import_react60.useEffect)(() => {
         if (!autoplay) return;
+        const activeSlideElement = trackRef.current?.children[currentSlide];
+        const videoElement = activeSlideElement?.querySelector("video");
+        if (videoElement) {
+          videoElement.loop = false;
+          if (videoElement.ended) {
+            videoElement.currentTime = 0;
+          }
+          videoElement.play().catch(() => {
+          });
+          const handleTimeUpdate = () => {
+            if (videoElement.duration && !isNaN(videoElement.duration)) {
+              const pct = videoElement.currentTime / videoElement.duration * 100;
+            }
+          };
+          const handleVideoEnded = () => {
+            nextSlide();
+          };
+          const handleVideoError = () => {
+            nextSlide();
+          };
+          videoElement.addEventListener("ended", handleVideoEnded, { once: true });
+          videoElement.addEventListener("error", handleVideoError, { once: true });
+          return () => {
+            videoElement.removeEventListener("ended", handleVideoEnded);
+            videoElement.removeEventListener("error", handleVideoError);
+            videoElement.pause();
+          };
+        }
         const timer = setInterval(() => {
           if (isPlaying) {
             nextSlide();
@@ -6224,6 +6254,7 @@ var init_Slider = __esm({
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                 "div",
                 {
+                  ref: trackRef,
                   className: "flex h-full",
                   style: {
                     transition: transition ? "transform 0.5s ease" : "none",

package/dist/server.mjs

@@ -1,6 +1,6 @@
 import {
   OdataBuilder
-} from "./chunk-HUCNBVQV.mjs";
+} from "./chunk-I3ND2ZRE.mjs";
 import {
   Hyperlink
 } from "./chunk-2R26M6CK.mjs";
@@ -2387,11 +2387,11 @@ var GoogleMapNode_default = GoogleMapNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
-var Pagination = dynamic13(() => import("./Pagination-TCXNZ73R.mjs"), { ssr: true });
+var Pagination = dynamic13(() => import("./Pagination-V53JCR6P.mjs"), { ssr: true });
 var DataBindingControls = dynamic13(() => import("./DataBindingControls-UDRT7JFF.mjs"), {
   ssr: true
 });
-var Slider = dynamic13(() => import("./Slider-QIGKP6AE.mjs"), {
+var Slider = dynamic13(() => import("./Slider-3JMZZWGT.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20260923103910",
+  "version": "0.8.1-dev.20260924080906",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",