@vue-interface/select-field 1.0.0-beta.1 → 1.0.0-beta.10

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

@@ -5,49 +5,42 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @param {String}
      * @default 'form-select'
      */
-    defaultControlClass: {
+    formControlClass: {
         type: StringConstructor;
         default: string;
     };
 }, unknown, unknown, {
     controlClass(): any;
-}, {
-    shouldChangeOnFocus(): false;
-}, import("vue").DefineComponent<{
+}, {}, 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'
-     */
-    nativeEvents: {
-        type: ArrayConstructor;
-        default(): string[];
-    };
-    defaultControlClass: {
-        type: StringConstructor;
-        default: () => any;
+        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 | ArrayConstructor | ObjectConstructor)[];
-        default(): {};
+        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
     };
     feedback: {
         type: (StringConstructor | ArrayConstructor)[];
         default: undefined;
     };
+    formControlClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: () => any;
+    };
     group: {
         type: BooleanConstructor;
         default: () => any;
@@ -56,16 +49,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    hideLabel: BooleanConstructor;
     indicator: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
         default: () => any;
     };
     indicatorSize: {
         type: StringConstructor;
         default: undefined;
     };
-    inline: BooleanConstructor;
     invalid: BooleanConstructor;
     label: {
         type: (StringConstructor | NumberConstructor)[];
@@ -76,61 +67,379 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: () => any;
     };
     modelValue: {
-        default: undefined;
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
+        default: () => undefined;
     };
-    pill: BooleanConstructor;
     plaintext: BooleanConstructor;
     size: {
         type: StringConstructor;
         default: undefined;
     };
-    spacing: {
-        type: StringConstructor;
-        default: undefined;
-    };
     valid: BooleanConstructor;
 }, unknown, {
-    defaultEmpty: boolean;
+    currentValue: undefined;
     hasChanged: boolean;
     hasFocus: boolean;
-    isEmpty: 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;
+    }>;
 }, {
-    id(): any;
+    model: {
+        get(): any;
+        set(value: any): void;
+    };
+    id(): string | undefined;
+    isEmpty(): boolean;
+    isInvalid(): boolean;
+    isValid(): boolean;
     componentName(): any;
-    controlAttributes(): {
-        [k: string]: unknown;
-    };
     controlClass(): any;
+    controlAttributes(): any;
+    controlClasses(): any;
     controlSizeClass(): string;
     formGroupClasses(): {
         [x: number]: boolean;
         animated: any;
-        'default-empty': any;
         'form-group': any;
         'has-activity': any;
         'has-changed': any;
         'has-focus': any;
         'has-icon': boolean;
+        'is-dirty': any;
         'is-empty': any;
-        'is-invalid': boolean;
-        'is-valid': boolean;
+        'is-invalid': any;
+        'is-valid': any;
     } & (false | {
         [x: string]: boolean;
     });
-    controlClasses(): any;
-    hasDefaultSlot(): boolean;
-    invalidFeedback(): any;
-    pillClasses(): "rounded rounded-pill";
     plaintextClass(): "form-control-plaintext";
-    validFeedback(): any;
 }, {
-    bindEvents(el: HTMLOptionElement | HTMLSelectElement, fn: Function): void;
+    bindEvents(el: HTMLElement): void;
     blur(): void;
     focus(): void;
-    getInputField(): any;
     getFieldErrors(): any;
-    shouldChangeOnFocus(): boolean;
-    onInput(value: any): void;
+    getModelValue(): any;
+    setModelValue(value: any): void;
 }, import("vue").DefineComponent<{
     dropShadow: {
         type: (BooleanConstructor | StringConstructor)[];
@@ -174,7 +483,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     dropShadow: string | boolean;
     dropShadowableClassPrefix: string;
     shadowableClassPrefix: string;
-}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, 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;
@@ -183,26 +492,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: () => any;
     };
-    nativeEvents: {
-        type: ArrayConstructor;
-        default(): string[];
-    };
-    defaultControlClass: {
-        type: StringConstructor;
-        default: () => any;
-    };
     error: {
         type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
         default: undefined;
     };
     errors: {
-        type: (BooleanConstructor | ArrayConstructor | ObjectConstructor)[];
-        default(): {};
+        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
     };
     feedback: {
         type: (StringConstructor | ArrayConstructor)[];
         default: undefined;
     };
