@builder.io/sdk-qwik 0.16.6 → 0.16.7

package/lib/edge/blocks/tabs/tabs.qwik.cjs

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const blocks = require("../../components/blocks/blocks.qwik.cjs");
+const activeTabContent = function activeTabContent2(props, state, active) {
+  return props.tabs && props.tabs[active].content;
+};
+const onClick = function onClick2(props, state, index) {
+  if (index === state.activeTab && props.collapsible)
+    state.activeTab = -1;
+  else
+    state.activeTab = index;
+};
+const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  qwik._jsxBranch();
+  const state = qwik.useStore({
+    activeTab: props.defaultActiveTab ? props.defaultActiveTab - 1 : 0
+  });
+  return /* @__PURE__ */ qwik._jsxQ("div", null, null, [
+    /* @__PURE__ */ qwik._jsxQ("div", null, {
+      class: "builder-tabs-wrap",
+      style: qwik._fnSignal((p0) => ({
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: p0.tabHeaderLayout || "flex-start",
+        overflow: "auto"
+      }), [
+        props
+      ], '{display:"flex",flexDirection:"row",justifyContent:p0.tabHeaderLayout||"flex-start",overflow:"auto"}')
+    }, (props.tabs || []).map((tab, index) => {
+      return /* @__PURE__ */ qwik._jsxQ("span", {
+        class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
+        onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
+          const [index2, props2, state2] = qwik.useLexicalScope();
+          return onClick(props2, state2, index2);
+        }, "Tabs_component_div_div_span_onClick_hSTBabAHGks", [
+          index,
+          props,
+          state
+        ]),
+        style: {
+          ...state.activeTab === index ? props.activeTabStyle : {}
+        }
+      }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
+        get parent() {
+          return props.builderBlock.id;
+        },
+        path: `component.options.tabs.${index}.label`,
+        get blocks() {
+          return tab.label;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        get registeredComponents() {
+          return props.builderComponents;
+        },
+        get linkComponent() {
+          return props.builderLinkComponent;
+        },
+        [qwik._IMMUTABLE]: {
+          blocks: qwik._wrapProp(tab, "label"),
+          context: qwik._fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+            props
+          ], "p0.builderLinkComponent"),
+          parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+            props
+          ], "p0.builderBlock.id"),
+          registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+            props
+          ], "p0.builderComponents")
+        }
+      }, 3, "6k_0"), 0, index);
+    }), 1, null),
+    activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ qwik._jsxQ("div", null, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
+      get parent() {
+        return props.builderBlock.id;
+      },
+      get path() {
+        return `component.options.tabs.${state.activeTab}.content`;
+      },
+      blocks: activeTabContent(props, state, state.activeTab),
+      get context() {
+        return props.builderContext;
+      },
+      get registeredComponents() {
+        return props.builderComponents;
+      },
+      get linkComponent() {
+        return props.builderLinkComponent;
+      },
+      [qwik._IMMUTABLE]: {
+        context: qwik._fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+          props
+        ], "p0.builderLinkComponent"),
+        parent: qwik._fnSignal((p0) => p0.builderBlock.id, [
+          props
+        ], "p0.builderBlock.id"),
+        path: qwik._fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+          state
+        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        registeredComponents: qwik._fnSignal((p0) => p0.builderComponents, [
+          props
+        ], "p0.builderComponents")
+      }
+    }, 3, "6k_1"), 1, "6k_2") : null
+  ], 1, "6k_3");
+}, "Tabs_component_MhWcxXy0lMY"));
+exports.Tabs = Tabs;
+exports.activeTabContent = activeTabContent;
+exports.default = Tabs;
+exports.onClick = onClick;

package/lib/edge/blocks/tabs/tabs.qwik.mjs

