@bagelink/vue 0.0.304 → 0.0.310

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.
@@ -1 +1 @@
1
- {"version":3,"file":"ModalBglForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalBglForm.vue"],"names":[],"mappings":"AAgCA;AAGA,OAAO,EACD,UAAU,EAAwB,KAAK,cAAc,EAC1D,MAAM,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuO7B,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"ModalBglForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalBglForm.vue"],"names":[],"mappings":"AAgCA;AAGA,OAAO,EACD,UAAU,EAAwB,KAAK,cAAc,EAC1D,MAAM,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyO7B,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { MaterialIcons } from '..';
1
+ import type { MaterialIcons, NavLink } from '..';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  footerLinks?: NavLink[] | undefined;
4
4
  links?: NavLink[] | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAkCA;AAEA,OAAO,KAAK,EAAE,aAAa,EAAW,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsV5D,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":"NavBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/NavBar.vue"],"names":[],"mappings":"AAkCA;AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsV5D,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,53 +1,38 @@
1
1
  import { type BglFormSchemaT } from '../..';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
- label?: string | undefined;
4
- id?: string | undefined;
5
- schema: BglFormSchemaT<any>;
6
- modelValue?: Record<string, any> | undefined;
7
- onDelete?: ((id: string) => void) | undefined;
8
- onSubmit?: ((data: any) => void) | undefined;
9
- }>, {
10
- modelValue: () => {};
11
- }>, {
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
+ modelValue: import("vue").PropType<Record<string, any>>;
4
+ schema: {
5
+ type: import("vue").PropType<BglFormSchemaT>;
6
+ required: true;
7
+ };
8
+ onDelete: {
9
+ type: import("vue").PropType<(id: string) => void>;
10
+ };
11
+ onSubmit: {
12
+ type: import("vue").PropType<(data: any) => void>;
13
+ };
14
+ }, {
12
15
  validateForm: () => boolean | undefined;
13
16
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
17
  submit: (...args: any[]) => void;
15
- "update:modelValue": (...args: any[]) => void;
16
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
17
- label?: string | undefined;
18
- id?: string | undefined;
19
- schema: BglFormSchemaT<any>;
20
- modelValue?: Record<string, any> | undefined;
21
- onDelete?: ((id: string) => void) | undefined;
22
- onSubmit?: ((data: any) => void) | undefined;
23
- }>, {
24
- modelValue: () => {};
25
- }>>> & {
26
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
18
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ modelValue: import("vue").PropType<Record<string, any>>;
20
+ schema: {
21
+ type: import("vue").PropType<BglFormSchemaT>;
22
+ required: true;
23
+ };
24
+ onDelete: {
25
+ type: import("vue").PropType<(id: string) => void>;
26
+ };
27
+ onSubmit: {
28
+ type: import("vue").PropType<(data: any) => void>;
29
+ };
30
+ }>> & {
27
31
  onSubmit?: ((...args: any[]) => any) | undefined;
28
- }, {
29
- modelValue: Record<string, any>;
30
- }, {}>, {
32
+ }, {}, {}>, {
31
33
  submit?(_: {}): any;
32
34
  }>;
33
35
  export default _default;
