@builder.io/sdk-qwik 0.5.8 → 0.6.0

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 (63) 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 +1642 -371
  7. package/lib/index.qwik.mjs +1643 -372
  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/components/content/content.types.d.ts +2 -2
  13. package/types/components/content-variants/content-variants.d.ts +2 -2
  14. package/types/components/content-variants/content-variants.types.d.ts +1 -1
  15. package/types/functions/evaluate/browser-runtime/browser.d.ts +4 -0
  16. package/types/functions/evaluate/browser-runtime/index.d.ts +1 -0
  17. package/types/functions/evaluate/edge-runtime/edge-runtime.d.ts +2 -0
  18. package/types/functions/evaluate/edge-runtime/index.d.ts +1 -0
  19. package/types/functions/evaluate/evaluate.d.ts +4 -8
  20. package/types/functions/evaluate/helpers.d.ts +18 -0
  21. package/types/functions/evaluate/index.d.ts +1 -1
  22. package/types/functions/evaluate/node-runtime/index.d.ts +1 -0
  23. package/types/functions/evaluate/non-node-runtime/non-node-runtime.d.ts +2 -2
  24. package/types/functions/evaluate/placeholder-runtime.d.ts +2 -0
  25. package/types/functions/fetch-builder-props.d.ts +4 -3
  26. package/types/functions/get-content/index.d.ts +4 -5
  27. package/types/functions/is-edge-runtime.d.ts +4 -0
  28. package/types/index-helpers/blocks-exports.d.ts +1 -1
  29. package/types/index.d.ts +5 -14
  30. package/types/server-index.d.ts +15 -0
  31. package/types/src/components/block/components/component-ref/component-ref.helpers.d.ts +1 -1
  32. package/types/src/components/blocks/blocks.d.ts +1 -1
  33. package/types/src/components/blocks/deopt.d.ts +4 -0
  34. package/types/src/components/content/content.types.d.ts +2 -2
  35. package/types/src/components/content/index.d.ts +1 -1
  36. package/types/src/components/content-variants/content-variants.d.ts +2 -2
  37. package/types/src/components/content-variants/content-variants.types.d.ts +1 -1
  38. package/types/src/constants/sdk-version.d.ts +1 -1
  39. package/types/src/constants/target.d.ts +1 -1
  40. package/types/src/functions/deopt.d.ts +4 -0
  41. package/types/src/functions/evaluate/edge-runtime/acorn-interpreter.d.ts +2 -0
  42. package/types/src/functions/evaluate/edge-runtime/edge-runtime.d.ts +2 -0
  43. package/types/src/functions/evaluate/edge-runtime/index.d.ts +1 -0
  44. package/types/src/functions/evaluate/evaluate.d.ts +4 -8
  45. package/types/src/functions/evaluate/index.d.ts +1 -1
  46. package/types/src/functions/evaluate/node-runtime/index.d.ts +1 -1
  47. package/types/src/functions/evaluate/non-node-runtime/non-node-runtime.d.ts +2 -2
  48. package/types/src/functions/evaluate/placeholder-runtime.d.ts +1 -1
  49. package/types/src/functions/fetch-builder-props.d.ts +6 -5
  50. package/types/src/functions/get-content/index.d.ts +4 -5
  51. package/types/src/functions/is-edge-runtime.d.ts +4 -0
  52. package/types/src/helpers/preview-lru-cache/get.d.ts +1 -1
  53. package/types/src/helpers/preview-lru-cache/set.d.ts +1 -1
  54. package/types/src/index-helpers/blocks-exports.d.ts +14 -14
  55. package/types/src/index.d.ts +5 -14
  56. package/types/src/server-index.d.ts +15 -0
  57. package/types/functions/evaluate/types.d.ts +0 -11
  58. package/types/functions/if-target.d.ts +0 -7
  59. package/types/src/functions/evaluate/node-runtime/node-runtime.d.ts +0 -2
  60. package/types/src/functions/evaluate/types.d.ts +0 -11
  61. package/types/src/functions/if-target.d.ts +0 -7
  62. /package/types/functions/evaluate/{acorn-interpreter.d.ts → edge-runtime/acorn-interpreter.d.ts} +0 -0
  63. /package/types/{src/functions/evaluate → functions/evaluate/non-node-runtime}/acorn-interpreter.d.ts +0 -0
