@builder.io/sdk-qwik 0.5.9 → 0.6.1

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 (36) hide show
  1. package/README.md +0 -4
  2. package/lib/browser/index.qwik.cjs +4270 -0
  3. package/lib/browser/index.qwik.mjs +4270 -0
  4. package/lib/edge/index.qwik.cjs +7474 -0
  5. package/lib/edge/index.qwik.mjs +7474 -0
  6. package/lib/index.qwik.cjs +1492 -211
  7. package/lib/index.qwik.mjs +1493 -212
  8. package/lib/node/index.qwik.cjs +4270 -0
  9. package/lib/node/index.qwik.mjs +4270 -0
  10. package/package.json +83 -13
  11. package/types/components/blocks/deopt.d.ts +4 -0
  12. package/types/constants/sdk-version.d.ts +1 -1
  13. package/types/functions/evaluate/edge-runtime/edge-runtime.d.ts +2 -0
  14. package/types/functions/evaluate/edge-runtime/index.d.ts +1 -0
  15. package/types/functions/evaluate/helpers.d.ts +1 -1
  16. package/types/functions/evaluate/placeholder-runtime.d.ts +2 -0
  17. package/types/functions/fetch-builder-props.d.ts +2 -1
  18. package/types/functions/get-content/index.d.ts +4 -5
  19. package/types/functions/is-edge-runtime.d.ts +4 -0
  20. package/types/src/components/blocks/deopt.d.ts +4 -0
  21. package/types/src/constants/sdk-version.d.ts +1 -1
  22. package/types/src/functions/deopt.d.ts +4 -0
  23. package/types/src/functions/evaluate/edge-runtime/edge-runtime.d.ts +2 -0
  24. package/types/src/functions/evaluate/edge-runtime/index.d.ts +1 -0
  25. package/types/src/functions/evaluate/non-node-runtime/index.d.ts +1 -1
  26. package/types/src/functions/fetch-builder-props.d.ts +2 -1
  27. package/types/src/functions/get-content/index.d.ts +4 -5
  28. package/types/src/functions/is-edge-runtime.d.ts +4 -0
  29. package/types/src/index-helpers/blocks-exports.d.ts +2 -2
  30. package/types/functions/evaluate/types.d.ts +0 -11
  31. package/types/functions/if-target.d.ts +0 -7
  32. package/types/src/functions/evaluate/node-runtime/node-runtime.d.ts +0 -2
  33. package/types/src/functions/evaluate/types.d.ts +0 -11
  34. package/types/src/functions/if-target.d.ts +0 -7
  35. /package/types/functions/evaluate/{acorn-interpreter.d.ts → edge-runtime/acorn-interpreter.d.ts} +0 -0
  36. /package/types/src/functions/evaluate/{acorn-interpreter.d.ts → edge-runtime/acorn-interpreter.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, _wrapProp, useContext, Fragment as Fragment$1, createElement, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
4
4
  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -4215,26 +4215,37 @@ const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
4215
4215
  return props.styleProp;
4216
4216
  },
4217
4217
  children: [
4218
+ /* @__PURE__ */ _jsxQ("div", null, null, [
4219
+ "in BLOCKS (outside loop): ",
4220
+ _fnSignal((p0) => (
4221
+ // @ts-ignore
4222
+ p0.context.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text
4223
+ ), [
4224
+ props
4225
+ ], "p0.context.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text")
4226
+ ], 3, null),
4218
4227
  props.blocks ? (props.blocks || []).map((block) => {
4219
- return /* @__PURE__ */ _jsxC(Block, {
4220
- block,
4221
- get context() {
4222
- return props.context || builderContext$1;
4223
- },
4224
- get registeredComponents() {
4225
- return props.registeredComponents || componentsContext.registeredComponents;
4226
- },
4227
- [_IMMUTABLE]: {
4228
- context: _fnSignal((p0, p1) => p1.context || p0, [
4229
- builderContext$1,
4230
- props
4231
- ], "p1.context||p0"),
4232
- registeredComponents: _fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
4233
- componentsContext,
4234
- props
4235
- ], "p1.registeredComponents||p0.registeredComponents")
4236
- }
4237
- }, 3, "render-block-" + block.id);
4228
+ return /* @__PURE__ */ _jsxC(Fragment$1, {
4229
+ children: /* @__PURE__ */ _jsxC(Block, {
4230
+ block,
4231
+ get context() {
4232
+ return props.context || builderContext$1;
4233
+ },
4234
+ get registeredComponents() {
4235
+ return props.registeredComponents || componentsContext.registeredComponents;
4236
+ },
4237
+ [_IMMUTABLE]: {
4238
+ context: _fnSignal((p0, p1) => p1.context || p0, [
4239
+ builderContext$1,
4240
+ props
4241
+ ], "p1.context||p0"),
4242
+ registeredComponents: _fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
4243
+ componentsContext,
4244
+ props
4245
+ ], "p1.registeredComponents||p0.registeredComponents")
4246
+ }
4247
+ }, 3, "render-block-" + block.id)
4248
+ }, 1, "render-block-" + block.id);
4238
4249
  }) : null,
4239
4250
  props.blocks ? (props.blocks || []).map((block) => {
4240
4251
  return /* @__PURE__ */ _jsxC(BlockStyles, {
@@ -5832,138 +5843,6 @@ const serializeComponentInfo = ({ inputs, ...info }) => ({
5832
5843
  [key]: serializeValue(value)
5833
5844
  }), {}))
5834
5845
  });
5835
- const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
5836
- ...variant,
5837
- testVariationId: variant.id,
5838
- id: content == null ? void 0 : content.id
5839
- }));
5840
- const checkShouldRunVariants = ({ canTrack, content }) => {
5841
- const hasVariants = getVariants(content).length > 0;
5842
- if (!hasVariants)
5843
- return false;
5844
- if (!canTrack)
5845
- return false;
5846
- if (isBrowser())
5847
- return false;
5848
- return true;
5849
- };
5850
- function bldrAbTest(contentId, variants, isHydrationTarget2) {
5851
- var _a;
5852
- function getAndSetVariantId2() {
5853
- function setCookie2(name, value, days) {
5854
- let expires = "";
5855
- if (days) {
5856
- const date = /* @__PURE__ */ new Date();
5857
- date.setTime(date.getTime() + days * 864e5);
5858
- expires = "; expires=" + date.toUTCString();
5859
- }
5860
- document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
5861
- }
5862
- function getCookie2(name) {
5863
- const nameEQ = name + "=";
5864
- const ca2 = document.cookie.split(";");
5865
- for (let i = 0; i < ca2.length; i++) {
5866
- let c = ca2[i];
5867
- while (c.charAt(0) === " ")
5868
- c = c.substring(1, c.length);
5869
- if (c.indexOf(nameEQ) === 0)
5870
- return c.substring(nameEQ.length, c.length);
5871
- }
5872
- return null;
5873
- }
5874
- const cookieName = `builder.tests.${contentId}`;
5875
- const variantInCookie = getCookie2(cookieName);
5876
- const availableIDs = variants.map((vr) => vr.id).concat(contentId);
5877
- if (variantInCookie && availableIDs.includes(variantInCookie))
5878
- return variantInCookie;
5879
- let n = 0;
5880
- const random = Math.random();
5881
- for (let i = 0; i < variants.length; i++) {
5882
- const variant = variants[i];
5883
- const testRatio = variant.testRatio;
5884
- n += testRatio;
5885
- if (random < n) {
5886
- setCookie2(cookieName, variant.id);
5887
- return variant.id;
5888
- }
5889
- }
5890
- setCookie2(cookieName, contentId);
5891
- return contentId;
5892
- }
5893
- const winningVariantId = getAndSetVariantId2();
5894
- const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
5895
- if (isHydrationTarget2) {
5896
- styleEl.remove();
5897
- const thisScriptEl = document.currentScript;
5898
- thisScriptEl == null ? void 0 : thisScriptEl.remove();
5899
- } else {
5900
- const newStyleStr = variants.concat({
5901
- id: contentId
5902
- }).filter((variant) => variant.id !== winningVariantId).map((value) => {
5903
- return `.variant-${value.id} { display: none; }
5904
- `;
5905
- }).join("");
5906
- styleEl.innerHTML = newStyleStr;
5907
- }
5908
- }
5909
- function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
5910
- var _a;
5911
- if (!navigator.cookieEnabled)
5912
- return;
5913
- function getCookie2(name) {
5914
- const nameEQ = name + "=";
5915
- const ca2 = document.cookie.split(";");
5916
- for (let i = 0; i < ca2.length; i++) {
5917
- let c = ca2[i];
5918
- while (c.charAt(0) === " ")
5919
- c = c.substring(1, c.length);
5920
- if (c.indexOf(nameEQ) === 0)
5921
- return c.substring(nameEQ.length, c.length);
5922
- }
5923
- return null;
5924
- }
5925
- const cookieName = `builder.tests.${defaultContentId}`;
5926
- const variantId = getCookie2(cookieName);
5927
- const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
5928
- const variantIsDefaultContent = variantContentId === defaultContentId;
5929
- if (variantId === variantContentId) {
5930
- if (variantIsDefaultContent)
5931
- return;
5932
- parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
5933
- parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
5934
- } else {
5935
- if (variantIsDefaultContent) {
5936
- if (isHydrationTarget2)
5937
- parentDiv == null ? void 0 : parentDiv.remove();
5938
- else {
5939
- parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
5940
- parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
5941
- }
5942
- }
5943
- return;
5944
- }
5945
- return;
5946
- }
5947
- const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
5948
- const isHydrationTarget = getIsHydrationTarget(TARGET);
5949
- const AB_TEST_FN_NAME = "builderIoAbTest";
5950
- const CONTENT_FN_NAME = "builderIoRenderContent";
5951
- const getScriptString = () => {
5952
- const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
5953
- const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
5954
- return `
5955
- window.${AB_TEST_FN_NAME} = ${fnStr}
5956
- window.${CONTENT_FN_NAME} = ${fnStr2}
5957
- `;
5958
- };
5959
- const getVariantsScriptString = (variants, contentId) => {
5960
- return `
5961
- window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
5962
- };
5963
- const getRenderContentScriptString = ({ contentId, variationId }) => {
5964
- return `
5965
- window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
5966
- };
5967
5846
  const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
