@evance/evance-ui 1.0.33 → 1.0.36

package/dist/esm/chunks/EvInfiniteScroll.vue_vue_type_script_setup_true_lang-JapCDYe0.mjs

@@ -0,0 +1,463 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, renderSlot, normalizeProps, mergeProps, Fragment, createCommentVNode, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode, ref, shallowRef, onBeforeUnmount, watch, toRef, onMounted, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, createSlots, nextTick } from "vue";
+import { m as makeTagProps } from "./tag-4PAUDCGP.mjs";
+import { m as makeDimensionsProps, u as useDimensions } from "./dimensions-C7ldaBSW.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { _ as _sfc_main$3 } from "./EvButton.vue_vue_type_script_setup_true_lang-CVG25jHH.mjs";
+import { _ as _sfc_main$4 } from "./EvProgressCircular.vue_vue_type_script_setup_true_lang-Cuj9aQx5.mjs";
+import { u as useLocaleFunctions } from "./locale-5rB-jskk.mjs";
+import { B as Browser, d as debounce } from "./helpers-BU9eM0b_.mjs";
+import { t as toWebUnit } from "./units-B_272JbW.mjs";
+const makeEvInfiniteScrollProps = 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)
+    },
+    showFinished: {
+      type: Boolean,
+      default: true
+    },
+    side: {
+      type: String,
+      default: "end",
+      validator: (v) => ["start", "end", "both"].includes(v)
+    },
+    textMore: {
+      type: String,
+      default: "infiniteScroll.more"
+    },
+    textFinished: {
+      type: String,
+      default: "infiniteScroll.finished"
+    },
+    ...makeTagProps(),
+    ...makeDimensionsProps()
+  },
+  "EvInfiniteScroll"
+);
+const _hoisted_1 = { class: "ev-infinite-scroll-side" };
+const _hoisted_2 = { class: "ev-infinite-scroll-finished" };
+const _sfc_main$2 = /* @__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$3), { onClick }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)(props.textMore)), 1)
+              ]),
+              _: 1
+            })
+          ]) : renderSlot(_ctx.$slots, "loading", normalizeProps(mergeProps({ key: 1 }, slotProps)), () => [
+            createVNode(unref(_sfc_main$3), { 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$4), { indeterminate: "" })
+        ])
+      ]);
+    };
+  }
+});
+function useIntersectionObserver(callback, options) {
+  const intersectionRef = ref();
+  const isIntersecting = shallowRef(false);
+  if (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
+    );
+    onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    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__ */ 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);
+    };
+  }
+});
+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$2, 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$1, {
+            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$1, {
+            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$2, 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 _,
+  makeEvInfiniteScrollProps as m
+};
+//# sourceMappingURL=EvInfiniteScroll.vue_vue_type_script_setup_true_lang-JapCDYe0.mjs.map

package/dist/esm/chunks/EvInfiniteScroll.vue_vue_type_script_setup_true_lang-JapCDYe0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvInfiniteScroll.vue_vue_type_script_setup_true_lang-JapCDYe0.mjs","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        showFinished: {\n            type: Boolean,\n            default: true,\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    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","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(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":";;;;;;;;;;AAUO,MAAM,4BAA4B;AAAA,EACrC;AAAA,IACI,UAAU;AAAA,IACV,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAW,CAAC,YAAY,YAAY,EAAE,SAAS,CAAC;AAAA,IAChE;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,QAAQ,CAAC,QAAQ,MAAM;AAAA,IACvB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAW,CAAC,aAAa,QAAQ,EAAE,SAAS,CAAC;AAAA,IAC7D;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAW,CAAC,SAAS,OAAO,MAAM,EAAE,SAAS,CAAC;AAAA,IAC9D;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,cAAc;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,aAAa;AAAA,IAChB,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACXcA;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/D3C,SAAA,wBACZ,UACA,SACF;AACE,QAAM,kBAAkB,IAAiB;AACnC,QAAA,iBAAiB,WAAW,KAAK;AAEvC,MAAI,QAAQ,sBAAsB;AAC9B,UAAM,WAAW,IAAI;AAAA,MACjB,CAAC,YAAyC;AAEtC,uBAAe,QAAQ,CAAC,CAAC,QAAQ,KAAK,CAAC,UAAU;AAM7C,gBAAM,YAAY;AACZ,gBAAA,cAAc,MAAM,OAAO,sBAAsB;AACvD,gBAAM,YAAY,MAAM;AACxB,iBACI,MAAM,kBACN,KAAK,IAAI,YAAY,MAAM,UAAU,GAAG,IAAI,aAC5C,KAAK,IAAI,YAAY,OAAO,UAAU,IAAI,IAAI;AAAA,QAAA,CAErD;AAAA,MACL;AAAA,MACA;AAAA,IACJ;AAEA,oBAAgB,MAAM;AAClB,eAAS,WAAW;AAAA,IAAA,CACvB;AAED;AAAA,MACI;AAAA,MACA,CAAC,UAAU,aAAa;AACpB,YAAI,UAAU;AACV,mBAAS,UAAU,QAAQ;AAC3B,yBAAe,QAAQ;AAAA,QAAA;AAE3B,YAAI,UAAU;AACV,mBAAS,QAAQ,QAAQ;AAAA,QAAA;AAAA,MAEjC;AAAA,MACA;AAAA,QACI,OAAO;AAAA,MAAA;AAAA,IAEf;AAAA,EAAA;AAGG,SAAA,EAAE,iBAAiB,eAAe;AAC7C;;;;;;;;;;;;;;;;;;;;AC/BA,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;;;;;;;;;;;;;;;;ACtBD,UAAM,QAAQA;AAqBR,UAAA,aAAa,cAAc,KAAK;AACtC,UAAM,SAAS,IAAoB;AAC7B,UAAA,cAAc,WAAiC,IAAI;AACnD,UAAA,YAAY,WAAiC,IAAI;AACvD,UAAM,SAAS,SAAS,MAAM,UAAU,MAAM,MAAM,CAAC;AAC/C,UAAA,iBAAiB,WAAW,KAAK;AACvC,QAAI,qBAAqB;AAEnB,UAAA,aAAa,MAAM,OAAO,UAAU;AAEpC,UAAA,oBAAoB,SAAS,MAAM;AACrC,aAAO,MAAM,SAAS,WAAW,MAAM,SAAS;AAAA,IAAA,CACnD;AAEK,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,MAAM,SAAS,SAAS,MAAM,SAAS;AAAA,IAAA,CACjD;AAEK,UAAA,gBAAgB,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS;AAAA,IAAA,CACzB;AAED,aAAS,mBAAmB;AACpB,UAAA,CAAC,OAAO,OAAO;AACR,eAAA;AAAA,MAAA;AAEX,YAAM,WACF,MAAM,cAAc,aAAa,iBAAiB;AAC/C,aAAA,OAAO,MAAM,QAAQ;AAAA,IAAA;AAGhC,aAAS,kBAAkB;AACnB,UAAA,CAAC,OAAO,OAAO;AACR,eAAA;AAAA,MAAA;AAEX,YAAM,WACF,MAAM,cAAc,aAAa,cAAc;AAC5C,aAAA,OAAO,MAAM,QAAQ;AAAA,IAAA;AAGhC,aAAS,gBAAgB;AACjB,UAAA,CAAC,OAAO,OAAO;AACR,eAAA;AAAA,MAAA;AAEX,YAAM,WACF,MAAM,cAAc,aAAa,iBAAiB;AAC/C,aAAA,OAAO,MAAM,QAAQ;AAAA,IAAA;AAGhC,aAAS,UAAU,MAAc;AAC7B,aAAO,SAAS,UAAU,YAAY,QAAQ,UAAU;AAAA,IAAA;AAUtD,UAAA,yBAAyB,SAAS,CAAC,SAA6B;AAClE,UAAI,eAAe,SAAS,CAAC,WAAW,OAAO;AAC3C,qBAAa,IAAI;AAAA,MAAA;AAAA,IACrB,GACD,MAAM,cAAc;AAEd,aAAA,gBAAgB,MAA0B,iBAA0B;AACzE,qBAAe,QAAQ;AACvB,6BAAuB,IAAI;AAAA,IAAA;AAG/B,aAAS,aAAa,MAA0B;AAC5C,UAAI,MAAM,SAAS,YAAY,CAAC,eAAe,OAAO;AAClD;AAAA,MAAA;AAEE,YAAA,SAAS,UAAU,IAAI;AACzB,UAAA,CAAC,OAAO,SAAS,CAAC,YAAY,SAAS,EAAE,SAAS,MAAM,GAAG;AAC3D;AAAA,MAAA;AAEJ,2BAAqB,cAAc;AACnC,gBAAU,MAAM,SAAS;AAEzB,eAAS,MAAMC,SAA8B;AACzC,kBAAU,MAAMA,OAAM;AAEtB,iBAAS,MAAM;AACPA,cAAAA,YAAW,cAAcA,YAAW,SAAS;AAC7C;AAAA,UAAA;AAEAA,cAAAA,YAAW,QAAQ,SAAS,SAAS;AACrC;AAAA,cACI,cAAA,IAAkB,qBAAqB,gBAAgB;AAAA,YAC3D;AAAA,UAAA;AAEA,cAAA,MAAM,SAAS,UAAU;AACzB,qBAAS,MAAM;AACX,qBAAO,sBAAsB,MAAM;AAC/B,uBAAO,sBAAsB,MAAM;AAC/B,yBAAO,sBAAsB,MAAM;AAC/B,iCAAa,IAAI;AAAA,kBAAA,CACpB;AAAA,gBAAA,CACJ;AAAA,cAAA,CACJ;AAAA,YAAA,CACJ;AAAA,UAAA;AAAA,QACL,CACH;AAAA,MAAA;AAEL,WAAK,QAAQ;AAAA,QACT;AAAA,QACA,OAAO,MAAM,MAAM,OAAO;AAAA,QAC1B,MAAM,MAAM,MAAM,UAAU;AAAA,QAC5B,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA,CACzB;AAAA,IAAA;AAGL,aAAS,gBAAgB,QAAgB;AACjC,UAAA,CAAC,OAAO,OAAO;AACf;AAAA,MAAA;AAEJ,YAAM,WACF,MAAM,cAAc,aAAa,cAAc;AAC5C,aAAA,MAAM,QAAQ,IAAI;AAAA,IAAA;AAGpB,aAAA,UAAU,MAA0B,QAA8B;AACvE,UAAI,SAAS,SAAS;AAClB,oBAAY,QAAQ;AAAA,MAAA,WACb,SAAS,OAAO;AACvB,kBAAU,QAAQ;AAAA,MAAA;AAAA,IACtB;AAGJ,cAAU,MAAM;AACN,YAAA;AAAA,IAAA,CACT;AAEQ,aAAA,MAAM,SAA+B,MAAM;AAC5C,UAAA,CAAC,OAAO,OAAO;AACf;AAAA,MAAA;AAEJ,qBAAe,QAAQ;AACnB,UAAA,MAAM,SAAS,SAAS;AACxB,wBAAgB,eAAe;AAAA,MAAA,WACxB,MAAM,SAAS,QAAQ;AAC9B,wBAAgB,cAAc,IAAI,IAAI,iBAAA,IAAqB,CAAC;AAAA,MAAA,OACzD;AACH,wBAAgB,CAAC;AAAA,MAAA;AAErB,gBAAU,SAAS,MAAM;AACzB,gBAAU,OAAO,MAAM;AAAA,IAAA;AAGrB,UAAA,YAAY,SAAS,OAAO;AAAA,MAC9B,MAAM,MAAM;AAAA,MACZ,cAAc,MAAM;AAAA,MACpB,UAAU,MAAM;AAAA,IAAA,EAClB;AAEW,aAAA;AAAA,MACT;AAAA,MACA,aAAa;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvKbd.vue_vue_type_script_setup_true_lang--6qMHQip.mjs

@@ -0,0 +1,42 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+import { s as sizeModifier } from "./modifiers-BVTtETUg.mjs";
+import { I as InputSize } from "./appearance-n5ZZbaNU.mjs";
+const makeEvKbdProps = propsFactory(
+  {
+    value: String,
+    size: String,
+    ...makeComponentProps()
+  },
+  "EvKbd"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvKbd",
+  props: {
+    ...makeEvKbdProps()
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("kbd", {
+        class: normalizeClass([
+          "ev-kbd",
+          props.class,
+          unref(sizeModifier)(props.size, [unref(InputSize).default])
+        ]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.value), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvKbdProps as m
+};
+//# sourceMappingURL=EvKbd.vue_vue_type_script_setup_true_lang--6qMHQip.mjs.map

package/dist/esm/chunks/EvKbd.vue_vue_type_script_setup_true_lang--6qMHQip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvKbd.vue_vue_type_script_setup_true_lang--6qMHQip.mjs","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":[],"mappings":";;;;;;AAIO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IAEN,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/chunks/EvLabel.vue_vue_type_script_setup_true_lang-BDoAg_AB.mjs

@@ -0,0 +1,61 @@
+/*! Evance UI v1.0.36 | MIT License */
+import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B7n8wpjB.mjs";
+import { p as propsFactory } from "./props-2s59DNIa.mjs";
+const makeLabelProps = propsFactory(
+  {
+    label: String,
+    hint: String
+  },
+  "Label"
+);
+const makeEvLabelProps = propsFactory(
+  {
+    title: String,
+    hint: String,
+    clickable: Boolean,
+    ...makeComponentProps()
+  },
+  "EvLabel"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-label--title"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-label--hint"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvLabel",
+  props: {
+    ...makeEvLabelProps()
+  },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass([
+          "ev-label",
+          {
+            "is-clickable": props.clickable
+          },
+          props.class
+        ]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          props.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(props.title), 1)) : createCommentVNode("", true),
+          props.hint ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(props.hint), 1)) : createCommentVNode("", true)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvLabelProps as a,
+  makeLabelProps as m
+};
+//# sourceMappingURL=EvLabel.vue_vue_type_script_setup_true_lang-BDoAg_AB.mjs.map

package/dist/esm/chunks/EvLabel.vue_vue_type_script_setup_true_lang-BDoAg_AB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvLabel.vue_vue_type_script_setup_true_lang-BDoAg_AB.mjs","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":["_useSlots"],"mappings":";;;;AAGO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA;AACJ;AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IAEX,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;ACTcA;;;;;;;;;;;;;;;;;;;;"}