@vue-interface/select-field 1.0.0-beta.9 → 2.0.0

package/dist/src/SelectField.vue.d.ts

@@ -1,589 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    /**
-     * The default class name assigned to the control element
-     *
-     * @param {String}
-     * @default 'form-select'
-     */
-    formControlClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, unknown, {
-    controlClass(): any;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
-    activity: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    animated: {
-        type: BooleanConstructor;
-        default: () => any; /**
-         * The default class name assigned to the control element
-         *
-         * @param {String}
-         * @default 'form-select'
-         */
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    errors: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    feedback: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    formControlClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: () => any;
-    };
-    group: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    helpText: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    indicator: {
-        type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
-        default: () => any;
-    };
-    indicatorSize: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    invalid: BooleanConstructor;
-    label: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    labelClass: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: () => any;
-    };
-    modelValue: {
-        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-        default: () => undefined;
-    };
-    plaintext: BooleanConstructor;
-    size: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    valid: BooleanConstructor;
-}, unknown, {
-    currentValue: undefined;
-    hasChanged: boolean;
-    hasFocus: boolean;
-    isDirty: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        activity: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        animated: {
-            type: BooleanConstructor;
-            default: () => any;
-        };
-        error: {
-            type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        errors: {
-            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        feedback: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        formControlClass: {
-            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: () => any;
-        };
-        group: {
-            type: BooleanConstructor;
-            default: () => any;
-        };
-        helpText: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        indicator: {
-            type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
-            default: () => any;
-        };
-        indicatorSize: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        invalid: BooleanConstructor;
-        label: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        labelClass: {
-            type: (StringConstructor | ObjectConstructor)[];
-            default: () => any;
-        };
-        modelValue: {
-            type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-            default: () => undefined;
-        };
-        plaintext: BooleanConstructor;
-        size: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        valid: BooleanConstructor;
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        onKeypress?: ((...args: any[]) => any) | undefined;
-        onKeyup?: ((...args: any[]) => any) | undefined;
-        onKeydown?: ((...args: any[]) => any) | undefined;
-        onProgress?: ((...args: any[]) => any) | undefined;
-        onPaste?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {}, import("vue").MethodOptions, import("vue").DefineComponent<{
-        dropShadow: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        dropShadowableClassPrefix: {
-            type: StringConstructor;
-            default: string;
-        };
-        shadow: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        shadowableClassPrefix: {
-            type: StringConstructor;
-            default: string;
-        };
-    }, unknown, unknown, {
-        shadowableClass(): {
-            [x: string]: boolean;
-        };
-    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        dropShadow: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        dropShadowableClassPrefix: {
-            type: StringConstructor;
-            default: string;
-        };
-        shadow: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        shadowableClassPrefix: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>>, {
-        shadow: string | boolean;
-        dropShadow: string | boolean;
-        dropShadowableClassPrefix: string;
-        shadowableClassPrefix: string;
-    }>, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{
-        activity: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        animated: {
-            type: BooleanConstructor;
-            default: () => any;
-        };
-        error: {
-            type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        errors: {
-            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        feedback: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        formControlClass: {
-            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: () => any;
-        };
-        group: {
-            type: BooleanConstructor;
-            default: () => any;
-        };
-        helpText: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        indicator: {
-            type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
-            default: () => any;
-        };
-        indicatorSize: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        invalid: BooleanConstructor;
-        label: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        labelClass: {
-            type: (StringConstructor | ObjectConstructor)[];
-            default: () => any;
-        };
-        modelValue: {
-            type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-            default: () => undefined;
-        };
-        plaintext: BooleanConstructor;
-        size: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        valid: BooleanConstructor;
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        onKeypress?: ((...args: any[]) => any) | undefined;
-        onKeyup?: ((...args: any[]) => any) | undefined;
-        onKeydown?: ((...args: any[]) => any) | undefined;
-        onProgress?: ((...args: any[]) => any) | undefined;
-        onPaste?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }, {}, false, {}, {
-        P: Readonly<import("vue").ExtractPropTypes<{
-            dropShadow: {
-                type: (BooleanConstructor | StringConstructor)[];
-                default: undefined;
-            };
-            dropShadowableClassPrefix: {
-                type: StringConstructor;
-                default: string;
-            };
-            shadow: {
-                type: (BooleanConstructor | StringConstructor)[];
-                default: undefined;
-            };
-            shadowableClassPrefix: {
-                type: StringConstructor;
-                default: string;
-            };
-        }>>;
-        B: {};
-        D: {};
-        C: {
-            shadowableClass(): {
-                [x: string]: boolean;
-            };
-        };
-        M: {};
-        Defaults: {
-            shadow: string | boolean;
-            dropShadow: string | boolean;
-            dropShadowableClassPrefix: string;
-            shadowableClassPrefix: string;
-        };
-    } & {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        dropShadow: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        dropShadowableClassPrefix: {
-            type: StringConstructor;
-            default: string;
-        };
-        shadow: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: undefined;
-        };
-        shadowableClassPrefix: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<import("vue").ExtractPropTypes<{
-        activity: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        animated: {
-            type: BooleanConstructor;
-            default: () => any;
-        };
-        error: {
-            type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        errors: {
-            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        feedback: {
-            type: (StringConstructor | ArrayConstructor)[];
-            default: undefined;
-        };
-        formControlClass: {
-            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-            default: () => any;
-        };
-        group: {
-            type: BooleanConstructor;
-            default: () => any;
-        };
-        helpText: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        indicator: {
-            type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
-            default: () => any;
-        };
-        indicatorSize: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        invalid: BooleanConstructor;
-        label: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        labelClass: {
-            type: (StringConstructor | ObjectConstructor)[];
-            default: () => any;
-        };
-        modelValue: {
-            type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-            default: () => undefined;
-        };
-        plaintext: BooleanConstructor;
-        size: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        valid: BooleanConstructor;
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        onKeypress?: ((...args: any[]) => any) | undefined;
-        onKeyup?: ((...args: any[]) => any) | undefined;
-        onKeydown?: ((...args: any[]) => any) | undefined;
-        onProgress?: ((...args: any[]) => any) | undefined;
-        onPaste?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {
-        shadowableClass(): {
-            [x: string]: boolean;
-        };
-    }, import("vue").MethodOptions, {
-        shadow: string | boolean;
-        dropShadow: string | boolean;
-        dropShadowableClassPrefix: string;
-        shadowableClassPrefix: string;
-    }>;
-}, {
-    model: {
-        get(): any;
-        set(value: any): void;
-    };
-    id(): string | undefined;
-    isEmpty(): boolean;
-    isInvalid(): boolean;
-    isValid(): boolean;
-    componentName(): any;
-    controlClass(): any;
-    controlAttributes(): any;
-    controlClasses(): any;
-    controlSizeClass(): string;
-    formGroupClasses(): {
-        [x: number]: boolean;
-        animated: any;
-        'form-group': any;
-        'has-activity': any;
-        'has-changed': any;
-        'has-focus': any;
-        'has-icon': boolean;
-        'is-dirty': any;
-        'is-empty': any;
-        'is-invalid': any;
-        'is-valid': any;
-    } & (false | {
-        [x: string]: boolean;
-    });
-    plaintextClass(): "form-control-plaintext";
-}, {
-    bindEvents(el: HTMLElement): void;
-    blur(): void;
-    focus(): void;
-    getFieldErrors(): any;
-    getModelValue(): any;
-    setModelValue(value: any): void;
-}, import("vue").DefineComponent<{
-    dropShadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    dropShadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    shadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, unknown, {
-    shadowableClass(): {
-        [x: string]: boolean;
-    };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    dropShadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    dropShadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    shadowableClassPrefix: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    shadow: string | boolean;
-    dropShadow: string | boolean;
-    dropShadowableClassPrefix: string;
-    shadowableClassPrefix: string;
-}>, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "change" | "click" | "keypress" | "keyup" | "keydown" | "progress" | "paste" | "update:modelValue")[], "focus" | "blur" | "change" | "click" | "keypress" | "keyup" | "keydown" | "progress" | "paste" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    activity: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    animated: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    errors: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    feedback: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    formControlClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: () => any;
-    };
-    group: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    helpText: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    indicator: {
-        type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
-        default: () => any;
-    };
-    indicatorSize: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    invalid: BooleanConstructor;
-    label: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    labelClass: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: () => any;
-    };
-    modelValue: {
-        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-        default: () => undefined;
-    };
-    plaintext: BooleanConstructor;
-    size: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    valid: BooleanConstructor;
-}>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-    onKeypress?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onProgress?: ((...args: any[]) => any) | undefined;
-    onPaste?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    error: string | boolean | unknown[];
-    errors: boolean | unknown[] | Record<string, any>;
-    feedback: string | unknown[];
-    activity: boolean;
-    animated: boolean;
-    formControlClass: string | unknown[] | Record<string, any>;
-    group: boolean;
-    helpText: string | number;
-    indicator: string | boolean | Record<string, any>;
-    indicatorSize: string;
-    invalid: boolean;
-    label: string | number;
-    labelClass: string | Record<string, any>;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    plaintext: boolean;
-    size: string;
-    valid: boolean;
-}>, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The default class name assigned to the control element
-     *
-     * @param {String}
-     * @default 'form-select'
-     */
-    formControlClass: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    formControlClass: string;
-}>;
-export default _sfc_main;

package/dist/style.css

@@ -1 +0,0 @@
-.select-field,.select-field .form-group-inner{position:relative;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.select-field .activity-indicator{position:absolute;right:1.25em;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.select-field .activity-indicator-xs{font-size:.5em;right:2em}.select-field.has-activity .form-control-xs{padding-right:3.75em}.select-field .activity-indicator-sm{font-size:.5em;right:2em}.select-field.has-activity .form-control-sm{padding-right:3em}.select-field .activity-indicator-md{font-size:.666em}.select-field.has-activity .form-control-md{padding-right:3em}.select-field .activity-indicator-lg{font-size:.75em}.select-field.has-activity .form-control-lg{padding-right:3em}.select-field .activity-indicator-xl{font-size:1em}.select-field.has-activity .activity-indicator-xl~.form-control-xl{padding-right:3.75em}.select-field.is-valid .valid-feedback,.select-field.is-invalid .invalid-feedback{display:-webkit-box;display:-ms-flexbox;display:flex}.select-field .form-control-icon{padding-left:2em}.select-field .form-group-inner-icon{position:absolute;top:50%;left:.666em;width:1rem;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-sm .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:.75em;font-size:1.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field-lg .form-group-inner-icon{position:absolute;top:50%;left:.666rem;width:1.25em;font-size:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-field .activity-indicator{opacity:1}.select-field .select-field-fade-enter,.select-field .select-field-fade-leave-to{opacity:0}