@bagelink/vue 0.0.646 → 0.0.652

package/dist/index.mjs

@@ -5449,11 +5449,11 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "full-nav" };
+const _hoisted_1$K = { class: "full-nav" };
 const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
-const _hoisted_5$e = { class: "bot-buttons-wrapper" };
+const _hoisted_5$f = { class: "bot-buttons-wrapper" };
 const _hoisted_6$9 = { class: "tooltip" };
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
@@ -5485,7 +5485,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$J, [
+        createElementVNode("div", _hoisted_1$K, [
           createElementVNode("div", _hoisted_2$A, [
             createElementVNode("div", _hoisted_3$o, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
@@ -5509,7 +5509,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               }), 128))
             ])
           ]),
-          createElementVNode("div", _hoisted_5$e, [
+          createElementVNode("div", _hoisted_5$f, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.footerLinks, (link) => {
               return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 key: link.label,
@@ -5544,7 +5544,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "loading"
 };
@@ -5646,7 +5646,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$P), {
               key: 0,
               icon: _ctx.icon
@@ -5667,7 +5667,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-26f1062f"]]);
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   key: 0,
   class: "tool-bar"
 };
@@ -5744,7 +5744,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$H, [
+              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$I, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5901,7 +5901,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$G = { class: "accordion-item" };
+const _hoisted_1$H = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$m = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
@@ -5942,7 +5942,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -5977,11 +5977,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$J = {};
-const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+const _hoisted_1$G = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
 const _hoisted_2$w = { class: "p-1" };
 const _hoisted_3$l = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$F, [
+  return openBlock(), createElementBlock("div", _hoisted_1$G, [
     createElementVNode("div", _hoisted_2$w, [
       renderSlot(_ctx.$slots, "header")
     ]),
@@ -5991,7 +5991,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$2]]);
-const _hoisted_1$E = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_1$F = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
@@ -6017,7 +6017,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$E, [
+            createElementVNode("p", _hoisted_1$F, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -6032,7 +6032,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$D = { class: "page-top" };
+const _hoisted_1$E = { class: "page-top" };
 const _hoisted_2$u = { class: "top-title m-0" };
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
@@ -6044,7 +6044,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         createElementVNode("h1", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -6363,7 +6363,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (pushScopeId("data-v-d01cb754"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6372,7 +6372,7 @@ const _hoisted_3$k = [
   _hoisted_2$t
 ];
 const _hoisted_4$e = { class: "infinite-wrapper" };
-const _hoisted_5$d = { class: "row first-row" };
+const _hoisted_5$e = { class: "row first-row" };
 const _hoisted_6$8 = { key: 0 };
 const _hoisted_7$4 = ["onClick"];
 const _hoisted_8$2 = { class: "flex" };
@@ -6519,9 +6519,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$C, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
           createElementVNode("table", _hoisted_4$e, [
-            createElementVNode("thead", _hoisted_5$d, [
+            createElementVNode("thead", _hoisted_5$e, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$8, [
                 createElementVNode("input", {
                   ref_key: "allSelector",
@@ -6603,9 +6603,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d01cb754"]]);
 const _sfc_main$F = {};
-const _hoisted_1$B = { class: "flex space-between" };
+const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$B, [
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6633,7 +6633,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render]]);
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "data"
 };
@@ -6643,7 +6643,7 @@ const _hoisted_2$s = {
 };
 const _hoisted_3$j = { class: "key" };
 const _hoisted_4$d = { class: "m-0" };
-const _hoisted_5$c = { key: 1 };
+const _hoisted_5$d = { key: 1 };
 const _hoisted_6$7 = {
   key: 0,
   class: "data-row"
@@ -6690,7 +6690,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$A), {
           key: 0,
           label: _ctx.title
@@ -6713,7 +6713,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, ({ id, label }) => {
             return openBlock(), createElementBlock(Fragment$1, { key: id }, [
               !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
@@ -6733,7 +6733,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 0,
   class: "card_label"
 };
@@ -6765,7 +6765,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$A, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6773,7 +6773,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src", "alt"];
+const _hoisted_1$z = ["src", "alt"];
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -6792,7 +6792,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$y)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$z)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
@@ -6843,7 +6843,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["dismissable"];
+const _hoisted_1$y = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -6881,7 +6881,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$x)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$y)) : createCommentVNode("", true);
     };
   }
 });
@@ -6918,7 +6918,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$w = ["src"];
+const _hoisted_1$x = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
@@ -6972,7 +6972,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$w)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$x)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6987,7 +6987,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "blocker"
 };
@@ -7140,7 +7140,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$v)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$w)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$p, [
@@ -7203,12 +7203,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = { class: "map-test" };
+const _hoisted_1$v = { class: "map-test" };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u);
+      return openBlock(), createElementBlock("div", _hoisted_1$v);
     };
   }
 });
