@bobbykim/mcl-header 0.6.3 → 0.7.0

package/dist/index.d.ts

@@ -1,162 +1,89 @@
+import { AllowedComponentProps } from 'vue';
 import { BodyText } from '@bobbykim/manguito-theme';
 import { ColorPalette } from '@bobbykim/manguito-theme';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { CreateComponentPublicInstanceWithMixins } from 'vue';
 import { CtaTarget } from '@bobbykim/manguito-theme';
+import { DebuggerEvent } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
+import { HeaderStickyOptionType } from '@bobbykim/manguito-theme';
 import { HeadingSize } from '@bobbykim/manguito-theme';
-import { PropType } from 'vue';
+import { nextTick } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 import { PublicProps } from 'vue';
+import { ShallowUnwrapRef } from 'vue';
+import { Slot } from 'vue';
+import { VNodeProps } from 'vue';
+import { WatchOptions } from 'vue';
+import { WatchStopHandle } from 'vue';
 
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
-
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_Prettify_2<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_2<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-
-declare type __VLS_WithDefaults_2<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_2<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-declare type __VLS_WithTemplateSlots_2<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-export declare const MclHeaderA: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const __VLS_component: DefineComponent<    {
 logo: string;
-logoSmall?: string | undefined;
-logoAlt?: string | undefined;
+logoSmall?: string;
+logoAlt?: string;
 title: string;
-titleSize?: HeadingSize | undefined;
-titleColor?: ColorPalette | undefined;
-titleBlockAsLink?: boolean | undefined;
-titleBlockLinkTarget?: CtaTarget | undefined;
+titleSize?: HeadingSize;
+titleColor?: ColorPalette;
+titleBlockAsLink?: boolean;
+titleBlockLinkTarget?: CtaTarget;
 titleBlockLink: string;
-menuItems: (MenuItemType | MenuCollapseType)[];
-menuItemAsLink?: boolean | undefined;
-menuTextSize?: BodyText | undefined;
-menuTextColor?: ColorPalette | undefined;
-menuTextBold?: boolean | undefined;
-displayHighlight?: boolean | undefined;
-highlightColor?: ColorPalette | undefined;
-bgColor?: ColorPalette | undefined;
-mobileMenuBgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-fadeInOnScroll?: boolean | undefined;
-scrollDistance?: number | undefined;
-}>, {
-logoAlt: string;
-titleSize: string;
-titleColor: string;
-titleBlockAsLink: boolean;
-titleBlockLinkTarget: string;
-menuItemAsLink: boolean;
-menuTextSize: string;
-menuTextColor: string;
-menuTextBold: boolean;
-displayHighlight: boolean;
-highlightColor: string;
-bgColor: string;
-mobileMenuBgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-fadeInOnScroll: boolean;
-scrollDistance: number;
-}>, {
+menuItems: Array<MenuItemType | MenuCollapseType>;
+menuItemAsLink?: boolean;
+menuTextSize?: BodyText;
+menuTextColor?: ColorPalette;
+menuTextBold?: boolean;
+displayHighlight?: boolean;
+highlightColor?: ColorPalette;
+bgColor?: ColorPalette;
+mobileMenuBgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+fadeInOnScroll?: boolean;
+scrollDistance?: number;
+}, {
 headerClose: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"toggle-drawer": (event: Event, open: boolean) => void;
-"title-click": (event: Event, url: string, target: CtaTarget) => void;
-"menu-click": (event: Event, item: MenuItemType) => void;
-"collapse-click": (event: Event, title: string, visible: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"toggle-drawer": (event: Event, open: boolean) => any;
+"title-click": (event: Event, url: string, target: CtaTarget) => any;
+"menu-click": (event: Event, item: MenuItemType) => any;
+"collapse-click": (event: Event, title: string, visible: boolean) => any;
+}, string, PublicProps, Readonly<{
 logo: string;
-logoSmall?: string | undefined;
-logoAlt?: string | undefined;
+logoSmall?: string;
+logoAlt?: string;
 title: string;
-titleSize?: HeadingSize | undefined;
-titleColor?: ColorPalette | undefined;
-titleBlockAsLink?: boolean | undefined;
-titleBlockLinkTarget?: CtaTarget | undefined;
+titleSize?: HeadingSize;
+titleColor?: ColorPalette;
+titleBlockAsLink?: boolean;
+titleBlockLinkTarget?: CtaTarget;
 titleBlockLink: string;
-menuItems: (MenuItemType | MenuCollapseType)[];
-menuItemAsLink?: boolean | undefined;
-menuTextSize?: BodyText | undefined;
-menuTextColor?: ColorPalette | undefined;
-menuTextBold?: boolean | undefined;
-displayHighlight?: boolean | undefined;
-highlightColor?: ColorPalette | undefined;
-bgColor?: ColorPalette | undefined;
-mobileMenuBgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-fadeInOnScroll?: boolean | undefined;
-scrollDistance?: number | undefined;
-}>, {
-logoAlt: string;
-titleSize: string;
-titleColor: string;
-titleBlockAsLink: boolean;
-titleBlockLinkTarget: string;
-menuItemAsLink: boolean;
-menuTextSize: string;
-menuTextColor: string;
-menuTextBold: boolean;
-displayHighlight: boolean;
-highlightColor: string;
-bgColor: string;
-mobileMenuBgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-fadeInOnScroll: boolean;
-scrollDistance: number;
-}>>> & {
+menuItems: Array<MenuItemType | MenuCollapseType>;
+menuItemAsLink?: boolean;
+menuTextSize?: BodyText;
+menuTextColor?: ColorPalette;
+menuTextBold?: boolean;
+displayHighlight?: boolean;
+highlightColor?: ColorPalette;
+bgColor?: ColorPalette;
+mobileMenuBgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+fadeInOnScroll?: boolean;
+scrollDistance?: number;
+}> & Readonly<{
 "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
 "onTitle-click"?: ((event: Event, url: string, target: CtaTarget) => any) | undefined;
 "onMenu-click"?: ((event: Event, item: MenuItemType) => any) | undefined;
 "onCollapse-click"?: ((event: Event, title: string, visible: boolean) => any) | undefined;
-}, {
+}>, {
 bgColor: ColorPalette;
 menuTextSize: BodyText;
 menuTextColor: ColorPalette;
@@ -174,103 +101,61 @@ drawerBtnColor: ColorPalette;
 drawerBtnBorder: boolean;
 fadeInOnScroll: boolean;
 scrollDistance: number;
-}, {}>, Readonly<{
-    'content-right': any;
-    'mobile-bottom'(props: {
-        headerClose: () => void;
-    }): any;
-}> & {
-    'content-right': any;
-    'mobile-bottom'(props: {
-        headerClose: () => void;
-    }): any;
-}>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const MclHeaderB: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+declare const __VLS_component_2: DefineComponent<    {
 logo: string;
-logoAlt?: string | undefined;
+logoAlt?: string;
 title: string;
-titleSize?: HeadingSize | undefined;
-titleColor?: ColorPalette | undefined;
-titleBlockAsLink?: boolean | undefined;
-titleBlockLinkTarget?: CtaTarget | undefined;
+titleSize?: HeadingSize;
+titleColor?: ColorPalette;
+titleBlockAsLink?: boolean;
+titleBlockLinkTarget?: CtaTarget;
 titleBlockLink: string;
-menuItems: (MenuItemType | MenuCollapseType)[];
-menuItemAsLink?: boolean | undefined;
-menuTextSize?: BodyText | undefined;
-menuTextColor?: ColorPalette | undefined;
-menuTextBold?: boolean | undefined;
-displayHighlight?: boolean | undefined;
-highlightColor?: ColorPalette | undefined;
-bgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-headerWidth?: number | undefined;
-}>, {
-logoAlt: string;
-titleBlockAsLink: boolean;
-titleBlockLinkTarget: string;
-titleSize: string;
-titleColor: string;
-menuItemAsLink: boolean;
-menuTextSize: string;
-menuTextColor: string;
-menuTextBold: boolean;
-displayHighlight: boolean;
-highlightColor: string;
-bgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-headerWidth: number;
-}>, {
+menuItems: Array<MenuItemType | MenuCollapseType>;
+menuItemAsLink?: boolean;
+menuTextSize?: BodyText;
+menuTextColor?: ColorPalette;
+menuTextBold?: boolean;
+displayHighlight?: boolean;
+highlightColor?: ColorPalette;
+bgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+headerWidth?: number;
+}, {
 headerClose: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"toggle-drawer": (event: Event, open: boolean) => void;
-"title-click": (event: Event, url: string, target: CtaTarget) => void;
-"menu-click": (event: Event, item: MenuItemType) => void;
-"collapse-click": (event: Event, title: string, visible: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"toggle-drawer": (event: Event, open: boolean) => any;
+"title-click": (event: Event, url: string, target: CtaTarget) => any;
+"menu-click": (event: Event, item: MenuItemType) => any;
+"collapse-click": (event: Event, title: string, visible: boolean) => any;
+}, string, PublicProps, Readonly<{
 logo: string;
-logoAlt?: string | undefined;
+logoAlt?: string;
 title: string;
-titleSize?: HeadingSize | undefined;
-titleColor?: ColorPalette | undefined;
-titleBlockAsLink?: boolean | undefined;
-titleBlockLinkTarget?: CtaTarget | undefined;
+titleSize?: HeadingSize;
+titleColor?: ColorPalette;
+titleBlockAsLink?: boolean;
+titleBlockLinkTarget?: CtaTarget;
 titleBlockLink: string;
-menuItems: (MenuItemType | MenuCollapseType)[];
-menuItemAsLink?: boolean | undefined;
-menuTextSize?: BodyText | undefined;
-menuTextColor?: ColorPalette | undefined;
-menuTextBold?: boolean | undefined;
-displayHighlight?: boolean | undefined;
-highlightColor?: ColorPalette | undefined;
-bgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-headerWidth?: number | undefined;
-}>, {
-logoAlt: string;
-titleBlockAsLink: boolean;
-titleBlockLinkTarget: string;
-titleSize: string;
-titleColor: string;
-menuItemAsLink: boolean;
-menuTextSize: string;
-menuTextColor: string;
-menuTextBold: boolean;
-displayHighlight: boolean;
-highlightColor: string;
-bgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-headerWidth: number;
-}>>> & {
+menuItems: Array<MenuItemType | MenuCollapseType>;
+menuItemAsLink?: boolean;
+menuTextSize?: BodyText;
+menuTextColor?: ColorPalette;
+menuTextBold?: boolean;
+displayHighlight?: boolean;
+highlightColor?: ColorPalette;
+bgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+headerWidth?: number;
+}> & Readonly<{
 "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
 "onTitle-click"?: ((event: Event, url: string, target: CtaTarget) => any) | undefined;
 "onMenu-click"?: ((event: Event, item: MenuItemType) => any) | undefined;
 "onCollapse-click"?: ((event: Event, title: string, visible: boolean) => any) | undefined;
-}, {
+}>, {
 bgColor: ColorPalette;
 menuTextSize: BodyText;
 menuTextColor: ColorPalette;
@@ -286,19 +171,315 @@ menuItemAsLink: boolean;
 drawerBtnColor: ColorPalette;
 drawerBtnBorder: boolean;
 headerWidth: number;
-}, {}>, Readonly<{
-    default: any;
-    'content-bottom': any;
-    'mobile-bottom'(props: {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    slots: Readonly<{
+        'content-right': any;
+        'mobile-bottom'(props: {
+            headerClose: () => void;
+        }): any;
+    }> & {
+        'content-right': any;
+        'mobile-bottom'(props: {
+            headerClose: () => void;
+        }): any;
+    };
+    refs: {
+        componentRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly bgColor?: ColorPalette | undefined;
+                readonly mobileMenuBgColor?: ColorPalette | undefined;
+                readonly drawerBtnColor?: ColorPalette | undefined;
+                readonly drawerBtnBorder?: boolean | undefined;
+                readonly fadeInOnScroll?: boolean | undefined;
+                readonly scrollDistance?: number | undefined;
+                readonly sticky?: HeaderStickyOptionType | undefined;
+                readonly "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "toggle-drawer", event: Event, open: boolean) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+            bgColor?: ColorPalette;
+            mobileMenuBgColor?: ColorPalette;
+            drawerBtnColor?: ColorPalette;
+            drawerBtnBorder?: boolean;
+            fadeInOnScroll?: boolean;
+            scrollDistance?: number;
+            sticky?: HeaderStickyOptionType;
+            }> & Readonly<{
+            "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+            }>, {
+            headerClose: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "toggle-drawer": (event: Event, open: boolean) => any;
+            }, string, {
+            bgColor: ColorPalette;
+            mobileMenuBgColor: ColorPalette;
+            drawerBtnColor: ColorPalette;
+            drawerBtnBorder: boolean;
+            fadeInOnScroll: boolean;
+            scrollDistance: number;
+            sticky: HeaderStickyOptionType;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            bgColor: ColorPalette;
+            mobileMenuBgColor: ColorPalette;
+            drawerBtnColor: ColorPalette;
+            drawerBtnBorder: boolean;
+            fadeInOnScroll: boolean;
+            scrollDistance: number;
+            sticky: HeaderStickyOptionType;
+        }> & Omit<Readonly<{
+            bgColor?: ColorPalette;
+            mobileMenuBgColor?: ColorPalette;
+            drawerBtnColor?: ColorPalette;
+            drawerBtnBorder?: boolean;
+            fadeInOnScroll?: boolean;
+            scrollDistance?: number;
+            sticky?: HeaderStickyOptionType;
+        }> & Readonly<{
+            "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+        }>, "bgColor" | "mobileMenuBgColor" | "drawerBtnColor" | "drawerBtnBorder" | "fadeInOnScroll" | "scrollDistance" | "sticky" | "headerClose"> & ShallowUnwrapRef<    {
         headerClose: () => void;
-    }): any;
-}> & {
-    default: any;
-    'content-bottom': any;
-    'mobile-bottom'(props: {
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                content: any;
+                'content-right': any;
+                'mobile-content'(props: {
+                    headerClose: () => void;
+                }): any;
+            }> & {
+                content: any;
+                'content-right': any;
+                'mobile-content'(props: {
+                    headerClose: () => void;
+                }): any;
+            };
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_2(): {
+    slots: Readonly<{
+        default: any;
+        'content-bottom': any;
+        'mobile-bottom'(props: {
+            headerClose: () => void;
+        }): any;
+    }> & {
+        default: any;
+        'content-bottom': any;
+        'mobile-bottom'(props: {
+            headerClose: () => void;
+        }): any;
+    };
+    refs: {
+        componentRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly bgColor?: ColorPalette | undefined;
+                readonly drawerBtnColor?: ColorPalette | undefined;
+                readonly drawerBtnBorder?: boolean | undefined;
+                readonly headerWidth?: number | undefined;
+                readonly "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "toggle-drawer", event: Event, open: boolean) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+            bgColor?: ColorPalette;
+            drawerBtnColor?: ColorPalette;
+            drawerBtnBorder?: boolean;
+            headerWidth?: number;
+            }> & Readonly<{
+            "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+            }>, {
+            headerClose: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "toggle-drawer": (event: Event, open: boolean) => any;
+            }, string, {
+            bgColor: ColorPalette;
+            drawerBtnColor: ColorPalette;
+            drawerBtnBorder: boolean;
+            headerWidth: number;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            bgColor: ColorPalette;
+            drawerBtnColor: ColorPalette;
+            drawerBtnBorder: boolean;
+            headerWidth: number;
+        }> & Omit<Readonly<{
+            bgColor?: ColorPalette;
+            drawerBtnColor?: ColorPalette;
+            drawerBtnBorder?: boolean;
+            headerWidth?: number;
+        }> & Readonly<{
+            "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+        }>, "bgColor" | "drawerBtnColor" | "drawerBtnBorder" | "headerClose" | "headerWidth"> & ShallowUnwrapRef<    {
         headerClose: () => void;
-    }): any;
-}>;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                default: any;
+                content: any;
+                'content-bottom': any;
+                'mobile-content'(props: {
+                    headerClose: () => void;
+                }): any;
+            }> & {
+                default: any;
+                content: any;
+                'content-bottom': any;
+                'mobile-content'(props: {
+                    headerClose: () => void;
+                }): any;
+            };
+        }) | null;
+        collapseRef: (CreateComponentPublicInstanceWithMixins<Readonly<{
+        navId: string;
+        navAccordionGroup: string;
+        navLocation: "desktop" | "mobile";
+        menuItem: MenuCollapseType;
+        textColor?: ColorPalette;
+        textSize?: BodyText;
+        fontBold?: boolean;
+        dHl?: boolean;
+        hlColor?: ColorPalette;
+        asLink?: boolean;
+        }> & Readonly<{
+        "onChild-click"?: ((event: Event, item: MenuItemType) => any) | undefined;
+        "onLabel-click"?: ((event: Event, title: string, open: boolean) => any) | undefined;
+        }>, {
+        closeCollapse: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+        "child-click": (event: Event, item: MenuItemType) => any;
+        "label-click": (event: Event, title: string, open: boolean) => any;
+        }, PublicProps, {
+        asLink: boolean;
+        textColor: ColorPalette;
+        textSize: BodyText;
+        fontBold: boolean;
+        dHl: boolean;
+        hlColor: ColorPalette;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+        }, Readonly<{
+        navId: string;
+        navAccordionGroup: string;
+        navLocation: "desktop" | "mobile";
+        menuItem: MenuCollapseType;
+        textColor?: ColorPalette;
+        textSize?: BodyText;
+        fontBold?: boolean;
+        dHl?: boolean;
+        hlColor?: ColorPalette;
+        asLink?: boolean;
+        }> & Readonly<{
+        "onChild-click"?: ((event: Event, item: MenuItemType) => any) | undefined;
+        "onLabel-click"?: ((event: Event, title: string, open: boolean) => any) | undefined;
+        }>, {
+        closeCollapse: () => void;
+        }, {}, {}, {}, {
+        asLink: boolean;
+        textColor: ColorPalette;
+        textSize: BodyText;
+        fontBold: boolean;
+        dHl: boolean;
+        hlColor: ColorPalette;
+        }> | null)[];
+    };
+    attrs: Partial<{}>;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const MclHeaderA: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const MclHeaderB: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare interface MenuCollapseType {
     title: string;