@evance/evance-ui 1.0.40 → 1.0.41

package/dist/cjs/src/components/EvDialog/EvDialog.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialog.vue.cjs","sources":["../../../../../src/components/EvDialog/EvDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `<ev-dialog>`\n */\nimport \"./EvDialog.scss\";\nimport { DialogSize, DialogSizeToWidth, makeEvDialogProps } from \"./EvDialog\";\nimport {\n    computed,\n    mergeProps,\n    nextTick,\n    onBeforeUnmount,\n    ref,\n    watch,\n} from \"vue\";\nimport { EvOverlay } from \"@/components/EvOverlay\";\nimport EvSurface from \"@/components/EvSurface/EvSurface.vue\";\nimport {\n    Browser,\n    filterComponentProps,\n    getFocusableChildren,\n    getOuterHeight,\n    getOuterWidth,\n    getViewport,\n} from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport EvDialogBody from \"@/components/EvDialog/EvDialogBody.vue\";\nimport EvDialogFooter from \"@/components/EvDialog/EvDialogFooter.vue\";\nimport EvDialogHeader from \"@/components/EvDialog/EvDialogHeader.vue\";\nimport { provideDialog } from \"@/composables/dialog\";\n\nconst props = defineProps({\n    ...makeEvDialogProps(),\n});\nconst slots = defineSlots<{\n    activator(): never;\n    container(): never;\n    default(): never;\n    footer(): never;\n    header(): never;\n}>();\nconst overlayRef = ref();\nconst isActive = useModelProxy(props, \"modelValue\");\nconst isFullscreen = useModelProxy(props, \"fullscreen\");\nconst overlayProps = computed(() => {\n    return filterComponentProps(EvOverlay, props);\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-haspopup\": \"dialog\",\n            \"aria-expanded\": String(isActive.value),\n        },\n        props.activatorProps,\n    );\n});\n\nconst headerProps = computed(() => {\n    const separatedProps = {\n        actions: props.headerActions,\n        closeable: props.closeable,\n        icon: props.icon,\n        title: props.title,\n    };\n    const suppliedProps = props.headerProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst bodyProps = computed(() => {\n    const separatedProps = {\n        padding: !props.noPadding,\n    };\n    const suppliedProps = props.bodyProps ?? {};\n    return Object.assign(separatedProps, suppliedProps);\n});\n\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"update:fullscreen\", value: boolean): void;\n    (e: \"dragstart\", value: MouseEvent): void;\n    (e: \"dragend\", value: MouseEvent): void;\n    (e: \"open\"): void;\n    (e: \"after-open\"): void;\n    (e: \"close\"): void;\n    (e: \"after-close\"): void;\n}>();\n\n/**\n * ## Width\n *\n * We want to standardise dialog sizes. So we can intercept the `width` prop.\n *\n * - 'small'\n * - 'medium'\n * - 'large'\n * - 'x-large'\n */\nconst width = computed(() => {\n    const size = props.width ?? DialogSizeToWidth[DialogSize.medium];\n    return DialogSizeToWidth[size] ?? size;\n});\n\n/**\n * ## onFocusin\n *\n * When the user opens the dialog and presses tab (for example)\n * we can apply focus to the first available and focusable element.\n *\n * 1. The dialog MUST be the top-most open dialog.\n * 2. The target element MUST be the document nor the content of the dialog.\n * 3. The target element isn't within the dialog content.\n *\n * If the conditions above are met then we can refocus the user into the\n * first/last available focusable element.\n *\n * @param e\n */\nfunction onFocusin(e: FocusEvent) {\n    const previousEl = e.relatedTarget as HTMLElement | null;\n    const targetEl = e.target as HTMLElement | null;\n\n    if (\n        previousEl !== targetEl &&\n        overlayRef.value?.contentEl &&\n        overlayRef.value?.isTopGlobal &&\n        ![document, overlayRef.value.contentEl].includes(targetEl) &&\n        !overlayRef.value.contentEl.contains(targetEl)\n    ) {\n        const focusable = getFocusableChildren(overlayRef.value.contentEl);\n        if (!focusable.length) {\n            return;\n        }\n        const firstEl = focusable[0];\n        const lastEl = focusable[focusable.length - 1];\n        if (previousEl === firstEl) {\n            lastEl.focus();\n        } else {\n            firstEl.focus();\n        }\n    }\n}\n\n/**\n * If the browser window is available (not SSR)\n * then we need to add the focusin event listen when the dialog is open\n * and then remove the event listener when it is closed.\n */\nif (Browser.hasWindow) {\n    watch(\n        () => isActive.value && props.retainFocus,\n        (value) => {\n            if (value) {\n                document.addEventListener(\"focusin\", onFocusin);\n            } else {\n                document.removeEventListener(\"focusin\", onFocusin);\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n\n/**\n * Watch for changes to the `modelValue` when the dialog is opened\n * focus on the content element. When it is closed revert focus\n * to the activator element if it is available.\n */\nwatch(isActive, async (value) => {\n    await nextTick();\n    if (value) {\n        overlayRef.value!.contentEl?.focus({ preventScroll: true });\n    } else {\n        overlayRef.value!.activatorEl?.focus({ preventScroll: true });\n    }\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDialog(props.__instance);\n\ndefineExpose({\n    close,\n});\n\n/**\n * Dragging\n * @todo: Still implementing draggable dialogs\n **/\nlet dragging = false;\nlet lastPageX = null;\nlet lastPageY = null;\nlet documentDragListener = null;\nlet documentDragEndListener = null;\n\nfunction initDrag(e: MouseEvent) {\n    if (\n        !props.draggable ||\n        (e.target instanceof Element && e.target.closest(\"[data-no-drag]\"))\n    ) {\n        return;\n    }\n    dragging = true;\n    lastPageX = e.pageX;\n    lastPageY = e.pageY;\n    document.body.style.userSelect = \"none\";\n    emit(\"dragstart\", e);\n}\n\nfunction onEnter() {\n    emit(\"open\");\n    bindGlobalListeners();\n}\nfunction onAfterEnter() {\n    emit(\"after-open\");\n}\nfunction onBeforeLeave() {\n    if (dragging && documentDragEndListener) {\n        documentDragEndListener();\n    }\n}\nfunction onLeave() {\n    emit(\"close\");\n}\nfunction onAfterLeave() {\n    unbindGlobalListeners();\n    emit(\"after-close\");\n}\n\nfunction bindGlobalListeners() {\n    if (props.draggable) {\n        bindDocumentDragListener();\n        bindDocumentDragEndListener();\n    }\n}\n\nfunction bindDocumentDragListener() {\n    documentDragListener = (event) => {\n        const container = overlayRef.value?.contentEl;\n        if (dragging && container) {\n            const width = getOuterWidth(container);\n            const height = getOuterHeight(container);\n            const deltaX = event.pageX - lastPageX;\n            const deltaY = event.pageY - lastPageY;\n            const offset = container.getBoundingClientRect();\n            const leftPos = offset.left + deltaX;\n            const topPos = offset.top + deltaY;\n            const viewport = getViewport();\n            const containerComputedStyle = getComputedStyle(container);\n            const marginLeft = parseFloat(containerComputedStyle.marginLeft);\n            const marginTop = parseFloat(containerComputedStyle.marginTop);\n            container.style.position = \"fixed\";\n\n            if (props.dragWithinViewport) {\n                if (\n                    leftPos >= props.dragMinX &&\n                    leftPos + width < viewport.width\n                ) {\n                    lastPageX = event.pageX;\n                    container.style.left = leftPos - marginLeft + \"px\";\n                }\n\n                if (\n                    topPos >= props.dragMinY &&\n                    topPos + height < viewport.height\n                ) {\n                    lastPageY = event.pageY;\n                    container.style.top = topPos - marginTop + \"px\";\n                }\n            } else {\n                lastPageX = event.pageX;\n                container.style.left = leftPos - marginLeft + \"px\";\n                lastPageY = event.pageY;\n                container.style.top = topPos - marginTop + \"px\";\n            }\n        }\n    };\n    window.document.addEventListener(\"mousemove\", documentDragListener);\n}\n\nfunction bindDocumentDragEndListener() {\n    documentDragEndListener = (event: MouseEvent) => {\n        if (dragging) {\n            dragging = false;\n            document.body.style.userSelect = \"\";\n            emit(\"dragend\", event);\n        }\n    };\n    window.document.addEventListener(\"mouseup\", documentDragEndListener);\n}\n\nfunction unbindGlobalListeners() {\n    unbindDocumentDragListener();\n    unbindDocumentDragEndListener();\n}\n\nfunction unbindDocumentDragListener() {\n    if (documentDragListener) {\n        window.document.removeEventListener(\"mousemove\", documentDragListener);\n        documentDragListener = null;\n    }\n}\n\nfunction unbindDocumentDragEndListener() {\n    if (documentDragEndListener) {\n        window.document.removeEventListener(\"mouseup\", documentDragEndListener);\n        documentDragEndListener = null;\n    }\n}\n\nonBeforeUnmount(() => {\n    unbindGlobalListeners();\n});\n\n</script>\n\n<template>\n    <ev-overlay\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        aria-modal=\"true\"\n        role=\"dialog\"\n        :class=\"[\n            'ev-dialog',\n            {\n                'is-fullscreen': isFullscreen,\n                'is-scrollable': props.scrollable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :activator-props=\"activatorProps\"\n        :width=\"width\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <template v-if=\"slots.activator\" #activator=\"{ isActive, props }\">\n            <slot name=\"activator\" :is-active=\"isActive\" :props=\"props\" />\n        </template>\n\n        <slot v-if=\"slots.container\" name=\"container\" />\n        <ev-surface\n            v-else\n            class=\"ev-dialog--surface\"\n            elevation=\"overlay\"\n            rounded=\"small\">\n            <ev-dialog-header\n                v-if=\"!props.hideHeader\"\n                v-model=\"isActive\"\n                v-bind=\"headerProps\"\n                @mousedown=\"initDrag\">\n                <template v-if=\"slots.header\" #default>\n                    <slot name=\"header\" />\n                </template>\n            </ev-dialog-header>\n            <ev-dialog-body v-bind=\"bodyProps\">\n                <slot />\n            </ev-dialog-body>\n            <ev-dialog-footer v-if=\"slots.footer\">\n                <slot name=\"footer\" />\n            </ev-dialog-footer>\n        </ev-surface>\n    </ev-overlay>\n</template>\n"],"names":["_useSlots","ref","useModelProxy","computed","filterComponentProps","EvOverlay","mergeProps","DialogSizeToWidth","DialogSize","getFocusableChildren","Browser","watch","nextTick","provideDialog","width","getOuterWidth","getOuterHeight","getViewport","onBeforeUnmount"],"mappings":"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"}

