@evance/evance-ui 1.0.7 → 1.0.8

package/dist/esm/EvVirtualScroll.vue_vue_type_script_setup_true_lang-ocMxVQgZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScroll.vue_vue_type_script_setup_true_lang-ocMxVQgZ.mjs","sources":["../../src/components/EvVirtualScroll/EvVirtualScroll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { makeEvVirtualScrollProps } from \"./EvVirtualScroll\";\nimport { getCurrentComponent, getScrollParent, toWebUnit } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { onMounted, onScopeDispose, Ref, toRef } from \"vue\";\nimport { useVirtual } from \"@/composables/virtual\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\nimport EvVirtualScrollItem from \"./EvVirtualScrollItem.vue\";\n\nconst props = defineProps({\n    ...makeEvVirtualScrollProps(),\n});\nconst component = getCurrentComponent(\"EvVirtualScroll\");\nconst dimensionStyles = useDimensions(props);\nconst {\n    calculateVisibleItems,\n    containerRef,\n    markerRef,\n    handleScroll,\n    handleScrollend,\n    handleItemResize,\n    scrollToIndex,\n    paddingTop,\n    paddingBottom,\n    computedItems,\n} = useVirtual(props, toRef(props, \"items\"));\n\nuseToggleScope(\n    () => props.renderless,\n    () => {\n        function toggleEventListeners(add = false) {\n            const method = add ? \"addEventListener\" : \"removeEventListener\";\n            if (containerRef.value === document.documentElement) {\n                document[method](\"scroll\", handleScroll, { passive: true });\n                document[method](\"scrollend\", handleScrollend);\n            } else {\n                containerRef.value?.[method](\"scroll\", handleScroll, {\n                    passive: true,\n                });\n                containerRef.value?.[method](\"scrollend\", handleScrollend);\n            }\n        }\n        onMounted(() => {\n            containerRef.value = getScrollParent(\n                component.vnode.el as HTMLElement,\n                true,\n            );\n            toggleEventListeners(true);\n        });\n        onScopeDispose(toggleEventListeners);\n    },\n);\n\ndefineExpose({\n    calculateVisibleItems,\n    scrollToIndex,\n});\n\ndefineSlots<{\n    default(props: {\n        item: any;\n        index: number;\n        itemRef: Ref<HTMLElement | undefined>;\n    }): any;\n}>();\n</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <div\n            ref=\"markerRef\"\n            class=\"ev-virtual-scroll--spacer\"\n            :style=\"{ paddingTop: toWebUnit(paddingTop) }\"></div>\n        <ev-virtual-scroll-item\n            v-for=\"item in computedItems\"\n            :key=\"item.index\"\n            :renderless=\"props.renderless\"\n            @update:height=\"(h) => handleItemResize(item.index, h)\">\n            <template #default=\"{ itemRef }\">\n                <slot v-bind=\"{ item: item.raw, index: item.index, itemRef }\" />\n            </template>\n        </ev-virtual-scroll-item>\n        <div\n            class=\"ev-virtual-scroll--spacer\"\n            :style=\"{ paddingBottom: toWebUnit(paddingBottom) }\"></div>\n    </template>\n\n    <div\n        v-else\n        ref=\"containerRef\"\n        :class=\"['ev-virtual-scroll', props.class]\"\n        :style=\"[dimensionStyles, props.style]\"\n        @scroll.passive=\"handleScroll\"\n        @scrollend=\"handleScrollend\">\n        <div\n            ref=\"markerRef\"\n            class=\"ev-virtual-scroll--container\"\n            :style=\"[\n                {\n                    paddingTop: toWebUnit(paddingTop),\n                    paddingBottom: toWebUnit(paddingBottom),\n                },\n            ]\">\n            <ev-virtual-scroll-item\n                v-for=\"item in computedItems\"\n                :key=\"item.index\"\n                :renderless=\"props.renderless\"\n                @update:height=\"(h) => handleItemResize(item.index, h)\">\n                <template #default=\"{ itemRef }\">\n                    <slot\n                        name=\"default\"\n                        v-bind=\"{\n                            item: item.raw,\n                            index: item.index,\n                            itemRef,\n                        }\" />\n                </template>\n            </ev-virtual-scroll-item>\n        </div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYM,UAAA,YAAY,oBAAoB,iBAAiB;AACjD,UAAA,kBAAkB,cAAc,KAAK;AACrC,UAAA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,WAAW,OAAO,MAAM,OAAO,OAAO,CAAC;AAE3C;AAAA,MACI,MAAM,MAAM;AAAA,MACZ,MAAM;AACO,iBAAA,qBAAqB,MAAM,OAAO;;AACjC,gBAAA,SAAS,MAAM,qBAAqB;AACtC,cAAA,aAAa,UAAU,SAAS,iBAAiB;AACjD,qBAAS,MAAM,EAAE,UAAU,cAAc,EAAE,SAAS,MAAM;AACjD,qBAAA,MAAM,EAAE,aAAa,eAAe;AAAA,UAAA,OAC1C;AACH,+BAAa,UAAb,mBAAqB,QAAQ,UAAU,cAAc;AAAA,cACjD,SAAS;AAAA,YAAA;AAEb,+BAAa,UAAb,mBAAqB,QAAQ,aAAa;AAAA,UAC9C;AAAA,QACJ;AACA,kBAAU,MAAM;AACZ,uBAAa,QAAQ;AAAA,YACjB,UAAU,MAAM;AAAA,YAChB;AAAA,UAAA;AAEJ,+BAAqB,IAAI;AAAA,QAAA,CAC5B;AACD,uBAAe,oBAAoB;AAAA,MACvC;AAAA,IAAA;AAGS,aAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-oDqVvg1E.mjs

