@builder.io/sdk-qwik 0.12.2 → 0.12.4

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 (27) hide show
  1. package/lib/browser/index.qwik.cjs +255 -128
  2. package/lib/browser/index.qwik.mjs +256 -129
  3. package/lib/edge/index.qwik.cjs +255 -128
  4. package/lib/edge/index.qwik.mjs +256 -129
  5. package/lib/node/index.qwik.cjs +255 -128
  6. package/lib/node/index.qwik.mjs +256 -129
  7. package/package.json +1 -1
  8. package/types/src/blocks/button/button.d.ts +0 -1
  9. package/types/src/blocks/button/button.types.d.ts +2 -1
  10. package/types/src/blocks/columns/columns.d.ts +1 -1
  11. package/types/src/blocks/columns/columns.types.d.ts +3 -3
  12. package/types/src/blocks/symbol/symbol.types.d.ts +2 -2
  13. package/types/src/components/block/block.d.ts +1 -0
  14. package/types/src/components/block/components/block-wrapper.d.ts +1 -0
  15. package/types/src/components/block/components/component-ref/component-ref.helpers.d.ts +2 -2
  16. package/types/src/components/block/components/repeated-block.d.ts +3 -5
  17. package/types/src/components/blocks/blocks.types.d.ts +1 -0
  18. package/types/src/components/content-variants/content-variants.types.d.ts +6 -2
  19. package/types/src/constants/sdk-version.d.ts +1 -1
  20. package/types/src/functions/get-block-properties.d.ts +1 -2
  21. package/types/src/functions/get-class-prop-name.d.ts +1 -0
  22. package/types/src/functions/get-style.d.ts +12 -0
  23. package/types/src/functions/transform-block-properties.d.ts +2 -2
  24. package/types/src/functions/transform-style-property.d.ts +7 -0
  25. package/types/src/helpers/omit.d.ts +1 -0
  26. package/types/src/types/builder-block.d.ts +1 -0
  27. package/types/src/types/builder-props.d.ts +3 -0
@@ -3,42 +3,85 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const qwik = require("@builder.io/qwik");
4
4
  const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
5
5
  const build = require("@builder.io/qwik/build");
6
- const Button = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
7
- qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
6
+ const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
7
+ "area",
8
+ "base",
9
+ "br",
10
+ "col",
11
+ "embed",
12
+ "hr",
13
+ "img",
14
+ "input",
15
+ "keygen",
16
+ "link",
17
+ "meta",
18
+ "param",
19
+ "source",
20
+ "track",
21
+ "wbr"
22
+ ]);
23
+ const isEmptyElement = (tagName) => {
24
+ return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
25
+ };
26
+ const DynamicRenderer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
27
+ qwik._jsxBranch();
8
28
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
9
- children: props.link ? /* @__PURE__ */ qwik._jsxS("a", {
29
+ children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ qwik._jsxC(props.TagName, {
10
30
  ...props.attributes,
11
- children: qwik._fnSignal((p0) => p0.text, [
12
- props
13
- ], "p0.text")
14
- }, {
15
- href: qwik._fnSignal((p0) => p0.link, [
16
- props
17
- ], "p0.link"),
18
- role: "button",
19
- target: qwik._fnSignal((p0) => p0.openLinkInNewTab ? "_blank" : void 0, [
20
- props
21
- ], 'p0.openLinkInNewTab?"_blank":undefined')
22
- }, 0, "jc_0") : /* @__PURE__ */ qwik._jsxS("button", {
31
+ ...props.actionAttributes,
32
+ children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_0")
33
+ }, 0, "yW_1") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
23
34
  ...props.attributes,
24
- children: qwik._fnSignal((p0) => p0.text, [
25
- props
26
- ], "p0.text")
27
- }, {
28
- class: qwik._fnSignal((p0) => p0.attributes.class + " button-Button", [
29
- props
30
- ], 'p0.attributes.class+" button-Button"'),
31
- style: qwik._fnSignal((p0) => p0.attributes.style, [
35
+ ...props.actionAttributes,
36
+ children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_2")
37
+ }, 0, "yW_3") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
38
+ ...props.attributes,
39
+ ...props.actionAttributes
40
+ }, 0, "yW_4")
41
+ }, 1, "yW_5");
42
+ }, "DynamicRenderer_component_1Co0xkmyAfQ"));
43
+ const TARGET = "qwik";
44
+ const getClassPropName = () => {
45
+ switch (TARGET) {
46
+ case "react":
47
+ case "reactNative":
48
+ case "rsc":
49
+ return "className";
50
+ case "svelte":
51
+ case "vue":
52
+ case "solid":
53
+ case "qwik":
54
+ return "class";
55
+ }
56
+ };
57
+ const Button = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
58
+ return /* @__PURE__ */ qwik._jsxC(DynamicRenderer, {
59
+ get TagName() {
60
+ return props.link ? props.builderLinkComponent || "a" : "button";
61
+ },
62
+ actionAttributes: {},
63
+ attributes: {
64
+ ...props.attributes,
65
+ [getClassPropName()]: `${props.link ? "" : "builder-button"} ${props.attributes[getClassPropName()] || ""}`,
66
+ ...props.link ? {
67
+ href: props.link,
68
+ target: props.openLinkInNewTab ? "_blank" : void 0,
69
+ role: "link"
70
+ } : {
71
+ role: "button"
72
+ }
73
+ },
74
+ children: qwik._fnSignal((p0) => p0.text, [
75
+ props
76
+ ], "p0.text"),
77
+ [qwik._IMMUTABLE]: {
78
+ TagName: qwik._fnSignal((p0) => p0.link ? p0.builderLinkComponent || "a" : "button", [
32
79
  props
33
- ], "p0.attributes.style")
34
- }, 0, null)
35
- }, 1, "jc_1");
80
+ ], 'p0.link?p0.builderLinkComponent||"a":"button"'),
81
+ actionAttributes: qwik._IMMUTABLE
82
+ }
83
+ }, 3, "jc_0");
36
84
  }, "Button_component_gJoMUICXoUQ"));
