@progress/kendo-vue-inputs 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/radiobutton/RadioGroup.js

@@ -11,7 +11,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var RadioGroupVue2 = {
   name: 'KendoRadioGroup',
   props: {
@@ -99,11 +98,9 @@ var RadioGroupVue2 = {
     },
     handleChange: function handleChange(event) {
       var currentValue = event.value;
-
       if (!(this.$props.value !== undefined) && !this.$props.disabled) {
         this.stateChecked = currentValue;
       }
-
       if (!this.$props.disabled) {
         this.$emit('changemodel', currentValue);
         this.$emit('update:modelValue', currentValue);
@@ -136,18 +133,19 @@ var RadioGroupVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        ariaLabelledBy = _a.ariaLabelledBy,
-        ariaDescribedBy = _a.ariaDescribedBy,
-        dataItems = _a.dataItems,
-        disabled = _a.disabled,
-        name = _a.name,
-        labelPlacement = _a.labelPlacement,
-        valid = _a.valid;
+      ariaLabelledBy = _a.ariaLabelledBy,
+      ariaDescribedBy = _a.ariaDescribedBy,
+      dataItems = _a.dataItems,
+      disabled = _a.disabled,
+      name = _a.name,
+      labelPlacement = _a.labelPlacement,
+      valid = _a.valid;
     var radioOptions = dataItems && dataItems.map(function (option, index) {
       var isCurrentlyChecked = this.checkedRadioValue === option.value;
       var noOptionChecked = this.checkedRadioValue === null || this.checkedRadioValue === undefined;
       var item = templateRendering.call(this, this.$props.item || option.item, getListeners.call(this));
-      return (// @ts-ignore function children
+      return (
+        // @ts-ignore function children
         h(RadioButton, {
           "class": classNames('k-radio-item', {
             'k-disabled': option.disabled || disabled
@@ -213,6 +211,5 @@ var RadioGroupVue2 = {
 /**
  * @hidden
  */
-
 var RadioGroup = RadioGroupVue2;
 export { RadioGroup, RadioGroupVue2 };

package/dist/es/range-slider/RangeSlider.js

@@ -2,26 +2,23 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-import { Draggable, Keys, // useDir,
+import { Draggable, Keys,
+// useDir,
 getTabIndex, validatePackage, getDefaultSlots, classNames } from '@progress/kendo-vue-common';
 import { messages, sliderDragTitle } from '../messages/main';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -30,7 +27,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var RangeSliderVue2 = {
   name: 'KendoRangeSlider',
   model: {
@@ -135,11 +131,9 @@ var RangeSliderVue2 = {
     this.endHandle = this.$refs.endHandle;
     this.sliderTrackRef = this.$refs.sliderTrackRef;
     this.sliderTrackWrapRef = this.$refs.sliderTrackWrapRef;
-
     if (!this.currentDir && window && this.$el) {
       // Note: getComputedStyle forces reflow
       var direction = window.getComputedStyle(this.$el).direction;
-
       if (direction) {
         this.currentDir = direction;
       }
@@ -158,16 +152,14 @@ var RangeSliderVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var _a, _b;
-
     var h = gh || createElement;
     var localization = provideLocalizationService(this);
     var defaultSlot = getDefaultSlots(this);
     var _c = this.$props,
-        id = _c.id,
-        dir = _c.dir; //  const dir = useDir(sliderRef, this.$props.dir);
-
+      id = _c.id,
+      dir = _c.dir;
+    //  const dir = useDir(sliderRef, this.$props.dir);
     return h("div", {
       role: "slider",
       attrs: this.v3 ? undefined : {
@@ -187,7 +179,8 @@ var RangeSliderVue2 = {
       }, this.$props.class),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(Draggable, {
       onDrag: this.handleTrackDrag,
       on: this.v3 ? undefined : {
@@ -434,7 +427,6 @@ var RangeSliderVue2 = {
       if (!this.sliderTrackWrapRef) {
         return;
       }
-
       event.originalEvent.preventDefault();
       var computed = this.sliderTrackWrapRef.getBoundingClientRect();
       var distance = this.$props.vertical ? computed.bottom - event.clientY : this.currentDir === 'rtl' ? computed.right - event.clientX : event.clientX - computed.left;
@@ -447,11 +439,9 @@ var RangeSliderVue2 = {
       if (payload <= this.computedValue.start) {
         return 'start';
       }
-
       if (payload >= this.computedValue.end) {
         return 'end';
       }
-
       return 2 * payload < this.computedValue.end + this.computedValue.start ? 'start' : 'end';
     },
     handleStartKeyDown: function handleStartKeyDown(event) {
@@ -464,7 +454,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.up:
           event.preventDefault();
           this.dispatchStateValue({
@@ -473,7 +462,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.left:
           event.preventDefault();
           this.dispatchStateValue({
@@ -482,7 +470,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.down:
           event.preventDefault();
           this.dispatchStateValue({
@@ -491,7 +478,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.home:
           event.preventDefault();
           this.dispatchStateValue({
@@ -500,7 +486,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.end:
           event.preventDefault();
           this.dispatchStateValue({
@@ -509,7 +494,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         default:
           break;
       }
@@ -524,7 +508,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.up:
           event.preventDefault();
           this.dispatchStateValue({
@@ -533,7 +516,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.left:
           event.preventDefault();
           this.dispatchStateValue({
@@ -542,7 +524,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.down:
           event.preventDefault();
           this.dispatchStateValue({
@@ -551,7 +532,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.home:
           event.preventDefault();
           this.dispatchStateValue({
@@ -560,7 +540,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         case Keys.end:
           event.preventDefault();
           this.dispatchStateValue({
@@ -569,7 +548,6 @@ var RangeSliderVue2 = {
             event: event
           });
           break;
-
         default:
           break;
       }
@@ -612,6 +590,5 @@ var RangeSliderVue2 = {
  * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
  * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
  */
-
 var RangeSlider = RangeSliderVue2;
 export { RangeSlider, RangeSliderVue2 };

package/dist/es/range-slider/range-raducer.js

@@ -2,24 +2,18 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
 /**
  * @hidden
  */
-
-
 export var RANGE_ACTION;
-
 (function (RANGE_ACTION) {
   RANGE_ACTION["start"] = "start";
   RANGE_ACTION["end"] = "end";
@@ -31,35 +25,28 @@ export var RANGE_ACTION;
 /**
  * @hidden
  */
-
-
 export var rangeReducer = function rangeReducer(state, action) {
   var newState;
   var newValue;
-
   switch (action.type) {
     case RANGE_ACTION.start:
       if (action.payload === undefined) {
         return state;
       }
-
       newState = {
         start: action.payload > state.end ? state.end : Math.max(action.payload, action.min),
         end: state.end
       };
       break;
-
     case RANGE_ACTION.end:
       if (action.payload === undefined) {
         return state;
       }
-
       newState = {
         start: state.start,
         end: action.payload < state.start ? state.start : Math.min(action.payload, action.max)
       };
       break;
-
     case RANGE_ACTION.min:
       if (action.key === 'start') {
         newState = __assign(__assign({}, state), {
@@ -70,9 +57,7 @@ export var rangeReducer = function rangeReducer(state, action) {
           end: Math.max(action.min, state.start)
         });
       }
-
       break;
-
     case RANGE_ACTION.max:
       if (action.key === 'start') {
         newState = __assign(__assign({}, state), {
@@ -83,16 +68,12 @@ export var rangeReducer = function rangeReducer(state, action) {
           end: action.max
         });
       }
-
       break;
-
     case RANGE_ACTION.increase:
       if (action.step === undefined || action.key === undefined) {
         return state;
       }
-
       newValue = state[action.key] + action.step;
-
       if (action.key === 'start') {
         if (newValue < action.min) {
           newState = __assign(__assign({}, state), {
@@ -114,16 +95,12 @@ export var rangeReducer = function rangeReducer(state, action) {
           });
         }
       }
-
       break;
-
     case RANGE_ACTION.decrease:
       if (action.step === undefined || action.key === undefined) {
         return state;
       }
-
       newValue = state[action.key] - action.step;
-
       if (action.key === 'start') {
         if (newValue < action.min) {
           newState = __assign(__assign({}, state), {
@@ -145,13 +122,10 @@ export var rangeReducer = function rangeReducer(state, action) {
           });
         }
       }
-
       break;
-
     default:
       newState = state;
       break;
   }
-
   return newState;
 };

package/dist/es/slider/Slider.js

@@ -14,7 +14,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var SliderVue2 = {
   name: 'KendoSlider',
   model: {
@@ -80,8 +79,8 @@ var SliderVue2 = {
     computedValue: function computedValue() {
       var value = this.$props.value !== undefined ? this.$props.value : this.currentValue;
       var _a = this.$props,
-          min = _a.min,
-          max = _a.max;
+        min = _a.min,
+        max = _a.max;
       return value === undefined ? value : Math.min(Math.max(value, min), max);
     },
     sliderTrack: function sliderTrack() {
@@ -90,7 +89,6 @@ var SliderVue2 = {
   },
   created: function created() {
     validatePackage(packageMetadata);
-
     if (this.$props.value !== undefined) {
       this.$data.currentValue = this.$props.value;
     } else if (this.$props.modelValue !== undefined) {
@@ -100,21 +98,17 @@ var SliderVue2 = {
     } else {
       this.$data.currentValue = this.$props.min;
     }
-
     this.currentFocused = false;
     this.currentDir = this.$props.dir;
   },
   mounted: function mounted() {
     this._sliderTrack = this.$refs.sliderTrack;
-
     if (this.$el) {
       this.draggable = this.$refs.draggable;
     }
-
     if (!this.currentDir && window && this.$el) {
       // Note: getComputedStyle forces reflow
       var direction = window.getComputedStyle(this.$el).direction;
-
       if (direction) {
         this.currentDir = direction;
       }
@@ -138,9 +132,7 @@ var SliderVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var _a;
-
     var h = gh || createElement;
     var lS = provideLocalizationService(this);
     var percentValue = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100;
@@ -185,7 +177,8 @@ var SliderVue2 = {
       }, this.$props.className)
     }, [h("div", {
       "class": classNames('k-slider-wrap')
-    }, [this.$props.buttons && // @ts-ignore
+    }, [this.$props.buttons &&
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -207,7 +200,8 @@ var SliderVue2 = {
       on: this.v3 ? undefined : {
         "click": this.decrement
       }
-    }), // @ts-ignore  function children
+    }),
+    // @ts-ignore  function children
     h(Draggable, {
       onDrag: this.dragOver,
       on: this.v3 ? undefined : {
@@ -272,7 +266,8 @@ var SliderVue2 = {
         bottom: percentValue + '%',
         zIndex: 1
       } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
-    })])])]), this.$props.buttons && // @ts-ignore
+    })])])]), this.$props.buttons &&
+    // @ts-ignore
     h(Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -305,15 +300,12 @@ var SliderVue2 = {
     },
     isLabel: function isLabel(target) {
       var currentTarget = target;
-
       while (currentTarget) {
         if (Boolean(currentTarget.getAttribute(SLIDER_LABEL_ATTRIBUTE))) {
           return true;
         }
-
         currentTarget = currentTarget.parentElement;
       }
-
       return false;
     },
     onFocus: function onFocus(event) {
@@ -326,7 +318,6 @@ var SliderVue2 = {
     },
     onKeyDown: function onKeyDown(e) {
       var newValue = undefined;
-
       if (e.keyCode === Keys.left || e.keyCode === Keys.down) {
         newValue = this.currentValue - (this.$props.step || 0);
       } else if (e.keyCode === Keys.right || e.keyCode === Keys.up) {
@@ -336,7 +327,6 @@ var SliderVue2 = {
       } else if (e.keyCode === Keys.end) {
         newValue = this.$props.max;
       }
-
       if (newValue !== undefined) {
         e.preventDefault();
         this.change(e, newValue);
@@ -355,7 +345,6 @@ var SliderVue2 = {
         if (e.isTouch) {
           e.originalEvent.preventDefault();
         }
-
         this.drag(e);
       }
     },
@@ -390,6 +379,5 @@ var SliderVue2 = {
 /**
  * @hidden
  */
-
 var Slider = SliderVue2;
 export { Slider, SliderVue2 };

package/dist/es/slider/SliderLabel.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -24,12 +20,10 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 export var SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
 /**
  * @hidden
  */
-
 var SliderLabelVue2 = {
   name: 'KendoSliderLabel',
   // @ts-ignore
@@ -49,11 +43,9 @@ var SliderLabelVue2 = {
   inject: ['kendoMax', 'kendoMin', 'kendoVertical'],
   mounted: function mounted() {
     this.sliderLabelRef = this.$refs.sliderLabelRef;
-
     if (!this.currentDir && window && this.$el) {
       // Note: getComputedStyle forces reflow
       var direction = window.getComputedStyle(this.$el).direction;
-
       if (direction) {
         this.currentDir = direction;
       }
@@ -69,7 +61,6 @@ var SliderLabelVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var dir = this.currentDir;
     var defaultSlot = getDefaultSlots(this);
@@ -114,6 +105,5 @@ var SliderLabelVue2 = {
  * ### props <span class='code'>[SliderLabelProps]({% slug api_inputs_sliderlabelprops %})</span>
  * The props of the SliderLabel component.
  */
-
 var SliderLabel = SliderLabelVue2;
 export { SliderLabel, SliderLabelVue2 };

package/dist/es/switch/Switch.js

@@ -10,7 +10,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var SwitchVue2 = {
   name: 'KendoSwitch',
   model: {
@@ -112,7 +111,6 @@ var SwitchVue2 = {
     },
     switchClassName: function switchClassName() {
       var _a;
-
       var isValid = !this.validityStyles || this.validity().valid;
       var rounded = this.$props.trackRounded;
       return _a = {
@@ -121,7 +119,6 @@ var SwitchVue2 = {
     },
     switchTrackClass: function switchTrackClass() {
       var _a;
-
       var rounded = this.$props.trackRounded;
       return _a = {
         'k-switch-track': true
@@ -129,7 +126,6 @@ var SwitchVue2 = {
     },
     switchThumbClass: function switchThumbClass() {
       var _a;
-
       var rounded = this.$props.thumbRounded;
       return _a = {
         'k-switch-thumb': true
@@ -156,12 +152,12 @@ var SwitchVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        disabled = _a.disabled,
-        id = _a.id,
-        offLabel = _a.offLabel,
-        onLabel = _a.onLabel,
-        tabIndex = _a.tabIndex,
-        required = _a.required;
+      disabled = _a.disabled,
+      id = _a.id,
+      offLabel = _a.offLabel,
+      onLabel = _a.onLabel,
+      tabIndex = _a.tabIndex,
+      required = _a.required;
     return h("span", {
       "class": this.switchClassName,
       dir: this.currentDir,
@@ -268,13 +264,11 @@ var SwitchVue2 = {
     limit: function limit(offset, drag, wrapper) {
       var wrapperWidth = wrapper.offsetWidth;
       var margin = drag.offsetWidth;
-
       if (offset < 0) {
         return 0;
       } else if (offset > wrapperWidth - margin) {
         return wrapperWidth - margin;
       }
-
       return offset;
     },
     toggle: function toggle(value, event) {
@@ -299,7 +293,6 @@ var SwitchVue2 = {
         // This is guard against the case when wrapped in label, click event is emmited twice
         return;
       }
-
       this.eventTimeStamp = event.timeStamp;
       this.toggle(!this.computedValue, event);
     },
@@ -307,9 +300,7 @@ var SwitchVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       var keyCode = event.keyCode;
-
       if (keyCode === Keys.space || keyCode === Keys.enter) {
         this.toggle(!this.computedValue, event);
       }
@@ -318,7 +309,6 @@ var SwitchVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.focused = true;
       this.$emit('focus', event);
     },
@@ -326,7 +316,6 @@ var SwitchVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.focused = false;
       this.$emit('blur', event);
     }
@@ -337,6 +326,5 @@ var SwitchVue2 = {
  * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
  * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
  */
-
 var Switch = SwitchVue2;
 export { Switch, SwitchVue2 };