@builder.io/sdk-qwik 0.11.5 → 0.12.1

package/lib/browser/index.qwik.cjs

@@ -1704,7 +1704,7 @@ const handleABTesting = async ({ item, canTrack }) => {
   };
 };
 const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
-const componentInfo$a = {
+const componentInfo$b = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1742,7 +1742,7 @@ const componentInfo$a = {
   static: true,
   noWrap: true
 };
-const componentInfo$9 = {
+const componentInfo$a = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: true,
@@ -1984,7 +1984,7 @@ const componentInfo$9 = {
     }
   ]
 };
-const componentInfo$8 = {
+const componentInfo$9 = {
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -2063,7 +2063,7 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
     ], "p0.code")
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
-const componentInfo$7 = {
+const componentInfo$8 = {
   name: "Embed",
   static: true,
   inputs: [
@@ -2156,14 +2156,14 @@ const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     ], "p0.content")
   }, null, 3, "9r_0");
 }, "Embed_component_Uji08ORjXbE"));
-const componentInfo$6 = {
+const componentInfo$7 = {
   name: "Fragment",
   static: true,
   hidden: true,
   canHaveChildren: true,
   noWrap: true
 };
-const componentInfo$5 = {
+const componentInfo$6 = {
   name: "Image",
   static: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2311,7 +2311,7 @@ const componentInfo$5 = {
     }
   ]
 };
-const componentInfo$4 = {
+const componentInfo$5 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -2353,7 +2353,7 @@ const ImgComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
   }, 0, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
-const componentInfo$3 = {
+const componentInfo$4 = {
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2398,6 +2398,61 @@ const componentInfo$3 = {
     }
   ]
 };
+const componentInfo$3 = {
+  name: "Slot",
+  isRSC: true,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      defaultValue: "children"
+    }
+  ]
+};
+const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ qwik._jsxS("div", {
+    ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
+      "builder-slot": props.name
+    },
+    children: /* @__PURE__ */ qwik._jsxC(Blocks, {
+      get parent() {
+        var _a2;
+        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
+      },
+      get path() {
+        return `symbol.data.${props.name}`;
+      },
+      get context() {
+        return props.builderContext;
+      },
+      blocks: deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
+      [qwik._IMMUTABLE]: {
+        context: qwik._fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: qwik._fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
 const componentInfo$2 = {
   name: "Symbol",
   noWrap: true,
@@ -2702,35 +2757,35 @@ const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
-    ...componentInfo$a
+    ...componentInfo$b
   },
   {
     component: Columns,
-    ...componentInfo$9
+    ...componentInfo$a
   },
   {
     component: CustomCode,
-    ...componentInfo$8
+    ...componentInfo$9
   },
   {
     component: Embed,
-    ...componentInfo$7
+    ...componentInfo$8
   },
   {
     component: FragmentComponent,
-    ...componentInfo$6
+    ...componentInfo$7
   },
   {
     component: Image,
-    ...componentInfo$5
+    ...componentInfo$6
   },
   {
     component: ImgComponent,
-    ...componentInfo$4
+    ...componentInfo$5
   },
   {
     component: SectionComponent,
-    ...componentInfo$3
+    ...componentInfo$4
   },
   {
     component: Symbol$1,
@@ -2743,6 +2798,10 @@ const getDefaultRegisteredComponents = () => [
   {
     component: Video,
     ...componentInfo
+  },
+  {
+    component: Slot,
+    ...componentInfo$3
   }
 ];
 const components = [];
@@ -3182,7 +3241,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.11.5";
+const SDK_VERSION = "0.12.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4322,7 +4381,11 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         return props.builderContext.apiKey;
       },
       get context() {
-        return props.builderContext.context;
+        var _a2;
+        return {
+          ...props.builderContext.context,
+          symbolId: (_a2 = props.builderBlock) == null ? void 0 : _a2.id
+        };
       },
       get customComponents() {
         return Object.values(props.builderComponents);
@@ -4352,9 +4415,15 @@ const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
         content: qwik._fnSignal((p0) => p0.contentToUse, [
           state
         ], "p0.contentToUse"),
-        context: qwik._fnSignal((p0) => p0.builderContext.context, [
+        context: qwik._fnSignal((p0) => {
+          var _a2;
+          return {
+            ...p0.builderContext.context,
+            symbolId: (_a2 = p0.builderBlock) == null ? void 0 : _a2.id
+          };
+        }, [
           props
-        ], "p0.builderContext.context"),
+        ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
         customComponents: qwik._fnSignal((p0) => Object.values(p0.builderComponents), [
           props
         ], "Object.values(p0.builderComponents)"),

package/lib/browser/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useOn, useTaskQrl } from "@builder.io/qwik";
+import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot as Slot$1, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useOn, useTaskQrl } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 import { isServer } from "@builder.io/qwik/build";
 const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -556,7 +556,7 @@ const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         context: props.context.context,
         stripPrefix: true
       }),
-      children: /* @__PURE__ */ _jsxC(Slot, null, 3, "87_0")
+      children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "87_0")
     }, 0, "87_1") : /* @__PURE__ */ _jsxC(props.Wrapper, {
       ...getBlockProperties({
         block: props.block,
@@ -589,7 +589,7 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
         context: props.context.context
       })
     } : {},
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0")
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
@@ -1062,7 +1062,7 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
       state
     ]),
     ...props.BlocksWrapperProps,
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "3u_0"),
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "3u_0"),
     [_IMMUTABLE]: {
       "builder-parent-id": _fnSignal((p0) => p0.parent, [
         props
@@ -1330,7 +1330,7 @@ const STYLES$1 = `
 }
 `;
 const FragmentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot, null, 3, "oj_0"), 1, "oj_1");
+  return /* @__PURE__ */ _jsxQ("span", null, null, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "oj_0"), 1, "oj_1");
 }, "FragmentComponent_component_T0AypnadAK0"));
 function removeProtocol(path) {
   return path.replace(/http(s)?:/, "");
@@ -1482,10 +1482,10 @@ const Image = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
           props
         ], '{paddingTop:p0.aspectRatio*100+"%"}')
       }, null, 3, "0A_1") : null,
