@evance/evance-ui 1.1.10 → 1.1.12

package/dist/esm/composables/virtual.mjs

@@ -1,257 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { shallowRef, watchEffect, ref, computed, watch, onScopeDispose, nextTick } from "vue";
-import { useResizeObserver } from "./resizeObserver.mjs";
-import { useDisplay } from "./display.mjs";
-import { propsFactory } from "../util/props.mjs";
-import { isNumber } from "../util/is-functions.mjs";
-import { debounce, clamp } from "../util/helpers.mjs";
-import { Browser } from "../util/browser.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;
-}
-export {
-  makeVirtualProps,
-  useVirtual
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),G=require("./resizeObserver.mjs"),J=require("./display.mjs"),K=require("../util/props.mjs"),H=require("../util/is-functions.mjs"),S=require("../util/helpers.mjs"),L=require("../util/browser.mjs"),Q=-1,Y=1,M=100,Z=K.propsFactory({itemHeight:{type:[Number,String],default:null},height:[Number,String]},"virtual");function ee(c,n){const f=J.useDisplay(),r=l.shallowRef(0);l.watchEffect(()=>{const e=c.itemHeight||0;r.value=H.isNumber(e)?e:parseFloat(e)});const a=l.shallowRef(0),o=l.shallowRef(Math.ceil((parseInt(`${c.height}`)||f.height.value)/(r.value||16))||1),g=l.shallowRef(0),x=l.shallowRef(0),u=l.ref(),m=l.ref();let q=0;const{resizeRef:V,contentRect:k}=G.useResizeObserver();l.watchEffect(()=>{V.value=u.value});const b=l.computed(()=>{var t;const e=H.isNumber(c.height)?c.height:parseInt(c.height);return u.value===document.documentElement?f.height.value:((t=k.value)==null?void 0:t.height)||e||0}),D=l.computed(()=>!!(u.value&&m.value&&b.value&&r.value));let T=Array.from({length:n.value.length}),p=Array.from({length:n.value.length});const I=l.shallowRef(0);let R=-1;function N(e){return T[e]||r.value}const y=S.debounce(()=>{const e=performance.now();p[0]=0;const t=n.value.length;for(let s=1;s<=t-1;s++)p[s]=(p[s-1]||0)+N(s-1);I.value=Math.max(I.value,performance.now()-e)},I),E=l.watch(D,e=>{e&&(E(),q=m.value.offsetTop,y.immediate(),h(),~R&&l.nextTick(()=>{L.Browser.hasWindow&&window.requestAnimationFrame(()=>{z(R),R=-1})}))});l.onScopeDispose(()=>{y.clear()});function B(e,t){const s=T[e],i=r.value;r.value=i?Math.min(r.value,t):t,(s!==t||i!==r.value)&&(T[e]=t,y())}function v(e){return e=S.clamp(e,0,n.value.length-1),p[e]||0}function A(e){return te(p,e)}let O=0,d=0,F=0;l.watch(b,(e,t)=>{t&&(h(),e<t&&requestAnimationFrame(()=>{d=0,h()}))});function U(){if(!u.value||!m.value)return;const e=u.value.scrollTop,t=performance.now();t-F>500?(d=Math.sign(e-O),q=m.value.offsetTop):d=e-O,O=e,F=t,h()}function W(){!u.value||!m.value||(d=0,F=0,h())}let P=-1;function h(){cancelAnimationFrame(P),P=requestAnimationFrame(_)}function _(){if(!u.value||!b.value)return;const e=O-q,t=Math.sign(d),s=Math.max(0,e-M),i=S.clamp(A(s),0,n.value.length),j=e+b.value+M,w=S.clamp(A(j)+1,i+1,n.value.length);if((t!==Q||i<a.value)&&(t!==Y||w>o.value)){const C=v(a.value)-v(i),X=v(w)-v(o.value);Math.max(C,X)>M?(a.value=i,o.value=w):(i<=0&&(a.value=i),w>=n.value.length&&(o.value=w))}g.value=v(a.value),x.value=v(n.value.length)-v(o.value)}function z(e){const t=v(e);!u.value||e&&!t?R=e:u.value.scrollTop=t}const $=l.computed(()=>n.value.slice(a.value,o.value).map((e,t)=>({raw:e,index:t+a.value})));return l.watch(n,()=>{T=Array.from({length:n.value.length}),p=Array.from({length:n.value.length}),y.immediate(),h()},{deep:!0}),{calculateVisibleItems:h,containerRef:u,markerRef:m,computedItems:$,paddingTop:g,paddingBottom:x,scrollToIndex:z,handleScroll:U,handleScrollend:W,handleItemResize:B}}function te(c,n){let f=c.length-1,r=0,a=0,o=null,g=-1;if(c[f]<n)return f;for(;r<=f;)if(a=r+f>>1,o=c[a],o>n)f=a-1;else if(o<n)g=a,r=a+1;else return o===n?a:r;return g}exports.makeVirtualProps=Z;exports.useVirtual=ee;
 //# sourceMappingURL=virtual.mjs.map

package/dist/esm/composables/virtual.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"virtual.mjs","sources":["../../../src/composables/virtual.ts"],"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"],"names":[],"mappings":"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"}
+{"version":3,"file":"virtual.mjs","sources":["../../../src/composables/virtual.ts"],"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"],"names":["UP","DOWN","BUFFER_PX","makeVirtualProps","propsFactory","useVirtual","props","items","display","useDisplay","itemHeight","shallowRef","watchEffect","h","isNumber","first","last","paddingTop","paddingBottom","containerRef","ref","markerRef","markerOffset","resizeRef","contentRect","useResizeObserver","viewportHeight","computed","_a","hasInitialRender","sizes","offsets","updateTime","targetScrollIndex","getSize","index","updateOffsets","debounce","start","length","i","unwatch","watch","v","calculateVisibleItems","nextTick","Browser","scrollToIndex","onScopeDispose","handleItemResize","height","prevHeight","prevMinHeight","calculateOffset","clamp","calculateIndex","scrollTop","binaryClosest","lastScrollTop","scrollVelocity","lastScrollTime","val","oldVal","handleScroll","scrollTime","handleScrollend","raf","_calculateVisibleItems","direction","startPx","endPx","end","topOverflow","bottomOverflow","offset","computedItems","item","arr","high","low","mid","target"],"mappings":"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"}