@@ -68,12 +68,84 @@ function isIframe() {
68
68
  function isEditing() {
69
69
  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
70
70
  }
71
- function isNonNodeServer() {
72
- const hasNode = () => {
73
- var _a;
74
- return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
71
+ const getLocation = () => {
72
+ if (isBrowser()) {
73
+ const parsedLocation = new URL(location.href);
74
+ if (parsedLocation.pathname === "")
75
+ parsedLocation.pathname = "/";
76
+ return parsedLocation;
77
+ } else {
78
+ console.warn("Cannot get location for tracking in non-browser environment");
79
+ return null;
80
+ }
81
+ };
82
+ const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
83
+ const getUserAttributes = () => {
84
+ const userAgent = getUserAgent();
85
+ const isMobile = {
86
+ Android() {
87
+ return userAgent.match(/Android/i);
88
+ },
89
+ BlackBerry() {
90
+ return userAgent.match(/BlackBerry/i);
91
+ },
92
+ iOS() {
93
+ return userAgent.match(/iPhone|iPod/i);
94
+ },
95
+ Opera() {
96
+ return userAgent.match(/Opera Mini/i);
97
+ },
98
+ Windows() {
99
+ return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
100
+ },
101
+ any() {
102
+ return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
103
+ }
75
104
  };
76
- return !isBrowser() && !hasNode();
105
+ const isTablet = userAgent.match(/Tablet|iPad/i);
106
+ const url = getLocation();
107
+ return {
108
+ urlPath: url == null ? void 0 : url.pathname,
109
+ host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
110
+ device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
111
+ };
112
+ };
113
+ const getFunctionArguments = ({ builder, context, event, state }) => {
114
+ return Object.entries({
115
+ state,
116
+ Builder: builder,
117
+ // legacy
118
+ builder,
119
+ context,
120
+ event
121
+ });
122
+ };
123
+ const runInBrowser = ({ code, builder, context, event, localState, rootSetState, rootState }) => {
124
+ const functionArgs = getFunctionArguments({
125
+ builder,
126
+ context,
127
+ event,
128
+ state: flattenState(rootState, localState, rootSetState)
129
+ });
130
+ return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
131
+ };
132
+ function flattenState(rootState, localState, rootSetState) {
133
+ if (rootState === localState)
134
+ throw new Error("rootState === localState");
135
+ return new Proxy(rootState, {
136
+ get: (_, prop) => {
137
+ if (localState && prop in localState)
138
+ return localState[prop];
139
+ return rootState[prop];
140
+ },
141
+ set: (_, prop, value) => {
142
+ if (localState && prop in localState)
143
+ throw new Error("Writing to local state is not allowed as it is read-only.");
144
+ rootState[prop] = value;
145
+ rootSetState == null ? void 0 : rootSetState(rootState);
146
+ return true;
147
+ }
148
+ });
77
149
  }
78
150
  const set = (obj, _path, value) => {
79
151
  if (Object(obj) !== obj)
@@ -3262,20 +3334,19 @@ const processCode = (code) => {
3262
3334
  }).filter(Boolean).join("\n");
3263
3335
  };
3264
3336
  const getJSONValName = (val) => val + "JSON";
3265
- const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, useCode }) => {
3337
+ const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, code }) => {
3266
3338
  const state = {
3267
3339
  ...rootState,
3268
3340
  ...localState
3269
3341
  };
3270
- const properties = {
3271
- state,
3272
- Builder: builder,
3342
+ const properties = getFunctionArguments({
3273
3343
  builder,
3274
3344
  context,
3275
- event
3276
- };
3277
- const prependedCode = Object.keys(properties).map((key) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join("\n");
3278
- const cleanedCode = processCode(useCode);
3345
+ event,
3346
+ state
3347
+ });
3348
+ const prependedCode = properties.map(([key]) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join("\n");
3349
+ const cleanedCode = processCode(code);
3279
3350
  if (cleanedCode === "") {
3280
3351
  logger.warn("Skipping evaluation of empty code block.");
3281
3352
  return;
@@ -3293,8 +3364,7 @@ theFunction();
3293
3364
  rootSetState == null ? void 0 : rootSetState(newState);
3294
3365
  };
3295
3366
  const initFunc = function(interpreter, globalObject) {
3296
- Object.keys(properties).forEach((key) => {
3297
- const val = properties[key] || {};
3367
+ properties.forEach(([key, val]) => {
3298
3368
  const jsonVal = JSON.stringify(val);
3299
3369
  interpreter.setProperty(globalObject, getJSONValName(key), jsonVal);
3300
3370
  });
@@ -3312,6 +3382,13 @@ theFunction();
3312
3382
  return;
3313
3383
  }
3314
3384
  };
3385
+ function isNonNodeServer() {
3386
+ const hasNode = () => {
3387
+ var _a;
3388
+ return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
3389
+ };
3390
+ return !isBrowser() && !hasNode();
3391
+ }
3315
3392
  function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
3316
3393
  if (code === "") {
3317
3394
  logger.warn("Skipping evaluation of empty code block.");
@@ -3320,7 +3397,8 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
3320
3397
  const builder = {
3321
3398
  isEditing: isEditing(),
3322
3399
  isBrowser: isBrowser(),
3323
- isServer: !isBrowser()
3400
+ isServer: !isBrowser(),
3401
+ getUserAttributes: () => getUserAttributes()
3324
3402
  };
3325
3403
  const useReturn = (
3326
3404
  // we disable this for cases where we definitely don't want a return
@@ -3328,7 +3406,7 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
3328
3406
  );
3329
3407
  const useCode = useReturn ? `return (${code});` : code;
3330
3408
  const args = {
3331
- useCode,
3409
+ code: useCode,
3332
3410
  builder,
3333
3411
  context,
3334
3412
  event,
@@ -3336,40 +3414,18 @@ function evaluate({ code, context, localState, rootState, rootSetState, event, i
3336
3414
  rootState,
3337
3415
  localState
3338
3416
  };
3339
- if (isBrowser())
3340
- return runInBrowser(args);
3341
- if (isNonNodeServer())
3342
- return runInNonNode(args);
3343
- return runInNode(args);
3344
- }
3345
- const runInBrowser = ({ useCode, builder, context, event, localState, rootSetState, rootState }) => {
3346
- const state = flattenState(rootState, localState, rootSetState);
3347
3417
  try {
3348
- return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
3418
+ if (isBrowser())
3419
+ return runInBrowser(args);
3420
+ if (isNonNodeServer())
3421
+ return runInNonNode(args);
3422
+ return runInBrowser(args);
3349
3423
  } catch (e) {
3350
- logger.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e);
3424
+ logger.error("Failed code evaluation: " + e.message, {
3425
+ code
3426
+ });
3427
+ return void 0;
3351
3428
  }
3352
- };
3353
- const runInNode = (args) => {
3354
- return runInBrowser(args);
3355
- };
3356
- function flattenState(rootState, localState, rootSetState) {
3357
- if (rootState === localState)
3358
- throw new Error("rootState === localState");
3359
- return new Proxy(rootState, {
3360
- get: (_, prop) => {
3361
- if (localState && prop in localState)
3362
- return localState[prop];
3363
- return rootState[prop];
3364
- },
3365
- set: (_, prop, value) => {
3366
- if (localState && prop in localState)
3367
- throw new Error("Writing to local state is not allowed as it is read-only.");
3368
- rootState[prop] = value;
3369
- rootSetState == null ? void 0 : rootSetState(rootState);
3370
- return true;
3371
- }
3372
- });
3373
3429
  }
3374
3430
  const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
3375
3431
  function transformBlock(block) {
@@ -3800,11 +3856,9 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3800
3856
  contextValue: props.context
3801
3857
  }),
3802
3858
  children: [
3803
- (props.blockChildren || []).map(function(child) {
3859
+ (props.blockChildren || []).map((child) => {
3804
3860
  return /* @__PURE__ */ qwik._jsxC(Block, {
3805
- get block() {
3806
- return child;
3807
- },
3861
+ block: child,
3808
3862
  get context() {
3809
3863
  return props.context;
3810
3864
  },
@@ -3812,7 +3866,6 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3812
3866
  return props.registeredComponents;
3813
3867
  },
3814
3868
  [qwik._IMMUTABLE]: {
3815
- block: qwik._IMMUTABLE,
3816
3869
  context: qwik._fnSignal((p0) => p0.context, [
3817
3870
  props
3818
3871
  ], "p0.context"),
@@ -3822,16 +3875,13 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3822
3875
  }
3823
3876
  }, 3, "block-" + child.id);
3824
3877
  }),
3825
- (props.blockChildren || []).map(function(child) {
3878
+ (props.blockChildren || []).map((child) => {
3826
3879
  return /* @__PURE__ */ qwik._jsxC(BlockStyles, {
3827
- get block() {
3828
- return child;
3829
- },
3880
+ block: child,
3830
3881
  get context() {
3831
3882
  return props.context;
3832
3883
  },
3833
3884
  [qwik._IMMUTABLE]: {
3834
- block: qwik._IMMUTABLE,
3835
3885
  context: qwik._fnSignal((p0) => p0.context, [
3836
3886
  props
3837
3887
  ], "p0.context")
@@ -3987,7 +4037,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
3987
4037
  hasChildren: qwik._IMMUTABLE
3988
4038
  }
3989
4039
  }, 3, "jN_0") : null,
3990
- !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map(function(data, index) {
4040
+ !isEmptyHtmlElement(Tag.value) && repeatItem.value ? (repeatItem.value || []).map((data, index) => {
3991
4041
  return /* @__PURE__ */ qwik._jsxC(RepeatedBlock, {
3992
4042
  get repeatContext() {
3993
4043
  return data.context;
@@ -3999,11 +4049,11 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
3999
4049
  return props.registeredComponents;
4000
4050
  },
4001
4051
  [qwik._IMMUTABLE]: {
4002
- block: qwik._IMMUTABLE,
4052
+ block: qwik._wrapProp(data, "block"),
4003
4053
  registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
4004
4054
  props
4005
4055
  ], "p0.registeredComponents"),
4006
- repeatContext: qwik._IMMUTABLE
4056
+ repeatContext: qwik._wrapProp(data, "context")
4007
4057
  }
4008
4058
  }, 3, index);
4009
4059
  }) : null,
@@ -4021,11 +4071,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4021
4071
  /* @__PURE__ */ qwik._jsxC(ComponentRef, {
4022
4072
  ...componentRefProps.value
4023
4073
  }, 0, "jN_1"),
4024
- (childrenWithoutParentComponent.value || []).map(function(child) {
4074
+ (childrenWithoutParentComponent.value || []).map((child) => {
4025
4075
  return /* @__PURE__ */ qwik._jsxC(Block, {
4026
- get block() {
4027
- return child;
4028
- },
4076
+ block: child,
4029
4077
  get context() {
4030
4078
  return state.childrenContext;
4031
4079
  },
@@ -4033,7 +4081,6 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4033
4081
  return props.registeredComponents;
4034
4082
  },
4035
4083
  [qwik._IMMUTABLE]: {
4036
- block: qwik._IMMUTABLE,
4037
4084
  context: qwik._fnSignal((p0) => p0.childrenContext, [
4038
4085
  state
4039
4086
  ], "p0.childrenContext"),
@@ -4043,16 +4090,13 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4043
4090
  }
4044
4091
  }, 3, "block-" + child.id);
4045
4092
  }),
4046
- (childrenWithoutParentComponent.value || []).map(function(child) {
4093
+ (childrenWithoutParentComponent.value || []).map((child) => {
4047
4094
  return /* @__PURE__ */ qwik._jsxC(BlockStyles, {
4048
- get block() {
4049
- return child;
4050
- },
4095
+ block: child,
4051
4096
  get context() {
4052
4097
  return state.childrenContext;
4053
4098
  },
4054
4099
  [qwik._IMMUTABLE]: {
4055
- block: qwik._IMMUTABLE,
4056
4100
  context: qwik._fnSignal((p0) => p0.childrenContext, [
4057
4101
  state
4058
4102
  ], "p0.childrenContext")
@@ -4173,40 +4217,45 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
4173
4217
  return props.styleProp;
4174
4218
  },
4175
4219
  children: [
4176
- props.blocks ? (props.blocks || []).map(function(block) {
4177
- return /* @__PURE__ */ qwik._jsxC(Block, {
4178
- get block() {
4179
- return block;
4180
- },
4181
- get context() {
4182
- return props.context || builderContext$1;
4183
- },
4184
- get registeredComponents() {
4185
- return props.registeredComponents || componentsContext.registeredComponents;
4186
- },
4187
- [qwik._IMMUTABLE]: {
4188
- block: qwik._IMMUTABLE,
4189
- context: qwik._fnSignal((p0, p1) => p1.context || p0, [
4190
- builderContext$1,
4191
- props
4192
- ], "p1.context||p0"),
4193
- registeredComponents: qwik._fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
4194
- componentsContext,
4195
- props
4196
- ], "p1.registeredComponents||p0.registeredComponents")
4197
- }
4198
- }, 3, "render-block-" + block.id);
4220
+ /* @__PURE__ */ qwik._jsxQ("div", null, null, [
4221
+ "in BLOCKS (outside loop): ",
4222
+ qwik._fnSignal((p0) => (
4223
+ // @ts-ignore
4224
+ p0.context.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text
4225
+ ), [
4226
+ props
4227
+ ], "p0.context.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text")
4228
+ ], 3, null),
4229
+ props.blocks ? (props.blocks || []).map((block) => {
4230
+ return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
4231
+ children: /* @__PURE__ */ qwik._jsxC(Block, {
4232
+ block,
4233
+ get context() {
4234
+ return props.context || builderContext$1;
4235
+ },
4236
+ get registeredComponents() {
4237
+ return props.registeredComponents || componentsContext.registeredComponents;
4238
+ },
4239
+ [qwik._IMMUTABLE]: {
4240
+ context: qwik._fnSignal((p0, p1) => p1.context || p0, [
4241
+ builderContext$1,
4242
+ props
4243
+ ], "p1.context||p0"),
4244
+ registeredComponents: qwik._fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
4245
+ componentsContext,
4246
+ props
4247
+ ], "p1.registeredComponents||p0.registeredComponents")
4248
+ }
4249
+ }, 3, "render-block-" + block.id)
4250
+ }, 1, "render-block-" + block.id);
4199
4251
  }) : null,
4200
- props.blocks ? (props.blocks || []).map(function(block) {
4252
+ props.blocks ? (props.blocks || []).map((block) => {
4201
4253
  return /* @__PURE__ */ qwik._jsxC(BlockStyles, {
4202
- get block() {
4203
- return block;
4204
- },
4254
+ block,
4205
4255
  get context() {
4206
4256
  return props.context || builderContext$1;
4207
4257
  },
4208
4258
  [qwik._IMMUTABLE]: {
4209
- block: qwik._IMMUTABLE,
4210
4259
  context: qwik._fnSignal((p0, p1) => p1.context || p0, [
4211
4260
  builderContext$1,
4212
4261
  props
@@ -4349,7 +4398,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
4349
4398
  ], "p0.value")
4350
4399
  }
4351
4400
  }, 3, "c0_0"),
4352
- (props.columns || []).map(function(column, index) {
4401
+ (props.columns || []).map((column, index) => {
4353
4402
  return /* @__PURE__ */ qwik.createElement("div", {
4354
4403
  class: "builder-column div-Columns-2",
4355
4404
  style: columnCssVars(props, state, index),
@@ -4358,9 +4407,7 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
4358
4407
  get blocks() {
4359
4408
  return column.blocks;
4360
4409
  },
4361
- get path() {
4362
- return `component.options.columns.${index}.blocks`;
4363
- },
4410
+ path: `component.options.columns.${index}.blocks`,
4364
4411
  get parent() {
4365
4412
  return props.builderBlock.id;
4366
4413
  },
@@ -4376,14 +4423,13 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
4376
4423
  return props.builderComponents;
4377
4424
  },
4378
4425
  [qwik._IMMUTABLE]: {
4379
- blocks: qwik._IMMUTABLE,
4426
+ blocks: qwik._wrapProp(column, "blocks"),
4380
4427
  context: qwik._fnSignal((p0) => p0.builderContext, [
4381
4428
  props
4382
4429
  ], "p0.builderContext"),
4383
4430
  parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
4384
4431
  props
4385
4432
  ], "p0.builderBlock.id"),
4386
- path: qwik._IMMUTABLE,
4387
4433
  registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
4388
4434
  props
4389
4435
  ], "p0.builderComponents"),
@@ -5799,167 +5845,35 @@ const serializeComponentInfo = ({ inputs, ...info }) => ({
5799
5845
  [key]: serializeValue(value)
5800
5846
  }), {}))
5801
5847
  });
5802
- const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
5803
- ...variant,
5804
- testVariationId: variant.id,
5805
- id: content == null ? void 0 : content.id
5806
- }));
5807
- const checkShouldRunVariants = ({ canTrack, content }) => {
5808
- const hasVariants = getVariants(content).length > 0;
5809
- if (!hasVariants)
5810
- return false;
5811
- if (!canTrack)
5812
- return false;
5813
- if (isBrowser())
5814
- return false;
5815
- return true;
5816
- };
5817
- function bldrAbTest(contentId, variants, isHydrationTarget2) {
5818
- var _a;
5819
- function getAndSetVariantId2() {
5820
- function setCookie2(name, value, days) {
5821
- let expires = "";
5822
- if (days) {
5823
- const date = /* @__PURE__ */ new Date();
5824
- date.setTime(date.getTime() + days * 864e5);
5825
- expires = "; expires=" + date.toUTCString();
5826
- }
5827
- document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
5828
- }
5829
- function getCookie2(name) {
5830
- const nameEQ = name + "=";
5831
- const ca2 = document.cookie.split(";");
5832
- for (let i = 0; i < ca2.length; i++) {
5833
- let c = ca2[i];
5834
- while (c.charAt(0) === " ")
5835
- c = c.substring(1, c.length);
5836
- if (c.indexOf(nameEQ) === 0)
5837
- return c.substring(nameEQ.length, c.length);
5838
- }
5839
- return null;
5840
- }
5841
- const cookieName = `builder.tests.${contentId}`;
5842
- const variantInCookie = getCookie2(cookieName);
5843
- const availableIDs = variants.map((vr) => vr.id).concat(contentId);
5844
- if (variantInCookie && availableIDs.includes(variantInCookie))
5845
- return variantInCookie;
5846
- let n = 0;
5847
- const random = Math.random();
5848
- for (let i = 0; i < variants.length; i++) {
5849
- const variant = variants[i];
5850
- const testRatio = variant.testRatio;
5851
- n += testRatio;
5852
- if (random < n) {
5853
- setCookie2(cookieName, variant.id);
5854
- return variant.id;
5855
- }
5856
- }
5857
- setCookie2(cookieName, contentId);
5858
- return contentId;
5859
- }
5860
- const winningVariantId = getAndSetVariantId2();
5861
- const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
5862
- if (isHydrationTarget2) {
5863
- styleEl.remove();
5864
- const thisScriptEl = document.currentScript;
5865
- thisScriptEl == null ? void 0 : thisScriptEl.remove();
5866
- } else {
5867
- const newStyleStr = variants.concat({
5868
- id: contentId
5869
- }).filter((variant) => variant.id !== winningVariantId).map((value) => {
5870
- return `.variant-${value.id} { display: none; }
5871
- `;
5872
- }).join("");
5873
- styleEl.innerHTML = newStyleStr;
5848
+ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
5849
+ return /* @__PURE__ */ qwik._jsxQ("script", null, {
5850
+ dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
5851
+ props
5852
+ ], "p0.scriptStr"),
5853
+ id: qwik._fnSignal((p0) => p0.id, [
5854
+ props
5855
+ ], "p0.id")
5856
+ }, null, 3, "WO_0");
5857
+ }, "InlinedScript_component_hwThBdhA8rw"));
5858
+ function getGlobalThis() {
5859
+ if (typeof globalThis !== "undefined")
5860
+ return globalThis;
5861
+ if (typeof window !== "undefined")
5862
+ return window;
5863
+ if (typeof global !== "undefined")
5864
+ return global;
5865
+ if (typeof self !== "undefined")
5866
+ return self;
5867
+ return globalThis;
5868
+ }
5869
+ function getFetch() {
5870
+ const globalFetch = getGlobalThis().fetch;
5871
+ if (typeof globalFetch === "undefined") {
5872
+ console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
5873
+ For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
5874
+ throw new Error("Builder SDK could not find a global `fetch` function");
5874
5875
  }
5875
- }
5876
- function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
5877
- var _a;
5878
- if (!navigator.cookieEnabled)
5879
- return;
5880
- function getCookie2(name) {
5881
- const nameEQ = name + "=";
5882
- const ca2 = document.cookie.split(";");
5883
- for (let i = 0; i < ca2.length; i++) {
5884
- let c = ca2[i];
5885
- while (c.charAt(0) === " ")
5886
- c = c.substring(1, c.length);
5887
- if (c.indexOf(nameEQ) === 0)
5888
- return c.substring(nameEQ.length, c.length);
5889
- }
5890
- return null;
5891
- }
5892
- const cookieName = `builder.tests.${defaultContentId}`;
5893
- const variantId = getCookie2(cookieName);
5894
- const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
5895
- const variantIsDefaultContent = variantContentId === defaultContentId;
5896
- if (variantId === variantContentId) {
5897
- if (variantIsDefaultContent)
5898
- return;
5899
- parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
5900
- parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
5901
- } else {
5902
- if (variantIsDefaultContent) {
5903
- if (isHydrationTarget2)
5904
- parentDiv == null ? void 0 : parentDiv.remove();
5905
- else {
5906
- parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
5907
- parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
5908
- }
5909
- }
5910
- return;
5911
- }
5912
- return;
5913
- }
5914
- const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
5915
- const isHydrationTarget = getIsHydrationTarget(TARGET);
5916
- const AB_TEST_FN_NAME = "builderIoAbTest";
5917
- const CONTENT_FN_NAME = "builderIoRenderContent";
5918
- const getScriptString = () => {
5919
- const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
5920
- const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
5921
- return `
5922
- window.${AB_TEST_FN_NAME} = ${fnStr}
5923
- window.${CONTENT_FN_NAME} = ${fnStr2}
5924
- `;
5925
- };
5926
- const getVariantsScriptString = (variants, contentId) => {
5927
- return `
5928
- window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
5929
- };
5930
- const getRenderContentScriptString = ({ contentId, variationId }) => {
5931
- return `
5932
- window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
5933
- };
5934
- const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
5935
- return /* @__PURE__ */ qwik._jsxQ("script", null, {
5936
- dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
5937
- props
5938
- ], "p0.scriptStr"),
5939
- id: qwik._fnSignal((p0) => p0.id, [
5940
- props
5941
- ], "p0.id")
5942
- }, null, 3, "WO_0");
5943
- }, "InlinedScript_component_hwThBdhA8rw"));
5944
- function getGlobalThis() {
5945
- if (typeof globalThis !== "undefined")
5946
- return globalThis;
5947
- if (typeof window !== "undefined")
5948
- return window;
5949
- if (typeof global !== "undefined")
5950
- return global;
5951
- if (typeof self !== "undefined")
5952
- return self;
5953
- return globalThis;
5954
- }
5955
- function getFetch() {
5956
- const globalFetch = getGlobalThis().fetch;
5957
- if (typeof globalFetch === "undefined") {
5958
- console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project.
5959
- For more information, read https://github.com/BuilderIO/this-package-uses-fetch`);
5960
- throw new Error("Builder SDK could not find a global `fetch` function");
5961
- }
5962
- return globalFetch;
5876
+ return globalFetch;
5963
5877
  }
5964
5878
  const fetch$1 = getFetch();
5965
5879
  function flatten(object, path = null, separator = ".") {
@@ -6184,48 +6098,6 @@ const setVisitorId = ({ id: id2, canTrack }) => setLocalStorageItem({
6184
6098
  value: id2,
6185
6099
  canTrack
6186
6100
  });
6187
- const getLocation = () => {
6188
- if (isBrowser()) {
6189
- const parsedLocation = new URL(location.href);
6190
- if (parsedLocation.pathname === "")
6191
- parsedLocation.pathname = "/";
6192
- return parsedLocation;
6193
- } else {
6194
- console.warn("Cannot get location for tracking in non-browser environment");
6195
- return null;
6196
- }
6197
- };
6198
- const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
6199
- const getUserAttributes = () => {
6200
- const userAgent = getUserAgent();
6201
- const isMobile = {
6202
- Android() {
6203
- return userAgent.match(/Android/i);
6204
- },
6205
- BlackBerry() {
6206
- return userAgent.match(/BlackBerry/i);
6207
- },
6208
- iOS() {
6209
- return userAgent.match(/iPhone|iPod/i);
6210
- },
6211
- Opera() {
6212
- return userAgent.match(/Opera Mini/i);
6213
- },
6214
- Windows() {
6215
- return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
6216
- },
6217
- any() {
6218
- return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
6219
- }
6220
- };
6221
- const isTablet = userAgent.match(/Tablet|iPad/i);
6222
- const url = getLocation();
6223
- return {
6224
- urlPath: url == null ? void 0 : url.pathname,
6225
- host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
6226
- device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
6227
- };
6228
- };
6229
6101
  const getTrackingEventData = async ({ canTrack }) => {
6230
6102
  if (!canTrack)
6231
6103
  return {
@@ -6471,6 +6343,1257 @@ const setupBrowserForEditing = (options = {}) => {
6471
6343
  });
6472
6344
  }
6473
6345
  };
6346
+ const MODIFIED_COLUMNS = {
6347
+ "createdBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
6348
+ "createdDate": 1644861548711,
6349
+ "data": {
6350
+ "title": "Columns",
6351
+ "blocks": [
6352
+ {
6353
+ "@type": "@builder.io/sdk:Element",
6354
+ "@version": 2,
6355
+ "id": "builder-20b0d28f7838498bbc6f660a3d037835",
6356
+ "component": {
6357
+ "name": "Core:Button",
6358
+ "options": {
6359
+ "text": "Go back home",
6360
+ "link": "/"
6361
+ }
6362
+ },
6363
+ "responsiveStyles": {
6364
+ "large": {
6365
+ "display": "flex",
6366
+ "flexDirection": "column",
6367
+ "position": "relative",
6368
+ "flexShrink": "0",
6369
+ "boxSizing": "border-box",
6370
+ "marginTop": "20px",
6371
+ "appearance": "none",
6372
+ "paddingTop": "15px",
6373
+ "paddingBottom": "15px",
6374
+ "paddingLeft": "25px",
6375
+ "paddingRight": "25px",
6376
+ "backgroundColor": "#3898EC",
6377
+ "color": "white",
6378
+ "borderRadius": "4px",
6379
+ "textAlign": "center",
6380
+ "cursor": "pointer",
6381
+ "marginLeft": "auto"
6382
+ },
6383
+ "small": {
6384
+ "marginLeft": "auto",
6385
+ "marginRight": "auto"
6386
+ }
6387
+ }
6388
+ },
6389
+ {
6390
+ "@type": "@builder.io/sdk:Element",
6391
+ "@version": 2,
6392
+ "id": "builder-92c438f62b744699bbc818f81454418c",
6393
+ "component": {
6394
+ "name": "Text",
6395
+ "options": {
6396
+ "text": "<h1>Columns</h1>"
6397
+ }
6398
+ },
6399
+ "responsiveStyles": {
6400
+ "large": {
6401
+ "display": "flex",
6402
+ "flexDirection": "column",
6403
+ "position": "relative",
6404
+ "flexShrink": "0",
6405
+ "boxSizing": "border-box",
6406
+ "marginTop": "20px",
6407
+ "lineHeight": "normal",
6408
+ "height": "auto",
6409
+ "textAlign": "center"
6410
+ }
6411
+ }
6412
+ },
6413
+ {
6414
+ "@type": "@builder.io/sdk:Element",
6415
+ "@version": 2,
6416
+ "id": "builder-1253ebf62a87451db1a31e103189b5bb",
6417
+ "children": [
6418
+ {
6419
+ "@type": "@builder.io/sdk:Element",
6420
+ "@version": 2,
6421
+ "id": "builder-330e798bc0a1405fb04d8a3dce06ff99",
6422
+ "component": {
6423
+ "name": "Text",
6424
+ "options": {
6425
+ "text": "<h3>Stack at tablet</h3>"
6426
+ }
6427
+ },
6428
+ "responsiveStyles": {
6429
+ "large": {
6430
+ "display": "flex",
6431
+ "flexDirection": "column",
6432
+ "position": "relative",
6433
+ "flexShrink": "0",
6434
+ "boxSizing": "border-box",
6435
+ "marginTop": "20px",
6436
+ "lineHeight": "normal",
6437
+ "height": "auto",
6438
+ "textAlign": "center"
6439
+ }
6440
+ }
6441
+ },
6442
+ {
6443
+ "@type": "@builder.io/sdk:Element",
6444
+ "@version": 2,
6445
+ "id": "builder-25c64e9c18804f46b73985264df3c41c",
6446
+ "component": {
6447
+ "name": "Columns",
6448
+ "options": {
6449
+ "columns": [
6450
+ {
6451
+ "blocks": [
6452
+ {
6453
+ "@type": "@builder.io/sdk:Element",
6454
+ "@version": 2,
6455
+ "id": "builder-fa35a394778842b1a9e780a54a3b49a7",
6456
+ "component": {
6457
+ "name": "Image",
6458
+ "options": {
6459
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
6460
+ "backgroundPosition": "center",
6461
+ "backgroundSize": "cover",
6462
+ "aspectRatio": 0.7004048582995948,
6463
+ "lazy": false,
6464
+ "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",
6465
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6466
+ }
6467
+ },
6468
+ "responsiveStyles": {
6469
+ "large": {
6470
+ "display": "flex",
6471
+ "flexDirection": "column",
6472
+ "alignItems": "stretch",
6473
+ "flexShrink": "0",
6474
+ "position": "relative",
6475
+ "marginTop": "30px",
6476
+ "textAlign": "center",
6477
+ "lineHeight": "normal",
6478
+ "height": "auto",
6479
+ "minHeight": "20px",
6480
+ "minWidth": "20px",
6481
+ "overflow": "hidden"
6482
+ },
6483
+ "small": {
6484
+ "maxHeight": "200px",
6485
+ "maxWidth": "200px"
6486
+ }
6487
+ }
6488
+ },
6489
+ {
6490
+ "@type": "@builder.io/sdk:Element",
6491
+ "@version": 2,
6492
+ "id": "builder-71c14581f362486eb24214d27c0c24d0",
6493
+ "component": {
6494
+ "name": "Text",
6495
+ "options": {
6496
+ "text": "UPDATED TEXT!"
6497
+ }
6498
+ },
6499
+ "responsiveStyles": {
6500
+ "large": {
6501
+ "display": "flex",
6502
+ "flexDirection": "column",
6503
+ "alignItems": "stretch",
6504
+ "flexShrink": "0",
6505
+ "position": "relative",
6506
+ "marginTop": "30px",
6507
+ "textAlign": "center",
6508
+ "lineHeight": "normal",
6509
+ "height": "auto"
6510
+ }
6511
+ }
6512
+ },
6513
+ {
6514
+ "@type": "@builder.io/sdk:Element",
6515
+ "@version": 2,
6516
+ "id": "builder-b70d96812f4845268f5a4e9deb4411f2",
6517
+ "component": {
6518
+ "name": "Text",
6519
+ "options": {
6520
+ "text": "<p>more text in column 1</p>"
6521
+ }
6522
+ },
6523
+ "responsiveStyles": {
6524
+ "large": {
6525
+ "display": "flex",
6526
+ "flexDirection": "column",
6527
+ "position": "relative",
6528
+ "flexShrink": "0",
6529
+ "boxSizing": "border-box",
6530
+ "marginTop": "20px",
6531
+ "lineHeight": "normal",
6532
+ "height": "auto",
6533
+ "textAlign": "center"
6534
+ }
6535
+ }
6536
+ }
6537
+ ]
6538
+ },
6539
+ {
6540
+ "blocks": [
6541
+ {
6542
+ "@type": "@builder.io/sdk:Element",
6543
+ "@version": 2,
6544
+ "id": "builder-be56c8d76c684759952d6633dafd6bb7",
6545
+ "component": {
6546
+ "name": "Image",
6547
+ "options": {
6548
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
6549
+ "backgroundPosition": "center",
6550
+ "backgroundSize": "cover",
6551
+ "aspectRatio": 0.7004048582995948,
6552
+ "lazy": false,
6553
+ "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",
6554
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6555
+ }
6556
+ },
6557
+ "responsiveStyles": {
6558
+ "large": {
6559
+ "display": "flex",
6560
+ "flexDirection": "column",
6561
+ "alignItems": "stretch",
6562
+ "flexShrink": "0",
6563
+ "position": "relative",
6564
+ "marginTop": "30px",
6565
+ "textAlign": "center",
6566
+ "lineHeight": "normal",
6567
+ "height": "auto",
6568
+ "minHeight": "20px",
6569
+ "minWidth": "20px",
6570
+ "overflow": "hidden"
6571
+ },
6572
+ "small": {
6573
+ "maxHeight": "200px",
6574
+ "maxWidth": "200px"
6575
+ }
6576
+ }
6577
+ },
6578
+ {
6579
+ "@type": "@builder.io/sdk:Element",
6580
+ "@version": 2,
6581
+ "id": "builder-a76f13775bfd440e9656226ef820fcd2",
6582
+ "component": {
6583
+ "name": "Text",
6584
+ "options": {
6585
+ "text": "<p>text in column 2</p>"
6586
+ }
6587
+ },
6588
+ "responsiveStyles": {
6589
+ "large": {
6590
+ "display": "flex",
6591
+ "flexDirection": "column",
6592
+ "alignItems": "stretch",
6593
+ "flexShrink": "0",
6594
+ "position": "relative",
6595
+ "marginTop": "30px",
6596
+ "textAlign": "center",
6597
+ "lineHeight": "normal",
6598
+ "height": "auto"
6599
+ }
6600
+ }
6601
+ }
6602
+ ]
6603
+ }
6604
+ ],
6605
+ "space": 20,
6606
+ "stackColumnsAt": "tablet"
6607
+ }
6608
+ },
6609
+ "responsiveStyles": {
6610
+ "large": {
6611
+ "display": "flex",
6612
+ "flexDirection": "column",
6613
+ "position": "relative",
6614
+ "flexShrink": "0",
6615
+ "boxSizing": "border-box",
6616
+ "marginTop": "20px"
6617
+ }
6618
+ }
6619
+ }
6620
+ ],
6621
+ "responsiveStyles": {
6622
+ "large": {
6623
+ "display": "flex",
6624
+ "flexDirection": "column",
6625
+ "position": "relative",
6626
+ "flexShrink": "0",
6627
+ "boxSizing": "border-box",
6628
+ "marginTop": "20px",
6629
+ "height": "auto",
6630
+ "paddingBottom": "30px",
6631
+ "borderStyle": "solid",
6632
+ "borderColor": "rgba(207, 52, 52, 1)",
6633
+ "borderWidth": "4px"
6634
+ }
6635
+ }
6636
+ },
6637
+ {
6638
+ "@type": "@builder.io/sdk:Element",
6639
+ "@version": 2,
6640
+ "id": "builder-ccb8d32210c04e8c80bc1e7fe1677b7f",
6641
+ "children": [
6642
+ {
6643
+ "@type": "@builder.io/sdk:Element",
6644
+ "@version": 2,
6645
+ "id": "builder-92317b99fd0b4393adbf59d2337fec8c",
6646
+ "component": {
6647
+ "name": "Text",
6648
+ "options": {
6649
+ "text": "<h3>Tablet, reverse</h3>"
6650
+ }
6651
+ },
6652
+ "responsiveStyles": {
6653
+ "large": {
6654
+ "display": "flex",
6655
+ "flexDirection": "column",
6656
+ "position": "relative",
6657
+ "flexShrink": "0",
6658
+ "boxSizing": "border-box",
6659
+ "marginTop": "20px",
6660
+ "lineHeight": "normal",
6661
+ "height": "auto",
6662
+ "textAlign": "center"
6663
+ }
6664
+ }
6665
+ },
6666
+ {
6667
+ "@type": "@builder.io/sdk:Element",
6668
+ "@version": 2,
6669
+ "id": "builder-6e2c6a142cd84d8ca3cf88c20f63635b",
6670
+ "component": {
6671
+ "name": "Columns",
6672
+ "options": {
6673
+ "columns": [
6674
+ {
6675
+ "blocks": [
6676
+ {
6677
+ "@type": "@builder.io/sdk:Element",
6678
+ "@version": 2,
6679
+ "id": "builder-f6867b68fa5f4fd3bd845509ba0bf196",
6680
+ "component": {
6681
+ "name": "Image",
6682
+ "options": {
6683
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
6684
+ "backgroundPosition": "center",
6685
+ "backgroundSize": "cover",
6686
+ "aspectRatio": 0.7004048582995948,
6687
+ "lazy": false,
6688
+ "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",
6689
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6690
+ }
6691
+ },
6692
+ "responsiveStyles": {
6693
+ "large": {
6694
+ "display": "flex",
6695
+ "flexDirection": "column",
6696
+ "alignItems": "stretch",
6697
+ "flexShrink": "0",
6698
+ "position": "relative",
6699
+ "marginTop": "30px",
6700
+ "textAlign": "center",
6701
+ "lineHeight": "normal",
6702
+ "height": "auto",
6703
+ "minHeight": "20px",
6704
+ "minWidth": "20px",
6705
+ "overflow": "hidden"
6706
+ },
6707
+ "small": {
6708
+ "maxHeight": "200px",
6709
+ "marginTop": "29px",
6710
+ "maxWidth": "200px"
6711
+ }
6712
+ }
6713
+ },
6714
+ {
6715
+ "@type": "@builder.io/sdk:Element",
6716
+ "@version": 2,
6717
+ "id": "builder-4d3da6f276d04a29a4910d024ab69b8f",
6718
+ "component": {
6719
+ "name": "Text",
6720
+ "options": {
6721
+ "text": "<p>text in column 1</p>"
6722
+ }
6723
+ },
6724
+ "responsiveStyles": {
6725
+ "large": {
6726
+ "display": "flex",
6727
+ "flexDirection": "column",
6728
+ "alignItems": "stretch",
6729
+ "flexShrink": "0",
6730
+ "position": "relative",
6731
+ "marginTop": "30px",
6732
+ "textAlign": "center",
6733
+ "lineHeight": "normal",
6734
+ "height": "auto"
6735
+ }
6736
+ }
6737
+ },
6738
+ {
6739
+ "@type": "@builder.io/sdk:Element",
6740
+ "@version": 2,
6741
+ "id": "builder-a0ffc4156fa34b9392bdabe63265e986",
6742
+ "component": {
6743
+ "name": "Text",
6744
+ "options": {
6745
+ "text": "<p>more text in column 1</p>"
6746
+ }
6747
+ },
6748
+ "responsiveStyles": {
6749
+ "large": {
6750
+ "display": "flex",
6751
+ "flexDirection": "column",
6752
+ "position": "relative",
6753
+ "flexShrink": "0",
6754
+ "boxSizing": "border-box",
6755
+ "marginTop": "20px",
6756
+ "lineHeight": "normal",
6757
+ "height": "auto",
6758
+ "textAlign": "center"
6759
+ }
6760
+ }
6761
+ },
6762
+ {
6763
+ "@type": "@builder.io/sdk:Element",
6764
+ "@version": 2,
6765
+ "id": "builder-95f6aa245166450f9d6af877656ddde5",
6766
+ "component": {
6767
+ "name": "Image",
6768
+ "options": {
6769
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
6770
+ "backgroundPosition": "center",
6771
+ "backgroundSize": "cover",
6772
+ "aspectRatio": 0.7004048582995948,
6773
+ "lazy": false,
6774
+ "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",
6775
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6776
+ }
6777
+ },
6778
+ "responsiveStyles": {
6779
+ "large": {
6780
+ "display": "flex",
6781
+ "flexDirection": "column",
6782
+ "alignItems": "stretch",
6783
+ "flexShrink": "0",
6784
+ "position": "relative",
6785
+ "marginTop": "30px",
6786
+ "textAlign": "center",
6787
+ "lineHeight": "normal",
6788
+ "height": "auto",
6789
+ "minHeight": "20px",
6790
+ "minWidth": "20px",
6791
+ "overflow": "hidden"
6792
+ },
6793
+ "small": {
6794
+ "maxHeight": "200px",
6795
+ "maxWidth": "200px"
6796
+ }
6797
+ }
6798
+ }
6799
+ ]
6800
+ },
6801
+ {
6802
+ "blocks": [
6803
+ {
6804
+ "@type": "@builder.io/sdk:Element",
6805
+ "@version": 2,
6806
+ "id": "builder-e52cbe382c5649949ea3c80618f8a226",
6807
+ "component": {
6808
+ "name": "Text",
6809
+ "options": {
6810
+ "text": "<p>text in column 2</p>"
6811
+ }
6812
+ },
6813
+ "responsiveStyles": {
6814
+ "large": {
6815
+ "display": "flex",
6816
+ "flexDirection": "column",
6817
+ "alignItems": "stretch",
6818
+ "flexShrink": "0",
6819
+ "position": "relative",
6820
+ "marginTop": "30px",
6821
+ "textAlign": "center",
6822
+ "lineHeight": "normal",
6823
+ "height": "auto"
6824
+ }
6825
+ }
6826
+ }
6827
+ ]
6828
+ }
6829
+ ],
6830
+ "space": 20,
6831
+ "stackColumnsAt": "tablet",
6832
+ "reverseColumnsWhenStacked": true
6833
+ }
6834
+ },
6835
+ "responsiveStyles": {
6836
+ "large": {
6837
+ "display": "flex",
6838
+ "flexDirection": "column",
6839
+ "position": "relative",
6840
+ "flexShrink": "0",
6841
+ "boxSizing": "border-box",
6842
+ "marginTop": "20px"
6843
+ }
6844
+ }
6845
+ }
6846
+ ],
6847
+ "responsiveStyles": {
6848
+ "large": {
6849
+ "display": "flex",
6850
+ "flexDirection": "column",
6851
+ "position": "relative",
6852
+ "flexShrink": "0",
6853
+ "boxSizing": "border-box",
6854
+ "marginTop": "20px",
6855
+ "height": "auto",
6856
+ "paddingBottom": "30px",
6857
+ "borderStyle": "solid",
6858
+ "borderColor": "rgba(52, 191, 207, 1)",
6859
+ "borderWidth": "4px"
6860
+ }
6861
+ }
6862
+ },
6863
+ {
6864
+ "@type": "@builder.io/sdk:Element",
6865
+ "@version": 2,
6866
+ "layerName": "Box",
6867
+ "id": "builder-bbcf573a81fd49aea653e0bde509c325",
6868
+ "children": [
6869
+ {
6870
+ "@type": "@builder.io/sdk:Element",
6871
+ "@version": 2,
6872
+ "id": "builder-64d3b1c02ba44ba4af4a672a4fc3c23c",
6873
+ "component": {
6874
+ "name": "Text",
6875
+ "options": {
6876
+ "text": "<h3>Stack at mobile</h3>"
6877
+ }
6878
+ },
6879
+ "responsiveStyles": {
6880
+ "large": {
6881
+ "display": "flex",
6882
+ "flexDirection": "column",
6883
+ "position": "relative",
6884
+ "flexShrink": "0",
6885
+ "boxSizing": "border-box",
6886
+ "marginTop": "20px",
6887
+ "lineHeight": "normal",
6888
+ "height": "auto",
6889
+ "textAlign": "center"
6890
+ }
6891
+ }
6892
+ },
6893
+ {
6894
+ "@type": "@builder.io/sdk:Element",
6895
+ "@version": 2,
6896
+ "id": "builder-d06032a1fb514917add773bd1004392f",
6897
+ "component": {
6898
+ "name": "Columns",
6899
+ "options": {
6900
+ "columns": [
6901
+ {
6902
+ "blocks": [
6903
+ {
6904
+ "@type": "@builder.io/sdk:Element",
6905
+ "@version": 2,
6906
+ "id": "builder-69e5c0267cca4dc398f1e15be98e9eb9",
6907
+ "component": {
6908
+ "name": "Image",
6909
+ "options": {
6910
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
6911
+ "backgroundPosition": "center",
6912
+ "backgroundSize": "cover",
6913
+ "aspectRatio": 0.7004048582995948,
6914
+ "lazy": false,
6915
+ "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",
6916
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
6917
+ }
6918
+ },
6919
+ "responsiveStyles": {
6920
+ "large": {
6921
+ "display": "flex",
6922
+ "flexDirection": "column",
6923
+ "alignItems": "stretch",
6924
+ "flexShrink": "0",
6925
+ "position": "relative",
6926
+ "marginTop": "30px",
6927
+ "textAlign": "center",
6928
+ "lineHeight": "normal",
6929
+ "height": "auto",
6930
+ "minHeight": "20px",
6931
+ "minWidth": "20px",
6932
+ "overflow": "hidden"
6933
+ },
6934
+ "small": {
6935
+ "maxHeight": "200px",
6936
+ "maxWidth": "200px"
6937
+ }
6938
+ }
6939
+ },
6940
+ {
6941
+ "@type": "@builder.io/sdk:Element",
6942
+ "@version": 2,
6943
+ "id": "builder-d5f1a9f711b242e68e001d2aed4e6e75",
6944
+ "component": {
6945
+ "name": "Text",
6946
+ "options": {
6947
+ "text": "<p>text in column 1</p>"
6948
+ }
6949
+ },
6950
+ "responsiveStyles": {
6951
+ "large": {
6952
+ "display": "flex",
6953
+ "flexDirection": "column",
6954
+ "alignItems": "stretch",
6955
+ "flexShrink": "0",
6956
+ "position": "relative",
6957
+ "marginTop": "30px",
6958
+ "textAlign": "center",
6959
+ "lineHeight": "normal",
6960
+ "height": "auto"
6961
+ }
6962
+ }
6963
+ },
6964
+ {
6965
+ "@type": "@builder.io/sdk:Element",
6966
+ "@version": 2,
6967
+ "id": "builder-b387d9862a944a29a440ea9986a102a1",
6968
+ "component": {
6969
+ "name": "Text",
6970
+ "options": {
6971
+ "text": "<p>more text in column 1</p>"
6972
+ }
6973
+ },
6974
+ "responsiveStyles": {
6975
+ "large": {
6976
+ "display": "flex",
6977
+ "flexDirection": "column",
6978
+ "position": "relative",
6979
+ "flexShrink": "0",
6980
+ "boxSizing": "border-box",
6981
+ "marginTop": "20px",
6982
+ "lineHeight": "normal",
6983
+ "height": "auto",
6984
+ "textAlign": "center"
6985
+ }
6986
+ }
6987
+ }
6988
+ ]
6989
+ },
6990
+ {
6991
+ "blocks": [
6992
+ {
6993
+ "@type": "@builder.io/sdk:Element",
6994
+ "@version": 2,
6995
+ "id": "builder-b425ebd84fea4a3bbf9a387f4b8a2b58",
6996
+ "component": {
6997
+ "name": "Image",
6998
+ "options": {
6999
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
7000
+ "backgroundPosition": "center",
7001
+ "backgroundSize": "cover",
7002
+ "aspectRatio": 0.7004048582995948,
7003
+ "lazy": false,
7004
+ "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",
7005
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7006
+ }
7007
+ },
7008
+ "responsiveStyles": {
7009
+ "large": {
7010
+ "display": "flex",
7011
+ "flexDirection": "column",
7012
+ "alignItems": "stretch",
7013
+ "flexShrink": "0",
7014
+ "position": "relative",
7015
+ "marginTop": "30px",
7016
+ "textAlign": "center",
7017
+ "lineHeight": "normal",
7018
+ "height": "auto",
7019
+ "minHeight": "20px",
7020
+ "minWidth": "20px",
7021
+ "overflow": "hidden"
7022
+ },
7023
+ "small": {
7024
+ "maxHeight": "200px"
7025
+ }
7026
+ }
7027
+ },
7028
+ {
7029
+ "@type": "@builder.io/sdk:Element",
7030
+ "@version": 2,
7031
+ "id": "builder-60cddbdd0b2f45138b2bf6ec33e68d7f",
7032
+ "component": {
7033
+ "name": "Text",
7034
+ "options": {
7035
+ "text": "<p>text in column 2</p>"
7036
+ }
7037
+ },
7038
+ "responsiveStyles": {
7039
+ "large": {
7040
+ "display": "flex",
7041
+ "flexDirection": "column",
7042
+ "alignItems": "stretch",
7043
+ "flexShrink": "0",
7044
+ "position": "relative",
7045
+ "marginTop": "30px",
7046
+ "textAlign": "center",
7047
+ "lineHeight": "normal",
7048
+ "height": "auto"
7049
+ }
7050
+ }
7051
+ }
7052
+ ]
7053
+ }
7054
+ ],
7055
+ "space": 20,
7056
+ "stackColumnsAt": "mobile",
7057
+ "reverseColumnsWhenStacked": false
7058
+ }
7059
+ },
7060
+ "responsiveStyles": {
7061
+ "large": {
7062
+ "display": "flex",
7063
+ "flexDirection": "column",
7064
+ "position": "relative",
7065
+ "flexShrink": "0",
7066
+ "boxSizing": "border-box",
7067
+ "marginTop": "20px"
7068
+ }
7069
+ }
7070
+ }
7071
+ ],
7072
+ "responsiveStyles": {
7073
+ "large": {
7074
+ "display": "flex",
7075
+ "flexDirection": "column",
7076
+ "position": "relative",
7077
+ "flexShrink": "0",
7078
+ "boxSizing": "border-box",
7079
+ "marginTop": "20px",
7080
+ "height": "auto",
7081
+ "paddingBottom": "30px",
7082
+ "borderStyle": "solid",
7083
+ "borderColor": "rgba(102, 207, 52, 1)",
7084
+ "borderWidth": "4px"
7085
+ }
7086
+ }
7087
+ },
7088
+ {
7089
+ "@type": "@builder.io/sdk:Element",
7090
+ "@version": 2,
7091
+ "id": "builder-86dec6c0db8b487687de2d39d6e7aab9",
7092
+ "children": [
7093
+ {
7094
+ "@type": "@builder.io/sdk:Element",
7095
+ "@version": 2,
7096
+ "id": "builder-5cae291c046245a9a9c30fc152ba9d39",
7097
+ "component": {
7098
+ "name": "Text",
7099
+ "options": {
7100
+ "text": "<h3>Mobile, reverse</h3>"
7101
+ }
7102
+ },
7103
+ "responsiveStyles": {
7104
+ "large": {
7105
+ "display": "flex",
7106
+ "flexDirection": "column",
7107
+ "position": "relative",
7108
+ "flexShrink": "0",
7109
+ "boxSizing": "border-box",
7110
+ "marginTop": "20px",
7111
+ "lineHeight": "normal",
7112
+ "height": "auto",
7113
+ "textAlign": "center"
7114
+ }
7115
+ }
7116
+ },
7117
+ {
7118
+ "@type": "@builder.io/sdk:Element",
7119
+ "@version": 2,
7120
+ "id": "builder-652e5e9c32164620ae651b4b8f2938dd",
7121
+ "component": {
7122
+ "name": "Columns",
7123
+ "options": {
7124
+ "columns": [
7125
+ {
7126
+ "blocks": [
7127
+ {
7128
+ "@type": "@builder.io/sdk:Element",
7129
+ "@version": 2,
7130
+ "id": "builder-822c0d0cbe7143648ea3f81d40a611c7",
7131
+ "component": {
7132
+ "name": "Image",
7133
+ "options": {
7134
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
7135
+ "backgroundPosition": "center",
7136
+ "backgroundSize": "cover",
7137
+ "aspectRatio": 0.7004048582995948,
7138
+ "lazy": false,
7139
+ "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",
7140
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7141
+ }
7142
+ },
7143
+ "responsiveStyles": {
7144
+ "large": {
7145
+ "display": "flex",
7146
+ "flexDirection": "column",
7147
+ "alignItems": "stretch",
7148
+ "flexShrink": "0",
7149
+ "position": "relative",
7150
+ "marginTop": "30px",
7151
+ "textAlign": "center",
7152
+ "lineHeight": "normal",
7153
+ "height": "auto",
7154
+ "minHeight": "20px",
7155
+ "minWidth": "20px",
7156
+ "overflow": "hidden"
7157
+ },
7158
+ "small": {
7159
+ "maxHeight": "200px",
7160
+ "maxWidth": "200px"
7161
+ }
7162
+ }
7163
+ },
7164
+ {
7165
+ "@type": "@builder.io/sdk:Element",
7166
+ "@version": 2,
7167
+ "id": "builder-6bf2300b907f4f3d9db0af0bd5d0aeaf",
7168
+ "component": {
7169
+ "name": "Text",
7170
+ "options": {
7171
+ "text": "<p>text in column 1</p>"
7172
+ }
7173
+ },
7174
+ "responsiveStyles": {
7175
+ "large": {
7176
+ "display": "flex",
7177
+ "flexDirection": "column",
7178
+ "alignItems": "stretch",
7179
+ "flexShrink": "0",
7180
+ "position": "relative",
7181
+ "marginTop": "30px",
7182
+ "textAlign": "center",
7183
+ "lineHeight": "normal",
7184
+ "height": "auto"
7185
+ }
7186
+ }
7187
+ },
7188
+ {
7189
+ "@type": "@builder.io/sdk:Element",
7190
+ "@version": 2,
7191
+ "id": "builder-6428878b0cfc478291dd9a9dcc373441",
7192
+ "component": {
7193
+ "name": "Text",
7194
+ "options": {
7195
+ "text": "<p>more text in column 1</p>"
7196
+ }
7197
+ },
7198
+ "responsiveStyles": {
7199
+ "large": {
7200
+ "display": "flex",
7201
+ "flexDirection": "column",
7202
+ "position": "relative",
7203
+ "flexShrink": "0",
7204
+ "boxSizing": "border-box",
7205
+ "marginTop": "20px",
7206
+ "lineHeight": "normal",
7207
+ "height": "auto",
7208
+ "textAlign": "center"
7209
+ }
7210
+ }
7211
+ }
7212
+ ]
7213
+ },
7214
+ {
7215
+ "blocks": [
7216
+ {
7217
+ "@type": "@builder.io/sdk:Element",
7218
+ "@version": 2,
7219
+ "id": "builder-c1e86e55860e426a8d943f7beb2cbc8f",
7220
+ "component": {
7221
+ "name": "Image",
7222
+ "options": {
7223
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
7224
+ "backgroundPosition": "center",
7225
+ "backgroundSize": "cover",
7226
+ "aspectRatio": 0.7004048582995948,
7227
+ "lazy": false,
7228
+ "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",
7229
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7230
+ }
7231
+ },
7232
+ "responsiveStyles": {
7233
+ "large": {
7234
+ "display": "flex",
7235
+ "flexDirection": "column",
7236
+ "alignItems": "stretch",
7237
+ "flexShrink": "0",
7238
+ "position": "relative",
7239
+ "marginTop": "30px",
7240
+ "textAlign": "center",
7241
+ "lineHeight": "normal",
7242
+ "height": "auto",
7243
+ "minHeight": "20px",
7244
+ "minWidth": "20px",
7245
+ "overflow": "hidden"
7246
+ },
7247
+ "small": {
7248
+ "maxHeight": "200px",
7249
+ "maxWidth": "200px"
7250
+ }
7251
+ }
7252
+ },
7253
+ {
7254
+ "@type": "@builder.io/sdk:Element",
7255
+ "@version": 2,
7256
+ "id": "builder-74bf2b6acadc4430bda4397db8e9c8a9",
7257
+ "component": {
7258
+ "name": "Text",
7259
+ "options": {
7260
+ "text": "<p>text in column 2</p>"
7261
+ }
7262
+ },
7263
+ "responsiveStyles": {
7264
+ "large": {
7265
+ "display": "flex",
7266
+ "flexDirection": "column",
7267
+ "alignItems": "stretch",
7268
+ "flexShrink": "0",
7269
+ "position": "relative",
7270
+ "marginTop": "30px",
7271
+ "textAlign": "center",
7272
+ "lineHeight": "normal",
7273
+ "height": "auto"
7274
+ }
7275
+ }
7276
+ }
7277
+ ]
7278
+ }
7279
+ ],
7280
+ "space": 20,
7281
+ "stackColumnsAt": "mobile",
7282
+ "reverseColumnsWhenStacked": true
7283
+ }
7284
+ },
7285
+ "responsiveStyles": {
7286
+ "large": {
7287
+ "display": "flex",
7288
+ "flexDirection": "column",
7289
+ "position": "relative",
7290
+ "flexShrink": "0",
7291
+ "boxSizing": "border-box",
7292
+ "marginTop": "20px"
7293
+ }
7294
+ }
7295
+ }
7296
+ ],
7297
+ "responsiveStyles": {
7298
+ "large": {
7299
+ "display": "flex",
7300
+ "flexDirection": "column",
7301
+ "position": "relative",
7302
+ "flexShrink": "0",
7303
+ "boxSizing": "border-box",
7304
+ "marginTop": "20px",
7305
+ "height": "auto",
7306
+ "paddingBottom": "30px",
7307
+ "borderStyle": "solid",
7308
+ "borderColor": "rgba(86, 52, 207, 1)",
7309
+ "borderWidth": "4px"
7310
+ }
7311
+ }
7312
+ },
7313
+ {
7314
+ "@type": "@builder.io/sdk:Element",
7315
+ "@version": 2,
7316
+ "id": "builder-21bd2e55352947afa52243efffda347e",
7317
+ "children": [
7318
+ {
7319
+ "@type": "@builder.io/sdk:Element",
7320
+ "@version": 2,
7321
+ "id": "builder-3c8548a227ac4a3c99a29f36a48f7c95",
7322
+ "component": {
7323
+ "name": "Text",
7324
+ "options": {
7325
+ "text": "<h3>Never stack</h3>"
7326
+ }
7327
+ },
7328
+ "responsiveStyles": {
7329
+ "large": {
7330
+ "display": "flex",
7331
+ "flexDirection": "column",
7332
+ "position": "relative",
7333
+ "flexShrink": "0",
7334
+ "boxSizing": "border-box",
7335
+ "marginTop": "20px",
7336
+ "lineHeight": "normal",
7337
+ "height": "auto",
7338
+ "textAlign": "center"
7339
+ }
7340
+ }
7341
+ },
7342
+ {
7343
+ "@type": "@builder.io/sdk:Element",
7344
+ "@version": 2,
7345
+ "id": "builder-0343cf1789b7421f9b64eef4e1ec801f",
7346
+ "component": {
7347
+ "name": "Columns",
7348
+ "options": {
7349
+ "columns": [
7350
+ {
7351
+ "blocks": [
7352
+ {
7353
+ "@type": "@builder.io/sdk:Element",
7354
+ "@version": 2,
7355
+ "id": "builder-a965faafa3d046d6846277bbf93524f5",
7356
+ "component": {
7357
+ "name": "Image",
7358
+ "options": {
7359
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F48ad0c7692d940b4b0910420fb78d311?width=990",
7360
+ "backgroundPosition": "center",
7361
+ "backgroundSize": "cover",
7362
+ "aspectRatio": 0.7004048582995948,
7363
+ "lazy": false,
7364
+ "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",
7365
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7366
+ }
7367
+ },
7368
+ "responsiveStyles": {
7369
+ "large": {
7370
+ "display": "flex",
7371
+ "flexDirection": "column",
7372
+ "alignItems": "stretch",
7373
+ "flexShrink": "0",
7374
+ "position": "relative",
7375
+ "marginTop": "30px",
7376
+ "textAlign": "center",
7377
+ "lineHeight": "normal",
7378
+ "height": "auto",
7379
+ "minHeight": "20px",
7380
+ "minWidth": "20px",
7381
+ "overflow": "hidden"
7382
+ },
7383
+ "small": {
7384
+ "maxHeight": "200px",
7385
+ "maxWidth": "200px"
7386
+ }
7387
+ }
7388
+ },
7389
+ {
7390
+ "@type": "@builder.io/sdk:Element",
7391
+ "@version": 2,
7392
+ "id": "builder-34a2db960cfc4696b3b202eaaf5b4bde",
7393
+ "component": {
7394
+ "name": "Text",
7395
+ "options": {
7396
+ "text": "<p>text in column 1</p>"
7397
+ }
7398
+ },
7399
+ "responsiveStyles": {
7400
+ "large": {
7401
+ "display": "flex",
7402
+ "flexDirection": "column",
7403
+ "alignItems": "stretch",
7404
+ "flexShrink": "0",
7405
+ "position": "relative",
7406
+ "marginTop": "30px",
7407
+ "textAlign": "center",
7408
+ "lineHeight": "normal",
7409
+ "height": "auto"
7410
+ }
7411
+ }
7412
+ },
7413
+ {
7414
+ "@type": "@builder.io/sdk:Element",
7415
+ "@version": 2,
7416
+ "id": "builder-e39d9d6c565e4072aefb532fe18e55d8",
7417
+ "component": {
7418
+ "name": "Text",
7419
+ "options": {
7420
+ "text": "<p>more text in column 1</p>"
7421
+ }
7422
+ },
7423
+ "responsiveStyles": {
7424
+ "large": {
7425
+ "display": "flex",
7426
+ "flexDirection": "column",
7427
+ "position": "relative",
7428
+ "flexShrink": "0",
7429
+ "boxSizing": "border-box",
7430
+ "marginTop": "20px",
7431
+ "lineHeight": "normal",
7432
+ "height": "auto",
7433
+ "textAlign": "center"
7434
+ }
7435
+ }
7436
+ }
7437
+ ]
7438
+ },
7439
+ {
7440
+ "blocks": [
7441
+ {
7442
+ "@type": "@builder.io/sdk:Element",
7443
+ "@version": 2,
7444
+ "id": "builder-11b5a73611354686ba4f9bc092d72723",
7445
+ "component": {
7446
+ "name": "Image",
7447
+ "options": {
7448
+ "image": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2Fcb698d65565243aabcd89080f6f55bd8?width=990",
7449
+ "backgroundPosition": "center",
7450
+ "backgroundSize": "cover",
7451
+ "aspectRatio": 0.7004048582995948,
7452
+ "lazy": false,
7453
+ "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",
7454
+ "sizes": "(max-width: 638px) 99vw, (max-width: 998px) 100vw, 42vw"
7455
+ }
7456
+ },
7457
+ "responsiveStyles": {
7458
+ "large": {
7459
+ "display": "flex",
7460
+ "flexDirection": "column",
7461
+ "alignItems": "stretch",
7462
+ "flexShrink": "0",
7463
+ "position": "relative",
7464
+ "marginTop": "30px",
7465
+ "textAlign": "center",
7466
+ "lineHeight": "normal",
7467
+ "height": "auto",
7468
+ "minHeight": "20px",
7469
+ "minWidth": "20px",
7470
+ "overflow": "hidden"
7471
+ },
7472
+ "small": {
7473
+ "maxHeight": "200px",
7474
+ "maxWidth": "200px"
7475
+ }
7476
+ }
7477
+ },
7478
+ {
7479
+ "@type": "@builder.io/sdk:Element",
7480
+ "@version": 2,
7481
+ "id": "builder-1355114f2fc841a790826cf4a5af14ad",
7482
+ "component": {
7483
+ "name": "Text",
7484
+ "options": {
7485
+ "text": "<p>text in column 2</p>"
7486
+ }
7487
+ },
7488
+ "responsiveStyles": {
7489
+ "large": {
7490
+ "display": "flex",
7491
+ "flexDirection": "column",
7492
+ "alignItems": "stretch",
7493
+ "flexShrink": "0",
7494
+ "position": "relative",
7495
+ "marginTop": "30px",
7496
+ "textAlign": "center",
7497
+ "lineHeight": "normal",
7498
+ "height": "auto"
7499
+ }
7500
+ }
7501
+ }
7502
+ ]
7503
+ }
7504
+ ],
7505
+ "space": 20,
7506
+ "stackColumnsAt": "never",
7507
+ "reverseColumnsWhenStacked": false
7508
+ }
7509
+ },
7510
+ "responsiveStyles": {
7511
+ "large": {
7512
+ "display": "flex",
7513
+ "flexDirection": "column",
7514
+ "position": "relative",
7515
+ "flexShrink": "0",
7516
+ "boxSizing": "border-box",
7517
+ "marginTop": "20px"
7518
+ }
7519
+ }
7520
+ }
7521
+ ],
7522
+ "responsiveStyles": {
7523
+ "large": {
7524
+ "display": "flex",
7525
+ "flexDirection": "column",
7526
+ "position": "relative",
7527
+ "flexShrink": "0",
7528
+ "boxSizing": "border-box",
7529
+ "marginTop": "20px",
7530
+ "height": "auto",
7531
+ "paddingBottom": "30px",
7532
+ "borderStyle": "solid",
7533
+ "borderColor": "rgba(207, 52, 182, 1)",
7534
+ "borderWidth": "4px"
7535
+ }
7536
+ }
7537
+ },
7538
+ {
7539
+ "id": "builder-pixel-29jl3ch956",
7540
+ "@type": "@builder.io/sdk:Element",
7541
+ "tagName": "img",
7542
+ "properties": {
7543
+ "src": "https://cdn.builder.io/api/v1/pixel?apiKey=f1a790f8c3204b3b8c5c1795aeac4660",
7544
+ "role": "presentation",
7545
+ "width": "0",
7546
+ "height": "0"
7547
+ },
7548
+ "responsiveStyles": {
7549
+ "large": {
7550
+ "height": "0",
7551
+ "width": "0",
7552
+ "display": "inline-block",
7553
+ "opacity": "0",
7554
+ "overflow": "hidden",
7555
+ "pointerEvents": "none"
7556
+ }
7557
+ }
7558
+ }
7559
+ ],
7560
+ "url": "/columns",
7561
+ "state": {
7562
+ "deviceSize": "large",
7563
+ "location": {
7564
+ "pathname": "/columns",
7565
+ "path": [
7566
+ "columns"
7567
+ ],
7568
+ "query": {}
7569
+ }
7570
+ }
7571
+ },
7572
+ "id": "f24c6940ee5f46458369151cc9ec598c",
7573
+ "lastUpdatedBy": "OcOewqA7uqVVlVfqY453F8vgcc33",
7574
+ "meta": {
7575
+ "hasLinks": false,
7576
+ "kind": "page",
7577
+ "needsHydration": false
7578
+ },
7579
+ "modelId": "240a12053d674735ac2a384dcdc561b5",
7580
+ "name": "Columns",
7581
+ "published": "published",
7582
+ "query": [
7583
+ {
7584
+ "@type": "@builder.io/core:Query",
7585
+ "operator": "is",
7586
+ "property": "urlPath",
7587
+ "value": "/columns"
7588
+ }
7589
+ ],
7590
+ "testRatio": 1,
7591
+ "variations": {},
7592
+ "lastUpdated": 1645030056460,
7593
+ "screenshot": "https://cdn.builder.io/api/v1/image/assets%2Ff1a790f8c3204b3b8c5c1795aeac4660%2F43c3e56ad68647d4b55990d655aeb3f9",
7594
+ "firstPublished": 1644862675476,
7595
+ "rev": "zxiskiseoj"
7596
+ };
6474
7597
  const mergeNewContent = function mergeNewContent2(props, state, elementRef, newContent) {
6475
7598
  var _a, _b, _c, _d, _e;
6476
7599
  const newContentValue = {
@@ -6486,6 +7609,7 @@ const mergeNewContent = function mergeNewContent2(props, state, elementRef, newC
6486
7609
  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)
6487
7610
  }
6488
7611
  };
7612
+ console.log("newContentValue", newContentValue);
6489
7613
  props.builderContextSignal.content = newContentValue;
6490
7614
  };
6491
7615
  const processMessage = function processMessage2(props, state, elementRef, event) {
@@ -6508,10 +7632,12 @@ const processMessage = function processMessage2(props, state, elementRef, event)
6508
7632
  break;
6509
7633
  }
6510
7634
  case "builder.contentUpdate": {
7635
+ console.log("builder.contentUpdate", data);
6511
7636
  const messageContent = data.data;
6512
7637
  const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
6513
7638
  const contentData = messageContent.data;
6514
7639
  if (key === props.model) {
7640
+ console.log("yeeha");
6515
7641
  mergeNewContent(props, state, elementRef, contentData);
6516
7642
  state.forceReRenderCount = state.forceReRenderCount + 1;
6517
7643
  }
@@ -6608,7 +7734,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
6608
7734
  }, {
6609
7735
  deep: true
6610
7736
  });
6611
- qwik.useContextProvider(builderContext, props.builderContextSignal);
7737
+ qwik.useContextProvider(builderContext, {});
6612
7738
  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
6613
7739
  var _a, _b;
6614
7740
  const [elementRef2, props2, state2] = qwik.useLexicalScope();
@@ -6723,35 +7849,54 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
6723
7849
  state
6724
7850
  ]));
