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

package/dist/npm/daterangepicker/DateRangePicker.js

@@ -4,60 +4,42 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateRangePickerVue2 = exports.DateRangePicker = void 0; // @ts-ignore
-
+exports.DateRangePickerVue2 = exports.DateRangePicker = 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 kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var kendo_vue_common_2 = 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 main_1 = require("../calendar/models/main");
-
 var defaults_1 = require("../defaults");
-
 var main_2 = require("../messages/main");
-
 var WRAPPER_STYLES = {
   display: 'inline-block'
 };
 /**
  * @hidden
  */
-
 var DateRangePickerVue2 = {
   name: 'KendoDateRangePicker',
   // @ts-ignore
@@ -192,7 +174,6 @@ var DateRangePickerVue2 = {
     this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;
     this._startDateInput = this.v3 ? this.startDateInputRef : this.$refs.startDateInput;
     this._endDateInput = this.v3 ? this.endDateInputRef : this.$refs.endDateInput;
-
     if (this.computedShow) {
       // If defaultShow is true during the initial render, the popup is not aligned.
       this.$forceUpdate();
@@ -205,15 +186,12 @@ var DateRangePickerVue2 = {
     this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;
     this._startDateInput = this.v3 ? this.startDateInputRef : this.$refs.startDateInput;
     this._endDateInput = this.v3 ? this.endDateInputRef : this.$refs.endDateInput;
-
     if (this.shouldFocusCalendar) {
       this.focusCalendarElement();
     }
-
     if (this.shouldFocusDateInput) {
       this.focusDateInputElement();
     }
-
     this.shouldFocusCalendar = false;
     this.shouldFocusDateInput = false;
   },
@@ -229,7 +207,6 @@ var DateRangePickerVue2 = {
   computed: {
     rootClassName: function rootClassName() {
       var _a;
-
       return _a = {
         'k-daterangepicker': true
       }, _a['k-disabled'] = this.$props.disabled, _a;
@@ -243,10 +220,9 @@ var DateRangePickerVue2 = {
     },
     swapButtonClass: function swapButtonClass() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          rounded = _b.rounded;
+        size = _b.size,
+        rounded = _b.rounded;
       return _a = {
         'k-button': true
       }, _a["k-button-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-button-flat'] = true, _a['k-button-flat-base'] = true, _a['k-icon-button'] = true, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a;
@@ -266,13 +242,12 @@ var DateRangePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var value = this.computedValue || main_1.EMPTY_SELECTIONRANGE;
     var _a = this.$props,
-        size = _a.size,
-        fillMode = _a.fillMode,
-        rounded = _a.rounded;
+      size = _a.size,
+      fillMode = _a.fillMode,
+      rounded = _a.rounded;
     var startDateInputId = (this.$props.startDateInputSettings || {}).id || this._startInputId;
     var endDateInputId = (this.$props.endDateInputSettings || {}).id || this._endInputId;
     var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
@@ -280,7 +255,6 @@ var DateRangePickerVue2 = {
     var endMessage = localizationService.toLanguageString(main_2.end, main_2.messages[main_2.end]);
     var separatorMessage = localizationService.toLanguageString(main_2.separator, main_2.messages[main_2.separator]);
     var startDateInputRender = this.$props.startDateInput ? kendo_vue_common_2.templateRendering.call(this, this.$props.startDateInput, kendo_vue_common_2.getListeners.call(this)) : undefined;
-
     var startSettings = __assign({
       label: startMessage,
       format: this.$props.format,
@@ -298,7 +272,6 @@ var DateRangePickerVue2 = {
       ariaRole: 'combobox',
       ariaControls: this._popupId
     }, this.$props.startDateInputSettings);
-
     var startDateInputDefaultRendering = h(DateInput_1.DateInput, __assign(__assign({
       ref: this.v3 ? function (el) {
         _this.startDateInputRef = el;
@@ -319,7 +292,6 @@ var DateRangePickerVue2 = {
       }
     });
     var endDateInputRender = this.$props.endDateInput ? kendo_vue_common_2.templateRendering.call(this, this.$props.endDateInput, kendo_vue_common_2.getListeners.call(this)) : undefined;
-
     var endSettings = __assign({
       label: endMessage,
       format: this.$props.format,
@@ -337,7 +309,6 @@ var DateRangePickerVue2 = {
       ariaRole: 'combobox',
       ariaControls: this._popupId
     }, this.$props.endDateInputSettings);
-
     var endDateInputDefaultRendering = h(DateInput_1.DateInput, __assign(__assign({
       ref: this.v3 ? function (el) {
         _this.endDateInputRef = el;
@@ -358,7 +329,6 @@ var DateRangePickerVue2 = {
       }
     });
     var calendarRender = this.$props.calendar ? kendo_vue_common_2.templateRendering.call(this, this.$props.calendar, kendo_vue_common_2.getListeners.call(this)) : undefined;
-
     var calendarSettings = __assign({
       id: this._calendarId,
       min: this.min,
@@ -370,7 +340,6 @@ var DateRangePickerVue2 = {
       disabled: this.$props.disabled,
       value: value
     }, this.$props.calendarSettings);
-
     var calendarDefaultRendering = h(Calendar_1.Calendar, __assign({
       ref: this.v3 ? function (el) {
         _this.calendarRef = el;
@@ -399,10 +368,9 @@ var DateRangePickerVue2 = {
       }
     });
     var _b = this.$props.popupSettings,
-        popupClass = _b.popupClass,
-        animate = _b.animate;
+      popupClass = _b.popupClass,
+      animate = _b.animate;
     var popupRender = this.$props.popup ? kendo_vue_common_2.templateRendering.call(this, this.$props.popup, kendo_vue_common_2.getListeners.call(this)) : undefined;
-
     var popupSettings = __assign({
       show: this.computedShow,
       anchor: this._anchor,
@@ -417,7 +385,6 @@ var DateRangePickerVue2 = {
       },
       animate: this.initialAnimation ? false : animate
     }, this.$props.popupSettings);
-
     var popupDefaultRendering = h(kendo_vue_popup_1.Popup, __assign({
       attrs: this.v3 ? undefined : popupSettings,
       'class': popupClass
@@ -483,14 +450,12 @@ var DateRangePickerVue2 = {
   methods: {
     focus: function focus() {
       var startInput = this.getStartInput();
-
       if (startInput) {
         startInput.focus();
       }
     },
     focusCalendarElement: function focusCalendarElement() {
       var calendar = this.getCalendar();
-
       if (calendar) {
         calendar.focus({
           preventScroll: true
@@ -500,11 +465,9 @@ var DateRangePickerVue2 = {
     focusDateInputElement: function focusDateInputElement() {
       var startInput = this.getStartInput();
       var endInput = this.getEndInput();
-
       if (!document || !startInput || !endInput) {
         return;
       }
-
       if ((this.computedValue.start === null || this.computedValue.end !== null) && document.activeElement !== endInput) {
         startInput.focus({
           preventScroll: true
@@ -526,7 +489,6 @@ var DateRangePickerVue2 = {
       if (this.currentShow === show) {
         return;
       }
-
       this.currentShow = show;
     },
     handleReverseClick: function handleReverseClick(event) {
@@ -546,7 +508,6 @@ var DateRangePickerVue2 = {
       if (!this.shouldFocusDateInput) {
         this.setShow(true);
       }
-
       this.$emit('focus', event);
     },
     calendarBlur: function calendarBlur() {
@@ -560,12 +521,9 @@ var DateRangePickerVue2 = {
     },
     createBlurTimeout: function createBlurTimeout() {
       var _this = this;
-
       this._blurTimeout = setTimeout(function () {
         var startInput = _this.getStartInput();
-
         var endInput = _this.getEndInput();
-
         if (startInput && endInput && kendo_vue_common_1.canUseDOM && startInput && document.activeElement !== endInput) {
           _this.setShow(false);
         }
@@ -602,7 +560,6 @@ var DateRangePickerVue2 = {
       if (!Array.isArray(event.value) && !(event.value instanceof Date)) {
         return event.value || main_1.EMPTY_SELECTIONRANGE;
       }
-
       var candidate = Array.isArray(event.value) ? event.value[0] : event.value;
       return {
         start: this.computedValue.end !== null ? candidate : this.computedValue.start,
@@ -615,10 +572,9 @@ var DateRangePickerVue2 = {
     },
     handleKeyDown: function handleKeyDown(event) {
       var keyCode = event.keyCode,
-          altKey = event.altKey;
+        altKey = event.altKey;
       var endInput = this.getEndInput();
       var calendar = this.getCalendar();
-
       if (keyCode === kendo_vue_common_1.Keys.esc) {
         event.preventDefault();
         this.shouldFocusDateInput = true;
@@ -631,7 +587,6 @@ var DateRangePickerVue2 = {
         event.preventDefault();
         this.focusCalendarElement();
       }
-
       this.$emit('keydown', event);
     },
     handleChange: function handleChange(value, event) {
@@ -659,6 +614,5 @@ exports.DateRangePickerVue2 = DateRangePickerVue2;
 /**
  * @hidden
  */
-
 var DateRangePicker = DateRangePickerVue2;
 exports.DateRangePicker = DateRangePicker;

package/dist/npm/datetimepicker/DateTimePicker.js

@@ -3,48 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateTimePickerVue2 = exports.DateTimePicker = void 0; // @ts-ignore
-
+exports.DateTimePickerVue2 = exports.DateTimePicker = 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_labels_1 = require("@progress/kendo-vue-labels");
-
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
-
 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 DateInput_1 = require("../dateinput/DateInput");
-
 var package_metadata_1 = require("../package-metadata");
-
 var utils_1 = require("../utils");
-
 var main_1 = require("../messages/main");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var DateTimeSelector_1 = require("./DateTimeSelector");
-
 var utils_2 = require("../timepicker/utils");
-
 var defaults_1 = require("../defaults");
-
 var utils_3 = require("../dateinput/utils");
 /**
  * @hidden
  */
-
-
 var DateTimePickerVue2 = {
   name: 'KendoDateTimePicker',
   // @ts-ignore
@@ -257,12 +240,10 @@ var DateTimePickerVue2 = {
       // If defaultShow is true during the initial render, the popup is not aligned.
       this.$forceUpdate();
     }
-
     var dateInputElement = this.dateInputElement();
     this._dateTimeSelector = this.$refs.dateTimeSelector;
     this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
     this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;
-
     if (dateInputElement) {
       dateInputElement.setAttribute('aria-haspopup', 'true');
     }
@@ -271,19 +252,16 @@ var DateTimePickerVue2 = {
     var dateInputElement = this.dateInputElement();
     this._dateTimeSelector = this.$refs.dateTimeSelector;
     this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
-
     if (this._dateTimeSelector && this.computedShow && !this._oldShow) {
       this._dateTimeSelector.focus({
         preventScroll: true
       });
     }
-
     if (dateInputElement && !this.computedShow && this.shouldFocusDateInput) {
       this._dateInput.focus({
         preventScroll: true
       });
     }
-
     this.shouldFocusDateInput = false;
   },
   // @ts-ignore
@@ -300,44 +278,43 @@ var DateTimePickerVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var _this = this;
-
     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,
-        steps = _b.steps,
-        placeholder = _b.placeholder,
-        validationMessage = _b.validationMessage,
-        required = _b.required,
-        validityStyles = _b.validityStyles,
-        cancelButton = _b.cancelButton,
-        minTime = _b.minTime,
-        maxTime = _b.maxTime,
-        ariaLabelledBy = _b.ariaLabelledBy,
-        ariaDescribedBy = _b.ariaDescribedBy,
-        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,
+      steps = _b.steps,
+      placeholder = _b.placeholder,
+      validationMessage = _b.validationMessage,
+      required = _b.required,
+      validityStyles = _b.validityStyles,
+      cancelButton = _b.cancelButton,
+      minTime = _b.minTime,
+      maxTime = _b.maxTime,
+      ariaLabelledBy = _b.ariaLabelledBy,
+      ariaDescribedBy = _b.ariaDescribedBy,
+      size = _b.size,
+      fillMode = _b.fillMode,
+      rounded = _b.rounded;
     var _c = this.$props.popupSettings,
-        popupClass = _c.popupClass,
-        appendTo = _c.appendTo,
-        animate = _c.animate;
+      popupClass = _c.popupClass,
+      appendTo = _c.appendTo,
+      animate = _c.animate;
     var isValid = !this.$props.validityStyles || this.validity().valid;
     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  function children
+    var dateInputDefaultRendering =
+    // @ts-ignore  function children
     h(DateInput_1.DateInput, {
       ref: this.v3 ? function (el) {
         _this.dateInputRef = el;
@@ -411,7 +388,8 @@ var DateTimePickerVue2 = {
       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 dataTimeSelector = // @ts-ignore  function children
+    var dataTimeSelector =
+    // @ts-ignore  function children
     h(DateTimeSelector_1.DateTimeSelector, {
       ref: 'dateTimeSelector',
       cancelButton: cancelButton,
@@ -455,7 +433,8 @@ var DateTimePickerVue2 = {
     });
     var popupClassNames = (0, kendo_vue_common_1.classNames)('k-datetime-container k-reset', popupClass);
     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: this.computedShow,
       attrs: this.v3 ? undefined : {
@@ -512,7 +491,8 @@ var DateTimePickerVue2 = {
       },
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur
-    }, [dateInputRendering, // @ts-ignore
+    }, [dateInputRendering,
+    // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       type: "button",
       attrs: this.v3 ? undefined : {
@@ -538,7 +518,8 @@ var DateTimePickerVue2 = {
       "aria-controls": this._popupId,
       "aria-label": (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_1.toggleDateTimeSelector, main_1.messages[main_1.toggleDateTimeSelector])
     }), 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 : {
@@ -580,7 +561,6 @@ var DateTimePickerVue2 = {
     },
     focus: function focus() {
       var dateInputElement = this.dateInputElement();
-
       if (dateInputElement) {
         dateInputElement.focus();
       }
@@ -589,7 +569,6 @@ var DateTimePickerVue2 = {
       if (this.computedShow === show) {
         return;
       }
-
       this.currentShow = show;
     },
     handleReject: function handleReject() {
@@ -635,14 +614,11 @@ var DateTimePickerVue2 = {
     },
     createBlurTimeout: function createBlurTimeout() {
       var _this = this;
-
       var that = this;
       this._blurTimeout = setTimeout(function () {
         _this.isFocused = false;
         var isInPopup = document.activeElement && document.activeElement.closest("#".concat(that._popupId));
-
         var isElementActive = that._dateInput && kendo_vue_common_1.canUseDOM && document.activeElement !== that._dateInput.element();
-
         if (isElementActive && !isInPopup) {
           that.setShow(false);
         }
@@ -652,7 +628,6 @@ var DateTimePickerVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.shouldFocusDateInput = true;
       this.setShow(!this.computedShow);
       this.$emit('iconclick', event);
@@ -662,28 +637,24 @@ var DateTimePickerVue2 = {
     },
     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.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.shouldFocusDateInput = keyCode === kendo_vue_common_1.Keys.up;
         this.setShow(keyCode === kendo_vue_common_1.Keys.down);
       }
-
       this.$emit('keydown', event);
     },
     dateInputElement: function dateInputElement() {
@@ -695,6 +666,5 @@ exports.DateTimePickerVue2 = DateTimePickerVue2;
 /**
  * @hidden
  */
-
 var DateTimePicker = DateTimePickerVue2;
 exports.DateTimePicker = DateTimePicker;