@bagelink/vue 0.0.132 → 0.0.136

package/dist/index.mjs

@@ -17043,8 +17043,7 @@ const _hoisted_7$7 = ["onUpdate:modelValue", "placeholder"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "ContactArrayFormKit",
   props: {
-    context: {},
-    form: {}
+    context: {}
   },
   setup(__props) {
     const bagel = useBagel();
@@ -17091,30 +17090,36 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createElementVNode("div", _hoisted_2$x, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (contact, i2) => {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
             return openBlock(), createElementBlock("div", {
               class: "bglform-contact mb-2",
               key: i2
             }, [
               unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
-                createElementVNode("p", _hoisted_4$g, toDisplayString(_ctx.form.sure), 1),
+                createElementVNode("p", _hoisted_4$g, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
                 createVNode(unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(contact.id)
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.form.delete), 1)
-                  ]),
+                  default: withCtx(() => {
+                    var _a2, _b2;
+                    return [
+                      createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
+                    ];
+                  }),
                   _: 2
                 }, 1032, ["onClick"]),
                 createVNode(unref(Btn), {
                   thin: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.form.cancel), 1)
-                  ]),
+                  default: withCtx(() => {
+                    var _a2, _b2;
+                    return [
+                      createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
+                    ];
+                  }),
                   _: 1
                 })
               ])) : createCommentVNode("", true),
@@ -17126,22 +17131,22 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 class: "bglform-contact-label",
                 "onUpdate:modelValue": ($event) => contact.label = $event,
                 type: "text",
-                placeholder: _ctx.form.label
+                placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
               }, null, 8, _hoisted_5$e), [
                 [vModelText, contact.label]
               ]),
