@builder.io/sdk-vue 0.9.0 → 0.10.0-vue2-lts-0

package/README.md

@@ -18,7 +18,7 @@ This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-pack
 
 ## Version Support
 
-This SDK supports Vue 3 and Nuxt 3.
+This SDK supports Vue >2.7, Vue 3+, Nuxt 2 & Nuxt 3.
 
 ## Getting Started
 
@@ -30,4 +30,7 @@ npm install @builder.io/sdk-vue
 
 You can see examples of using Builder.io:
 
+- with Vue 2 [here](/examples/vue/vue-2/)
+- with Nuxt 2 [here](/examples/vue/nuxt-2/)
+- with Vue Storefront 2 [here](/examples/vue/vue-storefront-2)
 - with Vue 3 [here](/examples/vue/vue-3/)

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "0.9.0",
-  "main": "./vue3/lib/node/index.cjs",
-  "module": "./vue3/lib/node/index.js",
+  "version": "0.10.0-vue2-lts-0",
+  "main": "./vue2/lib/node/index.cjs",
+  "module": "./vue2/lib/node/index.js",
   "type": "module",
   "workspaces": [
-    "vue2",
-    "vue3"
+    "vue2"
   ],
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/vue",
   "repository": {
@@ -17,55 +16,56 @@
   },
   "files": [
     "vue2/lib",
-    "vue2/package.json",
-    "vue3/lib",
-    "vue3/package.json"
+    "vue2/package.json"
   ],
   "exports": {
+    "./nuxt": "./nuxt.js",
+    "./vue2/css": "./vue2/lib/browser/style.css",
+    "./css": "./vue2/lib/browser/style.css",
     ".": {
       "node": {
-        "import": "./vue3/lib/node/index.js",
-        "require": "./vue3/lib/node/index.cjs"
+        "import": "./vue2/lib/node/index.js",
+        "require": "./vue2/lib/node/index.cjs"
       },
       "browser": {
-        "import": "./vue3/lib/browser/index.js",
-        "require": "./vue3/lib/browser/index.cjs"
+        "import": "./vue2/lib/browser/index.js",
+        "require": "./vue2/lib/browser/index.cjs"
       },
       "edge-routine": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "workerd": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "deno": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "lagon": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "netlify": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "edge-light": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "bun": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "electron": {
-        "import": "./vue3/lib/node/index.js",
-        "require": "./vue3/lib/node/index.cjs"
+        "import": "./vue2/lib/node/index.js",
+        "require": "./vue2/lib/node/index.cjs"
       },
       "default": {
-        "import": "./vue3/lib/browser/index.js",
-        "require": "./vue3/lib/browser/index.cjs"
+        "import": "./vue2/lib/browser/index.js",
+        "require": "./vue2/lib/browser/index.cjs"
       }
     },
     "./vue2": {
@@ -113,63 +113,16 @@
         "import": "./vue2/lib/browser/index.js",
         "require": "./vue2/lib/browser/index.cjs"
       }
-    },
-    "./vue3": {
-      "node": {
-        "import": "./vue3/lib/node/index.js",
-        "require": "./vue3/lib/node/index.cjs"
-      },
-      "browser": {
-        "import": "./vue3/lib/browser/index.js",
-        "require": "./vue3/lib/browser/index.cjs"
-      },
-      "edge-routine": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "workerd": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "deno": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "lagon": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "netlify": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "edge-light": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "bun": {
-        "import": "./vue3/lib/edge/index.js",
-        "require": "./vue3/lib/edge/index.cjs"
-      },
-      "react-native": {
-        "import": "./vue3/lib/node/index.js",
-        "require": "./vue3/lib/node/index.cjs"
-      },
-      "electron": {
-        "import": "./vue3/lib/node/index.js",
-        "require": "./vue3/lib/node/index.cjs"
-      },
-      "default": {
-        "import": "./vue3/lib/browser/index.js",
-        "require": "./vue3/lib/browser/index.cjs"
-      }
     }
   },
   "scripts": {
-    "release": "npm publish",
+    "release": "npm publish --tag vue2-lts",
     "add-debug": "bash ./scripts/add-debug.sh",
     "remove-debug": "bash ./scripts/remove-debug.sh",
-    "build": "nx run-many -t build -p @builder.io/sdk-vue-2 @builder.io/sdk-vue-3"
+    "append-lts-version": "node ./scripts/append-lts-version.js",
+    "build": "nx run-many -t build -p @builder.io/sdk-vue-2",
+    "build:release": "nx run-many --skip-nx-cache -t build -p @builder.io/sdk-vue-2",
+    "release-lts": "yarn version minor && yarn g:changeset version && yarn append-lts-version && yarn build:release && yarn release"
   },
   "peerDependencies": {
     "vue": ">= 2"
@@ -184,8 +137,7 @@
   },
   "nx": {
     "implicitDependencies": [
-      "@builder.io/sdk-vue-2",
-      "@builder.io/sdk-vue-3"
+      "@builder.io/sdk-vue-2"
     ]
   }
