@evance/evance-ui 1.1.10 → 1.1.11

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

@@ -1,268 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, ref, shallowRef, computed, toRef, onMounted, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createCommentVNode, renderSlot, mergeProps, createSlots, nextTick } from "vue";
-/* empty css                       */
-import { makeEvInfiniteScrollProps } from "./EvInfiniteScroll.mjs";
-import { useDimensions } from "../../composables/dimensions.mjs";
-import _sfc_main$1 from "./EvInfiniteScrollSide.vue.mjs";
-import _sfc_main$2 from "./EvInfiniteScrollIntersect.vue.mjs";
-import { toWebUnit } from "../../util/units.mjs";
-import { debounce } from "../../util/helpers.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvInfiniteScroll",
-  props: { ...makeEvInfiniteScrollProps() },
-  emits: ["load"],
-  setup(__props, { expose: __expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const dimensions = useDimensions(props);
-    const rootEl = ref();
-    const startStatus = shallowRef("ok");
-    const endStatus = shallowRef("ok");
-    const margin = computed(() => toWebUnit(props.margin));
-    const isIntersecting = shallowRef(false);
-    let previousScrollSize = 0;
-    const isDisabled = toRef(props, "disabled");
-    const hasStartIntersect = computed(() => {
-      return props.side === "start" || props.side === "both";
-    });
-    const hasEndIntersect = computed(() => {
-      return props.side === "end" || props.side === "both";
-    });
-    const intersectMode = computed(() => {
-      return props.mode === "intersect";
-    });
-    function getContainerSize() {
-      if (!rootEl.value) {
-        return 0;
-      }
-      const property = props.direction === "vertical" ? "clientHeight" : "clientWidth";
-      return rootEl.value[property];
-    }
-    function getScrollAmount() {
-      if (!rootEl.value) {
-        return 0;
-      }
-      const property = props.direction === "vertical" ? "scrollTop" : "scrollLeft";
-      return rootEl.value[property];
-    }
-    function getScrollSize() {
-      if (!rootEl.value) {
-        return 0;
-      }
-      const property = props.direction === "vertical" ? "scrollHeight" : "scrollWidth";
-      return rootEl.value[property];
-    }
-    function getStatus(side) {
-      return side === "start" ? startStatus.value : endStatus.value;
-    }
-    const handleIntersectDelayed = debounce((side) => {
-      if (isIntersecting.value && !isDisabled.value) {
-        intersecting(side);
-      }
-    }, props.intersectDelay);
-    function handleIntersect(side, _isIntersecting) {
-      isIntersecting.value = _isIntersecting;
-      handleIntersectDelayed(side);
-    }
-    function intersecting(side) {
-      if (props.mode !== "manual" && !isIntersecting.value) {
-        return;
-      }
-      const status = getStatus(side);
-      if (!rootEl.value || ["finished", "loading"].includes(status)) {
-        return;
-      }
-      previousScrollSize = getScrollSize();
-      setStatus(side, "loading");
-      function state(status2) {
-        setStatus(side, status2);
-        nextTick(() => {
-          if (status2 === "finished" || status2 === "error") {
-            return;
-          }
-          if (status2 === "ok" && side === "start") {
-            setScrollAmount(
-              getScrollSize() - previousScrollSize + getScrollAmount()
-            );
-          }
-          if (props.mode !== "manual") {
-            nextTick(() => {
-              window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(() => {
-                  window.requestAnimationFrame(() => {
-                    intersecting(side);
-                  });
-                });
-              });
-            });
-          }
-        });
-      }
-      emit("load", {
-        side,
-        error: () => state("error"),
-        done: () => state("finished"),
-        next: () => state("ok")
-      });
-    }
-    function setScrollAmount(amount) {
-      if (!rootEl.value) {
-        return;
-      }
-      const property = props.direction === "vertical" ? "scrollTop" : "scrollLeft";
-      rootEl.value[property] = amount;
-    }
-    function setStatus(side, status) {
-      if (side === "start") {
-        startStatus.value = status;
-      } else if (side === "end") {
-        endStatus.value = status;
-      }
-    }
-    onMounted(() => {
-      reset();
-    });
-    function reset(status = "ok") {
-      if (!rootEl.value) {
-        return;
-      }
-      isIntersecting.value = false;
-      if (props.side === "start") {
-        setScrollAmount(getScrollSize());
-      } else if (props.side === "both") {
-        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);
-      } else {
-        setScrollAmount(0);
-      }
-      setStatus("start", status);
-      setStatus("end", status);
-    }
-    const sideProps = computed(() => ({
-      mode: props.mode,
-      textFinished: props.textFinished,
-      textMore: props.textMore
-    }));
-    __expose({
-      reset,
-      rootElement: rootEl
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        ref_key: "rootEl",
-        ref: rootEl,
-        class: normalizeClass([
-          "ev-infinite-scroll",
-          `ev-infinite-scroll--${props.direction}`,
-          {
-            "ev-infinite-scroll--start": hasStartIntersect.value,
-            "ev-infinite-scroll-end": hasEndIntersect.value
-          }
-        ]),
-        style: normalizeStyle([unref(dimensions)])
-      }, {
-        default: withCtx(() => [
-          ["start", "both"].includes(props.side) && !isDisabled.value ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
-            key: 0,
-            side: "start"
-          }, sideProps.value, {
-            status: startStatus.value,
-            "show-finished": props.showFinished,
-            "onClick:more": _cache[0] || (_cache[0] = ($event) => intersecting("start"))
-          }), createSlots({ _: 2 }, [
-            unref(slots).finished ? {
-              name: "finished",
-              fn: withCtx(({ side }) => [
-                renderSlot(_ctx.$slots, "finished", { side })
-              ]),
-              key: "0"
-            } : void 0,
-            unref(slots).error ? {
-              name: "error",
-              fn: withCtx(({ side }) => [
-                renderSlot(_ctx.$slots, "error", { side })
-              ]),
-              key: "1"
-            } : void 0,
-            unref(slots).loading ? {
-              name: "loading",
-              fn: withCtx(({ side }) => [
-                renderSlot(_ctx.$slots, "loading", { side })
-              ]),
-              key: "2"
-            } : void 0,
-            unref(slots).more ? {
-              name: "more",
-              fn: withCtx(({ side, props: props2 }) => [
-                renderSlot(_ctx.$slots, "more", {
-                  side,
-                  props: props2
-                })
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1040, ["status", "show-finished"])) : createCommentVNode("", true),
-          rootEl.value && hasStartIntersect.value && intersectMode.value && !isDisabled.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: "start",
-            side: "start",
-            "root-ref": rootEl.value,
-            "root-margin": margin.value,
-            onIntersect: handleIntersect
-          }, null, 8, ["root-ref", "root-margin"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default"),
-          rootEl.value && hasEndIntersect.value && intersectMode.value && !isDisabled.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: "end",
-            side: "end",
-            "root-ref": rootEl.value,
-            "root-margin": margin.value,
-            onIntersect: handleIntersect
-          }, null, 8, ["root-ref", "root-margin"])) : createCommentVNode("", true),
-          ["end", "both"].includes(props.side) && !isDisabled.value ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
-            key: 3,
-            side: "end"
-          }, sideProps.value, {
-            status: endStatus.value,
-            "show-finished": props.showFinished,
-            "onClick:more": _cache[1] || (_cache[1] = ($event) => intersecting("end"))
-          }), createSlots({ _: 2 }, [
-            unref(slots).finished ? {
-              name: "finished",
-              fn: withCtx(({ side }) => [
-                renderSlot(_ctx.$slots, "finished", { side })
-              ]),
-              key: "0"
-            } : void 0,
-            unref(slots).error ? {
-              name: "error",
-              fn: withCtx(({ side }) => [
-                renderSlot(_ctx.$slots, "error", { side })
-              ]),
-              key: "1"
-            } : void 0,
-            unref(slots).loading ? {
-              name: "loading",
-              fn: withCtx(({ side }) => [
-                renderSlot(_ctx.$slots, "loading", { side })
-              ]),
-              key: "2"
-            } : void 0,
-            unref(slots).more ? {
-              name: "more",
-              fn: withCtx(({ side, props: props2 }) => [
-                renderSlot(_ctx.$slots, "more", {
-                  side,
-                  props: props2
-                })
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1040, ["status", "show-finished"])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
-  }
-});
-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 A=require("./EvInfiniteScroll.mjs"),D=require("../../composables/dimensions.mjs"),_=require("./EvInfiniteScrollSide.vue.mjs"),$=require("./EvInfiniteScrollIntersect.vue.mjs"),P=require("../../util/units.mjs"),T=require("../../util/helpers.mjs"),N=e.defineComponent({__name:"EvInfiniteScroll",props:{...A.makeEvInfiniteScrollProps()},emits:["load"],setup(b,{expose:q,emit:x}){const r=b,s=e.useSlots(),B=D.useDimensions(r),n=e.ref(),m=e.shallowRef("ok"),p=e.shallowRef("ok"),h=e.computed(()=>P.toWebUnit(r.margin)),u=e.shallowRef(!1);let k=0;const a=e.toRef(r,"disabled"),S=e.computed(()=>r.side==="start"||r.side==="both"),g=e.computed(()=>r.side==="end"||r.side==="both"),y=e.computed(()=>r.mode==="intersect");function E(){if(!n.value)return 0;const t=r.direction==="vertical"?"clientHeight":"clientWidth";return n.value[t]}function F(){if(!n.value)return 0;const t=r.direction==="vertical"?"scrollTop":"scrollLeft";return n.value[t]}function d(){if(!n.value)return 0;const t=r.direction==="vertical"?"scrollHeight":"scrollWidth";return n.value[t]}function M(t){return t==="start"?m.value:p.value}const z=T.debounce(t=>{u.value&&!a.value&&c(t)},r.intersectDelay);function w(t,i){u.value=i,z(t)}function c(t){if(r.mode!=="manual"&&!u.value)return;const i=M(t);if(!n.value||["finished","loading"].includes(i))return;k=d(),v(t,"loading");function o(l){v(t,l),e.nextTick(()=>{l==="finished"||l==="error"||(l==="ok"&&t==="start"&&f(d()-k+F()),r.mode!=="manual"&&e.nextTick(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{c(t)})})})}))})}x("load",{side:t,error:()=>o("error"),done:()=>o("finished"),next:()=>o("ok")})}function f(t){if(!n.value)return;const i=r.direction==="vertical"?"scrollTop":"scrollLeft";n.value[i]=t}function v(t,i){t==="start"?m.value=i:t==="end"&&(p.value=i)}e.onMounted(()=>{C()});function C(t="ok"){n.value&&(u.value=!1,r.side==="start"?f(d()):r.side==="both"?f(d()/2-E()/2):f(0),v("start",t),v("end",t))}const I=e.computed(()=>({mode:r.mode,textFinished:r.textFinished,textMore:r.textMore}));return q({reset:C,rootElement:n}),(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.tag),{ref_key:"rootEl",ref:n,class:e.normalizeClass(["ev-infinite-scroll",`ev-infinite-scroll--${r.direction}`,{"ev-infinite-scroll--start":S.value,"ev-infinite-scroll-end":g.value}]),style:e.normalizeStyle([e.unref(B)])},{default:e.withCtx(()=>[["start","both"].includes(r.side)&&!a.value?(e.openBlock(),e.createBlock(_.default,e.mergeProps({key:0,side:"start"},I.value,{status:m.value,"show-finished":r.showFinished,"onClick:more":i[0]||(i[0]=o=>c("start"))}),e.createSlots({_:2},[e.unref(s).finished?{name:"finished",fn:e.withCtx(({side:o})=>[e.renderSlot(t.$slots,"finished",{side:o})]),key:"0"}:void 0,e.unref(s).error?{name:"error",fn:e.withCtx(({side:o})=>[e.renderSlot(t.$slots,"error",{side:o})]),key:"1"}:void 0,e.unref(s).loading?{name:"loading",fn:e.withCtx(({side:o})=>[e.renderSlot(t.$slots,"loading",{side:o})]),key:"2"}:void 0,e.unref(s).more?{name:"more",fn:e.withCtx(({side:o,props:l})=>[e.renderSlot(t.$slots,"more",{side:o,props:l})]),key:"3"}:void 0]),1040,["status","show-finished"])):e.createCommentVNode("",!0),n.value&&S.value&&y.value&&!a.value?(e.openBlock(),e.createBlock($.default,{key:"start",side:"start","root-ref":n.value,"root-margin":h.value,onIntersect:w},null,8,["root-ref","root-margin"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),n.value&&g.value&&y.value&&!a.value?(e.openBlock(),e.createBlock($.default,{key:"end",side:"end","root-ref":n.value,"root-margin":h.value,onIntersect:w},null,8,["root-ref","root-margin"])):e.createCommentVNode("",!0),["end","both"].includes(r.side)&&!a.value?(e.openBlock(),e.createBlock(_.default,e.mergeProps({key:3,side:"end"},I.value,{status:p.value,"show-finished":r.showFinished,"onClick:more":i[1]||(i[1]=o=>c("end"))}),e.createSlots({_:2},[e.unref(s).finished?{name:"finished",fn:e.withCtx(({side:o})=>[e.renderSlot(t.$slots,"finished",{side:o})]),key:"0"}:void 0,e.unref(s).error?{name:"error",fn:e.withCtx(({side:o})=>[e.renderSlot(t.$slots,"error",{side:o})]),key:"1"}:void 0,e.unref(s).loading?{name:"loading",fn:e.withCtx(({side:o})=>[e.renderSlot(t.$slots,"loading",{side:o})]),key:"2"}:void 0,e.unref(s).more?{name:"more",fn:e.withCtx(({side:o,props:l})=>[e.renderSlot(t.$slots,"more",{side:o,props:l})]),key:"3"}:void 0]),1040,["status","show-finished"])):e.createCommentVNode("",!0)]),_:3},8,["class","style"]))}});exports.default=N;
 //# sourceMappingURL=EvInfiniteScroll.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScroll.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScroll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvInfiniteScroll.scss\";\nimport {\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n    makeEvInfiniteScrollProps,\n} from \"./EvInfiniteScroll\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { computed, nextTick, onMounted, ref, shallowRef, toRef } from \"vue\";\nimport { debounce, toWebUnit } from \"@/util\";\nimport EvInfiniteScrollSide from \"@/components/EvInfiniteScroll/EvInfiniteScrollSide.vue\";\nimport EvInfiniteScrollIntersect from \"@/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue\";\n\nconst props = defineProps({ ...makeEvInfiniteScrollProps() });\nconst slots = defineSlots<{\n    default(): never;\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\nconst emit = defineEmits<{\n    (\n        e: \"load\",\n        options: {\n            side: InfiniteScrollSide;\n            done: () => void;\n            error: () => void;\n            next: () => void;\n        },\n    ): true;\n}>();\nconst dimensions = useDimensions(props);\nconst rootEl = ref<HTMLDivElement>();\nconst startStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst endStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst margin = computed(() => toWebUnit(props.margin));\nconst isIntersecting = shallowRef(false);\nlet previousScrollSize = 0;\n\nconst isDisabled = toRef(props, \"disabled\");\n\nconst hasStartIntersect = computed(() => {\n    return props.side === \"start\" || props.side === \"both\";\n});\n\nconst hasEndIntersect = computed(() => {\n    return props.side === \"end\" || props.side === \"both\";\n});\n\nconst intersectMode = computed(() => {\n    return props.mode === \"intersect\";\n});\n\nfunction getContainerSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"clientHeight\" : \"clientWidth\";\n    return rootEl.value[property];\n}\n\nfunction getScrollAmount() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    return rootEl.value[property];\n}\n\nfunction getScrollSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollHeight\" : \"scrollWidth\";\n    return rootEl.value[property];\n}\n\nfunction getStatus(side: string) {\n    return side === \"start\" ? startStatus.value : endStatus.value;\n}\n\n/**\n * There's a redraw bug somewhere!\n * The `intersect-delay` helps address issues with rapid changes to intersection\n * values from the `IntersectionObserver` - you cannot see them. Using `debounce`\n * effectively keeps the last state, cancelling former states in rapid succession.\n * This was a particular issue in `EvDataTable`.\n */\nconst handleIntersectDelayed = debounce((side: InfiniteScrollSide) => {\n    if (isIntersecting.value && !isDisabled.value) {\n        intersecting(side);\n    }\n}, props.intersectDelay);\n\nfunction handleIntersect(side: InfiniteScrollSide, _isIntersecting: boolean) {\n    isIntersecting.value = _isIntersecting;\n    handleIntersectDelayed(side);\n}\n\nfunction intersecting(side: InfiniteScrollSide) {\n    if (props.mode !== \"manual\" && !isIntersecting.value) {\n        return;\n    }\n    const status = getStatus(side);\n    if (!rootEl.value || [\"finished\", \"loading\"].includes(status)) {\n        return;\n    }\n    previousScrollSize = getScrollSize();\n    setStatus(side, \"loading\");\n\n    function state(status: InfiniteScrollStatus) {\n        setStatus(side, status);\n\n        nextTick(() => {\n            if (status === \"finished\" || status === \"error\") {\n                return;\n            }\n            if (status === \"ok\" && side === \"start\") {\n                setScrollAmount(\n                    getScrollSize() - previousScrollSize + getScrollAmount(),\n                );\n            }\n            if (props.mode !== \"manual\") {\n                nextTick(() => {\n                    window.requestAnimationFrame(() => {\n                        window.requestAnimationFrame(() => {\n                            window.requestAnimationFrame(() => {\n                                intersecting(side);\n                            });\n                        });\n                    });\n                });\n            }\n        });\n    }\n    emit(\"load\", {\n        side,\n        error: () => state(\"error\"),\n        done: () => state(\"finished\"),\n        next: () => state(\"ok\"),\n    });\n}\n\nfunction setScrollAmount(amount: number) {\n    if (!rootEl.value) {\n        return;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    rootEl.value[property] = amount;\n}\n\nfunction setStatus(side: InfiniteScrollSide, status: InfiniteScrollStatus) {\n    if (side === \"start\") {\n        startStatus.value = status;\n    } else if (side === \"end\") {\n        endStatus.value = status;\n    }\n}\n\nonMounted(() => {\n    reset();\n});\n\nfunction reset(status: InfiniteScrollStatus = \"ok\") {\n    if (!rootEl.value) {\n        return;\n    }\n    isIntersecting.value = false;\n    if (props.side === \"start\") {\n        setScrollAmount(getScrollSize());\n    } else if (props.side === \"both\") {\n        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);\n    } else {\n        setScrollAmount(0);\n    }\n    setStatus(\"start\", status);\n    setStatus(\"end\", status);\n}\n\nconst sideProps = computed(() => ({\n    mode: props.mode,\n    textFinished: props.textFinished,\n    textMore: props.textMore,\n}));\n\ndefineExpose({\n    reset,\n    rootElement: rootEl,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"rootEl\"\n        :class=\"[\n            'ev-infinite-scroll',\n            `ev-infinite-scroll--${props.direction}`,\n            {\n                'ev-infinite-scroll--start': hasStartIntersect,\n                'ev-infinite-scroll-end': hasEndIntersect,\n            },\n        ]\"\n        :style=\"[dimensions]\">\n        <ev-infinite-scroll-side\n            v-if=\"['start', 'both'].includes(props.side) && !isDisabled\"\n            side=\"start\"\n            v-bind=\"sideProps\"\n            :status=\"startStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('start')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasStartIntersect && intersectMode && !isDisabled\"\n            key=\"start\"\n            side=\"start\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <slot name=\"default\" />\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasEndIntersect && intersectMode && !isDisabled\"\n            key=\"end\"\n            side=\"end\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <ev-infinite-scroll-side\n            v-if=\"['end', 'both'].includes(props.side) && !isDisabled\"\n            side=\"end\"\n            v-bind=\"sideProps\"\n            :status=\"endStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('end')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n    </component>\n</template>\n"],"names":["_useSlots","status"],"mappings":"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"}
