@builder.io/sdk-vue 0.0.1-9 → 0.0.1

package/src/blocks/image.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_image_script = __toModule(require("./image_script"));
-var import_image_styles = __toModule(require("./image_styles"));
-var import_register_component = __toModule(require("../functions/register-component"));
-(0, import_register_component.registerComponent)(import_image_script.default, { name: "Image", static: true, image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4", defaultStyles: { position: "relative", minHeight: "20px", minWidth: "20px", overflow: "hidden" }, canHaveChildren: true, inputs: [{ name: "image", type: "file", bubble: true, allowedFileTypes: ["jpeg", "jpg", "png", "svg"], required: true, defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d", onChange: "        const DEFAULT_ASPECT_RATIO = 0.7041;        options.delete('srcset');        options.delete('noWebp');        function loadImage(url, timeout) {          return new Promise((resolve, reject) => {            const img = document.createElement('img');            let loaded = false;            img.onload = () => {              loaded = true;              resolve(img);            };            img.addEventListener('error', event => {              console.warn('Image load failed', event.error);              reject(event.error);            });            img.src = url;            setTimeout(() => {              if (!loaded) {                reject(new Error('Image load timed out'));              }            }, timeout);          });        }        function round(num) {          return Math.round(num * 1000) / 1000;        }        const value = options.get('image');        const aspectRatio = options.get('aspectRatio');        // For SVG images - don't render as webp, keep them as SVG        fetch(value)          .then(res => res.blob())          .then(blob => {            if (blob.type.includes('svg')) {              options.set('noWebp', true);            }          });        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO)) {          return loadImage(value).then(img => {            const possiblyUpdatedAspectRatio = options.get('aspectRatio');            if (              options.get('image') === value &&              (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)            ) {              if (img.width && img.height) {                options.set('aspectRatio', round(img.height / img.width));                options.set('height', img.height);                options.set('width', img.width);              }            }          });        }" }, { name: "backgroundSize", type: "text", defaultValue: "cover", enum: [{ label: "contain", value: "contain", helperText: "The image should never get cropped" }, { label: "cover", value: "cover", helperText: "The image should fill it's box, cropping when needed" }] }, { name: "backgroundPosition", type: "text", defaultValue: "center", enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"] }, { name: "altText", type: "string", helperText: "Text to display when the user has images off" }, { name: "height", type: "number", hideFromUI: true }, { name: "width", type: "number", hideFromUI: true }, { name: "sizes", type: "string", hideFromUI: true }, { name: "srcset", type: "string", hideFromUI: true }, { name: "lazy", type: "boolean", defaultValue: true, hideFromUI: true }, { name: "fitContent", type: "boolean", helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio", defaultValue: true }, { name: "aspectRatio", type: "number", helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio", advanced: true, defaultValue: 0.7041 }] });
-var stdin_default = import_image_script.default;

package/src/blocks/image.original.vue

@@ -1,52 +0,0 @@
-<template>
-  
-  
-<picture >
-    <img  loading="lazy"  class="img"  :alt="altText"  :aria-role="altText ? 'presentation' : undefined"  :class="_classStringToObject('builder-image' + (props.class ? ' ' + props.class : ''))"  :src="image"  :srcset="srcset"  :sizes="sizes"  />
-    <source  :srcSet="srcset"  />
-  </picture>
-
-  
-<slot></slot>
-
-
-</template>
-<script>
-  
-
-
-
-
-  export default {
-    name: 'Image',
-    
-    props: ["altText","class","image","srcset","sizes"],
-    
-
-    
-    
-
-    
-    
-
-    
-    
-      methods: {_classStringToObject(str) {
-    const obj = {};
-    if (typeof str !== 'string') { return obj }
-    const classNames = str.trim().split(/\s+/); 
-    for (const name of classNames) {
-      obj[name] = true;
-    } 
-    return obj;
-  }  },
-    
-  }
-</script>
-<style>
-  .img { 
-opacity: 1;
-transition: opacity 0.2s ease-in-out;
-object-fit: cover;
-object-position: center; }
-</style>

package/src/blocks/image_script.js

@@ -1,32 +0,0 @@
-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, {
-  default: () => stdin_default
-});
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("picture", [_c("img", { staticClass: "img", class: _vm._classStringToObject("builder-image" + (_vm.props.class ? " " + _vm.props.class : "")), attrs: { "loading": "lazy", "alt": _vm.altText, "aria-role": _vm.altText ? "presentation" : void 0, "src": _vm.image, "srcset": _vm.srcset, "sizes": _vm.sizes } }), _vm._v(" "), _c("source", { attrs: { "srcset": _vm.srcset } })]);
-  },
-  staticRenderFns: [],
-  name: "Image",
-  props: ["altText", "class", "image", "srcset", "sizes"],
-  methods: { _classStringToObject(str) {
-    const obj = {};
-    if (typeof str !== "string") {
-      return obj;
-    }
-    const classNames = str.trim().split(/\s+/);
-    for (const name of classNames) {
-      obj[name] = true;
-    }
-    return obj;
-  } }
-};

