@bagelink/vue 0.0.423 → 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 (17) 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/layout/TabsNav.vue.d.ts +6 -2
  8. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  9. package/dist/index.cjs +64 -43
  10. package/dist/index.mjs +64 -43
  11. package/dist/style.css +55 -51
  12. package/package.json +1 -1
  13. package/src/components/AccordionItem.vue +57 -43
  14. package/src/components/Avatar.vue +1 -1
  15. package/src/components/Carousel.vue +2 -2
  16. package/src/components/Modal.vue +4 -2
  17. 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/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: {
@@ -51031,7 +51049,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
51031
51049
  };
51032
51050
  }
51033
51051
  });
51034
- 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" };
51035
51053
  const _hoisted_2$1 = ["onClick"];
51036
51054
  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
51037
51055
  __name: "TabsNav",
@@ -51042,12 +51060,15 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
51042
51060
  sideTabs: { type: Boolean },
51043
51061
  group: {}
51044
51062
  },
51045
- setup(__props) {
51063
+ emits: ["update:modelValue"],
51064
+ setup(__props, { emit: __emit }) {
51046
51065
  const props2 = __props;
51047
51066
  const { currentTab } = useTabs(props2.group);
51048
51067
  currentTab.value = props2.modelValue || typeof props2.tabs[0] === "string" ? props2.tabs[0] : props2.tabs[0].id;
51068
+ const emit2 = __emit;
51049
51069
  const selectTab = (tab) => {
51050
51070
  currentTab.value = typeof tab === "string" ? tab : tab.id;
51071
+ emit2("update:modelValue", currentTab.value);
51051
51072
  };
51052
51073
  const isActive2 = (tab) => {
51053
51074
  if (typeof tab === "string")
@@ -51079,7 +51100,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
51079
51100
  };
51080
51101
  }
51081
51102
  });
51082
- 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"]]);
51083
51104
  const _hoisted_1$1 = { key: 0 };
51084
51105
  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
51085
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: {
@@ -51029,7 +51047,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
51029
51047
  };
51030
51048
  }
51031
51049
  });
51032
- 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" };
51033
51051
  const _hoisted_2$1 = ["onClick"];
51034
51052
  const _sfc_main$2 = /* @__PURE__ */ defineComponent({
51035
51053
  __name: "TabsNav",
@@ -51040,12 +51058,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
51040
51058
  sideTabs: { type: Boolean },
51041
51059
  group: {}
51042
51060
  },
51043
- setup(__props) {
51061
+ emits: ["update:modelValue"],
51062
+ setup(__props, { emit: __emit }) {
51044
51063
  const props2 = __props;
51045
51064
  const { currentTab } = useTabs(props2.group);
51046
51065
  currentTab.value = props2.modelValue || typeof props2.tabs[0] === "string" ? props2.tabs[0] : props2.tabs[0].id;
51066
+ const emit2 = __emit;
51047
51067
  const selectTab = (tab) => {
51048
51068
  currentTab.value = typeof tab === "string" ? tab : tab.id;
51069
+ emit2("update:modelValue", currentTab.value);
51049
51070
  };
51050
51071
  const isActive2 = (tab) => {
51051
51072
  if (typeof tab === "string")
@@ -51077,7 +51098,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
51077
51098
  };
51078
51099
  }
51079
51100
  });
51080
- 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"]]);
51081
51102
  const _hoisted_1$1 = { key: 0 };
51082
51103
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
51083
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;
550
551
  }
551
- .accordion-icon[data-v-bf74738b] {
552
- transition: all 0.2s ease;
552
+ .accordion-icon[data-v-0fb593ee] {
553
+ transition: all 0.2s ease;
553
554
  }
554
- .accordion-icon.open[data-v-bf74738b] {
555
- transform: rotate(180deg);
555
+ .accordion-icon.open[data-v-0fb593ee] {
556
+ transform: rotate(180deg);
557
+ }
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
  }
@@ -1970,7 +1972,9 @@ p {
1970
1972
  color: var(--bgl-primary) !important;
1971
1973
  }
1972
1974
 
1973
- .bgl_tab[data-v-0774360e] {
1975
+ .bgl_tabs_wrap[data-v-ca10eb5f] {
1976
+ }
1977
+ .bgl_tab[data-v-ca10eb5f] {
1974
1978
  border: none;
1975
1979
  border-bottom: 2px solid var(--border-color);
1976
1980
  background: transparent;
@@ -1982,17 +1986,17 @@ p {
1982
1986
  padding-inline-end: calc(var(--btn-padding) / 2);
1983
1987
  padding-bottom: calc(var(--btn-padding) / 4);
1984
1988
  }
1985
- .bgl_tab.currentTab[data-v-0774360e] {
1989
+ .bgl_tab.currentTab[data-v-ca10eb5f] {
1986
1990
  border-bottom: 2px solid var(--primary-color);
1987
1991
  }
1988
- .bgl_tab.active[data-v-0774360e] {
1992
+ .bgl_tab.active[data-v-ca10eb5f] {
1989
1993
  color: var(--bgl-primary);
1990
1994
  border-bottom: 2px solid var(--bgl-primary);
1991
1995
  }
1992
- .bgl_tab[data-v-0774360e]:hover {
1996
+ .bgl_tab[data-v-ca10eb5f]:hover {
1993
1997
  color: var(--bgl-primary);
1994
1998
  }
1995
- .bgl_tab[data-v-0774360e]:active {
1999
+ .bgl_tab[data-v-ca10eb5f]:active {
1996
2000
  -webkit-filter: brightness(70%);
1997
2001
  filter: brightness(70%);
1998
2002
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.423",
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/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);