@evance/evance-ui 1.1.10 → 1.1.12

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

@@ -1,67 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, computed, ref, createBlock, openBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-/* empty css               */
-import _sfc_main$1 from "../EvDialog/EvDialog.vue.mjs";
-import { makeEvDrawerProps } from "./EvDrawer.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import { provideDrawer } from "../../composables/drawer.mjs";
-import { omit, filterComponentProps } from "../../util/helpers.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvDrawer",
-  props: {
-    ...makeEvDrawerProps()
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const dialogProps = computed(() => {
-      return omit(filterComponentProps(_sfc_main$1, props), ["position"]);
-    });
-    const isActive = useModelProxy(props, "modelValue");
-    const dialogRef = ref();
-    const positionClass = computed(() => {
-      return `is-position-${props.position}`;
-    });
-    const transition = computed(() => {
-      return `ev-drawer--transition-${props.position}`;
-    });
-    const overlayWidth = computed(() => {
-      if (props.position === "top" || props.position === "bottom") {
-        return "100%";
-      }
-      return props.width ?? "medium";
-    });
-    function close() {
-      isActive.value = false;
-    }
-    provideDrawer(props.__instance);
-    __expose({
-      close
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        ref_key: "dialogRef",
-        ref: dialogRef
-      }, dialogProps.value, {
-        modelValue: unref(isActive),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null),
-        class: ["ev-drawer", positionClass.value, props.class],
-        style: props.style,
-        transition: transition.value,
-        width: overlayWidth.value
-      }), createSlots({ _: 2 }, [
-        renderList(_ctx.$slots, (slot, name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              (openBlock(), createBlock(resolveDynamicComponent(slot), normalizeProps(guardReactiveProps(slotProps)), null, 16))
-            ])
-          };
-        })
-      ]), 1040, ["modelValue", "class", "style", "transition", "width"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const n=require("../EvDialog/EvDialog.vue.mjs"),y=require("./EvDrawer.mjs"),g=require("../../composables/modelProxy.mjs"),P=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.default,o),["position"])),t=g.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(){t.value=!1}return P.provideDrawer(o.__instance),u({close:v}),(f,s)=>(e.openBlock(),e.createBlock(e.unref(n.default),e.mergeProps({ref_key:"dialogRef",ref:p},a.value,{modelValue:e.unref(t),"onUpdate:modelValue":s[0]||(s[0]=r=>e.isRef(t)?t.value=r:null),class:["ev-drawer",c.value,o.class],style:o.style,transition:d.value,width:m.value}),e.createSlots({_:2},[e.renderList(f.$slots,(r,_)=>({name:_,fn:e.withCtx(w=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),e.normalizeProps(e.guardReactiveProps(w)),null,16))])}))]),1040,["modelValue","class","style","transition","width"]))}});exports.default=q;
 //# 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":["EvDialog"],"mappings":";;;;;;;;;;;;;;;AAYM,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,KAAK,qBAAqBA,aAAU,KAAK,GAAG,CAAC,UAAU,CAAC;AAAA,IAAA,CAClE;AACK,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,YAAY,IAAqB;AAEjC,UAAA,gBAAgB,SAAS,MAAM;AAC1B,aAAA,eAAe,MAAM,QAAQ;AAAA,IAAA,CACvC;AAEK,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA,yBAAyB,MAAM,QAAQ;AAAA,IAAA,CACjD;AAEK,UAAA,eAAe,SAAS,MAAM;AAChC,UAAI,MAAM,aAAa,SAAS,MAAM,aAAa,UAAU;AAClD,eAAA;AAAA,MAAA;AAEX,aAAO,MAAM,SAAS;AAAA,IAAA,CACzB;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IAAA;AAGrB,kBAAc,MAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,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":"sfAYMA,EAAcC,EAAAA,SAAS,IAClBC,EAAAA,KAAKC,EAAAA,qBAAqBC,EAAAA,QAAUC,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"}

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

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

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

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

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

