@builder.io/sdk-vue 0.7.1 → 0.7.2

package/vue2/lib/edge/types/builder-props.d.ts

@@ -0,0 +1,9 @@
+import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
+import type { BuilderBlock } from './builder-block.js';
+export type PropsWithBuilderData<T> = T & {
+    builderBlock: BuilderBlock;
+    builderContext: BuilderContextInterface;
+};
+export type BuilderComponentsProp = {
+    builderComponents: RegisteredComponents;
+};

package/vue2/lib/edge/types/can-track.d.ts

@@ -0,0 +1,3 @@
+export type CanTrack = {
+    canTrack: boolean;
+};

package/vue2/lib/edge/types/components.d.ts

@@ -0,0 +1,110 @@
+import type { BuilderElement } from './element.js';
+import type { Input } from './input.js';
+export interface ComponentInfo {
+    /**
+     * Name your component something unique, e.g. 'MyButton'. You can override built-in components
+     * by registering a component with the same name, e.g. 'Text', to replace the built-in text component
+     */
+    name: string;
+    description?: string;
+    /**
+     * Link to a documentation page for this component
+     */
+    docsLink?: string;
+    image?: string;
+    /**
+     * Input schema for your component for users to fill in the options
+     */
+    inputs?: Input[];
+    class?: any;
+    type?: 'angular' | 'webcomponent' | 'react' | 'vue';
+    defaultStyles?: {
+        [key: string]: string;
+    };
+    /**
+     * Turn on if your component can accept children. Be sure to use in combination with
+     * withChildren(YourComponent) like here
+     * github.com/BuilderIO/builder/blob/master/examples/react-design-system/src/components/HeroWithChildren/HeroWithChildren.builder.js#L5
+     */
+    canHaveChildren?: boolean;
+    fragment?: boolean;
+    /**
+     * Do not wrap a component in a dom element. Be sure to use {...props.attributes} with this option
+     * like here github.com/BuilderIO/builder/blob/master/packages/react/src/blocks/forms/Input.tsx#L34
+     */
+    noWrap?: boolean;
+    /**
+     * TO-DO: make this optional only for RSC SDK.
+     *
+     * Set this to `true` if your component is a React Server Component (RSC).
+     */
+    isRSC?: boolean;
+    /**
+     * Default children
+     */
+    defaultChildren?: BuilderElement[];
+    defaults?: Partial<BuilderElement>;
+    hooks?: {
+        [key: string]: string | Function;
+    };
+    /**
+     * Hide your component in editor, useful for gradually deprecating components
+     */
+    hideFromInsertMenu?: boolean;
+    tag?: string;
+    static?: boolean;
+    /**
+     * Passing a list of model names will restrict using the component to only the models listed here, otherwise it'll be available for all models
+     */
+    models?: string[];
+    /**
+     * Specify restrictions direct children must match
+     */
+    childRequirements?: {
+        /** Message to show when this doesn't match, e.g. "Children of 'Columns' must be a 'Column'" */
+        message: string;
+        /** Simple way to say children must be a specific component name */
+        component?: string;
+        /**
+         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
+         * of what the children objects should match, e.g.
+         *
+         * @example
+         *  query: {
+         *    // Child of this element must be a 'Button' or 'Text' component
+         *    'component.name': { $in: ['Button', 'Text'] }
+         *  }
+         */
+        query?: any;
+    };
+    /**
+     * Specify restrictions any parent must match
+     */
+    requiresParent?: {
+        /** Message to show when this doesn't match, e.g. "'Add to cart' buttons must be within a 'Product box'" */
+        message: string;
+        /** Simple way to say a parent must be a specific component name, e.g. 'Product box' */
+        component?: string;
+        /**
+         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
+         * of what at least one parent in the parents hierarchy should match, e.g.
+         *
+         * @example
+         *  query: {
+         *    // Thils element must be somewhere inside either a 'Product box' or 'Collection' component
+         *    'component.name': { $in: ['Product Box', 'Collection'] }
+         *  }
+         */
+        query?: any;
+    };
+    friendlyName?: string;
+    /**
+     * Use to restrict access to your component based on a the current user permissions
+     * By default components will show to all users
+     * for more information on permissions in builder check https://www.builder.io/c/docs/guides/roles-and-permissions
+     */
+    requiredPermissions?: Array<Permission>;
+    hidden?: boolean;
+}
+type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
+export {};

