@bobbykim/mcl-cards 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -0,0 +1,503 @@
+import { ColorPalette } from '@bobbykim/manguito-theme';
+import { ComponentOptionsMixin } from 'vue';
+import { CrossOrigin } from '@bobbykim/manguito-theme';
+import { CtaTarget } from '@bobbykim/manguito-theme';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { HeadingSize } from '@bobbykim/manguito-theme';
+import { OpacityRange } 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_NonUndefinedable_3<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_4<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_Prettify_3<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_Prettify_4<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_TypePropsToRuntimeProps_3<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_4<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_4<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_WithDefaults_3<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_3<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare type __VLS_WithDefaults_4<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_4<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;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare interface CardClickEvent {
+    title: string;
+    url: string;
+    target?: CtaTarget;
+}
+
+declare type ColorMap = {
+    [key in ColorPalette]: string;
+};
+
+export declare const MclCardA: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+borderColor?: ColorPalette | undefined;
+bgColor?: ColorPalette | undefined;
+displayImage?: boolean | undefined;
+imageSource?: string | undefined;
+imageAlt?: string | undefined;
+imageCors?: CrossOrigin | undefined;
+displayCta?: boolean | undefined;
+ctaAsLink?: boolean | undefined;
+ctaText?: string | undefined;
+ctaColor?: ColorPalette | undefined;
+ctaLink?: string | undefined;
+ctaTarget?: CtaTarget | undefined;
+displayLabel?: boolean | undefined;
+labelText?: string | undefined;
+labelTextColor?: ColorPalette | undefined;
+labelColor?: ColorPalette | undefined;
+enlargeOnHover?: boolean | undefined;
+displayHighlight?: boolean | undefined;
+highlightColor?: ColorPalette | undefined;
+rounded?: boolean | undefined;
+displayShadow?: boolean | undefined;
+}>, {
+titleSize: string;
+titleColor: string;
+borderColor: string;
+bgColor: string;
+displayImage: boolean;
+imageCors: string;
+displayCta: boolean;
+ctaAsLink: boolean;
+ctaColor: string;
+ctaLink: string;
+ctaTarget: string;
+ctaText: string;
+displayLabel: boolean;
+labelText: string;
+labelTextColor: string;
+labelColor: string;
+displayHighlight: boolean;
+highlightColor: string;
+enlargeOnHover: boolean;
+rounded: boolean;
+displayShadow: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"card-click": (event: Event, item: CardClickEvent) => void;
+"card-btn-click": (event: Event, item: CardClickEvent) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+borderColor?: ColorPalette | undefined;
+bgColor?: ColorPalette | undefined;
+displayImage?: boolean | undefined;
+imageSource?: string | undefined;
+imageAlt?: string | undefined;
+imageCors?: CrossOrigin | undefined;
+displayCta?: boolean | undefined;
+ctaAsLink?: boolean | undefined;
+ctaText?: string | undefined;
+ctaColor?: ColorPalette | undefined;
+ctaLink?: string | undefined;
+ctaTarget?: CtaTarget | undefined;
+displayLabel?: boolean | undefined;
+labelText?: string | undefined;
+labelTextColor?: ColorPalette | undefined;
+labelColor?: ColorPalette | undefined;
+enlargeOnHover?: boolean | undefined;
+displayHighlight?: boolean | undefined;
+highlightColor?: ColorPalette | undefined;
+rounded?: boolean | undefined;
+displayShadow?: boolean | undefined;
+}>, {
+titleSize: string;
+titleColor: string;
+borderColor: string;
+bgColor: string;
+displayImage: boolean;
+imageCors: string;
+displayCta: boolean;
+ctaAsLink: boolean;
+ctaColor: string;
+ctaLink: string;
+ctaTarget: string;
+ctaText: string;
+displayLabel: boolean;
+labelText: string;
+labelTextColor: string;
+labelColor: string;
+displayHighlight: boolean;
+highlightColor: string;
+enlargeOnHover: boolean;
+rounded: boolean;
+displayShadow: boolean;
+}>>> & {
+"onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
+"onCard-btn-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
+}, {
+titleSize: HeadingSize;
+titleColor: ColorPalette;
+borderColor: ColorPalette;
+bgColor: ColorPalette;
+displayImage: boolean;
+imageCors: CrossOrigin;
+displayCta: boolean;
+ctaAsLink: boolean;
+ctaText: string;
+ctaColor: ColorPalette;
+ctaLink: string;
+ctaTarget: CtaTarget;
+displayLabel: boolean;
+labelText: string;
+labelTextColor: ColorPalette;
+labelColor: ColorPalette;
+enlargeOnHover: boolean;
+displayHighlight: boolean;
+highlightColor: ColorPalette;
+rounded: boolean;
+displayShadow: boolean;
+}, {}>, Readonly<{
+    default: any;
+}> & {
+    default: any;
+}>;
+
+export declare const MclCardB: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+titleBlockColor?: ColorPalette | undefined;
+borderColor?: ColorPalette | undefined;
+imageSource?: string | undefined;
+imageAlt?: string | undefined;
+imageCors?: CrossOrigin | undefined;
+displayGrayScale?: boolean | undefined;
+ctaAsLink?: boolean | undefined;
+ctaLink?: string | undefined;
+ctaTarget?: CtaTarget | undefined;
+rounded?: boolean | undefined;
+}>, {
+titleSize: string;
+titleColor: string;
+titleBlockColor: string;
+borderColor: string;
+displayGrayScale: boolean;
+imageCors: string;
+ctaAsLink: boolean;
+ctaLink: string;
+ctaTarget: string;
+rounded: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"card-click": (event: Event, item: CardClickEvent) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+titleBlockColor?: ColorPalette | undefined;
+borderColor?: ColorPalette | undefined;
+imageSource?: string | undefined;
+imageAlt?: string | undefined;
+imageCors?: CrossOrigin | undefined;
+displayGrayScale?: boolean | undefined;
+ctaAsLink?: boolean | undefined;
+ctaLink?: string | undefined;
+ctaTarget?: CtaTarget | undefined;
+rounded?: boolean | undefined;
+}>, {
+titleSize: string;
+titleColor: string;
+titleBlockColor: string;
+borderColor: string;
+displayGrayScale: boolean;
+imageCors: string;
+ctaAsLink: boolean;
+ctaLink: string;
+ctaTarget: string;
+rounded: boolean;
+}>>> & {
+"onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
+}, {
+titleSize: HeadingSize;
+titleColor: ColorPalette;
+borderColor: ColorPalette;
+imageCors: CrossOrigin;
+ctaAsLink: boolean;
+ctaLink: string;
+ctaTarget: CtaTarget;
+rounded: boolean;
+titleBlockColor: ColorPalette;
+displayGrayScale: boolean;
+}, {}>, Readonly<{
+    default: any;
+}> & {
+    default: any;
+}>;
+
+export declare const MclCardC: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
+imageSource: string;
+imageAlt?: string | undefined;
+title?: string | undefined;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+displayHighlight?: boolean | undefined;
+highlightColor?: ColorPalette | undefined;
+highlightOpacity?: OpacityRange | undefined;
+displayTitle?: boolean | undefined;
+cardColor?: ColorPalette | undefined;
+imageCors?: CrossOrigin | undefined;
+}>, {
+titleSize: string;
+titleColor: string;
+displayHighlight: boolean;
+highlightColor: string;
+highlightOpacity: number;
+displayTitle: boolean;
+cardColor: string;
+imageCors: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"card-click": (event: Event) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
+imageSource: string;
+imageAlt?: string | undefined;
+title?: string | undefined;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+displayHighlight?: boolean | undefined;
+highlightColor?: ColorPalette | undefined;
+highlightOpacity?: OpacityRange | undefined;
+displayTitle?: boolean | undefined;
+cardColor?: ColorPalette | undefined;
+imageCors?: CrossOrigin | undefined;
+}>, {
+titleSize: string;
+titleColor: string;
+displayHighlight: boolean;
+highlightColor: string;
+highlightOpacity: number;
+displayTitle: boolean;
+cardColor: string;
+imageCors: string;
+}>>> & {
+"onCard-click"?: ((event: Event) => any) | undefined;
+}, {
+titleSize: HeadingSize;
+titleColor: ColorPalette;
+imageCors: CrossOrigin;
+displayHighlight: boolean;
+highlightColor: ColorPalette;
+highlightOpacity: OpacityRange;
+displayTitle: boolean;
+cardColor: ColorPalette;
+}, {}>, Readonly<{
+    'card-body': any;
+}> & {
+    'card-body': any;
+}>;
+
+export declare const MclCardD: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
+displayImage?: boolean | undefined;
+imageSource?: string | undefined;
+imageAlt?: string | undefined;
+imageCors?: CrossOrigin | undefined;
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+bgColor?: ColorPalette | undefined;
+displayHighlight?: boolean | undefined;
+highlightColor?: ColorPalette | undefined;
+ctaText?: string | undefined;
+ctaLink: string;
+ctaLinkTarget?: CtaTarget | undefined;
+ctaAsLink?: boolean | undefined;
+ctaButton?: boolean | undefined;
+ctaButtonColor?: ColorPalette | undefined;
+ctaButtonBlock?: boolean | undefined;
+borderWidth?: 1 | 3 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
+borderColor?: ColorPalette | undefined;
+gradient1?: ColorPalette | undefined;
+gradient2?: ColorPalette | undefined;
+customColor?: ColorMap | undefined;
+}>, {
+displayImage: boolean;
+imageAlt: string;
+imageCors: string;
+titleSize: string;
+titleColor: string;
+bgColor: string;
+displayHighlight: boolean;
+highlightColor: string;
+ctaText: string;
+ctaLinkTarget: string;
+ctaAsLink: boolean;
+ctaButton: boolean;
+ctaButtonColor: string;
+ctaButtonBlock: boolean;
+borderWidth: number;
+borderColor: string;
+gradient1: string;
+gradient2: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"card-click": (event: Event, item: CardClickEvent) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
+displayImage?: boolean | undefined;
+imageSource?: string | undefined;
+imageAlt?: string | undefined;
+imageCors?: CrossOrigin | undefined;
+title: string;
+titleSize?: HeadingSize | undefined;
+titleColor?: ColorPalette | undefined;
+bgColor?: ColorPalette | undefined;
+displayHighlight?: boolean | undefined;
+highlightColor?: ColorPalette | undefined;
+ctaText?: string | undefined;
+ctaLink: string;
+ctaLinkTarget?: CtaTarget | undefined;
+ctaAsLink?: boolean | undefined;
+ctaButton?: boolean | undefined;
+ctaButtonColor?: ColorPalette | undefined;
+ctaButtonBlock?: boolean | undefined;
+borderWidth?: 1 | 3 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
+borderColor?: ColorPalette | undefined;
+gradient1?: ColorPalette | undefined;
+gradient2?: ColorPalette | undefined;
+customColor?: ColorMap | undefined;
+}>, {
+displayImage: boolean;
+imageAlt: string;
+imageCors: string;
+titleSize: string;
+titleColor: string;
+bgColor: string;
+displayHighlight: boolean;
+highlightColor: string;
+ctaText: string;
+ctaLinkTarget: string;
+ctaAsLink: boolean;
+ctaButton: boolean;
+ctaButtonColor: string;
+ctaButtonBlock: boolean;
+borderWidth: number;
+borderColor: string;
+gradient1: string;
+gradient2: string;
+}>>> & {
+"onCard-click"?: ((event: Event, item: CardClickEvent) => any) | undefined;
+}, {
+titleSize: HeadingSize;
+titleColor: ColorPalette;
+borderColor: ColorPalette;
+bgColor: ColorPalette;
+displayImage: boolean;
+imageAlt: string;
+imageCors: CrossOrigin;
+ctaAsLink: boolean;
+ctaText: string;
+displayHighlight: boolean;
+highlightColor: ColorPalette;
+ctaLinkTarget: CtaTarget;
+ctaButton: boolean;
+ctaButtonColor: ColorPalette;
+ctaButtonBlock: boolean;
+borderWidth: 1 | 3 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+gradient1: ColorPalette;
+gradient2: ColorPalette;
+}, {}>, Readonly<{
+    default: any;
+}> & {
+    default: any;
+}>;
+
+export { }