@evance/evance-ui 1.0.2 → 1.0.4

package/dist/esm/EvSelect.vue_vue_type_script_setup_true_lang-7w3Yuk21.mjs

@@ -1,831 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-/*! Evance UI v1.0.1 | MIT License */
-import { ref, computed, unref, watchEffect, shallowRef, watch, defineComponent, useSlots, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementBlock, Fragment, renderList, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode, createVNode, nextTick } from "vue";
-import { w as wrapInArray, b as getPropertyValue, o as omit, f as filterComponentProps, B as Browser, e as matchesSelector } from "./helpers-pCeamm7z.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { b as makeListItemsProps, u as useItems, _ as _sfc_main$5, t as transformItem } from "./EvList.vue_vue_type_script_setup_true_lang-Dmo2pOJY.mjs";
-import { m as makeEvTextfieldProps, _ as _sfc_main$1 } from "./EvTextfield.vue_vue_type_script_setup_true_lang-IG-fq9hc.mjs";
-import { C as ChevronDownIcon } from "./ChevronDownIcon-CoLiOB0_.mjs";
-import { _ as _sfc_main$3 } from "./EvMenu.vue_vue_type_script_setup_true_lang-DTZkeI63.mjs";
-import { _ as _sfc_main$6 } from "./EvListItem.vue_vue_type_script_setup_true_lang-CN2NN8CF.mjs";
-import { _ as _sfc_main$7 } from "./EvVirtualScroll.vue_vue_type_script_setup_true_lang-C-Lh9jKB.mjs";
-import { _ as _sfc_main$4 } from "./EvSurface.vue_vue_type_script_setup_true_lang-DS0eZ8OO.mjs";
-import { _ as _sfc_main$2 } from "./EvTag.vue_vue_type_script_setup_true_lang-BXbRdKQe.mjs";
-import { u as useModelProxy } from "./modelProxy-B-YOpPOA.mjs";
-import { u as useLocaleFunctions } from "./locale-DweIso7z.mjs";
-import { u as useForm } from "./form-CWR7C9h1.mjs";
-class KeyLogger {
-  constructor() {
-    __publicField(this, "lastTime", 0);
-    __publicField(this, "timeToKeep", 1e3);
-    __publicField(this, "value", "");
-  }
-  /**
-   * ## Log
-   * @param e
-   */
-  log(e) {
-    if (!isKeyEventLoggable(e)) {
-      return false;
-    }
-    const now = performance.now();
-    if (now - this.lastTime > this.timeToKeep) {
-      this.value = "";
-    }
-    this.value += e.key.toLowerCase();
-    this.lastTime = now;
-    return true;
-  }
-}
-function isKeyEventLoggable(e) {
-  const isPrintableChar = e.key.length === 1;
-  const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;
-  return isPrintableChar && noModifier;
-}
-const compositionIgnoreKeys = [
-  "ArrowUp",
-  "ArrowDown",
-  "ArrowRight",
-  "ArrowLeft",
-  "Enter",
-  "Escape",
-  "Tab",
-  " "
-];
-function isComposingIgnoreKey(e) {
-  return e.isComposing && compositionIgnoreKeys.includes(e.key);
-}
-const defaultFilter = (value, query, item) => {
-  if (value == null || query == null) {
-    return -1;
-  }
-  return value.toString().toLocaleLowerCase().indexOf(query.toString().toLocaleLowerCase());
-};
-const makeFilterProps = propsFactory(
-  {
-    filterFunction: Function,
-    filterKeyFunctions: Object,
-    filterKeys: [Array, String],
-    filterMode: {
-      type: String,
-      default: "intersection"
-    },
-    noFilter: Boolean
-  },
-  "filter"
-);
-function filterItems(items, query, options) {
-  var _a;
-  const array = [];
-  const filter = (options == null ? void 0 : options.default) ?? defaultFilter;
-  const keys = (options == null ? void 0 : options.filterKeys) ? wrapInArray(options.filterKeys) : false;
-  const customFiltersLength = Object.keys(
-    (options == null ? void 0 : options.filterKeyFunctions) ?? {}
-  ).length;
-  if (!(items == null ? void 0 : items.length)) {
-    return array;
-  }
-  loop:
-    for (let i = 0; i < items.length; i++) {
-      const [item, transformed = item] = wrapInArray(items[i]);
-      const customMatches = {};
-      const defaultMatches = {};
-      let match = -1;
-      if (query && !(options == null ? void 0 : options.noFilter)) {
-        if (typeof item === "object") {
-          const filterKeys = keys || Object.keys(transformed);
-          for (const key of filterKeys) {
-            const value = getPropertyValue(
-              transformed,
-              key,
-              transformed
-            );
-            const keyFilter = (_a = options == null ? void 0 : options.filterKeyFunctions) == null ? void 0 : _a[key];
-            match = keyFilter ? keyFilter(value, query, item) : filter(value, query, item);
-            if (match !== -1 && match !== false) {
-              if (keyFilter) {
-                customMatches[key] = match;
-              } else {
-                defaultMatches[key] = match;
-              }
-            } else if ((options == null ? void 0 : options.filterMode) === "every") {
-              continue loop;
-            }
-          }
-        } else {
-          match = filter(item, query, item);
-          if (match !== -1 && match !== false) {
-            defaultMatches.title = match;
-          }
-        }
-        const defaultMatchesLength = Object.keys(defaultMatches).length;
-        const customMatchesLength = Object.keys(customMatches).length;
-        if (!defaultMatchesLength && !customMatchesLength) {
-          continue;
-        }
-        if ((options == null ? void 0 : options.filterMode) === "union" && customMatchesLength !== customFiltersLength && !defaultMatchesLength) {
-          continue;
-        }
-        if ((options == null ? void 0 : options.filterMode) === "intersection" && (customMatchesLength !== customFiltersLength || !defaultMatchesLength)) {
-          continue;
-        }
-      }
-      array.push({
-        index: i,
-        matches: { ...defaultMatches, ...customMatches }
-      });
-    }
-  return array;
-}
-function useFilter(props, items, query, options) {
-  const filteredItems = ref([]);
-  const filteredMatches = ref(
-    /* @__PURE__ */ new Map()
-  );
-  const transformedItems = computed(
-    () => unref(items)
-  );
-  watchEffect(() => {
-    const _query = typeof query === "function" ? query() : unref(query);
-    const strQuery = typeof _query !== "string" ? "" : String(_query);
-    const results = filterItems(transformedItems.value, strQuery, {
-      filterKeyFunctions: {
-        ...props.filterKeyFunctions,
-        ...unref(options == null ? void 0 : options.filterKeyFunctions)
-      },
-      default: props.filterFunction,
-      filterKeys: props.filterKeys,
-      filterMode: props.filterMode,
-      noFilter: props.noFilter
-    });
-    const originalItems = unref(items);
-    const _filteredItems = [];
-    const _filteredMatches = /* @__PURE__ */ new Map();
-    results.forEach(({ index, matches }) => {
-      const item = originalItems[index];
-      _filteredItems.push(item);
-      _filteredMatches.set(item.value, matches);
-    });
-    filteredItems.value = _filteredItems;
-    filteredMatches.value = _filteredMatches;
-  });
-  function getMatches(item) {
-    return filteredMatches.value.get(item.value);
-  }
-  return { filteredItems, filteredMatches, getMatches };
-}
-const makeEvSelectProps = propsFactory(
-  {
-    autoSelectFirst: {
-      type: [Boolean, String]
-    },
-    behavior: {
-      type: String,
-      default: "select"
-    },
-    delimiters: {
-      type: Array,
-      default: [","]
-    },
-    hideItemsEmpty: Boolean,
-    hideSelected: Boolean,
-    itemsEmptyText: {
-      type: String,
-      default: "select.noItemsText"
-    },
-    menuOpen: Boolean,
-    multiple: Boolean,
-    openOnClear: Boolean,
-    search: String,
-    tags: Boolean,
-    ...makeFilterProps({ filterKeys: ["title"] }),
-    ...makeListItemsProps({
-      itemChildren: false
-    }),
-    ...omit(
-      makeEvTextfieldProps({
-        modelValue: null,
-        iconEnd: ChevronDownIcon,
-        role: "select"
-      }),
-      ["align", "monospace", "type"]
-    )
-  },
-  "EvSelect"
-);
-function useScrolling(listRef, textFieldRef) {
-  const isScrolling = shallowRef(false);
-  let scrollTimeout;
-  function onListScroll(e) {
-    cancelAnimationFrame(scrollTimeout);
-    isScrolling.value = true;
-    scrollTimeout = requestAnimationFrame(() => {
-      scrollTimeout = requestAnimationFrame(() => {
-        isScrolling.value = false;
-      });
-    });
-  }
-  async function finishScrolling() {
-    await new Promise((resolve) => requestAnimationFrame(resolve));
-    await new Promise((resolve) => requestAnimationFrame(resolve));
-    await new Promise((resolve) => requestAnimationFrame(resolve));
-    await new Promise((resolve) => {
-      if (isScrolling.value) {
-        const stop = watch(isScrolling, () => {
-          stop();
-          resolve();
-        });
-      } else {
-        resolve();
-      }
-    });
-  }
-  async function onListKeydown(e) {
-    var _a, _b;
-    if (e.key === "Tab") {
-      (_a = textFieldRef.value) == null ? void 0 : _a.focus();
-      return;
-    }
-    if (!["PageDown", "PageUp", "Home", "End"].includes(e.key)) {
-      return;
-    }
-    const el = (_b = listRef.value) == null ? void 0 : _b.$el;
-    if (!el) {
-      return;
-    }
-    if (e.key === "Home" || e.key === "End") {
-      el.scrollTo({
-        top: e.key === "Home" ? 0 : el.scrollHeight,
-        behavior: "smooth"
-      });
-    }
-    await finishScrolling();
-    const children = el.querySelectorAll(
-      ":scope > :not(.ev-virtual-scroll--spacer)"
-    );
-    if (e.key === "PageDown" || e.key === "Home") {
-      const top = el.getBoundingClientRect().top;
-      for (const child of children) {
-        if (child.getBoundingClientRect().top >= top) {
-          child.focus();
-          break;
-        }
-      }
-    } else {
-      const bottom = el.getBoundingClientRect().bottom;
-      for (const child of [...children].reverse()) {
-        if (child.getBoundingClientRect().bottom <= bottom) {
-          child.focus();
-          break;
-        }
-      }
-    }
-  }
-  return {
-    onListScroll,
-    onListKeydown
-  };
-}
-const _hoisted_1 = {
-  key: 1,
-  class: "ev-select--selected-text"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "ev-select--selected-comma"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "ev-select--placeholder"
-};
-const _hoisted_4 = {
-  key: 0,
-  class: "ev-select--list-prefix"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "ev-select--list-suffix"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSelect",
-  props: {
-    ...makeEvSelectProps()
-  },
-  emits: [
-    "update:focused",
-    "update:menuOpen",
-    "update:modelValue",
-    "update:search"
-  ],
-  setup(__props, { emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const evTextfieldRef = ref();
-    const evTextfieldProps = computed(() => {
-      return filterComponentProps(_sfc_main$1, props);
-    });
-    const isFocused = shallowRef(false);
-    const isPristine = shallowRef(true);
-    const isSearchable = computed(() => props.behavior !== "select");
-    const listHasFocus = shallowRef(false);
-    const isSelecting = shallowRef(false);
-    const evMenuRef = ref();
-    const menuOpenProxy = useModelProxy(props, "menuOpen");
-    const isMenuOpen = computed({
-      get: () => menuOpenProxy.value,
-      set: (value) => {
-        var _a;
-        if (menuOpenProxy.value && !value && ((_a = evMenuRef.value) == null ? void 0 : _a.openChildren)) {
-          return;
-        }
-        menuOpenProxy.value = value;
-      }
-    });
-    const isMenuDisabled = computed(() => {
-      return props.hideItemsEmpty && !items.value.length || !!props.readonly;
-    });
-    const evListRef = ref();
-    const evVirtualScrollRef = ref();
-    const { items, transformIn, transformOut } = useItems(props);
-    const search = useModelProxy(props, "search", "");
-    const { filteredItems } = useFilter(
-      props,
-      items,
-      () => isPristine.value || !isSearchable.value ? "" : search.value
-    );
-    const displayItems = computed(() => {
-      if (props.hideSelected) {
-        return filteredItems.value.filter(
-          (filteredItem) => !model.value.some(
-            (s) => s.value === filteredItem.value
-          )
-        );
-      }
-      return filteredItems.value;
-    });
-    const model = useModelProxy(
-      props,
-      "modelValue",
-      [],
-      (value) => transformIn(value === null ? [null] : wrapInArray(value)),
-      (value) => {
-        const transformed = transformOut(value);
-        return props.multiple ? transformed : transformed[0] ?? null;
-      }
-    );
-    const selections = computed(() => {
-      return model.value.map((value) => {
-        return items.value.find((item) => {
-          return props.valueComparator(item.value, value.value);
-        }) || value;
-      });
-    });
-    const selectionIndex = shallowRef(-1);
-    const selected = computed(() => {
-      return selections.value.map((selection) => selection.props.value);
-    });
-    const keyLogger = new KeyLogger();
-    const highlightFirst = computed(() => {
-      var _a;
-      const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === "exact" && search.value === ((_a = displayItems.value[0]) == null ? void 0 : _a.title);
-      return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
-    });
-    const form = useForm();
-    const { t } = useLocaleFunctions();
-    function onMenuAfterLeave() {
-      var _a;
-      if (isFocused.value) {
-        isPristine.value = true;
-        (_a = evTextfieldRef.value) == null ? void 0 : _a.focus();
-      }
-    }
-    function onListFocusIn(e) {
-      setTimeout(() => {
-        isFocused.value = true;
-        listHasFocus.value = true;
-      });
-    }
-    function onListFocusOut(e) {
-      listHasFocus.value = false;
-    }
-    function onListMouseDown(e) {
-      e.preventDefault();
-    }
-    const { onListScroll, onListKeydown } = useScrolling(evListRef, evTextfieldRef);
-    function onFieldBlur(e) {
-      var _a;
-      if (!((_a = evListRef.value) == null ? void 0 : _a.$el.contains(e.relatedTarget))) {
-        isMenuOpen.value = false;
-      }
-      selectionIndex.value = -1;
-    }
-    function onFieldChange(e) {
-      if (matchesSelector(evTextfieldRef.value, ":autofill") || matchesSelector(evTextfieldRef.value, ":-webkit-autofill")) {
-        const item = items.value.find(
-          (item2) => item2.title === e.target.value
-        );
-        if (item) {
-          select(item);
-        }
-      }
-    }
-    function onFieldClear(e) {
-      if (props.openOnClear) {
-        isMenuOpen.value = true;
-      }
-      search.value = "";
-    }
-    function onFieldInput(e) {
-      search.value = e.target.value;
-    }
-    function onFieldKeydown(e) {
-      var _a, _b, _c, _d, _e;
-      if (!e.key || isComposingIgnoreKey(e) || props.readonly || (form == null ? void 0 : form.isReadonly.value)) {
-        return;
-      }
-      const preventKeys = ["Enter", "ArrowDown", "ArrowUp"];
-      const openerKeys = ["Enter", "ArrowDown"];
-      const escapeKeys = ["Escape"];
-      if (!isSearchable.value) {
-        preventKeys.push(" ", "Home", "End");
-        openerKeys.push(" ");
-        escapeKeys.push("Tab");
-      }
-      if (selectionIndex.value > -1 || preventKeys.includes(e.key)) {
-        e.preventDefault();
-      }
-      if (openerKeys.includes(e.key)) {
-        isMenuOpen.value = true;
-      }
-      if (escapeKeys.includes(e.key)) {
-        isMenuOpen.value = false;
-      }
-      if (!isSearchable.value) {
-        keydownBehaviorSelect(e);
-        return;
-      }
-      if (["Enter", "Tab"].includes(e.key)) {
-        if (highlightFirst.value) {
-          select(displayItems.value[0]);
-        } else if (!props.multiple && props.behavior === "combobox") {
-          select(transformItem(props, search.value));
-        }
-      }
-      if (e.key === "ArrowDown" && highlightFirst.value) {
-        (_a = evListRef.value) == null ? void 0 : _a.focus("next");
-      }
-      if (!props.multiple) {
-        return;
-      }
-      const selectionStart = evTextfieldRef.value.selectionStart;
-      const length = model.value.length;
-      if (["Backspace", "Delete"].includes(e.key)) {
-        if (selectionIndex.value < 0) {
-          if (e.key === "Backspace" && !search.value) {
-            selectionIndex.value = length - 1;
-          }
-          return;
-        }
-        const originalSelectionIndex = selectionIndex.value;
-        const selectedItem = model.value[selectionIndex.value];
-        if (selectedItem && !selectedItem.props.disabled) {
-          select(selectedItem, false);
-        }
-        selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
-      }
-      if (e.key === "ArrowLeft") {
-        if (selectionIndex.value < 0 && selectionStart > 0) {
-          return;
-        }
-        const previous = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
-        if (model.value[previous]) {
-          selectionIndex.value = previous;
-        } else {
-          selectionIndex.value = -1;
-          (_d = evTextfieldRef.value) == null ? void 0 : _d.input.setSelectionRange(
-            (_b = search.value) == null ? void 0 : _b.length,
-            (_c = search.value) == null ? void 0 : _c.length
-          );
-        }
-      }
-      if (e.key === "ArrowRight") {
-        if (selectionIndex.value < 0) {
-          return;
-        }
-        const next = selectionIndex.value + 1;
-        if (model.value[next]) {
-          selectionIndex.value = next;
-        } else {
-          selectionIndex.value = -1;
-          (_e = evTextfieldRef.value) == null ? void 0 : _e.input.setSelectionRange(0, 0);
-        }
-      }
-      if (props.behavior !== "combobox") {
-        return;
-      }
-      if ((props.delimiters.includes(e.key) || e.key === "Enter") && search.value) {
-        e.preventDefault();
-        select(transformItem(props, search.value));
-        search.value = "";
-      }
-    }
-    function keydownBehaviorSelect(e) {
-      var _a, _b, _c;
-      if (e.key === "Home") {
-        (_a = evListRef.value) == null ? void 0 : _a.focus("first");
-      } else if (e.key === "End") {
-        (_b = evListRef.value) == null ? void 0 : _b.focus("last");
-      }
-      if (props.multiple || !keyLogger.log(e)) {
-        return;
-      }
-      const itemIndex = items.value.findIndex(
-        (item) => item.title.toLowerCase().startsWith(keyLogger.value)
-      );
-      if (itemIndex >= 0) {
-        model.value = [items.value[itemIndex]];
-        if (isMenuOpen.value) {
-          const scrollIndex = itemIndex > 0 ? itemIndex - 1 : 0;
-          (_c = evVirtualScrollRef.value) == null ? void 0 : _c.scrollToIndex(scrollIndex);
-        }
-      }
-    }
-    function onFieldMousedown() {
-      if (isMenuDisabled.value) {
-        return;
-      }
-      isMenuOpen.value = !isMenuOpen.value;
-    }
-    function select(item, set = true) {
-      if (item.props.disabled) {
-        return;
-      }
-      if (props.multiple) {
-        const index = model.value.findIndex((selection) => {
-          return props.valueComparator(selection.value, item.value);
-        });
-        const add = set == null ? !~index : set;
-        if (~index) {
-          const value = add ? [...model.value, item] : [...model.value];
-          value.splice(index, 1);
-          model.value = value;
-        } else if (add) {
-          model.value = [...model.value, item];
-        }
-        search.value = "";
-      } else {
-        const add = set !== false;
-        model.value = add ? [item] : [];
-        search.value = item.title;
-        nextTick(() => {
-          isMenuOpen.value = false;
-          isPristine.value = true;
-          isSelecting.value = false;
-          evTextfieldRef.value.input.blur();
-          isFocused.value = false;
-        });
-      }
-      selectionIndex.value = -1;
-    }
-    const fieldValue = computed(() => {
-      if (isSearchable.value) {
-        return search.value;
-      }
-      return model.value.map((value) => value.props.value).join(", ");
-    });
-    function onModelValueUpdate(value) {
-      if (value === null || value === "" && !props.multiple) {
-        model.value = [];
-      }
-    }
-    function itemProps(item, index, itemRef) {
-      return mergeProps(item.props, {
-        ref: itemRef,
-        key: index,
-        onClick: () => select(item)
-      });
-    }
-    function createTagProps(item) {
-      return {
-        "onClick:close"(e) {
-          e.stopPropagation();
-          e.preventDefault();
-          select(item, false);
-        },
-        onKeydown(e) {
-          if (e.key !== "Enter" && e.key !== " ") {
-            return;
-          }
-          e.preventDefault();
-          e.stopPropagation();
-          select(item, false);
-        },
-        onMousedown(e) {
-          e.preventDefault();
-          e.stopPropagation();
-        }
-      };
-    }
-    watch(search, (value, oldValue) => {
-      if (!isFocused.value || isSelecting.value) {
-        return;
-      }
-      if (value) {
-        isMenuOpen.value = true;
-      }
-      isPristine.value = !value;
-    });
-    watch(isFocused, (value, oldValue) => {
-      if (value === oldValue) {
-        return;
-      }
-      emit("update:focused", value);
-    });
-    watch(isMenuOpen, () => {
-      if (props.hideSelected || !isMenuOpen.value || !model.value.length || !Browser.hasWindow) {
-        return;
-      }
-      const lastSelectedItem = model.value[model.value.length - 1];
-      const index = displayItems.value.findIndex(
-        (item) => item.value === lastSelectedItem.value
-      );
-      window.requestAnimationFrame(() => {
-        var _a;
-        index >= 0 && ((_a = evVirtualScrollRef.value) == null ? void 0 : _a.scrollToIndex(index));
-      });
-    });
-    const validationValue = computed(() => model.externalValue);
-    const isPlaceholder = computed(
-      () => !selections.value.length && !!slots.placeholder
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        ref_key: "evTextfieldRef",
-        ref: evTextfieldRef
-      }, evTextfieldProps.value, {
-        focused: isFocused.value,
-        "onUpdate:focused": _cache[1] || (_cache[1] = ($event) => isFocused.value = $event),
-        class: [
-          "ev-select",
-          {
-            "is-single": !props.multiple,
-            "is-multiple": props.multiple,
-            "is-searchable": isSearchable.value,
-            "is-selecting": selectionIndex.value > -1,
-            "is-placeholder": isPlaceholder.value
-          }
-        ],
-        "model-value": fieldValue.value,
-        readonly: !isSearchable.value || props.readonly,
-        placeholder: unref(model).length ? void 0 : props.placeholder,
-        "validation-value": validationValue.value,
-        onBlur: onFieldBlur,
-        onChange: onFieldChange,
-        "onClick:clear": onFieldClear,
-        onInput: onFieldInput,
-        onKeydown: onFieldKeydown,
-        "onMousedown:control": onFieldMousedown,
-        "onUpdate:modelValue": onModelValueUpdate
-      }), createSlots({
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(selections.value, (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: item.key,
-              class: normalizeClass([
-                "ev-select--selected",
-                {
-                  "is-selected": index === selectionIndex.value
-                }
-              ])
-            }, [
-              renderSlot(_ctx.$slots, "selection", normalizeProps(guardReactiveProps({ item, index })), () => [
-                props.tags ? (openBlock(), createBlock(unref(_sfc_main$2), mergeProps({
-                  key: 0,
-                  closable: props.multiple
-                }, createTagProps(item), {
-                  text: item.title
-                }), null, 16, ["closable", "text"])) : (openBlock(), createElementBlock("span", _hoisted_1, [
-                  createTextVNode(toDisplayString(item.title) + " ", 1),
-                  props.multiple && index < selections.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2, ",")) : createCommentVNode("", true)
-                ]))
-              ])
-            ], 2);
-          }), 128)),
-          isPlaceholder.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "placeholder")
-          ])) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$3), {
-            ref_key: "evMenuRef",
-            ref: evMenuRef,
-            modelValue: isMenuOpen.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = $event),
-            class: "ev-select--menu",
-            "max-height": "310",
-            disabled: isMenuDisabled.value,
-            activator: "parent",
-            "close-on-content-click": false,
-            "open-on-click": false,
-            onAfterLeave: onMenuAfterLeave
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$4), {
-                elevation: "overlay",
-                scrollable: ""
-              }, {
-                default: withCtx(() => [
-                  unref(slots)["list-prefix"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                    renderSlot(_ctx.$slots, "list-prefix")
-                  ])) : createCommentVNode("", true),
-                  createVNode(unref(_sfc_main$5), {
-                    ref_key: "evListRef",
-                    ref: evListRef,
-                    class: "ev-select--list",
-                    selected: selected.value,
-                    "select-strategy": props.multiple ? "multi-any" : "single-any",
-                    tabindex: "-1",
-                    onFocusin: onListFocusIn,
-                    onFocusout: onListFocusOut,
-                    onKeydown: unref(onListKeydown),
-                    onMousedown: onListMouseDown,
-                    onScrollPassive: unref(onListScroll)
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "items-prefix"),
-                      !displayItems.value.length && !props.hideItemsEmpty ? renderSlot(_ctx.$slots, "items-empty", { key: 0 }, () => [
-                        createVNode(unref(_sfc_main$6), {
-                          title: unref(t)(props.itemsEmptyText)
-                        }, null, 8, ["title"])
-                      ]) : createCommentVNode("", true),
-                      createVNode(unref(_sfc_main$7), {
-                        ref_key: "evVirtualScrollRef",
-                        ref: evVirtualScrollRef,
-                        renderless: "",
-                        items: displayItems.value
-                      }, {
-                        default: withCtx(({ item, index, itemRef }) => [
-                          renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps({
-                            item,
-                            index,
-                            props: itemProps(item, index, itemRef)
-                          })), () => [
-                            (openBlock(), createBlock(unref(_sfc_main$6), mergeProps({ ref: itemRef }, item.props, {
-                              key: index,
-                              onClick: ($event) => select(item, null)
-                            }), null, 16, ["onClick"]))
-                          ])
-                        ]),
-                        _: 3
-                      }, 8, ["items"]),
-                      renderSlot(_ctx.$slots, "items-suffix")
-                    ]),
-                    _: 3
-                  }, 8, ["selected", "select-strategy", "onKeydown", "onScrollPassive"]),
-                  unref(slots)["list-suffix"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    renderSlot(_ctx.$slots, "list-suffix")
-                  ])) : createCommentVNode("", true)
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          }, 8, ["modelValue", "disabled"])
-        ]),
-        _: 2
-      }, [
-        props.label || unref(slots).label ? {
-          name: "label",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "label", {}, () => [
-              createTextVNode(toDisplayString(props.label), 1)
-            ])
-          ]),
-          key: "0"
-        } : void 0,
-        unref(slots).prefix ? {
-          name: "prefix",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "prefix")
-          ]),
-          key: "1"
-        } : void 0,
-        unref(slots).suffix ? {
-          name: "suffix",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "suffix")
-          ]),
-          key: "2"
-        } : void 0
-      ]), 1040, ["focused", "class", "model-value", "readonly", "placeholder", "validation-value"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvSelectProps as m
-};
-//# sourceMappingURL=EvSelect.vue_vue_type_script_setup_true_lang-7w3Yuk21.mjs.map