@builder.io/sdk-qwik 0.18.4 → 0.18.9

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 (40) hide show
  1. package/lib/browser/blocks/columns/columns.qwik.cjs +1 -0
  2. package/lib/browser/blocks/columns/columns.qwik.mjs +1 -0
  3. package/lib/browser/blocks/image/component-info.qwik.cjs +5 -0
  4. package/lib/browser/blocks/image/component-info.qwik.mjs +5 -0
  5. package/lib/browser/blocks/image/image.qwik.cjs +4 -1
  6. package/lib/browser/blocks/image/image.qwik.mjs +4 -1
  7. package/lib/browser/components/block/components/component-ref/component-ref.qwik.cjs +9 -1
  8. package/lib/browser/components/block/components/component-ref/component-ref.qwik.mjs +10 -2
  9. package/lib/browser/components/blocks/blocks-wrapper.qwik.cjs +9 -1
  10. package/lib/browser/components/blocks/blocks-wrapper.qwik.mjs +10 -2
  11. package/lib/browser/constants/sdk-version.qwik.cjs +1 -1
  12. package/lib/browser/constants/sdk-version.qwik.mjs +1 -1
  13. package/lib/edge/blocks/columns/columns.qwik.cjs +1 -0
  14. package/lib/edge/blocks/columns/columns.qwik.mjs +1 -0
  15. package/lib/edge/blocks/image/component-info.qwik.cjs +5 -0
  16. package/lib/edge/blocks/image/component-info.qwik.mjs +5 -0
  17. package/lib/edge/blocks/image/image.qwik.cjs +4 -1
  18. package/lib/edge/blocks/image/image.qwik.mjs +4 -1
  19. package/lib/edge/components/block/components/component-ref/component-ref.qwik.cjs +9 -1
  20. package/lib/edge/components/block/components/component-ref/component-ref.qwik.mjs +10 -2
  21. package/lib/edge/components/blocks/blocks-wrapper.qwik.cjs +9 -1
  22. package/lib/edge/components/blocks/blocks-wrapper.qwik.mjs +10 -2
  23. package/lib/edge/constants/sdk-version.qwik.cjs +1 -1
  24. package/lib/edge/constants/sdk-version.qwik.mjs +1 -1
  25. package/lib/node/blocks/columns/columns.qwik.cjs +1 -0
  26. package/lib/node/blocks/columns/columns.qwik.mjs +1 -0
  27. package/lib/node/blocks/image/component-info.qwik.cjs +5 -0
  28. package/lib/node/blocks/image/component-info.qwik.mjs +5 -0
  29. package/lib/node/blocks/image/image.qwik.cjs +4 -1
  30. package/lib/node/blocks/image/image.qwik.mjs +4 -1
  31. package/lib/node/components/block/components/component-ref/component-ref.qwik.cjs +9 -1
  32. package/lib/node/components/block/components/component-ref/component-ref.qwik.mjs +10 -2
  33. package/lib/node/components/blocks/blocks-wrapper.qwik.cjs +9 -1
  34. package/lib/node/components/blocks/blocks-wrapper.qwik.mjs +10 -2
  35. package/lib/node/constants/sdk-version.qwik.cjs +1 -1
  36. package/lib/node/constants/sdk-version.qwik.mjs +1 -1
  37. package/package.json +1 -1
  38. package/types/src/blocks/columns/columns.d.ts +1 -1
  39. package/types/src/blocks/image/image.types.d.ts +1 -0
  40. package/types/src/constants/sdk-version.d.ts +1 -1
@@ -210,6 +210,7 @@ const STYLES = `
210
210
  .div-Columns {
211
211
  display: flex;
212
212
  line-height: normal;
213
+ height: 100%;
213
214
  }
214
215
  `;
215
216
  exports.Columns = Columns;
@@ -208,6 +208,7 @@ const STYLES = `
208
208
  .div-Columns {
209
209
  display: flex;
210
210
  line-height: normal;
211
+ height: 100%;
211
212
  }
212
213
  `;
