@bagelink/vue 0.0.1109 → 0.0.1113

package/dist/index.mjs

@@ -289,6 +289,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           _ctx.loading ? (openBlock(), createBlock(unref(Loading), {
             key: 0,
+            class: "h-100p",
             size: "15"
           })) : (openBlock(), createElementBlock("div", _hoisted_1$V, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$d), {
@@ -312,7 +313,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-c23a3626"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-3efa79fb"]]);
 const _hoisted_1$U = ["dismissable"];
 const _hoisted_2$C = { class: "m-0" };
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
@@ -934,7 +935,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-063b5ad9"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-7456c3d5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -7739,9 +7740,10 @@ async function convertValueToCoords(state2, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
   };
   if (alignment && typeof alignmentAxis === "number") {
     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -7846,11 +7848,7 @@ const shift = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x2,
-          y: limitedCoords.y - y2,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
+          y: limitedCoords.y - y2
         }
       };
     }
@@ -7864,7 +7862,6 @@ const size = function(options) {
     name: "size",
     options,
     async fn(state2) {
-      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -7900,11 +7897,10 @@ const size = function(options) {
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if ((_state$middlewareData = state2.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
-        availableWidth = maximumClippingWidth;
-      }
-      if ((_state$middlewareData2 = state2.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
-        availableHeight = maximumClippingHeight;
+      if (isYAxis) {
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+      } else {
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -19754,114 +19750,15 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = { key: 0 };
-const _hoisted_2$p = ["src", "alt", "width", "height"];
-const _hoisted_3$k = ["src", "alt", "width", "height"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  __name: "Image",
-  props: {
-    src: {},
-    pathKey: {},
-    alt: { default: "" },
-    width: {},
-    height: {},
-    caption: {}
-  },
-  setup(__props) {
-    let imageSrc = ref(null);
-    const fileBaseUrl = computed(() => "https://files.bagel.design".replace(/\/$/, ""));
-    function pathToUrl() {
-      var _a2;
-      if ((_a2 = __props.pathKey) == null ? void 0 : _a2.startsWith("static/")) return `${void 0}/${__props.pathKey}`;
-      return `${fileBaseUrl.value}/${__props.pathKey}`;
-    }
-    async function loadImage() {
-      var _a2;
-      const url = __props.src || pathToUrl();
-      console.log(url);
-      if (!url) {
-        imageSrc.value = null;
-        return;
-      }
-      const ext = (_a2 = url.split(".").pop()) == null ? void 0 : _a2.toLowerCase().split("?").shift();
-      if (ext === "heic") {
-        if (!("caches" in window)) {
-          console.warn("Caching is not available. Proceeding without cache.");
-        } else {
-          try {
-            const imgCache = await window.caches.open("img-cache");
-            const cachedResponse = await imgCache.match(url);
-            if (cachedResponse) {
-              imageSrc.value = URL.createObjectURL(await cachedResponse.blob());
-              return;
-            }
-          } catch (error) {
-            console.warn("Error accessing cache:", error);
-          }
-        }
-        try {
-          await appendScript("https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js");
-          const response = await fetch(url);
-          const blob = await response.blob();
-          const convertedBlob = await window.heic2any({ blob });
-          imageSrc.value = URL.createObjectURL(convertedBlob);
-          if ("caches" in window) {
-            try {
-              const imgCache = await window.caches.open("img-cache");
-              imgCache.put(url, new Response(convertedBlob));
-            } catch (cacheError) {
-              console.warn("Failed to cache the image:", cacheError);
-            }
-          }
-        } catch (error) {
-          console.error("Error converting HEIC file:", error);
-        }
-      } else {
-        imageSrc.value = url;
-      }
-    }
-    watch(() => [__props.src, __props.pathKey], loadImage, { immediate: true });
-    return (_ctx, _cache) => {
-      return _ctx.caption ? (openBlock(), createElementBlock("figcaption", _hoisted_1$A, [
-        unref(imageSrc) ? (openBlock(), createElementBlock("img", mergeProps({
-          key: 0,
-          src: unref(imageSrc)
-        }, _ctx.$attrs, {
-          alt: _ctx.alt,
-          width: unref(normalizeDimension)(_ctx.width),
-          height: unref(normalizeDimension)(_ctx.height)
-        }), null, 16, _hoisted_2$p)) : (openBlock(), createBlock(unref(Skeleton), {
-          key: 1,
-          class: "img-web-kit",
-          width: unref(normalizeDimension)(_ctx.width),
-          height: unref(normalizeDimension)(_ctx.height)
-        }, null, 8, ["width", "height"]))
-      ])) : unref(imageSrc) ? (openBlock(), createElementBlock("img", mergeProps({
-        key: 1,
-        src: unref(imageSrc)
-      }, _ctx.$attrs, {
-        alt: _ctx.alt,
-        width: unref(normalizeDimension)(_ctx.width),
-        height: unref(normalizeDimension)(_ctx.height)
-      }), null, 16, _hoisted_3$k)) : (openBlock(), createBlock(unref(Skeleton), {
-        key: 2,
-        class: "img-web-kit",
-        width: unref(normalizeDimension)(_ctx.width),
-        height: unref(normalizeDimension)(_ctx.height)
-      }, null, 8, ["width", "height"]));
-    };
-  }
-});
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-29509e85"]]);
-const _hoisted_1$z = { class: "bagel-input" };
-const _hoisted_2$o = {
+const _hoisted_1$A = { class: "bagel-input" };
+const _hoisted_2$p = {
   key: 0,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel"
 };
-const _hoisted_3$j = { class: "m-05 flex opacity-7 z-99" };
+const _hoisted_3$k = { class: "m-05 flex opacity-7 z-99" };
 const _hoisted_4$d = { class: "ellipsis-1 word-break-all h-20 m-0" };
 const _hoisted_5$c = {
   key: 1,
@@ -19891,7 +19788,7 @@ const _hoisted_13$2 = {
   class: "progress"
 };
 const _hoisted_14$1 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -20063,9 +19960,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       const _directive_lightbox = resolveDirective("lightbox");
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
-        _ctx.required && !storageFiles.value.length ? (openBlock(), createElementBlock("input", _hoisted_2$o)) : createCommentVNode("", true),
+        _ctx.required && !storageFiles.value.length ? (openBlock(), createElementBlock("input", _hoisted_2$p)) : createCommentVNode("", true),
         _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$$), {
           key: 1,
           outline: "",
@@ -20091,7 +19988,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                createElementVNode("div", _hoisted_3$j, [
+                createElementVNode("div", _hoisted_3$k, [
                   withDirectives(createVNode(unref(Btn), {
                     color: "gray",
                     thin: "",
@@ -20161,7 +20058,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   key: file.id,
                   class: "multi-image-item-preview"
                 }, [
-                  isImage(file.extension || file.url) ? (openBlock(), createBlock(Image$1, {
+                  isImage(file.extension || file.url) ? (openBlock(), createBlock(unref(Image$1), {
                     key: 0,
                     class: "multi-preview",
                     src: file.url,
@@ -20189,7 +20086,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   class: "multi-image-item-preview"
                 }, [
                   isImage(fileQ.file.type) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    _ctx.multiple ? (openBlock(), createBlock(Image$1, {
+                    _ctx.multiple ? (openBlock(), createBlock(unref(Image$1), {
                       key: 0,
                       width: _ctx.width || "220",
                       class: "multi-preview",
@@ -20252,7 +20149,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                     ])
                   ]),
                   isImage(file.extension || file.url) ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
-                    withDirectives(createVNode(Image$1, {
+                    withDirectives(createVNode(unref(Image$1), {
                       class: "single-preview",
                       src: file.url,
                       alt: ""
@@ -20285,7 +20182,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                       icon: "check"
                     })
                   ], 6),
-                  isImage(fileQ.file.type) ? (openBlock(), createBlock(Image$1, {
+                  isImage(fileQ.file.type) ? (openBlock(), createBlock(unref(Image$1), {
                     key: 0,
                     class: "single-preview",
                     src: fileToUrl(fileQ.file),
@@ -20311,11 +20208,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-438b09e8"]]);
-const _hoisted_1$y = ["title"];
-const _hoisted_2$n = { key: 0 };
-const _hoisted_3$i = ["value", "placeholder"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-133a8c7a"]]);
+const _hoisted_1$z = ["title"];
+const _hoisted_2$o = { key: 0 };
+const _hoisted_3$j = ["value", "placeholder"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -20338,7 +20235,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$n, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$o, [
           createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : createCommentVNode("", true),
         createElementVNode("textarea", {
@@ -20346,20 +20243,20 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           class: normalizeClass({ "no-edit": !_ctx.editMode }),
           placeholder: _ctx.placeholder,
           onInput: handleInput
-        }, null, 42, _hoisted_3$i)
-      ], 10, _hoisted_1$y);
+        }, null, 42, _hoisted_3$j)
+      ], 10, _hoisted_1$z);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$x = ["for"];
-const _hoisted_2$m = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
-const _hoisted_3$h = { key: 1 };
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$y = ["for"];
+const _hoisted_2$n = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
+const _hoisted_3$i = { key: 1 };
 const _hoisted_4$c = {
   key: 5,
   class: "flex column spinner"
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "NumberInput",
   props: {
     modelValue: {},
@@ -20462,7 +20359,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 withKeys(withModifiers(increment, ["prevent"]), ["up"]),
                 withKeys(withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_2$m), [
+            }, null, 42, _hoisted_2$n), [
               [
                 vModelText,
                 unref(formattedValue),
@@ -20476,7 +20373,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 { number: true }
               ]
             ]),
-            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_3$h, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
+            _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_3$i, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true),
             _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$d), {
               key: 2,
               class: "iconStart",
@@ -20515,14 +20412,14 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               }, null, 8, ["disabled"])
             ])) : createCommentVNode("", true)
           ], 2)
-        ], 8, _hoisted_1$x)
+        ], 8, _hoisted_1$y)
       ], 2);
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-f265687e"]]);
-const _hoisted_1$w = ["value", "autofocus", "onKeydown", "onPaste"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-f265687e"]]);
+const _hoisted_1$x = ["value", "autofocus", "onKeydown", "onPaste"];
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "OTP",
   props: {
     digitCount: {},
@@ -20620,16 +20517,16 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             oninput: "this.value = this.value.slice(0, 1);",
             onKeydown: ($event) => handleKeyDown($event, ind),
             onPaste: ($event) => handlePaste($event, ind)
-          }, null, 40, _hoisted_1$w);
+          }, null, 40, _hoisted_1$x);
         }), 128))
       ], 512);
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-5c22c199"]]);
-const _hoisted_1$v = { class: "relative" };
-const _hoisted_2$l = { class: "m-password position-bottom-end flex column justify-content-center" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-5c22c199"]]);
+const _hoisted_1$w = { class: "relative" };
+const _hoisted_2$m = { class: "m-password position-bottom-end flex column justify-content-center" };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ mergeModels({
     id: {},
@@ -20670,7 +20567,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     );
     const inputType = computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createVNode(unref(TextInput), mergeProps({
           modelValue: password.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
@@ -20678,7 +20575,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           type: inputType.value,
           class: "mb-0"
         }), null, 16, ["modelValue", "type"]),
-        createElementVNode("div", _hoisted_2$l, [
+        createElementVNode("div", _hoisted_2$m, [
           createVNode(unref(Btn), {
             flat: "",
             thin: "",
@@ -20691,9 +20588,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = ["for"];
-const _hoisted_2$k = ["id", "name", "value", "required"];
-const _hoisted_3$g = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_1$v = ["for"];
+const _hoisted_2$l = ["id", "name", "value", "required"];
+const _hoisted_3$h = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$b = ["src", "alt"];
 const _hoisted_5$b = { class: "" };
 const _hoisted_6$9 = {
@@ -20704,7 +20601,7 @@ const _hoisted_7$6 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ mergeModels({
     groupName: {},
@@ -20734,10 +20631,10 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               name: _ctx.groupName,
               value: opt.value,
               required: _ctx.required
-            }, null, 8, _hoisted_2$k), [
+            }, null, 8, _hoisted_2$l), [
               [vModelRadio, selectedOption.value]
             ]),
-            createElementVNode("div", _hoisted_3$g, [
+            createElementVNode("div", _hoisted_3$h, [
               opt.imgSrc ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 class: "bg-popup shadow-light py-025 radius-05 m_w40",
@@ -20759,19 +20656,19 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : createCommentVNode("", true)
-          ], 8, _hoisted_1$u);
+          ], 8, _hoisted_1$v);
         }), 128))
       ]);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3c77be46"]]);
-const _hoisted_1$t = { class: "bagel-input" };
-const _hoisted_2$j = { class: "pb-025" };
-const _hoisted_3$f = { class: "flex gap-05 flex-wrap" };
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-3c77be46"]]);
+const _hoisted_1$u = { class: "bagel-input" };
+const _hoisted_2$k = { class: "pb-025" };
+const _hoisted_3$g = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$a = ["id", "name", "value", "checked"];
 const _hoisted_5$a = ["for"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -20812,9 +20709,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
-        createElementVNode("label", _hoisted_2$j, toDisplayString(_ctx.label), 1),
-        createElementVNode("div", _hoisted_3$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+        createElementVNode("label", _hoisted_2$k, toDisplayString(_ctx.label), 1),
+        createElementVNode("div", _hoisted_3$g, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option2, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -20838,18 +20735,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$s = ["dir"];
-const _hoisted_2$i = {
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-cf892d71"]]);
+const _hoisted_1$t = ["dir"];
+const _hoisted_2$j = {
   key: 0,
   class: "label"
 };
-const _hoisted_3$e = { class: "range-slider relative w-100" };
+const _hoisted_3$f = { class: "range-slider relative w-100" };
 const _hoisted_4$9 = ["id", "value", "min", "max", "step", "required", "disabled", "aria-label"];
 const _hoisted_5$9 = ["value", "min", "max", "step", "required", "disabled"];
 const _hoisted_6$8 = { class: "track absolute pointer-events-none overflow-hidden round" };
 const _hoisted_7$5 = { class: "txt-center txt-14 user-select-none range-slider-txt flex space-between opacity-4 mx-05" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "RangeInput",
   props: {
     modelValue: {},
@@ -20917,8 +20814,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         dir: unref(rtl) ? "rtl" : "ltr"
       }, [
-        unref(label) ? (openBlock(), createElementBlock("label", _hoisted_2$i, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$e, [
+        unref(label) ? (openBlock(), createElementBlock("label", _hoisted_2$j, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$f, [
           createElementVNode("input", {
             id: unref(id),
             value: validFrom.value,
@@ -21009,11 +20906,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, toDisplayString(unref(formatValue)(unref(max2))), 1)
           ], true)
         ])
-      ], 8, _hoisted_1$s);
+      ], 8, _hoisted_1$t);
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-e606435a"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-e606435a"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -21103,12 +21000,12 @@ const toolbarOptions = [
   { name: "separator" },
   { name: "fullScreen", label: "Full Screen", icon: "fullscreen", class: "ms-auto" }
 ];
-const _hoisted_1$r = { class: "grid grid-wrap p-05" };
-const _hoisted_2$h = ["onMousemove", "onClick"];
-const _hoisted_3$d = { class: "txt-center txt-12 color-gray" };
+const _hoisted_1$s = { class: "grid grid-wrap p-05" };
+const _hoisted_2$i = ["onMousemove", "onClick"];
+const _hoisted_3$e = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
 const base = 5;
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "gridBox",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -21124,7 +21021,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       return hoveredCol.value > base - 1 ? enlarge : base;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(rowSize.value, (row) => {
           return openBlock(), createElementBlock("div", {
             key: `row-${row}`,
@@ -21151,21 +21048,21 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                   hoveredCol.value = col;
                 },
                 onClick: ($event) => emit2("select", `${row}x${col}`)
-              }, null, 42, _hoisted_2$h);
+              }, null, 42, _hoisted_2$i);
             }), 128))
           ], 32);
         }), 128)),
-        createElementVNode("p", _hoisted_3$d, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
+        createElementVNode("p", _hoisted_3$e, toDisplayString(hoveredRow.value) + "x" + toDisplayString(hoveredCol.value), 1)
       ]);
     };
   }
 });
