@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260722101954

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/CopyButton-UPJPMJUB.mjs +57 -0
  2. package/dist/CopyButton-XONTQQW7.mjs +55 -0
  3. package/dist/DateTimeViewClient-22GW4AD7.mjs +14 -0
  4. package/dist/DateTimeViewClient-K5FE5VSN.mjs +14 -0
  5. package/dist/DateTimeViewClient-M7V35KUW.mjs +16 -0
  6. package/dist/DateTimeViewClient-R3M6ISVK.mjs +16 -0
  7. package/dist/DateViewClient-4CTEMOMJ.mjs +7 -0
  8. package/dist/DateViewClient-ELEHLGWS.mjs +7 -0
  9. package/dist/DateViewClient-JBS5UXMD.mjs +9 -0
  10. package/dist/DateViewClient-VLTRN47D.mjs +9 -0
  11. package/dist/EnterAnimationClient-4OKXLKSA.mjs +45 -0
  12. package/dist/EnterAnimationClient-ZN3NLFNO.mjs +47 -0
  13. package/dist/HlsPlayer-57543DTW.mjs +599 -0
  14. package/dist/HlsPlayer-5AWFZ2P6.mjs +601 -0
  15. package/dist/IframeClient-J22NMEVY.mjs +96 -0
  16. package/dist/IframeClient-RGJFZ5P2.mjs +98 -0
  17. package/dist/InputControlClient-7NS4QUWO.mjs +677 -0
  18. package/dist/InputControlClient-AZRPSTUZ.mjs +677 -0
  19. package/dist/InputControlClient-BUOYZNWQ.mjs +675 -0
  20. package/dist/InputControlClient-HIZOJLKW.mjs +677 -0
  21. package/dist/LinkNodeButton-AOEDCCL7.mjs +227 -0
  22. package/dist/LinkNodeButton-BIZA2NPE.mjs +225 -0
  23. package/dist/LinkNodeButton-LX3KKGZY.mjs +173 -0
  24. package/dist/LinkNodeButton-U7T2NP22.mjs +374 -0
  25. package/dist/Pagination-6OFACRMQ.mjs +229 -0
  26. package/dist/Pagination-NCJCOYHF.mjs +181 -0
  27. package/dist/Pagination-OQT7Q2XO.mjs +183 -0
  28. package/dist/Pagination-T7YN2OMV.mjs +183 -0
  29. package/dist/Slider-554BKC7N.mjs +322 -0
  30. package/dist/Slider-PEIVH6A5.mjs +320 -0
  31. package/dist/chunk-23WJE3YB.mjs +253 -0
  32. package/dist/chunk-3GWLDT7C.mjs +204 -0
  33. package/dist/chunk-3R4VVVNK.mjs +903 -0
  34. package/dist/chunk-56HSDML5.mjs +22 -0
  35. package/dist/chunk-5GHPW7SJ.mjs +111 -0
  36. package/dist/chunk-7ZFZLN56.mjs +903 -0
  37. package/dist/chunk-DBHUCH4B.mjs +109 -0
  38. package/dist/chunk-DKW4DXCU.mjs +120 -0
  39. package/dist/chunk-FI2KJBK2.mjs +110 -0
  40. package/dist/chunk-IMNQO57B.mjs +25 -0
  41. package/dist/chunk-JKP4XOZB.mjs +214 -0
  42. package/dist/chunk-OGGIS4AN.mjs +201 -0
  43. package/dist/chunk-RHVNJMS4.mjs +251 -0
  44. package/dist/chunk-SPRVN5IM.mjs +118 -0
  45. package/dist/chunk-TVL6KVD5.mjs +229 -0
  46. package/dist/chunk-UFKPTMM7.mjs +199 -0
  47. package/dist/chunk-WEV5U33G.mjs +207 -0
  48. package/dist/chunk-X3YSXTD2.mjs +201 -0
  49. package/dist/chunk-XG6SXZWP.mjs +115 -0
  50. package/dist/chunk-YBNWT4TV.mjs +123 -0
  51. package/dist/chunk-YG6FKKQJ.mjs +900 -0
  52. package/dist/index.d.mts +456 -0
  53. package/dist/index.d.ts +456 -0
  54. package/dist/index.js +8566 -0
  55. package/dist/index.mjs +4285 -0
  56. package/dist/server.d.mts +113 -0
  57. package/dist/server.d.ts +113 -0
  58. package/dist/server.js +5179 -0
  59. package/dist/server.mjs +2736 -0
  60. package/package.json +95 -0
