@bagelink/vue 0.0.1066 → 0.0.1070

package/dist/index.cjs

@@ -61,8 +61,8 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["aria-expanded", "aria-controls"];
-const _hoisted_2$B = { class: "accordion-label" };
+const _hoisted_1$W = ["aria-expanded", "aria-controls"];
+const _hoisted_2$C = { class: "accordion-label" };
 const _hoisted_3$s = ["id", "aria-hidden"];
 const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
@@ -130,7 +130,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(_sfc_main$d), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "head", {}, () => [
-            vue.createElementVNode("span", _hoisted_2$B, vue.toDisplayString(_ctx.label), 1)
+            vue.createElementVNode("span", _hoisted_2$C, vue.toDisplayString(_ctx.label), 1)
           ], true),
           iconPosition.value === "end" ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -138,7 +138,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$d), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_1$V),
+        ], 8, _hoisted_1$W),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -164,7 +164,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-1e73ca3e"]]);
-const _hoisted_1$U = { class: "relative" };
+const _hoisted_1$V = { class: "relative" };
 const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
@@ -187,7 +187,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
         vue.createVNode(vue.unref(_sfc_main$W), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -223,7 +223,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$U = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -292,7 +292,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
           _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), {
             key: 0,
             size: "15"
-          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+          })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$d), {
               key: 0,
               icon: _ctx.icon
@@ -315,8 +315,8 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c23a3626"]]);
-const _hoisted_1$S = ["dismissable"];
-const _hoisted_2$A = { class: "m-0" };
+const _hoisted_1$T = ["dismissable"];
+const _hoisted_2$B = { class: "m-0" };
 const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
   props: {
@@ -345,7 +345,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$A, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$B, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -353,12 +353,12 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$S)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$T)) : vue.createCommentVNode("", true);
     };
   }
 });
 const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$R = ["src", "alt"];
+const _hoisted_1$S = ["src", "alt"];
 const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -377,7 +377,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$R)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$S)) : (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))
@@ -416,7 +416,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-2f3caf93"]]);
-const _hoisted_1$Q = { key: 1 };
+const _hoisted_1$R = { key: 1 };
 const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "BglComponent",
   props: {
@@ -563,7 +563,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
                   id: [props2.id, child.id].filter(Boolean).join("."),
                   field: child,
                   "parent-path": props2.id
-                }, null, 8, ["id", "field", "parent-path"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$Q, vue.toDisplayString(child), 1))
+                }, null, 8, ["id", "field", "parent-path"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$R, vue.toDisplayString(child), 1))
               ], 64);
             }), 128))
           ], 64))
@@ -573,8 +573,8 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = ["src"];
-const _hoisted_2$z = ["autoplay", "muted", "loop", "controls", "playsinline"];
+const _hoisted_1$Q = ["src"];
+const _hoisted_2$A = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$r = ["src", "type"];
 const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
@@ -653,7 +653,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$P)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$Q)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -668,13 +668,13 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
             src: _ctx.src,
             type: `video/${videoFormat.value}`
           }, null, 8, _hoisted_3$r)
-        ], 12, _hoisted_2$z)) : vue.createCommentVNode("", true)
+        ], 12, _hoisted_2$A)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-006552f6"]]);
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   key: 0,
   class: "card_label"
 };
@@ -707,7 +707,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$P, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -717,8 +717,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$N = ["dir"];
-const _hoisted_2$y = {
+const _hoisted_1$O = ["dir"];
+const _hoisted_2$z = {
   key: 0,
   class: "blocker"
 };
@@ -904,7 +904,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
           onMouseover: clearAutoplay,
           onFocusin: clearAutoplay
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 38),
         __props.dots && vue.unref(slideCount) > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
@@ -930,7 +930,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$N);
+      ], 14, _hoisted_1$O);
     };
   }
 });
@@ -6878,19 +6878,19 @@ var script = vue.defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$M = {
+const _hoisted_1$N = {
   key: 0,
   class: "layer-hover-bar"
 };
-const _hoisted_2$x = ["x", "y", "width", "height"];
+const _hoisted_2$y = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$M, [
+  return _ctx.mouse.hover ? (vue.openBlock(), vue.createElementBlock("g", _hoisted_1$N, [
     vue.createElementVNode("rect", vue.mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
       width: _ctx.bar.width > 0 ? _ctx.bar.width : 0,
       height: _ctx.bar.height > 0 ? _ctx.bar.height : 0
-    }), null, 16, _hoisted_2$x)
+    }), null, 16, _hoisted_2$y)
   ])) : vue.createCommentVNode("v-if", true);
 }
 script.render = render;