-              ((_a = _ctx.context) == null ? void 0 : _a.id) === "email" ? withDirectives((openBlock(), createElementBlock("input", {
+              ((_e = _ctx.context) == null ? void 0 : _e.id) === "email" ? withDirectives((openBlock(), createElementBlock("input", {
                 key: 1,
                 "onUpdate:modelValue": ($event) => contact.email = $event,
-                placeholder: _ctx.form.email,
+                placeholder: (_g = (_f = _ctx.context) == null ? void 0 : _f.formPlaceholders) == null ? void 0 : _g.email,
                 type: "email"
               }, null, 8, _hoisted_6$b)), [
                 [vModelText, contact.email]
               ]) : createCommentVNode("", true),
-              ((_b = _ctx.context) == null ? void 0 : _b.id) === "phone" ? withDirectives((openBlock(), createElementBlock("input", {
+              ((_h = _ctx.context) == null ? void 0 : _h.id) === "phone" ? withDirectives((openBlock(), createElementBlock("input", {
                 key: 2,
                 "onUpdate:modelValue": ($event) => contact.phone = $event,
-                placeholder: _ctx.form.phone,
+                placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.phone,
                 type: "tel"
               }, null, 8, _hoisted_7$7)), [
                 [vModelText, contact.phone]
@@ -17163,9 +17168,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => unref(val).push({}))
           }, {
             default: withCtx(() => {
-              var _a;
+              var _a, _b, _c;
               return [
-                createTextVNode(toDisplayString(_ctx.form.add) + " " + toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
+                createTextVNode(toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
               ];
             }),
             _: 1
@@ -17175,7 +17180,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-438c5b36"]]);
+const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-33e63930"]]);
 const _hoisted_1$B = { class: "bagel-input" };
 const _hoisted_2$w = { class: "mt-1" };
 const _hoisted_3$t = {
@@ -17194,8 +17199,7 @@ const _hoisted_12$1 = { class: "bglform-address-del" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "AddressArray",
   props: {
-    context: {},
-    form: {}
+    context: {}
   },
   setup(__props) {
     const bagel = useBagel();
@@ -17248,29 +17252,36 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createElementVNode("div", _hoisted_2$w, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (address, i2) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
             return openBlock(), createElementBlock("div", {
               class: "bglform-contact mb-3",
               key: i2
             }, [
               unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
-                createElementVNode("p", _hoisted_4$f, toDisplayString(_ctx.form.sure), 1),
+                createElementVNode("p", _hoisted_4$f, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
                 createVNode(unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(address.id)
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.form.delete), 1)
-                  ]),
+                  default: withCtx(() => {
+                    var _a2, _b2;
+                    return [
+                      createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
+                    ];
+                  }),
                   _: 2
                 }, 1032, ["onClick"]),
                 createVNode(unref(Btn), {
                   thin: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.form.cancel), 1)
-                  ]),
+                  default: withCtx(() => {
+                    var _a2, _b2;
+                    return [
+                      createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
+                    ];
+                  }),
                   _: 1
                 })
               ])) : createCommentVNode("", true),
@@ -17282,14 +17293,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 class: "bglform-contact-label",
                 "onUpdate:modelValue": ($event) => address.label = $event,
                 type: "text",
-                placeholder: _ctx.form.label
+                placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
               }, null, 8, _hoisted_5$d), [
                 [vModelText, address.label]
               ]),
               createElementVNode("div", _hoisted_6$a, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => address.street = $event,
-                  placeholder: _ctx.form.street,
+                  placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.street,
                   type: "text"
                 }, null, 8, _hoisted_7$6), [
                   [vModelText, address.street]
@@ -17297,14 +17308,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_8$3, [
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => address.city = $event,
-                    placeholder: _ctx.form.city,
+                    placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.city,
                     type: "text"
                   }, null, 8, _hoisted_9$3), [
                     [vModelText, address.city]
                   ]),
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => address.postal_code = $event,
-                    placeholder: _ctx.form.zip,
+                    placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.zip,
                     type: "text"
                   }, null, 8, _hoisted_10$2), [
                     [vModelText, address.postal_code]
@@ -17312,7 +17323,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 ]),
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => address.country = $event,
-                  placeholder: _ctx.form.country,
+                  placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.country,
                   type: "text"
                 }, null, 8, _hoisted_11$1), [
                   [vModelText, address.country]
@@ -17336,9 +17347,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             onClick: addNew
           }, {
             default: withCtx(() => {
-              var _a;
+              var _a, _b, _c;
               return [
-                createTextVNode(toDisplayString(_ctx.form.add) + " " + toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
+                createTextVNode(toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
               ];
             }),
             _: 1
@@ -17348,7 +17359,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0ec6633e"]]);
+const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0b835e6e"]]);
 const _hoisted_1$A = { class: "bagel-input" };
 const _hoisted_2$v = { class: "mt-1" };
 const _hoisted_3$s = {
@@ -17372,8 +17383,7 @@ const _hoisted_17 = { class: "bglform-address-del" };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "BankDetailsArray",
   props: {
-    context: {},
-    form: {}
+    context: {}
   },
   setup(__props) {
     const bagel = useBagel();
@@ -17420,29 +17430,36 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("div", _hoisted_2$v, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (bank_account, i2) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
             return openBlock(), createElementBlock("div", {
               class: "bglform-contact mb-3",
               key: i2
             }, [
               unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
-                createElementVNode("p", _hoisted_4$e, toDisplayString(_ctx.form.sure), 1),
+                createElementVNode("p", _hoisted_4$e, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
                 createVNode(unref(Btn), {
                   thin: "",
                   color: "red",
                   onClick: ($event) => deleteContact(bank_account.id)
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.form.delete), 1)
-                  ]),
+                  default: withCtx(() => {
+                    var _a2, _b2;
+                    return [
+                      createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
+                    ];
+                  }),
                   _: 2
                 }, 1032, ["onClick"]),
                 createVNode(unref(Btn), {
                   thin: "",
                   onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
                 }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.form.cancel), 1)
-                  ]),
+                  default: withCtx(() => {
+                    var _a2, _b2;
+                    return [
+                      createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
+                    ];
+                  }),
                   _: 1
                 })
               ])) : createCommentVNode("", true),
