reka-ui 2.3.1 → 2.4.0

package/dist/Tree/TreeVirtualizer.js

@@ -1,160 +1,167 @@
-import { defineComponent, useSlots, computed, cloneVNode, nextTick, createElementBlock, openBlock, normalizeStyle, unref, Fragment, renderList, createBlock, resolveDynamicComponent } from 'vue';
-import { useVirtualizer } from '@tanstack/vue-virtual';
-import { useParentElement, refAutoReset } from '@vueuse/core';
-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 { g as getActiveElement } from '../shared/getActiveElement.js';
-import { i as injectTreeRootContext } from './TreeRoot.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 { injectTreeRootContext } from "./TreeRoot.js";
+import { Fragment, cloneVNode, computed, createBlock, createElementBlock, defineComponent, nextTick, normalizeStyle, openBlock, renderList, resolveDynamicComponent, unref, useSlots } from "vue";
+import { refAutoReset, useParentElement } from "@vueuse/core";
+import { useVirtualizer } from "@tanstack/vue-virtual";
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "TreeVirtualizer",
-  props: {
-    overscan: {},
-    estimateSize: {},
-    textContent: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const rootContext = injectTreeRootContext();
-    const parentEl = useParentElement();
-    const { getItems } = useCollection();
-    const search = refAutoReset("", 1e3);
-    const optionsWithMetadata = computed(() => {
-      const parseTextContent = (option) => {
-        if (props.textContent)
-          return props.textContent(option);
-        else
-          return option.toString().toLowerCase();
-      };
-      return rootContext.expandedItems.value.map((option, index) => ({
-        index,
-        textContent: parseTextContent(option.value)
-      }));
-    });
-    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 rootContext.expandedItems.value.length ?? 0;
-        },
-        get horizontal() {
-          return false;
-        },
-        getItemKey(index) {
-          return index + rootContext.getKey(rootContext.expandedItems.value[index].value);
-        },
-        estimateSize() {
-          return props.estimateSize ?? 28;
-        },
-        getScrollElement() {
-          return parentEl.value;
-        },
-        overscan: props.overscan ?? 12
-      }
-    );
-    const virtualizedItems = computed(() => virtualizer.value.getVirtualItems().map((item) => {
-      return {
-        item,
-        is: cloneVNode(slots.default({
-          item: rootContext.expandedItems.value[item.index],
-          virtualizer: virtualizer.value,
-          virtualItem: item
-        })[0], {
-          "data-index": item.index,
-          "style": {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            transform: `translateY(${item.start}px)`,
-            overflowAnchor: "none"
-          }
-        })
-      };
-    }));
-    function scrollToIndexAndFocus(index) {
-      virtualizer.value.scrollToIndex(index, { align: "start" });
-      requestAnimationFrame(() => {
-        const item = parentEl.value.querySelector(`[data-index="${index}"]`);
-        if (item instanceof HTMLElement)
-          item.focus();
-      });
-    }
-    rootContext.virtualKeydownHook.on((event) => {
-      const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
-      const isTabKey = event.key === "Tab" && !isMetaKey;
-      if (isTabKey)
-        return;
-      const intent = MAP_KEY_TO_FOCUS_INTENT[event.key];
-      if (["first", "last"].includes(intent)) {
-        event.preventDefault();
-        const index = intent === "first" ? 0 : rootContext.expandedItems.value.length - 1;
-        virtualizer.value.scrollToIndex(index);
-        requestAnimationFrame(() => {
-          const items = getItems();
-          const item = intent === "first" ? items[0] : items[items.length - 1];
-          item.ref.focus();
-        });
-      } else if (intent === "prev" && event.key !== "ArrowUp") {
-        const currentElement = getActiveElement();
-        const currentIndex = Number(currentElement.getAttribute("data-index"));
-        const currentLevel = Number(currentElement.getAttribute("data-indent"));
-        const list = rootContext.expandedItems.value.slice(0, currentIndex).map((item, index) => ({ ...item, index })).reverse();
-        const parentItem = list.find((item) => item.level === currentLevel - 1);
-        if (parentItem)
-          scrollToIndexAndFocus(parentItem.index);
-      } 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)
-          scrollToIndexAndFocus(nextMatch.index);
-      }
-      nextTick(() => {
-        if (event.shiftKey && intent)
-          rootContext.handleMultipleReplace(intent, getActiveElement(), getItems, rootContext.expandedItems.value.map((i) => i.value));
-      });
-    });
-    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.key
-          });
-        }), 128))
-      ], 4);
-    };
-  }
+//#region src/Tree/TreeVirtualizer.vue?vue&type=script&setup=true&lang.ts
+var TreeVirtualizer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TreeVirtualizer",
+	props: {
+		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 = injectTreeRootContext();
+		const parentEl = useParentElement();
+		const { getItems } = useCollection();
+		const search = refAutoReset("", 1e3);
+		const optionsWithMetadata = computed(() => {
+			const parseTextContent = (option) => {
+				if (props.textContent) return props.textContent(option);
+				else return option.toString().toLowerCase();
+			};
+			return rootContext.expandedItems.value.map((option, index) => ({
+				index,
+				textContent: parseTextContent(option.value)
+			}));
+		});
+		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 rootContext.expandedItems.value.length ?? 0;
+			},
+			get horizontal() {
+				return false;
+			},
+			getItemKey(index) {
+				return index + rootContext.getKey(rootContext.expandedItems.value[index].value);
+			},
+			estimateSize() {
+				return props.estimateSize ?? 28;
+			},
+			getScrollElement() {
+				return parentEl.value;
+			},
+			overscan: props.overscan ?? 12
+		});
+		const virtualizedItems = computed(() => virtualizer.value.getVirtualItems().map((item) => {
+			return {
+				item,
+				is: cloneVNode(slots.default({
+					item: rootContext.expandedItems.value[item.index],
+					virtualizer: virtualizer.value,
+					virtualItem: item
+				})[0], {
+					"data-index": item.index,
+					"style": {
+						position: "absolute",
+						top: 0,
+						left: 0,
+						transform: `translateY(${item.start}px)`,
+						overflowAnchor: "none"
+					}
+				})
+			};
+		}));
+		function scrollToIndexAndFocus(index) {
+			virtualizer.value.scrollToIndex(index, { align: "start" });
+			requestAnimationFrame(() => {
+				const item = parentEl.value.querySelector(`[data-index="${index}"]`);
+				if (item instanceof HTMLElement) item.focus();
+			});
+		}
+		rootContext.virtualKeydownHook.on((event) => {
+			const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+			const isTabKey = event.key === "Tab" && !isMetaKey;
+			if (isTabKey) return;
+			const intent = MAP_KEY_TO_FOCUS_INTENT[event.key];
+			if (["first", "last"].includes(intent)) {
+				event.preventDefault();
+				const index = intent === "first" ? 0 : rootContext.expandedItems.value.length - 1;
+				virtualizer.value.scrollToIndex(index);
+				requestAnimationFrame(() => {
+					const items = getItems();
+					const item = intent === "first" ? items[0] : items[items.length - 1];
+					item.ref.focus();
+				});
+			} else if (intent === "prev" && event.key !== "ArrowUp") {
+				const currentElement = getActiveElement();
+				const currentIndex = Number(currentElement.getAttribute("data-index"));
+				const currentLevel = Number(currentElement.getAttribute("data-indent"));
+				const list = rootContext.expandedItems.value.slice(0, currentIndex).map((item, index) => ({
+					...item,
+					index
+				})).reverse();
+				const parentItem = list.find((item) => item.level === currentLevel - 1);
+				if (parentItem) scrollToIndexAndFocus(parentItem.index);
+			} 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) scrollToIndexAndFocus(nextMatch.index);
+			}
+			nextTick(() => {
+				if (event.shiftKey && intent) rootContext.handleMultipleReplace(intent, getActiveElement(), getItems, rootContext.expandedItems.value.map((i) => i.value));
+			});
+		});
+		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.key });
+			}), 128))], 4);
+		};
+	}
 });
 
