@bagelink/vue 0.0.421 → 0.0.427

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 (19) hide show
  1. package/dist/components/AccordionItem.vue.d.ts +3 -2
  2. package/dist/components/AccordionItem.vue.d.ts.map +1 -1
  3. package/dist/components/Avatar.vue.d.ts.map +1 -1
  4. package/dist/components/Carousel.vue.d.ts +8 -2
  5. package/dist/components/Carousel.vue.d.ts.map +1 -1
  6. package/dist/components/Modal.vue.d.ts.map +1 -1
  7. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  8. package/dist/components/layout/TabsNav.vue.d.ts +6 -2
  9. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  10. package/dist/index.cjs +69 -46
  11. package/dist/index.mjs +69 -46
  12. package/dist/style.css +61 -56
  13. package/package.json +1 -1
  14. package/src/components/AccordionItem.vue +57 -43
  15. package/src/components/Avatar.vue +1 -1
  16. package/src/components/Carousel.vue +2 -2
  17. package/src/components/Modal.vue +4 -2
  18. package/src/components/form/inputs/SelectInput.vue +5 -1
  19. package/src/components/layout/TabsNav.vue +6 -1
package/dist/components/AccordionItem.vue.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
- label: string;
2
+ label?: string | undefined;
3
3
  id?: string | undefined;
4
4
  }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
5
- label: string;
5
+ label?: string | undefined;
6
6
  id?: string | undefined;
7
7
  }>>>, {}, {}>, {
8
+ head?(_: {}): any;
8
9
  default?(_: {}): any;
9
10
  }>;
10
11
  export default _default;
package/dist/components/AccordionItem.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccordionItem.vue"],"names":[],"mappings":"AAgBA;;;;;;;;;;AA6LA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccordionItem.vue"],"names":[],"mappings":"AAwBA;;;;;;;;;;;AA0MA,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/Avatar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.vue"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;UAuGS,MAAM;;AATf,wBAWG;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":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.vue"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;UAwGS,MAAM;;AATf,wBAWG;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"}
package/dist/components/Carousel.vue.d.ts CHANGED
@@ -52,8 +52,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
52
52
  index: number;
53
53
  }, {}>, {
54
54
  default?(_: {}): any;
55
- prev?(_: {}): any;
56
- next?(_: {}): any;
55
+ prev?(_: {
56
+ prev: () => void;
57
+ index: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<number>;
58
+ }): any;
59
+ next?(_: {
60
+ next: () => void;
61
+ index: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<number>;
62
+ }): any;
57
63
  }>;
58
64
  export default _default;
59
65
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/components/Carousel.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA0BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwYA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA0BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6YA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/Modal.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA6BA;AAGA,OAAO,EAAE,KAAK,UAAU,EAA+B,MAAM,eAAe,CAAC;AAC7E,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AAkP7B,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA6BA;AAGA,OAAO,EAAE,KAAK,UAAU,EAA+B,MAAM,eAAe,CAAC;AAC7E,OAAO,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;AAuP7B,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/form/inputs/SelectInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAyDA;AAIA,OAAO,wBAAwB,CAAC;AAKhC,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoc7C,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AA4DA;AAIA,OAAO,wBAAwB,CAAC;AAKhC,KAAK,MAAM,GACR,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0c7C,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/components/layout/TabsNav.vue.d.ts CHANGED
@@ -6,13 +6,17 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
6
6
  modelValue?: string | undefined;
7
7
  sideTabs?: boolean | undefined;
8
8
  group: string;
9
- }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
9
+ }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
+ "update:modelValue": (...args: any[]) => void;
11
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
10
12
  title?: string | undefined;
11
13
  tabs: Tab[];
12
14
  modelValue?: string | undefined;
13
15
  sideTabs?: boolean | undefined;
14
16
  group: string;
15
- }>>>, {}, {}>;
17
+ }>>> & {
18
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
19
+ }, {}, {}>;
16
20
  export default _default;
17
21
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
18
22
  type __VLS_TypePropsToRuntimeProps<T> = {
package/dist/components/layout/TabsNav.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAcA;AAEA,OAAO,EAAE,KAAK,GAAG,EAAQ,MAAM,eAAe,CAAC;;;UA0IxC,GAAG,EAAE;;;WAGJ,MAAM;;;UAHP,GAAG,EAAE;;;WAGJ,MAAM;;AAVd,wBAYG;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":"TabsNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/layout/TabsNav.vue"],"names":[],"mappings":"AAcA;AAEA,OAAO,EAAE,KAAK,GAAG,EAAQ,MAAM,eAAe,CAAC;;;UAgJxC,GAAG,EAAE;;;WAGJ,MAAM;;;;;UAHP,GAAG,EAAE;;;WAGJ,MAAM;;;;AAVd,wBAaG;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
@@ -5271,7 +5271,10 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
5271
5271
  });
5272
5272
  const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d09a83c5"]]);
5273
5273
  const _hoisted_1$C = { class: "tool-bar" };
5274
- const _hoisted_2$v = { class: "modal-footer mt-3" };
5274
+ const _hoisted_2$v = {
5275
+ key: 0,
5276
+ class: "modal-footer mt-3"
5277
+ };
5275
5278
  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
5276
5279
  __name: "Modal",
5277
5280
  props: {
@@ -5285,6 +5288,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
5285
5288
  emits: ["update:visible"],
5286
5289
  setup(__props, { expose: __expose, emit: __emit }) {
5287
5290
  const props2 = __props;
5291
+ const slots = vue.useSlots();
5288
5292
  let isVisible = vue.ref(false);
5289
5293
  vue.watch(
5290
5294
  () => props2.visible,
@@ -5332,34 +5336,37 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
5332
5336
  }, ["stop"])),
5333
5337
  style: vue.normalizeStyle({ ...maxWidth.value })
