@progress/kendo-vue-inputs 2.7.3 → 2.8.0-dev.202201111325

package/dist/npm/colors/ColorPicker.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColorPickerVue3 = exports.ColorPicker = void 0; // @ts-ignore
+exports.ColorPickerVue2 = exports.ColorPicker = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
 
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 
-var kendo_vue_common_2 = require("@progress/kendo-vue-common");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var package_metadata_1 = require("../package-metadata");
 
@@ -44,7 +44,7 @@ var isControlled = function isControlled(prop) {
 }; // tslint:enable:max-line-length
 
 
-var ColorPicker = {
+var ColorPickerVue2 = {
   name: 'KendoColorPicker',
   props: {
     value: {
@@ -90,7 +90,7 @@ var ColorPicker = {
       type: String,
       default: 'medium',
       validator: function validator(value) {
-        return [null, 'small', 'medium', 'large', 'pill'].includes(value);
+        return [null, 'small', 'medium', 'large', 'full'].includes(value);
       }
     },
     fillMode: {
@@ -126,23 +126,20 @@ var ColorPicker = {
       return this.$props.iconClassName || icon && "k-icon k-i-" + icon;
     },
     wrapperClassName: function wrapperClassName() {
-      return {
-        'k-widget': true,
-        'k-colorpicker': true,
-        'k-state-invalid': this.valid === false
-      };
-    },
-    spanClassName: function spanClassName() {
-      var disabled = this.$props.disabled;
-      return {
-        'k-picker-wrap': true,
-        'k-state-disabled': disabled,
-        'k-state-focused': this.focused
-      };
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
+      return _a = {
+        'k-picker': true,
+        'k-colorpicker': true
+      }, _a["k-picker-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-picker-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = this.valid, _a['k-invalid'] = !this.valid, _a['k-disabled'] = this.disabled, _a['k-focus'] = this.focused, _a;
     }
   },
   created: function created() {
-    kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
+    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
     this.focusableElementGuid = kendo_vue_common_1.guid();
   },
   mounted: function mounted() {
@@ -165,16 +162,18 @@ var ColorPicker = {
   render: function render(createElement) {
     var _this2 = this;
 
+    var _a;
+
     var _this = this;
 
     var h = gh || createElement;
-    var _a = this.$props,
-        disabled = _a.disabled,
-        tabIndex = _a.tabIndex; // const dir = useDir(focusableElementGuid, props.dir);
+    var _b = this.$props,
+        disabled = _b.disabled,
+        tabIndex = _b.tabIndex; // const dir = useDir(focusableElementGuid, props.dir);
 
     return h("span", {
-      "class": this.wrapperClassName
-    }, [h("span", {
+      "class": this.wrapperClassName // dir={dir}
+      ,
       id: this.$props.id,
       attrs: this.v3 ? undefined : {
         id: this.$props.id,
@@ -185,7 +184,6 @@ var ColorPicker = {
       },
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
-      "class": this.spanClassName,
       ref: this.focusableElementGuid,
       tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
       title: this.$props.title,
@@ -197,40 +195,41 @@ var ColorPicker = {
       },
       onFocusin: this.onFocusHandler,
       onFocusout: this.onBlurHandler
-    }, [!this.computedIconClassName ? h("span", {
-      onClick: this.onActiveColorClickHandler,
-      on: this.v3 ? undefined : {
-        "click": this.onActiveColorClickHandler
-      },
-      "class": 'k-selected-color',
-      style: {
-        backgroundColor: this.computedValue
-      }
-    }, [!this.computedValue && h("span", {
-      "class": 'k-icon k-i-line'
-    })]) : h("span", {
+    }, [h("span", {
       onClick: this.onActiveColorClickHandler,
       on: this.v3 ? undefined : {
         "click": this.onActiveColorClickHandler
       },
-      "class": kendo_vue_common_1.classNames('k-tool-icon', this.computedIconClassName)
+      "class": 'k-input-inner'
     }, [h("span", {
-      "class": 'k-selected-color',
+      "class": kendo_vue_common_1.classNames('k-value-icon', 'k-color-preview', {
+        'k-no-color': !this.computedValue,
+        'k-icon-color-preview': this.icon || this.iconClassName
+      })
+    }, [(this.iconClassName || this.icon) && h("span", {
+      "class": kendo_vue_common_1.classNames('k-color-preview-icon', this.iconClassName, (_a = {}, _a["k-icon k-i-" + this.icon] = this.icon && !this.iconClassName, _a))
+    }), h("span", {
+      "class": "k-color-preview-mask",
       style: {
         backgroundColor: this.computedValue
       }
-    })]), h("span", {
+    })])]), // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      type: "button",
+      attrs: this.v3 ? undefined : {
+        type: "button",
+        icon: 'arrow-s'
+      },
+      ref: this.v3 ? function (el) {
+        _this.buttonRef = el;
+      } : 'button',
       onClick: this.onClickHandler,
       on: this.v3 ? undefined : {
         "click": this.onClickHandler
       },
-      "class": 'k-select',
-      ref: this.v3 ? function (el) {
-        _this.buttonRef = el;
-      } : 'button'
-    }, [h("span", {
-      "class": 'k-icon k-i-arrow-s'
-    })]), // @ts-ignore function children
+      "class": "k-input-button",
+      icon: 'arrow-s'
+    }), // @ts-ignore function children
     h(Picker_1.Picker, {
       //  dir={dir}
       open: this.computedOpen,
@@ -275,7 +274,7 @@ var ColorPicker = {
         value: _this2.computedValue || undefined
       },
       onChange: _this2.onPaletteChangeHandler
-    })])])]);
+    })])]);
   },
   methods: {
     focusElement: function focusElement() {
@@ -390,6 +389,6 @@ var ColorPicker = {
     }
   }
 };