-const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-4548b70f"]]);
-const _hoisted_1$q = {
+const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-4548b70f"]]);
+const _hoisted_1$r = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "EditorToolbar",
   props: {
     config: { default: defaultToolbarConfig },
@@ -21180,7 +21077,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.map(configToOption).filter(Boolean), (action, index2) => {
           return openBlock(), createElementBlock(Fragment, { key: index2 }, [
             action.name === "insertTable" ? (openBlock(), createBlock(unref(_sfc_main$X), {
@@ -21222,7 +21119,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditorToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-33dff8fa"]]);
+const EditorToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-33dff8fa"]]);
 function createCommandExecutor(state2, commands) {
   return {
     execute(command, value) {
@@ -22142,12 +22039,12 @@ function useEditorKeyboard(doc, handleToolbarAction) {
     }
   });
 }
-const _hoisted_1$p = { class: "content-area radius-05" };
-const _hoisted_2$g = {
+const _hoisted_1$q = { class: "content-area radius-05" };
+const _hoisted_2$h = {
   key: 1,
   class: "flex"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -22231,7 +22128,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["editor-container", { "split-view": unref(editor).state.isSplitView }])
         }, [
-          createElementVNode("div", _hoisted_1$p, [
+          createElementVNode("div", _hoisted_1$q, [
             createElementVNode("iframe", {
               id: "rich-text-iframe",
               ref_key: "iframe",
@@ -22251,7 +22148,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             language: "html"
           }, null, 8, ["modelValue"])) : createCommentVNode("", true)
         ], 2),
-        _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
+        _ctx.debug ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
           _cache[6] || (_cache[6] = createElementVNode("p", { class: "text12 txt-gray mb-0 p-0" }, " Debug ", -1)),
           createVNode(unref(Btn), {
             thin: "",
@@ -22294,10 +22191,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-2e74943d"]]);
-const _hoisted_1$o = { class: "flex gap-05" };
-const _hoisted_2$f = ["disabled"];
-const _hoisted_3$c = { key: 1 };
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-2e74943d"]]);
+const _hoisted_1$p = { class: "flex gap-05" };
+const _hoisted_2$g = ["disabled"];
+const _hoisted_3$d = { key: 1 };
 const _hoisted_4$8 = {
   key: 2,
   class: "ms-auto ps-05 me-05"
@@ -22305,7 +22202,7 @@ const _hoisted_4$8 = {
 const _hoisted_5$8 = ["value"];
 const _hoisted_6$7 = ["aria-selected", "onClick", "onKeydown"];
 const _hoisted_7$4 = { class: "block" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
@@ -22493,7 +22390,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         trigger: withCtx(() => [
           createElementVNode("label", null, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-            createElementVNode("div", _hoisted_1$o, [
+            createElementVNode("div", _hoisted_1$p, [
               _ctx.searchable && unref(open) ? (openBlock(), createBlock(unref(TextInput), {
                 key: 0,
                 ref_key: "searchInput",
@@ -22524,7 +22421,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   key: 0,
                   icon: _ctx.icon
                 }, null, 8, ["icon"])) : createCommentVNode("", true),
-                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$c, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
+                !_ctx.hideLabel ? (openBlock(), createElementBlock("p", _hoisted_3$d, toDisplayString(selectedLabel.value), 1)) : createCommentVNode("", true),
                 _ctx.clearable && selectedItemCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
                   createVNode(unref(Btn), {
                     flat: "",
@@ -22541,7 +22438,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   key: 3,
                   thin: ""
                 }, { icon: unref(open) ? "unfold_less" : "unfold_more" }), null, 16)) : createCommentVNode("", true)
-              ], 42, _hoisted_2$f)),
+              ], 42, _hoisted_2$g)),
               _ctx.required ? (openBlock(), createElementBlock("input", {
                 key: 2,
                 tabindex: "-1",
@@ -22611,7 +22508,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-77b2541f"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-77b2541f"]]);
 /*!
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -23208,15 +23105,15 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$n = ["disabled"];
-const _hoisted_2$e = {
+const _hoisted_1$o = ["disabled"];
+const _hoisted_2$f = {
   key: 1,
   placeholder: "required",
   type: "text",
   required: "",
   class: "pixel"
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SignaturePad",
   props: /* @__PURE__ */ mergeModels({
     sigOption: {},
@@ -23369,8 +23266,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$n),
-        _ctx.required && unref(_isEmpty) ? (openBlock(), createElementBlock("input", _hoisted_2$e)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_1$o),
+        _ctx.required && unref(_isEmpty) ? (openBlock(), createElementBlock("input", _hoisted_2$f)) : createCommentVNode("", true)
       ], 34);
     };
   }
@@ -25854,13 +25751,13 @@ const VueDraggableNext = defineComponent({
     }
   }
 });
-const _hoisted_1$m = ["title"];
-const _hoisted_2$d = { class: "bagel-input" };
-const _hoisted_3$b = { class: "table-side-scroll" };
+const _hoisted_1$n = ["title"];
+const _hoisted_2$e = { class: "bagel-input" };
+const _hoisted_3$c = { class: "table-side-scroll" };
 const _hoisted_4$7 = { class: "table-header" };
 const _hoisted_5$7 = { class: "table-reorder" };
 const _hoisted_6$6 = { class: "table-action" };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -25925,10 +25822,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         class: "table-field-wrap",
         title: _ctx.description
       }, [
-        createElementVNode("div", _hoisted_2$d, [
+        createElementVNode("div", _hoisted_2$e, [
           createElementVNode("label", null, toDisplayString((_a2 = unref(fieldMeta)) == null ? void 0 : _a2.label), 1)
         ]),
-        createElementVNode("div", _hoisted_3$b, [
+        createElementVNode("div", _hoisted_3$c, [
           createElementVNode("div", _hoisted_4$7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList((_b = unref(entityMeta)) == null ? void 0 : _b.fields, (field) => {
               return openBlock(), createElementBlock("div", {
@@ -26000,11 +25897,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ])),
           _: 1
         })
-      ], 8, _hoisted_1$m);
+      ], 8, _hoisted_1$n);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-a65c658c"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-a65c658c"]]);
 function bind(fn2, thisArg) {
   return function wrap() {
     return fn2.apply(thisArg, arguments);
@@ -30451,13 +30348,13 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$l = ["aria-expanded"];
-const _hoisted_2$c = { class: "p-075 tel-countryp-dropdown" };
-const _hoisted_3$a = ["aria-selected", "onClick", "onMousemove"];
+const _hoisted_1$m = ["aria-expanded"];
+const _hoisted_2$d = { class: "p-075 tel-countryp-dropdown" };
+const _hoisted_3$b = ["aria-selected", "onClick", "onMousemove"];
 const _hoisted_4$6 = { class: "tel-country" };
 const _hoisted_5$6 = { key: 1 };
 const _hoisted_6$5 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -30742,7 +30639,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_2$c, [
+                createElementVNode("div", _hoisted_2$d, [
                   _ctx.searchable ? (openBlock(), createBlock(unref(TextInput), {
                     key: 0,
                     modelValue: searchQuery.value,
@@ -30772,7 +30669,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["country"])) : createCommentVNode("", true),
                         createElementVNode("p", _hoisted_4$6, toDisplayString(pb.name), 1),
                         computedDropDownOptions.value.showDialCodeInList ? (openBlock(), createElementBlock("span", _hoisted_5$6, " +" + toDisplayString(pb.dialCode), 1)) : createCommentVNode("", true)
-                      ], 40, _hoisted_3$a);
+                      ], 40, _hoisted_3$b);
                     }), 128))
                   ], 2)
                 ])
@@ -30806,19 +30703,19 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             }, null, 44, _hoisted_6$5), [
               [vModelText, phone.value]
             ])
