@evance/evance-ui 1.1.9 → 1.1.11

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

@@ -1,299 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { defineComponent, useSlots, ref, computed, mergeProps, watch, nextTick, onBeforeUnmount, createBlock, openBlock, unref, isRef, createSlots, withCtx, renderSlot, createCommentVNode, createVNode, normalizeProps, guardReactiveProps } from "vue";
-/* empty css               */
-import { makeEvDialogProps, DialogSizeToWidth, DialogSize } from "./EvDialog.mjs";
-import _sfc_main$1 from "../EvOverlay/EvOverlay.vue.mjs";
-import _sfc_main$2 from "../EvSurface/EvSurface.vue.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import _sfc_main$4 from "./EvDialogBody.vue.mjs";
-import EvDialogFooter from "./EvDialogFooter.vue.mjs";
-import _sfc_main$3 from "./EvDialogHeader.vue.mjs";
-import { provideDialog } from "../../composables/dialog.mjs";
-import { getFocusableChildren } from "../../util/events.mjs";
-import getOuterWidth from "../../util/dom/getOuterWidth.mjs";
-import getOuterHeight from "../../util/dom/getOuterHeight.mjs";
-import getViewport from "../../util/dom/getViewport.mjs";
-import { filterComponentProps } from "../../util/helpers.mjs";
-import { Browser } from "../../util/browser.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDialog",
-  props: {
-    ...makeEvDialogProps()
-  },
-  emits: ["update:modelValue", "update:fullscreen", "dragstart", "dragend", "open", "after-open", "close", "after-close"],
-  setup(__props, { expose: __expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const overlayRef = ref();
-    const isActive = useModelProxy(props, "modelValue");
-    const isFullscreen = useModelProxy(props, "fullscreen");
-    const overlayProps = computed(() => {
-      return filterComponentProps(_sfc_main$1, props);
-    });
-    const activatorProps = computed(() => {
-      return mergeProps(
-        {
-          "aria-haspopup": "dialog",
-          "aria-expanded": String(isActive.value)
-        },
-        props.activatorProps
-      );
-    });
-    const headerProps = computed(() => {
-      const separatedProps = {
-        actions: props.headerActions,
-        closeable: props.closeable,
-        icon: props.icon,
-        title: props.title
-      };
-      const suppliedProps = props.headerProps ?? {};
-      return Object.assign(separatedProps, suppliedProps);
-    });
-    const bodyProps = computed(() => {
-      const separatedProps = {
-        padding: !props.noPadding
-      };
-      const suppliedProps = props.bodyProps ?? {};
-      return Object.assign(separatedProps, suppliedProps);
-    });
-    const width = computed(() => {
-      const size = props.width ?? DialogSizeToWidth[DialogSize.medium];
-      return DialogSizeToWidth[size] ?? size;
-    });
-    function onFocusin(e) {
-      var _a, _b;
-      const previousEl = e.relatedTarget;
-      const targetEl = e.target;
-      if (previousEl !== targetEl && ((_a = overlayRef.value) == null ? void 0 : _a.contentEl) && ((_b = overlayRef.value) == null ? void 0 : _b.isTopGlobal) && ![document, overlayRef.value.contentEl].includes(targetEl) && !overlayRef.value.contentEl.contains(targetEl)) {
-        const focusable = getFocusableChildren(overlayRef.value.contentEl);
-        if (!focusable.length) {
-          return;
-        }
-        const firstEl = focusable[0];
-        const lastEl = focusable[focusable.length - 1];
-        if (previousEl === firstEl) {
-          lastEl.focus();
-        } else {
-          firstEl.focus();
-        }
-      }
-    }
-    if (Browser.hasWindow) {
-      watch(
-        () => isActive.value && props.retainFocus,
-        (value) => {
-          if (value) {
-            document.addEventListener("focusin", onFocusin);
-          } else {
-            document.removeEventListener("focusin", onFocusin);
-          }
-        },
-        {
-          immediate: true
-        }
-      );
-    }
-    watch(isActive, async (value) => {
-      var _a, _b;
-      await nextTick();
-      if (value) {
-        (_a = overlayRef.value.contentEl) == null ? void 0 : _a.focus({ preventScroll: true });
-      } else {
-        (_b = overlayRef.value.activatorEl) == null ? void 0 : _b.focus({ preventScroll: true });
-      }
-    });
-    function close() {
-      isActive.value = false;
-    }
-    provideDialog(props.__instance);
-    __expose({
-      close
-    });
-    let dragging = false;
-    let lastPageX = null;
-    let lastPageY = null;
-    let documentDragListener = null;
-    let documentDragEndListener = null;
-    function initDrag(e) {
-      if (!props.draggable || e.target instanceof Element && e.target.closest("[data-no-drag]")) {
-        return;
-      }
-      dragging = true;
-      lastPageX = e.pageX;
-      lastPageY = e.pageY;
-      document.body.style.userSelect = "none";
-      emit("dragstart", e);
-    }
-    function onEnter() {
-      emit("open");
-      bindGlobalListeners();
-    }
-    function onAfterEnter() {
-      emit("after-open");
-    }
-    function onBeforeLeave() {
-      if (dragging && documentDragEndListener) {
-        documentDragEndListener();
-      }
-    }
-    function onLeave() {
-      emit("close");
-    }
-    function onAfterLeave() {
-      unbindGlobalListeners();
-      emit("after-close");
-    }
-    function bindGlobalListeners() {
-      if (props.draggable) {
-        bindDocumentDragListener();
-        bindDocumentDragEndListener();
-      }
-    }
-    function bindDocumentDragListener() {
-      documentDragListener = (event) => {
-        var _a;
-        const container = (_a = overlayRef.value) == null ? void 0 : _a.contentEl;
-        if (dragging && container) {
-          const width2 = getOuterWidth(container);
-          const height = getOuterHeight(container);
-          const deltaX = event.pageX - lastPageX;
-          const deltaY = event.pageY - lastPageY;
-          const offset = container.getBoundingClientRect();
-          const leftPos = offset.left + deltaX;
-          const topPos = offset.top + deltaY;
-          const viewport = getViewport();
-          const containerComputedStyle = getComputedStyle(container);
-          const marginLeft = parseFloat(containerComputedStyle.marginLeft);
-          const marginTop = parseFloat(containerComputedStyle.marginTop);
-          container.style.position = "fixed";
-          if (props.dragWithinViewport) {
-            if (leftPos >= props.dragMinX && leftPos + width2 < viewport.width) {
-              lastPageX = event.pageX;
-              container.style.left = leftPos - marginLeft + "px";
-            }
-            if (topPos >= props.dragMinY && topPos + height < viewport.height) {
-              lastPageY = event.pageY;
-              container.style.top = topPos - marginTop + "px";
-            }
-          } else {
-            lastPageX = event.pageX;
-            container.style.left = leftPos - marginLeft + "px";
-            lastPageY = event.pageY;
-            container.style.top = topPos - marginTop + "px";
-          }
-        }
-      };
-      window.document.addEventListener("mousemove", documentDragListener);
-    }
-    function bindDocumentDragEndListener() {
-      documentDragEndListener = (event) => {
-        if (dragging) {
-          dragging = false;
-          document.body.style.userSelect = "";
-          emit("dragend", event);
-        }
-      };
-      window.document.addEventListener("mouseup", documentDragEndListener);
-    }
-    function unbindGlobalListeners() {
-      unbindDocumentDragListener();
-      unbindDocumentDragEndListener();
-    }
-    function unbindDocumentDragListener() {
-      if (documentDragListener) {
-        window.document.removeEventListener("mousemove", documentDragListener);
-        documentDragListener = null;
-      }
-    }
-    function unbindDocumentDragEndListener() {
-      if (documentDragEndListener) {
-        window.document.removeEventListener("mouseup", documentDragEndListener);
-        documentDragEndListener = null;
-      }
-    }
-    onBeforeUnmount(() => {
-      unbindGlobalListeners();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        ref_key: "overlayRef",
-        ref: overlayRef
-      }, overlayProps.value, {
-        modelValue: unref(isActive),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(isActive) ? isActive.value = $event : null),
-        "aria-modal": "true",
-        role: "dialog",
-        class: [
-          "ev-dialog",
-          {
-            "is-fullscreen": unref(isFullscreen),
-            "is-scrollable": props.scrollable
-          },
-          props.class
-        ],
-        style: props.style,
-        "activator-props": activatorProps.value,
-        width: width.value,
-        onEnter,
-        onAfterEnter,
-        onBeforeLeave,
-        onLeave,
-        onAfterLeave
-      }), createSlots({
-        default: withCtx(() => [
-          unref(slots).container ? renderSlot(_ctx.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            class: "ev-dialog--surface",
-            elevation: "panel",
-            rounded: "small"
-          }, {
-            default: withCtx(() => [
-              !props.hideHeader ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
-                key: 0,
-                modelValue: unref(isActive),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null)
-              }, headerProps.value, { onMousedown: initDrag }), createSlots({ _: 2 }, [
-                unref(slots).header ? {
-                  name: "default",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "header")
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1040, ["modelValue"])) : createCommentVNode("", true),
-              createVNode(_sfc_main$4, normalizeProps(guardReactiveProps(bodyProps.value)), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16),
-              unref(slots).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "footer")
-                ]),
-                _: 3
-              })) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }))
-        ]),
-        _: 2
-      }, [
-        unref(slots).activator ? {
-          name: "activator",
-          fn: withCtx(({ isActive: isActive2, props: props2 }) => [
-            renderSlot(_ctx.$slots, "activator", {
-              isActive: isActive2,
-              props: props2
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["modelValue", "class", "style", "activator-props", "width"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const w=require("./EvDialog.mjs"),q=require("../EvOverlay/EvOverlay.vue.mjs"),J=require("../EvSurface/EvSurface.vue.mjs"),x=require("../../composables/modelProxy.mjs"),K=require("./EvDialogBody.vue.mjs"),Q=require("./EvDialogFooter.vue.mjs"),Z=require("./EvDialogHeader.vue.mjs"),ee=require("../../composables/dialog.mjs"),te=require("../../util/events.mjs"),oe=require("../../util/dom/getOuterWidth.mjs"),ne=require("../../util/dom/getOuterHeight.mjs"),re=require("../../util/dom/getViewport.mjs"),le=require("../../util/helpers.mjs"),se=require("../../util/browser.mjs"),ae=e.defineComponent({__name:"EvDialog",props:{...w.makeEvDialogProps()},emits:["update:modelValue","update:fullscreen","dragstart","dragend","open","after-open","close","after-close"],setup(C,{expose:B,emit:i}){const n=C,f=e.useSlots(),s=e.ref(),l=x.useModelProxy(n,"modelValue"),V=x.useModelProxy(n,"fullscreen"),T=e.computed(()=>le.filterComponentProps(q.default,n)),F=e.computed(()=>e.mergeProps({"aria-haspopup":"dialog","aria-expanded":String(l.value)},n.activatorProps)),M=e.computed(()=>{const t={actions:n.headerActions,closeable:n.closeable,icon:n.icon,title:n.title},o=n.headerProps??{};return Object.assign(t,o)}),X=e.computed(()=>{const t={padding:!n.noPadding},o=n.bodyProps??{};return Object.assign(t,o)}),Y=e.computed(()=>{const t=n.width??w.DialogSizeToWidth[w.DialogSize.medium];return w.DialogSizeToWidth[t]??t});function P(t){var u,m;const o=t.relatedTarget,r=t.target;if(o!==r&&((u=s.value)!=null&&u.contentEl)&&((m=s.value)!=null&&m.isTopGlobal)&&![document,s.value.contentEl].includes(r)&&!s.value.contentEl.contains(r)){const c=te.getFocusableChildren(s.value.contentEl);if(!c.length)return;const y=c[0],_=c[c.length-1];o===y?_.focus():y.focus()}}se.Browser.hasWindow&&e.watch(()=>l.value&&n.retainFocus,t=>{t?document.addEventListener("focusin",P):document.removeEventListener("focusin",P)},{immediate:!0}),e.watch(l,async t=>{var o,r;await e.nextTick(),t?(o=s.value.contentEl)==null||o.focus({preventScroll:!0}):(r=s.value.activatorEl)==null||r.focus({preventScroll:!0})});function A(){l.value=!1}ee.provideDialog(n.__instance),B({close:A});let d=!1,g=null,v=null,p=null,a=null;function O(t){!n.draggable||t.target instanceof Element&&t.target.closest("[data-no-drag]")||(d=!0,g=t.pageX,v=t.pageY,document.body.style.userSelect="none",i("dragstart",t))}function R(){i("open"),G()}function z(){i("after-open")}function W(){d&&a&&a()}function $(){i("close")}function j(){b(),i("after-close")}function G(){n.draggable&&(H(),N())}function H(){p=t=>{var r;const o=(r=s.value)==null?void 0:r.contentEl;if(d&&o){const u=oe.default(o),m=ne.default(o),c=t.pageX-g,y=t.pageY-v,_=o.getBoundingClientRect(),h=_.left+c,E=_.top+y,D=re.default(),S=getComputedStyle(o),L=parseFloat(S.marginLeft),k=parseFloat(S.marginTop);o.style.position="fixed",n.dragWithinViewport?(h>=n.dragMinX&&h+u<D.width&&(g=t.pageX,o.style.left=h-L+"px"),E>=n.dragMinY&&E+m<D.height&&(v=t.pageY,o.style.top=E-k+"px")):(g=t.pageX,o.style.left=h-L+"px",v=t.pageY,o.style.top=E-k+"px")}},window.document.addEventListener("mousemove",p)}function N(){a=t=>{d&&(d=!1,document.body.style.userSelect="",i("dragend",t))},window.document.addEventListener("mouseup",a)}function b(){U(),I()}function U(){p&&(window.document.removeEventListener("mousemove",p),p=null)}function I(){a&&(window.document.removeEventListener("mouseup",a),a=null)}return e.onBeforeUnmount(()=>{b()}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(q.default),e.mergeProps({ref_key:"overlayRef",ref:s},T.value,{modelValue:e.unref(l),"onUpdate:modelValue":o[1]||(o[1]=r=>e.isRef(l)?l.value=r:null),"aria-modal":"true",role:"dialog",class:["ev-dialog",{"is-fullscreen":e.unref(V),"is-scrollable":n.scrollable},n.class],style:n.style,"activator-props":F.value,width:Y.value,onEnter:R,onAfterEnter:z,onBeforeLeave:W,onLeave:$,onAfterLeave:j}),e.createSlots({default:e.withCtx(()=>[e.unref(f).container?e.renderSlot(t.$slots,"container",{key:0}):(e.openBlock(),e.createBlock(J.default,{key:1,class:"ev-dialog--surface",elevation:"panel",rounded:"small"},{default:e.withCtx(()=>[n.hideHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Z.default,e.mergeProps({key:0,modelValue:e.unref(l),"onUpdate:modelValue":o[0]||(o[0]=r=>e.isRef(l)?l.value=r:null)},M.value,{onMousedown:O}),e.createSlots({_:2},[e.unref(f).header?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"header")]),key:"0"}:void 0]),1040,["modelValue"])),e.createVNode(K.default,e.normalizeProps(e.guardReactiveProps(X.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16),e.unref(f).footer?(e.openBlock(),e.createBlock(Q.default,{key:1},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"footer")]),_:3})):e.createCommentVNode("",!0)]),_:3}))]),_:2},[e.unref(f).activator?{name:"activator",fn:e.withCtx(({isActive:r,props:u})=>[e.renderSlot(t.$slots,"activator",{isActive:r,props:u})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props","width"]))}});exports.default=ae;
 //# sourceMappingURL=EvDialog.vue.mjs.map

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":["_useSlots","EvOverlay","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,QAAQA;AAOd,UAAM,aAAa,IAAI;AACjB,UAAA,WAAW,cAAc,OAAO,YAAY;AAC5C,UAAA,eAAe,cAAc,OAAO,YAAY;AAChD,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA,qBAAqBC,aAAW,KAAK;AAAA,IAAA,CAC/C;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,iBAAiB;AAAA,UACjB,iBAAiB,OAAO,SAAS,KAAK;AAAA,QAC1C;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAEK,UAAA,cAAc,SAAS,MAAM;AAC/B,YAAM,iBAAiB;AAAA,QACnB,SAAS,MAAM;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,MACjB;AACM,YAAA,gBAAgB,MAAM,eAAe,CAAC;AACrC,aAAA,OAAO,OAAO,gBAAgB,aAAa;AAAA,IAAA,CACrD;AAEK,UAAA,YAAY,SAAS,MAAM;AAC7B,YAAM,iBAAiB;AAAA,QACnB,SAAS,CAAC,MAAM;AAAA,MACpB;AACM,YAAA,gBAAgB,MAAM,aAAa,CAAC;AACnC,aAAA,OAAO,OAAO,gBAAgB,aAAa;AAAA,IAAA,CACrD;AAuBK,UAAA,QAAQ,SAAS,MAAM;AACzB,YAAM,OAAO,MAAM,SAAS,kBAAkB,WAAW,MAAM;AACxD,aAAA,kBAAkB,IAAI,KAAK;AAAA,IAAA,CACrC;AAiBD,aAAS,UAAU,GAAe;;AAC9B,YAAM,aAAa,EAAE;AACrB,YAAM,WAAW,EAAE;AAGf,UAAA,eAAe,cACf,gBAAW,UAAX,mBAAkB,gBAClB,gBAAW,UAAX,mBAAkB,gBAClB,CAAC,CAAC,UAAU,WAAW,MAAM,SAAS,EAAE,SAAS,QAAQ,KACzD,CAAC,WAAW,MAAM,UAAU,SAAS,QAAQ,GAC/C;AACE,cAAM,YAAY,qBAAqB,WAAW,MAAM,SAAS;AAC7D,YAAA,CAAC,UAAU,QAAQ;AACnB;AAAA,QAAA;AAEE,cAAA,UAAU,UAAU,CAAC;AAC3B,cAAM,SAAS,UAAU,UAAU,SAAS,CAAC;AAC7C,YAAI,eAAe,SAAS;AACxB,iBAAO,MAAM;AAAA,QAAA,OACV;AACH,kBAAQ,MAAM;AAAA,QAAA;AAAA,MAClB;AAAA,IACJ;AAQJ,QAAI,QAAQ,WAAW;AACnB;AAAA,QACI,MAAM,SAAS,SAAS,MAAM;AAAA,QAC9B,CAAC,UAAU;AACP,cAAI,OAAO;AACE,qBAAA,iBAAiB,WAAW,SAAS;AAAA,UAAA,OAC3C;AACM,qBAAA,oBAAoB,WAAW,SAAS;AAAA,UAAA;AAAA,QAEzD;AAAA,QACA;AAAA,UACI,WAAW;AAAA,QAAA;AAAA,MAEnB;AAAA,IAAA;AAQE,UAAA,UAAU,OAAO,UAAU;;AAC7B,YAAM,SAAS;AACf,UAAI,OAAO;AACP,yBAAW,MAAO,cAAlB,mBAA6B,MAAM,EAAE,eAAe;MAAM,OACvD;AACH,yBAAW,MAAO,gBAAlB,mBAA+B,MAAM,EAAE,eAAe;MAAM;AAAA,IAChE,CACH;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IAAA;AAGrB,kBAAc,MAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;AAMD,QAAI,WAAW;AACf,QAAI,YAAY;AAChB,QAAI,YAAY;AAChB,QAAI,uBAAuB;AAC3B,QAAI,0BAA0B;AAE9B,aAAS,SAAS,GAAe;AAEzB,UAAA,CAAC,MAAM,aACN,EAAE,kBAAkB,WAAW,EAAE,OAAO,QAAQ,gBAAgB,GACnE;AACE;AAAA,MAAA;AAEO,iBAAA;AACX,kBAAY,EAAE;AACd,kBAAY,EAAE;AACL,eAAA,KAAK,MAAM,aAAa;AACjC,WAAK,aAAa,CAAC;AAAA,IAAA;AAGvB,aAAS,UAAU;AACf,WAAK,MAAM;AACS,0BAAA;AAAA,IAAA;AAExB,aAAS,eAAe;AACpB,WAAK,YAAY;AAAA,IAAA;AAErB,aAAS,gBAAgB;AACrB,UAAI,YAAY,yBAAyB;AACb,gCAAA;AAAA,MAAA;AAAA,IAC5B;AAEJ,aAAS,UAAU;AACf,WAAK,OAAO;AAAA,IAAA;AAEhB,aAAS,eAAe;AACE,4BAAA;AACtB,WAAK,aAAa;AAAA,IAAA;AAGtB,aAAS,sBAAsB;AAC3B,UAAI,MAAM,WAAW;AACQ,iCAAA;AACG,oCAAA;AAAA,MAAA;AAAA,IAChC;AAGJ,aAAS,2BAA2B;AAChC,6BAAuB,CAAC,UAAU;;AACxB,cAAA,aAAY,gBAAW,UAAX,mBAAkB;AACpC,YAAI,YAAY,WAAW;AACjBC,gBAAAA,SAAQ,cAAc,SAAS;AAC/B,gBAAA,SAAS,eAAe,SAAS;AACjC,gBAAA,SAAS,MAAM,QAAQ;AACvB,gBAAA,SAAS,MAAM,QAAQ;AACvB,gBAAA,SAAS,UAAU,sBAAsB;AACzC,gBAAA,UAAU,OAAO,OAAO;AACxB,gBAAA,SAAS,OAAO,MAAM;AAC5B,gBAAM,WAAW,YAAY;AACvB,gBAAA,yBAAyB,iBAAiB,SAAS;AACnD,gBAAA,aAAa,WAAW,uBAAuB,UAAU;AACzD,gBAAA,YAAY,WAAW,uBAAuB,SAAS;AAC7D,oBAAU,MAAM,WAAW;AAE3B,cAAI,MAAM,oBAAoB;AAC1B,gBACI,WAAW,MAAM,YACjB,UAAUA,SAAQ,SAAS,OAC7B;AACE,0BAAY,MAAM;AACR,wBAAA,MAAM,OAAO,UAAU,aAAa;AAAA,YAAA;AAGlD,gBACI,UAAU,MAAM,YAChB,SAAS,SAAS,SAAS,QAC7B;AACE,0BAAY,MAAM;AACR,wBAAA,MAAM,MAAM,SAAS,YAAY;AAAA,YAAA;AAAA,UAC/C,OACG;AACH,wBAAY,MAAM;AACR,sBAAA,MAAM,OAAO,UAAU,aAAa;AAC9C,wBAAY,MAAM;AACR,sBAAA,MAAM,MAAM,SAAS,YAAY;AAAA,UAAA;AAAA,QAC/C;AAAA,MAER;AACO,aAAA,SAAS,iBAAiB,aAAa,oBAAoB;AAAA,IAAA;AAGtE,aAAS,8BAA8B;AACnC,gCAA0B,CAAC,UAAsB;AAC7C,YAAI,UAAU;AACC,qBAAA;AACF,mBAAA,KAAK,MAAM,aAAa;AACjC,eAAK,WAAW,KAAK;AAAA,QAAA;AAAA,MAE7B;AACO,aAAA,SAAS,iBAAiB,WAAW,uBAAuB;AAAA,IAAA;AAGvE,aAAS,wBAAwB;AACF,iCAAA;AACG,oCAAA;AAAA,IAAA;AAGlC,aAAS,6BAA6B;AAClC,UAAI,sBAAsB;AACf,eAAA,SAAS,oBAAoB,aAAa,oBAAoB;AAC9C,+BAAA;AAAA,MAAA;AAAA,IAC3B;AAGJ,aAAS,gCAAgC;AACrC,UAAI,yBAAyB;AAClB,eAAA,SAAS,oBAAoB,WAAW,uBAAuB;AAC5C,kCAAA;AAAA,MAAA;AAAA,IAC9B;AAGJ,oBAAgB,MAAM;AACI,4BAAA;AAAA,IAAA,CACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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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"}

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

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

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

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

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

@@ -1,36 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
-import { propsFactory } from "../../util/props.mjs";
-const makeEvDialogBodyProps = propsFactory(
-  {
-    padding: {
-      type: Boolean,
-      default: true
-    }
-  },
-  "EvDialogBody"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDialogBody",
-  props: {
-    ...makeEvDialogBodyProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const paddingClass = computed(() => {
-      return !props.padding ? "pa-0" : void 0;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-dialog--body", "is-scrollable", paddingClass.value])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default,
-  makeEvDialogBodyProps
-};
+"use strict";/*! Evance UI v1.1.11 | 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;
 //# 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":[],"mappings":";;;AAOO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;;;;;;;;AAUM,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA,CAAC,MAAM,UAAU,SAAS;AAAA,IAAA,CACpC;;;;;;;;;;"}
+{"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"}

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

@@ -1,8 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import _sfc_main from "./EvDialogBody.vue.mjs";
-import { makeEvDialogBodyProps } from "./EvDialogBody.vue.mjs";
-export {
-  _sfc_main as default,
-  makeEvDialogBodyProps
-};
+"use strict";/*! Evance UI v1.1.11 | 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;
 //# sourceMappingURL=EvDialogBody.vue2.mjs.map

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

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

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

@@ -1,15 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { createElementBlock, openBlock, renderSlot } from "vue";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _sfc_main = {};
-const _hoisted_1 = { class: "ev-dialog--footer" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  EvDialogFooter as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../../_virtual/_plugin-vue_export-helper.mjs"),r={},l={class:"ev-dialog--footer"};function s(t,c){return e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"default")])}const n=o.default(r,[["render",s]]);exports.default=n;
 //# 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":["_openBlock","_createElementBlock"],"mappings":";;;;;AAGI,SAAA,YAAA,MAAA,QAAA;SACYA,UAAA,GAAAC,mBAAA,OAAA,YAAA;AAAA;;;;"}
+{"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":"sQAGI,SAAAA,EAAAC,EAAAC,EAAA,QACYC,YAAA,EAAAC,qBAAA,MAAAC,EAAA"}

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

@@ -1,57 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { defineComponent, useSlots, computed, createElementBlock, createBlock, unref, openBlock, normalizeStyle, normalizeClass, renderSlot, mergeProps } from "vue";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import { makeEvToolbarProps } from "../EvToolbar/EvToolbar.mjs";
-import _sfc_main$1 from "../EvToolbar/EvToolbar.vue.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { filterComponentProps } from "../../util/helpers.mjs";
-const makeEvDialogHeaderProps = propsFactory(
-  {
-    modelValue: Boolean,
-    closeable: {
-      type: Boolean,
-      default: true
-    },
-    ...makeEvToolbarProps({
-      size: "large"
-    })
-  },
-  "EvDialogHeader"
-);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDialogHeader",
-  props: {
-    ...makeEvDialogHeaderProps()
-  },
-  emits: ["update:modelValue", "close"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const isActive = useModelProxy(props, "modelValue");
-    function close() {
-      isActive.value = false;
-      emit("close");
-    }
-    const closeable = computed(() => props.closeable ? close : void 0);
-    const toolbarProps = computed(() => {
-      return filterComponentProps(_sfc_main$1, props);
-    });
-    return (_ctx, _cache) => {
-      return unref(slots).default ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["ev-dialog--header", props.class]),
-        style: normalizeStyle(props.style)
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 6)) : (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        key: 1,
-        class: ["ev-dialog--header", { "is-untitled": !props.title }]
-      }, toolbarProps.value, { "onClick:close": closeable.value }), null, 16, ["class", "onClick:close"]));
-    };
-  }
-});
-export {
-  _sfc_main as default,
-  makeEvDialogHeaderProps
-};
+"use strict";/*! Evance UI v1.1.11 | 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"),f=require("../../util/helpers.mjs"),s=m.propsFactory({modelValue:Boolean,closeable:{type:Boolean,default:!0},...v.makeEvToolbarProps({size:"large"})},"EvDialogHeader"),_=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 u(){c.value=!1,t("close")}const n=e.computed(()=>o.closeable?u:void 0),i=e.computed(()=>f.filterComponentProps(l.default,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.default),e.mergeProps({key:1,class:["ev-dialog--header",{"is-untitled":!o.title}]},i.value,{"onClick:close":n.value}),null,16,["class","onClick:close"]))}});exports.default=_;exports.makeEvDialogHeaderProps=s;
 //# 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":["_useSlots","EvToolbar"],"mappings":";;;;;;;AAIO,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,MAClB,MAAM;AAAA,IACT,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;AAYA,UAAM,QAAQA;AAOR,UAAA,WAAW,cAAc,OAAO,YAAY;AAKlD,aAAS,QAAQ;AACb,eAAS,QAAQ;AACjB,WAAK,OAAO;AAAA,IAAA;AAGhB,UAAM,YAAY,SAAS,MAAO,MAAM,YAAY,QAAQ,MAAU;AAEhE,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA,qBAAqBC,aAAW,KAAK;AAAA,IAAA,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":"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,UAAWP,CAAK,CAC/C"}

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

@@ -1,8 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import _sfc_main from "./EvDialogHeader.vue.mjs";
-import { makeEvDialogHeaderProps } from "./EvDialogHeader.vue.mjs";
-export {
-  _sfc_main as default,
-  makeEvDialogHeaderProps
-};
+"use strict";/*! Evance UI v1.1.11 | 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;
 //# sourceMappingURL=EvDialogHeader.vue2.mjs.map

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

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

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

@@ -1,19 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-class EvDialogInstance {
-  constructor(renderer) {
-    this.renderer = renderer;
-  }
-  get data() {
-    return this.renderer.data;
-  }
-  get id() {
-    return this.renderer.id;
-  }
-  close(response) {
-    this.renderer.close(response);
-  }
-}
-export {
-  EvDialogInstance
-};
+"use strict";/*! Evance UI v1.1.11 | 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;
 //# 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":[],"mappings":";AAKO,MAAM,iBAAiB;AAAA,EACnB,YAAoB,UAA4B;AAA5B,SAAA,WAAA;AAAA,EAAA;AAAA,EAE3B,IAAI,OAAO;AACP,WAAO,KAAK,SAAS;AAAA,EAAA;AAAA,EAGzB,IAAI,KAAa;AACb,WAAO,KAAK,SAAS;AAAA,EAAA;AAAA,EAGlB,MAAM,UAAqB;AACzB,SAAA,SAAS,MAAM,QAAQ;AAAA,EAAA;AAEpC;"}
+{"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"}