@bagelink/vue 0.0.132 → 0.0.134

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/formkit/AddressArray.vue.d.ts +17 -24
  2. package/dist/components/formkit/AddressArray.vue.d.ts.map +1 -1
  3. package/dist/components/formkit/BankDetailsArray.vue.d.ts +19 -28
  4. package/dist/components/formkit/BankDetailsArray.vue.d.ts.map +1 -1
  5. package/dist/components/formkit/index.d.ts +2 -0
  6. package/dist/components/formkit/index.d.ts.map +1 -1
  7. package/dist/index.cjs +50 -37
  8. package/dist/index.mjs +50 -37
  9. package/dist/style.css +26 -26
  10. package/package.json +1 -1
  11. package/src/components/FileUploader.vue +5 -5
  12. package/src/components/FormKitTable.vue +1 -1
  13. package/src/components/form/ItemRef.vue +1 -1
  14. package/src/components/form/inputs/ColorPicker.vue +1 -1
  15. package/src/components/formkit/AddressArray.vue +27 -21
  16. package/src/components/formkit/BankDetailsArray.vue +29 -25
  17. package/src/components/formkit/index.ts +3 -0
package/dist/components/formkit/AddressArray.vue.d.ts CHANGED
@@ -1,29 +1,22 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
- context: Record<string, any>;
3
- form: {
4
- add: string;
5
- cancel: string;
6
- city: string;
7
- country: string;
8
- delete: string;
9
- label: string;
10
- sure: string;
11
- zip: string;
12
- street: string;
1
+ export interface AddressArrContext {
2
+ label?: string;
3
+ formPlaceholders?: {
4
+ add?: string;
5
+ cancel?: string;
6
+ city?: string;
7
+ country?: string;
8
+ delete?: string;
9
+ label?: string;
10
+ sure?: string;
11
+ zip?: string;
12
+ street?: string;
13
13
  };
14
+ [key: string]: any;
15
+ }
16
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
17
+ context: AddressArrContext;
14
18
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
15
- context: Record<string, any>;
16
- form: {
17
- add: string;
18
- cancel: string;
19
- city: string;
20
- country: string;
21
- delete: string;
22
- label: string;
23
- sure: string;
24
- zip: string;
25
- street: string;
26
- };
19
+ context: AddressArrContext;
27
20
  }>>>, {}, {}>;
28
21
  export default _default;
29
22
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/dist/components/formkit/AddressArray.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AddressArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/AddressArray.vue"],"names":[],"mappings":"AAqFA;;aAyWU,OAAO,MAAM,EAAE,GAAG,CAAC;UACtB;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KACf;;aAXQ,OAAO,MAAM,EAAE,GAAG,CAAC;UACtB;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KACf;;AAbF,wBAmBG;AAGH,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"}
1
+ {"version":3,"file":"AddressArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/AddressArray.vue"],"names":[],"mappings":"AAqFA;AAQA,MAAM,WAAW,iBAAiB;IAEjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CAEnB;;aA4US,iBAAiB;;aAAjB,iBAAiB;;AAF3B,wBAQG;AAGH,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"}
package/dist/components/formkit/BankDetailsArray.vue.d.ts CHANGED
@@ -1,33 +1,24 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
- context: Record<string, any>;
3
- form: {
4
- sure: string;
5
- delete: string;
6
- cancel: string;
7
- label: string;
8
- bankName: string;
9
- bankBranch: string;
10
- bankAccount: string;
11
- bankAccountHolder: string;
12
- bankAccountHolderID: string;
13
- bankAddress: string;
14
- add: string;
1
+ export interface BankDetailsContext {
2
+ label?: string;
3
+ formPlaceholders?: {
4
+ sure?: string;
5
+ delete?: string;
6
+ cancel?: string;
7
+ label?: string;
8
+ bankName?: string;
9
+ bankBranch?: string;
10
+ bankAccount?: string;
11
+ bankAccountHolder?: string;
12
+ bankAccountHolderID?: string;
13
+ bankAddress?: string;
14
+ add?: string;
15
15
  };
16
+ [key: string]: any;
17
+ }
18
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
19
+ context: BankDetailsContext;
16
20
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
17
- context: Record<string, any>;
18
- form: {
19
- sure: string;
20
- delete: string;
21
- cancel: string;
22
- label: string;
23
- bankName: string;
24
- bankBranch: string;
25
- bankAccount: string;
26
- bankAccountHolder: string;
27
- bankAccountHolderID: string;
28
- bankAddress: string;
29
- add: string;
30
- };
21
+ context: BankDetailsContext;
31
22
  }>>>, {}, {}>;
32
23
  export default _default;
33
24
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/dist/components/formkit/BankDetailsArray.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BankDetailsArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/BankDetailsArray.vue"],"names":[],"mappings":"AA8GA;;aAyZU,OAAO,MAAM,EAAE,GAAG,CAAC;UACtB;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,WAAW,EAAE,MAAM,CAAA;QACnB,iBAAiB,EAAE,MAAM,CAAA;QACzB,mBAAmB,EAAE,MAAM,CAAA;QAC3B,WAAW,EAAE,MAAM,CAAA;QACnB,GAAG,EAAE,MAAM,CAAA;KACX;;aAbQ,OAAO,MAAM,EAAE,GAAG,CAAC;UACtB;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,WAAW,EAAE,MAAM,CAAA;QACnB,iBAAiB,EAAE,MAAM,CAAA;QACzB,mBAAmB,EAAE,MAAM,CAAA;QAC3B,WAAW,EAAE,MAAM,CAAA;QACnB,GAAG,EAAE,MAAM,CAAA;KACX;;AAfF,wBAqBG;AAGH,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"}
1
+ {"version":3,"file":"BankDetailsArray.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/BankDetailsArray.vue"],"names":[],"mappings":"AA8GA;AAQA,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,GAAG,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;;aAwXS,kBAAkB;;aAAlB,kBAAkB;;AAF5B,wBAQG;AAGH,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"}
package/dist/components/formkit/index.d.ts CHANGED
@@ -7,4 +7,6 @@ declare const FileUploadInput: import("@formkit/core").FormKitTypeDefinition;
7
7
  declare const TextVariablesInput: import("@formkit/core").FormKitTypeDefinition;
8
8
  declare const PersonPreviewInput: import("@formkit/core").FormKitTypeDefinition;
9
9
  export { TextVariablesInput, ContactArrayInput, PersonPreviewInput, AddressInput, BankDetailsInput, MiscFieldsInput, ToggleSwitchInput, FileUploadInput, };
