primevue 4.1.1 → 4.2.1

package/listbox/index.mjs

@@ -10,15 +10,14 @@ import InputIcon from 'primevue/inputicon';
 import InputText from 'primevue/inputtext';
 import Ripple from 'primevue/ripple';
 import VirtualScroller from 'primevue/virtualscroller';
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import ListboxStyle from 'primevue/listbox/style';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot, createCommentVNode, createVNode, withCtx, createBlock, normalizeProps, toDisplayString, createSlots, Fragment, renderList, createTextVNode, withDirectives } from 'vue';
 
 var script$1 = {
   name: 'BaseListbox',
-  "extends": BaseComponent,
+  "extends": BaseEditableHolder,
   props: {
-    modelValue: null,
     options: Array,
     optionLabel: null,
     optionValue: null,
@@ -30,14 +29,6 @@ var script$1 = {
       type: String,
       "default": '14rem'
     },
-    invalid: {
-      type: Boolean,
-      "default": false
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    },
     dataKey: null,
     multiple: {
       type: Boolean,
@@ -142,7 +133,7 @@ var script = {
   name: 'Listbox',
   "extends": script$1,
   inheritAttrs: false,
-  emits: ['update:modelValue', 'change', 'focus', 'blur', 'filter', 'item-dblclick', 'option-dblclick'],
+  emits: ['change', 'focus', 'blur', 'filter', 'item-dblclick', 'option-dblclick'],
   list: null,
   virtualScroller: null,
   optionTouched: false,
@@ -361,11 +352,11 @@ var script = {
         if (selected) {
           value = metaKey ? this.removeOption(option) : [this.getOptionValue(option)];
         } else {
-          value = metaKey ? this.modelValue || [] : [];
+          value = metaKey ? this.d_value || [] : [];
           value = [].concat(_toConsumableArray(value), [this.getOptionValue(option)]);
         }
       } else {
-        value = selected ? this.removeOption(option) : [].concat(_toConsumableArray(this.modelValue || []), [this.getOptionValue(option)]);
+        value = selected ? this.removeOption(option) : [].concat(_toConsumableArray(this.d_value || []), [this.getOptionValue(option)]);
       }
       this.updateModel(event, value);
     },
@@ -521,9 +512,9 @@ var script = {
     isSelected: function isSelected(option) {
       var _this4 = this;
       var optionValue = this.getOptionValue(option);
-      if (this.multiple) return (this.modelValue || []).some(function (value) {
+      if (this.multiple) return (this.d_value || []).some(function (value) {
         return _this4.isEquals(value, optionValue);
-      });else return this.isEquals(this.modelValue, optionValue);
+      });else return this.isEquals(this.d_value, optionValue);
     },
     findFirstOptionIndex: function findFirstOptionIndex() {
       var _this5 = this;
@@ -553,10 +544,10 @@ var script = {
     },
     findSelectedOptionIndex: function findSelectedOptionIndex() {
       var _this9 = this;
-      if (this.hasSelectedOption) {
+      if (this.$filled) {
         if (this.multiple) {
           var _loop = function _loop() {
-              var value = _this9.modelValue[index];
+              var value = _this9.d_value[index];
               var matchedOptionIndex = _this9.visibleOptions.findIndex(function (option) {
                 return _this9.isValidSelectedOption(option) && _this9.isEquals(value, _this9.getOptionValue(option));
               });
@@ -565,7 +556,7 @@ var script = {
               };
             },
             _ret;
-          for (var index = this.modelValue.length - 1; index >= 0; index--) {
+          for (var index = this.d_value.length - 1; index >= 0; index--) {
             _ret = _loop();
             if (_ret) return _ret.v;
           }
@@ -579,26 +570,26 @@ var script = {
     },
     findFirstSelectedOptionIndex: function findFirstSelectedOptionIndex() {
       var _this10 = this;
-      return this.hasSelectedOption ? this.visibleOptions.findIndex(function (option) {
+      return this.$filled ? this.visibleOptions.findIndex(function (option) {
         return _this10.isValidSelectedOption(option);
       }) : -1;
     },
     findLastSelectedOptionIndex: function findLastSelectedOptionIndex() {
       var _this11 = this;
-      return this.hasSelectedOption ? findLastIndex(this.visibleOptions, function (option) {
+      return this.$filled ? findLastIndex(this.visibleOptions, function (option) {
         return _this11.isValidSelectedOption(option);
       }) : -1;
     },
     findNextSelectedOptionIndex: function findNextSelectedOptionIndex(index) {
       var _this12 = this;
-      var matchedOptionIndex = this.hasSelectedOption && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
+      var matchedOptionIndex = this.$filled && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
         return _this12.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
     },
     findPrevSelectedOptionIndex: function findPrevSelectedOptionIndex(index) {
       var _this13 = this;
-      var matchedOptionIndex = this.hasSelectedOption && index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
+      var matchedOptionIndex = this.$filled && index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
         return _this13.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
@@ -606,7 +597,7 @@ var script = {
     findNearestSelectedOptionIndex: function findNearestSelectedOptionIndex(index) {
       var firstCheckUp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var matchedOptionIndex = -1;
-      if (this.hasSelectedOption) {
+      if (this.$filled) {
         if (firstCheckUp) {
           matchedOptionIndex = this.findPrevSelectedOptionIndex(index);
           matchedOptionIndex = matchedOptionIndex === -1 ? this.findNextSelectedOptionIndex(index) : matchedOptionIndex;
@@ -659,7 +650,7 @@ var script = {
     },
     removeOption: function removeOption(option) {
       var _this15 = this;
-      return this.modelValue.filter(function (val) {
+      return this.d_value.filter(function (val) {
         return !equals(val, _this15.getOptionValue(option), _this15.equalityKey);
       });
     },
@@ -690,13 +681,13 @@ var script = {
       });
     },
     autoUpdateModel: function autoUpdateModel() {
-      if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption && !this.multiple && this.focused) {
+      if (this.selectOnFocus && this.autoOptionFocus && !this.$filled && !this.multiple && this.focused) {
         this.focusedOptionIndex = this.findFirstFocusedOptionIndex();
         this.onOptionSelect(null, this.visibleOptions[this.focusedOptionIndex]);
       }
     },
     updateModel: function updateModel(event, value) {
-      this.$emit('update:modelValue', value);
+      this.writeValue(value, event);
       this.$emit('change', {
         originalEvent: event,
         value: value
@@ -730,8 +721,9 @@ var script = {
       var options = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
       return this.filterValue ? FilterService.filter(options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale) : options;
     },
+    // @deprecated use $filled instead
     hasSelectedOption: function hasSelectedOption() {
-      return isNotEmpty(this.modelValue);
+      return isNotEmpty(this.d_value);
     },
     equalityKey: function equalityKey() {
       return this.optionValue ? null : this.dataKey;
@@ -758,7 +750,7 @@ var script = {
       return this.emptySelectionMessage || this.$primevue.config.locale.emptySelectionMessage || '';
     },
     selectedMessageText: function selectedMessageText() {
-      return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.modelValue.length : '1') : this.emptySelectionMessageText;
+      return this.$filled ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.d_value.length : '1') : this.emptySelectionMessageText;
     },
     focusedOptionId: function focusedOptionId() {
       return this.focusedOptionIndex !== -1 ? "".concat(this.id, "_").concat(this.focusedOptionIndex) : null;
@@ -824,7 +816,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     "class": normalizeClass(_ctx.cx('header'))
   }, [renderSlot(_ctx.$slots, "header", {
-    value: _ctx.modelValue,
+    value: _ctx.d_value,
     options: $options.visibleOptions
   })], 2)) : createCommentVNode("", true), _ctx.filter ? (openBlock(), createElementBlock("div", mergeProps({
     key: 1,
@@ -1019,7 +1011,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     key: "0"
   } : undefined]), 1040, ["items", "style", "disabled", "pt"])], 16), renderSlot(_ctx.$slots, "footer", {
-    value: _ctx.modelValue,
+    value: _ctx.d_value,
     options: $options.visibleOptions
   }), !_ctx.options || _ctx.options && _ctx.options.length === 0 ? (openBlock(), createElementBlock("span", mergeProps({
     key: 2,