package/dist/cjs/src/components/EvDialog/EvDialog.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvDialog_vue_vue_type_script_setup_true_lang = require("./EvDialog.vue.cjs");
+exports.default = EvDialog_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvDialog.vue2.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialog.vue2.cjs.map

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

package/dist/cjs/src/components/EvDialog/EvDialogBody.vue.cjs

@@ -0,0 +1,40 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const props = require("../../util/props.cjs");
+const makeEvDialogBodyProps = props.propsFactory(
+  {
+    padding: {
+      type: Boolean,
+      default: true
+    }
+  },
+  "EvDialogBody"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDialogBody",
+  props: {
+    ...makeEvDialogBodyProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const paddingClass = vue.computed(() => {
+      return !props2.padding ? "pa-0" : void 0;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "ev-dialog--body",
+          "is-scrollable",
+          paddingClass.value
+        ])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;
+exports.makeEvDialogBodyProps = makeEvDialogBodyProps;
+//# sourceMappingURL=EvDialogBody.vue.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogBody.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogBody.vue.cjs","sources":["../../../../../src/components/EvDialog/EvDialogBody.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\n\nexport interface EvDialogBodyProps {\n    padding?: boolean;\n}\n\nexport const makeEvDialogBodyProps = propsFactory(\n    {\n        padding: {\n            type: Boolean,\n            default: true,\n        },\n    },\n    \"EvDialogBody\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvDialogBodyProps(),\n});\n\nconst paddingClass = computed(() => {\n    return !props.padding ? \"pa-0\" : undefined;\n});\n</script>\n\n<template>\n    <div\n        :class=\"[\n            'ev-dialog--body',\n            'is-scrollable',\n            paddingClass,\n        ]\">\n        <slot />\n    </div>\n</template>\n"],"names":["propsFactory","computed","props"],"mappings":";;;;;AAOO,MAAM,wBAAwBA,MAAA;AAAA,EACjC;AAAA,IACI,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;;;;;;;;AAUM,UAAA,eAAeC,IAAAA,SAAS,MAAM;AACzB,aAAA,CAACC,OAAM,UAAU,SAAS;AAAA,IAAA,CACpC;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvDialog/EvDialogBody.vue2.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvDialogBody_vue_vue_type_script_setup_true_lang = require("./EvDialogBody.vue.cjs");
+exports.default = EvDialogBody_vue_vue_type_script_setup_true_lang.default;
+exports.makeEvDialogBodyProps = EvDialogBody_vue_vue_type_script_setup_true_lang.makeEvDialogBodyProps;
+//# sourceMappingURL=EvDialogBody.vue2.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogBody.vue2.cjs.map

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

package/dist/cjs/src/components/EvDialog/EvDialogFooter.vue.cjs

@@ -0,0 +1,15 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {};
+const _hoisted_1 = { class: "ev-dialog--footer" };
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const EvDialogFooter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = EvDialogFooter;
+//# sourceMappingURL=EvDialogFooter.vue.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogFooter.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogFooter.vue.cjs","sources":["../../../../../src/components/EvDialog/EvDialogFooter.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n    <div class=\"ev-dialog--footer\">\n        <slot />\n    </div>\n</template>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;AAGI,SAAA,YAAA,MAAA,QAAA;SACYA,cAAA,GAAAC,uBAAA,OAAA,YAAA;AAAA;;;;;"}

package/dist/cjs/src/components/EvDialog/EvDialogHeader.vue.cjs

@@ -0,0 +1,57 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const modelProxy = require("../../composables/modelProxy.cjs");
+const EvToolbar = require("../EvToolbar/EvToolbar.cjs");
+const EvToolbar_vue_vue_type_script_setup_true_lang = require("../EvToolbar/EvToolbar.vue.cjs");
+const props = require("../../util/props.cjs");
+const helpers = require("../../util/helpers.cjs");
+const makeEvDialogHeaderProps = props.propsFactory(
+  {
+    modelValue: Boolean,
+    closeable: {
+      type: Boolean,
+      default: true
+    },
+    ...EvToolbar.makeEvToolbarProps({
+      size: "large"
+    })
+  },
+  "EvDialogHeader"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDialogHeader",
+  props: {
+    ...makeEvDialogHeaderProps()
+  },
+  emits: ["update:modelValue", "close"],
+  setup(__props, { emit }) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const isActive = modelProxy.useModelProxy(props2, "modelValue");
+    function close() {
+      isActive.value = false;
+      emit("close");
+    }
+    const closeable = vue.computed(() => props2.closeable ? close : void 0);
+    const toolbarProps = vue.computed(() => {
+      return helpers.filterComponentProps(EvToolbar_vue_vue_type_script_setup_true_lang.default, props2);
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass(["ev-dialog--header", props2.class]),
+        style: vue.normalizeStyle(props2.style)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6)) : (vue.openBlock(), vue.createBlock(vue.unref(EvToolbar_vue_vue_type_script_setup_true_lang.default), vue.mergeProps({
+        key: 1,
+        class: ["ev-dialog--header", { "is-untitled": !props2.title }]
+      }, toolbarProps.value, { "onClick:close": closeable.value }), null, 16, ["class", "onClick:close"]));
+    };
+  }
+});
+exports.default = _sfc_main;
+exports.makeEvDialogHeaderProps = makeEvDialogHeaderProps;
+//# sourceMappingURL=EvDialogHeader.vue.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogHeader.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogHeader.vue.cjs","sources":["../../../../../src/components/EvDialog/EvDialogHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { makeEvToolbarProps } from \"@/components/EvToolbar\";\n\nexport const makeEvDialogHeaderProps = propsFactory(\n    {\n        modelValue: Boolean,\n        closeable: {\n            type: Boolean,\n            default: true,\n        },\n        ...makeEvToolbarProps({\n            size: \"large\",\n        }),\n    },\n    \"EvDialogHeader\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { EvToolbar } from \"@/components/EvToolbar\";\nimport { computed } from \"vue\";\nimport { filterComponentProps } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogHeaderProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"close\"): void;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n    emit(\"close\");\n}\n\nconst closeable = computed(() => (props.closeable ? close : undefined));\n\nconst toolbarProps = computed(() => {\n    return filterComponentProps(EvToolbar, props);\n});\n</script>\n\n<template>\n    <div\n        v-if=\"slots.default\"\n        :class=\"['ev-dialog--header', props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n    <ev-toolbar\n        v-else\n        :class=\"['ev-dialog--header', { 'is-untitled': !props.title }]\"\n        v-bind=\"toolbarProps\"\n        @click:close=\"closeable\" />\n</template>\n"],"names":["propsFactory","makeEvToolbarProps","_useSlots","useModelProxy","props","computed","filterComponentProps","EvToolbar"],"mappings":";;;;;;;;;AAIO,MAAM,0BAA0BA,MAAA;AAAA,EACnC;AAAA,IACI,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAGC,6BAAmB;AAAA,MAClB,MAAM;AAAA,IACT,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;AAYA,UAAM,QAAQC,IAAAA;AAOR,UAAA,WAAWC,WAAAA,cAAcC,QAAO,YAAY;AAKlD,aAAS,QAAQ;AACb,eAAS,QAAQ;AACjB,WAAK,OAAO;AAAA,IAAA;AAGhB,UAAM,YAAYC,IAAAA,SAAS,MAAOD,OAAM,YAAY,QAAQ,MAAU;AAEhE,UAAA,eAAeC,IAAAA,SAAS,MAAM;AACzB,aAAAC,QAAA,qBAAqBC,uDAAWH,MAAK;AAAA,IAAA,CAC/C;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvDialog/EvDialogHeader.vue2.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvDialogHeader_vue_vue_type_script_setup_true_lang = require("./EvDialogHeader.vue.cjs");
+exports.default = EvDialogHeader_vue_vue_type_script_setup_true_lang.default;
+exports.makeEvDialogHeaderProps = EvDialogHeader_vue_vue_type_script_setup_true_lang.makeEvDialogHeaderProps;
+//# sourceMappingURL=EvDialogHeader.vue2.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogHeader.vue2.cjs.map

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

