@evance/evance-ui 1.1.36 → 1.1.38

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

@@ -1 +1 @@
-{"version":3,"file":"EvDialog.vue.mjs","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 standardize 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 as string] ?? 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: MouseEvent) => {\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</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=\"panel\"\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":["slots","_useSlots","overlayRef","ref","isActive","useModelProxy","props","isFullscreen","overlayProps","computed","filterComponentProps","EvOverlay","activatorProps","mergeProps","headerProps","separatedProps","suppliedProps","bodyProps","width","size","DialogSizeToWidth","DialogSize","onFocusin","previousEl","targetEl","_a","_b","focusable","getFocusableChildren","firstEl","lastEl","Browser","watch","value","nextTick","close","provideDialog","__expose","dragging","lastPageX","lastPageY","documentDragListener","documentDragEndListener","initDrag","emit","onEnter","bindGlobalListeners","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","unbindGlobalListeners","bindDocumentDragListener","bindDocumentDragEndListener","event","container","getOuterWidth","height","getOuterHeight","deltaX","deltaY","offset","leftPos","topPos","viewport","getViewport","containerComputedStyle","marginLeft","marginTop","unbindDocumentDragListener","unbindDocumentDragEndListener","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"EvDialog.vue.mjs","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 \"./EvDialogBody\";\nimport { EvDialogFooter } from \"./EvDialogFooter\";\nimport { EvDialogHeader } from \"./EvDialogHeader\";\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 standardize 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 as string] ?? 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: MouseEvent) => {\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\nconst isShowFooter = computed(() => {\n    return !!slots.footer || !!props.footerActions?.length;\n});\nconst footerProps = computed(() => {\n    return {\n        ...props.footerProps,\n        actions: props.footerProps?.actions ?? props.footerActions,\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=\"panel\"\n            rounded=\"medium\">\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\n            <ev-dialog-body v-bind=\"bodyProps\">\n                <template v-if=\"slots.default\" #default>\n                    <slot name=\"default\" />\n                </template>\n            </ev-dialog-body>\n\n            <ev-dialog-footer v-if=\"isShowFooter\" v-bind=\"footerProps\">\n                <template v-if=\"slots.footer\" #default>\n                    <slot name=\"footer\" />\n                </template>\n            </ev-dialog-footer>\n        </ev-surface>\n    </ev-overlay>\n</template>\n"],"names":["slots","_useSlots","overlayRef","ref","isActive","useModelProxy","props","isFullscreen","overlayProps","computed","filterComponentProps","EvOverlay","activatorProps","mergeProps","headerProps","separatedProps","suppliedProps","bodyProps","width","size","DialogSizeToWidth","DialogSize","onFocusin","previousEl","targetEl","_a","_b","focusable","getFocusableChildren","firstEl","lastEl","Browser","watch","value","nextTick","close","provideDialog","__expose","dragging","lastPageX","lastPageY","documentDragListener","documentDragEndListener","initDrag","emit","onEnter","bindGlobalListeners","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","unbindGlobalListeners","bindDocumentDragListener","bindDocumentDragEndListener","event","container","getOuterWidth","height","getOuterHeight","deltaX","deltaY","offset","leftPos","topPos","viewport","getViewport","containerComputedStyle","marginLeft","marginTop","unbindDocumentDragListener","unbindDocumentDragEndListener","onBeforeUnmount","isShowFooter","footerProps"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import f from"./EvDialog.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvDialog.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvDialog.vue2.mjs.map

package/dist/esm/components/EvDialog/EvDialogBody/EvDialogBody.mjs

@@ -0,0 +1,2 @@
+import{makeEvCardContentProps as o}from"../../EvCard/EvCardContent/EvCardContent.mjs";import{propsFactory as r}from"../../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const p=r({padding:{type:Boolean,default:!0},...o()},"EvDialogBody");export{p as makeEvDialogBodyProps};
+//# sourceMappingURL=EvDialogBody.mjs.map

package/dist/esm/components/EvDialog/EvDialogBody/EvDialogBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogBody.mjs","sources":["../../../../../src/components/EvDialog/EvDialogBody/EvDialogBody.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n    EvCardContentProps,\n    makeEvCardContentProps,\n} from \"@/components/EvCard/EvCardContent\";\n\nexport interface EvDialogBodyProps extends EvCardContentProps {\n    padding?: boolean;\n}\n\nexport const makeEvDialogBodyProps = propsFactory(\n    {\n        padding: {\n            type: Boolean,\n            default: true,\n        },\n        ...makeEvCardContentProps(),\n    },\n    \"EvDialogBody\",\n);"],"names":["makeEvDialogBodyProps","propsFactory","makeEvCardContentProps"],"mappings":"mLAUO,MAAMA,EAAwBC,EACjC,CACI,QAAS,CACL,KAAM,QACN,QAAS,EACb,EACA,GAAGC,EAAuB,CAC9B,EACA,cACJ"}

package/dist/esm/components/EvDialog/EvDialogBody/EvDialogBody.vue.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as m,useSlots as i,computed as s,createElementBlock as u,createBlock as d,unref as t,openBlock as r,normalizeClass as f,renderSlot as v,mergeProps as _}from"vue";/* empty css                  */import{makeEvDialogBodyProps as k}from"./EvDialogBody.mjs";import l from"../../EvCard/EvCardContent/EvCardContent.vue.mjs";import{filterComponentProps as g}from"../../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const D=m({__name:"EvDialogBody",props:{...k()},setup(n){const o=n,a=i(),e=s(()=>["ev-dialog-body","is-scrollable",o.padding?void 0:"pa-0"]),c=s(()=>g(l,o));return(p,y)=>t(a).default?(r(),u("div",{key:0,class:f(e.value)},[v(p.$slots,"default")],2)):(r(),d(t(l),_({key:1},c.value,{class:e.value}),null,16,["class"]))}});export{D as default};
+//# sourceMappingURL=EvDialogBody.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogBody/EvDialogBody.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogBody.vue.mjs","sources":["../../../../../src/components/EvDialog/EvDialogBody/EvDialogBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDialogBody.scss\";\nimport { computed } from \"vue\";\nimport { makeEvDialogBodyProps } from \"./EvDialogBody\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvCardContent } from \"@/components/EvCard/EvCardContent\";\n\nconst props = defineProps({\n    ...makeEvDialogBodyProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst contentClasses = computed(() => {\n    return [\n        \"ev-dialog-body\",\n        \"is-scrollable\",\n        !props.padding ? \"pa-0\" : undefined,\n    ];\n});\n\nconst contentProps = computed(() => {\n    return filterComponentProps(EvCardContent, props);\n});\n</script>\n\n<template>\n    <div v-if=\"slots.default\" :class=\"contentClasses\">\n        <slot name=\"default\" />\n    </div>\n    <ev-card-content\n        v-else\n        v-bind=\"contentProps\"\n        :class=\"contentClasses\" />\n</template>\n"],"names":["slots","_useSlots","contentClasses","computed","props","contentProps","filterComponentProps","EvCardContent"],"mappings":"8fAWMA,EAAQC,IAIRC,EAAiBC,EAAS,IACrB,CACH,iBACA,gBACCC,EAAM,QAAmB,OAAT,MACrB,CACH,EAEKC,EAAeF,EAAS,IACnBG,EAAqBC,EAAeH,CAAK,CACnD"}

package/dist/esm/components/EvDialog/EvDialogBody/EvDialogBody.vue2.mjs

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

package/dist/esm/components/EvDialog/EvDialogFooter/EvDialogFooter.mjs

@@ -0,0 +1,2 @@
+import{makeEvCardActionsProps as o}from"../../EvCard/EvCardActions/EvCardActions.mjs";import{propsFactory as r}from"../../../util/props.mjs";import{omit as t}from"../../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const p=r({actions:{type:Array,default:()=>[]},...t(o(),["items"])},"EvDialogFooter");export{p as makeEvDialogFooterProps};
+//# sourceMappingURL=EvDialogFooter.mjs.map

package/dist/esm/components/EvDialog/EvDialogFooter/EvDialogFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogFooter.mjs","sources":["../../../../../src/components/EvDialog/EvDialogFooter/EvDialogFooter.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport {\n    EvCardActionsProps,\n    makeEvCardActionsProps,\n} from \"@/components/EvCard/EvCardActions\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\nexport interface EvDialogFooterProps extends Omit<EvCardActionsProps, \"items\"> {\n    actions: EvButtonProps[];\n}\n\nexport const makeEvDialogFooterProps = propsFactory(\n    {\n        actions: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        ...omit(makeEvCardActionsProps(), [\"items\"]),\n    },\n    \"EvDialogFooter\",\n);\n"],"names":["makeEvDialogFooterProps","propsFactory","omit","makeEvCardActionsProps"],"mappings":"oOAYO,MAAMA,EAA0BC,EACnC,CACI,QAAS,CACL,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,GAAGC,EAAKC,IAA0B,CAAC,OAAO,CAAC,CAC/C,EACA,gBACJ"}

package/dist/esm/components/EvDialog/EvDialogFooter/EvDialogFooter.vue.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as c,useSlots as m,computed as p,createElementBlock as i,createBlock as f,unref as e,openBlock as t,renderSlot as u,mergeProps as d}from"vue";/* empty css                    */import{makeEvDialogFooterProps as _}from"./EvDialogFooter.mjs";import r from"../../EvCard/EvCardActions/EvCardActions.vue.mjs";import{filterComponentProps as g}from"../../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const k={key:0,class:"ev-dialog-footer"},C=c({__name:"EvDialogFooter",props:{..._()},setup(s){const o=s,n=m(),a=p(()=>({...g(r,o),items:o.actions}));return(l,v)=>e(n).default?(t(),i("footer",k,[u(l.$slots,"default")])):(t(),f(e(r),d({key:1},a.value,{tag:"footer",class:"ev-dialog-footer"}),null,16))}});export{C as default};
+//# sourceMappingURL=EvDialogFooter.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogFooter/EvDialogFooter.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogFooter.vue.mjs","sources":["../../../../../src/components/EvDialog/EvDialogFooter/EvDialogFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDialogFooter.scss\";\nimport { makeEvDialogFooterProps } from \"./EvDialogFooter\";\nimport { computed } from \"vue\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvCardActions } from \"@/components/EvCard/EvCardActions\";\n\nconst props = defineProps({ ...makeEvDialogFooterProps() });\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst cardActionsProps = computed(() => {\n    return {\n        ...filterComponentProps(EvCardActions, props),\n        items: props.actions,\n    };\n});\n</script>\n\n<template>\n    <footer v-if=\"slots.default\" class=\"ev-dialog-footer\">\n        <slot name=\"default\" />\n    </footer>\n    <ev-card-actions\n        v-else\n        v-bind=\"cardActionsProps\"\n        tag=\"footer\"\n        class=\"ev-dialog-footer\" />\n</template>\n"],"names":["slots","_useSlots","cardActionsProps","computed","filterComponentProps","EvCardActions","props"],"mappings":"qhBASMA,EAAQC,IAIRC,EAAmBC,EAAS,KACvB,CACH,GAAGC,EAAqBC,EAAeC,CAAK,EAC5C,MAAOA,EAAM,OACjB,EACH"}

package/dist/esm/components/EvDialog/EvDialogFooter/EvDialogFooter.vue2.mjs

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

package/dist/esm/components/EvDialog/EvDialogFooter/EvDialogFooter.vue2.mjs.map

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

package/dist/esm/components/EvDialog/EvDialogHeader/EvDialogHeader.mjs

@@ -0,0 +1,2 @@
+import{makeEvToolbarProps as o}from"../../EvToolbar/EvToolbar.mjs";import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const l=e({modelValue:Boolean,closeable:{type:Boolean,default:!0},...o({size:"large"})},"EvDialogHeader");export{l as makeEvDialogHeaderProps};
+//# sourceMappingURL=EvDialogHeader.mjs.map

package/dist/esm/components/EvDialog/EvDialogHeader/EvDialogHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogHeader.mjs","sources":["../../../../../src/components/EvDialog/EvDialogHeader/EvDialogHeader.ts"],"sourcesContent":["import { 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);"],"names":["makeEvDialogHeaderProps","propsFactory","makeEvToolbarProps"],"mappings":"gKAGO,MAAMA,EAA0BC,EACnC,CACI,WAAY,QACZ,UAAW,CACP,KAAM,QACN,QAAS,EACb,EACA,GAAGC,EAAmB,CAClB,KAAM,OACT,CAAA,CACL,EACA,gBACJ"}

