@evance/evance-ui 1.0.16 → 1.0.18

package/dist/cjs/EvInfiniteScroll.vue_vue_type_script_setup_true_lang-BeONYHd_.cjs

@@ -0,0 +1,468 @@
+"use strict";
+/*! Evance UI v1.0.18 | MIT License */
+const vue = require("vue");
+const tag = require("./tag-JkP7Z1zs.cjs");
+const dimensions = require("./dimensions-CtLYrzx4.cjs");
+const props = require("./props-Bh4hmoEM.cjs");
+const EvButton_vue_vue_type_script_setup_true_lang = require("./EvButton.vue_vue_type_script_setup_true_lang-D2d5Mriv.cjs");
+const EvProgressCircular_vue_vue_type_script_setup_true_lang = require("./EvProgressCircular.vue_vue_type_script_setup_true_lang-CcKoxLV8.cjs");
+const locale = require("./locale-CyqeWhd-.cjs");
+const helpers = require("./helpers-CEH_1jjm.cjs");
+const units = require("./units-pbqHjQnA.cjs");
+const makeEvInfiniteScrollProps = props.propsFactory(
+  {
+    disabled: Boolean,
+    direction: {
+      type: String,
+      default: "vertical",
+      validator: (v) => ["vertical", "horizontal"].includes(v)
+    },
+    intersectDelay: {
+      type: Number,
+      default: 50
+    },
+    margin: [Number, String],
+    mode: {
+      type: String,
+      default: "intersect",
+      validator: (v) => ["intersect", "manual"].includes(v)
+    },
+    side: {
+      type: String,
+      default: "end",
+      validator: (v) => ["start", "end", "both"].includes(v)
+    },
+    textMore: {
+      type: String,
+      default: "infiniteScroll.more"
+    },
+    textFinished: {
+      type: String,
+      default: "infiniteScroll.finished"
+    },
+    ...tag.makeTagProps(),
+    ...dimensions.makeDimensionsProps()
+  },
+  "EvInfiniteScroll"
+);
+const _hoisted_1 = { class: "ev-infinite-scroll-side" };
+const _hoisted_2 = { class: "ev-infinite-scroll-finished" };
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvInfiniteScrollSide",
+  props: {
+    mode: {
+      type: String,
+      default: void 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(__props, { emit }) {
+    const props2 = __props;
+    vue.useSlots();
+    const onClick = () => {
+      emit("click:more");
+    };
+    const slotProps = {
+      side: props2.side,
+      props: {
+        onClick
+      }
+    };
+    const { t } = locale.useLocaleFunctions();
+    const isError = vue.computed(() => props2.status === "error");
+    const isFinished = vue.computed(() => props2.status === "finished");
+    const isManual = vue.computed(() => props2.mode === "manual");
+    const isLoading = vue.computed(() => props2.status === "loading");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        isError.value ? vue.renderSlot(_ctx.$slots, "error", vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps))) : isFinished.value ? vue.renderSlot(_ctx.$slots, "finished", vue.normalizeProps(vue.mergeProps({ key: 1 }, slotProps)), () => [
+          vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(vue.unref(t)(props2.textFinished)), 1)
+        ]) : isManual.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          !isLoading.value ? vue.renderSlot(_ctx.$slots, "more", vue.normalizeProps(vue.mergeProps({ key: 0 }, slotProps)), () => [
+            vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), { onClick }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)(props2.textMore)), 1)
+              ]),
+              _: 1
+            })
+          ]) : vue.renderSlot(_ctx.$slots, "loading", vue.normalizeProps(vue.mergeProps({ key: 1 }, slotProps)), () => [
+            vue.createVNode(vue.unref(EvButton_vue_vue_type_script_setup_true_lang._sfc_main), { loading: "" }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)(props2.textMore)), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ], 64)) : vue.renderSlot(_ctx.$slots, "loading", vue.normalizeProps(vue.mergeProps({ key: 3 }, slotProps)), () => [
+          vue.createVNode(vue.unref(EvProgressCircular_vue_vue_type_script_setup_true_lang._sfc_main), { indeterminate: "" })
+        ])
+      ]);
+    };
+  }
+});
+function useIntersectionObserver(callback, options) {
+  const intersectionRef = vue.ref();
+  const isIntersecting = vue.shallowRef(false);
+  if (helpers.Browser.supportsIntersection) {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        isIntersecting.value = !!entries.find((entry) => {
+          const tolerance = 1e-4;
+          const currentRect = entry.target.getBoundingClientRect();
+          const entryRect = entry.boundingClientRect;
+          return entry.isIntersecting && Math.abs(currentRect.top - entryRect.top) < tolerance && Math.abs(currentRect.left - entryRect.left) < tolerance;
+        });
+      },
+      options
+    );
+    vue.onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    vue.watch(
+      intersectionRef,
+      (newValue, oldValue) => {
+        if (oldValue) {
+          observer.unobserve(oldValue);
+          isIntersecting.value = false;
+        }
+        if (newValue) {
+          observer.observe(newValue);
+        }
+      },
+      {
+        flush: "post"
+      }
+    );
+  }
+  return { intersectionRef, isIntersecting };
+}
+const _sfc_main$1 = /* @__PURE__ */ vue.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 props2 = __props;
+    const options = {
+      ...props2.rootMargin ? { rootMargin: props2.rootMargin } : {},
+      ...props2.rootRef ? { root: props2.rootRef } : {}
+    };
+    const { intersectionRef, isIntersecting } = useIntersectionObserver(
+      () => {
+      },
+      options
+    );
+    vue.watch(isIntersecting, async (val) => {
+      emit("intersect", props2.side, val);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "intersectionRef",
+        ref: intersectionRef,
+        class: "ev-infinite-scroll-intersect"
+      }, " ", 512);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvInfiniteScroll",
+  props: { ...makeEvInfiniteScrollProps() },
+  emits: ["load"],
+  setup(__props, { expose: __expose, emit }) {
+    const props2 = __props;
+    const slots = vue.useSlots();
+    const dimensions$1 = dimensions.useDimensions(props2);
+    const rootEl = vue.ref();
+    const startStatus = vue.shallowRef("ok");
+    const endStatus = vue.shallowRef("ok");
+    const margin = vue.computed(() => units.toWebUnit(props2.margin));
+    const isIntersecting = vue.shallowRef(false);
+    let previousScrollSize = 0;
+    const isDisabled = vue.toRef(props2, "disabled");
+    const hasStartIntersect = vue.computed(() => {
+      return props2.side === "start" || props2.side === "both";
+    });
+    const hasEndIntersect = vue.computed(() => {
+      return props2.side === "end" || props2.side === "both";
+    });
+    const intersectMode = vue.computed(() => {
+      return props2.mode === "intersect";
+    });
+    function getContainerSize() {
+      if (!rootEl.value) {
+        return 0;
+      }
+      const property = props2.direction === "vertical" ? "clientHeight" : "clientWidth";
+      return rootEl.value[property];
+    }
+    function getScrollAmount() {
+      if (!rootEl.value) {
+        return 0;
+      }
+      const property = props2.direction === "vertical" ? "scrollTop" : "scrollLeft";
+      return rootEl.value[property];
+    }
+    function getScrollSize() {
+      if (!rootEl.value) {
+        return 0;
+      }
+      const property = props2.direction === "vertical" ? "scrollHeight" : "scrollWidth";
+      return rootEl.value[property];
+    }
+    function getStatus(side) {
+      return side === "start" ? startStatus.value : endStatus.value;
+    }
+    const handleIntersectDelayed = helpers.debounce((side) => {
+      if (isIntersecting.value && !isDisabled.value) {
+        intersecting(side);
+      }
+    }, props2.intersectDelay);
+    function handleIntersect(side, _isIntersecting) {
+      isIntersecting.value = _isIntersecting;
+      handleIntersectDelayed(side);
+    }
+    function intersecting(side) {
+      if (props2.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);
+        vue.nextTick(() => {
+          if (status2 === "finished" || status2 === "error") {
+            return;
+          }
+          if (status2 === "ok" && side === "start") {
+            setScrollAmount(
+              getScrollSize() - previousScrollSize + getScrollAmount()
+            );
+          }
+          if (props2.mode !== "manual") {
+            vue.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 = props2.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;
+      }
+    }
+    vue.onMounted(() => {
+      reset();
+    });
+    function reset(status = "ok") {
+      if (!rootEl.value) {
+        return;
+      }
+      isIntersecting.value = false;
+      if (props2.side === "start") {
+        setScrollAmount(getScrollSize());
+      } else if (props2.side === "both") {
+        setScrollAmount(getScrollSize() / 2 - getContainerSize() / 2);
+      } else {
+        setScrollAmount(0);
+      }
+      setStatus("start", status);
+      setStatus("end", status);
+    }
+    const sideProps = vue.computed(() => ({
+      mode: props2.mode,
+      textFinished: props2.textFinished,
+      textMore: props2.textMore
+    }));
+    __expose({
+      reset,
+      rootElement: rootEl
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props2.tag), {
+        ref_key: "rootEl",
+        ref: rootEl,
+        class: vue.normalizeClass([
+          "ev-infinite-scroll",
+          `ev-infinite-scroll--${props2.direction}`,
+          {
+            "ev-infinite-scroll--start": hasStartIntersect.value,
+            "ev-infinite-scroll-end": hasEndIntersect.value
+          }
+        ]),
+        style: vue.normalizeStyle([vue.unref(dimensions$1)])
+      }, {
+        default: vue.withCtx(() => [
+          ["start", "both"].includes(props2.side) && !isDisabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$2, vue.mergeProps({
+            key: 0,
+            side: "start"
+          }, sideProps.value, {
+            status: startStatus.value,
+            "onClick:more": _cache[0] || (_cache[0] = ($event) => intersecting("start"))
+          }), vue.createSlots({ _: 2 }, [
+            vue.unref(slots).finished ? {
+              name: "finished",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "finished", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "0"
+            } : void 0,
+            vue.unref(slots).error ? {
+              name: "error",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "error", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "1"
+            } : void 0,
+            vue.unref(slots).loading ? {
+              name: "loading",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "loading", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "2"
+            } : void 0,
+            vue.unref(slots).more ? {
+              name: "more",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "more", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["status"])) : vue.createCommentVNode("", true),
+          rootEl.value && hasStartIntersect.value && intersectMode.value && !isDisabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1, {
+            key: "start",
+            side: "start",
+            "root-ref": rootEl.value,
+            "root-margin": margin.value,
+            onIntersect: handleIntersect
+          }, null, 8, ["root-ref", "root-margin"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "default"),
+          rootEl.value && hasEndIntersect.value && intersectMode.value && !isDisabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1, {
+            key: "end",
+            side: "end",
+            "root-ref": rootEl.value,
+            "root-margin": margin.value,
+            onIntersect: handleIntersect
+          }, null, 8, ["root-ref", "root-margin"])) : vue.createCommentVNode("", true),
+          ["end", "both"].includes(props2.side) && !isDisabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$2, vue.mergeProps({
+            key: 3,
+            side: "end"
+          }, sideProps.value, {
+            status: endStatus.value,
+            "onClick:more": _cache[1] || (_cache[1] = ($event) => intersecting("end"))
+          }), vue.createSlots({ _: 2 }, [
+            vue.unref(slots).finished ? {
+              name: "finished",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "finished", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "0"
+            } : void 0,
+            vue.unref(slots).error ? {
+              name: "error",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "error", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "1"
+            } : void 0,
+            vue.unref(slots).loading ? {
+              name: "loading",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "loading", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "2"
+            } : void 0,
+            vue.unref(slots).more ? {
+              name: "more",
+              fn: vue.withCtx(({ side, props: props22 }) => [
+                vue.renderSlot(_ctx.$slots, "more", {
+                  side,
+                  props: props22
+                })
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1040, ["status"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvInfiniteScrollProps = makeEvInfiniteScrollProps;
+//# sourceMappingURL=EvInfiniteScroll.vue_vue_type_script_setup_true_lang-BeONYHd_.cjs.map

package/dist/cjs/EvInfiniteScroll.vue_vue_type_script_setup_true_lang-BeONYHd_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvInfiniteScroll.vue_vue_type_script_setup_true_lang-BeONYHd_.cjs","sources":["../../src/components/EvInfiniteScroll/EvInfiniteScroll.ts","../../src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue","../../src/composables/intersectionObserver.ts","../../src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue","../../src/components/EvInfiniteScroll/EvInfiniteScroll.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\n\nexport type InfiniteScrollSide = \"start\" | \"end\" | \"both\";\nexport type InfiniteScrollMode = \"intersect\" | \"manual\";\nexport type InfiniteScrollDirection = \"vertical\" | \"horizontal\";\nexport type InfiniteScrollStatus = \"ok\" | \"finished\" | \"loading\" | \"error\";\n\nexport const makeEvInfiniteScrollProps = propsFactory(\n    {\n        disabled: Boolean,\n        direction: {\n            type: String as PropType<InfiniteScrollDirection>,\n            default: \"vertical\",\n            validator: (v: any) => [\"vertical\", \"horizontal\"].includes(v),\n        },\n        intersectDelay: {\n            type: Number,\n            default: 50,\n        },\n        margin: [Number, String],\n        mode: {\n            type: String as PropType<InfiniteScrollMode>,\n            default: \"intersect\",\n            validator: (v: any) => [\"intersect\", \"manual\"].includes(v),\n        },\n        side: {\n            type: String as PropType<InfiniteScrollSide>,\n            default: \"end\",\n            validator: (v: any) => [\"start\", \"end\", \"both\"].includes(v),\n        },\n        textMore: {\n            type: String,\n            default: \"infiniteScroll.more\",\n        },\n        textFinished: {\n            type: String,\n            default: \"infiniteScroll.finished\",\n        },\n        ...makeTagProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvInfiniteScroll\",\n);\n","<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    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: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n    finished(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): never;\n    loading(props: {\n        side: InfiniteScrollSide;\n        props: { onClick: () => void };\n    }): 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            <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 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","import { onBeforeUnmount, ref, shallowRef, watch } from \"vue\";\nimport { Browser } from \"@/util\";\n\nexport function useIntersectionObserver(\n    callback?: IntersectionObserverCallback,\n    options?: IntersectionObserverInit,\n) {\n    const intersectionRef = ref<HTMLElement>();\n    const isIntersecting = shallowRef(false);\n\n    if (Browser.supportsIntersection) {\n        const observer = new IntersectionObserver(\n            (entries: IntersectionObserverEntry[]) => {\n                callback?.(entries, observer);\n                isIntersecting.value = !!entries.find((entry) => {\n                    /**\n                     * There is a bug somewhere resulting in stale entries.\n                     * Make sure we're checking `entry.isIntersecting` on the correct entry\n                     * based on current position within a tolerance.\n                     */\n                    const tolerance = 1e-4;\n                    const currentRect = entry.target.getBoundingClientRect();\n                    const entryRect = entry.boundingClientRect;\n                    return (\n                        entry.isIntersecting &&\n                        Math.abs(currentRect.top - entryRect.top) < tolerance &&\n                        Math.abs(currentRect.left - entryRect.left) < tolerance\n                    );\n                });\n            },\n            options,\n        );\n\n        onBeforeUnmount(() => {\n            observer.disconnect();\n        });\n\n        watch(\n            intersectionRef,\n            (newValue, oldValue) => {\n                if (oldValue) {\n                    observer.unobserve(oldValue);\n                    isIntersecting.value = false;\n                }\n                if (newValue) {\n                    observer.observe(newValue);\n                }\n            },\n            {\n                flush: \"post\",\n            },\n        );\n    }\n\n    return { intersectionRef, isIntersecting };\n}\n","<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","<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(): never;\n    finished(): never;\n    loading(): never;\n    more(): 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            @click:more=\"intersecting('start')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side, props }\">\n                <slot name=\"finished\" :side=\"side\" :props=\"props\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side, props }\">\n                <slot name=\"error\" :side=\"side\" :props=\"props\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side, props }\">\n                <slot name=\"loading\" :side=\"side\" :props=\"props\" />\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            @click:more=\"intersecting('end')\">\n            <template v-if=\"slots.finished\" #finished=\"{ side, props }\">\n                <slot name=\"finished\" :side=\"side\" :props=\"props\" />\n            </template>\n            <template v-if=\"slots.error\" #error=\"{ side, props }\">\n                <slot name=\"error\" :side=\"side\" :props=\"props\" />\n            </template>\n            <template v-if=\"slots.loading\" #loading=\"{ side, props }\">\n                <slot name=\"loading\" :side=\"side\" :props=\"props\" />\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":["propsFactory","makeTagProps","makeDimensionsProps","_useSlots","props","useLocaleFunctions","computed","ref","shallowRef","Browser","onBeforeUnmount","watch","dimensions","useDimensions","toWebUnit","toRef","debounce","status","nextTick","onMounted"],"mappings":"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"}

package/dist/cjs/EvKbd.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.16 | MIT License */
+/*! Evance UI v1.0.18 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvKbd_vue_vue_type_script_setup_true_lang = require("./EvKbd.vue_vue_type_script_setup_true_lang-DHiVpBno.cjs");
+const EvKbd_vue_vue_type_script_setup_true_lang = require("./EvKbd.vue_vue_type_script_setup_true_lang-Da3TzXMg.cjs");
 exports.EvKbd = EvKbd_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvKbdProps = EvKbd_vue_vue_type_script_setup_true_lang.makeEvKbdProps;
 //# sourceMappingURL=EvKbd.cjs.map

package/dist/cjs/EvKbd.vue_vue_type_script_setup_true_lang-Da3TzXMg.cjs

@@ -0,0 +1,41 @@
+"use strict";
+/*! Evance UI v1.0.18 | MIT License */
+const vue = require("vue");
+const component = require("./component-BMXU3dq4.cjs");
+const props = require("./props-Bh4hmoEM.cjs");
+const modifiers = require("./modifiers-GI3V3CKa.cjs");
+const appearance = require("./appearance-D6ajwTD1.cjs");
+const makeEvKbdProps = props.propsFactory(
+  {
+    value: String,
+    size: String,
+    ...component.makeComponentProps()
+  },
+  "EvKbd"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvKbd",
+  props: {
+    ...makeEvKbdProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("kbd", {
+        class: vue.normalizeClass([
+          "ev-kbd",
+          props2.class,
+          vue.unref(modifiers.sizeModifier)(props2.size, [vue.unref(appearance.InputSize).default])
+        ]),
+        style: vue.normalizeStyle(props2.style)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(props2.value), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvKbdProps = makeEvKbdProps;
+//# sourceMappingURL=EvKbd.vue_vue_type_script_setup_true_lang-Da3TzXMg.cjs.map

package/dist/cjs/EvKbd.vue_vue_type_script_setup_true_lang-Da3TzXMg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvKbd.vue_vue_type_script_setup_true_lang-Da3TzXMg.cjs","sources":["../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { InputSizeProp, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        size: String as PropType<InputSizeProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":["propsFactory","makeComponentProps"],"mappings":";;;;;;;AAIO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IAEN,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvLabel.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.16 | MIT License */
+/*! Evance UI v1.0.18 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-04Gy1mRt.cjs");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-CBh56JyX.cjs");
 exports.EvLabel = EvLabel_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvLabelProps = EvLabel_vue_vue_type_script_setup_true_lang.makeEvLabelProps;
 exports.makeLabelProps = EvLabel_vue_vue_type_script_setup_true_lang.makeLabelProps;

package/dist/cjs/EvLabel.vue_vue_type_script_setup_true_lang-CBh56JyX.cjs

@@ -0,0 +1,60 @@
+"use strict";
+/*! Evance UI v1.0.18 | MIT License */
+const vue = require("vue");
+const component = require("./component-BMXU3dq4.cjs");
+const props = require("./props-Bh4hmoEM.cjs");
+const makeLabelProps = props.propsFactory(
+  {
+    label: String,
+    hint: String
+  },
+  "Label"
+);
+const makeEvLabelProps = props.propsFactory(
+  {
+    title: String,
+    hint: String,
+    clickable: Boolean,
+    ...component.makeComponentProps()
+  },
+  "EvLabel"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-label--title"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-label--hint"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvLabel",
+  props: {
+    ...makeEvLabelProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    vue.useSlots();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("label", {
+        class: vue.normalizeClass([
+          "ev-label",
+          {
+            "is-clickable": props2.clickable
+          },
+          props2.class
+        ]),
+        style: vue.normalizeStyle(props2.style)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          props2.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(props2.title), 1)) : vue.createCommentVNode("", true),
+          props2.hint ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(props2.hint), 1)) : vue.createCommentVNode("", true)
+        ])
+      ], 6);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvLabelProps = makeEvLabelProps;
+exports.makeLabelProps = makeLabelProps;
+//# sourceMappingURL=EvLabel.vue_vue_type_script_setup_true_lang-CBh56JyX.cjs.map

package/dist/cjs/EvLabel.vue_vue_type_script_setup_true_lang-CBh56JyX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvLabel.vue_vue_type_script_setup_true_lang-CBh56JyX.cjs","sources":["../../src/components/EvLabel/EvLabel.ts","../../src/components/EvLabel/EvLabel.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeLabelProps = propsFactory(\n    {\n        label: String,\n        hint: String,\n    },\n    \"Label\",\n);\n\nexport const makeEvLabelProps = propsFactory(\n    {\n        title: String,\n        hint: String,\n        clickable: Boolean,\n\n        ...makeComponentProps(),\n    },\n    \"EvLabel\",\n);\n","<script setup lang=\"ts\">\n/**\n * # `<ev-label>`\n */\nimport \"./EvLabel.scss\";\nimport { makeEvLabelProps } from \"./EvLabel\";\n\nconst props = defineProps({\n    ...makeEvLabelProps(),\n});\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <label\n        :class=\"[\n            'ev-label',\n            {\n                'is-clickable': props.clickable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot name=\"default\">\n            <div v-if=\"props.title\" class=\"ev-label--title\">\n                {{ props.title }}\n            </div>\n            <div v-if=\"props.hint\" class=\"ev-label--hint\">\n                {{ props.hint }}\n            </div>\n        </slot>\n    </label>\n</template>\n"],"names":["propsFactory","makeComponentProps","_useSlots"],"mappings":";;;;;AAGO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA;AACJ;AAEO,MAAM,mBAAmBA,MAAA;AAAA,EAC5B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IAEX,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;ACTcC;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvLayout.cjs

@@ -1,7 +1,7 @@
 "use strict";
-/*! Evance UI v1.0.16 | MIT License */
+/*! Evance UI v1.0.18 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EvLayout_vue_vue_type_script_setup_true_lang = require("./EvLayout.vue_vue_type_script_setup_true_lang-BaDLzQof.cjs");
+const EvLayout_vue_vue_type_script_setup_true_lang = require("./EvLayout.vue_vue_type_script_setup_true_lang-NU7ndpl4.cjs");
 exports.EvLayout = EvLayout_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.makeEvLayoutProps = EvLayout_vue_vue_type_script_setup_true_lang.makeEvLayoutProps;
 //# sourceMappingURL=EvLayout.cjs.map