@noction/vue-bezier 1.11.2 → 2.0.0-beta.1

package/dist/vue-bezier.js

@@ -1,66 +1,65 @@
-import { TransitionGroup as w, Transition as A, defineComponent as f, openBlock as u, createBlock as p, resolveDynamicComponent as c, unref as l, mergeProps as m, withCtx as g, renderSlot as y } from "vue";
-const h = (a) => a.group ? w : A;
-function v(a, o) {
-  return typeof a == "number" ? a : typeof a == "object" && a !== null ? a[o] ?? 0 : 0;
+import { TransitionGroup as k, Transition as B, defineComponent as c, openBlock as m, createBlock as v, resolveDynamicComponent as T, unref as f, mergeProps as b, withCtx as y, renderSlot as g, computed as d, normalizeStyle as L, normalizeClass as M } from "vue";
+function F(e, a) {
+  return typeof e == "number" ? e : typeof e == "object" && e !== null ? e[a] ?? 0 : 0;
 }
-function B(a) {
-  return a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function Z(e) {
+  return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function L(a, o) {
-  const e = v(a.duration, "enter"), n = v(a.delay, "enter");
-  o.style.setProperty("animation-duration", `${e}ms`), o.style.setProperty("animation-delay", `${n}ms`), _(a, o);
+function O(e, a) {
+  const t = F(e.duration, "enter"), o = F(e.delay, "enter");
+  a.style.setProperty("animation-duration", `${t}ms`), a.style.setProperty("animation-delay", `${o}ms`), w(e, a);
 }
-function M(a, o) {
-  const e = v(a.duration, "leave"), n = v(a.delay, "leave");
-  o.style.setProperty("animation-duration", `${e}ms`), o.style.setProperty("animation-delay", `${n}ms`), _(a, o);
+function X(e, a) {
+  const t = F(e.duration, "leave"), o = F(e.delay, "leave");
+  a.style.setProperty("animation-duration", `${t}ms`), a.style.setProperty("animation-delay", `${o}ms`), w(e, a);
 }
-function F(a, o, e) {
-  P(a, o);
-  const n = v(a.duration, "leave"), i = v(a.delay, "leave");
-  setTimeout(e, n + i);
+function N(e, a, t) {
+  I(e, a);
+  const o = F(e.duration, "leave"), s = F(e.delay, "leave");
+  setTimeout(t, o + s);
 }
-function $(a, o) {
-  a.styles && Object.entries(a.styles).forEach(([e]) => {
-    if (e in o.style) {
-      const n = B(e);
-      o.style.removeProperty(n);
+function z(e, a) {
+  e.styles && Object.entries(e.styles).forEach(([t]) => {
+    if (t in a.style) {
+      const o = Z(t);
+      a.style.removeProperty(o);
     }
-  }), o.style.removeProperty("animation-duration"), o.style.removeProperty("animation-delay");
+  }), a.style.removeProperty("animation-duration"), a.style.removeProperty("animation-delay");
 }
-function _(a, o) {
-  k(a, o), a.styles && Object.entries(a.styles).forEach(([e, n]) => {
-    if (e in o.style) {
-      const i = B(e);
-      o.style.setProperty(i, n);
+function w(e, a) {
+  Y(e, a), e.styles && Object.entries(e.styles).forEach(([t, o]) => {
+    if (t in a.style) {
+      const s = Z(t);
+      a.style.setProperty(s, o);
     }
   });
 }
-function P(a, o) {
-  if (a.group && o instanceof HTMLElement) {
-    const e = getComputedStyle(o), { width: n, height: i, marginLeft: r, marginTop: s } = e, t = n !== "auto" ? parseFloat(n) : o.offsetWidth, d = i !== "auto" ? parseFloat(i) : o.offsetHeight, b = parseFloat(r), S = parseFloat(s);
-    o.style.setProperty("left", `${o.offsetLeft - b}px`, "important"), o.style.setProperty("top", `${o.offsetTop - S}px`, "important"), o.style.setProperty("width", `${t}px`, "important"), o.style.setProperty("height", `${d}px`, "important"), o.style.setProperty("position", "absolute", "important");
+function I(e, a) {
+  if (e.group && a instanceof HTMLElement) {
+    const t = getComputedStyle(a), { width: o, height: s, marginLeft: u, marginTop: l } = t, n = o !== "auto" ? Number.parseFloat(o) : a.offsetWidth, $ = s !== "auto" ? Number.parseFloat(s) : a.offsetHeight, E = Number.parseFloat(u), r = Number.parseFloat(l);
+    a.style.setProperty("left", `${a.offsetLeft - E}px`, "important"), a.style.setProperty("top", `${a.offsetTop - r}px`, "important"), a.style.setProperty("width", `${n}px`, "important"), a.style.setProperty("height", `${$}px`, "important"), a.style.setProperty("position", "absolute", "important");
   }
 }
-function k(a, o) {
-  a.origin && o.style.setProperty("transform-origin", a.origin);
+function Y(e, a) {
+  e.origin && a.style.setProperty("transform-origin", e.origin);
 }
-const T = (a, o) => ({
-  onAfterEnter: (e) => {
-    $(a, e), o("after-enter", e);
+const P = (e, a) => ({
+  onAfterEnter: (t) => {
+    z(e, t), a("after-enter", t);
   },
-  onAfterLeave: (e) => {
-    $(a, e), o("after-leave", e);
+  onAfterLeave: (t) => {
+    z(e, t), a("after-leave", t);
   },
-  onBeforeEnter: (e) => {
-    L(a, e), o("before-enter", e);
+  onBeforeEnter: (t) => {
+    O(e, t), a("before-enter", t);
   },
-  onBeforeLeave: (e) => {
-    M(a, e), o("before-leave", e);
+  onBeforeLeave: (t) => {
+    X(e, t), a("before-leave", t);
   },
-  onLeave: (e, n) => {
-    F(a, e, n), o("leave", e, n);
+  onLeave: (t, o) => {
+    N(e, t, o), a("leave", t, o);
   }
-}), C = /* @__PURE__ */ f({
+}), h = (e) => e.group ? k : B, H = /* @__PURE__ */ c({
   __name: "CollapseTransition",
   props: {
     delay: { default: 0 },
@@ -73,44 +72,45 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = {
-      onAfterEnter(t) {
-        t.style.transition = "", t.style.height = "", t.style.overflow = t.dataset.oldOverflow, n("after-enter", t);
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = {
+      onAfterEnter(n) {
+        n.style.transition = "", n.style.height = "", n.style.overflow = n.dataset.oldOverflow, o("afterEnter", n);
       },
-      onAfterLeave(t) {
-        t.style.transition = "", t.style.height = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom, n("after-leave", t);
+      onAfterLeave(n) {
+        n.style.transition = "", n.style.height = "", n.style.overflow = n.dataset.oldOverflow, n.style.paddingTop = n.dataset.oldPaddingTop, n.style.paddingBottom = n.dataset.oldPaddingBottom, o("afterLeave", n);
       },
-      onBeforeEnter(t) {
-        const d = v(e.duration, "enter");
-        t.style.transition = s(d), t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.height = "0", t.style.paddingTop = 0, t.style.paddingBottom = 0, _(e, t), n("before-enter", t);
+      onBeforeEnter(n) {
+        const $ = F(t.duration, "enter");
+        n.style.transition = l($), n.dataset || (n.dataset = {}), n.dataset.oldPaddingTop = n.style.paddingTop, n.dataset.oldPaddingBottom = n.style.paddingBottom, n.style.height = "0", n.style.paddingTop = 0, n.style.paddingBottom = 0, w(t, n), o("beforeEnter", n);
       },
-      onBeforeLeave(t) {
-        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.height = `${t.scrollHeight}px`, t.style.overflow = "hidden", _(e, t), n("before-leave", t);
+      onBeforeLeave(n) {
+        n.dataset || (n.dataset = {}), n.dataset.oldPaddingTop = n.style.paddingTop, n.dataset.oldPaddingBottom = n.style.paddingBottom, n.dataset.oldOverflow = n.style.overflow, n.style.height = `${n.scrollHeight}px`, n.style.overflow = "hidden", w(t, n), o("beforeLeave", n);
       },
-      onEnter(t) {
-        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.height = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.height = "", t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
+      onEnter(n) {
+        n.dataset.oldOverflow = n.style.overflow, n.scrollHeight !== 0 ? (n.style.height = `${n.scrollHeight}px`, n.style.paddingTop = n.dataset.oldPaddingTop, n.style.paddingBottom = n.dataset.oldPaddingBottom) : (n.style.height = "", n.style.paddingTop = n.dataset.oldPaddingTop, n.style.paddingBottom = n.dataset.oldPaddingBottom), n.style.overflow = "hidden";
       },
-      onLeave(t, d) {
-        const b = v(e.duration, "leave");
-        t.scrollHeight !== 0 && (t.style.transition = s(b), t.style.height = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0), P(e, t), F(e, t, d), n("leave", t, d);
+      onLeave(n, $) {
+        const E = F(t.duration, "leave");
+        n.scrollHeight !== 0 && (n.style.transition = l(E), n.style.height = 0, n.style.paddingTop = 0, n.style.paddingBottom = 0), I(t, n), N(t, n, $), o("leave", n, $);
       }
-    }, s = (t) => {
-      const d = t / 1e3;
-      return `${d}s height ease-in-out, ${d}s padding-top ease-in-out, ${d}s padding-bottom ease-in-out`;
     };
-    return (t, d) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+    function l(n) {
+      const $ = n / 1e3;
+      return `${$}s height ease-in-out, ${$}s padding-top ease-in-out, ${$}s padding-bottom ease-in-out`;
+    }
+    return (n, $) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-collapse"
-    }, { ...t.$attrs, ...r }), {
-      default: g(() => [
-        y(t.$slots, "default")
+    }, { ...n.$attrs, ...u }), {
+      default: y(() => [
+        g(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), Z = /* @__PURE__ */ f({
+}), j = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "FadeTransition",
   props: {
@@ -124,20 +124,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-fade"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), D = /* @__PURE__ */ f({
+}), U = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ScaleTransition",
   props: {
@@ -151,20 +151,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-scale"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), E = /* @__PURE__ */ f({
+}), x = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "SlideXLeftTransition",
   props: {
@@ -178,20 +178,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-slide-left"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), O = /* @__PURE__ */ f({
+}), R = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "SlideXRightTransition",
   props: {
@@ -205,20 +205,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-slide-right"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), X = /* @__PURE__ */ f({
+}), W = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "SlideYDownTransition",
   props: {
@@ -232,20 +232,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-slide-down"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), Y = /* @__PURE__ */ f({
+}), K = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "SlideYUpTransition",
   props: {
@@ -259,20 +259,501 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-slide-up"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), z = /* @__PURE__ */ f({
+}), q = /* @__PURE__ */ c({
+  __name: "BlurTransition",
+  props: {
+    duration: { default: 500 },
+    delay: { default: 0 }
+  },
+  setup(e) {
+    const a = d(() => ({
+      enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
+      leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
+    })), t = d(() => ({
+      enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
+      leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
+    }));
+    return (o, s) => (m(), v(B, {
+      "enter-active-class": "blur-enter-active",
+      "enter-from-class": "blur-enter-from",
+      "enter-to-class": "blur-enter-to",
+      "leave-active-class": "blur-leave-active",
+      "leave-from-class": "blur-leave-from",
+      "leave-to-class": "blur-leave-to",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), D = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [o, s] of a)
+    t[o] = s;
+  return t;
+}, G = /* @__PURE__ */ D(q, [["__scopeId", "data-v-7be59bae"]]), V = /* @__PURE__ */ c({
+  __name: "ClipPathTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 1e3 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {},
+    clipType: { default: "circle" }
+  },
+  setup(e) {
+    const a = d(() => ({
+      enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
+      leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
+    })), t = d(() => ({
+      enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
+      leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
+    })), o = d(() => e.clipType === "circle" ? "clip-circle" : "clip-square");
+    return (s, u) => (m(), v(B, {
+      mode: "default",
+      class: M([o.value]),
+      "enter-active-class": "clip-enter-active",
+      "enter-from-class": "clip-enter-from",
+      "enter-to-class": "clip-enter-to",
+      "leave-active-class": "clip-leave-active",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(s.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), J = /* @__PURE__ */ D(V, [["__scopeId", "data-v-df810289"]]), Q = /* @__PURE__ */ c({
+  __name: "DissolveListTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: { default: "span" }
+  },
+  setup(e) {
+    const a = d(() => typeof e.duration == "number" ? {
+      enter: `${e.duration}ms`,
+      leave: `${e.duration}ms`
+    } : {
+      enter: `${e.duration.enter}ms`,
+      leave: `${e.duration.leave}ms`
+    }), t = d(() => typeof e.delay == "number" ? {
+      enter: `${e.delay}ms`,
+      leave: `${e.delay}ms`
+    } : {
+      enter: `${e.delay.enter}ms`,
+      leave: `${e.delay.leave}ms`
+    });
+    function o(r) {
+      const i = getComputedStyle(r), { width: p, height: S } = i, { marginLeft: C, marginTop: A } = i;
+      r.style.setProperty("left", `${r.offsetLeft - Number.parseFloat(C)}px`, "important"), r.style.setProperty("top", `${r.offsetTop - Number.parseFloat(A)}px`, "important"), r.style.setProperty("width", `${Number.parseFloat(p)}px`, "important"), r.style.setProperty("height", `${Number.parseFloat(S)}px`, "important");
+    }
+    function s(r) {
+      r.style.setProperty("transition-duration", "0ms", "important"), r.style.setProperty("transition-delay", "0ms", "important");
+    }
+    function u(r) {
+      r.style.removeProperty("transition-duration"), r.style.removeProperty("transition-timing-function"), r.style.removeProperty("transition-delay");
+    }
+    function l(r, i = "enter") {
+      const p = a.value[i], S = t.value[i];
+      r.style.setProperty("transition-duration", p, "important"), r.style.setProperty("transition-delay", S, "important");
+    }
+    function n(r) {
+      const i = r;
+      u(i), i.style.removeProperty("opacity");
+    }
+    function $(r) {
+      const i = r;
+      s(i), o(i);
+    }
+    function E(r) {
+      const i = r;
+      l(i, "leave"), i.style.setProperty("opacity", "0", "important");
+    }
+    return (r, i) => (m(), v(k, {
+      tag: r.tag,
+      class: "dissolve-list",
+      "enter-active-class": "dissolve-enter-active",
+      "enter-from-class": "dissolve-enter-from",
+      "enter-to-class": "dissolve-enter-to",
+      "leave-active-class": "dissolve-leave-active",
+      "leave-from-class": "dissolve-leave-from",
+      "leave-to-class": "dissolve-leave-to",
+      "move-class": "dissolve-move",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      }),
+      onAfterLeave: i[0] || (i[0] = (p) => n(p)),
+      onBeforeLeave: i[1] || (i[1] = (p) => $(p)),
+      onLeave: i[2] || (i[2] = (p) => E(p))
+    }, {
+      default: y(() => [
+        g(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["tag", "style"]));
+  }
+}), _ = /* @__PURE__ */ c({
+  __name: "DissolveTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {}
+  },
+  setup(e) {
+    const a = d(() => typeof e.duration == "number" ? {
+      enter: `${e.duration}ms`,
+      leave: `${e.duration}ms`
+    } : {
+      enter: `${e.duration.enter}ms`,
+      leave: `${e.duration.leave}ms`
+    }), t = d(() => typeof e.delay == "number" ? {
+      enter: `${e.delay}ms`,
+      leave: `${e.delay}ms`
+    } : {
+      enter: `${e.delay.enter}ms`,
+      leave: `${e.delay.leave}ms`
+    });
+    return (o, s) => (m(), v(B, {
+      "enter-active-class": "dissolve-enter-active",
+      "enter-from-class": "dissolve-enter-from",
+      "enter-to-class": "dissolve-enter-to",
+      "leave-active-class": "dissolve-leave-active",
+      "leave-from-class": "dissolve-leave-from",
+      "leave-to-class": "dissolve-leave-to",
+      "move-class": "dissolve-move",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), ee = /* @__PURE__ */ D(_, [["__scopeId", "data-v-5960431f"]]), te = /* @__PURE__ */ c({
+  __name: "FadeSlideTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {}
+  },
+  setup(e) {
+    const a = d(() => typeof e.duration == "number" ? {
+      enter: `${e.duration}ms`,
+      leave: `${e.duration}ms`
+    } : {
+      enter: `${e.duration.enter}ms`,
+      leave: `${e.duration.leave}ms`
+    }), t = d(() => typeof e.delay == "number" ? {
+      enter: `${e.delay}ms`,
+      leave: `${e.delay}ms`
+    } : {
+      enter: `${e.delay.enter}ms`,
+      leave: `${e.delay.leave}ms`
+    });
+    return (o, s) => (m(), v(B, {
+      "enter-active-class": "fade-slide-enter-active",
+      "enter-from-class": "fade-slide-enter-from",
+      "enter-to-class": "fade-slide-enter-to",
+      "leave-active-class": "fade-slide-leave-active",
+      "leave-from-class": "fade-slide-leave-from",
+      "leave-to-class": "fade-slide-leave-to",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), ae = /* @__PURE__ */ D(te, [["__scopeId", "data-v-9e8b9b73"]]), ne = /* @__PURE__ */ c({
+  __name: "PushTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {},
+    direction: { default: "right" }
+  },
+  setup(e) {
+    const a = d(() => typeof e.duration == "number" ? {
+      enter: `${e.duration}ms`,
+      leave: `${e.duration}ms`
+    } : {
+      enter: `${e.duration.enter}ms`,
+      leave: `${e.duration.leave}ms`
+    }), t = d(() => typeof e.delay == "number" ? {
+      enter: `${e.delay}ms`,
+      leave: `${e.delay}ms`
+    } : {
+      enter: `${e.delay.enter}ms`,
+      leave: `${e.delay.leave}ms`
+    }), o = d(() => `push-${e.direction}`);
+    return (s, u) => (m(), v(B, {
+      class: M([o.value]),
+      "enter-active-class": "push-enter-active",
+      "enter-from-class": "push-enter-from",
+      "enter-to-class": "push-enter-to",
+      "leave-active-class": "push-leave-active",
+      "leave-from-class": "push-leave-from",
+      "leave-to-class": "push-leave-to",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(s.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), oe = /* @__PURE__ */ D(ne, [["__scopeId", "data-v-534f8451"]]), re = /* @__PURE__ */ c({
+  __name: "RotateTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {}
+  },
+  setup(e) {
+    const a = d(() => ({
+      enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
+      leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
+    })), t = d(() => ({
+      enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
+      leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
+    }));
+    return (o, s) => (m(), v(B, {
+      mode: "out-in",
+      "enter-active-class": "rotate-enter-active",
+      "enter-from-class": "rotate-enter-from",
+      "enter-to-class": "rotate-enter-to",
+      "leave-active-class": "rotate-leave-active",
+      "leave-from-class": "rotate-leave-from",
+      "leave-to-class": "rotate-leave-to",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), se = /* @__PURE__ */ D(re, [["__scopeId", "data-v-543c1e7a"]]), ie = /* @__PURE__ */ c({
+  __name: "ScaleListTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: { default: "span" }
+  },
+  setup(e) {
+    const a = d(() => typeof e.duration == "number" ? {
+      enter: `${e.duration}ms`,
+      leave: `${e.duration}ms`
+    } : {
+      enter: `${e.duration.enter}ms`,
+      leave: `${e.duration.leave}ms`
+    }), t = d(() => typeof e.delay == "number" ? {
+      enter: `${e.delay}ms`,
+      leave: `${e.delay}ms`
+    } : {
+      enter: `${e.delay.enter}ms`,
+      leave: `${e.delay.leave}ms`
+    });
+    function o(r) {
+      const i = getComputedStyle(r), { width: p, height: S } = i, { marginLeft: C, marginTop: A } = i;
+      return r.style.setProperty("left", `${r.offsetLeft - Number.parseFloat(C)}px`, "important"), r.style.setProperty("top", `${r.offsetTop - Number.parseFloat(A)}px`, "important"), r.style.setProperty("width", `${Number.parseFloat(p)}px`, "important"), r.style.setProperty("height", `${Number.parseFloat(S)}px`, "important"), r;
+    }
+    function s(r) {
+      r.style.setProperty("transition-duration", "0ms", "important"), r.style.setProperty("transition-delay", "0ms", "important");
+    }
+    function u(r) {
+      r.style.removeProperty("transition-duration"), r.style.removeProperty("transition-timing-function"), r.style.removeProperty("transition-delay");
+    }
+    function l(r, i = "enter") {
+      const p = a.value[i], S = t.value[i];
+      r.style.setProperty("transition-duration", p, "important"), r.style.setProperty("transition-delay", S, "important");
+    }
+    function n(r) {
+      const i = r;
+      u(i), i.style.removeProperty("opacity");
+    }
+    function $(r) {
+      const i = r;
+      s(i), o(i);
+    }
+    function E(r) {
+      const i = r;
+      l(i, "leave"), i.style.setProperty("opacity", "0", "important");
+    }
+    return (r, i) => (m(), v(k, {
+      tag: r.tag,
+      class: "scale-list",
+      "enter-active-class": "scale-list-enter-active",
+      "enter-from-class": "scale-list-enter-from",
+      "enter-to-class": "scale-list-enter-to",
+      "leave-active-class": "scale-list-leave-active",
+      "leave-from-class": "scale-list-leave-from",
+      "leave-to-class": "scale-list-leave-to",
+      "move-class": "scale-list-move",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      }),
+      onAfterLeave: i[0] || (i[0] = (p) => n(p)),
+      onBeforeLeave: i[1] || (i[1] = (p) => $(p)),
+      onLeave: i[2] || (i[2] = (p) => E(p))
+    }, {
+      default: y(() => [
+        g(r.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["tag", "style"]));
+  }
+}), le = /* @__PURE__ */ c({
+  __name: "WipeTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {}
+  },
+  setup(e) {
+    const a = d(() => ({
+      enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
+      leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
+    })), t = d(() => ({
+      enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
+      leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
+    }));
+    return (o, s) => (m(), v(B, {
+      "enter-active-class": "wipe-enter-active",
+      "enter-from-class": "wipe-enter-from",
+      "enter-to-class": "wipe-enter-to",
+      "leave-active-class": "wipe-leave-active",
+      "leave-from-class": "wipe-leave-from",
+      "leave-to-class": "wipe-leave-to",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), ue = /* @__PURE__ */ D(le, [["__scopeId", "data-v-8d219fef"]]), de = /* @__PURE__ */ c({
+  __name: "ZoomTransition",
+  props: {
+    delay: { default: 0 },
+    duration: { default: 300 },
+    group: { type: Boolean },
+    origin: {},
+    styles: {},
+    tag: {}
+  },
+  setup(e) {
+    const a = d(() => ({
+      enter: `${typeof e.duration == "number" ? e.duration : e.duration.enter}ms`,
+      leave: `${typeof e.duration == "number" ? e.duration : e.duration.leave}ms`
+    })), t = d(() => ({
+      enter: `${typeof e.delay == "number" ? e.delay : e.delay.enter}ms`,
+      leave: `${typeof e.delay == "number" ? e.delay : e.delay.leave}ms`
+    }));
+    return (o, s) => (m(), v(B, {
+      "enter-active-class": "zoom-enter-active",
+      "enter-from-class": "zoom-enter-from",
+      "enter-to-class": "zoom-enter-to",
+      "leave-active-class": "zoom-leave-active",
+      "leave-from-class": "zoom-leave-from",
+      "leave-to-class": "zoom-leave-to",
+      mode: "out-in",
+      style: L({
+        "--transition-enter-duration": a.value.enter,
+        "--transition-leave-duration": a.value.leave,
+        "--transition-enter-delay": t.value.enter,
+        "--transition-leave-delay": t.value.leave
+      })
+    }, {
+      default: y(() => [
+        g(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), fe = /* @__PURE__ */ D(de, [["__scopeId", "data-v-b022280d"]]), ce = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ZoomCenterTransition",
   props: {
@@ -286,20 +767,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-zoom"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), H = /* @__PURE__ */ f({
+}), me = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ZoomUpTransition",
   props: {
@@ -313,20 +794,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-zoom-up"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), U = /* @__PURE__ */ f({
+}), ve = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ZoomXTransition",
   props: {
@@ -340,20 +821,20 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-zoom-x"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), j = /* @__PURE__ */ f({
+}), ye = /* @__PURE__ */ c({
   inheritAttrs: !1,
   __name: "ZoomYTransition",
   props: {
@@ -367,53 +848,73 @@ const T = (a, o) => ({
     }) },
     tag: { default: "span" }
   },
-  emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
-  setup(a, { emit: o }) {
-    const e = a, n = o, i = h(e), r = T(e, n);
-    return (s, t) => (u(), p(c(l(i)), m({
-      tag: e.tag,
+  emits: ["afterEnter", "afterLeave", "beforeEnter", "beforeLeave", "leave"],
+  setup(e, { emit: a }) {
+    const t = e, o = a, s = h(t), u = P(t, o);
+    return (l, n) => (m(), v(T(f(s)), b({
+      tag: t.tag,
       name: "noc-zoom-y"
-    }, { ...s.$attrs, ...l(r) }), {
-      default: g(() => [
-        y(s.$slots, "default")
+    }, { ...l.$attrs, ...f(u) }), {
+      default: y(() => [
+        g(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CollapseTransition: C,
-  FadeTransition: Z,
-  ScaleTransition: D,
-  SlideXLeftTransition: E,
-  SlideXRightTransition: O,
-  SlideYDownTransition: X,
-  SlideYUpTransition: Y,
-  ZoomCenterTransition: z,
-  ZoomUpTransition: H,
-  ZoomXTransition: U,
-  ZoomYTransition: j
+  BlurTransition: G,
+  ClipPathTransition: J,
+  CollapseTransition: H,
+  DissolveListTransition: Q,
+  DissolveTransition: ee,
+  FadeSlideTransition: ae,
+  FadeTransition: j,
+  PushTransition: oe,
+  RotateTransition: se,
+  ScaleListTransition: ie,
+  ScaleTransition: U,
+  SlideXLeftTransition: x,
+  SlideXRightTransition: R,
+  SlideYDownTransition: W,
+  SlideYUpTransition: K,
+  WipeTransition: ue,
+  ZoomCenterTransition: ce,
+  ZoomTransition: fe,
+  ZoomUpTransition: me,
+  ZoomXTransition: ve,
+  ZoomYTransition: ye
 }, Symbol.toStringTag, { value: "Module" }));
-function K(a) {
-  a.$_vueBezierInstalled || (a.$_vueBezierInstalled = !0, Object.entries(I).forEach(
-    ([o, e]) => a.component(o, e)
+function pe(e) {
+  e.$_vueBezierInstalled || (e.$_vueBezierInstalled = !0, Object.entries(ge).forEach(
+    ([a, t]) => e.component(a, t)
   ));
 }
-const W = {
-  install: K
+const Te = {
+  install: pe
 };
 export {
-  C as CollapseTransition,
-  Z as FadeTransition,
-  D as ScaleTransition,
-  E as SlideXLeftTransition,
-  O as SlideXRightTransition,
-  X as SlideYDownTransition,
-  Y as SlideYUpTransition,
-  z as ZoomCenterTransition,
-  H as ZoomUpTransition,
-  U as ZoomXTransition,
-  j as ZoomYTransition,
-  W as default,
-  K as install
+  G as BlurTransition,
+  J as ClipPathTransition,
+  H as CollapseTransition,
+  Q as DissolveListTransition,
+  ee as DissolveTransition,
+  ae as FadeSlideTransition,
+  j as FadeTransition,
+  oe as PushTransition,
+  se as RotateTransition,
+  ie as ScaleListTransition,
+  U as ScaleTransition,
+  x as SlideXLeftTransition,
+  R as SlideXRightTransition,
+  W as SlideYDownTransition,
+  K as SlideYUpTransition,
+  ue as WipeTransition,
+  ce as ZoomCenterTransition,
+  fe as ZoomTransition,
+  me as ZoomUpTransition,
+  ve as ZoomXTransition,
+  ye as ZoomYTransition,
+  Te as default,
+  pe as install
 };