@bagelink/vue 0.0.646 → 0.0.652

package/dist/index.cjs

@@ -5451,11 +5451,11 @@ const _sfc_main$P = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "NavBar",
@@ -5487,7 +5487,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$J, [
+        vue.createElementVNode("div", _hoisted_1$K, [
           vue.createElementVNode("div", _hoisted_2$A, [
             vue.createElementVNode("div", _hoisted_3$o, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
@@ -5511,7 +5511,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               }), 128))
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_5$e, [
+          vue.createElementVNode("div", _hoisted_5$f, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.footerLinks, (link) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
                 key: link.label,
@@ -5546,7 +5546,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"
 };
@@ -5648,7 +5648,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: 0,
               icon: _ctx.icon
@@ -5669,7 +5669,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.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"
 };
@@ -5746,7 +5746,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$H, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$I, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5903,7 +5903,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.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"];
@@ -5944,7 +5944,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
         vue.createElementVNode("button", {
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -5979,11 +5979,11 @@ const _sfc_main$K = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
     vue.createElementVNode("div", _hoisted_2$w, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
@@ -5993,7 +5993,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__ */ vue.defineComponent({
   __name: "ListItem",
@@ -6019,7 +6019,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$E, [
+            vue.createElementVNode("p", _hoisted_1$F, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
@@ -6034,7 +6034,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "PageTitle",
@@ -6046,7 +6046,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         vue.createElementVNode("h1", _hoisted_2$u, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
@@ -6365,7 +6365,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-d01cb754"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6374,7 +6374,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" };
@@ -6521,9 +6521,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, _hoisted_3$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, _hoisted_3$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
           vue.createElementVNode("table", _hoisted_4$e, [
-            vue.createElementVNode("thead", _hoisted_5$d, [
+            vue.createElementVNode("thead", _hoisted_5$e, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$8, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelector",
@@ -6605,9 +6605,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6635,7 +6635,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"
 };
@@ -6645,7 +6645,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"
@@ -6692,7 +6692,7 @@ const _sfc_main$D = /* @__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$A, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$A), {
           key: 0,
           label: _ctx.title
@@ -6715,7 +6715,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$c, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, ({ id, label }) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: id }, [
               !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [
@@ -6735,7 +6735,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.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"
 };
@@ -6767,7 +6767,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$z, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6775,7 +6775,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src", "alt"];
+const _hoisted_1$z = ["src", "alt"];
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -6794,7 +6794,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$y)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$z)) : (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 || "")), 5))
@@ -6845,7 +6845,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["dismissable"];
+const _hoisted_1$y = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
@@ -6883,7 +6883,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$x)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$y)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -6920,7 +6920,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "BglVideo",
@@ -6974,7 +6974,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$w)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$x)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6989,7 +6989,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.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"
 };
@@ -7142,7 +7142,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         vue.createElementVNode("div", _hoisted_2$p, [
@@ -7205,12 +7205,12 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = { class: "map-test" };
+const _hoisted_1$v = { class: "map-test" };
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v);
     };
   }
 });
@@ -7469,7 +7469,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -7512,7 +7512,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$i)
-      ], 10, _hoisted_1$t);
+      ], 10, _hoisted_1$u);
     };
   }
 });
@@ -15956,7 +15956,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__ */ vue.defineComponent({
   __name: "DateInput",
@@ -16016,11 +16016,11 @@ const _sfc_main$o = /* @__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$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__ */ vue.defineComponent({
@@ -16055,19 +16055,19 @@ const _sfc_main$n = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -16262,7 +16262,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("div", _hoisted_1$q, [
+            vue.createElementVNode("div", _hoisted_1$r, [
               vue.createElementVNode("button", {
                 disabled: _ctx.disabled,
                 type: "button",
@@ -16298,7 +16298,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 value: vue.unref(selectedItems),
                 required: "",
                 onInput: _cache[2] || (_cache[2] = ($event) => updateOpen(true))
-              }, null, 40, _hoisted_5$b)) : vue.createCommentVNode("", true)
+              }, null, 40, _hoisted_5$c)) : vue.createCommentVNode("", true)
             ])
           ])
         ]),
@@ -18787,11 +18787,11 @@ const VueDraggableNext = vue.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__ */ vue.defineComponent({
   __name: "TableField",
@@ -18889,7 +18889,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                       key: row.id,
                       class: "flex table-row"
                     }, [
-                      vue.createElementVNode("div", _hoisted_5$a, [
+                      vue.createElementVNode("div", _hoisted_5$b, [
                         vue.createVNode(vue.unref(_sfc_main$P), { icon: "more_vert" })
                       ]),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a3 = vue.unref(entityMeta)) == null ? void 0 : _a3.fields, (field) => {
@@ -18933,16 +18933,16 @@ const _sfc_main$l = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "TextInput",
   props: {
@@ -19058,7 +19058,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           }, _ctx.nativeInputAttrs, { onInput: updateInputVal }), null, 16, _hoisted_4$a)), [
             [vue.vModelText, vue.unref(inputVal)]
           ]),
-          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$9, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
+          _ctx.helptext ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$a, vue.toDisplayString(_ctx.helptext), 1)) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$j),
         _ctx.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
           key: 0,
@@ -19069,11 +19069,12 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.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__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
@@ -19084,10 +19085,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", {
-        onClick: _cache[1] || (_cache[1] = ($event) => val.value = !val.value),
-        class: "primary-checkbox"
-      }, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$o, [
         vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -19099,7 +19097,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -19155,7 +19153,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__ */ vue.defineComponent({
   __name: "DatePicker",
   props: {
@@ -19218,7 +19216,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               ]),
               vue.createElementVNode("label", {
                 for: `${hr2}_${_ctx.id}`
-              }, vue.toDisplayString(hr2), 9, _hoisted_5$8)
+              }, vue.toDisplayString(hr2), 9, _hoisted_5$9)
             ], 64);
           }), 128))
         ])) : vue.createCommentVNode("", true)
