@builder.io/sdk-solid 2.0.2 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/lib/browser/dev.js +14 -16
  3. package/lib/browser/dev.jsx +14 -16
  4. package/lib/browser/index.js +14 -16
  5. package/lib/browser/index.jsx +14 -16
  6. package/lib/edge/dev.js +14 -16
  7. package/lib/edge/dev.jsx +14 -16
  8. package/lib/edge/index.js +14 -16
  9. package/lib/edge/index.jsx +14 -16
  10. package/lib/node/dev.js +14 -16
  11. package/lib/node/dev.jsx +14 -16
  12. package/lib/node/index.js +14 -16
  13. package/lib/node/index.jsx +14 -16
  14. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -748,7 +748,7 @@ declare function isPreviewing(_search?: Search): boolean;
748
748
 
749
749
  declare const createRegisterComponentMessage: (info: ComponentInfo) => {
750
750
  type: string;
751
- data: ComponentInfo;
751
+ data: any;
752
752
  };
753
753
 
754
754
  type DeepPartial<T> = {
package/lib/browser/dev.js CHANGED
@@ -1563,7 +1563,7 @@ var getColumnsClass = (id) => {
1563
1563
 
1564
1564
  // src/blocks/columns/columns.tsx
1565
1565
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
1566
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
1566
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3ff242de {
1567
1567
  display: flex;
1568
1568
  line-height: normal;
1569
1569
  }`);
@@ -1643,6 +1643,7 @@ function Columns(props) {
1643
1643
  return breakpointSizes[size].max;
1644
1644
  }
1645
1645
  function columnsStyles() {
1646
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1646
1647
  return `
1647
1648
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1648
1649
  .${props.builderBlock.id}-breakpoints {
@@ -1650,7 +1651,7 @@ function Columns(props) {
1650
1651
  align-items: stretch;
1651
1652
  }
1652
1653
 
1653
- .${props.builderBlock.id}-breakpoints > .builder-column {
1654
+ ${childColumnDiv} {
1654
1655
  width: var(--column-width-tablet) !important;
1655
1656
  margin-left: var(--column-margin-left-tablet) !important;
1656
1657
  }
@@ -1662,7 +1663,7 @@ function Columns(props) {
1662
1663
  align-items: stretch;
1663
1664
  }
1664
1665
 
1665
- .${props.builderBlock.id}-breakpoints > .builder-column {
1666
+ ${childColumnDiv} {
1666
1667
  width: var(--column-width-mobile) !important;
1667
1668
  margin-left: var(--column-margin-left-mobile) !important;
1668
1669
  }
@@ -1683,7 +1684,7 @@ function Columns(props) {
1683
1684
  const _el$ = _tmpl$3();
1684
1685
  spread(_el$, mergeProps({
1685
1686
  get ["class"]() {
1686
- return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
1687
+ return getColumnsClass(props.builderBlock?.id) + " div-3ff242de";
1687
1688
  },
1688
1689
  get style() {
1689
1690
  return columnsCssVars();
@@ -4575,17 +4576,14 @@ var serializeFn = (fnValue) => {
4575
4576
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4576
4577
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4577
4578
  };
4578
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4579
- var serializeComponentInfo = ({
4580
- inputs,
4581
- ...info
4582
- }) => ({
4583
- ...fastClone(info),
4584
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4585
- ...acc,
4586
- [key]: serializeValue(value)
4587
- }), {}))
4588
- });
4579
+ function serializeComponentInfo(info) {
4580
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4581
+ if (typeof value === "function") {
4582
+ return serializeFn(value);
4583
+ }
4584
+ return value;
4585
+ }));
4586
+ }
4589
4587
 
4590
4588
  // src/components/content-variants/inlined-fns.ts
4591
4589
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -5151,7 +5149,7 @@ function isFromTrustedHost(trustedHosts, e) {
5151
5149
  }
5152
5150
 
5153
5151
  // src/constants/sdk-version.ts
5154
- var SDK_VERSION = "2.0.2";
5152
+ var SDK_VERSION = "2.0.3";
5155
5153
 
5156
5154
  // src/functions/register.ts
5157
5155
  var registry = {};
package/lib/browser/dev.jsx CHANGED
@@ -1464,6 +1464,7 @@ function Columns(props) {
1464
1464
  return breakpointSizes[size].max;
1465
1465
  }
1466
1466
  function columnsStyles() {
1467
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1467
1468
  return `
1468
1469
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1469
1470
  .${props.builderBlock.id}-breakpoints {
@@ -1471,7 +1472,7 @@ function Columns(props) {
1471
1472
  align-items: stretch;
1472
1473
  }
1473
1474
 
1474
- .${props.builderBlock.id}-breakpoints > .builder-column {
1475
+ ${childColumnDiv} {
1475
1476
  width: var(--column-width-tablet) !important;
1476
1477
  margin-left: var(--column-margin-left-tablet) !important;
1477
1478
  }
@@ -1483,7 +1484,7 @@ function Columns(props) {
1483
1484
  align-items: stretch;
1484
1485
  }
1485
1486
 
1486
- .${props.builderBlock.id}-breakpoints > .builder-column {
1487
+ ${childColumnDiv} {
1487
1488
  width: var(--column-width-mobile) !important;
1488
1489
  margin-left: var(--column-margin-left-mobile) !important;
1489
1490
  }
@@ -1502,7 +1503,7 @@ function Columns(props) {
1502
1503
  }
1503
1504
  return <>
1504
1505
  <div
1505
- class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
1506
+ class={getColumnsClass(props.builderBlock?.id) + " div-3ff242de"}
1506
1507
  style={columnsCssVars()}
1507
1508
  {...{}}
1508
1509
  >
@@ -1531,7 +1532,7 @@ function Columns(props) {
1531
1532
  /></Dynamic_renderer_default>;
1532
1533
  }}</For4>
1533
1534
  </div>
1534
- <style>{`.div-5b8fb3ac {
1535
+ <style>{`.div-3ff242de {
1535
1536
  display: flex;
1536
1537
  line-height: normal;
1537
1538
  }`}</style>
@@ -4086,17 +4087,14 @@ var serializeFn = (fnValue) => {
4086
4087
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4087
4088
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4088
4089
  };
4089
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4090
- var serializeComponentInfo = ({
4091
- inputs,
4092
- ...info
4093
- }) => ({
4094
- ...fastClone(info),
4095
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4096
- ...acc,
4097
- [key]: serializeValue(value)
4098
- }), {}))
4099
- });
4090
+ function serializeComponentInfo(info) {
4091
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4092
+ if (typeof value === "function") {
4093
+ return serializeFn(value);
4094
+ }
4095
+ return value;
4096
+ }));
4097
+ }
4100
4098
 
