@evance/evance-ui 1.1.13 → 1.1.15

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

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDialog.vue.mjs");module.exports=e;
+import f from"./EvDialog.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvDialog.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../util/props.mjs"),o=l.propsFactory({padding:{type:Boolean,default:!0}},"EvDialogBody"),n=e.defineComponent({__name:"EvDialogBody",props:{...o()},setup(t){const r=t,s=e.computed(()=>r.padding?void 0:"pa-0");return(a,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ev-dialog--body","is-scrollable",s.value])},[e.renderSlot(a.$slots,"default")],2))}});exports.default=n;exports.makeEvDialogBodyProps=o;
+import{defineComponent as r,computed as l,createElementBlock as s,openBlock as n,normalizeClass as d,renderSlot as p}from"vue";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.15 | MIT License */const c=i({padding:{type:Boolean,default:!0}},"EvDialogBody"),g=r({__name:"EvDialogBody",props:{...c()},setup(o){const e=o,a=l(()=>e.padding?void 0:"pa-0");return(t,m)=>(n(),s("div",{class:d(["ev-dialog--body","is-scrollable",a.value])},[p(t.$slots,"default")],2))}});export{g as default,c as makeEvDialogBodyProps};
 //# sourceMappingURL=EvDialogBody.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvDialogBody.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialogBody.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\n\nexport interface EvDialogBodyProps {\n    padding?: boolean;\n}\n\nexport const makeEvDialogBodyProps = propsFactory(\n    {\n        padding: {\n            type: Boolean,\n            default: true,\n        },\n    },\n    \"EvDialogBody\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvDialogBodyProps(),\n});\n\nconst paddingClass = computed(() => {\n    return !props.padding ? \"pa-0\" : undefined;\n});\n</script>\n\n<template>\n    <div :class=\"['ev-dialog--body', 'is-scrollable', paddingClass]\">\n        <slot />\n    </div>\n</template>\n"],"names":["makeEvDialogBodyProps","propsFactory","paddingClass","computed","props"],"mappings":"2MAOaA,EAAwBC,EAAA,aACjC,CACI,QAAS,CACL,KAAM,QACN,QAAS,EAAA,CAEjB,EACA,cACJ,+EAUMC,EAAeC,EAAAA,SAAS,IAClBC,EAAM,QAAmB,OAAT,MAC3B"}
+{"version":3,"file":"EvDialogBody.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialogBody.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\n\nexport interface EvDialogBodyProps {\n    padding?: boolean;\n}\n\nexport const makeEvDialogBodyProps = propsFactory(\n    {\n        padding: {\n            type: Boolean,\n            default: true,\n        },\n    },\n    \"EvDialogBody\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvDialogBodyProps(),\n});\n\nconst paddingClass = computed(() => {\n    return !props.padding ? \"pa-0\" : undefined;\n});\n</script>\n\n<template>\n    <div :class=\"['ev-dialog--body', 'is-scrollable', paddingClass]\">\n        <slot />\n    </div>\n</template>\n"],"names":["makeEvDialogBodyProps","propsFactory","paddingClass","computed","props"],"mappings":"yNAOO,MAAMA,EAAwBC,EACjC,CACI,QAAS,CACL,KAAM,QACN,QAAS,EAAA,CAEjB,EACA,cACJ,+DAUMC,EAAeC,EAAS,IAClBC,EAAM,QAAmB,OAAT,MAC3B"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvDialogBody.vue.mjs");exports.default=e.default;exports.makeEvDialogBodyProps=e.makeEvDialogBodyProps;
+import r from"./EvDialogBody.vue.mjs";import{makeEvDialogBodyProps as e}from"./EvDialogBody.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{r as default,e as makeEvDialogBodyProps};
 //# sourceMappingURL=EvDialogBody.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue"),r=require("../../_virtual/_plugin-vue_export-helper.mjs"),t={},c={class:"ev-dialog--footer"};function n(o,l){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(o.$slots,"default")])}const s=r(t,[["render",n]]);module.exports=s;
+import{createElementBlock as e,openBlock as t,renderSlot as r}from"vue";import c from"../../_virtual/_plugin-vue_export-helper.mjs";/*! Evance UI v1.1.15 | MIT License */const n={},s={class:"ev-dialog--footer"};function l(o,a){return t(),e("div",s,[r(o.$slots,"default")])}const d=c(n,[["render",l]]);export{d as default};
 //# sourceMappingURL=EvDialogFooter.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvDialogFooter.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialogFooter.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n    <div class=\"ev-dialog--footer\">\n        <slot />\n    </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"uKAGI,SAAAA,EAAAC,EAAAC,EAAA,QACYC,YAAA,EAAAC,qBAAA,MAAAC,EAAA"}
+{"version":3,"file":"EvDialogFooter.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialogFooter.vue"],"sourcesContent":["<script setup lang=\"ts\"></script>\n\n<template>\n    <div class=\"ev-dialog--footer\">\n        <slot />\n    </div>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"mNAGI,SAAAA,EAAAC,EAAAC,EAAA,QACYC,EAAA,EAAAC,EAAA,MAAAC,EAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvDialogHeader.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialogHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { makeEvToolbarProps } from \"@/components/EvToolbar\";\n\nexport const makeEvDialogHeaderProps = propsFactory(\n    {\n        modelValue: Boolean,\n        closeable: {\n            type: Boolean,\n            default: true,\n        },\n        ...makeEvToolbarProps({\n            size: \"large\",\n        }),\n    },\n    \"EvDialogHeader\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { EvToolbar } from \"@/components/EvToolbar\";\nimport { computed } from \"vue\";\nimport { filterComponentProps } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogHeaderProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"close\"): void;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n    emit(\"close\");\n}\n\nconst closeable = computed(() => (props.closeable ? close : undefined));\n\nconst toolbarProps = computed(() => {\n    return filterComponentProps(EvToolbar, props);\n});\n</script>\n\n<template>\n    <div\n        v-if=\"slots.default\"\n        :class=\"['ev-dialog--header', props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n    <ev-toolbar\n        v-else\n        :class=\"['ev-dialog--header', { 'is-untitled': !props.title }]\"\n        v-bind=\"toolbarProps\"\n        @click:close=\"closeable\" />\n</template>\n"],"names":["makeEvDialogHeaderProps","propsFactory","makeEvToolbarProps","slots","_useSlots","isActive","useModelProxy","props","close","emit","closeable","computed","toolbarProps","filterComponentProps","EvToolbar"],"mappings":"iXAIaA,EAA0BC,EAAA,aACnC,CACI,WAAY,QACZ,UAAW,CACP,KAAM,QACN,QAAS,EACb,EACA,GAAGC,qBAAmB,CAClB,KAAM,OACT,CAAA,CACL,EACA,gBACJ,8HAYMC,EAAQC,EAAAA,WAORC,EAAWC,EAAAA,cAAcC,EAAO,YAAY,EAKlD,SAASC,GAAQ,CACbH,EAAS,MAAQ,GACjBI,EAAK,OAAO,CAAA,CAGhB,MAAMC,EAAYC,EAAAA,SAAS,IAAOJ,EAAM,UAAYC,EAAQ,MAAU,EAEhEI,EAAeD,EAAAA,SAAS,IACnBE,EAAA,qBAAqBC,EAAWP,CAAK,CAC/C"}
+{"version":3,"file":"EvDialogHeader.vue.mjs","sources":["../../../../src/components/EvDialog/EvDialogHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { propsFactory } from \"@/util\";\nimport { makeEvToolbarProps } from \"@/components/EvToolbar\";\n\nexport const makeEvDialogHeaderProps = propsFactory(\n    {\n        modelValue: Boolean,\n        closeable: {\n            type: Boolean,\n            default: true,\n        },\n        ...makeEvToolbarProps({\n            size: \"large\",\n        }),\n    },\n    \"EvDialogHeader\",\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { EvToolbar } from \"@/components/EvToolbar\";\nimport { computed } from \"vue\";\nimport { filterComponentProps } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvDialogHeaderProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: boolean): void;\n    (e: \"close\"): void;\n}>();\nconst isActive = useModelProxy(props, \"modelValue\");\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n    emit(\"close\");\n}\n\nconst closeable = computed(() => (props.closeable ? close : undefined));\n\nconst toolbarProps = computed(() => {\n    return filterComponentProps(EvToolbar, props);\n});\n</script>\n\n<template>\n    <div\n        v-if=\"slots.default\"\n        :class=\"['ev-dialog--header', props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n    <ev-toolbar\n        v-else\n        :class=\"['ev-dialog--header', { 'is-untitled': !props.title }]\"\n        v-bind=\"toolbarProps\"\n        @click:close=\"closeable\" />\n</template>\n"],"names":["makeEvDialogHeaderProps","propsFactory","makeEvToolbarProps","slots","_useSlots","isActive","useModelProxy","props","close","emit","closeable","computed","toolbarProps","filterComponentProps","EvToolbar"],"mappings":"ohBAIO,MAAMA,EAA0BC,EACnC,CACI,WAAY,QACZ,UAAW,CACP,KAAM,QACN,QAAS,EACb,EACA,GAAGC,EAAmB,CAClB,KAAM,OACT,CAAA,CACL,EACA,gBACJ,8GAYMC,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,IACnBE,EAAqBC,EAAWP,CAAK,CAC/C"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvDialogHeader.vue.mjs");exports.default=e.default;exports.makeEvDialogHeaderProps=e.makeEvDialogHeaderProps;
+import r from"./EvDialogHeader.vue.mjs";import{makeEvDialogHeaderProps as m}from"./EvDialogHeader.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{r as default,m as makeEvDialogHeaderProps};
 //# sourceMappingURL=EvDialogHeader.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}exports.EvDialogInstance=r;
+/*! Evance UI v1.1.15 | 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};
 //# 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":"sHAKO,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\";\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"}

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

@@ -1,2 +1,2 @@
-"use strict";var c=Object.defineProperty;var d=(r,e,t)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var n=(r,e,t)=>d(r,typeof e!="symbol"?e+"":e,t);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),p=require("./EvDialog.vue.mjs"),h=require("./EvDialogInstance.mjs");class u{constructor(e,t,o){n(this,"app");n(this,"id");n(this,"instance");n(this,"container");n(this,"modelValue",s.shallowRef(!1));n(this,"options");n(this,"promiseResolver");n(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-dialog-instance-${this.id}`,document.querySelector("body").appendChild(this.container)}createProps(){const e=this.options.props??{};return s.mergeProps(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new h.EvDialogInstance(this)})}createSlots(){const e=this.options.slots??{},t={};for(const o in e){const i=e[o];t[o]=(a,l)=>s.h(i,a,l)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;s.render(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.h(p,this.createProps(),this.createSlots());e.appContext=this.app._context,s.render(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}exports.EvDialogRenderer=u;
+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.15 | 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};
 //# 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":"qXAkBO,MAAMA,CAAiB,CAenB,YAAYC,EAAUC,EAAYC,EAAiC,CAdlEC,EAAA,YACQA,EAAA,WACRA,EAAA,iBACAA,EAAA,kBACAA,EAAA,kBAAaC,aAAW,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,EAAAA,WAAWD,EAAqB,CACnC,WAAY,KAAK,WACjB,aAAc,IAAM,KAAK,aAAa,EACtC,WAAY,IAAIE,EAAAA,iBAAiB,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,IAAEF,EAAYN,EAAOO,CAAK,CACrC,CAEG,OAAAH,CAAA,CAOH,cAAe,CACb,MAAAK,EAAK,KAAK,SAAU,IAAI,WAC9BC,EAAA,OAAO,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,EAAA,EACnBK,EACA,KAAK,YAAY,EACjB,KAAK,YAAY,CACrB,EACeD,EAAA,WAAa,KAAK,IAAI,SAC9BF,SAAAE,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,\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"}

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

@@ -1,2 +1,2 @@
-"use strict";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);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./EvDialogRenderer.mjs");class a{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new s.EvDialogRenderer(this.app,++this.instanceId,e);return r.render(),r.open()}}exports.EvDialogServiceOpener=a;
+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.15 | 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/EvDialogServiceOpener.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDialogServiceOpener.mjs","sources":["../../../../src/components/EvDialog/EvDialogServiceOpener.ts"],"sourcesContent":["import { EvDialogRenderer } from \"@/components/EvDialog/EvDialogRenderer\";\nimport { EvDialogProps, EvDialogSlots } from \"./EvDialog\";\nimport { App, Component } from \"vue\";\n\nexport interface EvDialogServiceSlots\n    extends Partial<Record<keyof EvDialogSlots, Component>> {}\n\nexport interface EvDialogServiceOptions {\n    props?: EvDialogProps;\n    slots?: EvDialogServiceSlots;\n    data?: any;\n}\n\n/**\n * # EvDialogService\n */\nexport class EvDialogServiceOpener {\n    private instanceId: number = 0;\n\n    public constructor(private app: App) {}\n\n    /**\n     * ## open\n     * @param options\n     */\n    public open(options: EvDialogServiceOptions) {\n        const renderer = new EvDialogRenderer(\n            this.app,\n            ++this.instanceId,\n            options,\n        );\n        renderer.render();\n        return renderer.open();\n    }\n}\n"],"names":["EvDialogServiceOpener","app","__publicField","options","renderer","EvDialogRenderer"],"mappings":"oUAgBO,MAAMA,CAAsB,CAGxB,YAAoBC,EAAU,CAF7BC,EAAA,kBAAqB,GAEF,KAAA,IAAAD,CAAA,CAMpB,KAAKE,EAAiC,CACzC,MAAMC,EAAW,IAAIC,EAAA,iBACjB,KAAK,IACL,EAAE,KAAK,WACPF,CACJ,EACA,OAAAC,EAAS,OAAO,EACTA,EAAS,KAAK,CAAA,CAE7B"}
+{"version":3,"file":"EvDialogServiceOpener.mjs","sources":["../../../../src/components/EvDialog/EvDialogServiceOpener.ts"],"sourcesContent":["import { EvDialogRenderer } from \"@/components/EvDialog/EvDialogRenderer\";\nimport { EvDialogProps, EvDialogSlots } from \"./EvDialog\";\nimport { App, Component } from \"vue\";\n\nexport interface EvDialogServiceSlots\n    extends Partial<Record<keyof EvDialogSlots, Component>> {}\n\nexport interface EvDialogServiceOptions {\n    props?: EvDialogProps;\n    slots?: EvDialogServiceSlots;\n    data?: any;\n}\n\n/**\n * # EvDialogService\n */\nexport class EvDialogServiceOpener {\n    private instanceId: number = 0;\n\n    public constructor(private app: App) {}\n\n    /**\n     * ## open\n     * @param options\n     */\n    public open(options: EvDialogServiceOptions) {\n        const renderer = new EvDialogRenderer(\n            this.app,\n            ++this.instanceId,\n            options,\n        );\n        renderer.render();\n        return renderer.open();\n    }\n}\n"],"names":["EvDialogServiceOpener","app","__publicField","options","renderer","EvDialogRenderer"],"mappings":"oQAgBO,MAAMA,CAAsB,CAGxB,YAAoBC,EAAU,CAF7BC,EAAA,kBAAqB,GAEF,KAAA,IAAAD,CAAA,CAMpB,KAAKE,EAAiC,CACzC,MAAMC,EAAW,IAAIC,EACjB,KAAK,IACL,EAAE,KAAK,WACPF,CACJ,EACA,OAAAC,EAAS,OAAO,EACTA,EAAS,KAAK,CAAA,CAE7B"}

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvDialogTransition.vue.mjs");exports.default=e.default;exports.makeEvDialogTransitionProps=e.makeEvDialogTransitionProps;
+import r from"./EvDialogTransition.vue.mjs";import{makeEvDialogTransitionProps as m}from"./EvDialogTransition.vue.mjs";/*! Evance UI v1.1.15 | 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 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                 */const d=require("../../composables/hasSlotWithContent.mjs"),p=require("../../util/numbers.mjs"),v=require("../../util/is-functions.mjs"),f=require("../../util/modifiers.mjs"),m=require("../../util/appearance.mjs"),h=e.createElementVNode("hr",{class:"ev-divider--line"},null,-1),y={class:"ev-divider--content"},_=e.createElementVNode("hr",{class:"ev-divider--line"},null,-1),b=e.defineComponent({__name:"EvDivider",props:{appearance:{default:"default"},borderStyle:{default:"solid"},thickness:{default:1},opacity:{default:void 0},vertical:{type:Boolean,default:!1}},setup(o){const t=o;e.useCssVars(a=>({"1c626f9e":n.value,"09641586":c.value,"1d465dec":i.value,"1d796e01":u.value}));const s=e.useSlots(),l=d.hasSlotWithContent(s,"default"),n=e.computed(()=>t.appearance!=="default"?`var(--text-${t.appearance})`:null),c=e.computed(()=>t.opacity?p.isIntegerish(t.opacity)?+t.opacity/100:v.isCssVariable(t.opacity)?`var(${t.opacity})`:null:null),i=e.computed(()=>t.borderStyle!=="solid"?t.borderStyle:null),u=e.computed(()=>t.thickness>1?t.thickness+"px":null),r=e.computed(()=>[{"is-horizontal":!t.vertical,"is-vertical":t.vertical},f.appearanceModifier(t.appearance,[m.Appearance.default])]);return(a,k)=>e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["ev-divider",r.value]),role:"separator"},[h,e.createElementVNode("div",y,[e.renderSlot(a.$slots,"default")]),_],2)):(e.openBlock(),e.createElementBlock("hr",{key:1,class:e.normalizeClass(["ev-divider",r.value]),role:"separator"},null,2))}});module.exports=b;
+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.15 | 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.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDivider.vue.mjs","sources":["../../../../src/components/EvDivider/EvDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvDivider\n *\n * `<ev-divider />`\n */\nimport \"./EvDivider.scss\";\nimport { computed, useSlots } from \"vue\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport {\n    Appearance,\n    appearanceModifier,\n    AppearanceProp,\n    isCssVariable,\n    isIntegerish,\n} from \"@/util\";\n\n/**\n * ## Divider Border Style\n */\ntype BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\n/**\n * ## Divider Props\n */\ninterface DividerProps {\n    appearance?: AppearanceProp;\n    borderStyle?: BorderStyle;\n    thickness?: number;\n    opacity?: number | string;\n    vertical?: boolean;\n}\nconst props = withDefaults(defineProps<DividerProps>(), {\n    appearance: \"default\",\n    borderStyle: \"solid\",\n    opacity: undefined,\n    thickness: 1,\n    vertical: false,\n});\n\nconst slots = useSlots();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\n\nconst borderColor = computed(() => {\n    return props.appearance !== \"default\"\n        ? `var(--text-${props.appearance})`\n        : null;\n});\n\nconst borderOpacity = computed(() => {\n    if (!props.opacity) {\n        return null;\n    }\n    if (isIntegerish(props.opacity)) {\n        return +props.opacity / 100;\n    }\n    if (isCssVariable(props.opacity)) {\n        return `var(${props.opacity})`;\n    }\n    return null;\n});\n\nconst borderStyle = computed(() => {\n    return props.borderStyle !== \"solid\" ? props.borderStyle : null;\n});\n\nconst borderWidth = computed(() => {\n    return props.thickness > 1 ? props.thickness + \"px\" : null;\n});\n\nconst classNames = computed(() => {\n    return [\n        {\n            \"is-horizontal\": !props.vertical,\n            \"is-vertical\": props.vertical,\n        },\n        appearanceModifier(props.appearance, [Appearance.default]),\n    ];\n});\n</script>\n\n<template>\n    <div\n        v-if=\"hasDefaultSlot\"\n        class=\"ev-divider\"\n        role=\"separator\"\n        :class=\"classNames\">\n        <hr class=\"ev-divider--line\" />\n        <div class=\"ev-divider--content\"><slot /></div>\n        <hr class=\"ev-divider--line\" />\n    </div>\n    <hr v-else class=\"ev-divider\" role=\"separator\" :class=\"classNames\" />\n</template>\n\n<style>\n.ev-divider {\n    --border-color: v-bind(borderColor);\n    --border-opacity: v-bind(borderOpacity);\n    --border-style: v-bind(borderStyle);\n    --border-width: v-bind(borderWidth);\n}\n</style>\n"],"names":["slots","useSlots","hasDefaultSlot","hasSlotWithContent","borderColor","computed","props","borderOpacity","isIntegerish","isCssVariable","borderStyle","borderWidth","classNames","appearanceModifier","Appearance"],"mappings":"mxBAwCA,MAAMA,EAAQC,EAAAA,SAAS,EACjBC,EAAiBC,EAAAA,mBAAmBH,EAAO,SAAS,EAEpDI,EAAcC,EAAAA,SAAS,IAClBC,EAAM,aAAe,UACtB,cAAcA,EAAM,UAAU,IAC9B,IACT,EAEKC,EAAgBF,EAAAA,SAAS,IACtBC,EAAM,QAGPE,EAAA,aAAaF,EAAM,OAAO,EACnB,CAACA,EAAM,QAAU,IAExBG,EAAA,cAAcH,EAAM,OAAO,EACpB,OAAOA,EAAM,OAAO,IAExB,KARI,IASd,EAEKI,EAAcL,EAAAA,SAAS,IAClBC,EAAM,cAAgB,QAAUA,EAAM,YAAc,IAC9D,EAEKK,EAAcN,EAAAA,SAAS,IAClBC,EAAM,UAAY,EAAIA,EAAM,UAAY,KAAO,IACzD,EAEKM,EAAaP,EAAAA,SAAS,IACjB,CACH,CACI,gBAAiB,CAACC,EAAM,SACxB,cAAeA,EAAM,QACzB,EACAO,EAAAA,mBAAmBP,EAAM,WAAY,CAACQ,EAAAA,WAAW,OAAO,CAAC,CAC7D,CACH"}
+{"version":3,"file":"EvDivider.vue.mjs","sources":["../../../../src/components/EvDivider/EvDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvDivider\n *\n * `<ev-divider />`\n */\nimport \"./EvDivider.scss\";\nimport { computed, useSlots } from \"vue\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport {\n    Appearance,\n    appearanceModifier,\n    AppearanceProp,\n    isCssVariable,\n    isIntegerish,\n} from \"@/util\";\n\n/**\n * ## Divider Border Style\n */\ntype BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\n/**\n * ## Divider Props\n */\ninterface DividerProps {\n    appearance?: AppearanceProp;\n    borderStyle?: BorderStyle;\n    thickness?: number;\n    opacity?: number | string;\n    vertical?: boolean;\n}\nconst props = withDefaults(defineProps<DividerProps>(), {\n    appearance: \"default\",\n    borderStyle: \"solid\",\n    opacity: undefined,\n    thickness: 1,\n    vertical: false,\n});\n\nconst slots = useSlots();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\n\nconst borderColor = computed(() => {\n    return props.appearance !== \"default\"\n        ? `var(--text-${props.appearance})`\n        : null;\n});\n\nconst borderOpacity = computed(() => {\n    if (!props.opacity) {\n        return null;\n    }\n    if (isIntegerish(props.opacity)) {\n        return +props.opacity / 100;\n    }\n    if (isCssVariable(props.opacity)) {\n        return `var(${props.opacity})`;\n    }\n    return null;\n});\n\nconst borderStyle = computed(() => {\n    return props.borderStyle !== \"solid\" ? props.borderStyle : null;\n});\n\nconst borderWidth = computed(() => {\n    return props.thickness > 1 ? props.thickness + \"px\" : null;\n});\n\nconst classNames = computed(() => {\n    return [\n        {\n            \"is-horizontal\": !props.vertical,\n            \"is-vertical\": props.vertical,\n        },\n        appearanceModifier(props.appearance, [Appearance.default]),\n    ];\n});\n</script>\n\n<template>\n    <div\n        v-if=\"hasDefaultSlot\"\n        class=\"ev-divider\"\n        role=\"separator\"\n        :class=\"classNames\">\n        <hr class=\"ev-divider--line\" />\n        <div class=\"ev-divider--content\"><slot /></div>\n        <hr class=\"ev-divider--line\" />\n    </div>\n    <hr v-else class=\"ev-divider\" role=\"separator\" :class=\"classNames\" />\n</template>\n\n<style>\n.ev-divider {\n    --border-color: v-bind(borderColor);\n    --border-opacity: v-bind(borderOpacity);\n    --border-style: v-bind(borderStyle);\n    --border-width: v-bind(borderWidth);\n}\n</style>\n"],"names":["slots","useSlots","hasDefaultSlot","hasSlotWithContent","borderColor","computed","props","borderOpacity","isIntegerish","isCssVariable","borderStyle","borderWidth","classNames","appearanceModifier","Appearance"],"mappings":"g9BAwCA,MAAMA,EAAQC,EAAS,EACjBC,EAAiBC,EAAmBH,EAAO,SAAS,EAEpDI,EAAcC,EAAS,IAClBC,EAAM,aAAe,UACtB,cAAcA,EAAM,UAAU,IAC9B,IACT,EAEKC,EAAgBF,EAAS,IACtBC,EAAM,QAGPE,EAAaF,EAAM,OAAO,EACnB,CAACA,EAAM,QAAU,IAExBG,EAAcH,EAAM,OAAO,EACpB,OAAOA,EAAM,OAAO,IAExB,KARI,IASd,EAEKI,EAAcL,EAAS,IAClBC,EAAM,cAAgB,QAAUA,EAAM,YAAc,IAC9D,EAEKK,EAAcN,EAAS,IAClBC,EAAM,UAAY,EAAIA,EAAM,UAAY,KAAO,IACzD,EAEKM,EAAaP,EAAS,IACjB,CACH,CACI,gBAAiB,CAACC,EAAM,SACxB,cAAeA,EAAM,QACzB,EACAO,EAAmBP,EAAM,WAAY,CAACQ,EAAW,OAAO,CAAC,CAC7D,CACH"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDivider.vue.mjs");;/* empty css                 */module.exports=e;
+import o from"./EvDivider.vue.mjs";/* empty css               *//*! Evance UI v1.1.15 | MIT License */export{o as default};
 //# sourceMappingURL=EvDivider.vue3.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvDialog/EvDialog.mjs"),r=require("../../util/props.mjs"),o=require("../../util/helpers.mjs"),t=r.propsFactory({position:{type:String,default:"left"},...o.omit(e.makeEvDialogProps(),["position"])},"EvDrawer");exports.makeEvDrawerProps=t;
+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.15 | 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.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDrawer.mjs","sources":["../../../../src/components/EvDrawer/EvDrawer.ts"],"sourcesContent":["import { omit, PhysicalSide, propsFactory } from \"@/util\";\nimport {\n    EvDialogProps,\n    EvDialogSlots,\n    makeEvDialogProps,\n} from \"@/components/EvDialog\";\nimport { PropType } from \"vue\";\n\nexport interface EvDrawerProps extends EvDialogProps {}\nexport interface EvDrawerSlots extends EvDialogSlots {}\n\nexport const makeEvDrawerProps = propsFactory(\n    {\n        position: {\n            type: String as PropType<PhysicalSide>,\n            default: \"left\",\n        },\n\n        ...omit(makeEvDialogProps(), [\"position\"]),\n    },\n    \"EvDrawer\",\n);\n"],"names":["makeEvDrawerProps","propsFactory","omit","makeEvDialogProps"],"mappings":"wOAWaA,EAAoBC,EAAA,aAC7B,CACI,SAAU,CACN,KAAM,OACN,QAAS,MACb,EAEA,GAAGC,OAAKC,EAAAA,oBAAqB,CAAC,UAAU,CAAC,CAC7C,EACA,UACJ"}
+{"version":3,"file":"EvDrawer.mjs","sources":["../../../../src/components/EvDrawer/EvDrawer.ts"],"sourcesContent":["import { omit, PhysicalSide, propsFactory } from \"@/util\";\nimport {\n    EvDialogProps,\n    EvDialogSlots,\n    makeEvDialogProps,\n} from \"@/components/EvDialog\";\nimport { PropType } from \"vue\";\n\nexport interface EvDrawerProps extends EvDialogProps {}\nexport interface EvDrawerSlots extends EvDialogSlots {}\n\nexport const makeEvDrawerProps = propsFactory(\n    {\n        position: {\n            type: String as PropType<PhysicalSide>,\n            default: \"left\",\n        },\n\n        ...omit(makeEvDialogProps(), [\"position\"]),\n    },\n    \"EvDrawer\",\n);\n"],"names":["makeEvDrawerProps","propsFactory","omit","makeEvDialogProps"],"mappings":"qMAWO,MAAMA,EAAoBC,EAC7B,CACI,SAAU,CACN,KAAM,OACN,QAAS,MACb,EAEA,GAAGC,EAAKC,IAAqB,CAAC,UAAU,CAAC,CAC7C,EACA,UACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                */const n=require("../EvDialog/EvDialog.vue.mjs"),y=require("./EvDrawer.mjs"),P=require("../../composables/modelProxy.mjs"),g=require("../../composables/drawer.mjs"),i=require("../../util/helpers.mjs"),q=e.defineComponent({__name:"EvDrawer",props:{...y.makeEvDrawerProps()},setup(l,{expose:u}){const o=l,a=e.computed(()=>i.omit(i.filterComponentProps(n,o),["position"])),r=P.useModelProxy(o,"modelValue"),p=e.ref(),c=e.computed(()=>`is-position-${o.position}`),d=e.computed(()=>`ev-drawer--transition-${o.position}`),m=e.computed(()=>o.position==="top"||o.position==="bottom"?"100%":o.width??"medium");function v(){r.value=!1}return g.provideDrawer(o.__instance),u({close:v}),(f,s)=>(e.openBlock(),e.createBlock(e.unref(n),e.mergeProps({ref_key:"dialogRef",ref:p},a.value,{modelValue:e.unref(r),"onUpdate:modelValue":s[0]||(s[0]=t=>e.isRef(r)?r.value=t:null),class:["ev-drawer",c.value,o.class],style:o.style,transition:d.value,width:m.value}),e.createSlots({_:2},[e.renderList(f.$slots,(t,_)=>({name:_,fn:e.withCtx(w=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),e.normalizeProps(e.guardReactiveProps(w)),null,16))])}))]),1040,["modelValue","class","style","transition","width"]))}});module.exports=q;
+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.15 | 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.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDrawer.vue.mjs","sources":["../../../../src/components/EvDrawer/EvDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDrawer.scss\";\nimport { EvDialog } from \"@/components/EvDialog\";\nimport { makeEvDrawerProps } from \"@/components/EvDrawer/EvDrawer\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { provideDrawer } from \"@/composables/drawer\";\n\nconst props = defineProps({\n    ...makeEvDrawerProps(),\n});\nconst dialogProps = computed(() => {\n    return omit(filterComponentProps(EvDialog, props), [\"position\"]);\n});\nconst isActive = useModelProxy(props, \"modelValue\");\nconst dialogRef = ref<typeof EvDialog>();\n\nconst positionClass = computed(() => {\n    return `is-position-${props.position}`;\n});\n\nconst transition = computed(() => {\n    return `ev-drawer--transition-${props.position}`;\n});\n\nconst overlayWidth = computed(() => {\n    if (props.position === \"top\" || props.position === \"bottom\") {\n        return \"100%\";\n    }\n    return props.width ?? \"medium\";\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDrawer(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-dialog\n        ref=\"dialogRef\"\n        v-bind=\"dialogProps\"\n        v-model=\"isActive\"\n        :class=\"['ev-drawer', positionClass, props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :width=\"overlayWidth\">\n        <template\n            v-for=\"(slot, name) in $slots\"\n            :key=\"name\"\n            #[name]=\"slotProps\">\n            <component :is=\"slot\" v-bind=\"slotProps\" />\n        </template>\n    </ev-dialog>\n</template>\n"],"names":["dialogProps","computed","omit","filterComponentProps","EvDialog","props","isActive","useModelProxy","dialogRef","ref","positionClass","transition","overlayWidth","close","provideDrawer","__expose"],"mappings":"uZAYMA,EAAcC,EAAAA,SAAS,IAClBC,EAAAA,KAAKC,EAAAA,qBAAqBC,EAAUC,CAAK,EAAG,CAAC,UAAU,CAAC,CAClE,EACKC,EAAWC,EAAAA,cAAcF,EAAO,YAAY,EAC5CG,EAAYC,EAAAA,IAAqB,EAEjCC,EAAgBT,EAAAA,SAAS,IACpB,eAAeI,EAAM,QAAQ,EACvC,EAEKM,EAAaV,EAAAA,SAAS,IACjB,yBAAyBI,EAAM,QAAQ,EACjD,EAEKO,EAAeX,EAAAA,SAAS,IACtBI,EAAM,WAAa,OAASA,EAAM,WAAa,SACxC,OAEJA,EAAM,OAAS,QACzB,EAKD,SAASQ,GAAQ,CACbP,EAAS,MAAQ,EAAA,CAGrBQ,OAAAA,EAAA,cAAcT,EAAM,UAAU,EAEjBU,EAAA,CACT,MAAAF,CAAA,CACH"}
+{"version":3,"file":"EvDrawer.vue.mjs","sources":["../../../../src/components/EvDrawer/EvDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvDrawer.scss\";\nimport { EvDialog } from \"@/components/EvDialog\";\nimport { makeEvDrawerProps } from \"@/components/EvDrawer/EvDrawer\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { provideDrawer } from \"@/composables/drawer\";\n\nconst props = defineProps({\n    ...makeEvDrawerProps(),\n});\nconst dialogProps = computed(() => {\n    return omit(filterComponentProps(EvDialog, props), [\"position\"]);\n});\nconst isActive = useModelProxy(props, \"modelValue\");\nconst dialogRef = ref<typeof EvDialog>();\n\nconst positionClass = computed(() => {\n    return `is-position-${props.position}`;\n});\n\nconst transition = computed(() => {\n    return `ev-drawer--transition-${props.position}`;\n});\n\nconst overlayWidth = computed(() => {\n    if (props.position === \"top\" || props.position === \"bottom\") {\n        return \"100%\";\n    }\n    return props.width ?? \"medium\";\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDrawer(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-dialog\n        ref=\"dialogRef\"\n        v-bind=\"dialogProps\"\n        v-model=\"isActive\"\n        :class=\"['ev-drawer', positionClass, props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :width=\"overlayWidth\">\n        <template\n            v-for=\"(slot, name) in $slots\"\n            :key=\"name\"\n            #[name]=\"slotProps\">\n            <component :is=\"slot\" v-bind=\"slotProps\" />\n        </template>\n    </ev-dialog>\n</template>\n"],"names":["dialogProps","computed","omit","filterComponentProps","EvDialog","props","isActive","useModelProxy","dialogRef","ref","positionClass","transition","overlayWidth","close","provideDrawer","__expose"],"mappings":"2qBAYMA,EAAcC,EAAS,IAClBC,EAAKC,EAAqBC,EAAUC,CAAK,EAAG,CAAC,UAAU,CAAC,CAClE,EACKC,EAAWC,EAAcF,EAAO,YAAY,EAC5CG,EAAYC,EAAqB,EAEjCC,EAAgBT,EAAS,IACpB,eAAeI,EAAM,QAAQ,EACvC,EAEKM,EAAaV,EAAS,IACjB,yBAAyBI,EAAM,QAAQ,EACjD,EAEKO,EAAeX,EAAS,IACtBI,EAAM,WAAa,OAASA,EAAM,WAAa,SACxC,OAEJA,EAAM,OAAS,QACzB,EAKD,SAASQ,GAAQ,CACbP,EAAS,MAAQ,EAAA,CAGrB,OAAAQ,EAAcT,EAAM,UAAU,EAEjBU,EAAA,CACT,MAAAF,CAAA,CACH"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvDrawer.vue.mjs");module.exports=e;
+import f from"./EvDrawer.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvDrawer.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class r{constructor(e){this.renderer=e}get data(){return this.renderer.data}get id(){return this.renderer.id}close(e){this.renderer.close(e)}}exports.EvDrawerInstance=r;
+/*! Evance UI v1.1.15 | 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/EvDrawerInstance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDrawerInstance.mjs","sources":["../../../../src/components/EvDrawer/EvDrawerInstance.ts"],"sourcesContent":["import { EvDrawerRenderer } from \"@/components/EvDrawer/EvDrawerRenderer\";\n\n/**\n * # EvDrawerInstance\n */\nexport class EvDrawerInstance {\n    public constructor(private renderer: EvDrawerRenderer) {}\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":["EvDrawerInstance","renderer","response"],"mappings":"sHAKO,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":"EvDrawerInstance.mjs","sources":["../../../../src/components/EvDrawer/EvDrawerInstance.ts"],"sourcesContent":["import { EvDrawerRenderer } from \"@/components/EvDrawer/EvDrawerRenderer\";\n\n/**\n * # EvDrawerInstance\n */\nexport class EvDrawerInstance {\n    public constructor(private renderer: EvDrawerRenderer) {}\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":["EvDrawerInstance","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"}

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

@@ -1,2 +1,2 @@
-"use strict";var l=Object.defineProperty;var d=(n,e,t)=>e in n?l(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var r=(n,e,t)=>d(n,typeof e!="symbol"?e+"":e,t);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),p=require("./EvDrawer.vue.mjs"),h=require("./EvDrawerInstance.mjs");class u{constructor(e,t,o){r(this,"app");r(this,"id");r(this,"instance");r(this,"container");r(this,"modelValue",s.shallowRef(!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 s.mergeProps(e,{modelValue:this.modelValue,onAfterLeave:()=>this.onAfterLeave(),__instance:new h.EvDrawerInstance(this)})}createSlots(){const e=this.options.slots??{},t={};for(const o in e){const i=e[o];t[o]=(a,c)=>s.h(i,a,c)}return t}onAfterLeave(){const e=this.instance.$el.parentNode;s.render(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.h(p,this.createProps(),this.createSlots());e.appContext=this.app._context,s.render(e,this.container),this.instance=e.component.proxy,this.isRendered=!0}}exports.EvDrawerRenderer=u;
+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.15 | 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/EvDrawerRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDrawerRenderer.mjs","sources":["../../../../src/components/EvDrawer/EvDrawerRenderer.ts"],"sourcesContent":["import {\n    App,\n    ComponentPublicInstance,\n    h,\n    mergeProps,\n    render,\n    shallowRef,\n    VNode,\n    VNodeProps,\n} from \"vue\";\nimport EvDrawer from \"@/components/EvDrawer/EvDrawer.vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOptions } from \"./EvDrawerServiceOpener\";\nimport { EvDrawerSlots } from \"./EvDrawer\";\n\n/**\n * # EvDrawerInstance\n */\nexport class EvDrawerRenderer {\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: EvDrawerServiceOptions;\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: EvDrawerServiceOptions) {\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-drawer-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 EvDrawerInstance(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 EvDrawerSlots];\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     * ## render\n     * @private\n     */\n    public render() {\n        if (this.isRendered) {\n            return;\n        }\n        this.createContainer();\n        const renderedComponent = h(\n            EvDrawer,\n            this.createProps(),\n            this.createSlots(),\n        );\n        renderedComponent.appContext = this.app._context;\n        render(renderedComponent, this.container!);\n        this.instance = renderedComponent.component!.proxy!;\n        this.isRendered = true;\n    }\n}\n"],"names":["EvDrawerRenderer","app","id","options","__publicField","shallowRef","response","_a","props","mergeProps","EvDrawerInstance","internalSlots","renderedSlots","key","component","slots","h","el","render","resolve","renderedComponent","EvDrawer"],"mappings":"qXAkBO,MAAMA,CAAiB,CAenB,YAAYC,EAAUC,EAAYC,EAAiC,CAdlEC,EAAA,YACQA,EAAA,WACRA,EAAA,iBACAA,EAAA,kBACAA,EAAA,kBAAaC,aAAW,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,EAAAA,WAAWD,EAAqB,CACnC,WAAY,KAAK,WACjB,aAAc,IAAM,KAAK,aAAa,EACtC,WAAY,IAAIE,EAAAA,iBAAiB,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,IAAEF,EAAYN,EAAOO,CAAK,CACrC,CAEG,OAAAH,CAAA,CAOH,cAAe,CACb,MAAAK,EAAK,KAAK,SAAU,IAAI,WAC9BC,EAAA,OAAO,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,EAAoBJ,EAAA,EACtBK,EACA,KAAK,YAAY,EACjB,KAAK,YAAY,CACrB,EACkBD,EAAA,WAAa,KAAK,IAAI,SACjCF,SAAAE,EAAmB,KAAK,SAAU,EACpC,KAAA,SAAWA,EAAkB,UAAW,MAC7C,KAAK,WAAa,EAAA,CAE1B"}
+{"version":3,"file":"EvDrawerRenderer.mjs","sources":["../../../../src/components/EvDrawer/EvDrawerRenderer.ts"],"sourcesContent":["import {\n    App,\n    ComponentPublicInstance,\n    h,\n    mergeProps,\n    render,\n    shallowRef,\n    VNode,\n    VNodeProps,\n} from \"vue\";\nimport EvDrawer from \"@/components/EvDrawer/EvDrawer.vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOptions } from \"./EvDrawerServiceOpener\";\nimport { EvDrawerSlots } from \"./EvDrawer\";\n\n/**\n * # EvDrawerInstance\n */\nexport class EvDrawerRenderer {\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: EvDrawerServiceOptions;\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: EvDrawerServiceOptions) {\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-drawer-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 EvDrawerInstance(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 EvDrawerSlots];\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     * ## render\n     * @private\n     */\n    public render() {\n        if (this.isRendered) {\n            return;\n        }\n        this.createContainer();\n        const renderedComponent = h(\n            EvDrawer,\n            this.createProps(),\n            this.createSlots(),\n        );\n        renderedComponent.appContext = this.app._context;\n        render(renderedComponent, this.container!);\n        this.instance = renderedComponent.component!.proxy!;\n        this.isRendered = true;\n    }\n}\n"],"names":["EvDrawerRenderer","app","id","options","__publicField","shallowRef","response","_a","props","mergeProps","EvDrawerInstance","internalSlots","renderedSlots","key","component","slots","h","el","render","resolve","renderedComponent","EvDrawer"],"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,EAAoBJ,EACtBK,EACA,KAAK,YAAY,EACjB,KAAK,YAAY,CACrB,EACkBD,EAAA,WAAa,KAAK,IAAI,SACjCF,EAAAE,EAAmB,KAAK,SAAU,EACpC,KAAA,SAAWA,EAAkB,UAAW,MAC7C,KAAK,WAAa,EAAA,CAE1B"}

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var o=(n,e,r)=>e in n?s(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var t=(n,e,r)=>o(n,typeof e!="symbol"?e+"":e,r);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./EvDrawerRenderer.mjs");class c{constructor(e){t(this,"instanceId",0);this.app=e}open(e){const r=new a.EvDrawerRenderer(this.app,++this.instanceId,e);return r.render(),r.open()}}exports.EvDrawerServiceOpener=c;
+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.15 | 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/EvDrawer/EvDrawerServiceOpener.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvDrawerServiceOpener.mjs","sources":["../../../../src/components/EvDrawer/EvDrawerServiceOpener.ts"],"sourcesContent":["import { App, Component } from \"vue\";\nimport { EvDrawerRenderer } from \"@/components/EvDrawer/EvDrawerRenderer\";\nimport { EvDrawerProps, EvDrawerSlots } from \"./EvDrawer\";\n\nexport interface EvDrawerServiceSlots\n    extends Partial<Record<keyof EvDrawerSlots, Component>> {}\n\nexport interface EvDrawerServiceOptions {\n    props?: EvDrawerProps;\n    slots?: EvDrawerServiceSlots;\n    data?: any;\n}\n\n/**\n * # EvDrawerServiceOpener\n */\nexport class EvDrawerServiceOpener {\n    private instanceId: number = 0;\n\n    public constructor(private app: App) {}\n\n    /**\n     * ## open\n     * @param options\n     */\n    public open(options: EvDrawerServiceOptions) {\n        const renderer = new EvDrawerRenderer(\n            this.app,\n            ++this.instanceId,\n            options,\n        );\n        renderer.render();\n        return renderer.open();\n    }\n}\n"],"names":["EvDrawerServiceOpener","app","__publicField","options","renderer","EvDrawerRenderer"],"mappings":"oUAgBO,MAAMA,CAAsB,CAGxB,YAAoBC,EAAU,CAF7BC,EAAA,kBAAqB,GAEF,KAAA,IAAAD,CAAA,CAMpB,KAAKE,EAAiC,CACzC,MAAMC,EAAW,IAAIC,EAAA,iBACjB,KAAK,IACL,EAAE,KAAK,WACPF,CACJ,EACA,OAAAC,EAAS,OAAO,EACTA,EAAS,KAAK,CAAA,CAE7B"}
+{"version":3,"file":"EvDrawerServiceOpener.mjs","sources":["../../../../src/components/EvDrawer/EvDrawerServiceOpener.ts"],"sourcesContent":["import { App, Component } from \"vue\";\nimport { EvDrawerRenderer } from \"@/components/EvDrawer/EvDrawerRenderer\";\nimport { EvDrawerProps, EvDrawerSlots } from \"./EvDrawer\";\n\nexport interface EvDrawerServiceSlots\n    extends Partial<Record<keyof EvDrawerSlots, Component>> {}\n\nexport interface EvDrawerServiceOptions {\n    props?: EvDrawerProps;\n    slots?: EvDrawerServiceSlots;\n    data?: any;\n}\n\n/**\n * # EvDrawerServiceOpener\n */\nexport class EvDrawerServiceOpener {\n    private instanceId: number = 0;\n\n    public constructor(private app: App) {}\n\n    /**\n     * ## open\n     * @param options\n     */\n    public open(options: EvDrawerServiceOptions) {\n        const renderer = new EvDrawerRenderer(\n            this.app,\n            ++this.instanceId,\n            options,\n        );\n        renderer.render();\n        return renderer.open();\n    }\n}\n"],"names":["EvDrawerServiceOpener","app","__publicField","options","renderer","EvDrawerRenderer"],"mappings":"oQAgBO,MAAMA,CAAsB,CAGxB,YAAoBC,EAAU,CAF7BC,EAAA,kBAAqB,GAEF,KAAA,IAAAD,CAAA,CAMpB,KAAKE,EAAiC,CACzC,MAAMC,EAAW,IAAIC,EACjB,KAAK,IACL,EAAE,KAAK,WACPF,CACJ,EACA,OAAAC,EAAS,OAAO,EACTA,EAAS,KAAK,CAAA,CAE7B"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),o=require("../../util/props.mjs"),t=o.propsFactory({editing:Boolean,modelValue:null,persistent:Boolean,...e.makeComponentProps()},"EvEditOnClick");exports.makeEvEditOnClickProps=t;
+import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.15 | MIT License */const r=e({editing:Boolean,modelValue:null,persistent:Boolean,...o()},"EvEditOnClick");export{r 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":"2MAGaA,EAAyBC,EAAA,aAClC,CACI,QAAS,QACT,WAAY,KACZ,WAAY,QAEZ,GAAGC,EAAmB,mBAAA,CAC1B,EACA,eACJ"}
+{"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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                     */const E=require("./EvEditOnClick.mjs"),a=require("../../composables/modelProxy.mjs"),d=require("../EvButton/EvButton.vue.mjs"),V=require("../EvButtonGroup/EvButtonGroup.vue.mjs"),q=require("../EvTextfield/EvTextfield.vue.mjs"),b=require("../../icons/glyph/CancelIcon.svg.mjs"),g=require("../../icons/glyph/CheckIcon.svg.mjs"),B=e.defineComponent({__name:"EvEditOnClick",props:{...E.makeEvEditOnClickProps()},emits:["update:editing","update:modelValue"],setup(v,{emit:x}){const t=v;e.useSlots();const n=a.useModelProxy(t,"editing"),i=a.useModelProxy(t,"modelValue"),o=e.ref(t.modelValue),f=e.ref(null),u=e.ref(null);e.watch(i,()=>{o.value=i.value});function k(){return!t.persistent}function _(){c()}function c(){o.value=i.value,n.value=!1}function p(){n.value=!0,requestAnimationFrame(()=>{const l=u.value.querySelector("input, select, textarea");l==null||l.focus()})}function r(){i.value=o.value,n.value=!1}const m={handler:_,condition:k,include:()=>[]};return(l,s)=>{const y=e.resolveDirective("click-outside");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ev-edit-on-click",{"is-editing":e.unref(n)},t.class]),style:e.normalizeStyle(t.style)},[e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"editable",ref:u,class:"ev-edit-on-click--editable"},[e.renderSlot(l.$slots,"editable",{},()=>[e.createVNode(e.unref(q),{modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=C=>o.value=C),onKeyup:[e.withKeys(r,["enter"]),e.withKeys(c,["esc"])]},null,8,["modelValue","onKeyup"])]),e.createVNode(e.unref(V),{size:"small"},{default:e.withCtx(()=>[e.createVNode(e.unref(d),{icon:e.unref(b.default),onClick:c},null,8,["icon"]),e.createVNode(e.unref(d),{icon:e.unref(g.default),onClick:r},null,8,["icon"])]),_:1})],512)):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"clickable",ref:f,role:"button",class:"ev-edit-on-click--clickable",onClick:p},[e.renderSlot(l.$slots,"clickable",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(i)),1)])],512))],6)),[[y,m]])}}});module.exports=B;
+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.15 | 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};
 //# 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":"+kBAWcA,EAAA,SAAA,EASR,MAAAC,EAAYC,EAAAA,cAAcC,EAAO,SAAS,EAC1CC,EAAaF,EAAAA,cAAcC,EAAO,YAAY,EAC9CE,EAAYC,EAAAA,IAAIH,EAAM,UAAU,EAChCI,EAAYD,MAAwB,IAAI,EACxCE,EAAWF,MAAwB,IAAI,EAE7CG,EAAA,MAAML,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 { 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"}