@fewangsit/wangsvue 1.5.219-alpha.1 → 1.5.219-alpha.2

package/vendor/primevue/multiselect/multiselect.esm.es.js

@@ -1,22 +1,22 @@
-import { a as te } from "../api/api.esm.es.js";
-import { s as ie } from "../checkbox/checkbox.esm.es.js";
-import { s as ne } from "../icons/check/index.esm.es.js";
-import { s as se } from "../icons/chevrondown/index.esm.es.js";
-import { s as le } from "../icons/search/index.esm.es.js";
-import { s as re } from "../icons/spinner/index.esm.es.js";
-import { s as oe } from "../icons/times/index.esm.es.js";
-import { s as ae } from "../icons/timescircle/index.esm.es.js";
-import { O as ue } from "../overlayeventbus/overlayeventbus.esm.es.js";
-import { s as de } from "../portal/portal.esm.es.js";
-import { R as ce } from "../ripple/ripple.esm.es.js";
-import { O as u, D as f, C as he, Z as G, U as z } from "../utils/utils.esm.es.js";
-import { s as fe } from "../virtualscroller/virtualscroller.esm.es.js";
-import { s as pe } from "../basecomponent/basecomponent.esm.es.js";
-import { M as me } from "./style/multiselectstyle.esm.es.js";
-import { resolveComponent as T, resolveDirective as ye, createElementBlock as d, openBlock as o, mergeProps as r, createElementVNode as O, createVNode as R, renderSlot as b, createCommentVNode as v, Fragment as C, createTextVNode as M, toDisplayString as I, renderList as q, normalizeClass as F, createBlock as S, withModifiers as W, resolveDynamicComponent as w, withCtx as x, Transition as be, withDirectives as Z, createSlots as ge, normalizeProps as Oe, guardReactiveProps as ve } from "vue";
-var Ie = {
+import { a as FilterService } from "../api/api.esm.es.js";
+import { s as script$a } from "../checkbox/checkbox.esm.es.js";
+import { s as script$2 } from "../icons/check/index.esm.es.js";
+import { s as script$4 } from "../icons/chevrondown/index.esm.es.js";
+import { s as script$6 } from "../icons/search/index.esm.es.js";
+import { s as script$3 } from "../icons/spinner/index.esm.es.js";
+import { s as script$7 } from "../icons/times/index.esm.es.js";
+import { s as script$5 } from "../icons/timescircle/index.esm.es.js";
+import { O as OverlayEventBus } from "../overlayeventbus/overlayeventbus.esm.es.js";
+import { s as script$8 } from "../portal/portal.esm.es.js";
+import { R as Ripple } from "../ripple/ripple.esm.es.js";
+import { O as ObjectUtils, D as DomHandler, C as ConnectedOverlayScrollHandler, Z as ZIndexUtils, U as UniqueComponentId } from "../utils/utils.esm.es.js";
+import { s as script$9 } from "../virtualscroller/virtualscroller.esm.es.js";
+import { s as script$b } from "../basecomponent/basecomponent.esm.es.js";
+import { M as MultiSelectStyle } from "./style/multiselectstyle.esm.es.js";
+import { resolveComponent, resolveDirective, createElementBlock, openBlock, mergeProps, createElementVNode, createVNode, renderSlot, createCommentVNode, Fragment, createTextVNode, toDisplayString, renderList, normalizeClass, createBlock, withModifiers, resolveDynamicComponent, withCtx, Transition, withDirectives, createSlots, normalizeProps, guardReactiveProps } from "vue";
+var script$1 = {
   name: "BaseMultiSelect",
-  extends: pe,
+  "extends": script$b,
   props: {
     modelValue: null,
     options: Array,
@@ -27,45 +27,45 @@ var Ie = {
     optionGroupChildren: null,
     scrollHeight: {
       type: String,
-      default: "200px"
+      "default": "200px"
     },
     placeholder: String,
     variant: {
       type: String,
-      default: null
+      "default": null
     },
     invalid: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     disabled: Boolean,
     inputId: {
       type: String,
-      default: null
+      "default": null
     },
     inputProps: {
       type: null,
-      default: null
+      "default": null
     },
     panelClass: {
       type: String,
-      default: null
+      "default": null
     },
     panelStyle: {
       type: null,
-      default: null
+      "default": null
     },
     panelProps: {
       type: null,
-      default: null
+      "default": null
     },
     filterInputProps: {
       type: null,
-      default: null
+      "default": null
     },
     closeButtonProps: {
       type: null,
-      default: null
+      "default": null
     },
     dataKey: null,
     filter: Boolean,
@@ -73,208 +73,213 @@ var Ie = {
     filterLocale: String,
     filterMatchMode: {
       type: String,
-      default: "contains"
+      "default": "contains"
     },
     filterFields: {
       type: Array,
-      default: null
+      "default": null
     },
     appendTo: {
       type: [String, Object],
-      default: "body"
+      "default": "body"
     },
     display: {
       type: String,
-      default: "comma"
+      "default": "comma"
     },
     selectedItemsLabel: {
       type: String,
-      default: "{0} items selected"
+      "default": "{0} items selected"
     },
     maxSelectedLabels: {
       type: Number,
-      default: null
+      "default": null
     },
     selectionLimit: {
       type: Number,
-      default: null
+      "default": null
     },
     showToggleAll: {
       type: Boolean,
-      default: !0
+      "default": true
     },
     loading: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     checkboxIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     closeIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     dropdownIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     filterIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     loadingIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     removeTokenIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     selectAll: {
       type: Boolean,
-      default: null
+      "default": null
     },
     resetFilterOnHide: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     virtualScrollerOptions: {
       type: Object,
-      default: null
+      "default": null
     },
     autoOptionFocus: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     autoFilterFocus: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     focusOnHover: {
       type: Boolean,
-      default: !0
+      "default": true
     },
     highlightOnSelect: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     filterMessage: {
       type: String,
-      default: null
+      "default": null
     },
     selectionMessage: {
       type: String,
-      default: null
+      "default": null
     },
     emptySelectionMessage: {
       type: String,
-      default: null
+      "default": null
     },
     emptyFilterMessage: {
       type: String,
-      default: null
+      "default": null
     },
     emptyMessage: {
       type: String,
-      default: null
+      "default": null
     },
     tabindex: {
       type: Number,
-      default: 0
+      "default": 0
     },
     ariaLabel: {
       type: String,
-      default: null
+      "default": null
     },
     ariaLabelledby: {
       type: String,
-      default: null
+      "default": null
     }
   },
-  style: me,
-  provide: function() {
+  style: MultiSelectStyle,
+  provide: function provide() {
     return {
       $parentInstance: this
     };
   }
 };
-function E(t) {
+function _typeof$1(o) {
   "@babel/helpers - typeof";
-  return E = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
-    return typeof e;
-  } : function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, E(t);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof$1(o);
 }
-function J(t, e) {
-  var i = Object.keys(t);
+function ownKeys$1(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(t);
-    e && (s = s.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(t, l).enumerable;
-    })), i.push.apply(i, s);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return i;
+  return t;
 }
-function Q(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var i = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? J(Object(i), !0).forEach(function(s) {
-      $(t, s, i[s]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : J(Object(i)).forEach(function(s) {
-      Object.defineProperty(t, s, Object.getOwnPropertyDescriptor(i, s));
+function _objectSpread$1(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys$1(Object(t), true).forEach(function(r2) {
+      _defineProperty$1(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return t;
+  return e;
 }
-function $(t, e, i) {
-  return e = Se(e), e in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = i, t;
+function _defineProperty$1(obj, key, value) {
+  key = _toPropertyKey$1(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function Se(t) {
-  var e = ke(t, "string");
-  return E(e) == "symbol" ? e : String(e);
+function _toPropertyKey$1(t) {
+  var i = _toPrimitive$1(t, "string");
+  return "symbol" == _typeof$1(i) ? i : String(i);
 }
-function ke(t, e) {
-  if (E(t) != "object" || !t) return t;
-  var i = t[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var s = i.call(t, e);
-    if (E(s) != "object") return s;
+function _toPrimitive$1(t, r) {
+  if ("object" != _typeof$1(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof$1(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(t);
+  return ("string" === r ? String : Number)(t);
 }
-function X(t) {
-  return we(t) || Fe(t) || Ve(t) || Le();
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-function Le() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function Ve(t, e) {
-  if (t) {
-    if (typeof t == "string") return j(t, e);
-    var i = Object.prototype.toString.call(t).slice(8, -1);
-    if (i === "Object" && t.constructor && (i = t.constructor.name), i === "Map" || i === "Set") return Array.from(t);
-    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return j(t, e);
-  }
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-function Fe(t) {
-  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function we(t) {
-  if (Array.isArray(t)) return j(t);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-function j(t, e) {
-  (e == null || e > t.length) && (e = t.length);
-  for (var i = 0, s = new Array(e); i < e; i++) s[i] = t[i];
-  return s;
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
 }
-var Ce = {
+var script = {
   name: "MultiSelect",
-  extends: Ie,
-  inheritAttrs: !1,
+  "extends": script$1,
+  inheritAttrs: false,
   emits: ["update:modelValue", "change", "focus", "blur", "before-show", "before-hide", "show", "hide", "filter", "selectall-change"],
   outsideClickListener: null,
   scrollHandler: null,
@@ -285,1091 +290,1334 @@ var Ce = {
   startRangeIndex: -1,
   searchTimeout: null,
   searchValue: "",
-  selectOnFocus: !1,
-  data: function() {
+  selectOnFocus: false,
+  data: function data() {
     return {
       id: this.$attrs.id,
-      clicked: !1,
-      focused: !1,
+      clicked: false,
+      focused: false,
       focusedOptionIndex: -1,
       filterValue: null,
-      overlayVisible: !1
+      overlayVisible: false
     };
   },
   watch: {
-    "$attrs.id": function(e) {
-      this.id = e || z();
+    "$attrs.id": function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
     },
-    options: function() {
+    options: function options() {
       this.autoUpdateModel();
     }
   },
-  mounted: function() {
-    this.id = this.id || z(), this.autoUpdateModel();
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+    this.autoUpdateModel();
   },
-  beforeUnmount: function() {
-    this.unbindOutsideClickListener(), this.unbindResizeListener(), this.scrollHandler && (this.scrollHandler.destroy(), this.scrollHandler = null), this.overlay && (G.clear(this.overlay), this.overlay = null);
+  beforeUnmount: function beforeUnmount() {
+    this.unbindOutsideClickListener();
+    this.unbindResizeListener();
+    if (this.scrollHandler) {
+      this.scrollHandler.destroy();
+      this.scrollHandler = null;
+    }
+    if (this.overlay) {
+      ZIndexUtils.clear(this.overlay);
+      this.overlay = null;
+    }
   },
   methods: {
-    getOptionIndex: function(e, i) {
-      return this.virtualScrollerDisabled ? e : i && i(e).index;
+    getOptionIndex: function getOptionIndex(index, fn) {
+      return this.virtualScrollerDisabled ? index : fn && fn(index)["index"];
     },
-    getOptionLabel: function(e) {
-      return this.optionLabel ? u.resolveFieldData(e, this.optionLabel) : e;
+    getOptionLabel: function getOptionLabel(option) {
+      return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
     },
-    getOptionValue: function(e) {
-      return this.optionValue ? u.resolveFieldData(e, this.optionValue) : e;
+    getOptionValue: function getOptionValue(option) {
+      return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option;
     },
-    getOptionRenderKey: function(e, i) {
-      return this.dataKey ? u.resolveFieldData(e, this.dataKey) : this.getOptionLabel(e) + "_".concat(i);
+    getOptionRenderKey: function getOptionRenderKey(option, index) {
+      return this.dataKey ? ObjectUtils.resolveFieldData(option, this.dataKey) : this.getOptionLabel(option) + "_".concat(index);
     },
-    getHeaderCheckboxPTOptions: function(e) {
-      return this.ptm(e, {
+    getHeaderCheckboxPTOptions: function getHeaderCheckboxPTOptions(key) {
+      return this.ptm(key, {
         context: {
           selected: this.allSelected
         }
       });
     },
-    getCheckboxPTOptions: function(e, i, s, l) {
-      return this.ptm(l, {
+    getCheckboxPTOptions: function getCheckboxPTOptions(option, itemOptions, index, key) {
+      return this.ptm(key, {
         context: {
-          selected: this.isSelected(e),
-          focused: this.focusedOptionIndex === this.getOptionIndex(s, i),
-          disabled: this.isOptionDisabled(e)
+          selected: this.isSelected(option),
+          focused: this.focusedOptionIndex === this.getOptionIndex(index, itemOptions),
+          disabled: this.isOptionDisabled(option)
         }
       });
     },
-    isOptionDisabled: function(e) {
-      return this.maxSelectionLimitReached && !this.isSelected(e) ? !0 : this.optionDisabled ? u.resolveFieldData(e, this.optionDisabled) : !1;
-    },
-    isOptionGroup: function(e) {
-      return this.optionGroupLabel && e.optionGroup && e.group;
-    },
-    getOptionGroupLabel: function(e) {
-      return u.resolveFieldData(e, this.optionGroupLabel);
-    },
-    getOptionGroupChildren: function(e) {
-      return u.resolveFieldData(e, this.optionGroupChildren);
-    },
-    getAriaPosInset: function(e) {
-      var i = this;
-      return (this.optionGroupLabel ? e - this.visibleOptions.slice(0, e).filter(function(s) {
-        return i.isOptionGroup(s);
-      }).length : e) + 1;
-    },
-    show: function(e) {
-      this.$emit("before-show"), this.overlayVisible = !0, this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex(), e && f.focus(this.$refs.focusInput);
-    },
-    hide: function(e) {
-      var i = this, s = function() {
-        i.$emit("before-hide"), i.overlayVisible = !1, i.clicked = !1, i.focusedOptionIndex = -1, i.searchValue = "", i.resetFilterOnHide && (i.filterValue = null), e && f.focus(i.$refs.focusInput);
+    isOptionDisabled: function isOptionDisabled(option) {
+      if (this.maxSelectionLimitReached && !this.isSelected(option)) {
+        return true;
+      }
+      return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
+    },
+    isOptionGroup: function isOptionGroup(option) {
+      return this.optionGroupLabel && option.optionGroup && option.group;
+    },
+    getOptionGroupLabel: function getOptionGroupLabel(optionGroup) {
+      return ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel);
+    },
+    getOptionGroupChildren: function getOptionGroupChildren(optionGroup) {
+      return ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren);
+    },
+    getAriaPosInset: function getAriaPosInset(index) {
+      var _this = this;
+      return (this.optionGroupLabel ? index - this.visibleOptions.slice(0, index).filter(function(option) {
+        return _this.isOptionGroup(option);
+      }).length : index) + 1;
+    },
+    show: function show(isFocus) {
+      this.$emit("before-show");
+      this.overlayVisible = true;
+      this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
+      isFocus && DomHandler.focus(this.$refs.focusInput);
+    },
+    hide: function hide(isFocus) {
+      var _this2 = this;
+      var _hide = function _hide2() {
+        _this2.$emit("before-hide");
+        _this2.overlayVisible = false;
+        _this2.clicked = false;
+        _this2.focusedOptionIndex = -1;
+        _this2.searchValue = "";
+        _this2.resetFilterOnHide && (_this2.filterValue = null);
+        isFocus && DomHandler.focus(_this2.$refs.focusInput);
       };
       setTimeout(function() {
-        s();
+        _hide();
       }, 0);
     },
-    onFocus: function(e) {
-      this.disabled || (this.focused = !0, this.overlayVisible && (this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex(), this.scrollInView(this.focusedOptionIndex)), this.$emit("focus", e));
+    onFocus: function onFocus(event) {
+      if (this.disabled) {
+        return;
+      }
+      this.focused = true;
+      if (this.overlayVisible) {
+        this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
+        this.scrollInView(this.focusedOptionIndex);
+      }
+      this.$emit("focus", event);
     },
-    onBlur: function(e) {
-      this.clicked = !1, this.focused = !1, this.focusedOptionIndex = -1, this.searchValue = "", this.$emit("blur", e);
+    onBlur: function onBlur(event) {
+      this.clicked = false;
+      this.focused = false;
+      this.focusedOptionIndex = -1;
+      this.searchValue = "";
+      this.$emit("blur", event);
     },
-    onKeyDown: function(e) {
-      var i = this;
+    onKeyDown: function onKeyDown(event) {
+      var _this3 = this;
       if (this.disabled) {
-        e.preventDefault();
+        event.preventDefault();
         return;
       }
-      var s = e.metaKey || e.ctrlKey;
-      switch (e.code) {
+      var metaKey = event.metaKey || event.ctrlKey;
+      switch (event.code) {
         case "ArrowDown":
-          this.onArrowDownKey(e);
+          this.onArrowDownKey(event);
           break;
         case "ArrowUp":
-          this.onArrowUpKey(e);
+          this.onArrowUpKey(event);
           break;
         case "Home":
-          this.onHomeKey(e);
+          this.onHomeKey(event);
           break;
         case "End":
-          this.onEndKey(e);
+          this.onEndKey(event);
           break;
         case "PageDown":
-          this.onPageDownKey(e);
+          this.onPageDownKey(event);
           break;
         case "PageUp":
-          this.onPageUpKey(e);
+          this.onPageUpKey(event);
           break;
         case "Enter":
         case "NumpadEnter":
         case "Space":
-          this.onEnterKey(e);
+          this.onEnterKey(event);
           break;
         case "Escape":
-          this.onEscapeKey(e);
+          this.onEscapeKey(event);
           break;
         case "Tab":
-          this.onTabKey(e);
+          this.onTabKey(event);
           break;
         case "ShiftLeft":
         case "ShiftRight":
-          this.onShiftKey(e);
+          this.onShiftKey(event);
           break;
         default:
-          if (e.code === "KeyA" && s) {
-            var l = this.visibleOptions.filter(function(n) {
-              return i.isValidOption(n);
-            }).map(function(n) {
-              return i.getOptionValue(n);
+          if (event.code === "KeyA" && metaKey) {
+            var value = this.visibleOptions.filter(function(option) {
+              return _this3.isValidOption(option);
+            }).map(function(option) {
+              return _this3.getOptionValue(option);
             });
-            this.updateModel(e, l), e.preventDefault();
+            this.updateModel(event, value);
+            event.preventDefault();
             break;
           }
-          !s && u.isPrintableCharacter(e.key) && (!this.overlayVisible && this.show(), this.searchOptions(e), e.preventDefault());
+          if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
+            !this.overlayVisible && this.show();
+            this.searchOptions(event);
+            event.preventDefault();
+          }
           break;
       }
-      this.clicked = !1;
+      this.clicked = false;
     },
-    onContainerClick: function(e) {
-      this.disabled || this.loading || ((!this.overlay || !this.overlay.contains(e.target)) && (this.overlayVisible ? this.hide(!0) : this.show(!0)), this.clicked = !0);
+    onContainerClick: function onContainerClick(event) {
+      if (this.disabled || this.loading) {
+        return;
+      }
+      if (!this.overlay || !this.overlay.contains(event.target)) {
+        this.overlayVisible ? this.hide(true) : this.show(true);
+      }
+      this.clicked = true;
     },
-    onFirstHiddenFocus: function(e) {
-      var i = e.relatedTarget === this.$refs.focusInput ? f.getFirstFocusableElement(this.overlay, ':not([data-p-hidden-focusable="true"])') : this.$refs.focusInput;
-      f.focus(i);
+    onFirstHiddenFocus: function onFirstHiddenFocus(event) {
+      var focusableEl = event.relatedTarget === this.$refs.focusInput ? DomHandler.getFirstFocusableElement(this.overlay, ':not([data-p-hidden-focusable="true"])') : this.$refs.focusInput;
+      DomHandler.focus(focusableEl);
     },
-    onLastHiddenFocus: function(e) {
-      var i = e.relatedTarget === this.$refs.focusInput ? f.getLastFocusableElement(this.overlay, ':not([data-p-hidden-focusable="true"])') : this.$refs.focusInput;
-      f.focus(i);
+    onLastHiddenFocus: function onLastHiddenFocus(event) {
+      var focusableEl = event.relatedTarget === this.$refs.focusInput ? DomHandler.getLastFocusableElement(this.overlay, ':not([data-p-hidden-focusable="true"])') : this.$refs.focusInput;
+      DomHandler.focus(focusableEl);
     },
-    onCloseClick: function() {
-      this.hide(!0);
+    onCloseClick: function onCloseClick() {
+      this.hide(true);
     },
-    onOptionSelect: function(e, i) {
-      var s = this, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : -1, n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
-      if (!(this.disabled || this.isOptionDisabled(i))) {
-        var h = this.isSelected(i), m = null;
-        h ? m = this.modelValue.filter(function(y) {
-          return !u.equals(y, s.getOptionValue(i), s.equalityKey);
-        }) : m = [].concat(X(this.modelValue || []), [this.getOptionValue(i)]), this.updateModel(e, m), l !== -1 && (this.focusedOptionIndex = l), n && f.focus(this.$refs.focusInput);
+    onOptionSelect: function onOptionSelect(event, option) {
+      var _this4 = this;
+      var index = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : -1;
+      var isFocus = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+      if (this.disabled || this.isOptionDisabled(option)) {
+        return;
+      }
+      var selected = this.isSelected(option);
+      var value = null;
+      if (selected) value = this.modelValue.filter(function(val) {
+        return !ObjectUtils.equals(val, _this4.getOptionValue(option), _this4.equalityKey);
+      });
+      else value = [].concat(_toConsumableArray(this.modelValue || []), [this.getOptionValue(option)]);
+      this.updateModel(event, value);
+      index !== -1 && (this.focusedOptionIndex = index);
+      isFocus && DomHandler.focus(this.$refs.focusInput);
+    },
+    onOptionMouseMove: function onOptionMouseMove(event, index) {
+      if (this.focusOnHover) {
+        this.changeFocusedOptionIndex(event, index);
       }
     },
-    onOptionMouseMove: function(e, i) {
-      this.focusOnHover && this.changeFocusedOptionIndex(e, i);
-    },
-    onOptionSelectRange: function(e) {
-      var i = this, s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : -1, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : -1;
-      if (s === -1 && (s = this.findNearestSelectedOptionIndex(l, !0)), l === -1 && (l = this.findNearestSelectedOptionIndex(s)), s !== -1 && l !== -1) {
-        var n = Math.min(s, l), h = Math.max(s, l), m = this.visibleOptions.slice(n, h + 1).filter(function(y) {
-          return i.isValidOption(y);
-        }).map(function(y) {
-          return i.getOptionValue(y);
+    onOptionSelectRange: function onOptionSelectRange(event) {
+      var _this5 = this;
+      var start = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : -1;
+      var end = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : -1;
+      start === -1 && (start = this.findNearestSelectedOptionIndex(end, true));
+      end === -1 && (end = this.findNearestSelectedOptionIndex(start));
+      if (start !== -1 && end !== -1) {
+        var rangeStart = Math.min(start, end);
+        var rangeEnd = Math.max(start, end);
+        var value = this.visibleOptions.slice(rangeStart, rangeEnd + 1).filter(function(option) {
+          return _this5.isValidOption(option);
+        }).map(function(option) {
+          return _this5.getOptionValue(option);
         });
-        this.updateModel(e, m);
+        this.updateModel(event, value);
       }
     },
-    onFilterChange: function(e) {
-      var i = e.target.value;
-      this.filterValue = i, this.focusedOptionIndex = -1, this.$emit("filter", {
-        originalEvent: e,
-        value: i
-      }), !this.virtualScrollerDisabled && this.virtualScroller.scrollToIndex(0);
+    onFilterChange: function onFilterChange(event) {
+      var value = event.target.value;
+      this.filterValue = value;
+      this.focusedOptionIndex = -1;
+      this.$emit("filter", {
+        originalEvent: event,
+        value
+      });
+      !this.virtualScrollerDisabled && this.virtualScroller.scrollToIndex(0);
     },
-    onFilterKeyDown: function(e) {
-      switch (e.code) {
+    onFilterKeyDown: function onFilterKeyDown(event) {
+      switch (event.code) {
         case "ArrowDown":
-          this.onArrowDownKey(e);
+          this.onArrowDownKey(event);
           break;
         case "ArrowUp":
-          this.onArrowUpKey(e, !0);
+          this.onArrowUpKey(event, true);
           break;
         case "ArrowLeft":
         case "ArrowRight":
-          this.onArrowLeftKey(e, !0);
+          this.onArrowLeftKey(event, true);
           break;
         case "Home":
-          this.onHomeKey(e, !0);
+          this.onHomeKey(event, true);
           break;
         case "End":
-          this.onEndKey(e, !0);
+          this.onEndKey(event, true);
           break;
         case "Enter":
         case "NumpadEnter":
-          this.onEnterKey(e);
+          this.onEnterKey(event);
           break;
         case "Escape":
-          this.onEscapeKey(e);
+          this.onEscapeKey(event);
           break;
         case "Tab":
-          this.onTabKey(e, !0);
+          this.onTabKey(event, true);
           break;
       }
     },
-    onFilterBlur: function() {
+    onFilterBlur: function onFilterBlur() {
       this.focusedOptionIndex = -1;
     },
-    onFilterUpdated: function() {
-      this.overlayVisible && this.alignOverlay();
+    onFilterUpdated: function onFilterUpdated() {
+      if (this.overlayVisible) {
+        this.alignOverlay();
+      }
     },
-    onOverlayClick: function(e) {
-      ue.emit("overlay-click", {
-        originalEvent: e,
+    onOverlayClick: function onOverlayClick(event) {
+      OverlayEventBus.emit("overlay-click", {
+        originalEvent: event,
         target: this.$el
       });
     },
-    onOverlayKeyDown: function(e) {
-      switch (e.code) {
+    onOverlayKeyDown: function onOverlayKeyDown(event) {
+      switch (event.code) {
         case "Escape":
-          this.onEscapeKey(e);
+          this.onEscapeKey(event);
           break;
       }
     },
-    onArrowDownKey: function(e) {
-      if (!this.overlayVisible)
+    onArrowDownKey: function onArrowDownKey(event) {
+      if (!this.overlayVisible) {
         this.show();
-      else {
-        var i = this.focusedOptionIndex !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex) : this.clicked ? this.findFirstOptionIndex() : this.findFirstFocusedOptionIndex();
-        e.shiftKey && this.onOptionSelectRange(e, this.startRangeIndex, i), this.changeFocusedOptionIndex(e, i);
-      }
-      e.preventDefault();
-    },
-    onArrowUpKey: function(e) {
-      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      if (e.altKey && !i)
-        this.focusedOptionIndex !== -1 && this.onOptionSelect(e, this.visibleOptions[this.focusedOptionIndex]), this.overlayVisible && this.hide(), e.preventDefault();
-      else {
-        var s = this.focusedOptionIndex !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex) : this.clicked ? this.findLastOptionIndex() : this.findLastFocusedOptionIndex();
-        e.shiftKey && this.onOptionSelectRange(e, s, this.startRangeIndex), this.changeFocusedOptionIndex(e, s), !this.overlayVisible && this.show(), e.preventDefault();
+      } else {
+        var optionIndex = this.focusedOptionIndex !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex) : this.clicked ? this.findFirstOptionIndex() : this.findFirstFocusedOptionIndex();
+        if (event.shiftKey) {
+          this.onOptionSelectRange(event, this.startRangeIndex, optionIndex);
+        }
+        this.changeFocusedOptionIndex(event, optionIndex);
       }
+      event.preventDefault();
     },
-    onArrowLeftKey: function(e) {
-      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      i && (this.focusedOptionIndex = -1);
+    onArrowUpKey: function onArrowUpKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      if (event.altKey && !pressedInInputText) {
+        if (this.focusedOptionIndex !== -1) {
+          this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
+        }
+        this.overlayVisible && this.hide();
+        event.preventDefault();
+      } else {
+        var optionIndex = this.focusedOptionIndex !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex) : this.clicked ? this.findLastOptionIndex() : this.findLastFocusedOptionIndex();
+        if (event.shiftKey) {
+          this.onOptionSelectRange(event, optionIndex, this.startRangeIndex);
+        }
+        this.changeFocusedOptionIndex(event, optionIndex);
+        !this.overlayVisible && this.show();
+        event.preventDefault();
+      }
     },
-    onHomeKey: function(e) {
-      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      if (i) {
-        var s = e.currentTarget;
-        e.shiftKey ? s.setSelectionRange(0, e.target.selectionStart) : (s.setSelectionRange(0, 0), this.focusedOptionIndex = -1);
+    onArrowLeftKey: function onArrowLeftKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      pressedInInputText && (this.focusedOptionIndex = -1);
+    },
+    onHomeKey: function onHomeKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      if (pressedInInputText) {
+        var target = event.currentTarget;
+        if (event.shiftKey) {
+          target.setSelectionRange(0, event.target.selectionStart);
+        } else {
+          target.setSelectionRange(0, 0);
+          this.focusedOptionIndex = -1;
+        }
       } else {
-        var l = e.metaKey || e.ctrlKey, n = this.findFirstOptionIndex();
-        e.shiftKey && l && this.onOptionSelectRange(e, n, this.startRangeIndex), this.changeFocusedOptionIndex(e, n), !this.overlayVisible && this.show();
+        var metaKey = event.metaKey || event.ctrlKey;
+        var optionIndex = this.findFirstOptionIndex();
+        if (event.shiftKey && metaKey) {
+          this.onOptionSelectRange(event, optionIndex, this.startRangeIndex);
+        }
+        this.changeFocusedOptionIndex(event, optionIndex);
+        !this.overlayVisible && this.show();
       }
-      e.preventDefault();
-    },
-    onEndKey: function(e) {
-      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      if (i) {
-        var s = e.currentTarget;
-        if (e.shiftKey)
-          s.setSelectionRange(e.target.selectionStart, s.value.length);
-        else {
-          var l = s.value.length;
-          s.setSelectionRange(l, l), this.focusedOptionIndex = -1;
+      event.preventDefault();
+    },
+    onEndKey: function onEndKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      if (pressedInInputText) {
+        var target = event.currentTarget;
+        if (event.shiftKey) {
+          target.setSelectionRange(event.target.selectionStart, target.value.length);
+        } else {
+          var len = target.value.length;
+          target.setSelectionRange(len, len);
+          this.focusedOptionIndex = -1;
         }
       } else {
-        var n = e.metaKey || e.ctrlKey, h = this.findLastOptionIndex();
-        e.shiftKey && n && this.onOptionSelectRange(e, this.startRangeIndex, h), this.changeFocusedOptionIndex(e, h), !this.overlayVisible && this.show();
+        var metaKey = event.metaKey || event.ctrlKey;
+        var optionIndex = this.findLastOptionIndex();
+        if (event.shiftKey && metaKey) {
+          this.onOptionSelectRange(event, this.startRangeIndex, optionIndex);
+        }
+        this.changeFocusedOptionIndex(event, optionIndex);
+        !this.overlayVisible && this.show();
       }
-      e.preventDefault();
+      event.preventDefault();
     },
-    onPageUpKey: function(e) {
-      this.scrollInView(0), e.preventDefault();
+    onPageUpKey: function onPageUpKey(event) {
+      this.scrollInView(0);
+      event.preventDefault();
     },
-    onPageDownKey: function(e) {
-      this.scrollInView(this.visibleOptions.length - 1), e.preventDefault();
+    onPageDownKey: function onPageDownKey(event) {
+      this.scrollInView(this.visibleOptions.length - 1);
+      event.preventDefault();
     },
-    onEnterKey: function(e) {
-      this.overlayVisible ? this.focusedOptionIndex !== -1 && (e.shiftKey ? this.onOptionSelectRange(e, this.focusedOptionIndex) : this.onOptionSelect(e, this.visibleOptions[this.focusedOptionIndex])) : (this.focusedOptionIndex = -1, this.onArrowDownKey(e)), e.preventDefault();
-    },
-    onEscapeKey: function(e) {
-      this.overlayVisible && this.hide(!0), e.preventDefault();
-    },
-    onTabKey: function(e) {
-      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      i || (this.overlayVisible && this.hasFocusableElements() ? (f.focus(e.shiftKey ? this.$refs.lastHiddenFocusableElementOnOverlay : this.$refs.firstHiddenFocusableElementOnOverlay), e.preventDefault()) : (this.focusedOptionIndex !== -1 && this.onOptionSelect(e, this.visibleOptions[this.focusedOptionIndex]), this.overlayVisible && this.hide(this.filter)));
+    onEnterKey: function onEnterKey(event) {
+      if (!this.overlayVisible) {
+        this.focusedOptionIndex = -1;
+        this.onArrowDownKey(event);
+      } else {
+        if (this.focusedOptionIndex !== -1) {
+          if (event.shiftKey) this.onOptionSelectRange(event, this.focusedOptionIndex);
+          else this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
+        }
+      }
+      event.preventDefault();
+    },
+    onEscapeKey: function onEscapeKey(event) {
+      this.overlayVisible && this.hide(true);
+      event.preventDefault();
+    },
+    onTabKey: function onTabKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      if (!pressedInInputText) {
+        if (this.overlayVisible && this.hasFocusableElements()) {
+          DomHandler.focus(event.shiftKey ? this.$refs.lastHiddenFocusableElementOnOverlay : this.$refs.firstHiddenFocusableElementOnOverlay);
+          event.preventDefault();
+        } else {
+          if (this.focusedOptionIndex !== -1) {
+            this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
+          }
+          this.overlayVisible && this.hide(this.filter);
+        }
+      }
     },
-    onShiftKey: function() {
+    onShiftKey: function onShiftKey() {
       this.startRangeIndex = this.focusedOptionIndex;
     },
-    onOverlayEnter: function(e) {
-      G.set("overlay", e, this.$primevue.config.zIndex.overlay), f.addStyles(e, {
+    onOverlayEnter: function onOverlayEnter(el) {
+      ZIndexUtils.set("overlay", el, this.$primevue.config.zIndex.overlay);
+      DomHandler.addStyles(el, {
         position: "absolute",
         top: "0",
         left: "0"
-      }), this.alignOverlay(), this.scrollInView(), this.autoFilterFocus && f.focus(this.$refs.filterInput);
-    },
-    onOverlayAfterEnter: function() {
-      this.bindOutsideClickListener(), this.bindScrollListener(), this.bindResizeListener(), this.$emit("show");
-    },
-    onOverlayLeave: function() {
-      this.unbindOutsideClickListener(), this.unbindScrollListener(), this.unbindResizeListener(), this.$emit("hide"), this.overlay = null;
-    },
-    onOverlayAfterLeave: function(e) {
-      G.clear(e);
-    },
-    alignOverlay: function() {
-      this.appendTo === "self" ? f.relativePosition(this.overlay, this.$el) : (this.overlay.style.minWidth = f.getOuterWidth(this.$el) + "px", f.absolutePosition(this.overlay, this.$el));
+      });
+      this.alignOverlay();
+      this.scrollInView();
+      this.autoFilterFocus && DomHandler.focus(this.$refs.filterInput);
+    },
+    onOverlayAfterEnter: function onOverlayAfterEnter() {
+      this.bindOutsideClickListener();
+      this.bindScrollListener();
+      this.bindResizeListener();
+      this.$emit("show");
+    },
+    onOverlayLeave: function onOverlayLeave() {
+      this.unbindOutsideClickListener();
+      this.unbindScrollListener();
+      this.unbindResizeListener();
+      this.$emit("hide");
+      this.overlay = null;
+    },
+    onOverlayAfterLeave: function onOverlayAfterLeave(el) {
+      ZIndexUtils.clear(el);
+    },
+    alignOverlay: function alignOverlay() {
+      if (this.appendTo === "self") {
+        DomHandler.relativePosition(this.overlay, this.$el);
+      } else {
+        this.overlay.style.minWidth = DomHandler.getOuterWidth(this.$el) + "px";
+        DomHandler.absolutePosition(this.overlay, this.$el);
+      }
     },
-    bindOutsideClickListener: function() {
-      var e = this;
-      this.outsideClickListener || (this.outsideClickListener = function(i) {
-        e.overlayVisible && e.isOutsideClicked(i) && e.hide();
-      }, document.addEventListener("click", this.outsideClickListener));
+    bindOutsideClickListener: function bindOutsideClickListener() {
+      var _this6 = this;
+      if (!this.outsideClickListener) {
+        this.outsideClickListener = function(event) {
+          if (_this6.overlayVisible && _this6.isOutsideClicked(event)) {
+            _this6.hide();
+          }
+        };
+        document.addEventListener("click", this.outsideClickListener);
+      }
     },
-    unbindOutsideClickListener: function() {
-      this.outsideClickListener && (document.removeEventListener("click", this.outsideClickListener), this.outsideClickListener = null);
+    unbindOutsideClickListener: function unbindOutsideClickListener() {
+      if (this.outsideClickListener) {
+        document.removeEventListener("click", this.outsideClickListener);
+        this.outsideClickListener = null;
+      }
     },
-    bindScrollListener: function() {
-      var e = this;
-      this.scrollHandler || (this.scrollHandler = new he(this.$refs.container, function() {
-        e.overlayVisible && e.hide();
-      })), this.scrollHandler.bindScrollListener();
+    bindScrollListener: function bindScrollListener() {
+      var _this7 = this;
+      if (!this.scrollHandler) {
+        this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.container, function() {
+          if (_this7.overlayVisible) {
+            _this7.hide();
+          }
+        });
+      }
+      this.scrollHandler.bindScrollListener();
     },
-    unbindScrollListener: function() {
-      this.scrollHandler && this.scrollHandler.unbindScrollListener();
+    unbindScrollListener: function unbindScrollListener() {
+      if (this.scrollHandler) {
+        this.scrollHandler.unbindScrollListener();
+      }
     },
-    bindResizeListener: function() {
-      var e = this;
-      this.resizeListener || (this.resizeListener = function() {
-        e.overlayVisible && !f.isTouchDevice() && e.hide();
-      }, window.addEventListener("resize", this.resizeListener));
+    bindResizeListener: function bindResizeListener() {
+      var _this8 = this;
+      if (!this.resizeListener) {
+        this.resizeListener = function() {
+          if (_this8.overlayVisible && !DomHandler.isTouchDevice()) {
+            _this8.hide();
+          }
+        };
+        window.addEventListener("resize", this.resizeListener);
+      }
     },
-    unbindResizeListener: function() {
-      this.resizeListener && (window.removeEventListener("resize", this.resizeListener), this.resizeListener = null);
+    unbindResizeListener: function unbindResizeListener() {
+      if (this.resizeListener) {
+        window.removeEventListener("resize", this.resizeListener);
+        this.resizeListener = null;
+      }
     },
-    isOutsideClicked: function(e) {
-      return !(this.$el.isSameNode(e.target) || this.$el.contains(e.target) || this.overlay && this.overlay.contains(e.target));
+    isOutsideClicked: function isOutsideClicked(event) {
+      return !(this.$el.isSameNode(event.target) || this.$el.contains(event.target) || this.overlay && this.overlay.contains(event.target));
     },
-    getLabelByValue: function(e) {
-      var i = this, s = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [], l = s.find(function(n) {
-        return !i.isOptionGroup(n) && u.equals(i.getOptionValue(n), e, i.equalityKey);
+    getLabelByValue: function getLabelByValue(value) {
+      var _this9 = this;
+      var options2 = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
+      var matchedOption = options2.find(function(option) {
+        return !_this9.isOptionGroup(option) && ObjectUtils.equals(_this9.getOptionValue(option), value, _this9.equalityKey);
       });
-      return l ? this.getOptionLabel(l) : null;
+      return matchedOption ? this.getOptionLabel(matchedOption) : null;
     },
-    getSelectedItemsLabel: function() {
-      var e = /{(.*?)}/, i = this.selectedItemsLabel || this.$primevue.config.locale.selectionMessage;
-      return e.test(i) ? i.replace(i.match(e)[0], this.modelValue.length + "") : i;
+    getSelectedItemsLabel: function getSelectedItemsLabel() {
+      var pattern = /{(.*?)}/;
+      var selectedItemsLabel = this.selectedItemsLabel || this.$primevue.config.locale.selectionMessage;
+      if (pattern.test(selectedItemsLabel)) {
+        return selectedItemsLabel.replace(selectedItemsLabel.match(pattern)[0], this.modelValue.length + "");
+      }
+      return selectedItemsLabel;
     },
-    onToggleAll: function(e) {
-      var i = this;
-      if (this.selectAll !== null)
+    onToggleAll: function onToggleAll(event) {
+      var _this10 = this;
+      if (this.selectAll !== null) {
         this.$emit("selectall-change", {
-          originalEvent: e,
+          originalEvent: event,
           checked: !this.allSelected
         });
-      else {
-        var s = this.allSelected ? [] : this.visibleOptions.filter(function(l) {
-          return i.isValidOption(l);
-        }).map(function(l) {
-          return i.getOptionValue(l);
+      } else {
+        var value = this.allSelected ? [] : this.visibleOptions.filter(function(option) {
+          return _this10.isValidOption(option);
+        }).map(function(option) {
+          return _this10.getOptionValue(option);
         });
-        this.updateModel(e, s);
+        this.updateModel(event, value);
       }
     },
-    removeOption: function(e, i) {
-      var s = this, l = this.modelValue.filter(function(n) {
-        return !u.equals(n, i, s.equalityKey);
+    removeOption: function removeOption(event, optionValue) {
+      var _this11 = this;
+      var value = this.modelValue.filter(function(val) {
+        return !ObjectUtils.equals(val, optionValue, _this11.equalityKey);
       });
-      this.updateModel(e, l);
+      this.updateModel(event, value);
     },
-    clearFilter: function() {
+    clearFilter: function clearFilter() {
       this.filterValue = null;
     },
-    hasFocusableElements: function() {
-      return f.getFocusableElements(this.overlay, ':not([data-p-hidden-focusable="true"])').length > 0;
+    hasFocusableElements: function hasFocusableElements() {
+      return DomHandler.getFocusableElements(this.overlay, ':not([data-p-hidden-focusable="true"])').length > 0;
     },
-    isOptionMatched: function(e) {
-      var i;
-      return this.isValidOption(e) && ((i = this.getOptionLabel(e)) === null || i === void 0 ? void 0 : i.toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale)));
+    isOptionMatched: function isOptionMatched(option) {
+      var _this$getOptionLabel;
+      return this.isValidOption(option) && ((_this$getOptionLabel = this.getOptionLabel(option)) === null || _this$getOptionLabel === void 0 ? void 0 : _this$getOptionLabel.toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale)));
     },
-    isValidOption: function(e) {
-      return u.isNotEmpty(e) && !(this.isOptionDisabled(e) || this.isOptionGroup(e));
+    isValidOption: function isValidOption(option) {
+      return ObjectUtils.isNotEmpty(option) && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
     },
-    isValidSelectedOption: function(e) {
-      return this.isValidOption(e) && this.isSelected(e);
+    isValidSelectedOption: function isValidSelectedOption(option) {
+      return this.isValidOption(option) && this.isSelected(option);
     },
-    isEquals: function(e, i) {
-      return u.equals(e, i, this.equalityKey);
+    isEquals: function isEquals(value1, value2) {
+      return ObjectUtils.equals(value1, value2, this.equalityKey);
     },
-    isSelected: function(e) {
-      var i = this, s = this.getOptionValue(e);
-      return (this.modelValue || []).some(function(l) {
-        return i.isEquals(l, s);
+    isSelected: function isSelected(option) {
+      var _this12 = this;
+      var optionValue = this.getOptionValue(option);
+      return (this.modelValue || []).some(function(value) {
+        return _this12.isEquals(value, optionValue);
       });
     },
-    findFirstOptionIndex: function() {
-      var e = this;
-      return this.visibleOptions.findIndex(function(i) {
-        return e.isValidOption(i);
+    findFirstOptionIndex: function findFirstOptionIndex() {
+      var _this13 = this;
+      return this.visibleOptions.findIndex(function(option) {
+        return _this13.isValidOption(option);
       });
     },
-    findLastOptionIndex: function() {
-      var e = this;
-      return u.findLastIndex(this.visibleOptions, function(i) {
-        return e.isValidOption(i);
+    findLastOptionIndex: function findLastOptionIndex() {
+      var _this14 = this;
+      return ObjectUtils.findLastIndex(this.visibleOptions, function(option) {
+        return _this14.isValidOption(option);
       });
     },
-    findNextOptionIndex: function(e) {
-      var i = this, s = e < this.visibleOptions.length - 1 ? this.visibleOptions.slice(e + 1).findIndex(function(l) {
-        return i.isValidOption(l);
+    findNextOptionIndex: function findNextOptionIndex(index) {
+      var _this15 = this;
+      var matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function(option) {
+        return _this15.isValidOption(option);
       }) : -1;
-      return s > -1 ? s + e + 1 : e;
+      return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
     },
-    findPrevOptionIndex: function(e) {
-      var i = this, s = e > 0 ? u.findLastIndex(this.visibleOptions.slice(0, e), function(l) {
-        return i.isValidOption(l);
+    findPrevOptionIndex: function findPrevOptionIndex(index) {
+      var _this16 = this;
+      var matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), function(option) {
+        return _this16.isValidOption(option);
       }) : -1;
-      return s > -1 ? s : e;
+      return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
-    findSelectedOptionIndex: function() {
-      var e = this;
+    findSelectedOptionIndex: function findSelectedOptionIndex() {
+      var _this17 = this;
       if (this.hasSelectedOption) {
-        for (var i = function() {
-          var h = e.modelValue[l], m = e.visibleOptions.findIndex(function(y) {
-            return e.isValidSelectedOption(y) && e.isEquals(h, e.getOptionValue(y));
+        var _loop = function _loop2() {
+          var value = _this17.modelValue[index];
+          var matchedOptionIndex = _this17.visibleOptions.findIndex(function(option) {
+            return _this17.isValidSelectedOption(option) && _this17.isEquals(value, _this17.getOptionValue(option));
           });
-          if (m > -1) return {
-            v: m
+          if (matchedOptionIndex > -1) return {
+            v: matchedOptionIndex
           };
-        }, s, l = this.modelValue.length - 1; l >= 0; l--)
-          if (s = i(), s) return s.v;
+        }, _ret;
+        for (var index = this.modelValue.length - 1; index >= 0; index--) {
+          _ret = _loop();
+          if (_ret) return _ret.v;
+        }
       }
       return -1;
     },
-    findFirstSelectedOptionIndex: function() {
-      var e = this;
-      return this.hasSelectedOption ? this.visibleOptions.findIndex(function(i) {
-        return e.isValidSelectedOption(i);
+    findFirstSelectedOptionIndex: function findFirstSelectedOptionIndex() {
+      var _this18 = this;
+      return this.hasSelectedOption ? this.visibleOptions.findIndex(function(option) {
+        return _this18.isValidSelectedOption(option);
       }) : -1;
     },
-    findLastSelectedOptionIndex: function() {
-      var e = this;
-      return this.hasSelectedOption ? u.findLastIndex(this.visibleOptions, function(i) {
-        return e.isValidSelectedOption(i);
+    findLastSelectedOptionIndex: function findLastSelectedOptionIndex() {
+      var _this19 = this;
+      return this.hasSelectedOption ? ObjectUtils.findLastIndex(this.visibleOptions, function(option) {
+        return _this19.isValidSelectedOption(option);
       }) : -1;
     },
-    findNextSelectedOptionIndex: function(e) {
-      var i = this, s = this.hasSelectedOption && e < this.visibleOptions.length - 1 ? this.visibleOptions.slice(e + 1).findIndex(function(l) {
-        return i.isValidSelectedOption(l);
+    findNextSelectedOptionIndex: function findNextSelectedOptionIndex(index) {
+      var _this20 = this;
+      var matchedOptionIndex = this.hasSelectedOption && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function(option) {
+        return _this20.isValidSelectedOption(option);
       }) : -1;
-      return s > -1 ? s + e + 1 : -1;
+      return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
     },
-    findPrevSelectedOptionIndex: function(e) {
-      var i = this, s = this.hasSelectedOption && e > 0 ? u.findLastIndex(this.visibleOptions.slice(0, e), function(l) {
-        return i.isValidSelectedOption(l);
+    findPrevSelectedOptionIndex: function findPrevSelectedOptionIndex(index) {
+      var _this21 = this;
+      var matchedOptionIndex = this.hasSelectedOption && index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions.slice(0, index), function(option) {
+        return _this21.isValidSelectedOption(option);
       }) : -1;
-      return s > -1 ? s : -1;
-    },
-    findNearestSelectedOptionIndex: function(e) {
-      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, s = -1;
-      return this.hasSelectedOption && (i ? (s = this.findPrevSelectedOptionIndex(e), s = s === -1 ? this.findNextSelectedOptionIndex(e) : s) : (s = this.findNextSelectedOptionIndex(e), s = s === -1 ? this.findPrevSelectedOptionIndex(e) : s)), s > -1 ? s : e;
-    },
-    findFirstFocusedOptionIndex: function() {
-      var e = this.findSelectedOptionIndex();
-      return e < 0 ? this.findFirstOptionIndex() : e;
-    },
-    findLastFocusedOptionIndex: function() {
-      var e = this.findSelectedOptionIndex();
-      return e < 0 ? this.findLastOptionIndex() : e;
-    },
-    searchOptions: function(e) {
-      var i = this;
-      this.searchValue = (this.searchValue || "") + e.key;
-      var s = -1;
-      u.isNotEmpty(this.searchValue) && (this.focusedOptionIndex !== -1 ? (s = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function(l) {
-        return i.isOptionMatched(l);
-      }), s = s === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function(l) {
-        return i.isOptionMatched(l);
-      }) : s + this.focusedOptionIndex) : s = this.visibleOptions.findIndex(function(l) {
-        return i.isOptionMatched(l);
-      }), s === -1 && this.focusedOptionIndex === -1 && (s = this.findFirstFocusedOptionIndex()), s !== -1 && this.changeFocusedOptionIndex(e, s)), this.searchTimeout && clearTimeout(this.searchTimeout), this.searchTimeout = setTimeout(function() {
-        i.searchValue = "", i.searchTimeout = null;
+      return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
+    },
+    findNearestSelectedOptionIndex: function findNearestSelectedOptionIndex(index) {
+      var firstCheckUp = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      var matchedOptionIndex = -1;
+      if (this.hasSelectedOption) {
+        if (firstCheckUp) {
+          matchedOptionIndex = this.findPrevSelectedOptionIndex(index);
+          matchedOptionIndex = matchedOptionIndex === -1 ? this.findNextSelectedOptionIndex(index) : matchedOptionIndex;
+        } else {
+          matchedOptionIndex = this.findNextSelectedOptionIndex(index);
+          matchedOptionIndex = matchedOptionIndex === -1 ? this.findPrevSelectedOptionIndex(index) : matchedOptionIndex;
+        }
+      }
+      return matchedOptionIndex > -1 ? matchedOptionIndex : index;
+    },
+    findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
+      var selectedIndex = this.findSelectedOptionIndex();
+      return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex;
+    },
+    findLastFocusedOptionIndex: function findLastFocusedOptionIndex() {
+      var selectedIndex = this.findSelectedOptionIndex();
+      return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
+    },
+    searchOptions: function searchOptions(event) {
+      var _this22 = this;
+      this.searchValue = (this.searchValue || "") + event.key;
+      var optionIndex = -1;
+      if (ObjectUtils.isNotEmpty(this.searchValue)) {
+        if (this.focusedOptionIndex !== -1) {
+          optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function(option) {
+            return _this22.isOptionMatched(option);
+          });
+          optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function(option) {
+            return _this22.isOptionMatched(option);
+          }) : optionIndex + this.focusedOptionIndex;
+        } else {
+          optionIndex = this.visibleOptions.findIndex(function(option) {
+            return _this22.isOptionMatched(option);
+          });
+        }
+        if (optionIndex === -1 && this.focusedOptionIndex === -1) {
+          optionIndex = this.findFirstFocusedOptionIndex();
+        }
+        if (optionIndex !== -1) {
+          this.changeFocusedOptionIndex(event, optionIndex);
+        }
+      }
+      if (this.searchTimeout) {
+        clearTimeout(this.searchTimeout);
+      }
+      this.searchTimeout = setTimeout(function() {
+        _this22.searchValue = "";
+        _this22.searchTimeout = null;
       }, 500);
     },
-    changeFocusedOptionIndex: function(e, i) {
-      this.focusedOptionIndex !== i && (this.focusedOptionIndex = i, this.scrollInView(), this.selectOnFocus && this.onOptionSelect(e, this.visibleOptions[i]));
+    changeFocusedOptionIndex: function changeFocusedOptionIndex(event, index) {
+      if (this.focusedOptionIndex !== index) {
+        this.focusedOptionIndex = index;
+        this.scrollInView();
+        if (this.selectOnFocus) {
+          this.onOptionSelect(event, this.visibleOptions[index]);
+        }
+      }
     },
-    scrollInView: function() {
-      var e = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
+    scrollInView: function scrollInView() {
+      var _this23 = this;
+      var index = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
       this.$nextTick(function() {
-        var s = i !== -1 ? "".concat(e.id, "_").concat(i) : e.focusedOptionId, l = f.findSingle(e.list, 'li[id="'.concat(s, '"]'));
-        l ? l.scrollIntoView && l.scrollIntoView({
-          block: "nearest",
-          inline: "nearest"
-        }) : e.virtualScrollerDisabled || e.virtualScroller && e.virtualScroller.scrollToIndex(i !== -1 ? i : e.focusedOptionIndex);
+        var id = index !== -1 ? "".concat(_this23.id, "_").concat(index) : _this23.focusedOptionId;
+        var element = DomHandler.findSingle(_this23.list, 'li[id="'.concat(id, '"]'));
+        if (element) {
+          element.scrollIntoView && element.scrollIntoView({
+            block: "nearest",
+            inline: "nearest"
+          });
+        } else if (!_this23.virtualScrollerDisabled) {
+          _this23.virtualScroller && _this23.virtualScroller.scrollToIndex(index !== -1 ? index : _this23.focusedOptionIndex);
+        }
       });
     },
-    autoUpdateModel: function() {
+    autoUpdateModel: function autoUpdateModel() {
       if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption) {
         this.focusedOptionIndex = this.findFirstFocusedOptionIndex();
-        var e = this.getOptionValue(this.visibleOptions[this.focusedOptionIndex]);
-        this.updateModel(null, [e]);
+        var value = this.getOptionValue(this.visibleOptions[this.focusedOptionIndex]);
+        this.updateModel(null, [value]);
       }
     },
-    updateModel: function(e, i) {
-      this.$emit("update:modelValue", i), this.$emit("change", {
-        originalEvent: e,
-        value: i
+    updateModel: function updateModel(event, value) {
+      this.$emit("update:modelValue", value);
+      this.$emit("change", {
+        originalEvent: event,
+        value
       });
     },
-    flatOptions: function(e) {
-      var i = this;
-      return (e || []).reduce(function(s, l, n) {
-        s.push({
-          optionGroup: l,
-          group: !0,
-          index: n
+    flatOptions: function flatOptions(options2) {
+      var _this24 = this;
+      return (options2 || []).reduce(function(result, option, index) {
+        result.push({
+          optionGroup: option,
+          group: true,
+          index
+        });
+        var optionGroupChildren = _this24.getOptionGroupChildren(option);
+        optionGroupChildren && optionGroupChildren.forEach(function(o) {
+          return result.push(o);
         });
-        var h = i.getOptionGroupChildren(l);
-        return h && h.forEach(function(m) {
-          return s.push(m);
-        }), s;
+        return result;
       }, []);
     },
-    overlayRef: function(e) {
-      this.overlay = e;
+    overlayRef: function overlayRef(el) {
+      this.overlay = el;
     },
-    listRef: function(e, i) {
-      this.list = e, i && i(e);
+    listRef: function listRef(el, contentRef) {
+      this.list = el;
+      contentRef && contentRef(el);
     },
-    virtualScrollerRef: function(e) {
-      this.virtualScroller = e;
+    virtualScrollerRef: function virtualScrollerRef(el) {
+      this.virtualScroller = el;
     }
   },
   computed: {
-    visibleOptions: function() {
-      var e = this, i = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
+    visibleOptions: function visibleOptions() {
+      var _this25 = this;
+      var options2 = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
       if (this.filterValue) {
-        var s = te.filter(i, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
+        var filteredOptions = FilterService.filter(options2, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
         if (this.optionGroupLabel) {
-          var l = this.options || [], n = [];
-          return l.forEach(function(h) {
-            var m = e.getOptionGroupChildren(h), y = m.filter(function(H) {
-              return s.includes(H);
+          var optionGroups = this.options || [];
+          var filtered = [];
+          optionGroups.forEach(function(group) {
+            var groupChildren = _this25.getOptionGroupChildren(group);
+            var filteredItems = groupChildren.filter(function(item) {
+              return filteredOptions.includes(item);
             });
-            y.length > 0 && n.push(Q(Q({}, h), {}, $({}, typeof e.optionGroupChildren == "string" ? e.optionGroupChildren : "items", X(y))));
-          }), this.flatOptions(n);
+            if (filteredItems.length > 0) filtered.push(_objectSpread$1(_objectSpread$1({}, group), {}, _defineProperty$1({}, typeof _this25.optionGroupChildren === "string" ? _this25.optionGroupChildren : "items", _toConsumableArray(filteredItems))));
+          });
+          return this.flatOptions(filtered);
         }
-        return s;
+        return filteredOptions;
       }
-      return i;
+      return options2;
     },
-    label: function() {
-      var e;
+    label: function label() {
+      var label2;
       if (this.modelValue && this.modelValue.length) {
-        if (u.isNotEmpty(this.maxSelectedLabels) && this.modelValue.length > this.maxSelectedLabels)
+        if (ObjectUtils.isNotEmpty(this.maxSelectedLabels) && this.modelValue.length > this.maxSelectedLabels) {
           return this.getSelectedItemsLabel();
-        e = "";
-        for (var i = 0; i < this.modelValue.length; i++)
-          i !== 0 && (e += ", "), e += this.getLabelByValue(this.modelValue[i]);
-      } else
-        e = this.placeholder;
-      return e;
-    },
-    chipSelectedItems: function() {
-      return u.isNotEmpty(this.maxSelectedLabels) && this.modelValue && this.modelValue.length > this.maxSelectedLabels ? this.modelValue.slice(0, this.maxSelectedLabels) : this.modelValue;
-    },
-    allSelected: function() {
-      var e = this;
-      return this.selectAll !== null ? this.selectAll : u.isNotEmpty(this.visibleOptions) && this.visibleOptions.every(function(i) {
-        return e.isOptionGroup(i) || e.isOptionDisabled(i) || e.isSelected(i);
+        } else {
+          label2 = "";
+          for (var i = 0; i < this.modelValue.length; i++) {
+            if (i !== 0) {
+              label2 += ", ";
+            }
+            label2 += this.getLabelByValue(this.modelValue[i]);
+          }
+        }
+      } else {
+        label2 = this.placeholder;
+      }
+      return label2;
+    },
+    chipSelectedItems: function chipSelectedItems() {
+      return ObjectUtils.isNotEmpty(this.maxSelectedLabels) && this.modelValue && this.modelValue.length > this.maxSelectedLabels ? this.modelValue.slice(0, this.maxSelectedLabels) : this.modelValue;
+    },
+    allSelected: function allSelected() {
+      var _this26 = this;
+      return this.selectAll !== null ? this.selectAll : ObjectUtils.isNotEmpty(this.visibleOptions) && this.visibleOptions.every(function(option) {
+        return _this26.isOptionGroup(option) || _this26.isOptionDisabled(option) || _this26.isSelected(option);
       });
     },
-    hasSelectedOption: function() {
-      return u.isNotEmpty(this.modelValue);
+    hasSelectedOption: function hasSelectedOption() {
+      return ObjectUtils.isNotEmpty(this.modelValue);
     },
-    equalityKey: function() {
+    equalityKey: function equalityKey() {
       return this.optionValue ? null : this.dataKey;
     },
-    searchFields: function() {
+    searchFields: function searchFields() {
       return this.filterFields || [this.optionLabel];
     },
-    maxSelectionLimitReached: function() {
+    maxSelectionLimitReached: function maxSelectionLimitReached() {
       return this.selectionLimit && this.modelValue && this.modelValue.length === this.selectionLimit;
     },
-    filterResultMessageText: function() {
-      return u.isNotEmpty(this.visibleOptions) ? this.filterMessageText.replaceAll("{0}", this.visibleOptions.length) : this.emptyFilterMessageText;
+    filterResultMessageText: function filterResultMessageText() {
+      return ObjectUtils.isNotEmpty(this.visibleOptions) ? this.filterMessageText.replaceAll("{0}", this.visibleOptions.length) : this.emptyFilterMessageText;
     },
-    filterMessageText: function() {
+    filterMessageText: function filterMessageText() {
       return this.filterMessage || this.$primevue.config.locale.searchMessage || "";
     },
-    emptyFilterMessageText: function() {
+    emptyFilterMessageText: function emptyFilterMessageText() {
       return this.emptyFilterMessage || this.$primevue.config.locale.emptySearchMessage || this.$primevue.config.locale.emptyFilterMessage || "";
     },
-    emptyMessageText: function() {
+    emptyMessageText: function emptyMessageText() {
       return this.emptyMessage || this.$primevue.config.locale.emptyMessage || "";
     },
-    selectionMessageText: function() {
+    selectionMessageText: function selectionMessageText() {
       return this.selectionMessage || this.$primevue.config.locale.selectionMessage || "";
     },
-    emptySelectionMessageText: function() {
+    emptySelectionMessageText: function emptySelectionMessageText() {
       return this.emptySelectionMessage || this.$primevue.config.locale.emptySelectionMessage || "";
     },
-    selectedMessageText: function() {
+    selectedMessageText: function selectedMessageText() {
       return this.hasSelectedOption ? this.selectionMessageText.replaceAll("{0}", this.modelValue.length) : this.emptySelectionMessageText;
     },
-    focusedOptionId: function() {
+    focusedOptionId: function focusedOptionId() {
       return this.focusedOptionIndex !== -1 ? "".concat(this.id, "_").concat(this.focusedOptionIndex) : null;
     },
-    ariaSetSize: function() {
-      var e = this;
-      return this.visibleOptions.filter(function(i) {
-        return !e.isOptionGroup(i);
+    ariaSetSize: function ariaSetSize() {
+      var _this27 = this;
+      return this.visibleOptions.filter(function(option) {
+        return !_this27.isOptionGroup(option);
       }).length;
     },
-    toggleAllAriaLabel: function() {
+    toggleAllAriaLabel: function toggleAllAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria[this.allSelected ? "selectAll" : "unselectAll"] : void 0;
     },
-    closeAriaLabel: function() {
+    closeAriaLabel: function closeAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : void 0;
     },
-    listAriaLabel: function() {
+    listAriaLabel: function listAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.listLabel : void 0;
     },
-    virtualScrollerDisabled: function() {
+    virtualScrollerDisabled: function virtualScrollerDisabled() {
       return !this.virtualScrollerOptions;
     }
   },
   directives: {
-    ripple: ce
+    ripple: Ripple
   },
   components: {
-    Checkbox: ie,
-    VirtualScroller: fe,
-    Portal: de,
-    TimesIcon: oe,
-    SearchIcon: le,
-    TimesCircleIcon: ae,
-    ChevronDownIcon: se,
-    SpinnerIcon: re,
-    CheckIcon: ne
+    Checkbox: script$a,
+    VirtualScroller: script$9,
+    Portal: script$8,
+    TimesIcon: script$7,
+    SearchIcon: script$6,
+    TimesCircleIcon: script$5,
+    ChevronDownIcon: script$4,
+    SpinnerIcon: script$3,
+    CheckIcon: script$2
   }
 };
-function D(t) {
+function _typeof(o) {
   "@babel/helpers - typeof";
-  return D = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
-    return typeof e;
-  } : function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, D(t);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof(o);
 }
-function Y(t, e) {
-  var i = Object.keys(t);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(t);
-    e && (s = s.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(t, l).enumerable;
-    })), i.push.apply(i, s);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return i;
+  return t;
 }
-function L(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var i = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Y(Object(i), !0).forEach(function(s) {
-      N(t, s, i[s]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : Y(Object(i)).forEach(function(s) {
-      Object.defineProperty(t, s, Object.getOwnPropertyDescriptor(i, s));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return t;
+  return e;
 }
-function N(t, e, i) {
-  return e = xe(e), e in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = i, t;
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function xe(t) {
-  var e = Ke(t, "string");
-  return D(e) == "symbol" ? e : String(e);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : String(i);
 }
-function Ke(t, e) {
-  if (D(t) != "object" || !t) return t;
-  var i = t[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var s = i.call(t, e);
-    if (D(s) != "object") return s;
+function _toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(t);
+  return ("string" === r ? String : Number)(t);
 }
-var Te = ["id", "disabled", "placeholder", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"], Me = ["onClick"], Ee = ["value", "placeholder", "aria-owns", "aria-activedescendant"], De = ["aria-label"], Ae = ["id", "aria-label"], Pe = ["id"], Re = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
-function He(t, e, i, s, l, n) {
-  var h = T("TimesCircleIcon"), m = T("SpinnerIcon"), y = T("Checkbox"), H = T("VirtualScroller"), _ = T("Portal"), U = ye("ripple");
-  return o(), d("div", r({
+var _hoisted_1 = ["id", "disabled", "placeholder", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"];
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = ["value", "placeholder", "aria-owns", "aria-activedescendant"];
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = ["id", "aria-label"];
+var _hoisted_6 = ["id"];
+var _hoisted_7 = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_TimesCircleIcon = resolveComponent("TimesCircleIcon");
+  var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
+  var _component_Checkbox = resolveComponent("Checkbox");
+  var _component_VirtualScroller = resolveComponent("VirtualScroller");
+  var _component_Portal = resolveComponent("Portal");
+  var _directive_ripple = resolveDirective("ripple");
+  return openBlock(), createElementBlock("div", mergeProps({
     ref: "container",
-    class: t.cx("root"),
-    style: t.sx("root"),
-    onClick: e[13] || (e[13] = function() {
-      return n.onContainerClick && n.onContainerClick.apply(n, arguments);
+    "class": _ctx.cx("root"),
+    style: _ctx.sx("root"),
+    onClick: _cache[13] || (_cache[13] = function() {
+      return $options.onContainerClick && $options.onContainerClick.apply($options, arguments);
     })
-  }, t.ptmi("root")), [O("div", r({
-    class: "p-hidden-accessible"
-  }, t.ptm("hiddenInputWrapper"), {
-    "data-p-hidden-accessible": !0
-  }), [O("input", r({
+  }, _ctx.ptmi("root")), [createElementVNode("div", mergeProps({
+    "class": "p-hidden-accessible"
+  }, _ctx.ptm("hiddenInputWrapper"), {
+    "data-p-hidden-accessible": true
+  }), [createElementVNode("input", mergeProps({
     ref: "focusInput",
-    id: t.inputId,
+    id: _ctx.inputId,
     type: "text",
     readonly: "",
-    disabled: t.disabled,
-    placeholder: t.placeholder,
-    tabindex: t.disabled ? -1 : t.tabindex,
+    disabled: _ctx.disabled,
+    placeholder: _ctx.placeholder,
+    tabindex: !_ctx.disabled ? _ctx.tabindex : -1,
     role: "combobox",
-    "aria-label": t.ariaLabel,
-    "aria-labelledby": t.ariaLabelledby,
+    "aria-label": _ctx.ariaLabel,
+    "aria-labelledby": _ctx.ariaLabelledby,
     "aria-haspopup": "listbox",
-    "aria-expanded": l.overlayVisible,
-    "aria-controls": l.id + "_list",
-    "aria-activedescendant": l.focused ? n.focusedOptionId : void 0,
-    "aria-invalid": t.invalid || void 0,
-    onFocus: e[0] || (e[0] = function() {
-      return n.onFocus && n.onFocus.apply(n, arguments);
+    "aria-expanded": $data.overlayVisible,
+    "aria-controls": $data.id + "_list",
+    "aria-activedescendant": $data.focused ? $options.focusedOptionId : void 0,
+    "aria-invalid": _ctx.invalid || void 0,
+    onFocus: _cache[0] || (_cache[0] = function() {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),
-    onBlur: e[1] || (e[1] = function() {
-      return n.onBlur && n.onBlur.apply(n, arguments);
+    onBlur: _cache[1] || (_cache[1] = function() {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
     }),
-    onKeydown: e[2] || (e[2] = function() {
-      return n.onKeyDown && n.onKeyDown.apply(n, arguments);
+    onKeydown: _cache[2] || (_cache[2] = function() {
+      return $options.onKeyDown && $options.onKeyDown.apply($options, arguments);
     })
-  }, L(L({}, t.inputProps), t.ptm("hiddenInput"))), null, 16, Te)], 16), O("div", r({
-    class: t.cx("labelContainer")
-  }, t.ptm("labelContainer")), [O("div", r({
-    class: t.cx("label")
-  }, t.ptm("label")), [b(t.$slots, "value", {
-    value: t.modelValue,
-    placeholder: t.placeholder
+  }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm("hiddenInput"))), null, 16, _hoisted_1)], 16), createElementVNode("div", mergeProps({
+    "class": _ctx.cx("labelContainer")
+  }, _ctx.ptm("labelContainer")), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx("label")
+  }, _ctx.ptm("label")), [renderSlot(_ctx.$slots, "value", {
+    value: _ctx.modelValue,
+    placeholder: _ctx.placeholder
   }, function() {
-    return [t.display === "comma" ? (o(), d(C, {
+    return [_ctx.display === "comma" ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [M(I(n.label || "empty"), 1)], 64)) : t.display === "chip" ? (o(), d(C, {
+    }, [createTextVNode(toDisplayString($options.label || "empty"), 1)], 64)) : _ctx.display === "chip" ? (openBlock(), createElementBlock(Fragment, {
       key: 1
-    }, [(o(!0), d(C, null, q(n.chipSelectedItems, function(a) {
-      return o(), d("div", r({
-        key: n.getLabelByValue(a),
-        class: t.cx("token")
-      }, t.ptm("token")), [b(t.$slots, "chip", {
-        value: a
+    }, [(openBlock(true), createElementBlock(Fragment, null, renderList($options.chipSelectedItems, function(item) {
+      return openBlock(), createElementBlock("div", mergeProps({
+        key: $options.getLabelByValue(item),
+        "class": _ctx.cx("token")
+      }, _ctx.ptm("token")), [renderSlot(_ctx.$slots, "chip", {
+        value: item
       }, function() {
-        return [O("span", r({
-          class: t.cx("tokenLabel")
-        }, t.ptm("tokenLabel")), I(n.getLabelByValue(a)), 17)];
-      }), t.disabled ? v("", !0) : b(t.$slots, "removetokenicon", {
+        return [createElementVNode("span", mergeProps({
+          "class": _ctx.cx("tokenLabel")
+        }, _ctx.ptm("tokenLabel")), toDisplayString($options.getLabelByValue(item)), 17)];
+      }), !_ctx.disabled ? renderSlot(_ctx.$slots, "removetokenicon", {
         key: 0,
-        class: F(t.cx("removeTokenIcon")),
-        item: a,
-        onClick: function(K) {
-          return n.removeOption(K, a);
+        "class": normalizeClass(_ctx.cx("removeTokenIcon")),
+        item,
+        onClick: function onClick(event) {
+          return $options.removeOption(event, item);
         },
-        removeCallback: function(K) {
-          return n.removeOption(K, a);
+        removeCallback: function removeCallback(event) {
+          return $options.removeOption(event, item);
         }
       }, function() {
-        return [t.removeTokenIcon ? (o(), d("span", r({
+        return [_ctx.removeTokenIcon ? (openBlock(), createElementBlock("span", mergeProps({
           key: 0,
-          class: [t.cx("removeTokenIcon"), t.removeTokenIcon],
-          onClick: W(function(k) {
-            return n.removeOption(k, a);
+          "class": [_ctx.cx("removeTokenIcon"), _ctx.removeTokenIcon],
+          onClick: withModifiers(function($event) {
+            return $options.removeOption($event, item);
           }, ["stop"])
-        }, t.ptm("removeTokenIcon")), null, 16, Me)) : (o(), S(h, r({
+        }, _ctx.ptm("removeTokenIcon")), null, 16, _hoisted_2)) : (openBlock(), createBlock(_component_TimesCircleIcon, mergeProps({
           key: 1,
-          class: t.cx("removeTokenIcon"),
-          onClick: W(function(k) {
-            return n.removeOption(k, a);
+          "class": _ctx.cx("removeTokenIcon"),
+          onClick: withModifiers(function($event) {
+            return $options.removeOption($event, item);
           }, ["stop"])
-        }, t.ptm("removeTokenIcon")), null, 16, ["class", "onClick"]))];
-      })], 16);
-    }), 128)), !t.modelValue || t.modelValue.length === 0 ? (o(), d(C, {
+        }, _ctx.ptm("removeTokenIcon")), null, 16, ["class", "onClick"]))];
+      }) : createCommentVNode("", true)], 16);
+    }), 128)), !_ctx.modelValue || _ctx.modelValue.length === 0 ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [M(I(t.placeholder || "empty"), 1)], 64)) : v("", !0)], 64)) : v("", !0)];
-  })], 16)], 16), O("div", r({
-    class: t.cx("trigger")
-  }, t.ptm("trigger")), [t.loading ? b(t.$slots, "loadingicon", {
+    }, [createTextVNode(toDisplayString(_ctx.placeholder || "empty"), 1)], 64)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)];
+  })], 16)], 16), createElementVNode("div", mergeProps({
+    "class": _ctx.cx("trigger")
+  }, _ctx.ptm("trigger")), [_ctx.loading ? renderSlot(_ctx.$slots, "loadingicon", {
     key: 0,
-    class: F(t.cx("loadingIcon"))
+    "class": normalizeClass(_ctx.cx("loadingIcon"))
   }, function() {
-    return [t.loadingIcon ? (o(), d("span", r({
+    return [_ctx.loadingIcon ? (openBlock(), createElementBlock("span", mergeProps({
       key: 0,
-      class: [t.cx("loadingIcon"), "pi-spin", t.loadingIcon],
+      "class": [_ctx.cx("loadingIcon"), "pi-spin", _ctx.loadingIcon],
       "aria-hidden": "true"
-    }, t.ptm("loadingIcon")), null, 16)) : (o(), S(m, r({
+    }, _ctx.ptm("loadingIcon")), null, 16)) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
       key: 1,
-      class: t.cx("loadingIcon"),
+      "class": _ctx.cx("loadingIcon"),
       spin: "",
       "aria-hidden": "true"
-    }, t.ptm("loadingIcon")), null, 16, ["class"]))];
-  }) : b(t.$slots, "dropdownicon", {
+    }, _ctx.ptm("loadingIcon")), null, 16, ["class"]))];
+  }) : renderSlot(_ctx.$slots, "dropdownicon", {
     key: 1,
-    class: F(t.cx("dropdownIcon"))
+    "class": normalizeClass(_ctx.cx("dropdownIcon"))
   }, function() {
-    return [(o(), S(w(t.dropdownIcon ? "span" : "ChevronDownIcon"), r({
-      class: [t.cx("dropdownIcon"), t.dropdownIcon],
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.dropdownIcon ? "span" : "ChevronDownIcon"), mergeProps({
+      "class": [_ctx.cx("dropdownIcon"), _ctx.dropdownIcon],
       "aria-hidden": "true"
-    }, t.ptm("dropdownIcon")), null, 16, ["class"]))];
-  })], 16), R(_, {
-    appendTo: t.appendTo
+    }, _ctx.ptm("dropdownIcon")), null, 16, ["class"]))];
+  })], 16), createVNode(_component_Portal, {
+    appendTo: _ctx.appendTo
   }, {
-    default: x(function() {
-      return [R(be, r({
+    "default": withCtx(function() {
+      return [createVNode(Transition, mergeProps({
         name: "p-connected-overlay",
-        onEnter: n.onOverlayEnter,
-        onAfterEnter: n.onOverlayAfterEnter,
-        onLeave: n.onOverlayLeave,
-        onAfterLeave: n.onOverlayAfterLeave
-      }, t.ptm("transition")), {
-        default: x(function() {
-          return [l.overlayVisible ? (o(), d("div", r({
+        onEnter: $options.onOverlayEnter,
+        onAfterEnter: $options.onOverlayAfterEnter,
+        onLeave: $options.onOverlayLeave,
+        onAfterLeave: $options.onOverlayAfterLeave
+      }, _ctx.ptm("transition")), {
+        "default": withCtx(function() {
+          return [$data.overlayVisible ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
-            ref: n.overlayRef,
-            style: t.panelStyle,
-            class: [t.cx("panel"), t.panelClass],
-            onClick: e[11] || (e[11] = function() {
-              return n.onOverlayClick && n.onOverlayClick.apply(n, arguments);
+            ref: $options.overlayRef,
+            style: _ctx.panelStyle,
+            "class": [_ctx.cx("panel"), _ctx.panelClass],
+            onClick: _cache[11] || (_cache[11] = function() {
+              return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
             }),
-            onKeydown: e[12] || (e[12] = function() {
-              return n.onOverlayKeyDown && n.onOverlayKeyDown.apply(n, arguments);
+            onKeydown: _cache[12] || (_cache[12] = function() {
+              return $options.onOverlayKeyDown && $options.onOverlayKeyDown.apply($options, arguments);
             })
-          }, L(L({}, t.panelProps), t.ptm("panel"))), [O("span", r({
+          }, _objectSpread(_objectSpread({}, _ctx.panelProps), _ctx.ptm("panel"))), [createElementVNode("span", mergeProps({
             ref: "firstHiddenFocusableElementOnOverlay",
             role: "presentation",
             "aria-hidden": "true",
-            class: "p-hidden-accessible p-hidden-focusable",
+            "class": "p-hidden-accessible p-hidden-focusable",
             tabindex: 0,
-            onFocus: e[3] || (e[3] = function() {
-              return n.onFirstHiddenFocus && n.onFirstHiddenFocus.apply(n, arguments);
+            onFocus: _cache[3] || (_cache[3] = function() {
+              return $options.onFirstHiddenFocus && $options.onFirstHiddenFocus.apply($options, arguments);
             })
-          }, t.ptm("hiddenFirstFocusableEl"), {
-            "data-p-hidden-accessible": !0,
-            "data-p-hidden-focusable": !0
-          }), null, 16), b(t.$slots, "header", {
-            value: t.modelValue,
-            options: n.visibleOptions
-          }), t.showToggleAll && t.selectionLimit == null || t.filter ? (o(), d("div", r({
+          }, _ctx.ptm("hiddenFirstFocusableEl"), {
+            "data-p-hidden-accessible": true,
+            "data-p-hidden-focusable": true
+          }), null, 16), renderSlot(_ctx.$slots, "header", {
+            value: _ctx.modelValue,
+            options: $options.visibleOptions
+          }), _ctx.showToggleAll && _ctx.selectionLimit == null || _ctx.filter ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
-            class: t.cx("header")
-          }, t.ptm("header")), [t.showToggleAll && t.selectionLimit == null ? (o(), S(y, {
+            "class": _ctx.cx("header")
+          }, _ctx.ptm("header")), [_ctx.showToggleAll && _ctx.selectionLimit == null ? (openBlock(), createBlock(_component_Checkbox, {
             key: 0,
-            modelValue: n.allSelected,
-            binary: !0,
-            disabled: t.disabled,
-            variant: t.variant,
-            "aria-label": n.toggleAllAriaLabel,
-            onChange: n.onToggleAll,
-            unstyled: t.unstyled,
-            pt: n.getHeaderCheckboxPTOptions("headerCheckbox")
+            modelValue: $options.allSelected,
+            binary: true,
+            disabled: _ctx.disabled,
+            variant: _ctx.variant,
+            "aria-label": $options.toggleAllAriaLabel,
+            onChange: $options.onToggleAll,
+            unstyled: _ctx.unstyled,
+            pt: $options.getHeaderCheckboxPTOptions("headerCheckbox")
           }, {
-            icon: x(function(a) {
-              return [t.$slots.headercheckboxicon ? (o(), S(w(t.$slots.headercheckboxicon), {
+            icon: withCtx(function(slotProps) {
+              return [_ctx.$slots.headercheckboxicon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.headercheckboxicon), {
                 key: 0,
-                checked: a.checked,
-                class: F(a.class)
-              }, null, 8, ["checked", "class"])) : a.checked ? (o(), S(w(t.checkboxIcon ? "span" : "CheckIcon"), r({
+                checked: slotProps.checked,
+                "class": normalizeClass(slotProps["class"])
+              }, null, 8, ["checked", "class"])) : slotProps.checked ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.checkboxIcon ? "span" : "CheckIcon"), mergeProps({
                 key: 1,
-                class: [a.class, N({}, t.checkboxIcon, a.checked)]
-              }, n.getHeaderCheckboxPTOptions("headerCheckbox.icon")), null, 16, ["class"])) : v("", !0)];
+                "class": [slotProps["class"], _defineProperty({}, _ctx.checkboxIcon, slotProps.checked)]
+              }, $options.getHeaderCheckboxPTOptions("headerCheckbox.icon")), null, 16, ["class"])) : createCommentVNode("", true)];
             }),
             _: 1
-          }, 8, ["modelValue", "disabled", "variant", "aria-label", "onChange", "unstyled", "pt"])) : v("", !0), t.filter ? (o(), d("div", r({
+          }, 8, ["modelValue", "disabled", "variant", "aria-label", "onChange", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.filter ? (openBlock(), createElementBlock("div", mergeProps({
             key: 1,
-            class: t.cx("filterContainer")
-          }, t.ptm("filterContainer")), [O("input", r({
+            "class": _ctx.cx("filterContainer")
+          }, _ctx.ptm("filterContainer")), [createElementVNode("input", mergeProps({
             ref: "filterInput",
             type: "text",
-            value: l.filterValue,
-            onVnodeMounted: e[4] || (e[4] = function() {
-              return n.onFilterUpdated && n.onFilterUpdated.apply(n, arguments);
+            value: $data.filterValue,
+            onVnodeMounted: _cache[4] || (_cache[4] = function() {
+              return $options.onFilterUpdated && $options.onFilterUpdated.apply($options, arguments);
             }),
-            onVnodeUpdated: e[5] || (e[5] = function() {
-              return n.onFilterUpdated && n.onFilterUpdated.apply(n, arguments);
+            onVnodeUpdated: _cache[5] || (_cache[5] = function() {
+              return $options.onFilterUpdated && $options.onFilterUpdated.apply($options, arguments);
             }),
-            class: t.cx("filterInput"),
-            placeholder: t.filterPlaceholder,
+            "class": _ctx.cx("filterInput"),
+            placeholder: _ctx.filterPlaceholder,
             role: "searchbox",
             autocomplete: "off",
-            "aria-owns": l.id + "_list",
-            "aria-activedescendant": n.focusedOptionId,
-            onKeydown: e[6] || (e[6] = function() {
-              return n.onFilterKeyDown && n.onFilterKeyDown.apply(n, arguments);
+            "aria-owns": $data.id + "_list",
+            "aria-activedescendant": $options.focusedOptionId,
+            onKeydown: _cache[6] || (_cache[6] = function() {
+              return $options.onFilterKeyDown && $options.onFilterKeyDown.apply($options, arguments);
             }),
-            onBlur: e[7] || (e[7] = function() {
-              return n.onFilterBlur && n.onFilterBlur.apply(n, arguments);
+            onBlur: _cache[7] || (_cache[7] = function() {
+              return $options.onFilterBlur && $options.onFilterBlur.apply($options, arguments);
             }),
-            onInput: e[8] || (e[8] = function() {
-              return n.onFilterChange && n.onFilterChange.apply(n, arguments);
+            onInput: _cache[8] || (_cache[8] = function() {
+              return $options.onFilterChange && $options.onFilterChange.apply($options, arguments);
             })
-          }, L(L({}, t.filterInputProps), t.ptm("filterInput"))), null, 16, Ee), b(t.$slots, "filtericon", {
-            class: F(t.cx("filterIcon"))
+          }, _objectSpread(_objectSpread({}, _ctx.filterInputProps), _ctx.ptm("filterInput"))), null, 16, _hoisted_3), renderSlot(_ctx.$slots, "filtericon", {
+            "class": normalizeClass(_ctx.cx("filterIcon"))
           }, function() {
-            return [(o(), S(w(t.filterIcon ? "span" : "SearchIcon"), r({
-              class: [t.cx("filterIcon"), t.filterIcon]
-            }, t.ptm("filterIcon")), null, 16, ["class"]))];
-          })], 16)) : v("", !0), t.filter ? (o(), d("span", r({
+            return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.filterIcon ? "span" : "SearchIcon"), mergeProps({
+              "class": [_ctx.cx("filterIcon"), _ctx.filterIcon]
+            }, _ctx.ptm("filterIcon")), null, 16, ["class"]))];
+          })], 16)) : createCommentVNode("", true), _ctx.filter ? (openBlock(), createElementBlock("span", mergeProps({
             key: 2,
             role: "status",
             "aria-live": "polite",
-            class: "p-hidden-accessible"
-          }, t.ptm("hiddenFilterResult"), {
-            "data-p-hidden-accessible": !0
-          }), I(n.filterResultMessageText), 17)) : v("", !0), Z((o(), d("button", r({
-            class: t.cx("closeButton"),
-            "aria-label": n.closeAriaLabel,
-            onClick: e[9] || (e[9] = function() {
-              return n.onCloseClick && n.onCloseClick.apply(n, arguments);
+            "class": "p-hidden-accessible"
+          }, _ctx.ptm("hiddenFilterResult"), {
+            "data-p-hidden-accessible": true
+          }), toDisplayString($options.filterResultMessageText), 17)) : createCommentVNode("", true), withDirectives((openBlock(), createElementBlock("button", mergeProps({
+            "class": _ctx.cx("closeButton"),
+            "aria-label": $options.closeAriaLabel,
+            onClick: _cache[9] || (_cache[9] = function() {
+              return $options.onCloseClick && $options.onCloseClick.apply($options, arguments);
             }),
             type: "button"
-          }, L(L({}, t.closeButtonProps), t.ptm("closeButton"))), [b(t.$slots, "closeicon", {
-            class: F(t.cx("closeIcon"))
+          }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm("closeButton"))), [renderSlot(_ctx.$slots, "closeicon", {
+            "class": normalizeClass(_ctx.cx("closeIcon"))
           }, function() {
-            return [(o(), S(w(t.closeIcon ? "span" : "TimesIcon"), r({
-              class: [t.cx("closeIcon"), t.closeIcon]
-            }, t.ptm("closeIcon")), null, 16, ["class"]))];
-          })], 16, De)), [[U]])], 16)) : v("", !0), O("div", r({
-            class: t.cx("wrapper"),
+            return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon ? "span" : "TimesIcon"), mergeProps({
+              "class": [_ctx.cx("closeIcon"), _ctx.closeIcon]
+            }, _ctx.ptm("closeIcon")), null, 16, ["class"]))];
+          })], 16, _hoisted_4)), [[_directive_ripple]])], 16)) : createCommentVNode("", true), createElementVNode("div", mergeProps({
+            "class": _ctx.cx("wrapper"),
             style: {
-              "max-height": n.virtualScrollerDisabled ? t.scrollHeight : ""
+              "max-height": $options.virtualScrollerDisabled ? _ctx.scrollHeight : ""
             }
-          }, t.ptm("wrapper")), [R(H, r({
-            ref: n.virtualScrollerRef
-          }, t.virtualScrollerOptions, {
-            items: n.visibleOptions,
+          }, _ctx.ptm("wrapper")), [createVNode(_component_VirtualScroller, mergeProps({
+            ref: $options.virtualScrollerRef
+          }, _ctx.virtualScrollerOptions, {
+            items: $options.visibleOptions,
             style: {
-              height: t.scrollHeight
+              height: _ctx.scrollHeight
             },
             tabindex: -1,
-            disabled: n.virtualScrollerDisabled,
-            pt: t.ptm("virtualScroller")
-          }), ge({
-            content: x(function(a) {
-              var k = a.styleClass, K = a.contentRef, A = a.items, g = a.getItemOptions, ee = a.contentStyle, P = a.itemSize;
-              return [O("ul", r({
-                ref: function(p) {
-                  return n.listRef(p, K);
+            disabled: $options.virtualScrollerDisabled,
+            pt: _ctx.ptm("virtualScroller")
+          }), createSlots({
+            content: withCtx(function(_ref2) {
+              var styleClass = _ref2.styleClass, contentRef = _ref2.contentRef, items = _ref2.items, getItemOptions = _ref2.getItemOptions, contentStyle = _ref2.contentStyle, itemSize = _ref2.itemSize;
+              return [createElementVNode("ul", mergeProps({
+                ref: function ref(el) {
+                  return $options.listRef(el, contentRef);
                 },
-                id: l.id + "_list",
-                class: [t.cx("list"), k],
-                style: ee,
+                id: $data.id + "_list",
+                "class": [_ctx.cx("list"), styleClass],
+                style: contentStyle,
                 role: "listbox",
                 "aria-multiselectable": "true",
-                "aria-label": n.listAriaLabel
-              }, t.ptm("list")), [(o(!0), d(C, null, q(A, function(c, p) {
-                return o(), d(C, {
-                  key: n.getOptionRenderKey(c, n.getOptionIndex(p, g))
-                }, [n.isOptionGroup(c) ? (o(), d("li", r({
+                "aria-label": $options.listAriaLabel
+              }, _ctx.ptm("list")), [(openBlock(true), createElementBlock(Fragment, null, renderList(items, function(option, i) {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: $options.getOptionRenderKey(option, $options.getOptionIndex(i, getItemOptions))
+                }, [$options.isOptionGroup(option) ? (openBlock(), createElementBlock("li", mergeProps({
                   key: 0,
-                  id: l.id + "_" + n.getOptionIndex(p, g),
+                  id: $data.id + "_" + $options.getOptionIndex(i, getItemOptions),
                   style: {
-                    height: P ? P + "px" : void 0
+                    height: itemSize ? itemSize + "px" : void 0
                   },
-                  class: t.cx("itemGroup"),
+                  "class": _ctx.cx("itemGroup"),
                   role: "option"
-                }, t.ptm("itemGroup")), [b(t.$slots, "optiongroup", {
-                  option: c.optionGroup,
-                  index: n.getOptionIndex(p, g)
+                }, _ctx.ptm("itemGroup")), [renderSlot(_ctx.$slots, "optiongroup", {
+                  option: option.optionGroup,
+                  index: $options.getOptionIndex(i, getItemOptions)
                 }, function() {
-                  return [M(I(n.getOptionGroupLabel(c.optionGroup)), 1)];
-                })], 16, Pe)) : Z((o(), d("li", r({
+                  return [createTextVNode(toDisplayString($options.getOptionGroupLabel(option.optionGroup)), 1)];
+                })], 16, _hoisted_6)) : withDirectives((openBlock(), createElementBlock("li", mergeProps({
                   key: 1,
-                  id: l.id + "_" + n.getOptionIndex(p, g),
+                  id: $data.id + "_" + $options.getOptionIndex(i, getItemOptions),
                   style: {
-                    height: P ? P + "px" : void 0
+                    height: itemSize ? itemSize + "px" : void 0
                   },
-                  class: t.cx("item", {
-                    option: c,
-                    index: p,
-                    getItemOptions: g
+                  "class": _ctx.cx("item", {
+                    option,
+                    index: i,
+                    getItemOptions
                   }),
                   role: "option",
-                  "aria-label": n.getOptionLabel(c),
-                  "aria-selected": n.isSelected(c),
-                  "aria-disabled": n.isOptionDisabled(c),
-                  "aria-setsize": n.ariaSetSize,
-                  "aria-posinset": n.getAriaPosInset(n.getOptionIndex(p, g)),
-                  onClick: function(B) {
-                    return n.onOptionSelect(B, c, n.getOptionIndex(p, g), !0);
+                  "aria-label": $options.getOptionLabel(option),
+                  "aria-selected": $options.isSelected(option),
+                  "aria-disabled": $options.isOptionDisabled(option),
+                  "aria-setsize": $options.ariaSetSize,
+                  "aria-posinset": $options.getAriaPosInset($options.getOptionIndex(i, getItemOptions)),
+                  onClick: function onClick($event) {
+                    return $options.onOptionSelect($event, option, $options.getOptionIndex(i, getItemOptions), true);
                   },
-                  onMousemove: function(B) {
-                    return n.onOptionMouseMove(B, n.getOptionIndex(p, g));
+                  onMousemove: function onMousemove($event) {
+                    return $options.onOptionMouseMove($event, $options.getOptionIndex(i, getItemOptions));
                   }
-                }, n.getCheckboxPTOptions(c, g, p, "item"), {
-                  "data-p-highlight": n.isSelected(c),
-                  "data-p-focused": l.focusedOptionIndex === n.getOptionIndex(p, g),
-                  "data-p-disabled": n.isOptionDisabled(c)
-                }), [R(y, {
-                  modelValue: n.isSelected(c),
-                  binary: !0,
+                }, $options.getCheckboxPTOptions(option, getItemOptions, i, "item"), {
+                  "data-p-highlight": $options.isSelected(option),
+                  "data-p-focused": $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions),
+                  "data-p-disabled": $options.isOptionDisabled(option)
+                }), [createVNode(_component_Checkbox, {
+                  modelValue: $options.isSelected(option),
+                  binary: true,
                   tabindex: -1,
-                  variant: t.variant,
-                  unstyled: t.unstyled,
-                  pt: n.getCheckboxPTOptions(c, g, p, "itemCheckbox")
+                  variant: _ctx.variant,
+                  unstyled: _ctx.unstyled,
+                  pt: $options.getCheckboxPTOptions(option, getItemOptions, i, "itemCheckbox")
                 }, {
-                  icon: x(function(V) {
-                    return [t.$slots.itemcheckboxicon ? (o(), S(w(t.$slots.itemcheckboxicon), {
+                  icon: withCtx(function(slotProps) {
+                    return [_ctx.$slots.itemcheckboxicon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.itemcheckboxicon), {
                       key: 0,
-                      checked: V.checked,
-                      class: F(V.class)
-                    }, null, 8, ["checked", "class"])) : V.checked ? (o(), S(w(t.checkboxIcon ? "span" : "CheckIcon"), r({
+                      checked: slotProps.checked,
+                      "class": normalizeClass(slotProps["class"])
+                    }, null, 8, ["checked", "class"])) : slotProps.checked ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.checkboxIcon ? "span" : "CheckIcon"), mergeProps({
                       key: 1,
-                      class: [V.class, N({}, t.checkboxIcon, V.checked)]
-                    }, n.getCheckboxPTOptions(c, g, p, "itemCheckbox.icon")), null, 16, ["class"])) : v("", !0)];
+                      "class": [slotProps["class"], _defineProperty({}, _ctx.checkboxIcon, slotProps.checked)]
+                    }, $options.getCheckboxPTOptions(option, getItemOptions, i, "itemCheckbox.icon")), null, 16, ["class"])) : createCommentVNode("", true)];
                   }),
                   _: 2
-                }, 1032, ["modelValue", "variant", "unstyled", "pt"]), b(t.$slots, "option", {
-                  option: c,
-                  index: n.getOptionIndex(p, g)
+                }, 1032, ["modelValue", "variant", "unstyled", "pt"]), renderSlot(_ctx.$slots, "option", {
+                  option,
+                  index: $options.getOptionIndex(i, getItemOptions)
                 }, function() {
-                  return [O("span", Oe(ve(t.ptm("option"))), I(n.getOptionLabel(c)), 17)];
-                })], 16, Re)), [[U]])], 64);
-              }), 128)), l.filterValue && (!A || A && A.length === 0) ? (o(), d("li", r({
+                  return [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm("option"))), toDisplayString($options.getOptionLabel(option)), 17)];
+                })], 16, _hoisted_7)), [[_directive_ripple]])], 64);
+              }), 128)), $data.filterValue && (!items || items && items.length === 0) ? (openBlock(), createElementBlock("li", mergeProps({
                 key: 0,
-                class: t.cx("emptyMessage"),
+                "class": _ctx.cx("emptyMessage"),
                 role: "option"
-              }, t.ptm("emptyMessage")), [b(t.$slots, "emptyfilter", {}, function() {
-                return [M(I(n.emptyFilterMessageText), 1)];
-              })], 16)) : !t.options || t.options && t.options.length === 0 ? (o(), d("li", r({
+              }, _ctx.ptm("emptyMessage")), [renderSlot(_ctx.$slots, "emptyfilter", {}, function() {
+                return [createTextVNode(toDisplayString($options.emptyFilterMessageText), 1)];
+              })], 16)) : !_ctx.options || _ctx.options && _ctx.options.length === 0 ? (openBlock(), createElementBlock("li", mergeProps({
                 key: 1,
-                class: t.cx("emptyMessage"),
+                "class": _ctx.cx("emptyMessage"),
                 role: "option"
-              }, t.ptm("emptyMessage")), [b(t.$slots, "empty", {}, function() {
-                return [M(I(n.emptyMessageText), 1)];
-              })], 16)) : v("", !0)], 16, Ae)];
+              }, _ctx.ptm("emptyMessage")), [renderSlot(_ctx.$slots, "empty", {}, function() {
+                return [createTextVNode(toDisplayString($options.emptyMessageText), 1)];
+              })], 16)) : createCommentVNode("", true)], 16, _hoisted_5)];
             }),
             _: 2
-          }, [t.$slots.loader ? {
+          }, [_ctx.$slots.loader ? {
             name: "loader",
-            fn: x(function(a) {
-              var k = a.options;
-              return [b(t.$slots, "loader", {
-                options: k
+            fn: withCtx(function(_ref4) {
+              var options2 = _ref4.options;
+              return [renderSlot(_ctx.$slots, "loader", {
+                options: options2
               })];
             }),
             key: "0"
-          } : void 0]), 1040, ["items", "style", "disabled", "pt"])], 16), b(t.$slots, "footer", {
-            value: t.modelValue,
-            options: n.visibleOptions
-          }), !t.options || t.options && t.options.length === 0 ? (o(), d("span", r({
+          } : void 0]), 1040, ["items", "style", "disabled", "pt"])], 16), renderSlot(_ctx.$slots, "footer", {
+            value: _ctx.modelValue,
+            options: $options.visibleOptions
+          }), !_ctx.options || _ctx.options && _ctx.options.length === 0 ? (openBlock(), createElementBlock("span", mergeProps({
             key: 1,
             role: "status",
             "aria-live": "polite",
-            class: "p-hidden-accessible"
-          }, t.ptm("hiddenEmptyMessage"), {
-            "data-p-hidden-accessible": !0
-          }), I(n.emptyMessageText), 17)) : v("", !0), O("span", r({
+            "class": "p-hidden-accessible"
+          }, _ctx.ptm("hiddenEmptyMessage"), {
+            "data-p-hidden-accessible": true
+          }), toDisplayString($options.emptyMessageText), 17)) : createCommentVNode("", true), createElementVNode("span", mergeProps({
             role: "status",
             "aria-live": "polite",
-            class: "p-hidden-accessible"
-          }, t.ptm("hiddenSelectedMessage"), {
-            "data-p-hidden-accessible": !0
-          }), I(n.selectedMessageText), 17), O("span", r({
+            "class": "p-hidden-accessible"
+          }, _ctx.ptm("hiddenSelectedMessage"), {
+            "data-p-hidden-accessible": true
+          }), toDisplayString($options.selectedMessageText), 17), createElementVNode("span", mergeProps({
             ref: "lastHiddenFocusableElementOnOverlay",
             role: "presentation",
             "aria-hidden": "true",
-            class: "p-hidden-accessible p-hidden-focusable",
+            "class": "p-hidden-accessible p-hidden-focusable",
             tabindex: 0,
-            onFocus: e[10] || (e[10] = function() {
-              return n.onLastHiddenFocus && n.onLastHiddenFocus.apply(n, arguments);
+            onFocus: _cache[10] || (_cache[10] = function() {
+              return $options.onLastHiddenFocus && $options.onLastHiddenFocus.apply($options, arguments);
             })
-          }, t.ptm("hiddenLastFocusableEl"), {
-            "data-p-hidden-accessible": !0,
-            "data-p-hidden-focusable": !0
-          }), null, 16)], 16)) : v("", !0)];
+          }, _ctx.ptm("hiddenLastFocusableEl"), {
+            "data-p-hidden-accessible": true,
+            "data-p-hidden-focusable": true
+          }), null, 16)], 16)) : createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
@@ -1377,7 +1625,7 @@ function He(t, e, i, s, l, n) {
     _: 3
   }, 8, ["appendTo"])], 16);
 }
-Ce.render = He;
+script.render = render;
 export {
-  Ce as s
+  script as s
 };