@bobbykim/mcl-header 0.7.6 → 0.7.8

package/dist/index.d.ts

@@ -25,60 +25,14 @@ import { VNodeProps } from 'vue';
 import { WatchOptions } from 'vue';
 import { WatchStopHandle } from 'vue';
 
-declare const __VLS_component: DefineComponent<    {
-logo: string;
-logoSmall?: string;
-logoAlt?: string;
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-titleBlockAsLink?: boolean;
-titleBlockLinkTarget?: CtaTarget;
-titleBlockLink: string;
-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;
-}, {
+declare const __VLS_component: DefineComponent<__VLS_Props, {
 headerClose: () => void;
 }, {}, {}, {}, 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;
-logoAlt?: string;
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-titleBlockAsLink?: boolean;
-titleBlockLinkTarget?: CtaTarget;
-titleBlockLink: string;
-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<{
+}, string, PublicProps, Readonly<__VLS_Props> & 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;
@@ -101,57 +55,122 @@ drawerBtnColor: ColorPalette;
 drawerBtnBorder: boolean;
 fadeInOnScroll: boolean;
 scrollDistance: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_2: DefineComponent<    {
-logo: string;
-logoAlt?: string;
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-titleBlockAsLink?: boolean;
-titleBlockLinkTarget?: CtaTarget;
-titleBlockLink: string;
-menuItems: Array<MenuItemType | MenuCollapseType>;
-menuItemAsLink?: boolean;
-menuTextSize?: BodyText;
-menuTextColor?: ColorPalette;
-menuTextBold?: boolean;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+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: HTMLElement;
+$options: ComponentOptionsBase<Readonly<{
 bgColor?: ColorPalette;
+mobileMenuBgColor?: ColorPalette;
 drawerBtnColor?: ColorPalette;
 drawerBtnBorder?: boolean;
-headerWidth?: number;
-}, {
+fadeInOnScroll?: boolean;
+scrollDistance?: number;
+sticky?: HeaderStickyOptionType;
+}> & Readonly<{
+"onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+}>, {
 headerClose: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+}, {}, {}, {}, 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;
-title: string;
-titleSize?: HeadingSize;
-titleColor?: ColorPalette;
-titleBlockAsLink?: boolean;
-titleBlockLinkTarget?: CtaTarget;
-titleBlockLink: string;
-menuItems: Array<MenuItemType | MenuCollapseType>;
-menuItemAsLink?: boolean;
-menuTextSize?: BodyText;
-menuTextColor?: ColorPalette;
-menuTextBold?: boolean;
-displayHighlight?: boolean;
-highlightColor?: ColorPalette;
+}, 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;
-headerWidth?: number;
+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;
+}> & {} & 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;
+}, HTMLElement>;
+
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {
+headerClose: () => void;
+}, {}, {}, {}, 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<__VLS_Props_2> & 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;
@@ -171,9 +190,291 @@ menuItemAsLink: boolean;
 drawerBtnColor: ColorPalette;
 drawerBtnBorder: boolean;
 headerWidth: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+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: HTMLElement;
