@builder.io/sdk-qwik 0.20.1 → 0.22.1

package/lib/node/blocks/symbol/symbol.qwik.cjs

@@ -4,7 +4,7 @@ const qwik = require("@builder.io/qwik");
 const contentVariants = require("../../components/content-variants/content-variants.qwik.cjs");
 const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
 const symbol_helpers = require("./symbol.helpers.qwik.cjs");
-const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
+const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, customComponents, className) {
   var _a;
   if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
     return;
@@ -27,6 +27,12 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
   const contentWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     return "div";
   }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
+  const customComponents = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    return Object.values(props2.builderComponents);
+  }, "Symbol_component_customComponents_useComputed_lTCqaqHUrNw", [
+    props
+  ]));
   const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a2, _b2;
     const [props2] = qwik.useLexicalScope();
@@ -44,13 +50,14 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
     symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
   });
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
-    const [blocksWrapper2, className2, contentWrapper2, props2, state2] = qwik.useLexicalScope();
+    const [blocksWrapper2, className2, contentWrapper2, customComponents2, props2, state2] = qwik.useLexicalScope();
     track(() => props2.symbol);
     setContent(props2, state2);
   }, "Symbol_component_useTask_NIAWAC1bMBo", [
     blocksWrapper,
     className,
     contentWrapper,
+    customComponents,
     props,
     state
   ]));
@@ -75,7 +82,7 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         };
       },
       get customComponents() {
-        return Object.values(props.builderComponents);
+        return customComponents.value;
       },
       get data() {
         var _a2, _b2, _c;
@@ -132,9 +139,9 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         }, [
           props
         ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
-        customComponents: qwik._fnSignal((p0) => Object.values(p0.builderComponents), [
-          props
-        ], "Object.values(p0.builderComponents)"),
+        customComponents: qwik._fnSignal((p0) => p0.value, [
+          customComponents
+        ], "p0.value"),
         data: qwik._fnSignal((p0, p1) => {
           var _a2, _b2, _c;
           return {

package/lib/node/blocks/symbol/symbol.qwik.mjs

@@ -2,7 +2,7 @@ import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, useStore, us
 import { ContentVariants } from "../../components/content-variants/content-variants.qwik.mjs";
 import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
 import { fetchSymbolContent } from "./symbol.helpers.qwik.mjs";
-const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
+const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, customComponents, className) {
   var _a;
   if (state.contentToUse && state.symbolEntry === ((_a = props.symbol) == null ? void 0 : _a.entry))
     return;
@@ -25,6 +25,12 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   const contentWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     return "div";
   }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
+  const customComponents = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return Object.values(props2.builderComponents);
+  }, "Symbol_component_customComponents_useComputed_lTCqaqHUrNw", [
+    props
+  ]));
   const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2, _b2;
     const [props2] = useLexicalScope();
@@ -42,13 +48,14 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     symbolEntry: (_b = props.symbol) == null ? void 0 : _b.entry
   });
   useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [blocksWrapper2, className2, contentWrapper2, props2, state2] = useLexicalScope();
+    const [blocksWrapper2, className2, contentWrapper2, customComponents2, props2, state2] = useLexicalScope();
     track(() => props2.symbol);
     setContent(props2, state2);
   }, "Symbol_component_useTask_NIAWAC1bMBo", [
     blocksWrapper,
     className,
     contentWrapper,
+    customComponents,
     props,
     state
   ]));
