@evance/evance-ui 1.0.12 → 1.0.14

package/dist/esm/EvToolbar.vue_vue_type_script_setup_true_lang-C2Y3nrCJ.mjs

@@ -0,0 +1,178 @@
+/*! Evance UI v1.0.13 | MIT License */
+import { defineComponent, useSlots, getCurrentInstance, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, renderSlot, isRef } from "vue";
+import { m as makeComponentProps } from "./component-C2voaBDj.mjs";
+import { I as IconProp } from "./icons-TAh0eLbq.mjs";
+import { p as propsFactory } from "./props-CdZgnEVV.mjs";
+import { _ as _sfc_main$1 } from "./EvButton.vue_vue_type_script_setup_true_lang-BJ9HkKPA.mjs";
+import { _ as _sfc_main$2 } from "./EvIcon.vue_vue_type_style_index_0_lang-BQBz6Dt3.mjs";
+import { _ as _sfc_main$3 } from "./EvTabs.vue_vue_type_script_setup_true_lang-CBP3reem.mjs";
+import { _ as _sfc_main$4 } from "./EvButtonGroup.vue_vue_type_script_setup_true_lang-ovZRwC1o.mjs";
+import { A as ArrowBackIcon } from "./ArrowBackIcon-Dzx4csZk.mjs";
+import { C as CancelIcon } from "./CancelIcon-BY00fMyy.mjs";
+import { u as useModelProxy } from "./modelProxy-DjF0pPNC.mjs";
+import { s as sizeModifier } from "./modifiers-D164ox9_.mjs";
+const makeEvToolbarProps = propsFactory(
+  {
+    actions: Array,
+    icon: IconProp,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    tab: {
+      type: null,
+      default: void 0
+    },
+    tabs: Array,
+    title: String,
+    ...makeComponentProps()
+  },
+  "EvToolbar"
+);
+const _hoisted_1 = { class: "ev-toolbar--section-start" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ev-toolbar--prefix"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "ev-toolbar--back"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "ev-toolbar--icon"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "ev-toolbar--title"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "ev-toolbar--start"
+};
+const _hoisted_7 = { class: "ev-toolbar--section-end" };
+const _hoisted_8 = {
+  key: 0,
+  class: "ev-toolbar--end"
+};
+const _hoisted_9 = { class: "ev-toolbar--actions" };
+const _hoisted_10 = {
+  key: 1,
+  class: "ev-toolbar--close"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvToolbar",
+  props: {
+    ...makeEvToolbarProps()
+  },
+  emits: ["click:back", "click:close", "update:tab"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const instance = getCurrentInstance();
+    const hasBackButton = computed(() => {
+      return !!(instance == null ? void 0 : instance.vnode.props["onClick:back"]);
+    });
+    const hasCloseButton = computed(() => {
+      return !!(instance == null ? void 0 : instance.vnode.props["onClick:close"]);
+    });
+    const hasPrefix = computed(() => {
+      return hasBackButton.value || props.icon || props.title;
+    });
+    function onBackClick($event) {
+      $event.stopPropagation();
+      emit("click:back", $event);
+    }
+    function onCloseClick($event) {
+      $event.stopPropagation();
+      emit("click:close", $event);
+    }
+    const tab = useModelProxy(props, "tab");
+    const sizeClass = computed(() => sizeModifier(props.size));
+    const tabSize = computed(() => {
+      switch (props.size) {
+        case "large":
+          return "x-large";
+        case "small":
+          return "medium";
+        case "medium":
+        default:
+          return "large";
+      }
+    });
+    const actionSize = computed(() => {
+      switch (props.size) {
+        case "large":
+          return "medium";
+        case "small":
+          return "x-small";
+        case "medium":
+        default:
+          return "small";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-toolbar", sizeClass.value, props.class]),
+        style: normalizeStyle(props.style)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          hasPrefix.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createVNode(unref(_sfc_main$1), {
+                rounded: "",
+                size: "small",
+                variant: "subtle",
+                icon: unref(ArrowBackIcon),
+                onClick: onBackClick
+              }, null, 8, ["icon"])
+            ])) : createCommentVNode("", true),
+            props.icon ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode(unref(_sfc_main$2), {
+                glyph: props.icon
+              }, null, 8, ["glyph"])
+            ])) : createCommentVNode("", true),
+            props.title ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(props.title), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          unref(slots).start || props.tabs ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "start", {}, () => [
+              createVNode(unref(_sfc_main$3), {
+                modelValue: unref(tab),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(tab) ? tab.value = $event : null),
+                size: tabSize.value,
+                items: props.tabs
+              }, null, 8, ["modelValue", "size", "items"])
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          unref(slots).end || props.actions ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            renderSlot(_ctx.$slots, "end", {}, () => [
+              createElementVNode("div", _hoisted_9, [
+                createVNode(unref(_sfc_main$4), {
+                  gap: "medium",
+                  items: props.actions,
+                  size: actionSize.value
+                }, null, 8, ["items", "size"])
+              ])
+            ])
+          ])) : createCommentVNode("", true),
+          hasCloseButton.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createVNode(unref(_sfc_main$1), {
+              rounded: "",
+              size: "small",
+              icon: unref(CancelIcon),
+              variant: "subtle",
+              onClick: onCloseClick
+            }, null, 8, ["icon"])
+          ])) : createCommentVNode("", true)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvToolbarProps as m
+};
+//# sourceMappingURL=EvToolbar.vue_vue_type_script_setup_true_lang-C2Y3nrCJ.mjs.map

