@builder.io/sdk-solid 0.0.8-18 → 0.0.8-20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.0.8-18",
+  "version": "0.0.8-20",
   "description": "",
   "type": "module",
   "main": "./src/solid-index.jsx",

package/src/blocks/video/video.jsx

@@ -1,5 +1,28 @@
+import { createMutable } from "solid-js/store";
+
 function Video(props) {
-  return <video {...props.attributes} preload="none" style={{
+  const state = createMutable({
+    get videoProps() {
+      return { ...(props.autoPlay === true ? {
+          autoPlay: true
+        } : {}),
+        ...(props.muted === true ? {
+          muted: true
+        } : {}),
+        ...(props.controls === true ? {
+          controls: true
+        } : {}),
+        ...(props.loop === true ? {
+          loop: true
+        } : {}),
+        ...(props.playsInline === true ? {
+          playsInline: true
+        } : {})
+      };
+    }
+
+  });
+  return <video {...state.videoProps} style={{
     width: "100%",
     height: "100%",
     ...props.attributes?.style,
@@ -8,7 +31,7 @@ function Video(props) {
     // Hack to get object fit to work as expected and
     // not have the video overflow
     "border-radius": 1
-  }} src={props.video || "no-src"} poster={props.posterImage} autoPlay={props.autoPlay} muted={props.muted} controls={props.controls} loop={props.loop}></video>;
+  }} src={props.video || "no-src"} poster={props.posterImage}></video>;
 }
 
 export default Video;

package/src/components/render-content/render-content.jsx

@@ -243,7 +243,7 @@ function RenderContent(props) {
       <Show when={state.useContent}>
         <div onClick={event => track("click", {
         contentId: state.useContent.id
-      })} data-builder-content-id={state.useContent?.id}>
+      })} builder-content-id={state.useContent?.id}>
           <Show when={state.shouldRenderContentStyles}>
             <RenderContentStyles cssCode={state.useContent?.data?.cssCode} customFonts={state.useContent?.data?.customFonts}></RenderContentStyles>
           </Show>