@builder.io/sdk-qwik 0.15.1 → 0.16.0

package/lib/browser/index.qwik.cjs

@@ -626,56 +626,37 @@ const getRepeatItemData = ({ block, context }) => {
   }));
   return repeatArray;
 };
-const applyDefaults = (shouldReceiveBuilderProps) => {
-  return {
-    // once we bump to a major version, toggle this to `false`.
-    builderBlock: true,
-    // once we bump to a major version, toggle this to `false`.
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false,
-    ...shouldReceiveBuilderProps
-  };
-};
 const provideLinkComponent = (block, linkComponent) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderLinkComponent: linkComponent
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
 };
 const provideRegisteredComponents = (block, registeredComponents) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderComponents: registeredComponents
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderComponents)
+    return {
+      builderComponents: registeredComponents
+    };
+  return {};
 };
 const provideBuilderBlock = (block, builderBlock) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderBlock
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
 };
 const provideBuilderContext = (block, context) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderContext: context
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
 };
 const SIZES = {
   small: {
@@ -1563,8 +1544,9 @@ const getWidth = function getWidth2(props, state, index) {
   return ((_a = state.cols[index]) == null ? void 0 : _a.width) || 100 / state.cols.length;
 };
 const getColumnCssWidth = function getColumnCssWidth2(props, state, index) {
-  const subtractWidth = state.gutterSize * (state.cols.length - 1) / state.cols.length;
-  return `calc(${getWidth(props, state, index)}% - ${subtractWidth}px)`;
+  const width = getWidth(props, state, index);
+  const subtractWidth = state.gutterSize * (state.cols.length - 1) * (width / 100);
+  return `calc(${width}% - ${subtractWidth}px)`;
 };
 const getTabletStyle = function getTabletStyle2(props, state, { stackedStyle, desktopStyle }) {
   return state.stackAt === "tablet" ? stackedStyle : desktopStyle;
@@ -2511,9 +2493,6 @@ const componentInfo$h = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 };
@@ -2766,12 +2745,6 @@ const componentInfo$g = {
   }
 };
 const componentInfo$f = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -2933,19 +2906,10 @@ const componentInfo$e = {
     }
   ],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 const componentInfo$d = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3006,10 +2970,7 @@ const componentInfo$c = {
     }
   ],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 };
 const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -3383,10 +3344,7 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: false
   },
   name: "Text",
   static: true,
@@ -3423,12 +3381,6 @@ const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
 const componentInfo$8 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -3508,12 +3460,6 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
 const componentInfo$7 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Embed",
   static: true,
   inputs: [
@@ -3522,25 +3468,7 @@ const componentInfo$7 = {
       type: "url",
       required: true,
       defaultValue: "",
-      helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: (options) => {
-        const url = options.get("url");
-        if (url) {
-          options.set("content", "Loading...");
-          const apiKey = _iframelyApiKey;
-          return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-            if (options.get("url") === url) {
-              if (data.html)
-                options.set("content", data.html);
-              else
-                options.set("content", "Invalid url, please try another");
-            }
-          }).catch((_err) => {
-            options.set("content", "There was an error embedding this URL, please try again or another URL");
-          });
-        } else
-          options.delete("content");
-      }
+      helperText: "e.g. enter a youtube url, google map, etc"
     },
     {
       name: "content",
@@ -4194,12 +4122,6 @@ const STYLES = `
 }
 `;
 const componentInfo$5 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4283,12 +4205,6 @@ const FormInputComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
   });
 }, "FormInputComponent_component_AUUjdN0ueMs"));
 const componentInfo$4 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4358,12 +4274,6 @@ const SelectComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   }));
 }, "SelectComponent_component_SPKbsFLikZU"));
 const componentInfo$3 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4398,12 +4308,6 @@ const SubmitButton = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   }, 0, "6z_0");
 }, "SubmitButton_component_NXvMBMCDhwc"));
 const componentInfo$2 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [
@@ -4468,12 +4372,6 @@ const Textarea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQ
   }, 0, "kE_0");
 }, "Textarea_component_o1TcxV139Oc"));
 const componentInfo$1 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -4637,10 +4535,7 @@ const componentInfo = {
     }
   ],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -5288,7 +5183,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.15.1";
+const SDK_VERSION = "0.16.0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/lib/browser/index.qwik.mjs

@@ -624,56 +624,37 @@ const getRepeatItemData = ({ block, context }) => {
   }));
   return repeatArray;
 };
