@builder.io/sdk-qwik 0.16.11 → 0.16.14

package/lib/edge/scripts/init-editing.qwik.cjs

@@ -42,8 +42,9 @@ const registerInsertMenu = () => {
 let isSetupForEditing = false;
 const setupBrowserForEditing = (options = {}) => {
   var _a, _b;
-  if (isSetupForEditing)
+  if (isSetupForEditing) {
     return;
+  }
   isSetupForEditing = true;
   if (isBrowser.isBrowser()) {
     (_a = window.parent) == null ? void 0 : _a.postMessage({
@@ -66,11 +67,13 @@ const setupBrowserForEditing = (options = {}) => {
     }, "*");
     window.addEventListener("message", (event) => {
       var _a2, _b2;
-      if (!isFromTrustedHost.isFromTrustedHost(options.trustedHosts, event))
+      if (!isFromTrustedHost.isFromTrustedHost(options.trustedHosts, event)) {
         return;
+      }
       const { data } = event;
-      if (!(data == null ? void 0 : data.type))
+      if (!(data == null ? void 0 : data.type)) {
         return;
+      }
       switch (data.type) {
         case "builder.evaluate": {
           const text = data.data.text;
@@ -84,7 +87,7 @@ const setupBrowserForEditing = (options = {}) => {
           } catch (err) {
             error = err;
           }
-          if (error)
+          if (error) {
             (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
               type: "builder.evaluateError",
               data: {
@@ -92,25 +95,28 @@ const setupBrowserForEditing = (options = {}) => {
                 error: error.message
               }
             }, "*");
-          else if (result && typeof result.then === "function")
-            result.then((finalResult) => {
-              var _a3;
-              (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+          } else {
+            if (result && typeof result.then === "function") {
+              result.then((finalResult) => {
+                var _a3;
+                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                  type: "builder.evaluateResult",
+                  data: {
+                    id,
+                    result: finalResult
+                  }
+                }, "*");
+              }).catch(console.error);
+            } else {
+              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
                 type: "builder.evaluateResult",
                 data: {
-                  id,
-                  result: finalResult
+                  result,
+                  id
                 }
               }, "*");
-            }).catch(console.error);
-          else
-            (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-              type: "builder.evaluateResult",
-              data: {
-                result,
-                id
-              }
-            }, "*");
+            }
+          }
           break;
         }
       }

package/lib/edge/scripts/init-editing.qwik.mjs

@@ -40,8 +40,9 @@ const registerInsertMenu = () => {
 let isSetupForEditing = false;
 const setupBrowserForEditing = (options = {}) => {
   var _a, _b;
-  if (isSetupForEditing)
+  if (isSetupForEditing) {
     return;
+  }
   isSetupForEditing = true;
   if (isBrowser()) {
     (_a = window.parent) == null ? void 0 : _a.postMessage({
@@ -64,11 +65,13 @@ const setupBrowserForEditing = (options = {}) => {
     }, "*");
     window.addEventListener("message", (event) => {
       var _a2, _b2;
-      if (!isFromTrustedHost(options.trustedHosts, event))
+      if (!isFromTrustedHost(options.trustedHosts, event)) {
         return;
+      }
       const { data } = event;
-      if (!(data == null ? void 0 : data.type))
+      if (!(data == null ? void 0 : data.type)) {
         return;
+      }
       switch (data.type) {
         case "builder.evaluate": {
           const text = data.data.text;
@@ -82,7 +85,7 @@ const setupBrowserForEditing = (options = {}) => {
           } catch (err) {
             error = err;
           }
-          if (error)
+          if (error) {
             (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
               type: "builder.evaluateError",
               data: {
@@ -90,25 +93,28 @@ const setupBrowserForEditing = (options = {}) => {
                 error: error.message
               }
             }, "*");
-          else if (result && typeof result.then === "function")
-            result.then((finalResult) => {
-              var _a3;
-              (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+          } else {
+            if (result && typeof result.then === "function") {
+              result.then((finalResult) => {
+                var _a3;
+                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                  type: "builder.evaluateResult",
+                  data: {
+                    id,
+                    result: finalResult
+                  }
+                }, "*");
+              }).catch(console.error);
+            } else {
+              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
                 type: "builder.evaluateResult",
                 data: {
-                  id,
-                  result: finalResult
+                  result,
+                  id
                 }
               }, "*");
-            }).catch(console.error);
-          else
-            (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-              type: "builder.evaluateResult",
-              data: {
-                result,
-                id
-              }
-            }, "*");
+            }
+          }
           break;
         }
       }

package/lib/node/blocks/accordion/accordion.qwik.cjs

@@ -1,8 +1,9 @@
 "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 helpers = require("./helpers.qwik.cjs");
+const qwik = require("@builder.io/qwik");
 const getAccordionTitleClassName = function getAccordionTitleClassName2(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
   return `builder-accordion-title builder-accordion-title-${state.open.includes(index) ? "open" : "closed"}`;
 };
@@ -10,40 +11,35 @@ const getAccordionDetailClassName = function getAccordionDetailClassName2(props,
   return `builder-accordion-detail builder-accordion-detail-${state.open.includes(index) ? "open" : "closed"}`;
 };
 const onClick = function onClick2(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index) {
-  if (state.open.includes(index))
+  if (state.open.includes(index)) {
     state.open = onlyOneAtATime.value ? [] : state.open.filter((item) => item !== index);
-  else
+  } else {
     state.open = onlyOneAtATime.value ? [
       index
     ] : state.open.concat(index);
+  }
 };
-const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+const Accordion = qwik.component$((props) => {
   const state = qwik.useStore({
     open: []
   });
-  const onlyOneAtATime = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
-    return Boolean(props2.grid || props2.oneAtATime);
-  }, "Accordion_component_onlyOneAtATime_useComputed_QYD7IoPU2HY", [
-    props
-  ]));
-  const accordionStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2] = qwik.useLexicalScope();
+  const onlyOneAtATime = qwik.useComputed$(() => {
+    return Boolean(props.grid || props.oneAtATime);
+  });
+  const accordionStyles = qwik.useComputed$(() => {
     const styles = {
       display: "flex",
       alignItems: "stretch",
       flexDirection: "column",
-      ...props2.grid && {
+      ...props.grid && {
         flexDirection: "row",
         alignItems: "flex-start",
         flexWrap: "wrap"
       }
     };
     return styles;
-  }, "Accordion_component_accordionStyles_useComputed_Jrd0cwGn25U", [
-    props
-  ]));
-  const accordionTitleStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
+  });
+  const accordionTitleStyles = qwik.useComputed$(() => {
     const shared = {
       display: "flex",
       flexDirection: "column"
@@ -54,22 +50,22 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
       cursor: "pointer"
     };
     return Object.fromEntries(Object.entries(styles).filter(([_, value]) => value !== void 0));
-  }, "Accordion_component_accordionTitleStyles_useComputed_FopdBMH0V6U"));
-  const openGridItemOrder = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [props2, state2] = qwik.useLexicalScope();
+  });
+  const openGridItemOrder = qwik.useComputed$(() => {
     let itemOrder = null;
-    const getOpenGridItemPosition = props2.grid && state2.open.length;
+    const getOpenGridItemPosition = props.grid && state.open.length;
     if (getOpenGridItemPosition && document) {
-      const openItemIndex = state2.open[0];
+      const openItemIndex = state.open[0];
       const openItem = document.querySelector(`.builder-accordion-title[data-index="${openItemIndex}"]`);
       let subjectItem = openItem;
       itemOrder = openItemIndex;
       if (subjectItem) {
         let prevItemRect = subjectItem.getBoundingClientRect();
-        while (subjectItem = subjectItem && subjectItem.nextElementSibling)
+        while (subjectItem = subjectItem && subjectItem.nextElementSibling) {
           if (subjectItem) {
-            if (subjectItem.classList.contains("builder-accordion-detail"))
+            if (subjectItem.classList.contains("builder-accordion-detail")) {
               continue;
+            }
             const subjectItemRect = subjectItem.getBoundingClientRect();
             if (subjectItemRect.left > prevItemRect.left) {
               const index = parseInt(subjectItem.getAttribute("data-index") || "", 10);
@@ -77,137 +73,72 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
                 prevItemRect = subjectItemRect;
                 itemOrder = index;
               }
-            } else
+            } else {
               break;
+            }
           }
+        }
       }
     }