213
214
  export {
@@ -103,6 +103,11 @@ const componentInfo = {
103
103
  type: "string",
104
104
  helperText: "Text to display when the user has images off"
105
105
  },
106
+ {
107
+ name: "title",
108
+ type: "string",
109
+ helperText: "Text to display when hovering over the asset"
110
+ },
106
111
  {
107
112
  name: "height",
108
113
  type: "number",
@@ -101,6 +101,11 @@ const componentInfo = {
101
101
  type: "string",
102
102
  helperText: "Text to display when the user has images off"
103
103
  },
104
+ {
105
+ name: "title",
106
+ type: "string",
107
+ helperText: "Text to display when hovering over the asset"
108
+ },
104
109
  {
105
110
  name: "height",
106
111
  type: "number",
@@ -94,7 +94,10 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
94
94
  }), [
95
95
  aspectRatioCss,
96
96
  props
97
- ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
97
+ ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
98
+ title: qwik._fnSignal((p0) => p0.title, [
99
+ props
100
+ ], "p0.title")
98
101
  }, null, 3, null)
99
102
  ], 1, null),
100
103
  props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -92,7 +92,10 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
92
92
  }), [
93
93
  aspectRatioCss,
94
94
  props
95
- ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
95
+ ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
96
+ title: _fnSignal((p0) => p0.title, [
97
+ props
98
+ ], "p0.title")
96
99
  }, null, 3, null)
97
100
  ], 1, null),
98
101
  props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {
@@ -7,8 +7,16 @@ const interactiveElement = require("../interactive-element.qwik.cjs");
7
7
  const componentRef_helpers = require("./component-ref.helpers.qwik.cjs");
8
8
  const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
9
9
  const state = qwik.useStore({
10
- Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef
10
+ Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef,
11
+ shouldUpdate: false
11
12
  });
13
+ qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
14
+ const [props2] = qwik.useLexicalScope();
15
+ track(() => props2.componentOptions);
16
+ track(() => props2.blockChildren);
17
+ }, "ComponentRef_component_useTask_IpU82pM3MjU", [
18
+ props
19
+ ]));
12
20
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
13
21
  children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
14
22
  ...componentRef_helpers.getWrapperProps({
@@ -1,12 +1,20 @@
1
- import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStore, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  import { Block } from "../../block.qwik.mjs";
4
4
  import { InteractiveElement } from "../interactive-element.qwik.mjs";
5
5
  import { getWrapperProps } from "./component-ref.helpers.qwik.mjs";
6
6
  const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
7
7
  const state = useStore({
8
- Wrapper: props.isInteractive ? InteractiveElement : props.componentRef
8
+ Wrapper: props.isInteractive ? InteractiveElement : props.componentRef,
9
+ shouldUpdate: false
9
10
  });
11
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
12
+ const [props2] = useLexicalScope();
13
+ track(() => props2.componentOptions);
14
+ track(() => props2.blockChildren);
15
+ }, "ComponentRef_component_useTask_IpU82pM3MjU", [
16
+ props
17
+ ]));
10
18
  return /* @__PURE__ */ _jsxC(Fragment, {
11
19
  children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
12
20
  ...getWrapperProps({
@@ -48,9 +48,17 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
48
48
  props
49
49
  ]));
50
50
  const blocksWrapperRef = qwik.useSignal();
51
- const state = {};
51
+ const state = qwik.useStore({
52
+ shouldUpdate: false
53
+ });
52
54
  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
53
55
  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
56
+ qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
57
+ const [props2] = qwik.useLexicalScope();
58
+ track(() => props2.blocks);
59
+ }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
60
+ props
61
+ ]));
54
62
  return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
55
63
  ref: blocksWrapperRef,
56
64
  get class() {
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useStore, useVisibleTaskQrl, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
2
2
  import { isEditing } from "../../functions/is-editing.qwik.mjs";
3
3
  const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
4
4
  var _a, _b;
@@ -46,9 +46,17 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
46
46
  props
47
47
  ]));
48
48
  const blocksWrapperRef = useSignal();
49
- const state = {};
49
+ const state = useStore({
50
+ shouldUpdate: false
51
+ });
50
52
  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
51
53
  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