34
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
35
- type __VLS_TypePropsToRuntimeProps<T> = {
36
- [K in keyof T]-?: {} extends Pick<T, K> ? {
37
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
38
- } : {
39
- type: import('vue').PropType<T[K]>;
40
- required: true;
41
- };
42
- };
43
- type __VLS_WithDefaults<P, D> = {
44
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
45
- default: D[K];
46
- }> : P[K];
47
- };
48
- type __VLS_Prettify<T> = {
49
- [K in keyof T]: T[K];
50
- } & {};
51
36
  type __VLS_WithTemplateSlots<T, S> = T & {
52
37
  new (): {
53
38
  $slots: S;
@@ -1 +1 @@
1
- {"version":3,"file":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAYA;AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoOpD,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":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAeA;AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMpD,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -7,7 +7,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
7
7
  small?: boolean | undefined;
8
8
  nativeInputAttrs?: Record<string, any> | undefined;
9
9
  showCharacterLimit?: boolean | undefined;
10
- required?: boolean | undefined;
11
10
  }>, {
12
11
  description: string;
13
12
  editMode: boolean;
@@ -24,7 +23,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
24
23
  small?: boolean | undefined;
25
24
  nativeInputAttrs?: Record<string, any> | undefined;
26
25
  showCharacterLimit?: boolean | undefined;
27
- required?: boolean | undefined;
28
26
  }>, {
29
27
  description: string;
30
28
  editMode: boolean;
@@ -33,9 +31,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
33
31
  }>>> & {
34
32
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
35
33
  }, {
34
+ description: string;
36
35
  label: string;
37
36
  placeholder: string;
38
- description: string;
39
37
  editMode: boolean;
40
38
  }, {}>;
41
39
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextArea.vue"],"names":[],"mappings":"AAyBA;;;;gBAsKc,GAAG;;;;;;;;;;;;;;;;;gBAAH,GAAG;;;;;;;;;;;;;;;WADP,MAAM;iBAEA,MAAM;iBAHN,MAAM;cAIT,OAAO;;AAVpB,wBAiBG;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;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"}
1
+ {"version":3,"file":"TextArea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextArea.vue"],"names":[],"mappings":"AAwBA;;;;gBAoKc,GAAG;;;;;;;;;;;;;;;;gBAAH,GAAG;;;;;;;;;;;;;;iBAFD,MAAM;WACZ,MAAM;iBAEA,MAAM;cACT,OAAO;;AAVpB,wBAgBG;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;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"}
@@ -1,2 +1,15 @@
1
- export {};
1
+ import type { FormKitTypeDefinition } from '@formkit/core';
2
+ declare const ContactArrayInput: FormKitTypeDefinition;
3
+ declare const AddressInput: FormKitTypeDefinition;
4
+ declare const BankDetailsInput: FormKitTypeDefinition;
5
+ declare const MiscFieldsInput: FormKitTypeDefinition;
6
+ declare const ToggleSwitchInput: FormKitTypeDefinition;
7
+ declare const FileUploadInput: FormKitTypeDefinition;
8
+ declare const TextVariablesInput: FormKitTypeDefinition;
9
+ declare const PersonPreviewInput: FormKitTypeDefinition;
10
+ export { TextVariablesInput, ContactArrayInput, PersonPreviewInput, AddressInput, BankDetailsInput, MiscFieldsInput, ToggleSwitchInput, FileUploadInput, };
11
+ export { default as FileUploader } from './FileUploader.vue';
12
+ export type { BankDetailsContext } from './BankDetailsArray.vue';
13
+ export type { AddressArrContext } from './AddressArray.vue';
14
+ export type { ContactArrContext } from './ContactArrayFormKit.vue';
2
15
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/index.ts"],"names":[],"mappings":"AAiBA,OAAO,EAEN,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/formkit/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAU3D,QAAA,MAAM,iBAAiB,EAAE,qBAAwD,CAAC;AAClF,QAAA,MAAM,YAAY,EAAE,qBAAiD,CAAC;AACtE,QAAA,MAAM,gBAAgB,EAAE,qBAAqD,CAAC;AAC9E,QAAA,MAAM,eAAe,EAAE,qBAAmD,CAAC;AAC3E,QAAA,MAAM,iBAAiB,EAAE,qBAA2C,CAAC;AACrE,QAAA,MAAM,eAAe,EAAE,qBAAiD,CAAC;AACzE,QAAA,MAAM,kBAAkB,EAAE,qBAAyD,CAAC;AACpF,QAAA,MAAM,kBAAkB,EAAE,qBAAwC,CAAC;AAEnE,OAAO,EACN,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,eAAe,GACf,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}
package/dist/index.cjs CHANGED
@@ -17657,7 +17657,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
17657
17657
  return (_ctx, _cache) => {
17658
17658
  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "div"), {
17659
17659
  to: _ctx.to,
17660
- class: "flex list-item gap-3"
17660
+ class: "flex list-item gap-1"
17661
17661
  }, {
17662
17662
  default: vue.withCtx(() => [
17663
17663
  _ctx.src || _ctx.showAvatar ? (vue.openBlock(), vue.createBlock(vue.unref(Avatar), {
@@ -17719,7 +17719,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
17719
17719
  });
17720
17720
  return (_ctx, _cache) => {
17721
17721
  return vue.openBlock(), vue.createElementBlock("div", {
17722
- class: vue.normalizeClass(["h-100 grid list-view gap-3", { "side-tabs": _ctx.sideTabs }])
17722
+ class: vue.normalizeClass(["h-100 grid list-view gap-1", { "side-tabs": _ctx.sideTabs }])
17723
17723
  }, [
17724
17724
  vue.createElementVNode("div", _hoisted_1$C, [
17725
17725
  vue.renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
@@ -17748,7 +17748,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
17748
17748
  };
17749
17749
  }
17750
17750
  });
17751
- const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-a45251cc"]]);
17751
+ const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-37337215"]]);
17752
17752
  const _hoisted_1$B = { class: "comments-wrap" };
17753
17753
  const _hoisted_2$r = { class: "comment-list" };
17754
17754
  const _hoisted_3$l = { class: "comment-top" };
@@ -31947,7 +31947,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
31947
31947
  });
31948
31948
  const _hoisted_1$f = { class: "bagel-input" };
31949
31949
  const _hoisted_2$c = { class: "pb-025" };
31950
- const _hoisted_3$a = { class: "flex gap-2 flex-wrap" };
31950
+ const _hoisted_3$a = { class: "flex gap-05 flex-wrap" };
31951
31951
  const _hoisted_4$7 = ["id", "name", "value", "checked"];
31952
31952
  const _hoisted_5$6 = ["for"];
31953
31953
  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
@@ -32013,7 +32013,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
32013
32013
  };
32014
32014
  }
32015
32015
  });
