@builder.io/sdk-vue 5.2.11 → 5.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/lib/browser/{awaiter-MAyQwJUp.cjs → awaiter-Ja_QJKsd.cjs} +1 -1
  2. package/lib/browser/{awaiter-quz2SFrg.js → awaiter-PAIWzl07.js} +1 -1
  3. package/lib/browser/{block-wrapper-vBu_Ygm8.cjs → block-wrapper-CeRmNoq0.cjs} +1 -1
  4. package/lib/browser/{block-wrapper-SCckT0M5.js → block-wrapper-b4XqsSBv.js} +3 -3
  5. package/lib/browser/blocks/personalization-container/helpers/inlined-fns.d.ts +8 -2
  6. package/lib/browser/blocks/personalization-container/personalization-container.vue.d.ts +3 -1
  7. package/lib/browser/{component-ref-HWBSC66Y.cjs → component-ref-MNrE4dOw.cjs} +1 -1
  8. package/lib/browser/{component-ref-owc3e0h8.js → component-ref-RNH8q_Ct.js} +4 -4
  9. package/lib/browser/constants/sdk-version.d.ts +1 -1
  10. package/lib/browser/{get-block-properties-odFddSWh.cjs → get-block-properties-C1S41sZd.cjs} +1 -1
  11. package/lib/browser/{get-block-properties-Hny6jqGG.js → get-block-properties-aY0jarAY.js} +1 -1
  12. package/lib/browser/helpers/css.d.ts +2 -0
  13. package/lib/browser/helpers/studio-user-attributes.d.ts +6 -0
  14. package/lib/browser/helpers/user-attributes.d.ts +6 -2
  15. package/lib/browser/{index-7bXAC1Q8.js → index-Q7tlS2c1.js} +768 -716
  16. package/lib/browser/{index-uDRmkrr4.cjs → index-ohjTQ4ru.cjs} +53 -35
  17. package/lib/browser/index.cjs +1 -1
  18. package/lib/browser/index.mjs +4 -4
  19. package/lib/browser/{live-edit-x4eHrcJh.js → live-edit-zIE57v1M.js} +1 -1
  20. package/lib/browser/{live-edit-AUagAEej.cjs → live-edit-zUS6r7uc.cjs} +1 -1
  21. package/lib/browser/{repeated-block-ZGXPYgA8.cjs → repeated-block-XFgvkCPh.cjs} +1 -1
  22. package/lib/browser/{repeated-block-uVi8A50N.js → repeated-block-qKqkpCg_.js} +2 -2
  23. package/lib/browser/{style-wrapper-usFESjt5.js → style-wrapper-nYNv2BeU.js} +72 -66
  24. package/lib/browser/style-wrapper-zgP9Exwf.cjs +1 -0
  25. package/lib/browser/style.css +1 -1
  26. package/lib/edge/{awaiter-RSfMls5f.js → awaiter-Mugw26Wi.js} +1 -1
  27. package/lib/edge/{awaiter-zow2zgzw.cjs → awaiter-N8Gr0F79.cjs} +1 -1
  28. package/lib/{node/block-wrapper-PUFgSKq_.js → edge/block-wrapper-0c3wPm9h.js} +3 -3
  29. package/lib/edge/{block-wrapper-4qKpWsP8.cjs → block-wrapper-KQrzy0mA.cjs} +1 -1
  30. package/lib/edge/blocks/personalization-container/helpers/inlined-fns.d.ts +8 -2
  31. package/lib/edge/blocks/personalization-container/personalization-container.vue.d.ts +3 -1
  32. package/lib/edge/{component-ref-1iPK0xOE.js → component-ref-R_Q4TOb7.js} +4 -4
  33. package/lib/edge/{component-ref-WdOIbmOU.cjs → component-ref-e3xYDpNG.cjs} +1 -1
  34. package/lib/edge/constants/sdk-version.d.ts +1 -1
  35. package/lib/edge/{get-block-properties-bMVCvUX0.js → get-block-properties-TtYKEgAO.js} +1 -1
  36. package/lib/edge/{get-block-properties-2E03ld67.cjs → get-block-properties-d0E5ZkZj.cjs} +1 -1
  37. package/lib/edge/helpers/css.d.ts +2 -0
  38. package/lib/edge/helpers/studio-user-attributes.d.ts +6 -0
  39. package/lib/edge/helpers/user-attributes.d.ts +6 -2
  40. package/lib/edge/{index-Bgm0yCrN.js → index-5jMXhHfs.js} +1310 -1258
  41. package/lib/edge/{index-LWGIJNVx.cjs → index-_dQKp9LH.cjs} +61 -43
  42. package/lib/edge/index.cjs +1 -1
  43. package/lib/edge/index.mjs +3 -3
  44. package/lib/edge/{live-edit-tegdYGJO.js → live-edit-7Dc7Q2yS.js} +1 -1
  45. package/lib/{node/live-edit-xPik2aUh.cjs → edge/live-edit-oGxYZa_V.cjs} +1 -1
  46. package/lib/edge/{repeated-block-yZJM5I60.js → repeated-block-GESRSjst.js} +2 -2
  47. package/lib/edge/{repeated-block--MhEsXmR.cjs → repeated-block-K9b4UbOC.cjs} +1 -1
  48. package/lib/edge/style-wrapper-dmNB8lmp.cjs +1 -0
  49. package/lib/edge/{style-wrapper-i8R7NpdY.js → style-wrapper-rh9YxCiw.js} +72 -66
  50. package/lib/edge/style.css +1 -1
  51. package/lib/node/{awaiter-Vwjft2v-.cjs → awaiter-0EtumND-.cjs} +1 -1
  52. package/lib/node/{awaiter-o3ynOQKr.js → awaiter-9zCUlZB9.js} +1 -1
  53. package/lib/node/{block-wrapper-KX1-Y2Oq.cjs → block-wrapper-c0gZ4j4I.cjs} +1 -1
  54. package/lib/{edge/block-wrapper-GT2d4luN.js → node/block-wrapper-s8zLAxlL.js} +3 -3
  55. package/lib/node/blocks/personalization-container/helpers/inlined-fns.d.ts +8 -2
  56. package/lib/node/blocks/personalization-container/personalization-container.vue.d.ts +3 -1
  57. package/lib/node/{component-ref-HmJKie9z.js → component-ref-PPsTcld8.js} +5 -5
  58. package/lib/node/{component-ref-o3vjSyAQ.cjs → component-ref-lWzA5guw.cjs} +1 -1
  59. package/lib/node/constants/sdk-version.d.ts +1 -1
  60. package/lib/node/{get-block-properties-DGfMhs4M.js → get-block-properties-AwCMGMPi.js} +2 -2
  61. package/lib/node/{get-block-properties-2yGkQVh7.cjs → get-block-properties-DKvJS4pV.cjs} +1 -1
  62. package/lib/node/helpers/css.d.ts +2 -0
  63. package/lib/node/helpers/studio-user-attributes.d.ts +6 -0
  64. package/lib/node/helpers/user-attributes.d.ts +6 -2
  65. package/lib/node/{index-JQgNoVXs.js → index-DWznrY3w.js} +675 -623
  66. package/lib/node/{index-7xT7wMXt.cjs → index-funKFPCj.cjs} +53 -35
  67. package/lib/node/index.cjs +1 -1
  68. package/lib/node/index.mjs +6 -6
  69. package/lib/node/init.cjs +1 -1
  70. package/lib/node/init.mjs +1 -1
  71. package/lib/{edge/live-edit-oLYhcuYs.cjs → node/live-edit-Bw84zZeV.cjs} +1 -1
  72. package/lib/node/{live-edit-hxNZMHld.js → live-edit-GVvl4apL.js} +1 -1
  73. package/lib/node/{repeated-block-PvGSbsHD.js → repeated-block-SP8WaEQp.js} +2 -2
  74. package/lib/node/{repeated-block-LHiXlO3e.cjs → repeated-block-ux8wkluB.cjs} +1 -1
  75. package/lib/node/{should-force-browser-runtime-in-node-aeKfQiEQ.cjs → should-force-browser-runtime-in-node-5MPjjLJt.cjs} +1 -1
  76. package/lib/node/{should-force-browser-runtime-in-node-ooRgTwqs.js → should-force-browser-runtime-in-node-nOG6zu2k.js} +1 -1
  77. package/lib/node/{style-wrapper-U-7exIwN.js → style-wrapper-5BoLwggo.js} +70 -64
  78. package/lib/node/style-wrapper-aKufn4zn.cjs +1 -0
  79. package/lib/node/style.css +1 -1
  80. package/package.json +1 -1
  81. package/lib/browser/style-wrapper-C_c9B5_Y.cjs +0 -1
  82. package/lib/edge/style-wrapper-8JiLG-FF.cjs +0 -1
  83. package/lib/node/style-wrapper-3l8xaVr4.cjs +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-7xT7wMXt.cjs"),t=require("./should-force-browser-runtime-in-node-aeKfQiEQ.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.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.isEditing=t.isEditing;exports.track=t.track;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-funKFPCj.cjs"),t=require("./should-force-browser-runtime-in-node-5MPjjLJt.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.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.isEditing=t.isEditing;exports.track=t.track;
