@evance/evance-ui 1.1.8 → 1.1.10

package/dist/esm/components/EvTransition/EvTransition.mjs

@@ -0,0 +1,44 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { computed, Transition, h, mergeProps } from "vue";
+import { isEmpty, isBoolean, isString, isObject } from "../../util/is-functions.mjs";
+import { propsFactory } from "../../util/props.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 = Transition, ...customProps } = isObject(transition) ? transition : {};
+  const transitionProps = isString(transition) ? { name: disabled ? "" : transition } : customProps;
+  return h(
+    component,
+    mergeProps(transitionProps, remainingProps, { disabled }),
+    slots
+  );
+};
+export {
+  EvTransition,
+  makeEvTransitionProps,
+  useEvTransition
+};
+//# sourceMappingURL=EvTransition.mjs.map

package/dist/esm/components/EvTransition/EvTransition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransition.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 = Transition, ...customProps } =\n        isObject(transition) ? transition : {};\n    const transitionProps = isString(transition)\n        ? { name: disabled ? \"\" : transition }\n        : (customProps as any);\n\n    return h(\n        component,\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,IAAA;AAAA,EAEjB;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,MACd;AAAA,IAAA;AAEA,QAAA,SAAS,MAAM,UAAU,GAAG;AACrB,aAAA;AAAA,QACH,MAAM,MAAM,WAAW,KAAK,MAAM;AAAA,MACtC;AAAA,IAAA;AAEJ,WAAO,MAAM;AAAA,EAAA,CAChB;AACL;AAaO,MAAM,eAAoC,CAC7C,OACA,EAAE,YACD;AACD,QAAM,EAAE,YAAY,UAAU,GAAG,eAAmB,IAAA;AAC9C,QAAA,EAAE,YAAY,YAAY,GAAG,gBAC/B,SAAS,UAAU,IAAI,aAAa,CAAC;AACnC,QAAA,kBAAkB,SAAS,UAAU,IACrC,EAAE,MAAM,WAAW,KAAK,WAAA,IACvB;AAEA,SAAA;AAAA,IACH;AAAA,IACA,WAAW,iBAAiB,gBAAuB,EAAE,UAAU;AAAA,IAC/D;AAAA,EACJ;AACJ;"}

package/dist/esm/components/EvTransition/transitions/createTransition.mjs

@@ -0,0 +1,19 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { h, Transition } 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
+    );
+  };
+}
+export {
+  createJavaScriptTransition
+};
+//# sourceMappingURL=createTransition.mjs.map

package/dist/esm/components/EvTransition/transitions/createTransition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTransition.mjs","sources":["../../../../../src/components/EvTransition/transitions/createTransition.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    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}"],"names":[],"mappings":";;AAWO,SAAS,2BACZ,MACA,WACA,OAAO,UACY;AACnB,SAAO,CAAC,OAAY,EAAE,YAAY;AACvB,WAAA;AAAA,MACH;AAAA,MACA;AAAA,QACI,MAAM,MAAM,WAAW,KAAK;AAAA,QAC5B,KAAK,CAAC,MAAM;AAAA,QACZ,GAAI,MAAM,WAAW,KAAK;AAAA,MAC9B;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;"}

package/dist/esm/components/EvTransition/transitions/expandTransition.mjs

@@ -0,0 +1,86 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { camelize } from "vue";
+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
+  };
+}
+export {
+  ExpandTransitionGenerator as default
+};
+//# sourceMappingURL=expandTransition.mjs.map