5968
5847
  return /* @__PURE__ */ _jsxQ("script", null, {
5969
5848
  dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
@@ -6329,7 +6208,7 @@ const getInteractionPropertiesForEvent = (event) => {
6329
6208
  }
6330
6209
  };
6331
6210
  };
6332
- const SDK_VERSION = "0.5.9";
6211
+ const SDK_VERSION = "0.5.8";
6333
6212
  const registry = {};
6334
6213
  function register(type, info) {
6335
6214
  let typeList = registry[type];
@@ -6462,6 +6341,1257 @@ const setupBrowserForEditing = (options = {}) => {
6462
6341
  });
6463
6342
  }
6464
6343
  };
6344
+ const MODIFIED_COLUMNS = {
6345
+ "createdBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
6346
+ "createdDate": 1644861548711,
6347
+ "data": {
6348
+ "title": "Columns",
6349
+ "blocks": [
6350
+ {
6351
+ "@type": "@builder.io/sdk:Element",
6352
+ "@version": 2,
6353
+ "id": "builder-20b0d28f7838498bbc6f660a3d037835",
6354
+ "component": {
6355
+ "name": "Core:Button",
6356
+ "options": {
6357
+ "text": "Go back home",
6358
+ "link": "/"
6359
+ }
6360
+ },
6361
+ "responsiveStyles": {
6362
+ "large": {
6363
+ "display": "flex",
6364
+ "flexDirection": "column",
6365
+ "position": "relative",
6366
+ "flexShrink": "0",
6367
+ "boxSizing": "border-box",
6368
+ "marginTop": "20px",
6369
+ "appearance": "none",
6370
+ "paddingTop": "15px",
6371
+ "paddingBottom": "15px",
6372
+ "paddingLeft": "25px",
6373
+ "paddingRight": "25px",
6374
+ "backgroundColor": "#3898EC",
6375
+ "color": "white",
6376
+ "borderRadius": "4px",
6377
+ "textAlign": "center",
6378
+ "cursor": "pointer",
6379
+ "marginLeft": "auto"
6380
+ },
6381
+ "small": {
6382
+ "marginLeft": "auto",
6383
+ "marginRight": "auto"
6384
+ }
6385
+ }
6386
+ },
6387
+ {
6388
+ "@type": "@builder.io/sdk:Element",
6389
+ "@version": 2,
6390
+ "id": "builder-92c438f62b744699bbc818f81454418c",
6391
+ "component": {
6392
+ "name": "Text",
6393
+ "options": {
6394
+ "text": "<h1>Columns</h1>"
6395
+ }
6396
+ },
6397
+ "responsiveStyles": {
6398
+ "large": {
6399
+ "display": "flex",
6400
+ "flexDirection": "column",
6401
+ "position": "relative",
6402
+ "flexShrink": "0",
6403
+ "boxSizing": "border-box",
6404
+ "marginTop": "20px",
6405
+ "lineHeight": "normal",
6406
+ "height": "auto",
6407
+ "textAlign": "center"
6408
+ }
6409
+ }
6410
+ },
6411
+ {
6412
+ "@type": "@builder.io/sdk:Element",
6413
+ "@version": 2,
6414
+ "id": "builder-1253ebf62a87451db1a31e103189b5bb",
6415
+ "children": [
6416
+ {
6417
+ "@type": "@builder.io/sdk:Element",
6418
+ "@version": 2,
6419
+ "id": "builder-330e798bc0a1405fb04d8a3dce06ff99",
6420
+ "component": {
6421
+ "name": "Text",
6422
+ "options": {
6423
+ "text": "<h3>Stack at tablet</h3>"
6424
+ }
6425
+ },
6426
+ "responsiveStyles": {
6427
+ "large": {
6428
+ "display": "flex",
6429
+ "flexDirection": "column",
6430
+ "position": "relative",
6431
+ "flexShrink": "0",
6432
+ "boxSizing": "border-box",
6433
+ "marginTop": "20px",
6434
+ "lineHeight": "normal",
6435
+ "height": "auto",
6436
+ "textAlign": "center"
6437
+ }
6438
+ }
6439
+ },
6440
+ {
6441
+ "@type": "@builder.io/sdk:Element",
6442
+ "@version": 2,
6443
+ "id": "builder-25c64e9c18804f46b73985264df3c41c",
6444
+ "component": {
6445
+ "name": "Columns",
6446
+ "options": {
6447
+ "columns": [
6448
+ {
6449
+ "blocks": [
6450
+ {
6451
+ "@type": "@builder.io/sdk:Element",
6452
+ "@version": 2,
6453
+ "id": "builder-fa35a394778842b1a9e780a54a3b49a7",
6454
+ "component": {
6455
+ "name": "Image",
6456
+ "options": {
6457
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
6458
+ "backgroundPosition": "center",
6459
+ "backgroundSize": "cover",
6460
+ "aspectRatio": 0.7004048582995948,
6461
+ "lazy": false,
6462
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
6463
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6464
+ }
6465
+ },
6466
+ "responsiveStyles": {
6467
+ "large": {
6468
+ "display": "flex",
6469
+ "flexDirection": "column",
6470
+ "alignItems": "stretch",
6471
+ "flexShrink": "0",
6472
+ "position": "relative",
6473
+ "marginTop": "30px",
6474
+ "textAlign": "center",
6475
+ "lineHeight": "normal",
6476
+ "height": "auto",
6477
+ "minHeight": "20px",
6478
+ "minWidth": "20px",
6479
+ "overflow": "hidden"
6480
+ },
6481
+ "small": {
6482
+ "maxHeight": "200px",
6483
+ "maxWidth": "200px"
6484
+ }
6485
+ }
6486
+ },
6487
+ {
6488
+ "@type": "@builder.io/sdk:Element",
6489
+ "@version": 2,
6490
+ "id": "builder-71c14581f362486eb24214d27c0c24d0",
6491
+ "component": {
6492
+ "name": "Text",
6493
+ "options": {
6494
+ "text": "UPDATED TEXT!"
6495
+ }
6496
+ },
6497
+ "responsiveStyles": {
6498
+ "large": {
6499
+ "display": "flex",
6500
+ "flexDirection": "column",
6501
+ "alignItems": "stretch",
6502
+ "flexShrink": "0",
6503
+ "position": "relative",
6504
+ "marginTop": "30px",
6505
+ "textAlign": "center",
6506
+ "lineHeight": "normal",
6507
+ "height": "auto"
6508
+ }
6509
+ }
6510
+ },
6511
+ {
6512
+ "@type": "@builder.io/sdk:Element",
6513
+ "@version": 2,
6514
+ "id": "builder-b70d96812f4845268f5a4e9deb4411f2",
6515
+ "component": {
6516
+ "name": "Text",
6517
+ "options": {
6518
+ "text": "<p>more text in column 1</p>"
6519
+ }
6520
+ },
6521
+ "responsiveStyles": {
6522
+ "large": {
6523
+ "display": "flex",
6524
+ "flexDirection": "column",
6525
+ "position": "relative",
6526
+ "flexShrink": "0",
6527
+ "boxSizing": "border-box",
6528
+ "marginTop": "20px",
6529
+ "lineHeight": "normal",
6530
+ "height": "auto",
6531
+ "textAlign": "center"
6532
+ }
6533
+ }
6534
+ }
6535
+ ]
6536
+ },
6537
+ {
6538
+ "blocks": [
6539
+ {
6540
+ "@type": "@builder.io/sdk:Element",
6541
+ "@version": 2,
6542
+ "id": "builder-be56c8d76c684759952d6633dafd6bb7",
6543
+ "component": {
6544
+ "name": "Image",
6545
+ "options": {
6546
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
6547
+ "backgroundPosition": "center",
6548
+ "backgroundSize": "cover",
6549
+ "aspectRatio": 0.7004048582995948,
6550
+ "lazy": false,
6551
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
6552
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6553
+ }
6554
+ },
6555
+ "responsiveStyles": {
6556
+ "large": {
6557
+ "display": "flex",
6558
+ "flexDirection": "column",
6559
+ "alignItems": "stretch",
6560
+ "flexShrink": "0",
6561
+ "position": "relative",
6562
+ "marginTop": "30px",
6563
+ "textAlign": "center",
6564
+ "lineHeight": "normal",
6565
+ "height": "auto",
6566
+ "minHeight": "20px",
6567
+ "minWidth": "20px",
6568
+ "overflow": "hidden"
6569
+ },
6570
+ "small": {
6571
+ "maxHeight": "200px",
6572
+ "maxWidth": "200px"
6573
+ }
6574
+ }
6575
+ },
6576
+ {
6577
+ "@type": "@builder.io/sdk:Element",
6578
+ "@version": 2,
6579
+ "id": "builder-a76f13775bfd440e9656226ef820fcd2",
6580
+ "component": {
6581
+ "name": "Text",
6582
+ "options": {
6583
+ "text": "<p>text in column 2</p>"
6584
+ }
6585
+ },
6586
+ "responsiveStyles": {
6587
+ "large": {
6588
+ "display": "flex",
6589
+ "flexDirection": "column",
6590
+ "alignItems": "stretch",
6591
+ "flexShrink": "0",
6592
+ "position": "relative",
6593
+ "marginTop": "30px",
6594
+ "textAlign": "center",
6595
+ "lineHeight": "normal",
6596
+ "height": "auto"
6597
+ }
6598
+ }
6599
+ }
6600
+ ]
6601
+ }
6602
+ ],
6603
+ "space": 20,
6604
+ "stackColumnsAt": "tablet"
6605
+ }
6606
+ },
6607
+ "responsiveStyles": {
6608
+ "large": {
6609
+ "display": "flex",
6610
+ "flexDirection": "column",
6611
+ "position": "relative",
6612
+ "flexShrink": "0",
6613
+ "boxSizing": "border-box",
6614
+ "marginTop": "20px"
6615
+ }
6616
+ }
6617
+ }
6618
+ ],
6619
+ "responsiveStyles": {
6620
+ "large": {
6621
+ "display": "flex",
6622
+ "flexDirection": "column",
6623
+ "position": "relative",
6624
+ "flexShrink": "0",
6625
+ "boxSizing": "border-box",
6626
+ "marginTop": "20px",
6627
+ "height": "auto",
6628
+ "paddingBottom": "30px",
6629
+ "borderStyle": "solid",
6630
+ "borderColor": "rgba(207, 52, 52, 1)",
6631
+ "borderWidth": "4px"
6632
+ }
6633
+ }
6634
+ },
6635
+ {
6636
+ "@type": "@builder.io/sdk:Element",
6637
+ "@version": 2,
6638
+ "id": "builder-ccb8d32210c04e8c80bc1e7fe1677b7f",
6639
+ "children": [
6640
+ {
6641
+ "@type": "@builder.io/sdk:Element",
6642
+ "@version": 2,
6643
+ "id": "builder-92317b99fd0b4393adbf59d2337fec8c",
6644
+ "component": {
6645
+ "name": "Text",
6646
+ "options": {
6647
+ "text": "<h3>Tablet, reverse</h3>"
6648
+ }
6649
+ },
6650
+ "responsiveStyles": {
6651
+ "large": {
6652
+ "display": "flex",
6653
+ "flexDirection": "column",
6654
+ "position": "relative",
6655
+ "flexShrink": "0",
6656
+ "boxSizing": "border-box",
6657
+ "marginTop": "20px",
6658
+ "lineHeight": "normal",
6659
+ "height": "auto",
6660
+ "textAlign": "center"
6661
+ }
6662
+ }
6663
+ },
6664
+ {
6665
+ "@type": "@builder.io/sdk:Element",
6666
+ "@version": 2,
6667
+ "id": "builder-6e2c6a142cd84d8ca3cf88c20f63635b",
6668
+ "component": {
6669
+ "name": "Columns",
6670
+ "options": {
6671
+ "columns": [
6672
+ {
6673
+ "blocks": [
6674
+ {
6675
+ "@type": "@builder.io/sdk:Element",
6676
+ "@version": 2,
6677
+ "id": "builder-f6867b68fa5f4fd3bd845509ba0bf196",
6678
+ "component": {
6679
+ "name": "Image",
6680
+ "options": {
6681
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
6682
+ "backgroundPosition": "center",
6683
+ "backgroundSize": "cover",
6684
+ "aspectRatio": 0.7004048582995948,
6685
+ "lazy": false,
6686
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
6687
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6688
+ }
6689
+ },
6690
+ "responsiveStyles": {
6691
+ "large": {
6692
+ "display": "flex",
6693
+ "flexDirection": "column",
6694
+ "alignItems": "stretch",
6695
+ "flexShrink": "0",
6696
+ "position": "relative",
6697
+ "marginTop": "30px",
6698
+ "textAlign": "center",
6699
+ "lineHeight": "normal",
6700
+ "height": "auto",
6701
+ "minHeight": "20px",
6702
+ "minWidth": "20px",
6703
+ "overflow": "hidden"
6704
+ },
6705
+ "small": {
6706
+ "maxHeight": "200px",
6707
+ "marginTop": "29px",
6708
+ "maxWidth": "200px"
6709
+ }
6710
+ }
6711
+ },
6712
+ {
6713
+ "@type": "@builder.io/sdk:Element",
6714
+ "@version": 2,
6715
+ "id": "builder-4d3da6f276d04a29a4910d024ab69b8f",
6716
+ "component": {
6717
+ "name": "Text",
6718
+ "options": {
6719
+ "text": "<p>text in column 1</p>"
6720
+ }
6721
+ },
6722
+ "responsiveStyles": {
6723
+ "large": {
6724
+ "display": "flex",
6725
+ "flexDirection": "column",
6726
+ "alignItems": "stretch",
6727
+ "flexShrink": "0",
6728
+ "position": "relative",
6729
+ "marginTop": "30px",
6730
+ "textAlign": "center",
6731
+ "lineHeight": "normal",
6732
+ "height": "auto"
6733
+ }
6734
+ }
6735
+ },
6736
+ {
6737
+ "@type": "@builder.io/sdk:Element",
6738
+ "@version": 2,
6739
+ "id": "builder-a0ffc4156fa34b9392bdabe63265e986",
6740
+ "component": {
6741
+ "name": "Text",
6742
+ "options": {
6743
+ "text": "<p>more text in column 1</p>"
6744
+ }
6745
+ },
6746
+ "responsiveStyles": {
6747
+ "large": {
6748
+ "display": "flex",
6749
+ "flexDirection": "column",
6750
+ "position": "relative",
6751
+ "flexShrink": "0",
6752
+ "boxSizing": "border-box",
6753
+ "marginTop": "20px",
6754
+ "lineHeight": "normal",
6755
+ "height": "auto",
6756
+ "textAlign": "center"
6757
+ }
6758
+ }
6759
+ },
6760
+ {
6761
+ "@type": "@builder.io/sdk:Element",
6762
+ "@version": 2,
6763
+ "id": "builder-95f6aa245166450f9d6af877656ddde5",
6764
+ "component": {
6765
+ "name": "Image",
6766
+ "options": {
6767
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
6768
+ "backgroundPosition": "center",
6769
+ "backgroundSize": "cover",
6770
+ "aspectRatio": 0.7004048582995948,
6771
+ "lazy": false,
6772
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
6773
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6774
+ }
6775
+ },
6776
+ "responsiveStyles": {
6777
+ "large": {
6778
+ "display": "flex",
6779
+ "flexDirection": "column",
6780
+ "alignItems": "stretch",
6781
+ "flexShrink": "0",
6782
+ "position": "relative",
6783
+ "marginTop": "30px",
6784
+ "textAlign": "center",
6785
+ "lineHeight": "normal",
6786
+ "height": "auto",
6787
+ "minHeight": "20px",
6788
+ "minWidth": "20px",
6789
+ "overflow": "hidden"
6790
+ },
6791
+ "small": {
6792
+ "maxHeight": "200px",
6793
+ "maxWidth": "200px"
6794
+ }
6795
+ }
6796
+ }
6797
+ ]
6798
+ },
6799
+ {
6800
+ "blocks": [
6801
+ {
6802
+ "@type": "@builder.io/sdk:Element",
6803
+ "@version": 2,
6804
+ "id": "builder-e52cbe382c5649949ea3c80618f8a226",
6805
+ "component": {
6806
+ "name": "Text",
6807
+ "options": {
6808
+ "text": "<p>text in column 2</p>"
6809
+ }
6810
+ },
6811
+ "responsiveStyles": {
6812
+ "large": {
6813
+ "display": "flex",
6814
+ "flexDirection": "column",
6815
+ "alignItems": "stretch",
6816
+ "flexShrink": "0",
6817
+ "position": "relative",
6818
+ "marginTop": "30px",
6819
+ "textAlign": "center",
6820
+ "lineHeight": "normal",
6821
+ "height": "auto"
6822
+ }
6823
+ }
6824
+ }
6825
+ ]
6826
+ }
6827
+ ],
6828
+ "space": 20,
6829
+ "stackColumnsAt": "tablet",
6830
+ "reverseColumnsWhenStacked": true
6831
+ }
6832
+ },
6833
+ "responsiveStyles": {
6834
+ "large": {
6835
+ "display": "flex",
6836
+ "flexDirection": "column",
6837
+ "position": "relative",
6838
+ "flexShrink": "0",
6839
+ "boxSizing": "border-box",
6840
+ "marginTop": "20px"
6841
+ }
6842
+ }
6843
+ }
6844
+ ],
6845
+ "responsiveStyles": {
6846
+ "large": {
6847
+ "display": "flex",
6848
+ "flexDirection": "column",
6849
+ "position": "relative",
6850
+ "flexShrink": "0",
6851
+ "boxSizing": "border-box",
6852
+ "marginTop": "20px",
6853
+ "height": "auto",
6854
+ "paddingBottom": "30px",
6855
+ "borderStyle": "solid",
6856
+ "borderColor": "rgba(52, 191, 207, 1)",
6857
+ "borderWidth": "4px"
6858
+ }
6859
+ }
6860
+ },
6861
+ {
6862
+ "@type": "@builder.io/sdk:Element",
6863
+ "@version": 2,
6864
+ "layerName": "Box",
6865
+ "id": "builder-bbcf573a81fd49aea653e0bde509c325",
6866
+ "children": [
6867
+ {
6868
+ "@type": "@builder.io/sdk:Element",
6869
+ "@version": 2,
6870
+ "id": "builder-64d3b1c02ba44ba4af4a672a4fc3c23c",
6871
+ "component": {
6872
+ "name": "Text",
6873
+ "options": {
6874
+ "text": "<h3>Stack at mobile</h3>"
6875
+ }
6876
+ },
6877
+ "responsiveStyles": {
6878
+ "large": {
6879
+ "display": "flex",
6880
+ "flexDirection": "column",
6881
+ "position": "relative",
6882
+ "flexShrink": "0",
6883
+ "boxSizing": "border-box",
6884
+ "marginTop": "20px",
6885
+ "lineHeight": "normal",
6886
+ "height": "auto",
6887
+ "textAlign": "center"
6888
+ }
6889
+ }
6890
+ },
6891
+ {
6892
+ "@type": "@builder.io/sdk:Element",
6893
+ "@version": 2,
6894
+ "id": "builder-d06032a1fb514917add773bd1004392f",
6895
+ "component": {
6896
+ "name": "Columns",
6897
+ "options": {
6898
+ "columns": [
6899
+ {
6900
+ "blocks": [
6901
+ {
6902
+ "@type": "@builder.io/sdk:Element",
6903
+ "@version": 2,
6904
+ "id": "builder-69e5c0267cca4dc398f1e15be98e9eb9",
6905
+ "component": {
6906
+ "name": "Image",
6907
+ "options": {
6908
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
6909
+ "backgroundPosition": "center",
6910
+ "backgroundSize": "cover",
6911
+ "aspectRatio": 0.7004048582995948,
6912
+ "lazy": false,
6913
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
6914
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6915
+ }
6916
+ },
6917
+ "responsiveStyles": {
6918
+ "large": {
6919
+ "display": "flex",
6920
+ "flexDirection": "column",
6921
+ "alignItems": "stretch",
6922
+ "flexShrink": "0",
6923
+ "position": "relative",
6924
+ "marginTop": "30px",
6925
+ "textAlign": "center",
6926
+ "lineHeight": "normal",
6927
+ "height": "auto",
6928
+ "minHeight": "20px",
6929
+ "minWidth": "20px",
6930
+ "overflow": "hidden"
6931
+ },
6932
+ "small": {
6933
+ "maxHeight": "200px",
6934
+ "maxWidth": "200px"
6935
+ }
6936
+ }
6937
+ },
6938
+ {
6939
+ "@type": "@builder.io/sdk:Element",
6940
+ "@version": 2,
6941
+ "id": "builder-d5f1a9f711b242e68e001d2aed4e6e75",
6942
+ "component": {
6943
+ "name": "Text",
6944
+ "options": {
6945
+ "text": "<p>text in column 1</p>"
6946
+ }
6947
+ },
6948
+ "responsiveStyles": {
6949
+ "large": {
6950
+ "display": "flex",
6951
+ "flexDirection": "column",
6952
+ "alignItems": "stretch",
6953
+ "flexShrink": "0",
6954
+ "position": "relative",
6955
+ "marginTop": "30px",
6956
+ "textAlign": "center",
6957
+ "lineHeight": "normal",
6958
+ "height": "auto"
6959
+ }
6960
+ }
6961
+ },
6962
+ {
6963
+ "@type": "@builder.io/sdk:Element",
6964
+ "@version": 2,
6965
+ "id": "builder-b387d9862a944a29a440ea9986a102a1",
6966
+ "component": {
6967
+ "name": "Text",
6968
+ "options": {
6969
+ "text": "<p>more text in column 1</p>"
6970
+ }
6971
+ },
6972
+ "responsiveStyles": {
6973
+ "large": {
6974
+ "display": "flex",
6975
+ "flexDirection": "column",
6976
+ "position": "relative",
6977
+ "flexShrink": "0",
6978
+ "boxSizing": "border-box",
6979
+ "marginTop": "20px",
6980
+ "lineHeight": "normal",
6981
+ "height": "auto",
6982
+ "textAlign": "center"
6983
+ }
6984
+ }
6985
+ }
6986
+ ]
6987
+ },
6988
+ {
6989
+ "blocks": [
6990
+ {
6991
+ "@type": "@builder.io/sdk:Element",
6992
+ "@version": 2,
6993
+ "id": "builder-b425ebd84fea4a3bbf9a387f4b8a2b58",
6994
+ "component": {
6995
+ "name": "Image",
6996
+ "options": {
6997
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
6998
+ "backgroundPosition": "center",
6999
+ "backgroundSize": "cover",
7000
+ "aspectRatio": 0.7004048582995948,
7001
+ "lazy": false,
7002
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
7003
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7004
+ }
7005
+ },
7006
+ "responsiveStyles": {
7007
+ "large": {
7008
+ "display": "flex",
7009
+ "flexDirection": "column",
7010
+ "alignItems": "stretch",
7011
+ "flexShrink": "0",
7012
+ "position": "relative",
7013
+ "marginTop": "30px",
7014
+ "textAlign": "center",
7015
+ "lineHeight": "normal",
7016
+ "height": "auto",
7017
+ "minHeight": "20px",
7018
+ "minWidth": "20px",
7019
+ "overflow": "hidden"
7020
+ },
7021
+ "small": {
7022
+ "maxHeight": "200px"
7023
+ }
7024
+ }
7025
+ },
7026
+ {
7027
+ "@type": "@builder.io/sdk:Element",
7028
+ "@version": 2,
7029
+ "id": "builder-60cddbdd0b2f45138b2bf6ec33e68d7f",
7030
+ "component": {
7031
+ "name": "Text",
7032
+ "options": {
7033
+ "text": "<p>text in column 2</p>"
7034
+ }
7035
+ },
7036
+ "responsiveStyles": {
7037
+ "large": {
7038
+ "display": "flex",
7039
+ "flexDirection": "column",
7040
+ "alignItems": "stretch",
7041
+ "flexShrink": "0",
7042
+ "position": "relative",
7043
+ "marginTop": "30px",
7044
+ "textAlign": "center",
7045
+ "lineHeight": "normal",
7046
+ "height": "auto"
7047
+ }
7048
+ }
7049
+ }
7050
+ ]
7051
+ }
7052
+ ],
7053
+ "space": 20,
7054
+ "stackColumnsAt": "mobile",
7055
+ "reverseColumnsWhenStacked": false
7056
+ }
7057
+ },
7058
+ "responsiveStyles": {
7059
+ "large": {
7060
+ "display": "flex",
7061
+ "flexDirection": "column",
7062
+ "position": "relative",
7063
+ "flexShrink": "0",
7064
+ "boxSizing": "border-box",
7065
+ "marginTop": "20px"
7066
+ }
7067
+ }
7068
+ }
7069
+ ],
7070
+ "responsiveStyles": {
7071
+ "large": {
7072
+ "display": "flex",
7073
+ "flexDirection": "column",
7074
+ "position": "relative",
7075
+ "flexShrink": "0",
7076
+ "boxSizing": "border-box",
7077
+ "marginTop": "20px",
7078
+ "height": "auto",
7079
+ "paddingBottom": "30px",
7080
+ "borderStyle": "solid",
7081
+ "borderColor": "rgba(102, 207, 52, 1)",
7082
+ "borderWidth": "4px"
7083
+ }
7084
+ }
7085
+ },
7086
+ {
7087
+ "@type": "@builder.io/sdk:Element",
7088
+ "@version": 2,
7089
+ "id": "builder-86dec6c0db8b487687de2d39d6e7aab9",
7090
+ "children": [
7091
+ {
7092
+ "@type": "@builder.io/sdk:Element",
7093
+ "@version": 2,
7094
+ "id": "builder-5cae291c046245a9a9c30fc152ba9d39",
7095
+ "component": {
7096
+ "name": "Text",
7097
+ "options": {
7098
+ "text": "<h3>Mobile, reverse</h3>"
7099
+ }
7100
+ },
7101
+ "responsiveStyles": {
7102
+ "large": {
7103
+ "display": "flex",
7104
+ "flexDirection": "column",
7105
+ "position": "relative",
7106
+ "flexShrink": "0",
7107
+ "boxSizing": "border-box",
7108
+ "marginTop": "20px",
7109
+ "lineHeight": "normal",
7110
+ "height": "auto",
7111
+ "textAlign": "center"
7112
+ }
7113
+ }
7114
+ },
7115
+ {
7116
+ "@type": "@builder.io/sdk:Element",
7117
+ "@version": 2,
7118
+ "id": "builder-652e5e9c32164620ae651b4b8f2938dd",
7119
+ "component": {
7120
+ "name": "Columns",
7121
+ "options": {
7122
+ "columns": [
7123
+ {
7124
+ "blocks": [
7125
+ {
7126
+ "@type": "@builder.io/sdk:Element",
7127
+ "@version": 2,
7128
+ "id": "builder-822c0d0cbe7143648ea3f81d40a611c7",
7129
+ "component": {
7130
+ "name": "Image",
7131
+ "options": {
7132
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
7133
+ "backgroundPosition": "center",
7134
+ "backgroundSize": "cover",
7135
+ "aspectRatio": 0.7004048582995948,
7136
+ "lazy": false,
7137
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
7138
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7139
+ }
7140
+ },
7141
+ "responsiveStyles": {
7142
+ "large": {
7143
+ "display": "flex",
7144
+ "flexDirection": "column",
7145
+ "alignItems": "stretch",
7146
+ "flexShrink": "0",
7147
+ "position": "relative",
7148
+ "marginTop": "30px",
7149
+ "textAlign": "center",
7150
+ "lineHeight": "normal",
7151
+ "height": "auto",
7152
+ "minHeight": "20px",
7153
+ "minWidth": "20px",
7154
+ "overflow": "hidden"
7155
+ },
7156
+ "small": {
7157
+ "maxHeight": "200px",
7158
+ "maxWidth": "200px"
7159
+ }
7160
+ }
7161
+ },
7162
+ {
7163
+ "@type": "@builder.io/sdk:Element",
7164
+ "@version": 2,
7165
+ "id": "builder-6bf2300b907f4f3d9db0af0bd5d0aeaf",
7166
+ "component": {
7167
+ "name": "Text",
7168
+ "options": {
7169
+ "text": "<p>text in column 1</p>"
7170
+ }
7171
+ },
7172
+ "responsiveStyles": {
7173
+ "large": {
7174
+ "display": "flex",
7175
+ "flexDirection": "column",
7176
+ "alignItems": "stretch",
7177
+ "flexShrink": "0",
7178
+ "position": "relative",
7179
+ "marginTop": "30px",
7180
+ "textAlign": "center",
7181
+ "lineHeight": "normal",
7182
+ "height": "auto"
7183
+ }
7184
+ }
7185
+ },
7186
+ {
7187
+ "@type": "@builder.io/sdk:Element",
7188
+ "@version": 2,
7189
+ "id": "builder-6428878b0cfc478291dd9a9dcc373441",
7190
+ "component": {
7191
+ "name": "Text",
7192
+ "options": {
7193
+ "text": "<p>more text in column 1</p>"
7194
+ }
7195
+ },
7196
+ "responsiveStyles": {
7197
+ "large": {
7198
+ "display": "flex",
7199
+ "flexDirection": "column",
7200
+ "position": "relative",
7201
+ "flexShrink": "0",
7202
+ "boxSizing": "border-box",
7203
+ "marginTop": "20px",
7204
+ "lineHeight": "normal",
7205
+ "height": "auto",
7206
+ "textAlign": "center"
7207
+ }
7208
+ }
7209
+ }
7210
+ ]
7211
+ },
7212
+ {
7213
+ "blocks": [
7214
+ {
7215
+ "@type": "@builder.io/sdk:Element",
7216
+ "@version": 2,
7217
+ "id": "builder-c1e86e55860e426a8d943f7beb2cbc8f",
7218
+ "component": {
7219
+ "name": "Image",
7220
+ "options": {
7221
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
7222
+ "backgroundPosition": "center",
7223
+ "backgroundSize": "cover",
7224
+ "aspectRatio": 0.7004048582995948,
7225
+ "lazy": false,
7226
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
7227
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7228
+ }
7229
+ },
7230
+ "responsiveStyles": {
7231
+ "large": {
7232
+ "display": "flex",
7233
+ "flexDirection": "column",
7234
+ "alignItems": "stretch",
7235
+ "flexShrink": "0",
7236
+ "position": "relative",
7237
+ "marginTop": "30px",
7238
+ "textAlign": "center",
7239
+ "lineHeight": "normal",
7240
+ "height": "auto",
7241
+ "minHeight": "20px",
7242
+ "minWidth": "20px",
7243
+ "overflow": "hidden"
7244
+ },
7245
+ "small": {
7246
+ "maxHeight": "200px",
7247
+ "maxWidth": "200px"
7248
+ }
7249
+ }
7250
+ },
7251
+ {
7252
+ "@type": "@builder.io/sdk:Element",
7253
+ "@version": 2,
7254
+ "id": "builder-74bf2b6acadc4430bda4397db8e9c8a9",
7255
+ "component": {
7256
+ "name": "Text",
7257
+ "options": {
7258
+ "text": "<p>text in column 2</p>"
7259
+ }
7260
+ },
7261
+ "responsiveStyles": {
7262
+ "large": {
7263
+ "display": "flex",
7264
+ "flexDirection": "column",
7265
+ "alignItems": "stretch",
7266
+ "flexShrink": "0",
7267
+ "position": "relative",
7268
+ "marginTop": "30px",
7269
+ "textAlign": "center",
7270
+ "lineHeight": "normal",
7271
+ "height": "auto"
7272
+ }
7273
+ }
7274
+ }
7275
+ ]
7276
+ }
7277
+ ],
7278
+ "space": 20,
7279
+ "stackColumnsAt": "mobile",
7280
+ "reverseColumnsWhenStacked": true
7281
+ }
7282
+ },
7283
+ "responsiveStyles": {
7284
+ "large": {
7285
+ "display": "flex",
7286
+ "flexDirection": "column",
7287
+ "position": "relative",
7288
+ "flexShrink": "0",
7289
+ "boxSizing": "border-box",
7290
+ "marginTop": "20px"
7291
+ }
7292
+ }
7293
+ }
7294
+ ],
7295
+ "responsiveStyles": {
7296
+ "large": {
7297
+ "display": "flex",
7298
+ "flexDirection": "column",
7299
+ "position": "relative",
7300
+ "flexShrink": "0",
7301
+ "boxSizing": "border-box",
7302
+ "marginTop": "20px",
7303
+ "height": "auto",
7304
+ "paddingBottom": "30px",
7305
+ "borderStyle": "solid",
7306
+ "borderColor": "rgba(86, 52, 207, 1)",
7307
+ "borderWidth": "4px"
7308
+ }
7309
+ }
7310
+ },
7311
+ {
7312
+ "@type": "@builder.io/sdk:Element",
7313
+ "@version": 2,
7314
+ "id": "builder-21bd2e55352947afa52243efffda347e",
7315
+ "children": [
7316
+ {
7317
+ "@type": "@builder.io/sdk:Element",
7318
+ "@version": 2,
7319
+ "id": "builder-3c8548a227ac4a3c99a29f36a48f7c95",
7320
+ "component": {
7321
+ "name": "Text",
7322
+ "options": {
7323
+ "text": "<h3>Never stack</h3>"
7324
+ }
7325
+ },
7326
+ "responsiveStyles": {
7327
+ "large": {
7328
+ "display": "flex",
7329
+ "flexDirection": "column",
7330
+ "position": "relative",
7331
+ "flexShrink": "0",
7332
+ "boxSizing": "border-box",
7333
+ "marginTop": "20px",
7334
+ "lineHeight": "normal",
7335
+ "height": "auto",
7336
+ "textAlign": "center"
7337
+ }
7338
+ }
7339
+ },
7340
+ {
7341
+ "@type": "@builder.io/sdk:Element",
7342
+ "@version": 2,
7343
+ "id": "builder-0343cf1789b7421f9b64eef4e1ec801f",
7344
+ "component": {
7345
+ "name": "Columns",
7346
+ "options": {
7347
+ "columns": [
7348
+ {
7349
+ "blocks": [
7350
+ {
7351
+ "@type": "@builder.io/sdk:Element",
7352
+ "@version": 2,
7353
+ "id": "builder-a965faafa3d046d6846277bbf93524f5",
7354
+ "component": {
7355
+ "name": "Image",
7356
+ "options": {
7357
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
7358
+ "backgroundPosition": "center",
7359
+ "backgroundSize": "cover",
7360
+ "aspectRatio": 0.7004048582995948,
7361
+ "lazy": false,
7362
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=586 586w",
7363
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7364
+ }
7365
+ },
7366
+ "responsiveStyles": {
7367
+ "large": {
7368
+ "display": "flex",
7369
+ "flexDirection": "column",
7370
+ "alignItems": "stretch",
7371
+ "flexShrink": "0",
7372
+ "position": "relative",
7373
+ "marginTop": "30px",
7374
+ "textAlign": "center",
7375
+ "lineHeight": "normal",
7376
+ "height": "auto",
7377
+ "minHeight": "20px",
7378
+ "minWidth": "20px",
7379
+ "overflow": "hidden"
7380
+ },
7381
+ "small": {
7382
+ "maxHeight": "200px",
7383
+ "maxWidth": "200px"
7384
+ }
7385
+ }
7386
+ },
7387
+ {
7388
+ "@type": "@builder.io/sdk:Element",
7389
+ "@version": 2,
7390
+ "id": "builder-34a2db960cfc4696b3b202eaaf5b4bde",
7391
+ "component": {
7392
+ "name": "Text",
7393
+ "options": {
7394
+ "text": "<p>text in column 1</p>"
7395
+ }
7396
+ },
7397
+ "responsiveStyles": {
7398
+ "large": {
7399
+ "display": "flex",
7400
+ "flexDirection": "column",
7401
+ "alignItems": "stretch",
7402
+ "flexShrink": "0",
7403
+ "position": "relative",
7404
+ "marginTop": "30px",
7405
+ "textAlign": "center",
7406
+ "lineHeight": "normal",
7407
+ "height": "auto"
7408
+ }
7409
+ }
7410
+ },
7411
+ {
7412
+ "@type": "@builder.io/sdk:Element",
7413
+ "@version": 2,
7414
+ "id": "builder-e39d9d6c565e4072aefb532fe18e55d8",
7415
+ "component": {
7416
+ "name": "Text",
7417
+ "options": {
7418
+ "text": "<p>more text in column 1</p>"
7419
+ }
7420
+ },
7421
+ "responsiveStyles": {
7422
+ "large": {
7423
+ "display": "flex",
7424
+ "flexDirection": "column",
7425
+ "position": "relative",
7426
+ "flexShrink": "0",
7427
+ "boxSizing": "border-box",
7428
+ "marginTop": "20px",
7429
+ "lineHeight": "normal",
7430
+ "height": "auto",
7431
+ "textAlign": "center"
7432
+ }
7433
+ }
7434
+ }
7435
+ ]
7436
+ },
7437
+ {
7438
+ "blocks": [
7439
+ {
7440
+ "@type": "@builder.io/sdk:Element",
7441
+ "@version": 2,
7442
+ "id": "builder-11b5a73611354686ba4f9bc092d72723",
7443
+ "component": {
7444
+ "name": "Image",
7445
+ "options": {
7446
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
7447
+ "backgroundPosition": "center",
7448
+ "backgroundSize": "cover",
7449
+ "aspectRatio": 0.7004048582995948,
7450
+ "lazy": false,
7451
+ "srcset": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990 990w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=630 630w, https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=586 586w",
7452
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7453
+ }
7454
+ },
7455
+ "responsiveStyles": {
7456
+ "large": {
7457
+ "display": "flex",
7458
+ "flexDirection": "column",
7459
+ "alignItems": "stretch",
7460
+ "flexShrink": "0",
7461
+ "position": "relative",
7462
+ "marginTop": "30px",
7463
+ "textAlign": "center",
7464
+ "lineHeight": "normal",
7465
+ "height": "auto",
7466
+ "minHeight": "20px",
7467
+ "minWidth": "20px",
7468
+ "overflow": "hidden"
7469
+ },
7470
+ "small": {
7471
+ "maxHeight": "200px",
7472
+ "maxWidth": "200px"
7473
+ }
7474
+ }
7475
+ },
7476
+ {
7477
+ "@type": "@builder.io/sdk:Element",
7478
+ "@version": 2,
7479
+ "id": "builder-1355114f2fc841a790826cf4a5af14ad",
7480
+ "component": {
7481
+ "name": "Text",
7482
+ "options": {
7483
+ "text": "<p>text in column 2</p>"
7484
+ }
7485
+ },
7486
+ "responsiveStyles": {
7487
+ "large": {
7488
+ "display": "flex",
7489
+ "flexDirection": "column",
7490
+ "alignItems": "stretch",
7491
+ "flexShrink": "0",
7492
+ "position": "relative",
7493
+ "marginTop": "30px",
7494
+ "textAlign": "center",
7495
+ "lineHeight": "normal",
7496
+ "height": "auto"
7497
+ }
7498
+ }
7499
+ }
7500
+ ]
7501
+ }
7502
+ ],
7503
+ "space": 20,
7504
+ "stackColumnsAt": "never",
7505
+ "reverseColumnsWhenStacked": false
7506
+ }
7507
+ },
7508
+ "responsiveStyles": {
7509
+ "large": {
7510
+ "display": "flex",
7511
+ "flexDirection": "column",
7512
+ "position": "relative",
7513
+ "flexShrink": "0",
7514
+ "boxSizing": "border-box",
7515
+ "marginTop": "20px"
7516
+ }
7517
+ }
7518
+ }
7519
+ ],
7520
+ "responsiveStyles": {
7521
+ "large": {
7522
+ "display": "flex",
7523
+ "flexDirection": "column",
7524
+ "position": "relative",
7525
+ "flexShrink": "0",
7526
+ "boxSizing": "border-box",
7527
+ "marginTop": "20px",
7528
+ "height": "auto",
7529
+ "paddingBottom": "30px",
7530
+ "borderStyle": "solid",
7531
+ "borderColor": "rgba(207, 52, 182, 1)",
7532
+ "borderWidth": "4px"
7533
+ }
7534
+ }
7535
+ },
7536
+ {
7537
+ "id": "builder-pixel-29jl3ch956",
7538
+ "@type": "@builder.io/sdk:Element",
7539
+ "tagName": "img",
7540
+ "properties": {
7541
+ "src": "https://cdn.builder.io/api/v1/pixel?apiKey=f1a790f8c3204b3b8c5c1795aeac4660",
7542
+ "role": "presentation",
7543
+ "width": "0",
7544
+ "height": "0"
7545
+ },
7546
+ "responsiveStyles": {
7547
+ "large": {
7548
+ "height": "0",
7549
+ "width": "0",
7550
+ "display": "inline-block",
7551
+ "opacity": "0",
7552
+ "overflow": "hidden",
7553
+ "pointerEvents": "none"
7554
+ }
7555
+ }
7556
+ }
7557
+ ],
7558
+ "url": "/columns",
7559
+ "state": {
7560
+ "deviceSize": "large",
7561
+ "location": {
7562
+ "pathname": "/columns",
7563
+ "path": [
7564
+ "columns"
7565
+ ],
7566
+ "query": {}
7567
+ }
7568
+ }
7569
+ },
7570
+ "id": "f24c6940ee5f46458369151cc9ec598c",
7571
+ "lastUpdatedBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
7572
+ "meta": {
7573
+ "hasLinks": false,
7574
+ "kind": "page",
7575
+ "needsHydration": false
7576
+ },
7577
+ "modelId": "240a12053d674735ac2a384dcdc561b5",
7578
+ "name": "Columns",
7579
+ "published": "published",
7580
+ "query": [
7581
+ {
7582
+ "@type": "@builder.io/core:Query",
7583
+ "operator": "is",
7584
+ "property": "urlPath",
7585
+ "value": "/columns"
7586
+ }
7587
+ ],
7588
+ "testRatio": 1,
7589
+ "variations": {},
7590
+ "lastUpdated": 1645030056460,
7591
+ "screenshot": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F43c3e56ad68647d4b55990d655aeb3f9",
7592
+ "firstPublished": 1644862675476,
7593
+ "rev": "zxiskiseoj"
7594
+ };
6465
7595
  const mergeNewContent = function mergeNewContent2(props, state, elementRef, newContent) {
6466
7596
  var _a, _b, _c, _d, _e;
6467
7597
  const newContentValue = {
@@ -6477,6 +7607,7 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
6477
7607
  breakpoints: ((_c = newContent == null ? void 0 : newContent.meta) == null ? void 0 : _c.breakpoints) || ((_e = (_d = props.builderContextSignal.content) == null ? void 0 : _d.meta) == null ? void 0 : _e.breakpoints)
6478
7608
  }
6479
7609
  };