32016
- const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-15351d79"]]);
32016
+ const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e47ae8b5"]]);
32017
32017
  const _hoisted_1$e = { class: "bagel-input" };
32018
32018
  const _hoisted_2$b = {
32019
32019
  key: 0,
@@ -32209,7 +32209,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
32209
32209
  }
32210
32210
  });
32211
32211
  const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1be8d7b1"]]);
32212
- const _withScopeId = (n2) => (vue.pushScopeId("data-v-13b65ea3"), n2 = n2(), vue.popScopeId(), n2);
32212
+ const _withScopeId = (n2) => (vue.pushScopeId("data-v-b87221d6"), n2 = n2(), vue.popScopeId(), n2);
32213
32213
  const _hoisted_1$d = ["title"];
32214
32214
  const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
32215
32215
  const _hoisted_3$8 = [
@@ -32232,7 +32232,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
32232
32232
  const checked = vue.useModel(__props, "modelValue");
32233
32233
  return (_ctx, _cache) => {
32234
32234
  return vue.openBlock(), vue.createElementBlock("div", {
32235
- class: vue.normalizeClass(["bagel-input bgl-checkbox justify-content-center gap-3", { small: _ctx.small }]),
32235
+ class: vue.normalizeClass(["bagel-input bgl-checkbox justify-content-center gap-1", { small: _ctx.small }]),
32236
32236
  title: _ctx.title
32237
32237
  }, [
32238
32238
  vue.createElementVNode("div", {
@@ -32252,7 +32252,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
32252
32252
  };
32253
32253
  }
32254
32254
  });
32255
- const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-13b65ea3"]]);
32255
+ const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b87221d6"]]);
32256
32256
  function _isPlaceholder(a2) {
32257
32257
  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
32258
32258
  }
package/dist/index.mjs CHANGED
@@ -17655,7 +17655,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
17655
17655
  return (_ctx, _cache) => {
17656
17656
  return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "RouterLink" : "div"), {
17657
17657
  to: _ctx.to,
17658
- class: "flex list-item gap-3"
17658
+ class: "flex list-item gap-1"
17659
17659
  }, {
17660
17660
  default: withCtx(() => [
17661
17661
  _ctx.src || _ctx.showAvatar ? (openBlock(), createBlock(unref(Avatar), {
@@ -17717,7 +17717,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
17717
17717
  });
17718
17718
  return (_ctx, _cache) => {
17719
17719
  return openBlock(), createElementBlock("div", {
17720
- class: normalizeClass(["h-100 grid list-view gap-3", { "side-tabs": _ctx.sideTabs }])
17720
+ class: normalizeClass(["h-100 grid list-view gap-1", { "side-tabs": _ctx.sideTabs }])
17721
17721
  }, [
17722
17722
  createElementVNode("div", _hoisted_1$C, [
17723
17723
  renderSlot(_ctx.$slots, "top-section", {}, void 0, true),
@@ -17746,7 +17746,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
17746
17746
  };
17747
17747
  }
17748
17748
  });
17749
- const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-a45251cc"]]);
17749
+ const TabbedLayout = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-37337215"]]);
17750
17750
  const _hoisted_1$B = { class: "comments-wrap" };
17751
17751
  const _hoisted_2$r = { class: "comment-list" };
17752
17752
  const _hoisted_3$l = { class: "comment-top" };
@@ -31945,7 +31945,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
31945
31945
  });
31946
31946
  const _hoisted_1$f = { class: "bagel-input" };
31947
31947
  const _hoisted_2$c = { class: "pb-025" };
31948
- const _hoisted_3$a = { class: "flex gap-2 flex-wrap" };
31948
+ const _hoisted_3$a = { class: "flex gap-05 flex-wrap" };
31949
31949
  const _hoisted_4$7 = ["id", "name", "value", "checked"];
31950
31950
  const _hoisted_5$6 = ["for"];
31951
31951
  const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -32011,7 +32011,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
32011
32011
  };
32012
32012
  }
32013
32013
  });
32014
- const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-15351d79"]]);
32014
+ const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e47ae8b5"]]);
32015
32015
  const _hoisted_1$e = { class: "bagel-input" };
32016
32016
  const _hoisted_2$b = {
32017
32017
  key: 0,
@@ -32207,7 +32207,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
32207
32207
  }
32208
32208
  });
