@builder.io/sdk-qwik 0.21.1 → 0.22.1

package/lib/browser/blocks/img/component-info.qwik.cjs

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileTypes = require("../../constants/file-types.qwik.cjs");
 const componentInfo = {
-  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -13,9 +12,58 @@ const componentInfo = {
       type: "file",
       allowedFileTypes: fileTypes.IMAGE_FILE_TYPES,
       required: true
+    },
+    {
+      name: "backgroundSize",
+      type: "text",
+      defaultValue: "cover",
+      enum: [
+        {
+          label: "contain",
+          value: "contain",
+          helperText: "The image should never get cropped"
+        },
+        {
+          label: "cover",
+          value: "cover",
+          helperText: "The image should fill it's box, cropping when needed"
+        }
+      ]
+    },
+    {
+      name: "backgroundPosition",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "altText",
+      type: "string",
+      helperText: "Text to display when the user has images off"
+    },
+    {
+      name: "title",
+      type: "string",
+      helperText: "Text to display when hovering over the asset"
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+      advanced: true,
+      defaultValue: 0.7041
     }
   ],
-  noWrap: true,
-  static: true
+  noWrap: true
 };
 exports.componentInfo = componentInfo;

package/lib/browser/blocks/img/component-info.qwik.mjs

@@ -1,6 +1,5 @@
 import { IMAGE_FILE_TYPES } from "../../constants/file-types.qwik.mjs";
 const componentInfo = {
-  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -11,10 +10,59 @@ const componentInfo = {
       type: "file",
       allowedFileTypes: IMAGE_FILE_TYPES,
       required: true
+    },
+    {
+      name: "backgroundSize",
+      type: "text",
+      defaultValue: "cover",
+      enum: [
+        {
+          label: "contain",
+          value: "contain",
+          helperText: "The image should never get cropped"
+        },
+        {
+          label: "cover",
+          value: "cover",
+          helperText: "The image should fill it's box, cropping when needed"
+        }
+      ]
+    },
+    {
+      name: "backgroundPosition",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "altText",
+      type: "string",
+      helperText: "Text to display when the user has images off"
+    },
+    {
+      name: "title",
+      type: "string",
+      helperText: "Text to display when hovering over the asset"
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+      advanced: true,
+      defaultValue: 0.7041
     }
   ],
-  noWrap: true,
-  static: true
+  noWrap: true
 };
 export {
   componentInfo

package/lib/browser/blocks/img/img.qwik.cjs

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
+const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
 const isEditing = require("../../functions/is-editing.qwik.cjs");
 const image_helpers = require("../image/image.helpers.qwik.cjs");
 const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const srcSetToUse = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  var _a;
+  qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     const [props2] = qwik.useLexicalScope();
     const url = props2.imgSrc || props2.image;
     if (!url || typeof url !== "string")
@@ -15,8 +17,25 @@ const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   }, "ImgComponent_component_srcSetToUse_useComputed_z7PUtkds7Q0", [
     props
   ]));