package/src/blocks/image_styles.js

@@ -1,13 +0,0 @@
-const id = "1kr2lewzx51";
-if (typeof document !== "undefined") {
-  if (!document.getElementById(id)) {
-    const style = document.createElement("style");
-    style.id = id;
-    style.innerHTML = `.img { 
-opacity: 1;
-transition: opacity 0.2s ease-in-out;
-object-fit: cover;
-object-position: center; }`;
-    document.head.appendChild(style);
-  }
-}

package/src/blocks/img.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_img_script = __toModule(require("./img_script"));
-var import_img_styles = __toModule(require("./img_styles"));
-var import_register_component = __toModule(require("../functions/register-component"));
-(0, import_register_component.registerComponent)(import_img_script.default, { name: "Raw:Img", hideFromInsertMenu: true, image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4", inputs: [{ name: "image", bubble: true, type: "file", allowedFileTypes: ["jpeg", "jpg", "png", "svg"], required: true }], noWrap: true, static: true });
-var stdin_default = import_img_script.default;

package/src/blocks/img.original.vue

@@ -1,31 +0,0 @@
-<template>
-    <img v-bind="attributes" :style="{
-objectFit: backgroundSize || 'cover',
-objectPosition: backgroundPosition || 'center'
-}"  :key="Builder.isEditing && imgSrc || 'default-key'"  :alt="altText"  :src="imgSrc"  />
-  </template>
-  <script>
-    
-  import  {  Builder  }  from '@builder.io/sdk';
-
-  
-
-
-    export default {
-      name: 'ImgComponent',
-      
-      props: ["backgroundSize","backgroundPosition","attributes","imgSrc","altText"],
-      
-      data: () => ({Builder}),
-      
-
-      
-      
-
-      
-      
-
-      
-      
-    }
-  </script>

package/src/blocks/img_script.js

@@ -1,42 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_sdk = __toModule(require("@builder.io/sdk"));
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("img", _vm._b({ key: _vm.Builder.isEditing && _vm.imgSrc || "default-key", style: {
-      objectFit: _vm.backgroundSize || "cover",
-      objectPosition: _vm.backgroundPosition || "center"
-    }, attrs: { "alt": _vm.altText, "src": _vm.imgSrc } }, "img", _vm.attributes, false));
-  },
-  staticRenderFns: [],
-  name: "ImgComponent",
-  props: ["backgroundSize", "backgroundPosition", "attributes", "imgSrc", "altText"],
-  data: () => ({ Builder: import_sdk.Builder })
-};

