@bagelink/vue 0.0.657 → 0.0.661

package/dist/components/form/inputs/RadioGroup.vue.d.ts

@@ -7,14 +7,14 @@ export interface RadioOption<T> {
     id: string;
     contextObj: T;
 }
-declare const _default: <T extends Record<string, unknown>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <ContextObjType extends Record<string, unknown>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
         onDelete?: ((...args: any[]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         onDelete?: ((...args: any[]) => any) | undefined;
     }, never>) & ({
         groupName: string;
-        options: RadioOption<T>[];
+        options: RadioOption<ContextObjType>[];
         deletable?: boolean;
     } & {
         modelValue?: any;
@@ -29,7 +29,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: Awaited
             label?: string;
             value: object;
             id: string;
-            contextObj: T;
+            contextObj: ContextObjType;
         }): any;
     }>;
     emit: (event: "delete", ...args: any[]) => void;

package/dist/components/form/inputs/RadioGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,CAAA;CACb;yBAGgB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,eACrC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoM1D,cAAc,CAAC,gCAAgC,CAAC;;;;;mBAV3C,MAAM;iBACR,WAAW,CAAC,CAAC,CAAC,EAAE;oBACb,OAAO;;qBAEL,GAAG;MAMuG,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;qBApNP,MAAM;qBACN,MAAM;uBACJ,MAAM;oBACT,MAAM;mBACP,MAAM;gBACT,MAAM;;YA8KqB,GAAG;MAiCK;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9MvE,wBA8M2E"}
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,CAAA;CACb;yBAGgB,cAAc,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,eAClD,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqN1D,cAAc,CAAC,gCAAgC,CAAC;;;;;mBAV3C,MAAM;iBACR,WAAW,CAAC,cAAc,CAAC,EAAE;oBAC1B,OAAO;;qBAEL,GAAG;MAMuG,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;qBArOP,MAAM;qBACN,MAAM;uBACJ,MAAM;oBACT,MAAM;mBACP,MAAM;gBACT,MAAM;;YA+LqB,GAAG;MAiCK;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/NvE,wBA+N2E"}

package/dist/components/layout/TabbedLayout.vue.d.ts

@@ -1,4 +1,5 @@
 import { Router } from 'vue-router';
+import { Raw } from 'vue';
 
 declare function __VLS_template(): Partial<Record<string, (_: {
     key: string;
@@ -9,7 +10,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     title?: string;
     tabs: string[];
     modelValue?: string;
-    router?: Router;
+    router?: Raw<Router>;
     sideTabs?: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -17,7 +18,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     title?: string;
     tabs: string[];
     modelValue?: string;
-    router?: Router;
+    router?: Raw<Router>;
     sideTabs?: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;

package/dist/components/layout/TabbedLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabbedLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabbedLayout.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAsCxC,iBAAS,cAAc;;MAmI+D,GAAG;2BAErD,GAAG;EAGtC;AAiBD,QAAA,MAAM,eAAe;YAMZ,MAAM;UACR,MAAM,EAAE;iBACD,MAAM;aACV,MAAM;eACJ,OAAO;;;;YAJV,MAAM;UACR,MAAM,EAAE;iBACD,MAAM;aACV,MAAM;eACJ,OAAO;;;UAGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TabbedLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabbedLayout.vue"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAa,KAAK,GAAG,EAAC,MAAM,KAAK,CAAA;AAqCxC,iBAAS,cAAc;;MAmI+D,GAAG;2BAErD,GAAG;EAGtC;AAiBD,QAAA,MAAM,eAAe;YAMZ,MAAM;UACR,MAAM,EAAE;iBACD,MAAM;aACV,GAAG,CAAC,MAAM,CAAC;eACT,OAAO;;;;YAJV,MAAM;UACR,MAAM,EAAE;iBACD,MAAM;aACV,GAAG,CAAC,MAAM,CAAC;eACT,OAAO;;;UAGjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -5456,7 +5456,7 @@ const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
 const _hoisted_5$f = { class: "bot-buttons-wrapper" };
-const _hoisted_6$9 = { class: "tooltip" };
+const _hoisted_6$a = { class: "tooltip" };
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "NavBar",
   props: {
@@ -5526,7 +5526,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                   vue.createVNode(vue.unref(_sfc_main$P), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
-                  vue.createElementVNode("div", _hoisted_6$9, vue.toDisplayString(link.label), 1)
+                  vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(link.label), 1)
                 ]),
                 _: 2
               }, 1032, ["to", "onClick"]);
