@builder.io/sdk-qwik 0.16.10 → 0.16.13

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

@@ -1,8 +1,9 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, useComputedQrl, useLexicalScope, useSignal, useVisibleTaskQrl, _jsxC, Slot, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { isEditing } from "../../functions/is-editing.qwik.mjs";
+import { component$, useStylesScoped$, useComputed$, useSignal, useVisibleTask$, $, Slot } from "@builder.io/qwik";
 const onClick = function onClick2(props, state, className, blocksWrapperRef) {
   var _a, _b;
-  if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
+  if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length)) {
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.clickEmptyBlocks",
       data: {
@@ -10,10 +11,11 @@ const onClick = function onClick2(props, state, className, blocksWrapperRef) {
         dataPath: props.path
       }
     }, "*");
+  }
 };
 const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapperRef) {
   var _a, _b;
-  if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length))
+  if (isEditing() && !((_a = props.blocks) == null ? void 0 : _a.length)) {
     (_b = window.parent) == null ? void 0 : _b.postMessage({
       type: "builder.hoverEmptyBlocks",
       data: {
@@ -21,80 +23,30 @@ const onMouseEnter = function onMouseEnter2(props, state, className, blocksWrapp
         dataPath: props.path
       }
     }, "*");
+  }
 };
-const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "BlocksWrapper_component_useStylesScoped_Kj0S9AOXQ0o"));
-  const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+const BlocksWrapper = component$((props) => {
+  useStylesScoped$(STYLES);
+  const className = useComputed$(() => {
     var _a;
-    const [props2] = useLexicalScope();
-    return "builder-blocks" + (!((_a = props2.blocks) == null ? void 0 : _a.length) ? " no-blocks" : "");
-  }, "BlocksWrapper_component_className_useComputed_J5SSSH2Xf08", [
-    props
-  ]));
+    return "builder-blocks" + (!((_a = props.blocks) == null ? void 0 : _a.length) ? " no-blocks" : "");
+  });
   const blocksWrapperRef = useSignal();
