@bagelink/vue 0.0.650 → 0.0.654

package/dist/index.mjs

@@ -5453,7 +5453,7 @@ 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",
@@ -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,
@@ -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" };
@@ -6521,7 +6521,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }), [
         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",
@@ -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"
@@ -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, [
@@ -16065,7 +16065,7 @@ 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({
@@ -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)
             ])
           ])
         ]),
@@ -18789,7 +18789,7 @@ 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) => {
@@ -18940,7 +18940,7 @@ 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,
@@ -19151,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: {
@@ -19214,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)
@@ -19226,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: {
@@ -19286,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))
         ])
@@ -19295,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-e74abda1"), 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,
@@ -19306,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,
@@ -19483,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: "",
@@ -19542,7 +19542,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e74abda1"]]);
+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-1cf4a0b0"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }

package/dist/plugins/modal.d.ts

@@ -44,7 +44,7 @@ export interface ModalFormComponentProps {
     modalOptions: ModalFormOptions;
 }
 export interface ModalApi {
-    showModal: (options: ModalOptions, slots?: Record<string, any>) => void;
+    showModal: (options: ModalOptions, slots?: Record<string, any>) => ModalComponentProps | undefined;
     showModalForm: (options: ModalFormOptions, slots?: Record<string, any>) => ModalFormComponentProps | undefined;
     hideModal: (index?: number) => void;
     confirm: (options: ConfirmModalUserOptions) => Promise<boolean>;

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAA;IACvE,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC/D;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC/D;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}

package/dist/style.css

