@builder.io/sdk-qwik 0.16.20 → 0.16.21

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

@@ -1,4 +1,5 @@
-import { jsx, Fragment, jsxs } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, _jsxBranch, useStore, useComputedQrl, useLexicalScope, useVisibleTaskQrl, useTaskQrl, _jsxC, _IMMUTABLE, _fnSignal, _wrapProp } from "@builder.io/qwik";
+import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { TARGET } from "../../constants/target.qwik.mjs";
 import { getBlockComponentOptions } from "../../functions/get-block-component-options.qwik.mjs";
 import { getProcessedBlock } from "../../functions/get-processed-block.qwik.mjs";
@@ -8,158 +9,363 @@ 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 { component$, useStore, useComputed$, useVisibleTask$, useTask$ } from "@builder.io/qwik";
-const Block = component$((props) => {
+const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a;
+  _jsxBranch();
   useStore({
     _processedBlock: {
       value: null,
       update: false
     }
   });
-  const repeatItem = useComputed$(() => {
+  const repeatItem = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
     return getRepeatItemData({
-      block: props.block,
-      context: props.context
+      block: props2.block,
+      context: props2.context
     });
-  });
-  const processedBlock = useComputed$(() => {
+  }, "Block_component_repeatItem_useComputed_j31Y3wFqSCM", [
+    props
+  ]));
+  const processedBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
-    const blockToUse = ((_a2 = props.block.repeat) == null ? void 0 : _a2.collection) ? props.block : getProcessedBlock({
-      block: props.block,
-      localState: props.context.localState,
-      rootState: props.context.rootState,
-      rootSetState: props.context.rootSetState,
-      context: props.context.context,
+    const [props2] = useLexicalScope();
+    const blockToUse = ((_a2 = props2.block.repeat) == null ? void 0 : _a2.collection) ? props2.block : getProcessedBlock({
+      block: props2.block,
+      localState: props2.context.localState,
+      rootState: props2.context.rootState,
+      rootSetState: props2.context.rootSetState,
+      context: props2.context.context,
       shouldEvaluateBindings: true
     });
     return blockToUse;
-  });
-  const blockComponent = useComputed$(() => {
+  }, "Block_component_processedBlock_useComputed_ESKw0l5FcBc", [
+    props
+  ]));
+  const blockComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [processedBlock2, props2] = useLexicalScope();
     return getComponent({
-      block: processedBlock.value,
-      registeredComponents: props.registeredComponents
+      block: processedBlock2.value,
+      registeredComponents: props2.registeredComponents
     });
-  });
-  const Tag = useComputed$(() => {
+  }, "Block_component_blockComponent_useComputed_83sGy9Xlsi0", [
+    processedBlock,
+    props
+  ]));
+  const Tag = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
-    const shouldUseLink = props.block.tagName === "a" || ((_a2 = processedBlock.value.properties) == null ? void 0 : _a2.href) || processedBlock.value.href;
-    if (shouldUseLink) {
-      return props.linkComponent || "a";
-    }
-    return props.block.tagName || "div";
-  });
-  const canShowBlock = useComputed$(() => {
+    const [processedBlock2, props2] = useLexicalScope();
+    const shouldUseLink = props2.block.tagName === "a" || ((_a2 = processedBlock2.value.properties) == null ? void 0 : _a2.href) || processedBlock2.value.href;
+    if (shouldUseLink)
+      return props2.linkComponent || "a";
+    return props2.block.tagName || "div";
+  }, "Block_component_Tag_useComputed_eQnDgbcBW2A", [
+    processedBlock,
+    props
+  ]));
+  const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2, _b;
-    if ((_a2 = props.block.repeat) == null ? void 0 : _a2.collection) {
-      if ((_b = repeatItem.value) == null ? void 0 : _b.length)
+    const [processedBlock2, props2, repeatItem2] = useLexicalScope();
+    if ((_a2 = props2.block.repeat) == null ? void 0 : _a2.collection) {
+      if ((_b = repeatItem2.value) == null ? void 0 : _b.length)
         return true;
       return false;
     }
-    const shouldHide = "hide" in processedBlock.value ? processedBlock.value.hide : false;
-    const shouldShow = "show" in processedBlock.value ? processedBlock.value.show : true;
+    const shouldHide = "hide" in processedBlock2.value ? processedBlock2.value.hide : false;
+    const shouldShow = "show" in processedBlock2.value ? processedBlock2.value.show : true;
     return shouldShow && !shouldHide;
-  });
-  const childrenWithoutParentComponent = useComputed$(() => {
+  }, "Block_component_canShowBlock_useComputed_NJEFz8ICF08", [
+    processedBlock,
+    props,
+    repeatItem
+  ]));
+  const childrenWithoutParentComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2;
-    const shouldRenderChildrenOutsideRef = !((_a2 = blockComponent.value) == null ? void 0 : _a2.component) && !repeatItem.value;
-    return shouldRenderChildrenOutsideRef ? processedBlock.value.children ?? [] : [];
-  });
-  const componentRefProps = useComputed$(() => {
+    const [blockComponent2, processedBlock2, repeatItem2] = useLexicalScope();
+    const shouldRenderChildrenOutsideRef = !((_a2 = blockComponent2.value) == null ? void 0 : _a2.component) && !repeatItem2.value;
+    return shouldRenderChildrenOutsideRef ? processedBlock2.value.children ?? [] : [];
+  }, "Block_component_childrenWithoutParentComponent_useComputed_0WENYGElWnc", [
+    blockComponent,
+    processedBlock,
+    repeatItem
+  ]));
+  const componentRefProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
     var _a2, _b, _c;
