@bagelink/vue 0.0.1000 → 0.0.1006

package/dist/index.cjs

@@ -5,7 +5,43 @@ var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get bglForm() {
+    return bglForm;
+  },
+  get checkField() {
+    return checkField;
+  },
+  get dateField() {
+    return dateField;
+  },
+  get findBglFieldById() {
+    return findBglFieldById;
+  },
+  get frmRow() {
+    return frmRow;
+  },
+  get getBaseField() {
+    return getBaseField;
+  },
+  get numField() {
+    return numField;
+  },
+  get richText() {
+    return richText;
+  },
+  get slctField() {
+    return slctField;
+  },
+  get telField() {
+    return telField;
+  },
+  get txtField() {
+    return txtField;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "Accordion",
   setup(__props) {
     const state2 = vue.reactive({
@@ -19,10 +55,10 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["aria-expanded", "aria-controls"];
+const _hoisted_1$P = ["aria-expanded", "aria-controls"];
 const _hoisted_2$v = { class: "accordion-label" };
-const _hoisted_3$o = ["id", "aria-hidden"];
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$p = ["id", "aria-hidden"];
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
     label: {},
@@ -96,7 +132,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$c), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$O),
+        ], 8, _hoisted_1$P),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -106,7 +142,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$o)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$p)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -121,9 +157,9 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-3a286d21"]]);
-const _hoisted_1$N = { class: "relative" };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-3a286d21"]]);
+const _hoisted_1$O = { class: "relative" };
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
   setup(__props, { emit: __emit }) {
@@ -145,8 +181,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-        vue.createVNode(vue.unref(_sfc_main$Q), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+        vue.createVNode(vue.unref(_sfc_main$R), {
           ref_key: "suggestion",
           ref: suggestion,
           noAutoFocus: true,
@@ -181,11 +217,11 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$M = {
+const _hoisted_1$N = {
   key: 1,
   class: "bgl_btn-flex"
 };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "Btn",
   props: {
     disabled: { type: Boolean, default: false },
@@ -249,7 +285,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
           _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), {
             key: 0,
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
               key: 0,
               icon: _ctx.icon
@@ -271,10 +307,10 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-3c0720f5"]]);
-const _hoisted_1$L = ["dismissable"];
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-3c0720f5"]]);
+const _hoisted_1$M = ["dismissable"];
 const _hoisted_2$u = { class: "m-0" };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
     message: {},
@@ -310,13 +346,13 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$L)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$M)) : vue.createCommentVNode("", true);
     };
   }
 });
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$K = ["src", "alt"];
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-57141c32"]]);
+const _hoisted_1$L = ["src", "alt"];
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
     fallback: {},