7610
+ console.log("newContentValue", newContentValue);
6480
7611
  props.builderContextSignal.content = newContentValue;
6481
7612
  };
6482
7613
  const processMessage = function processMessage2(props, state, elementRef, event) {
@@ -6499,10 +7630,12 @@ const processMessage = function processMessage2(props, state, elementRef, event)
6499
7630
  break;
6500
7631
  }
6501
7632
  case "builder.contentUpdate": {
7633
+ console.log("builder.contentUpdate", data);
6502
7634
  const messageContent = data.data;
6503
7635
  const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
6504
7636
  const contentData = messageContent.data;
6505
7637
  if (key === props.model) {
7638
+ console.log("yeeha");
6506
7639
  mergeNewContent(props, state, elementRef, contentData);
6507
7640
  state.forceReRenderCount = state.forceReRenderCount + 1;
6508
7641
  }
@@ -6599,7 +7732,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
6599
7732
  }, {
6600
7733
  deep: true
6601
7734
  });
6602
- useContextProvider(builderContext, props.builderContextSignal);
7735
+ useContextProvider(builderContext, {});
6603
7736
  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
6604
7737
  var _a, _b;
6605
7738
  const [elementRef2, props2, state2] = useLexicalScope();
@@ -6714,35 +7847,54 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
6714
7847
  state