10
+ export type { BankDetailsContext } from './BankDetailsArray.vue';
11
+ export type { AddressArrContext } from './AddressArray.vue';
10
12
  //# sourceMappingURL=index.d.ts.map
package/dist/components/formkit/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/index.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,iBAAiB,+CAAmC,CAAC;AAC3D,QAAA,MAAM,YAAY,+CAA4B,CAAC;AAC/C,QAAA,MAAM,gBAAgB,+CAAgC,CAAC;AACvD,QAAA,MAAM,eAAe,+CAA8B,CAAC;AACpD,QAAA,MAAM,iBAAiB,+CAAsB,CAAC;AAC9C,QAAA,MAAM,eAAe,+CAA4B,CAAC;AAClD,QAAA,MAAM,kBAAkB,+CAAoC,CAAC;AAC7D,QAAA,MAAM,kBAAkB,+CAAmB,CAAC;AAE5C,OAAO,EACN,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,GACf,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/index.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,iBAAiB,+CAAmC,CAAC;AAC3D,QAAA,MAAM,YAAY,+CAA4B,CAAC;AAC/C,QAAA,MAAM,gBAAgB,+CAAgC,CAAC;AACvD,QAAA,MAAM,eAAe,+CAA8B,CAAC;AACpD,QAAA,MAAM,iBAAiB,+CAAsB,CAAC;AAC9C,QAAA,MAAM,eAAe,+CAA4B,CAAC;AAClD,QAAA,MAAM,kBAAkB,+CAAoC,CAAC;AAC7D,QAAA,MAAM,kBAAkB,+CAAmB,CAAC;AAE5C,OAAO,EACN,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,GACf,CAAC;AAEF,YAAW,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAChE,YAAW,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}
package/dist/index.cjs CHANGED
@@ -17196,8 +17196,7 @@ const _hoisted_12$1 = { class: "bglform-address-del" };
17196
17196
  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17197
17197
  __name: "AddressArray",
17198
17198
  props: {
17199
- context: {},
17200
- form: {}
17199
+ context: {}
17201
17200
  },