@@ -6375,8 +6375,8 @@ const _hoisted_3$k = [
 ];
 const _hoisted_4$e = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
-const _hoisted_6$8 = { key: 0 };
-const _hoisted_7$4 = ["onClick"];
+const _hoisted_6$9 = { key: 0 };
+const _hoisted_7$5 = ["onClick"];
 const _hoisted_8$2 = { class: "flex" };
 const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$1 = { key: 0 };
@@ -6524,7 +6524,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         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$e, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$8, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$9, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelector",
                   ref: allSelector,
@@ -6551,7 +6551,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_7$4);
+                ], 8, _hoisted_7$5);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -6646,11 +6646,11 @@ const _hoisted_2$s = {
 const _hoisted_3$j = { class: "key" };
 const _hoisted_4$d = { class: "m-0" };
 const _hoisted_5$d = { key: 1 };
-const _hoisted_6$7 = {
+const _hoisted_6$8 = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$3 = { class: "key" };
+const _hoisted_7$4 = { class: "key" };
 const _hoisted_8$1 = { class: "m-0" };
 const _hoisted_9$1 = {
   key: 0,
@@ -6718,8 +6718,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
         !((_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, [
-                vue.createElementVNode("div", _hoisted_7$3, [
+              !isUnset(itemData.value[id]) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
+                vue.createElementVNode("div", _hoisted_7$4, [
                   vue.createElementVNode("p", _hoisted_8$1, vue.toDisplayString(label), 1)
                 ]),
                 vue.createElementVNode("div", null, [
@@ -16068,8 +16068,8 @@ const _hoisted_4$c = {
   class: "ms-auto ps-05 me-05"
 };
 const _hoisted_5$c = ["value"];
-const _hoisted_6$6 = { class: "selectinput-options" };
-const _hoisted_7$2 = ["onClick"];
+const _hoisted_6$7 = { class: "selectinput-options" };
+const _hoisted_7$3 = ["onClick"];
 const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SelectInput",
   props: {
@@ -16234,7 +16234,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 placeholder: "Search",
                 icon: "search"
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_6$6, [
+              vue.createElementVNode("div", _hoisted_6$7, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredOptions.value, (option2, i2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: `${option2}${i2}`,
@@ -16251,7 +16251,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                       icon: "fiber_manual_record"
                     })) : vue.createCommentVNode("", true),
                     vue.createElementVNode("span", null, vue.toDisplayString(getLabel(option2)), 1)
-                  ], 10, _hoisted_7$2);
+                  ], 10, _hoisted_7$3);
                 }), 128))
               ]),
               vue.renderSlot(_ctx.$slots, "last", {}, void 0, true)
@@ -18792,7 +18792,7 @@ 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$b = { class: "table-reorder" };
-const _hoisted_6$5 = { class: "table-action" };
+const _hoisted_6$6 = { class: "table-action" };
 const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TableField",
   props: {
@@ -18906,7 +18906,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                           }, null, 8, ["field-meta", "bagel-app", "model-value", "onUpdate:modelValue"])
                         ], 2);
                       }), 128)),