@@ -7467,7 +7467,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["title"];
+const _hoisted_1$u = ["title"];
 const _hoisted_2$o = ["id", "required"];
 const _hoisted_3$i = ["for"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
@@ -7510,7 +7510,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$i)
-      ], 10, _hoisted_1$t);
+      ], 10, _hoisted_1$u);
     };
   }
 });
@@ -15954,7 +15954,7 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$s = ["title"];
+const _hoisted_1$t = ["title"];
 const _hoisted_2$n = { key: 0 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
@@ -16014,11 +16014,11 @@ const _sfc_main$o = /* @__PURE__ */ 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$s);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["title"];
+const _hoisted_1$s = ["title"];
 const _hoisted_2$m = { key: 0 };
 const _hoisted_3$h = ["value", "placeholder"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
@@ -16053,19 +16053,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$h)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$s);
     };
   }
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$q = { class: "flex gap-05" };
+const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$l = ["disabled"];
 const _hoisted_3$g = { key: 1 };
 const _hoisted_4$c = {
   key: 2,
   class: "ms-auto ps-05 me-05"
 };
-const _hoisted_5$b = ["value"];
+const _hoisted_5$c = ["value"];
 const _hoisted_6$6 = { class: "selectinput-options" };
 const _hoisted_7$2 = ["onClick"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
@@ -16260,7 +16260,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("label", null, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-            createElementVNode("div", _hoisted_1$q, [
+            createElementVNode("div", _hoisted_1$r, [
               createElementVNode("button", {
                 disabled: _ctx.disabled,
                 type: "button",
@@ -16296,7 +16296,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 value: unref(selectedItems),
                 required: "",
                 onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
-              }, null, 40, _hoisted_5$b)) : createCommentVNode("", true)
+              }, null, 40, _hoisted_5$c)) : createCommentVNode("", true)
             ])
           ])
         ]),
@@ -18785,11 +18785,11 @@ const VueDraggableNext = defineComponent({
     }
   }
 });
-const _hoisted_1$p = ["title"];
+const _hoisted_1$q = ["title"];
 const _hoisted_2$k = { class: "bagel-input" };
 const _hoisted_3$f = { class: "table-side-scroll" };
 const _hoisted_4$b = { class: "table-header" };