+$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;
+}> & {} & 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, {
+collapseRef: ({
+$: ComponentInternalInstance;
+$data: {};
+$props: {
+readonly accordion?: string | undefined;
+readonly className?: string | string[] | undefined;
+readonly visible?: boolean | undefined;
+readonly onClose?: ((visible: boolean) => any) | undefined | undefined;
+readonly onOpen?: ((visible: boolean) => any) | undefined | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+$attrs: {
+[x: string]: unknown;
+};
+$refs: {
+[x: string]: unknown;
+} & {
+collapseRef: HTMLDivElement;
+};
+$slots: Readonly<{
+[name: string]: Slot<any> | undefined;
+}>;
+$root: ComponentPublicInstance | null;
+$parent: ComponentPublicInstance | null;
+$host: Element | null;
+$emit: ((event: "close", visible: boolean) => void) & ((event: "open", visible: boolean) => void);
+$el: HTMLDivElement;
+$options: ComponentOptionsBase<Readonly<{
+accordion?: string;
+className?: string | string[];
+visible?: boolean;
+}> & Readonly<{
+onClose?: ((visible: boolean) => any) | undefined;
+onOpen?: ((visible: boolean) => any) | undefined;
+}>, {
+toggle: () => void;
+close: () => void;
+open: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: (visible: boolean) => any;
+open: (visible: boolean) => any;
+}, string, {
+visible: boolean;
+className: string | string[];
+}, {}, 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<{
+visible: boolean;
+className: string | string[];
+}> & Omit<Readonly<{
+accordion?: string;
+className?: string | string[];
+visible?: boolean;
+}> & Readonly<{
+onClose?: ((visible: boolean) => any) | undefined;
+onOpen?: ((visible: boolean) => any) | undefined;
+}>, "className" | "visible" | "toggle" | "close" | "open"> & ShallowUnwrapRef<    {
+toggle: () => void;
+close: () => void;
+open: () => void;
+}> & {} & ComponentCustomProperties & {} & {
+$slots: Readonly<{
+default: any;
+}> & {
+default: any;
+};
+}) | null;
+}, HTMLDivElement, 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)[];
+}, HTMLElement>;
+
+declare type __VLS_Props = {
+    logo: string;
+    logoSmall?: string;
+    logoAlt?: string;
+    title: string;
+    titleSize?: HeadingSize;
+    titleColor?: ColorPalette;
+    titleBlockAsLink?: boolean;
+    titleBlockLinkTarget?: CtaTarget;
+    titleBlockLink: string;
+    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;
+};
+
+declare type __VLS_Props_2 = {
+    logo: string;
+    logoAlt?: string;
+    title: string;
+    titleSize?: HeadingSize;
+    titleColor?: ColorPalette;
+    titleBlockAsLink?: boolean;
+    titleBlockLinkTarget?: CtaTarget;
+    titleBlockLink: string;
+    menuItems: Array<MenuItemType | MenuCollapseType>;
+    menuItemAsLink?: boolean;
+    menuTextSize?: BodyText;
+    menuTextColor?: ColorPalette;
+    menuTextBold?: boolean;
+    displayHighlight?: boolean;
+    highlightColor?: ColorPalette;
+    bgColor?: ColorPalette;
+    drawerBtnColor?: ColorPalette;
+    drawerBtnBorder?: boolean;
+    headerWidth?: number;
+};
 
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         'content-right': any;
         'mobile-bottom'(props: {
@@ -212,7 +513,7 @@ declare function __VLS_template(): {
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "toggle-drawer", event: Event, open: boolean) => void;
-            $el: any;
+            $el: HTMLElement;
             $options: ComponentOptionsBase<Readonly<{
             bgColor?: ColorPalette;
             mobileMenuBgColor?: ColorPalette;
@@ -291,10 +592,11 @@ declare function __VLS_template(): {
             };
         }) | null;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLElement;
 };
 
 declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
     slots: Readonly<{
         default: any;
         'content-bottom': any;
@@ -332,7 +634,7 @@ declare function __VLS_template_2(): {
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "toggle-drawer", event: Event, open: boolean) => void;
-            $el: any;
+            $el: HTMLElement;
             $options: ComponentOptionsBase<Readonly<{
             bgColor?: ColorPalette;
             drawerBtnColor?: ColorPalette;
@@ -426,7 +728,92 @@ declare function __VLS_template_2(): {
         fontBold: boolean;
         dHl: boolean;
         hlColor: ColorPalette;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        collapseRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+        readonly accordion?: string | undefined;
+        readonly className?: string | string[] | undefined;
+        readonly visible?: boolean | undefined;
+        readonly onClose?: ((visible: boolean) => any) | undefined | undefined;
+        readonly onOpen?: ((visible: boolean) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: {
+        [x: string]: unknown;
+        };
+        $refs: {
+        [x: string]: unknown;
+        } & {
+        collapseRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+        [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close", visible: boolean) => void) & ((event: "open", visible: boolean) => void);
+        $el: HTMLDivElement;
+        $options: ComponentOptionsBase<Readonly<{
+        accordion?: string;
+        className?: string | string[];
+        visible?: boolean;
+        }> & Readonly<{
+        onClose?: ((visible: boolean) => any) | undefined;
+        onOpen?: ((visible: boolean) => any) | undefined;
+        }>, {
+        toggle: () => void;
+        close: () => void;
+        open: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        close: (visible: boolean) => any;
+        open: (visible: boolean) => any;
+        }, string, {
+        visible: boolean;
+        className: string | string[];
+        }, {}, 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<{
+        visible: boolean;
+        className: string | string[];
+        }> & Omit<Readonly<{
+        accordion?: string;
+        className?: string | string[];
+        visible?: boolean;
+        }> & Readonly<{
+        onClose?: ((visible: boolean) => any) | undefined;
+        onOpen?: ((visible: boolean) => any) | undefined;
+        }>, "className" | "visible" | "toggle" | "close" | "open"> & ShallowUnwrapRef<    {
+        toggle: () => void;
+        close: () => void;
+        open: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+        default: any;
+        }> & {
+        default: any;
+        };
+        }) | null;
+        }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -458,7 +845,7 @@ declare function __VLS_template_2(): {
         hlColor: ColorPalette;
         }> | null)[];
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLElement;
 };
 
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;