package/dist/cjs/src/components/EvDialog/EvDialogInstance.cjs

@@ -0,0 +1,19 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class EvDialogInstance {
+  constructor(renderer) {
+    this.renderer = renderer;
+  }
+  get data() {
+    return this.renderer.data;
+  }
+  get id() {
+    return this.renderer.id;
+  }
+  close(response) {
+    this.renderer.close(response);
+  }
+}
+exports.EvDialogInstance = EvDialogInstance;
+//# sourceMappingURL=EvDialogInstance.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogInstance.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogInstance.cjs","sources":["../../../../../src/components/EvDialog/EvDialogInstance.ts"],"sourcesContent":["import { EvDialogRenderer } from \"@/components/EvDialog/EvDialogRenderer\";\n\n/**\n * # EvDialogInstance\n */\nexport class EvDialogInstance {\n    public constructor(private renderer: EvDialogRenderer) {}\n\n    get data() {\n        return this.renderer.data;\n    }\n\n    get id(): number {\n        return this.renderer.id;\n    }\n\n    public close(response: any): void {\n        this.renderer.close(response);\n    }\n}\n"],"names":[],"mappings":";;;AAKO,MAAM,iBAAiB;AAAA,EACnB,YAAoB,UAA4B;AAA5B,SAAA,WAAA;AAAA,EAAA;AAAA,EAE3B,IAAI,OAAO;AACP,WAAO,KAAK,SAAS;AAAA,EAAA;AAAA,EAGzB,IAAI,KAAa;AACb,WAAO,KAAK,SAAS;AAAA,EAAA;AAAA,EAGlB,MAAM,UAAqB;AACzB,SAAA,SAAS,MAAM,QAAQ;AAAA,EAAA;AAEpC;;"}

