@dcodegroup-au/dsg-vue/dist/components/Elements/DsgBarcodeScanner.vue.d.ts

Front-end Vue/Tailwind DSG for UntitledUI.

import { DsgButtonProps } from './DsgButton.vue';
import { DsgMiscIconProps } from '../Icons/DsgMiscIcon.vue';
export interface DsgScanOptions {
    title: string;
    subtitle?: string;
}
type __VLS_Props = {
    failTitle?: string;
    failSubtitle?: string;
    onScan: (result: DsgBarcodeScannerResult) => void;
};
export type DsgBarcodeScannerResult = {
    type: "scanned";
    value: string;
} | {
    type: "manual";
    value: string;
} | {
    type: "cancelled";
};
declare function scan(options: DsgScanOptions): void;
declare function close(): void;
declare function success(): void;
declare function error(): void;
declare function showSlot(): void;
declare function hideSlot(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        default?(_: {}): any;
    };
    refs: {
        modalRef: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: {
                readonly title?: string | undefined;
                readonly description?: string | undefined;
                readonly miscIcon?: (DsgMiscIconProps | null) | undefined;
                readonly hasClosedButton?: boolean | undefined;
                readonly initialOpen?: boolean | undefined;
                readonly closeClickBackground?: boolean | undefined;
                readonly wrapperClasses?: string | undefined;
                readonly width?: number | undefined;
                readonly type?: import('./DsgModal.vue').DsgModalType | undefined;
                readonly footerType?: import('./DsgModal.vue').DsgModalFooterType | undefined;
                readonly primaryButton?: (DsgButtonProps | false) | undefined;
                readonly secondaryButton?: (DsgButtonProps | false) | undefined;
                readonly hasBackground?: boolean | undefined;
                readonly "onBefore-open"?: (() => any) | undefined;
                readonly "onAfter-open"?: (() => any) | undefined;
                readonly "onBefore-close"?: (() => any) | undefined;
                readonly "onAfter-close"?: (() => any) | undefined;
                readonly "onSecondary-button-clicked"?: (() => any) | undefined;
                readonly "onPrimary-button-clicked"?: (() => any) | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
            $attrs: import('vue').Attrs;
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: ((event: "before-open") => void) & ((event: "after-open") => void) & ((event: "before-close") => void) & ((event: "after-close") => void) & ((event: "secondary-button-clicked") => void) & ((event: "primary-button-clicked") => void);
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('./DsgModal.vue').DsgModalProps> & Readonly<{
                "onBefore-open"?: (() => any) | undefined;
                "onAfter-open"?: (() => any) | undefined;
                "onBefore-close"?: (() => any) | undefined;
                "onAfter-close"?: (() => any) | undefined;
                "onSecondary-button-clicked"?: (() => any) | undefined;
                "onPrimary-button-clicked"?: (() => any) | undefined;
            }>, {
                open: () => void;
                close: () => void;
                secondaryButtonClicked: () => void;
                primaryButtonClicked: () => void;
            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                "before-open": () => any;
                "after-open": () => any;
                "before-close": () => any;
                "after-close": () => any;
                "secondary-button-clicked": () => any;
                "primary-button-clicked": () => any;
            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').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: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
            };
            $forceUpdate: () => void;
            $nextTick: typeof import('vue').nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
        } & Readonly<{}> & Omit<Readonly<import('./DsgModal.vue').DsgModalProps> & Readonly<{
            "onBefore-open"?: (() => any) | undefined;
            "onAfter-open"?: (() => any) | undefined;
            "onBefore-close"?: (() => any) | undefined;
            "onAfter-close"?: (() => any) | undefined;
            "onSecondary-button-clicked"?: (() => any) | undefined;
            "onPrimary-button-clicked"?: (() => any) | undefined;
        }>, "open" | "close" | "secondaryButtonClicked" | "primaryButtonClicked"> & {
            open: () => void;
            close: () => void;
            secondaryButtonClicked: () => void;
            primaryButtonClicked: () => void;
        } & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: {
                'dsg-modal__header'?(_: {}): any;
                default?(_: {}): any;
                'dsg-modal__footer'?(_: {}): any;
            };
        }) | null;
    };
    rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
    scan: typeof scan;
    close: typeof close;
    success: typeof success;
    error: typeof error;
    showSlot: typeof showSlot;
    hideSlot: typeof hideSlot;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    modalRef: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly title?: string | undefined;
            readonly description?: string | undefined;
            readonly miscIcon?: (DsgMiscIconProps | null) | undefined;
            readonly hasClosedButton?: boolean | undefined;
            readonly initialOpen?: boolean | undefined;
            readonly closeClickBackground?: boolean | undefined;
            readonly wrapperClasses?: string | undefined;
            readonly width?: number | undefined;
            readonly type?: import('./DsgModal.vue').DsgModalType | undefined;
            readonly footerType?: import('./DsgModal.vue').DsgModalFooterType | undefined;
            readonly primaryButton?: (DsgButtonProps | false) | undefined;
            readonly secondaryButton?: (DsgButtonProps | false) | undefined;
            readonly hasBackground?: boolean | undefined;
            readonly "onBefore-open"?: (() => any) | undefined;
            readonly "onAfter-open"?: (() => any) | undefined;
            readonly "onBefore-close"?: (() => any) | undefined;
            readonly "onAfter-close"?: (() => any) | undefined;
            readonly "onSecondary-button-clicked"?: (() => any) | undefined;
            readonly "onPrimary-button-clicked"?: (() => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: import('vue').Attrs;
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "before-open") => void) & ((event: "after-open") => void) & ((event: "before-close") => void) & ((event: "after-close") => void) & ((event: "secondary-button-clicked") => void) & ((event: "primary-button-clicked") => void);
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('./DsgModal.vue').DsgModalProps> & Readonly<{
            "onBefore-open"?: (() => any) | undefined;
            "onAfter-open"?: (() => any) | undefined;
            "onBefore-close"?: (() => any) | undefined;
            "onAfter-close"?: (() => any) | undefined;
            "onSecondary-button-clicked"?: (() => any) | undefined;
            "onPrimary-button-clicked"?: (() => any) | undefined;
        }>, {
            open: () => void;
            close: () => void;
            secondaryButtonClicked: () => void;
            primaryButtonClicked: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            "before-open": () => any;
            "after-open": () => any;
            "before-close": () => any;
            "after-close": () => any;
            "secondary-button-clicked": () => any;
            "primary-button-clicked": () => any;
        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').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: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{}> & Omit<Readonly<import('./DsgModal.vue').DsgModalProps> & Readonly<{
        "onBefore-open"?: (() => any) | undefined;
        "onAfter-open"?: (() => any) | undefined;
        "onBefore-close"?: (() => any) | undefined;
        "onAfter-close"?: (() => any) | undefined;
        "onSecondary-button-clicked"?: (() => any) | undefined;
        "onPrimary-button-clicked"?: (() => any) | undefined;
    }>, "open" | "close" | "secondaryButtonClicked" | "primaryButtonClicked"> & {
        open: () => void;
        close: () => void;
        secondaryButtonClicked: () => void;
        primaryButtonClicked: () => void;
    } & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            'dsg-modal__header'?(_: {}): any;
            default?(_: {}): any;
            'dsg-modal__footer'?(_: {}): any;
        };
    }) | null;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};