package/dist/esm/components/EvDialog/EvDialogHeader/EvDialogHeader.vue.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as u,useSlots as f,computed as l,createElementBlock as v,createBlock as k,unref as s,openBlock as t,normalizeStyle as g,normalizeClass as _,renderSlot as y,mergeProps as h}from"vue";/* empty css                    */import{useModelProxy as C}from"../../../composables/modelProxy.mjs";import r from"../../EvToolbar/EvToolbar.vue.mjs";import{makeEvDialogHeaderProps as P}from"./EvDialogHeader.mjs";import{omit as b,filterComponentProps as B}from"../../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const $=u({__name:"EvDialogHeader",props:{...P()},emits:["update:modelValue","close"],setup(a,{emit:c}){const e=a,n=f(),i=C(e,"modelValue");function m(){i.value=!1,c("close")}const p=l(()=>e.closeable?m:void 0),d=l(()=>({...b(B(r,e),["tag"])}));return(o,E)=>s(n).default?(t(),v("header",{key:0,class:_(["ev-dialog-header",e.class]),style:g(e.style)},[y(o.$slots,"default")],6)):(t(),k(s(r),h({key:1},d.value,{tag:"header",class:["ev-dialog-header",{"is-untitled":!e.title}],"onClick:close":p.value}),null,16,["class","onClick:close"]))}});export{$ as default};
+//# sourceMappingURL=EvDialogHeader.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogHeader/EvDialogHeader.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDialogHeader.vue.mjs","sources":["../../../../../src/components/EvDialog/EvDialogHeader/EvDialogHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDialogHeader.scss\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { EvToolbar } from \"@/components/EvToolbar\";\nimport { computed } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { makeEvDialogHeaderProps } from \"./EvDialogHeader\";\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    const p = {\n        ...omit(filterComponentProps(EvToolbar, props), [\"tag\"]),\n    };\n    return p;\n});\n</script>\n\n<template>\n    <header\n        v-if=\"slots.default\"\n        :class=\"['ev-dialog-header', props.class]\"\n        :style=\"props.style\">\n        <slot name=\"default\" />\n    </header>\n    <ev-toolbar\n        v-else\n        v-bind=\"toolbarProps\"\n        tag=\"header\"\n        :class=\"['ev-dialog-header', { 'is-untitled': !props.title }]\"\n        @click:close=\"closeable\" />\n</template>\n"],"names":["slots","_useSlots","isActive","useModelProxy","props","close","emit","closeable","computed","toolbarProps","omit","filterComponentProps","EvToolbar"],"mappings":"soBAWMA,EAAQC,IAORC,EAAWC,EAAcC,EAAO,YAAY,EAKlD,SAASC,GAAQ,CACbH,EAAS,MAAQ,GACjBI,EAAK,OAAO,CAAA,CAGhB,MAAMC,EAAYC,EAAS,IAAOJ,EAAM,UAAYC,EAAQ,MAAU,EAEhEI,EAAeD,EAAS,KAChB,CACN,GAAGE,EAAKC,EAAqBC,EAAWR,CAAK,EAAG,CAAC,KAAK,CAAC,CAC3D,EAEH"}

package/dist/esm/components/EvDialog/EvDialogHeader/EvDialogHeader.vue2.mjs

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

package/dist/esm/components/EvDialog/EvDialogInstance.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.36 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDialogInstance};
+/*! Evance UI v1.1.38 | MIT License */class t{constructor(r){this.renderer=r}get data(){return this.renderer.options.data}get props(){return this.renderer.options.props}get id(){return this.renderer.id}close(r){this.renderer.close(r)}}export{t as EvDialogInstance};
 //# sourceMappingURL=EvDialogInstance.mjs.map

