@builder.io/sdk-vue 1.0.33 → 1.0.36

package/lib/browser/{block-styles-kerUOxgY.js → block-styles-QmmLdzpW.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as g, resolveComponent as B, openBlock as v, createBlock as C, createCommentVNode as _ } from "vue";
-import { _ as $, T, g as p, c as y, a as w, b as l, d as k, e as E, f as I } from "./index-Qkz0NE0g.js";
+import { _ as $, T, g as p, c as y, a as w, b as l, d as k, e as E, f as I } from "./index-NLkfEtPh.js";
 const N = g({
   name: "block-styles",
   components: { InlinedStyles: $ },

package/lib/browser/{block-styles-gUk9Dzsc.cjs → block-styles-pw_R2yQt.cjs}

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

package/lib/browser/{block-wrapper-LzC9qaC1.js → block-wrapper-26flngEX.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-yh_xBxaD.js";
-import { f as m } from "./index-Qkz0NE0g.js";
-const d = () => import("./index-Qkz0NE0g.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-bRGCHXAl.js";
+import { f as m } from "./index-NLkfEtPh.js";
+const d = () => import("./index-NLkfEtPh.js").then((e) => e.G).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-9bcXRjoR.cjs → block-wrapper-ym7Obdn5.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-eZL93-0B.cjs"),n=require("./index-WgX1kltZ.cjs"),c=()=>Promise.resolve().then(()=>require("./index-WgX1kltZ.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-jhRwh2eR.cjs"),n=require("./index-B7uwco2M.cjs"),c=()=>Promise.resolve().then(()=>require("./index-B7uwco2M.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/blocks/form/select/select.vue.d.ts

@@ -12,12 +12,14 @@ export interface FormSelectProps {
     name?: string;
     value?: string;
     defaultValue?: string;
+    required?: boolean;
 }
 declare const _default: import("vue").DefineComponent<Readonly<{
     name?: any;
     value?: any;
     attributes?: any;
     defaultValue?: any;
+    required?: any;
     options?: any;
 }>, unknown, {
     isEditing: typeof isEditing;
@@ -27,12 +29,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     value?: any;
     attributes?: any;
     defaultValue?: any;
+    required?: any;
     options?: any;
 }>>>, {
     readonly name?: any;
     readonly value?: any;
     readonly attributes?: any;
     readonly defaultValue?: any;
+    readonly required?: any;
     readonly options?: any;
 }, {}>;
 export default _default;

package/lib/browser/blocks/form/textarea/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../../types/components';
+export declare const componentInfo: ComponentInfo;

package/lib/browser/blocks/form/textarea/textarea.vue.d.ts

@@ -0,0 +1,37 @@
+import { filterAttrs } from "../../helpers";
+/**
+ * This import is used by the Svelte SDK. Do not remove.
+ */
+export interface TextareaProps {
+    attributes?: any;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    required?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Readonly<{
+    name?: any;
+    value?: any;
+    attributes?: any;
+    defaultValue?: any;
+    placeholder?: any;
+    required?: any;
+}>, unknown, {
+    filterAttrs: typeof filterAttrs;
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    name?: any;
+    value?: any;
+    attributes?: any;
+    defaultValue?: any;
+    placeholder?: any;
+    required?: any;
+}>>>, {
+    readonly name?: any;
+    readonly value?: any;
+    readonly attributes?: any;
+    readonly defaultValue?: any;
+    readonly placeholder?: any;
+    readonly required?: any;
+}, {}>;
+export default _default;

package/lib/browser/{component-ref-owFZRdew.cjs → component-ref-EJE0BMsw.cjs}

@@ -1 +1 @@
-var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-WgX1kltZ.cjs"),a=require("./get-block-properties-eZL93-0B.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-B7uwco2M.cjs"),a=require("./get-block-properties-jhRwh2eR.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/browser/{component-ref-xImJQvWl.js → component-ref-f6HeLjzo.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 { f, B as W, w } from "./index-Qkz0NE0g.js";
-import { a as b, g as R } from "./get-block-properties-yh_xBxaD.js";
+import { f, B as W, w } from "./index-NLkfEtPh.js";
+import { a as b, g as R } from "./get-block-properties-bRGCHXAl.js";
 const x = m({
   name: "interactive-element",
   props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],

package/lib/browser/constants/sdk-name.d.ts

@@ -0,0 +1 @@
+export declare const SDK_NAME: "@builder.io/sdk-vue" | "@builder.io/sdk-svelte" | "@builder.io/sdk-qwik" | "@builder.io/sdk-react" | "@builder.io/sdk-solid" | "@builder.io/sdk-angular" | "@builder.io/sdk-react-nextjs" | "@builder.io/sdk-react-native";

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.33";
+export declare const SDK_VERSION = "1.0.36";

package/lib/browser/functions/extract-css-var-default-value.d.ts

@@ -0,0 +1 @@
+export declare function extractCssVarDefaultValue(value: string): string;

package/lib/browser/{get-block-properties-yh_xBxaD.js → get-block-properties-bRGCHXAl.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { h as s, T as c, i, j as l } from "./index-Qkz0NE0g.js";
+import { h as s, T as c, i, j as l } from "./index-NLkfEtPh.js";
 const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   code: e,
   context: t.context,

package/lib/browser/{get-block-properties-eZL93-0B.cjs → get-block-properties-jhRwh2eR.cjs}

@@ -1 +1 @@
-var d=require("./style.css");const a=require("./index-WgX1kltZ.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,enableCache:!0});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 p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(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=f;
+var d=require("./style.css");const a=require("./index-B7uwco2M.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,enableCache:!0});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 p=e=>({href:e.href});function f({block:e,context:t}){var o;const r={...p(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=f;