@bagelink/vue 0.0.192 → 0.0.198

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 (23) hide show
  1. package/dist/components/Btn.vue.d.ts +5 -8
  2. package/dist/components/Btn.vue.d.ts.map +1 -1
  3. package/dist/components/formkit/MiscFields.vue.d.ts.map +1 -1
  4. package/dist/index.cjs +28 -22
  5. package/dist/index.mjs +28 -22
  6. package/dist/style.css +163 -164
  7. package/dist/types/BtnOptions.d.ts +3 -2
  8. package/dist/types/BtnOptions.d.ts.map +1 -1
  9. package/dist/types/index.d.ts +1 -0
  10. package/dist/types/index.d.ts.map +1 -1
  11. package/package.json +1 -1
  12. package/src/components/Btn.vue +45 -45
  13. package/src/components/form/inputs/TableField.vue +1 -1
  14. package/src/components/form/inputs/TextInput.vue +10 -7
  15. package/src/components/formkit/AddressArray.vue +3 -2
  16. package/src/components/formkit/BankDetailsArray.vue +3 -2
  17. package/src/components/formkit/ContactArrayFormKit.vue +3 -2
  18. package/src/components/formkit/MiscFields.vue +42 -42
  19. package/src/styles/buttons.css +1 -1
  20. package/src/styles/inputs.css +2 -2
  21. package/src/styles/layout.css +1 -1
  22. package/src/types/BtnOptions.ts +4 -2
  23. package/src/types/index.ts +2 -0
package/dist/components/Btn.vue.d.ts CHANGED
@@ -1,11 +1,10 @@
1
- import type { MaterialIcons } from '..';
2
- type ThemeTypes = 'light' | 'red' | 'gray' | 'gray-light' | 'black' | 'green';
1
+ import type { MaterialIcons, ThemeType } from '..';
3
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
3
  disabled?: boolean | undefined;
5
4
  icon?: MaterialIcons | undefined;
6
5
  'icon.end'?: MaterialIcons | undefined;
7
- color?: ThemeTypes | undefined;
8
- theme?: ThemeTypes | undefined;
6
+ color?: ThemeType | undefined;
7
+ theme?: ThemeType | undefined;
9
8
  flat?: boolean | undefined;
10
9
  border?: boolean | undefined;
11
10
  thin?: boolean | undefined;
@@ -16,7 +15,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
16
15
  to?: string | undefined;
17
16
  round?: boolean | undefined;
18
17
  is?: string | undefined;
19
- borderColor?: string | undefined;
20
18
  }>, {
21
19
  loading: boolean;
22
20
  round: boolean;
@@ -28,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
26
  disabled?: boolean | undefined;
29
27
  icon?: MaterialIcons | undefined;
30
28
  'icon.end'?: MaterialIcons | undefined;
31
- color?: ThemeTypes | undefined;
32
- theme?: ThemeTypes | undefined;
29
+ color?: ThemeType | undefined;
30
+ theme?: ThemeType | undefined;
33
31
  flat?: boolean | undefined;
34
32
  border?: boolean | undefined;
35
33
  thin?: boolean | undefined;
@@ -40,7 +38,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
40
38
  to?: string | undefined;
41
39
  round?: boolean | undefined;
42
40
  is?: string | undefined;
43
- borderColor?: string | undefined;
44
41
  }>, {
45
42
  loading: boolean;
46
43
  round: boolean;
package/dist/components/Btn.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAuCA;AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,KAAK,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6S9E,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"Btn.vue.d.ts","sourceRoot":"","sources":["../../src/components/Btn.vue"],"names":[],"mappings":"AAuCA;AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiT9D,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/formkit/MiscFields.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MiscFields.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/MiscFields.vue"],"names":[],"mappings":"AAiBA;;aAgHW,OAAO,MAAM,EAAE,GAAG,CAAC;iBACf,MAAM;;aADV,OAAO,MAAM,EAAE,GAAG,CAAC;iBACf,MAAM;;AAPrB,wBASG;AACH,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":"MiscFields.vue.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/MiscFields.vue"],"names":[],"mappings":"AAiBA;;aAgHU,OAAO,MAAM,EAAE,GAAG,CAAC;iBACf,MAAM;;aADV,OAAO,MAAM,EAAE,GAAG,CAAC;iBACf,MAAM;;AAPpB,wBASG;AACH,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/index.cjs CHANGED
@@ -14681,36 +14681,42 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
14681
14681
  value: {},
