@builder.io/sdk-vue 0.12.0 → 0.12.1-vue2-lts-0

package/README.md

@@ -1,31 +1,8 @@
-# Builder.io Vue SDK
+# Builder.io Vue 2.0 SDK (BETA)
 
-This is the Builder Vue SDK. It is currently in beta.
+This is the 2.0 Vue SDK. It is currently in beta.
 
-## Getting Started
-
-```
-npm install @builder.io/sdk-vue
-```
-
-NOTE: if you are using Nuxt, you will need to add the SDK's Nuxt module in `nuxt.config.js`:
-
-```js
-// https://nuxt.com/docs/api/configuration/nuxt-config
-export default defineNuxtConfig({
-  module: ['@builder.io/sdk-vue/nuxt'],
-});
-```
-
-## CSS
-
-If you are using a SSR framework _other_ than Nuxt, you will need to manually import the CSS by adding the following to your entrypoint, before rendering Builder Content:
-
-```html
-<script>
-  import '@builder.io/sdk-vue/css';
-</script>
-```
+NOTE: If you are looking for the stable 1.0 Vue SDK, you can find it [here](/packages/vue)
 
 ## Mitosis
 
@@ -41,10 +18,19 @@ This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-pack
 
 ## Version Support
 
-This SDK supports standalone Vue 3, or using Nuxt 3.
+This SDK supports Vue >2.7, Vue 3+, Nuxt 2 & Nuxt 3.
+
+## Getting Started
+
+```
+npm install @builder.io/sdk-vue
+```
 
 ## Usage
 
 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/nuxt.js

@@ -1,10 +1,6 @@
-import { defineNuxtModule } from '@nuxt/kit';
-
-export default defineNuxtModule({
-  setup(options, nuxt) {
-    /**
-     * Add the compiled Builder.io CSS to the Nuxt CSS array.
-     */
-    nuxt.options.css.push('@builder.io/sdk-vue/css');
-  },
-});
+export default function builderioCssModule() {
+  /**
+   * Add the compiled Builder.io CSS to the Nuxt CSS array.
+   */
+  this.options.css.push('@builder.io/sdk-vue/css');
+}

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "0.12.0",
-  "main": "./lib/node/index.cjs",
-  "module": "./lib/node/index.js",
+  "version": "0.12.1-vue2-lts-0",
+  "main": "./vue2/lib/node/index.cjs",
+  "module": "./vue2/lib/node/index.js",
   "type": "module",
+  "workspaces": [
+    "vue2"
+  ],
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/vue",
   "repository": {
     "type": "git",
@@ -12,128 +15,130 @@
     "directory": "packages/sdks/output/vue"
   },
   "files": [
-    "lib",
+    "vue2/lib",
+    "vue2/package.json",
     "nuxt.js"
   ],