package/dist/esm/directives/click-outside.mjs

@@ -1,97 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { isShadowRoot, isObject, isFunction } from "../util/is-functions.mjs";
-function getRoot(el) {
-  const root = el.getRootNode();
-  if (root !== document && root.getRootNode({ composed: true }) !== document) {
-    return null;
-  }
-  return root;
-}
-function isActive(e, binding) {
-  const isActiveCallback = isObject(binding.value) && binding.value.condition || (() => true);
-  return isActiveCallback(e);
-}
-function isEventOutside(e, el, binding) {
-  if (!e || !isActive(e, binding)) {
-    return false;
-  }
-  const root = getRoot(el);
-  if (isShadowRoot(root) && root.host === e.target) {
-    return false;
-  }
-  const elements = (isObject(binding.value) && binding.value.include || (() => []))();
-  elements.push(el);
-  return !elements.some((el2) => {
-    return el2 == null ? void 0 : el2.contains(e.target);
-  });
-}
-function onClickHandler(e, el, binding) {
-  const handler = isFunction(binding.value) ? binding.value : binding.value.handler;
-  if (!el.__clickOutside.wasMousedownOutside || !isEventOutside(e, el, binding)) {
-    return;
-  }
-  setTimeout(() => {
-    isActive(e, binding) && handler && handler(e);
-  }, 0);
-}
-function handleCallback(el, callback) {
-  callback(document);
-  const root = getRoot(el);
-  if (isShadowRoot(root)) {
-    callback(root);
-  }
-}
-const clickOutside = {
-  /**
-   * Add event listeners when the component is mounted.
-   * @param el
-   * @param binding
-   */
-  mounted(el, binding) {
-    const onClick = (e) => {
-      onClickHandler(e, el, binding);
-    };
-    const onMousedown = (e) => {
-      el.__clickOutside.wasMousedownOutside = isEventOutside(
-        e,
-        el,
-        binding
-      );
-    };
-    handleCallback(el, (app) => {
-      app.addEventListener("click", onClick, true);
-      app.addEventListener("mousedown", onMousedown, true);
-    });
-    if (!el.__clickOutside) {
-      el.__clickOutside = {
-        wasMousedownOutside: false
-      };
-    }
-    el.__clickOutside[binding.instance.$.uid] = { onClick, onMousedown };
-  },
-  /**
-   * Remove event listeners when the component is unmounted.
-   * @param el
-   * @param binding
-   */
-  unmounted(el, binding) {
-    if (!el.__clickOutside) {
-      return;
-    }
-    handleCallback(el, (app) => {
-      var _a;
-      if (!app || !((_a = el.__clickOutside) == null ? void 0 : _a[binding.instance.$.uid])) {
-        return;
-      }
-      const { onClick, onMousedown } = el.__clickOutside[binding.instance.$.uid];
-      app.removeEventListener("click", onClick, true);
-      app.removeEventListener("mousedown", onMousedown, true);
-    });
-    delete el.__clickOutside[binding.instance.$.uid];
-  }
-};
-export {
-  clickOutside,
-  clickOutside as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../util/is-functions.mjs");function r(t){const e=t.getRootNode();return e!==document&&e.getRootNode({composed:!0})!==document?null:e}function d(t,e){return(n.isObject(e.value)&&e.value.condition||(()=>!0))(t)}function a(t,e,o){if(!t||!d(t,o))return!1;const s=r(e);if(n.isShadowRoot(s)&&s.host===t.target)return!1;const u=(n.isObject(o.value)&&o.value.include||(()=>[]))();return u.push(e),!u.some(c=>c==null?void 0:c.contains(t.target))}function _(t,e,o){const s=n.isFunction(o.value)?o.value:o.value.handler;!e.__clickOutside.wasMousedownOutside||!a(t,e,o)||setTimeout(()=>{d(t,o)&&s&&s(t)},0)}function i(t,e){e(document);const o=r(t);n.isShadowRoot(o)&&e(o)}const l={mounted(t,e){const o=u=>{_(u,t,e)},s=u=>{t.__clickOutside.wasMousedownOutside=a(u,t,e)};i(t,u=>{u.addEventListener("click",o,!0),u.addEventListener("mousedown",s,!0)}),t.__clickOutside||(t.__clickOutside={wasMousedownOutside:!1}),t.__clickOutside[e.instance.$.uid]={onClick:o,onMousedown:s}},unmounted(t,e){t.__clickOutside&&(i(t,o=>{var c;if(!o||!((c=t.__clickOutside)!=null&&c[e.instance.$.uid]))return;const{onClick:s,onMousedown:u}=t.__clickOutside[e.instance.$.uid];o.removeEventListener("click",s,!0),o.removeEventListener("mousedown",u,!0)}),delete t.__clickOutside[e.instance.$.uid])}};exports.clickOutside=l;exports.default=l;
 //# sourceMappingURL=click-outside.mjs.map

package/dist/esm/directives/click-outside.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"click-outside.mjs","sources":["../../../src/directives/click-outside.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { isFunction, isObject, isShadowRoot } from \"@/util\";\n\n/**\n * ## Click Outside Args\n *\n * Allows us to accept custom arguments from v-click-outside attributes.\n * - `handler` the function to execute\n * - `condition` an optional function which determines whether the `handler` should be called.\n *              Effectively, this allows us to pause the event.\n * - `include`  an optional array of elements to include when evaluating the click outside event.\n */\ninterface ClickOutsideArgs {\n    handler: (e: MouseEvent) => void;\n    condition?: (e: Event) => boolean;\n    include?: () => HTMLElement[];\n}\n\n/**\n * ## Click Outside Binding\n */\ninterface ClickOutsideBinding extends DirectiveBinding {\n    value: ((e: MouseEvent) => void) | ClickOutsideArgs;\n}\n\ninterface ClickOutsideHTMLElement extends HTMLElement {\n    __clickOutside?: any;\n}\n\n/**\n * # Get the actual or shadow root of an element.\n * @param el\n */\nfunction getRoot(el: HTMLElement): null | Document | ShadowRoot {\n    const root = el.getRootNode();\n    if (\n        root !== document &&\n        root.getRootNode({ composed: true }) !== document\n    ) {\n        return null;\n    }\n    return root as Document | ShadowRoot;\n}\n\n/**\n * ## Is Active?\n * Determine if the callback should be called.\n * @param e\n * @param binding\n */\nfunction isActive(e: MouseEvent, binding: ClickOutsideBinding): boolean {\n    const isActiveCallback =\n        (isObject(binding.value) &&\n            (binding.value as ClickOutsideArgs).condition) ||\n        (() => true);\n    return isActiveCallback(e);\n}\n\n/**\n * ## Is Event Outside?\n *\n * 1. Check that the event listener still wants us to trigger events (`isActive`).\n *    This helps\n *\n *\n * @param e\n * @param el\n * @param binding\n */\nfunction isEventOutside(\n    e: MouseEvent,\n    el: HTMLElement,\n    binding: ClickOutsideBinding,\n): boolean {\n    // 1 Check isActive callback\n    if (!e || !isActive(e, binding)) {\n        return false;\n    }\n    const root = getRoot(el);\n    if (isShadowRoot(root) && root.host === e.target) {\n        return false;\n    }\n    const elements = (\n        (isObject(binding.value) &&\n            (binding.value as ClickOutsideArgs).include) ||\n        (() => [])\n    )();\n    elements.push(el);\n    return !elements.some((el) => {\n        return el?.contains(e.target as Node);\n    });\n}\n\n/**\n * # On Click Handler\n *\n * @param e\n * @param el\n * @param binding\n */\nfunction onClickHandler(\n    e: MouseEvent,\n    el: ClickOutsideHTMLElement,\n    binding: ClickOutsideBinding,\n) {\n    const handler = isFunction(binding.value)\n        ? binding.value\n        : binding.value.handler;\n    if (\n        !el.__clickOutside!.wasMousedownOutside ||\n        !isEventOutside(e, el, binding)\n    ) {\n        return;\n    }\n    // setTimeout so the callback function is executed asynchronously\n    setTimeout(() => {\n        isActive(e, binding) && handler && handler(e);\n    }, 0);\n}\n\n/**\n * ## Handle Callback\n * @param el\n * @param callback\n */\nfunction handleCallback(el: HTMLElement, callback: Function): void {\n    callback(document);\n    const root = getRoot(el);\n    if (isShadowRoot(root)) {\n        callback(root);\n    }\n}\n\n/**\n * # Click Outside Directive\n *\n * There are two handlers:\n * 1. onClick - handles click events, which are triggered after...\n * 2. onMouseDown - determines if the mouse was outside before the click event finished.\n *\n * This helps us get over an issue we had previously, where mouse dragging during a click\n * caused dialogs to close unwantedly.\n */\nexport const clickOutside = {\n    /**\n     * Add event listeners when the component is mounted.\n     * @param el\n     * @param binding\n     */\n    mounted(el: ClickOutsideHTMLElement, binding: ClickOutsideBinding) {\n        const onClick = (e: Event) => {\n            onClickHandler(e as MouseEvent, el, binding);\n        };\n        const onMousedown = (e: Event) => {\n            el.__clickOutside!.wasMousedownOutside = isEventOutside(\n                e as MouseEvent,\n                el,\n                binding,\n            );\n        };\n        handleCallback(el, (app: HTMLElement) => {\n            app.addEventListener(\"click\", onClick, true);\n            app.addEventListener(\"mousedown\", onMousedown, true);\n        });\n        if (!el.__clickOutside) {\n            el.__clickOutside = {\n                wasMousedownOutside: false,\n            };\n        }\n        el.__clickOutside[binding.instance!.$.uid] = { onClick, onMousedown };\n    },\n\n    /**\n     * Remove event listeners when the component is unmounted.\n     * @param el\n     * @param binding\n     */\n    unmounted(el: ClickOutsideHTMLElement, binding: ClickOutsideBinding) {\n        if (!el.__clickOutside) {\n            return;\n        }\n        handleCallback(el, (app: HTMLElement) => {\n            if (!app || !el.__clickOutside?.[binding.instance!.$.uid]) {\n                return;\n            }\n            const { onClick, onMousedown } =\n                el.__clickOutside[binding.instance!.$.uid]!;\n            app.removeEventListener(\"click\", onClick, true);\n            app.removeEventListener(\"mousedown\", onMousedown, true);\n        });\n        delete el.__clickOutside[binding.instance!.$.uid];\n    },\n};\n\nexport default clickOutside;\n"],"names":["el"],"mappings":";;AAiCA,SAAS,QAAQ,IAA+C;AACtD,QAAA,OAAO,GAAG,YAAY;AAExB,MAAA,SAAS,YACT,KAAK,YAAY,EAAE,UAAU,MAAM,MAAM,UAC3C;AACS,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;AAQA,SAAS,SAAS,GAAe,SAAuC;AAC9D,QAAA,mBACD,SAAS,QAAQ,KAAK,KAClB,QAAQ,MAA2B,cACvC,MAAM;AACX,SAAO,iBAAiB,CAAC;AAC7B;AAaA,SAAS,eACL,GACA,IACA,SACO;AAEP,MAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,GAAG;AACtB,WAAA;AAAA,EAAA;AAEL,QAAA,OAAO,QAAQ,EAAE;AACvB,MAAI,aAAa,IAAI,KAAK,KAAK,SAAS,EAAE,QAAQ;AACvC,WAAA;AAAA,EAAA;AAEL,QAAA,YACD,SAAS,QAAQ,KAAK,KAClB,QAAQ,MAA2B,YACvC,MAAM,CAAA,IACT;AACF,WAAS,KAAK,EAAE;AAChB,SAAO,CAAC,SAAS,KAAK,CAACA,QAAO;AACnBA,WAAAA,2BAAI,SAAS,EAAE;AAAA,EAAc,CACvC;AACL;AASA,SAAS,eACL,GACA,IACA,SACF;AACQ,QAAA,UAAU,WAAW,QAAQ,KAAK,IAClC,QAAQ,QACR,QAAQ,MAAM;AAEhB,MAAA,CAAC,GAAG,eAAgB,uBACpB,CAAC,eAAe,GAAG,IAAI,OAAO,GAChC;AACE;AAAA,EAAA;AAGJ,aAAW,MAAM;AACb,aAAS,GAAG,OAAO,KAAK,WAAW,QAAQ,CAAC;AAAA,KAC7C,CAAC;AACR;AAOA,SAAS,eAAe,IAAiB,UAA0B;AAC/D,WAAS,QAAQ;AACX,QAAA,OAAO,QAAQ,EAAE;AACnB,MAAA,aAAa,IAAI,GAAG;AACpB,aAAS,IAAI;AAAA,EAAA;AAErB;AAYO,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,QAAQ,IAA6B,SAA8B;AACzD,UAAA,UAAU,CAAC,MAAa;AACX,qBAAA,GAAiB,IAAI,OAAO;AAAA,IAC/C;AACM,UAAA,cAAc,CAAC,MAAa;AAC9B,SAAG,eAAgB,sBAAsB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AACe,mBAAA,IAAI,CAAC,QAAqB;AACjC,UAAA,iBAAiB,SAAS,SAAS,IAAI;AACvC,UAAA,iBAAiB,aAAa,aAAa,IAAI;AAAA,IAAA,CACtD;AACG,QAAA,CAAC,GAAG,gBAAgB;AACpB,SAAG,iBAAiB;AAAA,QAChB,qBAAqB;AAAA,MACzB;AAAA,IAAA;AAED,OAAA,eAAe,QAAQ,SAAU,EAAE,GAAG,IAAI,EAAE,SAAS,YAAY;AAAA,EACxE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,IAA6B,SAA8B;AAC7D,QAAA,CAAC,GAAG,gBAAgB;AACpB;AAAA,IAAA;AAEW,mBAAA,IAAI,CAAC,QAAqB;;AACjC,UAAA,CAAC,OAAO,GAAC,QAAG,mBAAH,mBAAoB,QAAQ,SAAU,EAAE,OAAM;AACvD;AAAA,MAAA;AAEE,YAAA,EAAE,SAAS,YAAY,IACzB,GAAG,eAAe,QAAQ,SAAU,EAAE,GAAG;AACzC,UAAA,oBAAoB,SAAS,SAAS,IAAI;AAC1C,UAAA,oBAAoB,aAAa,aAAa,IAAI;AAAA,IAAA,CACzD;AACD,WAAO,GAAG,eAAe,QAAQ,SAAU,EAAE,GAAG;AAAA,EAAA;AAExD;"}
+{"version":3,"file":"click-outside.mjs","sources":["../../../src/directives/click-outside.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { isFunction, isObject, isShadowRoot } from \"@/util\";\n\n/**\n * ## Click Outside Args\n *\n * Allows us to accept custom arguments from v-click-outside attributes.\n * - `handler` the function to execute\n * - `condition` an optional function which determines whether the `handler` should be called.\n *              Effectively, this allows us to pause the event.\n * - `include`  an optional array of elements to include when evaluating the click outside event.\n */\ninterface ClickOutsideArgs {\n    handler: (e: MouseEvent) => void;\n    condition?: (e: Event) => boolean;\n    include?: () => HTMLElement[];\n}\n\n/**\n * ## Click Outside Binding\n */\ninterface ClickOutsideBinding extends DirectiveBinding {\n    value: ((e: MouseEvent) => void) | ClickOutsideArgs;\n}\n\ninterface ClickOutsideHTMLElement extends HTMLElement {\n    __clickOutside?: any;\n}\n\n/**\n * # Get the actual or shadow root of an element.\n * @param el\n */\nfunction getRoot(el: HTMLElement): null | Document | ShadowRoot {\n    const root = el.getRootNode();\n    if (\n        root !== document &&\n        root.getRootNode({ composed: true }) !== document\n    ) {\n        return null;\n    }\n    return root as Document | ShadowRoot;\n}\n\n/**\n * ## Is Active?\n * Determine if the callback should be called.\n * @param e\n * @param binding\n */\nfunction isActive(e: MouseEvent, binding: ClickOutsideBinding): boolean {\n    const isActiveCallback =\n        (isObject(binding.value) &&\n            (binding.value as ClickOutsideArgs).condition) ||\n        (() => true);\n    return isActiveCallback(e);\n}\n\n/**\n * ## Is Event Outside?\n *\n * 1. Check that the event listener still wants us to trigger events (`isActive`).\n *    This helps\n *\n *\n * @param e\n * @param el\n * @param binding\n */\nfunction isEventOutside(\n    e: MouseEvent,\n    el: HTMLElement,\n    binding: ClickOutsideBinding,\n): boolean {\n    // 1 Check isActive callback\n    if (!e || !isActive(e, binding)) {\n        return false;\n    }\n    const root = getRoot(el);\n    if (isShadowRoot(root) && root.host === e.target) {\n        return false;\n    }\n    const elements = (\n        (isObject(binding.value) &&\n            (binding.value as ClickOutsideArgs).include) ||\n        (() => [])\n    )();\n    elements.push(el);\n    return !elements.some((el) => {\n        return el?.contains(e.target as Node);\n    });\n}\n\n/**\n * # On Click Handler\n *\n * @param e\n * @param el\n * @param binding\n */\nfunction onClickHandler(\n    e: MouseEvent,\n    el: ClickOutsideHTMLElement,\n    binding: ClickOutsideBinding,\n) {\n    const handler = isFunction(binding.value)\n        ? binding.value\n        : binding.value.handler;\n    if (\n        !el.__clickOutside!.wasMousedownOutside ||\n        !isEventOutside(e, el, binding)\n    ) {\n        return;\n    }\n    // setTimeout so the callback function is executed asynchronously\n    setTimeout(() => {\n        isActive(e, binding) && handler && handler(e);\n    }, 0);\n}\n\n/**\n * ## Handle Callback\n * @param el\n * @param callback\n */\nfunction handleCallback(el: HTMLElement, callback: Function): void {\n    callback(document);\n    const root = getRoot(el);\n    if (isShadowRoot(root)) {\n        callback(root);\n    }\n}\n\n/**\n * # Click Outside Directive\n *\n * There are two handlers:\n * 1. onClick - handles click events, which are triggered after...\n * 2. onMouseDown - determines if the mouse was outside before the click event finished.\n *\n * This helps us get over an issue we had previously, where mouse dragging during a click\n * caused dialogs to close unwantedly.\n */\nexport const clickOutside = {\n    /**\n     * Add event listeners when the component is mounted.\n     * @param el\n     * @param binding\n     */\n    mounted(el: ClickOutsideHTMLElement, binding: ClickOutsideBinding) {\n        const onClick = (e: Event) => {\n            onClickHandler(e as MouseEvent, el, binding);\n        };\n        const onMousedown = (e: Event) => {\n            el.__clickOutside!.wasMousedownOutside = isEventOutside(\n                e as MouseEvent,\n                el,\n                binding,\n            );\n        };\n        handleCallback(el, (app: HTMLElement) => {\n            app.addEventListener(\"click\", onClick, true);\n            app.addEventListener(\"mousedown\", onMousedown, true);\n        });\n        if (!el.__clickOutside) {\n            el.__clickOutside = {\n                wasMousedownOutside: false,\n            };\n        }\n        el.__clickOutside[binding.instance!.$.uid] = { onClick, onMousedown };\n    },\n\n    /**\n     * Remove event listeners when the component is unmounted.\n     * @param el\n     * @param binding\n     */\n    unmounted(el: ClickOutsideHTMLElement, binding: ClickOutsideBinding) {\n        if (!el.__clickOutside) {\n            return;\n        }\n        handleCallback(el, (app: HTMLElement) => {\n            if (!app || !el.__clickOutside?.[binding.instance!.$.uid]) {\n                return;\n            }\n            const { onClick, onMousedown } =\n                el.__clickOutside[binding.instance!.$.uid]!;\n            app.removeEventListener(\"click\", onClick, true);\n            app.removeEventListener(\"mousedown\", onMousedown, true);\n        });\n        delete el.__clickOutside[binding.instance!.$.uid];\n    },\n};\n\nexport default clickOutside;\n"],"names":["getRoot","el","root","isActive","e","binding","isObject","isEventOutside","isShadowRoot","elements","onClickHandler","handler","isFunction","handleCallback","callback","clickOutside","onClick","onMousedown","app","_a"],"mappings":"8LAiCA,SAASA,EAAQC,EAA+C,CACtD,MAAAC,EAAOD,EAAG,YAAY,EAExB,OAAAC,IAAS,UACTA,EAAK,YAAY,CAAE,SAAU,GAAM,IAAM,SAElC,KAEJA,CACX,CAQA,SAASC,EAASC,EAAeC,EAAuC,CAKpE,OAHKC,WAASD,EAAQ,KAAK,GAClBA,EAAQ,MAA2B,YACvC,IAAM,KACaD,CAAC,CAC7B,CAaA,SAASG,EACLH,EACAH,EACAI,EACO,CAEP,GAAI,CAACD,GAAK,CAACD,EAASC,EAAGC,CAAO,EACnB,MAAA,GAEL,MAAAH,EAAOF,EAAQC,CAAE,EACvB,GAAIO,EAAAA,aAAaN,CAAI,GAAKA,EAAK,OAASE,EAAE,OAC/B,MAAA,GAEL,MAAAK,GACDH,WAASD,EAAQ,KAAK,GAClBA,EAAQ,MAA2B,UACvC,IAAM,CAAA,IACT,EACF,OAAAI,EAAS,KAAKR,CAAE,EACT,CAACQ,EAAS,KAAMR,GACZA,GAAAA,YAAAA,EAAI,SAASG,EAAE,OACzB,CACL,CASA,SAASM,EACLN,EACAH,EACAI,EACF,CACQ,MAAAM,EAAUC,aAAWP,EAAQ,KAAK,EAClCA,EAAQ,MACRA,EAAQ,MAAM,QAEhB,CAACJ,EAAG,eAAgB,qBACpB,CAACM,EAAeH,EAAGH,EAAII,CAAO,GAKlC,WAAW,IAAM,CACbF,EAASC,EAAGC,CAAO,GAAKM,GAAWA,EAAQP,CAAC,GAC7C,CAAC,CACR,CAOA,SAASS,EAAeZ,EAAiBa,EAA0B,CAC/DA,EAAS,QAAQ,EACX,MAAAZ,EAAOF,EAAQC,CAAE,EACnBO,EAAAA,aAAaN,CAAI,GACjBY,EAASZ,CAAI,CAErB,CAYO,MAAMa,EAAe,CAMxB,QAAQd,EAA6BI,EAA8B,CACzD,MAAAW,EAAWZ,GAAa,CACXM,EAAAN,EAAiBH,EAAII,CAAO,CAC/C,EACMY,EAAeb,GAAa,CAC9BH,EAAG,eAAgB,oBAAsBM,EACrCH,EACAH,EACAI,CACJ,CACJ,EACeQ,EAAAZ,EAAKiB,GAAqB,CACjCA,EAAA,iBAAiB,QAASF,EAAS,EAAI,EACvCE,EAAA,iBAAiB,YAAaD,EAAa,EAAI,CAAA,CACtD,EACIhB,EAAG,iBACJA,EAAG,eAAiB,CAChB,oBAAqB,EACzB,GAEDA,EAAA,eAAeI,EAAQ,SAAU,EAAE,GAAG,EAAI,CAAE,QAAAW,EAAS,YAAAC,CAAY,CACxE,EAOA,UAAUhB,EAA6BI,EAA8B,CAC5DJ,EAAG,iBAGOY,EAAAZ,EAAKiB,GAAqB,OACjC,GAAA,CAACA,GAAO,GAACC,EAAAlB,EAAG,iBAAH,MAAAkB,EAAoBd,EAAQ,SAAU,EAAE,MACjD,OAEE,KAAA,CAAE,QAAAW,EAAS,YAAAC,CAAY,EACzBhB,EAAG,eAAeI,EAAQ,SAAU,EAAE,GAAG,EACzCa,EAAA,oBAAoB,QAASF,EAAS,EAAI,EAC1CE,EAAA,oBAAoB,YAAaD,EAAa,EAAI,CAAA,CACzD,EACD,OAAOhB,EAAG,eAAeI,EAAQ,SAAU,EAAE,GAAG,EAAA,CAExD"}