package/vue2/lib/edge/types/deep-partial.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
+};

package/vue2/lib/edge/types/element.d.ts

@@ -0,0 +1,59 @@
+type JSONValue = string | number | boolean | JSONObject | JSONArray;
+interface JSONObject {
+    [x: string]: JSONValue;
+}
+interface JSONArray extends Array<JSONValue> {
+}
+/** @todo typedoc this */
+export interface BuilderElement {
+    '@type': '@builder.io/sdk:Element';
+    '@version'?: number;
+    id?: string;
+    tagName?: string;
+    layerName?: string;
+    groupLocked?: boolean;
+    layerLocked?: boolean;
+    /** @todo make alias for properties.class */
+    class?: string;
+    children?: BuilderElement[];
+    responsiveStyles?: {
+        large?: Partial<CSSStyleDeclaration>;
+        medium?: Partial<CSSStyleDeclaration>;
+        small?: Partial<CSSStyleDeclaration>;
+        /** @deprecated */
+        xsmall?: Partial<CSSStyleDeclaration>;
+    };
+    component?: {
+        name: string;
+        options?: any;
+        tag?: string;
+    };
+    bindings?: {
+        [key: string]: string;
+    };
+    meta?: {
+        [key: string]: JSONValue;
+    };
+    actions?: {
+        [key: string]: string;
+    };
+    properties?: {
+        [key: string]: string;
+    };
+    code?: {
+        bindings?: {
+            [key: string]: string;
+        };
+        actions?: {
+            [key: string]: string;
+        };
+    };
+    repeat?: {
+        collection: string;
+        itemName?: string;
+    } | null;
+    animations?: Animation[];
+}
+interface Animation {
+}
+export {};

package/vue2/lib/edge/types/enforced-partials.d.ts

@@ -0,0 +1,21 @@
+import type { Prettify } from './typescript.js';
+type OptionalFieldsOnly<T> = {
+    [K in keyof T as T[K] extends Required<T>[K] ? never : K]: T[K];
+};
+type RequiredFieldsOnly<T> = {
+    [K in keyof T as T[K] extends Required<T>[K] ? K : never]: T[K];
+};
+type Enforced<T> = {
+    [K in keyof T]-?: T[K];
+};
+type AndUndefined<T> = {
+    [K in keyof T]: T[K] | undefined;
+};
+/**
+ * Enforce that all optional fields are undefined
+ * @example
+ * type Foo = { a: string, b?: number }
+ * type Bar = EnforcePartials<Foo> // { a: string, b: number | undefined }
+ */
+export type EnforcePartials<From> = Prettify<AndUndefined<Enforced<OptionalFieldsOnly<From>>> & RequiredFieldsOnly<From>>;
+export {};

package/vue2/lib/edge/types/input.d.ts