@@ -334,7 +370,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$K)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$L)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString((_ctx.fallback || vue.unref(initials)(_ctx.name || "")).toUpperCase()), 5))
@@ -342,8 +378,8 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-46ad8c25"]]);
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-46ad8c25"]]);
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "Badge",
   props: {
     color: {},
@@ -372,10 +408,11 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-2f3caf93"]]);
-const _hoisted_1$J = ["src"];
-const _hoisted_2$t = ["src", "autoplay", "muted", "loop", "controls"];
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-2f3caf93"]]);
+const _hoisted_1$K = ["src"];
+const _hoisted_2$t = ["autoplay", "muted", "loop", "controls", "playsinline"];
+const _hoisted_3$o = ["src", "type"];
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
     src: {},
@@ -383,16 +420,36 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     mute: { type: Boolean },
     aspectRatio: {},
     controls: { type: Boolean },
-    loop: { type: Boolean }
+    loop: { type: Boolean },
+    status: {},
+    playsinline: { type: Boolean }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props2 = __props;
+    const videoFormat = vue.computed(() => {
+      var _a2, _b, _c;
+      return ((_c = (_b = (_a2 = props2.src) == null ? void 0 : _a2.split(".").pop()) == null ? void 0 : _b.split("?").shift()) == null ? void 0 : _c.toLowerCase()) || "mp4";
+    });
     const aspectRatio = vue.computed(
       () => {
         var _a2;
         return ((_a2 = props2.aspectRatio) == null ? void 0 : _a2.replace(":", "/")) || "16/9";
       }
     );
+    const video = vue.ref();
+    function play() {
+      var _a2;
+      (_a2 = video.value) == null ? void 0 : _a2.play();
+    }
+    function pause() {
+      var _a2;
+      (_a2 = video.value) == null ? void 0 : _a2.pause();
+    }
+    vue.watch(() => props2.status, (status) => {
+      if (status === "play") play();
+      if (status === "pause") pause();
+    });
+    __expose({ play, pause });
     const embedType = vue.computed(() => {
       const youtubeRegex2 = /youtube\.com|youtu\.be/;
       if (youtubeRegex2.test(props2.src || "")) return "YouTube";
@@ -405,7 +462,10 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
         if (embedType.value === "YouTube") {
           const videoId = (_c = (_b = (_a2 = props2.src) == null ? void 0 : _a2.split(/v=|youtu\.be\//)[1]) == null ? void 0 : _b.split("&")) == null ? void 0 : _c[0];
           const queryParams = new URLSearchParams({
-            autoplay: props2.autoplay ? "1" : "0"
+            autoplay: props2.autoplay ? "1" : "0",
+            controls: "0",
+            showinfo: "0",
+            modestbranding: "1"
           });
           return `https://www.youtube.com/embed/${videoId}?${queryParams}`;
         }
@@ -429,26 +489,32 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$J)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$K)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
-          src: _ctx.src,
+          ref_key: "video",
+          ref: video,
           autoplay: _ctx.autoplay,
           muted: _ctx.mute,
           loop: _ctx.loop,
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
-          playsinline: ""
-        }, null, 12, _hoisted_2$t)) : vue.createCommentVNode("", true)
+          playsinline: _ctx.playsinline
+        }, [
+          vue.createElementVNode("source", {
+            src: _ctx.src,
+            type: `video/${videoFormat.value}`
+          }, null, 8, _hoisted_3$o)
+        ], 12, _hoisted_2$t)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-30c80244"]]);
-const _hoisted_1$I = {
+const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-006552f6"]]);
+const _hoisted_1$J = {
   key: 0,
   class: "card_label"
 };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "Card",
   props: {
     label: {},
@@ -477,7 +543,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$I, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$J, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -487,13 +553,13 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$H = ["dir"];
+const _hoisted_1$I = ["dir"];
 const _hoisted_2$s = {
   key: 0,
   class: "blocker"
 };
 const _hoisted_3$n = { class: "Handlers" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
     autoHeight: { type: Boolean, default: false },
@@ -678,11 +744,11 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$H);
+      ], 14, _hoisted_1$I);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-98e36ac5"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-98e36ac5"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -6626,13 +6692,13 @@ var script = vue.defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   key: 0,
   class: "layer-hover-bar"
 };
 const _hoisted_2$r = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$G, [
+  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$H, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
@@ -6644,7 +6710,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/HoverBar/index.vue";
 const BRAND_COLOR = "var(--bgl-primary)";
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "Lineart",
   props: {
     data: {},
@@ -6784,7 +6850,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$G = {
   key: 0,
   class: "data"
 };
@@ -6805,7 +6871,7 @@ const _hoisted_9$3 = {
   key: 0,
   class: "m-0"
 };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "DataPreview",
   props: /* @__PURE__ */ vue.mergeModels({
     showFields: {},
@@ -6841,7 +6907,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     const computedSchema = vue.computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$3), {
           key: 0,
           label: _ctx.title
@@ -6854,7 +6920,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", _hoisted_3$l, [
                 vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
-              vue.createVNode(vue.unref(_sfc_main$N), {
+              vue.createVNode(vue.unref(_sfc_main$O), {
                 modelValue: itemData.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => itemData.value = $event),
                 label: "",
@@ -6883,7 +6949,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-6c27f163"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-6c27f163"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -7487,9 +7553,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;
@@ -7594,11 +7661,7 @@ const shift = function(options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x2,
-          y: limitedCoords.y - y2,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
+          y: limitedCoords.y - y2
         }
       };
     }
@@ -7612,7 +7675,6 @@ const size = function(options) {
     name: "size",
     options,
     async fn(state2) {
-      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -7648,11 +7710,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);
@@ -9430,7 +9491,7 @@ const Gt$1 = {
   install: Ct$1,
   options: h
 };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "Dropdown",
   props: /* @__PURE__ */ vue.mergeModels({
     value: {},
@@ -9501,7 +9562,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "Flag",
   props: {
     country: {},
@@ -9531,7 +9592,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-f99f1900"]]);
+const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-f99f1900"]]);
 const state$1 = vue.reactive(/* @__PURE__ */ new Map());
 function useTabs(group) {
   if (!state$1.has(group)) {
@@ -9545,8 +9606,8 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$E = ["onClick"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$F = ["onClick"];
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsNav",
   props: {
     title: {},
@@ -9625,14 +9686,14 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               icon: tab.icon
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
             vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
-          ], 10, _hoisted_1$E);
+          ], 10, _hoisted_1$F);
         }), 128))
       ], 2);
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-90649f98"]]);
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-90649f98"]]);
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
     field: {},
@@ -9654,7 +9715,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       if (props2.field.$el === "check") return CheckInput;
       if (props2.field.$el === "richtext") return RichText;
       if (props2.field.$el === "file") return FileUpload;
-      if (props2.field.$el === "date") return _sfc_main$G;
+      if (props2.field.$el === "date") return _sfc_main$H;
       if (props2.field.$el === "tabs") return TabsNav;
       return props2.field.$el ?? "div";
     });
@@ -9679,6 +9740,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       return data2;
     }
     function getFieldData(obj, key) {
+      if (typeof obj !== "object" || obj === null) return obj;
       const keys4 = key.split(objPathRegex);
       let result2 = obj;
       for (const k2 of keys4) {
@@ -9765,7 +9827,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "BglForm",
   props: {
     label: {},
@@ -9863,7 +9925,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9887,7 +9949,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
             label: _ctx.label
           }, null, 8, ["label"])) : vue.createCommentVNode("", true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
@@ -9906,8 +9968,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$D = { key: 0 };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$E = { key: 0 };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ vue.mergeModels({
     bagelFormProps: { default: () => ({}) },
@@ -9974,8 +10036,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           mode: "out-in"
         }, {
           default: vue.withCtx(() => [
-            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
-              vue.createVNode(vue.unref(_sfc_main$M), vue.mergeProps({
+            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+              vue.createVNode(vue.unref(_sfc_main$N), vue.mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
                 modelValue: formData.value,
@@ -10014,8 +10076,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = { class: "primary-checkbox" };
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$D = { class: "primary-checkbox" };
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
     "modelValue": { type: Boolean, ...{ default: false } },
@@ -10025,7 +10087,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$C, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$D, [
         vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -10037,11 +10099,11 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-73f1d9ad"]]);
-const _hoisted_1$B = ["title"];
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-73f1d9ad"]]);
+const _hoisted_1$C = ["title"];
 const _hoisted_2$p = ["id", "value", "required"];
 const _hoisted_3$k = ["for"];
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -10083,19 +10145,19 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$k)
-      ], 10, _hoisted_1$B);
+      ], 10, _hoisted_1$C);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-03ed2982"]]);
-const _hoisted_1$A = {
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-03ed2982"]]);
+const _hoisted_1$B = {
   key: 0,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px"
 };
 const _hoisted_2$o = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
 const _hoisted_3$j = ["innerHTML"];
 const _hoisted_4$c = ["onKeydown"];
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
     language: {},
@@ -10175,7 +10237,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+      return vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         vue.createElementVNode("div", {
           class: "relative block h-100",
           style: vue.normalizeStyle({ height: vue.unref(height) })
@@ -10208,10 +10270,10 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-4f1dc18a"]]);
-const _hoisted_1$z = ["title"];
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-4f1dc18a"]]);
+const _hoisted_1$A = ["title"];
 const _hoisted_2$n = ["id", "placeholder", "required"];
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
     label: {},
@@ -10253,7 +10315,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             [vue.vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$z)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$A)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -18811,9 +18873,9 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$y = ["title"];
+const _hoisted_1$z = ["title"];
 const _hoisted_2$m = { key: 0 };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
     required: { type: Boolean },
@@ -18871,11 +18933,11 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$y);
+      ], 10, _hoisted_1$z);
     };
   }
 });
