@evance/evance-ui 1.0.1 → 1.0.2

package/dist/esm/EvTooltip.vue_vue_type_script_setup_true_lang-S8a2zg9a.mjs

@@ -0,0 +1,97 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { defineComponent, computed, ref, mergeProps, openBlock, createBlock, unref, isRef, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { o as omit, g as getNextId, f as filterComponentProps } from "./helpers-pCeamm7z.mjs";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+import { e as makeEvOverlayProps, _ as _sfc_main$1 } from "./EvOverlay.vue_vue_type_script_setup_true_lang-B7vUOqtk.mjs";
+import { u as useModelProxy } from "./modelProxy-B-YOpPOA.mjs";
+const makeEvTooltipProps = propsFactory(
+  {
+    id: String,
+    text: String,
+    ...omit(
+      makeEvOverlayProps({
+        closeOnBack: false,
+        position: "top",
+        positionStrategy: "connected",
+        minWidth: 0,
+        offset: 8,
+        openDelay: 250,
+        openOnClick: false,
+        openOnHover: true,
+        origin: "auto",
+        veil: false,
+        scrollStrategy: "reposition",
+        transition: false
+      }),
+      ["absolute", "persistent"]
+    )
+  },
+  "EvTooltip"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvTooltip",
+  props: {
+    ...makeEvTooltipProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const isActive = useModelProxy(props, "modelValue");
+    const uid = getNextId();
+    const id = computed(() => {
+      return props.id || `ev-tooltip-${uid}`;
+    });
+    const overlayRef = ref();
+    const overlayProps = filterComponentProps(_sfc_main$1, props);
+    const position = computed(() => {
+      return props.position.split(" ").length > 1 ? props.position : props.position + " center";
+    });
+    const origin = computed(() => {
+      return props.origin === "auto" || props.origin === "overlap" || props.origin.split(" ").length > 1 || props.position.split(" ").length > 1 ? props.origin : props.origin + " center";
+    });
+    const transition = computed(() => {
+      if (props.transition) {
+        return props.transition;
+      }
+      return isActive.value ? "transition-scale" : "transition-fade";
+    });
+    const activatorProps = computed(() => {
+      return mergeProps(
+        {
+          "aria-describedby": id.value
+        },
+        props.activatorProps
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        id: id.value,
+        ref_key: "overlayRef",
+        ref: overlayRef
+      }, unref(overlayProps), {
+        modelValue: unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null),
+        role: "tooltip",
+        class: ["ev-tooltip", props.class],
+        style: props.style,
+        transition: transition.value,
+        position: position.value,
+        origin: origin.value,
+        "activator-props": activatorProps.value,
+        absolute: "",
+        "disable-global-stack": ""
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["id", "modelValue", "class", "style", "transition", "position", "origin", "activator-props"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvTooltipProps as m
+};
+//# sourceMappingURL=EvTooltip.vue_vue_type_script_setup_true_lang-S8a2zg9a.mjs.map

package/dist/esm/EvTooltip.vue_vue_type_script_setup_true_lang-S8a2zg9a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTooltip.vue_vue_type_script_setup_true_lang-S8a2zg9a.mjs","sources":["../../src/components/EvTooltip/EvTooltip.ts","../../src/components/EvTooltip/EvTooltip.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvOverlayProps } from \"@/components/EvOverlay\";\n\nexport const makeEvTooltipProps = propsFactory(\n    {\n        id: String,\n        text: String,\n\n        ...omit(\n            makeEvOverlayProps({\n                closeOnBack: false,\n                position: \"top\" as const,\n                positionStrategy: \"connected\" as const,\n                minWidth: 0,\n                offset: 8,\n                openDelay: 250,\n                openOnClick: false,\n                openOnHover: true,\n                origin: \"auto\" as const,\n                veil: false,\n                scrollStrategy: \"reposition\" as const,\n                transition: false,\n            }),\n            [\"absolute\", \"persistent\"],\n        ),\n    },\n    \"EvTooltip\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvTooltip.scss\";\nimport { makeEvTooltipProps } from \"./EvTooltip.ts\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { filterComponentProps, getNextId } from \"@/util\";\nimport { EvOverlay, PositionStrategyProps } from \"@/components/EvOverlay\";\nimport { computed, mergeProps, ref } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvTooltipProps(),\n});\n\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\n\nconst id = computed(() => {\n    return props.id || `ev-tooltip-${uid}`;\n});\n\nconst overlayRef = ref<typeof EvOverlay>();\nconst overlayProps = filterComponentProps(EvOverlay, props);\n\nconst position = computed(() => {\n    return props.position.split(\" \").length > 1\n        ? props.position\n        : ((props.position + \" center\") as PositionStrategyProps[\"position\"]);\n});\n\nconst origin = computed(() => {\n    return props.origin === \"auto\" ||\n        props.origin === \"overlap\" ||\n        props.origin.split(\" \").length > 1 ||\n        props.position.split(\" \").length > 1\n        ? props.origin\n        : ((props.origin + \" center\") as PositionStrategyProps[\"origin\"]);\n});\n\nconst transition = computed(() => {\n    if (props.transition) {\n        return props.transition;\n    }\n    return isActive.value ? \"transition-scale\" : \"transition-fade\";\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-describedby\": id.value,\n        },\n        props.activatorProps,\n    );\n});\n</script>\n\n<template>\n    <ev-overlay\n        :id=\"id\"\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        role=\"tooltip\"\n        :class=\"['ev-tooltip', props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :position=\"position\"\n        :origin=\"origin\"\n        :activator-props=\"activatorProps\"\n        absolute\n        disable-global-stack>\n        <slot>{{ props.text }}</slot>\n    </ev-overlay>\n</template>\n"],"names":["EvOverlay"],"mappings":";;;;;;AAGO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IAEN,GAAG;AAAA,MACC,mBAAmB;AAAA,QACf,aAAa;AAAA,QACb,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,YAAY;AAAA,MAAA,CACf;AAAA,MACD,CAAC,YAAY,YAAY;AAAA,IAC7B;AAAA,EACJ;AAAA,EACA;AACJ;;;;;;;;ACfM,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,MAAM;AAEN,UAAA,KAAK,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,cAAc,GAAG;AAAA,IAAA,CACvC;AAED,UAAM,aAAa;AACb,UAAA,eAAe,qBAAqBA,aAAW,KAAK;AAEpD,UAAA,WAAW,SAAS,MAAM;AACrB,aAAA,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACpC,MAAM,WACJ,MAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,SAAS,SAAS,MAAM;AACnB,aAAA,MAAM,WAAW,UACpB,MAAM,WAAW,aACjB,MAAM,OAAO,MAAM,GAAG,EAAE,SAAS,KACjC,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACjC,MAAM,SACJ,MAAM,SAAS;AAAA,IAAA,CAC1B;AAEK,UAAA,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,YAAY;AAClB,eAAO,MAAM;AAAA,MACjB;AACO,aAAA,SAAS,QAAQ,qBAAqB;AAAA,IAAA,CAChD;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,oBAAoB,GAAG;AAAA,QAC3B;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,IACV,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvTransition-C4EeIQFQ.mjs

@@ -0,0 +1,44 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { computed, h, mergeProps, Transition } from "vue";
+import { d as isEmpty, b as isBoolean, a as isString, i as isObject } from "./is-functions-DDx5Oqi8.mjs";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+const makeEvTransitionProps = propsFactory(
+  {
+    transition: {
+      type: [Boolean, String, Object],
+      default: true
+    }
+  },
+  "EvTransition"
+);
+function useEvTransition(props, defaultTransition = "transition-fade") {
+  return computed(() => {
+    if (isEmpty(props.transition) || isBoolean(props.transition)) {
+      return {
+        name: !!props.transition && !props.disabled ? defaultTransition : ""
+      };
+    }
+    if (isString(props.transition)) {
+      return {
+        name: props.disabled ? "" : props.transition
+      };
+    }
+    return props.transition;
+  });
+}
+const EvTransition = (props, { slots }) => {
+  const { transition, disabled, ...remainingProps } = props;
+  const { component: transitionComponent = Transition, ...customProps } = isObject(transition) ? transition : {};
+  const transitionProps = isString(transition) ? { name: disabled ? "" : transition } : customProps;
+  return h(
+    transitionComponent,
+    mergeProps(transitionProps, remainingProps, { disabled }),
+    slots
+  );
+};
+export {
+  EvTransition as E,
+  makeEvTransitionProps as m,
+  useEvTransition as u
+};
+//# sourceMappingURL=EvTransition-C4EeIQFQ.mjs.map

package/dist/esm/EvTransition-C4EeIQFQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransition-C4EeIQFQ.mjs","sources":["../../src/components/EvTransition/EvTransition.ts"],"sourcesContent":["import {\n    Component,\n    computed,\n    FunctionalComponent,\n    mergeProps,\n    PropType,\n    Transition,\n    TransitionProps,\n    h,\n} from \"vue\";\nimport { isBoolean, isEmpty, isObject, isString, propsFactory } from \"@/util\";\n\nexport type EvTransitionProp =\n    | string\n    | boolean\n    | (TransitionProps & { component?: Component });\n\nexport interface EvTransitionProps {\n    appear?: boolean;\n    transition?: EvTransitionProp;\n    disabled?: boolean;\n}\n\n/**\n * # Make Transition Props\n */\nexport const makeEvTransitionProps = propsFactory(\n    {\n        transition: {\n            type: [Boolean, String, Object] as PropType<EvTransitionProp>,\n            default: true,\n        },\n    },\n    \"EvTransition\",\n);\n\n/**\n * # Use Transition\n *\n * Prepares `transition` props for use\n *\n * @param props\n * @param defaultTransition\n */\nexport function useEvTransition(\n    props: EvTransitionProps,\n    defaultTransition: string = \"transition-fade\",\n) {\n    return computed(() => {\n        if (isEmpty(props.transition) || isBoolean(props.transition)) {\n            return {\n                name:\n                    !!props.transition && !props.disabled\n                        ? defaultTransition\n                        : \"\",\n            };\n        }\n        if (isString(props.transition)) {\n            return {\n                name: props.disabled ? \"\" : props.transition,\n            };\n        }\n        return props.transition;\n    });\n}\n\n/**\n * # EvTransition\n *\n * A functional component for handling transitions, which can either be a name, object or component.\n *\n * There is no `.vue` component file for this component.\n *\n * @param props\n * @param slots\n * @constructor\n */\nexport const EvTransition: FunctionalComponent = (\n    props: EvTransitionProps,\n    { slots },\n) => {\n    const { transition, disabled, ...remainingProps } = props;\n    const { component: transitionComponent = Transition, ...customProps } =\n        isObject(transition) ? transition : {};\n    const transitionProps = isString(transition)\n        ? { name: disabled ? \"\" : transition }\n        : (customProps as any);\n\n    return h(\n        transitionComponent,\n        mergeProps(transitionProps, remainingProps as any, { disabled }),\n        slots,\n    );\n};\n"],"names":[],"mappings":";;;;AA0BO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,YAAY;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA;AACJ;AAUgB,SAAA,gBACZ,OACA,oBAA4B,mBAC9B;AACE,SAAO,SAAS,MAAM;AAClB,QAAI,QAAQ,MAAM,UAAU,KAAK,UAAU,MAAM,UAAU,GAAG;AACnD,aAAA;AAAA,QACH,MACI,CAAC,CAAC,MAAM,cAAc,CAAC,MAAM,WACvB,oBACA;AAAA,MAAA;AAAA,IAElB;AACI,QAAA,SAAS,MAAM,UAAU,GAAG;AACrB,aAAA;AAAA,QACH,MAAM,MAAM,WAAW,KAAK,MAAM;AAAA,MAAA;AAAA,IAE1C;AACA,WAAO,MAAM;AAAA,EAAA,CAChB;AACL;AAaO,MAAM,eAAoC,CAC7C,OACA,EAAE,YACD;AACD,QAAM,EAAE,YAAY,UAAU,GAAG,mBAAmB;AAC9C,QAAA,EAAE,WAAW,sBAAsB,YAAY,GAAG,gBACpD,SAAS,UAAU,IAAI,aAAa;AAClC,QAAA,kBAAkB,SAAS,UAAU,IACrC,EAAE,MAAM,WAAW,KAAK,WACvB,IAAA;AAEA,SAAA;AAAA,IACH;AAAA,IACA,WAAW,iBAAiB,gBAAuB,EAAE,UAAU;AAAA,IAC/D;AAAA,EAAA;AAER;"}

package/dist/esm/EvTransitionExpand.mjs

@@ -0,0 +1,103 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { h, Transition, camelize } from "vue";
+function createJavaScriptTransition(name, functions, mode = "in-out") {
+  return (props, { slots }) => {
+    return h(
+      Transition,
+      {
+        name: props.disabled ? "" : name,
+        css: !props.disabled,
+        ...props.disabled ? {} : functions
+      },
+      slots.default
+    );
+  };
+}
+function ExpandTransitionGenerator(expandedParentClass = "", x = false) {
+  const sizeProperty = x ? "width" : "height";
+  const offsetProperty = camelize(`offset-${sizeProperty}`);
+  function onAfterLeave(el) {
+    if (expandedParentClass && el._parent) {
+      el._parent.classList.remove(expandedParentClass);
+    }
+    resetStyles(el);
+  }
+  function resetStyles(el) {
+    const size = el._initialStyle[sizeProperty];
+    el.style.overflow = el._initialStyle.overflow;
+    if (size != null)
+      el.style[sizeProperty] = size;
+    delete el._initialStyle;
+  }
+  return {
+    /**
+     * ## onBeforeEnter
+     * @param el
+     */
+    onBeforeEnter(el) {
+      el._parent = el.parentNode;
+      el._initialStyle = {
+        transition: el.style.transition,
+        overflow: el.style.overflow,
+        [sizeProperty]: el.style[sizeProperty]
+      };
+    },
+    /**
+     * ## onEnter
+     * @param el
+     */
+    onEnter(el) {
+      const initialStyle = el._initialStyle;
+      el.style.setProperty("transition", "none", "important");
+      el.style.overflow = "hidden";
+      const offset = `${el[offsetProperty]}px`;
+      el.style[sizeProperty] = "0";
+      void el.offsetHeight;
+      el.style.transition = initialStyle.transition;
+      if (expandedParentClass && el._parent) {
+        el._parent.classList.add(expandedParentClass);
+      }
+      requestAnimationFrame(() => {
+        el.style[sizeProperty] = offset;
+      });
+    },
+    /**
+     * ## onAfterEnter
+     */
+    onAfterEnter: resetStyles,
+    /**
+     * ## onEnterCancelled
+     */
+    onEnterCancelled: resetStyles,
+    /**
+     * ## onLeave
+     * @param el
+     */
+    onLeave(el) {
+      el._initialStyle = {
+        transition: "",
+        overflow: el.style.overflow,
+        [sizeProperty]: el.style[sizeProperty]
+      };
+      el.style.overflow = "hidden";
+      el.style[sizeProperty] = `${el[offsetProperty]}px`;
+      void el.offsetHeight;
+      requestAnimationFrame(() => el.style[sizeProperty] = "0");
+    },
+    /**
+     * ## onAfterLeave
+     */
+    onAfterLeave,
+    /**
+     * ## onAfterLeave
+     */
+    onLeaveCancelled: onAfterLeave
+  };
+}
+const EvTransitionExpand = createJavaScriptTransition("expand-transition", ExpandTransitionGenerator());
+const EvTransitionExpandX = createJavaScriptTransition("expand-x-transition", ExpandTransitionGenerator("", true));
+export {
+  EvTransitionExpand,
+  EvTransitionExpandX
+};
+//# sourceMappingURL=EvTransitionExpand.mjs.map

package/dist/esm/EvTransitionExpand.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransitionExpand.mjs","sources":["../../src/components/EvTransition/transitions/createTransition.ts","../../src/components/EvTransition/transitions/expandTransition.ts","../../src/components/EvTransition/transitions/index.ts"],"sourcesContent":["import {FunctionalComponent, h, Transition} from \"vue\";\n\n\n/**\n * # createJavaScriptTransition\n *\n * @param name\n * @param functions\n * @param mode\n *\n */\nexport function createJavaScriptTransition(\n    name: string,\n    functions: Record<string, any>,\n    mode = 'in-out'\n): FunctionalComponent {\n\n    return (props: any, {slots}) => {\n        return h(\n            Transition,\n            {\n                name: props.disabled ? '' : name,\n                css: !props.disabled,\n                ...(props.disabled ? {} : functions)\n            },\n            slots.default\n        );\n    };\n}","// Utilities\nimport { camelize } from 'vue'\n\ninterface HTMLExpandElement extends HTMLElement {\n    _parent?: (Node & ParentNode & HTMLElement) | null;\n    _initialStyle?: {\n        transition: string,\n        overflow: string,\n        height?: string | null,\n        width?: string | null\n    };\n}\n\n/**\n * @param expandedParentClass\n * @param x\n */\nexport default function (expandedParentClass = '', x = false) {\n    const sizeProperty = x ? 'width' : 'height' as 'width' | 'height';\n    const offsetProperty = camelize(`offset-${sizeProperty}`) as 'offsetHeight' | 'offsetWidth';\n\n    /**\n     * ## onAfterLeave\n     * @param el\n     */\n    function onAfterLeave(el: HTMLExpandElement) {\n        if (expandedParentClass && el._parent) {\n            el._parent.classList.remove(expandedParentClass);\n        }\n        resetStyles(el);\n    }\n\n    /**\n     * ## resetStyles\n     * @param el\n     */\n    function resetStyles(el: HTMLExpandElement) {\n        const size = el._initialStyle![sizeProperty];\n        el.style.overflow = el._initialStyle!.overflow;\n        if (size != null) el.style[sizeProperty] = size;\n        delete el._initialStyle;\n    }\n\n    return {\n\n        /**\n         * ## onBeforeEnter\n         * @param el\n         */\n        onBeforeEnter(el: HTMLExpandElement) {\n            el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null;\n            el._initialStyle = {\n                transition: el.style.transition,\n                overflow: el.style.overflow,\n                [sizeProperty]: el.style[sizeProperty]\n            };\n        },\n\n        /**\n         * ## onEnter\n         * @param el\n         */\n        onEnter(el: HTMLExpandElement) {\n            const initialStyle = el._initialStyle!;\n\n            el.style.setProperty('transition', 'none', 'important');\n            // Hide overflow to account for collapsed margins in the calculated height\n            el.style.overflow = 'hidden';\n            const offset = `${el[offsetProperty]}px`;\n\n            el.style[sizeProperty] = '0';\n\n            void el.offsetHeight; // force reflow\n            el.style.transition = initialStyle.transition;\n\n            if (expandedParentClass && el._parent) {\n                el._parent.classList.add(expandedParentClass);\n            }\n\n            requestAnimationFrame(() => {\n                el.style[sizeProperty] = offset;\n            })\n        },\n\n        /**\n         * ## onAfterEnter\n         */\n        onAfterEnter: resetStyles,\n\n        /**\n         * ## onEnterCancelled\n         */\n        onEnterCancelled: resetStyles,\n\n        /**\n         * ## onLeave\n         * @param el\n         */\n        onLeave(el: HTMLExpandElement) {\n            el._initialStyle = {\n                transition: '',\n                overflow: el.style.overflow,\n                [sizeProperty]: el.style[sizeProperty]\n            };\n\n            el.style.overflow = 'hidden';\n            el.style[sizeProperty] = `${el[offsetProperty]}px`;\n            void el.offsetHeight; // force reflow\n\n            requestAnimationFrame(() => (el.style[sizeProperty] = '0'));\n        },\n\n        /**\n         * ## onAfterLeave\n         */\n        onAfterLeave,\n\n        /**\n         * ## onAfterLeave\n         */\n        onLeaveCancelled: onAfterLeave\n    }\n}\n","// Javascript transitions\nimport {createJavaScriptTransition} from \"@/components/EvTransition/transitions/createTransition.ts\";\nimport ExpandTransitionGenerator from './expandTransition'\nimport {FunctionalComponent} from \"vue\";\n\nexport const EvTransitionExpand = createJavaScriptTransition('expand-transition', ExpandTransitionGenerator());\nexport const EvTransitionExpandX = createJavaScriptTransition('expand-x-transition', ExpandTransitionGenerator('', true));\n\n\nexport type EvTransitionExpand = FunctionalComponent<typeof EvTransitionExpand>;\nexport type EvTransitionExpandX = FunctionalComponent<typeof EvTransitionExpandX>;"],"names":[],"mappings":";;AAWO,SAAS,2BACZ,MACA,WACA,OAAO,UACY;AAEnB,SAAO,CAAC,OAAY,EAAC,YAAW;AACrB,WAAA;AAAA,MACH;AAAA,MACA;AAAA,QACI,MAAM,MAAM,WAAW,KAAK;AAAA,QAC5B,KAAK,CAAC,MAAM;AAAA,QACZ,GAAI,MAAM,WAAW,CAAA,IAAK;AAAA,MAC9B;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EACV;AAER;ACXyB,SAAA,0BAAA,sBAAsB,IAAI,IAAI,OAAO;AACpD,QAAA,eAAe,IAAI,UAAU;AACnC,QAAM,iBAAiB,SAAS,UAAU,YAAY,EAAE;AAMxD,WAAS,aAAa,IAAuB;AACrC,QAAA,uBAAuB,GAAG,SAAS;AAChC,SAAA,QAAQ,UAAU,OAAO,mBAAmB;AAAA,IACnD;AACA,gBAAY,EAAE;AAAA,EAClB;AAMA,WAAS,YAAY,IAAuB;AAClC,UAAA,OAAO,GAAG,cAAe,YAAY;AACxC,OAAA,MAAM,WAAW,GAAG,cAAe;AACtC,QAAI,QAAQ;AAAS,SAAA,MAAM,YAAY,IAAI;AAC3C,WAAO,GAAG;AAAA,EACd;AAEO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMH,cAAc,IAAuB;AACjC,SAAG,UAAU,GAAG;AAChB,SAAG,gBAAgB;AAAA,QACf,YAAY,GAAG,MAAM;AAAA,QACrB,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MAAA;AAAA,IAE7C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAQ,IAAuB;AAC3B,YAAM,eAAe,GAAG;AAExB,SAAG,MAAM,YAAY,cAAc,QAAQ,WAAW;AAEtD,SAAG,MAAM,WAAW;AACpB,YAAM,SAAS,GAAG,GAAG,cAAc,CAAC;AAEjC,SAAA,MAAM,YAAY,IAAI;AAEzB,WAAK,GAAG;AACL,SAAA,MAAM,aAAa,aAAa;AAE/B,UAAA,uBAAuB,GAAG,SAAS;AAChC,WAAA,QAAQ,UAAU,IAAI,mBAAmB;AAAA,MAChD;AAEA,4BAAsB,MAAM;AACrB,WAAA,MAAM,YAAY,IAAI;AAAA,MAAA,CAC5B;AAAA,IACL;AAAA;AAAA;AAAA;AAAA,IAKA,cAAc;AAAA;AAAA;AAAA;AAAA,IAKd,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,QAAQ,IAAuB;AAC3B,SAAG,gBAAgB;AAAA,QACf,YAAY;AAAA,QACZ,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MAAA;AAGzC,SAAG,MAAM,WAAW;AACpB,SAAG,MAAM,YAAY,IAAI,GAAG,GAAG,cAAc,CAAC;AAC9C,WAAK,GAAG;AAER,4BAAsB,MAAO,GAAG,MAAM,YAAY,IAAI,GAAI;AAAA,IAC9D;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA,IAKA,kBAAkB;AAAA,EAAA;AAE1B;ACrHO,MAAM,qBAAqB,2BAA2B,qBAAqB,2BAA2B;AACtG,MAAM,sBAAsB,2BAA2B,uBAAuB,0BAA0B,IAAI,IAAI,CAAC;"}

