@builder.io/sdk-solid 3.0.3 → 3.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -2
- package/lib/browser/dev.js +16 -46
- package/lib/browser/dev.jsx +30 -42
- package/lib/browser/index.js +16 -46
- package/lib/browser/index.jsx +30 -42
- package/lib/edge/dev.js +16 -46
- package/lib/edge/dev.jsx +30 -42
- package/lib/edge/index.js +16 -46
- package/lib/edge/index.jsx +30 -42
- package/lib/node/dev.js +16 -46
- package/lib/node/dev.jsx +30 -42
- package/lib/node/index.js +16 -46
- package/lib/node/index.jsx +30 -42
- package/package.json +1 -1
package/lib/browser/index.jsx
CHANGED
|
@@ -1669,7 +1669,7 @@ function Columns(props) {
|
|
|
1669
1669
|
}
|
|
1670
1670
|
return <>
|
|
1671
1671
|
<div
|
|
1672
|
-
class={getColumnsClass(props.builderBlock?.id) + " div-
|
|
1672
|
+
class={getColumnsClass(props.builderBlock?.id) + " div-6331dfc5"}
|
|
1673
1673
|
style={columnsCssVars()}
|
|
1674
1674
|
{...{}}
|
|
1675
1675
|
>
|
|
@@ -1688,17 +1688,17 @@ function Columns(props) {
|
|
|
1688
1688
|
><Blocks_default
|
|
1689
1689
|
path={`columns.${index}.blocks`}
|
|
1690
1690
|
parent={props.builderBlock.id}
|
|
1691
|
-
styleProp={{
|
|
1692
|
-
flexGrow: "1"
|
|
1693
|
-
}}
|
|
1694
1691
|
context={props.builderContext}
|
|
1695
1692
|
registeredComponents={props.builderComponents}
|
|
1696
1693
|
linkComponent={props.builderLinkComponent}
|
|
1697
1694
|
blocks={column.blocks}
|
|
1695
|
+
styleProp={{
|
|
1696
|
+
"flex-grow": "1"
|
|
1697
|
+
}}
|
|
1698
1698
|
/></Dynamic_renderer_default>;
|
|
1699
1699
|
}}</For4>
|
|
1700
1700
|
</div>
|
|
1701
|
-
<style>{`.div-
|
|
1701
|
+
<style>{`.div-6331dfc5 {
|
|
1702
1702
|
display: flex;
|
|
1703
1703
|
line-height: normal;
|
|
1704
1704
|
}`}</style>
|
|
@@ -1713,7 +1713,7 @@ function FragmentComponent(props) {
|
|
|
1713
1713
|
var fragment_default = FragmentComponent;
|
|
1714
1714
|
|
|
1715
1715
|
// src/blocks/image/image.tsx
|
|
1716
|
-
import { Show as Show8,
|
|
1716
|
+
import { Show as Show8, createMemo as createMemo8 } from "solid-js";
|
|
1717
1717
|
|
|
1718
1718
|
// src/blocks/image/image.helpers.ts
|
|
1719
1719
|
function removeProtocol(path) {
|
|
@@ -1802,14 +1802,12 @@ function Image(props) {
|
|
|
1802
1802
|
const out = props.aspectRatio ? aspectRatioStyles : void 0;
|
|
1803
1803
|
return out;
|
|
1804
1804
|
});
|
|
1805
|
-
onMount4(() => {
|
|
1806
|
-
});
|
|
1807
1805
|
return <>
|
|
1808
1806
|
<>
|
|
1809
1807
|
<picture>
|
|
1810
1808
|
<Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
|
|
1811
1809
|
<img
|
|
1812
|
-
class={"builder-image" + (props.className ? " " + props.className : "") + " img-
|
|
1810
|
+
class={"builder-image" + (props.className ? " " + props.className : "") + " img-dc6700b4"}
|
|
1813
1811
|
loading={props.highPriority ? "eager" : "lazy"}
|
|
1814
1812
|
fetchpriority={props.highPriority ? "high" : "auto"}
|
|
1815
1813
|
alt={props.altText}
|
|
@@ -1827,22 +1825,22 @@ function Image(props) {
|
|
|
1827
1825
|
<Show8
|
|
1828
1826
|
when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
|
|
1829
1827
|
><div
|
|
1830
|
-
class="builder-image-sizer div-
|
|
1828
|
+
class="builder-image-sizer div-dc6700b4"
|
|
1831
1829
|
style={{
|
|
1832
1830
|
"padding-top": props.aspectRatio * 100 + "%"
|
|
1833
1831
|
}}
|
|
1834
1832
|
/></Show8>
|
|
1835
1833
|
<Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
|
|
1836
|
-
<Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-
|
|
1834
|
+
<Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-dc6700b4-2">{props.children}</div></Show8>
|
|
1837
1835
|
</>
|
|
1838
|
-
<style>{`.img-
|
|
1836
|
+
<style>{`.img-dc6700b4 {
|
|
1839
1837
|
opacity: 1;
|
|
1840
1838
|
transition: opacity 0.2s ease-in-out;
|
|
1841
|
-
}.div-
|
|
1839
|
+
}.div-dc6700b4 {
|
|
1842
1840
|
width: 100%;
|
|
1843
1841
|
pointer-events: none;
|
|
1844
1842
|
font-size: 0;
|
|
1845
|
-
}.div-
|
|
1843
|
+
}.div-dc6700b4-2 {
|
|
1846
1844
|
display: flex;
|
|
1847
1845
|
flex-direction: column;
|
|
1848
1846
|
align-items: stretch;
|
|
@@ -1878,10 +1876,10 @@ function SectionComponent(props) {
|
|
|
1878
1876
|
var section_default = SectionComponent;
|
|
1879
1877
|
|
|
1880
1878
|
// src/blocks/symbol/symbol.tsx
|
|
1881
|
-
import { onMount as
|
|
1879
|
+
import { onMount as onMount7, on as on4, createEffect as createEffect4, createMemo as createMemo19, createSignal as createSignal19 } from "solid-js";
|
|
1882
1880
|
|
|
1883
1881
|
// src/components/content-variants/content-variants.tsx
|
|
1884
|
-
import { Show as Show15, For as
|
|
1882
|
+
import { Show as Show15, For as For8, onMount as onMount6, createSignal as createSignal18, createMemo as createMemo18 } from "solid-js";
|
|
1885
1883
|
|
|
1886
1884
|
// src/helpers/url.ts
|
|
1887
1885
|
var getTopLevelDomain = (host) => {
|
|
@@ -3156,12 +3154,12 @@ var componentInfo11 = {
|
|
|
3156
3154
|
};
|
|
3157
3155
|
|
|
3158
3156
|
// src/blocks/custom-code/custom-code.tsx
|
|
3159
|
-
import { onMount as
|
|
3157
|
+
import { onMount as onMount4, createSignal as createSignal11 } from "solid-js";
|
|
3160
3158
|
function CustomCode(props) {
|
|
3161
3159
|
const [scriptsInserted, setScriptsInserted] = createSignal11([]);
|
|
3162
3160
|
const [scriptsRun, setScriptsRun] = createSignal11([]);
|
|
3163
3161
|
let elementRef;
|
|
3164
|
-
|
|
3162
|
+
onMount4(() => {
|
|
3165
3163
|
if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
|
|
3166
3164
|
return;
|
|
3167
3165
|
}
|
|
@@ -3509,7 +3507,7 @@ var componentInfo13 = {
|
|
|
3509
3507
|
};
|
|
3510
3508
|
|
|
3511
3509
|
// src/blocks/form/form/form.tsx
|
|
3512
|
-
import { Show as Show11,
|
|
3510
|
+
import { Show as Show11, createSignal as createSignal13 } from "solid-js";
|
|
3513
3511
|
|
|
3514
3512
|
// src/functions/get-env.ts
|
|
3515
3513
|
var validEnvList = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"];
|
|
@@ -3726,16 +3724,7 @@ function FormComponent(props) {
|
|
|
3726
3724
|
{...{}}
|
|
3727
3725
|
{...props.attributes}
|
|
3728
3726
|
>
|
|
3729
|
-
|
|
3730
|
-
const idx = _index();
|
|
3731
|
-
return <Block_default
|
|
3732
|
-
key={`form-block-${idx}`}
|
|
3733
|
-
block={block}
|
|
3734
|
-
context={props.builderContext}
|
|
3735
|
-
registeredComponents={props.builderComponents}
|
|
3736
|
-
linkComponent={props.builderLinkComponent}
|
|
3737
|
-
/>;
|
|
3738
|
-
}}</For7></Show11>
|
|
3727
|
+
{props.children}
|
|
3739
3728
|
<Show11 when={submissionState() === "error"}><Blocks_default
|
|
3740
3729
|
path="errorMessage"
|
|
3741
3730
|
blocks={props.errorMessage}
|
|
@@ -3746,14 +3735,14 @@ function FormComponent(props) {
|
|
|
3746
3735
|
blocks={props.sendingMessage}
|
|
3747
3736
|
context={props.builderContext}
|
|
3748
3737
|
/></Show11>
|
|
3749
|
-
<Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-
|
|
3738
|
+
<Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-04a43b72">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
|
|
3750
3739
|
<Show11 when={submissionState() === "success"}><Blocks_default
|
|
3751
3740
|
path="successMessage"
|
|
3752
3741
|
blocks={props.successMessage}
|
|
3753
3742
|
context={props.builderContext}
|
|
3754
3743
|
/></Show11>
|
|
3755
3744
|
</form>
|
|
3756
|
-
<style>{`.pre-
|
|
3745
|
+
<style>{`.pre-04a43b72 {
|
|
3757
3746
|
padding: 10px;
|
|
3758
3747
|
color: red;
|
|
3759
3748
|
text-align: center;
|
|
@@ -3878,7 +3867,7 @@ var componentInfo15 = {
|
|
|
3878
3867
|
};
|
|
3879
3868
|
|
|
3880
3869
|
// src/blocks/form/select/select.tsx
|
|
3881
|
-
import { For as
|
|
3870
|
+
import { For as For7 } from "solid-js";
|
|
3882
3871
|
function SelectComponent(props) {
|
|
3883
3872
|
return <><select
|
|
3884
3873
|
{...{}}
|
|
@@ -3888,10 +3877,10 @@ function SelectComponent(props) {
|
|
|
3888
3877
|
defaultValue={props.defaultValue}
|
|
3889
3878
|
name={props.name}
|
|
3890
3879
|
required={props.required}
|
|
3891
|
-
><
|
|
3880
|
+
><For7 each={props.options}>{(option, _index) => {
|
|
3892
3881
|
const index = _index();
|
|
3893
3882
|
return <option key={`${option.name}-${index}`} value={option.value}>{option.name || option.value}</option>;
|
|
3894
|
-
}}</
|
|
3883
|
+
}}</For7></select></>;
|
|
3895
3884
|
}
|
|
3896
3885
|
var select_default = SelectComponent;
|
|
3897
3886
|
|
|
@@ -4146,7 +4135,6 @@ function Video(props) {
|
|
|
4146
4135
|
"object-position": props.position,
|
|
4147
4136
|
// Hack to get object fit to work as expected and
|
|
4148
4137
|
// not have the video overflow
|
|
4149
|
-
"z-index": 2,
|
|
4150
4138
|
"border-radius": "1px",
|
|
4151
4139
|
...props.aspectRatio ? {
|
|
4152
4140
|
position: "absolute"
|
|
@@ -4331,7 +4319,7 @@ var Inlined_script_default = InlinedScript;
|
|
|
4331
4319
|
// src/components/content/components/enable-editor.tsx
|
|
4332
4320
|
import {
|
|
4333
4321
|
Show as Show13,
|
|
4334
|
-
onMount as
|
|
4322
|
+
onMount as onMount5,
|
|
4335
4323
|
on as on3,
|
|
4336
4324
|
createEffect as createEffect3,
|
|
4337
4325
|
createMemo as createMemo15,
|
|
@@ -4345,7 +4333,7 @@ function getPreviewContent(_searchParams) {
|
|
|
4345
4333
|
}
|
|
4346
4334
|
|
|
4347
4335
|
// src/constants/sdk-version.ts
|
|
4348
|
-
var SDK_VERSION = "3.0.
|
|
4336
|
+
var SDK_VERSION = "3.0.5";
|
|
4349
4337
|
|
|
4350
4338
|
// src/helpers/sdk-headers.ts
|
|
4351
4339
|
var getSdkHeaders = () => ({
|
|
@@ -5332,7 +5320,7 @@ function EnableEditor(props) {
|
|
|
5332
5320
|
let elementRef;
|
|
5333
5321
|
runHttpRequests();
|
|
5334
5322
|
emitStateUpdate();
|
|
5335
|
-
|
|
5323
|
+
onMount5(() => {
|
|
5336
5324
|
if (isBrowser()) {
|
|
5337
5325
|
if (isEditing() && !props.isNestedRender) {
|
|
5338
5326
|
window.addEventListener("message", processMessage);
|
|
@@ -5677,7 +5665,7 @@ function ContentVariants(props) {
|
|
|
5677
5665
|
canTrack: getDefaultCanTrack(props.canTrack)
|
|
5678
5666
|
});
|
|
5679
5667
|
});
|
|
5680
|
-
|
|
5668
|
+
onMount6(() => {
|
|
5681
5669
|
setShouldRenderVariants(false);
|
|
5682
5670
|
});
|
|
5683
5671
|
return <><>
|
|
@@ -5697,7 +5685,7 @@ function ContentVariants(props) {
|
|
|
5697
5685
|
scriptStr={updateCookieAndStylesScriptStr()}
|
|
5698
5686
|
nonce={props.nonce || ""}
|
|
5699
5687
|
/>
|
|
5700
|
-
<
|
|
5688
|
+
<For8 each={getVariants(props.content)}>{(variant, _index) => {
|
|
5701
5689
|
const index = _index();
|
|
5702
5690
|
return <Content_default
|
|
5703
5691
|
apiHost={props.apiHost}
|
|
@@ -5724,7 +5712,7 @@ function ContentVariants(props) {
|
|
|
5724
5712
|
trustedHosts={props.trustedHosts}
|
|
5725
5713
|
{...{}}
|
|
5726
5714
|
/>;
|
|
5727
|
-
}}</
|
|
5715
|
+
}}</For8>
|
|
5728
5716
|
</Show15>
|
|
5729
5717
|
<Content_default
|
|
5730
5718
|
apiHost={props.apiHost}
|
|
@@ -5807,7 +5795,7 @@ function Symbol(props) {
|
|
|
5807
5795
|
}
|
|
5808
5796
|
});
|
|
5809
5797
|
}
|
|
5810
|
-
|
|
5798
|
+
onMount7(() => {
|
|
5811
5799
|
});
|
|
5812
5800
|
const onUpdateFn_0_props_symbol = createMemo19(() => props.symbol);
|
|
5813
5801
|
function onUpdateFn_0() {
|
package/lib/edge/dev.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
|
|
2
|
-
import { createContext, useContext, Show, For, createMemo,
|
|
2
|
+
import { createContext, useContext, Show, For, createMemo, createSignal, onMount, createEffect, on } from 'solid-js';
|
|
3
3
|
|
|
4
4
|
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
5
5
|
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
@@ -4939,7 +4939,7 @@ var getColumnsClass = (id2) => {
|
|
|
4939
4939
|
|
|
4940
4940
|
// src/blocks/columns/columns.tsx
|
|
4941
4941
|
var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
|
|
4942
|
-
var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-
|
|
4942
|
+
var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-6331dfc5 {
|
|
4943
4943
|
display: flex;
|
|
4944
4944
|
line-height: normal;
|
|
4945
4945
|
}`);
|
|
@@ -5068,7 +5068,7 @@ function Columns(props) {
|
|
|
5068
5068
|
const _el$ = _tmpl$3();
|
|
5069
5069
|
spread(_el$, mergeProps({
|
|
5070
5070
|
get ["class"]() {
|
|
5071
|
-
return getColumnsClass(props.builderBlock?.id) + " div-
|
|
5071
|
+
return getColumnsClass(props.builderBlock?.id) + " div-6331dfc5";
|
|
5072
5072
|
},
|
|
5073
5073
|
get style() {
|
|
5074
5074
|
return columnsCssVars();
|
|
@@ -5109,9 +5109,6 @@ function Columns(props) {
|
|
|
5109
5109
|
get parent() {
|
|
5110
5110
|
return props.builderBlock.id;
|
|
5111
5111
|
},
|
|
5112
|
-
styleProp: {
|
|
5113
|
-
flexGrow: "1"
|
|
5114
|
-
},
|
|
5115
5112
|
get context() {
|
|
5116
5113
|
return props.builderContext;
|
|
5117
5114
|
},
|
|
@@ -5123,6 +5120,9 @@ function Columns(props) {
|
|
|
5123
5120
|
},
|
|
5124
5121
|
get blocks() {
|
|
5125
5122
|
return column.blocks;
|
|
5123
|
+
},
|
|
5124
|
+
styleProp: {
|
|
5125
|
+
"flex-grow": "1"
|
|
5126
5126
|
}
|
|
5127
5127
|
});
|
|
5128
5128
|
}
|
|
@@ -5193,16 +5193,16 @@ function getSrcSet(url) {
|
|
|
5193
5193
|
// src/blocks/image/image.tsx
|
|
5194
5194
|
var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
|
|
5195
5195
|
var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
|
|
5196
|
-
var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-
|
|
5197
|
-
var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-
|
|
5198
|
-
var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-
|
|
5196
|
+
var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-dc6700b4">`);
|
|
5197
|
+
var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-dc6700b4-2>`);
|
|
5198
|
+
var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-dc6700b4 {
|
|
5199
5199
|
opacity: 1;
|
|
5200
5200
|
transition: opacity 0.2s ease-in-out;
|
|
5201
|
-
}.div-
|
|
5201
|
+
}.div-dc6700b4 {
|
|
5202
5202
|
width: 100%;
|
|
5203
5203
|
pointer-events: none;
|
|
5204
5204
|
font-size: 0;
|
|
5205
|
-
}.div-
|
|
5205
|
+
}.div-dc6700b4-2 {
|
|
5206
5206
|
display: flex;
|
|
5207
5207
|
flex-direction: column;
|
|
5208
5208
|
align-items: stretch;
|
|
@@ -5252,8 +5252,6 @@ function Image(props) {
|
|
|
5252
5252
|
const out = props.aspectRatio ? aspectRatioStyles : void 0;
|
|
5253
5253
|
return out;
|
|
5254
5254
|
});
|
|
5255
|
-
onMount(() => {
|
|
5256
|
-
});
|
|
5257
5255
|
return [[(() => {
|
|
5258
5256
|
const _el$ = _tmpl$23(), _el$3 = _el$.firstChild;
|
|
5259
5257
|
insert(_el$, createComponent(Show, {
|
|
@@ -5267,7 +5265,7 @@ function Image(props) {
|
|
|
5267
5265
|
}
|
|
5268
5266
|
}), _el$3);
|
|
5269
5267
|
effect((_p$) => {
|
|
5270
|
-
const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-
|
|
5268
|
+
const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-dc6700b4", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
|
|
5271
5269
|
"object-position": props.backgroundPosition || "center",
|
|
5272
5270
|
"object-fit": props.backgroundSize || "cover",
|
|
5273
5271
|
...aspectRatioCss()
|
|
@@ -7083,9 +7081,9 @@ function logFetch(url) {
|
|
|
7083
7081
|
}
|
|
7084
7082
|
|
|
7085
7083
|
// src/blocks/form/form/form.tsx
|
|
7086
|
-
var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-
|
|
7084
|
+
var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-04a43b72">`);
|
|
7087
7085
|
var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
|
|
7088
|
-
var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-
|
|
7086
|
+
var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-04a43b72 {
|
|
7089
7087
|
padding: 10px;
|
|
7090
7088
|
color: red;
|
|
7091
7089
|
text-align: center;
|
|
@@ -7295,34 +7293,7 @@ function FormComponent(props) {
|
|
|
7295
7293
|
return props.name;
|
|
7296
7294
|
}
|
|
7297
7295
|
}, {}, {}, () => props.attributes), false, true);
|
|
7298
|
-
insert(_el$,
|
|
7299
|
-
get when() {
|
|
7300
|
-
return props.builderBlock && props.builderBlock.children;
|
|
7301
|
-
},
|
|
7302
|
-
get children() {
|
|
7303
|
-
return createComponent(For, {
|
|
7304
|
-
get each() {
|
|
7305
|
-
return props.builderBlock?.children;
|
|
7306
|
-
},
|
|
7307
|
-
children: (block, _index) => {
|
|
7308
|
-
const idx = _index();
|
|
7309
|
-
return createComponent(block_default, {
|
|
7310
|
-
key: `form-block-${idx}`,
|
|
7311
|
-
block,
|
|
7312
|
-
get context() {
|
|
7313
|
-
return props.builderContext;
|
|
7314
|
-
},
|
|
7315
|
-
get registeredComponents() {
|
|
7316
|
-
return props.builderComponents;
|
|
7317
|
-
},
|
|
7318
|
-
get linkComponent() {
|
|
7319
|
-
return props.builderLinkComponent;
|
|
7320
|
-
}
|
|
7321
|
-
});
|
|
7322
|
-
}
|
|
7323
|
-
});
|
|
7324
|
-
}
|
|
7325
|
-
}), null);
|
|
7296
|
+
insert(_el$, () => props.children, null);
|
|
7326
7297
|
insert(_el$, createComponent(Show, {
|
|
7327
7298
|
get when() {
|
|
7328
7299
|
return submissionState() === "error";
|
|
@@ -7831,7 +7802,6 @@ function Video(props) {
|
|
|
7831
7802
|
"object-position": props.position,
|
|
7832
7803
|
// Hack to get object fit to work as expected and
|
|
7833
7804
|
// not have the video overflow
|
|
7834
|
-
"z-index": 2,
|
|
7835
7805
|
"border-radius": "1px",
|
|
7836
7806
|
...props.aspectRatio ? {
|
|
7837
7807
|
position: "absolute"
|
|
@@ -8059,7 +8029,7 @@ function getPreviewContent(_searchParams) {
|
|
|
8059
8029
|
}
|
|
8060
8030
|
|
|
8061
8031
|
// src/constants/sdk-version.ts
|
|
8062
|
-
var SDK_VERSION = "3.0.
|
|
8032
|
+
var SDK_VERSION = "3.0.5";
|
|
8063
8033
|
|
|
8064
8034
|
// src/helpers/sdk-headers.ts
|
|
8065
8035
|
var getSdkHeaders = () => ({
|
package/lib/edge/dev.jsx
CHANGED
|
@@ -4859,7 +4859,7 @@ function Columns(props) {
|
|
|
4859
4859
|
}
|
|
4860
4860
|
return <>
|
|
4861
4861
|
<div
|
|
4862
|
-
class={getColumnsClass(props.builderBlock?.id) + " div-
|
|
4862
|
+
class={getColumnsClass(props.builderBlock?.id) + " div-6331dfc5"}
|
|
4863
4863
|
style={columnsCssVars()}
|
|
4864
4864
|
{...{}}
|
|
4865
4865
|
>
|
|
@@ -4878,17 +4878,17 @@ function Columns(props) {
|
|
|
4878
4878
|
><Blocks_default
|
|
4879
4879
|
path={`columns.${index}.blocks`}
|
|
4880
4880
|
parent={props.builderBlock.id}
|
|
4881
|
-
styleProp={{
|
|
4882
|
-
flexGrow: "1"
|
|
4883
|
-
}}
|
|
4884
4881
|
context={props.builderContext}
|
|
4885
4882
|
registeredComponents={props.builderComponents}
|
|
4886
4883
|
linkComponent={props.builderLinkComponent}
|
|
4887
4884
|
blocks={column.blocks}
|
|
4885
|
+
styleProp={{
|
|
4886
|
+
"flex-grow": "1"
|
|
4887
|
+
}}
|
|
4888
4888
|
/></Dynamic_renderer_default>;
|
|
4889
4889
|
}}</For4>
|
|
4890
4890
|
</div>
|
|
4891
|
-
<style>{`.div-
|
|
4891
|
+
<style>{`.div-6331dfc5 {
|
|
4892
4892
|
display: flex;
|
|
4893
4893
|
line-height: normal;
|
|
4894
4894
|
}`}</style>
|
|
@@ -4903,7 +4903,7 @@ function FragmentComponent(props) {
|
|
|
4903
4903
|
var fragment_default = FragmentComponent;
|
|
4904
4904
|
|
|
4905
4905
|
// src/blocks/image/image.tsx
|
|
4906
|
-
import { Show as Show8,
|
|
4906
|
+
import { Show as Show8, createMemo as createMemo8 } from "solid-js";
|
|
4907
4907
|
|
|
4908
4908
|
// src/blocks/image/image.helpers.ts
|
|
4909
4909
|
function removeProtocol(path) {
|
|
@@ -4993,14 +4993,12 @@ function Image(props) {
|
|
|
4993
4993
|
const out = props.aspectRatio ? aspectRatioStyles : void 0;
|
|
4994
4994
|
return out;
|
|
4995
4995
|
});
|
|
4996
|
-
onMount4(() => {
|
|
4997
|
-
});
|
|
4998
4996
|
return <>
|
|
4999
4997
|
<>
|
|
5000
4998
|
<picture>
|
|
5001
4999
|
<Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
|
|
5002
5000
|
<img
|
|
5003
|
-
class={"builder-image" + (props.className ? " " + props.className : "") + " img-
|
|
5001
|
+
class={"builder-image" + (props.className ? " " + props.className : "") + " img-dc6700b4"}
|
|
5004
5002
|
loading={props.highPriority ? "eager" : "lazy"}
|
|
5005
5003
|
fetchpriority={props.highPriority ? "high" : "auto"}
|
|
5006
5004
|
alt={props.altText}
|
|
@@ -5018,22 +5016,22 @@ function Image(props) {
|
|
|
5018
5016
|
<Show8
|
|
5019
5017
|
when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
|
|
5020
5018
|
><div
|
|
5021
|
-
class="builder-image-sizer div-
|
|
5019
|
+
class="builder-image-sizer div-dc6700b4"
|
|
5022
5020
|
style={{
|
|
5023
5021
|
"padding-top": props.aspectRatio * 100 + "%"
|
|
5024
5022
|
}}
|
|
5025
5023
|
/></Show8>
|
|
5026
5024
|
<Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
|
|
5027
|
-
<Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-
|
|
5025
|
+
<Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-dc6700b4-2">{props.children}</div></Show8>
|
|
5028
5026
|
</>
|
|
5029
|
-
<style>{`.img-
|
|
5027
|
+
<style>{`.img-dc6700b4 {
|
|
5030
5028
|
opacity: 1;
|
|
5031
5029
|
transition: opacity 0.2s ease-in-out;
|
|
5032
|
-
}.div-
|
|
5030
|
+
}.div-dc6700b4 {
|
|
5033
5031
|
width: 100%;
|
|
5034
5032
|
pointer-events: none;
|
|
5035
5033
|
font-size: 0;
|
|
5036
|
-
}.div-
|
|
5034
|
+
}.div-dc6700b4-2 {
|
|
5037
5035
|
display: flex;
|
|
5038
5036
|
flex-direction: column;
|
|
5039
5037
|
align-items: stretch;
|
|
@@ -5069,10 +5067,10 @@ function SectionComponent(props) {
|
|
|
5069
5067
|
var section_default = SectionComponent;
|
|
5070
5068
|
|
|
5071
5069
|
// src/blocks/symbol/symbol.tsx
|
|
5072
|
-
import { onMount as
|
|
5070
|
+
import { onMount as onMount7, on as on4, createEffect as createEffect4, createMemo as createMemo19, createSignal as createSignal19 } from "solid-js";
|
|
5073
5071
|
|
|
5074
5072
|
// src/components/content-variants/content-variants.tsx
|
|
5075
|
-
import { Show as Show15, For as
|
|
5073
|
+
import { Show as Show15, For as For8, onMount as onMount6, createSignal as createSignal18, createMemo as createMemo18 } from "solid-js";
|
|
5076
5074
|
|
|
5077
5075
|
// src/helpers/url.ts
|
|
5078
5076
|
var getTopLevelDomain = (host) => {
|
|
@@ -6348,12 +6346,12 @@ var componentInfo11 = {
|
|
|
6348
6346
|
};
|
|
6349
6347
|
|
|
6350
6348
|
// src/blocks/custom-code/custom-code.tsx
|
|
6351
|
-
import { onMount as
|
|
6349
|
+
import { onMount as onMount4, createSignal as createSignal11 } from "solid-js";
|
|
6352
6350
|
function CustomCode(props) {
|
|
6353
6351
|
const [scriptsInserted, setScriptsInserted] = createSignal11([]);
|
|
6354
6352
|
const [scriptsRun, setScriptsRun] = createSignal11([]);
|
|
6355
6353
|
let elementRef;
|
|
6356
|
-
|
|
6354
|
+
onMount4(() => {
|
|
6357
6355
|
if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
|
|
6358
6356
|
return;
|
|
6359
6357
|
}
|
|
@@ -6703,7 +6701,7 @@ var componentInfo13 = {
|
|
|
6703
6701
|
};
|
|
6704
6702
|
|
|
6705
6703
|
// src/blocks/form/form/form.tsx
|
|
6706
|
-
import { Show as Show11,
|
|
6704
|
+
import { Show as Show11, createSignal as createSignal13 } from "solid-js";
|
|
6707
6705
|
|
|
6708
6706
|
// src/functions/get-env.ts
|
|
6709
6707
|
var validEnvList = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"];
|
|
@@ -6920,16 +6918,7 @@ function FormComponent(props) {
|
|
|
6920
6918
|
{...{}}
|
|
6921
6919
|
{...props.attributes}
|
|
6922
6920
|
>
|
|
6923
|
-
|
|
6924
|
-
const idx = _index();
|
|
6925
|
-
return <Block_default
|
|
6926
|
-
key={`form-block-${idx}`}
|
|
6927
|
-
block={block}
|
|
6928
|
-
context={props.builderContext}
|
|
6929
|
-
registeredComponents={props.builderComponents}
|
|
6930
|
-
linkComponent={props.builderLinkComponent}
|
|
6931
|
-
/>;
|
|
6932
|
-
}}</For7></Show11>
|
|
6921
|
+
{props.children}
|
|
6933
6922
|
<Show11 when={submissionState() === "error"}><Blocks_default
|
|
6934
6923
|
path="errorMessage"
|
|
6935
6924
|
blocks={props.errorMessage}
|
|
@@ -6940,14 +6929,14 @@ function FormComponent(props) {
|
|
|
6940
6929
|
blocks={props.sendingMessage}
|
|
6941
6930
|
context={props.builderContext}
|
|
6942
6931
|
/></Show11>
|
|
6943
|
-
<Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-
|
|
6932
|
+
<Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-04a43b72">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
|
|
6944
6933
|
<Show11 when={submissionState() === "success"}><Blocks_default
|
|
6945
6934
|
path="successMessage"
|
|
6946
6935
|
blocks={props.successMessage}
|
|
6947
6936
|
context={props.builderContext}
|
|
6948
6937
|
/></Show11>
|
|
6949
6938
|
</form>
|
|
6950
|
-
<style>{`.pre-
|
|
6939
|
+
<style>{`.pre-04a43b72 {
|
|
6951
6940
|
padding: 10px;
|
|
6952
6941
|
color: red;
|
|
6953
6942
|
text-align: center;
|
|
@@ -7072,7 +7061,7 @@ var componentInfo15 = {
|
|
|
7072
7061
|
};
|
|
7073
7062
|
|
|
7074
7063
|
// src/blocks/form/select/select.tsx
|
|
7075
|
-
import { For as
|
|
7064
|
+
import { For as For7 } from "solid-js";
|
|
7076
7065
|
function SelectComponent(props) {
|
|
7077
7066
|
return <><select
|
|
7078
7067
|
{...{}}
|
|
@@ -7082,10 +7071,10 @@ function SelectComponent(props) {
|
|
|
7082
7071
|
defaultValue={props.defaultValue}
|
|
7083
7072
|
name={props.name}
|
|
7084
7073
|
required={props.required}
|
|
7085
|
-
><
|
|
7074
|
+
><For7 each={props.options}>{(option, _index) => {
|
|
7086
7075
|
const index = _index();
|
|
7087
7076
|
return <option key={`${option.name}-${index}`} value={option.value}>{option.name || option.value}</option>;
|
|
7088
|
-
}}</
|
|
7077
|
+
}}</For7></select></>;
|
|
7089
7078
|
}
|
|
7090
7079
|
var select_default = SelectComponent;
|
|
7091
7080
|
|
|
@@ -7340,7 +7329,6 @@ function Video(props) {
|
|
|
7340
7329
|
"object-position": props.position,
|
|
7341
7330
|
// Hack to get object fit to work as expected and
|
|
7342
7331
|
// not have the video overflow
|
|
7343
|
-
"z-index": 2,
|
|
7344
7332
|
"border-radius": "1px",
|
|
7345
7333
|
...props.aspectRatio ? {
|
|
7346
7334
|
position: "absolute"
|
|
@@ -7525,7 +7513,7 @@ var Inlined_script_default = InlinedScript;
|
|
|
7525
7513
|
// src/components/content/components/enable-editor.tsx
|
|
7526
7514
|
import {
|
|
7527
7515
|
Show as Show13,
|
|
7528
|
-
onMount as
|
|
7516
|
+
onMount as onMount5,
|
|
7529
7517
|
on as on3,
|
|
7530
7518
|
createEffect as createEffect3,
|
|
7531
7519
|
createMemo as createMemo15,
|
|
@@ -7539,7 +7527,7 @@ function getPreviewContent(_searchParams) {
|
|
|
7539
7527
|
}
|
|
7540
7528
|
|
|
7541
7529
|
// src/constants/sdk-version.ts
|
|
7542
|
-
var SDK_VERSION = "3.0.
|
|
7530
|
+
var SDK_VERSION = "3.0.5";
|
|
7543
7531
|
|
|
7544
7532
|
// src/helpers/sdk-headers.ts
|
|
7545
7533
|
var getSdkHeaders = () => ({
|
|
@@ -8533,7 +8521,7 @@ function EnableEditor(props) {
|
|
|
8533
8521
|
let elementRef;
|
|
8534
8522
|
runHttpRequests();
|
|
8535
8523
|
emitStateUpdate();
|
|
8536
|
-
|
|
8524
|
+
onMount5(() => {
|
|
8537
8525
|
if (isBrowser()) {
|
|
8538
8526
|
if (isEditing() && !props.isNestedRender) {
|
|
8539
8527
|
window.addEventListener("message", processMessage);
|
|
@@ -8878,7 +8866,7 @@ function ContentVariants(props) {
|
|
|
8878
8866
|
canTrack: getDefaultCanTrack(props.canTrack)
|
|
8879
8867
|
});
|
|
8880
8868
|
});
|
|
8881
|
-
|
|
8869
|
+
onMount6(() => {
|
|
8882
8870
|
setShouldRenderVariants(false);
|
|
8883
8871
|
});
|
|
8884
8872
|
return <><>
|
|
@@ -8898,7 +8886,7 @@ function ContentVariants(props) {
|
|
|
8898
8886
|
scriptStr={updateCookieAndStylesScriptStr()}
|
|
8899
8887
|
nonce={props.nonce || ""}
|
|
8900
8888
|
/>
|
|
8901
|
-
<
|
|
8889
|
+
<For8 each={getVariants(props.content)}>{(variant, _index) => {
|
|
8902
8890
|
const index = _index();
|
|
8903
8891
|
return <Content_default
|
|
8904
8892
|
apiHost={props.apiHost}
|
|
@@ -8925,7 +8913,7 @@ function ContentVariants(props) {
|
|
|
8925
8913
|
trustedHosts={props.trustedHosts}
|
|
8926
8914
|
{...{}}
|
|
8927
8915
|
/>;
|
|
8928
|
-
}}</
|
|
8916
|
+
}}</For8>
|
|
8929
8917
|
</Show15>
|
|
8930
8918
|
<Content_default
|
|
8931
8919
|
apiHost={props.apiHost}
|
|
@@ -9008,7 +8996,7 @@ function Symbol2(props) {
|
|
|
9008
8996
|
}
|
|
9009
8997
|
});
|
|
9010
8998
|
}
|
|
9011
|
-
|
|
8999
|
+
onMount7(() => {
|
|
9012
9000
|
});
|
|
9013
9001
|
const onUpdateFn_0_props_symbol = createMemo19(() => props.symbol);
|
|
9014
9002
|
function onUpdateFn_0() {
|