@builder.io/sdk-qwik 0.16.5 → 0.16.6-1

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

@@ -0,0 +1,337 @@
+import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, useVisibleTaskQrl, _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";
+import { bindAnimations } from "./animator.qwik.mjs";
+import { getComponent, getRepeatItemData, provideBuilderBlock, provideBuilderContext, provideLinkComponent, provideRegisteredComponents } 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";
+const Block = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a;
+  _jsxBranch();
+  const blockComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return getComponent({
+      block: props2.block,
+      context: props2.context,
+      registeredComponents: props2.registeredComponents
+    });
+  }, "Block_component_blockComponent_useComputed_83sGy9Xlsi0", [
+    props
+  ]));
+  const repeatItem = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return getRepeatItemData({
+      block: props2.block,
+      context: props2.context
+    });
+  }, "Block_component_repeatItem_useComputed_j31Y3wFqSCM", [
+    props
+  ]));
+  const processedBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a2;
+    const [props2] = useLexicalScope();
+    return ((_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
+    });
+  }, "Block_component_processedBlock_useComputed_ESKw0l5FcBc", [
+    props
+  ]));
+  const Tag = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    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(() => {
+    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)
+        return true;
+      return false;
+    }
+    const shouldHide = "hide" in processedBlock2.value ? processedBlock2.value.hide : false;
+    const shouldShow = "show" in processedBlock2.value ? processedBlock2.value.show : true;
+    return shouldShow && !shouldHide;
+  }, "Block_component_canShowBlock_useComputed_NJEFz8ICF08", [
+    processedBlock,
+    props,
+    repeatItem
+  ]));
+  const childrenWithoutParentComponent = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    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(() => {
+    var _a2, _b, _c;
+    const [blockComponent2, processedBlock2, props2] = useLexicalScope();
+    return {
+      blockChildren: processedBlock2.value.children ?? [],
+      componentRef: (_a2 = blockComponent2.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)
+      },
+      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")
+    };
+  }, "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
+      })));
+  }, "Block_component_useVisibleTask_hrTYvqw0Tbs", [
+    processedBlock
+  ]));
+  return /* @__PURE__ */ _jsxC(Fragment, {
+    children: canShowBlock.value ? /* @__PURE__ */ _jsxC(Fragment, {
+      children: [
+        /* @__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, "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__ */ _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__ */ _jsxC(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);
+            })
+          ],
+          [_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);
+        }) : /* @__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")
+      ]
+    }, 1, "jN_4") : null
+  }, 1, "jN_5");
+}, "Block_component_nnPv0RY0U0k"));
+export {
+  Block,
+  Block as default
+};

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

@@ -0,0 +1,109 @@
+"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 getProcessedBlock = require("../../../functions/get-processed-block.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 = getProcessedBlock.getProcessedBlock({
+      block: props2.block,
+      localState: props2.context.localState,
+      rootState: props2.context.rootState,
+      rootSetState: props2.context.rootSetState,
+      context: props2.context.context,
+      shouldEvaluateBindings: true
+    });
+    if (nullable.checkIsDefined(processedBlock.hide))
+      return !processedBlock.hide;
+    if (nullable.checkIsDefined(processedBlock.show))
+      return processedBlock.show;
+    return true;
+  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
+    props
+  ]));
+  const css$1 = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a, _b, _c;
+    const [props2] = qwik.useLexicalScope();
+    const processedBlock = getProcessedBlock.getProcessedBlock({
+      block: props2.block,
+      localState: props2.context.localState,
+      rootState: props2.context.rootState,
+      rootSetState: props2.context.rootSetState,
+      context: props2.context.context,
+      shouldEvaluateBindings: true
+    });
+    const styles = processedBlock.responsiveStyles;
+    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)
+      return "";
+    const largeStylesClass = largeStyles ? css.createCssClass({
+      className,
+      styles: largeStyles
+    }) : "";
+    const mediumStylesClass = mediumStyles ? css.createCssClass({
+      className,
+      styles: mediumStyles,
+      mediaQuery: deviceSizes.getMaxWidthQueryForSize("medium", sizesWithUpdatedBreakpoints)
+    }) : "";
+    const smallStylesClass = smallStyles ? css.createCssClass({
+      className,
+      styles: smallStyles,
+      mediaQuery: deviceSizes.getMaxWidthQueryForSize("small", sizesWithUpdatedBreakpoints)
+    }) : "";
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = ((_c = (_b = hoverAnimation.steps) == null ? void 0 : _b[1]) == null ? void 0 : _c.styles) || {};
+      hoverStylesClass = css.createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelToKebabCase.camelToKebabCase(hoverAnimation.easing)}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      largeStylesClass,
+      mediumStylesClass,
+      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, {
+      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"));
+exports.BlockStyles = BlockStyles;
+exports.default = BlockStyles;

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

@@ -0,0 +1,109 @@
+import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { Fragment } from "@builder.io/qwik/jsx-runtime";
+import { getSizesForBreakpoints, getMaxWidthQueryForSize } from "../../../constants/device-sizes.qwik.mjs";
+import { camelToKebabCase } from "../../../functions/camel-to-kebab-case.qwik.mjs";
+import { getProcessedBlock } from "../../../functions/get-processed-block.qwik.mjs";
+import { createCssClass } from "../../../helpers/css.qwik.mjs";
+import { checkIsDefined } from "../../../helpers/nullable.qwik.mjs";
+import { InlinedStyles } from "../../inlined-styles.qwik.mjs";
+const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  _jsxBranch();
+  const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    const processedBlock = getProcessedBlock({
+      block: props2.block,
+      localState: props2.context.localState,
+      rootState: props2.context.rootState,
+      rootSetState: props2.context.rootSetState,
+      context: props2.context.context,
+      shouldEvaluateBindings: true
+    });
+    if (checkIsDefined(processedBlock.hide))
+      return !processedBlock.hide;
+    if (checkIsDefined(processedBlock.show))
+      return processedBlock.show;
+    return true;
+  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
+    props
+  ]));
+  const css = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a, _b, _c;
+    const [props2] = useLexicalScope();
+    const processedBlock = getProcessedBlock({
+      block: props2.block,
+      localState: props2.context.localState,
+      rootState: props2.context.rootState,
+      rootSetState: props2.context.rootSetState,
+      context: props2.context.context,
+      shouldEvaluateBindings: true
+    });
+    const styles = processedBlock.responsiveStyles;
+    const content = props2.context.content;
+    const sizesWithUpdatedBreakpoints = 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)
+      return "";
+    const largeStylesClass = largeStyles ? createCssClass({
+      className,
+      styles: largeStyles
+    }) : "";
+    const mediumStylesClass = mediumStyles ? createCssClass({
+      className,
+      styles: mediumStyles,
+      mediaQuery: getMaxWidthQueryForSize("medium", sizesWithUpdatedBreakpoints)
+    }) : "";
+    const smallStylesClass = smallStyles ? createCssClass({
+      className,
+      styles: smallStyles,
+      mediaQuery: getMaxWidthQueryForSize("small", sizesWithUpdatedBreakpoints)
+    }) : "";
+    const hoverAnimation = processedBlock.animations && processedBlock.animations.find((item) => item.trigger === "hover");
+    let hoverStylesClass = "";
+    if (hoverAnimation) {
+      const hoverStyles = ((_c = (_b = hoverAnimation.steps) == null ? void 0 : _b[1]) == null ? void 0 : _c.styles) || {};
+      hoverStylesClass = createCssClass({
+        className: `${className}:hover`,
+        styles: {
+          ...hoverStyles,
+          transition: `all ${hoverAnimation.duration}s ${camelToKebabCase(hoverAnimation.easing)}`,
+          transitionDelay: hoverAnimation.delay ? `${hoverAnimation.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      largeStylesClass,
+      mediumStylesClass,
+      smallStylesClass,
+      hoverStylesClass
+    ].join(" ");
+  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
+    props
+  ]));
+  return /* @__PURE__ */ _jsxC(Fragment, {
+    children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
+      get styles() {
+        return css.value;
+      },
+      get nonce() {
+        return props.context.nonce;
+      },
+      [_IMMUTABLE]: {
+        id: _IMMUTABLE,
+        nonce: _fnSignal((p0) => p0.context.nonce, [
+          props
+        ], "p0.context.nonce"),
+        styles: _fnSignal((p0) => p0.value, [
+          css
+        ], "p0.value")
+      }
+    }, 3, "8B_0") : null
+  }, 1, "8B_1");
+}, "BlockStyles_component_0lZeirBI638"));
+export {
+  BlockStyles,
+  BlockStyles as default
+};

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const getBlockActions = require("../../../functions/get-block-actions.qwik.cjs");
+const getBlockProperties = require("../../../functions/get-block-properties.qwik.cjs");
+const dynamicRenderer = require("../../dynamic-renderer/dynamic-renderer.qwik.cjs");
+const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxC(dynamicRenderer.DynamicRenderer, {
+    get TagName() {
+      return props.Wrapper;
+    },
+    actionAttributes: getBlockActions.getBlockActions({
+      block: props.block,
+      rootState: props.context.rootState,
+      rootSetState: props.context.rootSetState,
+      localState: props.context.localState,
+      context: props.context.context,
+      stripPrefix: true
+    }),
+    attributes: getBlockProperties.getBlockProperties({
+      block: props.block,
+      context: props.context
+    }),
+    children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "87_0"),
+    [qwik._IMMUTABLE]: {
+      TagName: qwik._fnSignal((p0) => p0.Wrapper, [
+        props
+      ], "p0.Wrapper")
+    }
+  }, 1, "87_1");
+}, "BlockWrapper_component_kOI0j0aW8Nw"));
+exports.BlockWrapper = BlockWrapper;
+exports.default = BlockWrapper;

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