-export { _sfc_main as _ };
-//# sourceMappingURL=TreeVirtualizer.js.map
+//#endregion
+//#region src/Tree/TreeVirtualizer.vue
+var TreeVirtualizer_default = TreeVirtualizer_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { TreeVirtualizer_default };
+//# sourceMappingURL=TreeVirtualizer.js.map

package/dist/Tree/TreeVirtualizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeVirtualizer.js","sources":["../../src/Tree/TreeVirtualizer.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TreeVirtualizerProps {\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?: (item: Record<string, any>) => string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { VirtualItem, Virtualizer } from '@tanstack/vue-virtual'\nimport type { Ref } from 'vue'\nimport type { FlattenedItem } from './TreeRoot.vue'\nimport { useVirtualizer } from '@tanstack/vue-virtual'\nimport { refAutoReset, useParentElement } from '@vueuse/core'\nimport { cloneVNode, computed, nextTick, useSlots } from 'vue'\nimport { useCollection } from '@/Collection'\nimport { MAP_KEY_TO_FOCUS_INTENT } from '@/RovingFocus/utils'\nimport { getActiveElement } from '@/shared'\nimport { getNextMatch } from '@/shared/useTypeahead'\nimport { injectTreeRootContext } from './TreeRoot.vue'\n\nconst props = defineProps<TreeVirtualizerProps>()\n\ndefineSlots<{\n  default?: (props: {\n    item: FlattenedItem<Record<string, any>>\n    virtualizer: Virtualizer<Element | Window, Element>\n    virtualItem: VirtualItem\n  }) => any\n}>()\n\nconst slots = useSlots()\nconst rootContext = injectTreeRootContext()\nconst parentEl = useParentElement() as Ref<HTMLElement>\nconst { getItems } = useCollection()\n\n// Reset `search` 1 second after it was last updated\nconst search = refAutoReset('', 1000)\nconst optionsWithMetadata = computed(() => {\n  const parseTextContent = (option: Record<string, any>) => {\n    if (props.textContent)\n      return props.textContent(option)\n    else\n      return option.toString().toLowerCase()\n  }\n\n  return rootContext.expandedItems.value.map((option, index) => ({\n    index,\n    textContent: parseTextContent(option.value),\n  }))\n})\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 rootContext.expandedItems.value.length ?? 0 },\n    get horizontal() { return false },\n    getItemKey(index) {\n      return index + rootContext.getKey(rootContext.expandedItems.value[index].value)\n    },\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  return {\n    item,\n    is: cloneVNode(slots.default!({\n      item: rootContext.expandedItems.value[item.index],\n      virtualizer: virtualizer.value,\n      virtualItem: item,\n    })![0], {\n      'data-index': item.index,\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\nfunction scrollToIndexAndFocus(index: number) {\n  virtualizer.value.scrollToIndex(index, { align: 'start' })\n  requestAnimationFrame(() => {\n    const item = parentEl.value.querySelector(`[data-index=\"${index}\"]`) as HTMLElement\n    if (item instanceof HTMLElement)\n      item.focus()\n  })\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  const intent = MAP_KEY_TO_FOCUS_INTENT[event.key]\n\n  if (['first', 'last'].includes(intent)) {\n    event.preventDefault()\n\n    const index = intent === 'first' ? 0 : rootContext.expandedItems.value.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      item.ref.focus()\n    })\n  }\n  else if (intent === 'prev' && event.key !== 'ArrowUp') {\n    const currentElement = getActiveElement() as HTMLElement\n    const currentIndex = Number(currentElement.getAttribute('data-index'))\n    const currentLevel = Number(currentElement.getAttribute('data-indent'))\n    const list = rootContext.expandedItems.value.slice(0, currentIndex).map((item, index) => ({ ...item, index })).reverse()\n\n    const parentItem = list.find(item => item.level === (currentLevel - 1))\n    if (parentItem)\n      scrollToIndexAndFocus(parentItem.index)\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      scrollToIndexAndFocus(nextMatch.index)\n  }\n\n  nextTick(() => {\n    if (event.shiftKey && intent)\n      rootContext.handleMultipleReplace(intent, getActiveElement(), getItems, rootContext.expandedItems.value.map(i => i.value))\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.key\"\n    />\n  </div>\n</template>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TreeVirtualizer.js","names":[],"sources":["../../src/Tree/TreeVirtualizer.vue","../../src/Tree/TreeVirtualizer.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/Tree/utils.cjs

@@ -1,13 +1,18 @@
-'use strict';
 
+//#region src/Tree/utils.ts
 function flatten(items) {
-  return items.reduce((acc, item) => {
-    acc.push(item);
-    if (item.children)
-      acc.push(...flatten(item.children));
-    return acc;
-  }, []);
+	return items.reduce((acc, item) => {
+		acc.push(item);
+		if (item.children) acc.push(...flatten(item.children));
+		return acc;
+	}, []);
 }
 
-exports.flatten = flatten;
-//# sourceMappingURL=utils.cjs.map
+//#endregion
+Object.defineProperty(exports, 'flatten', {
+  enumerable: true,
+  get: function () {
+    return flatten;
+  }
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/Tree/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../src/Tree/utils.ts"],"sourcesContent":["export function flatten<U, T extends { children: any[] }>(items: T[]): U[] {\n  return items.reduce((acc: any[], item: T) => {\n    acc.push(item)\n\n    if (item.children)\n      acc.push(...flatten(item.children))\n\n    return acc\n  }, [])\n}\n\n// TODO: expose more utility function to handle flattened item\n"],"names":[],"mappings":";;AAAO,SAAS,QAA0C,KAAiB,EAAA;AACzE,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,GAAA,EAAY,IAAY,KAAA;AAC3C,IAAA,GAAA,CAAI,KAAK,IAAI,CAAA;AAEb,IAAA,IAAI,IAAK,CAAA,QAAA;AACP,MAAA,GAAA,CAAI,IAAK,CAAA,GAAG,OAAQ,CAAA,IAAA,CAAK,QAAQ,CAAC,CAAA;AAEpC,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAE,CAAA;AACP;;;;"}
+{"version":3,"file":"utils.cjs","names":["items: T[]","acc: any[]","item: T"],"sources":["../../src/Tree/utils.ts"],"sourcesContent":[],"mappings":";;AAAA,SAAgB,QAA0CA,OAAiB;AACzE,QAAO,MAAM,OAAO,CAACC,KAAYC,SAAY;AAC3C,MAAI,KAAK,KAAK;AAEd,MAAI,KAAK,SACP,KAAI,KAAK,GAAG,QAAQ,KAAK,SAAS,CAAC;AAErC,SAAO;CACR,GAAE,CAAE,EAAC;AACP"}

package/dist/Tree/utils.js

@@ -1,11 +1,12 @@
+//#region src/Tree/utils.ts
 function flatten(items) {
-  return items.reduce((acc, item) => {
-    acc.push(item);
-    if (item.children)
-      acc.push(...flatten(item.children));
-    return acc;
-  }, []);
+	return items.reduce((acc, item) => {
+		acc.push(item);
+		if (item.children) acc.push(...flatten(item.children));
+		return acc;
+	}, []);
 }
 
-export { flatten as f };
-//# sourceMappingURL=utils.js.map
+//#endregion
+export { flatten };
+//# sourceMappingURL=utils.js.map

package/dist/Tree/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/Tree/utils.ts"],"sourcesContent":["export function flatten<U, T extends { children: any[] }>(items: T[]): U[] {\n  return items.reduce((acc: any[], item: T) => {\n    acc.push(item)\n\n    if (item.children)\n      acc.push(...flatten(item.children))\n\n    return acc\n  }, [])\n}\n\n// TODO: expose more utility function to handle flattened item\n"],"names":[],"mappings":"AAAO,SAAS,QAA0C,KAAiB,EAAA;AACzE,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,GAAA,EAAY,IAAY,KAAA;AAC3C,IAAA,GAAA,CAAI,KAAK,IAAI,CAAA;AAEb,IAAA,IAAI,IAAK,CAAA,QAAA;AACP,MAAA,GAAA,CAAI,IAAK,CAAA,GAAG,OAAQ,CAAA,IAAA,CAAK,QAAQ,CAAC,CAAA;AAEpC,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAE,CAAA;AACP;;;;"}
+{"version":3,"file":"utils.js","names":["items: T[]","acc: any[]","item: T"],"sources":["../../src/Tree/utils.ts"],"sourcesContent":[],"mappings":";AAAA,SAAgB,QAA0CA,OAAiB;AACzE,QAAO,MAAM,OAAO,CAACC,KAAYC,SAAY;AAC3C,MAAI,KAAK,KAAK;AAEd,MAAI,KAAK,SACP,KAAI,KAAK,GAAG,QAAQ,KAAK,SAAS,CAAC;AAErC,SAAO;CACR,GAAE,CAAE,EAAC;AACP"}

package/dist/Viewport/Viewport.cjs

@@ -1,55 +1,68 @@
-'use strict';
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_shared_useNonce = require('../shared/useNonce.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
 
-const vue = require('vue');
-const shared_useNonce = require('../shared/useNonce.cjs');
-const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
+//#region src/Viewport/Viewport.vue?vue&type=script&setup=true&lang.ts
+var Viewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Viewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef } = require_shared_useForwardExpose.useForwardExpose();
+		const { nonce: propNonce } = (0, vue.toRefs)(props);
+		const nonce = require_shared_useNonce.useNonce(propNonce);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)({
+				..._ctx.$attrs,
+				...props
+			}, {
+				ref: (0, vue.unref)(forwardRef),
+				"data-reka-viewport": "",
+				role: "presentation",
+				style: {
+					position: "relative",
+					flex: 1,
+					overflow: "auto"
+				}
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16), (0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), {
+				as: "style",
+				nonce: (0, vue.unref)(nonce)
+			}, {
+				default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createTextVNode)(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-viewport]::-webkit-scrollbar { display: none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
+});
+
+//#endregion
+//#region src/Viewport/Viewport.vue
+var Viewport_default = Viewport_vue_vue_type_script_setup_true_lang_default;
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "Viewport",
-  props: {
-    nonce: {},
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { forwardRef } = shared_useForwardExpose.useForwardExpose();
-    const { nonce: propNonce } = vue.toRefs(props);
-    const nonce = shared_useNonce.useNonce(propNonce);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createVNode(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps({ ..._ctx.$attrs, ...props }, {
-          ref: vue.unref(forwardRef),
-          "data-reka-viewport": "",
-          role: "presentation",
-          style: {
-            // we use position: 'relative' here on the `viewport` so that when we call
-            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
-            // (independent of the scrollUpButton).
-            position: "relative",
-            flex: 1,
-            overflow: "auto"
-          }
-        }), {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16),
-        vue.createVNode(vue.unref(Primitive_Primitive.Primitive), {
-          as: "style",
-          nonce: vue.unref(nonce)
-        }, {
-          default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-            vue.createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-viewport]::-webkit-scrollbar { display: none; } ")
-          ])),
-          _: 1
-        }, 8, ["nonce"])
-      ], 64);
-    };
+//#endregion
+Object.defineProperty(exports, 'Viewport_default', {
+  enumerable: true,
+  get: function () {
+    return Viewport_default;
   }
 });
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=Viewport.cjs.map
+//# sourceMappingURL=Viewport.cjs.map