+{"version":3,"file":"EvInfiniteScroll.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScroll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvInfiniteScroll.scss\";\nimport {\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n    makeEvInfiniteScrollProps,\n} from \"./EvInfiniteScroll\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { computed, nextTick, onMounted, ref, shallowRef, toRef } from \"vue\";\nimport { debounce, toWebUnit } from \"@/util\";\nimport EvInfiniteScrollSide from \"@/components/EvInfiniteScroll/EvInfiniteScrollSide.vue\";\nimport EvInfiniteScrollIntersect from \"@/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue\";\n\nconst props = defineProps({ ...makeEvInfiniteScrollProps() });\nconst slots = defineSlots<{\n    default(): never;\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\nconst emit = defineEmits<{\n    (\n        e: \"load\",\n        options: {\n            side: InfiniteScrollSide;\n            done: () => void;\n            error: () => void;\n            next: () => void;\n        },\n    ): true;\n}>();\nconst dimensions = useDimensions(props);\nconst rootEl = ref<HTMLDivElement>();\nconst startStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst endStatus = shallowRef<InfiniteScrollStatus>(\"ok\");\nconst margin = computed(() => toWebUnit(props.margin));\nconst isIntersecting = shallowRef(false);\nlet previousScrollSize = 0;\n\nconst isDisabled = toRef(props, \"disabled\");\n\nconst hasStartIntersect = computed(() => {\n    return props.side === \"start\" || props.side === \"both\";\n});\n\nconst hasEndIntersect = computed(() => {\n    return props.side === \"end\" || props.side === \"both\";\n});\n\nconst intersectMode = computed(() => {\n    return props.mode === \"intersect\";\n});\n\nfunction getContainerSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"clientHeight\" : \"clientWidth\";\n    return rootEl.value[property];\n}\n\nfunction getScrollAmount() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    return rootEl.value[property];\n}\n\nfunction getScrollSize() {\n    if (!rootEl.value) {\n        return 0;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollHeight\" : \"scrollWidth\";\n    return rootEl.value[property];\n}\n\nfunction getStatus(side: string) {\n    return side === \"start\" ? startStatus.value : endStatus.value;\n}\n\n/**\n * There's a redraw bug somewhere!\n * The `intersect-delay` helps address issues with rapid changes to intersection\n * values from the `IntersectionObserver` - you cannot see them. Using `debounce`\n * effectively keeps the last state, cancelling former states in rapid succession.\n * This was a particular issue in `EvDataTable`.\n */\nconst handleIntersectDelayed = debounce((side: InfiniteScrollSide) => {\n    if (isIntersecting.value && !isDisabled.value) {\n        intersecting(side);\n    }\n}, props.intersectDelay);\n\nfunction handleIntersect(side: InfiniteScrollSide, _isIntersecting: boolean) {\n    isIntersecting.value = _isIntersecting;\n    handleIntersectDelayed(side);\n}\n\nfunction intersecting(side: InfiniteScrollSide) {\n    if (props.mode !== \"manual\" && !isIntersecting.value) {\n        return;\n    }\n    const status = getStatus(side);\n    if (!rootEl.value || [\"finished\", \"loading\"].includes(status)) {\n        return;\n    }\n    previousScrollSize = getScrollSize();\n    setStatus(side, \"loading\");\n\n    function state(status: InfiniteScrollStatus) {\n        setStatus(side, status);\n\n        nextTick(() => {\n            if (status === \"finished\" || status === \"error\") {\n                return;\n            }\n            if (status === \"ok\" && side === \"start\") {\n                setScrollAmount(\n                    getScrollSize() - previousScrollSize + getScrollAmount(),\n                );\n            }\n            if (props.mode !== \"manual\") {\n                nextTick(() => {\n                    window.requestAnimationFrame(() => {\n                        window.requestAnimationFrame(() => {\n                            window.requestAnimationFrame(() => {\n                                intersecting(side);\n                            });\n                        });\n                    });\n                });\n            }\n        });\n    }\n    emit(\"load\", {\n        side,\n        error: () => state(\"error\"),\n        done: () => state(\"finished\"),\n        next: () => state(\"ok\"),\n    });\n}\n\nfunction setScrollAmount(amount: number) {\n    if (!rootEl.value) {\n        return;\n    }\n    const property =\n        props.direction === \"vertical\" ? \"scrollTop\" : \"scrollLeft\";\n    rootEl.value[property] = amount;\n}\n\nfunction setStatus(side: InfiniteScrollSide, status: InfiniteScrollStatus) {\n    if (side === \"start\") {\n        startStatus.value = status;\n    } else if (side === \"end\") {\n        endStatus.value = status;\n    }\n}\n\nonMounted(() => {\n    reset();\n});\n\nfunction reset(status: InfiniteScrollStatus = \"ok\") {\n    if (!rootEl.value) {\n        return;\n    }\n    isIntersecting.value = false;\n    if (props.side === \"start\") {\n        setScrollAmount(getScrollSize());\n    } else if (props.side === \"both\") {\n        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);\n    } else {\n        setScrollAmount(0);\n    }\n    setStatus(\"start\", status);\n    setStatus(\"end\", status);\n}\n\nconst sideProps = computed(() => ({\n    mode: props.mode,\n    textFinished: props.textFinished,\n    textMore: props.textMore,\n}));\n\ndefineExpose({\n    reset,\n    rootElement: rootEl,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"rootEl\"\n        :class=\"[\n            'ev-infinite-scroll',\n            `ev-infinite-scroll--${props.direction}`,\n            {\n                'ev-infinite-scroll--start': hasStartIntersect,\n                'ev-infinite-scroll-end': hasEndIntersect,\n            },\n        ]\"\n        :style=\"[dimensions]\">\n        <ev-infinite-scroll-side\n            v-if=\"['start', 'both'].includes(props.side) && !isDisabled\"\n            side=\"start\"\n            v-bind=\"sideProps\"\n            :status=\"startStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('start')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasStartIntersect && intersectMode && !isDisabled\"\n            key=\"start\"\n            side=\"start\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <slot name=\"default\" />\n\n        <ev-infinite-scroll-intersect\n            v-if=\"rootEl && hasEndIntersect && intersectMode && !isDisabled\"\n            key=\"end\"\n            side=\"end\"\n            :root-ref=\"rootEl\"\n            :root-margin=\"margin\"\n            @intersect=\"handleIntersect\" />\n\n        <ev-infinite-scroll-side\n            v-if=\"['end', 'both'].includes(props.side) && !isDisabled\"\n            side=\"end\"\n            v-bind=\"sideProps\"\n            :status=\"endStatus\"\n            :show-finished=\"props.showFinished\"\n            @click:more=\"intersecting('end')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side }\">\n                <slot name=\"finished\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side }\">\n                <slot name=\"error\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side }\">\n                <slot name=\"loading\" :side=\"side\" />\n            </template>\n            <template v-if=\"slots.more\" #more=\"{ side, props }\">\n                <slot name=\"more\" :side=\"side\" :props=\"props\" />\n            </template>\n        </ev-infinite-scroll-side>\n    </component>\n</template>\n"],"names":["slots","_useSlots","dimensions","useDimensions","props","rootEl","ref","startStatus","shallowRef","endStatus","margin","computed","toWebUnit","isIntersecting","previousScrollSize","isDisabled","toRef","hasStartIntersect","hasEndIntersect","intersectMode","getContainerSize","property","getScrollAmount","getScrollSize","getStatus","side","handleIntersectDelayed","debounce","intersecting","handleIntersect","_isIntersecting","status","setStatus","state","nextTick","setScrollAmount","emit","amount","onMounted","reset","sideProps","__expose"],"mappings":"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"}

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

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvInfiniteScroll.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("./EvInfiniteScroll.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvInfiniteScroll.vue2.mjs.map

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

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

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.mjs

@@ -1,47 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, watch, createElementBlock, openBlock } from "vue";
-import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvInfiniteScrollIntersect",
-  props: {
-    side: {
-      type: String,
-      required: true
-    },
-    rootRef: {
-      type: Object,
-      default: null
-    },
-    rootMargin: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["intersect"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const options = {
-      ...props.rootMargin ? { rootMargin: props.rootMargin } : {},
-      ...props.rootRef ? { root: props.rootRef } : {}
-    };
-    const { intersectionRef, isIntersecting } = useIntersectionObserver(
-      () => {
-      },
-      options
-    );
-    watch(isIntersecting, async (val) => {
-      emit("intersect", props.side, val);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "intersectionRef",
-        ref: intersectionRef,
-        class: "ev-infinite-scroll-intersect"
-      }, " ", 512);
-    };
-  }
-});
-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 t=require("vue"),u=require("../../composables/intersectionObserver.mjs"),l=t.defineComponent({__name:"EvInfiniteScrollIntersect",props:{side:{type:String,required:!0},rootRef:{type:Object,default:null},rootMargin:{type:String,default:void 0}},emits:["intersect"],setup(o,{emit:n}){const e=o,i={...e.rootMargin?{rootMargin:e.rootMargin}:{},...e.rootRef?{root:e.rootRef}:{}},{intersectionRef:s,isIntersecting:c}=u.useIntersectionObserver(()=>{},i);return t.watch(c,async r=>{n("intersect",e.side,r)}),(r,a)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"intersectionRef",ref:s,class:"ev-infinite-scroll-intersect"}," ",512))}});exports.default=l;
 //# sourceMappingURL=EvInfiniteScrollIntersect.vue.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScrollIntersect.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useIntersectionObserver } from \"@/composables/intersectionObserver\";\nimport { InfiniteScrollSide } from \"@/components/EvInfiniteScroll\";\nimport { PropType, watch } from \"vue\";\n\nconst props = defineProps({\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        required: true,\n    },\n    rootRef: {\n        type: Object as PropType<HTMLDivElement>,\n        default: null,\n    },\n    rootMargin: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst emit = defineEmits<{\n    (e: \"intersect\", side: InfiniteScrollSide, isIntersecting: boolean): true;\n}>();\n\nconst options = {\n    ...(props.rootMargin ? { rootMargin: props.rootMargin } : {}),\n    ...(props.rootRef ? { root: props.rootRef } : {}),\n};\n\nconst { intersectionRef, isIntersecting } = useIntersectionObserver(\n    () => {},\n    options,\n);\n\nwatch(isIntersecting, async (val) => {\n    emit(\"intersect\", props.side, val);\n});\n</script>\n\n<template>\n    <div ref=\"intersectionRef\" class=\"ev-infinite-scroll-intersect\">&nbsp;</div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,UAAU;AAAA,MACZ,GAAI,MAAM,aAAa,EAAE,YAAY,MAAM,WAAA,IAAe,CAAC;AAAA,MAC3D,GAAI,MAAM,UAAU,EAAE,MAAM,MAAM,QAAA,IAAY,CAAA;AAAA,IAClD;AAEM,UAAA,EAAE,iBAAiB,eAAA,IAAmB;AAAA,MACxC,MAAM;AAAA,MAAC;AAAA,MACP;AAAA,IACJ;AAEM,UAAA,gBAAgB,OAAO,QAAQ;AAC5B,WAAA,aAAa,MAAM,MAAM,GAAG;AAAA,IAAA,CACpC;;;;;;;;;;"}
