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

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 (161) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/README.md +44 -0
  3. package/dist/vue-2/block-styles.3f130795.js +67 -0
  4. package/dist/vue-2/block-styles.da610cf5.cjs +10 -0
  5. package/dist/vue-2/get-processed-block.2bcd0d2b.cjs +1 -0
  6. package/dist/vue-2/get-processed-block.c01e4ddc.js +44 -0
  7. package/dist/vue-2/index.0622ae10.js +1996 -0
  8. package/dist/vue-2/index.dcdf302c.cjs +4 -0
  9. package/dist/vue-2/render-block.bdaa8069.js +243 -0
  10. package/dist/vue-2/render-block.f41ce0b2.cjs +3 -0
  11. package/dist/vue-2/render-inlined-styles.7974da9f.js +31 -0
  12. package/dist/vue-2/render-inlined-styles.b3a06398.cjs +1 -0
  13. package/dist/vue-2/render-repeated-block.c2b982e3.js +45 -0
  14. package/dist/vue-2/render-repeated-block.f36a831f.cjs +1 -0
  15. package/dist/vue-2/render-styles.354823a4.js +65 -0
  16. package/dist/vue-2/render-styles.4b5b2368.cjs +17 -0
  17. package/dist/vue-2/sdk.cjs +1 -0
  18. package/dist/vue-2/sdk.js +27 -0
  19. package/dist/vue-2/style.css +1 -0
  20. package/dist/vue-3/block-styles.76754b24.js +64 -0
  21. package/dist/vue-3/block-styles.e17850cc.cjs +10 -0
  22. package/dist/vue-3/get-processed-block.2dd25223.cjs +1 -0
  23. package/dist/vue-3/get-processed-block.6eaca128.js +44 -0
  24. package/dist/vue-3/index.3e132178.js +78896 -0
  25. package/dist/vue-3/index.475f52c7.cjs +1 -0
  26. package/dist/vue-3/index.52915610.js +1969 -0
  27. package/dist/vue-3/index.91387fc2.cjs +4 -0
  28. package/dist/vue-3/render-block.369b7818.js +255 -0
  29. package/dist/vue-3/render-block.c9718d52.cjs +3 -0
  30. package/dist/vue-3/render-inlined-styles.2a3eeef4.cjs +1 -0
  31. package/dist/vue-3/render-inlined-styles.af201a11.js +30 -0
  32. package/dist/vue-3/render-repeated-block.4266e559.js +40 -0
  33. package/dist/vue-3/render-repeated-block.b4a6d591.cjs +1 -0
  34. package/dist/vue-3/render-styles.1744d2eb.js +59 -0
  35. package/dist/vue-3/render-styles.7d5898dd.cjs +17 -0
  36. package/dist/vue-3/sdk.cjs +1 -0
  37. package/dist/vue-3/sdk.js +28 -0
  38. package/dist/vue-3/style.css +1 -0
  39. package/nuxt.js +25 -0
  40. package/package.json +38 -5
  41. package/src/blocks/button.js +0 -31
  42. package/src/blocks/button.original.vue +0 -48
  43. package/src/blocks/button_script.js +0 -21
  44. package/src/blocks/button_styles.js +0 -0
  45. package/src/blocks/columns.js +0 -31
  46. package/src/blocks/columns.original.vue +0 -59
  47. package/src/blocks/columns_script.js +0 -58
  48. package/src/blocks/columns_styles.js +0 -14
  49. package/src/blocks/custom-code.js +0 -31
  50. package/src/blocks/custom-code.original.vue +0 -72
  51. package/src/blocks/custom-code_script.js +0 -63
  52. package/src/blocks/custom-code_styles.js +0 -0
  53. package/src/blocks/embed.js +0 -31
  54. package/src/blocks/embed.original.vue +0 -64
  55. package/src/blocks/embed_script.js +0 -53
  56. package/src/blocks/embed_styles.js +0 -0
  57. package/src/blocks/form.js +0 -31
  58. package/src/blocks/form.original.vue +0 -289
  59. package/src/blocks/form_script.js +0 -231
  60. package/src/blocks/form_styles.js +0 -12
  61. package/src/blocks/fragment.js +0 -31
  62. package/src/blocks/fragment.original.vue +0 -28
  63. package/src/blocks/fragment_script.js +0 -40
  64. package/src/blocks/fragment_styles.js +0 -0
  65. package/src/blocks/image.js +0 -31
  66. package/src/blocks/image.original.vue +0 -52
  67. package/src/blocks/image_script.js +0 -32
  68. package/src/blocks/image_styles.js +0 -13
  69. package/src/blocks/img.js +0 -31
  70. package/src/blocks/img.original.vue +0 -31
  71. package/src/blocks/img_script.js +0 -42
  72. package/src/blocks/img_styles.js +0 -0
  73. package/src/blocks/input.js +0 -31
  74. package/src/blocks/input.original.vue +0 -28
  75. package/src/blocks/input_script.js +0 -39
  76. package/src/blocks/input_styles.js +0 -0
  77. package/src/blocks/raw-text.js +0 -31
  78. package/src/blocks/raw-text.original.vue +0 -35
  79. package/src/blocks/raw-text_script.js +0 -32
  80. package/src/blocks/raw-text_styles.js +0 -0
  81. package/src/blocks/section.js +0 -31
  82. package/src/blocks/section.original.vue +0 -29
  83. package/src/blocks/section_script.js +0 -23
  84. package/src/blocks/section_styles.js +0 -0
  85. package/src/blocks/select.js +0 -31
  86. package/src/blocks/select.original.vue +0 -32
  87. package/src/blocks/select_script.js +0 -41
  88. package/src/blocks/select_styles.js +0 -0
  89. package/src/blocks/submit-button.js +0 -31
  90. package/src/blocks/submit-button.original.vue +0 -27
  91. package/src/blocks/submit-button_script.js +0 -21
  92. package/src/blocks/submit-button_styles.js +0 -0
  93. package/src/blocks/symbol.js +0 -29
  94. package/src/blocks/symbol.original.vue +0 -33
  95. package/src/blocks/symbol_script.js +0 -44
  96. package/src/blocks/symbol_styles.js +0 -0
  97. package/src/blocks/text.js +0 -31
  98. package/src/blocks/text.original.vue +0 -25
  99. package/src/blocks/text_script.js +0 -21
  100. package/src/blocks/text_styles.js +0 -0
  101. package/src/blocks/textarea.js +0 -31
  102. package/src/blocks/textarea.original.vue +0 -25
  103. package/src/blocks/textarea_script.js +0 -21
  104. package/src/blocks/textarea_styles.js +0 -0
  105. package/src/blocks/video.js +0 -31
  106. package/src/blocks/video.original.vue +0 -34
  107. package/src/blocks/video_script.js +0 -28
  108. package/src/blocks/video_styles.js +0 -0
  109. package/src/components/block-styles.js +0 -29
  110. package/src/components/block-styles.original.vue +0 -25
  111. package/src/components/block-styles.vue +0 -34
  112. package/src/components/block-styles_script.js +0 -20
  113. package/src/components/block-styles_styles.js +0 -0
  114. package/src/components/error-boundary.js +0 -29
  115. package/src/components/error-boundary.original.vue +0 -25
  116. package/src/components/error-boundary.vue +0 -15
  117. package/src/components/error-boundary_script.js +0 -20
  118. package/src/components/error-boundary_styles.js +0 -0
  119. package/src/components/render-block.js +0 -29
  120. package/src/components/render-block.original.vue +0 -119
  121. package/src/components/render-block_script.js +0 -91
  122. package/src/components/render-block_styles.js +0 -0
  123. package/src/components/render-blocks.js +0 -29
  124. package/src/components/render-blocks.original.vue +0 -75
  125. package/src/components/render-blocks_script.js +0 -76
  126. package/src/components/render-blocks_styles.js +0 -12
  127. package/src/components/render-content.js +0 -29
  128. package/src/components/render-content.original.vue +0 -95
  129. package/src/components/render-content_script.js +0 -92
  130. package/src/components/render-content_styles.js +0 -0
  131. package/src/constants/device-sizes.js +0 -46
  132. package/src/context/builder.context.js +0 -11
  133. package/src/functions/evaluate.js +0 -42
  134. package/src/functions/get-block-actions.js +0 -45
  135. package/src/functions/get-block-component-options.js +0 -14
  136. package/src/functions/get-block-properties.js +0 -46
  137. package/src/functions/get-block-styles.js +0 -13
  138. package/src/functions/get-block-tag.js +0 -13
  139. package/src/functions/get-content.js +0 -123
  140. package/src/functions/get-processed-block.js +0 -65
  141. package/src/functions/get-processed-block.test.js +0 -44
  142. package/src/functions/get-target.js +0 -13
  143. package/src/functions/if-target.js +0 -13
  144. package/src/functions/is-browser.js +0 -30
  145. package/src/functions/is-editing.js +0 -30
  146. package/src/functions/is-iframe.js +0 -30
  147. package/src/functions/is-react-native.js +0 -13
  148. package/src/functions/macro-eval.js +0 -12
  149. package/src/functions/on-change.js +0 -34
  150. package/src/functions/on-change.test.js +0 -38
  151. package/src/functions/register-component.js +0 -73
  152. package/src/functions/register.js +0 -52
  153. package/src/functions/set-editor-settings.js +0 -38
  154. package/src/functions/set.js +0 -18
  155. package/src/functions/set.test.js +0 -35
  156. package/src/functions/track.js +0 -41
  157. package/src/index.js +0 -51
  158. package/src/scripts/init-editing.js +0 -78
  159. package/src/types/builder-block.js +0 -3
  160. package/src/types/builder-content.js +0 -3
  161. package/src/types/deep-partial.js +0 -3