@@ -1,19 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-class EvDrawerInstance {
-  constructor(renderer) {
-    this.renderer = renderer;
-  }
-  get data() {
-    return this.renderer.data;
-  }
-  get id() {
-    return this.renderer.id;
-  }
-  close(response) {
-    this.renderer.close(response);
-  }
-}
-export {
-  EvDrawerInstance
-};
+"use strict";/*! Evance UI v1.1.12 | 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;
 //# 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":[],"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":"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"}

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

@@ -1,121 +1,2 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-/*! Evance UI v1.1.10 | MIT License */
-import { shallowRef, mergeProps, h, render } from "vue";
-import _sfc_main from "./EvDrawer.vue.mjs";
-import { EvDrawerInstance } from "./EvDrawerInstance.mjs";
-class EvDrawerRenderer {
-  /**
-   * @param app
-   * @param id
-   * @param options
-   */
-  constructor(app, id, options) {
-    __publicField(this, "app");
-    __publicField(this, "id");
-    __publicField(this, "instance");
-    __publicField(this, "container");
-    __publicField(this, "modelValue", shallowRef(false));
-    __publicField(this, "options");
-    __publicField(this, "promiseResolver");
-    __publicField(this, "isRendered", false);
-    this.app = app;
-    this.id = id;
-    this.options = options;
-  }
-  get data() {
-    return this.options.data;
-  }
-  /**
-   * ## close
-   * @param response
-   */
-  close(response) {
-    var _a;
-    (_a = this.promiseResolver) == null ? void 0 : _a.call(this, response);
-    this.modelValue.value = false;
-  }
-  /**
-   * ## createContainer
-   * @private
-   */
-  createContainer() {
-    this.container = document.createElement("div");
-    this.container.id = `ev-drawer-instance-${this.id}`;
-    document.querySelector("body").appendChild(this.container);
-  }
-  /**
-   * ## createProps
-   * @private
-   */
-  createProps() {
-    const props = this.options.props ?? {};
-    return mergeProps(props, {
-      modelValue: this.modelValue,
-      onAfterLeave: () => this.onAfterLeave(),
-      __instance: new EvDrawerInstance(this)
-    });
-  }
-  /**
-   * ## createSlots
-   *
-   * Convert the slots provided in the instance options
-   * into render functions.
-   *
-   * @private
-   */
-  createSlots() {
-    const internalSlots = this.options.slots ?? {};
-    const renderedSlots = {};
-    for (const key in internalSlots) {
-      const component = internalSlots[key];
-      renderedSlots[key] = (props, slots) => {
-        return h(component, props, slots);
-      };
-    }
-    return renderedSlots;
-  }
-  /**
-   * ## onAfterLeave
-   * @private
-   */
-  onAfterLeave() {
-    const el = this.instance.$el.parentNode;
-    render(null, el);
-    el.parentNode.removeChild(el);
-    this.isRendered = false;
-  }
-  /**
-   * ## open
-   */
-  open() {
-    this.modelValue.value = true;
-    return new Promise((resolve) => {
-      this.promiseResolver = resolve;
-    });
-  }
-  /**
-   * ## render
-   * @private
-   */
-  render() {
-    if (this.isRendered) {
-      return;
-    }
-    this.createContainer();
-    const renderedComponent = h(
-      _sfc_main,
-      this.createProps(),
-      this.createSlots()
-    );
-    renderedComponent.appContext = this.app._context;
-    render(renderedComponent, this.container);
-    this.instance = renderedComponent.component.proxy;
-    this.isRendered = true;
-  }
-}
-export {
-  EvDrawerRenderer
-};
+"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.12 | 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.default,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;
 //# 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":["EvDrawer"],"mappings":";;;;;;;AAkBO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenB,YAAY,KAAU,IAAY,SAAiC;AAdlE;AACQ;AACR;AACA;AACA,sCAAa,WAAW,KAAK;AAC7B;AACA;AACA,sCAAa;AAQjB,SAAK,MAAM;AACX,SAAK,KAAK;AACV,SAAK,UAAU;AAAA,EAAA;AAAA,EAGnB,IAAI,OAAO;AACP,WAAO,KAAK,QAAQ;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjB,MAAM,UAAe;;AACxB,eAAK,oBAAL,8BAAuB;AACvB,SAAK,WAAW,QAAQ;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpB,kBAAkB;AACjB,SAAA,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,KAAK,sBAAsB,KAAK,EAAE;AACjD,aAAS,cAAc,MAAM,EAAG,YAAY,KAAK,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtD,cAAc;AAClB,UAAM,QAAQ,KAAK,QAAQ,SAAS,CAAC;AACrC,WAAO,WAAW,OAAqB;AAAA,MACnC,YAAY,KAAK;AAAA,MACjB,cAAc,MAAM,KAAK,aAAa;AAAA,MACtC,YAAY,IAAI,iBAAiB,IAAI;AAAA,IAAA,CACxC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWG,cAAc;AAClB,UAAM,gBAAgB,KAAK,QAAQ,SAAS,CAAC;AAC7C,UAAM,gBAEF,CAAC;AACL,eAAW,OAAO,eAAe;AACvB,YAAA,YAAY,cAAc,GAA0B;AAC1D,oBAAc,GAAG,IAAI,CAAC,OAAO,UAAU;AAC5B,eAAA,EAAE,WAAY,OAAO,KAAK;AAAA,MACrC;AAAA,IAAA;AAEG,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOH,eAAe;AACb,UAAA,KAAK,KAAK,SAAU,IAAI;AAC9B,WAAO,MAAM,EAAE;AACZ,OAAA,WAAW,YAAY,EAAE;AAC5B,SAAK,aAAa;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMf,OAAO;AACV,SAAK,WAAW,QAAQ;AACjB,WAAA,IAAI,QAAQ,CAAC,YAAY;AAC5B,WAAK,kBAAkB;AAAA,IAAA,CAC1B;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOE,SAAS;AACZ,QAAI,KAAK,YAAY;AACjB;AAAA,IAAA;AAEJ,SAAK,gBAAgB;AACrB,UAAM,oBAAoB;AAAA,MACtBA;AAAAA,MACA,KAAK,YAAY;AAAA,MACjB,KAAK,YAAY;AAAA,IACrB;AACkB,sBAAA,aAAa,KAAK,IAAI;AACjC,WAAA,mBAAmB,KAAK,SAAU;AACpC,SAAA,WAAW,kBAAkB,UAAW;AAC7C,SAAK,aAAa;AAAA,EAAA;AAE1B;"}