@@ -1716,7 +1716,7 @@ display: block;
 	color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-e74abda1] {
+.bagel-input .fileUploadWrap[data-v-21c953c3] {
 	--width: 320px;
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
@@ -1729,7 +1729,7 @@ display: block;
 	overflow-y: auto;
 	background: var(--input-bg);
 }
-.previewName[data-v-e74abda1] {
+.previewName[data-v-21c953c3] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -1739,18 +1739,18 @@ display: block;
 	align-items: center;
 	padding-inline: 14px;
 }
-.previewName p[data-v-e74abda1] {
+.previewName p[data-v-21c953c3] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-e74abda1] {
+.imagePreviewWrap[data-v-21c953c3] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	padding: 5px;
 	min-height: 90px;
 }
-img.preview[data-v-e74abda1] {
+img.preview[data-v-21c953c3] {
 	/* max-height: calc(var(--width) / 2); */
 	/* max-width: calc(var(--width) * 2); */
 	width: 40px;
@@ -1760,7 +1760,7 @@ img.preview[data-v-e74abda1] {
 	background: var(--bgl-gray-light);
 	box-shadow: 0 0 10px #00000012;
 }
-img.preview.single[data-v-e74abda1] {
+img.preview.single[data-v-21c953c3] {
 	max-width: var(--width);
 	width: calc(100% - 2.75rem);
 	object-fit: contain;
@@ -1768,11 +1768,11 @@ img.preview.single[data-v-e74abda1] {
 	max-height: calc(var(--width) / 2);
 	margin: 1rem;
 }
-.fileUploadWrap.dragover[data-v-e74abda1],
-.fileUploadWrap[data-v-e74abda1]:hover {
+.fileUploadWrap.dragover[data-v-21c953c3],
+.fileUploadWrap[data-v-21c953c3]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-e74abda1] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-21c953c3] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1780,7 +1780,7 @@ img.preview.single[data-v-e74abda1] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.pie[data-v-e74abda1] {
+.pie[data-v-21c953c3] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1788,7 +1788,7 @@ img.preview.single[data-v-e74abda1] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-e74abda1]:before {
+.pie[data-v-21c953c3]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1806,26 +1806,26 @@ img.preview.single[data-v-e74abda1] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-e74abda1] {
+.pie .success[data-v-21c953c3] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-e74abda1] {
+.pie .progress[data-v-21c953c3] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-e74abda1] {
+.pie.complete .progress[data-v-21c953c3] {
 	display: none;
 }
-.pie.complete .success[data-v-e74abda1] {
+.pie.complete .success[data-v-21c953c3] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-e74abda1]:before {
+.pie.complete[data-v-21c953c3]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-e74abda1] {
+.pie.complete[data-v-21c953c3] {
 	color: var(--bgl-green);
 }
 
@@ -2177,12 +2177,12 @@ input[type="number"][data-v-4c741194] {
 }
 }
 
-.radio-input-list[data-v-a921574e]{
+.radio-input-list[data-v-1cf4a0b0]{
 	width: auto;
 	transform: scale(1.4);
 	margin-inline-end: 0.6rem;
 }
-.active-list-item[data-v-a921574e]:has(:checked){
+.active-list-item[data-v-1cf4a0b0]:has(:checked){
 	background: var(--bgl-primary-light) !important;
 	border-color: var(--bgl-primary) !important;
 	accent-color: var(--bgl-primary);

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { MaterialIcons } from './materialIcons';
-export type { ModalFormComponentProps, ModalApi, ModalComponentProps, ModalFormOptions, ModalOptions, } from '../plugins/modal';
+export type { ModalComponentProps as ModalFormComponentProps, ModalApi, ModalComponentProps, ModalFormOptions, ModalOptions, } from '../plugins/modal';
 export type { MaterialIcons };
 export type { Tables, TableToTypeMapping } from '../../../sdk/src/index.ts';
 export type { StorageFile } from './file';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,uBAAuB,EACvB,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAE3B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA;AAET,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAE3B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA;AAET,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.650",
+  "version": "0.0.654",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -52,8 +52,8 @@
   ],
   "devDependencies": {
     "@types/signature_pad": "^2.3.6",
-    "@vue-macros/reactivity-transform": "^1.0.0",
-    "vue": "^3.4.34"
+    "@vue-macros/reactivity-transform": "^1.0.1",
+    "vue": "^3.4.35"
   },
   "peerDependencies": {
     "@bagelink/sdk": "*",

package/src/components/form/inputs/FileUpload.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onMounted, watch } from 'vue'
-import { Btn, MaterialIcon, type StorageFile, useBagel } from '@bagelink/vue'
+import { Btn, Icon, type StorageFile, useBagel } from '@bagelink/vue'
 
 const props = defineProps<{
 	label?: string
@@ -227,7 +227,7 @@ function drop(e: DragEvent) {
 							<span v-if="fileQ.progress < 100" class="progress">
 								{{ `${fileQ.progress.toFixed(0)}` }}
 							</span>
-							<MaterialIcon class="success" icon="check" />
+							<Icon class="success" icon="check" />
 						</div>
 					</div>
 				</template>

package/src/components/form/inputs/FileUploadURL.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { watch } from 'vue'
-import { Btn, MaterialIcon, type StorageFile, useBagel } from '@bagelink/vue'
+import { Btn, Icon, type StorageFile, useBagel } from '@bagelink/vue'
 
 const props = defineProps<{
 	label: string
@@ -174,7 +174,7 @@ function drop(e: DragEvent) {
 						<span v-if="fileQ.progress < 100" class="progress">
 							{{ `${fileQ.progress.toFixed(0)}` }}
 						</span>
-						<MaterialIcon class="success" icon="check" />
+						<Icon class="success" icon="check" />
 					</div>
 				</div>
 			</template>

package/src/components/form/inputs/RadioGroup.vue

@@ -1,11 +1,20 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="T">
 import { Btn } from '@bagelink/vue'
 
+export interface RadioOption<T> {
+	imgAlt?: string
+	imgSrc?: string
+	subLabel?: string
+	label?: string
+	value: object
+	id: string
+	contextObj: T
+}
+
 defineProps<{
 	groupName: string
-	options: { imgAlt?: string, imgSrc?: string, subLabel?: string, label?: string, value: any, id: string }[]
+	options: RadioOption<T>[]
 	deletable?: boolean
-	// defaultValue?: any
 }>()
 
 defineEmits(['delete'])
@@ -19,16 +28,16 @@ const selectedOption = defineModel('modelValue')
 			v-for="(opt, index) in options"
 			:key="index"
 			class="border round p-1 flex bg-gray-light mb-05 gap-075 active-list-item hover"
+			:for="opt.id"
 		>
 			<input
+				:id="opt.id"
 				v-model="selectedOption"
 				class="radio-input-list"
 				type="radio"
 				:name="groupName"
 				:value="opt.value"
 			>
-			<!-- :checked="selectedOption === opt.value" -->
-
 			<img
 				v-if="opt.imgSrc"
 				class="bg-white shadow-light py-025 rounded"
@@ -40,6 +49,7 @@ const selectedOption = defineModel('modelValue')
 				<p v-if="opt.label" class="m-0">{{ opt.label }}</p>
 				<p v-if="opt.subLabel" class="txt-gray txt-12 m-0">{{ opt.subLabel }}</p>
 			</div>
+			<slot name="radioItem" v-bind="opt" />
 			<Btn
 				v-if="deletable"
 				class="ms-auto"

package/src/components/form/inputs/SignaturePad.vue

@@ -57,6 +57,7 @@ function undo() {
 
 const defaultOptions = $ref<SignaturePadOptions>({
 	penColor: 'rgb(0, 0, 0)',
+	backgroundColor: 'rgb(255, 255, 255)',
 })
 
 const signatureOptions = $computed(() => ({ ...defaultOptions, ...props.sigOption }))

package/src/components/formkit/FileUploader.vue

@@ -11,7 +11,7 @@ interface UploadFile {
 
 import { onMounted, onUnmounted } from 'vue'
 
-import { Btn, MaterialIcon, useBagel } from '@bagelink/vue'
+import { Btn, Icon, useBagel } from '@bagelink/vue'
 
 const props = withDefaults(
 	defineProps<{
@@ -205,7 +205,7 @@ function onDrop(e: DragEvent) {
 								>{{
 									`${item.progress.toFixed(0)}`
 								}}</span>
-								<MaterialIcon
+								<Icon
 									class="success"
 									icon="check"
 								/>

package/src/plugins/modal.ts

@@ -50,7 +50,7 @@ export interface ModalFormComponentProps {
 }
 
 export interface ModalApi {
-	showModal: (options: ModalOptions, slots?: Record<string, any>) => void
+	showModal: (options: ModalOptions, slots?: Record<string, any>) => ModalComponentProps | undefined
 	showModalForm: (options: ModalFormOptions, slots?: Record<string, any>) => ModalFormComponentProps | undefined
 	hideModal: (index?: number) => void
 	confirm: (options: ConfirmModalUserOptions) => Promise<boolean>

package/src/types/index.ts

@@ -1,5 +1,5 @@
 export type {
-	ModalFormComponentProps,
+	ModalComponentProps as ModalFormComponentProps,
 	ModalApi,
 	ModalComponentProps,
 	ModalFormOptions,

package/dist/components/Popover.vue.d.ts

@@ -1,10 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    trigger?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Popover.vue.d.ts.map

package/dist/components/Popover.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.vue.d.ts","sourceRoot":"","sources":["../../src/components/Popover.vue"],"names":[],"mappings":"AAoBA;AAEA,OAAO,6BAA6B,CAAC;;;;AAmHrC,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}