@@ -1,41 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_sdk = __toModule(require("@builder.io/sdk"));
28
- var stdin_default = {
29
- render: function() {
30
- var _vm = this;
31
- var _h = _vm.$createElement;
32
- var _c = _vm._self._c || _h;
33
- return _c("select", _vm._b({ key: _vm.Builder.isEditing && _vm.defaultValue ? _vm.defaultValue : "default-key", attrs: { "defaultvalue": _vm.defaultValue, "name": _vm.name }, domProps: { "value": _vm.value } }, "select", _vm.attributes, false), [_vm._l(_vm.options, function(option, index) {
34
- return [_c("option", { domProps: { "value": option.value } }, [_vm._v(_vm._s(option.name || option.value))])];
35
- })], 2);
36
- },
37
- staticRenderFns: [],
38
- name: "SelectComponent",
39
- props: ["attributes", "value", "defaultValue", "name", "options"],
40
- data: () => ({ Builder: import_sdk.Builder })
41
- };
File without changes
@@ -1,31 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_submit_button_script = __toModule(require("./submit-button_script"));
28
- var import_submit_button_styles = __toModule(require("./submit-button_styles"));
29
- var import_register_component = __toModule(require("../functions/register-component"));
30
- (0, import_register_component.registerComponent)(import_submit_button_script.default, { name: "Form:SubmitButton", image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98", defaultStyles: { appearance: "none", paddingTop: "15px", paddingBottom: "15px", paddingLeft: "25px", paddingRight: "25px", backgroundColor: "#3898EC", color: "white", borderRadius: "4px", cursor: "pointer" }, inputs: [{ name: "text", type: "text", defaultValue: "Click me" }], static: true, noWrap: true });
31
- var stdin_default = import_submit_button_script.default;
@@ -1,27 +0,0 @@
1
- <template>
2
- <button v-bind="attributes" type="submit" >
3
- {{text}}
4
- </button>
5
- </template>
6
- <script>
7
-
8
-
9
-
10
-
11
-
12
- export default {
13
- name: 'SubmitButton',
14
-
15
- props: ["attributes","text"],
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
- }
27
- </script>
@@ -1,21 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
3
- var __export = (target, all) => {
4
- __markAsModule(target);
5
- for (var name in all)
6
- __defProp(target, name, { get: all[name], enumerable: true });
7
- };
8
- __export(exports, {
9
- default: () => stdin_default
10
- });
11
- var stdin_default = {
12
- render: function() {
13
- var _vm = this;
14
- var _h = _vm.$createElement;
15
- var _c = _vm._self._c || _h;
16
- return _c("button", _vm._b({ attrs: { "type": "submit" } }, "button", _vm.attributes, false), [_vm._v("\n " + _vm._s(_vm.text) + "\n")]);
17
- },
18
- staticRenderFns: [],
19
- name: "SubmitButton",
20
- props: ["attributes", "text"]
21
- };
File without changes
@@ -1,29 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_symbol_script = __toModule(require("./symbol_script"));
28
- var import_symbol_styles = __toModule(require("./symbol_styles"));
29
- var stdin_default = import_symbol_script.default;
@@ -1,33 +0,0 @@
1
- <template>
2
- <div class="builder-symbol" >
3
- <RenderContent :context="builderContext.context" :data="symbol?.data" :model="symbol?.model" :content="symbol?.content" ></RenderContent>
4
- </div>
5
- </template>
6
- <script>
7
-
8
- import RenderContent, { } from '../components/render-content.lite';
9
- import BuilderContext, { } from '../context/builder.context.lite';
10
-
11
-
12
-
13
-
14
- export default {
15
- name: 'Symbol',
16
- components: { RenderContent },
17
- props: ["symbol"],
18
-
19
- data: () => ({RenderContent}),
20
-
21
-
22
-
23
- inject: {
24
- builderContext: "BuilderContext",
25
- },
26
-
27
-
28
-
29
-
30
-
31
-
32
- }
33
- </script>
@@ -1,44 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_render_content = __toModule(require("../components/render-content"));
28
- var import_builder = __toModule(require("../context/builder.context"));
29
- var stdin_default = {
30
- render: function() {
31
- var _vm = this;
32
- var _h = _vm.$createElement;
33
- var _c = _vm._self._c || _h;
34
- return _c("div", { staticClass: "builder-symbol" }, [_c("rendercontent", { attrs: { "context": _vm.builderContext.context, "data": _vm.symbol.data, "model": _vm.symbol.model, "content": _vm.symbol.content } })], 1);
35
- },
36
- staticRenderFns: [],
37
- name: "Symbol",
38
- components: { RenderContent: import_render_content.default },
39
- props: ["symbol"],
40
- data: () => ({ RenderContent: import_render_content.default }),
41
- inject: {
42
- builderContext: "BuilderContext"
43
- }
44
- };
File without changes
@@ -1,31 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_text_script = __toModule(require("./text_script"));
28
- var import_text_styles = __toModule(require("./text_styles"));
29
- var import_register_component = __toModule(require("../functions/register-component"));
30
- (0, import_register_component.registerComponent)(import_text_script.default, { name: "Text", static: true, image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929", inputs: [{ name: "text", type: "html", required: true, autoFocus: true, bubble: true, defaultValue: "Enter some text..." }], defaultStyles: { lineHeight: "normal", height: "auto", textAlign: "center" } });
31
- var stdin_default = import_text_script.default;
@@ -1,25 +0,0 @@
1
- <template>
2
- <div class="builder-text" v-html="text" ></div>
3
- </template>
4
- <script>
5
-
6
-
7
-
8
-
9
-
10
- export default {
11
- name: 'Text',
12
-
13
- props: ["text"],
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
- }
25
- </script>
@@ -1,21 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
3
- var __export = (target, all) => {
4
- __markAsModule(target);
5
- for (var name in all)
6
- __defProp(target, name, { get: all[name], enumerable: true });
7
- };
8
- __export(exports, {
9
- default: () => stdin_default
10
- });
11
- var stdin_default = {
12
- render: function() {
13
- var _vm = this;
14
- var _h = _vm.$createElement;
15
- var _c = _vm._self._c || _h;
16
- return _c("div", { staticClass: "builder-text", domProps: { "innerHTML": _vm._s(_vm.text) } });
17
- },
18
- staticRenderFns: [],
19
- name: "Text",
20
- props: ["text"]
21
- };
File without changes
@@ -1,31 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_textarea_script = __toModule(require("./textarea_script"));
28
- var import_textarea_styles = __toModule(require("./textarea_styles"));
29
- var import_register_component = __toModule(require("../functions/register-component"));
30
- (0, import_register_component.registerComponent)(import_textarea_script.default, { name: "Form:TextArea", image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3", inputs: [{ advanced: true, name: "value", type: "string" }, { name: "name", type: "string", required: true, helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"' }, { name: "defaultValue", type: "string" }, { name: "placeholder", type: "string", defaultValue: "Hello there" }, { name: "required", type: "boolean", defaultValue: false }], defaultStyles: { paddingTop: "10px", paddingBottom: "10px", paddingLeft: "10px", paddingRight: "10px", borderRadius: "3px", borderWidth: "1px", borderStyle: "solid", borderColor: "#ccc" }, static: true, noWrap: true });
31
- var stdin_default = import_textarea_script.default;
@@ -1,25 +0,0 @@
1
- <template>
2
- <textarea v-bind="attributes" :placeholder="placeholder" :name="name" :value="value" :defaultValue="defaultValue" ></textarea>
3
- </template>
4
- <script>
5
-
6
-
7
-
8
-
9
-
10
- export default {
11
- name: 'Textarea',
12
-
13
- props: ["attributes","placeholder","name","value","defaultValue"],
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
- }
25
- </script>
@@ -1,21 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
3
- var __export = (target, all) => {
4
- __markAsModule(target);
5
- for (var name in all)
6
- __defProp(target, name, { get: all[name], enumerable: true });
7
- };
8
- __export(exports, {
9
- default: () => stdin_default
10
- });
11
- var stdin_default = {
12
- render: function() {
13
- var _vm = this;
14
- var _h = _vm.$createElement;
15
- var _c = _vm._self._c || _h;
16
- return _c("textarea", _vm._b({ attrs: { "placeholder": _vm.placeholder, "name": _vm.name, "defaultvalue": _vm.defaultValue }, domProps: { "value": _vm.value } }, "textarea", _vm.attributes, false));
17
- },
18
- staticRenderFns: [],
19
- name: "Textarea",
20
- props: ["attributes", "placeholder", "name", "value", "defaultValue"]
21
- };
File without changes
@@ -1,31 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_video_script = __toModule(require("./video_script"));
28
- var import_video_styles = __toModule(require("./video_styles"));
29
- var import_register_component = __toModule(require("../functions/register-component"));
30
- (0, import_register_component.registerComponent)(import_video_script.default, { name: "Video", canHaveChildren: true, defaultStyles: { minHeight: "20px", minWidth: "20px" }, image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb", inputs: [{ name: "video", type: "file", allowedFileTypes: ["mp4"], bubble: true, defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f", required: true, onChange: " const 0.7004048582995948 = 0.7004048582995948; function loadImage(url: string, timeout = 60000): Promise<HTMLImageElement> { 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: number) { return Math.round(num * 1000) / 1000; } // TODO const value = options.get('image'); const aspectRatio = options.get('aspectRatio'); if (value && (!aspectRatio || aspectRatio === 0.7004048582995948)) { return loadImage(value).then(img => { const possiblyUpdatedAspectRatio = options.get('aspectRatio'); if ( options.get('image') === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === 0.7004048582995948) ) { if (img.width && img.height) { options.set('aspectRatio', round(img.height / img.width)); } } }); } " }, { name: "posterImage", type: "file", allowedFileTypes: ["jpeg", "png"], helperText: "Image to show before the video plays" }, { name: "autoPlay", type: "boolean", defaultValue: true }, { name: "controls", type: "boolean", defaultValue: false }, { name: "muted", type: "boolean", defaultValue: true }, { name: "loop", type: "boolean", defaultValue: true }, { name: "playsInline", type: "boolean", defaultValue: true }, { name: "fit", type: "text", defaultValue: "cover", enum: ["contain", "cover", "fill", "auto"] }, { name: "fitContent", type: "boolean", helperText: "When child blocks are provided, fit to them instead of using the aspect ratio", defaultValue: true, advanced: true }, { name: "position", type: "text", defaultValue: "center", enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"] }, { name: "height", type: "number", advanced: true }, { name: "width", type: "number", advanced: true }, { name: "aspectRatio", type: "number", advanced: true, defaultValue: 0.7004048582995948 }, { name: "lazyLoad", type: "boolean", helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption', defaultValue: true, advanced: true }] });
31
- var stdin_default = import_video_script.default;
@@ -1,34 +0,0 @@
1
- <template>
2
- <video v-bind="attributes" preload="none" :style="{
3
- width: '100%',
4
- height: '100%',
5
- ...attributes?.style,
6
- objectFit: fit,
7
- objectPosition: position,
8
- // Hack to get object fit to work as expected and
9
- // not have the video overflow
10
- borderRadius: 1
11
- }" :key="video || 'no-src'" :poster="posterImage" :autoPlay="autoPlay" :muted="muted" :controls="controls" :loop="loop" ></video>
12
- </template>
13
- <script>
14
-
15
-
16
-
17
-
18
-
19
- export default {
20
- name: 'Video',
21
-
22
- props: ["attributes","fit","position","video","posterImage","autoPlay","muted","controls","loop"],
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
- }
34
- </script>
@@ -1,28 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
3
- var __export = (target, all) => {
4
- __markAsModule(target);
5
- for (var name in all)
6
- __defProp(target, name, { get: all[name], enumerable: true });
7
- };
8
- __export(exports, {
9
- default: () => stdin_default
10
- });
11
- var stdin_default = {
12
- render: function() {
13
- var _vm = this;
14
- var _h = _vm.$createElement;
15
- var _c = _vm._self._c || _h;
16
- return _c("video", _vm._b({ key: _vm.video || "no-src", style: Object.assign({}, {
17
- width: "100%",
18
- height: "100%"
19
- }, _vm.attributes.style, {
20
- objectFit: _vm.fit,
21
- objectPosition: _vm.position,
22
- borderRadius: 1
23
- }), attrs: { "preload": "none", "poster": _vm.posterImage, "autoplay": _vm.autoPlay, "controls": _vm.controls, "loop": _vm.loop }, domProps: { "muted": _vm.muted } }, "video", _vm.attributes, false));
24
- },
25
- staticRenderFns: [],
26
- name: "Video",
27
- props: ["attributes", "fit", "position", "video", "posterImage", "autoPlay", "muted", "controls", "loop"]
28
- };
File without changes
@@ -1,29 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- __markAsModule(target);
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
18
- }
19
- return target;
20
- };
21
- var __toModule = (module2) => {
22
- 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);
23
- };
24
- __export(exports, {
25
- default: () => stdin_default
26
- });
27
- var import_block_styles_script = __toModule(require("./block-styles_script"));
28
- var import_block_styles_styles = __toModule(require("./block-styles_styles"));
29
- var stdin_default = import_block_styles_script.default;
@@ -1,25 +0,0 @@
1
- <template>
2
-
3
- </template>
4
- <script>
5
-
6
-
7
-
8
-
9
-
10
- export default {
11
- name: 'BlockStyles',
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
- }
25
- </script>
@@ -1,34 +0,0 @@
1
- <template>
2
- <component :is="'style'" v-html="getCss()" />
3
- </template>
4
- <script>
5
-
6
- function camelToKebabCase(string) {
7
- return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
8
- }
9
-
10
- export default {
11
- methods: {
12
- getCss() {
13
- // TODO: media queries
14
- const styleObject = this.block.responsiveStyles?.large;
15
- if (!styleObject) {
16
- return '';
17
- }
18
-
19
- let str = `.${this.block.id} {`;
20
-
21
- for (const key in styleObject) {
22
- const value = styleObject[key];
23
- if (typeof value === 'string') {
24
- str += `${camelToKebabCase(key)}: ${value};`;
25
- }
26
- }
27
-
28
- str += '}';
29
-
30
- return str;
31
- },
32
- },
33
- };
34
- </script>
@@ -1,20 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
3
- var __export = (target, all) => {
4
- __markAsModule(target);
5
- for (var name in all)
6
- __defProp(target, name, { get: all[name], enumerable: true });
7
- };
8
- __export(exports, {
9
- default: () => stdin_default
10
- });
11
- var stdin_default = {
12
- render: function() {
13
- var _vm = this;
14
- var _h = _vm.$createElement;
15
- var _c = _vm._self._c || _h;
16
- return _c("div");
17
- },
18
- staticRenderFns: [],
19
- name: "BlockStyles"
20
- };
File without changes