@progress/kendo-vue-dateinputs 3.6.4 → 3.7.0-dev.202210250731

package/dist/npm/dateinput/DateInput.js

@@ -3,45 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateInputVue2 = exports.DateInput = void 0; // @ts-ignore
-
+exports.DateInputVue2 = exports.DateInput = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var main_1 = require("./models/main");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 var package_metadata_1 = require("../package-metadata");
-
 var utils_1 = require("./utils");
-
 var utils_2 = require("./../utils");
-
 var main_2 = require("../messages/main");
-
 var utils_3 = require("../timepicker/utils");
-
 var defaults_1 = require("../defaults");
-
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
-
 var VALIDATION_MESSAGE = 'Please enter a valid value!';
 /**
  * @hidden
  */
-
 var DateInputVue2 = {
   name: 'DateInput',
   model: {
@@ -186,10 +171,10 @@ var DateInputVue2 = {
   created: function created() {
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     var _a = this.$props,
-        formatPlaceholder = _a.formatPlaceholder,
-        format = _a.format,
-        value = _a.value,
-        defaultValue = _a.defaultValue;
+      formatPlaceholder = _a.formatPlaceholder,
+      format = _a.format,
+      value = _a.value,
+      defaultValue = _a.defaultValue;
     this.kendoDate = new main_1.KendoDate(this.intl, formatPlaceholder, format);
     this.kendoDate.setValue(null);
     this._emptyText = this.kendoDate.getTextAndFormat().text;
@@ -203,20 +188,18 @@ var DateInputVue2 = {
         if (this.$data.valueDuringOnChange !== undefined) {
           return this.$data.valueDuringOnChange;
         }
-
         return this.kendoDate && this.kendoDate.getDateObject();
       }
     },
     wrapperClassNames: {
       get: function get() {
         var _a;
-
         var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
         var disabled = this.$props.disabled;
         var _b = this.$props,
-            size = _b.size,
-            fillMode = _b.fillMode,
-            rounded = _b.rounded;
+          size = _b.size,
+          fillMode = _b.fillMode,
+          rounded = _b.rounded;
         return _a = {
           'k-dateinput': true,
           'k-input': true
@@ -231,14 +214,12 @@ var DateInputVue2 = {
         end: 0
       };
       var element = this.element();
-
       if (element !== null && element.selectionStart !== undefined) {
         returnValue = {
           start: element.selectionStart,
           end: element.selectionEnd
         };
       }
-
       return returnValue;
     },
     element: function element() {
@@ -262,7 +243,6 @@ var DateInputVue2 = {
     },
     setValidity: function setValidity() {
       var element = this.element();
-
       if (element && element.setCustomValidity) {
         element.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage);
       }
@@ -270,10 +250,8 @@ var DateInputVue2 = {
     spinnersMouseDown: function spinnersMouseDown(event) {
       var element = this.element();
       /* do not steal focus from input when changing value with spinners */
-
       event.preventDefault();
       /* manually focus the input in case the user clicks the spinners first */
-
       if (element && kendo_vue_common_1.canUseDOM && document.activeElement !== element) {
         element.focus({
           preventScroll: true
@@ -282,34 +260,27 @@ var DateInputVue2 = {
     },
     elementChange: function elementChange(event) {
       var element = this.element();
-
       if (!element || !this.kendoDate) {
         return;
       }
-
       var _a = this.kendoDate.getTextAndFormat(),
-          text = _a.text,
-          currentFormat = _a.format;
-
+        text = _a.text,
+        currentFormat = _a.format;
       this.$data.currentFormat = currentFormat;
       var dateBeforeChange = this.computedValue;
       var diff = (0, utils_1.approximateStringMatching)(text, this.$data.currentFormat, element.value, this.selection().start);
       var navigationOnly = diff.length === 1 && diff[0][1] === '_';
-
       if (!navigationOnly) {
         for (var i = 0; i < diff.length; i++) {
           this.kendoDate.parsePart(diff[i][0], diff[i][1]);
         }
       }
-
       if (diff.length && diff[0][0] !== '_') {
         this.setSelection(this.selectionBySymbol(diff[0][0]));
       }
-
       if (navigationOnly) {
         this.switchDateSegment(1);
       }
-
       this.triggerChange(event, dateBeforeChange);
     },
     elementClick: function elementClick(_) {
@@ -317,16 +288,13 @@ var DateInputVue2 = {
     },
     wheel: function wheel(event) {
       var element = this.element();
-
       if (kendo_vue_common_1.canUseDOM && document.activeElement !== element) {
         return;
       }
-
       if (event.deltaY < 0) {
         event.preventDefault();
         this.increasePart(event);
       }
-
       if (event.deltaY > 0) {
         event.preventDefault();
         this.decreasePart(event);
@@ -344,7 +312,6 @@ var DateInputVue2 = {
       if (event.altKey) {
         return;
       }
-
       switch (event.keyCode) {
         case 37:
           /*
@@ -354,7 +321,6 @@ var DateInputVue2 = {
           */
           this.switchDateSegment(-1);
           break;
-
         case 38:
           /*
           * Key: `Up Arrow`
@@ -362,7 +328,6 @@ var DateInputVue2 = {
           */
           this.modifyDateSegmentValue(1, event);
           break;
-
         case 39:
           /*
           * Key: `Right Arrow`
@@ -370,7 +335,6 @@ var DateInputVue2 = {
           */
           this.switchDateSegment(1);
           break;
-
         case 40:
           /*
           * Key: `Down Arrow`
@@ -378,7 +342,6 @@ var DateInputVue2 = {
           */
           this.modifyDateSegmentValue(-1, event);
           break;
-
         default:
           /*
           * Key: any
@@ -386,7 +349,6 @@ var DateInputVue2 = {
           */
           return;
       }
-
       event.preventDefault();
     },
     setSelection: function setSelection(selection) {
@@ -400,11 +362,10 @@ var DateInputVue2 = {
     },
     triggerChange: function triggerChange(event, oldValue) {
       this.$data.valueDuringOnChange = this.computedValue;
-
       if (!(0, kendo_date_math_1.isEqual)(oldValue, this.computedValue)) {
         this.$emit('changemodel', this.computedValue);
-        this.$emit('update:modelValue', this.computedValue); // isEqual works with null
-
+        this.$emit('update:modelValue', this.computedValue);
+        // isEqual works with null
         this.$emit('change', {
           event: event,
           value: this.computedValue,
@@ -417,27 +378,22 @@ var DateInputVue2 = {
           validity: this.validity()
         });
       }
-
       this.$data.valueDuringOnChange = undefined;
     },
     selectionBySymbol: function selectionBySymbol(symbol) {
       var start = -1;
       var end = 0;
-
       for (var i = 0; i < this.$data.currentFormat.length; i++) {
         if (this.$data.currentFormat[i] === symbol) {
           end = i + 1;
-
           if (start === -1) {
             start = i;
           }
         }
       }
-
       if (start < 0) {
         start = 0;
       }
-
       return {
         start: start,
         end: end
@@ -448,57 +404,45 @@ var DateInputVue2 = {
         start: index,
         end: index
       };
-
       for (var i = index, j = index - 1; i < this.$data.currentFormat.length || j >= 0; i++, j--) {
         if (i < this.$data.currentFormat.length && this.$data.currentFormat[i] !== '_') {
           selection = this.selectionBySymbol(this.$data.currentFormat[i]);
           break;
         }
-
         if (j >= 0 && this.$data.currentFormat[j] !== '_') {
           selection = this.selectionBySymbol(this.$data.currentFormat[j]);
           break;
         }
       }
-
       return selection;
     },
     switchDateSegment: function switchDateSegment(offset) {
       var _a = this.selection(),
-          selectionStart = _a.start,
-          selectionEnd = _a.end;
-
+        selectionStart = _a.start,
+        selectionEnd = _a.end;
       if (selectionStart < selectionEnd && this.$data.currentFormat[selectionStart] !== this.$data.currentFormat[selectionEnd - 1]) {
         this.setSelection(this.selectionByIndex(offset > 0 ? selectionStart : selectionEnd - 1));
         return;
       }
-
       var previousFormatSymbol = this.$data.currentFormat[selectionStart];
       var a = selectionStart + offset;
-
       while (a > 0 && a < this.$data.currentFormat.length) {
         if (this.$data.currentFormat[a] !== previousFormatSymbol && this.$data.currentFormat[a] !== '_') {
           break;
         }
-
         a += offset;
       }
-
       if (this.$data.currentFormat[a] === '_') {
         // no known symbol is found
         return;
       }
-
       var b = a;
-
       while (b >= 0 && b < this.$data.currentFormat.length) {
         if (this.$data.currentFormat[b] !== this.$data.currentFormat[a]) {
           break;
         }
-
         b += offset;
       }
-
       if (a > b && (b + 1 !== selectionStart || a + 1 !== selectionEnd)) {
         this.setSelection({
           start: b + 1,
@@ -515,7 +459,6 @@ var DateInputVue2 = {
       if (!this.kendoDate) {
         return;
       }
-
       var oldValue = this.computedValue;
       var symbol = this.$data.currentFormat[this.selection().start];
       var currentStepSymbol = this.kendoDate.symbolMap(symbol);
@@ -547,7 +490,6 @@ var DateInputVue2 = {
     if (this.$data.lastSelectedSymbol) {
       this.setSelection(this.selectionBySymbol(this.$data.lastSelectedSymbol));
     }
-
     this.setValidity();
   },
   // @ts-ignore
@@ -569,30 +511,27 @@ var DateInputVue2 = {
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var _a = this.$props,
-        formatPlaceholder = _a.formatPlaceholder,
-        format = _a.format,
-        value = _a.value,
-        modelValue = _a.modelValue,
-        name = _a.name,
-        label = _a.label,
-        id = _a.id,
-        ariaLabel = _a.ariaLabel,
-        ariaExpanded = _a.ariaExpanded,
-        ariaHasPopup = _a.ariaHasPopup,
-        ariaRole = _a.ariaRole,
-        ariaControls = _a.ariaControls;
+      formatPlaceholder = _a.formatPlaceholder,
+      format = _a.format,
+      value = _a.value,
+      modelValue = _a.modelValue,
+      name = _a.name,
+      label = _a.label,
+      id = _a.id,
+      ariaLabel = _a.ariaLabel,
+      ariaExpanded = _a.ariaExpanded,
+      ariaHasPopup = _a.ariaHasPopup,
+      ariaRole = _a.ariaRole,
+      ariaControls = _a.ariaControls;
     this.kendoDate.format = format;
     this.kendoDate.formatPlaceholder = formatPlaceholder;
     var currentValue = value !== undefined ? value : modelValue;
-
     if (currentValue !== undefined && this.computedValue !== currentValue) {
       this.kendoDate.setValue(currentValue);
     }
-
     var _b = this.kendoDate.getTextAndFormat(),
-        currentText = _b.text,
-        currentFormat = _b.format;
-
+      currentText = _b.text,
+      currentFormat = _b.format;
     this.$data.currentFormat = currentFormat;
     this.$data.isEmpty = currentText === this._emptyText;
     var showPlaceHolder = this.$props.placeholder !== undefined && this.$data.isEmpty && !this.$data.isFocused;
@@ -666,7 +605,8 @@ var DateInputVue2 = {
       on: this.v3 ? undefined : {
         "mousedown": this.spinnersMouseDown
       }
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -689,7 +629,8 @@ var DateInputVue2 = {
       on: this.v3 ? undefined : {
         "click": this.increasePart
       }
-    }), // @ts-ignore
+    }),
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -713,7 +654,8 @@ var DateInputVue2 = {
         "click": this.decreasePart
       }
     })])]);
-    return label ? // @ts-ignore function children
+    return label ?
+    // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: label,
       attrs: this.v3 ? undefined : {
@@ -738,6 +680,5 @@ exports.DateInputVue2 = DateInputVue2;
 /**
  * @hidden
  */
-
 var DateInput = DateInputVue2;
 exports.DateInput = DateInput;

package/dist/npm/datepicker/DatePicker.js

@@ -3,44 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DatePickerVue2 = exports.DatePicker = void 0; // @ts-ignore
-
+exports.DatePickerVue2 = exports.DatePicker = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var DateInput_1 = require("../dateinput/DateInput");
-
 var Calendar_1 = require("../calendar/components/Calendar");
-
 var utils_1 = require("../utils");
-
 var utils_2 = require("../utils");
-
 var main_1 = require("../messages/main");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var ToggleButton_1 = require("./ToggleButton");
-
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
 /**
  * @hidden
  */
-
-
 var DatePickerVue2 = {
   name: 'DatePicker',
   inject: {
@@ -203,11 +188,9 @@ var DatePickerVue2 = {
   },
   mounted: function mounted() {
     this._dateInput = (0, kendo_vue_common_1.getRef)(this, 'dateInput');
-
     if (this.$refs.calendar || this.calendarRef) {
       this._calendar = (0, kendo_vue_common_1.getRef)(this, 'calendar');
     }
-
     if (this.computedShow) {
       // If defaultShow is true during the initial render, the popup is not aligned.
       this.$forceUpdate();
@@ -217,7 +200,6 @@ var DatePickerVue2 = {
     if (this.$refs.calendar || this.calendarRef) {
       this._calendar = (0, kendo_vue_common_1.getRef)(this, 'calendar');
     }
-
     if (this.computedShow) {
       if (this._calendar && this._calendar.$el && !this._oldShow) {
         this._calendar.focus({
@@ -231,7 +213,6 @@ var DatePickerVue2 = {
         });
       }
     }
-
     this.$data.shouldFocusDateInput = false;
   },
   watch: {
@@ -282,7 +263,6 @@ var DatePickerVue2 = {
     },
     createBlurTimeout: function createBlurTimeout() {
       var _this = this;
-
       this._blurTimeout = setTimeout(function () {
         if (_this._dateInput && kendo_vue_common_1.canUseDOM && document.activeElement !== _this._dateInput._element) {
           _this.setShow(false);
@@ -313,7 +293,6 @@ var DatePickerVue2 = {
       if (this.computedShow === show) {
         return;
       }
-
       this.$data.currentShow = show;
     },
     mergeTime: function mergeTime(value) {
@@ -355,11 +334,9 @@ var DatePickerVue2 = {
     handleIconClick: function handleIconClick(event) {
       event.stopPropagation();
       event.preventDefault();
-
       if (this.$props.disabled) {
         return;
       }
-
       this.$data.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
       this.$emit('iconclick', event);
@@ -370,28 +347,24 @@ var DatePickerVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var altKey = event.altKey,
-          keyCode = event.keyCode;
-
+        keyCode = event.keyCode;
       if (keyCode === kendo_vue_common_1.Keys.tab && this._dateInput && event.target !== this._dateInput._element) {
         event.preventDefault();
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (keyCode === kendo_vue_common_1.Keys.esc) {
         this.$data.shouldFocusDateInput = true;
         this.setShow(false);
         return;
       }
-
       if (altKey && (keyCode === kendo_vue_common_1.Keys.up || keyCode === kendo_vue_common_1.Keys.down)) {
         event.preventDefault();
         event.stopPropagation();
         this.$data.shouldFocusDateInput = keyCode === kendo_vue_common_1.Keys.up;
         this.setShow(keyCode === kendo_vue_common_1.Keys.down);
       }
-
       this.$emit('keydown', event);
     }
   },
@@ -411,39 +384,39 @@ var DatePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _b = this.$props,
-        disabled = _b.disabled,
-        tabIndex = _b.tabIndex,
-        title = _b.title,
-        id = _b.id,
-        format = _b.format,
-        formatPlaceholder = _b.formatPlaceholder,
-        min = _b.min,
-        max = _b.max,
-        weekNumber = _b.weekNumber,
-        focusedDate = _b.focusedDate,
-        width = _b.width,
-        name = _b.name,
-        validationMessage = _b.validationMessage,
-        required = _b.required,
-        validityStyles = _b.validityStyles,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        rounded = _b.rounded;
+      disabled = _b.disabled,
+      tabIndex = _b.tabIndex,
+      title = _b.title,
+      id = _b.id,
+      format = _b.format,
+      formatPlaceholder = _b.formatPlaceholder,
+      min = _b.min,
+      max = _b.max,
+      weekNumber = _b.weekNumber,
+      focusedDate = _b.focusedDate,
+      width = _b.width,
+      name = _b.name,
+      validationMessage = _b.validationMessage,
+      required = _b.required,
+      validityStyles = _b.validityStyles,
+      size = _b.size,
+      fillMode = _b.fillMode,
+      rounded = _b.rounded;
     var _c = this.$props.popupSettings,
-        popupClass = _c.popupClass,
-        animate = _c.animate,
-        appendTo = _c.appendTo;
+      popupClass = _c.popupClass,
+      animate = _c.animate,
+      appendTo = _c.appendTo;
     var show = this.computedShow;
     var value = this.computedValue;
     var sanitizedValue = value && (0, kendo_date_math_1.getDate)(value);
     var isValid = !this.$props.validityStyles || this.validity().valid;
     var popupClassNames = (0, kendo_vue_common_1.classNames)('k-calendar-container k-group k-reset', popupClass);
     var toggleButton = this.$props.toggleButton ? kendo_vue_common_1.templateRendering.call(this, this.$props.toggleButton, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var toggleButtonDefaultRendering = // @ts-ignore
+    var toggleButtonDefaultRendering =
+    // @ts-ignore
     h(ToggleButton_1.ToggleButton, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -479,7 +452,8 @@ var DatePickerVue2 = {
       }
     });
     var dateInput = this.$props.dateInput ? kendo_vue_common_1.templateRendering.call(this, this.$props.dateInput, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var dateInputDefaultRendering = // @ts-ignore
+    var dateInputDefaultRendering =
+    // @ts-ignore
     h(DateInput_1.DateInput, {
       ref: (0, kendo_vue_common_1.setRef)(this, 'dateInput'),
       placeholder: this.$props.placeholder,
@@ -539,7 +513,8 @@ var DatePickerVue2 = {
       defaultRendering: dateInputDefaultRendering
     });
     var calendar = this.$props.calendar ? kendo_vue_common_1.templateRendering.call(this, this.$props.calendar, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var calendarDefaultRendering = // @ts-ignore
+    var calendarDefaultRendering =
+    // @ts-ignore
     h(Calendar_1.Calendar, {
       ref: (0, kendo_vue_common_1.setRef)(this, 'calendar'),
       onKeydown: this.handleKeyDown,
@@ -573,7 +548,8 @@ var DatePickerVue2 = {
       defaultRendering: calendarDefaultRendering
     });
     var popup = this.$props.popup ? kendo_vue_common_1.templateRendering.call(this, this.$props.popup, kendo_vue_common_1.getListeners.call(this)) : undefined;
-    var popupDefaultRendering = // @ts-ignore function children
+    var popupDefaultRendering =
+    // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {
       show: show,
       attrs: this.v3 ? undefined : {
@@ -629,7 +605,8 @@ var DatePickerVue2 = {
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
     }, [dateInputRendering, toggleButtonRendering, popupRendering]);
-    return this.$props.label ? // @ts-ignore function children
+    return this.$props.label ?
+    // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
       label: this.$props.label,
       attrs: this.v3 ? undefined : {
@@ -657,6 +634,5 @@ exports.DatePickerVue2 = DatePickerVue2;
 /**
  * @hidden
  */
-
 var DatePicker = DatePickerVue2;
 exports.DatePicker = DatePicker;

package/dist/npm/datepicker/ToggleButton.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToggleButtonVue2 = exports.ToggleButton = void 0;
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
 /**
  * @hidden
  */
-
-
 var ToggleButtonVue2 = kendo_vue_buttons_1.Button;
 exports.ToggleButtonVue2 = ToggleButtonVue2;
 /**
  * @hidden
  */
-
 var ToggleButton = ToggleButtonVue2;
 exports.ToggleButton = ToggleButton;

package/dist/npm/datepicker/models/DatePickerSettings.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-}); // tslint:enable:max-line-length
+});
+// tslint:enable:max-line-length