@builder.io/sdk-qwik 0.16.11 → 0.16.13

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

@@ -1,6 +1,7 @@
-import { componentQrl, inlinedQrl, _jsxC, _fnSignal, _IMMUTABLE } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { DynamicRenderer } from "../../components/dynamic-renderer/dynamic-renderer.qwik.mjs";
 import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
+import { component$ } from "@builder.io/qwik";
 const attrs = function attrs2(props, state) {
   return {
     ...props.attributes,
@@ -14,24 +15,14 @@ const attrs = function attrs2(props, state) {
     }
   };
 };
-const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  return /* @__PURE__ */ _jsxC(DynamicRenderer, {
+const Button = component$((props) => {
+  return /* @__PURE__ */ jsx(DynamicRenderer, {
     attributes: attrs(props),
-    get TagName() {
-      return props.link ? props.builderLinkComponent || "a" : "button";
-    },
+    TagName: props.link ? props.builderLinkComponent || "a" : "button",
     actionAttributes: {},
-    children: _fnSignal((p0) => p0.text, [
-      props
-    ], "p0.text"),
-    [_IMMUTABLE]: {
-      TagName: _fnSignal((p0) => p0.link ? p0.builderLinkComponent || "a" : "button", [
-        props
-      ], 'p0.link?p0.builderLinkComponent||"a":"button"'),
-      actionAttributes: _IMMUTABLE
-    }
-  }, 3, "jc_0");
-}, "Button_component_gJoMUICXoUQ"));
+    children: props.text
+  });
+});
 export {
   Button,
   attrs,

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

@@ -1,6 +1,6 @@
 "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 blocks = require("../../components/blocks/blocks.qwik.cjs");
 const dynamicRenderer = require("../../components/dynamic-renderer/dynamic-renderer.qwik.cjs");
 const inlinedStyles = require("../../components/inlined-styles.qwik.cjs");
@@ -9,6 +9,7 @@ const deopt = require("../../functions/deopt.qwik.cjs");
 const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
 const getStyle = require("../../functions/get-style.qwik.cjs");
 const helpers = require("./helpers.qwik.cjs");
+const qwik = require("@builder.io/qwik");
 const getTagName = function getTagName2(props, state, column) {
   return column.link ? props.builderLinkComponent || "a" : "div";
 };
@@ -105,6 +106,7 @@ const columnsStyles = function columnsStyles2(props, state) {
 };
 const getAttributes = function getAttributes2(props, state, column, index) {
   return {
+    ...{},
     ...column.link ? {
       href: column.link
     } : {},
@@ -112,81 +114,45 @@ const getAttributes = function getAttributes2(props, state, column, index) {
     style: getStyle.mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
   };
 };
-const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const Columns = qwik.component$((props) => {
   var _a;
-  qwik._jsxBranch();
   const state = qwik.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"
   });
-  qwik.useStylesScopedQrl(/* @__PURE__ */ qwik.inlinedQrl(STYLES, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
-  return /* @__PURE__ */ qwik._jsxQ("div", {
+  qwik.useStylesScoped$(STYLES);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: helpers.getColumnsClass((_a = props.builderBlock) == null ? void 0 : _a.id) + " div-Columns",
-    style: columnsCssVars(props, state)
-  }, null, [
-    /* @__PURE__ */ qwik._jsxC(inlinedStyles.InlinedStyles, {
-      id: "builderio-columns",
-      styles: columnsStyles(props, state),
-      get nonce() {
-        return props.builderContext.nonce;
-      },
-      [qwik._IMMUTABLE]: {
-        id: qwik._IMMUTABLE,
-        nonce: qwik._fnSignal((p0) => p0.builderContext.nonce, [
-          props
-        ], "p0.builderContext.nonce")
-      }
-    }, 3, "c0_0"),
-    (props.columns || []).map((column, index) => {
-      return /* @__PURE__ */ qwik._jsxC(dynamicRenderer.DynamicRenderer, {
-        TagName: getTagName(props, state, column),
-        actionAttributes: {},
-        attributes: getAttributes(props, state, column, index),
-        children: /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-          path: `component.options.columns.${index}.blocks`,
-          get parent() {
-            return props.builderBlock.id;
-          },
-          get styleProp() {
-            return {
+    style: columnsCssVars(props, state),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(inlinedStyles.InlinedStyles, {
+        id: "builderio-columns",
+        styles: columnsStyles(props, state),
+        nonce: props.builderContext.nonce
+      }),
+      (props.columns || []).map((column, index) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(dynamicRenderer.DynamicRenderer, {
+          TagName: getTagName(props, state, column),
+          actionAttributes: {},
+          attributes: getAttributes(props, state, column, index),
+          children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+            path: `component.options.columns.${index}.blocks`,
+            parent: props.builderBlock.id,
+            styleProp: {
               flexGrow: "1"
-            };
-          },
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          blocks: deopt.deoptSignal(column.blocks),
-          [qwik._IMMUTABLE]: {
-            context: qwik._fnSignal((p0) => p0.builderContext, [
-              props
-            ], "p0.builderContext"),
-            linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
-              props
-            ], "p0.builderLinkComponent"),
-            parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
-              props
-            ], "p0.builderBlock.id"),
-            registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
-              props
-            ], "p0.builderComponents"),
-            styleProp: qwik._IMMUTABLE
-          }
-        }, 3, "c0_1"),
-        [qwik._IMMUTABLE]: {
-          actionAttributes: qwik._IMMUTABLE
-        }
-      }, 1, index);
-    })
-  ], 1, "c0_2");
-}, "Columns_component_7yLj4bxdI6c"));
+            },
+            context: props.builderContext,
+            registeredComponents: props.builderComponents,
+            linkComponent: props.builderLinkComponent,
+            blocks: deopt.deoptSignal(column.blocks)
+          })
+        }, index);
+      })
+    ]
+  });
+});
 const STYLES = `
 .div-Columns {
   display: flex;

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

@@ -1,4 +1,4 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStore, useStylesScopedQrl, _jsxQ, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 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,6 +7,7 @@ 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) {
   return column.link ? props.builderLinkComponent || "a" : "div";
 };
@@ -103,6 +104,7 @@ const columnsStyles = function columnsStyles2(props, state) {
 };
 const getAttributes = function getAttributes2(props, state, column, index) {
   return {
+    ...{},
     ...column.link ? {
       href: column.link
     } : {},
@@ -110,81 +112,45 @@ const getAttributes = function getAttributes2(props, state, column, index) {
     style: mapStyleObjToStrIfNeeded(columnCssVars(props, state, index))
   };
 };
-const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const Columns = component$((props) => {
   var _a;
-  _jsxBranch();
   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"
   });
-  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES, "Columns_component_useStylesScoped_s7JLZz7MCCQ"));
-  return /* @__PURE__ */ _jsxQ("div", {
+  useStylesScoped$(STYLES);
+  return /* @__PURE__ */ jsxs("div", {
     class: getColumnsClass((_a = props.builderBlock) == null ? void 0 : _a.id) + " div-Columns",
-    style: columnsCssVars(props, state)
-  }, null, [
-    /* @__PURE__ */ _jsxC(InlinedStyles, {
-      id: "builderio-columns",
-      styles: columnsStyles(props, state),
-      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, column),
-        actionAttributes: {},
-        attributes: getAttributes(props, state, column, index),
-        children: /* @__PURE__ */ _jsxC(Blocks, {
-          path: `component.options.columns.${index}.blocks`,
-          get parent() {
-            return props.builderBlock.id;
-          },
-          get styleProp() {
-            return {
+    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: {
               flexGrow: "1"
-            };
-          },
-          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"));
+            },
+            context: props.builderContext,
+            registeredComponents: props.builderComponents,
+            linkComponent: props.builderLinkComponent,
+            blocks: deoptSignal(column.blocks)
+          })
+        }, index);
+      })
+    ]
+  });
+});
 const STYLES = `
 .div-Columns {
   display: flex;

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

@@ -200,15 +200,16 @@ 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/browser/blocks/columns/component-info.qwik.mjs

@@ -198,15 +198,16 @@ 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/browser/blocks/custom-code/custom-code.qwik.cjs

@@ -1,23 +1,25 @@
 "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 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const CustomCode = qwik.component$((props) => {
   const elementRef = qwik.useSignal();
   const state = qwik.useStore({
     scriptsInserted: [],
     scriptsRun: []
   });
-  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
-    const [state2] = qwik.useLexicalScope();
-    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+  qwik.useOn("qvisible", qwik.$((event, element) => {
+    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 (state2.scriptsInserted.includes(script.src))
+        if (state.scriptsInserted.includes(script.src)) {
           continue;
-        state2.scriptsInserted.push(script.src);
+        }
+        state.scriptsInserted.push(script.src);
         const newScript = document.createElement("script");
         newScript.async = true;
         newScript.src = script.src;
@@ -27,29 +29,23 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
         "application/javascript",
         "application/ecmascript"
       ].includes(script.type)) {
-        if (state2.scriptsRun.includes(script.innerText))
+        if (state.scriptsRun.includes(script.innerText)) {
           continue;
+        }
         try {
-          state2.scriptsRun.push(script.innerText);
+          state.scriptsRun.push(script.innerText);
           new Function(script.innerText)();
         } catch (error) {
           console.warn("`CustomCode`: Error running script:", error);
         }
       }
     }
-  }, "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"));
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    ref: elementRef,
+    class: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""),
+    dangerouslySetInnerHTML: props.code
+  });
+});
 exports.CustomCode = CustomCode;
 exports.default = CustomCode;

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

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

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

