@vue-stripe/vue-stripe/dist/types/components/VueStripeCardElement.vue.d.ts

Vue Stripe elements and composables for Stripe.js

import { StripeCardElement as StripeCardElementType, StripeCardElementOptions, StripeCardElementChangeEvent, StripeError, StripeCardElementUpdateOptions } from '@stripe/stripe-js';
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue-demi';
interface Props {
    options?: StripeCardElementOptions;
}
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        error?(_: {
            error: string;
        }): any;
        loading?(_: {}): any;
    };
    refs: {
        elementRef: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: DefineComponent<Props, {
    element: Ref<{
        mount: (domElement: string | HTMLElement) => void;
        blur: () => void;
        clear: () => void;
        destroy: () => void;
        focus: () => void;
        unmount: () => void;
        on: {
            (eventType: "change", handler: (event: StripeCardElementChangeEvent) => any): StripeCardElementType;
            (eventType: "ready", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "focus", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "blur", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "escape", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "networkschange", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "card";
                error: StripeError;
            }) => any): StripeCardElementType;
        };
        once: {
            (eventType: "change", handler: (event: StripeCardElementChangeEvent) => any): StripeCardElementType;
            (eventType: "ready", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "focus", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "blur", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "escape", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "networkschange", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "card";
                error: StripeError;
            }) => any): StripeCardElementType;
        };
        off: {
            (eventType: "change", handler?: (event: StripeCardElementChangeEvent) => any): StripeCardElementType;
            (eventType: "ready", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "focus", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "blur", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "escape", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "networkschange", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "loaderror", handler?: (event: {
                elementType: "card";
                error: StripeError;
            }) => any): StripeCardElementType;
        };
        update: (options: StripeCardElementUpdateOptions) => void;
    } | null, StripeCardElementType | {
        mount: (domElement: string | HTMLElement) => void;
        blur: () => void;
        clear: () => void;
        destroy: () => void;
        focus: () => void;
        unmount: () => void;
        on: {
            (eventType: "change", handler: (event: StripeCardElementChangeEvent) => any): StripeCardElementType;
            (eventType: "ready", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "focus", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "blur", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "escape", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "networkschange", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "card";
                error: StripeError;
            }) => any): StripeCardElementType;
        };
        once: {
            (eventType: "change", handler: (event: StripeCardElementChangeEvent) => any): StripeCardElementType;
            (eventType: "ready", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "focus", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "blur", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "escape", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "networkschange", handler: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "loaderror", handler: (event: {
                elementType: "card";
                error: StripeError;
            }) => any): StripeCardElementType;
        };
        off: {
            (eventType: "change", handler?: (event: StripeCardElementChangeEvent) => any): StripeCardElementType;
            (eventType: "ready", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "focus", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "blur", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "escape", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "networkschange", handler?: (event: {
                elementType: "card";
            }) => any): StripeCardElementType;
            (eventType: "loaderror", handler?: (event: {
                elementType: "card";
                error: StripeError;
            }) => any): StripeCardElementType;
        };
        update: (options: StripeCardElementUpdateOptions) => void;
    } | null>;
    loading: Ref<boolean, boolean>;
    error: Ref<string | null, string | null>;
    focus: () => void | undefined;
    blur: () => void | undefined;
    clear: () => void | undefined;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
    blur: () => any;
    change: (event: StripeCardElementChangeEvent) => any;
    focus: () => any;
    ready: (element: StripeCardElementType) => any;
    escape: () => any;
}, string, PublicProps, Readonly<Props> & Readonly<{
    onBlur?: () => any;
    onChange?: (event: StripeCardElementChangeEvent) => any;
    onFocus?: () => any;
    onReady?: (element: StripeCardElementType) => any;
    onEscape?: () => any;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
    elementRef: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
//# sourceMappingURL=VueStripeCardElement.vue.d.ts.map