@bagelink/blox 1.6.47 → 1.6.49

package/dist/index.cjs

@@ -62,12 +62,12 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "7007cebd": _ctx.columns
+      "f164f006": _ctx.columns
     }));
     const props = __props;
     const containerStyle = {
-      maxWidth: "number" === typeof props.maxWidth ? `${props.maxWidth}px` : props.maxWidth,
-      padding: "number" === typeof props.padding ? `${props.padding}px` : props.padding,
+      maxWidth: typeof props.maxWidth === "number" ? `${props.maxWidth}px` : props.maxWidth,
+      padding: typeof props.padding === "number" ? `${props.padding}px` : props.padding,
       gap: `${props.gap}px`
     };
     return (_ctx, _cache) => {
@@ -80,7 +80,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Container = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5dec5c4c"]]);
+const Container = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-05d5aba4"]]);
 const _hoisted_1$t = { class: "image-wrapper" };
 const _hoisted_2$r = ["href", "target", "rel"];
 const _hoisted_3$o = ["src", "alt"];
@@ -145,8 +145,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     function computedHeight() {
-      const h = props.isMobile && props.heightMobile ? props.heightMobile : props.height;
-      return "number" === typeof h ? `${h}px` : h;
+      const h = props.isMobile === true && props.heightMobile !== void 0 ? props.heightMobile : props.height;
+      return typeof h === "number" ? `${h}px` : h;
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -156,7 +156,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Spacer = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-ecdcd78a"]]);
+const Spacer = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-11859d36"]]);
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "Text",
   props: {
@@ -173,7 +173,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-dc9789dc"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-19fd75d2"]]);
 const _hoisted_1$s = {
   key: 1,
   class: "subtitle"
@@ -205,7 +205,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Title$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-ed3182a3"]]);
+const Title$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-aa7f2c92"]]);
 const _hoisted_1$r = ["id"];
 const _hoisted_2$q = {
   key: 1,
@@ -246,7 +246,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BigImage = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-f477cb25"]]);
+const BigImage = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-44f7dcf0"]]);
 const _hoisted_1$q = ["id"];
 const _hoisted_2$p = {
   key: 1,
@@ -313,7 +313,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BigQuote = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-1e91c605"]]);
+const BigQuote = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-13d1e7cc"]]);
 const _hoisted_1$p = ["id"];
 const _hoisted_2$o = { class: "flex w-1200px align-items-center space-between gap-075 m_column m_p-1 m_txt-center" };
 const _hoisted_3$m = { class: "me-auto m_m-0" };
@@ -339,7 +339,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const defaultItems = vue.computed(() => {
-      if (0 < __props.items.length) {
+      if (__props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -349,7 +349,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       ];
     });
     const defaultsocalMedia = vue.computed(() => {
-      if (0 < __props.socalMedia.length) {
+      if (__props.socalMedia.length > 0) {
         return __props.socalMedia;
       }
       return [
@@ -437,7 +437,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const defaultItems = vue.computed(() => {
-      if (0 < __props.items.length) {
+      if (__props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -531,7 +531,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BlockNav = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-47db1456"]]);
+const BlockNav = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-351acf8f"]]);
 const _hoisted_1$n = ["id"];
 const _hoisted_2$m = { key: 0 };
 const _hoisted_3$k = { class: "p-1-5" };
@@ -579,7 +579,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       const _directive_lightbox = vue.resolveDirective("lightbox");
@@ -655,7 +655,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Cards = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-1366e471"]]);
+const Cards = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ede9e3db"]]);
 const _hoisted_1$m = ["id"];
 const _hoisted_2$l = {
   key: 0,
@@ -702,7 +702,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     id: {}
   },
   setup(__props) {
-    let formStatus = vue.ref("");
+    const formStatus = vue.ref("");
     const form = vue.reactive({});
     function initForm() {
       Object.assign(form, {
@@ -718,6 +718,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         await new Promise((resolve) => setTimeout(resolve, 1e3));
         formStatus.value = "success";
       } catch (error) {
+        console.error("Form submission failed:", error);
         formStatus.value = "fail";
       }
     }
@@ -765,7 +766,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_7$4, [
-            vue.unref(formStatus) !== "success" && _ctx.formStatusView !== "Success" ? (vue.openBlock(), vue.createElementBlock("form", {
+            formStatus.value !== "success" && _ctx.formStatusView !== "Success" ? (vue.openBlock(), vue.createElementBlock("form", {
               key: 0,
               class: "w-100p",
               onSubmit: vue.withModifiers(sendForm, ["prevent"])
@@ -806,13 +807,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 })
               ])
             ], 32)) : vue.createCommentVNode("", true),
-            vue.unref(formStatus) === "success" || _ctx.formStatusView === "Success" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
+            formStatus.value === "success" || _ctx.formStatusView === "Success" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
               vue.createElementVNode("div", {
                 class: "txt-center txt-24",
                 innerHTML: _ctx.successMessage
               }, null, 8, _hoisted_11$1)
             ])) : vue.createCommentVNode("", true),
-            vue.unref(formStatus) === "fail" || _ctx.formStatusView === "Fail" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
+            formStatus.value === "fail" || _ctx.formStatusView === "Fail" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
               vue.createElementVNode("p", _hoisted_13$1, vue.toDisplayString(_ctx.failMessage), 1)
             ])) : vue.createCommentVNode("", true)
           ])
@@ -821,7 +822,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Contact = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e69f38e8"]]);
+const Contact = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-6600c2c0"]]);
 const _hoisted_1$l = ["id"];
 const _hoisted_2$k = ["innerHTML"];
 const _hoisted_3$i = {
@@ -888,7 +889,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Cta = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d3582027"]]);
+const Cta = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-639daae0"]]);
 const _hoisted_1$k = ["id"];
 const _hoisted_2$j = { class: "txt-20 balance m-0 relative z-2" };
 const _hoisted_3$h = { class: "txt20 line-height-13 py-1 flex-grow-2 txt-start ps-1" };
@@ -933,7 +934,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -994,7 +995,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Faq = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-02520023"]]);
+const Faq = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-4be9591d"]]);
 const _hoisted_1$j = ["id"];
 const _hoisted_2$i = { class: "relative z-2 w-100p mt-auto line-height-14 color-white" };
 const _hoisted_3$g = { class: "m-0 txt30 regular balance max-w400px pb-025" };
@@ -1064,7 +1065,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -1154,7 +1155,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", { id: _ctx.id }, [
@@ -1191,7 +1192,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Icons = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-d50f8e1c"]]);
+const Icons = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-452babdb"]]);
 const _hoisted_1$h = ["id"];
 const _hoisted_2$g = { class: "txt-20 balance m-0" };
 const _hoisted_3$e = { class: "txt24 line-height-13 pb-025" };
@@ -1231,7 +1232,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -1288,7 +1289,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const IconsList = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4db7504d"]]);
+const IconsList = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-07ff7bf0"]]);
 const _hoisted_1$g = { class: "txt30 line-height-12" };
 const _hoisted_2$f = { class: "txt24 pt-1 line-height-15" };
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
@@ -1309,7 +1310,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       { image: "https://bagel.sfo2.cdn.digitaloceanspaces.com/bagelBlocks/image.svg", title: "", subtitle: "" }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       const _directive_lightbox = vue.resolveDirective("lightbox");
@@ -1419,7 +1420,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -1526,7 +1527,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       { image: "https://bagel.sfo2.cdn.digitaloceanspaces.com/bagelBlocks/image.svg", alt: "", link: "" }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", { id: _ctx.id }, [
@@ -1627,7 +1628,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         const now = (/* @__PURE__ */ new Date()).getTime();
         const targetTime = __props.targetDateTime.getTime();
         timeLeft.value = Math.floor((targetTime - now) / 1e3);
-        if (0 >= timeLeft.value) {
+        if (timeLeft.value <= 0) {
           clearInterval(interval);
         }
       }, 1e3);
@@ -1735,9 +1736,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       const timeToAddInHours = (__props.countdown ?? 0) * 60 * 60 * 1e3;
       return new Date((/* @__PURE__ */ new Date()).getTime() + timeToAddInHours);
     });
-    let openPopup = vue.ref(false);
+    const openPopup = vue.ref(false);
     vue.onMounted(() => {
-      if (__props.autoOpenDelay && 0 < __props.autoOpenDelay) {
+      if (__props.autoOpenDelay && __props.autoOpenDelay > 0) {
         setTimeout(() => openPopup.value = true, __props.autoOpenDelay);
       } else {
         openPopup.value = true;
@@ -1746,7 +1747,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: "fadePopup" }, {
         default: vue.withCtx(() => [
-          vue.unref(openPopup) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+          openPopup.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
             _ctx.position === "top" ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               id: _ctx.id,
@@ -1781,7 +1782,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                 class: "absolute end-025 m_top-025",
                 icon: "close",
                 style: vue.normalizeStyle([_ctx.bgColor ? { backgroundColor: _ctx.bgColor } : {}, _ctx.textColor ? { color: _ctx.textColor } : {}]),
-                onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(openPopup) ? openPopup.value = false : openPopup = false)
+                onClick: _cache[0] || (_cache[0] = ($event) => openPopup.value = false)
               }, null, 8, ["style"])
             ], 12, _hoisted_2$c)) : vue.createCommentVNode("", true),
             _ctx.position === "center" ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -1829,7 +1830,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                   class: "absolute end-025 top-025",
                   icon: "close",
                   style: vue.normalizeStyle([_ctx.bgColor ? { backgroundColor: _ctx.bgColor } : {}, _ctx.textColor ? { color: _ctx.textColor } : {}]),
-                  onClick: _cache[1] || (_cache[1] = ($event) => vue.isRef(openPopup) ? openPopup.value = false : openPopup = false)
+                  onClick: _cache[1] || (_cache[1] = ($event) => openPopup.value = false)
                 }, null, 8, ["style"])
               ], 4)
             ], 8, _hoisted_5$4)) : vue.createCommentVNode("", true),
