defuss 2.0.16 → 2.1.0

package/dist/transitions-BTnlvkEd.mjs

@@ -0,0 +1,102 @@
+const getTransitionStyles = (type, duration, easing) => {
+  const baseTransition = `all ${duration}ms ${easing}`;
+  const filterUndefined = (obj) => {
+    const filtered = {};
+    Object.entries(obj).forEach(([key, value]) => {
+      if (value !== void 0) {
+        filtered[key] = value;
+      }
+    });
+    return filtered;
+  };
+  switch (type) {
+    case "fade":
+      return {
+        enter: filterUndefined({ opacity: "0", transition: baseTransition }),
+        enterActive: filterUndefined({ opacity: "1" }),
+        exit: filterUndefined({ opacity: "1", transition: baseTransition }),
+        exitActive: filterUndefined({ opacity: "0" })
+      };
+    case "slide-left":
+      return {
+        enter: filterUndefined({ transform: "translateX(100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateX(0%)" }),
+        exit: filterUndefined({ transform: "translateX(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateX(-100%)" })
+      };
+    case "slide-right":
+      return {
+        enter: filterUndefined({ transform: "translateX(-100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateX(0%)" }),
+        exit: filterUndefined({ transform: "translateX(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateX(100%)" })
+      };
+    case "slide-up":
+      return {
+        enter: filterUndefined({ transform: "translateY(100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateY(0%)" }),
+        exit: filterUndefined({ transform: "translateY(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateY(-100%)" })
+      };
+    case "slide-down":
+      return {
+        enter: filterUndefined({ transform: "translateY(-100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateY(0%)" }),
+        exit: filterUndefined({ transform: "translateY(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateY(100%)" })
+      };
+    case "scale":
+      return {
+        enter: filterUndefined({ transform: "scale(0)", opacity: "0", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "scale(1)", opacity: "1" }),
+        exit: filterUndefined({ transform: "scale(1)", opacity: "1", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "scale(0)", opacity: "0" })
+      };
+    default:
+      return {
+        enter: {},
+        enterActive: {},
+        exit: {},
+        exitActive: {}
+      };
+  }
+};
+const applyStyles = (element, styles) => {
+  Object.entries(styles).forEach(([property, value]) => {
+    element.style.setProperty(property, String(value));
+  });
+};
+const storeOriginalStyles = (element, properties) => {
+  const originalStyles = {};
+  properties.forEach((property) => {
+    originalStyles[property] = element.style.getPropertyValue(property) || "";
+  });
+  return originalStyles;
+};
+const restoreOriginalStyles = (element, originalStyles) => {
+  Object.entries(originalStyles).forEach(([property, value]) => {
+    if (value) {
+      element.style.setProperty(property, value);
+    } else {
+      element.style.removeProperty(property);
+    }
+  });
+};
+const DEFAULT_TRANSITION_CONFIG = {
+  type: "fade",
+  duration: 300,
+  easing: "ease-in-out",
+  delay: 0
+};
+const waitForTransition = (element, duration) => {
+  return new Promise((resolve) => {
+    const handleTransitionEnd = () => {
+      element.removeEventListener("transitionend", handleTransitionEnd);
+      resolve();
+    };
+    element.addEventListener("transitionend", handleTransitionEnd);
+    setTimeout(resolve, duration + 50);
+  });
+};
+
+export { DEFAULT_TRANSITION_CONFIG, applyStyles, getTransitionStyles, restoreOriginalStyles, storeOriginalStyles, waitForTransition };