package/dist/IframeClient-J22NMEVY.mjs ADDED
@@ -0,0 +1,96 @@
1
+ "use client";
2
+
3
+ // src/components/pageRenderingEngine/nodes/IframeClient.tsx
4
+ import React2, { useEffect, useRef, useState } from "react";
5
+
6
+ // src/components/IFrameLoaderView.tsx
7
+ import React from "react";
8
+ import { jsx, jsxs } from "react/jsx-runtime";
9
+ var IFrameLoaderView = (props) => {
10
+ return /* @__PURE__ */ jsxs(React.Fragment, { children: [
11
+ props.isDataFound == null && /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
12
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4", children: [
13
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
14
+ /* @__PURE__ */ jsxs("div", { className: "ml-2", children: [
15
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
16
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
17
+ ] })
18
+ ] }),
19
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
20
+ /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
21
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
22
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
23
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
24
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
25
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
26
+ ] }),
27
+ /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
28
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
29
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
30
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
31
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
32
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
33
+ ] }),
34
+ /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
35
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
36
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
37
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
38
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
39
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
40
+ ] })
41
+ ] })
42
+ ] }) }),
43
+ props.children
44
+ ] });
45
+ };
46
+ var IFrameLoaderView_default = IFrameLoaderView;
47
+
48
+ // src/components/pageRenderingEngine/nodes/IframeClient.tsx
49
+ import { jsx as jsx2 } from "react/jsx-runtime";
50
+ var IframeClient = ({ src }) => {
51
+ const iframeRef = useRef(null);
52
+ const [iframeHeight, setIframeHeight] = useState("100%");
53
+ const [isDataFound, setIsDataFound] = useState(null);
54
+ useEffect(() => {
55
+ const handleReceiveMessage = (event) => {
56
+ const eventName = event?.data?.eventName;
57
+ const payload = event?.data?.payload;
58
+ if (eventName === "SET_HEIGHT" && payload?.height) {
59
+ let height = 500;
60
+ if (payload.height > 500) {
61
+ height = payload.height + 50;
62
+ }
63
+ setIframeHeight(`${height}px`);
64
+ }
65
+ };
66
+ window.addEventListener("message", handleReceiveMessage);
67
+ return () => window.removeEventListener("message", handleReceiveMessage);
68
+ }, []);
69
+ useEffect(() => {
70
+ const handleResize = () => {
71
+ if (iframeRef.current) {
72
+ iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
73
+ }
74
+ };
75
+ window.addEventListener("resize", handleResize);
76
+ return () => window.removeEventListener("resize", handleResize);
77
+ }, []);
78
+ const handleIframeLoad = () => {
79
+ setIsDataFound(true);
80
+ };
81
+ return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsx2(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ jsx2(
82
+ "iframe",
83
+ {
84
+ ref: iframeRef,
85
+ src,
86
+ className: "w-full h-full border-none",
87
+ scrolling: "no",
88
+ style: { height: iframeHeight },
89
+ onLoad: handleIframeLoad
90
+ }
91
+ ) }) });
92
+ };
93
+ var IframeClient_default = IframeClient;
94
+ export {
95
+ IframeClient_default as default
96
+ };
package/dist/IframeClient-RGJFZ5P2.mjs ADDED
@@ -0,0 +1,98 @@
1
+ "use client";
2
+
3
+ "use client";
4
+
5
+ // src/components/pageRenderingEngine/nodes/IframeClient.tsx
6
+ import React2, { useEffect, useRef, useState } from "react";
7
+
8
+ // src/components/IFrameLoaderView.tsx
9
+ import React from "react";
10
+ import { jsx, jsxs } from "react/jsx-runtime";
11
+ var IFrameLoaderView = (props) => {
12
+ return /* @__PURE__ */ jsxs(React.Fragment, { children: [
13
+ props.isDataFound == null && /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
14
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4", children: [
15
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
16
+ /* @__PURE__ */ jsxs("div", { className: "ml-2", children: [
17
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
18
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
19
+ ] })
20
+ ] }),
21
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
22
+ /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
23
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
24
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
25
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
26
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
27
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
28
+ ] }),
29
+ /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
30
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
31
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
32
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
33
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
34
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
35
+ ] }),
36
+ /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
37
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
38
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
39
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
40
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
41
+ /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
42
+ ] })
43
+ ] })
44
+ ] }) }),
45
+ props.children
46
+ ] });
47
+ };
48
+ var IFrameLoaderView_default = IFrameLoaderView;
49
+
50
+ // src/components/pageRenderingEngine/nodes/IframeClient.tsx
51
+ import { jsx as jsx2 } from "react/jsx-runtime";
52
+ var IframeClient = ({ src }) => {
53
+ const iframeRef = useRef(null);
54
+ const [iframeHeight, setIframeHeight] = useState("100%");
55
+ const [isDataFound, setIsDataFound] = useState(null);
56
+ useEffect(() => {
57
+ const handleReceiveMessage = (event) => {
58
+ const eventName = event?.data?.eventName;
59
+ const payload = event?.data?.payload;
60
+ if (eventName === "SET_HEIGHT" && payload?.height) {
61
+ let height = 500;
62
+ if (payload.height > 500) {
63
+ height = payload.height + 50;
64
+ }
65
+ setIframeHeight(`${height}px`);
66
+ }
67
+ };
68
+ window.addEventListener("message", handleReceiveMessage);
69
+ return () => window.removeEventListener("message", handleReceiveMessage);
70
+ }, []);
71
+ useEffect(() => {
72
+ const handleResize = () => {
73
+ if (iframeRef.current) {
74
+ iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
75
+ }
76
+ };
77
+ window.addEventListener("resize", handleResize);
78
+ return () => window.removeEventListener("resize", handleResize);
79
+ }, []);
80
+ const handleIframeLoad = () => {
81
+ setIsDataFound(true);
82
+ };
83
+ return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsx2(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ jsx2(
84
+ "iframe",
85
+ {
86
+ ref: iframeRef,
87
+ src,
88
+ className: "w-full h-full border-none",
89
+ scrolling: "no",
90
+ style: { height: iframeHeight },
91
+ onLoad: handleIframeLoad
92
+ }
93
+ ) }) });
94
+ };
95
+ var IframeClient_default = IframeClient;
96
+ export {
97
+ IframeClient_default as default
98
+ };