@raxium/vue-addons-swiper 0.1.1

package/dist/SwiperNavigationNext.js

@@ -0,0 +1,100 @@
+import { computed, createElementBlock, createPropsRestProxy, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, useTemplateRef, watch } from "vue";
+import { cn } from "@raxium/themes/utils";
+import { useForwardProps } from "@raxium/vue-addons-shared";
+import { merge } from "es-toolkit/compat";
+import { ChevronRight } from "lucide-vue-next";
+import { useSwiper } from "swiper/vue";
+import { useRegistSwiperEmits, useSwiperModule, useSwiperToggleEnabled } from "./utils.js";
+const _hoisted_1 = [
+    "data-disabled"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "SwiperNavigationNext",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        swiper: {},
+        addIcons: {
+            type: Boolean
+        },
+        hideOnClick: {
+            type: Boolean
+        },
+        disabledClass: {},
+        hiddenClass: {},
+        lockClass: {},
+        navigationDisabledClass: {}
+    },
+    emits: [
+        "navigationHide",
+        "navigationShow",
+        "navigationPrev",
+        "navigationNext"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "swiper"
+        ]);
+        const emit = __emit;
+        const effectiveSwiper = computed(()=>__props.swiper ?? useSwiper()?.value);
+        const { hasModule } = useSwiperModule(effectiveSwiper);
+        const { isCanNext } = useSwiperToggleEnabled(effectiveSwiper);
+        const navRef = useTemplateRef("navigation");
+        const forwared = useForwardProps(props);
+        useRegistSwiperEmits({
+            swiperRef: effectiveSwiper,
+            emit,
+            events: [
+                "navigationHide",
+                "navigationNext",
+                "navigationShow"
+            ]
+        });
+        watch(forwared, ()=>{
+            if (!effectiveSwiper.value?.navigation) return;
+            effectiveSwiper.value.params.navigation = merge({}, effectiveSwiper.value.params.navigation, forwared.value);
+            effectiveSwiper.value.navigation.update();
+        });
+        watch([
+            effectiveSwiper,
+            navRef
+        ], ([swiper, el])=>{
+            if (swiper && hasModule("Navigation") && el) {
+                const options = merge({}, "boolean" == typeof swiper.params.navigation ? {} : swiper.params.navigation, forwared.value, {
+                    enabled: true,
+                    nextEl: el
+                });
+                swiper.params.navigation = options;
+                swiper.navigation.destroy();
+                swiper.navigation.init();
+                swiper.navigation.update();
+                return ()=>swiper.navigation?.destroy();
+            }
+        }, {
+            immediate: true
+        });
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                ref: "navigation",
+                class: normalizeClass(unref(cn)("rui-swiper-navigation_next", __props.class)),
+                "data-disabled": unref(isCanNext) ? void 0 : "",
+                "data-scope": "swiper",
+                "data-part": "navigation-next"
+            }, [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                    disabled: !unref(isCanNext)
+                })), ()=>[
+                        createVNode(unref(ChevronRight))
+                    ])
+            ], 10, _hoisted_1));
+    }
+});
+const SwiperNavigationNext = _sfc_main;
+export default SwiperNavigationNext;

package/dist/SwiperNavigationNext.vue.d.ts