37
- const STYLES$3 = `
38
- .button-Button {
39
- all: unset;
40
- }
41
- `;
42
85
  const builderContext = qwik.createContextId("Builder");
43
86
  const ComponentsContext = qwik.createContextId("Components");
44
87
  function getBlockComponentOptions(block) {
@@ -69,7 +112,6 @@ const set = (obj, _path, value) => {
69
112
  function isBrowser() {
70
113
  return typeof window !== "undefined" && typeof document !== "undefined";
71
114
  }
72
- const TARGET = "qwik";
73
115
  function isIframe() {
74
116
  return isBrowser() && window.self !== window.top;
75
117
  }
@@ -3712,6 +3754,29 @@ function getBlockActions(options) {
3712
3754
  }
3713
3755
  return obj;
3714
3756
  }
3757
+ function transformStyleProperty({ style }) {
3758
+ return style;
3759
+ }
3760
+ const getStyle = ({ block, context }) => {
3761
+ return mapStyleObjToStrIfNeeded(transformStyleProperty({
3762
+ style: block.style || {},
3763
+ context,
3764
+ block
3765
+ }));
3766
+ };
3767
+ function mapStyleObjToStrIfNeeded(style) {
3768
+ switch (TARGET) {
3769
+ case "svelte":
3770
+ case "vue":
3771
+ case "solid":
3772
+ return convertStyleMapToCSSArray(style).join(" ");
3773
+ case "qwik":
3774
+ case "reactNative":
3775
+ case "react":
3776
+ case "rsc":
3777
+ return style;
3778
+ }
3779
+ }
3715
3780
  function transformBlockProperties({ properties }) {
3716
3781
  return properties;
3717
3782
  }
@@ -3726,8 +3791,11 @@ function getBlockProperties({ block, context }) {
3726
3791
  ...extractRelevantRootBlockProperties(block),
3727
3792
  ...block.properties,
3728
3793
  "builder-id": block.id,
3729
- style: block.style ? getStyleAttribute(block.style) : void 0,
3730
- class: [
3794
+ style: getStyle({
3795
+ block,
3796
+ context
3797
+ }),
3798
+ [getClassPropName()]: [
3731
3799
  block.id,
3732
3800
  "builder-block",
3733
3801
  block.class,
@@ -3740,56 +3808,6 @@ function getBlockProperties({ block, context }) {
3740
3808
  block
3741
3809
  });
3742
3810
  }
3743
- function getStyleAttribute(style) {
3744
- switch (TARGET) {
3745
- case "svelte":
3746
- case "vue":
3747
- case "solid":
3748
- return convertStyleMapToCSSArray(style).join(" ");
3749
- case "qwik":
3750
- case "reactNative":
3751
- case "react":
3752
- case "rsc":
3753
- return style;
3754
- }
3755
- }
3756
- const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set([
3757
- "area",
3758
- "base",
3759
- "br",
3760
- "col",
3761
- "embed",
3762
- "hr",
3763
- "img",
3764
- "input",
3765
- "keygen",
3766
- "link",
3767
- "meta",
3768
- "param",
3769
- "source",
3770
- "track",
3771
- "wbr"
3772
- ]);
3773
- const isEmptyElement = (tagName) => {
3774
- return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.has(tagName.toLowerCase());
3775
- };
3776
- const DynamicRenderer = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
3777
- qwik._jsxBranch();
3778
- return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
3779
- children: !isEmptyElement(props.TagName) ? typeof props.TagName === "string" ? /* @__PURE__ */ qwik._jsxC(props.TagName, {
3780
- ...props.attributes,
3781
- ...props.actionAttributes,
3782
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_0")
3783
- }, 0, "yW_1") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
3784
- ...props.attributes,
3785
- ...props.actionAttributes,
3786
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yW_2")
3787
- }, 0, "yW_3") : /* @__PURE__ */ qwik._jsxC(props.TagName, {
3788
- ...props.attributes,
3789
- ...props.actionAttributes
3790
- }, 0, "yW_4")
3791
- }, 1, "yW_5");
3792
- }, "DynamicRenderer_component_1Co0xkmyAfQ"));
3793
3811
  const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