+{"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,EAAA,QACA,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"}

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

@@ -1,28 +1,2 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-/*! Evance UI v1.1.10 | MIT License */
-import { EvDrawerRenderer } from "./EvDrawerRenderer.mjs";
-class EvDrawerServiceOpener {
-  constructor(app) {
-    __publicField(this, "instanceId", 0);
-    this.app = app;
-  }
-  /**
-   * ## open
-   * @param options
-   */
-  open(options) {
-    const renderer = new EvDrawerRenderer(
-      this.app,
-      ++this.instanceId,
-      options
-    );
-    renderer.render();
-    return renderer.open();
-  }
-}
-export {
-  EvDrawerServiceOpener
-};
+"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.12 | 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;
 //# 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":[],"mappings":";;;;;AAgBO,MAAM,sBAAsB;AAAA,EAGxB,YAAoB,KAAU;AAF7B,sCAAqB;AAEF,SAAA,MAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,KAAK,SAAiC;AACzC,UAAM,WAAW,IAAI;AAAA,MACjB,KAAK;AAAA,MACL,EAAE,KAAK;AAAA,MACP;AAAA,IACJ;AACA,aAAS,OAAO;AAChB,WAAO,SAAS,KAAK;AAAA,EAAA;AAE7B;"}
+{"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"}

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