@@ -0,0 +1,26 @@
+import type { SwiperNavigationProps } from '.';
+declare var __VLS_1: {
+    disabled: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SwiperNavigationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigationHide: () => any;
+    navigationShow: () => any;
+    navigationPrev: () => any;
+    navigationNext: () => any;
+}, string, import("vue").PublicProps, Readonly<SwiperNavigationProps> & Readonly<{
+    onNavigationHide?: (() => any) | undefined;
+    onNavigationShow?: (() => any) | undefined;
+    onNavigationPrev?: (() => any) | undefined;
+    onNavigationNext?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/SwiperNavigationPrev.js

@@ -0,0 +1,100 @@
+import { computed, createElementBlock, createPropsRestProxy, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, useTemplateRef, watch } from "vue";
+import { cn } from "@raxium/themes/utils";
+import { useForwardProps } from "@raxium/vue-addons-shared";
+import { merge } from "es-toolkit/compat";
+import { ChevronLeft } from "lucide-vue-next";
+import { useSwiper } from "swiper/vue";
+import { useRegistSwiperEmits, useSwiperModule, useSwiperToggleEnabled } from "./utils.js";
+const _hoisted_1 = [
+    "data-disabled"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "SwiperNavigationPrev",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        swiper: {},
+        addIcons: {
+            type: Boolean
+        },
+        hideOnClick: {
+            type: Boolean
+        },
+        disabledClass: {},
+        hiddenClass: {},
+        lockClass: {},
+        navigationDisabledClass: {}
+    },
+    emits: [
+        "navigationHide",
+        "navigationShow",
+        "navigationPrev",
+        "navigationNext"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "swiper"
+        ]);
+        const emit = __emit;
+        const effectiveSwiper = computed(()=>__props.swiper ?? useSwiper()?.value);
+        const { hasModule } = useSwiperModule(effectiveSwiper);
+        const { isCanPrev } = useSwiperToggleEnabled(effectiveSwiper);
+        const navRef = useTemplateRef("navigation");
+        const forwared = useForwardProps(props);
+        useRegistSwiperEmits({
+            swiperRef: effectiveSwiper,
+            emit,
+            events: [
+                "navigationHide",
+                "navigationPrev",
+                "navigationShow"
+            ]
+        });
+        watch(forwared, ()=>{
+            if (!effectiveSwiper.value?.navigation) return;
+            effectiveSwiper.value.params.navigation = merge({}, effectiveSwiper.value.params.navigation, forwared.value);
+            effectiveSwiper.value.navigation.update();
+        });
+        watch([
+            effectiveSwiper,
+            navRef
+        ], ([swiper, el])=>{
+            if (swiper && hasModule("Navigation") && el) {
+                const options = merge({}, "boolean" == typeof swiper.params.navigation ? {} : swiper.params.navigation, forwared.value, {
+                    enabled: true,
+                    prevEl: el
+                });
+                swiper.params.navigation = options;
+                swiper.navigation.destroy();
+                swiper.navigation.init();
+                swiper.navigation.update();
+                return ()=>swiper.navigation?.destroy();
+            }
+        }, {
+            immediate: true
+        });
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                ref: "navigation",
+                class: normalizeClass(unref(cn)("rui-swiper-navigation_prev", __props.class)),
+                "data-disabled": unref(isCanPrev) ? void 0 : "",
+                "data-scope": "swiper",
+                "data-part": "navigation-prev"
+            }, [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                    disabled: !unref(isCanPrev)
+                })), ()=>[
+                        createVNode(unref(ChevronLeft))
+                    ])
+            ], 10, _hoisted_1));
+    }
+});
+const SwiperNavigationPrev = _sfc_main;
+export default SwiperNavigationPrev;

package/dist/SwiperNavigationPrev.vue.d.ts

@@ -0,0 +1,26 @@
+import type { SwiperNavigationProps } from '.';
+declare var __VLS_1: {
+    disabled: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SwiperNavigationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigationHide: () => any;
+    navigationShow: () => any;
+    navigationPrev: () => any;
+    navigationNext: () => any;
+}, string, import("vue").PublicProps, Readonly<SwiperNavigationProps> & Readonly<{
+    onNavigationHide?: (() => any) | undefined;
+    onNavigationShow?: (() => any) | undefined;
+    onNavigationPrev?: (() => any) | undefined;
+    onNavigationNext?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/SwiperNext.js

@@ -0,0 +1,32 @@
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+import { useSwiper } from "swiper/vue";
+import { useSwiperToggleEnabled } from "./utils.js";
+const _hoisted_1 = [
+    "data-disabled"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "SwiperNext",
+    props: {
+        swiper: {}
+    },
+    setup (__props) {
+        const effectiveSwiper = computed(()=>__props.swiper ?? useSwiper()?.value);
+        const { isCanNext } = useSwiperToggleEnabled(effectiveSwiper);
+        function onClick() {
+            isCanNext.value && effectiveSwiper.value?.slideNext();
+        }
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                class: "rui-swiper-next",
+                "data-disabled": unref(isCanNext) ? void 0 : "",
+                "data-scope": "swiper",
+                "data-part": "next",
+                onClick
+            }, [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                    disabled: !unref(isCanNext)
+                })))
+            ], 8, _hoisted_1));
+    }
+});
+const SwiperNext = _sfc_main;
+export default SwiperNext;