+    formControlClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: () => any;
+    };
     group: {
         type: BooleanConstructor;
         default: () => any;
@@ -211,16 +516,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
-    hideLabel: BooleanConstructor;
     indicator: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
         default: () => any;
     };
     indicatorSize: {
         type: StringConstructor;
         default: undefined;
     };
-    inline: BooleanConstructor;
     invalid: BooleanConstructor;
     label: {
         type: (StringConstructor | NumberConstructor)[];
@@ -231,54 +534,56 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: () => any;
     };
     modelValue: {
-        default: undefined;
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
+        default: () => undefined;
     };
-    pill: BooleanConstructor;
     plaintext: BooleanConstructor;
     size: {
         type: StringConstructor;
         default: undefined;
     };
-    spacing: {
-        type: StringConstructor;
-        default: undefined;
-    };
     valid: BooleanConstructor;
-}>>, {
-    activity: boolean;
-    animated: boolean;
-    nativeEvents: unknown[];
-    defaultControlClass: string;
+}>> & {
+    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;
-    hideLabel: boolean;
-    indicator: string | boolean;
+    indicator: string | boolean | Record<string, any>;
     indicatorSize: string;
-    inline: boolean;
     invalid: boolean;
     label: string | number;
     labelClass: string | Record<string, any>;
-    modelValue: undefined;
-    pill: boolean;
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
     plaintext: boolean;
     size: string;
-    spacing: string;
     valid: boolean;
-}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, 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'
      */
-    defaultControlClass: {
+    formControlClass: {
         type: StringConstructor;
         default: string;
     };
 }>>, {
-    defaultControlClass: string;
+    formControlClass: string;
 }>;
 export default _sfc_main;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@vue-interface/select-field",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.10",
   "description": "A Vue select field component.",
   "files": [
     "dist"
   ],
+  "type": "module",
   "main": "./dist/select-field.umd.js",
   "module": "./dist/select-field.js",
   "style": "./dist/style.css",
@@ -21,12 +22,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview",
-    "pre-release": "npm run build; git add . -A; git commit -m 'pre-release commit'",
-    "release-patch": "npm run pre-release && npm version patch -m \"%s\" && npm run release;",
-    "release-minor": "npm run pre-release && npm version minor -m \"%s\" && npm run release;",
-    "release-major": "npm run pre-release && npm version major -m \"%s\" && npm run release;",
-    "release": "git add . -A; git commit; git push --tags origin; npm publish;"
+    "preview": "vite preview"
   },
   "repository": {
     "type": "git",
@@ -47,26 +43,24 @@
   },
   "homepage": "https://github.com/vue-interface/select-field/docs#readme",
   "dependencies": {
-    "@vue-interface/activity-indicator": "^2.0.0-beta.0",
-    "@vue-interface/form-control": "^1.0.0-beta.0"
+    "@vue-interface/activity-indicator": "^2.0.0-beta.11",
+    "@vue-interface/form-control": "^1.0.0-beta.15"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-babel": "^6.0.3",
-    "@vitejs/plugin-vue": "^3.0.1",
-    "autoprefixer": "^10.4.2",
-    "babel-eslint": "^10.1.0",
-    "babel-preset-vue": "^2.0.2",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "autoprefixer": "^10.4.13",
     "change-case": "^4.1.2",
-    "eslint": "^8.29.0",
-    "eslint-plugin-vue": "^9.8.0",
+    "eslint": "^8.34.0",
+    "eslint-plugin-vue": "^9.9.0",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.4.6",
-    "tailwindcss": "^3.0.18",
-    "vite": "^3.0.0",
-    "vite-plugin-dts": "^1.7.1",
-    "vue": "^3.2.37"
+    "postcss": "^8.4.21",
+    "tailwindcss": "^3.2.7",
+    "vite": "^4.1.4",
+    "vite-plugin-dts": "^1.7.3",
+    "vue": "^3.2.47"
   }
 }