-const _hoisted_5$a = { class: "table-reorder" };
+const _hoisted_5$b = { class: "table-reorder" };
 const _hoisted_6$5 = { class: "table-action" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "TableField",
@@ -18887,7 +18887,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                       key: row.id,
                       class: "flex table-row"
                     }, [
-                      createElementVNode("div", _hoisted_5$a, [
+                      createElementVNode("div", _hoisted_5$b, [
                         createVNode(unref(_sfc_main$P), { icon: "more_vert" })
                       ]),
                       (openBlock(true), createElementBlock(Fragment$1, null, renderList((_a3 = unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
@@ -18931,16 +18931,16 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
 const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-515f5dc9"]]);
-const _hoisted_1$o = ["title"];
+const _hoisted_1$p = ["title"];
 const _hoisted_2$j = ["for"];
 const _hoisted_3$e = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$a = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
-const _hoisted_5$9 = { key: 2 };
+const _hoisted_5$a = { key: 2 };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "TextInput",
   props: {
@@ -19056,7 +19056,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           }, _ctx.nativeInputAttrs, { onInput: updateInputVal }), null, 16, _hoisted_4$a)), [
             [vModelText, unref(inputVal)]
           ]),
-          _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$9, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true)
+          _ctx.helptext ? (openBlock(), createElementBlock("p", _hoisted_5$a, toDisplayString(_ctx.helptext), 1)) : createCommentVNode("", true)
         ], 8, _hoisted_2$j),
         _ctx.iconStart ? (openBlock(), createBlock(unref(_sfc_main$P), {
           key: 0,
@@ -19067,11 +19067,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$p);
     };
   }
 });
 const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-82137f41"]]);
+const _hoisted_1$o = { class: "primary-checkbox" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
@@ -19082,10 +19083,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        onClick: _cache[1] || (_cache[1] = ($event) => val.value = !val.value),
-        class: "primary-checkbox"
-      }, [
+      return openBlock(), createElementBlock("label", _hoisted_1$o, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -19097,7 +19095,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-fe49b297"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e6b95ea6"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -19153,7 +19151,7 @@ const _hoisted_3$d = {
   class: "time-wrap"
 };
 const _hoisted_4$9 = ["id", "name", "value"];
-const _hoisted_5$8 = ["for"];
+const _hoisted_5$9 = ["for"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
@@ -19216,7 +19214,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("label", {
                 for: `${hr2}_${_ctx.id}`
-              }, toDisplayString(hr2), 9, _hoisted_5$8)
+              }, toDisplayString(hr2), 9, _hoisted_5$9)
             ], 64);
           }), 128))
         ])) : createCommentVNode("", true)
@@ -19228,7 +19226,7 @@ const _hoisted_1$l = { class: "bagel-input" };
 const _hoisted_2$g = { class: "pb-025" };
 const _hoisted_3$c = { class: "flex gap-05 flex-wrap" };
 const _hoisted_4$8 = ["id", "name", "value", "checked"];
-const _hoisted_5$7 = ["for"];
+const _hoisted_5$8 = ["for"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "RadioPillsInput",
   props: {
@@ -19288,7 +19286,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               }, null, 40, _hoisted_4$8),
               createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, toDisplayString(getLabel(option2)), 9, _hoisted_5$7)
+              }, toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
             ]);
           }), 128))
         ])
@@ -19297,7 +19295,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-e848b48d"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-21c953c3"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -19308,7 +19306,7 @@ const _hoisted_4$7 = {
   key: 1,
   class: "multi-image-item previewName"
 };
-const _hoisted_5$6 = ["src"];
+const _hoisted_5$7 = ["src"];
 const _hoisted_6$4 = { class: "no-margin" };
 const _hoisted_7$1 = {
   key: 0,
@@ -19485,7 +19483,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     class: "preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_5$6),
+                  }, null, 8, _hoisted_5$7),
                   createElementVNode("p", _hoisted_6$4, toDisplayString(file.name), 1),
                   createVNode(unref(Btn), {
                     thin: "",
@@ -19533,6 +19531,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           ], true),
           !storageFiles.value.length && !fileQueue.value.length || _ctx.multiple ? renderSlot(_ctx.$slots, "placeholder", {
             key: 0,
+            files: storageFiles.value,
+            fileQueue: fileQueue.value,
             browse
           }, () => [
             _hoisted_13
@@ -19542,7 +19542,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e848b48d"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-21c953c3"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-06b95183"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
@@ -19550,7 +19550,7 @@ const _hoisted_3$a = [
   _hoisted_2$e
 ];
 const _hoisted_4$6 = ["id", "required"];
-const _hoisted_5$5 = ["for"];
+const _hoisted_5$6 = ["for"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ mergeModels({
@@ -19592,7 +19592,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_5$5)
+        ], 8, _hoisted_5$6)
       ], 10, _hoisted_1$j);
     };
   }
