@bagelink/vue 0.0.507 → 0.0.518

package/dist/index.mjs

@@ -5379,7 +5379,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 const _hoisted_1$H = { class: "full-nav" };
 const _hoisted_2$y = { class: "nav-scroll" };
 const _hoisted_3$n = { class: "nav-links-wrapper" };
-const _hoisted_4$g = { class: "tooltip" };
+const _hoisted_4$f = { class: "tooltip" };
 const _hoisted_5$c = { class: "bot-buttons-wrapper" };
 const _hoisted_6$8 = { class: "tooltip" };
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
@@ -5428,7 +5428,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                     createVNode(unref(_sfc_main$M), {
                       icon: link.icon
                     }, null, 8, ["icon"]),
-                    createElementVNode("div", _hoisted_4$g, toDisplayString(link.label), 1)
+                    createElementVNode("div", _hoisted_4$f, toDisplayString(link.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "onClick"]);
@@ -5494,16 +5494,22 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     role: { default: "button" },
     value: {},
     to: {},
+    href: {},
     round: { type: Boolean, default: false },
     is: { default: "button" },
     onClick: { type: Function, default: () => "" }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "23db5d74": computedBackgroundColor.value,
-      "82322962": cumputedTextColor.value
+      "38764c20": computedBackgroundColor.value,
+      "63554afb": cumputedTextColor.value
     }));
     const props2 = __props;
+    const isComponent = computed(() => {
+      if (props2.to) return "router-link";
+      if (props2.href) return "a";
+      return props2.is;
+    });
     const slots = useSlots();
     const computedTheme = computed(
       () => {
@@ -5548,7 +5554,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
+      return openBlock(), createBlock(resolveDynamicComponent(isComponent.value), {
+        href: _ctx.href,
         to: _ctx.to,
         type: _ctx.type,
         role: _ctx.role,
@@ -5580,11 +5587,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           ]))
         ]),
         _: 3
-      }, 8, ["to", "type", "role", "disabled", "class", "onClick"]);
+      }, 8, ["href", "to", "type", "role", "disabled", "class", "onClick"]);
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-957b4083"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-d5201df6"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"
@@ -5678,13 +5685,12 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["label"])) : createCommentVNode("", true)
               ])) : (openBlock(), createElementBlock("div", _hoisted_2$w, [
                 createVNode(unref(Btn), {
-                  class: "color-black",
-                  style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
+                  class: "color-black position-start",
                   icon: "close",
                   thin: "",
                   color: "white",
                   onClick: closeModal
-                }, null, 8, ["style"])
+                })
               ])),
               renderSlot(_ctx.$slots, "default"),
               unref(slots).footer || ((_a2 = _ctx.actions) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("footer", _hoisted_3$m, [
@@ -5819,7 +5825,7 @@ const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-
 const _hoisted_1$E = { class: "accordion-item" };
 const _hoisted_2$v = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
-const _hoisted_4$f = ["id", "aria-hidden"];
+const _hoisted_4$e = ["id", "aria-hidden"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
@@ -5882,7 +5888,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               "aria-hidden": unref(isOpen) ? "false" : "true"
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_4$f)) : createCommentVNode("", true)
+            ], 8, _hoisted_4$e)) : createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -5906,8 +5912,8 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$2]]);
-const _hoisted_1$C = { class: "txt16 no-margin ellipsis line-height-14" };
-const _hoisted_2$t = { class: "txt14 no-margin txt-gray ellipsis" };
+const _hoisted_1$C = { class: "no-margin ellipsis line-height-14" };
+const _hoisted_2$t = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
@@ -5971,7 +5977,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 const _hoisted_1$A = { class: "table-list-wrap h-100" };
 const _hoisted_2$r = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
-const _hoisted_4$e = ["onClick"];
+const _hoisted_4$d = ["onClick"];
 const _hoisted_5$b = { class: "flex" };
 const _hoisted_6$7 = ["onClick"];
 const _hoisted_7$2 = { key: 1 };
@@ -6094,7 +6100,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["class"])
                   ], 2)
                 ])
-              ], 8, _hoisted_4$e);
+              ], 8, _hoisted_4$d);
             }), 128))
           ]),
           createElementVNode("tbody", {
@@ -6137,7 +6143,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-ae8770a6"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-fd12de23"]]);
 const _sfc_main$C = {};
 const _hoisted_1$z = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -6178,7 +6184,7 @@ const _hoisted_2$q = {
   class: "data-row"
 };
 const _hoisted_3$i = { class: "key" };