-const _hoisted_1$x = { class: "datetime-wrap" };
+const _hoisted_1$y = { class: "datetime-wrap" };
 const _hoisted_2$l = { class: "date-wrap" };
 const _hoisted_3$i = {
   key: 0,
@@ -18883,7 +18945,7 @@ const _hoisted_3$i = {
 };
 const _hoisted_4$b = ["id", "name", "value"];
 const _hoisted_5$b = ["for"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
     label: {},
@@ -18911,7 +18973,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
         vue.createElementVNode("div", _hoisted_2$l, [
           vue.createVNode(vue.unref(Hn), vue.mergeProps({
             modelValue: selectedDate.value,
@@ -18952,8 +19014,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["src", "alt", "width", "height"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$x = ["src", "alt", "width", "height"];
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "Image",
   props: {
     src: {},
@@ -18987,10 +19049,10 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           }
         }
         try {
+          await appendScript("https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js");
           const response = await fetch(src);
           const blob = await response.blob();
-          const { default: heic2any } = await Promise.resolve().then(() => require("./heic2any-C8KwH72N.cjs")).then((n2) => n2.heic2any);
-          const convertedBlob = await heic2any({ blob });
+          const convertedBlob = await window.heic2any({ blob });
           imageSrc.value = URL.createObjectURL(convertedBlob);
           if ("caches" in window) {
             try {
@@ -19016,7 +19078,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         alt: _ctx.alt,
         width: vue.unref(normalizeDimension)(_ctx.width),
         height: vue.unref(normalizeDimension)(_ctx.height)
-      }), null, 16, _hoisted_1$w)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
+      }), null, 16, _hoisted_1$x)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
         key: 1,
         class: "img-web-kit",
         width: vue.unref(normalizeDimension)(_ctx.width),
@@ -19025,8 +19087,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-3f8cf457"]]);
-const _hoisted_1$v = { class: "bagel-input" };
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-a96b25a8"]]);
+const _hoisted_1$w = { class: "bagel-input" };
 const _hoisted_2$k = {
   key: 0,
   placeholder: "required",
@@ -19064,7 +19126,7 @@ const _hoisted_13$1 = {
   class: "progress"
 };
 const _hoisted_14 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -19238,10 +19300,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
       const _directive_lightbox = vue.resolveDirective("lightbox");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
         _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$k)) : vue.createCommentVNode("", true),
-        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$U), {
+        _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), {
           key: 1,
           outline: "",
           class: "flex p-05 gap-1",
@@ -19486,11 +19548,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-6bfdaea2"]]);
-const _hoisted_1$u = ["title"];
+const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-6bfdaea2"]]);
+const _hoisted_1$v = ["title"];
 const _hoisted_2$j = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
   props: {
     description: { default: "" },
@@ -19522,13 +19584,13 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$g)
-      ], 10, _hoisted_1$u);
+      ], 10, _hoisted_1$v);
     };
   }
 });
-const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$t = ["value", "autofocus", "onKeydown", "onPaste"];
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-1cbaeab2"]]);
+const _hoisted_1$u = ["value", "autofocus", "onKeydown", "onPaste"];
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
   props: {
     digitCount: {},
@@ -19626,14 +19688,14 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             oninput: "this.value = this.value.slice(0, 1);",
             onKeydown: ($event) => handleKeyDown($event, ind),
             onPaste: ($event) => handlePaste($event, ind)
-          }, null, 40, _hoisted_1$t);
+          }, null, 40, _hoisted_1$u);
         }), 128))
       ], 512);
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-5c22c199"]]);
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-5c22c199"]]);
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ vue.mergeModels({
     id: {},
@@ -19696,7 +19758,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = ["for"];
+const _hoisted_1$t = ["for"];
 const _hoisted_2$i = ["id", "name", "value"];
 const _hoisted_3$f = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
 const _hoisted_4$9 = ["src", "alt"];
@@ -19709,7 +19771,7 @@ const _hoisted_7$4 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioGroup",
   props: /* @__PURE__ */ vue.mergeModels({
     groupName: {},
@@ -19762,19 +19824,19 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_1$s);
+          ], 8, _hoisted_1$t);
         }), 128))
       ]);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-3e9e030f"]]);
