@builder.io/sdk-vue 0.0.1-44 → 0.0.1-45

package/nuxt2/src/blocks/columns.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="builder-columns div-1083i9ahz0v">
+  <div class="builder-columns div-38o6qlysr38">
     <div
-      class="builder-column div-1083i9ahz0v-2"
+      class="builder-column div-38o6qlysr38-2"
       v-for="(column, index) in columns"
       :style="{
         width: getColumnCssWidth(index),
@@ -262,12 +262,12 @@ export default registerComponent(
 );
 </script>
 <style scoped>
-.div-1083i9ahz0v {
+.div-38o6qlysr38 {
   display: flex;
   align-items: stretch;
   line-height: normal;
 }
-.div-1083i9ahz0v-2 {
+.div-38o6qlysr38-2 {
   flex-grow: 1;
 }
 </style>

package/nuxt2/src/blocks/form.vue

@@ -27,7 +27,7 @@
     ></builder-blocks>
 
     <pre
-      class="builder-form-error-text pre-16i1ws6wp09"
+      class="builder-form-error-text pre-2o44605xnuc"
       v-if="submissionState === 'error' && responseData"
     >
         {{ JSON.stringify(responseData, null, 2) }}
@@ -515,7 +515,7 @@ export default registerComponent(
 );
 </script>
 <style scoped>
-.pre-16i1ws6wp09 {
+.pre-2o44605xnuc {
   padding: 10px;
   color: red;
   text-align: center;

package/nuxt2/src/blocks/image.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="div-2m37ml0pmfw">
+  <div class="div-13adfbgjm89">
     <picture>
       <img
         loading="lazy"
-        class="img-2m37ml0pmfw"
+        class="img-13adfbgjm89"
         :alt="altText"
         :aria-role="altText ? 'presentation' : undefined"
         :style="{
@@ -23,7 +23,7 @@
     </picture>
 
     <div
-      class="builder-image-sizer div-2m37ml0pmfw-2"
+      class="builder-image-sizer div-13adfbgjm89-2"
       v-if="
         aspectRatio &&
         !(
@@ -42,7 +42,7 @@
 
     <slot></slot>
 
-    <div class="div-2m37ml0pmfw-3" v-if="!fitContent">
+    <div class="div-13adfbgjm89-3" v-if="!fitContent">
       <slot></slot>
     </div>
   </div>
@@ -167,10 +167,10 @@ export default registerComponent(
 );
 </script>
 <style scoped>
-.div-2m37ml0pmfw {
+.div-13adfbgjm89 {
   position: relative;
 }
-.img-2m37ml0pmfw {
+.img-13adfbgjm89 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
   position: absolute;
@@ -179,12 +179,12 @@ export default registerComponent(
   top: 0px;
   left: 0px;
 }
-.div-2m37ml0pmfw-2 {
+.div-13adfbgjm89-2 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
 }
-.div-2m37ml0pmfw-3 {
+.div-13adfbgjm89-3 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/nuxt2/src/components/render-blocks.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="div-rs25iidh4"
+    class="div-1ez1s0gxybh"
     :builder-path="path"
     :builder-parent-id="parent"
     @click="onClick"
@@ -72,7 +72,7 @@ export default {
 };
 </script>
 <style scoped>
-.div-rs25iidh4 {
+.div-1ez1s0gxybh {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/nuxt2/src/functions/get-block-actions.js

@@ -44,6 +44,7 @@ __export(exports, {
   getBlockActions: () => getBlockActions,
 });
 var import_evaluate = __toModule(require('./evaluate'));
+var import_name_event_handlers = __toModule(require('./name-event-handlers'));
 function getBlockActions(options) {
   const obj = {};
   if (options.block.actions) {
@@ -52,7 +53,7 @@ function getBlockActions(options) {
         continue;
       }
       const value = options.block.actions[key];
-      obj['v-on:' + key.toLowerCase()] = (event) =>
+      obj[(0, import_name_event_handlers.getEventHandlerName)(key)] = (event) =>
         (0, import_evaluate.evaluate)({
           code: value,
           context: options.context,

package/nuxt2/src/functions/get-processed-block.js

@@ -68,8 +68,10 @@ __export(exports, {
 });
 var import_evaluate = __toModule(require('./evaluate'));
 var import_set = __toModule(require('./set'));
+var import_transform_block = __toModule(require('./transform-block'));
 function getProcessedBlock(options) {
-  const { block, state, context } = options;
+  const { state, context } = options;
+  const block = (0, import_transform_block.transformBlock)(options.block);
   if (!block.bindings) {
     return block;
   }

package/nuxt2/src/functions/transform-block.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) =>
+  __defProp(target, '__esModule', { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  transformBlock: () => transformBlock,
+});
+function transformBlock(block) {
+  return block;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "0.0.1-44",
+  "version": "0.0.1-45",
   "dependencies": {
     "node-fetch": "^2.6.1"
   },

package/vue2/src/functions/get-block-actions.js

@@ -44,6 +44,7 @@ __export(exports, {
   getBlockActions: () => getBlockActions,
 });
 var import_evaluate = __toModule(require('./evaluate'));
+var import_name_event_handlers = __toModule(require('./name-event-handlers'));
 function getBlockActions(options) {
   const obj = {};
   if (options.block.actions) {
@@ -52,7 +53,7 @@ function getBlockActions(options) {
         continue;
       }
       const value = options.block.actions[key];
-      obj['v-on:' + key.toLowerCase()] = (event) =>
+      obj[(0, import_name_event_handlers.getEventHandlerName)(key)] = (event) =>
         (0, import_evaluate.evaluate)({
           code: value,
           context: options.context,

package/vue2/src/functions/get-processed-block.js

@@ -68,8 +68,10 @@ __export(exports, {
 });
 var import_evaluate = __toModule(require('./evaluate'));
 var import_set = __toModule(require('./set'));
+var import_transform_block = __toModule(require('./transform-block'));
 function getProcessedBlock(options) {
-  const { block, state, context } = options;
+  const { state, context } = options;
+  const block = (0, import_transform_block.transformBlock)(options.block);
   if (!block.bindings) {
     return block;
   }

package/vue2/src/functions/transform-block.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) =>
+  __defProp(target, '__esModule', { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  transformBlock: () => transformBlock,
+});
+function transformBlock(block) {
+  return block;
+}

package/vue3/src/functions/get-block-actions.js

@@ -44,6 +44,7 @@ __export(exports, {
   getBlockActions: () => getBlockActions,
 });
 var import_evaluate = __toModule(require('./evaluate'));
+var import_name_event_handlers = __toModule(require('./name-event-handlers'));
 function getBlockActions(options) {
   const obj = {};
   if (options.block.actions) {
@@ -52,7 +53,7 @@ function getBlockActions(options) {
         continue;
       }
       const value = options.block.actions[key];
-      obj['v-on:' + key.toLowerCase()] = (event) =>
+      obj[(0, import_name_event_handlers.getEventHandlerName)(key)] = (event) =>
         (0, import_evaluate.evaluate)({
           code: value,
           context: options.context,

package/vue3/src/functions/get-processed-block.js

@@ -68,8 +68,10 @@ __export(exports, {
 });
 var import_evaluate = __toModule(require('./evaluate'));
 var import_set = __toModule(require('./set'));
+var import_transform_block = __toModule(require('./transform-block'));
 function getProcessedBlock(options) {
-  const { block, state, context } = options;
+  const { state, context } = options;
+  const block = (0, import_transform_block.transformBlock)(options.block);
   if (!block.bindings) {
     return block;
   }

package/vue3/src/functions/transform-block.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) =>
+  __defProp(target, '__esModule', { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  transformBlock: () => transformBlock,
+});
+function transformBlock(block) {
+  return block;
+}