@@ -1,5 +1,5 @@
1
- import { m as t, b as a, k as r, C as o, n as i, F as n, I as c, S as g, l, T as m, V as u, y as d, p as C, x as p, z as b, A as f, u as x, o as B, r as E, q as S, s as h, t as k, v as y } from "./index-JQgNoVXs.js";
2
- import { o as P, t as T } from "./should-force-browser-runtime-in-node-ooRgTwqs.js";
1
+ import { n as t, b as a, l as r, C as o, o as i, F as n, I as c, S as g, m as l, T as m, V as u, z as d, q as C, y as p, A as b, D as f, v as x, p as B, r as E, t as S, s as h, u as y, x as A } from "./index-DWznrY3w.js";
2
+ import { o as T, t as k } from "./should-force-browser-runtime-in-node-nOG6zu2k.js";
3
3
  export {
4
4
  t as Blocks,
5
5
  a as BuilderContext,
@@ -18,12 +18,12 @@ export {
18
18
  b as fetchEntries,
19
19
  f as fetchOneEntry,
20
20
  x as getBuilderSearchParams,
21
- P as isEditing,
21
+ T as isEditing,
22
22
  B as isPreviewing,
23
23
  E as register,
24
24
  S as registerAction,
25
25
  h as setClientUserAttributes,
26
- k as setEditorSettings,
27
- y as subscribeToEditor,
28
- T as track
26
+ y as setEditorSettings,
27
+ A as subscribeToEditor,
28
+ k as track
29
29
  };
package/lib/node/init.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./should-force-browser-runtime-in-node-aeKfQiEQ.cjs"),t=require("isolated-vm"),n=i=>{if(e.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:o}=i||{};e.setIvm(t,o)};exports.initializeNodeRuntime=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./should-force-browser-runtime-in-node-5MPjjLJt.cjs"),t=require("isolated-vm"),n=i=>{if(e.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:o}=i||{};e.setIvm(t,o)};exports.initializeNodeRuntime=n;
package/lib/node/init.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { s as t, u as e } from "./should-force-browser-runtime-in-node-ooRgTwqs.js";
1
+ import { s as t, u as e } from "./should-force-browser-runtime-in-node-nOG6zu2k.js";
2
2
  import r from "isolated-vm";
