@builder.io/sdk-vue 0.2.2 → 0.3.1

package/packages/_vue3/dist/src/components/render-block/block-styles.vue.d.ts

@@ -1,32 +1,23 @@
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderBlock } from "../../types/builder-block.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderInlinedStyles: {
-            name: string;
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                tag(): string;
-                injectedStyleScript(): any;
-            };
-        };
-    };
-    props: string[];
-    data(): {
-        TARGET: string;
-    };
-    computed: {
-        useBlock(): any;
-        canShowBlock(): any;
-        css(): any;
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    block?: any;
+    context?: any;
+}>, unknown, {
+    TARGET: string;
+}, {
+    useBlock(): BuilderBlock;
+    canShowBlock(): boolean;
+    css(): string;
+}, {}, 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;
+}>>>, {
+    readonly block?: any;
+    readonly context?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/render-block.helpers.d.ts

@@ -10,4 +10,3 @@ export declare const getRepeatItemData: ({ block, context, }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => RepeatData[] | undefined;
-export declare const getProxyState: (context: BuilderContextInterface) => BuilderContextInterface['state'];

package/packages/_vue3/dist/src/components/render-block/render-block.vue.d.ts

@@ -1,8 +1,8 @@
+import type { BuilderContextInterface } from "../../context/types.js";
+import type { BuilderBlock } from "../../types/builder-block.js";
 export type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
-import { BuilderContextInterface } from "../../context/types.js";
-import { BuilderBlock } from "../../types/builder-block.js";
 declare const _sfc_main: any;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/render-component.vue.d.ts

@@ -1,3 +1,5 @@
+import type { BuilderBlock } from "../../types/builder-block.js";
+import type { BuilderContextInterface } from "../../context/types.js";
 type ComponentOptions = {
     [index: string]: any;
     attributes?: {
@@ -10,7 +12,5 @@ export interface RenderComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
 }
-import { BuilderBlock } from "../../types/builder-block.js";
-import { BuilderContextInterface } from "../../context/types.js";
 declare const _sfc_main: any;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/render-repeated-block.vue.d.ts

@@ -1,9 +1,20 @@
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderBlock: any;
-    };
-    props: string[];
-    provide(): any;
-};
+/**
+ * We can't make this a generic `ProvideContext` function because Vue 2 won't support root slots, e.g.
+ *
+ * ```vue
+ * <template>
+ *  <slot></slot>
+ * </template>
+ * ```
+ */
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    block?: any;
+    repeatContext?: any;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    block?: any;
+    repeatContext?: any;
+}>>>, {
+    readonly block?: any;
+    readonly repeatContext?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-blocks.vue.d.ts

@@ -1,51 +1,30 @@
+import type { BuilderBlock } from "../types/builder-block.js";
 export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;
     styleProp?: Record<string, any>;
 };