-const _hoisted_1$r = { class: "bagel-input" };
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-3e9e030f"]]);
+const _hoisted_1$s = { class: "bagel-input" };
 const _hoisted_2$h = { class: "pb-025" };
 const _hoisted_3$e = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$8 = ["id", "name", "value", "checked"];
 const _hoisted_5$8 = ["for"];
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
     options: {},
@@ -19815,7 +19877,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       selectedValue.value = props2.modelValue;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
         vue.createElementVNode("label", _hoisted_2$h, vue.toDisplayString(_ctx.label), 1),
         vue.createElementVNode("div", _hoisted_3$e, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option2, index2) => {
@@ -19841,11 +19903,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-cf892d71"]]);
-const _hoisted_1$q = { key: 0 };
+const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-cf892d71"]]);
+const _hoisted_1$r = { key: 0 };
 const _hoisted_2$g = ["id", "disabled", "max", "min", "step", "required", "name"];
 const _hoisted_3$d = { key: 1 };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "RangeInput",
   props: /* @__PURE__ */ vue.mergeModels({
     min: {},
@@ -19889,7 +19951,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["flex gap-1 align-center range-slide", { disabled: _ctx.disabled }])
       }, [
-        _ctx.min !== void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$q, vue.toDisplayString(_ctx.min), 1)) : vue.createCommentVNode("", true),
+        _ctx.min !== void 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_1$r, vue.toDisplayString(_ctx.min), 1)) : vue.createCommentVNode("", true),
         vue.withDirectives(vue.createElementVNode("input", {
           id: _ctx.id,
           ref_key: "range",
@@ -19911,7 +19973,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ded4d62d"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-ded4d62d"]]);
 const defaultToolbarConfig = [
   "h2",
   "h3",
@@ -19978,12 +20040,12 @@ const toolbarOptions = [
   { name: "separator" },
   { name: "fullScreen", label: "Full Screen", icon: "fullscreen", class: "ms-auto" }
 ];
-const _hoisted_1$p = { class: "grid grid-wrap p-05" };
+const _hoisted_1$q = { class: "grid grid-wrap p-05" };
 const _hoisted_2$f = ["onMousemove", "onClick"];
 const _hoisted_3$c = { class: "txt-center txt-12 color-gray" };
 const fb = 1;
 const base = 5;
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "gridBox",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -19999,7 +20061,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       return hoveredCol.value > base - 1 ? enlarge : base;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(rowSize.value, (row) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: `row-${row}`,
@@ -20035,12 +20097,12 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-4548b70f"]]);
-const _hoisted_1$o = {
+const GridBox = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-4548b70f"]]);
+const _hoisted_1$p = {
   class: "toolbar flex gap-025 pb-05 flex-wrap",
   role: "toolbar"
 };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "Toolbar",
   props: {
     config: { default: defaultToolbarConfig },
@@ -20055,10 +20117,10 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.map(configToOption).filter(Boolean), (action, index2) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+            action.name === "insertTable" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
               key: 0,
               placement: "bottom-start",
               thin: "",
@@ -20097,7 +20159,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-9688758a"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-9688758a"]]);
 function formatting(state2) {
   const { doc, range: range2, selection } = state2;
   function setRangeAndSelect(node, start, end) {
@@ -20361,6 +20423,7 @@ function formatting(state2) {
   };
   return { text, block, list, clear };
 }
+const { frmRow: frmRow$1, numField: numField$1 } = bagelFormUtils;
 function insertImage(modal, state2) {
   const { range: range2, doc } = state2;
   if (!range2 || !doc) return;
@@ -20368,15 +20431,31 @@ function insertImage(modal, state2) {
     title: "Upload Image",
     schema: [
       { id: "src", $el: "file", attrs: { bindkey: "url" } },
-      { id: "alt", $el: "text", label: "Alt Text" }
+      { id: "alt", $el: "text", label: "Alt Text" },
+      frmRow$1(
+        numField$1("width", "Width", { min: 1 }),
+        numField$1("height", "Height", { min: 1 })
+      ),
+      { id: "figcaption", $el: "check", label: "Show Caption" }
     ],
     onSubmit: (data2) => {
       if (data2.src) {
         const img = doc.createElement("img");
-        img.src = data2.src;
-        img.alt = data2.alt;
+        Object.assign(img, {
+          src: data2.src,
+          alt: data2.alt || "",
+          width: data2.width || void 0,
+          height: data2.height || void 0
+        });
+        const node = data2.figcaption ? (() => {
+          const figcaption = doc.createElement("figcaption");
+          figcaption.textContent = data2.alt;
+          const figure = doc.createElement("figure");
+          figure.append(img, figcaption);
+          return figure;
+        })() : img;
         range2.collapse(false);
-        range2.insertNode(img);
+        range2.insertNode(node);
       }
     }
   });
@@ -20715,8 +20794,8 @@ function useEditorKeyboard(doc, handleToolbarAction) {
     }
   });
 }
