@builder.io/sdk-qwik 0.16.11 → 0.16.13

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

@@ -1,5 +1,4 @@
-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 { jsx, Fragment, jsxs } 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";
@@ -9,363 +8,158 @@ 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";
-const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import { component$, useStore, useComputed$, useVisibleTask$, useTask$ } from "@builder.io/qwik";
+const Block = component$((props) => {
   var _a;
-  _jsxBranch();
   useStore({
     _processedBlock: {
       value: null,
       update: false
     }
   });
-  const repeatItem = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
+  const repeatItem = useComputed$(() => {
     return getRepeatItemData({
-      block: props2.block,
-      context: props2.context
+      block: props.block,
+      context: props.context
     });
-  }, "Block_component_repeatItem_useComputed_j31Y3wFqSCM", [
-    props
-  ]));
-  const processedBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  });
+  const processedBlock = useComputed$(() => {
     var _a2;
-    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,
+    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,
       shouldEvaluateBindings: true
     });
     return blockToUse;
-  }, "Block_component_processedBlock_useComputed_ESKw0l5FcBc", [
-    props
-  ]));
-  const blockComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [processedBlock2, props2] = useLexicalScope();
+  });
+  const blockComponent = useComputed$(() => {
     return getComponent({
-      block: processedBlock2.value,
-      registeredComponents: props2.registeredComponents
+      block: processedBlock.value,
+      registeredComponents: props.registeredComponents
     });
-  }, "Block_component_blockComponent_useComputed_83sGy9Xlsi0", [
-    processedBlock,
-    props
-  ]));
-  const Tag = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  });
+  const Tag = useComputed$(() => {
     var _a2;
-    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(() => {
+    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$(() => {
     var _a2, _b;
-    const [processedBlock2, props2, repeatItem2] = useLexicalScope();
-    if ((_a2 = props2.block.repeat) == null ? void 0 : _a2.collection) {
-      if ((_b = repeatItem2.value) == null ? void 0 : _b.length)
+    if ((_a2 = props.block.repeat) == null ? void 0 : _a2.collection) {
+      if ((_b = repeatItem.value) == null ? void 0 : _b.length)
         return true;
       return false;
     }
-    const shouldHide = "hide" in processedBlock2.value ? processedBlock2.value.hide : false;
-    const shouldShow = "show" in processedBlock2.value ? processedBlock2.value.show : true;
+    const shouldHide = "hide" in processedBlock.value ? processedBlock.value.hide : false;
+    const shouldShow = "show" in processedBlock.value ? processedBlock.value.show : true;
     return shouldShow && !shouldHide;
-  }, "Block_component_canShowBlock_useComputed_NJEFz8ICF08", [
-    processedBlock,
-    props,
-    repeatItem
-  ]));
-  const childrenWithoutParentComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  });
+  const childrenWithoutParentComponent = useComputed$(() => {
     var _a2;
-    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(() => {
+    const shouldRenderChildrenOutsideRef = !((_a2 = blockComponent.value) == null ? void 0 : _a2.component) && !repeatItem.value;
+    return shouldRenderChildrenOutsideRef ? processedBlock.value.children ?? [] : [];
+  });
+  const componentRefProps = useComputed$(() => {
     var _a2, _b, _c;
-    const [blockComponent2, processedBlock2, props2] = useLexicalScope();
     return {
-      blockChildren: processedBlock2.value.children ?? [],
-      componentRef: (_a2 = blockComponent2.value) == null ? void 0 : _a2.component,
+      blockChildren: processedBlock.value.children ?? [],
+      componentRef: (_a2 = blockComponent.value) == null ? void 0 : _a2.component,
       componentOptions: {
-        ...getBlockComponentOptions(processedBlock2.value),
-        ...provideBuilderBlock(blockComponent2.value, processedBlock2.value),
-        ...provideBuilderContext(blockComponent2.value, props2.context),
-        ...provideLinkComponent(blockComponent2.value, props2.linkComponent),
-        ...provideRegisteredComponents(blockComponent2.value, props2.registeredComponents)
+        ...getBlockComponentOptions(processedBlock.value),
+        ...provideBuilderBlock(blockComponent.value, processedBlock.value),
+        ...provideBuilderContext(blockComponent.value, props.context),
+        ...provideLinkComponent(blockComponent.value, props.linkComponent),
+        ...provideRegisteredComponents(blockComponent.value, props.registeredComponents)
       },
-      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")
+      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")
     };
-  }, "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)
+  });
+  useVisibleTask$(() => {
+    const blockId = processedBlock.value.id;
+    const animations = processedBlock.value.animations;
+    if (animations && blockId) {
       bindAnimations(animations.map((animation) => ({
         ...animation,
         elementId: blockId
       })));
-  }, "Block_component_useVisibleTask_hrTYvqw0Tbs", [
-    processedBlock
-  ]));
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-  }, "Block_component_useTask_Xb7FQvPjBMo"));
-  return /* @__PURE__ */ _jsxC(Fragment, {
-    children: canShowBlock.value ? /* @__PURE__ */ _jsxC(Fragment, {
+    }
+  });
+  useTask$(({ track }) => {
+  });
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: canShowBlock.value ? /* @__PURE__ */ jsxs(Fragment, {
       children: [
-        /* @__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;
-          },
+        /* @__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,
           children: [
-            /* @__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"),
+            /* @__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
+            }),
             (childrenWithoutParentComponent.value || []).map((child) => {
-              return /* @__PURE__ */ _jsxC(Block, {
+              return /* @__PURE__ */ jsx(Block, {
                 block: child,
-                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);
+                registeredComponents: props.registeredComponents,
+                linkComponent: props.linkComponent,
+                context: props.context
+              }, child.id);
             })
-          ],
-          [_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);
+          ]
+        }) : (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);
         })
       ]
-    }, 1, "jN_4") : null
-  }, 1, "jN_5");
-}, "Block_component_nnPv0RY0U0k"));
+    }) : null
+  });
+});
+const Block$1 = Block;
 export {
   Block,
-  Block as default
+  Block$1 as default
 };

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

@@ -1,38 +1,36 @@
 "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 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))
+const qwik = require("@builder.io/qwik");
+const BlockStyles = qwik.component$((props) => {
+  const canShowBlock = qwik.useComputed$(() => {
+    const processedBlock = props.block;
+    if (nullable.checkIsDefined(processedBlock.hide)) {
       return !processedBlock.hide;
-    if (nullable.checkIsDefined(processedBlock.show))
+    }
+    if (nullable.checkIsDefined(processedBlock.show)) {
       return processedBlock.show;
+    }
     return true;
-  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
-    props
-  ]));
-  const css$1 = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  });
+  const css$1 = qwik.useComputed$(() => {
     var _a, _b, _c;
-    const [props2] = qwik.useLexicalScope();
-    const processedBlock = props2.block;
+    const processedBlock = props.block;
     const styles = processedBlock.responsiveStyles;
-    const content = props2.context.content;
+    const content = props.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
@@ -66,29 +64,14 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
       smallStylesClass,
       hoverStylesClass
     ].join(" ");
-  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
-    props
-  ]));
-  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: css$1.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(inlinedStyles.InlinedStyles, {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: css$1.value && canShowBlock.value ? /* @__PURE__ */ jsxRuntime.jsx(inlinedStyles.InlinedStyles, {
       id: "builderio-block",
-      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"));
+      styles: css$1.value,
+      nonce: props.context.nonce
+    }) : null
+  });
+});
 exports.BlockStyles = BlockStyles;
 exports.default = BlockStyles;