package/dist/cjs/src/components/EvDialog/EvDialogRenderer.cjs

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const EvDialog_vue_vue_type_script_setup_true_lang = require("./EvDialog.vue.cjs");
+const EvDialogInstance = require("./EvDialogInstance.cjs");
+class EvDialogRenderer {
+  /**
+   * @param app
+   * @param id
+   * @param options
+   */
+  constructor(app, id, options) {
+    __publicField(this, "app");
+    __publicField(this, "id");
+    __publicField(this, "instance");
+    __publicField(this, "container");
+    __publicField(this, "modelValue", vue.shallowRef(false));
+    __publicField(this, "options");
+    __publicField(this, "promiseResolver");
+    __publicField(this, "isRendered", false);
+    this.app = app;
+    this.id = id;
+    this.options = options;
+  }
+  get data() {
+    return this.options.data;
+  }
+  /**
+   * ## close
+   * @param response
+   */
+  close(response) {
+    var _a;
+    (_a = this.promiseResolver) == null ? void 0 : _a.call(this, response);
+    this.modelValue.value = false;
+  }
+  /**
+   * ## createContainer
+   * @private
+   */
+  createContainer() {
+    this.container = document.createElement("div");
+    this.container.id = `ev-dialog-instance-${this.id}`;
+    document.querySelector("body").appendChild(this.container);
+  }
+  /**
+   * ## createProps
+   * @private
+   */
+  createProps() {
+    const props = this.options.props ?? {};
+    return vue.mergeProps(props, {
+      modelValue: this.modelValue,
+      onAfterLeave: () => this.onAfterLeave(),
+      __instance: new EvDialogInstance.EvDialogInstance(this)
+    });
+  }
+  /**
+   * ## createSlots
+   *
+   * Convert the slots provided in the instance options
+   * into render functions.
+   *
+   * @private
+   */
+  createSlots() {
+    const internalSlots = this.options.slots ?? {};
+    const renderedSlots = {};
+    for (const key in internalSlots) {
+      const component = internalSlots[key];
+      renderedSlots[key] = (props, slots) => {
+        return vue.h(component, props, slots);
+      };
+    }
+    return renderedSlots;
+  }
+  /**
+   * ## onAfterLeave
+   * @private
+   */
+  onAfterLeave() {
+    const el = this.instance.$el.parentNode;
+    vue.render(null, el);
+    el.parentNode.removeChild(el);
+    this.isRendered = false;
+  }
+  /**
+   * ## open
+   */
+  open() {
+    this.modelValue.value = true;
+    return new Promise((resolve) => {
+      this.promiseResolver = resolve;
+    });
+  }
+  /**
+   * ## renderDialog
+   * @private
+   */
+  render() {
+    if (this.isRendered) {
+      return;
+    }
+    this.createContainer();
+    const renderedDialog = vue.h(
+      EvDialog_vue_vue_type_script_setup_true_lang.default,
+      this.createProps(),
+      this.createSlots()
+    );
+    renderedDialog.appContext = this.app._context;
+    vue.render(renderedDialog, this.container);
+    this.instance = renderedDialog.component.proxy;
+    this.isRendered = true;
+  }
+}
+exports.EvDialogRenderer = EvDialogRenderer;
+//# sourceMappingURL=EvDialogRenderer.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogRenderer.cjs","sources":["../../../../../src/components/EvDialog/EvDialogRenderer.ts"],"sourcesContent":["import {\n    App,\n    ComponentPublicInstance,\n    h,\n    mergeProps,\n    render,\n    shallowRef,\n    VNode,\n    VNodeProps,\n} from \"vue\";\nimport EvDialog from \"@/components/EvDialog/EvDialog.vue\";\nimport { EvDialogInstance } from \"@/components/EvDialog/EvDialogInstance\";\nimport {\n    EvDialogServiceOptions,\n    EvDialogServiceSlots,\n} from \"@/components/EvDialog/EvDialogServiceOpener\";\n\n/**\n * # EvDialogInstance\n */\nexport class EvDialogRenderer {\n    private app: App;\n    public readonly id: number;\n    private instance?: ComponentPublicInstance | null;\n    private container?: HTMLDivElement;\n    private modelValue = shallowRef(false);\n    private options: EvDialogServiceOptions;\n    private promiseResolver?: (value: unknown) => void;\n    private isRendered = false;\n\n    /**\n     * @param app\n     * @param id\n     * @param options\n     */\n    public constructor(app: App, id: number, options: EvDialogServiceOptions) {\n        this.app = app;\n        this.id = id;\n        this.options = options;\n    }\n\n    get data() {\n        return this.options.data;\n    }\n\n    /**\n     * ## close\n     * @param response\n     */\n    public close(response: any) {\n        this.promiseResolver?.(response);\n        this.modelValue.value = false;\n    }\n\n    /**\n     * ## createContainer\n     * @private\n     */\n    private createContainer() {\n        this.container = document.createElement(\"div\");\n        this.container.id = `ev-dialog-instance-${this.id}`;\n        document.querySelector(\"body\")!.appendChild(this.container);\n    }\n\n    /**\n     * ## createProps\n     * @private\n     */\n    private createProps() {\n        const props = this.options.props ?? {};\n        return mergeProps(props as VNodeProps, {\n            modelValue: this.modelValue,\n            onAfterLeave: () => this.onAfterLeave(),\n            __instance: new EvDialogInstance(this),\n        });\n    }\n\n    /**\n     * ## createSlots\n     *\n     * Convert the slots provided in the instance options\n     * into render functions.\n     *\n     * @private\n     */\n    private createSlots() {\n        const internalSlots = this.options.slots ?? {};\n        const renderedSlots: {\n            [key: string]: (props: any, slots: any) => VNode;\n        } = {};\n        for (const key in internalSlots) {\n            const component = internalSlots[key as keyof EvDialogServiceSlots];\n            renderedSlots[key] = (props, slots) => {\n                return h(component!, props, slots);\n            };\n        }\n        return renderedSlots;\n    }\n\n    /**\n     * ## onAfterLeave\n     * @private\n     */\n    private onAfterLeave() {\n        const el = this.instance!.$el.parentNode;\n        render(null, el);\n        el.parentNode.removeChild(el);\n        this.isRendered = false;\n    }\n\n    /**\n     * ## open\n     */\n    public open() {\n        this.modelValue.value = true;\n        return new Promise((resolve) => {\n            this.promiseResolver = resolve;\n        });\n    }\n\n    /**\n     * ## renderDialog\n     * @private\n     */\n    public render() {\n        if (this.isRendered) {\n            return;\n        }\n        this.createContainer();\n        const renderedDialog = h(\n            EvDialog,\n            this.createProps(),\n            this.createSlots(),\n        );\n        renderedDialog.appContext = this.app._context;\n        render(renderedDialog, this.container!);\n        this.instance = renderedDialog.component!.proxy!;\n        this.isRendered = true;\n    }\n}\n"],"names":["shallowRef","mergeProps","EvDialogInstance","h","render","EvDialog"],"mappings":";;;;;;;;;AAoBO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenB,YAAY,KAAU,IAAY,SAAiC;AAdlE;AACQ;AACR;AACA;AACA,sCAAaA,eAAW,KAAK;AAC7B;AACA;AACA,sCAAa;AAQjB,SAAK,MAAM;AACX,SAAK,KAAK;AACV,SAAK,UAAU;AAAA,EAAA;AAAA,EAGnB,IAAI,OAAO;AACP,WAAO,KAAK,QAAQ;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjB,MAAM,UAAe;;AACxB,eAAK,oBAAL,8BAAuB;AACvB,SAAK,WAAW,QAAQ;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpB,kBAAkB;AACjB,SAAA,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,KAAK,sBAAsB,KAAK,EAAE;AACjD,aAAS,cAAc,MAAM,EAAG,YAAY,KAAK,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtD,cAAc;AAClB,UAAM,QAAQ,KAAK,QAAQ,SAAS,CAAC;AACrC,WAAOC,IAAAA,WAAW,OAAqB;AAAA,MACnC,YAAY,KAAK;AAAA,MACjB,cAAc,MAAM,KAAK,aAAa;AAAA,MACtC,YAAY,IAAIC,iBAAAA,iBAAiB,IAAI;AAAA,IAAA,CACxC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWG,cAAc;AAClB,UAAM,gBAAgB,KAAK,QAAQ,SAAS,CAAC;AAC7C,UAAM,gBAEF,CAAC;AACL,eAAW,OAAO,eAAe;AACvB,YAAA,YAAY,cAAc,GAAiC;AACjE,oBAAc,GAAG,IAAI,CAAC,OAAO,UAAU;AAC5B,eAAAC,MAAE,WAAY,OAAO,KAAK;AAAA,MACrC;AAAA,IAAA;AAEG,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOH,eAAe;AACb,UAAA,KAAK,KAAK,SAAU,IAAI;AAC9BC,QAAA,OAAO,MAAM,EAAE;AACZ,OAAA,WAAW,YAAY,EAAE;AAC5B,SAAK,aAAa;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMf,OAAO;AACV,SAAK,WAAW,QAAQ;AACjB,WAAA,IAAI,QAAQ,CAAC,YAAY;AAC5B,WAAK,kBAAkB;AAAA,IAAA,CAC1B;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOE,SAAS;AACZ,QAAI,KAAK,YAAY;AACjB;AAAA,IAAA;AAEJ,SAAK,gBAAgB;AACrB,UAAM,iBAAiBD,IAAA;AAAA,MACnBE,6CAAA;AAAA,MACA,KAAK,YAAY;AAAA,MACjB,KAAK,YAAY;AAAA,IACrB;AACe,mBAAA,aAAa,KAAK,IAAI;AAC9BD,eAAA,gBAAgB,KAAK,SAAU;AACjC,SAAA,WAAW,eAAe,UAAW;AAC1C,SAAK,aAAa;AAAA,EAAA;AAE1B;;"}