@@ -1875,7 +1876,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                 class: "absolute start-025 top-025",
                 icon: "close",
                 style: vue.normalizeStyle([_ctx.bgColor ? { backgroundColor: _ctx.bgColor } : {}, _ctx.textColor ? { color: _ctx.textColor } : {}]),
-                onClick: _cache[2] || (_cache[2] = ($event) => vue.isRef(openPopup) ? openPopup.value = false : openPopup = false)
+                onClick: _cache[2] || (_cache[2] = ($event) => openPopup.value = false)
               }, null, 8, ["style"])
             ], 12, _hoisted_8$1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
@@ -1961,7 +1962,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items && __props.items.length > 0 ? __props.items : defaultItems;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
@@ -2052,10 +2053,10 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       const desktopAbs = Math.abs(desktopValue);
       const mobileAbs = Math.abs(mobileValue);
       return {
-        "--desktop-height": 0 <= desktopValue ? `${desktopAbs}rem` : "auto",
-        "--mobile-height": 0 <= mobileValue ? `${mobileAbs}rem` : "auto",
-        "--desktop-margin": 0 > desktopValue ? `-${desktopAbs}rem` : "0",
-        "--mobile-margin": 0 > mobileValue ? `-${mobileAbs}rem` : "0"
+        "--desktop-height": desktopValue >= 0 ? `${desktopAbs}rem` : "auto",
+        "--mobile-height": mobileValue >= 0 ? `${mobileAbs}rem` : "auto",
+        "--desktop-margin": desktopValue < 0 ? `-${desktopAbs}rem` : "0",
+        "--mobile-margin": mobileValue < 0 ? `-${mobileAbs}rem` : "0"
       };
     });
     return (_ctx, _cache) => {
@@ -2066,7 +2067,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Space = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-5314b970"]]);
+const Space = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8702adbf"]]);
 const _hoisted_1$a = ["id"];
 const _hoisted_2$a = { class: "" };
 const _hoisted_3$9 = ["innerHTML"];
@@ -2087,7 +2088,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       { title: "Smart & Simple", body: "It just makes sense. No overthinking, just great results." }
     ];
     const itemsList = vue.computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items.length > 0 ? __props.items : defaultItems;
     });
     const activeTab = vue.computed(() => __props.items.findIndex((item) => item.active).toString() || "0");
     return (_ctx, _cache) => {
@@ -2097,8 +2098,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", _hoisted_2$a, [
           vue.createVNode(vue.unref(vue$1.TabsNav), {
-            modelValue: vue.unref(activeTab),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeTab) ? activeTab.value = $event : null),
+            modelValue: activeTab.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
             class: "flex-shrink-0",
             group: "tabs",
             tabs: itemsList.value.map((item, index) => ({ id: `${index}`, label: item.title })),
@@ -2149,7 +2150,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const listItem = vue.computed(() => {
-      if (__props.items && 0 < __props.items.length) {
+      if (__props.items && __props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -2239,7 +2240,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Team = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6c3ee054"]]);
+const Team = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-88b050bd"]]);
 const _hoisted_1$8 = { class: "txt30 line-height-12 py-05" };
 const _hoisted_2$8 = { class: "txt24 bold pt-1 line-height-1" };
 const _hoisted_3$7 = { class: "pt-025" };
@@ -2257,7 +2258,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const listItem = vue.computed(() => {
-      if (__props.items && 0 < __props.items.length) {
+      if (__props.items && __props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -2354,7 +2355,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Testimonials = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5e13045f"]]);
+const Testimonials = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f5cdbfee"]]);
 const _hoisted_1$7 = ["id"];
 const _hoisted_2$7 = ["innerHTML"];
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
@@ -2470,7 +2471,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextImage = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5805ce4c"]]);
+const TextImage = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-1a468adf"]]);
 const _hoisted_1$5 = ["id"];
 const _hoisted_2$5 = { class: "emptyState rounded emptyStateRT" };
 const _hoisted_3$5 = ["innerHTML"];
@@ -2555,7 +2556,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextSide = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b41cbbd0"]]);
+const TextSide = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-24c70320"]]);
 const _hoisted_1$4 = ["id"];
 const _hoisted_2$4 = { class: "txt-16 opacity-6" };
 const _hoisted_3$4 = ["innerHTML"];
@@ -2609,7 +2610,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Title = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-daf38b34"]]);
+const Title = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bee838c4"]]);
 const _hoisted_1$3 = ["id"];
 const _hoisted_2$3 = { class: "emptyState" };
 const _hoisted_3$3 = { class: "txt-16 opacity-6" };
@@ -2695,7 +2696,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TitleSide = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fb975aa5"]]);
+const TitleSide = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b842227e"]]);
 const _hoisted_1$2 = ["id"];
 const _hoisted_2$2 = {
   key: 0,
@@ -5422,7 +5423,7 @@ class CommunicationBridge {
    * Handle incoming messages
    */
   handleMessage(event) {
-    if ("*" !== this.origin && event.origin !== this.origin) {
+    if (this.origin !== "*" && event.origin !== this.origin) {
       console.warn(`⚠️ Rejected message from unauthorized origin: ${event.origin}`);
       return;
     }
@@ -5477,7 +5478,7 @@ class CommunicationBridge {
    */
   send(type, message, data) {
     const payload = { type, message, data };
-    this.targetWindow.postMessage(payload, "*" === this.origin ? "*" : this.origin);
+    this.targetWindow.postMessage(payload, this.origin === "*" ? "*" : this.origin);
   }
   /**
    * Cleanup
@@ -5544,14 +5545,14 @@ function createNamespacedRegistry(namespace) {
 function generateBlockStyles(data, isMobile = false) {
   const styles = {};
   function toNumber(v) {
-    if (v === void 0 || null === v || "" === v) {
+    if (v === void 0 || v === null || v === "") {
       return null;
     }
     const n = Number(v);
     return Number.isNaN(n) ? null : n;
   }
   function getValue(desktopKey, mobileKey) {
-    if (isMobile && data[mobileKey] !== void 0 && null !== data[mobileKey]) {
+    if (isMobile && data[mobileKey] !== void 0 && data[mobileKey] !== null) {
       return data[mobileKey];
     }
     return data[desktopKey];
@@ -5559,21 +5560,21 @@ function generateBlockStyles(data, isMobile = false) {
   const mTop = toNumber(getValue("marginTop", "marginTopMobile"));
   const mBottom = toNumber(getValue("marginBottom", "marginBottomMobile"));
   const pad = toNumber(getValue("padding", "paddingMobile"));
-  if (null !== mTop) {
+  if (mTop !== null) {
     styles["margin-top"] = `${mTop}rem`;
     styles["--margin-top"] = `${mTop}rem`;
   } else {
     styles["--margin-top"] = "0rem";
   }
-  if (null !== mBottom) {
+  if (mBottom !== null) {
     styles["margin-bottom"] = `${mBottom}rem`;
     styles["--margin-bottom"] = `${mBottom}rem`;
   } else {
     styles["--margin-bottom"] = "0rem";
   }
-  const hasMargin = null !== mTop && 0 < mTop || null !== mBottom && 0 < mBottom;
+  const hasMargin = mTop !== null && mTop > 0 || mBottom !== null && mBottom > 0;
   styles["--has-margin"] = hasMargin ? "1" : "0";
-  if (null !== pad) {
+  if (pad !== null) {
     styles.padding = `${pad}rem`;
     styles["--block-padding"] = `${pad}rem`;
   }
@@ -5582,16 +5583,16 @@ function generateBlockStyles(data, isMobile = false) {
   const wPercentDesktop = toNumber(data.widthPercent) || 96;
   const wPercentMobile = toNumber(data.widthPercentMobile) || wPercentDesktop;
   const fullWidthDesktop = data.fullWidth;
-  styles["--max-width-desktop"] = null !== wDesktop ? `${wDesktop}px` : "800px";
-  styles["--max-width-mobile"] = null !== wMobile ? `${wMobile}px` : null !== wDesktop ? `${wDesktop}px` : "800px";
+  styles["--max-width-desktop"] = wDesktop !== null ? `${wDesktop}px` : "800px";
+  styles["--max-width-mobile"] = wMobile !== null ? `${wMobile}px` : wDesktop !== null ? `${wDesktop}px` : "800px";
   styles["--width-percent-desktop"] = `${wPercentDesktop}%`;
   styles["--width-percent-mobile"] = `${wPercentMobile}%`;
-  if (!(true === fullWidthDesktop || "true" === fullWidthDesktop) && null !== wDesktop) {
+  if (!(fullWidthDesktop === true || fullWidthDesktop === "true") && wDesktop !== null) {
     styles["margin-left"] = "auto";
     styles["margin-right"] = "auto";
   }
   const borderW = toNumber(getValue("borderWidth", "borderWidthMobile"));
-  if (null !== borderW && 0 < borderW) {
+  if (borderW !== null && borderW > 0) {
     styles["border-width"] = `${borderW}px`;
     styles["border-style"] = getValue("borderStyle", "borderStyleMobile") || "solid";
     const borderColor = getValue("borderColor", "borderColorMobile");
@@ -5600,11 +5601,11 @@ function generateBlockStyles(data, isMobile = false) {
     }
   }
   const isCenter = getValue("center", "centerMobile");
-  if (true === isCenter || "true" === isCenter) {
+  if (isCenter === true || isCenter === "true") {
     styles["text-align"] = "center";
   }
   const borderR = toNumber(getValue("borderRadius", "borderRadiusMobile"));
-  if (null !== borderR) {
+  if (borderR !== null) {
     styles["border-radius"] = `${borderR}px`;
   }
   const bgColorDesktop = data.backgroundColor;
@@ -5632,29 +5633,29 @@ function generateBlockStyles(data, isMobile = false) {
     custom: "0 4px 6px -1px rgba(0, 0, 0, 0.15)"
   };
   const shadowType = getValue("shadowType", "shadowTypeMobile");
-  if (shadowType && "none" !== shadowType) {
+  if (shadowType && shadowType !== "none") {
     styles["box-shadow"] = shadowMap[shadowType] || shadowMap.md;
   }
   const z = toNumber(getValue("zIndex", "zIndexMobile"));
-  if (null !== z && 0 < z) {
+  if (z !== null && z > 0) {
     styles.position = "relative";
     styles["z-index"] = z.toString();
   }
-  if (!isMobile && false === data.showDesktop) {
+  if (!isMobile && data.showDesktop === false) {
     styles.display = "none";
-  } else if (isMobile && false === data.showMobile) {
+  } else if (isMobile && data.showMobile === false) {
     styles.display = "none";
   }
   const fontFamilyDesktop = data.fontFamily;
   const { fontFamilyMobile } = data;
-  if (isMobile && fontFamilyMobile && "" !== fontFamilyMobile.trim()) {
+  if (isMobile && fontFamilyMobile && fontFamilyMobile.trim() !== "") {
     styles["font-family"] = `"${fontFamilyMobile}", sans-serif`;
-  } else if (fontFamilyDesktop && "" !== fontFamilyDesktop.trim()) {
+  } else if (fontFamilyDesktop && fontFamilyDesktop.trim() !== "") {
     styles["font-family"] = `"${fontFamilyDesktop}", sans-serif`;
   }
   if (data.customCSS) {
     try {
-      const customRules = data.customCSS.split(";").filter((rule) => rule.trim()).map((rule) => rule.trim().split(":")).filter((parts) => 2 === parts.length);
+      const customRules = data.customCSS.split(";").filter((rule) => rule.trim()).map((rule) => rule.trim().split(":")).filter((parts) => parts.length === 2);
       customRules.forEach(([property, value]) => {
         const prop = property.trim();
         const val = value.trim();
@@ -5671,7 +5672,7 @@ function generateBlockStyles(data, isMobile = false) {
 function getResponsiveClasses(data) {
   const classes = ["blox-block", "responsive-colors"];
   const effectiveDesktopFullWidth = Boolean(data.fullWidth);
-  const effectiveMobileFullWidth = null !== data.fullWidthMobile ? Boolean(data.fullWidthMobile) : effectiveDesktopFullWidth;
+  const effectiveMobileFullWidth = data.fullWidthMobile !== null ? Boolean(data.fullWidthMobile) : effectiveDesktopFullWidth;
   if (effectiveDesktopFullWidth) {
     classes.push("full-width-desktop");
   }
@@ -5852,12 +5853,12 @@ function normalizeComponentData(data) {
   const normalized = {};
   const stringFields = ["title", "subTitle", "btnTxt", "tag", "customId", "height", "url", "href"];
   for (const [key, value] of Object.entries(data)) {
-    if ("string" === typeof value) {
-      if ("true" === value) {
+    if (typeof value === "string") {
+      if (value === "true") {
         normalized[key] = true;
-      } else if ("false" === value) {
+      } else if (value === "false") {
         normalized[key] = false;
-      } else if (!Number.isNaN(Number(value)) && "" !== value && !stringFields.includes(key)) {
+      } else if (!Number.isNaN(Number(value)) && value !== "" && !stringFields.includes(key)) {
         normalized[key] = Number(value);
       } else {
         normalized[key] = value;
@@ -5869,10 +5870,10 @@ function normalizeComponentData(data) {
   if (!normalized.items) {
     normalized.items = [];
   }
-  if (normalized.height !== void 0 && "number" === typeof normalized.height) {
+  if (normalized.height !== void 0 && typeof normalized.height === "number") {
     normalized.height = String(normalized.height);
   }
-  if ("auto" === normalized.height) {
+  if (normalized.height === "auto") {
     delete normalized.height;
   }
   return normalized;
@@ -5883,7 +5884,7 @@ function deepClone(obj) {
 function deepMerge(target, source) {
   const result = { ...target };
   for (const key in source) {
-    if (source[key] && "object" === typeof source[key] && !Array.isArray(source[key])) {
+    if (source[key] && typeof source[key] === "object" && !Array.isArray(source[key])) {
       result[key] = deepMerge(result[key] || {}, source[key]);
     } else {
       result[key] = source[key];
@@ -5944,7 +5945,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         return false;
       }
       return config.content.some(
-        (field) => ["text", "richtext"].includes(field.type) || "array" === field.type && field.fields && field.fields.some((subField) => ["text", "richtext"].includes(subField.type))
+        (field) => ["text", "richtext"].includes(field.type) || field.type === "array" && field.fields && field.fields.some((subField) => ["text", "richtext"].includes(subField.type))
       );
     }
     let lastFocusCall = 0;
@@ -5956,7 +5957,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       const now = Date.now();
-      if (lastFocusCall && 10 > now - lastFocusCall) {
+      if (lastFocusCall && now - lastFocusCall < 10) {
         console.log("🛡️ ExternalPreview setFocus debounced:", id);
         return;
       }
@@ -5967,7 +5968,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       const el = document.querySelector(`[data-block-id="${id}"]`);
       el == null ? void 0 : el.scrollIntoView({ behavior: "smooth", block: "center" });
       if (emit && bridge) {
-        if (lastEmittedId !== id || 50 < now - lastEmittedTime) {
+        if (lastEmittedId !== id || now - lastEmittedTime > 50) {
           console.log("📴 ExternalPreview sending focus:", id);
           bridge.send("focus", id);
           lastEmittedId = id;
@@ -5987,24 +5988,24 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       if (previewMode.value) {
         return;
       }
-      if ("ArrowDown" === event.key) {
+      if (event.key === "ArrowDown") {
         const next = components.value.findIndex((comp) => comp.id === highlightID.value) + 1;
         if (next < components.value.length) {
           setFocus(components.value[next].id, true);
         }
-      } else if ("ArrowUp" === event.key) {
+      } else if (event.key === "ArrowUp") {
         const prev = components.value.findIndex((comp) => comp.id === highlightID.value) - 1;
-        if (0 <= prev) {
+        if (prev >= 0) {
           setFocus(components.value[prev].id, true);
         }
-      } else if ("Enter" === event.key) {
+      } else if (event.key === "Enter") {
         if (bridge) {
           bridge.send("focus", highlightID.value);
         }
-      } else if ("Escape" === event.key) {
+      } else if (event.key === "Escape") {
         setHighlight("");
         selectedID.value = "";
-      } else if ("Delete" === event.key) {
+      } else if (event.key === "Delete") {
         if (bridge) {
           bridge.send("delete", highlightID.value);
         }
@@ -6017,8 +6018,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       let element = event.target;
       while (element) {
         const href = element.getAttribute("href");
-        if ("A" === element.tagName && null !== href && "" !== href) {
-          const isButton = element.classList.contains("btn") || element.classList.contains("button") || "button" === element.getAttribute("role");
+        if (element.tagName === "A" && href !== null && href !== "") {
+          const isButton = element.classList.contains("btn") || element.classList.contains("button") || element.getAttribute("role") === "button";
           if (!isButton) {
             event.preventDefault();
             event.stopPropagation();
@@ -6142,7 +6143,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ExternalPreview = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-fa049ec1"]]);
+const ExternalPreview = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7e262aee"]]);
 const _hoisted_1 = { class: "blox-page-wrapper" };
 const _hoisted_2 = {
   key: 0,
@@ -6213,16 +6214,16 @@ class ComponentValidationError extends Error {
 }
 function validateComponentConfig(config) {
   const errors = [];
-  if (!config.id || "string" !== typeof config.id) {
+  if (!config.id || typeof config.id !== "string") {
     errors.push('Component must have a valid "id" (string)');
   }
-  if (!config.label || "string" !== typeof config.label) {
+  if (!config.label || typeof config.label !== "string") {
     errors.push('Component must have a valid "label" (string)');
   }
   if (!config.component) {
     errors.push('Component must have a "component" property (Vue component or async function)');
   }
-  if (config.component && "function" !== typeof config.component && "object" !== typeof config.component) {
+  if (config.component && typeof config.component !== "function" && typeof config.component !== "object") {
     errors.push('Component "component" must be a Vue component or async function');
   }
   if (config.content && !Array.isArray(config.content)) {
@@ -6231,7 +6232,7 @@ function validateComponentConfig(config) {
   if (config.settings && !Array.isArray(config.settings)) {
     errors.push('Component "settings" must be an array');
   }
-  if (0 < errors.length) {
+  if (errors.length > 0) {
     throw new ComponentValidationError(
       `Invalid component configuration for "${config.id || "unknown"}":
 ${errors.map((e) => `  - ${e}`).join("\n")}`,
@@ -6263,12 +6264,12 @@ function levenshteinDistance(a, b) {
   return matrix[b.length][a.length];
 }
 function findSimilarIds(targetId, allIds, maxSuggestions = 3) {
-  return allIds.map((id) => ({ id, distance: levenshteinDistance(targetId.toLowerCase(), id.toLowerCase()) })).filter((item) => 3 >= item.distance).sort((a, b) => a.distance - b.distance).slice(0, maxSuggestions).map((item) => item.id);
+  return allIds.map((id) => ({ id, distance: levenshteinDistance(targetId.toLowerCase(), id.toLowerCase()) })).filter((item) => item.distance <= 3).sort((a, b) => a.distance - b.distance).slice(0, maxSuggestions).map((item) => item.id);
 }
 function createMissingComponentError(id, registeredIds) {
   const suggestions = findSimilarIds(id, registeredIds);
   let message = `Component "${id}" is not registered.`;
-  if (0 < suggestions.length) {
+  if (suggestions.length > 0) {
     message += `
 
 Did you mean: ${suggestions.map((s) => `"${s}"`).join(", ")}?`;