-const applyDefaults = (shouldReceiveBuilderProps) => {
-  return {
-    // once we bump to a major version, toggle this to `false`.
-    builderBlock: true,
-    // once we bump to a major version, toggle this to `false`.
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false,
-    ...shouldReceiveBuilderProps
-  };
-};
 const provideLinkComponent = (block, linkComponent) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderLinkComponent: linkComponent
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderLinkComponent)
+    return {
+      builderLinkComponent: linkComponent
+    };
+  return {};
 };
 const provideRegisteredComponents = (block, registeredComponents) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderComponents: registeredComponents
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderComponents)
+    return {
+      builderComponents: registeredComponents
+    };
+  return {};
 };
 const provideBuilderBlock = (block, builderBlock) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderBlock
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderBlock)
+    return {
+      builderBlock
+    };
+  return {};
 };
 const provideBuilderContext = (block, context) => {
-  if (!block)
-    return {};
-  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
-  if (!shouldReceiveProp)
-    return {};
-  return {
-    builderContext: context
-  };
+  var _a;
+  if ((_a = block == null ? void 0 : block.shouldReceiveBuilderProps) == null ? void 0 : _a.builderContext)
+    return {
+      builderContext: context
+    };
+  return {};
 };
 const SIZES = {
   small: {
@@ -1561,8 +1542,9 @@ const getWidth = function getWidth2(props, state, index) {
   return ((_a = state.cols[index]) == null ? void 0 : _a.width) || 100 / state.cols.length;
 };
 const getColumnCssWidth = function getColumnCssWidth2(props, state, index) {
-  const subtractWidth = state.gutterSize * (state.cols.length - 1) / state.cols.length;
-  return `calc(${getWidth(props, state, index)}% - ${subtractWidth}px)`;
+  const width = getWidth(props, state, index);
+  const subtractWidth = state.gutterSize * (state.cols.length - 1) * (width / 100);
+  return `calc(${width}% - ${subtractWidth}px)`;
 };
 const getTabletStyle = function getTabletStyle2(props, state, { stackedStyle, desktopStyle }) {
   return state.stackAt === "tablet" ? stackedStyle : desktopStyle;
@@ -2509,9 +2491,6 @@ const componentInfo$h = {
   static: true,
   noWrap: true,
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
     builderLinkComponent: true
   }
 };
@@ -2764,12 +2743,6 @@ const componentInfo$g = {
   }
 };
 const componentInfo$f = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Fragment",
   static: true,
   hidden: true,
@@ -2931,19 +2904,10 @@ const componentInfo$e = {
     }
   ],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 const componentInfo$d = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3004,10 +2968,7 @@ const componentInfo$c = {
     }
   ],
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: true,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderContext: true
   }
 };
 const Slot = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -3381,10 +3342,7 @@ const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
 }, "Tabs_component_MhWcxXy0lMY"));
 const componentInfo$9 = {
   shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: false
   },
   name: "Text",
   static: true,
@@ -3421,12 +3379,6 @@ const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
 const componentInfo$8 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -3506,12 +3458,6 @@ const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
 const componentInfo$7 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Embed",
   static: true,
   inputs: [
@@ -3520,25 +3466,7 @@ const componentInfo$7 = {
       type: "url",
       required: true,
       defaultValue: "",
-      helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: (options) => {
-        const url = options.get("url");
-        if (url) {
-          options.set("content", "Loading...");
-          const apiKey = _iframelyApiKey;
-          return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-            if (options.get("url") === url) {
-              if (data.html)
-                options.set("content", data.html);
-              else
-                options.set("content", "Invalid url, please try another");
-            }
-          }).catch((_err) => {
-            options.set("content", "There was an error embedding this URL, please try again or another URL");
-          });
-        } else
-          options.delete("content");
-      }
+      helperText: "e.g. enter a youtube url, google map, etc"
     },
     {
       name: "content",
@@ -4192,12 +4120,6 @@ const STYLES = `
 }
 `;
 const componentInfo$5 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4281,12 +4203,6 @@ const FormInputComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQ
   });
 }, "FormInputComponent_component_AUUjdN0ueMs"));
 const componentInfo$4 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4356,12 +4272,6 @@ const SelectComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   }));
 }, "SelectComponent_component_SPKbsFLikZU"));
 const componentInfo$3 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4396,12 +4306,6 @@ const SubmitButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   }, 0, "6z_0");
 }, "SubmitButton_component_NXvMBMCDhwc"));
 const componentInfo$2 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [
@@ -4466,12 +4370,6 @@ const Textarea = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
   }, 0, "kE_0");
 }, "Textarea_component_o1TcxV139Oc"));
 const componentInfo$1 = {
-  shouldReceiveBuilderProps: {
-    builderBlock: false,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
-  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -4635,10 +4533,7 @@ const componentInfo = {
     }
   ],
   shouldReceiveBuilderProps: {
-    builderBlock: true,
-    builderContext: false,
-    builderComponents: false,
-    builderLinkComponent: false
+    builderBlock: true
   }
 };
 const Video = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -5286,7 +5181,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.15.1";
+const SDK_VERSION = "0.16.0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];