-exports.ColorPicker = ColorPicker;
-var ColorPickerVue3 = ColorPicker;
-exports.ColorPickerVue3 = ColorPickerVue3;
+exports.ColorPickerVue2 = ColorPickerVue2;
+var ColorPicker = ColorPickerVue2;
+exports.ColorPicker = ColorPicker;

package/dist/npm/colors/Picker.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -34,8 +33,8 @@ export interface PickerData {
 /**
  * @hidden
  */
-export interface PickerAll extends Vue, PickerMethods, PickerData, PickerComputed, PickerState {
+export interface PickerAll extends Vue2type, PickerMethods, PickerData, PickerComputed, PickerState {
 }
-declare let Picker: ComponentOptions<PickerAll, DefaultData<PickerData>, DefaultMethods<PickerAll>, PickerComputed, RecordPropsDefinition<PickerProps>>;
-declare const PickerVue3: DefineComponent<PickerProps, any, PickerData, PickerComputed, PickerMethods, {}, {}, {}, string, PickerProps, PickerProps, {}>;
-export { Picker, PickerVue3 };
+declare let PickerVue2: ComponentOptions<PickerAll, DefaultData<PickerData>, DefaultMethods<PickerAll>, PickerComputed, RecordPropsDefinition<PickerProps>>;
+declare const Picker: DefineComponent<PickerProps, any, PickerData, PickerComputed, PickerMethods, {}, {}, {}, string, PickerProps, PickerProps, {}>;
+export { Picker, PickerVue2 };

package/dist/npm/colors/Picker.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PickerVue3 = exports.Picker = void 0; // @ts-ignore
+exports.PickerVue2 = exports.Picker = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -25,7 +25,7 @@ var ANCHOR_VERTICAL_ALIGN = 'bottom';
 
 var POPUP_VERTICAL_ALIGN = 'top'; // tslint:enable:max-line-length
 
-var Picker = {
+var PickerVue2 = {
   name: 'KendoPicker',
   props: {
     popupSettings: Object,
@@ -100,6 +100,6 @@ var Picker = {
     }
   }
 };
-exports.Picker = Picker;
-var PickerVue3 = Picker;
-exports.PickerVue3 = PickerVue3;
+exports.PickerVue2 = PickerVue2;
+var Picker = PickerVue2;
+exports.Picker = Picker;

package/dist/npm/colors/interfaces/ColorPickerProps.d.ts

@@ -121,12 +121,12 @@ export interface ColorPickerProps {
      * - small
      * - medium
      * - large
-     * - pill
+     * - full
      * - null—Does not set a rounded `className`.
      *
      * @default `medium`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'pill' | string;
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
     /**
      * Configures the `fillMode` of the ColorPicker.
      *

package/dist/npm/input/Input.d.ts

@@ -1,6 +1,5 @@
-import { DefineComponent } from '../additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { FormComponentProps } from '@progress/kendo-vue-common';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => InputData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -19,6 +18,43 @@ export interface InputProps extends FormComponentProps {
     modelValue?: string | number;
     defaultValue?: string | string[] | number | undefined;
     validate?: boolean;
+    /**
+     * Configures the `size` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null&mdash;Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     dir?: string;
     onChange?: Element;
     onFocus?: (event: any) => void;
@@ -75,8 +111,8 @@ export interface InputComputed {
 /**
  * @hidden
  */
-export interface InputAllMethods extends Vue, InputMethods, InputComputed, InputState {
+export interface InputAllMethods extends Vue2type, InputMethods, InputComputed, InputState {
 }
-declare let Input: ComponentOptions<InputAllMethods, DefaultData<InputData>, DefaultMethods<InputAllMethods>, InputComputed, RecordPropsDefinition<InputProps>>;
-declare const InputVue3: DefineComponent<InputProps, any, InputData, InputComputed, InputMethods, {}, {}, {}, string, InputProps, InputProps, {}>;
-export { Input, InputVue3 };
+declare let InputVue2: ComponentOptions<InputAllMethods, DefaultData<InputData>, DefaultMethods<InputAllMethods>, InputComputed, RecordPropsDefinition<InputProps>>;
+declare const Input: DefineComponent<InputProps, any, InputData, InputComputed, InputMethods, {}, {}, {}, string, InputProps, InputProps, {}>;
+export { Input, InputVue2 };

package/dist/npm/input/Input.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputVue3 = exports.Input = void 0; // @ts-ignore
+exports.InputVue2 = exports.Input = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -33,7 +33,7 @@ var package_metadata_1 = require("../package-metadata");
 
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
 
-var Input = {
+var InputVue2 = {
   model: {
     event: 'changemodel'
   },
@@ -69,6 +69,27 @@ var Input = {
       type: Boolean,
       default: false
     },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large'].includes(value);
+      }
+    },
+    rounded: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large'].includes(value);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return [null, 'solid', 'flat', 'outline'].includes(value);
+      }
+    },
     dir: {
       type: String
     },
@@ -208,8 +229,8 @@ var Input = {
     inputClassNames: function inputClassNames() {
       var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
       return {
-        'k-textbox': true,
-        'k-state-invalid': !isValid && isValid !== undefined
+        'k-input': true,
+        'k-invalid': !isValid && isValid !== undefined
       };
     },
     validity: function validity() {
@@ -307,10 +328,10 @@ var Input = {
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         return {
           'k-floating-label-container': true,
-          'k-state-focused': this.$data.focused,
-          'k-state-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
+          'k-focus': this.$data.focused,
+          'k-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
           'k-autofill': this.$data.autofill,
-          'k-state-invalid': !isValid && isValid !== undefined,
+          'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
       }
@@ -322,6 +343,6 @@ var Input = {
     }
   }
 };
-exports.Input = Input;
-var InputVue3 = Input;
-exports.InputVue3 = InputVue3;
+exports.InputVue2 = InputVue2;
+var Input = InputVue2;
+exports.Input = Input;

package/dist/npm/main.d.ts

@@ -10,7 +10,7 @@ export * from './colors/interfaces/ColorPickerFocusEvent';
 export * from './colors/interfaces/ColorPickerPaletteSettings';
 export * from './colors/interfaces/ColorPickerPopupSettings';
 export * from './colors/interfaces/ColorPickerProps';
-export { Switch, SwitchProps, SwitchState, SwitchChangeEvent } from './switch/Switch';
+export { Switch, SwitchVue2, SwitchProps, SwitchState, SwitchChangeEvent } from './switch/Switch';
 export * from './input/Input';
 export * from './numerictextbox/NumericTextBox';
 export * from './maskedtextbox/MaskedTextBox';

package/dist/npm/main.js

@@ -23,6 +23,7 @@ __exportStar(require("./colors/interfaces/ColorPickerPopupSettings"), exports);
 __exportStar(require("./colors/interfaces/ColorPickerProps"), exports);
 var Switch_1 = require("./switch/Switch");
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+Object.defineProperty(exports, "SwitchVue2", { enumerable: true, get: function () { return Switch_1.SwitchVue2; } });
 __exportStar(require("./input/Input"), exports);
 __exportStar(require("./numerictextbox/NumericTextBox"), exports);
 __exportStar(require("./maskedtextbox/MaskedTextBox"), exports);

package/dist/npm/maskedtextbox/MaskedTextBox.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => MaskedTextBoxData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -40,7 +39,7 @@ interface MaskedTextBoxState {
 /**
  * @hidden
  */
-export interface MaskedTextBoxMethods extends Vue {
+export interface MaskedTextBoxMethods extends Vue2type {
     focus: (e: any) => void;
     computedValue: () => any;
     rawValue: () => string;
@@ -69,6 +68,6 @@ export interface MaskedTextBoxAll extends MaskedTextBoxMethods, MaskedTextBoxSta
 /**
  * Represents the default `MaskedTextBox` component.
  */
-declare let MaskedTextBox: ComponentOptions<Vue, DefaultData<MaskedTextBoxData>, DefaultMethods<MaskedTextBoxAll>, MaskedTextBoxComputed, RecordPropsDefinition<MaskedTextBoxProps>>;
-declare const MaskedTextBoxVue3: DefineComponent<MaskedTextBoxProps, any, MaskedTextBoxData, MaskedTextBoxComputed, MaskedTextBoxMethods, {}, {}, {}, string, MaskedTextBoxProps, MaskedTextBoxProps, {}>;
-export { MaskedTextBox, MaskedTextBoxVue3 };
+declare let MaskedTextBoxVue2: ComponentOptions<Vue2type, DefaultData<MaskedTextBoxData>, DefaultMethods<MaskedTextBoxAll>, MaskedTextBoxComputed, RecordPropsDefinition<MaskedTextBoxProps>>;
+declare const MaskedTextBox: DefineComponent<MaskedTextBoxProps, any, MaskedTextBoxData, MaskedTextBoxComputed, MaskedTextBoxMethods, {}, {}, {}, string, MaskedTextBoxProps, MaskedTextBoxProps, {}>;
+export { MaskedTextBox, MaskedTextBoxVue2 };

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MaskedTextBoxVue3 = exports.MaskedTextBox = void 0; // @ts-ignore
+exports.MaskedTextBoxVue2 = exports.MaskedTextBox = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -23,7 +23,7 @@ var package_metadata_1 = require("../package-metadata");
  */
 
 
-var MaskedTextBox = {
+var MaskedTextBoxVue2 = {
   model: {
     event: 'changemodel'
   },
@@ -42,6 +42,27 @@ var MaskedTextBox = {
     accessKey: String,
     disabled: Boolean,
     readonly: Boolean,
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large'].includes(value);
+      }
+    },
+    rounded: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: 'solid',
+      validator: function validator(value) {
+        return [null, 'solid', 'flat', 'outline'].includes(value);
+      }
+    },
     prompt: {
       type: String,
       default: '_'
@@ -180,10 +201,10 @@ var MaskedTextBox = {
       get: function get() {
         var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;
         return {
-          'k-textbox-container': true,
-          'k-state-focused': this.currentFocused,
-          'k-state-empty': !this.computedValue(),
-          'k-state-invalid': !isValid && isValid !== undefined,
+          'k-floating-label-container': true,
+          'k-focus': this.currentFocused,
+          'k-empty': !this.computedValue(),
+          'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
       }
@@ -323,11 +344,18 @@ var MaskedTextBox = {
       }
     }
   },
+  // @ts-ignore
   render: function render(createElement) {
+    var _a;
+
     var _this = this;
 
     var h = gh || createElement;
     var inputId = this.$props.id || this.inputId;
+    var _b = this.$props,
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
     var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;
     var newValue = this.computedValue();
     var inputValue = this.inputValue;
@@ -336,11 +364,7 @@ var MaskedTextBox = {
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
       },
-      "class": kendo_vue_common_1.classNames('k-widget k-maskedtextbox', this.$props.className, {
-        'k-state-focused': this.currentFocused,
-        'k-state-disabled': this.$props.disabled,
-        'k-state-invalid': !isValid
-      }),
+      "class": kendo_vue_common_1.classNames('k-maskedtextbox k-input', (_a = {}, _a["k-input-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-" + fillMode] = fillMode, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-valid'] = isValid, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a)),
       style: !this.$props.label ? {
         width: this.$props.width
       } : undefined
@@ -367,7 +391,7 @@ var MaskedTextBox = {
       autoCorrect: "off",
       autoCapitalize: "off",
       spellCheck: false,
-      "class": "k-textbox",
+      "class": "k-input k-input-inner",
       value: this.v3 ? newValue : null,
       domProps: this.v3 ? undefined : {
         "value": newValue
@@ -417,6 +441,6 @@ var MaskedTextBox = {
     }, [this.$props.label]) : null]) : component;
   }
 };
-exports.MaskedTextBox = MaskedTextBox;
-var MaskedTextBoxVue3 = MaskedTextBox;
-exports.MaskedTextBoxVue3 = MaskedTextBoxVue3;
+exports.MaskedTextBoxVue2 = MaskedTextBoxVue2;
+var MaskedTextBox = MaskedTextBoxVue2;
+exports.MaskedTextBox = MaskedTextBox;

package/dist/npm/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -53,6 +53,43 @@ export interface MaskedTextBoxProps extends FormComponentProps {
      * Represents the `dir` HTML attribute.
      */
     dir?: string;
+    /**
+     * Configures the `size` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null—Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the MaskedTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     /**
      * Sets the `tabIndex` property of the MaskedTextBox.
      */

package/dist/npm/numerictextbox/NumericTextBox.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { NumericTextBoxData } from './interfaces/NumericTextBoxData';
 import { NumericTextBoxProps } from './interfaces/NumericTextBoxProps';
 declare type DefaultData<V> = object | ((this: V) => NumericTextBoxData);
@@ -71,8 +70,8 @@ export interface NumericTextBoxComputed {
 /**
  * @hidden
  */
-export interface NumericTextBoxAll extends Vue, NumericTextBoxMethods, NumericTextBoxComputed, NumericTextBoxState {
+export interface NumericTextBoxAll extends Vue2type, NumericTextBoxMethods, NumericTextBoxComputed, NumericTextBoxState {
 }
-declare let NumericTextBox: ComponentOptions<NumericTextBoxAll, DefaultData<NumericTextBoxData>, DefaultMethods<NumericTextBoxAll>, NumericTextBoxComputed, RecordPropsDefinition<NumericTextBoxProps>>;
-declare const NumericTextBoxVue3: DefineComponent<NumericTextBoxProps, any, NumericTextBoxData, NumericTextBoxComputed, NumericTextBoxMethods, {}, {}, {}, string, NumericTextBoxProps, NumericTextBoxProps, {}>;
-export { NumericTextBox, NumericTextBoxVue3 };
+declare let NumericTextBoxVue2: ComponentOptions<NumericTextBoxAll, DefaultData<NumericTextBoxData>, DefaultMethods<NumericTextBoxAll>, NumericTextBoxComputed, RecordPropsDefinition<NumericTextBoxProps>>;
+declare const NumericTextBox: DefineComponent<NumericTextBoxProps, any, NumericTextBoxData, NumericTextBoxComputed, NumericTextBoxMethods, {}, {}, {}, string, NumericTextBoxProps, NumericTextBoxProps, {}>;
+export { NumericTextBox, NumericTextBoxVue2 };