@builder.io/sdk-vue 0.10.0 → 0.10.1-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.10.0",
-  "main": "./vue3/lib/node/index.cjs",
-  "module": "./vue3/lib/node/index.js",
+  "version": "0.10.1-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-36cac25a.cjs → block-4ce0f265.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-6a4110c3.cjs"),m=require("./evaluate-5b9ba4c5.cjs"),d=require("./index-fae2823a.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-e57564f7.cjs"),m=require("./evaluate-5c3f2ecc.cjs"),d=require("./index-c7e68200.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-c455ab54.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-74b1fda9.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-9693d3b5.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-20b005e0.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-44670828.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-68ecc475.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-a8555189.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-e5663fd3.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/{edge/block-49c9733d.js → browser/block-6bd83d38.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as a } from "vue";
-import { g as p } from "./get-processed-block-1e4b19d3.js";
-import { e as m } from "./evaluate-636aee70.js";
-import { n as d } from "./index-34d29a8a.js";
+import { g as p } from "./get-processed-block-d4c541f5.js";
+import { e as m } from "./evaluate-2bcd04e9.js";
+import { n as d } from "./index-914f296f.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-ce2d9d5e.js").then((t) => t.default).catch((t) => {
+}, C = () => import("./block-styles-55ffa534.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-59785121.js").then((t) => t.default).catch((t) => {
+}), B = () => import("./block-wrapper-283090c8.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-921b715d.js").then((t) => t.default).catch((t) => {
+}), S = () => import("./component-ref-a469f2d9.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-72e17122.js").then((t) => t.default).catch((t) => {
+}), g = () => import("./repeated-block-77df96ea.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/browser/block-styles-44670828.cjs

@@ -0,0 +1 @@
+var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),s=require("./index-c7e68200.cjs"),d=require("./get-processed-block-e57564f7.cjs"),c=require("./css-55ea775d.cjs");require("./evaluate-5c3f2ecc.cjs");const p=()=>Promise.resolve().then(()=>require("./inlined-styles-d63f1fcc.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/{node/block-styles-7bd04542.js → browser/block-styles-55ffa534.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-2a78d8bb.js";
-import { g as u } from "./get-processed-block-52f3ad4e.js";
-import { c as n } from "./css-daa1c065.js";
-import "./evaluate-a1bee057.js";
-const k = () => import("./inlined-styles-7bd96b02.js").then((e) => e.default).catch((e) => {
+import { T as f, c as m, g as x, a as d, n as _ } from "./index-914f296f.js";
+import { g as u } from "./get-processed-block-d4c541f5.js";
+import { c as n } from "./css-6266471f.js";
+import "./evaluate-2bcd04e9.js";
+const k = () => import("./inlined-styles-18b341ce.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-wrapper-37b64344.js → block-wrapper-283090c8.js}

@@ -1,10 +1,10 @@
 import "./style.css";
 import { defineComponent as e } from "vue";
-import { g as r } from "./get-block-actions-9d967845.js";
-import { g as c } from "./get-block-properties-ddf880dc.js";
-import { n } from "./index-7a45f7e8.js";
-import "./evaluate-6fd688e4.js";
-import "./css-c5e3c46b.js";
+import { g as r } from "./get-block-actions-0cbec431.js";
+import { g as c } from "./get-block-properties-e6b4e487.js";
+import { n } from "./index-914f296f.js";
+import "./evaluate-2bcd04e9.js";
+import "./css-6266471f.js";
 const a = e({
   name: "block-wrapper",
   props: ["Wrapper", "block", "context", "hasChildren"],

package/vue2/lib/browser/block-wrapper-68ecc475.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-65584a53.cjs"),c=require("./get-block-properties-3b2a65d5.cjs"),n=require("./index-c7e68200.cjs");require("./evaluate-5c3f2ecc.cjs");require("./css-55ea775d.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-21043743.cjs

@@ -0,0 +1 @@
+var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./index-c7e68200.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-ce2e1950.js

@@ -0,0 +1,73 @@
+import "./style.css";
+import { defineComponent as o } from "vue";
+import { i as r, n as a } from "./index-914f296f.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-a469f2d9.js

@@ -0,0 +1,107 @@
+import "./style.css";
+import { defineComponent as s } from "vue";
+import { g as a } from "./get-block-properties-e6b4e487.js";
+import { n as m } from "./index-914f296f.js";
+import "./css-6266471f.js";
+const u = (e) => e, f = ({
+  componentOptions: e,
+  builderBlock: t,
+  context: n,
+  componentRef: o,
+  includeBlockProps: r,
+  isInteractive: l,
+  contextValue: p
+}) => {
+  const i = {
+    ...e,
+    /**
+     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+     * component itself directly. Otherwise, they are provided to the wrapper element.
+     */
+    ...r ? {
+      attributes: a({
+        block: t,
+        context: p
+      })
+    } : {}
+  };
+  return l ? {
+    Wrapper: o,
+    block: t,
+    context: n,
+    wrapperProps: e,
+    includeBlockProps: r
+  } : i;
+}, k = () => import("./block-6bd83d38.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Block at ../../block.vue",
+    e
+  ), e;
+}), d = () => import("./block-styles-55ffa534.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ../block-styles.vue",
+    e
+  ), e;
+}), c = () => import("./interactive-element-218ee6a8.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InteractiveElement at ../interactive-element.vue",
+    e
+  ), e;
+}), b = s({
+  name: "component-ref",
+  components: {
+    block: k,
+    "block-styles": d,
+    "interactive-element": c
+  },
+  props: [
+    "isInteractive",
+    "componentRef",
+    "componentOptions",
+    "builderBlock",
+    "context",
+    "includeBlockProps",
+    "blockChildren",
+    "registeredComponents"
+  ],
+  data() {
+    return {
+      Wrapper: this.isInteractive ? u(c) : this.componentRef,
+      getWrapperProps: f
+    };
+  }
+});
+var _ = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, t.componentRef ? n(t.Wrapper, t._b(
+    { tag: "component" },
+    "component",
+    t.getWrapperProps({
+      componentOptions: t.componentOptions,
+      builderBlock: t.builderBlock,
+      context: t.context,
+      componentRef: t.componentRef,
+      includeBlockProps: t.includeBlockProps,
+      isInteractive: t.isInteractive,
+      contextValue: t.context
+    }),
+    !1
+  ), [t._l(t.blockChildren, function(o, r) {
+    return n("block", { key: "block-" + o.id, attrs: { block: o, context: t.context, registeredComponents: t.registeredComponents } });
+  }), t._l(t.blockChildren, function(o, r) {
+    return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: t.context } });
+  })], 2) : t._e();
+}, v = [], h = /* @__PURE__ */ m(
+  b,
+  _,
+  v,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const C = h.exports;
+export {
+  C as default
+};

package/vue2/lib/browser/component-ref-a8555189.cjs

@@ -0,0 +1 @@
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),a=require("./get-block-properties-3b2a65d5.cjs"),m=require("./index-c7e68200.cjs");require("./css-55ea775d.cjs");const u=t=>t,d=({componentOptions:t,builderBlock:e,context:n,componentRef:o,includeBlockProps:r,isInteractive:l,contextValue:i})=>{const s={...t,...r?{attributes:a.getBlockProperties({block:e,context:i})}:{}};return l?{Wrapper:o,block:e,context:n,wrapperProps:t,includeBlockProps:r}:s},k=()=>Promise.resolve().then(()=>require("./block-4ce0f265.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component Block at ../../block.vue",t),t}),f=()=>Promise.resolve().then(()=>require("./block-styles-44670828.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-356b7359.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component InteractiveElement at ../interactive-element.vue",t),t}),v=p.defineComponent({name:"component-ref",components:{block:k,"block-styles":f,"interactive-element":c},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?u(c):this.componentRef,getWrapperProps:d}}});var b=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()},h=[],_=m.normalizeComponent(v,b,h,!1,null,null,null,null);const y=_.exports;exports.default=y;

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