6715
7848
  ]));
6716
7849
  return /* @__PURE__ */ _jsxC(Fragment, {
6717
- children: props.builderContextSignal.content ? /* @__PURE__ */ _jsxS("div", {
6718
- ref: elementRef,
6719
- ...props.showContent ? {} : {
6720
- hidden: true,
6721
- "aria-hidden": true
6722
- },
6723
- children: /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0"),
6724
- onClick$: /* @__PURE__ */ inlinedQrl((event) => {
6725
- const [elementRef2, props2, state2] = useLexicalScope();
6726
- return onClick(props2, state2, elementRef2, event);
6727
- }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
6728
- elementRef,
6729
- props,
6730
- state
6731
- ])
6732
- }, {
6733
- "builder-content-id": _fnSignal((p0) => {
6734
- var _a;
6735
- return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
6736
- }, [
6737
- props
6738
- ], "p0.builderContextSignal.content?.id"),
6739
- "builder-model": _fnSignal((p0) => p0.model, [
6740
- props
6741
- ], "p0.model"),
6742
- class: _fnSignal((p0) => p0.classNameProp, [
6743
- props
6744
- ], "p0.classNameProp")
6745
- }, 0, state.forceReRenderCount) : null
7850
+ children: [
7851
+ /* @__PURE__ */ _jsxQ("div", null, null, [
7852
+ "DATA in EnableEditor: ",
7853
+ _fnSignal((p0) => p0.builderContextSignal.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text, [
7854
+ props
7855
+ ], "p0.builderContextSignal.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text")
7856
+ ], 3, null),
7857
+ /* @__PURE__ */ _jsxQ("button", null, {
7858
+ onClick$: /* @__PURE__ */ inlinedQrl(() => {
7859
+ const [elementRef2, props2, state2] = useLexicalScope();
7860
+ mergeNewContent(props2, state2, elementRef2, MODIFIED_COLUMNS);
7861
+ window.location.href.includes("columns");
7862
+ }, "EnableEditor_component__Fragment_button_onClick_F7jLxv2BTrU", [
7863
+ elementRef,
7864
+ props,
7865
+ state
7866
+ ])
7867
+ }, "update me", 3, null),
7868
+ props.builderContextSignal.content ? /* @__PURE__ */ _jsxS("div", {
7869
+ ref: elementRef,
7870
+ ...props.showContent ? {} : {
7871
+ hidden: true,
7872
+ "aria-hidden": true
7873
+ },
7874
+ children: /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0"),
7875
+ onClick$: /* @__PURE__ */ inlinedQrl((event) => {
7876
+ const [elementRef2, props2, state2] = useLexicalScope();
7877
+ return onClick(props2, state2, elementRef2, event);
7878
+ }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
7879
+ elementRef,
7880
+ props,
7881
+ state
7882
+ ])
7883
+ }, {
7884
+ "builder-content-id": _fnSignal((p0) => {
7885
+ var _a;
7886
+ return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
7887
+ }, [
7888
+ props
7889
+ ], "p0.builderContextSignal.content?.id"),
7890
+ "builder-model": _fnSignal((p0) => p0.model, [
7891
+ props
7892
+ ], "p0.model"),
7893
+ class: _fnSignal((p0) => p0.classNameProp, [
7894
+ props
7895
+ ], "p0.classNameProp")
7896
+ }, 0, state.forceReRenderCount) : null
7897
+ ]
6746
7898
  }, 1, "06_1");
