@evance/evance-ui 1.0.0 → 1.0.2

package/dist/cjs/EvTooltip.vue_vue_type_script_setup_true_lang-BO0i3-9I.cjs

@@ -0,0 +1,96 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const helpers = require("./helpers-kEoXV5Dy.cjs");
+const props = require("./props-NPw_hoii.cjs");
+const EvOverlay_vue_vue_type_script_setup_true_lang = require("./EvOverlay.vue_vue_type_script_setup_true_lang-C24LC22k.cjs");
+const modelProxy = require("./modelProxy-uCEe0w-S.cjs");
+const makeEvTooltipProps = props.propsFactory(
+  {
+    id: String,
+    text: String,
+    ...helpers.omit(
+      EvOverlay_vue_vue_type_script_setup_true_lang.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__ */ vue.defineComponent({
+  __name: "EvTooltip",
+  props: {
+    ...makeEvTooltipProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const isActive = modelProxy.useModelProxy(props2, "modelValue");
+    const uid = helpers.getNextId();
+    const id = vue.computed(() => {
+      return props2.id || `ev-tooltip-${uid}`;
+    });
+    const overlayRef = vue.ref();
+    const overlayProps = helpers.filterComponentProps(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main, props2);
+    const position = vue.computed(() => {
+      return props2.position.split(" ").length > 1 ? props2.position : props2.position + " center";
+    });
+    const origin = vue.computed(() => {
+      return props2.origin === "auto" || props2.origin === "overlap" || props2.origin.split(" ").length > 1 || props2.position.split(" ").length > 1 ? props2.origin : props2.origin + " center";
+    });
+    const transition = vue.computed(() => {
+      if (props2.transition) {
+        return props2.transition;
+      }
+      return isActive.value ? "transition-scale" : "transition-fade";
+    });
+    const activatorProps = vue.computed(() => {
+      return vue.mergeProps(
+        {
+          "aria-describedby": id.value
+        },
+        props2.activatorProps
+      );
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvOverlay_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+        id: id.value,
+        ref_key: "overlayRef",
+        ref: overlayRef
+      }, vue.unref(overlayProps), {
+        modelValue: vue.unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null),
+        role: "tooltip",
+        class: ["ev-tooltip", props2.class],
+        style: props2.style,
+        transition: transition.value,
+        position: position.value,
+        origin: origin.value,
+        "activator-props": activatorProps.value,
+        absolute: "",
+        "disable-global-stack": ""
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(props2.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["id", "modelValue", "class", "style", "transition", "position", "origin", "activator-props"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvTooltipProps = makeEvTooltipProps;
+//# sourceMappingURL=EvTooltip.vue_vue_type_script_setup_true_lang-BO0i3-9I.cjs.map

package/dist/cjs/EvTooltip.vue_vue_type_script_setup_true_lang-BO0i3-9I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTooltip.vue_vue_type_script_setup_true_lang-BO0i3-9I.cjs","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":["propsFactory","omit","makeEvOverlayProps","useModelProxy","props","getNextId","computed","ref","filterComponentProps","EvOverlay","mergeProps"],"mappings":";;;;;;;AAGO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IAEN,GAAGC,QAAA;AAAA,MACCC,iEAAmB;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,WAAWC,WAAAA,cAAcC,QAAO,YAAY;AAClD,UAAM,MAAMC,QAAAA;AAEN,UAAA,KAAKC,IAAAA,SAAS,MAAM;AACf,aAAAF,OAAM,MAAM,cAAc,GAAG;AAAA,IAAA,CACvC;AAED,UAAM,aAAaG,IAAAA;AACb,UAAA,eAAeC,QAAAA,qBAAqBC,8CAAA,WAAWL,MAAK;AAEpD,UAAA,WAAWE,IAAAA,SAAS,MAAM;AACrB,aAAAF,OAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACpCA,OAAM,WACJA,OAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,SAASE,IAAAA,SAAS,MAAM;AACnB,aAAAF,OAAM,WAAW,UACpBA,OAAM,WAAW,aACjBA,OAAM,OAAO,MAAM,GAAG,EAAE,SAAS,KACjCA,OAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACjCA,OAAM,SACJA,OAAM,SAAS;AAAA,IAAA,CAC1B;AAEK,UAAA,aAAaE,IAAAA,SAAS,MAAM;AAC9B,UAAIF,OAAM,YAAY;AAClB,eAAOA,OAAM;AAAA,MACjB;AACO,aAAA,SAAS,QAAQ,qBAAqB;AAAA,IAAA,CAChD;AAEK,UAAA,iBAAiBE,IAAAA,SAAS,MAAM;AAC3B,aAAAI,IAAA;AAAA,QACH;AAAA,UACI,oBAAoB,GAAG;AAAA,QAC3B;AAAA,QACAN,OAAM;AAAA,MAAA;AAAA,IACV,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvTransition-CAQqUplu.cjs

@@ -0,0 +1,43 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const isFunctions = require("./is-functions-C47LnllD.cjs");
+const props = require("./props-NPw_hoii.cjs");
+const makeEvTransitionProps = props.propsFactory(
+  {
+    transition: {
+      type: [Boolean, String, Object],
+      default: true
+    }
+  },
+  "EvTransition"
+);
+function useEvTransition(props2, defaultTransition = "transition-fade") {
+  return vue.computed(() => {
+    if (isFunctions.isEmpty(props2.transition) || isFunctions.isBoolean(props2.transition)) {
+      return {
+        name: !!props2.transition && !props2.disabled ? defaultTransition : ""
+      };
+    }
+    if (isFunctions.isString(props2.transition)) {
+      return {
+        name: props2.disabled ? "" : props2.transition
+      };
+    }
+    return props2.transition;
+  });
+}
+const EvTransition = (props2, { slots }) => {
+  const { transition, disabled, ...remainingProps } = props2;
+  const { component: transitionComponent = vue.Transition, ...customProps } = isFunctions.isObject(transition) ? transition : {};
+  const transitionProps = isFunctions.isString(transition) ? { name: disabled ? "" : transition } : customProps;
+  return vue.h(
+    transitionComponent,
+    vue.mergeProps(transitionProps, remainingProps, { disabled }),
+    slots
+  );
+};
+exports.EvTransition = EvTransition;
+exports.makeEvTransitionProps = makeEvTransitionProps;
+exports.useEvTransition = useEvTransition;
+//# sourceMappingURL=EvTransition-CAQqUplu.cjs.map

package/dist/cjs/EvTransition-CAQqUplu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransition-CAQqUplu.cjs","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":["propsFactory","props","computed","isEmpty","isBoolean","isString","Transition","isObject","h","mergeProps"],"mappings":";;;;;AA0BO,MAAM,wBAAwBA,MAAA;AAAA,EACjC;AAAA,IACI,YAAY;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,EACJ;AAAA,EACA;AACJ;AAUgB,SAAA,gBACZC,QACA,oBAA4B,mBAC9B;AACE,SAAOC,aAAS,MAAM;AAClB,QAAIC,YAAAA,QAAQF,OAAM,UAAU,KAAKG,YAAAA,UAAUH,OAAM,UAAU,GAAG;AACnD,aAAA;AAAA,QACH,MACI,CAAC,CAACA,OAAM,cAAc,CAACA,OAAM,WACvB,oBACA;AAAA,MAAA;AAAA,IAElB;AACI,QAAAI,YAAA,SAASJ,OAAM,UAAU,GAAG;AACrB,aAAA;AAAA,QACH,MAAMA,OAAM,WAAW,KAAKA,OAAM;AAAA,MAAA;AAAA,IAE1C;AACA,WAAOA,OAAM;AAAA,EAAA,CAChB;AACL;AAaO,MAAM,eAAoC,CAC7CA,QACA,EAAE,YACD;AACD,QAAM,EAAE,YAAY,UAAU,GAAG,mBAAmBA;AAC9C,QAAA,EAAE,WAAW,sBAAsBK,IAAAA,YAAY,GAAG,gBACpDC,YAAAA,SAAS,UAAU,IAAI,aAAa;AAClC,QAAA,kBAAkBF,qBAAS,UAAU,IACrC,EAAE,MAAM,WAAW,KAAK,WACvB,IAAA;AAEA,SAAAG,IAAA;AAAA,IACH;AAAA,IACAC,IAAAA,WAAW,iBAAiB,gBAAuB,EAAE,UAAU;AAAA,IAC/D;AAAA,EAAA;AAER;;;;"}

package/dist/cjs/EvTransitionExpand.cjs

@@ -0,0 +1,103 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function createJavaScriptTransition(name, functions, mode = "in-out") {
+  return (props, { slots }) => {
+    return vue.h(
+      vue.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 = vue.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));
+exports.EvTransitionExpand = EvTransitionExpand;
+exports.EvTransitionExpandX = EvTransitionExpandX;
+//# sourceMappingURL=EvTransitionExpand.cjs.map

package/dist/cjs/EvTransitionExpand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransitionExpand.cjs","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":["h","Transition","camelize"],"mappings":";;;;AAWO,SAAS,2BACZ,MACA,WACA,OAAO,UACY;AAEnB,SAAO,CAAC,OAAY,EAAC,YAAW;AACrB,WAAAA,IAAA;AAAA,MACHC,IAAA;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,iBAAiBC,IAAAA,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/cjs/EvTransitionExpandX.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvTransitionExpand = require("./EvTransitionExpand.cjs");
+exports.EvTransitionExpand = EvTransitionExpand.EvTransitionExpand;
+exports.EvTransitionExpandX = EvTransitionExpand.EvTransitionExpandX;
+//# sourceMappingURL=EvTransitionExpandX.cjs.map

package/dist/cjs/EvTransitionExpandX.cjs.map

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

package/dist/cjs/EvVirtualScroll.cjs

@@ -0,0 +1,8 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvVirtualScroll_vue_vue_type_script_setup_true_lang = require("./EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs");
+exports.EvVirtualScroll = EvVirtualScroll_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvVirtualScrollItemProps = EvVirtualScroll_vue_vue_type_script_setup_true_lang.makeEvVirtualScrollItemProps;
+exports.makeEvVirtualScrollProps = EvVirtualScroll_vue_vue_type_script_setup_true_lang.makeEvVirtualScrollProps;
+//# sourceMappingURL=EvVirtualScroll.cjs.map

package/dist/cjs/EvVirtualScroll.cjs.map

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

package/dist/cjs/EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs

@@ -0,0 +1,294 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const props = require("./props-NPw_hoii.cjs");
+const dimensions = require("./dimensions-XIPHhrWz.cjs");
+const component = require("./component-BP9_V6Yp.cjs");
+const helpers = require("./helpers-kEoXV5Dy.cjs");
+const resizeObserver = require("./resizeObserver-CQ2McnGM.cjs");
+const display = require("./display-CEfQojrZ.cjs");
+const components = require("./components-D8al01ti.cjs");
+const scroll = require("./scroll-CR9L2L0A.cjs");
+const units = require("./units-CtZImGlc.cjs");
+const toggleScope = require("./toggleScope-vQM_STmo.cjs");
+const UP = -1;
+const DOWN = 1;
+const makeVirtualProps = props.propsFactory(
+  {
+    itemHeight: {
+      type: [Number, String],
+      default: 48
+    }
+  },
+  "virtual"
+);
+function useVirtual(props2, items, offset) {
+  const first = vue.shallowRef(0);
+  const baseItemHeight = vue.shallowRef(props2.itemHeight);
+  const itemHeight = vue.computed({
+    get: () => parseInt(baseItemHeight.value ?? 0, 10),
+    set(val) {
+      baseItemHeight.value = val;
+    }
+  });
+  const containerRef = vue.ref();
+  const { resizeRef, contentRect } = resizeObserver.useResizeObserver();
+  vue.watchEffect(() => {
+    resizeRef.value = containerRef.value;
+  });
+  const display$1 = display.useDisplay();
+  const sizeMap = /* @__PURE__ */ new Map();
+  let sizes = Array.from({ length: items.value.length });
+  const visibleItems = vue.computed(() => {
+    const availableHeight = !contentRect.value || containerRef.value === document.documentElement ? display$1.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 = helpers.clamp(firstIndex, 0, items.value.length);
+    } else if (direction === DOWN && midPointIndex >= lastIndex) {
+      first.value = helpers.clamp(
+        firstIndex,
+        0,
+        items.value.length - visibleItems.value
+      );
+    }
+    lastScrollTop = scrollTop;
+  }
+  function scrollToIndex(index) {
+    if (!containerRef.value) {
+      return;
+    }
+    containerRef.value.scrollTop = calculateOffset(index);
+  }
+  const last = vue.computed(() => {
+    return Math.min(items.value.length, first.value + visibleItems.value);
+  });
+  const computedItems = vue.computed(() => {
+    return items.value.slice(first.value, last.value).map((item, index) => ({
+      raw: item,
+      index: index + first.value
+    }));
+  });
+  const paddingTop = vue.computed(() => {
+    return calculateOffset(first.value);
+  });
+  const paddingBottom = vue.computed(() => {
+    return calculateOffset(items.value.length) - calculateOffset(last.value);
+  });
+  vue.watch(
+    () => items.value.length,
+    () => {
+      sizes = helpers.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 = props.propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    renderless: Boolean,
+    ...makeVirtualProps(),
+    ...component.makeComponentProps(),
+    ...dimensions.makeDimensionsProps()
+  },
+  "EvVirtualScroll"
+);
+const makeEvVirtualScrollItemProps = props.propsFactory(
+  {
+    renderless: Boolean,
+    ...component.makeComponentProps()
+  },
+  "EvVirtualScrollItem"
+);
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvVirtualScrollItem",
+  props: {
+    ...makeEvVirtualScrollItemProps()
+  },
+  emits: ["update:height"],
+  setup(__props, { emit }) {
+    const props2 = __props;
+    const attrs = vue.useAttrs();
+    const { resizeRef, contentRect } = resizeObserver.useResizeObserver(void 0, "border");
+    vue.watch(
+      () => {
+        var _a;
+        return (_a = contentRect.value) == null ? void 0 : _a.height;
+      },
+      (height) => {
+        if (height != null) {
+          emit("update:height", height);
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return props2.renderless ? vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({ key: 0 }, { itemRef: vue.toRef(vue.unref(resizeRef)) }))) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 1,
+        ref_key: "resizeRef",
+        ref: resizeRef,
+        class: ["ev-virtual-scroll--item", props2.class],
+        style: props2.style
+      }, vue.unref(attrs)), [
+        vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({ itemRef: vue.toRef(vue.unref(resizeRef)) })))
+      ], 16));
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvVirtualScroll",
+  props: {
+    ...makeEvVirtualScrollProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props2 = __props;
+    const component2 = components.getCurrentComponent("EvVirtualScroll");
+    const dimensionStyles = dimensions.useDimensions(props2);
+    const {
+      containerRef,
+      handleScroll,
+      handleItemResize,
+      scrollToIndex,
+      paddingTop,
+      paddingBottom,
+      computedItems
+    } = useVirtual(props2, vue.toRef(props2, "items"));
+    toggleScope.useToggleScope(
+      () => props2.renderless,
+      () => {
+        vue.onMounted(() => {
+          var _a;
+          containerRef.value = scroll.getScrollParent(
+            component2.vnode.el,
+            true
+          );
+          (_a = containerRef.value) == null ? void 0 : _a.addEventListener("scroll", handleScroll);
+        });
+        vue.onScopeDispose(() => {
+          var _a;
+          (_a = containerRef.value) == null ? void 0 : _a.removeEventListener("scroll", handleScroll);
+        });
+      }
+    );
+    __expose({
+      scrollToIndex
+    });
+    return (_ctx, _cache) => {
+      return props2.renderless ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+        vue.createElementVNode("div", {
+          class: "ev-virtual-scroll--spacer",
+          style: vue.normalizeStyle({ paddingTop: vue.unref(units.toWebUnit)(vue.unref(paddingTop)) })
+        }, null, 4),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (item) => {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1, {
+            key: item.index,
+            renderless: props2.renderless,
+            "onUpdate:height": (height) => vue.unref(handleItemResize)(item.index, height)
+          }, {
+            default: vue.withCtx(({ itemRef }) => [
+              vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({ item: item.raw, index: item.index, itemRef })))
+            ]),
+            _: 2
+          }, 1032, ["renderless", "onUpdate:height"]);
+        }), 128)),
+        vue.createElementVNode("div", {
+          class: "ev-virtual-scroll--spacer",
+          style: vue.normalizeStyle({ paddingBottom: vue.unref(units.toWebUnit)(vue.unref(paddingBottom)) })
+        }, null, 4)
+      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: vue.normalizeClass(["ev-virtual-scroll", props2.class]),
+        style: vue.normalizeStyle([vue.unref(dimensionStyles), props2.style]),
+        onScroll: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => vue.unref(handleScroll) && vue.unref(handleScroll)(...args))
+      }, [
+        vue.createElementVNode("div", {
+          class: "ev-virtual-scroll--container",
+          style: vue.normalizeStyle([
+            {
+              paddingTop: vue.unref(units.toWebUnit)(vue.unref(paddingTop)),
+              paddingBottom: vue.unref(units.toWebUnit)(vue.unref(paddingBottom))
+            }
+          ])
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(computedItems), (item) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$1, {
+              key: item.index,
+              renderless: props2.renderless,
+              "onUpdate:height": (height) => vue.unref(handleItemResize)(item.index, height)
+            }, {
+              default: vue.withCtx(({ itemRef }) => [
+                vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
+                  item: item.raw,
+                  index: item.index,
+                  itemRef
+                })))
+              ]),
+              _: 2
+            }, 1032, ["renderless", "onUpdate:height"]);
+          }), 128))
+        ], 4)
+      ], 38));
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvVirtualScrollItemProps = makeEvVirtualScrollItemProps;
+exports.makeEvVirtualScrollProps = makeEvVirtualScrollProps;
+//# sourceMappingURL=EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs.map

