@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260808091030 → 0.8.1-dev.20260810072737
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.
- package/dist/{IframeClient-J64QAFNK.mjs → IframeClient-IFVYB76V.mjs} +7 -2
- package/dist/{IframeClient-E6VGPN6S.mjs → IframeClient-YIJHMNA4.mjs} +7 -2
- package/dist/index.js +247 -220
- package/dist/index.mjs +170 -148
- package/dist/server.js +102 -75
- package/dist/server.mjs +39 -17
- package/package.json +1 -1
package/dist/server.js
CHANGED
|
@@ -1769,7 +1769,8 @@ var init_IframeClient = __esm({
|
|
|
1769
1769
|
IframeClient = ({
|
|
1770
1770
|
src,
|
|
1771
1771
|
width,
|
|
1772
|
-
height
|
|
1772
|
+
height,
|
|
1773
|
+
allowFullScreen
|
|
1773
1774
|
}) => {
|
|
1774
1775
|
const iframeRef = (0, import_react31.useRef)(null);
|
|
1775
1776
|
const [iframeHeight, setIframeHeight] = (0, import_react31.useState)("100%");
|
|
@@ -1811,7 +1812,11 @@ var init_IframeClient = __esm({
|
|
|
1811
1812
|
src,
|
|
1812
1813
|
className: "w-full h-full border-none",
|
|
1813
1814
|
scrolling: "no",
|
|
1814
|
-
style: {
|
|
1815
|
+
style: {
|
|
1816
|
+
width: width != null ? `${width}px` : "100%",
|
|
1817
|
+
height: height != null ? `${height}px` : iframeHeight
|
|
1818
|
+
},
|
|
1819
|
+
allowFullScreen,
|
|
1815
1820
|
onLoad: handleIframeLoad
|
|
1816
1821
|
}
|
|
1817
1822
|
) }) });
|
|
@@ -2031,52 +2036,52 @@ var init_OdataBuilder = __esm({
|
|
|
2031
2036
|
});
|
|
2032
2037
|
|
|
2033
2038
|
// src/svg/chevron-updown.tsx
|
|
2034
|
-
var
|
|
2039
|
+
var import_jsx_runtime48, ChevronUpDown, chevron_updown_default;
|
|
2035
2040
|
var init_chevron_updown = __esm({
|
|
2036
2041
|
"src/svg/chevron-updown.tsx"() {
|
|
2037
2042
|
"use strict";
|
|
2038
|
-
|
|
2043
|
+
import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2039
2044
|
ChevronUpDown = (props) => {
|
|
2040
|
-
return /* @__PURE__ */ (0,
|
|
2045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2041
2046
|
};
|
|
2042
2047
|
chevron_updown_default = ChevronUpDown;
|
|
2043
2048
|
}
|
|
2044
2049
|
});
|
|
2045
2050
|
|
|
2046
2051
|
// src/svg/chevron-down.tsx
|
|
2047
|
-
var
|
|
2052
|
+
var import_jsx_runtime49, ChevronDown, chevron_down_default;
|
|
2048
2053
|
var init_chevron_down = __esm({
|
|
2049
2054
|
"src/svg/chevron-down.tsx"() {
|
|
2050
2055
|
"use strict";
|
|
2051
|
-
|
|
2056
|
+
import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2052
2057
|
ChevronDown = (props) => {
|
|
2053
|
-
return /* @__PURE__ */ (0,
|
|
2058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2054
2059
|
};
|
|
2055
2060
|
chevron_down_default = ChevronDown;
|
|
2056
2061
|
}
|
|
2057
2062
|
});
|
|
2058
2063
|
|
|
2059
2064
|
// src/svg/chevron-up.tsx
|
|
2060
|
-
var
|
|
2065
|
+
var import_jsx_runtime50, ChevronUp, chevron_up_default;
|
|
2061
2066
|
var init_chevron_up = __esm({
|
|
2062
2067
|
"src/svg/chevron-up.tsx"() {
|
|
2063
2068
|
"use strict";
|
|
2064
|
-
|
|
2069
|
+
import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2065
2070
|
ChevronUp = (props) => {
|
|
2066
|
-
return /* @__PURE__ */ (0,
|
|
2071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2067
2072
|
};
|
|
2068
2073
|
chevron_up_default = ChevronUp;
|
|
2069
2074
|
}
|
|
2070
2075
|
});
|
|
2071
2076
|
|
|
2072
2077
|
// src/svg/plus.tsx
|
|
2073
|
-
var
|
|
2078
|
+
var import_jsx_runtime51, Plus, plus_default;
|
|
2074
2079
|
var init_plus = __esm({
|
|
2075
2080
|
"src/svg/plus.tsx"() {
|
|
2076
2081
|
"use strict";
|
|
2077
|
-
|
|
2082
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
2078
2083
|
Plus = (props) => {
|
|
2079
|
-
return /* @__PURE__ */ (0,
|
|
2084
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2080
2085
|
};
|
|
2081
2086
|
plus_default = Plus;
|
|
2082
2087
|
}
|
|
@@ -2102,19 +2107,19 @@ var init_Icons = __esm({
|
|
|
2102
2107
|
});
|
|
2103
2108
|
|
|
2104
2109
|
// src/svg/Icon.tsx
|
|
2105
|
-
var
|
|
2110
|
+
var import_jsx_runtime52, Icon, Icon_default;
|
|
2106
2111
|
var init_Icon = __esm({
|
|
2107
2112
|
"src/svg/Icon.tsx"() {
|
|
2108
2113
|
"use strict";
|
|
2109
2114
|
init_Icons();
|
|
2110
|
-
|
|
2115
|
+
import_jsx_runtime52 = require("react/jsx-runtime");
|
|
2111
2116
|
Icon = ({ name, className, ...props }) => {
|
|
2112
2117
|
const IconComponent = Icons_default[name];
|
|
2113
2118
|
if (!IconComponent) {
|
|
2114
2119
|
console.error(`Icon "${name}" not found.`);
|
|
2115
2120
|
return null;
|
|
2116
2121
|
}
|
|
2117
|
-
return /* @__PURE__ */ (0,
|
|
2122
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(IconComponent, { ...props, className });
|
|
2118
2123
|
};
|
|
2119
2124
|
Icon_default = Icon;
|
|
2120
2125
|
}
|
|
@@ -2125,7 +2130,7 @@ var Pagination_exports = {};
|
|
|
2125
2130
|
__export(Pagination_exports, {
|
|
2126
2131
|
default: () => Pagination_default
|
|
2127
2132
|
});
|
|
2128
|
-
var import_react32,
|
|
2133
|
+
var import_react32, import_jsx_runtime53, Pagination, Pagination_default;
|
|
2129
2134
|
var init_Pagination = __esm({
|
|
2130
2135
|
"src/components/Pagination.tsx"() {
|
|
2131
2136
|
"use strict";
|
|
@@ -2136,7 +2141,7 @@ var init_Pagination = __esm({
|
|
|
2136
2141
|
init_StyleTypes();
|
|
2137
2142
|
init_InputControlType();
|
|
2138
2143
|
init_Hyperlink();
|
|
2139
|
-
|
|
2144
|
+
import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2140
2145
|
Pagination = (props) => {
|
|
2141
2146
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
2142
2147
|
const builder = (0, import_react32.useMemo)(() => {
|
|
@@ -2180,7 +2185,7 @@ var init_Pagination = __esm({
|
|
|
2180
2185
|
return range;
|
|
2181
2186
|
};
|
|
2182
2187
|
const paginationRange = getPaginationRange();
|
|
2183
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
2188
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2184
2189
|
Hyperlink,
|
|
2185
2190
|
{
|
|
2186
2191
|
linkType: "Link" /* Link */,
|
|
@@ -2195,9 +2200,9 @@ var init_Pagination = __esm({
|
|
|
2195
2200
|
);
|
|
2196
2201
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
2197
2202
|
if (disabled) {
|
|
2198
|
-
return /* @__PURE__ */ (0,
|
|
2203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
|
|
2199
2204
|
}
|
|
2200
|
-
return /* @__PURE__ */ (0,
|
|
2205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2201
2206
|
Hyperlink,
|
|
2202
2207
|
{
|
|
2203
2208
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
|
|
@@ -2207,35 +2212,35 @@ var init_Pagination = __esm({
|
|
|
2207
2212
|
);
|
|
2208
2213
|
};
|
|
2209
2214
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
2210
|
-
return /* @__PURE__ */ (0,
|
|
2211
|
-
/* @__PURE__ */ (0,
|
|
2212
|
-
/* @__PURE__ */ (0,
|
|
2215
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
2216
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
2217
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-sm", children: [
|
|
2213
2218
|
"Showing ",
|
|
2214
|
-
/* @__PURE__ */ (0,
|
|
2219
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "font-semibold", children: [
|
|
2215
2220
|
startItem,
|
|
2216
2221
|
"-",
|
|
2217
2222
|
endItem
|
|
2218
2223
|
] }),
|
|
2219
2224
|
" ",
|
|
2220
2225
|
"out of ",
|
|
2221
|
-
/* @__PURE__ */ (0,
|
|
2226
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
2222
2227
|
" results"
|
|
2223
2228
|
] }),
|
|
2224
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
2225
|
-
/* @__PURE__ */ (0,
|
|
2229
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
2230
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
2226
2231
|
NavigationButton,
|
|
2227
2232
|
{
|
|
2228
2233
|
page: activePageNumber - 1,
|
|
2229
2234
|
disabled: activePageNumber === 1,
|
|
2230
2235
|
children: [
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2232
|
-
/* @__PURE__ */ (0,
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
2237
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
2233
2238
|
]
|
|
2234
2239
|
}
|
|
2235
2240
|
),
|
|
2236
2241
|
paginationRange.map((item, index) => {
|
|
2237
2242
|
if (item === "...") {
|
|
2238
|
-
return /* @__PURE__ */ (0,
|
|
2243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2239
2244
|
"span",
|
|
2240
2245
|
{
|
|
2241
2246
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -2245,23 +2250,23 @@ var init_Pagination = __esm({
|
|
|
2245
2250
|
);
|
|
2246
2251
|
}
|
|
2247
2252
|
const page = item;
|
|
2248
|
-
return /* @__PURE__ */ (0,
|
|
2253
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PageButton, { page, children: page }, page);
|
|
2249
2254
|
}),
|
|
2250
|
-
/* @__PURE__ */ (0,
|
|
2255
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
2251
2256
|
NavigationButton,
|
|
2252
2257
|
{
|
|
2253
2258
|
page: activePageNumber + 1,
|
|
2254
2259
|
disabled: activePageNumber === totalPages,
|
|
2255
2260
|
children: [
|
|
2256
|
-
/* @__PURE__ */ (0,
|
|
2257
|
-
/* @__PURE__ */ (0,
|
|
2261
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
2262
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
2258
2263
|
]
|
|
2259
2264
|
}
|
|
2260
2265
|
)
|
|
2261
2266
|
] }),
|
|
2262
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
2263
|
-
/* @__PURE__ */ (0,
|
|
2264
|
-
/* @__PURE__ */ (0,
|
|
2267
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
2268
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
2269
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2265
2270
|
"input",
|
|
2266
2271
|
{
|
|
2267
2272
|
type: "number",
|
|
@@ -2282,9 +2287,9 @@ var init_Pagination = __esm({
|
|
|
2282
2287
|
) })
|
|
2283
2288
|
] })
|
|
2284
2289
|
] }),
|
|
2285
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
2286
|
-
/* @__PURE__ */ (0,
|
|
2287
|
-
/* @__PURE__ */ (0,
|
|
2290
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
2291
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
2292
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
2288
2293
|
Hyperlink,
|
|
2289
2294
|
{
|
|
2290
2295
|
className: `
|
|
@@ -2296,7 +2301,7 @@ var init_Pagination = __esm({
|
|
|
2296
2301
|
},
|
|
2297
2302
|
size
|
|
2298
2303
|
)) }),
|
|
2299
|
-
/* @__PURE__ */ (0,
|
|
2304
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm", children: "per page" })
|
|
2300
2305
|
] }) })
|
|
2301
2306
|
] });
|
|
2302
2307
|
};
|
|
@@ -2309,13 +2314,13 @@ var Slider_exports = {};
|
|
|
2309
2314
|
__export(Slider_exports, {
|
|
2310
2315
|
default: () => Slider_default
|
|
2311
2316
|
});
|
|
2312
|
-
var import_react33,
|
|
2317
|
+
var import_react33, import_jsx_runtime54, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
2313
2318
|
var init_Slider = __esm({
|
|
2314
2319
|
"src/components/Slider.tsx"() {
|
|
2315
2320
|
"use strict";
|
|
2316
2321
|
"use client";
|
|
2317
2322
|
import_react33 = __toESM(require("react"));
|
|
2318
|
-
|
|
2323
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
2319
2324
|
Slider = ({
|
|
2320
2325
|
children,
|
|
2321
2326
|
slidesToShow = 4,
|
|
@@ -2412,7 +2417,7 @@ var init_Slider = __esm({
|
|
|
2412
2417
|
if (!import_react33.default.isValidElement(child)) return null;
|
|
2413
2418
|
const childProps = child.props;
|
|
2414
2419
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
2415
|
-
return /* @__PURE__ */ (0,
|
|
2420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2416
2421
|
"div",
|
|
2417
2422
|
{
|
|
2418
2423
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -2435,14 +2440,14 @@ var init_Slider = __esm({
|
|
|
2435
2440
|
return "bottom-4";
|
|
2436
2441
|
}
|
|
2437
2442
|
};
|
|
2438
|
-
return /* @__PURE__ */ (0,
|
|
2443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
2439
2444
|
"div",
|
|
2440
2445
|
{
|
|
2441
2446
|
className: `relative w-full overflow-hidden ${className}`,
|
|
2442
2447
|
onMouseEnter: handleMouseEnter,
|
|
2443
2448
|
onMouseLeave: handleMouseLeave,
|
|
2444
2449
|
children: [
|
|
2445
|
-
/* @__PURE__ */ (0,
|
|
2450
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2446
2451
|
"div",
|
|
2447
2452
|
{
|
|
2448
2453
|
className: "flex h-full",
|
|
@@ -2453,18 +2458,18 @@ var init_Slider = __esm({
|
|
|
2453
2458
|
children: slides
|
|
2454
2459
|
}
|
|
2455
2460
|
),
|
|
2456
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
2457
|
-
/* @__PURE__ */ (0,
|
|
2461
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
|
|
2462
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2458
2463
|
ArrowButton,
|
|
2459
2464
|
{
|
|
2460
2465
|
direction: "left",
|
|
2461
2466
|
onClick: prevSlide,
|
|
2462
2467
|
visible: infinite_scroll || currentSlide > 0,
|
|
2463
2468
|
className: arrowClassName,
|
|
2464
|
-
children: /* @__PURE__ */ (0,
|
|
2469
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
2465
2470
|
}
|
|
2466
2471
|
),
|
|
2467
|
-
/* @__PURE__ */ (0,
|
|
2472
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
2468
2473
|
ArrowButton,
|
|
2469
2474
|
{
|
|
2470
2475
|
direction: "right",
|
|
@@ -2472,13 +2477,13 @@ var init_Slider = __esm({
|
|
|
2472
2477
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
2473
2478
|
className: arrowClassName,
|
|
2474
2479
|
children: [
|
|
2475
|
-
/* @__PURE__ */ (0,
|
|
2480
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
2476
2481
|
" "
|
|
2477
2482
|
]
|
|
2478
2483
|
}
|
|
2479
2484
|
)
|
|
2480
2485
|
] }),
|
|
2481
|
-
show_dots && /* @__PURE__ */ (0,
|
|
2486
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2482
2487
|
ProgressPill,
|
|
2483
2488
|
{
|
|
2484
2489
|
active: index === currentSlide,
|
|
@@ -2504,7 +2509,7 @@ var init_Slider = __esm({
|
|
|
2504
2509
|
visible,
|
|
2505
2510
|
children,
|
|
2506
2511
|
className = ""
|
|
2507
|
-
}) => /* @__PURE__ */ (0,
|
|
2512
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2508
2513
|
"button",
|
|
2509
2514
|
{
|
|
2510
2515
|
className: `
|
|
@@ -2591,7 +2596,7 @@ var init_Slider = __esm({
|
|
|
2591
2596
|
const renderProgressBar = () => {
|
|
2592
2597
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
2593
2598
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
2594
|
-
return /* @__PURE__ */ (0,
|
|
2599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2595
2600
|
"div",
|
|
2596
2601
|
{
|
|
2597
2602
|
className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
|
|
@@ -2603,7 +2608,7 @@ var init_Slider = __esm({
|
|
|
2603
2608
|
};
|
|
2604
2609
|
const renderCumulativeFill = () => {
|
|
2605
2610
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
2606
|
-
return /* @__PURE__ */ (0,
|
|
2611
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
2607
2612
|
"div",
|
|
2608
2613
|
{
|
|
2609
2614
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -2613,7 +2618,7 @@ var init_Slider = __esm({
|
|
|
2613
2618
|
}
|
|
2614
2619
|
return null;
|
|
2615
2620
|
};
|
|
2616
|
-
return /* @__PURE__ */ (0,
|
|
2621
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
2617
2622
|
"button",
|
|
2618
2623
|
{
|
|
2619
2624
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -3812,7 +3817,7 @@ var WidgetNode = (props) => {
|
|
|
3812
3817
|
var WidgetNode_default = WidgetNode;
|
|
3813
3818
|
|
|
3814
3819
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
3815
|
-
var
|
|
3820
|
+
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
3816
3821
|
var import_react34 = __toESM(require("react"));
|
|
3817
3822
|
|
|
3818
3823
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
@@ -4906,10 +4911,30 @@ var DocumentNode = (props) => {
|
|
|
4906
4911
|
};
|
|
4907
4912
|
var DocumentNode_default = DocumentNode;
|
|
4908
4913
|
|
|
4914
|
+
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
4915
|
+
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
4916
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4917
|
+
var IframeClient3 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
4918
|
+
ssr: false
|
|
4919
|
+
});
|
|
4920
|
+
var GoogleMapNode = (props) => {
|
|
4921
|
+
let src = props.node.embedUrl;
|
|
4922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4923
|
+
IframeClient3,
|
|
4924
|
+
{
|
|
4925
|
+
src,
|
|
4926
|
+
width: props.node.width,
|
|
4927
|
+
height: props.node.height,
|
|
4928
|
+
allowFullScreen: props.node.allowFullScreen
|
|
4929
|
+
}
|
|
4930
|
+
) });
|
|
4931
|
+
};
|
|
4932
|
+
var GoogleMapNode_default = GoogleMapNode;
|
|
4933
|
+
|
|
4909
4934
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4910
|
-
var
|
|
4911
|
-
var Pagination2 = (0,
|
|
4912
|
-
var Slider2 = (0,
|
|
4935
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4936
|
+
var Pagination2 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
4937
|
+
var Slider2 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
|
|
4913
4938
|
ssr: false
|
|
4914
4939
|
});
|
|
4915
4940
|
function toCamelCase(str) {
|
|
@@ -5090,7 +5115,8 @@ var DivContainer = async (props) => {
|
|
|
5090
5115
|
text: TextNode_default,
|
|
5091
5116
|
datafield: DatafieldNode_default,
|
|
5092
5117
|
"svg-icon": SVGIconNode_default,
|
|
5093
|
-
document: DocumentNode_default
|
|
5118
|
+
document: DocumentNode_default,
|
|
5119
|
+
"google-map": GoogleMapNode_default
|
|
5094
5120
|
};
|
|
5095
5121
|
const styles = props.node.cssProperties;
|
|
5096
5122
|
const mobileStyles = props.node.mobileCssProperties;
|
|
@@ -5162,7 +5188,7 @@ var DivContainer = async (props) => {
|
|
|
5162
5188
|
response = await serviceClient.get(endpoint);
|
|
5163
5189
|
result = response?.result;
|
|
5164
5190
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
5165
|
-
return /* @__PURE__ */ (0,
|
|
5191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(NoDataFound_default, {});
|
|
5166
5192
|
}
|
|
5167
5193
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
5168
5194
|
childCollectionData = getNestedValue6(
|
|
@@ -5182,7 +5208,7 @@ var DivContainer = async (props) => {
|
|
|
5182
5208
|
}
|
|
5183
5209
|
const SelectedNode = NodeTypes2[node.type];
|
|
5184
5210
|
if (!SelectedNode) return null;
|
|
5185
|
-
return /* @__PURE__ */ (0,
|
|
5211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5186
5212
|
SelectedNode,
|
|
5187
5213
|
{
|
|
5188
5214
|
node,
|
|
@@ -5315,14 +5341,14 @@ var DivContainer = async (props) => {
|
|
|
5315
5341
|
noLinkColor && "no-link-color",
|
|
5316
5342
|
!!props.node.enterAnimation && "enter-animation"
|
|
5317
5343
|
].filter(Boolean).join(" ");
|
|
5318
|
-
return /* @__PURE__ */ (0,
|
|
5319
|
-
/* @__PURE__ */ (0,
|
|
5344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react34.default.Fragment, { children: [
|
|
5345
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5320
5346
|
"style",
|
|
5321
5347
|
{
|
|
5322
5348
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
5323
5349
|
}
|
|
5324
5350
|
),
|
|
5325
|
-
/* @__PURE__ */ (0,
|
|
5351
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5326
5352
|
Wrapper,
|
|
5327
5353
|
{
|
|
5328
5354
|
id: guid,
|
|
@@ -5336,11 +5362,11 @@ var DivContainer = async (props) => {
|
|
|
5336
5362
|
item,
|
|
5337
5363
|
idx,
|
|
5338
5364
|
props.href ? void 0 : item?.links?.view
|
|
5339
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
5365
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react34.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
5340
5366
|
)
|
|
5341
5367
|
}
|
|
5342
5368
|
),
|
|
5343
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
5369
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5344
5370
|
Pagination2,
|
|
5345
5371
|
{
|
|
5346
5372
|
path: props.path,
|
|
@@ -5353,7 +5379,7 @@ var DivContainer = async (props) => {
|
|
|
5353
5379
|
var DivContainer_default = DivContainer;
|
|
5354
5380
|
|
|
5355
5381
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
5356
|
-
var
|
|
5382
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5357
5383
|
var NodeTypes = {
|
|
5358
5384
|
["paragraph"]: ParagraphNode_default,
|
|
5359
5385
|
["heading"]: HeadingNode_default,
|
|
@@ -5368,7 +5394,8 @@ var NodeTypes = {
|
|
|
5368
5394
|
["div-container"]: DivContainer_default,
|
|
5369
5395
|
["svg-icon"]: SVGIconNode_default,
|
|
5370
5396
|
["embed"]: EmbedNode_default,
|
|
5371
|
-
["document"]: DocumentNode_default
|
|
5397
|
+
["document"]: DocumentNode_default,
|
|
5398
|
+
["google-map"]: GoogleMapNode_default
|
|
5372
5399
|
};
|
|
5373
5400
|
var PageBodyRenderer = (props) => {
|
|
5374
5401
|
let pageBodyTree;
|
|
@@ -5390,14 +5417,14 @@ var PageBodyRenderer = (props) => {
|
|
|
5390
5417
|
}
|
|
5391
5418
|
return true;
|
|
5392
5419
|
};
|
|
5393
|
-
return /* @__PURE__ */ (0,
|
|
5420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
5394
5421
|
{
|
|
5395
5422
|
}
|
|
5396
5423
|
const SelectedNode = NodeTypes[node.type];
|
|
5397
5424
|
if (!shouldRenderNode(node)) {
|
|
5398
5425
|
return null;
|
|
5399
5426
|
}
|
|
5400
|
-
return /* @__PURE__ */ (0,
|
|
5427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
5401
5428
|
SelectedNode,
|
|
5402
5429
|
{
|
|
5403
5430
|
node,
|
|
@@ -5413,7 +5440,7 @@ var PageBodyRenderer = (props) => {
|
|
|
5413
5440
|
device: props.device,
|
|
5414
5441
|
widgetRenderer: props.widgetRenderer
|
|
5415
5442
|
}
|
|
5416
|
-
) }) : /* @__PURE__ */ (0,
|
|
5443
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
5417
5444
|
SelectedNode,
|
|
5418
5445
|
{
|
|
5419
5446
|
node,
|