package/dist/Viewport/Viewport.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Viewport.cjs","sources":["../../src/Viewport/Viewport.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { toRefs } from 'vue'\nimport { useForwardExpose } from '@/shared'\nimport { useNonce } from '@/shared/useNonce'\n\nexport interface ViewportProps extends PrimitiveProps {\n  /**\n   * Will add `nonce` attribute to the style tag which can be used by Content Security Policy. <br> If omitted, inherits globally from `ConfigProvider`.\n   */\n  nonce?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\n\nconst props = defineProps<ViewportProps>()\nconst { forwardRef } = useForwardExpose()\n\nconst { nonce: propNonce } = toRefs(props)\nconst nonce = useNonce(propNonce)\n</script>\n\n<template>\n  <Primitive\n    v-bind=\"{ ...$attrs, ...props }\"\n    :ref=\"forwardRef\"\n    data-reka-viewport\n    role=\"presentation\"\n    :style=\"{\n      // we use position: 'relative' here on the `viewport` so that when we call\n      // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport\n      // (independent of the scrollUpButton).\n      position: 'relative',\n      flex: 1,\n      overflow: 'auto',\n    }\"\n  >\n    <slot />\n  </Primitive>\n  <Primitive\n    as=\"style\"\n    :nonce=\"nonce\"\n  >\n    /* Hide scrollbars cross-browser and enable momentum scroll for touch\n    devices */ [data-reka-viewport] { scrollbar-width:none; -ms-overflow-style: none;\n    -webkit-overflow-scrolling: touch; }\n    [data-reka-viewport]::-webkit-scrollbar { display: none; }\n  </Primitive>\n</template>\n"],"names":["useForwardExpose","toRefs","useNonce"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,wCAAiB,EAAA;AAExC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAU,EAAA,GAAIC,WAAO,KAAK,CAAA;AACzC,IAAM,MAAA,KAAA,GAAQC,yBAAS,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Viewport.cjs","names":["$attrs"],"sources":["../../src/Viewport/Viewport.vue","../../src/Viewport/Viewport.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EACd,MAAM,EAAE,YAAY,GAAG,kDAAiB;EAExC,MAAM,EAAE,OAAO,WAAW,GAAG,gBAAO,MAAK;EACzC,MAAM,QAAQ,iCAAS,UAAS;;iFAI9B,qBAeY,eAAA,sCAAA,EAfZ,oBAeY;IAAA,GAdGA,KAAAA;IAAM,GAAK;GAAK,GAAA;IAC5B,KAAK,eAAA,WAAU;IAChB,sBAAA;IACA,MAAK;IACJ,OAAO;;;;IAOP;;8BAED,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA;;WAEV,qBAQY,eAAA,sCAAA,EAAA;IAPV,IAAG;IACF,OAAO,eAAA,MAAK;;8BACd,MAKD,OAAA,OAAA,OAAA,KAAA,0BALC,4PAKD"}