@builder.io/sdk-qwik 0.10.0 → 0.11.1

package/lib/browser/index.qwik.cjs

@@ -490,8 +490,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -533,8 +532,7 @@ function getBlockProperties({ block, context }) {
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -580,7 +578,7 @@ const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
 const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
     ...props.wrapperProps,
-    attributes: {
+    attributes: props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -592,18 +590,12 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
         localState: props.context.localState,
         context: props.context.context
       })
-    },
+    } : {},
     children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -616,6 +608,14 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const state = qwik.useStore({
@@ -3206,7 +3206,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.10.0";
+const SDK_VERSION = "0.11.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/browser/index.qwik.mjs

@@ -488,8 +488,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -531,8 +530,7 @@ function getBlockProperties({ block, context }) {
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -578,7 +576,7 @@ const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(props.Wrapper, {
     ...props.wrapperProps,
-    attributes: {
+    attributes: props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -590,18 +588,12 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
         localState: props.context.localState,
         context: props.context.context
       })
-    },
+    } : {},
     children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -614,6 +606,14 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const state = useStore({
@@ -3204,7 +3204,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.10.0";
+const SDK_VERSION = "0.11.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/edge/index.qwik.cjs

@@ -3721,8 +3721,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -3764,8 +3763,7 @@ function getBlockProperties({ block, context }) {
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -3811,7 +3809,7 @@ const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
 const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
     ...props.wrapperProps,
-    attributes: {
+    attributes: props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -3823,18 +3821,12 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
         localState: props.context.localState,
         context: props.context.context
       })
-    },
+    } : {},
     children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -3847,6 +3839,14 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const state = qwik.useStore({
@@ -6437,7 +6437,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.10.0";
+const SDK_VERSION = "0.11.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/edge/index.qwik.mjs

@@ -3719,8 +3719,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -3762,8 +3761,7 @@ function getBlockProperties({ block, context }) {
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -3809,7 +3807,7 @@ const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(props.Wrapper, {
     ...props.wrapperProps,
-    attributes: {
+    attributes: props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -3821,18 +3819,12 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
         localState: props.context.localState,
         context: props.context.context
       })
-    },
+    } : {},
     children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -3845,6 +3837,14 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const state = useStore({
@@ -6435,7 +6435,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.10.0";
+const SDK_VERSION = "0.11.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/node/index.qwik.cjs

@@ -591,8 +591,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -634,8 +633,7 @@ function getBlockProperties({ block, context }) {
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -681,7 +679,7 @@ const BlockWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
 const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   return /* @__PURE__ */ qwik._jsxC(props.Wrapper, {
     ...props.wrapperProps,
-    attributes: {
+    attributes: props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -693,18 +691,12 @@ const InteractiveElement = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
         localState: props.context.localState,
         context: props.context.context
       })
-    },
+    } : {},
     children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -717,6 +709,14 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 const ComponentRef = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const state = qwik.useStore({
@@ -3307,7 +3307,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.10.0";
+const SDK_VERSION = "0.11.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/node/index.qwik.mjs

@@ -589,8 +589,7 @@ function getBlockActions(options) {
     let eventHandlerName = getEventHandlerName(key);
     if (options.stripPrefix)
       switch (TARGET) {
-        case "vue2":
-        case "vue3":
+        case "vue":
           eventHandlerName = eventHandlerName.replace("v-on:", "");
           break;
         case "svelte":
@@ -632,8 +631,7 @@ function getBlockProperties({ block, context }) {
 function getStyleAttribute(style) {
   switch (TARGET) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return convertStyleMapToCSSArray(style).join(" ");
     case "qwik":
@@ -679,7 +677,7 @@ const BlockWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
 const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   return /* @__PURE__ */ _jsxC(props.Wrapper, {
     ...props.wrapperProps,
-    attributes: {
+    attributes: props.includeBlockProps ? {
       ...getBlockProperties({
         block: props.block,
         context: props.context
@@ -691,18 +689,12 @@ const InteractiveElement = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
         localState: props.context.localState,
         context: props.context.context
       })
-    },
+    } : {},
     children: /* @__PURE__ */ _jsxC(Slot, null, 3, "q0_0")
   }, 0, "q0_1");
 }, "InteractiveElement_component_0UqfJpjhn0g"));
 const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
-  const interactiveElementProps = {
-    Wrapper: componentRef,
-    block: builderBlock,
-    context,
-    wrapperProps: componentOptions
-  };
-  return isInteractive ? interactiveElementProps : {
+  const wrapperPropsWithAttributes = {
     ...componentOptions,
     /**
     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
@@ -715,6 +707,14 @@ const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef
       })
     } : {}
   };
+  const interactiveElementProps = {
+    Wrapper: componentRef,
+    block: builderBlock,
+    context,
+    wrapperProps: componentOptions,
+    includeBlockProps
+  };
+  return isInteractive ? interactiveElementProps : wrapperPropsWithAttributes;
 };
 const ComponentRef = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const state = useStore({
@@ -3305,7 +3305,7 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
-const SDK_VERSION = "0.10.0";
+const SDK_VERSION = "0.11.1";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/components/block/components/interactive-element.d.ts

@@ -1,11 +1,12 @@
 import { BuilderContextInterface } from "../../../context/types.js";
 import { BuilderBlock } from "../../../types/builder-block.js";
-import { PropsWithChildren } from "../../../types/typescript.js";
+import { Dictionary, PropsWithChildren } from "../../../types/typescript.js";
 export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
 };
 export declare const InteractiveElement: import("@builder.io/qwik").Component<PropsWithChildren<InteractiveElementProps>>;
 export default InteractiveElement;

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.10.0";
+export declare const SDK_VERSION = "0.11.1";

package/types/src/types/targets.d.ts

@@ -1 +1 @@
-export type Target = 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';
+export type Target = 'vue' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';