@builder.io/sdk-vue 1.0.18 → 1.0.20

package/lib/browser/{index-GOfZINve.js → index-HNoYiB0Y.js}

@@ -2,7 +2,7 @@ var it = Object.defineProperty;
 var at = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as j, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as z, createVNode as x, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as H, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as z, createVNode as x, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
 const dt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ut = (e) => typeof e == "string" && dt.has(e.toLowerCase());
 function O(e = {}, t, n) {
   const o = {};
@@ -16,7 +16,7 @@ function O(e = {}, t, n) {
 }
 const pt = f({
   name: "dynamic-renderer",
-  props: ["attributes", "actionAttributes", "TagName"],
+  props: ["TagName", "attributes", "actionAttributes"],
   data() {
     return { isEmptyElement: ut };
   }
@@ -27,13 +27,13 @@ const pt = f({
   return n;
 };
 function mt(e, t, n, o, s, r) {
-  return e.isEmptyElement(e.TagName) ? (u(), g(j(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
-    typeof e.TagName == "string" ? (u(), g(j(e.TagName), w({ key: 0 }, e.attributes, E(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (u(), g(H(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
+    typeof e.TagName == "string" ? (u(), g(H(e.TagName), w({ key: 0 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
         P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (u(), g(j(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), {
+    }, 16)) : (u(), g(H(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
         P(e.$slots, "default")
       ]),
@@ -591,22 +591,22 @@ const Lt = ({
     },
     block: o
   }));
-}, Dt = () => import("./block-styles-fJo9CiqB.js").then((e) => e.default).catch((e) => {
+}, Dt = () => import("./block-styles-gV1j-Mno.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;
-}), jt = () => import("./block-wrapper-TYDGuoBJ.js").then((e) => e.default).catch((e) => {
+}), Ht = () => import("./block-wrapper-mUYhrZYL.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;
-}), Ht = () => import("./component-ref-tWv3TZak.js").then((e) => e.default).catch((e) => {
+}), jt = () => import("./component-ref-pY_JzaE9.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;
-}), Kt = () => import("./repeated-block-3qyPcdcj.js").then((e) => e.default).catch((e) => {
+}), Kt = () => import("./repeated-block-UXKcZAEd.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -615,9 +615,9 @@ const Lt = ({
   name: "block",
   components: {
     BlockStyles: z(Dt),
-    ComponentRef: z(Ht),
+    ComponentRef: z(jt),
     RepeatedBlock: z(Kt),
-    BlockWrapper: z(jt)
+    BlockWrapper: z(Ht)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
@@ -758,12 +758,12 @@ const ue = /* @__PURE__ */ y(qt, [["render", zt]]), tr = /* @__PURE__ */ Object.
 }, Symbol.toStringTag, { value: "Module" })), Jt = f({
   name: "builder-blocks-wrapper",
   props: [
-    "BlocksWrapper",
     "blocks",
     "parent",
     "path",
     "styleProp",
-    "BlocksWrapperProps"
+    "BlocksWrapperProps",
+    "BlocksWrapper"
   ],
   computed: {
     className() {
@@ -801,7 +801,7 @@ const ue = /* @__PURE__ */ y(qt, [["render", zt]]), tr = /* @__PURE__ */ Object.
   }
 });
 function Gt(e, t, n, o, s, r) {
-  return u(), g(j(e.BlocksWrapper), w({
+  return u(), g(H(e.BlocksWrapper), w({
     class: e.className + " component-1o2kztlxdt6",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -816,7 +816,7 @@ function Gt(e, t, n, o, s, r) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Yt = /* @__PURE__ */ y(Jt, [["render", Gt], ["__scopeId", "data-v-b8add99a"]]), Qt = f({
+const Yt = /* @__PURE__ */ y(Jt, [["render", Gt], ["__scopeId", "data-v-9724ab41"]]), Qt = f({
   name: "builder-blocks",
   components: { BlocksWrapper: Yt, Block: ue },
   props: [
@@ -1070,7 +1070,7 @@ function en(e, t, n, o, s, r) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-4eaba73b"]]), nn = f({
+const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-6caab097"]]), nn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -1199,7 +1199,7 @@ function pn(e, t, n, o, s, r) {
     ])) : v("", !0)
   ], 64);
 }
-const mn = /* @__PURE__ */ y(ln, [["render", pn], ["__scopeId", "data-v-c23615d2"]]), hn = f({
+const mn = /* @__PURE__ */ y(ln, [["render", pn], ["__scopeId", "data-v-dde76a35"]]), hn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -1247,7 +1247,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
 }) => {
   const s = (I() ? location.protocol === "https:" : !0) ? kn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", gn(window.location.hostname)], ...s];
   return yn(i);
-}, je = async ({
+}, He = async ({
   name: e,
   value: t,
   expires: n,
@@ -1278,11 +1278,11 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
 }), In = ({
   contentId: e,
   value: t
-}) => je({
+}) => He({
   name: me(e),
   value: t,
   canTrack: !0
-}), He = (e) => F(e.id) && F(e.variations) && Object.keys(e.variations).length > 0, $n = ({
+}), je = (e) => F(e.id) && F(e.variations) && Object.keys(e.variations).length > 0, $n = ({
   id: e,
   variations: t
 }) => {
@@ -1325,7 +1325,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     return e;
   if (!e)
     return;
-  if (!He(e))
+  if (!je(e))
     return e;
   const n = wn({
     contentId: e.id
@@ -1344,7 +1344,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   item: e,
   canTrack: t
 }) => {
-  if (!t || !He(e))
+  if (!t || !je(e))
     return e;
   const o = await Cn({
     contentId: e.id
@@ -1359,7 +1359,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     ...e,
     ...s
   };
-}, H = (e) => F(e) ? e : !0, En = {
+}, j = (e) => F(e) ? e : !0, En = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1754,7 +1754,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
 }, Wn = f({
   name: "builder-slot",
   components: { Blocks: Z },
-  props: ["js", "builderContext", "name"]
+  props: ["builderContext", "name"]
 });
 function Nn(e, t, n, o, s, r) {
   var a, l, c;
@@ -1840,7 +1840,7 @@ function Dn(e, t, n, o, s, r) {
     }
   }, null, 8, Mn);
 }
-const jn = /* @__PURE__ */ y(Ln, [["render", Dn]]), Hn = {
+const Hn = /* @__PURE__ */ y(Ln, [["render", Dn]]), jn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2220,7 +2220,6 @@ const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
   name: "builder-form-component",
   components: { Block: ue, Blocks: Z },
   props: [
-    "js",
     "builderContext",
     "previewState",
     "sendWithJs",
@@ -2421,7 +2420,7 @@ function lo(e, t, n, o, s, r) {
     }, null, 8, ["blocks", "context"])) : v("", !0)
   ], 16, io);
 }
-const co = /* @__PURE__ */ y(ro, [["render", lo], ["__scopeId", "data-v-541b06ed"]]), uo = {
+const co = /* @__PURE__ */ y(ro, [["render", lo], ["__scopeId", "data-v-83a4b1d9"]]), uo = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2555,7 +2554,7 @@ function So(e, t, n, o, s, r) {
     name: e.name
   }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     (u(!0), h($, null, L(e.options, (i, a) => (u(), h("option", {
-      key: a,
+      key: `${i.name}-${a}`,
       value: i.value
     }, X(i.name || i.value), 9, ko))), 128))
   ], 16, yo);
@@ -2831,7 +2830,7 @@ function Uo(e, t, n, o, s, r) {
 }
 const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
   component: Jn,
-  ...Hn
+  ...jn
 }, {
   component: eo,
   ...Gn
@@ -2875,22 +2874,22 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
   component: Gs,
   ...On
 }, {
-  component: jn,
+  component: Hn,
   ...Un
 }, ...Mo()], Do = (e) => ({
   type: "builder.registerComponent",
   data: se(e)
-}), jo = (e) => {
+}), Ho = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Ho = (e) => typeof e == "function" ? jo(e) : K(e), se = ({
+}, jo = (e) => typeof e == "function" ? Ho(e) : K(e), se = ({
   inputs: e,
   ...t
 }) => ({
   ...K(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [s]: Ho(r)
+    [s]: jo(r)
   }), {}))
 }), Ko = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
@@ -3104,7 +3103,7 @@ const os = async (e) => {
   const t = he(e);
   return await (await (e.fetch ?? Qe)(t.href, e.fetchOptions)).json();
 }, ss = async (e, t, n = he(e)) => {
-  const o = H(e.canTrack);
+  const o = j(e.canTrack);
   if (n.search.includes("preview="), !o || !(I() || V === "reactNative"))
     return t.results;
   try {
@@ -3168,7 +3167,7 @@ const _e = "builderSessionId", ls = async ({
 }, cs = () => Ze(), ds = ({
   id: e,
   canTrack: t
-}) => je({
+}) => He({
   name: _e,
   value: e,
   canTrack: t
@@ -3327,7 +3326,7 @@ function nt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || vs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Cs = "1.0.18", Ie = {};
+const Cs = "1.0.20", Ie = {};
 function ws(e, t) {
   let n = Ie[e];
   if (n || (n = Ie[e] = []), n.push(t), I()) {
@@ -3479,18 +3478,18 @@ const ot = (e = {}) => {
   name: "enable-editor",
   props: [
     "builderContextSignal",
-    "contentWrapper",
-    "model",
-    "trustedHosts",
-    "context",
     "canTrack",
     "apiKey",
     "locale",
     "enrich",
+    "trustedHosts",
+    "model",
     "content",
+    "data",
+    "contentWrapper",
+    "context",
     "showContent",
-    "contentWrapperProps",
-    "data"
+    "contentWrapperProps"
   ],
   data() {
     return {
@@ -3513,7 +3512,7 @@ const ot = (e = {}) => {
       if (I()) {
         if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && H(this.canTrack)) {
+        ), this.builderContextSignal.content && j(this.canTrack)) {
           const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
           re({
             type: "impression",
@@ -3683,7 +3682,7 @@ const ot = (e = {}) => {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         re({
           type: "click",
-          canTrack: H(this.canTrack),
+          canTrack: j(this.canTrack),
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
@@ -3777,7 +3776,7 @@ const ot = (e = {}) => {
 });
 function Ts(e, t, n, o, s, r) {
   var i, a, l;
-  return e.builderContextSignal.content ? (u(), g(j(e.ContentWrapper), w({
+  return e.builderContextSignal.content ? (u(), g(H(e.ContentWrapper), w({
     key: 0,
     ref: "elementRef",
     onClick: (c) => e.onClick(c),
@@ -4044,7 +4043,7 @@ function Ms(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
+const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), Hs = f({
   name: "content-variants",
   components: {
     InlinedScript: Ye,
@@ -4073,7 +4072,7 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
   data() {
     return {
       shouldRenderVariants: zo({
-        canTrack: H(this.canTrack),
+        canTrack: j(this.canTrack),
         content: this.content
       }),
       TARGET: V,
@@ -4104,12 +4103,12 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), js = f({
         testVariationId: (e = this.content) == null ? void 0 : e.id
       } : Tn({
         item: this.content,
-        canTrack: H(this.canTrack)
+        canTrack: j(this.canTrack)
       });
     }
   }
 });
-function Hs(e, t, n, o, s, r) {
+function js(e, t, n, o, s, r) {
   const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
   return u(), h($, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
@@ -4174,7 +4173,7 @@ function Hs(e, t, n, o, s, r) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Ks = /* @__PURE__ */ y(js, [["render", Hs]]), qs = async ({
+const Ks = /* @__PURE__ */ y(Hs, [["render", js]]), qs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4196,8 +4195,8 @@ const Ks = /* @__PURE__ */ y(js, [["render", Hs]]), qs = async ({
   name: "builder-symbol",
   components: { ContentVariants: Ks },
   props: [
-    "attributes",
     "symbol",
+    "attributes",
     "dynamic",
     "builderContext",
     "builderBlock",
@@ -4328,7 +4327,7 @@ export {
   oe as j,
   bt as k,
   Gs as l,
-  jn as m,
+  Hn as m,
   Z as n,
   Ks as o,
   R as p,