@builder.io/sdk-vue 1.0.22 → 1.0.24

package/lib/edge/blocks/tabs/tabs.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<Readonly<{
+    builderContext?: any;
+    builderLinkComponent?: any;
+    builderBlock?: any;
+    builderComponents?: any;
+    tabs?: any;
+    activeTabStyle?: any;
+    defaultActiveTab?: any;
+    collapsible?: any;
+    tabHeaderLayout?: any;
+}>, unknown, {
+    activeTab: number;
+}, {}, {
+    activeTabContent(active: number): any;
+    getActiveTabStyle(index: number): any;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    builderContext?: any;
+    builderLinkComponent?: any;
+    builderBlock?: any;
+    builderComponents?: any;
+    tabs?: any;
+    activeTabStyle?: any;
+    defaultActiveTab?: any;
+    collapsible?: any;
+    tabHeaderLayout?: any;
+}>>>, {
+    readonly builderContext?: any;
+    readonly builderLinkComponent?: any;
+    readonly builderBlock?: any;
+    readonly builderComponents?: any;
+    readonly tabs?: any;
+    readonly activeTabStyle?: any;
+    readonly defaultActiveTab?: any;
+    readonly collapsible?: any;
+    readonly tabHeaderLayout?: any;
+}, {}>;
+export default _default;

package/lib/edge/blocks/text/text.types.d.ts

@@ -1,3 +1,4 @@
+import type { BuilderDataProps } from '../../types/builder-props';
 export type TextProps = {
     text?: string;
-};
+} & BuilderDataProps;

