@builder.io/sdk-qwik 0.16.10 → 0.16.13

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

@@ -1,115 +1,61 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useStore, _jsxQ, _fnSignal, useLexicalScope, _jsxC, _IMMUTABLE, _wrapProp } from "@builder.io/qwik";
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
 import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
+import { component$, useStore, $ } from "@builder.io/qwik";
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
 };
 const onClick = function onClick2(props, state, index) {
-  if (index === state.activeTab && props.collapsible)
+  if (index === state.activeTab && props.collapsible) {
     state.activeTab = -1;
-  else
+  } else {
     state.activeTab = index;
+  }
 };
-const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  _jsxBranch();
+const Tabs = component$((props) => {
   const state = useStore({
     activeTab: props.defaultActiveTab ? props.defaultActiveTab - 1 : 0
   });
-  return /* @__PURE__ */ _jsxQ("div", null, null, [
-    /* @__PURE__ */ _jsxQ("div", null, {
-      class: "builder-tabs-wrap",
-      style: _fnSignal((p0) => ({
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: p0.tabHeaderLayout || "flex-start",
-        overflow: "auto"
-      }), [
-        props
-      ], '{display:"flex",flexDirection:"row",justifyContent:p0.tabHeaderLayout||"flex-start",overflow:"auto"}')
-    }, (props.tabs || []).map((tab, index) => {
-      return /* @__PURE__ */ _jsxQ("span", {
-        class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
-        onClick$: /* @__PURE__ */ inlinedQrl((event) => {
-          const [index2, props2, state2] = useLexicalScope();
-          return onClick(props2, state2, index2);
-        }, "Tabs_component_div_div_span_onClick_hSTBabAHGks", [
-          index,
-          props,
-          state
-        ]),
+  return /* @__PURE__ */ jsxs("div", {
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        class: "builder-tabs-wrap",
         style: {
-          ...state.activeTab === index ? props.activeTabStyle : {}
-        }
-      }, null, /* @__PURE__ */ _jsxC(Blocks, {
-        get parent() {
-          return props.builderBlock.id;
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: props.tabHeaderLayout || "flex-start",
+          overflow: "auto"
         },
-        path: `component.options.tabs.${index}.label`,
-        get blocks() {
-          return tab.label;
-        },
-        get context() {
-          return props.builderContext;
-        },
-        get registeredComponents() {
-          return props.builderComponents;
-        },
-        get linkComponent() {
-          return props.builderLinkComponent;
-        },
-        [_IMMUTABLE]: {
-          blocks: _wrapProp(tab, "label"),
-          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")
-        }
-      }, 3, "6k_0"), 0, index);
-    }), 1, null),
-    activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ _jsxQ("div", null, null, /* @__PURE__ */ _jsxC(Blocks, {
-      get parent() {
-        return props.builderBlock.id;
-      },
-      get path() {
-        return `component.options.tabs.${state.activeTab}.content`;
-      },
-      blocks: activeTabContent(props, state, state.activeTab),
-      get context() {
-        return props.builderContext;
-      },
-      get registeredComponents() {
-        return props.builderComponents;
-      },
-      get linkComponent() {
-        return props.builderLinkComponent;
-      },
-      [_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"),
-        path: _fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
-          state
-        ], "`component.options.tabs.${p0.activeTab}.content`"),
-        registeredComponents: _fnSignal((p0) => p0.builderComponents, [
-          props
-        ], "p0.builderComponents")
-      }
-    }, 3, "6k_1"), 1, "6k_2") : null
-  ], 1, "6k_3");
-}, "Tabs_component_MhWcxXy0lMY"));
+        children: (props.tabs || []).map((tab, index) => {
+          return /* @__PURE__ */ jsx("span", {
+            class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
+            style: {
+              ...state.activeTab === index ? props.activeTabStyle : {}
+            },
+            onClick$: $((event) => onClick(props, state, index)),
+            children: /* @__PURE__ */ jsx(Blocks, {
+              parent: props.builderBlock.id,
+              path: `component.options.tabs.${index}.label`,
+              blocks: tab.label,
+              context: props.builderContext,
+              registeredComponents: props.builderComponents,
+              linkComponent: props.builderLinkComponent
+            })
+          }, index);
+        })
+      }),
+      activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ jsx("div", {
+        children: /* @__PURE__ */ jsx(Blocks, {
+          parent: props.builderBlock.id,
+          path: `component.options.tabs.${state.activeTab}.content`,
+          blocks: activeTabContent(props, state, state.activeTab),
+          context: props.builderContext,
+          registeredComponents: props.builderComponents,
+          linkComponent: props.builderLinkComponent
+        })
+      }) : null
+    ]
+  });
+});
 export {
   Tabs,
   activeTabContent,

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

@@ -1,14 +1,14 @@
 "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 evaluate = require("../../functions/evaluate/evaluate.qwik.cjs");
-const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+const qwik = require("@builder.io/qwik");
+const Text = qwik.component$((props) => {
+  const processedText = qwik.useComputed$(() => {
     var _a;
-    const [props2] = qwik.useLexicalScope();
-    const context = props2.builderContext;
+    const context = props.builderContext;
     const { context: contextContext, localState, rootState, rootSetState } = context;
-    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate.evaluate({
+    return String(((_a = props.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate.evaluate({
       code: group,
       context: contextContext,
       localState,
@@ -16,18 +16,14 @@ const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       rootSetState,
       enableCache: false
     }));
-  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
-    props
-  ]));
-  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: "builder-text",
-    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
-      processedText
-    ], "p0.value"),
+    dangerouslySetInnerHTML: processedText.value,
     style: {
       outline: "none"
     }
-  }, null, 3, "yO_0");
-}, "Text_component_15p0cKUxgIE"));
+  });
+});
 exports.Text = Text;
 exports.default = Text;

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