package/dist/esm/components/EvTransition/transitions/expandTransition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandTransition.mjs","sources":["../../../../../src/components/EvTransition/transitions/expandTransition.ts"],"sourcesContent":["// 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\";\n    const offsetProperty = camelize(`offset-${sizeProperty}`);\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         * ## onBeforeEnter\n         * @param el\n         */\n        onBeforeEnter(el: HTMLExpandElement) {\n            el._parent = el.parentNode as\n                | (Node & ParentNode & HTMLElement)\n                | 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            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"],"names":[],"mappings":";;AAiByB,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,IAAA;AAEnD,gBAAY,EAAE;AAAA,EAAA;AAOlB,WAAS,YAAY,IAAuB;AAClC,UAAA,OAAO,GAAG,cAAe,YAAY;AACxC,OAAA,MAAM,WAAW,GAAG,cAAe;AACtC,QAAI,QAAQ,KAAS,IAAA,MAAM,YAAY,IAAI;AAC3C,WAAO,GAAG;AAAA,EAAA;AAGP,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKH,cAAc,IAAuB;AACjC,SAAG,UAAU,GAAG;AAGhB,SAAG,gBAAgB;AAAA,QACf,YAAY,GAAG,MAAM;AAAA,QACrB,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MACzC;AAAA,IACJ;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,MAAA;AAEhD,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,MACzC;AAEA,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,EACtB;AACJ;"}

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.mjs

@@ -0,0 +1,30 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { makeDimensionsProps } from "../../composables/dimensions.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
+import { makeVirtualProps } from "../../composables/virtual.mjs";
+import { propsFactory } from "../../util/props.mjs";
+const makeEvVirtualScrollProps = propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    renderless: Boolean,
+    ...makeVirtualProps(),
+    ...makeComponentProps(),
+    ...makeDimensionsProps()
+  },
+  "EvVirtualScroll"
+);
+const makeEvVirtualScrollItemProps = propsFactory(
+  {
+    renderless: Boolean,
+    ...makeComponentProps()
+  },
+  "EvVirtualScrollItem"
+);
+export {
+  makeEvVirtualScrollItemProps,
+  makeEvVirtualScrollProps
+};
+//# sourceMappingURL=EvVirtualScroll.mjs.map

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScroll.mjs","sources":["../../../../src/components/EvVirtualScroll/EvVirtualScroll.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeVirtualProps } from \"@/composables/virtual\";\n\nexport interface EvVirtualScrollSlot<T> {\n    item: T;\n    index: number;\n}\n\n/**\n * # Make EvVirtualScroll Props\n */\nexport const makeEvVirtualScrollProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<readonly unknown[]>,\n            default: () => [],\n        },\n        renderless: Boolean,\n\n        ...makeVirtualProps(),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvVirtualScroll\",\n);\n\n/**\n * # Make EvVirtualScrollItem Props\n */\nexport const makeEvVirtualScrollItemProps = propsFactory(\n    {\n        renderless: Boolean,\n        ...makeComponentProps(),\n    },\n    \"EvVirtualScrollItem\",\n);\n"],"names":[],"mappings":";;;;;AAcO,MAAM,2BAA2B;AAAA,EACpC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,YAAY;AAAA,IAEZ,GAAG,iBAAiB;AAAA,IACpB,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;AAKO,MAAM,+BAA+B;AAAA,EACxC;AAAA,IACI,YAAY;AAAA,IACZ,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.vue.mjs