14682
14682
  to: {},
14683
14683
  round: { type: Boolean, default: false },
14684
- is: { default: "button" },
14685
- borderColor: {}
14684
+ is: { default: "button" }
14686
14685
  },
14687
14686
  setup(__props) {
14688
14687
  vue.useCssVars((_ctx) => ({
14689
- "7c9f0211": computedBackgroundColor.value,
14690
- "6c14eca8": cumputedTextColor.value
14688
+ "720e4596": computedBackgroundColor.value,
14689
+ "31e8e060": cumputedTextColor.value
14691
14690
  }));
14692
14691
  const slots = vue.useSlots();
14693
14692
  const props2 = __props;
14694
- const computedTheme = vue.computed(() => (props2 == null ? void 0 : props2.color) || (props2 == null ? void 0 : props2.theme));
14695
- const defaultColors = { backgroundColor: "var(--bgl-primary)", color: "var(--bgl-white)" };
14693
+ const computedTheme = vue.computed(
14694
+ () => (props2 == null ? void 0 : props2.color) || (props2 == null ? void 0 : props2.theme)
14695
+ );
14696
+ const computedDefaultColors = vue.computed(
14697
+ () => ({
14698
+ backgroundColor: "var(--bgl-primary)",
14699
+ color: props2.flat ? "var(--bgl-black)" : "var(--bgl-white)"
14700
+ })
14701
+ );
14696
14702
  const themes = {
14697
- red: { ...defaultColors, backgroundColor: "var(--bgl-red)" },
14698
- black: { ...defaultColors, backgroundColor: "var(--bgl-black)" },
14699
- green: { ...defaultColors, backgroundColor: "var(--bgl-green)", color: "var(--bgl-white)" },
14700
- gray: { ...defaultColors, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-black)" },
14701
- light: { ...defaultColors, backgroundColor: "var(--bgl-primary-light)", color: "var(--bgl-primary)" },
14702
- "gray-light": { ...defaultColors, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-gray)" }
14703
+ red: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-red)" },
14704
+ black: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-black)" },
14705
+ green: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-green)", color: "var(--bgl-white)" },
14706
+ gray: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-black)" },
14707
+ light: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-primary-light)", color: "var(--bgl-primary)" },
14708
+ "gray-light": { ...computedDefaultColors.value, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-gray)" }
14703
14709
  };
14704
14710
  const cumputedTextColor = vue.computed(
14705
14711
  () => {
14706
14712
  var _a2;
14707
- return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.color) || defaultColors.color;
14713
+ return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.color) || computedDefaultColors.value.color;
14708
14714
  }
14709
14715
  );
14710
14716
  const computedBackgroundColor = vue.computed(
14711
14717
  () => {
14712
14718
  var _a2;
14713
- return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || defaultColors.backgroundColor;
14719
+ return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || computedDefaultColors.value.backgroundColor;
14714
14720
  }
14715
14721
  );
14716
14722
  return (_ctx, _cache) => {
@@ -14724,7 +14730,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
14724
14730
  btn: !_ctx.icon || vue.unref(slots)["default"] || _ctx.value,
14725
14731
  thin: _ctx.thin,
14726
14732
  round: _ctx.round,
14727
- "btn-txt": _ctx.flat,
14733
+ "flatBtn": _ctx.flat,
14728
14734
  "btn-border": _ctx.border
14729
14735
  })
14730
14736
  }, {
@@ -14756,7 +14762,7 @@ const _export_sfc = (sfc, props2) => {
14756
14762
  }
14757
14763
  return target;
14758
14764
  };
14759
- const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-4ac414aa"]]);
14765
+ const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-19291b41"]]);
14760
14766
  const _hoisted_1$X = { class: "tool-bar" };
14761
14767
  const _hoisted_2$P = { class: "modal-title" };
14762
14768
  const _hoisted_3$I = { class: "modal-footer mt-3" };
@@ -17281,7 +17287,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
17281
17287
  };
17282
17288
  }
17283
17289
  });
17284
- const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-61e13dd7"]]);
17290
+ const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-f93bb259"]]);
17285
17291
  const _hoisted_1$H = { class: "bagel-input" };