5334
5338
  }, {
5335
- default: vue.withCtx(() => [
5336
- vue.createElementVNode("header", _hoisted_1$C, [
5337
- vue.renderSlot(_ctx.$slots, "toolbar"),
5338
- vue.createVNode(vue.unref(Btn), {
5339
- style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
5340
- flat: "",
5341
- icon: "close",
5342
- onClick: closeModal
5343
- }, null, 8, ["style"]),
5344
- _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
5345
- key: 0,
5346
- class: "modal-title",
5347
- tag: "h3",
5348
- label: _ctx.title
5349
- }, null, 8, ["label"])) : vue.createCommentVNode("", true)
5350
- ]),
5351
- vue.renderSlot(_ctx.$slots, "default"),
5352
- vue.createElementVNode("footer", _hoisted_2$v, [
5353
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
5354
- return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
5355
- key: i2,
5356
- onClick: closeModal,
5357
- color: "gray"
5358
- }, action), null, 16);
5359
- }), 128)),
5360
- vue.renderSlot(_ctx.$slots, "footer")
5361
- ])
5362
- ]),
5339
+ default: vue.withCtx(() => {
5340
+ var _a2;
5341
+ return [
5342
+ vue.createElementVNode("header", _hoisted_1$C, [
5343
+ vue.renderSlot(_ctx.$slots, "toolbar"),
5344
+ vue.createVNode(vue.unref(Btn), {
5345
+ style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
5346
+ flat: "",
5347
+ icon: "close",
5348
+ onClick: closeModal
5349
+ }, null, 8, ["style"]),
5350
+ _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$t), {
5351
+ key: 0,
5352
+ class: "modal-title",
5353
+ tag: "h3",
5354
+ label: _ctx.title
5355
+ }, null, 8, ["label"])) : vue.createCommentVNode("", true)
5356
+ ]),
5357
+ vue.renderSlot(_ctx.$slots, "default"),
5358
+ vue.unref(slots)["footer"] || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_2$v, [
5359
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action, i2) => {
5360
+ return vue.openBlock(), vue.createBlock(vue.unref(Btn), vue.mergeProps({
5361
+ key: i2,
5362
+ onClick: closeModal,
5363
+ color: "gray"
5364
+ }, action), null, 16);
5365
+ }), 128)),
5366
+ vue.renderSlot(_ctx.$slots, "footer")
5367
+ ])) : vue.createCommentVNode("", true)
5368
+ ];
5369
+ }),
5363
5370
  _: 3
5364
5371
  }, 8, ["style"])
5365
5372
  ], 34);
@@ -5496,11 +5503,15 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
5496
5503
  let open = vue.ref(false);
5497
5504
  const accordionState = vue.inject("accordionState");
5498
5505
  const id = props2.id || Math.random().toString(36).substring(7);
5499
- vue.watch(() => accordionState == null ? void 0 : accordionState.openItem, (currentOpenId) => {
5500
- if (currentOpenId !== id) {
5501
- open.value = false;
5502
- }
5503
- }, { immediate: true });
5506
+ vue.watch(
5507
+ () => accordionState == null ? void 0 : accordionState.openItem,
5508
+ (currentOpenId) => {
5509
+ if (currentOpenId !== id) {
5510
+ open.value = false;
5511
+ }
5512
+ },
5513
+ { immediate: true }
5514
+ );
5504
5515
  function toggle() {
5505
5516
  open.value = !open.value;
5506
5517
  if (open.value && (accordionState == null ? void 0 : accordionState.openItem))
@@ -5517,6 +5528,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
5517
5528
  "aria-controls": `accordion-body-${vue.unref(id)}`
5518
5529
  }, [
5519
5530
  vue.createElementVNode("span", _hoisted_3$k, vue.toDisplayString(_ctx.label), 1),
5531
+ vue.renderSlot(_ctx.$slots, "head", {}, void 0, true),
5520
5532
  vue.createElementVNode("div", {
5521
5533
  class: vue.normalizeClass(["accordion-icon", { open: vue.unref(open) }])
5522
5534
  }, [
@@ -5540,7 +5552,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
5540
5552
  };
5541
5553
  }
5542
5554
  });
5543
- const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-bf74738b"]]);
5555
+ const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0fb593ee"]]);
5544
5556
  const _sfc_main$C = {};
5545
5557
  const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
5546
5558
  const _hoisted_2$t = { class: "p-1" };
@@ -5888,7 +5900,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
5888
5900
  setup(__props) {
5889
5901
  return (_ctx, _cache) => {
5890
5902
  return vue.openBlock(), vue.createElementBlock("div", {
5891
- class: "avatar flex",
5903
+ class: "avatar flex justify-content-center",
5892
5904
  style: vue.normalizeStyle({ width: `${_ctx.size}px`, height: `${_ctx.size}px` })
5893
5905
  }, [
5894
5906
  _ctx.src ? (vue.openBlock(), vue.createElementBlock("img", {
@@ -5903,7 +5915,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
5903
5915
  };
5904
5916
  }
5905
5917
  });
5906
- const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-21ffa9bb"]]);
5918
+ const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-371a733d"]]);
5907
5919
  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
5908
5920
  __name: "Title",
5909
5921
  props: {
@@ -6258,17 +6270,23 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
6258
6270
  ], 34),
6259
6271
  vue.createElementVNode("div", _hoisted_2$m, [
6260
6272
  vue.createElementVNode("span", { onClick: prev }, [
6261
- vue.renderSlot(_ctx.$slots, "prev", {}, void 0, true)
6273
+ vue.renderSlot(_ctx.$slots, "prev", {
6274
+ prev,
6275
+ index: vue.unref(activeSlideIndex)
6276
+ }, void 0, true)
6262
6277
  ]),
6263
6278
  vue.createElementVNode("span", { onClick: next }, [
6264
- vue.renderSlot(_ctx.$slots, "next", {}, void 0, true)
6279
+ vue.renderSlot(_ctx.$slots, "next", {
6280
+ next,
6281
+ index: vue.unref(activeSlideIndex)
6282
+ }, void 0, true)
6265
6283
  ])
6266
6284
  ])
6267
6285
  ], 6);
6268
6286
  };
