@builder.io/sdk-vue 1.0.31 → 1.0.33

package/lib/node/{index-VaCa4ttS.js → index-zQlrqnEY.js}

@@ -1,6 +1,6 @@
 var $ = Object.defineProperty;
-var E = (e, t, n) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var v = (e, t, n) => (E(e, typeof t != "symbol" ? t + "" : t, n), n);
+var B = (e, t, n) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var v = (e, t, n) => (B(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { defineComponent, openBlock, createElementBlock, Fragment as Fragment$1, createBlock, resolveDynamicComponent, mergeProps, toHandlers, withCtx, renderSlot, resolveComponent, createTextVNode, toDisplayString, defineAsyncComponent, createVNode, renderList, createCommentVNode, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
 import { createRequire } from "node:module";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase());
@@ -123,11 +123,7 @@ function getBlockComponentOptions(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: e
+    ...e.options
   };
 }
 const MSG_PREFIX = "[Builder.io]: ", logger = {
@@ -699,27 +695,35 @@ const getComponent = ({
     },
     block: o
   }));
-}, shouldPassLinkComponent = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), shouldPassRegisteredComponents = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), DynamicDiv$1 = () => Promise.resolve().then(() => dynamicDiv).then((e) => e.default).catch((e) => {
+}, provideLinkComponent = (e, t) => e && (e.isRSC && TARGET === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+  builderLinkComponent: t
+} : {}, provideRegisteredComponents = (e, t) => e && (e.isRSC && TARGET === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+  builderComponents: t
+} : {}, provideBuilderBlock = (e, t) => e && (e.isRSC && TARGET === "rsc" || TARGET === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
+  builderBlock: t
+} : {}, provideBuilderContext = (e, t) => e && (e.isRSC && TARGET === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(e.name)) ? {
+  builderContext: t
+} : {}, DynamicDiv$1 = () => Promise.resolve().then(() => dynamicDiv).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), BlockStyles = () => import("./block-styles-OhBkwPg2.js").then((e) => e.default).catch((e) => {
+}), BlockStyles = () => import("./block-styles-S-Dwi4TP.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper-XbMrRbLB.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-6iynCx74.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref-nv-fu94T.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-sD6hZef-.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block-OYE0nf8k.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-xt9V5Mgm.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -790,13 +794,13 @@ const getComponent = ({
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
           ...getBlockComponentOptions(this.processedBlock),
-          builderContext: this.context,
-          ...shouldPassLinkComponent(this.blockComponent) ? {
-            builderLinkComponent: this.linkComponent
-          } : {},
-          ...shouldPassRegisteredComponents(this.blockComponent) ? {
-            builderComponents: this.registeredComponents
-          } : {}
+          ...provideBuilderBlock(this.blockComponent, this.processedBlock),
+          ...provideBuilderContext(this.blockComponent, this.context),
+          ...provideLinkComponent(this.blockComponent, this.linkComponent),
+          ...provideRegisteredComponents(
+            this.blockComponent,
+            this.registeredComponents
+          )
         },
         context: this.context,
         linkComponent: this.linkComponent,
@@ -838,8 +842,7 @@ function _sfc_render$o(e, t, n, o, r, s) {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
-        context: e.context,
-        linkComponent: e.linkComponent
+        context: e.context
       }, {
         default: withCtx(() => [
           createVNode(l, {
@@ -862,7 +865,7 @@ function _sfc_render$o(e, t, n, o, r, s) {
           }, null, 8, ["block", "registeredComponents", "linkComponent", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context", "linkComponent"]))
+      }, 8, ["Wrapper", "block", "context"]))
     ], 64))
   ], 64)) : createCommentVNode("", !0);
 }
@@ -1249,6 +1252,7 @@ const _sfc_main$j = defineComponent({
     "srcset",
     "noWebp",
     "aspectRatio",
+    "highPriority",
     "altText",
     "backgroundPosition",
     "backgroundSize",
@@ -1287,7 +1291,7 @@ const _sfc_main$j = defineComponent({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), _hoisted_1$a = ["srcset"], _hoisted_2$4 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
+}), _hoisted_1$a = ["srcset"], _hoisted_2$4 = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
   key: 2,
   class: "div-1pl23ac79ld-2"
 };