@@ -7036,11 +7036,11 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$M = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$w = {
+const _hoisted_2$x = {
   key: 0,
   class: "data-row m_py-05"
 };
@@ -7093,7 +7093,7 @@ const _sfc_main$X = /* @__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$L, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$4), {
           key: 0,
           label: _ctx.title
@@ -7102,7 +7102,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [
+            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [
               vue.createElementVNode("div", _hoisted_3$o, [
                 vue.createElementVNode("p", _hoisted_4$g, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
@@ -9749,8 +9749,8 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "px-1 pt-025 pb-1" };
-const _hoisted_2$v = { class: "ms-1" };
+const _hoisted_1$L = { class: "px-1 pt-025 pb-1" };
+const _hoisted_2$w = { class: "ms-1" };
 const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldSetVue",
   props: {
@@ -9759,8 +9759,8 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$K, [
-        vue.createElementVNode("legend", _hoisted_2$v, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
+      return vue.openBlock(), vue.createElementBlock("fieldset", _hoisted_1$L, [
+        vue.createElementVNode("legend", _hoisted_2$w, vue.toDisplayString(_ctx.legend || _ctx.label), 1),
         vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
@@ -9811,7 +9811,7 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$J = ["onClick"];
+const _hoisted_1$K = ["onClick"];
 const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "TabsNav",
   props: {
@@ -9894,7 +9894,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                 icon: tab.icon
               }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
               vue.createTextVNode(" " + vue.toDisplayString(tabLabel(tab)), 1)
-            ], 10, _hoisted_1$J);
+            ], 10, _hoisted_1$K);
           }), 128))
         ], true)
       ], 2);
@@ -9963,7 +9963,7 @@ function useBagelFormState() {
   if (!state2) throw new Error("BagelFormState must be provided");
   return state2;
 }
-const _hoisted_1$I = { key: 1 };
+const _hoisted_1$J = { key: 1 };
 const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "BglField",
   props: {
@@ -10023,12 +10023,6 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formState.data.value);
       return true;
     });
-    vue.computed(
-      () => {
-        var _a2, _b;
-        return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, formState.data.value)) ?? fieldData.value;
-      }
-    );
     const computedOptions = vue.computed(
       () => bindAttrs({ options: props2.field.options }, fieldData.value, formState.data.value).options
     );
@@ -10065,7 +10059,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 fieldID: [props2.fieldID, child.id].filter(Boolean).join("."),
                 field: child,
                 "parent-path": props2.fieldID
-              }, null, 8, ["fieldID", "field", "parent-path"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$I, vue.toDisplayString(child), 1))
+              }, null, 8, ["fieldID", "field", "parent-path"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$J, vue.toDisplayString(child), 1))
             ], 64);
           }), 128))
         ]),
@@ -10216,7 +10210,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$H = { key: 0 };
+const _hoisted_1$I = { key: 0 };
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -10284,7 +10278,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           mode: "out-in"
         }, {
           default: vue.withCtx(() => [
-            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
               vue.createVNode(vue.unref(_sfc_main$R), vue.mergeProps({
                 ref_key: "formRef",
                 ref: formRef,
@@ -10324,8 +10318,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = { class: "label mb-05" };
-const _hoisted_2$u = {
+const _hoisted_1$H = { class: "label mb-05" };
+const _hoisted_2$v = {
   key: 0,
   class: "-ms-05 ps-05 border-start"
 };
@@ -10386,8 +10380,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(props2.class)
       }, [
-        vue.createElementVNode("p", _hoisted_1$G, vue.toDisplayString(_ctx.label), 1),
-        _ctx.schema ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
+        vue.createElementVNode("p", _hoisted_1$H, vue.toDisplayString(_ctx.label), 1),
+        _ctx.schema ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$v, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data2.value, (_2, i2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: i2,
@@ -10436,7 +10430,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = { class: "primary-checkbox" };
+const _hoisted_1$G = { class: "primary-checkbox" };
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
@@ -10447,7 +10441,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$F, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$G, [
         vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -10460,8 +10454,8 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-73f1d9ad"]]);
-const _hoisted_1$E = ["title"];
-const _hoisted_2$t = ["id", "value", "required"];
+const _hoisted_1$F = ["title"];
+const _hoisted_2$u = ["id", "value", "required"];
 const _hoisted_3$n = ["for"];
 const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
@@ -10497,7 +10491,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           required: _ctx.required,
           type: "checkbox",
           class: "me-05"
-        }, null, 8, _hoisted_2$t), [
+        }, null, 8, _hoisted_2$u), [
           [vue.vModelCheckbox, checked.value]
         ]),
         vue.createElementVNode("label", { for: inputId.value }, [
@@ -10505,16 +10499,16 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$n)
-      ], 10, _hoisted_1$E);
+      ], 10, _hoisted_1$F);
     };
   }
 });
 const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-03ed2982"]]);
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px"
 };
-const _hoisted_2$s = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
+const _hoisted_2$t = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
 const _hoisted_3$m = ["innerHTML"];
 const _hoisted_4$f = ["onKeydown"];
 const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
@@ -10597,12 +10591,12 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       }
     }, { immediate: true });
     return (_ctx, _cache) => {
-      return vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         vue.createElementVNode("div", {
           class: "relative block h-100",
           style: vue.normalizeStyle({ height: vue.unref(height) })
         }, [
-          vue.createElementVNode("pre", _hoisted_2$s, [
+          vue.createElementVNode("pre", _hoisted_2$t, [
             _cache[2] || (_cache[2] = vue.createTextVNode("				")),
             vue.createElementVNode("code", {
               class: vue.normalizeClass(className.value),
@@ -10631,8 +10625,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-4f1dc18a"]]);
-const _hoisted_1$C = ["title"];
-const _hoisted_2$r = ["id", "placeholder", "required"];
+const _hoisted_1$D = ["title"];
+const _hoisted_2$s = ["id", "placeholder", "required"];
 const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "ColorPicker",
   props: {
@@ -10671,11 +10665,11 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             class: { "no-edit": !_ctx.editMode },
             required: _ctx.required
-          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$r), [
+          }, _ctx.nativeInputAttrs), null, 16, _hoisted_2$s), [
             [vue.vModelText, inputVal.value]
           ])
         ])
-      ], 10, _hoisted_1$C)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$D)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -19233,8 +19227,8 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$B = ["title"];
-const _hoisted_2$q = { key: 0 };
+const _hoisted_1$C = ["title"];
+const _hoisted_2$r = { key: 0 };
 const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
   props: {
@@ -19277,7 +19271,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.label
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$q, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$r, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(Hn), vue.mergeProps({
           ref_key: "datePicker",
           ref: datePicker,
@@ -19293,12 +19287,12 @@ const _sfc_main$K = /* @__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$B);
+      ], 10, _hoisted_1$C);
     };
   }
 });
-const _hoisted_1$A = { class: "datetime-wrap" };
-const _hoisted_2$p = { class: "date-wrap" };
+const _hoisted_1$B = { class: "datetime-wrap" };
+const _hoisted_2$q = { class: "date-wrap" };
 const _hoisted_3$l = {
   key: 0,
   class: "time-wrap"
@@ -19333,8 +19327,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
       return `${hour}:${minute}`;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
-        vue.createElementVNode("div", _hoisted_2$p, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+        vue.createElementVNode("div", _hoisted_2$q, [
           vue.createVNode(vue.unref(Hn), vue.mergeProps({
             modelValue: selectedDate.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
@@ -19374,8 +19368,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = { key: 0 };
-const _hoisted_2$o = ["src", "alt", "width", "height"];
+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__ */ vue.defineComponent({
   __name: "Image",
@@ -19438,7 +19432,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     }
     vue.watch(() => [__props.src, __props.pathKey], loadImage, { immediate: true });
     return (_ctx, _cache) => {
-      return _ctx.caption ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$z, [
+      return _ctx.caption ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$A, [
         vue.unref(imageSrc) ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
           key: 0,
           src: vue.unref(imageSrc)
@@ -19446,7 +19440,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           alt: _ctx.alt,
           width: vue.unref(normalizeDimension)(_ctx.width),
           height: vue.unref(normalizeDimension)(_ctx.height)
-        }), null, 16, _hoisted_2$o)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
+        }), null, 16, _hoisted_2$p)) : (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
           key: 1,
           class: "img-web-kit",
           width: vue.unref(normalizeDimension)(_ctx.width),
@@ -19469,8 +19463,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-3aff6eb2"]]);
-const _hoisted_1$y = { class: "bagel-input" };
-const _hoisted_2$n = {
+const _hoisted_1$z = { class: "bagel-input" };
+const _hoisted_2$o = {
   key: 0,
   placeholder: "required",
   type: "text",
@@ -19681,9 +19675,9 @@ const _sfc_main$H = /* @__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$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
-        _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$n)) : vue.createCommentVNode("", true),
+        _ctx.required && !storageFiles.value.length ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$o)) : vue.createCommentVNode("", true),
         _ctx.theme === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$_), {
           key: 1,
           outline: "",
@@ -19930,8 +19924,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-6bfdaea2"]]);
-const _hoisted_1$x = ["title"];
-const _hoisted_2$m = { key: 0 };
+const _hoisted_1$y = ["title"];
+const _hoisted_2$n = { key: 0 };
 const _hoisted_3$i = ["value", "placeholder"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "JSONInput",
@@ -19956,7 +19950,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
         title: _ctx.description
       }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$m, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$n, [
           vue.createVNode(_component_LangText, { input: _ctx.label }, null, 8, ["input"])
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("textarea", {
@@ -19965,13 +19959,13 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$i)
-      ], 10, _hoisted_1$x);
+      ], 10, _hoisted_1$y);
     };
   }
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$w = ["for"];
-const _hoisted_2$l = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
+const _hoisted_1$x = ["for"];
+const _hoisted_2$m = ["id", "placeholder", "disabled", "required", "readonly", "onKeydown"];
 const _hoisted_3$h = { key: 1 };
 const _hoisted_4$c = {
   key: 5,
@@ -20073,7 +20067,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(vue.withModifiers(increment, ["prevent"]), ["up"]),
                 vue.withKeys(vue.withModifiers(decrement, ["prevent"]), ["down"])
               ]
-            }, null, 42, _hoisted_2$l), [
+            }, null, 42, _hoisted_2$m), [
               [
                 vue.vModelText,
                 vue.unref(formattedValue),
@@ -20109,7 +20103,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                 icon: "add",
                 flat: "",
                 thin: "",
-                class: "bgl-ctrl-num-btn ctrl-add color-gray",
+                class: "bgl-ctrl-num-btn ctrl-add color-gray top-bgl-ctrl-num-btn",
                 onClick: increment
               }),
               vue.createVNode(vue.unref(Btn), {
@@ -20121,13 +20115,13 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
               })
             ])) : vue.createCommentVNode("", true)
           ], 2)
-        ], 8, _hoisted_1$w)
+        ], 8, _hoisted_1$x)
       ], 2);
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-abb5baff"]]);
-const _hoisted_1$v = ["value", "autofocus", "onKeydown", "onPaste"];
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-09ec7e39"]]);
+const _hoisted_1$w = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
   props: {
@@ -20226,13 +20220,15 @@ const _sfc_main$E = /* @__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$v);
+          }, null, 40, _hoisted_1$w);
         }), 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__ */ vue.defineComponent({
   __name: "PasswordInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -20267,7 +20263,6 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   emits: ["update:modelValue", "update:showPwd"],
   setup(__props) {
     const props2 = __props;
-    const hasLabel = vue.computed(() => props2.label && props2.label.trim() !== "");
     const password = vue.useModel(__props, "modelValue");
     const showPwd = vue.useModel(__props, "showPwd");
     const toggleShowPwdIcon = vue.computed(
@@ -20275,9 +20270,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     );
     const inputType = vue.computed(() => showPwd.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["relative", { "has-label": hasLabel.value }])
-      }, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
         vue.createVNode(vue.unref(TextInput), vue.mergeProps({
           modelValue: password.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event)
@@ -20285,14 +20278,16 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           type: inputType.value,
           class: "mb-0"
         }), null, 16, ["modelValue", "type"]),
-        vue.createVNode(vue.unref(Btn), {
-          flat: "",
-          thin: "",
-          class: "mx-05 m-password position-bottom-end",
-          icon: toggleShowPwdIcon.value,
-          onClick: _cache[1] || (_cache[1] = ($event) => showPwd.value = !showPwd.value)
-        }, null, 8, ["icon"])
-      ], 2);
+        vue.createElementVNode("div", _hoisted_2$l, [
+          vue.createVNode(vue.unref(Btn), {
+            flat: "",
+            thin: "",
+            class: "mx-05",
+            icon: toggleShowPwdIcon.value,
+            onClick: _cache[1] || (_cache[1] = ($event) => showPwd.value = !showPwd.value)
+          }, null, 8, ["icon"])
+        ])
+      ]);
     };
   }
 });
@@ -20618,7 +20613,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-5c90c7f5"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-2e7787ea"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -21899,7 +21894,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RichText = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-70080819"]]);
+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 };