6269
6287
  }
6270
6288
  });
6271
- const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-068aa914"]]);
6289
+ const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e1cc4e21"]]);
6272
6290
  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
6273
6291
  __name: "ModalConfirm",
6274
6292
  props: {
@@ -15421,7 +15439,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
15421
15439
  );
15422
15440
  return (_ctx, _cache) => {
15423
15441
  return vue.openBlock(), vue.createBlock(vue.unref(kt$1), {
15424
- onHide: _cache[3] || (_cache[3] = ($event) => updateOpen(false)),
15442
+ onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
15443
+ }, ["stop"])),
15444
+ onHide: _cache[4] || (_cache[4] = ($event) => updateOpen(false)),
15425
15445
  ref_key: "dropdown",
15426
15446
  ref: dropdown,
15427
15447
  placement: "bottom-start",
@@ -15477,7 +15497,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
15477
15497
  class: vue.normalizeClass(["selectinput-btn", { isEmpty: vue.unref(selectedItems).length === 0 }])
15478
15498
  }, [
15479
15499
  vue.createElementVNode("p", null, vue.toDisplayString(selectedLabel.value), 1),
15480
- vue.createVNode(vue.unref(_sfc_main$I), vue.normalizeProps(vue.guardReactiveProps({ icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
15500
+ !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), vue.normalizeProps(vue.mergeProps({ key: 0 }, { icon: vue.unref(open) ? "unfold_less" : "unfold_more" })), null, 16)) : vue.createCommentVNode("", true)
15481
15501
  ], 42, _hoisted_1$m),
15482
15502
  _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", {
15483
15503
  key: 0,
@@ -15494,7 +15514,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
15494
15514
  };
15495
15515
  }
15496
15516
  });
15497
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-48577821"]]);
15517
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6b40f812"]]);
15498
15518
  /*!
15499
15519
  * vue-draggable-next v2.2.0
15500
15520
  * (c) 2023 Anish George
@@ -51029,7 +51049,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
51029
51049
  };
51030
51050
  }
51031
51051
  });
51032
- const _hoisted_1$2 = { class: "grid auto-flow-columns fit-content" };
51052
+ const _hoisted_1$2 = { class: "grid auto-flow-columns fit-content bgl_tabs_wrap" };
51033
51053
  const _hoisted_2$1 = ["onClick"];
51034
51054
  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
51035
51055
  __name: "TabsNav",
@@ -51040,12 +51060,15 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
51040
51060
  sideTabs: { type: Boolean },
51041
51061
  group: {}
51042
51062
  },
51043
- setup(__props) {
51063
+ emits: ["update:modelValue"],
51064
+ setup(__props, { emit: __emit }) {
51044
51065
  const props2 = __props;
51045
51066
  const { currentTab } = useTabs(props2.group);
51046
51067
  currentTab.value = props2.modelValue || typeof props2.tabs[0] === "string" ? props2.tabs[0] : props2.tabs[0].id;
51068
+ const emit2 = __emit;
51047
51069
  const selectTab = (tab) => {
51048
51070
  currentTab.value = typeof tab === "string" ? tab : tab.id;
51071
+ emit2("update:modelValue", currentTab.value);
51049
51072
  };
51050
51073
  const isActive2 = (tab) => {
51051
51074
  if (typeof tab === "string")
@@ -51077,7 +51100,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
51077
51100
  };
51078
51101
  }
51079
51102
  });
51080
- const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0774360e"]]);
51103
+ const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ca10eb5f"]]);
51081
51104
  const _hoisted_1$1 = { key: 0 };
51082
51105
  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
51083
51106
  __name: "TabsBody",
package/dist/index.mjs CHANGED
@@ -5269,7 +5269,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
5269
5269
  });
5270
5270
  const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d09a83c5"]]);
5271
5271
  const _hoisted_1$C = { class: "tool-bar" };
5272
- const _hoisted_2$v = { class: "modal-footer mt-3" };
5272
+ const _hoisted_2$v = {
5273
+ key: 0,
5274
+ class: "modal-footer mt-3"
5275
+ };
5273
5276
  const _sfc_main$F = /* @__PURE__ */ defineComponent({
5274
5277
  __name: "Modal",
5275
5278
  props: {
@@ -5283,6 +5286,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
5283
5286
  emits: ["update:visible"],
5284
5287
  setup(__props, { expose: __expose, emit: __emit }) {
5285
5288
  const props2 = __props;
5289
+ const slots = useSlots();
5286
5290
  let isVisible = ref(false);
5287
5291
  watch(
5288
5292
  () => props2.visible,
@@ -5330,34 +5334,37 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
5330
5334
  }, ["stop"])),
5331
5335
  style: normalizeStyle({ ...maxWidth.value })
5332
5336
  }, {
5333
- default: withCtx(() => [
5334
- createElementVNode("header", _hoisted_1$C, [
5335
- renderSlot(_ctx.$slots, "toolbar"),
5336
- createVNode(unref(Btn), {
5337
- style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
5338
- flat: "",
5339
- icon: "close",
5340
- onClick: closeModal
5341
- }, null, 8, ["style"]),
5342
- _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$t), {
5343
- key: 0,
5344
- class: "modal-title",
5345
- tag: "h3",
5346
- label: _ctx.title
5347
- }, null, 8, ["label"])) : createCommentVNode("", true)
5348
- ]),
5349
- renderSlot(_ctx.$slots, "default"),
5350
- createElementVNode("footer", _hoisted_2$v, [
5351
- (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
5352
- return openBlock(), createBlock(unref(Btn), mergeProps({
5353
- key: i2,
5354
- onClick: closeModal,
5355
- color: "gray"
5356
- }, action), null, 16);
5357
- }), 128)),
5358
- renderSlot(_ctx.$slots, "footer")
5359
- ])
5360
- ]),
5337
+ default: withCtx(() => {
5338
+ var _a2;
5339
+ return [
5340
+ createElementVNode("header", _hoisted_1$C, [
5341
+ renderSlot(_ctx.$slots, "toolbar"),
5342
+ createVNode(unref(Btn), {
5343
+ style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
5344
+ flat: "",
5345
+ icon: "close",
5346
+ onClick: closeModal
5347
+ }, null, 8, ["style"]),
5348
+ _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$t), {
5349
+ key: 0,
5350
+ class: "modal-title",
5351
+ tag: "h3",
5352
+ label: _ctx.title
5353
+ }, null, 8, ["label"])) : createCommentVNode("", true)
5354
+ ]),
5355
+ renderSlot(_ctx.$slots, "default"),
5356
+ unref(slots)["footer"] || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("footer", _hoisted_2$v, [
5357
+ (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.actions, (action, i2) => {
5358
+ return openBlock(), createBlock(unref(Btn), mergeProps({
5359
+ key: i2,
5360
+ onClick: closeModal,
5361
+ color: "gray"
5362
+ }, action), null, 16);
5363
+ }), 128)),
5364
+ renderSlot(_ctx.$slots, "footer")
5365
+ ])) : createCommentVNode("", true)
5366
+ ];
5367
+ }),
5361
5368
  _: 3