54
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
55
+ const [props2] = useLexicalScope();
56
+ track(() => props2.blocks);
57
+ }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
58
+ props
59
+ ]));
52
60
  return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
53
61
  ref: blocksWrapperRef,
54
62
  get class() {
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const SDK_VERSION = "0.18.4";
3
+ const SDK_VERSION = "0.18.9";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.4";
1
+ const SDK_VERSION = "0.18.9";
2
2
  export {
3
3
  SDK_VERSION
4
4
  };
@@ -210,6 +210,7 @@ const STYLES = `
210
210
  .div-Columns {
211
211
  display: flex;
212
212
  line-height: normal;
213
+ height: 100%;
213
214
  }
214
215
  `;
215
216
  exports.Columns = Columns;
@@ -208,6 +208,7 @@ const STYLES = `
208
208
  .div-Columns {
209
209
  display: flex;
210
210
  line-height: normal;
211
+ height: 100%;
211
212
  }
212
213
  `;
213
214
  export {
@@ -103,6 +103,11 @@ const componentInfo = {
103
103
  type: "string",
104
104
  helperText: "Text to display when the user has images off"
105
105
  },
106
+ {
107
+ name: "title",
108
+ type: "string",
109
+ helperText: "Text to display when hovering over the asset"
110
+ },
106
111
  {
107
112
  name: "height",
108
113
  type: "number",
@@ -101,6 +101,11 @@ const componentInfo = {
101
101
  type: "string",
102
102
  helperText: "Text to display when the user has images off"
103
103
  },
104
+ {
105
+ name: "title",
106
+ type: "string",
107
+ helperText: "Text to display when hovering over the asset"
108
+ },
104
109
  {
105
110
  name: "height",
106
111
  type: "number",
@@ -94,7 +94,10 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
94
94
  }), [
95
95
  aspectRatioCss,
96
96
  props
97
- ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
97
+ ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
98
+ title: qwik._fnSignal((p0) => p0.title, [
99
+ props
100
+ ], "p0.title")
98
101
  }, null, 3, null)
99
102
  ], 1, null),
100
103
  props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -92,7 +92,10 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
92
92
  }), [
93
93
  aspectRatioCss,
94
94
  props
95
- ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
95
+ ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
96
+ title: _fnSignal((p0) => p0.title, [
97
+ props
98
+ ], "p0.title")
96
99
  }, null, 3, null)
97
100
  ], 1, null),
98
101
  props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {
@@ -7,8 +7,16 @@ const interactiveElement = require("../interactive-element.qwik.cjs");
7
7
  const componentRef_helpers = require("./component-ref.helpers.qwik.cjs");
8
8
  const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
9
9
  const state = qwik.useStore({
10
- Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef
10
+ Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef,
11
+ shouldUpdate: false
11
12
  });
13
+ qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
14
+ const [props2] = qwik.useLexicalScope();
15
+ track(() => props2.componentOptions);
16
+ track(() => props2.blockChildren);
17
+ }, "ComponentRef_component_useTask_IpU82pM3MjU", [
18
+ props
19
+ ]));
12
20
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
13
21
  children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
14
22
  ...componentRef_helpers.getWrapperProps({
@@ -1,12 +1,20 @@
1
- import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStore, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  import { Block } from "../../block.qwik.mjs";
4
4
  import { InteractiveElement } from "../interactive-element.qwik.mjs";
5
5
  import { getWrapperProps } from "./component-ref.helpers.qwik.mjs";
6
6
  const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
7
7
  const state = useStore({
8
- Wrapper: props.isInteractive ? InteractiveElement : props.componentRef
8
+ Wrapper: props.isInteractive ? InteractiveElement : props.componentRef,
9
+ shouldUpdate: false
9
10
  });
11
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
12
+ const [props2] = useLexicalScope();
13
+ track(() => props2.componentOptions);
14
+ track(() => props2.blockChildren);
15
+ }, "ComponentRef_component_useTask_IpU82pM3MjU", [
16
+ props
17
+ ]));
10
18
  return /* @__PURE__ */ _jsxC(Fragment, {
11
19
  children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
12
20
  ...getWrapperProps({
@@ -48,9 +48,17 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
48
48
  props
49
49
  ]));
50
50
  const blocksWrapperRef = qwik.useSignal();
51
- const state = {};
51
+ const state = qwik.useStore({
52
+ shouldUpdate: false
53
+ });
52
54
  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
53
55
  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
56
+ qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
57
+ const [props2] = qwik.useLexicalScope();
58
+ track(() => props2.blocks);
59
+ }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
60
+ props
61
+ ]));
54
62
  return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