3
3
  const m = (o) => {
4
4
  if (t({
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-LWGIJNVx.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FREohLcp.cjs"),n=require("./index-funKFPCj.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as o, openBlock as r, createBlock as n, resolveDynamicComponent as i, mergeProps as s, withCtx as p, renderSlot as a } from "vue";
2
2
  import { f as c } from "./find-block-3Ig0kVVe.js";
3
- import { b as d, _ as l } from "./index-JQgNoVXs.js";
3
+ import { b as d, _ as l } from "./index-DWznrY3w.js";
4
4
  const m = o({
5
5
  name: "live-edit",
6
6
  props: ["id", "attributes", "Wrapper"],
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as s } from "vue";
2
- import { b as c, _ as i } from "./index-JQgNoVXs.js";
3
- const a = () => import("./index-JQgNoVXs.js").then((e) => e.E).then((e) => e.default).catch((e) => {
2
+ import { b as c, _ as i } from "./index-DWznrY3w.js";
3
+ const a = () => import("./index-DWznrY3w.js").then((e) => e.G).then((e) => e.default).catch((e) => {
4
4
  throw console.error(
5
5
  "Error while attempting to dynamically import component Block at ../block.vue",
6
6
  e
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-7xT7wMXt.cjs"),r=()=>Promise.resolve().then(()=>require("./index-7xT7wMXt.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}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){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 i=t._export_sfc(c,[["render",s]]);exports.default=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-funKFPCj.cjs"),r=()=>Promise.resolve().then(()=>require("./index-funKFPCj.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}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){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 i=t._export_sfc(c,[["render",s]]);exports.default=i;
@@ -1,4 +1,4 @@
1
- "use strict";const node_module=require("node:module");var _documentCurrentScript=typeof document<"u"?document.currentScript:null;const TARGET="vue",MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}const convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((r,o)=>{t[o]=r}),t},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,getSearchString=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(e){return isIframe()&&getSearchString(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},r=e.match(/Tablet|iPad/i),o=getLocation();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:r?"tablet":t.any()?"mobile":"desktop"}},SDK_VERSION="5.2.11",getSdkHeaders=()=>({"X-Builder-SDK":TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":SDK_VERSION}),checkIsDefined=e=>e!=null,getTopLevelDomain=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},getCookieSync=({name:e,canTrack:t})=>{var r;try{return t?(r=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:r.split("=")[1]:void 0}catch(o){logger.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},getCookie=async e=>getCookieSync(e),stringifyCookie=e=>e.map(([t,r])=>r?`${t}=${r}`:t).filter(checkIsDefined).join("; "),SECURE_CONFIG=[["secure",""],["SameSite","None"]],createCookieString=({name:e,value:t,expires:r})=>{const n=(isBrowser()?location.protocol==="https:":!0)?SECURE_CONFIG:[[]],s=r?[["expires",r.toUTCString()]]:[[]],i=[[e,t],...s,["path","/"],["domain",getTopLevelDomain(window.location.hostname)],...n];return stringifyCookie(i)},setCookie=async({name:e,value:t,expires:r,canTrack:o})=>{try{if(!o)return;const n=createCookieString({name:e,value:t,expires:r});document.cookie=n}catch(n){logger.warn("[COOKIE] SET error: ",(n==null?void 0:n.message)||n)}};function uuidv4(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function uuid(){return uuidv4().replace(/-/g,"")}const SESSION_LOCAL_STORAGE_KEY="builderSessionId",getSessionId=async({canTrack:e})=>{if(!e)return;const t=await getCookie({name:SESSION_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const r=createSessionId();return setSessionId({id:r,canTrack:e}),r}},createSessionId=()=>uuid(),setSessionId=({id:e,canTrack:t})=>setCookie({name:SESSION_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getLocalStorage=()=>isBrowser()&&typeof localStorage<"u"?localStorage:void 0,getLocalStorageItem=({key:e,canTrack:t})=>{var r;try{return t?(r=getLocalStorage())==null?void 0:r.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},setLocalStorageItem=({key:e,canTrack:t,value:r})=>{var o;try{t&&((o=getLocalStorage())==null||o.setItem(e,r))}catch(n){console.debug("[LocalStorage] SET error: ",n)}},VISITOR_LOCAL_STORAGE_KEY="builderVisitorId",getVisitorId=({canTrack:e})=>{if(!e)return;const t=getLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const r=createVisitorId();return setVisitorId({id:r,canTrack:e}),r}},createVisitorId=()=>uuid(),setVisitorId=({id:e,canTrack:t})=>setLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,value:e,canTrack:t});function logFetch(e){var t;typeof process<"u"&&((t=process.env)!=null&&t.DEBUG)&&String(process.env.DEBUG)=="true"&&logger.log(e)}const getTrackingEventData=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await getSessionId({canTrack:e}),r=getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},createEvent=async({type:e,canTrack:t,apiKey:r,metadata:o,...n})=>({type:e,data:{...n,metadata:{url:location.href,...o},...await getTrackingEventData({canTrack:t}),userAttributes:getUserAttributes(),ownerId:r}});async function _track({apiHost:e,...t}){if(!t.apiKey){logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||isEditing()||!(isBrowser()||TARGET==="reactNative"))return;const o=`${e||"https://cdn.builder.io"}/api/v1/track`;return logFetch(o),fetch(o,{method:"POST",body:JSON.stringify({events:[await createEvent(t)]}),headers:{"content-type":"application/json",...getSdkHeaders()},mode:"cors"}).catch(n=>{console.error("Failed to track: ",n)})}const track=e=>_track({...e,canTrack:!0}),getFunctionArguments=({builder:e,context:t,event:r,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:r}),getBuilderGlobals=e=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes(),trackConversion:(t,r)=>{!(e!=null&&e.apiKey)||(e==null?void 0:e.canTrack)===!1||_track({type:"conversion",apiKey:e.apiKey,canTrack:e.canTrack??!0,contentId:e.contentId,variationId:e.variationId!==e.contentId?e.variationId:void 0,metadata:{...r||{},...t!==void 0?{amount:t}:{}}})}}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function flattenState({rootState:e,localState:t,rootSetState:r}){return new Proxy(e,{get:(o,n)=>{if(t&&n in t)return t[n];const s=o[n];return typeof s=="object"&&s!==null?flattenState({rootState:s,localState:void 0,rootSetState:r?i=>{o[n]=i,r(o)}:void 0}):s},set:(o,n,s)=>{if(t&&n in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[n]=s,r==null||r(o),!0}})}const SDK_NAME_FOR_TARGET=(()=>{switch(TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,fastClone=e=>JSON.parse(JSON.stringify(e)),set=(e,t,r)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((n,s,i)=>Object(n[s])===n[s]?n[s]:n[s]=Math.abs(Number(o[i+1]))>>0===+o[i+1]?[]:{},e)[o[o.length-1]]=r,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:_documentCurrentScript&&_documentCurrentScript.src||new URL("should-force-browser-runtime-in-node-aeKfQiEQ.cjs",document.baseURI).href)}catch(error){try{safeDynamicRequire=eval("require")}catch(e){}}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
1
+ "use strict";const node_module=require("node:module");var _documentCurrentScript=typeof document<"u"?document.currentScript:null;const TARGET="vue",MSG_PREFIX="[Builder.io]: ",logger={log:(...e)=>console.log(MSG_PREFIX,...e),error:(...e)=>console.error(MSG_PREFIX,...e),warn:(...e)=>console.warn(MSG_PREFIX,...e),debug:(...e)=>console.debug(MSG_PREFIX,...e)};function isBrowser(){return typeof window<"u"&&typeof document<"u"}const convertSearchParamsToQueryObject=e=>{const t={};return e.forEach((r,o)=>{t[o]=r}),t},normalizeSearchParams=e=>e instanceof URLSearchParams?convertSearchParamsToQueryObject(e):e,getSearchString=e=>typeof e=="string"?e:e instanceof URLSearchParams?e.toString():new URLSearchParams(e).toString();function isIframe(){return isBrowser()&&window.self!==window.top}function isEditing(e){return isIframe()&&getSearchString(e||window.location.search).indexOf("builder.frameEditing=")!==-1}const getLocation=()=>{if(isBrowser()){const e=new URL(location.href);return e.pathname===""&&(e.pathname="/"),e}else return console.warn("Cannot get location for tracking in non-browser environment"),null},getUserAgent=()=>typeof navigator=="object"&&navigator.userAgent||"",getUserAttributes=()=>{const e=getUserAgent(),t={Android(){return e.match(/Android/i)},BlackBerry(){return e.match(/BlackBerry/i)},iOS(){return e.match(/iPhone|iPod/i)},Opera(){return e.match(/Opera Mini/i)},Windows(){return e.match(/IEMobile/i)||e.match(/WPDesktop/i)},any(){return t.Android()||t.BlackBerry()||t.iOS()||t.Opera()||t.Windows()||TARGET==="reactNative"}},r=e.match(/Tablet|iPad/i),o=getLocation();return{urlPath:o==null?void 0:o.pathname,host:(o==null?void 0:o.host)||(o==null?void 0:o.hostname),device:r?"tablet":t.any()?"mobile":"desktop"}},SDK_VERSION="5.2.13",getSdkHeaders=()=>({"X-Builder-SDK":TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":SDK_VERSION}),checkIsDefined=e=>e!=null,getTopLevelDomain=e=>{if(e==="localhost"||e==="127.0.0.1")return e;const t=e.split(".");return t.length>2?t.slice(1).join("."):e},getCookieSync=({name:e,canTrack:t})=>{var r;try{return t?(r=document.cookie.split("; ").find(o=>o.startsWith(`${e}=`)))==null?void 0:r.split("=")[1]:void 0}catch(o){logger.warn("[COOKIE] GET error: ",(o==null?void 0:o.message)||o);return}},getCookie=async e=>getCookieSync(e),stringifyCookie=e=>e.map(([t,r])=>r?`${t}=${r}`:t).filter(checkIsDefined).join("; "),SECURE_CONFIG=[["secure",""],["SameSite","None"]],createCookieString=({name:e,value:t,expires:r})=>{const n=(isBrowser()?location.protocol==="https:":!0)?SECURE_CONFIG:[[]],s=r?[["expires",r.toUTCString()]]:[[]],i=[[e,t],...s,["path","/"],["domain",getTopLevelDomain(window.location.hostname)],...n];return stringifyCookie(i)},setCookie=async({name:e,value:t,expires:r,canTrack:o})=>{try{if(!o)return;const n=createCookieString({name:e,value:t,expires:r});document.cookie=n}catch(n){logger.warn("[COOKIE] SET error: ",(n==null?void 0:n.message)||n)}};function uuidv4(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e=="x"?t:t&3|8).toString(16)})}function uuid(){return uuidv4().replace(/-/g,"")}const SESSION_LOCAL_STORAGE_KEY="builderSessionId",getSessionId=async({canTrack:e})=>{if(!e)return;const t=await getCookie({name:SESSION_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const r=createSessionId();return setSessionId({id:r,canTrack:e}),r}},createSessionId=()=>uuid(),setSessionId=({id:e,canTrack:t})=>setCookie({name:SESSION_LOCAL_STORAGE_KEY,value:e,canTrack:t}),getLocalStorage=()=>isBrowser()&&typeof localStorage<"u"?localStorage:void 0,getLocalStorageItem=({key:e,canTrack:t})=>{var r;try{return t?(r=getLocalStorage())==null?void 0:r.getItem(e):void 0}catch(o){console.debug("[LocalStorage] GET error: ",o);return}},setLocalStorageItem=({key:e,canTrack:t,value:r})=>{var o;try{t&&((o=getLocalStorage())==null||o.setItem(e,r))}catch(n){console.debug("[LocalStorage] SET error: ",n)}},VISITOR_LOCAL_STORAGE_KEY="builderVisitorId",getVisitorId=({canTrack:e})=>{if(!e)return;const t=getLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,canTrack:e});if(checkIsDefined(t))return t;{const r=createVisitorId();return setVisitorId({id:r,canTrack:e}),r}},createVisitorId=()=>uuid(),setVisitorId=({id:e,canTrack:t})=>setLocalStorageItem({key:VISITOR_LOCAL_STORAGE_KEY,value:e,canTrack:t});function logFetch(e){var t;typeof process<"u"&&((t=process.env)!=null&&t.DEBUG)&&String(process.env.DEBUG)=="true"&&logger.log(e)}const getTrackingEventData=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await getSessionId({canTrack:e}),r=getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},createEvent=async({type:e,canTrack:t,apiKey:r,metadata:o,...n})=>({type:e,data:{...n,metadata:{url:location.href,...o},...await getTrackingEventData({canTrack:t}),userAttributes:getUserAttributes(),ownerId:r}});async function _track({apiHost:e,...t}){if(!t.apiKey){logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||isEditing()||!(isBrowser()||TARGET==="reactNative"))return;const o=`${e||"https://cdn.builder.io"}/api/v1/track`;return logFetch(o),fetch(o,{method:"POST",body:JSON.stringify({events:[await createEvent(t)]}),headers:{"content-type":"application/json",...getSdkHeaders()},mode:"cors"}).catch(n=>{console.error("Failed to track: ",n)})}const track=e=>_track({...e,canTrack:!0}),getFunctionArguments=({builder:e,context:t,event:r,state:o})=>Object.entries({state:o,Builder:e,builder:e,context:t,event:r}),getBuilderGlobals=e=>({isEditing:isEditing(),isBrowser:isBrowser(),isServer:!isBrowser(),getUserAttributes:()=>getUserAttributes(),trackConversion:(t,r)=>{!(e!=null&&e.apiKey)||(e==null?void 0:e.canTrack)===!1||_track({type:"conversion",apiKey:e.apiKey,canTrack:e.canTrack??!0,contentId:e.contentId,variationId:e.variationId!==e.contentId?e.variationId:void 0,metadata:{...r||{},...t!==void 0?{amount:t}:{}}})}}),parseCode=(e,{isExpression:t=!0})=>t&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function flattenState({rootState:e,localState:t,rootSetState:r}){return new Proxy(e,{get:(o,n)=>{if(t&&n in t)return t[n];const s=o[n];return typeof s=="object"&&s!==null?flattenState({rootState:s,localState:void 0,rootSetState:r?i=>{o[n]=i,r(o)}:void 0}):s},set:(o,n,s)=>{if(t&&n in t)throw new Error("Writing to local state is not allowed as it is read-only.");return o[n]=s,r==null||r(o),!0}})}const SDK_NAME_FOR_TARGET=(()=>{switch(TARGET){case"rsc":return"react-nextjs";case"reactNative":return"react-native";default:return TARGET}})(),SDK_NAME=`@builder.io/sdk-${SDK_NAME_FOR_TARGET}`,fastClone=e=>JSON.parse(JSON.stringify(e)),set=(e,t,r)=>{if(Object(e)!==e)return e;const o=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return o.slice(0,-1).reduce((n,s,i)=>Object(n[s])===n[s]?n[s]:n[s]=Math.abs(Number(o[i+1]))>>0===+o[i+1]?[]:{},e)[o[o.length-1]]=r,e},noop=()=>{};let safeDynamicRequire=noop;try{safeDynamicRequire=node_module.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:_documentCurrentScript&&_documentCurrentScript.src||new URL("should-force-browser-runtime-in-node-5MPjjLJt.cjs",document.baseURI).href)}catch(error){try{safeDynamicRequire=eval("require")}catch(e){}}const getSyncValName=e=>`bldr_${e}_sync`,BUILDER_SET_STATE_NAME="BUILDER_SET_STATE",INJECTED_IVM_GLOBAL="BUILDER_IVM",REF_TO_PROXY_FN=`
2
2
  var refToProxy = (obj) => {
3
3
  if (typeof obj !== 'object' || obj === null) {
4
4
  return obj;
@@ -53,7 +53,7 @@ const getLocation = () => {
53
53
  host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
54
54
  device: r ? "tablet" : t.any() ? "mobile" : "desktop"
55
55
  };
56
- }, SDK_VERSION = "5.2.11", getSdkHeaders = () => ({
56
+ }, SDK_VERSION = "5.2.13", getSdkHeaders = () => ({
57
57
  "X-Builder-SDK": TARGET,
58
58
  "X-Builder-SDK-GEN": "2",
59
59
  "X-Builder-SDK-Version": SDK_VERSION
@@ -1,10 +1,10 @@
1
- import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as $, createCommentVNode as Q, createElementBlock as z, Fragment as G } from "vue";
2
- import { T as w, h as C } from "./should-force-browser-runtime-in-node-ooRgTwqs.js";
3
- import { c as A, d as N, f as l, h as u, i as j, _ as I, j as H, b as R } from "./index-JQgNoVXs.js";
4
- import { f as U } from "./find-block-3Ig0kVVe.js";
5
- const W = E({
1
+ import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as g, createCommentVNode as N, createElementBlock as G, Fragment as H } from "vue";
2
+ import { T as w, h as C } from "./should-force-browser-runtime-in-node-nOG6zu2k.js";
3
+ 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-DWznrY3w.js";
4
+ import { f as F } from "./find-block-3Ig0kVVe.js";
5
+ const L = E({
6
6
  name: "block-styles",
7
- components: { InlinedStyles: A },
7
+ components: { InlinedStyles: R },
8
8
  props: ["block", "context"],
9
9
  data() {
10
10
  return { TARGET: w };
@@ -15,85 +15,88 @@ const W = E({
15
15
  return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
16
16
  },
17
17
  css() {
18
- var S, B, f, v, b;
19
- const e = this.block, s = e.responsiveStyles, t = this.context.content, o = N(
20
- ((S = t == null ? void 0 : t.meta) == null ? void 0 : S.breakpoints) || {}
21
- ), p = !!((f = (B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, r = s == null ? void 0 : s.xsmall, d = e.id;
18
+ var S, B, f, v, b, $;
19
+ const e = this.block, s = W(
20
+ e.responsiveStyles,
21
+ ((S = e.component) == null ? void 0 : S.name) === "Image"
22
+ ), t = this.context.content, o = j(
23
+ ((B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) || {}
24
+ ), 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;
22
25
  if (!d)
23
26
  return "";
24
- const g = i ? l({
27
+ const P = i ? l({
25
28
  className: d,
26
29
  styles: i
27
- }) : "", P = n ? l({
30
+ }) : "", T = n ? l({
28
31
  className: d,
29
32
  styles: n,
30
33
  mediaQuery: u(
31
34
  "medium",
32
35
  o
33
36
  )
34
- }) : "", T = a ? l({
37
+ }) : "", _ = a ? l({
35
38
  className: d,
36
39
  styles: a,
37
40
  mediaQuery: u(
38
41
  "small",
39
42
  o
40
43
  )
41
- }) : "", m = r && p ? l({
44
+ }) : "", m = c && p ? l({
42
45
  className: d,
43
- styles: r,
46
+ styles: c,
44
47
  mediaQuery: u(
45
48
  "xsmall",
46
49
  o
47
50
  )
48
- }) : "", c = e.animations && e.animations.find((k) => k.trigger === "hover");
51
+ }) : "", r = e.animations && e.animations.find((k) => k.trigger === "hover");
49
52
  let h = "";
50
- if (c) {
51
- const k = ((b = (v = c.steps) == null ? void 0 : v[1]) == null ? void 0 : b.styles) || {};
53
+ if (r) {
54
+ const k = (($ = (b = r.steps) == null ? void 0 : b[1]) == null ? void 0 : $.styles) || {};
52
55
  h = l({
53
56
  className: `${d}:hover`,
54
57
  styles: {
55
58
  ...k,
56
- transition: `all ${c.duration}s ${j(
57
- c.easing
59
+ transition: `all ${r.duration}s ${z(
60
+ r.easing
58
61
  )}`,
59
- transitionDelay: c.delay ? `${c.delay}s` : "0s"
62
+ transitionDelay: r.delay ? `${r.delay}s` : "0s"
60
63
  }
61
64
  }) || "";
62
65
  }
63
66
  return [
64
- g,
65
67
  P,
66
68
  T,
69
+ _,
67
70
  m,
68
71
  h
69
72
  ].join(" ");
70
73
  }
71
74
  }
72
75
  });
73
- function D(e, s, t, o, p, i) {
76
+ function X(e, s, t, o, p, i) {
74
77
  const n = x("InlinedStyles");
75
- return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), $(n, {
78
+ return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), g(n, {
76
79
  key: 0,
77
80
  id: "builderio-block",
78
81
  styles: e.css,
79
82
  nonce: e.context.nonce
80
- }, null, 8, ["styles", "nonce"])) : Q("", !0);
83
+ }, null, 8, ["styles", "nonce"])) : N("", !0);
81
84
  }
82
- const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
85
+ const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
83
86
  name: "live-edit-block-styles",
84
- components: { InlinedStyles: A },
87
+ components: { InlinedStyles: R },
85
88
  props: ["contextProvider", "id"],
86
89
  data() {
87
90
  return { TARGET: w };
88
91
  },
89
92
  computed: {
90
93
  block() {
91
- return U(this.contextProvider.content, this.id);
94
+ return F(this.contextProvider.content, this.id);
92
95
  },
93
96
  processedBlock() {
94
97
  var t;
95
98
  const e = this.block;
96
- return e ? (t = e.repeat) != null && t.collection ? e : H({
99
+ return e ? (t = e.repeat) != null && t.collection ? e : U({
97
100
  block: e,
98
101
  localState: this.contextProvider.localState,
99
102
  rootState: this.contextProvider.rootState,
@@ -106,45 +109,48 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
106
109
  return C((e = this.processedBlock) == null ? void 0 : e.hide) ? !((s = this.processedBlock) != null && s.hide) : C((t = this.processedBlock) == null ? void 0 : t.show) ? (o = this.processedBlock) == null ? void 0 : o.show : !0;
107
110
  },
108
111
  css() {
109
- var h, S, B, f, v, b, k;
110
- const e = (h = this.processedBlock) == null ? void 0 : h.responsiveStyles, s = this.contextProvider.content, t = N(
111
- ((S = s == null ? void 0 : s.meta) == null ? void 0 : S.breakpoints) || {}
112
- ), o = !!((f = (B = s == null ? void 0 : s.meta) == null ? void 0 : B.breakpoints) != null && f.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, r = (v = this.processedBlock) == null ? void 0 : v.id;
113
- if (!r)
112
+ var h, S, B, f, v, b, $, k, A;
113
+ const e = W(
114
+ (h = this.processedBlock) == null ? void 0 : h.responsiveStyles,
115
+ ((B = (S = this.processedBlock) == null ? void 0 : S.component) == null ? void 0 : B.name) === "Image"
116
+ ), s = this.contextProvider.content, t = j(
117
+ ((f = s == null ? void 0 : s.meta) == null ? void 0 : f.breakpoints) || {}
118
+ ), 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;
119
+ if (!c)
114
120
  return "";
115
121
  const d = p ? l({
116
- className: r,
122
+ className: c,
117
123
  styles: p
118
- }) : "", g = i ? l({
119
- className: r,
124
+ }) : "", P = i ? l({
125
+ className: c,
120
126
  styles: i,
121
127
  mediaQuery: u(
122
128
  "medium",
123
129
  t
124
130
  )
125
- }) : "", P = n ? l({
126
- className: r,
131
+ }) : "", T = n ? l({
132
+ className: c,
127
133
  styles: n,
128
134
  mediaQuery: u(
129
135
  "small",
130
136
  t
131
137
  )
132
- }) : "", T = a && o ? l({
133
- className: r,
138
+ }) : "", _ = a && o ? l({
139
+ className: c,
134
140
  styles: a,
135
141
  mediaQuery: u(
136
142
  "xsmall",
137
143
  t
138
144
  )
139
- }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((_) => _.trigger === "hover");
140
- let c = "";
145
+ }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((I) => I.trigger === "hover");
146
+ let r = "";
141
147
  if (m) {
142
- const _ = ((k = (b = m.steps) == null ? void 0 : b[1]) == null ? void 0 : k.styles) || {};
143
- c = l({
144
- className: `${r}:hover`,
148
+ const I = ((A = (k = m.steps) == null ? void 0 : k[1]) == null ? void 0 : A.styles) || {};
149
+ r = l({
150
+ className: `${c}:hover`,
145
151
  styles: {
146
- ..._,
147
- transition: `all ${m.duration}s ${j(
152
+ ...I,
153
+ transition: `all ${m.duration}s ${z(
148
154
  m.easing
149
155
  )}`,
150
156
  transitionDelay: m.delay ? `${m.delay}s` : "0s"
@@ -153,58 +159,58 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
153
159
  }
154
160
  return [
155
161
  d,
156
- g,
157
162
  P,
158
163
  T,
159
- c
164
+ _,
165
+ r
160
166
  ].join(" ");
161
167
  }
162
168
  }
163
169
  });
164
- function X(e, s, t, o, p, i) {
170
+ function V(e, s, t, o, p, i) {
165
171
  const n = x("InlinedStyles");
166
- return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), $(n, {
172
+ return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), g(n, {
167
173
  key: 0,
168
174
  id: "builderio-block",
169
175
  styles: e.css,
170
176
  nonce: e.contextProvider.nonce
171
- }, null, 8, ["styles", "nonce"])) : Q("", !0);
177
+ }, null, 8, ["styles", "nonce"])) : N("", !0);
172
178
  }
173
- const K = /* @__PURE__ */ I(L, [["render", X]]), M = E({
179
+ const q = /* @__PURE__ */ Q(M, [["render", V]]), J = E({
174
180
  name: "style-wrapper",
175
181
  components: {
176
- BlockStyles: F,
177
- LiveEditBlockStyles: K
182
+ BlockStyles: K,
183
+ LiveEditBlockStyles: q
178
184
  },
179
185
  props: ["block", "context"],
180
186
  data() {
181
187
  return { isClientEditing: !1, isHydrated: !1, TARGET: w };
182
188
  },
183
189
  inject: {
184
- contextProvider: R.key
190
+ contextProvider: D.key
185
191
  },
186
192
  mounted() {
187
193
  }
188
194
  });
189
- function V(e, s, t, o, p, i) {
195
+ function O(e, s, t, o, p, i) {
190
196
  const n = x("LiveEditBlockStyles"), a = x("BlockStyles");
191
- return e.isHydrated ? (y(), z(G, { key: 0 }, [
192
- e.TARGET === "rsc" && e.isClientEditing ? (y(), $(n, {
197
+ return e.isHydrated ? (y(), G(H, { key: 0 }, [
198
+ e.TARGET === "rsc" && e.isClientEditing ? (y(), g(n, {
193
199
  key: 0,
194
200
  id: e.block.id,
195
201
  contextProvider: e.contextProvider
196
- }, null, 8, ["id", "contextProvider"])) : (y(), $(a, {
202
+ }, null, 8, ["id", "contextProvider"])) : (y(), g(a, {
197
203
  key: 1,
198
204
  block: e.block,
199
205
  context: e.context
200
206
  }, null, 8, ["block", "context"]))
201
- ], 64)) : (y(), $(a, {
207
+ ], 64)) : (y(), g(a, {
202
208
  key: 1,
203
209
  block: e.block,
204
210
  context: e.context
205
211
  }, null, 8, ["block", "context"]));
206
212
  }
207
- const Z = /* @__PURE__ */ I(M, [["render", V]]);
213
+ const te = /* @__PURE__ */ Q(J, [["render", O]]);
208
214
  export {
209
- Z as default
215
+ te as default
210
216
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-5MPjjLJt.cjs"),s=require("./index-funKFPCj.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;
@@ -1 +1 @@
1
- .component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-bb2384ad]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-bb2384ad]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-bb2384ad]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}
1
+ .component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-f109a7da]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-f109a7da]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-f109a7da]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-vue",
3
3
  "description": "Builder.io SDK for Vue",
4
- "version": "5.2.11",
4
+ "version": "5.2.13",
5
5
  "main": "./lib/node/index.cjs",
6
6
  "module": "./lib/node/index.mjs",
7
7
  "type": "module",
@@ -1 +0,0 @@
1
- var F=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index-uDRmkrr4.cjs"),$=require("./find-block-FHyxDYzT.cjs"),T=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,B,C,f;const e=this.block,t=e.responsiveStyles,n=this.context.content,l=s.getSizesForBreakpoints(((S=n==null?void 0:n.meta)==null?void 0:S.breakpoints)||{}),p=!!((B=(h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)!=null&&B.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 v=a?s.createCssClass({className:m,styles:a}):"",b=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",x=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",k=r&&p?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(u=>u.trigger==="hover");let y="";if(i){const u=((f=(C=i.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};y=s.createCssClass({className:`${m}:hover`,styles:{...u,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[v,b,x,k,y].join(" ")}}});function _(e,t,n,l,p,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 E=s._export_sfc(T,[["render",_]]),P=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:s.TARGET}},computed:{block(){return $.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 s.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):s.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var y,S,h,B,C,f,u;const e=(y=this.processedBlock)==null?void 0:y.responsiveStyles,t=this.contextProvider.content,n=s.getSizesForBreakpoints(((S=t==null?void 0:t.meta)==null?void 0:S.breakpoints)||{}),l=!!((B=(h=t==null?void 0:t.meta)==null?void 0:h.breakpoints)!=null&&B.xsmall),p=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=(C=this.processedBlock)==null?void 0:C.id;if(!r)return"";const m=p?s.createCssClass({className:r,styles:p}):"",v=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",b=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",x=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",k=this.processedBlock.animations&&this.processedBlock.animations.find(g=>g.trigger==="hover");let i="";if(k){const g=((u=(f=k.steps)==null?void 0:f[1])==null?void 0:u.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...g,transition:`all ${k.duration}s ${s.camelToKebabCase(k.easing)}`,transitionDelay:k.delay?`${k.delay}s`:"0s"}})||""}return[m,v,b,x,i].join(" ")}}});function Q(e,t,n,l,p,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 A=s._export_sfc(P,[["render",Q]]),I=o.defineComponent({name:"style-wrapper",components:{BlockStyles:E,LiveEditBlockStyles:A},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:s.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,p,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 w=s._export_sfc(I,[["render",z]]);exports.default=w;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index-LWGIJNVx.cjs"),$=require("./find-block-FREohLcp.cjs"),T=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,B,C,f;const e=this.block,t=e.responsiveStyles,n=this.context.content,l=s.getSizesForBreakpoints(((S=n==null?void 0:n.meta)==null?void 0:S.breakpoints)||{}),p=!!((B=(h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)!=null&&B.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 v=a?s.createCssClass({className:m,styles:a}):"",b=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",x=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",k=r&&p?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(u=>u.trigger==="hover");let y="";if(i){const u=((f=(C=i.steps)==null?void 0:C[1])==null?void 0:f.styles)||{};y=s.createCssClass({className:`${m}:hover`,styles:{...u,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[v,b,x,k,y].join(" ")}}});function _(e,t,n,l,p,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 E=s._export_sfc(T,[["render",_]]),P=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:s.TARGET}},computed:{block(){return $.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 s.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):s.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var y,S,h,B,C,f,u;const e=(y=this.processedBlock)==null?void 0:y.responsiveStyles,t=this.contextProvider.content,n=s.getSizesForBreakpoints(((S=t==null?void 0:t.meta)==null?void 0:S.breakpoints)||{}),l=!!((B=(h=t==null?void 0:t.meta)==null?void 0:h.breakpoints)!=null&&B.xsmall),p=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=(C=this.processedBlock)==null?void 0:C.id;if(!r)return"";const m=p?s.createCssClass({className:r,styles:p}):"",v=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",b=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",x=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",k=this.processedBlock.animations&&this.processedBlock.animations.find(g=>g.trigger==="hover");let i="";if(k){const g=((u=(f=k.steps)==null?void 0:f[1])==null?void 0:u.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...g,transition:`all ${k.duration}s ${s.camelToKebabCase(k.easing)}`,transitionDelay:k.delay?`${k.delay}s`:"0s"}})||""}return[m,v,b,x,i].join(" ")}}});function Q(e,t,n,l,p,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 A=s._export_sfc(P,[["render",Q]]),I=o.defineComponent({name:"style-wrapper",components:{BlockStyles:E,LiveEditBlockStyles:A},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:s.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,p,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 w=s._export_sfc(I,[["render",z]]);exports.default=w;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("./should-force-browser-runtime-in-node-aeKfQiEQ.cjs"),s=require("./index-7xT7wMXt.cjs"),T=require("./find-block-FREohLcp.cjs"),_=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 h,B,C,f,v;const e=this.block,t=e.responsiveStyles,n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),p=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.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 b=a?s.createCssClass({className:m,styles:a}):"",x=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",g=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",k=r&&p?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(y=>y.trigger==="hover");let S="";if(i){const y=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};S=s.createCssClass({className:`${m}:hover`,styles:{...y,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,x,g,k,S].join(" ")}}});function E(e,t,n,l,p,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 P=s._export_sfc(_,[["render",E]]),I=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:u.TARGET}},computed:{block(){return T.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 S,h,B,C,f,v,y;const e=(S=this.processedBlock)==null?void 0:S.responsiveStyles,t=this.contextProvider.content,n=s.getSizesForBreakpoints(((h=t==null?void 0:t.meta)==null?void 0:h.breakpoints)||{}),l=!!((C=(B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),p=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=(f=this.processedBlock)==null?void 0:f.id;if(!r)return"";const m=p?s.createCssClass({className:r,styles:p}):"",b=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)}):"",g=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",k=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(k){const $=((y=(v=k.steps)==null?void 0:v[1])==null?void 0:y.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${k.duration}s ${s.camelToKebabCase(k.easing)}`,transitionDelay:k.delay?`${k.delay}s`:"0s"}})||""}return[m,b,x,g,i].join(" ")}}});function Q(e,t,n,l,p,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 A=s._export_sfc(I,[["render",Q]]),w=o.defineComponent({name:"style-wrapper",components:{BlockStyles:P,LiveEditBlockStyles:A},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:u.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,p,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;