-const _hoisted_1$n = { class: "content-area radius-05" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$o = { class: "content-area radius-05" };
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
     modelValue: {},
@@ -20772,7 +20851,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["editor-container", { "split-view": (_a2 = vue.unref(editor)) == null ? void 0 : _a2.state.isSplitView }])
         }, [
-          vue.createElementVNode("div", _hoisted_1$n, [
+          vue.createElementVNode("div", _hoisted_1$o, [
             vue.createElementVNode("iframe", {
               id: "rich-text-iframe",
               ref_key: "iframe",
@@ -20796,8 +20875,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-e274dd3b"]]);
-const _hoisted_1$m = { class: "flex gap-05" };
+const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-e274dd3b"]]);
+const _hoisted_1$n = { class: "flex gap-05" };
 const _hoisted_2$e = ["disabled"];
 const _hoisted_3$b = { key: 1 };
 const _hoisted_4$7 = {
@@ -20807,11 +20886,11 @@ const _hoisted_4$7 = {
 const _hoisted_5$7 = ["value"];
 const _hoisted_6$6 = ["aria-selected", "onClick", "onKeydown"];
 const _hoisted_7$3 = { class: "block" };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
     options: {},
-    placeholder: {},
+    placeholder: { default: "Select" },
     disabled: { type: Boolean },
     modelValue: {},
     searchable: { type: Boolean },
@@ -20823,14 +20902,14 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     hideLabel: { type: Boolean },
     defaultValue: {},
     clearable: { type: Boolean },
-    searchPlaceholder: {},
-    onSearch: { type: Function }
+    searchPlaceholder: { default: "Search" },
+    onSearch: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const searchPlaceholder = vue.computed(() => props2.searchPlaceholder || "Search");
+    const searchPlaceholder = vue.computed(() => props2.searchPlaceholder);
     const searchInput = vue.ref();
     let selectedItems = vue.ref([]);
     const selectedItemCount = vue.computed(() => selectedItems.value.length ?? 0);
@@ -20839,7 +20918,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     let selected = vue.ref(false);
     let open = vue.ref(false);
     const selectedLabel = vue.computed(() => {
-      if (selectedItemCount.value === 0) return props2.placeholder || "Select";
+      if (selectedItemCount.value === 0) return props2.placeholder;
       if (selectedItemCount.value > 4) {
         const str = selectedItems.value.slice(0, 4).map((item) => getLabel(item)).join(", ");
         return `${str}... +${selectedItemCount.value - 4}`;
@@ -20981,7 +21060,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
         ref_key: "dropdown",
         ref: dropdown,
         shown: vue.unref(open),
@@ -20993,7 +21072,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         trigger: vue.withCtx(() => [
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("div", _hoisted_1$m, [
+            vue.createElementVNode("div", _hoisted_1$n, [
               _ctx.searchable && vue.unref(open) ? (vue.openBlock(), vue.createBlock(vue.unref(TextInput), {
                 key: 0,
                 ref_key: "searchInput",
@@ -21060,7 +21139,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             height: "25px",
             class: "mx-1 my-1"
           })) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(_sfc_main$U), {
+          vue.createVNode(vue.unref(_sfc_main$V), {
             class: "p-05",
             style: vue.normalizeStyle({ width: _ctx.fullWidth ? "100%" : "auto" })
           }, {
@@ -21111,7 +21190,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-982f5078"]]);
+const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-9574c8a2"]]);
 /*!
  * Signature Pad v5.0.4 | https://github.com/szimek/signature_pad
  * (c) 2024 Szymon Nowak | Released under the MIT license
@@ -21708,7 +21787,7 @@ class SignaturePad extends SignatureEventTarget {
     return svg.outerHTML;
   }
 }
-const _hoisted_1$l = ["disabled"];
+const _hoisted_1$m = ["disabled"];
 const _hoisted_2$d = {
   key: 1,
   placeholder: "required",
@@ -21716,7 +21795,7 @@ const _hoisted_2$d = {
   required: "",
   class: "pixel"
 };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SignaturePad",
   props: /* @__PURE__ */ vue.mergeModels({
     sigOption: {},
@@ -21869,7 +21948,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           ref: vCanvas,
           class: "canvas",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$l),
+        }, null, 8, _hoisted_1$m),
         _ctx.required && vue.unref(_isEmpty) ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$d)) : vue.createCommentVNode("", true)
       ], 34);
     };
@@ -24354,13 +24433,13 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$k = ["title"];
+const _hoisted_1$l = ["title"];
 const _hoisted_2$c = { class: "bagel-input" };
 const _hoisted_3$a = { class: "table-side-scroll" };
 const _hoisted_4$6 = { class: "table-header" };
 const _hoisted_5$6 = { class: "table-reorder" };
 const _hoisted_6$5 = { class: "table-action" };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
     description: { default: "" },
@@ -24500,11 +24579,11 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           ])),
           _: 1
         })
-      ], 8, _hoisted_1$k);
+      ], 8, _hoisted_1$l);
     };
   }
 });
-const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-a65c658c"]]);
+const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a65c658c"]]);
 function bind(fn2, thisArg) {
   return function wrap() {
     return fn2.apply(thisArg, arguments);
@@ -28951,13 +29030,13 @@ function parsePhoneNumber$1() {
 function parsePhoneNumber() {
   return withMetadataArgument(parsePhoneNumber$1, arguments);
 }
-const _hoisted_1$j = ["aria-expanded"];
+const _hoisted_1$k = ["aria-expanded"];
 const _hoisted_2$b = { class: "p-075 tel-countryp-dropdown" };
 const _hoisted_3$9 = ["aria-selected", "onClick", "onMousemove"];
 const _hoisted_4$5 = { class: "tel-country" };
 const _hoisted_5$5 = { key: 1 };
 const _hoisted_6$4 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -29218,7 +29297,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               vue.withKeys(reset, ["tab"])
             ]
           }, [
-            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
+            !computedDropDownOptions.value.hide ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
               key: 0,
               ref_key: "phoneDropdown",
               ref: phoneDropdown,
@@ -29305,19 +29384,19 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             }, null, 44, _hoisted_6$4), [
               [vue.vModelText, phone.value]
             ])
-          ], 40, _hoisted_1$j)
+          ], 40, _hoisted_1$k)
         ])
       ], 2);
     };
   }
 });