-          ], 40, _hoisted_1$l)
+          ], 40, _hoisted_1$m)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-cfcf054d"]]);
-const _hoisted_1$k = ["title"];
-const _hoisted_2$b = ["for"];
-const _hoisted_3$9 = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-cfcf054d"]]);
+const _hoisted_1$l = ["title"];
+const _hoisted_2$c = ["for"];
+const _hoisted_3$a = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$5 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$5 = { key: 2 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -30916,7 +30813,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             onFocusout: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
             onInput: updateInputVal
-          }), null, 16, _hoisted_3$9)), [
+          }), null, 16, _hoisted_3$a)), [
             [
               vModelDynamic,
               unref(inputVal),
@@ -30953,16 +30850,16 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             key: 4,
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true)
-        ], 8, _hoisted_2$b)
-      ], 10, _hoisted_1$k);
+        ], 8, _hoisted_2$c)
+      ], 10, _hoisted_1$l);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-52ac6dc3"]]);
-const _hoisted_1$j = ["title"];
-const _hoisted_2$a = ["id", "required"];
-const _hoisted_3$8 = ["for"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-52ac6dc3"]]);
+const _hoisted_1$k = ["title"];
+const _hoisted_2$b = ["id", "required"];
+const _hoisted_3$9 = ["for"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -30998,19 +30895,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
           type: "checkbox",
           required: _ctx.required
-        }, null, 8, _hoisted_2$a), [
+        }, null, 8, _hoisted_2$b), [
           [vModelCheckbox, checked.value]
         ]),
         createElementVNode("label", { for: inputId.value }, [
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$8)
-      ], 10, _hoisted_1$j);
+        ], 8, _hoisted_3$9)
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ebe691ee"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ebe691ee"]]);
 const files = {
   setBaseUrl: (baseUrl) => {
     if (!baseUrl) return;
@@ -31036,9 +30933,9 @@ const files = {
     });
   }
 };