-                      vue.createElementVNode("div", _hoisted_6$5, [
+                      vue.createElementVNode("div", _hoisted_6$6, [
                         vue.createVNode(vue.unref(_sfc_main$P), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
@@ -19309,8 +19309,8 @@ const _hoisted_4$7 = {
   class: "multi-image-item previewName"
 };
 const _hoisted_5$7 = ["src"];
-const _hoisted_6$4 = { class: "no-margin" };
-const _hoisted_7$1 = {
+const _hoisted_6$5 = { class: "no-margin" };
+const _hoisted_7$2 = {
   key: 0,
   class: "imagePreviewWrap"
 };
@@ -19486,7 +19486,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     src: file.url,
                     alt: ""
                   }, null, 8, _hoisted_5$7),
-                  vue.createElementVNode("p", _hoisted_6$4, vue.toDisplayString(file.name), 1),
+                  vue.createElementVNode("p", _hoisted_6$5, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     flat: "",
@@ -19501,7 +19501,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                 key: fileQ.file
               }, [
-                !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
+                !_ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
                   vue.createElementVNode("img", {
                     class: "preview",
                     src: fileToUrl(fileQ.file),
@@ -45728,7 +45728,7 @@ 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$5 = { key: 1 };
-const _hoisted_6$3 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
+const _hoisted_6$4 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -46065,7 +46065,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                 vue.withKeys(onSpace, ["space"])
               ],
               onKeydown: handleInput
-            }, null, 44, _hoisted_6$3), [
+            }, null, 44, _hoisted_6$4), [
               [vue.vModelText, phone.value]
             ])
           ], 40, _hoisted_1$h)
@@ -47225,12 +47225,14 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
 const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e3cd444d"]]);
 const _hoisted_1$d = ["for"];
 const _hoisted_2$a = ["id", "name", "value"];
-const _hoisted_3$8 = ["src", "alt"];
-const _hoisted_4$4 = {
+const _hoisted_3$8 = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_4$4 = ["src", "alt"];
+const _hoisted_5$4 = { class: "" };
+const _hoisted_6$3 = {
   key: 0,
-  class: "m-0"
+  class: "m-0 m_txt-14"
 };
-const _hoisted_5$4 = {
+const _hoisted_7$1 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
@@ -47265,20 +47267,22 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, _hoisted_2$a), [
               [vue.vModelRadio, selectedOption.value]
             ]),
-            opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
-              key: 0,
-              class: "bg-white shadow-light py-025 rounded",
-              width: "60",
-              src: opt.imgSrc,
-              alt: opt.imgAlt
-            }, null, 8, _hoisted_3$8)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", null, [
-              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.createElementVNode("div", _hoisted_3$8, [
+              opt.imgSrc ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                class: "bg-white shadow-light py-025 rounded m_w40",
+                width: "60",
+                src: opt.imgSrc,
+                alt: opt.imgAlt
+              }, null, 8, _hoisted_4$4)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_5$4, [
+                opt.label ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$3, vue.toDisplayString(opt.label), 1)) : vue.createCommentVNode("", true),
+                opt.subLabel ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$1, vue.toDisplayString(opt.subLabel), 1)) : vue.createCommentVNode("", true)
+              ]),
+              vue.renderSlot(_ctx.$slots, "radioItem", vue.mergeProps({ ref_for: true }, opt), void 0, 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,
+            !_ctx.deletable ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+              key: 0,
               class: "ms-auto",
               flat: "",
               thin: "",
@@ -47291,7 +47295,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-15e1b44b"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-751ec522"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -53770,7 +53774,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70d6cf78"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94434de0"]]);
 const countryArray = [
   ["Afghanistan (افغانستان)", "AF", "93"],
   ["Albania (Shqipëri)", "AL", "355"],

package/dist/index.mjs

@@ -5454,7 +5454,7 @@ const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
 const _hoisted_5$f = { class: "bot-buttons-wrapper" };
-const _hoisted_6$9 = { class: "tooltip" };
+const _hoisted_6$a = { class: "tooltip" };
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "NavBar",
   props: {
@@ -5524,7 +5524,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                   createVNode(unref(_sfc_main$P), {
                     icon: link.icon
                   }, null, 8, ["icon"]),
-                  createElementVNode("div", _hoisted_6$9, toDisplayString(link.label), 1)
+                  createElementVNode("div", _hoisted_6$a, toDisplayString(link.label), 1)
                 ]),
                 _: 2
               }, 1032, ["to", "onClick"]);