@@ -0,0 +1,132 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { defineComponent, toRef, createElementBlock, openBlock, Fragment, createElementVNode, normalizeStyle, unref, renderList, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, onMounted, onScopeDispose } from "vue";
+import { makeEvVirtualScrollProps } from "./EvVirtualScroll.mjs";
+import { useDimensions } from "../../composables/dimensions.mjs";
+import { useVirtual } from "../../composables/virtual.mjs";
+import { useToggleScope } from "../../composables/toggleScope.mjs";
+import _sfc_main$1 from "./EvVirtualScrollItem.vue.mjs";
+import { getCurrentComponent } from "../../util/components.mjs";
+import { toWebUnit } from "../../util/units.mjs";
+import { getScrollParent } from "../../util/scroll.mjs";
+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 {
+      calculateVisibleItems,
+      containerRef,
+      markerRef,
+      handleScroll,
+      handleScrollend,
+      handleItemResize,
+      scrollToIndex,
+      paddingTop,
+      paddingBottom,
+      computedItems
+    } = useVirtual(props, toRef(props, "items"));
+    useToggleScope(
+      () => props.renderless,
+      () => {
+        function toggleEventListeners(add = false) {
+          var _a, _b;
+          const method = add ? "addEventListener" : "removeEventListener";
+          if (containerRef.value === document.documentElement) {
+            document[method]("scroll", handleScroll, { passive: true });
+            document[method]("scrollend", handleScrollend);
+          } else {
+            (_a = containerRef.value) == null ? void 0 : _a[method]("scroll", handleScroll, {
+              passive: true
+            });
+            (_b = containerRef.value) == null ? void 0 : _b[method]("scrollend", handleScrollend);
+          }
+        }
+        onMounted(() => {
+          containerRef.value = getScrollParent(
+            component.vnode.el,
+            true
+          );
+          toggleEventListeners(true);
+        });
+        onScopeDispose(toggleEventListeners);
+      }
+    );
+    __expose({
+      calculateVisibleItems,
+      scrollToIndex
+    });
+    return (_ctx, _cache) => {
+      return props.renderless ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", {
+          ref_key: "markerRef",
+          ref: markerRef,
+          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": (h) => unref(handleItemResize)(item.index, h)
+          }, {
+            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]),
+        onScrollPassive: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleScroll) && unref(handleScroll)(...args)),
+        onScrollend: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(handleScrollend) && unref(handleScrollend)(...args))
+      }, [
+        createElementVNode("div", {
+          ref_key: "markerRef",
+          ref: markerRef,
+          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": (h) => unref(handleItemResize)(item.index, h)
+            }, {
+              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 default
+};
+//# sourceMappingURL=EvVirtualScroll.vue.mjs.map

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.vue.mjs.map

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

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.vue2.mjs

@@ -0,0 +1,6 @@
+/*! Evance UI v1.1.10 | MIT License */
+import _sfc_main from "./EvVirtualScroll.vue.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvVirtualScroll.vue2.mjs.map

package/dist/esm/components/EvVirtualScroll/EvVirtualScrollItem.vue.mjs

@@ -0,0 +1,50 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { defineComponent, useAttrs, watch, computed, renderSlot, createElementBlock, normalizeProps, mergeProps, openBlock, unref, guardReactiveProps } from "vue";
+import { useResizeObserver } from "../../composables/resizeObserver.mjs";
+import { makeEvVirtualScrollItemProps } from "./EvVirtualScroll.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "EvVirtualScrollItem",
+  props: {
+    ...makeEvVirtualScrollItemProps()
+  },
+  emits: ["update:height"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const { resizeRef, contentRect } = useResizeObserver(void 0, "border");
+    watch(
+      () => {
+        var _a;
+        return (_a = contentRect.value) == null ? void 0 : _a.height;
+      },
+      (height) => {
+        if (height != null) {
+          emit("update:height", height);
+        }
+      }
+    );
+    const slotProps = computed(() => {
+      return {
+        itemRef: resizeRef
+      };
+    });
+    return (_ctx, _cache) => {
+      return props.renderless ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, slotProps.value))) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        ref_key: "resizeRef",
+        ref: resizeRef,
+        class: ["ev-virtual-scroll--item", props.class],
+        style: props.style
+      }, unref(attrs)), [
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)))
+      ], 16));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvVirtualScrollItem.vue.mjs.map