-import { BuilderBlock } from "../types/builder-block.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderBlock: any;
-        BlockStyles: {
-            name: string;
-            components: {
-                RenderInlinedStyles: {
-                    name: string;
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        tag(): string;
-                        injectedStyleScript(): any;
-                    };
-                };
-            };
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                useBlock(): any;
-                canShowBlock(): any;
-                css(): any;
-            };
-        };
-    };
-    props: string[];
-    inject: {
-        builderContext: symbol;
-    };
-    computed: {
-        className(): any;
-    };
-    methods: {
-        onClick(): void;
-        onMouseEnter(): void;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    blocks?: any;
+    parent?: any;
+    path?: any;
+    styleProp?: any;
+}>, unknown, unknown, {
+    className(): string;
+}, {
+    onClick(): void;
+    onMouseEnter(): void;
+    _classStringToObject(str: any): {};
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    blocks?: any;
+    parent?: any;
+    path?: any;
+    styleProp?: any;
+}>>>, {
+    readonly blocks?: any;
+    readonly parent?: any;
+    readonly path?: any;
+    readonly styleProp?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-content/components/render-styles.vue.d.ts

@@ -1,19 +1,16 @@
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderInlinedStyles: {
-            name: string;
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                tag(): string;
-                injectedStyleScript(): any;
-            };
-        };
-    };
-    props: string[];
-    data(): any;
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    cssCode?: any;
+    contentId?: any;
+    customFonts?: any;
+}>, unknown, {
+    injectedStyles: string;
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    cssCode?: any;
+    contentId?: any;
+    customFonts?: any;
+}>>>, {
+    readonly cssCode?: any;
+    readonly contentId?: any;
+    readonly customFonts?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts

@@ -1,137 +1,85 @@
-import { BuilderRenderState } from "../../context/types.js";
-import { Breakpoints, BuilderContent } from "../../types/builder-content.js";
-import { Nullable } from "../../types/typescript.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderContentStyles: {
-            name: string;
-            components: {
-                RenderInlinedStyles: {
-                    name: string;
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        tag(): string;
-                        injectedStyleScript(): any;
-                    };
-                };
-            };
-            props: string[];
-            data(): any;
-        };
-        RenderBlocks: {
-            name: string;
-            components: {
-                RenderBlock: any;
-                BlockStyles: {
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: {
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        };
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                };
-            };
-            props: string[];
-            inject: {
-                builderContext: symbol;
-            };
-            computed: {
-                className(): any;
-            };
-            methods: {
-                onClick(): void;
-                onMouseEnter(): void;
-                _classStringToObject(str: any): {};
-            };
-        };
+import type { BuilderRenderState } from "../../context/types.js";
+import type { Breakpoints, BuilderContent } from "../../types/builder-content.js";
+import type { Nullable } from "../../types/typescript.js";
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    data?: any;
+    context?: any;
+    content?: any;
+    canTrack?: any;
+    locale?: any;
+    customComponents?: any;
+    model?: any;
+    apiKey?: any;
+    includeRefs?: any;
+    apiVersion?: any;
+}>, unknown, {
+    forceReRenderCount: number;
+    overrideContent: null;
+    useContent: Nullable<BuilderContent>;
+    update: number;
+    canTrackToUse: any;
+    contentState: {
+        [x: string]: unknown;
+    };
+    allRegisteredComponents: any;
+    httpReqsData: {};
+    clicked: boolean;
+    TARGET: string;
+}, {
+    onUpdateHook0(): {
+        0: any;
     };
-    props: string[];
-    data(): {
-        forceReRenderCount: number;
-        overrideContent: null;
-        useContent: Nullable<BuilderContent>;
-        update: number;
-        canTrackToUse: any;
-        contentState: {
+    onUpdateHook1(): {
+        0: string | undefined;
+        1: {
             [x: string]: unknown;
         };
-        allRegisteredComponents: any;
-        httpReqsData: {};
-        clicked: boolean;
-        TARGET: string;
     };
-    provide(): {
-        [x: symbol]: {
-            content: any;
-            state: any;
-            setState: any;
-            context: any;
-            apiKey: any;
-            apiVersion: any;
-            registeredComponents: any;
-        };
+    onUpdateHook2(): {
+        0: {
+            [key: string]: string;
+        } | undefined;
     };
-    mounted(): void;
-    watch: {
-        onUpdateHook0: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook1: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook2: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook3: {
-            handler(): void;
-            immediate: boolean;
+    onUpdateHook3(): {
+        0: {
+            [x: string]: unknown;
         };
     };
-    unmounted(): void;
-    computed: {
-        onUpdateHook0(): any;
-        onUpdateHook1(): any;
-        onUpdateHook2(): any;
-        onUpdateHook3(): any;
-    };
-    methods: {
-        mergeNewContent(newContent: BuilderContent): void;
-        setBreakpoints(breakpoints: Breakpoints): void;
-        setContextState(newState: BuilderRenderState): void;
-        processMessage(event: MessageEvent): void;
-        evaluateJsCode(): void;
-        onClick(event: any): void;
-        evalExpression(expression: string): string;
-        handleRequest({ url, key }: {
-            key: string;
-            url: string;
-        }): void;
-        runHttpRequests(): void;
-        emitStateUpdate(): void;
-    };
-};
+}, {
+    mergeNewContent(newContent: BuilderContent): void;
+    setBreakpoints(breakpoints: Breakpoints): void;
+    contentSetState(newRootState: BuilderRenderState): void;
+    processMessage(event: MessageEvent): void;
+    evaluateJsCode(): void;
+    onClick(event: any): void;
+    evalExpression(expression: string): string;
+    handleRequest({ url, key }: {
+        key: string;
+        url: string;
+    }): void;
+    runHttpRequests(): void;
+    emitStateUpdate(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    data?: any;
+    context?: any;
+    content?: any;
+    canTrack?: any;
+    locale?: any;
+    customComponents?: any;
+    model?: any;
+    apiKey?: any;
+    includeRefs?: any;
+    apiVersion?: any;
+}>>>, {
+    readonly data?: any;
+    readonly context?: any;
+    readonly content?: any;
+    readonly canTrack?: any;
+    readonly locale?: any;
+    readonly customComponents?: any;
+    readonly model?: any;
+    readonly apiKey?: any;
+    readonly includeRefs?: any;
+    readonly apiVersion?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-inlined-styles.vue.d.ts

@@ -1,12 +1,13 @@
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        TARGET: string;
-    };
-    computed: {
-        tag(): string;
-        injectedStyleScript(): any;
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    styles?: any;
+}>, unknown, {
+    TARGET: string;
+}, {
+    tag(): any;
+    injectedStyleScript(): string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    styles?: any;
+}>>>, {
+    readonly styles?: any;
+}>;
 export default _sfc_main;

package/packages/_vue3/dist/src/constants/sdk-version.d.ts

@@ -0,0 +1 @@
+export declare const SDK_VERSION = "0.3.1";

package/packages/_vue3/dist/src/context/builder.context.d.ts

@@ -2,8 +2,9 @@ declare const _default: {
     Builder: {
         content: null;
         context: {};
-        state: {};
-        setState(): void;
+        localState: undefined;
+        rootSetState(): void;
+        rootState: {};
         apiKey: null;
         apiVersion: undefined;
         registeredComponents: {};

package/packages/_vue3/dist/src/context/types.d.ts

@@ -11,8 +11,23 @@ export type BuilderRenderContext = Record<string, unknown>;
 export interface BuilderContextInterface {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
-    state: BuilderRenderState;
-    setState?: (state: BuilderRenderState) => void;
+    /**
+     * The state of the application.
+     *
+     * NOTE: see `localState` below to understand how it is different from `rootState`.
+     */
+    rootState: BuilderRenderState;
+    /**
+     * Some frameworks have a `setState` function which needs to be invoked to notify
+     * the framework of state change. (other frameworks don't in which case it is `undefined')
+     */
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+    /**
+     * The local state of the current component. This is different from `rootState` in that
+     * it can be a child state created by a repeater containing local state.
+     * The `rootState` is where all of the state mutations are actually stored.
+     */
+    localState: BuilderRenderState | undefined;
     apiKey: string | null;
     apiVersion: ApiVersion | undefined;
     registeredComponents: RegisteredComponents;

package/packages/_vue3/dist/src/functions/evaluate.d.ts

@@ -1,6 +1,7 @@
-import type { BuilderContextInterface } from '../context/types.js';
-export declare function evaluate({ code, context, state, event, isExpression, }: {
+import type { BuilderContextInterface, BuilderRenderState } from '../context/types.js';
+export declare function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression, }: {
     code: string;
     event?: Event;
     isExpression?: boolean;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): any;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any;
+export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;

package/packages/_vue3/dist/src/functions/get-block-actions-handler.d.ts

@@ -2,7 +2,7 @@ import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
 type Options = {
     block: BuilderBlock;
-} & Pick<BuilderContextInterface, 'state' | 'context'>;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>;
 type EventHandler = (event: Event) => any;
 export declare const createEventHandler: (value: string, options: Options) => EventHandler;
 export {};

package/packages/_vue3/dist/src/functions/get-block-actions.d.ts

@@ -5,5 +5,5 @@ type Actions = {
 };
 export declare function getBlockActions(options: {
     block: BuilderBlock;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): Actions;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): Actions;
 export {};

package/packages/_vue3/dist/src/functions/get-processed-block.d.ts

@@ -1,10 +1,10 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getProcessedBlock({ block, context, shouldEvaluateBindings, state, }: {
+export declare function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState, }: {
     block: BuilderBlock;
     /**
      * In some cases, we want to avoid evaluating bindings and only want framework-specific block transformation. It is
      * also sometimes too early to consider bindings, e.g. when we might be looking at a repeated block.
      */
     shouldEvaluateBindings: boolean;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): BuilderBlock;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): BuilderBlock;

package/packages/_vue3/dist/src/index.d.ts

@@ -10,3 +10,4 @@ export * from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';
+export type { RenderContentProps } from './components/render-content/render-content.types.js';

package/packages/_vue3/dist/style.css

@@ -1 +1 @@
-.button-1yj9n7yt24z[data-v-fa5dea7e]{all:unset}.div-2btisl9m7v3[data-v-4459bc28]{display:flex;line-height:normal}.div-2btisl9m7v3-2[data-v-4459bc28]{display:flex;flex-direction:column;align-items:stretch}.img-20vehov4ay6[data-v-b99a9c06]{opacity:1;transition:opacity .2s ease-in-out}.div-20vehov4ay6[data-v-b99a9c06]{width:100%;pointer-events:none;font-size:0}.div-20vehov4ay6-2[data-v-b99a9c06]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-7fq9d0i380[data-v-81bad369]{display:flex;flex-direction:column;align-items:stretch}
+.button-1yj9n7yt24z[data-v-3b72112d]{all:unset}.div-361b1o6wv2k[data-v-fae985f2]{display:flex;line-height:normal}.div-361b1o6wv2k-2[data-v-fae985f2]{display:flex;flex-direction:column;align-items:stretch}.img-7jvpanrlkn[data-v-034e3c7d]{opacity:1;transition:opacity .2s ease-in-out}.div-7jvpanrlkn[data-v-034e3c7d]{width:100%;pointer-events:none;font-size:0}.div-7jvpanrlkn-2[data-v-034e3c7d]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-7fq9d0i380[data-v-ff3cb99b]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue2/dist/block-styles.4667431d.js

@@ -1,72 +0,0 @@
-import { T as k, c as i, g as p, a as u, n as y } from "./index.eb91dc82.js";
-import { g as _, c as o } from "./css.468435de.js";
-const f = () => import("./render-inlined-styles.942eb38d.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
-    e
-  ), e;
-}), S = {
-  name: "block-styles",
-  components: { RenderInlinedStyles: f },
-  props: ["block", "context"],
-  data() {
-    return { TARGET: k };
-  },
-  computed: {
-    useBlock() {
-      return _({
-        block: this.block,
-        state: this.context.state,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-    },
-    canShowBlock() {
-      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
-    },
-    css() {
-      var a;
-      const e = this.useBlock.responsiveStyles, s = this.context.content, t = p(
-        ((a = s == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints) || {}
-      ), l = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, c = e == null ? void 0 : e.small, n = this.useBlock.id;
-      if (!n)
-        return "";
-      const m = l ? o({
-        className: n,
-        styles: l
-      }) : "", d = r ? o({
-        className: n,
-        styles: r,
-        mediaQuery: u(
-          "medium",
-          t
-        )
-      }) : "", h = c ? o({
-        className: n,
-        styles: c,
-        mediaQuery: u(
-          "small",
-          t
-        )
-      }) : "";
-      return [m, d, h].join(" ");
-    }
-  }
-};
-var B = function() {
-  var s = this, t = s._self._c;
-  return s.TARGET !== "reactNative" && s.css && s.canShowBlock ? t("render-inlined-styles", { attrs: { styles: s.css } }) : s._e();
-}, g = [], v = /* @__PURE__ */ y(
-  S,
-  B,
-  g,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const w = v.exports;
-export {
-  w as default
-};

package/packages/_vue2/dist/block-styles.7c2a87df.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.78ba6586.cjs"),r=require("./css.dce6e4eb.cjs"),h=()=>Promise.resolve().then(()=>require("./render-inlined-styles.56373d13.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),y={name:"block-styles",components:{RenderInlinedStyles:h},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,s=this.context.content,n=t.getSizesForBreakpoints(((a=s==null?void 0:s.meta)==null?void 0:a.breakpoints)||{}),c=e==null?void 0:e.large,l=e==null?void 0:e.medium,i=e==null?void 0:e.small,o=this.useBlock.id;if(!o)return"";const d=c?r.createCssClass({className:o,styles:c}):"",u=l?r.createCssClass({className:o,styles:l,mediaQuery:t.getMaxWidthQueryForSize("medium",n)}):"",m=i?r.createCssClass({className:o,styles:i,mediaQuery:t.getMaxWidthQueryForSize("small",n)}):"";return[d,u,m].join(" ")}}};var k=function(){var s=this,n=s._self._c;return s.TARGET!=="reactNative"&&s.css&&s.canShowBlock?n("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},S=[],p=t.normalizeComponent(y,k,S,!1,null,null,null,null);const _=p.exports;exports.default=_;