32209
32209
  const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1be8d7b1"]]);
32210
- const _withScopeId = (n2) => (pushScopeId("data-v-13b65ea3"), n2 = n2(), popScopeId(), n2);
32210
+ const _withScopeId = (n2) => (pushScopeId("data-v-b87221d6"), n2 = n2(), popScopeId(), n2);
32211
32211
  const _hoisted_1$d = ["title"];
32212
32212
  const _hoisted_2$a = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
32213
32213
  const _hoisted_3$8 = [
@@ -32230,7 +32230,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
32230
32230
  const checked = useModel(__props, "modelValue");
32231
32231
  return (_ctx, _cache) => {
32232
32232
  return openBlock(), createElementBlock("div", {
32233
- class: normalizeClass(["bagel-input bgl-checkbox justify-content-center gap-3", { small: _ctx.small }]),
32233
+ class: normalizeClass(["bagel-input bgl-checkbox justify-content-center gap-1", { small: _ctx.small }]),
32234
32234
  title: _ctx.title
32235
32235
  }, [
32236
32236
  createElementVNode("div", {
@@ -32250,7 +32250,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
32250
32250
  };
32251
32251
  }
32252
32252
  });
32253
- const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-13b65ea3"]]);
32253
+ const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b87221d6"]]);
32254
32254
  function _isPlaceholder(a2) {
32255
32255
  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
32256
32256
  }
package/dist/style.css CHANGED
@@ -649,22 +649,22 @@ a[data-v-0c8d9a95] {
649
649
  }
650
650
  }
651
651
 
652
- .tab[data-v-a45251cc] {
652
+ .tab[data-v-37337215] {
653
653
  text-transform: capitalize;
654
654
  }
655
- .side-tabs[data-v-a45251cc]{
655
+ .side-tabs[data-v-37337215]{
656
656
  display: flex;
657
657
  }
658
- .side-tabs .tabs-top[data-v-a45251cc]{
658
+ .side-tabs .tabs-top[data-v-37337215]{
659
659
  margin-inline-end: 1rem;
660
660
  }
661
- .side-tabs .tabs[data-v-a45251cc]{
661
+ .side-tabs .tabs[data-v-37337215]{
662
662
  display: block;
663
663
  padding: 0;
664
664
  margin: 0;
665
665
  border: none;
666
666
  }
667
- .side-tabs .tab[data-v-a45251cc]{
667
+ .side-tabs .tab[data-v-37337215]{
668
668
  border: none;
669
669
  }
670
670
 
@@ -2004,7 +2004,7 @@ to {
2004
2004
  }
2005
2005
  }
2006
2006
 
2007
- .radio-pill label[data-v-15351d79] {
2007
+ .radio-pill label[data-v-e47ae8b5] {
2008
2008
  color: var(--bgl-primary);
2009
2009
  white-space: nowrap;
2010
2010
  border-radius: calc(var(--btn-border-radius) * 2);
@@ -2018,13 +2018,13 @@ to {
2018
2018
  background: var(--bgl-white);
2019
2019
  user-select: none;
2020
2020
  }
2021
- .radio-pill label[data-v-15351d79]:hover {
2021
+ .radio-pill label[data-v-e47ae8b5]:hover {
2022
2022
  filter: var(--bgl-hover-filter);
2023
2023
  }
2024
- .radio-pill input[data-v-15351d79] {
2024
+ .radio-pill input[data-v-e47ae8b5] {
2025
2025
  display: none;
2026
2026
  }
2027
- .radio-pill input:checked~label[data-v-15351d79] {
2027
+ .radio-pill input:checked~label[data-v-e47ae8b5] {
2028
2028
  background: var(--bgl-primary);
2029
2029
  color: var(--bgl-white);
2030
2030
  }
@@ -2122,26 +2122,26 @@ img.preview[data-v-1be8d7b1] {
2122
2122
  color: var(--bgl-green);
2123
2123
  }
2124
2124
 
2125
- .bgl-checkbox[data-v-13b65ea3] {
2125
+ .bgl-checkbox[data-v-b87221d6] {
2126
2126
  position: relative;
2127
2127
  }
2128
- .bgl-checkbox input[type=checkbox][data-v-13b65ea3] {
2128
+ .bgl-checkbox input[type=checkbox][data-v-b87221d6] {
2129
2129
  display: none;
2130
2130
  }
2131
- .bgl-checkbox label[data-v-13b65ea3] {
2131
+ .bgl-checkbox label[data-v-b87221d6] {
2132
2132
  padding-inline-start: calc(var(--input-height) + 0.25rem);
2133
2133
  transition: var(--bgl-transition);
2134
2134
  cursor: pointer;
2135
2135
  user-select: none;
2136
2136
  line-height: var(--input-height);
2137
2137
  }
2138
- .bgl-checkbox[data-v-13b65ea3]:hover {
2138
+ .bgl-checkbox[data-v-b87221d6]:hover {
2139
2139
  filter: brightness(90%);
2140
2140
  }
2141
- .bgl-checkbox[data-v-13b65ea3]:active {
2141
+ .bgl-checkbox[data-v-b87221d6]:active {
2142
2142
  filter: var(--bgl-active-filter);
2143
2143
  }
2144
- .switch[data-v-13b65ea3] {
2144
+ .switch[data-v-b87221d6] {
2145
2145
  position: absolute;
2146
2146
  display: inline-block;
2147
2147
  height: calc(var(--input-height) / 2);
@@ -2152,12 +2152,12 @@ img.preview[data-v-1be8d7b1] {
2152
2152
  margin-top: 0.15rem;
2153
2153
  pointer-events: none;
2154
2154
  }
2155
- .switch input[data-v-13b65ea3] {
2155
+ .switch input[data-v-b87221d6] {
2156
2156
  opacity: 0;
2157
2157
  width: 0;
2158
2158
  height: 0;
2159
2159
  }
2160
- .slider[data-v-13b65ea3] {
2160
+ .slider[data-v-b87221d6] {
2161
2161
  position: absolute;
2162
2162
  cursor: pointer;
2163
2163
  top: 0;
@@ -2170,7 +2170,7 @@ img.preview[data-v-1be8d7b1] {
2170
2170
  border-radius: calc(var(--input-height) / 2);
2171
2171
  box-shadow: inset 0 0 10px #00000020;
2172
2172
  }
2173
- .slider[data-v-13b65ea3]:before {
2173
+ .slider[data-v-b87221d6]:before {
2174
2174
  position: absolute;
2175
2175
  content: "";
2176
2176
  height: calc(var(--input-height) / 2 - 4px);
@@ -2182,10 +2182,10 @@ img.preview[data-v-1be8d7b1] {
2182
2182
  -webkit-transition: 0.4s;
2183
2183
  transition: 0.4s;
2184
2184
  }
2185
- .checked .slider[data-v-13b65ea3] {
2185
+ .checked .slider[data-v-b87221d6] {
2186
2186
  background: var(--bgl-primary);
2187
2187
  }
2188
- .checked .slider[data-v-13b65ea3]:before {
2188
+ .checked .slider[data-v-b87221d6]:before {
2189
2189
  transform: translateX(calc(var(--input-height) / 2));
2190
2190
  }
2191
2191
 
@@ -2327,15 +2327,6 @@ img.preview[data-v-1be8d7b1] {
2327
2327
  .align-items-center {
2328
2328
  align-items: center;
2329
2329
  }
2330
- .row-gap-1 {
2331
- row-gap: 0.2rem;
2332
- }
2333
- .row-gap-2 {
2334
- row-gap: 0.5rem;
2335
- }
2336
- .row-gap-3 {
2337
- row-gap: 1rem;
2338
- }
2339
2330
  .align-items-end {
2340
2331
  align-items: end !important;
2341
2332
  }
@@ -2358,12 +2349,6 @@ img.preview[data-v-1be8d7b1] {
2358
2349
  .columns-max-content {
2359
2350
  grid-auto-columns: max-content;
2360
2351
  }
2361
- .col-gap-1 {
2362
- column-gap: 1rem;
2363
- }
2364
- .col-gap-05 {
2365
- column-gap: 0.5rem;
2366
- }
2367
2352
  .rows-max-content {
2368
2353
  grid-auto-rows: max-content;
2369
2354
  }
@@ -2484,33 +2469,105 @@ img.preview[data-v-1be8d7b1] {
2484
2469
  .hall {
2485
2470
  height: -webkit-fill-available;
2486
2471
  }
2487
- .gap-1 {
2472
+ .gap-0 {
2473
+ gap: 0;
2474
+ }
2475
+ .gap-025 {
2488
2476
  gap: 0.25rem;
2489
2477
  }
2490
- .gap-2 {
2478
+ .gap-05 {
2491
2479
  gap: 0.5rem;
2492
2480
  }
2493
- .gap-3 {
2481
+ .gap-075 {
2482
+ gap: 0.75rem;
2483
+ }
2484
+ .gap-1 {
2494
2485
  gap: 1rem;
2495
2486
  }
2496
- .gap-col-1 {
2487
+ .gap-2 {
2488
+ gap: 2rem;
2489
+ }
2490
+ .gap-3 {
2491
+ gap: 3rem;
2492
+ }
2493
+ .gap-4 {
2494
+ gap: 4rem;
2495
+ }
2496
+ .gap-5 {
2497
+ gap: 5rem;
2498
+ }
2499
+ .gap-col-0,
2500
+ .col-gap-0 {
2501
+ column-gap: 0rem;
2502
+ }
2503
+ .gap-col-025,
2504
+ .col-gap-025 {
2497
2505
  column-gap: 0.25rem;
2498
2506
  }
2499
- .gap-col-2 {
2507
+ .gap-col-05,
2508
+ .col-gap-05 {
2500
2509
  column-gap: 0.5rem;
2501
2510
  }
2502
- .gap-col-3 {
2511
+ .gap-col-075,
2512
+ .col-gap-075 {
2513
+ column-gap: 0.75rem;
2514
+ }
2515
+ .gap-col-1,
2516
+ .col-gap-1 {
2503
2517
  column-gap: 1rem;
2504
2518
  }
2505
- .gap-row-1 {
2519
+ .gap-col-2,
2520
+ .col-gap-2 {
2521
+ column-gap: 2rem;
2522
+ }
2523
+ .gap-col-3,
2524
+ .col-gap-3 {
2525
+ column-gap: 3rem;
2526
+ }
2527
+ .gap-col-4,
2528
+ .col-gap-4 {
2529
+ column-gap: 4rem;
2530
+ }
2531
+ .gap-col-5,
2532
+ .col-gap-5 {
2533
+ column-gap: 5rem;
2534
+ }
2535
+ .gap-row-0,
2536
+ .row-gap-0 {
2537
+ row-gap: 0rem;
2538
+ }
2539
+ .gap-row-025,
2540
+ .row-gap-025 {
2506
2541
  row-gap: 0.25rem;
2507
2542
  }
2508
- .gap-row-2 {
2543
+ .gap-row-05,
2544
+ .row-gap-05 {
2509
2545
  row-gap: 0.5rem;
2510
2546
  }
2511
- .gap-row-3 {
2547
+ .gap-row-075,
2548
+ .row-gap-075 {
2549
+ row-gap: 0.75rem;
2550
+ }
2551
+ .gap-row-1,
2552
+ .row-gap-1 {
2512
2553
  row-gap: 1rem;
2513
2554
  }
2555
+ .gap-row-2,
2556
+ .row-gap-2 {
2557
+ row-gap: 2rem;
2558
+ }
2559
+ .gap-row-3,
2560
+ .row-gap-3 {
2561
+ row-gap: 3rem;
2562
+ }
2563
+ .gap-row-4,
2564
+ .row-gap-4 {
2565
+ row-gap: 4rem;
2566
+ }
2567
+ .gap-row-5,
2568
+ .row-gap-5 {
2569
+ row-gap: 5rem;
2570
+ }
2514
2571
  .flex-wrap {
2515
2572
  flex-wrap: wrap;
2516
2573
  }
@@ -3037,6 +3094,12 @@ img.preview[data-v-1be8d7b1] {
3037
3094
  .p-025 {
3038
3095
  padding: 0.25rem !important;
3039
3096
  }
3097
+ .relative {
3098
+ position: relative;
3099
+ }
3100
+ .absolute {
3101
+ position: absolute;
3102
+ }
3040
3103
  .flex {
3041
3104
  display: flex;
3042
3105
  align-items: center;
@@ -2,7 +2,7 @@ export type { ModalFormComponentProps, ModalApi, ModalComponentProps, ModalFormO
2
2
  export type { MaterialIcons } from './materialIcons';
3
3
  export type { Tables, TableToTypeMapping } from '../../../sdk/src/index.ts';
4
4
  export type { StorageFile } from './file';
5
- export type { NavLink } from '../components/NavBar.vue';
5
+ export type { NavLink } from './NavLink';
6
6
  export * from './BtnOptions';
7
7
  export * from './BagelForm';
8
8
  export type ThemeType = 'light' | 'red' | 'gray' | 'gray-light' | 'black' | 'green' | 'primary' | 'blue';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,uBAAuB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,GACtF,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC1C,YAAY,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,SAAS,GACnB,OAAO,GACL,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,uBAAuB,EAAE,QAAQ,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,GACtF,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC1C,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,SAAS,GACnB,OAAO,GACL,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.304",
4
+ "version": "0.0.310",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <component :is="to ? 'RouterLink' : 'div'" :to="to" class="flex list-item gap-3">
2
+ <component :is="to ? 'RouterLink' : 'div'" :to="to" class="flex list-item gap-1">
3
3
  <Avatar style="flex-basis: 1;" :name="title" :src="src" v-if="src || showAvatar" :size="40" />
4
4
  <div>
5
5
  <p class="txt16 no-margin ellipsis">
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="h-100 grid list-view gap-3" :class="{'side-tabs': sideTabs}">
2
+ <div class="h-100 grid list-view gap-1" :class="{'side-tabs': sideTabs}">
3
3
  <div class="bgl_card tabs-top">
4
4
  <slot name="top-section" />
5
5
  <div class="tabs grid auto-flow-columns fit-content">
@@ -3,7 +3,7 @@
3
3
  <label class="pb-025" >
4
4
  {{ label }}
5
5
  </label>
6
- <div class="flex gap-2 flex-wrap">
6
+ <div class="flex gap-05 flex-wrap">
7
7
  <div class="radio-pill" v-for="({optioId,label,value}, index) in cumputedOptions" :key="index">
8
8
  <input
9
9
  type="radio"