@bobbykim/mcl-header 0.5.1 → 0.6.1

package/dist/index.d.ts

@@ -0,0 +1,314 @@
+import { BodyText } from '@bobbykim/manguito-theme';
+import { ColorPalette } from '@bobbykim/manguito-theme';
+import { ComponentOptionsMixin } from 'vue';
+import { CtaTarget } from '@bobbykim/manguito-theme';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { HeadingSize } from '@bobbykim/manguito-theme';
+import { PropType } from 'vue';
+import { PublicProps } 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<{
+logo: string;
+logoSmall?: string | undefined;
+logoAlt?: string | undefined;
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+titleBlockAsLink?: boolean | undefined;
+titleBlockLinkTarget?: CtaTarget | undefined;
+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;
+}>, {
+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<{
+logo: string;
+logoSmall?: string | undefined;
+logoAlt?: string | undefined;
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+titleBlockAsLink?: boolean | undefined;
+titleBlockLinkTarget?: CtaTarget | undefined;
+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;
+}>>> & {
+"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;
+menuTextBold: boolean;
+displayHighlight: boolean;
+highlightColor: ColorPalette;
+logoAlt: string;
+titleSize: HeadingSize;
+titleColor: ColorPalette;
+titleBlockAsLink: boolean;
+titleBlockLinkTarget: CtaTarget;
+menuItemAsLink: boolean;
+mobileMenuBgColor: ColorPalette;
+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;
+}>;
+
+export declare const MclHeaderB: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+logo: string;
+logoAlt?: string | undefined;
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+titleBlockAsLink?: boolean | undefined;
+titleBlockLinkTarget?: CtaTarget | undefined;
+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;
+}>, {
+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<{
+logo: string;
+logoAlt?: string | undefined;
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+titleBlockAsLink?: boolean | undefined;
+titleBlockLinkTarget?: CtaTarget | undefined;
+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;
+}>>> & {
+"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;
+menuTextBold: boolean;
+displayHighlight: boolean;
+highlightColor: ColorPalette;
+logoAlt: string;
+titleSize: HeadingSize;
+titleColor: ColorPalette;
+titleBlockAsLink: boolean;
+titleBlockLinkTarget: CtaTarget;
+menuItemAsLink: boolean;
+drawerBtnColor: ColorPalette;
+drawerBtnBorder: boolean;
+headerWidth: number;
+}, {}>, Readonly<{
+    default: any;
+    'content-bottom': any;
+    'mobile-bottom'(props: {
+        headerClose: () => void;
+    }): any;
+}> & {
+    default: any;
+    'content-bottom': any;
+    'mobile-bottom'(props: {
+        headerClose: () => void;
+    }): any;
+}>;
+
+export declare interface MenuCollapseType {
+    title: string;
+    children: MenuItemType[];
+}
+
+export declare interface MenuItemType {
+    title: string;
+    url: string;
+    target?: CtaTarget;
+}
+
+export { }