+{"version":3,"file":"EvInfiniteScrollIntersect.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useIntersectionObserver } from \"@/composables/intersectionObserver\";\nimport { InfiniteScrollSide } from \"@/components/EvInfiniteScroll\";\nimport { PropType, watch } from \"vue\";\n\nconst props = defineProps({\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        required: true,\n    },\n    rootRef: {\n        type: Object as PropType<HTMLDivElement>,\n        default: null,\n    },\n    rootMargin: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst emit = defineEmits<{\n    (e: \"intersect\", side: InfiniteScrollSide, isIntersecting: boolean): true;\n}>();\n\nconst options = {\n    ...(props.rootMargin ? { rootMargin: props.rootMargin } : {}),\n    ...(props.rootRef ? { root: props.rootRef } : {}),\n};\n\nconst { intersectionRef, isIntersecting } = useIntersectionObserver(\n    () => {},\n    options,\n);\n\nwatch(isIntersecting, async (val) => {\n    emit(\"intersect\", props.side, val);\n});\n</script>\n\n<template>\n    <div ref=\"intersectionRef\" class=\"ev-infinite-scroll-intersect\">&nbsp;</div>\n</template>\n"],"names":["options","props","intersectionRef","isIntersecting","useIntersectionObserver","watch","val","emit"],"mappings":"2bAwBMA,EAAU,CACZ,GAAIC,EAAM,WAAa,CAAE,WAAYA,EAAM,UAAA,EAAe,CAAC,EAC3D,GAAIA,EAAM,QAAU,CAAE,KAAMA,EAAM,OAAA,EAAY,CAAA,CAClD,EAEM,CAAE,gBAAAC,EAAiB,eAAAC,CAAA,EAAmBC,EAAA,wBACxC,IAAM,CAAC,EACPJ,CACJ,EAEMK,OAAAA,QAAAF,EAAgB,MAAOG,GAAQ,CAC5BC,EAAA,YAAaN,EAAM,KAAMK,CAAG,CAAA,CACpC"}

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvInfiniteScrollIntersect.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("./EvInfiniteScrollIntersect.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvInfiniteScrollIntersect.vue2.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue2.mjs.map

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

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.mjs

@@ -1,86 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, computed, createElementBlock, openBlock, renderSlot, normalizeProps, mergeProps, Fragment, createCommentVNode, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
-import _sfc_main$2 from "../EvProgressCircular/EvProgressCircular.vue.mjs";
-import { useLocaleFunctions } from "../../composables/locale.mjs";
-const _hoisted_1 = { class: "ev-infinite-scroll-side" };
-const _hoisted_2 = { class: "ev-infinite-scroll-finished" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvInfiniteScrollSide",
-  props: {
-    mode: {
-      type: String,
-      default: void 0
-    },
-    showFinished: {
-      type: Boolean,
-      default: true
-    },
-    side: {
-      type: String,
-      default: void 0
-    },
-    status: {
-      type: String,
-      default: void 0
-    },
-    textFinished: {
-      type: String,
-      default: void 0
-    },
-    textMore: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["click:more"],
-  setup(__props, { emit }) {
-    const props = __props;
-    useSlots();
-    const onClick = () => {
-      emit("click:more");
-    };
-    const slotProps = {
-      side: props.side,
-      props: {
-        onClick
-      }
-    };
-    const { t } = useLocaleFunctions();
-    const isError = computed(() => props.status === "error");
-    const isFinished = computed(() => props.status === "finished");
-    const isManual = computed(() => props.mode === "manual");
-    const isLoading = computed(() => props.status === "loading");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        isError.value ? renderSlot(_ctx.$slots, "error", normalizeProps(mergeProps({ key: 0 }, slotProps))) : isFinished.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          __props.showFinished ? renderSlot(_ctx.$slots, "finished", normalizeProps(mergeProps({ key: 0 }, slotProps)), () => [
-            createElementVNode("div", _hoisted_2, toDisplayString(unref(t)(props.textFinished)), 1)
-          ]) : createCommentVNode("", true)
-        ], 64)) : isManual.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          !isLoading.value ? renderSlot(_ctx.$slots, "more", normalizeProps(mergeProps({ key: 0 }, slotProps)), () => [
-            createVNode(unref(_sfc_main$1), { onClick }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)(props.textMore)), 1)
-              ]),
-              _: 1
-            })
-          ]) : renderSlot(_ctx.$slots, "loading", normalizeProps(mergeProps({ key: 1 }, slotProps)), () => [
-            createVNode(unref(_sfc_main$1), { loading: "" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)(props.textMore)), 1)
-              ]),
-              _: 1
-            })
-          ])
-        ], 64)) : renderSlot(_ctx.$slots, "loading", normalizeProps(mergeProps({ key: 3 }, slotProps)), () => [
-          createVNode(unref(_sfc_main$2), { indeterminate: "" })
-        ])
-      ]);
-    };
-  }
-});
-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"),l=require("../EvButton/EvButton.vue.mjs"),m=require("../EvProgressCircular/EvProgressCircular.vue.mjs"),f=require("../../composables/locale.mjs"),g={class:"ev-infinite-scroll-side"},v={class:"ev-infinite-scroll-finished"},_=e.defineComponent({__name:"EvInfiniteScrollSide",props:{mode:{type:String,default:void 0},showFinished:{type:Boolean,default:!0},side:{type:String,default:void 0},status:{type:String,default:void 0},textFinished:{type:String,default:void 0},textMore:{type:String,default:void 0}},emits:["click:more"],setup(n,{emit:a}){const t=n;e.useSlots();const i=()=>{a("click:more")},o={side:t.side,props:{onClick:i}},{t:s}=f.useLocaleFunctions(),d=e.computed(()=>t.status==="error"),u=e.computed(()=>t.status==="finished"),c=e.computed(()=>t.mode==="manual"),p=e.computed(()=>t.status==="loading");return(r,y)=>(e.openBlock(),e.createElementBlock("div",g,[d.value?e.renderSlot(r.$slots,"error",e.normalizeProps(e.mergeProps({key:0},o))):u.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.showFinished?e.renderSlot(r.$slots,"finished",e.normalizeProps(e.mergeProps({key:0},o)),()=>[e.createElementVNode("div",v,e.toDisplayString(e.unref(s)(t.textFinished)),1)]):e.createCommentVNode("",!0)],64)):c.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[p.value?e.renderSlot(r.$slots,"loading",e.normalizeProps(e.mergeProps({key:1},o)),()=>[e.createVNode(e.unref(l.default),{loading:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)(t.textMore)),1)]),_:1})]):e.renderSlot(r.$slots,"more",e.normalizeProps(e.mergeProps({key:0},o)),()=>[e.createVNode(e.unref(l.default),{onClick:i},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)(t.textMore)),1)]),_:1})])],64)):e.renderSlot(r.$slots,"loading",e.normalizeProps(e.mergeProps({key:3},o)),()=>[e.createVNode(e.unref(m.default),{indeterminate:""})])]))}});exports.default=_;
 //# sourceMappingURL=EvInfiniteScrollSide.vue.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvInfiniteScrollSide.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, PropType } from \"vue\";\nimport {\n    InfiniteScrollMode,\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n} from \"./EvInfiniteScroll.ts\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\n\nconst props = defineProps({\n    mode: {\n        type: String as PropType<InfiniteScrollMode>,\n        default: undefined,\n    },\n    showFinished: {\n        type: Boolean,\n        default: true,\n    },\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        default: undefined,\n    },\n    status: {\n        type: String as PropType<InfiniteScrollStatus>,\n        default: undefined,\n    },\n    textFinished: {\n        type: String,\n        default: undefined,\n    },\n    textMore: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst slots = defineSlots<{\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\n\nconst emit = defineEmits([\"click:more\"]);\n\nconst onClick = () => {\n    emit(\"click:more\");\n};\n\nconst slotProps = {\n    side: props.side,\n    props: {\n        onClick,\n    },\n};\n\nconst { t } = useLocaleFunctions();\n\nconst isError = computed(() => props.status === \"error\");\nconst isFinished = computed(() => props.status === \"finished\");\nconst isManual = computed(() => props.mode === \"manual\");\nconst isLoading = computed(() => props.status === \"loading\");\n</script>\n\n<template>\n    <div class=\"ev-infinite-scroll-side\">\n        <template v-if=\"isError\">\n            <slot name=\"error\" v-bind=\"slotProps\" />\n        </template>\n        <template v-else-if=\"isFinished\">\n            <template v-if=\"showFinished\">\n                <slot name=\"finished\" v-bind=\"slotProps\">\n                    <div class=\"ev-infinite-scroll-finished\">\n                        {{ t(props.textFinished) }}\n                    </div>\n                </slot>\n            </template>\n        </template>\n        <template v-else-if=\"isManual\">\n            <slot v-if=\"!isLoading\" name=\"more\" v-bind=\"slotProps\">\n                <ev-button @click=\"onClick\">\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n            <slot v-else name=\"loading\" v-bind=\"slotProps\">\n                <ev-button loading>\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n        </template>\n        <template v-else>\n            <slot name=\"loading\" v-bind=\"slotProps\">\n                <ev-progress-circular indeterminate />\n            </slot>\n        </template>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCcA;AAYd,UAAM,UAAU,MAAM;AAClB,WAAK,YAAY;AAAA,IACrB;AAEA,UAAM,YAAY;AAAA,MACd,MAAM,MAAM;AAAA,MACZ,OAAO;AAAA,QACH;AAAA,MAAA;AAAA,IAER;AAEM,UAAA,EAAE,EAAE,IAAI,mBAAmB;AAEjC,UAAM,UAAU,SAAS,MAAM,MAAM,WAAW,OAAO;AACvD,UAAM,aAAa,SAAS,MAAM,MAAM,WAAW,UAAU;AAC7D,UAAM,WAAW,SAAS,MAAM,MAAM,SAAS,QAAQ;AACvD,UAAM,YAAY,SAAS,MAAM,MAAM,WAAW,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvInfiniteScrollSide.vue.mjs","sources":["../../../../src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, PropType } from \"vue\";\nimport {\n    InfiniteScrollMode,\n    InfiniteScrollSide,\n    InfiniteScrollStatus,\n} from \"./EvInfiniteScroll.ts\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\n\nconst props = defineProps({\n    mode: {\n        type: String as PropType<InfiniteScrollMode>,\n        default: undefined,\n    },\n    showFinished: {\n        type: Boolean,\n        default: true,\n    },\n    side: {\n        type: String as PropType<InfiniteScrollSide>,\n        default: undefined,\n    },\n    status: {\n        type: String as PropType<InfiniteScrollStatus>,\n        default: undefined,\n    },\n    textFinished: {\n        type: String,\n        default: undefined,\n    },\n    textMore: {\n        type: String,\n        default: undefined,\n    },\n});\n\nconst slots = defineSlots<{\n    error(props: { side: InfiniteScrollSide }): never;\n    finished(props: { side: InfiniteScrollSide }): never;\n    loading(props: { side: InfiniteScrollSide }): never;\n    more(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n}>();\n\nconst emit = defineEmits([\"click:more\"]);\n\nconst onClick = () => {\n    emit(\"click:more\");\n};\n\nconst slotProps = {\n    side: props.side,\n    props: {\n        onClick,\n    },\n};\n\nconst { t } = useLocaleFunctions();\n\nconst isError = computed(() => props.status === \"error\");\nconst isFinished = computed(() => props.status === \"finished\");\nconst isManual = computed(() => props.mode === \"manual\");\nconst isLoading = computed(() => props.status === \"loading\");\n</script>\n\n<template>\n    <div class=\"ev-infinite-scroll-side\">\n        <template v-if=\"isError\">\n            <slot name=\"error\" v-bind=\"slotProps\" />\n        </template>\n        <template v-else-if=\"isFinished\">\n            <template v-if=\"showFinished\">\n                <slot name=\"finished\" v-bind=\"slotProps\">\n                    <div class=\"ev-infinite-scroll-finished\">\n                        {{ t(props.textFinished) }}\n                    </div>\n                </slot>\n            </template>\n        </template>\n        <template v-else-if=\"isManual\">\n            <slot v-if=\"!isLoading\" name=\"more\" v-bind=\"slotProps\">\n                <ev-button @click=\"onClick\">\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n            <slot v-else name=\"loading\" v-bind=\"slotProps\">\n                <ev-button loading>\n                    {{ t(props.textMore) }}\n                </ev-button>\n            </slot>\n        </template>\n        <template v-else>\n            <slot name=\"loading\" v-bind=\"slotProps\">\n                <ev-progress-circular indeterminate />\n            </slot>\n        </template>\n    </div>\n</template>\n"],"names":["_useSlots","onClick","emit","slotProps","props","t","useLocaleFunctions","isError","computed","isFinished","isManual","isLoading"],"mappings":"ktBAsCcA,aAYd,MAAMC,EAAU,IAAM,CAClBC,EAAK,YAAY,CACrB,EAEMC,EAAY,CACd,KAAMC,EAAM,KACZ,MAAO,CACH,QAAAH,CAAA,CAER,EAEM,CAAE,EAAAI,CAAE,EAAIC,qBAAmB,EAE3BC,EAAUC,EAAA,SAAS,IAAMJ,EAAM,SAAW,OAAO,EACjDK,EAAaD,EAAA,SAAS,IAAMJ,EAAM,SAAW,UAAU,EACvDM,EAAWF,EAAA,SAAS,IAAMJ,EAAM,OAAS,QAAQ,EACjDO,EAAYH,EAAA,SAAS,IAAMJ,EAAM,SAAW,SAAS"}

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvInfiniteScrollSide.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("./EvInfiniteScrollSide.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvInfiniteScrollSide.vue2.mjs.map

package/dist/esm/components/EvInfiniteScroll/EvInfiniteScrollSide.vue2.mjs.map

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

package/dist/esm/components/EvKbd/EvKbd.mjs

@@ -1,23 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeComponentProps } from "../../composables/component.mjs";
-import { propsFactory } from "../../util/props.mjs";
-const KbdVariant = {
-  default: "default",
-  tonal: "tonal",
-  outlined: "outlined",
-  bold: "bold",
-  text: "text"
-};
-const makeEvKbdProps = propsFactory(
-  {
-    value: String,
-    variant: String,
-    ...makeComponentProps()
-  },
-  "EvKbd"
-);
-export {
-  KbdVariant,
-  makeEvKbdProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../composables/component.mjs"),o=require("../../util/props.mjs"),e={default:"default",tonal:"tonal",outlined:"outlined",bold:"bold",text:"text"},r=o.propsFactory({value:String,variant:String,...t.makeComponentProps()},"EvKbd");exports.KbdVariant=e;exports.makeEvKbdProps=r;
 //# sourceMappingURL=EvKbd.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.mjs","sources":["../../../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const KbdVariant = {\n    default: \"default\",\n    tonal: \"tonal\",\n    outlined: \"outlined\",\n    bold: \"bold\",\n    text: \"text\",\n};\nexport type KbdVariantProp = (typeof KbdVariant)[keyof typeof KbdVariant];\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        variant: String as PropType<KbdVariantProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AACV;AAGO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IAET,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvKbd.mjs","sources":["../../../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const KbdVariant = {\n    default: \"default\",\n    tonal: \"tonal\",\n    outlined: \"outlined\",\n    bold: \"bold\",\n    text: \"text\",\n};\nexport type KbdVariantProp = (typeof KbdVariant)[keyof typeof KbdVariant];\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        variant: String as PropType<KbdVariantProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":["KbdVariant","makeEvKbdProps","propsFactory","makeComponentProps"],"mappings":"2MAIaA,EAAa,CACtB,QAAS,UACT,MAAO,QACP,SAAU,WACV,KAAM,OACN,KAAM,MACV,EAGaC,EAAiBC,EAAA,aAC1B,CACI,MAAO,OACP,QAAS,OAET,GAAGC,EAAmB,mBAAA,CAC1B,EACA,OACJ"}

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

@@ -1,35 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
-/* empty css            */
-import { makeEvKbdProps, KbdVariant } from "./EvKbd.mjs";
-import { variantModifier } from "../../util/modifiers.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvKbd",
-  props: {
-    ...makeEvKbdProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const variantClass = computed(() => {
-      return variantModifier(props.variant ?? KbdVariant.default, ["default"]);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("kbd", {
-        class: normalizeClass([
-          "ev-kbd",
-          props.class,
-          variantClass.value
-        ]),
-        style: normalizeStyle(props.style)
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(props.value), 1)
-        ])
-      ], 6);
-    };
-  }
-});
-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 r=require("./EvKbd.mjs"),l=require("../../util/modifiers.mjs"),n=e.defineComponent({__name:"EvKbd",props:{...r.makeEvKbdProps()},setup(s){const t=s,a=e.computed(()=>l.variantModifier(t.variant??r.KbdVariant.default,["default"]));return(o,i)=>(e.openBlock(),e.createElementBlock("kbd",{class:e.normalizeClass(["ev-kbd",t.class,a.value]),style:e.normalizeStyle(t.style)},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.value),1)])],6))}});exports.default=n;
 //# sourceMappingURL=EvKbd.vue.mjs.map