-  const state = {};
-  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(() => {
-  }, "BlocksWrapper_component_useVisibleTask_Z6vLhpCjVno"));
-  return /* @__PURE__ */ _jsxC(props.BlocksWrapper, {
+  useVisibleTask$(() => {
+  });
+  return /* @__PURE__ */ jsx(props.BlocksWrapper, {
     ref: blocksWrapperRef,
-    get class() {
-      return className.value + " props-blocks-wrapper-BlocksWrapper";
-    },
-    get "builder-path"() {
-      return props.path;
-    },
-    get "builder-parent-id"() {
-      return props.parent;
-    },
-    get style() {
-      return props.styleProp;
-    },
-    onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
-    }, "BlocksWrapper_component_onClick_ufezvOupQrM", [
-      blocksWrapperRef,
-      className,
-      props,
-      state
-    ]),
-    onKeyPress$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onClick(props2);
-    }, "BlocksWrapper_component_onKeyPress_9bz8vCQc3kg", [
-      blocksWrapperRef,
-      className,
-      props,
-      state
-    ]),
-    onMouseEnter$: /* @__PURE__ */ inlinedQrl((event) => {
-      const [blocksWrapperRef2, className2, props2, state2] = useLexicalScope();
-      return onMouseEnter(props2);
-    }, "BlocksWrapper_component_onMouseEnter_j4FJjnLtraQ", [
-      blocksWrapperRef,
-      className,
-      props,
-      state
-    ]),
+    class: className.value + " props-blocks-wrapper-BlocksWrapper",
+    "builder-path": props.path,
+    "builder-parent-id": props.parent,
+    style: props.styleProp,
+    onClick$: $((event) => onClick(props)),
+    onMouseEnter$: $((event) => onMouseEnter(props)),
+    onKeyPress$: $((event) => onClick(props)),
     ...props.BlocksWrapperProps,
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"),
-    [_IMMUTABLE]: {
-      "builder-parent-id": _fnSignal((p0) => p0.parent, [
-        props
-      ], "p0.parent"),
-      "builder-path": _fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
-      class: _fnSignal((p0) => p0.value + " props-blocks-wrapper-BlocksWrapper", [
-        className
-      ], 'p0.value+" props-blocks-wrapper-BlocksWrapper"'),
-      ref: _IMMUTABLE,
-      style: _fnSignal((p0) => p0.styleProp, [
-        props
-      ], "p0.styleProp")
-    }
-  }, 0, "3u_1");
-}, "BlocksWrapper_component_45hR0o6abzg"));
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
 const STYLES = `
 .props-blocks-wrapper-BlocksWrapper {
   display: flex;

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

@@ -1,90 +1,31 @@
 "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 components_context = require("../../context/components.context.qwik.cjs");
 const block = require("../block/block.qwik.cjs");
 const blocksWrapper = require("./blocks-wrapper.qwik.cjs");
-const Blocks = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const qwik = require("@builder.io/qwik");
+const Blocks = qwik.component$((props) => {
+  var _a, _b;
   const builderContext = qwik.useContext(builder_context);
   const componentsContext = qwik.useContext(components_context);
-  return /* @__PURE__ */ qwik._jsxC(blocksWrapper.BlocksWrapper, {
-    get blocks() {
-      return props.blocks;
-    },
-    get parent() {
-      return props.parent;
-    },
-    get path() {
-      return props.path;
-    },
-    get styleProp() {
-      return props.styleProp;
-    },
-    get BlocksWrapper() {
-      var _a;
-      return ((_a = props.context) == null ? void 0 : _a.BlocksWrapper) || builderContext.BlocksWrapper;
-    },
-    get BlocksWrapperProps() {
-      var _a;
-      return ((_a = props.context) == null ? void 0 : _a.BlocksWrapperProps) || builderContext.BlocksWrapperProps;
-    },
+  return /* @__PURE__ */ jsxRuntime.jsx(blocksWrapper.BlocksWrapper, {
+    blocks: props.blocks,
+    parent: props.parent,
+    path: props.path,
+    styleProp: props.styleProp,
+    BlocksWrapper: ((_a = props.context) == null ? void 0 : _a.BlocksWrapper) || builderContext.BlocksWrapper,
+    BlocksWrapperProps: ((_b = props.context) == null ? void 0 : _b.BlocksWrapperProps) || builderContext.BlocksWrapperProps,
     children: props.blocks ? (props.blocks || []).map((block$1) => {
-      return /* @__PURE__ */ qwik._jsxC(block.Block, {
+      return /* @__PURE__ */ jsxRuntime.jsx(block.default, {
         block: block$1,
-        get linkComponent() {
-          return props.linkComponent;
-        },
-        get context() {
-          return props.context || builderContext;
-        },
-        get registeredComponents() {
-          return props.registeredComponents || componentsContext.registeredComponents;
-        },
-        [qwik._IMMUTABLE]: {
-          context: qwik._fnSignal((p0, p1) => p1.context || p0, [
-            builderContext,
-            props
-          ], "p1.context||p0"),
-          linkComponent: qwik._fnSignal((p0) => p0.linkComponent, [
-            props
-          ], "p0.linkComponent"),
-          registeredComponents: qwik._fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
-            componentsContext,
-            props
-          ], "p1.registeredComponents||p0.registeredComponents")
-        }
-      }, 3, block$1.id);
-    }) : null,
-    [qwik._IMMUTABLE]: {
-      BlocksWrapper: qwik._fnSignal((p0, p1) => {
-        var _a;
-        return ((_a = p1.context) == null ? void 0 : _a.BlocksWrapper) || p0.BlocksWrapper;
-      }, [
-        builderContext,
-        props
-      ], "p1.context?.BlocksWrapper||p0.BlocksWrapper"),
-      BlocksWrapperProps: qwik._fnSignal((p0, p1) => {
-        var _a;
-        return ((_a = p1.context) == null ? void 0 : _a.BlocksWrapperProps) || p0.BlocksWrapperProps;
-      }, [
-        builderContext,
-        props
-      ], "p1.context?.BlocksWrapperProps||p0.BlocksWrapperProps"),
-      blocks: qwik._fnSignal((p0) => p0.blocks, [
-        props
-      ], "p0.blocks"),
-      parent: qwik._fnSignal((p0) => p0.parent, [
-        props
-      ], "p0.parent"),
-      path: qwik._fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
-      styleProp: qwik._fnSignal((p0) => p0.styleProp, [
-        props
-      ], "p0.styleProp")
-    }
-  }, 1, "0n_0");
-}, "Blocks_component_PI1ErWPzPEg"));
+        linkComponent: props.linkComponent,
+        context: props.context || builderContext,
+        registeredComponents: props.registeredComponents || componentsContext.registeredComponents
+      }, block$1.id);
+    }) : null
+  });
+});
 exports.Blocks = Blocks;
 exports.default = Blocks;

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

@@ -1,89 +1,30 @@
-import { componentQrl, inlinedQrl, useContext, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import builderContext from "../../context/builder.context.qwik.mjs";
 import ComponentsContext from "../../context/components.context.qwik.mjs";
-import { Block } from "../block/block.qwik.mjs";
+import Block from "../block/block.qwik.mjs";
 import { BlocksWrapper } from "./blocks-wrapper.qwik.mjs";
-const Blocks = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import { component$, useContext } from "@builder.io/qwik";
+const Blocks = component$((props) => {
+  var _a, _b;
   const builderContext$1 = useContext(builderContext);
   const componentsContext = useContext(ComponentsContext);
-  return /* @__PURE__ */ _jsxC(BlocksWrapper, {
-    get blocks() {
-      return props.blocks;
-    },
-    get parent() {
-      return props.parent;
-    },
-    get path() {
-      return props.path;
-    },
-    get styleProp() {
-      return props.styleProp;
-    },
-    get BlocksWrapper() {
-      var _a;
-      return ((_a = props.context) == null ? void 0 : _a.BlocksWrapper) || builderContext$1.BlocksWrapper;
-    },
-    get BlocksWrapperProps() {
-      var _a;
-      return ((_a = props.context) == null ? void 0 : _a.BlocksWrapperProps) || builderContext$1.BlocksWrapperProps;
-    },
+  return /* @__PURE__ */ jsx(BlocksWrapper, {
+    blocks: props.blocks,
+    parent: props.parent,
+    path: props.path,
+    styleProp: props.styleProp,
+    BlocksWrapper: ((_a = props.context) == null ? void 0 : _a.BlocksWrapper) || builderContext$1.BlocksWrapper,
+    BlocksWrapperProps: ((_b = props.context) == null ? void 0 : _b.BlocksWrapperProps) || builderContext$1.BlocksWrapperProps,
     children: props.blocks ? (props.blocks || []).map((block) => {
-      return /* @__PURE__ */ _jsxC(Block, {
+      return /* @__PURE__ */ jsx(Block, {
         block,
-        get linkComponent() {
-          return props.linkComponent;
-        },
-        get context() {
-          return props.context || builderContext$1;
-        },
-        get registeredComponents() {
-          return props.registeredComponents || componentsContext.registeredComponents;
-        },
-        [_IMMUTABLE]: {
-          context: _fnSignal((p0, p1) => p1.context || p0, [
-            builderContext$1,
-            props
-          ], "p1.context||p0"),
-          linkComponent: _fnSignal((p0) => p0.linkComponent, [
-            props
-          ], "p0.linkComponent"),
-          registeredComponents: _fnSignal((p0, p1) => p1.registeredComponents || p0.registeredComponents, [
-            componentsContext,
-            props
-          ], "p1.registeredComponents||p0.registeredComponents")
-        }
-      }, 3, block.id);
-    }) : null,
-    [_IMMUTABLE]: {
-      BlocksWrapper: _fnSignal((p0, p1) => {
-        var _a;
-        return ((_a = p1.context) == null ? void 0 : _a.BlocksWrapper) || p0.BlocksWrapper;
-      }, [
-        builderContext$1,
-        props
-      ], "p1.context?.BlocksWrapper||p0.BlocksWrapper"),
-      BlocksWrapperProps: _fnSignal((p0, p1) => {
-        var _a;
-        return ((_a = p1.context) == null ? void 0 : _a.BlocksWrapperProps) || p0.BlocksWrapperProps;
-      }, [
-        builderContext$1,
-        props
-      ], "p1.context?.BlocksWrapperProps||p0.BlocksWrapperProps"),
-      blocks: _fnSignal((p0) => p0.blocks, [
-        props
-      ], "p0.blocks"),
-      parent: _fnSignal((p0) => p0.parent, [
-        props
-      ], "p0.parent"),
-      path: _fnSignal((p0) => p0.path, [
-        props
-      ], "p0.path"),
-      styleProp: _fnSignal((p0) => p0.styleProp, [
-        props
-      ], "p0.styleProp")
-    }
-  }, 1, "0n_0");
-}, "Blocks_component_PI1ErWPzPEg"));
+        linkComponent: props.linkComponent,
+        context: props.context || builderContext$1,
+        registeredComponents: props.registeredComponents || componentsContext.registeredComponents
+      }, block.id);
+    }) : null
+  });
+});
 export {
   Blocks,
   Blocks as default