@@ -6373,8 +6373,8 @@ const _hoisted_3$k = [
 ];
 const _hoisted_4$e = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
-const _hoisted_6$8 = { key: 0 };
-const _hoisted_7$4 = ["onClick"];
+const _hoisted_6$9 = { key: 0 };
+const _hoisted_7$5 = ["onClick"];
 const _hoisted_8$2 = { class: "flex" };
 const _hoisted_9$2 = ["onClick"];
 const _hoisted_10$1 = { key: 0 };
@@ -6522,7 +6522,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$e, [
-              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$8, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$9, [
                 createElementVNode("input", {
                   ref_key: "allSelector",
                   ref: allSelector,
@@ -6549,7 +6549,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_7$4);
+                ], 8, _hoisted_7$5);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -6644,11 +6644,11 @@ const _hoisted_2$s = {
 const _hoisted_3$j = { class: "key" };
 const _hoisted_4$d = { class: "m-0" };
 const _hoisted_5$d = { key: 1 };
-const _hoisted_6$7 = {
+const _hoisted_6$8 = {
   key: 0,
   class: "data-row"
 };
-const _hoisted_7$3 = { class: "key" };
+const _hoisted_7$4 = { class: "key" };
 const _hoisted_8$1 = { class: "m-0" };
 const _hoisted_9$1 = {
   key: 0,
@@ -6716,8 +6716,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         !((_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, [
-                createElementVNode("div", _hoisted_7$3, [
+              !isUnset(itemData.value[id]) ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
+                createElementVNode("div", _hoisted_7$4, [
                   createElementVNode("p", _hoisted_8$1, toDisplayString(label), 1)
                 ]),
                 createElementVNode("div", null, [
@@ -16066,8 +16066,8 @@ const _hoisted_4$c = {
   class: "ms-auto ps-05 me-05"
 };
 const _hoisted_5$c = ["value"];
-const _hoisted_6$6 = { class: "selectinput-options" };
-const _hoisted_7$2 = ["onClick"];
+const _hoisted_6$7 = { class: "selectinput-options" };
+const _hoisted_7$3 = ["onClick"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "SelectInput",
   props: {
@@ -16232,7 +16232,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 placeholder: "Search",
                 icon: "search"
               }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_6$6, [
+              createElementVNode("div", _hoisted_6$7, [
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(filteredOptions.value, (option2, i2) => {
                   return openBlock(), createElementBlock("div", {
                     key: `${option2}${i2}`,
@@ -16249,7 +16249,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                       icon: "fiber_manual_record"
                     })) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString(getLabel(option2)), 1)
-                  ], 10, _hoisted_7$2);
+                  ], 10, _hoisted_7$3);
                 }), 128))
               ]),
               renderSlot(_ctx.$slots, "last", {}, void 0, true)
@@ -18790,7 +18790,7 @@ 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$b = { class: "table-reorder" };
-const _hoisted_6$5 = { class: "table-action" };
+const _hoisted_6$6 = { class: "table-action" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "TableField",
   props: {
@@ -18904,7 +18904,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                           }, null, 8, ["field-meta", "bagel-app", "model-value", "onUpdate:modelValue"])
                         ], 2);
                       }), 128)),
