@bagelink/vue 0.0.827 → 0.0.833

package/dist/components/Carousel.vue.d.ts

@@ -1,14 +1,10 @@
-declare function next(): void;
-declare function prev(): void;
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
         prev?(_: {
-            prev: typeof prev;
             index: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<number>;
         }): any;
         next?(_: {
-            next: typeof next;
             index: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<number>;
         }): any;
     };
@@ -39,6 +35,18 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: NumberConstructor;
         default: number;
     };
+    rtl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoPlaySpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:index": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -62,14 +70,29 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: NumberConstructor;
         default: number;
     };
+    rtl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoPlaySpeed: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     "onUpdate:index"?: ((...args: any[]) => any) | undefined;
 }>, {
+    autoplay: boolean;
     index: number;
     autoHeight: boolean;
     allowScroll: boolean;
     freeDrag: boolean;
     items: number;
+    rtl: boolean;
+    autoPlaySpeed: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Carousel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAscA,iBAAS,IAAI,SAMZ;AAED,iBAAS,IAAI,SAKZ;AAgDD,iBAAS,cAAc;;yBA8EM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AAwCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4BnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAubA,iBAAS,cAAc;;yBAsEM,GAAG;;;YACN,GAAG;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Pill.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     disabled?: boolean;
     icon?: MaterialIcons;
-    iconEnd: MaterialIcons;
+    iconEnd?: MaterialIcons;
     color?: ThemeType;
     theme?: ThemeType;
     flat?: boolean;
@@ -24,12 +24,12 @@ declare const __VLS_component: import('vue').DefineComponent<{
     loading?: boolean;
     value?: string;
     round?: boolean;
-    btn: BtnProp;
-    btnEnd: BtnProp;
+    btn?: BtnProp;
+    btnEnd?: BtnProp;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     disabled?: boolean;
     icon?: MaterialIcons;
-    iconEnd: MaterialIcons;
+    iconEnd?: MaterialIcons;
     color?: ThemeType;
     theme?: ThemeType;
     flat?: boolean;
@@ -38,8 +38,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
     loading?: boolean;
     value?: string;
     round?: boolean;
-    btn: BtnProp;
-    btnEnd: BtnProp;
+    btn?: BtnProp;
+    btnEnd?: BtnProp;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Pill.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI7D,UAAU,OAAO;IAChB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAsED,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA1MT,OAAO;WACX,aAAa;aACX,aAAa;YACd,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;SACV,OAAO;YACJ,OAAO;;eAZJ,OAAO;WACX,aAAa;aACX,aAAa;YACd,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;SACV,OAAO;YACJ,OAAO;iGAoMd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM7D,UAAU,OAAO;IAChB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAsED,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA1MT,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;iGAoMf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -56,7 +56,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$M = ["aria-expanded", "aria-controls"];
 const _hoisted_2$w = { class: "accordion-label" };
-const _hoisted_3$m = ["id", "aria-hidden"];
+const _hoisted_3$n = ["id", "aria-hidden"];
 const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
@@ -143,7 +143,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$m)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$n)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -556,34 +556,23 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$F = ["dir"];
+const _hoisted_2$s = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$s = { class: "Handlers" };
+const _hoisted_3$m = { class: "Handlers" };
 const _sfc_main$Q = /* @__PURE__ */ vue.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 },