@@ -0,0 +1,323 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { shallowRef, watchEffect, ref, computed, watch, onScopeDispose, nextTick, defineComponent, useAttrs, renderSlot, normalizeProps, mergeProps, openBlock, createElementBlock, unref, guardReactiveProps } from "vue";
+import { u as useResizeObserver } from "./resizeObserver-CI0c5b62.mjs";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeDimensionsProps } from "./dimensions-BkQ7c186.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { d as debounce, b as clamp, B as Browser } from "./helpers-CVFyfHL3.mjs";
+import { k as isNumber } from "./is-functions-t4AT-bOe.mjs";
+import { u as useDisplay } from "./display-CRSUlrFS.mjs";
+const UP = -1;
+const DOWN = 1;
+const BUFFER_PX = 100;
+const makeVirtualProps = propsFactory(
+  {
+    itemHeight: {
+      type: [Number, String],
+      default: null
+    },
+    height: [Number, String]
+  },
+  "virtual"
+);
+function useVirtual(props, items) {
+  const display = useDisplay();
+  const itemHeight = shallowRef(0);
+  watchEffect(() => {
+    const h = props.itemHeight || 0;
+    itemHeight.value = isNumber(h) ? h : parseFloat(h);
+  });
+  const first = shallowRef(0);
+  const last = shallowRef(
+    Math.ceil(
+      // Assume 16px items filling the entire screen height if not provided.
+      // This is probably incorrect, but it minimises the chance of ending up with empty space at the bottom.
+      // The default value is set here to avoid poisoning getSize()
+      (parseInt(`${props.height}`) || display.height.value) / (itemHeight.value || 16)
+    ) || 1
+  );
+  const paddingTop = shallowRef(0);
+  const paddingBottom = shallowRef(0);
+  const containerRef = ref();
+  const markerRef = ref();
+  let markerOffset = 0;
+  const { resizeRef, contentRect } = useResizeObserver();
+  watchEffect(() => {
+    resizeRef.value = containerRef.value;
+  });
+  const viewportHeight = computed(() => {
+    var _a;
+    const h = isNumber(props.height) ? props.height : parseInt(props.height);
+    return containerRef.value === document.documentElement ? display.height.value : ((_a = contentRect.value) == null ? void 0 : _a.height) || h || 0;
+  });
+  const hasInitialRender = computed(() => {
+    return !!(containerRef.value && markerRef.value && viewportHeight.value && itemHeight.value);
+  });
+  let sizes = Array.from({ length: items.value.length });
+  let offsets = Array.from({ length: items.value.length });
+  const updateTime = shallowRef(0);
+  let targetScrollIndex = -1;
+  function getSize(index) {
+    return sizes[index] || itemHeight.value;
+  }
+  const updateOffsets = debounce(() => {
+    const start = performance.now();
+    offsets[0] = 0;
+    const length = items.value.length;
+    for (let i = 1; i <= length - 1; i++) {
+      offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);
+    }
+    updateTime.value = Math.max(
+      updateTime.value,
+      performance.now() - start
+    );
+  }, updateTime);
+  const unwatch = watch(hasInitialRender, (v) => {
+    if (!v) {
+      return;
+    }
+    unwatch();
+    markerOffset = markerRef.value.offsetTop;
+    updateOffsets.immediate();
+    calculateVisibleItems();
+    if (!~targetScrollIndex) {
+      return;
+    }
+    nextTick(() => {
+      Browser.hasWindow && window.requestAnimationFrame(() => {
+        scrollToIndex(targetScrollIndex);
+        targetScrollIndex = -1;
+      });
+    });
+  });
+  onScopeDispose(() => {
+    updateOffsets.clear();
+  });
+  function handleItemResize(index, height) {
+    const prevHeight = sizes[index];
+    const prevMinHeight = itemHeight.value;
+    itemHeight.value = prevMinHeight ? Math.min(itemHeight.value, height) : height;
+    if (prevHeight !== height || prevMinHeight !== itemHeight.value) {
+      sizes[index] = height;
+      updateOffsets();
+    }
+  }
+  function calculateOffset(index) {
+    index = clamp(index, 0, items.value.length - 1);
+    return offsets[index] || 0;
+  }
+  function calculateIndex(scrollTop) {
+    return binaryClosest(offsets, scrollTop);
+  }
+  let lastScrollTop = 0;
+  let scrollVelocity = 0;
+  let lastScrollTime = 0;
+  watch(viewportHeight, (val, oldVal) => {
+    if (oldVal) {
+      calculateVisibleItems();
+      if (val < oldVal) {
+        requestAnimationFrame(() => {
+          scrollVelocity = 0;
+          calculateVisibleItems();
+        });
+      }
+    }
+  });
+  function handleScroll() {
+    if (!containerRef.value || !markerRef.value) {
+      return;
+    }
+    const scrollTop = containerRef.value.scrollTop;
+    const scrollTime = performance.now();
+    const scrollDeltaT = scrollTime - lastScrollTime;
+    if (scrollDeltaT > 500) {
+      scrollVelocity = Math.sign(scrollTop - lastScrollTop);
+      markerOffset = markerRef.value.offsetTop;
+    } else {
+      scrollVelocity = scrollTop - lastScrollTop;
+    }
+    lastScrollTop = scrollTop;
+    lastScrollTime = scrollTime;
+    calculateVisibleItems();
+  }
+  function handleScrollend() {
+    if (!containerRef.value || !markerRef.value) {
+      return;
+    }
+    scrollVelocity = 0;
+    lastScrollTime = 0;
+    calculateVisibleItems();
+  }
+  let raf = -1;
+  function calculateVisibleItems() {
+    cancelAnimationFrame(raf);
+    raf = requestAnimationFrame(_calculateVisibleItems);
+  }
+  function _calculateVisibleItems() {
+    if (!containerRef.value || !viewportHeight.value) {
+      return;
+    }
+    const scrollTop = lastScrollTop - markerOffset;
+    const direction = Math.sign(scrollVelocity);
+    const startPx = Math.max(0, scrollTop - BUFFER_PX);
+    const start = clamp(calculateIndex(startPx), 0, items.value.length);
+    const endPx = scrollTop + viewportHeight.value + BUFFER_PX;
+    const end = clamp(
+      calculateIndex(endPx) + 1,
+      start + 1,
+      items.value.length
+    );
+    if (
+      // Only update the side we're scrolling towards, the other side will be updated incidentally
+      (direction !== UP || start < first.value) && (direction !== DOWN || end > last.value)
+    ) {
+      const topOverflow = calculateOffset(first.value) - calculateOffset(start);
+      const bottomOverflow = calculateOffset(end) - calculateOffset(last.value);
+      const bufferOverflow = Math.max(topOverflow, bottomOverflow);
+      if (bufferOverflow > BUFFER_PX) {
+        first.value = start;
+        last.value = end;
+      } else {
+        if (start <= 0) {
+          first.value = start;
+        }
+        if (end >= items.value.length) {
+          last.value = end;
+        }
+      }
+    }
+    paddingTop.value = calculateOffset(first.value);
+    paddingBottom.value = calculateOffset(items.value.length) - calculateOffset(last.value);
+  }
+  function scrollToIndex(index) {
+    const offset = calculateOffset(index);
+    if (!containerRef.value || index && !offset) {
+      targetScrollIndex = index;
+    } else {
+      containerRef.value.scrollTop = offset;
+    }
+  }
+  const computedItems = computed(() => {
+    return items.value.slice(first.value, last.value).map((item, index) => ({
+      raw: item,
+      index: index + first.value
+    }));
+  });
+  watch(
+    items,
+    () => {
+      sizes = Array.from({ length: items.value.length });
+      offsets = Array.from({ length: items.value.length });
+      updateOffsets.immediate();
+      calculateVisibleItems();
+    },
+    { deep: true }
+  );
+  return {
+    calculateVisibleItems,
+    containerRef,
+    markerRef,
+    computedItems,
+    paddingTop,
+    paddingBottom,
+    scrollToIndex,
+    handleScroll,
+    handleScrollend,
+    handleItemResize
+  };
+}
+function binaryClosest(arr, val) {
+  let high = arr.length - 1;
+  let low = 0;
+  let mid = 0;
+  let item = null;
+  let target = -1;
+  if (arr[high] < val) {
+    return high;
+  }
+  while (low <= high) {
+    mid = low + high >> 1;
+    item = arr[mid];
+    if (item > val) {
+      high = mid - 1;
+    } else if (item < val) {
+      target = mid;
+      low = mid + 1;
+    } else if (item === val) {
+      return mid;
+    } else {
+      return low;
+    }
+  }
+  return target;
+}
+const makeEvVirtualScrollProps = propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    renderless: Boolean,
+    ...makeVirtualProps(),
+    ...makeComponentProps(),
+    ...makeDimensionsProps()
+  },
+  "EvVirtualScroll"
+);
+const makeEvVirtualScrollItemProps = propsFactory(
+  {
+    renderless: Boolean,
+    ...makeComponentProps()
+  },
+  "EvVirtualScrollItem"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvVirtualScrollItem",
+  props: {
+    ...makeEvVirtualScrollItemProps()
+  },
+  emits: ["update:height"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const { resizeRef, contentRect } = useResizeObserver(void 0, "border");
+    watch(
+      () => {
+        var _a;
+        return (_a = contentRect.value) == null ? void 0 : _a.height;
+      },
+      (height) => {
+        if (height != null) {
+          emit("update:height", height);
+        }
+      }
+    );
+    const slotProps = computed(() => {
+      return {
+        itemRef: resizeRef
+      };
+    });
+    return (_ctx, _cache) => {
+      return props.renderless ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        ref_key: "resizeRef",
+        ref: resizeRef,
+        class: ["ev-virtual-scroll--item", props.class],
+        style: props.style
+      }, unref(attrs)), [
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))
+      ], 16));
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvVirtualScrollItemProps as a,
+  makeVirtualProps as b,
+  makeEvVirtualScrollProps as m,
+  useVirtual as u
+};
+//# sourceMappingURL=EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-oDqVvg1E.mjs.map