-const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-627af458"]]);
-const _hoisted_1$i = ["title"];
+const TelInput = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-627af458"]]);
+const _hoisted_1$j = ["title"];
 const _hoisted_2$a = ["for"];
 const _hoisted_3$8 = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$4 = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_5$4 = { key: 2 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
     id: {},
@@ -29454,15 +29533,15 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$a)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0e10a3b5"]]);
-const _hoisted_1$h = ["title"];
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-0e10a3b5"]]);
+const _hoisted_1$i = ["title"];
 const _hoisted_2$9 = ["id", "required"];
 const _hoisted_3$7 = ["for"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
     label: {},
@@ -29506,11 +29585,75 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$7)
-      ], 10, _hoisted_1$h);
+      ], 10, _hoisted_1$i);
+    };
+  }
+});
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-486451e5"]]);
+const _hoisted_1$h = ["src", "title", "width", "height", "marginwidth", "marginheight", "csp", "scrolling", "srcset"];
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  __name: "IframeVue",
+  props: {
+    src: {},
+    title: {},
+    height: {},
+    width: {},
+    name: {},
+    sandbox: {},
+    allow: {},
+    allowfullscreen: { type: Boolean },
+    loading: {},
+    referrerpolicy: {},
+    marginwidth: {},
+    marginheight: {},
+    scrolling: {},
+    csp: {},
+    srcset: {}
+  },
+  emits: ["message", "load"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit2 = __emit;
+    const iframe = vue.ref();
+    function handleMessage(event) {
+      emit2("message", event.data);
+    }
+    function handleMessageWrapper(event) {
+      var _a2;
+      if (event.source === ((_a2 = iframe.value) == null ? void 0 : _a2.contentWindow)) {
+        handleMessage(event);
+      }
+    }
+    vue.onMounted(() => {
+      window.addEventListener("message", handleMessageWrapper);
+    });
+    vue.onBeforeUnmount(() => {
+      window.removeEventListener("message", handleMessageWrapper);
+    });
+    const contentWindow = () => {
+      var _a2;
+      return (_a2 = iframe.value) == null ? void 0 : _a2.contentWindow;
+    };
+    __expose({ contentWindow });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("iframe", {
+        ref_key: "iframe",
+        ref: iframe,
+        src: _ctx.src,
+        title: _ctx.title,
+        frameborder: "none",
+        width: _ctx.width,
+        height: _ctx.height,
+        allowpaymentrequest: "true",
+        marginwidth: _ctx.marginwidth,
+        marginheight: _ctx.marginheight,
+        csp: _ctx.csp,
+        scrolling: _ctx.scrolling,
+        srcset: _ctx.srcset,
+        onLoad: _cache[0] || (_cache[0] = ($event) => emit2("load", $event))
+      }, null, 40, _hoisted_1$h);
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-486451e5"]]);
 const _hoisted_1$g = { class: "m-0 pb-025 txt14 line-height-1" };
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "BottomMenu",
@@ -29519,7 +29662,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$U), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
+      return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$V), { class: "hide m_grid gap-05 bgl_bottombar px-1 txt14 justify-content-start align-items-center overflow-x" }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "brand", {}, void 0, true),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navLinks, (nav, i2) => {
@@ -29620,7 +29763,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           icon: "keyboard_arrow_right",
           onClick: toggleMenu
         }),