@@ -0,0 +1,118 @@
+import { componentQrl, inlinedQrl, _jsxBranch, useStore, _jsxQ, _fnSignal, useLexicalScope, _jsxC, _IMMUTABLE, _wrapProp } from "@builder.io/qwik";
+import { Blocks } from "../../components/blocks/blocks.qwik.mjs";
+const activeTabContent = function activeTabContent2(props, state, active) {
+  return props.tabs && props.tabs[active].content;
+};
+const onClick = function onClick2(props, state, index) {
+  if (index === state.activeTab && props.collapsible)
+    state.activeTab = -1;
+  else
+    state.activeTab = index;
+};
+const Tabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  _jsxBranch();
+  const state = useStore({
+    activeTab: props.defaultActiveTab ? props.defaultActiveTab - 1 : 0
+  });
+  return /* @__PURE__ */ _jsxQ("div", null, null, [
+    /* @__PURE__ */ _jsxQ("div", null, {
+      class: "builder-tabs-wrap",
+      style: _fnSignal((p0) => ({
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: p0.tabHeaderLayout || "flex-start",
+        overflow: "auto"
+      }), [
+        props
+      ], '{display:"flex",flexDirection:"row",justifyContent:p0.tabHeaderLayout||"flex-start",overflow:"auto"}')
+    }, (props.tabs || []).map((tab, index) => {
+      return /* @__PURE__ */ _jsxQ("span", {
+        class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
+        onClick$: /* @__PURE__ */ inlinedQrl((event) => {
+          const [index2, props2, state2] = useLexicalScope();
+          return onClick(props2, state2, index2);
+        }, "Tabs_component_div_div_span_onClick_hSTBabAHGks", [
+          index,
+          props,
+          state
+        ]),
+        style: {
+          ...state.activeTab === index ? props.activeTabStyle : {}
+        }
+      }, null, /* @__PURE__ */ _jsxC(Blocks, {
+        get parent() {
+          return props.builderBlock.id;
+        },
+        path: `component.options.tabs.${index}.label`,
+        get blocks() {
+          return tab.label;
+        },
+        get context() {
+          return props.builderContext;
+        },
+        get registeredComponents() {
+          return props.builderComponents;
+        },
+        get linkComponent() {
+          return props.builderLinkComponent;
+        },
+        [_IMMUTABLE]: {
+          blocks: _wrapProp(tab, "label"),
+          context: _fnSignal((p0) => p0.builderContext, [
+            props
+          ], "p0.builderContext"),
+          linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+            props
+          ], "p0.builderLinkComponent"),
+          parent: _fnSignal((p0) => p0.builderBlock.id, [
+            props
+          ], "p0.builderBlock.id"),
+          registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+            props
+          ], "p0.builderComponents")
+        }
+      }, 3, "6k_0"), 0, index);
+    }), 1, null),
+    activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ _jsxQ("div", null, null, /* @__PURE__ */ _jsxC(Blocks, {
+      get parent() {
+        return props.builderBlock.id;
+      },
+      get path() {
+        return `component.options.tabs.${state.activeTab}.content`;
+      },
+      blocks: activeTabContent(props, state, state.activeTab),
+      get context() {
+        return props.builderContext;
+      },
+      get registeredComponents() {
+        return props.builderComponents;
+      },
+      get linkComponent() {
+        return props.builderLinkComponent;
+      },
+      [_IMMUTABLE]: {
+        context: _fnSignal((p0) => p0.builderContext, [
+          props
+        ], "p0.builderContext"),
+        linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+          props
+        ], "p0.builderLinkComponent"),
+        parent: _fnSignal((p0) => p0.builderBlock.id, [
+          props
+        ], "p0.builderBlock.id"),
+        path: _fnSignal((p0) => `component.options.tabs.${p0.activeTab}.content`, [
+          state
+        ], "`component.options.tabs.${p0.activeTab}.content`"),
+        registeredComponents: _fnSignal((p0) => p0.builderComponents, [
+          props
+        ], "p0.builderComponents")
+      }
+    }, 3, "6k_1"), 1, "6k_2") : null
+  ], 1, "6k_3");
+}, "Tabs_component_MhWcxXy0lMY"));
+export {
+  Tabs,
+  activeTabContent,
+  Tabs as default,
+  onClick
+};

package/lib/edge/blocks/text/component-info.qwik.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: true
+  },
+  name: "Text",
+  static: true,
+  isRSC: 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"
+  }
+};
+exports.componentInfo = componentInfo;

package/lib/edge/blocks/text/component-info.qwik.mjs

@@ -0,0 +1,28 @@
+const componentInfo = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: true
+  },
+  name: "Text",
+  static: true,
+  isRSC: 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"
+  }
+};
+export {
+  componentInfo
+};

package/lib/edge/blocks/text/text.qwik.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const evaluate = require("../../functions/evaluate/evaluate.qwik.cjs");
+const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const processedText = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a;
+    const [props2] = qwik.useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate.evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+    class: "builder-text",
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
+    style: {
+      outline: "none"
+    }
+  }, null, 3, "yO_0");
+}, "Text_component_15p0cKUxgIE"));
+exports.Text = Text;
+exports.default = Text;

package/lib/edge/blocks/text/text.qwik.mjs

@@ -0,0 +1,33 @@
+import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { evaluate } from "../../functions/evaluate/evaluate.qwik.mjs";
+const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const processedText = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a;
+    const [props2] = useLexicalScope();
+    const context = props2.builderContext;
+    const { context: contextContext, localState, rootState, rootSetState } = context;
+    return String(((_a = props2.text) == null ? void 0 : _a.toString()) || "").replace(/{{([^}]+)}}/g, (match, group) => evaluate({
+      code: group,
+      context: contextContext,
+      localState,
+      rootState,
+      rootSetState,
+      enableCache: false
+    }));
+  }, "Text_component_processedText_useComputed_FbQ0o8kZPCU", [
+    props
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", null, {
+    class: "builder-text",
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.value, [
+      processedText
+    ], "p0.value"),
+    style: {
+      outline: "none"
+    }
+  }, null, 3, "yO_0");
+}, "Text_component_15p0cKUxgIE"));
+export {
+  Text,
+  Text as default
+};

package/lib/edge/blocks/video/component-info.qwik.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  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://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
+      required: true
+    },
+    {
+      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: "preload",
+      type: "text",
+      defaultValue: "metadata",
+      enum: [
+        "auto",
+        "metadata",
+        "none"
+      ]
+    },
+    {
+      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
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true
+  }
+};
+exports.componentInfo = componentInfo;

package/lib/edge/blocks/video/component-info.qwik.mjs

@@ -0,0 +1,128 @@
+const componentInfo = {
+  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://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
+      required: true
+    },
+    {
+      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: "preload",
+      type: "text",
+      defaultValue: "metadata",
+      enum: [
+        "auto",
+        "metadata",
+        "none"
+      ]
+    },
+    {
+      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
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true
+  }
+};
+export {
+  componentInfo
+};