3794
3812
  return /* @__PURE__ */ qwik._jsxC(DynamicRenderer, {
3795
3813
  get TagName() {
@@ -3868,6 +3886,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3868
3886
  builderBlock: props.builderBlock,
3869
3887
  context: props.context,
3870
3888
  componentRef: props.componentRef,
3889
+ linkComponent: props.linkComponent,
3871
3890
  includeBlockProps: props.includeBlockProps,
3872
3891
  isInteractive: props.isInteractive,
3873
3892
  contextValue: props.context
@@ -3881,10 +3900,16 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
3881
3900
  get registeredComponents() {
3882
3901
  return props.registeredComponents;
3883
3902
  },
3903
+ get linkComponent() {
3904
+ return props.linkComponent;
3905
+ },
3884
3906
  [qwik._IMMUTABLE]: {
3885
3907
  context: qwik._fnSignal((p0) => p0.context, [
3886
3908
  props
3887
3909
  ], "p0.context"),
3910
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
3911
+ props
3912
+ ], "p0.linkComponent"),
3888
3913
  registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
3889
3914
  props
3890
3915
  ], "p0.registeredComponents")
@@ -3909,6 +3934,9 @@ const RepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
3909
3934
  get registeredComponents() {
3910
3935
  return props.registeredComponents;
3911
3936
  },
3937
+ get linkComponent() {
3938
+ return props.linkComponent;
3939
+ },
3912
3940
  [qwik._IMMUTABLE]: {
3913
3941
  block: qwik._fnSignal((p0) => p0.block, [
3914
3942
  props
@@ -3916,6 +3944,9 @@ const RepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
3916
3944
  context: qwik._fnSignal((p0) => p0.store, [
3917
3945
  state
3918
3946
  ], "p0.store"),
3947
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
3948
+ props
3949
+ ], "p0.linkComponent"),
3919
3950
  registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
3920
3951
  props
3921
3952
  ], "p0.registeredComponents")
@@ -3962,9 +3993,14 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
3962
3993
  props
3963
3994
  ]));
3964
3995
  const Tag = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
3965
- const [props2] = qwik.useLexicalScope();
3996
+ var _a2;
3997
+ const [processedBlock2, props2] = qwik.useLexicalScope();
3998
+ const shouldUseLink = props2.block.tagName === "a" || ((_a2 = processedBlock2.value.properties) == null ? void 0 : _a2.href) || processedBlock2.value.href;
3999
+ if (shouldUseLink)
4000
+ return props2.linkComponent || "a";
3966
4001
  return props2.block.tagName || "div";
