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

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NumericTextBoxVue3 = exports.NumericTextBox = void 0; // @ts-ignore
+exports.NumericTextBoxVue2 = exports.NumericTextBox = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,6 +18,8 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var messages_1 = require("./../messages");
 
 var utils_1 = require("./utils");
@@ -25,7 +27,7 @@ var utils_1 = require("./utils");
 var package_metadata_1 = require("../package-metadata");
 
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
-var NumericTextBox = {
+var NumericTextBoxVue2 = {
   model: {
     event: 'changemodel'
   },
@@ -73,6 +75,27 @@ var NumericTextBox = {
       type: Boolean,
       default: undefined
     },
+    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);
+      }
+    },
     required: {
       type: Boolean,
       default: false
@@ -168,23 +191,27 @@ var NumericTextBox = {
         var compValue = this.computedValue;
         return {
           'k-floating-label-container': true,
-          'k-state-focused': this.$data.focused,
-          'k-state-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
-          'k-state-invalid': !isValid && isValid !== undefined,
+          'k-focus': this.$data.focused,
+          'k-empty': !(compValue === 0 ? true : compValue || this.$props.placeholder),
+          'k-invalid': !isValid && isValid !== undefined,
           'k-rtl': this.$props.dir === 'rtl'
         };
       }
     },
-    wrapperClassNames: {
-      get: function get() {
-        var isValid = !this.$props.validityStyles || this.validity().valid;
-        return {
-          'k-numeric-wrap': true,
-          'k-state-focused': this.$data.focused,
-          'k-state-disabled': this.$props.disabled,
-          'k-state-invalid': !isValid || this.$data.isInvalid
-        };
-      }
+    wrapperClassNames: function wrapperClassNames() {
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded,
+          required = _b.required,
+          disabled = _b.disabled;
+      var isValid = !this.$props.validityStyles || this.validity().valid;
+      return _a = {
+        'k-input': true,
+        'k-numerictextbox': true
+      }, _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'] = required, _a['k-disabled'] = disabled, _a;
     }
   },
   methods: {
@@ -280,7 +307,7 @@ var NumericTextBox = {
       if (newState.valueIsCorrected) {
         var wrapper = this._elementWrapper;
 
-        if (wrapper && wrapper.className.indexOf("k-state-invalid") === -1) {
+        if (wrapper && wrapper.className.indexOf("k-invalid") === -1) {
           this.$data.isInvalid = true;
           setTimeout(function () {
             _this.$data.isInvalid = false;
@@ -452,13 +479,9 @@ var NumericTextBox = {
         dir: this.$props.dir,
         "aria-disabled": this.$props.disabled ? 'true' : undefined
       },
-      "class": 'k-widget k-numerictextbox',
-      "aria-disabled": this.$props.disabled ? 'true' : undefined
-    }, [h("span", {
       "class": this.wrapperClassNames,
-      ref: this.v3 ? function (el) {
-        _this.elementWrapperRef = el;
-      } : 'elementWrapper'
+      "aria-disabled": this.$props.disabled ? 'true' : undefined,
+      style: this.$attrs.style
     }, [h("input", {
       tabIndex: this.$props.tabIndex,
       attrs: this.v3 ? undefined : {
@@ -487,7 +510,7 @@ var NumericTextBox = {
       spellCheck: false,
       autoComplete: "off",
       autoCorrect: "off",
-      "class": "k-input k-formatted-value",
+      "class": "k-input k-input-inner",
       id: inputId,
       value: this.v3 ? this.looseValue : null,
       domProps: this.v3 ? undefined : {
@@ -513,40 +536,42 @@ var NumericTextBox = {
         _this.inputRef = el;
       } : 'input'
     }), defaultSlot, this.$props.spinners && h("span", {
-      "class": "k-select",
+      "class": "k-input-spinner k-spin-button",
       onMousedown: this.spinnersWrapperMouseDown,
       on: this.v3 ? undefined : {
         "mousedown": this.spinnersWrapperMouseDown
       }
-    }, [h("span", {
-      "class": "k-link k-link-increase",
-      "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
+    }, [// @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      icon: 'arrow-n',
       attrs: this.v3 ? undefined : {
+        icon: 'arrow-n',
         "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
         title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue])
       },
+      "class": "k-spinner-increase",
+      "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
       title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
       onClick: this.increase,
       on: this.v3 ? undefined : {
         "click": this.increase
       }
-    }, [h("span", {
-      "class": "k-icon k-i-arrow-n"
-    })]), h("span", {
-      "class": "k-link k-link-decrease",
-      "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
+    }), // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      "class": "k-spinner-decrease",
+      icon: 'arrow-s',
       attrs: this.v3 ? undefined : {
+        icon: 'arrow-s',
         "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
         title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue])
       },
+      "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
       title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
       onClick: this.decrease,
       on: this.v3 ? undefined : {
         "click": this.decrease
       }
-    }, [h("span", {
-      "class": "k-icon k-i-arrow-s"
-    })])])])]);
+    })])]);
     return this.$props.label ? h("span", {
       "class": this.spanClassNames,
       onFocusin: this.handleFocus,
@@ -570,6 +595,6 @@ var NumericTextBox = {
     }, [this.$props.label]) : null]) : numerictextbox;
   }
 };
-exports.NumericTextBox = NumericTextBox;
-var NumericTextBoxVue3 = NumericTextBox;
-exports.NumericTextBoxVue3 = NumericTextBoxVue3;
+exports.NumericTextBoxVue2 = NumericTextBoxVue2;
+var NumericTextBox = NumericTextBoxVue2;
+exports.NumericTextBox = NumericTextBox;

package/dist/npm/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -29,6 +29,43 @@ export interface NumericTextBoxProps extends FormComponentProps {
      * Sets the `tabIndex` property of the NumericTextBox.
      */
     tabIndex?: number;
+    /**
+     * Configures the `size` of the NumericTextBox.
+     *
+     * 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 NumericTextBox.
+     *
+     * 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 NumericTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
     /**
      * Specifies the `accessKey` of the NumericTextBox.
      */

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641561208,
+    publishDate: 1641906796,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/radiobutton/RadioButton.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;
@@ -43,8 +42,8 @@ export interface RadioButtonComputed {
 /**
  * @hidden
  */
-export interface RadioButtonAll extends Vue, RadioButtonMethods, RadioButtonComputed, RadioButtonState, RadioButtonData {
+export interface RadioButtonAll extends Vue2type, RadioButtonMethods, RadioButtonComputed, RadioButtonState, RadioButtonData {
 }
-declare let RadioButton: ComponentOptions<RadioButtonAll, DefaultData<RadioButtonData>, DefaultMethods<RadioButtonAll>, RadioButtonComputed, RecordPropsDefinition<RadioButtonProps>>;
-declare let RadioButtonVue3: DefineComponent<RadioButtonProps, any, RadioButtonData, RadioButtonComputed, RadioButtonMethods, {}, {}, {}, string, RadioButtonProps, RadioButtonProps, {}>;
-export { RadioButton, RadioButtonVue3 };
+declare let RadioButtonVue2: ComponentOptions<RadioButtonAll, DefaultData<RadioButtonData>, DefaultMethods<RadioButtonAll>, RadioButtonComputed, RecordPropsDefinition<RadioButtonProps>>;
+declare let RadioButton: DefineComponent<RadioButtonProps, any, RadioButtonData, RadioButtonComputed, RadioButtonMethods, {}, {}, {}, string, RadioButtonProps, RadioButtonProps, {}>;
+export { RadioButton, RadioButtonVue2 };

package/dist/npm/radiobutton/RadioButton.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioButtonVue3 = exports.RadioButton = void 0; // @ts-ignore
+exports.RadioButtonVue2 = exports.RadioButton = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,7 +18,7 @@ var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 
 var package_metadata_1 = require("../package-metadata");
 
-var RadioButton = {
+var RadioButtonVue2 = {
   name: 'KendoRadioButton',
   props: {
     ariaDescribedBy: String,
@@ -30,6 +30,13 @@ var RadioButton = {
     labelRender: [String, Number, Boolean, Object],
     labelPlacement: String,
     name: String,
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large'].includes(value);
+      }
+    },
     tabIndex: Number,
     value: [String, Number, Object],
     valid: {
@@ -55,10 +62,8 @@ var RadioButton = {
       var _a;
 
       return _a = {
-        'k-radio': true,
-        'k-state-invalid': this.$props.valid === false,
-        'k-invalid': this.$props.valid === false
-      }, _a[this.$props.className] = this.$props.className, _a;
+        'k-radio': true
+      }, _a["k-radio-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size]] = this.$props.size, _a['k-state-invalid'] = this.$props.valid === false, _a['k-invalid'] = this.$props.valid === false, _a[this.$props.className] = this.$props.className, _a;
     }
   },
   methods: {
@@ -169,6 +174,6 @@ var RadioButton = {
     return labelPlacement === 'before' ? h("div", [radioButtonLabel, radio, defaultSlot]) : h("div", [radio, radioButtonLabel, defaultSlot]);
   }
 };
-exports.RadioButton = RadioButton;
-var RadioButtonVue3 = RadioButton;
-exports.RadioButtonVue3 = RadioButtonVue3;
+exports.RadioButtonVue2 = RadioButtonVue2;
+var RadioButton = RadioButtonVue2;
+exports.RadioButton = RadioButton;

package/dist/npm/radiobutton/RadioGroup.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;
@@ -45,8 +44,8 @@ export interface RadioGroupComputed {
 /**
  * @hidden
  */
-export interface RadioGroupAll extends Vue, RadioGroupMethods, RadioGroupComputed, RadioGroupState, RadioGroupData {
+export interface RadioGroupAll extends Vue2type, RadioGroupMethods, RadioGroupComputed, RadioGroupState, RadioGroupData {
 }
-declare let RadioGroup: ComponentOptions<RadioGroupAll, DefaultData<RadioGroupData>, DefaultMethods<RadioGroupAll>, RadioGroupComputed, RecordPropsDefinition<RadioGroupProps>>;
-declare let RadioGroupVue3: DefineComponent<RadioGroupProps, any, RadioGroupData, RadioGroupComputed, RadioGroupMethods, {}, {}, {}, string, RadioGroupProps, RadioGroupProps, {}>;
-export { RadioGroup, RadioGroupVue3 };
+declare let RadioGroupVue2: ComponentOptions<RadioGroupAll, DefaultData<RadioGroupData>, DefaultMethods<RadioGroupAll>, RadioGroupComputed, RecordPropsDefinition<RadioGroupProps>>;
+declare let RadioGroup: DefineComponent<RadioGroupProps, any, RadioGroupData, RadioGroupComputed, RadioGroupMethods, {}, {}, {}, string, RadioGroupProps, RadioGroupProps, {}>;
+export { RadioGroup, RadioGroupVue2 };

package/dist/npm/radiobutton/RadioGroup.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioGroupVue3 = exports.RadioGroup = void 0; // @ts-ignore
+exports.RadioGroupVue2 = exports.RadioGroup = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,7 +18,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var package_metadata_1 = require("../package-metadata");
 
-var RadioGroup = {
+var RadioGroupVue2 = {
   name: 'KendoRadioGroup',
   props: {
     ariaLabelledBy: String,
@@ -209,6 +209,6 @@ var RadioGroup = {
     }, [radioOptions]);
   }
 };
-exports.RadioGroup = RadioGroup;
-var RadioGroupVue3 = RadioGroup;
-exports.RadioGroupVue3 = RadioGroupVue3;
+exports.RadioGroupVue2 = RadioGroupVue2;
+var RadioGroup = RadioGroupVue2;
+exports.RadioGroup = RadioGroup;

package/dist/npm/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -50,6 +50,18 @@ export interface RadioButtonProps {
      * Sets the `name` property of the Radio button.
      */
     name?: string;
+    /**
+     * Configures the `size` of the RadioButton.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
     /**
      * Sets the `tabIndex` property of the Radio button.
      * Defaults to `0`.

package/dist/npm/slider/Slider.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;
@@ -124,8 +123,8 @@ export interface SliderComputed {
 /**
  * @hidden
  */
-export interface SliderAll extends Vue, SliderMethods, SliderComputed, SliderState, SliderData {
+export interface SliderAll extends Vue2type, SliderMethods, SliderComputed, SliderState, SliderData {
 }
-declare let Slider: ComponentOptions<SliderAll, DefaultData<SliderData>, DefaultMethods<SliderAll>, SliderComputed, RecordPropsDefinition<SliderProps>>;
-declare const SliderVue3: DefineComponent<SliderProps, any, SliderData, SliderComputed, SliderMethods, {}, {}, {}, string, SliderProps, SliderProps, {}>;
-export { Slider, SliderVue3 };
+declare let SliderVue2: ComponentOptions<SliderAll, DefaultData<SliderData>, DefaultMethods<SliderAll>, SliderComputed, RecordPropsDefinition<SliderProps>>;
+declare const Slider: DefineComponent<SliderProps, any, SliderData, SliderComputed, SliderMethods, {}, {}, {}, string, SliderProps, SliderProps, {}>;
+export { Slider, SliderVue2 };

package/dist/npm/slider/Slider.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SliderVue3 = exports.Slider = void 0; // @ts-ignore
+exports.SliderVue2 = exports.Slider = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -28,6 +28,8 @@ var gh = allVue.h;
 var ref = allVue.ref;
 var inject = allVue.inject;
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
@@ -40,7 +42,7 @@ var SliderLabel_1 = require("./SliderLabel");
 
 var package_metadata_1 = require("../package-metadata");
 
-var Slider = {
+var SliderVue2 = {
   name: 'KendoSlider',
   model: {
     event: 'changemodel'
@@ -220,25 +222,27 @@ var Slider = {
         position: 'relative',
         flexDirection: this.$props.vertical ? 'column-reverse' : 'row'
       }
-    }, [this.$props.buttons && h("a", {
-      "class": "k-button k-button-decrease",
+    }, [this.$props.buttons && // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      tabIndex: -1,
+      attrs: this.v3 ? undefined : {
+        tabIndex: -1,
+        icon: this.$props.vertical ? 'arrow-s' : 'arrow-w',
+        rounded: 'full',
+        title: lS.toLanguageString(messages_1.sliderDecreaseValue, messages_1.messages[messages_1.sliderDecreaseValue])
+      },
+      icon: this.$props.vertical ? 'arrow-s' : 'arrow-w',
       style: {
         position: 'relative'
       },
+      rounded: 'full',
+      "class": "k-button-decrease",
       title: lS.toLanguageString(messages_1.sliderDecreaseValue, messages_1.messages[messages_1.sliderDecreaseValue]),
-      attrs: this.v3 ? undefined : {
-        title: lS.toLanguageString(messages_1.sliderDecreaseValue, messages_1.messages[messages_1.sliderDecreaseValue])
-      },
       onClick: this.decrement,
       on: this.v3 ? undefined : {
         "click": this.decrement
       }
-    }, [h("span", {
-      "class": kendo_vue_common_2.classNames('k-icon', {
-        'k-i-arrow-s': this.$props.vertical,
-        'k-i-arrow-w': !this.$props.vertical
-      })
-    })]), // @ts-ignore  function children
+    }), // @ts-ignore  function children
     h(kendo_vue_common_2.Draggable, {
       onDrag: this.dragOver,
       on: this.v3 ? undefined : {
@@ -321,25 +325,27 @@ var Slider = {
         bottom: 'calc(' + percentValue + '% - 8px)',
         zIndex: 1
       } : (_b = {}, _b[_this.currentDir === 'rtl' ? 'right' : 'left'] = 'calc(' + percentValue + '% - 8px)', _b.zIndex = 1, _b)
-    })])])]), this.$props.buttons && h("a", {
-      "class": "k-button k-button-increase",
+    })])])]), this.$props.buttons && // @ts-ignore
+    h(kendo_vue_buttons_1.Button, {
+      tabIndex: -1,
+      attrs: this.v3 ? undefined : {
+        tabIndex: -1,
+        icon: this.$props.vertical ? 'arrow-n' : 'arrow-e',
+        rounded: 'full',
+        title: lS.toLanguageString(messages_1.sliderIncreaseValue, messages_1.messages[messages_1.sliderIncreaseValue])
+      },
+      icon: this.$props.vertical ? 'arrow-n' : 'arrow-e',
+      rounded: 'full',
       style: {
         position: 'relative'
       },
+      "class": "k-button-increase",
       title: lS.toLanguageString(messages_1.sliderIncreaseValue, messages_1.messages[messages_1.sliderIncreaseValue]),
-      attrs: this.v3 ? undefined : {
-        title: lS.toLanguageString(messages_1.sliderIncreaseValue, messages_1.messages[messages_1.sliderIncreaseValue])
-      },
       onClick: this.increment,
       on: this.v3 ? undefined : {
         "click": this.increment
       }
-    }, [h("span", {
-      "class": kendo_vue_common_2.classNames('k-icon', {
-        'k-i-arrow-n': this.$props.vertical,
-        'k-i-arrow-e': !this.$props.vertical
-      })
-    })])])]);
+    })])]);
   },
   methods: {
     focus: function focus() {
@@ -430,6 +436,6 @@ var Slider = {
     }
   }
 };