5362
5369
  }, 8, ["style"])
5363
5370
  ], 34);
@@ -5494,11 +5501,15 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
5494
5501
  let open = ref(false);
5495
5502
  const accordionState = inject("accordionState");
5496
5503
  const id = props2.id || Math.random().toString(36).substring(7);
5497
- watch(() => accordionState == null ? void 0 : accordionState.openItem, (currentOpenId) => {
5498
- if (currentOpenId !== id) {
5499
- open.value = false;
5500
- }
5501
- }, { immediate: true });
5504
+ watch(
5505
+ () => accordionState == null ? void 0 : accordionState.openItem,
5506
+ (currentOpenId) => {
5507
+ if (currentOpenId !== id) {
5508
+ open.value = false;
5509
+ }
5510
+ },
5511
+ { immediate: true }
5512
+ );
5502
5513
  function toggle() {
5503
5514
  open.value = !open.value;
5504
5515
  if (open.value && (accordionState == null ? void 0 : accordionState.openItem))
@@ -5515,6 +5526,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
5515
5526
  "aria-controls": `accordion-body-${unref(id)}`
5516
5527
  }, [
5517
5528
  createElementVNode("span", _hoisted_3$k, toDisplayString(_ctx.label), 1),
5529
+ renderSlot(_ctx.$slots, "head", {}, void 0, true),
5518
5530
  createElementVNode("div", {
5519
5531
  class: normalizeClass(["accordion-icon", { open: unref(open) }])
5520
5532
  }, [
@@ -5538,7 +5550,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
5538
5550
  };
5539
5551
  }
5540
5552
  });
5541
- const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-bf74738b"]]);
5553
+ const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0fb593ee"]]);
5542
5554
  const _sfc_main$C = {};
5543
5555
  const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
5544
5556
  const _hoisted_2$t = { class: "p-1" };
@@ -5886,7 +5898,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
5886
5898
  setup(__props) {
5887
5899
  return (_ctx, _cache) => {
5888
5900
  return openBlock(), createElementBlock("div", {
5889
- class: "avatar flex",
5901
+ class: "avatar flex justify-content-center",
5890
5902
  style: normalizeStyle({ width: `${_ctx.size}px`, height: `${_ctx.size}px` })
5891
5903
  }, [
5892
5904
  _ctx.src ? (openBlock(), createElementBlock("img", {
@@ -5901,7 +5913,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
5901
5913
  };
5902
5914
  }
5903
5915
  });
5904
- const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-21ffa9bb"]]);
5916
+ const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-371a733d"]]);
5905
5917
  const _sfc_main$t = /* @__PURE__ */ defineComponent({
5906
5918
  __name: "Title",
5907
5919
  props: {
@@ -6256,17 +6268,23 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
6256
6268
  ], 34),
6257
6269
  createElementVNode("div", _hoisted_2$m, [
6258
6270
  createElementVNode("span", { onClick: prev }, [
6259
- renderSlot(_ctx.$slots, "prev", {}, void 0, true)
6271
+ renderSlot(_ctx.$slots, "prev", {
6272
+ prev,
6273
+ index: unref(activeSlideIndex)
6274
+ }, void 0, true)
6260
6275
  ]),
6261
6276
  createElementVNode("span", { onClick: next }, [
6262
- renderSlot(_ctx.$slots, "next", {}, void 0, true)
6277
+ renderSlot(_ctx.$slots, "next", {
6278
+ next,
6279
+ index: unref(activeSlideIndex)
6280
+ }, void 0, true)
6263
6281
  ])
6264
6282
  ])
6265
6283
  ], 6);
6266
6284
  };
6267
6285
  }
6268
6286
  });