@@ -19230,7 +19228,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__ */ vue.defineComponent({
   __name: "RadioPillsInput",
   props: {
@@ -19290,7 +19288,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               }, null, 40, _hoisted_4$8),
               vue.createElementVNode("label", {
                 for: `${_ctx.id}-${getValue(option2)}`
-              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$7)
+              }, vue.toDisplayString(getLabel(option2)), 9, _hoisted_5$8)
             ]);
           }), 128))
         ])
@@ -19299,7 +19297,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-e848b48d"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-21c953c3"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -19310,7 +19308,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,
@@ -19487,7 +19485,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     class: "preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_5$6),
+                  }, null, 8, _hoisted_5$7),
                   vue.createElementVNode("p", _hoisted_6$4, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
@@ -19535,6 +19533,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           ], true),
           !storageFiles.value.length && !fileQueue.value.length || _ctx.multiple ? vue.renderSlot(_ctx.$slots, "placeholder", {
             key: 0,
+            files: storageFiles.value,
+            fileQueue: fileQueue.value,
             browse
           }, () => [
             _hoisted_13
@@ -19544,7 +19544,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.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) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
@@ -19552,7 +19552,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__ */ vue.defineComponent({
   __name: "ToggleInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -19594,7 +19594,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_5$5)
+        ], 8, _hoisted_5$6)
       ], 10, _hoisted_1$j);
     };
   }
@@ -45727,7 +45727,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__ */ vue.defineComponent({
   __name: "TelInput",
@@ -46019,7 +46019,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                           country: pb.iso2
                         }, null, 8, ["country"])) : vue.createCommentVNode("", true),
                         vue.createElementVNode("p", _hoisted_4$5, vue.toDisplayString(pb.name), 1),
-                        computedDropDownOptions.value.showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$4, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
+                        computedDropDownOptions.value.showDialCodeInList ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$5, " +" + vue.toDisplayString(pb.dialCode), 1)) : vue.createCommentVNode("", true)
                       ], 40, _hoisted_3$9);
                     }), 128))
                   ], 2)
@@ -46713,7 +46713,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const defaultOptions2 = vue.ref({
-      penColor: "rgb(0, 0, 0)"
+      penColor: "rgb(0, 0, 0)",
+      backgroundColor: "rgb(255, 255, 255)"
     });
     const signatureOptions = vue.computed(() => ({ ...defaultOptions2.value, ...props2.sigOption }));
     vue.watch(
@@ -47222,13 +47223,14 @@ const _sfc_main$9 = /* @__PURE__ */ vue.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"
 };
@@ -47250,15 +47252,17 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (opt, index2) => {
           return vue.openBlock(), vue.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
           }, [
             vue.withDirectives(vue.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), [
               [vue.vModelRadio, selectedOption.value]
             ]),
             opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -47267,11 +47271,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               width: "60",
               src: opt.imgSrc,
               alt: opt.imgAlt
-            }, null, 8, _hoisted_2$a)) : vue.createCommentVNode("", true),
+            }, null, 8, _hoisted_3$8)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", null, [
-              opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$8, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
-              opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$4, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
+              opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$4, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
+              opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$4, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
             ]),
+            vue.renderSlot(_ctx.$slots, "radioItem", vue.mergeProps({ ref_for: true }, opt), void 0, true),
             _ctx.deletable ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
               key: 1,
               class: "ms-auto",
@@ -47280,13 +47285,13 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               icon: "delete",
               onClick: ($event) => _ctx.$emit("delete", opt)
             }, null, 8, ["onClick"])) : vue.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;
 }