@builder.io/sdk-vue 0.7.1 → 0.7.3

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "main": "./vue3/lib/node/index.cjs",
   "module": "./vue3/lib/node/index.js",
   "type": "module",
+  "workspaces": [
+    "vue2",
+    "vue3"
+  ],
   "files": [
     "vue2/lib",
     "vue2/css/package.json",

package/vue2/lib/browser/block-7fc4bd0f.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./get-processed-block-91e4a6e7.cjs"),m=require("./evaluate-7de8534a.cjs"),d=require("./index-da0b5822.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-9328fb7d.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}),B=()=>Promise.resolve().then(()=>require("./block-wrapper-dd6ba030.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}),g=()=>Promise.resolve().then(()=>require("./component-ref-0589d5a6.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-97182eb4.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":g,"block-wrapper":B,"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(){return this.repeatItem?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(){return"hide"in this.processedBlock?!this.processedBlock.hide:"show"in this.processedBlock?this.processedBlock.show:!0},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-bbdd4bbb.js

@@ -0,0 +1,181 @@
+import { defineComponent as a } from "vue";
+import { g as p } from "./get-processed-block-9288ea54.js";
+import { e as m } from "./evaluate-53f7e690.js";
+import { n as d } from "./index-415058f0.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-29b829dd.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-6e7d432c.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;
+}), g = () => import("./component-ref-b2801b9d.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;
+}), S = () => import("./repeated-block-9791978c.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": g,
+    "block-wrapper": B,
+    "repeated-block": S,
+    "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() {
+      return this.repeatItem ? 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() {
+      return "hide" in this.processedBlock ? !this.processedBlock.hide : "show" in this.processedBlock ? this.processedBlock.show : !0;
+    },
+    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 W = P.exports;
+export {
+  W as default
+};

package/vue2/lib/browser/block-styles-29b829dd.js

@@ -0,0 +1,82 @@
+import { defineComponent as y } from "vue";
+import { T as f, c as m, g as x, a as d, n as _ } from "./index-415058f0.js";
+import { g as u } from "./get-processed-block-9288ea54.js";
+import { c as n } from "./css-95da9602.js";
+import "./evaluate-53f7e690.js";
+const k = () => import("./inlined-styles-68e291c0.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 F = b.exports;
+export {
+  F as default
+};

package/vue2/lib/browser/block-styles-9328fb7d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),s=require("./index-da0b5822.cjs"),d=require("./get-processed-block-91e4a6e7.cjs"),c=require("./css-a80a98f6.cjs");require("./evaluate-7de8534a.cjs");const p=()=>Promise.resolve().then(()=>require("./inlined-styles-07758945.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",t),t}),k=y.defineComponent({name:"block-styles",components:{"inlined-styles":p},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const t=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(t.hide)?!t.hide:s.checkIsDefined(t.show)?t.show:!0},css(){var u;const t=d.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),e=t.responsiveStyles,o=this.context.content,r=s.getSizesForBreakpoints(((u=o==null?void 0:o.meta)==null?void 0:u.breakpoints)||{}),l=e==null?void 0:e.large,a=e==null?void 0:e.medium,i=e==null?void 0:e.small,n=t.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 e=this,o=e._self._c;return e._self._setupProxy,e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?o("inlined-styles",{attrs:{styles:e.css}}):e._e()},_=[],f=s.normalizeComponent(k,x,_,!1,null,null,null,null);const g=f.exports;exports.default=g;

package/vue2/lib/browser/block-wrapper-6e7d432c.js

