@builder.io/sdk-qwik 0.16.11 → 0.16.13

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

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 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 qwik = require("@builder.io/qwik");
 const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
   if (state.contentToUse)
     return;
@@ -11,157 +12,64 @@ const setContent = function setContent2(props, state, blocksWrapper, contentWrap
     symbol: props.symbol,
     builderContextValue: props.builderContext
   }).then((newContent) => {
-    if (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(() => {
+const Symbol$1 = qwik.component$((props) => {
+  var _a, _b, _c, _d, _e, _f;
+  const blocksWrapper = qwik.useComputed$(() => {
     return "div";
-  }, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
-  const contentWrapper = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  });
+  const contentWrapper = qwik.useComputed$(() => {
     return "div";
-  }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
-  const className = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    var _a2, _b;
-    const [props2] = qwik.useLexicalScope();
+  });
+  const className = qwik.useComputed$(() => {
+    var _a2, _b2;
     return [
-      props2.attributes[getClassPropName.getClassPropName()],
+      ...[
+        props.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
+      ((_a2 = props.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
+      ((_b2 = props.symbol) == null ? void 0 : _b2.dynamic) || props.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", {
+  qwik.useTask$(({ track }) => {
+    track(() => props.symbol);
+    setContent(props, state);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     ...props.attributes,
-    children: /* @__PURE__ */ qwik._jsxC(contentVariants.ContentVariants, {
-      get nonce() {
-        return props.builderContext.nonce;
-      },
+    class: className.value,
+    children: /* @__PURE__ */ jsxRuntime.jsx(contentVariants.ContentVariants, {
+      nonce: 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
-        };
+      apiVersion: props.builderContext.apiVersion,
+      apiKey: props.builderContext.apiKey,
+      context: {
+        ...props.builderContext.context,
+        symbolId: (_b = props.builderBlock) == null ? void 0 : _b.id
       },
-      get customComponents() {
-        return Object.values(props.builderComponents);
+      customComponents: Object.values(props.builderComponents),
+      data: {
+        ...(_c = props.symbol) == null ? void 0 : _c.data,
+        ...props.builderContext.localState,
+        ...(_e = (_d = state.contentToUse) == null ? void 0 : _d.data) == null ? void 0 : _e.state
       },
-      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"));
+      canTrack: props.builderContext.canTrack,
+      model: (_f = props.symbol) == null ? void 0 : _f.model,
+      content: state.contentToUse,
+      linkComponent: props.builderLinkComponent,
+      blocksWrapper: blocksWrapper.value,
+      contentWrapper: contentWrapper.value
+    })
+  });
+});
 exports.Symbol = Symbol$1;
 exports.default = Symbol$1;
 exports.setContent = setContent;

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

@@ -1,7 +1,8 @@
-import { componentQrl, inlinedQrl, useComputedQrl, useLexicalScope, useStore, useTaskQrl, _jsxS, _jsxC, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
+import { jsx } from "@builder.io/qwik/jsx-runtime";
 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";
+import { component$, useComputed$, useStore, useTask$ } from "@builder.io/qwik";
 const setContent = function setContent2(props, state, blocksWrapper, contentWrapper, className) {
   if (state.contentToUse)
     return;
@@ -9,157 +10,64 @@ const setContent = function setContent2(props, state, blocksWrapper, contentWrap
     symbol: props.symbol,
     builderContextValue: props.builderContext
   }).then((newContent) => {
-    if (newContent)
+    if (newContent) {
       state.contentToUse = newContent;
+    }
   });
 };
-const Symbol$1 = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  var _a;
-  const blocksWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+const Symbol$1 = component$((props) => {
+  var _a, _b, _c, _d, _e, _f;
+  const blocksWrapper = useComputed$(() => {
     return "div";
-  }, "Symbol_component_blocksWrapper_useComputed_B5dlF985gMM"));
-  const contentWrapper = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
+  });
+  const contentWrapper = useComputed$(() => {
     return "div";
-  }, "Symbol_component_contentWrapper_useComputed_EvmPpPj8JTo"));
-  const className = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-    var _a2, _b;
-    const [props2] = useLexicalScope();
+  });
+  const className = useComputed$(() => {
+    var _a2, _b2;
     return [
-      props2.attributes[getClassPropName()],
+      ...[
+        props.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
+      ((_a2 = props.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
+      ((_b2 = props.symbol) == null ? void 0 : _b2.dynamic) || props.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", {
+  useTask$(({ track }) => {
+    track(() => props.symbol);
+    setContent(props, state);
+  });
+  return /* @__PURE__ */ jsx("div", {
     ...props.attributes,
-    children: /* @__PURE__ */ _jsxC(ContentVariants, {
-      get nonce() {
-        return props.builderContext.nonce;
-      },
+    class: className.value,
+    children: /* @__PURE__ */ jsx(ContentVariants, {
+      nonce: 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);
+      apiVersion: props.builderContext.apiVersion,
+      apiKey: props.builderContext.apiKey,
+      context: {
+        ...props.builderContext.context,
+        symbolId: (_b = props.builderBlock) == null ? void 0 : _b.id
       },
-      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
-        };
+      customComponents: Object.values(props.builderComponents),
+      data: {
+        ...(_c = props.symbol) == null ? void 0 : _c.data,
+        ...props.builderContext.localState,
+        ...(_e = (_d = state.contentToUse) == null ? void 0 : _d.data) == null ? void 0 : _e.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"));
+      canTrack: props.builderContext.canTrack,
+      model: (_f = props.symbol) == null ? void 0 : _f.model,
+      content: state.contentToUse,
+      linkComponent: props.builderLinkComponent,
+      blocksWrapper: blocksWrapper.value,
+      contentWrapper: contentWrapper.value
+    })
+  });
+});
 export {
   Symbol$1 as Symbol,
   Symbol$1 as default,

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

@@ -1,117 +1,63 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const qwik = require("@builder.io/qwik");
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const blocks = require("../../components/blocks/blocks.qwik.cjs");
+const qwik = require("@builder.io/qwik");
 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)
+  if (index === state.activeTab && props.collapsible) {
     state.activeTab = -1;
-  else
+  } else {
     state.activeTab = index;
+  }
 };
-const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
-  qwik._jsxBranch();
+const Tabs = qwik.component$((props) => {
   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
-        ]),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: "builder-tabs-wrap",
         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;
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: props.tabHeaderLayout || "flex-start",
+          overflow: "auto"
         },
-        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"));
+        children: (props.tabs || []).map((tab, index) => {
+          return /* @__PURE__ */ jsxRuntime.jsx("span", {
+            class: `builder-tab-wrap ${state.activeTab === index ? "builder-tab-active" : ""}`,
+            style: {
+              ...state.activeTab === index ? props.activeTabStyle : {}
+            },
+            onClick$: qwik.$((event) => onClick(props, state, index)),
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+              parent: props.builderBlock.id,
+              path: `component.options.tabs.${index}.label`,
+              blocks: tab.label,
+              context: props.builderContext,
+              registeredComponents: props.builderComponents,
+              linkComponent: props.builderLinkComponent
+            })
+          }, index);
+        })
+      }),
+      activeTabContent(props, state, state.activeTab) ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+        children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+          parent: props.builderBlock.id,
+          path: `component.options.tabs.${state.activeTab}.content`,
+          blocks: activeTabContent(props, state, state.activeTab),
+          context: props.builderContext,
+          registeredComponents: props.builderComponents,
+          linkComponent: props.builderLinkComponent
+        })
+      }) : null
+    ]
+  });
+});
 exports.Tabs = Tabs;
 exports.activeTabContent = activeTabContent;
 exports.default = Tabs;