@builder.io/sdk-vue 0.12.2 → 0.12.4

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

@@ -11,8 +11,8 @@ export type InteractiveElementProps = {
     includeBlockProps: boolean;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     wrapperProps?: any;
     includeBlockProps?: any;
     Wrapper?: any;
@@ -20,14 +20,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     getBlockActions: typeof getBlockActions;
     getBlockProperties: typeof getBlockProperties;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    block?: any;
     context?: any;
+    block?: any;
     wrapperProps?: any;
     includeBlockProps?: any;
     Wrapper?: any;
 }>>>, {
-    readonly block?: any;
     readonly context?: any;
+    readonly block?: any;
     readonly wrapperProps?: any;
     readonly includeBlockProps?: any;
     readonly Wrapper?: any;

package/lib/node/components/block/components/repeated-block.vue.d.ts

@@ -1,16 +1,19 @@
 declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     registeredComponents?: any;
+    linkComponent?: any;
     repeatContext?: any;
 }>, unknown, {
     store: any;
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     block?: any;
     registeredComponents?: any;
+    linkComponent?: any;
     repeatContext?: any;
 }>>>, {
     readonly block?: any;
     readonly registeredComponents?: any;
+    readonly linkComponent?: any;
     readonly repeatContext?: any;
 }, {}>;
 export default _default;

package/lib/node/components/blocks/blocks.types.d.ts

@@ -3,4 +3,5 @@ import type { BlocksWrapperProps } from './blocks-wrapper.vue';
 export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
+    linkComponent?: any;
 };

package/lib/node/components/blocks/blocks.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     styleProp?: any;
     context?: any;
     registeredComponents?: any;
+    linkComponent?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
@@ -12,6 +13,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     styleProp?: any;
     context?: any;
     registeredComponents?: any;
+    linkComponent?: any;
 }>>>, {
     readonly path?: any;
     readonly blocks?: any;
@@ -19,5 +21,6 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly styleProp?: any;
     readonly context?: any;
     readonly registeredComponents?: any;
+    readonly linkComponent?: any;
 }, {}>;
 export default _default;

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

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    linkComponent?: any;
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
@@ -47,6 +48,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    linkComponent?: any;
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
@@ -66,6 +68,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly linkComponent?: any;
     readonly blocksWrapper?: any;
     readonly canTrack?: any;
     readonly contentWrapper?: any;

package/lib/node/components/content-variants/content-variants.types.d.ts