-    if (typeof itemOrder === "number")
+    if (typeof itemOrder === "number") {
       itemOrder = itemOrder + 1;
+    }
     return itemOrder;
-  }, "Accordion_component_openGridItemOrder_useComputed_cCQY1Vnxll0", [
-    props,
-    state
-  ]));
-  const accordionDetailStyles = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
-    const [openGridItemOrder2, props2] = qwik.useLexicalScope();
+  });
+  const accordionDetailStyles = qwik.useComputed$(() => {
     const styles = {
-      order: typeof openGridItemOrder2.value === "number" ? openGridItemOrder2.value : void 0,
-      ...props2.grid && {
+      ...{
+        order: typeof openGridItemOrder.value === "number" ? openGridItemOrder.value : void 0
+      },
+      ...props.grid && {
         width: "100%"
       }
     };
     return Object.fromEntries(Object.entries(styles).filter(([_, value]) => value !== void 0));
-  }, "Accordion_component_accordionDetailStyles_useComputed_S0QmQzGJoRo", [
-    openGridItemOrder,
-    props
-  ]));
-  return /* @__PURE__ */ qwik._jsxQ("div", null, {
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: "builder-accordion",
-    style: qwik._fnSignal((p0) => p0.value, [
-      accordionStyles
-    ], "p0.value")
-  }, (props.items || []).map((item, index) => {
-    qwik._jsxBranch();
-    return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
-      children: [
-        /* @__PURE__ */ qwik._jsxQ("div", {
-          class: getAccordionTitleClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index),
-          "data-index": index,
-          onClick$: /* @__PURE__ */ qwik.inlinedQrl((event) => {
-            const [accordionDetailStyles2, accordionStyles2, accordionTitleStyles2, index2, onlyOneAtATime2, openGridItemOrder2, props2, state2] = qwik.useLexicalScope();
-            return onClick(props2, state2, onlyOneAtATime2, accordionStyles2, accordionTitleStyles2, openGridItemOrder2, accordionDetailStyles2, index2);
-          }, "Accordion_component_div_Fragment_div_onClick_VtzhhJnK0XI", [
-            accordionDetailStyles,
-            accordionStyles,
-            accordionTitleStyles,
-            index,
-            onlyOneAtATime,
-            openGridItemOrder,
-            props,
-            state
-          ]),
-          style: {
-            ...accordionTitleStyles.value,
-            width: props.grid ? props.gridRowWidth : void 0,
-            order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
-          }
-        }, null, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-          get blocks() {
-            return item.title;
-          },
-          path: `items.${index}.title`,
-          get parent() {
-            return props.builderBlock.id;
-          },
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            blocks: qwik._wrapProp(item, "title"),
-            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, "hf_0"), 0, null),
-        state.open.includes(index) ? /* @__PURE__ */ qwik._jsxQ("div", {
-          class: getAccordionDetailClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index)
-        }, {
-          style: qwik._fnSignal((p0) => p0.value, [
-            accordionDetailStyles
-          ], "p0.value")
-        }, /* @__PURE__ */ qwik._jsxC(blocks.Blocks, {
-          get blocks() {
-            return item.detail;
-          },
-          path: `items.${index}.detail`,
-          get parent() {
-            return props.builderBlock.id;
-          },
-          get context() {
-            return props.builderContext;
-          },
-          get registeredComponents() {
-            return props.builderComponents;
-          },
-          get linkComponent() {
-            return props.builderLinkComponent;
-          },
-          [qwik._IMMUTABLE]: {
-            blocks: qwik._wrapProp(item, "detail"),
-            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, "hf_1"), 1, "hf_2") : null
-      ]
-    }, 1, "hf_3");
-  }), 1, "hf_4");
-}, "Accordion_component_jkuUCHm0nt0"));
+    style: accordionStyles.value,
+    children: (props.items || []).map((item, index) => {
+      return /* @__PURE__ */ jsxRuntime.jsxs(qwik.Fragment, {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: getAccordionTitleClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index),
+            style: {
+              ...accordionTitleStyles.value,
+              width: props.grid ? props.gridRowWidth : void 0,
+              ...{
+                order: openGridItemOrder.value !== null ? helpers.convertOrderNumberToString(index) : helpers.convertOrderNumberToString(index + 1)
+              }
+            },
+            "data-index": index,
+            onClick$: qwik.$((event) => onClick(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index)),
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+              blocks: item.title,
+              path: `items.${index}.title`,
+              parent: props.builderBlock.id,
+              context: props.builderContext,
+              registeredComponents: props.builderComponents,
+              linkComponent: props.builderLinkComponent
+            })
+          }),
+          state.open.includes(index) ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: getAccordionDetailClassName(props, state, onlyOneAtATime, accordionStyles, accordionTitleStyles, openGridItemOrder, accordionDetailStyles, index),
+            style: accordionDetailStyles.value,
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Blocks, {
+              blocks: item.detail,
+              path: `items.${index}.detail`,
+              parent: props.builderBlock.id,
+              context: props.builderContext,
+              registeredComponents: props.builderComponents,
+              linkComponent: props.builderLinkComponent
+            })
+          }) : null
+        ]
+      });
+    })
+  });
+});
 exports.Accordion = Accordion;
 exports.default = Accordion;
 exports.getAccordionDetailClassName = getAccordionDetailClassName;