@@ -1,12 +1,12 @@
-import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { evaluate } from "../../functions/evaluate/evaluate.qwik.mjs";
-const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+import { component$, useComputed$ } from "@builder.io/qwik";
+const Text = component$((props) => {
+  const processedText = useComputed$(() => {
     var _a;
-    const [props2] = useLexicalScope();
-    const context = props2.builderContext;
+    const context = props.builderContext;
     const { context: contextContext, localState, rootState, rootSetState } = context;
-    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+    return String(((_a = props.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
       code: group,
       context: contextContext,
       localState,
@@ -14,19 +14,15 @@ const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       rootSetState,
       enableCache: false
     }));
-  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
-    props
-  ]));
-  return /* @__PURE__ */ _jsxQ("div", null, {
+  });
+  return /* @__PURE__ */ jsx("div", {
     class: "builder-text",
-    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
-      processedText
-    ], "p0.value"),
+    dangerouslySetInnerHTML: processedText.value,
     style: {
       outline: "none"
     }
-  }, null, 3, "yO_0");
-}, "Text_component_15p0cKUxgIE"));
+  });
+});
 export {
   Text,
   Text as default

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

@@ -1,109 +1,95 @@
 "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 Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const Video = qwik.component$((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  qwik._jsxBranch();
-  const videoProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
+  const videoProps = qwik.useComputed$(() => {
     return {
-      ...props2.autoPlay === true ? {
+      ...props.autoPlay === true ? {
         autoPlay: true
       } : {},
-      ...props2.muted === true ? {
+      ...props.muted === true ? {
         muted: true
       } : {},
-      ...props2.controls === true ? {
+      ...props.controls === true ? {
         controls: true
       } : {},
-      ...props2.loop === true ? {
+      ...props.loop === true ? {
         loop: true
       } : {},
-      ...props2.playsInline === true ? {
+      ...props.playsInline === true ? {
         playsInline: true
       } : {}
     };
-  }, "Video_component_videoProps_useComputed_60AadUGY06E", [
-    props
-  ]));
-  const spreadProps = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [videoProps2] = qwik.useLexicalScope();
+  });
+  const spreadProps = qwik.useComputed$(() => {
     return {
-      ...videoProps2.value
+      ...videoProps.value
     };
-  }, "Video_component_spreadProps_useComputed_ZdLsx18NYH4", [
-    videoProps
-  ]));
-  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     style: {
       position: "relative"
-    }
-  }, [
-    /* @__PURE__ */ qwik._jsxS("video", {
-      ...spreadProps.value,
-      children: !props.lazyLoad ? /* @__PURE__ */ qwik._jsxQ("source", null, {
-        src: qwik._fnSignal((p0) => p0.video, [
-          props
-        ], "p0.video"),
-        type: "video/mp4"
-      }, null, 3, "j7_0") : null,
-      style: {
-        width: "100%",
-        height: "100%",
-        ...(_a = props.attributes) == null ? void 0 : _a.style,
-        objectFit: props.fit,
-        objectPosition: props.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        zIndex: 2,
-        borderRadius: "1px",
-        ...props.aspectRatio ? {
-          position: "absolute"
-        } : null
-      }
-    }, {
-      class: "builder-video",
-      poster: qwik._fnSignal((p0) => p0.posterImage, [
-        props
-      ], "p0.posterImage"),
-      preload: qwik._fnSignal((p0) => p0.preload || "metadata", [
-        props
-      ], 'p0.preload||"metadata"'),
-      src: qwik._fnSignal((p0) => p0.video || "no-src", [
-        props
-      ], 'p0.video||"no-src"')
-    }, 0, null),
-    props.aspectRatio && !(props.fitContent && ((_c = (_b = props.builderBlock) == null ? void 0 : _b.children) == null ? void 0 : _c.length)) ? /* @__PURE__ */ qwik._jsxQ("div", null, {
-      style: qwik._fnSignal((p0) => ({
-        width: "100%",
-        paddingTop: p0.aspectRatio * 100 + "%",
-        pointerEvents: "none",
-        fontSize: "0px"
-      }), [
-        props
-      ], '{width:"100%",paddingTop:p0.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}')
-    }, null, 3, "j7_1") : null,
-    ((_e = (_d = props.builderBlock) == null ? void 0 : _d.children) == null ? void 0 : _e.length) && props.fitContent ? /* @__PURE__ */ qwik._jsxQ("div", null, {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch"
-      }
-    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, 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__ */ qwik._jsxQ("div", null, {
-      style: {
-        pointerEvents: "none",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch",
-        position: "absolute",
-        top: "0",
-        left: "0",
-        width: "100%",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "j7_4"), 1, "j7_5") : null
-  ], 1, "j7_6");
-}, "Video_component_qdcTZflYyoQ"));
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("video", {
+        class: "builder-video",
+        ...spreadProps.value,
+        preload: props.preload || "metadata",
+        style: {
+          width: "100%",
+          height: "100%",
+          ...(_a = props.attributes) == null ? void 0 : _a.style,
+          objectFit: props.fit,
+          objectPosition: props.position,
+          // Hack to get object fit to work as expected and
+          // not have the video overflow
+          zIndex: 2,
+          borderRadius: "1px",
+          ...props.aspectRatio ? {
+            position: "absolute"
+          } : null
+        },
+        src: props.video || "no-src",
+        poster: props.posterImage,
+        children: !props.lazyLoad ? /* @__PURE__ */ jsxRuntime.jsx("source", {
+          type: "video/mp4",
+          src: props.video
+        }) : null
+      }),
+      props.aspectRatio && !(props.fitContent && ((_c = (_b = props.builderBlock) == null ? void 0 : _b.children) == null ? void 0 : _c.length)) ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        style: {
+          width: "100%",
+          paddingTop: props.aspectRatio * 100 + "%",
+          pointerEvents: "none",
+          fontSize: "0px"
+        }
+      }) : null,
+      ((_e = (_d = props.builderBlock) == null ? void 0 : _d.children) == null ? void 0 : _e.length) && props.fitContent ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "stretch"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+      }) : null,
+      ((_g = (_f = props.builderBlock) == null ? void 0 : _f.children) == null ? void 0 : _g.length) && !props.fitContent ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        style: {
+          pointerEvents: "none",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "stretch",
+          position: "absolute",
+          top: "0",
+          left: "0",
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+      }) : null
+    ]
+  });
+});
 exports.Video = Video;
 exports.default = Video;

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

