reka-ui 2.3.1 → 2.4.0

package/dist/Listbox/ListboxVirtualizer.js

@@ -1,218 +1,217 @@
-import { defineComponent, useSlots, computed, Fragment, cloneVNode, createElementBlock, openBlock, normalizeStyle, unref, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import { useVirtualizer } from '@tanstack/vue-virtual';
-import { useParentElement } from '@vueuse/core';
-import { refAutoReset } from '@vueuse/shared';
-import { u as useCollection } from '../Collection/Collection.js';
-import { M as MAP_KEY_TO_FOCUS_INTENT } from '../RovingFocus/utils.js';
-import { g as getNextMatch } from '../shared/useTypeahead.js';
-import { c as compare, q as queryCheckedElement } from './utils.js';
-import { g as getActiveElement } from '../shared/getActiveElement.js';
-import { i as injectListboxRootContext } from './ListboxRoot.js';
-import { f as findValuesBetween } from '../shared/arrays.js';
+import { findValuesBetween } from "../shared/arrays.js";
+import { getActiveElement } from "../shared/getActiveElement.js";
+import { getNextMatch } from "../shared/useTypeahead.js";
+import { useCollection } from "../Collection/Collection.js";
+import { MAP_KEY_TO_FOCUS_INTENT } from "../RovingFocus/utils.js";
+import { compare, queryCheckedElement } from "./utils.js";
+import { injectListboxRootContext } from "./ListboxRoot.js";
+import { Fragment, cloneVNode, computed, createBlock, createElementBlock, defineComponent, normalizeStyle, openBlock, renderList, resolveDynamicComponent, unref, useSlots } from "vue";
+import { useParentElement } from "@vueuse/core";
+import { refAutoReset as refAutoReset$1 } from "@vueuse/shared";
+import { useVirtualizer } from "@tanstack/vue-virtual";
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ListboxVirtualizer",
-  props: {
-    options: {},
-    overscan: {},
-    estimateSize: {},
-    textContent: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const rootContext = injectListboxRootContext();
-    const parentEl = useParentElement();
-    const { getItems } = useCollection();
-    rootContext.isVirtual.value = true;
-    const padding = computed(() => {
-      const el = parentEl.value;
-      if (!el) {
-        return { start: 0, end: 0 };
-      } else {
-        const styles = window.getComputedStyle(el);
-        return {
-          start: Number.parseFloat(styles.paddingBlockStart || styles.paddingTop),
-          end: Number.parseFloat(styles.paddingBlockEnd || styles.paddingBottom)
-        };
-      }
-    });
-    const virtualizer = useVirtualizer(
-      {
-        get scrollPaddingStart() {
-          return padding.value.start;
-        },
-        get scrollPaddingEnd() {
-          return padding.value.end;
-        },
-        get count() {
-          return props.options.length;
-        },
-        get horizontal() {
-          return rootContext.orientation.value === "horizontal";
-        },
-        estimateSize() {
-          return props.estimateSize ?? 28;
-        },
-        getScrollElement() {
-          return parentEl.value;
-        },
-        overscan: props.overscan ?? 12
-      }
-    );
-    const virtualizedItems = computed(() => virtualizer.value.getVirtualItems().map((item) => {
-      const defaultNode = slots.default({
-        option: props.options[item.index],
-        virtualizer: virtualizer.value,
-        virtualItem: item
-      })[0];
-      const targetNode = defaultNode.type === Fragment && Array.isArray(defaultNode.children) ? defaultNode.children[0] : defaultNode;
-      return {
-        item,
-        is: cloneVNode(targetNode, {
-          "key": `${item.key}`,
-          "data-index": item.index,
-          "aria-setsize": props.options.length,
-          "aria-posinset": item.index + 1,
-          "style": {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            transform: `translateY(${item.start}px)`,
-            overflowAnchor: "none"
-          }
-        })
-      };
-    }));
-    rootContext.virtualFocusHook.on((event) => {
-      const index = props.options.findIndex((option) => {
-        if (Array.isArray(rootContext.modelValue.value))
-          return compare(option, rootContext.modelValue.value[0], rootContext.by);
-        else
-          return compare(option, rootContext.modelValue.value, rootContext.by);
-      });
-      if (index !== -1) {
-        event?.preventDefault();
-        virtualizer.value.scrollToIndex(index, { align: "start" });
-        requestAnimationFrame(() => {
-          const item = queryCheckedElement(parentEl.value);
-          if (item) {
-            rootContext.changeHighlight(item);
-            if (event)
-              item?.focus();
-          }
-        });
-      } else {
-        rootContext.highlightFirstItem(event);
-      }
-    });
-    rootContext.virtualHighlightHook.on((value) => {
-      const index = props.options.findIndex((option) => {
-        return compare(option, value, rootContext.by);
-      });
-      virtualizer.value.scrollToIndex(index, { align: "start" });
-      requestAnimationFrame(() => {
-        const item = queryCheckedElement(parentEl.value);
-        if (item)
-          rootContext.changeHighlight(item);
-      });
-    });
-    const search = refAutoReset("", 1e3);
-    const optionsWithMetadata = computed(() => {
-      const parseTextContent = (option) => {
-        if (props.textContent)
-          return props.textContent(option);
-        else
-          return option?.toString().toLowerCase();
-      };
-      return props.options.map((option, index) => ({
-        index,
-        textContent: parseTextContent(option)
-      }));
-    });
-    function handleMultipleReplace(event, intent) {
-      if (!rootContext.firstValue?.value || !rootContext.multiple.value || !Array.isArray(rootContext.modelValue.value))
-        return;
-      const collection = getItems().filter((i) => i.ref.dataset.disabled !== "");
-      const lastValue = collection.find((i) => i.ref === rootContext.highlightedElement.value)?.value;
-      if (!lastValue)
-        return;
-      let value = null;
-      switch (intent) {
-        case "prev":
-        case "next": {
-          value = findValuesBetween(props.options, rootContext.firstValue.value, lastValue);
-          break;
-        }
-        case "first": {
-          value = findValuesBetween(props.options, rootContext.firstValue.value, props.options?.[0]);
-          break;
-        }
-        case "last": {
-          value = findValuesBetween(props.options, rootContext.firstValue.value, props.options?.[props.options.length - 1]);
-          break;
-        }
-      }
-      rootContext.modelValue.value = value;
-    }
-    rootContext.virtualKeydownHook.on((event) => {
-      const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
-      const isTabKey = event.key === "Tab" && !isMetaKey;
-      if (isTabKey)
-        return;
-      let intent = MAP_KEY_TO_FOCUS_INTENT[event.key];
-      if (isMetaKey && event.key === "a" && rootContext.multiple.value) {
-        event.preventDefault();
-        rootContext.modelValue.value = [...props.options];
-        intent = "last";
-      } else if (event.shiftKey && intent) {
-        handleMultipleReplace(event, intent);
-      }
-      if (["first", "last"].includes(intent)) {
-        event.preventDefault();
-        const index = intent === "first" ? 0 : props.options.length - 1;
-        virtualizer.value.scrollToIndex(index);
-        requestAnimationFrame(() => {
-          const items = getItems();
-          const item = intent === "first" ? items[0] : items[items.length - 1];
-          if (item)
-            rootContext.changeHighlight(item.ref);
-        });
-      } else if (!intent && !isMetaKey) {
-        search.value += event.key;
-        const currentIndex = Number(getActiveElement()?.getAttribute("data-index"));
-        const currentMatch = optionsWithMetadata.value[currentIndex].textContent;
-        const filteredOptions = optionsWithMetadata.value.map((i) => i.textContent ?? "");
-        const next = getNextMatch(filteredOptions, search.value, currentMatch);
-        const nextMatch = optionsWithMetadata.value.find((option) => option.textContent === next);
-        if (nextMatch) {
-          virtualizer.value.scrollToIndex(nextMatch.index, { align: "start" });
-          requestAnimationFrame(() => {
-            const item = parentEl.value.querySelector(`[data-index="${nextMatch.index}"]`);
-            if (item instanceof HTMLElement)
-              rootContext.changeHighlight(item);
-          });
-        }
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-reka-virtualizer": "",
-        style: normalizeStyle({
-          position: "relative",
-          width: "100%",
-          height: `${unref(virtualizer).getTotalSize()}px`
-        })
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(virtualizedItems.value, ({ is, item }) => {
-          return openBlock(), createBlock(resolveDynamicComponent(is), {
-            key: item.index
-          });
-        }), 128))
-      ], 4);
-    };
-  }
+//#region src/Listbox/ListboxVirtualizer.vue?vue&type=script&setup=true&lang.ts
+var ListboxVirtualizer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListboxVirtualizer",
+	props: {
+		options: {
+			type: Array,
+			required: true
+		},
+		overscan: {
+			type: Number,
+			required: false
+		},
+		estimateSize: {
+			type: Number,
+			required: false
+		},
+		textContent: {
+			type: Function,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const rootContext = injectListboxRootContext();
+		const parentEl = useParentElement();
+		const { getItems } = useCollection();
+		rootContext.isVirtual.value = true;
+		const padding = computed(() => {
+			const el = parentEl.value;
+			if (!el) return {
+				start: 0,
+				end: 0
+			};
+			else {
+				const styles = window.getComputedStyle(el);
+				return {
+					start: Number.parseFloat(styles.paddingBlockStart || styles.paddingTop),
+					end: Number.parseFloat(styles.paddingBlockEnd || styles.paddingBottom)
+				};
+			}
+		});
+		const virtualizer = useVirtualizer({
+			get scrollPaddingStart() {
+				return padding.value.start;
+			},
+			get scrollPaddingEnd() {
+				return padding.value.end;
+			},
+			get count() {
+				return props.options.length;
+			},
+			get horizontal() {
+				return rootContext.orientation.value === "horizontal";
+			},
+			estimateSize() {
+				return props.estimateSize ?? 28;
+			},
+			getScrollElement() {
+				return parentEl.value;
+			},
+			overscan: props.overscan ?? 12
+		});
+		const virtualizedItems = computed(() => virtualizer.value.getVirtualItems().map((item) => {
+			const defaultNode = slots.default({
+				option: props.options[item.index],
+				virtualizer: virtualizer.value,
+				virtualItem: item
+			})[0];
+			const targetNode = defaultNode.type === Fragment && Array.isArray(defaultNode.children) ? defaultNode.children[0] : defaultNode;
+			return {
+				item,
+				is: cloneVNode(targetNode, {
+					"key": `${item.key}`,
+					"data-index": item.index,
+					"aria-setsize": props.options.length,
+					"aria-posinset": item.index + 1,
+					"style": {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						transform: `translateY(${item.start}px)`,
+						overflowAnchor: "none"
+					}
+				})
+			};
+		}));
+		rootContext.virtualFocusHook.on((event) => {
+			const index = props.options.findIndex((option) => {
+				if (Array.isArray(rootContext.modelValue.value)) return compare(option, rootContext.modelValue.value[0], rootContext.by);
+				else return compare(option, rootContext.modelValue.value, rootContext.by);
+			});
+			if (index !== -1) {
+				event?.preventDefault();
+				virtualizer.value.scrollToIndex(index, { align: "start" });
+				requestAnimationFrame(() => {
+					const item = queryCheckedElement(parentEl.value);
+					if (item) {
+						rootContext.changeHighlight(item);
+						if (event) item?.focus();
+					}
+				});
+			} else rootContext.highlightFirstItem();
+		});
+		rootContext.virtualHighlightHook.on((value) => {
+			const index = props.options.findIndex((option) => {
+				return compare(option, value, rootContext.by);
+			});
+			virtualizer.value.scrollToIndex(index, { align: "start" });
+			requestAnimationFrame(() => {
+				const item = queryCheckedElement(parentEl.value);
+				if (item) rootContext.changeHighlight(item);
+			});
+		});
+		const search = refAutoReset$1("", 1e3);
+		const optionsWithMetadata = computed(() => {
+			const parseTextContent = (option) => {
+				if (props.textContent) return props.textContent(option);
+				else return option?.toString().toLowerCase();
+			};
+			return props.options.map((option, index) => ({
+				index,
+				textContent: parseTextContent(option)
+			}));
+		});
+		function handleMultipleReplace(event, intent) {
+			if (!rootContext.firstValue?.value || !rootContext.multiple.value || !Array.isArray(rootContext.modelValue.value)) return;
+			const collection = getItems().filter((i) => i.ref.dataset.disabled !== "");
+			const lastValue = collection.find((i) => i.ref === rootContext.highlightedElement.value)?.value;
+			if (!lastValue) return;
+			let value = null;
+			switch (intent) {
+				case "prev":
+				case "next": {
+					value = findValuesBetween(props.options, rootContext.firstValue.value, lastValue);
+					break;
+				}
+				case "first": {
+					value = findValuesBetween(props.options, rootContext.firstValue.value, props.options?.[0]);
+					break;
+				}
+				case "last": {
+					value = findValuesBetween(props.options, rootContext.firstValue.value, props.options?.[props.options.length - 1]);
+					break;
+				}
+			}
+			rootContext.modelValue.value = value;
+		}
+		rootContext.virtualKeydownHook.on((event) => {
+			const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+			const isTabKey = event.key === "Tab" && !isMetaKey;
+			if (isTabKey) return;
+			let intent = MAP_KEY_TO_FOCUS_INTENT[event.key];
+			if (isMetaKey && event.key === "a" && rootContext.multiple.value) {
+				event.preventDefault();
+				rootContext.modelValue.value = [...props.options];
+				intent = "last";
+			} else if (event.shiftKey && intent) handleMultipleReplace(event, intent);
+			if (["first", "last"].includes(intent)) {
+				event.preventDefault();
+				const index = intent === "first" ? 0 : props.options.length - 1;
+				virtualizer.value.scrollToIndex(index);
+				requestAnimationFrame(() => {
+					const items = getItems();
+					const item = intent === "first" ? items[0] : items[items.length - 1];
+					if (item) rootContext.changeHighlight(item.ref);
+				});
+			} else if (!intent && !isMetaKey) {
+				search.value += event.key;
+				const currentIndex = Number(getActiveElement()?.getAttribute("data-index"));
+				const currentMatch = optionsWithMetadata.value[currentIndex].textContent;
+				const filteredOptions = optionsWithMetadata.value.map((i) => i.textContent ?? "");
+				const next = getNextMatch(filteredOptions, search.value, currentMatch);
+				const nextMatch = optionsWithMetadata.value.find((option) => option.textContent === next);
+				if (nextMatch) {
+					virtualizer.value.scrollToIndex(nextMatch.index, { align: "start" });
+					requestAnimationFrame(() => {
+						const item = parentEl.value.querySelector(`[data-index="${nextMatch.index}"]`);
+						if (item instanceof HTMLElement) rootContext.changeHighlight(item);
+					});
+				}
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-reka-virtualizer": "",
+				style: normalizeStyle({
+					position: "relative",
+					width: "100%",
+					height: `${unref(virtualizer).getTotalSize()}px`
+				})
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(virtualizedItems.value, ({ is, item }) => {
+				return openBlock(), createBlock(resolveDynamicComponent(is), { key: item.index });
+			}), 128))], 4);
+		};
+	}
 });
 