6725
7851
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
6726
- children: props.builderContextSignal.content ? /* @__PURE__ */ qwik._jsxS("div", {
6727
- ref: elementRef,
6728
- ...props.showContent ? {} : {
6729
- hidden: true,
6730
- "aria-hidden": true
6731
- },
6732
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0"),
6733
- onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
6734
- const [elementRef2, props2, state2] = qwik.useLexicalScope();
6735
- return onClick(props2, state2, elementRef2, event);
6736
- }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
6737
- elementRef,
6738
- props,
6739
- state
6740
- ])
6741
- }, {
6742
- "builder-content-id": qwik._fnSignal((p0) => {
6743
- var _a;
6744
- return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
6745
- }, [
6746
- props
6747
- ], "p0.builderContextSignal.content?.id"),
6748
- "builder-model": qwik._fnSignal((p0) => p0.model, [
6749
- props
6750
- ], "p0.model"),
6751
- class: qwik._fnSignal((p0) => p0.classNameProp, [
6752
- props
6753
- ], "p0.classNameProp")
6754
- }, 0, state.forceReRenderCount) : null
7852
+ children: [
7853
+ /* @__PURE__ */ qwik._jsxQ("div", null, null, [
7854
+ "DATA in EnableEditor: ",
7855
+ qwik._fnSignal((p0) => p0.builderContextSignal.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text, [
7856
+ props
7857
+ ], "p0.builderContextSignal.content.data.blocks[2].children[1].component.options.columns[0].blocks[1].component.options.text")
7858
+ ], 3, null),
7859
+ /* @__PURE__ */ qwik._jsxQ("button", null, {
7860
+ onClick$: /* @__PURE__ */ qwik.inlinedQrl(() => {
7861
+ const [elementRef2, props2, state2] = qwik.useLexicalScope();
7862
+ mergeNewContent(props2, state2, elementRef2, MODIFIED_COLUMNS);
7863
+ window.location.href.includes("columns");
7864
+ }, "EnableEditor_component__Fragment_button_onClick_F7jLxv2BTrU", [
7865
+ elementRef,
7866
+ props,
7867
+ state
7868
+ ])
7869
+ }, "update me", 3, null),
7870
+ props.builderContextSignal.content ? /* @__PURE__ */ qwik._jsxS("div", {
7871
+ ref: elementRef,
7872
+ ...props.showContent ? {} : {
7873
+ hidden: true,
7874
+ "aria-hidden": true
7875
+ },
7876
+ children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "06_0"),
7877
+ onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
7878
+ const [elementRef2, props2, state2] = qwik.useLexicalScope();
7879
+ return onClick(props2, state2, elementRef2, event);
7880
+ }, "EnableEditor_component__Fragment_div_onClick_1QOkLijjH0M", [
7881
+ elementRef,
7882
+ props,
7883
+ state
7884
+ ])
7885
+ }, {
7886
+ "builder-content-id": qwik._fnSignal((p0) => {
7887
+ var _a;
7888
+ return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
7889
+ }, [
7890
+ props
7891
+ ], "p0.builderContextSignal.content?.id"),
7892
+ "builder-model": qwik._fnSignal((p0) => p0.model, [
7893
+ props
7894
+ ], "p0.model"),
7895
+ class: qwik._fnSignal((p0) => p0.classNameProp, [
7896
+ props
7897
+ ], "p0.classNameProp")
7898
+ }, 0, state.forceReRenderCount) : null
7899
+ ]
6755
7900
  }, 1, "06_1");