package/dist/esm/EvToolbar.vue_vue_type_script_setup_true_lang-C2Y3nrCJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvToolbar.vue_vue_type_script_setup_true_lang-C2Y3nrCJ.mjs","sources":["../../src/components/EvToolbar/EvToolbar.ts","../../src/components/EvToolbar/EvToolbar.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { PropType } from \"vue\";\nimport { EvTabProps } from \"@/components/EvTabs\";\nimport { EvButtonProps } from \"@/components/EvButton\";\n\nexport type EvToolbarSize = \"small\" | \"medium\" | \"large\";\n\nexport const makeEvToolbarProps = propsFactory(\n    {\n        actions: Array as PropType<readonly EvButtonProps[]>,\n        icon: IconProp,\n        size: {\n            type: String as PropType<EvToolbarSize>,\n            default: \"medium\",\n        },\n        tab: {\n            type: null,\n            default: undefined,\n        },\n        tabs: Array as PropType<readonly EvTabProps[]>,\n        title: String,\n        ...makeComponentProps(),\n    },\n    \"EvToolbar\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvToolbar.scss\";\nimport { makeEvToolbarProps } from \"./EvToolbar\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvTabs } from \"@/components/EvTabs\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { ArrowBackIcon, CancelIcon } from \"@/icons\";\nimport { computed, getCurrentInstance } from \"vue\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { sizeModifier } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvToolbarProps(),\n});\n\nconst slots = defineSlots<{\n    start(): never;\n    end(): never;\n}>();\n\nconst instance = getCurrentInstance();\n\nconst emit = defineEmits([\"click:back\", \"click:close\", \"update:tab\"]);\n\nconst hasBackButton = computed(() => {\n    return !!instance?.vnode.props[\"onClick:back\"];\n});\n\nconst hasCloseButton = computed(() => {\n    return !!instance?.vnode.props[\"onClick:close\"];\n});\n\nconst hasPrefix = computed(() => {\n    return hasBackButton.value || props.icon || props.title;\n});\n\nfunction onBackClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:back\", $event);\n}\n\nfunction onCloseClick($event: MouseEvent) {\n    $event.stopPropagation();\n    emit(\"click:close\", $event);\n}\n\nconst tab = useModelProxy(props, \"tab\");\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst tabSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"x-large\";\n        case \"small\":\n            return \"medium\";\n        case \"medium\":\n        default:\n            return \"large\";\n    }\n});\n\nconst actionSize = computed(() => {\n    switch (props.size) {\n        case \"large\":\n            return \"medium\";\n        case \"small\":\n            return \"x-small\";\n        case \"medium\":\n        default:\n            return \"small\";\n    }\n});\n\n</script>\n\n<template>\n    <div :class=\"['ev-toolbar', sizeClass, props.class]\" :style=\"props.style\">\n        <div class=\"ev-toolbar--section-start\">\n            <div v-if=\"hasPrefix\" class=\"ev-toolbar--prefix\">\n                <div v-if=\"hasBackButton\" class=\"ev-toolbar--back\">\n                    <ev-button\n                        rounded\n                        size=\"small\"\n                        variant=\"subtle\"\n                        :icon=\"ArrowBackIcon\"\n                        @click=\"onBackClick\" />\n                </div>\n\n                <div v-if=\"props.icon\" class=\"ev-toolbar--icon\">\n                    <ev-icon :glyph=\"props.icon\" />\n                </div>\n\n                <div v-if=\"props.title\" class=\"ev-toolbar--title\">\n                    {{ props.title }}\n                </div>\n            </div>\n            <div v-if=\"slots.start || props.tabs\" class=\"ev-toolbar--start\">\n                <slot name=\"start\">\n                    <ev-tabs\n                        v-model=\"tab\"\n                        :size=\"tabSize\"\n                        :items=\"props.tabs\" />\n                </slot>\n            </div>\n        </div>\n        <div class=\"ev-toolbar--section-end\">\n            <div v-if=\"slots.end || props.actions\" class=\"ev-toolbar--end\">\n                <slot name=\"end\">\n                    <div class=\"ev-toolbar--actions\">\n                        <ev-button-group\n                            gap=\"medium\"\n                            :items=\"props.actions\"\n                            :size=\"actionSize\" />\n                    </div>\n                </slot>\n            </div>\n            <div v-if=\"hasCloseButton\" class=\"ev-toolbar--close\">\n                <ev-button\n                    rounded\n                    size=\"small\"\n                    :icon=\"CancelIcon\"\n                    variant=\"subtle\"\n                    @click=\"onCloseClick\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;AASO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACVA,UAAM,QAAQA;AAKd,UAAM,WAAW,mBAAmB;AAI9B,UAAA,gBAAgB,SAAS,MAAM;AACjC,aAAO,CAAC,EAAC,qCAAU,MAAM,MAAM;AAAA,IAAc,CAChD;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAClC,aAAO,CAAC,EAAC,qCAAU,MAAM,MAAM;AAAA,IAAe,CACjD;AAEK,UAAA,YAAY,SAAS,MAAM;AAC7B,aAAO,cAAc,SAAS,MAAM,QAAQ,MAAM;AAAA,IAAA,CACrD;AAED,aAAS,YAAY,QAAoB;AACrC,aAAO,gBAAgB;AACvB,WAAK,cAAc,MAAM;AAAA,IAAA;AAG7B,aAAS,aAAa,QAAoB;AACtC,aAAO,gBAAgB;AACvB,WAAK,eAAe,MAAM;AAAA,IAAA;AAGxB,UAAA,MAAM,cAAc,OAAO,KAAK;AAEtC,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;AAEnD,UAAA,UAAU,SAAS,MAAM;AAC3B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;AAEK,UAAA,aAAa,SAAS,MAAM;AAC9B,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AAAA,QACL;AACW,iBAAA;AAAA,MAAA;AAAA,IACf,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvTooltip.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.10 | MIT License */
-import { _, m } from "./EvTooltip.vue_vue_type_script_setup_true_lang-CGXF_Z7D.mjs";
+/*! Evance UI v1.0.13 | MIT License */
+import { _, m } from "./EvTooltip.vue_vue_type_script_setup_true_lang-CGT6Gvpk.mjs";
 export {
   _ as EvTooltip,
   m as makeEvTooltipProps

package/dist/esm/EvTooltip.vue_vue_type_script_setup_true_lang-CGT6Gvpk.mjs

@@ -0,0 +1,97 @@
+/*! Evance UI v1.0.13 | MIT License */
+import { defineComponent, computed, ref, mergeProps, createBlock, openBlock, unref, isRef, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { e as makeEvOverlayProps, _ as _sfc_main$1 } from "./EvOverlay.vue_vue_type_script_setup_true_lang-GKKKQtm0.mjs";
+import { p as propsFactory } from "./props-CdZgnEVV.mjs";
+import { o as omit, g as getNextId, f as filterComponentProps } from "./helpers-Bgx_aYVx.mjs";
+import { u as useModelProxy } from "./modelProxy-DjF0pPNC.mjs";
+const makeEvTooltipProps = propsFactory(
+  {
+    id: String,
+    text: String,
+    ...omit(
+      makeEvOverlayProps({
+        closeOnBack: false,
+        position: "top",
+        positionStrategy: "connected",
+        minWidth: 0,
+        offset: 8,
+        openDelay: 250,
+        openOnClick: false,
+        openOnHover: true,
+        origin: "auto",
+        veil: false,
+        scrollStrategy: "reposition",
+        transition: false
+      }),
+      ["absolute", "persistent"]
+    )
+  },
+  "EvTooltip"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvTooltip",
+  props: {
+    ...makeEvTooltipProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const isActive = useModelProxy(props, "modelValue");
+    const uid = getNextId();
+    const id = computed(() => {
+      return props.id || `ev-tooltip-${uid}`;
+    });
+    const overlayRef = ref();
+    const overlayProps = computed(() => filterComponentProps(_sfc_main$1, props));
+    const position = computed(() => {
+      return props.position.split(" ").length > 1 ? props.position : props.position + " center";
+    });
+    const origin = computed(() => {
+      return props.origin === "auto" || props.origin === "overlap" || props.origin.split(" ").length > 1 || props.position.split(" ").length > 1 ? props.origin : props.origin + " center";
+    });
+    const transition = computed(() => {
+      if (props.transition) {
+        return props.transition;
+      }
+      return isActive.value ? "transition-scale" : "transition-fade";
+    });
+    const activatorProps = computed(() => {
+      return mergeProps(
+        {
+          "aria-describedby": id.value
+        },
+        props.activatorProps
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+        id: id.value,
+        ref_key: "overlayRef",
+        ref: overlayRef
+      }, overlayProps.value, {
+        modelValue: unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isActive) ? isActive.value = $event : null),
+        role: "tooltip",
+        class: ["ev-tooltip", props.class],
+        style: props.style,
+        transition: transition.value,
+        position: position.value,
+        origin: origin.value,
+        "activator-props": activatorProps.value,
+        absolute: "",
+        "disable-global-stack": ""
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["id", "modelValue", "class", "style", "transition", "position", "origin", "activator-props"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvTooltipProps as m
+};
+//# sourceMappingURL=EvTooltip.vue_vue_type_script_setup_true_lang-CGT6Gvpk.mjs.map

package/dist/esm/EvTooltip.vue_vue_type_script_setup_true_lang-CGT6Gvpk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTooltip.vue_vue_type_script_setup_true_lang-CGT6Gvpk.mjs","sources":["../../src/components/EvTooltip/EvTooltip.ts","../../src/components/EvTooltip/EvTooltip.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvOverlayProps } from \"@/components/EvOverlay\";\n\nexport const makeEvTooltipProps = propsFactory(\n    {\n        id: String,\n        text: String,\n\n        ...omit(\n            makeEvOverlayProps({\n                closeOnBack: false,\n                position: \"top\" as const,\n                positionStrategy: \"connected\" as const,\n                minWidth: 0,\n                offset: 8,\n                openDelay: 250,\n                openOnClick: false,\n                openOnHover: true,\n                origin: \"auto\" as const,\n                veil: false,\n                scrollStrategy: \"reposition\" as const,\n                transition: false,\n            }),\n            [\"absolute\", \"persistent\"],\n        ),\n    },\n    \"EvTooltip\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvTooltip.scss\";\nimport { makeEvTooltipProps } from \"./EvTooltip\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { filterComponentProps, getNextId } from \"@/util\";\nimport { EvOverlay, PositionStrategyProps } from \"@/components/EvOverlay\";\nimport { computed, mergeProps, ref } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvTooltipProps(),\n});\n\nconst isActive = useModelProxy(props, \"modelValue\");\nconst uid = getNextId();\n\nconst id = computed(() => {\n    return props.id || `ev-tooltip-${uid}`;\n});\n\nconst overlayRef = ref<typeof EvOverlay>();\nconst overlayProps = computed(() => filterComponentProps(EvOverlay, props));\n\nconst position = computed(() => {\n    return props.position.split(\" \").length > 1\n        ? props.position\n        : ((props.position + \" center\") as PositionStrategyProps[\"position\"]);\n});\n\nconst origin = computed(() => {\n    return props.origin === \"auto\" ||\n        props.origin === \"overlap\" ||\n        props.origin.split(\" \").length > 1 ||\n        props.position.split(\" \").length > 1\n        ? props.origin\n        : ((props.origin + \" center\") as PositionStrategyProps[\"origin\"]);\n});\n\nconst transition = computed(() => {\n    if (props.transition) {\n        return props.transition;\n    }\n    return isActive.value ? \"transition-scale\" : \"transition-fade\";\n});\n\nconst activatorProps = computed(() => {\n    return mergeProps(\n        {\n            \"aria-describedby\": id.value,\n        },\n        props.activatorProps,\n    );\n});\n</script>\n\n<template>\n    <ev-overlay\n        :id=\"id\"\n        ref=\"overlayRef\"\n        v-bind=\"overlayProps\"\n        v-model=\"isActive\"\n        role=\"tooltip\"\n        :class=\"['ev-tooltip', props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :position=\"position\"\n        :origin=\"origin\"\n        :activator-props=\"activatorProps\"\n        absolute\n        disable-global-stack>\n        <slot>{{ props.text }}</slot>\n    </ev-overlay>\n</template>\n"],"names":["EvOverlay"],"mappings":";;;;;;AAGO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IAEN,GAAG;AAAA,MACC,mBAAmB;AAAA,QACf,aAAa;AAAA,QACb,UAAU;AAAA,QACV,kBAAkB;AAAA,QAClB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,YAAY;AAAA,MAAA,CACf;AAAA,MACD,CAAC,YAAY,YAAY;AAAA,IAAA;AAAA,EAEjC;AAAA,EACA;AACJ;;;;;;;;ACfM,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,MAAM,UAAU;AAEhB,UAAA,KAAK,SAAS,MAAM;AACf,aAAA,MAAM,MAAM,cAAc,GAAG;AAAA,IAAA,CACvC;AAED,UAAM,aAAa,IAAsB;AACzC,UAAM,eAAe,SAAS,MAAM,qBAAqBA,aAAW,KAAK,CAAC;AAEpE,UAAA,WAAW,SAAS,MAAM;AACrB,aAAA,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACpC,MAAM,WACJ,MAAM,WAAW;AAAA,IAAA,CAC5B;AAEK,UAAA,SAAS,SAAS,MAAM;AACnB,aAAA,MAAM,WAAW,UACpB,MAAM,WAAW,aACjB,MAAM,OAAO,MAAM,GAAG,EAAE,SAAS,KACjC,MAAM,SAAS,MAAM,GAAG,EAAE,SAAS,IACjC,MAAM,SACJ,MAAM,SAAS;AAAA,IAAA,CAC1B;AAEK,UAAA,aAAa,SAAS,MAAM;AAC9B,UAAI,MAAM,YAAY;AAClB,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA,SAAS,QAAQ,qBAAqB;AAAA,IAAA,CAChD;AAEK,UAAA,iBAAiB,SAAS,MAAM;AAC3B,aAAA;AAAA,QACH;AAAA,UACI,oBAAoB,GAAG;AAAA,QAC3B;AAAA,QACA,MAAM;AAAA,MACV;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvTransition-HCrUwNXx.mjs

@@ -0,0 +1,44 @@
+/*! Evance UI v1.0.13 | MIT License */
+import { computed, Transition, h, mergeProps } from "vue";
+import { d as isEmpty, b as isBoolean, i as isString, a as isObject } from "./is-functions-CJWN-TDA.mjs";
+import { p as propsFactory } from "./props-CdZgnEVV.mjs";
+const makeEvTransitionProps = propsFactory(
+  {
+    transition: {
+      type: [Boolean, String, Object],
+      default: true
+    }
+  },
+  "EvTransition"
+);
+function useEvTransition(props, defaultTransition = "transition-fade") {
+  return computed(() => {
+    if (isEmpty(props.transition) || isBoolean(props.transition)) {
+      return {
+        name: !!props.transition && !props.disabled ? defaultTransition : ""
+      };
+    }
+    if (isString(props.transition)) {
+      return {
+        name: props.disabled ? "" : props.transition
+      };
+    }
+    return props.transition;
+  });
+}
+const EvTransition = (props, { slots }) => {
+  const { transition, disabled, ...remainingProps } = props;
+  const { component: transitionComponent = Transition, ...customProps } = isObject(transition) ? transition : {};
+  const transitionProps = isString(transition) ? { name: disabled ? "" : transition } : customProps;
+  return h(
+    transitionComponent,
+    mergeProps(transitionProps, remainingProps, { disabled }),
+    slots
+  );
+};
+export {
+  EvTransition as E,
+  makeEvTransitionProps as m,
+  useEvTransition as u
+};
+//# sourceMappingURL=EvTransition-HCrUwNXx.mjs.map

package/dist/esm/EvTransition-HCrUwNXx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTransition-HCrUwNXx.mjs","sources":["../../src/components/EvTransition/EvTransition.ts"],"sourcesContent":["import {\n    Component,\n    computed,\n    FunctionalComponent,\n    mergeProps,\n    PropType,\n    Transition,\n    TransitionProps,\n    h,\n} from \"vue\";\nimport { isBoolean, isEmpty, isObject, isString, propsFactory } from \"@/util\";\n\nexport type EvTransitionProp =\n    | string\n    | boolean\n    | (TransitionProps & { component?: Component });\n\nexport interface EvTransitionProps {\n    appear?: boolean;\n    transition?: EvTransitionProp;\n    disabled?: boolean;\n}\n\n/**\n * # Make Transition Props\n */\nexport const makeEvTransitionProps = propsFactory(\n    {\n        transition: {\n            type: [Boolean, String, Object] as PropType<EvTransitionProp>,\n            default: true,\n        },\n    },\n    \"EvTransition\",\n);\n\n/**\n * # Use Transition\n *\n * Prepares `transition` props for use\n *\n * @param props\n * @param defaultTransition\n */\nexport function useEvTransition(\n    props: EvTransitionProps,\n    defaultTransition: string = \"transition-fade\",\n) {\n    return computed(() => {\n        if (isEmpty(props.transition) || isBoolean(props.transition)) {\n            return {\n                name:\n                    !!props.transition && !props.disabled\n                        ? defaultTransition\n                        : \"\",\n            };\n        }\n        if (isString(props.transition)) {\n            return {\n                name: props.disabled ? \"\" : props.transition,\n            };\n        }\n        return props.transition;\n    });\n}\n\n/**\n * # EvTransition\n *\n * A functional component for handling transitions, which can either be a name, object or component.\n *\n * There is no `.vue` component file for this component.\n *\n * @param props\n * @param slots\n * @constructor\n */\nexport const EvTransition: FunctionalComponent = (\n    props: EvTransitionProps,\n    { slots },\n) => {\n    const { transition, disabled, ...remainingProps } = props;\n    const { component: transitionComponent = Transition, ...customProps } =\n        isObject(transition) ? transition : {};\n    const transitionProps = isString(transition)\n        ? { name: disabled ? \"\" : transition }\n        : (customProps as any);\n\n    return h(\n        transitionComponent,\n        mergeProps(transitionProps, remainingProps as any, { disabled }),\n        slots,\n    );\n};\n"],"names":[],"mappings":";;;;AA0BO,MAAM,wBAAwB;AAAA,EACjC;AAAA,IACI,YAAY;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;AAUgB,SAAA,gBACZ,OACA,oBAA4B,mBAC9B;AACE,SAAO,SAAS,MAAM;AAClB,QAAI,QAAQ,MAAM,UAAU,KAAK,UAAU,MAAM,UAAU,GAAG;AACnD,aAAA;AAAA,QACH,MACI,CAAC,CAAC,MAAM,cAAc,CAAC,MAAM,WACvB,oBACA;AAAA,MACd;AAAA,IAAA;AAEA,QAAA,SAAS,MAAM,UAAU,GAAG;AACrB,aAAA;AAAA,QACH,MAAM,MAAM,WAAW,KAAK,MAAM;AAAA,MACtC;AAAA,IAAA;AAEJ,WAAO,MAAM;AAAA,EAAA,CAChB;AACL;AAaO,MAAM,eAAoC,CAC7C,OACA,EAAE,YACD;AACD,QAAM,EAAE,YAAY,UAAU,GAAG,eAAmB,IAAA;AAC9C,QAAA,EAAE,WAAW,sBAAsB,YAAY,GAAG,YAAY,IAChE,SAAS,UAAU,IAAI,aAAa,CAAC;AACnC,QAAA,kBAAkB,SAAS,UAAU,IACrC,EAAE,MAAM,WAAW,KAAK,WAAA,IACvB;AAEA,SAAA;AAAA,IACH;AAAA,IACA,WAAW,iBAAiB,gBAAuB,EAAE,UAAU;AAAA,IAC/D;AAAA,EACJ;AACJ;"}

package/dist/esm/EvTransitionExpand.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.10 | MIT License */
+/*! Evance UI v1.0.13 | MIT License */
 import { h, Transition, camelize } from "vue";
 function createJavaScriptTransition(name, functions, mode = "in-out") {
   return (props, { slots }) => {
@@ -25,8 +25,7 @@ function ExpandTransitionGenerator(expandedParentClass = "", x = false) {
   function resetStyles(el) {
     const size = el._initialStyle[sizeProperty];
     el.style.overflow = el._initialStyle.overflow;
-    if (size != null)
-      el.style[sizeProperty] = size;
+    if (size != null) el.style[sizeProperty] = size;
     delete el._initialStyle;
   }
   return {

package/dist/esm/EvTransitionExpand.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTransitionExpand.mjs","sources":["../../src/components/EvTransition/transitions/createTransition.ts","../../src/components/EvTransition/transitions/expandTransition.ts","../../src/components/EvTransition/transitions/index.ts"],"sourcesContent":["import {FunctionalComponent, h, Transition} from \"vue\";\n\n\n/**\n * # createJavaScriptTransition\n *\n * @param name\n * @param functions\n * @param mode\n *\n */\nexport function createJavaScriptTransition(\n    name: string,\n    functions: Record<string, any>,\n    mode = 'in-out'\n): FunctionalComponent {\n\n    return (props: any, {slots}) => {\n        return h(\n            Transition,\n            {\n                name: props.disabled ? '' : name,\n                css: !props.disabled,\n                ...(props.disabled ? {} : functions)\n            },\n            slots.default\n        );\n    };\n}","// Utilities\nimport { camelize } from \"vue\";\n\ninterface HTMLExpandElement extends HTMLElement {\n    _parent?: (Node & ParentNode & HTMLElement) | null;\n    _initialStyle?: {\n        transition: string;\n        overflow: string;\n        height?: string | null;\n        width?: string | null;\n    };\n}\n\n/**\n * @param expandedParentClass\n * @param x\n */\nexport default function (expandedParentClass = \"\", x = false) {\n    const sizeProperty = x ? \"width\" : \"height\";\n    const offsetProperty = camelize(`offset-${sizeProperty}`);\n\n    /**\n     * ## onAfterLeave\n     * @param el\n     */\n    function onAfterLeave(el: HTMLExpandElement) {\n        if (expandedParentClass && el._parent) {\n            el._parent.classList.remove(expandedParentClass);\n        }\n        resetStyles(el);\n    }\n\n    /**\n     * ## resetStyles\n     * @param el\n     */\n    function resetStyles(el: HTMLExpandElement) {\n        const size = el._initialStyle![sizeProperty];\n        el.style.overflow = el._initialStyle!.overflow;\n        if (size != null) el.style[sizeProperty] = size;\n        delete el._initialStyle;\n    }\n\n    return {\n        /**\n         * ## onBeforeEnter\n         * @param el\n         */\n        onBeforeEnter(el: HTMLExpandElement) {\n            el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null;\n            el._initialStyle = {\n                transition: el.style.transition,\n                overflow: el.style.overflow,\n                [sizeProperty]: el.style[sizeProperty],\n            };\n        },\n\n        /**\n         * ## onEnter\n         * @param el\n         */\n        onEnter(el: HTMLExpandElement) {\n            console.log('onenter');\n            const initialStyle = el._initialStyle!;\n\n            el.style.setProperty(\"transition\", \"none\", \"important\");\n            // Hide overflow to account for collapsed margins in the calculated height\n            el.style.overflow = \"hidden\";\n            const offset = `${el[offsetProperty]}px`;\n\n            el.style[sizeProperty] = \"0\";\n\n            void el.offsetHeight; // force reflow\n            el.style.transition = initialStyle.transition;\n\n            if (expandedParentClass && el._parent) {\n                el._parent.classList.add(expandedParentClass);\n            }\n\n            requestAnimationFrame(() => {\n                el.style[sizeProperty] = offset;\n            });\n        },\n\n        /**\n         * ## onAfterEnter\n         */\n        onAfterEnter: resetStyles,\n\n        /**\n         * ## onEnterCancelled\n         */\n        onEnterCancelled: resetStyles,\n\n        /**\n         * ## onLeave\n         * @param el\n         */\n        onLeave(el: HTMLExpandElement) {\n            el._initialStyle = {\n                transition: \"\",\n                overflow: el.style.overflow,\n                [sizeProperty]: el.style[sizeProperty],\n            };\n\n            el.style.overflow = \"hidden\";\n            el.style[sizeProperty] = `${el[offsetProperty]}px`;\n            void el.offsetHeight; // force reflow\n\n            requestAnimationFrame(() => (el.style[sizeProperty] = \"0\"));\n        },\n\n        /**\n         * ## onAfterLeave\n         */\n        onAfterLeave,\n\n        /**\n         * ## onAfterLeave\n         */\n        onLeaveCancelled: onAfterLeave,\n    };\n}\n","// Javascript transitions\nimport { createJavaScriptTransition } from \"@/components/EvTransition/transitions/createTransition\";\nimport ExpandTransitionGenerator from \"./expandTransition\";\nimport { FunctionalComponent } from \"vue\";\n\nexport const EvTransitionExpand = createJavaScriptTransition(\n    \"expand-transition\",\n    ExpandTransitionGenerator(),\n);\nexport const EvTransitionExpandX = createJavaScriptTransition(\n    \"expand-x-transition\",\n    ExpandTransitionGenerator(\"\", true),\n);\n\nexport type EvTransitionExpand = FunctionalComponent<typeof EvTransitionExpand>;\nexport type EvTransitionExpandX = FunctionalComponent<typeof EvTransitionExpandX>;"],"names":[],"mappings":";;AAWO,SAAS,2BACZ,MACA,WACA,OAAO,UACY;AAEnB,SAAO,CAAC,OAAY,EAAC,YAAW;AACrB,WAAA;AAAA,MACH;AAAA,MACA;AAAA,QACI,MAAM,MAAM,WAAW,KAAK;AAAA,QAC5B,KAAK,CAAC,MAAM;AAAA,QACZ,GAAI,MAAM,WAAW,CAAA,IAAK;AAAA,MAC9B;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EACV;AAER;ACXyB,SAAA,0BAAA,sBAAsB,IAAI,IAAI,OAAO;AACpD,QAAA,eAAe,IAAI,UAAU;AACnC,QAAM,iBAAiB,SAAS,UAAU,YAAY,EAAE;AAMxD,WAAS,aAAa,IAAuB;AACrC,QAAA,uBAAuB,GAAG,SAAS;AAChC,SAAA,QAAQ,UAAU,OAAO,mBAAmB;AAAA,IACnD;AACA,gBAAY,EAAE;AAAA,EAClB;AAMA,WAAS,YAAY,IAAuB;AAClC,UAAA,OAAO,GAAG,cAAe,YAAY;AACxC,OAAA,MAAM,WAAW,GAAG,cAAe;AACtC,QAAI,QAAQ;AAAS,SAAA,MAAM,YAAY,IAAI;AAC3C,WAAO,GAAG;AAAA,EACd;AAEO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKH,cAAc,IAAuB;AACjC,SAAG,UAAU,GAAG;AAChB,SAAG,gBAAgB;AAAA,QACf,YAAY,GAAG,MAAM;AAAA,QACrB,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MAAA;AAAA,IAE7C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAQ,IAAuB;AAC3B,cAAQ,IAAI,SAAS;AACrB,YAAM,eAAe,GAAG;AAExB,SAAG,MAAM,YAAY,cAAc,QAAQ,WAAW;AAEtD,SAAG,MAAM,WAAW;AACpB,YAAM,SAAS,GAAG,GAAG,cAAc,CAAC;AAEjC,SAAA,MAAM,YAAY,IAAI;AAEzB,WAAK,GAAG;AACL,SAAA,MAAM,aAAa,aAAa;AAE/B,UAAA,uBAAuB,GAAG,SAAS;AAChC,WAAA,QAAQ,UAAU,IAAI,mBAAmB;AAAA,MAChD;AAEA,4BAAsB,MAAM;AACrB,WAAA,MAAM,YAAY,IAAI;AAAA,MAAA,CAC5B;AAAA,IACL;AAAA;AAAA;AAAA;AAAA,IAKA,cAAc;AAAA;AAAA;AAAA;AAAA,IAKd,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,QAAQ,IAAuB;AAC3B,SAAG,gBAAgB;AAAA,QACf,YAAY;AAAA,QACZ,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MAAA;AAGzC,SAAG,MAAM,WAAW;AACpB,SAAG,MAAM,YAAY,IAAI,GAAG,GAAG,cAAc,CAAC;AAC9C,WAAK,GAAG;AAER,4BAAsB,MAAO,GAAG,MAAM,YAAY,IAAI,GAAI;AAAA,IAC9D;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA,IAKA,kBAAkB;AAAA,EAAA;AAE1B;ACrHO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,EACA,0BAA0B;AAC9B;AACO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,EACA,0BAA0B,IAAI,IAAI;AACtC;"}
+{"version":3,"file":"EvTransitionExpand.mjs","sources":["../../src/components/EvTransition/transitions/createTransition.ts","../../src/components/EvTransition/transitions/expandTransition.ts","../../src/components/EvTransition/transitions/index.ts"],"sourcesContent":["import {FunctionalComponent, h, Transition} from \"vue\";\n\n\n/**\n * # createJavaScriptTransition\n *\n * @param name\n * @param functions\n * @param mode\n *\n */\nexport function createJavaScriptTransition(\n    name: string,\n    functions: Record<string, any>,\n    mode = 'in-out'\n): FunctionalComponent {\n\n    return (props: any, {slots}) => {\n        return h(\n            Transition,\n            {\n                name: props.disabled ? '' : name,\n                css: !props.disabled,\n                ...(props.disabled ? {} : functions)\n            },\n            slots.default\n        );\n    };\n}","// Utilities\nimport { camelize } from \"vue\";\n\ninterface HTMLExpandElement extends HTMLElement {\n    _parent?: (Node & ParentNode & HTMLElement) | null;\n    _initialStyle?: {\n        transition: string;\n        overflow: string;\n        height?: string | null;\n        width?: string | null;\n    };\n}\n\n/**\n * @param expandedParentClass\n * @param x\n */\nexport default function (expandedParentClass = \"\", x = false) {\n    const sizeProperty = x ? \"width\" : \"height\";\n    const offsetProperty = camelize(`offset-${sizeProperty}`);\n\n    /**\n     * ## onAfterLeave\n     * @param el\n     */\n    function onAfterLeave(el: HTMLExpandElement) {\n        if (expandedParentClass && el._parent) {\n            el._parent.classList.remove(expandedParentClass);\n        }\n        resetStyles(el);\n    }\n\n    /**\n     * ## resetStyles\n     * @param el\n     */\n    function resetStyles(el: HTMLExpandElement) {\n        const size = el._initialStyle![sizeProperty];\n        el.style.overflow = el._initialStyle!.overflow;\n        if (size != null) el.style[sizeProperty] = size;\n        delete el._initialStyle;\n    }\n\n    return {\n        /**\n         * ## onBeforeEnter\n         * @param el\n         */\n        onBeforeEnter(el: HTMLExpandElement) {\n            el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null;\n            el._initialStyle = {\n                transition: el.style.transition,\n                overflow: el.style.overflow,\n                [sizeProperty]: el.style[sizeProperty],\n            };\n        },\n\n        /**\n         * ## onEnter\n         * @param el\n         */\n        onEnter(el: HTMLExpandElement) {\n            console.log('onenter');\n            const initialStyle = el._initialStyle!;\n\n            el.style.setProperty(\"transition\", \"none\", \"important\");\n            // Hide overflow to account for collapsed margins in the calculated height\n            el.style.overflow = \"hidden\";\n            const offset = `${el[offsetProperty]}px`;\n\n            el.style[sizeProperty] = \"0\";\n\n            void el.offsetHeight; // force reflow\n            el.style.transition = initialStyle.transition;\n\n            if (expandedParentClass && el._parent) {\n                el._parent.classList.add(expandedParentClass);\n            }\n\n            requestAnimationFrame(() => {\n                el.style[sizeProperty] = offset;\n            });\n        },\n\n        /**\n         * ## onAfterEnter\n         */\n        onAfterEnter: resetStyles,\n\n        /**\n         * ## onEnterCancelled\n         */\n        onEnterCancelled: resetStyles,\n\n        /**\n         * ## onLeave\n         * @param el\n         */\n        onLeave(el: HTMLExpandElement) {\n            el._initialStyle = {\n                transition: \"\",\n                overflow: el.style.overflow,\n                [sizeProperty]: el.style[sizeProperty],\n            };\n\n            el.style.overflow = \"hidden\";\n            el.style[sizeProperty] = `${el[offsetProperty]}px`;\n            void el.offsetHeight; // force reflow\n\n            requestAnimationFrame(() => (el.style[sizeProperty] = \"0\"));\n        },\n\n        /**\n         * ## onAfterLeave\n         */\n        onAfterLeave,\n\n        /**\n         * ## onAfterLeave\n         */\n        onLeaveCancelled: onAfterLeave,\n    };\n}\n","// Javascript transitions\nimport { createJavaScriptTransition } from \"@/components/EvTransition/transitions/createTransition\";\nimport ExpandTransitionGenerator from \"./expandTransition\";\nimport { FunctionalComponent } from \"vue\";\n\nexport const EvTransitionExpand = createJavaScriptTransition(\n    \"expand-transition\",\n    ExpandTransitionGenerator(),\n);\nexport const EvTransitionExpandX = createJavaScriptTransition(\n    \"expand-x-transition\",\n    ExpandTransitionGenerator(\"\", true),\n);\n\nexport type EvTransitionExpand = FunctionalComponent<typeof EvTransitionExpand>;\nexport type EvTransitionExpandX = FunctionalComponent<typeof EvTransitionExpandX>;"],"names":[],"mappings":";;AAWO,SAAS,2BACZ,MACA,WACA,OAAO,UACY;AAEnB,SAAO,CAAC,OAAY,EAAC,YAAW;AACrB,WAAA;AAAA,MACH;AAAA,MACA;AAAA,QACI,MAAM,MAAM,WAAW,KAAK;AAAA,QAC5B,KAAK,CAAC,MAAM;AAAA,QACZ,GAAI,MAAM,WAAW,KAAK;AAAA,MAC9B;AAAA,MACA,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;ACXyB,SAAA,0BAAA,sBAAsB,IAAI,IAAI,OAAO;AACpD,QAAA,eAAe,IAAI,UAAU;AACnC,QAAM,iBAAiB,SAAS,UAAU,YAAY,EAAE;AAMxD,WAAS,aAAa,IAAuB;AACrC,QAAA,uBAAuB,GAAG,SAAS;AAChC,SAAA,QAAQ,UAAU,OAAO,mBAAmB;AAAA,IAAA;AAEnD,gBAAY,EAAE;AAAA,EAAA;AAOlB,WAAS,YAAY,IAAuB;AAClC,UAAA,OAAO,GAAG,cAAe,YAAY;AACxC,OAAA,MAAM,WAAW,GAAG,cAAe;AACtC,QAAI,QAAQ,KAAS,IAAA,MAAM,YAAY,IAAI;AAC3C,WAAO,GAAG;AAAA,EAAA;AAGP,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKH,cAAc,IAAuB;AACjC,SAAG,UAAU,GAAG;AAChB,SAAG,gBAAgB;AAAA,QACf,YAAY,GAAG,MAAM;AAAA,QACrB,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MACzC;AAAA,IACJ;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAQ,IAAuB;AAC3B,cAAQ,IAAI,SAAS;AACrB,YAAM,eAAe,GAAG;AAExB,SAAG,MAAM,YAAY,cAAc,QAAQ,WAAW;AAEtD,SAAG,MAAM,WAAW;AACpB,YAAM,SAAS,GAAG,GAAG,cAAc,CAAC;AAEjC,SAAA,MAAM,YAAY,IAAI;AAEzB,WAAK,GAAG;AACL,SAAA,MAAM,aAAa,aAAa;AAE/B,UAAA,uBAAuB,GAAG,SAAS;AAChC,WAAA,QAAQ,UAAU,IAAI,mBAAmB;AAAA,MAAA;AAGhD,4BAAsB,MAAM;AACrB,WAAA,MAAM,YAAY,IAAI;AAAA,MAAA,CAC5B;AAAA,IACL;AAAA;AAAA;AAAA;AAAA,IAKA,cAAc;AAAA;AAAA;AAAA;AAAA,IAKd,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMlB,QAAQ,IAAuB;AAC3B,SAAG,gBAAgB;AAAA,QACf,YAAY;AAAA,QACZ,UAAU,GAAG,MAAM;AAAA,QACnB,CAAC,YAAY,GAAG,GAAG,MAAM,YAAY;AAAA,MACzC;AAEA,SAAG,MAAM,WAAW;AACpB,SAAG,MAAM,YAAY,IAAI,GAAG,GAAG,cAAc,CAAC;AAC9C,WAAK,GAAG;AAER,4BAAsB,MAAO,GAAG,MAAM,YAAY,IAAI,GAAI;AAAA,IAC9D;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA,IAKA,kBAAkB;AAAA,EACtB;AACJ;ACrHO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,EACA,0BAA0B;AAC9B;AACO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,EACA,0BAA0B,IAAI,IAAI;AACtC;"}

package/dist/esm/EvTransitionExpandX.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.0.10 | MIT License */
+/*! Evance UI v1.0.13 | MIT License */
 import { EvTransitionExpand, EvTransitionExpandX } from "./EvTransitionExpand.mjs";
 export {
   EvTransitionExpand,

package/dist/esm/EvVirtualScroll.mjs

@@ -1,6 +1,6 @@
-/*! Evance UI v1.0.10 | MIT License */
-import { a, m } from "./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-Dzxb6PIo.mjs";
-import { _ } from "./EvVirtualScroll.vue_vue_type_script_setup_true_lang-B6MvLsvR.mjs";
+/*! Evance UI v1.0.13 | MIT License */
+import { a, m } from "./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-9UVc-TN9.mjs";
+import { _ } from "./EvVirtualScroll.vue_vue_type_script_setup_true_lang-CQtswM73.mjs";
 export {
   _ as EvVirtualScroll,
   a as makeEvVirtualScrollItemProps,

package/dist/esm/EvVirtualScroll.vue_vue_type_script_setup_true_lang-CQtswM73.mjs

@@ -0,0 +1,130 @@
+/*! Evance UI v1.0.13 | MIT License */
+import { defineComponent, toRef, createElementBlock, openBlock, Fragment, createElementVNode, normalizeStyle, unref, renderList, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, normalizeClass, onMounted, onScopeDispose } from "vue";
+import { m as makeEvVirtualScrollProps, u as useVirtual, _ as _sfc_main$1 } from "./EvVirtualScrollItem.vue_vue_type_script_setup_true_lang-9UVc-TN9.mjs";
+import { u as useDimensions } from "./dimensions-DbfdAJ9B.mjs";
+import { u as useToggleScope } from "./toggleScope-rsADoLps.mjs";
+import { g as getCurrentComponent } from "./components-BRjgYTxa.mjs";
+import { t as toWebUnit } from "./units-rYGIoT8W.mjs";
+import { g as getScrollParent } from "./scroll-D3rytVGV.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvVirtualScroll",
+  props: {
+    ...makeEvVirtualScrollProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const component = getCurrentComponent("EvVirtualScroll");
+    const dimensionStyles = useDimensions(props);
+    const {
+      calculateVisibleItems,
+      containerRef,
+      markerRef,
+      handleScroll,
+      handleScrollend,
+      handleItemResize,
+      scrollToIndex,
+      paddingTop,
+      paddingBottom,
+      computedItems
+    } = useVirtual(props, toRef(props, "items"));
+    useToggleScope(
+      () => props.renderless,
+      () => {
+        function toggleEventListeners(add = false) {
+          var _a, _b;
+          const method = add ? "addEventListener" : "removeEventListener";
+          if (containerRef.value === document.documentElement) {
+            document[method]("scroll", handleScroll, { passive: true });
+            document[method]("scrollend", handleScrollend);
+          } else {
+            (_a = containerRef.value) == null ? void 0 : _a[method]("scroll", handleScroll, {
+              passive: true
+            });
+            (_b = containerRef.value) == null ? void 0 : _b[method]("scrollend", handleScrollend);
+          }
+        }
+        onMounted(() => {
+          containerRef.value = getScrollParent(
+            component.vnode.el,
+            true
+          );
+          toggleEventListeners(true);
+        });
+        onScopeDispose(toggleEventListeners);
+      }
+    );
+    __expose({
+      calculateVisibleItems,
+      scrollToIndex
+    });
+    return (_ctx, _cache) => {
+      return props.renderless ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("div", {
+          ref_key: "markerRef",
+          ref: markerRef,
+          class: "ev-virtual-scroll--spacer",
+          style: normalizeStyle({ paddingTop: unref(toWebUnit)(unref(paddingTop)) })
+        }, null, 4),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (item) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: item.index,
+            renderless: props.renderless,
+            "onUpdate:height": (h) => unref(handleItemResize)(item.index, h)
+          }, {
+            default: withCtx(({ itemRef }) => [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ item: item.raw, index: item.index, itemRef })))
+            ]),
+            _: 2
+          }, 1032, ["renderless", "onUpdate:height"]);
+        }), 128)),
+        createElementVNode("div", {
+          class: "ev-virtual-scroll--spacer",
+          style: normalizeStyle({ paddingBottom: unref(toWebUnit)(unref(paddingBottom)) })
+        }, null, 4)
+      ], 64)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass(["ev-virtual-scroll", props.class]),
+        style: normalizeStyle([unref(dimensionStyles), props.style]),
+        onScrollPassive: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(handleScroll) && unref(handleScroll)(...args)),
+        onScrollend: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(handleScrollend) && unref(handleScrollend)(...args))
+      }, [
+        createElementVNode("div", {
+          ref_key: "markerRef",
+          ref: markerRef,
+          class: "ev-virtual-scroll--container",
+          style: normalizeStyle([
+            {
+              paddingTop: unref(toWebUnit)(unref(paddingTop)),
+              paddingBottom: unref(toWebUnit)(unref(paddingBottom))
+            }
+          ])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedItems), (item) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: item.index,
+              renderless: props.renderless,
+              "onUpdate:height": (h) => unref(handleItemResize)(item.index, h)
+            }, {
+              default: withCtx(({ itemRef }) => [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+                  item: item.raw,
+                  index: item.index,
+                  itemRef
+                })))
+              ]),
+              _: 2
+            }, 1032, ["renderless", "onUpdate:height"]);
+          }), 128))
+        ], 4)
+      ], 38));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=EvVirtualScroll.vue_vue_type_script_setup_true_lang-CQtswM73.mjs.map