@@ -2,38 +2,40 @@ import type { ComponentProps } from "./component-ref.helpers.js";
 declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     registeredComponents?: any;
+    includeBlockProps?: any;
     blockChildren?: any;
     componentRef?: any;
     componentOptions?: any;
     builderBlock?: any;
-    includeBlockProps?: any;
     isInteractive?: any;
 }>, {}, {
     Wrapper: any;
     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;
     };
 }, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     registeredComponents?: any;
+    includeBlockProps?: any;
     blockChildren?: any;
     componentRef?: any;
     componentOptions?: any;
     builderBlock?: any;
-    includeBlockProps?: any;
     isInteractive?: any;
 }>>>, {
     readonly context?: any;
     readonly registeredComponents?: any;
+    readonly includeBlockProps?: any;
     readonly blockChildren?: any;
     readonly componentRef?: any;
     readonly componentOptions?: any;
     readonly builderBlock?: any;
-    readonly includeBlockProps?: any;
     readonly isInteractive?: any;
 }>;
 export default _default;

package/vue2/lib/browser/components/block/components/interactive-element.vue.d.ts

@@ -2,16 +2,19 @@ import type { BuilderContextInterface } from "../../../context/types.js";
 import { getBlockActions } from "../../../functions/get-block-actions.js";
 import { getBlockProperties } from "../../../functions/get-block-properties.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { Dictionary } from "../../../types/typescript.js";
 export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     context?: any;
     wrapperProps?: any;
+    includeBlockProps?: any;
     Wrapper?: any;
 }>, {}, {
     getBlockActions: typeof getBlockActions;
@@ -20,11 +23,13 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     context?: any;
     wrapperProps?: any;
+    includeBlockProps?: any;
     Wrapper?: any;
 }>>>, {
     readonly block?: any;
     readonly context?: any;
     readonly wrapperProps?: any;
+    readonly includeBlockProps?: any;
     readonly Wrapper?: any;
 }>;
 export default _default;

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;