55
63
  ref: blocksWrapperRef,
56
64
  get class() {
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useStore, useVisibleTaskQrl, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
2
2
  import { isEditing } from "../../functions/is-editing.qwik.mjs";
3
3
  const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
4
4
  var _a, _b;
@@ -46,9 +46,17 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
46
46
  props
47
47
  ]));
48
48
  const blocksWrapperRef = useSignal();
49
- const state = {};
49
+ const state = useStore({
50
+ shouldUpdate: false
51
+ });
50
52
  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
51
53
  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
54
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
55
+ const [props2] = useLexicalScope();
56
+ track(() => props2.blocks);
57
+ }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
58
+ props
59
+ ]));
52
60
  return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
53
61
  ref: blocksWrapperRef,
54
62
  get class() {
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const SDK_VERSION = "0.18.4";
3
+ const SDK_VERSION = "0.18.9";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.4";
1
+ const SDK_VERSION = "0.18.9";
2
2
  export {
3
3
  SDK_VERSION
4
4
  };
@@ -210,6 +210,7 @@ const STYLES = `
210
210
  .div-Columns {
211
211
  display: flex;
212
212
  line-height: normal;
213
+ height: 100%;
213
214
  }
214
215
  `;
215
216
  exports.Columns = Columns;
@@ -208,6 +208,7 @@ const STYLES = `
208
208
  .div-Columns {
209
209
  display: flex;
210
210
  line-height: normal;
211
+ height: 100%;
211
212
  }
212
213
  `;
213
214
  export {
@@ -103,6 +103,11 @@ const componentInfo = {
103
103
  type: "string",
104
104
  helperText: "Text to display when the user has images off"
105
105
  },
106
+ {
107
+ name: "title",
108
+ type: "string",
109
+ helperText: "Text to display when hovering over the asset"
110
+ },
106
111
  {
107
112
  name: "height",
108
113
  type: "number",
@@ -101,6 +101,11 @@ const componentInfo = {
101
101
  type: "string",
102
102
  helperText: "Text to display when the user has images off"
103
103
  },
104
+ {
105
+ name: "title",
106
+ type: "string",
107
+ helperText: "Text to display when hovering over the asset"
108
+ },
104
109
  {
105
110
  name: "height",
106
111
  type: "number",
@@ -94,7 +94,10 @@ const Image = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
94
94
  }), [
95
95
  aspectRatioCss,
96
96
  props
97
- ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
97
+ ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
98
+ title: qwik._fnSignal((p0) => p0.title, [
99
+ props
100
+ ], "p0.title")
98
101
  }, null, 3, null)
99
102
  ], 1, null),
100
103
  props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -92,7 +92,10 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
92
92
  }), [
93
93
  aspectRatioCss,
94
94
  props
95
- ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}')
95
+ ], '{objectPosition:p1.backgroundPosition||"center",objectFit:p1.backgroundSize||"cover",...p0.value}'),
96
+ title: _fnSignal((p0) => p0.title, [
97
+ props
98
+ ], "p0.title")
96
99
  }, null, 3, null)
97
100
  ], 1, null),
98
101
  props.aspectRatio && !(((_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.length) && props.fitContent) ? /* @__PURE__ */ _jsxQ("div", null, {
@@ -7,8 +7,16 @@ const interactiveElement = require("../interactive-element.qwik.cjs");
7
7
  const componentRef_helpers = require("./component-ref.helpers.qwik.cjs");
8
8
  const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
9
9
  const state = qwik.useStore({
10
- Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef
10
+ Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef,
11
+ shouldUpdate: false
11
12
  });
13
+ qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
14
+ const [props2] = qwik.useLexicalScope();
15
+ track(() => props2.componentOptions);
16
+ track(() => props2.blockChildren);
17
+ }, "ComponentRef_component_useTask_IpU82pM3MjU", [
18
+ props
19
+ ]));
12
20
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
13
21
  children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