@@ -1,16 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeComponentProps } from "../../composables/component.mjs";
-import { propsFactory } from "../../util/props.mjs";
-const makeEvEditOnClickProps = propsFactory(
-  {
-    editing: Boolean,
-    modelValue: null,
-    persistent: Boolean,
-    ...makeComponentProps()
-  },
-  "EvEditOnClick"
-);
-export {
-  makeEvEditOnClickProps
-};
+"use strict";/*! Evance UI v1.1.12 | 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;
 //# 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":[],"mappings":";;;AAGO,MAAM,yBAAyB;AAAA,EAClC;AAAA,IACI,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IAEZ,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"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"}

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

@@ -1,110 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, ref, watch, resolveDirective, withDirectives, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createVNode, withKeys, withCtx, createTextVNode, toDisplayString } from "vue";
-/* empty css                    */
-import { makeEvEditOnClickProps } from "./EvEditOnClick.mjs";
-import { useModelProxy } from "../../composables/modelProxy.mjs";
-import _sfc_main$3 from "../EvButton/EvButton.vue.mjs";
-import _sfc_main$2 from "../EvButtonGroup/EvButtonGroup.vue.mjs";
-import _sfc_main$1 from "../EvTextfield/EvTextfield.vue.mjs";
-import CancelIcon from "../../icons/glyph/CancelIcon.svg.mjs";
-import CheckIcon from "../../icons/glyph/CheckIcon.svg.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvEditOnClick",
-  props: { ...makeEvEditOnClickProps() },
-  emits: ["update:editing", "update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    useSlots();
-    const isEditing = useModelProxy(props, "editing");
-    const modelValue = useModelProxy(props, "modelValue");
-    const editValue = ref(props.modelValue);
-    const clickable = ref(null);
-    const editable = ref(null);
-    watch(modelValue, () => {
-      editValue.value = modelValue.value;
-    });
-    function clickOutsideCondition() {
-      return !props.persistent;
-    }
-    function onClickOutside() {
-      cancel();
-    }
-    function cancel() {
-      editValue.value = modelValue.value;
-      isEditing.value = false;
-    }
-    function onClick() {
-      isEditing.value = true;
-      requestAnimationFrame(() => {
-        const input = editable.value.querySelector(
-          "input, select, textarea"
-        );
-        input == null ? void 0 : input.focus();
-      });
-    }
-    function confirm() {
-      modelValue.value = editValue.value;
-      isEditing.value = false;
-    }
-    const clickOutsideDirectiveArgs = {
-      handler: onClickOutside,
-      condition: clickOutsideCondition,
-      include: () => []
-    };
-    return (_ctx, _cache) => {
-      const _directive_click_outside = resolveDirective("click-outside");
-      return withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-edit-on-click", { "is-editing": unref(isEditing) }, props.class]),
-        style: normalizeStyle(props.style)
-      }, [
-        unref(isEditing) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "editable",
-          ref: editable,
-          class: "ev-edit-on-click--editable"
-        }, [
-          renderSlot(_ctx.$slots, "editable", {}, () => [
-            createVNode(unref(_sfc_main$1), {
-              modelValue: editValue.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editValue.value = $event),
-              onKeyup: [
-                withKeys(confirm, ["enter"]),
-                withKeys(cancel, ["esc"])
-              ]
-            }, null, 8, ["modelValue", "onKeyup"])
-          ]),
-          createVNode(unref(_sfc_main$2), { size: "small" }, {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$3), {
-                icon: unref(CancelIcon),
-                onClick: cancel
-              }, null, 8, ["icon"]),
-              createVNode(unref(_sfc_main$3), {
-                icon: unref(CheckIcon),
-                onClick: confirm
-              }, null, 8, ["icon"])
-            ]),
-            _: 1
-          })
-        ], 512)) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref_key: "clickable",
-          ref: clickable,
-          role: "button",
-          class: "ev-edit-on-click--clickable",
-          onClick
-        }, [
-          renderSlot(_ctx.$slots, "clickable", {}, () => [
-            createTextVNode(toDisplayString(unref(modelValue)), 1)
-          ])
-        ], 512))
-      ], 6)), [
-        [_directive_click_outside, clickOutsideDirectiveArgs]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});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"),b=require("../EvTextfield/EvTextfield.vue.mjs"),g=require("../../icons/glyph/CancelIcon.svg.mjs"),q=require("../../icons/glyph/CheckIcon.svg.mjs"),x=e.defineComponent({__name:"EvEditOnClick",props:{...E.makeEvEditOnClickProps()},emits:["update:editing","update:modelValue"],setup(v,{emit:B}){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),c=e.ref(null);e.watch(i,()=>{o.value=i.value});function _(){return!t.persistent}function k(){u()}function u(){o.value=i.value,n.value=!1}function p(){n.value=!0,requestAnimationFrame(()=>{const l=c.value.querySelector("input, select, textarea");l==null||l.focus()})}function r(){i.value=o.value,n.value=!1}const m={handler:k,condition:_,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:c,class:"ev-edit-on-click--editable"},[e.renderSlot(l.$slots,"editable",{},()=>[e.createVNode(e.unref(b.default),{modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=C=>o.value=C),onKeyup:[e.withKeys(r,["enter"]),e.withKeys(u,["esc"])]},null,8,["modelValue","onKeyup"])]),e.createVNode(e.unref(V.default),{size:"small"},{default:e.withCtx(()=>[e.createVNode(e.unref(d.default),{icon:e.unref(g.default),onClick:u},null,8,["icon"]),e.createVNode(e.unref(d.default),{icon:e.unref(q.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]])}}});exports.default=x;
 //# 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"],"mappings":";;;;;;;;;;;;;;;;AAWcA,aAAA;AASR,UAAA,YAAY,cAAc,OAAO,SAAS;AAC1C,UAAA,aAAa,cAAc,OAAO,YAAY;AAC9C,UAAA,YAAY,IAAI,MAAM,UAAU;AAChC,UAAA,YAAY,IAAwB,IAAI;AACxC,UAAA,WAAW,IAAwB,IAAI;AAE7C,UAAM,YAAY,MAAM;AACpB,gBAAU,QAAQ,WAAW;AAAA,IAAA,CAChC;AAED,aAAS,wBAAiC;AACtC,aAAO,CAAC,MAAM;AAAA,IAAA;AAGlB,aAAS,iBAAiB;AACf,aAAA;AAAA,IAAA;AAGX,aAAS,SAAS;AACd,gBAAU,QAAQ,WAAW;AAC7B,gBAAU,QAAQ;AAAA,IAAA;AAGtB,aAAS,UAAU;AACf,gBAAU,QAAQ;AAClB,4BAAsB,MAAM;AAClB,cAAA,QAAQ,SAAS,MAAM;AAAA,UACzB;AAAA,QACJ;AACA,uCAAO;AAAA,MAAM,CAChB;AAAA,IAAA;AAGL,aAAS,UAAU;AACf,iBAAW,QAAQ,UAAU;AAC7B,gBAAU,QAAQ;AAAA,IAAA;AAGtB,UAAM,4BAA4B;AAAA,MAC9B,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS,MAAM,CAAA;AAAA,IACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":"8qBAWcA,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"}

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

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

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

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

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