package/dist/esm/components/EvVirtualScroll/EvVirtualScrollItem.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScrollItem.vue.mjs","sources":["../../../../src/components/EvVirtualScroll/EvVirtualScrollItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, Ref, useAttrs, watch } from \"vue\";\nimport { useResizeObserver } from \"../../composables/resizeObserver\";\nimport { makeEvVirtualScrollItemProps } from \"./EvVirtualScroll\";\n\ndefineOptions({\n    inheritAttrs: false,\n});\n\ndefineSlots<{\n    default(props: { itemRef: Ref<HTMLElement | undefined> }): any;\n}>();\n\nconst props = defineProps({\n    ...makeEvVirtualScrollItemProps(),\n});\n\nconst emit = defineEmits([\"update:height\"]);\nconst attrs = useAttrs();\n\nconst { resizeRef, contentRect } = useResizeObserver(undefined, \"border\");\n\nwatch(\n    () => contentRect.value?.height,\n    (height) => {\n        if (height != null) {\n            emit(\"update:height\", height);\n        }\n    },\n);\n\nconst slotProps = computed(() => {\n    return {\n        itemRef: resizeRef,\n    };\n});\n</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <slot name=\"default\" v-bind=\"slotProps\" />\n    </template>\n    <div\n        v-else\n        ref=\"resizeRef\"\n        :class=\"['ev-virtual-scroll--item', props.class]\"\n        :style=\"props.style\"\n        v-bind=\"attrs\">\n        <slot name=\"default\" v-bind=\"slotProps\" />\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ,SAAS;AAEvB,UAAM,EAAE,WAAW,YAAA,IAAgB,kBAAkB,QAAW,QAAQ;AAExE;AAAA,MACI,MAAM;;AAAA,iCAAY,UAAZ,mBAAmB;AAAA;AAAA,MACzB,CAAC,WAAW;AACR,YAAI,UAAU,MAAM;AAChB,eAAK,iBAAiB,MAAM;AAAA,QAAA;AAAA,MAChC;AAAA,IAER;AAEM,UAAA,YAAY,SAAS,MAAM;AACtB,aAAA;AAAA,QACH,SAAS;AAAA,MACb;AAAA,IAAA,CACH;;;;;;;;;;;;;;"}

package/dist/esm/components/EvVirtualScroll/EvVirtualScrollItem.vue2.mjs

@@ -0,0 +1,6 @@
+/*! Evance UI v1.1.10 | MIT License */
+import _sfc_main from "./EvVirtualScrollItem.vue.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvVirtualScrollItem.vue2.mjs.map

package/dist/esm/components/EvWindow/EvWindow.mjs