+    const [blockComponent2, processedBlock2, props2] = useLexicalScope();
     return {
-      blockChildren: processedBlock.value.children ?? [],
-      componentRef: (_a2 = blockComponent.value) == null ? void 0 : _a2.component,
+      blockChildren: processedBlock2.value.children ?? [],
+      componentRef: (_a2 = blockComponent2.value) == null ? void 0 : _a2.component,
       componentOptions: {
-        ...getBlockComponentOptions(processedBlock.value),
-        ...provideBuilderBlock(blockComponent.value, processedBlock.value),
-        ...provideBuilderContext(blockComponent.value, props.context),
-        ...provideLinkComponent(blockComponent.value, props.linkComponent),
-        ...provideRegisteredComponents(blockComponent.value, props.registeredComponents)
+        ...getBlockComponentOptions(processedBlock2.value),
+        ...provideBuilderBlock(blockComponent2.value, processedBlock2.value),
+        ...provideBuilderContext(blockComponent2.value, props2.context),
+        ...provideLinkComponent(blockComponent2.value, props2.linkComponent),
+        ...provideRegisteredComponents(blockComponent2.value, props2.registeredComponents)
       },
-      context: props.context,
-      linkComponent: props.linkComponent,
-      registeredComponents: props.registeredComponents,
-      builderBlock: processedBlock.value,
-      includeBlockProps: ((_b = blockComponent.value) == null ? void 0 : _b.noWrap) === true,
-      isInteractive: !(((_c = blockComponent.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
+      context: props2.context,
+      linkComponent: props2.linkComponent,
+      registeredComponents: props2.registeredComponents,
+      builderBlock: processedBlock2.value,
+      includeBlockProps: ((_b = blockComponent2.value) == null ? void 0 : _b.noWrap) === true,
+      isInteractive: !(((_c = blockComponent2.value) == null ? void 0 : _c.isRSC) && TARGET === "rsc")
     };
-  });
-  useVisibleTask$(() => {
-    const blockId = processedBlock.value.id;
-    const animations = processedBlock.value.animations;
-    if (animations && blockId) {
+  }, "Block_component_componentRefProps_useComputed_Ikbl8VO04ho", [
+    blockComponent,
+    processedBlock,
+    props
+  ]));
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [processedBlock2] = useLexicalScope();
+    const blockId = processedBlock2.value.id;
+    const animations = processedBlock2.value.animations;
+    if (animations && blockId)
       bindAnimations(animations.map((animation) => ({
         ...animation,
         elementId: blockId
       })));
-    }
-  });
-  useTask$(({ track }) => {
-  });
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: canShowBlock.value ? /* @__PURE__ */ jsxs(Fragment, {
+  }, "Block_component_useVisibleTask_hrTYvqw0Tbs", [
+    processedBlock
+  ]));
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+  }, "Block_component_useTask_Xb7FQvPjBMo"));
+  return /* @__PURE__ */ _jsxC(Fragment, {
+    children: canShowBlock.value ? /* @__PURE__ */ _jsxC(Fragment, {
       children: [
-        /* @__PURE__ */ jsx(BlockStyles, {
-          block: processedBlock.value,
-          context: props.context
-        }),
-        !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? !repeatItem.value ? /* @__PURE__ */ jsxs(BlockWrapper, {
-          Wrapper: Tag.value,
-          block: processedBlock.value,
-          context: props.context,
+        /* @__PURE__ */ _jsxC(BlockStyles, {
+          get block() {
+            return processedBlock.value;
+          },
+          get context() {
+            return props.context;
+          },
+          [_IMMUTABLE]: {
+            block: _fnSignal((p0) => p0.value, [
+              processedBlock
+            ], "p0.value"),
+            context: _fnSignal((p0) => p0.context, [
+              props
+            ], "p0.context")
+          }
+        }, 3, "jN_0"),
+        !((_a = blockComponent.value) == null ? void 0 : _a.noWrap) ? !repeatItem.value ? /* @__PURE__ */ _jsxC(BlockWrapper, {
+          get Wrapper() {
+            return Tag.value;
+          },
+          get block() {
+            return processedBlock.value;
+          },
+          get context() {
+            return props.context;
+          },
           children: [
-            /* @__PURE__ */ jsx(ComponentRef, {
-              componentRef: componentRefProps.value.componentRef,
-              componentOptions: componentRefProps.value.componentOptions,
-              blockChildren: componentRefProps.value.blockChildren,
-              context: componentRefProps.value.context,
-              registeredComponents: componentRefProps.value.registeredComponents,
-              linkComponent: componentRefProps.value.linkComponent,
-              builderBlock: componentRefProps.value.builderBlock,
-              includeBlockProps: componentRefProps.value.includeBlockProps,
-              isInteractive: componentRefProps.value.isInteractive
-            }),
+            /* @__PURE__ */ _jsxC(ComponentRef, {
+              get componentRef() {
+                return componentRefProps.value.componentRef;
+              },
+              get componentOptions() {
+                return componentRefProps.value.componentOptions;
+              },
+              get blockChildren() {
+                return componentRefProps.value.blockChildren;
+              },
+              get context() {
+                return componentRefProps.value.context;
+              },
+              get registeredComponents() {
+                return componentRefProps.value.registeredComponents;
+              },
+              get linkComponent() {
+                return componentRefProps.value.linkComponent;
+              },
+              get builderBlock() {
+                return componentRefProps.value.builderBlock;
+              },
+              get includeBlockProps() {
+                return componentRefProps.value.includeBlockProps;
+              },
+              get isInteractive() {
+                return componentRefProps.value.isInteractive;
+              },
+              [_IMMUTABLE]: {
+                blockChildren: _fnSignal((p0) => p0.value.blockChildren, [
+                  componentRefProps
+                ], "p0.value.blockChildren"),
+                builderBlock: _fnSignal((p0) => p0.value.builderBlock, [
+                  componentRefProps
+                ], "p0.value.builderBlock"),
+                componentOptions: _fnSignal((p0) => p0.value.componentOptions, [
+                  componentRefProps
+                ], "p0.value.componentOptions"),
+                componentRef: _fnSignal((p0) => p0.value.componentRef, [
+                  componentRefProps
+                ], "p0.value.componentRef"),
+                context: _fnSignal((p0) => p0.value.context, [
+                  componentRefProps
+                ], "p0.value.context"),
+                includeBlockProps: _fnSignal((p0) => p0.value.includeBlockProps, [
+                  componentRefProps
+                ], "p0.value.includeBlockProps"),
+                isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
+                  componentRefProps
+                ], "p0.value.isInteractive"),
+                linkComponent: _fnSignal((p0) => p0.value.linkComponent, [
+                  componentRefProps
+                ], "p0.value.linkComponent"),
+                registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
+                  componentRefProps
+                ], "p0.value.registeredComponents")
+              }
+            }, 3, "jN_1"),
             (childrenWithoutParentComponent.value || []).map((child) => {
-              return /* @__PURE__ */ jsx(Block, {
+              return /* @__PURE__ */ _jsxC(Block, {
                 block: child,
-                registeredComponents: props.registeredComponents,
-                linkComponent: props.linkComponent,
-                context: props.context
-              }, child.id);
+                get registeredComponents() {
+                  return props.registeredComponents;
+                },
+                get linkComponent() {
+                  return props.linkComponent;
+                },
+                get context() {
+                  return props.context;
+                },
+                [_IMMUTABLE]: {
+                  context: _fnSignal((p0) => p0.context, [
+                    props
+                  ], "p0.context"),
+                  linkComponent: _fnSignal((p0) => p0.linkComponent, [
+                    props
+                  ], "p0.linkComponent"),
+                  registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
+                    props
+                  ], "p0.registeredComponents")
+                }
+              }, 3, child.id);
             })
-          ]
-        }) : (repeatItem.value || []).map((data, index) => {
-          return /* @__PURE__ */ jsx(RepeatedBlock, {
-            repeatContext: data.context,
-            block: data.block,
-            registeredComponents: props.registeredComponents,
-            linkComponent: props.linkComponent
-          }, index);
-        }) : !repeatItem.value ? /* @__PURE__ */ jsx(ComponentRef, {
-          componentRef: componentRefProps.value.componentRef,
-          componentOptions: componentRefProps.value.componentOptions,
-          blockChildren: componentRefProps.value.blockChildren,
-          context: componentRefProps.value.context,
-          registeredComponents: componentRefProps.value.registeredComponents,
-          linkComponent: componentRefProps.value.linkComponent,
-          builderBlock: componentRefProps.value.builderBlock,
-          includeBlockProps: componentRefProps.value.includeBlockProps,
-          isInteractive: componentRefProps.value.isInteractive
-        }) : (repeatItem.value || []).map((data, index) => {
-          return /* @__PURE__ */ jsx(RepeatedBlock, {
-            repeatContext: data.context,
-            block: data.block,
-            registeredComponents: props.registeredComponents,
-            linkComponent: props.linkComponent
-          }, index);
+          ],
+          [_IMMUTABLE]: {
+            Wrapper: _fnSignal((p0) => p0.value, [
+              Tag
+            ], "p0.value"),
+            block: _fnSignal((p0) => p0.value, [
+              processedBlock
+            ], "p0.value"),
+            context: _fnSignal((p0) => p0.context, [
+              props
+            ], "p0.context")
+          }
+        }, 1, "jN_2") : (repeatItem.value || []).map((data, index) => {
+          return /* @__PURE__ */ _jsxC(RepeatedBlock, {
+            get repeatContext() {
+              return data.context;
+            },
+            get block() {
+              return data.block;
+            },
+            get registeredComponents() {
+              return props.registeredComponents;
+            },
+            get linkComponent() {
+              return props.linkComponent;
+            },
+            [_IMMUTABLE]: {
+              block: _wrapProp(data, "block"),
+              linkComponent: _fnSignal((p0) => p0.linkComponent, [
+                props
+              ], "p0.linkComponent"),
+              registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
+                props
+              ], "p0.registeredComponents"),
+              repeatContext: _wrapProp(data, "context")
+            }
+          }, 3, index);
+        }) : !repeatItem.value ? /* @__PURE__ */ _jsxC(ComponentRef, {
+          get componentRef() {
+            return componentRefProps.value.componentRef;
+          },
+          get componentOptions() {
+            return componentRefProps.value.componentOptions;
+          },
+          get blockChildren() {
+            return componentRefProps.value.blockChildren;
+          },
+          get context() {
+            return componentRefProps.value.context;
+          },
+          get registeredComponents() {
+            return componentRefProps.value.registeredComponents;
+          },
+          get linkComponent() {
+            return componentRefProps.value.linkComponent;
+          },
+          get builderBlock() {
+            return componentRefProps.value.builderBlock;
+          },
+          get includeBlockProps() {
+            return componentRefProps.value.includeBlockProps;
+          },
+          get isInteractive() {
+            return componentRefProps.value.isInteractive;
+          },
+          [_IMMUTABLE]: {
+            blockChildren: _fnSignal((p0) => p0.value.blockChildren, [
+              componentRefProps
+            ], "p0.value.blockChildren"),
+            builderBlock: _fnSignal((p0) => p0.value.builderBlock, [
+              componentRefProps
+            ], "p0.value.builderBlock"),
+            componentOptions: _fnSignal((p0) => p0.value.componentOptions, [
+              componentRefProps
+            ], "p0.value.componentOptions"),
+            componentRef: _fnSignal((p0) => p0.value.componentRef, [
+              componentRefProps
+            ], "p0.value.componentRef"),
+            context: _fnSignal((p0) => p0.value.context, [
+              componentRefProps
+            ], "p0.value.context"),
+            includeBlockProps: _fnSignal((p0) => p0.value.includeBlockProps, [
+              componentRefProps
+            ], "p0.value.includeBlockProps"),
+            isInteractive: _fnSignal((p0) => p0.value.isInteractive, [
+              componentRefProps
+            ], "p0.value.isInteractive"),
+            linkComponent: _fnSignal((p0) => p0.value.linkComponent, [
+              componentRefProps
+            ], "p0.value.linkComponent"),
+            registeredComponents: _fnSignal((p0) => p0.value.registeredComponents, [
+              componentRefProps
+            ], "p0.value.registeredComponents")
+          }
+        }, 3, "jN_3") : (repeatItem.value || []).map((data, index) => {
+          return /* @__PURE__ */ _jsxC(RepeatedBlock, {
+            get repeatContext() {
+              return data.context;
+            },
+            get block() {
+              return data.block;
+            },
+            get registeredComponents() {
+              return props.registeredComponents;
+            },
+            get linkComponent() {
+              return props.linkComponent;
+            },
+            [_IMMUTABLE]: {
+              block: _wrapProp(data, "block"),
+              linkComponent: _fnSignal((p0) => p0.linkComponent, [
+                props
+              ], "p0.linkComponent"),
+              registeredComponents: _fnSignal((p0) => p0.registeredComponents, [
+                props
+              ], "p0.registeredComponents"),
+              repeatContext: _wrapProp(data, "context")
+            }
+          }, 3, index);
         })
       ]