-      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_2") : null,
+      ((_d = (_c = props.builderBlock) == null ? void 0 : _c.children) == null ? void 0 : _d.length) && props.fitContent ? /* @__PURE__ */ _jsxC(Slot$1, null, 3, "0A_2") : null,
       !props.fitContent && props.children ? /* @__PURE__ */ _jsxQ("div", null, {
         class: "div-Image-2"
-      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "0A_3"), 1, "0A_4") : null
+      }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "0A_3"), 1, "0A_4") : null
     ]
   }, 1, "0A_5");
 }, "Image_component_LRxDkFa1EfU"));
@@ -1513,7 +1513,7 @@ const STYLES = `
 const SectionComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxS("section", {
     ...props.attributes,
-    children: /* @__PURE__ */ _jsxC(Slot, null, 3, "2Y_0"),
+    children: /* @__PURE__ */ _jsxC(Slot$1, null, 3, "2Y_0"),
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1702,7 +1702,7 @@ const handleABTesting = async ({ item, canTrack }) => {
   };
 };
 const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
-const componentInfo$a = {
+const componentInfo$b = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1740,7 +1740,7 @@ const componentInfo$a = {
   static: true,
   noWrap: true
 };
-const componentInfo$9 = {
+const componentInfo$a = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: true,
@@ -1982,7 +1982,7 @@ const componentInfo$9 = {
     }
   ]
 };
-const componentInfo$8 = {
+const componentInfo$9 = {
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -2061,7 +2061,7 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     ], "p0.code")
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
-const componentInfo$7 = {
+const componentInfo$8 = {
   name: "Embed",
   static: true,
   inputs: [
@@ -2154,14 +2154,14 @@ const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     ], "p0.content")
   }, null, 3, "9r_0");
 }, "Embed_component_Uji08ORjXbE"));
-const componentInfo$6 = {
+const componentInfo$7 = {
   name: "Fragment",
   static: true,
   hidden: true,
   canHaveChildren: true,
   noWrap: true
 };
-const componentInfo$5 = {
+const componentInfo$6 = {
   name: "Image",
   static: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2309,7 +2309,7 @@ const componentInfo$5 = {
     }
   ]
 };
-const componentInfo$4 = {
+const componentInfo$5 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -2351,7 +2351,7 @@ const ImgComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     ], '{objectFit:p0.backgroundSize||"cover",objectPosition:p0.backgroundPosition||"center"}')
   }, 0, isEditing() && props.imgSrc || "default-key");
 }, "ImgComponent_component_FXvIDBSffO8"));
-const componentInfo$3 = {
+const componentInfo$4 = {
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2396,6 +2396,61 @@ const componentInfo$3 = {
     }
   ]
 };
+const componentInfo$3 = {
+  name: "Slot",
+  isRSC: true,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      defaultValue: "children"
+    }
+  ]
+};
+const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a, _b;
+  return /* @__PURE__ */ _jsxS("div", {
+    ...!((_a = props.builderContext.context) == null ? void 0 : _a.symbolId) && {
+      "builder-slot": props.name
+    },
+    children: /* @__PURE__ */ _jsxC(Blocks, {
+      get parent() {
+        var _a2;
+        return (_a2 = props.builderContext.context) == null ? void 0 : _a2.symbolId;
+      },
+      get path() {
+        return `symbol.data.${props.name}`;
+      },
+      get context() {
+        return props.builderContext;
+      },
+      blocks: deoptSignal((_b = props.builderContext.rootState) == null ? void 0 : _b[props.name]),
+      [_IMMUTABLE]: {
+        context: _fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        parent: _fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.builderContext.context) == null ? void 0 : _a2.symbolId;
+        }, [
+          props
+        ], "p0.builderContext.context?.symbolId"),
+        path: _fnSignal((p0) => `symbol.data.${p0.name}`, [
+          props
+        ], "`symbol.data.${p0.name}`")
+      }
+    }, 3, "B1_0")
+  }, {
+    style: {
+      pointerEvents: "auto"
+    }
+  }, 0, "B1_1");
+}, "Slot_component_WWgWgfV0bb0"));
 const componentInfo$2 = {
   name: "Symbol",
   noWrap: true,
@@ -2681,7 +2736,7 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         flexDirection: "column",
         alignItems: "stretch"
       }
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_2"), 1, "j7_3") : null,
+    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "j7_2"), 1, "j7_3") : null,
     ((_g = (_f = props.builderBlock) == null ? void 0 : _f.children) == null ? void 0 : _g.length) && !props.fitContent ? /* @__PURE__ */ _jsxQ("div", null, {
       style: {
         pointerEvents: "none",
@@ -2694,41 +2749,41 @@ const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         width: "100%",
         height: "100%"
       }
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_4"), 1, "j7_5") : null
+    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "j7_4"), 1, "j7_5") : null
   ], 1, "j7_6");
 }, "Video_component_qdcTZflYyoQ"));
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
-    ...componentInfo$a
+    ...componentInfo$b
   },
   {
     component: Columns,
-    ...componentInfo$9
+    ...componentInfo$a
   },
   {
     component: CustomCode,
-    ...componentInfo$8
+    ...componentInfo$9
   },
   {
     component: Embed,
-    ...componentInfo$7
+    ...componentInfo$8
   },
   {
     component: FragmentComponent,
-    ...componentInfo$6
+    ...componentInfo$7
   },
   {
     component: Image,
-    ...componentInfo$5
+    ...componentInfo$6
   },
   {
     component: ImgComponent,
-    ...componentInfo$4
+    ...componentInfo$5
   },
   {
     component: SectionComponent,
-    ...componentInfo$3
+    ...componentInfo$4
   },
   {
     component: Symbol$1,
@@ -2741,6 +2796,10 @@ const getDefaultRegisteredComponents = () => [
   {
     component: Video,
     ...componentInfo
+  },
+  {
+    component: Slot,
+    ...componentInfo$3
   }
 ];
 const components = [];
@@ -3180,7 +3239,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.11.5";
+const SDK_VERSION = "0.12.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -3641,7 +3700,7 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
       },
       ...props.contentWrapperProps,
       class: `variant-${((_d = props.content) == null ? void 0 : _d.testVariationId) || ((_e = props.content) == null ? void 0 : _e.id)}`
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "06_0")) : null
+    }, /* @__PURE__ */ _jsxC(Slot$1, null, 3, "06_0")) : null
   }, 1, "06_1");
 }, "EnableEditor_component_ko1mO8oaj8k"));
 const getCssFromFont = (font) => {
@@ -4320,7 +4379,11 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         return props.builderContext.apiKey;
       },
       get context() {
-        return props.builderContext.context;
+        var _a2;
+        return {
+          ...props.builderContext.context,
+          symbolId: (_a2 = props.builderBlock) == null ? void 0 : _a2.id
+        };
       },
       get customComponents() {
         return Object.values(props.builderComponents);
@@ -4350,9 +4413,15 @@ const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
         content: _fnSignal((p0) => p0.contentToUse, [
           state
         ], "p0.contentToUse"),
-        context: _fnSignal((p0) => p0.builderContext.context, [
+        context: _fnSignal((p0) => {
+          var _a2;
+          return {
+            ...p0.builderContext.context,
+            symbolId: (_a2 = p0.builderBlock) == null ? void 0 : _a2.id
+          };
+        }, [
           props
-        ], "p0.builderContext.context"),
+        ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
         customComponents: _fnSignal((p0) => Object.values(p0.builderComponents), [
           props
         ], "Object.values(p0.builderComponents)"),