@@ -0,0 +1,66 @@
+import { defineComponent as e } from "vue";
+import { g as r } from "./get-block-actions-b68490d6.js";
+import { g as c } from "./get-block-properties-af19618f.js";
+import { n } from "./index-415058f0.js";
+import "./evaluate-53f7e690.js";
+import "./css-95da9602.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 b = s.exports;
+export {
+  b as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./get-block-actions-cd507d3e.cjs"),c=require("./get-block-properties-286be966.cjs"),n=require("./index-da0b5822.cjs");require("./evaluate-7de8534a.cjs");require("./css-a80a98f6.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/button/button.vue.d.ts

@@ -0,0 +1,18 @@
+import { filterAttrs } from "../helpers.js";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+declare const _default: import("vue").DefineComponent<string[], {}, {
+    filterAttrs: typeof filterAttrs;
+}, {}, {
+    _classStringToObject(str: string): Record<string, boolean>;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export default _default;

package/vue2/lib/browser/blocks/button/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,44 @@
+import type { SizeName } from "../../constants/device-sizes.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderComponentsProp } from "../../types/builder-props.js";
+import type { Dictionary } from "../../types/typescript.js";
+type Column = {
+    blocks: BuilderBlock[];
+    width?: number;
+};
+type CSSVal = string | number;
+type StackColumnsAt = "tablet" | "mobile" | "never";
+export interface ColumnProps extends BuilderComponentsProp {
+    columns?: Column[];
+    builderBlock: BuilderBlock;
+    space?: number;
+    stackColumnsAt?: StackColumnsAt;
+    reverseColumnsWhenStacked?: boolean;
+}
+declare const _default: import("vue").DefineComponent<string[], {}, {
+    gutterSize: number;
+    cols: any;
+    stackAt: any;
+    flexDir: string;
+    TARGET: import("../../types/targets.js").Target;
+}, {
+    columnsCssVars(): Dictionary<string>;
+    columnsStyles(): string;
+}, {
+    getWidth(index: number): any;
+    getColumnCssWidth(index: number): string;
+    getTabletStyle({ stackedStyle, desktopStyle, }: {
+        stackedStyle: CSSVal;
+        desktopStyle: CSSVal;
+    }): CSSVal;
+    getMobileStyle({ stackedStyle, desktopStyle, }: {
+        stackedStyle: CSSVal;
+        desktopStyle: CSSVal;
+    }): CSSVal;
+    columnCssVars(index: number): Dictionary<string>;
+    getWidthForBreakpointSize(size: SizeName): number;
+    _classStringToObject(str: string): Record<string, boolean>;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export default _default;

package/vue2/lib/browser/blocks/columns/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/vue2/lib/browser/blocks/custom-code/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/vue2/lib/browser/blocks/custom-code/custom-code.vue.d.ts

@@ -0,0 +1,13 @@
+export interface CustomCodeProps {
+    code: string;
+    replaceNodes?: boolean;
+}
+declare const _default: import("vue").DefineComponent<string[], {}, {
+    scriptsInserted: never[];
+    scriptsRun: never[];
+}, {}, {
+    _classStringToObject(str: string): Record<string, boolean>;
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export default _default;

package/vue2/lib/browser/blocks/embed/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,18 @@
+export interface EmbedProps {
+    content: string;
+}
+declare const _default: import("vue").DefineComponent<string[], {}, {
+    scriptsInserted: never[];
+    scriptsRun: never[];
+    ranInitFn: boolean;
+}, {
+    onUpdateHook0(): {
+        0: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | Element | import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>> | (import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | Element | import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>)[] | undefined;
+        1: boolean;
+    };
+}, {
+    findAndRunScripts(): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export default _default;

package/vue2/lib/browser/blocks/embed/helpers.d.ts

@@ -0,0 +1 @@
+export declare const isJsScript: (script: HTMLScriptElement) => boolean;

package/vue2/lib/browser/blocks/form/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/vue2/lib/browser/blocks/fragment/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,7 @@
+export interface FragmentProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+}
+declare const _default: import("vue").DefineComponent<Readonly<{}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{}>>>, {}>;
+export default _default;

package/vue2/lib/browser/blocks/helpers.d.ts

@@ -0,0 +1,13 @@
+export declare function filterAttrs(attrs: {
+    [index: string]: any;
+} | undefined, prefix: string, isEvent: boolean): {
+    [index: string]: any;
+};
+/**
+ * Svelte SDK: workaround to dynamically provide event handlers to components/elements.
+ * https://svelte.dev/repl/1246699e266f41218a8eeb45b9b58b54?version=3.24.1
+ */
+export declare function setAttrs(node: HTMLElement, attrs?: Record<string, (event: Event) => void>): {
+    update(attrs?: {}): void;
+    destroy(): void;
+};

package/vue2/lib/browser/blocks/image/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/vue2/lib/browser/blocks/image/image.helpers.d.ts

@@ -0,0 +1 @@
+export declare function getSrcSet(url: string): string;

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

@@ -0,0 +1,72 @@
+import type { BuilderBlock } from "../../types/builder-block.js";
+export interface ImageProps {
+    className?: string;
+    image: string;
+    sizes?: string;
+    lazy?: boolean;
+    height?: number;
+    width?: number;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: string;
+    srcset?: string;
+    aspectRatio?: number;
+    children?: any;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+    noWebp?: boolean;
+    src?: string;
+}
+declare const _default: import("vue").DefineComponent<Readonly<{
+    image?: any;
+    className?: any;
+    aspectRatio?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    builderBlock?: any;
+    src?: any;
+    srcset?: any;
+    noWebp?: any;
+    altText?: any;
+    sizes?: any;
+    fitContent?: any;
+}>, {}, {}, {
+    srcSetToUse(): any;
+    webpSrcSet(): any;
+    aspectRatioCss(): {
+        readonly position: "absolute";
+        readonly height: "100%";
+        readonly width: "100%";
+        readonly left: "0px";
+        readonly top: "0px";
+    } | undefined;
+}, {
+    _classStringToObject(str: string): Record<string, boolean>;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    image?: any;
+    className?: any;
+    aspectRatio?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    builderBlock?: any;
+    src?: any;
+    srcset?: any;
+    noWebp?: any;
+    altText?: any;
+    sizes?: any;
+    fitContent?: any;
+}>>>, {
+    readonly image?: any;
+    readonly className?: any;
+    readonly aspectRatio?: any;
+    readonly backgroundPosition?: any;
+    readonly backgroundSize?: any;
+    readonly builderBlock?: any;
+    readonly src?: any;
+    readonly srcset?: any;
+    readonly noWebp?: any;
+    readonly altText?: any;
+    readonly sizes?: any;
+    readonly fitContent?: any;
+}>;
+export default _default;

package/vue2/lib/browser/blocks/img/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,39 @@
+import { isEditing } from "../../functions/is-editing.js";
+import { filterAttrs } from "../helpers.js";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface ImgProps {
+    attributes?: any;
+    imgSrc?: string;
+    image?: string;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+}
+declare const _default: import("vue").DefineComponent<Readonly<{
+    image?: any;
+    attributes?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    altText?: any;
+    imgSrc?: any;
+}>, {}, {
+    isEditing: typeof isEditing;
+    filterAttrs: typeof filterAttrs;
+}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    image?: any;
+    attributes?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    altText?: any;
+    imgSrc?: any;
+}>>>, {
+    readonly image?: any;
+    readonly attributes?: any;
+    readonly backgroundPosition?: any;
+    readonly backgroundSize?: any;
+    readonly altText?: any;
+    readonly imgSrc?: any;
+}>;
+export default _default;

package/vue2/lib/browser/blocks/input/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;

package/vue2/lib/browser/blocks/raw-text/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components.js';
+export declare const componentInfo: ComponentInfo;