@@ -73,7 +80,7 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         };
       },
       get customComponents() {
-        return Object.values(props.builderComponents);
+        return customComponents.value;
       },
       get data() {
         var _a2, _b2, _c;
@@ -130,9 +137,9 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         }, [
           props
         ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
-        customComponents: _fnSignal((p0) => Object.values(p0.builderComponents), [
-          props
-        ], "Object.values(p0.builderComponents)"),
+        customComponents: _fnSignal((p0) => p0.value, [
+          customComponents
+        ], "p0.value"),
         data: _fnSignal((p0, p1) => {
           var _a2, _b2, _c;
           return {

package/lib/node/blocks/tabs/tabs.qwik.cjs

@@ -5,6 +5,9 @@ const blocks = require("../../components/blocks/blocks.qwik.cjs");
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
+const getTabStyle = function getTabStyle2(props, state, index) {
+  return index === state.activeTab ? props.activeTabStyle : {};
+};
 const onClick = function onClick2(props, state, index) {
   if (index === state.activeTab && props.collapsible)
     state.activeTab = -1;
@@ -38,9 +41,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
           props,
           state
         ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
+        style: getTabStyle(props, state, index)
       }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
         get parent() {
           return props.builderBlock.id;
@@ -115,4 +116,5 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 exports.Tabs = Tabs;
 exports.activeTabContent = activeTabContent;
 exports.default = Tabs;
+exports.getTabStyle = getTabStyle;
 exports.onClick = onClick;

package/lib/node/blocks/tabs/tabs.qwik.mjs

@@ -3,6 +3,9 @@ import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
+const getTabStyle = function getTabStyle2(props, state, index) {
+  return index === state.activeTab ? props.activeTabStyle : {};
+};
 const onClick = function onClick2(props, state, index) {
   if (index === state.activeTab && props.collapsible)
     state.activeTab = -1;
@@ -36,9 +39,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           props,
           state
         ]),
-        style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
+        style: getTabStyle(props, state, index)
       }, null, /* @__PURE__ */ _jsxC(Blocks, {
         get parent() {
           return props.builderBlock.id;
@@ -114,5 +115,6 @@ export {
   Tabs,
   activeTabContent,
   Tabs as default,
+  getTabStyle,
   onClick
 };

package/lib/node/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/node/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/node/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/node/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/node/components/block/components/component-ref/component-ref.qwik.cjs

@@ -10,13 +10,6 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     Wrapper: props.isInteractive ? interactiveElement.InteractiveElement : props.componentRef,
     shouldUpdate: false
   });
-  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
-    const [props2] = qwik.useLexicalScope();
-    track(() => props2.componentOptions);
-    track(() => props2.blockChildren);
-  }, "ComponentRef_component_useTask_IpU82pM3MjU", [
-    props
-  ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: props.componentRef ? /* @__PURE__ */ qwik._jsxC(state.Wrapper, {
       ...componentRef_helpers.getWrapperProps({
@@ -29,7 +22,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
         isInteractive: props.isInteractive,
         contextValue: props.context
       }),
-      children: (props.blockChildren || []).map((child) => {
+      children: props.componentRef ? (props.blockChildren || []).map((child) => {
         return /* @__PURE__ */ qwik._jsxC(block.Block, {
           block: child,
           get context() {
@@ -53,7 +46,7 @@ const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
             ], "p0.registeredComponents")
           }
         }, 3, child.id);
-      })
+      }) : null
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));

package/lib/node/components/block/components/component-ref/component-ref.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStore, useTaskQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStore, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { Block } from "../../block.qwik.mjs";
 import { InteractiveElement } from "../interactive-element.qwik.mjs";
@@ -8,13 +8,6 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     Wrapper: props.isInteractive ? InteractiveElement : props.componentRef,
     shouldUpdate: false
   });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const [props2] = useLexicalScope();
-    track(() => props2.componentOptions);
-    track(() => props2.blockChildren);
-  }, "ComponentRef_component_useTask_IpU82pM3MjU", [
-    props
-  ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: props.componentRef ? /* @__PURE__ */ _jsxC(state.Wrapper, {
       ...getWrapperProps({
@@ -27,7 +20,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         isInteractive: props.isInteractive,
         contextValue: props.context
       }),
-      children: (props.blockChildren || []).map((child) => {
+      children: props.componentRef ? (props.blockChildren || []).map((child) => {
         return /* @__PURE__ */ _jsxC(Block, {
           block: child,
           get context() {
@@ -51,7 +44,7 @@ const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
             ], "p0.registeredComponents")
           }
         }, 3, child.id);
-      })
+      }) : null
     }, 0, "z6_0") : null
   }, 1, "z6_1");
 }, "ComponentRef_component_tFQoBV6UFdc"));

package/lib/node/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/node/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/node/components/block/components/style-wrapper.qwik.cjs

@@ -0,0 +1,53 @@
+"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");
+require("../../../functions/evaluate/node-runtime/safeDynamicRequire.qwik.cjs");
+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/node/components/block/components/style-wrapper.qwik.mjs

@@ -0,0 +1,53 @@
+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";
+import "../../../functions/evaluate/node-runtime/safeDynamicRequire.qwik.mjs";
+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/node/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);
       }
     }
@@ -126,11 +130,14 @@ const runHttpRequests = function runHttpRequests2(props, state, showContentProps
       method: "GET"
     };
     logFetch.logFetch(JSON.stringify(fetchRequestObj));
-    fetch(fetchRequestObj.url, {
+    const fetchOptions = {
       method: fetchRequestObj.method,
       headers: fetchRequestObj.headers,
       body: fetchRequestObj.body
-    }).then((response) => response.json()).then((json) => {
+    };
+    if (fetchRequestObj.method === "GET")
+      delete fetchOptions.body;
+    fetch(fetchRequestObj.url, fetchOptions).then((response) => response.json()).then((json) => {
       mergeNewRootState(props, state, showContentProps, elementRef, {
         [key]: json
       });
@@ -169,9 +176,12 @@ 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: {}
+    httpReqsPending: {},
+    prevData: null,
+    prevLocale: ""
   }, {
     deep: true
   });
@@ -305,8 +315,12 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     track(() => props2.data);
-    if (props2.data)
+    if (props2.data) {
+      if (state2.prevData === props2.data)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, props2.data);
+      state2.prevData = props2.data;
+    }
   }, "EnableEditor_component_useTask_3_bQ0e5LHZwWE", [
     elementRef,
     props,
@@ -316,10 +330,14 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
     const [elementRef2, props2, showContentProps2, state2] = qwik.useLexicalScope();
     track(() => props2.locale);
-    if (props2.locale)
+    if (props2.locale) {
+      if (state2.prevLocale === props2.locale)
+        return;
       mergeNewRootState(props2, state2, showContentProps2, elementRef2, {
         locale: props2.locale
       });
+      state2.prevLocale = props2.locale;
+    }
   }, "EnableEditor_component_useTask_4_moHYZG8uNVU", [
     elementRef,
     props,