fetta 1.5.1 → 1.5.3

package/dist/react.js

@@ -1,47 +1,28 @@
-import { waitForFontsReady, reapplyInitialStyles, reapplyInitialClasses } from './chunk-FP4I6OR2.js';
-import { splitText, normalizeToPromise } from './chunk-UPF3IYHC.js';
-import { __objRest, __spreadProps, __spreadValues } from './chunk-ORMEWXMH.js';
+import { waitForFontsReady, createViewportObserver, reapplyInitialStyles, reapplyInitialClasses } from './chunk-PA22PLRB.js';
+import { splitText, normalizeToPromise } from './chunk-OUXSJF3P.js';
 import { forwardRef, useRef, useCallback, useState, useLayoutEffect, useEffect, isValidElement, createElement } from 'react';
 
 var SplitText = forwardRef(
-  function SplitText2(_a, forwardedRef) {
-    var _b = _a, {
-      children,
-      as: Component = "div",
-      className,
-      style: userStyle,
-      onSplit,
-      onResplit,
-      options,
-      autoSplit = false,
-      revertOnComplete = false,
-      viewport,
-      onViewportEnter,
-      onViewportLeave,
-      onRevert,
-      initialStyles,
-      initialClasses,
-      resetOnViewportLeave = false,
-      waitForFonts = true
-    } = _b, wrapperProps = __objRest(_b, [
-      "children",
-      "as",
-      "className",
-      "style",
-      "onSplit",
-      "onResplit",
-      "options",
-      "autoSplit",
-      "revertOnComplete",
-      "viewport",
-      "onViewportEnter",
-      "onViewportLeave",
-      "onRevert",
-      "initialStyles",
-      "initialClasses",
-      "resetOnViewportLeave",
-      "waitForFonts"
-    ]);
+  function SplitText2({
+    children,
+    as: Component = "div",
+    className,
+    style: userStyle,
+    onSplit,
+    onResplit,
+    options,
+    autoSplit = false,
+    revertOnComplete = false,
+    viewport,
+    onViewportEnter,
+    onViewportLeave,
+    onRevert,
+    initialStyles,
+    initialClasses,
+    resetOnViewportLeave = false,
+    waitForFonts = true,
+    ...wrapperProps
+  }, forwardedRef) {
     const containerRef = useRef(null);
     const mergedRef = useCallback(
       (node) => {
@@ -88,8 +69,7 @@ var SplitText = forwardRef(
     const observerRef = useRef(null);
     const hasTriggeredOnceRef = useRef(false);
     useLayoutEffect(() => {
-      var _a2;
-      const element = (_a2 = containerRef.current) == null ? void 0 : _a2.firstElementChild;
+      const element = containerRef.current?.firstElementChild;
       setChildElement(element instanceof HTMLElement ? element : null);
     }, [children]);
     useEffect(() => {
@@ -101,22 +81,21 @@ var SplitText = forwardRef(
         if (!containerRef.current) return;
         let coreRevert = null;
         const revert = () => {
-          var _a2;
           if (hasRevertedRef.current) return;
           hasRevertedRef.current = true;
           try {
-            (_a2 = onRevertRef.current) == null ? void 0 : _a2.call(onRevertRef);
+            onRevertRef.current?.();
           } finally {
-            coreRevert == null ? void 0 : coreRevert();
+            coreRevert?.();
           }
         };
-        const result = splitText(childElement, __spreadProps(__spreadValues({}, optionsRef.current), {
+        const result = splitText(childElement, {
+          ...optionsRef.current,
           autoSplit,
           revertOnComplete: revertOnCompleteRef.current,
           initialStyles: initialStylesRef.current,
           initialClasses: initialClassesRef.current,
           onResplit: (resizeResult) => {
-            var _a2;
             const newSplitTextElements = {
               chars: resizeResult.chars,
               words: resizeResult.words,
@@ -124,9 +103,9 @@ var SplitText = forwardRef(
               revert
             };
             splitResultRef.current = newSplitTextElements;
-            (_a2 = onResplitRef.current) == null ? void 0 : _a2.call(onResplitRef, newSplitTextElements);
+            onResplitRef.current?.(newSplitTextElements);
           }
-        }));
+        });
         coreRevert = result.revert;
         revertFnRef.current = revert;
         hasSplitRef.current = true;
@@ -157,43 +136,15 @@ var SplitText = forwardRef(
           }
         }
         if (needsViewport && containerRef.current) {
-          setupViewportObserver(containerRef.current);
+          observerRef.current = createViewportObserver(
+            viewportRef.current,
+            hasTriggeredOnceRef,
+            () => setIsInView(true),
+            () => setIsInView(false)
+          );
+          observerRef.current.observe(containerRef.current);
         }
       });
-      function setupViewportObserver(container) {
-        var _a2, _b2, _c, _d, _e;
-        const vpOptions = viewportRef.current || {};
-        const amount = (_a2 = vpOptions.amount) != null ? _a2 : 0;
-        const leave = (_b2 = vpOptions.leave) != null ? _b2 : 0;
-        const threshold = amount === "some" ? 0 : amount === "all" ? 1 : amount;
-        const leaveThreshold = leave === "some" ? 0 : leave === "all" ? 1 : leave;
-        const rootMargin = (_c = vpOptions.margin) != null ? _c : "0px";
-        const root = (_e = (_d = vpOptions.root) == null ? void 0 : _d.current) != null ? _e : void 0;
-        const thresholdValues = Array.from(
-          /* @__PURE__ */ new Set([0, threshold, leaveThreshold])
-        ).sort((a, b) => a - b);
-        const thresholds = thresholdValues.length === 1 ? thresholdValues[0] : thresholdValues;
-        observerRef.current = new IntersectionObserver(
-          (entries) => {
-            const entry = entries[0];
-            if (!entry) return;
-            const isOnce = vpOptions.once;
-            if (entry.isIntersecting && entry.intersectionRatio >= threshold) {
-              if (isOnce && hasTriggeredOnceRef.current) return;
-              hasTriggeredOnceRef.current = true;
-              setIsInView(true);
-              return;
-            }
-            if (isOnce) return;
-            const shouldLeave = leaveThreshold === 0 ? !entry.isIntersecting : entry.intersectionRatio <= leaveThreshold;
-            if (shouldLeave) {
-              setIsInView(false);
-            }
-          },
-          { threshold: thresholds, rootMargin, root }
-        );
-        observerRef.current.observe(container);
-      }
       return () => {
         isMounted = false;
         if (observerRef.current) {
@@ -216,9 +167,8 @@ var SplitText = forwardRef(
         const promise = normalizeToPromise(callbackResult);
         if (revertOnCompleteRef.current && promise) {
           promise.then(() => {
-            var _a2;
             if (hasRevertedRef.current) return;
-            (_a2 = splitResultRef.current) == null ? void 0 : _a2.revert();
+            splitResultRef.current?.revert();
           }).catch(() => {
             console.warn("[fetta] Animation rejected, text not reverted");
           });
@@ -251,16 +201,17 @@ var SplitText = forwardRef(
     const Wrapper = Component;
     return createElement(
       Wrapper,
-      __spreadProps(__spreadValues({
+      {
         ref: mergedRef,
-        "data-fetta-auto-split-wrapper": "true"
-      }, wrapperProps), {
+        "data-fetta-auto-split-wrapper": "true",
+        ...wrapperProps,
         className,
-        style: __spreadValues({
+        style: {
           visibility: waitForFonts ? "hidden" : "visible",
-          position: "relative"
-        }, userStyle)
-      }),
+          position: "relative",
+          ...userStyle
+        }
+      },
       children
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fetta",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "Text splitting library with kerning compensation for animations",
   "type": "module",
   "sideEffects": false,

package/dist/chunk-FP4I6OR2.js

@@ -1,43 +0,0 @@
-// src/internal/initialStyles.ts
-function reapplyInitialStyles(elements, style) {
-  if (!style || elements.length === 0) return;
-  const isFn = typeof style === "function";
-  for (let i = 0; i < elements.length; i++) {
-    const el = elements[i];
-    const styles = isFn ? style(el, i) : style;
-    for (const [key, value] of Object.entries(styles)) {
-      if (value == null) continue;
-      if (key === "cssText") {
-        if (typeof value === "string") {
-          el.style.cssText = value;
-        }
-        continue;
-      }
-      if (typeof value !== "string" && typeof value !== "number") continue;
-      const cssValue = typeof value === "number" ? String(value) : value;
-      const cssKey = key.startsWith("--") ? key : key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-      el.style.setProperty(cssKey, cssValue);
-    }
-  }
-}
-function reapplyInitialClasses(elements, className) {
-  if (!className || elements.length === 0) return;
-  const classes = className.split(/\s+/).filter(Boolean);
-  for (const el of elements) {
-    el.classList.add(...classes);
-  }
-}
-
-// src/internal/waitForFontsReady.ts
-async function waitForFontsReady(waitForFonts) {
-  if (!waitForFonts) return;
-  const fonts = document.fonts;
-  const ready = fonts == null ? void 0 : fonts.ready;
-  if (!ready || typeof ready.then !== "function") return;
-  try {
-    await ready;
-  } catch (e) {
-  }
-}
-
-export { reapplyInitialClasses, reapplyInitialStyles, waitForFontsReady };

package/dist/chunk-ORMEWXMH.js

@@ -1,33 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-export { __objRest, __spreadProps, __spreadValues };