@@ -1,7 +1,8 @@
 "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 helpers = require("./helpers.qwik.cjs");
+const qwik = require("@builder.io/qwik");
 const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
   if (!elem.value || !elem.value.getElementsByTagName)
     return;
@@ -14,44 +15,37 @@ 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 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const Embed = qwik.component$((props) => {
   const elem = qwik.useSignal();
   const state = qwik.useStore({
     ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: []
   });
-  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);
+  qwik.useTask$(({ track }) => {
+    track(() => elem.value);
+    track(() => state.ranInitFn);
+    if (elem.value && !state.ranInitFn) {
+      state.ranInitFn = true;
+      findAndRunScripts(props, state, elem);
     }
-  }, "Embed_component_useTask_bg7ez0XUtiM", [
-    elem,
-    props,
-    state
-  ]));
-  return /* @__PURE__ */ qwik._jsxQ("div", {
-    ref: elem
-  }, {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: "builder-embed",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.content, [
-      props
-    ], "p0.content")
-  }, null, 3, "9r_0");
-}, "Embed_component_Uji08ORjXbE"));
+    ref: elem,
+    dangerouslySetInnerHTML: props.content
+  });
+});
 exports.Embed = Embed;
 exports.default = Embed;
 exports.findAndRunScripts = findAndRunScripts;

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

@@ -1,5 +1,6 @@
-import { componentQrl, inlinedQrl, useSignal, useStore, useTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 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;
@@ -12,44 +13,37 @@ 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 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+const Embed = component$((props) => {
   const elem = useSignal();
   const state = useStore({
     ranInitFn: false,
     scriptsInserted: [],
     scriptsRun: []
   });
-  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);
+  useTask$(({ track }) => {
+    track(() => elem.value);
+    track(() => state.ranInitFn);
+    if (elem.value && !state.ranInitFn) {
+      state.ranInitFn = true;
+      findAndRunScripts(props, state, elem);
     }
-  }, "Embed_component_useTask_bg7ez0XUtiM", [
-    elem,
-    props,
-    state
-  ]));
-  return /* @__PURE__ */ _jsxQ("div", {
-    ref: elem
-  }, {
+  });
+  return /* @__PURE__ */ jsx("div", {
     class: "builder-embed",
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.content, [
-      props
-    ], "p0.content")
-  }, null, 3, "9r_0");
-}, "Embed_component_Uji08ORjXbE"));
+    ref: elem,
+    dangerouslySetInnerHTML: props.content
+  });
+});
 export {
   Embed,
   Embed as default,