-}
+}

package/vue2/lib/browser/{block-8eb8a717.cjs → block-2a772a14.cjs}

@@ -1,3 +1,3 @@
-"use strict";var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./get-processed-block-bb410f6f.cjs"),m=require("./evaluate-ec382d17.cjs"),d=require("./index-4d603d94.cjs");function h(t){var e;return{...(e=t.component)==null?void 0:e.options,...t.options,builderBlock:t}}const u=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],k=t=>typeof t=="string"&&u.includes(t.toLowerCase()),f=({block:t,context:e,registeredComponents:o})=>{var c;const r=(c=p.getProcessedBlock({block:t,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState,context:e.context,shouldEvaluateBindings:!1}).component)==null?void 0:c.name;if(!r)return null;const n=o[r];if(n)return n;console.warn(`
+var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./get-processed-block-aeb513bf.cjs"),m=require("./evaluate-e7fa55a0.cjs"),d=require("./index-8a3d7112.cjs");function h(t){var e;return{...(e=t.component)==null?void 0:e.options,...t.options,builderBlock:t}}const u=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],k=t=>typeof t=="string"&&u.includes(t.toLowerCase()),f=({block:t,context:e,registeredComponents:o})=>{var c;const r=(c=p.getProcessedBlock({block:t,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState,context:e.context,shouldEvaluateBindings:!1}).component)==null?void 0:c.name;if(!r)return null;const n=o[r];if(n)return n;console.warn(`
       Could not find a registered component named "${r}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`)},b=({block:t,context:e})=>{const{repeat:o,...r}=t;if(!(o!=null&&o.collection))return;const n=m.evaluate({code:o.collection,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState,context:e.context});if(!Array.isArray(n))return;const c=o.collection.split(".").pop(),s=o.itemName||(c?c+"Item":"item");return n.map((l,i)=>({context:{...e,localState:{...e.localState,$index:i,$item:l,[s]:l,[`$${s}Index`]:i}},block:r}))},C=()=>Promise.resolve().then(()=>require("./block-styles-c36b606c.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",t),t}),g=()=>Promise.resolve().then(()=>require("./block-wrapper-e68eb3ce.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",t),t}),B=()=>Promise.resolve().then(()=>require("./component-ref-3eabf9d3.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",t),t}),S=()=>Promise.resolve().then(()=>require("./repeated-block-956e883f.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",t),t}),P=a.defineComponent({name:"block",components:{"component-ref":B,"block-wrapper":g,"repeated-block":S,"block-styles":C},props:["block","context","registeredComponents"],data(){return{childrenContext:this.context,isEmptyHtmlElement:k}},computed:{blockComponent(){return f({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return b({block:this.block,context:this.context})},processedBlock(){var t;return(t=this.block.repeat)!=null&&t.collection?this.block:p.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},Tag(){return this.block.tagName||"div"},canShowBlock(){var o,r;if((o=this.block.repeat)!=null&&o.collection)return!!((r=this.repeatItem)!=null&&r.length);const t="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!t},childrenWithoutParentComponent(){var e;return!((e=this.blockComponent)!=null&&e.component)&&!this.repeatItem?this.processedBlock.children??[]:[]},componentRefProps(){var t,e,o,r,n;return{blockChildren:this.processedBlock.children??[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...h(this.processedBlock),builderContext:this.context,...((e=this.blockComponent)==null?void 0:e.name)==="Symbol"||((o=this.blockComponent)==null?void 0:o.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((r=this.blockComponent)==null?void 0:r.noWrap)===!0,isInteractive:!((n=this.blockComponent)!=null&&n.isRSC)}}}});var x=function(){var r;var e=this,o=e._self._c;return e._self._setupProxy,(r=e.blockComponent)!=null&&r.noWrap&&e.canShowBlock?o("component-ref",{attrs:{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive}}):e.isEmptyHtmlElement(e.Tag)&&e.canShowBlock?o("block-wrapper",{attrs:{Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!1}}):!e.isEmptyHtmlElement(e.Tag)&&e.repeatItem&&e.canShowBlock?o("div",{staticClass:"vue2-root-element-workaround"},e._l(e.repeatItem,function(n,c){return o("repeated-block",{key:c,attrs:{repeatContext:n.context,block:n.block,registeredComponents:e.registeredComponents}})}),1):e.canShowBlock?o("block-wrapper",{attrs:{Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!0}},[o("component-ref",{attrs:{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive}}),e._l(e.childrenWithoutParentComponent,function(n,c){return o("block",{key:"block-"+n.id,attrs:{block:n,context:e.childrenContext,registeredComponents:e.registeredComponents}})}),e._l(e.childrenWithoutParentComponent,function(n,c){return o("block-styles",{key:"block-style-"+n.id,attrs:{block:n,context:e.childrenContext}})})],2):e._e()},R=[],y=d.normalizeComponent(P,x,R,!1,null,null,null,null);const v=y.exports;exports.default=v;