package/dist/esm/components/EvDialog/EvDialogInstance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDialogInstance.mjs","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":["EvDialogInstance","renderer","response"],"mappings":"sCAKO,MAAMA,CAAiB,CACnB,YAAoBC,EAA4B,CAA5B,KAAA,SAAAA,CAAA,CAE3B,IAAI,MAAO,CACP,OAAO,KAAK,SAAS,IAAA,CAGzB,IAAI,IAAa,CACb,OAAO,KAAK,SAAS,EAAA,CAGlB,MAAMC,EAAqB,CACzB,KAAA,SAAS,MAAMA,CAAQ,CAAA,CAEpC"}
+{"version":3,"file":"EvDialogInstance.mjs","sources":["../../../../src/components/EvDialog/EvDialogInstance.ts"],"sourcesContent":["import { EvDialogRenderer } from \"@/components/EvDialog/EvDialogRenderer\";\nimport { EvDialogProps } from \"@/components/EvDialog\";\n\n/**\n * # EvDialogInstance\n */\nexport class EvDialogInstance {\n    public constructor(private renderer: EvDialogRenderer) {}\n\n    get data() {\n        return this.renderer.options.data;\n    }\n\n    get props(): EvDialogProps {\n        return this.renderer.options.props;\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":["EvDialogInstance","renderer","response"],"mappings":"sCAMO,MAAMA,CAAiB,CACnB,YAAoBC,EAA4B,CAA5B,KAAA,SAAAA,CAAA,CAE3B,IAAI,MAAO,CACA,OAAA,KAAK,SAAS,QAAQ,IAAA,CAGjC,IAAI,OAAuB,CAChB,OAAA,KAAK,SAAS,QAAQ,KAAA,CAGjC,IAAI,IAAa,CACb,OAAO,KAAK,SAAS,EAAA,CAGlB,MAAMC,EAAqB,CACzB,KAAA,SAAS,MAAMA,CAAQ,CAAA,CAEpC"}

package/dist/esm/components/EvDialog/EvDialogRenderer.mjs

@@ -1,2 +1,2 @@
-var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var o=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as r,render as i}from"vue";import u from"./EvDialog.vue.mjs";import{EvDialogInstance as f}from"./EvDialogInstance.mjs";/*! Evance UI v1.1.36 | MIT License */class S{constructor(e,t,s){o(this,"app");o(this,"id");o(this,"instance");o(this,"container");o(this,"modelValue",h(!1));o(this,"options");o(this,"promiseResolver");o(this,"isRendered",!1);this.app=e,this.id=t,this.options=s}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-dialog-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const s in e){const a=e[s];t[s]=(l,c)=>r(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=r(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDialogRenderer};
+var d=Object.defineProperty;var u=(i,s,e)=>s in i?d(i,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[s]=e;var t=(i,s,e)=>u(i,typeof s!="symbol"?s+"":s,e);import{shallowRef as m,shallowReactive as a,isReactive as p,watch as v,h as r,render as l,defineComponent as f}from"vue";import R from"./EvDialog.vue.mjs";import{EvDialogInstance as V}from"./EvDialogInstance.mjs";/*! Evance UI v1.1.38 | MIT License */class A{constructor(s,e,o){t(this,"app");t(this,"id");t(this,"hostInstance");t(this,"container");t(this,"modelValue",m(!1));t(this,"options");t(this,"promiseResolver");t(this,"isRendered",!1);t(this,"dialogInstance",new V(this));t(this,"props",a({}));t(this,"slots");this.app=s,this.id=e;const n=o.props??{};this.options={...o,props:p(n)?n:a(n)},this.slots=this.createSlots(),this.createProps()}close(s){var e;(e=this.promiseResolver)==null||e.call(this,s),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-dialog-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const s=this.options.props??{};Object.assign(this.props,s),this.props.modelValue=this.modelValue,this.props["onUpdate:modelValue"]=e=>this.modelValue.value=e,this.props.onAfterLeave=()=>this.onAfterLeave(),this.props.__instance=this.dialogInstance,this.options.props&&p(this.options.props)&&v(this.options.props,()=>{Object.assign(this.props,this.options.props),this.props.modelValue=this.modelValue,this.props["onUpdate:modelValue"]=e=>this.modelValue.value=e,this.props.onAfterLeave=()=>this.onAfterLeave(),this.props.__instance=this.dialogInstance},{deep:!0})}createSlots(){const s=this.options.slots??{},e={};for(const o in s){const n=s[o];e[o]=(h,c)=>r(n,h,c)}return e}onAfterLeave(){var e;(((e=this.hostInstance)==null?void 0:e.$el)??this.container)&&(l(null,this.container),this.container.remove(),this.isRendered=!1,this.hostInstance=null)}open(){return this.modelValue.value=!0,new Promise(s=>{this.promiseResolver=s})}render(){var o;if(this.isRendered)return;this.createContainer();const s=f({name:"EvDialogHost",setup:()=>()=>r(R,this.props,this.slots)}),e=r(s);e.appContext=this.app._context,l(e,this.container),this.hostInstance=((o=e.component)==null?void 0:o.proxy)??null,this.isRendered=!0}}export{A as EvDialogRenderer};
 //# sourceMappingURL=EvDialogRenderer.mjs.map

package/dist/esm/components/EvDialog/EvDialogRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDialogRenderer.mjs","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 { EvDialogServiceOptions } from \"./EvDialogServiceOpener\";\nimport { EvDialogSlots } from \"./EvDialog\";\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 EvDialogSlots];\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":["EvDialogRenderer","app","id","options","__publicField","shallowRef","response","_a","props","mergeProps","EvDialogInstance","internalSlots","renderedSlots","key","component","slots","h","el","render","resolve","renderedDialog","EvDialog"],"mappings":"0WAkBO,MAAMA,CAAiB,CAenB,YAAYC,EAAUC,EAAYC,EAAiC,CAdlEC,EAAA,YACQA,EAAA,WACRA,EAAA,iBACAA,EAAA,kBACAA,EAAA,kBAAaC,EAAW,EAAK,GAC7BD,EAAA,gBACAA,EAAA,wBACAA,EAAA,kBAAa,IAQjB,KAAK,IAAMH,EACX,KAAK,GAAKC,EACV,KAAK,QAAUC,CAAA,CAGnB,IAAI,MAAO,CACP,OAAO,KAAK,QAAQ,IAAA,CAOjB,MAAMG,EAAe,QACxBC,EAAA,KAAK,kBAAL,MAAAA,EAAA,UAAuBD,GACvB,KAAK,WAAW,MAAQ,EAAA,CAOpB,iBAAkB,CACjB,KAAA,UAAY,SAAS,cAAc,KAAK,EAC7C,KAAK,UAAU,GAAK,sBAAsB,KAAK,EAAE,GACjD,SAAS,cAAc,MAAM,EAAG,YAAY,KAAK,SAAS,CAAA,CAOtD,aAAc,CAClB,MAAME,EAAQ,KAAK,QAAQ,OAAS,CAAC,EACrC,OAAOC,EAAWD,EAAqB,CACnC,WAAY,KAAK,WACjB,aAAc,IAAM,KAAK,aAAa,EACtC,WAAY,IAAIE,EAAiB,IAAI,CAAA,CACxC,CAAA,CAWG,aAAc,CAClB,MAAMC,EAAgB,KAAK,QAAQ,OAAS,CAAC,EACvCC,EAEF,CAAC,EACL,UAAWC,KAAOF,EAAe,CACvB,MAAAG,EAAYH,EAAcE,CAA0B,EAC1DD,EAAcC,CAAG,EAAI,CAACL,EAAOO,IAClBC,EAAEF,EAAYN,EAAOO,CAAK,CACrC,CAEG,OAAAH,CAAA,CAOH,cAAe,CACb,MAAAK,EAAK,KAAK,SAAU,IAAI,WAC9BC,EAAO,KAAMD,CAAE,EACZA,EAAA,WAAW,YAAYA,CAAE,EAC5B,KAAK,WAAa,EAAA,CAMf,MAAO,CACV,YAAK,WAAW,MAAQ,GACjB,IAAI,QAASE,GAAY,CAC5B,KAAK,gBAAkBA,CAAA,CAC1B,CAAA,CAOE,QAAS,CACZ,GAAI,KAAK,WACL,OAEJ,KAAK,gBAAgB,EACrB,MAAMC,EAAiBJ,EACnBK,EACA,KAAK,YAAY,EACjB,KAAK,YAAY,CACrB,EACeD,EAAA,WAAa,KAAK,IAAI,SAC9BF,EAAAE,EAAgB,KAAK,SAAU,EACjC,KAAA,SAAWA,EAAe,UAAW,MAC1C,KAAK,WAAa,EAAA,CAE1B"}
+{"version":3,"file":"EvDialogRenderer.mjs","sources":["../../../../src/components/EvDialog/EvDialogRenderer.ts"],"sourcesContent":["import {\n    App,\n    ComponentPublicInstance, defineComponent,\n    h,\n    isReactive,\n    render,\n    shallowReactive,\n    shallowRef,\n    VNode,\n    watch,\n} from \"vue\";\nimport EvDialog from \"@/components/EvDialog/EvDialog.vue\";\nimport { EvDialogInstance } from \"@/components/EvDialog/EvDialogInstance\";\nimport { EvDialogServiceOptions } from \"./EvDialogServiceOpener\";\nimport { EvDialogSlots } from \"./EvDialog\";\n\n/**\n * # EvDialogInstance\n */\nexport class EvDialogRenderer {\n    private app: App;\n    public readonly id: number;\n    private hostInstance?: ComponentPublicInstance | null;\n    private container?: HTMLDivElement;\n    private modelValue = shallowRef(false);\n    public readonly options: EvDialogServiceOptions;\n    private promiseResolver?: (value: unknown) => void;\n    private isRendered = false;\n\n    private dialogInstance = new EvDialogInstance(this);\n\n    private readonly props = shallowReactive<Record<string, any>>({});\n\n    // Keep the same slots object for the lifetime of this renderer.\n    private readonly slots: {\n        [key: string]: (props: any, slots: any) => VNode;\n    };\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        const incomingProps = options.props ?? {};\n        this.options = {\n            ...options,\n            props: isReactive(incomingProps)\n                ? incomingProps\n                : shallowReactive(incomingProps),\n        };\n        this.slots = this.createSlots();\n        this.createProps();\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     *\n     * Initializes a stable reactive props object that EvDialog binds to.\n     * We then mutate this object when caller props / internal state changes,\n     * without re-rendering the vnode tree (prevents form resets).\n     *\n     * @private\n     */\n    private createProps() {\n        const userProps = this.options.props ?? {};\n        Object.assign(this.props, userProps);\n\n        // Internal props (these should be respected over user props)\n        this.props.modelValue = this.modelValue;\n        this.props[\"onUpdate:modelValue\"] = (v: boolean) => (this.modelValue.value = v);\n        this.props.onAfterLeave = () => this.onAfterLeave();\n        this.props.__instance = this.dialogInstance;\n\n        // If the caller gave us a reactive props object, sync changes into hostProps\n        // (deep watch so nested props updates flow too)\n        if (this.options.props && isReactive(this.options.props)) {\n            watch(\n                this.options.props as any,\n                () => {\n                    // Copy latest user props onto props\n                    Object.assign(this.props, this.options.props as any);\n                    // Re-assert internal props so the user can't override them\n                    this.props.modelValue = this.modelValue;\n                    this.props[\"onUpdate:modelValue\"] = (v: boolean) => (this.modelValue.value = v);\n                    this.props.onAfterLeave = () => this.onAfterLeave();\n                    this.props.__instance = this.dialogInstance;\n                },\n                { deep: true },\n            );\n        }\n    }\n\n    /**\n     * ## createSlots\n     *\n     * Convert the slots provided in the instance options\n     * into render functions.\n     *\n     * IMPORTANT: This must be created ONCE and reused to avoid remounting\n     * slot content and losing internal form state.\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 EvDialogSlots];\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.hostInstance?.$el ?? this.container;\n        if (!el) return;\n        render(null, this.container!);\n        this.container!.remove();\n        this.isRendered = false;\n        this.hostInstance = null;\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\n        const host = defineComponent({\n            name: \"EvDialogHost\",\n            setup: () => () => h(EvDialog, this.props, this.slots),\n        });\n\n        const vnode = h(host);\n        vnode.appContext = this.app._context;\n        render(vnode, this.container!);\n\n        this.hostInstance = vnode.component?.proxy ?? null;\n        this.isRendered = true;\n    }\n}\n"],"names":["EvDialogRenderer","app","id","options","__publicField","shallowRef","EvDialogInstance","shallowReactive","incomingProps","isReactive","response","_a","userProps","v","watch","internalSlots","renderedSlots","key","component","props","slots","h","render","resolve","host","defineComponent","EvDialog","vnode"],"mappings":"+ZAmBO,MAAMA,CAAiB,CAwBnB,YAAYC,EAAUC,EAAYC,EAAiC,CAvBlEC,EAAA,YACQA,EAAA,WACRA,EAAA,qBACAA,EAAA,kBACAA,EAAA,kBAAaC,EAAW,EAAK,GACrBD,EAAA,gBACRA,EAAA,wBACAA,EAAA,kBAAa,IAEbA,EAAA,sBAAiB,IAAIE,EAAiB,IAAI,GAEjCF,EAAA,aAAQG,EAAqC,EAAE,GAG/CH,EAAA,cAUb,KAAK,IAAMH,EACX,KAAK,GAAKC,EACJ,MAAAM,EAAgBL,EAAQ,OAAS,CAAC,EACxC,KAAK,QAAU,CACX,GAAGA,EACH,MAAOM,EAAWD,CAAa,EACzBA,EACAD,EAAgBC,CAAa,CACvC,EACK,KAAA,MAAQ,KAAK,YAAY,EAC9B,KAAK,YAAY,CAAA,CAOd,MAAME,EAAe,QACxBC,EAAA,KAAK,kBAAL,MAAAA,EAAA,UAAuBD,GACvB,KAAK,WAAW,MAAQ,EAAA,CAOpB,iBAAkB,CACjB,KAAA,UAAY,SAAS,cAAc,KAAK,EAC7C,KAAK,UAAU,GAAK,sBAAsB,KAAK,EAAE,GACjD,SAAS,cAAc,MAAM,EAAG,YAAY,KAAK,SAAS,CAAA,CAYtD,aAAc,CAClB,MAAME,EAAY,KAAK,QAAQ,OAAS,CAAC,EAClC,OAAA,OAAO,KAAK,MAAOA,CAAS,EAG9B,KAAA,MAAM,WAAa,KAAK,WAC7B,KAAK,MAAM,qBAAqB,EAAKC,GAAgB,KAAK,WAAW,MAAQA,EAC7E,KAAK,MAAM,aAAe,IAAM,KAAK,aAAa,EAC7C,KAAA,MAAM,WAAa,KAAK,eAIzB,KAAK,QAAQ,OAASJ,EAAW,KAAK,QAAQ,KAAK,GACnDK,EACI,KAAK,QAAQ,MACb,IAAM,CAEF,OAAO,OAAO,KAAK,MAAO,KAAK,QAAQ,KAAY,EAE9C,KAAA,MAAM,WAAa,KAAK,WAC7B,KAAK,MAAM,qBAAqB,EAAKD,GAAgB,KAAK,WAAW,MAAQA,EAC7E,KAAK,MAAM,aAAe,IAAM,KAAK,aAAa,EAC7C,KAAA,MAAM,WAAa,KAAK,cACjC,EACA,CAAE,KAAM,EAAK,CACjB,CACJ,CAcI,aAAc,CAClB,MAAME,EAAgB,KAAK,QAAQ,OAAS,CAAC,EACvCC,EAEF,CAAC,EACL,UAAWC,KAAOF,EAAe,CACvB,MAAAG,EAAYH,EAAcE,CAA0B,EAC1DD,EAAcC,CAAG,EAAI,CAACE,EAAOC,IAClBC,EAAEH,EAAYC,EAAOC,CAAK,CACrC,CAEG,OAAAJ,CAAA,CAOH,cAAe,UACRL,EAAA,KAAK,eAAL,YAAAA,EAAmB,MAAO,KAAK,aAEnCW,EAAA,KAAM,KAAK,SAAU,EAC5B,KAAK,UAAW,OAAO,EACvB,KAAK,WAAa,GAClB,KAAK,aAAe,KAAA,CAMjB,MAAO,CACV,YAAK,WAAW,MAAQ,GACjB,IAAI,QAASC,GAAY,CAC5B,KAAK,gBAAkBA,CAAA,CAC1B,CAAA,CAOE,QAAS,OACZ,GAAI,KAAK,WACL,OAEJ,KAAK,gBAAgB,EAErB,MAAMC,EAAOC,EAAgB,CACzB,KAAM,eACN,MAAO,IAAM,IAAMJ,EAAEK,EAAU,KAAK,MAAO,KAAK,KAAK,CAAA,CACxD,EAEKC,EAAQN,EAAEG,CAAI,EACdG,EAAA,WAAa,KAAK,IAAI,SACrBL,EAAAK,EAAO,KAAK,SAAU,EAExB,KAAA,eAAehB,EAAAgB,EAAM,YAAN,YAAAhB,EAAiB,QAAS,KAC9C,KAAK,WAAa,EAAA,CAE1B"}

package/dist/esm/components/EvDialog/EvDialogServiceOpener.mjs

@@ -1,2 +1,2 @@
-var o=Object.defineProperty;var i=(n,e,r)=>e in n?o(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>i(n,typeof e!="symbol"?e+"":e,r);import{EvDialogRenderer as p}from"./EvDialogRenderer.mjs";/*! Evance UI v1.1.36 | MIT License */class c{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new p(this.app,++this.instanceId,e);return r.render(),r.open()}}export{c as EvDialogServiceOpener};
+var o=Object.defineProperty;var i=(n,e,r)=>e in n?o(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>i(n,typeof e!="symbol"?e+"":e,r);import{EvDialogRenderer as p}from"./EvDialogRenderer.mjs";/*! Evance UI v1.1.38 | MIT License */class c{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new p(this.app,++this.instanceId,e);return r.render(),r.open()}}export{c as EvDialogServiceOpener};
 //# sourceMappingURL=EvDialogServiceOpener.mjs.map

package/dist/esm/components/EvDialog/EvDialogTransition.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as R,createBlock as y,openBlock as u,Transition as v,withCtx as w,renderSlot as x}from"vue";import{animate as $,easingDecelerate as S,easingAccelerate as q}from"../../util/animate.mjs";import{getTargetRect as L,adjustedBoundingRect as O}from"../../util/dimensions.mjs";import{propsFactory as j}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const M=j({target:[Object,Array]},"EvDialogTransition"),W=R({__name:"EvDialogTransition",props:{...M()},setup(E){const f=E;function p(t,i){const e=L(t),n=O(i),[r,c]=getComputedStyle(i).transformOrigin.split(" ").map(C=>parseFloat(C)),[s,a]=getComputedStyle(i).getPropertyValue("--ev-overlay-position").split(" ");let o=e.left+e.width/2;s==="left"||a==="left"?o-=e.width/2:(s==="right"||a==="right")&&(o+=e.width/2);let m=e.top+e.height/2;s==="top"||a==="top"?m-=e.height/2:(s==="bottom"||a==="bottom")&&(m+=e.height/2);const l=e.width/n.width,d=e.height/n.height,g=Math.max(1,l,d),D=l/g||0,F=d/g||0,h=n.width*n.height/(window.innerWidth*window.innerHeight),T=h>.12?Math.min(1.5,(h-.12)*10+1):1;return{x:o-(r+n.left),y:m-(c+n.top),sx:D,sy:F,speed:T}}function A(t){t.style.pointerEvents="none",t.style.visibility="hidden"}async function P(t,i){await new Promise(o=>requestAnimationFrame(o)),await new Promise(o=>requestAnimationFrame(o)),t.style.visibility="";const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0},{}],{duration:225*s,easing:S}).finished.then(()=>i())}function _(t){t.style.removeProperty("pointer-events")}function b(t){t.style.pointerEvents="none"}async function k(t,i){await new Promise(o=>requestAnimationFrame(o));const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{},{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0}],{duration:125*s,easing:q}).finished.then(()=>i())}function B(t){t.style.removeProperty("pointer-events")}return(t,i)=>f.target?(u(),y(v,{key:0,name:"ev-dialog-transition",css:!1,onBeforeEnter:A,onEnter:P,onAfterEnter:_,onBeforeLeave:b,onLeave:k,onAfterLeave:B},{default:w(()=>[x(t.$slots,"default")]),_:3})):(u(),y(v,{key:1,name:"ev-dialog-transition"},{default:w(()=>[x(t.$slots,"default")]),_:3}))}});export{W as default,M as makeEvDialogTransitionProps};
+import{defineComponent as R,createBlock as y,openBlock as u,Transition as v,withCtx as w,renderSlot as x}from"vue";import{animate as $,easingDecelerate as S,easingAccelerate as q}from"../../util/animate.mjs";import{getTargetRect as L,adjustedBoundingRect as O}from"../../util/dimensions.mjs";import{propsFactory as j}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const M=j({target:[Object,Array]},"EvDialogTransition"),W=R({__name:"EvDialogTransition",props:{...M()},setup(E){const f=E;function p(t,i){const e=L(t),n=O(i),[r,c]=getComputedStyle(i).transformOrigin.split(" ").map(C=>parseFloat(C)),[s,a]=getComputedStyle(i).getPropertyValue("--ev-overlay-position").split(" ");let o=e.left+e.width/2;s==="left"||a==="left"?o-=e.width/2:(s==="right"||a==="right")&&(o+=e.width/2);let m=e.top+e.height/2;s==="top"||a==="top"?m-=e.height/2:(s==="bottom"||a==="bottom")&&(m+=e.height/2);const l=e.width/n.width,d=e.height/n.height,g=Math.max(1,l,d),D=l/g||0,F=d/g||0,h=n.width*n.height/(window.innerWidth*window.innerHeight),T=h>.12?Math.min(1.5,(h-.12)*10+1):1;return{x:o-(r+n.left),y:m-(c+n.top),sx:D,sy:F,speed:T}}function A(t){t.style.pointerEvents="none",t.style.visibility="hidden"}async function P(t,i){await new Promise(o=>requestAnimationFrame(o)),await new Promise(o=>requestAnimationFrame(o)),t.style.visibility="";const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0},{}],{duration:225*s,easing:S}).finished.then(()=>i())}function _(t){t.style.removeProperty("pointer-events")}function b(t){t.style.pointerEvents="none"}async function k(t,i){await new Promise(o=>requestAnimationFrame(o));const{x:e,y:n,sx:r,sy:c,speed:s}=p(f.target,t);$(t,[{},{transform:`translate(${e}px, ${n}px) scale(${r}, ${c})`,opacity:0}],{duration:125*s,easing:q}).finished.then(()=>i())}function B(t){t.style.removeProperty("pointer-events")}return(t,i)=>f.target?(u(),y(v,{key:0,name:"ev-dialog-transition",css:!1,onBeforeEnter:A,onEnter:P,onAfterEnter:_,onBeforeLeave:b,onLeave:k,onAfterLeave:B},{default:w(()=>[x(t.$slots,"default")]),_:3})):(u(),y(v,{key:1,name:"ev-dialog-transition"},{default:w(()=>[x(t.$slots,"default")]),_:3}))}});export{W as default,M as makeEvDialogTransitionProps};
 //# sourceMappingURL=EvDialogTransition.vue.mjs.map