@@ -1301,7 +1305,8 @@ function _sfc_render$i(e, t, n, o, r, s) {
         srcset: e.webpSrcSet
       }, null, 8, _hoisted_1$a)) : createCommentVNode("", !0),
       createElementVNode("img", {
-        loading: "lazy",
+        loading: e.highPriority ? "eager" : "lazy",
+        fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
         style: normalizeStyle({
@@ -1330,7 +1335,7 @@ function _sfc_render$i(e, t, n, o, r, s) {
     ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-6b703704"]]), _sfc_main$i = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-0d528855"]]), _sfc_main$i = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -2080,6 +2085,11 @@ const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_rend
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: !0
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: !0,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -3679,12 +3689,12 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     for (const S in k)
       g.searchParams.set(S, JSON.stringify(k[S]));
   }
-  const T = {
+  const I = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, I = flatten(T);
-  for (const k in I)
-    g.searchParams.set(k, String(I[k]));
+  }, T = flatten(I);
+  for (const k in T)
+    g.searchParams.set(k, String(T[k]));
   if (n && g.searchParams.set("userAttributes", JSON.stringify(n)), o) {
     const k = flattenMongoQuery({
       query: o
@@ -3923,10 +3933,12 @@ const findParentElement = (e, t, n = !0) => {
   };
 }, DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function isFromTrustedHost(e, t) {
+  if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
+    return !1;
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "1.0.31", registry = {};
+const SDK_VERSION = "1.0.33", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -4529,10 +4541,10 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "showContent",
     "contentWrapper",
     "contentWrapperProps",
-    "linkComponent",
     "trustedHosts",
     "isSsrAbTest",
-    "isNestedRender"
+    "isNestedRender",
+    "linkComponent"
   ],
   data() {
     var e, t;
@@ -4618,7 +4630,6 @@ function _sfc_render$2(e, t, n, o, r, s) {
     builderContextSignal: e.builderContextSignal,
     contentWrapper: e.contentWrapper,
     contentWrapperProps: e.contentWrapperProps,
-    linkComponent: e.linkComponent,
     trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
@@ -4645,7 +4656,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
       ];
     }),
     _: 1
-  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
+  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
 const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]), _sfc_main$1 = defineComponent({
   name: "content-variants",

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-olIppIUs.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BvctNQ8U.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/index.mjs

@@ -1,4 +1,4 @@
-import { o as a, k as t, l as r, C as o, p as i, F as n, I as c, S as g, m as l, n as m, V as u, A as d, s as C, z as E, D as p, E as B, v as S, q as f, r as h, t as x, u as b, y as k, x as y } from "./index-VaCa4ttS.js";
+import { o as a, k as t, l as r, C as o, p as i, F as n, I as c, S as g, m as l, n as m, V as u, A as d, s as C, z as E, D as p, E as B, v as S, q as f, r as h, t as x, u as b, y as k, x as y } from "./index-zQlrqnEY.js";
 export {
   a as Blocks,
   t as BuilderContext,

package/lib/node/{repeated-block-RXY_Q8Bd.cjs → repeated-block-5Jpy-5o9.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-olIppIUs.cjs"),r=()=>Promise.resolve().then(()=>require("./index-olIppIUs.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-BvctNQ8U.cjs"),r=()=>Promise.resolve().then(()=>require("./index-BvctNQ8U.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;

package/lib/node/{repeated-block-OYE0nf8k.js → repeated-block-xt9V5Mgm.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { k as s, f as l } from "./index-VaCa4ttS.js";
-const i = () => import("./index-VaCa4ttS.js").then((o) => o.H).then((o) => o.default).catch((o) => {
+import { k as s, f as l } from "./index-zQlrqnEY.js";
+const i = () => import("./index-zQlrqnEY.js").then((o) => o.H).then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     o

package/lib/node/style.css

@@ -1 +1 @@
-.component-1k2igrjdg3x[data-v-f091a4a7]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-27a4dde0]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-6b703704]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-6b703704]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-6b703704]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3q96myty4lk[data-v-6e18f21b]{padding:10px;color:red;text-align:center}
+.component-1k2igrjdg3x[data-v-f091a4a7]{display:flex;flex-direction:column;align-items:stretch}.div-2brhoa1k8gd[data-v-27a4dde0]{display:flex;line-height:normal}.img-1pl23ac79ld[data-v-0d528855]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d528855]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d528855]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-3q96myty4lk[data-v-6e18f21b]{padding:10px;color:red;text-align:center}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "main": "./lib/node/index.cjs",
   "module": "./lib/node/index.mjs",
   "type": "module",