@@ -0,0 +1,121 @@
+export interface Input {
+    /** This is the name of the component prop this input represents */
+    name: string;
+    /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
+    friendlyName?: string;
+    /** @hidden @deprecated */
+    description?: string;
+    /** A default value to use */
+    defaultValue?: any;
+    /**
+     * The type of input to use, such as 'text'
+     *
+     * See all available inputs [here](https://www.builder.io/c/docs/custom-react-components#input-types)
+     * and you can create your own custom input types and associated editor UIs with [plugins](https://www.builder.io/c/docs/extending/plugins)
+     */
+    type: string;
+    /** Is this input mandatory or not */
+    required?: boolean;
+    /** @hidden */
+    autoFocus?: boolean;
+    subFields?: Input[];
+    /**
+     * Additional text to render in the UI to give guidance on how to use this
+     *
+     * @example
+     * ```js
+     * helperText: 'Be sure to use a proper URL, starting with "https://"'
+     * 111
+     */
+    helperText?: string;
+    /** @hidden */
+    allowedFileTypes?: string[];
+    /** @hidden */
+    imageHeight?: number;
+    /** @hidden */
+    imageWidth?: number;
+    /** @hidden */
+    mediaHeight?: number;
+    /** @hidden */
+    mediaWidth?: number;
+    /** @hidden */
+    hideFromUI?: boolean;
+    /** @hidden */
+    modelId?: string;
+    /**
+     * Number field type validation maximum accepted input
+     */
+    max?: number;
+    /**
+     * Number field type validation minimum accepted input
+     */
+    min?: number;
+    /**
+     * Number field type step size when using arrows
+     */
+    step?: number;
+    /**
+     * Set this to `true` to show the editor for this input when
+     * children of this component are selected. This is useful for things
+     * like Tabs, such that users may not always select the Tabs component
+     * directly but will still be looking for how to add additional tabs
+     */
+    broadcast?: boolean;
+    /**
+     * Set this to `true` to show the editor for this input when
+     * group locked parents of this component are selected. This is useful
+     * to bubble up important inputs for locked groups, like text and images
+     */
+    bubble?: boolean;
+    /**
+     * Set this to `true` if you want this component to be translatable
+     */
+    localized?: boolean;
+    /** @hidden */
+    options?: {
+        [key: string]: any;
+    };
+    /**
+     * For "text" input type, specifying an enum will show a dropdown of options instead
+     */
+    enum?: string[] | {
+        label: string;
+        value: any;
+        helperText?: string;
+    }[];
+    /** Regex field validation for all string types (text, longText, html, url, etc) */
+    regex?: {
+        /** pattern to test, like "^\/[a-z]$" */
+        pattern: string;
+        /** flags for the RegExp constructor, e.g. "gi"  */
+        options?: string;
+        /**
+         * Friendly message to display to end-users if the regex fails, e.g.
+         * "You must use a relative url starting with '/...' "
+         */
+        message: string;
+    };
+    /**
+     * Set this to `true` to put this under the "show more" section of
+     * the options editor. Useful for things that are more advanced
+     * or more rarely used and don't need to be too prominent
+     */
+    advanced?: boolean;
+    /** @hidden */
+    /** @hidden */
+    code?: boolean;
+    /** @hidden */
+    richText?: boolean;
+    /** @hidden */
+    showIf?: ((options: Map<string, any>) => boolean) | string;
+    /** @hidden */
+    copyOnAdd?: boolean;
+    /**
+     * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
+     */
+    model?: string;
+    valueType?: {
+        type?: string;
+    };
+    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
+}

package/vue2/lib/edge/types/targets.d.ts

@@ -0,0 +1 @@
+export type Target = 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';

package/vue2/lib/edge/types/typescript.d.ts

@@ -0,0 +1,11 @@
+export type Nullable<T> = T | null | undefined;
+export type Dictionary<T> = {
+    [key: string]: T;
+};
+export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type PropsWithChildren<P> = P & {
+    children?: any;
+};

package/vue2/lib/node/block-575160ba.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),p=require("./get-processed-block-902c8e72.cjs"),m=require("./evaluate-19fac854.cjs"),d=require("./index-d8e34fec.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-258f0e47.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-fed00059.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-5be913d9.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-771e5e8b.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/node/block-6c3981dc.js

@@ -0,0 +1,181 @@
+import { defineComponent as a } from "vue";
+import { g as p } from "./get-processed-block-78fabb02.js";
+import { e as m } from "./evaluate-52887aac.js";
+import { n as d } from "./index-43273102.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-b1b9a610.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-1bdc3ca4.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-ccb3e639.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-53bf7a45.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/node/block-styles-258f0e47.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),s=require("./index-d8e34fec.cjs"),d=require("./get-processed-block-902c8e72.cjs"),c=require("./css-44cbcf3f.cjs");require("./evaluate-19fac854.cjs");const p=()=>Promise.resolve().then(()=>require("./inlined-styles-73c1efea.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/node/block-styles-b1b9a610.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-43273102.js";
+import { g as u } from "./get-processed-block-78fabb02.js";
+import { c as n } from "./css-ad18a8ab.js";
+import "./evaluate-52887aac.js";
+const k = () => import("./inlined-styles-f35650e9.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
+};