@builder.io/sdk-qwik 0.18.10 → 0.18.12
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/lib/browser/blocks/image/image.qwik.cjs +2 -0
- package/lib/browser/blocks/image/image.qwik.mjs +3 -1
- package/lib/browser/blocks/symbol/symbol.qwik.cjs +15 -10
- package/lib/browser/blocks/symbol/symbol.qwik.mjs +15 -10
- package/lib/browser/blocks/text/component-info.qwik.cjs +1 -4
- package/lib/browser/blocks/text/component-info.qwik.mjs +1 -4
- package/lib/browser/components/block/block.helpers.qwik.cjs +4 -0
- package/lib/browser/components/block/block.helpers.qwik.mjs +4 -0
- package/lib/browser/components/block/block.qwik.cjs +2 -2
- package/lib/browser/components/block/block.qwik.mjs +3 -3
- package/lib/browser/components/block/components/interactive-element.qwik.cjs +27 -13
- package/lib/browser/components/block/components/interactive-element.qwik.mjs +28 -14
- package/lib/browser/components/block/components/repeated-block.qwik.cjs +8 -0
- package/lib/browser/components/block/components/repeated-block.qwik.mjs +9 -1
- package/lib/browser/constants/sdk-version.qwik.cjs +1 -1
- package/lib/browser/constants/sdk-version.qwik.mjs +1 -1
- package/lib/edge/blocks/image/image.qwik.cjs +2 -0
- package/lib/edge/blocks/image/image.qwik.mjs +3 -1
- package/lib/edge/blocks/symbol/symbol.qwik.cjs +15 -10
- package/lib/edge/blocks/symbol/symbol.qwik.mjs +15 -10
- package/lib/edge/blocks/text/component-info.qwik.cjs +1 -4
- package/lib/edge/blocks/text/component-info.qwik.mjs +1 -4
- package/lib/edge/components/block/block.helpers.qwik.cjs +4 -0
- package/lib/edge/components/block/block.helpers.qwik.mjs +4 -0
- package/lib/edge/components/block/block.qwik.cjs +2 -2
- package/lib/edge/components/block/block.qwik.mjs +3 -3
- package/lib/edge/components/block/components/interactive-element.qwik.cjs +27 -13
- package/lib/edge/components/block/components/interactive-element.qwik.mjs +28 -14
- package/lib/edge/components/block/components/repeated-block.qwik.cjs +8 -0
- package/lib/edge/components/block/components/repeated-block.qwik.mjs +9 -1
- package/lib/edge/constants/sdk-version.qwik.cjs +1 -1
- package/lib/edge/constants/sdk-version.qwik.mjs +1 -1
- package/lib/node/blocks/image/image.qwik.cjs +2 -0
- package/lib/node/blocks/image/image.qwik.mjs +3 -1
- package/lib/node/blocks/symbol/symbol.qwik.cjs +15 -10
- package/lib/node/blocks/symbol/symbol.qwik.mjs +15 -10
- package/lib/node/blocks/text/component-info.qwik.cjs +1 -4
- package/lib/node/blocks/text/component-info.qwik.mjs +1 -4
- package/lib/node/components/block/block.helpers.qwik.cjs +4 -0
- package/lib/node/components/block/block.helpers.qwik.mjs +4 -0
- package/lib/node/components/block/block.qwik.cjs +2 -2
- package/lib/node/components/block/block.qwik.mjs +3 -3
- package/lib/node/components/block/components/interactive-element.qwik.cjs +27 -13
- package/lib/node/components/block/components/interactive-element.qwik.mjs +28 -14
- package/lib/node/components/block/components/repeated-block.qwik.cjs +8 -0
- package/lib/node/components/block/components/repeated-block.qwik.mjs +9 -1
- package/lib/node/constants/sdk-version.qwik.cjs +1 -1
- package/lib/node/constants/sdk-version.qwik.mjs +1 -1
- package/package.json +1 -1
- package/types/src/components/block/block.helpers.d.ts +1 -0
- package/types/src/constants/sdk-version.d.ts +1 -1
|
@@ -53,6 +53,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
|
|
|
53
53
|
}, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
|
|
54
54
|
props
|
|
55
55
|
]));
|
|
56
|
+
qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
57
|
+
}, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
|
|
56
58
|
return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
|
|
57
59
|
children: [
|
|
58
60
|
/* @__PURE__ */ qwik._jsxQ("picture", null, null, [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
|
|
1
|
+
import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
|
|
2
2
|
import { getSrcSet } from "./image.helpers.qwik.mjs";
|
|
3
3
|
const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
4
4
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -51,6 +51,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
|
|
|
51
51
|
}, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
|
|
52
52
|
props
|
|
53
53
|
]));
|
|
54
|
+
useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
55
|
+
}, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
|
|
54
56
|
return /* @__PURE__ */ _jsxC(Fragment, {
|
|
55
57
|
children: [
|
|
56
58
|
/* @__PURE__ */ _jsxQ("picture", null, null, [
|
|
@@ -5,18 +5,22 @@ const contentVariants = require("../../components/content-variants/content-varia
|
|
|
5
5
|
const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
|
|
6
6
|
const symbol_helpers = require("./symbol.helpers.qwik.cjs");
|
|
7
7
|
const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
|
|
8
|
-
|
|
8
|
+
var _a;
|
|
9
|
+
if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
|
|
9
10
|
return;
|
|
10
11
|
symbol_helpers.fetchSymbolContent({
|
|
11
12
|
symbol: props.symbol,
|
|
12
13
|
builderContextValue: props.builderContext
|
|
13
14
|
}).then((newContent) => {
|
|
14
|
-
|
|
15
|
+
var _a2;
|
|
16
|
+
if (newContent) {
|
|
15
17
|
state.contentToUse = newContent;
|
|
18
|
+
state.symbolEntry = (_a2 = props.symbol) == null ? void 0 : _a2.entry;
|
|
19
|
+
}
|
|
16
20
|
});
|
|
17
21
|
};
|
|
18
22
|
const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
|
|
19
|
-
var _a;
|
|
23
|
+
var _a, _b;
|
|
20
24
|
const blocksWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
21
25
|
return "div";
|
|
22
26
|
}, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
|
|
@@ -24,19 +28,20 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
|
|
|
24
28
|
return "div";
|
|
25
29
|
}, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
|
|
26
30
|
const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
27
|
-
var _a2,
|
|
31
|
+
var _a2, _b2;
|
|
28
32
|
const [props2] = qwik.useLexicalScope();
|
|
29
33
|
return [
|
|
30
34
|
props2.attributes[getClassPropName.getClassPropName()],
|
|
31
35
|
"builder-symbol",
|
|
32
36
|
((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
|
|
33
|
-
((
|
|
37
|
+
((_b2 = props2.symbol) == null ? void 0 : _b2.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
|
|
34
38
|
].filter(Boolean).join(" ");
|
|
35
39
|
}, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
|
|
36
40
|
props
|
|
37
41
|
]));
|
|
38
42
|
const state = qwik.useStore({
|
|
39
|
-
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
|
|
43
|
+
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content,
|
|
44
|
+
symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
|
|
40
45
|
});
|
|
41
46
|
qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
|
|
42
47
|
const [blocksWrapper2, className2, contentWrapper2, props2, state2] = qwik.useLexicalScope();
|
|
@@ -73,11 +78,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
|
|
|
73
78
|
return Object.values(props.builderComponents);
|
|
74
79
|
},
|
|
75
80
|
get data() {
|
|
76
|
-
var _a2,
|
|
81
|
+
var _a2, _b2, _c;
|
|
77
82
|
return {
|
|
78
83
|
...(_a2 = props.symbol) == null ? void 0 : _a2.data,
|
|
79
84
|
...props.builderContext.localState,
|
|
80
|
-
...(_c = (
|
|
85
|
+
...(_c = (_b2 = state.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
81
86
|
};
|
|
82
87
|
},
|
|
83
88
|
get canTrack() {
|
|
@@ -131,11 +136,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
|
|
|
131
136
|
props
|
|
132
137
|
], "Object.values(p0.builderComponents)"),
|
|
133
138
|
data: qwik._fnSignal((p0, p1) => {
|
|
134
|
-
var _a2,
|
|
139
|
+
var _a2, _b2, _c;
|
|
135
140
|
return {
|
|
136
141
|
...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
|
|
137
142
|
...p0.builderContext.localState,
|
|
138
|
-
...(_c = (
|
|
143
|
+
...(_c = (_b2 = p1.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
139
144
|
};
|
|
140
145
|
}, [
|
|
141
146
|
props,
|
|
@@ -3,18 +3,22 @@ import { ContentVariants } from "../../components/content-variants/content-varia
|
|
|
3
3
|
import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
|
|
4
4
|
import { fetchSymbolContent } from "./symbol.helpers.qwik.mjs";
|
|
5
5
|
const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
|
|
6
|
-
|
|
6
|
+
var _a;
|
|
7
|
+
if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
|
|
7
8
|
return;
|
|
8
9
|
fetchSymbolContent({
|
|
9
10
|
symbol: props.symbol,
|
|
10
11
|
builderContextValue: props.builderContext
|
|
11
12
|
}).then((newContent) => {
|
|
12
|
-
|
|
13
|
+
var _a2;
|
|
14
|
+
if (newContent) {
|
|
13
15
|
state.contentToUse = newContent;
|
|
16
|
+
state.symbolEntry = (_a2 = props.symbol) == null ? void 0 : _a2.entry;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
};
|
|
16
20
|
const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
17
|
-
var _a;
|
|
21
|
+
var _a, _b;
|
|
18
22
|
const blocksWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
19
23
|
return "div";
|
|
20
24
|
}, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
|
|
@@ -22,19 +26,20 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
|
|
|
22
26
|
return "div";
|
|
23
27
|
}, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
|
|
24
28
|
const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
25
|
-
var _a2,
|
|
29
|
+
var _a2, _b2;
|
|
26
30
|
const [props2] = useLexicalScope();
|
|
27
31
|
return [
|
|
28
32
|
props2.attributes[getClassPropName()],
|
|
29
33
|
"builder-symbol",
|
|
30
34
|
((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
|
|
31
|
-
((
|
|
35
|
+
((_b2 = props2.symbol) == null ? void 0 : _b2.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
|
|
32
36
|
].filter(Boolean).join(" ");
|
|
33
37
|
}, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
|
|
34
38
|
props
|
|
35
39
|
]));
|
|
36
40
|
const state = useStore({
|
|
37
|
-
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
|
|
41
|
+
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content,
|
|
42
|
+
symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
|
|
38
43
|
});
|
|
39
44
|
useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
|
|
40
45
|
const [blocksWrapper2, className2, contentWrapper2, props2, state2] = useLexicalScope();
|
|
@@ -71,11 +76,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
|
|
|
71
76
|
return Object.values(props.builderComponents);
|
|
72
77
|
},
|
|
73
78
|
get data() {
|
|
74
|
-
var _a2,
|
|
79
|
+
var _a2, _b2, _c;
|
|
75
80
|
return {
|
|
76
81
|
...(_a2 = props.symbol) == null ? void 0 : _a2.data,
|
|
77
82
|
...props.builderContext.localState,
|
|
78
|
-
...(_c = (
|
|
83
|
+
...(_c = (_b2 = state.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
79
84
|
};
|
|
80
85
|
},
|
|
81
86
|
get canTrack() {
|
|
@@ -129,11 +134,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
|
|
|
129
134
|
props
|
|
130
135
|
], "Object.values(p0.builderComponents)"),
|
|
131
136
|
data: _fnSignal((p0, p1) => {
|
|
132
|
-
var _a2,
|
|
137
|
+
var _a2, _b2, _c;
|
|
133
138
|
return {
|
|
134
139
|
...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
|
|
135
140
|
...p0.builderContext.localState,
|
|
136
|
-
...(_c = (
|
|
141
|
+
...(_c = (_b2 = p1.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
137
142
|
};
|
|
138
143
|
}, [
|
|
139
144
|
props,
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const componentInfo = {
|
|
4
|
-
shouldReceiveBuilderProps: {
|
|
5
|
-
builderBlock: false,
|
|
6
|
-
builderContext: true
|
|
7
|
-
},
|
|
4
|
+
shouldReceiveBuilderProps: {},
|
|
8
5
|
name: "Text",
|
|
9
6
|
static: true,
|
|
10
7
|
isRSC: true,
|
|
@@ -88,6 +88,10 @@ const provideBuilderContext = (block, context) => {
|
|
|
88
88
|
};
|
|
89
89
|
return {};
|
|
90
90
|
};
|
|
91
|
+
const generateKey = (index) => {
|
|
92
|
+
return index.toString();
|
|
93
|
+
};
|
|
94
|
+
exports.generateKey = generateKey;
|
|
91
95
|
exports.getComponent = getComponent;
|
|
92
96
|
exports.getRepeatItemData = getRepeatItemData;
|
|
93
97
|
exports.provideBuilderBlock = provideBuilderBlock;
|
|
@@ -279,7 +279,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
|
|
|
279
279
|
], "p0.registeredComponents"),
|
|
280
280
|
repeatContext: qwik._wrapProp(data, "context")
|
|
281
281
|
}
|
|
282
|
-
}, 3, index);
|
|
282
|
+
}, 3, block_helpers.generateKey(index));
|
|
283
283
|
}) : !repeatItem.value ? /* @__PURE__ */ qwik._jsxC(componentRef.ComponentRef, {
|
|
284
284
|
get componentRef() {
|
|
285
285
|
return componentRefProps.value.componentRef;
|
|
@@ -361,7 +361,7 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
|
|
|
361
361
|
], "p0.registeredComponents"),
|
|
362
362
|
repeatContext: qwik._wrapProp(data, "context")
|
|
363
363
|
}
|
|
364
|
-
}, 3, index);
|
|
364
|
+
}, 3, block_helpers.generateKey(index));
|
|
365
365
|
})
|
|
366
366
|
]
|
|
367
367
|
}, 1, "jN_4") : null
|
|
@@ -4,7 +4,7 @@ import { TARGET } from "../../constants/target.qwik.mjs";
|
|
|
4
4
|
import { getBlockComponentOptions } from "../../functions/get-block-component-options.qwik.mjs";
|
|
5
5
|
import { getProcessedBlock } from "../../functions/get-processed-block.qwik.mjs";
|
|
6
6
|
import { bindAnimations } from "./animator.qwik.mjs";
|
|
7
|
-
import { getRepeatItemData, getComponent, provideBuilderBlock, provideBuilderContext, provideLinkComponent, provideRegisteredComponents } from "./block.helpers.qwik.mjs";
|
|
7
|
+
import { getRepeatItemData, getComponent, provideBuilderBlock, provideBuilderContext, provideLinkComponent, provideRegisteredComponents, generateKey } from "./block.helpers.qwik.mjs";
|
|
8
8
|
import { BlockStyles } from "./components/block-styles.qwik.mjs";
|
|
9
9
|
import { BlockWrapper } from "./components/block-wrapper.qwik.mjs";
|
|
10
10
|
import { ComponentRef } from "./components/component-ref/component-ref.qwik.mjs";
|
|
@@ -277,7 +277,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
|
|
|
277
277
|
], "p0.registeredComponents"),
|
|
278
278
|
repeatContext: _wrapProp(data, "context")
|
|
279
279
|
}
|
|
280
|
-
}, 3, index);
|
|
280
|
+
}, 3, generateKey(index));
|
|
281
281
|
}) : !repeatItem.value ? /* @__PURE__ */ _jsxC(ComponentRef, {
|
|
282
282
|
get componentRef() {
|
|
283
283
|
return componentRefProps.value.componentRef;
|
|
@@ -359,7 +359,7 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
|
|
|
359
359
|
], "p0.registeredComponents"),
|
|
360
360
|
repeatContext: _wrapProp(data, "context")
|
|
361
361
|
}
|
|
362
|
-
}, 3, index);
|
|
362
|
+
}, 3, generateKey(index));
|
|
363
363
|
})
|
|
364
364
|
]
|
|
365
365
|
}, 1, "jN_4") : null
|
|
@@ -25,6 +25,27 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
|
|
|
25
25
|
}, "InteractiveElement_component_attributes_useComputed_0kUhl8Qa4CE", [
|
|
26
26
|
props
|
|
27
27
|
]));
|
|
28
|
+
const targetWrapperProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
29
|
+
const [props2] = qwik.useLexicalScope();
|
|
30
|
+
return props2.wrapperProps;
|
|
31
|
+
}, "InteractiveElement_component_targetWrapperProps_useComputed_C9HrUQQCHDA", [
|
|
32
|
+
props
|
|
33
|
+
]));
|
|
34
|
+
const state = qwik.useStore({
|
|
35
|
+
forceRenderCount: 0
|
|
36
|
+
});
|
|
37
|
+
qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
|
|
38
|
+
const [props2, state2] = qwik.useLexicalScope();
|
|
39
|
+
track(() => props2.wrapperProps);
|
|
40
|
+
track(() => {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
return (_b = (_a = props2.block) == null ? void 0 : _a.component) == null ? void 0 : _b.options;
|
|
43
|
+
});
|
|
44
|
+
state2.forceRenderCount = state2.forceRenderCount + 1;
|
|
45
|
+
}, "InteractiveElement_component_useTask_on04DcXeJSE", [
|
|
46
|
+
props,
|
|
47
|
+
state
|
|
48
|
+
]));
|
|
28
49
|
return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
|
|
29
50
|
children: props.Wrapper.load ? /* @__PURE__ */ qwik._jsxC(awaiter.Awaiter, {
|
|
30
51
|
get load() {
|
|
@@ -54,19 +75,12 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
|
|
|
54
75
|
props
|
|
55
76
|
], "p0.wrapperProps")
|
|
56
77
|
}
|
|
57
|
-
}, 1, "q0_1") : /* @__PURE__ */ qwik.
|
|
58
|
-
...
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
[qwik._IMMUTABLE]: {
|
|
64
|
-
attributes: qwik._fnSignal((p0) => p0.value, [
|
|
65
|
-
attributes
|
|
66
|
-
], "p0.value")
|
|
67
|
-
}
|
|
68
|
-
}, 0, "q0_3")
|
|
69
|
-
}, 1, "q0_4");
|
|
78
|
+
}, 1, "q0_1") : /* @__PURE__ */ qwik.createElement(props.Wrapper, {
|
|
79
|
+
...targetWrapperProps.value,
|
|
80
|
+
attributes: attributes.value,
|
|
81
|
+
key: "wrapper-" + state.forceRenderCount
|
|
82
|
+
}, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_2"))
|
|
83
|
+
}, 1, "q0_3");
|
|
70
84
|
}, "InteractiveElement_component_0UqfJpjhn0g"));
|
|
71
85
|
exports.InteractiveElement = InteractiveElement;
|
|
72
86
|
exports.default = InteractiveElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
|
|
1
|
+
import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, useStore, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal, createElement } from "@builder.io/qwik";
|
|
2
2
|
import { Fragment } from "@builder.io/qwik/jsx-runtime";
|
|
3
3
|
import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
|
|
4
4
|
import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
|
|
@@ -23,6 +23,27 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
|
|
|
23
23
|
}, "InteractiveElement_component_attributes_useComputed_0kUhl8Qa4CE", [
|
|
24
24
|
props
|
|
25
25
|
]));
|
|
26
|
+
const targetWrapperProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
27
|
+
const [props2] = useLexicalScope();
|
|
28
|
+
return props2.wrapperProps;
|
|
29
|
+
}, "InteractiveElement_component_targetWrapperProps_useComputed_C9HrUQQCHDA", [
|
|
30
|
+
props
|
|
31
|
+
]));
|
|
32
|
+
const state = useStore({
|
|
33
|
+
forceRenderCount: 0
|
|
34
|
+
});
|
|
35
|
+
useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
|
|
36
|
+
const [props2, state2] = useLexicalScope();
|
|
37
|
+
track(() => props2.wrapperProps);
|
|
38
|
+
track(() => {
|
|
39
|
+
var _a, _b;
|
|
40
|
+
return (_b = (_a = props2.block) == null ? void 0 : _a.component) == null ? void 0 : _b.options;
|
|
41
|
+
});
|
|
42
|
+
state2.forceRenderCount = state2.forceRenderCount + 1;
|
|
43
|
+
}, "InteractiveElement_component_useTask_on04DcXeJSE", [
|
|
44
|
+
props,
|
|
45
|
+
state
|
|
46
|
+
]));
|
|
26
47
|
return /* @__PURE__ */ _jsxC(Fragment, {
|
|
27
48
|
children: props.Wrapper.load ? /* @__PURE__ */ _jsxC(Awaiter, {
|
|
28
49
|
get load() {
|
|
@@ -52,19 +73,12 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
|
|
|
52
73
|
props
|
|
53
74
|
], "p0.wrapperProps")
|
|
54
75
|
}
|
|
55
|
-
}, 1, "q0_1") : /* @__PURE__ */
|
|
56
|
-
...
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
[_IMMUTABLE]: {
|
|
62
|
-
attributes: _fnSignal((p0) => p0.value, [
|
|
63
|
-
attributes
|
|
64
|
-
], "p0.value")
|
|
65
|
-
}
|
|
66
|
-
}, 0, "q0_3")
|
|
67
|
-
}, 1, "q0_4");
|
|
76
|
+
}, 1, "q0_1") : /* @__PURE__ */ createElement(props.Wrapper, {
|
|
77
|
+
...targetWrapperProps.value,
|
|
78
|
+
attributes: attributes.value,
|
|
79
|
+
key: "wrapper-" + state.forceRenderCount
|
|
80
|
+
}, /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_2"))
|
|
81
|
+
}, 1, "q0_3");
|
|
68
82
|
}, "InteractiveElement_component_0UqfJpjhn0g"));
|
|
69
83
|
export {
|
|
70
84
|
InteractiveElement,
|
|
@@ -8,6 +8,14 @@ const RepeatedBlock = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
|
|
|
8
8
|
store: props.repeatContext
|
|
9
9
|
});
|
|
10
10
|
qwik.useContextProvider(builder_context, state.store);
|
|
11
|
+
qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
|
|
12
|
+
const [props2, state2] = qwik.useLexicalScope();
|
|
13
|
+
track(() => props2.repeatContext);
|
|
14
|
+
state2.store = props2.repeatContext;
|
|
15
|
+
}, "RepeatedBlock_component_useTask_gy7uLKXBUbk", [
|
|
16
|
+
props,
|
|
17
|
+
state
|
|
18
|
+
]));
|
|
11
19
|
return /* @__PURE__ */ qwik._jsxC(block.Block, {
|
|
12
20
|
get block() {
|
|
13
21
|
return props.block;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { componentQrl, inlinedQrl, useStore, useContextProvider, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
|
|
1
|
+
import { componentQrl, inlinedQrl, useStore, useContextProvider, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
|
|
2
2
|
import builderContext from "../../../context/builder.context.qwik.mjs";
|
|
3
3
|
import { Block } from "../block.qwik.mjs";
|
|
4
4
|
const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
@@ -6,6 +6,14 @@ const RepeatedBlock = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
|
|
|
6
6
|
store: props.repeatContext
|
|
7
7
|
});
|
|
8
8
|
useContextProvider(builderContext, state.store);
|
|
9
|
+
useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
|
|
10
|
+
const [props2, state2] = useLexicalScope();
|
|
11
|
+
track(() => props2.repeatContext);
|
|
12
|
+
state2.store = props2.repeatContext;
|
|
13
|
+
}, "RepeatedBlock_component_useTask_gy7uLKXBUbk", [
|
|
14
|
+
props,
|
|
15
|
+
state
|
|
16
|
+
]));
|
|
9
17
|
return /* @__PURE__ */ _jsxC(Block, {
|
|
10
18
|
get block() {
|
|
11
19
|
return props.block;
|
|
@@ -53,6 +53,8 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
|
|
|
53
53
|
}, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
|
|
54
54
|
props
|
|
55
55
|
]));
|
|
56
|
+
qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
57
|
+
}, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
|
|
56
58
|
return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
|
|
57
59
|
children: [
|
|
58
60
|
/* @__PURE__ */ qwik._jsxQ("picture", null, null, [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
|
|
1
|
+
import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _jsxC, Fragment, _jsxQ, _fnSignal, Slot } from "@builder.io/qwik";
|
|
2
2
|
import { getSrcSet } from "./image.helpers.qwik.mjs";
|
|
3
3
|
const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
4
4
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -51,6 +51,8 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
|
|
|
51
51
|
}, "Image_component_aspectRatioCss_useComputed_yJ1jG0g5fbw", [
|
|
52
52
|
props
|
|
53
53
|
]));
|
|
54
|
+
useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
55
|
+
}, "Image_component_useVisibleTask_pRTGrfPyv0Y"));
|
|
54
56
|
return /* @__PURE__ */ _jsxC(Fragment, {
|
|
55
57
|
children: [
|
|
56
58
|
/* @__PURE__ */ _jsxQ("picture", null, null, [
|
|
@@ -5,18 +5,22 @@ const contentVariants = require("../../components/content-variants/content-varia
|
|
|
5
5
|
const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
|
|
6
6
|
const symbol_helpers = require("./symbol.helpers.qwik.cjs");
|
|
7
7
|
const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
|
|
8
|
-
|
|
8
|
+
var _a;
|
|
9
|
+
if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
|
|
9
10
|
return;
|
|
10
11
|
symbol_helpers.fetchSymbolContent({
|
|
11
12
|
symbol: props.symbol,
|
|
12
13
|
builderContextValue: props.builderContext
|
|
13
14
|
}).then((newContent) => {
|
|
14
|
-
|
|
15
|
+
var _a2;
|
|
16
|
+
if (newContent) {
|
|
15
17
|
state.contentToUse = newContent;
|
|
18
|
+
state.symbolEntry = (_a2 = props.symbol) == null ? void 0 : _a2.entry;
|
|
19
|
+
}
|
|
16
20
|
});
|
|
17
21
|
};
|
|
18
22
|
const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
|
|
19
|
-
var _a;
|
|
23
|
+
var _a, _b;
|
|
20
24
|
const blocksWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
21
25
|
return "div";
|
|
22
26
|
}, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
|
|
@@ -24,19 +28,20 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
|
|
|
24
28
|
return "div";
|
|
25
29
|
}, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
|
|
26
30
|
const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
|
|
27
|
-
var _a2,
|
|
31
|
+
var _a2, _b2;
|
|
28
32
|
const [props2] = qwik.useLexicalScope();
|
|
29
33
|
return [
|
|
30
34
|
props2.attributes[getClassPropName.getClassPropName()],
|
|
31
35
|
"builder-symbol",
|
|
32
36
|
((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
|
|
33
|
-
((
|
|
37
|
+
((_b2 = props2.symbol) == null ? void 0 : _b2.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
|
|
34
38
|
].filter(Boolean).join(" ");
|
|
35
39
|
}, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
|
|
36
40
|
props
|
|
37
41
|
]));
|
|
38
42
|
const state = qwik.useStore({
|
|
39
|
-
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
|
|
43
|
+
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content,
|
|
44
|
+
symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
|
|
40
45
|
});
|
|
41
46
|
qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
|
|
42
47
|
const [blocksWrapper2, className2, contentWrapper2, props2, state2] = qwik.useLexicalScope();
|
|
@@ -73,11 +78,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
|
|
|
73
78
|
return Object.values(props.builderComponents);
|
|
74
79
|
},
|
|
75
80
|
get data() {
|
|
76
|
-
var _a2,
|
|
81
|
+
var _a2, _b2, _c;
|
|
77
82
|
return {
|
|
78
83
|
...(_a2 = props.symbol) == null ? void 0 : _a2.data,
|
|
79
84
|
...props.builderContext.localState,
|
|
80
|
-
...(_c = (
|
|
85
|
+
...(_c = (_b2 = state.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
81
86
|
};
|
|
82
87
|
},
|
|
83
88
|
get canTrack() {
|
|
@@ -131,11 +136,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
|
|
|
131
136
|
props
|
|
132
137
|
], "Object.values(p0.builderComponents)"),
|
|
133
138
|
data: qwik._fnSignal((p0, p1) => {
|
|
134
|
-
var _a2,
|
|
139
|
+
var _a2, _b2, _c;
|
|
135
140
|
return {
|
|
136
141
|
...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
|
|
137
142
|
...p0.builderContext.localState,
|
|
138
|
-
...(_c = (
|
|
143
|
+
...(_c = (_b2 = p1.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
139
144
|
};
|
|
140
145
|
}, [
|
|
141
146
|
props,
|
|
@@ -3,18 +3,22 @@ import { ContentVariants } from "../../components/content-variants/content-varia
|
|
|
3
3
|
import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
|
|
4
4
|
import { fetchSymbolContent } from "./symbol.helpers.qwik.mjs";
|
|
5
5
|
const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
|
|
6
|
-
|
|
6
|
+
var _a;
|
|
7
|
+
if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
|
|
7
8
|
return;
|
|
8
9
|
fetchSymbolContent({
|
|
9
10
|
symbol: props.symbol,
|
|
10
11
|
builderContextValue: props.builderContext
|
|
11
12
|
}).then((newContent) => {
|
|
12
|
-
|
|
13
|
+
var _a2;
|
|
14
|
+
if (newContent) {
|
|
13
15
|
state.contentToUse = newContent;
|
|
16
|
+
state.symbolEntry = (_a2 = props.symbol) == null ? void 0 : _a2.entry;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
};
|
|
16
20
|
const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
17
|
-
var _a;
|
|
21
|
+
var _a, _b;
|
|
18
22
|
const blocksWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
19
23
|
return "div";
|
|
20
24
|
}, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
|
|
@@ -22,19 +26,20 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
|
|
|
22
26
|
return "div";
|
|
23
27
|
}, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
|
|
24
28
|
const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
|
|
25
|
-
var _a2,
|
|
29
|
+
var _a2, _b2;
|
|
26
30
|
const [props2] = useLexicalScope();
|
|
27
31
|
return [
|
|
28
32
|
props2.attributes[getClassPropName()],
|
|
29
33
|
"builder-symbol",
|
|
30
34
|
((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
|
|
31
|
-
((
|
|
35
|
+
((_b2 = props2.symbol) == null ? void 0 : _b2.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
|
|
32
36
|
].filter(Boolean).join(" ");
|
|
33
37
|
}, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
|
|
34
38
|
props
|
|
35
39
|
]));
|
|
36
40
|
const state = useStore({
|
|
37
|
-
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
|
|
41
|
+
contentToUse: (_a = props.symbol) == null ? void 0 : _a.content,
|
|
42
|
+
symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
|
|
38
43
|
});
|
|
39
44
|
useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
|
|
40
45
|
const [blocksWrapper2, className2, contentWrapper2, props2, state2] = useLexicalScope();
|
|
@@ -71,11 +76,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
|
|
|
71
76
|
return Object.values(props.builderComponents);
|
|
72
77
|
},
|
|
73
78
|
get data() {
|
|
74
|
-
var _a2,
|
|
79
|
+
var _a2, _b2, _c;
|
|
75
80
|
return {
|
|
76
81
|
...(_a2 = props.symbol) == null ? void 0 : _a2.data,
|
|
77
82
|
...props.builderContext.localState,
|
|
78
|
-
...(_c = (
|
|
83
|
+
...(_c = (_b2 = state.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
79
84
|
};
|
|
80
85
|
},
|
|
81
86
|
get canTrack() {
|
|
@@ -129,11 +134,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
|
|
|
129
134
|
props
|
|
130
135
|
], "Object.values(p0.builderComponents)"),
|
|
131
136
|
data: _fnSignal((p0, p1) => {
|
|
132
|
-
var _a2,
|
|
137
|
+
var _a2, _b2, _c;
|
|
133
138
|
return {
|
|
134
139
|
...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
|
|
135
140
|
...p0.builderContext.localState,
|
|
136
|
-
...(_c = (
|
|
141
|
+
...(_c = (_b2 = p1.contentToUse) == null ? void 0 : _b2.data) == null ? void 0 : _c.state
|
|
137
142
|
};
|
|
138
143
|
}, [
|
|
139
144
|
props,
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const componentInfo = {
|
|
4
|
-
shouldReceiveBuilderProps: {
|
|
5
|
-
builderBlock: false,
|
|
6
|
-
builderContext: true
|
|
7
|
-
},
|
|
4
|
+
shouldReceiveBuilderProps: {},
|
|
8
5
|
name: "Text",
|
|
9
6
|
static: true,
|
|
10
7
|
isRSC: true,
|