package/dist/esm/EvTransitionExpandX.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { EvTransitionExpand, EvTransitionExpandX } from "./EvTransitionExpand.mjs";
+export {
+  EvTransitionExpand,
+  EvTransitionExpandX
+};
+//# sourceMappingURL=EvTransitionExpandX.mjs.map

package/dist/esm/EvTransitionExpandX.mjs.map

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

package/dist/esm/EvVirtualScroll.mjs

@@ -0,0 +1,8 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { _, a, m } from "./EvVirtualScroll.vue_vue_type_script_setup_true_lang-C-Lh9jKB.mjs";
+export {
+  _ as EvVirtualScroll,
+  a as makeEvVirtualScrollItemProps,
+  m as makeEvVirtualScrollProps
+};
+//# sourceMappingURL=EvVirtualScroll.mjs.map

package/dist/esm/EvVirtualScroll.mjs.map

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

package/dist/esm/EvVirtualScroll.vue_vue_type_script_setup_true_lang-C-Lh9jKB.mjs

@@ -0,0 +1,295 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { shallowRef, computed, ref, watchEffect, watch, defineComponent, useAttrs, renderSlot, normalizeProps, mergeProps, toRef, unref, openBlock, createElementBlock, guardReactiveProps, Fragment, createElementVNode, normalizeStyle, renderList, createBlock, withCtx, normalizeClass, onMounted, onScopeDispose } from "vue";
+import { p as propsFactory } from "./props-DiPGFtXP.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-Boi8XxS9.mjs";
+import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
+import { c as createRange, a as clamp } from "./helpers-pCeamm7z.mjs";
+import { u as useResizeObserver } from "./resizeObserver-D9WlfHuI.mjs";
+import { b as useDisplay } from "./display-DC1F6kUc.mjs";
+import { g as getCurrentComponent } from "./components-BXotvhfC.mjs";
+import { a as getScrollParent } from "./scroll-DhwBrsLZ.mjs";
+import { t as toWebUnit } from "./units-CIdrAzJr.mjs";
+import { u as useToggleScope } from "./toggleScope-DZjyN4D1.mjs";
+const UP = -1;
+const DOWN = 1;
+const makeVirtualProps = propsFactory(
+  {
+    itemHeight: {
+      type: [Number, String],
+      default: 48
+    }
+  },
+  "virtual"
+);
+function useVirtual(props, items, offset) {
+  const first = shallowRef(0);
+  const baseItemHeight = shallowRef(props.itemHeight);
+  const itemHeight = computed({
+    get: () => parseInt(baseItemHeight.value ?? 0, 10),
+    set(val) {
+      baseItemHeight.value = val;
+    }
+  });
+  const containerRef = ref();
+  const { resizeRef, contentRect } = useResizeObserver();
+  watchEffect(() => {
+    resizeRef.value = containerRef.value;
+  });
+  const display = useDisplay();
+  const sizeMap = /* @__PURE__ */ new Map();
+  let sizes = Array.from({ length: items.value.length });
+  const visibleItems = computed(() => {
+    const availableHeight = !contentRect.value || containerRef.value === document.documentElement ? display.height.value : contentRect.value.height;
+    const height = availableHeight - 0;
+    return Math.ceil(height / itemHeight.value * 1.7 + 1);
+  });
+  function handleItemResize(index, height) {
+    itemHeight.value = Math.max(itemHeight.value, height);
+    sizes[index] = height;
+    sizeMap.set(items.value[index], height);
+  }
+  function calculateOffset(index) {
+    return sizes.slice(0, index).reduce((acc, val) => {
+      return acc + (val || itemHeight.value);
+    }, 0);
+  }
+  function calculateMidPointIndex(scrollTop) {
+    const end = items.value.length;
+    let middle = 0;
+    let middleOffset = 0;
+    while (middleOffset < scrollTop && middle < end) {
+      middleOffset += sizes[middle++] || itemHeight.value;
+    }
+    return middle - 1;
+  }
+  let lastScrollTop = 0;
+  function handleScroll() {
+    if (!containerRef.value || !contentRect.value) {
+      return;
+    }
+    const height = contentRect.value.height - 56;
+    const scrollTop = containerRef.value.scrollTop;
+    const direction = scrollTop < lastScrollTop ? UP : DOWN;
+    const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);
+    const buffer = Math.round(visibleItems.value / 3);
+    const firstIndex = midPointIndex - buffer;
+    const lastIndex = first.value + buffer * 2 - 1;
+    if (direction === UP && midPointIndex <= lastIndex) {
+      first.value = clamp(firstIndex, 0, items.value.length);
+    } else if (direction === DOWN && midPointIndex >= lastIndex) {
+      first.value = clamp(
+        firstIndex,
+        0,
+        items.value.length - visibleItems.value
+      );
+    }
+    lastScrollTop = scrollTop;
+  }
+  function scrollToIndex(index) {
+    if (!containerRef.value) {
+      return;
+    }
+    containerRef.value.scrollTop = calculateOffset(index);
+  }
+  const last = computed(() => {
+    return Math.min(items.value.length, first.value + visibleItems.value);
+  });
+  const computedItems = computed(() => {
+    return items.value.slice(first.value, last.value).map((item, index) => ({
+      raw: item,
+      index: index + first.value
+    }));
+  });
+  const paddingTop = computed(() => {
+    return calculateOffset(first.value);
+  });
+  const paddingBottom = computed(() => {
+    return calculateOffset(items.value.length) - calculateOffset(last.value);
+  });
+  watch(
+    () => items.value.length,
+    () => {
+      sizes = createRange(items.value.length).map(() => itemHeight.value);
+      sizeMap.forEach((height, item) => {
+        const index = items.value.indexOf(item);
+        if (index === -1) {
+          sizeMap.delete(item);
+        } else {
+          sizes[index] = height;
+        }
+      });
+    }
+  );
+  return {
+    containerRef,
+    computedItems,
+    itemHeight,
+    paddingTop,
+    paddingBottom,
+    scrollToIndex,
+    handleScroll,
+    handleItemResize
+  };
+}
+const makeEvVirtualScrollProps = propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    renderless: Boolean,
+    ...makeVirtualProps(),
+    ...makeComponentProps(),
+    ...makeDimensionsProps()
+  },
+  "EvVirtualScroll"
+);
+const makeEvVirtualScrollItemProps = propsFactory(
+  {
+    renderless: Boolean,
+    ...makeComponentProps()
+  },
+  "EvVirtualScrollItem"
+);
+const _sfc_main$1 = /* @__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);
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return props.renderless ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, { itemRef: toRef(unref(resizeRef)) }))) : (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({ itemRef: toRef(unref(resizeRef)) })))
+      ], 16));
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvVirtualScroll",
+  props: {
+    ...makeEvVirtualScrollProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const component = getCurrentComponent("EvVirtualScroll");
+    const dimensionStyles = useDimensions(props);
+    const {
+      containerRef,
+      handleScroll,
+      handleItemResize,
+      scrollToIndex,
+      paddingTop,
+      paddingBottom,
+      computedItems
+    } = useVirtual(props, toRef(props, "items"));
+    useToggleScope(
+      () => props.renderless,
+      () => {
+        onMounted(() => {
+          var _a;
+          containerRef.value = getScrollParent(
+            component.vnode.el,
+            true
+          );
+          (_a = containerRef.value) == null ? void 0 : _a.addEventListener("scroll", handleScroll);
+        });
+        onScopeDispose(() => {
+          var _a;
+          (_a = containerRef.value) == null ? void 0 : _a.removeEventListener("scroll", handleScroll);
+        });
+      }
+    );
+    __expose({
+      scrollToIndex
+    });
+    return (_ctx, _cache) => {
+      return props.renderless ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", {
+          class: "ev-virtual-scroll--spacer",
+          style: normalizeStyle({ paddingTop: unref(toWebUnit)(unref(paddingTop)) })
+        }, null, 4),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (item) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: item.index,
+            renderless: props.renderless,
+            "onUpdate:height": (height) => unref(handleItemResize)(item.index, height)
+          }, {
+            default: withCtx(({ itemRef }) => [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ item: item.raw, index: item.index, itemRef })))
+            ]),
+            _: 2
+          }, 1032, ["renderless", "onUpdate:height"]);
+        }), 128)),
+        createElementVNode("div", {
+          class: "ev-virtual-scroll--spacer",
+          style: normalizeStyle({ paddingBottom: unref(toWebUnit)(unref(paddingBottom)) })
+        }, null, 4)
+      ], 64)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass(["ev-virtual-scroll", props.class]),
+        style: normalizeStyle([unref(dimensionStyles), props.style]),
+        onScroll: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleScroll) && unref(handleScroll)(...args))
+      }, [
+        createElementVNode("div", {
+          class: "ev-virtual-scroll--container",
+          style: normalizeStyle([
+            {
+              paddingTop: unref(toWebUnit)(unref(paddingTop)),
+              paddingBottom: unref(toWebUnit)(unref(paddingBottom))
+            }
+          ])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (item) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: item.index,
+              renderless: props.renderless,
+              "onUpdate:height": (height) => unref(handleItemResize)(item.index, height)
+            }, {
+              default: withCtx(({ itemRef }) => [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                  item: item.raw,
+                  index: item.index,
+                  itemRef
+                })))
+              ]),
+              _: 2
+            }, 1032, ["renderless", "onUpdate:height"]);
+          }), 128))
+        ], 4)
+      ], 38));
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvVirtualScrollItemProps as a,
+  makeEvVirtualScrollProps as m
+};
+//# sourceMappingURL=EvVirtualScroll.vue_vue_type_script_setup_true_lang-C-Lh9jKB.mjs.map

package/dist/esm/EvVirtualScroll.vue_vue_type_script_setup_true_lang-C-Lh9jKB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScroll.vue_vue_type_script_setup_true_lang-C-Lh9jKB.mjs","sources":["../../src/composables/virtual.ts","../../src/components/EvVirtualScroll/EvVirtualScroll.ts","../../src/components/EvVirtualScroll/EvVirtualScrollItem.vue","../../src/components/EvVirtualScroll/EvVirtualScroll.vue"],"sourcesContent":["import { clamp, createRange, propsFactory } from \"../util\";\nimport {\n    computed,\n    ComputedRef,\n    ref,\n    Ref,\n    shallowRef,\n    watch,\n    watchEffect,\n} from \"vue\";\nimport { useResizeObserver } from \"./resizeObserver.ts\";\nimport { useDisplay } from \"./display.ts\";\n\nconst UP = -1;\nconst DOWN = 1;\n\ntype VirtualProps = {\n    itemHeight?: 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: 48,\n        },\n    },\n    \"virtual\",\n);\n\n/**\n * # Use Virtual\n * @param props\n * @param items\n * @param offset\n */\nexport function useVirtual<T>(\n    props: VirtualProps,\n    items: Ref<readonly T[]>,\n    offset?: Ref<number>,\n) {\n    const first = shallowRef(0);\n    const baseItemHeight = shallowRef(props.itemHeight);\n    const itemHeight = computed({\n        get: () => parseInt((baseItemHeight.value ?? 0) as string, 10),\n        set(val) {\n            baseItemHeight.value = val;\n        },\n    });\n    const containerRef = ref<HTMLElement>();\n    const { resizeRef, contentRect } = useResizeObserver();\n    watchEffect(() => {\n        resizeRef.value = containerRef.value;\n    });\n    const display = useDisplay();\n\n    const sizeMap = new Map<any, number>();\n    let sizes = Array.from<number | null>({ length: items.value.length });\n    const visibleItems = computed(() => {\n        const availableHeight =\n            !contentRect.value ||\n            containerRef.value === document.documentElement\n                ? display.height.value\n                : contentRect.value.height;\n        const height = availableHeight - (offset?.value ?? 0);\n        return Math.ceil((height / itemHeight.value) * 1.7 + 1);\n    });\n\n    function handleItemResize(index: number, height: number) {\n        itemHeight.value = Math.max(itemHeight.value, height);\n        sizes[index] = height;\n        sizeMap.set(items.value[index], height);\n    }\n\n    function calculateOffset(index: number) {\n        return sizes.slice(0, index).reduce((acc, val) => {\n            return acc! + (val || itemHeight.value);\n        }, 0)!;\n    }\n\n    function calculateMidPointIndex(scrollTop: number) {\n        const end = items.value.length;\n        let middle = 0;\n        let middleOffset = 0;\n        while (middleOffset < scrollTop && middle < end) {\n            middleOffset += sizes[middle++] || itemHeight.value;\n        }\n        return middle - 1;\n    }\n\n    let lastScrollTop = 0;\n    function handleScroll() {\n        if (!containerRef.value || !contentRect.value) {\n            return;\n        }\n\n        const height = contentRect.value.height - 56;\n        const scrollTop = containerRef.value.scrollTop;\n        const direction = scrollTop < lastScrollTop ? UP : DOWN;\n\n        const midPointIndex = calculateMidPointIndex(scrollTop + height / 2);\n        const buffer = Math.round(visibleItems.value / 3);\n        const firstIndex = midPointIndex - buffer;\n        const lastIndex = first.value + buffer * 2 - 1;\n        if (direction === UP && midPointIndex <= lastIndex) {\n            first.value = clamp(firstIndex, 0, items.value.length);\n        } else if (direction === DOWN && midPointIndex >= lastIndex) {\n            first.value = clamp(\n                firstIndex,\n                0,\n                items.value.length - visibleItems.value,\n            );\n        }\n\n        lastScrollTop = scrollTop;\n    }\n\n    function scrollToIndex(index: number) {\n        if (!containerRef.value) {\n            return;\n        }\n        containerRef.value.scrollTop = calculateOffset(index);\n    }\n\n    const last = computed(() => {\n        return Math.min(items.value.length, first.value + visibleItems.value);\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    const paddingTop = computed(() => {\n        return calculateOffset(first.value);\n    });\n\n    const paddingBottom = computed(() => {\n        return (\n            calculateOffset(items.value.length) - calculateOffset(last.value)\n        );\n    });\n\n    watch(\n        () => items.value.length,\n        () => {\n            sizes = createRange(items.value.length).map(() => itemHeight.value);\n            sizeMap.forEach((height, item) => {\n                const index = items.value.indexOf(item);\n                if (index === -1) {\n                    sizeMap.delete(item);\n                } else {\n                    sizes[index] = height;\n                }\n            });\n        },\n    );\n\n    return {\n        containerRef,\n        computedItems,\n        itemHeight,\n        paddingTop,\n        paddingBottom,\n        scrollToIndex,\n        handleScroll,\n        handleItemResize,\n    };\n}\n","import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeDimensionsProps } from \"@/composables/dimensions.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeVirtualProps } from \"@/composables/virtual.ts\";\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 { Ref, toRef, useAttrs, watch } from \"vue\";\nimport { useResizeObserver } from \"../../composables/resizeObserver.ts\";\nimport { makeEvVirtualScrollItemProps } from \"./EvVirtualScroll.ts\";\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</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <slot name=\"default\" v-bind=\"{ itemRef: toRef(resizeRef) }\" />\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=\"{ itemRef: toRef(resizeRef) }\" />\n    </div>\n</template>\n","<script setup lang=\"ts\">\nimport { makeEvVirtualScrollProps } from \"./EvVirtualScroll.ts\";\nimport { getCurrentComponent, getScrollParent, toWebUnit } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions.ts\";\nimport { onMounted, onScopeDispose, Ref, toRef } from \"vue\";\nimport { useVirtual } from \"@/composables/virtual.ts\";\nimport { useToggleScope } from \"@/composables/toggleScope.ts\";\nimport EvVirtualScrollItem from \"./EvVirtualScrollItem.vue\";\n\nconst props = defineProps({\n    ...makeEvVirtualScrollProps(),\n});\nconst component = getCurrentComponent(\"EvVirtualScroll\");\nconst dimensionStyles = useDimensions(props);\nconst {\n    containerRef,\n    handleScroll,\n    handleItemResize,\n    scrollToIndex,\n    paddingTop,\n    paddingBottom,\n    computedItems,\n} = useVirtual(props, toRef(props, \"items\"));\n\nuseToggleScope(\n    () => props.renderless,\n    () => {\n        onMounted(() => {\n            containerRef.value = getScrollParent(\n                component.vnode.el as HTMLElement,\n                true,\n            );\n            containerRef.value?.addEventListener(\"scroll\", handleScroll);\n        });\n\n        onScopeDispose(() => {\n            containerRef.value?.removeEventListener(\"scroll\", handleScroll);\n        });\n    },\n);\n\ndefineExpose({\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            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=\"(height) => handleItemResize(item.index, height)\">\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=\"handleScroll\">\n        <div\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=\"\n                    (height) => handleItemResize(item.index, height)\n                \">\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":"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"}

package/dist/esm/EvWindow.mjs

@@ -0,0 +1,12 @@
+/*! Evance UI v1.0.1 | MIT License */
+import { a, _, E, b, m } from "./EvWindowItem.vue_vue_type_script_setup_true_lang-5YNAUykh.mjs";
+import { _ as _2 } from "./EvWindow.vue_vue_type_script_setup_true_lang-CQvoGhvc.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":";;;"}