17286
17292
  const _hoisted_2$C = { class: "mt-1" };
17287
17293
  const _hoisted_3$y = {
@@ -17465,7 +17471,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
17465
17471
  };
17466
17472
  }
17467
17473
  });
17468
- const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-01e485e2"]]);
17474
+ const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-77d03b04"]]);
17469
17475
  const _hoisted_1$G = { class: "bagel-input" };
17470
17476
  const _hoisted_2$B = { class: "mt-1" };
17471
17477
  const _hoisted_3$x = {
@@ -17682,7 +17688,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
17682
17688
  };
17683
17689
  }
17684
17690
  });
17685
- const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-c63408c1"]]);
17691
+ const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-a0d366d4"]]);
17686
17692
  const _hoisted_1$F = { class: "misc-wrap" };
17687
17693
  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
17688
17694
  __name: "MiscFields",
@@ -17729,7 +17735,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
17729
17735
  };
17730
17736
  }
17731
17737
  });
17732
- const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-91b04350"]]);
17738
+ const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a096417d"]]);
17733
17739
  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d0543d4b"), n = n(), vue.popScopeId(), n);
17734
17740
  const _hoisted_1$E = ["title"];
17735
17741
  const _hoisted_2$A = { class: "switch" };
@@ -21990,7 +21996,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
21990
21996
  };
21991
21997
  }
21992
21998
  });
21993
- const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b01223bc"]]);
21999
+ const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1d1376d2"]]);
21994
22000
  const _hoisted_1$k = ["title"];
21995
22001
  const _hoisted_2$h = { key: 0 };
21996
22002
  const _hoisted_3$f = ["value", "title", "placeholder"];
@@ -22141,7 +22147,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
22141
22147
  };
22142
22148
  }
22143
22149
  });
22144
- const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-25258ba1"]]);
22150
+ const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1502ca60"]]);
22145
22151
  const _hoisted_1$i = ["title"];
22146
22152
  const _hoisted_2$f = { key: 0 };
22147
22153
  const _hoisted_3$d = {
package/dist/index.mjs CHANGED
@@ -14679,36 +14679,42 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
14679
14679
  value: {},
14680
14680
  to: {},
14681
14681
  round: { type: Boolean, default: false },
14682
- is: { default: "button" },
14683
- borderColor: {}
14682
+ is: { default: "button" }
14684
14683
  },
14685
14684
  setup(__props) {
14686
14685
  useCssVars((_ctx) => ({
14687
- "7c9f0211": computedBackgroundColor.value,
14688
- "6c14eca8": cumputedTextColor.value
14686
+ "720e4596": computedBackgroundColor.value,
14687
+ "31e8e060": cumputedTextColor.value
14689
14688
  }));
14690
14689
  const slots = useSlots();
14691
14690
  const props2 = __props;
14692
- const computedTheme = computed(() => (props2 == null ? void 0 : props2.color) || (props2 == null ? void 0 : props2.theme));
14693
- const defaultColors = { backgroundColor: "var(--bgl-primary)", color: "var(--bgl-white)" };
14691
+ const computedTheme = computed(
14692
+ () => (props2 == null ? void 0 : props2.color) || (props2 == null ? void 0 : props2.theme)
14693
+ );
14694
+ const computedDefaultColors = computed(
14695
+ () => ({
14696
+ backgroundColor: "var(--bgl-primary)",
14697
+ color: props2.flat ? "var(--bgl-black)" : "var(--bgl-white)"
14698
+ })
14699
+ );
14694
14700
  const themes = {
14695
- red: { ...defaultColors, backgroundColor: "var(--bgl-red)" },
14696
- black: { ...defaultColors, backgroundColor: "var(--bgl-black)" },
14697
- green: { ...defaultColors, backgroundColor: "var(--bgl-green)", color: "var(--bgl-white)" },
14698
- gray: { ...defaultColors, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-black)" },
14699
- light: { ...defaultColors, backgroundColor: "var(--bgl-primary-light)", color: "var(--bgl-primary)" },
14700
- "gray-light": { ...defaultColors, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-gray)" }
14701
+ red: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-red)" },
14702
+ black: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-black)" },
14703
+ green: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-green)", color: "var(--bgl-white)" },
14704
+ gray: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-black)" },
14705
+ light: { ...computedDefaultColors.value, backgroundColor: "var(--bgl-primary-light)", color: "var(--bgl-primary)" },
14706
+ "gray-light": { ...computedDefaultColors.value, backgroundColor: "var(--bgl-gray-light)", color: "var(--bgl-gray)" }
14701
14707
  };