6756
7901
  }, "EnableEditor_component_ko1mO8oaj8k"));
6757
7902
  const getCssFromFont = (font) => {
@@ -6865,17 +8010,16 @@ const getContentInitialValue = ({ content, data }) => {
6865
8010
  };
6866
8011
  };
6867
8012
  const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
6868
- var _a, _b;
6869
8013
  qwik._jsxBranch();
6870
8014
  const state = qwik.useStore({
6871
8015
  builderContextSignal: {
6872
8016
  content: getContentInitialValue({
6873
- content: props.content,
8017
+ content: JSON.parse(JSON.stringify(props.content)),
6874
8018
  data: props.data
6875
8019
  }),
6876
8020
  localState: void 0,
6877
8021
  rootState: getContextStateInitialValue({
6878
- content: props.content,
8022
+ content: {},
6879
8023
  data: props.data,
6880
8024
  locale: props.locale
6881
8025
  }),
@@ -6914,12 +8058,7 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
6914
8058
  ...serializeComponentInfo(info)
6915
8059
  }
6916
8060
  }), {}),
6917
- scriptStr: getRenderContentScriptString({
6918
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
6919
- variationId: (_a = props.content) == null ? void 0 : _a.testVariationId,
6920
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
6921
- contentId: (_b = props.content) == null ? void 0 : _b.id
6922
- })
8061
+ scriptStr: ""
6923
8062
  }, {
6924
8063
  deep: true
6925
8064
  });