6747
7899
  }, "EnableEditor_component_ko1mO8oaj8k"));
6748
7900
  const getCssFromFont = (font) => {
@@ -6856,17 +8008,16 @@ const getContentInitialValue = ({ content, data }) => {
6856
8008
  };
6857
8009
  };
6858
8010
  const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
6859
- var _a, _b;
6860
8011
  _jsxBranch();
6861
8012
  const state = useStore({
6862
8013
  builderContextSignal: {
6863
8014
  content: getContentInitialValue({
6864
- content: props.content,
8015
+ content: JSON.parse(JSON.stringify(props.content)),
6865
8016
  data: props.data
6866
8017
  }),
6867
8018
  localState: void 0,
6868
8019
  rootState: getContextStateInitialValue({
6869
- content: props.content,
8020
+ content: {},
6870
8021
  data: props.data,
6871
8022
  locale: props.locale
6872
8023
  }),
@@ -6905,12 +8056,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
6905
8056
  ...serializeComponentInfo(info)
6906
8057
  }
6907
8058
  }), {}),
6908
- scriptStr: getRenderContentScriptString({
6909
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
6910
- variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
6911
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
6912
- contentId: (_b = props.content) == null ? void 0 : _b.id
6913
- })
8059
+ scriptStr: ""
6914
8060
  }, {
6915
8061
  deep: true
6916
8062
  });
