@builder.io/sdk-vue/lib/browser/component-ref-1sJWCSnM.js

Builder.io SDK for Vue

import "./style.css";
import { defineComponent as d, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
import { e as h, B as S, w as y } from "./index-96lMP92Z.js";
import { a as C, g as A } from "./get-block-properties-6nHJC7Bl.js";
const R = () => import("./awaiter-W9NCtbGd.js").then((e) => e.default).catch((e) => {
  throw console.error(
    "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
    e
  ), e;
}), E = d({
  name: "interactive-element",
  components: { Awaiter: P(R) },
  props: ["includeBlockProps", "block", "context", "Wrapper", "wrapperProps"],
  computed: {
    attributes() {
      return this.includeBlockProps ? {
        ...C({
          block: this.block,
          context: this.context
        }),
        ...A({
          block: this.block,
          rootState: this.context.rootState,
          rootSetState: this.context.rootSetState,
          localState: this.context.localState,
          context: this.context.context
        })
      } : {};
    }
  }
});
function I(e, n, s, i, r, c) {
  const t = k("Awaiter");
  return e.Wrapper.load ? (o(), a(t, {
    key: 0,
    load: e.Wrapper.load,
    fallback: e.Wrapper.fallback,
    props: e.wrapperProps,
    attributes: e.attributes
  }, {
    default: l(() => [
      m(e.$slots, "default")
    ]),
    _: 3
  }, 8, ["load", "fallback", "props", "attributes"])) : (o(), a(f(e.Wrapper), b({
    key: 1,
    attributes: e.attributes
  }, e.wrapperProps), {
    default: l(() => [
      m(e.$slots, "default")
    ]),
    _: 3
  }, 16, ["attributes"]));
}
const u = /* @__PURE__ */ h(E, [["render", I]]), O = ({
  componentOptions: e,
  builderBlock: n,
  context: s,
  componentRef: i,
  includeBlockProps: r,
  isInteractive: c,
  contextValue: t
}) => {
  const p = {
    ...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.
     */
    ...r ? {
      attributes: C({
        block: n,
        context: t
      })
    } : {}
  };
  return c ? {
    Wrapper: i,
    block: n,
    context: s,
    wrapperProps: e,
    includeBlockProps: r
  } : p;
}, V = d({
  name: "component-ref",
  components: { Block: S, InteractiveElement: u },
  props: [
    "isInteractive",
    "componentRef",
    "componentOptions",
    "builderBlock",
    "context",
    "linkComponent",
    "includeBlockProps",
    "blockChildren",
    "registeredComponents"
  ],
  data() {
    return {
      Wrapper: this.isInteractive ? y(u) : this.componentRef,
      getWrapperProps: O
    };
  }
});
function z(e, n, s, i, r, c) {
  const t = k("Block");
  return e.componentRef ? (o(), a(f(e.Wrapper), B(b(
    { 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: l(() => [
      (o(!0), g($, null, v(e.blockChildren, (p, w) => (o(), a(t, {
        key: p.id,
        block: p,
        context: e.context,
        registeredComponents: e.registeredComponents,
        linkComponent: e.linkComponent
      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
    ]),
    _: 1
  }, 16)) : W("", !0);
}
const j = /* @__PURE__ */ h(V, [["render", z]]);
export {
  j as default
};