3967
4002
  }, "Block_component_Tag_useComputed_eQnDgbcBW2A", [
4003
+ processedBlock,
3968
4004
  props
3969
4005
  ]));
3970
4006
  const canShowBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -3994,7 +4030,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
3994
4030
  repeatItem
3995
4031
  ]));
3996
4032
  const componentRefProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
3997
- var _a2, _b, _c, _d, _e;
4033
+ var _a2, _b, _c, _d, _e, _f, _g, _h;
3998
4034
  const [blockComponent2, processedBlock2, props2, state2] = qwik.useLexicalScope();
3999
4035
  return {
4000
4036
  blockChildren: processedBlock2.value.children ?? [],
@@ -4002,15 +4038,19 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4002
4038
  componentOptions: {
4003
4039
  ...getBlockComponentOptions(processedBlock2.value),
4004
4040
  builderContext: props2.context,
4005
- ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Symbol" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Columns" ? {
4041
+ ...((_b = blockComponent2.value) == null ? void 0 : _b.name) === "Core:Button" || ((_c = blockComponent2.value) == null ? void 0 : _c.name) === "Symbol" || ((_d = blockComponent2.value) == null ? void 0 : _d.name) === "Columns" ? {
4042
+ builderLinkComponent: props2.linkComponent
4043
+ } : {},
4044
+ ...((_e = blockComponent2.value) == null ? void 0 : _e.name) === "Symbol" || ((_f = blockComponent2.value) == null ? void 0 : _f.name) === "Columns" ? {
4006
4045
  builderComponents: props2.registeredComponents
4007
4046
  } : {}
4008
4047
  },
4009
4048
  context: state2.childrenContext,
4049
+ linkComponent: props2.linkComponent,
4010
4050
  registeredComponents: props2.registeredComponents,
4011
4051
  builderBlock: processedBlock2.value,
4012
- includeBlockProps: ((_d = blockComponent2.value) == null ? void 0 : _d.noWrap) === true,
4013
- isInteractive: !((_e = blockComponent2.value) == null ? void 0 : _e.isRSC)
4052
+ includeBlockProps: ((_g = blockComponent2.value) == null ? void 0 : _g.noWrap) === true,
4053
+ isInteractive: !((_h = blockComponent2.value) == null ? void 0 : _h.isRSC)
4014
4054
  };
4015
4055
  }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
4016
4056
  blockComponent,
@@ -4047,6 +4087,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4047
4087
  get context() {
4048
4088
  return props.context;
4049
4089
  },
4090
+ get linkComponent() {
4091
+ return props.linkComponent;
4092
+ },
4050
4093
  children: [
4051
4094
  /* @__PURE__ */ qwik._jsxC(ComponentRef, {
4052
4095
  get componentRef() {
@@ -4064,6 +4107,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4064
4107
  get registeredComponents() {
4065
4108
  return componentRefProps.value.registeredComponents;
4066
4109
  },
4110
+ get linkComponent() {
4111
+ return componentRefProps.value.linkComponent;
4112
+ },
4067
4113
  get builderBlock() {
4068
4114
  return componentRefProps.value.builderBlock;
4069
4115
  },
@@ -4095,6 +4141,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4095
4141
  isInteractive: qwik._fnSignal((p0) => p0.value.isInteractive, [
4096
4142
  componentRefProps
4097
4143
  ], "p0.value.isInteractive"),
4144
+ linkComponent: qwik._fnSignal((p0) => p0.value.linkComponent, [
4145
+ componentRefProps
4146
+ ], "p0.value.linkComponent"),
4098
4147
  registeredComponents: qwik._fnSignal((p0) => p0.value.registeredComponents, [
4099
4148
  componentRefProps
4100
4149
  ], "p0.value.registeredComponents")
@@ -4109,10 +4158,16 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4109
4158
  get registeredComponents() {
4110
4159
  return props.registeredComponents;
4111
4160
  },
4161
+ get linkComponent() {
4162
+ return props.linkComponent;
4163
+ },
4112
4164
  [qwik._IMMUTABLE]: {
4113
4165
  context: qwik._fnSignal((p0) => p0.childrenContext, [
4114
4166
  state
4115
4167
  ], "p0.childrenContext"),
4168
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
4169
+ props
4170
+ ], "p0.linkComponent"),
4116
4171
  registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
4117
4172
  props
4118
4173
  ], "p0.registeredComponents")
@@ -4129,7 +4184,10 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4129
4184
  ], "p0.value"),