package/lib/edge/component-ref-3uf44rnP.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-s5fwQ-TJ.cjs"),a=require("./get-block-properties-GT0BtW_S.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),b=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},f=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function C(e,o,p,s,n,i){const l=t.resolveComponent("block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const B=c._export_sfc(f,[["render",C]]);exports.default=B;

package/lib/edge/component-ref-94hspLkE.js

@@ -0,0 +1,113 @@
+import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as P, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
+import { f, B as W, w } from "./index-AKG501T6.js";
+import { a as b, g as R } from "./get-block-properties-btaXJ-_5.js";
+const x = m({
+  name: "interactive-element",
+  props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],
+  computed: {
+    attributes() {
+      return this.includeBlockProps ? {
+        ...b({
+          block: this.block,
+          context: this.context
+        }),
+        ...R({
+          block: this.block,
+          rootState: this.context.rootState,
+          rootSetState: this.context.rootSetState,
+          localState: this.context.localState,
+          context: this.context.context
+        })
+      } : {};
+    }
+  }
+});
+function I(e, t, p, s, o, c) {
+  return r(), a(k(e.Wrapper), u({ attributes: e.attributes }, e.wrapperProps), {
+    default: d(() => [
+      h(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["attributes"]);
+}
+const l = /* @__PURE__ */ f(x, [["render", I]]), E = ({
+  componentOptions: e,
+  builderBlock: t,
+  context: p,
+  componentRef: s,
+  includeBlockProps: o,
+  isInteractive: c,
+  contextValue: i
+}) => {
+  const n = {
+    ...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.
+     */
+    ...o ? {
+      attributes: b({
+        block: t,
+        context: i
+      })
+    } : {}
+  };
+  return c ? {
+    Wrapper: s,
+    block: t,
+    context: p,
+    wrapperProps: e,
+    includeBlockProps: o
+  } : n;
+}, y = m({
+  name: "component-ref",
+  components: { Block: W, InteractiveElement: l },
+  props: [
+    "isInteractive",
+    "componentRef",
+    "componentOptions",
+    "builderBlock",
+    "context",
+    "linkComponent",
+    "includeBlockProps",
+    "blockChildren",
+    "registeredComponents"
+  ],
+  data() {
+    return {
+      Wrapper: this.isInteractive ? w(l) : this.componentRef,
+      getWrapperProps: E
+    };
+  }
+});
+function A(e, t, p, s, o, c) {
+  const i = P("block");
+  return e.componentRef ? (r(), a(k(e.Wrapper), B(u(
+    { key: 0 },
+    e.getWrapperProps({
+      componentOptions: e.componentOptions,
+      builderBlock: e.builderBlock,
+      context: e.context,
+      componentRef: e.componentRef,
+      linkComponent: e.linkComponent,
+      includeBlockProps: e.includeBlockProps,
+      isInteractive: e.isInteractive,
+      contextValue: e.context
+    })
+  )), {
+    default: d(() => [
+      (r(!0), g($, null, v(e.blockChildren, (n, C) => (r(), a(i, {
+        key: n.id,
+        block: n,
+        context: e.context,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
+    ]),
+    _: 1
+  }, 16)) : S("", !0);
+}
+const D = /* @__PURE__ */ f(y, [["render", A]]);
+export {
+  D as default
+};

package/lib/edge/components/block/block.helpers.d.ts

@@ -14,3 +14,5 @@ export declare const getInheritedStyles: ({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
+export declare const shouldPassLinkComponent: (blockName: string | undefined) => boolean | "" | undefined;
+export declare const shouldPassRegisteredComponents: (blockName: string | undefined) => boolean | "" | undefined;

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

@@ -1,6 +1,4 @@
 import type { BuilderContextInterface } from "../../../context/types";
-import { getBlockActions } from "../../../functions/get-block-actions";
-import { getBlockProperties } from "../../../functions/get-block-properties";
 import type { BuilderBlock } from "../../../types/builder-block";
 import type { Dictionary } from "../../../types/typescript";
 export type InteractiveElementProps = {
@@ -14,23 +12,22 @@ export type InteractiveElementProps = {
 declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     block?: any;
-    wrapperProps?: any;
     includeBlockProps?: any;
+    wrapperProps?: any;
     Wrapper?: any;
-}>, unknown, {
-    getBlockActions: typeof getBlockActions;
-    getBlockProperties: typeof getBlockProperties;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, unknown, unknown, {
+    attributes(): {};
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
-    wrapperProps?: any;
     includeBlockProps?: any;
+    wrapperProps?: any;
     Wrapper?: any;
 }>>>, {
     readonly context?: any;
     readonly block?: any;
-    readonly wrapperProps?: any;
     readonly includeBlockProps?: any;
+    readonly wrapperProps?: any;
     readonly Wrapper?: any;
 }, {}>;
 export default _default;

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

@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
 }>, unknown, {
     ContentWrapper: any;
@@ -35,7 +35,15 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         };
         key: symbol;
     };
+    getWrapperClassName: (variationId?: string | undefined) => string;
 }, {
+    showContentProps(): {
+        hidden?: undefined;
+        "aria-hidden"?: undefined;
+    } | {
+        hidden: boolean;
+        "aria-hidden": boolean;
+    };
     onUpdateHook0(): {
         0: any;
     };
@@ -75,8 +83,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
 }>>>, {
     readonly data?: any;
@@ -89,8 +97,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly enrich?: any;
     readonly trustedHosts?: any;
     readonly model?: any;
-    readonly contentWrapper?: any;
     readonly showContent?: any;
+    readonly contentWrapper?: any;
     readonly contentWrapperProps?: any;
 }, {}>;
 export default _default;

package/lib/edge/components/content/components/styles.helpers.d.ts

@@ -14,3 +14,4 @@ export declare const getCss: ({ cssCode, contentId }: {
     contentId?: string | undefined;
 }) => string;
 export declare const getDefaultStyles: (isNested: boolean | undefined) => "" | "\n.builder-button {\n  all: unset;\n}\n\n.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {\n  margin: 0;\n}\n.builder-text > p, .builder-text > .builder-paragraph {\n  color: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n  text-align: inherit;\n  font-family: inherit;\n}\n";
+export declare const getWrapperClassName: (variationId?: string) => string;

package/lib/edge/components/content/content.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
     isNestedRender?: any;
     customComponents?: any;
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
     isNestedRender?: any;
     customComponents?: any;
@@ -75,8 +75,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly enrich?: any;
     readonly trustedHosts?: any;
     readonly model?: any;
-    readonly contentWrapper?: any;
     readonly showContent?: any;
+    readonly contentWrapper?: any;
     readonly contentWrapperProps?: any;
     readonly isNestedRender?: any;
     readonly customComponents?: any;

package/lib/edge/components/dynamic-div.vue.d.ts

@@ -0,0 +1,14 @@
+export interface DynamicDivProps {
+    children?: any;
+    attributes: any;
+    actionAttributes: any;
+    BlockWrapperProps: any;
+    builderPath: any;
+    builderParentId: any;
+    BlocksWrapperProps: any;
+    contentWrapperProps: any;
+    builderModel: any;
+    ref: any;
+}
+declare const _default: import("vue").DefineComponent<Readonly<{}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{}>>>, {}, {}>;
+export default _default;

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.22";
+export declare const SDK_VERSION = "1.0.24";

package/lib/edge/{get-block-properties-ozEWpZlZ.cjs → get-block-properties-GT0BtW_S.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./index-nVP8G4zp.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
+"use strict";const a=require("./index-s5fwQ-TJ.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;

package/lib/edge/{get-block-properties-RLx998wH.js → get-block-properties-btaXJ-_5.js}

@@ -1,4 +1,4 @@
-import { h as s, T as c, i, j as l } from "./index-53gkK1JA.js";
+import { h as s, T as c, i, j as l } from "./index-AKG501T6.js";
 const u = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (r) => s({
   code: e,
   context: t.context,