@builder.io/sdk-qwik 0.18.10 → 0.18.11

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 (45) 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/text/component-info.qwik.cjs +1 -4
  4. package/lib/browser/blocks/text/component-info.qwik.mjs +1 -4
  5. package/lib/browser/components/block/block.helpers.qwik.cjs +4 -0
  6. package/lib/browser/components/block/block.helpers.qwik.mjs +4 -0
  7. package/lib/browser/components/block/block.qwik.cjs +2 -2
  8. package/lib/browser/components/block/block.qwik.mjs +3 -3
  9. package/lib/browser/components/block/components/interactive-element.qwik.cjs +7 -1
  10. package/lib/browser/components/block/components/interactive-element.qwik.mjs +7 -1
  11. package/lib/browser/components/block/components/repeated-block.qwik.cjs +8 -0
  12. package/lib/browser/components/block/components/repeated-block.qwik.mjs +9 -1
  13. package/lib/browser/constants/sdk-version.qwik.cjs +1 -1
  14. package/lib/browser/constants/sdk-version.qwik.mjs +1 -1
  15. package/lib/edge/blocks/image/image.qwik.cjs +2 -0
  16. package/lib/edge/blocks/image/image.qwik.mjs +3 -1
  17. package/lib/edge/blocks/text/component-info.qwik.cjs +1 -4
  18. package/lib/edge/blocks/text/component-info.qwik.mjs +1 -4
  19. package/lib/edge/components/block/block.helpers.qwik.cjs +4 -0
  20. package/lib/edge/components/block/block.helpers.qwik.mjs +4 -0
  21. package/lib/edge/components/block/block.qwik.cjs +2 -2
  22. package/lib/edge/components/block/block.qwik.mjs +3 -3
  23. package/lib/edge/components/block/components/interactive-element.qwik.cjs +7 -1
  24. package/lib/edge/components/block/components/interactive-element.qwik.mjs +7 -1
  25. package/lib/edge/components/block/components/repeated-block.qwik.cjs +8 -0
  26. package/lib/edge/components/block/components/repeated-block.qwik.mjs +9 -1
  27. package/lib/edge/constants/sdk-version.qwik.cjs +1 -1
  28. package/lib/edge/constants/sdk-version.qwik.mjs +1 -1
  29. package/lib/node/blocks/image/image.qwik.cjs +2 -0
  30. package/lib/node/blocks/image/image.qwik.mjs +3 -1
  31. package/lib/node/blocks/text/component-info.qwik.cjs +1 -4
  32. package/lib/node/blocks/text/component-info.qwik.mjs +1 -4
  33. package/lib/node/components/block/block.helpers.qwik.cjs +4 -0
  34. package/lib/node/components/block/block.helpers.qwik.mjs +4 -0
  35. package/lib/node/components/block/block.qwik.cjs +2 -2
  36. package/lib/node/components/block/block.qwik.mjs +3 -3
  37. package/lib/node/components/block/components/interactive-element.qwik.cjs +7 -1
  38. package/lib/node/components/block/components/interactive-element.qwik.mjs +7 -1
  39. package/lib/node/components/block/components/repeated-block.qwik.cjs +8 -0
  40. package/lib/node/components/block/components/repeated-block.qwik.mjs +9 -1
  41. package/lib/node/constants/sdk-version.qwik.cjs +1 -1
  42. package/lib/node/constants/sdk-version.qwik.mjs +1 -1
  43. package/package.json +1 -1
  44. package/types/src/components/block/block.helpers.d.ts +1 -0
  45. 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, [
@@ -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,12 @@ 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
+ ]));
28
34
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
29
35
  children: props.Wrapper.load ? /* @__PURE__ */ qwik._jsxC(awaiter.Awaiter, {
30
36
  get load() {
@@ -55,7 +61,7 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
55
61
  ], "p0.wrapperProps")
56
62
  }
57
63
  }, 1, "q0_1") : /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
58
- ...props.wrapperProps,
64
+ ...targetWrapperProps.value,
59
65
  get attributes() {
60
66
  return attributes.value;
61
67
  },
@@ -23,6 +23,12 @@ 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
+ ]));
26
32
  return /* @__PURE__ */ _jsxC(Fragment, {
27
33
  children: props.Wrapper.load ? /* @__PURE__ */ _jsxC(Awaiter, {
28
34
  get load() {
@@ -53,7 +59,7 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
53
59
  ], "p0.wrapperProps")
54
60
  }
55
61
  }, 1, "q0_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
56
- ...props.wrapperProps,
62
+ ...targetWrapperProps.value,
57
63
  get attributes() {
58
64
  return attributes.value;
59
65
  },
@@ -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.11";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.10";
1
+ const SDK_VERSION = "0.18.11";
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, [
@@ -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,12 @@ 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
+ ]));
28
34
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
29
35
  children: props.Wrapper.load ? /* @__PURE__ */ qwik._jsxC(awaiter.Awaiter, {
30
36
  get load() {
@@ -55,7 +61,7 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
55
61
  ], "p0.wrapperProps")
56
62
  }
57
63
  }, 1, "q0_1") : /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
58
- ...props.wrapperProps,
64
+ ...targetWrapperProps.value,
59
65
  get attributes() {
60
66
  return attributes.value;
61
67
  },
@@ -23,6 +23,12 @@ 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
+ ]));
26
32
  return /* @__PURE__ */ _jsxC(Fragment, {
27
33
  children: props.Wrapper.load ? /* @__PURE__ */ _jsxC(Awaiter, {
28
34
  get load() {
@@ -53,7 +59,7 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
53
59
  ], "p0.wrapperProps")
54
60
  }
55
61
  }, 1, "q0_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
56
- ...props.wrapperProps,
62
+ ...targetWrapperProps.value,
57
63
  get attributes() {
58
64
  return attributes.value;
59
65
  },
@@ -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.11";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.10";
1
+ const SDK_VERSION = "0.18.11";
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, [
@@ -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,12 @@ 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
+ ]));
28
34
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
29
35
  children: props.Wrapper.load ? /* @__PURE__ */ qwik._jsxC(awaiter.Awaiter, {
30
36
  get load() {
@@ -55,7 +61,7 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
55
61
  ], "p0.wrapperProps")
56
62
  }
57
63
  }, 1, "q0_1") : /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
58
- ...props.wrapperProps,
64
+ ...targetWrapperProps.value,
59
65
  get attributes() {
60
66
  return attributes.value;
61
67
  },
@@ -23,6 +23,12 @@ 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
+ ]));
26
32
  return /* @__PURE__ */ _jsxC(Fragment, {
27
33
  children: props.Wrapper.load ? /* @__PURE__ */ _jsxC(Awaiter, {
28
34
  get load() {
@@ -53,7 +59,7 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
53
59
  ], "p0.wrapperProps")
54
60
  }
55
61
  }, 1, "q0_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
56
- ...props.wrapperProps,
62
+ ...targetWrapperProps.value,
57
63
  get attributes() {
58
64
  return attributes.value;
59
65
  },
@@ -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.11";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.10";
1
+ const SDK_VERSION = "0.18.11";
2
2
  export {
3
3
  SDK_VERSION
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-qwik",
3
- "version": "0.18.10",
3
+ "version": "0.18.11",
4
4
  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
5
5
  "repository": {
6
6
  "type": "git",
@@ -36,3 +36,4 @@ export declare const provideBuilderContext: (block: RegisteredComponent | null |
36
36
  } | {
37
37
  builderContext?: undefined;
38
38
  };
39
+ export declare const generateKey: (index: number) => string;
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.18.10";
1
+ export declare const SDK_VERSION = "0.18.11";