@bagelink/blox 1.6.47 → 1.6.49

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, toDisplayString, useCssVars, renderSlot, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, createTextVNode, unref, computed, resolveComponent, createVNode, Fragment, renderList, ref, resolveDirective, withDirectives, reactive, onMounted, withModifiers, createSlots, Transition, isRef, onUnmounted, mergeProps } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, toDisplayString, useCssVars, renderSlot, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, createTextVNode, unref, computed, resolveComponent, createVNode, Fragment, renderList, ref, resolveDirective, withDirectives, reactive, onMounted, withModifiers, createSlots, Transition, onUnmounted, mergeProps } from "vue";
 import { Image as Image$1, Btn, Card, Icon, TextInput, Accordion, AccordionItem, Carousel, TabsNav, TabsBody, Modal, pathKeyToURL, BglVideo } from "@bagelink/vue";
 const _hoisted_1$u = ["href", "target", "rel"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
@@ -60,12 +60,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     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) => {
@@ -78,7 +78,7 @@ const _sfc_main$x = /* @__PURE__ */ 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"];
@@ -143,8 +143,8 @@ const _sfc_main$v = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", {
@@ -154,7 +154,7 @@ const _sfc_main$v = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "Text",
   props: {
@@ -171,7 +171,7 @@ const _sfc_main$u = /* @__PURE__ */ 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"
@@ -203,7 +203,7 @@ const _sfc_main$t = /* @__PURE__ */ 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,
@@ -244,7 +244,7 @@ const _sfc_main$s = /* @__PURE__ */ 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,
@@ -311,7 +311,7 @@ const _sfc_main$r = /* @__PURE__ */ 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" };
@@ -337,7 +337,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const defaultItems = computed(() => {
-      if (0 < __props.items.length) {
+      if (__props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -347,7 +347,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       ];
     });
     const defaultsocalMedia = computed(() => {
-      if (0 < __props.socalMedia.length) {
+      if (__props.socalMedia.length > 0) {
         return __props.socalMedia;
       }
       return [
@@ -435,7 +435,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const defaultItems = computed(() => {
-      if (0 < __props.items.length) {
+      if (__props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -529,7 +529,7 @@ const _sfc_main$p = /* @__PURE__ */ 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" };
@@ -577,7 +577,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 = resolveDirective("lightbox");
@@ -653,7 +653,7 @@ const _sfc_main$o = /* @__PURE__ */ 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,
@@ -700,7 +700,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     id: {}
   },
   setup(__props) {
-    let formStatus = ref("");
+    const formStatus = ref("");
     const form = reactive({});
     function initForm() {
       Object.assign(form, {
@@ -716,6 +716,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         await new Promise((resolve) => setTimeout(resolve, 1e3));
         formStatus.value = "success";
       } catch (error) {
+        console.error("Form submission failed:", error);
         formStatus.value = "fail";
       }
     }
@@ -763,7 +764,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_7$4, [
-            unref(formStatus) !== "success" && _ctx.formStatusView !== "Success" ? (openBlock(), createElementBlock("form", {
+            formStatus.value !== "success" && _ctx.formStatusView !== "Success" ? (openBlock(), createElementBlock("form", {
               key: 0,
               class: "w-100p",
               onSubmit: withModifiers(sendForm, ["prevent"])
@@ -804,13 +805,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 })
               ])
             ], 32)) : createCommentVNode("", true),
-            unref(formStatus) === "success" || _ctx.formStatusView === "Success" ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
+            formStatus.value === "success" || _ctx.formStatusView === "Success" ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
               createElementVNode("div", {
                 class: "txt-center txt-24",
                 innerHTML: _ctx.successMessage
               }, null, 8, _hoisted_11$1)
             ])) : createCommentVNode("", true),
-            unref(formStatus) === "fail" || _ctx.formStatusView === "Fail" ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+            formStatus.value === "fail" || _ctx.formStatusView === "Fail" ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
               createElementVNode("p", _hoisted_13$1, toDisplayString(_ctx.failMessage), 1)
             ])) : createCommentVNode("", true)
           ])
@@ -819,7 +820,7 @@ const _sfc_main$n = /* @__PURE__ */ 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 = {
@@ -886,7 +887,7 @@ const _sfc_main$m = /* @__PURE__ */ 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" };
@@ -931,7 +932,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", {
@@ -992,7 +993,7 @@ const _sfc_main$l = /* @__PURE__ */ 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" };
@@ -1062,7 +1063,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", {
@@ -1152,7 +1153,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", { id: _ctx.id }, [
@@ -1189,7 +1190,7 @@ const _sfc_main$j = /* @__PURE__ */ 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" };
@@ -1229,7 +1230,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", {
@@ -1286,7 +1287,7 @@ const _sfc_main$i = /* @__PURE__ */ 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__ */ defineComponent({
@@ -1307,7 +1308,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       { image: "https://bagel.sfo2.cdn.digitaloceanspaces.com/bagelBlocks/image.svg", title: "", subtitle: "" }
     ];
     const itemsList = 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 = resolveDirective("lightbox");
@@ -1417,7 +1418,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", {
@@ -1524,7 +1525,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       { image: "https://bagel.sfo2.cdn.digitaloceanspaces.com/bagelBlocks/image.svg", alt: "", link: "" }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", { id: _ctx.id }, [
@@ -1625,7 +1626,7 @@ const _sfc_main$e = /* @__PURE__ */ 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);
@@ -1733,9 +1734,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       const timeToAddInHours = (__props.countdown ?? 0) * 60 * 60 * 1e3;
       return new Date((/* @__PURE__ */ new Date()).getTime() + timeToAddInHours);
     });
-    let openPopup = ref(false);
+    const openPopup = ref(false);
     onMounted(() => {
-      if (__props.autoOpenDelay && 0 < __props.autoOpenDelay) {
+      if (__props.autoOpenDelay && __props.autoOpenDelay > 0) {
         setTimeout(() => openPopup.value = true, __props.autoOpenDelay);
       } else {
         openPopup.value = true;
@@ -1744,7 +1745,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fadePopup" }, {
         default: withCtx(() => [
-          unref(openPopup) ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+          openPopup.value ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
             _ctx.position === "top" ? (openBlock(), createElementBlock("div", {
               key: 0,
               id: _ctx.id,
@@ -1779,7 +1780,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 class: "absolute end-025 m_top-025",
                 icon: "close",
                 style: normalizeStyle([_ctx.bgColor ? { backgroundColor: _ctx.bgColor } : {}, _ctx.textColor ? { color: _ctx.textColor } : {}]),
-                onClick: _cache[0] || (_cache[0] = ($event) => isRef(openPopup) ? openPopup.value = false : openPopup = false)
+                onClick: _cache[0] || (_cache[0] = ($event) => openPopup.value = false)
               }, null, 8, ["style"])
             ], 12, _hoisted_2$c)) : createCommentVNode("", true),
             _ctx.position === "center" ? (openBlock(), createElementBlock("div", {
@@ -1827,7 +1828,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   class: "absolute end-025 top-025",
                   icon: "close",
                   style: normalizeStyle([_ctx.bgColor ? { backgroundColor: _ctx.bgColor } : {}, _ctx.textColor ? { color: _ctx.textColor } : {}]),
-                  onClick: _cache[1] || (_cache[1] = ($event) => isRef(openPopup) ? openPopup.value = false : openPopup = false)
+                  onClick: _cache[1] || (_cache[1] = ($event) => openPopup.value = false)
                 }, null, 8, ["style"])
               ], 4)
             ], 8, _hoisted_5$4)) : createCommentVNode("", true),
@@ -1873,7 +1874,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 class: "absolute start-025 top-025",
                 icon: "close",
                 style: normalizeStyle([_ctx.bgColor ? { backgroundColor: _ctx.bgColor } : {}, _ctx.textColor ? { color: _ctx.textColor } : {}]),
-                onClick: _cache[2] || (_cache[2] = ($event) => isRef(openPopup) ? openPopup.value = false : openPopup = false)
+                onClick: _cache[2] || (_cache[2] = ($event) => openPopup.value = false)
               }, null, 8, ["style"])
             ], 12, _hoisted_8$1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -1959,7 +1960,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     ];
     const itemsList = 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 openBlock(), createElementBlock("div", _hoisted_1$b, [
@@ -2050,10 +2051,10 @@ const _sfc_main$b = /* @__PURE__ */ 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) => {
@@ -2064,7 +2065,7 @@ const _sfc_main$b = /* @__PURE__ */ 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"];
@@ -2085,7 +2086,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       { title: "Smart & Simple", body: "It just makes sense. No overthinking, just great results." }
     ];
     const itemsList = computed(() => {
-      return __props.items && 0 < __props.items.length ? __props.items : defaultItems;
+      return __props.items.length > 0 ? __props.items : defaultItems;
     });
     const activeTab = computed(() => __props.items.findIndex((item) => item.active).toString() || "0");
     return (_ctx, _cache) => {
@@ -2095,8 +2096,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_2$a, [
           createVNode(unref(TabsNav), {
-            modelValue: unref(activeTab),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => 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 })),
@@ -2147,7 +2148,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const listItem = computed(() => {
-      if (__props.items && 0 < __props.items.length) {
+      if (__props.items && __props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -2237,7 +2238,7 @@ const _sfc_main$9 = /* @__PURE__ */ 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" };
@@ -2255,7 +2256,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const listItem = computed(() => {
-      if (__props.items && 0 < __props.items.length) {
+      if (__props.items && __props.items.length > 0) {
         return __props.items;
       }
       return [
@@ -2352,7 +2353,7 @@ const _sfc_main$8 = /* @__PURE__ */ 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__ */ defineComponent({
@@ -2468,7 +2469,7 @@ const _sfc_main$6 = /* @__PURE__ */ 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"];
@@ -2553,7 +2554,7 @@ const _sfc_main$5 = /* @__PURE__ */ 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"];
@@ -2607,7 +2608,7 @@ const _sfc_main$4 = /* @__PURE__ */ 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" };
@@ -2693,7 +2694,7 @@ const _sfc_main$3 = /* @__PURE__ */ 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,
@@ -5420,7 +5421,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;
     }
@@ -5475,7 +5476,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
@@ -5542,14 +5543,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];
@@ -5557,21 +5558,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`;
   }
@@ -5580,16 +5581,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");
@@ -5598,11 +5599,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;
@@ -5630,29 +5631,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();
@@ -5669,7 +5670,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");
   }
@@ -5850,12 +5851,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;
@@ -5867,10 +5868,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;
@@ -5881,7 +5882,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];
@@ -5942,7 +5943,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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;
@@ -5954,7 +5955,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         return;
       }
       const now = Date.now();
-      if (lastFocusCall && 10 > now - lastFocusCall) {
+      if (lastFocusCall && now - lastFocusCall < 10) {
         console.log("🛡️ ExternalPreview setFocus debounced:", id);
         return;
       }
@@ -5965,7 +5966,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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;
@@ -5985,24 +5986,24 @@ const _sfc_main$1 = /* @__PURE__ */ 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);
         }
@@ -6015,8 +6016,8 @@ const _sfc_main$1 = /* @__PURE__ */ 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();
@@ -6140,7 +6141,7 @@ const _sfc_main$1 = /* @__PURE__ */ 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,
@@ -6211,16 +6212,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)) {
@@ -6229,7 +6230,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")}`,
@@ -6261,12 +6262,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(", ")}?`;