package/dist/esm/directives/index.mjs

@@ -1,12 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { clickOutside } from "./click-outside.mjs";
-import { Intersect } from "./intersect.mjs";
-import { SlotsDirective } from "./slots.mjs";
-import { Touch } from "./touch.mjs";
-export {
-  Intersect,
-  SlotsDirective,
-  Touch,
-  clickOutside
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./click-outside.mjs"),t=require("./intersect.mjs"),r=require("./slots.mjs"),s=require("./touch.mjs");exports.clickOutside=e.clickOutside;exports.Intersect=t.Intersect;exports.SlotsDirective=r.SlotsDirective;exports.Touch=s.Touch;
 //# sourceMappingURL=index.mjs.map

package/dist/esm/directives/index.mjs.map

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

package/dist/esm/directives/intersect.mjs

@@ -1,52 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { Browser } from "../util/browser.mjs";
-function mounted(el, binding) {
-  if (!Browser.supportsIntersection) {
-    return;
-  }
-  const modifiers = binding.modifiers || {};
-  const value = binding.value;
-  const { handler, options } = typeof value === "object" ? value : { handler: value, options: {} };
-  const observer = new IntersectionObserver(
-    (entries = [], observer2) => {
-      var _a;
-      const _observe = (_a = el._observe) == null ? void 0 : _a[binding.instance.$.uid];
-      if (!_observe) {
-        return;
-      }
-      const isIntersecting = entries.some(
-        (entry) => entry.isIntersecting
-      );
-      if (handler && (!modifiers.quiet || _observe.init) && (!modifiers.once || isIntersecting || _observe.init)) {
-        handler(isIntersecting, entries, observer2);
-      }
-      if (isIntersecting && modifiers.once) {
-        unmounted(el, binding);
-      } else {
-        _observe.init = true;
-      }
-    },
-    options
-  );
-  el._observe = Object(el._observe);
-  el._observe[binding.instance.$.uid] = { init: false, observer };
-  observer.observe(el);
-}
-function unmounted(el, binding) {
-  var _a;
-  const observe = (_a = el._observe) == null ? void 0 : _a[binding.instance.$.uid];
-  if (!observe) {
-    return;
-  }
-  observe.observer.unobserve(el);
-  delete el._observe[binding.instance.$.uid];
-}
-const Intersect = {
-  mounted,
-  unmounted
-};
-export {
-  Intersect,
-  Intersect as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("../util/browser.mjs");function l(e,t){if(!_.Browser.supportsIntersection)return;const s=t.modifiers||{},o=t.value,{handler:i,options:f}=typeof o=="object"?o:{handler:o,options:{}},c=new IntersectionObserver((u=[],d)=>{var v;const r=(v=e._observe)==null?void 0:v[t.instance.$.uid];if(!r)return;const n=u.some(p=>p.isIntersecting);i&&(!s.quiet||r.init)&&(!s.once||n||r.init)&&i(n,u,d),n&&s.once?a(e,t):r.init=!0},f);e._observe=Object(e._observe),e._observe[t.instance.$.uid]={init:!1,observer:c},c.observe(e)}function a(e,t){var o;const s=(o=e._observe)==null?void 0:o[t.instance.$.uid];s&&(s.observer.unobserve(e),delete e._observe[t.instance.$.uid])}const b={mounted:l,unmounted:a};exports.Intersect=b;exports.default=b;
 //# sourceMappingURL=intersect.mjs.map

package/dist/esm/directives/intersect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"intersect.mjs","sources":["../../../src/directives/intersect.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { Browser } from \"@/util\";\n\ntype ObserverHandler = (\n    isIntersecting: boolean,\n    entries: IntersectionObserverEntry[],\n    observer: IntersectionObserver,\n) => void;\n\ninterface ObserveHTMLElement extends HTMLElement {\n    _observe?: { init: boolean; observer: IntersectionObserver }[];\n}\n\nexport interface ObserverDirectiveBinding\n    extends Omit<DirectiveBinding, \"modifiers\" | \"value\"> {\n    value?:\n        | ObserverHandler\n        | { handler: ObserverHandler; options?: IntersectionObserverInit };\n    modifiers: {\n        once?: boolean;\n        quiet?: boolean;\n    };\n}\n\n/**\n * # Mounted\n */\nfunction mounted(el: ObserveHTMLElement, binding: ObserverDirectiveBinding) {\n    if (!Browser.supportsIntersection) {\n        return;\n    }\n    const modifiers = binding.modifiers || {};\n    const value = binding.value;\n    const { handler, options } =\n        typeof value === \"object\" ? value : { handler: value, options: {} };\n\n    const observer = new IntersectionObserver(\n        (\n            entries: IntersectionObserverEntry[] = [],\n            observer: IntersectionObserver,\n        ) => {\n            const _observe = el._observe?.[binding.instance!.$.uid];\n            // Just in case, should never fire\n            if (!_observe) {\n                return;\n            }\n            const isIntersecting = entries.some(\n                (entry) => entry.isIntersecting,\n            );\n\n            // If is not quiet or has already been initialized, invoke the user callback\n            if (\n                handler &&\n                (!modifiers.quiet || _observe.init) &&\n                (!modifiers.once || isIntersecting || _observe.init)\n            ) {\n                handler(isIntersecting, entries, observer);\n            }\n\n            if (isIntersecting && modifiers.once) {\n                unmounted(el, binding);\n            } else {\n                _observe.init = true;\n            }\n        },\n        options,\n    );\n\n    el._observe = Object(el._observe);\n    el._observe![binding.instance!.$.uid] = { init: false, observer };\n\n    observer.observe(el);\n}\n\n/**\n * # Unmounted\n */\nfunction unmounted(el: ObserveHTMLElement, binding: ObserverDirectiveBinding) {\n    const observe = el._observe?.[binding.instance!.$.uid];\n    if (!observe) {\n        return;\n    }\n    observe.observer.unobserve(el);\n    delete el._observe![binding.instance!.$.uid];\n}\n\nexport const Intersect = {\n    mounted,\n    unmounted,\n};\n\nexport default Intersect;\n"],"names":["observer"],"mappings":";;AA2BA,SAAS,QAAQ,IAAwB,SAAmC;AACpE,MAAA,CAAC,QAAQ,sBAAsB;AAC/B;AAAA,EAAA;AAEE,QAAA,YAAY,QAAQ,aAAa,CAAC;AACxC,QAAM,QAAQ,QAAQ;AACtB,QAAM,EAAE,SAAS,QAAQ,IACrB,OAAO,UAAU,WAAW,QAAQ,EAAE,SAAS,OAAO,SAAS,CAAA,EAAG;AAEtE,QAAM,WAAW,IAAI;AAAA,IACjB,CACI,UAAuC,CAAC,GACxCA,cACC;;AACD,YAAM,YAAW,QAAG,aAAH,mBAAc,QAAQ,SAAU,EAAE;AAEnD,UAAI,CAAC,UAAU;AACX;AAAA,MAAA;AAEJ,YAAM,iBAAiB,QAAQ;AAAA,QAC3B,CAAC,UAAU,MAAM;AAAA,MACrB;AAII,UAAA,YACC,CAAC,UAAU,SAAS,SAAS,UAC7B,CAAC,UAAU,QAAQ,kBAAkB,SAAS,OACjD;AACU,gBAAA,gBAAgB,SAASA,SAAQ;AAAA,MAAA;AAGzC,UAAA,kBAAkB,UAAU,MAAM;AAClC,kBAAU,IAAI,OAAO;AAAA,MAAA,OAClB;AACH,iBAAS,OAAO;AAAA,MAAA;AAAA,IAExB;AAAA,IACA;AAAA,EACJ;AAEG,KAAA,WAAW,OAAO,GAAG,QAAQ;AAC7B,KAAA,SAAU,QAAQ,SAAU,EAAE,GAAG,IAAI,EAAE,MAAM,OAAO,SAAS;AAEhE,WAAS,QAAQ,EAAE;AACvB;AAKA,SAAS,UAAU,IAAwB,SAAmC;;AAC1E,QAAM,WAAU,QAAG,aAAH,mBAAc,QAAQ,SAAU,EAAE;AAClD,MAAI,CAAC,SAAS;AACV;AAAA,EAAA;AAEI,UAAA,SAAS,UAAU,EAAE;AAC7B,SAAO,GAAG,SAAU,QAAQ,SAAU,EAAE,GAAG;AAC/C;AAEO,MAAM,YAAY;AAAA,EACrB;AAAA,EACA;AACJ;"}
+{"version":3,"file":"intersect.mjs","sources":["../../../src/directives/intersect.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { Browser } from \"@/util\";\n\ntype ObserverHandler = (\n    isIntersecting: boolean,\n    entries: IntersectionObserverEntry[],\n    observer: IntersectionObserver,\n) => void;\n\ninterface ObserveHTMLElement extends HTMLElement {\n    _observe?: { init: boolean; observer: IntersectionObserver }[];\n}\n\nexport interface ObserverDirectiveBinding\n    extends Omit<DirectiveBinding, \"modifiers\" | \"value\"> {\n    value?:\n        | ObserverHandler\n        | { handler: ObserverHandler; options?: IntersectionObserverInit };\n    modifiers: {\n        once?: boolean;\n        quiet?: boolean;\n    };\n}\n\n/**\n * # Mounted\n */\nfunction mounted(el: ObserveHTMLElement, binding: ObserverDirectiveBinding) {\n    if (!Browser.supportsIntersection) {\n        return;\n    }\n    const modifiers = binding.modifiers || {};\n    const value = binding.value;\n    const { handler, options } =\n        typeof value === \"object\" ? value : { handler: value, options: {} };\n\n    const observer = new IntersectionObserver(\n        (\n            entries: IntersectionObserverEntry[] = [],\n            observer: IntersectionObserver,\n        ) => {\n            const _observe = el._observe?.[binding.instance!.$.uid];\n            // Just in case, should never fire\n            if (!_observe) {\n                return;\n            }\n            const isIntersecting = entries.some(\n                (entry) => entry.isIntersecting,\n            );\n\n            // If is not quiet or has already been initialized, invoke the user callback\n            if (\n                handler &&\n                (!modifiers.quiet || _observe.init) &&\n                (!modifiers.once || isIntersecting || _observe.init)\n            ) {\n                handler(isIntersecting, entries, observer);\n            }\n\n            if (isIntersecting && modifiers.once) {\n                unmounted(el, binding);\n            } else {\n                _observe.init = true;\n            }\n        },\n        options,\n    );\n\n    el._observe = Object(el._observe);\n    el._observe![binding.instance!.$.uid] = { init: false, observer };\n\n    observer.observe(el);\n}\n\n/**\n * # Unmounted\n */\nfunction unmounted(el: ObserveHTMLElement, binding: ObserverDirectiveBinding) {\n    const observe = el._observe?.[binding.instance!.$.uid];\n    if (!observe) {\n        return;\n    }\n    observe.observer.unobserve(el);\n    delete el._observe![binding.instance!.$.uid];\n}\n\nexport const Intersect = {\n    mounted,\n    unmounted,\n};\n\nexport default Intersect;\n"],"names":["mounted","el","binding","Browser","modifiers","value","handler","options","observer","entries","_observe","_a","isIntersecting","entry","unmounted","observe","Intersect"],"mappings":"yLA2BA,SAASA,EAAQC,EAAwBC,EAAmC,CACpE,GAAA,CAACC,UAAQ,qBACT,OAEE,MAAAC,EAAYF,EAAQ,WAAa,CAAC,EAClCG,EAAQH,EAAQ,MAChB,CAAE,QAAAI,EAAS,QAAAC,CAAQ,EACrB,OAAOF,GAAU,SAAWA,EAAQ,CAAE,QAASA,EAAO,QAAS,CAAA,CAAG,EAEhEG,EAAW,IAAI,qBACjB,CACIC,EAAuC,CAAC,EACxCD,IACC,OACD,MAAME,GAAWC,EAAAV,EAAG,WAAH,YAAAU,EAAcT,EAAQ,SAAU,EAAE,KAEnD,GAAI,CAACQ,EACD,OAEJ,MAAME,EAAiBH,EAAQ,KAC1BI,GAAUA,EAAM,cACrB,EAIIP,IACC,CAACF,EAAU,OAASM,EAAS,QAC7B,CAACN,EAAU,MAAQQ,GAAkBF,EAAS,OAEvCJ,EAAAM,EAAgBH,EAASD,CAAQ,EAGzCI,GAAkBR,EAAU,KAC5BU,EAAUb,EAAIC,CAAO,EAErBQ,EAAS,KAAO,EAExB,EACAH,CACJ,EAEGN,EAAA,SAAW,OAAOA,EAAG,QAAQ,EAC7BA,EAAA,SAAUC,EAAQ,SAAU,EAAE,GAAG,EAAI,CAAE,KAAM,GAAO,SAAAM,CAAS,EAEhEA,EAAS,QAAQP,CAAE,CACvB,CAKA,SAASa,EAAUb,EAAwBC,EAAmC,OAC1E,MAAMa,GAAUJ,EAAAV,EAAG,WAAH,YAAAU,EAAcT,EAAQ,SAAU,EAAE,KAC7Ca,IAGGA,EAAA,SAAS,UAAUd,CAAE,EAC7B,OAAOA,EAAG,SAAUC,EAAQ,SAAU,EAAE,GAAG,EAC/C,CAEO,MAAMc,EAAY,CACrB,QAAAhB,EACA,UAAAc,CACJ"}

package/dist/esm/directives/slots.mjs

@@ -1,18 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-const SlotsDirective = {
-  beforeMount(el, binding, vnode) {
-    const slots = binding.value || {};
-    const subComponentVNode = vnode.component;
-    if (!subComponentVNode) {
-      return;
-    }
-    Object.keys(slots).forEach((slotName) => {
-      subComponentVNode.slots[slotName] = slots[slotName];
-    });
-  }
-};
-export {
-  SlotsDirective,
-  SlotsDirective as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s={beforeMount(n,r,l){const e=r.value||{},t=l.component;t&&Object.keys(e).forEach(o=>{t.slots[o]=e[o]})}};exports.SlotsDirective=s;exports.default=s;
 //# sourceMappingURL=slots.mjs.map

package/dist/esm/directives/slots.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slots.mjs","sources":["../../../src/directives/slots.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { VNode } from \"vue\";\n\nexport const SlotsDirective = {\n    beforeMount(el: HTMLElement, binding: DirectiveBinding, vnode: VNode) {\n        const slots = binding.value || {};\n\n        const subComponentVNode = vnode.component;\n        if (!subComponentVNode) {\n            return;\n        }\n\n        Object.keys(slots).forEach((slotName) => {\n            subComponentVNode.slots[slotName] = slots[slotName];\n        });\n    },\n};\n\nexport default SlotsDirective;\n"],"names":[],"mappings":";AAGO,MAAM,iBAAiB;AAAA,EAC1B,YAAY,IAAiB,SAA2B,OAAc;AAC5D,UAAA,QAAQ,QAAQ,SAAS,CAAC;AAEhC,UAAM,oBAAoB,MAAM;AAChC,QAAI,CAAC,mBAAmB;AACpB;AAAA,IAAA;AAGJ,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,aAAa;AACrC,wBAAkB,MAAM,QAAQ,IAAI,MAAM,QAAQ;AAAA,IAAA,CACrD;AAAA,EAAA;AAET;"}
+{"version":3,"file":"slots.mjs","sources":["../../../src/directives/slots.ts"],"sourcesContent":["import { DirectiveBinding } from \"vue\";\nimport { VNode } from \"vue\";\n\nexport const SlotsDirective = {\n    beforeMount(el: HTMLElement, binding: DirectiveBinding, vnode: VNode) {\n        const slots = binding.value || {};\n\n        const subComponentVNode = vnode.component;\n        if (!subComponentVNode) {\n            return;\n        }\n\n        Object.keys(slots).forEach((slotName) => {\n            subComponentVNode.slots[slotName] = slots[slotName];\n        });\n    },\n};\n\nexport default SlotsDirective;\n"],"names":["SlotsDirective","el","binding","vnode","slots","subComponentVNode","slotName"],"mappings":"kJAGO,MAAMA,EAAiB,CAC1B,YAAYC,EAAiBC,EAA2BC,EAAc,CAC5D,MAAAC,EAAQF,EAAQ,OAAS,CAAC,EAE1BG,EAAoBF,EAAM,UAC3BE,GAIL,OAAO,KAAKD,CAAK,EAAE,QAASE,GAAa,CACrCD,EAAkB,MAAMC,CAAQ,EAAIF,EAAME,CAAQ,CAAA,CACrD,CAAA,CAET"}