+      If you registered it, is the file that registered it imported by the file that needs to render it?`)},b=({block:t,context:e})=>{const{repeat:o,...r}=t;if(!(o!=null&&o.collection))return;const n=m.evaluate({code:o.collection,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState,context:e.context});if(!Array.isArray(n))return;const c=o.collection.split(".").pop(),s=o.itemName||(c?c+"Item":"item");return n.map((l,i)=>({context:{...e,localState:{...e.localState,$index:i,$item:l,[s]:l,[`$${s}Index`]:i}},block:r}))},C=()=>Promise.resolve().then(()=>require("./block-styles-c3c54c52.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",t),t}),g=()=>Promise.resolve().then(()=>require("./block-wrapper-dee39a15.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",t),t}),B=()=>Promise.resolve().then(()=>require("./component-ref-8b380f7a.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",t),t}),S=()=>Promise.resolve().then(()=>require("./repeated-block-a11ca2ab.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",t),t}),P=a.defineComponent({name:"block",components:{"component-ref":B,"block-wrapper":g,"repeated-block":S,"block-styles":C},props:["block","context","registeredComponents"],data(){return{childrenContext:this.context,isEmptyHtmlElement:k}},computed:{blockComponent(){return f({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return b({block:this.block,context:this.context})},processedBlock(){var t;return(t=this.block.repeat)!=null&&t.collection?this.block:p.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},Tag(){return this.block.tagName||"div"},canShowBlock(){var o,r;if((o=this.block.repeat)!=null&&o.collection)return!!((r=this.repeatItem)!=null&&r.length);const t="hide"in this.processedBlock?this.processedBlock.hide:!1;return("show"in this.processedBlock?this.processedBlock.show:!0)&&!t},childrenWithoutParentComponent(){var e;return!((e=this.blockComponent)!=null&&e.component)&&!this.repeatItem?this.processedBlock.children??[]:[]},componentRefProps(){var t,e,o,r,n;return{blockChildren:this.processedBlock.children??[],componentRef:(t=this.blockComponent)==null?void 0:t.component,componentOptions:{...h(this.processedBlock),builderContext:this.context,...((e=this.blockComponent)==null?void 0:e.name)==="Symbol"||((o=this.blockComponent)==null?void 0:o.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((r=this.blockComponent)==null?void 0:r.noWrap)===!0,isInteractive:!((n=this.blockComponent)!=null&&n.isRSC)}}}});var x=function(){var r;var e=this,o=e._self._c;return e._self._setupProxy,(r=e.blockComponent)!=null&&r.noWrap&&e.canShowBlock?o("component-ref",{attrs:{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive}}):e.isEmptyHtmlElement(e.Tag)&&e.canShowBlock?o("block-wrapper",{attrs:{Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!1}}):!e.isEmptyHtmlElement(e.Tag)&&e.repeatItem&&e.canShowBlock?o("div",{staticClass:"vue2-root-element-workaround"},e._l(e.repeatItem,function(n,c){return o("repeated-block",{key:c,attrs:{repeatContext:n.context,block:n.block,registeredComponents:e.registeredComponents}})}),1):e.canShowBlock?o("block-wrapper",{attrs:{Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!0}},[o("component-ref",{attrs:{componentRef:e.componentRefProps.componentRef,componentOptions:e.componentRefProps.componentOptions,blockChildren:e.componentRefProps.blockChildren,context:e.componentRefProps.context,registeredComponents:e.componentRefProps.registeredComponents,builderBlock:e.componentRefProps.builderBlock,includeBlockProps:e.componentRefProps.includeBlockProps,isInteractive:e.componentRefProps.isInteractive}}),e._l(e.childrenWithoutParentComponent,function(n,c){return o("block",{key:"block-"+n.id,attrs:{block:n,context:e.childrenContext,registeredComponents:e.registeredComponents}})}),e._l(e.childrenWithoutParentComponent,function(n,c){return o("block-styles",{key:"block-style-"+n.id,attrs:{block:n,context:e.childrenContext}})})],2):e._e()},R=[],y=d.normalizeComponent(P,x,R,!1,null,null,null,null);const v=y.exports;exports.default=v;

package/vue2/lib/{node/block-88d3d176.js → browser/block-f69d76e5.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as a } from "vue";
-import { g as p } from "./get-processed-block-ebacd599.js";
-import { e as m } from "./evaluate-e38e24b8.js";
-import { n as d } from "./index-ef12824d.js";
+import { g as p } from "./get-processed-block-2e04bc88.js";
+import { e as m } from "./evaluate-a951016b.js";
+import { n as d } from "./index-0e156e8f.js";
 function h(t) {
   var e;
   return {
@@ -69,22 +69,22 @@ const k = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen",
     },
     block: r
   }));
-}, C = () => import("./block-styles-aba16bf4.js").then((t) => t.default).catch((t) => {
+}, C = () => import("./block-styles-610cf2d2.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     t
   ), t;
-}), B = () => import("./block-wrapper-d1dab513.js").then((t) => t.default).catch((t) => {
+}), B = () => import("./block-wrapper-5ca8f029.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     t
   ), t;
-}), S = () => import("./component-ref-3ee361bc.js").then((t) => t.default).catch((t) => {
+}), S = () => import("./component-ref-c652855e.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     t
   ), t;
-}), g = () => import("./repeated-block-1bf29b19.js").then((t) => t.default).catch((t) => {
+}), g = () => import("./repeated-block-05bb5142.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     t

package/vue2/lib/{node/block-styles-aba16bf4.js → browser/block-styles-610cf2d2.js}

@@ -1,10 +1,10 @@
 import "./style.css";
 import { defineComponent as y } from "vue";
-import { T as f, c as m, g as x, a as d, n as _ } from "./index-ef12824d.js";
-import { g as u } from "./get-processed-block-ebacd599.js";
-import { c as n } from "./css-fc678131.js";
-import "./evaluate-e38e24b8.js";
-const k = () => import("./inlined-styles-1d3927dc.js").then((e) => e.default).catch((e) => {
+import { T as f, c as m, g as x, a as d, n as _ } from "./index-0e156e8f.js";
+import { g as u } from "./get-processed-block-2e04bc88.js";
+import { c as n } from "./css-5b6b04a2.js";
+import "./evaluate-a951016b.js";
+const k = () => import("./inlined-styles-846e9228.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",
     e

package/vue2/lib/browser/block-styles-c3c54c52.cjs

@@ -0,0 +1 @@
+var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),s=require("./index-8a3d7112.cjs"),d=require("./get-processed-block-aeb513bf.cjs"),c=require("./css-85d66b4c.cjs");require("./evaluate-e7fa55a0.cjs");const p=()=>Promise.resolve().then(()=>require("./inlined-styles-6b5c2d4f.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",e),e}),k=y.defineComponent({name:"block-styles",components:{"inlined-styles":p},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=d.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var u;const e=d.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),t=e.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((u=o==null?void 0:o.meta)==null?void 0:u.breakpoints)||{}),l=t==null?void 0:t.large,a=t==null?void 0:t.medium,i=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=l?c.createCssClass({className:n,styles:l}):"",m=a?c.createCssClass({className:n,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",h=i?c.createCssClass({className:n,styles:i,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"";return[S,m,h].join(" ")}}});var x=function(){var t=this,o=t._self._c;return t._self._setupProxy,t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?o("inlined-styles",{attrs:{styles:t.css}}):t._e()},_=[],f=s.normalizeComponent(k,x,_,!1,null,null,null,null);const g=f.exports;exports.default=g;

package/vue2/lib/browser/{block-wrapper-9032b3aa.js → block-wrapper-5ca8f029.js}

@@ -1,10 +1,10 @@
 import "./style.css";
 import { defineComponent as e } from "vue";
-import { g as r } from "./get-block-actions-80d8a41d.js";
-import { g as c } from "./get-block-properties-b80c51fd.js";
-import { n } from "./index-d4551a7a.js";
-import "./evaluate-c7aac0ee.js";
-import "./css-0e1a5906.js";
+import { g as r } from "./get-block-actions-187198f5.js";
+import { g as c } from "./get-block-properties-e80fb625.js";
+import { n } from "./index-0e156e8f.js";
+import "./evaluate-a951016b.js";
+import "./css-5b6b04a2.js";
 const a = e({
   name: "block-wrapper",
   props: ["Wrapper", "block", "context", "hasChildren"],

package/vue2/lib/browser/block-wrapper-dee39a15.cjs

@@ -0,0 +1 @@
+var x=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./get-block-actions-19dfc24f.cjs"),c=require("./get-block-properties-5c85c65d.cjs"),n=require("./index-8a3d7112.cjs");require("./evaluate-e7fa55a0.cjs");require("./css-85d66b4c.cjs");const l=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:c.getBlockProperties}}});var a=function(){var t=this,e=t._self._c;return t._self._setupProxy,t.hasChildren?e(t.Wrapper,t._g(t._b({tag:"component"},"component",t.getBlockProperties({block:t.block,context:t.context}),!1),t.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context,stripPrefix:!0})),[t._t("default")],2):e(t.Wrapper,t._g(t._b({tag:"component"},"component",t.getBlockProperties({block:t.block,context:t.context}),!1),t.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context,stripPrefix:!0})))},s=[],i=n.normalizeComponent(l,a,s,!1,null,null,null,null);const p=i.exports;exports.default=p;

package/vue2/lib/browser/blocks-wrapper-3fa415be.cjs

@@ -0,0 +1 @@
+var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./index-8a3d7112.cjs"),a=o.defineComponent({name:"builder-blocks-wrapper",props:["blocks","parent","path","styleProp"],computed:{className(){var t;return"builder-blocks"+((t=this.blocks)!=null&&t.length?"":" no-blocks")}},methods:{onClick(){var t,e;r.isEditing()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var t,e;r.isEditing()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(t){const e={};if(typeof t!="string")return e;const s=t.trim().split(/\s+/);for(const n of s)e[n]=!0;return e}}});var i=function(){var e=this,s=e._self._c;return e._self._setupProxy,s("div",e._b({class:e._classStringToObject(e.className+" div-tqyw9m0iue"),style:e.styleProp,attrs:{"builder-path":e.path,"builder-parent-id":e.parent},on:{click:function(n){return e.onClick()},mouseenter:function(n){return e.onMouseEnter()},keypress:function(n){return e.onClick()}}},"div",{},!1),[e._t("default")],2)},l=[],c=r.normalizeComponent(a,i,l,!1,null,"a3106f07",null,null);const p=c.exports;exports.default=p;

package/vue2/lib/browser/blocks-wrapper-be9ccfc6.js

@@ -0,0 +1,73 @@
+import "./style.css";
+import { defineComponent as o } from "vue";
+import { i as r, n as a } from "./index-0e156e8f.js";
+const l = o({
+  name: "builder-blocks-wrapper",
+  props: ["blocks", "parent", "path", "styleProp"],
+  computed: {
+    className() {
+      var t;
+      return "builder-blocks" + ((t = this.blocks) != null && t.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var t, e;
+      r() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+        {
+          type: "builder.clickEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    onMouseEnter() {
+      var t, e;
+      r() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+        {
+          type: "builder.hoverEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const s = t.trim().split(/\s+/);
+      for (const n of s)
+        e[n] = !0;
+      return e;
+    }
+  }
+});
+var i = function() {
+  var e = this, s = e._self._c;
+  return e._self._setupProxy, s("div", e._b({ class: e._classStringToObject(e.className + " div-tqyw9m0iue"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent }, on: { click: function(n) {
+    return e.onClick();
+  }, mouseenter: function(n) {
+    return e.onMouseEnter();
+  }, keypress: function(n) {
+    return e.onClick();
+  } } }, "div", {}, !1), [e._t("default")], 2);
+}, c = [], p = /* @__PURE__ */ a(
+  l,
+  i,
+  c,
+  !1,
+  null,
+  "a3106f07",
+  null,
+  null
+);
+const m = p.exports;
+export {
+  m as default
+};

package/vue2/lib/browser/component-ref-8b380f7a.cjs

@@ -0,0 +1 @@
+var x=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),p=require("./get-block-properties-5c85c65d.cjs"),a=require("./index-8a3d7112.cjs");require("./css-85d66b4c.cjs");const m=t=>t,u=({componentOptions:t,builderBlock:e,context:n,componentRef:o,includeBlockProps:r,isInteractive:l,contextValue:i})=>l?{Wrapper:o,block:e,context:n,wrapperProps:t}:{...t,...r?{attributes:p.getBlockProperties({block:e,context:i})}:{}},d=()=>Promise.resolve().then(()=>require("./block-2a772a14.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component Block at ../../block.vue",t),t}),k=()=>Promise.resolve().then(()=>require("./block-styles-c3c54c52.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ../block-styles.vue",t),t}),c=()=>Promise.resolve().then(()=>require("./interactive-element-e4601ed1.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component InteractiveElement at ../interactive-element.vue",t),t}),f=s.defineComponent({name:"component-ref",components:{block:d,"block-styles":k,"interactive-element":c},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?m(c):this.componentRef,getWrapperProps:u}}});var v=function(){var e=this,n=e._self._c;return e._self._setupProxy,e.componentRef?n(e.Wrapper,e._b({tag:"component"},"component",e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),!1),[e._l(e.blockChildren,function(o,r){return n("block",{key:"block-"+o.id,attrs:{block:o,context:e.context,registeredComponents:e.registeredComponents}})}),e._l(e.blockChildren,function(o,r){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},b=[],_=a.normalizeComponent(f,v,b,!1,null,null,null,null);const h=_.exports;exports.default=h;

package/vue2/lib/{node/component-ref-3ee361bc.js → browser/component-ref-c652855e.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as p } from "vue";
-import { g as s } from "./get-block-properties-2a5dbda8.js";
-import { n as a } from "./index-ef12824d.js";
-import "./css-fc678131.js";
+import { g as s } from "./get-block-properties-e80fb625.js";
+import { n as a } from "./index-0e156e8f.js";
+import "./css-5b6b04a2.js";
 const m = (t) => t, k = ({
   componentOptions: t,
   builderBlock: e,
@@ -28,17 +28,17 @@ const m = (t) => t, k = ({
       context: i
     })
   } : {}
-}, u = () => import("./block-88d3d176.js").then((t) => t.default).catch((t) => {
+}, u = () => import("./block-f69d76e5.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../../block.vue",
     t
   ), t;
-}), f = () => import("./block-styles-aba16bf4.js").then((t) => t.default).catch((t) => {
+}), f = () => import("./block-styles-610cf2d2.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ../block-styles.vue",
     t
   ), t;
-}), c = () => import("./interactive-element-97fabd2d.js").then((t) => t.default).catch((t) => {
+}), c = () => import("./interactive-element-10ac987f.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component InteractiveElement at ../interactive-element.vue",
     t

package/vue2/lib/browser/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -21,7 +21,9 @@ export interface ComponentProps {
 export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
     contextValue: BuilderContextInterface;
 }) => InteractiveElementProps | {
-    attributes?: any;
+    attributes?: BuilderBlock | {
+        [index: string]: any;
+    } | undefined;
     builderBlock: BuilderBlock;
     builderContext: BuilderContextInterface;
 };

package/vue2/lib/browser/components/block/components/component-ref/component-ref.vue.d.ts

@@ -13,7 +13,9 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
         contextValue: import("../../../../context/types.js").BuilderContextInterface;
     }) => import("../interactive-element.vue").InteractiveElementProps | {
-        attributes?: any;
+        attributes?: import("../../../../types/builder-block.js").BuilderBlock | {
+            [index: string]: any;
+        } | undefined;
         builderBlock: import("../../../../types/builder-block.js").BuilderBlock;
         builderContext: import("../../../../context/types.js").BuilderContextInterface;
     };

package/vue2/lib/browser/components/blocks/blocks-wrapper.vue.d.ts

@@ -4,22 +4,12 @@ export type BlocksWrapperProps = {
     parent: string | undefined;
     path: string | undefined;
     styleProp: Record<string, any> | undefined;
-    /**
-     * The element that wraps each list of blocks. Defaults to a `div` element ('ScrollView' in React Native).
-     */
-    BlocksWrapper: any;
-    /**
-     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
-     */
-    BlocksWrapperProps: any;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     parent?: any;
     path?: any;
-    BlocksWrapper?: any;
     blocks?: any;
     styleProp?: any;
-    BlocksWrapperProps?: any;
 }>, {}, {}, {
     className(): string;
 }, {
@@ -29,16 +19,12 @@ declare const _default: import("vue").DefineComponent<Readonly<{
 }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
     parent?: any;
     path?: any;
-    BlocksWrapper?: any;
     blocks?: any;
     styleProp?: any;
-    BlocksWrapperProps?: any;
 }>>>, {
     readonly parent?: any;
     readonly path?: any;
-    readonly BlocksWrapper?: any;
     readonly blocks?: any;
     readonly styleProp?: any;
-    readonly BlocksWrapperProps?: any;
 }>;
 export default _default;

package/vue2/lib/browser/components/blocks/blocks.vue.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import type { BlocksWrapperProps } from "./blocks-wrapper.vue";
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
+export type BlocksProps = Partial<BlocksWrapperProps> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
 };

package/vue2/lib/browser/components/content/components/enable-editor.vue.d.ts

@@ -1,9 +1,7 @@
 import type { BuilderContent } from "../../../types/builder-content.js";
 declare const _default: import("vue").DefineComponent<string[], {}, {
-    forceReRenderCount: number;
     lastUpdated: number;
     shouldSendResetCookie: boolean;
-    ContentWrapper: any;
     httpReqsData: {};
     clicked: boolean;
     builderContext: {
@@ -17,8 +15,6 @@ declare const _default: import("vue").DefineComponent<string[], {}, {
             apiVersion: undefined;
             componentInfos: {};
             inheritedStyles: {};
-            BlocksWrapper: string;
-            BlocksWrapperProps: {};
         };
         key: symbol;
     };

package/vue2/lib/browser/components/content/components/styles.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
-    contentId?: any;
     cssCode?: any;
+    contentId?: any;
     customFonts?: any;
 }>, {}, {
     injectedStyles: string;
 }, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    contentId?: any;
     cssCode?: any;
+    contentId?: any;
     customFonts?: any;
 }>>>, {
-    readonly contentId?: any;
     readonly cssCode?: any;
+    readonly contentId?: any;
     readonly customFonts?: any;
 }>;
 export default _default;

package/vue2/lib/browser/components/content/content.vue.d.ts

@@ -2,7 +2,6 @@ import type { BuilderRenderState, RegisteredComponents } from "../../context/typ
 import type { ComponentInfo } from "../../types/components.js";
 import type { Dictionary } from "../../types/typescript.js";
 declare const _default: import("vue").DefineComponent<string[], {}, {
-    scriptStr: string;
     registeredComponents: RegisteredComponents;
     builderContextSignal: {
         content: import("../../types/typescript.js").Nullable<import("../../types/builder-content.js").BuilderContent>;
@@ -16,8 +15,6 @@ declare const _default: import("vue").DefineComponent<string[], {}, {
         apiVersion: any;
         componentInfos: Dictionary<ComponentInfo>;
         inheritedStyles: {};
-        BlocksWrapper: any;
-        BlocksWrapperProps: any;
     };
     TARGET: import("../../types/targets.js").Target;
 }, {}, {

package/vue2/lib/browser/components/content-variants/content-variants.types.d.ts

@@ -17,20 +17,4 @@ export interface ContentVariantsPrps {
     /** @deprecated use `enrich` instead **/
     includeRefs?: boolean;
     enrich?: boolean;
-    /**
-     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
-     */
-    contentWrapper?: any;
-    /**
-     * Additonal props to pass to `contentWrapper`. Defaults to `{}`.
-     */
-    contentWrapperProps?: any;
-    /**
-     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
-     */
-    blocksWrapper?: any;
-    /**
-     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
-     */
-    blocksWrapperProps?: any;
 }