4130
4185
  context: qwik._fnSignal((p0) => p0.context, [
4131
4186
  props
4132
- ], "p0.context")
4187
+ ], "p0.context"),
4188
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
4189
+ props
4190
+ ], "p0.linkComponent")
4133
4191
  }
4134
4192
  }, 1, "jN_2") : (repeatItem.value || []).map((data, index) => {
4135
4193
  return /* @__PURE__ */ qwik._jsxC(RepeatedBlock, {
@@ -4142,8 +4200,14 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4142
4200
  get registeredComponents() {
4143
4201
  return props.registeredComponents;
4144
4202
  },
4203
+ get linkComponent() {
4204
+ return props.linkComponent;
4205
+ },
4145
4206
  [qwik._IMMUTABLE]: {
4146
4207
  block: qwik._wrapProp(data, "block"),
4208
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
4209
+ props
4210
+ ], "p0.linkComponent"),
4147
4211
  registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
4148
4212
  props
4149
4213
  ], "p0.registeredComponents"),
@@ -4166,6 +4230,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4166
4230
  get registeredComponents() {
4167
4231
  return componentRefProps.value.registeredComponents;
4168
4232
  },
4233
+ get linkComponent() {
4234
+ return componentRefProps.value.linkComponent;
4235
+ },
4169
4236
  get builderBlock() {
4170
4237
  return componentRefProps.value.builderBlock;
4171
4238
  },
@@ -4197,6 +4264,9 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
4197
4264
  isInteractive: qwik._fnSignal((p0) => p0.value.isInteractive, [
4198
4265
  componentRefProps
4199
4266
  ], "p0.value.isInteractive"),
4267
+ linkComponent: qwik._fnSignal((p0) => p0.value.linkComponent, [
4268
+ componentRefProps
4269
+ ], "p0.value.linkComponent"),
4200
4270
  registeredComponents: qwik._fnSignal((p0) => p0.value.registeredComponents, [
4201
4271
  componentRefProps
4202
4272
  ], "p0.value.registeredComponents")
@@ -4324,6 +4394,9 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
4324
4394
  children: props.blocks ? (props.blocks || []).map((block) => {
4325
4395
  return /* @__PURE__ */ qwik._jsxC(Block, {
4326
4396
  block,
4397
+ get linkComponent() {
4398
+ return props.linkComponent;
4399
+ },
4327
4400
  get context() {
4328
4401
  return props.context || builderContext$1;
4329
4402
  },
@@ -4335,6 +4408,9 @@ const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
4335
4408
  builderContext$1,
4336
4409
  props
4337
4410
  ], "p1.context||p0"),
4411
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
4412
+ props
4413
+ ], "p0.linkComponent"),
4338
4414
  registeredComponents: qwik._fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
4339
4415
  componentsContext,
4340
4416
  props
@@ -4394,7 +4470,13 @@ const columnCssVars = function columnCssVars2(props, state, index) {
4394
4470
  const mobileWidth = "100%";
4395
4471
  const mobileMarginLeft = 0;
4396
4472
  const marginLeftKey = "margin-left";
4473
+ const sharedStyles = {
4474
+ display: "flex",
4475
+ flexDirection: "column",
4476
+ alignItems: "stretch"
4477
+ };
4397
4478
  return {
4479
+ ...sharedStyles,
4398
4480
  width,
4399
4481
  [marginLeftKey]: gutterPixels,
4400
4482
  "--column-width-mobile": getMobileStyle(props, state, {
@@ -4492,40 +4574,56 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
4492
4574
  }
4493
4575
  }, 3, "c0_0"),
4494
4576
  (props.columns || []).map((column, index) => {
4495
- return /* @__PURE__ */ qwik.createElement("div", {
4496
- class: "builder-column div-Columns-2",
4497
- style: columnCssVars(props, state, index),
4498
- key: index
4499
- }, /* @__PURE__ */ qwik._jsxC(Blocks, {
4500
- path: `component.options.columns.${index}.blocks`,
4501
- get parent() {
4502
- return props.builderBlock.id;
4503
- },
4504
- get styleProp() {
4505
- return {
4506
- flexGrow: "1"
4507
- };
4508
- },
4509
- get context() {
4510
- return props.builderContext;
4577
+ return /* @__PURE__ */ qwik._jsxC(DynamicRenderer, {
4578
+ TagName: column.link ? props.builderLinkComponent || "a" : "div",
4579
+ actionAttributes: {},
4580
+ attributes: {
4581
+ ...column.link ? {
4582
+ href: column.link
4583
+ } : {},
4584
+ [getClassPropName()]: "builder-column",
4585
+ style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
4511
4586
  },
4512
- get registeredComponents() {
4513
- return props.builderComponents;
4514
- },
4515
- blocks: deoptSignal(column.blocks),
4587
+ children: /* @__PURE__ */ qwik._jsxC(Blocks, {
4588
+ path: `component.options.columns.${index}.blocks`,
4589
+ get parent() {
4590
+ return props.builderBlock.id;
4591
+ },
4592
+ get styleProp() {
4593
+ return {
4594
+ flexGrow: "1"
4595
+ };
4596
+ },
4597
+ get context() {
4598
+ return props.builderContext;
4599
+ },
4600
+ get registeredComponents() {
4601
+ return props.builderComponents;
4602
+ },
4603
+ get linkComponent() {
4604
+ return props.builderLinkComponent;
4605
+ },
4606
+ blocks: deoptSignal(column.blocks),
4607
+ [qwik._IMMUTABLE]: {
4608
+ context: qwik._fnSignal((p0) => p0.builderContext, [
4609
+ props
4610
+ ], "p0.builderContext"),
4611
+ linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
4612
+ props
4613
+ ], "p0.builderLinkComponent"),
4614
+ parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
4615
+ props
4616
+ ], "p0.builderBlock.id"),
4617
+ registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
4618
+ props
4619
+ ], "p0.builderComponents"),
4620
+ styleProp: qwik._IMMUTABLE
4621
+ }
4622
+ }, 3, "c0_1"),
4516
4623
  [qwik._IMMUTABLE]: {
4517
- context: qwik._fnSignal((p0) => p0.builderContext, [
4518
- props
4519
- ], "p0.builderContext"),
4520
- parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
4521
- props
4522
- ], "p0.builderBlock.id"),
4523
- registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
4524
- props
4525
- ], "p0.builderComponents"),
4526
- styleProp: qwik._IMMUTABLE
4624
+ actionAttributes: qwik._IMMUTABLE
4527
4625
  }