@@ -1,42 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { IconProp } from "../../composables/icons.mjs";
-import { makeComponentProps } from "../../composables/component.mjs";
-import { propsFactory } from "../../util/props.mjs";
-const makeEvEmptyStateProps = propsFactory(
-  {
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    icon: IconProp,
-    iconProps: {
-      type: Object,
-      default: () => ({})
-    },
-    image: String,
-    imageProps: {
-      type: Object,
-      default: () => ({})
-    },
-    size: {
-      type: String,
-      default: "large"
-    },
-    title: String,
-    titleProps: {
-      type: Object,
-      default: () => ({})
-    },
-    subtitle: String,
-    subtitleProps: {
-      type: Object,
-      default: () => ({})
-    },
-    ...makeComponentProps()
-  },
-  "EvEmptyState"
-);
-export {
-  makeEvEmptyStateProps
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/icons.mjs"),e=require("../../composables/component.mjs"),o=require("../../util/props.mjs"),r=o.propsFactory({actions:{type:Array,default:()=>[]},icon:t.IconProp,iconProps:{type:Object,default:()=>({})},image:String,imageProps:{type:Object,default:()=>({})},size:{type:String,default:"large"},title:String,titleProps:{type:Object,default:()=>({})},subtitle:String,subtitleProps:{type:Object,default:()=>({})},...e.makeComponentProps()},"EvEmptyState");exports.makeEvEmptyStateProps=r;
 //# sourceMappingURL=EvEmptyState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvEmptyState.mjs","sources":["../../../../src/components/EvEmptyState/EvEmptyState.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { EvHeadingProps } from \"@/components/EvHeading\";\nimport { EvTextProps } from \"@/components/EvText\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { EvIconProps } from \"@/components/EvIcon\";\nimport { EvImgProps } from \"@/components/EvImg\";\nimport { ComponentProps } from \"@/composables/component\";\n\nexport interface EvEmptyStateProps extends ComponentProps {\n    actions?: EvButtonProps[];\n    icon?: IconValue;\n    iconProps?: EvIconProps;\n    image?: string;\n    imageProps?: EvImgProps;\n    size?: \"small\" | \"medium\" | \"large\";\n    title?: string;\n    titleProps?: EvHeadingProps;\n    subtitle?: string;\n    subtitleProps?: EvTextProps;\n}\n\n/**\n * @todo: add a `size` prop\n */\n\nexport const makeEvEmptyStateProps = propsFactory(\n    {\n        actions: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        icon: IconProp,\n        iconProps: {\n            type: Object as PropType<EvIconProps>,\n            default: () => ({}),\n        },\n        image: String,\n        imageProps: {\n            type: Object as PropType<EvImgProps>,\n            default: () => ({}),\n        },\n        size: {\n            type: String as PropType<EvEmptyStateProps[\"size\"]>,\n            default: \"large\",\n        },\n        title: String,\n        titleProps: {\n            type: Object as PropType<EvHeadingProps>,\n            default: () => ({}),\n        },\n        subtitle: String,\n        subtitleProps: {\n            type: Object as PropType<EvTextProps>,\n            default: () => ({}),\n        },\n        ...makeComponentProps(),\n    },\n    \"EvEmptyState\",\n);"],"names":[],"mappings":";;;;AA4BO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,IACN,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,UAAU;AAAA,IACV,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACrB;AAAA,IACA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvEmptyState.mjs","sources":["../../../../src/components/EvEmptyState/EvEmptyState.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { EvHeadingProps } from \"@/components/EvHeading\";\nimport { EvTextProps } from \"@/components/EvText\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\nimport { EvIconProps } from \"@/components/EvIcon\";\nimport { EvImgProps } from \"@/components/EvImg\";\nimport { ComponentProps } from \"@/composables/component\";\n\nexport interface EvEmptyStateProps extends ComponentProps {\n    actions?: EvButtonProps[];\n    icon?: IconValue;\n    iconProps?: EvIconProps;\n    image?: string;\n    imageProps?: EvImgProps;\n    size?: \"small\" | \"medium\" | \"large\";\n    title?: string;\n    titleProps?: EvHeadingProps;\n    subtitle?: string;\n    subtitleProps?: EvTextProps;\n}\n\n/**\n * @todo: add a `size` prop\n */\n\nexport const makeEvEmptyStateProps = propsFactory(\n    {\n        actions: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        icon: IconProp,\n        iconProps: {\n            type: Object as PropType<EvIconProps>,\n            default: () => ({}),\n        },\n        image: String,\n        imageProps: {\n            type: Object as PropType<EvImgProps>,\n            default: () => ({}),\n        },\n        size: {\n            type: String as PropType<EvEmptyStateProps[\"size\"]>,\n            default: \"large\",\n        },\n        title: String,\n        titleProps: {\n            type: Object as PropType<EvHeadingProps>,\n            default: () => ({}),\n        },\n        subtitle: String,\n        subtitleProps: {\n            type: Object as PropType<EvTextProps>,\n            default: () => ({}),\n        },\n        ...makeComponentProps(),\n    },\n    \"EvEmptyState\",\n);"],"names":["makeEvEmptyStateProps","propsFactory","IconProp","makeComponentProps"],"mappings":"oPA4BaA,EAAwBC,EAAA,aACjC,CACI,QAAS,CACL,KAAM,MACN,QAAS,IAAM,CAAA,CACnB,EACA,KAAMC,EAAA,SACN,UAAW,CACP,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,MAAO,OACP,WAAY,CACR,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,KAAM,CACF,KAAM,OACN,QAAS,OACb,EACA,MAAO,OACP,WAAY,CACR,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,SAAU,OACV,cAAe,CACX,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,GAAGC,EAAmB,mBAAA,CAC1B,EACA,cACJ"}