+  const imgAttrs = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    const attrs = {
+      ...props2.attributes,
+      [getClassPropName.getClassPropName()]: `builder-raw-img ${props2.attributes[getClassPropName.getClassPropName()] || ""}`
+    };
+    delete attrs.style;
+    return attrs;
+  }, "ImgComponent_component_imgAttrs_useComputed_VIloKDVy6OI", [
+    props
+  ]));
   return /* @__PURE__ */ qwik._jsxS("img", {
-    ...props.attributes
+    ...imgAttrs.value,
+    style: {
+      objectFit: props.backgroundSize || "cover",
+      objectPosition: props.backgroundPosition || "center",
+      aspectRatio: props.aspectRatio || void 0,
+      ...((_a = props.attributes) == null ? void 0 : _a.style) || {}
+    }
   }, {
     alt: qwik._fnSignal((p0) => p0.altText, [
       props
@@ -25,15 +44,9 @@ const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     src: qwik._fnSignal((p0) => p0.imgSrc || p0.image, [
       props
     ], "p0.imgSrc||p0.image"),
-    srcSet: qwik._fnSignal((p0) => p0.value, [
-      srcSetToUse
-    ], "p0.value"),
-    style: qwik._fnSignal((p0) => ({
-      objectFit: p0.backgroundSize || "cover",
-      objectPosition: p0.backgroundPosition || "center"
-    }), [
+    title: qwik._fnSignal((p0) => p0.title, [
       props
-    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+    ], "p0.title")
   }, 0, isEditing.isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
 exports.ImgComponent = ImgComponent;

package/lib/browser/blocks/img/img.qwik.mjs

@@ -1,8 +1,10 @@
 import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, _jsxS, _fnSignal } from "@builder.io/qwik";
+import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
 import { getSrcSet } from "../image/image.helpers.qwik.mjs";
 const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const srcSetToUse = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  var _a;
+  useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     const [props2] = useLexicalScope();
     const url = props2.imgSrc || props2.image;
     if (!url || typeof url !== "string")
@@ -13,8 +15,25 @@ const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, "ImgComponent_component_srcSetToUse_useComputed_z7PUtkds7Q0", [
     props
   ]));
+  const imgAttrs = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    const attrs = {
+      ...props2.attributes,
+      [getClassPropName()]: `builder-raw-img ${props2.attributes[getClassPropName()] || ""}`
+    };
+    delete attrs.style;
+    return attrs;
+  }, "ImgComponent_component_imgAttrs_useComputed_VIloKDVy6OI", [
+    props
+  ]));
   return /* @__PURE__ */ _jsxS("img", {
-    ...props.attributes
+    ...imgAttrs.value,
+    style: {
+      objectFit: props.backgroundSize || "cover",
+      objectPosition: props.backgroundPosition || "center",
+      aspectRatio: props.aspectRatio || void 0,
+      ...((_a = props.attributes) == null ? void 0 : _a.style) || {}
+    }
   }, {
     alt: _fnSignal((p0) => p0.altText, [
       props
@@ -23,15 +42,9 @@ const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     src: _fnSignal((p0) => p0.imgSrc || p0.image, [
       props
     ], "p0.imgSrc||p0.image"),
-    srcSet: _fnSignal((p0) => p0.value, [
-      srcSetToUse
-    ], "p0.value"),
-    style: _fnSignal((p0) => ({
-      objectFit: p0.backgroundSize || "cover",
-      objectPosition: p0.backgroundPosition || "center"
-    }), [
+    title: _fnSignal((p0) => p0.title, [
       props
-    ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
+    ], "p0.title")
   }, 0, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
 export {

package/lib/browser/blocks/text/component-info.qwik.cjs

@@ -4,7 +4,6 @@ const componentInfo = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: true,
-  isRSC: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [
     {

package/lib/browser/blocks/text/component-info.qwik.mjs

@@ -2,7 +2,6 @@ const componentInfo = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: true,
-  isRSC: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [
     {

package/lib/browser/components/block/block.qwik.cjs

@@ -7,10 +7,10 @@ const getBlockComponentOptions = require("../../functions/get-block-component-op
 const getProcessedBlock = require("../../functions/get-processed-block.qwik.cjs");
 const animator = require("./animator.qwik.cjs");
 const block_helpers = require("./block.helpers.qwik.cjs");
-const blockStyles = require("./components/block-styles.qwik.cjs");
 const blockWrapper = require("./components/block-wrapper.qwik.cjs");
 const componentRef = require("./components/component-ref/component-ref.qwik.cjs");
 const repeatedBlock = require("./components/repeated-block.qwik.cjs");
+const styleWrapper = require("./components/style-wrapper.qwik.cjs");
 const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a;
   qwik._jsxBranch();
@@ -133,20 +133,26 @@ const Block = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
       children: [
-        /* @__PURE__ */ qwik._jsxC(blockStyles.BlockStyles, {
+        /* @__PURE__ */ qwik._jsxC(styleWrapper.StyleWrapper, {
           get block() {
             return processedBlock.value;
           },
           get context() {
             return props.context;
           },
+          get id() {
+            return props.block.id;
+          },
           [qwik._IMMUTABLE]: {
             block: qwik._fnSignal((p0) => p0.value, [
               processedBlock
             ], "p0.value"),
             context: qwik._fnSignal((p0) => p0.context, [
               props
-            ], "p0.context")
+            ], "p0.context"),
+            id: qwik._fnSignal((p0) => p0.block.id, [
+              props
+            ], "p0.block.id")
           }
         }, 3, "jN_0"),
         !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? !repeatItem.value ? /* @__PURE__ */ qwik._jsxC(blockWrapper.BlockWrapper, {

package/lib/browser/components/block/block.qwik.mjs

@@ -5,10 +5,10 @@ import { getBlockComponentOptions } from "../../functions/get-block-component-op
 import { getProcessedBlock } from "../../functions/get-processed-block.qwik.mjs";
 import { bindAnimations } from "./animator.qwik.mjs";
 import { getRepeatItemData, getComponent, provideBuilderBlock, provideBuilderContext, provideLinkComponent, provideRegisteredComponents, generateKey } from "./block.helpers.qwik.mjs";
-import { BlockStyles } from "./components/block-styles.qwik.mjs";
 import { BlockWrapper } from "./components/block-wrapper.qwik.mjs";
 import { ComponentRef } from "./components/component-ref/component-ref.qwik.mjs";
 import { RepeatedBlock } from "./components/repeated-block.qwik.mjs";
+import { StyleWrapper } from "./components/style-wrapper.qwik.mjs";
 const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a;
   _jsxBranch();
@@ -131,20 +131,26 @@ const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: canShowBlock.value ? /* @__PURE__ */ _jsxC(Fragment, {
       children: [
-        /* @__PURE__ */ _jsxC(BlockStyles, {
+        /* @__PURE__ */ _jsxC(StyleWrapper, {
           get block() {
             return processedBlock.value;
           },
           get context() {
             return props.context;
           },
+          get id() {
+            return props.block.id;
+          },
           [_IMMUTABLE]: {
             block: _fnSignal((p0) => p0.value, [
               processedBlock
             ], "p0.value"),
             context: _fnSignal((p0) => p0.context, [
               props
-            ], "p0.context")
+            ], "p0.context"),
+            id: _fnSignal((p0) => p0.block.id, [
+              props
+            ], "p0.block.id")
           }
         }, 3, "jN_0"),
         !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? !repeatItem.value ? /* @__PURE__ */ _jsxC(BlockWrapper, {

package/lib/browser/components/block/components/interactive-element.qwik.cjs

@@ -4,7 +4,10 @@ const qwik = require("@builder.io/qwik");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const getBlockActions = require("../../../functions/get-block-actions.qwik.cjs");
 const getBlockProperties = require("../../../functions/get-block-properties.qwik.cjs");
+require("../../../helpers/user-attributes.qwik.cjs");
+require("../../../functions/get-fetch.qwik.cjs");
 const awaiter = require("../../awaiter.qwik.cjs");
+require("../../../context/builder.context.qwik.cjs");
 const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   qwik._jsxBranch();
   const attributes = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
@@ -79,8 +82,8 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
       ...targetWrapperProps.value,
       attributes: attributes.value,
       key: "wrapper-" + state.forceRenderCount
-    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_2"))
-  }, 1, "q0_3");
+    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_4"))
+  }, 1, "q0_5");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 exports.InteractiveElement = InteractiveElement;
 exports.default = InteractiveElement;

package/lib/browser/components/block/components/interactive-element.qwik.mjs

@@ -2,7 +2,10 @@ import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope,
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
 import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
+import "../../../helpers/user-attributes.qwik.mjs";
+import "../../../functions/get-fetch.qwik.mjs";
 import { Awaiter } from "../../awaiter.qwik.mjs";
+import "../../../context/builder.context.qwik.mjs";
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
   const attributes = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
@@ -77,8 +80,8 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
       ...targetWrapperProps.value,
       attributes: attributes.value,
       key: "wrapper-" + state.forceRenderCount
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_2"))
-  }, 1, "q0_3");
+    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_4"))
+  }, 1, "q0_5");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 export {
   InteractiveElement,

package/lib/browser/components/block/components/style-wrapper.qwik.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const builder_context = require("../../../context/builder.context.qwik.cjs");
+const blockStyles = require("./block-styles.qwik.cjs");
+require("@builder.io/qwik/build");
+const StyleWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
+  qwik.useContext(builder_context);
+  const state = qwik.useStore({
+    isClientEditing: false,
+    isHydrated: false
+  });
+  qwik.useVisibleTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  }, "StyleWrapper_component_useVisibleTask_7i19DZr5064"));
+  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+    children: state.isHydrated ? /* @__PURE__ */ qwik._jsxC(blockStyles.BlockStyles, {
+      get block() {
+        return props.block;
+      },
+      get context() {
+        return props.context;
+      },
+      [qwik._IMMUTABLE]: {
+        block: qwik._fnSignal((p0) => p0.block, [
+          props
+        ], "p0.block"),
+        context: qwik._fnSignal((p0) => p0.context, [
+          props
+        ], "p0.context")
+      }
+    }, 3, "Ei_1") : /* @__PURE__ */ qwik._jsxC(blockStyles.BlockStyles, {
+      get block() {
+        return props.block;
+      },
+      get context() {
+        return props.context;
+      },
+      [qwik._IMMUTABLE]: {
+        block: qwik._fnSignal((p0) => p0.block, [
+          props
+        ], "p0.block"),
+        context: qwik._fnSignal((p0) => p0.context, [
+          props
+        ], "p0.context")
+      }
+    }, 3, "Ei_2")
+  }, 1, "Ei_3");
+}, "StyleWrapper_component_LTSEjsY8B70"));
+exports.StyleWrapper = StyleWrapper;
+exports.default = StyleWrapper;

package/lib/browser/components/block/components/style-wrapper.qwik.mjs

@@ -0,0 +1,52 @@
+import { componentQrl, inlinedQrl, _jsxBranch, useContext, useStore, useVisibleTaskQrl, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { Fragment } from "@builder.io/qwik/jsx-runtime";
+import builderContext from "../../../context/builder.context.qwik.mjs";
+import { BlockStyles } from "./block-styles.qwik.mjs";
+import "@builder.io/qwik/build";
+const StyleWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  _jsxBranch();
+  useContext(builderContext);
+  const state = useStore({
+    isClientEditing: false,
+    isHydrated: false
+  });
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+  }, "StyleWrapper_component_useVisibleTask_7i19DZr5064"));
+  return /* @__PURE__ */ _jsxC(Fragment, {
+    children: state.isHydrated ? /* @__PURE__ */ _jsxC(BlockStyles, {
+      get block() {
+        return props.block;
+      },
+      get context() {
+        return props.context;
+      },
+      [_IMMUTABLE]: {
+        block: _fnSignal((p0) => p0.block, [
+          props
+        ], "p0.block"),
+        context: _fnSignal((p0) => p0.context, [
+          props
+        ], "p0.context")
+      }
+    }, 3, "Ei_1") : /* @__PURE__ */ _jsxC(BlockStyles, {
+      get block() {
+        return props.block;
+      },
+      get context() {
+        return props.context;
+      },
+      [_IMMUTABLE]: {
+        block: _fnSignal((p0) => p0.block, [
+          props
+        ], "p0.block"),
+        context: _fnSignal((p0) => p0.context, [
+          props
+        ], "p0.context")
+      }
+    }, 3, "Ei_2")
+  }, 1, "Ei_3");
+}, "StyleWrapper_component_LTSEjsY8B70"));
+export {
+  StyleWrapper,
+  StyleWrapper as default
+};

