@builder.io/sdk-vue 2.0.13 → 2.0.14

package/lib/{edge/block-styles-mSowNIFi.js → browser/block-styles-nWGppwAf.js}

@@ -1,11 +1,13 @@
+import "./style.css";
 import { defineComponent as C, resolveComponent as g, openBlock as $, createBlock as v, createCommentVNode as B } from "vue";
-import { _, T, c as h, g as w, a as l, b as k, d as I, e as N } from "./index-C-mI6Ai4.js";
+import { _, c as h, g as T, a as l, b as k, d as w, e as I } from "./index-ZL8QUFiN.js";
+import { T as N } from "./logger-Hm2e1Xk_.js";
 const z = C({
   name: "block-styles",
   components: { InlinedStyles: _ },
   props: ["block", "context"],
   data() {
-    return { TARGET: T };
+    return { TARGET: N };
   },
   computed: {
     canShowBlock() {
@@ -14,27 +16,27 @@ const z = C({
     },
     css() {
       var p, u, y;
-      const e = this.block, s = e.responsiveStyles, n = this.context.content, c = w(
+      const e = this.block, s = e.responsiveStyles, n = this.context.content, r = T(
         ((p = n == null ? void 0 : n.meta) == null ? void 0 : p.breakpoints) || {}
-      ), r = s == null ? void 0 : s.large, i = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, o = e.id;
+      ), c = s == null ? void 0 : s.large, i = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, o = e.id;
       if (!o)
         return "";
-      const S = r ? l({
+      const S = c ? l({
         className: o,
-        styles: r
+        styles: c
       }) : "", f = i ? l({
         className: o,
         styles: i,
         mediaQuery: k(
           "medium",
-          c
+          r
         )
       }) : "", b = a ? l({
         className: o,
         styles: a,
         mediaQuery: k(
           "small",
-          c
+          r
         )
       }) : "", t = e.animations && e.animations.find((m) => m.trigger === "hover");
       let d = "";
@@ -44,7 +46,7 @@ const z = C({
           className: `${o}:hover`,
           styles: {
             ...m,
-            transition: `all ${t.duration}s ${I(
+            transition: `all ${t.duration}s ${w(
               t.easing
             )}`,
             transitionDelay: t.delay ? `${t.delay}s` : "0s"
@@ -60,7 +62,7 @@ const z = C({
     }
   }
 });
-function A(e, s, n, c, r, i) {
+function A(e, s, n, r, c, i) {
   const a = g("InlinedStyles");
   return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? ($(), v(a, {
     key: 0,
@@ -69,7 +71,7 @@ function A(e, s, n, c, r, i) {
     nonce: e.context.nonce
   }, null, 8, ["styles", "nonce"])) : B("", !0);
 }
-const D = /* @__PURE__ */ N(z, [["render", A]]);
+const F = /* @__PURE__ */ I(z, [["render", A]]);
 export {
-  D as default
+  F as default
 };

package/lib/browser/block-styles-rt4v7rBl.cjs

@@ -0,0 +1 @@
+var B=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),s=require("./index-MDNnQzZB.cjs"),f=require("./logger-0-1mARBa.cjs"),g=r.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:f.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var y,p,h;const e=this.block,t=e.responsiveStyles,l=this.context.content,a=s.getSizesForBreakpoints(((y=l==null?void 0:l.meta)==null?void 0:y.breakpoints)||{}),i=t==null?void 0:t.large,d=t==null?void 0:t.medium,c=t==null?void 0:t.small,n=e.id;if(!n)return"";const S=i?s.createCssClass({className:n,styles:i}):"",k=d?s.createCssClass({className:n,styles:d,mediaQuery:s.getMaxWidthQueryForSize("medium",a)}):"",C=c?s.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",a)}):"",o=e.animations&&e.animations.find(m=>m.trigger==="hover");let u="";if(o){const m=((h=(p=o.steps)==null?void 0:p[1])==null?void 0:h.styles)||{};u=s.createCssClass({className:`${n}:hover`,styles:{...m,transition:`all ${o.duration}s ${s.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[S,k,C,u].join(" ")}}});function b(e,t,l,a,i,d){const c=r.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(r.openBlock(),r.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):r.createCommentVNode("",!0)}const v=s._export_sfc(g,[["render",b]]);exports.default=v;

package/lib/browser/{block-wrapper-7wDwU1ik.js → block-wrapper-hPYvxseU.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-ROTqTJZ3.js";
-import { e as m } from "./index-3j8dJ25f.js";
-const d = () => import("./index-3j8dJ25f.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-HzVZCpxa.js";
+import { e as m } from "./index-ZL8QUFiN.js";
+const d = () => import("./index-ZL8QUFiN.js").then((e) => e.D).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/browser/{block-wrapper-ianIz_MG.cjs → block-wrapper-l_mdj42t.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-Cj0ih41l.cjs"),n=require("./index-sPD8fzSJ.cjs"),c=()=>Promise.resolve().then(()=>require("./index-sPD8fzSJ.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-sInACBRh.cjs"),n=require("./index-MDNnQzZB.cjs"),c=()=>Promise.resolve().then(()=>require("./index-MDNnQzZB.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/browser/{component-ref-yQ6WDHbR.js → component-ref-JlpkOrad.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as B, normalizeProps as P, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
-import { e as f, B as W, w } from "./index-3j8dJ25f.js";
-import { a as b, g as R } from "./get-block-properties-ROTqTJZ3.js";
+import { e as f, B as W, w } from "./index-ZL8QUFiN.js";
+import { a as b, g as R } from "./get-block-properties-HzVZCpxa.js";
 const x = m({
   name: "interactive-element",
   props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],

package/lib/browser/{component-ref-MlfJPaLv.cjs → component-ref-dPnPtrON.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-sPD8fzSJ.cjs"),a=require("./get-block-properties-Cj0ih41l.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({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:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-MDNnQzZB.cjs"),a=require("./get-block-properties-sInACBRh.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({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:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;

package/lib/{edge/get-block-properties-Hs6W4UwL.js → browser/get-block-properties-HzVZCpxa.js}

@@ -1,5 +1,7 @@
-import { f as s, T as c, h as i, i as l } from "./index-C-mI6Ai4.js";
-const f = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
+import "./style.css";
+import { T as s } from "./logger-Hm2e1Xk_.js";
+import { f as c, h as i, i as l } from "./index-ZL8QUFiN.js";
+const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => c({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -9,27 +11,27 @@ const f = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   isExpression: !1,
   enableCache: !0
 });
-function S(e) {
+function g(e) {
   const t = {}, r = e.block.actions ?? {};
-  for (const a in r) {
-    if (!r.hasOwnProperty(a))
+  for (const o in r) {
+    if (!r.hasOwnProperty(o))
       continue;
-    const n = r[a];
-    let o = f(a);
+    const n = r[o];
+    let a = f(o);
     if (e.stripPrefix)
-      switch (c) {
+      switch (s) {
         case "vue":
-          o = o.replace("v-on:", "");
+          a = a.replace("v-on:", "");
           break;
         case "svelte":
-          o = o.replace("on:", "");
+          a = a.replace("on:", "");
           break;
       }
-    t[o] = u(n, e);
+    t[a] = p(n, e);
   }
   return t;
 }
-function p({
+function u({
   properties: e
 }) {
   return e;
@@ -37,11 +39,11 @@ function p({
 const v = (e) => ({
   href: e.href
 });
-function g({
+function h({
   block: e,
   context: t
 }) {
-  var a;
+  var o;
   const r = {
     ...v(e),
     ...e.properties,
@@ -50,15 +52,15 @@ function g({
       block: e,
       context: t
     }),
-    [l()]: [e.id, "builder-block", e.class, (a = e.properties) == null ? void 0 : a.class].filter(Boolean).join(" ")
+    [l()]: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
-  return p({
+  return u({
     properties: r,
     context: t,
     block: e
   });
 }
 export {
-  g as a,
-  S as g
+  h as a,
+  g
 };

package/lib/browser/get-block-properties-sInACBRh.cjs

@@ -0,0 +1 @@
+var v=require("./style.css");const c=require("./logger-0-1mARBa.cjs"),a=require("./index-MDNnQzZB.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function u(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=i(o);if(e.stripPrefix)switch(c.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(s,e)}return t}function p({properties:e}){return e}const f=e=>({href:e.href});function d({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return p({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=d;