@@ -6919,7 +8065,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
6919
8065
  }));
6920
8066
  return /* @__PURE__ */ _jsxC(EnableEditor, {
6921
8067
  get content() {
6922
- return props.content;
8068
+ return void 0;
6923
8069
  },
6924
8070
  get model() {
6925
8071
  return props.model;
@@ -6952,6 +8098,15 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
6952
8098
  return state.builderContextSignal;
6953
8099
  },
6954
8100
  children: [
8101
+ /* @__PURE__ */ _jsxQ("div", null, null, [
8102
+ "in CONTENT: ",
8103
+ _fnSignal((p0) => {
8104
+ var _a, _b, _c, _d, _e, _f;
8105
+ return (_f = (_e = (_d = (_c = (_b = (_a = p0.builderContextSignal) == null ? void 0 : _a.content) == null ? void 0 : _b.data) == null ? void 0 : _c.blocks[0]) == null ? void 0 : _d.children) == null ? void 0 : _e[1]) == null ? void 0 : _f.component.options.columns[0].blocks[1].component.options.text;
8106
+ }, [
8107
+ state
8108
+ ], "p0.builderContextSignal?.content?.data?.blocks[0]?.children?.[1]?.component.options.columns[0].blocks[1].component.options.text")
8109
+ ], 3, null),
6955
8110
  props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
6956
8111
  get scriptStr() {
6957
8112
  return state.scriptStr;
@@ -6964,33 +8119,33 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
6964
8119
  }, 3, "LQ_0") : null,
6965
8120
  /* @__PURE__ */ _jsxC(ContentStyles, {
6966
8121
  get contentId() {
6967
- var _a2;
6968
- return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
8122
+ var _a;
8123
+ return (_a = state.builderContextSignal.content) == null ? void 0 : _a.id;
6969
8124
  },
6970
8125
  get cssCode() {
6971
- var _a2, _b2;
6972
- return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
8126
+ var _a, _b;
8127
+ return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.cssCode;
6973
8128
  },
6974
8129
  get customFonts() {
6975
- var _a2, _b2;
6976
- return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
8130
+ var _a, _b;
8131
+ return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.customFonts;
6977
8132
  },
6978
8133
  [_IMMUTABLE]: {
6979
8134
  contentId: _fnSignal((p0) => {
6980
- var _a2;
6981
- return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
8135
+ var _a;
8136
+ return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
6982
8137
  }, [
6983
8138
  state
6984
8139
  ], "p0.builderContextSignal.content?.id"),
6985
8140
  cssCode: _fnSignal((p0) => {
6986
- var _a2, _b2;
6987
- return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
8141
+ var _a, _b;
8142
+ return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.cssCode;
6988
8143
  }, [
6989
8144
  state
6990
8145
  ], "p0.builderContextSignal.content?.data?.cssCode"),
6991
8146
  customFonts: _fnSignal((p0) => {
6992
- var _a2, _b2;
6993
- return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
8147
+ var _a, _b;
8148
+ return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.customFonts;
6994
8149
  }, [
6995
8150
  state
6996
8151
  ], "p0.builderContextSignal.content?.data?.customFonts")
@@ -6998,8 +8153,8 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
6998
8153
  }, 3, "LQ_1"),
6999
8154
  /* @__PURE__ */ _jsxC(Blocks, {
7000
8155
  get blocks() {
7001
- var _a2, _b2;
7002
- return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
8156
+ var _a, _b;
8157
+ return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.blocks;
7003
8158
  },
7004
8159
  get context() {
7005
8160
  return state.builderContextSignal;
@@ -7009,8 +8164,8 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
7009
8164
  },
7010
8165
  [_IMMUTABLE]: {
7011
8166
  blocks: _fnSignal((p0) => {
7012
- var _a2, _b2;
7013
- return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
8167
+ var _a, _b;
8168
+ return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.blocks;
7014
8169
  }, [
7015
8170
  state
7016
8171
  ], "p0.builderContextSignal.content?.data?.blocks"),
@@ -7036,9 +8191,7 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
7036
8191
  classNameProp: _fnSignal((p0) => p0.classNameProp, [
7037
8192
  props
7038
8193
  ], "p0.classNameProp"),
7039
- content: _fnSignal((p0) => p0.content, [
7040
- props
7041
- ], "p0.content"),
8194
+ content: _IMMUTABLE,
7042
8195
  context: _fnSignal((p0) => p0.context, [
7043
8196
  props
7044
8197
  ], "p0.context"),
@@ -7060,6 +8213,134 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
7060
8213
  }
7061
8214
  }, 1, "LQ_3");
7062
8215
  }, "ContentComponent_component_HIsczUcxjCE"));
