@aotearoan/neon/dist/src/components/feedback/splash-loader/NeonSplashLoader.d.ts

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';
import { NeonSplashLoaderSize } from '@/model/feedback/splash-loader/NeonSplashLoaderSize';
/**
 * Use <strong>NeonSplashLoader</strong> to indicate loading progress to the user. This can be used fullscreen for the
 * initial site loading as well as when UPDATING data, e.g. refreshing table data. For initial data loading please see
 * <a href="/feedback/skeleton-loader">NeonSkeletonLoader</a>.
 */
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    /**
     * Color of the loading icon
     */
    color: {
        type: () => NeonFunctionalColor;
        default: NeonFunctionalColor;
    };
    /**
     * Loading icon size
     */
    size: {
        type: () => NeonSplashLoaderSize;
        default: NeonSplashLoaderSize;
    };
    /**
     * Display the overlay over the page
     */
    overlay: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Display fullscreen (position: fixed)
     */
    fullscreen: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {
    ready: import("vue").Ref<boolean, boolean>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * Color of the loading icon
     */
    color: {
        type: () => NeonFunctionalColor;
        default: NeonFunctionalColor;
    };
    /**
     * Loading icon size
     */
    size: {
        type: () => NeonSplashLoaderSize;
        default: NeonSplashLoaderSize;
    };
    /**
     * Display the overlay over the page
     */
    overlay: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Display fullscreen (position: fixed)
     */
    fullscreen: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{}>, {
    color: NeonFunctionalColor;
    size: NeonSplashLoaderSize;
    overlay: boolean;
    fullscreen: boolean;
}, {}, {
    NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        id: {
            type: StringConstructor;
            default: null;
        };
        color: {
            type: () => NeonFunctionalColor;
            default: null;
        };
        inverse: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {
        sanitizedAttributes: import("vue").ComputedRef<{
            [x: string]: unknown;
        }>;
        icon: import("vue").ComputedRef<string | undefined>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        id: {
            type: StringConstructor;
            default: null;
        };
        color: {
            type: () => NeonFunctionalColor;
            default: null;
        };
        inverse: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {
        color: NeonFunctionalColor;
        id: string;
        inverse: boolean;
        disabled: boolean;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;