-        vue.createVNode(vue.unref(_sfc_main$U), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
+        vue.createVNode(vue.unref(_sfc_main$V), { class: "py-1 px-05 h-100 flex column gap-05 rounded relative bg-primary font-light overflow-y" }, {
           default: vue.withCtx(() => [
             !vue.unref(isOpen) || !vue.unref(slots)["brand-open"] ? vue.renderSlot(_ctx.$slots, "brand", { key: 0 }, void 0, true) : vue.createCommentVNode("", true),
             vue.unref(isOpen) ? vue.renderSlot(_ctx.$slots, "brand-open", { key: 1 }, void 0, true) : vue.createCommentVNode("", true),
@@ -29649,8 +29792,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                   _directive_tooltip,
                   {
                     content: nav.label,
-                    disabled: _ctx.open,
-                    class: ["nav-tooltip"]
+                    disabled: _ctx.open
                   },
                   void 0,
                   { right: true }
@@ -29666,7 +29808,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-51cedd11"]]);
+const SidebarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-0cd6a0fb"]]);
 const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "Skeleton",
   props: {
@@ -30145,7 +30287,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [
-        vue.createVNode(vue.unref(_sfc_main$U), {
+        vue.createVNode(vue.unref(_sfc_main$V), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -30322,7 +30464,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => emit2("update:visible", $event))
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$M), {
+          _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
             key: 0,
             ref_key: "form",
             ref: form,
@@ -30523,8 +30665,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "5217b464": computedBackgroundColor.value,
-      "0b2b363f": cumputedTextColor.value
+      "33699ebd": computedBackgroundColor.value,
+      "bd23d150": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -30586,6 +30728,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             _ctx.btn ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
               vue.createVNode(vue.unref(Btn), vue.mergeProps({
                 class: "bgl_pill-btn",
+                round: "",
                 thin: ""
               }, _ctx.btn), null, 16)
             ])) : vue.createCommentVNode("", true)
@@ -30606,6 +30749,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
             _ctx.btnEnd ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
               vue.createVNode(vue.unref(Btn), vue.mergeProps({
                 class: "bgl_pill-btn",
+                round: "",
                 thin: ""
               }, _ctx.btnEnd), null, 16)
             ])) : vue.createCommentVNode("", true)
@@ -30615,7 +30759,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5476be6c"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4249cc3e"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
@@ -31236,25 +31380,26 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "c3b285e8": vue.unref(computedItemHeight)
+      "0469f9a7": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
+    const NON_DIGIT_REGEX = /[^\d.-]/g;
     const slots = vue.useSlots();
     const loading = vue.useModel(__props, "loading");
     const itemHeight = vue.useModel(__props, "itemHeight");
-    const computedItemHeight = vue.computed(() => `${itemHeight.value}px`);
-    let sortField = vue.ref("");
-    let sortDirection = vue.ref("ASC");
     const selectedItems = vue.useModel(
       __props,
       "selectedItems",
       {
-        set: (value) => {
-          setTimeout(updateAllSelectorState, 0);
-          return value;
-        }
+        set: (value) => value
       }
     );
+    let sortField = vue.ref("");
+    let sortDirection = vue.ref("ASC");
+    const allSelectorEl = vue.ref();
+    const lastItemEl = vue.ref();
+    const computedSelectedItems = vue.computed(() => selectedItems.value);
+    const computedItemHeight = vue.computed(() => `${itemHeight.value}px`);
     const isSelectable = vue.computed(() => __props.selectable === true && Array.isArray(selectedItems.value));
     const computedSortField = vue.computed(() => `_transformed_${sortField.value}`);
     const computedSchema = vue.computed(() => useBglSchema({
@@ -31262,21 +31407,6 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       showFields: __props.showFields,
       data: __props.data
     }));
-    function transform(rowData) {
-      var _a2;
-      const obj = { ...rowData };
-      const schemaFields = computedSchema.value.filter((f2) => f2.id);
-      for (const field of schemaFields) {
-        const fieldData = rowData[`${field.id}`];
-        const newFieldVal = (_a2 = field.transform) == null ? void 0 : _a2.call(field, fieldData, rowData);
-        Object.assign(obj, {
-          [`${field.id}`]: fieldData,
-          [`_transformed_${field.id}`]: newFieldVal
-        });
-      }
-      return obj;
-    }
-    const NON_DIGIT_REGEX = /[^\d.-]/g;
     const computedData = vue.computed(() => {
       if (!sortField.value || __props.useServerSort === true) return __props.data.map(transform);
       return __props.data.map(transform).sort(
@@ -31302,6 +31432,20 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         }
       );
     });
+    function transform(rowData) {
+      var _a2;
+      const obj = { ...rowData };
+      const schemaFields = computedSchema.value.filter((f2) => f2.id);
+      for (const field of schemaFields) {
+        const fieldData = rowData[`${field.id}`];
+        const newFieldVal = (_a2 = field.transform) == null ? void 0 : _a2.call(field, fieldData, rowData);
+        Object.assign(obj, {
+          [`${field.id}`]: fieldData,
+          [`_transformed_${field.id}`]: newFieldVal
+        });
+      }
+      return obj;
+    }
     function sort2(fieldname) {
       if (sortField.value === fieldname) {
         if (sortDirection.value === "ASC") sortDirection.value = "DESC";
@@ -31319,50 +31463,47 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         overscan: 10
       }
     );
-    vue.watch(
-      () => computedData.value.length,
-      (newLength, oldLength) => {
-        if (newLength === oldLength || __props.onLastItemVisible !== void 0) return;
-        scrollTo(0);
-      }
-    );
-    const allSelector = vue.ref();
-    const computedSelectedItems = vue.computed(() => selectedItems.value);
     function updateAllSelectorState() {
-      if (!allSelector.value) return;
+      if (!allSelectorEl.value) return;
       const allSelected = computedData.value.length === computedSelectedItems.value.length && computedData.value.every((s2) => s2.id && computedSelectedItems.value.includes(s2.id));
-      allSelector.value.checked = allSelected;
-      allSelector.value.indeterminate = !allSelected && computedSelectedItems.value.length > 0;
+      allSelectorEl.value.checked = allSelected;
+      allSelectorEl.value.indeterminate = !allSelected && computedSelectedItems.value.length > 0;
     }
     function toggleSelectItem(item) {
       if (computedSelectedItems.value.length === 0) {
         const obj = { ...item };
-        Object.keys(obj).forEach((key) => {
-          if (key.startsWith("_transformed_")) delete obj[key];
-        });
+        Object.keys(obj).forEach((key) => key.startsWith("_transformed_") && delete obj[key]);
         emit2("select", obj);
         return;
       }
       const index2 = computedSelectedItems.value.indexOf(item.id);
-      if (index2 > -1) {
-        computedSelectedItems.value.splice(index2, 1);
-      } else {
-        computedSelectedItems.value.push(item.id);
-      }
+      index2 > -1 ? computedSelectedItems.value.splice(index2, 1) : computedSelectedItems.value.push(item.id);
     }
     function toggleSelectAll(event) {
       const value = event.target.checked;
       selectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
     }
-    const lastItem = vue.ref();
     async function registerLastItemObserver() {
-      await until(() => lastItem.value).toBeTruthy();
-      useIntersectionObserver(lastItem.value, ([entry]) => {
+      await until(() => lastItemEl.value).toBeTruthy();
+      useIntersectionObserver(lastItemEl.value, ([entry]) => {
         if (entry.isIntersecting && computedData.value.length) {
           emit2("lastItemVisible");
         }
       });
     }
+    vue.watch(
+      () => computedData.value.length,
+      (newLength, oldLength) => {
+        if (newLength === oldLength || __props.onLastItemVisible !== void 0) return;
+        scrollTo(0);
+      }
+    );
+    vue.watch(
+      () => computedSelectedItems.value.length,
+      () => {
+        updateAllSelectorState();
+      }
+    );
     vue.watch(
       () => loading.value,
       (newLoadingVal, oldLoadingVal) => {
@@ -31382,8 +31523,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("thead", _hoisted_3$1, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$1, [
                 vue.createElementVNode("input", {
-                  ref_key: "allSelector",
-                  ref: allSelector,
+                  ref_key: "allSelectorEl",
+                  ref: allSelectorEl,
                   type: "checkbox",
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                   }, ["stop"])),
@@ -31441,7 +31582,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                         row,
                         field
                       }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
-                        vue.createVNode(vue.unref(_sfc_main$N), {
+                        vue.createVNode(vue.unref(_sfc_main$O), {
                           class: "embedded-field",
                           field,
                           modelValue: row,
@@ -31454,8 +31595,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               }), 128)),
               _ctx.onLastItemVisible !== void 0 ? (vue.openBlock(), vue.createElementBlock("tr", {
                 key: 0,
-                ref_key: "lastItem",
-                ref: lastItem
+                ref_key: "lastItemEl",
+                ref: lastItemEl,
+                style: { "height": "1px" }
               }, null, 512)) : vue.createCommentVNode("", true)
             ])
           ])
@@ -31464,7 +31606,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-fae54756"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-4a5861ed"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
@@ -32620,7 +32762,7 @@ function frmRow(...children2) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: vue.markRaw(_sfc_main$M),
+      $el: vue.markRaw(_sfc_main$N),
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -32628,7 +32770,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: vue.markRaw(_sfc_main$M),
+    $el: vue.markRaw(_sfc_main$N),
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -32652,20 +32794,6 @@ function findBglFieldById(id, _schema) {
   }
   return void 0;
 }
-const BagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  bglForm,
-  checkField,
-  dateField,
-  findBglFieldById,
-  frmRow,
-  getBaseField,
-  numField,
-  richText,
-  slctField,
-  telField,
-  txtField
-}, Symbol.toStringTag, { value: "Module" }));
 const state = vue.reactive({
   defaultLang: "",
   availableLangs: [],
@@ -33406,39 +33534,40 @@ function timeAgo(date2, lang = "en") {
   }
   return selectedLang.justNow;
 }
-exports.Accordion = _sfc_main$10;
+exports.Accordion = _sfc_main$11;
 exports.AccordionItem = AccordionItem;
-exports.AddressSearch = _sfc_main$_;
+exports.AddressSearch = _sfc_main$$;
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
-exports.BagelForm = _sfc_main$M;
+exports.BagelForm = _sfc_main$N;
 exports.BagelVue = BagelVue;
-exports.BglField = _sfc_main$N;
-exports.BglForm = _sfc_main$M;
-exports.BglMultiStepForm = _sfc_main$L;
+exports.BglField = _sfc_main$O;
+exports.BglForm = _sfc_main$N;
+exports.BglMultiStepForm = _sfc_main$M;
 exports.BglVideo = BglVideo;
 exports.BottomMenu = BottomMenu;
 exports.Btn = Btn;
-exports.Card = _sfc_main$U;
+exports.Card = _sfc_main$V;
 exports.Carousel = Carousel;
 exports.CheckInput = CheckInput;
 exports.Checkbox = Checkbox;
 exports.CodeEditor = CodeEditor;
-exports.ColorPicker = _sfc_main$H;
+exports.ColorPicker = _sfc_main$I;
 exports.DataPreview = DataPreview;
-exports.DateInput = _sfc_main$G;
-exports.DatePicker = _sfc_main$F;
-exports.Dropdown = _sfc_main$Q;
+exports.DateInput = _sfc_main$H;
+exports.DatePicker = _sfc_main$G;
+exports.Dropdown = _sfc_main$R;
 exports.FileUpload = FileUpload;
 exports.Flag = Flag;
 exports.IMAGE_FORMATS = IMAGE_FORMATS;
 exports.IMAGE_FORMATS_REGEXP = IMAGE_FORMATS_REGEXP;
 exports.Icon = _sfc_main$c;
+exports.IframeVue = _sfc_main$o;
 exports.Image = Image$1;
 exports.JSONInput = JSONInput;
 exports.Layout = Layout;
-exports.Lineart = _sfc_main$S;
+exports.Lineart = _sfc_main$T;
 exports.ListItem = _sfc_main$g;
 exports.ListView = ListView;
 exports.Loading = Loading;
@@ -33451,7 +33580,7 @@ exports.ModalPlugin = ModalPlugin;
 exports.NavBar = NavBar;
 exports.OTP = OTP;
 exports.PageTitle = _sfc_main$7;
-exports.PasswordInput = _sfc_main$A;
+exports.PasswordInput = _sfc_main$B;
 exports.Pill = Pill;
 exports.RadioGroup = RadioGroup;
 exports.RadioPillsInput = RadioPillsInput;
@@ -33460,7 +33589,7 @@ exports.RichText = RichText;
 exports.RouterWrapper = RouterWrapper;
 exports.SelectInput = SelectInput;
 exports.SidebarMenu = SidebarMenu;
-exports.SignaturePad = _sfc_main$s;
+exports.SignaturePad = _sfc_main$t;
 exports.Skeleton = Skeleton;
 exports.TabbedLayout = TabbedLayout;
 exports.TableField = TableField;
@@ -33479,7 +33608,7 @@ exports.Zoomer = Zoomer;
 exports.allCountries = allCountries;
 exports.appendScript = appendScript;
 exports.appendStyle = appendStyle;
-exports.bagelFormUtils = BagelFormUtils;
+exports.bagelFormUtils = bagelFormUtils;
 exports.bagelInjectionKey = bagelInjectionKey;
 exports.bindAttrs = bindAttrs;
 exports.classify = classify;