package/dist/SwiperNext.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Swiper as SwiperInstance } from 'swiper/types';
+type __VLS_Props = {
+    swiper?: SwiperInstance;
+};
+type __VLS_Slots = {
+    default: (props: {
+        disabled: boolean;
+    }) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/SwiperPagination.js

@@ -0,0 +1,168 @@
+import { computed, createElementBlock, createPropsRestProxy, defineComponent, nextTick, normalizeClass, openBlock, unref, useTemplateRef, watch } from "vue";
+import { getNodeCssVar, rem2px } from "@raxium/shared";
+import { cn } from "@raxium/themes/utils";
+import { useForwardProps } from "@raxium/vue-addons-shared";
+import { merge } from "es-toolkit/compat";
+import { useSwiper } from "swiper/vue";
+import { useRegistSwiperEmits, useSwiperModule } from "./utils.js";
+const _hoisted_1 = [
+    "data-type"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "SwiperPagination",
+    props: {
+        type: {},
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        swiper: {},
+        bulletElement: {},
+        dynamicBullets: {
+            type: Boolean
+        },
+        dynamicMainBullets: {},
+        hideOnClick: {
+            type: Boolean
+        },
+        clickable: {
+            type: Boolean
+        },
+        progressbarOpposite: {
+            type: Boolean
+        },
+        formatFractionCurrent: {
+            type: Function
+        },
+        formatFractionTotal: {
+            type: Function
+        },
+        renderBullet: {
+            type: Function
+        },
+        renderFraction: {
+            type: Function
+        },
+        renderProgressbar: {
+            type: Function
+        },
+        renderCustom: {
+            type: Function
+        },
+        bulletClass: {},
+        bulletActiveClass: {},
+        modifierClass: {},
+        currentClass: {},
+        totalClass: {},
+        hiddenClass: {},
+        progressbarFillClass: {},
+        progressbarOppositeClass: {},
+        clickableClass: {},
+        lockClass: {},
+        horizontalClass: {},
+        verticalClass: {},
+        paginationDisabledClass: {}
+    },
+    emits: [
+        "paginationRender",
+        "paginationUpdate",
+        "paginationHide",
+        "paginationShow"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "swiper"
+        ]);
+        const emit = __emit;
+        const effectiveSwiper = computed(()=>__props.swiper ?? useSwiper()?.value);
+        const { hasModule } = useSwiperModule(effectiveSwiper);
+        const pagiRef = useTemplateRef("pagination");
+        const forwared = useForwardProps(props);
+        watch([
+            effectiveSwiper,
+            pagiRef
+        ], ([swiper, el])=>{
+            if (!swiper || !hasModule("Pagination") || !el) return;
+            const cleanups = [];
+            if ("autoplay-bullets" === forwared.value.type && hasModule("Autoplay")) {
+                const onAutoplayTimeLeft = (_s, _t, percentage)=>{
+                    el.style.setProperty("--autoplay-percentage", `${100 * Math.max(0, Math.min(1, 1 - percentage))}%`);
+                };
+                const onPaginationRender = ()=>{
+                    if (forwared.value.dynamicBullets) {
+                        const getMinBulletSize = ()=>{
+                            if (!el) return 0;
+                            const bullets = swiper.pagination.bullets;
+                            if (0 === bullets.length) return 0;
+                            let minSize = 1 / 0;
+                            bullets.forEach((bullet)=>{
+                                const style = window.getComputedStyle(bullet);
+                                const dir = swiper.params.direction;
+                                if ("horizontal" === dir) {
+                                    const width = parseFloat(style.width) + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+                                    if (width < minSize) minSize = width;
+                                } else if ("vertical" === dir) {
+                                    const height = parseFloat(style.height) + parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+                                    if (height < minSize) minSize = height;
+                                }
+                            });
+                            return minSize;
+                        };
+                        const activeBulletSize = rem2px(getNodeCssVar(el, "---autoplay-active-bullet-size", "2.5rem"));
+                        nextTick(()=>{
+                            if (el) el.style.width = `${getMinBulletSize() * (5 + (forwared.value.dynamicMainBullets ?? 1)) + activeBulletSize}px`;
+                        });
+                    }
+                };
+                swiper.on("paginationRender", onPaginationRender);
+                swiper.on("autoplayTimeLeft", onAutoplayTimeLeft);
+                cleanups.push(()=>{
+                    swiper.off("paginationRender", onPaginationRender);
+                    swiper.off("autoplayTimeLeft", onAutoplayTimeLeft);
+                });
+            }
+            const options = merge({}, "boolean" == typeof swiper.params.pagination ? {} : swiper.params.pagination, forwared.value, {
+                enabled: true,
+                el,
+                type: "autoplay-bullets" === forwared.value.type ? "bullets" : forwared.value.type
+            });
+            swiper.params.pagination = options;
+            swiper.pagination.destroy();
+            swiper.pagination.init();
+            swiper.pagination.render();
+            swiper.pagination.update();
+            return ()=>{
+                cleanups.forEach((fn)=>fn());
+                swiper.pagination?.destroy();
+            };
+        }, {
+            immediate: true
+        });
+        useRegistSwiperEmits({
+            swiperRef: effectiveSwiper,
+            emit,
+            events: [
+                "paginationHide",
+                "paginationRender",
+                "paginationShow",
+                "paginationUpdate"
+            ]
+        });
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                ref: "pagination",
+                role: "pagination-container",
+                class: normalizeClass(unref(cn)("rui-swiper-pagination", __props.class)),
+                "data-type": unref(forwared).type,
+                "data-scope": "swiper",
+                "data-part": "pagination"
+            }, null, 10, _hoisted_1));
+    }
+});
+const SwiperPagination = _sfc_main;
+export default SwiperPagination;

