@builder.io/sdk-vue 5.2.16 → 5.3.0

package/lib/node/{style-wrapper-1VLAyo7U.cjs → style-wrapper-c9ma8_oR.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-Kyj0J4tl.cjs"),s=require("./index-RMd-8REX.cjs"),I=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var S,B,C,f,v,b;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)||{}),k=!!((f=(C=n==null?void 0:n.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const g=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",$=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let h="";if(i){const y=((b=(v=i.steps)==null?void 0:v[1])==null?void 0:b.styles)||{};h=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[g,x,$,p,h].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const Q=s._export_sfc(P,[["render",E]]),R=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return I.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var h,S,B,C,f,v,b,y,_;const e=s.getResponsiveStylesWithImagePosition((h=this.processedBlock)==null?void 0:h.responsiveStyles,((B=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:B.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)||{}),l=!!((v=(f=t==null?void 0:t.meta)==null?void 0:f.breakpoints)!=null&&v.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(b=this.processedBlock)==null?void 0:b.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",g=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",$=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find(T=>T.trigger==="hover");let i="";if(p){const T=((_=(y=p.steps)==null?void 0:y[1])==null?void 0:_.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...T,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,g,x,$,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const W=s._export_sfc(R,[["render",A]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:Q,LiveEditBlockStyles:W},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const F=s._export_sfc(w,[["render",z]]);exports.default=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-oNYv8BG3.cjs"),s=require("./index-3pN6fdOW.cjs"),I=require("./find-block-FREohLcp.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:u.TARGET}},computed:{canShowBlock(){const e=this.block;return u.checkIsDefined(e.hide)?!e.hide:u.checkIsDefined(e.show)?e.show:!0},css(){var S,B,C,f,v,b;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)||{}),k=!!((f=(C=n==null?void 0:n.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const g=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",$=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let h="";if(i){const y=((b=(v=i.steps)==null?void 0:v[1])==null?void 0:b.styles)||{};h=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[g,x,$,p,h].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const Q=s._export_sfc(P,[["render",E]]),R=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return I.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return u.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):u.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var h,S,B,C,f,v,b,y,_;const e=s.getResponsiveStylesWithImagePosition((h=this.processedBlock)==null?void 0:h.responsiveStyles,((B=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:B.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)||{}),l=!!((v=(f=t==null?void 0:t.meta)==null?void 0:f.breakpoints)!=null&&v.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(b=this.processedBlock)==null?void 0:b.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",g=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",x=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",$=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find(T=>T.trigger==="hover");let i="";if(p){const T=((_=(y=p.steps)==null?void 0:y[1])==null?void 0:_.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...T,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,g,x,$,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const W=s._export_sfc(R,[["render",A]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:Q,LiveEditBlockStyles:W},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const F=s._export_sfc(w,[["render",z]]);exports.default=F;

package/lib/node/{style-wrapper-If0xZQdH.js → style-wrapper-y6_fa2q6.js}

@@ -1,10 +1,10 @@
 import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as g, createCommentVNode as N, createElementBlock as G, Fragment as H } from "vue";
-import { T as w, h as C } from "./should-force-browser-runtime-in-node-GnAFs4J8.js";
-import { c as R, d as W, f as j, h as l, i as u, j as z, _ as Q, k as U, b as D } from "./index-xh_ab-8r.js";
+import { T as w, j as C } from "./should-force-browser-runtime-in-node-r2oi-Y6E.js";
+import { c as j, d as R, f as W, h as l, i as u, j as z, _ as Q, k as U, b as D } from "./index-xfji5jj1.js";
 import { f as F } from "./find-block-3Ig0kVVe.js";
 const L = E({
   name: "block-styles",
-  components: { InlinedStyles: R },
+  components: { InlinedStyles: j },
   props: ["block", "context"],
   data() {
     return { TARGET: w };
@@ -16,10 +16,10 @@ const L = E({
     },
     css() {
       var S, B, f, v, b, $;
-      const e = this.block, s = W(
+      const e = this.block, s = R(
         e.responsiveStyles,
         ((S = e.component) == null ? void 0 : S.name) === "Image"
-      ), t = this.context.content, o = j(
+      ), t = this.context.content, o = W(
         ((B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) || {}
       ), p = !!((v = (f = t == null ? void 0 : t.meta) == null ? void 0 : f.breakpoints) != null && v.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, c = s == null ? void 0 : s.xsmall, d = e.id;
       if (!d)
@@ -84,7 +84,7 @@ function X(e, s, t, o, p, i) {
 }
 const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
   name: "live-edit-block-styles",
-  components: { InlinedStyles: R },
+  components: { InlinedStyles: j },
   props: ["contextProvider", "id"],
   data() {
     return { TARGET: w };
@@ -110,10 +110,10 @@ const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
     },
     css() {
       var h, S, B, f, v, b, $, k, A;
-      const e = W(
+      const e = R(
         (h = this.processedBlock) == null ? void 0 : h.responsiveStyles,
         ((B = (S = this.processedBlock) == null ? void 0 : S.component) == null ? void 0 : B.name) === "Image"
-      ), s = this.contextProvider.content, t = j(
+      ), s = this.contextProvider.content, t = W(
         ((f = s == null ? void 0 : s.meta) == null ? void 0 : f.breakpoints) || {}
       ), o = !!((b = (v = s == null ? void 0 : s.meta) == null ? void 0 : v.breakpoints) != null && b.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, c = ($ = this.processedBlock) == null ? void 0 : $.id;
       if (!c)

package/package.json

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

package/lib/browser/get-block-properties-2sbfjttK.cjs

@@ -1 +0,0 @@
-var d=require("./style.css");const a=require("./index-i151V2-T.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,trackingContext:t.trackingContext});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({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 u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;