@builder.io/sdk-qwik 0.16.19 → 0.16.21

package/lib/edge/blocks/columns/columns.qwik.mjs

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, _jsxBranch, useStylesScopedQrl, useComputedQrl, useLexicalScope, _jsxQ, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
 import { DynamicRenderer } from "../../components/dynamic-renderer/dynamic-renderer.qwik.mjs";
 import { InlinedStyles } from "../../components/inlined-styles.qwik.mjs";
@@ -7,37 +7,36 @@ import { deoptSignal } from "../../functions/deopt.qwik.mjs";
 import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
 import { mapStyleObjToStrIfNeeded } from "../../functions/get-style.qwik.mjs";
 import { getColumnsClass } from "./helpers.qwik.mjs";
-import { component$, useStore, useStylesScoped$ } from "@builder.io/qwik";
-const getTagName = function getTagName2(props, state, column) {
+const getTagName = function getTagName2(props, state, gutterSize, cols, stackAt, flexDir, column) {
   return column.link ? props.builderLinkComponent || "a" : "div";
 };
-const getWidth = function getWidth2(props, state, index) {
+const getWidth = function getWidth2(props, state, gutterSize, cols, stackAt, flexDir, index) {
   var _a;
-  return ((_a = state.cols[index]) == null ? void 0 : _a.width) || 100 / state.cols.length;
+  return ((_a = cols.value[index]) == null ? void 0 : _a.width) || 100 / cols.value.length;
 };
-const getColumnCssWidth = function getColumnCssWidth2(props, state, index) {
-  const width = getWidth(props, state, index);
-  const subtractWidth = state.gutterSize * (state.cols.length - 1) * (width / 100);
+const getColumnCssWidth = function getColumnCssWidth2(props, state, gutterSize, cols, stackAt, flexDir, index) {
+  const width = getWidth(props, state, gutterSize, cols, stackAt, flexDir, index);
+  const subtractWidth = gutterSize.value * (cols.value.length - 1) * (width / 100);
   return `calc(${width}% - ${subtractWidth}px)`;
 };
-const getTabletStyle = function getTabletStyle2(props, state, { stackedStyle, desktopStyle }) {
-  return state.stackAt === "tablet" ? stackedStyle : desktopStyle;
+const getTabletStyle = function getTabletStyle2(props, state, gutterSize, cols, stackAt, flexDir, { stackedStyle, desktopStyle }) {
+  return stackAt.value === "tablet" ? stackedStyle : desktopStyle;
 };
-const getMobileStyle = function getMobileStyle2(props, state, { stackedStyle, desktopStyle }) {
-  return state.stackAt === "never" ? desktopStyle : stackedStyle;
+const getMobileStyle = function getMobileStyle2(props, state, gutterSize, cols, stackAt, flexDir, { stackedStyle, desktopStyle }) {
+  return stackAt.value === "never" ? desktopStyle : stackedStyle;
 };
-const columnsCssVars = function columnsCssVars2(props, state) {
+const columnsCssVars = function columnsCssVars2(props, state, gutterSize, cols, stackAt, flexDir) {
   return {
-    "--flex-dir": state.flexDir,
-    "--flex-dir-tablet": getTabletStyle(props, state, {
-      stackedStyle: state.flexDir,
+    "--flex-dir": flexDir.value,
+    "--flex-dir-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
+      stackedStyle: flexDir.value,
       desktopStyle: "row"
     })
   };
 };
-const columnCssVars = function columnCssVars2(props, state, index) {
-  const gutter = index === 0 ? 0 : state.gutterSize;
-  const width = getColumnCssWidth(props, state, index);
+const columnCssVars = function columnCssVars2(props, state, gutterSize, cols, stackAt, flexDir, index) {
+  const gutter = index === 0 ? 0 : gutterSize.value;
+  const width = getColumnCssWidth(props, state, gutterSize, cols, stackAt, flexDir, index);
   const gutterPixels = `${gutter}px`;
   const mobileWidth = "100%";
   const mobileMarginLeft = 0;
@@ -51,33 +50,33 @@ const columnCssVars = function columnCssVars2(props, state, index) {
     ...sharedStyles,
     width,
     [marginLeftKey]: gutterPixels,
-    "--column-width-mobile": getMobileStyle(props, state, {
+    "--column-width-mobile": getMobileStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileWidth,
       desktopStyle: width
     }),
-    "--column-margin-left-mobile": getMobileStyle(props, state, {
+    "--column-margin-left-mobile": getMobileStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileMarginLeft,
       desktopStyle: gutterPixels
     }),
-    "--column-width-tablet": getTabletStyle(props, state, {
+    "--column-width-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileWidth,
       desktopStyle: width
     }),
-    "--column-margin-left-tablet": getTabletStyle(props, state, {
+    "--column-margin-left-tablet": getTabletStyle(props, state, gutterSize, cols, stackAt, flexDir, {
       stackedStyle: mobileMarginLeft,
       desktopStyle: gutterPixels
     })
   };
 };
-const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, size) {
+const getWidthForBreakpointSize = function getWidthForBreakpointSize2(props, state, gutterSize, cols, stackAt, flexDir, size) {
   var _a, _b;
   const breakpointSizes = getSizesForBreakpoints(((_b = (_a = props.builderContext.content) == null ? void 0 : _a.meta) == null ? void 0 : _b.breakpoints) || {});
   return breakpointSizes[size].max;
 };
-const columnsStyles = function columnsStyles2(props, state) {
+const columnsStyles = function columnsStyles2(props, state, gutterSize, cols, stackAt, flexDir) {
   const childColumnDiv = `.${props.builderBlock.id}-breakpoints > .builder-column`;
   return `
-        @media (max-width: ${getWidthForBreakpointSize(props, state, "medium")}px) {
+        @media (max-width: ${getWidthForBreakpointSize(props, state, gutterSize, cols, stackAt, flexDir, "medium")}px) {
           .${props.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -89,7 +88,7 @@ const columnsStyles = function columnsStyles2(props, state) {
           }
         }
 
-        @media (max-width: ${getWidthForBreakpointSize(props, state, "small")}px) {
+        @media (max-width: ${getWidthForBreakpointSize(props, state, gutterSize, cols, stackAt, flexDir, "small")}px) {
           .${props.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -102,55 +101,109 @@ const columnsStyles = function columnsStyles2(props, state) {
         },
       `;
 };
-const getAttributes = function getAttributes2(props, state, column, index) {
+const getAttributes = function getAttributes2(props, state, gutterSize, cols, stackAt, flexDir, column, index) {
   return {
-    ...{},
     ...column.link ? {
       href: column.link
     } : {},
     [getClassPropName()]: "builder-column",
-    style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
+    style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, gutterSize, cols, stackAt, flexDir, index))
   };
 };
-const Columns = component$((props) => {
+const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   var _a;
-  const state = useStore({
-    cols: props.columns || [],
-    flexDir: props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column",
-    gutterSize: typeof props.space === "number" ? props.space || 0 : 20,
-    stackAt: props.stackColumnsAt || "tablet"
-  });
-  useStylesScoped$(STYLES);
-  return /* @__PURE__ */ jsxs("div", {
+  _jsxBranch();
+  const state = {};
+  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
+  const gutterSize = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return typeof props2.space === "number" ? props2.space || 0 : 20;
+  }, "Columns_component_gutterSize_useComputed_j0vfXzMKBDA", [
+    props
+  ]));
+  const cols = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return props2.columns || [];
+  }, "Columns_component_cols_useComputed_aVUzM2fGqrw", [
+    props
+  ]));
+  const stackAt = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return props2.stackColumnsAt || "tablet";
+  }, "Columns_component_stackAt_useComputed_62lgKFigB6o", [
+    props
+  ]));
+  const flexDir = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    const [props2] = useLexicalScope();
+    return props2.stackColumnsAt === "never" ? "row" : props2.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  }, "Columns_component_flexDir_useComputed_FDnJAkDHoLk", [
+    props
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
     class: getColumnsClass((_a = props.builderBlock) == null ? void 0 : _a.id) + " div-Columns",
-    style: columnsCssVars(props, state),
-    children: [
-      /* @__PURE__ */ jsx(InlinedStyles, {
-        id: "builderio-columns",
-        styles: columnsStyles(props, state),
-        nonce: props.builderContext.nonce
-      }),
-      (props.columns || []).map((column, index) => {
-        return /* @__PURE__ */ jsx(DynamicRenderer, {
-          TagName: getTagName(props, state, column),
-          actionAttributes: {},
-          attributes: getAttributes(props, state, column, index),
-          children: /* @__PURE__ */ jsx(Blocks, {
-            path: `component.options.columns.${index}.blocks`,
-            parent: props.builderBlock.id,
-            styleProp: {
+    style: columnsCssVars(props, state, gutterSize, cols, stackAt, flexDir)
+  }, null, [
+    /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
+      styles: columnsStyles(props, state, gutterSize, cols, stackAt, flexDir),
+      get nonce() {
+        return props.builderContext.nonce;
+      },
+      [_IMMUTABLE]: {
+        id: _IMMUTABLE,
+        nonce: _fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
+      }
+    }, 3, "c0_0"),
+    (props.columns || []).map((column, index) => {
+      return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+        TagName: getTagName(props, state, gutterSize, cols, stackAt, flexDir, column),
+        actionAttributes: {},
+        attributes: getAttributes(props, state, gutterSize, cols, stackAt, flexDir, column, index),
+        children: /* @__PURE__ */ _jsxC(Blocks, {
+          path: `component.options.columns.${index}.blocks`,
+          get parent() {
+            return props.builderBlock.id;
+          },
+          get styleProp() {
+            return {
               flexGrow: "1"
-            },
-            context: props.builderContext,
-            registeredComponents: props.builderComponents,
-            linkComponent: props.builderLinkComponent,
-            blocks: deoptSignal(column.blocks)
-          })
-        }, index);
-      })
-    ]
-  });
-});
+            };
+          },
+          get context() {
+            return props.builderContext;
+          },
+          get registeredComponents() {
+            return props.builderComponents;
+          },
+          get linkComponent() {
+            return props.builderLinkComponent;
+          },
+          blocks: deoptSignal(column.blocks),
+          [_IMMUTABLE]: {
+            context: _fnSignal((p0) => p0.builderContext, [
+              props
+            ], "p0.builderContext"),
+            linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+              props
+            ], "p0.builderLinkComponent"),
+            parent: _fnSignal((p0) => p0.builderBlock.id, [
+              props
+            ], "p0.builderBlock.id"),
+            registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+              props
+            ], "p0.builderComponents"),
+            styleProp: _IMMUTABLE
+          }
+        }, 3, "c0_1"),
+        [_IMMUTABLE]: {
+          actionAttributes: _IMMUTABLE
+        }
+      }, 1, index);
+    })
+  ], 1, "c0_2");
+}, "Columns_component_7yLj4bxdI6c"));
 const STYLES = `
 .div-Columns {
   display: flex;

package/lib/edge/blocks/columns/component-info.qwik.cjs

@@ -200,16 +200,15 @@ const componentInfo = {
           const containsColumnWithWidth = !!columns.find((col) => col.get("width"));
           if (containsColumnWithWidth) {
             const containsColumnWithoutWidth = !!columns.find((col) => !col.get("width"));
-            if (containsColumnWithoutWidth) {
+            if (containsColumnWithoutWidth)
               clearWidths();
-            } else {
+            else {
               const sumWidths = columns.reduce((memo, col) => {
                 return memo + col.get("width");
               }, 0);
               const widthsDontAddUp = sumWidths !== 100;
-              if (widthsDontAddUp) {
+              if (widthsDontAddUp)
                 clearWidths();
-              }
             }
           }
         }

package/lib/edge/blocks/columns/component-info.qwik.mjs

@@ -198,16 +198,15 @@ const componentInfo = {
           const containsColumnWithWidth = !!columns.find((col) => col.get("width"));
           if (containsColumnWithWidth) {
             const containsColumnWithoutWidth = !!columns.find((col) => !col.get("width"));
-            if (containsColumnWithoutWidth) {
+            if (containsColumnWithoutWidth)
               clearWidths();
-            } else {
+            else {
               const sumWidths = columns.reduce((memo, col) => {
                 return memo + col.get("width");
               }, 0);
               const widthsDontAddUp = sumWidths !== 100;
-              if (widthsDontAddUp) {
+              if (widthsDontAddUp)
                 clearWidths();
-              }
             }
           }
         }

package/lib/edge/blocks/custom-code/custom-code.qwik.cjs

@@ -1,25 +1,23 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
-const CustomCode = qwik.component$((props) => {
+const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useOn("qvisible", qwik.$((event, element) => {
-    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined") {
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [state2] = qwik.useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
       return;
-    }
     const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src)) {
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        }
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -29,23 +27,29 @@ const CustomCode = qwik.component$((props) => {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText)) {
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
-        }
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ref: elementRef,
-    class: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""),
-    dangerouslySetInnerHTML: props.code
-  });
-});
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: qwik._fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
 exports.CustomCode = CustomCode;
 exports.default = CustomCode;

package/lib/edge/blocks/custom-code/custom-code.qwik.mjs

@@ -1,23 +1,21 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { component$, useSignal, useStore, useOn, $ } from "@builder.io/qwik";
-const CustomCode = component$((props) => {
+import { componentQrl, inlinedQrl, useSignal, useStore, useOn, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const elementRef = useSignal();
   const state = useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  useOn("qvisible", $((event, element) => {
-    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined") {
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
       return;
-    }
     const scripts = element.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
       if (script.src) {
-        if (state.scriptsInserted.includes(script.src)) {
+        if (state2.scriptsInserted.includes(script.src))
           continue;
-        }
-        state.scriptsInserted.push(script.src);
+        state2.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -27,24 +25,30 @@ const CustomCode = component$((props) => {
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state.scriptsRun.includes(script.innerText)) {
+        if (state2.scriptsRun.includes(script.innerText))
           continue;
-        }
         try {
-          state.scriptsRun.push(script.innerText);
+          state2.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }));
-  return /* @__PURE__ */ jsx("div", {
-    ref: elementRef,
-    class: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""),
-    dangerouslySetInnerHTML: props.code
-  });
-});
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
 export {
   CustomCode,
   CustomCode as default

package/lib/edge/blocks/embed/embed.qwik.cjs

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
-const helpers = require("./helpers.qwik.cjs");
 const qwik = require("@builder.io/qwik");
+const helpers = require("./helpers.qwik.cjs");
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
@@ -15,37 +14,44 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
       newScript.async = true;
       newScript.src = script.src;
       document.head.appendChild(newScript);
-    } else if (helpers.isJsScript(script) && !state.scriptsRun.includes(script.innerText)) {
+    } else if (helpers.isJsScript(script) && !state.scriptsRun.includes(script.innerText))
       try {
         state.scriptsRun.push(script.innerText);
         new Function(script.innerText)();
       } catch (error) {
         console.warn("`Embed`: Error running script:", error);
       }
-    }
   }
 };
-const Embed = qwik.component$((props) => {
+const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const elem = qwik.useSignal();
   const state = qwik.useStore({
     ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useTask$(({ track }) => {
-    track(() => elem.value);
-    track(() => state.ranInitFn);
-    if (elem.value && !state.ranInitFn) {
-      state.ranInitFn = true;
-      findAndRunScripts(props, state, elem);
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elem2, props2, state2] = qwik.useLexicalScope();
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
     }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", {
+    ref: elem
+  }, {
     class: "builder-embed",
-    ref: elem,
-    dangerouslySetInnerHTML: props.content
-  });
-});
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
 exports.Embed = Embed;
 exports.default = Embed;
 exports.findAndRunScripts = findAndRunScripts;

package/lib/edge/blocks/embed/embed.qwik.mjs

@@ -1,6 +1,5 @@
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { componentQrl, inlinedQrl, useSignal, useStore, useTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
 import { isJsScript } from "./helpers.qwik.mjs";
-import { component$, useSignal, useStore, useTask$ } from "@builder.io/qwik";
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
@@ -13,37 +12,44 @@ const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
       newScript.async = true;
       newScript.src = script.src;
       document.head.appendChild(newScript);
-    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText)) {
+    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText))
       try {
         state.scriptsRun.push(script.innerText);
         new Function(script.innerText)();
       } catch (error) {
         console.warn("`Embed`: Error running script:", error);
       }
-    }
   }
 };
-const Embed = component$((props) => {
+const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const elem = useSignal();
   const state = useStore({
     ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: []
   });
-  useTask$(({ track }) => {
-    track(() => elem.value);
-    track(() => state.ranInitFn);
-    if (elem.value && !state.ranInitFn) {
-      state.ranInitFn = true;
-      findAndRunScripts(props, state, elem);
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [elem2, props2, state2] = useLexicalScope();
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
     }
-  });
-  return /* @__PURE__ */ jsx("div", {
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elem
+  }, {
     class: "builder-embed",
-    ref: elem,
-    dangerouslySetInnerHTML: props.content
-  });
-});
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
 export {
   Embed,
   Embed as default,