14702
14708
  const cumputedTextColor = computed(
14703
14709
  () => {
14704
14710
  var _a2;
14705
- return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.color) || defaultColors.color;
14711
+ return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.color) || computedDefaultColors.value.color;
14706
14712
  }
14707
14713
  );
14708
14714
  const computedBackgroundColor = computed(
14709
14715
  () => {
14710
14716
  var _a2;
14711
- return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || defaultColors.backgroundColor;
14717
+ return ((_a2 = themes == null ? void 0 : themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || computedDefaultColors.value.backgroundColor;
14712
14718
  }
14713
14719
  );
14714
14720
  return (_ctx, _cache) => {
@@ -14722,7 +14728,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
14722
14728
  btn: !_ctx.icon || unref(slots)["default"] || _ctx.value,
14723
14729
  thin: _ctx.thin,
14724
14730
  round: _ctx.round,
14725
- "btn-txt": _ctx.flat,
14731
+ "flatBtn": _ctx.flat,
14726
14732
  "btn-border": _ctx.border
14727
14733
  })
14728
14734
  }, {
@@ -14754,7 +14760,7 @@ const _export_sfc = (sfc, props2) => {
14754
14760
  }
14755
14761
  return target;
14756
14762
  };
14757
- const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-4ac414aa"]]);
14763
+ const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-19291b41"]]);
14758
14764
  const _hoisted_1$X = { class: "tool-bar" };
14759
14765
  const _hoisted_2$P = { class: "modal-title" };
14760
14766
  const _hoisted_3$I = { class: "modal-footer mt-3" };
@@ -17279,7 +17285,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
17279
17285
  };
17280
17286
  }
17281
17287
  });
17282
- const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-61e13dd7"]]);
17288
+ const ContactArrayFormKit = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-f93bb259"]]);
17283
17289
  const _hoisted_1$H = { class: "bagel-input" };
17284
17290
  const _hoisted_2$C = { class: "mt-1" };
17285
17291
  const _hoisted_3$y = {
@@ -17463,7 +17469,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
17463
17469
  };
17464
17470
  }
17465
17471
  });
17466
- const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-01e485e2"]]);
17472
+ const AddressArray = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-77d03b04"]]);
17467
17473
  const _hoisted_1$G = { class: "bagel-input" };
17468
17474
  const _hoisted_2$B = { class: "mt-1" };
17469
17475
  const _hoisted_3$x = {
@@ -17680,7 +17686,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
17680
17686
  };
17681
17687
  }
17682
17688
  });
17683
- const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-c63408c1"]]);
17689
+ const BankDetailsArray = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-a0d366d4"]]);
17684
17690
  const _hoisted_1$F = { class: "misc-wrap" };
17685
17691
  const _sfc_main$w = /* @__PURE__ */ defineComponent({
17686
17692
  __name: "MiscFields",
@@ -17727,7 +17733,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
17727
17733
  };
17728
17734
  }
17729
17735
  });
17730
- const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-91b04350"]]);
17736
+ const MiscFieldsBtns = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a096417d"]]);
17731
17737
  const _withScopeId$1 = (n) => (pushScopeId("data-v-d0543d4b"), n = n(), popScopeId(), n);
17732
17738
  const _hoisted_1$E = ["title"];
17733
17739
  const _hoisted_2$A = { class: "switch" };
@@ -21988,7 +21994,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
21988
21994
  };
21989
21995
  }
21990
21996
  });
21991
- const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b01223bc"]]);
21997
+ const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1d1376d2"]]);
21992
21998
  const _hoisted_1$k = ["title"];
21993
21999
  const _hoisted_2$h = { key: 0 };
21994
22000
  const _hoisted_3$f = ["value", "title", "placeholder"];
@@ -22139,7 +22145,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
22139
22145
  };
22140
22146
  }
22141
22147
  });
22142
- const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-25258ba1"]]);
22148
+ const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1502ca60"]]);
22143
22149
  const _hoisted_1$i = ["title"];
22144
22150
  const _hoisted_2$f = { key: 0 };
22145
22151
  const _hoisted_3$d = {