4528
- }, 3, "c0_1"));
4626
+ }, 1, index);
4529
4627
  })
4530
4628
  ], 1, "c0_2");
4531
4629
  }, "Columns_component_7yLj4bxdI6c"));
@@ -4534,11 +4632,6 @@ const STYLES$1 = `
4534
4632
  display: flex;
4535
4633
  line-height: normal;
4536
4634
  }
4537
- .div-Columns-2 {
4538
- display: flex;
4539
- flex-direction: column;
4540
- align-items: stretch;
4541
- }
4542
4635
  `;
4543
4636
  const FragmentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
4544
4637
  return /* @__PURE__ */ qwik._jsxQ("span", null, null, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "oj_0"), 1, "oj_1");
@@ -6461,7 +6554,7 @@ const getInteractionPropertiesForEvent = (event) => {
6461
6554
  }
6462
6555
  };
6463
6556
  };
6464
- const SDK_VERSION = "0.12.2";
6557
+ const SDK_VERSION = "0.12.4";
6465
6558
  const registry = {};
6466
6559
  function register(type, info) {
6467
6560
  let typeList = registry[type];
@@ -6988,6 +7081,10 @@ ${getFontCss({
6988
7081
  customFonts: props.customFonts
6989
7082
  })}
6990
7083
 
7084
+ .builder-button {
7085
+ all: unset;
7086
+ }
7087
+
6991
7088
  .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
6992
7089
  margin: 0;
6993
7090
  }
@@ -7144,6 +7241,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7144
7241
  get contentWrapperProps() {
7145
7242
  return props.contentWrapperProps;
7146
7243
  },