17202
17201
  setup(__props) {
17203
17202
  const bagel = useBagel();
@@ -17250,29 +17249,36 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17250
17249
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
17251
17250
  vue.createElementVNode("div", _hoisted_2$w, [
17252
17251
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (address, i2) => {
17252
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
17253
17253
  return vue.openBlock(), vue.createElementBlock("div", {
17254
17254
  class: "bglform-contact mb-3",
17255
17255
  key: i2
17256
17256
  }, [
17257
17257
  vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
17258
- vue.createElementVNode("p", _hoisted_4$f, vue.toDisplayString(_ctx.form.sure), 1),
17258
+ vue.createElementVNode("p", _hoisted_4$f, vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
17259
17259
  vue.createVNode(vue.unref(Btn), {
17260
17260
  thin: "",
17261
17261
  color: "red",
17262
17262
  onClick: ($event) => deleteContact(address.id)
17263
17263
  }, {
17264
- default: vue.withCtx(() => [
17265
- vue.createTextVNode(vue.toDisplayString(_ctx.form.delete), 1)
17266
- ]),
17264
+ default: vue.withCtx(() => {
17265
+ var _a2, _b2;
17266
+ return [
17267
+ vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
17268
+ ];
17269
+ }),
17267
17270
  _: 2
17268
17271
  }, 1032, ["onClick"]),
17269
17272
  vue.createVNode(vue.unref(Btn), {
17270
17273
  thin: "",
17271
17274
  onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
17272
17275
  }, {
17273
- default: vue.withCtx(() => [
17274
- vue.createTextVNode(vue.toDisplayString(_ctx.form.cancel), 1)
17275
- ]),
17276
+ default: vue.withCtx(() => {
17277
+ var _a2, _b2;
17278
+ return [
17279
+ vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
17280
+ ];
17281
+ }),
17276
17282
  _: 1
17277
17283
  })
17278
17284
  ])) : vue.createCommentVNode("", true),
@@ -17284,14 +17290,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17284
17290
  class: "bglform-contact-label",
17285
17291
  "onUpdate:modelValue": ($event) => address.label = $event,
17286
17292
  type: "text",
17287
- placeholder: _ctx.form.label
17293
+ placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
17288
17294
  }, null, 8, _hoisted_5$d), [
17289
17295
  [vue.vModelText, address.label]
17290
17296
  ]),
17291
17297
  vue.createElementVNode("div", _hoisted_6$a, [
17292
17298
  vue.withDirectives(vue.createElementVNode("input", {
17293
17299
  "onUpdate:modelValue": ($event) => address.street = $event,
17294
- placeholder: _ctx.form.street,
17300
+ placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.street,
17295
17301
  type: "text"
17296
17302
  }, null, 8, _hoisted_7$6), [
17297
17303
  [vue.vModelText, address.street]
@@ -17299,14 +17305,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17299
17305
  vue.createElementVNode("div", _hoisted_8$3, [
17300
17306
  vue.withDirectives(vue.createElementVNode("input", {
17301
17307
  "onUpdate:modelValue": ($event) => address.city = $event,
17302
- placeholder: _ctx.form.city,
17308
+ placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.city,
17303
17309
  type: "text"
17304
17310
  }, null, 8, _hoisted_9$3), [
17305
17311
  [vue.vModelText, address.city]
17306
17312
  ]),
17307
17313
  vue.withDirectives(vue.createElementVNode("input", {
17308
17314
  "onUpdate:modelValue": ($event) => address.postal_code = $event,
17309
- placeholder: _ctx.form.zip,
17315
+ placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.zip,
17310
17316
  type: "text"
17311
17317
  }, null, 8, _hoisted_10$2), [
17312
17318
  [vue.vModelText, address.postal_code]
@@ -17314,7 +17320,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17314
17320
  ]),
17315
17321
  vue.withDirectives(vue.createElementVNode("input", {
17316
17322
  "onUpdate:modelValue": ($event) => address.country = $event,
17317
- placeholder: _ctx.form.country,
17323
+ placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.country,
17318
17324
  type: "text"
17319
17325
  }, null, 8, _hoisted_11$1), [
17320
17326
  [vue.vModelText, address.country]
@@ -17338,9 +17344,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17338
17344
  onClick: addNew
17339
17345
  }, {
17340
17346
  default: vue.withCtx(() => {
17341
- var _a;
17347
+ var _a, _b, _c;
17342
17348
  return [
17343
- vue.createTextVNode(vue.toDisplayString(_ctx.form.add) + " " + vue.toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
17349
+ vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + vue.toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
17344
17350
  ];
17345
17351
  }),
17346
17352
  _: 1
@@ -17350,7 +17356,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
17350
17356
  };
17351
17357
  }
17352
17358
  });
17353
- const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0ec6633e"]]);
17359
+ const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0b835e6e"]]);
17354
17360
  const _hoisted_1$A = { class: "bagel-input" };
17355
17361
  const _hoisted_2$v = { class: "mt-1" };
17356
17362
  const _hoisted_3$s = {
@@ -17374,8 +17380,7 @@ const _hoisted_17 = { class: "bglform-address-del" };
17374
17380
  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17375
17381
  __name: "BankDetailsArray",
17376
17382
  props: {
17377
- context: {},
17378
- form: {}
17383
+ context: {}
17379
17384
  },
17380
17385
  setup(__props) {
17381
17386
  const bagel = useBagel();
@@ -17422,29 +17427,36 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17422
17427
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
17423
17428
  vue.createElementVNode("div", _hoisted_2$v, [
17424
17429
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(val), (bank_account, i2) => {
17430
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
17425
17431
  return vue.openBlock(), vue.createElementBlock("div", {
17426
17432
  class: "bglform-contact mb-3",
17427
17433
  key: i2
17428
17434
  }, [
17429
17435
  vue.unref(deleteCandidate) === i2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$s, [
17430
- vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString(_ctx.form.sure), 1),
17436
+ vue.createElementVNode("p", _hoisted_4$e, vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
17431
17437
  vue.createVNode(vue.unref(Btn), {
17432
17438
  thin: "",
17433
17439
  color: "red",
17434
17440
  onClick: ($event) => deleteContact(bank_account.id)
17435
17441
  }, {
17436
- default: vue.withCtx(() => [
17437
- vue.createTextVNode(vue.toDisplayString(_ctx.form.delete), 1)
17438
- ]),
17442
+ default: vue.withCtx(() => {
17443
+ var _a2, _b2;
17444
+ return [
17445
+ vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
17446
+ ];
17447
+ }),
17439
17448
  _: 2
17440
17449
  }, 1032, ["onClick"]),
17441
17450
  vue.createVNode(vue.unref(Btn), {
17442
17451
  thin: "",
17443
17452
  onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
17444
17453
  }, {
17445
- default: vue.withCtx(() => [
17446
- vue.createTextVNode(vue.toDisplayString(_ctx.form.cancel), 1)
17447
- ]),
17454
+ default: vue.withCtx(() => {
17455
+ var _a2, _b2;
17456
+ return [
17457
+ vue.createTextVNode(vue.toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
17458
+ ];
17459
+ }),
17448
17460
  _: 1
17449
17461
  })
17450
17462
  ])) : vue.createCommentVNode("", true),
@@ -17456,14 +17468,14 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17456
17468
  class: "bglform-contact-label",
17457
17469
  "onUpdate:modelValue": ($event) => bank_account.label = $event,
17458
17470
  type: "text",
17459
- placeholder: _ctx.form.label
17471
+ placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
17460
17472
  }, null, 8, _hoisted_5$c), [
17461
17473
  [vue.vModelText, bank_account.label]
17462
17474
  ]),
17463
17475
  vue.createElementVNode("div", _hoisted_6$9, [
17464
17476
  vue.withDirectives(vue.createElementVNode("input", {
17465
17477
  "onUpdate:modelValue": ($event) => bank_account.bank_name = $event,
17466
- placeholder: _ctx.form.bankName,
17478
+ placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.bankName,
17467
17479
  type: "text",
17468
17480
  required: ""
17469
17481
  }, null, 8, _hoisted_7$5), [
@@ -17472,7 +17484,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17472
17484
  vue.createElementVNode("div", _hoisted_8$2, [
17473
17485
  vue.withDirectives(vue.createElementVNode("input", {
17474
17486
  "onUpdate:modelValue": ($event) => bank_account.branch = $event,
17475
- placeholder: _ctx.form.bankBranch,
17487
+ placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.bankBranch,
17476
17488
  type: "text",
17477
17489
  required: ""
17478
17490
  }, null, 8, _hoisted_9$2), [
@@ -17480,7 +17492,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17480
17492
  ]),
17481
17493
  vue.withDirectives(vue.createElementVNode("input", {
17482
17494
  "onUpdate:modelValue": ($event) => bank_account.account_number = $event,
17483
- placeholder: _ctx.form.bankAccount,
17495
+ placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.bankAccount,
17484
17496
  type: "text",
17485
17497
  required: ""
17486
17498
  }, null, 8, _hoisted_10$1), [
@@ -17490,7 +17502,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17490
17502
  vue.createElementVNode("div", _hoisted_11, [
17491
17503
  vue.withDirectives(vue.createElementVNode("input", {
17492
17504
  "onUpdate:modelValue": ($event) => bank_account.bank_account_holder = $event,
17493
- placeholder: _ctx.form.bankAccountHolder,
17505
+ placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.bankAccountHolder,
17494
17506
  type: "text",
17495
17507
  required: ""
17496
17508
  }, null, 8, _hoisted_12), [
@@ -17498,7 +17510,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17498
17510
  ]),
17499
17511
  vue.withDirectives(vue.createElementVNode("input", {
17500
17512
  "onUpdate:modelValue": ($event) => bank_account.bank_account_holder_id = $event,
17501
- placeholder: _ctx.form.bankAccountHolderID,
17513
+ placeholder: (_n = (_m = _ctx.context) == null ? void 0 : _m.formPlaceholders) == null ? void 0 : _n.bankAccountHolderID,
17502
17514
  type: "text"
17503
17515
  }, null, 8, _hoisted_13), [
17504
17516
  [vue.vModelText, bank_account.bank_account_holder_id]
@@ -17519,7 +17531,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17519
17531
  ]),
17520
17532
  vue.withDirectives(vue.createElementVNode("input", {
17521
17533
  "onUpdate:modelValue": ($event) => bank_account.bank_address = $event,
17522
- placeholder: _ctx.form.bankAddress,
17534
+ placeholder: (_p = (_o = _ctx.context) == null ? void 0 : _o.formPlaceholders) == null ? void 0 : _p.bankAddress,
17523
17535
  type: "text"
17524
17536
  }, null, 8, _hoisted_16), [
17525
17537
  [vue.vModelText, bank_account.bank_address]
@@ -17544,9 +17556,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17544
17556
  onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(val).push({}))
17545
17557
  }, {
17546
17558
  default: vue.withCtx(() => {
17547
- var _a;
17559
+ var _a, _b, _c;
17548
17560
  return [
17549
- vue.createTextVNode(vue.toDisplayString(_ctx.form.add) + " " + vue.toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
17561
+ vue.createTextVNode(vue.toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.add) + " " + vue.toDisplayString((_c = _ctx.context) == null ? void 0 : _c.label), 1)
17550
17562
  ];
17551
17563
  }),
17552
17564
  _: 1
@@ -17556,7 +17568,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
17556
17568
  };
17557
17569
  }
17558
17570
  });
17559
- const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-277091e1"]]);
17571
+ const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-60b0c498"]]);
17560
17572
  const _hoisted_1$z = { class: "misc-wrap" };
17561
17573
  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
17562
17574
  __name: "MiscFields",
@@ -18094,8 +18106,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
18094
18106
  void props2.router.push(`/${props2.field.refCollection}/${(_b = props2.modelValue) == null ? void 0 : _b.id}`);
18095
18107
  };
18096
18108
  return (_ctx, _cache) => {
18109
+ var _a;
18097
18110
  return vue.openBlock(), vue.createElementBlock("div", null, [
18098
- vue.createTextVNode(vue.toDisplayString(_ctx.field.label || _ctx.field.id) + " ", 1),
18111
+ vue.createTextVNode(vue.toDisplayString(((_a = _ctx.field) == null ? void 0 : _a.label) || _ctx.field.id) + " ", 1),
18099
18112
  _ctx.field.refCollection ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
18100
18113
  key: 0,
18101
18114
  color: "gray",
package/dist/index.mjs CHANGED
@@ -17194,8 +17194,7 @@ const _hoisted_12$1 = { class: "bglform-address-del" };
17194
17194
  const _sfc_main$s = /* @__PURE__ */ defineComponent({
17195
17195
  __name: "AddressArray",
17196
17196
  props: {
17197
- context: {},
17198
- form: {}
17197
+ context: {}
17199
17198
  },
17200
17199
  setup(__props) {
17201
17200
  const bagel = useBagel();
@@ -17248,29 +17247,36 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
17248
17247
  return openBlock(), createElementBlock("div", _hoisted_1$B, [
17249
17248
  createElementVNode("div", _hoisted_2$w, [
17250
17249
  (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (address, i2) => {
17250
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
17251
17251
  return openBlock(), createElementBlock("div", {
17252
17252
  class: "bglform-contact mb-3",
17253
17253
  key: i2
17254
17254
  }, [
17255
17255
  unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
17256
- createElementVNode("p", _hoisted_4$f, toDisplayString(_ctx.form.sure), 1),
17256
+ createElementVNode("p", _hoisted_4$f, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
17257
17257
  createVNode(unref(Btn), {
17258
17258
  thin: "",
17259
17259
  color: "red",
17260
17260
  onClick: ($event) => deleteContact(address.id)
17261
17261
  }, {
17262
- default: withCtx(() => [
17263
- createTextVNode(toDisplayString(_ctx.form.delete), 1)
17264
- ]),
17262
+ default: withCtx(() => {
17263
+ var _a2, _b2;
17264
+ return [
17265
+ createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
17266
+ ];
17267
+ }),
17265
17268
  _: 2
17266
17269
  }, 1032, ["onClick"]),
17267
17270
  createVNode(unref(Btn), {
17268
17271
  thin: "",
17269
17272
  onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
17270
17273
  }, {
17271
- default: withCtx(() => [
17272
- createTextVNode(toDisplayString(_ctx.form.cancel), 1)
17273
- ]),
17274
+ default: withCtx(() => {
17275
+ var _a2, _b2;
17276
+ return [
17277
+ createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
17278
+ ];
17279
+ }),
17274
17280
  _: 1
17275
17281
  })
17276
17282
  ])) : createCommentVNode("", true),
@@ -17282,14 +17288,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
17282
17288
  class: "bglform-contact-label",
17283
17289
  "onUpdate:modelValue": ($event) => address.label = $event,
17284
17290
  type: "text",
17285
- placeholder: _ctx.form.label
17291
+ placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
17286
17292
  }, null, 8, _hoisted_5$d), [
17287
17293
  [vModelText, address.label]
17288
17294
  ]),
17289
17295
  createElementVNode("div", _hoisted_6$a, [
17290
17296
  withDirectives(createElementVNode("input", {
17291
17297
  "onUpdate:modelValue": ($event) => address.street = $event,
17292
- placeholder: _ctx.form.street,
17298
+ placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.street,
17293
17299
  type: "text"
17294
17300
  }, null, 8, _hoisted_7$6), [
17295
17301
  [vModelText, address.street]
@@ -17297,14 +17303,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
17297
17303
  createElementVNode("div", _hoisted_8$3, [
17298
17304
  withDirectives(createElementVNode("input", {
17299
17305
  "onUpdate:modelValue": ($event) => address.city = $event,
17300
- placeholder: _ctx.form.city,
17306
+ placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.city,
17301
17307
  type: "text"
17302
17308
  }, null, 8, _hoisted_9$3), [
17303
17309
  [vModelText, address.city]
17304
17310
  ]),
17305
17311
  withDirectives(createElementVNode("input", {
17306
17312
  "onUpdate:modelValue": ($event) => address.postal_code = $event,
17307
- placeholder: _ctx.form.zip,
17313
+ placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.zip,
17308
17314
  type: "text"
17309
17315
  }, null, 8, _hoisted_10$2), [
17310
17316
  [vModelText, address.postal_code]
@@ -17312,7 +17318,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
17312
17318
  ]),
17313
17319
  withDirectives(createElementVNode("input", {
17314
17320
  "onUpdate:modelValue": ($event) => address.country = $event,
17315
- placeholder: _ctx.form.country,
17321
+ placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.country,
17316
17322
  type: "text"
17317
17323
  }, null, 8, _hoisted_11$1), [
17318
17324
  [vModelText, address.country]
@@ -17336,9 +17342,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
17336
17342
  onClick: addNew
17337
17343
  }, {
17338
17344
  default: withCtx(() => {
17339
- var _a;
17345
+ var _a, _b, _c;
17340
17346
  return [
17341
- createTextVNode(toDisplayString(_ctx.form.add) + " " + toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
17347
+ 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)
17342
17348
  ];
17343
17349
  }),
17344
17350
  _: 1
@@ -17348,7 +17354,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
17348
17354
  };
17349
17355
  }
17350
17356
  });
17351
- const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0ec6633e"]]);
17357
+ const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0b835e6e"]]);
17352
17358
  const _hoisted_1$A = { class: "bagel-input" };
17353
17359
  const _hoisted_2$v = { class: "mt-1" };
17354
17360
  const _hoisted_3$s = {
@@ -17372,8 +17378,7 @@ const _hoisted_17 = { class: "bglform-address-del" };
17372
17378
  const _sfc_main$r = /* @__PURE__ */ defineComponent({
17373
17379
  __name: "BankDetailsArray",
17374
17380
  props: {
17375
- context: {},
17376
- form: {}
17381
+ context: {}
17377
17382
  },
17378
17383
  setup(__props) {
17379
17384
  const bagel = useBagel();
@@ -17420,29 +17425,36 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17420
17425
  return openBlock(), createElementBlock("div", _hoisted_1$A, [
17421
17426
  createElementVNode("div", _hoisted_2$v, [
17422
17427
  (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(val), (bank_account, i2) => {
17428
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
17423
17429
  return openBlock(), createElementBlock("div", {
17424
17430
  class: "bglform-contact mb-3",
17425
17431
  key: i2
17426
17432
  }, [
17427
17433
  unref(deleteCandidate) === i2 ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
17428
- createElementVNode("p", _hoisted_4$e, toDisplayString(_ctx.form.sure), 1),
17434
+ createElementVNode("p", _hoisted_4$e, toDisplayString((_b = (_a = _ctx.context) == null ? void 0 : _a.formPlaceholders) == null ? void 0 : _b.sure), 1),
17429
17435
  createVNode(unref(Btn), {
17430
17436
  thin: "",
17431
17437
  color: "red",
17432
17438
  onClick: ($event) => deleteContact(bank_account.id)
17433
17439
  }, {
17434
- default: withCtx(() => [
17435
- createTextVNode(toDisplayString(_ctx.form.delete), 1)
17436
- ]),
17440
+ default: withCtx(() => {
17441
+ var _a2, _b2;
17442
+ return [
17443
+ createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.delete), 1)
17444
+ ];
17445
+ }),
17437
17446
  _: 2
17438
17447
  }, 1032, ["onClick"]),
17439
17448
  createVNode(unref(Btn), {
17440
17449
  thin: "",
17441
17450
  onClick: _cache[0] || (_cache[0] = ($event) => isRef(deleteCandidate) ? deleteCandidate.value = -1 : deleteCandidate = -1)
17442
17451
  }, {
17443
- default: withCtx(() => [
17444
- createTextVNode(toDisplayString(_ctx.form.cancel), 1)
17445
- ]),
17452
+ default: withCtx(() => {
17453
+ var _a2, _b2;
17454
+ return [
17455
+ createTextVNode(toDisplayString((_b2 = (_a2 = _ctx.context) == null ? void 0 : _a2.formPlaceholders) == null ? void 0 : _b2.cancel), 1)
17456
+ ];
17457
+ }),
17446
17458
  _: 1
17447
17459
  })
17448
17460
  ])) : createCommentVNode("", true),
@@ -17454,14 +17466,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17454
17466
  class: "bglform-contact-label",
17455
17467
  "onUpdate:modelValue": ($event) => bank_account.label = $event,
17456
17468
  type: "text",
17457
- placeholder: _ctx.form.label
17469
+ placeholder: (_d = (_c = _ctx.context) == null ? void 0 : _c.formPlaceholders) == null ? void 0 : _d.label
17458
17470
  }, null, 8, _hoisted_5$c), [
17459
17471
  [vModelText, bank_account.label]
17460
17472
  ]),
17461
17473
  createElementVNode("div", _hoisted_6$9, [
17462
17474
  withDirectives(createElementVNode("input", {
17463
17475
  "onUpdate:modelValue": ($event) => bank_account.bank_name = $event,
17464
- placeholder: _ctx.form.bankName,
17476
+ placeholder: (_f = (_e = _ctx.context) == null ? void 0 : _e.formPlaceholders) == null ? void 0 : _f.bankName,
17465
17477
  type: "text",
17466
17478
  required: ""
17467
17479
  }, null, 8, _hoisted_7$5), [
@@ -17470,7 +17482,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17470
17482
  createElementVNode("div", _hoisted_8$2, [
17471
17483
  withDirectives(createElementVNode("input", {
17472
17484
  "onUpdate:modelValue": ($event) => bank_account.branch = $event,
17473
- placeholder: _ctx.form.bankBranch,
17485
+ placeholder: (_h = (_g = _ctx.context) == null ? void 0 : _g.formPlaceholders) == null ? void 0 : _h.bankBranch,
17474
17486
  type: "text",
17475
17487
  required: ""
17476
17488
  }, null, 8, _hoisted_9$2), [
@@ -17478,7 +17490,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17478
17490
  ]),
17479
17491
  withDirectives(createElementVNode("input", {
17480
17492
  "onUpdate:modelValue": ($event) => bank_account.account_number = $event,
17481
- placeholder: _ctx.form.bankAccount,
17493
+ placeholder: (_j = (_i = _ctx.context) == null ? void 0 : _i.formPlaceholders) == null ? void 0 : _j.bankAccount,
17482
17494
  type: "text",
17483
17495
  required: ""
17484
17496
  }, null, 8, _hoisted_10$1), [
@@ -17488,7 +17500,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17488
17500
  createElementVNode("div", _hoisted_11, [
17489
17501
  withDirectives(createElementVNode("input", {
17490
17502
  "onUpdate:modelValue": ($event) => bank_account.bank_account_holder = $event,
17491
- placeholder: _ctx.form.bankAccountHolder,
17503
+ placeholder: (_l = (_k = _ctx.context) == null ? void 0 : _k.formPlaceholders) == null ? void 0 : _l.bankAccountHolder,
17492
17504
  type: "text",
17493
17505
  required: ""
17494
17506
  }, null, 8, _hoisted_12), [
@@ -17496,7 +17508,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17496
17508
  ]),
17497
17509
  withDirectives(createElementVNode("input", {
17498
17510
  "onUpdate:modelValue": ($event) => bank_account.bank_account_holder_id = $event,
17499
- placeholder: _ctx.form.bankAccountHolderID,
17511
+ placeholder: (_n = (_m = _ctx.context) == null ? void 0 : _m.formPlaceholders) == null ? void 0 : _n.bankAccountHolderID,
17500
17512
  type: "text"
17501
17513
  }, null, 8, _hoisted_13), [
17502
17514
  [vModelText, bank_account.bank_account_holder_id]
@@ -17517,7 +17529,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17517
17529
  ]),
17518
17530
  withDirectives(createElementVNode("input", {
17519
17531
  "onUpdate:modelValue": ($event) => bank_account.bank_address = $event,
17520
- placeholder: _ctx.form.bankAddress,
17532
+ placeholder: (_p = (_o = _ctx.context) == null ? void 0 : _o.formPlaceholders) == null ? void 0 : _p.bankAddress,
17521
17533
  type: "text"
17522
17534
  }, null, 8, _hoisted_16), [
17523
17535
  [vModelText, bank_account.bank_address]
@@ -17542,9 +17554,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17542
17554
  onClick: _cache[1] || (_cache[1] = ($event) => unref(val).push({}))
17543
17555
  }, {
17544
17556
  default: withCtx(() => {
17545
- var _a;
17557
+ var _a, _b, _c;
17546
17558
  return [
17547
- createTextVNode(toDisplayString(_ctx.form.add) + " " + toDisplayString((_a = _ctx.context) == null ? void 0 : _a.label), 1)
17559
+ 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)
17548
17560
  ];
17549
17561
  }),
17550
17562
  _: 1
@@ -17554,7 +17566,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
17554
17566
  };
17555
17567
  }
17556
17568
  });
17557
- const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-277091e1"]]);
17569
+ const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-60b0c498"]]);
17558
17570
  const _hoisted_1$z = { class: "misc-wrap" };
17559
17571
  const _sfc_main$q = /* @__PURE__ */ defineComponent({
17560
17572
  __name: "MiscFields",
@@ -18092,8 +18104,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
18092
18104
  void props2.router.push(`/${props2.field.refCollection}/${(_b = props2.modelValue) == null ? void 0 : _b.id}`);
18093
18105
  };
18094
18106
  return (_ctx, _cache) => {
18107
+ var _a;
18095
18108
  return openBlock(), createElementBlock("div", null, [
18096
- createTextVNode(toDisplayString(_ctx.field.label || _ctx.field.id) + " ", 1),
18109
+ createTextVNode(toDisplayString(((_a = _ctx.field) == null ? void 0 : _a.label) || _ctx.field.id) + " ", 1),
18097
18110
  _ctx.field.refCollection ? (openBlock(), createBlock(unref(Btn), {
18098
18111
  key: 0,
18099
18112
  color: "gray",
package/dist/style.css CHANGED
@@ -1220,45 +1220,45 @@ th[data-v-fa7146ce] {
1220
1220
  backdrop-filter: blur(1px);
1221
1221
  }
1222
1222
 
1223
- .bglform-contact[data-v-0ec6633e] {
1223
+ .bglform-contact[data-v-0b835e6e] {
1224
1224
  display: flex;
1225
1225
  gap: 0.5rem;
1226
1226
  max-width: 700px;
1227
1227
  position: relative;
1228
1228
  }
1229
- .bglform-contact-label[data-v-0ec6633e] {
1229
+ .bglform-contact-label[data-v-0b835e6e] {
1230
1230
  flex-basis: 140px;
1231
1231
  }
1232
- .bglform-contact-address[data-v-0ec6633e] {
1232
+ .bglform-contact-address[data-v-0b835e6e] {
1233
1233
  display: flex;
1234
1234
  flex-direction: column;
1235
1235
  gap: 0.5rem;
1236
1236
  }
1237
- .bglform-contact input[type='checkbox'][data-v-0ec6633e] {
1237
+ .bglform-contact input[type='checkbox'][data-v-0b835e6e] {
1238
1238
  width: 30px;
1239
1239
  min-width: 0;
1240
1240
  }
1241
- .light.thin.btn-txt.btn[data-v-0ec6633e] {
1241
+ .light.thin.btn-txt.btn[data-v-0b835e6e] {
1242
1242
  padding-left: calc(var(--btn-padding) / 4);
1243
1243
  padding-right: calc(var(--btn-padding) / 4);
1244
1244
  }
1245
- .bglform-address-del[data-v-0ec6633e] {
1245
+ .bglform-address-del[data-v-0b835e6e] {
1246
1246
  margin-top: 6px;
1247
1247
  }
1248
- .bglform-contact-address-flex[data-v-0ec6633e] {
1248
+ .bglform-contact-address-flex[data-v-0b835e6e] {
1249
1249
  display: flex;
1250
1250
  gap: 0.5rem;
1251
1251
  }
1252
- .add-btn[data-v-0ec6633e] {
1252
+ .add-btn[data-v-0b835e6e] {
1253
1253
  display: flex;
1254
1254
  gap: 0.5rem;
1255
1255
  align-items: center;
1256
1256
  margin-inline-start: 1rem;
1257
1257
  }
1258
- .add-btn[data-v-0ec6633e]:active {
1258
+ .add-btn[data-v-0b835e6e]:active {
1259
1259
  background: none !important;
1260
1260
  }
1261
- .add-btn[data-v-0ec6633e]::before {
1261
+ .add-btn[data-v-0b835e6e]::before {
1262
1262
  content: '+';
1263
1263
  font-size: 10px;
1264
1264
  background: var(--bgl-blue-light);
@@ -1270,15 +1270,15 @@ th[data-v-fa7146ce] {
1270
1270
  justify-content: center;
1271
1271
  color: var(--bgl-blue);
1272
1272
  }
1273
- .add-btn[data-v-0ec6633e]:hover::before {
1273
+ .add-btn[data-v-0b835e6e]:hover::before {
1274
1274
  background: var(--bgl-blue);
1275
1275
  color: var(--bgl-white);
1276
1276
  }
1277
1277
  @media screen and (max-width: 910px) {
1278
- .bglform-contact-address-flex[data-v-0ec6633e] {
1278
+ .bglform-contact-address-flex[data-v-0b835e6e] {
1279
1279
  flex-wrap: wrap;
1280
1280
  }
1281
- .bglform-contact-label[data-v-0ec6633e] {
1281
+ .bglform-contact-label[data-v-0b835e6e] {
1282
1282
  min-width: 0;
1283
1283
  }
1284
1284
  }
@@ -1295,45 +1295,45 @@ th[data-v-fa7146ce] {
1295
1295
  backdrop-filter: blur(1px);
1296
1296
  }
1297
1297
 
1298
- .bglform-contact[data-v-277091e1] {
1298
+ .bglform-contact[data-v-60b0c498] {
1299
1299
  display: flex;
1300
1300
  gap: 0.5rem;
1301
1301
  max-width: 700px;
1302
1302
  position: relative;
1303
1303
  }
1304
- .bglform-contact-label[data-v-277091e1] {
1304
+ .bglform-contact-label[data-v-60b0c498] {
1305
1305
  flex-basis: 140px;
1306
1306
  }
1307
- .bglform-contact-address[data-v-277091e1] {
1307
+ .bglform-contact-address[data-v-60b0c498] {
1308
1308
  display: flex;
1309
1309
  flex-direction: column;
1310
1310
  gap: 0.5rem;
1311
1311
  }
1312
- .bglform-contact input[type='checkbox'][data-v-277091e1] {
1312
+ .bglform-contact input[type='checkbox'][data-v-60b0c498] {
1313
1313
  width: 30px;
1314
1314
  min-width: 0;
1315
1315
  }
1316
- .light.thin.btn-txt.btn[data-v-277091e1] {
1316
+ .light.thin.btn-txt.btn[data-v-60b0c498] {
1317
1317
  padding-left: calc(var(--btn-padding) / 4);
1318
1318
  padding-right: calc(var(--btn-padding) / 4);
1319
1319
  }
1320
- .bglform-address-del[data-v-277091e1] {
1320
+ .bglform-address-del[data-v-60b0c498] {
1321
1321
  margin-top: 6px;
1322
1322
  }
1323
- .bglform-contact-address-flex[data-v-277091e1] {
1323
+ .bglform-contact-address-flex[data-v-60b0c498] {
1324
1324
  display: flex;
1325
1325
  gap: 0.5rem;
1326
1326
  }
1327
- .add-btn[data-v-277091e1] {
1327
+ .add-btn[data-v-60b0c498] {
1328
1328
  display: flex;
1329
1329
  gap: 0.5rem;
1330
1330
  align-items: center;
1331
1331
  margin-inline-start: 1rem;
1332
1332
  }
1333
- .add-btn[data-v-277091e1]:active {
1333
+ .add-btn[data-v-60b0c498]:active {
1334
1334
  background: none !important;
1335
1335
  }
1336
- .add-btn[data-v-277091e1]::before {
1336
+ .add-btn[data-v-60b0c498]::before {
1337
1337
  content: '+';
1338
1338
  font-size: 10px;
1339
1339
  background: var(--bgl-blue-light);
@@ -1345,15 +1345,15 @@ th[data-v-fa7146ce] {
1345
1345
  justify-content: center;
1346
1346
  color: var(--bgl-blue);
1347
1347
  }
1348
- .add-btn[data-v-277091e1]:hover::before {
1348
+ .add-btn[data-v-60b0c498]:hover::before {
1349
1349
  background: var(--bgl-blue);
1350
1350
  color: var(--bgl-white);
1351
1351
  }
1352
1352
  @media screen and (max-width: 910px) {
1353
- .bglform-contact-address-flex[data-v-277091e1] {
1353
+ .bglform-contact-address-flex[data-v-60b0c498] {
1354
1354
  flex-wrap: wrap;
1355
1355
  }
1356
- .bglform-contact-label[data-v-277091e1] {
1356
+ .bglform-contact-label[data-v-60b0c498] {
1357
1357
  min-width: 0;
1358
1358
  }
1359
1359
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.132",
4
+ "version": "0.0.134",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/FileUploader.vue CHANGED
@@ -16,7 +16,7 @@
16
16
  </Transition>
17
17
  <div class="img-label">
18
18
  <p>
19
- {{ form.dragDrop }} <span>{{ form.browse }}</span>
19
+ {{ dragDropLabel }} <span>{{ browseLabel }}</span>
20
20
  </p>
21
21
  </div>
22
22
  <div class="uploading-wrap">
@@ -75,16 +75,16 @@ const props = withDefaults(
75
75
  private?: 1 | 0;
76
76
  singleFile?: boolean;
77
77
  beforeUpload?: () => Promise<any>;
78
- form: {
79
- dragDrop: string
80
- browse: string
81
- }
78
+ dragDropLabel?: string;
79
+ browseLabel?: string;
82
80
  }>(),
83
81
  {
84
82
  private: 0,
85
83
  entity: '',
86
84
  id: '',
87
85
  beforeUpload: async () => { },
86
+ dragDropLabel: 'Drag and drop your files here',
87
+ browseLabel: 'Browse',
88
88
  },
89
89
  );
90
90
 
package/src/components/FormKitTable.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  @click="sort(field.id)"
12
12
  >
13
13
  <div class="flex">
14
- {{ field.label || field.id }}
14
+ {{ field?.label || field.id }}
15
15
  <div
16
16
  class="list-arrows"
17
17
  :class="{ sorted: sortField === field.id }"
package/src/components/form/ItemRef.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div>
3
- {{ field.label || field.id }}
3
+ {{ field?.label || field.id }}
4
4
 
5
5
  <Btn
6
6
  color="gray"
package/src/components/form/inputs/ColorPicker.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  :id="field.id"
12
12
  v-model="inputVal"
13
13
  type="color"
14
- :placeholder="field.placeholder || field.label"
14
+ :placeholder="field?.placeholder || field.label"
15
15
  :class="{ 'no-edit': !editMode }"
16
16
  :required="required"
17
17
  v-bind="nativeInputAttrs"
package/src/components/formkit/AddressArray.vue CHANGED
@@ -11,20 +11,20 @@
11
11
  v-if="deleteCandidate === i"
12
12
  >
13
13
  <p class="txt14">
14
- {{ form.sure }}
14
+ {{ context?.formPlaceholders?.sure }}
15
15
  </p>
16
16
  <Btn
17
17
  thin
18
18
  color="red"
19
19
  @click="deleteContact(address.id)"
20
20
  >
21
- {{ form.delete }}
21
+ {{ context?.formPlaceholders?.delete }}
22
22
  </Btn>
23
23
  <Btn
24
24
  thin
25
25
  @click="deleteCandidate = -1"
26
26
  >
27
- {{ form.cancel }}
27
+ {{ context?.formPlaceholders?.cancel }}
28
28
  </Btn>
29
29
  </div>
30
30
  <Checkbox
@@ -35,29 +35,29 @@
35
35
  class="bglform-contact-label"
36
36
  v-model="address.label"
37
37
  type="text"
38
- :placeholder="form.label"
38
+ :placeholder="context?.formPlaceholders?.label"
39
39
  >
40
40
  <div class="bglform-contact-address">
41
41
  <input
42
42
  v-model="address.street"
43
- :placeholder="form.street"
43
+ :placeholder="context?.formPlaceholders?.street"
44
44
  type="text"
45
45
  >
46
46
  <div class="bglform-contact-address-flex">
47
47
  <input
48
48
  v-model="address.city"
49
- :placeholder="form.city"
49
+ :placeholder="context?.formPlaceholders?.city"
50
50
  type="text"
51
51
  >
52
52
  <input
53
53
  v-model="address.postal_code"
54
- :placeholder="form.zip"
54
+ :placeholder="context?.formPlaceholders?.zip"
55
55
  type="text"
56
56
  >
57
57
  </div>
58
58
  <input
59
59
  v-model="address.country"
60
- :placeholder="form.country"
60
+ :placeholder="context?.formPlaceholders?.country"
61
61
  type="text"
62
62
  >
63
63
  </div>
@@ -77,7 +77,7 @@
77
77
  thin
78
78
  @click="addNew"
79
79
  >
80
- {{ form.add }}
80
+ {{ context?.formPlaceholders?.add }}
81
81
  {{ context?.label }}
82
82
  </Btn>
83
83
  </div>
@@ -91,20 +91,26 @@ import { watch } from 'vue';
91
91
  import { Btn, useBagel } from '@bagelink/vue';
92
92
  import Checkbox from '../form/inputs/Checkbox.vue';
93
93
 
94
+ export interface AddressArrContext {
95
+
96
+ label?: string;
97
+ formPlaceholders?: {
98
+ add?: string;
99
+ cancel?: string;
100
+ city?: string;
101
+ country?: string;
102
+ delete?: string;
103
+ label?: string;
104
+ sure?: string;
105
+ zip?: string;
106
+ street?: string;
107
+ };
108
+ [key: string]: any;
109
+
110
+ }
94
111
  const bagel = useBagel();
95
112
  const props = defineProps<{
96
- context: Record<string, any>;
97
- form: {
98
- add: string;
99
- cancel: string;
100
- city: string;
101
- country: string;
102
- delete: string;
103
- label: string;
104
- sure: string;
105
- zip: string;
106
- street: string;
107
- };
113
+ context: AddressArrContext
108
114
  }>();
109
115
 
110
116
  let val = $ref<any[]>([]);
package/src/components/formkit/BankDetailsArray.vue CHANGED
@@ -11,20 +11,20 @@
11
11
  v-if="deleteCandidate === i"
12
12
  >
13
13
  <p class="txt14">
14
- {{ form.sure }}
14
+ {{ context?.formPlaceholders?.sure }}
15
15
  </p>
16
16
  <Btn
17
17
  thin
18
18
  color="red"
19
19
  @click="deleteContact(bank_account.id)"
20
20
  >
21
- {{ form.delete }}
21
+ {{ context?.formPlaceholders?.delete }}
22
22
  </Btn>
23
23
  <Btn
24
24
  thin
25
25
  @click="deleteCandidate = -1"
26
26
  >
27
- {{ form.cancel }}
27
+ {{ context?.formPlaceholders?.cancel }}
28
28
  </Btn>
29
29
  </div>
30
30
  <Checkbox
@@ -35,25 +35,25 @@
35
35
  class="bglform-contact-label"
36
36
  v-model="bank_account.label"
37
37
  type="text"
38
- :placeholder="form.label"
38
+ :placeholder="context?.formPlaceholders?.label"
39
39
  >
40
40
  <div class="bglform-contact-address">
41
41
  <input
42
42
  v-model="bank_account.bank_name"
43
- :placeholder="form.bankName"
43
+ :placeholder="context?.formPlaceholders?.bankName"
44
44
  type="text"
45
45
  required
46
46
  >
47
47
  <div class="bglform-contact-address-flex">
48
48
  <input
49
49
  v-model="bank_account.branch"
50
- :placeholder="form.bankBranch"
50
+ :placeholder="context?.formPlaceholders?.bankBranch"
51
51
  type="text"
52
52
  required
53
53
  >
54
54
  <input
55
55
  v-model="bank_account.account_number"
56
- :placeholder="form.bankAccount"
56
+ :placeholder="context?.formPlaceholders?.bankAccount"
57
57
  type="text"
58
58
  required
59
59
  >
@@ -61,13 +61,13 @@
61
61
  <div class="grid gap-2">
62
62
  <input
63
63
  v-model="bank_account.bank_account_holder"
64
- :placeholder="form.bankAccountHolder"
64
+ :placeholder="context?.formPlaceholders?.bankAccountHolder"
65
65
  type="text"
66
66
  required
67
67
  >
68
68
  <input
69
69
  v-model="bank_account.bank_account_holder_id"
70
- :placeholder="form.bankAccountHolderID"
70
+ :placeholder="context?.formPlaceholders?.bankAccountHolderID"
71
71
  type="text"
72
72
  >
73
73
  <input
@@ -82,7 +82,7 @@
82
82
  >
83
83
  <input
84
84
  v-model="bank_account.bank_address"
85
- :placeholder="form.bankAddress"
85
+ :placeholder="context?.formPlaceholders?.bankAddress"
86
86
  type="text"
87
87
  >
88
88
  </div>
@@ -103,7 +103,7 @@
103
103
  thin
104
104
  @click="val.push({})"
105
105
  >
106
- {{ form.add }} {{ context?.label }}
106
+ {{ context?.formPlaceholders?.add }} {{ context?.label }}
107
107
  </Btn>
108
108
  </div>
109
109
  </div>
@@ -116,23 +116,27 @@ import { watch } from 'vue';
116
116
  import { Btn, useBagel } from '@bagelink/vue';
117
117
  import Checkbox from '../form/inputs/Checkbox.vue';
118
118
 
119
+ export interface BankDetailsContext {
120
+ label?: string;
121
+ formPlaceholders?: {
122
+ sure?: string;
123
+ delete?: string;
124
+ cancel?: string;
125
+ label?: string;
126
+ bankName?: string;
127
+ bankBranch?: string;
128
+ bankAccount?: string;
129
+ bankAccountHolder?: string;
130
+ bankAccountHolderID?: string;
131
+ bankAddress?: string;
132
+ add?: string;
133
+ };
134
+ [key: string]: any;
135
+ }
119
136
  const bagel = useBagel();
120
137
 
121
138
  const props = defineProps<{
122
- context: Record<string, any>;
123
- form: {
124
- sure: string
125
- delete: string
126
- cancel: string
127
- label: string
128
- bankName: string
129
- bankBranch: string
130
- bankAccount: string
131
- bankAccountHolder: string
132
- bankAccountHolderID: string
133
- bankAddress: string
134
- add: string
135
- }
139
+ context: BankDetailsContext;
136
140
  }>();
137
141
 
138
142
  let val = $ref<any[]>([]);
package/src/components/formkit/index.ts CHANGED
@@ -27,3 +27,6 @@ export {
27
27
  ToggleSwitchInput,
28
28
  FileUploadInput,
29
29
  };
30
+
31
+ export type{ BankDetailsContext } from './BankDetailsArray.vue';
32
+ export type{ AddressArrContext } from './AddressArray.vue';