6269
- const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-068aa914"]]);
6287
+ const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e1cc4e21"]]);
6270
6288
  const _sfc_main$n = /* @__PURE__ */ defineComponent({
6271
6289
  __name: "ModalConfirm",
6272
6290
  props: {
@@ -15419,7 +15437,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
15419
15437
  );
15420
15438
  return (_ctx, _cache) => {
15421
15439
  return openBlock(), createBlock(unref(kt$1), {
15422
- onHide: _cache[3] || (_cache[3] = ($event) => updateOpen(false)),
15440
+ onClick: _cache[3] || (_cache[3] = withModifiers(() => {
15441
+ }, ["stop"])),
15442
+ onHide: _cache[4] || (_cache[4] = ($event) => updateOpen(false)),
15423
15443
  ref_key: "dropdown",
15424
15444
  ref: dropdown,
15425
15445
  placement: "bottom-start",
@@ -15475,7 +15495,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
15475
15495
  class: normalizeClass(["selectinput-btn", { isEmpty: unref(selectedItems).length === 0 }])
15476
15496
  }, [
15477
15497
  createElementVNode("p", null, toDisplayString(selectedLabel.value), 1),
15478
- createVNode(unref(_sfc_main$I), normalizeProps(guardReactiveProps({ icon: unref(open) ? "unfold_less" : "unfold_more" })), null, 16)
15498
+ !_ctx.disabled ? (openBlock(), createBlock(unref(_sfc_main$I), normalizeProps(mergeProps({ key: 0 }, { icon: unref(open) ? "unfold_less" : "unfold_more" })), null, 16)) : createCommentVNode("", true)
15479
15499
  ], 42, _hoisted_1$m),
15480
15500
  _ctx.required ? (openBlock(), createElementBlock("input", {
15481
15501
  key: 0,
@@ -15492,7 +15512,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
15492
15512
  };
15493
15513
  }
15494
15514
  });
15495
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-48577821"]]);
15515
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6b40f812"]]);
15496
15516
  /*!
15497
15517
  * vue-draggable-next v2.2.0
15498
15518
  * (c) 2023 Anish George
@@ -51027,7 +51047,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
51027
51047
  };
51028
51048
  }
51029
51049
  });
51030
- const _hoisted_1$2 = { class: "grid auto-flow-columns fit-content" };
51050
+ const _hoisted_1$2 = { class: "grid auto-flow-columns fit-content bgl_tabs_wrap" };
51031
51051
  const _hoisted_2$1 = ["onClick"];
51032
51052
  const _sfc_main$2 = /* @__PURE__ */ defineComponent({
51033
51053
  __name: "TabsNav",
@@ -51038,12 +51058,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
51038
51058
  sideTabs: { type: Boolean },
51039
51059
  group: {}
51040
51060
  },
51041
- setup(__props) {
51061
+ emits: ["update:modelValue"],
51062
+ setup(__props, { emit: __emit }) {
51042
51063
  const props2 = __props;
51043
51064
  const { currentTab } = useTabs(props2.group);
51044
51065
  currentTab.value = props2.modelValue || typeof props2.tabs[0] === "string" ? props2.tabs[0] : props2.tabs[0].id;
51066
+ const emit2 = __emit;
51045
51067
  const selectTab = (tab) => {
51046
51068
  currentTab.value = typeof tab === "string" ? tab : tab.id;
51069
+ emit2("update:modelValue", currentTab.value);
51047
51070
  };
51048
51071
  const isActive2 = (tab) => {
51049
51072
  if (typeof tab === "string")
@@ -51075,7 +51098,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
51075
51098
  };
51076
51099
  }
51077
51100
  });
51078
- const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0774360e"]]);
51101
+ const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ca10eb5f"]]);
51079
51102
  const _hoisted_1$1 = { key: 0 };
51080
51103
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
51081
51104
  __name: "TabsBody",
package/dist/style.css CHANGED
@@ -534,46 +534,48 @@ a[data-v-d09a83c5] {
534
534
  }
535
535
  }
536
536
 
537
- .accordion-item[data-v-bf74738b] {
538
- border-bottom: 1px solid var(--border-color);
539
- transition: all 0.2s;
540
- cursor: pointer;
541
- overflow: hidden;
537
+ .accordion-item[data-v-0fb593ee] {
538
+ border-bottom: 1px solid var(--border-color);
539
+ transition: all 0.2s;
540
+ cursor: pointer;
541
+ overflow: hidden;
542
542
  }
543
- .accordion-head[data-v-bf74738b] {
544
- height: var(--input-height);
545
- background: transparent;
546
- display: flex;
547
- width: 100%;
548
- align-items: center;
549
- justify-content: space-between;
543
+ .accordion-head[data-v-0fb593ee] {
544
+ height: var(--input-height);
545
+ background: transparent;
546
+ display: flex;
547
+ width: 100%;
548
+ align-items: center;
549
+ justify-content: space-between;
550
+ border: none;
551
+ }
552
+ .accordion-icon[data-v-0fb593ee] {
553
+ transition: all 0.2s ease;
550
554
  }
551
- .accordion-icon[data-v-bf74738b] {
552
- transition: all 0.2s ease;
555
+ .accordion-icon.open[data-v-0fb593ee] {
556
+ transform: rotate(180deg);
553
557
  }
554
- .accordion-icon.open[data-v-bf74738b] {
555
- transform: rotate(180deg);
558
+ .accordion-label[data-v-0fb593ee] {
559
+ font-weight: bold;
556
560
  }
557
- .accordion-label[data-v-bf74738b] {
558
- font-weight: bold;
561
+ .accordion-head:hover .accordion-label[data-v-0fb593ee] {
562
+ text-decoration: underline;
559
563
  }
560
- .accordion-head:hover .accordion-label[data-v-bf74738b] {
561
- text-decoration: underline;
564
+ .accordion-body[data-v-0fb593ee] {
562
565
  }
563
- .accordion-body[data-v-bf74738b] {}
564
566
 
565
567
  .expand-enter-active,
566
568
  .expand-leave-active {
567
- transition: all 0.5s;
568
- transition-delay: 0ms;
569
+ transition: all 0.2s;
570
+ transition-delay: 0ms;
569
571
  }
570
572
  .expand-enter-from,
571
573
  .expand-leave-to {
572
- max-height: 0;
574
+ max-height: 0;
573
575
  }
574
576
  .expand-enter-to,
575
577
  .expand-leave-from {
576
- max-height: 300px;
578
+ max-height: 300px;
577
579
  }
578
580
 
579
581
  .list-wrap {
@@ -800,7 +802,7 @@ th[data-v-54d69b8f] {
800
802
  padding: 0;
801
803
  }
802
804
 
803
- .avatar[data-v-21ffa9bb] {
805
+ .avatar[data-v-371a733d] {
804
806
  border-radius: 100%;
805
807
  background-color: var(--bgl-gray-20);
806
808
  border: 0.5px solid var(--border-color);
@@ -809,13 +811,13 @@ th[data-v-54d69b8f] {
809
811
  padding: 0;
810
812
  flex-shrink: 0;
811
813
  }
812
- .avatar p[data-v-21ffa9bb] {
814
+ .avatar p[data-v-371a733d] {
813
815
  font-size: 1.5rem;
814
816
  line-height: 50px;
815
817
  margin: 0;
816
818
  font-weight: 200;
817
819
  }
818
- .avatar img[data-v-21ffa9bb] {
820
+ .avatar img[data-v-371a733d] {
819
821
  width: 100%;
820
822
  height: 100%;
821
823
  object-fit: cover;
@@ -910,7 +912,7 @@ display: block;
910
912
  border-radius: var(--input-border-radius);
911
913
  }
912
914
 
913
- .blocker[data-v-068aa914] {
915
+ .blocker[data-v-e1cc4e21] {
914
916
  position: fixed;
915
917
  top: 0;
916
918
  left: 0;
@@ -918,7 +920,7 @@ display: block;
918
920
  height: 100%;
919
921
  z-index: 100;
920
922
  }
921
- .bgl-slider[data-v-068aa914] {
923
+ .bgl-slider[data-v-e1cc4e21] {
922
924
  display: grid;
923
925
  position: relative;
924
926
  scroll-behavior: smooth;
@@ -927,65 +929,65 @@ display: block;
927
929
  scroll-snap-type: x mandatory;
928
930
  overflow-x: hidden;
929
931
  }
930
- .autoHeight[data-v-068aa914] {
932
+ .autoHeight[data-v-e1cc4e21] {
931
933
  transition: height ease 0.7s;
932
934
  }
933
- .bgl-slider.allowScroll[data-v-068aa914] {
935
+ .bgl-slider.allowScroll[data-v-e1cc4e21] {
934
936
  overflow-x: scroll;
935
937
  }
936
- .bgl-slider.slides-6[data-v-068aa914] {
938
+ .bgl-slider.slides-6[data-v-e1cc4e21] {
937
939
  grid-auto-columns: 15.9%;
938
940
  gap: 1%;
939
941
  }
940
- .bgl-slider.slides-5[data-v-068aa914] {
942
+ .bgl-slider.slides-5[data-v-e1cc4e21] {
941
943
  grid-auto-columns: 19.3%;
942
944
  gap: 1%;
943
945
  }
944
- .bgl-slider.slides-4[data-v-068aa914] {
946
+ .bgl-slider.slides-4[data-v-e1cc4e21] {
945
947
  grid-auto-columns: 24.3%;
946
948
  gap: 1%;
947
949
  }
948
- .bgl-slider.slides-3[data-v-068aa914] {
950
+ .bgl-slider.slides-3[data-v-e1cc4e21] {
949
951
  grid-auto-columns: 33%;
950
952
  gap: 1%;
951
953
  }
952
- .bgl-slider.slides-2[data-v-068aa914] {
954
+ .bgl-slider.slides-2[data-v-e1cc4e21] {
953
955
  grid-auto-columns: 50%;
954
956
  gap: 1%;
955
957
  }
956
- .bgl-slider.slides-1[data-v-068aa914] {
958
+ .bgl-slider.slides-1[data-v-e1cc4e21] {
957
959
  grid-auto-columns: 100%;
958
960
  }
959
- .bgl-slider[data-v-068aa914]::-webkit-scrollbar {
961
+ .bgl-slider[data-v-e1cc4e21]::-webkit-scrollbar {
960
962
  display: none;
961
963
  }
962
- .bgl-slider *[data-v-068aa914] {
964
+ .bgl-slider *[data-v-e1cc4e21] {
963
965
  scroll-snap-align: start;
964
966
  }
965
- .dragging.bgl-slider[data-v-068aa914] {
967
+ .dragging.bgl-slider[data-v-e1cc4e21] {
966
968
  cursor: grabbing;
967
969
  cursor: -webkit-grabbing;
968
970
  scroll-snap-type: unset;
969
971
  }
970
- .clicking.bgl-slider[data-v-068aa914] {
972
+ .clicking.bgl-slider[data-v-e1cc4e21] {
971
973
  scroll-behavior: unset;
972
974
  }
973
- .dragging.bgl-slider *[data-v-068aa914] {
975
+ .dragging.bgl-slider *[data-v-e1cc4e21] {
974
976
  scroll-snap-align: unset;
975
977
  user-select: none;
976
978
  }
977
979
  @media screen and (max-width: 1280px) {
978
- .bgl-slider.slides-4[data-v-068aa914] {
980
+ .bgl-slider.slides-4[data-v-e1cc4e21] {
979
981
  grid-auto-columns: 33%;
980
982
  }
981
983
  }
982
984
  @media screen and (max-width: 991px) {
983
- .bgl-slider.slides-4[data-v-068aa914] {
985
+ .bgl-slider.slides-4[data-v-e1cc4e21] {
984
986
  grid-auto-columns: 50%;
985
987
  }
986
988
  }
987
989
  @media screen and (max-width: 600px) {
988
- .bgl-slider.slides-4[data-v-068aa914] {
990
+ .bgl-slider.slides-4[data-v-e1cc4e21] {
989
991
  grid-auto-columns: 100%;
990
992
  }
991
993
  }
@@ -1070,10 +1072,10 @@ display: block;
1070
1072
  }
1071
1073
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
1072
1074
 
1073
- .selectinput[data-v-48577821] {
1075
+ .selectinput[data-v-6b40f812] {
1074
1076
  width: 100%;
1075
1077
  }
1076
- .selectinput-option[data-v-48577821] {
1078
+ .selectinput-option[data-v-6b40f812] {
1077
1079
  padding: 6px 12px;
1078
1080
  cursor: pointer;
1079
1081
  border-radius: 5px;
@@ -1084,14 +1086,14 @@ display: block;
1084
1086
  width: 100%;
1085
1087
  font-size: var(--input-font-size);
1086
1088
  }
1087
- .selectinput-options[data-v-48577821] {
1089
+ .selectinput-options[data-v-6b40f812] {
1088
1090
  max-height: 300px;
1089
1091
  overflow-y: auto;
1090
1092
  }
1091
- .selectinput-option[data-v-48577821]:hover {
1093
+ .selectinput-option[data-v-6b40f812]:hover {
1092
1094
  background: var(--bgl-gray-20);
1093
1095
  }
1094
- .isEmpty p[data-v-48577821] {
1096
+ .isEmpty p[data-v-6b40f812] {
1095
1097
  opacity: 0.3;
1096
1098
  }
1097
1099
 
@@ -1114,6 +1116,7 @@ display: block;
1114
1116
  }
1115
1117
  .selectinput-btn:disabled {
1116
1118
  color: var(--input-disabled-color);
1119
+ background-color: transparent;
1117
1120
  }
1118
1121
  .selectinput-btn:focus {
1119
1122
  outline: none;
@@ -1969,7 +1972,9 @@ p {
1969
1972
  color: var(--bgl-primary) !important;
1970
1973
  }
1971
1974
 
1972
- .bgl_tab[data-v-0774360e] {
1975
+ .bgl_tabs_wrap[data-v-ca10eb5f] {
1976
+ }
1977
+ .bgl_tab[data-v-ca10eb5f] {
1973
1978
  border: none;
1974
1979
  border-bottom: 2px solid var(--border-color);
1975
1980
  background: transparent;
@@ -1981,17 +1986,17 @@ p {
1981
1986
  padding-inline-end: calc(var(--btn-padding) / 2);
1982
1987
  padding-bottom: calc(var(--btn-padding) / 4);
1983
1988
  }
1984
- .bgl_tab.currentTab[data-v-0774360e] {
1989
+ .bgl_tab.currentTab[data-v-ca10eb5f] {
1985
1990
  border-bottom: 2px solid var(--primary-color);
1986
1991
  }
1987
- .bgl_tab.active[data-v-0774360e] {
1992
+ .bgl_tab.active[data-v-ca10eb5f] {
1988
1993
  color: var(--bgl-primary);
1989
1994
  border-bottom: 2px solid var(--bgl-primary);
1990
1995
  }
1991
- .bgl_tab[data-v-0774360e]:hover {
1996
+ .bgl_tab[data-v-ca10eb5f]:hover {
1992
1997
  color: var(--bgl-primary);
1993
1998
  }
1994
- .bgl_tab[data-v-0774360e]:active {
1999
+ .bgl_tab[data-v-ca10eb5f]:active {
1995
2000
  -webkit-filter: brightness(70%);
1996
2001
  filter: brightness(70%);
1997
2002
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.421",
4
+ "version": "0.0.427",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/AccordionItem.vue CHANGED
@@ -1,18 +1,26 @@
1
1
  <template>
2
- <div class="accordion-item">
3
- <button @click="toggle()" :aria-expanded="open ? 'true' : 'false'" class="accordion-head"
4
- :aria-controls="`accordion-body-${id}`">
5
- <span class="accordion-label">{{ label }}</span>
6
- <div class="accordion-icon" :class="{ open }">
7
- <MaterialIcon icon="expand_more" />
8
- </div>
9
- </button>
10
- <Transition name="expand">
11
- <div v-if="open" class="accordion-body" :id="`accordion-body-${id}`" :aria-hidden="open ? 'false' : 'true'">
12
- <slot />
13
- </div>
14
- </Transition>
15
- </div>
2
+ <div class="accordion-item">
3
+ <button
4
+ @click="toggle()"
5
+ :aria-expanded="open ? 'true' : 'false'"
6
+ class="accordion-head"
7
+ :aria-controls="`accordion-body-${id}`">
8
+ <span class="accordion-label">{{ label }}</span>
9
+ <slot name="head" />
10
+ <div class="accordion-icon" :class="{ open }">
11
+ <MaterialIcon icon="expand_more" />
12
+ </div>
13
+ </button>
14
+ <Transition name="expand">
15
+ <div
16
+ v-if="open"
17
+ class="accordion-body"
18
+ :id="`accordion-body-${id}`"
19
+ :aria-hidden="open ? 'false' : 'true'">
20
+ <slot />
21
+ </div>
22
+ </Transition>
23
+ </div>
16
24
  </template>
17
25
 
18
26
  <script lang="ts" setup>
@@ -20,77 +28,83 @@ import { MaterialIcon } from '@bagelink/vue';
20
28
  import { watch, inject } from 'vue';
21
29
 
22
30
  const props = defineProps<{
23
- label: string,
24
- id?: string,
31
+ label?: string;
32
+ id?: string;
25
33
  }>();
26
34
  let open = $ref(false);
27
35
 
28
36
  const accordionState = inject('accordionState') as { openItem: string | null };
29
37
  const id = props.id || Math.random().toString(36).substring(7);
30
38
 
31
- watch(() => accordionState?.openItem, (currentOpenId) => {
32
- if (currentOpenId !== id) {
33
- open = false;
34
- }
35
- }, { immediate: true });
39
+ watch(
40
+ () => accordionState?.openItem,
41
+ (currentOpenId) => {
42
+ if (currentOpenId !== id) {
43
+ open = false;
44
+ }
45
+ },
46
+ { immediate: true }
47
+ );
36
48
 
37
49
  function toggle() {
38
- open = !open;
39
- if (open && accordionState?.openItem) accordionState.openItem = id;
40
- else if (accordionState?.openItem === id) accordionState.openItem = null;
50
+ open = !open;
51
+ if (open && accordionState?.openItem) accordionState.openItem = id;
52
+ else if (accordionState?.openItem === id) accordionState.openItem = null;
41
53
  }
42
54
  </script>
43
55
 
44
56
  <style scoped>
45
57
  .accordion-item {
46
- border-bottom: 1px solid var(--border-color);
47
- transition: all 0.2s;
48
- cursor: pointer;
49
- overflow: hidden;
58
+ border-bottom: 1px solid var(--border-color);
59
+ transition: all 0.2s;
60
+ cursor: pointer;
61
+ overflow: hidden;
50
62
  }
51
63
 
52
64
  .accordion-head {
53
- height: var(--input-height);
54
- background: transparent;
55
- display: flex;
56
- width: 100%;
57
- align-items: center;
58
- justify-content: space-between;
65
+ height: var(--input-height);
66
+ background: transparent;
67
+ display: flex;
68
+ width: 100%;
69
+ align-items: center;
70
+ justify-content: space-between;
71
+ border: none;
59
72
  }
60
73
 
61
74
  .accordion-icon {
62
- transition: all 0.2s ease;
75
+ transition: all 0.2s ease;
63
76
  }
64
77
 
65
78
  .accordion-icon.open {
66
- transform: rotate(180deg);
79
+ transform: rotate(180deg);
67
80
  }
68
81
 
69
82
  .accordion-label {
70
- font-weight: bold;
83
+ font-weight: bold;
71
84
  }
72
85
 
73
86
  .accordion-head:hover .accordion-label {
74
- text-decoration: underline;
87
+ text-decoration: underline;
75
88
  }
76
89
 
77
- .accordion-body {}
90
+ .accordion-body {
91
+ }
78
92
  </style>
79
93
 
80
94
  <style>
81
95
  .expand-enter-active,
82
96
  .expand-leave-active {
83
- transition: all 0.5s;
84
- transition-delay: 0ms;
97
+ transition: all 0.2s;
98
+ transition-delay: 0ms;
85
99
  }
86
100
 
87
101
  .expand-enter-from,
88
102
  .expand-leave-to {
89
- max-height: 0;
103
+ max-height: 0;
90
104
  }
91
105
 
92
106
  .expand-enter-to,
93
107
  .expand-leave-from {
94
- max-height: 300px;
108
+ max-height: 300px;
95
109
  }
96
110
  </style>
package/src/components/Avatar.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="avatar flex" :style="{ width: `${size}px`, height: `${size}px` }">
2
+ <div class="avatar flex justify-content-center" :style="{ width: `${size}px`, height: `${size}px` }">
3
3
  <img v-if="src" :src="src" :alt="name">
4
4
  <p v-else :style="{ 'line-height': `${size}px`, 'font-size': `calc(1.5rem * ${size} / 50)` }">
5
5
  {{ fallback || initials(name || '') }}
package/src/components/Carousel.vue CHANGED
@@ -16,10 +16,10 @@
16
16
  </div>
17
17
  <div class="Handlers">
18
18
  <span @click="prev">
19
- <slot name="prev" />
19
+ <slot :prev :index="activeSlideIndex" name="prev" />
20
20
  </span>
21
21
  <span @click="next">
22
- <slot name="next" />
22
+ <slot :next :index="activeSlideIndex" name="next" />
23
23
  </span>
24
24
  </div>
25
25
  </div>
package/src/components/Modal.vue CHANGED
@@ -15,7 +15,7 @@
15
15
  <Title class="modal-title" tag="h3" v-if="title" :label="title" />
16
16
  </header>
17
17
  <slot />
18
- <footer class="modal-footer mt-3">
18
+ <footer v-if="slots['footer'] || actions?.length" class="modal-footer mt-3">
19
19
  <Btn
20
20
  v-for="(action, i) in actions"
21
21
  :key="i"
@@ -29,7 +29,7 @@
29
29
  </template>
30
30
 
31
31
  <script lang="ts" setup>
32
- import { onMounted, onUnmounted, watch } from 'vue';
32
+ import { onMounted, onUnmounted, watch, useSlots } from 'vue';
33
33
  import { type BtnOptions, Btn, useEscape, Title, Card } from '@bagelink/vue';
34
34
  import '../styles/modal.css';
35
35
 
@@ -42,6 +42,8 @@ const props = defineProps<{
42
42
  visible?: boolean;
43
43
  }>();
44
44
 
45
+ const slots = useSlots();
46
+
45
47
  let isVisible = $ref<boolean>(false);
46
48
 
47
49
  watch(
package/src/components/form/inputs/SelectInput.vue CHANGED
@@ -1,5 +1,6 @@
1
1
  <template>
2
2
  <Dropdown
3
+ @click.stop
3
4
  @hide="updateOpen(false)"
4
5
  ref="dropdown"
5
6
  placement="bottom-start"
@@ -14,7 +15,9 @@
14
15
  class="selectinput-btn"
15
16
  :class="{ isEmpty: selectedItems.length === 0 }">
16
17
  <p>{{ selectedLabel }}</p>
17
- <Icon v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }" />
18
+ <Icon
19
+ v-if="!disabled"
20
+ v-bind="{ icon: open ? 'unfold_less' : 'unfold_more' }" />
18
21
  </button>
19
22
  <input
20
23
  tabindex="-1"
@@ -270,6 +273,7 @@ watch(
270
273
 
271
274
  .selectinput-btn:disabled {
272
275
  color: var(--input-disabled-color);
276
+ background-color: transparent;
273
277
  }
274
278
 
275
279
  .selectinput-btn:focus {
package/src/components/layout/TabsNav.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="grid auto-flow-columns fit-content">
2
+ <div class="grid auto-flow-columns fit-content bgl_tabs_wrap">
3
3
  <button
4
4
  type="button"
5
5
  :class="{ active: isActive(tab) }"
@@ -30,8 +30,11 @@ currentTab.value =
30
30
  props.modelValue || typeof props.tabs[0] === 'string'
31
31
  ? props.tabs[0]
32
32
  : props.tabs[0].id;
33
+
34
+ const emit = defineEmits(['update:modelValue']);
33
35
  const selectTab = (tab: Tab) => {
34
36
  currentTab.value = typeof tab === 'string' ? tab : tab.id;
37
+ emit('update:modelValue', currentTab.value);
35
38
  };
36
39
 
37
40
  const isActive = (tab: Tab) => {
@@ -45,6 +48,8 @@ const tabLabel = (tab: Tab) => {
45
48
  </script>
46
49
 
47
50
  <style scoped>
51
+ .bgl_tabs_wrap {
52
+ }
48
53
  .bgl_tab {
49
54
  border: none;
50
55
  border-bottom: 2px solid var(--border-color);