4101
4099
  // src/components/content-variants/inlined-fns.ts
4102
4100
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -4664,7 +4662,7 @@ function isFromTrustedHost(trustedHosts, e) {
4664
4662
  }
4665
4663
 
4666
4664
  // src/constants/sdk-version.ts
4667
- var SDK_VERSION = "2.0.2";
4665
+ var SDK_VERSION = "2.0.3";
4668
4666
 
4669
4667
  // src/functions/register.ts
4670
4668
  var registry = {};
package/lib/browser/index.js CHANGED
@@ -1557,7 +1557,7 @@ var getColumnsClass = (id) => {
1557
1557
 
1558
1558
  // src/blocks/columns/columns.tsx
1559
1559
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
1560
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
1560
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3ff242de {
1561
1561
  display: flex;
1562
1562
  line-height: normal;
1563
1563
  }`);
@@ -1637,6 +1637,7 @@ function Columns(props) {
1637
1637
  return breakpointSizes[size].max;
1638
1638
  }
1639
1639
  function columnsStyles() {
1640
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1640
1641
  return `
1641
1642
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1642
1643
  .${props.builderBlock.id}-breakpoints {
@@ -1644,7 +1645,7 @@ function Columns(props) {
1644
1645
  align-items: stretch;
1645
1646
  }
1646
1647
 
1647
- .${props.builderBlock.id}-breakpoints > .builder-column {
1648
+ ${childColumnDiv} {
1648
1649
  width: var(--column-width-tablet) !important;
1649
1650
  margin-left: var(--column-margin-left-tablet) !important;
1650
1651
  }
@@ -1656,7 +1657,7 @@ function Columns(props) {
1656
1657
  align-items: stretch;
1657
1658
  }
1658
1659
 
1659
- .${props.builderBlock.id}-breakpoints > .builder-column {
1660
+ ${childColumnDiv} {
1660
1661
  width: var(--column-width-mobile) !important;
1661
1662
  margin-left: var(--column-margin-left-mobile) !important;
1662
1663
  }
@@ -1677,7 +1678,7 @@ function Columns(props) {
1677
1678
  const _el$ = _tmpl$3();
1678
1679
  spread(_el$, mergeProps({
1679
1680
  get ["class"]() {
1680
- return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
1681
+ return getColumnsClass(props.builderBlock?.id) + " div-3ff242de";
1681
1682
  },
1682
1683
  get style() {
1683
1684
  return columnsCssVars();
@@ -4565,17 +4566,14 @@ var serializeFn = (fnValue) => {
4565
4566
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4566
4567
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4567
4568
  };
4568
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4569
- var serializeComponentInfo = ({
4570
- inputs,
4571
- ...info
4572
- }) => ({
4573
- ...fastClone(info),
4574
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4575
- ...acc,
4576
- [key]: serializeValue(value)
4577
- }), {}))
4578
- });
4569
+ function serializeComponentInfo(info) {
4570
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4571
+ if (typeof value === "function") {
4572
+ return serializeFn(value);
4573
+ }
4574
+ return value;
4575
+ }));
4576
+ }
4579
4577
 
4580
4578
  // src/components/content-variants/inlined-fns.ts
4581
4579
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -5136,7 +5134,7 @@ function isFromTrustedHost(trustedHosts, e) {
5136
5134
  }
5137
5135
 
5138
5136
  // src/constants/sdk-version.ts
5139
- var SDK_VERSION = "2.0.2";
5137
+ var SDK_VERSION = "2.0.3";
5140
5138
 
5141
5139
  // src/functions/register.ts
5142
5140
  var registry = {};
package/lib/browser/index.jsx CHANGED
@@ -1458,6 +1458,7 @@ function Columns(props) {
1458
1458
  return breakpointSizes[size].max;
1459
1459
  }
1460
1460
  function columnsStyles() {
1461
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1461
1462
  return `
1462
1463
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1463
1464
  .${props.builderBlock.id}-breakpoints {
@@ -1465,7 +1466,7 @@ function Columns(props) {
1465
1466
  align-items: stretch;
1466
1467
  }
1467
1468
 
1468
- .${props.builderBlock.id}-breakpoints > .builder-column {
1469
+ ${childColumnDiv} {
1469
1470
  width: var(--column-width-tablet) !important;
1470
1471
  margin-left: var(--column-margin-left-tablet) !important;
1471
1472
  }
@@ -1477,7 +1478,7 @@ function Columns(props) {
1477
1478
  align-items: stretch;
1478
1479
  }
1479
1480
 
1480
- .${props.builderBlock.id}-breakpoints > .builder-column {
1481
+ ${childColumnDiv} {
1481
1482
  width: var(--column-width-mobile) !important;
1482
1483
  margin-left: var(--column-margin-left-mobile) !important;
1483
1484
  }
@@ -1496,7 +1497,7 @@ function Columns(props) {
1496
1497
  }
1497
1498
  return <>
1498
1499
  <div
1499
- class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
1500
+ class={getColumnsClass(props.builderBlock?.id) + " div-3ff242de"}
1500
1501
  style={columnsCssVars()}
1501
1502
  {...{}}
1502
1503
  >
@@ -1525,7 +1526,7 @@ function Columns(props) {
1525
1526
  /></Dynamic_renderer_default>;
1526
1527
  }}</For4>
1527
1528
  </div>
1528
- <style>{`.div-5b8fb3ac {
1529
+ <style>{`.div-3ff242de {
1529
1530
  display: flex;
1530
1531
  line-height: normal;
1531
1532
  }`}</style>
@@ -4076,17 +4077,14 @@ var serializeFn = (fnValue) => {
4076
4077
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4077
4078
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4078
4079
  };
4079
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4080
- var serializeComponentInfo = ({
4081
- inputs,
4082
- ...info
4083
- }) => ({
4084
- ...fastClone(info),
4085
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4086
- ...acc,
4087
- [key]: serializeValue(value)
4088
- }), {}))
4089
- });
4080
+ function serializeComponentInfo(info) {
4081
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4082
+ if (typeof value === "function") {
4083
+ return serializeFn(value);
4084
+ }
4085
+ return value;
4086
+ }));
4087
+ }
4090
4088
 
