@opendesign-plus/components 0.0.1-rc.100 → 0.0.1-rc.102

package/dist/treeshaking/components/article-pagination/{OArticlePagination.vue_vue_type_style_index_0_scoped_e78e8bd3_lang.css → OArticlePagination.vue_vue_type_style_index_0_scoped_8a8cf9f8_lang.css}

@@ -1,64 +1,64 @@
-.hover-icon-rotate .o-icon[data-v-e78e8bd3] {
+.hover-icon-rotate .o-icon[data-v-8a8cf9f8] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e78e8bd3] {
+.hover-icon-rotate:hover .o-icon[data-v-8a8cf9f8] {
     transform: rotate(-180deg);
 }
 }
-.o-article-pagination[data-v-e78e8bd3] {
+.o-article-pagination[data-v-8a8cf9f8] {
   display: flex;
   flex-direction: column;
 }
-.o-article-pagination__divider[data-v-e78e8bd3] {
+.o-article-pagination__divider[data-v-8a8cf9f8] {
   --o-divider-gap: 24px;
 }
 @media (max-width: 1680px) {
-.o-article-pagination__divider[data-v-e78e8bd3] {
+.o-article-pagination__divider[data-v-8a8cf9f8] {
     --o-divider-gap: 16px;
 }
 }
 @media (max-width: 1200px) {
-.o-article-pagination__divider[data-v-e78e8bd3] {
+.o-article-pagination__divider[data-v-8a8cf9f8] {
     --o-divider-gap: 12px;
 }
 }
 @media (max-width: 600px) {
-.o-article-pagination__divider[data-v-e78e8bd3] {
+.o-article-pagination__divider[data-v-8a8cf9f8] {
     --o-divider-gap: 24px;
 }
 }
-.o-article-pagination__main[data-v-e78e8bd3] {
+.o-article-pagination__main[data-v-8a8cf9f8] {
   display: flex;
   overflow: hidden;
 }
-.o-article-pagination__side[data-v-e78e8bd3] {
+.o-article-pagination__side[data-v-8a8cf9f8] {
   display: block;
   width: 50%;
   min-width: 0;
   color: inherit;
   text-decoration: none;
 }
-.o-article-pagination__side.o-article-pagination__side--prev[data-v-e78e8bd3] {
+.o-article-pagination__side.o-article-pagination__side--prev[data-v-8a8cf9f8] {
   padding-right: 10px;
 }
 @media (max-width: 840px) {
-.o-article-pagination__side.o-article-pagination__side--prev[data-v-e78e8bd3] {
+.o-article-pagination__side.o-article-pagination__side--prev[data-v-8a8cf9f8] {
     padding-right: 6px;
 }
 }
-.o-article-pagination__side.o-article-pagination__side--next[data-v-e78e8bd3] {
+.o-article-pagination__side.o-article-pagination__side--next[data-v-8a8cf9f8] {
   padding-left: 10px;
 }
 @media (max-width: 840px) {
-.o-article-pagination__side.o-article-pagination__side--next[data-v-e78e8bd3] {
+.o-article-pagination__side.o-article-pagination__side--next[data-v-8a8cf9f8] {
     padding-left: 6px;
 }
 }
-.o-article-pagination:not(.o-article-pagination--has-prev) .o-article-pagination__side--next[data-v-e78e8bd3] {
+.o-article-pagination:not(.o-article-pagination--has-prev) .o-article-pagination__side--next[data-v-8a8cf9f8] {
   margin-left: auto;
 }
-.o-article-pagination__card[data-v-e78e8bd3] {
+.o-article-pagination__card[data-v-8a8cf9f8] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -70,75 +70,75 @@
   transition: background-color var(--o-duration-m1) var(--o-easing-standard), box-shadow var(--o-duration-m1) var(--o-easing-standard);
 }
 @media (max-width: 840px) {
-.o-article-pagination__card[data-v-e78e8bd3] {
+.o-article-pagination__card[data-v-8a8cf9f8] {
     height: 76px;
 }
 }
-.o-article-pagination__side--prev .o-article-pagination__card[data-v-e78e8bd3] {
+.o-article-pagination__side--prev .o-article-pagination__card[data-v-8a8cf9f8] {
   padding-left: 24px;
   padding-right: 20px;
 }
 @media (max-width: 840px) {
-.o-article-pagination__side--prev .o-article-pagination__card[data-v-e78e8bd3] {
+.o-article-pagination__side--prev .o-article-pagination__card[data-v-8a8cf9f8] {
     padding-left: 16px;
     padding-right: 8px;
 }
 }
-.o-article-pagination__side--next .o-article-pagination__card[data-v-e78e8bd3] {
+.o-article-pagination__side--next .o-article-pagination__card[data-v-8a8cf9f8] {
   padding-left: 20px;
   padding-right: 24px;
 }
 @media (max-width: 840px) {
-.o-article-pagination__side--next .o-article-pagination__card[data-v-e78e8bd3] {
+.o-article-pagination__side--next .o-article-pagination__card[data-v-8a8cf9f8] {
     padding-left: 8px;
     padding-right: 16px;
 }
 }
-.o-article-pagination__text[data-v-e78e8bd3] {
+.o-article-pagination__text[data-v-8a8cf9f8] {
   display: flex;
   flex-direction: column;
   min-width: 0;
   overflow: hidden;
 }
-.o-article-pagination__side--prev .o-article-pagination__text[data-v-e78e8bd3] {
+.o-article-pagination__side--prev .o-article-pagination__text[data-v-8a8cf9f8] {
   align-items: flex-end;
 }
-.o-article-pagination__side--next .o-article-pagination__text[data-v-e78e8bd3] {
+.o-article-pagination__side--next .o-article-pagination__text[data-v-8a8cf9f8] {
   align-items: flex-start;
 }
-.o-article-pagination__label[data-v-e78e8bd3] {
+.o-article-pagination__label[data-v-8a8cf9f8] {
   color: var(--o-color-info3);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-article-pagination__label[data-v-e78e8bd3] {
+.o-article-pagination__label[data-v-8a8cf9f8] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-article-pagination__label[data-v-e78e8bd3] {
+.o-article-pagination__label[data-v-8a8cf9f8] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-article-pagination__label[data-v-e78e8bd3] {
+.o-article-pagination__label[data-v-8a8cf9f8] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-article-pagination__label[data-v-e78e8bd3] {
+.o-article-pagination__label[data-v-8a8cf9f8] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-article-pagination__side--prev .o-article-pagination__label[data-v-e78e8bd3] {
+.o-article-pagination__side--prev .o-article-pagination__label[data-v-8a8cf9f8] {
   text-align: right;
 }
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
   color: var(--o-color-info2);
   max-width: 320px;
   overflow: hidden;
@@ -149,70 +149,62 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1200px) {
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
     max-width: 220px;
 }
 }
 @media (max-width: 840px) {
-.o-article-pagination__title[data-v-e78e8bd3] {
+.o-article-pagination__title[data-v-8a8cf9f8] {
     max-width: 100%;
     margin-top: 4px;
 }
 }
-.o-article-pagination__arrow[data-v-e78e8bd3] {
+.o-article-pagination__arrow[data-v-8a8cf9f8] {
   flex-shrink: 0;
   font-size: 24px;
   color: var(--o-color-info3);
   transition: color var(--o-duration-m1) var(--o-easing-standard);
 }
 @media (max-width: 840px) {
-.o-article-pagination__arrow[data-v-e78e8bd3] {
+.o-article-pagination__arrow[data-v-8a8cf9f8] {
     font-size: 20px;
 }
 }
-.o-article-pagination__arrow--next[data-v-e78e8bd3] {
+.o-article-pagination__arrow--next[data-v-8a8cf9f8] {
   transform: rotate(180deg);
 }
 @media (hover: hover) {
-&:hover .o-article-pagination__card[data-v-e78e8bd3]:hover {
+&:hover .o-article-pagination__card[data-v-8a8cf9f8]:hover {
     background-color: var(--o-color-fill3);
 }
-&:hover .o-article-pagination__card:hover .o-article-pagination__title[data-v-e78e8bd3] {
+&:hover .o-article-pagination__card:hover .o-article-pagination__title[data-v-8a8cf9f8] {
     color: var(--o-color-info1);
 }
-&:hover .o-article-pagination__card:hover .o-article-pagination__arrow[data-v-e78e8bd3] {
+&:hover .o-article-pagination__card:hover .o-article-pagination__arrow[data-v-8a8cf9f8] {
     color: var(--o-color-info1);
 }
-}
-[data-o-theme*=dark] .o-article-pagination__card[data-v-e78e8bd3] {
-  background-color: var(--o-color-fill2);
-}
-@media (hover: hover) {
-[data-o-theme*=dark]:hover .o-article-pagination__card[data-v-e78e8bd3]:hover {
-    background-color: var(--o-color-fill3);
-}
 }

package/dist/treeshaking/components/doc-layout/ODocLayout.mjs

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import ODocLayout_vue_vue_type_script_setup_true_lang_default from "./ODocLayout.vue_vue_type_script_setup_true_lang.mjs";
-import './ODocLayout.vue_vue_type_style_index_0_scoped_6510bed3_lang.css';
+import './ODocLayout.vue_vue_type_style_index_0_scoped_966cd0b4_lang.css';
 // src/components/doc-layout/ODocLayout.vue
-var ODocLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ODocLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6510bed3"]]);
+var ODocLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ODocLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-966cd0b4"]]);
 export { ODocLayout_default as default };

package/dist/treeshaking/components/doc-layout/ODocLayout.vue.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     collapsed?: boolean;
-    hasRight?: boolean;
+    hasSider?: boolean;
+    hasAnchor?: boolean;
     hasFloat?: boolean;
 };
 declare function __VLS_template(): {
@@ -8,12 +9,196 @@ declare function __VLS_template(): {
     slots: {
         'header-title'?(_: {}): any;
         'header-right'?(_: {}): any;
-        left?(_: {}): any;
-        content?(_: {}): any;
-        right?(_: {}): any;
-        float?(_: {}): any;
+        sider?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
+        content?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
+        anchor?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
+        float?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
     };
     refs: {
+        scrollerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "medium" | "small";
+                duration: number;
+                disabledX: boolean;
+                disabledY: boolean;
+                showType: "auto" | "always" | "never" | "hover";
+                autoUpdateOnScrollSize: boolean;
+            }> & Omit<{
+                readonly size: "small" | "medium";
+                readonly duration: number;
+                readonly disabledX: boolean;
+                readonly disabledY: boolean;
+                readonly showType: "auto" | "hover" | "always" | "never";
+                readonly autoUpdateOnScrollSize: boolean;
+                readonly wrapClass?: string | {
+                    [k: string]: boolean;
+                } | (string | {
+                    [k: string]: boolean;
+                })[] | undefined;
+                readonly barClass?: string | {
+                    [k: string]: boolean;
+                } | (string | {
+                    [k: string]: boolean;
+                })[] | undefined;
+                readonly onScroll?: ((event: Event) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                targetRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "scroll", event: Event) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                wrapClass: {
+                    type: import('vue').PropType<string | {
+                        [k: string]: boolean;
+                    } | Array<{
+                        [k: string]: boolean;
+                    } | string>>;
+                };
+                disabledX: {
+                    type: BooleanConstructor;
+                    required: false;
+                };
+                disabledY: {
+                    type: BooleanConstructor;
+                };
+                duration: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showType: {
+                    type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+                    default: string;
+                };
+                size: {
+                    type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                    default: string;
+                };
+                autoUpdateOnScrollSize: {
+                    type: BooleanConstructor;
+                };
+                barClass: {
+                    type: import('vue').PropType<string | {
+                        [k: string]: boolean;
+                    } | Array<{
+                        [k: string]: boolean;
+                    } | string>>;
+                };
+            }>> & Readonly<{
+                onScroll?: ((event: Event) => any) | undefined;
+            }>, {
+                scrollTo: (options?: ScrollToOptions | undefined) => void;
+                scrollBy: (options?: ScrollToOptions | undefined) => void;
+                getContainerEl(): HTMLElement | null;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                scroll: (event: Event) => any;
+            }, string, {
+                size: "medium" | "small";
+                duration: number;
+                disabledX: boolean;
+                disabledY: boolean;
+                showType: "auto" | "always" | "never" | "hover";
+                autoUpdateOnScrollSize: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            wrapClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+            disabledX: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            disabledY: {
+                type: BooleanConstructor;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showType: {
+                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+        }>> & Readonly<{
+            onScroll?: ((event: Event) => any) | undefined;
+        }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
+            scrollTo: (options?: ScrollToOptions | undefined) => void;
+            scrollBy: (options?: ScrollToOptions | undefined) => void;
+            getContainerEl: () => HTMLElement | null;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                default?(): any;
+                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            }> & {
+                default?(): any;
+                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            };
+        }) | null;
         containerRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
@@ -24,9 +209,186 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
-    hasRight: boolean;
+    hasSider: boolean;
+    hasAnchor: boolean;
     hasFloat: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollerRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<{
+            readonly size: "small" | "medium";
+            readonly duration: number;
+            readonly disabledX: boolean;
+            readonly disabledY: boolean;
+            readonly showType: "auto" | "hover" | "always" | "never";
+            readonly autoUpdateOnScrollSize: boolean;
+            readonly wrapClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly barClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly onScroll?: ((event: Event) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            targetRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "scroll", event: Event) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            wrapClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+            disabledX: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            disabledY: {
+                type: BooleanConstructor;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showType: {
+                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+        }>> & Readonly<{
+            onScroll?: ((event: Event) => any) | undefined;
+        }>, {
+            scrollTo: (options?: ScrollToOptions | undefined) => void;
+            scrollBy: (options?: ScrollToOptions | undefined) => void;
+            getContainerEl(): HTMLElement | null;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (event: Event) => any;
+        }, string, {
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: "medium" | "small";
+        duration: number;
+        disabledX: boolean;
+        disabledY: boolean;
+        showType: "auto" | "always" | "never" | "hover";
+        autoUpdateOnScrollSize: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        wrapClass: {
+            type: import('vue').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+        disabledX: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        disabledY: {
+            type: BooleanConstructor;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        showType: {
+            type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+            default: string;
+        };
+        autoUpdateOnScrollSize: {
+            type: BooleanConstructor;
+        };
+        barClass: {
+            type: import('vue').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+    }>> & Readonly<{
+        onScroll?: ((event: Event) => any) | undefined;
+    }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
+        scrollTo: (options?: ScrollToOptions | undefined) => void;
+        scrollBy: (options?: ScrollToOptions | undefined) => void;
+        getContainerEl: () => HTMLElement | null;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default?(): any;
+            thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+        }> & {
+            default?(): any;
+            thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+        };
+    }) | null;
     containerRef: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;