@builder.io/sdk-qwik 0.16.6 → 0.16.7

package/lib/browser/blocks/symbol/component-info.qwik.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  name: "Symbol",
+  noWrap: true,
+  static: true,
+  isRSC: true,
+  inputs: [
+    {
+      name: "symbol",
+      type: "uiSymbol"
+    },
+    {
+      name: "dataOnly",
+      helperText: "Make this a data symbol that doesn't display any UI",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      hideFromUI: true
+    },
+    {
+      name: "inheritState",
+      helperText: "Inherit the parent component state and data",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true
+    },
+    {
+      name: "renderToLiquid",
+      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      hideFromUI: true
+    },
+    {
+      name: "useChildren",
+      hideFromUI: true,
+      type: "boolean"
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
+};
+exports.componentInfo = componentInfo;

package/lib/browser/blocks/symbol/component-info.qwik.mjs

@@ -0,0 +1,49 @@
+const componentInfo = {
+  name: "Symbol",
+  noWrap: true,
+  static: true,
+  isRSC: true,
+  inputs: [
+    {
+      name: "symbol",
+      type: "uiSymbol"
+    },
+    {
+      name: "dataOnly",
+      helperText: "Make this a data symbol that doesn't display any UI",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      hideFromUI: true
+    },
+    {
+      name: "inheritState",
+      helperText: "Inherit the parent component state and data",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true
+    },
+    {
+      name: "renderToLiquid",
+      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+      type: "boolean",
+      defaultValue: false,
+      advanced: true,
+      hideFromUI: true
+    },
+    {
+      name: "useChildren",
+      hideFromUI: true,
+      type: "boolean"
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
+};
+export {
+  componentInfo
+};

package/lib/browser/blocks/symbol/symbol.helpers.qwik.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../functions/get-content/index.qwik.cjs");
+const logger = require("../../helpers/logger.qwik.cjs");
+const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
+  if ((symbol == null ? void 0 : symbol.model) && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (builderContextValue == null ? void 0 : builderContextValue.apiKey))
+    return index.fetchOneEntry({
+      model: symbol.model,
+      apiKey: builderContextValue.apiKey,
+      apiVersion: builderContextValue.apiVersion,
+      ...(symbol == null ? void 0 : symbol.entry) && {
+        query: {
+          id: symbol.entry
+        }
+      }
+    }).catch((err) => {
+      logger.logger.error("Could not fetch symbol content: ", err);
+      return void 0;
+    });
+  return void 0;
+};
+exports.fetchSymbolContent = fetchSymbolContent;

package/lib/browser/blocks/symbol/symbol.helpers.qwik.mjs

@@ -0,0 +1,23 @@
+import { fetchOneEntry } from "../../functions/get-content/index.qwik.mjs";
+import { logger } from "../../helpers/logger.qwik.mjs";
+const fetchSymbolContent = async ({ builderContextValue, symbol }) => {
+  if ((symbol == null ? void 0 : symbol.model) && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (builderContextValue == null ? void 0 : builderContextValue.apiKey))
+    return fetchOneEntry({
+      model: symbol.model,
+      apiKey: builderContextValue.apiKey,
+      apiVersion: builderContextValue.apiVersion,
+      ...(symbol == null ? void 0 : symbol.entry) && {
+        query: {
+          id: symbol.entry
+        }
+      }
+    }).catch((err) => {
+      logger.error("Could not fetch symbol content: ", err);
+      return void 0;
+    });
+  return void 0;
+};
+export {
+  fetchSymbolContent
+};

package/lib/browser/blocks/symbol/symbol.qwik.cjs

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const contentVariants = require("../../components/content-variants/content-variants.qwik.cjs");
+const getClassPropName = require("../../functions/get-class-prop-name.qwik.cjs");
+const symbol_helpers = require("./symbol.helpers.qwik.cjs");
+const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
+  if (state.contentToUse)
+    return;
+  symbol_helpers.fetchSymbolContent({
+    symbol: props.symbol,
+    builderContextValue: props.builderContext
+  }).then((newContent) => {
+    if (newContent)
+      state.contentToUse = newContent;
+  });
+};
+const Symbol$1 = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  var _a;
+  const blocksWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    return "div";
+  }, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
+  const contentWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    return "div";
+  }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
+  const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+    var _a2, _b;
+    const [props2] = qwik.useLexicalScope();
+    return [
+      props2.attributes[getClassPropName.getClassPropName()],
+      "builder-symbol",
+      ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
+      ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
+    ].filter(Boolean).join(" ");
+  }, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
+    props
+  ]));
+  const state = qwik.useStore({
+    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
+  });
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [blocksWrapper2, className2, contentWrapper2, props2, state2] = qwik.useLexicalScope();
+    track(() => props2.symbol);
+    setContent(props2, state2);
+  }, "Symbol_component_useTask_NIAWAC1bMBo", [
+    blocksWrapper,
+    className,
+    contentWrapper,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxS("div", {
+    ...props.attributes,
+    children: /* @__PURE__ */ qwik._jsxC(contentVariants.ContentVariants, {
+      get nonce() {
+        return props.builderContext.nonce;
+      },
+      isNestedRender: true,
+      get apiVersion() {
+        return props.builderContext.apiVersion;
+      },
+      get apiKey() {
+        return props.builderContext.apiKey;
+      },
+      get context() {
+        var _a2;
+        return {
+          ...props.builderContext.context,
+          symbolId: (_a2 = props.builderBlock) == null ? void 0 : _a2.id
+        };
+      },
+      get customComponents() {
+        return Object.values(props.builderComponents);
+      },
+      get data() {
+        var _a2, _b, _c;
+        return {
+          ...(_a2 = props.symbol) == null ? void 0 : _a2.data,
+          ...props.builderContext.localState,
+          ...(_c = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+        };
+      },
+      get canTrack() {
+        return props.builderContext.canTrack;
+      },
+      get model() {
+        var _a2;
+        return (_a2 = props.symbol) == null ? void 0 : _a2.model;
+      },
+      get content() {
+        return state.contentToUse;
+      },
+      get linkComponent() {
+        return props.builderLinkComponent;
+      },
+      get blocksWrapper() {
+        return blocksWrapper.value;
+      },
+      get contentWrapper() {
+        return contentWrapper.value;
+      },
+      [qwik._IMMUTABLE]: {
+        apiKey: qwik._fnSignal((p0) => p0.builderContext.apiKey, [
+          props
+        ], "p0.builderContext.apiKey"),
+        apiVersion: qwik._fnSignal((p0) => p0.builderContext.apiVersion, [
+          props
+        ], "p0.builderContext.apiVersion"),
+        blocksWrapper: qwik._fnSignal((p0) => p0.value, [
+          blocksWrapper
+        ], "p0.value"),
+        canTrack: qwik._fnSignal((p0) => p0.builderContext.canTrack, [
+          props
+        ], "p0.builderContext.canTrack"),
+        content: qwik._fnSignal((p0) => p0.contentToUse, [
+          state
+        ], "p0.contentToUse"),
+        contentWrapper: qwik._fnSignal((p0) => p0.value, [
+          contentWrapper
+        ], "p0.value"),
+        context: qwik._fnSignal((p0) => {
+          var _a2;
+          return {
+            ...p0.builderContext.context,
+            symbolId: (_a2 = p0.builderBlock) == null ? void 0 : _a2.id
+          };
+        }, [
+          props
+        ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
+        customComponents: qwik._fnSignal((p0) => Object.values(p0.builderComponents), [
+          props
+        ], "Object.values(p0.builderComponents)"),
+        data: qwik._fnSignal((p0, p1) => {
+          var _a2, _b, _c;
+          return {
+            ...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
+            ...p0.builderContext.localState,
+            ...(_c = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+          };
+        }, [
+          props,
+          state
+        ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
+        isNestedRender: qwik._IMMUTABLE,
+        linkComponent: qwik._fnSignal((p0) => p0.builderLinkComponent, [
+          props
+        ], "p0.builderLinkComponent"),
+        model: qwik._fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.symbol) == null ? void 0 : _a2.model;
+        }, [
+          props
+        ], "p0.symbol?.model"),
+        nonce: qwik._fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
+      }
+    }, 3, "Wt_0")
+  }, {
+    class: qwik._fnSignal((p0) => p0.value, [
+      className
+    ], "p0.value")
+  }, 0, "Wt_1");
+}, "Symbol_component_WVvggdkUPdk"));
+exports.Symbol = Symbol$1;
+exports.default = Symbol$1;
+exports.setContent = setContent;

package/lib/browser/blocks/symbol/symbol.qwik.mjs

@@ -0,0 +1,167 @@
+import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, useStore, useTaskQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { ContentVariants } from "../../components/content-variants/content-variants.qwik.mjs";
+import { getClassPropName } from "../../functions/get-class-prop-name.qwik.mjs";
+import { fetchSymbolContent } from "./symbol.helpers.qwik.mjs";
+const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
+  if (state.contentToUse)
+    return;
+  fetchSymbolContent({
+    symbol: props.symbol,
+    builderContextValue: props.builderContext
+  }).then((newContent) => {
+    if (newContent)
+      state.contentToUse = newContent;
+  });
+};
+const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  var _a;
+  const blocksWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    return "div";
+  }, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
+  const contentWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    return "div";
+  }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
+  const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+    var _a2, _b;
+    const [props2] = useLexicalScope();
+    return [
+      props2.attributes[getClassPropName()],
+      "builder-symbol",
+      ((_a2 = props2.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
+      ((_b = props2.symbol) == null ? void 0 : _b.dynamic) || props2.dynamic ? "builder-dynamic-symbol" : void 0
+    ].filter(Boolean).join(" ");
+  }, "Symbol_component_className_useComputed_Wb6GqgtDHpE", [
+    props
+  ]));
+  const state = useStore({
+    contentToUse: (_a = props.symbol) == null ? void 0 : _a.content
+  });
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [blocksWrapper2, className2, contentWrapper2, props2, state2] = useLexicalScope();
+    track(() => props2.symbol);
+    setContent(props2, state2);
+  }, "Symbol_component_useTask_NIAWAC1bMBo", [
+    blocksWrapper,
+    className,
+    contentWrapper,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ _jsxS("div", {
+    ...props.attributes,
+    children: /* @__PURE__ */ _jsxC(ContentVariants, {
+      get nonce() {
+        return props.builderContext.nonce;
+      },
+      isNestedRender: true,
+      get apiVersion() {
+        return props.builderContext.apiVersion;
+      },
+      get apiKey() {
+        return props.builderContext.apiKey;
+      },
+      get context() {
+        var _a2;
+        return {
+          ...props.builderContext.context,
+          symbolId: (_a2 = props.builderBlock) == null ? void 0 : _a2.id
+        };
+      },
+      get customComponents() {
+        return Object.values(props.builderComponents);
+      },
+      get data() {
+        var _a2, _b, _c;
+        return {
+          ...(_a2 = props.symbol) == null ? void 0 : _a2.data,
+          ...props.builderContext.localState,
+          ...(_c = (_b = state.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+        };
+      },
+      get canTrack() {
+        return props.builderContext.canTrack;
+      },
+      get model() {
+        var _a2;
+        return (_a2 = props.symbol) == null ? void 0 : _a2.model;
+      },
+      get content() {
+        return state.contentToUse;
+      },
+      get linkComponent() {
+        return props.builderLinkComponent;
+      },
+      get blocksWrapper() {
+        return blocksWrapper.value;
+      },
+      get contentWrapper() {
+        return contentWrapper.value;
+      },
+      [_IMMUTABLE]: {
+        apiKey: _fnSignal((p0) => p0.builderContext.apiKey, [
+          props
+        ], "p0.builderContext.apiKey"),
+        apiVersion: _fnSignal((p0) => p0.builderContext.apiVersion, [
+          props
+        ], "p0.builderContext.apiVersion"),
+        blocksWrapper: _fnSignal((p0) => p0.value, [
+          blocksWrapper
+        ], "p0.value"),
+        canTrack: _fnSignal((p0) => p0.builderContext.canTrack, [
+          props
+        ], "p0.builderContext.canTrack"),
+        content: _fnSignal((p0) => p0.contentToUse, [
+          state
+        ], "p0.contentToUse"),
+        contentWrapper: _fnSignal((p0) => p0.value, [
+          contentWrapper
+        ], "p0.value"),
+        context: _fnSignal((p0) => {
+          var _a2;
+          return {
+            ...p0.builderContext.context,
+            symbolId: (_a2 = p0.builderBlock) == null ? void 0 : _a2.id
+          };
+        }, [
+          props
+        ], "{...p0.builderContext.context,symbolId:p0.builderBlock?.id}"),
+        customComponents: _fnSignal((p0) => Object.values(p0.builderComponents), [
+          props
+        ], "Object.values(p0.builderComponents)"),
+        data: _fnSignal((p0, p1) => {
+          var _a2, _b, _c;
+          return {
+            ...(_a2 = p0.symbol) == null ? void 0 : _a2.data,
+            ...p0.builderContext.localState,
+            ...(_c = (_b = p1.contentToUse) == null ? void 0 : _b.data) == null ? void 0 : _c.state
+          };
+        }, [
+          props,
+          state
+        ], "{...p0.symbol?.data,...p0.builderContext.localState,...p1.contentToUse?.data?.state}"),
+        isNestedRender: _IMMUTABLE,
+        linkComponent: _fnSignal((p0) => p0.builderLinkComponent, [
+          props
+        ], "p0.builderLinkComponent"),
+        model: _fnSignal((p0) => {
+          var _a2;
+          return (_a2 = p0.symbol) == null ? void 0 : _a2.model;
+        }, [
+          props
+        ], "p0.symbol?.model"),
+        nonce: _fnSignal((p0) => p0.builderContext.nonce, [
+          props
+        ], "p0.builderContext.nonce")
+      }
+    }, 3, "Wt_0")
+  }, {
+    class: _fnSignal((p0) => p0.value, [
+      className
+    ], "p0.value")
+  }, 0, "Wt_1");
+}, "Symbol_component_WVvggdkUPdk"));
+export {
+  Symbol$1 as Symbol,
+  Symbol$1 as default,
+  setContent
+};