-    }) : null
-  });
-});
-const Block$1 = Block;
+    }, 1, "jN_4") : null
+  }, 1, "jN_5");
+}, "Block_component_nnPv0RY0U0k"));
 export {
   Block,
-  Block$1 as default
+  Block as default
 };

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

@@ -1,36 +1,38 @@
 "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 deviceSizes = require("../../../constants/device-sizes.qwik.cjs");
 const camelToKebabCase = require("../../../functions/camel-to-kebab-case.qwik.cjs");
 const css = require("../../../helpers/css.qwik.cjs");
 const nullable = require("../../../helpers/nullable.qwik.cjs");
 const inlinedStyles = require("../../inlined-styles.qwik.cjs");
-const qwik = require("@builder.io/qwik");
-const BlockStyles = qwik.component$((props) => {
-  const canShowBlock = qwik.useComputed$(() => {
-    const processedBlock = props.block;
-    if (nullable.checkIsDefined(processedBlock.hide)) {
+const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
+  const canShowBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    const [props2] = qwik.useLexicalScope();
+    const processedBlock = props2.block;
+    if (nullable.checkIsDefined(processedBlock.hide))
       return !processedBlock.hide;
-    }
-    if (nullable.checkIsDefined(processedBlock.show)) {
+    if (nullable.checkIsDefined(processedBlock.show))
       return processedBlock.show;
-    }
     return true;
-  });
-  const css$1 = qwik.useComputed$(() => {
+  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
+    props
+  ]));
+  const css$1 = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
     var _a, _b, _c;
-    const processedBlock = props.block;
+    const [props2] = qwik.useLexicalScope();
+    const processedBlock = props2.block;
     const styles = processedBlock.responsiveStyles;
-    const content = props.context.content;
+    const content = props2.context.content;
     const sizesWithUpdatedBreakpoints = deviceSizes.getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
     const largeStyles = styles == null ? void 0 : styles.large;
     const mediumStyles = styles == null ? void 0 : styles.medium;
     const smallStyles = styles == null ? void 0 : styles.small;
     const className = processedBlock.id;
-    if (!className) {
+    if (!className)
       return "";
-    }
     const largeStylesClass = largeStyles ? css.createCssClass({
       className,
       styles: largeStyles
@@ -64,14 +66,29 @@ const BlockStyles = qwik.component$((props) => {
       smallStylesClass,
       hoverStylesClass
     ].join(" ");
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: css$1.value && canShowBlock.value ? /* @__PURE__ */ jsxRuntime.jsx(inlinedStyles.InlinedStyles, {
+  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
+    props
+  ]));
+  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+    children: css$1.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(inlinedStyles.InlinedStyles, {
       id: "builderio-block",
-      styles: css$1.value,
-      nonce: props.context.nonce
-    }) : null
-  });
-});
+      get styles() {
+        return css$1.value;
+      },
+      get nonce() {
+        return props.context.nonce;
+      },
+      [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
+        nonce: qwik._fnSignal((p0) => p0.context.nonce, [
+          props
+        ], "p0.context.nonce"),
+        styles: qwik._fnSignal((p0) => p0.value, [
+          css$1
+        ], "p0.value")
+      }
+    }, 3, "8B_0") : null
+  }, 1, "8B_1");
+}, "BlockStyles_component_0lZeirBI638"));
 exports.BlockStyles = BlockStyles;
 exports.default = BlockStyles;