-export { _sfc_main as _ };
-//# sourceMappingURL=ListboxVirtualizer.js.map
+//#endregion
+//#region src/Listbox/ListboxVirtualizer.vue
+var ListboxVirtualizer_default = ListboxVirtualizer_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { ListboxVirtualizer_default };
+//# sourceMappingURL=ListboxVirtualizer.js.map

package/dist/Listbox/ListboxVirtualizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListboxVirtualizer.js","sources":["../../src/Listbox/ListboxVirtualizer.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ListboxVirtualizerProps<T extends AcceptableValue = AcceptableValue> {\n  /** List of items */\n  options: T[]\n  /** Number of items rendered outside the visible area */\n  overscan?: number\n  /** Estimated size (in px) of each item */\n  estimateSize?: number\n  /** Text content for each item to achieve type-ahead feature */\n  textContent?: (option: T) => string\n}\n</script>\n\n<script setup lang=\"ts\" generic=\"T extends AcceptableValue = AcceptableValue\">\nimport type { VirtualItem, Virtualizer } from '@tanstack/vue-virtual'\nimport type { Ref, VNode } from 'vue'\nimport type { AcceptableValue } from '@/shared/types'\nimport { useVirtualizer } from '@tanstack/vue-virtual'\nimport { useParentElement } from '@vueuse/core'\nimport { refAutoReset } from '@vueuse/shared'\nimport { cloneVNode, computed, Fragment, useSlots } from 'vue'\nimport { useCollection } from '@/Collection'\nimport { MAP_KEY_TO_FOCUS_INTENT } from '@/RovingFocus/utils'\nimport { findValuesBetween, getActiveElement } from '@/shared'\nimport { getNextMatch } from '@/shared/useTypeahead'\nimport { injectListboxRootContext } from './ListboxRoot.vue'\nimport { compare, queryCheckedElement } from './utils'\n\nconst props = defineProps<ListboxVirtualizerProps<T>>()\n\ndefineSlots<{\n  default?: (props: {\n    option: T\n    virtualizer: Virtualizer<HTMLElement, Element>\n    virtualItem: VirtualItem\n  }) => any\n}>()\n\nconst slots = useSlots()\nconst rootContext = injectListboxRootContext()\nconst parentEl = useParentElement() as Ref<HTMLElement>\nconst { getItems } = useCollection<{ value: T }>()\n\n// set virtual true when this component mounted\nrootContext.isVirtual.value = true\n\nconst padding = computed(() => {\n  const el = parentEl.value\n  if (!el) {\n    return { start: 0, end: 0 }\n  }\n  else {\n    const styles = window.getComputedStyle(el)\n    return {\n      start: Number.parseFloat(styles.paddingBlockStart || styles.paddingTop),\n      end: Number.parseFloat(styles.paddingBlockEnd || styles.paddingBottom),\n    }\n  }\n})\n\nconst virtualizer = useVirtualizer(\n  {\n    get scrollPaddingStart() { return padding.value.start },\n    get scrollPaddingEnd() { return padding.value.end },\n    get count() { return props.options.length },\n    get horizontal() { return rootContext.orientation.value === 'horizontal' },\n    estimateSize() {\n      return props.estimateSize ?? 28\n    },\n    getScrollElement() { return parentEl.value },\n    overscan: props.overscan ?? 12,\n  },\n)\n\nconst virtualizedItems = computed(() => virtualizer.value.getVirtualItems().map((item) => {\n  const defaultNode = slots.default!({\n    option: props.options[item.index],\n    virtualizer: virtualizer.value,\n    virtualItem: item,\n  })[0]\n\n  const targetNode = defaultNode.type === Fragment && Array.isArray(defaultNode.children)\n    ? defaultNode.children[0] as VNode\n    : defaultNode\n\n  return {\n    item,\n    is: cloneVNode(targetNode, {\n      'key': `${item.key}`,\n      'data-index': item.index,\n      'aria-setsize': props.options.length,\n      'aria-posinset': item.index + 1,\n      'style': {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        transform: `translateY(${item.start}px)`,\n        overflowAnchor: 'none',\n      },\n    }),\n  }\n}))\n\nrootContext.virtualFocusHook.on((event) => {\n  const index = props.options.findIndex((option) => {\n    if (Array.isArray(rootContext.modelValue.value))\n      return compare(option, rootContext.modelValue.value[0], rootContext.by)\n    else\n      return compare(option, rootContext.modelValue.value!, rootContext.by)\n  })\n  if (index !== -1) {\n    event?.preventDefault()\n\n    virtualizer.value.scrollToIndex(index, { align: 'start' })\n    requestAnimationFrame(() => {\n      const item = queryCheckedElement(parentEl.value)\n      if (item) {\n        rootContext.changeHighlight(item)\n        if (event)\n          item?.focus()\n      }\n    })\n  }\n  else {\n    rootContext.highlightFirstItem(event as InputEvent)\n  }\n})\n\nrootContext.virtualHighlightHook.on((value) => {\n  const index = props.options.findIndex((option) => {\n    return compare(option, value, rootContext.by)\n  })\n  virtualizer.value.scrollToIndex(index, { align: 'start' })\n  requestAnimationFrame(() => {\n    const item = queryCheckedElement(parentEl.value)\n    if (item)\n      rootContext.changeHighlight(item)\n  })\n})\n\n// Reset `search` 1 second after it was last updated\nconst search = refAutoReset('', 1000)\nconst optionsWithMetadata = computed(() => {\n  const parseTextContent = (option: T) => {\n    if (props.textContent)\n      return props.textContent(option)\n    else\n      return option?.toString().toLowerCase()\n  }\n\n  return props.options.map((option, index) => ({\n    index,\n    textContent: parseTextContent(option),\n  }))\n})\n\nfunction handleMultipleReplace(event: Event, intent: 'first' | 'last' | 'prev' | 'next') {\n  if (!rootContext.firstValue?.value || !rootContext.multiple.value || !Array.isArray(rootContext.modelValue.value))\n    return\n\n  const collection = getItems().filter(i => i.ref.dataset.disabled !== '')\n  const lastValue = collection.find(i => i.ref === rootContext.highlightedElement.value)?.value\n  if (!lastValue)\n    return\n\n  let value: T[] | null = null\n  switch (intent) {\n    case 'prev':\n    case 'next': {\n      value = findValuesBetween(props.options, rootContext.firstValue.value as T, lastValue)\n      break\n    }\n    case 'first': {\n      value = findValuesBetween(props.options, rootContext.firstValue.value as T, props.options?.[0])\n      break\n    }\n    case 'last': {\n      value = findValuesBetween(props.options, rootContext.firstValue.value as T, props.options?.[props.options.length - 1])\n      break\n    }\n  }\n  rootContext.modelValue.value = value\n}\n\nrootContext.virtualKeydownHook.on((event) => {\n  const isMetaKey = event.altKey || event.ctrlKey || event.metaKey\n  const isTabKey = event.key === 'Tab' && !isMetaKey\n  if (isTabKey)\n    return\n\n  let intent = MAP_KEY_TO_FOCUS_INTENT[event.key]\n\n  // Meta + A, select all feature\n  if (isMetaKey && event.key === 'a' && rootContext.multiple.value) {\n    event.preventDefault()\n    rootContext.modelValue.value = [...props.options]\n    // purposely make the focus to last\n    intent = 'last'\n  }\n  else if (event.shiftKey && intent) {\n    handleMultipleReplace(event, intent)\n  }\n\n  if (['first', 'last'].includes(intent)) {\n    event.preventDefault()\n\n    const index = intent === 'first' ? 0 : props.options.length - 1\n    virtualizer.value.scrollToIndex(index)\n    requestAnimationFrame(() => {\n      const items = getItems()\n      const item = intent === 'first' ? items[0] : items[items.length - 1]\n      if (item)\n        rootContext.changeHighlight(item.ref)\n    })\n  }\n  else if (!intent && !isMetaKey) {\n    search.value += event.key\n    const currentIndex = Number(getActiveElement()?.getAttribute('data-index'))\n    const currentMatch = optionsWithMetadata.value[currentIndex].textContent\n    const filteredOptions = optionsWithMetadata.value.map(i => i.textContent ?? '')\n    const next = getNextMatch(filteredOptions, search.value, currentMatch)\n\n    const nextMatch = optionsWithMetadata.value.find(option => option.textContent === next)\n    if (nextMatch) {\n      virtualizer.value.scrollToIndex(nextMatch.index, { align: 'start' })\n      requestAnimationFrame(() => {\n        const item = parentEl.value.querySelector(`[data-index=\"${nextMatch.index}\"]`)\n        if (item instanceof HTMLElement)\n          rootContext.changeHighlight(item)\n      })\n    }\n  }\n})\n</script>\n\n<template>\n  <div\n    data-reka-virtualizer\n    :style=\"{\n      position: 'relative',\n      width: '100%',\n      height: `${virtualizer.getTotalSize()}px`,\n    }\"\n  >\n    <component\n      :is=\"is\"\n      v-for=\"{ is, item } in virtualizedItems\"\n      :key=\"item.index\"\n    />\n  </div>\n</template>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListboxVirtualizer.js","names":[],"sources":["../../src/Listbox/ListboxVirtualizer.vue","../../src/Listbox/ListboxVirtualizer.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/Listbox/utils.cjs

@@ -1,31 +1,40 @@
-'use strict';
-
-const ohash = require('ohash');
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const ohash = require_rolldown_runtime.__toESM(require("ohash"));
 
+//#region src/Listbox/utils.ts
 function queryCheckedElement(parentEl) {
-  return parentEl?.querySelector("[data-state=checked]");
+	return parentEl?.querySelector("[data-state=checked]");
 }
 function valueComparator(value, currentValue, comparator) {
-  if (value === void 0)
-    return false;
-  else if (Array.isArray(value))
-    return value.some((val) => compare(val, currentValue, comparator));
-  else
-    return compare(value, currentValue, comparator);
+	if (value === void 0) return false;
+	else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
+	else return compare(value, currentValue, comparator);
 }
 function compare(value, currentValue, comparator) {
-  if (value === void 0 || currentValue === void 0)
-    return false;
-  if (typeof value === "string")
-    return value === currentValue;
-  if (typeof comparator === "function")
-    return comparator(value, currentValue);
-  if (typeof comparator === "string")
-    return value?.[comparator] === currentValue?.[comparator];
-  return ohash.isEqual(value, currentValue);
+	if (value === void 0 || currentValue === void 0) return false;
+	if (typeof value === "string") return value === currentValue;
+	if (typeof comparator === "function") return comparator(value, currentValue);
+	if (typeof comparator === "string") return value?.[comparator] === currentValue?.[comparator];
+	return (0, ohash.isEqual)(value, currentValue);
 }
 
-exports.compare = compare;
-exports.queryCheckedElement = queryCheckedElement;
-exports.valueComparator = valueComparator;
-//# sourceMappingURL=utils.cjs.map
+//#endregion
+Object.defineProperty(exports, 'compare', {
+  enumerable: true,
+  get: function () {
+    return compare;
+  }
+});
+Object.defineProperty(exports, 'queryCheckedElement', {
+  enumerable: true,
+  get: function () {
+    return queryCheckedElement;
+  }
+});
+Object.defineProperty(exports, 'valueComparator', {
+  enumerable: true,
+  get: function () {
+    return valueComparator;
+  }
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/Listbox/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/Listbox/utils.ts"],"sourcesContent":["import { isEqual } from 'ohash'\n\nexport function queryCheckedElement(parentEl: HTMLElement | null) {\n  return parentEl?.querySelector('[data-state=checked]') as HTMLElement | null\n}\n\nexport function valueComparator<T>(value: T | T[] | undefined, currentValue: T, comparator?: string | ((a: T, b: T) => boolean)) {\n  if (value === undefined)\n    return false\n  else if (Array.isArray(value))\n    return value.some(val => compare(val, currentValue, comparator))\n  else\n    return compare(value, currentValue, comparator)\n}\n\nexport function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)) {\n  if (value === undefined || currentValue === undefined)\n    return false\n\n  if (typeof value === 'string')\n    return value === currentValue\n\n  if (typeof comparator === 'function')\n    return comparator(value, currentValue)\n\n  if (typeof comparator === 'string')\n    return value?.[comparator as keyof T] === currentValue?.[comparator as keyof T]\n\n  return isEqual(value, currentValue)\n}\n"],"names":["isEqual"],"mappings":";;;;AAEO,SAAS,oBAAoB,QAA8B,EAAA;AAChE,EAAO,OAAA,QAAA,EAAU,cAAc,sBAAsB,CAAA;AACvD;AAEgB,SAAA,eAAA,CAAmB,KAA4B,EAAA,YAAA,EAAiB,UAAiD,EAAA;AAC/H,EAAA,IAAI,KAAU,KAAA,MAAA;AACZ,IAAO,OAAA,KAAA;AAAA,OACA,IAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAC1B,IAAA,OAAO,MAAM,IAAK,CAAA,CAAA,GAAA,KAAO,QAAQ,GAAK,EAAA,YAAA,EAAc,UAAU,CAAC,CAAA;AAAA;AAE/D,IAAO,OAAA,OAAA,CAAQ,KAAO,EAAA,YAAA,EAAc,UAAU,CAAA;AAClD;AAEgB,SAAA,OAAA,CAAW,KAAW,EAAA,YAAA,EAAkB,UAAiD,EAAA;AACvG,EAAI,IAAA,KAAA,KAAU,UAAa,YAAiB,KAAA,MAAA;AAC1C,IAAO,OAAA,KAAA;AAET,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AACnB,IAAA,OAAO,KAAU,KAAA,YAAA;AAEnB,EAAA,IAAI,OAAO,UAAe,KAAA,UAAA;AACxB,IAAO,OAAA,UAAA,CAAW,OAAO,YAAY,CAAA;AAEvC,EAAA,IAAI,OAAO,UAAe,KAAA,QAAA;AACxB,IAAA,OAAO,KAAQ,GAAA,UAAqB,CAAM,KAAA,YAAA,GAAe,UAAqB,CAAA;AAEhF,EAAO,OAAAA,aAAA,CAAQ,OAAO,YAAY,CAAA;AACpC;;;;;;"}
+{"version":3,"file":"utils.cjs","names":["parentEl: HTMLElement | null","value: T | T[] | undefined","currentValue: T","comparator?: string | ((a: T, b: T) => boolean)","value?: T","currentValue?: T"],"sources":["../../src/Listbox/utils.ts"],"sourcesContent":[],"mappings":";;;;AAEA,SAAgB,oBAAoBA,UAA8B;AAChE,QAAO,UAAU,cAAc,uBAAuB;AACvD;AAED,SAAgB,gBAAmBC,OAA4BC,cAAiBC,YAAiD;AAC/H,KAAI,iBACF,QAAO;UACA,MAAM,QAAQ,MAAM,CAC3B,QAAO,MAAM,KAAK,SAAO,QAAQ,KAAK,cAAc,WAAW,CAAC;KAEhE,QAAO,QAAQ,OAAO,cAAc,WAAW;AAClD;AAED,SAAgB,QAAWC,OAAWC,cAAkBF,YAAiD;AACvG,KAAI,oBAAuB,wBACzB,QAAO;AAET,YAAW,UAAU,SACnB,QAAO,UAAU;AAEnB,YAAW,eAAe,WACxB,QAAO,WAAW,OAAO,aAAa;AAExC,YAAW,eAAe,SACxB,QAAO,QAAQ,gBAA2B,eAAe;AAE3D,QAAO,mBAAQ,OAAO,aAAa;AACpC"}

package/dist/Listbox/utils.js

@@ -1,27 +1,22 @@
-import { isEqual } from 'ohash';
+import { isEqual } from "ohash";
 
+//#region src/Listbox/utils.ts
 function queryCheckedElement(parentEl) {
-  return parentEl?.querySelector("[data-state=checked]");
+	return parentEl?.querySelector("[data-state=checked]");
 }
 function valueComparator(value, currentValue, comparator) {
-  if (value === void 0)
-    return false;
-  else if (Array.isArray(value))
-    return value.some((val) => compare(val, currentValue, comparator));
-  else
-    return compare(value, currentValue, comparator);
+	if (value === void 0) return false;
+	else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
+	else return compare(value, currentValue, comparator);
 }
 function compare(value, currentValue, comparator) {
-  if (value === void 0 || currentValue === void 0)
-    return false;
-  if (typeof value === "string")
-    return value === currentValue;
-  if (typeof comparator === "function")
-    return comparator(value, currentValue);
-  if (typeof comparator === "string")
-    return value?.[comparator] === currentValue?.[comparator];
-  return isEqual(value, currentValue);
+	if (value === void 0 || currentValue === void 0) return false;
+	if (typeof value === "string") return value === currentValue;
+	if (typeof comparator === "function") return comparator(value, currentValue);
+	if (typeof comparator === "string") return value?.[comparator] === currentValue?.[comparator];
+	return isEqual(value, currentValue);
 }
 
-export { compare as c, queryCheckedElement as q, valueComparator as v };
-//# sourceMappingURL=utils.js.map
+//#endregion
+export { compare, queryCheckedElement, valueComparator };
+//# sourceMappingURL=utils.js.map

package/dist/Listbox/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/Listbox/utils.ts"],"sourcesContent":["import { isEqual } from 'ohash'\n\nexport function queryCheckedElement(parentEl: HTMLElement | null) {\n  return parentEl?.querySelector('[data-state=checked]') as HTMLElement | null\n}\n\nexport function valueComparator<T>(value: T | T[] | undefined, currentValue: T, comparator?: string | ((a: T, b: T) => boolean)) {\n  if (value === undefined)\n    return false\n  else if (Array.isArray(value))\n    return value.some(val => compare(val, currentValue, comparator))\n  else\n    return compare(value, currentValue, comparator)\n}\n\nexport function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)) {\n  if (value === undefined || currentValue === undefined)\n    return false\n\n  if (typeof value === 'string')\n    return value === currentValue\n\n  if (typeof comparator === 'function')\n    return comparator(value, currentValue)\n\n  if (typeof comparator === 'string')\n    return value?.[comparator as keyof T] === currentValue?.[comparator as keyof T]\n\n  return isEqual(value, currentValue)\n}\n"],"names":[],"mappings":";;AAEO,SAAS,oBAAoB,QAA8B,EAAA;AAChE,EAAO,OAAA,QAAA,EAAU,cAAc,sBAAsB,CAAA;AACvD;AAEgB,SAAA,eAAA,CAAmB,KAA4B,EAAA,YAAA,EAAiB,UAAiD,EAAA;AAC/H,EAAA,IAAI,KAAU,KAAA,MAAA;AACZ,IAAO,OAAA,KAAA;AAAA,OACA,IAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAC1B,IAAA,OAAO,MAAM,IAAK,CAAA,CAAA,GAAA,KAAO,QAAQ,GAAK,EAAA,YAAA,EAAc,UAAU,CAAC,CAAA;AAAA;AAE/D,IAAO,OAAA,OAAA,CAAQ,KAAO,EAAA,YAAA,EAAc,UAAU,CAAA;AAClD;AAEgB,SAAA,OAAA,CAAW,KAAW,EAAA,YAAA,EAAkB,UAAiD,EAAA;AACvG,EAAI,IAAA,KAAA,KAAU,UAAa,YAAiB,KAAA,MAAA;AAC1C,IAAO,OAAA,KAAA;AAET,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AACnB,IAAA,OAAO,KAAU,KAAA,YAAA;AAEnB,EAAA,IAAI,OAAO,UAAe,KAAA,UAAA;AACxB,IAAO,OAAA,UAAA,CAAW,OAAO,YAAY,CAAA;AAEvC,EAAA,IAAI,OAAO,UAAe,KAAA,QAAA;AACxB,IAAA,OAAO,KAAQ,GAAA,UAAqB,CAAM,KAAA,YAAA,GAAe,UAAqB,CAAA;AAEhF,EAAO,OAAA,OAAA,CAAQ,OAAO,YAAY,CAAA;AACpC;;;;"}
+{"version":3,"file":"utils.js","names":["parentEl: HTMLElement | null","value: T | T[] | undefined","currentValue: T","comparator?: string | ((a: T, b: T) => boolean)","value?: T","currentValue?: T"],"sources":["../../src/Listbox/utils.ts"],"sourcesContent":[],"mappings":";;;AAEA,SAAgB,oBAAoBA,UAA8B;AAChE,QAAO,UAAU,cAAc,uBAAuB;AACvD;AAED,SAAgB,gBAAmBC,OAA4BC,cAAiBC,YAAiD;AAC/H,KAAI,iBACF,QAAO;UACA,MAAM,QAAQ,MAAM,CAC3B,QAAO,MAAM,KAAK,SAAO,QAAQ,KAAK,cAAc,WAAW,CAAC;KAEhE,QAAO,QAAQ,OAAO,cAAc,WAAW;AAClD;AAED,SAAgB,QAAWC,OAAWC,cAAkBF,YAAiD;AACvG,KAAI,oBAAuB,wBACzB,QAAO;AAET,YAAW,UAAU,SACnB,QAAO,UAAU;AAEnB,YAAW,eAAe,WACxB,QAAO,WAAW,OAAO,aAAa;AAExC,YAAW,eAAe,SACxB,QAAO,QAAQ,gBAA2B,eAAe;AAE3D,QAAO,QAAQ,OAAO,aAAa;AACpC"}