-const _hoisted_4$d = { key: 1 };
+const _hoisted_4$c = { key: 1 };
 const _hoisted_5$a = { class: "key" };
 const _hoisted_6$6 = { class: "vlue" };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
@@ -6230,7 +6236,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128)),
-        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
+        !((_a2 = _ctx.schema) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (key) => {
             return openBlock(), createElementBlock("div", {
               key,
@@ -6509,37 +6515,28 @@ const _hoisted_2$n = { class: "Handlers" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
-    autoHeight: {
-      type: Boolean,
-      default: false
-    },
-    allowScroll: {
-      type: Boolean,
-      default: true
-    },
-    freeDrag: {
-      type: Boolean,
-      default: true
-    },
-    items: {
-      type: Number,
-      default: 4
-    },
-    index: {
-      type: Number,
-      default: 0
-    }
+    autoHeight: { type: Boolean, default: false },
+    allowScroll: { type: Boolean, default: true },
+    freeDrag: { type: Boolean, default: true },
+    items: { type: Number, default: 4 },
+    index: { type: Number, default: 0 },
+    autoplay: { type: Boolean, default: false },
+    autoplaySpeed: { type: Number, default: 3e3 },
+    loop: { type: Boolean, default: false }
   },
   emits: ["update:index"],
   setup(__props, { emit: __emit }) {
     const props2 = __props;
     const emit2 = __emit;
-    const bglSlider = ref();
+    const bglSlider = ref(null);
     let activeSlideIndex = ref(0);
     let isDragging = ref(false);
     let startX = ref(0);
     let scrollLeft = ref(0);
     let isPressed = ref(false);
+    let yHeight = ref("auto");
+    let autoplayInterval = ref(null);
+    let originalSlideCount = ref(0);
     function disableDrag() {
       var _a2, _b;
       (_a2 = bglSlider.value) == null ? void 0 : _a2.querySelectorAll("img").forEach((e) => {
@@ -6547,36 +6544,40 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       });
       for (const e of ((_b = bglSlider.value) == null ? void 0 : _b.children) || []) {
         e.setAttribute("draggable", "false");
-        e.addEventListener("click", (e22) => e22.preventDefault());
+        e.addEventListener("click", (el) => el.preventDefault());
       }
     }
-    let yHeight = ref("auto");
     function evalHeight() {
       if (!props2.autoHeight || !bglSlider.value) return;
-      const slidChildren = bglSlider.value.children[activeSlideIndex.value].children;
-      const height = Array.from(slidChildren).map((el) => el.clientHeight).reduce((a2, b2) => a2 + b2, 0);
+      const height = Array.from(bglSlider.value.children[activeSlideIndex.value].children).map((el) => el.clientHeight).reduce((a2, b2) => a2 + b2, 0);
       yHeight.value = `${height}px`;
     }
-    function goToSlide(index2) {
-      if (!bglSlider.value || index2 < 0 || index2 > bglSlider.value.children.length - 1) return;
-      const slider = bglSlider.value;
+    function goToSlide(index2, behavior = "smooth") {
+      if (!bglSlider.value) return;
+      if (props2.loop) {
+        if (index2 >= originalSlideCount.value) {
+          index2 = index2 % originalSlideCount.value;
+          behavior = "auto";
+        } else if (index2 < 0) {
+          index2 = originalSlideCount.value - -index2 % originalSlideCount.value;
+          behavior = "auto";
+        }
+      }
       const isRTL = getComputedStyle(bglSlider.value).direction === "rtl";
-      const scrollX = slider.offsetWidth * index2 * (isRTL ? -1 : 1);
-      slider.scrollTo({ left: scrollX, behavior: "smooth" });
+      const scrollX = bglSlider.value.offsetWidth * index2 * (isRTL ? -1 : 1);
+      bglSlider.value.scrollTo({ left: scrollX, behavior });
       activeSlideIndex.value = index2;
       evalHeight();
     }
-    watch(() => props2.index, goToSlide);
-    watch(
-      () => activeSlideIndex.value,
-      (index2) => {
-        emit2("update:index", index2);
-      }
-    );
+    watch(() => props2.index, (index2) => {
+      goToSlide(index2);
+    });
+    watch(() => activeSlideIndex.value, (index2) => {
+      emit2("update:index", index2);
+    });
     function scrollEnd() {
-      const slider = bglSlider.value;
-      if (!slider || props2.items !== 1) return;
-      const nextSlide = Math.round(slider.scrollLeft / slider.offsetWidth);
+      if (props2.items !== 1 || !bglSlider.value) return;
+      const nextSlide = Math.round(bglSlider.value.scrollLeft / bglSlider.value.offsetWidth);
       goToSlide(nextSlide);
     }
     function stopDragging(e) {
@@ -6584,11 +6585,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       const slider = bglSlider.value;
       if (!slider) return;
       const isDragForward = startX.value > e.pageX + slider.offsetLeft;
-      if (isDragForward)
-        activeSlideIndex.value = Math.ceil(slider.scrollLeft / slider.offsetWidth);
-      else activeSlideIndex.value = Math.floor(slider.scrollLeft / slider.offsetWidth);
+      activeSlideIndex.value = isDragForward ? Math.ceil(slider.scrollLeft / slider.offsetWidth) : Math.floor(slider.scrollLeft / slider.offsetWidth);
       if (props2.items === 1) goToSlide(activeSlideIndex.value);
-      startX.value = 0;
       document.removeEventListener("mousemove", move);
       document.removeEventListener("mouseup", stopDragging);
       document.removeEventListener("dragend", stopDragging);
@@ -6597,11 +6595,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     function move(e) {
       if (!bglSlider.value) return;
       const x2 = e.pageX - bglSlider.value.offsetLeft;
-      const walk = x2 - startX.value;
-      if (walk > 20 || walk < -20) isDragging.value = true;
+      if (Math.abs(x2 - startX.value) > 20) isDragging.value = true;
       if (!isDragging.value) return;
-      const scroll = x2 - startX.value;
-      bglSlider.value.scrollLeft = scrollLeft.value - scroll;
+      bglSlider.value.scrollLeft = scrollLeft.value - (x2 - startX.value);
     }
     function startDragging(e) {
       if (e.button !== 0 || !props2.freeDrag || !bglSlider.value) return;
@@ -6613,69 +6609,87 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       document.addEventListener("dragend", stopDragging);
     }
     function next() {
-      if (!bglSlider.value) return;
-      const slideCount = bglSlider.value.children.length;
-      const isLastSlide = activeSlideIndex.value >= slideCount - 1;
-      if (isLastSlide) goToSlide(0);
-      else goToSlide(activeSlideIndex.value + 1);
+      if (bglSlider.value) {
+        goToSlide(activeSlideIndex.value + 1);
+      }
     }
     function prev() {
-      if (!bglSlider.value) return;
-      const slideCount = bglSlider.value.children.length;
-      if (activeSlideIndex.value === 0) goToSlide(slideCount - 1);
-      else goToSlide(activeSlideIndex.value - 1);
+      if (bglSlider.value) {
+        goToSlide(activeSlideIndex.value - 1);
+      }
     }
     function evalWidth() {
-      if (!bglSlider.value) return;
-      goToSlide(activeSlideIndex.value);
+      if (bglSlider.value) goToSlide(activeSlideIndex.value);
+    }
+    function startAutoplay() {
+      if (props2.autoplay) {
+        autoplayInterval.value = setInterval(next, props2.autoplaySpeed);
+      }
+    }
+    function stopAutoplay() {
+      if (autoplayInterval.value) {
+        clearInterval(autoplayInterval.value);
+        autoplayInterval.value = null;
+      }
+    }
+    function cloneSlides() {
+      if (!bglSlider.value || !props2.loop) return;
+      const slides = Array.from(bglSlider.value.children);
+      originalSlideCount.value = slides.length;
+      slides.forEach((slide) => {
+        const clone2 = slide.cloneNode(true);
+        bglSlider.value.appendChild(clone2);
+      });
+      slides.forEach((slide) => {
+        const clone2 = slide.cloneNode(true);
+        bglSlider.value.insertBefore(clone2, bglSlider.value.firstChild);
+      });
     }
     onMounted(() => {
+      cloneSlides();
       window.addEventListener("resize", evalWidth);
       evalHeight();
       disableDrag();
+      startAutoplay();
     });
     onUnmounted(() => {
       window.removeEventListener("resize", evalWidth);
+      stopAutoplay();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["BglCarousel", { autoHeight: __props.autoHeight }]),
+        class: normalizeClass(["BglCarousel", { autoHeight: props2.autoHeight }]),
         style: normalizeStyle({ height: unref(yHeight) })
       }, [
         createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: normalizeClass([{
-            dragging: unref(isDragging),
-            clicking: unref(isPressed),
-            [`slides-${__props.items}`]: true,
-            allowScroll: __props.allowScroll
-          }, "bgl-slider"]),
+          class: normalizeClass(["bgl-slider", [
+            { dragging: unref(isDragging), clicking: unref(isPressed), [`slides-${props2.items}`]: true, allowScroll: props2.allowScroll }
+          ]]),
           onScrollend: scrollEnd,
-          onMousedown: startDragging
+          onMousedown: startDragging,
+          onMouseenter: stopAutoplay,
+          onMouseleave: startAutoplay,
+          onFocusin: stopAutoplay,
+          onFocusout: startAutoplay
         }, [
           unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$t)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$n, [
           createElementVNode("span", { onClick: prev }, [
-            renderSlot(_ctx.$slots, "prev", {
-              prev,
-              index: unref(activeSlideIndex)
-            }, void 0, true)
+            renderSlot(_ctx.$slots, "prev", { index: unref(activeSlideIndex) }, void 0, true)
           ]),
           createElementVNode("span", { onClick: next }, [
-            renderSlot(_ctx.$slots, "next", {
-              next,
-              index: unref(activeSlideIndex)
-            }, void 0, true)
+            renderSlot(_ctx.$slots, "next", { index: unref(activeSlideIndex) }, void 0, true)
           ])
         ])
       ], 6);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-1f9c6644"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-da91fb96"]]);
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ModalConfirm",
   props: {
@@ -16300,6 +16314,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         iconUrl: `data:image/svg+xml;utf8,${encodeURIComponent(markerSVG)}`,
         iconSize: [32, 32]
       });