package/dist/esm/components/EvDialog/EvDialogTransition.vue2.mjs

@@ -1,2 +1,2 @@
-import r from"./EvDialogTransition.vue.mjs";import{makeEvDialogTransitionProps as m}from"./EvDialogTransition.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{r as default,m as makeEvDialogTransitionProps};
+import r from"./EvDialogTransition.vue.mjs";import{makeEvDialogTransitionProps as m}from"./EvDialogTransition.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{r as default,m as makeEvDialogTransitionProps};
 //# sourceMappingURL=EvDialogTransition.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as m,useCssVars as h,computed as t,useSlots as y,createElementBlock as l,unref as _,openBlock as s,normalizeClass as i,createElementVNode as r,renderSlot as b}from"vue";/* empty css               */import{hasSlotWithContent as S}from"../../composables/hasSlotWithContent.mjs";import{isIntegerish as k}from"../../util/numbers.mjs";import{isCssVariable as C}from"../../util/is-functions.mjs";import{appearanceModifier as x}from"../../util/modifiers.mjs";import{Appearance as B}from"../../util/appearance.mjs";/*! Evance UI v1.1.36 | MIT License */const E=r("hr",{class:"ev-divider--line"},null,-1),V={class:"ev-divider--content"},$=r("hr",{class:"ev-divider--line"},null,-1),O=m({__name:"EvDivider",props:{appearance:{default:"default"},borderStyle:{default:"solid"},thickness:{default:1},opacity:{default:void 0},vertical:{type:Boolean,default:!1}},setup(n){const e=n;h(o=>({"1c626f9e":u.value,"09641586":p.value,"1d465dec":f.value,"1d796e01":v.value}));const c=y(),d=S(c,"default"),u=t(()=>e.appearance!=="default"?`var(--text-${e.appearance})`:null),p=t(()=>e.opacity?k(e.opacity)?+e.opacity/100:C(e.opacity)?`var(${e.opacity})`:null:null),f=t(()=>e.borderStyle!=="solid"?e.borderStyle:null),v=t(()=>e.thickness>1?e.thickness+"px":null),a=t(()=>[{"is-horizontal":!e.vertical,"is-vertical":e.vertical},x(e.appearance,[B.default])]);return(o,z)=>_(d)?(s(),l("div",{key:0,class:i(["ev-divider",a.value]),role:"separator"},[E,r("div",V,[b(o.$slots,"default")]),$],2)):(s(),l("hr",{key:1,class:i(["ev-divider",a.value]),role:"separator"},null,2))}});export{O as default};
+import{defineComponent as m,useCssVars as h,computed as t,useSlots as y,createElementBlock as l,unref as _,openBlock as s,normalizeClass as i,createElementVNode as r,renderSlot as b}from"vue";/* empty css               */import{hasSlotWithContent as S}from"../../composables/hasSlotWithContent.mjs";import{isIntegerish as k}from"../../util/numbers.mjs";import{isCssVariable as C}from"../../util/is-functions.mjs";import{appearanceModifier as x}from"../../util/modifiers.mjs";import{Appearance as B}from"../../util/appearance.mjs";/*! Evance UI v1.1.38 | MIT License */const E=r("hr",{class:"ev-divider--line"},null,-1),V={class:"ev-divider--content"},$=r("hr",{class:"ev-divider--line"},null,-1),O=m({__name:"EvDivider",props:{appearance:{default:"default"},borderStyle:{default:"solid"},thickness:{default:1},opacity:{default:void 0},vertical:{type:Boolean,default:!1}},setup(n){const e=n;h(o=>({"1c626f9e":u.value,"09641586":p.value,"1d465dec":f.value,"1d796e01":v.value}));const c=y(),d=S(c,"default"),u=t(()=>e.appearance!=="default"?`var(--text-${e.appearance})`:null),p=t(()=>e.opacity?k(e.opacity)?+e.opacity/100:C(e.opacity)?`var(${e.opacity})`:null:null),f=t(()=>e.borderStyle!=="solid"?e.borderStyle:null),v=t(()=>e.thickness>1?e.thickness+"px":null),a=t(()=>[{"is-horizontal":!e.vertical,"is-vertical":e.vertical},x(e.appearance,[B.default])]);return(o,z)=>_(d)?(s(),l("div",{key:0,class:i(["ev-divider",a.value]),role:"separator"},[E,r("div",V,[b(o.$slots,"default")]),$],2)):(s(),l("hr",{key:1,class:i(["ev-divider",a.value]),role:"separator"},null,2))}});export{O as default};
 //# sourceMappingURL=EvDivider.vue.mjs.map

package/dist/esm/components/EvDivider/EvDivider.vue3.mjs

@@ -1,2 +1,2 @@
-import o from"./EvDivider.vue.mjs";/* empty css               *//*! Evance UI v1.1.36 | MIT License */export{o as default};
+import o from"./EvDivider.vue.mjs";/* empty css               *//*! Evance UI v1.1.38 | MIT License */export{o as default};
 //# sourceMappingURL=EvDivider.vue3.mjs.map

package/dist/esm/components/EvDrawer/EvDrawer.mjs

@@ -1,2 +1,2 @@
-import{makeEvDialogProps as o}from"../EvDialog/EvDialog.mjs";import{propsFactory as r}from"../../util/props.mjs";import{omit as t}from"../../util/helpers.mjs";/*! Evance UI v1.1.36 | MIT License */const e=r({position:{type:String,default:"left"},...t(o(),["position"])},"EvDrawer");export{e as makeEvDrawerProps};
+import{makeEvDialogProps as o}from"../EvDialog/EvDialog.mjs";import{propsFactory as r}from"../../util/props.mjs";import{omit as t}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const e=r({position:{type:String,default:"left"},...t(o(),["position"])},"EvDrawer");export{e as makeEvDrawerProps};
 //# sourceMappingURL=EvDrawer.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as g,computed as t,ref as C,createBlock as s,openBlock as n,unref as a,mergeProps as h,isRef as k,createSlots as x,renderList as D,withCtx as R,resolveDynamicComponent as V,normalizeProps as $,guardReactiveProps as B}from"vue";/* empty css              */import l from"../EvDialog/EvDialog.vue.mjs";import{makeEvDrawerProps as E}from"./EvDrawer.mjs";import{useModelProxy as b}from"../../composables/modelProxy.mjs";import{provideDrawer as z}from"../../composables/drawer.mjs";import{omit as A,filterComponentProps as L}from"../../util/helpers.mjs";/*! Evance UI v1.1.36 | MIT License */const G=g({__name:"EvDrawer",props:{...E()},setup(p,{expose:m}){const o=p,u=t(()=>A(L(l,o),["position"])),e=b(o,"modelValue"),c=C(),d=t(()=>`is-position-${o.position}`),f=t(()=>`ev-drawer--transition-${o.position}`),v=t(()=>o.position==="top"||o.position==="bottom"?"100%":o.width??"medium");function w(){e.value=!1}return z(o.__instance),m({close:w}),(_,i)=>(n(),s(a(l),h({ref_key:"dialogRef",ref:c},u.value,{modelValue:a(e),"onUpdate:modelValue":i[0]||(i[0]=r=>k(e)?e.value=r:null),class:["ev-drawer",d.value,o.class],style:o.style,transition:f.value,width:v.value}),x({_:2},[D(_.$slots,(r,y)=>({name:y,fn:R(P=>[(n(),s(V(r),$(B(P)),null,16))])}))]),1040,["modelValue","class","style","transition","width"]))}});export{G as default};
+import{defineComponent as g,computed as t,ref as C,createBlock as s,openBlock as n,unref as a,mergeProps as h,isRef as k,createSlots as x,renderList as D,withCtx as R,resolveDynamicComponent as V,normalizeProps as $,guardReactiveProps as B}from"vue";/* empty css              */import l from"../EvDialog/EvDialog.vue.mjs";import{makeEvDrawerProps as E}from"./EvDrawer.mjs";import{useModelProxy as b}from"../../composables/modelProxy.mjs";import{provideDrawer as z}from"../../composables/drawer.mjs";import{omit as A,filterComponentProps as L}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const G=g({__name:"EvDrawer",props:{...E()},setup(p,{expose:m}){const o=p,u=t(()=>A(L(l,o),["position"])),e=b(o,"modelValue"),c=C(),d=t(()=>`is-position-${o.position}`),f=t(()=>`ev-drawer--transition-${o.position}`),v=t(()=>o.position==="top"||o.position==="bottom"?"100%":o.width??"medium");function w(){e.value=!1}return z(o.__instance),m({close:w}),(_,i)=>(n(),s(a(l),h({ref_key:"dialogRef",ref:c},u.value,{modelValue:a(e),"onUpdate:modelValue":i[0]||(i[0]=r=>k(e)?e.value=r:null),class:["ev-drawer",d.value,o.class],style:o.style,transition:f.value,width:v.value}),x({_:2},[D(_.$slots,(r,y)=>({name:y,fn:R(P=>[(n(),s(V(r),$(B(P)),null,16))])}))]),1040,["modelValue","class","style","transition","width"]))}});export{G as default};
 //# sourceMappingURL=EvDrawer.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import f from"./EvDrawer.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvDrawer.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvDrawer.vue2.mjs.map

package/dist/esm/components/EvDrawer/EvDrawerInstance.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.36 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDrawerInstance};
+/*! Evance UI v1.1.38 | MIT License */class t{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}export{t as EvDrawerInstance};
 //# sourceMappingURL=EvDrawerInstance.mjs.map

package/dist/esm/components/EvDrawer/EvDrawerRenderer.mjs