package/dist/esm/EvVirtualScroll.vue_vue_type_script_setup_true_lang-CQtswM73.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvVirtualScroll.vue_vue_type_script_setup_true_lang-CQtswM73.mjs","sources":["../../src/components/EvVirtualScroll/EvVirtualScroll.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { makeEvVirtualScrollProps } from \"./EvVirtualScroll\";\nimport { getCurrentComponent, getScrollParent, toWebUnit } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport { onMounted, onScopeDispose, Ref, toRef } from \"vue\";\nimport { useVirtual } from \"@/composables/virtual\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\nimport EvVirtualScrollItem from \"./EvVirtualScrollItem.vue\";\n\nconst props = defineProps({\n    ...makeEvVirtualScrollProps(),\n});\nconst component = getCurrentComponent(\"EvVirtualScroll\");\nconst dimensionStyles = useDimensions(props);\nconst {\n    calculateVisibleItems,\n    containerRef,\n    markerRef,\n    handleScroll,\n    handleScrollend,\n    handleItemResize,\n    scrollToIndex,\n    paddingTop,\n    paddingBottom,\n    computedItems,\n} = useVirtual(props, toRef(props, \"items\"));\n\nuseToggleScope(\n    () => props.renderless,\n    () => {\n        function toggleEventListeners(add = false) {\n            const method = add ? \"addEventListener\" : \"removeEventListener\";\n            if (containerRef.value === document.documentElement) {\n                document[method](\"scroll\", handleScroll, { passive: true });\n                document[method](\"scrollend\", handleScrollend);\n            } else {\n                containerRef.value?.[method](\"scroll\", handleScroll, {\n                    passive: true,\n                });\n                containerRef.value?.[method](\"scrollend\", handleScrollend);\n            }\n        }\n        onMounted(() => {\n            containerRef.value = getScrollParent(\n                component.vnode.el as HTMLElement,\n                true,\n            );\n            toggleEventListeners(true);\n        });\n        onScopeDispose(toggleEventListeners);\n    },\n);\n\ndefineExpose({\n    calculateVisibleItems,\n    scrollToIndex,\n});\n\ndefineSlots<{\n    default(props: {\n        item: any;\n        index: number;\n        itemRef: Ref<HTMLElement | undefined>;\n    }): any;\n}>();\n</script>\n\n<template>\n    <template v-if=\"props.renderless\">\n        <div\n            ref=\"markerRef\"\n            class=\"ev-virtual-scroll--spacer\"\n            :style=\"{ paddingTop: toWebUnit(paddingTop) }\"></div>\n        <ev-virtual-scroll-item\n            v-for=\"item in computedItems\"\n            :key=\"item.index\"\n            :renderless=\"props.renderless\"\n            @update:height=\"(h) => handleItemResize(item.index, h)\">\n            <template #default=\"{ itemRef }\">\n                <slot v-bind=\"{ item: item.raw, index: item.index, itemRef }\" />\n            </template>\n        </ev-virtual-scroll-item>\n        <div\n            class=\"ev-virtual-scroll--spacer\"\n            :style=\"{ paddingBottom: toWebUnit(paddingBottom) }\"></div>\n    </template>\n\n    <div\n        v-else\n        ref=\"containerRef\"\n        :class=\"['ev-virtual-scroll', props.class]\"\n        :style=\"[dimensionStyles, props.style]\"\n        @scroll.passive=\"handleScroll\"\n        @scrollend=\"handleScrollend\">\n        <div\n            ref=\"markerRef\"\n            class=\"ev-virtual-scroll--container\"\n            :style=\"[\n                {\n                    paddingTop: toWebUnit(paddingTop),\n                    paddingBottom: toWebUnit(paddingBottom),\n                },\n            ]\">\n            <ev-virtual-scroll-item\n                v-for=\"item in computedItems\"\n                :key=\"item.index\"\n                :renderless=\"props.renderless\"\n                @update:height=\"(h) => handleItemResize(item.index, h)\">\n                <template #default=\"{ itemRef }\">\n                    <slot\n                        name=\"default\"\n                        v-bind=\"{\n                            item: item.raw,\n                            index: item.index,\n                            itemRef,\n                        }\" />\n                </template>\n            </ev-virtual-scroll-item>\n        </div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYM,UAAA,YAAY,oBAAoB,iBAAiB;AACjD,UAAA,kBAAkB,cAAc,KAAK;AACrC,UAAA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACA,WAAW,OAAO,MAAM,OAAO,OAAO,CAAC;AAE3C;AAAA,MACI,MAAM,MAAM;AAAA,MACZ,MAAM;AACO,iBAAA,qBAAqB,MAAM,OAAO;;AACjC,gBAAA,SAAS,MAAM,qBAAqB;AACtC,cAAA,aAAa,UAAU,SAAS,iBAAiB;AACjD,qBAAS,MAAM,EAAE,UAAU,cAAc,EAAE,SAAS,MAAM;AACjD,qBAAA,MAAM,EAAE,aAAa,eAAe;AAAA,UAAA,OAC1C;AACH,+BAAa,UAAb,mBAAqB,QAAQ,UAAU,cAAc;AAAA,cACjD,SAAS;AAAA,YAAA;AAEb,+BAAa,UAAb,mBAAqB,QAAQ,aAAa;AAAA,UAAe;AAAA,QAC7D;AAEJ,kBAAU,MAAM;AACZ,uBAAa,QAAQ;AAAA,YACjB,UAAU,MAAM;AAAA,YAChB;AAAA,UACJ;AACA,+BAAqB,IAAI;AAAA,QAAA,CAC5B;AACD,uBAAe,oBAAoB;AAAA,MAAA;AAAA,IAE3C;AAEa,aAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}