@@ -0,0 +1,55 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { makeComponentProps } from "../../composables/component.mjs";
+import { makeTagProps } from "../../composables/tag.mjs";
+import { IconProp } from "../../composables/icons.mjs";
+import ArrowBackIcon from "../../icons/glyph/ArrowBackIcon.svg.mjs";
+import ArrowContinueIcon from "../../icons/glyph/ArrowContinueIcon.svg.mjs";
+import { propsFactory } from "../../util/props.mjs";
+const EvWindowSymbol = Symbol.for("ev:window");
+const EvWindowGroupSymbol = Symbol.for("ev:window-group");
+const makeEvWindowProps = propsFactory(
+  {
+    continuous: Boolean,
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    disabled: Boolean,
+    iconNext: {
+      type: IconProp,
+      default: ArrowContinueIcon
+    },
+    iconPrevious: {
+      type: IconProp,
+      default: ArrowBackIcon
+    },
+    // TODO: mandatory should probably not be exposed but do this for now
+    mandatory: {
+      type: [Boolean, String],
+      default: "force"
+    },
+    modelValue: null,
+    reverse: Boolean,
+    selectedClass: {
+      type: String,
+      default: "is-active"
+    },
+    showArrows: {
+      type: [Boolean, String],
+      validator: (v) => typeof v === "boolean" || v === "hover"
+    },
+    touch: {
+      type: [Object, Boolean],
+      default: void 0
+    },
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvWindow"
+);
+export {
+  EvWindowGroupSymbol,
+  EvWindowSymbol,
+  makeEvWindowProps
+};
+//# sourceMappingURL=EvWindow.mjs.map

package/dist/esm/components/EvWindow/EvWindow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvWindow.mjs","sources":["../../../../src/components/EvWindow/EvWindow.ts"],"sourcesContent":["import { GroupProvide } from \"@/composables/group\";\nimport { ComputedRef, Ref, InjectionKey, PropType } from \"vue\";\nimport { GroupItemProvide } from \"@/composables/groupItem\";\nimport { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { IconProp } from \"@/composables/icons\";\nimport { ArrowBackIcon, ArrowContinueIcon } from \"@/icons\";\nimport { TouchHandlers } from \"@/directives\";\n\nexport type EvWindowSlots = {\n    default: {\n        group: GroupProvide;\n    };\n};\n\nexport type WindowProvide = {\n    transition: ComputedRef<undefined | string>;\n    transitionCount: Ref<number>;\n    transitionHeight: Ref<undefined | string>;\n    isReversed: Ref<boolean>;\n    rootRef: Ref<HTMLElement | undefined>;\n};\n\nexport const EvWindowSymbol: InjectionKey<WindowProvide> =\n    Symbol.for(\"ev:window\");\nexport const EvWindowGroupSymbol: InjectionKey<GroupItemProvide> =\n    Symbol.for(\"ev:window-group\");\n\nexport const makeEvWindowProps = propsFactory(\n    {\n        continuous: Boolean,\n        direction: {\n            type: String as PropType<\"horizontal\" | \"vertical\">,\n            default: \"horizontal\",\n        },\n        disabled: Boolean,\n        iconNext: {\n            type: IconProp,\n            default: ArrowContinueIcon,\n        },\n        iconPrevious: {\n            type: IconProp,\n            default: ArrowBackIcon,\n        },\n        // TODO: mandatory should probably not be exposed but do this for now\n        mandatory: {\n            type: [Boolean, String] as PropType<boolean | \"force\">,\n            default: \"force\" as const,\n        },\n        modelValue: null,\n        reverse: Boolean,\n        selectedClass: {\n            type: String,\n            default: \"is-active\",\n        },\n        showArrows: {\n            type: [Boolean, String],\n            validator: (v: any) => typeof v === \"boolean\" || v === \"hover\",\n        },\n        touch: {\n            type: [Object, Boolean] as PropType<boolean | TouchHandlers>,\n            default: undefined,\n        },\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvWindow\",\n);\n"],"names":[],"mappings":";;;;;;;AAwBa,MAAA,iBACT,OAAO,IAAI,WAAW;AACb,MAAA,sBACT,OAAO,IAAI,iBAAiB;AAEzB,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,WAAW;AAAA,MACP,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,WAAW,CAAC,MAAW,OAAO,MAAM,aAAa,MAAM;AAAA,IAC3D;AAAA,IACA,OAAO;AAAA,MACH,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;"}

package/dist/esm/components/EvWindow/EvWindow.vue.mjs

