@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.
Files changed (51) hide show
  1. package/lib/browser/blocks/image/image.qwik.cjs +2 -0
  2. package/lib/browser/blocks/image/image.qwik.mjs +3 -1
  3. package/lib/browser/blocks/symbol/symbol.qwik.cjs +15 -10
  4. package/lib/browser/blocks/symbol/symbol.qwik.mjs +15 -10
  5. package/lib/browser/blocks/text/component-info.qwik.cjs +1 -4
  6. package/lib/browser/blocks/text/component-info.qwik.mjs +1 -4
  7. package/lib/browser/components/block/block.helpers.qwik.cjs +4 -0
  8. package/lib/browser/components/block/block.helpers.qwik.mjs +4 -0
  9. package/lib/browser/components/block/block.qwik.cjs +2 -2
  10. package/lib/browser/components/block/block.qwik.mjs +3 -3
  11. package/lib/browser/components/block/components/interactive-element.qwik.cjs +27 -13
  12. package/lib/browser/components/block/components/interactive-element.qwik.mjs +28 -14
  13. package/lib/browser/components/block/components/repeated-block.qwik.cjs +8 -0
  14. package/lib/browser/components/block/components/repeated-block.qwik.mjs +9 -1
  15. package/lib/browser/constants/sdk-version.qwik.cjs +1 -1
  16. package/lib/browser/constants/sdk-version.qwik.mjs +1 -1
  17. package/lib/edge/blocks/image/image.qwik.cjs +2 -0
  18. package/lib/edge/blocks/image/image.qwik.mjs +3 -1
  19. package/lib/edge/blocks/symbol/symbol.qwik.cjs +15 -10
  20. package/lib/edge/blocks/symbol/symbol.qwik.mjs +15 -10
  21. package/lib/edge/blocks/text/component-info.qwik.cjs +1 -4
  22. package/lib/edge/blocks/text/component-info.qwik.mjs +1 -4
  23. package/lib/edge/components/block/block.helpers.qwik.cjs +4 -0
  24. package/lib/edge/components/block/block.helpers.qwik.mjs +4 -0
  25. package/lib/edge/components/block/block.qwik.cjs +2 -2
  26. package/lib/edge/components/block/block.qwik.mjs +3 -3
  27. package/lib/edge/components/block/components/interactive-element.qwik.cjs +27 -13
  28. package/lib/edge/components/block/components/interactive-element.qwik.mjs +28 -14
  29. package/lib/edge/components/block/components/repeated-block.qwik.cjs +8 -0
  30. package/lib/edge/components/block/components/repeated-block.qwik.mjs +9 -1
  31. package/lib/edge/constants/sdk-version.qwik.cjs +1 -1
  32. package/lib/edge/constants/sdk-version.qwik.mjs +1 -1
  33. package/lib/node/blocks/image/image.qwik.cjs +2 -0
  34. package/lib/node/blocks/image/image.qwik.mjs +3 -1
  35. package/lib/node/blocks/symbol/symbol.qwik.cjs +15 -10
  36. package/lib/node/blocks/symbol/symbol.qwik.mjs +15 -10
  37. package/lib/node/blocks/text/component-info.qwik.cjs +1 -4
  38. package/lib/node/blocks/text/component-info.qwik.mjs +1 -4
  39. package/lib/node/components/block/block.helpers.qwik.cjs +4 -0
  40. package/lib/node/components/block/block.helpers.qwik.mjs +4 -0
  41. package/lib/node/components/block/block.qwik.cjs +2 -2
  42. package/lib/node/components/block/block.qwik.mjs +3 -3
  43. package/lib/node/components/block/components/interactive-element.qwik.cjs +27 -13
  44. package/lib/node/components/block/components/interactive-element.qwik.mjs +28 -14
  45. package/lib/node/components/block/components/repeated-block.qwik.cjs +8 -0
  46. package/lib/node/components/block/components/repeated-block.qwik.mjs +9 -1
  47. package/lib/node/constants/sdk-version.qwik.cjs +1 -1
  48. package/lib/node/constants/sdk-version.qwik.mjs +1 -1
  49. package/package.json +1 -1
  50. package/types/src/components/block/block.helpers.d.ts +1 -0
  51. 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
- if (state.contentToUse)
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
- if (newContent)
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, _b;
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
- ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
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, _b, _c;
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 = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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, _b, _c;
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 = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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
- if (state.contentToUse)
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
- if (newContent)
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, _b;
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
- ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
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, _b, _c;
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 = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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, _b, _c;
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 = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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,
@@ -1,8 +1,5 @@
1
1
  const componentInfo = {
2
- shouldReceiveBuilderProps: {
3
- builderBlock: false,
4
- builderContext: true
5
- },
2
+ shouldReceiveBuilderProps: {},
6
3
  name: "Text",
7
4
  static: true,
8
5
  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;
@@ -86,7 +86,11 @@ const provideBuilderContext = (block, context) => {
86
86
  };
87
87
  return {};
88
88
  };
89
+ const generateKey = (index) => {
90
+ return index.toString();
91
+ };
89
92
  export {
93
+ generateKey,
90
94
  getComponent,
91
95
  getRepeatItemData,
92
96
  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._jsxC(props.Wrapper, {
58
- ...props.wrapperProps,
59
- get attributes() {
60
- return attributes.value;
61
- },
62
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_2"),
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__ */ _jsxC(props.Wrapper, {
56
- ...props.wrapperProps,
57
- get attributes() {
58
- return attributes.value;
59
- },
60
- children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_2"),
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;
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const SDK_VERSION = "0.18.10";
3
+ const SDK_VERSION = "0.18.12";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.10";
1
+ const SDK_VERSION = "0.18.12";
2
2
  export {
3
3
  SDK_VERSION
4
4
  };
@@ -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
- if (state.contentToUse)
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
- if (newContent)
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, _b;
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
- ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
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, _b, _c;
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 = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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, _b, _c;
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 = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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
- if (state.contentToUse)
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
- if (newContent)
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, _b;
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
- ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
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, _b, _c;
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 = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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, _b, _c;
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 = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
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,
@@ -1,8 +1,5 @@
1
1
  const componentInfo = {
2
- shouldReceiveBuilderProps: {
3
- builderBlock: false,
4
- builderContext: true
5
- },
2
+ shouldReceiveBuilderProps: {},
6
3
  name: "Text",
7
4
  static: true,
8
5
  isRSC: true,