package/src/blocks/input.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_input_script = __toModule(require("./input_script"));
-var import_input_styles = __toModule(require("./input_styles"));
-var import_register_component = __toModule(require("../functions/register-component"));
-(0, import_register_component.registerComponent)(import_input_script.default, { name: "Form:Input", image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca", inputs: [{ name: "type", type: "text", enum: ["text", "number", "email", "url", "checkbox", "radio", "range", "date", "datetime-local", "search", "tel", "time", "file", "month", "week", "password", "color", "hidden"], defaultValue: "text" }, { name: "name", type: "string", required: true, helperText: 'Every input in a form needs a unique name describing what it takes, e.g. "email"' }, { name: "placeholder", type: "string", defaultValue: "Hello there", helperText: "Text to display when there is no value" }, { name: "defaultValue", type: "string" }, { name: "value", type: "string", advanced: true }, { name: "required", type: "boolean", helperText: "Is this input required to be filled out to submit a form", defaultValue: false }], noWrap: true, static: true, defaultStyles: { paddingTop: "10px", paddingBottom: "10px", paddingLeft: "10px", paddingRight: "10px", borderRadius: "3px", borderWidth: "1px", borderStyle: "solid", borderColor: "#ccc" } });
-var stdin_default = import_input_script.default;

package/src/blocks/input.original.vue

@@ -1,28 +0,0 @@
-<template>
-  <input v-bind="attributes" :key="Builder.isEditing && defaultValue ? defaultValue : 'default-key'"  :placeholder="placeholder"  :type="type"  :name="name"  :value="value"  :defaultValue="defaultValue"  :required="required"  />
-</template>
-<script>
-  
-import  {  Builder  }  from '@builder.io/sdk';
-
-
-
-
-  export default {
-    name: 'FormInputComponent',
-    
-    props: ["attributes","defaultValue","placeholder","type","name","value","required"],
-    
-    data: () => ({Builder}),
-    
-
-    
-    
-
-    
-    
-
-    
-    
-  }
-</script>

package/src/blocks/input_script.js

@@ -1,39 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_sdk = __toModule(require("@builder.io/sdk"));
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("input", _vm._b({ key: _vm.Builder.isEditing && _vm.defaultValue ? _vm.defaultValue : "default-key", attrs: { "placeholder": _vm.placeholder, "type": _vm.type, "name": _vm.name, "defaultvalue": _vm.defaultValue, "required": _vm.required }, domProps: { "value": _vm.value } }, "input", _vm.attributes, false));
-  },
-  staticRenderFns: [],
-  name: "FormInputComponent",
-  props: ["attributes", "defaultValue", "placeholder", "type", "name", "value", "required"],
-  data: () => ({ Builder: import_sdk.Builder })
-};

package/src/blocks/raw-text.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_raw_text_script = __toModule(require("./raw-text_script"));
-var import_raw_text_styles = __toModule(require("./raw-text_styles"));
-var import_register_component = __toModule(require("../functions/register-component"));
-(0, import_register_component.registerComponent)(import_raw_text_script.default, { name: "Builder:RawText", hideFromInsertMenu: true, inputs: [{ name: "text", bubble: true, type: "longText", required: true }] });
-var stdin_default = import_raw_text_script.default;

package/src/blocks/raw-text.original.vue

@@ -1,35 +0,0 @@
-<template>
-  <span  :class="_classStringToObject(props.attributes?.class || props.attributes?.className)"  v-html="text || ''" ></span>
-</template>
-<script>
-  
-
-
-
-
-  export default {
-    name: 'RawText',
-    
-    props: ["attributes","text"],
-    
-
-    
-    
-
-    
-    
-
-    
-    
-      methods: {_classStringToObject(str) {
-    const obj = {};
-    if (typeof str !== 'string') { return obj }
-    const classNames = str.trim().split(/\s+/); 
-    for (const name of classNames) {
-      obj[name] = true;
-    } 
-    return obj;
-  }  },
-    
-  }
-</script>

package/src/blocks/raw-text_script.js

@@ -1,32 +0,0 @@
-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, {
-  default: () => stdin_default
-});
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("span", { class: _vm._classStringToObject(_vm.props.attributes.class || _vm.props.attributes.className), domProps: { "innerHTML": _vm._s(_vm.text || "") } });
-  },
-  staticRenderFns: [],
-  name: "RawText",
-  props: ["attributes", "text"],
-  methods: { _classStringToObject(str) {
-    const obj = {};
-    if (typeof str !== "string") {
-      return obj;
-    }
-    const classNames = str.trim().split(/\s+/);
-    for (const name of classNames) {
-      obj[name] = true;
-    }
-    return obj;
-  } }
-};