@@ -17454,14 +17471,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 class: "bglform-contact-label",
                 "onUpdate:modelValue": ($event) => bank_account.label = $event,
                 type: "text",
-                placeholder: _ctx.form.label
+                placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
               }, null, 8, _hoisted_5$c), [
                 [vModelText, bank_account.label]
               ]),
               createElementVNode("div", _hoisted_6$9, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => bank_account.bank_name = $event,
-                  placeholder: _ctx.form.bankName,
+                  placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.bankName,
                   type: "text",
                   required: ""
                 }, null, 8, _hoisted_7$5), [
@@ -17470,7 +17487,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_8$2, [
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.branch = $event,
-                    placeholder: _ctx.form.bankBranch,
+                    placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.bankBranch,
                     type: "text",
                     required: ""
                   }, null, 8, _hoisted_9$2), [
@@ -17478,7 +17495,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   ]),
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.account_number = $event,
-                    placeholder: _ctx.form.bankAccount,
+                    placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.bankAccount,
                     type: "text",
                     required: ""
                   }, null, 8, _hoisted_10$1), [
@@ -17488,7 +17505,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_11, [
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.bank_account_holder = $event,
-                    placeholder: _ctx.form.bankAccountHolder,
+                    placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.bankAccountHolder,
                     type: "text",
                     required: ""
                   }, null, 8, _hoisted_12), [
@@ -17496,7 +17513,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   ]),
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.bank_account_holder_id = $event,
-                    placeholder: _ctx.form.bankAccountHolderID,
+                    placeholder: (_n = (_m = _ctx.context) == null ? void 0 : _m.formPlaceholders) == null ? void 0 : _n.bankAccountHolderID,
                     type: "text"
                   }, null, 8, _hoisted_13), [
                     [vModelText, bank_account.bank_account_holder_id]
@@ -17517,7 +17534,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   ]),
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": ($event) => bank_account.bank_address = $event,
-                    placeholder: _ctx.form.bankAddress,
+                    placeholder: (_p = (_o = _ctx.context) == null ? void 0 : _o.formPlaceholders) == null ? void 0 : _p.bankAddress,
                     type: "text"
                   }, null, 8, _hoisted_16), [
                     [vModelText, bank_account.bank_address]
@@ -17542,9 +17559,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => unref(val).push({}))
           }, {
             default: withCtx(() => {
-              var _a;
+              var _a, _b, _c;
               return [
-                createTextVNode(toDisplayString(_ctx.form.add) + " " + toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
+                createTextVNode(toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
               ];
             }),
             _: 1
@@ -17554,7 +17571,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-277091e1"]]);
+const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-60b0c498"]]);
 const _hoisted_1$z = { class: "misc-wrap" };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "MiscFields",
@@ -18092,8 +18109,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       void props2.router.push(`/${props2.field.refCollection}/${(_b = props2.modelValue) == null ? void 0 : _b.id}`);
     };
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", null, [
-        createTextVNode(toDisplayString(_ctx.field.label || _ctx.field.id) + " ", 1),
+        createTextVNode(toDisplayString(((_a = _ctx.field) == null ? void 0 : _a.label) || _ctx.field.id) + " ", 1),
         _ctx.field.refCollection ? (openBlock(), createBlock(unref(Btn), {
           key: 0,
           color: "gray",

package/dist/style.css

@@ -1159,34 +1159,34 @@ th[data-v-fa7146ce] {
 	border: none;
 }
 
-.bglform-contact[data-v-438c5b36] {
+.bglform-contact[data-v-33e63930] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	max-width: 700px;
 	position: relative;
 }
-.bglform-contact-label[data-v-438c5b36] {
+.bglform-contact-label[data-v-33e63930] {
 	flex-basis: 140px;
 }
-.bglform-contact input[type='checkbox'][data-v-438c5b36] {
+.bglform-contact input[type='checkbox'][data-v-33e63930] {
 	width: 30px;
 	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-438c5b36] {
+.light.thin.btn-txt.btn[data-v-33e63930] {
 	padding-left: calc(var(--btn-padding) / 4);
 	padding-right: calc(var(--btn-padding) / 4);
 }
-.add-btn[data-v-438c5b36] {
+.add-btn[data-v-33e63930] {
 	display: flex;
 	gap: 0.5rem;
 	align-items: center;
 	margin-inline-start: 1rem;
 }
-.add-btn[data-v-438c5b36]:active {
+.add-btn[data-v-33e63930]:active {
 	background: none !important;
 }
-.add-btn[data-v-438c5b36]::before {
+.add-btn[data-v-33e63930]::before {
 	content: '+';
 	font-size: 10px;
 	background: var(--bgl-blue-light);
@@ -1198,12 +1198,12 @@ th[data-v-fa7146ce] {
 	justify-content: center;
 	color: var(--bgl-blue);
 }
-.add-btn[data-v-438c5b36]:hover::before {
+.add-btn[data-v-33e63930]:hover::before {
 	background: var(--bgl-blue);
 	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-label[data-v-438c5b36] {
+.bglform-contact-label[data-v-33e63930] {
 		min-width: 0;
 }
 }
@@ -1220,45 +1220,45 @@ th[data-v-fa7146ce] {
 	backdrop-filter: blur(1px);
 }
 
-.bglform-contact[data-v-0ec6633e] {
+.bglform-contact[data-v-0b835e6e] {
 	display: flex;
 	gap: 0.5rem;
 	max-width: 700px;
 	position: relative;
 }
-.bglform-contact-label[data-v-0ec6633e] {
+.bglform-contact-label[data-v-0b835e6e] {
 	flex-basis: 140px;
 }
-.bglform-contact-address[data-v-0ec6633e] {
+.bglform-contact-address[data-v-0b835e6e] {
 	display: flex;
 	flex-direction: column;
 	gap: 0.5rem;
 }
-.bglform-contact input[type='checkbox'][data-v-0ec6633e] {
+.bglform-contact input[type='checkbox'][data-v-0b835e6e] {
 	width: 30px;
 	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-0ec6633e] {
+.light.thin.btn-txt.btn[data-v-0b835e6e] {
 	padding-left: calc(var(--btn-padding) / 4);
 	padding-right: calc(var(--btn-padding) / 4);
 }
-.bglform-address-del[data-v-0ec6633e] {
+.bglform-address-del[data-v-0b835e6e] {
 	margin-top: 6px;
 }
-.bglform-contact-address-flex[data-v-0ec6633e] {
+.bglform-contact-address-flex[data-v-0b835e6e] {
 	display: flex;
 	gap: 0.5rem;
 }
-.add-btn[data-v-0ec6633e] {
+.add-btn[data-v-0b835e6e] {
 	display: flex;
 	gap: 0.5rem;
 	align-items: center;
 	margin-inline-start: 1rem;
 }
-.add-btn[data-v-0ec6633e]:active {
+.add-btn[data-v-0b835e6e]:active {
 	background: none !important;
 }
-.add-btn[data-v-0ec6633e]::before {
+.add-btn[data-v-0b835e6e]::before {
 	content: '+';
 	font-size: 10px;
 	background: var(--bgl-blue-light);
@@ -1270,15 +1270,15 @@ th[data-v-fa7146ce] {
 	justify-content: center;
 	color: var(--bgl-blue);
 }
-.add-btn[data-v-0ec6633e]:hover::before {
+.add-btn[data-v-0b835e6e]:hover::before {
 	background: var(--bgl-blue);
 	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-0ec6633e] {
+.bglform-contact-address-flex[data-v-0b835e6e] {
 		flex-wrap: wrap;
 }
-.bglform-contact-label[data-v-0ec6633e] {
+.bglform-contact-label[data-v-0b835e6e] {
 		min-width: 0;
 }
 }
@@ -1295,45 +1295,45 @@ th[data-v-fa7146ce] {
 	backdrop-filter: blur(1px);
 }
 
-.bglform-contact[data-v-277091e1] {
+.bglform-contact[data-v-60b0c498] {
 	display: flex;
 	gap: 0.5rem;
 	max-width: 700px;
 	position: relative;
 }
-.bglform-contact-label[data-v-277091e1] {
+.bglform-contact-label[data-v-60b0c498] {
 	flex-basis: 140px;
 }
-.bglform-contact-address[data-v-277091e1] {
+.bglform-contact-address[data-v-60b0c498] {
 	display: flex;
 	flex-direction: column;
 	gap: 0.5rem;
 }
-.bglform-contact input[type='checkbox'][data-v-277091e1] {
+.bglform-contact input[type='checkbox'][data-v-60b0c498] {
 	width: 30px;
 	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-277091e1] {
+.light.thin.btn-txt.btn[data-v-60b0c498] {
 	padding-left: calc(var(--btn-padding) / 4);
 	padding-right: calc(var(--btn-padding) / 4);
 }
-.bglform-address-del[data-v-277091e1] {
+.bglform-address-del[data-v-60b0c498] {
 	margin-top: 6px;
 }
-.bglform-contact-address-flex[data-v-277091e1] {
+.bglform-contact-address-flex[data-v-60b0c498] {
 	display: flex;
 	gap: 0.5rem;
 }
-.add-btn[data-v-277091e1] {
+.add-btn[data-v-60b0c498] {
 	display: flex;
 	gap: 0.5rem;
 	align-items: center;
 	margin-inline-start: 1rem;
 }
-.add-btn[data-v-277091e1]:active {
+.add-btn[data-v-60b0c498]:active {
 	background: none !important;
 }
-.add-btn[data-v-277091e1]::before {
+.add-btn[data-v-60b0c498]::before {
 	content: '+';
 	font-size: 10px;
 	background: var(--bgl-blue-light);
@@ -1345,15 +1345,15 @@ th[data-v-fa7146ce] {
 	justify-content: center;
 	color: var(--bgl-blue);
 }
-.add-btn[data-v-277091e1]:hover::before {
+.add-btn[data-v-60b0c498]:hover::before {
 	background: var(--bgl-blue);
 	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-277091e1] {
+.bglform-contact-address-flex[data-v-60b0c498] {
 		flex-wrap: wrap;
 }
-.bglform-contact-label[data-v-277091e1] {
+.bglform-contact-label[data-v-60b0c498] {
 		min-width: 0;
 }
 }

package/package.json

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

package/src/components/FileUploader.vue

@@ -16,7 +16,7 @@
 			</Transition>
 			<div class="img-label">
 				<p>
-					{{ form.dragDrop }} <span>{{ form.browse }}</span>
+					{{ dragDropLabel }} <span>{{ browseLabel }}</span>
 				</p>
 			</div>
 			<div class="uploading-wrap">
@@ -75,16 +75,16 @@ const props = withDefaults(
 		private?: 1 | 0;
 		singleFile?: boolean;
 		beforeUpload?: () => Promise<any>;
-		form: {
-			dragDrop: string
-			browse: string
-		}
+		dragDropLabel?: string;
+		browseLabel?: string;
 	}>(),
 	{
 		private: 0,
 		entity: '',
 		id: '',
 		beforeUpload: async () => { },
+		dragDropLabel: 'Drag and drop your files here',
+		browseLabel: 'Browse',
 	},
 );
 

package/src/components/FormKitTable.vue

@@ -11,7 +11,7 @@
 						@click="sort(field.id)"
 					>
 						<div class="flex">
-							{{ field.label || field.id }}
+							{{ field?.label || field.id }}
 							<div
 								class="list-arrows"
 								:class="{ sorted: sortField === field.id }"

package/src/components/form/ItemRef.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		{{ field.label || field.id }}
+		{{ field?.label || field.id }}
 
 		<Btn
 			color="gray"

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

@@ -11,7 +11,7 @@
 				:id="field.id"
 				v-model="inputVal"
 				type="color"
-				:placeholder="field.placeholder || field.label"
+				:placeholder="field?.placeholder || field.label"
 				:class="{ 'no-edit': !editMode }"
 				:required="required"
 				v-bind="nativeInputAttrs"