@@ -1,2 +1,2 @@
-var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as s,render as i}from"vue";import u from"./EvDrawer.vue.mjs";import{EvDrawerInstance as f}from"./EvDrawerInstance.mjs";/*! Evance UI v1.1.36 | MIT License */class S{constructor(e,t,o){r(this,"app");r(this,"id");r(this,"instance");r(this,"container");r(this,"modelValue",h(!1));r(this,"options");r(this,"promiseResolver");r(this,"isRendered",!1);this.app=e,this.id=t,this.options=o}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-drawer-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const o in e){const a=e[o];t[o]=(l,c)=>s(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=s(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDrawerRenderer};
+var d=Object.defineProperty;var p=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>p(n,typeof e!="symbol"?e+"":e,t);import{shallowRef as h,mergeProps as m,h as s,render as i}from"vue";import u from"./EvDrawer.vue.mjs";import{EvDrawerInstance as f}from"./EvDrawerInstance.mjs";/*! Evance UI v1.1.38 | MIT License */class S{constructor(e,t,o){r(this,"app");r(this,"id");r(this,"instance");r(this,"container");r(this,"modelValue",h(!1));r(this,"options");r(this,"promiseResolver");r(this,"isRendered",!1);this.app=e,this.id=t,this.options=o}get data(){return this.options.data}close(e){var t;(t=this.promiseResolver)==null||t.call(this,e),this.modelValue.value=!1}createContainer(){this.container=document.createElement("div"),this.container.id=`ev-drawer-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return m(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new f(this)})}createSlots(){const e=this.options.slots??{},t={};for(const o in e){const a=e[o];t[o]=(l,c)=>s(a,l,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;i(null,e),e.parentNode.removeChild(e),this.isRendered=!1}open(){return this.modelValue.value=!0,new Promise(e=>{this.promiseResolver=e})}render(){if(this.isRendered)return;this.createContainer();const e=s(u,this.createProps(),this.createSlots());e.appContext=this.app._context,i(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}export{S as EvDrawerRenderer};
 //# sourceMappingURL=EvDrawerRenderer.mjs.map

package/dist/esm/components/EvDrawer/EvDrawerServiceOpener.mjs

@@ -1,2 +1,2 @@
-var p=Object.defineProperty;var s=(n,e,r)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>s(n,typeof e!="symbol"?e+"":e,r);import{EvDrawerRenderer as o}from"./EvDrawerRenderer.mjs";/*! Evance UI v1.1.36 | MIT License */class i{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new o(this.app,++this.instanceId,e);return r.render(),r.open()}}export{i as EvDrawerServiceOpener};
+var p=Object.defineProperty;var s=(n,e,r)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>s(n,typeof e!="symbol"?e+"":e,r);import{EvDrawerRenderer as o}from"./EvDrawerRenderer.mjs";/*! Evance UI v1.1.38 | MIT License */class i{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new o(this.app,++this.instanceId,e);return r.render(),r.open()}}export{i as EvDrawerServiceOpener};
 //# sourceMappingURL=EvDrawerServiceOpener.mjs.map

package/dist/esm/components/EvEditOnClick/EvEditOnClick.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const r=e({editing:Boolean,modelValue:null,persistent:Boolean,...o()},"EvEditOnClick");export{r as makeEvEditOnClickProps};
+import{makeEvTextfieldProps as o}from"../EvTextfield/EvTextfield.mjs";import{propsFactory as e}from"../../util/props.mjs";import{omit as i}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const l=e({editing:Boolean,modelValue:null,persistent:Boolean,hideActions:Boolean,onConfirm:Function,...i(o(),["modelValue","appearance","rounded"])},"EvEditOnClick");export{l as makeEvEditOnClickProps};
 //# sourceMappingURL=EvEditOnClick.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvEditOnClick.mjs","sources":["../../../../src/components/EvEditOnClick/EvEditOnClick.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\r\nimport { makeComponentProps } from \"@/composables/component\";\r\n\r\nexport const makeEvEditOnClickProps = propsFactory(\r\n    {\r\n        editing: Boolean,\r\n        modelValue: null,\r\n        persistent: Boolean,\r\n\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvEditOnClick\",\r\n)\r\n"],"names":["makeEvEditOnClickProps","propsFactory","makeComponentProps"],"mappings":"+JAGO,MAAMA,EAAyBC,EAClC,CACI,QAAS,QACT,WAAY,KACZ,WAAY,QAEZ,GAAGC,EAAmB,CAC1B,EACA,eACJ"}
+{"version":3,"file":"EvEditOnClick.mjs","sources":["../../../../src/components/EvEditOnClick/EvEditOnClick.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\r\nimport { PropType } from \"vue\";\r\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield\";\r\n\r\nexport type EvEditOnClickConfirmContext<T = any> = {\r\n    value: T;\r\n    previousValue: T;\r\n    confirm: () => void;\r\n    cancel: () => void;\r\n};\r\n\r\nexport type EvEditOnClickConfirmResult<T = any> =\r\n    | void\r\n    | boolean\r\n    | {\r\n          valid?: boolean;\r\n          value?: T;\r\n          errors?: string[];\r\n      };\r\n\r\nexport type EvEditOnClickConfirm<T = any> = (\r\n    context: EvEditOnClickConfirmContext<T>,\r\n) => EvEditOnClickConfirmResult<T> | Promise<EvEditOnClickConfirmResult<T>>;\r\n\r\nexport const makeEvEditOnClickProps = propsFactory(\r\n    {\r\n        editing: Boolean,\r\n        modelValue: null,\r\n        persistent: Boolean,\r\n        hideActions: Boolean,\r\n        onConfirm: Function as PropType<EvEditOnClickConfirm>,\r\n\r\n        ...omit(makeEvTextfieldProps(), [\r\n            \"modelValue\",\r\n            \"appearance\",\r\n            \"rounded\",\r\n        ]),\r\n    },\r\n    \"EvEditOnClick\",\r\n);\r\n"],"names":["makeEvEditOnClickProps","propsFactory","omit","makeEvTextfieldProps"],"mappings":"8MAwBO,MAAMA,EAAyBC,EAClC,CACI,QAAS,QACT,WAAY,KACZ,WAAY,QACZ,YAAa,QACb,UAAW,SAEX,GAAGC,EAAKC,IAAwB,CAC5B,aACA,aACA,SACH,CAAA,CACL,EACA,eACJ"}

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

@@ -1,2 +1,2 @@
-import{defineComponent as S,useSlots as $,ref as s,watch as w,resolveDirective as x,withDirectives as D,createElementBlock as r,openBlock as u,normalizeStyle as z,normalizeClass as K,unref as e,renderSlot as k,createVNode as c,withKeys as p,withCtx as q,createTextVNode as A,toDisplayString as B}from"vue";/* empty css                   */import{makeEvEditOnClickProps as I}from"./EvEditOnClick.mjs";import{useModelProxy as v}from"../../composables/modelProxy.mjs";import _ from"../EvButton/EvButton.vue.mjs";import N from"../EvButtonGroup/EvButtonGroup.vue.mjs";import P from"../EvTextfield/EvTextfield.vue.mjs";import F from"../../icons/glyph/CancelIcon.svg.mjs";import M from"../../icons/glyph/CheckIcon.svg.mjs";/*! Evance UI v1.1.36 | MIT License */const X=S({__name:"EvEditOnClick",props:{...I()},emits:["update:editing","update:modelValue"],setup(y,{emit:T}){const i=y;$();const t=v(i,"editing"),o=v(i,"modelValue"),n=s(i.modelValue),C=s(null),d=s(null);w(o,()=>{n.value=o.value});function V(){return!i.persistent}function b(){a()}function a(){n.value=o.value,t.value=!1}function g(){t.value=!0,requestAnimationFrame(()=>{const l=d.value.querySelector("input, select, textarea");l==null||l.focus()})}function m(){o.value=n.value,t.value=!1}const E={handler:b,condition:V,include:()=>[]};return(l,f)=>{const h=x("click-outside");return D((u(),r("div",{class:K(["ev-edit-on-click",{"is-editing":e(t)},i.class]),style:z(i.style)},[e(t)?(u(),r("div",{key:0,ref_key:"editable",ref:d,class:"ev-edit-on-click--editable"},[k(l.$slots,"editable",{},()=>[c(e(P),{modelValue:n.value,"onUpdate:modelValue":f[0]||(f[0]=O=>n.value=O),onKeyup:[p(m,["enter"]),p(a,["esc"])]},null,8,["modelValue","onKeyup"])]),c(e(N),{size:"small"},{default:q(()=>[c(e(_),{icon:e(F),onClick:a},null,8,["icon"]),c(e(_),{icon:e(M),onClick:m},null,8,["icon"])]),_:1})],512)):(u(),r("div",{key:1,ref_key:"clickable",ref:C,role:"button",class:"ev-edit-on-click--clickable",onClick:g},[k(l.$slots,"clickable",{},()=>[A(B(e(o)),1)])],512))],6)),[[h,E]])}}});export{X as default};
+import X from"../EvOverlay/EvOverlay.vue.mjs";import Y from"../EvSurface/EvSurface.vue.mjs";import Z from"../EvDivider/EvDivider.vue.mjs";/* empty css                          */import ee from"../EvErrors/EvErrors.vue.mjs";import oe from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import le from"../EvText/EvText.vue.mjs";/* empty css                    */import{defineComponent as te,useSlots as ne,ref as m,computed as _,watch as ae,resolveDirective as re,createElementBlock as f,openBlock as v,Fragment as P,withDirectives as ie,createVNode as a,normalizeStyle as se,normalizeClass as ce,unref as t,createCommentVNode as A,renderSlot as y,normalizeProps as ue,guardReactiveProps as de,mergeProps as me,withKeys as h,createTextVNode as fe,toDisplayString as ve,withCtx as C,createElementVNode as pe}from"vue";/* empty css                   */import{makeEvEditOnClickProps as _e}from"./EvEditOnClick.mjs";import{useModelProxy as V}from"../../composables/modelProxy.mjs";import F from"../EvButton/EvButton.vue.mjs";import ye from"../EvButtonGroup/EvButtonGroup.vue.mjs";import O from"../EvTextfield/EvTextfield.vue.mjs";import ke from"../EvSkeleton/EvSkeleton.vue.mjs";import ge from"../../icons/glyph/CancelIcon.svg.mjs";import be from"../../icons/glyph/CheckIcon.svg.mjs";import he from"../../icons/glyph/DangerIcon.svg.mjs";import{FormField as Ce}from"../../modules/Form/FormField.mjs";import{useLocaleFunctions as Ve}from"../../composables/locale.mjs";import{omit as $e,filterComponentProps as we}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const Ee=["tabindex","onKeyup"],xe={key:2,class:"ev-edit-on-click--loading"},Re={class:"ev-edit-on-click--errors"},Ye=te({__name:"EvEditOnClick",props:{..._e()},emits:["update:editing","update:loading","update:modelValue","confirmed","cancel","error"],setup(S,{emit:u}){const l=S;ne();const{t:$}=Ve(),r=V(l,"editing"),d=V(l,"loading"),o=V(l,"modelValue"),i=m(l.modelValue),w=m(),z=m(null),E=m(null),x=m(null),D=_(()=>({handler:j,condition:q,include:()=>{var e;return[(e=w.value)==null?void 0:e.contentEl]}})),K=_(()=>r.value&&(!l.hideActions||s.value)&&!d.value),s=m(void 0),k=_(()=>!!s.value),L=_(()=>o.value===null||o.value===void 0||o.value===""),N=_(()=>$e(we(O,l),["modelValue","appearance","rounded","shapers","validators"])),B={...l,modelValue:i},I=new Ce(null,B);ae(o,()=>{i.value=o.value});function q(){return!l.persistent}function j(){p()}function p(){i.value=o.value,r.value=!1,u("cancel")}function M(){s.value=void 0}function R(){l.disabled||(r.value=!0,requestAnimationFrame(()=>{const e=E.value.querySelector("input, select, textarea");e==null||e.focus()}))}async function g(){if(d.value)return;const e=await I.validate();if(e.length>0){s.value=e;return}const c=i.value,b=o.value;if(!l.onConfirm){o.value=c,r.value=!1,u("confirmed",o.value);return}try{d.value=!0;const n=await l.onConfirm({value:c,previousValue:b,confirm:()=>{o.value=i.value,r.value=!1,u("confirmed",o.value)},cancel:p});if(n===!1)return;if(n&&typeof n=="object"){if(!n.valid){s.value=n.errors??void 0;return}"value"in n?o.value=n.value:o.value=c,r.value=!1,u("confirmed",o.value);return}o.value=c,r.value=!1,u("confirmed",o.value)}catch(n){s.value=T(n),u("error",n)}finally{d.value=!1}}function T(e){return Array.isArray(e)?e.map(String):e instanceof Error?[e.message]:typeof e=="string"?[e]:["An unknown error occurred."]}return(e,c)=>{const b=le,n=oe,U=ee,G=Z,H=Y,J=X,Q=re("click-outside");return v(),f(P,null,[ie((v(),f("div",{ref_key:"containerRef",ref:x,class:ce(["ev-edit-on-click",{"is-editing":t(r),"is-loading":t(d),"is-disabled":l.disabled},l.class]),style:se(l.style)},[t(r)?(v(),f("div",{key:0,ref_key:"editableRef",ref:E,class:"ev-edit-on-click--editable"},[y(e.$slots,"field",ue(de({confirm:g,cancel:p,value:i.value,error:k.value})),()=>[a(t(O),me({modelValue:i.value,"onUpdate:modelValue":c[0]||(c[0]=W=>i.value=W)},N.value,{error:k.value,onKeyup:[h(g,["enter"]),h(p,["esc"])]}),null,16,["modelValue","error","onKeyup"])])],512)):(v(),f("div",{key:1,ref_key:"clickableRef",ref:z,role:"button",class:"ev-edit-on-click--clickable",tabindex:l.disabled?-1:0,onClick:R,onKeyup:h(R,["enter"])},[L.value?y(e.$slots,"placeholder",{key:1},()=>[a(b,{appearance:"subtle",text:l.placeholder},null,8,["text"])]):y(e.$slots,"default",{key:0},()=>[fe(ve(t(o)),1)])],40,Ee)),t(d)?(v(),f("div",xe,[y(e.$slots,"loading",{},()=>[a(t(ke),{type:"text",width:"100%"})])])):A("",!0)],6)),[[Q,D.value]]),a(J,{ref_key:"overlayRef",ref:w,target:x.value,"model-value":K.value,veil:!1,persistent:!0,"min-width":0,"max-width":400,"open-delay":200,position:"bottom end","position-strategy":"connected","scroll-strategy":"reposition",offset:"8","close-on-back":!0,"disable-global-stack":!0,"close-on-content-click":!1,onAfterLeave:M},{default:C(()=>[a(H,{class:"ev-edit-on-click--buttons pa-50",elevation:"overlay",rounded:"small"},{default:C(()=>[k.value?(v(),f(P,{key:0},[pe("div",Re,[a(n,{glyph:t(he),appearance:"danger"},null,8,["glyph"]),a(U,{messages:s.value},null,8,["messages"])]),a(G,{vertical:""})],64)):A("",!0),a(t(ye),{size:"small",variant:"subtle"},{default:C(()=>[a(t(F),{"aria-label":t($)("action.cancel"),icon:t(ge),onClick:p},null,8,["aria-label","icon"]),a(t(F),{"aria-label":t($)("action.confirm"),icon:t(be),onClick:g},null,8,["aria-label","icon"])]),_:1})]),_:1})]),_:1},8,["target","model-value"])],64)}}});export{Ye as default};
 //# sourceMappingURL=EvEditOnClick.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvEditOnClick.vue.mjs","sources":["../../../../src/components/EvEditOnClick/EvEditOnClick.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvEditOnClick.scss\";\r\nimport { makeEvEditOnClickProps } from \"./EvEditOnClick\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { ref, watch } from \"vue\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { CancelIcon, CheckIcon } from \"@/icons\";\r\n\r\nconst props = defineProps({ ...makeEvEditOnClickProps() });\r\nconst slots = defineSlots<{\r\n    editable(): never;\r\n    clickable(): never;\r\n}>();\r\nconst emit = defineEmits<{\r\n    (e: \"update:editing\", value: boolean): void;\r\n    (e: \"update:modelValue\", value: any): void;\r\n}>();\r\n\r\nconst isEditing = useModelProxy(props, \"editing\");\r\nconst modelValue = useModelProxy(props, \"modelValue\");\r\nconst editValue = ref(props.modelValue);\r\nconst clickable = ref<HTMLElement | null>(null);\r\nconst editable = ref<HTMLElement | null>(null);\r\n\r\nwatch(modelValue, () => {\r\n    editValue.value = modelValue.value;\r\n});\r\n\r\nfunction clickOutsideCondition(): boolean {\r\n    return !props.persistent;\r\n}\r\n\r\nfunction onClickOutside() {\r\n    cancel();\r\n}\r\n\r\nfunction cancel() {\r\n    editValue.value = modelValue.value;\r\n    isEditing.value = false;\r\n}\r\n\r\nfunction onClick() {\r\n    isEditing.value = true;\r\n    requestAnimationFrame(() => {\r\n        const input = editable.value.querySelector(\r\n            \"input, select, textarea\",\r\n        ) as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null;\r\n        input?.focus();\r\n    });\r\n}\r\n\r\nfunction confirm() {\r\n    modelValue.value = editValue.value;\r\n    isEditing.value = false;\r\n}\r\n\r\nconst clickOutsideDirectiveArgs = {\r\n    handler: onClickOutside,\r\n    condition: clickOutsideCondition,\r\n    include: () => [],\r\n};\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        :class=\"['ev-edit-on-click', { 'is-editing': isEditing }, props.class]\"\r\n        :style=\"props.style\"\r\n        v-click-outside=\"clickOutsideDirectiveArgs\">\r\n        <div v-if=\"isEditing\" ref=\"editable\" class=\"ev-edit-on-click--editable\">\r\n            <slot name=\"editable\">\r\n                <ev-textfield\r\n                    v-model=\"editValue\"\r\n                    @keyup.enter=\"confirm\"\r\n                    @keyup.esc=\"cancel\" />\r\n            </slot>\r\n            <ev-button-group size=\"small\">\r\n                <ev-button :icon=\"CancelIcon\" @click=\"cancel\" />\r\n                <ev-button :icon=\"CheckIcon\" @click=\"confirm\" />\r\n            </ev-button-group>\r\n        </div>\r\n        <div\r\n            v-else\r\n            ref=\"clickable\"\r\n            role=\"button\"\r\n            class=\"ev-edit-on-click--clickable\"\r\n            @click=\"onClick\">\r\n            <slot name=\"clickable\">{{ modelValue }}</slot>\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["_useSlots","isEditing","useModelProxy","props","modelValue","editValue","ref","clickable","editable","watch","clickOutsideCondition","onClickOutside","cancel","onClick","input","confirm","clickOutsideDirectiveArgs"],"mappings":"42BAWcA,EAAA,EASR,MAAAC,EAAYC,EAAcC,EAAO,SAAS,EAC1CC,EAAaF,EAAcC,EAAO,YAAY,EAC9CE,EAAYC,EAAIH,EAAM,UAAU,EAChCI,EAAYD,EAAwB,IAAI,EACxCE,EAAWF,EAAwB,IAAI,EAE7CG,EAAML,EAAY,IAAM,CACpBC,EAAU,MAAQD,EAAW,KAAA,CAChC,EAED,SAASM,GAAiC,CACtC,MAAO,CAACP,EAAM,UAAA,CAGlB,SAASQ,GAAiB,CACfC,EAAA,CAAA,CAGX,SAASA,GAAS,CACdP,EAAU,MAAQD,EAAW,MAC7BH,EAAU,MAAQ,EAAA,CAGtB,SAASY,GAAU,CACfZ,EAAU,MAAQ,GAClB,sBAAsB,IAAM,CAClB,MAAAa,EAAQN,EAAS,MAAM,cACzB,yBACJ,EACAM,GAAA,MAAAA,EAAO,OAAM,CAChB,CAAA,CAGL,SAASC,GAAU,CACfX,EAAW,MAAQC,EAAU,MAC7BJ,EAAU,MAAQ,EAAA,CAGtB,MAAMe,EAA4B,CAC9B,QAASL,EACT,UAAWD,EACX,QAAS,IAAM,CAAA,CACnB"}
+{"version":3,"file":"EvEditOnClick.vue.mjs","sources":["../../../../src/components/EvEditOnClick/EvEditOnClick.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvEditOnClick.scss\";\r\nimport { makeEvEditOnClickProps } from \"./EvEditOnClick\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { computed, ref, watch } from \"vue\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\r\nimport { CancelIcon, CheckIcon, DangerIcon } from \"@/icons\";\r\nimport { filterComponentProps, omit } from \"@/util\";\r\nimport { useLocaleFunctions } from \"@/composables\";\r\nimport { FormField } from \"@/modules/Form/FormField\";\r\n\r\nconst props = defineProps({ ...makeEvEditOnClickProps() });\r\nconst slots = defineSlots<{\r\n    field(props: {\r\n        confirm: () => void;\r\n        cancel: () => void;\r\n        value: any;\r\n        error: boolean;\r\n    }): never;\r\n    default(): never;\r\n    loading(): never;\r\n    placeholder(): never;\r\n}>();\r\nconst emit = defineEmits<{\r\n    (e: \"update:editing\", value: boolean): void;\r\n    (e: \"update:loading\", value: boolean): void;\r\n    (e: \"update:modelValue\", value: any): void;\r\n    (e: \"confirmed\", value: any): void;\r\n    (e: \"cancel\"): void;\r\n    (e: \"error\", error: unknown): void;\r\n}>();\r\nconst { t } = useLocaleFunctions();\r\nconst isEditing = useModelProxy(props, \"editing\");\r\nconst isLoading = useModelProxy(props, \"loading\");\r\nconst modelValue = useModelProxy(props, \"modelValue\");\r\nconst editableValue = ref(props.modelValue);\r\nconst overlayRef = ref();\r\nconst clickableRef = ref<HTMLElement | null>(null);\r\nconst editableRef = ref<HTMLElement | null>(null);\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst clickOutsideDirectiveArgs = computed(() => {\r\n    return {\r\n        handler: onClickOutside,\r\n        condition: clickOutsideCondition,\r\n        include: () => [overlayRef.value?.contentEl],\r\n    };\r\n});\r\nconst showButtons = computed(() => {\r\n    return (\r\n        isEditing.value &&\r\n        (!props.hideActions || errors.value) &&\r\n        !isLoading.value\r\n    );\r\n});\r\nconst errors = ref<string[] | undefined>(undefined);\r\nconst error = computed(() => !!errors.value);\r\nconst isEmptyValue = computed(() => {\r\n    return (\r\n        modelValue.value === null ||\r\n        modelValue.value === undefined ||\r\n        modelValue.value === \"\"\r\n    );\r\n});\r\n\r\nconst textfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\r\n        \"modelValue\",\r\n        \"appearance\",\r\n        \"rounded\",\r\n        \"shapers\",\r\n        \"validators\",\r\n    ]);\r\n});\r\n\r\nconst formFieldProps = {\r\n    ...props,\r\n    modelValue: editableValue,\r\n};\r\nconst formField = new FormField(null, formFieldProps);\r\n\r\nwatch(modelValue, () => {\r\n    editableValue.value = modelValue.value;\r\n});\r\n\r\nfunction clickOutsideCondition(): boolean {\r\n    return !props.persistent;\r\n}\r\n\r\nfunction onClickOutside() {\r\n    cancel();\r\n}\r\n\r\nfunction cancel() {\r\n    editableValue.value = modelValue.value;\r\n    isEditing.value = false;\r\n    emit(\"cancel\");\r\n}\r\n\r\nfunction onOverlayLeave() {\r\n    errors.value = undefined;\r\n}\r\n\r\nfunction onClick() {\r\n    if (props.disabled) {\r\n        return;\r\n    }\r\n    isEditing.value = true;\r\n    requestAnimationFrame(() => {\r\n        const input = editableRef.value.querySelector(\r\n            \"input, select, textarea\",\r\n        ) as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null;\r\n        input?.focus();\r\n    });\r\n}\r\n\r\nasync function confirm() {\r\n    if (isLoading.value) {\r\n        return;\r\n    }\r\n\r\n    const fieldErrors = await formField.validate();\r\n    if (fieldErrors.length > 0) {\r\n        errors.value = fieldErrors;\r\n        return;\r\n    }\r\n\r\n    const nextValue = editableValue.value;\r\n    const previousValue = modelValue.value;\r\n\r\n    if (!props.onConfirm) {\r\n        modelValue.value = nextValue;\r\n        isEditing.value = false;\r\n        emit(\"confirmed\", modelValue.value);\r\n        return;\r\n    }\r\n\r\n    try {\r\n        isLoading.value = true;\r\n\r\n        const result = await props.onConfirm({\r\n            value: nextValue,\r\n            previousValue,\r\n            confirm: () => {\r\n                modelValue.value = editableValue.value;\r\n                isEditing.value = false;\r\n                emit(\"confirmed\", modelValue.value);\r\n            },\r\n            cancel,\r\n        });\r\n\r\n        if (result === false) {\r\n            return;\r\n        }\r\n\r\n        if (result && typeof result === \"object\") {\r\n            if (!result.valid) {\r\n                errors.value = result.errors ?? undefined;\r\n                return;\r\n            }\r\n            if (\"value\" in result) {\r\n                modelValue.value = result.value;\r\n            } else {\r\n                modelValue.value = nextValue;\r\n            }\r\n            isEditing.value = false;\r\n            emit(\"confirmed\", modelValue.value);\r\n            return;\r\n        }\r\n\r\n        modelValue.value = nextValue;\r\n        isEditing.value = false;\r\n        emit(\"confirmed\", modelValue.value);\r\n    } catch (error) {\r\n        errors.value = normalizeConfirmError(error);\r\n        emit(\"error\", error);\r\n    } finally {\r\n        isLoading.value = false;\r\n    }\r\n}\r\n\r\nfunction normalizeConfirmError(error: unknown): string[] {\r\n    if (Array.isArray(error)) {\r\n        return error.map(String);\r\n    }\r\n    if (error instanceof Error) {\r\n        return [error.message];\r\n    }\r\n    if (typeof error === \"string\") {\r\n        return [error];\r\n    }\r\n    return [\"An unknown error occurred.\"];\r\n}\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        ref=\"containerRef\"\r\n        :class=\"[\r\n            'ev-edit-on-click',\r\n            {\r\n                'is-editing': isEditing,\r\n                'is-loading': isLoading,\r\n                'is-disabled': props.disabled,\r\n            },\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\"\r\n        v-click-outside=\"clickOutsideDirectiveArgs\">\r\n        <div\r\n            v-if=\"isEditing\"\r\n            ref=\"editableRef\"\r\n            class=\"ev-edit-on-click--editable\">\r\n            <slot\r\n                name=\"field\"\r\n                v-bind=\"{\r\n                    confirm,\r\n                    cancel,\r\n                    value: editableValue,\r\n                    error,\r\n                }\">\r\n                <ev-textfield\r\n                    v-model=\"editableValue\"\r\n                    v-bind=\"textfieldProps\"\r\n                    :error=\"error\"\r\n                    @keyup.enter=\"confirm\"\r\n                    @keyup.esc=\"cancel\" />\r\n            </slot>\r\n        </div>\r\n        <div\r\n            v-else\r\n            ref=\"clickableRef\"\r\n            role=\"button\"\r\n            class=\"ev-edit-on-click--clickable\"\r\n            :tabindex=\"props.disabled ? -1 : 0\"\r\n            @click=\"onClick\"\r\n            @keyup.enter=\"onClick\">\r\n            <slot v-if=\"!isEmptyValue\" name=\"default\">{{ modelValue }}</slot>\r\n            <slot v-else name=\"placeholder\">\r\n                <ev-text appearance=\"subtle\" :text=\"props.placeholder\" />\r\n            </slot>\r\n        </div>\r\n        <div v-if=\"isLoading\" class=\"ev-edit-on-click--loading\">\r\n            <slot name=\"loading\">\r\n                <ev-skeleton type=\"text\" width=\"100%\" />\r\n            </slot>\r\n        </div>\r\n    </div>\r\n\r\n    <ev-overlay\r\n        ref=\"overlayRef\"\r\n        :target=\"containerRef\"\r\n        :model-value=\"showButtons\"\r\n        :veil=\"false\"\r\n        :persistent=\"true\"\r\n        :min-width=\"0\"\r\n        :max-width=\"400\"\r\n        :open-delay=\"200\"\r\n        position=\"bottom end\"\r\n        position-strategy=\"connected\"\r\n        scroll-strategy=\"reposition\"\r\n        offset=\"8\"\r\n        :close-on-back=\"true\"\r\n        :disable-global-stack=\"true\"\r\n        :close-on-content-click=\"false\"\r\n        @after-leave=\"onOverlayLeave\">\r\n        <ev-surface\r\n            class=\"ev-edit-on-click--buttons pa-50\"\r\n            elevation=\"overlay\"\r\n            rounded=\"small\">\r\n            <template v-if=\"error\">\r\n                <div class=\"ev-edit-on-click--errors\">\r\n                    <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\r\n                    <ev-errors :messages=\"errors\" />\r\n                </div>\r\n                <ev-divider vertical />\r\n            </template>\r\n            <ev-button-group size=\"small\" variant=\"subtle\">\r\n                <ev-button\r\n                    :aria-label=\"t('action.cancel')\"\r\n                    :icon=\"CancelIcon\"\r\n                    @click=\"cancel\" />\r\n                <ev-button\r\n                    :aria-label=\"t('action.confirm')\"\r\n                    :icon=\"CheckIcon\"\r\n                    @click=\"confirm\" />\r\n            </ev-button-group>\r\n        </ev-surface>\r\n    </ev-overlay>\r\n</template>\r\n"],"names":["_useSlots","t","useLocaleFunctions","isEditing","useModelProxy","props","isLoading","modelValue","editableValue","ref","overlayRef","clickableRef","editableRef","containerRef","clickOutsideDirectiveArgs","computed","onClickOutside","clickOutsideCondition","_a","showButtons","errors","error","isEmptyValue","textfieldProps","omit","filterComponentProps","EvTextfield","formFieldProps","formField","FormField","watch","cancel","emit","onOverlayLeave","onClick","input","confirm","fieldErrors","nextValue","previousValue","result","normalizeConfirmError"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import f from"./EvEditOnClick.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvEditOnClick.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvEditOnClick.vue2.mjs.map

package/dist/esm/components/EvEmptyState/EvEmptyState.mjs

@@ -1,2 +1,2 @@
-import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const a=o({actions:{type:Array,default:()=>[]},icon:t,iconProps:{type:Object,default:()=>({})},image:String,imageProps:{type:Object,default:()=>({})},size:{type:String,default:"large"},title:String,titleProps:{type:Object,default:()=>({})},subtitle:String,subtitleProps:{type:Object,default:()=>({})},...e()},"EvEmptyState");export{a as makeEvEmptyStateProps};
+import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const a=o({actions:{type:Array,default:()=>[]},icon:t,iconProps:{type:Object,default:()=>({})},image:String,imageProps:{type:Object,default:()=>({})},size:{type:String,default:"large"},title:String,titleProps:{type:Object,default:()=>({})},subtitle:String,subtitleProps:{type:Object,default:()=>({})},...e()},"EvEmptyState");export{a as makeEvEmptyStateProps};
 //# sourceMappingURL=EvEmptyState.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as $,useSlots as b,computed as o,mergeProps as s,createElementBlock as m,openBlock as t,normalizeStyle as S,normalizeClass as x,unref as i,createCommentVNode as a,createBlock as l,renderSlot as p}from"vue";/* empty css                  */import{makeEvEmptyStateProps as E}from"./EvEmptyState.mjs";import B from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import C from"../EvText/EvText.vue.mjs";/* empty css                    */import M from"../EvButtonGroup/EvButtonGroup.vue.mjs";import w from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import H from"../EvImg/EvImg.vue.mjs";import{sizeModifier as N}from"../../util/modifiers.mjs";/*! Evance UI v1.1.36 | MIT License */const V={key:0,class:"ev-empty-state--media"},j={key:1,class:"ev-empty-state--heading text-width-readable"},q={key:2,class:"ev-empty-state--content"},A={key:3,class:"ev-empty-state--actions"},X=$({__name:"EvEmptyState",props:{...E()},setup(d){const e=d,r=b(),n={small:"medium",medium:"large",large:"x-large"},y={small:"x-small",medium:"small",large:"medium"},v={small:120,medium:180,large:240},_=o(()=>({appearance:"primary",size:y[e.size]})),f=o(()=>s({size:n[e.size]},e.titleProps)),g=o(()=>s({size:n[e.size]},e.subtitleProps)),z=o(()=>s({appearance:"primary",size:n[e.size]},e.iconProps)),h=o(()=>s({height:v[e.size]},e.imageProps)),k=o(()=>!!r.media||!!e.icon||!!e.image),P=o(()=>!!e.title||!!e.subtitle);return(c,D)=>{var u;return t(),m("div",{class:x(["ev-empty-state",e.class,i(N)(e.size,["medium"])]),style:S(e.style)},[k.value?(t(),m("div",V,[p(c.$slots,"media",{},()=>[e.image?(t(),l(i(H),s({key:0},h.value,{src:e.image}),null,16,["src"])):e.icon?(t(),l(i(w),s({key:1},z.value,{glyph:e.icon}),null,16,["glyph"])):a("",!0)])])):a("",!0),P.value?(t(),m("div",j,[e.title?(t(),l(i(B),s({key:0,class:"ev-empty-state--title"},f.value,{text:e.title}),null,16,["text"])):a("",!0),e.title?(t(),l(i(C),s({key:1,class:"ev-empty-state--subtitle"},g.value,{text:e.subtitle}),null,16,["text"])):a("",!0)])):a("",!0),i(r).default?(t(),m("div",q,[p(c.$slots,"default")])):a("",!0),i(r).actions?(t(),m("div",A,[p(c.$slots,"actions")])):(u=e.actions)!=null&&u.length?(t(),l(i(M),s({key:4,class:"ev-empty-state--actions"},_.value,{items:e.actions}),null,16,["items"])):a("",!0)],6)}}});export{X as default};
+import{defineComponent as $,useSlots as b,computed as o,mergeProps as s,createElementBlock as m,openBlock as t,normalizeStyle as S,normalizeClass as x,unref as i,createCommentVNode as a,createBlock as l,renderSlot as p}from"vue";/* empty css                  */import{makeEvEmptyStateProps as E}from"./EvEmptyState.mjs";import B from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import C from"../EvText/EvText.vue.mjs";/* empty css                    */import M from"../EvButtonGroup/EvButtonGroup.vue.mjs";import w from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import H from"../EvImg/EvImg.vue.mjs";import{sizeModifier as N}from"../../util/modifiers.mjs";/*! Evance UI v1.1.38 | MIT License */const V={key:0,class:"ev-empty-state--media"},j={key:1,class:"ev-empty-state--heading text-width-readable"},q={key:2,class:"ev-empty-state--content"},A={key:3,class:"ev-empty-state--actions"},X=$({__name:"EvEmptyState",props:{...E()},setup(d){const e=d,r=b(),n={small:"medium",medium:"large",large:"x-large"},y={small:"x-small",medium:"small",large:"medium"},v={small:120,medium:180,large:240},_=o(()=>({appearance:"primary",size:y[e.size]})),f=o(()=>s({size:n[e.size]},e.titleProps)),g=o(()=>s({size:n[e.size]},e.subtitleProps)),z=o(()=>s({appearance:"primary",size:n[e.size]},e.iconProps)),h=o(()=>s({height:v[e.size]},e.imageProps)),k=o(()=>!!r.media||!!e.icon||!!e.image),P=o(()=>!!e.title||!!e.subtitle);return(c,D)=>{var u;return t(),m("div",{class:x(["ev-empty-state",e.class,i(N)(e.size,["medium"])]),style:S(e.style)},[k.value?(t(),m("div",V,[p(c.$slots,"media",{},()=>[e.image?(t(),l(i(H),s({key:0},h.value,{src:e.image}),null,16,["src"])):e.icon?(t(),l(i(w),s({key:1},z.value,{glyph:e.icon}),null,16,["glyph"])):a("",!0)])])):a("",!0),P.value?(t(),m("div",j,[e.title?(t(),l(i(B),s({key:0,class:"ev-empty-state--title"},f.value,{text:e.title}),null,16,["text"])):a("",!0),e.title?(t(),l(i(C),s({key:1,class:"ev-empty-state--subtitle"},g.value,{text:e.subtitle}),null,16,["text"])):a("",!0)])):a("",!0),i(r).default?(t(),m("div",q,[p(c.$slots,"default")])):a("",!0),i(r).actions?(t(),m("div",A,[p(c.$slots,"actions")])):(u=e.actions)!=null&&u.length?(t(),l(i(M),s({key:4,class:"ev-empty-state--actions"},_.value,{items:e.actions}),null,16,["items"])):a("",!0)],6)}}});export{X as default};
 //# sourceMappingURL=EvEmptyState.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import f from"./EvEmptyState.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvEmptyState.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvEmptyState.vue2.mjs.map

package/dist/esm/components/EvErrors/EvErrors.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const p=o({active:Boolean,messages:{type:[Array,String],default:()=>[]},...r()},"EvErrors");export{p as makeEvErrorsProps};
+import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const p=o({active:Boolean,messages:{type:[Array,String],default:()=>[]},...r()},"EvErrors");export{p as makeEvErrorsProps};
 //# sourceMappingURL=EvErrors.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as i,computed as m,createBlock as p,openBlock as e,TransitionGroup as c,normalizeStyle as s,normalizeClass as u,withCtx as d,createElementBlock as o,Fragment as v,renderList as y,toDisplayString as f}from"vue";/* empty css              */import{makeEvErrorsProps as _}from"./EvErrors.mjs";import{wrapInArray as g}from"../../util/helpers.mjs";/*! Evance UI v1.1.36 | MIT License */const w=i({__name:"EvErrors",props:{..._()},setup(a){const r=a,l=m(()=>g(r.messages));return(k,E)=>(e(),p(c,{appear:"",tag:"div",class:u(["ev-errors",r.class]),style:s(r.style),name:"list",role:"alert","aria-live":"polite"},{default:d(()=>[(e(!0),o(v,null,y(l.value,(t,n)=>(e(),o("div",{key:t,class:"ev-errors--message",style:s(`--animation-order: ${n}`)},f(t),5))),128))]),_:1},8,["class","style"]))}});export{w as default};
+import{defineComponent as i,computed as m,createBlock as p,openBlock as e,TransitionGroup as c,normalizeStyle as s,normalizeClass as u,withCtx as d,createElementBlock as o,Fragment as v,renderList as y,toDisplayString as f}from"vue";/* empty css              */import{makeEvErrorsProps as _}from"./EvErrors.mjs";import{wrapInArray as g}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const w=i({__name:"EvErrors",props:{..._()},setup(a){const r=a,l=m(()=>g(r.messages));return(k,E)=>(e(),p(c,{appear:"",tag:"div",class:u(["ev-errors",r.class]),style:s(r.style),name:"list",role:"alert","aria-live":"polite"},{default:d(()=>[(e(!0),o(v,null,y(l.value,(t,n)=>(e(),o("div",{key:t,class:"ev-errors--message",style:s(`--animation-order: ${n}`)},f(t),5))),128))]),_:1},8,["class","style"]))}});export{w as default};
 //# sourceMappingURL=EvErrors.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import f from"./EvErrors.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvErrors.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvErrors.vue2.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.mjs

@@ -1,2 +1,2 @@
-import{makeEvExpansionPanelHeaderProps as o}from"../EvExpansionPanelHeader/EvExpansionPanelHeader.mjs";import{makeEvExpansionPanelContentProps as n}from"../EvExpansionPanelContent/EvExpansionPanelContent.mjs";import{makeGroupItemProps as p}from"../../../composables/groupItem.mjs";import{makeComponentProps as r}from"../../../composables/component.mjs";import{makeTagProps as m}from"../../../composables/tag.mjs";import{propsFactory as a}from"../../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const l=a({...p(),...n(),...o(),...m(),...r()},"EvExpansionPanel"),f=Symbol.for("ev:expansion-panel");export{f as EvExpansionPanelSymbol,l as makeEvExpansionPanelProps};
+import{makeEvExpansionPanelHeaderProps as o}from"../EvExpansionPanelHeader/EvExpansionPanelHeader.mjs";import{makeEvExpansionPanelContentProps as n}from"../EvExpansionPanelContent/EvExpansionPanelContent.mjs";import{makeGroupItemProps as p}from"../../../composables/groupItem.mjs";import{makeComponentProps as r}from"../../../composables/component.mjs";import{makeTagProps as m}from"../../../composables/tag.mjs";import{propsFactory as a}from"../../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const l=a({...p(),...n(),...o(),...m(),...r()},"EvExpansionPanel"),f=Symbol.for("ev:expansion-panel");export{f as EvExpansionPanelSymbol,l as makeEvExpansionPanelProps};
 //# sourceMappingURL=EvExpansionPanel.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as E,useSlots as g,computed as n,toRef as k,provide as C,createBlock as z,openBlock as B,resolveDynamicComponent as I,normalizeStyle as D,normalizeClass as R,unref as a,withCtx as r,renderSlot as i,createVNode as u,normalizeProps as c,guardReactiveProps as p,createSlots as w}from"vue";/* empty css                      */import{makeEvExpansionPanelProps as A,EvExpansionPanelSymbol as f}from"./EvExpansionPanel.mjs";import m from"../EvExpansionPanelHeader/EvExpansionPanelHeader.vue.mjs";import v from"../EvExpansionPanelContent/EvExpansionPanelContent.vue.mjs";import{useGroupItem as G}from"../../../composables/groupItem.mjs";import{filterComponentProps as x}from"../../../util/helpers.mjs";/*! Evance UI v1.1.36 | MIT License */const K=E({__name:"EvExpansionPanel",props:{...A()},setup(S){const t=S,l=g(),h=n(()=>x(m,t)),P=n(()=>x(v,t)),e=G(t,f),y=k(()=>(e==null?void 0:e.disabled.value)||t.disabled),d=n(()=>e.group.items.value.reduce((s,o,b)=>(e.group.selected.value.includes(o.id)&&s.push(b),s),[])),_=n(()=>{const s=e.group.items.value.findIndex(o=>o.id===e.id);return!e.isSelected.value&&d.value.some(o=>o-s===1)}),$=n(()=>{const s=e.group.items.value.findIndex(o=>o.id===e.id);return!e.isSelected.value&&d.value.some(o=>o-s===-1)});return C(f,e),(s,o)=>(B(),z(I(t.tag),{class:R(["ev-expansion-panel",{"is-active":a(e).isSelected.value,"is-before-active":_.value,"is-after-active":$.value,"is-disabled":y.value},t.class]),style:D(t.style)},{default:r(()=>[i(s.$slots,"header",{},()=>[u(a(m),c(p(h.value)),w({_:2},[a(l)["header-prefix"]?{name:"prefix",fn:r(()=>[i(s.$slots,"header-prefix")]),key:"0"}:void 0,a(l)["header-suffix"]?{name:"suffix",fn:r(()=>[i(s.$slots,"header-suffix")]),key:"1"}:void 0]),1040)]),i(s.$slots,"content",{},()=>[u(a(v),c(p(P.value)),{default:r(()=>[i(s.$slots,"default")]),_:3},16)])]),_:3},8,["class","style"]))}});export{K as default};
+import{defineComponent as E,useSlots as g,computed as n,toRef as k,provide as C,createBlock as z,openBlock as B,resolveDynamicComponent as I,normalizeStyle as D,normalizeClass as R,unref as a,withCtx as r,renderSlot as i,createVNode as u,normalizeProps as c,guardReactiveProps as p,createSlots as w}from"vue";/* empty css                      */import{makeEvExpansionPanelProps as A,EvExpansionPanelSymbol as f}from"./EvExpansionPanel.mjs";import m from"../EvExpansionPanelHeader/EvExpansionPanelHeader.vue.mjs";import v from"../EvExpansionPanelContent/EvExpansionPanelContent.vue.mjs";import{useGroupItem as G}from"../../../composables/groupItem.mjs";import{filterComponentProps as x}from"../../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const K=E({__name:"EvExpansionPanel",props:{...A()},setup(S){const t=S,l=g(),h=n(()=>x(m,t)),P=n(()=>x(v,t)),e=G(t,f),y=k(()=>(e==null?void 0:e.disabled.value)||t.disabled),d=n(()=>e.group.items.value.reduce((s,o,b)=>(e.group.selected.value.includes(o.id)&&s.push(b),s),[])),_=n(()=>{const s=e.group.items.value.findIndex(o=>o.id===e.id);return!e.isSelected.value&&d.value.some(o=>o-s===1)}),$=n(()=>{const s=e.group.items.value.findIndex(o=>o.id===e.id);return!e.isSelected.value&&d.value.some(o=>o-s===-1)});return C(f,e),(s,o)=>(B(),z(I(t.tag),{class:R(["ev-expansion-panel",{"is-active":a(e).isSelected.value,"is-before-active":_.value,"is-after-active":$.value,"is-disabled":y.value},t.class]),style:D(t.style)},{default:r(()=>[i(s.$slots,"header",{},()=>[u(a(m),c(p(h.value)),w({_:2},[a(l)["header-prefix"]?{name:"prefix",fn:r(()=>[i(s.$slots,"header-prefix")]),key:"0"}:void 0,a(l)["header-suffix"]?{name:"suffix",fn:r(()=>[i(s.$slots,"header-suffix")]),key:"1"}:void 0]),1040)]),i(s.$slots,"content",{},()=>[u(a(v),c(p(P.value)),{default:r(()=>[i(s.$slots,"default")]),_:3},16)])]),_:3},8,["class","style"]))}});export{K as default};
 //# sourceMappingURL=EvExpansionPanel.vue.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanel/EvExpansionPanel.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvExpansionPanel.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvExpansionPanel.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvExpansionPanel.vue2.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.mjs

@@ -1,2 +1,2 @@
-import{makeLazyProps as o}from"../../../composables/lazy.mjs";import{makeComponentProps as n}from"../../../composables/component.mjs";import{propsFactory as p}from"../../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const e=p({noPadding:Boolean,...o(),...n()},"EvExpansionPanelContent");export{e as makeEvExpansionPanelContentProps};
+import{makeLazyProps as o}from"../../../composables/lazy.mjs";import{makeComponentProps as n}from"../../../composables/component.mjs";import{propsFactory as p}from"../../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const e=p({noPadding:Boolean,...o(),...n()},"EvExpansionPanelContent");export{e as makeEvExpansionPanelContentProps};
 //# sourceMappingURL=EvExpansionPanelContent.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as i,useSlots as l,inject as r,computed as p,createBlock as c,openBlock as m,unref as d,withCtx as v,withDirectives as u,createElementVNode as o,normalizeStyle as f,normalizeClass as x,renderSlot as E,vShow as _}from"vue";/* empty css                             */import{makeEvExpansionPanelContentProps as S}from"./EvExpansionPanelContent.mjs";import{EvExpansionPanelSymbol as h}from"../EvExpansionPanel/EvExpansionPanel.mjs";import{EvTransitionExpand as w}from"../../../EvTransitionExpand.mjs";/*! Evance UI v1.1.36 | MIT License */const P={class:"ev-expansion-panel-content__wrapper"},B=i({__name:"EvExpansionPanelContent",props:{...S()},setup(t){const e=t;l();const n=r(h);if(!n)throw new Error("Evance UI: `ev-expansion-panel-content` MUST be inside `ev-expansion-panel`");const a=p(()=>n.isSelected.value);return(s,C)=>(m(),c(d(w),null,{default:v(()=>[u(o("div",{class:x(["ev-expansion-panel-content",{"is-no-padding":e.noPadding},e.class]),style:f([e.style])},[o("div",P,[E(s.$slots,"default")])],6),[[_,a.value]])]),_:3}))}});export{B as default};
+import{defineComponent as i,useSlots as l,inject as r,computed as p,createBlock as c,openBlock as m,unref as d,withCtx as v,withDirectives as u,createElementVNode as o,normalizeStyle as f,normalizeClass as x,renderSlot as E,vShow as _}from"vue";/* empty css                             */import{makeEvExpansionPanelContentProps as S}from"./EvExpansionPanelContent.mjs";import{EvExpansionPanelSymbol as h}from"../EvExpansionPanel/EvExpansionPanel.mjs";import{EvTransitionExpand as w}from"../../../EvTransitionExpand.mjs";/*! Evance UI v1.1.38 | MIT License */const P={class:"ev-expansion-panel-content__wrapper"},B=i({__name:"EvExpansionPanelContent",props:{...S()},setup(t){const e=t;l();const n=r(h);if(!n)throw new Error("Evance UI: `ev-expansion-panel-content` MUST be inside `ev-expansion-panel`");const a=p(()=>n.isSelected.value);return(s,C)=>(m(),c(d(w),null,{default:v(()=>[u(o("div",{class:x(["ev-expansion-panel-content",{"is-no-padding":e.noPadding},e.class]),style:f([e.style])},[o("div",P,[E(s.$slots,"default")])],6),[[_,a.value]])]),_:3}))}});export{B as default};
 //# sourceMappingURL=EvExpansionPanelContent.vue.mjs.map

package/dist/esm/components/EvExpansionPanels/EvExpansionPanelContent/EvExpansionPanelContent.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvExpansionPanelContent.vue.mjs";/*! Evance UI v1.1.36 | MIT License */export{f as default};
+import f from"./EvExpansionPanelContent.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvExpansionPanelContent.vue2.mjs.map