4091
4089
  // src/components/content-variants/inlined-fns.ts
4092
4090
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -4649,7 +4647,7 @@ function isFromTrustedHost(trustedHosts, e) {
4649
4647
  }
4650
4648
 
4651
4649
  // src/constants/sdk-version.ts
4652
- var SDK_VERSION = "2.0.2";
4650
+ var SDK_VERSION = "2.0.3";
4653
4651
 
4654
4652
  // src/functions/register.ts
4655
4653
  var registry = {};
package/lib/edge/dev.js CHANGED
@@ -4709,7 +4709,7 @@ var getColumnsClass = (id2) => {
4709
4709
 
4710
4710
  // src/blocks/columns/columns.tsx
4711
4711
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
4712
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
4712
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3ff242de {
4713
4713
  display: flex;
4714
4714
  line-height: normal;
4715
4715
  }`);
@@ -4789,6 +4789,7 @@ function Columns(props) {
4789
4789
  return breakpointSizes[size].max;
4790
4790
  }
4791
4791
  function columnsStyles() {
4792
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
4792
4793
  return `
4793
4794
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
4794
4795
  .${props.builderBlock.id}-breakpoints {
@@ -4796,7 +4797,7 @@ function Columns(props) {
4796
4797
  align-items: stretch;
4797
4798
  }
4798
4799
 
4799
- .${props.builderBlock.id}-breakpoints > .builder-column {
4800
+ ${childColumnDiv} {
4800
4801
  width: var(--column-width-tablet) !important;
4801
4802
  margin-left: var(--column-margin-left-tablet) !important;
4802
4803
  }
@@ -4808,7 +4809,7 @@ function Columns(props) {
4808
4809
  align-items: stretch;
4809
4810
  }
4810
4811
 
4811
- .${props.builderBlock.id}-breakpoints > .builder-column {
4812
+ ${childColumnDiv} {
4812
4813
  width: var(--column-width-mobile) !important;
4813
4814
  margin-left: var(--column-margin-left-mobile) !important;
4814
4815
  }
@@ -4829,7 +4830,7 @@ function Columns(props) {
4829
4830
  const _el$ = _tmpl$3();
4830
4831
  spread(_el$, mergeProps({
4831
4832
  get ["class"]() {
4832
- return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
4833
+ return getColumnsClass(props.builderBlock?.id) + " div-3ff242de";
4833
4834
  },
4834
4835
  get style() {
4835
4836
  return columnsCssVars();
@@ -7721,17 +7722,14 @@ var serializeFn = (fnValue) => {
7721
7722
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
7722
7723
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
7723
7724
  };
7724
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
7725
- var serializeComponentInfo = ({
7726
- inputs,
7727
- ...info
7728
- }) => ({
7729
- ...fastClone(info),
7730
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
7731
- ...acc,
7732
- [key]: serializeValue(value)
7733
- }), {}))
7734
- });
7725
+ function serializeComponentInfo(info) {
7726
+ return JSON.parse(JSON.stringify(info, (key, value) => {
7727
+ if (typeof value === "function") {
7728
+ return serializeFn(value);
7729
+ }
7730
+ return value;
7731
+ }));
7732
+ }
7735
7733
 
7736
7734
  // src/components/content-variants/inlined-fns.ts
7737
7735
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -8297,7 +8295,7 @@ function isFromTrustedHost(trustedHosts, e) {
8297
8295
  }
8298
8296
 
8299
8297
  // src/constants/sdk-version.ts
8300
- var SDK_VERSION = "2.0.2";
8298
+ var SDK_VERSION = "2.0.3";
8301
8299
 
8302
8300
  // src/functions/register.ts
8303
8301
  var registry = {};
package/lib/edge/dev.jsx CHANGED
@@ -4612,6 +4612,7 @@ function Columns(props) {
4612
4612
  return breakpointSizes[size].max;
4613
4613
  }
4614
4614
  function columnsStyles() {
4615
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
4615
4616
  return `
4616
4617
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
4617
4618
  .${props.builderBlock.id}-breakpoints {
@@ -4619,7 +4620,7 @@ function Columns(props) {
4619
4620
  align-items: stretch;
4620
4621
  }
4621
4622
 
4622
- .${props.builderBlock.id}-breakpoints > .builder-column {
4623
+ ${childColumnDiv} {
4623
4624
  width: var(--column-width-tablet) !important;
4624
4625
  margin-left: var(--column-margin-left-tablet) !important;
4625
4626
  }
@@ -4631,7 +4632,7 @@ function Columns(props) {
4631
4632
  align-items: stretch;
4632
4633
  }
4633
4634
 
4634
- .${props.builderBlock.id}-breakpoints > .builder-column {
4635
+ ${childColumnDiv} {
4635
4636
  width: var(--column-width-mobile) !important;
4636
4637
  margin-left: var(--column-margin-left-mobile) !important;
4637
4638
  }
@@ -4650,7 +4651,7 @@ function Columns(props) {
4650
4651
  }
4651
4652
  return <>
4652
4653
  <div
4653
- class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
4654
+ class={getColumnsClass(props.builderBlock?.id) + " div-3ff242de"}
4654
4655
  style={columnsCssVars()}
4655
4656
  {...{}}
4656
4657
  >
@@ -4679,7 +4680,7 @@ function Columns(props) {
4679
4680
  /></Dynamic_renderer_default>;
4680
4681
  }}</For4>
4681
4682
  </div>
4682
- <style>{`.div-5b8fb3ac {
4683
+ <style>{`.div-3ff242de {
4683
4684
  display: flex;
4684
4685
  line-height: normal;
4685
4686
  }`}</style>
@@ -7234,17 +7235,14 @@ var serializeFn = (fnValue) => {
7234
7235
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
7235
7236
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
7236
7237
  };
7237
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
7238
- var serializeComponentInfo = ({
7239
- inputs,
7240
- ...info
7241
- }) => ({
7242
- ...fastClone(info),
7243
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
7244
- ...acc,
7245
- [key]: serializeValue(value)
7246
- }), {}))
7247
- });
7238
+ function serializeComponentInfo(info) {
7239
+ return JSON.parse(JSON.stringify(info, (key, value) => {
7240
+ if (typeof value === "function") {
7241
+ return serializeFn(value);
7242
+ }
7243
+ return value;
7244
+ }));
7245
+ }
7248
7246
 
7249
7247
  // src/components/content-variants/inlined-fns.ts
7250
7248
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -7812,7 +7810,7 @@ function isFromTrustedHost(trustedHosts, e) {
7812
7810
  }
7813
7811
 
7814
7812
  // src/constants/sdk-version.ts
7815
- var SDK_VERSION = "2.0.2";
7813
+ var SDK_VERSION = "2.0.3";
7816
7814
 
7817
7815
  // src/functions/register.ts
7818
7816
  var registry = {};
package/lib/edge/index.js CHANGED
@@ -4703,7 +4703,7 @@ var getColumnsClass = (id2) => {
4703
4703
 
4704
4704
  // src/blocks/columns/columns.tsx
4705
4705
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
4706
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
4706
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3ff242de {
4707
4707
  display: flex;
4708
4708
  line-height: normal;
4709
4709
  }`);
@@ -4783,6 +4783,7 @@ function Columns(props) {
4783
4783
  return breakpointSizes[size].max;
4784
4784
  }
4785
4785
  function columnsStyles() {
4786
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
4786
4787
  return `
4787
4788
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
4788
4789
  .${props.builderBlock.id}-breakpoints {
@@ -4790,7 +4791,7 @@ function Columns(props) {
4790
4791
  align-items: stretch;
4791
4792
  }
4792
4793
 
4793
- .${props.builderBlock.id}-breakpoints > .builder-column {
4794
+ ${childColumnDiv} {
4794
4795
  width: var(--column-width-tablet) !important;
4795
4796
  margin-left: var(--column-margin-left-tablet) !important;
4796
4797
  }
@@ -4802,7 +4803,7 @@ function Columns(props) {
4802
4803
  align-items: stretch;
4803
4804
  }
4804
4805
 
4805
- .${props.builderBlock.id}-breakpoints > .builder-column {
4806
+ ${childColumnDiv} {
4806
4807
  width: var(--column-width-mobile) !important;
4807
4808
  margin-left: var(--column-margin-left-mobile) !important;
4808
4809
  }
@@ -4823,7 +4824,7 @@ function Columns(props) {
4823
4824
  const _el$ = _tmpl$3();
4824
4825
  spread(_el$, mergeProps({
4825
4826
  get ["class"]() {
4826
- return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
4827
+ return getColumnsClass(props.builderBlock?.id) + " div-3ff242de";
4827
4828
  },
4828
4829
  get style() {
4829
4830
  return columnsCssVars();
@@ -7711,17 +7712,14 @@ var serializeFn = (fnValue) => {
7711
7712
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
7712
7713
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
7713
7714
  };
7714
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
7715
- var serializeComponentInfo = ({
7716
- inputs,
7717
- ...info
7718
- }) => ({
7719
- ...fastClone(info),
7720
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
7721
- ...acc,
7722
- [key]: serializeValue(value)
7723
- }), {}))
7724
- });
7715
+ function serializeComponentInfo(info) {
7716
+ return JSON.parse(JSON.stringify(info, (key, value) => {
7717
+ if (typeof value === "function") {
7718
+ return serializeFn(value);
7719
+ }
7720
+ return value;
7721
+ }));
7722
+ }
7725
7723
 
7726
7724
  // src/components/content-variants/inlined-fns.ts
7727
7725
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -8282,7 +8280,7 @@ function isFromTrustedHost(trustedHosts, e) {
8282
8280
  }
8283
8281
 
8284
8282
  // src/constants/sdk-version.ts
8285
- var SDK_VERSION = "2.0.2";
8283
+ var SDK_VERSION = "2.0.3";
8286
8284
 
8287
8285
  // src/functions/register.ts
8288
8286
  var registry = {};
package/lib/edge/index.jsx CHANGED
@@ -4606,6 +4606,7 @@ function Columns(props) {
4606
4606
  return breakpointSizes[size].max;
4607
4607
  }
4608
4608
  function columnsStyles() {
4609
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
4609
4610
  return `
4610
4611
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
4611
4612
  .${props.builderBlock.id}-breakpoints {
@@ -4613,7 +4614,7 @@ function Columns(props) {
4613
4614
  align-items: stretch;
4614
4615
  }
4615
4616
 
4616
- .${props.builderBlock.id}-breakpoints > .builder-column {
4617
+ ${childColumnDiv} {
4617
4618
  width: var(--column-width-tablet) !important;
4618
4619
  margin-left: var(--column-margin-left-tablet) !important;
4619
4620
  }
@@ -4625,7 +4626,7 @@ function Columns(props) {
4625
4626
  align-items: stretch;
4626
4627
  }
4627
4628
 
4628
- .${props.builderBlock.id}-breakpoints > .builder-column {
4629
+ ${childColumnDiv} {
4629
4630
  width: var(--column-width-mobile) !important;
4630
4631
  margin-left: var(--column-margin-left-mobile) !important;
4631
4632
  }
@@ -4644,7 +4645,7 @@ function Columns(props) {
4644
4645
  }
4645
4646
  return <>
4646
4647
  <div
4647
- class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
4648
+ class={getColumnsClass(props.builderBlock?.id) + " div-3ff242de"}
4648
4649
  style={columnsCssVars()}
4649
4650
  {...{}}
4650
4651
  >
@@ -4673,7 +4674,7 @@ function Columns(props) {
4673
4674
  /></Dynamic_renderer_default>;
4674
4675
  }}</For4>
4675
4676
  </div>
4676
- <style>{`.div-5b8fb3ac {
4677
+ <style>{`.div-3ff242de {
4677
4678
  display: flex;
4678
4679
  line-height: normal;
4679
4680
  }`}</style>
@@ -7224,17 +7225,14 @@ var serializeFn = (fnValue) => {
7224
7225
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
7225
7226
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
7226
7227
  };
7227
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
7228
- var serializeComponentInfo = ({
7229
- inputs,
7230
- ...info
7231
- }) => ({
7232
- ...fastClone(info),
7233
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
7234
- ...acc,
7235
- [key]: serializeValue(value)
7236
- }), {}))
7237
- });
7228
+ function serializeComponentInfo(info) {
7229
+ return JSON.parse(JSON.stringify(info, (key, value) => {
7230
+ if (typeof value === "function") {
7231
+ return serializeFn(value);
7232
+ }
7233
+ return value;
7234
+ }));
7235
+ }
7238
7236
 
7239
7237
  // src/components/content-variants/inlined-fns.ts
7240
7238
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -7797,7 +7795,7 @@ function isFromTrustedHost(trustedHosts, e) {
7797
7795
  }
7798
7796
 
7799
7797
  // src/constants/sdk-version.ts
7800
- var SDK_VERSION = "2.0.2";
7798
+ var SDK_VERSION = "2.0.3";
7801
7799
 
7802
7800
  // src/functions/register.ts
7803
7801
  var registry = {};
package/lib/node/dev.js CHANGED
@@ -1733,7 +1733,7 @@ var getColumnsClass = (id) => {
1733
1733
 
1734
1734
  // src/blocks/columns/columns.tsx
1735
1735
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
1736
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
1736
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3ff242de {
1737
1737
  display: flex;
1738
1738
  line-height: normal;
1739
1739
  }`);
@@ -1813,6 +1813,7 @@ function Columns(props) {
1813
1813
  return breakpointSizes[size].max;
1814
1814
  }
1815
1815
  function columnsStyles() {
1816
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1816
1817
  return `
1817
1818
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1818
1819
  .${props.builderBlock.id}-breakpoints {
@@ -1820,7 +1821,7 @@ function Columns(props) {
1820
1821
  align-items: stretch;
1821
1822
  }
1822
1823
 
1823
- .${props.builderBlock.id}-breakpoints > .builder-column {
1824
+ ${childColumnDiv} {
1824
1825
  width: var(--column-width-tablet) !important;
1825
1826
  margin-left: var(--column-margin-left-tablet) !important;
1826
1827
  }
@@ -1832,7 +1833,7 @@ function Columns(props) {
1832
1833
  align-items: stretch;
1833
1834
  }
1834
1835
 
1835
- .${props.builderBlock.id}-breakpoints > .builder-column {
1836
+ ${childColumnDiv} {
1836
1837
  width: var(--column-width-mobile) !important;
1837
1838
  margin-left: var(--column-margin-left-mobile) !important;
1838
1839
  }
@@ -1853,7 +1854,7 @@ function Columns(props) {
1853
1854
  const _el$ = _tmpl$3();
1854
1855
  spread(_el$, mergeProps({
1855
1856
  get ["class"]() {
1856
- return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
1857
+ return getColumnsClass(props.builderBlock?.id) + " div-3ff242de";
1857
1858
  },
1858
1859
  get style() {
1859
1860
  return columnsCssVars();
@@ -4745,17 +4746,14 @@ var serializeFn = (fnValue) => {
4745
4746
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4746
4747
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4747
4748
  };
4748
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4749
- var serializeComponentInfo = ({
4750
- inputs,
4751
- ...info
4752
- }) => ({
4753
- ...fastClone(info),
4754
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4755
- ...acc,
4756
- [key]: serializeValue(value)
4757
- }), {}))
4758
- });
4749
+ function serializeComponentInfo(info) {
4750
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4751
+ if (typeof value === "function") {
4752
+ return serializeFn(value);
4753
+ }
4754
+ return value;
4755
+ }));
4756
+ }
4759
4757
 
4760
4758
  // src/components/content-variants/inlined-fns.ts
4761
4759
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -5321,7 +5319,7 @@ function isFromTrustedHost(trustedHosts, e) {
5321
5319
  }
5322
5320
 
5323
5321
  // src/constants/sdk-version.ts
5324
- var SDK_VERSION = "2.0.2";
5322
+ var SDK_VERSION = "2.0.3";
5325
5323
 
5326
5324
  // src/functions/register.ts
5327
5325
  var registry = {};
package/lib/node/dev.jsx CHANGED
@@ -1636,6 +1636,7 @@ function Columns(props) {
1636
1636
  return breakpointSizes[size].max;
1637
1637
  }
1638
1638
  function columnsStyles() {
1639
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1639
1640
  return `
1640
1641
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1641
1642
  .${props.builderBlock.id}-breakpoints {
@@ -1643,7 +1644,7 @@ function Columns(props) {
1643
1644
  align-items: stretch;
1644
1645
  }
1645
1646
 
1646
- .${props.builderBlock.id}-breakpoints > .builder-column {
1647
+ ${childColumnDiv} {
1647
1648
  width: var(--column-width-tablet) !important;
1648
1649
  margin-left: var(--column-margin-left-tablet) !important;
1649
1650
  }
@@ -1655,7 +1656,7 @@ function Columns(props) {
1655
1656
  align-items: stretch;
1656
1657
  }
1657
1658
 
1658
- .${props.builderBlock.id}-breakpoints > .builder-column {
1659
+ ${childColumnDiv} {
1659
1660
  width: var(--column-width-mobile) !important;
1660
1661
  margin-left: var(--column-margin-left-mobile) !important;
1661
1662
  }
@@ -1674,7 +1675,7 @@ function Columns(props) {
1674
1675
  }
1675
1676
  return <>
1676
1677
  <div
1677
- class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
1678
+ class={getColumnsClass(props.builderBlock?.id) + " div-3ff242de"}
1678
1679
  style={columnsCssVars()}
1679
1680
  {...{}}
1680
1681
  >
@@ -1703,7 +1704,7 @@ function Columns(props) {
1703
1704
  /></Dynamic_renderer_default>;
1704
1705
  }}</For4>
1705
1706
  </div>
1706
- <style>{`.div-5b8fb3ac {
1707
+ <style>{`.div-3ff242de {
1707
1708
  display: flex;
1708
1709
  line-height: normal;
1709
1710
  }`}</style>
@@ -4258,17 +4259,14 @@ var serializeFn = (fnValue) => {
4258
4259
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4259
4260
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4260
4261
  };
4261
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4262
- var serializeComponentInfo = ({
4263
- inputs,
4264
- ...info
4265
- }) => ({
4266
- ...fastClone(info),
4267
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4268
- ...acc,
4269
- [key]: serializeValue(value)
4270
- }), {}))
4271
- });
4262
+ function serializeComponentInfo(info) {
4263
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4264
+ if (typeof value === "function") {
4265
+ return serializeFn(value);
4266
+ }
4267
+ return value;
4268
+ }));
4269
+ }
4272
4270
 
4273
4271
  // src/components/content-variants/inlined-fns.ts
4274
4272
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -4836,7 +4834,7 @@ function isFromTrustedHost(trustedHosts, e) {
4836
4834
  }
4837
4835
 
4838
4836
  // src/constants/sdk-version.ts
4839
- var SDK_VERSION = "2.0.2";
4837
+ var SDK_VERSION = "2.0.3";
4840
4838
 
4841
4839
  // src/functions/register.ts
4842
4840
  var registry = {};
package/lib/node/index.js CHANGED
@@ -1727,7 +1727,7 @@ var getColumnsClass = (id) => {
1727
1727
 
1728
1728
  // src/blocks/columns/columns.tsx
1729
1729
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
1730
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-5b8fb3ac {
1730
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3ff242de {
1731
1731
  display: flex;
1732
1732
  line-height: normal;
1733
1733
  }`);
@@ -1807,6 +1807,7 @@ function Columns(props) {
1807
1807
  return breakpointSizes[size].max;
1808
1808
  }
1809
1809
  function columnsStyles() {
1810
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1810
1811
  return `
1811
1812
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1812
1813
  .${props.builderBlock.id}-breakpoints {
@@ -1814,7 +1815,7 @@ function Columns(props) {
1814
1815
  align-items: stretch;
1815
1816
  }
1816
1817
 
1817
- .${props.builderBlock.id}-breakpoints > .builder-column {
1818
+ ${childColumnDiv} {
1818
1819
  width: var(--column-width-tablet) !important;
1819
1820
  margin-left: var(--column-margin-left-tablet) !important;
1820
1821
  }
@@ -1826,7 +1827,7 @@ function Columns(props) {
1826
1827
  align-items: stretch;
1827
1828
  }
1828
1829
 
1829
- .${props.builderBlock.id}-breakpoints > .builder-column {
1830
+ ${childColumnDiv} {
1830
1831
  width: var(--column-width-mobile) !important;
1831
1832
  margin-left: var(--column-margin-left-mobile) !important;
1832
1833
  }
@@ -1847,7 +1848,7 @@ function Columns(props) {
1847
1848
  const _el$ = _tmpl$3();
1848
1849
  spread(_el$, mergeProps({
1849
1850
  get ["class"]() {
1850
- return getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac";
1851
+ return getColumnsClass(props.builderBlock?.id) + " div-3ff242de";
1851
1852
  },
1852
1853
  get style() {
1853
1854
  return columnsCssVars();
@@ -4735,17 +4736,14 @@ var serializeFn = (fnValue) => {
4735
4736
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4736
4737
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4737
4738
  };
4738
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4739
- var serializeComponentInfo = ({
4740
- inputs,
4741
- ...info
4742
- }) => ({
4743
- ...fastClone(info),
4744
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4745
- ...acc,
4746
- [key]: serializeValue(value)
4747
- }), {}))
4748
- });
4739
+ function serializeComponentInfo(info) {
4740
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4741
+ if (typeof value === "function") {
4742
+ return serializeFn(value);
4743
+ }
4744
+ return value;
4745
+ }));
4746
+ }
4749
4747
 
4750
4748
  // src/components/content-variants/inlined-fns.ts
4751
4749
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -5306,7 +5304,7 @@ function isFromTrustedHost(trustedHosts, e) {
5306
5304
  }
5307
5305
 
5308
5306
  // src/constants/sdk-version.ts
5309
- var SDK_VERSION = "2.0.2";
5307
+ var SDK_VERSION = "2.0.3";
5310
5308
 
5311
5309
  // src/functions/register.ts
5312
5310
  var registry = {};
package/lib/node/index.jsx CHANGED
@@ -1630,6 +1630,7 @@ function Columns(props) {
1630
1630
  return breakpointSizes[size].max;
1631
1631
  }
1632
1632
  function columnsStyles() {
1633
+ const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
1633
1634
  return `
1634
1635
  @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
1635
1636
  .${props.builderBlock.id}-breakpoints {
@@ -1637,7 +1638,7 @@ function Columns(props) {
1637
1638
  align-items: stretch;
1638
1639
  }
1639
1640
 
1640
- .${props.builderBlock.id}-breakpoints > .builder-column {
1641
+ ${childColumnDiv} {
1641
1642
  width: var(--column-width-tablet) !important;
1642
1643
  margin-left: var(--column-margin-left-tablet) !important;
1643
1644
  }
@@ -1649,7 +1650,7 @@ function Columns(props) {
1649
1650
  align-items: stretch;
1650
1651
  }
1651
1652
 
1652
- .${props.builderBlock.id}-breakpoints > .builder-column {
1653
+ ${childColumnDiv} {
1653
1654
  width: var(--column-width-mobile) !important;
1654
1655
  margin-left: var(--column-margin-left-mobile) !important;
1655
1656
  }
@@ -1668,7 +1669,7 @@ function Columns(props) {
1668
1669
  }
1669
1670
  return <>
1670
1671
  <div
1671
- class={getColumnsClass(props.builderBlock?.id) + " div-5b8fb3ac"}
1672
+ class={getColumnsClass(props.builderBlock?.id) + " div-3ff242de"}
1672
1673
  style={columnsCssVars()}
1673
1674
  {...{}}
1674
1675
  >
@@ -1697,7 +1698,7 @@ function Columns(props) {
1697
1698
  /></Dynamic_renderer_default>;
1698
1699
  }}</For4>
1699
1700
  </div>
1700
- <style>{`.div-5b8fb3ac {
1701
+ <style>{`.div-3ff242de {
1701
1702
  display: flex;
1702
1703
  line-height: normal;
1703
1704
  }`}</style>
@@ -4248,17 +4249,14 @@ var serializeFn = (fnValue) => {
4248
4249
  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
4249
4250
  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
4250
4251
  };
4251
- var serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
4252
- var serializeComponentInfo = ({
4253
- inputs,
4254
- ...info
4255
- }) => ({
4256
- ...fastClone(info),
4257
- inputs: inputs?.map((input) => Object.entries(input).reduce((acc, [key, value]) => ({
4258
- ...acc,
4259
- [key]: serializeValue(value)
4260
- }), {}))
4261
- });
4252
+ function serializeComponentInfo(info) {
4253
+ return JSON.parse(JSON.stringify(info, (key, value) => {
4254
+ if (typeof value === "function") {
4255
+ return serializeFn(value);
4256
+ }
4257
+ return value;
4258
+ }));
4259
+ }
4262
4260
 
4263
4261
  // src/components/content-variants/inlined-fns.ts
4264
4262
  var UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n function getAndSetVariantId() {\n function setCookie(name, value, days) {\n let expires = '';\n if (days) {\n const date = new Date();\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n expires = '; expires=' + date.toUTCString();\n }\n document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n }\n function getCookie(name) {\n const nameEQ = name + '=';\n const ca = document.cookie.split(';');\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n }\n return null;\n }\n const cookieName = `builder.tests.${contentId}`;\n const variantInCookie = getCookie(cookieName);\n const availableIDs = variants.map(vr => vr.id).concat(contentId);\n if (variantInCookie && availableIDs.includes(variantInCookie)) {\n return variantInCookie;\n }\n let n = 0;\n const random = Math.random();\n for (let i = 0; i < variants.length; i++) {\n const variant = variants[i];\n const testRatio = variant.testRatio;\n n += testRatio;\n if (random < n) {\n setCookie(cookieName, variant.id);\n return variant.id;\n }\n }\n setCookie(cookieName, contentId);\n return contentId;\n }\n const winningVariantId = getAndSetVariantId();\n const styleEl = document.currentScript?.previousElementSibling;\n if (isHydrationTarget) {\n styleEl.remove();\n const thisScriptEl = document.currentScript;\n thisScriptEl?.remove();\n } else {\n const newStyleStr = variants.concat({\n id: contentId\n }).filter(variant => variant.id !== winningVariantId).map(value => {\n return `.variant-${value.id} { display: none; }\n `;\n }).join('');\n styleEl.innerHTML = newStyleStr;\n }\n}";
@@ -4821,7 +4819,7 @@ function isFromTrustedHost(trustedHosts, e) {
4821
4819
  }
4822
4820
 
4823
4821
  // src/constants/sdk-version.ts
4824
- var SDK_VERSION = "2.0.2";
4822
+ var SDK_VERSION = "2.0.3";
4825
4823
 
4826
4824
  // src/functions/register.ts
4827
4825
  var registry = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-solid",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist",