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

package/dist/npm/switch/Switch.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SwitchVue3 = exports.Switch = void 0; // @ts-ignore
+exports.SwitchVue2 = exports.Switch = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -16,14 +16,10 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("./../messages");
 
-var package_metadata_1 = require("../package-metadata");
+var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
 
-var SWITCH_CONTAINER = 'k-switch-container';
-var SWITCH_HANDLE = 'k-switch-handle';
-var SWITCH_LABEL_ON = 'k-switch-label-on';
-var SWITCH_LABEL_OFF = 'k-switch-label-off'; // tslint:enable:max-line-length
 
-var Switch = {
+var SwitchVue2 = {
   name: 'KendoSwitch',
   model: {
     event: 'changemodel'
@@ -51,6 +47,27 @@ var Switch = {
       type: Boolean,
       default: false
     },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large'].includes(value);
+      }
+    },
+    trackRounded: {
+      type: String,
+      default: 'full',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
+    thumbRounded: {
+      type: String,
+      default: 'full',
+      validator: function validator(value) {
+        return [null, 'small', 'medium', 'large', 'full'].includes(value);
+      }
+    },
     dir: String,
     id: String,
     ariaLabelledBy: String,
@@ -105,16 +122,26 @@ var Switch = {
       return this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.checked !== undefined ? this.$props.checked : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentChecked;
     },
     switchClassName: function switchClassName() {
+      var _a;
+
       var isValid = !this.validityStyles || this.validity().valid;
-      return {
-        'k-widget': true,
-        'k-switch': true,
-        'k-switch-on': this.computedValue,
-        'k-switch-off': !this.computedValue,
-        'k-state-focused': this.focused,
-        'k-state-disabled': this.$props.disabled,
-        'k-state-invalid': !isValid
-      };
+      return _a = {
+        'k-switch': true
+      }, _a["k-switch-" + kendo_vue_common_1.kendoThemeMaps.sizeMap[this.$props.size]] = true, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a['k-switch-on'] = this.computedValue, _a['k-switch-off'] = !this.computedValue, _a['k-focus'] = this.focused, _a['k-disabled'] = this.$props.disabled, _a['k-invalid'] = !isValid, _a;
+    },
+    switchTrackClass: function switchTrackClass() {
+      var _a;
+
+      return _a = {
+        'k-switch-track': true
+      }, _a["k-rounded-" + this.$props.trackRounded] = this.$props.trackRounded, _a;
+    },
+    switchThumbClass: function switchThumbClass() {
+      var _a;
+
+      return _a = {
+        'k-switch-thumb': true
+      }, _a["k-rounded-" + this.$props.thumbRounded] = this.$props.thumbRounded, _a;
     }
   },
   mounted: function mounted() {
@@ -143,7 +170,8 @@ var Switch = {
         id = _a.id,
         offLabel = _a.offLabel,
         onLabel = _a.onLabel,
-        tabIndex = _a.tabIndex;
+        tabIndex = _a.tabIndex,
+        required = _a.required;
     return h("span", {
       "class": this.switchClassName,
       dir: this.currentDir,
@@ -161,7 +189,7 @@ var Switch = {
       onFocusout: this.handleWrapperBlur,
       onFocusin: this.handleWrapperFocus
     }, [h("span", {
-      "class": SWITCH_CONTAINER,
+      "class": this.switchTrackClass,
       id: id || this._id,
       attrs: this.v3 ? undefined : {
         id: id || this._id,
@@ -188,6 +216,7 @@ var Switch = {
       attrs: this.v3 ? undefined : {
         type: "checkbox",
         tabIndex: -1,
+        required: required !== undefined ? required : false,
         "aria-hidden": true
       },
       checked: this.v3 ? this.$props.checked : null,
@@ -199,6 +228,7 @@ var Switch = {
         _this.inputRef = el;
       } : 'input',
       tabIndex: -1,
+      required: required !== undefined ? required : false,
       "aria-hidden": true,
       value: this.v3 ? this.computedValue : null,
       style: {
@@ -214,12 +244,14 @@ var Switch = {
         "change": kendo_vue_common_1.noop
       }
     }), h("span", {
-      "class": SWITCH_LABEL_ON
+      "class": 'k-switch-label-on'
     }, [onLabel]), h("span", {
-      "class": SWITCH_LABEL_OFF
+      "class": 'k-switch-label-off'
     }, [offLabel]), h("span", {
-      "class": SWITCH_HANDLE
-    })])]);
+      "class": 'k-switch-thumb-wrap'
+    }, [h("span", {
+      "class": this.switchThumbClass
+    })])])]);
   },
   methods: {
     focus: function focus() {
@@ -315,6 +347,6 @@ var Switch = {
     }
   }
 };
-exports.Switch = Switch;
-var SwitchVue3 = Switch;
-exports.SwitchVue3 = SwitchVue3;
+exports.SwitchVue2 = SwitchVue2;
+var Switch = SwitchVue2;
+exports.Switch = Switch;

package/dist/npm/textarea/TextArea.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;
@@ -39,8 +38,8 @@ export interface TextAreaData {
 /**
  * @hidden
  */
-export interface TextAreaAll extends Vue, TextAreaMethods, TextAreaData, TextAreaComputed, TextAreaState {
+export interface TextAreaAll extends Vue2type, TextAreaMethods, TextAreaData, TextAreaComputed, TextAreaState {
 }
-declare let TextArea: ComponentOptions<TextAreaAll, DefaultData<TextAreaData>, DefaultMethods<TextAreaAll>, TextAreaComputed, RecordPropsDefinition<TextAreaProps>>;
-declare const TextAreaVue3: DefineComponent<TextAreaProps, any, TextAreaData, TextAreaComputed, TextAreaMethods, {}, {}, {}, string, TextAreaProps, TextAreaProps, {}>;
-export { TextArea, TextAreaVue3 };
+declare let TextAreaVue2: ComponentOptions<TextAreaAll, DefaultData<TextAreaData>, DefaultMethods<TextAreaAll>, TextAreaComputed, RecordPropsDefinition<TextAreaProps>>;
+declare const TextArea: DefineComponent<TextAreaProps, any, TextAreaData, TextAreaComputed, TextAreaMethods, {}, {}, {}, string, TextAreaProps, TextAreaProps, {}>;
+export { TextArea, TextAreaVue2 };

package/dist/npm/textarea/TextArea.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextAreaVue3 = exports.TextArea = void 0; // @ts-ignore
+exports.TextAreaVue2 = exports.TextArea = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -31,7 +31,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
 
 
-var TextArea = {
+var TextAreaVue2 = {
   name: 'KendoTextArea',
   inheritAttrs: false,
   model: {
@@ -61,6 +61,27 @@ var TextArea = {
     rows: Number,
     id: String,
     name: String,
+    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: Boolean,
     placeholder: String,
     tabIndex: Number,
@@ -80,11 +101,18 @@ var TextArea = {
   },
   computed: {
     rootClassName: function rootClassName() {
-      return {
-        'k-textarea': true,
-        'k-state-invalid': this.validityStyles === true ? !this.isValid : false,
-        'k-state-disabled': this.$props.disabled
-      };
+      var _a;
+
+      var _b = this.$props,
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded,
+          required = _b.required;
+      var invalid = this.validityStyles === true ? !this.isValid : false;
+      return _a = {
+        'k-input': true,
+        'k-textarea': 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-disabled'] = this.$props.disabled, _a['k-valid'] = !invalid, _a['k-invalid'] = invalid, _a['k-required'] = required, _a;
     },
     computedValue: function computedValue() {
       return this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentValue;
@@ -151,7 +179,7 @@ var TextArea = {
 
     var textarea = h('textarea', __assign(__assign({}, textAreaAttrs), {
       attrs: this.v3 ? undefined : textAreaAttrs,
-      'class': 'k-input',
+      'class': 'k-input-inner',
       ref: this.v3 ? function (el) {
         _this.elementRef = el;
       } : 'element',
@@ -180,7 +208,8 @@ var TextArea = {
       dir: this.currentDir,
       attrs: this.v3 ? undefined : {
         dir: this.currentDir
-      }
+      },
+      style: this.$attrs.style
     }, [textarea]);
   },
   methods: {
@@ -256,6 +285,6 @@ var TextArea = {
     }
   }
 };
-exports.TextArea = TextArea;
-var TextAreaVue3 = TextArea;
-exports.TextAreaVue3 = TextAreaVue3;
+exports.TextAreaVue2 = TextAreaVue2;
+var TextArea = TextAreaVue2;
+exports.TextArea = TextArea;

package/dist/npm/textarea/interfaces/TextAreaProps.d.ts

@@ -64,6 +64,43 @@ export interface TextAreaProps extends FormComponentProps {
      * Defaults to `0`.
      */
     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;
     /**
      * Sets the value to be submitted ([see example]({% slug controlled_textarea %})).
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "2.7.3",
+  "version": "2.8.0-dev.202201111325",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,20 +38,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "2.7.3",
-    "@progress/kendo-vue-labels": "2.7.3",
-    "@progress/kendo-vue-popup": "2.7.3"
+    "@progress/kendo-vue-buttons": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-common": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-labels": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-popup": "2.8.0-dev.202201111325"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "2.7.3",
-    "@progress/kendo-vue-form": "2.7.3",
-    "@progress/kendo-vue-intl": "2.7.3",
-    "@progress/kendo-vue-labels": "2.7.3",
-    "@progress/kendo-vue-tooltip": "2.7.3",
+    "@progress/kendo-vue-buttons": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-form": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-intl": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-labels": "2.8.0-dev.202201111325",
+    "@progress/kendo-vue-tooltip": "2.8.0-dev.202201111325",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"