package/dist/cjs/src/components/EvDialog/EvDialogServiceOpener.cjs

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvDialogRenderer = require("./EvDialogRenderer.cjs");
+class EvDialogServiceOpener {
+  constructor(app) {
+    __publicField(this, "instanceId", 0);
+    this.app = app;
+  }
+  /**
+   * ## open
+   * @param options
+   */
+  open(options) {
+    const renderer = new EvDialogRenderer.EvDialogRenderer(
+      this.app,
+      ++this.instanceId,
+      options
+    );
+    renderer.render();
+    return renderer.open();
+  }
+}
+exports.EvDialogServiceOpener = EvDialogServiceOpener;
+//# sourceMappingURL=EvDialogServiceOpener.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogServiceOpener.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogServiceOpener.cjs","sources":["../../../../../src/components/EvDialog/EvDialogServiceOpener.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { EvDialogRenderer } from \"@/components/EvDialog/EvDialogRenderer\";\n\nexport interface EvDialogServiceOptions {\n    props?: EvDialogServiceProps;\n    slots?: EvDialogServiceSlots;\n    data?: any;\n}\n\n/**\n * # EvDialogProps\n */\nexport interface EvDialogServiceProps {\n    width?: number | string;\n    veil?: boolean;\n    showHeader?: boolean;\n    retainFocus?: boolean;\n    persistent?: boolean;\n}\n\nexport interface EvDialogServiceSlots {\n    container?: object;\n    default?: object;\n    header?: object;\n    footer?: object;\n}\n\n/**\n * # EvDialogService\n */\nexport class EvDialogServiceOpener {\n    private instanceId: number = 0;\n\n    public constructor(private app: App) {}\n\n    /**\n     * ## open\n     * @param options\n     */\n    public open(options: EvDialogServiceOptions) {\n        const renderer = new EvDialogRenderer(\n            this.app,\n            ++this.instanceId,\n            options,\n        );\n        renderer.render();\n        return renderer.open();\n    }\n}\n"],"names":["EvDialogRenderer"],"mappings":";;;;;;;AA8BO,MAAM,sBAAsB;AAAA,EAGxB,YAAoB,KAAU;AAF7B,sCAAqB;AAEF,SAAA,MAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,KAAK,SAAiC;AACzC,UAAM,WAAW,IAAIA,iBAAA;AAAA,MACjB,KAAK;AAAA,MACL,EAAE,KAAK;AAAA,MACP;AAAA,IACJ;AACA,aAAS,OAAO;AAChB,WAAO,SAAS,KAAK;AAAA,EAAA;AAE7B;;"}