package/lib/browser/components/content/components/enable-editor.qwik.cjs

@@ -20,7 +20,7 @@ const initEditing = require("../../../scripts/init-editing.qwik.cjs");
 const animator = require("../../block/animator.qwik.cjs");
 const enableEditor_helpers = require("./enable-editor.helpers.qwik.cjs");
 const styles_helpers = require("./styles.helpers.qwik.cjs");
-const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData) {
+const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData, editType) {
   var _a, _b;
   const combinedState = {
     ...props.builderContextSignal.rootState,
@@ -30,8 +30,12 @@ const mergeNewRootState = function mergeNewRootState2(props, state, showContentP
     (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
   else
     props.builderContextSignal.rootState = combinedState;
+  if (props.builderContextSignal.rootSetState)
+    props.builderContextSignal.rootSetState(combinedState);
+  else
+    props.builderContextSignal.rootState = combinedState;
 };
-const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent) {
+const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent, editType) {
   var _a, _b, _c, _d, _e;
   const newContentValue = {
     ...props.builderContextSignal.content,
@@ -68,10 +72,10 @@ const processMessage = function processMessage2(props, state, showContentProps,
       animation: (animation) => {
         animator.triggerAnimation(animation);
       },
-      contentUpdate: (newContent) => {
+      contentUpdate: (newContent, editType) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
       },
-      stateUpdate: (newState) => {
+      stateUpdate: (newState, editType) => {
         mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
@@ -172,6 +176,7 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    contextValue: props.builderContextSignal,
     hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {},

package/lib/browser/components/content/components/enable-editor.qwik.mjs

@@ -18,7 +18,7 @@ import { setupBrowserForEditing } from "../../../scripts/init-editing.qwik.mjs";
 import { triggerAnimation } from "../../block/animator.qwik.mjs";
 import { needsElementRefDivForEditing } from "./enable-editor.helpers.qwik.mjs";
 import { getWrapperClassName } from "./styles.helpers.qwik.mjs";
-const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData) {
+const mergeNewRootState = function mergeNewRootState2(props, state, showContentProps, elementRef, newData, editType) {
   var _a, _b;
   const combinedState = {
     ...props.builderContextSignal.rootState,
@@ -28,8 +28,12 @@ const mergeNewRootState = function mergeNewRootState2(props, state, showContentP
     (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, combinedState);
   else
     props.builderContextSignal.rootState = combinedState;
+  if (props.builderContextSignal.rootSetState)
+    props.builderContextSignal.rootSetState(combinedState);
+  else
+    props.builderContextSignal.rootState = combinedState;
 };
-const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent) {
+const mergeNewContent = function mergeNewContent2(props, state, showContentProps, elementRef, newContent, editType) {
   var _a, _b, _c, _d, _e;
   const newContentValue = {
     ...props.builderContextSignal.content,
@@ -66,10 +70,10 @@ const processMessage = function processMessage2(props, state, showContentProps,
       animation: (animation) => {
         triggerAnimation(animation);
       },
-      contentUpdate: (newContent) => {
+      contentUpdate: (newContent, editType) => {
         mergeNewContent(props, state, showContentProps, elementRef, newContent);
       },
-      stateUpdate: (newState) => {
+      stateUpdate: (newState, editType) => {
         mergeNewRootState(props, state, showContentProps, elementRef, newState);
       }
     }
@@ -170,6 +174,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
+    contextValue: props.builderContextSignal,
     hasExecuted: false,
     httpReqsData: {},
     httpReqsPending: {},

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.21.1";
+const SDK_VERSION = "0.22.1";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.21.1";
+const SDK_VERSION = "0.22.1";
 export {
   SDK_VERSION
 };

package/lib/browser/functions/get-content/generate-content-url.qwik.cjs

@@ -21,15 +21,9 @@ const generateContentUrl = (options) => {
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
   url.searchParams.set("includeRefs", String(true));
-  const finalLocale = locale || (userAttributes == null ? void 0 : userAttributes.locale);
+  if (locale)
+    url.searchParams.set("locale", locale);
   let finalUserAttributes = userAttributes || {};
-  if (finalLocale) {
-    url.searchParams.set("locale", finalLocale);
-    finalUserAttributes = {
-      locale: finalLocale,
-      ...finalUserAttributes
-    };
-  }
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
   url.searchParams.set("omit", omit ?? "meta.componentsUsed");

package/lib/browser/functions/get-content/generate-content-url.qwik.mjs

@@ -19,15 +19,9 @@ const generateContentUrl = (options) => {
   url.searchParams.set("limit", String(limit));
   url.searchParams.set("noTraverse", String(noTraverse));
   url.searchParams.set("includeRefs", String(true));
-  const finalLocale = locale || (userAttributes == null ? void 0 : userAttributes.locale);
+  if (locale)
+    url.searchParams.set("locale", locale);
   let finalUserAttributes = userAttributes || {};
-  if (finalLocale) {
-    url.searchParams.set("locale", finalLocale);
-    finalUserAttributes = {
-      locale: finalLocale,
-      ...finalUserAttributes
-    };
-  }
   if (enrich)
     url.searchParams.set("enrich", String(enrich));
   url.searchParams.set("omit", omit ?? "meta.componentsUsed");

package/lib/browser/functions/get-content/index.qwik.cjs

@@ -10,6 +10,15 @@ const isBrowser = require("../is-browser.qwik.cjs");
 const generateContentUrl = require("./generate-content-url.qwik.cjs");
 const checkContentHasResults = (content) => "results" in content;
 async function fetchOneEntry(options) {
+  var _a;
+  const finalLocale = options.locale || ((_a = options.userAttributes) == null ? void 0 : _a.locale);
+  if (finalLocale) {
+    options.locale = finalLocale;
+    options.userAttributes = {
+      locale: finalLocale,
+      ...options.userAttributes
+    };
+  }
   const allContent = await fetchEntries({
     ...options,
     limit: 1