package/dist/SwiperPagination.vue.d.ts

@@ -0,0 +1,14 @@
+import type { SwiperPaginationProps } from '.';
+declare const __VLS_export: import("vue").DefineComponent<SwiperPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    paginationRender: () => any;
+    paginationUpdate: () => any;
+    paginationHide: () => any;
+    paginationShow: () => any;
+}, string, import("vue").PublicProps, Readonly<SwiperPaginationProps> & Readonly<{
+    onPaginationRender?: (() => any) | undefined;
+    onPaginationUpdate?: (() => any) | undefined;
+    onPaginationHide?: (() => any) | undefined;
+    onPaginationShow?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/SwiperPrev.js

@@ -0,0 +1,32 @@
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
+import { useSwiper } from "swiper/vue";
+import { useSwiperToggleEnabled } from "./utils.js";
+const _hoisted_1 = [
+    "data-disabled"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "SwiperPrev",
+    props: {
+        swiper: {}
+    },
+    setup (__props) {
+        const effectiveSwiper = computed(()=>__props.swiper ?? useSwiper()?.value);
+        const { isCanPrev } = useSwiperToggleEnabled(effectiveSwiper);
+        function onClick() {
+            isCanPrev.value && effectiveSwiper.value?.slidePrev();
+        }
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                class: "rui-swiper-prev",
+                "data-disabled": unref(isCanPrev) ? void 0 : "",
+                "data-scope": "swiper",
+                "data-part": "prev",
+                onClick
+            }, [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                    disabled: !unref(isCanPrev)
+                })))
+            ], 8, _hoisted_1));
+    }
+});
+const SwiperPrev = _sfc_main;
+export default SwiperPrev;