@@ -1,108 +1,94 @@
-import { componentQrl, inlinedQrl, _jsxBranch, useComputedQrl, useLexicalScope, _jsxQ, _jsxS, _fnSignal, _jsxC, Slot } from "@builder.io/qwik";
-const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useComputed$, Slot } from "@builder.io/qwik";
+const Video = component$((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
-  _jsxBranch();
-  const videoProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [props2] = useLexicalScope();
+  const videoProps = useComputed$(() => {
     return {
-      ...props2.autoPlay === true ? {
+      ...props.autoPlay === true ? {
         autoPlay: true
       } : {},
-      ...props2.muted === true ? {
+      ...props.muted === true ? {
         muted: true
       } : {},
-      ...props2.controls === true ? {
+      ...props.controls === true ? {
         controls: true
       } : {},
-      ...props2.loop === true ? {
+      ...props.loop === true ? {
         loop: true
       } : {},
-      ...props2.playsInline === true ? {
+      ...props.playsInline === true ? {
         playsInline: true
       } : {}
     };
-  }, "Video_component_videoProps_useComputed_60AadUGY06E", [
-    props
-  ]));
-  const spreadProps = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    const [videoProps2] = useLexicalScope();
+  });
+  const spreadProps = useComputed$(() => {
     return {
-      ...videoProps2.value
+      ...videoProps.value
     };
-  }, "Video_component_spreadProps_useComputed_ZdLsx18NYH4", [
-    videoProps
-  ]));
-  return /* @__PURE__ */ _jsxQ("div", null, {
+  });
+  return /* @__PURE__ */ jsxs("div", {
     style: {
       position: "relative"
-    }
-  }, [
-    /* @__PURE__ */ _jsxS("video", {
-      ...spreadProps.value,
-      children: !props.lazyLoad ? /* @__PURE__ */ _jsxQ("source", null, {
-        src: _fnSignal((p0) => p0.video, [
-          props
-        ], "p0.video"),
-        type: "video/mp4"
-      }, null, 3, "j7_0") : null,
-      style: {
-        width: "100%",
-        height: "100%",
-        ...(_a = props.attributes) == null ? void 0 : _a.style,
-        objectFit: props.fit,
-        objectPosition: props.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        zIndex: 2,
-        borderRadius: "1px",
-        ...props.aspectRatio ? {
-          position: "absolute"
-        } : null
-      }
-    }, {
-      class: "builder-video",
-      poster: _fnSignal((p0) => p0.posterImage, [
-        props
-      ], "p0.posterImage"),
-      preload: _fnSignal((p0) => p0.preload || "metadata", [
-        props
-      ], 'p0.preload||"metadata"'),
-      src: _fnSignal((p0) => p0.video || "no-src", [
-        props
-      ], 'p0.video||"no-src"')
-    }, 0, null),
-    props.aspectRatio && !(props.fitContent && ((_c = (_b = props.builderBlock) == null ? void 0 : _b.children) == null ? void 0 : _c.length)) ? /* @__PURE__ */ _jsxQ("div", null, {
-      style: _fnSignal((p0) => ({
-        width: "100%",
-        paddingTop: p0.aspectRatio * 100 + "%",
-        pointerEvents: "none",
-        fontSize: "0px"
-      }), [
-        props
-      ], '{width:"100%",paddingTop:p0.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}')
-    }, null, 3, "j7_1") : null,
-    ((_e = (_d = props.builderBlock) == null ? void 0 : _d.children) == null ? void 0 : _e.length) && props.fitContent ? /* @__PURE__ */ _jsxQ("div", null, {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch"
-      }
-    }, /* @__PURE__ */ _jsxC(Slot, 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",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch",
-        position: "absolute",
-        top: "0",
-        left: "0",
-        width: "100%",
-        height: "100%"
-      }
-    }, /* @__PURE__ */ _jsxC(Slot, null, 3, "j7_4"), 1, "j7_5") : null
-  ], 1, "j7_6");
-}, "Video_component_qdcTZflYyoQ"));
+    },
+    children: [
+      /* @__PURE__ */ jsx("video", {
+        class: "builder-video",
+        ...spreadProps.value,
+        preload: props.preload || "metadata",
+        style: {
+          width: "100%",
+          height: "100%",
+          ...(_a = props.attributes) == null ? void 0 : _a.style,
+          objectFit: props.fit,
+          objectPosition: props.position,
+          // Hack to get object fit to work as expected and
+          // not have the video overflow
+          zIndex: 2,
+          borderRadius: "1px",
+          ...props.aspectRatio ? {
+            position: "absolute"
+          } : null
+        },
+        src: props.video || "no-src",
+        poster: props.posterImage,
+        children: !props.lazyLoad ? /* @__PURE__ */ jsx("source", {
+          type: "video/mp4",
+          src: props.video
+        }) : null
+      }),
+      props.aspectRatio && !(props.fitContent && ((_c = (_b = props.builderBlock) == null ? void 0 : _b.children) == null ? void 0 : _c.length)) ? /* @__PURE__ */ jsx("div", {
+        style: {
+          width: "100%",
+          paddingTop: props.aspectRatio * 100 + "%",
+          pointerEvents: "none",
+          fontSize: "0px"
+        }
+      }) : null,
+      ((_e = (_d = props.builderBlock) == null ? void 0 : _d.children) == null ? void 0 : _e.length) && props.fitContent ? /* @__PURE__ */ jsx("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "stretch"
+        },
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }) : null,
+      ((_g = (_f = props.builderBlock) == null ? void 0 : _f.children) == null ? void 0 : _g.length) && !props.fitContent ? /* @__PURE__ */ jsx("div", {
+        style: {
+          pointerEvents: "none",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "stretch",
+          position: "absolute",
+          top: "0",
+          left: "0",
+          width: "100%",
+          height: "100%"
+        },
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }) : null
+    ]
+  });
+});
 export {
   Video,
   Video as default