-exports.Slider = Slider;
-var SliderVue3 = Slider;
-exports.SliderVue3 = SliderVue3;
+exports.SliderVue2 = SliderVue2;
+var Slider = SliderVue2;
+exports.Slider = Slider;

package/dist/npm/slider/SliderLabel.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;
@@ -51,8 +50,8 @@ export interface SliderLabelData {
 /**
  * @hidden
  */
-export interface SliderLabelAll extends Vue, SliderLabelMethods, SliderLabelData, SliderLabelState {
+export interface SliderLabelAll extends Vue2type, SliderLabelMethods, SliderLabelData, SliderLabelState {
 }
-declare let SliderLabel: ComponentOptions<SliderLabelAll, DefaultData<SliderLabelData>, DefaultMethods<SliderLabelAll>, {}, RecordPropsDefinition<SliderLabelProps>>;
-declare const SliderLabelVue3: DefineComponent<SliderLabelProps, any, SliderLabelData, {}, SliderLabelMethods, {}, {}, {}, string, SliderLabelProps, SliderLabelProps, {}>;
-export { SliderLabel, SliderLabelVue3 };
+declare let SliderLabelVue2: ComponentOptions<SliderLabelAll, DefaultData<SliderLabelData>, DefaultMethods<SliderLabelAll>, {}, RecordPropsDefinition<SliderLabelProps>>;
+declare const SliderLabel: DefineComponent<SliderLabelProps, any, SliderLabelData, {}, SliderLabelMethods, {}, {}, {}, string, SliderLabelProps, SliderLabelProps, {}>;
+export { SliderLabel, SliderLabelVue2 };

package/dist/npm/slider/SliderLabel.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SliderLabelVue3 = exports.SliderLabel = exports.SLIDER_LABEL_ATTRIBUTE = void 0; // @ts-ignore
+exports.SliderLabelVue2 = exports.SliderLabel = exports.SLIDER_LABEL_ATTRIBUTE = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -35,7 +35,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
 exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label'; // tslint:enable:max-line-length
 
-var SliderLabel = {
+var SliderLabelVue2 = {
   name: 'KendoSliderLabel',
   // @ts-ignore
   emits: {
@@ -116,6 +116,6 @@ var SliderLabel = {
     }
   }
 };
-exports.SliderLabel = SliderLabel;
-var SliderLabelVue3 = SliderLabel;
-exports.SliderLabelVue3 = SliderLabelVue3;
+exports.SliderLabelVue2 = SliderLabelVue2;
+var SliderLabel = SliderLabelVue2;
+exports.SliderLabel = SliderLabel;

package/dist/npm/switch/Switch.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;
@@ -52,6 +51,46 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
      * Sets the `id` of the Switch.
      */
     id?: string;
+    /**
+     * Configures the `size` of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `trackRounded` of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - circle
+     * - null&mdash;Does not set a trackRounded `className`.
+     *
+     * @default `full`
+     */
+    trackRounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `thumbRounded` of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - circle
+     * - null&mdash;Does not set a thumbRounded `className`.
+     *
+     * @default `circle`
+     */
+    thumbRounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
     /**
      * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
      * For example these elements could contain error or hint message.
@@ -124,8 +163,8 @@ export interface SwitchData {
 /**
  * @hidden
  */
-export interface SwitchAll extends Vue, SwitchMethods, SwitchData, SwitchComputed, SwitchState {
+export interface SwitchAll extends Vue2type, SwitchMethods, SwitchData, SwitchComputed, SwitchState {
 }
-declare let Switch: ComponentOptions<SwitchAll, DefaultData<SwitchData>, DefaultMethods<SwitchAll>, SwitchComputed, RecordPropsDefinition<SwitchProps>>;
-declare const SwitchVue3: DefineComponent<SwitchProps, any, SwitchData, SwitchComputed, SwitchMethods, {}, {}, {}, string, SwitchProps, SwitchProps, {}>;
-export { Switch, SwitchVue3 };
+declare let SwitchVue2: ComponentOptions<SwitchAll, DefaultData<SwitchData>, DefaultMethods<SwitchAll>, SwitchComputed, RecordPropsDefinition<SwitchProps>>;
+declare const Switch: DefineComponent<SwitchProps, any, SwitchData, SwitchComputed, SwitchMethods, {}, {}, {}, string, SwitchProps, SwitchProps, {}>;
+export { Switch, SwitchVue2 };