primevue 4.1.0 → 4.2.0

package/datepicker/index.mjs

@@ -1,5 +1,5 @@
 import { addStyle, isTouchDevice, relativePosition, getOuterWidth, absolutePosition, find, getIndex, getAttribute, findSingle, getFocusableElements, setAttribute } from '@primeuix/utils/dom';
-import { localeComparator, isEmpty } from '@primeuix/utils/object';
+import { localeComparator } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
 import { UniqueComponentId, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import CalendarIcon from '@primevue/icons/calendar';
@@ -12,15 +12,14 @@ import InputText from 'primevue/inputtext';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import Ripple from 'primevue/ripple';
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseInput from '@primevue/core/baseinput';
 import DatePickerStyle from 'primevue/datepicker/style';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, normalizeClass, normalizeStyle, createCommentVNode, renderSlot, createElementVNode, resolveDynamicComponent, Fragment, createVNode, withCtx, Transition, renderList, withDirectives, vShow, toDisplayString, createTextVNode, withKeys } from 'vue';
 
 var script$1 = {
   name: 'BaseDatePicker',
-  "extends": BaseComponent,
+  "extends": BaseInput,
   props: {
-    modelValue: null,
     selectionMode: {
       type: String,
       "default": 'single'
@@ -174,18 +173,6 @@ var script$1 = {
       type: [String, Object],
       "default": 'body'
     },
-    variant: {
-      type: String,
-      "default": null
-    },
-    invalid: {
-      type: Boolean,
-      "default": false
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    },
     readonly: {
       type: Boolean,
       "default": false
@@ -194,10 +181,6 @@ var script$1 = {
       type: String,
       "default": null
     },
-    name: {
-      type: String,
-      "default": null
-    },
     id: {
       type: String,
       "default": null
@@ -262,10 +245,6 @@ var script$1 = {
         };
       }
     },
-    fluid: {
-      type: Boolean,
-      "default": null
-    },
     ariaLabelledby: {
       type: String,
       "default": null
@@ -296,7 +275,7 @@ var script = {
   name: 'DatePicker',
   "extends": script$1,
   inheritAttrs: false,
-  emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
+  emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'today-click', 'clear-click', 'focus', 'blur', 'keydown'],
   inject: {
     $pcFluid: {
       "default": null
@@ -426,18 +405,18 @@ var script = {
   },
   methods: {
     isComparable: function isComparable() {
-      return this.modelValue != null && typeof this.modelValue !== 'string';
+      return this.d_value != null && typeof this.d_value !== 'string';
     },
     isSelected: function isSelected(dateMeta) {
       if (!this.isComparable()) {
         return false;
       }
-      if (this.modelValue) {
+      if (this.d_value) {
         if (this.isSingleSelection()) {
-          return this.isDateEquals(this.modelValue, dateMeta);
+          return this.isDateEquals(this.d_value, dateMeta);
         } else if (this.isMultipleSelection()) {
           var selected = false;
-          var _iterator = _createForOfIteratorHelper(this.modelValue),
+          var _iterator = _createForOfIteratorHelper(this.d_value),
             _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -454,8 +433,8 @@ var script = {
           }
           return selected;
         } else if (this.isRangeSelection()) {
-          if (this.modelValue[1]) return this.isDateEquals(this.modelValue[0], dateMeta) || this.isDateEquals(this.modelValue[1], dateMeta) || this.isDateBetween(this.modelValue[0], this.modelValue[1], dateMeta);else {
-            return this.isDateEquals(this.modelValue[0], dateMeta);
+          if (this.d_value[1]) return this.isDateEquals(this.d_value[0], dateMeta) || this.isDateEquals(this.d_value[1], dateMeta) || this.isDateBetween(this.d_value[0], this.d_value[1], dateMeta);else {
+            return this.isDateEquals(this.d_value[0], dateMeta);
           }
         }
       }
@@ -465,35 +444,35 @@ var script = {
       var _this2 = this;
       if (!this.isComparable()) return false;
       if (this.isMultipleSelection()) {
-        return this.modelValue.some(function (currentValue) {
+        return this.d_value.some(function (currentValue) {
           return currentValue.getMonth() === month && currentValue.getFullYear() === _this2.currentYear;
         });
       } else if (this.isRangeSelection()) {
-        if (!this.modelValue[1]) {
-          var _this$modelValue$, _this$modelValue$2;
-          return ((_this$modelValue$ = this.modelValue[0]) === null || _this$modelValue$ === void 0 ? void 0 : _this$modelValue$.getFullYear()) === this.currentYear && ((_this$modelValue$2 = this.modelValue[0]) === null || _this$modelValue$2 === void 0 ? void 0 : _this$modelValue$2.getMonth()) === month;
+        if (!this.d_value[1]) {
+          var _this$d_value$, _this$d_value$2;
+          return ((_this$d_value$ = this.d_value[0]) === null || _this$d_value$ === void 0 ? void 0 : _this$d_value$.getFullYear()) === this.currentYear && ((_this$d_value$2 = this.d_value[0]) === null || _this$d_value$2 === void 0 ? void 0 : _this$d_value$2.getMonth()) === month;
         } else {
           var currentDate = new Date(this.currentYear, month, 1);
-          var startDate = new Date(this.modelValue[0].getFullYear(), this.modelValue[0].getMonth(), 1);
-          var endDate = new Date(this.modelValue[1].getFullYear(), this.modelValue[1].getMonth(), 1);
+          var startDate = new Date(this.d_value[0].getFullYear(), this.d_value[0].getMonth(), 1);
+          var endDate = new Date(this.d_value[1].getFullYear(), this.d_value[1].getMonth(), 1);
           return currentDate >= startDate && currentDate <= endDate;
         }
       } else {
-        return this.modelValue.getMonth() === month && this.modelValue.getFullYear() === this.currentYear;
+        return this.d_value.getMonth() === month && this.d_value.getFullYear() === this.currentYear;
       }
     },
     isYearSelected: function isYearSelected(year) {
       if (!this.isComparable()) return false;
       if (this.isMultipleSelection()) {
-        return this.modelValue.some(function (currentValue) {
+        return this.d_value.some(function (currentValue) {
           return currentValue.getFullYear() === year;
         });
       } else if (this.isRangeSelection()) {
-        var start = this.modelValue[0] ? this.modelValue[0].getFullYear() : null;
-        var end = this.modelValue[1] ? this.modelValue[1].getFullYear() : null;
+        var start = this.d_value[0] ? this.d_value[0].getFullYear() : null;
+        var end = this.d_value[1] ? this.d_value[1].getFullYear() : null;
         return start === year || end === year || start < year && end > year;
       } else {
-        return this.modelValue.getFullYear() === year;
+        return this.d_value.getFullYear() === year;
       }
     },
     isDateEquals: function isDateEquals(value, dateMeta) {
@@ -895,7 +874,7 @@ var script = {
         event.currentTarget.focus();
       }
       if (this.isMultipleSelection() && this.isSelected(dateMeta)) {
-        var newValue = this.modelValue.filter(function (date) {
+        var newValue = this.d_value.filter(function (date) {
           return !_this7.isDateEquals(date, dateMeta);
         });
         this.updateModel(newValue);
@@ -943,11 +922,11 @@ var script = {
       if (this.isSingleSelection()) {
         modelVal = date;
       } else if (this.isMultipleSelection()) {
-        modelVal = this.modelValue ? [].concat(_toConsumableArray(this.modelValue), [date]) : [date];
+        modelVal = this.d_value ? [].concat(_toConsumableArray(this.d_value), [date]) : [date];
       } else if (this.isRangeSelection()) {
-        if (this.modelValue && this.modelValue.length) {
-          var startDate = this.modelValue[0];
-          var endDate = this.modelValue[1];
+        if (this.d_value && this.d_value.length) {
+          var startDate = this.d_value[0];
+          var endDate = this.d_value[1];
           if (!endDate && date.getTime() >= startDate.getTime()) {
             endDate = date;
           } else {
@@ -970,10 +949,10 @@ var script = {
       this.$emit('date-select', date);
     },
     updateModel: function updateModel(value) {
-      this.$emit('update:modelValue', value);
+      this.writeValue(value);
     },
     shouldSelectDate: function shouldSelectDate() {
-      if (this.isMultipleSelection()) return this.maxDateCount != null ? this.maxDateCount > (this.modelValue ? this.modelValue.length : 0) : true;else return true;
+      if (this.isMultipleSelection()) return this.maxDateCount != null ? this.maxDateCount > (this.d_value ? this.d_value.length : 0) : true;else return true;
     },
     isSingleSelection: function isSingleSelection() {
       return this.selectionMode === 'single';
@@ -1199,13 +1178,13 @@ var script = {
       return hours;
     },
     validateTime: function validateTime(hour, minute, second, pm) {
-      var value = this.isComparable() ? this.modelValue : this.viewDate;
+      var value = this.isComparable() ? this.d_value : this.viewDate;
       var convertedHour = this.convertTo24Hour(hour, pm);
       if (this.isRangeSelection()) {
-        value = this.modelValue[1] || this.modelValue[0];
+        value = this.d_value[1] || this.d_value[0];
       }
       if (this.isMultipleSelection()) {
-        value = this.modelValue[this.modelValue.length - 1];
+        value = this.d_value[this.d_value.length - 1];
       }
       var valueDateString = value ? value.toDateString() : null;
       if (this.minDate && valueDateString && this.minDate.toDateString() === valueDateString) {
@@ -1306,12 +1285,12 @@ var script = {
     updateModelTime: function updateModelTime() {
       var _this10 = this;
       this.timePickerChange = true;
-      var value = this.isComparable() ? this.modelValue : this.viewDate;
+      var value = this.isComparable() ? this.d_value : this.viewDate;
       if (this.isRangeSelection()) {
-        value = this.modelValue[1] || this.modelValue[0];
+        value = this.d_value[1] || this.d_value[0];
       }
       if (this.isMultipleSelection()) {
-        value = this.modelValue[this.modelValue.length - 1];
+        value = this.d_value[this.d_value.length - 1];
       }
       value = value ? new Date(value.getTime()) : new Date();
       if (this.hourFormat == '12') {
@@ -1322,10 +1301,10 @@ var script = {
       value.setMinutes(this.currentMinute);
       value.setSeconds(this.currentSecond);
       if (this.isRangeSelection()) {
-        if (this.modelValue[1]) value = [this.modelValue[0], value];else value = [value, null];
+        if (this.d_value[1]) value = [this.d_value[0], value];else value = [value, null];
       }
       if (this.isMultipleSelection()) {
-        value = [].concat(_toConsumableArray(this.modelValue.slice(0, -1)), [value]);
+        value = [].concat(_toConsumableArray(this.d_value.slice(0, -1)), [value]);
       }
       this.updateModel(value);
       this.$emit('date-select', value);
@@ -2190,12 +2169,14 @@ var script = {
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
+      var _this$formField$onBlu, _this$formField;
       this.$emit('blur', {
         originalEvent: event,
         value: event.target.value
       });
+      (_this$formField$onBlu = (_this$formField = this.formField).onBlur) === null || _this$formField$onBlu === void 0 || _this$formField$onBlu.call(_this$formField);
       this.focused = false;
-      event.target.value = this.formatValue(this.modelValue);
+      event.target.value = this.formatValue(this.d_value);
     },
     onKeyDown: function onKeyDown(event) {
       if (event.code === 'ArrowDown' && this.overlay) {
@@ -2310,7 +2291,7 @@ var script = {
   },
   computed: {
     viewDate: function viewDate() {
-      var propValue = this.modelValue;
+      var propValue = this.d_value;
       if (propValue && Array.isArray(propValue)) {
         if (this.isRangeSelection()) {
           propValue = this.inline ? propValue[0] : propValue[1] || propValue[0];
@@ -2332,7 +2313,7 @@ var script = {
       }
     },
     inputFieldValue: function inputFieldValue() {
-      return this.formatValue(this.modelValue);
+      return this.formatValue(this.d_value);
     },
     months: function months() {
       var months = [];
@@ -2507,9 +2488,6 @@ var script = {
     },
     panelId: function panelId() {
       return this.d_id + '_panel';
-    },
-    hasFluid: function hasFluid() {
-      return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
     }
   },
   components: {
@@ -2561,6 +2539,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     value: $options.inputFieldValue,
     placeholder: _ctx.placeholder,
     name: _ctx.name,
+    size: _ctx.size,
     invalid: _ctx.invalid,
     variant: _ctx.variant,
     fluid: _ctx.fluid,
@@ -2582,8 +2561,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: $options.onBlur,
     onKeydown: $options.onKeyDown,
     pt: _ctx.ptm('pcInputText')
-  }, null, 8, ["id", "class", "style", "value", "placeholder", "name", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
-    key: 1
+  }, null, 8, ["id", "class", "style", "value", "placeholder", "name", "size", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
+    key: 1,
+    toggleCallback: $options.onButtonClick
   }, function () {
     return [createElementVNode("button", mergeProps({
       "class": _ctx.cx('dropdown'),