package/dist/cjs/src/components/EvDialog/EvDialogTransition.vue.cjs

@@ -0,0 +1,142 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const animate = require("../../util/animate.cjs");
+const dimensions = require("../../util/dimensions.cjs");
+const props = require("../../util/props.cjs");
+const makeEvDialogTransitionProps = props.propsFactory(
+  {
+    target: [Object, Array]
+  },
+  "EvDialogTransition"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDialogTransition",
+  props: {
+    ...makeEvDialogTransitionProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    function getDimensions(target, el) {
+      const targetRect = dimensions.getTargetRect(target);
+      const elRect = dimensions.adjustedBoundingRect(el);
+      const [originX, originY] = getComputedStyle(el).transformOrigin.split(" ").map((v) => parseFloat(v));
+      const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue("--ev-overlay-position").split(" ");
+      let offsetX = targetRect.left + targetRect.width / 2;
+      if (anchorSide === "left" || anchorOffset === "left") {
+        offsetX -= targetRect.width / 2;
+      } else if (anchorSide === "right" || anchorOffset === "right") {
+        offsetX += targetRect.width / 2;
+      }
+      let offsetY = targetRect.top + targetRect.height / 2;
+      if (anchorSide === "top" || anchorOffset === "top") {
+        offsetY -= targetRect.height / 2;
+      } else if (anchorSide === "bottom" || anchorOffset === "bottom") {
+        offsetY += targetRect.height / 2;
+      }
+      const tsx = targetRect.width / elRect.width;
+      const tsy = targetRect.height / elRect.height;
+      const maxs = Math.max(1, tsx, tsy);
+      const sx = tsx / maxs || 0;
+      const sy = tsy / maxs || 0;
+      const asa = elRect.width * elRect.height / (window.innerWidth * window.innerHeight);
+      const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;
+      return {
+        x: offsetX - (originX + elRect.left),
+        y: offsetY - (originY + elRect.top),
+        sx,
+        sy,
+        speed
+      };
+    }
+    function onBeforeEnter(el) {
+      el.style.pointerEvents = "none";
+      el.style.visibility = "hidden";
+    }
+    async function onEnter(el, done) {
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      el.style.visibility = "";
+      const { x, y, sx, sy, speed } = getDimensions(
+        props2.target,
+        el
+      );
+      const animation = animate.animate(
+        el,
+        [
+          {
+            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
+            opacity: 0
+          },
+          {}
+        ],
+        {
+          duration: 225 * speed,
+          easing: animate.easingDecelerate
+        }
+      );
+      animation.finished.then(() => done());
+    }
+    function onAfterEnter(el) {
+      el.style.removeProperty("pointer-events");
+    }
+    function onBeforeLeave(el) {
+      el.style.pointerEvents = "none";
+    }
+    async function onLeave(el, done) {
+      await new Promise((resolve) => requestAnimationFrame(resolve));
+      const { x, y, sx, sy, speed } = getDimensions(
+        props2.target,
+        el
+      );
+      const animation = animate.animate(
+        el,
+        [
+          {},
+          {
+            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
+            opacity: 0
+          }
+        ],
+        {
+          duration: 125 * speed,
+          easing: animate.easingAccelerate
+        }
+      );
+      animation.finished.then(() => done());
+    }
+    function onAfterLeave(el) {
+      el.style.removeProperty("pointer-events");
+    }
+    return (_ctx, _cache) => {
+      return props2.target ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+        key: 0,
+        name: "ev-dialog-transition",
+        css: false,
+        onBeforeEnter,
+        onEnter,
+        onAfterEnter,
+        onBeforeLeave,
+        onLeave,
+        onAfterLeave
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      })) : (vue.openBlock(), vue.createBlock(vue.Transition, {
+        key: 1,
+        name: "ev-dialog-transition"
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+exports.default = _sfc_main;
+exports.makeEvDialogTransitionProps = makeEvDialogTransitionProps;
+//# sourceMappingURL=EvDialogTransition.vue.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogTransition.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogTransition.vue.cjs","sources":["../../../../../src/components/EvDialog/EvDialogTransition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\n\n/**\n * # makeEvDialogTransitionProps\n * We could export these if we need to later, but I don't see a need for that yet.\n */\nexport const makeEvDialogTransitionProps = propsFactory(\n    {\n        target: [Object, Array] as PropType<\n            HTMLElement | [x: number, y: number]\n        >,\n    },\n    \"EvDialogTransition\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport {\n    adjustedBoundingRect,\n    animate,\n    easingAccelerate,\n    easingDecelerate,\n    getTargetRect,\n} from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogTransitionProps(),\n});\n\n/**\n * ## getDimensions\n *\n * @param target\n * @param el\n */\nfunction getDimensions(\n    target: HTMLElement | [x: number, y: number],\n    el: HTMLElement,\n) {\n    const targetRect = getTargetRect(target);\n    const elRect = adjustedBoundingRect(el);\n    const [originX, originY] = getComputedStyle(el)\n        .transformOrigin.split(\" \")\n        .map((v) => parseFloat(v));\n    const [anchorSide, anchorOffset] = getComputedStyle(el)\n        .getPropertyValue(\"--ev-overlay-position\")\n        .split(\" \");\n\n    let offsetX = targetRect.left + targetRect.width / 2;\n    if (anchorSide === \"left\" || anchorOffset === \"left\") {\n        offsetX -= targetRect.width / 2;\n    } else if (anchorSide === \"right\" || anchorOffset === \"right\") {\n        offsetX += targetRect.width / 2;\n    }\n\n    let offsetY = targetRect.top + targetRect.height / 2;\n    if (anchorSide === \"top\" || anchorOffset === \"top\") {\n        offsetY -= targetRect.height / 2;\n    } else if (anchorSide === \"bottom\" || anchorOffset === \"bottom\") {\n        offsetY += targetRect.height / 2;\n    }\n\n    const tsx = targetRect.width / elRect.width;\n    const tsy = targetRect.height / elRect.height;\n    const maxs = Math.max(1, tsx, tsy);\n    const sx = tsx / maxs || 0;\n    const sy = tsy / maxs || 0;\n\n    // Animate elements larger than 12% of the screen area up to 1.5x slower\n    const asa =\n        (elRect.width * elRect.height) /\n        (window.innerWidth * window.innerHeight);\n    const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;\n\n    return {\n        x: offsetX - (originX + elRect.left),\n        y: offsetY - (originY + elRect.top),\n        sx,\n        sy,\n        speed,\n    };\n}\n\n/**\n * ## onBeforeEnter\n *\n * @param el\n */\nfunction onBeforeEnter(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n    (el as HTMLElement).style.visibility = \"hidden\";\n}\n\n/**\n * ## onEnter\n *\n * @param el\n * @param done\n */\nasync function onEnter(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n\n    (el as HTMLElement).style.visibility = \"\";\n\n    const { x, y, sx, sy, speed } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n\n    const animation = animate(\n        el,\n        [\n            {\n                transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,\n                opacity: 0,\n            },\n            {},\n        ],\n        {\n            duration: 225 * speed,\n            easing: easingDecelerate,\n        },\n    );\n    animation.finished.then(() => done());\n}\n\n/**\n * ## onAfterEnter\n *\n * @param el\n */\nfunction onAfterEnter(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n\n/**\n * ## onBeforeLeave\n *\n * @param el\n */\nfunction onBeforeLeave(el: Element) {\n    (el as HTMLElement).style.pointerEvents = \"none\";\n}\n\n/**\n * ## onLeave\n *\n * @param el\n * @param done\n */\nasync function onLeave(el: Element, done: () => void) {\n    await new Promise((resolve) => requestAnimationFrame(resolve));\n    const { x, y, sx, sy, speed } = getDimensions(\n        props.target!,\n        el as HTMLElement,\n    );\n    const animation = animate(\n        el,\n        [\n            {},\n            {\n                transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,\n                opacity: 0,\n            },\n        ],\n        {\n            duration: 125 * speed,\n            easing: easingAccelerate,\n        },\n    );\n    animation.finished.then(() => done());\n}\n\n/**\n * ## onAfterLeave\n *\n * @param el\n */\nfunction onAfterLeave(el: Element) {\n    (el as HTMLElement).style.removeProperty(\"pointer-events\");\n}\n</script>\n\n<template>\n    <transition\n        v-if=\"props.target\"\n        name=\"ev-dialog-transition\"\n        :css=\"false\"\n        @before-enter=\"onBeforeEnter\"\n        @enter=\"onEnter\"\n        @after-enter=\"onAfterEnter\"\n        @before-leave=\"onBeforeLeave\"\n        @leave=\"onLeave\"\n        @after-leave=\"onAfterLeave\">\n        <slot />\n    </transition>\n    <transition v-else name=\"ev-dialog-transition\">\n        <slot />\n    </transition>\n</template>\n"],"names":["propsFactory","getTargetRect","adjustedBoundingRect","props","animate","easingDecelerate","easingAccelerate"],"mappings":"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"}

package/dist/cjs/src/components/EvDialog/EvDialogTransition.vue2.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvDialogTransition_vue_vue_type_script_setup_true_lang = require("./EvDialogTransition.vue.cjs");
+exports.default = EvDialogTransition_vue_vue_type_script_setup_true_lang.default;
+exports.makeEvDialogTransitionProps = EvDialogTransition_vue_vue_type_script_setup_true_lang.makeEvDialogTransitionProps;
+//# sourceMappingURL=EvDialogTransition.vue2.cjs.map

package/dist/cjs/src/components/EvDialog/EvDialogTransition.vue2.cjs.map

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