-const _hoisted_1$i = { class: "bagel-input" };
-const _hoisted_2$9 = { key: 0 };
-const _hoisted_3$7 = {
+const _hoisted_1$j = { class: "bagel-input" };
+const _hoisted_2$a = { key: 0 };
+const _hoisted_3$8 = {
   key: 1,
   placeholder: "required",
   type: "text",
@@ -31075,7 +30972,7 @@ const _hoisted_14 = {
   class: "progress"
 };
 const _hoisted_15 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "UploadInput",
   props: {
     label: {},
@@ -31183,9 +31080,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       const _directive_lightbox = resolveDirective("lightbox");
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$9, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
-        _ctx.required && !pathKeys.value.length ? (openBlock(), createElementBlock("input", _hoisted_3$7)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$a, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+        _ctx.required && !pathKeys.value.length ? (openBlock(), createElementBlock("input", _hoisted_3$8)) : createCommentVNode("", true),
         _ctx.theme === "basic" ? (openBlock(), createBlock(unref(_sfc_main$$), {
           key: 2,
           outline: "",
@@ -31409,9 +31306,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-bd972fe8"]]);
-const _hoisted_1$h = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-bd972fe8"]]);
+const _hoisted_1$i = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "IframeVue",
   props: {
     src: {},
@@ -31470,10 +31367,109 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         scrolling: _ctx.scrolling,
         srcset: _ctx.srcset,
         onLoad: _cache[0] || (_cache[0] = ($event) => emit2("load", $event))
-      }, null, 40, _hoisted_1$h);
+      }, null, 40, _hoisted_1$i);
+    };
+  }
+});
+const _hoisted_1$h = { key: 0 };
+const _hoisted_2$9 = ["src", "alt", "width", "height"];
+const _hoisted_3$7 = ["src", "alt", "width", "height"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "Image",
+  props: {
+    src: {},
+    pathKey: {},
+    alt: { default: "" },
+    width: {},
+    height: {},
+    caption: {}
+  },
+  setup(__props) {
+    let imageSrc = ref(null);
+    const fileBaseUrl = computed(() => "https://files.bagel.design".replace(/\/$/, ""));
+    function pathToUrl() {
+      var _a2;
+      if ((_a2 = __props.pathKey) == null ? void 0 : _a2.startsWith("static/")) return `${void 0}/${__props.pathKey}`;
+      return `${fileBaseUrl.value}/${__props.pathKey}`;
+    }
+    async function loadImage() {
+      var _a2;
+      const url = __props.src || pathToUrl();
+      console.log(url);
+      if (!url) {
+        imageSrc.value = null;
+        return;
+      }
+      const ext = (_a2 = url.split(".").pop()) == null ? void 0 : _a2.toLowerCase().split("?").shift();
+      if (ext === "heic") {
+        if (!("caches" in window)) {
+          console.warn("Caching is not available. Proceeding without cache.");
+        } else {
+          try {
+            const imgCache = await window.caches.open("img-cache");
+            const cachedResponse = await imgCache.match(url);
+            if (cachedResponse) {
+              imageSrc.value = URL.createObjectURL(await cachedResponse.blob());
+              return;
+            }
+          } catch (error) {
+            console.warn("Error accessing cache:", error);
+          }
+        }
+        try {
+          await appendScript("https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js");
+          const response = await fetch(url);
+          const blob = await response.blob();
+          const convertedBlob = await window.heic2any({ blob });
+          imageSrc.value = URL.createObjectURL(convertedBlob);
+          if ("caches" in window) {
+            try {
+              const imgCache = await window.caches.open("img-cache");
+              imgCache.put(url, new Response(convertedBlob));
+            } catch (cacheError) {
+              console.warn("Failed to cache the image:", cacheError);
+            }
+          }
+        } catch (error) {
+          console.error("Error converting HEIC file:", error);
+        }
+      } else {
+        imageSrc.value = url;
+      }
+    }
+    watch(() => [__props.src, __props.pathKey], loadImage, { immediate: true });
+    return (_ctx, _cache) => {
+      return _ctx.caption ? (openBlock(), createElementBlock("figcaption", _hoisted_1$h, [
+        unref(imageSrc) ? (openBlock(), createElementBlock("img", mergeProps({
+          key: 0,
+          src: unref(imageSrc)
+        }, _ctx.$attrs, {
+          alt: _ctx.alt,
+          width: unref(normalizeDimension)(_ctx.width),
+          height: unref(normalizeDimension)(_ctx.height)
+        }), null, 16, _hoisted_2$9)) : (openBlock(), createBlock(unref(Skeleton), {
+          key: 1,
+          class: "img-web-kit",
+          width: unref(normalizeDimension)(_ctx.width),
+          height: unref(normalizeDimension)(_ctx.height)
+        }, null, 8, ["width", "height"]))
+      ])) : unref(imageSrc) ? (openBlock(), createElementBlock("img", mergeProps({
+        key: 1,
+        src: unref(imageSrc)
+      }, _ctx.$attrs, {
+        alt: _ctx.alt,
+        width: unref(normalizeDimension)(_ctx.width),
+        height: unref(normalizeDimension)(_ctx.height)
+      }), null, 16, _hoisted_3$7)) : (openBlock(), createBlock(unref(Skeleton), {
+        key: 2,
+        class: "img-web-kit",
+        width: unref(normalizeDimension)(_ctx.width),
+        height: unref(normalizeDimension)(_ctx.height)
+      }, null, 8, ["width", "height"]));
     };
   }
 });
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-29509e85"]]);
 const _hoisted_1$g = { class: "m-0 pb-025 txt14 line-height-1 w60 menu-text" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "BottomMenu",
@@ -32630,6 +32626,7 @@ function debounceFilter(ms, options = {}) {
     lastRejector();
     lastRejector = noop;
   };
+  let lastInvoker;
   const filter3 = (invoke) => {
     const duration = toValue(ms);
     const maxDuration = toValue(options.maxWait);
@@ -32644,12 +32641,13 @@ function debounceFilter(ms, options = {}) {
     }
     return new Promise((resolve, reject3) => {
       lastRejector = options.rejectOnCancel ? reject3 : resolve;
+      lastInvoker = invoke;
       if (maxDuration && !maxTimer) {
         maxTimer = setTimeout(() => {
           if (timer)
             _clearTimeout(timer);
           maxTimer = null;
-          resolve(invoke());
+          resolve(lastInvoker());
         }, maxDuration);
       }
       timer = setTimeout(() => {
@@ -34053,14 +34051,12 @@ class BagelAuth {
   }
 }
 class Bagel {
-  constructor({ host, fileBaseUrl, onError }) {
+  constructor({ host, onError }) {
     __publicField(this, "host");
-    __publicField(this, "fileBaseUrl");
     __publicField(this, "onError");
     __publicField(this, "read_table");
     __publicField(this, "auth", new BagelAuth(this));
     this.host = host == null ? void 0 : host.replace(/\/$/, "");
-    this.fileBaseUrl = fileBaseUrl == null ? void 0 : fileBaseUrl.replace(/\/$/, "");
     if (!this.host) {
       return this;
     }
@@ -35561,7 +35557,7 @@ export {
   IMAGE_FORMATS,
   IMAGE_FORMATS_REGEXP,
   _sfc_main$d as Icon,
-  _sfc_main$p as IframeVue,
+  _sfc_main$q as IframeVue,
   Image$1 as Image,
   JSONInput,
   Layout,
@@ -35579,7 +35575,7 @@ export {
   NumberInput,
   OTP,
   _sfc_main$8 as PageTitle,
-  _sfc_main$D as PasswordInput,
+  _sfc_main$E as PasswordInput,
   Pill,
   RadioGroup,
   RadioPillsInput,
@@ -35588,7 +35584,7 @@ export {
   RouterWrapper,
   SelectInput,
   SidebarMenu,
-  _sfc_main$v as SignaturePad,
+  _sfc_main$w as SignaturePad,
   Skeleton,
   TabbedLayout,
   TableField,