package/dist/transitions-D6dj9XXM.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+const getTransitionStyles = (type, duration, easing) => {
+  const baseTransition = `all ${duration}ms ${easing}`;
+  const filterUndefined = (obj) => {
+    const filtered = {};
+    Object.entries(obj).forEach(([key, value]) => {
+      if (value !== void 0) {
+        filtered[key] = value;
+      }
+    });
+    return filtered;
+  };
+  switch (type) {
+    case "fade":
+      return {
+        enter: filterUndefined({ opacity: "0", transition: baseTransition }),
+        enterActive: filterUndefined({ opacity: "1" }),
+        exit: filterUndefined({ opacity: "1", transition: baseTransition }),
+        exitActive: filterUndefined({ opacity: "0" })
+      };
+    case "slide-left":
+      return {
+        enter: filterUndefined({ transform: "translateX(100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateX(0%)" }),
+        exit: filterUndefined({ transform: "translateX(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateX(-100%)" })
+      };
+    case "slide-right":
+      return {
+        enter: filterUndefined({ transform: "translateX(-100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateX(0%)" }),
+        exit: filterUndefined({ transform: "translateX(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateX(100%)" })
+      };
+    case "slide-up":
+      return {
+        enter: filterUndefined({ transform: "translateY(100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateY(0%)" }),
+        exit: filterUndefined({ transform: "translateY(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateY(-100%)" })
+      };
+    case "slide-down":
+      return {
+        enter: filterUndefined({ transform: "translateY(-100%)", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "translateY(0%)" }),
+        exit: filterUndefined({ transform: "translateY(0%)", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "translateY(100%)" })
+      };
+    case "scale":
+      return {
+        enter: filterUndefined({ transform: "scale(0)", opacity: "0", transition: baseTransition }),
+        enterActive: filterUndefined({ transform: "scale(1)", opacity: "1" }),
+        exit: filterUndefined({ transform: "scale(1)", opacity: "1", transition: baseTransition }),
+        exitActive: filterUndefined({ transform: "scale(0)", opacity: "0" })
+      };
+    default:
+      return {
+        enter: {},
+        enterActive: {},
+        exit: {},
+        exitActive: {}
+      };
+  }
+};
+const applyStyles = (element, styles) => {
+  Object.entries(styles).forEach(([property, value]) => {
+    element.style.setProperty(property, String(value));
+  });
+};
+const storeOriginalStyles = (element, properties) => {
+  const originalStyles = {};
+  properties.forEach((property) => {
+    originalStyles[property] = element.style.getPropertyValue(property) || "";
+  });
+  return originalStyles;
+};
+const restoreOriginalStyles = (element, originalStyles) => {
+  Object.entries(originalStyles).forEach(([property, value]) => {
+    if (value) {
+      element.style.setProperty(property, value);
+    } else {
+      element.style.removeProperty(property);
+    }
+  });
+};
+const DEFAULT_TRANSITION_CONFIG = {
+  type: "fade",
+  duration: 300,
+  easing: "ease-in-out",
+  delay: 0
+};
+const waitForTransition = (element, duration) => {
+  return new Promise((resolve) => {
+    const handleTransitionEnd = () => {
+      element.removeEventListener("transitionend", handleTransitionEnd);
+      resolve();
+    };
+    element.addEventListener("transitionend", handleTransitionEnd);
+    setTimeout(resolve, duration + 50);
+  });
+};
+
+exports.DEFAULT_TRANSITION_CONFIG = DEFAULT_TRANSITION_CONFIG;
+exports.applyStyles = applyStyles;
+exports.getTransitionStyles = getTransitionStyles;
+exports.restoreOriginalStyles = restoreOriginalStyles;
+exports.storeOriginalStyles = storeOriginalStyles;
+exports.waitForTransition = waitForTransition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss",
-  "version": "2.0.16",
+  "version": "2.1.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -92,7 +92,7 @@
     "csstype": "^3.1.3",
     "happy-dom": "^15.11.7",
     "w3c-xmlserializer": "^5.0.0",
-    "defuss-runtime": "1.0.4"
+    "defuss-runtime": "1.2.0"
   },
   "scripts": {
     "clean": "rm -rf ./coverage && rm -rf ./node_modules/.pnpm && rm -rf ./node_modules/.vite",