@@ -6928,7 +8067,7 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
6928
8067
  }));
6929
8068
  return /* @__PURE__ */ qwik._jsxC(EnableEditor, {
6930
8069
  get content() {
6931
- return props.content;
8070
+ return void 0;
6932
8071
  },
6933
8072
  get model() {
6934
8073
  return props.model;
@@ -6961,6 +8100,15 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
6961
8100
  return state.builderContextSignal;
6962
8101
  },
6963
8102
  children: [
8103
+ /* @__PURE__ */ qwik._jsxQ("div", null, null, [
8104
+ "in CONTENT: ",
8105
+ qwik._fnSignal((p0) => {
8106
+ var _a, _b, _c, _d, _e, _f;
8107
+ 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;
8108
+ }, [
8109
+ state
8110
+ ], "p0.builderContextSignal?.content?.data?.blocks[0]?.children?.[1]?.component.options.columns[0].blocks[1].component.options.text")
8111
+ ], 3, null),
6964
8112
  props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
6965
8113
  get scriptStr() {
6966
8114
  return state.scriptStr;
@@ -6973,33 +8121,33 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
6973
8121
  }, 3, "LQ_0") : null,
6974
8122
  /* @__PURE__ */ qwik._jsxC(ContentStyles, {
6975
8123
  get contentId() {
6976
- var _a2;
6977
- return (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.id;
8124
+ var _a;
8125
+ return (_a = state.builderContextSignal.content) == null ? void 0 : _a.id;
6978
8126
  },
6979
8127
  get cssCode() {
6980
- var _a2, _b2;
6981
- return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
8128
+ var _a, _b;
8129
+ return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.cssCode;
6982
8130
  },
6983
8131
  get customFonts() {
6984
- var _a2, _b2;
6985
- return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
8132
+ var _a, _b;
8133
+ return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.customFonts;
6986
8134
  },
6987
8135
  [qwik._IMMUTABLE]: {
6988
8136
  contentId: qwik._fnSignal((p0) => {
6989
- var _a2;
6990
- return (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.id;
8137
+ var _a;
8138
+ return (_a = p0.builderContextSignal.content) == null ? void 0 : _a.id;
6991
8139
  }, [
6992
8140
  state
6993
8141
  ], "p0.builderContextSignal.content?.id"),
6994
8142
  cssCode: qwik._fnSignal((p0) => {
6995
- var _a2, _b2;
6996
- return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cssCode;
8143
+ var _a, _b;
8144
+ return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.cssCode;
6997
8145
  }, [
6998
8146
  state
6999
8147
  ], "p0.builderContextSignal.content?.data?.cssCode"),
7000
8148
  customFonts: qwik._fnSignal((p0) => {
7001
- var _a2, _b2;
7002
- return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.customFonts;
8149
+ var _a, _b;
8150
+ return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.customFonts;
7003
8151
  }, [
7004
8152
  state
7005
8153
  ], "p0.builderContextSignal.content?.data?.customFonts")
@@ -7007,8 +8155,8 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7007
8155
  }, 3, "LQ_1"),
7008
8156
  /* @__PURE__ */ qwik._jsxC(Blocks, {
7009
8157
  get blocks() {
7010
- var _a2, _b2;
7011
- return (_b2 = (_a2 = state.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
8158
+ var _a, _b;
8159
+ return (_b = (_a = state.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.blocks;
7012
8160
  },
7013
8161
  get context() {
7014
8162
  return state.builderContextSignal;
@@ -7018,8 +8166,8 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7018
8166
  },
7019
8167
  [qwik._IMMUTABLE]: {
7020
8168
  blocks: qwik._fnSignal((p0) => {
7021
- var _a2, _b2;
7022
- return (_b2 = (_a2 = p0.builderContextSignal.content) == null ? void 0 : _a2.data) == null ? void 0 : _b2.blocks;
8169
+ var _a, _b;
8170
+ return (_b = (_a = p0.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.blocks;
7023
8171
  }, [
7024
8172
  state
7025
8173
  ], "p0.builderContextSignal.content?.data?.blocks"),
@@ -7045,9 +8193,7 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7045
8193
  classNameProp: qwik._fnSignal((p0) => p0.classNameProp, [
7046
8194
  props
7047
8195
  ], "p0.classNameProp"),
7048
- content: qwik._fnSignal((p0) => p0.content, [
7049
- props
7050
- ], "p0.content"),
8196
+ content: qwik._IMMUTABLE,
7051
8197
  context: qwik._fnSignal((p0) => p0.context, [
7052
8198
  props
7053
8199
  ], "p0.context"),
@@ -7069,6 +8215,134 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7069
8215
  }
7070
8216
  }, 1, "LQ_3");
7071
8217
  }, "ContentComponent_component_HIsczUcxjCE"));
8218
+ const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => ({
8219
+ ...variant,
8220
+ testVariationId: variant.id,
8221
+ id: content == null ? void 0 : content.id
8222
+ }));
8223
+ const checkShouldRunVariants = ({ canTrack, content }) => {
8224
+ const hasVariants = getVariants(content).length > 0;
8225
+ if (!hasVariants)
8226
+ return false;
8227
+ if (!canTrack)
8228
+ return false;
8229
+ if (isBrowser())
8230
+ return false;
8231
+ return true;
8232
+ };
8233
+ function bldrAbTest(contentId, variants, isHydrationTarget2) {
8234
+ var _a;
8235
+ function getAndSetVariantId2() {
8236
+ function setCookie2(name, value, days) {
8237
+ let expires = "";
8238
+ if (days) {
8239
+ const date = /* @__PURE__ */ new Date();
8240
+ date.setTime(date.getTime() + days * 864e5);
8241
+ expires = "; expires=" + date.toUTCString();
8242
+ }
8243
+ document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
8244
+ }
8245
+ function getCookie2(name) {
8246
+ const nameEQ = name + "=";
8247
+ const ca2 = document.cookie.split(";");
8248
+ for (let i = 0; i < ca2.length; i++) {
8249
+ let c = ca2[i];
8250
+ while (c.charAt(0) === " ")
8251
+ c = c.substring(1, c.length);
8252
+ if (c.indexOf(nameEQ) === 0)
8253
+ return c.substring(nameEQ.length, c.length);
8254
+ }
8255
+ return null;
8256
+ }
8257
+ const cookieName = `builder.tests.${contentId}`;
8258
+ const variantInCookie = getCookie2(cookieName);
8259
+ const availableIDs = variants.map((vr) => vr.id).concat(contentId);
8260
+ if (variantInCookie && availableIDs.includes(variantInCookie))
8261
+ return variantInCookie;
8262
+ let n = 0;
8263
+ const random = Math.random();
8264
+ for (let i = 0; i < variants.length; i++) {
8265
+ const variant = variants[i];
8266
+ const testRatio = variant.testRatio;
8267
+ n += testRatio;
8268
+ if (random < n) {
8269
+ setCookie2(cookieName, variant.id);
8270
+ return variant.id;
8271
+ }
8272
+ }
8273
+ setCookie2(cookieName, contentId);
8274
+ return contentId;
8275
+ }
8276
+ const winningVariantId = getAndSetVariantId2();
8277
+ const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
8278
+ if (isHydrationTarget2) {
8279
+ styleEl.remove();
8280
+ const thisScriptEl = document.currentScript;
8281
+ thisScriptEl == null ? void 0 : thisScriptEl.remove();
8282
+ } else {
8283
+ const newStyleStr = variants.concat({
8284
+ id: contentId
8285
+ }).filter((variant) => variant.id !== winningVariantId).map((value) => {
8286
+ return `.variant-${value.id} { display: none; }
8287
+ `;
8288
+ }).join("");
8289
+ styleEl.innerHTML = newStyleStr;
8290
+ }
8291
+ }
8292
+ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
8293
+ var _a;
8294
+ if (!navigator.cookieEnabled)
8295
+ return;
8296
+ function getCookie2(name) {
8297
+ const nameEQ = name + "=";
8298
+ const ca2 = document.cookie.split(";");
8299
+ for (let i = 0; i < ca2.length; i++) {
8300
+ let c = ca2[i];
8301
+ while (c.charAt(0) === " ")
8302
+ c = c.substring(1, c.length);
8303
+ if (c.indexOf(nameEQ) === 0)
8304
+ return c.substring(nameEQ.length, c.length);
8305
+ }
8306
+ return null;
8307
+ }
8308
+ const cookieName = `builder.tests.${defaultContentId}`;
8309
+ const variantId = getCookie2(cookieName);
8310
+ const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
8311
+ const variantIsDefaultContent = variantContentId === defaultContentId;
8312
+ if (variantId === variantContentId) {
8313
+ if (variantIsDefaultContent)
8314
+ return;
8315
+ parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
8316
+ parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
8317
+ } else {
8318
+ if (variantIsDefaultContent) {
8319
+ if (isHydrationTarget2)
8320
+ parentDiv == null ? void 0 : parentDiv.remove();
8321
+ else {
8322
+ parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
8323
+ parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
8324
+ }
8325
+ }
8326
+ return;
8327
+ }
8328
+ return;
8329
+ }
8330
+ const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
8331
+ const isHydrationTarget = getIsHydrationTarget(TARGET);
8332
+ const AB_TEST_FN_NAME = "builderIoAbTest";
8333
+ const CONTENT_FN_NAME = "builderIoRenderContent";
8334
+ const getScriptString = () => {
8335
+ const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
8336
+ const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
8337
+ return `
8338
+ window.${AB_TEST_FN_NAME} = ${fnStr}
8339
+ window.${CONTENT_FN_NAME} = ${fnStr2}
8340
+ `;
8341
+ };
8342
+ const getVariantsScriptString = (variants, contentId) => {
8343
+ return `
8344
+ window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
8345
+ };
7072
8346
  const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
7073
8347
  qwik._jsxBranch();
7074
8348
  const state = qwik.useStore({
@@ -7151,11 +8425,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
7151
8425
  ], "p0.value")
7152
8426
  }
7153
8427
  }, 3, "XM_2"),
7154
- (getVariants(props.content) || []).map(function(variant) {
8428
+ (getVariants(props.content) || []).map((variant) => {
7155
8429
  return /* @__PURE__ */ qwik._jsxC(ContentComponent, {
7156
- get content() {
7157
- return variant;
7158
- },
8430
+ content: variant,
7159
8431
  showContent: false,
7160
8432
  get classNameProp() {
7161
8433
  return void 0;
@@ -7204,7 +8476,6 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
7204
8476
  props
7205
8477
  ], "p0.canTrack"),
7206
8478
  classNameProp: qwik._IMMUTABLE,
7207
- content: qwik._IMMUTABLE,
7208
8479
  context: qwik._fnSignal((p0) => p0.context, [
7209
8480
  props
7210
8481
  ], "p0.context"),