-  "sideEffects": [
-    "./lib/browser/style.css",
-    "./lib/node/style.css",
-    "./lib/edge/style.css",
-    "./lib/browser/index.js",
-    "./lib/browser/index.cjs"
-  ],
   "exports": {
-    "./css": "./lib/browser/style.css",
     "./nuxt": "./nuxt.js",
-    "./edge": {
-      "import": "./lib/edge/index.js",
-      "require": "./lib/edge/index.cjs"
-    },
-    "./browser": {
-      "import": "./lib/browser/index.js",
-      "require": "./lib/browser/index.cjs"
-    },
-    "./node": {
-      "import": "./lib/node/index.js",
-      "require": "./lib/node/index.cjs"
-    },
+    "./vue2/css": "./vue2/lib/browser/style.css",
+    "./css": "./vue2/lib/browser/style.css",
     ".": {
       "node": {
-        "import": "./lib/node/index.js",
-        "require": "./lib/node/index.cjs"
+        "import": "./vue2/lib/node/index.js",
+        "require": "./vue2/lib/node/index.cjs"
+      },
+      "browser": {
+        "import": "./vue2/lib/browser/index.js",
+        "require": "./vue2/lib/browser/index.cjs"
+      },
+      "edge-routine": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "workerd": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "deno": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "lagon": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "netlify": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "edge-light": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "bun": {
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
+      },
+      "electron": {
+        "import": "./vue2/lib/node/index.js",
+        "require": "./vue2/lib/node/index.cjs"
+      },
+      "default": {
+        "import": "./vue2/lib/browser/index.js",
+        "require": "./vue2/lib/browser/index.cjs"
+      }
+    },
+    "./vue2": {
+      "node": {
+        "import": "./vue2/lib/node/index.js",
+        "require": "./vue2/lib/node/index.cjs"
       },
       "browser": {
-        "import": "./lib/browser/index.js",
-        "require": "./lib/browser/index.cjs"
+        "import": "./vue2/lib/browser/index.js",
+        "require": "./vue2/lib/browser/index.cjs"
       },
       "edge-routine": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "workerd": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "deno": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "lagon": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "netlify": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "edge-light": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "bun": {
-        "import": "./lib/edge/index.js",
-        "require": "./lib/edge/index.cjs"
+        "import": "./vue2/lib/edge/index.js",
+        "require": "./vue2/lib/edge/index.cjs"
       },
       "electron": {
-        "import": "./lib/node/index.js",
-        "require": "./lib/node/index.cjs"
+        "import": "./vue2/lib/node/index.js",
+        "require": "./vue2/lib/node/index.cjs"
       },
       "default": {
-        "import": "./lib/browser/index.js",
-        "require": "./lib/browser/index.cjs"
+        "import": "./vue2/lib/browser/index.js",
+        "require": "./vue2/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-inline-fns": "yarn g:build-inline-fns",
-    "build": "nx run-many -p @builder.io/sdk-vue -t build:node build:edge build:browser",
-    "vite-build": "vite build --mode lib",
-    "build:node": "SDK_ENV=node yarn vite-build",
-    "build:edge": "SDK_ENV=edge yarn vite-build",
-    "build:browser": "SDK_ENV=browser yarn vite-build",
-    "type-check": "vue-tsc --noEmit"
+    "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": ">= 3"
+    "vue": ">= 2"
   },
   "dependencies": {
     "isolated-vm": "^4.6.0"
   },
   "devDependencies": {
-    "@builder.io/sdks": "workspace:*",
-    "@types/node": "^16.11.47",
-    "@vitejs/plugin-vue": "^3.0.1",
-    "@vue/tsconfig": "^0.1.3",
-    "npm-run-all": "^4.1.5",
     "nx": "^16.6.0",
     "nx-cloud": "^16.2.0",
-    "typescript": "^5.1.6",
-    "vite": "^3.0.4",
-    "vite-plugin-dts": "^3.5.2",
-    "vue": "^3.2.37",
-    "vue-tsc": "^0.39.5"
+    "vue": "^2.7"
   },
   "nx": {
-    "targets": {
-      "build-inline-fns": {
-        "dependsOn": [
-          "^build:vue"
-        ]
-      },
-      "build": {
-        "dependsOn": [
-          "build-inline-fns",
-          "^build:vue",
-          "^build"
-        ],
-        "outputs": [
-          "{projectRoot}/lib",
-          "{projectRoot}/types"
-        ]
-      }
-    }
+    "implicitDependencies": [
+      "@builder.io/sdk-vue-2"
+    ]
   }
-}
+}

package/vue2/lib/browser/block-24dac200.js