package/dist/cjs/EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScroll.vue_vue_type_script_setup_true_lang-DbsaObui.cjs","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":["propsFactory","props","shallowRef","computed","ref","useResizeObserver","watchEffect","display","useDisplay","clamp","watch","createRange","makeComponentProps","makeDimensionsProps","useAttrs","component","getCurrentComponent","useDimensions","toRef","useToggleScope","onMounted","getScrollParent","onScopeDispose"],"mappings":"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"}

package/dist/cjs/EvWindow.cjs

@@ -0,0 +1,12 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvWindowItem_vue_vue_type_script_setup_true_lang = require("./EvWindowItem.vue_vue_type_script_setup_true_lang-D2lnBQ5x.cjs");
+const EvWindow_vue_vue_type_script_setup_true_lang = require("./EvWindow.vue_vue_type_script_setup_true_lang-DvbsL9WL.cjs");
+exports.EvWindowGroupSymbol = EvWindowItem_vue_vue_type_script_setup_true_lang.EvWindowGroupSymbol;
+exports.EvWindowItem = EvWindowItem_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.EvWindowSymbol = EvWindowItem_vue_vue_type_script_setup_true_lang.EvWindowSymbol;
+exports.makeEvWindowItemProps = EvWindowItem_vue_vue_type_script_setup_true_lang.makeEvWindowItemProps;
+exports.makeEvWindowProps = EvWindowItem_vue_vue_type_script_setup_true_lang.makeEvWindowProps;
+exports.EvWindow = EvWindow_vue_vue_type_script_setup_true_lang._sfc_main;
+//# sourceMappingURL=EvWindow.cjs.map

package/dist/cjs/EvWindow.cjs.map

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