package/src/blocks/section.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_section_script = __toModule(require("./section_script"));
-var import_section_styles = __toModule(require("./section_styles"));
-var import_register_component = __toModule(require("../functions/register-component"));
-(0, import_register_component.registerComponent)(import_section_script.default, { name: "Core:Section", static: true, image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a", inputs: [{ name: "maxWidth", type: "number", defaultValue: 1200 }, { name: "lazyLoad", type: "boolean", defaultValue: false, advanced: true, description: "Only render this section when in view" }], defaultStyles: { paddingLeft: "20px", paddingRight: "20px", paddingTop: "50px", paddingBottom: "50px", marginTop: "0px", width: "100vw", marginLeft: "calc(50% - 50vw)" }, canHaveChildren: true, defaultChildren: [{ "@type": "@builder.io/sdk:Element", responsiveStyles: { large: { textAlign: "center" } }, component: { name: "Text", options: { text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>" } } }] });
-var stdin_default = import_section_script.default;

package/src/blocks/section.original.vue

@@ -1,29 +0,0 @@
-<template>
-    <section v-bind="attributes" :style="maxWidth && typeof maxWidth === 'number' ? {
-maxWidth: maxWidth
-} : undefined" >
-    <slot></slot>
-  </section>
-  </template>
-  <script>
-    
-  
-  
-
-
-    export default {
-      name: 'SectionComponent',
-      
-      props: ["attributes","maxWidth"],
-      
-
-      
-      
-
-      
-      
-
-      
-      
-    }
-  </script>

package/src/blocks/section_script.js

@@ -1,23 +0,0 @@
-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, {
-  default: () => stdin_default
-});
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("section", _vm._b({ style: _vm.maxWidth && typeof _vm.maxWidth === "number" ? {
-      maxWidth: _vm.maxWidth
-    } : void 0 }, "section", _vm.attributes, false), [_vm._t("default")], 2);
-  },
-  staticRenderFns: [],
-  name: "SectionComponent",
-  props: ["attributes", "maxWidth"]
-};

package/src/blocks/select.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_select_script = __toModule(require("./select_script"));
-var import_select_styles = __toModule(require("./select_styles"));
-var import_register_component = __toModule(require("../functions/register-component"));
-(0, import_register_component.registerComponent)(import_select_script.default, { name: "Form:Select", image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045", defaultStyles: { alignSelf: "flex-start" }, inputs: [{ name: "options", type: "list", required: true, subFields: [{ name: "value", type: "text", required: true }, { name: "name", type: "text" }], defaultValue: [{ value: "option 1" }, { value: "option 2" }] }, { name: "name", type: "string", required: true, helperText: 'Every select in a form needs a unique name describing what it gets, e.g. "email"' }, { name: "defaultValue", type: "string" }, { name: "value", type: "string", advanced: true }, { name: "required", type: "boolean", defaultValue: false }], static: true, noWrap: true });
-var stdin_default = import_select_script.default;

package/src/blocks/select.original.vue

@@ -1,32 +0,0 @@
-<template>
-  <select v-bind="attributes" :value="value"  :key="Builder.isEditing && defaultValue ? defaultValue : 'default-key'"  :defaultValue="defaultValue"  :name="name" >
-  <template :key="index" v-for="(option, index) in options">
-  <option  :value="option.value" >{{option.name || option.value}}</option>
-</template>
-</select>
-</template>
-<script>
-  
-import  {  Builder  }  from '@builder.io/sdk';
-
-
-
-
-  export default {
-    name: 'SelectComponent',
-    
-    props: ["attributes","value","defaultValue","name","options"],
-    
-    data: () => ({Builder}),
-    
-
-    
-    
-
-    
-    
-
-    
-    
-  }
-</script>