@@ -0,0 +1,155 @@
+/*! Evance UI v1.1.10 | MIT License */
+import { defineComponent, ref, computed, shallowRef, watch, provide, withDirectives, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementVNode, renderSlot, createElementBlock, createCommentVNode, normalizeProps, guardReactiveProps, unref, mergeProps, createVNode } from "vue";
+/* empty css               */
+import { makeEvWindowProps, EvWindowSymbol, EvWindowGroupSymbol } from "./EvWindow.mjs";
+import { useRtl, useLocaleFunctions } from "../../composables/locale.mjs";
+import { useGroup } from "../../composables/group.mjs";
+import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
+import { Touch } from "../../directives/touch.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-window--controls"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-window--control-placeholder"
+};
+const _hoisted_3 = {
+  key: 3,
+  class: "ev-window--control-placeholder"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvWindow",
+  props: {
+    ...makeEvWindowProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { isRtl } = useRtl();
+    const { t } = useLocaleFunctions();
+    const group = useGroup(props, EvWindowGroupSymbol);
+    const rootRef = ref();
+    const isRtlReverse = computed(
+      () => isRtl.value ? !props.reverse : props.reverse
+    );
+    const isReversed = shallowRef(false);
+    const transition = computed(() => {
+      const axis = props.direction === "vertical" ? "y" : "x";
+      const reverse = isRtlReverse.value ? !isReversed.value : isReversed.value;
+      const direction = reverse ? "-reverse" : "";
+      return `ev-window-${axis}${direction}-transition`;
+    });
+    const transitionCount = shallowRef(0);
+    const transitionHeight = ref(void 0);
+    const activeIndex = computed(() => {
+      return group.items.value.findIndex(
+        (item) => group.selected.value.includes(item.id)
+      );
+    });
+    const canMoveBack = computed(() => props.continuous || activeIndex.value !== 0);
+    const canMoveForward = computed(
+      () => props.continuous || activeIndex.value !== group.items.value.length - 1
+    );
+    function previous() {
+      lastAction = "previous";
+      canMoveBack.value && group.previous();
+    }
+    function next() {
+      lastAction = "next";
+      canMoveForward.value && group.next();
+    }
+    const touchOptions = computed(() => {
+      if (props.touch === false) return props.touch;
+      const options = {
+        left: () => {
+          isRtlReverse.value ? previous() : next();
+        },
+        right: () => {
+          isRtlReverse.value ? next() : previous();
+        },
+        start: ({ originalEvent }) => {
+          originalEvent.stopPropagation();
+        }
+      };
+      return {
+        ...options,
+        ...props.touch === true ? {} : props.touch
+      };
+    });
+    const previousProps = computed(() => {
+      return {
+        icon: isRtl.value ? props.iconNext : props.iconPrevious,
+        class: `ev-window--${isRtlReverse.value ? "right" : "left"}`,
+        onClick: previous,
+        ariaLabel: t("carousel.previous")
+      };
+    });
+    const nextProps = computed(() => {
+      return {
+        icon: isRtl.value ? props.iconPrevious : props.iconNext,
+        class: `ev-window--${isRtlReverse.value ? "left" : "right"}`,
+        onClick: next,
+        ariaLabel: t("carousel.next")
+      };
+    });
+    const vTouch = Touch;
+    let lastAction;
+    watch(activeIndex, (newVal, oldVal) => {
+      isReversed.value = isRtlReverse.value ? lastAction === "next" || lastAction !== "previous" && newVal > oldVal : lastAction === "previous" || lastAction !== "next" && newVal < oldVal;
+      lastAction = void 0;
+    });
+    provide(EvWindowSymbol, {
+      transition,
+      isReversed,
+      transitionCount,
+      transitionHeight,
+      rootRef
+    });
+    __expose({
+      canMoveBack,
+      canMoveForward,
+      previous,
+      next
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass([
+          "ev-window",
+          {
+            "is-show-arrows-on-hover": props.showArrows === "hover"
+          },
+          props.class
+        ]),
+        style: normalizeStyle(props.style)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "ev-window--container",
+            style: normalizeStyle({
+              height: transitionHeight.value
+            })
+          }, [
+            renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ group: unref(group) }))),
+            props.showArrows !== false ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              canMoveBack.value ? renderSlot(_ctx.$slots, "previous", normalizeProps(mergeProps({ key: 0 }, { props: previousProps.value })), () => [
+                createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(previousProps.value)), null, 16)
+              ]) : (openBlock(), createElementBlock("div", _hoisted_2)),
+              canMoveForward.value ? renderSlot(_ctx.$slots, "next", normalizeProps(mergeProps({ key: 2 }, { props: nextProps.value })), () => [
+                createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(nextProps.value)), null, 16)
+              ]) : (openBlock(), createElementBlock("div", _hoisted_3))
+            ])) : createCommentVNode("", true)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["class", "style"])), [
+        [unref(vTouch), touchOptions.value]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvWindow.vue.mjs.map