package/lib/browser/blocks/tabs/component-info.qwik.cjs

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const defaultTab = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      paddingLeft: "20px",
+      paddingRight: "20px",
+      paddingTop: "10px",
+      paddingBottom: "10px",
+      minWidth: "100px",
+      textAlign: "center",
+      display: "flex",
+      flexDirection: "column",
+      cursor: "pointer",
+      userSelect: "none"
+    }
+  },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab"
+    }
+  }
+};
+const defaultElement = {
+  "@type": "@builder.io/sdk:Element",
+  responsiveStyles: {
+    large: {
+      height: "200px",
+      display: "flex",
+      marginTop: "20px",
+      flexDirection: "column"
+    }
+  },
+  component: {
+    name: "Text",
+    options: {
+      text: "New tab content "
+    }
+  }
+};
+const componentInfo = {
+  name: "Builder: Tabs",
+  inputs: [
+    {
+      name: "tabs",
+      type: "list",
+      broadcast: true,
+      subFields: [
+        {
+          name: "label",
+          type: "uiBlocks",
+          hideFromUI: true,
+          defaultValue: [
+            defaultTab
+          ]
+        },
+        {
+          name: "content",
+          type: "uiBlocks",
+          hideFromUI: true,
+          defaultValue: [
+            defaultElement
+          ]
+        }
+      ],
+      defaultValue: [
+        {
+          label: [
+            {
+              ...defaultTab,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 1"
+                }
+              }
+            }
+          ],
+          content: [
+            {
+              ...defaultElement,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 1 content"
+                }
+              }
+            }
+          ]
+        },
+        {
+          label: [
+            {
+              ...defaultTab,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 2"
+                }
+              }
+            }
+          ],
+          content: [
+            {
+              ...defaultElement,
+              component: {
+                name: "Text",
+                options: {
+                  text: "Tab 2 content"
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      name: "activeTabStyle",
+      type: "uiStyle",
+      helperText: "CSS styles for the active tab",
+      defaultValue: {
+        backgroundColor: "rgba(0, 0, 0, 0.1)"
+      }
+    },
+    {
+      name: "defaultActiveTab",
+      type: "number",
+      helperText: 'Default tab to open to. Set to "1" for the first tab, "2" for the second, or choose "0" for none',
+      defaultValue: 1,
+      advanced: true
+    },
+    {
+      name: "collapsible",
+      type: "boolean",
+      helperText: "If on, clicking an open tab closes it so no tabs are active",
+      defaultValue: false,
+      advanced: true
+    },
+    {
+      name: "tabHeaderLayout",
+      type: "enum",
+      helperText: "Change the layout of the tab headers (uses justify-content)",
+      defaultValue: "flex-start",
+      enum: [
+        {
+          label: "Center",
+          value: "center"
+        },
+        {
+          label: "Space between",
+          value: "space-between"
+        },
+        {
+          label: "Space around",
+          value: "space-around"
+        },
+        {
+          label: "Left",
+          value: "flex-start"
+        },
+        {
+          label: "Right",
+          value: "flex-end"
+        }
+      ]
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
+};
+exports.componentInfo = componentInfo;