14
22
  ...componentRef_helpers.getWrapperProps({
@@ -1,12 +1,20 @@
1
- import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStore, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  import { Block } from "../../block.qwik.mjs";
4
4
  import { InteractiveElement } from "../interactive-element.qwik.mjs";
5
5
  import { getWrapperProps } from "./component-ref.helpers.qwik.mjs";
6
6
  const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
7
7
  const state = useStore({
8
- Wrapper: props.isInteractive ? InteractiveElement : props.componentRef
8
+ Wrapper: props.isInteractive ? InteractiveElement : props.componentRef,
9
+ shouldUpdate: false
9
10
  });
11
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
12
+ const [props2] = useLexicalScope();
13
+ track(() => props2.componentOptions);
14
+ track(() => props2.blockChildren);
15
+ }, "ComponentRef_component_useTask_IpU82pM3MjU", [
16
+ props
17
+ ]));
10
18
  return /* @__PURE__ */ _jsxC(Fragment, {
11
19
  children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
12
20
  ...getWrapperProps({
@@ -48,9 +48,17 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
48
48
  props
49
49
  ]));
50
50
  const blocksWrapperRef = qwik.useSignal();
51
- const state = {};
51
+ const state = qwik.useStore({
52
+ shouldUpdate: false
53
+ });
52
54
  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
53
55
  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
56
+ qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
57
+ const [props2] = qwik.useLexicalScope();
58
+ track(() => props2.blocks);
59
+ }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
60
+ props
61
+ ]));
54
62
  return /* @__PURE__ */ qwik._jsxC(props.BlocksWrapper, {
55
63
  ref: blocksWrapperRef,
56
64
  get class() {
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useStore, useVisibleTaskQrl, useTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
2
2
  import { isEditing } from "../../functions/is-editing.qwik.mjs";
3
3
  const onClick = function onClick2(props, state, className, dataPath, blocksWrapperRef) {
4
4
  var _a, _b;
@@ -46,9 +46,17 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
46
46
  props
47
47
  ]));
48
48
  const blocksWrapperRef = useSignal();
49
- const state = {};
49
+ const state = useStore({
50
+ shouldUpdate: false
51
+ });
50
52
  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
51
53
  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
54
+ useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
55
+ const [props2] = useLexicalScope();
56
+ track(() => props2.blocks);
57
+ }, "BlocksWrapper_component_useTask_MRcgThpiGRc", [
58
+ props
59
+ ]));
52
60
  return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
53
61
  ref: blocksWrapperRef,
54
62
  get class() {
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const SDK_VERSION = "0.18.4";
3
+ const SDK_VERSION = "0.18.9";
4
4
  exports.SDK_VERSION = SDK_VERSION;
@@ -1,4 +1,4 @@
1
- const SDK_VERSION = "0.18.4";
1
+ const SDK_VERSION = "0.18.9";
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.4",
3
+ "version": "0.18.9",
4
4
  "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
5
5
  "repository": {
6
6
  "type": "git",
@@ -23,4 +23,4 @@ export declare const getAttributes: (props: any, state: any, gutterSize: any, co
23
23
  };
24
24
  export declare const Columns: import("@builder.io/qwik").Component<ColumnProps>;
25
25
  export default Columns;
26
- export declare const STYLES = "\n.div-Columns {\n display: flex;\n line-height: normal;\n}\n";
26
+ export declare const STYLES = "\n.div-Columns {\n display: flex;\n line-height: normal;\n height: 100%;\n}\n";
@@ -9,6 +9,7 @@ export interface ImageProps {
9
9
  height?: number;
10
10
  width?: number;
11
11
  altText?: string;
12
+ title?: string;
12
13
  backgroundSize?: 'cover' | 'contain';
13
14
  backgroundPosition?: string;
14
15
  srcset?: string;
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.18.4";
1
+ export declare const SDK_VERSION = "0.18.9";