@@ -30,6 +30,10 @@ export interface ContentVariantsPrps {
      * An array of custom components to register (optional).
      */
     customComponents?: RegisteredComponent[];
+    /**
+     * The component to use for rendering links. Defaults to anchor element `<a>`.
+     */
+    linkComponent?: any;
     /**
      * A boolean to enable or disable tracking (optional). Defaults to `true`.
      */
@@ -47,7 +51,7 @@ export interface ContentVariantsPrps {
      */
     enrich?: boolean;
     /**
-     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your content. Defaults to `<div>` ('ScrollView' in React Native).
      */
     contentWrapper?: any;
     /**
@@ -55,7 +59,7 @@ export interface ContentVariantsPrps {
      */
     contentWrapperProps?: any;
     /**
-     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     * The element that wraps your blocks. Defaults to `<div>` ('ScrollView' in React Native).
      */
     blocksWrapper?: any;
     /**

package/lib/node/components/content-variants/content-variants.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    linkComponent?: any;
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
@@ -54,6 +55,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    linkComponent?: any;
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
@@ -72,6 +74,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly linkComponent?: any;
     readonly blocksWrapper?: any;
     readonly canTrack?: any;
     readonly contentWrapper?: any;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.2";
+export declare const SDK_VERSION = "0.12.4";

package/lib/node/functions/get-block-properties.d.ts

@@ -5,7 +5,6 @@ export declare function getBlockProperties({ block, context }: {
     context: BuilderContextInterface;
 }): {
     'builder-id': string | undefined;
-    style: string | Partial<CSSStyleDeclaration> | undefined;
-    class: string;
+    style: string | Partial<CSSStyleDeclaration>;
     href: any;
 };

package/lib/node/functions/get-class-prop-name.d.ts

@@ -0,0 +1 @@
+export declare const getClassPropName: () => "className" | "class";

package/lib/node/functions/get-style.d.ts

@@ -0,0 +1,12 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare const getStyle: ({ block, context }: {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+}) => string | Partial<CSSStyleDeclaration>;
+/**
+ * Svelte does not support style attribute as an object so we need to flatten it.
+ *
+ * Additionally, Svelte, Vue and other frameworks use kebab-case styles, so we need to convert them.
+ */
+export declare function mapStyleObjToStrIfNeeded(style: Partial<CSSStyleDeclaration>): string | Partial<CSSStyleDeclaration>;

package/lib/node/functions/transform-block-properties.d.ts

@@ -1,5 +1,5 @@
-import type { BuilderContextInterface } from '../context/types';
-import type { BuilderBlock } from '../types/builder-block';
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
 export declare function transformBlockProperties<T>({ properties }: {
     properties: T;
     context: BuilderContextInterface;

package/lib/node/functions/transform-style-property.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformStyleProperty({ style }: {
+    style: Partial<CSSStyleDeclaration>;
+    context: BuilderContextInterface;
+    block: BuilderBlock;
+}): Partial<CSSStyleDeclaration>;

package/lib/node/get-block-properties.4076202f.cjs

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

package/lib/node/get-block-properties.4e3171b7.js

@@ -0,0 +1,64 @@
+import { e as c, T as i, f as l, h as f } from "./index.0d7a2ca2.js";
+const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => c({
+  code: e,
+  context: t.context,
+  localState: t.localState,
+  rootState: t.rootState,
+  rootSetState: t.rootSetState,
+  event: r,
+  isExpression: !1
+});
+function g(e) {
+  var o;
+  const t = {}, r = (o = e.block.actions) != null ? o : {};
+  for (const s in r) {
+    if (!r.hasOwnProperty(s))
+      continue;
+    const n = r[s];
+    let a = p(s);
+    if (e.stripPrefix)
+      switch (i) {
+        case "vue":
+          a = a.replace("v-on:", "");
+          break;
+        case "svelte":
+          a = a.replace("on:", "");
+          break;
+      }
+    t[a] = u(n, e);
+  }
+  return t;
+}
+function v({
+  properties: e
+}) {
+  return e;
+}
+const d = (e) => ({
+  href: e.href
+});
+function m({
+  block: e,
+  context: t
+}) {
+  var o;
+  const r = {
+    ...d(e),
+    ...e.properties,
+    "builder-id": e.id,
+    style: l({
+      block: e,
+      context: t
+    }),
+    [f()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
+  };
+  return v({
+    properties: r,
+    context: t,
+    block: e
+  });
+}
+export {
+  m as a,
+  g
+};

package/lib/node/helpers/omit.d.ts

@@ -0,0 +1 @@
+export declare function omit<T extends object>(obj: T, ...values: (keyof T)[]): Partial<T>;

package/lib/node/index-helpers/blocks-exports.d.ts

@@ -19,6 +19,7 @@ export declare const RenderBlocks: import("vue").DefineComponent<Readonly<{
     styleProp?: any;
     context?: any;
     registeredComponents?: any;
+    linkComponent?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
@@ -26,6 +27,7 @@ export declare const RenderBlocks: import("vue").DefineComponent<Readonly<{
     styleProp?: any;
     context?: any;
     registeredComponents?: any;
+    linkComponent?: any;
 }>>>, {
     readonly path?: any;
     readonly blocks?: any;
@@ -33,6 +35,7 @@ export declare const RenderBlocks: import("vue").DefineComponent<Readonly<{
     readonly styleProp?: any;
     readonly context?: any;
     readonly registeredComponents?: any;
+    readonly linkComponent?: any;
 }, {}>;
 /**
  * @deprecated Renamed to `Content`.
@@ -43,6 +46,7 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    linkComponent?: any;
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
@@ -93,6 +97,7 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    linkComponent?: any;
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
@@ -111,6 +116,7 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly linkComponent?: any;
     readonly blocksWrapper?: any;
     readonly canTrack?: any;
     readonly contentWrapper?: any;