@@ -0,0 +1,187 @@
+import "./style.css";
+import { defineComponent as a } from "vue";
+import { g as p } from "./get-processed-block-8494bdd9.js";
+import { e as m } from "./evaluate-74fba486.js";
+import { n as d } from "./index-dbe064d4.js";
+function h(t) {
+  var e;
+  return {
+    ...(e = t.component) == null ? void 0 : e.options,
+    ...t.options,
+    /**
+     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
+     */
+    builderBlock: t
+  };
+}
+const k = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], u = (t) => typeof t == "string" && k.includes(t.toLowerCase()), f = ({
+  block: t,
+  context: e,
+  registeredComponents: o
+}) => {
+  var c;
+  const r = (c = p({
+    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({
+    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 = () => import("./block-styles-9806cc07.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-97092723.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-2bcd2e54.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-ea710165.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
+    t
+  ), t;
+}), x = a({
+  name: "block",
+  components: {
+    "component-ref": S,
+    "block-wrapper": B,
+    "repeated-block": g,
+    "block-styles": C
+  },
+  props: ["block", "context", "registeredComponents"],
+  data() {
+    return { childrenContext: this.context, isEmptyHtmlElement: u };
+  },
+  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({
+        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 R = 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();
+}, y = [], P = /* @__PURE__ */ d(
+  x,
+  R,
+  y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const T = P.exports;
+export {
+  T as default
+};

package/vue2/lib/browser/block-55d656c0.cjs

@@ -0,0 +1,3 @@
+var _=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./get-processed-block-8fc9b021.cjs"),m=require("./evaluate-37b751e3.cjs"),d=require("./index-f28fec49.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-a2a0b083.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-33298699.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-87670e44.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-da7ee47b.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/browser/block-styles-9806cc07.js

@@ -0,0 +1,83 @@
+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-dbe064d4.js";
+import { g as u } from "./get-processed-block-8494bdd9.js";
+import { c as n } from "./css-173f4313.js";
+import "./evaluate-74fba486.js";
+const k = () => import("./inlined-styles-a5578f5d.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",
+    e
+  ), e;
+}), g = y({
+  name: "block-styles",
+  components: { "inlined-styles": k },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: f };
+  },
+  computed: {
+    canShowBlock() {
+      const e = u({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+      return m(e.hide) ? !e.hide : m(e.show) ? e.show : !0;
+    },
+    css() {
+      var i;
+      const e = u({
+        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, l = x(
+        ((i = o == null ? void 0 : o.meta) == null ? void 0 : i.breakpoints) || {}
+      ), c = t == null ? void 0 : t.large, a = t == null ? void 0 : t.medium, r = t == null ? void 0 : t.small, s = e.id;
+      if (!s)
+        return "";
+      const S = c ? n({
+        className: s,
+        styles: c
+      }) : "", h = a ? n({
+        className: s,
+        styles: a,
+        mediaQuery: d(
+          "medium",
+          l
+        )
+      }) : "", p = r ? n({
+        className: s,
+        styles: r,
+        mediaQuery: d(
+          "small",
+          l
+        )
+      }) : "";
+      return [S, h, p].join(" ");
+    }
+  }
+});
+var v = 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();
+}, B = [], b = /* @__PURE__ */ _(
+  g,
+  v,
+  B,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const I = b.exports;
+export {
+  I as default
+};

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

@@ -0,0 +1 @@
+var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),s=require("./index-f28fec49.cjs"),d=require("./get-processed-block-8fc9b021.cjs"),c=require("./css-876ae56e.cjs");require("./evaluate-37b751e3.cjs");const p=()=>Promise.resolve().then(()=>require("./inlined-styles-449eba80.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-33298699.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-355c8101.cjs"),c=require("./get-block-properties-892f7edd.cjs"),n=require("./index-f28fec49.cjs");require("./evaluate-37b751e3.cjs");require("./css-876ae56e.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/block-wrapper-97092723.js

@@ -0,0 +1,67 @@
+import "./style.css";
+import { defineComponent as e } from "vue";
+import { g as r } from "./get-block-actions-d8d88491.js";
+import { g as c } from "./get-block-properties-4558b692.js";
+import { n } from "./index-dbe064d4.js";
+import "./evaluate-74fba486.js";
+import "./css-173f4313.js";
+const a = e({
+  name: "block-wrapper",
+  props: ["Wrapper", "block", "context", "hasChildren"],
+  data() {
+    return { getBlockActions: r, getBlockProperties: c };
+  }
+});
+var l = function() {
+  var t = this, o = t._self._c;
+  return t._self._setupProxy, t.hasChildren ? o(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) : o(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
+    })
+  ));
+}, p = [], s = /* @__PURE__ */ n(
+  a,
+  l,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const g = s.exports;
+export {
+  g as default
+};