@@ -0,0 +1,33 @@
+import { componentQrl, inlinedQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { getBlockActions } from "../../../functions/get-block-actions.qwik.mjs";
+import { getBlockProperties } from "../../../functions/get-block-properties.qwik.mjs";
+import { DynamicRenderer } from "../../dynamic-renderer/dynamic-renderer.qwik.mjs";
+const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+    get TagName() {
+      return props.Wrapper;
+    },
+    actionAttributes: getBlockActions({
+      block: props.block,
+      rootState: props.context.rootState,
+      rootSetState: props.context.rootSetState,
+      localState: props.context.localState,
+      context: props.context.context,
+      stripPrefix: true
+    }),
+    attributes: getBlockProperties({
+      block: props.block,
+      context: props.context
+    }),
+    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "87_0"),
+    [_IMMUTABLE]: {
+      TagName: _fnSignal((p0) => p0.Wrapper, [
+        props
+      ], "p0.Wrapper")
+    }
+  }, 1, "87_1");
+}, "BlockWrapper_component_kOI0j0aW8Nw"));
+export {
+  BlockWrapper,
+  BlockWrapper as default
+};

package/lib/browser/components/block/components/component-ref/component-ref.helpers.qwik.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getBlockProperties = require("../../../../functions/get-block-properties.qwik.cjs");
+const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
+  const wrapperPropsWithAttributes = {
+    ...componentOptions,
+    /**
+    * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+    * component itself directly. Otherwise, they are provided to the wrapper element.
+    */
+    ...includeBlockProps ? {
+      attributes: getBlockProperties.getBlockProperties({
+        block: builderBlock,
+        context: contextValue
+      })
+    } : {}
+  };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
+};
+exports.getWrapperProps = getWrapperProps;

package/lib/browser/components/block/components/component-ref/component-ref.helpers.qwik.mjs

@@ -0,0 +1,27 @@
+import { getBlockProperties } from "../../../../functions/get-block-properties.qwik.mjs";
+const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
+  const wrapperPropsWithAttributes = {
+    ...componentOptions,
+    /**
+    * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+    * component itself directly. Otherwise, they are provided to the wrapper element.
+    */
+    ...includeBlockProps ? {
+      attributes: getBlockProperties({
+        block: builderBlock,
+        context: contextValue
+      })
+    } : {}
+  };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
+};
+export {
+  getWrapperProps
+};