-                      createElementVNode("div", _hoisted_6$5, [
+                      createElementVNode("div", _hoisted_6$6, [
                         createVNode(unref(_sfc_main$P), {
                           icon: "delete",
                           onClick: ($event) => removeRow2(index2)
@@ -19307,8 +19307,8 @@ const _hoisted_4$7 = {
   class: "multi-image-item previewName"
 };
 const _hoisted_5$7 = ["src"];
-const _hoisted_6$4 = { class: "no-margin" };
-const _hoisted_7$1 = {
+const _hoisted_6$5 = { class: "no-margin" };
+const _hoisted_7$2 = {
   key: 0,
   class: "imagePreviewWrap"
 };
@@ -19484,7 +19484,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     src: file.url,
                     alt: ""
                   }, null, 8, _hoisted_5$7),
-                  createElementVNode("p", _hoisted_6$4, toDisplayString(file.name), 1),
+                  createElementVNode("p", _hoisted_6$5, toDisplayString(file.name), 1),
                   createVNode(unref(Btn), {
                     thin: "",
                     flat: "",
@@ -19499,7 +19499,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment$1, {
                 key: fileQ.file
               }, [
-                !_ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+                !_ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
                   createElementVNode("img", {
                     class: "preview",
                     src: fileToUrl(fileQ.file),
@@ -45726,7 +45726,7 @@ 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$5 = { key: 1 };
-const _hoisted_6$3 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
+const _hoisted_6$4 = ["id", "required", "placeholder", "disabled", "autocomplete", "pattern", "minlength", "maxlength", "name", "readonly", "tabindex", "aria-describedby"];
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "TelInput",
   props: /* @__PURE__ */ mergeModels({
@@ -46063,7 +46063,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 withKeys(onSpace, ["space"])
               ],
               onKeydown: handleInput
-            }, null, 44, _hoisted_6$3), [
+            }, null, 44, _hoisted_6$4), [
               [vModelText, phone.value]
             ])
           ], 40, _hoisted_1$h)
@@ -47223,12 +47223,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 const index = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e3cd444d"]]);
 const _hoisted_1$d = ["for"];
 const _hoisted_2$a = ["id", "name", "value"];
-const _hoisted_3$8 = ["src", "alt"];
-const _hoisted_4$4 = {
+const _hoisted_3$8 = { class: "flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025" };
+const _hoisted_4$4 = ["src", "alt"];
+const _hoisted_5$4 = { class: "" };
+const _hoisted_6$3 = {
   key: 0,
-  class: "m-0"
+  class: "m-0 m_txt-14"
 };
-const _hoisted_5$4 = {
+const _hoisted_7$1 = {
   key: 1,
   class: "txt-gray txt-12 m-0"
 };
@@ -47263,20 +47265,22 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_2$a), [
               [vModelRadio, selectedOption.value]
             ]),
-            opt.imgSrc ? (openBlock(), createElementBlock("img", {
-              key: 0,
-              class: "bg-white shadow-light py-025 rounded",
-              width: "60",
-              src: opt.imgSrc,
-              alt: opt.imgAlt
-            }, null, 8, _hoisted_3$8)) : createCommentVNode("", true),
-            createElementVNode("div", null, [
-              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)
+            createElementVNode("div", _hoisted_3$8, [
+              opt.imgSrc ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                class: "bg-white shadow-light py-025 rounded m_w40",
+                width: "60",
+                src: opt.imgSrc,
+                alt: opt.imgAlt
+              }, null, 8, _hoisted_4$4)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_5$4, [
+                opt.label ? (openBlock(), createElementBlock("p", _hoisted_6$3, toDisplayString(opt.label), 1)) : createCommentVNode("", true),
+                opt.subLabel ? (openBlock(), createElementBlock("p", _hoisted_7$1, toDisplayString(opt.subLabel), 1)) : createCommentVNode("", true)
+              ]),
+              renderSlot(_ctx.$slots, "radioItem", mergeProps({ ref_for: true }, opt), void 0, true)
             ]),
-            renderSlot(_ctx.$slots, "radioItem", mergeProps({ ref_for: true }, opt), void 0, true),
-            _ctx.deletable ? (openBlock(), createBlock(unref(Btn), {
-              key: 1,
+            !_ctx.deletable ? (openBlock(), createBlock(unref(Btn), {
+              key: 0,
               class: "ms-auto",
               flat: "",
               thin: "",
@@ -47289,7 +47293,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-15e1b44b"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-751ec522"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -53768,7 +53772,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70d6cf78"]]);
+const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94434de0"]]);
 const countryArray = [
   ["Afghanistan (افغانستان)", "AF", "93"],
   ["Albania (Shqipëri)", "AL", "355"],

package/dist/style.css

@@ -2177,12 +2177,12 @@ input[type="number"][data-v-4c741194] {
 }
 }
 
-.radio-input-list[data-v-15e1b44b]{
+.radio-input-list[data-v-751ec522]{
 	width: auto;
 	transform: scale(1.4);
 	margin-inline-end: 0.6rem;
 }
-.active-list-item[data-v-15e1b44b]:has(:checked){
+.active-list-item[data-v-751ec522]:has(:checked){
 	background: var(--bgl-primary-light) !important;
 	border-color: var(--bgl-primary) !important;
 	accent-color: var(--bgl-accent-color);
@@ -2371,22 +2371,22 @@ input[type="number"][data-v-4c741194] {
 	z-index: 0;
 }
 
-.tab[data-v-70d6cf78] {
+.tab[data-v-94434de0] {
   text-transform: capitalize;
 }
-.side-tabs[data-v-70d6cf78] {
+.side-tabs[data-v-94434de0] {
   display: flex;
 }
-.side-tabs .tabs-top[data-v-70d6cf78] {
+.side-tabs .tabs-top[data-v-94434de0] {
   margin-inline-end: 1rem;
 }
-.side-tabs .tabs[data-v-70d6cf78] {
+.side-tabs .tabs[data-v-94434de0] {
   display: block;
   padding: 0;
   margin: 0;
   border: none;
 }
-.side-tabs .tab[data-v-70d6cf78] {
+.side-tabs .tab[data-v-94434de0] {
   border: none;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.657",
+  "version": "0.0.661",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

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

@@ -1,4 +1,4 @@
-<script setup lang="ts" generic="T extends Record<string, unknown>">
+<script setup lang="ts" generic="ContextObjType extends Record<string, unknown>">
 import { Btn } from '@bagelink/vue'
 
 export interface RadioOption<T> {
@@ -13,7 +13,7 @@ export interface RadioOption<T> {
 
 defineProps<{
 	groupName: string
-	options: RadioOption<T>[]
+	options: RadioOption<ContextObjType>[]
 	deletable?: boolean
 }>()
 
@@ -38,20 +38,22 @@ const selectedOption = defineModel('modelValue')
 				:name="groupName"
 				:value="opt.value"
 			>
-			<img
-				v-if="opt.imgSrc"
-				class="bg-white shadow-light py-025 rounded"
-				width="60"
-				:src="opt.imgSrc"
-				:alt="opt.imgAlt"
-			>
-			<div>
-				<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 class="flex w-100 gap-1 flex-wrap m_gap-05 m_gap-row-025">
+				<img
+					v-if="opt.imgSrc"
+					class="bg-white shadow-light py-025 rounded m_w40"
+					width="60"
+					:src="opt.imgSrc"
+					:alt="opt.imgAlt"
+				>
+				<div class="">
+					<p v-if="opt.label" class="m-0 m_txt-14">{{ 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" />
 			</div>
-			<slot name="radioItem" v-bind="opt" />
 			<Btn
-				v-if="deletable"
+				v-if="!deletable"
 				class="ms-auto"
 				flat thin icon="delete"
 				@click="$emit('delete', opt)"

package/src/components/layout/TabbedLayout.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { Router } from 'vue-router'
-import { onMounted } from 'vue'
+import { onMounted, type Raw} from 'vue'
 
 const props = defineProps<{
 	title?: string
 	tabs: string[]
 	modelValue?: string
-	router?: Router
+	router?: Raw<Router>
 	sideTabs?: boolean
 }>()