@@ -45725,7 +45725,7 @@ const _hoisted_1$h = ["aria-expanded"];
 const _hoisted_2$c = { class: "p-075 tel-countryp-dropdown" };
 const _hoisted_3$9 = ["aria-selected", "onClick", "onMousemove"];
 const _hoisted_4$5 = { class: "tel-country" };
-const _hoisted_5$4 = { key: 1 };
+const _hoisted_5$5 = { key: 1 };
 const _hoisted_6$3 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "TelInput",
@@ -46017,7 +46017,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                           country: pb.iso2
                         }, null, 8, ["country"])) : createCommentVNode("", true),
                         createElementVNode("p", _hoisted_4$5, toDisplayString(pb.name), 1),
-                        computedDropDownOptions.value.showDialCodeInList ? (openBlock(), createElementBlock("span", _hoisted_5$4, " +" + toDisplayString(pb.dialCode), 1)) : createCommentVNode("", true)
+                        computedDropDownOptions.value.showDialCodeInList ? (openBlock(), createElementBlock("span", _hoisted_5$5, " +" + toDisplayString(pb.dialCode), 1)) : createCommentVNode("", true)
                       ], 40, _hoisted_3$9);
                     }), 128))
                   ], 2)
@@ -46711,7 +46711,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     }
     const defaultOptions2 = ref({
-      penColor: "rgb(0, 0, 0)"
+      penColor: "rgb(0, 0, 0)",
+      backgroundColor: "rgb(255, 255, 255)"
     });
     const signatureOptions = computed(() => ({ ...defaultOptions2.value, ...props2.sigOption }));
     watch(
@@ -47220,13 +47221,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e3cd444d"]]);
-const _hoisted_1$d = ["name", "value"];
-const _hoisted_2$a = ["src", "alt"];
-const _hoisted_3$8 = {
+const _hoisted_1$d = ["for"];
+const _hoisted_2$a = ["id", "name", "value"];
+const _hoisted_3$8 = ["src", "alt"];
+const _hoisted_4$4 = {
   key: 0,
   class: "m-0"
 };
-const _hoisted_4$4 = {
+const _hoisted_5$4 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
@@ -47248,15 +47250,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.options, (opt, index2) => {
           return openBlock(), createElementBlock("label", {
             key: index2,
-            class: "border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover"
+            class: "border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover",
+            for: opt.id
           }, [
             withDirectives(createElementVNode("input", {
+              id: opt.id,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOption.value = $event),
               class: "radio-input-list",
               type: "radio",
               name: _ctx.groupName,
               value: opt.value
-            }, null, 8, _hoisted_1$d), [
+            }, null, 8, _hoisted_2$a), [
               [vModelRadio, selectedOption.value]
             ]),
             opt.imgSrc ? (openBlock(), createElementBlock("img", {
@@ -47265,11 +47269,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               width: "60",
               src: opt.imgSrc,
               alt: opt.imgAlt
-            }, null, 8, _hoisted_2$a)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_3$8)) : createCommentVNode("", true),
             createElementVNode("div", null, [
-              opt.label ? (openBlock(), createElementBlock("p", _hoisted_3$8, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
-              opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_4$4, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
+              opt.label ? (openBlock(), createElementBlock("p", _hoisted_4$4, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
+              opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_5$4, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
             ]),
+            renderSlot(_ctx.$slots, "radioItem", mergeProps({ ref_for: true }, opt), void 0, true),
             _ctx.deletable ? (openBlock(), createBlock(unref(Btn), {
               key: 1,
               class: "ms-auto",
@@ -47278,13 +47283,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : createCommentVNode("", true)
-          ]);
+          ], 8, _hoisted_1$d);
         }), 128))
       ]);
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a921574e"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-bafd1df1"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }