@noction/vue-bezier 1.0.8 → 1.0.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-PRESENT Noction<sales@noction.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/vue-bezier.js

@@ -1,19 +1,19 @@
-import { TransitionGroup as z, Transition as D, defineComponent as d, openBlock as f, createBlock as u, resolveDynamicComponent as c, unref as r, mergeProps as m, withCtx as p, renderSlot as g } from "vue";
-const v = (a) => a.group ? z : D;
-function b(a, o) {
+import { TransitionGroup as z, Transition as S, defineComponent as d, openBlock as f, createBlock as u, resolveDynamicComponent as c, unref as l, mergeProps as m, withCtx as p, renderSlot as g } from "vue";
+const v = (a) => a.group ? z : S;
+function T(a, o) {
   return typeof a == "number" ? a : typeof a == "object" && a !== null ? a[o] ?? 0 : 0;
 }
-function w(a, o) {
-  const t = b(a.duration, "enter"), n = b(a.delay, "enter");
-  o.style.animationDuration = `${t}ms`, o.style.animationDelay = `${n}ms`, T(a, o);
+function D(a, o) {
+  const t = T(a.duration, "enter"), n = T(a.delay, "enter");
+  o.style.animationDuration = `${t}ms`, o.style.animationDelay = `${n}ms`, b(a, o);
 }
-function A(a, o) {
-  const t = b(a.duration, "leave"), n = b(a.delay, "leave");
-  o.style.animationDuration = `${t}ms`, o.style.animationDelay = `${n}ms`, T(a, o);
+function w(a, o) {
+  const t = T(a.duration, "leave"), n = T(a.delay, "leave");
+  o.style.animationDuration = `${t}ms`, o.style.animationDelay = `${n}ms`, b(a, o);
 }
 function $(a, o, t) {
   B(a, o);
-  const n = b(a.duration, "leave"), i = b(a.delay, "leave");
+  const n = T(a.duration, "leave"), i = T(a.delay, "leave");
   setTimeout(t, n + i);
 }
 function _(a, o) {
@@ -21,15 +21,15 @@ function _(a, o) {
     t in o.style && (o.style[t] = "");
   }), o.style.animationDuration = "", o.style.animationDelay = "";
 }
-function T(a, o) {
-  S(a, o), a.styles && Object.entries(a.styles).forEach(([t, n]) => {
+function b(a, o) {
+  A(a, o), a.styles && Object.entries(a.styles).forEach(([t, n]) => {
     t in o.style && (o.style[t] = n);
   });
 }
 function B(a, o) {
   a.group && (o.style.position = "absolute");
 }
-function S(a, o) {
+function A(a, o) {
   a.origin && (o.style.transformOrigin = a.origin);
 }
 const y = (a, o) => ({
@@ -40,15 +40,15 @@ const y = (a, o) => ({
     _(a, t), o("after-leave", t);
   },
   onBeforeEnter: (t) => {
-    w(a, t), o("before-enter", t);
+    D(a, t), o("before-enter", t);
   },
   onBeforeLeave: (t) => {
-    A(a, t), o("before-leave", t);
+    w(a, t), o("before-leave", t);
   },
   onLeave: (t, n) => {
     $(a, t, n), o("leave", t, n);
   }
-}), k = /* @__PURE__ */ d({
+}), P = /* @__PURE__ */ d({
   __name: "CollapseTransition",
   props: {
     delay: { default: 0 },
@@ -63,7 +63,7 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = {
+    const t = a, n = o, i = v(t), r = {
       onAfterEnter(e) {
         e.style.transition = "", e.style.height = "", e.style.overflow = e.dataset.oldOverflow, n("after-enter", e);
       },
@@ -71,33 +71,33 @@ const y = (a, o) => ({
         e.style.transition = "", e.style.height = "", e.style.overflow = e.dataset.oldOverflow, e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom, n("after-leave", e);
       },
       onBeforeEnter(e) {
-        const h = b(t.duration, "enter");
-        e.style.transition = s(h), e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.style.height = "0", e.style.paddingTop = 0, e.style.paddingBottom = 0, T(t, e), n("before-enter", e);
+        const h = T(t.duration, "enter");
+        e.style.transition = s(h), e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.style.height = "0", e.style.paddingTop = 0, e.style.paddingBottom = 0, b(t, e), n("before-enter", e);
       },
       onBeforeLeave(e) {
-        e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.dataset.oldOverflow = e.style.overflow, e.style.height = `${e.scrollHeight}px`, e.style.overflow = "hidden", T(t, e), n("before-leave", e);
+        e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.dataset.oldOverflow = e.style.overflow, e.style.height = `${e.scrollHeight}px`, e.style.overflow = "hidden", b(t, e), n("before-leave", e);
       },
       onEnter(e) {
         e.dataset.oldOverflow = e.style.overflow, e.scrollHeight !== 0 ? (e.style.height = `${e.scrollHeight}px`, e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom) : (e.style.height = "", e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom), e.style.overflow = "hidden";
       },
       onLeave(e, h) {
-        const F = b(t.duration, "leave");
+        const F = T(t.duration, "leave");
         e.scrollHeight !== 0 && (e.style.transition = s(F), e.style.height = 0, e.style.paddingTop = 0, e.style.paddingBottom = 0), B(t, e), $(t, e, h), n("leave", e, h);
       }
     }, s = (e) => {
       const h = e / 1e3;
       return `${h}s height ease-in-out, ${h}s padding-top ease-in-out, ${h}s padding-bottom ease-in-out`;
     };
-    return (e, h) => (f(), u(c(r(i)), m({
+    return (e, h) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...e.$attrs, ...l }, { "move-class": "collapse-move" }), {
+    }, { ...e.$attrs, ...r }, { "move-class": "collapse-move" }), {
       default: p(() => [
         g(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), P = /* @__PURE__ */ d({
+}), k = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "FadeTransition",
   props: {
@@ -113,13 +113,13 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag,
       "enter-active-class": "fade-in",
       "move-class": "fade-move",
       "leave-active-class": "fade-out"
-    }, { ...s.$attrs, ...r(l) }), {
+    }, { ...s.$attrs, ...l(r) }), {
       default: p(() => [
         g(s.$slots, "default")
       ]),
@@ -142,10 +142,10 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "scale-in",
       "move-class": "scale-move",
       "leave-active-class": "scale-out"
@@ -156,7 +156,7 @@ const y = (a, o) => ({
       _: 3
     }, 16, ["tag"]));
   }
-}), E = /* @__PURE__ */ d({
+}), Z = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "SlideXLeftTransition",
   props: {
@@ -172,10 +172,10 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "slide-x-left-in",
       "move-class": "slide-move",
       "leave-active-class": "slide-x-left-out"
@@ -186,7 +186,7 @@ const y = (a, o) => ({
       _: 3
     }, 16, ["tag"]));
   }
-}), L = /* @__PURE__ */ d({
+}), O = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "SlideXRightTransition",
   props: {
@@ -202,10 +202,10 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "slide-x-right-in",
       "move-class": "slide-move",
       "leave-active-class": "slide-x-right-out"
@@ -216,7 +216,7 @@ const y = (a, o) => ({
       _: 3
     }, 16, ["tag"]));
   }
-}), O = /* @__PURE__ */ d({
+}), C = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "SlideYDownTransition",
   props: {
@@ -232,10 +232,10 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "slide-y-down-in",
       "leave-active-class": "slide-y-down-out"
     }), {
@@ -245,7 +245,7 @@ const y = (a, o) => ({
       _: 3
     }, 16, ["tag"]));
   }
-}), C = /* @__PURE__ */ d({
+}), L = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "SlideYUpTransition",
   props: {
@@ -261,11 +261,11 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag,
       type: "animation"
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "slide-y-in",
       "move-class": "slide-move",
       "leave-active-class": "slide-y-out"
@@ -276,7 +276,7 @@ const y = (a, o) => ({
       _: 3
     }, 16, ["tag"]));
   }
-}), Z = /* @__PURE__ */ d({
+}), E = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "ZoomCenterTransition",
   props: {
@@ -292,10 +292,10 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "zoom-in",
       "move-class": "zoom-move",
       "leave-active-class": "zoom-out"
@@ -322,10 +322,10 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag
-    }, { ...s.$attrs, ...r(l) }, {
+    }, { ...s.$attrs, ...l(r) }, {
       "enter-active-class": "zoom-in-up",
       "move-class": "zoom-move",
       "leave-active-class": "zoom-out-up"
@@ -352,20 +352,20 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag,
       "enter-active-class": "zoom-in-x",
       "move-class": "zoom-move",
       "leave-active-class": "zoom-out-x"
-    }, { ...s.$attrs, ...r(l) }), {
+    }, { ...s.$attrs, ...l(r) }), {
       default: p(() => [
         g(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), H = /* @__PURE__ */ d({
+}), U = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "ZoomYTransition",
   props: {
@@ -381,42 +381,53 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), l = y(t, n);
-    return (s, e) => (f(), u(c(r(i)), m({
+    const t = a, n = o, i = v(t), r = y(t, n);
+    return (s, e) => (f(), u(c(l(i)), m({
       tag: t.tag,
       "enter-active-class": "zoom-in-y",
       "move-class": "zoom-move",
       "leave-active-class": "zoom-out-y"
-    }, { ...s.$attrs, ...r(l) }), {
+    }, { ...s.$attrs, ...l(r) }), {
       default: p(() => [
         g(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), U = {
-  CollapseTransition: k,
-  FadeTransition: P,
+}), j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CollapseTransition: P,
+  FadeTransition: k,
   ScaleTransition: M,
-  SlideXLeftTransition: E,
-  SlideXRightTransition: L,
-  SlideYDownTransition: O,
-  SlideYUpTransition: C,
-  ZoomCenterTransition: Z,
+  SlideXLeftTransition: Z,
+  SlideXRightTransition: O,
+  SlideYDownTransition: C,
+  SlideYUpTransition: L,
+  ZoomCenterTransition: E,
   ZoomUpTransition: X,
   ZoomXTransition: Y,
-  ZoomYTransition: H
-};
-function j(a) {
-  a.$_vueBezierInstalled || (a.$_vueBezierInstalled = !0, Object.entries(U).forEach(
+  ZoomYTransition: U
+}, Symbol.toStringTag, { value: "Module" }));
+function H(a) {
+  a.$_vueBezierInstalled || (a.$_vueBezierInstalled = !0, Object.entries(j).forEach(
     ([o, t]) => a.component(o, t)
   ));
 }
 const R = {
-  install: j
+  install: H
 };
 export {
-  U as components,
+  P as CollapseTransition,
+  k as FadeTransition,
+  M as ScaleTransition,
+  Z as SlideXLeftTransition,
+  O as SlideXRightTransition,
+  C as SlideYDownTransition,
+  L as SlideYUpTransition,
+  E as ZoomCenterTransition,
+  X as ZoomUpTransition,
+  Y as ZoomXTransition,
+  U as ZoomYTransition,
   R as default,
-  j as install
+  H as install
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@noction/vue-bezier",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noction/vue-bezier",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Vue3 reusable transition components",
   "keywords": [
     "transitions",
@@ -39,19 +39,6 @@
   "module": "dist/vue-bezier.js",
   "types": "dist/types/main.d.ts",
   "type": "module",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development vite build --watch",
-    "build:light": "cross-env NODE_ENV=development vite build",
-    "prebuild": "vue-tsc -p tsconfig.build.json",
-    "build": "vite build",
-    "postbuild": "vue-docgen-web-types",
-    "prepublishOnly": "npm run build",
-    "lint:es": "eslint \"src/**/*.{js,ts,vue}\" --fix --color",
-    "lint:style": "stylelint src/**/*.{css,scss,vue} --color --fix",
-    "test": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "type:check": "vue-tsc --noEmit"
-  },
   "devDependencies": {
     "@faker-js/faker": "^8.3.1",
     "@types/node": "^20.10.5",
@@ -68,5 +55,17 @@
     "vue-tsc": "^1.8.27",
     "vue-docgen-web-types": "^0.1.8"
   },
-  "web-types": "./dist/web-types.json"
-}
+  "web-types": "./dist/web-types.json",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development vite build --watch",
+    "build:light": "cross-env NODE_ENV=development vite build",
+    "prebuild": "vue-tsc -p tsconfig.build.json",
+    "build": "vite build",
+    "postbuild": "vue-docgen-web-types",
+    "lint:es": "eslint \"src/**/*.{js,ts,vue}\" --fix --color",
+    "lint:style": "stylelint src/**/*.{css,scss,vue} --color --fix",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "type:check": "vue-tsc --noEmit"
+  }
+}

package/src/components/index.ts

@@ -0,0 +1,20 @@
+// Exporting components from Collapse directory
+export { default as CollapseTransition } from './Collapse/CollapseTransition.vue';
+
+// Exporting components from Fade directory
+export { default as FadeTransition } from './Fade/FadeTransition.vue';
+
+// Exporting components from Scale directory
+export { default as ScaleTransition } from './Scale/ScaleTransition.vue';
+
+// Exporting components from Slide directory
+export { default as SlideXLeftTransition } from './Slide/SlideXLeftTransition.vue';
+export { default as SlideXRightTransition } from './Slide/SlideXRightTransition.vue';
+export { default as SlideYDownTransition } from './Slide/SlideYDownTransition.vue';
+export { default as SlideYUpTransition } from './Slide/SlideYUpTransition.vue';
+
+// Exporting components from Zoom directory
+export { default as ZoomCenterTransition } from './Zoom/ZoomCenterTransition.vue';
+export { default as ZoomUpTransition } from './Zoom/ZoomUpTransition.vue';
+export { default as ZoomXTransition } from './Zoom/ZoomXTransition.vue';
+export { default as ZoomYTransition } from './Zoom/ZoomYTransition.vue';

package/src/main.ts

@@ -1,34 +1,6 @@
-import { App } from 'vue'
-
-import CollapseTransition from './components/Collapse/CollapseTransition.vue'
-
-import FadeTransition from './components/Fade/FadeTransition.vue'
-
-import ScaleTransition from './components/Scale/ScaleTransition.vue'
-
-import SlideXLeftTransition from './components/Slide/SlideXLeftTransition.vue'
-import SlideXRightTransition from './components/Slide/SlideXRightTransition.vue'
-import SlideYDownTransition from './components/Slide/SlideYDownTransition.vue'
-import SlideYUpTransition from './components/Slide/SlideYUpTransition.vue'
-
-import ZoomCenterTransition from './components/Zoom/ZoomCenterTransition.vue'
-import ZoomUpTransition from './components/Zoom/ZoomUpTransition.vue'
-import ZoomXTransition from './components/Zoom/ZoomXTransition.vue'
-import ZoomYTransition from './components/Zoom/ZoomYTransition.vue'
-
-export const components = {
-  CollapseTransition,
-  FadeTransition,
-  ScaleTransition,
-  SlideXLeftTransition,
-  SlideXRightTransition,
-  SlideYDownTransition,
-  SlideYUpTransition,
-  ZoomCenterTransition,
-  ZoomUpTransition,
-  ZoomXTransition,
-  ZoomYTransition
-}
+import * as components from './components'
+export * from './components'
+import type { App } from 'vue'
 
 export function install (app: App) {
   // @ts-expect-error it's a custom flag
@@ -38,8 +10,8 @@ export function install (app: App) {
 
   Object
     .entries(components)
-    .forEach(([key, component]) =>
-      app.component(key, component)
+    .forEach(([componentName, component]) =>
+      app.component(componentName, component)
     )
 }