package/dist/SwiperPrev.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Swiper as SwiperInstance } from 'swiper/types';
+type __VLS_Props = {
+    swiper?: SwiperInstance;
+};
+type __VLS_Slots = {
+    default: (props: {
+        disabled: boolean;
+    }) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/SwiperScrollbar.js

@@ -0,0 +1,89 @@
+import { computed, createElementBlock, createPropsRestProxy, defineComponent, normalizeClass, openBlock, unref, useTemplateRef, watch } from "vue";
+import { cn } from "@raxium/themes/utils";
+import { useForwardProps } from "@raxium/vue-addons-shared";
+import { merge } from "es-toolkit/compat";
+import { useSwiper } from "swiper/vue";
+import { useRegistSwiperEmits, useSwiperModule } from "./utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+    __name: "SwiperScrollbar",
+    props: {
+        class: {
+            type: [
+                Boolean,
+                null,
+                String,
+                Object,
+                Array
+            ]
+        },
+        swiper: {},
+        hide: {
+            type: Boolean
+        },
+        draggable: {
+            type: Boolean
+        },
+        snapOnRelease: {
+            type: Boolean
+        },
+        dragSize: {},
+        lockClass: {},
+        dragClass: {},
+        scrollbarDisabledClass: {},
+        horizontalClass: {},
+        verticalClass: {}
+    },
+    emits: [
+        "scrollbarDragStart",
+        "scrollbarDragMove",
+        "scrollbarDragEnd"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = createPropsRestProxy(__props, [
+            "class",
+            "swiper"
+        ]);
+        const emit = __emit;
+        const effectiveSwiper = computed(()=>__props.swiper ?? useSwiper()?.value);
+        const { hasModule } = useSwiperModule(effectiveSwiper);
+        const scrollRef = useTemplateRef("scrollbar");
+        const forwared = useForwardProps(props);
+        watch([
+            effectiveSwiper,
+            scrollRef
+        ], ([swiper, el])=>{
+            if (swiper && hasModule("Scrollbar") && el) {
+                const options = merge({}, "boolean" == typeof swiper.params.scrollbar ? {} : swiper.params.scrollbar, forwared.value, {
+                    enabled: true,
+                    el
+                });
+                swiper.params.scrollbar = options;
+                swiper.scrollbar.destroy();
+                swiper.scrollbar.init();
+                swiper.scrollbar.updateSize();
+                swiper.scrollbar.setTranslate();
+                return ()=>swiper.scrollbar?.destroy();
+            }
+        }, {
+            immediate: true
+        });
+        useRegistSwiperEmits({
+            swiperRef: effectiveSwiper,
+            emit,
+            events: [
+                "scrollbarDragEnd",
+                "scrollbarDragMove",
+                "scrollbarDragStart"
+            ]
+        });
+        return (_ctx, _cache)=>(openBlock(), createElementBlock("div", {
+                ref: "scrollbar",
+                role: "scrollbar-container",
+                class: normalizeClass(unref(cn)("rui-swiper-scrollbar", __props.class)),
+                "data-scope": "swiper",
+                "data-part": "scrollbar"
+            }, null, 2));
+    }
+});
+const SwiperScrollbar = _sfc_main;
+export default SwiperScrollbar;

package/dist/SwiperScrollbar.vue.d.ts

@@ -0,0 +1,12 @@
+import type { SwiperScrollbarProps } from '.';
+declare const __VLS_export: import("vue").DefineComponent<SwiperScrollbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scrollbarDragStart: () => any;
+    scrollbarDragMove: () => any;
+    scrollbarDragEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<SwiperScrollbarProps> & Readonly<{
+    onScrollbarDragStart?: (() => any) | undefined;
+    onScrollbarDragMove?: (() => any) | undefined;
+    onScrollbarDragEnd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;