+      if (!map4.value) initializeMap();
       const marker = L$1.marker(latlng, { icon: customIcon }).addTo(map4.value);
       markers.value.push(marker);
     }
@@ -16563,20 +16578,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-62e7637b"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$r = ["title"];
-const _hoisted_2$m = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24",
-  viewBox: "0 -960 960 960",
-  width: "24"
-}, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" })
-], -1));
-const _hoisted_3$h = [
-  _hoisted_2$m
-];
-const _hoisted_4$c = ["id", "required"];
+const _hoisted_2$m = ["id", "required"];
+const _hoisted_3$h = ["for"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ mergeModels({
@@ -16591,34 +16595,33 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const props2 = __props;
+    const inputId = ref(props2.id || Math.random().toString(36).substring(7));
     const checked = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bagel-input bgl-checkbox", { small: _ctx.small }]),
+        class: normalizeClass(["bagel-input bgl-checkbox align-items-center ps-025", { small: _ctx.small }]),
         title: _ctx.title
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["check-square", { checked: checked.value }]),
-          onClick: _cache[0] || (_cache[0] = ($event) => checked.value = !checked.value)
-        }, _hoisted_3$h, 2),
-        createElementVNode("label", null, [
-          withDirectives(createElementVNode("input", {
-            id: _ctx.id,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => checked.value = $event),
-            required: _ctx.required,
-            type: "checkbox"
-          }, null, 8, _hoisted_4$c), [
-            [vModelCheckbox, checked.value]
-          ]),
+        withDirectives(createElementVNode("input", {
+          id: inputId.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checked.value = $event),
+          required: _ctx.required,
+          type: "checkbox",
+          class: "me-05"
+        }, null, 8, _hoisted_2$m), [
+          [vModelCheckbox, checked.value]
+        ]),
+        createElementVNode("label", { for: inputId.value }, [
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
-        ])
+        ], 8, _hoisted_3$h)
       ], 10, _hoisted_1$r);
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-62e7637b"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ac068f18"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -25053,7 +25056,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     enableTime: { type: Boolean, default: false },
     modelValue: {},
     defaultValue: {},
-    extraProps: {}
+    extraProps: {},
+    allowedDates: {},
+    timePickerInline: { type: Boolean },
+    minutesIncrement: {},
+    minutesGridIncrement: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -25088,8 +25095,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           modelValue: date2.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date2.value = $event),
           "auto-apply": true,
-          "enable-time-picker": _ctx.enableTime
-        }, _ctx.extraProps), null, 16, ["modelValue", "enable-time-picker"])
+          "enable-time-picker": _ctx.enableTime,
+          "allowed-dates": _ctx.allowedDates
+        }, _ctx.extraProps, {
+          "time-picker-inline": _ctx.timePickerInline,
+          "minutes-increment": _ctx.minutesIncrement,
+          "minutes-grid-increment": _ctx.minutesGridIncrement,
+          "start-time": { hours: 8, minutes: 0 }
+        }), null, 16, ["modelValue", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
       ], 10, _hoisted_1$q);
     };
   }
@@ -61978,7 +61991,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b6feec19"]]);
+const TabsNav = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-718e118e"]]);
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TabsBody",