7244
+ get linkComponent() {
7245
+ return props.linkComponent;
7246
+ },
7147
7247
  get trustedHosts() {
7148
7248
  return props.trustedHosts;
7149
7249
  },
@@ -7203,6 +7303,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7203
7303
  get registeredComponents() {
7204
7304
  return state.registeredComponents;
7205
7305
  },
7306
+ get linkComponent() {
7307
+ return props.linkComponent;
7308
+ },
7206
7309
  [qwik._IMMUTABLE]: {
7207
7310
  blocks: qwik._fnSignal((p0) => {
7208
7311
  var _a2, _b2;
@@ -7213,6 +7316,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7213
7316
  context: qwik._fnSignal((p0) => p0.builderContextSignal, [
7214
7317
  state
7215
7318
  ], "p0.builderContextSignal"),
7319
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
7320
+ props
7321
+ ], "p0.linkComponent"),
7216
7322
  registeredComponents: qwik._fnSignal((p0) => p0.registeredComponents, [
7217
7323
  state
7218
7324
  ], "p0.registeredComponents")
@@ -7250,6 +7356,9 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
7250
7356
  includeRefs: qwik._fnSignal((p0) => p0.includeRefs, [
7251
7357
  props
7252
7358
  ], "p0.includeRefs"),
7359
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
7360
+ props
7361
+ ], "p0.linkComponent"),
7253
7362
  locale: qwik._fnSignal((p0) => p0.locale, [
7254
7363
  props
7255
7364
  ], "p0.locale"),
@@ -7367,6 +7476,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
7367
7476
  get customComponents() {
7368
7477
  return props.customComponents;
7369
7478
  },
7479
+ get linkComponent() {
7480
+ return props.linkComponent;
7481
+ },
7370
7482
  get canTrack() {
7371
7483
  return props.canTrack;
7372
7484
  },
@@ -7437,6 +7549,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
7437
7549
  isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
7438
7550
  state
7439
7551
  ], "p0.shouldRenderVariants"),
7552
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
7553
+ props
7554
+ ], "p0.linkComponent"),
7440
7555
  locale: qwik._fnSignal((p0) => p0.locale, [
7441
7556
  props
7442
7557
  ], "p0.locale"),
@@ -7475,6 +7590,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
7475
7590
  get customComponents() {
7476
7591
  return props.customComponents;
7477
7592
  },
7593
+ get linkComponent() {
7594
+ return props.linkComponent;
7595
+ },
7478
7596
  get canTrack() {
7479
7597
  return props.canTrack;
7480
7598
  },
@@ -7548,6 +7666,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
7548
7666
  isSsrAbTest: qwik._fnSignal((p0) => p0.shouldRenderVariants, [
7549
7667
  state
7550
7668
  ], "p0.shouldRenderVariants"),
7669
+ linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
7670
+ props
7671
+ ], "p0.linkComponent"),
7551
7672
  locale: qwik._fnSignal((p0) => p0.locale, [
7552
7673
  props
7553
7674
  ], "p0.locale"),
@@ -7598,7 +7719,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
7598
7719
  var _a2, _b;
7599
7720
  const [props2] = qwik.useLexicalScope();
7600
7721
  return [
7601
- props2.attributes.class,
7722
+ props2.attributes[getClassPropName()],
7602
7723
  "builder-symbol",
7603
7724
  ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
7604
7725
  ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
@@ -7651,6 +7772,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
7651
7772
  get content() {
7652
7773
  return state.contentToUse;
7653
7774
  },
7775
+ get linkComponent() {
7776
+ return props.builderLinkComponent;
7777
+ },
7654
7778
  [qwik._IMMUTABLE]: {
7655
7779
  apiKey: qwik._fnSignal((p0) => p0.builderContext.apiKey, [
7656
7780
  props
@@ -7684,6 +7808,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
7684
7808
  props,
7685
7809
  state
7686
7810
  ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
7811
+ linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
7812
+ props
7813
+ ], "p0.builderLinkComponent"),
7687
7814
  model: qwik._fnSignal((p0) => {
7688
7815
  var _a2;
7689
7816
  return (_a2 = p0.symbol) == null ? void 0 : _a2.model;