@orion-studios/payload-studio 0.5.0-beta.75 → 0.5.0-beta.76
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/{chunk-HXGAG6I7.mjs → chunk-ADIIWIYL.mjs} +0 -3
- package/dist/{chunk-C6VEFZVY.mjs → chunk-C2NV4VHU.mjs} +31 -1
- package/dist/{chunk-6H4JTVPY.mjs → chunk-J25NGORF.mjs} +4 -4
- package/dist/index.js +28 -4
- package/dist/index.mjs +5 -5
- package/dist/nextjs/index.mjs +3 -3
- package/dist/studio/index.js +0 -3
- package/dist/studio/index.mjs +1 -1
- package/dist/studio-pages/client.js +780 -755
- package/dist/studio-pages/client.mjs +772 -747
- package/dist/studio-pages/index.js +83 -1
- package/dist/studio-pages/index.mjs +2 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "../chunk-ROTPP5CU.mjs";
|
|
7
7
|
|
|
8
8
|
// src/studio-pages/builder/BuilderPageEditor.tsx
|
|
9
|
-
import { useCallback, useEffect, useMemo as useMemo2, useRef, useState as
|
|
9
|
+
import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
|
|
10
10
|
|
|
11
11
|
// src/blocks/blocks/sectionStyleFields.ts
|
|
12
12
|
var sectionStyleDefaults = {
|
|
@@ -1177,6 +1177,21 @@ function BlockInspectorRenderer({
|
|
|
1177
1177
|
] });
|
|
1178
1178
|
}
|
|
1179
1179
|
|
|
1180
|
+
// src/studio/imageUploadOptimization.ts
|
|
1181
|
+
import { readFile, unlink } from "fs/promises";
|
|
1182
|
+
var DEFAULT_OPTIONS = {
|
|
1183
|
+
avifQuality: 50,
|
|
1184
|
+
enforceSmallerForLossy: true,
|
|
1185
|
+
jpegQuality: 78,
|
|
1186
|
+
minBytes: 48 * 1024,
|
|
1187
|
+
minQualityFloor: 42,
|
|
1188
|
+
onlyIfSmaller: true,
|
|
1189
|
+
pngCompressionLevel: 9,
|
|
1190
|
+
skipAnimated: true,
|
|
1191
|
+
tiffQuality: 75,
|
|
1192
|
+
webpQuality: 78
|
|
1193
|
+
};
|
|
1194
|
+
|
|
1180
1195
|
// src/studio-pages/index.ts
|
|
1181
1196
|
var withSectionStyleDefaults = (value) => ({
|
|
1182
1197
|
...sectionStyleDefaults,
|
|
@@ -1394,6 +1409,72 @@ var layoutToStudioDocument = (layout, title, metadata) => {
|
|
|
1394
1409
|
};
|
|
1395
1410
|
};
|
|
1396
1411
|
|
|
1412
|
+
// src/studio-pages/builder/icons/FeatureLucideIcon.tsx
|
|
1413
|
+
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
1414
|
+
var iconBaseProps = {
|
|
1415
|
+
fill: "none",
|
|
1416
|
+
stroke: "currentColor",
|
|
1417
|
+
strokeLinecap: "round",
|
|
1418
|
+
strokeLinejoin: "round",
|
|
1419
|
+
strokeWidth: 2
|
|
1420
|
+
};
|
|
1421
|
+
function FeatureLucideIcon({ iconName }) {
|
|
1422
|
+
const resolved = iconName;
|
|
1423
|
+
switch (resolved) {
|
|
1424
|
+
case "ShieldCheck":
|
|
1425
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1426
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 3 5 6v6c0 5 3.4 8.5 7 9.8 3.6-1.3 7-4.8 7-9.8V6z" }),
|
|
1427
|
+
/* @__PURE__ */ jsx4("path", { d: "m9.5 12.5 2 2 3.5-3.5" })
|
|
1428
|
+
] });
|
|
1429
|
+
case "Clock":
|
|
1430
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1431
|
+
/* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1432
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 7v5l3 2" })
|
|
1433
|
+
] });
|
|
1434
|
+
case "Leaf":
|
|
1435
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1436
|
+
/* @__PURE__ */ jsx4("path", { d: "M5 13c0-5.5 4.5-10 10-10h4v4c0 5.5-4.5 10-10 10H5z" }),
|
|
1437
|
+
/* @__PURE__ */ jsx4("path", { d: "M6 18c2.5 0 4.5-2 4.5-4.5V9" })
|
|
1438
|
+
] });
|
|
1439
|
+
case "DollarSign":
|
|
1440
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1441
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 3v18" }),
|
|
1442
|
+
/* @__PURE__ */ jsx4("path", { d: "M16 7.5a3.5 3.5 0 0 0-3.5-2.5h-1A3.5 3.5 0 0 0 8 8.5c0 1.9 1.5 3.5 3.5 3.5h1A3.5 3.5 0 0 1 16 15.5 3.5 3.5 0 0 1 12.5 19h-1A3.5 3.5 0 0 1 8 16.5" })
|
|
1443
|
+
] });
|
|
1444
|
+
case "HardHat":
|
|
1445
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1446
|
+
/* @__PURE__ */ jsx4("path", { d: "M4 14a8 8 0 0 1 16 0" }),
|
|
1447
|
+
/* @__PURE__ */ jsx4("path", { d: "M2 14h20v4H2z" }),
|
|
1448
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 6v8" })
|
|
1449
|
+
] });
|
|
1450
|
+
case "Sparkles":
|
|
1451
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1452
|
+
/* @__PURE__ */ jsx4("path", { d: "m12 3 1.2 3.3L16.5 7.5l-3.3 1.2L12 12l-1.2-3.3L7.5 7.5l3.3-1.2z" }),
|
|
1453
|
+
/* @__PURE__ */ jsx4("path", { d: "m18.5 13 0.8 2.2 2.2 0.8-2.2 0.8-0.8 2.2-0.8-2.2-2.2-0.8 2.2-0.8z" }),
|
|
1454
|
+
/* @__PURE__ */ jsx4("path", { d: "m6 14 0.9 2.4 2.4 0.9-2.4 0.9L6 21l-0.9-2.4L2.7 17.7l2.4-0.9z" })
|
|
1455
|
+
] });
|
|
1456
|
+
case "TreePine":
|
|
1457
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1458
|
+
/* @__PURE__ */ jsx4("path", { d: "m12 3 5 6h-3l4 5h-4l3 4H7l3-4H6l4-5H7z" }),
|
|
1459
|
+
/* @__PURE__ */ jsx4("path", { d: "M12 18v3" })
|
|
1460
|
+
] });
|
|
1461
|
+
case "BadgeCheck":
|
|
1462
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1463
|
+
/* @__PURE__ */ jsx4("path", { d: "m12 3 2.1 1.6 2.6-.2 1.3 2.3 2.4 1-0.6 2.6 1.2 2.2-1.8 1.9.1 2.6-2.4.9-1.2 2.3-2.6-.3L12 21l-2.1-1.6-2.6.2-1.3-2.3-2.4-1 .6-2.6L3 11.5 4.8 9.6l-.1-2.6 2.4-.9 1.2-2.3 2.6.3z" }),
|
|
1464
|
+
/* @__PURE__ */ jsx4("path", { d: "m8.7 12.4 2 2 4.6-4.6" })
|
|
1465
|
+
] });
|
|
1466
|
+
case "CalendarClock":
|
|
1467
|
+
return /* @__PURE__ */ jsxs4("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
1468
|
+
/* @__PURE__ */ jsx4("rect", { x: "3", y: "5", width: "14", height: "12", rx: "2" }),
|
|
1469
|
+
/* @__PURE__ */ jsx4("path", { d: "M7 3v4M13 3v4M3 9h14" }),
|
|
1470
|
+
/* @__PURE__ */ jsx4("circle", { cx: "18", cy: "17", r: "3" }),
|
|
1471
|
+
/* @__PURE__ */ jsx4("path", { d: "M18 15.8v1.4l1 0.7" })
|
|
1472
|
+
] });
|
|
1473
|
+
default:
|
|
1474
|
+
return /* @__PURE__ */ jsx4("span", { className: "orion-builder-lucide-icon-fallback", children: iconName || "Icon" });
|
|
1475
|
+
}
|
|
1476
|
+
}
|
|
1477
|
+
|
|
1397
1478
|
// src/studio-pages/builder/presets.ts
|
|
1398
1479
|
var sectionPresets = [
|
|
1399
1480
|
{
|
|
@@ -1590,7 +1671,7 @@ function clonePresetBlocks(blocks) {
|
|
|
1590
1671
|
}
|
|
1591
1672
|
|
|
1592
1673
|
// src/studio-pages/builder/settings-v2/ArrayItemsEditor.tsx
|
|
1593
|
-
import { Fragment as Fragment2, jsx as
|
|
1674
|
+
import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1594
1675
|
var lucideIconOptions = [
|
|
1595
1676
|
"ShieldCheck",
|
|
1596
1677
|
"Clock",
|
|
@@ -1726,24 +1807,24 @@ function ArrayItemsEditor({
|
|
|
1726
1807
|
if (normalizedQuery && !hasQueryMatch(normalizedQuery, label, uploadLabel, "image", "media", selectedMedia ? mediaLabel(selectedMedia) : "")) {
|
|
1727
1808
|
return null;
|
|
1728
1809
|
}
|
|
1729
|
-
return /* @__PURE__ */
|
|
1730
|
-
/* @__PURE__ */
|
|
1731
|
-
/* @__PURE__ */
|
|
1810
|
+
return /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1811
|
+
/* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-note", children: selectedMedia ? `${label}: ${mediaLabel(selectedMedia)}` : `No ${label.toLowerCase()} selected.` }),
|
|
1812
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1732
1813
|
label,
|
|
1733
|
-
/* @__PURE__ */
|
|
1814
|
+
/* @__PURE__ */ jsxs5(
|
|
1734
1815
|
"select",
|
|
1735
1816
|
{
|
|
1736
1817
|
className: "orion-builder-settings-input",
|
|
1737
1818
|
onChange: (event) => onSetItemMediaFromLibrary(itemIndex, field, event.target.value),
|
|
1738
1819
|
value: selectedMediaID !== null ? String(selectedMediaID) : "",
|
|
1739
1820
|
children: [
|
|
1740
|
-
/* @__PURE__ */
|
|
1741
|
-
mediaLibrary.map((libraryItem) => /* @__PURE__ */
|
|
1821
|
+
/* @__PURE__ */ jsx5("option", { value: "", children: "No image" }),
|
|
1822
|
+
mediaLibrary.map((libraryItem) => /* @__PURE__ */ jsx5("option", { value: String(libraryItem.id), children: mediaLabel(libraryItem) }, String(libraryItem.id)))
|
|
1742
1823
|
]
|
|
1743
1824
|
}
|
|
1744
1825
|
)
|
|
1745
1826
|
] }),
|
|
1746
|
-
/* @__PURE__ */
|
|
1827
|
+
/* @__PURE__ */ jsx5(
|
|
1747
1828
|
"button",
|
|
1748
1829
|
{
|
|
1749
1830
|
className: "orion-builder-settings-inline-btn",
|
|
@@ -1753,9 +1834,9 @@ function ArrayItemsEditor({
|
|
|
1753
1834
|
children: "Remove"
|
|
1754
1835
|
}
|
|
1755
1836
|
),
|
|
1756
|
-
/* @__PURE__ */
|
|
1837
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1757
1838
|
uploadLabel,
|
|
1758
|
-
/* @__PURE__ */
|
|
1839
|
+
/* @__PURE__ */ jsx5(
|
|
1759
1840
|
"input",
|
|
1760
1841
|
{
|
|
1761
1842
|
accept: "image/*",
|
|
@@ -1772,33 +1853,33 @@ function ArrayItemsEditor({
|
|
|
1772
1853
|
}
|
|
1773
1854
|
)
|
|
1774
1855
|
] }),
|
|
1775
|
-
isUploadingItemMedia(itemIndex, field) ? /* @__PURE__ */
|
|
1856
|
+
isUploadingItemMedia(itemIndex, field) ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-note", children: "Uploading image..." }) : null
|
|
1776
1857
|
] });
|
|
1777
1858
|
};
|
|
1778
|
-
return /* @__PURE__ */
|
|
1859
|
+
return /* @__PURE__ */ jsx5(
|
|
1779
1860
|
Accordion,
|
|
1780
1861
|
{
|
|
1781
1862
|
defaultOpen: true,
|
|
1782
1863
|
subtitle: `${items.length} item${items.length === 1 ? "" : "s"}`,
|
|
1783
1864
|
title: "Items",
|
|
1784
|
-
children: /* @__PURE__ */
|
|
1785
|
-
/* @__PURE__ */
|
|
1786
|
-
mediaLibraryLoading ? /* @__PURE__ */
|
|
1787
|
-
mediaLibraryError ? /* @__PURE__ */
|
|
1865
|
+
children: /* @__PURE__ */ jsxs5("div", { className: "orion-builder-settings-field-list", children: [
|
|
1866
|
+
/* @__PURE__ */ jsx5("button", { className: "orion-builder-settings-add-btn", onClick: onAddItem, type: "button", children: config.addLabel }),
|
|
1867
|
+
mediaLibraryLoading ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
|
|
1868
|
+
mediaLibraryError ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-error", children: mediaLibraryError }) : null,
|
|
1788
1869
|
items.map((item, itemIndex) => {
|
|
1789
1870
|
const label = config.itemLabel(item, itemIndex);
|
|
1790
1871
|
const isOpen = expandedItemIndex === itemIndex || Boolean(normalizedQuery);
|
|
1791
|
-
return /* @__PURE__ */
|
|
1792
|
-
/* @__PURE__ */
|
|
1793
|
-
/* @__PURE__ */
|
|
1794
|
-
/* @__PURE__ */
|
|
1872
|
+
return /* @__PURE__ */ jsxs5("article", { className: "orion-builder-settings-item-card", children: [
|
|
1873
|
+
/* @__PURE__ */ jsxs5("button", { className: "orion-builder-settings-item-toggle", onClick: () => onToggleItem(itemIndex), type: "button", children: [
|
|
1874
|
+
/* @__PURE__ */ jsx5("span", { className: "orion-builder-settings-item-title", children: label }),
|
|
1875
|
+
/* @__PURE__ */ jsx5("span", { className: "orion-builder-settings-item-toggle-state", children: isOpen ? "Hide" : "Show" })
|
|
1795
1876
|
] }),
|
|
1796
|
-
isOpen ? /* @__PURE__ */
|
|
1797
|
-
blockType === "featureGrid" ? /* @__PURE__ */
|
|
1798
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1799
|
-
hasQueryMatch(normalizedQuery, "title", "name") ? /* @__PURE__ */
|
|
1877
|
+
isOpen ? /* @__PURE__ */ jsxs5("div", { className: "orion-builder-settings-item-body", children: [
|
|
1878
|
+
blockType === "featureGrid" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1879
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1880
|
+
hasQueryMatch(normalizedQuery, "title", "name") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1800
1881
|
"Title",
|
|
1801
|
-
/* @__PURE__ */
|
|
1882
|
+
/* @__PURE__ */ jsx5(
|
|
1802
1883
|
"input",
|
|
1803
1884
|
{
|
|
1804
1885
|
className: "orion-builder-settings-input",
|
|
@@ -1808,9 +1889,9 @@ function ArrayItemsEditor({
|
|
|
1808
1889
|
}
|
|
1809
1890
|
)
|
|
1810
1891
|
] }) : null,
|
|
1811
|
-
hasQueryMatch(normalizedQuery, "description", "copy", "text") ? /* @__PURE__ */
|
|
1892
|
+
hasQueryMatch(normalizedQuery, "description", "copy", "text") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1812
1893
|
"Description",
|
|
1813
|
-
/* @__PURE__ */
|
|
1894
|
+
/* @__PURE__ */ jsx5(
|
|
1814
1895
|
"textarea",
|
|
1815
1896
|
{
|
|
1816
1897
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1820,38 +1901,38 @@ function ArrayItemsEditor({
|
|
|
1820
1901
|
)
|
|
1821
1902
|
] }) : null
|
|
1822
1903
|
] }) : null,
|
|
1823
|
-
hasQueryMatch(normalizedQuery, "icon", "badge") ? /* @__PURE__ */
|
|
1904
|
+
hasQueryMatch(normalizedQuery, "icon", "badge") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1824
1905
|
"Icon Type",
|
|
1825
|
-
/* @__PURE__ */
|
|
1906
|
+
/* @__PURE__ */ jsxs5(
|
|
1826
1907
|
"select",
|
|
1827
1908
|
{
|
|
1828
1909
|
className: "orion-builder-settings-input",
|
|
1829
1910
|
onChange: (event) => onUpdateItemField(itemIndex, "iconType", event.target.value),
|
|
1830
1911
|
value: normalizeText(item.iconType, "badge"),
|
|
1831
1912
|
children: [
|
|
1832
|
-
/* @__PURE__ */
|
|
1833
|
-
/* @__PURE__ */
|
|
1913
|
+
/* @__PURE__ */ jsx5("option", { value: "badge", children: "Badge Text" }),
|
|
1914
|
+
/* @__PURE__ */ jsx5("option", { value: "lucide", children: "Lucide Icon" })
|
|
1834
1915
|
]
|
|
1835
1916
|
}
|
|
1836
1917
|
)
|
|
1837
1918
|
] }) : null,
|
|
1838
|
-
normalizeText(item.iconType, "badge") === "lucide" ? /* @__PURE__ */
|
|
1919
|
+
normalizeText(item.iconType, "badge") === "lucide" ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1839
1920
|
"Icon",
|
|
1840
|
-
/* @__PURE__ */
|
|
1921
|
+
/* @__PURE__ */ jsxs5(
|
|
1841
1922
|
"select",
|
|
1842
1923
|
{
|
|
1843
1924
|
className: "orion-builder-settings-input",
|
|
1844
1925
|
onChange: (event) => onUpdateItemField(itemIndex, "iconLucide", event.target.value),
|
|
1845
1926
|
value: normalizeText(item.iconLucide),
|
|
1846
1927
|
children: [
|
|
1847
|
-
/* @__PURE__ */
|
|
1848
|
-
lucideIconOptions.map((icon) => /* @__PURE__ */
|
|
1928
|
+
/* @__PURE__ */ jsx5("option", { value: "", children: "Select an icon" }),
|
|
1929
|
+
lucideIconOptions.map((icon) => /* @__PURE__ */ jsx5("option", { value: icon, children: icon }, icon))
|
|
1849
1930
|
]
|
|
1850
1931
|
}
|
|
1851
1932
|
)
|
|
1852
|
-
] }) : /* @__PURE__ */
|
|
1933
|
+
] }) : /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1853
1934
|
"Badge Text",
|
|
1854
|
-
/* @__PURE__ */
|
|
1935
|
+
/* @__PURE__ */ jsx5(
|
|
1855
1936
|
"input",
|
|
1856
1937
|
{
|
|
1857
1938
|
className: "orion-builder-settings-input",
|
|
@@ -1863,10 +1944,10 @@ function ArrayItemsEditor({
|
|
|
1863
1944
|
] }),
|
|
1864
1945
|
renderMediaPicker(item, itemIndex, "media", "Feature Image", "Upload Feature Image")
|
|
1865
1946
|
] }) : null,
|
|
1866
|
-
blockType === "logoWall" ? /* @__PURE__ */
|
|
1867
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1947
|
+
blockType === "logoWall" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1948
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1868
1949
|
"Name",
|
|
1869
|
-
/* @__PURE__ */
|
|
1950
|
+
/* @__PURE__ */ jsx5(
|
|
1870
1951
|
"input",
|
|
1871
1952
|
{
|
|
1872
1953
|
className: "orion-builder-settings-input",
|
|
@@ -1876,9 +1957,9 @@ function ArrayItemsEditor({
|
|
|
1876
1957
|
}
|
|
1877
1958
|
)
|
|
1878
1959
|
] }) : null,
|
|
1879
|
-
hasQueryMatch(normalizedQuery, "link", "url", "href") ? /* @__PURE__ */
|
|
1960
|
+
hasQueryMatch(normalizedQuery, "link", "url", "href") ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1880
1961
|
"Link URL",
|
|
1881
|
-
/* @__PURE__ */
|
|
1962
|
+
/* @__PURE__ */ jsx5(
|
|
1882
1963
|
"input",
|
|
1883
1964
|
{
|
|
1884
1965
|
className: "orion-builder-settings-input",
|
|
@@ -1890,11 +1971,11 @@ function ArrayItemsEditor({
|
|
|
1890
1971
|
] }) : null,
|
|
1891
1972
|
renderMediaPicker(item, itemIndex, "media", "Logo Image", "Upload Logo Image")
|
|
1892
1973
|
] }) : null,
|
|
1893
|
-
blockType === "beforeAfter" ? /* @__PURE__ */
|
|
1894
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1895
|
-
/* @__PURE__ */
|
|
1974
|
+
blockType === "beforeAfter" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1975
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
1976
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1896
1977
|
"Label",
|
|
1897
|
-
/* @__PURE__ */
|
|
1978
|
+
/* @__PURE__ */ jsx5(
|
|
1898
1979
|
"input",
|
|
1899
1980
|
{
|
|
1900
1981
|
className: "orion-builder-settings-input",
|
|
@@ -1904,9 +1985,9 @@ function ArrayItemsEditor({
|
|
|
1904
1985
|
}
|
|
1905
1986
|
)
|
|
1906
1987
|
] }),
|
|
1907
|
-
/* @__PURE__ */
|
|
1988
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1908
1989
|
"Description",
|
|
1909
|
-
/* @__PURE__ */
|
|
1990
|
+
/* @__PURE__ */ jsx5(
|
|
1910
1991
|
"textarea",
|
|
1911
1992
|
{
|
|
1912
1993
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1919,10 +2000,10 @@ function ArrayItemsEditor({
|
|
|
1919
2000
|
renderMediaPicker(item, itemIndex, "beforeMedia", "Before Image", "Upload Before Image"),
|
|
1920
2001
|
renderMediaPicker(item, itemIndex, "afterMedia", "After Image", "Upload After Image")
|
|
1921
2002
|
] }) : null,
|
|
1922
|
-
blockType === "stats" ? /* @__PURE__ */
|
|
1923
|
-
/* @__PURE__ */
|
|
2003
|
+
blockType === "stats" ? /* @__PURE__ */ jsx5(Fragment2, { children: showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2004
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1924
2005
|
"Value",
|
|
1925
|
-
/* @__PURE__ */
|
|
2006
|
+
/* @__PURE__ */ jsx5(
|
|
1926
2007
|
"input",
|
|
1927
2008
|
{
|
|
1928
2009
|
className: "orion-builder-settings-input",
|
|
@@ -1932,9 +2013,9 @@ function ArrayItemsEditor({
|
|
|
1932
2013
|
}
|
|
1933
2014
|
)
|
|
1934
2015
|
] }),
|
|
1935
|
-
/* @__PURE__ */
|
|
2016
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1936
2017
|
"Label",
|
|
1937
|
-
/* @__PURE__ */
|
|
2018
|
+
/* @__PURE__ */ jsx5(
|
|
1938
2019
|
"input",
|
|
1939
2020
|
{
|
|
1940
2021
|
className: "orion-builder-settings-input",
|
|
@@ -1944,9 +2025,9 @@ function ArrayItemsEditor({
|
|
|
1944
2025
|
}
|
|
1945
2026
|
)
|
|
1946
2027
|
] }),
|
|
1947
|
-
/* @__PURE__ */
|
|
2028
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1948
2029
|
"Description",
|
|
1949
|
-
/* @__PURE__ */
|
|
2030
|
+
/* @__PURE__ */ jsx5(
|
|
1950
2031
|
"textarea",
|
|
1951
2032
|
{
|
|
1952
2033
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1956,10 +2037,10 @@ function ArrayItemsEditor({
|
|
|
1956
2037
|
)
|
|
1957
2038
|
] })
|
|
1958
2039
|
] }) : null }) : null,
|
|
1959
|
-
blockType === "faq" ? /* @__PURE__ */
|
|
1960
|
-
/* @__PURE__ */
|
|
2040
|
+
blockType === "faq" ? /* @__PURE__ */ jsx5(Fragment2, { children: showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2041
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1961
2042
|
"Question",
|
|
1962
|
-
/* @__PURE__ */
|
|
2043
|
+
/* @__PURE__ */ jsx5(
|
|
1963
2044
|
"input",
|
|
1964
2045
|
{
|
|
1965
2046
|
className: "orion-builder-settings-input",
|
|
@@ -1969,9 +2050,9 @@ function ArrayItemsEditor({
|
|
|
1969
2050
|
}
|
|
1970
2051
|
)
|
|
1971
2052
|
] }),
|
|
1972
|
-
/* @__PURE__ */
|
|
2053
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1973
2054
|
"Answer",
|
|
1974
|
-
/* @__PURE__ */
|
|
2055
|
+
/* @__PURE__ */ jsx5(
|
|
1975
2056
|
"textarea",
|
|
1976
2057
|
{
|
|
1977
2058
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1981,11 +2062,11 @@ function ArrayItemsEditor({
|
|
|
1981
2062
|
)
|
|
1982
2063
|
] })
|
|
1983
2064
|
] }) : null }) : null,
|
|
1984
|
-
blockType === "testimonials" ? /* @__PURE__ */
|
|
1985
|
-
showInlineCopyFields ? /* @__PURE__ */
|
|
1986
|
-
/* @__PURE__ */
|
|
2065
|
+
blockType === "testimonials" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2066
|
+
showInlineCopyFields ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2067
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1987
2068
|
"Quote",
|
|
1988
|
-
/* @__PURE__ */
|
|
2069
|
+
/* @__PURE__ */ jsx5(
|
|
1989
2070
|
"textarea",
|
|
1990
2071
|
{
|
|
1991
2072
|
className: "orion-builder-settings-input is-textarea",
|
|
@@ -1994,9 +2075,9 @@ function ArrayItemsEditor({
|
|
|
1994
2075
|
}
|
|
1995
2076
|
)
|
|
1996
2077
|
] }),
|
|
1997
|
-
/* @__PURE__ */
|
|
2078
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
1998
2079
|
"Name",
|
|
1999
|
-
/* @__PURE__ */
|
|
2080
|
+
/* @__PURE__ */ jsx5(
|
|
2000
2081
|
"input",
|
|
2001
2082
|
{
|
|
2002
2083
|
className: "orion-builder-settings-input",
|
|
@@ -2006,9 +2087,9 @@ function ArrayItemsEditor({
|
|
|
2006
2087
|
}
|
|
2007
2088
|
)
|
|
2008
2089
|
] }),
|
|
2009
|
-
/* @__PURE__ */
|
|
2090
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
2010
2091
|
"Location",
|
|
2011
|
-
/* @__PURE__ */
|
|
2092
|
+
/* @__PURE__ */ jsx5(
|
|
2012
2093
|
"input",
|
|
2013
2094
|
{
|
|
2014
2095
|
className: "orion-builder-settings-input",
|
|
@@ -2019,9 +2100,9 @@ function ArrayItemsEditor({
|
|
|
2019
2100
|
)
|
|
2020
2101
|
] })
|
|
2021
2102
|
] }) : null,
|
|
2022
|
-
/* @__PURE__ */
|
|
2103
|
+
/* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
2023
2104
|
"Rating",
|
|
2024
|
-
/* @__PURE__ */
|
|
2105
|
+
/* @__PURE__ */ jsx5(
|
|
2025
2106
|
"input",
|
|
2026
2107
|
{
|
|
2027
2108
|
className: "orion-builder-settings-input",
|
|
@@ -2034,7 +2115,7 @@ function ArrayItemsEditor({
|
|
|
2034
2115
|
)
|
|
2035
2116
|
] })
|
|
2036
2117
|
] }) : null,
|
|
2037
|
-
blockType === "featureGrid" || blockType === "logoWall" || blockType === "beforeAfter" ? /* @__PURE__ */
|
|
2118
|
+
blockType === "featureGrid" || blockType === "logoWall" || blockType === "beforeAfter" ? /* @__PURE__ */ jsx5(
|
|
2038
2119
|
ImageControls,
|
|
2039
2120
|
{
|
|
2040
2121
|
cornerStyle: normalizeImageCornerStyle(item.imageCornerStyle),
|
|
@@ -2070,35 +2151,133 @@ function ArrayItemsEditor({
|
|
|
2070
2151
|
positionY: clamp(normalizeNumber2(item.imagePositionY, 50), 0, 100)
|
|
2071
2152
|
}
|
|
2072
2153
|
) : null,
|
|
2073
|
-
mode === "advanced" ? /* @__PURE__ */
|
|
2154
|
+
mode === "advanced" ? /* @__PURE__ */ jsxs5("label", { className: "orion-builder-settings-label", children: [
|
|
2074
2155
|
"Item Text Alignment",
|
|
2075
|
-
/* @__PURE__ */
|
|
2156
|
+
/* @__PURE__ */ jsxs5(
|
|
2076
2157
|
"select",
|
|
2077
2158
|
{
|
|
2078
2159
|
className: "orion-builder-settings-input",
|
|
2079
2160
|
onChange: (event) => onUpdateItemSetting(itemIndex, "typography.bodyAlign", event.target.value),
|
|
2080
2161
|
value: getItemTypographyAlign(item),
|
|
2081
2162
|
children: [
|
|
2082
|
-
/* @__PURE__ */
|
|
2083
|
-
/* @__PURE__ */
|
|
2084
|
-
/* @__PURE__ */
|
|
2085
|
-
/* @__PURE__ */
|
|
2163
|
+
/* @__PURE__ */ jsx5("option", { value: "left", children: "Left" }),
|
|
2164
|
+
/* @__PURE__ */ jsx5("option", { value: "center", children: "Center" }),
|
|
2165
|
+
/* @__PURE__ */ jsx5("option", { value: "right", children: "Right" }),
|
|
2166
|
+
/* @__PURE__ */ jsx5("option", { value: "justify", children: "Justify" })
|
|
2086
2167
|
]
|
|
2087
2168
|
}
|
|
2088
2169
|
)
|
|
2089
2170
|
] }) : null,
|
|
2090
|
-
/* @__PURE__ */
|
|
2171
|
+
/* @__PURE__ */ jsx5("button", { className: "orion-builder-settings-inline-btn is-danger", onClick: () => onRemoveItem(itemIndex), type: "button", children: "Remove Item" })
|
|
2091
2172
|
] }) : null
|
|
2092
2173
|
] }, `${blockType}-item-${itemIndex}`);
|
|
2093
2174
|
}),
|
|
2094
|
-
items.length === 0 ? /* @__PURE__ */
|
|
2175
|
+
items.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "orion-builder-settings-empty", children: "No items yet. Add one to start configuring this block." }) : null
|
|
2095
2176
|
] })
|
|
2096
2177
|
}
|
|
2097
2178
|
);
|
|
2098
2179
|
}
|
|
2099
2180
|
|
|
2181
|
+
// src/studio-pages/builder/ui/InlineText.tsx
|
|
2182
|
+
import { useEffect, useRef, useState as useState2 } from "react";
|
|
2183
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
2184
|
+
function InlineText({
|
|
2185
|
+
as = "p",
|
|
2186
|
+
className,
|
|
2187
|
+
multiline = false,
|
|
2188
|
+
onCommit,
|
|
2189
|
+
placeholder = "Click to edit",
|
|
2190
|
+
style,
|
|
2191
|
+
value
|
|
2192
|
+
}) {
|
|
2193
|
+
const [editing, setEditing] = useState2(false);
|
|
2194
|
+
const editableRef = useRef(null);
|
|
2195
|
+
const Tag = as;
|
|
2196
|
+
const normalizeValue = (raw) => {
|
|
2197
|
+
if (multiline) {
|
|
2198
|
+
return raw.replace(/\r\n/g, "\n").trim();
|
|
2199
|
+
}
|
|
2200
|
+
return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
|
|
2201
|
+
};
|
|
2202
|
+
useEffect(() => {
|
|
2203
|
+
if (!editing || !editableRef.current) {
|
|
2204
|
+
return;
|
|
2205
|
+
}
|
|
2206
|
+
const element = editableRef.current;
|
|
2207
|
+
const initialValue = value || "";
|
|
2208
|
+
if (multiline) {
|
|
2209
|
+
element.innerText = initialValue;
|
|
2210
|
+
} else {
|
|
2211
|
+
element.textContent = initialValue;
|
|
2212
|
+
}
|
|
2213
|
+
element.focus();
|
|
2214
|
+
const selection = window.getSelection();
|
|
2215
|
+
if (!selection) {
|
|
2216
|
+
return;
|
|
2217
|
+
}
|
|
2218
|
+
const range = document.createRange();
|
|
2219
|
+
range.selectNodeContents(element);
|
|
2220
|
+
range.collapse(false);
|
|
2221
|
+
selection.removeAllRanges();
|
|
2222
|
+
selection.addRange(range);
|
|
2223
|
+
}, [editing, multiline, value]);
|
|
2224
|
+
if (editing) {
|
|
2225
|
+
return /* @__PURE__ */ jsx6(
|
|
2226
|
+
Tag,
|
|
2227
|
+
{
|
|
2228
|
+
className,
|
|
2229
|
+
contentEditable: true,
|
|
2230
|
+
ref: (node) => {
|
|
2231
|
+
editableRef.current = node;
|
|
2232
|
+
},
|
|
2233
|
+
onBlur: (event) => {
|
|
2234
|
+
setEditing(false);
|
|
2235
|
+
const raw = multiline ? event.currentTarget.innerText || "" : event.currentTarget.textContent || "";
|
|
2236
|
+
const nextValue = normalizeValue(raw);
|
|
2237
|
+
onCommit(nextValue);
|
|
2238
|
+
},
|
|
2239
|
+
onKeyDown: (event) => {
|
|
2240
|
+
if (!multiline && event.key === "Enter") {
|
|
2241
|
+
event.preventDefault();
|
|
2242
|
+
event.currentTarget.blur();
|
|
2243
|
+
}
|
|
2244
|
+
},
|
|
2245
|
+
style: {
|
|
2246
|
+
background: "transparent",
|
|
2247
|
+
borderRadius: 6,
|
|
2248
|
+
boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
|
|
2249
|
+
cursor: "text",
|
|
2250
|
+
minHeight: multiline ? "1.6em" : void 0,
|
|
2251
|
+
outline: "3px solid rgba(21, 125, 82, 0.95)",
|
|
2252
|
+
outlineOffset: 2,
|
|
2253
|
+
...style
|
|
2254
|
+
},
|
|
2255
|
+
suppressContentEditableWarning: true
|
|
2256
|
+
}
|
|
2257
|
+
);
|
|
2258
|
+
}
|
|
2259
|
+
return /* @__PURE__ */ jsx6(
|
|
2260
|
+
Tag,
|
|
2261
|
+
{
|
|
2262
|
+
className,
|
|
2263
|
+
onClick: () => setEditing(true),
|
|
2264
|
+
style: { cursor: "text", ...style },
|
|
2265
|
+
children: value && value.length > 0 ? value : placeholder
|
|
2266
|
+
}
|
|
2267
|
+
);
|
|
2268
|
+
}
|
|
2269
|
+
|
|
2270
|
+
// src/studio-pages/builder/ui/UploadOverlay.tsx
|
|
2271
|
+
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
2272
|
+
function UploadOverlay({ label = "Uploading image..." }) {
|
|
2273
|
+
return /* @__PURE__ */ jsxs6("div", { className: "orion-builder-upload-overlay", role: "status", "aria-live": "polite", children: [
|
|
2274
|
+
/* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "orion-builder-upload-spinner" }),
|
|
2275
|
+
/* @__PURE__ */ jsx7("span", { children: label })
|
|
2276
|
+
] });
|
|
2277
|
+
}
|
|
2278
|
+
|
|
2100
2279
|
// src/studio-pages/builder/BuilderPageEditor.tsx
|
|
2101
|
-
import { Fragment as Fragment3, jsx as
|
|
2280
|
+
import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
2102
2281
|
var isRecord5 = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
|
|
2103
2282
|
var resolveMedia = (value) => {
|
|
2104
2283
|
if (!value) return null;
|
|
@@ -2194,69 +2373,6 @@ function moveItem(arr, fromIndex, toIndex) {
|
|
|
2194
2373
|
function normalizeText2(value, fallback = "") {
|
|
2195
2374
|
return typeof value === "string" ? value : fallback;
|
|
2196
2375
|
}
|
|
2197
|
-
var iconBaseProps = {
|
|
2198
|
-
fill: "none",
|
|
2199
|
-
stroke: "currentColor",
|
|
2200
|
-
strokeLinecap: "round",
|
|
2201
|
-
strokeLinejoin: "round",
|
|
2202
|
-
strokeWidth: 2
|
|
2203
|
-
};
|
|
2204
|
-
function FeatureLucideIcon({ iconName }) {
|
|
2205
|
-
const resolved = iconName;
|
|
2206
|
-
switch (resolved) {
|
|
2207
|
-
case "ShieldCheck":
|
|
2208
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2209
|
-
/* @__PURE__ */ jsx5("path", { d: "M12 3 5 6v6c0 5 3.4 8.5 7 9.8 3.6-1.3 7-4.8 7-9.8V6z" }),
|
|
2210
|
-
/* @__PURE__ */ jsx5("path", { d: "m9.5 12.5 2 2 3.5-3.5" })
|
|
2211
|
-
] });
|
|
2212
|
-
case "Clock":
|
|
2213
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2214
|
-
/* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "9" }),
|
|
2215
|
-
/* @__PURE__ */ jsx5("path", { d: "M12 7v5l3 2" })
|
|
2216
|
-
] });
|
|
2217
|
-
case "Leaf":
|
|
2218
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2219
|
-
/* @__PURE__ */ jsx5("path", { d: "M5 13c0-5.5 4.5-10 10-10h4v4c0 5.5-4.5 10-10 10H5z" }),
|
|
2220
|
-
/* @__PURE__ */ jsx5("path", { d: "M6 18c2.5 0 4.5-2 4.5-4.5V9" })
|
|
2221
|
-
] });
|
|
2222
|
-
case "DollarSign":
|
|
2223
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2224
|
-
/* @__PURE__ */ jsx5("path", { d: "M12 3v18" }),
|
|
2225
|
-
/* @__PURE__ */ jsx5("path", { d: "M16 7.5a3.5 3.5 0 0 0-3.5-2.5h-1A3.5 3.5 0 0 0 8 8.5c0 1.9 1.5 3.5 3.5 3.5h1A3.5 3.5 0 0 1 16 15.5 3.5 3.5 0 0 1 12.5 19h-1A3.5 3.5 0 0 1 8 16.5" })
|
|
2226
|
-
] });
|
|
2227
|
-
case "HardHat":
|
|
2228
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2229
|
-
/* @__PURE__ */ jsx5("path", { d: "M4 14a8 8 0 0 1 16 0" }),
|
|
2230
|
-
/* @__PURE__ */ jsx5("path", { d: "M2 14h20v4H2z" }),
|
|
2231
|
-
/* @__PURE__ */ jsx5("path", { d: "M12 6v8" })
|
|
2232
|
-
] });
|
|
2233
|
-
case "Sparkles":
|
|
2234
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2235
|
-
/* @__PURE__ */ jsx5("path", { d: "m12 3 1.2 3.3L16.5 7.5l-3.3 1.2L12 12l-1.2-3.3L7.5 7.5l3.3-1.2z" }),
|
|
2236
|
-
/* @__PURE__ */ jsx5("path", { d: "m18.5 13 0.8 2.2 2.2 0.8-2.2 0.8-0.8 2.2-0.8-2.2-2.2-0.8 2.2-0.8z" }),
|
|
2237
|
-
/* @__PURE__ */ jsx5("path", { d: "m6 14 0.9 2.4 2.4 0.9-2.4 0.9L6 21l-0.9-2.4L2.7 17.7l2.4-0.9z" })
|
|
2238
|
-
] });
|
|
2239
|
-
case "TreePine":
|
|
2240
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2241
|
-
/* @__PURE__ */ jsx5("path", { d: "m12 3 5 6h-3l4 5h-4l3 4H7l3-4H6l4-5H7z" }),
|
|
2242
|
-
/* @__PURE__ */ jsx5("path", { d: "M12 18v3" })
|
|
2243
|
-
] });
|
|
2244
|
-
case "BadgeCheck":
|
|
2245
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2246
|
-
/* @__PURE__ */ jsx5("path", { d: "m12 3 2.1 1.6 2.6-.2 1.3 2.3 2.4 1-0.6 2.6 1.2 2.2-1.8 1.9.1 2.6-2.4.9-1.2 2.3-2.6-.3L12 21l-2.1-1.6-2.6.2-1.3-2.3-2.4-1 .6-2.6L3 11.5 4.8 9.6l-.1-2.6 2.4-.9 1.2-2.3 2.6.3z" }),
|
|
2247
|
-
/* @__PURE__ */ jsx5("path", { d: "m8.7 12.4 2 2 4.6-4.6" })
|
|
2248
|
-
] });
|
|
2249
|
-
case "CalendarClock":
|
|
2250
|
-
return /* @__PURE__ */ jsxs5("svg", { "aria-hidden": true, className: "orion-builder-lucide-icon", viewBox: "0 0 24 24", ...iconBaseProps, children: [
|
|
2251
|
-
/* @__PURE__ */ jsx5("rect", { x: "3", y: "5", width: "14", height: "12", rx: "2" }),
|
|
2252
|
-
/* @__PURE__ */ jsx5("path", { d: "M7 3v4M13 3v4M3 9h14" }),
|
|
2253
|
-
/* @__PURE__ */ jsx5("circle", { cx: "18", cy: "17", r: "3" }),
|
|
2254
|
-
/* @__PURE__ */ jsx5("path", { d: "M18 15.8v1.4l1 0.7" })
|
|
2255
|
-
] });
|
|
2256
|
-
default:
|
|
2257
|
-
return /* @__PURE__ */ jsx5("span", { className: "orion-builder-lucide-icon-fallback", children: iconName || "Icon" });
|
|
2258
|
-
}
|
|
2259
|
-
}
|
|
2260
2376
|
function extractLexicalText(value) {
|
|
2261
2377
|
if (!value || typeof value !== "object" || !("root" in value)) {
|
|
2262
2378
|
return "";
|
|
@@ -2769,91 +2885,6 @@ var notifyMediaLibraryUpdated = () => {
|
|
|
2769
2885
|
} catch {
|
|
2770
2886
|
}
|
|
2771
2887
|
};
|
|
2772
|
-
function InlineText({
|
|
2773
|
-
as = "p",
|
|
2774
|
-
className,
|
|
2775
|
-
multiline = false,
|
|
2776
|
-
onCommit,
|
|
2777
|
-
placeholder = "Click to edit",
|
|
2778
|
-
style,
|
|
2779
|
-
value
|
|
2780
|
-
}) {
|
|
2781
|
-
const [editing, setEditing] = useState2(false);
|
|
2782
|
-
const editableRef = useRef(null);
|
|
2783
|
-
const Tag = as;
|
|
2784
|
-
const normalizeValue = (raw) => {
|
|
2785
|
-
if (multiline) {
|
|
2786
|
-
return raw.replace(/\r\n/g, "\n").trim();
|
|
2787
|
-
}
|
|
2788
|
-
return raw.replace(/\r?\n/g, " ").replace(/\s+/g, " ").trim();
|
|
2789
|
-
};
|
|
2790
|
-
useEffect(() => {
|
|
2791
|
-
if (!editing || !editableRef.current) {
|
|
2792
|
-
return;
|
|
2793
|
-
}
|
|
2794
|
-
const element = editableRef.current;
|
|
2795
|
-
const initialValue = value || "";
|
|
2796
|
-
if (multiline) {
|
|
2797
|
-
element.innerText = initialValue;
|
|
2798
|
-
} else {
|
|
2799
|
-
element.textContent = initialValue;
|
|
2800
|
-
}
|
|
2801
|
-
element.focus();
|
|
2802
|
-
const selection = window.getSelection();
|
|
2803
|
-
if (!selection) {
|
|
2804
|
-
return;
|
|
2805
|
-
}
|
|
2806
|
-
const range = document.createRange();
|
|
2807
|
-
range.selectNodeContents(element);
|
|
2808
|
-
range.collapse(false);
|
|
2809
|
-
selection.removeAllRanges();
|
|
2810
|
-
selection.addRange(range);
|
|
2811
|
-
}, [editing, multiline, value]);
|
|
2812
|
-
if (editing) {
|
|
2813
|
-
return /* @__PURE__ */ jsx5(
|
|
2814
|
-
Tag,
|
|
2815
|
-
{
|
|
2816
|
-
className,
|
|
2817
|
-
contentEditable: true,
|
|
2818
|
-
ref: (node) => {
|
|
2819
|
-
editableRef.current = node;
|
|
2820
|
-
},
|
|
2821
|
-
onBlur: (event) => {
|
|
2822
|
-
setEditing(false);
|
|
2823
|
-
const raw = multiline ? event.currentTarget.innerText || "" : event.currentTarget.textContent || "";
|
|
2824
|
-
const nextValue = normalizeValue(raw);
|
|
2825
|
-
onCommit(nextValue);
|
|
2826
|
-
},
|
|
2827
|
-
onKeyDown: (event) => {
|
|
2828
|
-
if (!multiline && event.key === "Enter") {
|
|
2829
|
-
event.preventDefault();
|
|
2830
|
-
event.currentTarget.blur();
|
|
2831
|
-
}
|
|
2832
|
-
},
|
|
2833
|
-
style: {
|
|
2834
|
-
background: "transparent",
|
|
2835
|
-
borderRadius: 6,
|
|
2836
|
-
boxShadow: "0 0 0 4px rgba(92, 255, 174, 0.38)",
|
|
2837
|
-
cursor: "text",
|
|
2838
|
-
minHeight: multiline ? "1.6em" : void 0,
|
|
2839
|
-
outline: "3px solid rgba(21, 125, 82, 0.95)",
|
|
2840
|
-
outlineOffset: 2,
|
|
2841
|
-
...style
|
|
2842
|
-
},
|
|
2843
|
-
suppressContentEditableWarning: true
|
|
2844
|
-
}
|
|
2845
|
-
);
|
|
2846
|
-
}
|
|
2847
|
-
return /* @__PURE__ */ jsx5(
|
|
2848
|
-
Tag,
|
|
2849
|
-
{
|
|
2850
|
-
className,
|
|
2851
|
-
onClick: () => setEditing(true),
|
|
2852
|
-
style: { cursor: "text", ...style },
|
|
2853
|
-
children: value && value.length > 0 ? value : placeholder
|
|
2854
|
-
}
|
|
2855
|
-
);
|
|
2856
|
-
}
|
|
2857
2888
|
function BlockFrame({
|
|
2858
2889
|
children,
|
|
2859
2890
|
dragIndex,
|
|
@@ -2864,20 +2895,20 @@ function BlockFrame({
|
|
|
2864
2895
|
selected,
|
|
2865
2896
|
setDragIndex
|
|
2866
2897
|
}) {
|
|
2867
|
-
const [dropPosition, setDropPosition] =
|
|
2868
|
-
const [dropHovered, setDropHovered] =
|
|
2898
|
+
const [dropPosition, setDropPosition] = useState3(null);
|
|
2899
|
+
const [dropHovered, setDropHovered] = useState3(false);
|
|
2869
2900
|
const isDragging = dragIndex === index;
|
|
2870
2901
|
const isAnyDragging = dragIndex !== null;
|
|
2871
2902
|
const isDropTarget = dragIndex !== null && dragIndex !== index && dropPosition !== null;
|
|
2872
2903
|
const showDropBefore = isDropTarget && dropPosition === "before";
|
|
2873
2904
|
const showDropAfter = isDropTarget && dropPosition === "after";
|
|
2874
|
-
|
|
2905
|
+
useEffect2(() => {
|
|
2875
2906
|
if (dragIndex === null) {
|
|
2876
2907
|
setDropPosition(null);
|
|
2877
2908
|
setDropHovered(false);
|
|
2878
2909
|
}
|
|
2879
2910
|
}, [dragIndex]);
|
|
2880
|
-
return /* @__PURE__ */
|
|
2911
|
+
return /* @__PURE__ */ jsxs7(
|
|
2881
2912
|
"div",
|
|
2882
2913
|
{
|
|
2883
2914
|
draggable: true,
|
|
@@ -2944,7 +2975,7 @@ function BlockFrame({
|
|
|
2944
2975
|
willChange: isAnyDragging ? "transform, box-shadow, opacity" : "auto"
|
|
2945
2976
|
},
|
|
2946
2977
|
children: [
|
|
2947
|
-
showDropBefore ? /* @__PURE__ */
|
|
2978
|
+
showDropBefore ? /* @__PURE__ */ jsx8(
|
|
2948
2979
|
"div",
|
|
2949
2980
|
{
|
|
2950
2981
|
style: {
|
|
@@ -2960,7 +2991,7 @@ function BlockFrame({
|
|
|
2960
2991
|
}
|
|
2961
2992
|
}
|
|
2962
2993
|
) : null,
|
|
2963
|
-
showDropAfter ? /* @__PURE__ */
|
|
2994
|
+
showDropAfter ? /* @__PURE__ */ jsx8(
|
|
2964
2995
|
"div",
|
|
2965
2996
|
{
|
|
2966
2997
|
style: {
|
|
@@ -2976,7 +3007,7 @@ function BlockFrame({
|
|
|
2976
3007
|
}
|
|
2977
3008
|
}
|
|
2978
3009
|
) : null,
|
|
2979
|
-
isDropTarget && dropHovered ? /* @__PURE__ */
|
|
3010
|
+
isDropTarget && dropHovered ? /* @__PURE__ */ jsx8(
|
|
2980
3011
|
"div",
|
|
2981
3012
|
{
|
|
2982
3013
|
style: {
|
|
@@ -2990,7 +3021,7 @@ function BlockFrame({
|
|
|
2990
3021
|
}
|
|
2991
3022
|
}
|
|
2992
3023
|
) : null,
|
|
2993
|
-
/* @__PURE__ */
|
|
3024
|
+
/* @__PURE__ */ jsxs7(
|
|
2994
3025
|
"div",
|
|
2995
3026
|
{
|
|
2996
3027
|
style: {
|
|
@@ -3012,7 +3043,7 @@ function BlockFrame({
|
|
|
3012
3043
|
]
|
|
3013
3044
|
}
|
|
3014
3045
|
),
|
|
3015
|
-
/* @__PURE__ */
|
|
3046
|
+
/* @__PURE__ */ jsxs7(
|
|
3016
3047
|
"div",
|
|
3017
3048
|
{
|
|
3018
3049
|
"aria-hidden": true,
|
|
@@ -3038,7 +3069,7 @@ function BlockFrame({
|
|
|
3038
3069
|
zIndex: 30
|
|
3039
3070
|
},
|
|
3040
3071
|
children: [
|
|
3041
|
-
/* @__PURE__ */
|
|
3072
|
+
/* @__PURE__ */ jsx8("span", { style: { display: "inline-block", fontSize: 13, transform: "translateY(-0.5px)" }, children: "\u22EE\u22EE" }),
|
|
3042
3073
|
"Drag"
|
|
3043
3074
|
]
|
|
3044
3075
|
}
|
|
@@ -3048,12 +3079,6 @@ function BlockFrame({
|
|
|
3048
3079
|
}
|
|
3049
3080
|
);
|
|
3050
3081
|
}
|
|
3051
|
-
function UploadOverlay({ label = "Uploading image..." }) {
|
|
3052
|
-
return /* @__PURE__ */ jsxs5("div", { className: "orion-builder-upload-overlay", role: "status", "aria-live": "polite", children: [
|
|
3053
|
-
/* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "orion-builder-upload-spinner" }),
|
|
3054
|
-
/* @__PURE__ */ jsx5("span", { children: label })
|
|
3055
|
-
] });
|
|
3056
|
-
}
|
|
3057
3082
|
var clonePageDefaults = (value) => ({
|
|
3058
3083
|
pageWidthDefault: value.pageWidthDefault,
|
|
3059
3084
|
themePage: value.themePage ? JSON.parse(JSON.stringify(value.themePage)) : {}
|
|
@@ -3063,7 +3088,7 @@ var cloneSnapshot = (value) => ({
|
|
|
3063
3088
|
pageDefaults: clonePageDefaults(value.pageDefaults)
|
|
3064
3089
|
});
|
|
3065
3090
|
function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }) {
|
|
3066
|
-
const editorRootRef =
|
|
3091
|
+
const editorRootRef = useRef2(null);
|
|
3067
3092
|
const doc = initialDoc ?? {};
|
|
3068
3093
|
const sourceStudioDocument = doc.studioDocument && typeof doc.studioDocument === "object" ? doc.studioDocument : {};
|
|
3069
3094
|
const sourceMetadata = sourceStudioDocument.metadata && typeof sourceStudioDocument.metadata === "object" ? sourceStudioDocument.metadata : {};
|
|
@@ -3075,42 +3100,42 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3075
3100
|
pageWidthDefault: sourceMetadata.pageWidthDefault === "wide" || sourceMetadata.pageWidthDefault === "full" ? sourceMetadata.pageWidthDefault : defaultPageDefaults.pageWidthDefault,
|
|
3076
3101
|
themePage: isRecord5(sourceThemePage.page) ? sourceThemePage.page : {}
|
|
3077
3102
|
};
|
|
3078
|
-
const [layout, setLayout] =
|
|
3103
|
+
const [layout, setLayout] = useState3(
|
|
3079
3104
|
migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block)))
|
|
3080
3105
|
);
|
|
3081
|
-
const [pageDefaults, setPageDefaults] =
|
|
3082
|
-
const [selectedIndex, setSelectedIndex] =
|
|
3083
|
-
const [dragIndex, setDragIndex] =
|
|
3084
|
-
const [sidebarOpen, setSidebarOpen] =
|
|
3085
|
-
const [savingStatus, setSavingStatus] =
|
|
3086
|
-
const [uploadingTarget, setUploadingTarget] =
|
|
3087
|
-
const [topViewportHeight, setTopViewportHeight] =
|
|
3088
|
-
const [uploadError, setUploadError] =
|
|
3089
|
-
const [uploadMessage, setUploadMessage] =
|
|
3090
|
-
const [uploadAltText, setUploadAltText] =
|
|
3091
|
-
const [mediaLibrary, setMediaLibrary] =
|
|
3092
|
-
const [mediaLibraryError, setMediaLibraryError] =
|
|
3093
|
-
const [mediaLibraryLoading, setMediaLibraryLoading] =
|
|
3094
|
-
const [selectedHeroMediaID, setSelectedHeroMediaID] =
|
|
3095
|
-
const [selectedItemIndex, setSelectedItemIndex] =
|
|
3096
|
-
const [expandedItemIndex, setExpandedItemIndex] =
|
|
3097
|
-
const [testimonialsOffsets, setTestimonialsOffsets] =
|
|
3098
|
-
const [presetQuery, setPresetQuery] =
|
|
3099
|
-
const [sessionExpired, setSessionExpired] =
|
|
3100
|
-
const [pastSnapshots, setPastSnapshots] =
|
|
3101
|
-
const [futureSnapshots, setFutureSnapshots] =
|
|
3102
|
-
const [settingsPanelMode, setSettingsPanelMode] =
|
|
3103
|
-
const [settingsSearchQuery, setSettingsSearchQuery] =
|
|
3106
|
+
const [pageDefaults, setPageDefaults] = useState3(clonePageDefaults(initialPageDefaults));
|
|
3107
|
+
const [selectedIndex, setSelectedIndex] = useState3(null);
|
|
3108
|
+
const [dragIndex, setDragIndex] = useState3(null);
|
|
3109
|
+
const [sidebarOpen, setSidebarOpen] = useState3(true);
|
|
3110
|
+
const [savingStatus, setSavingStatus] = useState3(null);
|
|
3111
|
+
const [uploadingTarget, setUploadingTarget] = useState3(null);
|
|
3112
|
+
const [topViewportHeight, setTopViewportHeight] = useState3(null);
|
|
3113
|
+
const [uploadError, setUploadError] = useState3("");
|
|
3114
|
+
const [uploadMessage, setUploadMessage] = useState3("");
|
|
3115
|
+
const [uploadAltText, setUploadAltText] = useState3("");
|
|
3116
|
+
const [mediaLibrary, setMediaLibrary] = useState3([]);
|
|
3117
|
+
const [mediaLibraryError, setMediaLibraryError] = useState3("");
|
|
3118
|
+
const [mediaLibraryLoading, setMediaLibraryLoading] = useState3(false);
|
|
3119
|
+
const [selectedHeroMediaID, setSelectedHeroMediaID] = useState3("");
|
|
3120
|
+
const [selectedItemIndex, setSelectedItemIndex] = useState3(null);
|
|
3121
|
+
const [expandedItemIndex, setExpandedItemIndex] = useState3(null);
|
|
3122
|
+
const [testimonialsOffsets, setTestimonialsOffsets] = useState3({});
|
|
3123
|
+
const [presetQuery, setPresetQuery] = useState3("");
|
|
3124
|
+
const [sessionExpired, setSessionExpired] = useState3(false);
|
|
3125
|
+
const [pastSnapshots, setPastSnapshots] = useState3([]);
|
|
3126
|
+
const [futureSnapshots, setFutureSnapshots] = useState3([]);
|
|
3127
|
+
const [settingsPanelMode, setSettingsPanelMode] = useState3("basic");
|
|
3128
|
+
const [settingsSearchQuery, setSettingsSearchQuery] = useState3("");
|
|
3104
3129
|
const isSidebarPanelKey = (value) => value === "pageDefaults" || value === "addSections" || value === "selected";
|
|
3105
|
-
const [activeSidebarPanel, setActiveSidebarPanel] =
|
|
3106
|
-
const historyBypassRef =
|
|
3107
|
-
const previousSnapshotRef =
|
|
3130
|
+
const [activeSidebarPanel, setActiveSidebarPanel] = useState3("selected");
|
|
3131
|
+
const historyBypassRef = useRef2(true);
|
|
3132
|
+
const previousSnapshotRef = useRef2({
|
|
3108
3133
|
layout: migrateLayoutToSettingsV2(cloneBlockLayout(initialLayout).map((block) => withSectionStyleDefaults2(block))),
|
|
3109
3134
|
pageDefaults: clonePageDefaults(initialPageDefaults)
|
|
3110
3135
|
});
|
|
3111
|
-
const lastSavedRef =
|
|
3136
|
+
const lastSavedRef = useRef2(cloneSnapshot(previousSnapshotRef.current));
|
|
3112
3137
|
const persistedFlagKey = "orion-builder-settings-panel-v2";
|
|
3113
|
-
const [settingsPanelV2Override, setSettingsPanelV2Override] =
|
|
3138
|
+
const [settingsPanelV2Override, setSettingsPanelV2Override] = useState3(null);
|
|
3114
3139
|
const settingsPanelV2Enabled = useMemo2(() => {
|
|
3115
3140
|
if (typeof featureFlags?.settingsPanelV2 === "boolean") {
|
|
3116
3141
|
return featureFlags.settingsPanelV2;
|
|
@@ -3210,10 +3235,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3210
3235
|
setMediaLibraryLoading(false);
|
|
3211
3236
|
}
|
|
3212
3237
|
}, []);
|
|
3213
|
-
|
|
3238
|
+
useEffect2(() => {
|
|
3214
3239
|
void loadMediaLibrary();
|
|
3215
3240
|
}, [loadMediaLibrary]);
|
|
3216
|
-
|
|
3241
|
+
useEffect2(() => {
|
|
3217
3242
|
const refreshMediaLibrary = () => {
|
|
3218
3243
|
void loadMediaLibrary();
|
|
3219
3244
|
};
|
|
@@ -3238,7 +3263,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3238
3263
|
document.removeEventListener("visibilitychange", onVisibilityChange);
|
|
3239
3264
|
};
|
|
3240
3265
|
}, [loadMediaLibrary]);
|
|
3241
|
-
|
|
3266
|
+
useEffect2(() => {
|
|
3242
3267
|
let active = true;
|
|
3243
3268
|
const checkSession = async () => {
|
|
3244
3269
|
try {
|
|
@@ -3266,7 +3291,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3266
3291
|
window.clearInterval(intervalId);
|
|
3267
3292
|
};
|
|
3268
3293
|
}, []);
|
|
3269
|
-
|
|
3294
|
+
useEffect2(() => {
|
|
3270
3295
|
if (selectedType !== "hero") {
|
|
3271
3296
|
setSelectedHeroMediaID("");
|
|
3272
3297
|
return;
|
|
@@ -3648,7 +3673,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3648
3673
|
const headingAlign = blockTypography.headingAlign === "center" || blockTypography.headingAlign === "justify" || blockTypography.headingAlign === "right" ? blockTypography.headingAlign : "left";
|
|
3649
3674
|
const headingColor = getThemeColorOverride(blockTheme, "headingText") || getThemeColorOverride(pageDefaults.themePage, "headingText") || getThemeColorOverride(siteThemeTokens, "headingText") || (block.blockType === "hero" ? "#ffffff" : resolvedThemeTokens.colors.headingText);
|
|
3650
3675
|
const bodyColor = getThemeColorOverride(blockTheme, "bodyText") || getThemeColorOverride(pageDefaults.themePage, "bodyText") || getThemeColorOverride(siteThemeTokens, "bodyText") || (block.blockType === "hero" ? "#ffffff" : resolvedThemeTokens.colors.bodyText);
|
|
3651
|
-
return /* @__PURE__ */
|
|
3676
|
+
return /* @__PURE__ */ jsx8("section", { className: `${className} ${shell.sectionClass}`, style: shell.sectionStyle, children: /* @__PURE__ */ jsx8("div", { style: shell.sectionInnerStyle, children: /* @__PURE__ */ jsx8(
|
|
3652
3677
|
"div",
|
|
3653
3678
|
{
|
|
3654
3679
|
className: shell.contentClass,
|
|
@@ -3771,7 +3796,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3771
3796
|
}),
|
|
3772
3797
|
[layout, pageDefaults]
|
|
3773
3798
|
);
|
|
3774
|
-
|
|
3799
|
+
useEffect2(() => {
|
|
3775
3800
|
const readTopViewportHeight = () => {
|
|
3776
3801
|
if (typeof window === "undefined") {
|
|
3777
3802
|
setTopViewportHeight(null);
|
|
@@ -3949,7 +3974,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3949
3974
|
setSavingStatus(null);
|
|
3950
3975
|
}
|
|
3951
3976
|
};
|
|
3952
|
-
|
|
3977
|
+
useEffect2(() => {
|
|
3953
3978
|
const storageKey = `orion-builder-panels:${pageID}`;
|
|
3954
3979
|
const raw = window.localStorage.getItem(storageKey);
|
|
3955
3980
|
if (!raw) {
|
|
@@ -3975,7 +4000,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3975
4000
|
} catch {
|
|
3976
4001
|
}
|
|
3977
4002
|
}, [pageID]);
|
|
3978
|
-
|
|
4003
|
+
useEffect2(() => {
|
|
3979
4004
|
const persistedValue = window.localStorage.getItem(persistedFlagKey);
|
|
3980
4005
|
if (persistedValue === "true") {
|
|
3981
4006
|
setSettingsPanelV2Override(true);
|
|
@@ -3987,25 +4012,25 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
3987
4012
|
}
|
|
3988
4013
|
setSettingsPanelV2Override(null);
|
|
3989
4014
|
}, [persistedFlagKey]);
|
|
3990
|
-
|
|
4015
|
+
useEffect2(() => {
|
|
3991
4016
|
if (typeof settingsPanelV2Override !== "boolean") {
|
|
3992
4017
|
window.localStorage.removeItem(persistedFlagKey);
|
|
3993
4018
|
return;
|
|
3994
4019
|
}
|
|
3995
4020
|
window.localStorage.setItem(persistedFlagKey, settingsPanelV2Override ? "true" : "false");
|
|
3996
4021
|
}, [persistedFlagKey, settingsPanelV2Override]);
|
|
3997
|
-
|
|
4022
|
+
useEffect2(() => {
|
|
3998
4023
|
const storageKey = `orion-builder-panels:${pageID}`;
|
|
3999
4024
|
window.localStorage.setItem(storageKey, JSON.stringify({ activePanel: activeSidebarPanel }));
|
|
4000
4025
|
}, [activeSidebarPanel, pageID]);
|
|
4001
|
-
|
|
4026
|
+
useEffect2(() => {
|
|
4002
4027
|
if (selectedIndex === null) {
|
|
4003
4028
|
return;
|
|
4004
4029
|
}
|
|
4005
4030
|
setSidebarOpen(true);
|
|
4006
4031
|
setActiveSidebarPanel("selected");
|
|
4007
4032
|
}, [selectedIndex]);
|
|
4008
|
-
|
|
4033
|
+
useEffect2(() => {
|
|
4009
4034
|
if (selectedIndex === null) {
|
|
4010
4035
|
setSelectedItemIndex(null);
|
|
4011
4036
|
setExpandedItemIndex(null);
|
|
@@ -4023,17 +4048,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4023
4048
|
(current) => typeof current === "number" && current >= 0 && current < selectedItems.length ? current : 0
|
|
4024
4049
|
);
|
|
4025
4050
|
}, [selectedIndex, selectedItems.length]);
|
|
4026
|
-
|
|
4051
|
+
useEffect2(() => {
|
|
4027
4052
|
if (layout.length > 0) {
|
|
4028
4053
|
return;
|
|
4029
4054
|
}
|
|
4030
4055
|
setSidebarOpen(true);
|
|
4031
4056
|
setActiveSidebarPanel("addSections");
|
|
4032
4057
|
}, [layout.length]);
|
|
4033
|
-
|
|
4058
|
+
useEffect2(() => {
|
|
4034
4059
|
return;
|
|
4035
4060
|
}, [layout]);
|
|
4036
|
-
|
|
4061
|
+
useEffect2(() => {
|
|
4037
4062
|
if (historyBypassRef.current) {
|
|
4038
4063
|
historyBypassRef.current = false;
|
|
4039
4064
|
previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
|
|
@@ -4044,7 +4069,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4044
4069
|
setFutureSnapshots([]);
|
|
4045
4070
|
previousSnapshotRef.current = cloneSnapshot(currentSnapshot);
|
|
4046
4071
|
}, [currentSnapshot]);
|
|
4047
|
-
|
|
4072
|
+
useEffect2(() => {
|
|
4048
4073
|
const onKeyDown = (event) => {
|
|
4049
4074
|
const key = event.key.toLowerCase();
|
|
4050
4075
|
const isUndo = (event.metaKey || event.ctrlKey) && key === "z" && !event.shiftKey;
|
|
@@ -4062,7 +4087,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4062
4087
|
window.addEventListener("keydown", onKeyDown);
|
|
4063
4088
|
return () => window.removeEventListener("keydown", onKeyDown);
|
|
4064
4089
|
}, [canRedo, canUndo, futureSnapshots, pastSnapshots, currentSnapshot]);
|
|
4065
|
-
|
|
4090
|
+
useEffect2(() => {
|
|
4066
4091
|
window.parent?.postMessage(
|
|
4067
4092
|
{
|
|
4068
4093
|
dirty: isDirty,
|
|
@@ -4072,7 +4097,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4072
4097
|
"*"
|
|
4073
4098
|
);
|
|
4074
4099
|
}, [isDirty]);
|
|
4075
|
-
|
|
4100
|
+
useEffect2(() => {
|
|
4076
4101
|
window.parent?.postMessage(
|
|
4077
4102
|
{
|
|
4078
4103
|
canRedo,
|
|
@@ -4083,7 +4108,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4083
4108
|
"*"
|
|
4084
4109
|
);
|
|
4085
4110
|
}, [canRedo, canUndo]);
|
|
4086
|
-
|
|
4111
|
+
useEffect2(() => {
|
|
4087
4112
|
const onMessage = (event) => {
|
|
4088
4113
|
const data = event.data;
|
|
4089
4114
|
if (!data || data.source !== "payload-visual-builder-parent") {
|
|
@@ -4136,7 +4161,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4136
4161
|
window.addEventListener("message", onMessage);
|
|
4137
4162
|
return () => window.removeEventListener("message", onMessage);
|
|
4138
4163
|
}, [canRedo, canUndo, isDirty, layout, pageDefaults.pageWidthDefault, title]);
|
|
4139
|
-
|
|
4164
|
+
useEffect2(() => {
|
|
4140
4165
|
const preventNavigationWhileEditing = (event) => {
|
|
4141
4166
|
const editorRoot = editorRootRef.current;
|
|
4142
4167
|
if (!editorRoot) {
|
|
@@ -4158,7 +4183,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4158
4183
|
document.addEventListener("click", preventNavigationWhileEditing, true);
|
|
4159
4184
|
return () => document.removeEventListener("click", preventNavigationWhileEditing, true);
|
|
4160
4185
|
}, []);
|
|
4161
|
-
return /* @__PURE__ */
|
|
4186
|
+
return /* @__PURE__ */ jsxs7(
|
|
4162
4187
|
"div",
|
|
4163
4188
|
{
|
|
4164
4189
|
ref: editorRootRef,
|
|
@@ -4169,7 +4194,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4169
4194
|
padding: "0 0 1.2rem"
|
|
4170
4195
|
},
|
|
4171
4196
|
children: [
|
|
4172
|
-
sessionExpired ? /* @__PURE__ */
|
|
4197
|
+
sessionExpired ? /* @__PURE__ */ jsx8(
|
|
4173
4198
|
"div",
|
|
4174
4199
|
{
|
|
4175
4200
|
style: {
|
|
@@ -4182,7 +4207,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4182
4207
|
position: "fixed",
|
|
4183
4208
|
zIndex: 9999
|
|
4184
4209
|
},
|
|
4185
|
-
children: /* @__PURE__ */
|
|
4210
|
+
children: /* @__PURE__ */ jsxs7(
|
|
4186
4211
|
"div",
|
|
4187
4212
|
{
|
|
4188
4213
|
style: {
|
|
@@ -4197,9 +4222,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4197
4222
|
width: "100%"
|
|
4198
4223
|
},
|
|
4199
4224
|
children: [
|
|
4200
|
-
/* @__PURE__ */
|
|
4201
|
-
/* @__PURE__ */
|
|
4202
|
-
/* @__PURE__ */
|
|
4225
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: "1.1rem", fontWeight: 700 }, children: "Session Expired" }),
|
|
4226
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "#333", fontSize: "0.9rem", lineHeight: 1.5 }, children: "Your login session has expired. Your edits are still here, but you must log in again before saving. Open the login page in a new tab, sign in, then return here and try saving again." }),
|
|
4227
|
+
/* @__PURE__ */ jsx8(
|
|
4203
4228
|
"a",
|
|
4204
4229
|
{
|
|
4205
4230
|
href: "/admin",
|
|
@@ -4218,7 +4243,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4218
4243
|
children: "Open Login Page"
|
|
4219
4244
|
}
|
|
4220
4245
|
),
|
|
4221
|
-
/* @__PURE__ */
|
|
4246
|
+
/* @__PURE__ */ jsx8(
|
|
4222
4247
|
"button",
|
|
4223
4248
|
{
|
|
4224
4249
|
onClick: () => setSessionExpired(false),
|
|
@@ -4240,7 +4265,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4240
4265
|
)
|
|
4241
4266
|
}
|
|
4242
4267
|
) : null,
|
|
4243
|
-
/* @__PURE__ */
|
|
4268
|
+
/* @__PURE__ */ jsxs7("div", { style: { minWidth: 0 }, children: [
|
|
4244
4269
|
layout.map((block, index) => {
|
|
4245
4270
|
const type = normalizeText2(block.blockType, "unknown");
|
|
4246
4271
|
const selectBlock = () => setSelectedIndex(index);
|
|
@@ -4315,7 +4340,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4315
4340
|
const heroStyle = {
|
|
4316
4341
|
borderRadius: heroCornerRadius
|
|
4317
4342
|
};
|
|
4318
|
-
return /* @__PURE__ */
|
|
4343
|
+
return /* @__PURE__ */ jsx8(
|
|
4319
4344
|
BlockFrame,
|
|
4320
4345
|
{
|
|
4321
4346
|
dragIndex,
|
|
@@ -4328,13 +4353,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4328
4353
|
children: renderWithSectionShell(
|
|
4329
4354
|
block,
|
|
4330
4355
|
"",
|
|
4331
|
-
/* @__PURE__ */
|
|
4332
|
-
/* @__PURE__ */
|
|
4333
|
-
/* @__PURE__ */
|
|
4334
|
-
isBlockUploadTarget(index, "hero") ? /* @__PURE__ */
|
|
4356
|
+
/* @__PURE__ */ jsxs7("section", { className: `hero ${variant === "centered" ? "hero-centered" : ""}`, style: heroStyle, children: [
|
|
4357
|
+
/* @__PURE__ */ jsx8("div", { className: "hero-grid", children: /* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4358
|
+
/* @__PURE__ */ jsx8("div", { className: "hero-media", role: "img", style: mediaStyle }),
|
|
4359
|
+
isBlockUploadTarget(index, "hero") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading hero image..." }) : null
|
|
4335
4360
|
] }) }),
|
|
4336
|
-
/* @__PURE__ */
|
|
4337
|
-
/* @__PURE__ */
|
|
4361
|
+
/* @__PURE__ */ jsxs7("div", { className: "hero-content", children: [
|
|
4362
|
+
/* @__PURE__ */ jsx8("div", { className: "kicker", children: /* @__PURE__ */ jsx8(
|
|
4338
4363
|
InlineText,
|
|
4339
4364
|
{
|
|
4340
4365
|
as: "span",
|
|
@@ -4343,7 +4368,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4343
4368
|
value: normalizeText2(block.kicker)
|
|
4344
4369
|
}
|
|
4345
4370
|
) }),
|
|
4346
|
-
/* @__PURE__ */
|
|
4371
|
+
/* @__PURE__ */ jsx8(
|
|
4347
4372
|
InlineText,
|
|
4348
4373
|
{
|
|
4349
4374
|
as: "h1",
|
|
@@ -4352,7 +4377,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4352
4377
|
value: normalizeText2(block.headline)
|
|
4353
4378
|
}
|
|
4354
4379
|
),
|
|
4355
|
-
/* @__PURE__ */
|
|
4380
|
+
/* @__PURE__ */ jsx8(
|
|
4356
4381
|
InlineText,
|
|
4357
4382
|
{
|
|
4358
4383
|
as: "p",
|
|
@@ -4362,8 +4387,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4362
4387
|
value: normalizeText2(block.subheadline)
|
|
4363
4388
|
}
|
|
4364
4389
|
),
|
|
4365
|
-
/* @__PURE__ */
|
|
4366
|
-
/* @__PURE__ */
|
|
4390
|
+
/* @__PURE__ */ jsxs7("div", { className: "hero-actions", children: [
|
|
4391
|
+
/* @__PURE__ */ jsx8("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ jsx8(
|
|
4367
4392
|
InlineText,
|
|
4368
4393
|
{
|
|
4369
4394
|
as: "span",
|
|
@@ -4372,7 +4397,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4372
4397
|
value: normalizeText2(block.primaryLabel)
|
|
4373
4398
|
}
|
|
4374
4399
|
) }),
|
|
4375
|
-
/* @__PURE__ */
|
|
4400
|
+
/* @__PURE__ */ jsx8("button", { className: "btn btn-secondary", type: "button", children: /* @__PURE__ */ jsx8(
|
|
4376
4401
|
InlineText,
|
|
4377
4402
|
{
|
|
4378
4403
|
as: "span",
|
|
@@ -4396,7 +4421,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4396
4421
|
const itemsPerRow = Math.max(1, Math.min(6, itemsPerRowRaw));
|
|
4397
4422
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4398
4423
|
if (variant === "highlight") {
|
|
4399
|
-
return /* @__PURE__ */
|
|
4424
|
+
return /* @__PURE__ */ jsx8(
|
|
4400
4425
|
BlockFrame,
|
|
4401
4426
|
{
|
|
4402
4427
|
dragIndex,
|
|
@@ -4409,8 +4434,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4409
4434
|
children: renderWithSectionShell(
|
|
4410
4435
|
block,
|
|
4411
4436
|
"section",
|
|
4412
|
-
/* @__PURE__ */
|
|
4413
|
-
/* @__PURE__ */
|
|
4437
|
+
/* @__PURE__ */ jsx8("div", { className: "features", style: backgroundColor ? { background: backgroundColor } : void 0, children: /* @__PURE__ */ jsxs7("div", { className: "inner", children: [
|
|
4438
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", style: { margin: 0 }, children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
4414
4439
|
InlineText,
|
|
4415
4440
|
{
|
|
4416
4441
|
as: "h2",
|
|
@@ -4420,7 +4445,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4420
4445
|
value: normalizeText2(block.title)
|
|
4421
4446
|
}
|
|
4422
4447
|
) }) }),
|
|
4423
|
-
/* @__PURE__ */
|
|
4448
|
+
/* @__PURE__ */ jsx8(
|
|
4424
4449
|
"div",
|
|
4425
4450
|
{
|
|
4426
4451
|
className: "feature-grid",
|
|
@@ -4447,7 +4472,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4447
4472
|
positionY: itemPositionY
|
|
4448
4473
|
});
|
|
4449
4474
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4450
|
-
return /* @__PURE__ */
|
|
4475
|
+
return /* @__PURE__ */ jsxs7(
|
|
4451
4476
|
"article",
|
|
4452
4477
|
{
|
|
4453
4478
|
className: "feature-item",
|
|
@@ -4457,10 +4482,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4457
4482
|
},
|
|
4458
4483
|
style: isItemSelected ? { outline: "2px solid rgba(255, 255, 255, 0.72)", outlineOffset: 2 } : void 0,
|
|
4459
4484
|
children: [
|
|
4460
|
-
/* @__PURE__ */
|
|
4485
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4461
4486
|
itemMedia?.url ? (
|
|
4462
4487
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4463
|
-
/* @__PURE__ */
|
|
4488
|
+
/* @__PURE__ */ jsx8(
|
|
4464
4489
|
"img",
|
|
4465
4490
|
{
|
|
4466
4491
|
alt: itemMedia.alt || normalizeText2(itemRecord?.title, "Feature image"),
|
|
@@ -4469,7 +4494,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4469
4494
|
style: { ...itemImageStyle, height: itemImageHeight }
|
|
4470
4495
|
}
|
|
4471
4496
|
)
|
|
4472
|
-
) : /* @__PURE__ */
|
|
4497
|
+
) : /* @__PURE__ */ jsx8("div", { className: "feature-icon", children: iconType === "lucide" ? /* @__PURE__ */ jsx8(FeatureLucideIcon, { iconName: iconLucide }) : /* @__PURE__ */ jsx8(
|
|
4473
4498
|
InlineText,
|
|
4474
4499
|
{
|
|
4475
4500
|
as: "span",
|
|
@@ -4478,9 +4503,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4478
4503
|
value: iconBadge
|
|
4479
4504
|
}
|
|
4480
4505
|
) }),
|
|
4481
|
-
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */
|
|
4506
|
+
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading image..." }) : null
|
|
4482
4507
|
] }),
|
|
4483
|
-
/* @__PURE__ */
|
|
4508
|
+
/* @__PURE__ */ jsx8(
|
|
4484
4509
|
InlineText,
|
|
4485
4510
|
{
|
|
4486
4511
|
as: "h3",
|
|
@@ -4489,7 +4514,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4489
4514
|
value: normalizeText2(itemRecord?.title)
|
|
4490
4515
|
}
|
|
4491
4516
|
),
|
|
4492
|
-
/* @__PURE__ */
|
|
4517
|
+
/* @__PURE__ */ jsx8(
|
|
4493
4518
|
InlineText,
|
|
4494
4519
|
{
|
|
4495
4520
|
as: "p",
|
|
@@ -4512,7 +4537,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4512
4537
|
`feature-highlight-${index}`
|
|
4513
4538
|
);
|
|
4514
4539
|
}
|
|
4515
|
-
return /* @__PURE__ */
|
|
4540
|
+
return /* @__PURE__ */ jsx8(
|
|
4516
4541
|
BlockFrame,
|
|
4517
4542
|
{
|
|
4518
4543
|
dragIndex,
|
|
@@ -4525,8 +4550,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4525
4550
|
children: renderWithSectionShell(
|
|
4526
4551
|
block,
|
|
4527
4552
|
"section",
|
|
4528
|
-
/* @__PURE__ */
|
|
4529
|
-
/* @__PURE__ */
|
|
4553
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4554
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
4530
4555
|
InlineText,
|
|
4531
4556
|
{
|
|
4532
4557
|
as: "h2",
|
|
@@ -4535,7 +4560,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4535
4560
|
value: normalizeText2(block.title)
|
|
4536
4561
|
}
|
|
4537
4562
|
) }) }),
|
|
4538
|
-
/* @__PURE__ */
|
|
4563
|
+
/* @__PURE__ */ jsx8(
|
|
4539
4564
|
"div",
|
|
4540
4565
|
{
|
|
4541
4566
|
className: "card-grid services",
|
|
@@ -4562,7 +4587,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4562
4587
|
positionY: itemPositionY
|
|
4563
4588
|
});
|
|
4564
4589
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4565
|
-
return /* @__PURE__ */
|
|
4590
|
+
return /* @__PURE__ */ jsx8(
|
|
4566
4591
|
"article",
|
|
4567
4592
|
{
|
|
4568
4593
|
className: "service-card",
|
|
@@ -4571,11 +4596,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4571
4596
|
openSelectedItem(itemIndex);
|
|
4572
4597
|
},
|
|
4573
4598
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4574
|
-
children: /* @__PURE__ */
|
|
4575
|
-
/* @__PURE__ */
|
|
4599
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "service-body", children: [
|
|
4600
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4576
4601
|
itemMedia?.url ? (
|
|
4577
4602
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4578
|
-
/* @__PURE__ */
|
|
4603
|
+
/* @__PURE__ */ jsx8(
|
|
4579
4604
|
"img",
|
|
4580
4605
|
{
|
|
4581
4606
|
alt: itemMedia.alt || normalizeText2(itemRecord?.title, "Feature image"),
|
|
@@ -4584,7 +4609,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4584
4609
|
style: { ...itemImageStyle, height: itemImageHeight }
|
|
4585
4610
|
}
|
|
4586
4611
|
)
|
|
4587
|
-
) : iconType === "lucide" ? /* @__PURE__ */
|
|
4612
|
+
) : iconType === "lucide" ? /* @__PURE__ */ jsx8("div", { className: "service-tag service-tag-icon", children: /* @__PURE__ */ jsx8(FeatureLucideIcon, { iconName: iconLucide }) }) : /* @__PURE__ */ jsx8("div", { className: "service-tag", children: /* @__PURE__ */ jsx8(
|
|
4588
4613
|
InlineText,
|
|
4589
4614
|
{
|
|
4590
4615
|
as: "span",
|
|
@@ -4593,9 +4618,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4593
4618
|
value: iconBadge
|
|
4594
4619
|
}
|
|
4595
4620
|
) }),
|
|
4596
|
-
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */
|
|
4621
|
+
isFeatureGridItemUploading(index, itemIndex) ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading image..." }) : null
|
|
4597
4622
|
] }),
|
|
4598
|
-
/* @__PURE__ */
|
|
4623
|
+
/* @__PURE__ */ jsx8(
|
|
4599
4624
|
InlineText,
|
|
4600
4625
|
{
|
|
4601
4626
|
as: "h3",
|
|
@@ -4604,7 +4629,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4604
4629
|
value: normalizeText2(itemRecord?.title)
|
|
4605
4630
|
}
|
|
4606
4631
|
),
|
|
4607
|
-
/* @__PURE__ */
|
|
4632
|
+
/* @__PURE__ */ jsx8(
|
|
4608
4633
|
InlineText,
|
|
4609
4634
|
{
|
|
4610
4635
|
as: "p",
|
|
@@ -4629,7 +4654,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4629
4654
|
}
|
|
4630
4655
|
if (type === "stats") {
|
|
4631
4656
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4632
|
-
return /* @__PURE__ */
|
|
4657
|
+
return /* @__PURE__ */ jsx8(
|
|
4633
4658
|
BlockFrame,
|
|
4634
4659
|
{
|
|
4635
4660
|
dragIndex,
|
|
@@ -4642,9 +4667,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4642
4667
|
children: renderWithSectionShell(
|
|
4643
4668
|
block,
|
|
4644
4669
|
"section",
|
|
4645
|
-
/* @__PURE__ */
|
|
4646
|
-
/* @__PURE__ */
|
|
4647
|
-
/* @__PURE__ */
|
|
4670
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4671
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsxs7("div", { children: [
|
|
4672
|
+
/* @__PURE__ */ jsx8(
|
|
4648
4673
|
InlineText,
|
|
4649
4674
|
{
|
|
4650
4675
|
as: "h2",
|
|
@@ -4653,7 +4678,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4653
4678
|
value: normalizeText2(block.title)
|
|
4654
4679
|
}
|
|
4655
4680
|
),
|
|
4656
|
-
/* @__PURE__ */
|
|
4681
|
+
/* @__PURE__ */ jsx8(
|
|
4657
4682
|
InlineText,
|
|
4658
4683
|
{
|
|
4659
4684
|
as: "p",
|
|
@@ -4664,9 +4689,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4664
4689
|
}
|
|
4665
4690
|
)
|
|
4666
4691
|
] }) }),
|
|
4667
|
-
/* @__PURE__ */
|
|
4692
|
+
/* @__PURE__ */ jsx8("div", { className: "orion-stats-grid", children: items.map((item, itemIndex) => {
|
|
4668
4693
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4669
|
-
return /* @__PURE__ */
|
|
4694
|
+
return /* @__PURE__ */ jsxs7(
|
|
4670
4695
|
"article",
|
|
4671
4696
|
{
|
|
4672
4697
|
className: "orion-stat-card",
|
|
@@ -4676,7 +4701,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4676
4701
|
},
|
|
4677
4702
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4678
4703
|
children: [
|
|
4679
|
-
/* @__PURE__ */
|
|
4704
|
+
/* @__PURE__ */ jsx8(
|
|
4680
4705
|
InlineText,
|
|
4681
4706
|
{
|
|
4682
4707
|
as: "h3",
|
|
@@ -4685,7 +4710,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4685
4710
|
value: normalizeText2(item?.value)
|
|
4686
4711
|
}
|
|
4687
4712
|
),
|
|
4688
|
-
/* @__PURE__ */
|
|
4713
|
+
/* @__PURE__ */ jsx8(
|
|
4689
4714
|
InlineText,
|
|
4690
4715
|
{
|
|
4691
4716
|
as: "span",
|
|
@@ -4694,7 +4719,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4694
4719
|
value: normalizeText2(item?.label)
|
|
4695
4720
|
}
|
|
4696
4721
|
),
|
|
4697
|
-
/* @__PURE__ */
|
|
4722
|
+
/* @__PURE__ */ jsx8(
|
|
4698
4723
|
InlineText,
|
|
4699
4724
|
{
|
|
4700
4725
|
as: "p",
|
|
@@ -4717,7 +4742,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4717
4742
|
}
|
|
4718
4743
|
if (type === "logoWall") {
|
|
4719
4744
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4720
|
-
return /* @__PURE__ */
|
|
4745
|
+
return /* @__PURE__ */ jsx8(
|
|
4721
4746
|
BlockFrame,
|
|
4722
4747
|
{
|
|
4723
4748
|
dragIndex,
|
|
@@ -4730,9 +4755,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4730
4755
|
children: renderWithSectionShell(
|
|
4731
4756
|
block,
|
|
4732
4757
|
"section",
|
|
4733
|
-
/* @__PURE__ */
|
|
4734
|
-
/* @__PURE__ */
|
|
4735
|
-
/* @__PURE__ */
|
|
4758
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4759
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsxs7("div", { children: [
|
|
4760
|
+
/* @__PURE__ */ jsx8(
|
|
4736
4761
|
InlineText,
|
|
4737
4762
|
{
|
|
4738
4763
|
as: "h2",
|
|
@@ -4741,7 +4766,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4741
4766
|
value: normalizeText2(block.title)
|
|
4742
4767
|
}
|
|
4743
4768
|
),
|
|
4744
|
-
/* @__PURE__ */
|
|
4769
|
+
/* @__PURE__ */ jsx8(
|
|
4745
4770
|
InlineText,
|
|
4746
4771
|
{
|
|
4747
4772
|
as: "p",
|
|
@@ -4752,7 +4777,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4752
4777
|
}
|
|
4753
4778
|
)
|
|
4754
4779
|
] }) }),
|
|
4755
|
-
/* @__PURE__ */
|
|
4780
|
+
/* @__PURE__ */ jsx8("div", { className: "orion-logo-wall", children: items.map((item, itemIndex) => {
|
|
4756
4781
|
const itemRecord = item;
|
|
4757
4782
|
const media = resolveMedia(itemRecord?.media);
|
|
4758
4783
|
const imageHeight = parsePixelNumber(itemRecord?.imageHeight, 54);
|
|
@@ -4767,7 +4792,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4767
4792
|
roundedRadius: 10
|
|
4768
4793
|
});
|
|
4769
4794
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4770
|
-
return /* @__PURE__ */
|
|
4795
|
+
return /* @__PURE__ */ jsx8(
|
|
4771
4796
|
"article",
|
|
4772
4797
|
{
|
|
4773
4798
|
className: "orion-logo-wall-item",
|
|
@@ -4776,10 +4801,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4776
4801
|
openSelectedItem(itemIndex);
|
|
4777
4802
|
},
|
|
4778
4803
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4779
|
-
children: /* @__PURE__ */
|
|
4804
|
+
children: /* @__PURE__ */ jsxs7("div", { className: "orion-builder-upload-slot", children: [
|
|
4780
4805
|
media?.url ? (
|
|
4781
4806
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4782
|
-
/* @__PURE__ */
|
|
4807
|
+
/* @__PURE__ */ jsx8(
|
|
4783
4808
|
"img",
|
|
4784
4809
|
{
|
|
4785
4810
|
alt: media.alt || normalizeText2(itemRecord?.name, "Logo"),
|
|
@@ -4788,7 +4813,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4788
4813
|
style: { ...imageStyle, height: imageHeight }
|
|
4789
4814
|
}
|
|
4790
4815
|
)
|
|
4791
|
-
) : /* @__PURE__ */
|
|
4816
|
+
) : /* @__PURE__ */ jsx8(
|
|
4792
4817
|
InlineText,
|
|
4793
4818
|
{
|
|
4794
4819
|
as: "span",
|
|
@@ -4797,7 +4822,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4797
4822
|
value: normalizeText2(itemRecord?.name)
|
|
4798
4823
|
}
|
|
4799
4824
|
),
|
|
4800
|
-
isLogoWallItemUploading(index, itemIndex) ? /* @__PURE__ */
|
|
4825
|
+
isLogoWallItemUploading(index, itemIndex) ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading logo..." }) : null
|
|
4801
4826
|
] })
|
|
4802
4827
|
},
|
|
4803
4828
|
`logo-${itemIndex}`
|
|
@@ -4813,7 +4838,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4813
4838
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
4814
4839
|
const itemsPerRowRaw = Math.floor(parsePixelNumber(block.itemsPerRow, 2));
|
|
4815
4840
|
const itemsPerRow = Math.max(1, Math.min(4, itemsPerRowRaw));
|
|
4816
|
-
return /* @__PURE__ */
|
|
4841
|
+
return /* @__PURE__ */ jsx8(
|
|
4817
4842
|
BlockFrame,
|
|
4818
4843
|
{
|
|
4819
4844
|
dragIndex,
|
|
@@ -4826,9 +4851,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4826
4851
|
children: renderWithSectionShell(
|
|
4827
4852
|
block,
|
|
4828
4853
|
"section",
|
|
4829
|
-
/* @__PURE__ */
|
|
4830
|
-
/* @__PURE__ */
|
|
4831
|
-
/* @__PURE__ */
|
|
4854
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
4855
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsxs7("div", { children: [
|
|
4856
|
+
/* @__PURE__ */ jsx8(
|
|
4832
4857
|
InlineText,
|
|
4833
4858
|
{
|
|
4834
4859
|
as: "h2",
|
|
@@ -4837,7 +4862,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4837
4862
|
value: normalizeText2(block.title)
|
|
4838
4863
|
}
|
|
4839
4864
|
),
|
|
4840
|
-
/* @__PURE__ */
|
|
4865
|
+
/* @__PURE__ */ jsx8(
|
|
4841
4866
|
InlineText,
|
|
4842
4867
|
{
|
|
4843
4868
|
as: "p",
|
|
@@ -4848,7 +4873,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4848
4873
|
}
|
|
4849
4874
|
)
|
|
4850
4875
|
] }) }),
|
|
4851
|
-
/* @__PURE__ */
|
|
4876
|
+
/* @__PURE__ */ jsx8(
|
|
4852
4877
|
"div",
|
|
4853
4878
|
{
|
|
4854
4879
|
className: "orion-before-after-grid",
|
|
@@ -4873,7 +4898,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4873
4898
|
positionY: itemPositionY
|
|
4874
4899
|
});
|
|
4875
4900
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
4876
|
-
return /* @__PURE__ */
|
|
4901
|
+
return /* @__PURE__ */ jsxs7(
|
|
4877
4902
|
"article",
|
|
4878
4903
|
{
|
|
4879
4904
|
className: "orion-before-after-card",
|
|
@@ -4883,11 +4908,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4883
4908
|
},
|
|
4884
4909
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
4885
4910
|
children: [
|
|
4886
|
-
/* @__PURE__ */
|
|
4887
|
-
/* @__PURE__ */
|
|
4911
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-before-after-media", children: [
|
|
4912
|
+
/* @__PURE__ */ jsxs7("figure", { children: [
|
|
4888
4913
|
beforeMedia?.url ? (
|
|
4889
4914
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4890
|
-
/* @__PURE__ */
|
|
4915
|
+
/* @__PURE__ */ jsx8(
|
|
4891
4916
|
"img",
|
|
4892
4917
|
{
|
|
4893
4918
|
alt: beforeMedia.alt || `${normalizeText2(itemRecord?.label, "Project")} before`,
|
|
@@ -4895,14 +4920,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4895
4920
|
style: { ...imageStyle, height: imageHeight }
|
|
4896
4921
|
}
|
|
4897
4922
|
)
|
|
4898
|
-
) : /* @__PURE__ */
|
|
4899
|
-
isBeforeAfterItemUploading(index, itemIndex, "beforeMedia") ? /* @__PURE__ */
|
|
4900
|
-
/* @__PURE__ */
|
|
4923
|
+
) : /* @__PURE__ */ jsx8("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "Before" }),
|
|
4924
|
+
isBeforeAfterItemUploading(index, itemIndex, "beforeMedia") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading before image..." }) : null,
|
|
4925
|
+
/* @__PURE__ */ jsx8("figcaption", { children: "Before" })
|
|
4901
4926
|
] }),
|
|
4902
|
-
/* @__PURE__ */
|
|
4927
|
+
/* @__PURE__ */ jsxs7("figure", { children: [
|
|
4903
4928
|
afterMedia?.url ? (
|
|
4904
4929
|
// eslint-disable-next-line @next/next/no-img-element
|
|
4905
|
-
/* @__PURE__ */
|
|
4930
|
+
/* @__PURE__ */ jsx8(
|
|
4906
4931
|
"img",
|
|
4907
4932
|
{
|
|
4908
4933
|
alt: afterMedia.alt || `${normalizeText2(itemRecord?.label, "Project")} after`,
|
|
@@ -4910,13 +4935,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4910
4935
|
style: { ...imageStyle, height: imageHeight }
|
|
4911
4936
|
}
|
|
4912
4937
|
)
|
|
4913
|
-
) : /* @__PURE__ */
|
|
4914
|
-
isBeforeAfterItemUploading(index, itemIndex, "afterMedia") ? /* @__PURE__ */
|
|
4915
|
-
/* @__PURE__ */
|
|
4938
|
+
) : /* @__PURE__ */ jsx8("div", { className: "orion-before-after-placeholder", style: { height: imageHeight }, children: "After" }),
|
|
4939
|
+
isBeforeAfterItemUploading(index, itemIndex, "afterMedia") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading after image..." }) : null,
|
|
4940
|
+
/* @__PURE__ */ jsx8("figcaption", { children: "After" })
|
|
4916
4941
|
] })
|
|
4917
4942
|
] }),
|
|
4918
|
-
/* @__PURE__ */
|
|
4919
|
-
/* @__PURE__ */
|
|
4943
|
+
/* @__PURE__ */ jsxs7("div", { className: "orion-before-after-body", children: [
|
|
4944
|
+
/* @__PURE__ */ jsx8(
|
|
4920
4945
|
InlineText,
|
|
4921
4946
|
{
|
|
4922
4947
|
as: "h3",
|
|
@@ -4925,7 +4950,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4925
4950
|
value: normalizeText2(itemRecord?.label)
|
|
4926
4951
|
}
|
|
4927
4952
|
),
|
|
4928
|
-
/* @__PURE__ */
|
|
4953
|
+
/* @__PURE__ */ jsx8(
|
|
4929
4954
|
InlineText,
|
|
4930
4955
|
{
|
|
4931
4956
|
as: "p",
|
|
@@ -4962,7 +4987,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4962
4987
|
const itemIndex = (offset + slotIndex) % items.length;
|
|
4963
4988
|
return { item: items[itemIndex], itemIndex };
|
|
4964
4989
|
}) : items.map((item, itemIndex) => ({ item, itemIndex }));
|
|
4965
|
-
return /* @__PURE__ */
|
|
4990
|
+
return /* @__PURE__ */ jsx8(
|
|
4966
4991
|
BlockFrame,
|
|
4967
4992
|
{
|
|
4968
4993
|
dragIndex,
|
|
@@ -4975,8 +5000,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4975
5000
|
children: renderWithSectionShell(
|
|
4976
5001
|
block,
|
|
4977
5002
|
"section",
|
|
4978
|
-
/* @__PURE__ */
|
|
4979
|
-
/* @__PURE__ */
|
|
5003
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5004
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
4980
5005
|
InlineText,
|
|
4981
5006
|
{
|
|
4982
5007
|
as: "h2",
|
|
@@ -4985,8 +5010,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
4985
5010
|
value: normalizeText2(block.title)
|
|
4986
5011
|
}
|
|
4987
5012
|
) }) }),
|
|
4988
|
-
shouldWindow ? /* @__PURE__ */
|
|
4989
|
-
/* @__PURE__ */
|
|
5013
|
+
shouldWindow ? /* @__PURE__ */ jsxs7("div", { className: "testimonials-stage is-navigable", children: [
|
|
5014
|
+
/* @__PURE__ */ jsx8(
|
|
4990
5015
|
"button",
|
|
4991
5016
|
{
|
|
4992
5017
|
"aria-label": "Previous testimonials",
|
|
@@ -5002,13 +5027,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5002
5027
|
});
|
|
5003
5028
|
},
|
|
5004
5029
|
type: "button",
|
|
5005
|
-
children: /* @__PURE__ */
|
|
5030
|
+
children: /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2039" })
|
|
5006
5031
|
}
|
|
5007
5032
|
),
|
|
5008
|
-
/* @__PURE__ */
|
|
5033
|
+
/* @__PURE__ */ jsx8("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
|
|
5009
5034
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
5010
5035
|
const ratingValue = parseTestimonialRating(item?.rating, 5);
|
|
5011
|
-
return /* @__PURE__ */
|
|
5036
|
+
return /* @__PURE__ */ jsxs7(
|
|
5012
5037
|
"article",
|
|
5013
5038
|
{
|
|
5014
5039
|
className: "panel",
|
|
@@ -5018,14 +5043,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5018
5043
|
},
|
|
5019
5044
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
5020
5045
|
children: [
|
|
5021
|
-
/* @__PURE__ */
|
|
5022
|
-
/* @__PURE__ */
|
|
5023
|
-
/* @__PURE__ */
|
|
5046
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-quote-top", children: [
|
|
5047
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
|
|
5048
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
|
|
5024
5049
|
"\u2605".repeat(ratingValue),
|
|
5025
|
-
/* @__PURE__ */
|
|
5050
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
|
|
5026
5051
|
] })
|
|
5027
5052
|
] }),
|
|
5028
|
-
/* @__PURE__ */
|
|
5053
|
+
/* @__PURE__ */ jsx8("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ jsx8(
|
|
5029
5054
|
InlineText,
|
|
5030
5055
|
{
|
|
5031
5056
|
as: "span",
|
|
@@ -5035,10 +5060,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5035
5060
|
value: normalizeText2(item?.quote)
|
|
5036
5061
|
}
|
|
5037
5062
|
) }),
|
|
5038
|
-
/* @__PURE__ */
|
|
5039
|
-
/* @__PURE__ */
|
|
5040
|
-
/* @__PURE__ */
|
|
5041
|
-
/* @__PURE__ */
|
|
5063
|
+
/* @__PURE__ */ jsxs7("div", { className: "quote-author", children: [
|
|
5064
|
+
/* @__PURE__ */ jsx8("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
|
|
5065
|
+
/* @__PURE__ */ jsxs7("div", { children: [
|
|
5066
|
+
/* @__PURE__ */ jsx8(
|
|
5042
5067
|
InlineText,
|
|
5043
5068
|
{
|
|
5044
5069
|
as: "span",
|
|
@@ -5047,7 +5072,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5047
5072
|
value: normalizeText2(item?.name)
|
|
5048
5073
|
}
|
|
5049
5074
|
),
|
|
5050
|
-
/* @__PURE__ */
|
|
5075
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ jsx8(
|
|
5051
5076
|
InlineText,
|
|
5052
5077
|
{
|
|
5053
5078
|
as: "span",
|
|
@@ -5063,7 +5088,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5063
5088
|
`testimonial-${itemIndex}`
|
|
5064
5089
|
);
|
|
5065
5090
|
}) }),
|
|
5066
|
-
/* @__PURE__ */
|
|
5091
|
+
/* @__PURE__ */ jsx8(
|
|
5067
5092
|
"button",
|
|
5068
5093
|
{
|
|
5069
5094
|
"aria-label": "Next testimonials",
|
|
@@ -5079,13 +5104,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5079
5104
|
});
|
|
5080
5105
|
},
|
|
5081
5106
|
type: "button",
|
|
5082
|
-
children: /* @__PURE__ */
|
|
5107
|
+
children: /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u203A" })
|
|
5083
5108
|
}
|
|
5084
5109
|
)
|
|
5085
|
-
] }) : /* @__PURE__ */
|
|
5110
|
+
] }) : /* @__PURE__ */ jsx8("div", { className: "split testimonials-grid", children: windowedItems.map(({ item, itemIndex }) => {
|
|
5086
5111
|
const isItemSelected = selectedIndex === index && selectedItemIndex === itemIndex;
|
|
5087
5112
|
const ratingValue = parseTestimonialRating(item?.rating, 5);
|
|
5088
|
-
return /* @__PURE__ */
|
|
5113
|
+
return /* @__PURE__ */ jsxs7(
|
|
5089
5114
|
"article",
|
|
5090
5115
|
{
|
|
5091
5116
|
className: "panel",
|
|
@@ -5095,14 +5120,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5095
5120
|
},
|
|
5096
5121
|
style: isItemSelected ? { outline: "2px solid rgba(15, 125, 82, 0.55)", outlineOffset: 3 } : void 0,
|
|
5097
5122
|
children: [
|
|
5098
|
-
/* @__PURE__ */
|
|
5099
|
-
/* @__PURE__ */
|
|
5100
|
-
/* @__PURE__ */
|
|
5123
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-quote-top", children: [
|
|
5124
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-quote-mark", "aria-hidden": "true", children: "\u201C" }),
|
|
5125
|
+
/* @__PURE__ */ jsxs7("div", { className: "testimonial-stars", "aria-label": `${ratingValue} out of 5 stars`, role: "img", children: [
|
|
5101
5126
|
"\u2605".repeat(ratingValue),
|
|
5102
|
-
/* @__PURE__ */
|
|
5127
|
+
/* @__PURE__ */ jsx8("span", { className: "testimonial-stars-muted", children: "\u2605".repeat(5 - ratingValue) })
|
|
5103
5128
|
] })
|
|
5104
5129
|
] }),
|
|
5105
|
-
/* @__PURE__ */
|
|
5130
|
+
/* @__PURE__ */ jsx8("p", { className: "quote testimonial-quote", children: /* @__PURE__ */ jsx8(
|
|
5106
5131
|
InlineText,
|
|
5107
5132
|
{
|
|
5108
5133
|
as: "span",
|
|
@@ -5112,10 +5137,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5112
5137
|
value: normalizeText2(item?.quote)
|
|
5113
5138
|
}
|
|
5114
5139
|
) }),
|
|
5115
|
-
/* @__PURE__ */
|
|
5116
|
-
/* @__PURE__ */
|
|
5117
|
-
/* @__PURE__ */
|
|
5118
|
-
/* @__PURE__ */
|
|
5140
|
+
/* @__PURE__ */ jsxs7("div", { className: "quote-author", children: [
|
|
5141
|
+
/* @__PURE__ */ jsx8("div", { className: "quote-avatar", children: normalizeText2(item?.name, "C").split(" ").slice(0, 2).map((part) => part[0]).join("").toUpperCase() }),
|
|
5142
|
+
/* @__PURE__ */ jsxs7("div", { children: [
|
|
5143
|
+
/* @__PURE__ */ jsx8(
|
|
5119
5144
|
InlineText,
|
|
5120
5145
|
{
|
|
5121
5146
|
as: "span",
|
|
@@ -5124,7 +5149,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5124
5149
|
value: normalizeText2(item?.name)
|
|
5125
5150
|
}
|
|
5126
5151
|
),
|
|
5127
|
-
/* @__PURE__ */
|
|
5152
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-500)", fontSize: "0.88rem" }, children: /* @__PURE__ */ jsx8(
|
|
5128
5153
|
InlineText,
|
|
5129
5154
|
{
|
|
5130
5155
|
as: "span",
|
|
@@ -5148,7 +5173,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5148
5173
|
}
|
|
5149
5174
|
if (type === "faq") {
|
|
5150
5175
|
const items = Array.isArray(block.items) ? block.items : [];
|
|
5151
|
-
return /* @__PURE__ */
|
|
5176
|
+
return /* @__PURE__ */ jsx8(
|
|
5152
5177
|
BlockFrame,
|
|
5153
5178
|
{
|
|
5154
5179
|
dragIndex,
|
|
@@ -5161,8 +5186,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5161
5186
|
children: renderWithSectionShell(
|
|
5162
5187
|
block,
|
|
5163
5188
|
"section",
|
|
5164
|
-
/* @__PURE__ */
|
|
5165
|
-
/* @__PURE__ */
|
|
5189
|
+
/* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5190
|
+
/* @__PURE__ */ jsx8("div", { className: "section-heading", children: /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
|
|
5166
5191
|
InlineText,
|
|
5167
5192
|
{
|
|
5168
5193
|
as: "h2",
|
|
@@ -5171,8 +5196,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5171
5196
|
value: normalizeText2(block.title)
|
|
5172
5197
|
}
|
|
5173
5198
|
) }) }),
|
|
5174
|
-
/* @__PURE__ */
|
|
5175
|
-
/* @__PURE__ */
|
|
5199
|
+
/* @__PURE__ */ jsx8("div", { className: "faq-list", children: items.map((item, itemIndex) => /* @__PURE__ */ jsxs7("details", { className: "faq-item", open: true, children: [
|
|
5200
|
+
/* @__PURE__ */ jsx8("summary", { children: /* @__PURE__ */ jsx8(
|
|
5176
5201
|
InlineText,
|
|
5177
5202
|
{
|
|
5178
5203
|
as: "span",
|
|
@@ -5181,7 +5206,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5181
5206
|
value: normalizeText2(item?.question)
|
|
5182
5207
|
}
|
|
5183
5208
|
) }),
|
|
5184
|
-
/* @__PURE__ */
|
|
5209
|
+
/* @__PURE__ */ jsx8(
|
|
5185
5210
|
InlineText,
|
|
5186
5211
|
{
|
|
5187
5212
|
as: "p",
|
|
@@ -5201,7 +5226,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5201
5226
|
if (type === "cta") {
|
|
5202
5227
|
const ctaStyle = normalizeText2(block.style, "light");
|
|
5203
5228
|
const backgroundColor = normalizeText2(block.backgroundColor);
|
|
5204
|
-
return /* @__PURE__ */
|
|
5229
|
+
return /* @__PURE__ */ jsx8(
|
|
5205
5230
|
BlockFrame,
|
|
5206
5231
|
{
|
|
5207
5232
|
dragIndex,
|
|
@@ -5214,14 +5239,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5214
5239
|
children: renderWithSectionShell(
|
|
5215
5240
|
block,
|
|
5216
5241
|
"section",
|
|
5217
|
-
/* @__PURE__ */
|
|
5242
|
+
/* @__PURE__ */ jsxs7(
|
|
5218
5243
|
"div",
|
|
5219
5244
|
{
|
|
5220
5245
|
className: `contact-strip ${ctaStyle === "dark" ? "contact-strip-dark" : ""}`,
|
|
5221
5246
|
style: backgroundColor ? { background: backgroundColor } : void 0,
|
|
5222
5247
|
children: [
|
|
5223
|
-
/* @__PURE__ */
|
|
5224
|
-
/* @__PURE__ */
|
|
5248
|
+
/* @__PURE__ */ jsxs7("div", { children: [
|
|
5249
|
+
/* @__PURE__ */ jsx8(
|
|
5225
5250
|
InlineText,
|
|
5226
5251
|
{
|
|
5227
5252
|
as: "h3",
|
|
@@ -5231,7 +5256,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5231
5256
|
value: normalizeText2(block.headline)
|
|
5232
5257
|
}
|
|
5233
5258
|
),
|
|
5234
|
-
/* @__PURE__ */
|
|
5259
|
+
/* @__PURE__ */ jsx8(
|
|
5235
5260
|
InlineText,
|
|
5236
5261
|
{
|
|
5237
5262
|
as: "p",
|
|
@@ -5243,7 +5268,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5243
5268
|
}
|
|
5244
5269
|
)
|
|
5245
5270
|
] }),
|
|
5246
|
-
/* @__PURE__ */
|
|
5271
|
+
/* @__PURE__ */ jsx8("button", { className: "btn btn-primary", type: "button", children: /* @__PURE__ */ jsx8(
|
|
5247
5272
|
InlineText,
|
|
5248
5273
|
{
|
|
5249
5274
|
as: "span",
|
|
@@ -5263,7 +5288,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5263
5288
|
if (type === "richText") {
|
|
5264
5289
|
const width = normalizeText2(block.width, "normal");
|
|
5265
5290
|
const plainTextValue = extractLexicalText(block.content);
|
|
5266
|
-
return /* @__PURE__ */
|
|
5291
|
+
return /* @__PURE__ */ jsx8(
|
|
5267
5292
|
BlockFrame,
|
|
5268
5293
|
{
|
|
5269
5294
|
dragIndex,
|
|
@@ -5276,8 +5301,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5276
5301
|
children: renderWithSectionShell(
|
|
5277
5302
|
block,
|
|
5278
5303
|
"section",
|
|
5279
|
-
/* @__PURE__ */
|
|
5280
|
-
/* @__PURE__ */
|
|
5304
|
+
/* @__PURE__ */ jsxs7("div", { className: `richtext-wrap ${width === "narrow" ? "narrow" : ""}`, children: [
|
|
5305
|
+
/* @__PURE__ */ jsx8(
|
|
5281
5306
|
InlineText,
|
|
5282
5307
|
{
|
|
5283
5308
|
as: "h2",
|
|
@@ -5286,7 +5311,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5286
5311
|
value: normalizeText2(block.title)
|
|
5287
5312
|
}
|
|
5288
5313
|
),
|
|
5289
|
-
/* @__PURE__ */
|
|
5314
|
+
/* @__PURE__ */ jsx8("div", { className: "richtext-content", children: /* @__PURE__ */ jsx8(
|
|
5290
5315
|
InlineText,
|
|
5291
5316
|
{
|
|
5292
5317
|
as: "p",
|
|
@@ -5311,7 +5336,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5311
5336
|
fit: normalizeImageFit2(block?.imageFit),
|
|
5312
5337
|
position: normalizeImagePosition2(block?.imagePosition)
|
|
5313
5338
|
});
|
|
5314
|
-
return /* @__PURE__ */
|
|
5339
|
+
return /* @__PURE__ */ jsx8(
|
|
5315
5340
|
BlockFrame,
|
|
5316
5341
|
{
|
|
5317
5342
|
dragIndex,
|
|
@@ -5324,11 +5349,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5324
5349
|
children: renderWithSectionShell(
|
|
5325
5350
|
block,
|
|
5326
5351
|
"section",
|
|
5327
|
-
/* @__PURE__ */
|
|
5352
|
+
/* @__PURE__ */ jsxs7("figure", { className: `media-figure ${size === "wide" ? "wide" : ""}`, children: [
|
|
5328
5353
|
image?.url ? (
|
|
5329
5354
|
// eslint-disable-next-line @next/next/no-img-element
|
|
5330
|
-
/* @__PURE__ */
|
|
5331
|
-
) : /* @__PURE__ */
|
|
5355
|
+
/* @__PURE__ */ jsx8("img", { alt: image.alt || "Page media", src: image.url, style: imageStyle })
|
|
5356
|
+
) : /* @__PURE__ */ jsx8(
|
|
5332
5357
|
"div",
|
|
5333
5358
|
{
|
|
5334
5359
|
style: {
|
|
@@ -5341,8 +5366,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5341
5366
|
children: "No image selected"
|
|
5342
5367
|
}
|
|
5343
5368
|
),
|
|
5344
|
-
isBlockUploadTarget(index, "media") ? /* @__PURE__ */
|
|
5345
|
-
/* @__PURE__ */
|
|
5369
|
+
isBlockUploadTarget(index, "media") ? /* @__PURE__ */ jsx8(UploadOverlay, { label: "Uploading image..." }) : null,
|
|
5370
|
+
/* @__PURE__ */ jsx8("figcaption", { children: /* @__PURE__ */ jsx8(
|
|
5346
5371
|
InlineText,
|
|
5347
5372
|
{
|
|
5348
5373
|
as: "span",
|
|
@@ -5358,7 +5383,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5358
5383
|
);
|
|
5359
5384
|
}
|
|
5360
5385
|
if (type === "formEmbed") {
|
|
5361
|
-
return /* @__PURE__ */
|
|
5386
|
+
return /* @__PURE__ */ jsx8(
|
|
5362
5387
|
BlockFrame,
|
|
5363
5388
|
{
|
|
5364
5389
|
dragIndex,
|
|
@@ -5371,8 +5396,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5371
5396
|
children: renderWithSectionShell(
|
|
5372
5397
|
block,
|
|
5373
5398
|
"section",
|
|
5374
|
-
/* @__PURE__ */
|
|
5375
|
-
/* @__PURE__ */
|
|
5399
|
+
/* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5400
|
+
/* @__PURE__ */ jsx8(
|
|
5376
5401
|
InlineText,
|
|
5377
5402
|
{
|
|
5378
5403
|
as: "h2",
|
|
@@ -5381,7 +5406,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5381
5406
|
value: normalizeText2(block.title)
|
|
5382
5407
|
}
|
|
5383
5408
|
),
|
|
5384
|
-
/* @__PURE__ */
|
|
5409
|
+
/* @__PURE__ */ jsx8(
|
|
5385
5410
|
InlineText,
|
|
5386
5411
|
{
|
|
5387
5412
|
as: "p",
|
|
@@ -5391,7 +5416,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5391
5416
|
value: normalizeText2(block.description)
|
|
5392
5417
|
}
|
|
5393
5418
|
),
|
|
5394
|
-
/* @__PURE__ */
|
|
5419
|
+
/* @__PURE__ */ jsx8("div", { style: {
|
|
5395
5420
|
border: "1px dashed rgba(19, 33, 28, 0.25)",
|
|
5396
5421
|
borderRadius: 14,
|
|
5397
5422
|
color: "#54655f",
|
|
@@ -5405,7 +5430,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5405
5430
|
);
|
|
5406
5431
|
}
|
|
5407
5432
|
if (type === "bookingEmbed") {
|
|
5408
|
-
return /* @__PURE__ */
|
|
5433
|
+
return /* @__PURE__ */ jsx8(
|
|
5409
5434
|
BlockFrame,
|
|
5410
5435
|
{
|
|
5411
5436
|
dragIndex,
|
|
@@ -5418,8 +5443,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5418
5443
|
children: renderWithSectionShell(
|
|
5419
5444
|
block,
|
|
5420
5445
|
"section",
|
|
5421
|
-
/* @__PURE__ */
|
|
5422
|
-
/* @__PURE__ */
|
|
5446
|
+
/* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5447
|
+
/* @__PURE__ */ jsx8(
|
|
5423
5448
|
InlineText,
|
|
5424
5449
|
{
|
|
5425
5450
|
as: "h2",
|
|
@@ -5428,7 +5453,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5428
5453
|
value: normalizeText2(block.title)
|
|
5429
5454
|
}
|
|
5430
5455
|
),
|
|
5431
|
-
/* @__PURE__ */
|
|
5456
|
+
/* @__PURE__ */ jsx8(
|
|
5432
5457
|
InlineText,
|
|
5433
5458
|
{
|
|
5434
5459
|
as: "p",
|
|
@@ -5438,7 +5463,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5438
5463
|
value: normalizeText2(block.description)
|
|
5439
5464
|
}
|
|
5440
5465
|
),
|
|
5441
|
-
/* @__PURE__ */
|
|
5466
|
+
/* @__PURE__ */ jsx8("button", { className: "button-link btn btn-primary", style: { marginTop: "1rem" }, type: "button", children: /* @__PURE__ */ jsx8(
|
|
5442
5467
|
InlineText,
|
|
5443
5468
|
{
|
|
5444
5469
|
as: "span",
|
|
@@ -5453,7 +5478,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5453
5478
|
`bookingEmbed-${index}`
|
|
5454
5479
|
);
|
|
5455
5480
|
}
|
|
5456
|
-
return /* @__PURE__ */
|
|
5481
|
+
return /* @__PURE__ */ jsx8(
|
|
5457
5482
|
BlockFrame,
|
|
5458
5483
|
{
|
|
5459
5484
|
dragIndex,
|
|
@@ -5466,24 +5491,24 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5466
5491
|
children: renderWithSectionShell(
|
|
5467
5492
|
block,
|
|
5468
5493
|
"section",
|
|
5469
|
-
/* @__PURE__ */
|
|
5470
|
-
/* @__PURE__ */
|
|
5494
|
+
/* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5495
|
+
/* @__PURE__ */ jsxs7("h3", { children: [
|
|
5471
5496
|
"Unsupported block type: ",
|
|
5472
5497
|
type
|
|
5473
5498
|
] }),
|
|
5474
|
-
/* @__PURE__ */
|
|
5499
|
+
/* @__PURE__ */ jsx8("pre", { style: { overflow: "auto" }, children: JSON.stringify(block, null, 2) })
|
|
5475
5500
|
] })
|
|
5476
5501
|
)
|
|
5477
5502
|
},
|
|
5478
5503
|
`unknown-${index}`
|
|
5479
5504
|
);
|
|
5480
5505
|
}),
|
|
5481
|
-
layout.length === 0 ? /* @__PURE__ */
|
|
5482
|
-
/* @__PURE__ */
|
|
5483
|
-
/* @__PURE__ */
|
|
5506
|
+
layout.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "container", style: { marginTop: "1.2rem" }, children: /* @__PURE__ */ jsxs7("article", { className: "panel", children: [
|
|
5507
|
+
/* @__PURE__ */ jsx8("h3", { style: { color: "var(--forest-900)" }, children: "No sections yet" }),
|
|
5508
|
+
/* @__PURE__ */ jsx8("p", { style: { color: "var(--ink-700)", marginTop: 8 }, children: "Use the right sidebar to apply a starter template or add your first section block." })
|
|
5484
5509
|
] }) }) : null
|
|
5485
5510
|
] }),
|
|
5486
|
-
/* @__PURE__ */
|
|
5511
|
+
/* @__PURE__ */ jsx8(
|
|
5487
5512
|
"aside",
|
|
5488
5513
|
{
|
|
5489
5514
|
style: {
|
|
@@ -5493,7 +5518,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5493
5518
|
top: 12,
|
|
5494
5519
|
zIndex: 60
|
|
5495
5520
|
},
|
|
5496
|
-
children: /* @__PURE__ */
|
|
5521
|
+
children: /* @__PURE__ */ jsxs7(
|
|
5497
5522
|
"div",
|
|
5498
5523
|
{
|
|
5499
5524
|
style: {
|
|
@@ -5506,7 +5531,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5506
5531
|
width: sidebarOpen ? 340 : 52
|
|
5507
5532
|
},
|
|
5508
5533
|
children: [
|
|
5509
|
-
/* @__PURE__ */
|
|
5534
|
+
/* @__PURE__ */ jsx8(
|
|
5510
5535
|
"button",
|
|
5511
5536
|
{
|
|
5512
5537
|
onClick: () => setSidebarOpen((open) => !open),
|
|
@@ -5525,10 +5550,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5525
5550
|
width: "100%"
|
|
5526
5551
|
},
|
|
5527
5552
|
type: "button",
|
|
5528
|
-
children: sidebarOpen ? /* @__PURE__ */
|
|
5529
|
-
/* @__PURE__ */
|
|
5530
|
-
/* @__PURE__ */
|
|
5531
|
-
] }) : /* @__PURE__ */
|
|
5553
|
+
children: sidebarOpen ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5554
|
+
/* @__PURE__ */ jsx8("span", { children: "Sections & Settings" }),
|
|
5555
|
+
/* @__PURE__ */ jsx8("span", { children: "Collapse" })
|
|
5556
|
+
] }) : /* @__PURE__ */ jsx8("span", { children: "+" })
|
|
5532
5557
|
}
|
|
5533
5558
|
),
|
|
5534
5559
|
(() => {
|
|
@@ -5540,7 +5565,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5540
5565
|
const isActive = activeSidebarPanel === panel.key;
|
|
5541
5566
|
const iconFill = isActive ? "#ffffff" : "#124a37";
|
|
5542
5567
|
const iconButtonBg = isActive ? "#124a37" : "rgba(18, 74, 55, 0.08)";
|
|
5543
|
-
return /* @__PURE__ */
|
|
5568
|
+
return /* @__PURE__ */ jsxs7(
|
|
5544
5569
|
"button",
|
|
5545
5570
|
{
|
|
5546
5571
|
"aria-label": panel.label,
|
|
@@ -5559,22 +5584,22 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5559
5584
|
title: panel.label,
|
|
5560
5585
|
type: "button",
|
|
5561
5586
|
children: [
|
|
5562
|
-
panel.key === "pageDefaults" ? /* @__PURE__ */
|
|
5563
|
-
/* @__PURE__ */
|
|
5564
|
-
/* @__PURE__ */
|
|
5587
|
+
panel.key === "pageDefaults" ? /* @__PURE__ */ jsxs7("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
|
|
5588
|
+
/* @__PURE__ */ jsx8("rect", { height: "14", rx: "2", stroke: iconFill, strokeWidth: "2", width: "18", x: "3", y: "5" }),
|
|
5589
|
+
/* @__PURE__ */ jsx8("path", { d: "M9 5v14", stroke: iconFill, strokeWidth: "2" })
|
|
5565
5590
|
] }) : null,
|
|
5566
|
-
panel.key === "addSections" ? /* @__PURE__ */
|
|
5567
|
-
/* @__PURE__ */
|
|
5568
|
-
/* @__PURE__ */
|
|
5591
|
+
panel.key === "addSections" ? /* @__PURE__ */ jsxs7("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: [
|
|
5592
|
+
/* @__PURE__ */ jsx8("path", { d: "M12 5v14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" }),
|
|
5593
|
+
/* @__PURE__ */ jsx8("path", { d: "M5 12h14", stroke: iconFill, strokeWidth: "2", strokeLinecap: "round" })
|
|
5569
5594
|
] }) : null,
|
|
5570
|
-
panel.key === "selected" ? /* @__PURE__ */
|
|
5595
|
+
panel.key === "selected" ? /* @__PURE__ */ jsx8("svg", { fill: "none", height: "18", viewBox: "0 0 24 24", width: "18", children: /* @__PURE__ */ jsx8("path", { d: "M6 3l12 9-7 2-2 7-3-18z", fill: iconFill, opacity: "0.92" }) }) : null
|
|
5571
5596
|
]
|
|
5572
5597
|
},
|
|
5573
5598
|
panel.key
|
|
5574
5599
|
);
|
|
5575
5600
|
});
|
|
5576
|
-
return sidebarOpen ? /* @__PURE__ */
|
|
5577
|
-
/* @__PURE__ */
|
|
5601
|
+
return sidebarOpen ? /* @__PURE__ */ jsxs7("div", { style: { display: "grid", gridTemplateRows: "auto 1fr", maxHeight: "calc(100vh - 90px)", overflow: "hidden" }, children: [
|
|
5602
|
+
/* @__PURE__ */ jsxs7(
|
|
5578
5603
|
"div",
|
|
5579
5604
|
{
|
|
5580
5605
|
style: {
|
|
@@ -5587,7 +5612,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5587
5612
|
},
|
|
5588
5613
|
children: [
|
|
5589
5614
|
tabs,
|
|
5590
|
-
/* @__PURE__ */
|
|
5615
|
+
/* @__PURE__ */ jsx8(
|
|
5591
5616
|
"button",
|
|
5592
5617
|
{
|
|
5593
5618
|
onClick: () => setSettingsPanelV2Override((current) => current === false ? true : false),
|
|
@@ -5612,11 +5637,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5612
5637
|
]
|
|
5613
5638
|
}
|
|
5614
5639
|
),
|
|
5615
|
-
/* @__PURE__ */
|
|
5616
|
-
activeSidebarPanel === "pageDefaults" ? /* @__PURE__ */
|
|
5617
|
-
/* @__PURE__ */
|
|
5618
|
-
/* @__PURE__ */
|
|
5619
|
-
/* @__PURE__ */
|
|
5640
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", overflowY: "auto", padding: 12 }, children: [
|
|
5641
|
+
activeSidebarPanel === "pageDefaults" ? /* @__PURE__ */ jsxs7("section", { style: sidebarSectionStyle, children: [
|
|
5642
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
|
|
5643
|
+
/* @__PURE__ */ jsx8("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Page Defaults" }),
|
|
5644
|
+
/* @__PURE__ */ jsx8(
|
|
5620
5645
|
"button",
|
|
5621
5646
|
{
|
|
5622
5647
|
onClick: collapseSidebar,
|
|
@@ -5634,10 +5659,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5634
5659
|
}
|
|
5635
5660
|
)
|
|
5636
5661
|
] }),
|
|
5637
|
-
/* @__PURE__ */
|
|
5638
|
-
/* @__PURE__ */
|
|
5662
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: [
|
|
5663
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5639
5664
|
"Default Page Width",
|
|
5640
|
-
/* @__PURE__ */
|
|
5665
|
+
/* @__PURE__ */ jsxs7(
|
|
5641
5666
|
"select",
|
|
5642
5667
|
{
|
|
5643
5668
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5647,15 +5672,15 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5647
5672
|
style: sidebarInputStyle,
|
|
5648
5673
|
value: pageDefaults.pageWidthDefault,
|
|
5649
5674
|
children: [
|
|
5650
|
-
/* @__PURE__ */
|
|
5651
|
-
/* @__PURE__ */
|
|
5652
|
-
/* @__PURE__ */
|
|
5675
|
+
/* @__PURE__ */ jsx8("option", { value: "content", children: "Content" }),
|
|
5676
|
+
/* @__PURE__ */ jsx8("option", { value: "wide", children: "Wide" }),
|
|
5677
|
+
/* @__PURE__ */ jsx8("option", { value: "full", children: "Full" })
|
|
5653
5678
|
]
|
|
5654
5679
|
}
|
|
5655
5680
|
)
|
|
5656
5681
|
] }),
|
|
5657
|
-
/* @__PURE__ */
|
|
5658
|
-
/* @__PURE__ */
|
|
5682
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Applies when section/content width is set to inherit." }),
|
|
5683
|
+
/* @__PURE__ */ jsx8(
|
|
5659
5684
|
"div",
|
|
5660
5685
|
{
|
|
5661
5686
|
style: {
|
|
@@ -5670,9 +5695,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5670
5695
|
children: "Theme (Page Overrides)"
|
|
5671
5696
|
}
|
|
5672
5697
|
),
|
|
5673
|
-
/* @__PURE__ */
|
|
5698
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5674
5699
|
"Accent Color",
|
|
5675
|
-
/* @__PURE__ */
|
|
5700
|
+
/* @__PURE__ */ jsx8(
|
|
5676
5701
|
"input",
|
|
5677
5702
|
{
|
|
5678
5703
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5685,9 +5710,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5685
5710
|
}
|
|
5686
5711
|
)
|
|
5687
5712
|
] }),
|
|
5688
|
-
/* @__PURE__ */
|
|
5713
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5689
5714
|
"Heading Text Color",
|
|
5690
|
-
/* @__PURE__ */
|
|
5715
|
+
/* @__PURE__ */ jsx8(
|
|
5691
5716
|
"input",
|
|
5692
5717
|
{
|
|
5693
5718
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5700,9 +5725,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5700
5725
|
}
|
|
5701
5726
|
)
|
|
5702
5727
|
] }),
|
|
5703
|
-
/* @__PURE__ */
|
|
5728
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5704
5729
|
"Body Text Color",
|
|
5705
|
-
/* @__PURE__ */
|
|
5730
|
+
/* @__PURE__ */ jsx8(
|
|
5706
5731
|
"input",
|
|
5707
5732
|
{
|
|
5708
5733
|
onChange: (event) => setPageDefaults((current) => ({
|
|
@@ -5715,9 +5740,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5715
5740
|
}
|
|
5716
5741
|
)
|
|
5717
5742
|
] }),
|
|
5718
|
-
/* @__PURE__ */
|
|
5743
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5719
5744
|
"Panel Radius (px)",
|
|
5720
|
-
/* @__PURE__ */
|
|
5745
|
+
/* @__PURE__ */ jsx8(
|
|
5721
5746
|
"input",
|
|
5722
5747
|
{
|
|
5723
5748
|
max: 40,
|
|
@@ -5738,10 +5763,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5738
5763
|
] })
|
|
5739
5764
|
] })
|
|
5740
5765
|
] }) : null,
|
|
5741
|
-
activeSidebarPanel === "addSections" ? /* @__PURE__ */
|
|
5742
|
-
/* @__PURE__ */
|
|
5743
|
-
/* @__PURE__ */
|
|
5744
|
-
/* @__PURE__ */
|
|
5766
|
+
activeSidebarPanel === "addSections" ? /* @__PURE__ */ jsxs7("section", { style: sidebarSectionStyle, children: [
|
|
5767
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
|
|
5768
|
+
/* @__PURE__ */ jsx8("div", { style: { fontSize: 13, fontWeight: 800 }, children: "Add Sections" }),
|
|
5769
|
+
/* @__PURE__ */ jsx8(
|
|
5745
5770
|
"button",
|
|
5746
5771
|
{
|
|
5747
5772
|
onClick: collapseSidebar,
|
|
@@ -5759,8 +5784,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5759
5784
|
}
|
|
5760
5785
|
)
|
|
5761
5786
|
] }),
|
|
5762
|
-
/* @__PURE__ */
|
|
5763
|
-
/* @__PURE__ */
|
|
5787
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 10, marginTop: 10 }, children: [
|
|
5788
|
+
/* @__PURE__ */ jsxs7(
|
|
5764
5789
|
"button",
|
|
5765
5790
|
{
|
|
5766
5791
|
onClick: applyTemplateStarter,
|
|
@@ -5782,8 +5807,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5782
5807
|
]
|
|
5783
5808
|
}
|
|
5784
5809
|
),
|
|
5785
|
-
/* @__PURE__ */
|
|
5786
|
-
/* @__PURE__ */
|
|
5810
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 8 }, children: [
|
|
5811
|
+
/* @__PURE__ */ jsx8(
|
|
5787
5812
|
"input",
|
|
5788
5813
|
{
|
|
5789
5814
|
onChange: (event) => setPresetQuery(event.target.value),
|
|
@@ -5793,7 +5818,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5793
5818
|
value: presetQuery
|
|
5794
5819
|
}
|
|
5795
5820
|
),
|
|
5796
|
-
filteredSectionPresets.map((preset) => /* @__PURE__ */
|
|
5821
|
+
filteredSectionPresets.map((preset) => /* @__PURE__ */ jsxs7(
|
|
5797
5822
|
"button",
|
|
5798
5823
|
{
|
|
5799
5824
|
onClick: () => addSectionPreset(preset.blocks),
|
|
@@ -5808,17 +5833,17 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5808
5833
|
},
|
|
5809
5834
|
type: "button",
|
|
5810
5835
|
children: [
|
|
5811
|
-
/* @__PURE__ */
|
|
5812
|
-
/* @__PURE__ */
|
|
5836
|
+
/* @__PURE__ */ jsx8("span", { style: { fontSize: 12, fontWeight: 700 }, children: preset.title }),
|
|
5837
|
+
/* @__PURE__ */ jsx8("span", { style: { color: "var(--ink-700)", fontSize: 11 }, children: preset.description })
|
|
5813
5838
|
]
|
|
5814
5839
|
},
|
|
5815
5840
|
preset.id
|
|
5816
5841
|
)),
|
|
5817
|
-
filteredSectionPresets.length === 0 ? /* @__PURE__ */
|
|
5842
|
+
filteredSectionPresets.length === 0 ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "No presets match this search." }) : null
|
|
5818
5843
|
] }),
|
|
5819
|
-
/* @__PURE__ */
|
|
5820
|
-
/* @__PURE__ */
|
|
5821
|
-
/* @__PURE__ */
|
|
5844
|
+
/* @__PURE__ */ jsxs7("div", { style: { borderTop: "1px solid rgba(13, 74, 55, 0.12)", marginTop: 2, paddingTop: 10 }, children: [
|
|
5845
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11, fontWeight: 800, textTransform: "uppercase" }, children: "Quick Add Blocks" }),
|
|
5846
|
+
/* @__PURE__ */ jsx8("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr", marginTop: 8 }, children: quickAddBlockTypes.map((type) => /* @__PURE__ */ jsxs7(
|
|
5822
5847
|
"button",
|
|
5823
5848
|
{
|
|
5824
5849
|
onClick: () => addBlockByType(type),
|
|
@@ -5841,13 +5866,13 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5841
5866
|
] })
|
|
5842
5867
|
] })
|
|
5843
5868
|
] }) : null,
|
|
5844
|
-
activeSidebarPanel === "selected" ? /* @__PURE__ */
|
|
5845
|
-
/* @__PURE__ */
|
|
5846
|
-
/* @__PURE__ */
|
|
5869
|
+
activeSidebarPanel === "selected" ? /* @__PURE__ */ jsxs7("section", { style: sidebarSectionStyle, children: [
|
|
5870
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
|
|
5871
|
+
/* @__PURE__ */ jsxs7("div", { style: { fontSize: 13, fontWeight: 800 }, children: [
|
|
5847
5872
|
"Selected Section ",
|
|
5848
5873
|
selectedIndex !== null ? `#${selectedIndex + 1}` : ""
|
|
5849
5874
|
] }),
|
|
5850
|
-
/* @__PURE__ */
|
|
5875
|
+
/* @__PURE__ */ jsx8(
|
|
5851
5876
|
"button",
|
|
5852
5877
|
{
|
|
5853
5878
|
onClick: collapseSidebar,
|
|
@@ -5865,10 +5890,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5865
5890
|
}
|
|
5866
5891
|
)
|
|
5867
5892
|
] }),
|
|
5868
|
-
/* @__PURE__ */
|
|
5869
|
-
/* @__PURE__ */
|
|
5870
|
-
/* @__PURE__ */
|
|
5871
|
-
/* @__PURE__ */
|
|
5893
|
+
/* @__PURE__ */ jsx8("div", { style: { display: "grid", gap: 8, marginTop: 10 }, children: selectedBlock ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5894
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: blockTypeLabels[selectedType] || selectedType }),
|
|
5895
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: [
|
|
5896
|
+
/* @__PURE__ */ jsx8(
|
|
5872
5897
|
"button",
|
|
5873
5898
|
{
|
|
5874
5899
|
disabled: selectedIndex === null || selectedIndex <= 0,
|
|
@@ -5878,7 +5903,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5878
5903
|
children: "Move Up"
|
|
5879
5904
|
}
|
|
5880
5905
|
),
|
|
5881
|
-
/* @__PURE__ */
|
|
5906
|
+
/* @__PURE__ */ jsx8(
|
|
5882
5907
|
"button",
|
|
5883
5908
|
{
|
|
5884
5909
|
disabled: selectedIndex === null || selectedIndex >= layout.length - 1,
|
|
@@ -5888,7 +5913,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5888
5913
|
children: "Move Down"
|
|
5889
5914
|
}
|
|
5890
5915
|
),
|
|
5891
|
-
/* @__PURE__ */
|
|
5916
|
+
/* @__PURE__ */ jsx8(
|
|
5892
5917
|
"button",
|
|
5893
5918
|
{
|
|
5894
5919
|
onClick: duplicateSelectedBlock,
|
|
@@ -5897,7 +5922,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5897
5922
|
children: "Duplicate"
|
|
5898
5923
|
}
|
|
5899
5924
|
),
|
|
5900
|
-
/* @__PURE__ */
|
|
5925
|
+
/* @__PURE__ */ jsx8(
|
|
5901
5926
|
"button",
|
|
5902
5927
|
{
|
|
5903
5928
|
onClick: removeSelectedBlock,
|
|
@@ -5915,8 +5940,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5915
5940
|
}
|
|
5916
5941
|
)
|
|
5917
5942
|
] }),
|
|
5918
|
-
v2InspectorEnabledForSelected ? /* @__PURE__ */
|
|
5919
|
-
/* @__PURE__ */
|
|
5943
|
+
v2InspectorEnabledForSelected ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5944
|
+
/* @__PURE__ */ jsx8(
|
|
5920
5945
|
BlockInspectorRenderer,
|
|
5921
5946
|
{
|
|
5922
5947
|
block: selectedBlock,
|
|
@@ -5929,7 +5954,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5929
5954
|
searchQuery: settingsSearchQuery
|
|
5930
5955
|
}
|
|
5931
5956
|
),
|
|
5932
|
-
isArrayItemBlockSelected ? /* @__PURE__ */
|
|
5957
|
+
isArrayItemBlockSelected ? /* @__PURE__ */ jsx8(
|
|
5933
5958
|
ArrayItemsEditor,
|
|
5934
5959
|
{
|
|
5935
5960
|
blockType: selectedType,
|
|
@@ -5952,84 +5977,84 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
5952
5977
|
uploadDisabled: uploadingTarget !== null
|
|
5953
5978
|
}
|
|
5954
5979
|
) : null
|
|
5955
|
-
] }) : /* @__PURE__ */
|
|
5956
|
-
/* @__PURE__ */
|
|
5980
|
+
] }) : /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
5981
|
+
/* @__PURE__ */ jsxs7("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: [
|
|
5957
5982
|
"Section width follows ",
|
|
5958
|
-
/* @__PURE__ */
|
|
5983
|
+
/* @__PURE__ */ jsx8("strong", { children: "Page Defaults" }),
|
|
5959
5984
|
" for a consistent page layout."
|
|
5960
5985
|
] }),
|
|
5961
|
-
/* @__PURE__ */
|
|
5986
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5962
5987
|
"Content Width",
|
|
5963
|
-
/* @__PURE__ */
|
|
5988
|
+
/* @__PURE__ */ jsxs7(
|
|
5964
5989
|
"select",
|
|
5965
5990
|
{
|
|
5966
5991
|
onChange: (event) => setSelectedStyleField("contentWidth", event.target.value),
|
|
5967
5992
|
style: sidebarInputStyle,
|
|
5968
5993
|
value: normalizeText2(selectedSectionStyle.contentWidth, "inherit"),
|
|
5969
5994
|
children: [
|
|
5970
|
-
/* @__PURE__ */
|
|
5971
|
-
/* @__PURE__ */
|
|
5972
|
-
/* @__PURE__ */
|
|
5973
|
-
/* @__PURE__ */
|
|
5974
|
-
/* @__PURE__ */
|
|
5995
|
+
/* @__PURE__ */ jsx8("option", { value: "inherit", children: "Inherit Page Default" }),
|
|
5996
|
+
/* @__PURE__ */ jsx8("option", { value: "narrow", children: "Narrow" }),
|
|
5997
|
+
/* @__PURE__ */ jsx8("option", { value: "content", children: "Content" }),
|
|
5998
|
+
/* @__PURE__ */ jsx8("option", { value: "wide", children: "Wide" }),
|
|
5999
|
+
/* @__PURE__ */ jsx8("option", { value: "full", children: "Full" })
|
|
5975
6000
|
]
|
|
5976
6001
|
}
|
|
5977
6002
|
)
|
|
5978
6003
|
] }),
|
|
5979
|
-
/* @__PURE__ */
|
|
6004
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5980
6005
|
"Section Vertical Spacing",
|
|
5981
|
-
/* @__PURE__ */
|
|
6006
|
+
/* @__PURE__ */ jsxs7(
|
|
5982
6007
|
"select",
|
|
5983
6008
|
{
|
|
5984
6009
|
onChange: (event) => setSelectedStyleField("sectionPaddingY", event.target.value),
|
|
5985
6010
|
style: sidebarInputStyle,
|
|
5986
6011
|
value: normalizeText2(selectedSectionStyle.sectionPaddingY, "md"),
|
|
5987
6012
|
children: [
|
|
5988
|
-
/* @__PURE__ */
|
|
5989
|
-
/* @__PURE__ */
|
|
5990
|
-
/* @__PURE__ */
|
|
5991
|
-
/* @__PURE__ */
|
|
6013
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6014
|
+
/* @__PURE__ */ jsx8("option", { value: "sm", children: "Small" }),
|
|
6015
|
+
/* @__PURE__ */ jsx8("option", { value: "md", children: "Medium" }),
|
|
6016
|
+
/* @__PURE__ */ jsx8("option", { value: "lg", children: "Large" })
|
|
5992
6017
|
]
|
|
5993
6018
|
}
|
|
5994
6019
|
)
|
|
5995
6020
|
] }),
|
|
5996
|
-
/* @__PURE__ */
|
|
6021
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
5997
6022
|
"Section Horizontal Spacing",
|
|
5998
|
-
/* @__PURE__ */
|
|
6023
|
+
/* @__PURE__ */ jsxs7(
|
|
5999
6024
|
"select",
|
|
6000
6025
|
{
|
|
6001
6026
|
onChange: (event) => setSelectedStyleField("sectionPaddingX", event.target.value),
|
|
6002
6027
|
style: sidebarInputStyle,
|
|
6003
6028
|
value: normalizeText2(selectedSectionStyle.sectionPaddingX, "inherit"),
|
|
6004
6029
|
children: [
|
|
6005
|
-
/* @__PURE__ */
|
|
6006
|
-
/* @__PURE__ */
|
|
6007
|
-
/* @__PURE__ */
|
|
6008
|
-
/* @__PURE__ */
|
|
6009
|
-
/* @__PURE__ */
|
|
6030
|
+
/* @__PURE__ */ jsx8("option", { value: "inherit", children: "Inherit (Edge-to-Edge on Full Width)" }),
|
|
6031
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6032
|
+
/* @__PURE__ */ jsx8("option", { value: "sm", children: "Small" }),
|
|
6033
|
+
/* @__PURE__ */ jsx8("option", { value: "md", children: "Medium" }),
|
|
6034
|
+
/* @__PURE__ */ jsx8("option", { value: "lg", children: "Large" })
|
|
6010
6035
|
]
|
|
6011
6036
|
}
|
|
6012
6037
|
)
|
|
6013
6038
|
] }),
|
|
6014
|
-
/* @__PURE__ */
|
|
6039
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6015
6040
|
"Section Background",
|
|
6016
|
-
/* @__PURE__ */
|
|
6041
|
+
/* @__PURE__ */ jsxs7(
|
|
6017
6042
|
"select",
|
|
6018
6043
|
{
|
|
6019
6044
|
onChange: (event) => setSelectedStyleField("sectionBackgroundMode", event.target.value),
|
|
6020
6045
|
style: sidebarInputStyle,
|
|
6021
6046
|
value: normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none"),
|
|
6022
6047
|
children: [
|
|
6023
|
-
/* @__PURE__ */
|
|
6024
|
-
/* @__PURE__ */
|
|
6025
|
-
/* @__PURE__ */
|
|
6048
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6049
|
+
/* @__PURE__ */ jsx8("option", { value: "color", children: "Color" }),
|
|
6050
|
+
/* @__PURE__ */ jsx8("option", { value: "gradient", children: "Gradient" })
|
|
6026
6051
|
]
|
|
6027
6052
|
}
|
|
6028
6053
|
)
|
|
6029
6054
|
] }),
|
|
6030
|
-
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */
|
|
6055
|
+
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "color" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6031
6056
|
"Section Background Color",
|
|
6032
|
-
/* @__PURE__ */
|
|
6057
|
+
/* @__PURE__ */ jsx8(
|
|
6033
6058
|
"input",
|
|
6034
6059
|
{
|
|
6035
6060
|
onChange: (event) => setSelectedStyleField("sectionBackgroundColor", event.target.value),
|
|
@@ -6039,23 +6064,23 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6039
6064
|
}
|
|
6040
6065
|
)
|
|
6041
6066
|
] }) : null,
|
|
6042
|
-
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */
|
|
6043
|
-
/* @__PURE__ */
|
|
6067
|
+
normalizeText2(selectedSectionStyle.sectionBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6068
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6044
6069
|
"Section Gradient Preset",
|
|
6045
|
-
/* @__PURE__ */
|
|
6070
|
+
/* @__PURE__ */ jsx8(
|
|
6046
6071
|
"select",
|
|
6047
6072
|
{
|
|
6048
6073
|
onChange: (event) => applyGradientPreset("section", event.target.value),
|
|
6049
6074
|
style: sidebarInputStyle,
|
|
6050
6075
|
value: normalizeText2(selectedSectionStyle.sectionGradientPreset, "forest"),
|
|
6051
|
-
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */
|
|
6076
|
+
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ jsx8("option", { value: preset, children: preset }, preset))
|
|
6052
6077
|
}
|
|
6053
6078
|
)
|
|
6054
6079
|
] }),
|
|
6055
|
-
/* @__PURE__ */
|
|
6056
|
-
/* @__PURE__ */
|
|
6080
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6081
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6057
6082
|
"From",
|
|
6058
|
-
/* @__PURE__ */
|
|
6083
|
+
/* @__PURE__ */ jsx8(
|
|
6059
6084
|
"input",
|
|
6060
6085
|
{
|
|
6061
6086
|
onChange: (event) => setSelectedStyleField("sectionGradientFrom", event.target.value),
|
|
@@ -6065,9 +6090,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6065
6090
|
}
|
|
6066
6091
|
)
|
|
6067
6092
|
] }),
|
|
6068
|
-
/* @__PURE__ */
|
|
6093
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6069
6094
|
"To",
|
|
6070
|
-
/* @__PURE__ */
|
|
6095
|
+
/* @__PURE__ */ jsx8(
|
|
6071
6096
|
"input",
|
|
6072
6097
|
{
|
|
6073
6098
|
onChange: (event) => setSelectedStyleField("sectionGradientTo", event.target.value),
|
|
@@ -6078,9 +6103,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6078
6103
|
)
|
|
6079
6104
|
] })
|
|
6080
6105
|
] }),
|
|
6081
|
-
/* @__PURE__ */
|
|
6106
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6082
6107
|
"Angle",
|
|
6083
|
-
/* @__PURE__ */
|
|
6108
|
+
/* @__PURE__ */ jsx8(
|
|
6084
6109
|
"input",
|
|
6085
6110
|
{
|
|
6086
6111
|
max: 360,
|
|
@@ -6093,25 +6118,25 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6093
6118
|
)
|
|
6094
6119
|
] })
|
|
6095
6120
|
] }) : null,
|
|
6096
|
-
/* @__PURE__ */
|
|
6121
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6097
6122
|
"Content Background",
|
|
6098
|
-
/* @__PURE__ */
|
|
6123
|
+
/* @__PURE__ */ jsxs7(
|
|
6099
6124
|
"select",
|
|
6100
6125
|
{
|
|
6101
6126
|
onChange: (event) => setSelectedStyleField("contentBackgroundMode", event.target.value),
|
|
6102
6127
|
style: sidebarInputStyle,
|
|
6103
6128
|
value: normalizeText2(selectedSectionStyle.contentBackgroundMode, "none"),
|
|
6104
6129
|
children: [
|
|
6105
|
-
/* @__PURE__ */
|
|
6106
|
-
/* @__PURE__ */
|
|
6107
|
-
/* @__PURE__ */
|
|
6130
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6131
|
+
/* @__PURE__ */ jsx8("option", { value: "color", children: "Color" }),
|
|
6132
|
+
/* @__PURE__ */ jsx8("option", { value: "gradient", children: "Gradient" })
|
|
6108
6133
|
]
|
|
6109
6134
|
}
|
|
6110
6135
|
)
|
|
6111
6136
|
] }),
|
|
6112
|
-
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */
|
|
6137
|
+
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "color" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6113
6138
|
"Content Background Color",
|
|
6114
|
-
/* @__PURE__ */
|
|
6139
|
+
/* @__PURE__ */ jsx8(
|
|
6115
6140
|
"input",
|
|
6116
6141
|
{
|
|
6117
6142
|
onChange: (event) => setSelectedStyleField("contentBackgroundColor", event.target.value),
|
|
@@ -6121,23 +6146,23 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6121
6146
|
}
|
|
6122
6147
|
)
|
|
6123
6148
|
] }) : null,
|
|
6124
|
-
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */
|
|
6125
|
-
/* @__PURE__ */
|
|
6149
|
+
normalizeText2(selectedSectionStyle.contentBackgroundMode, "none") === "gradient" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6150
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6126
6151
|
"Content Gradient Preset",
|
|
6127
|
-
/* @__PURE__ */
|
|
6152
|
+
/* @__PURE__ */ jsx8(
|
|
6128
6153
|
"select",
|
|
6129
6154
|
{
|
|
6130
6155
|
onChange: (event) => applyGradientPreset("content", event.target.value),
|
|
6131
6156
|
style: sidebarInputStyle,
|
|
6132
6157
|
value: normalizeText2(selectedSectionStyle.contentGradientPreset, "none"),
|
|
6133
|
-
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */
|
|
6158
|
+
children: Object.keys(gradientPresetPairs).map((preset) => /* @__PURE__ */ jsx8("option", { value: preset, children: preset }, preset))
|
|
6134
6159
|
}
|
|
6135
6160
|
)
|
|
6136
6161
|
] }),
|
|
6137
|
-
/* @__PURE__ */
|
|
6138
|
-
/* @__PURE__ */
|
|
6162
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6163
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6139
6164
|
"From",
|
|
6140
|
-
/* @__PURE__ */
|
|
6165
|
+
/* @__PURE__ */ jsx8(
|
|
6141
6166
|
"input",
|
|
6142
6167
|
{
|
|
6143
6168
|
onChange: (event) => setSelectedStyleField("contentGradientFrom", event.target.value),
|
|
@@ -6147,9 +6172,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6147
6172
|
}
|
|
6148
6173
|
)
|
|
6149
6174
|
] }),
|
|
6150
|
-
/* @__PURE__ */
|
|
6175
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6151
6176
|
"To",
|
|
6152
|
-
/* @__PURE__ */
|
|
6177
|
+
/* @__PURE__ */ jsx8(
|
|
6153
6178
|
"input",
|
|
6154
6179
|
{
|
|
6155
6180
|
onChange: (event) => setSelectedStyleField("contentGradientTo", event.target.value),
|
|
@@ -6160,9 +6185,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6160
6185
|
)
|
|
6161
6186
|
] })
|
|
6162
6187
|
] }),
|
|
6163
|
-
/* @__PURE__ */
|
|
6188
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6164
6189
|
"Angle",
|
|
6165
|
-
/* @__PURE__ */
|
|
6190
|
+
/* @__PURE__ */ jsx8(
|
|
6166
6191
|
"input",
|
|
6167
6192
|
{
|
|
6168
6193
|
max: 360,
|
|
@@ -6175,59 +6200,59 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6175
6200
|
)
|
|
6176
6201
|
] })
|
|
6177
6202
|
] }) : null,
|
|
6178
|
-
selectedType === "hero" ? /* @__PURE__ */
|
|
6179
|
-
/* @__PURE__ */
|
|
6203
|
+
selectedType === "hero" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6204
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6180
6205
|
"Variant",
|
|
6181
|
-
/* @__PURE__ */
|
|
6206
|
+
/* @__PURE__ */ jsxs7(
|
|
6182
6207
|
"select",
|
|
6183
6208
|
{
|
|
6184
6209
|
onChange: (event) => updateSelectedField("variant", event.target.value),
|
|
6185
6210
|
style: sidebarInputStyle,
|
|
6186
6211
|
value: normalizeText2(selectedBlock.variant, "default"),
|
|
6187
6212
|
children: [
|
|
6188
|
-
/* @__PURE__ */
|
|
6189
|
-
/* @__PURE__ */
|
|
6213
|
+
/* @__PURE__ */ jsx8("option", { value: "default", children: "Default" }),
|
|
6214
|
+
/* @__PURE__ */ jsx8("option", { value: "centered", children: "Centered" })
|
|
6190
6215
|
]
|
|
6191
6216
|
}
|
|
6192
6217
|
)
|
|
6193
6218
|
] }),
|
|
6194
|
-
/* @__PURE__ */
|
|
6219
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6195
6220
|
"Hero Height",
|
|
6196
|
-
/* @__PURE__ */
|
|
6221
|
+
/* @__PURE__ */ jsxs7(
|
|
6197
6222
|
"select",
|
|
6198
6223
|
{
|
|
6199
6224
|
onChange: (event) => updateSelectedField("heroHeight", event.target.value),
|
|
6200
6225
|
style: sidebarInputStyle,
|
|
6201
6226
|
value: normalizeHeroHeight(selectedBlock.heroHeight),
|
|
6202
6227
|
children: [
|
|
6203
|
-
/* @__PURE__ */
|
|
6204
|
-
/* @__PURE__ */
|
|
6205
|
-
/* @__PURE__ */
|
|
6228
|
+
/* @__PURE__ */ jsx8("option", { value: "sm", children: "Small" }),
|
|
6229
|
+
/* @__PURE__ */ jsx8("option", { value: "md", children: "Medium (Half Screen)" }),
|
|
6230
|
+
/* @__PURE__ */ jsx8("option", { value: "full", children: "Full Screen" })
|
|
6206
6231
|
]
|
|
6207
6232
|
}
|
|
6208
6233
|
)
|
|
6209
6234
|
] }),
|
|
6210
|
-
/* @__PURE__ */
|
|
6211
|
-
/* @__PURE__ */
|
|
6212
|
-
/* @__PURE__ */
|
|
6213
|
-
/* @__PURE__ */
|
|
6235
|
+
/* @__PURE__ */ jsxs7("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
|
|
6236
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Image" }),
|
|
6237
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedHeroMedia ? `${selectedHeroMedia.filename || `Media #${selectedHeroMedia.id}`}${selectedHeroMedia.alt ? ` (${selectedHeroMedia.alt})` : ""}` : "No image selected." }),
|
|
6238
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6214
6239
|
"Choose from Media Library",
|
|
6215
|
-
/* @__PURE__ */
|
|
6240
|
+
/* @__PURE__ */ jsxs7(
|
|
6216
6241
|
"select",
|
|
6217
6242
|
{
|
|
6218
6243
|
onChange: (event) => setHeroMediaFromLibrary(event.target.value),
|
|
6219
6244
|
style: sidebarInputStyle,
|
|
6220
6245
|
value: selectedHeroMediaID,
|
|
6221
6246
|
children: [
|
|
6222
|
-
/* @__PURE__ */
|
|
6223
|
-
mediaLibrary.map((item) => /* @__PURE__ */
|
|
6247
|
+
/* @__PURE__ */ jsx8("option", { value: "", children: "No image" }),
|
|
6248
|
+
mediaLibrary.map((item) => /* @__PURE__ */ jsx8("option", { value: String(item.id), children: mediaLabel2(item) }, String(item.id)))
|
|
6224
6249
|
]
|
|
6225
6250
|
}
|
|
6226
6251
|
)
|
|
6227
6252
|
] }),
|
|
6228
|
-
mediaLibraryLoading ? /* @__PURE__ */
|
|
6229
|
-
mediaLibraryError ? /* @__PURE__ */
|
|
6230
|
-
/* @__PURE__ */
|
|
6253
|
+
mediaLibraryLoading ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
|
|
6254
|
+
mediaLibraryError ? /* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
|
|
6255
|
+
/* @__PURE__ */ jsx8(
|
|
6231
6256
|
"button",
|
|
6232
6257
|
{
|
|
6233
6258
|
disabled: !selectedHeroMedia && !selectedHeroMediaID,
|
|
@@ -6242,9 +6267,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6242
6267
|
children: "Remove Hero Image"
|
|
6243
6268
|
}
|
|
6244
6269
|
),
|
|
6245
|
-
/* @__PURE__ */
|
|
6270
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6246
6271
|
"Upload Hero Background Image",
|
|
6247
|
-
/* @__PURE__ */
|
|
6272
|
+
/* @__PURE__ */ jsx8(
|
|
6248
6273
|
"input",
|
|
6249
6274
|
{
|
|
6250
6275
|
accept: "image/*",
|
|
@@ -6261,24 +6286,24 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6261
6286
|
}
|
|
6262
6287
|
)
|
|
6263
6288
|
] }),
|
|
6264
|
-
/* @__PURE__ */
|
|
6289
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6265
6290
|
"Image Fit",
|
|
6266
|
-
/* @__PURE__ */
|
|
6291
|
+
/* @__PURE__ */ jsxs7(
|
|
6267
6292
|
"select",
|
|
6268
6293
|
{
|
|
6269
6294
|
onChange: (event) => updateSelectedField("backgroundImageFit", event.target.value),
|
|
6270
6295
|
style: sidebarInputStyle,
|
|
6271
6296
|
value: normalizeHeroImageFit(selectedBlock.backgroundImageFit),
|
|
6272
6297
|
children: [
|
|
6273
|
-
/* @__PURE__ */
|
|
6274
|
-
/* @__PURE__ */
|
|
6298
|
+
/* @__PURE__ */ jsx8("option", { value: "cover", children: "Cover" }),
|
|
6299
|
+
/* @__PURE__ */ jsx8("option", { value: "contain", children: "Contain" })
|
|
6275
6300
|
]
|
|
6276
6301
|
}
|
|
6277
6302
|
)
|
|
6278
6303
|
] }),
|
|
6279
|
-
/* @__PURE__ */
|
|
6304
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6280
6305
|
"Image Corners",
|
|
6281
|
-
/* @__PURE__ */
|
|
6306
|
+
/* @__PURE__ */ jsxs7(
|
|
6282
6307
|
"select",
|
|
6283
6308
|
{
|
|
6284
6309
|
onChange: (event) => updateSelectedField("backgroundImageCornerStyle", event.target.value),
|
|
@@ -6288,53 +6313,53 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6288
6313
|
selectedBlock.backgroundImageFit
|
|
6289
6314
|
),
|
|
6290
6315
|
children: [
|
|
6291
|
-
/* @__PURE__ */
|
|
6292
|
-
/* @__PURE__ */
|
|
6316
|
+
/* @__PURE__ */ jsx8("option", { value: "rounded", children: "Rounded" }),
|
|
6317
|
+
/* @__PURE__ */ jsx8("option", { value: "square", children: "Square" })
|
|
6293
6318
|
]
|
|
6294
6319
|
}
|
|
6295
6320
|
)
|
|
6296
6321
|
] }),
|
|
6297
|
-
/* @__PURE__ */
|
|
6322
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6298
6323
|
"Image Position",
|
|
6299
|
-
/* @__PURE__ */
|
|
6324
|
+
/* @__PURE__ */ jsxs7(
|
|
6300
6325
|
"select",
|
|
6301
6326
|
{
|
|
6302
6327
|
onChange: (event) => updateSelectedField("backgroundImagePosition", event.target.value),
|
|
6303
6328
|
style: sidebarInputStyle,
|
|
6304
6329
|
value: normalizeHeroImagePosition(selectedBlock.backgroundImagePosition),
|
|
6305
6330
|
children: [
|
|
6306
|
-
/* @__PURE__ */
|
|
6307
|
-
/* @__PURE__ */
|
|
6308
|
-
/* @__PURE__ */
|
|
6309
|
-
/* @__PURE__ */
|
|
6310
|
-
/* @__PURE__ */
|
|
6331
|
+
/* @__PURE__ */ jsx8("option", { value: "center", children: "Center" }),
|
|
6332
|
+
/* @__PURE__ */ jsx8("option", { value: "top", children: "Top" }),
|
|
6333
|
+
/* @__PURE__ */ jsx8("option", { value: "bottom", children: "Bottom" }),
|
|
6334
|
+
/* @__PURE__ */ jsx8("option", { value: "left", children: "Left" }),
|
|
6335
|
+
/* @__PURE__ */ jsx8("option", { value: "right", children: "Right" })
|
|
6311
6336
|
]
|
|
6312
6337
|
}
|
|
6313
6338
|
)
|
|
6314
6339
|
] })
|
|
6315
6340
|
] }),
|
|
6316
|
-
/* @__PURE__ */
|
|
6317
|
-
/* @__PURE__ */
|
|
6318
|
-
/* @__PURE__ */
|
|
6341
|
+
/* @__PURE__ */ jsxs7("div", { style: { ...sidebarSectionStyle, display: "grid", gap: 8 }, children: [
|
|
6342
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12, fontWeight: 600 }, children: "Hero Overlay" }),
|
|
6343
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6319
6344
|
"Overlay Type",
|
|
6320
|
-
/* @__PURE__ */
|
|
6345
|
+
/* @__PURE__ */ jsxs7(
|
|
6321
6346
|
"select",
|
|
6322
6347
|
{
|
|
6323
6348
|
onChange: (event) => updateSelectedField("backgroundOverlayMode", event.target.value),
|
|
6324
6349
|
style: sidebarInputStyle,
|
|
6325
6350
|
value: normalizeText2(selectedBlock.backgroundOverlayMode, "none"),
|
|
6326
6351
|
children: [
|
|
6327
|
-
/* @__PURE__ */
|
|
6328
|
-
/* @__PURE__ */
|
|
6329
|
-
/* @__PURE__ */
|
|
6352
|
+
/* @__PURE__ */ jsx8("option", { value: "none", children: "None" }),
|
|
6353
|
+
/* @__PURE__ */ jsx8("option", { value: "solid", children: "Solid" }),
|
|
6354
|
+
/* @__PURE__ */ jsx8("option", { value: "gradient", children: "Gradient" })
|
|
6330
6355
|
]
|
|
6331
6356
|
}
|
|
6332
6357
|
)
|
|
6333
6358
|
] }),
|
|
6334
|
-
/* @__PURE__ */
|
|
6359
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6335
6360
|
"Opacity (%)",
|
|
6336
|
-
/* @__PURE__ */
|
|
6337
|
-
/* @__PURE__ */
|
|
6361
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6362
|
+
/* @__PURE__ */ jsx8(
|
|
6338
6363
|
"input",
|
|
6339
6364
|
{
|
|
6340
6365
|
max: 100,
|
|
@@ -6344,7 +6369,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6344
6369
|
value: parsePercentNumber(selectedBlock.backgroundOverlayOpacity, 45)
|
|
6345
6370
|
}
|
|
6346
6371
|
),
|
|
6347
|
-
/* @__PURE__ */
|
|
6372
|
+
/* @__PURE__ */ jsx8(
|
|
6348
6373
|
"input",
|
|
6349
6374
|
{
|
|
6350
6375
|
max: 100,
|
|
@@ -6360,9 +6385,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6360
6385
|
)
|
|
6361
6386
|
] })
|
|
6362
6387
|
] }),
|
|
6363
|
-
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */
|
|
6388
|
+
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "solid" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6364
6389
|
"Overlay Color",
|
|
6365
|
-
/* @__PURE__ */
|
|
6390
|
+
/* @__PURE__ */ jsx8(
|
|
6366
6391
|
"input",
|
|
6367
6392
|
{
|
|
6368
6393
|
onChange: (event) => updateSelectedField("backgroundOverlayColor", event.target.value),
|
|
@@ -6372,11 +6397,11 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6372
6397
|
}
|
|
6373
6398
|
)
|
|
6374
6399
|
] }) : null,
|
|
6375
|
-
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */
|
|
6376
|
-
/* @__PURE__ */
|
|
6377
|
-
/* @__PURE__ */
|
|
6400
|
+
normalizeText2(selectedBlock.backgroundOverlayMode, "none") === "gradient" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6401
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6402
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6378
6403
|
"From",
|
|
6379
|
-
/* @__PURE__ */
|
|
6404
|
+
/* @__PURE__ */ jsx8(
|
|
6380
6405
|
"input",
|
|
6381
6406
|
{
|
|
6382
6407
|
onChange: (event) => updateSelectedField("backgroundOverlayGradientFrom", event.target.value),
|
|
@@ -6386,9 +6411,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6386
6411
|
}
|
|
6387
6412
|
)
|
|
6388
6413
|
] }),
|
|
6389
|
-
/* @__PURE__ */
|
|
6414
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6390
6415
|
"To",
|
|
6391
|
-
/* @__PURE__ */
|
|
6416
|
+
/* @__PURE__ */ jsx8(
|
|
6392
6417
|
"input",
|
|
6393
6418
|
{
|
|
6394
6419
|
onChange: (event) => updateSelectedField("backgroundOverlayGradientTo", event.target.value),
|
|
@@ -6399,10 +6424,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6399
6424
|
)
|
|
6400
6425
|
] })
|
|
6401
6426
|
] }),
|
|
6402
|
-
/* @__PURE__ */
|
|
6403
|
-
/* @__PURE__ */
|
|
6427
|
+
/* @__PURE__ */ jsxs7("div", { style: { display: "grid", gap: 6, gridTemplateColumns: "1fr 1fr" }, children: [
|
|
6428
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6404
6429
|
"From Strength (%)",
|
|
6405
|
-
/* @__PURE__ */
|
|
6430
|
+
/* @__PURE__ */ jsxs7(
|
|
6406
6431
|
"div",
|
|
6407
6432
|
{
|
|
6408
6433
|
style: {
|
|
@@ -6412,7 +6437,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6412
6437
|
gridTemplateColumns: "1fr 70px"
|
|
6413
6438
|
},
|
|
6414
6439
|
children: [
|
|
6415
|
-
/* @__PURE__ */
|
|
6440
|
+
/* @__PURE__ */ jsx8(
|
|
6416
6441
|
"input",
|
|
6417
6442
|
{
|
|
6418
6443
|
max: 100,
|
|
@@ -6425,7 +6450,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6425
6450
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFromStrength, 100)
|
|
6426
6451
|
}
|
|
6427
6452
|
),
|
|
6428
|
-
/* @__PURE__ */
|
|
6453
|
+
/* @__PURE__ */ jsx8(
|
|
6429
6454
|
"input",
|
|
6430
6455
|
{
|
|
6431
6456
|
max: 100,
|
|
@@ -6443,9 +6468,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6443
6468
|
}
|
|
6444
6469
|
)
|
|
6445
6470
|
] }),
|
|
6446
|
-
/* @__PURE__ */
|
|
6471
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6447
6472
|
"To Strength (%)",
|
|
6448
|
-
/* @__PURE__ */
|
|
6473
|
+
/* @__PURE__ */ jsxs7(
|
|
6449
6474
|
"div",
|
|
6450
6475
|
{
|
|
6451
6476
|
style: {
|
|
@@ -6455,7 +6480,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6455
6480
|
gridTemplateColumns: "1fr 70px"
|
|
6456
6481
|
},
|
|
6457
6482
|
children: [
|
|
6458
|
-
/* @__PURE__ */
|
|
6483
|
+
/* @__PURE__ */ jsx8(
|
|
6459
6484
|
"input",
|
|
6460
6485
|
{
|
|
6461
6486
|
max: 100,
|
|
@@ -6468,7 +6493,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6468
6493
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientToStrength, 100)
|
|
6469
6494
|
}
|
|
6470
6495
|
),
|
|
6471
|
-
/* @__PURE__ */
|
|
6496
|
+
/* @__PURE__ */ jsx8(
|
|
6472
6497
|
"input",
|
|
6473
6498
|
{
|
|
6474
6499
|
max: 100,
|
|
@@ -6487,9 +6512,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6487
6512
|
)
|
|
6488
6513
|
] })
|
|
6489
6514
|
] }),
|
|
6490
|
-
/* @__PURE__ */
|
|
6515
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6491
6516
|
"Angle",
|
|
6492
|
-
/* @__PURE__ */
|
|
6517
|
+
/* @__PURE__ */ jsx8(
|
|
6493
6518
|
"input",
|
|
6494
6519
|
{
|
|
6495
6520
|
max: 360,
|
|
@@ -6501,10 +6526,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6501
6526
|
}
|
|
6502
6527
|
)
|
|
6503
6528
|
] }),
|
|
6504
|
-
/* @__PURE__ */
|
|
6529
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6505
6530
|
"Gradient Start (%)",
|
|
6506
|
-
/* @__PURE__ */
|
|
6507
|
-
/* @__PURE__ */
|
|
6531
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6532
|
+
/* @__PURE__ */ jsx8(
|
|
6508
6533
|
"input",
|
|
6509
6534
|
{
|
|
6510
6535
|
max: 100,
|
|
@@ -6521,7 +6546,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6521
6546
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientStart, 0)
|
|
6522
6547
|
}
|
|
6523
6548
|
),
|
|
6524
|
-
/* @__PURE__ */
|
|
6549
|
+
/* @__PURE__ */ jsx8(
|
|
6525
6550
|
"input",
|
|
6526
6551
|
{
|
|
6527
6552
|
max: 100,
|
|
@@ -6541,10 +6566,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6541
6566
|
)
|
|
6542
6567
|
] })
|
|
6543
6568
|
] }),
|
|
6544
|
-
/* @__PURE__ */
|
|
6569
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6545
6570
|
"Gradient End (%)",
|
|
6546
|
-
/* @__PURE__ */
|
|
6547
|
-
/* @__PURE__ */
|
|
6571
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6572
|
+
/* @__PURE__ */ jsx8(
|
|
6548
6573
|
"input",
|
|
6549
6574
|
{
|
|
6550
6575
|
max: 100,
|
|
@@ -6561,7 +6586,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6561
6586
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientEnd, 100)
|
|
6562
6587
|
}
|
|
6563
6588
|
),
|
|
6564
|
-
/* @__PURE__ */
|
|
6589
|
+
/* @__PURE__ */ jsx8(
|
|
6565
6590
|
"input",
|
|
6566
6591
|
{
|
|
6567
6592
|
max: 100,
|
|
@@ -6581,10 +6606,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6581
6606
|
)
|
|
6582
6607
|
] })
|
|
6583
6608
|
] }),
|
|
6584
|
-
/* @__PURE__ */
|
|
6609
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6585
6610
|
"Feather (%)",
|
|
6586
|
-
/* @__PURE__ */
|
|
6587
|
-
/* @__PURE__ */
|
|
6611
|
+
/* @__PURE__ */ jsxs7("div", { style: { alignItems: "center", display: "grid", gap: 8, gridTemplateColumns: "1fr 90px" }, children: [
|
|
6612
|
+
/* @__PURE__ */ jsx8(
|
|
6588
6613
|
"input",
|
|
6589
6614
|
{
|
|
6590
6615
|
max: 100,
|
|
@@ -6594,7 +6619,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6594
6619
|
value: parsePercentNumber(selectedBlock.backgroundOverlayGradientFeather, 100)
|
|
6595
6620
|
}
|
|
6596
6621
|
),
|
|
6597
|
-
/* @__PURE__ */
|
|
6622
|
+
/* @__PURE__ */ jsx8(
|
|
6598
6623
|
"input",
|
|
6599
6624
|
{
|
|
6600
6625
|
max: 100,
|
|
@@ -6611,7 +6636,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6611
6636
|
] })
|
|
6612
6637
|
] })
|
|
6613
6638
|
] }) : null,
|
|
6614
|
-
/* @__PURE__ */
|
|
6639
|
+
/* @__PURE__ */ jsx8(
|
|
6615
6640
|
"button",
|
|
6616
6641
|
{
|
|
6617
6642
|
onClick: () => {
|
|
@@ -6627,9 +6652,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6627
6652
|
}
|
|
6628
6653
|
)
|
|
6629
6654
|
] }),
|
|
6630
|
-
/* @__PURE__ */
|
|
6655
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6631
6656
|
"Background Color",
|
|
6632
|
-
/* @__PURE__ */
|
|
6657
|
+
/* @__PURE__ */ jsx8(
|
|
6633
6658
|
"input",
|
|
6634
6659
|
{
|
|
6635
6660
|
onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
|
|
@@ -6639,7 +6664,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6639
6664
|
}
|
|
6640
6665
|
)
|
|
6641
6666
|
] }),
|
|
6642
|
-
/* @__PURE__ */
|
|
6667
|
+
/* @__PURE__ */ jsx8(
|
|
6643
6668
|
"button",
|
|
6644
6669
|
{
|
|
6645
6670
|
onClick: () => updateSelectedField("backgroundColor", ""),
|
|
@@ -6649,44 +6674,44 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6649
6674
|
}
|
|
6650
6675
|
)
|
|
6651
6676
|
] }) : null,
|
|
6652
|
-
selectedType === "featureGrid" ? /* @__PURE__ */
|
|
6653
|
-
/* @__PURE__ */
|
|
6677
|
+
selectedType === "featureGrid" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6678
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6654
6679
|
"Variant",
|
|
6655
|
-
/* @__PURE__ */
|
|
6680
|
+
/* @__PURE__ */ jsxs7(
|
|
6656
6681
|
"select",
|
|
6657
6682
|
{
|
|
6658
6683
|
onChange: (event) => updateSelectedField("variant", event.target.value),
|
|
6659
6684
|
style: sidebarInputStyle,
|
|
6660
6685
|
value: normalizeText2(selectedBlock.variant, "cards"),
|
|
6661
6686
|
children: [
|
|
6662
|
-
/* @__PURE__ */
|
|
6663
|
-
/* @__PURE__ */
|
|
6687
|
+
/* @__PURE__ */ jsx8("option", { value: "cards", children: "Cards" }),
|
|
6688
|
+
/* @__PURE__ */ jsx8("option", { value: "highlight", children: "Highlight" })
|
|
6664
6689
|
]
|
|
6665
6690
|
}
|
|
6666
6691
|
)
|
|
6667
6692
|
] }),
|
|
6668
|
-
/* @__PURE__ */
|
|
6693
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6669
6694
|
"Items Per Row (Desktop)",
|
|
6670
|
-
/* @__PURE__ */
|
|
6695
|
+
/* @__PURE__ */ jsxs7(
|
|
6671
6696
|
"select",
|
|
6672
6697
|
{
|
|
6673
6698
|
onChange: (event) => updateSelectedField("itemsPerRow", Number(event.target.value)),
|
|
6674
6699
|
style: sidebarInputStyle,
|
|
6675
6700
|
value: Math.max(1, Math.min(6, Math.floor(parsePixelNumber(selectedBlock.itemsPerRow, 3)))),
|
|
6676
6701
|
children: [
|
|
6677
|
-
/* @__PURE__ */
|
|
6678
|
-
/* @__PURE__ */
|
|
6679
|
-
/* @__PURE__ */
|
|
6680
|
-
/* @__PURE__ */
|
|
6681
|
-
/* @__PURE__ */
|
|
6682
|
-
/* @__PURE__ */
|
|
6702
|
+
/* @__PURE__ */ jsx8("option", { value: 1, children: "1" }),
|
|
6703
|
+
/* @__PURE__ */ jsx8("option", { value: 2, children: "2" }),
|
|
6704
|
+
/* @__PURE__ */ jsx8("option", { value: 3, children: "3" }),
|
|
6705
|
+
/* @__PURE__ */ jsx8("option", { value: 4, children: "4" }),
|
|
6706
|
+
/* @__PURE__ */ jsx8("option", { value: 5, children: "5" }),
|
|
6707
|
+
/* @__PURE__ */ jsx8("option", { value: 6, children: "6" })
|
|
6683
6708
|
]
|
|
6684
6709
|
}
|
|
6685
6710
|
)
|
|
6686
6711
|
] }),
|
|
6687
|
-
/* @__PURE__ */
|
|
6712
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6688
6713
|
"Highlight Background Color",
|
|
6689
|
-
/* @__PURE__ */
|
|
6714
|
+
/* @__PURE__ */ jsx8(
|
|
6690
6715
|
"input",
|
|
6691
6716
|
{
|
|
6692
6717
|
onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
|
|
@@ -6697,42 +6722,42 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6697
6722
|
)
|
|
6698
6723
|
] })
|
|
6699
6724
|
] }) : null,
|
|
6700
|
-
selectedType === "beforeAfter" ? /* @__PURE__ */
|
|
6725
|
+
selectedType === "beforeAfter" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6701
6726
|
"Items Per Row (Desktop)",
|
|
6702
|
-
/* @__PURE__ */
|
|
6727
|
+
/* @__PURE__ */ jsxs7(
|
|
6703
6728
|
"select",
|
|
6704
6729
|
{
|
|
6705
6730
|
onChange: (event) => updateSelectedField("itemsPerRow", Number(event.target.value)),
|
|
6706
6731
|
style: sidebarInputStyle,
|
|
6707
6732
|
value: Math.max(1, Math.min(4, Math.floor(parsePixelNumber(selectedBlock.itemsPerRow, 2)))),
|
|
6708
6733
|
children: [
|
|
6709
|
-
/* @__PURE__ */
|
|
6710
|
-
/* @__PURE__ */
|
|
6711
|
-
/* @__PURE__ */
|
|
6712
|
-
/* @__PURE__ */
|
|
6734
|
+
/* @__PURE__ */ jsx8("option", { value: 1, children: "1" }),
|
|
6735
|
+
/* @__PURE__ */ jsx8("option", { value: 2, children: "2" }),
|
|
6736
|
+
/* @__PURE__ */ jsx8("option", { value: 3, children: "3" }),
|
|
6737
|
+
/* @__PURE__ */ jsx8("option", { value: 4, children: "4" })
|
|
6713
6738
|
]
|
|
6714
6739
|
}
|
|
6715
6740
|
)
|
|
6716
6741
|
] }) : null,
|
|
6717
|
-
selectedType === "cta" ? /* @__PURE__ */
|
|
6718
|
-
/* @__PURE__ */
|
|
6742
|
+
selectedType === "cta" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6743
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6719
6744
|
"Style",
|
|
6720
|
-
/* @__PURE__ */
|
|
6745
|
+
/* @__PURE__ */ jsxs7(
|
|
6721
6746
|
"select",
|
|
6722
6747
|
{
|
|
6723
6748
|
onChange: (event) => updateSelectedField("style", event.target.value),
|
|
6724
6749
|
style: sidebarInputStyle,
|
|
6725
6750
|
value: normalizeText2(selectedBlock.style, "light"),
|
|
6726
6751
|
children: [
|
|
6727
|
-
/* @__PURE__ */
|
|
6728
|
-
/* @__PURE__ */
|
|
6752
|
+
/* @__PURE__ */ jsx8("option", { value: "light", children: "Light" }),
|
|
6753
|
+
/* @__PURE__ */ jsx8("option", { value: "dark", children: "Dark" })
|
|
6729
6754
|
]
|
|
6730
6755
|
}
|
|
6731
6756
|
)
|
|
6732
6757
|
] }),
|
|
6733
|
-
/* @__PURE__ */
|
|
6758
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6734
6759
|
"Background Color",
|
|
6735
|
-
/* @__PURE__ */
|
|
6760
|
+
/* @__PURE__ */ jsx8(
|
|
6736
6761
|
"input",
|
|
6737
6762
|
{
|
|
6738
6763
|
onChange: (event) => updateSelectedField("backgroundColor", event.target.value),
|
|
@@ -6743,18 +6768,18 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6743
6768
|
)
|
|
6744
6769
|
] })
|
|
6745
6770
|
] }) : null,
|
|
6746
|
-
selectedType === "media" ? /* @__PURE__ */
|
|
6747
|
-
/* @__PURE__ */
|
|
6771
|
+
selectedType === "media" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6772
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6748
6773
|
"Image Size",
|
|
6749
|
-
/* @__PURE__ */
|
|
6774
|
+
/* @__PURE__ */ jsxs7(
|
|
6750
6775
|
"select",
|
|
6751
6776
|
{
|
|
6752
6777
|
onChange: (event) => updateSelectedField("size", event.target.value),
|
|
6753
6778
|
style: sidebarInputStyle,
|
|
6754
6779
|
value: normalizeText2(selectedBlock.size, "default"),
|
|
6755
6780
|
children: [
|
|
6756
|
-
/* @__PURE__ */
|
|
6757
|
-
/* @__PURE__ */
|
|
6781
|
+
/* @__PURE__ */ jsx8("option", { value: "default", children: "Default" }),
|
|
6782
|
+
/* @__PURE__ */ jsx8("option", { value: "wide", children: "Wide" })
|
|
6758
6783
|
]
|
|
6759
6784
|
}
|
|
6760
6785
|
)
|
|
@@ -6762,26 +6787,26 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6762
6787
|
(() => {
|
|
6763
6788
|
const selectedMedia = resolveMediaLibraryItemFromValue(selectedBlock.image);
|
|
6764
6789
|
const selectedMediaID = getRelationID2(selectedBlock.image);
|
|
6765
|
-
return /* @__PURE__ */
|
|
6766
|
-
/* @__PURE__ */
|
|
6767
|
-
/* @__PURE__ */
|
|
6790
|
+
return /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6791
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 12 }, children: selectedMedia ? `Selected image: ${mediaLabel2(selectedMedia)}` : "No image selected." }),
|
|
6792
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6768
6793
|
"Choose from Media Library",
|
|
6769
|
-
/* @__PURE__ */
|
|
6794
|
+
/* @__PURE__ */ jsxs7(
|
|
6770
6795
|
"select",
|
|
6771
6796
|
{
|
|
6772
6797
|
onChange: (event) => setSelectedMediaFieldFromLibrary("image", event.target.value),
|
|
6773
6798
|
style: sidebarInputStyle,
|
|
6774
6799
|
value: selectedMediaID !== null ? String(selectedMediaID) : "",
|
|
6775
6800
|
children: [
|
|
6776
|
-
/* @__PURE__ */
|
|
6777
|
-
mediaLibrary.map((libraryItem) => /* @__PURE__ */
|
|
6801
|
+
/* @__PURE__ */ jsx8("option", { value: "", children: "No image" }),
|
|
6802
|
+
mediaLibrary.map((libraryItem) => /* @__PURE__ */ jsx8("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
|
|
6778
6803
|
]
|
|
6779
6804
|
}
|
|
6780
6805
|
)
|
|
6781
6806
|
] }),
|
|
6782
|
-
mediaLibraryLoading ? /* @__PURE__ */
|
|
6783
|
-
mediaLibraryError ? /* @__PURE__ */
|
|
6784
|
-
/* @__PURE__ */
|
|
6807
|
+
mediaLibraryLoading ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Loading media library..." }) : null,
|
|
6808
|
+
mediaLibraryError ? /* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: 11 }, children: mediaLibraryError }) : null,
|
|
6809
|
+
/* @__PURE__ */ jsx8(
|
|
6785
6810
|
"button",
|
|
6786
6811
|
{
|
|
6787
6812
|
disabled: !selectedMedia && selectedMediaID === null,
|
|
@@ -6796,59 +6821,59 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6796
6821
|
children: "Remove Section Image"
|
|
6797
6822
|
}
|
|
6798
6823
|
),
|
|
6799
|
-
/* @__PURE__ */
|
|
6824
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6800
6825
|
"Image Fit",
|
|
6801
|
-
/* @__PURE__ */
|
|
6826
|
+
/* @__PURE__ */ jsxs7(
|
|
6802
6827
|
"select",
|
|
6803
6828
|
{
|
|
6804
6829
|
onChange: (event) => updateSelectedField("imageFit", event.target.value),
|
|
6805
6830
|
style: sidebarInputStyle,
|
|
6806
6831
|
value: normalizeImageFit2(selectedBlock.imageFit),
|
|
6807
6832
|
children: [
|
|
6808
|
-
/* @__PURE__ */
|
|
6809
|
-
/* @__PURE__ */
|
|
6833
|
+
/* @__PURE__ */ jsx8("option", { value: "cover", children: "Cover" }),
|
|
6834
|
+
/* @__PURE__ */ jsx8("option", { value: "contain", children: "Contain" })
|
|
6810
6835
|
]
|
|
6811
6836
|
}
|
|
6812
6837
|
)
|
|
6813
6838
|
] }),
|
|
6814
|
-
/* @__PURE__ */
|
|
6839
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6815
6840
|
"Image Corners",
|
|
6816
|
-
/* @__PURE__ */
|
|
6841
|
+
/* @__PURE__ */ jsxs7(
|
|
6817
6842
|
"select",
|
|
6818
6843
|
{
|
|
6819
6844
|
onChange: (event) => updateSelectedField("imageCornerStyle", event.target.value),
|
|
6820
6845
|
style: sidebarInputStyle,
|
|
6821
6846
|
value: normalizeImageCornerStyle2(selectedBlock.imageCornerStyle),
|
|
6822
6847
|
children: [
|
|
6823
|
-
/* @__PURE__ */
|
|
6824
|
-
/* @__PURE__ */
|
|
6848
|
+
/* @__PURE__ */ jsx8("option", { value: "rounded", children: "Rounded" }),
|
|
6849
|
+
/* @__PURE__ */ jsx8("option", { value: "square", children: "Square" })
|
|
6825
6850
|
]
|
|
6826
6851
|
}
|
|
6827
6852
|
)
|
|
6828
6853
|
] }),
|
|
6829
|
-
/* @__PURE__ */
|
|
6854
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6830
6855
|
"Image Position",
|
|
6831
|
-
/* @__PURE__ */
|
|
6856
|
+
/* @__PURE__ */ jsxs7(
|
|
6832
6857
|
"select",
|
|
6833
6858
|
{
|
|
6834
6859
|
onChange: (event) => updateSelectedField("imagePosition", event.target.value),
|
|
6835
6860
|
style: sidebarInputStyle,
|
|
6836
6861
|
value: normalizeImagePosition2(selectedBlock.imagePosition),
|
|
6837
6862
|
children: [
|
|
6838
|
-
/* @__PURE__ */
|
|
6839
|
-
/* @__PURE__ */
|
|
6840
|
-
/* @__PURE__ */
|
|
6841
|
-
/* @__PURE__ */
|
|
6842
|
-
/* @__PURE__ */
|
|
6863
|
+
/* @__PURE__ */ jsx8("option", { value: "center", children: "Center" }),
|
|
6864
|
+
/* @__PURE__ */ jsx8("option", { value: "top", children: "Top" }),
|
|
6865
|
+
/* @__PURE__ */ jsx8("option", { value: "bottom", children: "Bottom" }),
|
|
6866
|
+
/* @__PURE__ */ jsx8("option", { value: "left", children: "Left" }),
|
|
6867
|
+
/* @__PURE__ */ jsx8("option", { value: "right", children: "Right" })
|
|
6843
6868
|
]
|
|
6844
6869
|
}
|
|
6845
6870
|
)
|
|
6846
6871
|
] })
|
|
6847
6872
|
] });
|
|
6848
6873
|
})(),
|
|
6849
|
-
/* @__PURE__ */
|
|
6874
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6850
6875
|
"Upload Section Image",
|
|
6851
|
-
/* @__PURE__ */
|
|
6876
|
+
/* @__PURE__ */ jsx8(
|
|
6852
6877
|
"input",
|
|
6853
6878
|
{
|
|
6854
6879
|
accept: "image/*",
|
|
@@ -6866,10 +6891,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6866
6891
|
)
|
|
6867
6892
|
] })
|
|
6868
6893
|
] }) : null,
|
|
6869
|
-
selectedType === "richText" ? /* @__PURE__ */
|
|
6870
|
-
/* @__PURE__ */
|
|
6894
|
+
selectedType === "richText" ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6895
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6871
6896
|
"Content",
|
|
6872
|
-
/* @__PURE__ */
|
|
6897
|
+
/* @__PURE__ */ jsx8(
|
|
6873
6898
|
"textarea",
|
|
6874
6899
|
{
|
|
6875
6900
|
onChange: (event) => updateSelectedField("content", createLexicalText(event.target.value || "")),
|
|
@@ -6878,35 +6903,35 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6878
6903
|
}
|
|
6879
6904
|
)
|
|
6880
6905
|
] }),
|
|
6881
|
-
/* @__PURE__ */
|
|
6906
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6882
6907
|
"Content Width",
|
|
6883
|
-
/* @__PURE__ */
|
|
6908
|
+
/* @__PURE__ */ jsxs7(
|
|
6884
6909
|
"select",
|
|
6885
6910
|
{
|
|
6886
6911
|
onChange: (event) => updateSelectedField("width", event.target.value),
|
|
6887
6912
|
style: sidebarInputStyle,
|
|
6888
6913
|
value: normalizeText2(selectedBlock.width, "normal"),
|
|
6889
6914
|
children: [
|
|
6890
|
-
/* @__PURE__ */
|
|
6891
|
-
/* @__PURE__ */
|
|
6915
|
+
/* @__PURE__ */ jsx8("option", { value: "normal", children: "Normal" }),
|
|
6916
|
+
/* @__PURE__ */ jsx8("option", { value: "narrow", children: "Narrow" })
|
|
6892
6917
|
]
|
|
6893
6918
|
}
|
|
6894
6919
|
)
|
|
6895
6920
|
] })
|
|
6896
6921
|
] }) : null,
|
|
6897
|
-
selectedType === "formEmbed" ? /* @__PURE__ */
|
|
6922
|
+
selectedType === "formEmbed" ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6898
6923
|
"Form Type",
|
|
6899
|
-
/* @__PURE__ */
|
|
6924
|
+
/* @__PURE__ */ jsx8(
|
|
6900
6925
|
"select",
|
|
6901
6926
|
{
|
|
6902
6927
|
onChange: (event) => updateSelectedField("formType", event.target.value),
|
|
6903
6928
|
style: sidebarInputStyle,
|
|
6904
6929
|
value: normalizeText2(selectedBlock.formType, "quote"),
|
|
6905
|
-
children: /* @__PURE__ */
|
|
6930
|
+
children: /* @__PURE__ */ jsx8("option", { value: "quote", children: "Quote" })
|
|
6906
6931
|
}
|
|
6907
6932
|
)
|
|
6908
6933
|
] }) : null,
|
|
6909
|
-
selectedType === "testimonials" ? /* @__PURE__ */
|
|
6934
|
+
selectedType === "testimonials" ? /* @__PURE__ */ jsx8(Fragment3, { children: (() => {
|
|
6910
6935
|
const visibleCountValue = Math.max(
|
|
6911
6936
|
1,
|
|
6912
6937
|
Math.min(6, Math.floor(parsePixelNumber(selectedBlock.visibleCount, 3)))
|
|
@@ -6916,10 +6941,10 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6916
6941
|
Math.min(30, Math.floor(parsePixelNumber(selectedBlock.rotateIntervalSeconds, 7)))
|
|
6917
6942
|
);
|
|
6918
6943
|
const autoRotateValue = typeof selectedBlock.autoRotate === "boolean" ? selectedBlock.autoRotate : true;
|
|
6919
|
-
return /* @__PURE__ */
|
|
6920
|
-
/* @__PURE__ */
|
|
6944
|
+
return /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
6945
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6921
6946
|
"Visible At Once",
|
|
6922
|
-
/* @__PURE__ */
|
|
6947
|
+
/* @__PURE__ */ jsx8(
|
|
6923
6948
|
"input",
|
|
6924
6949
|
{
|
|
6925
6950
|
max: 6,
|
|
@@ -6931,8 +6956,8 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6931
6956
|
}
|
|
6932
6957
|
)
|
|
6933
6958
|
] }),
|
|
6934
|
-
/* @__PURE__ */
|
|
6935
|
-
/* @__PURE__ */
|
|
6959
|
+
/* @__PURE__ */ jsxs7("label", { style: { ...sidebarLabelStyle, alignItems: "center", gridTemplateColumns: "auto 1fr" }, children: [
|
|
6960
|
+
/* @__PURE__ */ jsx8(
|
|
6936
6961
|
"input",
|
|
6937
6962
|
{
|
|
6938
6963
|
checked: autoRotateValue,
|
|
@@ -6942,9 +6967,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6942
6967
|
),
|
|
6943
6968
|
"Auto Rotate"
|
|
6944
6969
|
] }),
|
|
6945
|
-
autoRotateValue ? /* @__PURE__ */
|
|
6970
|
+
autoRotateValue ? /* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6946
6971
|
"Rotate Interval (seconds)",
|
|
6947
|
-
/* @__PURE__ */
|
|
6972
|
+
/* @__PURE__ */ jsx8(
|
|
6948
6973
|
"input",
|
|
6949
6974
|
{
|
|
6950
6975
|
max: 30,
|
|
@@ -6958,7 +6983,7 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6958
6983
|
] }) : null
|
|
6959
6984
|
] });
|
|
6960
6985
|
})() }) : null,
|
|
6961
|
-
isArrayItemBlockSelected ? /* @__PURE__ */
|
|
6986
|
+
isArrayItemBlockSelected ? /* @__PURE__ */ jsx8(
|
|
6962
6987
|
ArrayItemsEditor,
|
|
6963
6988
|
{
|
|
6964
6989
|
blockType: selectedType,
|
|
@@ -6982,9 +7007,9 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6982
7007
|
}
|
|
6983
7008
|
) : null
|
|
6984
7009
|
] }),
|
|
6985
|
-
/* @__PURE__ */
|
|
7010
|
+
/* @__PURE__ */ jsxs7("label", { style: sidebarLabelStyle, children: [
|
|
6986
7011
|
"Upload Alt Text",
|
|
6987
|
-
/* @__PURE__ */
|
|
7012
|
+
/* @__PURE__ */ jsx8(
|
|
6988
7013
|
"input",
|
|
6989
7014
|
{
|
|
6990
7015
|
onChange: (event) => setUploadAltText(event.target.value),
|
|
@@ -6995,14 +7020,14 @@ function BuilderPageEditor({ featureFlags, initialDoc, pageID, siteThemeTokens }
|
|
|
6995
7020
|
}
|
|
6996
7021
|
)
|
|
6997
7022
|
] }),
|
|
6998
|
-
/* @__PURE__ */
|
|
6999
|
-
uploadingTarget ? /* @__PURE__ */
|
|
7000
|
-
uploadMessage ? /* @__PURE__ */
|
|
7001
|
-
uploadError ? /* @__PURE__ */
|
|
7002
|
-
] }) : /* @__PURE__ */
|
|
7023
|
+
/* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Click section text directly on the page for copy edits. Use this panel for layout and style options." }),
|
|
7024
|
+
uploadingTarget ? /* @__PURE__ */ jsx8("div", { style: { color: "var(--ink-700)", fontSize: 11 }, children: "Uploading image..." }) : null,
|
|
7025
|
+
uploadMessage ? /* @__PURE__ */ jsx8("div", { style: { color: "#0f7d52", fontSize: 11, fontWeight: 700 }, children: uploadMessage }) : null,
|
|
7026
|
+
uploadError ? /* @__PURE__ */ jsx8("div", { style: { color: "#8d1d1d", fontSize: 11, fontWeight: 700 }, children: uploadError }) : null
|
|
7027
|
+
] }) : /* @__PURE__ */ jsx8("p", { style: { color: "var(--ink-700)", fontSize: 12, margin: 0 }, children: "Click a section on the page preview to edit its options here." }) })
|
|
7003
7028
|
] }) : null
|
|
7004
7029
|
] })
|
|
7005
|
-
] }) : /* @__PURE__ */
|
|
7030
|
+
] }) : /* @__PURE__ */ jsx8(
|
|
7006
7031
|
"div",
|
|
7007
7032
|
{
|
|
7008
7033
|
style: {
|