package/dist/esm/EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-oDqVvg1E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-oDqVvg1E.mjs","sources":["../../src/composables/virtual.ts","../../src/components/EvVirtualScroll/EvVirtualScroll.ts","../../src/components/EvVirtualScroll/EvVirtualScrollItem.vue"],"sourcesContent":["import { Browser, clamp, debounce, isNumber, propsFactory } from \"@/util\";\nimport {\n    computed,\n    ComputedRef,\n    nextTick,\n    onScopeDispose,\n    ref,\n    Ref,\n    shallowRef,\n    watch,\n    watchEffect,\n} from \"vue\";\nimport { useResizeObserver } from \"./resizeObserver\";\nimport { useDisplay } from \"./display\";\n\nconst UP = -1;\nconst DOWN = 1;\n\n/** Determines how large each batch of items should be */\nconst BUFFER_PX = 100;\n\ntype VirtualProps = {\n    itemHeight?: number | string;\n    height?: number | string;\n};\n\nexport interface VirtualItem {\n    raw: any;\n    index: number;\n}\n\n/**\n * # Make Virtual Props\n */\nexport const makeVirtualProps = propsFactory(\n    {\n        itemHeight: {\n            type: [Number, String],\n            default: null,\n        },\n        height: [Number, String],\n    },\n    \"virtual\",\n);\n\n/**\n * # Use Virtual\n *\n * @param props\n * @param items\n */\nexport function useVirtual<T>(props: VirtualProps, items: Ref<readonly T[]>) {\n    const display = useDisplay();\n    const itemHeight = shallowRef(0);\n    watchEffect(() => {\n        const h = props.itemHeight || 0;\n        itemHeight.value = isNumber(h) ? h : parseFloat(h);\n    });\n    const first = shallowRef(0);\n    const last = shallowRef(\n        Math.ceil(\n            // Assume 16px items filling the entire screen height if not provided.\n            // This is probably incorrect, but it minimises the chance of ending up with empty space at the bottom.\n            // The default value is set here to avoid poisoning getSize()\n            (parseInt(`${props.height}`) || display.height.value) /\n                (itemHeight.value || 16),\n        ) || 1,\n    );\n    const paddingTop = shallowRef(0);\n    const paddingBottom = shallowRef(0);\n    /** The scrollable element */\n    const containerRef = ref<HTMLElement>();\n    /** An element marking the top of the scrollable area,\n     * used to add an offset if there's padding or other elements above the virtual list */\n    const markerRef = ref<HTMLElement>();\n    /** markerRef's offsetTop, lazily evaluated */\n    let markerOffset = 0;\n    const { resizeRef, contentRect } = useResizeObserver();\n    watchEffect(() => {\n        resizeRef.value = containerRef.value;\n    });\n    const viewportHeight = computed(() => {\n        const h = isNumber(props.height)\n            ? props.height\n            : parseInt(props.height);\n        return containerRef.value === document.documentElement\n            ? display.height.value\n            : contentRect.value?.height || h || 0;\n    });\n    /** All static elements have been rendered, and we have an assumed item height */\n    const hasInitialRender = computed(() => {\n        return !!(\n            containerRef.value &&\n            markerRef.value &&\n            viewportHeight.value &&\n            itemHeight.value\n        );\n    });\n    let sizes = Array.from<number | null>({ length: items.value.length });\n    let offsets = Array.from<number>({ length: items.value.length });\n    const updateTime = shallowRef(0);\n    let targetScrollIndex = -1;\n\n    function getSize(index: number) {\n        return sizes[index] || itemHeight.value;\n    }\n\n    const updateOffsets = debounce(() => {\n        const start = performance.now();\n        offsets[0] = 0;\n        const length = items.value.length;\n        for (let i = 1; i <= length - 1; i++) {\n            offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);\n        }\n        updateTime.value = Math.max(\n            updateTime.value,\n            performance.now() - start,\n        );\n    }, updateTime);\n\n    const unwatch = watch(hasInitialRender, (v) => {\n        if (!v) {\n            return;\n        }\n        // First render is complete, update offsets and visible items in case our assumed item height was incorrect.\n        unwatch();\n        markerOffset = markerRef.value!.offsetTop;\n        updateOffsets.immediate();\n        calculateVisibleItems();\n\n        if (!~targetScrollIndex) {\n            return;\n        }\n\n        nextTick(() => {\n            Browser.hasWindow &&\n                window.requestAnimationFrame(() => {\n                    scrollToIndex(targetScrollIndex);\n                    targetScrollIndex = -1;\n                });\n        });\n    });\n\n    onScopeDispose(() => {\n        updateOffsets.clear();\n    });\n\n    function handleItemResize(index: number, height: number) {\n        const prevHeight = sizes[index];\n        const prevMinHeight = itemHeight.value;\n        itemHeight.value = prevMinHeight\n            ? Math.min(itemHeight.value, height)\n            : height;\n\n        if (prevHeight !== height || prevMinHeight !== itemHeight.value) {\n            sizes[index] = height;\n            updateOffsets();\n        }\n    }\n\n    function calculateOffset(index: number) {\n        index = clamp(index, 0, items.value.length - 1);\n        return offsets[index] || 0;\n    }\n\n    function calculateIndex(scrollTop: number) {\n        return binaryClosest(offsets, scrollTop);\n    }\n\n    let lastScrollTop = 0;\n    let scrollVelocity = 0;\n    let lastScrollTime = 0;\n\n    watch(viewportHeight, (val, oldVal) => {\n        if (oldVal) {\n            calculateVisibleItems();\n            if (val < oldVal) {\n                requestAnimationFrame(() => {\n                    scrollVelocity = 0;\n                    calculateVisibleItems();\n                });\n            }\n        }\n    });\n\n    function handleScroll() {\n        if (!containerRef.value || !markerRef.value) {\n            return;\n        }\n        const scrollTop = containerRef.value.scrollTop;\n        const scrollTime = performance.now();\n        const scrollDeltaT = scrollTime - lastScrollTime;\n        if (scrollDeltaT > 500) {\n            scrollVelocity = Math.sign(scrollTop - lastScrollTop);\n            // Not super important, only update at the start of a scroll sequence to avoid reflows.\n            markerOffset = markerRef.value.offsetTop;\n        } else {\n            scrollVelocity = scrollTop - lastScrollTop;\n        }\n        lastScrollTop = scrollTop;\n        lastScrollTime = scrollTime;\n        calculateVisibleItems();\n    }\n\n    function handleScrollend() {\n        if (!containerRef.value || !markerRef.value) {\n            return;\n        }\n        scrollVelocity = 0;\n        lastScrollTime = 0;\n        calculateVisibleItems();\n    }\n\n    let raf = -1;\n    function calculateVisibleItems() {\n        cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(_calculateVisibleItems);\n    }\n\n    function _calculateVisibleItems() {\n        if (!containerRef.value || !viewportHeight.value) {\n            return;\n        }\n        const scrollTop = lastScrollTop - markerOffset;\n        const direction = Math.sign(scrollVelocity);\n        const startPx = Math.max(0, scrollTop - BUFFER_PX);\n        const start = clamp(calculateIndex(startPx), 0, items.value.length);\n        const endPx = scrollTop + viewportHeight.value + BUFFER_PX;\n        const end = clamp(\n            calculateIndex(endPx) + 1,\n            start + 1,\n            items.value.length,\n        );\n        if (\n            // Only update the side we're scrolling towards, the other side will be updated incidentally\n            (direction !== UP || start < first.value) &&\n            (direction !== DOWN || end > last.value)\n        ) {\n            const topOverflow =\n                calculateOffset(first.value) - calculateOffset(start);\n            const bottomOverflow =\n                calculateOffset(end) - calculateOffset(last.value);\n            const bufferOverflow = Math.max(topOverflow, bottomOverflow);\n\n            if (bufferOverflow > BUFFER_PX) {\n                first.value = start;\n                last.value = end;\n            } else {\n                // Only update the side that's reached its limit if there's still buffer left\n                if (start <= 0) {\n                    first.value = start;\n                }\n                if (end >= items.value.length) {\n                    last.value = end;\n                }\n            }\n        }\n        paddingTop.value = calculateOffset(first.value);\n        paddingBottom.value =\n            calculateOffset(items.value.length) - calculateOffset(last.value);\n    }\n\n    function scrollToIndex(index: number) {\n        const offset = calculateOffset(index);\n        if (!containerRef.value || (index && !offset)) {\n            targetScrollIndex = index;\n        } else {\n            containerRef.value.scrollTop = offset;\n        }\n    }\n\n    const computedItems: ComputedRef<VirtualItem[]> = computed(() => {\n        return items.value\n            .slice(first.value, last.value)\n            .map((item, index) => ({\n                raw: item,\n                index: index + first.value,\n            }));\n    });\n\n    watch(\n        items,\n        () => {\n            sizes = Array.from({ length: items.value.length });\n            offsets = Array.from({ length: items.value.length });\n            updateOffsets.immediate();\n            calculateVisibleItems();\n        },\n        { deep: true },\n    );\n\n    return {\n        calculateVisibleItems,\n        containerRef,\n        markerRef,\n        computedItems,\n        paddingTop,\n        paddingBottom,\n        scrollToIndex,\n        handleScroll,\n        handleScrollend,\n        handleItemResize,\n    };\n}\n\n// https://gist.github.com/robertleeplummerjr/1cc657191d34ecd0a324\nfunction binaryClosest(arr: ArrayLike<number>, val: number) {\n    let high = arr.length - 1;\n    let low = 0;\n    let mid = 0;\n    let item = null;\n    let target = -1;\n\n    if (arr[high]! < val) {\n        return high;\n    }\n\n    while (low <= high) {\n        mid = (low + high) >> 1;\n        item = arr[mid]!;\n\n        if (item > val) {\n            high = mid - 1;\n        } else if (item < val) {\n            target = mid;\n            low = mid + 1;\n        } else if (item === val) {\n            return mid;\n        } else {\n            return low;\n        }\n    }\n\n    return target;\n}\n","import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeVirtualProps } from \"@/composables/virtual\";\n\nexport interface EvVirtualScrollSlot<T> {\n    item: T;\n    index: number;\n}\n\n/**\n * # Make EvVirtualScroll Props\n */\nexport const makeEvVirtualScrollProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<readonly unknown[]>,\n            default: () => [],\n        },\n        renderless: Boolean,\n\n        ...makeVirtualProps(),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvVirtualScroll\",\n);\n\n/**\n * # Make EvVirtualScrollItem Props\n */\nexport const makeEvVirtualScrollItemProps = propsFactory(\n    {\n        renderless: Boolean,\n        ...makeComponentProps(),\n    },\n    \"EvVirtualScrollItem\",\n);\n","<script setup lang=\"ts\">\nimport { computed, Ref, useAttrs, watch } from \"vue\";\nimport { useResizeObserver } from \"../../composables/resizeObserver\";\nimport { makeEvVirtualScrollItemProps } from \"./EvVirtualScroll\";\n\ndefineOptions({\n    inheritAttrs: false,\n});\n\ndefineSlots<{\n    default(props: { itemRef: Ref<HTMLElement | undefined> }): any;\n}>();\n\nconst props = defineProps({\n    ...makeEvVirtualScrollItemProps(),\n});\n\nconst emit = defineEmits([\"update:height\"]);\nconst attrs = useAttrs();\n\nconst { resizeRef, contentRect } = useResizeObserver(undefined, \"border\");\n\nwatch(\n    () => contentRect.value?.height,\n    (height) => {\n        if (height != null) {\n            emit(\"update:height\", height);\n        }\n    },\n);\n\nconst slotProps = computed(() => {\n    return {\n        itemRef: resizeRef,\n    };\n});\n</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <slot name=\"default\" v-bind=\"slotProps\" />\n    </template>\n    <div\n        v-else\n        ref=\"resizeRef\"\n        :class=\"['ev-virtual-scroll--item', props.class]\"\n        :style=\"props.style\"\n        v-bind=\"attrs\">\n        <slot name=\"default\" v-bind=\"slotProps\" />\n    </div>\n</template>\n"],"names":[],"mappings":"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"}