8216
+ const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
8217
+ ...variant,
8218
+ testVariationId: variant.id,
8219
+ id: content == null ? void 0 : content.id
8220
+ }));
8221
+ const checkShouldRunVariants = ({ canTrack, content }) => {
8222
+ const hasVariants = getVariants(content).length > 0;
8223
+ if (!hasVariants)
8224
+ return false;
8225
+ if (!canTrack)
8226
+ return false;
8227
+ if (isBrowser())
8228
+ return false;
8229
+ return true;
8230
+ };
8231
+ function bldrAbTest(contentId, variants, isHydrationTarget2) {
8232
+ var _a;
8233
+ function getAndSetVariantId2() {
8234
+ function setCookie2(name, value, days) {
8235
+ let expires = "";
8236
+ if (days) {
8237
+ const date = /* @__PURE__ */ new Date();
8238
+ date.setTime(date.getTime() + days * 864e5);
8239
+ expires = "; expires=" + date.toUTCString();
8240
+ }
8241
+ document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
8242
+ }
8243
+ function getCookie2(name) {
8244
+ const nameEQ = name + "=";
8245
+ const ca2 = document.cookie.split(";");
8246
+ for (let i = 0; i < ca2.length; i++) {
8247
+ let c = ca2[i];
8248
+ while (c.charAt(0) === " ")
8249
+ c = c.substring(1, c.length);
8250
+ if (c.indexOf(nameEQ) === 0)
8251
+ return c.substring(nameEQ.length, c.length);
8252
+ }
8253
+ return null;
8254
+ }
8255
+ const cookieName = `builder.tests.${contentId}`;
8256
+ const variantInCookie = getCookie2(cookieName);
8257
+ const availableIDs = variants.map((vr) => vr.id).concat(contentId);
8258
+ if (variantInCookie && availableIDs.includes(variantInCookie))
8259
+ return variantInCookie;
8260
+ let n = 0;
8261
+ const random = Math.random();
8262
+ for (let i = 0; i < variants.length; i++) {
8263
+ const variant = variants[i];
8264
+ const testRatio = variant.testRatio;
8265
+ n += testRatio;
8266
+ if (random < n) {
8267
+ setCookie2(cookieName, variant.id);
8268
+ return variant.id;
8269
+ }
8270
+ }
8271
+ setCookie2(cookieName, contentId);
8272
+ return contentId;
8273
+ }
8274
+ const winningVariantId = getAndSetVariantId2();
8275
+ const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
8276
+ if (isHydrationTarget2) {
8277
+ styleEl.remove();
8278
+ const thisScriptEl = document.currentScript;
8279
+ thisScriptEl == null ? void 0 : thisScriptEl.remove();
8280
+ } else {
8281
+ const newStyleStr = variants.concat({
8282
+ id: contentId
8283
+ }).filter((variant) => variant.id !== winningVariantId).map((value) => {
8284
+ return `.variant-${value.id} { display: none; }
8285
+ `;
8286
+ }).join("");
8287
+ styleEl.innerHTML = newStyleStr;
8288
+ }
8289
+ }
8290
+ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
8291
+ var _a;
8292
+ if (!navigator.cookieEnabled)
8293
+ return;
8294
+ function getCookie2(name) {
8295
+ const nameEQ = name + "=";
8296
+ const ca2 = document.cookie.split(";");
8297
+ for (let i = 0; i < ca2.length; i++) {
8298
+ let c = ca2[i];
8299
+ while (c.charAt(0) === " ")
8300
+ c = c.substring(1, c.length);
8301
+ if (c.indexOf(nameEQ) === 0)
8302
+ return c.substring(nameEQ.length, c.length);
8303
+ }
8304
+ return null;
8305
+ }
8306
+ const cookieName = `builder.tests.${defaultContentId}`;
8307
+ const variantId = getCookie2(cookieName);
8308
+ const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
8309
+ const variantIsDefaultContent = variantContentId === defaultContentId;
8310
+ if (variantId === variantContentId) {
8311
+ if (variantIsDefaultContent)
8312
+ return;
8313
+ parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
8314
+ parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
8315
+ } else {
8316
+ if (variantIsDefaultContent) {
8317
+ if (isHydrationTarget2)
8318
+ parentDiv == null ? void 0 : parentDiv.remove();
8319
+ else {
8320
+ parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
8321
+ parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
8322
+ }
8323
+ }
8324
+ return;
8325
+ }
8326
+ return;
8327
+ }
8328
+ const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
8329
+ const isHydrationTarget = getIsHydrationTarget(TARGET);
8330
+ const AB_TEST_FN_NAME = "builderIoAbTest";
8331
+ const CONTENT_FN_NAME = "builderIoRenderContent";
8332
+ const getScriptString = () => {
8333
+ const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
8334
+ const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
8335
+ return `
8336
+ window.${AB_TEST_FN_NAME} = ${fnStr}
8337
+ window.${CONTENT_FN_NAME} = ${fnStr2}
8338
+ `;
8339
+ };
8340
+ const getVariantsScriptString = (variants, contentId) => {
8341
+ return `
8342
+ window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
8343
+ };
7063
8344
  const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
7064
8345
  _jsxBranch();
7065
8346
  const state = useStore({