@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/chunk-3OCHBGPF.mjs

@@ -1,835 +0,0 @@
-import {
-  renderVueOverlayTeleport,
-  useVueAnchoredOverlay
-} from "./chunk-Q7Y22OFX.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/Cascader.ts
-import { defineComponent, computed, ref, h, watch, nextTick } from "vue";
-import {
-  classNames,
-  cascaderBaseClasses,
-  cascaderDropdownClasses,
-  cascaderColumnClasses,
-  cascaderSearchInputClasses,
-  cascaderEmptyStateClasses,
-  cascaderSearchResultClasses,
-  getCascaderTriggerClasses,
-  getCascaderOptionClasses,
-  getCascaderColumns,
-  getCascaderDisplayLabel,
-  flattenCascaderOptions,
-  filterCascaderOptions,
-  isCascaderOptionExpandable,
-  getCascaderVirtualItemHeight,
-  getCascaderVirtualRange,
-  getCascaderVirtualAlignScrollTop,
-  CASCADER_DEFAULT_LIST_HEIGHT,
-  getPickerComboboxAria,
-  getPickerListboxAria,
-  getPickerOptionAria,
-  getPickerTriggerKeyAction,
-  getPickerNavigationIndex,
-  getPickerOptionId,
-  findFirstEnabledIndex,
-  icon20ViewBox,
-  chevronDownSolidIcon20PathD,
-  closeSolidIcon20PathD,
-  coerceClassValue,
-  resolveLocaleText,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-var cascaderInstanceId = 0;
-var ChevronRightIcon = h(
-  "svg",
-  {
-    class: "w-4 h-4 text-[var(--tiger-text-muted,#9ca3af)]",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor"
-  },
-  [
-    h("path", {
-      "fill-rule": "evenodd",
-      d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
-      "clip-rule": "evenodd"
-    })
-  ]
-);
-var Cascader = defineComponent({
-  name: "TigerCascader",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: "Please select"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-    searchable: {
-      type: [Boolean, Object],
-      default: false
-    },
-    searchValue: {
-      type: String,
-      default: void 0
-    },
-    defaultSearchValue: {
-      type: String,
-      default: ""
-    },
-    expandTrigger: {
-      type: String,
-      default: "click"
-    },
-    changeOnSelect: {
-      type: Boolean,
-      default: false
-    },
-    separator: {
-      type: String,
-      default: " / "
-    },
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether to use virtual scrolling for column and search lists
-     */
-    virtual: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Height of each column panel (and searchable list) in pixels
-     * @default 256
-     */
-    listHeight: {
-      type: Number,
-      default: CASCADER_DEFAULT_LIST_HEIGHT
-    },
-    /**
-     * Locale overrides merged on top of ConfigProvider locale
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:modelValue", "update:searchValue", "change", "search-change"],
-  setup(props, { emit, attrs }) {
-    const instanceId = ++cascaderInstanceId;
-    const listboxId = `tiger-cascader-listbox-${instanceId}`;
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const isOpen = ref(false);
-    const uncontrolledSearchValue = ref(props.defaultSearchValue);
-    const searchQuery = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
-    const activePath = ref([]);
-    const triggerRef = ref(null);
-    const dropdownRef = ref(null);
-    const searchInputRef = ref(null);
-    const overlay = useVueAnchoredOverlay({
-      enabled: isOpen,
-      referenceRef: triggerRef,
-      floatingRef: dropdownRef,
-      placement: "bottom-start",
-      offset: 4,
-      layout: "fullscreen-sm",
-      matchReferenceWidth: true,
-      dismissOnOutside: true,
-      dismissOnEscape: true,
-      restoreFocusOnDismiss: true,
-      onDismiss: closeDropdown
-    });
-    const columnScrollTops = ref([]);
-    const columnScrollEls = ref([]);
-    const columnActiveIndices = ref([]);
-    const searchScrollTop = ref(0);
-    const searchScrollEl = ref(null);
-    const searchActiveIndex = ref(-1);
-    const focusedColumnIndex = ref(0);
-    const displayLabel = computed(() => {
-      if (!props.modelValue || props.modelValue.length === 0) return "";
-      return getCascaderDisplayLabel(props.options, props.modelValue, props.separator);
-    });
-    const columns = computed(() => {
-      return getCascaderColumns(props.options, activePath.value);
-    });
-    const isSearchMode = computed(() => {
-      return props.searchable && searchQuery.value.length > 0;
-    });
-    const flattenedOptions = computed(() => {
-      if (!props.searchable) return [];
-      return flattenCascaderOptions(props.options, [], [], props.changeOnSelect);
-    });
-    const searchResults = computed(() => {
-      if (!isSearchMode.value) return [];
-      return filterCascaderOptions(flattenedOptions.value, searchQuery.value, props.searchable);
-    });
-    const triggerClasses = computed(
-      () => classNames(
-        getCascaderTriggerClasses(props.size, props.disabled, isOpen.value),
-        coerceClassValue(attrs.class)
-      )
-    );
-    function selectedIndexInColumn(options, selectedValue) {
-      if (selectedValue === void 0) return -1;
-      return options.findIndex((option) => option.value === selectedValue);
-    }
-    function alignVirtualScroll(el, index, setScrollTop) {
-      if (!props.virtual || !el || index < 0) return;
-      const itemH = getCascaderVirtualItemHeight(props.size);
-      const next = getCascaderVirtualAlignScrollTop(el.scrollTop, index, itemH, props.listHeight);
-      if (el.scrollTop !== next) el.scrollTop = next;
-      setScrollTop(next);
-    }
-    watch(isOpen, (open) => {
-      if (open) {
-        columnScrollTops.value = [];
-        columnScrollEls.value = [];
-        columnActiveIndices.value = [];
-        searchScrollTop.value = 0;
-        searchActiveIndex.value = -1;
-        focusedColumnIndex.value = 0;
-        activePath.value = props.modelValue ? [...props.modelValue] : [];
-        updateSearchValue("");
-      }
-    });
-    watch(
-      [isOpen, columns],
-      () => {
-        if (!isOpen.value) return;
-        const cols = columns.value;
-        columnActiveIndices.value = cols.map((col, i) => {
-          const prev = columnActiveIndices.value[i];
-          if (prev !== void 0 && prev >= 0 && prev < col.options.length && !col.options[prev]?.disabled) {
-            return prev;
-          }
-          return selectedIndexInColumn(col.options, col.selectedValue);
-        });
-        if (focusedColumnIndex.value > cols.length - 1) {
-          focusedColumnIndex.value = Math.max(0, cols.length - 1);
-        }
-        if (!props.virtual) return;
-        const itemH = getCascaderVirtualItemHeight(props.size);
-        columnScrollTops.value = cols.map((col, i) => {
-          const stored = columnScrollTops.value[i];
-          if (stored !== void 0) return stored;
-          return getCascaderVirtualAlignScrollTop(
-            0,
-            columnActiveIndices.value[i] ?? -1,
-            itemH,
-            props.listHeight
-          );
-        });
-      },
-      { immediate: true }
-    );
-    watch(
-      columnActiveIndices,
-      (indices) => {
-        if (!props.virtual) return;
-        nextTick(() => {
-          indices.forEach((idx, colIndex) => {
-            alignVirtualScroll(columnScrollEls.value[colIndex] ?? null, idx, (top) => {
-              columnScrollTops.value[colIndex] = top;
-            });
-          });
-        });
-      },
-      { deep: true }
-    );
-    watch(searchActiveIndex, (idx) => {
-      if (!props.virtual) return;
-      nextTick(() => {
-        alignVirtualScroll(searchScrollEl.value, idx, (top) => {
-          searchScrollTop.value = top;
-        });
-      });
-    });
-    watch(searchQuery, () => {
-      searchScrollTop.value = 0;
-      searchActiveIndex.value = -1;
-    });
-    function updateSearchValue(value) {
-      if (props.searchValue === void 0) {
-        uncontrolledSearchValue.value = value;
-      }
-      emit("update:searchValue", value);
-      emit("search-change", value);
-    }
-    function toggleOpen() {
-      if (props.disabled) return;
-      isOpen.value = !isOpen.value;
-    }
-    function closeDropdown() {
-      isOpen.value = false;
-    }
-    function isOptionDisabled(option) {
-      return !!option.disabled;
-    }
-    function getColumnOptionDomId(colIndex, optionIndex) {
-      return `${listboxId}-col${colIndex}-opt${optionIndex}`;
-    }
-    function getCurrentColumnIndex() {
-      const last = columns.value.length - 1;
-      if (last < 0) return 0;
-      const focused = focusedColumnIndex.value;
-      if (focused >= 0 && focused <= last) return focused;
-      return last;
-    }
-    function setColumnActiveIndex(colIndex, index) {
-      const next = columnActiveIndices.value.slice();
-      next[colIndex] = index;
-      columnActiveIndices.value = next;
-    }
-    function activateColumnOption(colIndex, index) {
-      setColumnActiveIndex(colIndex, index);
-      focusedColumnIndex.value = colIndex;
-    }
-    function resolveColumnActiveIndex(colIndex) {
-      const col = columns.value[colIndex];
-      if (!col) return -1;
-      const current = columnActiveIndices.value[colIndex];
-      if (current !== void 0 && current >= 0 && current < col.options.length && !col.options[current].disabled) {
-        return current;
-      }
-      const selected = selectedIndexInColumn(col.options, col.selectedValue);
-      if (selected >= 0 && !col.options[selected]?.disabled) return selected;
-      return findFirstEnabledIndex(col.options, isOptionDisabled);
-    }
-    function handleOptionClick(option, level) {
-      if (option.disabled) return;
-      const optionIndex = columns.value[level]?.options.findIndex(
-        (item) => item.value === option.value
-      );
-      const newPath = activePath.value.slice(0, level);
-      newPath.push(option.value);
-      activePath.value = newPath;
-      if (optionIndex !== void 0 && optionIndex >= 0) {
-        activateColumnOption(level, optionIndex);
-      }
-      const hasChildren = isCascaderOptionExpandable(option);
-      if (!hasChildren) {
-        emit("update:modelValue", newPath);
-        emit("change", newPath);
-        closeDropdown();
-      } else if (props.changeOnSelect) {
-        emit("update:modelValue", newPath);
-        emit("change", newPath);
-      }
-    }
-    function handleOptionHover(option, level) {
-      const optionIndex = columns.value[level]?.options.findIndex(
-        (item) => item.value === option.value
-      );
-      if (optionIndex !== void 0 && optionIndex >= 0 && !option.disabled) {
-        activateColumnOption(level, optionIndex);
-      }
-      if (props.expandTrigger !== "hover" || option.disabled) return;
-      const newPath = activePath.value.slice(0, level);
-      newPath.push(option.value);
-      activePath.value = newPath;
-    }
-    function handleSearchResultClick(valuePath, disabled) {
-      if (disabled) return;
-      emit("update:modelValue", valuePath);
-      emit("change", valuePath);
-      closeDropdown();
-    }
-    function handleClear(e) {
-      e.stopPropagation();
-      emit("update:modelValue", []);
-      emit("change", []);
-    }
-    function handleSearchInput(e) {
-      updateSearchValue(e.target.value);
-    }
-    function handleVirtualListKeyDown(e, items, current, setIndex) {
-      if (e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Home" && e.key !== "End") {
-        return;
-      }
-      e.preventDefault();
-      e.stopPropagation();
-      setIndex(getPickerNavigationIndex(items, current, e.key));
-    }
-    function renderVirtualWindow(itemCount, scrollTop, onScrollTop, setScrollEl, renderItem, extraAttrs, onKeyDown) {
-      const itemH = getCascaderVirtualItemHeight(props.size);
-      const { startIndex, endIndex, totalHeight } = getCascaderVirtualRange(
-        scrollTop,
-        props.listHeight,
-        itemCount,
-        itemH
-      );
-      const fromIndex = itemCount <= 0 ? 0 : Math.min(startIndex, endIndex, itemCount - 1);
-      const toIndex = itemCount <= 0 ? -1 : Math.min(endIndex, itemCount - 1);
-      const visible = [];
-      if (fromIndex <= toIndex) {
-        for (let i = fromIndex; i <= toIndex; i++) {
-          const node = renderItem(i);
-          if (node) visible.push(node);
-        }
-      }
-      return h(
-        "div",
-        {
-          ...extraAttrs,
-          ref: ((el) => {
-            setScrollEl(el);
-          }),
-          "data-tiger-cascader-virtual": "",
-          tabindex: 0,
-          style: { maxHeight: `${props.listHeight}px`, overflowY: "auto" },
-          onScroll: (e) => {
-            onScrollTop(e.target.scrollTop);
-          },
-          onKeydown: onKeyDown
-        },
-        [
-          h("div", { style: { height: `${totalHeight}px`, position: "relative" } }, [
-            h("div", { style: { transform: `translateY(${fromIndex * itemH}px)` } }, visible)
-          ])
-        ]
-      );
-    }
-    function commitActiveOption() {
-      if (isSearchMode.value) {
-        const item = searchResults.value[searchActiveIndex.value];
-        if (!item || item.disabled) return;
-        handleSearchResultClick(item.valuePath, item.disabled);
-        return;
-      }
-      const colIndex = getCurrentColumnIndex();
-      const col = columns.value[colIndex];
-      const idx = columnActiveIndices.value[colIndex] ?? -1;
-      const option = col?.options[idx];
-      if (!option || option.disabled) return;
-      handleOptionClick(option, colIndex);
-      if (isCascaderOptionExpandable(option)) {
-        nextTick(() => {
-          const nextCol = colIndex + 1;
-          if (!columns.value[nextCol]) return;
-          activateColumnOption(nextCol, resolveColumnActiveIndex(nextCol));
-        });
-      }
-    }
-    function handleOpenListKeyDown(e, fromSearchInput = false) {
-      const key = e.key;
-      if (fromSearchInput && key === " ") return false;
-      if (isSearchMode.value) {
-        if (key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End") {
-          e.preventDefault();
-          e.stopPropagation();
-          searchActiveIndex.value = getPickerNavigationIndex(
-            searchResults.value,
-            searchActiveIndex.value,
-            key,
-            (item) => !!item.disabled
-          );
-          return true;
-        }
-        if (key === "Enter" || key === " ") {
-          e.preventDefault();
-          e.stopPropagation();
-          commitActiveOption();
-          return true;
-        }
-        return false;
-      }
-      const colIndex = getCurrentColumnIndex();
-      const col = columns.value[colIndex];
-      if (!col) return false;
-      if (key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End") {
-        e.preventDefault();
-        e.stopPropagation();
-        const current = columnActiveIndices.value[colIndex] ?? -1;
-        const next = getPickerNavigationIndex(col.options, current, key, isOptionDisabled);
-        activateColumnOption(colIndex, next);
-        return true;
-      }
-      if (key === "ArrowRight") {
-        e.preventDefault();
-        e.stopPropagation();
-        const idx = columnActiveIndices.value[colIndex] ?? -1;
-        const option = col.options[idx];
-        if (option && !option.disabled && isCascaderOptionExpandable(option)) {
-          handleOptionClick(option, colIndex);
-          nextTick(() => {
-            const nextCol = colIndex + 1;
-            if (!columns.value[nextCol]) return;
-            activateColumnOption(nextCol, resolveColumnActiveIndex(nextCol));
-          });
-        }
-        return true;
-      }
-      if (key === "ArrowLeft") {
-        e.preventDefault();
-        e.stopPropagation();
-        if (activePath.value.length > 0) {
-          activePath.value = activePath.value.slice(0, -1);
-          nextTick(() => {
-            focusedColumnIndex.value = Math.max(0, Math.min(colIndex - 1, columns.value.length - 1));
-          });
-        }
-        return true;
-      }
-      if (key === "Enter" || key === " ") {
-        e.preventDefault();
-        e.stopPropagation();
-        commitActiveOption();
-        return true;
-      }
-      return false;
-    }
-    function handleTriggerKeyDown(e) {
-      if (props.disabled) return;
-      if (isOpen.value && handleOpenListKeyDown(e)) return;
-      const action = getPickerTriggerKeyAction(e.key, isOpen.value);
-      if (action === "none") return;
-      e.preventDefault();
-      if (action === "toggle") {
-        toggleOpen();
-      } else if (action === "open") {
-        isOpen.value = true;
-      } else if (action === "close") {
-        closeDropdown();
-      }
-    }
-    function handleDropdownKeyDown(e) {
-      if (e.target instanceof HTMLInputElement) return;
-      if (!isOpen.value) return;
-      handleOpenListKeyDown(e);
-    }
-    function handleSearchKeyDown(e) {
-      switch (e.key) {
-        case " ":
-          e.stopPropagation();
-          return;
-        case "ArrowDown":
-        case "ArrowUp":
-        case "Enter":
-          handleOpenListKeyDown(e, true);
-          return;
-        case "Escape":
-          e.preventDefault();
-          e.stopPropagation();
-          closeDropdown();
-          nextTick(() => {
-            ;
-            triggerRef.value?.focus();
-          });
-          return;
-        default:
-          return;
-      }
-    }
-    return () => {
-      const hasValue = props.modelValue && props.modelValue.length > 0;
-      const showClear = props.clearable && hasValue && !props.disabled;
-      const currentCol = getCurrentColumnIndex();
-      const currentOpt = columnActiveIndices.value[currentCol] ?? -1;
-      const activeOptionId = !isOpen.value ? void 0 : isSearchMode.value ? searchActiveIndex.value >= 0 ? getPickerOptionId(listboxId, searchActiveIndex.value) : void 0 : currentOpt >= 0 ? getColumnOptionDomId(currentCol, currentOpt) : void 0;
-      const chevronIcon = h(
-        "span",
-        {
-          class: classNames("inline-flex", isOpen.value && "rotate-180"),
-          "aria-hidden": "true"
-        },
-        [
-          h(
-            "svg",
-            {
-              class: "w-5 h-5 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: icon20ViewBox,
-              fill: "currentColor"
-            },
-            [
-              h("path", {
-                "fill-rule": "evenodd",
-                d: chevronDownSolidIcon20PathD,
-                "clip-rule": "evenodd"
-              })
-            ]
-          )
-        ]
-      );
-      const clearButton = showClear ? h(
-        "button",
-        {
-          type: "button",
-          class: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-cascader-ring,var(--tiger-primary,#2563eb))]",
-          "data-tiger-cascader-clear": "",
-          "aria-label": resolveLocaleText(
-            "Clear selection",
-            mergedLocale.value?.common?.clearText
-          ),
-          onClick: handleClear
-        },
-        [
-          h(
-            "svg",
-            {
-              class: "w-4 h-4 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-cascader-icon-hover,var(--tiger-text-muted,#6b7280))]",
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: icon20ViewBox,
-              fill: "currentColor"
-            },
-            [
-              h("path", {
-                "fill-rule": "evenodd",
-                d: closeSolidIcon20PathD,
-                "clip-rule": "evenodd"
-              })
-            ]
-          )
-        ]
-      ) : null;
-      const trigger = h(
-        "button",
-        {
-          ref: triggerRef,
-          type: "button",
-          class: classNames(triggerClasses.value, showClear ? "pr-14" : "pr-9"),
-          disabled: props.disabled,
-          ...getPickerComboboxAria({
-            expanded: isOpen.value,
-            listboxId,
-            activeOptionId
-          }),
-          onClick: toggleOpen,
-          onKeydown: handleTriggerKeyDown
-        },
-        [
-          h(
-            "span",
-            {
-              class: classNames(
-                "flex-1 text-left truncate",
-                !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
-              )
-            },
-            hasValue ? displayLabel.value : props.placeholder
-          )
-        ]
-      );
-      const iconRow = h(
-        "span",
-        { class: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1" },
-        [clearButton, chevronIcon]
-      );
-      let dropdownContent = null;
-      if (isOpen.value) {
-        const children = [];
-        if (props.searchable) {
-          children.push(
-            h("input", {
-              ref: searchInputRef,
-              type: "text",
-              class: cascaderSearchInputClasses,
-              placeholder: resolveLocaleText(
-                "Search...",
-                mergedLocale.value?.common?.searchPlaceholder
-              ),
-              value: searchQuery.value,
-              onInput: handleSearchInput,
-              onKeydown: handleSearchKeyDown,
-              "aria-label": resolveLocaleText(
-                "Search options",
-                mergedLocale.value?.common?.searchPlaceholder
-              )
-            })
-          );
-        }
-        if (isSearchMode.value) {
-          if (searchResults.value.length === 0) {
-            children.push(
-              h(
-                "div",
-                { class: cascaderEmptyStateClasses },
-                resolveLocaleText(
-                  "No results found",
-                  props.emptyText,
-                  mergedLocale.value?.common?.emptyText
-                )
-              )
-            );
-          } else {
-            const renderSearchItem = (item, index) => {
-              const isActive = searchActiveIndex.value === index;
-              return h(
-                "div",
-                {
-                  key: item.valuePath.join(","),
-                  id: getPickerOptionId(listboxId, index),
-                  "data-option-index": index,
-                  "data-active": isActive || void 0,
-                  class: classNames(
-                    cascaderSearchResultClasses,
-                    isActive && "bg-[var(--tiger-cascader-option-bg-selected,var(--tiger-outline-bg-hover,#eff6ff))]",
-                    item.disabled && "opacity-50 cursor-not-allowed"
-                  ),
-                  ...getPickerOptionAria({
-                    selected: props.modelValue?.join(",") === item.valuePath.join(","),
-                    disabled: item.disabled
-                  }),
-                  onMouseenter: () => {
-                    if (!item.disabled) searchActiveIndex.value = index;
-                  },
-                  onClick: () => handleSearchResultClick(item.valuePath, item.disabled)
-                },
-                typeof props.searchable === "object" && props.searchable.render ? props.searchable.render(searchQuery.value, item.path) : item.label
-              );
-            };
-            const searchList = props.virtual ? renderVirtualWindow(
-              searchResults.value.length,
-              searchScrollTop.value,
-              (top) => {
-                searchScrollTop.value = top;
-              },
-              (el) => {
-                searchScrollEl.value = el;
-              },
-              (index) => renderSearchItem(searchResults.value[index], index),
-              {
-                ...getPickerListboxAria({ id: listboxId })
-              },
-              (e) => handleVirtualListKeyDown(
-                e,
-                searchResults.value,
-                searchActiveIndex.value,
-                (index) => {
-                  searchActiveIndex.value = index;
-                }
-              )
-            ) : h(
-              "div",
-              { class: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }) },
-              searchResults.value.map((item, index) => renderSearchItem(item, index))
-            );
-            children.push(searchList);
-          }
-        } else {
-          const renderColumnOption = (option, col, colIndex, optionIndex) => {
-            const isSelected = col.selectedValue === option.value;
-            const isActive = (columnActiveIndices.value[colIndex] ?? -1) === optionIndex;
-            const hasChildren = isCascaderOptionExpandable(option);
-            return h(
-              "div",
-              {
-                key: option.value,
-                id: getColumnOptionDomId(colIndex, optionIndex),
-                "data-option-index": optionIndex,
-                "data-active": isActive || void 0,
-                class: getCascaderOptionClasses(
-                  isSelected || isActive,
-                  !!option.disabled,
-                  props.size
-                ),
-                ...getPickerOptionAria({ selected: isSelected, disabled: !!option.disabled }),
-                onClick: () => handleOptionClick(option, colIndex),
-                onMouseenter: () => handleOptionHover(option, colIndex)
-              },
-              [
-                h("span", { class: "flex-1 truncate" }, option.label),
-                hasChildren ? ChevronRightIcon : null
-              ]
-            );
-          };
-          const columnElements = columns.value.map((col, colIndex) => {
-            const listboxAttrs = getPickerListboxAria({
-              id: colIndex === 0 ? listboxId : void 0,
-              label: `Level ${colIndex + 1}`
-            });
-            if (props.virtual) {
-              return renderVirtualWindow(
-                col.options.length,
-                columnScrollTops.value[colIndex] ?? 0,
-                (top) => {
-                  columnScrollTops.value[colIndex] = top;
-                },
-                (el) => {
-                  const next = columnScrollEls.value.slice();
-                  next[colIndex] = el;
-                  columnScrollEls.value = next;
-                },
-                (index) => renderColumnOption(col.options[index], col, colIndex, index),
-                {
-                  class: cascaderColumnClasses,
-                  ...listboxAttrs
-                },
-                (e) => handleVirtualListKeyDown(
-                  e,
-                  col.options,
-                  columnActiveIndices.value[colIndex] ?? -1,
-                  (index) => setColumnActiveIndex(colIndex, index)
-                )
-              );
-            }
-            return h(
-              "div",
-              {
-                class: cascaderColumnClasses,
-                ...listboxAttrs
-              },
-              col.options.map(
-                (option, optionIndex) => renderColumnOption(option, col, colIndex, optionIndex)
-              )
-            );
-          });
-          children.push(h("div", { class: "flex" }, columnElements));
-        }
-        dropdownContent = h(
-          "div",
-          {
-            ref: dropdownRef,
-            class: classNames(
-              cascaderDropdownClasses,
-              isSearchMode.value && "flex-col",
-              overlay.floatingClasses.value
-            ),
-            style: overlay.floatingStyles.value,
-            "data-positioned": overlay.positioned.value,
-            onKeydown: handleDropdownKeyDown
-          },
-          children
-        );
-      }
-      return h(
-        "div",
-        {
-          class: cascaderBaseClasses,
-          "data-testid": "cascader"
-        },
-        [trigger, iconRow, renderVueOverlayTeleport(dropdownContent, overlay.target.value)]
-      );
-    };
-  }
-});
-var Cascader_default = Cascader;
-
-export {
-  Cascader,
-  Cascader_default
-};