package/dist/esm/EvWindow.mjs

@@ -0,0 +1,12 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { a, _, E, b, m } from "./EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs";
+import { _ as _2 } from "./EvWindow.vue_vue_type_script_setup_true_lang-Czc5PeYN.mjs";
+export {
+  _2 as EvWindow,
+  a as EvWindowGroupSymbol,
+  _ as EvWindowItem,
+  E as EvWindowSymbol,
+  b as makeEvWindowItemProps,
+  m as makeEvWindowProps
+};
+//# sourceMappingURL=EvWindow.mjs.map

package/dist/esm/EvWindow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindow.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/EvWindow.vue_vue_type_script_setup_true_lang-Czc5PeYN.mjs

@@ -0,0 +1,250 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, ref, computed, shallowRef, watch, provide, withDirectives, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, unref, createElementBlock, mergeProps, createVNode, createCommentVNode } from "vue";
+import { m as makeEvWindowProps, E as EvWindowSymbol, a as EvWindowGroupSymbol } from "./EvWindowItem.vue_vue_type_script_setup_true_lang-CibxL5ve.mjs";
+import { b as useRtl, u as useLocaleFunctions } from "./locale-irdzfyx_.mjs";
+import { u as useGroup } from "./group-DCRfGBYm.mjs";
+import { _ as _sfc_main$1 } from "./EvButton.vue_vue_type_script_setup_true_lang-DDkhJuo9.mjs";
+import { k as keys } from "./helpers-CVFyfHL3.mjs";
+const handleGesture = (wrapper) => {
+  const { touchstartX, touchendX, touchstartY, touchendY } = wrapper;
+  const dirRatio = 0.5;
+  const minDistance = 16;
+  wrapper.offsetX = touchendX - touchstartX;
+  wrapper.offsetY = touchendY - touchstartY;
+  if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {
+    wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);
+    wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);
+  }
+  if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {
+    wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);
+    wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);
+  }
+};
+function touchstart(event, wrapper) {
+  var _a;
+  const touch = event.changedTouches[0];
+  wrapper.touchstartX = touch.clientX;
+  wrapper.touchstartY = touch.clientY;
+  (_a = wrapper.start) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
+}
+function touchend(event, wrapper) {
+  var _a;
+  const touch = event.changedTouches[0];
+  wrapper.touchendX = touch.clientX;
+  wrapper.touchendY = touch.clientY;
+  (_a = wrapper.end) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
+  handleGesture(wrapper);
+}
+function touchmove(event, wrapper) {
+  var _a;
+  const touch = event.changedTouches[0];
+  wrapper.touchmoveX = touch.clientX;
+  wrapper.touchmoveY = touch.clientY;
+  (_a = wrapper.move) == null ? void 0 : _a.call(wrapper, { originalEvent: event, ...wrapper });
+}
+function createHandlers(value = {}) {
+  const wrapper = {
+    touchstartX: 0,
+    touchstartY: 0,
+    touchendX: 0,
+    touchendY: 0,
+    touchmoveX: 0,
+    touchmoveY: 0,
+    offsetX: 0,
+    offsetY: 0,
+    left: value.left,
+    right: value.right,
+    up: value.up,
+    down: value.down,
+    start: value.start,
+    move: value.move,
+    end: value.end
+  };
+  return {
+    touchstart: (e) => touchstart(e, wrapper),
+    touchend: (e) => touchend(e, wrapper),
+    touchmove: (e) => touchmove(e, wrapper)
+  };
+}
+function mounted(el, binding) {
+  var _a;
+  const value = binding.value;
+  const target = (value == null ? void 0 : value.parent) ? el.parentElement : el;
+  const options = (value == null ? void 0 : value.options) ?? { passive: true };
+  const uid = (_a = binding.instance) == null ? void 0 : _a.$.uid;
+  if (!target || !uid) {
+    return;
+  }
+  const handlers = createHandlers(binding.value);
+  target._touchHandlers = target._touchHandlers ?? /* @__PURE__ */ Object.create(null);
+  target._touchHandlers[uid] = handlers;
+  keys(handlers).forEach((eventName) => {
+    target.addEventListener(eventName, handlers[eventName], options);
+  });
+}
+function unmounted(el, binding) {
+  var _a, _b;
+  const target = ((_a = binding.value) == null ? void 0 : _a.parent) ? el.parentElement : el;
+  const uid = (_b = binding.instance) == null ? void 0 : _b.$.uid;
+  if (!(target == null ? void 0 : target._touchHandlers) || !uid) {
+    return;
+  }
+  const handlers = target._touchHandlers[uid];
+  keys(handlers).forEach((eventName) => {
+    target.removeEventListener(eventName, handlers[eventName]);
+  });
+  delete target._touchHandlers[uid];
+}
+const Touch = {
+  mounted,
+  unmounted
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-window--controls"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-window--control-placeholder"
+};
+const _hoisted_3 = {
+  key: 3,
+  class: "ev-window--control-placeholder"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvWindow",
+  props: {
+    ...makeEvWindowProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const { isRtl } = useRtl();
+    const { t } = useLocaleFunctions();
+    const group = useGroup(props, EvWindowGroupSymbol);
+    const rootRef = ref();
+    const isRtlReverse = computed(
+      () => isRtl.value ? !props.reverse : props.reverse
+    );
+    const isReversed = shallowRef(false);
+    const transition = computed(() => {
+      const axis = props.direction === "vertical" ? "y" : "x";
+      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value;
+      const direction = reverse ? "-reverse" : "";
+      return `ev-window-${axis}${direction}-transition`;
+    });
+    const transitionCount = shallowRef(0);
+    const transitionHeight = ref(void 0);
+    const activeIndex = computed(() => {
+      return group.items.value.findIndex(
+        (item) => group.selected.value.includes(item.id)
+      );
+    });
+    watch(activeIndex, (newVal, oldVal) => {
+      const itemsLength = group.items.value.length;
+      const lastIndex = itemsLength - 1;
+      if (itemsLength <= 2) {
+        isReversed.value = newVal < oldVal;
+      } else if (newVal === lastIndex && oldVal === 0) {
+        isReversed.value = true;
+      } else if (newVal === 0 && oldVal === lastIndex) {
+        isReversed.value = false;
+      } else {
+        isReversed.value = newVal < oldVal;
+      }
+    });
+    provide(EvWindowSymbol, {
+      transition,
+      isReversed,
+      transitionCount,
+      transitionHeight,
+      rootRef
+    });
+    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);
+    const canMoveForward = computed(
+      () => props.continuous || activeIndex.value !== group.items.value.length - 1
+    );
+    function previous() {
+      canMoveBack.value && group.previous();
+    }
+    function next() {
+      canMoveForward.value && group.next();
+    }
+    const touchOptions = computed(() => {
+      if (props.touch === false)
+        return props.touch;
+      const options = {
+        left: () => {
+          isRtlReverse.value ? previous() : next();
+        },
+        right: () => {
+          isRtlReverse.value ? next() : previous();
+        },
+        start: ({ originalEvent }) => {
+          originalEvent.stopPropagation();
+        }
+      };
+      return {
+        ...options,
+        ...props.touch === true ? {} : props.touch
+      };
+    });
+    const previousProps = computed(() => {
+      return {
+        icon: isRtl.value ? props.iconNext : props.iconPrevious,
+        class: `ev-window--${isRtlReverse.value ? "right" : "left"}`,
+        onClick: group.previous,
+        ariaLabel: t("carousel.previous")
+      };
+    });
+    const nextProps = computed(() => {
+      return {
+        icon: isRtl.value ? props.iconPrevious : props.iconNext,
+        class: `ev-window--${isRtlReverse.value ? "left" : "right"}`,
+        onClick: group.next,
+        ariaLabel: t("carousel.next")
+      };
+    });
+    const vTouch = Touch;
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass([
+          "ev-window",
+          {
+            "is-show-arrows-on-hover": props.showArrows === "hover"
+          },
+          props.class
+        ]),
+        style: normalizeStyle(props.style)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "ev-window--container",
+            style: normalizeStyle({
+              height: transitionHeight.value
+            })
+          }, [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ group: unref(group) }))),
+            props.showArrows !== false ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              canMoveBack.value ? renderSlot(_ctx.$slots, "previous", normalizeProps(mergeProps({ key: 0 }, { props: previousProps.value })), () => [
+                createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(previousProps.value)), null, 16)
+              ]) : (openBlock(), createElementBlock("div", _hoisted_2)),
+              canMoveForward.value ? renderSlot(_ctx.$slots, "next", normalizeProps(mergeProps({ key: 2 }, { props: nextProps.value })), () => [
+                createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(nextProps.value)), null, 16)
+              ]) : (openBlock(), createElementBlock("div", _hoisted_3))
+            ])) : createCommentVNode("", true)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["class", "style"])), [
+        [unref(vTouch), touchOptions.value]
+      ]);
+    };
+  }
+});
+export {
+  Touch as T,
+  _sfc_main as _
+};
+//# sourceMappingURL=EvWindow.vue_vue_type_script_setup_true_lang-Czc5PeYN.mjs.map