+    rtl: { type: Boolean, default: false },
+    autoplay: { type: Boolean, default: false },
+    autoPlaySpeed: { type: Number, default: 4e3 }
   },
   emits: ["update:index"],
   setup(__props, { emit: __emit }) {
@@ -591,187 +580,162 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     const emit2 = __emit;
     const bglSlider = vue.ref();
     let itemCount = vue.ref(props2.items);
-    let activeSlideIndex = vue.ref(0);
+    let activeSlideIndex = vue.ref(props2.index);
     let isDragging = vue.ref(false);
-    let startX = vue.ref(0);
-    let scrollLeft = vue.ref(0);
     let isPressed = vue.ref(false);
+    let startX = vue.ref(0);
+    let scrollStart = vue.ref(0);
+    let yHeight = vue.ref("auto");
+    let timeout;
+    let autoPlayInterval;
+    function preventDefaultClick(e) {
+      e.preventDefault();
+    }
     function disableDrag() {
       var _a2, _b;
-      (_a2 = bglSlider.value) == null ? void 0 : _a2.querySelectorAll("img").forEach((e) => {
-        e.setAttribute("draggable", "false");
+      (_a2 = bglSlider.value) == null ? void 0 : _a2.querySelectorAll("img").forEach((img) => {
+        img.setAttribute("draggable", "false");
+      });
+      Array.from(((_b = bglSlider.value) == null ? void 0 : _b.children) || []).forEach((child) => {
+        child.setAttribute("draggable", "false");
+        child.addEventListener("click", preventDefaultClick);
       });
-      for (const e of ((_b = bglSlider.value) == null ? void 0 : _b.children) || []) {
-        e.setAttribute("draggable", "false");
-        e.addEventListener("click", (e22) => e22.preventDefault());
-      }
     }
-    let yHeight = vue.ref("auto");
-    function evalHeight() {
+    function updateHeight() {
       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);
-      yHeight.value = `${height}px`;
+      const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
+      const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
+      yHeight.value = `${totalHeight}px`;
     }
-    function scrollEase(target, duration = 500) {
-      if (!bglSlider.value) return;
-      if (isPressed.value) return;
+    function easeScroll(target, duration = 500) {
+      if (!bglSlider.value || isPressed.value) return;
       const start2 = bglSlider.value.scrollLeft;
       const change = target - start2;
       const startTime = performance.now();
-      function animateScroll(currentTime) {
+      function animate(currentTime) {
         if (!bglSlider.value) return;
         const timeElapsed = currentTime - startTime;
         const progress = Math.min(timeElapsed / duration, 1);
         bglSlider.value.scrollLeft = start2 + change * easeInOutQuad(progress);
-        if (progress < 1) {
-          requestAnimationFrame(animateScroll);
-        }
+        if (progress < 1) requestAnimationFrame(animate);
       }
       function easeInOutQuad(t) {
         return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
       }
-      requestAnimationFrame(animateScroll);
+      requestAnimationFrame(animate);
     }
     function goToSlide(index2) {
-      if (!bglSlider.value || index2 < 0 || index2 > bglSlider.value.children.length - 1) return;
-      const isRTL = getComputedStyle(bglSlider.value).direction === "rtl";
-      const scrollX = bglSlider.value.offsetWidth * index2 * (isRTL ? -1 : 1);
-      const screenWidth = window.innerWidth;
-      let duration = 700;
-      if (screenWidth < 600) {
-        duration = 400;
-      } else if (screenWidth < 991) {
-        duration = 500;
-      }
-      scrollEase(scrollX, duration);
+      if (!bglSlider.value || index2 < 0 || index2 >= bglSlider.value.children.length) return;
+      const offset2 = bglSlider.value.offsetWidth * index2 * (props2.rtl ? -1 : 1);
+      const duration = window.innerWidth < 600 ? 400 : window.innerWidth < 991 ? 500 : 700;
+      easeScroll(offset2, duration);
       activeSlideIndex.value = index2;
-      evalHeight();
+      updateHeight();
     }
-    vue.watch(() => props2.index, goToSlide);
-    vue.watch(
-      () => activeSlideIndex.value,
-      () => {
-        if (props2.index === activeSlideIndex.value) return;
-        emit2("update:index", activeSlideIndex.value);
-      }
-    );
-    function goToSlideScrollEnd() {
+    function handleSlideChange() {
+      if (props2.index !== activeSlideIndex.value) emit2("update:index", activeSlideIndex.value);
+    }
+    function handleResize() {
       if (!bglSlider.value) return;
-      const isDragForward = startX.value > bglSlider.value.offsetLeft;
-      if (itemCount.value === 1) {
-        if (isDragForward) activeSlideIndex.value = Math.ceil(bglSlider.value.scrollLeft / bglSlider.value.offsetWidth);
-        else activeSlideIndex.value = Math.floor(bglSlider.value.scrollLeft / bglSlider.value.offsetWidth);
-      } else {
-        activeSlideIndex.value = Math.round(bglSlider.value.scrollLeft / bglSlider.value.offsetWidth);
-      }
-      startX.value = 0;
-      const nextSlide = Math.round(bglSlider.value.scrollLeft / bglSlider.value.offsetWidth);
-      goToSlide(nextSlide);
+      itemCount.value = window.innerWidth < 600 ? 1 : window.innerWidth < 991 ? Math.min(props2.items, 2) : Math.min(props2.items, 3);
+      goToSlide(activeSlideIndex.value);
     }
-    let timeout = null;
-    function scrollEnd() {
+    function onScrollEnd() {
+      if (!props2.freeDrag && !props2.allowScroll || !bglSlider.value) return;
+      if (autoPlayInterval) clearInterval(autoPlayInterval);
       if (timeout) clearTimeout(timeout);
-      timeout = setTimeout(goToSlideScrollEnd, 400);
+      timeout = setTimeout(() => {
+        finalizeScroll();
+      }, 400);
     }
-    function stopDragging(e) {
-      isPressed.value = false;
-      document.removeEventListener("mousemove", move);
-      document.removeEventListener("mouseup", stopDragging);
-      document.removeEventListener("dragend", stopDragging);
-      setTimeout(() => isDragging.value = false, 100);
-    }
-    function move(e) {
+    function finalizeScroll() {
       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 (!isDragging.value) return;
-      const scroll = x2 - startX.value;
-      bglSlider.value.scrollLeft = scrollLeft.value - scroll;
+      if (props2.autoplay) autoPlayInterval = setInterval(next, props2.autoPlaySpeed);
+      scrollStart.value = props2.rtl ? -bglSlider.value.scrollLeft : bglSlider.value.scrollLeft;
+      activeSlideIndex.value = Math.round(scrollStart.value / bglSlider.value.offsetWidth);
+      goToSlide(activeSlideIndex.value);
     }
-    function startDragging(e) {
+    function startDrag(e) {
       if (e.button !== 0 || !props2.freeDrag || !bglSlider.value) return;
+      if (autoPlayInterval) clearInterval(autoPlayInterval);
       startX.value = e.pageX - bglSlider.value.offsetLeft;
-      scrollLeft.value = bglSlider.value.scrollLeft;
+      scrollStart.value = bglSlider.value.scrollLeft;
       isPressed.value = true;
-      document.addEventListener("mousemove", move);
-      document.addEventListener("mouseup", stopDragging);
+      document.addEventListener("mousemove", onDrag);
+      document.addEventListener("mouseup", endDrag);
+    }
+    function onDrag(e) {
+      if (!bglSlider.value) return;
+      const x2 = e.pageX - bglSlider.value.offsetLeft;
+      const distance = x2 - startX.value;
+      if (Math.abs(distance) > 20) isDragging.value = true;
+      if (isDragging.value) bglSlider.value.scrollLeft = scrollStart.value - distance;
+    }
+    function endDrag() {
+      isPressed.value = false;
+      document.removeEventListener("mousemove", onDrag);
+      document.removeEventListener("mouseup", endDrag);
+      setTimeout(() => isDragging.value = false, 100);
     }
     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);
+      goToSlide((activeSlideIndex.value + 1) % slideCount);
     }
     function prev() {
       if (!bglSlider.value) return;
       const slideCount = bglSlider.value.children.length;
-      if (activeSlideIndex.value === 0) goToSlide(slideCount - 1);
-      else goToSlide(activeSlideIndex.value - 1);
-    }
-    function evalWidth() {
-      if (!bglSlider.value) return;
-      if (window.innerWidth < 600) itemCount.value = 1;
-      else if (window.innerWidth < 991) itemCount.value = Math.min(props2.items, 2);
-      else if (window.innerWidth < 1280) itemCount.value = Math.min(props2.items, 3);
-      else itemCount.value = props2.items;
-      console.log(itemCount.value, window.innerWidth);
-      goToSlide(activeSlideIndex.value);
+      goToSlide((activeSlideIndex.value - 1 + slideCount) % slideCount);
     }
     vue.onMounted(() => {
-      window.addEventListener("resize", evalWidth);
-      evalHeight();
-      evalWidth();
+      window.addEventListener("resize", handleResize);
       disableDrag();
+      updateHeight();
+      handleResize();
+      if (props2.autoplay) {
+        autoPlayInterval = setInterval(next, props2.autoPlaySpeed);
+      }
     });
+    function clearAutoplay() {
+      if (autoPlayInterval) clearInterval(autoPlayInterval);
+    }
     vue.onUnmounted(() => {
-      window.removeEventListener("resize", evalWidth);
+      window.removeEventListener("resize", handleResize);
     });
+    vue.watch(() => props2.index, goToSlide);
+    vue.watch(() => activeSlideIndex.value, handleSlideChange);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["BglCarousel", { autoHeight: __props.autoHeight }]),
-        style: vue.normalizeStyle({ height: vue.unref(yHeight) })
+        style: vue.normalizeStyle({ height: vue.unref(yHeight) }),
+        dir: __props.rtl ? "rtl" : "ltr"
       }, [
         vue.createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: vue.normalizeClass([{
-            dragging: vue.unref(isDragging),
-            clicking: vue.unref(isPressed),
-            allowScroll: __props.allowScroll,
-            odd: vue.unref(itemCount) % 2 !== 0,
-            [`slides-${vue.unref(itemCount)}`]: vue.unref(itemCount) === 1
-          }, "bgl-slider"]),
-          style: vue.normalizeStyle({
-            "--item-count": vue.unref(itemCount)
-          }),
-          onScroll: scrollEnd,
-          onMousedown: startDragging
+          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), allowScroll: __props.allowScroll, odd: vue.unref(itemCount) % 2 !== 0, [`slides-${vue.unref(itemCount)}`]: vue.unref(itemCount) === 1 }]),
+          style: vue.normalizeStyle({ "--item-count": vue.unref(itemCount) }),
+          onScroll: onScrollEnd,
+          onMousedown: startDrag,
+          onMouseover: clearAutoplay,
+          onFocusin: clearAutoplay
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 38),
-        vue.createElementVNode("div", _hoisted_2$s, [
+        vue.createElementVNode("div", _hoisted_3$m, [
           vue.createElementVNode("span", { onClick: prev }, [
-            vue.renderSlot(_ctx.$slots, "prev", {
-              prev,
-              index: vue.unref(activeSlideIndex)
-            }, void 0, true)
+            vue.renderSlot(_ctx.$slots, "prev", { index: vue.unref(activeSlideIndex) }, void 0, true)
           ]),
           vue.createElementVNode("span", { onClick: next }, [
-            vue.renderSlot(_ctx.$slots, "next", {
-              next,
-              index: vue.unref(activeSlideIndex)
-            }, void 0, true)
+            vue.renderSlot(_ctx.$slots, "next", { index: vue.unref(activeSlideIndex) }, void 0, true)
           ])
         ])
-      ], 6);
+      ], 14, _hoisted_1$F);
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-e588f5a7"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-3f8e6ea0"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -53655,8 +53619,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "64b28dae": computedBackgroundColor.value,
-      "e70b1a78": cumputedTextColor.value
+      "559533ce": computedBackgroundColor.value,
+      "4621e5ae": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -53747,7 +53711,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-40a0a2e2"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4c9e6928"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");